@import url("/en/css/public.css");
@import url("/en/css/owl.carousel.css");
header{height:2.5rem;position:relative;}
header div#Header{position:relative;height:2.5rem;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:2rem;}
header div#Header div.service_phone{font-size:.55rem;color:#e6002f; font-style:italic;position:absolute;height:.8rem;top:50%;margin-top:-.4rem;right:12%;}
header div#Header div.service_phone span{font-size:.3rem;font-style:normal;}
header div#Header dl#Lang{position:absolute;right:.1rem;top:50%;height:.8rem;margin-top:-.47rem;background:url(/en/index/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(/en/index/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(/en/index/lan1.jpg) 7px center no-repeat;}
header div#Header dl#Lang dd.Langlist a.en{background:url(/en/index/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:2.5rem;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:#e75826;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:100%;margin:0;}
div#NavBox ul#Nav li div.SonMenu div.mw ul.sonNav li a{font-weight:normal;color:#454545;font-size:.32rem;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(/en/index/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:.65rem;font-size:.35rem;}
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:33.3%;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{height:2.8rem; overflow:auto;}
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;}
dl#SearchBox dd input.Keys::-moz-placeholder{color:#666;}
dl#SearchBox dd input.Keys:-moz-placeholder{color:#666;}
dl#SearchBox dd input.Keys:-ms-input-placeholder{color:#666;}
dl#SearchBox dt.sbtn{padding:.2rem 0; text-align:right;}
/* banner */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;overflow:hidden; -webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
#banner{clear:both;margin-top:0; position:relative;}
#banner .swiper-slide{float:left;background:#fff;position:relative;}
#banner img{display:block;margin:0 auto;width:100%;}
.swiper-container,.swiper-wrapper,#banner .swiper-slide,#banner img{max-height:600px;height:auto !important;}
#banner .pagination {position:absolute;width:100%;text-align:center;left:0;bottom:16px;}
#banner .swiper-pagination-switch{display:inline-block;width:.3rem;height:.3rem;background:#fff;margin:0 .11rem;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
#banner .swiper-visible-switch,#banner .swiper-active-switch{background:none;border:1px solid #fff;}
dl#NewPro{padding:1rem 0;}
dl#NewPro dt.tl{height:2.2rem;line-height:2.2rem;text-align:center;font-size:1rem;color:#454545;}
dl#NewPro dt.Plus{padding:.6rem 0;text-align:center;font-size:.35rem;line-height:.6rem;color:#666;}
dl#NewPro dd.Carousel-inner{position:relative;}
ul#Portab{width:100%; text-align:center;height:auto;}
ul#Portab li{display:inline-block;padding:.3rem;margin:.08rem;}
ul#Portab li a._ptl{display:block;padding:.35rem .4rem;font-size:.4rem;border:1px solid #e8e8e8;color:#333;}
ul#Portab li a._ptl.on{color:#fff;background-color:#EC001B;}
ul#Portab li div.pro-Carousel{width:100%;height:9rem;}
ul#Portab li div.pro-Carousel div.owl-carousel{position:absolute;width:100%;left:0;top:3.5rem;display:block;}
ul#Portab li div.pro-Carousel div.owl-carousel div{ text-align:center;}
ul#Portab li div.pro-Carousel div.owl-carousel div img{max-width:100%;}
ul#Portab li div.pro-Carousel div.owl-carousel div a span.img{display:block;height:5.2rem;overflow:hidden;}
ul#Portab li div.pro-Carousel div.owl-carousel div a span.els{line-height:.6rem;font-size:.38rem;width:98%;padding:.2rem 1%;display:block;}
ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls{display:block;}
ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.owl-prev,ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.owl-next{display:block;position:absolute;top:50%;margin-top:-.6rem;height:1.4rem;width:1.1rem;z-index:55;background-size:auto 100%;line-height:3rem;overflow:hidden;}
ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.owl-prev{background:url(/en/index/p4_leftjt.png) left no-repeat;left:-1rem;}
ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.owl-next{background:url(/en/index/p4_rightjt.png) left no-repeat;right:-1rem;}
ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.disabled,ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.disabled{display:none;}
div.Hcase{background-color: #F5F5F5;width:100%;padding:1rem 0;height:auto;overflow:hidden;}
dl#CaseShow dt.tl{height:2rem;line-height:2rem;text-align:center;font-size:1rem;color:#454545;}
dl#CaseShow dt.Plus{padding:.6rem 0 1.2rem;text-align:center;font-size:.35rem;line-height:.6rem;color:#666;width:47%;margin:0 auto;}
dl#CaseShow dd.lcn{height:auto;width:100%;overflow:hidden;position:relative;margin-bottom:.5rem;}
dl#CaseShow dd.lcn a{display:block;text-align:center;position:relative;overflow:hidden;}
dl#CaseShow dd.lcn a div.txt{position:absolute;width:90%;padding:5%;height:90%;background:#e6002f;top:100%;left:0;color:#fff;}
dl#CaseShow dd.lcn a div.txt span{display:block;line-height:.5rem;font-size:.35rem; margin-top:22%;}
dl#CaseShow dd.lcn a div.txt i.icon{display:block;width:1rem;height:1rem;margin:.3rem auto;background:url(/en/index/index_en10.png) center no-repeat;}
dl#CaseShow dd.lcn a:hover div.txt{top:0;transition: all 0.5s ease-in-out;}
dl#CaseShow dd.lcn a img{max-width:100%;}
dl#CaseShow dd.lcn a.col-1{width:50%;}
dl#CaseShow dd.lcn a.col-2,dl#CaseShow dd.lcn a.col-3,dl#CaseShow dd.lcn a.col-4,dl#CaseShow dd.lcn a.col-5{position:absolute;width:25%;height:50%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
dl#CaseShow dd.lcn a.col-2{right:25%;top:0;}
dl#CaseShow dd.lcn a.col-3{right:0;top:0;}
dl#CaseShow dd.lcn a.col-4{right:25%;top:50%;}
dl#CaseShow dd.lcn a.col-5{right:0;top:50%;}
dl#News{padding:1rem 0;}
dl#News dt.tl{height:1.2rem;line-height:1.2rem;text-align:center;font-size:1rem;color:#454545;padding-top:.5rem;}
dl#News dt.Plus{padding:.6rem 0 1.2rem;text-align:center;font-size:.35rem;line-height:.6rem;color:#666;width:47%;margin:0 auto;}
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:40%;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:0rem;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:2.1rem;background:rgba(0,0,0,0.6);position:absolute;width:100%;bottom:0;left:0;line-height:2.1rem;color:#fff;}
dl#News dd.lcn ul.list li.first a span font{display:block;width:72%;line-height:.65rem;float:left;overflow:hidden;font-size:.43rem;padding:.3rem .25rem;}
dl#News dd.lcn ul.list li.first a span i{width:20%;float:right;display:block; text-align:center;font-style:normal;background:#e6002f;font-size:.5rem;}
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:0 1%;float:left;}
dl#News dd.lcn ul.list li a{display:block;width:88%;height:auto;overflow:hidden;padding:6%;height:3.4rem;}
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:.55rem;font-size:.35rem;font-weight: bold;width:100%;color:#333;max-height:2rem;}
dl#News dd.lcn ul.list li a span{display:block;color:#666;font-size:.32rem;}
div.CompLink{background:url(/en/index/index_en11.png) top center no-repeat;height:auto;padding:2.5rem 0;overflow:hidden;}
div.CompLink ul li{width:25%;float:left; text-align:center;}
div.CompLink ul li a{display:inline-block;}
div.CompLink ul li a span.Name{ text-align:center;width:2rem;margin:.5rem auto;display:block;line-height:.65rem;font-size:.5rem;color:#fff;}
div.CompLink ul li a span.img{position:relative;display:block;width:2.2rem;height:2.2rem;padding:1rem;overflow:hidden;}
div.CompLink ul li a span.img span.ico{display:block;}
div.CompLink ul li a span.img i._circle{position:absolute;width:100%;height:100%;background:url(/en/index/index_en12.png) no-repeat;background-size:100% 100%;top:0;left:0;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;}
div.CompLink ul li a span.ico img{max-width:100%;}
div.CompLink ul li a:hover span.img i._circle{transform:rotate(360deg);-webkit-transform: rotate(360deg);background:url(/en/index/index_en13.png) no-repeat;background-size:100% 100%;opacity:1;ransition: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;}
footer{background:#313437;padding-top:1.5rem;height:auto;overflow:hidden;}
footer div#Footer{color:#fff;height:auto;overflow:hidden;padding:.5rem;}
footer div#Footer div.Contact{width:35%;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:240px;color:#fff;}
footer div#Footer div.Contact a{color:#fff;}
ul#Fnav{width:40%;height:auto;overflow:hidden;}
ul#Fnav li{float:left;width:33%;}
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 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#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;}
div#Banners{height:9rem;width:100%;background-position:top center;background-repeat:no-repeat;}
div#Banners div.mw{height:3rem;position:relative;padding:.25rem;padding-top:5.5rem;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#Main{padding:1rem .15rem;height:auto;overflow:hidden;clear:both;}
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:80%;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:92%;padding:4% 10%;overflow:hidden;display:block;}
dl#Companys dd.Abouts ul.Txts li a font{display:block;line-height:1rem;font-size:.65rem; margin-top:0;}
dl#Companys dd.Abouts ul.Txts li a p{font-size:.32rem;line-height:.45rem;height:2rem;overflow:hidden;}
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:5.5rem;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(/en/index/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 #e75826;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: #e6002f;}
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:1.25rem .5rem;line-height:.75rem;font-size:.42rem;color:#666;}
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:.6rem;font-size:.42rem;text-align:center;font-weight:normal;}
div.CompView p{font-size:.32rem;line-height:.5rem;}
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:#e6002f;}
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(/en/index/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;}

@media only screen and (max-width: 1024px) {
header div#Header{z-index:2;}
header div#Header a.logo{margin-top:-.75rem;}
header div#Header a.logo img{height:1.5rem;} 
header div#Header div.service_phone{right:15%;}
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,.5);}
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%;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%;}
#banner .swiper-slide a{display:block;width:100%;position:relative;overflow:hidden;height:10rem;}
#banner .swiper-slide a img{ position:absolute;width:32rem;max-width:32rem;margin-left:-4rem;}
ul#Portab li{display:inline-block;padding:.15rem;margin:0rem;}
ul#Portab li a._ptl{display:block;padding:.3rem .25rem;font-size:.4rem;border:1px solid #e8e8e8;color:#333;}
ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.owl-prev{left:0;}
ul#Portab li div.pro-Carousel div.owl-carousel .owl-controls div.owl-next{right:0;}
dl#CaseShow dt.Plus{width:70%;}
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;}
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;}
}
@media only screen and (max-width: 850px) {
header{height:auto;overflow:hidden;}
header div#Header a.logo{margin-top:-.5rem;}
header div#Header a.logo img{height:1rem;}
header div#Header div.service_phone{right:auto;top:.5rem;left:.05rem;font-size:.5rem;}
header div#Header a.logo{margin-top:.05rem;}
header div#Header dl#Lang{margin-top:-.9rem;} 
header div#Header dl#Lang dd.Langlist a{height:1rem;line-height:1rem;font-size:.35rem;}
header div#Menu {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;}
#banner .swiper-slide a{height:6.9rem; text-align:center;}
#banner .swiper-slide a img{ position:absolute;width:25rem;max-width:25rem;margin-left:-2.5rem;}
ul#Portab li{display:inline-block;padding:.1rem;margin:0rem;}
ul#Portab li a._ptl{display:block;padding:.1rem .15rem;font-size:.32rem;border:1px solid #e8e8e8;color:#333;}
ul#Portab li div.pro-Carousel div.owl-carousel{top:1.5rem;}
ul#Portab li div.pro-Carousel div.owl-carousel div a span.img{height:auto;}
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;}
div.CompLink ul li a span.img{position:relative;display:block;width:1.5rem;height:1.5rem;padding:.8rem;}
footer div#Footer .ewm{display:none;}
div#Banners{background:none !important;height:auto;}
div#Banners div.mw{padding:.25rem;color:#333;}
div#Banners div.mw h1{line-height:1.8rem;height:1.8rem;}
div#Banners div.mw span a{color:#333;}
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 #e6002f;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;} 
}
@media only screen and (max-width:800px){
#banner .swiper-slide a{height:6.2rem; text-align:center;}
#banner .swiper-slide a img{ position:absolute;width:22rem;max-width:22rem;margin-left:-2.8rem;}
ul#Portab li div.pro-Carousel div.owl-carousel div a span.els{font-size:.5rem;line-height:.75rem;padding:.25rem 0;} 
dl#NewPro dt.Plus{width:85%;font-size:.42rem;margin:0 auto;}
ul#Portab li{padding:.2rem;width:100%;}
ul#Portab li a._ptl{font-size:.5rem;display:inline-block;margin:.5rem atuo;padding:.28rem .4rem;}
ul#Portab li a._ptl.on{background:none;color:#333;}
ul#Portab li div.pro-Carousel div.owl-carousel{position:relative;width:100%;left:auto;top:auto;display:block;height:auto;overflow:hidden;}
ul#Portab li div.pro-Carousel{height:auto;overflow:hidden;width:100%; display:block !important;}
dl#CaseShow dt.Plus{width:85%;font-size:.42rem;}
dl#CaseShow dd.lcn a div.txt span{font-size:.52rem;line-height:.65rem;margin-top:25%;padding:.2rem 0;}
dl#CaseShow dd.lcn a.col-1{width:100%;}
dl#CaseShow dd.lcn a.col-1 img{width:100%;}
dl#CaseShow dd.lcn a.col-2,dl#CaseShow dd.lcn a.col-3,dl#CaseShow dd.lcn a.col-4,dl#CaseShow dd.lcn a.col-5{position:relative;width:50%;height:7.5rem;float:left;right:auto;right:auto;overflow:hidden;backgrouns-size:100% auto;} 
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%;}
}