@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){
	 .banner .lv4 .btns span{ padding:0 30px;}
	 .banner .lv4 .btns span p{ font-size:2.6em;}
	 .banner .lv4 .btns span h3{ font-size:3.2em;}
	 .header{ padding:7px 50px;}
     .ban-footer{ padding:20px 50px;}
}
@media screen and (max-width: 1440px){
	.header{ padding:7px 30px;}
	.header .logo img{ width:140px;}
	.header .menu a{ margin:0 25px;}
     .ban-footer{ padding:20px 30px;}
     .banner .lv4 .btns span{ padding:0 20px;}
     .banner .lv4 .btns span p{ font-size:2.4em;}
	 .banner .lv4 .btns span h3{ font-size:2.8em; margin:10px 0;}
}
@media screen and (max-width: 1240px){
	.ban-footer .bfs img{ margin-left:10px;}
}
@media screen and (max-width: 1024px){
	.header  .menu,.lun{ display:none;}
	.header{ padding:7px 10px;}
     .ban-footer{ padding:20px 10px;}
     .banner .lv4 .btns span p{ font-size:2em;}
	 .banner .lv4 .btns span h3{ font-size:2.2em; margin:10px 0;}
}
@media screen and (max-width: 850px){
	.lv{ display: none;}
	.banner-slider{ display:block;}
	.bfs{ display:none;}
	.ban-footer{ padding: 8px 0; display:block;}
	.ban-footer .bft p{ text-align:center;}
}

/*about*/
@media screen and (max-width: 1680px){
	.banners{ height:700px;}
	.banners img{ width:120px;}
	.banners h3{ font-size:2.4em;}
	.ab1{ padding:90px 0;}
	.ab2{ padding:120px 0;}
	.tits h3{ font-size:2.4em;}
	.tits p{ margin-top:25px;}
	.ab3,.ab4,.ab5{ padding:120px 0;}
    .ab5 .txt1{ margin-bottom:20vh;}	
}
@media screen and (max-width: 1450px){
	.banners{ height:600px;}
    .ab1 .txt1 .t img{ margin-top:60px;}
    .ab1 .txt2 .t{ padding:30px 0;}
    .ab1 .txt2 .t2{ margin-top:15vh;}
    .ab3,.ab4,.ab5{ padding:80px 0;}
    .ab2 .imgs .abe-slider{ padding-left:20px;}
    .ab2{ padding:80px 0;}
    .footer{ padding:80px 0;}	
    .footer .fs h3,.footer .fsr h3{ font-size:1.6em;}
}
@media screen and (max-width: 1250px){
	.banners{ height:500px;}
	.banners img{ width:80px;}
	.banners h3{ font-size:2em;}
	 .footer{ padding:60px 0;}	
	 .ab1{ padding:70px 0;}
	 .ab1 .txt2 .t h3{ font-size:8.6em;}
	 .ab1 .txt2 .t h4{ font-size:8.6em;}
	 .ab1 .txt1 .t p,.ab1 .txt2 .t2 p,.ab2 .tits p,.ab3 .txt .tits p{ font-size:1.4em;}
    .ab2 .tits p{ margin-top:16px;}
    .tits h3{ font-size:2em;}
    .tits h3:after{ width:12px;}
    .ab3 .history .swiper-slide h3{ font-size:2.4em;}
    .ab3 .history .swiper-slide p,.ab5 .txt2 .t p,.ab5 .txt1 p,.ab6 .txt .tits p{ font-size:1.4em;}
    .ab3 .history .abh-slider{ height:400px;}
    .ab3 .txt img{ margin-top:40px;}
    .ab6 .txt .img{ width:50%;}
}
@media screen and (max-width: 1024px){
	.banners{ height:400px;}
	.banners h3{ font-size:1.6em;}
	.ab1 .txt2 .t h3{ font-size:6.4em;}
	.ab1 .txt2 .t h4{ font-size:5.2em; margin-top:-40px;}
	.ab1 .txts{ display:block;}
	.ab1 .txt1,.ab1 .txt2{ width:100%;}
	.ab1 .txt1 .t img{ margin-top:20px;}
	.ab1 .txt2 .t2{ margin-top:20px;}
	.ab2 .imgs .swiper-slide .txt p{opacity: 1; transform: translateZ(0px)translateX(0px);}
    .ab2 .imgs .swiper-slide .img img{ opacity: 1;} 
    .ab2 .imgs .img img{ max-height:240px;}
    .ab2 .imgs .txt p{ font-size:1.4em;}
    .ab2 .imgs .txt{ padding:4px 0 0 0;}
    .ab2{ padding:60px 0;}
    .ab6 .txt{ display:block;}
    .ab6 .txt .img{ width:100%; margin-top:40px;}
    .ab6 .txt .img img{ max-width:100%; width:200px;}
    .footer .fs,.footer .fsr{ display:none;}
    .footer{ padding:20px 0;}
    .footer .warp{ display:block; text-align:center;}
    .footer .ft img{ width:100px; margin-bottom:10px;}
    .ab3 .history{ order:1;}
    .ab3 .warp{ flex-wrap:wrap;}
    .ab3 .txt,.ab3 .history{ width:100%;}
    .ab3 .history{ margin-top:30px;}
    .ab4 .img{overflow-x: scroll; padding:20px 0 40px 0;}
    .ab4 .img img{ max-width:1200px;}
}
@media screen and (max-width: 850px){
    .banners img{ width:50px;}	
    .ab1{ padding:60px 0;}
    .ab3, .ab4, .ab5{ padding:60px 0;}
    .ab3 .history .swiper-slide:before{ width: 14px; height: 14px; top:calc(50% - 7px); }
    .ab3 .history .swiper-slide:before{ right:calc(15% - 40px);}
    .ab3 .history .swiper-slide:after{ width:calc(15% - 40px)}
    .ab3 .history .swiper-slide{ padding-right: 15%;}
    .ab3 .history .swiper-slide:nth-child(2n-1):before{ right:calc(25% - 40px);}
    .ab3 .history .swiper-slide:nth-child(2n-1):after{ width:calc(25% - 40px)}
    .ab3 .history .swiper-slide:nth-child(2n-1){ padding-right: 25%;}
    .ab3, .ab4, .ab5{ padding:60px 0;}
    .ab5 .txt1{ display:block; margin-bottom:60px;}
    .ab5 .txt1 .tits{ width:100%; margin-bottom:20px;}
    .ab5 .txt1 .img{ width:100%;}
    .ab5 .txt2 img{ width:240px;}
    .ab6 .txt .tits{ width:100%;}
}
@media screen and (max-width: 650px){
	.banners{ height:300px;}
    .tits h3{ font-size:1.6em; }
    .ab1 .txt1 .t{ margin-top:10px;}
    .ab3, .ab4, .ab5{ padding:40px 0;}
    .tits p{ margin-top:10px;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px;}
}
@media screen and (max-width: 450px){
	.banners h3{ margin-top:10px; font-size:1.4em;}
	.ab1{ padding:40px 0;}
	.ab6 .txt .img>div{ margin:0 5px;}
}

