body {margin:0; padding:0; font: inherit; font-size: 14px;font-family:微软雅黑,Arial;  }
html {line-height:1.8;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-weight:normal; /*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:#e60012;*/}
table{ border-collapse:collapse;}
input{ outline:none;} 
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;} 

html *,html *:before,html *:after { box-sizing: border-box;}

.main{ max-width:1200px;width:100%;margin:0 auto;overflow:hidden; }
.top{ max-width:1200px;width:100%;margin:0 auto; padding:15px 0; overflow:hidden;}
.top-logo{ float:left; }
.call{ float:right; color:#6e6e6e; font-size:1.1em; margin-right:25px; margin-top:10px; line-height:33px;}
.call img{ margin-right:5px; vertical-align:middle;}
.seacher{ float:right; border:1px solid #e5e5e5; width:205px; height:33px; line-height:33px; margin-top:10px;}
.seacher1-bg{ width:100%; background:rgba(240,240,240,0.9); padding:20px 0; display:none; }
.seacher1{ border:1px solid #e5e5e5; background-color:#fff; width:205px; height:33px; line-height:33px; margin:0 auto;}
.seacher input.text,.seacher1 input.text{ width:168px; height:35px; padding:0 15px; float:left; border:none; background:none; float:left; color:#461419;box-sizing:border-box; }
.seacher .btn-bg,.seacher1 .btn-bg{ background-color:#0368b4; width:33px; height:31px; float:right; text-align:center;}
.seacher input.btn,.seacher1 input.btn{ height:16px; width:16px; cursor:pointer;  background:url(../images/seacher.png) no-repeat;  margin-top:8px;  border:none;}
.seacher1{ display:none;}
.yu{ float:left;}

.tonglang{ color:#6e6e6e; margin:25px 0; overflow:hidden;}
.tonglang a{ color:#6e6e6e;}
.tonglang a:hover{ color:#333;}

.daohang-bg{ width:100%; line-height:50px; }
.daohang{ max-width:1200px;width:100%;margin:0 auto;}

.nav-menu{ width:80%; float:left; }
.nav-menu li{ float:left; position:relative; font-size:1.1em;  width:14%; text-align:center; }
.nav-menu .sub{ display:none; width:100%; position:absolute; left:0; top:50px; background:rgba(0,0,0,0.5); z-index:9999;  font-size:14px; /*box-shadow:0px 0px 1px #fff;*/}
.nav-menu .sub a{ color:#fff; display:block;  line-height:45px; padding:0 10px; zoom:1;}
.nav-menu .sub a:hover{ background:#0368b4; }
.daohang span{ display:block; color:#adadad; float:right; line-height:28px; margin-top:10px;}
.daohang span a{ color:#adadad;}
.daohang span a:hover{ color:#0368b4;}
/*.daohang span a{ width:28px; height:28px;  text-align:center; border:1px solid #dddddd; border-radius:100px;  float:left;color:#adadad; font-size:12px; margin:0 2px; -webkit-transition: 0.5s; transition: 0.5s;}
.daohang span a:hover,.onn{ border:1px solid #0368b4 !important; background-color:#0368b4; color:#fff !important;}
*/
/* banner */
#banner{ overflow:hidden; position:relative;/* width:1100px; margin:0 auto;*/ }
#banner a{width:100%;height:100%;display:block;position:absolute;left:0px;top:0px; z-index:99;/*background-size:100% 100%!important;*/ }
#banner ul{ text-align:center; width:100%; clear:both;position:absolute;z-index:100; bottom:15px; }
#banner ul li{width:10px;height:10px;overflow:hidden;cursor:pointer; background-color:#fff; margin:0 3px;display:inline-block; border-radius:100px;}
#banner ul li.active{width:24px; background-color:#fff; border-radius:25px;}
/*.bans { position:fixed; top:0px; width:100%; z-index:10; }*/

.info-bg{ background:#f0f0f0 url(../images/index_25.png) no-repeat left bottom; width:100%;}
.info-left{  float:left; width:30%; padding:10% 3%;}
.info-left h4 big{ font-size:2em; color:#0368b4; text-transform:uppercase; }
.info-left h4 small{ font-size:1.4em; display:block; color:#333;}
.info-left h4 span{ display:block; width:40px; height:1px; background-color:#333; margin-top:10px;}
.info-left div{ color:#6e6e6e; margin-top:35px;}
.info-right{ float:left; width:70%;}
.pic{ float:left; width:50%; position:relative;}
.pic .pic-img{ overflow:hidden;}
.pic .pic-img img{ width:100%; vertical-align:bottom; -webkit-transition: 0.5s; transition: 0.5s; }
.pic:hover .pic-img img{ transform:scale(1.1); }
.pic-bg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.pic:nth-child(1) .pic-bg{  background-color:rgba(218,190,129,0.8); }
.pic:nth-child(2) .pic-bg{  background-color:rgba(251,165,54,0.85);}
.pic:nth-child(3) .pic-bg{  background-color:rgba(2,129,189,0.8);}
.pic:nth-child(4) .pic-bg{  background-color:rgba(158,179,40,0.85);}
.pic-text{ position:absolute; top:30%; left:0; z-index:2; font-size:1.4em; color:#fff; text-align:center; width:100%;}

.about-info{ text-align:center; color:#fff; margin:35px 0;}
.about-info h4{ font-size:1.4em;}
.about-info h4 span{ color:#84b1d8; display:block; font-size:2em;}
.about-info div a{ display:block; border:1px solid #fff; width:120px; height:35px; line-height:35px; margin:30px auto 0; color:#fff;}
.about-info div a span{ /*width:0px;*/ -webkit-transition: 0.5s; transition: 0.5s; display:block;}
.about-info div a:hover{ color:#0368b4;}
.about-info div a:hover span{ width:120px; background-color:#fff;}
.anli-info{ background-color:#fff; padding:2% 1%; overflow:hidden; font-size:1.1em;}
.anli-info .anli-info-tu{ float:left; margin:0 2%; text-align:center; width:94%;  }
.anli-info .anli-info-tu span{ overflow:hidden; display:block; }
.anli-info .anli-info-tu a img{ -webkit-transition: 0.5s; transition: 0.5s; width:100%; vertical-align:bottom; }
.anli-info .anli-info-tu:hover a img{ transform:scale(1.1);}
.anli-info .anli-info-tu:hover a{ color:#0368b4;}

.more-r{ border-top:1px solid #e5e5e5;  height:30px; margin-top:35px; }
.more-r a{ display:block; background-color:#0368b4; color:#fff; text-align:center; width:120px; line-height:35px; height:35px; 
margin:-20px auto 0;}
.more-r a:hover{ color:#0368b4; background-color:#fff; border:1px solid #0368b4;}
.link{ margin-bottom:25px;}
.link a{ color:#6e6e6e; margin:0 5px;}
.link a:hover{ color:#0368b4;}
.nav-menu-btn{ display:none;}



.navbanner{ height:376px;}
.bar-bg{ background-color:#f7f7f7; padding:25px 0; height:150px; }
.bar{ max-width:1200px;width:100%;margin:25px auto; text-align:center;}
.bar ul li{display:inline-block; }
.bar ul li span{ display:none; margin:0 auto; width:0;height:0; border-bottom: 6px solid transparent; border-top: 6px solid #0368b4; border-left: 6px solid transparent; border-right: 6px solid transparent; }
.bar ul li a:hover{ background-color:#0368b4; color:#fff; border:1px solid #0368b4;}
.bar ul li:hover a{ color:#fff;}
.bar ul li a{ display:inline-block; line-height:50px; text-align:center; border:1px solid #dbdbdb; padding:0 30px; margin:0 2px;}
.bar ul li:hover span{  display:block;  }
.bar ul li.click span{  display:block;  }
.bar ul li.click a{ color:#fff; background-color:#0368b4; color:#fff; border:1px solid #0368b4;}

.content{ margin:35px 0;}
.content table{ border:1px solid #333;}
.content table td{ border:1px solid #333;}
.about h3{ font-size:2em; color:#0368b4; margin-bottom:25px; font-weight:bold;}
.about h3 span{ font-size:18px; color:#d0d0d0; display:block; text-transform:uppercase; font-weight:normal;}

.contact{ margin-top:25px;}
.contact-left{ float:left; width:54%;}
.contact-right{ float:left; width:42%; margin-left:4%;}
.contact-left h4,.contact-right h4{ border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:35px; font-size:1.2em;}
.contact-left .contact00 input{ border:1px solid #e5e5e5; background-color:#f1f1f1; width:98%; height:40px; line-height:40px; padding:0 1%; display:block; margin-bottom:25px; }
.contact00{ width:100%; overflow:hidden;}
.contact00 div{ width:48%; float:left;}
.contact01{ margin-right:25px;}
.contact-left textarea{ border:1px solid #e5e5e5; background-color:#f1f1f1; height:135px; padding:1%; display:block; width:98%; margin-bottom:15px;}
.contact-btn{ width:110px; height:35px; line-height:35px; border-radius:5px; text-align:center; margin:25px 0 35px; background-color:#eea303 !important; color:#fff; cursor:pointer; border:none;}
.contact-btn:hover{ background-color:#ffaf04 !important;}

.work{ margin-bottom:25px; overflow:hidden;}
.work h4{ text-align:center; font-size:18px; margin:0 auto 35px; font-weight:bold; }
.work input{ border:1px solid #e5e5e5; background-color:#f1f1f1;  height:40px; line-height:40px; padding:0 1%; display:block; margin-bottom:15px; }
.option1,.option3{ width:46%; float:left;}
.option2,.option4{ width:46%; float:left; margin-left:8%; }
.option1 input,.option2 input{ width:96%; }
.option1 select,.option2 select{ width:96%; }
.option3 textarea,.option4 textarea{ width:96%; border:1px solid #e5e5e5; background-color:#f1f1f1;}


select{ border:1px solid #e5e5e5; background-color:#f1f1f1;  height:40px; line-height:40px; padding:0 1%; display:block; margin-bottom:25px;}
.work textarea{ border:1px solid #e5e5e5; background-color:#f1f1f1; height:135px; padding:1%; display:block;  margin-bottom:15px;}
.contact-btn{ width:110px; height:35px; line-height:35px; border-radius:5px; text-align:center; margin:25px auto; background-color:#eea303 !important; color:#fff; cursor:pointer; border:none;}
.contact-btn:hover{ background-color:#ffaf04 !important;}

.anli-list a{ float:left; width:31%; margin:0 1% 3%; position:relative; overflow:hidden;}
.anli-list a img{ width:100%; vertical-align:bottom; -webkit-transition: 0.5s; transition: 0.5s;}
.anli-list a:hover img{ transform:scale(1.1);}
.bg{ padding:0 20px; line-height:40px; height:40px; background:rgba(0,0,0,0.5); color:#fff; position:absolute; left:0; bottom:0; width:100%; -webkit-transition: 0.5s; transition: 0.5s;}
.bg span{ float:right;}
.anli-list a:hover .bg{ height:80px; line-height:80px;}

.news-intro{ overflow:hidden; margin-bottom:35px; background-color:#f5f5f5;}
.news-intro-img{ float:left; width:46%;}
.news-intro-img img{ vertical-align:bottom; width:100%;} 
.news-intro-text{ float:left; width:50%; margin-top:25px; margin-left:3%;}
.news-intro-text h4{ font-size:16px; font-weight:bold;}
.news-intro-text h4 span{ display:block; color:#adadad; font-weight:normal; margin:10px 0;}
.news-intro-text a{ display:block; width:110px; height:32px; line-height:32px; background-color:#e39705; text-align:center; margin-top:10px; border-radius:5px; color:#fff;}
.news-intro-text a:hover{ background-color:#f8a60a;}

.news-title{ background-color:#f1f1f1; text-align:center; font-size:1.4em; width:10%; float:left; overflow:hidden;-webkit-transition: 0.5s; transition: 0.5s;}
.news-title span{ font-size:14px; border-top:1px solid #fff; padding-top:10px; display:block;}
.news-text{ float:left; margin-left:3%; width:87%;}
.news-text h4{ font-size:16px;}
.news-text div{ color:#6e6e6e;}
.news a:hover .news-title{ background-color:#0368b4; color:#fff; border-top:1px solid #F6F6F6;}
.news a:hover .news-title span{ color:#fff;}
.news a{ display:inline-block; border-bottom:1px dashed #e5e5e5; overflow:hidden; margin-bottom:25px; padding-bottom:25px;}

.newsdetail{ text-align:center; padding-bottom:20px;}
.newsdetail span{color:#878787; font-size:13px; margin-top:15px; display:block;}
.newsdetail-title{ font-size:16px; font-weight:bold;}
.newsdetail-page{ padding:10px 0;border-top: 1px solid #d9d9d9;/*border-bottom: 1px solid #d9d9d9;*/font-size: 14px;}
.newsdetail-page a{ color:#333;}

.product-intro{ overflow:hidden; background-color:#f5f5f5;}
.product-intro-img{ float:left; width:50%; overflow:hidden;}
.product-intro-img img{ width:100%; vertical-align:bottom; -webkit-transition: 0.5s; transition: 0.5s;}
.product-intro:hover .product-intro-img img{ /*transform:scale(1.1);*/}
.product-intro-text{ float:left; width:42%; margin:4%; }
.product-intro-text h4{ font-size:18px; margin-bottom:25px; color:#0368b4;}
.product-intro-text h4 span{ display:block; color:#adadad; font-weight:normal; margin:10px 0;}
.product-intro-text a{ display:block; width:110px; height:32px; line-height:32px; background-color:#e39705; text-align:center; margin-top:25px; border-radius:5px; color:#fff;}
.product-intro-text a:hover{ background-color:#f8a60a;}
.product-intro:nth-child(2n) .product-intro-img{ float:right; }

.productall-intro{ float:left; width:46%; margin:0 2% 3%; overflow:hidden; background-color:#f5f5f5;}
.productall-intro-img{ float:left; width:100%; overflow:hidden; margin-bottom:25px; position:relative;}
.productall-intro-img img{ width:100%; vertical-align:bottom; -webkit-transition: 0.5s; transition: 0.5s;}
.productall-intro:hover .productall-intro-img img{ /*transform:scale(1.1);*/}
.productall-intro-text{ width:92%; margin:auto;text-align:center; }
.productall-intro-text a{ display:block; width:110px; height:32px; line-height:32px; background-color:#e39705; text-align:center;  border-radius:5px; color:#fff; margin:25px auto;}
.productall-intro-text a:hover{ background-color:#f8a60a;}
.allbg{ background:rgba(0,0,0,0.5); color:#fff; position:absolute; width:100%; height:100%; color:#fff; text-align:center; font-size:2em; padding-top:20%; }

.product-detail{ margin-bottom:35px; overflow:hidden;}
.product-detail h4{ width:100%; color:#0368b4; font-size:1.4em; border-bottom:1px solid #c1c1c1; padding-bottom:10px; margin-bottom:25px; overflow:hidden; }
.product-detail h4 i{ color:#b7b7b7; font-size:14px; display:block; font-style:normal;}
.product-detail h4 span{ display:block; float:right; font-size:16px; }
.product-detail h4 span a{ float:left; margin:0 10px; color:#0368b4;}
.product-detail h4 span a img{ vertical-align:middle; margin-right:10px;}
.product-detail h4 div{ float:left; }
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ background-image:none !important;}
.bdshare-button-style0-16 .bds_more{ color:#0368b4 !important; font-size:16px !important; margin-top:-10px; margin: 0px 6px 6px 0 !important;}
.bdshare_popup_box{ margin-top:20px !important;}

.pro-left{ float:none; width:100%; margin-right:0; }
.pro-right{ float:none; width:100%; margin:0 auto;text-align:center;}
.pro-right img{ max-width:80%; margin:0 auto; padding-bottom:15px;}
.pro-left b{ display:block; font-size:16px; margin-bottom:10px;}

.black_overlay{ display: none;  width: 100%; height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;background-color: black;  z-index:99; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88);} 
.white_content { display: none;position: absolute; top: 35%; left: 25%; width: 55%;  padding: 20px; background-color: white; z-index:100; overflow:visible;  } 

.zixun h4{ font-size:1.6em; text-align:center; margin-bottom:25px;}
.zixun h4 span{ display:block; color:#6e6e6e; font-size:14px;}
.zixun input{ float:left; border:1px solid #e5e5e5;  width:98%; height:35px; line-height:35px; padding:0 1%; display:block; margin-bottom:10px; }
.zixun textarea{ float:left; border:1px solid #e5e5e5;  height:90px; padding:1%; display:block; width:98%; margin-bottom:15px;}
.contact-btn{ width:110px !important; height:35px; line-height:35px; text-align:center; margin:25px auto;background-color:#1d5a96; color:#fff; cursor:pointer; border:none; float:none !important;}
.zixun table  span{ float:left;}
.code{ width:88px;height:29px !important;float:left;}
.validcode{ line-height:29px !important; height:29px !important;}
.info{ width:115px;height:29px;float:left;padding-left:3px;cursor:pointer;}

.server-text a{ display:block; width:110px; height:32px; line-height:32px; background-color:#e39705; text-align:center; margin-top:10px; border-radius:5px; color:#fff;}
.server-text a:hover{ background-color:#f8a60a;}

.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; font-size:2em; font-weight:normal; }
.server-text { display:none; padding:20px 0; color:#6e6e6e; line-height:2;}

.bar-bg h3{ display:none;}

.rongyu div{ float:left; width:23%; margin:0 1% 3%; overflow:hidden; text-align:center; min-height:260px;}
.rongyu div img{ width:100%; height:auto; }

.coorparate a{ float:left; margin:0 1% 3%; width:18%; text-align:center; }
.coorparate a img{ border:1px solid #e5e5e5;}

.newsdetail img{ width:100%; height:auto;}


.footer-bg{ background-color:#5b6571; width:100%; overflow:hidden;}
.footer{ max-width:1200px;width:100%;margin:0 auto; color:#fff; }
.footer-left{ float:left; padding:20px 0;}
.footer-right{ float:right; margin-right:5%; width:142px; background-color:#eff0f1; padding:10px 0;}
.copy,.copy a{ color:#858c94;}
.footer-right a{ display:block; text-align:center;color:#0368b4;}
.weixin{ text-align:center; color:#333;}

@media (max-width:900px) {
.top-logo{ margin-left:3%;}
.nav-menu-btn{ display:block; height:auto; width:10%; position:absolute; right:3%; top:30px; z-index:999; font-size:1.6em; color:#04488b;}
.nav-menu-btn img{ width:100%; margin-bottom:-10px;}
.daohang{ display:none;}
.nav-menu{ width:100%; background:rgba(240,240,240,0.9);}
.nav-menu li{ width:100%; text-align:center; border-bottom:1px solid #dcdcdc; }
.nav-menu li:hover{ color:#fff; background-color:#0368b4; color:#fff !important;}
.nav-menu li:hover a{ color:#fff; display:block;}
.nav-menu .sub{ display:none !important;}
.call{ display:none;}
.seacher1-bg{ display:block;}
.seacher{ float:none;}
.daohang span{ float:none; background:rgba(240,240,240,0.9); text-align:center;}
.daohang span a{ float:none; display:inline-block;}
.yu{ float:none;}
.seacher{ display:none;}
.seacher1{ display:block;}
.info-left{ width:100%; padding:3%;}
.info-left div{ margin-top:10px;}
.info-right{ width:100%;} 
.main1,.footer{ width:96%;}
.link{ margin:25px auto;}
.footer-right{ display:none;}
.main{ width:94%; margin:0 auto;}
.main img{ width:100% !important; height:auto !important;}
.bdsharebuttonbox{ display:none;}
.white_content {top: 35%;left: 3%;width: 94%;}
.zixun input{ width:94%;}
.zixun textarea{ width:94%;}
.work textarea{  width:98%; }
}

@media (max-width:780px) {
.bar-bg{ height:auto; padding:0;}	
.bar ul li{ width:100%;}
.bar ul li a{ width:100%; margin:0; border:none; border-bottom: 1px solid #dbdbdb !important;}
.bar ul li:hover span{ display:none !important;}
.bar-bg h3{ display:block; background-color:#0368b4; color:#fff; font-weight:normal; height:55px; line-height:55px; padding:0 20px;}
.bar-bg h3 span{ float:right; display:block; transform:rotate(90deg); -webkit-transform:rotate(90deg); font-family:"宋体"; font-size:1.5em; margin-right:25px;}
.bar ul li span{ display:none !important;} 
.bar{ margin:0 auto; display:none;}
.navbanner{ height:210px; background-size:cover !important;}
.contact-left{ width:100%;}
.contact-right{ width:100%; margin-left:0;}
.news-intro-text div{ display:none;}
.coorparate a{ width:23%;}
.main img{ width:100% !important; height:auto !important;}
}

@media (max-width:640px) {
.pic-text{ font-size:1.2em;}
.pic-text{ top:12%;}
.anli-list a{ width:48%;}
.news-title{ width:100%;}
.news-text{ margin-left:0; width:100%; margin-top:3%;}
.product-intro-text {width: 92%;margin: 4%;}
.product-intro-img{ float:none; text-align:center; width:100%;}
.product-intro{ margin-bottom:25px;}
.product-intro-text h4{ margin-bottom:10px;}
.pro-left{ width:100%; margin-right:0;}
.pro-right{ width:100%; margin-top:25px;}
.rongyu div{ width:48%;}
.coorparate a{ width:31%;}
.option1,.option3{ width:100%; float:left;}
.option2,.option4{ width:100%; float:left; margin-left:0; }
.option1 input,.option2 input{ width:100%; }
.option1 select,.option2 select{ width:100%; }
.option3 textarea,.option4 textarea{ width:100%;}
.main img{ width:100% !important; height:auto !important;}
}

@media (max-width:414px) {
.info-left h4 big{ font-size:1.4em;}
.pic{ width:100%;}
.pic-text{ top:30%;}
.anli-info .anli-info-tu{ width:98%;}
#banner ul{ bottom:5px; }
#banner ul li{width:8px;height:8px;overflow:hidden;cursor:pointer; background-color:#fff; margin:0 3px;display:inline-block; border-radius:100px;}
#banner ul li.active{width:18px; background-color:#fff; border-radius:25px;}
.footer-text{ display:none;}
.footer-left{ padding:10px 0;}
.copy{ text-align:center; font-size: 12px; line-height: 1.5;}
.navbanner{  }
.contact00 div{ width:100%;}
.contact-left .contact00 input{ width:100%;}
.contact-left textarea{ width:100%;}
.contact-left .contact00 input{ margin-bottom:10px;}
.news-intro-img{ width:100%;}
.news-intro-text{ margin-left:0; width:100%; padding:0 3%;}
.product-detail h4 div{ float:none; margin-bottom:10px;}
.product-detail h4 span{ float:none;}
#ValidCode{ width:100%;}
.code{ width:88px;height:29px !important;float:left; margin-bottom:10px;}
.validcode{ line-height:29px !important; height:29px !important;}
.info{ padding-left:0;}
.productall-intro{ width:100%; margin: 0 0 3%;}
.coorparate a{ width:48%;}
.main img{ width:100% !important; height:auto !important;}
}
@media (max-width:320px) {
.anli-list a{ width:100%;}
.rongyu div{ width:100%;}
.main img{ width:100% !important; height:auto !important;}
}

.about_titles{ display:block; height:50px; line-height:20px; overflow:hidden;}