@media(max-width: 1725px){
	.service1{padding: 0 6%}
}
@media(max-width: 1680px){
        .message2b_1 input,.message2c_1 input{width: 74%}
        .pic4 h1{width: 90px;right: -45px;top: 95px}
	.head{height: 90px;}
	.head1{font-size: 19px;margin-top: 36px;}
	.logo{margin-top: 33px;}
	.head2{width: 57%;}
	.nav li h1{line-height: 90px;}
	.nav li h1 a span{font-size: 16px;}
	.navchild{width: 1400px;left: -740px;}
	.bg1,.find{top: 90px;}
	.navchild dl dt a{font-size: 14px;}
	.navchild dl dt{height: 30px;line-height: 30px;}
	.index1 h1{padding-top: 310px;font-size: 31px;}
	.sypro1{margin-top: 70px;}
	.sypro1 li{height: 33px;line-height: 33px;}
	.sypro1 li a{font-size: 16px;}
	.index2,.index3 h1,.index4 h1{font-size: 30px;}
	.index4{padding-top: 180px;}
	.banner1{margin-top: 88px;}
	.position h1{font-size: 42px;padding-top: 155px;}
	.position p{font-size: 26px;}
	.now ul a{font-size: 14px;}
	.now img{width: 18px;}
	.list,.pro{margin-top: 85px;}
	.list li{width: 19.92%;}
	.list li a{font-size: 20px;}
	.pro1 h1{font-size: 26px;margin-bottom: 30px}
	.pro1 p{font-size: 14px;line-height: 30px;height: 120px;}
	.pro1{margin-top: 75px;}
	.pro1 span{margin-top: 55px;font-size: 14px;width: 138px;height: 42px;line-height: 42px;}
	.foota1 ul h1{font-size: 18px;margin-bottom: 20px;}
	.foota1 ul li a,.foota1 ul dl dt a,.foota3{font-size: 14px;}
	.foota2 ul h1{font-size: 16px;}
	.prode1a h1{font-size: 40px;}
	.prode1a h2{font-size: 25px;margin-top: 70px;}
	.prode1a h2 img{width: 26px;}
	.prode1a_1,.prode2b,.prode3a_1{font-size: 16px;line-height: 33px;}
	.prode1a{margin-top: 75px;}
    .prode2a{font-size: 25px;}
    .prode2a img{width: 26px;margin-top: 5px;}
    .prode3a h1{font-size: 25px;line-height: 62px;}
    .prode3a h1 img{width: 62px;}
    .prode3a{margin-top: 75px;}
    .prode3{padding-bottom: 70px;}
    .xypa1 h1{font-size: 25px;line-height: 45px;height: 90px;}
    .xypa1{margin-top: 50px;}
    .xypa1 span{font-size: 14px;margin-top: 50px;width: 138px;height: 42px;line-height: 42px;}
    .position ul li a,.hide1 h1{font-size: 25px;}
    .case1 h1{font-size: 28px;}
    .case1 ul,.caseList li h1{font-size: 14px;}
    .service1a h1,.index6,.index7,.know1 h1{font-size: 30px;}
    .service1a li,.service4a li{font-size: 16px;}
    .service1b{font-size: 50px;}
    .service1b img{width: 50px;margin-right: 15px;}
    .service1 h2,.service3 h2{font-size: 245px;}
    .service2{padding-top: 100px;padding-bottom: 70px;}
    .index6{top: 60px;}
    .service2 h2{top: 0;}
    .hide1 p{font-size: 16px;line-height: 30px;}
    .service3a .swiper-pagination{left: 36.2% !important;}
    .know1 h2{font-size: 20px;margin-top: 35px;}
    .know1a{line-height: 30px;}
    .hangye li{height: 700px;}
    .hangye li h1{font-size: 25px;margin-top: 30px;}
    .hangye li p{font-size: 16px;line-height: 30px;margin-top: 30px;}
    .culture2 li ul h2,.culture2 li h1,.culture2 dl h1{font-size: 25px;}
    .culture2 li ul p{font-size: 14px;}
    .culture2 li,.culture2 dl{height: 125px;}
    .index5{font-size: 30px;margin-top: 55px;}
    .form1{margin-top: 40px;}
    .form1 label,.form1 input{font-size: 14px;}
    .form1 input{height: 42px;}
    .form1 label{line-height: 42px;}
    .form2 input{width: 130px;height: 42px;font-size: 14px;}
    .apply2b p{font-size: 14px;}
    .news li ul h1{font-size: 20px;height: 25px;line-height: 25px;}
    .news li ul span{font-size: 16px;}
    .news li ul p{font-size: 16px;line-height: 30px;height: 60px;}
    .news li ul h2{margin-top: 28px;}
    .fenye a{height: 39px;line-height: 39px;font-size: 14px;}
    .project1a img{width: 49px;padding-top: 80px;}
    .project1a h2{font-size: 30px;}
    .project1a p{font-size: 16px;}
    .project1 h1{font-size: 220px;line-height: 220px}
    .title1 h1{font-size: 30px;}
    .title1 span{font-size: 16px;}
    .content1{font-size: 16px;line-height: 30px;margin-top: 60px;}
    .xyp{height: 65px;line-height: 65px;margin-bottom: 90px;margin-top: 90px;}
    .back img{margin-top: 25px;}
    .xyp li a,.back span{font-size: 14px;}
    .list{height: 70px;line-height: 70px;}
    .pic11a{right: 3%;padding: 10px;line-height: 40px}
    .pic11a li{font-size: 16px}
    .pic11a li span{font-size: 22px}
    .index6, .index7{background-size: 105px}
    #container-07{display: block;}
    #container-04{display: none}
}
@media(max-width: 1600px){
        .hao1{position: absolute;bottom: 20px;left: 20px}
.hao1 img{width: 90px;display: block}
        .hao2{position: absolute;bottom: 105px;right: 225px}
	.head{height: 85px;}
	.nav li h1{line-height: 85px;}
	.bg1,.find{top: 85px;}
	.nav li h1 a span{font-size: 15px;}
	.navchild dl h2{font-size: 18px;}
	.head1{font-size: 18px;margin-top: 35px;}
	.lan,.search{margin-top: 33px;}
	.banner1{margin-top: 83px;}
	.index1 h1{padding-top: 230px;font-size: 27px;}
	.index1 p{font-size: 14px;margin-top: 10px;}
	.index1 img{margin-top: 15px;}
	.sypro1 li a,.index4 p{font-size: 14px;}
	.sypro1{margin-top: 50px;}
	.index2, .index3 h1, .index4 h1{font-size: 27px;}
	.index2,.index3{padding-top: 150px;}
	.sycase{padding-top: 90px;}
	.sycase1{padding: 20px 7%;}
	.sycase1 h1{font-size: 14px;height: 16px;line-height: 16px;
	border-left: 2px solid #6a6a6a;background-size: 16px;}
	.padding3{padding: 0 10%;}
	.synews1{padding-top: 25px;}
	.synews1 a{padding: 0 5%;}
	.synews1 span{font-size: 20px;}
	.synews1a h1{font-size: 15px;line-height: 20px;height: 20px;}
	.synews1a{padding-bottom: 15px;}
	.synews1 p{line-height: 20px;height: 40px;}
	.synews1 img{margin-top: 10px;}
	.synews2 li{padding-top: 20px;margin-top: 20px;}
	.synews2{width: 63%;}
	.pic3{width: 25%;}
	.synews2a{width: 72%;}
	.synews2a h1{font-size: 16px;height: 20px;line-height: 20px;}
	.synews2a p{line-height: 20px;height: 40px;}
	.partner{margin-top: 40px;}
	.sycase .swiper-button-next,.sycase .swiper-button-prev{top: 310px;}
	.index4{padding-top: 150px;}
	.position h1{font-size: 40px;padding-top: 145px;}
	.position p{font-size: 24px;}
	.list li a{font-size: 18px;}
	.foot1{font-size: 14px;}
	.foot2 img{width: 100px;}
	.form1 label{width: 20%;}
	.form1 input{width: 75%;}
	.prode1{margin-top: 80px;}
	.know,.hangye,.culture,.news,.service1,.service2{margin-top: 80px;}
	.xin2 h1{padding-top: 300px}
	.demo2{margin-left: -1085px;width: 1350px}
	.demo2 dt{margin-right: 2%}
	.demo3{margin-left: -1240px;width: 1350px}
	.demo3 dt{margin-right: 3%}
	.pic11a li{font-size: 15px}
    .pic11a li span{font-size: 19px}
    .service1b{font-size: 45px}
    .service1b img{width: 45px}
        .demo2 dt{width: 8%}
}
@media(max-width: 1440px){
.message2c_1 input{width: 71%}
.message2b_1 input{width: 71%}
.hao1{position: absolute;bottom: 20px;left: 20px}
.hao1 img{width: 75px;display: block}
        .hao2{position: absolute;bottom: 75px;right: 270px}
	.head{height: 76px;}
	.nav li h1{line-height: 76px;}
	.bg1,.find{top: 76px;}
	.nav li h1 a span{font-size: 14px;}
	.navchild dl h2{font-size: 16px;}
	.head1{font-size: 16px;margin-top: 31px;}
	.lan,.search{margin-top: 28px;}
	.logo{margin-top: 28px;}
	.navchild{width: 1200px;left: -630px;top: 73px;}
	.navchild dl{width: 22%;}
	.navchild dl:nth-of-type(3){width: 18%}
	.navchild dl:nth-of-type(4){width: 18%;}
	.navchild dl:nth-of-type(5){width: 15%;}
	.active3{height: 500px !important;}
	.foot2 img{width: 80px;}
	.foot1{line-height: 150px;}
	.banner1{margin-top: 74px;}
	.pro1 h1{font-size: 22px;}
	.pro1{margin-top: 45px;}
	.foota1 ul:nth-of-type(4){width: 13%;}
	.foota1 ul{line-height: 28px;}
	.foota2 ul h1,.foota2 ul h2{font-size: 14px;}
	.position h1{font-size: 36px}
	.position p{font-size: 20px;}
	.list, .pro,.case{margin-top: 60px;}
	.prode1a h1{font-size: 32px;}
	.prode1a,.prode1a h2{margin-top: 50px;}
	.prode1a h2,.prode2a{font-size: 22px;}
	.prode1a h2 img,.prode2a img{width: 23px;margin-right: 17px;}
	.prode1a_1{margin-top: 25px;}
	.prode1a_1, .prode2b, .prode3a_1{font-size: 14px;line-height: 28px;}
	.xypa{margin-top: 70px;margin-bottom: 80px;}
	.xypa1 h1{font-size: 20px;line-height: 30px;height: 60px;}
	.xypa1 span{margin-top: 40px;width: 118px;height: 35px;line-height: 35px;}
	.caseList li{margin-top: 40px;}
	.loading{margin-top: 50px;margin-bottom: 80px;}
	.position ul li a, .hide1 h1{font-size: 20px;}
	.position ul li{height: 20px;line-height: 20px;}
	.service1a h1, .index6, .index7, .know1 h1{font-size: 25px;}
	.service1b{font-size: 40px;}
	.service1b img{width: 40px;}
	.service1a{margin-top: 80px;}
	.service1b{margin-top: 50px;}
	.pic11 h1{top: 90px;background-size: 90%;}
	.index6,.index7{background-size: 95px;}
	.hide1 h1{padding-top: 85px;}
	.service3a_1440{display: block;}
	.service3a{display: none;}
	.demo{width: 32%;height: 350px;}
	.service3a_1440 .swiper-pagination{left: 37.4% !important;}
	.hide2 h1{font-size: 16px;width: 85%;padding-bottom: 15px;}
	.hide2{padding: 20px 0;bottom: -5%;right: -5%;}
	.hide2 p{width: 85%;}
	.know1{margin-top: 35px;}
	.know1 h2{font-size: 18px;margin-top: 20px;}
	.pic4 h1{width: 90px;right: -45px;top: 55px;}
	.know1a{margin-top: 10px}
	.hangye li{height: 550px;}
	.hangye li h1{font-size: 21px;}
	.hangye li p{margin-top: 25px;}
	.pinzhi1a,.pinzhi2a{margin-top: 90px}
	.hide3a p,.system2 p{font-size: 16px}
	.hide3 h1,.system1 h1{font-size: 300px;line-height: 350px}
	.system li:hover .hide3 h1{line-height: 420px;}
	.culture2 li ul h2, .culture2 li h1,.culture2 dl h1,.index8,.hide4a h1,.index5,.project1a h2,
	.pinzhi1a h1,.hide3a h2,.system2 h2,.pinzhi2a h1{font-size: 21px;}
	.hide4a h1{padding-bottom: 25px}
	.culture2 li,.culture2 dl{height: 105px;}
	.culture2 li ul{margin-top: 20px;}
	.form2 input{width: 110px;height: 35px;}
	.form2{margin-top: 50px;}
	.foota1 ul h1{font-size: 16px;margin-bottom: 10px;}
	.project1 h1{font-size: 200px;}
	.project1a img{width: 35px;padding-top: 80px;}
	.project1a h2{margin-top: 5px}
	.project1a p{margin-top: 25px;}
	.news li ul h1{font-size: 18px;}
	.news li ul span{font-size: 14px;margin-top: 15px;}
	.news li ul p{font-size: 14px;line-height: 25px;height: 50px;margin-top: 15px;}
	.news li ul h2{margin-top: 20px;}
	.fenye a{height: 34px;line-height: 34px;}
	.fenye{margin: 70px 0;}
	.title1{margin-top: 55px;}
	.title1 h1{font-size: 25px;}
	.content1{margin-top: 50px;font-size: 14px;}
	.xyp{height: 55px;line-height: 55px;margin: 85px 0;}
	.back img{width: 14px;margin-top: 21px;}	
	.index3 a{font-size: 14px;}
	.prode1{margin-top: 60px;}
	.culture{height: 610px;}
	.culture2{padding-top: 140px;}
	.know,.hangye,.culture,.news,.service1,.service2{margin-top: 60px;}
	.xin2 h1{padding-top: 270px;font-size: 28px}
	.case1{top: 40px;width: 40%}
	.contact2 li{line-height: 35px;padding: 8px 8px 10px 8px}
	.contact2 li h1{font-size: 20px}
    .contact2 .selected{padding: 8px 15px 10px 15px}
    .contact2 li:hover{background: #009ea1;padding: 8px 15px 10px 15px;}
	.contact2 li p{font-size: 14px;line-height: 25px;margin-top: 5px;margin-top: 5px}
	.pro1 p{line-height: 30px}
	.navchild dl dt{height: 25px;line-height: 25px}
	#container-04,#container-07{display: none}
	#container-05{display: block;}
	.pic11a{line-height: 35px}
	.pic11a li{font-size: 13px}
	.pic11a li span{font-size: 18px}

    .ban1 h1,.ban2 h1,.ban3 h1,.ban4 h1{font-size: 40px}
    .ban1 p,.ban2 p,.ban2 p,.ban2 p{font-size: 17px}
    .ban4{top: 160px}
    .ban3{top: 280px}
    .ban1 span,.ban2 span,.ban3 span,.ban4 span{width: 140px;height: 35px;line-height: 35px;font-size: 14px}
    .active2{height: 300px !important;}
    .active3{height: 300px !important;}
    .demo2{margin-left: -960px;width: 1200px}
	.demo2 dt{margin-right: 1%;width: 9%}
	.demo3{margin-left: -1100px;width: 1200px}
	.demo3 dt{margin-right: 1%}
	.bg2{height: 90px}
	.demo2 ul{padding-bottom: 20px}
    .hide5{margin-top: 4%}
    .hide5 h1{font-size: 26px}
    .hide5 p{font-size: 15px;line-height: 25px}
    .contact1{width: 32%;}
    .map{width: 60%}
.message2b input{width: 93%}
}
@media(max-width: 1366px){
	.swiper-pagination{bottom: 60px !important}
	.bot_icon{bottom: 20px}
	.head{height: 70px;}
	.nav li h1{line-height: 70px;}
	.bg1,.find{top: 70px;}
	.nav li h1 a span{font-size: 15px;}
	.navchild dl h2{font-size: 16px;}
	.navchild dl:nth-of-type(3){width: 18%}
	.head1{font-size: 15px;margin-top: 27px;}
	.lan,.search{margin-top: 25px;}
	.logo{margin-top: 25px;}
	.navchild{left: -600px;}
	.navchild dl img{width: 40%;margin: 20px 0;}
	.active3{height: 450px !important;}
	.banner1{margin-top: 68px;}
	.index1 h1{font-size: 23px;padding-top: 170px;}
	.sypro1{margin-top: 30px;}
	.sypro1 li{margin-top: 15px;}
	.index2, .index3,.index4{padding-top: 130px;}
	.sycase{padding-top: 55px;}
	.index2, .index3 h1, .index4 h1{font-size: 23px;}
	.index3 h1{padding-bottom: 18px;}
	.synews{margin-top: 25px;}
	.synews1{padding-top: 15px;padding-bottom: 25px;}
	.synews1a{margin-top: 10px;padding-bottom: 10px;}
	.synews1 span,.position p{font-size: 16px;}
	.synews1 p{margin-top: 10px;}
	.synews2 li{padding-top: 10px;margin-top: 10px;}
	.synews2a p,.synews2a span{margin-top: 10px;}
	.index4 p,.index4 img{margin-top: 15px;}
	.partner{margin-top: 30px;}
	.position h1{font-size: 30px;}
	.list li a{font-size: 16px;}
	.list{line-height: 55px;height: 55px;margin-top: 50px;}
	.pro1 h1{font-size: 20px;margin-bottom: 20px}
	.pro1 p{}
	.pro1 span{width: 112px;height: 34px;line-height: 34px;margin-top: 35px;}
	.pro1{width: 60%;}
	.loading a{font-size: 14px;}
	.foota1 ul{width: 27%;}
	.prode1{margin-top: 50px;}
	.prode1a h1{font-size: 28px;}
	.prode1a h2, .prode2a{font-size: 20px;}
	.prode1a h2 img, .prode2a img{width: 18px;}
	.prode1a, .prode1a h2{margin-top: 30px;}
	.prode3a h1{font-size: 20px;line-height: 40px;}
	.prode3a h1 img{width: 40px;}
	.prode3a{margin-top: 50px;}
	.xypa1 h1{font-size: 18px;}
	.xypa1 span{width: 112px;height: 34px;line-height: 34px;margin-top: 35px;}
	.position ul li a, .hide1 h1{font-size: 18px;}
	.service3a_1440 .swiper-pagination{left: 37.8% !important;}
	.service1a h1, .index6, .index7, .know1 h1{font-size: 21px;}
	.know1{margin-top: 35px;}
	.pic4 h1{top: 50px;}
	.know1 h2{font-size: 16px;margin-top: 15px;}
	.know1a,.hangye li p{line-height: 28px;}
	.culture{height: 610px;margin-bottom: 60px;}
	.culture2{padding-top: 140px;}
	.know,.hangye,.culture,.news,.service1,.service2{margin-top: 50px;}
	.title1 h1{font-size: 21px;}
	.content1{margin-top: 35px;}
	.apply{background-size: 47%;}
	.form1{margin-top: 35px;}
	.sycase .swiper-button-next, .sycase .swiper-button-prev{
		top: 240px;
	}
	.message2a label,.message2a input,.message2b label,.message2b input,.message2b_1 label,.message2b_1 input,.message2c_1 label,.message2c_1 input{font-size: 14px}
	.message2c input{font-size: 14px;width: 140px;height: 40px}
    .xin2 h1{padding-top: 220px;font-size: 25px}
    .xin2 p{margin-top: 35px}
    #container-05{display: none;}
    #container-06{display: block;}




    .ban1 h1,.ban2 h1,.ban3 h1,.ban4 h1{font-size: 35px}
    .ban1 p,.ban2 p,.ban3 p,.ban4 p{font-size: 16px}
    .ban1,.ban2{top: 160px}
    .ban4{top: 160px}
    .ban3{top: 200px}
    .ban1 span,.ban2 span,.ban3 span,.ban4 span{width: 140px;height: 35px;line-height: 35px;font-size: 14px}
    .ban1 span{margin-top: 50px}
    .ban1 p{margin-top: 30px}
    .index8{padding-bottom: 20px}
    .inter3a ul{line-height: 28px}
    .inter3a{margin-top: 40px}
    .inter3a h1{font-size: 20px;margin-bottom: 18px}
    .active2{height: 300px !important;}
    .active3{height: 300px !important;}
    .foota1 ul:nth-of-type(2){width: 24%}
    .demo2{margin-left: -890px;width: 1100px}
	.demo2 dt{margin-right: 1%}
	.demo3{margin-left: -1030px;width: 1000px}
	.demo3 dt{margin-right: 1%}
	.demo3 dt a{padding: 0 10px}
	.foota1{width: 65%}
	.hide5 p{margin-top: 20px}
	.know1a p{margin-top: 8px}
}
@media(max-width: 1360px){
	.head2{width: 60%;}
	.form1 label{letter-spacing: normal;width: 22%;}
	.form1 input{width: 73%;}
	.form1{margin-top: 30px;}
	.pic11a{right: 3%;padding: 12px;bottom: 7%}
}
@media(max-width: 1280px){
	.demo2{margin-left: -840px;width: 1100px}
	.demo2 dt{margin-right: 1%}
	.demo3{margin-left: -980px;width: 1000px}
	.demo3 dt{margin-right: 1%}
	.demo3 dt a{padding: 0 10px}
	.list li{width: 19.9%}
	.pro1 span{margin-top: 20px}
}
@media(max-width: 1024px){
	.fp-section{height: auto !important;}
	.banner_phone,.pic1_phone{display: block;}
	.banner_phone .swiper-pagination,.pic1_phone .swiper-pagination{bottom: 10px !important}
	.bot_icon,.pic1{display: none}
	.logo{width: 15%}
	.head1,.nav,.banner{display: none;}
	.sp_nav{display: block;}
	.head{padding: 0 3%;width: 94%;}
	.head2{width: 30%;margin-right: 7%;}
	.padding5{padding-left: 3%;padding-right: 3%;}
	.list li{width: 19.9%;}
	.list li a{font-size: 14px;}
	.pro1 p{margin-top: 10px;}
	.pro1 span{margin-top: 20px;}
	.foota1 ul:nth-of-type(3){width: 23%;}
	.foota1 ul{width: 30%;}
	.now{width: 94%;padding: 0 3%;}
	.position h1{font-size: 25px;padding-top: 100px;}
	.prode1a{width: 45%;}
	.prode2a{margin-top: 30px;}
	.prode1a_1, .prode2b, .prode3a_1{line-height: 25px;}
	.prode3a{width: 47%;}
	.xypa{margin-top: 40px;margin-bottom: 50px;}
	.xypa1{margin-top: 30px;}
	.xypa1 h1{font-size: 16px;line-height: 25px;height: 50px;}
	.position ul{width: 75%;}
	.position ul li a{font-size: 14px;}
	.position ul li{height: 18px;line-height: 18px;border-left: 1px solid #fff;}
	.loading{margin-top: 30px;margin-bottom: 50px;}
	.index7{margin-top: 50px;}
	.service1b{font-size: 30px;margin-top: 30px;}
	.service1b img{width: 30px;}
	.service1a{margin-top: 60px;}
	.pic11 h1{background-size: 60%;top: 70px;}
	.hide1 h1{padding-top: 60px;font-size: 16px;}
	.hide1 p{margin-top: 30px;}
	.index6, .index7{background-size: 60px;}
	.service2{padding-bottom: 40px;}
	.demo{height: 300px;}
	.service3a_1440 .swiper-slide:hover .hide2{opacity: 0;}
	.service3a_1440 .swiper-pagination{left: 40% !important;}
	.service3a_1440 .swiper-button-prev{left: 45%;}
	.service3a_1440 .swiper-button-next{left: 53%;}
	.service4a{line-height: 50px;}
	.pic4 h1{display: none;}
	.know1{margin-top: 0;}
	.know1a, .hangye li p{line-height: 23px;}
	.know1a{margin-top: 10px;}
	.hangye li p{font-size: 14px;}
	.hangye li{height: 500px;}
	.hangye li h1{font-size: 18px;margin-top: 15px;}
	.hangye li p{margin-top: 15px;}
	.culture{height: 500px;}
	.culture2{padding-top: 80px;}
	.culture2 li ul h2, .culture2 li h1,.culture2 dl h1{font-size: 18px;}
	.culture2 li ul{margin-top: 0;}
	.culture2 li,.culture2 dl{height: 85px;}
	.index5{font-size: 25px;margin-top: 40px;}
	.apply{margin-top: 40px;}
	.apply1a,.apply2a{padding: 0 6%;}
	.news li ul span,.news li ul p,.news li ul h2{margin-top: 10px;}
	.news li{margin-top: 25px;}
	.project1 h1{font-size: 160px;}
	.project1a img{width: 35px;padding-top: 70px;}
	.project1a h2{font-size: 21px;}
	.xyp{margin: 50px 0;}	
	.all1{position: static;top: auto;left: auto}
    .index2,.sycase .swiper-container,.sycase .swiper-pagination,.index4,.xin2,.swiper-pagination,.sycase_phone .swiper-container,
    .sycase_phone .swiper-pagination{opacity: 1;transform: translateY(0);}
    .pic1,.sypro{opacity: 1;transform: translateX(0);}
    .index2, .index3, .index4{padding-top: 50px}
    .page{position: static;}
    .partner{margin-top: 20px;margin-bottom: 40px}
    .partner li{margin-top: 10px}
    .padding4,.padding2{padding: 0 3%}
    .index1 h1{padding-top: 100px}
    .index8{font-size: 25px}
    .join1{padding-top: 30px}
    .index8{padding-bottom: 20px}
    .join2{margin-top: 20px}
    .contact1{padding: 0;width: 94%;margin: auto;float: none}
    .contact2{margin-top: 30px}
    .contact2 li{width: 94%}
    .map{width: 100%}
    .message{margin-top: 30px;padding-top: 30px;padding-bottom: 50px}
    .message2a{width: 31%;margin-left: 3%}
    .message2a input{width: 75%}
    .message2b input{width: 92%}
    .case1{width: 60%;top: 30px}
    .case1 h1{padding-bottom: 20px}
    .case1 ul{line-height: 25px}
    .contact2 li{margin-top: 20px}
    .contact2 li h1{font-size: 18px}
    .contact2 li p{font-size: 14px}
    .background{display: none}
    .xin{position: static;}
    .partner li img{width: 100%;display: block;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);
-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 0.7;transition:All 0 ease-in-out;}

    .pic11a li span{font-size: 16px;padding: 0 5px}
    .pic11a{right: 3%;bottom: 7%}
    #container-06{display: none}
    #container-08{display: block;}
    .pic11a{line-height: 30px}
    .pro li{border-bottom: 1px solid #eeeeee;padding: 0 2%;padding-bottom: 30px;}
.message2b_1{width: 100%;margin-left: 0;margin-top: 20px}
.message2c_1{width: 100%;margin-top: 20px}
}
@media(max-width: 900px){
    .hao2{bottom: 85px;right: 7%}
    .hao2 img{width: 80px}
    section{margin: auto}
    .foota1 ul:nth-of-type(4){width: 15%}
    .foota1 ul:nth-of-type(3){margin-left: 5%}
    .service3a_1440 .swiper-pagination{left: 41.5% !important}
    .pica{width: 100%;float: none}
    .hide5{width: 90%;float: none;margin: auto}
    .hide5 h1{font-size: 18px;margin-top: 15px}
    .hide5 p{margin-top: 15px;padding-bottom: 15px}
    .case_detial{width: 94%;margin-top: 30px}
    .case_detial1{font-size: 20px;margin-top: 20px}
    .foota3 p{font-size: 12px}
    .pic16{width: 100%}
    .hide4{width: 100%;position: static;top: auto;left: auto;padding-bottom: 15px}
    .hide4a{width: 94%}
    .hide4a h1{font-size: 16px;padding-top: 10px;padding-bottom: 5px}
    .hide4a p{font-size: 14px;margin-top: 10px;line-height: 20px}
    .case_new li{margin-top: 15px}
    .pinzhi1,{margin-top: 20px;margin-bottom: 20px}
    .pic13,.pic14{width: 100%;float: none}
    .pinzhi1a,.pinzhi2a{width: 94%;float: none;margin: 0 auto;margin-top: 15px;padding-bottom: 20px}
    .pinzhi1a h1,.pinzhi2a h1{font-size: 16px;padding-bottom: 10px}
    .pinzhi1a p,.pinzhi2a p{margin-top: 15px;font-size: 13px;line-height: 20px}
    .system{margin-top: 20px}
    .system li{width: 49%}
    .system li:nth-of-type(2n){float: right}
    .system2 img{width: 30px;padding-top: 20px}
    .system1 h1{font-size: 180px;line-height: 215px}
    .system2 h2{font-size: 20px;margin-top: 20px}
    .system2 p{font-size: 13px;line-height: 25px;margin-top: 10px}
    .pinzhi2{margin-top: 20px;margin-bottom: 40px}
    .pinzhi1{margin-top: 20px;margin-bottom: 30px}
    .pic11a{display: none}
    .know1a p{font-size: 14px}
    .pic7{width: 100%}
    .project1{width: 100%}
    .sou{width: 94%;margin-left: -47%;top: 120px}
    .hide2 p{font-size: 14px}
    .service2_phone1{display: block;}
}
@media(max-width: 750px){
	.banner1{overflow: hidden;}
	.banner1 .ua2{width: 140%}
	.index1 p{font-weight: normal;}
	.page2_bg canvas{display: none}
	/*.head{position: absolute;}*/
	/*.bg1, .find{position: absolute;}*/
	.head2{margin-right: 9%}
	.index1 h1{padding-top: 50px}
	.find1{width: 80%}
	.pic4{width: 100%;margin-top: 30px}
	.know1{width: 94%;margin-right: 3%}
	.hangye li{width: 100%;height: auto;padding-bottom: 20px;margin-left: 0;margin-top: 20px}
	.hangye li h1,.hangye li p{width: 94%}
	.know, .hangye, .culture, .news, .service1, .service2{margin-top: 20px}
	.culture2{width: 70%}
    .inter2{width: 100%}
    .index8{font-size: 20px}
    .inter3{width: 100%}
    .inter3a h1{font-size: 20px}
    .inter3a{margin-top: 30px}
    .join{padding: 25px 0}
    .join1{width: 94%;}
    .contact{margin-top: 0px}
    .foota1{display: none}
    .foota2{width: 100%}
    .foota2 ul{float: left;margin-left: 3%}
    .pro1{margin-top: 0}
    .pro1 h1{font-size: 18px;height: 30px;line-height: 30px;}
    .pro1 p{line-height: 25px;height: 100px;overflow: hidden;}
    .pro1 span{width: 100px;height: 30px;line-height: 30px;margin-top: 10px}
    .pic9{width: 45%;float: none;margin: auto}
    .prode1a{width: 94%;margin: auto;float: none;}
    .prode1a h1{font-size: 20px}
    .prode1a, .prode1a h2{margin-top: 20px}
    .prode1a_1{margin-top: 15px}
    .list,.prode1{margin-top: 30px}
    .list{height: auto;background: none;border: none}
    .list li{width: 31%;border: none;background: #f7f7f7;margin-top: 10px;margin-left: 3%}
    .list li:nth-of-type(3n-2){margin-left: 0}
    .prode1{padding-bottom: 30px}
    .prode2a,.prode2b,.prode3a,.xypa1 span{margin-top: 20px}
    .prode3a{width: 100%}
    .prode3a_1{min-height: auto}
    .case .swiper-button-prev,.case .swiper-button-next{width: 30px;height: 46px;background-size: 15px;margin-top: -23px}
    .case1 h1{font-size: 20px;padding-bottom: 10px}
    .case1{width: 80%;top: 15px}
    .case .swiper-pagination .swiper-pagination-bullet{width: 40px;height: 2px}
    .caseList li{margin: 0;margin-top: 20px;width: 48%}
    .caseList li:nth-of-type(2n){float: right}
    .caseList li h1{bottom: 0}
    .project1 h1{font-size: 120px}
    .pic11,.service1a{width: 100%}
    .pic11 h1{display: none}
    .service1a{margin-top: 30px}
    .service1a h1{margin-bottom: 15px}
    .service1 h2, .service3 h2,.service2 h2{display: none}
    .index6, .index7{background: none}
    .index6{padding-left: 3%;top: 30px}
    .hide1 h1{padding-top: 45px}
    .hide1 p{margin-top: 15px}
    .hide1 p{font-size: 14px;line-height: 20px}
    .pc-banner .swiper-slide{margin-top: 20px !important;margin-bottom: 20px !important}
    .service2{padding-top: 70px}
    .demo{display: none}
    .service3a_1440{margin-left: 0}
    .index7{margin-top: 30px}
    .service4a{display: none}
    .service3a_1440 .swiper-pagination{display: none}
    .service3a_1440 .swiper-container{padding-bottom: 50px}
    .service3a_1440 .swiper-button-next,.service3a_1440 .swiper-button-prev{bottom: 0}
    .service1a h1, .index6, .index7, .know1 h1{font-size: 20px}
    .apply1{border: none;width: 94%;float: none;margin: auto;}
    .apply1a, .apply2a{padding: 0}
    .form1 label{width: 15%}
    .form1 input{width: 82%}
    .apply{padding-top: 30px}
    .form1{margin-top: 20px}
    .sycase_phone{display: block;}
    .sycase{display: none}
    .sycase_phone .swiper-pagination .swiper-pagination-bullet{width: 75px}
    .partner li{width: 31%;margin: 0;margin-left: 3%;margin-top: 15px}
    .partner li:nth-of-type(3n-2){margin-left: 0}
    .partner li:nth-of-type(8n-7){margin-left: 3%}
    .partner li:nth-of-type(1){margin-left: 0}
    .banner1{margin-top: 0;padding-top: 60px}
    .project1a img{padding-top: 30px;width: 30px}
    .project1a h2{font-size: 18px}
    .project1a p{font-size: 14px;margin-top: 20px}
    .xin2a{width: 100%}
    .xin2 h1{padding-top: 30px}
    .xin2a{margin-top: 10px;margin-bottom: 30px}
    .foota3 li{display: none}
    .apply2{width: 94%;margin: auto;float: none;}
    .apply2a{margin-top: 0}
    .apply{margin-bottom: 40px}
    .inter3a ul li,.join2 ul dl dt{font-size: 14px}
    .inter3a h1{font-size: 18px}
    .join2 ul{padding: 15px}
    .join2 ul img{margin-top: 10px}
    .project{margin-bottom: 40px}
    .service3a_phone li{background: #009ea1;border-radius: 5px;overflow: hidden;margin-top: 15px}
    .hide2{position: static;width: 100%;top: auto;left: auto;opacity: 1;border-radius: 0}
    .sypro1 li a, .index4 p{font-size: 12.5px}
    .xin{background: rgba(0,0,0,0.5);height: 100%}
    .pic16 img{width: 140%}
}
@media(max-width: 468px){
        .hao1 img{width: 50px}
        .hao2{right: 0;}
	.head{height: 60px}
	.head2{margin-right: 14%}
	.sp_nav span{width: 30px}
	.logo{width: 25%;margin-top: 22px}
	.lan, .search{margin-top: 20px}
	.sp_nav{top: 18px}
	.bg1, .find{top: 60px}
	.active1{height: 100px !important}
	.find1{padding-top: 22px;width: 94%}
	.nav_phone ul li a{font-size: 16px}
	.sypro{width: 94%;padding-left: 3%}
	.pic1_phone{width: 100%;margin-top: 20px}
	.index2, .index3, .index4{padding-top: 30px}
	.index2, .index3 h1, .index4 h1{font-size: 20px}
	.foot1{line-height: 25px;text-align: center;}
	.foot2{float: none;margin: auto;padding-top: 20px}
	.now{display: none}
	.position h1{font-size: 24px}
	.synews1 span, .position p{font-size: 16px}
	.culture2{width: 100%;padding-top: 25px}
	.culture2 li,.culture2 dl{width: 42%}
	.culture{height: 300px}
	.culture2 li,.culture2 dl{margin-top: 20px;height: 62px}
	.culture2 li ul h2{font-size: 14px}
	.culture2 li ul p{margin-top: 0}
	.join1{padding-top: 20px}
	.index8{font-size: 16px;padding-bottom: 10px}
	.join2 ul{height: auto;margin-top: 15px;padding-top: 15px;padding-bottom: 15px}
    .join2 ul dl{line-height: 25px}
    .my-map {height: 300px;width: 100%;}
    .amap-overviewcontrol,.amap-touch-toolbar .amap-zoomcontrol{display: none}
    .contact2 li{line-height: 25px;margin-top: 10px}
    .map{float: none;margin-top: 20px}
    .contact1,.message2b{margin-top: 20px}
    .message2a{width: 100%;margin: 0;margin-top: 20px}
    .message2a input,.message2b input{width: 80%}
    .list{height: auto;background: none;border: none}
    .list li{width: 48%;border: none;background: #f7f7f7;margin: 0;margin-top: 10px;}
    .list li:nth-of-type(2n){float: right}
    .list, .prode1, .case{margin-top: 20px}
    .list{line-height: 40px}
    .pro1 p{height: 50px}
    .pro li{margin-top: 15px}
    .pro{border: none}
    .xypa li{width: 100%}
    .position ul{width: 94%;margin-top: 5px}
    .position ul li{margin-top: 5px}
    .position ul li a{padding: 0 8px}
    .position h1{padding-top: 120px}
    .case .swiper-button-prev, .case .swiper-button-next,.service3a_1440{display: none}
    .case1{width: 90%;margin-left: -45%}
    .case1 ul{line-height: 20px;margin-top: 5px;display: none}
    .case .swiper-pagination .swiper-pagination-bullet{width: 20px}
    .foota1 ul li a, .foota1 ul dl dt a, .foota3{font-size: 12px}
    .project1 h1{font-size: 100px}
    .project1a img{width: 30px;padding-top: 25px}
    .project1a h2{font-size: 16px}
    .project1a p{margin-top: 5px;font-size: 14px}
    .service3a_phone{display: block;}
    .service2_phone{display: block;}
    .pc-banner{display: none}
    .hide1 h1{font-size: 20px;padding-top: 90px}
    .hide1 p{line-height: 25px}
    .form1 label{width: 25%}
    .form1 input{width: 70%}
    #container-08{display: none;}
    #container-09{display: block;}
    .pic8{width: 100%}
    .pro1{width: 100%;margin: 0;padding: 0}
    .sypro1 li{margin: auto;margin-top: 15px}
    .xin2a{font-size: 14px}
    .xin2 h1,.index1 h1{font-size: 20px}
    .index1{text-align: center;}
    .index1 img{margin: auto;margin-top: 15px}
    .xin,.culture1{width: 94%}
    .prode1a_1 p,.prode3a_1 p,.prode1a_1 .product_remart{font-size: 14px}
    .pic9{width: 94%}
    .prode3{padding-bottom: 30px}
    .content1{margin-top: 10px}
    .culture2 li, .culture2 dl{width: 45%;padding: 5px 1.5%;border-radius: 5px}
    .culture2 li img{width: 35%;border-radius: 5px}
    .culture2 li ul{width: 60%}
    .news li ul span, .news li ul p, .news li ul h2{margin-top: 5px}
    .news li ul p{line-height: 20px;height: 40px}
    .news li ul h2{display: none}
    .foota3{height: auto;line-height: 20px;padding: 15px 0;text-align: center;}
    .foota3 span {display: block;margin: auto;}
    .foota3 span a{display: block;margin: auto}
    .foota3 span a img{display: block;margin: auto}
    .case_new{margin-bottom: 40px}
}
@media(max-width: 380px){
    .index5{font-size: 20px;margin-top: 20px}
    .apply{margin-top: 20px;padding-top: 20px}
    .form1 input{height: 35px}
    .form1 label{line-height: 35px}
    .form1{margin-top: 10px}
    .form1 label, .form1 input{font-size: 12px}
    .form1 label{width: 27%}
    .form1 input{width: 68%}
    .foota2 img{width: 35%}
    .foota2 ul{float: right;margin: 0}
    .foota2 ul h2{margin-top: 30px}
    .foota2 ul h3{font-size: 20px}
    .foota3{overflow: hidden;}
}