@media(max-width: 1600px){
    .nav li h1 a{font-size: 18px;padding-left: 10px;padding-right: 10px}
    .index1 h1,.index2 h1,.index3 h1,.index4 h1,.index5 h1,.index11 h1{font-size: 45px}
	.index1 p,.index2 p,.index3 p,.index4 p,.index5 p,.index11 span{font-size: 25px}
	.sycooper1{width: 120px;height: 200px;margin-left: 70px}
	.sycooper1:before{border-width: 100px 65px;right: 120px;}
	.sycooper1:after{border-width: 100px 65px;left: 120px;}
	.sycooper1 span img{max-width: 120px}
	.sycooper .sycooper1:nth-of-type(2n-1){margin-top: 115px}
	.all4{padding-bottom: 120px}
	.all7{padding-top: 60px}
	.about1{margin-top: 60px}
	.now{height: 80px;line-height: 80px}
	.now2 img{margin-top: 30px}
	.culture1 li h1{font-size: 30px}
	.index8 h1,.index6 h1,.index7 h1,.index12 h1,.index10 h1,.index9 h1{font-size: 32px}
	.index8 span,.index6 p,.index7 p,.index12 p,.index10 p,.index9 p{font-size: 20px}
	.pro-list ul li a{font-size: 16px}
	.pro li a{padding-top: 40px}
	.pro li{padding-bottom: 40px}
	.foot3 ul li h1{font-size: 30px}
	.demo1{height: 600px;margin-top: -300px}
	.index11 img{width: 80%}
	.all7{padding-bottom: 70px}
	.news2 h1{font-size: 45px}
	.news3a p{margin-top: 10px}
	.more2{font-size: 14px;margin-top: 20px}
	.news1{margin-top: 30px}
	.title1{padding-top: 60px}
	.title1 span{font-size: 16px}
	.content1,.content1 p{font-size: 16px}
	.job3{height: 80px;line-height: 80px}
	.job3 p{font-size: 16px}
	.contact3 h1{font-size: 20px}
	.contact3 li span{font-size: 16px;width: 18%}
	.contact3 li p{font-size: 16px;width: 80%}
	.infor1 ul li{font-size: 20px}
	.infor1 ul{height: 80px}
	.infor1{line-height: 80px}
	.infor1 dl dt{font-size: 16px}
	.form1 label{font-size: 16px}
	.form1 input{font-size: 16px}
	.form1{height: 65px;line-height: 65px}
	.form1 input{height: 65px}
	.form2 label{font-size: 16px}
	.form2 textarea{font-size: 16px}
	.syabt1{margin-top: 30px}
	.more1{margin-top: 40px}
}
@media(max-width: 1440px){
    /*.head{width: 1200px;margin-left: -600px}
    .padding{max-width: 1200px;margin: auto}
    .all3a{max-width: 1280px}*/
    .banner1 .ua2{max-width: 1440px}
	.nav li h1 a{font-size: 18px;padding-left: 10px;padding-right: 10px}
	.nav li{margin-right: 10px}
	.index1 h1,.index2 h1,.index3 h1,.index4 h1,.index5 h1{font-size: 40px}
	.index1 p,.index2 p,.index3 p,.index4 p,.index5 p{font-size: 23px}
	.syabt1{margin-top: 30px}
	.all1{margin-top: 80px;background-position: 100% 200%;background-size: 500px}
	.more1{margin-top: 35px}
	.syabt{margin-top: 0}
	.sypro li a{font-size: 16px}
	.sypro li{width: 110px}
	.sypro1 .swiper-slide h1{font-size: 18px}
	.all3a{padding-top: 50px}
	.sysupport{margin-top: 50px}
	.all3{background-size: 100% 375px}
	.all4{padding-top: 60px;padding-bottom: 90px}
	.sycooper1{width: 100px;height: 180px;margin-left: 70px}
	.sycooper1:before{border-width: 90px 55px;right: 100px}
	.sycooper1:after{border-width: 90px 55px;left: 100px}
	.sycooper1 span img{max-width: 100px}
	.sycooper .sycooper1:nth-of-type(2n-1){margin-top: 115px}
	.all5{padding-top: 60px}
	.all5a{padding: 60px 5%}
	.all6{padding-top: 60px}
	.synews{margin-top: 40px}
	.synews3{width: 83%}
	.more2{margin-top: 25px}
	.foot2 ul li{margin-right: 25px}
	.foot{padding-top: 40px}
	.foot4{height: 50px;line-height: 50px}
	.sypro1 .swiper-slide{padding-top: 50px;padding-bottom: 50px}
	.sypro1 .swiper-slide h2{width: 150px}
	.all2{padding-bottom: 80px}
	.sycooper{margin-top: 40px}
	.news3a p{height: 46px}
	.more2{margin-top: 20px}
    .all7c{width: 85%}
    .map{height: 580px}
    .contact1{margin-top: 50px}
    .contact3{margin-top: 30px}
}
@media(max-width: 1366px){

	.logo{width: 195px}
	.nav li h1 a{padding-top: 40px;font-size: 16px;}
	.all1{padding-bottom: 90px}
	.sypro1{margin-top: 40px}
	.index6{width: 25%}
	.about{width: 65%}
	.pro li{margin-top: 40px}
	.pro li p{margin-top: 10px}
	.demo1{height: 500px;margin-top: -250px}
	.prode{height: 350px}
	.title2{font-size: 24px;padding-bottom: 10px}
	.prode1{font-size: 18px;margin-top: 15px}
	.prode2{padding-bottom: 20px}
	.prode3{line-height: 30px}
}
@media(max-width: 1280px){
	.logo{width: 170px}
	.nav li{margin-right: 2px}
	
}
@media(max-width: 1024px){
    .padding{padding-left: 4%;padding-right: 4%}
    .head{width: 92%;margin-left: -46%}
    .nav{display: none}
    .menu{display: block;}
    .logo{margin-top: 15px}
    .banner .swiper-pagination{bottom: 20px}
    .bot_icon img{width: 20px;display: block;margin: auto}
    .bot_icon{bottom: 20px}
    .all1{margin-top: 40px}
    .pic1{float: none;margin: auto}
    .syabt{width: 100%;float: none}
    .index1{text-align: center;padding-top: 40px}
    .more1{margin: auto;margin-top: 30px}
    .all1{padding-bottom: 40px}
    .index2{float: none;text-align: center;}
    .sypro{float: none;text-align: center;}
    .sypro li{margin-left: 0;margin: 0 10px}
    .all2{padding-top: 40px;padding-bottom: 40px}
    .all3a{padding: 0 4%}
    .all3{padding-top: 40px;padding-bottom: 60px}
    .sysupport,.sycooper{display: none}
    .sysupport-pad,.sycooper-phone{display: block;}
    .index3,.index4,.index5{text-align: center;}
    .all5a{padding: 30px 5%}
    .foot2{float: none;text-align: center;}
    .foot3{float: none;text-align: center;}
    .foot2 img{margin: auto}
    .foot2 ul li{float: none;display: inline-block;vertical-align: top}
    .foot3 ul,.foot3a,.foot3 ul li img,.foot3 ul li h1{float: none;display: inline-block;vertical-align: top}
    .foot1{padding-bottom: 60px}
    .index6{width: 100%;float: none;text-align: center;}
    .about{width: 100%;float: none;margin-top: 40px}
    .about1,.culture1{margin-top: 40px}
    .all7{padding-top: 40px}
    .culture{margin-top: 25px}
    .culture1 li h1{font-size: 25px}
    .now1 li a{font-size: 16px}
    .now2 ul a{font-size: 16px}
    .index8 h1, .index6 h1, .index7 h1, .index12 h1, .index10 h1, .index9 h1{font-size: 28px}
    .index8 span, .index6 p, .index7 p, .index12 p, .index10 p, .index9 p{font-size: 16px}
    .pro li{margin-top: 20px}
    .now{height: 60px;line-height: 60px}
    .now2 img{margin-top: 20px}
    .part1{width: 100%;float: none;text-align: center;}
    .index11 img{width: 240px;margin: auto}
    .part1a{width: 100%;margin-top: 30px;line-height: 30px}
    .certify{width: 96%}
    .index1 h1, .index2 h1, .index3 h1, .index4 h1, .index5 h1, .index11 h1{font-size: 35px}
    .index1 p, .index2 p, .index3 p, .index4 p, .index5 p, .index11 span{font-size: 20px}
    .more2{display: none}
    .news1{margin-top: 40px}
    .title1{padding-top: 30px;padding-bottom: 20px}
    .title1 h1{font-size: 20px;margin-bottom: 10px}
    .all7c{width: 90%}
    .all7b{padding-bottom: 60px}
    .job{margin-top: 40px}
    .joba{width: 100%}
    .back{margin-top: 30px}
    .map{float: none;margin-top: auto;height: 400px;width: 100%;margin-top: 30px}
    .contact1{float: none;width: 100%;margin-top: 30px}
    .contact3 ul{overflow: hidden;}
    .contact3 ul li{width: 48%;float: left}
    .contact2{width: 94%}
    .index10{text-align: center;}
    .index10 h2{margin: auto;margin-top: 20px}
    .contact3 ul li:nth-of-type(2n){float: right}
    .contact3 li span{width: 23%}
    .contact3 li p{width: 75%}
    .infor{margin-top: 40px;padding: 40px 0}
    .infor1{width: 92%}
    .infor1{line-height: 60px}
    .infor1 ul{height: 60px}
    .infor1 ul li{font-size: 18px}
    .form1 label{width: 32%}
    .form1 input{width: 65%}
    .message{margin-top: 40px}
    .form1{height: 50px;line-height: 50px}
    .form1 input{height: 50px}
    .form2{height: 250px}
    .form2 label{width: 11%;margin-top: 20px}
    .form2 textarea{width: 87%}
    .form2 textarea {height: 200px;margin-top: 20px}
}
@media(max-width: 768px){
    .bot_icon{display: none}
    .logo{width: 110px}
    .menu{width: 25px}
    .banner .swiper-pagination{width: 200px;left: 50%;margin-left: -100px;right: auto;bottom: 10px}
    .banner .swiper-pagination .swiper-pagination-bullet{margin: 0 5px}
    .pic1{width: 100%}
    .index1{padding-top: 30px}
    .index1 h1, .index2 h1, .index3 h1, .index4 h1, .index5 h1, .index11 h1{font-size: 25px}
    .index1 p, .index2 p, .index3 p, .index4 p, .index5 p, .index11 span{font-size: 18px}
    .syabt1{margin-top: 20px;font-size: 14px;line-height: 25px}
    .syabt1 p{font-size: 14px}
    .more1 a{font-size: 14px}
    .all2a{padding: 0}
    .sypro li a{font-size: 14px}
    .sypro li{width: 30%;height: 40px;line-height: 40px;margin: 0 1%}
    .sypro2{display: none}
    .sypro2-phone{display: block;}
    .sypro2-phone .swiper-slide h2{width: 60%;font-size: 14px}
    .sypro1 .swiper-slide{padding-top: 20px;padding-bottom: 40px}
    .sypro1{margin-top: 20px}
    .sysupport-phone{display: block;}
    .sysupport-pad{display: none;}
    .all3{background-size: cover;}
    .sycooper-phone li{width: 48%;height: 200px;margin: 0;margin-top: 20px}
    .sycooper-phone li:nth-of-type(2n){float: right}
    .all4{padding-top: 40px;padding-bottom: 50px}
    .all5a{margin-top: 30px}
    .all5{padding-top: 30px;padding-bottom: 40px}
    .all5a li{width: 49.8%;border-top: 1px solid #eeeeee;border-left: 1px solid #eeeeee}
    .all5a li:nth-of-type(2n){float: right}
    .all5a li:nth-of-type(2n-1){border-left: none}
    .all5a li:nth-of-type(1),.all5a li:nth-of-type(2),.all5a li:nth-of-type(3),.all5a li:nth-of-type(4),
    .all5a li:nth-of-type(5),.all5a li:nth-of-type(6){border-top: 1px solid #eeeeee}
    .all5a li:nth-of-type(1),.all5a li:nth-of-type(2){border-top: none}
    .all6{padding-top: 30px}
    .pic2{width: 100%}
    .synews1{width: 100%}
    .synews3{width: 76%}
    .synews2 h1{font-size: 45px}
    .synews3a p{height: 46px}
    .foot2 ul{display: none}
    .foot4{height: auto;line-height: 20px;text-align: center;padding: 10px 2%}
    .foot4a,.foot4b a,.foot4c a{font-size: 12px;}
    .foot4a{float: none;width: 100%}
    .foot4b{float: none;display: inline-block;vertical-align: top;margin: 0}
    .foot4c{float: none;display: inline-block;vertical-align: top;margin: 0}
    .foot{padding-top: 30px}
    .foot2 img{width: 50%}
    .foot3 ul li h1{font-size: 25px}
    .foot3 p{font-size: 14px}
    .foot3 ul li img{margin-top: 0}
    .foot1{padding-bottom: 30px}
    .all5a li img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);
-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1;}
    .close3{width: 30px}
    .nav_phone ul li{margin-top: 20px}
    .index8 h1, .index6 h1, .index7 h1, .index12 h1, .index10 h1, .index9 h1{font-size: 25px}
    .all7{padding-top: 30px;padding-bottom: 50px}
    .about{margin-top: 20px}
    .now2{display: none}
    .now1{width: 100%;float: none;overflow-x: auto;white-space: nowrap;}
    .now1 li{float: none;display: inline-block;vertical-align: top}
    .now1 li a{padding: 0 20px}
    .about p,.about{font-size: 14px;line-height: 25px}
    .culture{font-size: 14px}
    .culture1 li{width: 48%;margin: 0;margin-top: 20px}
    .culture1 li:nth-of-type(2n){float: right}
    .about1, .culture1{margin-top: 20px}
    .vision1{position: static;width: 100%;height: auto;box-shadow: none;background: none}
    .index8 h1{color: #5f5f5f}
    .index8{width: 100%;text-align: center;padding-top: 0}
    .index8 span{color: #b8b8b8}
    .index8 h2{margin: auto;margin-top: 20px;display: none}
    .index8 p{color: #5f5f5f;font-size: 14px;margin-top: 10px}
    .vision img{margin-top: 20px}
    .pro-list img{float: none;margin: auto;display: block;width: 40%}
    .pro-list ul li{width: 30%;margin: 0;margin-left: 4%;margin-top: 10px}
    .pro-list ul li a{font-size: 14px}
    .pro-list ul{width: 100%;float: none}
    .pro-list ul li:nth-of-type(3n-2){margin-left: 0}
    .pro{padding: 0;margin-top: 10px}
    .pro li{width: 48%;margin: 0;margin-top: 20px;padding-bottom: 20px}
    .pro li:nth-of-type(2n){float: right}
    .pro li a{padding-top: 10px}
    .pro li span{margin-top: 10px;width: 60%;height: 35px;line-height: 35px}
    .pro li p{margin-top: 0}
    .demo1{width: 94%;margin-left: -47%}
    .pic5{float: none;width: 50%;margin: auto}
    .demo1a{margin-top: 40px}
    .prode{width: 100%;margin: 0;margin-top: 10px;height: 240px}
    .title2{font-size: 20px;text-align: center;}
    .index11 img{margin-top: 20px}
    .part1a p{font-size: 14px}
    .part1a{line-height: 25px;font-size: 14px}
    .book{padding-top: 40px;padding-bottom: 40px}
    .width{width: 94%}
    .index12{float: none;text-align: center;}
    .book1{float: none;width: 100%;margin-top: 30px}
    .book1 img{width: 100%;display: block;}
    .certify1{float: none;width: 100%;text-align: center;}
    .certify{float: none;margin: auto}
    .certify .swiper-container,.certify .swiper-button-next,.certify .swiper-button-prev{display: none}
    .certify-phone{display: block;}
    .pic3{width: 100%;float: none}
    .news1{width: 90%;margin: auto;margin-top: 20px;float: none}
    .news3{width: 76%}
    .news2 h1{font-size: 45px;line-height: 45px}
    .news3a p{height: 46px}
    .news li{padding-bottom: 15px}
    .more3{margin-top: 40px}
    .more3 a{font-size: 14px}
    .title1 h1{font-size: 18px}
    .title1 span,.back a{font-size: 14px}
    .content1, .content1 p{font-size: 14px;line-height: 25px}
    .content1{margin-top: 20px}
    .all7b{padding-bottom: 40px}
    .job{margin-top: 30px}
    .job1{height: 50px;line-height: 50px}
    .job1 h1,.job1 span{font-size: 16px}
    .job3 p{font-size: 14px;width: auto;margin-right: 2%}
    .job3{height: auto;line-height: 25px;padding: 10px 0}
    .job3a{margin-top: 20px}
    .joba{padding-bottom: 40px}
    .contact3 ul li{width: 100%}
    .contact3 li p,.contact3 li span{font-size: 14px}
    .map{height: 270px}
    .infor{padding: 0;border-radius: 5px}
    .infor1{width: 100%;line-height: 50px;border: none;}
    .infor1 ul{height: 50px}
    .infor1 ul li{font-size: 16px}
    .infor1 dl dt{font-size: 14px}
    .form1{width: 100%;margin: 0;margin-top: 15px}
    .form1 label,.form2 label{font-size: 14px;width: 25%}
    .form1 input,.form2 textarea{font-size: 14px;width: 73%}
    .index9{text-align: center;}
    .message{margin-top: 20px}
    .form2 textarea{height: 150px}
    .form2{height: 190px}
    .form3 input{font-size: 14px}
    .index10 h2{display: none}
    .contact3{margin-top: 20px}
    .banner1 .ua2a{display: block;}
    .banner1 .ua2{display: none}

}