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

}



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

.companyImage{width: 100%}
#certify .swiper-slide{width: 38%}
#certify .swiper-button-prev{left: 28%;}
#certify .swiper-button-next{right: 28%;}
}



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

#certify .swiper-slide{width: 42%}
#certify .swiper-button-prev{left: 25%;}
#certify .swiper-button-next{right: 25%;}
}

@media all and (max-width:1440px) {
#certify .swiper-slide{width: 44%}
#certify .swiper-button-prev{left: 23%;}
#certify .swiper-button-next{right: 23%;}
}


@media all and (max-width:1200px) {
.grWidth{width: 99%;}
.headerTop .searchForm{margin: 3% 0 0 10%;}
.headerTop .searchForm .sear_text{width: 74%;}
.nav li > a{font-size: 15px}
.nav .navSub a{font-size: 14px;}

.slideBox{width: 95.555%;}

.floor1 h1{font-size: 24px;}


.application li h5{font-size: 16px;height: 40px;line-height: 40px;}

.slideBox2 .bd{width: 100%}

.footWx .info{width: 50%;}
.footWx .medium{width: 50%;float: right;}
.footWx .right{width: 100%;float: left;margin-top: 20px;}

.cultureList{width: 100%;}

.factory ul li{height: 336px;}

.partnerList li{width: 18.6%}

.proIndex li{width: 46%;margin-right: 8%;height: 300px;}

.newsList li .medium{width: 64%;}

.btns{height: auto}
.btns p{width: 100%;margin-bottom: 1%}
.btns p a .span2{width: 81%;}

#certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#certify .swiper-slide{width: 48%}
#certify .swiper-button-prev{left: 21%;}
#certify .swiper-button-next{right: 21%;}

.slideBox2 .txtBox .font{width: 22%;padding: 4% 4%;}

.footMenu{width: 14.5%}
}



@media all and (max-width:1100px) {
.headerTop .tel400{margin-left: 4%;}
.headerTop .searchForm .sear_text{width: 64%;}
.nav li > a{font-size: 14px;}
.nav .navSub a{font-size: 12px;}

.slideBox{width: 94.555%;}
.floor1 h1{font-size: 22px;}
.slideBox .bd li{width: 18.7%}

.slideBox2 .hd li a{font-size: 14px;}
.advantage li .p{width: 64%;}
.advantage .adv1 li a{height: 150px;}

.proList li .pImg{height: 290px;}
.picList li .sImg{height: 200px;}

.serviceList ul li{width: 27%;height: 140px;padding: 4% 2% 4% 2%;}
.serviceList ul li p{width: 100%}

.btns p a .span1{width: 10%;}

.honorList ul li{width: 29%;padding: 0 2%;}

#certify .swiper-slide{width: 50%}
#certify .swiper-button-prev{left: 19%;}
#certify .swiper-button-next{right: 19%;}

.picBox .profl{width: 66%}
.picBox .right{width: 46%;}
.picBox .left{width: 50%}
.picBox .right_nav::after{left: -15%;}
}

@media all and (max-width:1030px) {
.footMenu{width: 19.5%;}
}


@media all and (max-width:1000px) {
.factory ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}

.partnerList li{width: 31.6%}

.proIndex li{width: 48%;margin-right: 4%;}

.menuSub li{width: 24%}

.newsList li .medium{width: 60%;}

.serviceList ul li p{font-size: 12px;line-height: 22px;}

.salary ul li{width: 28%;margin-right: 2%;margin-bottom: 2%;}

#certify .swiper-slide{width: 52%}
#certify .swiper-button-prev{left: 17%;}
#certify .swiper-button-next{right: 17%;}

.slideBox2 .txtBox .font{width: 24%}
.slideBox .hd a.next{left: 28px;}

.advantage .adv2 li a{padding: 4% 10%;height: 200px;}

.picshow .left .message{width: 140px;height: 50px;line-height: 50px;border-radius: 14px;}

.picBox .profl{width: 68%}
.picBox .right{width: 44%;}
.picBox .left{width: 52%}
.picBox .right_nav::after{left: -12%;}
}

