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

/*index*/
@media screen and (max-width: 1750px) {
	.warp{ max-width:1480px;}
	.header .mune .m-list>a{ padding:20px 25px; font-size:1.4em;}
	.header .logo img{ width:120px;}
	.header .logo{ padding:18px 0;}
	.header .more{ padding:20px 0;}
	.header .more a img{ width:16px;}
	.iab{ padding:100px 0;}
	.iab .txts .txt .tit h3{ font-size:4em;}
	.iab .txts .txt .tit h3 span img{ width:120px;}
	.iab .txts .txt .tit h5{ font-size:1.6em;}
	.iab .txts .txt .tit h3{ margin-bottom:20px;}
	.ip .tit{ margin-bottom:80px;}
	.ip{ padding:80px 0 120px 0;}
}
@media screen and (max-width: 1550px) {
	.warp{ max-width:1240px;}
	.iab{ padding:80px 0;}
	.iab .txts .txt .tit h3{ font-size:2.8em; margin-bottom:0px;}
	.iab .txts .txt .tit h3 span img{ width:90px;}
	.iab .txts .txt .tit h4{ font-size:2em;}
	.iab .txts .txt .tit h5{ font-size:1.4em; margin-bottom:10px;}
	.iab .txts .txt .dots{ margin-top:10px;}
	.iab .txts .txt .dots .dot span{ font-size:35px; padding:5px 4px 0 4px; line-height:50px;}
	.ip .tit{ margin-bottom:60px;}
	.ip .tit h3,.inews .tit h3{ font-size:1.4em;}
	.ip .tit h4,.inews .tit h4{ font-size:2.4em;}
	.ip .boxs .box .txt{ padding-top:40px;}
	.ip .boxs .box h3{ padding-bottom:50px;}
	.idots .dots .dot .txt{ padding:30px 20px; left:20px; width: calc(100% - 40px);}
	.idots .dots .dot .txt .t p{ font-size:2em;}
	.inews .boxs .box .txt{ padding:15px;}
	.inews .boxs .box .txt h3{ font-size:1.6em; margin-bottom:5px;}
	.footer .fo1{ padding:70px 0;}
}
@media screen and (max-width: 1300px) {
	.header .mune .m-list>a{ padding:20px 10px;}
	.ip{ padding:80px 0;}
	.ip .boxs .box h3{ font-size:1.6em;}
	.idots .dots .dot .txt .t p{ font-size:1.6em;}
	.ip .tit{ margin-bottom:30px;}
	.idots .dots{ width: calc(100% + 20px);  margin-left: -10px;}
	.idots .dots .dot { width: calc(50% - 20px);  margin: 10px 10px;}
	.idots .dot2{ margin:10px 0;}
	.inews{ padding:60px 0;}
	.footer .fo1{ padding:50px 0;}
	.iab .txts .txt .dots .dot{ margin-top:10px;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.header .more{ display:none;}
	#hamburger{ position: fixed; }
	#hamburger.h-showdown{ top:-100%; }
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner  .swiper-pagination-custom,.banner  .swiper-pagination-fraction{ bottom:20px;}
	.iab,.ip{ padding:60px 0;}
	.iab .txts .txt{ width:100%; padding:0; margin-bottom:30px;}
	.iab .txts .img{ width:100%; text-align:center;}
	.iab .txts .img img{ max-width:600px; width:100%;}
	.ip .tit h4, .inews .tit h4{ font-size:2em;}
	.ip .tit{ margin-bottom:10px;}
	#m1 .btn{ font-size:1.4em; padding:8px 40px;}
	.footer .fo1{ display:none;}
	.inews .boxs .box {  width: calc(50% - 20px); margin: 0 10px;}
	.inews .boxs .box:last-child { display:none;}
	.footer .fo2,.footer .fo3{ padding:14px 0;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide img{ width:120%; margin-left:-10%;}
	.iab, .ip{ padding:40px 0;}
	.ip .boxs .box{ width:50%;}
	.ip .boxs .box h3{ padding-bottom:20px;}
	.ip .boxs .box .txt{ padding-top:20px;}
	.idots .dots .dot { width: calc(100% - 20px);  margin: 10px 10px;}
	.idots .dot2 img{ width:180%; margin-left:-40%;}
	.idots .dot2 .txt{ padding:25% 0 0 0;}
}
@media screen and (max-width: 650px) {
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:27px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner  .swiper-pagination-custom,.banner  .swiper-pagination-fraction{ bottom:10px; }
	.banner .swiper-pagination-bullet{ width:20px; height:2px;}
	.inews .boxs .box { width: calc(100% - 20px); margin: 20px 10px;}
	.inews .boxs{ padding:10px 0 0 0;}
	.inews{ padding:40px 0;}
	.header{ background:#000;}
	.banner,.banners{ margin-top:58px;}
}
@media screen and (max-width: 450px) {
	#hamburger{ top:20px; right:15px;}
	.iab .txts .txt .tit h3{ font-size:2em; line-height:24px;}
	.iab .txts .txt .tit h3 span img{ width:60px; margin-bottom:-2px; }
	.iab .txts .txt .tit h4 {  font-size: 1.6em;   line-height: 20px;   margin-top: 12px;}
	.idots .dots .dot .txt .d{ width:30px; padding-right:10px;}
	.idots .dots .dot .txt{ padding:12px;}
	.idots .dots .dot .txt .t { max-width: calc(100% - 30px);}
	.idots .dots .dot .txt .t h3{ font-size:1.2em;}
	.idots .dots .dot .txt .t span{ margin:5px 0;}
	.idots .dots .dot .txt .t p{ font-size:1.4em;}
	.idots .dots .dot .txt{ left:0; bottom:0; width:100%;}
	.idots .dot2 .txt span{ width:80%; margin:5px 0;}
	.idots .dot2 .txt p{ font-size:1.6em;}
	.idots .dot2 .txt h3{ font-size:1.4em;}
	.idots .dot2 .txt{ padding-top:35%;}
	.ip .tit h4, .inews .tit h4{ font-size:1.6em;}
	.ip .boxs .box h3{ font-size: 1.4em;}
	.inews .boxs .box{ float:none;}
	.inews{ padding:40px 0 20px 0;}
	.inews .boxs .box .txt span{ margin-top:0;}
	.iab .txts .txt .tit p{ line-height: 20px;}
}

/*contact*/
@media screen and (max-width: 1400px) {
	.banners{ height:540px;}
	.contact-t{ padding:80px 0 100px 0;}
}
@media screen and (max-width: 1200px) {
	.banners{ height:450px;}
	.contact-t{ padding:80px 0 80px 0;}
	.contact-t .boxs{ margin-top:30px;}
	.contact-t .boxs .box h3{ font-size:1.6em;}
	.contact-t .boxs .box{ height:240px; display:block; float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 1024px) {
	.banners{ height:360px;}
	.contact-t{ padding:60px 0;}
	.contact-t .tit .more h4{ font-size:2.4em;}
	.contact-t .tit .more h3{ margin:10px 0;}
	.tits h3,.tits h4{ font-size:2em;}
}
@media screen and (max-width: 650px) {
	.banners{ height:250px;}
	.contact-t .boxs .box{ height:auto; width:100%; float:none;}
	.contact-t .boxs .box{ padding:30px 20px;}
	.contact-t .tit .more h4{ font-size:2em;}
	.contact-t .tit .more h3{ margin:0 0 8px 0;}
}

/*feedback*/
@media screen and (max-width: 1400px) {
	.feedback .ff form{ margin-top:30px;}
	.feedback input, .feedback textarea{ padding:10px 16px;}
}
@media screen and (max-width: 1024px) {
	.feedback input, .feedback textarea{ font-size:1.4em;}
	.feedback .ff .dot{ width:calc(100% + 20px);  margin-left:-10px;}
	.feedback .ff .dot input{ margin:0 10px 20px 10px; width:calc(33.33% - 20px);}
	.feedback .ff{ padding:50px 0;}
}
@media screen and (max-width: 850px) {
	.feedback .ff .dot input{ width:calc(100% - 20px); margin-bottom:10px;}
	.feedback .btn .fc-btn{ padding:8px 60px; font-size:1.4em; }
	.feedback .ff textarea{ margin-bottom:20px;}
	.feedback .ff{ padding:40px 0;}
	.feedback .ff form{ margin-top:20px;}
}

/*hr*/
@media screen and (max-width: 1400px) {
	.hr{ padding:60px 0;}
	.hr .dots{ margin-top:30px;}
}
@media screen and (max-width: 1024px) {
	.hr .dots .dot .i{ padding:14px 0 10px 0;}
	.hr .dots .dot .t{ margin-bottom:15px;}
	.hr .dots .dot .hc span{ line-height:24px;}
	.hr .dots .dot .d p{ margin:0 20px 5px 0;}
}
@media screen and (max-width: 650px) {
	.hr .dots .dot .hc span{ line-height:20px;}
	.hr{ padding: 40px 0;}
}

/*news*/
@media screen and (max-width: 1400px) {
	.news-t .dots .dot{ margin:20px 12px;}
}
@media screen and (max-width: 1024px) {
	.news-t .dots .dot .txt h3{ font-size:1.6em; margin-bottom:4px;}
	.news-t .dots .dot .txt{ padding:16px 0;}
}
@media screen and (max-width: 850px) {
	.news-t .n-list{ padding:30px 0 10px 0;}
	.news-t .n-list a{ font-size:1.4em; padding:2px 20px; margin:0 5px;}
	.news-t .dots .dot { width: calc(50% - 24px);}
}
@media screen and (max-width: 650px) {
	.news-t .dots .dot{ margin:14px 12px;}
	div.fy a,div.fy span.current,div.fy span.disabled{  margin:2px 2px;padding:4px 8px; }
}
@media screen and (max-width: 450px) {
	.news-t .dots{ width:100%; margin:0;}
	.news-t .dots .dot { width:100%; margin:20px 0 0 0; float:none;}
}


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

/*vision*/
@media screen and (max-width: 1600px) {
	.vision-t .v1 .vt2{ padding:50px 0;}
	.vision-t .v2 .box .txt .t h3{ font-size:2em;}
	.vision-t .v2 .box .txt .t p{ font-size:1.4em;}
	.vision-t .v2 .box .txt .tit span img{ width:60px;}
	.vision-t .v1 .vt2 .tit p{ line-height:26px; font-size:1.6em;}
	.vision-t .v1 .vt2 .tit h3{ margin-bottom:12px;}
	.vision-t .v3{ padding:80px 0 100px 0;}
	.vision-t .v3 .tits{ margin-bottom:30px;}
}
@media screen and (max-width: 1400px) {
	.vision-t .v1 .vt1{ padding:60px 0;}
	.vision-t .v2 .box.box4 .txt .tit,.vision-t .v2 .box.box4 .txt .t{padding-left: 5%;}
	.vision-t .v3{ padding:60px 0 80px 0;}
	.vision-t .v2 .box .txt .t h3{ font-size:1.6em;}
	.vision-t .v2 .box .txt .t .td{ margin:0;}
	.vision-t .v2 .box .txt .timer p{ padding:20px 0 10px 0;}
	.vision-t .v2 .box .txt .tit span img{ width:40px;}
	.vision-t .v2 .box .txt .tit{ margin-bottom:14px;}
}
@media screen and (max-width: 1250px) {
	.vision-t .v1 .vt2 .tit{ width:160px;}
	.vision-t .v1 .vt2 .dots{ width:calc(100% - 160px);}
	.vision-t .v1 .vt2 .dots .dot {  width: calc(50% - 20px);   margin: 20px 10px;}
	.vision-t .v1 .vt2 .dots .dot .d h3{ margin-bottom:10px;}
	.vision-t .v2 .box.box2,.vision-t .v2 .box.box3,.vision-t .v2 .box.box1,.vision-t .v2 .box.box4{width:  50% !important;}
	.vision-t .v3 .dots{ width:100%; margin:0;}
	.vision-t .v3 .dots .dot{ width:100%; margin:20px 0; float:none;}
	.vision-t .v3{ padding:60px 0;}
	.vision-t .v1 .vt1,.vision-t .v1 .vt2{ padding:40px 0;}
	.vision-t .v1 .vt2 .dots .dot .d{ padding:0 0 0 20px;}
	.vision-t .v3 .tits{ margin-bottom:10px;}
	.vision-t .v2 .box.box1 .txt,.vision-t .v2 .box.box4 .txt{ width:100%;}
}
@media screen and (max-width: 1024px) {
	.vision-t .v1 .vt2 .dots .dot { width: calc(100% - 20px); margin: 10px 10px;}
	.vision-t .v1 .vt2 .dots .dot .d p{ height:auto;}
	.vision-t .v2 .box{ display:block; overflow:hidden;}
	.vision-t .v2 .box.box2, .vision-t .v2 .box.box3, .vision-t .v2 .box.box1, .vision-t .v2 .box.box4{ width:100% !important;}
	.vision-t .v2 .box.box1, .vision-t .v2 .box.box4{ padding:40px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.vision-t .v2 .box.box1 .txt{ padding-left:0;}
	.vision-t .v3 .dots .dot img{ width:60px;}
	.vision-t .v3{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.vision-t .v1 .vt2 .tit{ width:80px;}
	.vision-t .v1 .vt2 .dots{ width:calc(100% - 80px);} 
	.vision-t .v1 .vt2 .dots .dot{ width:100%; margin:10px 0;}
	.vision-t .v1 .vt2 .dots .dot .d h3{ font-size:1.6em;}
	.vision-t .v3 .dots .dot .t h3{ font-size:1.6em; margin-bottom:4px;}
}
@media screen and (max-width: 450px) {
	.vision-t .v1 .vt2 .dots{ width:100%; margin-top:20px;}
	.vision-t .v2 .box.box1, .vision-t .v2 .box.box4{ padding:30px 20px;}
	.vision-t .v3 .dots .dot img{ width:40px;}
	.vision-t .v3 .dots .dot .d{ width:50px;}
	.vision-t .v1 .vt2 .tit{ width: 100%;}
}

/*workshop*/
@media screen and (max-width: 1600px) {
	.workshop-m{ padding:60px 0 80px 0;}
}
@media screen and (max-width: 1400px) {
	.workshop-m .dot2 .txt{ padding:50px 40px;}
	.workshop-m .dots .dot .txt{ padding:40px;}
}
@media screen and (max-width: 1200px) {
	.workshop-m .dot2 .txt h3{ font-size:2em; margin-bottom:12px;}
	.workshop-m .dot2 .txt{ padding:30px;}
	.workshop-m .dots .dot .txt h3{ font-size:2em;}
	.workshop-m .dots .dot .txt{ padding:30px;}
}
@media screen and (max-width: 1024px) {
	.workshop-m .dots{ width:100%; margin:0;}
	.workshop-m .dots .dot { width: 100%;  margin: 30px auto; float:none; max-width:650px;}
	.workshop-m .dots .dot .txt{ height:auto;}
	.workshop-m .tits{ margin-bottom:0px;}
	.workshop-m .dot2>*{ display:block;}
	.workshop-m .dot2 .img,.workshop-m .dot2 .txt{ width:100%;}
	.workshop-m .dot2{ max-width:650px; margin:0 auto;}
}
@media screen and (max-width: 650px) {
	.workshop-m{ padding:40px 0;}
	.workshop-m .dot2 .txt h3{ font-size:1.6em; margin-bottom:12px;}
	.workshop-m .dot2 .txt{ padding:20px;}
	.workshop-m .dots .dot .txt h3{ font-size:1.6em;}
	.workshop-m .dots .dot .txt{ padding:20px;}
}


/*technology*/
@media screen and (max-width: 1600px) {
	.technology-t .warp2{ max-width:1240px;}
	.technology-t .t1 .boxs .box1{ height:438px;}
	.technology-t .t1 .boxs .box1 h3{ font-size:2.8em;}
	.technology-t .t1 .boxs .box1 p{ font-size:2em; line-height:28px;}
	.technology-t .t1 .boxs .box .txt h3{ font-size:2em;}
	.technology-t .t1{ padding:60px 0 20px 0;}
	.technology-t .t2 .t2-1 .dots .txt .dot .t h3, .technology-t .t2 .t2-1 .dots .txt .dot .t h4{ font-size:2em;}
	.technology-t .t2 .t2-1 .dots .img{ width:520px;}
	.technology-t .t2 .t2-1 .dots .txt {  width: calc(100% - 540px);}
	.technology-t .t2 .t2-1 .dots .img h3{ font-size:2em; top:20px;}
	.technology-t .t2 .t2-2{ padding:40px 0;}
	.technology-t .t2 .t2-2 .boxs .box1>h3{ font-size:1.8em; padding:20px;}
	.technology-t .t2 .t2-2 .boxs .box1 .bo .bi .b{ margin:30px 0;}
	.technology-t .t2 .t2-2 .boxs .box2 .box{ padding:36px 20px;}
	.technology-t .t2 .t2-4{ padding:80px 0 0 0;}
}
@media screen and (max-width: 1400px) {
	.technology-t .warp2{ max-width:960px;}
	.technology-t .t1 .boxs .box1{ width:calc(100% - 24px);}
	.technology-t .t1 .boxs .box{ width:calc(50% - 24px);}
	.technology-t .t2 .t2-1 .dots .txt{ width:100%; margin-right:0;}
	.technology-t .t2 .t2-1 .dots .img{ max-width:100%; margin:0 auto;}
	.technology-t .t2 .t2-1 .dots>*{ float:none;}
	.technology-t .t2 .t2-2 .boxs .box1{ width:100%; margin-right:0; margin-bottom:20px;}
	.technology-t .t2 .t2-2 .boxs .box2{ width:100%;}
	.technology-t .t2 .t2-4 .dots .img{ width:40%;}
}
@media screen and (max-width: 1024px) {
	.technology-t .t1 .boxs .box1{ height:auto;}
	.technology-t .t1 .boxs .box1 h3{ font-size:2em;}
	.technology-t .t1 .boxs .box1 p{ font-size:1.6em;}
	.technology-t .t1 .tits{ margin-bottom:20px;}
	.technology-t .t1 .boxs .box .txt h3{ font-size:1.8em;}
	.technology-t .t2 .t2-1 .dots{ margin-top:30px;}
	.technology-t .t2 .t2-1 .dots .txt .dot .t h3, .technology-t .t2 .t2-1 .dots .txt .dot .t h4{ padding:10px 8px; font-size:1.8em;}
	.technology-t .t2 .t2-1 .dots .txt .dot .ti p{ font-size:1.4em; line-height:20px;}
	.technology-t .t2 .t2-1 .dots .txt .dot .ti{ padding:10px 20px; }
	.technology-t .t2 .t2-2>h3,.technology-t .t2 .t2-3>h3,.technology-t .t2 .t2-4>h3{ font-size:2em;}
	.technology-t .t2 .t2-2 .boxs .box1 .bo .bi{ padding:0 20px;}
	.technology-t .t2 .t2-2 .boxs .box1 .bo .bi .b h3{ font-size:1.6em; }
	.technology-t .t2 .t2-2 .boxs .box2 .box h3{ font-size:1.8em; margin-bottom:6px;}
	.technology-t .t2 .t2-2 .boxs .box2 .box p,.technology-t .t2 .t2-2 .boxs .box1 .bo .bi .b p{ font-size:1.4em; line-height:24px;}
	.technology-t .t2 .t2-3>h3,.technology-t .t2 .t2-4>h3{ margin-bottom:30px;}
	.technology-t .t2 .t2-4{ padding:60px 0 0 0;}
	.technology-t .t2 .t2-4 .dots>*{ display:block; }
	.technology-t .t2 .t2-4 .dots .img{ width:100%;  max-width:600px; margin:0 auto 40px auto;}
	.technology-t .t2 .t2-4 .dots .txt{ width:100%;}
}
@media screen and (max-width: 850px) {
	.technology-t .t1 .boxs .box .txt{ padding:20px;}
}
@media screen and (max-width: 650px) {
	.technology-t .t1 .boxs .box{ width:100%; margin:12px auto; float:none; max-width:450px;}
	.technology-t .t1 .boxs{ width:100%; margin:0;}
	.technology-t .t1 .boxs .box1{ width:100%; margin:12px 0;}
	.technology-t .t1 .boxs .box .txt{ height:auto;}
	.technology-t .t2 .t2-2 .boxs .box1 .bo .bi{ width:100%;}
	.technology-t .t2 .t2-2 .boxs .box1 .bo .bi .b{ margin:20px 0 0 0;}
	.technology-t .t2 .t2-2 .boxs .box1 .bo{ padding-bottom:20px;}
	.technology-t .t2 .t2-2 .boxs .box2 .box h3{ font-size:1.6em;}
	.technology-t .t2 .t2-4{ padding:40px 0 0 0;}
	.technology-t .t2 .t2-2>h3, .technology-t .t2 .t2-3>h3, .technology-t .t2 .t2-4>h3{ font-size:1.6em; margin-bottom:20px;}
	.technology-t .t2 .t2-4 .dots .txt .t{ padding:20px 20px;}
	.technology-t .t2 .t2-4 .dots .txt .t h3{ font-size:1.6em; margin-bottom:0;}
	.technology-t .t2 .t2-4 .dots .txt .t p{ font-size:1.4em; text-indent:1em;}
}
@media screen and (max-width: 450px) {
	.technology-t .t1{ padding:40px 0 20px 0;}
	.technology-t .t1 .boxs .box1 h3{ font-size:1.6em; margin-bottom:10px;}
	.technology-t .t1 .boxs .box1 p{ font-size:1.4em;}
	.technology-t .t1 .boxs .box .txt h3{ font-size:1.6em;}
	.technology-t .t2{ padding:30px 0 40px 0;}
	.technology-t .t2 .t2-1 .dots .txt .dot .t h3, .technology-t .t2 .t2-1 .dots .txt .dot .t h4{ font-size:1.4em;}
	.technology-t .t2 .t2-1 .dots .txt .dot .t{ width:100%; overflow:hidden;}
	.technology-t .t2 .t2-1 .dots .txt .dot .t>*{ float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.technology-t .t2 .t2-1 .dots .txt .dot>*{ display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.technology-t .t2 .t2-1 .dots .img h3{ font-size:1.6em; line-height:24px; left:20px;}
	.technology-t .t2 .t2-2 .boxs .box1>h3{ font-size:1.6em; padding:10px 15px;}
	.technology-t .t2 .t2-2 .boxs .box1 .bo .bi .b h3{ font-size:1.4em; margin-bottom:0;}
}
/*product*/
@media screen and (max-width: 1600px) {
	.product-t .p-list{ padding:60px 0 40px 0;}
}
@media screen and (max-width: 1024px) {
	.product-t .boxs .box .img{ padding:30px 0 30px 0;}
	.product-t .boxs .box .img:after{ height:10px;}
	.product-t .boxs .box .txt{ padding:20px;}
	.product-t .fy{ padding-top:20px;}
	.product-t .boxs{ padding-bottom:50px;}
	.product-t .p-list a{ font-size:1.4em; padding:4px 14px; margin:4px;}
	.product-t .p-list{ padding:40px 0 20px 0;}
}
@media screen and (max-width: 850px) {
	.product-t .boxs .box{ width:100%; max-width:450px; margin:20px auto; float:none;}
}
@media screen and (max-width: 650px) {
	.product-t .fy{ padding:0;}
	.product-t .boxs .box .txt h3,.product-t .boxs .box .txt h4{ font-size:1.4em;}
	.product-t .boxs .box .txt span{ margin-top:10px;}
	.product-t .boxs .box .img img{ max-width:240px;}
}

/*productshow*/
@media screen and (max-width: 1024px) {
	.productshow .lead{ padding-top:80px;}
	.productshow .pshow{ max-width:700px; margin:0 auto;}
	.productshow .pshow .imgs{ width:100%; flaot:none; margin-bottom:40px;}
	.productshow .pshow .txts{ max-width:100%; padding:0; width:100%;}
	.productshow .pshow .txts .si span{ text-align:center; }
}
@media screen and (max-width: 650px) {
	.productshow .pshow .imgs1 .img, .productshow .pshow .imgs2 .img{ padding:20px 20px 14% 0;}
	.productshow .pshow .txts .tit h3{ font-size:2em;}
	.productshow .pshow .txts .sd table tr td:last-child,.productshow .pshow .txts .sd table tr td:first-child{ font-size:1.4em;}
	.productshow .pshow .txts .sd table tr td{ padding: 5px 0;}
	.productshow .pshow .txts .sd .d{ margin:5px 0;}
	.productshow .pshow{ padding:50px 0;}
}
@media screen and (max-width: 450px) {
	.productshow .pshow .pi-top .sud a.po{ padding:10px;}
}


/*about*/
@media screen and (max-width: 1600px) {
	.about-t .ab1{ padding:80px 0 100px 0;}
	.about-t .ab3 .ab3-slider .swiper-slide .txt{ padding:15px 20px;}
	.about-t .ab3 .tit{ width:25%; padding-left:5%;}
	.about-t .ab3 .ab3-slider{ width:75%;}
	.about-t .ab3 .tit .swiper-button-prev{ top:260px; left: 20%; }	
	.about-t .ab3 .tit .swiper-button-next{ top:340px; left: 20%}
	.about-t .ab3{ padding:90px 0 120px 0;}
}
@media screen and (max-width: 1400px) {
	.about-t .ab1{ padding:80px 0;}
	.about-t .ab1 .txts .tit h3{ font-size:2.4em;}
	.about-t .ab1 .txts .tit h4{ font-size:2em;}
	.about-t .ab1 .txts .tit span{ margin:10px 0 20px 0;}
	.about-t .ab1 .txts .t p{ margin-bottom:14px;}
	.about-t .ab1 .txts .tt{ margin-top:25px;}
	.about-t .ab3 .tit h3{ font-size:2.4em; margin-bottom:40px;}
	.about-t .ab3 .tit h4{ font-size:2em;}
	.about-t .ab3 .ab3-slider{ padding:60px 40px 0 0;}
	.about-t .ab3 .ab3-slider .swiper-slide .txt p{ font-size:1.4em;}
	.about-t .ab4 .tit h3,.about-t .ab4 .tit h4{ font-size:2.4em;}
	.about-t .ab4{ background-position:30% center;}
	.about-t .ab5{ height:500px;}
	.about-t .com .img { width: calc(20% - 20px); margin:10px;}
	.about-t .com{ padding:40px 6%;}
	.about-t .ab1 .txts .img .dots .dot{ margin-bottom:20px;}
}
@media screen and (max-width: 1200px) {
	.about-t .ab1{ padding:60px 0;}
	.about-t .ab3 .ab3-slider{ padding:40px 20px 0 0;}
	.about-t .ab1 .txts .tit h3{ font-size:2em;}
	.about-t .ab1 .txts .tit h4{ font-size:1.6em;}
	.about-t .ab1 .txts .img .dots .dot span{ font-size:2.4em;}
	.about-t .ab2{ overflow:hidden;}
	.about-t .ab2 img{ max-width:140%; margin-left:-20%;}
	.about-t .ab3,.about-t .ab4{ padding:90px 0;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txts>*{ float:none; width:100%;}
	.about-t .ab1 .txts .txt{ margin-bottom:40px;}
	.about-t .ab1 .txts .img{ padding-left:0;}
	.about-t .ab3 .tit{ width:100%; padding:0 20px;}
	.about-t .ab3 .ab3-slider{ padding:40px 60px 0 60px; width:100%;}
	.about-t .ab3, .about-t .ab4{ padding:60px 0;}
	.about-t .ab4 .tit{ width:100%; margin-bottom:40px; float:none;}
	.about-t .ab4 .ab4-slider{ width:100%; float:none;}
	.about-t .com .img { width: calc(25% - 20px);}
	.about-t .ab3 .tit .swiper-button-prev,.about-t .ab3 .tit .swiper-button-next{ display:none;}
}
@media screen and (max-width: 850px) {
	.about-t .ab1{ padding:40px 0;}
	.about-t .ab5{ height:400px;}
	.about-t .com{ padding:20px;}
	.about-t .ab3 .tit h3{ font-size:2em; margin-bottom:10px;}
	.about-t .ab3 .tit h4{ font-size:1.6em;}
	.about-t .ab3{ background-position:left center; }
	.about-t .ab3 .ab3-slider{ padding:40px 20px 0 20px;}
	.about-t .ab4 .tit h3, .about-t .ab4 .tit h4{ font-size:2em; margin:0 0 10px 0; line-height:24px;}
	.about-t .ab4 .tit{ margin-bottom:20px;}
}
@media screen and (max-width: 650px) {
	.about-t .ab2 img{ max-width:160%; margin-left:-30%;}
	.about-t .ab3 .ab3-slider .swiper-slide .txt h3{ font-size:2em; margin-bottom:4px;}
	.about-t .ab3, .about-t .ab4{ padding:40px 0;}
}
@media screen and (max-width: 450px) {
	.about-t .ab1 .txts .tit h3,.about-t .ab1 .txts .tt h3,.about-t .ab3 .tit h3{ font-size:1.6em;}
	.about-t .ab1 .txts .tit h4{ font-size:1.4em; line-height:20px;}
	.about-t .ab3 .tit h4{ font-size:1.4em; line-height:16px;}
	.about-t .ab1 .txts .tt h4{ line-height:20px;}
	.about-t .ab1 .txts .img .dots{ margin-top:30px;}
	.about-t .ab3 .ab3-slider{ padding:20px 20px 0 20px;}
	.about-t .ab4 .tit h3, .about-t .ab4 .tit h4{ font-size:1.6em; margin-bottom:0}
	.about-t .ab5{ height:320px;}
	.about-t .com .img{ width:calc(50% - 10px); margin:5px;}
}