@media all and (max-width:1680px){
.grWidth{width: 100%;margin: 0 auto;padding: 0 2%;}
.headerTwo .logo{width: 18%}
.headerTwo .nav{width: 60%;}

}

@media all and (max-width:1440px) {
.headerTwo .nav li a{font-size: 15px;}
.top-right .top-tel b{font-size: 16px;}

.caseList li .ntxt p{height: 72px;overflow: hidden;}

.proShow_L .gallery-thumbs li{height: 70px}

.newsbox{padding: 1%}

.index-ys{padding: 12% 0;}
.index-ys ul li strong{font-size: 120px}

.newsList li h3{font-size: 22px;}

.page-cert-vise ul li{width: 380px;	}

.index-show-vies2 li dt span{height: 320px;}
}

@media all and (max-width:1360px) {
.headerTwo .nav li a{font-size: 14px;}

}

@media all and (max-width:1280px) {
.headerTwo .nav{width: 57.5%}
.top-right .top-tel b{font-size: 15px;}
.headerTwo .nav li{margin-right: 5.8%;}

.index-news-vies li .ntxt h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.index-about .ab-txt{width: 48%;height: auto;}
.index-about .ab-txt ul li h4{font-size: 34px;}
.index-about .ab-txt ul li h4 i{font-size: 34px;top: -2px;}
.index-about .ab-txt ul{margin-top: 30px;}

.proRight{padding: 1%;}


.hezuolist ul li{width: 20%;}

.caseList li .ntxt h4{font-size: 16px;padding-bottom: 16px;margin-bottom: 16px;}

.index-show-vies2 li dt span{height: 276px;}
}

@media all and (max-width:1200px) {

.headerTwo .nav li a{font-size: 12px;}

.proShow_L .gallery-thumbs li{height: 60px}

.ContentBox .config{width: 34%}


.page-design ul li .txt{padding: 4%;}
.page-design ul li .txt p{font-size: 16px;line-height: 30px;}

.newsList li h3{font-size: 18px;}

.Plate2 ul a{width: 40%;}

.page-cult ul li{padding: 40px 4% 0 4%;height: 370px;}

.page-cert-vise ul li{width: 360px;}

.index-show-vies2 li dt span{height: 260px;}
}

@media all and (max-width:1100px) {
.headerTwo .nav li{margin-right: 5%;}

.proShow_R .btn span{margin-left: 26px;}

.index-show-vies2 li dt span{height: 234px;}
}