/*honor&product*/
@media screen and (max-width: 1680px){
	.ls .lsl h3{ font-size:2em; margin-bottom:30px;}
	.ls .lsboxs{ padding:70px 0;}
	.ls .lsl{ padding:100px 0;}
	.ls .lsboxs .lsbbox .lsb{ width: calc(33.33% - 60px); margin: 25px 30px;}
}
@media screen and (max-width: 1250px){
	.ls .lsl h3{ font-size:1.8em;}
	.ls .lsboxs .lsbbox .lsb{ width: calc(33.33% - 40px); margin: 15px 20px;}
}
@media screen and (max-width: 1024px){
	.ls{ display:block; }
	.ls .lsl{  border:none; width:100%;border-bottom: 1px solid #d9d9d9;}
    .ls .lsl{ padding:20px 0; display:flex; flex-wrap:wrap;}
    .ls .lsl h3{ font-size:1.6em; margin-bottom:0px;}
    .ls .lsboxs{ width:100%; padding:20px 0;}

    .product .ls .lsboxs .lsbbox .lsb{ width: calc(50% - 10px); margin: 15px 5px; }
    .product .ls .lsboxs .lsbbox .lsb img{ transform: scale(1);}
    .product .ls .lsboxs .lsbbox .lsb .txt p{ font-size:1.6em; }
}
@media screen and (max-width: 850px){
	.ls .lsboxs .lsbbox{ padding: 0;}
	.ls .lsboxs .lsbbox .lsb{ width: calc(33.33% - 20px); margin: 15px 10px;}
}
@media screen and (max-width: 650px){
	.ls .lsboxs .lsbbox .lsb{ width: calc(50% - 10px); margin: 5px 5px;}
	.ls .lsl h3{ font-size:1.4em; }
	.ls .lsl a{ padding:10px 0;}

	.product .ls .lsboxs .lsbbox .lsb{ width: calc(100% - 0px); margin: 15px 0px; }
}


/*service*/
@media screen and (max-width: 1680px){
    .banners p{ font-size:2em;}	
    .service-t .stit h3{ font-size:2em;}
    .service-t>div{ padding:70px 0;}
    .service-t .stxt .warp:after{ height:65px; top:-70px;}
    .service-t .stxt .imgs .txt p{ font-size:1.6em; line-height:1.5;}
    .aftersale{ padding:70px 0;}
    .aftersale .dot{ margin:40px 0;}
    .aftersale .dot .txt{ padding:40px;}
    .aftersale .dot .txt h3{ font-size:2em; margin-bottom:10px;}
}
@media screen and (max-width: 1450px){
    .service-t .stxt .imgs{ margin-top:20px;}
    .service-t .stxt .imgs .ser-slider{ padding-left:30px;}	
    .banners p{ font-size:1.4em; margin-top:4px;}	
    .service-t .stxt1 .stit p{ font-size:1.4em; max-width:80%;}
    .service-t>div{ padding:50px 0;}
    .service-t .stxt .warp:after{ height:50px; top:-50px;}
}
@media screen and (max-width: 1250px){
	.service-t .stit h3{ font-size:1.6em;}
    .service-t .stxt1 .stit p{ padding-left:30px;}
    .service-t .stxt2 .txt{ padding-left:30px;}
    .network-t{ padding:60px 0;}
    .network-t .img img{ margin-top:60px;}
    .aftersale{ padding:50px 0;}
}
@media screen and (max-width: 1024px){
	.service-t .stxt .imgs .txt,.service-t .stxt .swiper-slide:hover .txt{position: static; height:auto;top:auto; bottom:0;padding:10px;}
    .service-t .stxt1 .warp{ display:block;}
    .service-t .stxt1 .stit p{ width:100%; margin-bottom:20px;}
    .service-t .stxt2 .txt p{ margin:10px 0;}
    .service-t .stxt .imgs .txt p{ font-size:1.4em;}
    .service-t .stxt1 .img{ width:100%;}
    .service-t .stxt2{ overflow:hidden;}
    .service-t .stxt2 .txt{ padding-left:0;}
    .network-t .img img{ margin-top:40px;}
}
@media screen and (max-width: 850px){
	.aftersale .dot .txt{ padding:20px;}
	.aftersale .dot:nth-child(2n-1) .img{ order:0;}
	.aftersale .dot{ display:block;}
	.aftersale .dot .img{ width:100%;}
	.aftersale .dot .txt{ width:100%;}
	.aftersale .dot .txt h3{ font-size:1.8em; margin-bottom:0;}
}
@media screen and (max-width: 650px){
	 .service-t>div{ padding:30px 0;}
    .service-t .stxt .warp:after{ height:30px; top:-30px;}
    .service-t .stxt1 .stit p{ max-width:100%;}
    .service-t .stxt1 .img,.service-t .stxt2 .txt{ overflow-x:scroll; padding:10px 0;}
    .service-t .stxt1 .img img,.service-t .stxt2 .txt img{ min-width:600px;}
    .network-t{ padding:40px 0;}
    .aftersale .dot .txt h3{ font-size:1.6em;}
}

/*news*/
@media screen and (max-width: 1450px){
    .news-t .dots .dot{ width: calc(33.33% - 40px); margin:  20px 20px;}
    .news-t{ padding:70px 0;}
    .news-t .dots .dot .txt{ padding:20px;}
    .news-t .dots .dot .txt p{ margin:10px 0;}
}
@media screen and (max-width: 1250px){
	.news-t{ padding:50px 0;}
	 .news-t .dots .dot .txt{ padding:20px 0 0 0;}
}
@media screen and (max-width:1024px){
	.news-t .dots .dot{ width: calc(50% - 20px); margin:  10px 10px;}
}
@media screen and (max-width:650px){
	.news-t .dots .dot{ width: calc(100% - 0px); margin:  10px 0px;}
	div.fy { padding-top:20px;}
    div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
}


/*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;}
}

/*contact*/
@media screen and (max-width: 1680px){
    .map .mds .md{ padding:20px 30px;}
    .map .mds .md h3{ font-size:2em;}
}
@media screen and (max-width: 1450px){
	.map .mds .md p{ font-size:1.4em; margin-top:10px;}
	.map .mds .md input, .map .mds .md textarea{ padding:6px 10px;}
    .map .mds{ bottom:20px; right:20px;}
    .map .mds .md2,.map .mds .md1{ width:300px;}
}
@media screen and (max-width: 850px){
    .map .mds .md h3{ font-size:1.6em;}	
    .map .mds .md2,.map .mds .md1{ width:calc(50% - 10px); margin:5px;}
    .map .mds{ bottom:0px; right:0px; padding:10px;}
    .map .mds .md{ padding:10px;}
}
@media screen and (max-width: 650px){
	 .map .mds{ display:block;}
	.map .mds .md2,.map .mds .md1{ width:calc(100% - 10px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .map .mds .md input, .map .mds .md textarea{ padding:0px 10px;}
    .map .mds .md span{ margin-top:20px;}
    .map .mds .md .fc-btn{ padding:10px 20px;}
    .map .mds .md span img{ width:60px; }
    .map .mds .md span{ padding:4px;}
}

/*productshow*/
@media screen and (max-width: 1680px){
	.pdot .pst{ padding-top:120px;}
	.pdot .pst .txt h3{ font-size:6.8em;}
	.pdot .pst .txt h4{ font-size:2.4em;}
	.pdot .pst .txt p{ line-height:1.5;}
	.pdot .psm .data{ padding:30px 40px;}
	.pdot .psm .data>h3{ font-size:3.2em; margin-bottom:10px;}
    .pdot .psm .dn .n h4 span{ font-size:46px;}
    .pdot .psm .color .tit h3{ padding:16px 40px;}
    .productshow .pban .dot .d p{ font-size:2.2em;}
    .productshow .pban .dot{ padding:30px 0;}
    .pvideo .img h3{ font-size:8em;}
    .pvideo .img h4{ font-size:4em;}
    .productshow .pd .pdb .txt h3{ font-size:3.2em;}
    .productshow .pd .pdb .txt{ padding:20px 4%;}
    .pnum .pbox .pns .pn h4{ font-size:6.2em;}
    .pnum .pbox .pns .t h3{ font-size:2.4em;}
    .pnum{ padding:90px 0;}
    .pnum .tit h3{ font-size:4.2em; margin-bottom:16px;}
    .pimgs .tit h3,.ptxts .tit h3{ font-size:4.2em;}
    .ptxts{ padding:90px 0;}
    .ptxts .tit{ margin-bottom:40px;}
    .ptxts table{max-width:1200px; margin:0 auto;}
}
@media screen and (max-width: 1450px){
	.pdot .pst{ padding-top:100px;}
	.pdot .pst .txt h3{ font-size:5.8em;}
	.pdot .pst .txt h4{ font-size:2em;}
	.pdot .pst .txt p{ font-size:1.4em;}
	.pdot .psm .data>h3{ font-size:2.4em;}
	.pdot .psm .dn .n h4 span{ font-size:36px;}
    .pdot .psm .color .tit h3{ font-size:2em;}
    .productshow .pban .dot .d p{ font-size:2em;}
    .productshow .pban .dot .d img{ width:60px;}
    .pvideo{ padding:18vh 0;}
    .productshow .pd .pdb .txt h3{ font-size:2.8em; margin-bottom:10px;}
    .productshow .pd .pdb .txt p{ font-size:1.4em;}
    .pnum .pbox .pns .pn h4{ font-size:5.2em;}
    .pnum .pbox .pns .pn p{ font-size:2em;}
    .pnum .tit h3,.pimgs .tit h3, .ptxts .tit h3{ font-size:3.6em;}
    .pimgs .imgs{ margin:40px 0 0 0;}
    .ptxts{ padding:70px 0;}
    .ptxts .table tr td{ font-size:1.6em; padding:16px 40px;}
}
@media screen and (max-width: 1250px){
	.pdot .psm{ width:300px;}
	.pdot .pst { width: calc(100% - 300px);}
	.pdot .pst .txt h3{ font-size:4em;}
	.pdot .pst .txt h4{ font-size:1.8em;}
	.pdot .pst .txt{  order:1; height:auto; width:100%; margin:20px 0;}
	.pdot .pst .imgs{ width:100%; padding:0;}
    .pdot .psm .data{ padding:20px;}
    .pdot .psm .dn .n{ padding-right:10px;}
    .pdot .psm .data>h3{ font-size:2em; margin-bottom:0;}
    .pdot .psm .color .tit h3{ padding:12px 20px; font-size:1.6em;}
    .productshow .pban .dot .d p{ font-size:1.6em; height:25px;}
    .pvideo .img:after{ width:60px; height:60px; top:calc(50% - 30px); left:calc(50% - 30px); }
    .pvideo .img h3{ font-size:4.6em;}
    .pvideo .img h4{ font-size:3.2em;}
    .productshow .pd .pdb .txt h3{ font-size:2.4em;}
    .pnum .pln .t h3{ font-size:2.4em;}
    .pnum .pln{ width: calc(100% - 157px); padding: 0 15px;}
    .pimgs{ padding:80px 0;}
    .pnum .tit h3, .pimgs .tit h3, .ptxts .tit h3{ font-size:2.8em;}
    .ptxts .table tr td{ padding:12px 20px; font-size:1.4em;}
    .ptxts table{ max-width:800px;}
    .ptxts{ padding:50px 0;}
}
@media screen and (max-width: 1024px){
	.pdot .psm .data{ margin-top:70px;}
	.pdot .psm .dn .n h4 span{ font-size:24px;}
	.pdot .psm .dn .n{ width:100%;}
	.pvideo{ padding:14vh 0;}
	.productshow .pd .pdb .txt h3{ font-size:2em;}
	.pnum .pbox .pns .t h3{ font-size:2em;}
	.pnum .pbox .pns .pn h4{ font-size:3.2em;}
	.pnum .pbox .pns .pn p{ font-size:1.4em; padding-top:0;}
	.pnum .pbox .pns .pn{ width:140px;}
	.pnum .pbox .pns .t{ width: calc(100% - 140px);}
	.pnum .pln{ width: calc(100% - 77px);}
	.pnum .pbox .pns{margin:20px 0;}
	.pnum .pbox .pns .t span{ margin-top:6px;}
	.pnum .pln span{ height:160px;}
	.pnum .pln{ margin-top:-160px;}
}
@media screen and (max-width: 850px){
	.pdot .pst{ width:100%;}
	.pdot .psm{ width:100%;}
	.pdot .psm .data{ margin-top:0;}
	.pdot .psm .color .gallery-thumbs{ height:auto;}
	.pdot .pst{ padding-top:70px;}
	.pdot .psm .dn .n{ width:50%;}
	.pdot .psm .color{order:-1; width: 100%;}
	.pdot .psm .color img{ max-width:160px;}
	.productshow .pd .pdb .img{ width:100%;}
	.productshow .pd .pdb{ flex-wrap:wrap;}
	.productshow .pd .pdb .txt{ width:100%;}
	.productshow .pd .pdb:nth-child(2n) .img{ order:0;}
    .pdot .psm{ display:flex; flex-wrap:wrap;}
    .pdot .psm .data{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .pimgs{ padding:60px 0;}
    .pnum .tit h3, .pimgs .tit h3, .ptxts .tit h3{ font-size:2em;}
}
@media screen and (max-width: 450px){
	.pdot .pst .txt{ padding:0 10px;}
	.pdot .pst .txt p{ line-height:1.2;}
	.pdot .pst .txt h3,.pdot .pst .txt h4{ letter-spacing:0px;}
	.pdot .pst .txt h3{ font-size:2.8em;}
	.pdot .pst .txt h4{ font-size:1.6em;}
	.productshow .pban .dot .d p{ font-size:1.4em; line-height:1.5; height:auto;}
	.productshow .pban .dot .d{ width:50%; margin:0; padding:5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.productshow .pban .dot{ flex-wrap:wrap;}
	.productshow .pd .pdb .txt h3{ font-size:1.6em; }
	.pnum{ padding:50px 0;}
	.pnum .tit p{ font-size:1.4em;}
	.pnum .pbox{ margin:30px auto 0 auto;}
	.pnum .pbox .pns .t h3{ font-size:1.4em; letter-spacing:0;}
	.pnum .pbox .pns{ display:block;}
	.pnum .pbox .pns .t{ width:100%; margin-bottom:10px;}
	.pnum .pln{ text-align:right; padding:0;}
	.pnum .pln .t{ display:block; text-align:right;}
	.pnum .pln .t h3{ font-size:1.4em;}
	.pnum .pln .t p{ width:100%; margin:5px 0 0 0;}
	.pnum .pln{ width:100%;}
    .pnum .pbox .pns .pn h4{ font-size:2.4em;}
    .pnum .pln span{ margin-bottom:10px;}
    .pimgs,.ptxts{ padding:40px 0;}
    .ptxts .tit{ margin-bottom:20px;}
    .ptxts .table tr td{ padding:8px 10px;}
}