@charset "utf-8";
/* by Sean Lu 20160603 */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family: microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; overflow-x: hidden; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #0952a3; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.wrapper { width: 1100px; margin: 0 auto; position: relative; }

.topbar { height: 35px; line-height: 35px; border-bottom: 1px solid #e9eced; background: #fff url(../img/vcv.gif) no-repeat center center; background-size: auto 100%; font-size: 12px; color: #666; font-family: arial, simsun; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.topbar .tips { float: left; background: url(../img/gga.png) no-repeat left center; padding-left: 18px; }
.topbar .links { float: right; }
.topbar .gpcode { float: left; background: url(../img/gup.png) no-repeat left center; padding-left: 18px; }
.topbar .gpcode strong { font-size: 14px; color: #0952a3; }
.topbar .icon { float: left; padding-left: 18px; background-repeat: no-repeat; background-position: left center; }
.topbar .icon01 { background-image: url(../img/usa.jpg); padding-left: 22px; margin-right: 9px; }
.topbar .icon02 { background-image: url(../img/china.jpg); padding-left: 22px; }
.topbar .icon03 { background-image: url(../img/dengl.png); margin-right: 9px; }
.topbar .icon04 { background-image: url(../img/vgt.png); line-height: 24px; height: 24px; background-color: #0952a3; background-position: 15px center; color: #fff; padding: 0 15px 0 33px; margin-top: 6px; border-radius: 20px; font-family: microsoft yahei; font-size: 14px; text-decoration: none; }
.topbar .icon04:hover { opacity: .8; filter: alpha(opacity=80); }
.topbar .linka { float: left; }
.topbar .split { float: left; background: url(../img/splitbg.jpg) no-repeat center center; width: 1px; margin: 0 9px; float: left; display: block; height: 35px; }
.spshow { display: none; }

.header { height: 80px; background: url(../img/yt.jpg) no-repeat center top; }
.header .logo { float: left; height: 40px; margin-top: 20px; display: block; }
.header .logo img { height: 40px; display: block; }
.header .nav { float: right; line-height: 30px; height: 30px; margin-top: 25px; }
.header .nav .nLi { float: left; }
.header .nav .nLi .na { padding: 0 12px; display: block; font-size: 15px; font-weight: bold; color: #666; text-decoration: none; }
.header .nav .nLi .na:hover { background: #0952a3; border-radius: 20px; color: #fff; }
.header .navbtn { float: right; line-height: 30px; height: 30px; margin-top: 25px; margin-left: 10px; display: none; padding: 0 10px 0 40px; background: #0952a3 url(../img/amenuicon.png) no-repeat 10px center; background-size: auto 20px; border-radius: 4px; color: #fff; text-decoration: none; font-size: 12px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.header .navbtn.navbtnon { background-image: url(../img/amenuicon2.png); }

.headnav { background: #0952a3; height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.headnav.navon { height: 124px; }
.headnav ul { padding: 5px 0; }
.headnav li { float: left; width: 25%; font-size: 12px; line-height: 36px; border-bottom: 1px solid #01418b; border-top: 1px solid #0e61bd; }
.headnav li:nth-child(-n+4) { border-top-color: transparent; }
.headnav li:nth-last-child(-n+4) { border-bottom-color: transparent; }
.headnav li a { color: #fff; text-decoration: none; display: block; text-align: center; }

.banner { margin: 0 auto;}
.banner img { width: 100%;}
.slick-prev { z-index: 9; }
.slick-prev:before, .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc; text-indent: -9999px; background: url(../img/arrows.png) no-repeat 0 0; width: 30px; height: 30px; z-index: 9; }
.slick-next:before { background-position: right 0; }
.slick-prev { left: 2%; }
.slick-next { right: 2%; }
.slick-dots { bottom: 2%; }
.slick-dots li { margin: 0; }
.slick-dotted.slick-slider { margin-bottom: 0; }

.homebox { padding: 30px 0; }
.homebox .hbtitle { margin-bottom: 30px; }
.homebox .hbtitle h3 { font-size: 20px; line-height: 26px; padding: 7px 0; color: #004b8f; }
.homebox .hbtitle p { font-size: 12px; line-height: 20px; color: #666; font-family: simsun; }
.homebox .morebtn { float: right; margin-top: -76px; }

.homebox01 { background: #f5fafc; }
.homebox02 { background: url(../img/homebox02bg.jpg) no-repeat center; }
.homebox02 .hbtitle h3 { color: #004b8f; }
.homebox03 { background: #e8e8e8; }

.homeprolist { }
.homeprolist .item { margin: 0 5px; outline: none; }
.homeprolist .item .ibox { background: #fff; border-bottom: 2px solid #a2aaae; border-right: 2px solid #a2aaae; }
.homeprolist .item .ibox .img { width: 100%; overflow: hidden; position: relative; }
.homeprolist .item .ibox .img a { display: block; }
.homeprolist .item .ibox .img img { display: block; width: 100%; }
.homeprolist .item .ibox .icon { padding: 30px 20px; color: #888; font-family: simsun; font-size: 12px; line-height: 20px; }
.homeprolist .item .ibox .name { height: 24px; overflow: hidden; }
.homeprolist .item .ibox .name .na { font-size: 16px; color: #004b8f; font-family: microsoft yahei; }
.homeprolist .item .ibox .info { height: 60px; overflow: hidden; }

.homeprolist .item .img .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0952a3; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.homeprolist .item:hover .img .cover { opacity: .8; filter: alpha(opacity=80); }
.homeprolist .item .img .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../img/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.homeprolist .item:hover .img .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.homeprolist .item .img .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../img/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.homeprolist .item:hover .img .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }


.homeprolist .slick-prev, .homeprolist .slick-next { display: none !important; }
.homeprolist .slick-dots { bottom: auto; top: -84px; text-align: right; }
.homeprolist .slick-dots li button:hover:before, .homeprolist .slick-dots li button:focus:before { color: #cd010d; }
.homeprolist .slick-dots li.slick-active button:before { color: #cd010d; }
.homeprolist .slick-dots li { width: 16px; height: 16px; }

.homecase { }
.homecase .item { width: 20%; float: left; position: relative; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homecase .item:hover { box-shadow: 0 0 10px #004b8f; z-index: 1; }
.homecase .item a { display: block; border-bottom: #7c7474 2px solid; border-right: #c9c7c7 2px solid; padding: 17px 0; text-align: center; font-size: 12px; }
.homecase .item a { background: #f3f0f0; }
.homecase .item.item02 a { background: #e6f1f7; }
.homecase .item .img { margin-bottom: 5px; }
.homecase .item .img img { width: 100%; display: block; }

.overbanner { width: 100%; overflow: hidden; }

.homezhiliang { }
.homezhiliang .item { width: 32%; float: left; margin-right: 2%; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.homezhiliang .ibox { border-bottom: #3f668b 3px solid; border-right: #3f668b 2px solid; padding: 30px 60px 50px 30px; color: #fff; font-size: 12px; line-height: 16px; font-family: arial; }
.homezhiliang .title { margin-bottom: 25px; font-family: microsoft yahei; }
.homezhiliang .title .cn { font-size: 28px; line-height: 40px; }
.homezhiliang .title .en { font-size: 14px; }
.homezhiliang .content { margin-bottom: 10px; }
.homezhiliang .more { line-height: 26px; border: 1px solid #fff; display: block; text-align: center; width: 80px; color: #fff; text-decoration: none; }
.homezhiliang .item01 { background: #4e616b url(../img/fuuw.png) no-repeat right bottom; }
.homezhiliang .item02 { background: #667f8c url(../img/fangan.png) no-repeat right bottom; }
.homezhiliang .item02 .ibox { border-bottom-color: #3e718c; }
.homezhiliang .item03 { background: #7b9aa9 url(../img/chuangxin.png) no-repeat right bottom; margin-right: 0; }
.homezhiliang .item03 .ibox { border-bottom-color: #4d818f; }

.homezhiliang .item:hover { background-color: #004b8f; }

.footer { background: #ddd; color: #97b6c5; padding: 30px 0 40px; }
.footer dl { float: left; margin-right: 124px; }
.footer dl dt { font-size: 18px; color: #0952a3; margin-bottom: 20px; }
.footer dl dd, .footer dl dd a { font-size: 12px; color: #666; font-family: arial; line-height: 20px; }
.footer .icp { float: right; text-align: right; }
.footer .icp a { font-size: 12px; color: #97b6c5; font-family: arial; }
.footer .icp img { display: inline-block; margin-left: 10px; }
.footer .biglink { margin-bottom: 30px; }
.footer .biglinks { padding-bottom: 40px; margin-bottom: 30px; border-bottom: 1px solid #51626b; }

.links { }
.links .footnav { float: left; }
.links .footnav p, .links .footnav p a { font-size: 12px; color: #666; line-height: 24px; font-family: arial; }
.links .footnav p a { margin-right: 10px; }
.links .share { float: right; }
.links .share span { float: left; line-height: 40px; font-size: 12px; color: #666; }
.links .share a { float: left; display: block; margin-left: 12px; }
.links .share img { width: 40px; display: block; }

.inbody { background: #f1f1f1; }

.inbanner { height: 220px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.inbanner .tit { text-align: center; color: #fff; padding-top: 50px; text-shadow: 1px 1px 0 #000; }
.inbanner .tit h1 { font-size: 36px; font-weight: normal; margin-bottom: 5px; }
.inbanner .tit p { font-size: 18px; font-family: arial; text-transform: uppercase; }

.inkuang { position: absolute; width: 100%; top: -50px; left: 0; line-height: 50px; box-sizing: border-box; }
.innav { height: 50px; border-bottom: 1px solid #dedede; background: #f1f1f1; }
.innav .navlist { float: left; }
.innav .navlist li { float: left; border-right: 1px solid #dedede; height: 50px; }
.innav .navlist li a { display: block; position: relative; font-size: 14px; height: 50px; padding: 0 20px; text-decoration: none; font-family: microsoft yahei; color: #333; }
.innav .navlist li a:hover, .innav .navlist li.on a { background: #0952a3; font-weight: bold; color: #fff; }
.innav .navlist li a:hover em, .innav .navlist li.on a em { display: block; position: absolute; width: 0; height: 0; border: 8px solid transparent; border-top-color: #0952a3; left: 50%; margin-left: -8px; bottom: -16px; }
.innav .now { float: right; color: #999; font-size: 12px; padding-right: 20px; font-family: simsun; }
.innav .now a { color: #999; }

.inbox { background: #fff; margin-bottom: 30px; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.inbox .con { font-size: 14px; line-height: 24px; padding: 40px; color: #333; font-family: microsoft yahei; }
.inbox .con p { margin-bottom: 20px; }
.inbox .con img { max-width: 100%; }
.inbox .con h3.joinh { font-size: 18px; font-weight: normal; color: #005bac; margin-bottom: 20px; padding-left: 10px; border-left: 2px solid #005bac; }
.inbox .con .joinp { margin-bottom: 30px; }

.fixednav { height: 46px; border: 0 solid #0952a3; position: fixed; left: 0; bottom: 0; background: #0952a3; width: 100%; display: none; }
.fixednav ul { text-align: center; height: 60px; }
.fixednav ul li { display: block; width: 25%; float: left; }
.fixednav ul li a { display: block; width: 100%; height: 22px; line-height: 22px; padding-top: 24px; font-size: .75rem; color: #fff; background: url(../img/fixednavicon01.png) no-repeat center -3px; background-size: 35px auto;  }
.fixednav ul li.on a { /* background-position: center -48px; */ background-color: #00437f; color: #fff; }
.fixednav ul li#nav01 a { background-image: url(../img/fixednavicon01.png);  }
.fixednav ul li#nav02 a { background-image: url(../img/fixednavicon02.png);  }
.fixednav ul li#nav03 a { background-image: url(../img/fixednavicon03.png);  }
.fixednav ul li#nav04 a { background-image: url(../img/fixednavicon04.png);  }
.fixednav ul li#nav05 a { background-image: url(../img/fixednavicon05.png);  }
.fixednav ul li#nav11 a { background-image: url(../img/fixednavicon11.png);  }
.fixednav ul li#nav12 a { background-image: url(../img/fixednavicon12.png);  }

.homeliuyan .hmess { float: right; margin-bottom: 20px; }
.homeliuyan .hmess p { border-bottom: 1px solid rgba(255,255,255,.2); padding-top: 5px; margin-top: 0; }
.homeliuyan .hmess p .inputtxt { width: 320px; height: 20px; line-height: 20px; padding: 5px 15px; color: #bcbcbc; margin-bottom: 5px; border: 0; background: transparent; font-family: microsoft yahei; outline: 0; font-size: 14px; }
.homeliuyan .hmess p textarea.inputtxt { height: 60px; resize: none; overflow: hidden; }
.homeliuyan .hmess p .inputsub { width: 100%; height: 36px; line-height: 36px; color: #fff; margin-top: 10px; border: 0; font-family: microsoft yahei; outline: 0; font-size: 14px; text-align: center; cursor: pointer; background: #005bac; }
.homeliuyan .hmess p .inputsub:hover { opacity: .8; filter: alpha(opacity=80); }

.new_ulbig { width: 100%; }
.new_ulbig li { padding: 20px 10px 20px 10px; border-bottom: 1px dashed #ccc; height: 152px; overflow: hidden; }
.new_ulbig li.on { background: #f7f7f7; }
.new_ulbig li .img { float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #ccc; margin-right: 20px; background: url(../img/nopic.jpg) no-repeat center center; }
.new_ulbig li .img img { width: 200px; height: 150px; display: block; }
.new_ulbig li .info { margin-left: 20px; margin-bottom: 20px; }
.new_ulbig li .info a { padding: 2px 4px; color: #333; text-decoration: none; font-family: microsoft yahei; color: #333; font-weight: bold; }
.new_ulbig li h3 { margin-bottom: 10px; }
.new_ulbig li h3 a { line-height: 28px; font-size: 18px; font-weight: normal; padding: 3px 2px; font-family: microsoft yahei; }
.new_ulbig li p { line-height: 24px; color: #666; text-indent: 2em; }
.new_ulbig li .info a:hover { text-decoration: none; background: #0952a3; color: #fff; }
.new_ulbig li .time { display: block; margin-top: 10px; color: #999; font-size: 12px; }
.new_ulbig li .zuo { padding-right: 6px; }

.soncompany { }
.soncompany .item { width: 40%; margin: 0 5%; float: left; }
.soncompany .item .ibox { display: block; border: 1px solid #ccc; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 10px; overflow: hidden; box-shadow: 0 0 20px #ccc; }
.soncompany .item .ibox:hover { color: #0952a3; text-decoration: none; }
/* .soncompany .item01 .ibox { border-color: #298107;  }
.soncompany .item01 .ibox:hover { background-color: #298107;  }
.soncompany .item02 .ibox { border-color: #96170b;  }
.soncompany .item02 .ibox:hover { background-color: #96170b;  } */
.soncompany .item .ibox .img { overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 10px 10px 0 0; }
.soncompany .item .ibox:hover .img { opacity: .6; filter: alpha(opacity=60); }
.soncompany .item .img img { width: 100%; display: block; }
.soncompany .item .info { margin-top: 10px; padding: 0 10px; margin-bottom: 10px; }
.soncompany .item .info .logo { float: left; margin-right: 10px; background: #fff; }
.soncompany .item .info .name { }
.soncompany .item .info .name h3 { font-size: 16px; margin-bottom: 0; }
.soncompany .item .info .name p { margin-bottom: 0; text-transform: uppercase; font-size: 12px; font-family: arial; }

.con .newstitle { font-size: 22px; text-align: center; line-height: 30px; font-family: microsoft yahei; margin-bottom: 5px; }
.con .newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.con .newsinfo .author, .con .newsinfo .time { margin: 0 5px; }
.con .newsmaincon { margin: 20px 0; font-family: microsoft yahei; }
.con .newsmaincon img { max-width: 100%; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 0; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none;  }
.newsbackline ul li a:hover { border-color: #0952a3; color: #0952a3; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.honor { }
.honor li { float: left; width: 25%; margin-bottom: 20px; }
.honor li a { display: block; text-align: center; color: #333; font-size: 14px; }
.honor li a:hover { color: #0952a3; }
.honor li .img { width: 220px; margin: 0 auto; height: 320px; overflow: hidden; }
.honor li .img img { display: block; width: 220px; }
.honor li .txt { line-height: 20px; margin: 9px 0; height: 20px; overflow: hidden; }

.device { }
.device li { float: left; width: 25%; margin-bottom: 20px; }
.device02 li { width: 33.3333333333333%; }
.device03 li { width: 33.3333333333333%; }
.device li a { display: block; text-align: center; color: #333; font-size: 14px; width: 90%; margin: 0 auto; padding: 2px; border: 1px solid #dedede; }
.device03 li a { border: 0; }
.device li a:hover { border-color: #0952a3; color: #fff; text-decoration: none; }
.device li .img { width: 100%; overflow: hidden; margin-bottom: 2px; }
.device li .img img { width: 100%; display: block; }
.device li .txt { line-height: 20px; padding: 5px 0; height: 20px; overflow: hidden; }
.device li a:hover .txt { background: #0952a3; }

.productlist { }
.productlist li { float: left; width: 25%; margin-bottom: 20px; position: relative; }
.productlist li .box { width: 90%; border: 1px solid #dedede; background: #fff; border-right: 2px solid #a2aaae; border-bottom: 0; padding: 24px 0; color: #888; font-size: 12px; line-height: 20px; box-sizing: border-box; margin: 0 auto; }
.productlist li .box .name { height: 24px; overflow: hidden; padding: 0 20px; }
.productlist li .box .name .na { font-size: 16px; color: #cd010d; }
.productlist li .box .info { height: 60px; overflow: hidden; padding: 0 20px; }
.productlist li .img { width: 90%; border: 1px solid #dedede; background: #fff; border-right: 2px solid #a2aaae; border-bottom: 2px solid #a2aaae; border-top: 0; box-sizing: border-box; overflow: hidden; position: relative; margin: 0 auto; }
.productlist li .img a { display: block; }
.productlist li .img img { display: block; width: 100%; }

.productlist li .img .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #0952a3; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
.productlist li:hover .img .cover { opacity: .8; filter: alpha(opacity=80); }
.productlist li .img .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../img/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.productlist li:hover .img .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
.productlist li .img .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../img/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.productlist li:hover .img .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }

.mb_son { padding: 10px 15px; margin-bottom: 20px; line-height: 28px; background-color: #f1f1f1; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAggAAADGCAMAAACAX4i8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhQTFRF7Ovr5+fn8vHx7e3t6ejo8/Ly5uXl7u3t6unp5+bm6urq9PT09fX18fDw9PPz7u7u8fHx8/Pz7ezs5eTk7+7u8O/v9vX16enpNd0tWQAABxVJREFUeNrs3GFy2zgMBWBomWyiNNt0s459/5vW3jZNHNsSJYEAHvh0AP/AfAM+DEjLsOC7e3iL+v21P37f/lH8xV2RFt/hP8Pv77tD7SeJHOyf/9WU8FY6crAEQngHp57wI3ZPCOtgAQQEB/v997fIEuI6qIeA4WD/rNoTlE+HwA6qIYA4OJ0OYXtCZAe1EHAcxE2MoR1UQgByoD5FvnbhoA4CloNjTwh4OgR3UAUBzIH2FKlyOkR3UAMBz0G8KTK8gwoIiA72z99DJcb4DuYhQDoIlhgBHMxCQHWwf75/i9ITEBzMQYB1EGjvAOFgBgKygyiJEcPBNARsB8fEGGCKBHEwCQHcQYibKigOpiDgO/DfO8A4mICQwIF7T8BxcBtCDgf7vefeAcjBTQhZHHjeVEFycAtCGgeOUySUgxsQMjnw2jtgObgOIZUDp8QI5uAqhGwOPPYOaA6uQUjnwOGmCpyDKxAyOrBOjHgOLiHkdGC7dwB0cAEhqQPTxIjo4CuEvA7s9g6QDr5ASOzA7KYKpoNzCLkd2CRGUAdnELI7sNg7oDr4DCG9A4OeAOvgE4QeHLROjLgOPiB04aDxFAns4A+EXhy0fCGL7OAdQjcOGu4doB38htCTg1aJEdvBLwh9OWizdwB38D+Ezhw0SYzoDk4Q+nOwf75XniLhHRwhdOhAfe/wBO/gIH060E2M5W5Ed3CQTh1oJsZyrOMI7uAgnTpQTIwnBwerntDKQVwIzR1o7R3K70oO0A7CQmjvQKknvDsw6QntHESFYOJA44Vs+Sjl3QDsICgEIwfbp8hyVswR10FMCGYOtk6R5w4anw5NHYSEYOhg2wvZclHOEdVBRAiWDjYlxksHDXtCYwcBIRg7WP9Ctlwt6IDpIB4EawerE+N1B416QnMH4SA4OFiXGMutiraQ0N5BNAguDtbsHcpETUdAB8Eg+DhYkRinHKj3BAsHsSC4OVh6U6XMVHWAcxAKgp+DhYlxzoFqT7BxEAmCq4Mle4cyX1a9vYORg0AQnB3Uv5AtVYUdsRzEgeDtoHqKrHOgdDqYOQgDIYCDupsqpbq0A5KDKBAiOKiaIusdKPQEQwdBIARxML93KIuKO+A4iAEhioPZKbIsrO4I4yAEhEAOphPjUgebTgdbBxEghHIwtXcoK+o7gjgIACGWg4nEuMbB6p5g7cAfQjgHt/YOZWWFBwgH7hDiObiRGNc6WNUT7B14Qwjp4FpiLOtLvHzv4ODAGUJQB5eJsWwq8hjfgS+EqA4uesI2BwtPBxcHrhACOzjfO5TNZR6iO/CEENnB2RS53cGCnuDkwBFCcAcf/8xZNOpcmxi9HPhBiO7gzxRZlCo9hnbgBgHAwa/EqOWg6nTwc+AFAcLB6YVsUaz1GNiBEwQMB8fvx6Nired6gqcDHwgwDu5fXlWrPYR14AIBx8FutytPRj3B14EHBCgHRwkHEwnODhwggDnYvaj2hFuJ0duBPQQ0B6ee0D4xujswhwDoYPegKuFaYvR3YA0B0UH7xBjAgTEEUAfaiXGI58AWAqyDpokxhANTCLgOWk6RMRxYQoB2oJ0Yx2AODCFgO2g1RUZxYAcB3sExJ+jvHcI4MIOA70B7ijydDnEcWEFI4UA9MQZyYAQhiYNjYlTtCYEc2EDI4kA7MR46g5DIwe7h9ZEQ6EA/MXYEIZkD5cTYD4R0DrT3Dp1AyOcgaU8QOljsQHvv0AGEnA5STpFCBysc7JTfOySHkNdBwilS6GCVg3SJUehgnQPtvUNaCNkdZEuMQgerv5dMewehgw1fotNB6GCTBEKgg1x7B6GDjT3hkRDoINHeQeiAPaEJhO4cJEmMQgcKEp4IgQ6S9AShAyZGdQi9OsiQGIUOVD74mypCB0yMuhA6d4CeGIUO1E4H6J4gdMDEqAiBDtBfyAodMDGqQaAD/MQodMDEqASBDjL0BKED7cSIOTsIHXCK1IBAB83/mRMCAh1kmSKFDpgYN0OggzwvZIUOmBg3QqCDTHsHoQMmxk0Q6CBXYhQ64N5hAwQ6yNYThA64d1gNgQ7yTZFCB9w7rIRABxmnSKEDJsZVEOggZ2IUOmBiXAGBDrK+kBU6YGJcDIEO8iZGoQPuHRZCoIPMiVHogDdVFkGgg9yJUeiAiXEBBDrInhiFDtgTqiHQQf69g9ABp8hKCHTQw95B6IBTZBUEOugjMQodcIqsgEAHvSRGoQPuHWYh0EE/iVHogIlxBgId9JQYhQ7YEyYh0EFfewehA06RExDowCYnRIdAB91NkUIHTIy3INBBh4lR6ICJ8ToEOujyporQARPjNQh00GliFDrg3uESAh10mxiFDjhFfoVABx33BKEDJsZzCHTQdWIUOmBP+AyBDjpPjEIHTIwfEOig+5sqQgfcO7xDoAMmxhMEOuAUeTj8FGAACqmqUagiyncAAAAASUVORK5CYII="); border-radius: 10px; }
.mb_son li { float: left; }
.mb_son a { display: block; float: left; font-size: 14px; padding: 0 15px; margin-right: 10px; border: 1px solid #ccc; color: #666; -webkit-transition: all .2s ease-in; border-radius: 5px; text-decoration: none; }
.mb_son a:hover { background: #fff; }
.mb_son a.on { border: 1px solid #0952a3; background: #0952a3; color: #fff; }
.mb_son a.on:hover { background: #0952a3; }

.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 100%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; box-sizing: border-box; }
.messagetarea:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messageinput { width: 30%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #3498db; outline: none; box-shadow: 0 0 5px #3498db; background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #0061bf; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.contact { background: url(../img/wao2.png) no-repeat right 0; padding: 60px 0 110px 70px; width: 88%; font-size: 14px; position: relative; }
.contact p { line-height: 30px; }
.contact p strong { font-size: 16px; line-height: 40px; color: #0952a3; }

a.mapbtn { display: block; font-size: 14px; text-align: center; line-height: 30px; display: none; border: 1px solid #005bac; color: #005bac; }

/* page mod by Alex 20160615 */
.pages { height: 30px; line-height: 30px; text-align: center; font-size: 12px; margin: 30px 0; font-family:simsun; }
.pages li { margin: 0 5px; display: inline-block; }
.pages li a { background: #0952a3; padding: 0 10px; overflow: hidden; display: block; color: #0952a3; border: 1px solid #0952a3; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;height: 25px; color: #fff; margin-top: 0; line-height: 25px; }
.pages li a:hover { opacity: .6; filter: alpha(opacity=60); } 
.pages li.on a { background: transparent; color: #0952a3; border: 1px solid #363839; cursor: default; }

.commonbg { background: #f1f1f1; }
.loginwrapper { position: relative; }
.loginwrapper .lwhead { height: 100px; padding: 40px 20px 0; }
.loginwrapper .lwhead .lwlogo { width: 300px; height: 100px; display: block; text-indent: -99999px; float: left; }
.loginwrapper .lwhead .lwlogo img { height: 50px; display: block; padding-top: 20px; }
.loginwrapper .lwhead .lwtab { float: right; line-height: 100px; }
.loginwrapper .lwhead .lwtab a { font-size: 16px; color: #666; font-family: microsoft yahei; text-decoration: none; }
.loginwrapper .lwhead .lwtab a:hover { color: #333; }
.loginwrapper .lwhead .lwtab a.on { color: #004b8f; }
.loginwrapper .lwhead .lwtab .split { color: #999; margin: 0 5px; }
.loginwrapper .lwbox { background: #fff; border: 1px solid #dedede; border-radius: 10px; padding: 50px; }
.loginwrapper .lwbtit { height: 60px; line-height: 60px; text-align: center; color: #333; border-bottom: 1px solid #eee; margin-bottom: 40px; font-size: 20px; font-family: microsoft yahei; }
.loginwrapper .lwfoot { font-family: microsoft yahei; color: #999; padding: 30px 20px; font-size: 12px; line-height: 20px; }
.loginwrapper .lwfoot .beian { font-family: microsoft yahei; color: #999; float: right; }

.commonform { }
.commonform .item { padding-bottom: 15px; position: relative; }
.commonform .item .tit { width: 160px; float: left; text-align: right; color: #333; line-height: 40px; }
.commonform .item .tit i { color: #f00; padding-right: 4px; font-style: normal; font-family: simsun; }
.commonform .item .ipt { margin-left: 160px; }
.commonform .item .ipt .input { line-height: 30px; height: 30px; border: 1px solid #dedede; background: #fff; font-size: 14px; font-family: microsoft yahei; padding: 5px 10px; width: 190px; box-shadow: 1px 1px 1px 0 #eaeaea inset; }
.commonformlogin { width: 642px; margin: 0 auto; }
.commonformlogin .item .ipt .input { line-height: 40px; height: 40px; font-size: 16px; width: 300px; color: #aaa; }
.commonformlogin .item .ipt .getcode { width: 120px; border-left: 1px solid #dedede; background: #fff; height: 40px; line-height: 40px; font-size: 16px; display: block; color: #004b8f; position: absolute; top: 6px; left: 360px; font-family: microsoft yahei; text-align: center; }
.commonformlogin .item .ipt .getcode:hover { color: #c40000; text-decoration: none; }
.commonformlogin .item .ipt .getcodeno { color: #999; }
.commonformlogin .item .ipt .getcodeno:hover { color: #999; }
.commonformlogin .item .itema { font-size: 12px; font-family: microsoft yahei; color: #999; }
.commonformlogin .item .itema:hover { color: #004b8f; }
.commonformlogin .item p { font-size: 14px; font-family: microsoft yahei; color: #999; line-height: 30px; margin-bottom: 10px; }
.commonformlogin .item .split { font-size: 12px; font-family: arial; color: #dedede; margin: 0 10px; }
.commonform .item .ipt .inputhalf { width: 150px; }
.commonform .item .ipt .input:focus { border-color: #004b8f; color: #333; }
.commonform .item .ipt .textarea { line-height: 24px; height: 48px; width: 250px; border: 1px solid #dedede; background: #fff; font-size: 14px; font-family: microsoft yahei; padding: 5px 10px; resize: none; box-shadow: 1px 1px 1px 0 #eaeaea inset; }
.commonform .item .ipt .textarea:focus { border-color: #004b8f; outline: none; }
.commonform .itembtn { margin-left: 160px; }
.commonform .itembtn .submit { height: 40px; width: 200px; text-align: center; border: 1px solid #004b8f; background: #004b8f; color: #fff; font-size: 14px; font-family: microsoft yahei; cursor: pointer; border-radius: 5px; }
.commonformlogin .itembtn .submit { height: 50px; width: 320px; font-size: 16px; margin-bottom: 15px; }
.commonform .itembtn .submit:hover { background: #004b8f; }

@media (max-width: 1100px) {
	.wrapper { width: 100%; padding: 0 10px; box-sizing:border-box; }
	.inkuang { padding: 0 10px; }
	
	.header .navbtn { display: block; }
	
	.homecase .item { width: 25%; float: left; }
	
	.banner { margin-left: -15%; width: 130%; }
	
	.links .footnav { float: none; }
	.links .share { float: none; text-align: center; margin-top: 10px; }
	.links .share a { float: none; display: inline-block; }
	
	.soncompany .item { width: 80%; margin: 0 auto 20px; float: none; }
	
	.honor li { width: 33.33333333333%; }
	.device li { width: 33.33333333333%; }
	
	.productlist li { width: 33.33333333333%; }
	
	.mb_son a { margin-left: -1px; margin-right: 0; margin-top: -1px; border-radius: 0; font-size: 12px; }
	
	.homeliuyan .hmess { float: none; }
	
	.commonformlogin { width: 100%; }
	.commonform .item .ipt, .commonform .itembtn { margin-left: 0; }
	.commonformlogin .item .ipt .input, .commonformlogin .itembtn .submit { width: 100%; box-sizing: border-box; }
	.loginwrapper .lwfoot, .lwtab { display: none; }
	.loginwrapper .lwhead { padding-top: 0; }
	.loginwrapper .lwbox { padding: 30px; }
	
	.smhidden { display: none; }
}
@media (max-width: 720px) {
	.banner { margin-left: -35%; width: 170%; }
	
	.homeprolist { padding-bottom: 30px; }
	.homeprolist .item .ibox .icon { padding: 10px 15px; }
	.homeprolist .slick-dots { bottom: 0; top: auto; text-align: center; }
	
	.homecase .item { width: 50%; float: left; }
	
	.homebox .morebtn { margin-top: 10px; float: none; display: block; }
	.homebox .morebtn img { margin: 0 auto; width: 24%; }
	
	.homezhiliang .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
	
	.links .footnav { text-align: center; }
	
	.footer { padding-bottom: 80px; }
	
	.fixednav { display: block; }
	
	.inbanner { height: 140px; }
	.inbanner .tit { padding-top: 30px; text-shadow: 1px 1px 0 #000; }
	.inbanner .tit h1 { font-size: 24px; margin-bottom: 5px; }
	.inbanner .tit p { font-size: 12px; }
	
	.inkuang { top: -36px; line-height: 36px; }
	.innav { height: 36px; }
	.innav .navlist { float: none; }
	.innav .navlist li { height: 36px; width: 25%; box-sizing: border-box; }
	.innav .navlist li a { font-size: 12px; height: 36px; padding: 0; text-align: center; }
	
	.innav .navlist li a:hover, .innav .navlist li.on a { font-weight: normal; }
	.innav .navlist li a:hover em, .innav .navlist li.on a em { border: 6px solid transparent; border-top-color: #0952a3; margin-left: -6px; bottom: -12px; }
	
	.innav .now { display: none; }
	
	.inbox .con { padding: 20px 10px 10px; }
	
	.new_ulbig li { padding: 10px; border-bottom: 1px solid #dedede; height: 82px;}
	.new_ulbig li:nth-child(2n) { background: #eee; }
	.new_ulbig li .img { width: 106px; height: 80px; overflow: hidden; border: 1px solid #ccc; margin-right: 10px; background: url(../img/nopic.jpg) no-repeat center center; }
	.new_ulbig li .img img { width: 106px; height: 80px; display: block; }
	.new_ulbig li .info { margin-left: 0; margin-bottom: 0; }
	.new_ulbig li .info a { padding: 2px 0; font-weight: normal; }
	.new_ulbig li h3 { margin-bottom: 0; height: 64px; overflow: hidden; }
	.new_ulbig li h3 a { line-height: 20px; font-size: 14px; font-weight: normal; padding: 3px 0; }
	.new_ulbig li p { display: none; }
	.new_ulbig li .time { margin-top: 0; }
	.new_ulbig li .zuo2 { padding-right: 0; float: right; }
	
	.soncompany .item .info .logo { float: none; margin: 0 auto 10px; }
	.soncompany .item .info .logo img { display: block; margin: 0 auto; height: 36px; }
	.soncompany .item .ibox { color: #333; text-align: center; }
/* 	.soncompany .item01 .ibox { background-color: #298107;  }
	.soncompany .item02 .ibox { background-color: #96170b;  } */
	
	.newsbackline ul li { margin-left: -1px; }
	.newsbackline ul li a { width: 100%; box-sizing: border-box; background-image: none; position: relative; padding-right: 0; font-size: 12px; }
	.newsbackline ul li a:hover { z-index: 1; }
	.newsbackline ul li.next a { background-image: none; padding-right: 0; }
	.newsbackline ul li.prev a { background-image: none; padding-left: 0; }
	
	.con .newstitle { font-size: 20px; line-height: 30px; margin-bottom: 5px; }
	
	.honor li { width: 50%; }
	.honor li a { font-size: 12px; }
	.honor li .img { width: 90%; height: auto; }
	.honor li .img img { width: 100%; }
	
	.device li { width: 50%; }
	.device li a { font-size: 12px; }
	
	.productlist li { width: 50%; }
	.productlist li .box { padding: 14px 0; }
	.productlist li .box .name { padding: 0 10px; }
	.productlist li .box .info { padding: 0 10px; }
	
	.mb_son a { width: 50%; box-sizing: border-box; text-align: center; }
	
	.messagebtn { width: 100%; }
	.messageinput { width: 90%; }
	.messagebtn.btnon { width: 100%; margin-bottom: 10px; }
	
	.contact { background: none; width: 100%; padding: 0; }
	
	a.mapbtn  { display: block; }
	
	.homezxdd { line-height: 40px; margin: 10px 0; background: #004b8f url(../img/vgt.png) no-repeat 10px center; color: #fff; text-align: center; border-radius: 4px; font-size: 12px; }
	.homezxdd:hover { color: #fff; text-decoration: none; }
	
	.sphidden { display: none; }
	.spshow { display: block; }
	
}
.homebox03 .public_table{overflow-x:scroll;table-layout:fixed;}
.homebox03 .public_table tbody tr:nth-child(even) {background-color: #f5f5f5}
.homebox03 .public_table tbody tr:nth-child(odd) {background-color: #fafafa}
.homebox03 .public_table tr.thead {background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAyMSA3OS4xNTQ5MTEsIDIwMTMvMTAvMjktMTE6NDc6MTYgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ1NDg4Q0RERjAwMTFFNzk2QzY4RTJBNTg0QUZDOTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ1NDg4Q0VERjAwMTFFNzk2QzY4RTJBNTg0QUZDOTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENDU0ODhDQkRGMDAxMUU3OTZDNjhFMkE1ODRBRkM5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENDU0ODhDQ0RGMDAxMUU3OTZDNjhFMkE1ODRBRkM5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADwACgMBEQACEQEDEQH/xABdAAEBAQAAAAAAAAAAAAAAAAAAAQgBAQAAAAAAAAAAAAAAAAAAAAAQAAECBAcAAwEAAAAAAAAAAAEAAkEiMmIRIZGxElIDMWGiIxEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyNVIyVjciRsEDDxt6Q0QKpGSsbkSNggYeNvSGiBVIyVjciRsEDDxt6Q0QKpGSsbkSNggYeNvSGiBVIyVjciRsEDDxt6Q0QKpGSsbkSNggYeNvSGiBVIyVjciRsEDDxt6Q0QHUDhRHj88fpBP420/lB//2Q==)}
.homebox03 .public_table tr.thead td {position: relative;padding: 1vw 2vw;color: #fff;line-height: 1.375;font-weight: 700}
.homebox03 .public_table tbody tr.thead td:first-child {color: #fff;}
.homebox03 .public_table  tr.thead td:after {position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: #666;content: ""}
.homebox03 .public_table  tbody tr td {position: static;overflow: hidden;padding: 0.5vw 1vw;color: #595757;line-height: 1.375;border-left: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb}
/* .homebox03 table.public_table  tbody tr td:first-child {color: #231815} */
.homebox03 .public_table  tbody tr td:last-child {border-right: 1px solid #ebebeb}
.homebox03 .public_table  tbody tr td:after, .homebox03 table tbody tr td:last-child:before {display: none!important}
.homebox03 .public_table  tbody tr td ul li {position: relative;padding-top: 5px;padding-left: 15px}
.homebox03 .public_table  tbody tr td ul li:after {position: absolute;top: 14px;left: 0;width: 4px;height: 4px;border-radius: 6px;background: #999;content: ""}
.homebox03 .public_table  tbody tr td a {display: inline-block;margin-top: 0;border-bottom: 1px solid #333;color: #333;text-decoration: none;font-size: 16px;line-height: 1.428}
.homebox03 .public_table  tbody tr td a:hover {border-bottom: 1px solid #999;color: #999}