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

/*index*/
/*@media screen and (max-width: 1680px) {
	.header .hls a:first-child img{ width:20px; margin:0 4px -6px 0;}
    .header .logo{ padding:6px 10px;}
    .header .ht p{ font-size:2em;}
    .header .ht img{ width:30px;}
    .header .mune .shop a{ padding:0 10px;}
    .header .hls a{ padding:0 6px;}
    .header .hls a:last-child{ padding:30px 6px;}
    .header .ht{ padding-right:8px;}
    .banner .swiper-slide .warp{ height:800px;}
    .banner .txt h3{ font-size:5em;}
    .banner .txt h4{ font-size:6.2em;}
    .banner .txt p{ font-size:5em;}
    .iab .iab-txt .d h3 span{ font-size:90px;}
    .iab .iab-img .t p{ font-size:2.2em;}
    .ip .gallery-top .txt .tit h3{ font-size:4.2em;}
    .ip .gallery-top .img{ padding:240px 40px 200px 40px; height:800px;}
    .ip .gallery-top .txt{ padding:5%;}
    .ip .tits{ left:60px;}
    .is{ padding:100px 0 80px 0;}
    .is .ist .tit h3{ font-size:2.8em;}
    .is .ist .tel img{ width:50px;}
    .tits h4{ margin-bottom:25px;}
    .inews .box .tt .td{ padding:20px;}
    .inews .box .tn .txt h3{ font-size:2em;}
    .inews{ padding:80px 0;}
    .footer{ padding:50px 0;}
	.header .mune .md .mlr,.header .mune .md .mll{ padding:60px;}
}
@media screen and (max-width: 1460px) {
	.header .ht{ display:none;}
	.header .mune .shop{ display:none;}
    .banner .swiper-slide .warp{ height:700px;}
    .banner .txt h3{ font-size:4em;}
    .banner .txt h4{ font-size:5.2em;}
    .banner .txt p{ font-size:4.2em;}
    .banner .txt a{ font-size:1.4em; margin-top:30px; padding:10px 40px;}
    .iab .iab-txt .d{ padding:20px 0;}
    .iab .iab-img .t{ height:600px;}
    .iab .iab-img .t p{ font-size:2em;}
    .iab .iab-txt .d h3 span{ font-size:80px;}
    .ip .gallery-top .img{ padding:180px 40px 160px 40px; height:700px;}
    .tits h3{ font-size:3.2em;}
    .tits h4{ font-size:2.4em;}
    .tits>span{ height:6px;}
    .ip .gallery-thumbs .swiper-slide{ padding:10px;}
    .ip .gallery-thumbs .swiper-slide p{ font-size:16px;}
    .ip .gallery-top .txt .tit h3{ font-size:3.6em;}
    .ip .gallery-top .txt a{ padding:12px 40px; font-size:1.4em;}
    .ip .gallery-thumbs .swiper-slide-thumb-active span{ width:16px; height:16px;}
    .is .ist .t p{ margin-bottom:20px;}
    .is .ist .tel h3{ font-size:3.6em;}
    .is .isl .tits{ margin-bottom:80px;}
    .is .ist .tel{ padding:10px 20px; }
    .is .ist .tel img{ width:40px;}
    .inews .nbox a{ font-size:1.6em;}
    .inews .more{ font-size:1.4em;}
    .inews .more span{ width:20px; height:20px; font-size:1.4em;}
    .inews .box .tn .txt>span{ font-size:1.4em; padding:10px 20px; }
    .inews .box .tn .txt h4{ margin:20px 0 10px 0;}
    .footer .fo1 .flogo img{ width:160px;}
    .footer .fo2 form .fbtn { padding: 10px 34px 10px 6px;}
    .footer .fo2 input{ padding:10px 16px;}
    .footer{ padding:30px 0;}
	.header .mune .md .mlr,.header .mune .md .mll{ padding:40px;}
    .header .mune .md .mll h3{ font-size:3.2em;}
    .header .mune .md .mll p{ font-size:2em;}
}
@media screen and (max-width: 1250px) {
	.header .ht,.header .hls span{ display:none;}
	.header .logo img{ width:120px;}
    .header .mune .m-dot>a{ font-size:1.2em; padding:20px 0;}
    .header .mune .m-dot{ margin:0 10px;}
    .header .hls a:last-child{ padding:20px 10px;}
    .banner .swiper-slide .warp{ height:500px;}
    .banner .txt h3{ font-size:3.2em;}
    .banner .txt h4{ font-size:4.2em;}
    .banner .txt p{ font-size:3.2em;}
    .banner .txt a{ padding:10px 30px;}
    .iab .iab-img .t{ height:500px;}
    .iab .iab-txt .d h3 span{ font-size:60px;}
    .iab .iab-txt .d h3 sup { transform: translateY(-24px);  font-size: 24px;}
    .iab .iab-txt{ padding-right:20px;}
    .iab .iab-txt .d p{ font-size:1.4em;  margin-bottom:0;}
    .iab .iab-txt .d .img img{ width:30px;}
    .iab .iab-txt>.t .more img{ width:24px;}
    .iab .iab-img .t p{ font-size:1.8em; padding:30px 10px;}
    .iab .iab-img .t.hover p{ padding:30px;}
    .iab{ padding:50px 0 60px 0;}
    .iab .iab-img .t{ width: calc(25% - 10px); margin-left: 10px; border-radius: 5px;}
    .iab .iab-img .t.hover { width: calc(50% - 30px);}
    .ip .gallery-top .txt .tit h3{ font-size:2.4em;}
    .ip .gallery-top .txt .dot{ margin:20px 0;}
    .ip .gallery-top .img{ height:auto; padding:140px 0 80px 0;}
    .ip .gallery-thumbs .swiper-slide p{ font-size:14px;}
    .ip .ipl{ bottom:20px;}
    .ip .tits{ top:20px; left:20px;}
	.ip .gallery-top .txt .dot .d h3{font-size: 2.4em;}
    .tits h3{ font-size:2.8em; }
    .tits h4{ font-size:2em; margin-bottom:10px;}
    .tits span{ height:3px;}
    .ip .gallery-top .txt{ padding:40px;}
    .ip .gallery-top .txt .tit h4{ font-size:1.6em;}
    .ip .gallery-top .txt .tit{ margin-bottom:20px;}
    .ip .gallery-top .txt .dot .d span{ width:24px; height:24px; line-height:24px; font-size:2em; border:1px solid #9e9e9e;}
    .ip .gallery-top .txt a{ padding:8px 20px;}
    .is{ padding:80px 0;}
    .is .ist .tit h3{ font-size:2em;}
    .is .ist .tit p{ font-size:1.8em;}
    .is .ist .tit{ margin-bottom:20px;}
    .is .ist .t p{ margin-bottom:10px;}
    .is .ist .tel h3{ font-size:2em;}
    .is .ist .tel img{ width:30px;}
    .is .ist .tel{ margin-top:40px;}
    .inews{ padding:60px 0;}
    .inews .box .tt h4{ font-size:1.6em; margin-bottom:0;}
    .inews .box .tt .td h5{ display:none;}
    .inews .box .tt h3{ font-size:1.6em; margin-bottom:0;}
    .inews .box .tn .txt h3{ font-size:1.6em;}
    .footer .fo1 .flogo{ width:100%; border:none;}
    .footer .fo1 .fm1{ width:100%; justify-content: flex-end;}
    .footer .fo2 .fs{ margin:10px 0 6px 0;}
	.ip .gallery-thumbs{ width:100%;}
	.header .mune .md .mlr,.header .mune .md .mll{ padding:40px 30px;}
	.header .mune .md .mlr>a{ font-size:1.4em;}
	.header .mune .md .mll h3{ font-size:2.8em;}
    .header .mune .md .mll p{ font-size:1.8em; margin-top:10px;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.footer .fo1,.footer .fo2 form,.footer .fo2 .fs,.footer .fo2 .two{ display:none;}
    .footer .fo2{ margin:0; text-align:center;}
    .footer .fo2 .ftxt{ width:100%;}
    .footer{ padding:12px 0;}
    .banner .swiper-slide .warp{ height:450px;}
    .banner .txt h3{ font-size:2.4em;}
    .banner .txt h4{ font-size:3.2em;}
    .banner .txt p{ font-size:2.4em;}
    .iab .iab-txt .d h3 span{ font-size:40px;}
    .iab .iab-txt .d h3 sup { transform: translateY(-12px);  font-size: 18px;}
    .iab .iab-txt .d h3{ font-size:14px;}
    .iab .iab-txt .d .img img{ width:20px;}
    .iab .iab-txt .d{ padding:10px 0;}
    .iab .iab-img .t p{ font-size:1.4em;}
    .ip .gallery-top .txt .tit h4{ font-size:1.4em;}
    .ip .gallery-top .txt .tit h3{ font-size:2em;}
    .ip .gallery-top .txt .dot .d p{ font-size:1.4em;}
    .ip .gallery-top .txt .dot .d{ margin:5px 0;}
    .ip .gallery-top .txt{ padding:40px 30px;}
    .is{ padding:60px 0;}
    .is .isl .isld a{ font-size:1.6em; padding:10px 20px;}
    .is .ist .tel p{ font-size:1.4em;}
    .is .ist .tel h3{ font-size:1.6em;}
    .inews .box .tn{ display:none;}
    .inews .nbox{ margin:20px 0;}
    .inews{ padding:40px 0;}
    .inews .box .tt{ width:100%; padding:0;}
	.ip .gallery-top .txt .dot .d h3{ font-size:1.6em;}
    .ip .gallery-top .txt .dot .d h4{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide .warp{ height:350px;}
	.banner .txt h3{ text-stroke: 1px #333; -webkit-text-stroke: 1px #333; }
	.banner .swiper-pagination-bullet{ width:30px;}
	.iab .iab-txt{ width:100%; margin-bottom:30px;}
	.iab .warp{ flex-wrap:wrap;}
	.iab .imgs{ width:100%;}
	.tits h3{ font-size:2em;}
	.tits h4{ font-size:1.6em;}
	.ip .gallery-top .swiper-slide{ flex-wrap:wrap;}
	.ip .gallery-top .swiper-slide .img{ width:100%;}
	.ip .gallery-top .img{ padding:60px 20px;}
	.ip .gallery-top .txt{ width:100%; height: 500px;}
	.ip .ipl{ bottom:500px; width:100%;}
	.is .warp{ flex-wrap:wrap;}
	.is .isl .tits{ margin-bottom:20px;}
	.is .isl .isld a{ font-size:1.4em;}
	.is{ padding:40px 0;}
	.is .isl{ width:100%; margin-bottom:30px;}
	.is .ist{ width:100%;}
	.is .ist .tel{ margin-top:20px;}
	.bottomlist ul li img{ width:24px; height:24px;}
	.footer{ margin-bottom:27px;}
	.banner .ban1 .txt h3,.banner .ban2 .txt h3{ text-stroke: 1px #fff;
  -webkit-text-stroke: 1px #fff; }
}
@media screen and (max-width: 650px) {
	.banner .swiper-slide .warp{ height:250px;}
	.header .logo img{ width:100px;}
    #hamburger{ right:20px;}
    .banner .txt a{ display:none;}
    .banner .txt h4{ font-size:1.6em;}
    .banner .txt h3{ font-size:1.4em;}
    .banner .txt p{ font-size:1.2em;}
    .banner .txt{ padding-bottom:80px;}
    .iab{ padding:30px 0;}
    .iab .iab-txt .d h3 span{ font-size:24px;}
    .iab .iab-txt .d h3 sup { transform: translateY(-6px);  font-size: 16px;}
    .iab .iab-img .t{ width:calc(33.33% - 10px); margin:0 5px; height:300px;}
    .iab .iab-img .t.hover p{ padding: 30px 20px; text-align:center;}
    .ip .gallery-top .txt{ padding:20px;}
    .ip .gallery-top .txt .tit{ margin-bottom:10px;}
    .ip .gallery-thumbs .swiper-slide{ padding:6px;}
    .ip .gallery-thumbs .swiper-slide-thumb-active span{ width:12px; height:12px;}
    .ip .gallery-top .txt .tit h3{ font-size:1.6em;}
    .is .isl .isld a{ padding:10px;}
    .is .ist .tit h3{ font-size:1.6em;}
    .is .ist .tit p{ font-size:1.4em;}
    .inews .nbox a{ font-size:1.4em;}
	.ip .gallery-top .txt .dot .d{ width:100%;}
}
*/
/*index*/
@media screen and (max-width: 1680px) {
	.header .hls a:first-child img{ width:20px; margin:0 4px -6px 0;}
    .header .logo{ padding:6px 10px;}
    .header .ht p{ font-size:2em;}
    .header .ht img{ width:30px;}
    .header .mune .shop a{ padding:0 10px;}
    .header .hls a{ padding:0 6px;}
    .header .hls a:last-child{ padding:30px 6px;}
    .header .ht{ padding-right:8px;}
    .banner .swiper-slide .warp{ height:800px;}
    .banner .txt h3{ font-size:5em;}
    .banner .txt h4{ font-size:6.2em;}
    .banner .txt p{ font-size:5em;}
    .iab .iab-txt .d h3 span{ font-size:90px;}
    .iab .iab-img .t p{ font-size:2.2em;}
    .ip .ip-pros .txt .tit h3{ font-size:4.2em;}
    .ip .ip-pros .img{ padding:240px 40px 200px 40px; height:800px;}
    .ip .ip-pros .txt{ padding:5%;}
    .ip .tits{ left:60px;}
    .is{ padding:100px 0 80px 0;}
    .is .ist .tit h3{ font-size:2.8em;}
    .is .ist .tel img{ width:50px;}
    .tits h4{ margin-bottom:25px;}
    .inews .box .tt .td{ padding:20px;}
    .inews .box .tn .txt h3{ font-size:2em;}
    .inews{ padding:80px 0;}
    .footer{ padding:50px 0;}
}
@media screen and (max-width: 1460px) {
	.header .ht{ display:none;}
	.header .mune .shop{ display:none;}
    .banner .swiper-slide .warp{ height:700px;}
    .banner .txt h3{ font-size:4em;}
    .banner .txt h4{ font-size:5.2em;}
    .banner .txt p{ font-size:4.2em;}
    .banner .txt a{ font-size:1.4em; margin-top:30px; padding:10px 40px;}
    .iab .iab-txt .d{ padding:20px 0;}
    .iab .iab-img .t{ height:600px;}
    .iab .iab-img .t p{ font-size:2em;}
    .iab .iab-txt .d h3 span{ font-size:80px;}
    .ip .ip-pros .img{ padding:180px 40px 160px 40px; height:700px;}
    .tits h3{ font-size:3.2em;}
    .tits h4{ font-size:2.4em;}
    .tits>span{ height:6px;}
    .ip .ipl .ipld{ padding:10px;}
    .ip .ipl .ipld p{ font-size:16px;}
    .ip .ip-pros .txt .tit h3{ font-size:3.6em;}
    .ip .ip-pros .txt a{ padding:12px 40px; font-size:1.4em;}
    .ip .ipl .ipld.hover span{ width:16px; height:16px;}
    .is .ist .t p{ margin-bottom:20px;}
    .is .ist .tel h3{ font-size:3.6em;}
    .is .isl .tits{ margin-bottom:80px;}
    .is .ist .tel{ padding:10px 20px; }
    .is .ist .tel img{ width:40px;}
    .inews .nbox a{ font-size:1.6em;}
    .inews .more{ font-size:1.4em;}
    .inews .more span{ width:20px; height:20px; font-size:1.4em;}
    .inews .box .tn .txt>span{ font-size:1.4em; padding:10px 20px; }
    .inews .box .tn .txt h4{ margin:20px 0 10px 0;}
    .footer .fo1 .flogo img{ width:160px;}
    .footer .fo2 form .fbtn { padding: 10px 34px 10px 6px;}
    .footer .fo2 input{ padding:10px 16px;}
    .footer{ padding:30px 0;}
}
@media screen and (max-width: 1250px) {
	.header .ht,.header .hls span{ display:none;}
	.header .logo img{ width:120px;}
    .header .mune .m-dot>a{ font-size:1.2em; padding:20px 0;}
    .header .mune .m-dot{ margin:0 10px;}
    .header .hls a:last-child{ padding:20px 10px;}
    .banner .swiper-slide .warp{ height:500px;}
    .banner .txt h3{ font-size:3.2em;}
    .banner .txt h4{ font-size:4.2em;}
    .banner .txt p{ font-size:3.2em;}
    .banner .txt a{ padding:10px 30px;}
    .iab .iab-img .t{ height:500px;}
    .iab .iab-txt .d h3 span{ font-size:60px;}
    .iab .iab-txt .d h3 sup { transform: translateY(-24px);  font-size: 24px;}
    .iab .iab-txt{ padding-right:20px;}
    .iab .iab-txt .d p{ font-size:1.4em;  margin-bottom:0;}
    .iab .iab-txt .d .img img{ width:30px;}
    .iab .iab-txt>.t .more img{ width:24px;}
    .iab .iab-img .t p{ font-size:1.8em; padding:30px 10px;}
    .iab .iab-img .t.hover p{ padding:30px;}
    .iab{ padding:50px 0 60px 0;}
    .iab .iab-img .t{ width: calc(25% - 10px); margin-left: 10px; border-radius: 5px;}
    .iab .iab-img .t.hover { width: calc(50% - 30px);}
    .ip .ip-pros .txt .tit h3{ font-size:2.4em;}
    .ip .ip-pros .txt .dot{ margin:20px 0;}
    .ip .ip-pros .img{ height:auto; padding:140px 0 80px 0;}
    .ip .ipl .ipld p{ font-size:14px;}
    .ip .ipl{ bottom:20px;}
    .ip .tits{ top:20px; left:20px;}
    .tits h3{ font-size:2.8em; }
    .tits h4{ font-size:2em; margin-bottom:10px;}
    .tits span{ height:3px;}
    .ip .ip-pros .txt{ padding:40px;}
    .ip .ip-pros .txt .tit h4{ font-size:1.6em;}
    .ip .ip-pros .txt .tit{ margin-bottom:20px;}
    .ip .ip-pros .txt .dot .d span{ width:24px; height:24px; line-height:24px; font-size:2em; border:1px solid #9e9e9e;}
    .ip .ip-pros .txt a{ padding:8px 20px;}
    .is{ padding:80px 0;}
    .is .ist .tit h3{ font-size:2em;}
    .is .ist .tit p{ font-size:1.8em;}
    .is .ist .tit{ margin-bottom:20px;}
    .is .ist .t p{ margin-bottom:10px;}
    .is .ist .tel h3{ font-size:2em;}
    .is .ist .tel img{ width:30px;}
    .is .ist .tel{ margin-top:40px;}
    .inews{ padding:60px 0;}
    .inews .box .tt h4{ font-size:1.6em; margin-bottom:0;}
    .inews .box .tt .td h5{ display:none;}
    .inews .box .tt h3{ font-size:1.6em; margin-bottom:0;}
    .inews .box .tn .txt h3{ font-size:1.6em;}
    .footer .fo1 .flogo{ width:100%; border:none;}
    .footer .fo1 .fm1{ width:100%; justify-content: flex-end;}
    .footer .fo2 .fs{ margin:10px 0 6px 0;}
	.ip .ip-pros .txt .dot .d h3{ font-size: 2.4em;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.footer .fo1,.footer .fo2 form,.footer .fo2 .fs,.footer .fo2 .two{ display:none;}
    .footer .fo2{ margin:0; text-align:center;}
    .footer .fo2 .ftxt{ width:100%;}
    .footer{ padding:12px 0;}
    .banner .swiper-slide .warp{ height:450px;}
    .banner .txt h3{ font-size:2.4em;}
    .banner .txt h4{ font-size:3.2em;}
    .banner .txt p{ font-size:2.4em;}
    .iab .iab-txt .d h3 span{ font-size:40px;}
    .iab .iab-txt .d h3 sup { transform: translateY(-12px);  font-size: 18px;}
    .iab .iab-txt .d h3{ font-size:14px;}
    .iab .iab-txt .d .img img{ width:20px;}
    .iab .iab-txt .d{ padding:10px 0;}
    .iab .iab-img .t p{ font-size:1.4em;}
    .ip .ip-pros .txt .tit h4{ font-size:1.4em;}
    .ip .ip-pros .txt .tit h3{ font-size:2em;}
    .ip .ip-pros .txt .dot .d p{ font-size:1.4em;}
    .ip .ip-pros .txt .dot .d{ margin:5px 0;}
    .ip .ip-pros .txt{ padding:40px 30px;}
    .is{ padding:60px 0;}
    .is .isl .isld a{ font-size:1.6em; padding:10px 20px;}
    .is .ist .tel p{ font-size:1.4em;}
    .is .ist .tel h3{ font-size:1.6em;}
    .inews .box .tn{ display:none;}
    .inews .nbox{ margin:20px 0;}
    .inews{ padding:40px 0;}
    .inews .box .tt{ width:100%; padding:0;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide .warp{ height:350px;}
	.banner .txt h3{ text-stroke: 1px #333; -webkit-text-stroke: 1px #333; }
	.banner .swiper-pagination-bullet{ width:30px;}
	.iab .iab-txt{ width:100%; margin-bottom:30px;}
	.iab .warp{ flex-wrap:wrap;}
	.iab .imgs{ width:100%;}
	.tits h3{ font-size:2em;}
	.tits h4{ font-size:1.6em;}
	.ip .ip-pros .box{ flex-wrap:wrap;}
	.ip .ip-pros .box .img{ width:100%;}
	.ip .ip-pros .img{ padding:60px 20px;}
	.ip .ip-pros .txt{ width:100%; height: 500px;}
	.ip .ipl{ bottom:500px; width:100%;}
	.is .warp{ flex-wrap:wrap;}
	.is .isl .tits{ margin-bottom:20px;}
	.is .isl .isld a{ font-size:1.4em;}
	.is{ padding:40px 0;}
	.is .isl{ width:100%; margin-bottom:30px;}
	.is .ist{ width:100%;}
	.is .ist .tel{ margin-top:20px;}
	.bottomlist ul li img{ width:24px; height:24px;}
	.footer{ margin-bottom:27px;}
	.ip .ip-pros .txt .dot .d h3{ font-size: 2em;}
	.ip .ip-pros .txt .dot .d h4{ font-size: 1.4em;}
}
@media screen and (max-width: 650px) {
	.banner .swiper-slide .warp{ height:250px;}
	.header .logo img{ width:100px;}
    #hamburger{ right:20px;}
    .banner .txt a{ display:none;}
    .banner .txt h4{ font-size:1.6em;}
    .banner .txt h3{ font-size:1.4em;}
    .banner .txt p{ font-size:1.2em;}
    .banner .txt{ padding-bottom:80px;}
    .iab{ padding:30px 0;}
    .iab .iab-txt .d h3 span{ font-size:24px;}
    .iab .iab-txt .d h3 sup { transform: translateY(-6px);  font-size: 16px;}
    .iab .iab-img .t{ width:calc(33.33% - 10px); margin:0 5px; height:300px;}
    .iab .iab-img .t.hover p{ padding: 30px 20px; text-align:center;}
    .ip .ip-pros .txt{ padding:20px;}
    .ip .ip-pros .txt .tit{ margin-bottom:10px;}
    .ip .ipl .ipld{ padding:6px;}
    .ip .ipl .ipld.hover span{ width:12px; height:12px;}
    .ip .ip-pros .txt .tit h3{ font-size:1.6em;}
    .is .isl .isld a{ padding:10px;}
    .is .ist .tit h3{ font-size:1.6em;}
    .is .ist .tit p{ font-size:1.4em;}
    .inews .nbox a{ font-size:1.4em;}
	.ip .ip-pros .txt .dot .d{ width:100%;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.banners{ height:500px;}
	.banners .txt h3{ font-size:4.2em;}
	.banners .txt h4{ font-size:2.8em;}
	.product-t{padding: 100px 0 90px 0;}
	.tbg {  background-size: auto 200px;}
    .product-t .dots {  width: calc(100% + 20px); margin: 20px 0 20px -10px;}
    .product-t .pls .pl a{ padding:15px 20px;}
    .tits2 h3{ font-size:3.2em;}
    .product-t .dot .txt h3{ font-size:2em;}
}
@media screen and (max-width: 1450px) {
	.banners{ height:400px;}
	.banners .txt h3{ font-size:3.6em;}
	.banners .txt h4{ font-size:2.4em; margin-top:6px;}
	.banners .txt span{ margin-top:40px;}
	.product-t{padding: 80px 0 70px 0;}
	.tbg {  background-size: auto 160px;}
    .product-t .dots .dot { width: calc(33.33% - 30px);  margin: 15px;}
    .product-t .dot .txt{ padding:20px;}
    .product-t .dot .txt p{ margin:5px 0;}
    .product-t .dot .txt span{ padding:10px 30px; font-size:1.4em;}
}
@media screen and (max-width: 1250px) {
	.banners{ height:350px;}
	.banners .txt h3{ font-size:2.8em;}
	.banners .txt h4{ font-size:2em; margin-top:6px;}
	.tbg { background-size: auto 140px;}
	.tits2 h3{ font-size:2.8em;}
	.product-t .pls .pl a{ font-size:1.4em; padding:12px 20px;}
	.product-t .dot .txt h3{ font-size:1.8em;}
	.product-t .dots{ width:100%; margin:0;}
}
@media screen and (max-width: 1024px) {
	.product-t { padding: 60px 0;}
	.tbg { background-size: auto 120px;}
	.tits2 h3{ font-size:2.4em;}
	.product-t .dot .txt span{ padding:6px 10px;}
}
@media screen and (max-width: 850px) {
	.product-t .dot .txt h3{ font-size:1.6em;}
	.banners{ height:300px;}
	.banners .txt h3{ font-size:2.4em;}
	.banners .txt h4{ font-size:1.6em; margin-top:6px;}
	.banners .txt span{ margin-top:20px;}
	.product-t {  padding: 60px 0;}
	.tbg { background-size: auto 80px;}
	.product-t .pls{ flex-wrap:wrap;}
	.product-t .pls .tits2{ width:100%; margin-bottom:20px;}
	.product-t .dots .dot { width: calc(50% - 10px);  margin: 5px;}
}
@media screen and (max-width: 650px) {
	.product{ background-size: 140% auto !important; background-color: #bebebe;}
    .product-t .dot .txt{ padding:10px;}	
    .product-t .dot .txt h3{font-size:1.4em; line-height:20px; height:20px;}
    .product-t .dot .txt p{ margin-top:0;}
    .product-t .dot .txt span{ font-size:1.2em; padding:4px;}
    div.fy a ,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
    .product-t .pls .pl a{ padding:8px 10px;}
    .tits2 h3{ font-size:1.8em;}
    .tbg {  background-size: 80% auto;}
	
}
@media screen and (max-width: 450px) {
	.banners .txt h3{ font-size:2em;}
	.banners .txt h4{ font-size:1.4em; margin-top:6px;}
	.product-t .dots .dot { width: calc(100% - 10px);}
	.product-t{ padding:40px 0;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.productshow .tip{ margin:30px 0 60px 0;}
    .productshow .tits2{ margin-bottom:50px;}
    .productshow .p-txt .tit h3{ font-size:2.8em;}
    .productshow .p-txt .txt .dot h3{ font-size:3.2em;}
    .productshow .p-txt .txt .dot .d{ margin-top:30px;}
    .productshow .p-details .dt h3,.productshow .p-details .pds .pd .t h3{ font-size:2.2em;}
}
@media screen and (max-width: 1450px) {
	.productshow .tip{ margin:30px 0 40px 0;}
	.productshow .tits2{ margin-bottom:30px;}
	.productshow .p-txt .tit h3{ font-size:2.4em;}
    .productshow .p-txt{ padding-left:40px;}
    .productshow .p-txt .txt .dot h3{ font-size:2.8em;}
    .productshow .p-txt .txt .dot h4{ font-size:1.4em;}
    .productshow .p-details .pds .pd{ margin-bottom:30px;}
    .productshow .p-details .pds .pd .t h3{ margin-bottom:12px;}
    .productshow .p-details .dt .t p{ margin-bottom:6px;}
}
@media screen and (max-width: 1250px) {
	.productshow .p-imgs .gallery-thumbs{ height:350px;}
	.productshow .p-details .pds .pd{ width:calc(50% - 10px);}
    .productshow .p-details .pds .pd .t{ padding:10px 20px;}
    .productshow .p-details .dt h3, .productshow .p-details .pds .pd .t h3{ font-size:2em;}
    .productshow .btns a p{ font-size:1.4em;}
    .productshow .btns{ padding:40px 0 80px 0;}
    .productshow .btns a{ padding:12px 20px;}
    .productshow .p-details .dt h3{ padding-right:40px;}
}
@media screen and (max-width: 1024px) {
    .productshow .p-txt .tit h3{ font-size:2em;}
    .productshow .p-txt .txt .dot h3{ font-size:2.4em;}
    .productshow .p-txt .txt .dot .d{ margin-top:4px;}	
    .productshow .p-imgs .gallery-top{ width:100%;}
    .productshow .p-imgs{ flex-wrap:wrap;}
    .productshow .p-imgs .gallery-thumbs{ height:auto; width:100%; margin:0; padding:10px 30px;}
    .productshow .p-imgs .gallery-thumbs .p-top,.productshow .p-imgs .gallery-thumbs .p-bottom{ transform: rotate(0deg); background-image: url(../images/ps-arrow2.png); width:24px; height:100%;  background-size: 90% !important;}
    .productshow .p-imgs .gallery-thumbs .p-top { right: 0;  bottom: 0;   top: auto;  transform: rotate(180deg);}
    .productshow .p-details .dt h3, .productshow .p-details .pds .pd .t h3{ font-size:1.6em; margin-bottom:6px;}
    .productshow .p-details .dt h3{ padding-right:20px;}
    .productshow .p-details .dt{ margin:10px;}
    .productshow .btns{ padding: 10px 0 40px 0;}
    .productshow .tip *{ font-size:1.4em;}
    .productshow .tip{ margin:12px 0;}
    .productshow .btns{ flex-wrap:wrap;}
    .productshow .btns a{ width:100%; margin-top:10px;  padding:8px;}
    .productshow .btns .next .type{ order:1}
    .productshow .btns a:first-child span{ order:2;  transform: rotate(180deg);}
    .productshow .btns a span{ width:50px;}
}
@media screen and (max-width: 850px) {
	.productshow .tits2{ margin-bottom:20px;}
	.productshow .p-txt{ padding-left:20px;}
	.productshow .p-txt .tit h3{ font-size:1.8em;}
	.productshow .p-details .pds .pd{ width:100%; margin-bottom:10px;}
	.productshow .p-details{  margin-top:20px;}
	.productshow .p-imgs{ width:100%;}
	.productshow .p-txt{ width:100%; padding:0;}
    .productshow .p-details .dt{ flex-wrap:wrap;}
	.productshow .p-details .dt .t table tr td{ padding: 6px;}
}
@media screen and (max-width:650px) {
	.productshow .p-imgs{ width:100%;}
	.productshow .p-txt{ width:100%; padding:0;}
}
@media screen and (max-width:450px) {
	.productshow .p-txt .txt .dot h3{ font-size:1.6em;}
	.productshow .p-details .dt h3, .productshow .p-details .pds .pd .t h3{ font-size:1.4em;}
	.productshow .p-details .pds .pd .img{ width:100%; max-width:200px; margin: 0 auto;}
	.productshow .p-details .pds .pd{ flex-wrap:wrap;}
	.productshow .p-details .pds .pd .t{ width:100%;}
	.productshow .p-details .dt .t p{ margin-bottom:0;}
	.productshow .btns a span{ display:none;}
	.productshow .btns a p{ min-width:80px;}
	
}

/*service*/
@media screen and (max-width: 1680px) {
	.service-t{ padding:100px 0;}
	.ser-txt .txts .tel h3{ font-size:4.2em;}
    .ser-txt .txts .t p{ margin-bottom:20px;}
}
@media screen and (max-width: 1450px) {
	.ser-dots .serd{ margin-top:80px;}
	.ser-dots .serd .img { border-right: 40px solid #eee;}
    .ser-dots .serd:nth-child(2n-1) .img { border-left: 40px solid #eee;}
    .ser-txt .txts .tel img{ width:50px;}
    .service-t .ser-txt .txts{ margin-top:50px;}
}
@media screen and (max-width: 1250px) {
	.ser-txt .txts .tel h3{ font-size:3.6em;}
	.ser-dots .serd .img { border-right: 20px solid #eee;}
    .ser-dots .serd:nth-child(2n-1) .img { border-left: 20px solid #eee;}
    .ser-txt .txts .t p{ margin-bottom:10px;}
    .service-t{ padding:80px 0;}
    .ser-dots .serd .txt .tits2{ margin-bottom:30px;}
    .ser-txt .txts .tel h3{ font-size:3.2em;}
    .ser-txt .txts .tel img{ width:40px;}
    .ser-txt .txts .tel{ margin-right:40px;}
}
@media screen and (max-width: 1024px) {
    .service-t .ser-txt .txts{ margin-top:20px;}
    .ser-txt .txts .tel{ margin:20px 0 0 0; padding:6px 20px;}
    .service-t .ser-txt .txts{ flex-wrap:wrap;}
    .ser-dots .serd{ margin-top:40px;}
}
@media screen and (max-width: 850px) {
	.ser-txt .txts .tel h3{ font-size:2.4em;}
    .ser-txt .txts .tel img{ width:30px;}
    .service-t{ padding:60px 0;}
    .ser-dots .serd{ display:block; max-width:600px; margin:40px auto 0 auto;}
    .ser-dots .serd .img{ width:100%; margin-bottom:20px; }
    .ser-dots .serd .txt{ width:100%;}
}
@media screen and (max-width: 650px) {
	.service-t{ padding:40px 0;}
	.ser-txt .txts .tel h3{ font-size:2em;}
	.ser-txt .txts .tel p{ font-size:1.4em;}
	.ser-dots .serd .txt .tits2{ margin-bottom:10px;}
	.ser-dots .serd{ margin-top:30px;}
}

/*problem*/
@media screen and (max-width: 1680px) {
	.problem .qas{ margin:60px 0;}
    .problem{ padding:100px 0;}
    .problem .qas .qa h3{ font-size:1.8em;}
}
@media screen and (max-width: 1450px) {
	.problem .qas .qa h3{ font-size:1.6em;}
    .problem .qas .qa .more{ width:30px; height:30px;}
    .problem .qas .qa{ padding:20px 10px;}
    .problem .qas .qa .q{ font-size:2em;}
}
@media screen and (max-width: 1250px) {
	.problem{ padding:80px 0;}
	.problem .qas{ margin:40px 0;}
	.problem .qas .qat{ padding:0 40px 20px 40px;}
}
@media screen and (max-width: 1024px) {
	.problem{ padding:60px 0;}
    .problem .qas .qa{ padding:10px;}
    .problem .qas .qa h3{ font-size:1.4em;}
    .problem .qas .qat{ padding:0 20px 20px 20px;}
}
@media screen and (max-width: 850px) {
	.problem .qas .qa .more{ width:20px; height:20px;}
    .problem .qas .qa .q{ font-size:1.6em;}
    .problem .qas{ margin:20px 0 0 0;}
}
@media screen and (max-width: 650px) {
	.problem{ padding:40px 0;}
}

/*download*/
@media screen and (max-width: 1680px) {
    .download{ padding:100px 0 80px 0;}
    .download .dboxs .dbox .img img{ width:80px;}
    .download .dboxs .dbox .img{ padding:30px 10px;}
}
@media screen and (max-width: 1450px) {
	.download{ padding:80px 0;}
	.download .dboxs .dbox .img img{ width:70px;}
}
@media screen and (max-width: 1250px) {
	.download .dboxs {  width: calc(100%);  margin: 20px 0 0 0px;}
	.download .dboxs .dbox {  width: calc(16.66% - 20px); margin: 10px;}
	.download{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.download .dboxs .dbox {  width: calc(25% - 20px);}
    .download .dboxs .dbox .t p{ line-height:20px; height:20px;}
}
@media screen and (max-width: 850px) {
	.download .dboxs .dbox .img img{ width:50px;}
    .download .dboxs .dbox .img{ padding:15px 10px;}
}
@media screen and (max-width: 650px) {
	.download .dboxs .dbox {  width: calc(33.33% - 20px);}
}
@media screen and (max-width: 450px) {
	.download .dboxs .dbox {  width: calc(50% - 10px); border-radius:5px; margin:5px;}
	.download{ padding:40px 0;}
}

/*about*/
@media screen and (max-width: 1680px) {
    .ab1{ padding:70px 0;}
    .ab2{ padding:90px 0 120px 0;}	
    .ab3 .txt{ margin-bottom:50px;}
}
@media screen and (max-width: 1450px) {
    .ab1{ padding:50px 0;}
    .ab1 .txt .tits2, .ab2 .txt .tits2, .ab3 .txt .tits2{ margin-bottom:20px;}
	.ser-dots{ padding-bottom: 100px;}
}
@media screen and (max-width: 1250px) {
	.ab2{ padding:60px 0 80px 0;}	
    .ab3 .time .swiper{ height:400px;}
    .ab3 .time{ padding-right:30px;}
    .ab3{ padding:60px 0 100px 0;}
	.ab1 .txt{ width:100%; padding:0 30px 0 0;}
    .ab1{ flex-wrap:wrap; }
}
@media screen and (max-width: 1024px) {
	.ab1 .warp, .ab2 .warp{ display:block;}
	.ab1 .txt, .ab2 .txt{ width:100%; padding:0; margin-bottom:30px;}
	.ab1 .img, .ab2 .img, .ab3 .img{ width:100%; max-width:600px; margin: 0 auto;}
	.ab2{ padding:0 0 60px 0;}
	.ab3 .time{ width:100%; margin-bottom:30px; border-top:1px solid #dfdfdf;}
	.ab3{ padding:40px 0 60px 0;}
	.ab3 .txt{ margin-bottom:30px;}
	.ab3 .time .swiper-slide h3{ font-size:3.2em;}
	.ser-dots{ padding-bottom: 60px;}
}
@media screen and (max-width: 850px) {
	.ab1{ padding:40px 0;}
	.ab2{ padding-bottom:40px;}
	.ser-dots{ padding-bottom: 40px;}
}
@media screen and (max-width: 650px) {
	.ab3{ padding:20px 0 40px 0;}
	.ab3 .time .swiper-slide h3{ font-size:2.4em; width:70px;}
	.ab3 .time .swiper-slide p { width: calc(100% - 70px);}
    .ab3 .time .swiper-slide{ height:auto; max-heigt:fit-content;  padding:20px 0;}
    .ab3 .time{ padding-right:0;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.news-t .nbox .txt h3{ font-size:2em; margin:18px 0;}
    .news-t .nbox .date h3{ font-size:4.2em;}
    .n-top{ padding-bottom:60px;}
    .news-t{ padding:100px 0;}
    .nlist a{ padding:13px 40px; font-size:1.4em;}
    .news-t .nbox{ padding:30px 0;}
}
@media screen and (max-width: 1450px) {
	.news-t .nbox .txt .a{ height:20px;}
	.news-t .more{ font-size:1.4em;}
	.news-t .more span{ font-size:1.4em; width:24px; height:24px;}
	.news-t .more{ padding:8px 20px;}
	.news-t .nbox .date .d span{ width:16px; height:16px;}
	.news-t .nbox .date h3{ height:40px;}
	.news-t .nbox .txt h3{ margin:10px 0; font-size:1.6em;}
}
@media screen and (max-width: 1250px) {
	.news-t{ padding:80px 0;}
	.news-t .nbox .date h3{ font-size:3.6em;}
	.nlist a{ padding:8px 20px;}
    .news-t{ padding:60px 0;}
    .n-top{ padding-bottom:40px;}
    .news-t .nbox .txt p { height: 48px; -webkit-line-clamp: 2;}
}
@media screen and (max-width: 1024px) {
	.news-t .nbox .txt .a,.news-t .nbox .txt .more{display:none;}
    .news-t .nbox .txt .l{ font-size:1.4em; padding:4px;}
    .news-t .nbox .txt h3{ margin:10px 0 0 0;}
    .news-t .nbox .date h3{ font-size:2.8em;}
    .news-t .nbox{ padding:20px 0;}
}
@media screen and (max-width: 850px) {
	.news-t .nbox .txt{ width:100%; margin-top:20px;}
	.news-t .nbox a{ flex-wrap:wrap; }
	.news-t .nbox .img{ width:80%; max-width:400px; margin:0;}
	.news-t .nbox .date{ width:160px; align-content: center; align-items: center; margin-bottom: 20px;}
	.n-top{ flex-wrap:wrap; padding-bottom:20px;}
	.nlist{ margin-top: 20px;}
	.news-t{ padding: 40px 0;}
}

/*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) {
	.information .dot h4{ font-size:2.4em;}
	.information .dots{padding:80px 0 60px 0;}
	.information{ padding:100px 0;}
	.feedback{ padding:100px 0 60px 0;}
    #container{ height:600px;}
}
@media screen and (max-width: 1450px) {
	.information .dot h3{ font-size:2em;}
	.information .txts .t h3{ font-size:2em;}
	.feedback .tits2{ margin-bottom:30px;}
	.feedback .dot{ margin-bottom:20px;}
	.feedback .fcb{ padding:20px 50px;}
}
@media screen and (max-width: 1250px) {
	.information{ padding:80px 0;}
	.information .dots{ padding:40px 0;}
	.information .dot h4{ font-size:2em;}
	.information .dot h3{ font-size:1.6em;}
	.information .txts .t{ padding:30px;}
	#container{ height:500px;}
    .location{ padding-bottom:80px;}
    .feedback{ padding:80px 0;}
    .feedback .fcb{ padding:14px 40px;}
    .feedback .btn{ margin:50px 30px 0 auto;}
    .feedback input, .feedback textarea{ font-size:1.4em; padding:12px 12px 12px 40px; background-size:20px; background-position:12px 15px;}
    .feedback .dot .d{ width: calc(50% - 30px); }
    .feedback .d p{ padding:8px 0;}
}
@media screen and (max-width: 1024px) {
	.information .dot span img{ width:50px;}
    .information .dot h4{ font-size:1.8em;}
    .information .txts .t{ padding:20px;}
    .information .txts .t p{ font-size:1.4em; padding-right:6px;}
    .information .txts .t { width: calc(50% - 10px);}
    .feedback .dot{ margin-bottom:10px;}
    .feedback .fcb{ font-size:1.4em; padding:6px; }
    .feedback .btn{ margin:30px auto 0 auto; text-align:center;}
    .feedback{ padding:60px 0;}
}
@media screen and (max-width: 850px) {
	.information{ padding:60px 0;}
	.information .txts .t h3{ font-size:1.6em; margin-bottom:10px;}
	.information .dot span img{ width:40px;}
    .information .dot span{ margin:10px 0;}
    .information .txts .t{ width:100%; margin-top:20px;}
    .information .dots{ padding:20px 0 0  0;}
    .information .txts{ flex-wrap:wrap;}
}
@media screen and (max-width: 650px) {
	.information{ padding:40px 0;}
	.information .dot h4{ font-size:1.6em;}
	.information .dot.d3 h4{ font-size:1.4em;}
	.feedback{ padding:40px 0;}
	.feedback .dot .d{ width:100%;}
	.feedback .dot{ display:block;}
	.feedback .d p{ font-size:1.4em; padding:6px 0 0 0;}
}
@media screen and (max-width: 450px) {
	.information .dot h3{ font-size:1.4em;}
	.information .dot{ margin-top:10px;}
	.information .txts .t{ padding:15px;}
	#container{ height:400px;}
    .location { background-size: 100% 160px;}
}