@media all and (max-width:930px) {
.headerTop .tel400{margin-left: 2%;}
.headerTop .searchForm{margin: 3% 0 0 5%;}
.advantage li .p{width: 57%;}
.advantage li a{height: auto;padding: 6% 8%;}

.factory ul li{width: 48%;}
.factory ul li:nth-child(2n){margin-right: 0}
.factory ul li.last{margin-right: 4%;}

.proIndex li{height: 270px;}
.proIndex li .txt h3{padding-top: 4%;}

.proList li .pImg{height: 250px;}
.picList li .sImg{height: 170px;}

.downList li{width: 44%;}
.downList li:nth-child(2n){margin-right: 0}
.downList li:nth-child(3n){margin-right: 3%}

.feedback_form ul li p{width: 70%;}
.feedback_form ul li p input{line-height: 34px;height: auto;width: 90%;}
.feedback_form ul li p textarea{width: 90%;}

.newsIsLeft{width: 100%}
.newsIsRight{width: 100%;}
.main2 ul li{width: 49%;margin-right: 2%;float: left;}
.main2 ul li:nth-child(2n){margin-right: 0}

.gr-jobs-list{width: 100%}
.gr-jobs-list dd span{width: 19%;height: 70px;line-height: 70px;}
.gr-jobs-list dd span b{font-size: 12px;padding-left: 0}

.salary ul li{height: 120px;}

#certify .swiper-slide{width: 54%}
#certify .swiper-button-prev{left: 16%;}
#certify .swiper-button-next{right: 16%;}

.slideBox2 .txtBox .font{width: 26%}

.advantage .adv2 li a{padding: 3% 4%;height: 250px;}
.advantage li .p{width: 99%;margin-top: 6px}

.main2 ul li{width: 100%}
.fr_info{display: none;}
.picBox .left .message{font-size: 16px;width: 100px;}
}


@media all and (max-width:860px) {
.slideBox2 .txtBox .font{width: 29%}

.slideBox .hd a.next{left: 34px;}
.slideBox .hd a.prev{right: 10px;}

#certify .swiper-button-prev{left: 14%;}
#certify .swiper-button-next{right: 14%;}

.picshow .left .message{width: 120px;height: 48px;line-height: 48px;}
.picshow .left .tel400 h3{font-size: 26px;}

.picBox .left .message{width: 90px;font-size: 14px;}
.picBox .profl{width: 70%;}
.picBox .left{width: 53%;}
.picBox .right_nav::after{left: -8%;}

.pageBox .promis{float: left;width: 100%;}
.pageBox .promispic{float: right;width: 100%}

.proIndex li{height: 250px;}
}



