@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: 1500px) {
	.banner .swiper-slide{ height:600px;}
	.iab1{ height:550px;}
	.iab1 .txt h3{ font-size:3.2em;}
	.iab1 .txt h4{ font-size:2.4em; padding:10px 0;}
	.icase .tit{ padding:60px 0 40px 0;}
}
@media screen and (max-width: 1300px) {
	.header .munes .mune a { padding: 14px 20px;}
	.banner .swiper-slide{ height:500px;}
	.header .munes .more span { padding: 15px 12px;}
	.header .logo{ padding:12px 0;}
	.ip{ padding:60px 0;}
	.ip .tit h3 { font-size: 2em; padding:15px 0;}
	.ip .boxs { margin: 30px 0;}
	.iab1 .warp .txt{ padding-bottom:12%;}
	.iab1{ height:450px;}
	.iab2 .warp .txt{ width:60%;}
	.iab2 .warp .img{ width:40%;}
	.icase .tit h3{ font-size:3.2em;}
	.icase .tit p{ font-size:2.4em;}
	.footer{ margin-top:30px;}
	.footer .fo1{ width:20%;}
	.footer .fo2{ width:50%;}
}
@media screen and (max-width: 1024px) {
	.icase .icase-slider .swiper-slide .txt{ padding:10%;}
	.icase .icase-slider .swiper-slide .txt h3{ font-size:1.8em;}
	.banner .swiper-slide{ height:400px;}
	.ip{ padding:40px 0;}
	#hamburger{ top:20px;}
	.iab2 .img img{ margin-top:-100px; max-width:100%;}
	.icase .tit{ padding:40px 0;}
	.icase .tit h3{ font-size:2.4em; margin-bottom:5px;}
	.icase .tit p{ font-size:2em;}
	.footer{ margin-top:0;}
	.footer .fo1,.footer .fo3{ display:none;}
	.footer .fo2{ width:100%;}
	.footer{ padding:20px 0;}
	.footer .fo2 .dot{ padding:20px 0;}
	.iab2 .warp .txt{ padding:20px 0 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 850px) {
	 .ip .tit img{ width:120px;}
	 .ip .boxs .box { width: calc(50% - 10px); margin: 0 5px;}
	 .ip .boxs{ padding:0 10px;}
	 .ip .ip-slider{ padding:0 20px;}
	 .ip .ip-slider:after, .ip .ip-slider:before{ width:20px;}
}
@media screen and (max-width: 650px) {
	.banner .swiper-slide{ height:320px;}
	.ip .tit p{ display:inline;}
	.iab1 .txt h3{ font-size:2.4em;}
	.iab1{ height:350px;}
	.iab1 .txt h4{ font-size:1.6em; padding:0;}
	.bottomlist ul li img{ width:25px; height:25px; }
	.footer{ margin-bottom:37px;}
	.ip .tit p{ line-height:20px;}
	.ip .boxs .box { width: calc(100% - 10px); float:none; max-width:400px; margin:10px auto;}
	.ip .boxs{ margin:10px 0;}
	.iab2 .warp .txt h3 {font-size: 2em; margin-bottom: 5px;}
	.iab2 .warp .txt{ float:none; padding: 20px 20px 20px 0px; width:100%;}
	.iab2 .warp .img{ float:right; padding:10px;}
	.footer .fo2 .tit,.footer .fo2 .dot{ display:none;}
	.footer{ padding:12px 0; text-align:center;}
	.icase .icase-slider .swiper-slide .txt{opacity:1;}
}
@media screen and (max-width: 450px) {
	.banner .swiper-slide{ height:240px;}
	.ip{ padding:30px 0;}
	.ip .tit h3 { font-size: 1.6em; padding: 10px 0;}
	.ip .boxs{ padding:0;}
	.ip .ip-slider:after, .ip .ip-slider:before{ display:none;}
	.ip .ip-slider{ padding:0 10px;}
	.ip .ip-slider .swiper-button-next, .ip .ip-slider .swiper-button-prev{background-color: #fff;box-shadow:0 0px 10px #fff;border-radius:50%;}
	.ip .ip-slider .txt h3{ font-size:1.6em; margin-bottom:0;}
	.iab1 .txt h3{ font-size:2em; line-height:24px;}
	.iab2 .warp .img{ float:none; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.iab2 .warp .img img{ margin-top:0px;}
	.iab1{ height:fit-content; padding:40px 0;}
	.iab1 .warp .txt{ padding-bottom:0;}
	.icase .tit{ padding:30px 0 20px 0;}
	.icase .tit h3{ font-size:2em;}
	.header .logo img{ max-width:80px;}
	#hamburger{ top:15px; right:15px;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.banners { height: 500px;}
	.about-t h3{ padding:60px 0;}
	.about-t .ab1 .t1{ padding:80px 0;}
	.about-t .ab1 .t2{ padding:60px 0 80px 0;}
	.about-t .ab1 .t3 { padding: 70px 0 80px 0;}
	.about-t .ab3 .dot .imgs2{ margin-bottom:60px;}
	.about-t .ab3 .dot p{ padding-bottom:40px;}
}
@media screen and (max-width: 1400px) {
	.banners { height: 400px;}
	.about-t h3{ font-size:3.2em; }
	.about-t h3{ padding:60px 0 40px 0;}
	.about-t h4 { font-size: 2em;line-height:32px;}
	.about-t .ab1 .t1 { padding: 60px 0;}
	.about-t .ab1 .t2 { padding: 40px 0 60px 0;}
	.about-t .ab2{ height:450px;}
	.about-t .ab3 .dot h4{ margin-bottom:40px;}
	.about-t .ab3 .dot .imgs img { padding: 0 15px;}
	.about-t .ab3 .dot .imgs{ margin-bottom:30px;}
}
@media screen and (max-width: 1200px) {
	.about-t .ab1 .t4 { padding: 60px 0;}
	.about-t .imgs img{ max-width: calc(50% - 30px); float:left;}
	.about-t .imgs{ overflow:hidden; margin-bottom:0;}
}
@media screen and (max-width: 1024px) {
	.banners { height: 320px;}
	.about-t h3{ padding: 40px 0 40px 0;}
	.about-t h3{ font-size:2.6em;}
	.about-t h3 span img{ width:110px;}
	.about-t h4{ font-size:1.8em; line-height:24px;}
	.about-t .ab1 .t1{ padding:40px 0;}
	.about-t .ab1 .t3{ padding:60px 0;}
	.about-t .ab1 .dot img{ width:calc(33.33% - 40px); float:left;}
	.about-t .ab1 .dot{ overflow:hidden;}
	.about-t .ab3 .dot .imgs{ margin-bottom:0;}
}
@media screen and (max-width: 650px) {
	.banners { height: 240px;}
	.about-t h3{ padding:40px 0 20px 0;}
	.about-t .ab1 .dot img { width: calc(33.33% - 10px); margin:0 5px; margin-top:40px; }
	.about-t .ab1 .dot img:nth-child(2){ margin-top:0px;}
	.about-t .ab2 { height: 300px;}
	.about-t .imgs img { max-width: calc(100% - 30px); float:none; margin:10px auto;}
	.about-t .ab3 .dot p { padding-bottom: 20px;}
	.about-t .ab3 .dot h4{ margin-bottom:20px;}
	.about-t .ab3 .dot .imgs2 .d { width: 100%;}
}
@media screen and (max-width: 450px) {
	.about-t h3{ font-size:2em;}
	.about-t h3 span img{ width:100px;}
	.about-t .ab1 .t2,.about-t .ab1 .t3,.about-t .ab1 .t4{ padding:40px 0;}
}

/*join*/
@media screen and (max-width: 1200px) {
	.join-t input, .join-t textarea{ padding:10px 12px;}
	.join-t .fc-input{ margin-bottom:30px;}
	.join-t { padding: 50px 0 30px 0;}
}
@media screen and (max-width: 1024px) {
	.join-t .dots h3{ margin-bottom:10px;}
	.join-t .fc-input{ margin-bottom:20px;}
}
@media screen and (max-width: 850px) {
	.join-t .dot { width: calc(100%); margin:0;}
	.banners .warp .txt h4{ font-size:2.8em;}
	.join-t .dots { float:left;  width: calc(50% - 30px);  margin:0 15px;;}
	.join-t { overflow:hidden;}
	.join-t .dots:nth-child(3){ width:calc(100% - 30px); margin:0 15px;}
}
@media screen and (max-width: 650px) {
	.join-t .dots,.join-t .dots:nth-child(3) { float:none;  width: calc(100%);  margin:0;}
	.join-t input, .join-t textarea{ font-size:1.4em; line-height:20px;}
	.join-t textarea{ margin-bottom:30px;}
	.join-t .dots h3 { font-size: 1.4em;}
}
@media screen and (max-width: 450px) {
	.banners .warp .txt h4{ font-size:2em; line-height:40px;}
	.join-t .btn .fc-btn{ padding:6px 50px;}
}

/*contact*/
@media screen and (max-width: 1200px) {
	.contact-t{ padding:60px 0 20px 0;}
	.contact-t .boxs .right .txts .tit p{ font-size:3.2em;}
}
@media screen and (max-width: 1024px) {
	.contact-t .boxs .right .txts .tit { padding-bottom: 5px; margin-bottom: 20px;}
}
@media screen and (max-width: 850px) {
	#container{ height:320px;}
	.contact-t .boxs .right .txts .tit p{ font-size:2.4em; line-height:24px;}
	.contact-t .boxs .right .txts .tit img{ width:30px;}
	.contact-t .boxs .right .txts .tit .t h3{ font-size:1.6em; margin-bottom:0;}
	.contact-t .boxs .right .txts{ padding:12px 15px;}
	.contact-t .boxs .right .txts .txt h3, .contact-t .boxs .right .txts .txt a{ line-height:20px;}
}
@media screen and (max-width: 650px) {
	.contact-t .boxs .left,.contact-t .boxs .right{ width:100%; display:block;}
	.contact-t .boxs .right .txts{ width:90%; margin:-40px 5% 8% 5%; z-index:1000;}
	.contact-t .boxs .right .txts{ padding:20px 20px;}
	.contact-t{ padding:40px 0;}
}

/*product*/
@media screen and (max-width: 1024px) {
	.product-t{ padding:50px 0;}
	.product-t .boxs .box{ margin:20px 10px; width:calc(33.33% - 20px);}
	div.fy {text-align:center;line-height:4rem; padding-top:0px;}
	div.fy a ,div.fy span.current,div.fy span.disabled { padding:4px 8px; }
}
@media screen and (max-width: 650px) {
	.product-t .boxs .box{  width:calc(50% - 20px);}
	.productshow .txts>*{ float:none; width:100%;}
	.productshow .leads{ padding:20px 0;}
	.productshow{ padding-bottom:40px;}
	.productshow .txts .left h3{ padding:10px 0;}
	.productshow .leads>* { font-size: 1.4em;}
}
@media screen and (max-width: 450px) {
	.product-t { padding: 30px 0;}
	.product-t .list h3{ font-size:1.6em;}
	.product-t .list span{ padding:0 10px; margin-bottom:5px;}
	.product-t .boxs .box{ margin:20px 10px 0 10px;}
	.product-t .boxs .box p{ padding-top:10px;}
	div.fy{ margin-top:20px;}
}

/*case*/
@media screen and (max-width: 850px) {
	.case-t .box .txt h3{ font-size:1.6em; margin-bottom:10px;}
}
@media screen and (max-width: 650px) {
	.case-t{ padding:40px 0;}
	.case-t .box>*{ display:block; width:100%;}
	.case-t .box{ margin-bottom:0px;}
	.case-t .box .txt{ padding:20px 10px;}
}