@media(max-width: 1680px){
	.hide2b{margin-top: 10px;}
	.hide2a{padding-top: 5%;}
	.hide2a h3{font-size: 25px;}
	.hide2a p{font-size: 14px;}
	.float li{width: 87px;height: 87px;}
	.float li .ua6{width: 25px;padding-top: 33px;}
	.float li h1{height: 87px;background: #ddb38b;position: absolute;top: 0;left: 135%;color: #fff;line-height: 87px;font-size: 18px;padding: 0 20px;
	transition:All 0.2s ease-in-out;overflow: hidden;}
    .float li:hover h1{left: -358%;}


    .float li h3{height: 87px;line-height: 87px}
    .float li h2{width: 87px;height: 87px}
    .float li:hover h3{left: -170%;}


	.news{width: 1157px;}
	.news li{width: 560px;}
	.pic8{height: 275px;}
	.news1{width: 505px;}
	.all7{width: 1155px;}
	.time{left: 50px;}
	.back{right: 50px;width: 26px;}
	.content1{width: 1055px;}
	.xyp{padding: 0 50px;}
	.all5,.all6a{width: 1315px;}
	.index8{font-size: 77px;letter-spacing: 15px;}
	.about{width: 657px;}
	.about1{width: 535px;}
	.pic5{width: 875px;}
	.index9{top: 75px;}
	.index9 h1{font-size: 77px;}
	.all6{padding-top: 130px;}
	.pic6{width: 472px;}
	.founder{width: 884px;min-height: auto;}
	.founder1{width: 760px;}
	.contact{margin-top: 88px;}
	.map{width: 1420px;}
	.map1{width: 700px;height: 490px;}
	.all8b{width: 1300px;}
	.all8b li{width: 545px;padding: 0 40px;}
	.all8b li h1{padding-top: 30px;}
	.close1{right: 24%}
}
@media(max-width: 1600px){
	.nav{margin-right: 4%;}
	.sycase{width: 1285px;}
	.sycase1{width: 1035px;}
	.pic3{width: 518px;}
	.sycase2,.index3{width: 480px;}
	.index3{right: 123px;}
	.index3 h1{font-size: 50px;}
	.sycase2{margin-top: 205px;}
	.sycase2 h1{width: 250px;height: 155px;line-height: 155px;font-size: 17px;}
	.all4{width: 1150px;padding-bottom: 190px;}
	.pic4,.index4,.synews{width: 1000px;}
	.index5{width: 243px;}
	.index4 h1{font-size: 41px;}
	.index4 a{width: 44px;margin-top: 80px;}
	.synews1{width: 570px;margin-right: 64px;}
	.icon1 img{width: 237px;}
	.all4 .swiper-button-prev{right: 593px;}
	.partner1,.foot1,.foot4{width: 1150px;}
	.foot3{width: 505px;}
	.index1 h1,.index2 ul h1{font-size: 50px;}
	.index1 h1 span,.index2 ul span{font-size: 20px;}
	.index1 a img{width: 45px;}
	.syabt3 h1{font-size: 30px;}
	.hide2b h2{font-size: 16px;}
	.all2{padding-left: 7%;padding-right: 7%;}
	.pic4 img{height: 490px}
}
@media(max-width: 1440px){
	.nav{margin-right: 2%;}
	.phone li span{font-size: 16px;}
	.logo img{height: 80px;width: auto;}
	.all2{padding-left: 5%;padding-right: 5%;}
	.index1 h1,.index2 ul h1,.index3 h1{font-size: 45px;}
	.index1 h1 span,.index2 ul span,.index3 h1 span{font-size: 18px;}
	.index1 a img{width: 40px;}
	.special h2{font-size: 30px;}
	.special ul li h1{font-size: 18px;}
	.special ul li img{width: 80px;}
	.sycase{width: 1155px;}
	.sycase1{width: 933px;}
	.pic3{width: 465px;}
	.pic4 img{height: 440px}
	.sycase2,.index3{width: 430px;}
	.index3{right: 114px;line-height: 47px;}
	.all3{padding: 110px 0;}
	.sycase2{margin-top: 180px;}
	.sycase2 h1{width: 225px;height: 140px;line-height: 140px;font-size: 16px;}
	.all4{width: 1035px;padding-bottom: 170px;}
	.pic4, .index4, .synews{width: 900px;}
	.index4 h1{font-size: 37px;}
	.index4 span{font-size: 15px;}
	.index4 p{font-size: 15px;margin-top: 20px;}
	.index4 a{width: 37px;margin-top: 30px;}
	.index5{width: 218px;}
	.synews1{width: 515px;margin-right: 55px;}
	.icon1 img{width: 210px;}
	.all4 .swiper-button-prev{right: 485px;}
	.partner1,.foot1,.foot4{width: 1045px;}
	.foot3{width: 450px;}
	.float{right: 15px;}
	.float li{width: 75px;height: 75px;}
	.float li .ua6{width: 21px;padding-top: 28px;}
	.float li h1{height: 75px;background: #ddb38b;position: absolute;top: 0;left: 120%;color: #fff;line-height: 75px;font-size: 16px;padding: 0 20px;
	transition:All 0.2s ease-in-out;overflow: hidden;}
    .float li:hover h1{left: -375%;}


    .float li h3{height: 75px;line-height: 75px}
    .float li h2{width: 75px;height: 75px}
    .float li:hover h3{left: -197%;}


	.news{width: 1050px;}
	.news li{width: 500px;}
	.pic8{height: 240px;}
	.news1{width: 445px;}
	.news1 ul{margin-top: 20px;}
	.all7{width: 1050px;}
	.time{left: 40px;}
	.back{right: 40px;width: 21px;}
	.content1{width: 950px;}
	.xyp{padding: 0 40px;}
	.all5,.all6a{width: 1150px;}
	.index8{font-size: 66px;letter-spacing: 10px;}
	.about{width: 565px;padding-bottom: 40px;}
	.about1{width: 460px;}
	.pic5{width: 750px;}
	.index9{top: 75px;}
	.index9 h1{font-size: 66px;}
	.all6{padding-top: 130px;}
	.pic6{width: 405px;}
	.founder{width: 760px;min-height: auto;}
	.founder1{width: 650px;padding: 70px 0;}
	.about1{padding-top: 30px;}
	.about1b{margin-top: 30px;}
	.index9 span{font-size: 27px;}
	.all6a li:nth-of-type(2){margin-top: 260px;}
	.map{width: 1215px;}
	.map1{width: 600px;height: 420px;}
	.case{width: 1150px;}
	.case li{width: 350px;}
	.pic7{height: 230px;}
	.close1{right: 20%}
	.all5, .all6a{width: 90%}
	.about1c{line-height: 28px}
	.huanj1{width: 1200px}
}
@media(max-width: 1366px){
	.head{width: 92%;padding: 0 4%;}
	.phone li span{font-size: 18px;}
	.logo img{height: 75px;width: auto;}
	.hide2b li{line-height: 25px;height: 25px;}
	.nav{margin-right: 4%}
}
@media(max-width: 1280px){
	.hide2a h3{font-size: 20px;}
	.hide2a p{font-size: 12px;}
	.hide2b h2{font-size: 14px;}
	.hide2b li{font-size: 12px;line-height: 24px;height: 24px;}
	.banner .swiper-button-next{bottom: 80px}
	.banner .swiper-button-prev{bottom: 80px;right: 12%}
	.hide2mb{margin-top: 30px}
	.all5, .all6a{width: 950px}
	.founder{width: 620px}
	.founder1{width: 550px;padding-top: 30px}
	.all6a li:nth-of-type(2n) .founder{top: 45px}
	.step{width: 1000px}
	.pic9{margin-left: 60px;width: 300px}
	.step1{width: 540px;margin-top: 120px}
	.step1 p{width: 330px}
	.step li:nth-of-type(2n) .pic9{margin-right: 60px}
	.case{width: 1000px}
	.case li{width: 295px}
	.pic7{height: 200px}
}
@media(max-width: 1150px){
	.phone{display: none;}
	.head{width: 94%;padding: 0 3%;padding-bottom: 10px;}
	.sp_nav{display: block;}
	.nav{display: none;}
	.close1{right: 17%}
}
@media(max-width: 1024px){
	.logo{margin-top: 3px}

	.banner{display: none}
	.banner-phone{display: block;padding-top: 60px}
	.nav,.syline2,.sycase .swiper-button-prev,.sycase .swiper-button-next,.icon1,.all4 .swiper-button-prev,
	.all4 .swiper-button-next{display: none;}
	.phone{display: none;}
	.head{width: 94%;padding: 0 3%;padding-bottom: 0;height: 60px}
	.sp_nav{display: block;}
	.logo img{height: 55px;width: auto;}
	.banner,.banner1{margin-top: 90px;}
	.banner .swiper-button-next{bottom: 50px;}
	.banner .swiper-button-prev{bottom: 50px;right: 12%;}
	.all1{padding: 0 3%;padding-bottom: 40px;margin-top: 40px;}
	.special ul li{margin: 0 2%;}
	.special ul li img{width: 80px;}
	.special ul li h1{font-size: 18px;}
	.all2{padding: 40px 3%;}
	.index2 ul h1{font-size: 40px;}
	.syline1{width: 100%;}
	.sycase,.partner1{width: 94%;}
	.pic3{width: 40%;}
	.all3{padding: 40px 0;}
	.sycase2,.index3{width: 57%;}
	.index3{right: 0;line-height: 40px;}
	.index3 h1{font-size: 35px;}
	.sycase2 h1{width: 200px;height: 120px;line-height: 120px;}
	.sycase2{margin-top: 130px;}
	.all4{width: 100%;padding-bottom: 100px;}
	.pic4,.index4,.synews{width: 90%;}
	.index5{width: 20%;}
	.index4 h1{font-size: 35px;}
	.index4 span,.index4 p{margin-top: 20px;}
	.index4 a{margin-top: 50px;}
	.icon1 img{width: 20%;}
	.synews{margin-top: 50px;}
	.synews1{margin-right: 0;margin-left: 3%;width: 97%;}
	.all4 .swiper-pagination{bottom: 50px;}
	.partner2{float: none;margin: auto;width: 90%;}
	.foot{padding-top: 40px;}
	.foot1,.foot4{width: 94%;}
	.foot2{width: 35%;}
	.foot3{width: 60%;}
	.index4{top: 90px;}
	.all5, .all6a{width: 94%;margin: auto}
	.index8{font-size: 40px;}
	.all5{margin-top: 50px}
	.pic5{width: 80%}
	.about{width: 70%}
	.pic6{width: 40%}
	.founder{width: 65%}
	.founder1{width: 94%}
	.index10{font-size: 60px;top: -40px}
	.process{margin-top: 100px}
	.process2{width: 94%;margin: auto;margin-top: 20px}
	.step{width: 94%;margin: auto}
	.all9{background-size: 200px}
	.pic9{width: 34%;margin-left: 0}
	.step1{width: 54%;}
	.step1 p{width: 55%}
	.step li:nth-of-type(2n) .pic9{margin-right: 0}
	.index11 h1{font-size: 60px}
	.patent{width: 94%;margin: auto}
	.pic10{width: 45%}
	.case{width: 94%;margin: auto;margin-top: 30px}
	.case li,.news li{width: 48%;float: left;margin: 0;}
	.news li{margin-top: 20px}
	.case li:nth-of-type(2n){float: right}
	.news li:nth-of-type(2n){float: right}
	.pic7{height: 265px}
	.all7,.news{width: 94%}
	.content1{width: 90%}
	.xyp{padding-top: 20px}
	.title1 h1{width: 90%}
	.news1{width: 90%}
	.map{width: 94%;}
	.map1{width: 100%;height: auto}
	.my-map{width: 100%;margin-top: 20px;height: 300px}
	.float{display: none}
	.contact{padding: 0 3%;margin-top: 30px}
	.contact li{margin: 0;width: 100%;text-align: left;line-height: 40px;margin-top: 15px}
	.contact li img{width: 40px}
	.contact li p{font-size: 14px}
	.all8{padding: 30px 0}
	.all8a img{width: 45px}
	.all8a h1{font-size: 20px}
	.all8b{width: 94%}
	.all8b li{width: 94%;height: auto;padding: 0 3%;padding-bottom: 20px}
	.icon2{display: none}
	.all6a li:nth-of-type(2n) .founder{top: 35px}
	.icon3{display: none}
	.patent1{width: 48%}
	.step li:nth-of-type(2n) .pic9{float: left}
	.step li:nth-of-type(2n) .step1 h1{float: left}
	.step li:nth-of-type(2n) .step1{float: right}
	.step li:nth-of-type(2n) .step1 p{float: right}
	.close1{right: 3%}
	.huanj1{display: none}
	.huanj1-phone{display: block;}
}
@media(max-width: 850px){
	.pic10 h1{width: 60px;right: -30px}
	.patent1{width: 48%}{width: 51%;margin-top: 120px}
	.video{width: 90%;height: 400px;margin-top: -200px;margin-left: -45%}
	.pic6a{display: block;margin-top: 10px}
}
@media(max-width: 750px){
	.logo{margin-top: 6px}
	.logo img{height: 45px}
	.sp_nav span{width: 30px;height: 2px}
	.nav_phone ul li a{font-size: 16px}
	.nav_phone ul{padding-top: 100px}
	.banner, .banner1{margin-top: 64px}
	.index1 h1, .index2 ul h1, .index3 h1{font-size: 30px}
	.index1 h1 span, .index2 ul span, .index3 h1 span{font-size: 14px}
	.pic1{display: none}
	.syabt1{width: 100%;padding-bottom: 20px}
	.syabt2{width: 100%}
	.syabt3{position: static;width: 100%}
	.syabt{margin-top: 30px}
	.index1{padding-bottom: 10px}
	.index1 h1 span{margin-top: 15px}
	.index1 a{width: 30px;height: 30px;line-height: 30px}
	.syabt3 h1{font-size: 20px;margin-top: 20px;top: auto;left: auto}
	.syabt3a{margin-top: 20px;padding: 20px 3%}
	.syabt3a h2{font-size: 18px}
	.syabt3a p{font-size: 14px;line-height: 25px;height: 75px;margin-top: 10px}
	.syabt3a a{width: 30%;height: 40px;line-height: 40px;margin-top: 20px}
	.syabt3a a span{font-size: 14px}
	.special{padding: 30px 0}
	.special ul{margin-top: 10px}
	.special ul li{margin-top: 20px}
	.special h2{font-size: 24px}
	.special ul li img{width: 40px}
	.special ul li h1{font-size: 12px}
	.index2 a{display: none}
	.syline1 li{width: 48%;margin: 0;margin-top: 15px}
	.syline1 li:nth-of-type(2n){float: right}
	.syline1a{line-height: 40px;font-size: 16px}
	.index3{display: none}
	.pic3{width: 100%}
	.sycase1{width: 100%}
	.sycase2{margin-top: 0}
	.index5{display: none}
	.pic4,.index4{display: none}
	.all4{padding-bottom: 40px;margin-top: 20px;padding-top: 30px}
	.index6{padding-top: 30px}
	.partner2{width: 100%}
	.partner2a li{width: 30%;margin: 0}
	.partner2a li img{width: 50%;margin: auto}
	.partner2a li:nth-of-type(2) img{width: 90%}
	.partner{height: auto;padding-bottom: 30px}
	.foot2,.banner .swiper-button-prev,.banner .swiper-button-next{display: none}
	.foot3{width: 100%}
	.foot1{padding-bottom: 30px}
	.all4 .swiper-pagination{display: none}
	.index3a,.index3a_m{display: block;}
	.synews{margin-top: 0}
	.sycase2 h1{margin: 0;margin-top: 15px}
    .index8{font-size: 30px;position: static;line-height: 20px;letter-spacing: 0}
    .pic5{display: none}
    .about{position: static;box-shadow: none;width: 100%}
    .about1{width: 100%;padding-top: 30px}
    .about1a{font-size: 20px}
    .about1b{font-size: 18px}
    .all5,.all6{margin-top: 30px}
    .all6{padding-top: 30px}
    .index9{position: static;}
    .index9 h1,.index10,.index11 h1{font-size: 30px;letter-spacing: 0}.index9 span,.index11 span{font-size: 14px}
    .founder{width: 100%;position: static;margin-top: 30px}
    .icon2,.pic6{display: none}
    .founder1{padding-top: 30px}
    .founder1 h1{font-size: 20px}
    .founder1a{font-size: 14px;line-height: 25px;margin-top: 15px}
    .all6a li:nth-of-type(2n) .founder{position: static;}
    .all6a li:nth-of-type(2){margin-top: 20px}
    .index10{position: static;margin: 0;left: auto;width: 100%}
    .process{margin-top: 30px;padding-top: 20px}
    .process1{font-size: 16px}
    .all9{background: none}
    .step{background: none;padding-top: 0;padding-bottom: 30px}
    .step li{padding-top: 20px}
    .step1 img,.pic10 h1{display: none}
    .step1{margin-top: 0;width: 60%}
    .step1 p{font-size: 12px;line-height: 25px;width: 65%}
    .step1 h1{font-size: 20px}
    .pic10{width: 100%;position: static;}
    .all10{background: url(../img/bg18.jpg) center top no-repeat;background-size: 100% 110px;padding-top: 25px}
    .patent1{width: 100%}
    .patent1,.patent1 ul{margin-top: 20px}
    .patent1 h1 img{width: 40px}
    .patent1 h1 span{font-size: 20px;line-height: 40px}
    .patent li:nth-of-type(2n){margin-top: 0}
    .patent li:nth-of-type(2n) .pic10{position: static;right: auto;margin-top: 20px}
    .patent{height: auto}
    .pic7{height: 130px;overflow: hidden;}
    .pic7 img{height: auto}
    .case li h1{height: 40px;line-height: 40px;font-size: 14px}
    .pic8{height: auto}
    .news1 h1{font-size: 16px}
    .news1{padding-top: 10px}
    .news li{width: 100%;padding-bottom: 10px}
    .time{display: none}
    .back{right: 0}
    .title1 h1{font-size: 16px}
    .all7{margin-top: 30px}
    .content1{width: 100%}
    .xyp{padding: 0;padding-top: 20px}
    .list{height: 80px;line-height: 80px;background: url(../img/bg10.jpg) center 71px no-repeat;    background-size: 100% 1px;}
    .list .ua5{background-size: 15px}
}
@media(max-width: 645px){
	.close1{width: 30px}
    .video{width: 90%;height: 300px;margin-top: -150px;margin-left: -45%}
    .contact li p{width: 78%}
}




