@media all and (max-width:768px) {
.headerTop,.headMain{display: none;}
.banner{margin-top: 64px;}
.banner .big{display: none;}
.banner .small{display: block;}

.mTitle{font-size: 30px;}

.slideBox .hd{display: none;}
.floor1 h1{font-size: 16px;width: 7%}
.slideBox{width: 91.555%;}
.slideBox .bd li{width: 30.7%;}

.application li{width: 98%}
.application li h5{font-size: 14px;height: 36px;line-height: 36px;}

.slideBox2 .hd li{width: 31.333%}
.slideBox2 .hd li a{font-size: 12px;font-weight: normal;}

.advantage .adv1 li a{height: 270px;}
.advantage .adv2 li a{height: 290px;}
.advantage li .p{margin-top: 10px;width: 100%}
.advantage li .p span{line-height: 22px;display: block;font-size: 12px;}

.footMain{display: none;}
.footWx .info{width: 100%;}
.footWx .medium,.footWx .right{display: none;}

.pageBox .left{width: 100%;overflow: hidden;}
.pageBox .right{width: 100%;}

.picshow .left{width: 98%;}
.picshow .left .message{width: 190px;font-size: 18px;}
.picshow .left .font{min-height: 140px;}
.picshow .right{width: 98%}

.pageCulture{height: auto}
.cultureList li{padding-left: 2%;height: 166px;width: 30.2%;}
.cultureList li h5{font-size: 20px;}
.cultureList li p{font-size: 12px;line-height: 16px;}
.pageCulture .book{bottom: -70px;right: -50px;max-width: 100%;height: auto;z-index: -1;}

.partnerList li{width: 48.33%}
.partnerList li .sImg{height: 130px;}

.proIndex li{height: 230px;}
.proIndex li .txt h3{padding-top: 4%;font-size: 22px;line-height: 36px;}
.proIndex li .txt p{margin-bottom: 4px}

.menuSub li{width: 32.333%;}

.newsList li .medium{width: 64%;}
.newsIsTop h1{line-height: 40px;}

.honorList{background: none}
.honorList ul li{width: 46%;}
.honorList ul li .sImg:after{display: none;}
.honorList ul li .sImg{height: auto;}
.honorList ul li.top{margin-bottom: 0;}

.proList li{width: 48.333%;}
.proList li:nth-child(2n){margin-right: 0;}
.proList li:nth-child(3n){margin-right: 3%;}
.proList li .pImg{height: 220px;}
.proList li h5{font-size: 14px;height: 50px;line-height: 50px;}
.picBox .left{width: 94%;margin-bottom: 4%;}
.picBox .left .font{margin-bottom: 4%;}
.picBox .right{width: 100%}
.picBox .hd{top:38% }
.picBox .right .li .imgBox{height: auto}

.picList li{width: 31.333%;}
.picList li:nth-child(3n){margin-right: 0}
.picList li:nth-child(4n){margin-right: 2%;}

.serviceList ul li{width: 44%;margin-right: 2%;height: 174px;}
.serviceList ul li:nth-child(2n){margin-right: 0}
.serviceList ul li:nth-child(3n){margin-right: 2%}

.downList li{width: 44%;height: 110px;padding: 4% 2% 4% 2%;}
.downList li .more{margin: 4% 0;}
.downList li:nth-child(2n){margin-right: 0}
.downList li:nth-child(3n){margin-right: 3%}

.techList li{width: 43%;padding: 4% 2% 4% 2%;}
.techList li:nth-child(2n){margin-right: 0}
.techList li:nth-child(3n){margin-right: 3%}

.feedback_form ul li p input{width: 70%}
.feedback_form ul li p textarea{width: 80%;}

.companyImage{height: auto;}

.salary ul li{width: 44%}
.salary ul li:nth-child(2n){margin-right: 0}
.salary ul li:nth-child(3n){margin-right: 2%}
.salary ul li a h3{font-size: 16px;width: 50%;}
.salary ul li a h3 span{font-size: 12px;}

.listBanner{margin-top: 64px;}

.breadCrumb{padding-top: 4%}

#certify .swiper-slide{width: 72%}
#certify .swiper-button-prev{left: 5%;}
#certify .swiper-button-next{right: 5%;}

.slideBox2 .txtBox .font{width: 31%;}
.slideBox2 .txtBox .font::before{height: 160px;}
.slideBox2 .txtBox .font::after{height: 160px;}
.slideBox2 .txtBox .font p::before{width: 90px;}
.slideBox2 .txtBox .font p::after{width: 90px;}
.slideBox2 .txtBox .font h3{font-size: 32px;line-height: 40px;}
.slideBox2 .txtBox .font span{font-size: 14px;}

.picshow .fen{top: 70%;}

.right_nav{display: none;}
.picBox .profl{width: 100%}



.picshow{width: 100%}

/*==手机端导航↓==*/
.head-long{display: block; position: fixed;top: 0;z-index: 999;width: 100%;padding: 10px 0;background: #fff;box-shadow: 0 0 10px #bbb;}
.head-long .waplogo{height: 44px}
.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:220px;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: #1598d0;}
.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: #666;}
.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;}
}



