@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.mune{ display:none;}
	#hamburger{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1680px) {
	.header .mune .m-dot a{ padding:24px 25px;}
    .header .logo{ padding:20px; }
    .header .luns .hs{ padding:16px 20px;}
    .header .luns .lun a{ margin:16px; font-size:1.4em;}
    .banner .swiper-slide .txt h3{ font-size:5.8em;}
    .banner .swiper-slide .txt h4{ font-size:2.4em; padding:10px 80px;}
    .banner .swiper-slide .txt p{ font-size:1.6em;}
    .iab{ padding:70px 0;}
    .i-tit h3{ font-size:2.4em; line-height:1.5;}
    .iab .txt .t{ padding:30px 0;}
    .iab .txt{ padding:50px;}
    .ipl{ padding:70px 0;}
    .ipl .pb .tit h3{ font-size:2em;}
    .ipl .pb .tit p{ font-size:1.6em}
    .iv .play h3{ font-size:3.2em;}
    .inews{ padding:80px 0;}
    .inews .box .txt h3{ font-size:1.8em; margin:6px 0 10px 0;}
    .inews .box .txt{ padding:25px 30px;}
    .iser{ padding:80px 0;}
    .iser .ser-imgs{ margin-top:60px;}
    .iser .ser-imgs .swiper-button-prev,.iser .ser-imgs .swiper-button-next{ width: 60px; background-size: 60px 60px; height: 60px; top:calc(45%);}
    .footer .fo1{ padding:50px 0 20px 0;}
    .footer .fo2 .links .dot h3 a{ margin-bottom:25px;}
    .footer .fo2 .fd .d h3{ font-size:3.2em;}
    .footer .fo2 .tip{ margin-top:60px;}
}
@media screen and (max-width: 1450px) {
	.header .mune .m-dot a{ padding:24px 15px; font-size:1.4em;}
    .header .luns .hs input{ font-size:1.4em;}
    .header .luns .hs form{ padding:4px;}
    .header .luns .hs .hbtn{ background-size:45%;}
    .header .luns .hs{ padding:18px 20px;}
    .banner .swiper-slide .txt h3{ font-size:5.2em;}
    .banner .swiper-slide .txt h4{ font-size:2.2em; padding:10px 80px;}
    .banner .swiper-slide .txt p{ font-size:1.6em;}
    .banner .swiper-slide,.banner .swiper-slide .img{ height:650px;}
    .i-tit h3{ font-size:2em;}
    .iab .txt .dot .d img{ width:40px;}
    .iab .txt .t p{ line-height:1.5;}
    .iab .txt .t{ padding:20px 0;}
    .ipl .pb .pl>div{ font-size:1.6em; padding:12px 20px;}
    .ipl .pb .tit{ top:30px; left:30px;}
    .iv .play img{ width:60px;}
    .iv .play h3{ font-size:2.8em;}
    .iv{ height:550px;}
    .ipl2{ padding:70px 0;}
    .ipl2 .ip11 .swiper-slide p{ font-size:1.6em;}
    .ipl2 .ip12 .txt{ padding:40px;}
    .ipl2 .ip12 .txt h3{ font-size:2em; margin-bottom:20px;}
    .inews{ padding:60px 0;}
    .inews .box .txt h3{ font-size:1.6em;}
    .inews .box .txt{ padding:20px;}
    .iser{ padding:60px 0;}
    .iab .txt{ padding:30px;}
}
@media screen and (max-width: 1250px) {
	.header .logo img{ width:180px;}
	.header .logo{ padding:14px;}
	.header .mune .m-dot a{ padding:15px 10px;}
	.header .luns .hs{ padding:10px 10px;}
	.header .luns .lun a{ padding:4px; width:36px; margin:9px;}
	.banner .swiper-slide .txt h3{ font-size:4.2em;}
	.banner .swiper-slide .txt h4{ font-size:1.8em; padding:10px 40px; margin:5px 0 10px 0;}
    .banner .swiper-slide .txt p{ font-size:1.4em;}
    .banner .swiper-slide,.banner .swiper-slide .img{ height:550px;}
    .iab .txt .dot .d img{ width:30px;}
    .iab .txt .dot .d{ padding:12px;}
    .iab .txt .t a{ margin-top:20px;}
    .ipl{ padding:50px 0;}
    .ipl .pd .box.hover{ height:350px;}
    .ipl .pb .tit{ top:20px; left:20px;}
    .ipl .pb .tit h3{ font-size:1.8em;}
    .ipl .pb .pl>div{ font-size:1.4em; padding:8px 10px;}
    .iv .play h3{ font-size:2.4em; margin-bottom:20px;}
    .ipl2{ padding:50px 0;}
    .ipl2 .ip12 .img{ height:400px;}
    .ipl2 .ip11{ height:310px; padding:0px 0;}
    .ipl2 .ip11 .swiper-slide p{ font-size:1.4em;}
    .ipl2 .ip12 .txt{ padding:20px; height:200px; margin-top:200px;}
    .ipl2 .ip12 .txt a{ margin-top:10px;}
    .ipl2 .ip12 .txt h3{ font-size:1.8em; margin-bottom:10px;}
    .inews .boxs .box{ width: calc(33.33% - 20px);}
    .footer .fo2 .links .dot p a{ font-size:1.4em; margin-bottom:2px;}
    .footer .fo2 .links .dot h3 a{ font-size:1.4em; margin-bottom:10px;}
    .footer .fo2 .fd .d p{ font-size:1.4em;}
    .footer .fo2 .fd .d h3{ font-size:2.8em}
    .footer .fo2 .fd .d{ margin-bottom:10px;}
    .iser .ser-imgs{ padding:0 90px;}
    .banner .swiper-slide.ban3 .txt h4{ padding:10px 100px;}
}
@media screen and (max-width: 1024px) {
	.header .luns{ display:none;}
	.banner .swiper-slide .txt h3{ font-size:3.6em;}
	.iab{ padding:40px 0;}
	.iab .warp{ display:block;}
	.iab .warp>*{ width:100%; max-width:750px; margin:0 auto;}
	.ipl .pbs{ display:block; }
	.ipl .pb{ width:100%; max-width:750px; margin:40px auto 0 auto;}
	.ipl2 .ip11{ position:relative; width:100%; margin-top:30px;}
	.ipl2 .ip12{ margin-top:0;}
	.ipl2 .ip12 .swiper-slide{ display:block;}
    .ipl2 .ip12 .img{ width:100%;}
    .ipl2 .ip12 .txt{ width:100%; margin-top:0;}
    .ipl2 .ptxt{ max-width:750px; margin:0 auto;}
    .ipl2 .ip12 .btns{ left:auto; right:20px;}
    .footer .fo1,.footer .fo2 .flinks{ display:none;}
    .footer .fo2{ padding:25px 0; text-align:center;}
    .footer .fo2 .tip{ margin-top:0;}
    .inews .boxs{ margin-top:30px; display:block;}
    .inews .boxs .box{ width:100%; max-width:460px; margin:20px auto;}
    .iser .ser-imgs{ padding:0 70px; margin-top:40px;}
    .iser{ background-position:left center; background-size:cover !important;}
}
@media screen and (max-width: 850px) {
    .banner .swiper-slide,.banner .swiper-slide .img{ height:350px;}
    .banner .swiper-slide .txt h3{ font-size:2.8em;}
    .banner .swiper-slide .txt h4{ font-size:1.6em; padding:4px 30px; margin:5px 0 10px 0;}
    .i-tit h3{ font-size:1.6em;}
    .iv{ height:450px;}
    .ipl2 .ip12 .swiper-button-prev,.ipl2 .ip12 .swiper-button-next{ width: 30px; background-size: 30px 30px; height: 30px;}
    .ipl2 .ip12 .btns{ width: 70px; height: 30px; }
    .inews .box .txt h4{ font-size:1.6em;}
    .inews .box .txt h3{ font-size:1.4em; margin:0;}
    .inews .box .txt h5{ margin-top:10px;}
    .inews,.iser{ padding:40px 0;}
    .iser .ser-imgs .swiper-button-prev,.iser .ser-imgs .swiper-button-next{ width: 40px; background-size: 40px 40px; height: 40px; top:calc(48%);}
    .footer .fo2{ padding:15px 0;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px;}
    .ipl2 .ip11 .swiper-slide{ padding-left:6%;}
    .banner .swiper-slide .txt p{ display:none;}
    .banner .swiper-slide.ban3 .txt h4{ padding:10px 20px;}
}
@media screen and (max-width: 650px) {
	.header .logo{ padding:10px;}
	.header .logo img{ width:160px;}
	#hamburger{ right:15px; top:16px;}
	.banner .swiper-slide .txt h3{ font-size:2.4em;}
	.banner .swiper-slide .txt h4{ font-size:1.4em;}
	.iab .txt{ padding:20px;}
	.iab .txt .t a{ margin-top:10px;}
    .iab .txt .dot .d p{ margin-top:6px;}
    .ipl{ padding:40px 0;}
    .ipl .pb{ margin-top:20px;}
    .ipl .pbs{margin-top:20px;}
    .ipl .pb .tit{ top:10px; left:10px;}
    .ipl .pb .tit h3{ font-size:1.6em;}
    .iv .play h3{ font-size:2em; margin-bottom:15px;}
    .iv .play img{ width:45px;}
    .ipl2 .ip11 .swiper-slide{ height:30px;}
    .ipl2 .ip11 .swiper-slide p{ line-height:30px;}
    .ipl2 .ip12 .img{ height:300px;}
    .ipl2 .ip12 .txt a{ padding:6px 30px;}
    .inews .box .txt{ padding:12px;}
    .inews{ padding:40px 0 20px 0;}
    .footer .fo2 .tip p:first-child{ padding:0;}
    .iser .i-tit h3{ padding:0;}
    .iser .ser-imgs{margin-top:20px; padding:0 50px;}
    .iab .txt .dot .d{padding:12px 0px;}
    .ipl .pb.pb1 .pl>div{ width:100%;}
    .ipl .pb.pb1 .pl,.ipl .pb .pl{ display:block;}
    .ipl .pb.pb2 .pl>div{ width:100%;}
}


