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

/*index*/
@media screen and (max-width: 1300px) {
	.header .share{ margin-left:10px;}
	.header .munes .mune .m-list>a{ padding:36px 8px;}
	.header .logo{ padding:16px 0 0 0;}
	.header .share>a { padding: 25px 0 0px 10px;}
	.header .share>a:first-child{ margin:32px 0; padding:0 10px;}
	.warp{ width:960px;}
	.banner .dot>*{ float:none; text-align:center; width:100% !important;}
	.banner .dot .left{ margin-bottom:10px;}
	.banner .dots{ bottom:-110px;}
	.inews .left .dot:nth-child(3){ display:none;}
	.inews .left .dot { width: calc(50% - 40px);}
	.footer .left .dot{ margin-right:20px;}
}
@media screen and (max-width: 1024px) {
	.header .logo{ padding:16px 0;}
	.warp{ width:96%}
	.iad{ padding:80px 0;}
	.iad .dot{ width:50%; margin:20px 0;}
	.banner,.banner .swiper-slide{ height:600px; background-size:cover;}
	.banner .warp{ padding-top:600px;}
	.banner .dots{ padding:20px 12px; bottom:-90px;}
	.ia{ padding:100px 0 40px 0;}
	.ia2 .left{ padding-top:20px;}
	.icoms .txt .dot{ width:90%; margin:0 5%;}
	.icoms .txt .dot:first-child{ margin-bottom:30px;}
	.iad .tits h3,.tits{ margin-bottom:20px;}
	.iad .tits h3,.tits h3{ font-size:3.2em;}
	.project3 div{ overflow:scroll;}
	.project3 div table{ width:1024px;}
}
@media screen and (max-width: 850px) {
	.banner,.banner .swiper-slide{ height:500px;}
	.banner .warp{ padding-top:520px;}
	#hamburger { top: 35px; right: 40px;}
	.ia2 .warp>*,.inews .warp>*{ width:100%;}
	.ia2 .warp .left{ margin-bottom:50px;}
	.inews .left .dot {width: calc(33.33% - 40px); margin:0 20px; display:block !important; }
	.inews .left {border-right:none; border-bottom:1px solid #d8d8d8;}
	.inews .right .dot{ width:100%;}
	.banner .dot .right h4{ font-size:1.2em;}
	.banner .dot{ padding:0 10px;}
	.iad .tits h3,.tits h3{ font-size:2.8em;}
}
@media screen and (max-width: 650px) {
	.iad{ padding:40px 0;}
	.iad .dot h3{ padding:15px 0 10px 0; font-size:1.6em;}
	.iad .dot h4{ line-height:20px; font-size:1.2em;}
	.iad .dot img{ width:40px;}
	.banner,.banner .swiper-slide{ height:400px;}
	.banner .warp{ padding-top:420px;}
	.banner .dots { box-shadow: 2px 2px 4px #cccccc; width: calc(100% - 20px); margin: 0 10px;}
	.banner .dots{ padding:10px 12px; bottom: -60px;}
	.banner .dot .right p{ display:none;}
	.ia{ padding:80px 0 40px 0;}
	.tits h3{ font-size:2em;}
	.tits h4{font-size:1.4em;}
	.inews .right{ display:none;}
	.inews .left { border:none;}
	.inews .left .dot{ width:250px; margin:0 auto; float:none; margin-bottom:20px;}
	.inews{ padding-bottom:20px;}
	 .iad .tits h3,.tits h3{ font-size:2.4em; margin-bottom:10px;}
}
@media screen and (max-width: 450px) {
	.iad .dot{ width:100%; margin:10px 0;}
	#hamburger { top: 25px; right: 20px;}
	.header .logo img{ width:120px;}
	.banner,.banner .swiper-slide{ height:240px;}
	.banner .warp{ padding-top:260px;}
	.banner .dot .right h4{ display:none;}
	.banner .dot .right h3{ font-size:1.6em; font-weight:lighter;}
	.banner .dot img{ width:40px;}
	.banner .dots{ bottom: -40px;}
	.ia{ padding:60px 0 40px 0;}
	.tits h4{ line-height:20px;}
	.ia2{ padding:40px 0;}
	.ia2 .left h3{ font-size:2.4em;}
	.ia2 .left h4{ font-size:1.6em; margin-bottom:16px;}
	.ia2 .left a { width: 140px;  height: 35px;  border-radius: 30px; line-height: 35px; margin-top: 15px;}
	.ia2 .warp .left{ margin-bottom:30px;}
	.icoms .dot img{max-width:90%;}
	.icoms{ padding:40px 0;}
	.icoms .txt .dot h3{ font-size:1.6em; font-weight:lighter;}
	.footer-tit p{ line-height:20px;}
	.iad .tits h3,.tits h3{ font-size:2em;}
}

/*about*/
@media screen and (max-width: 1300px) {
	.lead-tit span{ font-size:1.4em;}
	.about-s .as1{ padding:40px 10px;}
	.about-s .as1 p{ padding:0;}
	.about-s .as2 .right{ padding-top:20px;}
	.about-s .as3 .dot{ padding:10px 5px; text-align:center;}
}
@media screen and (max-width: 1024px) {
	.about-s .as2>*{ width:100% !important; padding:20px;}
	.about-s .as2{ padding:20px 0 0 0;}
	.about-s .as3 .dot{ width:50%;}
	.about-s .as3 .dot:nth-child(1),.about-s .as3 .dot:nth-child(2){ border-bottom:1px solid #e5e5e5;}
	.about-s .as3 .dot:nth-child(3){border:none; border-right:1px solid #e5e5e5;}
	.about-s{ padding:20px 0 50px 0;}
	.ab2 .txt .dot { width: calc(50% - 26px); margin: 0px 13px 25px 13px;}
	.ab2 .txt .dot p{ font-size:1.6em;}
	.about-s .as1 .img{ width:100%; float:none !important;}
	.about-s .as1 .img img{ margin:40px 0 0 0;}
	.about-s .as1 .txt{ width:100% !important;}
}
@media screen and (max-width: 800px) {
	.a-tit a{ font-size:12px; padding:15px 10px; font-size:1.2em;}
	.i-tit>*{font-size:2em !important;}
	.i-tit{ padding-bottom:14px;}
	.i-tit h3:after{ bottom:-16px;}
	.about-s{ padding:25px 0 40px 0;}
	.ab2 .txt>img{ padding:40px 25px}
}
@media screen and (max-width: 600px) {
	.a-tit a{ padding:15px 15px;}
	.i-tit>*{font-size:1.6em !important;}
	.i-tit{padding: 0 10px; padding-bottom:14px;}
	.about-s .as1 img{ margin-bottom:20px;}
	.about-s .as3 .dot{ padding:15px; width:100%; border-bottom:1px solid #e5e5e5 !important; border-left:none;}
	.about-s .as3{ padding-top:0;}
	.a-tit{ margin-bottom:25px;}
	.ab2 .txt .dot { width: calc(100% - 26px); margin: 0px 13px 0px 13px;}
	.ab2 .txt .dot p{ font-size:1.4em;}
	.ab2 .txt>img{ padding:20px 0; width:100%;}
}

/*project*/
@media screen and (max-width: 1300px) {
	.project-s .boxs { width: calc(33.33% - 40px);    margin-right: 60px;}
	.project-s .boxs .box .t h3{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.project-s .boxs {width: calc(100%);padding-left:0;margin:0;display: contents;padding-top:0;}
	.project-s .boxs .box{ width:50%; float:left; display:inline-block; height:75px; padding-right:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 800px) {
	.project-s .txt,.project-s .i2-tit{ padding:20px;}
	.pn-tit a{ padding:15px 20px;}
	.project-s .i2-tit>*{ font-size:1.8em !important;}
	.project-s .boxs .box{ width:100%; height:fit-content;}
	.project-s{ padding:20px 0 60px 0;}
	.project,.custome{ background-position:-500px;}
}
@media screen and (max-width: 650px) {
	.project-s .txt,.project-s .i2-tit{ padding:10px;}
}


/*news*/
@media screen and (max-width: 800px) {
	.news-s .show-tit h3{ font-size:1.8em;}
	.news-s .txt{ padding:20px 0;}
	.news-s .dot{ padding:23px 20px;}
	.news-s .fy{ margin-top:10px;}
	.news-s .dot .left{ width:230px;}
	.news-s .dot .right {width: calc(100% - 230px);}
	#m3 .i-tit{ padding-top:40px;}
}
@media screen and (max-width: 600px) {
	.news-s .dot a>*{ float:none; }
	.news-s .dot .left{width:100%; margin-bottom:20px;}
	.news-s .dot .right {width:100%;}
	div.fy a,div.fy span.current,div.fy span.disabled { padding:3px 8px;font-size:1.4em;}
}

/*contact*/
@media screen and (max-width: 1024px){
	.contact-s .c1 .dot{ width:33.33%;}
}
@media screen and (max-width: 800px) {
	.contact-s .c2 form div{ float:none; width:100% !important;}
	.contact-s .c2 form .ic-input{ width:100%;}
	.contact-s .c1{ padding:14px 10px;}
	.contact-s .c1 .dots{ margin-bottom:20px;}
	.contact-s .c2 form{ padding:0 10px;}
	.contact-s{ padding:40px 0;}
	.contact{ background-position:-300px;}
}
@media screen and (max-width: 600px) {
	.contact-s .c1 .dot{ width:50%; height:70px;}	
}

/*custome*/
@media screen and (max-width: 800px) {
	.custome-s .txt .tit p{ font-size:1.4em; line-height:24px;}
	.custome-s .txt .tit{ padding:20px;}
	.custome-s .txt .tit h3{ font-size:2em; margin-bottom:10px;}
	.custome-s .txt .tit h4{ font-size:2em;}
	.custome-s .txt .box{ margin:0 15px;}
	.custome-s .txt .box h3{ font-size:1.6em;}
	.custome-s .txt .box img{ padding:5px 2px;}
}

/*case*/
@media screen and (max-width: 1024px) {
	.case-s .dot .box { width: calc(50% - 16px);}
}
@media screen and (max-width: 600px) {
	.case-s .dot .box { width: calc(100% - 16px); margin: 30px 8px 0 8px;}
	.case-s .dot .box p{ padding:8px 0;}
}