@media all and (max-width:1680px){
.grWidth{width: 98%;padding: auto 1%}

.header-tel b{font-size: 1.4rem;}

.index-team-box .team-next{bottom: -24%;right: 0}
.index-team-box .team-prev{bottom: -24%;left: 0}
.index-team-box .team-next:hover{right: 0;bottom: -24%;background:#ffa824 url(../images/team-next-on.png)no-repeat center;}
.index-team-box .team-prev:hover{left: 0;bottom: -24%;background:#ffa824 url(../images/team-prev-on.png)no-repeat center;}
}

@media all and (max-width:1440px) {
.headerTop .nav li a{font-size: 12px;}
.header-tel b{font-size: 1.3rem;}

.contact-part2 ul li{width: 25%}

.about-part1 .ys li strong{font-size: 50px;}
}


@media all and (max-width:1280px) {
.header-tel p{font-size: 12px;}	
.header-tel b{font-size: 1.2rem;}

.about-part1 .ys li strong{font-size: 45px;}
}

@media all and (max-width:1200px) {
.header-tel{display: none;}
.headerTop .nav{width: 64%}
.header-fr{width: 18%}

.index-case-nav a{font-size: 0.875rem;}
.index-case-box ul li h4{line-height: 40px;font-size: 0.75rem}

.index-team-box ul li dt{padding: 14px;}
.index-team-box ul li dt h4{font-size: 1rem}


.index-process-box ul li{width: 24%;margin-bottom: 20px;}
.index-process-box:after{display: none;}

.hotnews li h4{font-size: 0.875rem}
.hotnews li p{font-size: 0.75rem}
.hotnews li p,.hotnews li h4{overflow: hidden;}

.index-worth ul li strong{font-size: 2.375rem}
.index-worth ul li:nth-child(4){padding-left: 12%}

.productList li h4{line-height: 40px;}

.leftmenu ul li a{font-size: 14px;}

.casedesc ul li{width: 25%}
.casedesc ul li span{font-size: 14px;}

.proShow_wrap .gallery .gallery-thumbs ul li{padding-top: 9%}
.protie h3{font-size: 24px}
.relaPro li h4{font-size: 12px;line-height: 40px;}

.newsList li dt h4{font-size: 18px;}
.newsList li dt p{font-size: 12px;margin-top: 10px;padding-top: 10px;}

.contact-part1{padding: 40px 0;}
.contact-part1-fr p{font-size: 16px;}
.contact-part1-fl b{font-size: 40px;}

.contact-part2 ul li{width: 33.3%}

.about-part1 .compnae{font-size: 25px;}
.about-part1 .ys li strong{font-size: 40px;}
.about-part1 .ys li p{font-size: 16px;}
}



@media all and (max-width:1024px){
.headerTop{display: none;}
.headerOne{display: none;}
.headerTwo{display: none;}
.banner{margin-top: 0;}
.sindeMenu{margin-top: 0}
/*==手机端导航↓==*/
.head-long2{position: fixed ! important;background: #fff}
.head-long{display: block; position: relative;top: 0;z-index: 999;width: 100%;height: 60px;line-height: 60px;background: #fff}
.head-long .waplogo img{width: 60%;}
.container{width: 100%;padding-left: 10px;padding-right: 10px;}
.navWap-block{position:fixed;z-index:20;width:100%;height:100%;top:60px;left:0;overflow:auto;margin:0 auto;opacity: 0;transform: translateX(-100%);transition: all 0.6s;background:#171717;}
.nav_on{opacity: 1;transform: translateX(0);}
.nav_on ul li .m{opacity: 1 ! important;transform: translateX(2%)! important;display: block}
.arrow-to{display: block;width: 8px;height: 20px;background: url(../images/arrow-to.png)no-repeat center;position: absolute;right: 8%;top: 30%;transition: .4s all}
.arrow-to-more{transform: rotateZ(90deg);}
.navWap-block ul{background:#171717;width: 100%;height: 100%; padding: 0 2%}
.navWap-block ul a{color: #fff;font-size: 14px;position: relative;}
.navWap-block ul li{line-height:50px;border-bottom:1px solid #424245;}
.navWap-block ul li:last-child{border-bottom:none}
.navWap-block ul ol{background: #272727;display: none;}
.navWap-block ul ol a{display: block;border-bottom: 1px solid #3a3a3a;padding-left: 5%;font-size: 12px;line-height: 40px;}
.navWap-block ul ol a:last-child{border-bottom: none;}
.navWap-block ul li:hover a,.navWap-block ul li.active a{color:#fff;}
.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-block  .wapChildNav-on ol{display: block ! important;}
.navWap-block  .wapChildNav-on .arrow-to-more{transform: rotateZ(-90deg);}

/*-触发按钮-*/
.navWap-trigger{position:absolute; right:2%; top:1rem; height: 2.3rem;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 .middle{margin-left: 6px;}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 6px 0;width: 20px;height: 2px;background-color: #000;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all .5s ease; -moz-transition: all 1s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color: #000;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #000;}
.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: #000;}
.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(9px) 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(-7px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}
/*语言*/
.navWap-block .box dt{font-size: 14px;color: #333;padding: 10px 20px;}
.navWap-block .box dt a{margin-right: 20px;padding-left: 40px;color: #e6e6e6;}
.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;}
/*电话*/
.wap-tel{font-size: 14px;}
.wap-tel a{color: #e6e6e6;}
.wap-tel span{display: block;font-size: 22px;color: #e6e6e6;}

.wap-menu{position: absolute;
right: 70px;
top: 34%;}
.wap-menu a{position: relative;
float: left;
width: 22px;
height: 22px;
line-height: 22px;
display: block;
font-size: 12px;
color: #585858;
border-radius: 100px;
text-align: center;
margin-right: 10px;}
.wap-menu a:after{content: '';position: absolute;right: -12px;top: 5px;width: 1px;height: 14px;border-right: 1px dotted #000;}
.wap-menu .wap-search{background:#000 url(../images/top-search-wap.png)no-repeat center;}

.wap-seach-show{width: 100%;background: #fff;margin: 0 auto;padding: 20px 0;display: none ;position: absolute;top: 60px;left: 0;z-index: 99;box-shadow: 0 4px 4px #d0d0d0;}
.wap-seach-show .seachbox{width: 80%; height: 50px;line-height: 50px; background: #fff;margin: 0 auto;border: 1px solid #ccc;}
.wap-seach-show .seachbox .sear_txt{float: left; width: 60%;height: 50px;line-height: 50px; padding: 0 2%;background: url(../images/keybox.png)no-repeat left;}
.wap-seach-show .seachbox .sear_btn{float: right; background: url(../images/search2.png)no-repeat left;width: 30px;height: 50px;cursor: pointer;}
.searSelect{float: left;margin-left: 10px;}
.searSelect span{background: url(../images/nav-icon.png)no-repeat right;padding-right: 20px;display: inline-block;}
.searSelect .option{display: none;line-height: 30px;}

/*隔*/
.list_banner .slogan h3{font-size: 24px;}
.list_banner .slogan i{margin: 14px 0 10px 0;}
.list_banner .slogan p{font-size: 16px;line-height: 24px;}

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

.designList ul li{width: 29.9%}

.index-worth ul li p{font-size: 0.875rem}

.footer-fl{width: 100%;margin-bottom: 5%}
.footer-fr{width: 100%;text-align: center}
.footer-fr li{float: none;display: inline-block;}

.sindeleft{width: 100%}
.sinderight{width: 100%}
.leftmenu,.leftrela{width: 50%;float: left;}
.leftcontact,.morecontact{display: none;}
.leftTie{background-size: auto}
.leftmenu ul li,.leftrela ul li{line-height: 40px;}
.designleft{display: none;}

.options .frame{width: 33.3%}
.options .frame a{margin-right: 10px;}
.options .frame:nth-child(3n):after{display: none;}

.about-part1 .ys{width: 100%}
}

@media all and (max-width:940px){
.designList ul li{width: 29.3%}	
}

@media all and (max-width:768px) {
.kefu{display: none ! important;}

.index-team-box ul li dt h4{font-size: 0.875rem}
.index-team-box ul li dt span{font-size: 0.7rem}
.index-team-box ul li dt i{font-size: 0.7rem}

.index-news{padding: 30px 0;}
.index-news-nav ul{padding-top: 0}
.index-news-nav ul{text-align: center;width: 100%;}
.index-news-nav ul a{margin-bottom: 6px;display: inline-block;}
.index-news-nav .more{display: none;}
.listnews ul .li2 dt p{overflow: hidden;}

.index-worth img{display: block;width: 50%;float: none;margin: 0 auto}
.index-worth ul{width: 100%}
.index-worth ul li{padding-left: 10% ! important}

.footer-fl{text-align: center}
.footer .txt dt{width: 100%}
.footer .img{float: none;margin: 0 auto}
.footmenu a{margin: 0 10px 0 30px;}

.leftmenu {width: 100%}
.leftmenu .leftTie i{display: block;}
.leftnav{display: none;}
.leftrela {display: none;}

.productList li{width: 49%}
.productList li:nth-child(2n){margin-right: 0}
.productList li:nth-child(2n-1){margin-right: 2%}
.productList li h4{font-size: 12px;}

.casedesc{background-size: cover}
.casedesc ul li{width: 33.3%}

.proShow_wrap .gallery .gallery-top ul li span{padding-top: 68%;}
.proShow_wrap .gallery .gallery-thumbs ul li{padding-top: 12%}

.options .frame{width: 50%;padding: 10px 2%;}
.options .frame:nth-child(2n):after{display: none;}
.options .frame:nth-child(2n-1):after{display: block;}

.designList ul li{width: 44%}	
.wap-optionsIcon{position: fixed;right: 20px;bottom: 20%;width: 50px;height: 50px;background:#ffa824 url(../images/wap-optionsIcon.png)no-repeat center;display: block;z-index: 99;}

.wap-options{position: fixed;left: 0;top: 60px;transform: translateX(100%);transition: .4s all;z-index: 9;background: #fff;padding: 10px;width: 100%;height: 100%;}
.wap-options-show{transform: translateX(0);}

.designShow-cont{padding: 0 5%}

.newsList li .pic{width: 100%;}
.newsList li dt{width: 100%;margin-top: 20px;}
.newsIsTop h1{font-size: 18px;line-height: 30px;}
.relatedNews ul li h4{font-size: 14px;}

.contact-part1{padding: 0}
.contact-part1-fl{width: 100%;}
.contact-part1-fr{width: 100%;padding-bottom: 30px;text-align: center}
.contact-part3{height: auto}
.contact-part3 .baidumap{width: 100%;height: 300px}
.contact-part3 .feedback{width: 100%;margin-top: 20px;}

.about-part2 ul li p{font-size: 14px;line-height: 24px;}
.ab-tie h4{font-size: 24px;}

.about-part4 li{width: 25%;margin-right: 0;text-align: center}

.picList li{width: 49%;}
.picList li:nth-child(2n){margin-right: 0}
.picList li:nth-child(2n-1){margin-right: 2%}

}

@media all and (max-width:640px) {
.index-process-box ul li{width: 33%;}

.index-worth ul{padding-bottom: 0}
.index-worth ul li{width: 50%;padding-left: 18% ! important;margin-bottom: 5%}
.index-worth ul li strong{font-size: 1.75rem}

.designList ul li{width: 42%}	


.contact-part2 ul li{width: 50%;height: auto}

.about-part1 .ys li strong{font-size: 30px;}
.about-part1 .ys li p{font-size: 14px;}

.about-part2 ul li{width: 100%}


}



@media all and (max-width:480px) {
.index-team-box .team-next{bottom: -32%;right: 0}
.index-team-box .team-prev{bottom: -32%;left: 0}
.index-team-box .team-next:hover{right: 0;bottom: -32%;background:#ffa824 url(../images/team-next-on.png)no-repeat center;}
.index-team-box .team-prev:hover{left: 0;bottom: -32%;background:#ffa824 url(../images/team-prev-on.png)no-repeat center;}

.index-team-box ul li dt{padding: 6px;}

.index-process-box ul li{width: 44%;}
.index-process-box ul li h4{font-size: 0.875rem}

.proShow_wrap .gallery .gallery-thumbs ul li{padding-top: 16%}
.gallery-thumbs-w{    padding: 0 9%;}
.protie h3{font-size: 18px}
.protie h3:after{content: '';display: block;position: absolute;left: -54px;top: -24px;width: 48px;height: 57px;background: url(../images/protiefl.png)no-repeat center;background-size: 60%;}
.protie h3:before{content: '';display: block;position: absolute;right: -54px;top: -24px;width: 48px;height: 57px;background: url(../images/protiefr.png)no-repeat center;background-size: 60%;}
.casedesc h4{font-size: 18px;margin-bottom: 20px;}

.sinderightTie{font-size: 18px;}

.options .frame{width: 100%;padding: 0px 2%;}
.options .frame:after{display: none ! important;}

.contact-part1-fr p{font-size: 14px;line-height: 26px;}
.contact-part3 .feedback h4{font-size: 24px;text-align: center}
.contact-part3 .feedback button{display: block;width: 210px;height: 40px;font-size: 16px;margin: 0 auto}
.contact-part2 ul li .tie{font-size: 16px;}
.contact-part2 ul li dt{font-size: 12px;}

.about-part1 .ys li{width: 50%;margin-bottom: 20px;}
.about-part1 .ys li strong{font-size: 26px;}
.about-part1 .ys li:nth-child(4){    padding-left: 8%;}
}

@media all and (max-width:440px){
.designList ul li{width: 40%}	
}

@media all and (max-width:414px) {
.index-team-box .team-next{bottom: -35%;right: 0}
.index-team-box .team-prev{bottom: -35%;left: 0}
.index-team-box .team-next:hover{right: 0;bottom: -35%;background:#ffa824 url(../images/team-next-on.png)no-repeat center;}
.index-team-box .team-prev:hover{left: 0;bottom: -35%;background:#ffa824 url(../images/team-prev-on.png)no-repeat center;}
}


@media all and (max-width:375px){
.contact-part3 .feedback li{width: 100%}

.about-part4 li{width: 33.3%;}	
}