/*about*/
@media screen and (max-width: 1680px) {
	.about-ban .txt{ bottom:15%; right:8%;}
    .aban-slider .swiper-slide{ height:800px;}
    .about-t .ab1{ padding:70px 0 90px 0;}
    .tits h3{ font-size:10em;}
    .ab2 .txt .t3 p{ padding: 14px 20px 14px 10%;}
    .ab2 .txt .t2{ margin: 30px 0 20px 10%;}
    .ab2 .txt .t1{ padding-left:10%;}
    .ab2 .txt{ padding:60px 40px;}
    .ab2 .txt .t1 h3{ font-size:2.8em;}
    .ab2 .txt .t1 h4,.ab2 .txt .t2 h3,.ab2 .txt .t2 h3{ font-size:2em;}
    .ab2 .imgs .tit h3,.ab2 .imgs .tit p{ font-size:2em;}
    .ab3{ padding:70px 0;}
    .tits2 h3{ font-size:3.2em;}
    .tits2 h4{ font-size:2.2em;}
    .ab3 .deve .swiper-slide{ width:500px;}
    .ab3 .deve .swiper-slide .t h3{ font-size:2.4em;}
    .ab3 .deve .swiper-slide .t h4{ font-size:1.8em;}
    .ab4 .cul-img .swiper-slide .txt{ padding:5%;}
    .tits h4{ font-size:3.2em;}
    .tits p{ font-size:2.2em;}
    .tits h4{ margin-top:-70px;}
}
@media screen and (max-width: 1450px) {
	.about-ban .txt{ bottom:10%; right:5%;}
    .aban-slider .swiper-slide{ height:700px;}
    .about-ban .txt h3{ font-size:3.2em;}
    .about-ban .txt h4{ font-size:2em;}
    .tits h3{ font-size:8em;}
    .tits h4{ font-size:2.8em; margin-top:-50px;}
    .tits p{ font-size:2em;}
    .about-t .ab1 .video:after{ width: 60px; height: 60px; left: calc(50% - 30px); top:calc(50% - 30px);}
    .about-t .ab1 .video{ max-width:1000px; margin:0 auto;}
    .ab2 .txt{ padding:40px 20px;}
    .ab2 .txt .t1 h3{ font-size:2.8em;}
    .ab2 .imgs .tit p{ font-size:1.6em;}
    .ab3 .deve .swiper-slide .t{ padding:20px;}
    .ab3 .deve .txt1:before,.ab3 .deve .txt2:before{  top:calc(50% - 7px); left: calc(10% - 7px); padding: 7px; }
	.ab3 .deve .txt1:after,.ab3 .deve .txt2:after{ top:calc(50% - 14px); left: calc(10% - 14px);   padding: 14px;}
	.ab3 .deve .txt2:before{left: calc(20% - 7px);}
	.ab3 .deve .txt2:after{left: calc(20% - 14px);}
	.ab4 .cul-img .swiper-pagination{ padding-right:18%; bottom:14%;}
	.ab4{ padding:60px 0;}
	.tits2 h3{ font-size:2.8em;}
    .tits2 h4{ font-size:2.2em;}
}
@media screen and (max-width: 1024px) {
	.aban-slider .swiper-slide{ height:400px;}
	.about-ban .txt h3{ font-size:2.4em;}
	.about-ban .txt h4{ font-size:1.8em;}
	.about-t .ab1{ padding:60px 0;}
    .tits h3{font-size:4em;}
    .tits h4{ margin-top:-20px;}
    .tits p{ font-size:1.8em;}
    .about-t .ab1 .t{ margin:40px auto;}
    .ab2{ display:block;}
    .ab2 .txt{ width:100%;}
    .ab2 .imgs{ width:100%; padding:40px 0;}
    .ab3{ padding:40px 0;}
    .tits2 h3{ font-size:2em;}
    .tits2 h4{ font-size:2.2em; line-height:1.5;}
    .ab3 .deve{ margin-top:30px;}
    .ab3 .deve .swiper-slide{ width:300px;}
    .ab3 .deve .swiper-slide .t h4{ font-size:1.6em; margin-bottom:0;}
    .ab3 .deve .swiper-slide .t h3{ font-size:1.8em; }
    .ab3 .deve .swiper-slide .t span{ margin:8px 0;}
    .ab3 .deve .swiper-slide .t{ padding:15px;}
    .ab3 .deve .swiper-slide .t p{ max-height: 100%; line-height:20px; font-size: 1.4em;}
    .ab3 .deve .txt1:before,.ab3 .deve .txt2:before{  top:calc(50% - 4px); left: calc(10% - 4px); padding: 4px; }
	.ab3 .deve .txt1:after,.ab3 .deve .txt2:after{ top:calc(50% - 8px); left: calc(10% - 8px);   padding: 8px;}
	.ab3 .deve .txt2:before{left: calc(20% - 4px);}
	.ab3 .deve .txt2:after{left: calc(20% - 8px);}
	.ab4{ padding:40px 0;}
	.ab4 .cul-img{ margin-top:30px;}
	.ab4 .cul2-img{ flex-wrap:wrap; margin-top:20px;}
	.ab4 .cul2-img>div{ width: calc(50% - 10px); margin:10px 0;}
    .ab4 .cul-img .swiper-slide{ display:block;}
    .ab4 .cul-img .swiper-slide .img{ width:100%;}
    .ab4 .cul-img .swiper-slide .txt{ width:100%; padding:40px 20% 40px 40px;}
    .ab4 .cul-img .swiper-slide .txt h3{ font-size:1.8em;}
    .ab4 .cul-img .swiper-pagination{ bottom:40px; padding-right:140px;}
    .ab4 .cul-img .btn{ right:10px; bottom:65px; width:110px;}
    .ab2 .imgs .tit{ margin-top:20px;}
    .ab2 .txt .t1{ padding:0;}
    .ab2 .txt .t2{ margin: 20px 0;}
    .ab2 .txt .t1 h4, .ab2 .txt .t2 h3, .ab2 .txt .t2 h3{ font-size:1.6em; line-height:1.4;}
}
@media screen and (max-width: 850px) {
	.aban-slider .swiper-slide{ height:300px;}
	.about-ban .txt h3{ font-size:1.8em;}
	.about-ban .txt h4{ font-size:1.4em;}
	.about-ban .txt p{ display:none;}
	.about-ban .txt{ bottom:10px; right:15px;}
    .about-t .ab1{ padding:40px 0;}
    .about-t .ab1 .t{ margin:20px auto 40px auto;}
    .about-t .ab1 .t p{ line-height:1.5;}
    .tits h3{ font-size:3.2em;}
    .tits h4{ font-size:1.8em;}
    .ab2 .txt{ padding:30px 20px;}
    .ab2 .txt .t1 h3{ font-size:2em;}
    .ab2 .txt .t1 h4{ font-size:1.8em;}
    .ab2 .txt .t3 p{ padding:4px 0;}
    .tits2 h4{ font-size:1.8em;}
    .tits2 h3{ font-size:1.6em;}
    .ab4 .cul-img .swiper-slide .txt{ padding:20px 140px 20px 20px;}
    .ab4 .cul-img .swiper-slide .txt h3{ font-size:1.6em; font-weight:normal;}
    .ab4 .cul-img .swiper{ --swiper-navigation-size: 10px;}
    .ab4 .cul-img .btn{ width:90px; bottom:40px;}
    .ab4 .cul-img .swiper-pagination{ padding-right:100px; bottom:18px;}
    .ab4 .cul-img .swiper-button-prev,.ab4 .cul-img .swiper-button-next{ width: 30px; height: 30px;}
	.product .txt h4{ max-width:30%; }
}
@media screen and (max-width: 650px) {
	.aban-slider .swiper-slide{ height:240px;}
    .about-t .ab1 .video:after{ width: 30px; height: 30px; left: calc(50% - 15px); top:calc(50% - 15px);}
    .ab2 .imgs .tit h3{ font-size:1.6em;}
    .ab2 .imgs .tit p{ font-size:1.4em; line-height:1.5;}
    .ab3 .deve .swiper-slide{width:100%;height: 520px;}
    .ab4 .cul-img .swiper-slide .txt h3{ font-size:1.4em; line-height:20px; height:40px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
    .ab4 .cul2-img>div{ width:100%;}
	.product .txt{  bottom: 40% !important;}
}

/*product*/
@media screen and (max-width: 1680px) {
    .banners{ height:550px;}
    .banners .txt{ left:6%;}
    .qua .txt, .cus .txt, .equipment .txt, .product .txt{ right:6%;}
    .banners .txt h3{ font-size:3.2em;}
    .banners .txt h4{ font-size:2em;}
    .product-t .top-box .topb a{ padding:20px 10%;}
    .product-t{ padding:60px 0;}
    .product-t .boxs{ margin-top:40px;}
    .product-t .top-box .topb p{ font-size:1.6em;}
    .product-t .txt-box{ padding:35px;}
}
@media screen and (max-width: 1450px) {
	.banners{ height:500px;}
	.banners .txt h3{ font-size:2.8em;}
    .banners .txt h4{ font-size:1.8em; margin-bottom:0;}
    .lists a p{ font-size:1.6em;}
	.lists{ flex-wrap:wrap;}
	.lists a{ width: 33.33%;}
}
@media screen and (max-width: 1250px) {
	.banners{ height:400px;}
	.banners .txt{ left:40px;}
    .qua .txt, .cus .txt, .equipment .txt, .product .txt{ right:40px;}
    .product-t .top-box .topb a{ padding:15px;}
    .product-t .top-box .topb p{ font-size:1.4em;}
    .product-t .txt-box{ padding:10px;}
}
@media screen and (max-width: 1024px) {
	.banners .txt h3{ font-size:2em;}
	.banners .txt h4{font-size:1.6em;}
	.banners .txt p{ display:none;}
	.lists a{ padding: 8px;}
	.lists a p{ font-size:1.4em; }
    .product-t{ padding:40px 0;}
    .product-t .boxs{ margin-top:30px;}
    .product-t .txtb .txt{ padding:20px;}
    .product-t .txtb .txt p{ font-size:1.6em;}
}
@media screen and (max-width: 850px) {
	.product-t .imgs .ib{ flex-wrap:wrap;}
    .product-t .imgs .ib .ibd{ width:50%;}
	.product-t .imgs .ib .ibd p{ font-size: 1.4em;}
    .product-t .top-box{ flex-wrap:wrap; background:#d5d5d5;}
    .product-t .top-box .topb{ width:50%;}
    .product-t .txtb{ display:block;}
    .product-t .txtb .img,.product-t .txtb .txt{ width:100%;}
}
@media screen and (max-width: 650px) {
	.banners{ height:240px;}
	.banners .txt{ left:15px; bottom:10px; right:15px;}
	.banners .txt h3{ font-size:1.6em;}
	.banners .txt h4{font-size:1.4em;}
	.product-t .top-box .topb{ width:100%;}
	.product-t .top-box .topb a{ padding:8px;}
	.product-t .boxs{ margin-top:20px;}
	.product-t .txtb .txt p{ font-size:1.4em;}
	.product-t .txtb .txt{ padding:10px;}
	.product-t .imgs{ margin-top:20px;}
	.lists a{ width: 50%;}
}
@media screen and (max-width: 450px) {
	.product-t .imgs .ib .ibd{ width:100%;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.news-t .boxs{ margin-top:30px;}
    .news-t .box .txt{ padding:20px;}
    .news-t .box .txt h3{ font-size:1.6em; margin:0 0 10px 0;}
    .news-t .box .txt h4{ font-size:1.6em;}
}
@media screen and (max-width: 1450px) {
    .news-t{ padding:60px 0;}	
    .news-t .boxs .box { width: calc(33.33% - 20px); margin: 10px;}
}
@media screen and (max-width: 1024px) {
	.news-t .box .txt{ padding:15px;}
}
@media screen and (max-width: 850px) {
	.news-t{ padding:40px 0;}	
	.news-t .boxs .box { width: calc(50% - 10px); margin: 5px;}
	div.fy{ padding-top:20px;}
}
@media screen and (max-width: 650px) {
    div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
}
@media screen and (max-width: 450px) {
	.news-t .boxs .box { width: calc(100% - 0px); margin: 5px 0;}
	.news-t .boxs{ margin-top:15px;}
	.news-t .box .txt h4{ font-size:1.4em;}
	.news-t .box .txt h3{ font-size:1.4em; margin-bottom:0;}
	.news-t .box .txt h5{ margin-top:10px;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*equipment*/
@media screen and (max-width: 1680px) {
	.eqltxt .eql .eqt p{ font-size:2em;}
    .equipment-t{ padding:60px 0;}
}
@media screen and (max-width: 1450px) {
	.eqltxt .eql .eqt p{ font-size:1.8em;}
	.eqltxt .eqi .txt h3{ font-size:2em; margin-bottom:10px;}
	.eqltxt .eqi .txt p{ font-size:1.4em; line-height:1.5;}
}
@media screen and (max-width: 1250px) {
	.eqltxt{ margin-top:50px;}
	.eqltxt .eqr{ padding-left:40px;}
}
@media screen and (max-width: 1024px) {
	.eqltxt{ display:block;}
	.eqltxt .eql{ flex-wrap:wrap; margin-bottom:30px; width:100%; display:flex; border-bottom:1px solid #c1c1c1; border-right:none;}
	.eqltxt{ margin-top:20px;}
	.eqltxt .eql .eqt{ text-align:center; background:#f5f5f5; width:50%;}
	.eqltxt .eqr{ padding-left:0px; width:100%;}
	.eqltxt .eql .eqt p{ font-size:1.6em; margin-bottom: 0;}
}
@media screen and (max-width: 850px) {
	.equipment-t{ padding:40px 0;}
	.eqltxt .eqi .txt h3{ font-size:1.8em;}
}
@media screen and (max-width: 650px) {
	.eqltxt .eql .eqt p{ font-size:1.4em;}
	.eqltxt .eqi .swiper{ padding:0 60px;}
}
@media screen and (max-width: 450px) {
	.eqltxt .eqi .swiper{ padding:0 0px;}
}

/*quality*/
@media screen and (max-width: 1680px) {
	.q1{ padding:60px 0;}
	.q2 .tip p{ font-size:2em;}
}
@media screen and (max-width: 1450px) {
	.q2 .qb{ max-width:960px;}
	.q2 .qb .ql{ width:40%;}
	.q2 .qb .qr{ width:60%;}
	 .q1 .imgs img{ max-width:450px;}	
}
@media screen and (max-width: 1250px) {
    .q1 .imgs img{ max-width:350px;}
    .q2 .tip p{ font-size:1.6em;}	
    .q1 .tip p{ font-size:1.4em;}
    .q1 .tip{ margin: 20px auto 30px auto;}
    .q2 .tip{  margin-bottom:40px;}
}
@media screen and (max-width: 1024px) {
    .q1,.q2{ padding:40px 0;}	
}
@media screen and (max-width: 850px) {
	.q1 .imgs img{ max-width:250px;}	
	.q2 .qb .ql,.q2 .qb .qr{ width:100%; }
	.q1 .imgs{ display:block; }
	.q1 .imgs>div{ width:100%; text-align:center; margin:40px  auto 0 auto;}
	.q1 .imgs img{ max-width:80%; }
}
@media screen and (max-width: 650px) {
	.q2 .qb .ql img{ max-width:300px;}
	.q2 .qb .qr .qi{ width:50%;}
}

/*customers*/
@media screen and (max-width: 1680px) {
	.customers{ padding:60px 0;}
	.cu-imgs{ padding:80px 0;}
}
@media screen and (max-width: 1450px) {
	.cu-imgs{ padding:60px 0;}
	.customers .imgs p{ margin:30px auto;}
	.cu-imgs .imgs>div{ margin:10px; width:calc(20% - 20px); text-align:center;}
    .cu-imgs .imgs>div img{ width:100%;}
}
@media screen and (max-width: 1250px) {
	.customers,.cu-imgs{ padding:40px 0;}
	.customers .imgs p{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.cu-imgs .imgs>div{ width:calc(25% - 20px); }
	.customers .imgs p{ margin:10px auto 30px auto;}
}
@media screen and (max-width: 450px) {
	.cu-imgs .imgs>div{ margin:2px; width:calc(33.33% - 4px);border-radius: 2px;}
	.cu-imgs{ padding:20px 0;}
}

/*concatct*/
@media screen and (max-width: 1680px) {
	.con1{ padding:60px 0;}
	.con1 .boxs{ margin-top:60px;}
	.con1 .boxs .txt{ padding:40px 60px;}
	.con1 .boxs .two{ padding:20px 40px;}
	.con1 .boxs .txt .tit span{ margin:30px 0;}
}
@media screen and (max-width: 1450px) {
	.con1 .boxs .txt .tit h3,.con1 .boxs .two .tit h3{ font-size:2em;}
	.con1 .boxs .two .d{ text-align:center;}
    .con1 .boxs .two .d img{ width:100px;}
    .con2 .btn .fc-btn{ font-size:1.6em;}
}
@media screen and (max-width: 1250px) {
	.con1 .boxs .txt .t .d p{ font-size:1.4em;}
	.con2{ padding:50px 0;}
	.con2 .form{ margin-top:40px;}
	.con2 .dot{ width: calc(100% + 20px); margin-left: -10px;}
    .con2 .dot input{ width: calc(50% - 20px); margin:0 10px 15px 10px; }
    .con2 .btn .fc-btn{ padding:8px;}
}
@media screen and (max-width: 1024px) {
	.con1 .boxs .txt .tit h4{ font-size:1.4em;}
	.con1 .boxs .txt{ padding:30px 20px;}
	.con1 .boxs{ margin-top:30px;}
	.con2 input{ padding:12px 20px;}
	.con1 .boxs .two{ padding:20px;}
}
@media screen and (max-width: 650px) {
	.con1{ padding:40px 0;}
	.con1 .boxs{ display:block;}
	.con1 .boxs .txt{ width:100%;}
	.con1 .boxs .two{ width:100%;}
	.con1 .boxs .two .dot{ display:flex; width:100%;}
	.con1 .boxs .two .d{ width:50%;}
	.con2 .dot input{ width: calc(100% - 20px);}
	.con2 .form{ margin-top:20px;}
}
@media screen and (max-width: 450px) {
	.con1 .boxs .txt .tit h3, .con1 .boxs .two .tit h3{ font-size:1.8em;}
	.con1 .boxs .txt .tit h4{ line-height:1.2; margin-top:6px;}
	.con1 .boxs .txt .tit span{ margin:10px 0;}
	.con2{ padding:40px 0;}
}



/*map*/
@media screen and (max-width: 1024px) {
	#container{height:calc(100vh - 214px);}
}
@media screen and (max-width: 850px) {
	#container{height: calc(100vh - 179px);}
}
@media screen and (max-width: 500px) {
	#container{height: calc(100vh - 210px);}
}