@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: 1600px) {
	.header .logo .tit h3{ font-size:2em;}
	.header .logo>a>img{ padding:14px 80px 14px 0;}
	.header .m-list>a{ padding:18px 60px 18px 0;}
	.header .more a{ padding:16px 60px;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:2em;}
	.iab .txts .tit h4{ font-size:2.4em;}
	.iab .txts .tit h3{ margin-bottom:10px;}
	.iab .txts .vt .txt h3{ font-size:2em;}
	.iab .dots{ padding:30px 0;}
	.iab .dots .warp .dot1 h3{ font-size:2em;}
	.iab .dots .warp .dot2 span img{ width:50px;}
	.iab .dots .warp .dot2 h3{ font-size:1.8em; margin-bottom:6px;}
	.iab .dots .warp .dot2 h4{ font-size:2.4em;}
	.inews .boxs{ margin-top:30px;}
}
@media screen and (max-width: 1400px) {
	.header .logo>a>img{ height:40px;}
	.header .logo .tit{ padding:15px 0 0 0;}
	.header .head-tit .tp{ padding:10px 0;}
	.ip .tit .ipl a{ padding:0 15px;}
	.ip .boxs .box .txt h3{ font-size:1.4em; padding:0px 10px; margin: 6px 0;}
	.ip .boxs .box .txt span{ padding:6px 10px;}
	.iab:after, .iab:before{top:-23px; width:110px; height:80px; background-size:contain;}
	.inews .boxs .box .txt>span{ margin-top:15px;}
	.inews .boxs .box .txt h4{ margin-bottom:25px;}
	.footer .fo1 .right .tit h3{ font-size:2.4em;}
	.footer .fo1 .right .tit h4{ font-size:2em;}
	.tits h4{ margin:6px 0;}
}
@media screen and (max-width: 1250px) {
	.header .logo>a>img{ padding:10px 60px 10px 0;}
	.header .logo>a:after{ right:20px;}
	.header .logo .tit h3{ font-size:1.8em;}
	.header .logo .tit{ padding:10px 0 0 0;}
	.header .head-tit .tp span img{ width:26px;}
	.header .head-tit .tp span{ margin-right:10px;}
	.header .head-tit .tp .t p{ font-size:1.6em; line-height:20px;}
	.header .m-list>a{ font-size:1.4em; padding:14px 30px 14px 0;}
	.header .more a img{ width:20px; margin-bottom:-5px;}
	.header .more a{ padding:16px 34px;}
	.banner .swiper-slide img{ width:120%; margin-left:-10%;}
	.tits h3{ font-size:2em;}
	.ip .tit .ipl{ padding:10px;}
	.tits h4{ font-size:1.8em;}
	.ip{ padding:60px 0;}
	.iab .txts .vt .txt h3{ font-size:1.8em;}
	.iab .txts .vt .txt span{ width:160px; margin:10px 0;}
	.iab .txts{ padding:60px 0;}
	.iab .dots .warp .dot1 h3{ font-size:1.8em;}
	.iab .dots .warp .dot2 h3{ font-size:1.6em;}
	.iab .dots .warp .dot2 h4{ font-size:2em;}
}
@media screen and (max-width: 1024px) {
	.head-m,.header .head-tit .tp,.header .logo .tit{ display:none;}
	.ip .tit .tits{ float:none; width:100%; margin-bottom:20px;}
	.ip .tit .ipl{ float:none;  text-align:right;}
	.ip .boxs { width: calc(100% + 20px); margin-left: -10px;}
	.ip .boxs .box { width: calc(33.33% - 20px); margin: 10px;}
	.iab{ background-size:cover !important;}
	.iab .txts .vt .img, .iab .txts .vt .txt{ float:none; width:100%;}
	.iab .txts .vt .img{ max-width:600px; margin:0 auto; margin-bottom:20px;}
	.iab .txts .tit h4{ font-size:2em; padding:0 30px;}
	.iab .dots{ padding:20px 0;}
	.inews .boxs .box .txt h3{ font-size:1.4em; margin:6px 0 0 0;}
	.inews .boxs .box .txt>span{ padding:8px 40px;}
	#m1 .footer .fo1{ display:none;}
}
@media screen and (max-width: 850px) {
	.ip{ padding:40px 0;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
	.iab .dots .warp .dot1 h3{ font-size:1.6em;}
	.iab .dots .warp .dot2 span img{ width:40px;}
	.iab .dots .warp .dot2 h3{ font-size:1.4em; margin-bottom:0;}
	.inews{ padding:40px 0;}
	.inews .boxs .box { width: calc(50% - 30px); margin: 0 15px;}
	.inews .boxs .box:last-child{ display:none;}
	.ip .boxs .box { width: calc(50% - 20px);}
	.iab .dots .warp .dot2{ padding:0 2%;}
}
@media screen and (max-width: 650px) {
	.header .logo>a>img{ height:30px; padding:8px 40px 8px 0;}
	#hamburger{ top:15px; right:15px;}
	.iab .dots .warp>*{ float:none; width:100%; padding:0;}
	.iab .dots .warp .dot1{ margin:0px 0 30px 0;}
	.iab .dots .warp .dot1,.iab .dots .warp .dot2{  padding:0;}
	.iab .dots{ background-image: linear-gradient( 180deg,rgba(244,113,21,0.8) 0%,rgba(244,113,21,0.8) 50%,#000 50%,#000 100%);}
	.iab .txts{ padding:40px 0;}
	.bottomlist ul li img{ width:25px; height:25px; }
	.footer{ margin-bottom:37px;}
	.tits h3{ font-size:1.6em;}
	.tits h4{ font-size:1.4em;}
	.tits h4 span{ width:20px; margin-left:10px;}
	.ip .tit .ipl a{ padding:0 10px;}
	.ip .tit .ipl{ padding:10px 0;}
	.ip .boxs .box { width: calc(100% - 20px); float:none; max-width:380px; margin:20px auto 1px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.iab .txts .tit{ margin-bottom:20px;}
	.iab .txts .tit h4{ font-size:1.6em;}
	.iab .txts .vt .img{ padding:0;}
	.iab .txts .vt .txt p{ line-height:24px;}
	.iab .txts .vt .txt h3{ font-size:1.6em;}
	.iab .txts .vt .txt a{ margin-top:25px;}
	.inews .boxs .box { width: calc(100% - 30px); margin:10px 15px;}
	.footer .fo2 p{ display:inline; float:none;}
	.footer .fo2 p:last-child{ float:none; padding-left:20px;}
	.inews .boxs{ margin-top:10px;}
	.banner .swiper-slide img {   width: 150%;   margin-left: -25%;}
}

/*case*/
@media screen and (max-width: 1440px) {
	.banners,.banners .txts{ height: 350px;}
	.banners .txt h3{ font-size:5.2em; margin-bottom:16px;}
	.banners .txt h4{ font-size:2.4em;}
	.case-t .dots{ margin-bottom:0;}
}
@media screen and (max-width: 1200px) {
	.case-t{ padding:40px 0;}
	.case-t .dots .dot { width: calc(33.33% - 20px);  margin: 10px 10px;}
}
@media screen and (max-width: 1024px) {
	.banners,.banners .txts{ height: 250px;}
	.banners .txt h3{ font-size:3.2em; margin-bottom:6px;}
	.banners .txt h4{ font-size:1.8em;}
}
@media screen and (max-width: 650px) {
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
	.case-t .dots{ width:100%; margin:0;}
	.case-t .dots .dot { width: 100%; float:none; margin:20px auto 0 auto; max-width:380px;}
}
@media screen and (max-width: 450px) {
	.case-t{ padding:20px 0;}
}

/*news*/
@media screen and (max-width: 1250px) {
	.news-t .box a .txt h3{ font-size:2em; margin:10px 0 16px 0;}
}
@media screen and (max-width: 1024px) {
	.news-t .box a .txt{ padding:0 20px;}
	.news-t{ padding:40px 0;}
}
@media screen and (max-width: 850px) {
	.news-t .box a .img img{ width:200px;}
	.news-t .box a .img{ width:200px;  padding:0;}
	.news-t .box a .txt h3{ font-size:1.6em; margin:0;}
	.news-t .box a .txt h4{ margin-top:20px;}
	.news-t .box a .date{ width:80px;}
	.news-t .box a .date h3{ font-size:2.4em;}
	.news-t .box a{ padding:20px 0;}
}
@media screen and (max-width: 650px) {
	.news-t .box a>*{ display:block;}
	.news-t .box a .img{ margin-bottom:20px;}
	.news-t .box a .txt{ padding:0; margin-bottom:20px;}
	.news-t .box a .date{ width:100%;}
	.news-t .box a .img img{ width:320px;}
	.news-t{ padding:20px 0 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: 1440px) {
	.contact-t .c1{ padding:60px 0 80px 0;}
	.contact-t .c1 .tit h3,.contact-t .c2 .tit h3{ font-size:2.4em;}
	.contact-t .c1 .tit{ margin-bottom:50px;}
	.contact-t .c1 .dots .dot h3{ font-size:1.8em;}
	.contact-t .c1 .dots .dot p{ font-size:1.4em; line-height:24px;}
}
@media screen and (max-width: 1250px) {
	.contact-t .dot{  width: calc(100% + 20px); margin: 0 0 0 -10px;}
	.contact-t .dot .fc-input{ float:left; width: calc(50% - 20px); margin: 0px 10px 30px 10px;}
	.contact-t .c1,.contact-t .c2{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.contact-t .dot .fc-input{ margin-bottom:16px; padding: 6px 10px;}
	.contact-t .btn .fc-btn{ padding:6px 50px;}
	#container{ height:360px;}
	.contact-t .c1 .tit h3,.contact-t .c2 .tit h3{ font-size:2em;}
	.contact-t .c1 .dots .dot h3{ font-size:1.6em; margin:14px 0 4px 0;}
}
@media screen and (max-width: 850px) {
	.contact-t .c1 .dots .dot img{ width:60px;}
	.contact-t .c1 .tit{ margin-bottom:30px;}
	.contact-t .c2{ padding:40px 0;}
	.contact-t .c1{ padding:40px 0 0 0;}
	.contact-t .c1 .dots .dot h3{ font-size:1.4em;}
	.contact-t .c1 .dots .dot p{ line-height:20px;}
	.contact-t .c1 .dots .dot { width: calc(33.33% - 20px);}
	.contact-t .c1 .dots .dot{ height:160px;}
	.contact-t .c2 .tit p{ display:inline;}
}
@media screen and (max-width: 450px) {
	.contact-t .c1 .dots .dot { margin-top:20px; width: calc(100% - 20px);}
	.contact-t .c1 .dots .dot{ height:auto;}
	.contact-t .c1 .tit{ margin-bottom:0;}
	.contact-t .c1 .tit h3,.contact-t .c2 .tit h3{ font-size:1.6em;}
	.contact-t .c1{ padding:40px 0;}
	.contact-t .c2 .tit{ margin-bottom:20px;}
	.contact-t .dot .fc-input{ width: calc(100% - 20px);}
}

/*product*/
@media screen and (max-width: 1250px) {
	.product-t .boxs .box { width: calc(33.33% - 20px); margin: 10px;}
	.product-t .boxs { width: calc(100% + 20px); margin-left: -10px;}
}
@media screen and (max-width: 1024px) {
	.product-t .boxs .box .txt h3{ font-size:1.4em; margin:6px 0;}
	.product-t .boxs .box .txt span{ padding:6px 12px;}
}
@media screen and (max-width: 850px) {
	.p-list a{ padding:12px 15px;}
	.product-t .boxs .box .txt span{ width:30px; padding:6px;}
	.product-t .boxs .box .txt h3{ width:calc(100% - 30px); padding:0 6px;}
}
@media screen and (max-width: 650px) {
	.product-t .boxs .box { width:100%; max-width: 380px; margin: 20px auto 0 auto; float:none;}
	.product-t{ padding:20px 0 40px 0;}
	.product-t .boxs{ width:100%; margin:0;}
}

/*productshow*/
@media screen and (max-width: 1440px) {
	.productshow .txts .txt h3{ font-size:2.4em;}
	.productshow .psize h3, .productshow .pm h3{ font-size:2em;}
	.productshow .psize{ margin:50px 0;}
	.productshow{ padding:50px 0 60px 0;}
}
@media screen and (max-width: 1250px) {
	.productshow .txts .txt h3{ font-size:2em;}
	.productshow .txts .txt .d>*{ font-size:1.4em; vertical-align: top;}
	.productshow .txts .txt .d span{ width:160px;}
	.productshow .txts .txt .d p{ width:auto;}
	.productshow .txts .txt .phone{ margin-top:30px;}
	.productshow .psize h3{ margin-bottom:14px;}
	.productshow .psize h3, .productshow .pm h3{ font-size:1.8em;}
}
@media screen and (max-width: 850px) {
	.productshow .txts>*{ display:block; max-width:600px; margin: 0 auto; width:100%;}
	.productshow .txts .img{ width:100%; text-align:center; margin-bottom:30px;}
	.productshow .txts .txt{ padding:0;}
	.productshow .psize{ max-width:600px; margin:30px auto;}
	.productshow .psize h3, .productshow .pm h3{ font-size:1.6em;}
	.productshow .boxs .box { width: calc(33.33% - 20px); margin: 10px;}
	.productshow .boxs { width: calc(100% + 20px);   margin-left: -10px;}
	.productshow .boxs .box .txt h3{ font-size:1.4em; margin:6px 0;}
	.productshow .boxs .box .txt span{ padding:6px 12px;}
}
@media screen and (max-width: 650px) {
	.productshow .boxs .box { width: calc(50% - 20px);}
	.productshow .boxs .box:last-child{ display:none;}
	.productshow{ padding:40px 0;}
	.productshow .txts .txt .phone{ padding:10px 20px;}
	.productshow .boxs .box .txt span{ width:30px; padding:6px;}
	.productshow .boxs .box .txt h3{width:calc(100% - 30px); padding:0 2px;}
}
@media screen and (max-width: 450px) {
	.productshow .boxs .box { width: calc(100% - 20px);}
	.productshow .psize h3, .productshow .pm h3{font-size:1.4em;}
	.productshow .txts .txt h3{ font-size:1.6em; margin-bottom:10px;}
}

/*about*/
@media screen and (max-width: 1440px) {
	.about-t .ab1 .tit{ margin-bottom:40px;}
	.about-t .ab1 .tit h4{ font-size:2.4em;}
	.about-t .ab2{ padding:80px 0;}
	.about-t .ab2 .tit h3{ font-size:2.4em;}
	.about-t .ab2 .tit h4{ font-size:3.2em;}
	.about-t .ab2 .tit{ margin-bottom:25px;}
}
@media screen and (max-width: 1250px) {
	.about-t .ab1{ padding:50px 0;}
	.about-t .ab1 .tit{ margin-bottom:30px;}
	.about-t .ab1 .txt h3{ font-size:2em;}
	.about-t .ab1 .tit h3{ margin-bottom:8px;}
	.about-t .ab2 .txt h3{ margin-bottom:7px;}
	.about-t .ab3 .swiper-slide .txt h3{ font-size:2em; margin-bottom:10px;}
	.about-t .ab3 .swiper-slide img{ width:420px;}
	.about-t .ab4 .txt{ padding:10% 60px 0 60px;}
	.about-t .ab4 .txt h3{ font-size:2.4em;}
	.about-t .ab4 .txt h4{ font-size:3.2em;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .tit h4{ padding:0 60px;}
	.about-t .ab1 .txt span{ margin:10px auto;}
	.about-t .ab1 .txt h3{ font-size:1.8em;}
	.about-t .ab1 .tit h4{ font-size:2em;}
	.about-t .ab2{ padding:60px 0;}
	.about-t .ab2 .tit h3{ font-size:2em;}
	.about-t .ab2 .tit h4{ font-size:2.8em;}
	.about-t .ab2 .tit p{ font-size:2em;}
	.about-t .ab2 .txt p{ max-width:100%; text-shadow:1px 1px 0 #000;}
	.about-t .ab3 .swiper-slide .txt{ width:100%; height:100%; top:0; left:0;}
	.about-t .ab4 .txt h3{ font-size:2em;}
	.about-t .ab4 .txt h4{ font-size:2.4em;}
	.about-t .ab2 .txt h3{ max-width:100%;}
	.about-t .ab3 .swiper-slide .txt{ opacity: 1;}
	.about-t .ab3 .swiper-slide img{ opacity: 0.4;}
}
@media screen and (max-width: 850px) {
	.about-t .ab3 .swiper-slide img{ width:360px;}
	.about-t .ab3 .swiper-slide .txt h3{ font-size:1.6em;}
	.about-t .ab4 .txt{ float:none; width:100%; padding:0 0 20px 0;}
	.about-t .ab4 .img{ float:none; width:100%;}
	.about-t .ab4{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.about-t .ab1,.about-t .ab2{ padding:40px 0;}
	.about-t .ab2{ background-position:left center;}
	.about-t .ab1 .txt .img{ overflow:hidden;}
	.about-t .ab1 .txt .img img{ float:left; width:100%;}
}
@media screen and (max-width: 450px) {
	.about-t .ab1 .tit h4 { border-left: 2px solid #888;  border-right: 2px solid #888; font-size:1.8em;}
	.about-t .ab1 .tit h3{  font-size:1.4em;}
	.about-t .ab1 .tit{ margin-bottom:20px;}
	.about-t .ab1 .txt h3{ font-size:1.6em;}
	.about-t .ab1 .txt .img img{ max-width:calc(50% - 20px); margin:0 10px;}
	.about-t .ab1 .txt .img{ margin-top:20px;}
	.about-t .ab2 .tit h4{ font-size:2em;}
	.about-t .ab2 .tit p,.about-t .ab2 .txt h3{ font-size:1.6em;}
	.about-t .ab3 .swiper-slide{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .ab4 .txt h3{ font-size:1.8em;}
	.about-t .ab4 .txt span{ margin:8px 0 10px 0;}
	.about-t .ab4 .txt h4{ font-size:2em;}
	.about-t .ab4 .txt p{ font-size:1.6em;}
}

/*join-t*/
@media screen and (max-width: 1200px){
	.join-t .dots .dot { padding: 40px 120px 40px 40px;}
	.join-t .tit h3{ font-size:2.4em; line-height:28px;}
	.join-t .dots .dot .rec-tit h3{ font-size:2em;}
}
@media screen and (max-width: 1024px){
	.join-t .dots .dot .rec-tit{ width:120px;}
	.join-t .dots .dot .rec-txt a{ margin-top:40px;}
	.join-t{ padding:60px 0;}
	.join-t .dots .dot:after{ top:28px;  right: 63px; }
	.join-t .dots .dot:before{ top:35px;  right: 55px; }
	.join-t .dots .dot { padding: 40px 60px 40px 20px;}
	.join-t .dots .dot .rec-tit h3{ font-size:1.8em;}
}
@media screen and (max-width: 850px){
	.join-t{ padding:20px 0 40px 0;}
	.join-t .tit h3{ font-size:2em; margin-bottom:4px;}
	.join-t .dots{ margin-top:20px;}
	.join-t .dots .dot>*{ display:block; }
	.join-t .dots .dot .rec-tit{ margin-bottom:20px;}
	.join-t .dots .dot{ margin:20px 0 0 0 ;}
}
@media screen and (max-width: 650px){
	.join-t .dots .dot { padding: 40px 0px 30px 0px;}
	.join-t .dots .dot:after{ top:18px;  right: 33px; }
	.join-t .dots .dot:before{ top:25px;  right: 25px; }
	.join-t .dots .dot .rec-txt a{ padding:8px 20px; font-size:1.4em;}
}
@media screen and (max-width: 450px){
	.join-t .tit h3{ font-size:1.6em; line-height:20px;}
	.join-t .dots .dot { padding: 30px 0px 30px 0px;}
	.join-t .dots .dot .rec-tit h3{ font-size:1.6em; }
	.join-t .dots .dot .rec-tit{ margin-bottom:10px;}
}