@charset "utf-8";
@import url("public.css");
@import url("owl.carousel.css");
.fl-left{float:left;}
.fl-right{float:right;}
header{height:2rem;position:relative;background:rgba(255,255,255,.80); }
header div#Header{position:relative;height:2rem;z-index:10;}
header div#Header a.logo{display:block;position:absolute;left:.05rem;top:50%;margin-top:-.9rem;z-index:6;}
header div#Header a.logo img{height:1.7rem;}
header div#Header div.service_phone{font-size:.55rem;color:#1A21BA;font-weight:bold;font-style:italic;position:absolute;height:.8rem;top:50%;margin-top:-.4rem;right:12%;}
header div#Header div.service_phone span{font-size:.3rem; color:#000; font-style:normal;font-weight:normal;}
header div#Header dl#Lang{position:absolute;right:.1rem;top:50%;height:.8rem;margin-top:-.47rem;background:url(../images/group.jpg) left no-repeat;z-index:85;}
header div#Header dl#Lang dt.langs{padding-left:26px;line-height:.8rem;font-size:.38rem;padding-right:15px;background:url(../images/arrow.jpg) right no-repeat; cursor:pointer;font-family:Arial;color:#666;}
header div#Header dl#Lang dd.Langlist{position:absolute;width:100%;background:#eeeeee;padding:0;display:none;}
header div#Header dl#Lang dd.Langlist a{display:block;line-height:.8rem;height:.8rem;font-size:.35rem;text-indent:.9rem;color:#666;}
header div#Header dl#Lang dd.Langlist a.cn{background:url(../images/lan1.jpg) 7px center no-repeat;}
header div#Header dl#Lang dd.Langlist a.en{background:url(../images/lan2.jpg) 7px center no-repeat;}
header div#Header dl#Lang dd.Langlist a:hover{background-color:#e3e3e3;}
header div#Menu{width:100%;position:absolute;top:2rem;left:0;z-index:6;height:1.6rem;background:rgba(255,255,255,.80); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#cdffffff,endcolorstr=#cdffffff);}
header div#Menu.Fix{position:fixed;z-index:10;top:0;}
header div#Menu nav{height:1.6rem;}
header div#Menu nav a.Mobile_btn{display:none;}
div#banner img{max-width:100%;}
div#NavBox{width:90%;height:1.6rem;float:left;}
div#NavBox ul#Nav{width:100%;height:1.6rem;}
div#NavBox ul#Nav li{line-height:1.6rem;float:left;margin:0 22px; position:relative;z-index:3;}
div#NavBox ul#Nav li a{display:block;font-size:.4rem;font-weight:bold;color:#333;padding:0 5px;}
div#NavBox ul#Nav li.line{display:block;height:4px;background:#FE0000;top:1.5rem;left:0;z-index:1;position:absolute;}
header div#Menu.Fix div#NavBox  ul#Nav li div.SonMenu{top:1.6rem;}
div#NavBox ul#Nav li div.SonMenu{top:3.6rem;left:0;width:100%;background:rgba(255,255,255,.9);position:fixed;height:auto;max-height:300px;overflow:hidden;padding:2% 0;z-index:5;height:150px;}
div#NavBox ul#Nav li div.SonMenu div.mw{height:auto;overflow:hidden;}
div#NavBox ul#Nav li div.SonMenu div.mw div.Mimg{width:33%;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav{height:auto;overfow:hidden;width:30%;border-right:1px dotted #333;height:150px;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li{width:50%;margin:0;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a{font-weight:normal;color:#454545;font-size:.35rem;display:block;width:100%;height:.6rem;text-indent:15px;padding:0;position:relative;line-height:28px;height:28px; }
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a:before{display:block;width:10px;height:10px;content:"";background:url(../images/set_ico_new.png) right center no-repeat;position:absolute;left:0;top:50%;margin-top:-5px;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a:hover::before{background-position:0 center;transition: all .35s;}
div#NavBox ul#Nav li div.SonMenu div.mw div.Mcon{width:32%;line-height:.7rem;font-size:.31rem;}
div#NavBox ul#Nav li.Product div.SonMenu{height:auto;overflow:hidden;max-height:none;}
div#NavBox ul#Nav li div.SonMenu div.mw ul{width:100%;height:auto;overflow:hidden;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li{height:auto;overflow:hidden;width:20%;float:left;margin:0;line-height:1rem;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li a{font-size:.4rem;width:90%;padding-right:10%;overflow:hidden;text-overflow:ellipsis;height:1rem;white-space:nowrap;display:block;color:#F00;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li ul li{width:100%;line-height:.6rem;}
div#NavBox ul#Nav li div.SonMenu div.mw ul li ul li a{font-weight:normal;font-size:.32rem;line-height:.6rem;height:.6rem;color:#454545;}
dl#SearchBox{width:40px;height:37px;margin:10px 0;float:right;position:relative;}
dl#SearchBox dd{position:absolute;right:35px;top:2px;height:27px;background:#fff;padding:5px;width:0px;z-index:8;display:none;}
dl#SearchBox dd input.Keys{background:none;border:0;height:27px;line-height:27px;width:100%;}
dl#SearchBox dd input.Keys::-webkit-input-placeholder{color:#666; font-family:"微软雅黑";}
dl#SearchBox dd input.Keys::-moz-placeholder{color:#666;font-family:"微软雅黑";}
dl#SearchBox dd input.Keys:-moz-placeholder{color:#666;font-family:"微软雅黑";}
dl#SearchBox dd input.Keys:-ms-input-placeholder{color:#666;font-family:"微软雅黑";}
dl#SearchBox dt.sbtn{padding:.2rem 0; text-align:right;}
/* banner */
#banner { width: 100%; height:auto; position: relative; z-index: 1; background:#eee; overflow: hidden; margin: 0px auto;}
#banner .tit{ position:absolute; z-index:9; left:50%; top:50%; width:1200px; height:60px; margin-top:0px; margin-left:-600px; text-align:left;font-size:30px; color:#fff; transition:all .35s;}
#banner .path{ position:absolute; z-index:9; left:50%; bottom:0; width:1200px; height:60px; line-height:60px; margin-left:-600px; text-align:left;font-size:14px; color:#888; background:#fff; transition:all .35s;}
#banner .path a{font-size:14px; color:#888; transition:all .35s;}
#banner .path a:first-child{ margin-left:12px;}
#banner .path a:hover{ color:#00ccc2;}
#banner .path>.back{position:absolute; z-index:1; right:25px; top:15px; width:105px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#0061AE; border:1px solid #0061AE; border-radius:30px;}
#banner .path>.back:hover{ border:1px solid #0061AE;}
#banner .swiper-pagination{ bottom:38px;}
#banner .swiper-pagination-bullet {width: 14px;height: 14px;background: #fff; opacity:1;}
#banner .swiper-pagination-bullet-active { background: #0061AE;}
#banner .swiper-slide .phoneimg{ display:none;}

div.Main_1{padding:1rem 0 1.5rem;width:100%;background:#f5f5f5;}
dl#Company dt.tl{font-size:.8rem;line-height:1.5rem;color: #444444;text-align: center;padding:.5rem 0;font-weight: bold;}
dl#Company dd.lcn{width:70%;margin:.3rem auto;line-height:.62rem;font-size:.32rem;color:#666;text-align:center;}
dl#Company dd.Link{height:auto;overflow:hidden;padding-top:.8rem;}
dl#Company dd.Link ul li{width:30%;float:left;margin:0 1.5%;}
dl#Company dd.Link ul li a{display:block;position:relative;overflow:hidden;width:100%;}
dl#Company dd.Link ul li a img{max-width:100%;width:100%;}
dl#Company dd.Link ul li a span{display:block;width:90%;position:absolute;height:90%;padding:5%;background:#6f6f6f;color:#fff;top:70%;left:0;z-index:5;background-image:url(../images/jt01.png);background-repeat:no-repeat;background-position:95% 88%;}
dl#Company dd.Link ul li a span h2{display:block;line-height:.8rem;height:.8rem;font-weight:normal;font-size:.5rem;}
dl#Company dd.Link ul li a span p{display:block;line-height:1rem;font-size:.35rem; white-space:nowrap;width:100%;text-overflow:ellipsis;height:1rem; overflow:hidden;}
dl#Company dd.Link ul li a:hover span{background-color:rgba(26,33,186,.7);top:0;transition: all .35s;}
dl#Company dd.Link ul li a:hover span h2{line-height:1.5rem;height:1.5rem;font-size:.6rem;}
dl#Company dd.Link ul li a:hover span p{ height:auto; white-space:normal;overflow:inherit;line-height:.7rem;}
dl#News {padding:1.2rem .3rem;}
dl#News dt.tl{font-size:.8rem;line-height:1.4rem;color: #444444;text-align:left;padding:.25rem .25rem;font-weight: bold;height:1.4rem;}
dl#News dt.tls{padding:0 .25rem;line-height:.8rem;height:.8rem;font-size:.35rem;color:#7c7c7c;}
dl#News dt.tls a.more{color:#7c7c7c;}
dl#News dd.lcn{padding:.5rem 0;height:auto;overflow:hidden;}
dl#News dd.lcn ul.list{width:100%;height:auto;overflow:hidden;}
dl#News dd.lcn ul.list li.first{float:left;width:42%;height:auto;overflow:hidden;padding:0;}
dl#News dd.lcn ul.list li.first a{width:98%;background:#f1f1f1;position:relative;overflow:hidden;display:block;padding:0;padding-bottom:2rem;height:auto;}
dl#News dd.lcn ul.list li.first a img{max-width:100%;}
dl#News dd.lcn ul.list li.first a span{display:block;height:2rem;background:rgba(0,0,0,0.6);position:absolute;width:100%;bottom:0;left:0;line-height:2rem;color:#fff;font-size:.43rem;}
dl#News dd.lcn ul.list li.first a span font{display:block;width:80%;height:2rem;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-indent:.25rem;}
dl#News dd.lcn ul.list li.first a span i{width:15%;float:right;display:block; text-align:center;font-style:normal;background:#1A21BA;}
dl#News dd.lcn ul.list li.first a:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#News dd.lcn ul.list li{width:27%;padding:1%;float:left;}
dl#News dd.lcn ul.list li a{display:block;width:88%;height:auto;overflow:hidden;padding:6%;}
dl#News dd.lcn ul.list li a:hover{background:#f8f8f8;}
dl#News dd.lcn ul.list li a font.ntl{display:block;line-height:.8rem;height:.8rem;font-size:.42rem;white-space:nowrap;text-overflow:ellipsis;font-weight: bold;overflow:hidden;width:100%;color:#333;}
dl#News dd.lcn ul.list li a span{display:block;color:#666;font-size:.32rem;}
dl#News dd.lcn ul.list li a abbr{display:block;min-height:1.2rem;font-size:.33rem;line-height:.65rem;color:#686868;overflow:hidden;}
div.Main_2{padding:1rem 0;background:url(../images/banner_p3.jpg) top center no-repeat; background-size:auto 100%; height:auto;overflow:hidden;}
dl#NewPro {color:#fff;}
dl#NewPro dt.tl{height:1.4rem;font-size:.8rem;line-height:1.4rem;color: #fff; text-align:center;padding:.25rem .25rem;font-weight: bold;}
dl#NewPro dt.tls{width:58%;margin:1rem auto;text-align:center;padding:.25rem;line-height:.65rem;font-size:.35rem;}
dl#NewPro dd.lcn { overflow: hidden; position: relative;padding-bottom:1rem;  }
dl#NewPro dd.lcn .owl-carousel{height:auto; overflow: hidden; position: relative;z-index:66;width:96%;margin:0 auto;}
dl#NewPro dd.lcn .owl-carousel div a{display:block;position:relative;max-width:100%; background:rgba(255,255,255,.6);height:auto;overflow:hidden;padding-bottom:.8rem;text-align:center;margin:2% auto;border-bottom:2px solid #1A21BA;}
dl#NewPro dd.lcn .owl-carousel div a span.img{display:block;padding:0.5rem;text-align:center;}
dl#NewPro dd.lcn .owl-carousel div a span.img img{width:100%; display:block; margin:0 auto;}
dl#NewPro dd.lcn .owl-carousel div a strong{display:block;height:1rem;font-size:.5rem;line-height:1rem;width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;margin-bottom:.35rem;}
dl#NewPro dd.lcn .owl-carousel div a abbr{display:block;line-height:.6rem;font-size:.32rem;width:90%;margin:0 auto;height:1.8rem;color:#666;}
dl#NewPro dd.lcn .owl-carousel div a span.Pimg{position:absolute;display:block;top:100%;left:0; padding:0.5rem; background:#fff;z-index:6; text-align:center;}
dl#NewPro dd.lcn .owl-carousel div a:hover span.Pimg{top:0;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
dl#NewPro dd.lcn .owl-carousel div a:hover span.Pimg img{width:100%; margin:0 auto;}
dl#NewPro dd.lcn .owl-controls .owl-prev,dl#NewPro dd.lcn .owl-controls .owl-next{width:31px;height:47px;position:absolute;top:50%;margin-top:-23px;z-index:6; cursor:pointer; opacity:.6;  line-height:150px;overflow:hidden; }
dl#NewPro dd.lcn .owl-controls .owl-next{background:url(../images/ico.png) left 0px no-repeat;left:0;}
dl#NewPro dd.lcn .owl-controls .owl-prev{background:url(../images/ico.png) right -47px no-repeat;right:0px;}
dl#NewPro dd.lcn .owl-controls .owl-next:hover,dl#NewPro dd.lcn .owl-controls .owl-prev:hover{ opacity:1;}
dl#NewPro dd.lcn .owl-carousel div a:hover{background-color:#fff;}

div.Main_3{padding:1rem 0 0;background-color:#fff;}
dl#Case {padding:1rem .3rem;height:auto;overflow:hidden;}
dl#Case dt.tl{font-size:.8rem;line-height:1.4rem;color: #444444;text-align:left;padding:.25rem .25rem;font-weight: bold;height:1.4rem;}
dl#Case dt.tls{padding:0 .25rem;line-height:.8rem;height:.8rem;font-size:.35rem;color:#7c7c7c;}
dl#Case dt.tls a.more{color:#7c7c7c;}
div#Cdetail{position:relative;height:auto;overflow:hidden;}
div#Cdetail div.owl-stage-outer div{width:100%;position:relative;background:#f5f5f5;height:auto;overflow:hidden;float:left;}
div#Cdetail div.owl-stage-outer div a.img{width:50%;display:block;float:left;overflow:hidden;}
div#Cdetail div.owl-stage-outer div a.img img{max-width:100%;height:9rem;}
div#Cdetail div.owl-stage-outer div a.txt{display:block;width:44%;padding:3%;float:right;}
div#Cdetail div.owl-stage-outer div a.txt h2{display:block;line-height:1rem;height:1rem;font-weight:normal;font-size:.6rem;color:#333;}
div#Cdetail div.owl-stage-outer div a.txt p{display:block;padding:.25rem 0;line-height:.65rem;font-size:.35rem;color:#666;}
div#Cdetail div.owl-stage-outer div a.img:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
div#Cdetail .owl-controls .owl-prev,div#Cdetail .owl-controls .owl-next{width:32px;height:60px;position:absolute;top:64%; z-index:6; cursor:pointer; opacity:.6;  line-height:150px;overflow:hidden; }
div#Cdetail .owl-controls .owl-next{background:url(../images/p4_leftjt.png)  no-repeat;right:45%;}
div#Cdetail .owl-controls .owl-prev{background:url(../images/p4_rightjt.png)   no-repeat;right:40%;}
div#Cdetail .owl-controls .owl-next:hover,div#Cdetail .owl-controls .owl-prev:hover{ opacity:1;}
footer{background:#313437;padding-top:0.3rem;height:auto;overflow:hidden;}
footer div#Footer{color:#fff;height:auto;overflow:hidden;padding:.5rem;}
footer div#Footer div.Contact{width:28%;line-height:.7rem;font-size:.32rem;}
footer div#Footer div.Contact font.Ltl{display:block;line-height:1rem;height:1rem;font-size:.4rem;}
footer div#Footer div.ewm{width:9%; color:#fff;}
footer div#Footer div.ewm h3{display:block;line-height:1rem; float:left; height:1rem;font-size:.4rem;}
footer div#Footer div.ewm img{display:block;width:100%; float:left;}
footer div#Footer div.ewm p{width:100%; padding:3px 0 0 0; text-align:center; color:#fff; font-size:12px!important; float:left;}
footer div#Footer div.Contact a{color:#fff;}
ul#Fnav{width:60%;height:auto;overflow:hidden;}
ul#Fnav li{float:left;width:20%;}
ul#Fnav li.fnan_last{float:left;width:10%;}
ul#Fnav li a{color:#fff;font-size:.38rem;line-height:.8rem;height:.8rem;}
ul#Fnav li ul li{width:100%;}
ul#Fnav li ul li a{font-size:.3rem;line-height:.7rem;height:.7rem;}
footer div.copyright{background:#0047bb;line-height:1.5rem;height:1.5rem;color:#fff;font-size:.32rem; text-align:center;}
footer div.copyright p.copy_left{width:70%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:20%; float:right;}
footer div.copyright a{color:#fff;}
footer div#Footer .share {padding-bottom: 38px;}
footer div#Footer .share i{display: inline-block;font-size: 28px;color: #cbcccd;margin-left: 1px;}
div#Banners{height:300px;width:100%;background-position:top center;background-repeat:no-repeat;}
div#Main{padding:1rem .15rem;height:auto;overflow:hidden;clear:both;}
div#Main .lianxi{width:100%; float:left; text-align:left;}
div#Main .lianxi img{width:100%; float:left; display:block;}
dl#Companys dt.tl{font-size:1rem;line-height:1.2rem;color: #444444;text-align: center;padding:1rem 0 0;font-weight:normal;}
dl#Companys dd.lcn{width:58%;margin:.5rem auto 1rem;line-height:.62rem;font-size:.38rem;color:#787878;text-align:center;}
dl#Companys dd.About,dl#Companys dd.Abouts{height:auto;overflow:hidden;position:relative;}
dl#Companys dd.About div.txt{width:42%;padding:5% 4%;float:left;background:#F0F0F0;position:absolute;height:92%;}
dl#Companys dd.About div.txt font{display:block;line-height:1rem;height:1.2rem;font-size:.65rem;}
dl#Companys dd.About div.txt p{color:#787878;font-size:.35rem;}
dl#Companys dd.About a.img{display:block;width:50%;float:right;overflow:hidden;}
dl#Companys dd.About a.img img{max-width:100%;}
dl#Companys dd.About a.img:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#Companys dd.Abouts ul.Pics{width:50%;float:left;}
dl#Companys dd.Abouts ul.Pics li{width:100%;}
dl#Companys dd.Abouts ul.Pics li a{display:block;overflow:hidden;}
dl#Companys dd.Abouts ul.Pics li a img{max-width:100%;}
dl#Companys dd.Abouts ul.Pics li a:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#Companys dd.Abouts ul.Txts{position:absolute;width:50%;height:100%;right:0;}
dl#Companys dd.Abouts ul.Txts li{position:absolute;left:0;width:100%;height:50%;}
dl#Companys dd.Abouts ul.Txts li:nth-child(2){top:50%;}
dl#Companys dd.Abouts ul.Txts li i{display:block;width:.5rem;height:.5rem;position:absolute;margin-top:-.25rem;top:50%;left:-.25rem;-webkit-transform:rotate(45deg);transform: rotate(45deg);}
dl#Companys dd.Abouts ul.Txts li a{position:absolute;width:80%;height:90%;padding:5% 10%;overflow:hidden;display:block;}
dl#Companys dd.Abouts ul.Txts li a font{display:block;line-height:1.2rem;font-size:.65rem; margin-top:0;}
dl#Companys dd.Abouts ul.Txts li a p{font-size:.32rem;}
dl#Companys dd.Abouts ul.Txts li:hover,dl#Companys dd.Abouts ul.Txts li.on{background-color:#b25534;}
dl#Companys dd.Abouts ul.Txts li:hover a,dl#Companys dd.Abouts ul.Txts li.on a{color:#fff;}
dl#Companys dd.Abouts ul.Txts li:hover i,dl#Companys dd.Abouts ul.Txts li.on i{background:#b25534;}
dl#Companys dd.Links{padding:.5rem 0;height:auto;overflow:hidden;}
dl#Companys dd.Links a{width:33.3%;float:left; text-align:center;padding-bottom:.15rem;}
dl#Companys dd.Links a span.img{display:block;width:100%;overflow:hidden;}
dl#Companys dd.Links a span.img img{max-width:100%;}
dl#Companys dd.Links a:hover span.img img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#Companys dd.Links a font{display:block;line-height:1rem;height:1rem;font-size:.55rem;padding:.5rem 0;}
dl#Companys dd.Links a:hover {background:#b25534;color:#fff;}
dl#Companys dd.Links a span.more{position:relative;height:1rem;width:100%;display:block;font-size:.35rem;color:#787878;}
dl#Companys dd.Links a span.more i{display:block;width:30%;border-top:1px solid #ccc;position:absolute;top:.3rem;line-height:1rem;left:5%;}
dl#Companys dd.Links a span.more i:nth-child(2){left:auto;right:5%;}
dl#Companys dd.Links a:hover span.more{color:#fff;}
div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:150px;color:#fff;}
div#Banners div.mw h1{line-height:2rem;line-height:2rem;font-size:1rem;font-weight:normal;}
div#Banners div.mw span {font-size:.35rem;}
div#Banners div.mw span a{color:#fff;padding:0 .1rem;}
div.MenuNav{height:auto;overflow:hidden;line-height:2rem; background:url(../images/line.jpg) 0px 2.03rem repeat-x;}
div.MenuNav ul#Mnav{line-height:2rem;height:auto;overflow:hidden;}
div.MenuNav ul#Mnav li{padding:0 .8rem;float:left;}
div.MenuNav ul#Mnav li a{display:block;font-size:.38rem;color:#333;height:2rem;margin-top:0rem;border-bottom:3px solid #fff;line-height:2rem;padding-bottom:3px;}
div.MenuNav ul#Mnav li a:hover,div.MenuNav ul#Mnav li a.cur{border-bottom:3px solid #FE0000;padding:0;}
ul#Profile{height:auto;overflow:hidden;padding:.25rem 0;}
ul#Profile li{width:21%;float:left;padding:0 2%; text-align:center;}
ul#Profile li div.Txt{color: #1A21BA;}
ul#Profile li div.Txt strong{padding:0 .4rem;font-size:1.7rem;line-height:2.2rem;height:2.2rem;}
ul#Profile li div.Txt em{font-style:normal;font-size:.4rem;font-weight:bold;}
ul#Profile li p.count-text{display:block;font-size:.45rem;font-weight:bold;color:#888;}
div.CompInfo{padding:0px .5rem;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompLeft{padding:0px .5rem; width:40%; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem;font-size:.42rem;color:#666; width:56%; float:right;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
div.CompView{height:auto;overflow:hidden;margin-bottom:.5rem;}
div.CompView img{max-width:100%;}
div.CompView div.CompImg{width: 47.9%;float:left;overflow:hidden;}
div.CompView div.CompPeo,div.CompView div.CompWork{width:52.1%;float:left;overflow:hidden;position:relative;}
div.CompView div.CompImg:hover img,div.CompView div.CompPeo:hover img,div.CompView div.CompWork:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{background:rgba(228,21,64,0.9);width:40%;padding:5%;height:90%;position:absolute;top:0;color:#fff;}
div.CompView div.CompPeo div.Txts{right:0;}
div.CompView div.CompWork div.Txts{left:0;}
div.CompView strong{display:block;line-height:1.5rem;height:1.5rem;font-size:.55rem;text-align:center;font-weight:normal;}
div.CompView p{font-size:.32rem;}
dl#SYnews,dl#IndNews{padding:.8rem .2rem;}
dl#SYnews dt.tl,dl#IndNews dt.tl{padding:.5rem 0; text-align:center;}
dl#SYnews dt.tl h1,dl#IndNews dt.tl h1{font-size:.8rem;line-height:1.5rem;height:1.5rem;font-weight:normal;}
dl#SYnews dt.tl p,dl#IndNews dt.tl p{font-sizE:.38rem;color:#666;}
dl#SYnews dd.Lcn,dl#IndNews dd.Lcn{padding:.5rem 0;height:auto;overflow:hidden;}
dl#SYnews dd.Lcn div.bd{width:46%;float:left;}
dl#SYnews dd.Lcn div.bd a{display:block;overflow:hidden;width:100%;}
dl#SYnews dd.Lcn div.bd a img{max-width:100%;}
dl#SYnews dd.Lcn div.bd a:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
dl#SYnews dd.Lcn div.hd{height:auto;overflow:hidden;float:right;width:52%;}
dl#SYnews dd.Lcn div.hd ul,dl#SYnews dd.Lcn div.hd ul li{width:100%;height:auto;overflow:hidden;}
dl#SYnews dd.Lcn div.hd ul li{padding-bottom:.4rem;}
dl#SYnews dd.Lcn div.hd ul li a{display:block;padding:.7rem 5%;width:90%;background-color: #f4f4f4;height:auto;overflow:hidden;}
dl#SYnews dd.Lcn div.hd ul li a span.time{float:left;display:block;padding-left:.65rem;text-align:right;font-size:.8rem;line-height:1rem;color:#c8c8c8;font-weight:normal;}
dl#SYnews dd.Lcn div.hd ul li a span.time p{display:block;font-size:.5rem;line-height:.8rem;height:.8rem;}
dl#SYnews dd.Lcn div.hd ul li a div.Txt{width:72%;float:right;}
dl#SYnews dd.Lcn div.hd ul li a div.Txt strong{display:block;overflow:hidden;white-space:nowrap;line-height:.8rem;height:.8rem;width:100%;font-weight:normal;font-size:.4rem;color:#333;overflow:ellipsis;}
dl#SYnews dd.Lcn div.hd ul li a div.Txt abbr{display:block;line-height:.5rem;font-size:.32rem;overflow:hidden;height:1rem;color:#888;}
dl#SYnews dd.Lcn div.hd ul li a:hover span.time{color:#1A21BA;}
dl#SYnews dd.Lcn div.hd ul li a:hover div.Txt strong{font-weight:bold;}
dl#SYnews dd.Lcn div.hd ul li a:hover { background-color:#ececec;}
a.Video{display:block;width:100%;height:9.5rem;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;position:relative; text-align:center;}
a.Video:hover{background-size:auto 110%;transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s ease-in-out;-o-transition:All 0.5s ease-in-out; }
a.Video span.Play{width:1.5rem;height:1.5rem;display:inline-block;background:url(../images/play.png) no-repeat;background-size:100% auto;top:50%;margin-top:-.3rem;position:absolute;}
dl#IndNews dd.Lcn ul.nlist{width:100%;height:auto;overflow:hidden;}
dl#IndNews dd.Lcn ul.nlist li{padding:.25rem 1%;width:31%;float:left;}
dl#IndNews dd.Lcn ul.nlist li a{display:block;width:90%;padding:5%;}
dl#IndNews dd.Lcn ul.nlist li a strong{display:block;line-height:1rem;font-size:.45rem;color:#333;height:1rem;width:100%; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
dl#IndNews dd.Lcn ul.nlist li a span.time{display:block;line-height:.65rem;color:#999;font-size:.32rem;}
dl#IndNews dd.Lcn ul.nlist li a abbr{display:block;font-size:.32rem;line-height:.55rem;color:#888;}
dl#IndNews dd.Lcn ul.nlist li a:hover{ background-color:#f6f6f6;}
div.NewsLink{position:relative;width:100%;height:auto;overflow:hidden;}
div.NewsLink div{width:50%;height:6.7rem;position:relative;background-repeat:no-repeat;background-size:auto 110%;background-position:center center;overflow:hidden;float:left;}
div.NewsLink div  a{position:absolute;width:90.5%;height:90%;color:#fff;display:block;font-size:.5rem;padding:5%; text-align:center;top:0;left:0;z-index:5;}
div.NewsLink div a span{display:block;border:1px solid #fff;height:5rem;line-height:5rem;width:100%;display:none;font-weight:normal;}
div.NewsLink div a:hover{background:rgba(0,0,0,.5);}
div.NewsLink div a:hover span{display:block;}
div#Jobs{width:100%;height:auto;overflow:hidden;background:#f8f8f8;}
div#Jobs a.col_1{width:50%;float:left;display:block;position:relative;overflow:hidden;}
div#Jobs a.col_1 img{width:100%;}
div#Jobs a.col_1:hover img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
div#Jobs a.col_1 span{display:block;width:70%;padding:15%;height:70%;position:absolute;top:0;left:0;background-color: rgba(9,69,189,0.6);color:#fff;}
div#Jobs a.col_1 span h2{font-size:1rem;line-height:2rem;height:2rem; font-weight:normal;}
div#Jobs a.col_1 span p{font-size:.6rem;}
div#Jobs a.col_2,div#Jobs a.col_3{float:left;width:21%;padding:2%;background-color: #60AE91;height:4rem;color:#Fff;}
div#Jobs a.col_3{background-color:#B25534;}
div#Jobs a.col_2 h2,div#Jobs a.col_3 h2{display:block;line-height:2rem;height:2rem;font-size:.6rem;font-weight:normal;}
div#Jobs a.col_2 p,div#Jobs a.col_3 p{font-size:.35rem;}
div.Col_4{width:46%;padding:2%;float:right;}
div.Col_4 h2{display:block;line-height:.8rem;height:.8rem;font-size:.6rem;font-weight:normal;float:left;}
div.Col_4 a.more{float:right;font-size:.35rem;color:#666;}
div.Col_4 ul#jList{width:100%;clear:both;height:auto;overflow:hidden;padding:.5rem 0;}
div.Col_4 ul#jList li{height:auto;overflow:hidden;width:100%;border-bottom:1px dashed #ccc;}
div.Col_4 ul#jList li a{display:block;width:100%;height:auto;overflow:hidden;height:1.2rem;line-height:1.2rem;}
div.Col_4 ul#jList li a span{display:block;float:left;width:33%;font-size:.4rem;}
div.Col_4 ul#jList li a span.time{text-align:right;}
div#Main img{max-width:100%;}
div#Main{font-size:.35rem;}
h2._TechTl{display:block;height:2.5rem;line-height:2.5rem;text-align:center;font-size:.75rem;}

.wrap{width:1200px; position:relative; z-index:0; margin:0 auto;}
.c1_left{text-align:left;color:#666; font-size:14px; padding-bottom:10px; float:left;}
.l{text-align:left; float:left;}
.index_oq_case { /*display: block; padding: 25px 0px;*/ margin-bottom: 20px;}
.in_oq_case_main { display: block; margin-top:0; overflow:hidden}
.in_oq_case_main ul {  position: relative; }
.in_oq_case_main ul{margin:0 -20px}
.in_oq_case_main ul li { width:260px; margin:0 20px; display: block; float: left; text-align: center; }
.in_oq_case_main ul li p {overflow: hidden; }
.in_oq_case_main ul li p img {width: 100%; height:260px; display:block; transition: .9s; }
.in_oq_case_main ul li span { padding:10px 0px; display: block; transition: .9s; }
.footer_info_img { display: block; width: 100%; margin-bottom: 10px; }
.footer_info_img h5 { display: block; margin-bottom: 10px; font-size: 20px; color: #fff; font-weight: 300; }
.footer_info_img img { width: 100%; }
.footer_info { width: 100%; padding: 0 10px; border: 0px; }
.in_oq_case_main ul li span a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333; }
.in_oq_case_main ul li:hover img { transform: scale(1.08); }
.in_oq_case_main ul li:hover span { background:#1A21BA; }
.in_oq_case_main ul li:hover span a { color: #fff; }
.index_oq_case ._font02 .t1 {
    padding:30px 0 20px 0;
    font-size: 30px;
    color: #444444;
}
.clear{clear:both;}

.friendship_link{padding:0px 0 20px 0;}
.friendship_link .link_list {line-height:40px}
.friendship_link .tit{ font-size:15px; color:#000; float: left;margin-right: 10px;}
.friendship_link .link_list a{ font-size:14px; color:#666; padding-right: 20px;}
.friendship_link .link_list a:hover{text-decoration:none;color:#000;}

#page{ width:100%; max-width:1200px; margin:0px auto; padding:40px 0;font-size:14px; color:#999; text-align:center;}
#page a{display:inline-block; padding:4px 15px; margin:0 5px; border:1px solid #999; border-radius:10%; color:#333;}
#page select{display:inline-block; padding:5px 15px; margin:0 5px; border:1px solid #999; border-radius:10%; color:#333;}
#page label{display:inline-block; padding:5px 15px 5px 0; margin:0 5px; color:#333;}
#page a:hover, #page .A{color:#fff;border:1px solid #1A21BA; background-color:#1A21BA;}

#feedback form dl dt, #volunteer form dl dd{
	padding: 8px 0px;
}
#feedback {
	width: 1200px;
	margin: 0px auto;
	text-align: left;
}
#feedback .img {
	float: left;
	width: 500px;
	text-align: left;
}
#feedback .container {
	width: 640px;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#checksn{float:left;}
#checkimg{cursor:pointer;}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#network {
	position: relative;
	width:1200px;
	margin: 0px auto;
	padding:0 0 20px 0;
	text-align: left;
}
#network .text {
	font-size: 14px;
	color: #999;
	padding:0px 0 30px 0;
	border-bottom: 1px dotted #eee;
}
#network .text p{
	line-height:200%;
	padding:0;
}
#network .maps {
	padding-top: 50px;
	width: 800px;
	height: 600px;
	margin: 0px auto;
}
#network .logo {
	position: absolute;
	left:660px;
	top:320px;
}

#case {
	width:1200px;
	margin: 0px auto;
	text-align: left;
}
#case .img {
	margin: 0px auto;
	padding-bottom: 30px;
}
#case .container {
	border: 1px solid #eee;
	margin: 0px auto 30px auto;
	transition: all .35s;
}
#case .type {
	color:#333;
	font-size: 16px;
	font-weight: bold;
	padding: 30px 20px 0px 20px;
	margin: 0px auto;
	text-align: left;
}
#case .type img {
	margin-left: 5px;
}
#case .list {
	margin: 0px auto;
	padding: 10px 20px 30px 20px;
}
#case .list .name {
	display: block;
	float: left;
	width: 33%;
	padding: 5px 0px;
	text-align: left;
	font-size: 14px;
	color:#333;
}
#case .container:hover {
	background: #f5f5f5;
}

#volunteer {
	width: 1140px;
	margin: 0px auto;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	text-align: left;
}
#volunteer .container {
	width: 720px;
	float: right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

#product{ width:100%; max-width:1200px; margin:0 auto; padding-bottom:50px; text-align:left;}
#product>.prolist{ width:24%; text-align:left; padding-bottom:100px; transition:all .35s;}
#product>.prolist>.container{ padding:0;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#1A21BA;}
#product>.prolist>.container>ul>li>div .A{color:#1A21BA; font-weight:bold;}
#product>.container{ width:76%; padding:0; text-align:left; transition:all .35s;}
#product>.container .noData{ padding:20px 50px;}
#product>.container .list{ margin:0px auto;}
#product>.container .list>a{position:relative;display:block; float:left; width:33%; height:350px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:30px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#1A21BA;}

.biaoti{width:96%; float:right; color:#000; font-size:18px; line-height:180%; text-align:center;}
.neirong{width:96%; float:right; color:#000; font-size:16px; line-height:180%; text-align:left;}
.neirong img{max-width:100%; display:block;margin:0 auto;}
.prev_next{width:96%; float:left; margin-top:15px; padding:10px 0; background-color:#eee; text-align:center;}
.prev_next a{color:#000; display:inline-block; font-size:14px; padding:5px 20px;}
.prev_next a:hover{color:#1A21BA;}

.kongj{clear:both;height:64px;}
.kong2{clear:both;height:15px;}
#title{width:100%; max-width:1200px; padding:0px 0px 10px 0px; margin:0 auto; font-size:30px; font-weight:bold; color:#444; text-align:left;}
#title>span{ color:#1A21BA; font-size:28px;}

.chanpin{width:100%; float:left;}
.chanpin > h1{width:100%; float:left; font-size:18px; color:#000; padding:0 0 15px 0; text-align:center;}
.chanpin > h1 a{display:inline-block; padding:7px 25px; font-weight:normal; border:solid 1px #ddd; border-radius:10px; float:right; color:#333; font-size:14px;}
.chanpin .shuom{color:#000; width:100%; float:left; font-szie:16px; line-height:180%; text-align:left;}
.chanpin .shuom p{color:#000; width:100%; float:left; font-szie:16px; line-height:200%!important;}
.chanpin .shuom span{color:#000; width:100%; float:left; font-szie:16px; display:block; line-height:200%!important;}
.chanpin .shuom img{max-width:100%!important;}

@media only screen and (max-width: 1024px) {
.kong2{clear:both;height:0px;}
header div#Header{z-index:2;}
header div#Header a.logo{margin-top:0;}
header div#Header a.logo img{height:1.5rem;} 
header div#Header div.service_phone{right:15%;display:none;}
header div#Menu{top:.2rem;}
header div#Menu div#NavBox{width:100%;left:-100%;top:0;position:fixed;z-index:99;height:100%;-webkit-transition: none .4s ease;transition: none .4s ease;-webkit-transition-property: top,right,bottom,left,border;transition-property: top,right,bottom,left,border;}
header div#Menu div#NavBox div.Tempbox{position:absolute;width:52%;right:0;height:100%;}
header div#Menu nav{position:relative;}
header div#Menu dl#SearchBox{width:1rem;height:1rem;margin:.3rem 0;margin-right:1.85rem;}
header div#Menu dl#SearchBox dd{display:block;width:200px;}
header div#Menu nav a.Mobile_btn{display:block;position:absolute;top:50%;height:25px;margin-top:-12px;right:.45rem;}
header div#Menu div#NavBox ul#Nav{width:48%; position:absolute;height:94%;padding:3% 0;background:#3a3a3a; opacity:1;z-index:80;box-shadow:0 0 15px rgba(0,0,0,.0);}
header div#Menu div#NavBox ul#Nav li{width:100%;line-height:1.1rem;padding:0;margin:0;border-bottom:1px solid #333;}
header div#Menu div#NavBox ul#Nav li span.mm-subclose{float:right;height:1.1rem;width:11.8%;border-left:1px solid #333; cursor:pointer; position:relative; z-index:1;}
header div#Menu div#NavBox ul#Nav li span.mm-subclose:before{display:block;content:"";width:.2rem;height:.2rem;border-top:2px solid #929292;border-right:2px solid #929292;-webkit-transform:rotate(45deg);transform: rotate(45deg);position:absolute;left:50%;margin-left:-.2rem;margin-top:-.1rem;top:50%;}
header div#Menu div#NavBox ul#Nav li a{width:80%;padding:0;float:left; text-indent:.6rem;color:#ababab;font-weight:normal;border-bottom:1px solid #333;line-height:1.1rem;height:1.1rem;font-size:.45rem;}
div#NavBox ul#Nav li div.SonMenu div.mw div.Mimg{display:none;}
div#NavBox ul#Nav li div.SonMenu div.mw div.Mcon{display:none;}
div#NavBox ul#Nav li div.SonMenu{position:fixed;left:0;top:0;padding:0;height:100%;background:#3a3a3a;width:48%;max-height:none;box-shadow:0 0 15px rgba(0,0,0,.5);overflow:hidden;}
div#NavBox ul#Nav li.Product div.SonMenu{height:100%;}
div#NavBox ul#Nav li div.SonMenu div.mw{position:absolute;width:100%;height:100%;padding:0;left:0;top:0;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav {float:none;width:100%;position:absolute;height:100%;padding:0;left:100%;top:0;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li{width:100%;padding:0;float:none;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a:before{display:none;}
header div#Menu div#NavBox ul#Nav div.SonMenu div.mw li.back_btn{padding-top:.6rem;background:#000;color:#ccc;line-height:1.1rem;height:1.1rem;font-size:.45rem; cursor:pointer; text-indent:.8rem;}
header div#Menu div#NavBox ul#Nav div.SonMenu div.mw li.back_btn:before{display:block;content:"";width:.2rem;height:.2rem;border-bottom:2px solid #ccc;border-left:2px solid #ccc;-transform:rotate(45deg);
transform: rotate(45deg);position:absolute;left:.4rem;top:1.05rem;}
div#NavBox ul#Nav li.Product div.SonMenu div.mw ul {width:100%;position:absolute;height:100%;padding:0;left:100%;top:0;background:#3a3a3a; z-index:6;}
div#NavBox ul#Nav li.Product div.SonMenu div.mw ul li{position:static;}
header div#Menu div#NavBox ul#Nav li.Product div.SonMenu div.mw ul li.parent ul li a{width:100%;}

div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}
#banner { margin-top:0px;overflow:inherit;}
#banner .tit{ width:93.75%; margin-left:-45%; font-size:20px;}
#banner .path{ width:93.75%; height:40px; line-height:40px; margin-left:-46.8%; text-align:left;font-size:12px;}
#banner .swiper-slide img{max-width:100%; height:auto;}
	
dl#Company dd.lcn{width:80%;}
dl#Company dd.Link ul li a span h2{line-height:.7rem;height:.7rem;font-size:.45rem;}
dl#Company dd.Link ul li a span p{line-height:.8rem;font-size:.3rem;}
dl#Company dd.Link ul li a:hover span p{ line-height:.6rem;height:1.8rem;overflow:hidden;}
dl#News dd.lcn ul.list li.first{width:100%;}
dl#News dd.lcn ul.list li.first a{width:100%;}
dl#News dd.lcn ul.list li{width:49%;padding-left:0;}
div#Cdetail div.owl-stage-outer div a.img img{height:8rem;}
div#Cdetail div.owl-stage-outer div a.txt h2{line-height:.75rem;height:.75rem;font-size:.52rem;}
div#Cdetail div.owl-stage-outer div a.txt p{padding:.25rem 0;line-height:.5rem;font-size:.25rem;}
footer {padding-top:1rem;}
footer div#Footer ul#Fnav{display:none;}
footer div#Footer div.Contact{width:100%;}
footer div#Footer div.ewm{display:none;}
dl#Companys dd.Abouts ul.Txts li a{width:90%;height:96%;padding:2% 5%;overflow:hidden;display:block;}
dl#Companys dd.Abouts ul.Txts li a font{display:block;line-height:1.2rem;font-size:.55rem; margin-top:0;}
dl#Companys dd.Abouts ul.Txts li a p{font-size:.3rem;line-height:.5rem;height:1rem;overflow:hidden;}
div.CompView strong{line-height:1rem;height:1rem;font-size:.55rem;}
div.CompView p{font-size:.35rem;line-height:.6rem;}
dl#SYnews dd.Lcn div.hd ul li a span.time{padding-left:.3rem;font-size:.7rem;line-height:1rem;}
dl#SYnews dd.Lcn div.hd ul li a span.time p{font-size:.45rem;line-height:.7rem;height:.7rem;}
a.Video{height:8rem;background-size:auto 100%;}
a.Video:hover{background-size:auto 110%;}
div.NewsLink div{height:6rem;background-size:auto 100%;}
div.NewsLink div a span{display:block;border:1px solid #fff;height:4.5rem;line-height:4.5rem;width:100%;display:none;}
div#Jobs a.col_1 span h2{font-size:.8rem;line-height:1.5rem;height:1.5rem;}
div#Jobs a.col_1 span p{font-size:.5rem;}
div#Jobs a.col_2,div#Jobs a.col_3{height:3.5rem;}
div#Jobs a.col_2 h2,div#Jobs a.col_3 h2{line-height:1.5rem;height:1.5rem;font-size:.5rem;}
div#Jobs a.col_2 p,div#Jobs a.col_3 p{font-size:.32rem;}

#feedback {
	width:92%;
	float:left;
	margin:0px 4%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:92%;
	margin:0px 4%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}
.kongj{clear:both;height:20px;}

#title{ width:93.75%;}
footer div.copyright{background:#0047bb; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:100%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:100%; float:left;}
footer div.copyright a{color:#fff;}
#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:33%; float:left;}

#product{ width:100%; max-width:100%; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{ padding:0;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#1A21BA;}
#product>.prolist>.container>ul>li>div .A{color:#1A21BA; font-weight:bold;}
#product>.container{width:100%; padding:0; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:310px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:30px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#1A21BA;}

}

@media only screen and (max-width: 850px) {
	.kong2{clear:both;height:0px;}
	header{height:auto;overflow:hidden;}
	header div#Header a.logo{margin-top:0;}
	header div#Header a.logo img{height:1rem;}
	header div#Header div.service_phone{display:none;}
	header div#Header a.logo{margin-top:0;}
	header div#Header dl#Lang{margin-top:-.9rem;display:none;} 
	header div#Header dl#Lang dd.Langlist a{height:1rem;line-height:1rem;font-size:.35rem;}
	header div#Menu{top:.2rem;position:static;}
	header div#Menu dl#SearchBox {width:96%;padding:.1rem 2%;margin-right:0;}
	header div#Menu dl#SearchBox dd{background:#efefef;position:static;width:80%;float:left;line-height:.65rem;height:.65rem;}
	header div#Menu dl#SearchBox dd input.Keys{width:100%;line-height:.65rem;height:.65rem;font-size:.3rem;}
	header div#Menu dl#SearchBox dt.sbtn{float:left; margin-left:.5rem;}
	header div#Menu dl#SearchBox dt.sbtn input[type=image]{height:.65rem;}
	header div#Menu nav a.Mobile_btn{display:block;position:absolute;top:0;height:.55rem;margin-top:-.95rem;right:.45rem;z-index:995;}
	header div#Menu nav a.Mobile_btn img{height:.55rem;}
	header div#Menu div#NavBox ul#Nav{width:50%;}
	header div#Menu div#NavBox div.Tempbox{width:50%;}
	header div#Menu div#NavBox ul#Nav li{line-height:1.2rem;}
    header div#Menu div#NavBox ul#Nav li span.mm-subclose{height:1.2rem;width:1rem;}
    header div#Menu div#NavBox ul#Nav li span.mm-subclose:before{margin-top:-.15rem;}
	header div#Menu div#NavBox ul#Nav li a{font-size:.4rem;line-height:1.2rem;height:1.2rem;}
	div#NavBox ul#Nav li div.SonMenu{left:0;width:50%;}
	header div#Menu div#NavBox ul#Nav div.SonMenu div.mw li.back_btn{line-height:1.2rem;height:1.2rem;}
	header div#Menu div#NavBox ul#Nav div.SonMenu div.mw li.back_btn:before{top:1.1rem;}

	div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}

	dl#Company dd.lcn{width:90%;}
	dl#Company dd.Link ul li a span h2{line-height:1.1rem;height:1.1rem;font-size:.45rem;}
	dl#News dd.lcn ul.list li{width:100%;padding-left:0;padding-right:0}
	dl#News dd.lcn ul.list li a{padding:2%;width:96%;}
	dl#News dd.lcn ul.list li a abbr{font-size:.35rem;}
	dl#NewPro dt.tls{width:68%}
	div#Cdetail div.owl-stage-outer div a.img img{height:6rem;}
	div#Cdetail div.owl-stage-outer div a.txt p{padding:.25rem 0;line-height:.6rem;font-size:.32rem;}
	div#Cdetail .owl-controls .owl-next{right:40%;}
	div#Cdetail .owl-controls .owl-prev{right:32%;}
	footer div#Footer .ewm{display:none;}

	div#Banners{height:200px;width:100%;background-position:top center;background-repeat:no-repeat;}
	div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:80px;color:#fff;}
	div#Banners div.mw h1{line-height:1.8rem;height:1.8rem;}
	div#Banners div.mw span a{color:#fff;}
	dl#Companys dd.lcn{width:90%;font-size:.34rem;}
	dl#Companys dd.About div.txt{width:42%;padding:5% 4%;float:left;background:#F0F0F0;position:relative;height:auto;}
	dl#Companys dd.Abouts ul.Txts {position:relative;float:right;}
	dl#Companys dd.Abouts ul.Txts li{position:relative;}
	dl#Companys dd.Abouts ul.Txts li a{position:relative;height:auto;overflow:hidden;padding-bottom:.5rem;}
	dl#Companys dd.Abouts ul.Txts li:nth-child(2){top:inherit;}
	dl#Companys dd.Abouts ul.Txts li a p{font-size:.3rem;line-height:.5rem;height:auto;overflow:inherit;}
	dl#Companys dd.Links a font{line-height:.8rem;height:.8rem;font-size:.5rem;padding:.45rem 0;}
	dl#Companys dd.Links a span.more i{width:20%;}
	ul#Profile li{width:40%;padding:0 5%;}
	div.MenuNav{border:0;line-height:1.5rem;background:none;}
    div.MenuNav ul#Mnav{line-height:1.5rem;}
	div.MenuNav ul#Mnav li{padding:0 .5rem;float:left;height:1.5rem;width:26%;margin:.25rem 0;}
	div.MenuNav ul#Mnav li a{font-size:.6rem;line-height:1.5rem;height:1.5rem;float:left;}
    div.MenuNav ul#Mnav li a:hover,div.MenuNav ul#Mnav li a.cur{border-bottom:2px solid #1A21BA;line-height:1.5rem;height:1.5rem;}
	div.CompView div.CompImg,div.CompView div.CompImg img{width:100%;}
	div.CompView div.CompPeo,div.CompView div.CompWork,div.CompView div.CompPeo img,div.CompView div.CompWork img{width:100%;}
	div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:3% 5%;height:94%;}
	div.CompView strong{line-height:1.3rem;height:1.3rem;font-size:.6rem;}
	div.CompView p{font-size:.38rem;line-height:.75rem;}
	dl#SYnews dd.Lcn div.hd ul li a{padding:.5rem 3%;width:94%;}
	dl#SYnews dd.Lcn div.hd ul li a span.time{padding-left:.3rem;font-size:.6rem;line-height:.8rem;}
    dl#SYnews dd.Lcn div.hd ul li a span.time p{font-size:.4rem;line-height:.6rem;height:.6rem;}
	dl#SYnews dd.Lcn div.hd ul li a div.Txt{width:68%;}
	dl#SYnews dd.Lcn div.hd ul li a div.Txt strong{line-height:.7rem;height:.7rem;font-size:.4rem;}
    dl#SYnews dd.Lcn div.hd ul li a div.Txt abbr{line-height:.5rem;font-size:.3rem;height:.9rem;} 
	div#Jobs a.col_1 span h2{font-size:.75rem;line-height:1.2rem;height:1.2rem;}
	div#Jobs a.col_1 span p{font-size:.45rem;}
	div#Jobs a.col_2,div#Jobs a.col_3{height:3rem;}
	div#Jobs a.col_2 h2,div#Jobs a.col_3 h2{line-height:1rem;height:1rem;font-size:.45rem;}
	div#Jobs a.col_2 p,div#Jobs a.col_3 p{font-size:.3rem;line-height:.55rem;}
	div.Col_4 ul#jList li a{height:1.1rem;line-height:1.1rem;}
	div.Col_4 ul#jList li a span{width:33%;font-size:.35rem;}
	
#banner { margin-top:0px;}
#banner .tit{ height:30px; margin-top:-10px; font-size:16px;}
#banner .path{ bottom:-40px;}
#banner .swiper-slide .pcimg{display:none;}
#banner .swiper-slide .phoneimg{display:block;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet {width: 10px;height: 10px;}
	
#feedback {
	width:94%;
	float:left;
	margin:0px 3%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:94%;
	margin:0px 3%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

.kongj{clear:both;height:0px;}
#title{ font-size:24px;}
.chanpin > h1 a{display:none;}
footer div.copyright{background:#0047bb; width:100%; float:left; height:auto; line-height:normal; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:98%; margin-left:2%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:98%; margin-left:2%; padding-top:.32rem; float:left;}
footer div.copyright a{color:#fff;}
footer div.copyright a.beian{margin-top:0px; float:left; margin-right:10px;}
div.CompInfo{padding:0;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompLeft{padding:0; width:100%; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem; margin-top:.5rem; font-size:.42rem;color:#666; width:100%; float:left;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:50%; float:left;}

#product{ width:100%; max-width:100%; float:left; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; float:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{padding:0;width:100%;float:left;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;float:left;}
#product>.prolist>.container>ul>li{ display:block; width:100%; float:left; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#1A21BA;}
#product>.prolist>.container>ul>li>div .A{color:#1A21BA; font-weight:bold;}
#product>.container{width:100%; float:left; padding:0; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:280px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{width:100%; height:auto;}
#product>.container .list>a>.name{padding:20px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#1A21BA;}

}

@media only screen and (max-width:640px){
	.kong2{clear:both;height:0px;}
	header div#Header div.service_phone{display:none;}
	header div#Header a.logo{left:.5rem;top:.5rem;z-index:6;}
	header div#Header a.logo img{height:1.5rem;}
	header div#Menu{top:.2rem;}
	div#Banners{height:200px;width:100%;background-position:top center;background-repeat:no-repeat;}
	div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:80px;color:#fff;}
	div#Banners div.mw span a{color:#fff;}
	div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}
	
	dl#Company dd.lcn{width:96%;line-height:.8rem;font-size:.55rem;}
	dl#Company dd.Link ul li a span{display:block;width:92%;position:absolute;height:92%;padding:4%;background:#6f6f6f;color:#fff;top:70%;left:0;z-index:5;}
	dl#Company dd.Link ul li a img{max-width:none;width:100%;}
	dl#Company dd.Link ul li{width:98%;float:left;margin:1%;} 
	dl#Company dd.Link ul li a span h2{font-size:.55rem;}
	dl#Company dd.Link ul li a span p{font-size:.5rem;line-height:1.2rem;}
	dl#NewPro dt.tls{width:85%;font-size:.4rem;line-height:.8rem;}
	dl#NewPro dd.lcn .owl-carousel div a{max-width:80%;}
	dl#NewPro dd.lcn .owl-carousel div a abbr{font-size:.4rem;}
	dl#News dd.lcn ul.list li a font.ntl{font-size:.55rem;}
	dl#News dd.lcn ul.list li a abbr{font-size:.45rem;line-height:.8rem;}
	dl#Case dt.tls span.fl{font-size:.4rem;}
	div#Cdetail div.owl-stage-outer div a.img{width:100%;}
    div#Cdetail div.owl-stage-outer div a.txt{width:94%;padding:4% 3%;}
	div#Cdetail div.owl-stage-outer div a.img img{max-width:100%; position:relative;margin:0; }
	div#Cdetail div.owl-stage-outer div a.txt h2 {font-size:.65rem;}
	div#Cdetail div.owl-stage-outer  div a.txt p{line-height:.9rem;font-size:.4rem;}
	div#Cdetail .owl-controls .owl-prev,div#Cdetail .owl-controls .owl-next{top:50%;}
	div#Cdetail .owl-controls .owl-next{right:20%;}
	div#Cdetail .owl-controls .owl-prev{right:10%;}
	footer div#Footer div.Contact{font-size:.42rem;line-height:.92rem;}
	dl#Companys dd.Links a{width:100%;}
	dl#Companys dd.Links a span.img img{width:100%;max-width:none;}
	div.CompView div.CompImg,div.CompView div.CompImg img{width:100%;}
	div.CompView div.CompPeo,div.CompView div.CompWork{width:100%;}
	div.CompView div.CompPeo div.Txts,div.CompView div.CompWork div.Txts{width:40%;padding:3% 5%;height:94%;}
	div.CompView strong{line-height:1.3rem;height:1.3rem;font-size:.6rem;}
	div.CompView p{font-size:.38rem;line-height:.75rem;}
	div.layui-layer {width:90% !important;height:4rem;}
	div.NewsLink{height:auto;overflow:hidden;}
	div.NewsLink div{width:100%;}
	div#Jobs a.col_1{width:100%;}
	div#Jobs a.col_1 span h2{font-size:.8rem;line-height:1.5rem;height:1.5rem;}
	div#Jobs a.col_1 span p{font-size:.5rem;}
	div#Jobs a.col_2,div#Jobs a.col_3{width:46%;}
	div.Col_4{width:96%;}
	
#feedback {
	width:94%;
	float:left;
	margin:0px 3%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:94%;
	margin:0px 3%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

#prolist{ width:93.75%; display:block;padding:20px 0; margin:10px auto 0 auto;}
#prolist>.wap{ display:block; height:40px; line-height:40px; background:#1A21BA; box-shadow:0 2px 2px rgba(0,0,0,.1) inset;}
#prolist>.wap>.tit{ font-size:14px; color:#fff; padding:0 5%;}
#prolist>.wap>.btn{ width:50px; height:40px; border-left:1px solid rgba(0,0,0,.1);}
#prolist>.wap>.btn img{ height:21px; width:auto;}
#prolist>.wap>.A{ background:#777;}
#prolist>ul{ display:none;}
#prolist>ul>li{ width:100%; text-align:left; background:#1A21BA; border-top:1px solid #fff;}
/* #prolist>ul>li:first-of-type{ border-top:0 !important;} */
#prolist>ul>li>a{ display:block; color:#fff; padding:15px 5%; font-size:14px; background:url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%;}
#prolist>ul>li.A>a{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#prolist>ul>li>a:hover{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}

.kongj{clear:both;height:0px;}
#title{padding:10px 0 20px 0; font-size:20px;}
.chanpin > h1 a{display:none;}
footer div.copyright{background:#0047bb; width:100%; float:left; height:auto; line-height:normal; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:98%; margin-left:2%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:98%; margin-left:2%; padding-top:.32rem; float:left;}
footer div.copyright a{color:#fff;}
footer div.copyright a.beian{margin-top:0px; float:left; margin-right:10px;}
div.CompInfo{padding:0;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompLeft{padding:0; width:100%; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem; margin-top:.5rem; font-size:.42rem;color:#666; width:100%; float:left;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:50%; float:left;}

#product{ width:100%; max-width:100%; float:left; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{ padding:0; width:100%; float:left;}
#product>.prolist>.container>ul{ width:100%; margin:0; float:left; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; float:left; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#1A21BA;}
#product>.prolist>.container>ul>li>div .A{color:#1A21BA; font-weight:bold;}
#product>.container{width:100%; padding:0; float:left; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:220px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:5px 10px 10px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#1A21BA;}

/* banner */
#banner { margin-top:0px;}
#banner .tit{ height:30px; margin-top:-10px; font-size:16px;}
#banner .path{ bottom:-40px;}
#banner .swiper-slide .pcimg{display:none;}
#banner .swiper-slide .phoneimg{display:block;}
#banner .swiper-pagination{ bottom:10px;}
#banner .swiper-pagination-bullet {width: 10px;height: 10px;}

}

@media only screen and (max-width:420px){
header div#Header div.service_phone{display:none;}
header div#Header a.logo{left:.5rem;top:.5rem;z-index:6;}
header div#Header a.logo img{height:1.5rem;}
header div#Menu{top:.2rem;}
div#Banners{height:150px;width:100%;background-position:top center;background-repeat:no-repeat;}
div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:50px;color:#fff;}
div#Banners div.mw span a{color:#fff;}
div.Main_1{padding:0rem 0 1.5rem;width:100%;background:#f5f5f5;}

#feedback {
	width:94%;
	float:left;
	margin:0px 3%;
	text-align: left;
	background-color:#fff;
}
#feedback .img {
	display:none;
	float:left;
	width:90%;
	text-align: left;
}
#feedback .container {
	width:100%;
	float: right;
	text-align: left;
}
#feedback .text {
	font-size: 12px;
	line-height: 20px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#feedback .text strong {
	display: block;
	padding: 10px 0px;
	font-size: 14px;
	color: #555;
}
#feedback form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#feedback form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#feedback form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}
#feedback form dl dt, #feedback form dl dd {
	padding: 8px 0px;
}
#feedback form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#feedback form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#feedback form dl input, #feedback form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#feedback form dl input {
	width: 45%;
	height: 30px;
}
#feedback form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#feedback form dl #checksn {
	width: 10%;
}
#feedback form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#feedback form dl .button input:hover {
	background:#333;
}

#volunteer {
	width:94%;
	margin:0px 3%;
	float:left;
	text-align: left;
}
#volunteer .img {
	float: left;
	width: 350px;
	display:none;
	text-align: left;
}
#volunteer .container {
	width:100%;
	float:right;
	text-align: left;
}
#volunteer .text {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0px;
	color: #999;
	border-bottom: 1px dotted #ddd;
}
#volunteer .text span {
	display: inline-block;
	font-size: 14px;
	color: #ed0000;
}
#volunteer form {
	margin: 0px auto;
	padding: 20px 0px;
	text-align: left;
}
#volunteer form dl {
	width: 100%;
	text-align: left;
	padding: 0px;
}
#volunteer form dl dt {
	width: 90px;
	font-size: 14px;
	line-height: 30px;
	color: #666;
	text-align: left;
}

#volunteer form dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#volunteer form dl dd {
	padding-left: 90px;
	margin-top: -40px;
}
#volunteer form dl dd select {
	width: auto;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	color: #666;
	padding: 5px 20px;
	border: 1px solid #ddd;
	cursor: pointer;
	margin-right: 10px;
}
#volunteer form dl input, #volunteer form dl textarea {
	padding: 5px 20px;
	border: 1px solid #ddd;
	color: #888;
	font-size: 14px;
	font-family:"微软雅黑", "Microsoft YaHei", Arial, "Arial Narrow";
	margin-right: 20px;
}
#volunteer form dl input {
	width: 45%;
	height: 30px;
}
#volunteer form dl textarea {
	width: 96%;
	height: 120px;
	overflow: auto;
	padding: 20px 2%;
}
#volunteer form dl #checksn {
	width: 10%;
}
#volunteer form dl .button input {
	width: auto;
	height: 45px;
	line-height: 45px;
	border: none;
	color: #fff;
	padding: 0px 35px;
	cursor: pointer;
	font-weight: bold;
	background:#1A21BA;
	font-family:"Microsoft YaHei","黑体","宋体",Arial,"Arial Narrow";
	font-size: 16px;
	margin: 15px auto;
}
#volunteer form dl .button input:hover {
	background:#333;
}