@media all and (max-width:640px) {
.slideBox2 .hd li a{font-size: 10px;}
.mTitle{font-size: 28px;}

.factory ul li{height: 380px;}
.factory ul li.last{margin-right: 2%}
.partnerList li .sImg{height: 110px;}

.pageCulture .book{z-index: 1}

.proList li h5{font-size: 14px;height: 40px;line-height: 40px;}

.downList li{width: 94%;height: auto;padding: 4% 2% 4% 2%;}
.downList li .more{margin: 4% 0;}


.techList li{width: 94%;height: auto;padding: 4% 2% 4% 2%;}

.feedback_form ul li.verifycode p input{width: 70px;}
.feedback_form ul li.verifycode p img{height: 36px;}
.feedback_form ul li.btns input{width: 110px;}


.main2 ul li{width: 100%;margin-right: 0;float: left;}
.main2 ul li:nth-child(2n){margin-right: 0}

.btns p a .span2{width: 78%}

.salary ul li a h3{font-size: 14px;}
.salary ul li a p{font-size: 12px}



.slideBox2 .txtBox .font{width: 36%;}


}

@media all and (max-width:550px) {
.pageCulture .book{z-index: 1}

.factory ul li{height: 380px;width: 100%;height:auto;padding-bottom: 2%;}
.menuSub a{font-size: 12px;}

.newsList li .medium{width: 60%;}
.newsList li .more{margin: 8% 4% 8% 0%}

.picBox .hd{top: 42%}

.picList li{width: 48%;}
.picList li:nth-child(2n){margin-right: 0}
.picList li:nth-child(3n){margin-right: 2%}
.picList li:nth-child(4n){margin-right: 2%;}

.btns p a .span1{width: 14%}
.btns p a .span2{width: 70%}

.gr-jobs-list dd{height: auto;line-height: 50px;}

.salary ul li{width: 98%;height: 88px;}

#certify .swiper-slide{width: 66%}


.slideBox2 .txtBox .font{width: 40%;}
}


@media all and (max-width:490px) {
#certify .swiper-slide{width: 70%}


.slideBox2 .txtBox .font{width:50%;}

.picshow .left .message{width: 140px;}
}

@media all and (max-width:414px) {
.honorList ul li{width: 46%;}
}


@media all and (max-width:375px) {
.mTitle{font-size: 22px;}
.mTitleP{font-size: 12px;}

.application li h5{font-size: 10px;height: 30px;line-height: 30px;}

.slideBox2 .hd li{width: 48%}

.advantage li a{height: 310px;}
.advantage li .p{margin-top: 10px;}
.advantage li .p span{line-height: 22px;display: block;height: 290px;font-size: 12px;}

.factory ul li.last{margin-right: 2%}

.cultureList li{width: 96.2%;}

.partnerList li .sImg{height: 100px;}

.proIndex li .txt h3{font-size: 18px;line-height: 20px;}
.proIndex li .txt p{font-size: 12px;}

.menuSub a{font-size: 11px;}

.cultureList li{height: 140px;}

.proList li .pImg{height: 134px;}

.picBox .hd{top: 50%}

.picList li .sImg{height: 130px;}

.gr-jobs-list dd span b{font-size: 10px;}

.picshow .left .message{width: 100px;height: 46px;line-height: 46px;font-size: 14px;}
.picshow .fen{top: 68%;}

.slideBox2 .txtBox .font{width:55%;}
.slideBox2 .txtBox .font::before{height: 140px;}
.slideBox2 .txtBox .font::after{height: 140px;}
.slideBox2 .txtBox .font p::before{width: 70px;}
.slideBox2 .txtBox .font p::after{width: 70px;}
}

@media all and (max-width:320px) {
.picBox .left .tel400{width: 80%;margin-top: 4%;}
.serviceList ul li{height: 210px;}

.feedback_form ul li{margin-bottom: 4px;}
.feedback_form ul li p{width: 70%;}
.feedback_form ul li p input{line-height: 34px;height: auto;width: 90%;}
.feedback_form ul li p textarea{width: 90%;}
.feedback_form ul li.btns input{width: 90px;height: 45px;line-height: 45px;}

.btns p a .span1{width: 20%}
.btns p a .span2{width: 62%}

#certify .swiper-slide{width: 60%}

.slideBox2 .txtBox .font{width:64%;}
.mTitle2{font-size: 26px;}

.picshow .left .message{width: 78px;font-size: 12px;}
.picshow .left .tel400 h3{font-size: 24px;}
}