@media all and (max-width:1024px){
.list_banner{padding-top: 58px;}

.slogan{display: none;}
.headerOne{display: none;}
.headerTwo{display: none;}
.wapI{display: block;}
.userlogin{left: 10%;}
.kefuBox{display: none;}
.pagemenu ul{padding: 0}
.pageTitle p{padding: 22px 0;font-size: 12px;}
.pageTitle p span{font-size: 18px;}
.banner .big{display: none;}
.banner .small{display: block;}
.gr_kefu{display: none;}
.banner-pagination span{width: 8px;height: 8px;}
.banner .swiper-pagination{bottom: 12px !important;}
/*==手机端导航↓==*/
.fixedBoxA2{background: rgba(0,0,0,0.8);}
.head-long2{background: rgba(0,0,0,0.8);}
.head-long{display: block; position: fixed;top: 0;z-index: 999;width: 100%;padding: 10px 0;}
.head-long .waplogo{margin: 7px 0;}
.head-long .waplogo img{width: 60%;}
.container{width: 100%;padding-left: 10px;padding-right: 10px;}
.navWap-block{position:fixed;z-index:20;height:100%;top:60px;left:0;overflow:auto;display:none;width:100%;/*! max-width:640px; */margin:0 auto;}
.navWap-block .box{height:100%;/*! overflow-x:hidden; */overflow-y: auto;background:#fff;width:50%;position:relative;z-index:2;}
.navWap-block .searchWap{position:relative;margin:20px 0 15px 0; overflow: hidden;padding: 0 20px;}
.navWap-block .searchWap input{float: left; width:140px;border-radius:none;border-bottom:1px #bbb solid;color:#666;font-size:13px;border-top: none;border-left: none;border-right: none;line-height: 30px;}
.navWap-block .searchWap button{float:right; width:30px;color:#fff; text-align:center; font-size:13px; background: #666;border: none;line-height: 30px;border-radius: 50%;}
.navWap-block .contactWap{margin:20px 0 0 0;padding: 0 20px 80px 20px;}
.navWap-block .contactWap span{display:block;color:#666;font-size:13px;margin: 10px 0 15px 0;}
.navWap-block .contactWap span font{display: block; color:#999;font-size:14px;padding-left: 20px;margin-top: 3px;}
.navWap-block .contactWap span:before{margin-right:5px;font-size: 17px;}
.navWap-block .contactWap span.weixin .ewm{display: block;max-width:100px; margin:5px auto 0;}
.navWap-block ul li{/*! height:2.3rem; */line-height:40px;border-bottom:1px solid #eee;}
.navWap-block ul li a{display:block;font-size:14px;color:#555;/*! height:2.3rem; */ opacity:0;transform: translateX(-100%); transition: all 0.4s ease 0s;transition-delay: 160ms;color:#666;padding-left:25px;padding-right: 20px;}
.navWap-block ul li em{float:right;color: #999;font-size: ;font-size: 14px;}
.navWap-block ul li:hover a,.navWap-block ul li.active a{color:#f5d51e;/*! background:#1b1e27; */box-shadow:3px 0 0 #f5d51e inset;}
.navWap-block ul li.active em{color:#f5d51e}
.navWap-block ul li:first-child{border-top:none;}
.navWap-block ul li:first-child i{font-size:1.2rem;}
.navWap-block .show li a{opacity:1;transform: translateX(0);}
/*-触发按钮-*/
.navWap-trigger{position:absolute; right:2%; top:12px; height: 2rem;line-height:2.3rem; color:#fff;float: right;margin: 0px 15px 0 0;}
.navWap-trigger .btn{padding:0px;/*! position: absolute; *//*! top: 18px; *//*! right: 10px; */background: transparent;border: none;/* padding: 10px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 6px 0;width: 30px;height: 3px;background-color: #fff;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #fff;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #f6d51e;}
.navWap-trigger .animated:focus{cursor: pointer; z-index: 9999;}
.navWap-trigger .middle{margin: 0 auto;}
.navWap-trigger .icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navWap-trigger .animated .icon-bar{z-index: 999999; background-color: #666;}
.navWap-trigger .animated .top{-webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(7px) rotateZ(45deg);}
.navWap-trigger .animated .bottom{-webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}
/*语言*/
.navWap-block .box{height:100%;/*! overflow-x:hidden; */overflow-y: auto;background:#fff;width:50%;position:relative;z-index:2;}
.navWap-block .box dt{font-size: 14px;color: #333;padding: 10px 20px;}
.navWap-block .box dt a{margin-right: 20px;padding-left: 40px;}
.navWap-block .box dt .cn{background:url(../images/cn.jpg)no-repeat left;}
.navWap-block .box dt .en{background:url(../images/en.jpg)no-repeat left;}

/*隔*/
.index-tie-nav{line-height: 30px;margin: 0 0 3% 0;}
.index-tie-nav h3{width: 100%;margin-bottom: 20px;}
.index-tie-nav ul{width: 100%;padding: 0 1%}
.index-pro-vies li{height: auto}

.news-w .swiper-container{padding: 2% 0}

.index-about .ab-txt{width: 48%;height: auto;}
.index-about .ab-txt ul li h4{font-size: 28px;}
.index-about .ab-txt ul li h4 i{font-size: 28px;top: -2px;}

.index-about .ab-img img{display: block;margin: 0 auto;width: 100%}

.page-ab .page-ab-fl{width: 100%}
.page-ab .page-ab-fr{width: 100%}

.proShow_L{width: 100%}
.proShow_R{width: 100%;margin-top: 20px;}
.proShow_L .gallery-thumbs li{height: 130px;}
.probox{padding: 0 15px;}


.ContentBox .config{width: 40%}
.confeedback .textarea button{width: 31.6%;display: block;margin: 0 auto;}

.caseList li{width: 33.3%;}

.pictureIsLeft{width: 100%}
.pictureRight{width: 100%}
.pictureRight .news-hot{width: 50%;padding: 3%;float: left;border:none;}
.pictureIsLeft{padding: 10px;}

.index-ys{padding: 17% 0;}

.page-design ul li span{width: 100%}
.page-design ul li .txt{width: 100%}

.newsList li{width: 48.5%;}
.newsList li:nth-child(2n){margin-right: 0 ! important}
.newsList li:nth-child(3n){margin-right: 3%;}

.design .tie h3{font-size: 32px;}
.design .tie p{font-size: 18px;}
.page-design ul li span{padding-top: 0}
.page-design ul li span img{position: relative;}
.page-promise ul li b{font-size: 18px;}
.page-promise ul li p{font-size: 14px;}

.probox1 ul{width: 50%;margin-bottom: 3%}

.relapro .tie{font-size: 40px;}

.newsIsLeft{width: 72%}

.page-ab{padding: 50px 0;}
.page-ab .page-cont{width: 100%}

.page-cult ul li{padding: 40px 2% 0 2%;}
.page-cult ul li h3{font-size: 26px;}
.page-cult ul li p{margin-top: 20px;}

.picList li{width: 33.33%}
.picList li span{height: 240px;}
.picList li h4{line-height: 40px;}

.honorlist li{width: 33.33%;height: 320px;}

.index-show-vies2 li dt span{height: 370px;}
}



@media all and (max-width:980px){
.footer{padding: 30px 0;}
.footer .Plate-fl{float: left;width: 100%;}
.footer .Plate-fr{float: right;width: 100%;margin-bottom: 0}
.footer .Plate1{width: 48%}
.footer .Plate2{width: 50%;display: none;}
.footer .Plate3{width: 50%}
.footer .Plate4{width: 50%}
.footer .pWidth{width: 100%;margin-bottom: 2%}

}

@media all and (max-width:920px) {
.index-pro-vies li .pic span{height: 210px;}

.index-about .ab-txt,.index-about .video{width: 100%}
.index-about .ab-txt{margin-top: 4%}
.index-about .video ul li span{font-size: 18px;}

.proLeft{display: none;}
.proRight{width: 100%}
.proRight .pro-menu{display: block; float: right;position: relative;color: #333;padding-left: 24px;}
.proRight .pro-menu:after{content: "\e780";
font-family: "iconfont";
font-size: 1.4rem;
left: 0;
position: absolute;}

.page-ab .ab-ys{padding: 4% 0}

.footer{padding: 4% 2%}
.footMenu{width: 100%}
.footMenu ul{width: 33.3%;margin-right: 0;text-align:center; }
.footMenu ul a{display: none;}

.hezuolist ul li{width: 25%;}

.page-promise ul li{width: 33.33%;margin-bottom: 4%;}

.index-show-vies2 li dt span{height: 330px;}
}

@media all and (max-width:768px) {
.banner{display: none;}
.wapbanner{display: block}
.list-bg3{padding: 30px 0 0 0;}
.list-bg2{padding: 30px 0;}
.breadCrumb{text-align: left;}
.index-news-vies li .ntxt p{height: 50px;overflow: hidden;}
.index-tie-nav h3{font-size: 30px;}
.listWrapper{padding-top: 20px;}
.news-w .swiper-container{overflow: hidden;}
.HomeProduct{margin: 40px 0}
.index-ys{padding: 6% 0}
.index-ys .index-ys-vies .swiper-button-next{display: none; width: 100px;right: 10%;top: 90%;background: rgba(0,0,0,0.5) url(../images/index-ys-prev.png)no-repeat center;}
.index-ys .index-ys-vies .swiper-button-prev{display: none;width: 100px;left: 10%;top: 90%;background: rgba(0,0,0,0.5) url(../images/index-ys-next.png)no-repeat center;}
/*.index-ys .index-ys-vies .swiper-button-next:hover{width: 100px;right: 10%;top: 90%;background: rgba(0,0,0,0.8) url(../images/index-ys-prev.png)no-repeat center;}
.index-ys .index-ys-vies .swiper-button-prev:hover{width: 100px;left: 10%;top: 90%;background: rgba(0,0,0,0.8) url(../images/index-ys-next.png)no-repeat center;}
*/
.index-tech-vies li{margin-bottom: 4%;}
.index-tech-vies li .pic{width: 100%;padding-top: 68%;}
.index-tech-vies li .ntxt{width: 100%}

.index-tech-vies li{padding: 0 0 4% 0;}

.productList li{width:calc(50% - 5px);margin-bottom: 2%; margin-right: 10px;}
.productList li:nth-child(2n){margin-right: 0}
.productList li dt{left: 10px; bottom: 10px; opacity: 1;}
.productList li dt h3{font-size: 16px;margin: 0;}
.productList li dt p{font-size: 12px;}
.productList li:after{opacity: 0;}

.picList li{width: 50%}

.honorlist li{width: 50%}

.page-ab .ab-tie{font-size: 30px;}
.page-tie{font-size: 30px;}
.page-tie2{font-size: 30px;}

.footTel{width: 55%}

.hezuolist ul li{width: 33.3%;}
.index-partner ul li h4{display: none;}
.index-partner ul li:hover img {transform:rotateY(0deg);}

.ContentBox .config{position: relative;width: 100%;overflow: hidden;padding-bottom: 20px;}
.ContentBox .map .baidumap{height: 320px;}
.ContentBox .map{height: auto}

.ContentBox .Sales-call li h3{font-size: 16px;margin: 3% 0;}
.ContentBox .Sales-call li p{font-size: 24px;}
.con-tie{font-size: 32px;}
.confeedback .contact-feedback li{width: 48%;margin-bottom: 2%;}
.confeedback .contact-feedback li:nth-child(3){margin-bottom: 0}

.wapbanner-pagination span{width: 8px;height: 8px;}
.wapbanner .swiper-pagination{bottom: 10px ! important;}

.index-show-vies ul li h4{line-height: 50px;}

.index-ys{padding: 24% 0 16% 0;}
.index-ys ul li{margin: 0 3%;}
.index-ys ul li strong{font-size: 80px;}
.index-ys ul li b{top: -10%;}

.probox1 ul{width: 100%}
.probox1 ul p{margin-top: 50px;}
.probox3 ul li{width: 49.1%;}
.probox3 ul li:nth-child(1){width: 100%;margin-bottom: 1.8%;}

.relapro .tie{font-size: 30px;}

.teamlist li .pic{width: 100%;padding-top: 0;}
.teamlist li .pic img{position: relative;}
.teamlist li .txt{width: 100%}

.newsIsLeft{width: 100%;}
.newsIsTop{margin-bottom: 30px;}
.newsIsRight{width: 100%}
.newsIsRight .news-hot ul li{float: left;width: 49%;margin: 0 2% 2% 0;}
.newsIsRight .news-hot ul li:nth-child(2n){margin-right: 0}

.page-cult ul li{width: 100%;height: auto;margin-bottom: 3%;padding:6%;}

.page-cert-vise ul li{width: 300px;}

.index-show-vies2 li dt span{height: 280px;}
}

@media all and (max-width:640px) {
.index-pro-vies li h3{line-height: 50px;}
.index-tie-nav a{margin-bottom: 2%;width: 20%;margin-right:2%;}

.index-tech-vies li .ntxt .more{padding: 12px 40px;}

.page-ab .ab-ys li h4{font-size: 30px;}
.page-ab .ab-ys li h4 i{font-size: 30px;}

.view .img{width: 100%}
.view .img img{width: 100%}
.view .cont{width: 100%;margin-bottom: 4%}

.footTel{width: 100%}
.footCode{display: none;}

.hezuolist ul li{width: 50%;}
.hezuolist ul li h4{padding-top: 15%;}

.honorlist li{height: 300px;}
.honorlist li dd{height: 272px;}

.proShow_L .gallery-thumbs li{height: 80px;}
.proShow_R .btn span{margin-left: 12px;padding-top: 10px;background-position-y: 12px;}

.ContentBox .Sales-call li{width: 48%;}
.ContentBox .con-sales li{width: 100%;margin-bottom: 20px;}
.con-tie{font-size: 26px;}
.confeedback .contact-feedback li{width: 98%;margin-left: 1%;}

.caseList li{width: 50%;}
.caseList li .ntxt h4{font-size: 14px;}

.pictureRight .news-hot{width: 100%;margin-bottom: 0;}
.pictureRight .main li{float: left;width: 48%;padding-right: 2%;margin-bottom: 2%;}
.pictureRight .main li a{font-size: 12px;}

.newsIsTop h1{font-size: 20px;}

.newsIsRight .main li{width: 100%}

.index-show-vies ul li h4{line-height: 40px;}

.newsList li h3{font-size: 16px;}
.newsList li span{margin: 4px 0;}
.newsList li p{font-size: 12px;}

.page-design{padding:60px 0 0;}
.caselist li{width: 100%;}
.caselist li .txt{font-size: 16px;white-space: normal;}
.HomeProduct .grWidth{padding: 0}
.HomeAbout{height: auto; padding:80px 0 0;}

.index-ys ul li{margin: 0;width: 33.33%;float: left;}
.index-ys ul li strong{font-size: 50px;}
.index-ys ul li b{font-size: 20px;top: -20%;}
.index-ys ul li span{font-size: 14px;}
.index-ys ul li p{font-size: 14px;}


.footer .Plate1 h3{margin-bottom: 10px;}

.design .tie{margin-bottom: 40px;}
.design .tie h3{font-size: 26px;}
.design .tie p{font-size: 16px;}
.page-promise ul li{width: 50%;margin-bottom: 4%;}
.page-promise ul li p{height: 48px;}

.showPage{margin-bottom: 30px;overflow: hidden;}
.showPage .back{float: left; margin-top: 0;}

.confeedback .textarea button{width: 60%;padding: 14px 0;}

.page-cert-vise ul li{width: 280px;}

.index-show-vies2 li dt span{height: 230px;}
}


@media all and (max-width:480px) {
.index-tie-nav a{width: 30%;}
.index-about .video ul li span{font-size: 14px;}
.index-about .ab-txt ul li h4{font-size: 22px;}
.index-about .ab-txt ul li h4 i{font-size: 22px;top: -2px;}
.index-about .ab-txt ul li p{font-size: 0.687rem}
.index-about .ab-txt .more{display: block;margin: 4% auto auto auto; }

.page-ab .ab-ys li h4{font-size: 20px;}
.page-ab .ab-ys li h4 i{font-size: 20px;}


.proShow_L .gallery-thumbs li{height: 64px;}

.proShow-menu{padding: 0}
.proShow-menu a{width: 25%;display: block;padding: 0;float: left;text-align: center;margin-right: 0; font-size: 1.0rem}

.ContentBox .Sales-call li{width: 100%;padding: 3%;}
.ContentBox .Sales-call li h3{margin: 2% 0;}

.pictureRight .main li{width: 100%}
.pictureIsLeft .fen .prew{margin-bottom: 2%}
.pictureIsLeft .fen .prew,.pictureIsLeft .fen .nextw{width: 100%}

.newsIsTop h1{font-size: 18px;}

.newsIsLeft .fen .prew,.newsIsLeft .fen .nextw{width: 100%;text-align: left;}
.newsIsLeft .bottom{overflow: hidden;}
.newsIsLeft .bottom .back{float: none;width: 130px;padding-left: 50px;margin: 10px auto auto auto;background-position-x: 16px;}

.index-show-vies ul li h4{line-height: 36px;font-size: 12px;}

.newsList li{width: 100%;margin-bottom: 6%}

.page-promise ul li b{font-size: 16px;margin: 12px 0;}
.page-promise ul li p{font-size: 12px;}
.page-design ul li .txt b{font-size: 20px;}
.page-design ul li .txt p{font-size: 14px;}

.rela_pro li h3{font-size: 16px;}
.rela_pro li span{font-size: 12px;}

.page-cert-vise ul li{width: 230px;}

.index-show-vies2 li dt span{height: 170px;}

.hezuolist ul li h4{display: none;}
}

@media all and (max-width:414px){
.index-show-vies2 li dt span{height: 146px;}	
}

@media all and (max-width:375px){
.index-about .ab-txt ul li h4{font-size: 18px;}
.index-about .ab-txt ul li h4 i{font-size: 18px;top: -2px;}
.index-about .ab-txt ul li p{font-size: 0.625rem}

.preview .li a{font-size: 14px;}
.preview .swiper-slide-thumb-active a{font-size: 26px;}

.caseList li{width: 100%;}

.newsIsTop h1{font-size: 16px;}

.index-ys ul li{padding-right: 3%;}
.index-ys ul li strong{font-size: 40px;}
.index-ys ul li p{font-size: 12px;}

.page-cert-vise ul li{width: 220px;}

.index-show-vies2 li dt span{height: 130px;}
}

@media all and (max-width:320px){
.index-show-vies2 li dt span{height: 114px;}
}