@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) {
	.footer .fo1 .f-mune { width: 60%;  padding: 20px 0%;}
	.banner .swiper-slide { height: 750px;}
	.ip { padding: 35px 0 200px 0;}
	.iabout { padding: 140px 0 30px 0;}
}
@media screen and (max-width: 1500px) {
	.banner .swiper-slide { height: 650px;}
	.banner .swiper-slide .warp .txt h3{ font-size:6em;}
	.banner .swiper-slide .warp .txt h4{ font-size:3.2em;}
	.ip { padding: 35px 0 160px 0;}
	.inews .txts .right .box{ padding:30px 10px;}
	.inews .txts .right .box a .txt h3{ margin-bottom:10px;}
	.footer .fo1 .warp2>*{ padding:20px 0;}
	.footer .fo1 .f-mune .dot{ padding:0 20px;}
}
@media screen and (max-width: 1300px) {
	.header .munes .mune a { padding: 30px 20px 24px 20px;}
	.header .munes .more span { padding: 30px 12px 24px 12px;}
	.header .logo img{ width:70px;}
	.banner .swiper-slide { height: 500px;}
	.banner .swiper-slide .warp .txt a{ margin-top:60px;}
	.banner .swiper-slide .warp .txt h3{ font-size:4.5em;}
	.banner .swiper-slide .warp .txt h4{ font-size:2.4em; padding:10px 0 20px 0;}
	.banner .swiper-slide .warp .txt p{ font-size:1.6em;}
	.ip { padding: 35px 0 100px 0;}
	.ip .tit { margin: 0 0 25px 50px;}
	.ip .tit h3,.icase .gallery-top .tit h3,.iabout .tit h3,.inews .tit h3{ font-size: 2em;}
	.ip .tit h4,.icase .gallery-top .tit h4,.iabout .tit h4,.inews .tit h4{ font-size:2.4em;}
	.inews .tit{ margin-bottom:40px;}
	.icase .gallery-thumbs .btn{ margin-top:30%;}
	.icase .gallery-top img{ max-width:500px;}
	.iabout { padding: 80px 0 30px 0;}
	.footer .fo1 .warp2>*.two{ display:none;}
	.footer .fo1 .warp2>*.f-mune{ border:none;}
	.iabout .boxs .box { width:18%; float:none; margin:0 20px; display:inline-block; padding: 3% 0;}
	.footer .fo1{ padding:20px 0;}
	.header .munes .mune a { padding: 30px 12px 24px 12px; font-size:1.4em;}
	.inews .txts .left{ padding-right:5%;}
	.footer .fo1 .f-mune .dot h3 a{ margin-bottom:12px;}
	.footer .fo1 .f-mune .dot{ padding:0 15px;}
}
@media screen and (max-width: 1024px) {
	.footer .fo1{ display:none;}
	.icase:after { left: 38%; bottom: 20%; width:100px;}
	.inews .txts .right .box{ padding:20px 10px;}
	.ip .ip-slider .swiper-button-prev, .ip .ip-slider .swiper-button-next { width: 46px; height: 46px; background-size: 46px 46px;}
	.ip { padding: 35px 0 60px 0;}
	.footer .fo2{ padding:5px 0;}
	.footer .fo2 p{ line-height:20px; float:none; display:inline;}
	.icase .gallery-thumbs .swiper-slide .tit h3{ font-size:2em;}
	.icase .gallery-thumbs .swiper-slide .tit{ margin-bottom:10px;}
	.iabout .txt h4{ font-size:1.6em; margin-bottom:10px;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide { height: 400px;}
	.inews .txts .right .box a .date { width: 100px; padding-left:20px;}
	.inews .txts .right .box a .txt { width: calc(100% - 100px);}
	.inews .txts .right .box{ padding:12px 10px;}
	.inews .txts .left .txt .date p{ font-size:2.4em;}
	.inews .txts .left .txt .date{ width:70px;}
	.inews .txts .left .txt{ padding:20px 15px;}
	.iabout .txt p,.footer .fo2 p:last-child{ display:inline;}
	.header .logo{ padding:6px 0;}
	.header .logo img{ width:60px;}
	.ip .tit {  margin: 0 0 25px 10px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer { margin-bottom: 37px;} 
}
@media screen and (max-width: 750px) {
	.banner .swiper-slide { height: 300px;}
	.banner .swiper-slide .warp .txt h3{ font-size:3.2em;}
	.banner .swiper-slide .warp .txt h4{ font-size:2em; padding:0px 0 10px 0;}
	.banner .swiper-slide .warp .txt p{ font-size:1.6em;}
	.banner .swiper-slide .warp .txt a{ padding:5px 10px;}
	.banner .swiper-slide .warp .txt a img { margin: 0 0 -3px 10px;}
	.banner .swiper-slide .warp .txt a{ margin-top:30px;}
	.ip .ip-slider{ margin:0;}
	.icase .gallery-thumbs{ padding:30px 0;}
	.icase .gallery-thumbs .swiper-slide .tit:after{ display:none;}
	.icase .gallery-thumbs .swiper-slide{ padding:0 20px;}
	.icase .gallery-top .tit { padding: 40px 20px 60px 0;}
	.iabout .boxs{ margin-top:15px;}
	.iabout .boxs .box{ margin:0 10px;}
	.iabout .boxs .box img{ margin-bottom:5px; width:40px;}
	.inews .tit{ margin-bottom:20px;}
	.inews .txts>*{ float:none; width:100%;}
	.inews .txts .left{ max-width:500px; padding-right:0; margin:0 auto 20px auto;}
	
}
@media screen and (max-width: 550px) {
	.ip { padding: 40px 0;}
	.icase .gallery-thumbs,.icase .gallery-top{ float:none; width:100%;}
	.icase:after{ display:none;}
	.icase .gallery-thumbs .btn{ margin-top:10%;}
	.icase .gallery-top .tit { padding: 40px 20px 20px 0;}
	.iabout .boxs .box{ width:40%; margin-bottom:20px; padding:20px 0;}
	.iabout .boxs .box h4{ font-size:1.6em;}
	.inews{ padding:40px 0;}
	.inews .txts .right .box a .txt h3{ font-size:1.6em; margin-bottom:0;}
}

/*about*/
@media screen and (max-width: 1800px) {
	.banners .txt .t .tp {top: 16%;}
	.about-t .ab3 { padding: 65px 0 120px 0;}
}
@media screen and (max-width: 1700px) {
	.banners{ height:500px;}
	.banners .txt .t .tp { top: 10%;}
	.about-t .ab2 .txts .txt .t:first-child{ margin-bottom:5%;}
}
@media screen and (max-width: 1500px) {
	.banners .txt .t .tp { left:86%;}
	.banners{ height:400px;}
	.banners .txt .t .tt h3{ font-size:4.5em;}
	.banners .txt{ width:40%;}
	.tits h3{font-size:2.4em;}
	.tits h4{ font-size:1.4em; padding:10px 0;}
	.about-t .ab2 .txts .txt{ padding:20px 20px;}
	.banners .txt{ height:fit-content; padding:5% 12%;}
}
@media screen and (max-width: 1350px) {
	.banners .txt .t .tp { left:82%;}
	.banners .txt{ padding:5% 20% 0 0;}
	.banners{ height:360px;}
	.about-t .ab2 .txts .txt .t p,.about-t .ab1 .txt p{ font-size:1.4em;}
	.about-t .ab1 .txt h3{ font-size:1.6em;}
	.about-t .ab2 .txts .txt{ padding:20px 20px 0 20px;}
	.tits h3{ font-size:2em;}
	.about-t .ab2 .txts .txt .t p{ margin-top:10px;}
}
@media screen and (max-width: 1200px) {
	.about-t .ab2 .txts{ width:30%;}
	.about-t .ab2 .imgs{ width:70%;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1{ padding:60px 0;}
	.banners .txt .t .tt h3{ font-size:4em;}
	.banners .txt .t .tt h4{ font-size:3.2em;}
	.banners .txt .t .tp h3{ font-size:2.4em;}
	.banners .txt .t .tp h4{ font-size:2em;}
	.banners{ height:300px;}
	.about-t .ab2 .txts{ width:100%;}
	.about-t .ab2 .txts .txt{padding:20px;max-width:800px;float:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .ab2>*,.about-t .ab2 .txts{ max-width:800px; width:100%; margin:0 auto; float:none;}
	.about-t .ab3{ padding:60px 0;}
	.about-t .ab3 .tits{ margin-bottom:10px;}
}
@media screen and (max-width: 850px) {
	.banners .txt .t .tp { left:calc(100% - 140px);}
	.banners .txt .t .tt,.banners .txt .t .t2,.banners .txt .t>img{ display:none;}
	.banners .txt .t .tp{ display:block ;}
	.banners .txt .t{ padding:0; }
	.banners{ background-position:80% center !important;}
	.about-t .ab1 .dots .dot{ background-size:cover !important;}
	.about-t .ab1 .dots .dot img{ width:40px;}
	.about-t .ab1 .dots .dot h3{ font-size:1.6em;}
	.about-t .ab1 .txt{ padding:20px 0 30px 0;}
	.about-t .ab2 .imgs{ width:100%;}
}
@media screen and (max-width: 600px) {
	.banners{ height:240px;}
	.about-t .ab3,.about-t .ab1{ padding:40px 0;}
	.banners .txt .t .tp h3{ font-size:2em;}
	.banners .txt .t .tp h4{ font-size:1.8em}
	.about-t .ab1 .dots .dot h3:nth-child(2){ font-size:1.2em; padding:0 15px; line-height:16px;  word-wrap:break-word;}
	.about-t .ab1 .dots .dot{ width:50%;}
}


/*news*/
@media screen and (max-width: 1400px) {
	.news-t{ padding:60px 0;}
	.news-t .boxs{ width:calc(100%); margin-left:0px;}
	.news-t .boxs .box{ width:calc(50% - 20px); margin:10px 10px;}
}
@media screen and (max-width: 1024px) {
	.news-t .boxs .box .date h3{ font-size:4em;}
	.news-t .boxs .box .txt h3{ font-size:1.6em; margin-bottom:0;}
	.news-t .boxs .box .txt{ padding:0px 10px; width:calc(100% - 100px);}
	.news-t .boxs .box .date{ width:100px;}
	.news-t .boxs .box{ padding:10px;}
	div.fy{ padding-top:20px;}
}
@media screen and (max-width: 850px) {
	.news-t .boxs .box{ width:100%; margin:0;}
	.leads a{ padding:8px 15px; }
	.leads{ margin:10px 0;}
	.news-t .boxs .box{ padding:10px 0;}
	.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;}
}

/*service*/
@media screen and (max-width: 1350px) {
	.service-t .s1 .txts .txt p{ font-size:1.6em; line-height:24px;}
}
@media screen and (max-width: 1200px) {
	.service-t .s1 .txts .txt p{ font-size:1.4em;}
	.service-t .s1{ padding:60px 0;}
	.service-t .s2 .btn .fc-btn{ margin-top:10px;}
	.service-t .s3{ padding:60px 0 80px 0;}
}
@media screen and (max-width: 1024px) {
	.service-t .s1 .txts .txt{ padding:0 0 0 2%}
	.service-t .s1 .tits,.service-t .s2 .tits,.service-t .s3 .tits{ margin-bottom:30px;}
	.service-t .s1 .txts .img{ width:100%; margin-bottom:10px; text-align:center;}
	.service-t .s1 .txts .txt{ width:100%;}
}
@media screen and (max-width: 850px) {
	.service-t .s2 .dot .fc-input{ width:100%; margin:0 0 15px 0;}
	.service-t .s2 .dot{ width:100%; margin-left:0; }
	.service-t .s2 .fc-input{ padding:10px 15px;}
	.service-t .s2 .btn .fc-btn{ padding:15px 20%; margin-top:0;}
	.service-t .s3{ padding:40px 0 60px 0;}
	.service-t .s3 .txts div p:nth-child(3){ display:none;}
	.service-t .s3 .txts div p{ display:block; float:left; height:36px;}
}
@media screen and (max-width: 550px) {
	.service-t .s3 .txts .tr a{ padding:4px 2px;}
	.service-t .s1{ padding:40px 0;}
	.service-t .s3 .txts .tl p{ font-size:1.4em; line-height:20px; line-height:20px;}
	.service-t .s3 .txts div p:nth-child(2){ width:30%;}
	.service-t .s3 .txts div p:nth-child(4){  width:20%;}
	.service-t .s3 .txts div p:nth-child(1){ width:50%;}
	.service-t .s3 .txts div p{ padding:12px 5px;}
}

/*contact*/
@media screen and (max-width: 1400px) {
	.contact-t .c1{ padding:80px 0;}
	.contact-t .c1 .txts{ margin-top:50px; width:calc(100% + 40px); margin-left:-20px;}
	.contact-t .c1 .txts .dot{ width:calc(33.33% - 40px); margin:0 20px; }
	.contact-t .c2 .txts{ margin-bottom:50px;}
	#container { height: 500px;}
}
@media screen and (max-width: 1200px) {
	.contact-t .c1{ padding:60px 0;}
	.contact-t .c1 .txts .dot img{ width:40%;}
}
@media screen and (max-width: 1024px) {
	.contact-t .c1 .txts .dot p{ font-size:1.6em; line-height:24px;}
	.contact-t .c1 .txts .dot h3{ font-size:1.6em;}
	.contact-t .c2 .tits{ margin-bottom:40px;}
}
@media screen and (max-width: 850px) {
	.contact-t .c1 .txts{ margin-top:30px; width:calc(100% + 0px); margin-left:-0px;}
	.contact-t .c1 .txts .dot{ width:calc(33.33% - 0px); margin:0 0px; }
	#container { height: 400px;}
	.contact-t .c1{ padding:40px 0 20px 0;}
	.contact-t .c1 .txts .dot span{ font-size:1.6em;}
	.contact-t .c2 .txts{ margin-bottom:30px;}
	.contact-t .c1 .txts .dot{ width:calc(100%); float:none; max-width:300px; margin:0 auto;}
}
@media screen and (max-width: 600px) {
	
}

/*case*/
@media screen and (max-width: 1200px) {
	.case-t .txts .tit{ margin-top:40px;}
	.case-t .txts .tit h3{ font-size:2em;}
}
@media screen and (max-width: 1024px) {
	.case-t{ padding:60px 0;}
	.case-t .txts .boxs{ margin-top:40px;}
	.case-t .txts .boxs .box{ margin:10px;}
}
@media screen and (max-width: 850px) {
	.case-t{ padding:40px 0;}
	.case-t .txts .tit{  margin-top:20px;}
	.case-t .txts .tit h3{ font-size:1.6em; padding:10px 40px;}
	.case-t .txts .tit:after { top:18px;  width: calc(100% - 220px);}
	.case-t .txts .boxs .box { width: calc(50% - 20px);}
	.case-t .leads{ display:none;}
}
@media screen and (max-width: 550px) {
	.case-t .txts .tit h3{ padding:10px 20px;}
	.case-t .txts .tit:after { top:18px;  width: calc(100% - 160px);}
	.case-t .txts .boxs .box{ width:calc(100% - 20px);}
}

/*product*/
@media screen and (max-width: 1250px) {
	.product-list{ padding:0 5%;}
	.product-list .swiper-slide{ padding:40px 0 50px 0;}
	.pro-boxs { padding: 50px 0 40px 0;}
}
@media screen and (max-width: 1024px) {
	.product-list .swiper-slide img{ width:40px;}
	.product-list .swiper-slide h3{ font-size:1.4em; padding:10px 0;}
	.pro-boxs .boxs .box{ margin:15px;}
	.pro-boxs .boxs{ margin-top:30px;}
	.pro-boxs{ padding:30px 0;}
}
@media screen and (max-width: 850px) {
	.product-list{ display:none;}
	.pro-boxs .boxs .box { width: calc(33.33% - 20px); margin:10px;}
}
@media screen and (max-width: 650px) {
	.pro-boxs .boxs .box { width: calc(50% - 20px); margin:10px;}
	.pro-boxs .boxs .box .txt>*{ padding:5px 10px; height:30px; line-height:20px;}
	.pro-boxs .boxs .box .txt{ height:30px;}
}

/*productshow*/
@media screen and (max-width: 1024px) {
	.pro-show .txts>*{ float:none; width:100%; max-width:500px; margin:0 auto;}
	.pro-show .txts .txt{ margin-top:30px; padding:0 10px;}
	.pro-show{ padding:20px 0 40px 0;}
}