@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-top: 60px;}
    .container {width: auto;}
    .header {display: none;}
    .m-header{ display: flex; }
    .banner{ margin-top: 0; height: 280px; }
    .banner .pic img{ max-width: 100%; }

    .section{padding:25px 0;}
    .section-title{ margin-bottom: 25px; font-size: 24px; }

    .in-about .con{ font-size: 16px; }

    .in-why ul{ margin:0 0 0 -15px; }
    .in-why li{ float: none; width: 100%;  margin-bottom: 15px; }
    .in-why li a{ height: auto; padding: 25px; margin:0 0 15px 15px;}

    .in-service li{ float: none; width: 100%; margin-bottom: 15px; }

    .in-ys .clearfix{ padding: 20px 0; }
    .in-ys .con{ flex-wrap: wrap; font-size: 14px; }
	.in-ys .con .img-center{ flex:100%; margin-bottom: 20px; order: -200; }
	.in-ys .con .text{ flex:100%;  }
	.in-ys .con .text h2{ font-size: 20px; margin-bottom: 12px; }
	.in-ys .con .text h3{ font-size: 14px; margin-bottom: 25px; }
	.in-ys .con .text p{ line-height: 25px; padding-left: 22px; background-position: left 3px; margin-bottom: 10px;}
	.in-ys .con .text .btns{ margin-top: 20px; }


	

	


}