/************
 Common Style
 ************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#fff; font:12px/19px '宋体'; color:#000; text-align:center }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:12px; font-weight:normal }
img { border:0 }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#f60; text-decoration:underline }
.wrap { clear:both; width:900px; margin:0 auto; text-align:left; overflow:auto; *display:inline-block
}
.clear { clear:both }
.fl, .left { float:left }
.fr, .right { float:right }
.hidden { display:none }
.cl { clear:both }
.fl { float:left }
.fr { float:right }
.hd { display:none }
.mt10 { margin:10px 0 0 }
.newYear2014{ background:url(../images/newYear2014.jpg) center center no-repeat; height:212px;}
/************
 Page Style
 ************/
.page { clear:both; padding:10px 0; font:12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#444; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#444; vertical-align:middle }
.page span, .page a { *display:inline
}
.page input { width:30px; height:21px; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:19px; color:#444; vertical-align:middle }
.page a:hover, .page a.ondown, .page span.ondown { border:#7b0 1px solid; background:#7b0; color:#fff }
.page span.ondown { font-weight:bold }
/************
 Font Style
 ************/
.C690 { color:#690 }
.CF60 { color:#f60 }
.CC00 { color:#c00 }
.C36C { color:#36c }
.C080 { color:#080 }
.C333 { color:#333 }
.CF00 { color:#f00 }
.CFFF { color:#fff }
.C360 { color:#360 }
.C369 { color:#369 }
.C28B { color:#28b }
.C666 { color:#666 }
.C999 { color:#999 }
.C004F98 { color:#004F98 }
.FB { font-weight:bold }
.F14 { font-size:14px }
.FA { font-family:Arial, Helvetica, sans-serif }
.LINE { text-decoration:underline }
.MT { clear:both; margin:10px 0 0 }
a.A333 { color:#333; text-decoration:none; cursor:text }
a.A333:hover { color:#333 }
a.A666 { color:#666; text-decoration:none; cursor:text }
a.A666:hover { color:#666 }
/************
 Head Style
 ************/
.head .headTagOut, .head .headTagIn p, .head .headLogo .right, .head .headLogo .right ul, .head .headLogo .inputText, .head .headNav, .head .headNav li a, .head .headNav li.s, .head .headNav li.s a,.barH h5,.barH h5 span,.barH .l,.barH .l span{ background:url(../images/head_bg.gif) no-repeat }
.barA, .barA h5, .barA h5 span, .barC, .barC h5, .barC h5 span, .barC h6, .barDIn, .barE, .barE h5, .barE h5 span, .barE h6, .barF, .barF h5, .barF h5 span, .barF h6,
.barA .l, .barA .l span, .barC, .barC .l, .barC .l span, .barC .r, .barDIn, .barE, .barE .l, .barE .l span, .barE .r, .barF, .barF .l, .barF .l span, .barF .r{ background:url(../images/main_bg.gif) no-repeat; }
/************HEAD STYLE************/
.head .headTagIn, .head .headLogo, .head .headNav { clear:both; width:900px; margin:0 auto; text-align:left }
.head .headTagOut { clear:both;background-repeat:repeat-x }
.head .headTagIn { height:27px; line-height:27px; color:#333; overflow:hidden}
.head .headTagIn p { float:left; display:inline; background-position:-18px -169px; padding:0 0 0 20px;  overflow: hidden}
.head .headTagIn ul { zoom:1; overflow:hidden;white-space:nowrap;}
.head .headTagIn li { display:inline-block; margin:0 0 0 10px }
.head .headTagIn li { *display:inline}
.head .headTagIn li.favorite { margin-left:7px;}
/*.head .headTagIn li.homepage { background:url(../images/head_bg.gif) -20px -203px no-repeat; padding:0 0 0 20px; margin:0 0 0 50px }
.head .headTagIn li.favorite { background:url(../images/head_bg.gif) -20px -236px no-repeat; padding:0 0 0 20px }*/
.head .headLogo { height:62px; padding:10px 0; overflow:hidden; }
.head .headLogo .left {line-height:62px;width:240px;}
.head .headLogo .left  a{ display:block; vertical-align:middle; height:62px;line-height:62px;position:relative;}
.head .headLogo .left img {max-width:240px;max-height:62px;left: 0px; margin-left: 0;}
.head .headLogo .right { display:inline; background-position:0 -28px; margin:15px 0 0 }
.head .headLogo .right ul { background-position:right -156px; padding:0 20px }
.head .headLogo .right li { display:inline-block; margin:0 5px; line-height:33px; color:#333 }
.head .headLogo .right li { *display:inline
}
.head .headLogo .right li a { color:#008080 }
.head .headLogo .inputText { width:150px; height:20px; border:#aaa 1px solid; background-color:#fff; background-position:-15px -270px; padding:2px 5px 0 25px; line-height:20px;}
.head .headNav { height:63px; background-position:0 -62px; margin:0 auto }
.head .headNav ul { padding:4px 0 0 30px; overflow:hidden;zoom:1; height:29px; }
.head .headNav li { float:left }
.head .headNav li a { display:inline-block; background-position:right -224px; padding:0 42px; line-height:29px; font-weight:bold; font-size:14px; color:#fff }
.head .headNav li a { *display:inline
}
.head .headNav li a.s { background:none }
.head .headNav li.s { background-position:0 -126px }
.head .headNav li.s a { background-position:right -190px; color:#000 }
.head .headNav p { clear:both; padding:0 30px; width:840px; height:30px; line-height:30px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.head .headNav p a { color:#666 }
.head .headNav p a.CF60 { color:#f60 }
/* joojcc head style */
.head .search{ float:right;width:589px; margin:0px 17px 0px 0px;}
.head .search dl,.head .search dt,.head .search dd{ display:block; margin:0px; padding:0px; overflow:hidden;}
.head .search dl{ background:#FFFFFF url(../images/bg_search.gif) left top no-repeat; height:60px; overflow:hidden}
.head .search dt{ padding-left:10px;}
.head .search dt span{ float:left; display:inline; color:#000000; width:62px; height:24px; line-height:26px; text-align:center; margin-left:10px; cursor:pointer!important; cursor:hand; overflow: hidden;}
.head .search span.s{background:url(../images/bg_search.gif) right top  no-repeat;font-weight:bold;}
.head .search dd{ clear:both;height:36px;}
.head .search dd ul,.head .search dd li{ margin:0px; padding:0px; overflow:hidden; list-style:none; display:block}
.head .search dd ul{ padding:0px 10px;}
.head .search dd li.s1,.head .search dd h5{float:left; display:inline;overflow: hidden;}
.head .search dd li.s1{ width:212px; padding-top:5px; *padding-top:5px;margin-right:5px; }
.head .search dd li.s2{ display: block; line-height:36px; overflow:hidden;}
.head .search dd h6{display:block;*display:inline;zoom:1; overflow:hidden; white-space:normal}
.head .search dd form{ display:block;margin:0px; padding:0px; overflow: hidden;}
.head .headLogo .search .inputText{ width:130px;}
.head .search dd li h6 a{ white-space:nowrap;}
.head .search dd li h6,.head .search dd li h6 a{ color:#008080;}

/************
 Foot Style
 ************/
/*#foot { clear:both; width:900px; margin:20px auto }
#foot .footNav { clear:both; border:#d5d5d5 1px solid; padding:5px 0 3px; line-height:21px; color:#999 }
#foot .fontCopyright { clear:both; padding:10px 0; line-height:25px; color:#333 }
#foot .fontCopyright img { border:#d5d5d5 1px solid; margin:10px 5px; vertical-align:bottom }*/
#link { clear:both; width:900px; margin:0 auto; text-align:left }
#link .linkTxt { clear:both; border:#d6d6d6 1px solid; margin-top:10px; padding:10px }
#link .linkTxt dl { overflow:auto; *display:inline-block
}
#link .linkTxt dt { float:left; display:inline; width:60px; line-height:25px }
#link .linkTxt dt a { font-weight:bold; color:#000 }
#link .linkTxt dd { float:right; display:inline; width:808px }
#link .linkTxt dd a { display:inline-block; margin:0 10px 0 0; line-height:25px; color:#494949; white-space:nowrap;}
#link .linkTxt dd a { *display:inline
}
#link .linkTxt .r{ color:#10892d;}

#link2 { clear:both; width:900px; margin:0 auto; text-align:left }
#link2 .linkTxt2 { clear:both; border:#d6d6d6 1px solid; margin-top:10px; padding:10px }
#link2 .linkTxt2 dl { overflow:auto; *display:inline-block
}
#link2 .linkTxt2 dt { float:left; display:inline; width:60px; line-height:25px }
#link2 .linkTxt2 dt a { font-weight:bold; color:#000 }
#link2 .linkTxt2 dd { float:right; display:inline; width:808px }
#link2 .linkTxt2 dd a { display:inline-block; margin:0 0px 0 0; line-height:25px; color:#494949; white-space:nowrap;}
#link2 .linkTxt2 dd a { *display:inline
}
#link2 .linkTxt .r{ color:#10892d;}

#foot { clear:both; width:900px; margin:0 auto; text-align:left }
#foot a { color:#000 }
#foot .footNav { clear:both; border-top:#d5d5d5 1px solid; padding:10px 0; margin:10px 0 0; line-height:25px; color:#000; overflow:auto; *display:inline-block
}
#foot .footNav .left { display:inline; width:200px; height:71px; background:url(../images/foot_bg.gif) center center no-repeat; }
#foot .footNav .right { float:none; overflow:hidden;zoom:1;}

.twitter{ width:900px; border:1px solid #d6d6d6;padding:15px 0 15px; vertical-align:middle; line-height:25px; text-align:center; margin:10px auto 0;}
.twitter a{ padding:0px 5px; vertical-align:middle; color:#000;}
.twitter img{ vertical-align:middle;}
.twitter .ewm img{ vertical-align:middle; width:56px;}
.twitter .ss{padding-left:35px;}
.twitter .s{ color:#0074fe; padding:0 15px 0 5px;}
.twitter .n{ color:#5cb200; padding:0 15px 0 5px;}
/*#foot .footNav .right li { line-height:14px; padding:5px 0 }*/
#foot .footNav .right li img { vertical-align:text-top}
#foot .footNav .right li { clear:both; float:left; width:100%;line-height:20px; padding:2px 0px 5px;color:#000;overflow:hidden}
#foot .footNav .right li.fm_link a{ display:inline; margin:0px; padding:0px; overflow:hidden; white-space:nowrap; float:left; height:19px;}
#foot .footNav .right li.fm_link font{display:inline; margin:0px; padding:0px 7px 0px 6px; overflow:hidden; width:5px; text-align:center;float:left; font-family:"����";}
#foot .footNav .right li.fm_tel u{text-decoration:none;}
#foot li span{ color:#999; display: block; margin-top: 5px;}
#foot .weixinA{ float:left; display:inline; margin-right:20px; _margin-right:16px; width:148px; height:92px;  background:url(../images/weixin.jpg) left top no-repeat;}
#foot .weixinA img{ height:57px; margin:12px 0 0 65px;}
/*2010-12-3 154 add*/
.head .headNav li a{overflow:hidden;}
.head .headNav li a.sum1{width:284px;}
.head .headNav li a.sum2{width:284px;}
.head .headNav li a.sum3{width:284px;}
.head .headNav li a.sum4{width:213px;}
.head .headNav li a.sum5{width:170px;}
.head .headNav li a.sum6{width:142px;}
.head .headNav li a.sum7{width:121px;}
.head .headNav li a.sum8{width:108px;}
.head .headNav li a.sum9{width:96px;}
.head .headNav li a.sum10{width:85px;}
.head .headNav li a.sum11{width:78px;}
.head .headNav li a.sum12{width:72px;}
.head .headNav li a.sum13{width:66px;}
.head .headNav li a.sum14{width:61px;}
.head .headNav li a.sum15{width:57px;}
.head .headNav li a.sum16{width:54px;}
.head .headNav li a.sum17{width:51px;}
.head .headNav li a.sum18{width:48px;}
.head .headNav li a.sum19{width:45px;}
.head .headNav li a.sum20{width:43px;}
/***2011-4-15 154 add***/
.headTagIn ul li.hp a,.headTagIn ul li.fav a{ color:#ff4200; margin:0px; padding:0px;}
.head .headTagIn li { display:inline; float:left; margin:0 0 0 10px }
.headTagIn ul li.hp{ padding-right:0px; margin-right:3px;}
.headTagIn ul li.fav{ padding-right:21px; padding-left:0px; margin-left:0px;}
/*** ��д��ʽ(��ͨ��) ***/
.head .headLogo .left { float:left; display:inline; margin:0px; margin-right:20px  }
.head .headTagIn ul { float:right; padding:0px;}
.head .headTagIn li { display:inline-block; margin:0px; margin-left:10px }
.head .headTagIn li { *display:inline}
.head .headNav { height:63px; background-position:0 -62px; }
.head .headNav ul { clear:both;  padding:4px 0 0 30px }
.head .headNav li { float:left }
.head .headNav li a { display:block; width:142px; background-position:right -224px; line-height:29px; font-weight:bold; font-size:14px; color:#fff; text-align:center}
.head .headNav li a { *display:block; padding:0px;}
body #main{ overflow:hidden}
/**/
a.cover{display:block;position:absolute;background:transparent url(null.gif) no-repeat; overflow:hidden;}

.topbanner{ margin:0 auto; position:relative; height:400px; width:900px;}
.topbanner img{ height:400px; width:900px;}
.topbanner i{ display:inline-block; width:47px; height:47px; position:absolute; right:11px; bottom:9px; cursor:pointer; z-index:999;background:#ccc; opacity:0.01; filter:Alpha(opacity=1)}
.topbanner_A{ position:fixed; top:233px; right:0;  _position:absolute;_right:expression(eval(document.documentElement.scrollRight+0));_top:expression(eval(document.documentElement.scrollTop+233)); display:none;}
.topbanner_A i{ display:inline-block; width:12px; height:12px; position:absolute;  right:5px; bottom:6px; cursor:pointer; z-index:999;background:#ccc; opacity:0.01; filter:Alpha(opacity=1)}

/*--8-8--*/
.HpFav{ clear:both;  overflow:hidden; width:900px; margin-left:auto; margin-right:auto;}
.HpFav ul{ padding:0px 0px 0px 40px; margin:0px; list-style:none; overflow:hidden;border:solid 1px #d6d6d6;zoom:1;}
.HpFav  li{ float:left; display:inline;margin:0px;padding:0px; overflow:hidden; width:303px;}
.HpFav  li a{color:#494949; font-weight:bold; font-size:14px; display:block; padding:21px 0px 19px 31px;background:url(../../style/common/images/HpFav.gif) no-repeat; text-align:left; display:block;overflow:hidden}
.HpFav  li.eq3{ width:250px;}
.HpFav  li.eq1 a{background-position:left 2px; }
.HpFav  li.eq2 a{background-position:left -97px;}
.HpFav  li.eq3 a{background-position:left -197px;}
.banquan{float:left;width:190px;height: 71px;text-align:right;margin-right:20px;margin-top:8px;}

/* 2019-08-05 */
.footer-link { clear:both; width:900px; margin:0 auto; text-align:left }
.footer-link .linkTxt { clear:both; border:#d6d6d6 1px solid; margin-top:10px; padding:10px }
.footer-link .linkTxt dl { overflow:auto; *display:inline-block;position:relative; padding-left: 60px;}
.footer-link .linkTxt dt {  width:60px; line-height:26px; position: absolute; top: 50%; margin-top: -13px; left: 0px;}
.footer-link .linkTxt dt a { font-weight:bold; color:#000 }
.footer-link .linkTxt dd { float:right; display:inline; width:808px }
.footer-link .linkTxt dd a { display:inline-block; margin:0 10px 0 0; line-height:26px; color:#494949; white-space:nowrap;}
.footer-link .linkTxt dd a { *display:inline;}

/* 2018-08-23 wuliu */
.form-warp{ width: 900px; margin:0 auto 10px auto;}
.form-warp .search-box{ border: solid 2px #38a29b; padding: 20px; background: #f2f8f0; clear: both; height: 32px;}
.form-warp .search-box input[type="text"]{ border: solid 1px #b5d4bd; line-height: 20px; padding: 5px 5px; outline: none;}
.search-box-btn{background: #ffdc7c; border: solid 1px #deb651; outline: none; color: #b75200; line-height: 20px; padding: 5px 5px;width:100px;
    cursor: pointer; float: left;}
.search-box-input{width:430px; float: left;}
.search-box-input i{ display: inline-block; vertical-align: middle; margin: 0 5px; background: url('../images/wuliu-ico.png'); width: 22px; height: 22px;}
.search-text{ width: 325px; text-align: center; overflow: hidden;float: left;}
.search-text a{ display: inline-block;float:left; font-size: 14px; color: #117755; margin-left: 10px; line-height: 30px;float: left;}
/* #PoPy{top:60px!important;} */
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background: #fff;}
._citys span { color: #38a29b; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #38a29b; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #38a29b; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #38a29b; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #38a29b; }
.AreaS { background-color: #38a29b !important; color: #fff !important; }

.share-box {
  position: fixed;
  left: 50%;
  margin-left: 500px;
  z-index: 999;
  bottom: 60px;
}
.share-box .qr-code {
  border: 1px solid #d9dadc;
  margin-top: 10px;
  background-color: #fff;
  word-wrap: break-word;
  word-break: break-all;
  text-align: center;
  width: 122px;
}
.share-box .qr-code .qr-code-img img {
  width: 110px;
  padding:5px;
}
.share-box .qr-code p {
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 5px;
}