/*站点标签通用样式定义*/
html,body{
font-family:Microsoft YaHei,arial,宋体;font-size:14px;line-height:1.5;color:#666666; margin:0 auto; background:#fff ; }
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:#0b65c2; }
ul,li{ list-style:none;}
h1{font-size:30px;}
h2{font-size:24px; }
h3{ font-size:14px;}
h4{ font-size:13px; }
/*全局样式类定义*/
.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; }
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
/*head*/
#head{height:30px; width:100%; background:#ededed; line-height:30px; font-size:12px;}
#head span{ color:#333;}
#head p a{ color:#333; padding:0 8px;}
#head p a:hover{color:#c10707;-webkit-transition: all .5s;transition: all .5s;}
/*logo*/
.logo{ height:125px;}
.logo>img{ width:800px; height:125px; float:left; margin-right:5px;}
.logon{ float:left; padding-top:30px; line-height:1.8;}
.logon h3{ color:#333; font-size:16px; font-weight:normal;}
.logon h2{ color:#000; font-size:24px; font-family:"宋体";}
.logon h2 b{ color:#ba1111; font-size:34px; line-height:1;font-family:"微软雅黑";}
.logom { float:left; padding-top:40px; margin-left:100px; line-height:1.2;}
.logom p{ color:#c80505; font-size:24px; font-weight:bold;}
.logom em{ color:#999999; font-style:normal; font-family:arial; font-size:10px;}
.logor{ float:right; max-width:220px; padding-top:30px;}
.logor img{ float:left; margin-right:10px;}
.logor h3{ font-style: normal; font-size:12px; color:#666; float:left;}
.logor h4{ font-style:normal; font-size:20px; color:#c80505; float:left; font-family:arial;}
.logor p{ float:left;}
.logor ul{ float:left; display:inline-block;}
.logor li{ float:left; list-style:none; background: url(../images/wuxing.jpg) no-repeat 0px 7px; padding-left:20px; margin-right:20px; line-height:2; font-size:16px;}
/*nav*/
nav{ background:#c80505; height:54px; }
nav ul,nav li{ list-style:none;}
nav>ul{ width:1200px; margin:0 auto;}
nav>ul>li{ float:left; width:133px;height:54px; text-align:center; line-height:54px;position:relative;}
nav>ul>li a{ color:#fff; font-size:15px;}
nav>ul>li:hover{ background: url(../images/navb.png) no-repeat; height:54px;}
nav>ul>li:hover>a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
nav li ul{ display:none; position:absolute; top:54px; z-index:5;}
nav li:hover ul{ display:block;}
nav li li{ background:hsla(0,0%,0%,0.5); width:110px; border-bottom:1px solid #ccc;}
nav li li a{ color:#ccc; font-size:13px;}
/*search*/
.seaa{ margin:10px auto; color:#666; font-size:12px; line-height:28px;}
.seaa p{ float:left;}
.sea_r{ float:right; padding-top:13px;}
.sousuo{ background:#d7381b url(../images/search.png); width:30px; height:28px; border:1px;float:right; }
.sousuo:hover{background:#666 url(../images/search.png);-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:0px;background:#f3f3f3; width:250px; height:28px; float:right; border-right:0px; padding-left:10px;}
.sea{ margin:20px auto; color:#666; font-size:12px; line-height:28px;}
.sea p{ float:left;}
.sea_r{ float:right; padding-top:13px;}
.sousuo{ background:#d7381b url(../images/search.png); width:30px; height:28px; border:1px;float:right; }
.sousuo:hover{background:#666 url(../images/search.png);-webkit-transition: all .5s;transition: all .5s; }
.sousuo1{border:0px;background:#f3f3f3; width:250px; height:28px; float:right; border-right:0px; padding-left:10px;}
/*banner*/
.wrapper{width:1920px; height:475px; margin:0px auto;}
#focus{width:1920px;height:475px;overflow:hidden;position:relative;}
#focus ul{height:475px;position:absolute;}
#focus ul li{float:left;width:1920px;height:475px;overflow:hidden;position:relative;background:#000;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btnBg{position:absolute;width:1920px;height:40px;left:0;bottom:0;}
#focus .title{position:absolute;width:545px;height:40px;left:0;bottom:0;text-align:left;line-height: 40px;padding-left: 20px;color:#fff; cursor:pointer;}
#focus .btn{position:absolute;width:240px;height:10px;right:60%;bottom:30px;text-align:right;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:43px;height:5px;_font-size:0;margin-left:5px;cursor:pointer;background:#fff;}
.ban{ margin:0 auto; width:1920px;}
/*product*/
.pro{ background:url(../images/probg.jpg); padding:20px 0;}
.ptitle{ width:340px; margin:20px auto; height:100px;}
.ptitle img{ width:95px; height:65px; float:left;}
.ptitle b{ float:left; padding-top:18px; font-size:30px; color:#000;}
.ptitle em{ float:left; font-style:normal; text-transform:uppercase; color:#afb2af; font-size:13px; font-family:arial; text-align:center;margin-left:10px;}
.prol{ float:left; border:2px solid #c80505; width:212px; min-height:250px;background:#fcfcfc;}
.prol h2{ background:#c80505; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.prol ul{ margin-top:20px; margin-bottom:10px;}
.lieb li{ list-style:none; background:#e1e1e1; margin:5px 10px; line-height:2.5; font-size:14px;}
.lieb li p{ float:left;margin:10px 10px; background:#000; border-radius:50%; width:15px; height:15px; color:#fff; line-height:1; text-align:center;}
.lieb li a{ color:#444444;}
.lieb li:hover{ background:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.lieb li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lieb li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.prob{ margin:10px 0 10px 10px; float:left;}
.prob img{ float:left; margin-right:10px;}
.prob h3{ font-style: normal; font-size:12px; color:#666; float:left;}
.prob h4{ font-style:normal; font-size:20px; color:#c80505; float:left; font-family:arial;}
.prob p{ float:left;}
.prob ul{ float:left; display:inline-block; margin:0;}
.prob ul li{ float:left; list-style:none; background: url(../images/wuxing.png) no-repeat 0px 7px; padding-left:15px; margin-right:10px; line-height:2; font-size:16px;}
.pror{ float:right; width:960px;}
.prort{ border-bottom:1px solid #999; padding-bottom:5px;}
.prort b{ font-size:18px; color:#c80505;line-height:2;}
.prort a{ float: right; color:#333; font-size:12px; line-height:3.5;}
.prort img{ width:35px; height:35px; float:left; margin-right:10px;}
.pron{ margin-top:20px;}
.winston{ position: relative; top:0; left:0; background:#fff; width:235px; height:200px; float:left;margin:10px 5px 10px 0; overflow:hidden;}
.winston img{ margin:10px 10px 0 10px; width:217px;}
.winston h1{ color:#333; font-size:13px; text-align:center; font-weight:normal;}
.winston:hover h1{ color:#c80505;}
.winston figcaption{ position:absolute; top:0; left:0;opacity:0; width:300px; height:400px; background: url(../images/phover.png) no-repeat;}
.winston figcaption:hover{ opacity:1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.5s, transform 0.5s;}
.winston figcaption p{ position:absolute; top:150px; left:75px;}
.winston figcaption p a{ border:1px solid #fff; padding:5px 10px; color:#fbfc03;}
/*about*/
.atitle{ width:600px; margin:20px auto; }
.atitle img{ width:95px; height:65px; float:left;}
.atitle b{ float:left; padding-top:18px; font-size:30px; color:#000;}
.atitle em{ float:left; font-style:normal; text-transform:uppercase; color:#afb2af; font-size:13px; font-family:arial; text-align:center; margin-left:20px;}
.about img{ border:10px solid #eee; width:405px; height:216px; margin-right:20px; float:left;}
.about p{ width:750px; float:left; padding-top:10px; color:#666666; font-size:13px; line-height:2; margin-bottom:10px;}
.about a{ border-radius:20px; padding:2px 10px; background:#c10707; color:#fff;}
.about a:hover{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s; }
/*zhiliang*/
.zhil{ background:url(../images/mainbg.jpg); margin:40px auto;}
.ztitle{ margin:0 auto; padding-top:40px; margin-bottom:10px;}
.ztitle h2{ float:left; font-weight:normal; font-style:normal; font-size:20px; color:#333; margin-right:10px;}
.ztitle h2 em{ font-style:normal;color:#cc4242;}
.ztitle h3{letter-spacing:-1px;float:left; font-weight:normal; font-style:normal; font-size:12px; color:#aaa; font-family:arial; text-transform:uppercase;}
.ztitle b{ font-size:34px; color:#000;}
.zll{ width:240px; background:#fff; float:left; margin-bottom:20px;}
.zlul li{ list-style: none; text-align:center; border-bottom:1px solid #000; background:#5c5c5c; line-height:3; font-size:15px; }
.zlul li a{ color:#fff;}
.zlul li:hover{ background:#c80505;-webkit-transition: all .5s;transition: all .5s;}
.zll p{ font-size:12px; text-align:center; margin:5px auto;}
.zll img{ float:left; margin:0 10px 10px 20px;}
.zll b{ float:left; font-style:normal; font-weight:normal; color:#666; font-size:12px;}
.zll i{ float:left; color:#c80505; font-size:18px; font-style:normal; font-family:arial;}
.zlr{ float:right;}
.zlr li{ float:left; margin-left:40px; list-style:none; width:410px; height:250px;padding:15px; background:#fff; line-height:1.6;}
.zlr li img{ float:left; width:180px; height:135px; margin:0 10px 0px 0; clear:both;}
.zlr li h2{ font-size:16px; line-height:3; font-weight:normal; color:#c80505;}
.zlr li p{ color:#444; height:150px;}
.zlr li a{ background:#c80505; border-radius:5px; padding:5px 20px; color:#fff; text-align:center; margin:0 auto;}
.zlr li a:hover{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.more{ width:110px; margin:10px auto;}
/*honor*/
.honor{ position:relative;}
.honor h1,.honor h2{ margin:0 auto; text-align:center;}
.honor h2{ margin-bottom:20px; font-size:12px;font-weight:normal;color:#ccc; font-family:"arial"; text-transform:uppercase;}
.box{height:200px;width: 1100px;margin: 0 auto;position: relative;overflow:hidden;}
#roll{width:200%; }
#roll dd{list-style:none;;height:px;float: left;margin-right:20px;}
#roll dd p{ height:30px; text-align:center;}
#roll dd p a{ color:#333;}
.honor span{ position:absolute;bottom: 40%;width: 28px; height:28px; border-radius:50%;text-align: center;cursor: pointer;background:#da2121;z-index: 90;color: #fff; line-height:1.5; font-size:16px;}
.next{right:0px;}
.prev{ left:0px;}
.honor img{ width:200px; height:150px;}
/*news*/
.new{ background:url(../images/mainbg.jpg); padding:20px 0; margin:20px auto;}
.news{ float:left; width:850px;}
.nt h2{ float:left; color:#c80505; font-size:18px; font-weight:normal; border-left:4px solid #c80505; padding-left:10px;}
.nt a{ float:right; color:#333; font-size:13px;}
.ncon{ background:#fff; margin-top:20px; padding:10px; float:left; width:830px;}
.ncon img{ float:left; margin-right:10px; margin-bottom:10px;}
.ncon h2{ font-weight:bold; color:#333; font-size:14px; margin:10px 0;}
.ncon h2 span{font-weight:normal; float:right; font-size:13px; color:#666;}
.ncon h2 img{ float:right;}
.ncon p{ font-size:13px; line-height:1.8;}
.ncon p a{ color:#c80505;}
.nul {}
.nul li{ list-style:none; margin:6px 0;}
.nul li p{ background:#c80505; width:14px; height:14px; border-radius:50%; float:left; text-align:center; color:#fff; margin-right:10px; line-height:14px; margin-top:5px;}
.nul li a{ color:#333; font-size:13px;}
.nul li:hover p{ background:#ccc; color:#000;-webkit-transition: all .5s;transition: all .5s;}
.nul li:hover a,.nul li:hover b{ color:#c80505;-webkit-transition: all .5s;transition: all .5s; }
.nul li b{font-weight:normal; color:#666; font-size:13px; float:right;}
.conr{ width:310px; float:right;}
.cont{ float:right; width:310px; text-align:left;}
.cont h2{ color:#c80505; font-size:18px; font-weight:normal; border-left:4px solid #c80505; padding-left:10px;}
.contact{ width:310px; background:#fff; float:right; margin-top:20px;}
.contact img{ margin:15px;}
.contact p{ padding-left:15px; font-size:14px; color:#333; line-height:1.7; padding-bottom:20px;}
.contact a{ padding-left:15px; font-size:14px; color:#333; line-height:1.7; padding-bottom:20px;}
/*foot*/
.tabx{ margin:40px auto; }
.hide{display:none;}
#tabs{ float:left;}
#tabs li a{ color:#fff; font-size:13px;}
#tabs li{ list-style:none; background:#333; height:35px; width:73px; text-align:left; padding-left:8px;line-height:2; background:url(../images/over.png) no-repeat;}
#tabs .on{ background: url(../images/on.png) no-repeat;}
#tab ul a{ color:#797979;}
#tab ul{ width:1080px; float:right; text-align: left; border:1px solid #ccc;height:50px; padding:10px; font-size:12px; line-height:2; overflow:hidden;}
.ftb{background:#0162AF; padding:20px 0; text-align:center; line-height:2; font-size:13px;}
.ftb p{ color:#fff;}
.ftb p a{color:#fff; background:none;}
.ftb p a:hover{ color:#2F318B;-webkit-transition: all .5s;transition: all .5s;}
.meau li{ display:inline-block; list-style:none; line-height:2; margin-bottom:20px;color:#000;}
.meau li a{ color:#fff;}
.meau{ color:fff;}
.meau li a:hover{ color:#2F318B;-webkit-transition: all .5s;transition: all .5s;}
/*neiye*/
.content{ margin:40px auto;}
.lml{ float:left; width:220px;}
.lmt{ float:left; border:2px solid #0162AF; width:212px; background:#fcfcfc;}
.lmt h2{ background:#0162AF; color:#fff; font-size:18px; font-weight:normal; text-align:center; line-height:2.5;}
.lmt ul{ margin-top:20px; margin-bottom:10px;}
.lmm li{ list-style:none; background:#e1e1e1; margin:10px 15px; line-height:2.5; font-size:14px;}
.lmm li p{ float:left;margin:12px 10px; background:#000; border-radius:50%; width:12px; height:12px; color:#fff; line-height:0.8; text-align:center;}
.lmm li a{ color:#444444;}
.lmm li:hover{ background:#0162AF;-webkit-transition: all .5s;transition: all .5s; }
.lmm li:hover a{ color:#fff;-webkit-transition: all .5s;transition: all .5s; }
.lmm li:hover p{ background:#fff; color:#000;-webkit-transition: all .5s;transition: all .5s; }
.lmcon h2{font-size:18px;font-weight:normal; color:#0162AF; border-left:4px solid #0162AF; padding-left:10px; margin:15px 0;}
.lmcon h3{ font-size:14px; line-height:2; }
.lmcon p{ line-height:2;}
.contentr{ float:right; width:940px; border:1px solid #ccc; padding:5px;}
.contentr h2{ float:left; color:#0162AF; font-size:16px; font-weight:normal; padding-left:10px;}
.contentr span{float:right; font-size:13px;}
.contentr span a{ color:#333;}
.contentr .om{ color:#0162AF;}
.contentb { padding:15px; width:920px; border:1px solid #ccc; float:right; margin-top:10px; }
.flexslider { text-align:center; width:100%; margin:0 auto; position: relative; no-repeat; text-align:center }
/*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*/
.arList li { border-bottom:1px solid #d5d5d6; background:url(../images/newsdot.jpg) no-repeat left 14px; 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:70px; float:left; padding-right:15px;}
.arList .newsl{ float:left; width:1050px;}
.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:##333333;}
.arKeywords { height: 24px; margin: 6px auto; line-height: 24px; color: #333333;}
.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 15px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li:hover, .ExhibitList li:hover div.ImageTitle{background:#0162AF;color:#fff; display:block;}
.ExhibitList li div.ImageTitle{height:25px;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;}
.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; }
.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: 200px; margin-top: 10px;border-bottom:1px dotted #ccc;margin-bottom: 18px;}
.pdImage { float: left; width: 200px; height: 150px; margin: 14px 0px 0px 10px; border: 1px solid #cccccc; }
.pdInfo { float: right; width: 670px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdListItem:hover .prolistmo{border:1px solid #0162AF;}
.pdListItem:hover .prolistmo a{color:#0162AF;}
.pdListItem:hover .pdTitle a{color:#0162AF;}
.pdListItem:hover .pdImage{border:1px solid #0162AF;}
.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: 90px; 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: 400px; height: 300px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 470px; height: 300px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { margin: 5px 0;}
.pjInfo .pjTitle h3{color: #333; }
.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: 370px; 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:#0162AF;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:#0162AF;text-align:center;font-size:14px;position: absolute;bottom: 10px;right: 0;}
.xggc{width:100px;height:36px;line-height:36px;background:#0162AF;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: #0162AF;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: 47%;float: left;margin: 0 1%;}
.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:#0162AF;font-size:20px;background:#f0f0f0;font-size:14px;margin:0 4px 0 0;}
.ztitle span a{color:#0162AF;}
.ztitle span.tithov, .ztitle span.tithov a{background:#0162AF;color:#fff;}
.zntit_con{display:none; 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(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;
}