/*站点标签通用样式定义*/
html,body{
font-family:Microsoft YaHei,arial,宋体;
font-size: 13px;
line-height: 2;
color:#666666;
margin:0 auto;
min-width: 1400px;
overflow-x: hidden;
background-color: #fff;
background-image: url(../images/topbg.jpg);
background-repeat: no-repeat;
background-position: left top;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body ,span,input{ margin: 0; padding: 0; border: 0; font-family:微软雅黑,arial,宋体;}
a{text-decoration:none;color:#666666; }
a:hover{ color:#ca0c0c; }
ul,li{list-style-type:none;}
/*全局样式类定义*/
.clear { clear: both; height:0; overflow:hidden;}
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.f12 { font-size:12px; font-weight:normal;}
.f14 { font-size: 14px; font-weight: bold; }
.f16 { font-size: 16px; font-weight: bold; }
.pt10{ padding-top:10px;}
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.w1200 { width: 1200px; margin: 0 auto; padding: 0; }
.inner{
width:1200px;
margin:0 auto;
}
.fl{ float:left;}
.fr{ float:right;}
/* banner*/
.fullSlide{width:100%;position:relative;height:618px;background:none;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:618px;overflow:hidden;text-align:center;z-index: 99;}
.fullSlide .bd li a{display:block;height:618px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:6px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
.bannera{ text-align:center; margin:15px 0;}
/*nav*/
.zmenu{ background:#00346e;}
#nav{ width:1200px; height:62px; margin:0 auto; }
#nav UL {WIDTH:150px; FLOAT: left; HEIGHT:62px; line-height:62px; text-align:center;}
#nav UL LI h3{ font-size:15px; font-weight:normal;}
#nav UL LI A {DISPLAY: block; HEIGHT:62px; line-height:62px;color:#fff; }
#nav UL LI A:hover,.cho h3{ color:#fff;WIDTH:150px; height:62px; display:block; background:#fff url(../images/menuturn.jpg) no-repeat;}
#nav UL .menu {POSITION: absolute; WIDTH:150px;z-index:99; BACKGROUND:#595959}
#nav UL .menu SPAN {WIDTH:150px; HEIGHT:25px; overflow:hidden; }
#nav UL .menu span A {font-size:12px;BORDER-BOTTOM: #ddd 1px solid;overflow:hidden; LINE-HEIGHT:25px; DISPLAY: block; HEIGHT:25px; FONT-WEIGHT: normal;}
#nav UL .menu SPAN A:hover{BACKGROUND: #003f98; color:#fff;overflow:hidden; }
/*head*/
.logo{max-width:500px; float:left;}
.logo img{ width:145px; height:105px; float:left; margin-right:20px;}
.logo b{ float:left; margin-top:20px; font-size:24px; color:#00307c; letter-spacing:1px;}
.logo em{
font-style:normal;
float:left;
line-height:1;
color:#00307c;
text-transform:uppercase;
font-size:13px;
}
.qs{width:245px;float:left; padding-top:18px;padding-left:200px;}
.sea{ float:right; margin-top:26px;}
.sea form,.sea img,.sea em{ float:right;}
.sea em{ color:#565656; font-weight:bold; font-size:24px; margin:10px 5px;}
.sea em i{ font-style:normal;}
.sea form{ margin-top:8px; margin-left:5px;}
.sousuo{ background:url(../images/search.png) no-repeat center; border:1px solid #ccc;width:40px; height:40px; border-left:0px;float:left; margin-right:10px;}
.sousuo:hover{background: url(../images/search.png) no-repeat center;-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:1px solid #ccc; width:170px; height:38px; float:left; border-right:0px; padding-left:10px;}
/*nav*/
nav{ background:#00307c; height:55px; }
nav ul,nav li{ list-style:none;}
nav>ul{ width:1200px; margin:0 auto;}
nav>ul>li{
float:left;
height:55px;
text-align:center;
padding:0 24px;
line-height:55px;
position:relative;
}
nav>ul>li>a{ color:#fff; font-size:16px;padding:0 10px;}
nav>ul>li:hover{ color:#64b5f6;height:50px;-webkit-transition: all .5s;transition: all .5s; }
nav>ul>li:hover>a{ color:#64b5f6;border-bottom:5px solid #64b5f6; display:block; height:50px; padding:0 10px;-webkit-transition: all .5s;transition: all .5s; }
nav li ul{ display:none; position:absolute; top:55px; z-index:5; left:0;}
nav li:hover ul{ display:block;}
nav li li{ background:#00307c; padding:0 4px; min-width:135px;border-bottom:1px solid #ccc;}
nav li li a{ color:#fff; font-size:14px;}
nav li li a:hover{ color:#64b5f6;-webkit-transition: all .5s;transition: all .5s; }
/*news*/
.hykx{ margin:20px auto; float:left; width:1200px;}
.hykx li{ background:url(../images/hykx.png) no-repeat; height:20px; padding-left:40px; line-height:20px; }
.hykx li a{ color:#333;}
.hykx li span{ float:right;}
.main{width:600px; float:left;height:380px;position:relative}
.kv{position:relative;width:600px;height:380px;overflow:hidden;}
.kv_pic{width:5000px;height:380px;overflow:hidden;position:absolute;}
.kv_pic>li{width:600px;height:380px;float:left;}
.kv_pic img{width:600px; height:350px;}
.kv_word{width:600px;height:75px;background: url(../images/nbg.png);position:absolute;top:275px;left:0;}
.kv_word .tit1{font-size:14px;color:#fff; float:left; margin-left:30px; font-weight:normal;}
.kv_word .tit2{font-size:14px;color:#fff; float:right; margin-right:20px; font-weight:normal;}
.kv_word li{ padding-top:10px;}
.kv_word li a{ float:left; width:600px;}
.kv_word li img{font-size:12px;color:#868686; float:right;width:27px; height:27px; margin-right:20px;}
.kv_word ul{width:5400px;height:px;position:absolute;}
.kv_word ul li{width:600px;height:;float:left;}
.kv .control{width:54px;height:26px;position:absolute;right:0px;top:354px;}
.kv .control div{width:26px;height:26px;margin-right:1px;float:left;cursor:pointer;}
.new{ float:right; width:555px;}
.newa{ margin-bottom:30px; float:right;width:555px;}
.newa a{ float:left; border-bottom:3px solid #00307c; margin-right:40px; padding:0 10px; font-size:14px; color:#858585;}
.newa a:hover{ background:#00307c; color:#fff;-webkit-transition: all .5s;transition: all .5s;}
.newb li{ float:left; border-bottom:1px solid #ccc; padding-bottom:5px; width:555px; margin-bottom:9px;}
.newb li span{ float:left; background:#00307c; color:#fff; width:85px; height:85px;text-align:center; margin-right:40px; line-height:1.5;}
.newb li span i{ width:85px; font-size:28px; color:#fb7d10; display:block; font-style:normal; line-height:40px;}
.newb li b a{ color:#333; font-weight:normal; font-size:16px;}
.newb li b{ width:350px; display:block; float:left; line-height:1.5; margin-top:10px;}
.newb li b .wenzi{font-weight:normal;padding-top:10px;}
.newb li b .wenzi:hover{color:#fff;}
.newb li>a{ float:right; margin-top:50px; color:#333; margin-right:10px;}
.newb li:hover{ background:#00307c;}
.newb li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s;}
/*业务领域*/
.lya{ border-bottom:1px solid #ccc; padding-bottom:15px; height:35px; margin-bottom:20px;}
.lya h2{ font-size:16px; font-weight: normal;float:left; background:url(../images/ywly.png) no-repeat; line-height:35px; color:#133984; padding-left:45px;}
.lya a{ float:right; color:#133984;}
.lyb li{margin-bottom:20px;}
.lyb li.p1{
background:#00307c;
float:left;
width:32%;
margin-right:2%;
color:#fff;
}
.lyb li.p2{ background:#00378e; float:left; width:32%; margin:0; color:#fff;}
.lyb li.p3{ background:#00307c; float:right; width:32%; margin:0; color:#fff;}
.lyb li img{ width:100%; height:298px;}
.lyb li div{ margin:10px 20px;}
.lyb li h2{ line-height:2; text-align:center;}
.lyb li a{ color:#fff; line-height:3; float:right;}
.lyb li a:hover{ color:#64b5f6; -webkit-transition: all .5s;transition: all .5s;}
/*about*/
.about{
background:#f1f1f1;
display:block;
overflow: hidden;
margin-top: 20px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
padding-bottom: 30px;
}
.aba{ border-bottom:1px solid #ccc; padding-top:20px; padding-bottom:15px; height:35px; margin-bottom:20px;}
.aba h2{ font-size:16px; font-weight: normal;float:left; background:url(../images/about.png) no-repeat; line-height:35px; color:#133984; padding-left:45px;}
.aba a{ float:right; color:#133984;}
.aboutus{
width:1200px;
margin:0 auto;
padding-bottom:30px;
display:block;
}
/*foot*/
.ftb{ background:#00307c; line-height:4; color:#fefefe; font-size:14px; margin-top:30px;}
.ftb a{color:#fefefe; background:none;}
.ftb a:hover{ color:#0b58c1;-webkit-transition: all .5s;transition: all .5s; }
.ftb span{ float:right;}
.hide{display:none;}
#tab{ margin-top:20px;}
#tab ul a{ color:#797979;}
#tab ul{ border:1px solid #ccc; padding:10px;}
#tabs{ margin-top:30px;}
#tabs li{ border-bottom:2px solid #00307c; float:left; list-style:none; margin:0 20px; font-size:16px;padding-right:10px;}
#tabs li a{ display:block; color:#333; padding:0 10px;}
#tabs li.on a{ color:#00307c;}
.ban{ width:1200px; margin:20px auto; height:465px; overflow: hidden; background:url(../images/ban.jpg) no-repeat center;}
.nyt{ background:url(../images/weizhi.png) no-repeat; padding-left:30px; line-height:20px; border-bottom:1px solid #ccc; padding-bottom:10px; margin:20px 0;}
.nyt a{ color:#333;}
.nyt a:hover{color:#10459a;}
.nyt span{float:right;font-weight:bold;color:#10459a; font-size:16px;}
.lm{ float:left; width:20%; margin-bottom:40px;}
.lm h2{ background:#133984 url(../images/lm.png) no-repeat left top; text-align:center; color:#fff; font-size:20px; line-height:50px; font-weight:normal;height:50px; display:block;}
.lma li{ font-size:14px; line-height:3.5; border:1px solid #ccc; border-top:0; padding-left:20px;}
.lma li a{ display:block; background: url(../images/jt.png) no-repeat 0px 50%; padding-left:20px; color:#333;}
.lma li a:hover{background: url(../images/jta.png) no-repeat 0px 50%;color:#10459a;}
.con{ width:76%; float:right; font-size:14px;}
.cona{ color:#133984; font-size:16px; line-height:1;}
.conb{ text-indent:2em;}
/*Main Content*/
.MainContent { overflow: hidden; clear: both; text-align:left; }
.MainContent div, .MainContent ul, .MainContent li { }
/*Detail Content*/
.DetailContent {margin: 10px auto; line-height: 24px; color: #333; }
.DetailContent p{padding:5px; line-height:25px;}
/*Article List*/
.arLista li{border-bottom:1px solid #d5d5d6;background:url(../images/titdot.jpg) no-repeat left center; text-indent:12px; margin-bottom:15px; line-height:26px;}
.arList li { border-bottom:1px solid #d5d5d6; background:url(../images/titdot.jpg) no-repeat left 15px; margin-bottom:15px; line-height:26px;}
.arList li h3{ font-size:18px; font-weight:normal; line-height:44px; color:#333333; padding-left:12px;}
.arList li img{ width:107px; height:57px; float:left; padding-right:15px;}
.arList .newsl{ float:left; width:800px;}
.newsr h2{ font-size:35px; line-height:32px; padding-top:16px;}
.newsr{ width:85px; height:80px; float:right; background:#e3e3e3; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both; }
.arTitle { line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arDate span{background:url(../images/data.png) no-repeat left center;padding-left: 25px;}
.arDate span i{font-style:normal;color:#db0023;}
.arKeywords { height: 24px; margin: 6px auto; line-height: 24px; color: #db0023;}
.arContent { margin: 10px auto; color: #333;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.arContent P{font-size:14px;line-height: 180%; }
/*Exhibit List*/
.ExhibitList { clear: both; margin: 0 auto;}
.ExhibitList li { float: left; width: 260px; margin:15px 20px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li:hover, .ExhibitList li:hover div.ImageTitle{background:#2a7ed4;color:#fff; display:block;}
.ExhibitList li div.ImageTitle{height:30px;line-height:25px;text-align:center;background:#fff; overflow:hidden;}
.ExhibitList li img { padding: 5px; width:250px; height:188px; }
.ExhibitList li p{height:25px;line-height:25px; overflow:hidden;}
.ExhibitList1 { clear: both; margin: 0 auto;}
.ExhibitList1 li { float: left; width: 136px;height:230px; margin:15px 22px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList1 li:hover, .ExhibitList li:hover div.ImageTitle{background:#2a7ed4;color:#fff; display:block;}
.ExhibitList1 li div.ImageTitle{height:30px;line-height:25px;text-align:center; overflow:hidden;}
.ExhibitList1 li img { padding: 5px; width:126px; height:188px; }
.ExhibitList1 li p{height:25px;line-height:25px; overflow:hidden;}
.left_contact{padding-top:25px;}
.ExhibitLista li{ float:left; margin:15px;}
.ExhibitLista li img{ padding:5px; border:1px solid #ccc;}
/*Product Index*/
.picl {margin: 0 0 0 6px;width: 935px;}
.piclItem { float: left; width: 412px; margin: 10px 20px 0px 10px; background-color: #f7f7f7; border: 1px solid #d5d5d5;border-radius: 5px; }
.piclClassImage { float: left; display: inline; margin: 15px 10px; padding: 5px; border: 1px solid #cccccc; }
.piclClassInfo { float: left; width: 190px; margin-top: 15px; }
.piclClassTitle { height: 20px; line-height: 20px; }
.piclClassTop3 { margin-top: 3px; }
.piclClassTop3 li { width: 190px; height: 24px; line-height: 24px; overflow:hidden; background: url(../images/dot.jpg) no-repeat left center; text-indent: 6px; }
.piclClassTop3 li a{padding-left:5px;font-size:14px;}
.piclClassOther { width: 180px; margin-top: 3px; text-align: center; font-size: 12px; color: #666666; background-color: #EEEEEE; border: 1px solid #999999; }
/*Product List*/
.pdTitle h2{ font-size:18px;}
.ProductList { margin: 0 auto; }
.pdListItem { height: 164px; margin-top: 10px;border-bottom:1px dotted #ccc;margin-bottom: 18px;}
.pdImage { float: left; width: 180px; height: 135px; margin: 14px 0px 0px 10px; border: 1px solid #cccccc; }
.pdInfo { float: right; width: 960px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdListItem:hover .prolistmo{border:1px solid #db0023;}
.pdListItem:hover .prolistmo a{color:#db0023;}
.pdListItem:hover .pdTitle a{color:#db0023;}
.pdListItem:hover .pdImage{border:1px solid #db0023;}
.pdInfo .pdTitle { height: 22px; line-height: 12px; }
.pdInfo .pdTitle a { font-size: 16px; font-weight: bold; color: #656565; }
.pdInfo .pdTitle .ProSubTitle { display: none; color: Red; font-size: 12px; }
.pdInfo .pdOverview { height: 66px; line-height: 22px; margin-top: 3px; }
.pdInfo .pjlistmo{margin-top:-10px;}
.prolistmo{width:97px;height:28px;line-height:28px;color:#666;font-size:14px;border:1px solid #ccc;text-align:center;float: right; margin-top: 10px;}
.pdInfo .pdQuickButton { float: right; clear: both; height: 20px; margin-top: 4px; }
.pdInfo .pdQuickButton li { float: left; width: 73px; height: 20px; margin-left: 10px; }
.bpi, .bpv, .bpc, .bpd, .bpj { display: none; }
/*Product Content*/
.ProductBox { clear: both; width: 100%; height: 197px; margin: 10px auto; background-image: url(../Images/pdBox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 220px; height: 150px; margin-left: 10px; margin-top: 16px; }
.ProductBox .InfoBox { float: right; display: inline; height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .OrderBox { display: block; width: 155px; height: 42px; float: right; margin-top: -11px; margin-right: 10px; }
.ProductButton { clear: both; width: 710px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 710px; margin: 10px auto; }
.BoxHeader { width: 710px; height: 7px; }
.BoxFooter { width: 710px; height: 7px; }
.BoxBody { clear: both; padding: 10px; border-bottom: 1px solid #ccc;}
.RelatedProduct { clear: both; width: 710px; margin: 10px auto; }
.rpTitle { float: left; width: 40px; height: 50px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.rpList { width: 250px; float: left; margin: 0 20px; }
.rpList li { width: 250px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 710px; margin: 10px auto; }
.riTop { height: 20px; border-bottom: 1px solid #cccccc; line-height: 20px; }
.riTitle { float: left; }
.riMore { float: right; }
.riLeft { margin-top: 10px; }
.riList li { width: 44%; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dota.png) no-repeat left center; text-indent: 10px; float:left; margin:0 3%; }
/*Project List*/
.ProjectList { width: 710px; margin: 0 auto; }
.pjListItem { width: 710px; height: 149px; margin-top: 10px; }
.pjImage { float: left; display: inline; width: 180px; height: 135px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 660px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { margin: 5px 0;}
.pjInfo .pjTitle h3{color: #db0023; }
.pjInfo .pjTitle a { font-size: 16px; text-decoration: none; font-weight: bold; }
.pjInfo .pjCustomer { height: 24px; line-height: 24px; }
.pjInfo .pjClass { height: 24px; line-height: 24px; }
.pjInfo .pjOverview { height: 72px; line-height: 24px; }
/*Project Content*/
.ProjectBox {height: 175px; margin: 10px auto; border-bottom: 1px solid #ccc;}
.ProjectContent {margin: 10px auto; }
/*Job List*/
.JobList { width: 710px; margin: 50px auto 0; }
.JobListItem { margin-bottom: 30px; width: 100%; padding-bottom:30px;border-bottom:1px dotted #ccc;}
.JobPost { width: 710px; }
.JobPost tr { }
.JobPost td {height: 24px; line-height: 24px;
font-size: 14px;}
.JobPost td b{font-weight:normal;}
.jpTitle { width: 100px; text-align: center; font-size:14px;color:#000;}
.jpContent { width: 250px; padding: 0px 5px; }
.jpUnite { width: 600px; padding: 3px 5px; }
/*Equipment*/
.equipment { width: 500px; height: 314px; margin: 20px auto; background-image: url(../Images/Equipment.jpg); background-repeat: no-repeat; }
.equipment a { display: block; width: 201px; height: 59px; }
.e_button { float: left; width: 201px; height: 59px; margin-right: 32px; }
.e_button_1 { float: left; width: 201px; height: 59px; margin-left: 8px; }
.e_position { margin-left: 29px; margin-bottom: 60px; padding-top: 63px; }
.e_position_1 { margin-left: 29px; }
/*Product&Project List SubTitle&Hot*/
.SubTitle { display: none; color: Red; font-size: 12px; }
.HotImage { display: none; }
.shareurl{margin-top:10px;line-height: 28px;}
/*Prev Next*/
.FastMove { clear: both; margin: 10px auto;}
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }
/*PageBar*/
.PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
图片点击放大
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/*产品内页集锦切图*/
.slides_container { float:left; width: 180px; overflow: hidden; }
.slides_container a { width: 180px; height: 150px; display: block; }
.slides_container a img { display: block; }
#slides .next, #slides .prev { float:left; width: 20px; height: 96px; display: block; margin-top:32px; text-align:center; }
/*产品弹出窗口内的集锦图*/
.ad-gallery div{ overflow:hidden;}
.ad-gallery { width: 600px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(../images/trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '../images/opa75.png' ); }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/ad_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
/*products*/
.mar_con{border:1px solid #ccc;border-radius:5px; padding:20px 10px;}
/*产品详情页图片集锦效果*/
.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}
/*评论列表*/
#comment .item{border:1px solid #FFFFFF;padding:8px 15px;}
#comment .odd{background: none repeat scroll 0 0 #F4F9FF;border: 1px solid #EDF0F1;border-radius:10px 10px 10px 10px;}
#comment .user{color:#999999;text-align: right;}
#comment .user span{margin-left: 20px;}
#comment .user .u-level{color:#088100;}
#comment dl{margin-bottom:5px;overflow:hidden;}
#comment dt{float:left;text-align:right;width:80px;}
#comment dd{float:right;overflow:hidden;width:649px;}
#comment .content{float:left;width:510px;}
#comment .date-answer{color:#999999;float:right;text-align:right;width:117px;}
#comment .useful{color:#999999;text-align:right;}
#comment .useful a{color: #005AA0;}
#comment dt b{background-image: url("../images/icon_clubs.gif");background-repeat: no-repeat;float:left;height:13px;margin:2px 3px 0 0;width:14px;}
#comment .ask b{background-position:-72px -14px;}
#comment .answer{color:#D75509;}
#comment .answer b{background-position:-57px -14px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:263px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:360px;height:270px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:362px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:42px; line-height:42px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:44px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:44px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:38px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
.InfoBox { float: right; display: inline; width:480px; height: 314px; margin-right: 10px; margin-top: 6px; line-height: 22px; position: relative;}
.InfoBox .pdTitle{font-size:24px;font-weight:bold;color:#db0023;margin: 12px 0;}
.pdKeywords{color:#4a4a4a;font-size:12px;margin-bottom: 6px;}
.pdClass, .pdClass a{margin-bottom: 6px;}
.pdOverview{}
.pdpromo{width:100px;height:36px;line-height:36px;background:#db0023;text-align:center;font-size:14px;position: absolute;bottom: 10px;right: 0;}
.xggc{width:100px;height:36px;line-height:36px;background:#db0023;text-align:center;font-size:14px;position: absolute;bottom: 10px;right: 135px;}
.pdpromo a, .xggc a{color:#fff;}
.right-extra{float:left;}
/*产品详情页*/
.ny_detail{padding: 10px 0px 0px;}
.detail_tit{text-align: center;line-height: 30px;color: #999;}
.detail_tit h2{color: #000;font-size: 24px;line-height: 45px;text-align: center;overflow: hidden;font-family: "微软雅黑";}
.ArticleKeywords{height: 24px;line-height: 24px;text-indent: 10px;color: #007ee0;border-bottom: dashed 1px #858585;}
.cptp{text-align:center;padding:20px 0;}
.detail_wz{line-height:24px;margin: 10px auto;line-height: 24px;color: black;}
.page2 p {height: 30px;line-height: 30px;padding: 0 10px;display: block;font-weight: 200;}
.page2 p a {color: #33afb5;}
.but_tit {height: 30px;border-bottom: 2px solid #ccc;line-height: 30px;margin-top: 25px;}
.but_tit span{display:block;width:114px;height:30px;line-height:30px;color:#fff;background: #db0023;text-align:center;}
.but_tit span em{width: 6px;height: 14px;background-color: #fff;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.ljcg ul li b {display: block;width: 95px;height: 22px;float: left;color: #666;line-height: 20px;font-weight: normal;overflow: hidden;text-align: right;}
.ljcg {width: 630px;height: auto;padding: 10px 0 0 30px;overflow: hidden;}
.ljcg ul li em {font-style: normal;color: #999;font-size: 12px;line-height: 20px;padding-left: 10px;overflow: hidden;}
.mri02m_dd {width: 280px;height: 20px;border: 1px solid #D3D4D3;font-size: 12px;padding: 0px 2px;overflow: hidden;margin-left: 5px;}
.mri02m_ly {width: 400px;height: 70px;border: 1px solid #D3D4D3;padding: 0px 2px;overflow: auto;color: #B9B9B9;font-size: 12px;line-height: 22px;
margin-left: 5px;}
.ljcg ul li {padding: 0px 0px 5px;}
.mri02m_tj {width: 58px;height: 25px;margin: 8px 0px;color: #FFF;font-size: 12px;line-height: 25px;text-align: center;background: #118cda;j;overflow: hidden;
cursor: pointer;border: none;}
.xgwz ul{padding:25px 0;}
.xgwz ul li {height: 28px;line-height: 28px; text-indent:12px; border-bottom: 1px dashed #cecece;overflow: hidden;width: 48%;float: left;margin: 0 1%;}
overflow: hidden;width: 417px;float: left;margin: 0 10px;}
.xgwz ul li span {float: right;}
.zxpro_con {width: 708px;padding: 15px 0 0 0px;}
.zxpro_con li {float: left;margin: 0 15px;overflow: hidden;text-align:center;}
.zxpro_con li span {display: block;height: 30px;line-height: 30px;text-align: center;width: 206px;overflow: hidden;}
.zxpro_con li img {padding: 2px;border: 1px solid #cecece;}
.zxpro_con li a{ display: block;height: 175px;line-height: 34px;}
.zxcp li{ }
/*zdd*/
.ztitle{border-bottom:1px solid #ccc;margin-top: 20px;}
.ztitle span{float:left;display:block;width:100px;height:40px;line-height:40px;text-align:center;color:#db0023;font-size:20px;background:#f0f0f0;font-size:14px;margin:0 4px 0 0;}
.ztitle span a{color:#db0023;}
.ztitle span.tithov, .ztitle span.tithov a{background:#db0023;color:#fff;}
.zntit_con{margin: 20px 0;border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.zntit_con p{font-size:14px;color:#333;line-height: 24px;}
.zntit_con1{display:block;}
/*citylist css*/
.wrap { font-size:13px;}
.wrap .clear:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.wrap a{text-decoration: none;}
.wrap a:hover{text-decoration: underline;}
.wrap .cityin a,.all_city a { color:#0000cc; }
.wrap{ position:relative; margin:0 auto; width:980px;}
.wrap .s_main{ width:910px; margin:20px auto 0;}
.wrap .s_right{ width:860px; margin:20px auto 0;}
.wrap .cityin{ font-size:12px; font-weight:bold; }
.wrap .cityin a{ text-decoration:underline; margin-right:17px;float:left; display:block;font-size:14px; }
.wrap .cityin a:hover{color:#ED1C24;}
.wrap .cityin .in_cur{ font-size:14px; color:#cc0000; margin-right:5px; }
.wrap .cityin .translation { float:right; }
.wrap .cityin .translation input,.cityin .translation select { float:left; }
.wrap .in_icon{ display:block; width:8px; height:16px; float:left;margin-right:24px; background:url(http://www.czyhcb.com/Styles/diqu.gif) no-repeat ;}
.wrap .chose,.choseb{ float: left;font-weight:bold; margin-right:20px;}
.wrap .choseb{ margin-top:5px;}
.wrap .cityin_line { height:1px; border-bottom:1px solid #acacac; margin:17px 0;position:relative; z-index:9;}
.wrap .all_city dl { overflow:hidden;zoom:1;}
.wrap .all_city dl dt {color:#6694e3; font-weight:bold;width:31px;padding-bottom:11px;}
.wrap .all_city dl dd {width:860px;}
.wrap .all_city .img {width:100px; font-size:14px;}
.wrap .all_city dl dd a {padding-bottom:11px; display:inline-block; float:left; margin-right:14px;white-space:nowrap;}
.wrap .all_city dt,.all_city dd{ float:left;}
.wrap a.redLink { color:#FF0000; text-decoration:underline;}
.wrap a.blackLink { color:#000; text-decoration:none; }
/*站点 浮动返回顶部*/
.cd-top {
display: inline-block;
height: 43px;
width: 44px;
position: fixed;
bottom: 60px;
right: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(../images/back_top.jpg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
/*站点 浮动客服*/
.keifu img{ border:0;}
.keifu{ position:fixed; top:10%; right:0; width:131px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; background:#fbfbfb;}
.keifu_con ul{border-bottom: #e6e5e4 1px solid;}
.keifu_con li{padding-left:12px;}
.keifu_con .li-qq{ height:25px; padding-top:2px;padding-bottom:2px;}
.keifu_con .li-tel-title{ font-weight: bold; font-size: 12px; height:29px; line-height:29px;
border-top:1px solid #dddddd; }
.keifu_con .li-tel-num{ font-family: Arial; font-size:12px; color: #e66d15; line-height:20px;}
.keifu_con .li-feed-title{ font-weight: bold; font-size: 12px; border-top:1px solid #dddddd;padding-left:0px; }
.keifu_con .li-feed-title img{ padding-left:0px;width: 117px; }
.keifu_con .li-feed{ font-family: Arial; font-weight: bold;color: #e66d15; }
.keifu_con .li-weixin-title{ font-weight: bold; font-size: 12px; height:29px; line-height:29px;
border-top:1px solid #dddddd; }
.keifu_con .li-weixin{ height:96px;padding-left:0px;}
.keifu_con .li-weixin img{width: 115px;height: 115px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:10px; background:url(../images/keifu.png); background-position:0 -153px; }
/*左下角 浮动 在线留言*/
#SfMessWrap{
border:2px solid #029bdb;
padding:1px;
width:230px;
background:#f5f5f5;
z-index:100;
position: fixed;
left:2px;
bottom: 2px;
}
#SfMessHead{
background:#029bdb;
line-height:28px;
height:28px;
text-indent:10px;
font-size:12px;
color:#fff;
text-align:left;
cursor:pointer;
}
#SfMessHead #SfMessTitle{
float:left;
}
#SfMessHeadIcon{
float:right;
width:23px;
height:25px;
margin-right:2px;
background-image:url(../images/icon.png);
}
.SfMessIconOpen{
background-position:top;
}
.SfMessIconClose{
background-position:bottom;
}
#SfMessBody{
width:230px;
height:225px;
padding-bottom:5px;
}
#SfMessBodyTop{display:none;}
#SfMessBodyMid{
width:212px;
padding:0px;
margin:0px auto;
margin-top:5px;
}
#SfMessBodyMid input {
border:1px solid #cccccc;
background:#ffffff;
color:#b89d9d;
width:190px;
height:17px;
font-size:12px;
}
#SfMessBodyMid textarea {
width:210px;
height:73px;
border:1px solid #cccccc;
background:#ffffff;
color:#b89d9d;
overflow:hidden; text-align:left;
font-size:12px; padding:0px; margin:0px auto;
}
#SfMessBodyMid div {
margin-top:3px;
height:20px;
}
#SfMessBodyMid .contactmessage {
height:76px;
}
#SfMessBodyMid .contactname {
padding-left:20px;
background:url(../images/company.gif) no-repeat;
}
#SfMessBodyMid .contacttel {
padding-left:20px;
background:url(../images/mobile.gif) no-repeat;
}
#SfMessBodyMid .contactfrom {
padding-left:20px;
background:url(../images/from.gif) no-repeat;
}
#SfMessBodyMid .contactemail {
padding-left:20px;
background:url(../images/email.gif) no-repeat;
}
#SfMessBodyMid .contactvalicode {
padding-left: 20px;
background:url(../images/other.gif) no-repeat;
}
#SfMessBodyMid .contactvalicode input {
width:130px;
height: 17px;
float:left;
}
#SfMessBodyMid .contactvalicode img {
height:19px;
border:1px solid #cccccc;
background:#ffffff;
color:#b89d9d;
float:right;
}
.clearboth {
clear:both;
}
#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other {
padding-left:20px;
background:url(../images/other.gif) no-repeat;
}
#SfMessBodyBottom{
width:220px;
height:22px;
line-height:22px;
padding:0px;
margin-top:10px;
}
#SfMessSubmit{
width:40px;
background:url(../images/send.gif);
color:#fff;
border:0; height:22px;
padding:0px;
float:right;
}
#SfMessCopy{
float:left;
height:22px;
line-height:22px;
margin-left:10px;
font-size:13px;
font-weight:bold;
color: #666666;
padding-left:25px;
background: url(../images/sign.png) left top no-repeat;
}
.SfMessTip{
display:none;
}
#SfMessBodyFoot{
display:none;
}
.aboutus .jj {
width: 800px;
float: left;
text-indent: 2em;
}
.aboutus .jj_pic {
float: right;
}
#show_button {
float: left;
overflow: hidden;
clear: both;
width: 1200px;
}
.oe_hr_list dl{border:1px solid #ebebeb;}
.oe_hr_list dl dt{ line-height:35px; height:35px; background:#fafafa; font-weight:bold; padding-left:10px; }
.oe_hr_list dl dt span{float:right; display:inline-block; text-align:center; width:100px; border-left:1px solid #ebebeb;}
.oe_hr_list dl dd{padding-left:10px; height:35px; line-height:35px; border-top:1px solid #ebebeb;}
.oe_hr_list dl dd span{float:right;text-align:center;width:100px; border-left:1px solid #ebebeb; color:#b0b0b0;}
.oe_hr_list dl dd span a{color:#b0b0b0;}
.oe_hr_content .title{color:#2b8aeb; line-height:50px; font-size:18px; border-bottom:1px solid #ebebeb; margin-bottom:10px;}
.pagecode{text-align:center; padding:10px 0px; margin-top:20px;}
.pagecode a{display:inline-block; padding:0px 10px; background:#fafafa; margin:0px 5px;}
.pagecode a.on,.pagecode a:hover{background:#2a7ed4; color:#fff; padding:0px 10px; border-radius:3px;}
.masked{ text-align: center;
background-image: -webkit-linear-gradient(left, #147B96, #E6D205 25%, #147B96 50%, #E6D205 75%, #147B96); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 4s infinite linear; }
@-webkit-keyframes masked-animation { 0%{ background-position: 0 0;} 100% { background-position: -100% 0;}}