#prolist{ width:93.75%; display:block;padding:20px 0; margin:10px auto 0 auto;}
#prolist>.wap{ display:block; height:40px; line-height:40px; background:#1A21BA; box-shadow:0 2px 2px rgba(0,0,0,.1) inset;}
#prolist>.wap>.tit{ font-size:14px; color:#fff; padding:0 5%;}
#prolist>.wap>.btn{ width:50px; height:40px; border-left:1px solid rgba(0,0,0,.1);}
#prolist>.wap>.btn img{ height:21px; width:auto;}
#prolist>.wap>.A{ background:#777;}
#prolist>ul{ display:none;}
#prolist>ul>li{ width:100%; text-align:left; background:#1A21BA; border-top:1px solid #fff;}
/* #prolist>ul>li:first-of-type{ border-top:0 !important;} */
#prolist>ul>li>a{ display:block; color:#fff; padding:15px 5%; font-size:14px; background:url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%;}
#prolist>ul>li.A>a{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#prolist>ul>li>a:hover{background:#333 url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
.kongj{clear:both;height:0px;}
#title{padding:10px 0 20px 0; font-size:20px;}
.chanpin > h1 a{display:none;}
footer div.copyright{background:#0047bb; width:100%; float:left; height:auto; line-height:normal; padding:.32rem 0; color:#fff;font-size:.32rem; text-align:left;}
footer div.copyright p.copy_left{width:98%; margin-left:2%; text-align:left; float:left;}
footer div.copyright p.copy_right{width:98%; margin-left:2%; padding-top:.32rem; float:left;}
footer div.copyright a{color:#fff;}
footer div.copyright a.beian{margin-top:0px; float:left; margin-right:10px;}
div.CompInfo{padding:0;line-height:.75rem;font-size:.42rem;color:#666;}
div.CompLeft{padding:0; width:100%; float:left;}
div.CompLeft img{max-width:100%; display:block; margin:0 auto;}
div.CompRight{line-height:.75rem; margin-top:.5rem; font-size:.42rem;color:#666; width:100%; float:left;}
div.CompRight img{max-width:100%; display:block; margin:0 auto;}
#network{width:96%; margin:0 2%; flaot:left;}
#network .maps{display:none;}
#network .logo{display:none;}
#network .text{width:100%!important; float:left!important; text-align:left!important;}
#network .text p{width:100%!important; float:left!important; text-align:left!important;}
#case{width:100%; text-align:left; float:left;}
#case .img{width:100%; float:left;}
#case .img img{width:100%; display:block; float:left;}
#case .list .name{width:50%; float:left;}

#product{ width:100%; max-width:100%; float:left; margin:0; padding-bottom:30px; text-align:left;}
#product>.prolist{width:100%; text-align:left; padding-bottom:20px; transition:all .35s;}
#product>.prolist>.container{ padding:0;}
#product>.prolist>.container>ul{ width:100%; margin:0 auto; padding:0;}
#product>.prolist>.container>ul>li{ display:block; width:100%; text-align:left; margin-top:-1px;}
#product>.prolist>.container>ul>li>a{ position:relative; display:block; border:1px solid #eee; height:60px; line-height:60px; padding:0 10px; background:#fff url("../images/navpart-arrow-down.png") no-repeat; background-position:95% 50%; font-size:18px; color:#444; margin:0px auto; text-align:left; }
#product>.prolist>.container>ul>li.A>a{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>a:hover{ border:1px solid #1A21BA; background:#1A21BA url("../images/navpart-arrow-up.png") no-repeat; background-position:95% 50%; color:#fff;}
#product>.prolist>.container>ul>li>div{display:none; padding:7px 15px; border-left:1px solid #eee; border-right:1px solid #eee; margin:0px auto; background:#f5f5f5;}
#product>.prolist>.container>ul>li>div a{display:block;padding:5px 0;font-size:14px; color:#444; transition:all .35s;}
#product>.prolist>.container>ul>li>div a:hover{color:#1A21BA;}
#product>.prolist>.container>ul>li>div .A{color:#1A21BA; font-weight:bold;}
#product>.container{width:100%; float:left; padding:0; margin-top:15px; text-align:left; transition:all .35s;}
#product>.container .noData{padding:20px 50px;}
#product>.container .list{margin:0px;}
#product>.container .list>a{position:relative;display:block; float:left; width:48%; height:200px; overflow:hidden;border:1px solid #eee; margin-top:-1px; margin-left:-1px; text-align:center; overflow:hidden; transition:all .35s;}
#product>.container .list>a>.img{ display:block; width:94%; height:auto; margin:0 auto;display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
#product>.container .list>a>.img img{ width:100%; height:auto;}
#product>.container .list>a>.name{ padding:5px 10px 10px 10px; text-align:center; font-size:15px; color:#444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.container .list>a:hover .name{color:#1A21BA;}
.kong2{clear:both;height:0px;}

/* banner */
#banner .tit, #banner .path{ display:none;}

}