@media all and (max-width:1600px){
.grWidth{width: 80%;padding: auto 10px}

}

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


.headerTwo .nav li a{font-size: 0.937rem;}

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

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

.newsbox{padding: 1%}

.page-aisle-cont li dt{height: 210px;padding: 45px 6% 0 6%;}

.banner:hover .banner_ctr .next{right:310px;opacity: 1 ;}
.banner:hover .banner_ctr .prev{left:310px;opacity: 1; }
}


@media all and (max-width:1280px) {
.headerTwo .nav{width: 58%}
.headerTwo .nav li{margin-right: 4%}
.headerTwo .nav li a{font-size: 0.875rem;}

.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%;}
.productList li{width: 33.3%;}

.hezuolist ul li{width: 20%;}

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

.page-plan-cont li{    margin-bottom: 80px;}
}

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

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

.ContentBox .config{width: 34%}

.page-core-cont ul li{width: 22.74%;margin-right: 3%;}
.page-core-cont ul li dt p{font-size: 12px;}

}

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

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

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

.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;}
/*==手机端导航↓==*/
.head-long2{background: rgba(255,255,255);}
.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:65px;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:#1598d0;/*! background:#1b1e27; */box-shadow:3px 0 0 #1598d0 inset;}
.navWap-block ul li.active em{color:#1598d0}
.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:1rem; height: 2.3rem; */color:#fff; 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: #db517e;}
.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: #1598d0;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #52abe5;}
.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;}
/*隔*/
.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%}

.productList li{width: 50%;}

.sindeMenu{width: 100%;padding: 0 1%}
.sindeMenu span{display: none;}
.sindeMenu .leftmenu{width: 100%;float: left;}

.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;}

.rela_pro li{height: 380px;}

.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;}
}



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


}

@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;}
.productList li{width: 33.3%}

.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%;}

.rela_pro li{height: 340px;}
.rela_pro li .pic span{height: 220px;}
.relapro .rela_pro .index-rela-navt{display: none;}
.relapro .rela_pro .rela-button-prev{display: none;}

}

@media all and (max-width:768px) {
.index-news-vies li .ntxt p{height: 50px;overflow: hidden;}
.index-tie-nav h3{font-size: 30px;}

.news-w .swiper-container{overflow: hidden;}

.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;}


.sindeMenu{border-bottom: none;padding: 0;height: auto;overflow: hidden;}
.sindeMenu li{width: 33.33%;margin-right: 0;text-align: center;line-height: 50px;border-right: 1px solid #f4efef;border-bottom: 1px solid #f4efef;}
.sindeMenu li.active{background: #30a2e3;}
.sindeMenu li.active a{color: #fff;}
.sindeMenu li a:after{display: none;}
.sindeMenu li:hover{background: #30a2e3;}
.sindeMenu li:hover a{color: #fff;}

.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);}

.productList li{width: 50%}
.productList li .pic span{height: 280px;}

.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}

}

@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%;}

.rela_pro li{height: 310px;}
.rela_pro li .pic span{height: 214px;}
.rela_pro li h3{line-height: 50px;}

.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%}
}


@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; }

.sindeMenu li{width: 50%;line-height: 50px;}

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

.productList li .pic span{height: 200px;}
.proShow_L .gallery-thumbs li{height: 64px;}

.proShow-menu{padding: 0}
.proShow-menu a{width: 50%;display: block;padding: 22px 0;float: left;text-align: center;}

.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;}
}


@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;}

.productList li h3{text-align: center;}
.productList li .pic span{height: 140px;}
.productList li p{display: none;}

.caseList li{width: 100%;}

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

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

}