@media(max-width: 1680px){
	.business li img{margin-left: 6%}
	.business1{margin-right: 6%;width: 68%}
	.business2{line-height: 27px}
	.culture1,.culture1 li,.culture2,.culture2 li{height: 310px}
}
@media(max-width: 1600px){
    .hide3a span,.hide7a p{margin-top: 8px}
    .hide3a h1,.hide7a h1{font-size: 1.1vw}
    .syabout1{font-size: 0.95vw;line-height: 2vw}
    .syabout1 p{font-size: 0.95vw}
    .syabout{height: 400px}
    .business2{margin-top: 10px}
    .business li{height: 380px}
    .envir1{width: 86%}
    .all5{width: 1150px}
    .culture1 li p,.culture2 li p{line-height: 25px;}
    .close2{top: 30px;right: 3%}
    .partner li{height: 240px}
    .map{height: 600px}
    .talent{height: 750px}
    .index7 h2{margin-top: 2.8vw}
    .talent2 ul{line-height: 2.5vw}
}
@media(max-width: 1440px){
    .all5{width: 1000px}
    .about{line-height: 27px}
    .index5 h1{background-size: 90px 1px;padding-left: 110px}
    .culture1 li h1 span,.culture2 li h1 span{font-size: 16px;bottom: 5px;padding: 0 6px}
    .culture1, .culture1 li, .culture2, .culture2 li{height: 280px}
    .culture1 li p,.culture2 li p{font-size: 14px}
    .culture2 li:nth-of-type(2) h1 span{padding-left: 10px}
    .team{width: 1100px;margin-top: 2vw}
    .hide6a span{font-size: 16px}
    .close2,.close1{width: 25px}
    .teamde2{line-height: 30px}
    .lista{padding-top: 3vw}
    .hide3a span, .hide7a p{margin-top: 4px}
    .title4 span{margin-top: 10px}
    .all9{width: 1050px}
    .map{height: 550px}
    .contact h1,.contact ul li{font-size: 18px}
    .contact1 ul li{font-size: 14px}
    .contact1{margin-top: 20px}
    .talent2 ul p{font-size: 14px}
    .talent2{width: 760px}
    .talent2 ul{width: 660px}
    .index7{left: 50px;top: -50px}
    .index7 h2{margin-top: 2.5vw}
    .hide8 p{font-size: 14px;bottom: 5vw}
    .title5{background-size: 100%}
    .title5 span{margin-top: 10px}
    .content3{line-height: 30px}
    .job li h1{margin-top: 2.8vw}
    .nav li h1 a{font-size: 16px}
    .nav li{margin-right: 2.2vw}
    .head1 li{margin-right: 2.2vw}
    /*.logo img{height: 40px}*/
    .logo img{height: 3vw}
    .index7 h1{font-size: 80px}
}
@media(max-width: 1280px){
    .nav li{width: 6vw}
    .syabout1 p,.syabout1{font-size: 1.1vw}
    .business2{line-height: 25px}
    .all5{width: 900px}
    .culture1, .culture1 li, .culture2, .culture2 li{height: 260px}
    .culture1 li h1 span{padding: 0 5px;padding-top: 5px}
    .culture1 li h1 span, .culture2 li h1 span{font-size: 14px}
    .culture2 li:nth-of-type(2) h1 span{padding-left: 10px;padding-top: 5px}
    .all7b{width: 80%;padding: 0 10%}
    .title3 span{margin-top: 10px}
    .list{width: 800px;margin-left: -400px}
    .list li a{font-size: 1.1vw}
    .hide3a h1, .hide7a h1{font-size: 1.2vw}
    .content2,.all11a{width: 900px}
    .partner li{height: 240px}
    .listb li{font-size: 1.5vw}
    .all9{width: 950px}
    .map{height: 500px}
    .find4 span{margin-top: 1.1vw}
}
@media(max-width: 1024px){
    .head{width: 90%;padding: 0 5%;height: 65px}
    .nav,.head1{display: none}
    .menu{display: block;}
    .ser{margin-top: 2vw}
    .banner .owl-theme .owl-controls{margin-top: -95px;right: 3%}
    .synews{margin-top: 20px}
    .synews2{margin-left: 4%}
    .synews3{margin-right: 4%}
    .synews3 p{font-size: 0.9vw;margin-top: 5px}
    .syabout{width: 85%;height: 335px}
    .syabout1{width: 85%}
    .syabout1 p, .syabout1{font-size: 1.3vw;line-height: 2.5vw}
    .foot2{margin-top: 50px}
    .search1{width: 85%}
    .search2{width: 80%}
    .search2 input{font-size: 18px}
    .class li{margin-top: 5px}
    .back{width: 70px;height: 30px;top: 10px}
    .syproject li{margin-top: 7px}
    .title2{font-size: 2.5vw}
    .content1{width: 70%}
    .content1 p{font-size: 14px}
    .prode{width: 90%;margin-top: 20px}
    .index3{width: 90%;font-size: 2.3vw;margin-top: 5vw}
    .index3 span{font-size: 14px}
    .hide5a{bottom: 1.7vw}
    .now{height: 50px;line-height: 50px;overflow: hidden;}
    .business{margin-top: 30px;width: 90%}
    .all4{padding-bottom: 60px}
    .envir1{width: 90%}
    .index6 h1,.index2a h1,.index4 h1,.index1a h1{font-size: 4.5vw}
    .index6 p,.index2a p,.index1a p,.index4 p{font-size: 2vw}
    .culture{width: 90%}
    .more1 a,.more2 a{font-size: 16px}
    .more1,.more2{width: 100px}
    .list{width: 640px;margin-left: -320px}
    .list li{height: 4.5vw;line-height: 4.5vw}
    .list li a{font-size: 1.4vw}
    .culture1, .culture1 li, .culture2, .culture2 li{height: 210px}
    .culture2 li h1,.culture1 li h1{font-size: 7vw;width: 7.5vw}
    .culture1 li h1 span, .culture2 li h1 span{bottom: 0}
    .culture1 li h1 span{padding: 0 7px}
    .culture2 li h1 span{padding: 0 2px}
    .team{width: 90%}
    .hide6a h1{height: 70px;line-height: 70px;font-size: 2vw}
    .all7b{height: 95%}
    .pic3{width: 40%}
    .all7b{width: 65%;padding: 0 17.5%}
    .close2{top: 20px;right: 2%}
    .lista li a,.listb li{font-size: 2vw}
    .hide3a h1, .hide7a h1{font-size: 1.8vw;height: 2.4vw;line-height: 2.4vw}
    .hide3a span, .hide7a p{font-size: 14px;line-height: 14px}
    .page a{height: 35px;line-height: 35px}
    .content2, .all11a{width: 90%}
    .partner,.all9{width: 90%}
    .partner li{height: 200px}
    .partner li span img{max-width: 70%}
    .foot1 img{margin-top: 90px}
    .talent{height: 500px}
    .talent2{width: 90%;left: 5%;padding-top: 13vw}
    .index7 h1{line-height: 80px}
    .talent2 ul{width: 90%}
    .plan{width: 90%}
    .job li{padding-top: 3vw;padding-bottom: 3vw}
    .job li h1{margin-top: 2vw;font-size: 1.8vw}
    .job li span{margin-top: 8px}
    .all11b li span,.all11b dt span{font-size: 16px}
    .all11b li,.all11b dt{width: 160px;height: 50px;line-height: 50px}
    .all11b li img,.all11b dt img{width: 24px;padding-top: 12px}
    .all11b{margin-top: 3vw}
    .content3{font-size: 14px}
    .business1 h1{font-size: 2.5vw}
    .all5{width: 94%}
    .close1{top: 30px;right: 3%}
    .find2,.find3{width: 80%;height: 70px}
    .find4{width: 80%;padding-bottom: 10px}
    .find4 span{font-size: 16px}
    .search3{height: 70px}
    .find1{padding-top: 80px}
    
}
@media(max-width: 768px){
    .head{height: 7.5vw}
    .banner{display: none}
    .banner-phone{display: block;}
    
    .logo{margin-top: 1.7vw}
    .logo img{height: 4vw}
    .menu{width: 3vw;margin-top: 2.5vw}
    .ser{margin-top: 2.5vw}
    .ser img{width: 2.5vw}
    .head{width: 94%;padding: 0 3%}
    .syproject li{margin-top: 5px}
    .hide1a h1{font-size: 2.4vw}
    .index1,.index2{width: 94%}
    .index6 p, .index2a p, .index1a p, .index4 p{font-size: 16px}
    .index6 h1, .index2a h1, .index4 h1, .index1a h1{font-size: 36px}
    .synews2 span{font-size: 14px;margin-left: 8px;margin-top: 1vw}
    .synews2 h1{font-size: 3.5vw}
    .synews1{margin-top: 0}
    .syabout{width: 94%;height: 370px}
    .syabout1{width: 90%}
    .syabout1 p, .syabout1{font-size: 14px;line-height: 25px}
    .icon1{display: none}
    .foot1 img{margin-top: 70px}
    .foot2 li p{font-size: 14px}
    .content1{width: 94%;line-height: 30px}
    .prode{width: 100%;display: none}
    .prode-phone{display: block;}
    .now1{width: 94%}
    .now ul a{font-size: 14px;}
    .business{width: 94%;margin-top: 20px}
    .business li{width: 100%;height: auto;padding: 60px 0}
    .business li img{width: 12vw}
    .business1 h1{font-size: 18px}
    .list{width: 94%;margin-left: -47%}
    .list li{height: 45px;line-height: 45px}
    .list li a{font-size: 14px;}
    .all5{width: 94%}
    .about{line-height: 25px}
    .envir1{width: 95%}
    .culture{width: 94%}
    .culture1, .culture1 li, .culture2, .culture2 li{height: 170px}
    .culture2 li h1, .culture1 li h1{font-size: 8vw;width: 8.5vw}
    .culture1 li p, .culture2 li p{font-size: 12px;line-height: 20px}
    .culture1 li h1,.culture2 li h1{padding-top: 5vw}
    .culture1 li h1 span, .culture2 li h1 span{bottom: -2px}
    .culture1 li h1 span{padding: 0 4px}
    .culture2 li h1 span{padding: 0}
    .culture2 li:nth-of-type(2) h1 span{padding-left: 3px;padding-top: 0}
    .envir1 .owl-nav .owl-prev,.envir1 .owl-nav .owl-next{background-size: 8px}
    .team li{margin-top: 15px}
    .team{width: 94%}
    .hide6a h1{font-size: 2.5vw}
    .pic3{display: none}
    .all7{position: relative;}
    .pic3m{display: block;}
    .all7a{width: 100%;float: none}
    .all7b{width: 94%;float: none;padding: 0 3%}
    .title3{width: 94%;left: 3%;bottom: 6vw}
    .xyp{bottom: 6vw;right: 3%}
    .title3 h1{font-size: 4vw}
    .news li{width: 49.5%;margin-left: 0}
    .news li:nth-of-type(2n){float: right}
    .hide3a h1, .hide7a h1{font-size: 17px;height: 30px;line-height: 30px;}
    .hide7a{bottom: 20px}
    .title4{padding-left: 3%;padding-right: 3%;padding-bottom: 15px}
    .content2, .all11a{width: 94%;line-height: 25px}
    .partner, .all9{width: 94%}
    .partner{margin-top: 30px}
    .partner li{height: 160px;}
    .lista li a, .listb li{font-size: 18px}
    .map{height: 360px}
    .contact,.contact1{padding-left: 3%;padding-right: 3%}
    .all9{padding-bottom: 40px}
    .talent1{width: 94%;padding-top: 9vw}
    .talent2{width: 100%;left: 0}
    .index7 p{font-size: 16px}
    .talent2 ul{line-height: 30px;width: 94%}
    .index7 h1{font-size: 60px;line-height: 70px}
    .index7{top: -35px;left: 3%}
    .talent{height: 380px}
    .plan{width: 94%}
    .hide8 p{font-size: 12px;line-height: 25px}
    .index8{font-size: 50px}
    .all11{width: 94%;padding-left: 3%;padding-right: 3%}
    .job li{width: 32%;margin-left: 2%;padding-top: 40px;padding-bottom: 40px}
    .job li h1{font-size: 18px}
    .job li:nth-of-type(4n-3){margin-left: 2%}
    .job li:nth-of-type(3n-2){margin-left: 0}
    .job1{width: 60px;height: 60px;background-size: 25px}
    .job li:hover .job1 {background: #474747 url(../img/bg22a.png) center no-repeat;background-size: 25px;}
    .find4 h1{font-size: 30px}
    .find{background-size: 100% 300px;}
    .close2, .close1{width: 20px}
    .close1{top: 20px}
    .find2, .find3{width: 90%}
    .find1{padding-top: 40px}
    .find4{width: 90%;margin-top: 35px}
    .find4 span{margin-top: 15px}
    .banner .owl-theme .owl-controls{width: 65px}
    .banner .owl-theme .owl-dots .owl-dot.active:nth-of-type(1) span::before{font-size: 18px;top: -7px}
    .banner .owl-theme .owl-dots .owl-dot.active:nth-of-type(2) span::before{font-size: 18px;top: -7px}
    .banner .owl-theme .owl-dots .owl-dot.active:nth-of-type(3) span::before{font-size: 18px;top: -7px}
    .banner .owl-theme .owl-dots .owl-dot.active:nth-of-type(4) span::before{font-size: 18px;top: -7px}
    .banner .owl-theme .owl-dots .owl-dot.active:nth-of-type(5) span::before{font-size: 18px;top: -7px}
    .banner .owl-theme .owl-dots .owl-dot span{width: 60px;background-size: 100%}
    .banner .owl-theme .owl-dots .owl-dot{margin-top: 10px}
    .synews3 h1{font-size: 16px;height: 22px;line-height: 22px}
    .title1{width: 94%;margin-left: -47%;bottom: 50px}
    .title1 h1{font-size: 25px}
    .title1 p{font-size: 16px;margin-top: 10px}
    .title1 h2{margin-left: 0}
    .syproject{width: 94%;margin: auto;}
    .hide2{opacity: 1}
    .sybus1{display: none}
    .hide2 img{width: 80px;margin-top: 20vw}
    .synews,.class{width: 94%;margin: auto}
    .index1,.index2{margin-top: 60px;margin-bottom: 20px}
    .all1,.all2{background-size: 45vw}
    .all3{background-size: 30vw}
    .title1 p{margin-top: 20px}
    .banner1m{display: none;}
    .banner1-phone{display: block;}
    .news li img{height: 31vw}

} 
@media(max-width: 640px){
    .listc li{margin: 0 1.5%;margin-top: 10px}
    .listc li a{font-size: 14px}
    .news li img{height: auto}
    .head{height: 50px}
    .logo{margin-top: 10px}
    .logo img{height: 30px}
    .menu{width: 25px}
    .ser img{width: 20px}
    .ser,.menu{margin-top: 3.5vw}
    .search1{width: 94%;margin-top: 200px;height: 60px}
    .search2{height: 60px}
    .search2 input{font-size: 16px}
    
    .syproject li{width: 100%;float: none}
    .hide1a{width: 94%;margin-left: -47%;bottom: 20px}
    .hide1a h1{font-size: 18px;height: 22px;line-height: 22px;}
    .hide1a p{margin-top: 10px}
    .syproject li:nth-of-type(2n){float: none}
    .sybus li{width: 49.5%;margin-left: 0;margin-top: 6px}
    .sybus li:nth-of-type(2n){float: right}
    .sybus1{width: 80px;height: 80px;margin-left: -40px;margin-top: -40px}
    
    .hide2 h1{font-size: 18px}
    .hide2 p{font-size: 12px}
    .hide2 span{font-size: 14px;bottom: 30px}
    .synews li{width: 100%;margin: 0;margin-top: 5px}
    .hide3a{bottom: 30px;width: 94%;left: 3%}
    .hide3a h1, .hide7a h1{font-size: 18px}
    .synews1 li{width: 100%}
    .synews2 h1{font-size: 35px;height: 40px;line-height: 40px}
    .synews2 span{margin-top: 15px}
    .synews3{width: 73%;margin-top: 7px}
    .synews3 p{font-size: 14px}
    .syabout{padding-top: 10px}
    .class li{width: 49.7%;margin-left: 0}
    .class li:nth-of-type(2n){float: right}
    .hide4a h1{font-size: 18px}
    .hide4a{width: 94%;margin-left: -47%}
    .title2{font-size: 22px}
    .content1{line-height: 25px}
    .related li{margin-top: 5px;width: 100%;margin-left: 0}
    .hide5a{width: 94%;margin-left: -47%;bottom: 30px}
    .hide5a h1{font-size: 18px}
    .hide5a p,.hide4a p,.hide1a p{font-size: 14px;margin-top: 5px}
    .business{margin-top: 10px}
    .business li{padding: 40px 0}
    .business li img{margin-left: 3%}
    .business1{margin-right: 3%;width: 75%}
    .list{overflow-x: auto;white-space: nowrap;}
    .list li{width: 23%}
    .culture1, .culture1 li, .culture2, .culture2 li{height: 150px}
    .pic2{display: none}
    .culture1 li,.culture2 li{width: 50%}
    .news li{width: 100%;margin-top: 5px}
    .hide7a{width: 94%;margin-left: -47%}
    .title4 h1{font-size: 20px}
    .index3{font-size: 20px}
    .partner li{height: 140px}
    .partner li span img{max-width: 60%}
    .contact1 dl dt img{width: 100px}
    .contact ul li{margin-left: 65px}
    .talent2 ul{line-height: 25px}
    .talent2{padding-top: 16vw}
    .index7 h1{font-size: 50px}
    .talent1{padding-top: 40px}
    .hide8 p{line-height: 20px}
    .foot2 li{margin: 0 10px}
    .plan{overflow-x: auto;white-space: nowrap;}
    .plan li{display: inline-block;vertical-align: top;float: none;width: 40%}
    .hide8 img{width: 80px}
    .job{overflow: hidden;}
    .job li{width: 49%;margin-left: 0;padding-top: 50px;padding-bottom: 50px;float: left;display: block;}
    .job li:nth-of-type(2n){float: right}
    .job1{width: 80px;height: 80px}
    .job li:nth-of-type(4n-3){margin-left: 0}
    .back{display: none}
    .demo1a li{line-height: 60px}
    .demo1a li a{font-size: 20px}
    .synews2 h1{float: none;border: none;padding-right: 0;text-align: center;}
    .synews2 span{float: none;margin-left: 0}
    .synews2{margin-top: 0}
    .syabout{height: auto;padding-bottom: 40px}
    .foot1 img{margin-top: 50px}
    .foot2{margin-top: 30px}
    .foot2 li{display: block;margin-top: 20px}
    .foot3{line-height: 25px;padding: 20px 0}
    .banner .owl-controls{display: none}
    .find2, .find3{height: 60px}
    .search2{width: 75%}
    .search3{height: 60px;width: 60px;}
    .search3 input{background-size: 20px}
    .find3 ul .selected{font-size: 14px}
    .find3 ul li{font-size: 14px}
    .find{background-size: 100% 280px}
    .prode .owl-nav .owl-prev{width: 40px;height: 40px}
    .prode .owl-nav .owl-next{width: 40px;height: 40px}
    .prode .owl-theme .owl-controls{height: 40px;margin-top: -20px}
    .title1 h1{font-size: 35px;margin-top: 10px}
    .title1 p{font-size: 20px;}
    .title1 h2{height: 5px}
    .class li{width: 100%}
    .envir1 .owl-theme .owl-controls{display: none}
    .envir1{width: 100%}
    .culture2 li h1, .culture1 li h1{font-size: 50px;width: 55px;height: 55px;line-height: 55px}
    .hide6a h1{font-size: 16px;height: 40px;line-height: 40px}
    .team li{width: 49%;margin-left: 0}
    .team li:nth-of-type(2n){float: right}
    .team li{margin-top: 7px}
    .teamde3{margin-top: 20px;width: 100%;padding-bottom: 30px}
    .partner li{width: 49.95%;margin-left: 0;border: none !important;margin-top: 1px}
    .partner li:nth-of-type(2n){float: right}
    .listb{padding-top: 20px}
    .list li{height: 40px;line-height: 40px}
    .map{height: 300px}
    .amap-overviewcontrol,.amap-touch-toolbar .amap-zoomcontrol{display: none}
    .contact ul{display: none}
    .contact1 dl{width: 100%;float: none;text-align: left;margin-top: 20px}
    .contact1 ul{width: 100%;float: none}
    .contact1 dl dt{margin-left: 0;margin-right: 10px}
    .plan li{width: 60%}
    .hide8 img{padding-top: 50px}
    .hide8 p{bottom: 40px}
    .index8{font-size: 35px}
    .job li{padding-top: 35px;padding-bottom: 35px;margin-top: 7px}
    .job1{width: 70px;height: 70px}
    .job li span{font-size: 14px}
    .job li h1{font-size: 16px}
    .title5a{font-size: 18px}
    .all11a{margin-top: 20px}
    .content3{line-height: 25px}
    .demo1b p{font-size: 14px}

}