@media(max-width: 1680px){
	.nav li h1 a{font-size: 18px}
	.index1 h1,.index2 h1,.index3 h1{font-size: 65px}
	.index1 p,.index2 p,.index3 p{font-size: 25px}
	.syabt1{font-size: 16px;line-height: 30px;margin-top: 30px}
	.more1{margin-top: 25px}
	.all1a{margin-top: 0}
	.all1{height: 500px;padding-top: 80px}
	.all2{padding-top: 70px;padding-bottom: 70px}
	.hide1{width: 90%;margin-left: -45%;bottom: 100px}
	.hide1 p{font-size: 16px}
	.hide1 h1{font-size: 27px}
	.synews li{width: 150px;height: 40px;line-height: 40px}
	.synews li a{font-size: 20px}
	.all3{padding-top: 70px;height: 760px}
	.synews2 h1{font-size: 20px}
	.synews2{margin-top: 25px}
	.synews2 p{margin-top: 10px}
	.synews2 span{margin-top: 15px;font-size: 16px}
	.synews1 li{padding-bottom: 25px}
	.index4 h1{font-size: 40px}
	.index4 p{font-size: 30px}
	.syhonor1 li{margin-left: 20px}
	.more2{margin-top: 200px}
	.all4c{width: 67%}
	.symess{width: 94%}
	.index3 h1{line-height: 75px}
	.symess1a{height: 75px;line-height: 75px}
	.symess1a input{height: 75px}
	.symess1a label{font-size: 16px}
	.symess2 label{font-size: 16px}
	.symess3 input{font-size: 16px}
	.all4a{padding-top: 90px}
	.all4{height: 790px}
	.index5 h1,.index6 h1,.index7 h1,.index8 h1,.index9 h1,.index10 h1{font-size: 60px}
	.index5 p,.index6 p,.index7 p,.index8 p,.index9 p,.index10 p{font-size: 32px}
	.about1,.about1 p,.sister1,.susta1,.ethical1,.envir2{font-size: 22px}
	.page1,.page2,.page3,.page4,.page5,.page6,.page7{height: 850px}
	.aboutBody .Body1400 .fPart{width: 300px;height: 300px}
	.aboutBody .Body1400 .fPart h1{line-height: 300px;font-size: 25px}
	.aboutBody .Body1400{margin-top: -175px}
	.lista li{line-height: 85px}
	.lista{height: 85px}
	.lista li a,.list li a{font-size: 20px;padding: 0 25px}
	.aboutBody{padding-top: 300px}
	.ethical{padding-top: 240px}
	.list{height: 85px;line-height: 85px}
	.content2,.content2 p{font-size: 20px}
	.pro2 h1{font-size: 16px}
	.pro2 p{font-size: 18px}
	.pro3{font-size: 16px}
	.pro1{padding: 20px 25px}
	.all13{padding-top: 130px}
	.news1 h1{font-size: 22px}
	.news1 p{margin-top: 10px}
	.news1{margin-top: 35px}
	.news li{margin-top: 35px}
	.all11{padding-top: 40px}
	.news1 span{font-size: 20px;margin-top: 10px}
	.newsde{width: 90%}
	.title1 h1{font-size: 26px}
	.all11a{padding-top: 45px}
	.title1 span{margin-top: 15px}
	.title1{padding-bottom: 40px}
	.content1{margin-top: 35px;padding-bottom: 30px}
	.back{margin-top: 45px}
	.text{font-size: 22px}
	.index10{padding-top: 200px}
	.honor li h1{width: 290px;height: 290px}
	.honor li{margin: 0 1%;margin-top: 25px}
	.contact{padding-top: 40px}
	.all12{padding-top: 70px;padding-bottom: 120px}
	.form1{height: 65px;line-height: 65px}
	.form1 input{height: 65px;font-size: 16px}
	.form1 label,.form2 label{font-size: 16px}
	.form2 textarea{font-size: 16px;margin-top: 27px;height: 250px}
	.form2 label{margin-top: 25px}
	.form2{height: 300px}
}
@media(max-width: 1600px){
	.navchild{top: 72px}
	.head{height: 80px}
	.banner{padding-top: 80px}
	.logo{width: 235px}
	.nav li h1{line-height: 73px}
	.nav li h1 a{font-size: 18px}
	.lan{width: 40px;height: 40px;line-height: 40px;margin-top: 20px}
	.lan a{font-size: 16px}
	.index1 h1, .index2 h1, .index3 h1{font-size: 55px}
	.index1 p, .index2 p, .index3 p{font-size: 22px}
	.syabt1{margin-top: 20px}
	.more1{width: 120px;height: 35px;line-height: 35px}
	.more1 a{font-size: 14px}
	.all1{height: 460px}
	.all2{padding-top: 50px;padding-bottom: 50px}
	.all2 li{padding: 40px 0}
	.all3{height: 720px}
	.synews li a{font-size: 18px}
	.foota{height: 110px;line-height: 110px}
	.foota1 img{width: 210px}
	.index5 h1, .index6 h1, .index7 h1, .index8 h1, .index9 h1, .index10 h1{font-size: 45px}
	.index5 p, .index6 p, .index7 p, .index8 p, .index9 p, .index10 p{font-size: 28px}
	.about1, .about1 p, .sister1, .susta1, .ethical1, .envir2{font-size: 18px}
	.about1{line-height: 35px;margin-top: 70px}
	.about{padding-top: 300px}
	.index6{right: 10%}
	.page1, .page2, .page3, .page4, .page5, .page6, .page7{height: 750px}
	.aboutBody{padding-top: 250px}
	.susta{padding-top: 100px}
	.susta1{margin-top: 50px}
	.envir1{padding-top: 250px}
	.ethical{padding-top: 200px}
	.ethical1{margin-top: 60px}
	.sister{padding-top: 80px}
    .page7{padding-bottom: 50px}
	.sister1{margin-top: 40px}
	.index13 h1,.index11 h1,.index12 h1{font-size: 40px}
	.index13 p,.index11 p,.index12 p{font-size: 25px}
	.content2, .content2 p{font-size: 18px;line-height: 28px}
	.all13{padding-bottom: 130px;padding-top: 100px}
	.news1 h1{font-size: 20px}
	.news1 p{line-height: 25px;height: 50px;}
	.news1 span{font-size: 18px}
	.news1{margin-top: 30px}
	.content1{line-height: 30px;font-size: 16px}
	.content1 p{font-size: 18px}
	.honor li h1{width: 240px;height: 240px}
	.lista{top: 80px}
	.contact2a ul h1{font-size: 22px}
	.contact2a ul li{font-size: 16px}
	.map{height: 450px}
	.title2{padding-top: 50px}
	.prode-hxl .swiper-button-next,.prode-hxl .swiper-button-prev{margin-top: -150px}
	.pro3{width: 100px}
	.pro1{padding: 10px 10px}
	.pro2{width: 100%}
	.nav li{margin-right: 20px}
	.hide1 h1{font-size: 22px}
}
@media(max-width: 1440px){
    .nav li h1 a{font-size: 16px}
    .bot_icon img{width: 20px;margin: auto}
    .hide1{bottom: 60px}
    .hide1 h1{font-size: 16px}
    .hide1 p{font-size: 14px}
    .syhonor1{width: 55%;margin-top: 85px}
    .index3 h1{line-height: 55px}
    .symess1a label{width: 40%}
    .symess1a input{width: 60%}
    .symap{height: 300px}
    .all4{height: 740px}
    .symess2 label{width: 13%}
    .symess2 input{width: 86%}
    .index5 h1, .index6 h1, .index7 h1, .index8 h1, .index9 h1, .index10 h1{font-size: 40px;line-height: 60px}
    .index5 p, .index6 p, .index7 p, .index8 p, .index9 p, .index10 p{font-size: 24px}
    .about{padding-top: 270px}
    .aboutBody .Body1400 .fPart{width: 250px;height: 250px;line-height: 250px}
    .aboutBody .Body1400 .fPart h1{line-height: 250px;font-size: 16px}
    .aboutBody .Body1400{margin-top: -150px}
    .page1, .page2, .page3, .page4, .page5, .page6, .page7{height: 700px}
    .envir1{padding-top: 200px}
    .ethical{padding-top: 160px}
    .lista li a, .list li a{font-size: 18px}
    .list,.lista{height: 75px;line-height: 75px}
    .lista li{line-height: 75px}
    .about1{margin-top: 50px}
    .index13 h1, .index11 h1, .index12 h1{font-size: 35px}
    .index13 p, .index11 p, .index12 p{font-size: 22px}
    .prode{margin-top: 10px}
    .title2{padding-top: 55px}
    .news li{margin-top: 25px}
    .news{width: 80%}
    .index10{padding-top: 225px}
    .text{font-size: 22px;line-height: 30px;margin-top: 25px}
    .contact{padding-bottom: 50px}
    .map{margin-top: 35px;height: 400px}
    .message{width: 75%}
    .nav li{margin-right: 10px}
    .all4b{width: 27%}
    .all4c{width: 70%}
    .pro3{width: 100px;font-size: 14px}
    .sister1{line-height: 30px}
    .sister{padding-top: 60px}

}
@media(max-width: 1366px){
	.nav li{margin-right: 15px}
	.index1 h1, .index2 h1, .index3 h1{font-size: 50px}
	.index1 p, .index2 p, .index3 p{font-size: 20px}
	.syhonor1{width: 55%}
	.page1, .page2, .page3, .page4, .page5, .page6, .page7{height: 630px}
	.about{padding-top: 220px}
	.sister,.susta{padding-top: 85px}
	.prode{height: 400px;margin-top: 0}
	.title2{padding-top: 40px}
	.honor li h1{width: 180px;height: 180px}
	.honor{width: 85%}
    .sister{padding-top: 50px}
    .lista ul{overflow-x: auto;white-space: nowrap;}
    .syhonor{width: 40%}
    .padding{padding-left: 8%;padding-right: 8%}
    .head{width: 84%}
    .syhonor1 li{width: 27%}
    .page1 {background-size: 100% 100%;}
    .sister{padding-top: 40px}
    .sister1{margin-top: 30px}
    .page7{padding-bottom: 70px}
}
@media(max-width: 1280px){
    .lista li a, .list li a{padding: 0 20px}
    .head{width: 90%;padding: 0 5%}
    .nav li{margin-right: 5px}
}
@media(max-width: 1200px){
    .padding{padding-left: 5%;padding-right: 5%}
    .head{width: 90%}
    .nav li{margin-right: 5px}
    .syhonor1{width: 58%}
    .syhonor1 li{width: 26%}

}
@media(max-width: 1080px){
    .nav li h1 a{padding: 0 5px}
}
@media(max-width: 1024px){
	.hide1 h1{font-size: 14px}
    .list ul{overflow-x: auto;white-space: nowrap;}
    .padding{padding-left: 3%;padding-right: 3%}
    .head{width: 94%}
    .nav{display: none}
    .menu{display: block;}
    .lan{margin-right: 15px}
    .bot_icon{display: none}
    .banner .swiper-pagination{left: 50%;margin-left: -100px;bottom: 20px}
    .all1{padding-top: 50px;height: 370px}
    .index1 h1, .index2 h1, .index3 h1{font-size: 40px}
    .all2{padding-top: 30px;padding-bottom: 30px}
    .all2 li{padding: 25px 0}
    .all3{padding-top: 50px}
    .synews ul{margin-top: 35px}
    .synews1{margin-top: 40px}
    .all3{height: 590px}
    .syhonor1{margin-top: 35px}
    .more2{margin-top: 130px}
    .index4 p{font-size: 24px}
    .all4a{padding-left: 3%;padding-top: 50px}
    .symess1a,.symess1a input{height: 55px;line-height: 55px}
    .symess2,.symess2 input{height: 55px;line-height: 55px}
    .all4{height: 630px}
    .page1, .page2, .page3, .page4, .page5, .page6, .page7{height: 550px}
    .about{padding-top: 135px;width: 90%}
    .aboutBody{padding-top: 190px}
    .index6{right: 65px}
    .susta{width: 90%}
    .envir1{padding-top: 140px}
    .ethical{padding-top: 120px}
    .susta1{margin-top: 25px}
    .sister1{margin-top: 20px}
    .all13a{width: 94%}
    .all13{padding-top: 50px}
    .pro li{width: 31.5%;margin-left: 2.5%;margin-top: 20px}
    .all13{padding-bottom: 75px}
    .news{width: 94%}
    .all11a{width: 94%}
    .title1{padding-bottom: 25px}
    .content1{margin-top: 25px}
    .newsde{width: 94%}
    .all11a{padding-bottom: 45px}
    .all11{padding-bottom: 50px}
    .honor li h1{width: 230px;height: 100px}
    .honor li h1 img{width: 100%;height: 100%}
    .text{font-size: 18px}
    .all12-a{padding-bottom: 70px}
    .index10{padding-top: 195px}
    .contact{width: 94%}
    .contact1{width: 94%}
    .message{width: 94%}
    .all12{padding-top: 55px;padding-bottom: 70px}
    .form1 label{width: 30%}
    .form2 label{width: 10%}
    .form2{height: 255px}
    .form2 textarea{height: 200px}
    .form{margin-top: 30px}
    .sister1{width: 94%}
}
@media(max-width: 768px){
    .head{height: 60px;}
    .menu{margin-top: 19px}
    .logo{width: 170px}
    .banner{padding-top: 60px}
    .lan{width: 30px;height: 30px;line-height: 30px;margin-top: 14px}
    .lan a{font-size: 14px}
    .la{margin-top: 20px}
    .index1 h1, .index2 h1, .index3 h1,.index4 h1{font-size: 30px}
    .index1 p, .index2 p, .index3 p,.index4 p{font-size: 18px}

    .pic1{width: 48%}
    .all2 li{width: 49%;margin-left: 0;margin-top: 10px}
    .all2 li:nth-of-type(3n-2){margin-left: 0}
    .all2 li:nth-of-type(1){margin-top: 0}
    .all2 li:nth-of-type(2){margin-top: 0}
    .all3{height: 510px;padding-top: 30px}
    .all2 li:nth-of-type(2n){float: right}
    .all2 li p{line-height: 20px;height: 40px}
    .syhonor{margin-top: 35px;width: 40%}
    .syhonor1 li:nth-of-type(1){margin-left: 0}
    .syhonor1{margin-top: 15px}
    .more2 a{width: 120px;font-size: 14px}
    .more2{margin-top: 100px}
    .all4b{width: 100%;text-align: center;}
    .sycont{margin-top: 20px}
    .all4a{padding-right: 3%}
    .all4{height: auto;padding-bottom: 40px}
    .all4c{width: 100%;margin-top: 25px}
    .foota1 img{width: 150px}
    .symess{width: 100%}
    .lista ul{overflow-x: auto;white-space: nowrap;}
    .lista{top: 60px}
    .list, .lista,.lista li,.list li{height: 60px;line-height: 60px}
    .lista li a, .list li a{font-size: 16px}
    .page1, .page2, .page3, .page4, .page5, .page6, .page7{height: 400px}
    .about{padding-top: 120px}
    .about1,.susta1{line-height: 28px;font-size: 16px;margin-top: 20px}
    .page1{padding-top: 60px;padding-bottom: 40px}
    .index5 h1, .index6 h1, .index7 h1, .index8 h1, .index9 h1, .index10 h1{font-size: 35px}
    .index5 p, .index6 p, .index7 p, .index8 p, .index9 p, .index10 p{font-size: 18px}
    .aboutBody .Body1400 .fPart{width: 200px;height: 200px;line-height: 200px}
    .aboutBody .Body1400 .fPart h1{line-height: 200px;font-size: 20px}
    .aboutBody .Body1400{margin-top: -120px}
    .aboutBody{padding-top: 120px;padding-bottom: 40px}
    .index6{top: 20px;right: 3%}
    .sister, .susta{padding-top: 35px}
    .susta1{width: 80%;}
    .page4{height: 400px}
    .envir1{padding-top: 80px}
    .about1, .about1 p, .sister1, .susta1, .ethical1, .envir2{font-size: 16px}
    .envir2{margin-top: 25px}
    .ethical{padding-top: 50px;padding-bottom: 100px}
    .ethical1{width: 90%;margin-top: 20px;line-height: 28px}
    .susta{padding-bottom: 100px}
    .sister1{width: 94%;line-height: 23px}
    .page7{margin-bottom: 10px;padding-bottom: 230px}
    .content2, .content2 p{font-size: 16px;line-height: 30px}
    .pro li{width: 100%;margin: 0;margin-top: 15px}
    .pro li:nth-of-type(2n){float: right}
    .container-hxl{width: 94%}
    .back1{top: 30px}
    .prode-hxl .swiper-button-next, .prode-hxl .swiper-button-prev{margin-top: -265px}
    .news li{margin-top: 15px}
    .all11{padding-top: 10px}
    .news1 h1{font-size: 18px}
    .news1 p{line-height: 20px;height: 40px}
    .news1{margin-top: 10px;margin-left: 3%}
    .news1 span{margin-top: 5px}
    .title1 h1{font-size: 22px}
    .all11a{padding-top: 25px}
    .back{margin-top: 30px}
    .honor li h1{width: 200px;height: 200px}
    .honor li h1 img{height: 200px}
    .index10{padding-top: 155px}
    .index11{float: none;text-align: center;}
    .contact2a{float: none;font-size: 0}
    .contact2a ul{float: none;display: inline-block;vertical-align: top;text-align: center;padding: 0;width: 49%}
    .map{height: 300px}
    .form1{width: 100%;margin-top: 10px;margin-left: 0}
    .form1 label,.form2 label{width: 15%}
    .form1 input{width: 83%}
    .form2 textarea{width: 83%}
    .sypro-phone{display: block;}
    /*.sypro-phone .swiper-slide{height: 500px}*/
    .hide1{bottom: 10px}
    .sypro{display: none}
    .sypro-phone{display: block;}
}
@media(max-width: 580px){
    .nav_phone ul li h1 a{font-size: 16px}
    .banner .swiper-pagination{bottom: 5px}
    .banner .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 5px}
    .head{height: auto}
    .logo{margin-top: 0;width: 155px}
    .menu{margin-top: 12px}
    .lan{height: 28px;line-height: 28px;width: 28px;margin-top: 9px}
    .banner{padding-top: 47px}
    .all1a{width: 100%}
    .all1{height: auto;padding-top: 30px;padding-bottom: 40px}
    .index1{text-align: center;}
    .index1 h1, .index2 h1, .index3 h1, .index4 h1{font-size: 30px;line-height: 35px}
    .index1 p, .index2 p, .index3 p, .index4 p{font-size: 16px}
    .more1{margin: auto;margin-top: 20px}
    .pic1{width: 100%;margin-top: 20px}
    
    .hide1 h1{font-size: 20px}
    .hide1 p{font-size: 12px}
    .index2{float: none;text-align: center;}
    .synews{float: none;text-align: center;}
    .synews li{float: none;display: inline-block;vertical-align: top;width: 130px}
    .synews li a{font-size: 14px}
    .synews ul{margin-top: 20px}
    .synews1 li{width: 100%;float: none;margin-top: 20px;margin-left: 0}
    .all3{height: auto;padding-bottom: 40px}
    .synews1{margin-top: 10px}
    .all5-1{display: none}
    .all5-2{display: block;}
    .syhonor{width: 100%;}
    .index4{text-align: center;}
    .more2{margin-top: 20px}
    .more2 a{float: none;margin: auto;display: block;}
    .syhonor1{width: 100%;text-align: center;}
    .syhonor1 ul{margin-top: 10px}
    .syhonor1 li{float: none;display: inline-block;vertical-align: top;width: 31%;margin: 0;}
    .symess1a{width: 100%;border-bottom: 1px solid #fff}
    .symess1{border: none}
    .all4a{padding-top: 30px}
    .symess1a label,.symess2 label{width: 22%}
    .symess2 input,.symess1a input{width: 78%}
    .foota{height: auto;text-align: center;padding: 15px 3%;line-height: 25px}
    .foota1{float: none;margin: auto;text-align: center;}
    .foota2 a{display: block;}
    .foota2{float: none;margin-top: 10px}
    .foota1 img{margin: auto}
    .lista{top: 47px}
    .page1{background-size: 100% 100%;height: auto}
    .about{padding-top: 80px;width: 94%}
    .index5 h1, .index6 h1, .index7 h1, .index8 h1, .index9 h1, .index10 h1{font-size: 25px;line-height: 25px}
    .about1, .about1 p, .sister1, .susta1, .ethical1, .envir2{font-size: 14px;line-height: 25px}
    .diyi{display: none}
    .diyi-phone{display: block;}
    .index6{position: static;top: auto;right: auto;width: 100%;text-align: center;}
    .page2{height: auto;padding-top: 40px;padding-bottom: 40px}
    .aboutBody{padding-top: 0;padding-bottom: 0;}
    .susta{width: 94%}
    .susta1{width: 100%}
    .envir{width: 65%}
    .envir1{width: 85%}
    .lista li a, .list li a{padding: 0 20px}
    .index13 h1, .index11 h1, .index12 h1{font-size: 24px}
    .index13 p, .index11 p, .index12 p{font-size: 18px}
    .pro2{width: 100%}
    .pro3{width: 100%;font-size: 14px;margin-top: 8px}
    .pro2 h1{font-size: 18px}
    .pro2 p{font-size: 14px}
    .title2{text-align: center;}
    .title2 h1{font-size: 20px;display: block;}
    .title2 span{font-size: 16px;display: block;}
    .back1{width: 30px;right: 3%}
    .prode-hxl .swiper-button-next,.prode-hxl .swiper-button-prev{width: 35px;height: 35px;background-size: 8px}
    .pic3{width: 100%;float: none}
    .news1{width: 94%;float: none;margin: auto;margin-top: 10px}
    .news{overflow: hidden;}
    .news1 span{font-size: 14px;background-size: 40px}
    .news1 p{margin-top: 0}
    .news li{width: 100%;float: left;padding-bottom: 10px}
    .news li:nth-of-type(2n){float: right}
    .honor{width: 94%}
    .honor li h1{width: 110px;height: 110px}
    .honor li h1 img{height: 110px}
    .text{font-size: 14px;line-height: 20px}
    .contact2a ul{width: 100%;border: none;line-height: 30px}
    .contact{padding-top: 30px}
    .map{margin-top: 20px}
    .all11{padding-bottom: 30px}
    .all12{padding-top: 30px;padding-bottom: 45px}
    .form1 label, .form2 label{width: 21%;font-size: 14px}
    .form1 input{width: 77%;font-size: 14px}
    .form2{height: 160px}
    .form2 textarea{width: 73%;height: 105px;font-size: 14px}
    .form2 label{margin-top: 16px}
    .form2 textarea{margin-top: 16px}
    .form1{height: 50px;line-height: 50px}
    .form1 input{height: 50px}
    .form{margin-top: 15px}
    .banner1{padding-top: 47px}
    .honor li{margin-top: 15px}
    .sycont h1{font-size: 20px}
    .sycont li{line-height: 25px}
    .pro2 h1{line-height: 25px;font-size: 16px;overflow: auto}

}

@media(max-width: 360px){
    .form1 label, .form2 label{width: 28%}
    .form1 input,.form2 textarea{width: 70%}
    .index1 h1, .index2 h1, .index3 h1, .index4 h1{font-size: 25px}
    .index5 h1, .index6 h1, .index7 h1, .index8 h1, .index9 h1, .index10 h1{font-size: 25px}
    .index13 h1, .index11 h1, .index12 h1{font-size: 25px}
    .syabt1{font-size: 14px;line-height: 25px}
    .all2 li p{font-size: 14px}
    .all2 li .a{width: 45px;margin: auto}
    .all2 li .b{width: 45px;margin: auto}
    .all2 li h1{width: 45px;height: 45px}
    .all2 li{padding: 15px 0}
    .synews li{width: 120px;margin: 0 1%}
    .sycont li{line-height: 25px}
    .symess1a label, .symess2 label{width: 28%;font-size: 14px}
    .symess2 input, .symess1a input{width: 70%;font-size: 14px}
    .news1 h1{font-size: 16px}
    .title1 h1{font-size: 18px}
    .honor li h1{width: 90px;height: 90px}
    .honor li h1 img{height: 90px}
}