@import url("public.css");
@import url("aos.css");
@import url("swiper.min.css");
header{background:#fff;border-bottom:1px solid #f4f4f4;position:relative;z-index:90;}
div.HeadFix{display:none;height:3.1rem;}
div.HeadTopView{width:100%;border-bottom: 1px solid #EAEAEA;}
div.HeadTopView div.WelLine{line-height:.85rem;height:auto;overflow:hidden;}
div.HeadTopView div.WelLine div.Welcome{color:#8e8e8e;} 
div.HeadTopView div.WelLine div.HeadLink{line-height:1rem;height:auto;overflow:hidden;}
div.HeadTopView div.WelLine div.HeadLink a{display:inline-block;padding:0 .5rem;border-right:1px solid #eaeaea;}
div.HeadTopView div.WelLine div.HeadLink a.lang_cn{border-left:1px solid #eaeaea;}
div.HeadTopView div.WelLine div.HeadLink a:hover{background-color:#f8f8f8;}
div#Header{height:auto;overflow:hidden;}
div#Header a.logo{display:block;float:left;position:relative;padding:.3rem 0;}
div#Header a.logo img{max-height:1.55rem;}
header div#Header a.Mobile_MenuBtn,menu nav a.Mobile_CloseBtn{display:none;}
menu nav{padding:.14rem 0;width:100%;height:auto;overflow:hidden;}
menu nav ul#Nav li{float:left;padding:0 .5rem;}
menu nav ul#Nav li.last{background:none;}
menu nav ul#Nav li a{display:block;line-height:1.9rem;font-size:.38rem;color:#666;}
menu nav ul#Nav li a:hover{color:#015f67;}
div#banner{height:auto;overflow:hidden;position:relative;}
.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;width:100%;}
.swiper-wrapper{position:relative;width:100%;}
#banner{clear:both;margin-top:0; position:relative;width:100%;height:auto;overflow:hidden; text-align:center;}
#banner .swiper-slide img{max-width:100%;margin:0 auto;}
#banner .swiper-slide a.phoneimg{display:none;}
#banner .swiper-container .pagination {position:absolute;width:100%;left:0;bottom:5%;z-index:10;}
#banner .swiper-container .pagination div.pageArrow{text-align:right;}
#banner .swiper-container .pagination .swiper-pagination-bullet{display:inline-block;width:.25rem;height:.25rem;background:#fff;margin:0 .08rem;cursor:pointer;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; opacity:.68;}
#banner .swiper-container .pagination .swiper-pagination-bullet-active{background:#ed1b23;}
.swiper-button-next, .swiper-button-prev {position:absolute;top:50%;background-repeat:no-repeat;width:1.2rem;height:1.2rem; margin-top:-.6rem; z-index:15; cursor:pointer;background-size:auto 100%;display:none;}
.swiper-button-prev{background-image:url(../index/prev.png);left:2%; }
.swiper-button-next{background-image:url(../index/next.png);right:2%; }
section#Abouts{position:relative;z-index:685;border:1px solid #e9e9e9;height:auto;border-top:0;height:208px; margin-bottom:.5rem;}
section#Abouts div.AboutTls{width:50%;height:2rem;border-radius:0 2rem 0 0; padding:0 2.5%;position:absolute;top:-2rem;background:rgba(0,0,0,.45);color:#fff;line-height:2rem;font-size:.5rem; font-weight:bold;}
section#Abouts div.AboutTls a{color:#fff;}
section#Abouts div.AboutTls a:hover span.icon-About,dl#CaseDisdiy dt.tl a:hover span.icon-Pro{margin-left:.15rem;transition:all 0.5s ease; -moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
section#Abouts div.AboutTls span.icon-About{display:inline-block;width:.5rem;height:.5rem;margin:0 .25rem;background:url(../index/Aboutico.png) no-repeat;background-size:100% auto;vertical-align:middle;}
section#Abouts div.AboutIntro{padding:1.5% 2.5% 1rem;float:left;background:#efefef;color:#666;width:50%;line-height:.64rem;font-size:.32rem;position:relative;height:auto;overflow:hidden;}
section#Abouts div.AboutIntro div.AboutInfo{height:150px;overflow:hidden;}
section#Abouts div.AboutIntro span.Aico{display:inline-block;width:1rem;height:1rem;bottom:0;right:0;position:absolute;background:url(../index/arrow.png) no-repeat;background-size:100% auto;}
section#Abouts div.AboutRight{width:45%;height:auto;overflow:hidden;}
section#Abouts div.AboutRight div.AboutPic{position:relative;float:left;width:40%;height:208px;overflow:hidden;}
section#Abouts div.AboutRight div.AboutPic a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#015f67;background-image:url(../index/kf.jpg);background-position:center right;background-repeat:no-repeat;background-size:auto 100%;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
section#Abouts div.AboutRight div.AboutPic a:hover{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
section#Abouts div.AboutRight div.NewsView {width:54%;height:auto;padding:.4rem .35rem;color:#666;}
ul.Nlists{display:block;width:100%;height:auto;overflow:hidden;}
ul.Nlists li{line-height:.83rem;height:.83rem;border-bottom:1px dotted #e9e9e9;}
ul.Nlists li a{display:block;width:100%;height:.83rem;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;font-size:.32rem; text-indent:.35rem;background:url(../index/inon.jpg) left no-repeat;}
section#ProView{width:100%;padding:1.5rem 0;background:#f8f8f8;display:block;height:auto;}
dl#NewPro dt.tl,dl#CaseDisdiy dt.tl{line-height:1rem;height:auto;font-size:.5rem;padding-left:.15rem;overflow:hidden;}
dl#NewPro dt.tl p,dl#CaseDisdiy dt.tl p{font-size:.35rem;color:#999;}
dl#NewPro dt.tl span.icon-Pro,dl#CaseDisdiy dt.tl span.icon-Pro{display:inline-block;width:.5rem;height:.5rem;margin:0 .25rem;background:url(../index/icoPro.png) no-repeat;background-size:100% auto;vertical-align:middle;}
dl#NewPro dt.tl a:hover span.icon-Pro{margin-left:.15rem;transition:all 0.5s ease; -moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
dl#NewPro dd.Lcns{padding:.5rem 0;height:auto; position:relative;}
dl#NewPro dd.Lcns div.swiper-container{height:auto;overflow:hidden;padding:.25rem 0;position:relative;}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide a{display:block;overflow:hidden;height:auto;margin:0 1.5%;width:97%;background:#ffffff;padding-bottom:.4rem; box-shadow:0 0 .2rem rgba(0,0,0,.35);}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide a span.img{padding:0;display:block;text-align:center;height:auto;overflow:hidden;background:#ffffff;width:100%;position:relative;}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide a span.img img{max-width:100%;}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide 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.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide a span.els{display:block;width:95%;padding:0 2.5%;padding-top:.25rem;color:#333;font-size:.35rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide a p{display:block;width:95%;padding:0 2.5%; color:#888;font-size:.325rem;margin:0;font-family:Arial;}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide a:hover span.els{color:#fff;}
dl#NewPro dd.Lcns div.swiper-container .swiper-slide a:hover{border-color:#015f67;background-color:#015f67; box-shadow:0 0 .15rem rgba(0,0,0,.35);}
dl#NewPro dd.Lcns div.control span.button-prev,dl#NewPro dd.Lcns div.control span.button-next{position:absolute; opacity:.75;z-index:20;display:inline-block;cursor:pointer; background:url("../index/btn_slideshow.png") no-repeat;background-size:100% auto;width:.85rem; height:1.15rem;transition:all .35s;top:50%;margin-top:-23px;}
dl#NewPro dd.Lcns div.control span.button-prev{background-position: bottom  center;left:0;}
dl#NewPro dd.Lcns div.control span.button-next{background-position:top center;right:0;}
dl#NewPro dd.Lcns div.control span.button-next:hover,dl#NewPro dd.Lcns div.control  span.button-prev:hover{opacity:1;}
section.honorbg{padding:0;background:#efefef;height:auto; }
div#Honor{padding:1.2rem 0; background-size:auto 90%;position:relative;}
div#Honor div.Hpr{position:relative;z-index:8;}
div#Honor img.honImg{position:absolute;top:.5rem;right:.35rem;width:12rem;z-index:2;}
div#Honor h1{display:block;line-height:1.4rem;height:1.4rem;font-size:.6rem;color:#015f67;}
div#Honor p{font-size:.35rem;color:#888;display:block;}
div#Honor a.more{display:inline-block;padding:0 .8rem;line-height:.75rem;border:1px solid #aaa;color:#333;margin-top:.5rem;}
div#Honor a.more:hover{color:#015f67;border-color:#015f67;}
section#CaseView{width:100%;padding:1.5rem 0; display:block;height:auto;overflow:hidden;}
section#CaseView dl#CaseDisdiy dd.lcns{height:auto;padding:.5rem 0;position:relative;overflow:inherit;}
section#CaseView dl#CaseDisdiy dd.lcns div.CasePic{width:38%;overflow:hidden;position:relative;}
section#CaseView dl#CaseDisdiy dd.lcns div.CasePic img{max-width:100%;position:relative;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
section#CaseView dl#CaseDisdiy dd.lcns div.CasePic img:hover{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);}
ul.nlist{width:59%;margin:0 1%;display:block;float:right;font-size:.32rem;color:#666;}
ul.nlist li{width:48%;float:left;line-height:.75rem;height:.75rem;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;padding:0 1%;} 
section.Horbg{padding:1rem 0;background:#fafafa;}
footer{width:100%;padding:.5rem 0;background:#003032;}
div#Footer{color:#999;line-height:.65rem;height:auto;overflow:hidden;}
div#Footer div.footCon{float:left;text-align:left;}
div#Footer div.gsIco{float:right;}
div#Footer a{padding:0 .2rem;color:#999;}
div#Footer a:hover{color:#ccc;}
div#Footer div.gsIco img{width:1.4rem;}
div#banners{height:8rem;background:#000;width:100%;position:relative;background-repeat:no-repeat;overflow:hidden;background-position:bottom center;background-size:100% auto;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
div#banners:hover{ transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);}
section#Main{display:block;width:100%;padding:0;margin:0;}
section#Main div.Main_menu{border-bottom:1px solid #efefef;background:#fff;}
div#Navs{position:relative;height:1.8rem;line-height:1.8rem;}
div#Navs h1.PgName{position:absolute;top:-2.3rem;height:2.3rem;line-height:2.3rem;right:0;background:rgba(1,95,103,.88);color:#fff;padding:0 .25rem;font-size:.7rem;font-weight:normal;width:5.2rem; text-align:center;}
div#Navs div.Path{font-size:.35rem;padding:0 .15rem;color:#666;}
div#Mains{padding:1rem .2rem;}
dl#Left{width:22%;}
dl#Left dt.tl{padding:.5rem;line-height:1rem;height:1rem;font-size:.6rem;background-color:#015f67;color:#fff;}
dl#Left dd.lcn{border:1px solid #e1e1e1;border-top:0;background-color:#f9f9f9;padding:.15rem 0;}
dl#Left dd.lcn ul{width:100%;height:auto;overflow:hidden;}
dl#Left dd.lcn ul li{line-height:1.2rem;}
dl#Left dd.lcn ul li a{display:block;width:100%;border-bottom:1px solid #e6e6e6;height:1.2rem; text-indent:.35rem;font-size:.32rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
dl#Left dd.lcn ul li a.cur{background-color:#015f67;color:#fff;}
div#Frames{width:75%;line-height:.7rem;font-size:.32rem;color:#555;}
div#Frames img{max-width:100%;}
@media only screen and (max-width:1600px) {
div#banners{background-size:auto 100%;height:7rem;}
}
@media only screen and (max-width:1000px) {
div.HeadTopView div.WelLine{padding-left:.2rem;}
menu nav ul#Nav li{float:left;padding:0 .4rem;}
menu nav ul#Nav li a{font-size:.32rem;}
section#Abouts{height:264px;}
section#Abouts div.AboutTls,section#Abouts div.AboutIntro{width:45%;}
section#Abouts div.AboutIntro div.AboutInfo{height:210px;overflow:hidden;}
section#Abouts div.AboutRight{width:50%;}
section#Abouts div.AboutRight div.AboutPic{height:264px;}
ul#Nlist li a div.nInfo{width:70%;}
section#Abouts div.AboutRight div.AboutPic{width:45%;}
section#Abouts div.AboutRight div.NewsView{width:48.5%;}
section#CaseView dl#CaseDisdiy dd.lcns div.CasePic{width:35%;overflow:hidden;position:relative;}
ul.nlist{width:60%;} 
div#Honor{padding-left:.2rem;padding-right:.2rem;}
div#Honor img.honImg{width:11rem;}
}
@media only screen and (max-width:860px) {
header{position:fixed;width:100%;top:0;left:0; z-index:999;border:0;box-shadow:0 0 15px rgba(0,0,0,.5);}
div.HeadFix{display:block;}
header div#Header a.Mobile_MenuBtn{background-color:#015f67;height:auto;overflow:hidden;padding:.38rem;display:inline-block;float:right;}
header div#Header a.Mobile_MenuBtn img{height:1.5rem;}
menu{position:fixed;z-index:100;top:0;left:100%;background:rgba(0,0,0,.4);width:100%;height:100% !important; box-shadow:none;}
menu nav{position:absolute;height:98%;width:55%;padding:3.5%;background:#ffffff;box-shadow:0 0 15px rgba(0,0,0,.5);right:0;top:0;}
menu nav a.Mobile_CloseBtn{display:block;position:absolute;top:.65rem;right:3%;z-index:110;transition: all .35s;}
menu nav a.Mobile_CloseBtn img{height:.6rem;}
menu nav ul#Nav{width:100%;height:auto;overflow:hidden;padding-top:.8rem;}
menu nav ul#Nav li{border-bottom:1px solid #efefef;width:100%;background:none;line-height:1.2rem;padding:0;height:auto;overflow:hidden;}
menu nav ul#Nav li a{font-size:.52rem;line-height:1.2rem;height:1.2rem;padding:0;color:#333;}
menu nav ul#Nav li span.mm_jt{display:block;width:.4rem;height:.4rem;position:absolute;right:1%;top:50%;margin-top:-.2rem;background:url(../index/icon-arrow.png) no-repeat;background-size:auto 90%;}
menu nav ul#Nav li a{text-indent:.25rem;}
menu nav ul#Nav li a:hover{color:#015f67;background:none;}
menu nav ul#Nav li span.mm_button{ cursor:pointer;display:block;width:.5rem;height:.5rem;position:absolute;right:1%;top:.35rem;background:url(../index/icon-plus.png) no-repeat;background-size:auto 90%;}
menu nav ul#Nav li span.mm_button.mm_button.m_close{background-image:url(../index/icon-minus.png);}
menu nav ul#Nav li ul{position:static;width:100%;min-width:inherit;box-shadow:none;background:none;line-height:.8rem;display:none;}
menu nav ul#Nav li ul li a{color:#555;border:0;text-align:left;text-indent:.5rem;font-size:.45rem;}
menu nav ul#Nav>li ul li a:hover{background:#015f67;color:#fff;}
menu nav ul#Nav li ul li{line-height:.9rem;border:0;}
menu nav ul#Nav>li ul li a:after{right:5%;}
menu nav ul#Nav>li ul li a:hover:after{right:2%;}
.swiper-button-next, .swiper-button-prev {width:1rem;height:1rem;margin-top:-.5rem; }
section#Abouts div.AboutTls{width:95.5%;position:static;top:0;background:#015f67;}
section#Abouts div.AboutIntro{width:95.5%;padding:.5rem 2.5% .8rem;height:auto;}
#banner .swiper-container .pagination div.pageArrow{text-align:center;}
section#Abouts {height:auto;overflow:hidden;border:0;}
section#Abouts div.AboutTls{border-radius:0;}
section#Abouts div.AboutIntro span.Aico{height:1.2rem;width:1.2rem;} 
section#Abouts div.AboutRight {width:100%;float:none;}
section#Abouts div.AboutRight div.AboutPic{height:8rem;width:35%;}
section#Abouts div.AboutIntro div.AboutInfo{height:auto;}
section#Abouts div.AboutRight div.NewsView{width:60%;}
ul.Nlists li{line-height:1rem;height:1rem;;}
ul.Nlists li a{height:1rem;}
ul#Nlist li.nViews,ul#Nlist li{width:100%;}
ul#Nlist li{width:100%;}
ul#Nlist li a span.Ndate{width:2.8rem;}
ul#Nlist li.nViews a div.img{height:auto;}
ul#Nlist li.nViews a div.img img{width:100%;}
section#CaseView dl#CaseDisdiy dd.lcns div.CasePic{width:100%;}
ul.nlist{width:98%;padding:.55rem 1%;float:none; clear:both;}
ul.nlist li{font-size:.35rem;}
div#banners{height:6rem;}
dl#Left{display:none;}
div#Frames{width:100%;}

}
@media only screen and (max-width:640px){
div.HeadTopView div.WelLine,div.HeadTopView div.WelLine div.HeadLink a{line-height:1.1rem;height:1.1rem;}
div.HeadTopView div.WelLine div.HeadLink a.lang_en{border-left:1px solid #eaeaea;}
div.HeadTopView div.WelLine div.HeadLink a.lang_cn,div.HeadTopView div.WelLine div.HeadLink a.lang_contact{display:none;}
#banner .swiper-slide a.phoneimg{display:block;}
#banner .swiper-slide a.pcimg{display:none;}
#banner .swiper-container .pagination {bottom:3%;}
#banner .swiper-container .pagination .swiper-pagination-bullet{width:.35rem;height:.35rem;}
.swiper-button-next, .swiper-button-prev {width:1rem;height:1rem; }
section#Abouts div.AboutRight div.CaseView{padding-right:5px;}
div#Footer{line-height:.8rem;padding:0 .25rem;}
div#Footer div.footCon{width:100%;padding-bottom:.3rem;}
div#Footer div.gsIco{width:100%;text-align:center;}
ul.Nlists li{line-height:1.2rem;height:1.2rem;}
ul.Nlists li a{height:1.2rem;}
ul.nlist li{font-size:.4rem;line-height:1rem;height:1rem;}
div#Frames{line-height:.85rem;font-size:.35rem;}
div#Honor a.more{line-height:1rem;;}
div#Honor img.honImg{width:9rem;top:auto;bottom:-1.5rem;}
}
@media only screen and (max-width:480px){ 
 div.HeadTopView div.WelLine,div.HeadTopView div.WelLine div.HeadLink a{line-height:1.35rem;height:1.35rem;}
 section#Abouts div.AboutTls{font-size:.65rem;}
 section#Abouts div.AboutIntro{line-height:.95rem;}
 section#Abouts div.AboutRight div.Contacts{line-height:1rem;}
 dl#NewPro dd.Lcns div.control span.button-prev,dl#NewPro dd.Lcns div.control span.button-next{width:1rem; height:1.3rem;transition:all .35s;top:50%;margin-top:-23px;}
 dl#NewPro dt.tl a,dl#CaseDisdiy dt.tl a{display:block;padding:.35rem 0;}
 dl#NewPro dt.tl strong,dl#CaseDisdiy dt.tl strong{font-size:.7rem;}
 ul#Nlist li a div.nInfo{width:78%;}
 ul#Nlist li a div.nInfo font.ntl{line-height:1.3rem;font-size:.5rem;}
ul#Nlist li a div.nInfo abbr{line-height:.7rem;}
div#Footer{line-height:1rem;}
ul.Nlists li{line-height:1.3rem;height:1.3rem;}
ul.Nlists li a{height:1.3rem;}
ul.nlist li{font-size:.45rem;line-height:1.2rem;height:1.2rem;}
div#Frames{line-height:1.15rem;font-size:.55rem;}
}