@import url(animate.min.css);
@import url(iconfont.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width: 768px) {
    body {min-width: 320px; padding-bottom: 50px;}
    .container {width: auto;}
    .header {display: none;}
    .m-header{ display: flex; }
    .banner{ display: none; }
    .mbanner{ display: block; }

	.in-about{ grid-template-columns: 1fr; height: auto; }
	.in-about .text{ padding: 20px; }

	.btns1 a{ width: 100%; height: 50px; }

	.in-ys{ padding: 60px 0;}
	.in-ys .tits{ margin-bottom: 20px;}
	.in-ys .tits h2{  font-size: 32px;}
	.in-ys .tits p{ font-size: 20px; }
	.in-ys ul{ grid-template-columns:1fr 1fr; gap:30px; }
	.in-ys li .icon{ margin:0 auto 10px;}
	.in-ys li h2{ font-size: 32px; }
	
	.section{ padding: 30px 0 }
	.section-title{ margin-bottom: 20px; }
	.section-title strong{ font-size: 32px;}
	.section-title p{ font-size: 20px; }

	.in-yw .section-title{ display: none; }
	.in-yw li{ flex-wrap: wrap; margin-bottom: 20px;}
	.in-yw li .img-center{ flex:100%; order: 100}
	.in-yw li .text{ flex:100%; display: flex; justify-content: center; text-align: center; padding: 25px!important;}
	.in-yw li .text h2{ font-size: 32px;}
	.in-yw li .text h3{ font-size: 20px; margin-bottom: 20px; }
	.in-yw li .text .line{ justify-content: center; width: 100%; }

	.in-case ul{ grid-template-columns: repeat(2,1fr); gap:10px; }

	.in-contact .tits h2{ font-size: 32px;}
	.in-contact .tits h3{ font-size: 24px; }
	.in-contact .con h2{ font-size: 24px; }
	.in-contact .con h3{ font-weight: bold; font-size: 20px; line-height: 1.5;  }
	.in-contact .con p{ font-weight: normal; }

	.footer-con{ display: none; }
	.footer-fix{ display: block; }

	.banner-sub{ height: 200px;  }
	.banner-sub .text{ left: 7%; width: 85%; }
	.banner-sub .text h2{ font-size: 30px; }
	.banner-sub .text h3{ font-size: 20px; }
	.banner-sub2{ height: 200px; }
	.banner-sub2 .text{ left: 7%; width: 85%; }
	.banner-sub2 .text h2{ font-size: 30px; }
	.banner-sub2 .text h3{ font-size: 20px; }
	.banner-sub3{ display: block; }

	.section-sub{ padding:30px 0; }

	.about1{ grid-template-columns:1fr; }
	.about1 .img-center img{ height: auto; }

	.about2 .tits h2{ font-size: 32px;}
	.about2 .tits h3{ font-size: 20px; margin-bottom: 20px; }

	.lanmu{ display: none; }
	.lanmu-btns{ display: block; }

	.list-1{ grid-template-columns: repeat(2,1fr); }

	.list-2{ grid-template-columns: repeat(2,1fr); gap:10px; }

	.list-3 li .img-center{ display: none; }

	.info-content-title{ text-align: left; position: relative; }
	.info-content-title:before{ position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background: #2a9daa; content:''; }
	.info-content-title h1{ font-weight: bold; }
	.info-content-body{ font-size: 18px; }

	.contact1{ padding:30px 0; background: #FFF; }
	.contact1-con{ padding: 15px; }
	.contact1 .tits{ display: none; }
	.contact1 .desc{ display: block; }
	.contact1 ul{ grid-template-columns: repeat(2,1fr); gap:30px; }
	.formgroup{ flex-wrap: wrap;  }
	.formgroup .label{ flex:100%; margin-right: 0; }

	.pc-slide {display: none;}
	.focus{ display: block; }



}