body {margin:0; padding:0; font: inherit; font-size: 14px;font-family:Microsoft YaHei,Arial;  }
html {line-height:1.5;font-size:1em; color: #333;}
img { border:0; vertical-align: baseline; max-width:100%;}
img, object{ max-width:100%; }
ul,li { margin:0; padding:0; list-style:none; }
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; /*font-size:1.5em;*/}
p{ margin:0; padding:0;}
a { text-decoration:none; color:#333; background-color:transparent}
a:active,a:hover {outline:0; color:#145491;}
table{ border-collapse:collapse;}
input{ outline:none;} 
.clearfix{ height:0; clear: both;}

/*html *,
html *:before,
html *:after {box-sizing: border-box;-webkit-transition: 0.5s; transition: 0.5s;}*/

.main{ max-width:1180px;width:100%;margin:25px auto; overflow:hidden;}
.header-bg{ background:url(../images/header-bg.jpg) repeat-x; height:96px;}
.header{ max-width:1180px; margin:0 auto; padding:10px 0;  overflow:hidden;}
.header-logo{ width:29%;}
.header-logo img{ float:left;}
.top-right{ width:70%; overflow:hidden; } 
.header span{ float:left; /*margin:0 20px;*/  margin-left:2%; margin-right:2%; font-size:25px;}
.call{ color:#006db2; margin-top:20px; /*width:16%;*/}
.info{ margin-top:20px; /*width:8%;*/}
.info a:hover{ color:#e7152c;}
.off{ color:#e7152c;}
.header a img{ margin:0 5px;}
.seacher{ float:left; border:1px solid #e5e5e5; width:226px; height:30px; line-height:30px; background-color:#FFF; margin-top:15px;}
.seacher img{ margin:0 10px; width:16px; height:15px; margin-top:6px; float:left;}
.seacher input.text{ height:28px; line-height:28px; padding-left:5px; padding-right:5px; float:left; width:132px; border:none; float:left;}
.seacher input.btn{ height:30px; line-height:30px; width:48px; background-color:#006db2; color:#fff; text-align:center; border:none; cursor:pointer; float:left;}
.seacher1{ display:none;}

.daohang-bg{ width:100%; background-color:#333; height:60px; /*overflow:hidden;*/}
.daohang{ max-width:1180px; width:100%; margin:0 auto;}
.daohang ul li{ width:11.11%; float:left; text-align:center; height:60px; line-height:60px;}
.daohang ul li a{ color:#fff; font-size:1.1em; display:block;}
.daohang ul li a:hover{ background-color:#006db2;}

.daohang a.menu { display:none;}


/* banner */
.bans { width:100%; overflow:hidden; position:relative; }
.bans .warp { width:20000px; }
.bans .warp a { float:left; display:block;}
.bans .warp a img{ width:100%; float:left; }
.bans ul { list-style:none; margin:0; padding:0; width:100%; position:absolute; bottom:10px; text-align:center; }
.bans ul li { display:inline-block; margin:0 3px; background-color:#c1c3c4; border-radius:100px; width:10px; height:10px; }
.bans ul li.click { background:#0075c1; }

.navbanner{ background-size:auto 100%; background-position:center;}
.navbanner1{ display:none;}

.index_focus_pre,.index_focus_next{display:none;position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10;background:url(../images/ico_sliding.png) no-repeat;}
#bans .index_focus_pre{left:30px;background-position:0 0; }
#bans:hover .index_focus_pre{background-position:0 -144px; display:block;}
#bans .index_focus_next{right:30px;background-position:0 -72px;}
#bans:hover .index_focus_next{background-position:0 -216px; display:block;}

.in_banner{  height:auto; width:100%;}
.banner001{}
.banner002{ display:none;}

.company{ text-align:center;}
.company h3{ font-size:1.8em;  margin-bottom:25px; font-weight:normal;}
.company h3 span{ display:block; border-bottom:2px solid #333; width:30px;  margin:10px auto 0;}
.company a{ display:block; color:#006db2; margin-top:15px;}
.office{ width:102%; }
.office-pic{ position:relative; float:left; width:23%; margin-right:2%; margin-top:25px; overflow:hidden;}
.office-pic img{ width:100%; vertical-align:bottom;}
.office-bg{ display:none;}

.office-pic:hover .office-bg{ width:100%;height:100%;position:absolute; left:0; bottom:0; overflow:hidden;background-color:#006db2; filter:alpha(opacity=85); opacity:0.85;color:#fff; font-size:16px; display:block !important; text-align:center; line-height:186px; font-size:1.8em;}
/*.office-bg span{ display:table-cell; vertical-align:middle;}*/

.main-bg{ width:100%; background-color:#333; overflow:hidden;}
.pro-title{ font-size:1.8em; margin-bottom:25px; font-weight:normal; color:#fff;  text-align:center;}
.pro-title span{ display:block; border-bottom:2px solid #fff; width:30px;  margin:10px auto 0;}

.slideTxtBox .hd ul{ text-align:center;  padding-top:20px;}
.slideTxtBox .hd ul li{ display:inline-block; vertical-align:middle; height:32px; line-height:32px; padding:0px 15px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -o-border-radius:15px; background-color:#FFF; margin:0 1%; border:1px solid #CCC; cursor:pointer;}
.slideTxtBox .hd ul li:hover{ color:#fff; background-color:#006db2; border:1px solid #006db2; }
.slideTxtBox .hd ul li.on{ color:#fff; background-color:#006db2; border:1px solid #006db2;}
.slideTxtBox .hd ul li:hover a{ color:#FFF;}

.slideTxtBox .bd ul{ margin-top:10px; zoom:1;  width:102%; text-align:center; overflow:hidden;}
.pro-recomment{ float:left; width:21.3%; margin-right:2%; margin-bottom:2%; overflow:hidden; padding:10px;}
.pro-recomment img{  width:100%; max-height: 249px;/*height:200px;*/ background-color:#fff;}
.pro-recomment span{ padding-bottom:4%; display:block;}
.pro-recomment:hover{ background-color:#006db2;}
.pro-recomment a:hover{ color:#fff;}
.more{ color:#e0e0e0; text-align:center; display:block;}
.more:hover{ color:#fff; text-align:center;}

.youshi{ padding:25px 0;}
.youshi-images{ width:46%;  float:left; }
.youshi-text{ float:left; width:50%; margin-left:4%;}

.main-bg1{ background-color:#eeeeee; padding:25px 0;}
.main-bg1 h3{ font-size:1.8em;  margin-bottom:25px; font-weight:normal; text-align:center;}
.main-bg1 h3 span{ display:block; border-bottom:2px solid #333; width:30px;  margin:10px auto 0;}
.pro-news-max{ width:102%;}
.pro-news{ width:48%; float:left; margin-top:2%; margin-right:2%;overflow:hidden;}
.pro-news span{ display:block; width:140px; height:40px; line-height:40px; text-align:center;  background-color:#006db2; color:#fff;}
.pro-news-text{  background-color:#fff; padding:20px; border:1px solid #dcdcdc; }
.pro-news-text b{ display:block; margin-bottom:10px; }

/* about */
.nav-bar-bg{ background-color:#eeeeee; width:100%; overflow:hidden;}
.nav-bar{ width:1180px; max-width:100%; margin:0 auto; line-height:3; text-align:center;}
.nav-bar a{ width:18%; font-size:1.2em; display:inline-block;}
.nav-bar a:hover{ background-color:#fff; color:#006db2;}
.nav-bar a:hover span{  transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
.nav-bar a span{ transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); display:inline-block; margin-left:10px;}
.nav-bar a.clickbtn{ background-color:#fff; color:#006db2; }
.nav-bar a.clickbtn span{  transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

.nav-daohang{ width:1180px; max-width:100%; margin:25px auto 0; color:#6e6e6e; border-bottom:1px solid #dcdcdc; padding-bottom:10px;}
.nav-daohang h2{ color:#006db2; font-size:2em; font-weight:normal;}

.pro-detail{ margin-top:2%; margin-bottom:2%; overflow:hidden;}
.pro-img{ float:left; width:48%; margin-right:4%; border:1px solid #f2f2f2; text-align:center; display:table;}
.pro-img span{ display:table-cell; vertical-align:middle;}
.pro-img img{ }
.pro-text{ float:left; width:46%; }
.pro-text strong{ font-size:16px;}
.pro-text h2{ color:#36a4d7; font-weight:normal; margin-bottom:25px; color:#006db2;}
.pro-text h2 span{ display:block; font-size:1.4em; font-weight:normal;}
a.online{ display:block; margin-top:20px; width:148px; height:40px; line-height:40px; text-align:center; color:#fff;  border-radius:5px; background:#ff6600 url(../images/qq.png) no-repeat 18px 8px;}
a.online:hover{ background-color:#ee6002;}

.pro-detail-intro,.pro-detail-intro1{ width:1180px; max-width:100%; margin:0 auto 25px;}
.pro-detail-intro h2,.pro-detail-intro1 h2{ height:40px; line-height:40px; border-left:3px solid #006db2; background-color:#eeeeee; padding-left:20px; font-size:1.2em; color:#006db2; font-weight:normal;}
.pro-detail-intro .pro-detail-intro-text,.pro-detail-intro1 .pro-detail-intro-text{ width:100%; margin-top:25px; overflow:hidden; }
.pro-detail-intro .pro-detail-intro-text img{ }
.pro-detail-intro h2 a,.pro-detail-intro1 h2 a{ float:right; font-weight:normal; font-size:12px; padding-right:20px; height:40px; line-height:40px;}

.left{ float:left; width:73.6%; margin-right:3%; border:1px solid #dcdcdc;}
.news{ padding:20px; margin-bottom:25px; border-bottom:1px dotted #dcdcdc; overflow:hidden;}
.news .news-images{ float:left; margin-right:25px; width:30%;}
.news-text{ color:#6e6e6e; overflow:hidden;}
.news-text h3{ margin-bottom:10px; font-weight:normal; color:#333;}
.news-text h3 span{ display:block; font-weight:normal; color:#adadad; font-size:12px;}
.news-text>a{ color:#e97313; float:right; margin-top:25px;}
.news-text>a:hover{ color:#ee6002;}

.right{ float:left; width:23%; }
.product-reccoment-max{ border:1px solid #dcdcdc;}
.product-01{ }
.product-01 h3{ border-bottom:1px solid #dcdcdc; font-weight:normal; padding:10px 20px;}
.product-01 div{ border-bottom:1px solid #dcdcdc; padding:20px; line-height:2;}
.product-01 div a{display:block; color:#6e6e6e;}
.product-02{ padding:20px; line-height:2;}
.product-02 a{ display:block; color:#6e6e6e;}
.product-01 div a:hover,.product-02 a:hover{ color:#333;}
 
.rongyu{ width:102%; }
.rongyu ul li{ float:left; width:18%; margin-top:1%; margin-bottom:1%; margin-right:2%; display:inline; text-align:center;}
.rongyu ul li a{ display:block; }
.rongyu ul li a img{ /*width:190px; height:72px;*/ transition:all ease 0.6s;-moz-transition:all ease 0.6s; -o-transition:all ease 0.6s; -webkit-transition:all ease 0.6s; }
.rongyu ul li span:hover img{  transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.rongyu ul li span{ display:block; border:1px solid #dcdcdc; padding:2px; overflow:hidden;}

.kehu-title{ margin-bottom:25px; overflow:hidden;}
.kehu-title a{ border:1px solid #CCC; width:15%; display:block; float:left; line-height:2.5; text-align:center;}
.kehu-title a:hover{ background-color:#145491; color:#fff;}
.kehu-title a.clickbtn1{ background-color:#145491; color:#fff;}

.kehu-pic{ width:102%; overflow:hidden;}
.kehu-pro{ position:relative; float:left; width:23%; margin-right:2%; margin-bottom:2%; overflow:hidden; }
.kehu-pro span{ position:absolute; bottom:0; left:0; z-index:1; height:45px; line-height:45px; text-align:center; background:#000; filter: alpha(opacity=60);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity:0.60; width:100%; }
.kehu-pro span p{ color:#fff;}
.kehu-pro img{ transition:all ease 0.6s;-moz-transition:all ease 0.6s; -o-transition:all ease 0.6s; -webkit-transition:all ease 0.6s; transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); width:100%; vertical-align:bottom;}
.kehu-pro:hover img{  transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.62); -webkit-transform:scale(1.2);}

.upload{ border:1px solid #CCC; padding:1%; margin-bottom:25px;}
.upload a{ float:right;}
.upload:hover{ background-color:#145491; color:#fff;}
.upload:hover a{ color:#fff;}
.server-text a{ background:url(../images/recruit-btn.jpg) no-repeat; width:89px; height:35px; line-height:35px; color:#fff; display:block; text-align:center; margin-top:20px;}

.server ul li { margin-bottom:15px; border-bottom:1px solid #e5e5e5;}
.server-title { display:block;  height:39px; line-height:39px;  font-size:14px; font-weight:600; cursor:pointer; }
.server-title a{ float:right; color:#969696; }
.server-text { display:none; padding:20px 0; color:#6e6e6e; line-height:2;}

.contact{ width:104%;}
.contac-text{ width:46%; float:left; margin-right:4%; margin-bottom:2%; border-bottom:1px solid #e5e5e5; line-height:2; min-height:150px;}
.contac-text span{ display:block; font-weight:bold; }

.shipin-max{ width:102%; overflow:hidden;}
.shipin{ float:left; width:23%; margin-right:2%; margin-bottom:2%; overflow:hidden;}

.black_overlay{ display: none;  width: 100%; height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;background-color: black;  z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88);} 
.white_content { display: none;position: absolute; top: 25%; left:40%; width:20%;  padding:20px; background-color: white; z-index:1002; overflow:visible;} 
.white_content span{ display:block; line-height:2; border-bottom:1px solid #e5e5e5; padding-bottom:10px; color:#006db; font-size:1.5em;}
.white_content_weixin{ padding:20px; text-align:center; }

.cotent_text2{ width:98%; margin-top:20px; margin-bottom:20px;overflow:hidden;}
.recruitlist{ display:block; }
.cotent_text2 div{ width:42%;  margin:0 auto 15px; }
.cotent_text2 div input{ border:1px solid #e5e5e5; background-color:#fff; height:32px; line-height:32px; width:98%;}
.cotent_text2 div textarea{ border:1px solid #e5e5e5; background-color:#fff;  width:98%;}
.view001{ border:1px solid #e5e5e5; background-color:#fff; height:23px !important; line-height:23px !important; width:25% !important;}
.view002{ border:none !important; background-color:#fff;  width:15% !important;}


.footer-bg{ background-color:#3d3d3d; width:100%;}
.footer{ width:1180px; max-width:100%; margin:0 auto; padding:2% 0; overflow:hidden;height:200px}
.l-t{ float:left; margin-right:6%; /*margin-right:6.4%;*/ color:#d5d4d4; font-size:13px;}
.l-t a{ display:block; color:#858585; line-height:2;}
.l-t a:hover{ color:#fff;}
.alright{ text-align:center; color:#858585; background-color:#333; font-size:12px; padding:10px 0;}
.alright a{ color:#858585;}

.in_links{border-top: 1px solid #666;
    padding: 2px 0 0 0;
    color: #FFF;
    margin-top: 15px;}
.in_links a{ color:#FFF;}
.in_links a:hover{ color:#06C;}

@media (max-width: 1178px) {
/*.info{ width:12%;}*/
.seacher{ display:none;}
.seacher1{ float:left; border:none; width:226px; height:30px; line-height:30px; background-color:#FFF; margin-top:15px; display:block; margin-left:5%;}
.seacher1 img{ margin:0 10px; width:16px; height:15px; margin-top:6px; float:left;}
.seacher1 input.text{ height:28px; line-height:28px; padding-left:5px; padding-right:5px; float:left; width:132px; border:none; float:left;}
.seacher1 input.btn{ height:30px; line-height:30px; width:48px; background-color:#006db2; color:#fff; text-align:center; border:none; cursor:pointer; float:left;}
.daohang{ position:relative;}
.daohang a.menu{ display:block; width:34px; height:26px; position:absolute; right:5%; margin-top:15px; }	
#nav-daohang{ width:100%; height:100%;position:relative; top:10px; left: 0; z-index:9999; background:rgba(255, 255, 255, 1) none repeat scroll 0 0 !important; /*filter:Alpha(opacity=80);*/ background:#fff;  display:none;}
#nav-daohang li{  width:100%; border-bottom:1px solid #e5e5e5; background-color:#fff;}
#nav-daohang li a{ display:block; background:none !important; line-height:50px; text-align:center; color:#333;}
#nav-daohang li:hover{  background-color:#145491;}
#nav-daohang li a:hover{ color:#fff;}
.tl,.tr{ display:none;}
}
@media (max-width: 1093px) {
.header-logo img{ float:left; margin-left:15px; margin-right:15%; width:40%;}
.pro-recomment{ width:18.5%; margin-left:2%; margin-right:2%;}
.footer-bg{ display:none;}
}

@media (max-width: 998px) {
.banner001{ display:none; }
.banner002{ display:block !important; width:100%;}
.bans ul li {background-color:#c1c3c4; border-radius:100px; width:10px; height:10px;}
.nav-daohang h2{ font-size:16px;}
.navbanner{ display:none;}
.navbanner1{ display:block;}
.navbanner1 img{ vertical-align:bottom;}
.company{ margin:0 15px;}
.office-pic{ width:46%;  margin-right:4%;}
.pro-recomment{ width:39%; margin-left:4%; margin-right:4%;}
.kehu-pro{ width:31%;}
.youshi-images{ width:96%;  float:none; margin-left:2%; margin-right:2%; text-align:center;}
.youshi-text{ width:96%; float:none; margin-left:2%; margin-right:2%;}
.pro-news{ width:94%; float:none; margin-left:2%; margin-right:2%;}
.nav-bar a{ width:100%; border-bottom:1px solid #ccc;}
.nav-daohang{ width:96%; margin:2% 2% 0;}
.main{ width:96%; margin-left:2%; margin-right:2%;}
.pro-img{ width:96%; margin-left:2%; margin-right:2%;}
.pro-text{ width:96%; margin-left:2%; margin-right:2%; margin-top:2%;}
.left{ width:96%; margin-left:2%; margin-right:2%;}
.right{ display:none;}
.shipin{ width:31%;}
.rongyu ul li{ width:31%;}
.pro-detail-intro1{ display:none;}
.cotent_text2 div{ width:96%;  margin:0 auto 15px; }
.view001{ width:98% !important;}
.view002{ width:auto !important;} 
.view003{ display:block;}
.side_content{ display:none;}
.pro-detail-intro table{ width:98%; margin-left:1%; margin-right:1%; margin:0 auto;}
.daohang ul li{ height:auto;}
.pro-text h2 span{ font-size:1.2em;}

.in_links{ display:none;}
}
@media (max-width: 743px) {
.header-logo img{ float:left; margin-left:10px; margin-right:20px; margin-top:20px; }
.call{ display:none;}
.info{ margin-top:0;}
.header-bg{ height:auto;}
.news-text div{ display:none;}
.shipin{ width:48%;}
.kehu-title a{ width:99%;}
.contac-text{ width:100%; min-height:0;}
}

@media (max-width: 650px) {
.pro-recomment{ width:38%; margin-left:2%; margin-right:2%;}
.slideTxtBox .hd ul li{ width:86%; float:none; margin-left:2%; margin-right:2%; margin-bottom:1%;}
.news-images{ float:none !important; margin-right:0 !important;}
.news-images img{ width:100%;}
.news-text{ width:96%; margin-right:2%;}
.news-text>a{ float:left; margin-top:5px;}
.rongyu ul li{ width:46%;}
.upload{ margin-bottom:10px;}
.upload span{ display:none;}
}
@media (max-width: 320px) {
.header-logo img{ float:left; margin-left:5px; margin-right:5px; width:55%;}
.info{ width:30%;}
span.chat{ display:none !important;}
.office-pic{ width:94%; margin-left:2%; margin-right:2%;}
.pro-recomment{ width:86%; margin-left:2%; margin-right:2%;}
.kehu-pro{  width:100%;}
.shipin{ width:100%;}
.rongyu ul li{ width:100%;}
}