@import url(animate.min.css);
@import url(ui.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;}

    .section{padding:25px 0;}
    .section-title{ margin-bottom: 25px; font-size: 20px; }
    .section-title p{ font-size: 14px; margin-top: 0; }

    .in-lanmu .a1{ flex-wrap: wrap; margin-bottom: 0; }
	.in-lanmu .a1 li{ flex:100%; margin-right: 0; margin-bottom: 15px; }
	.in-lanmu .a1 li:nth-child(1){ flex:100%; }
	.in-lanmu .a1 li:nth-child(2){ flex:100%; }
	.in-lanmu .a2{ flex-wrap: wrap; margin-bottom: 0; }
	.in-lanmu .a2 li{ flex:100%; margin-right: 0; margin-bottom: 15px; }

    .in-about{ padding: 0; height: auto; }
	.in-about video{ display: none;}
	.in-about-con{ position: relative; padding:15px; width:100%; margin:auto;}
	.in-about-con .text{ padding: 25px; }

	.in-daili{ padding: 30px 0;  }
	.in-daili-con{ flex-wrap: wrap; }
	.in-daili-con .img-center{ flex:100%; }
	.in-daili-con .text{ flex:100%;margin-left: 0; }
	.in-daili-con .text h2{ font-size: 24px; }
	.in-daili-con .text p{ font-size: 16px; }

	.in-case ul{ margin:0 0 0 -15px;}
	.in-case li a{ margin:0 0 15px 15px; }
	.in-case li .text{ padding: 20px; }
	.in-case li .text h2{margin-bottom: 8px; }

	.in-news ul{ margin:0 0 0 -15px; }
	.in-news h3{ font-size: 24px; margin-left: 0; padding-top: 0; text-align: center;}
	.in-news li a{ margin:0 0 15px 15px;}

    .footer{ padding-bottom: 20px; }
	.footer-con{ padding: 20px 0; flex-wrap: wrap; }
	.footer-con .fnav{ flex:100%; flex-wrap: wrap; }
	.footer-con .fnav dl{ margin-bottom: 20px; }
	.footer-con .fnav dl dt{ margin-bottom: 8; }

	.copyright{ font-size: 14px; height: auto; padding: 12px 0; display: block; }

	.tanchuang{ width: 95%; }
	.tanchuang form{ padding:20px; }
	.tanchuang .formgroup{ flex-wrap: wrap; margin-bottom: 0; }
	.tanchuang .formgroup label{ flex:100%; margin-right: 0; margin-bottom: 11px; }
	.fu{ display: none; }

	.banner-sub{ margin-top: 0; }
	.banner-sub .img-cover{ padding-top: 100%; }
	.banner-sub .text h2{ font-size: 30px; margin-bottom: 50px;  }
	.banner-sub .text ul{ flex-wrap: wrap; }
	.banner-sub .text li{ flex:33.333%; text-align: center; margin-bottom: 20px; }
	.banner-sub .text li h3{ font-size: 24px; }
	.banner-sub .text li p{ font-size: 14px; }

	.ct{ flex-wrap: wrap;  }
	.ct-sd{ flex:100%; margin-right: 0; margin-bottom: 30px; }
	.ct-mn{ flex:100%; }

	.list-1 li a{ flex-wrap: wrap; }
	.list-1 li .img-center{ flex:100%; margin-right: 0; margin-bottom: 15px;}
	.list-1 li .text{ flex:100%; }

	.banner-sub-show{ margin-top: 0;}
	.banner-sub-show .con{ flex-wrap: wrap; }
	.banner-sub-show .con .text{ flex:100%; }
	.banner-sub-show .con .text h2{ font-size: 26px; margin-bottom: 15px; }
	.banner-sub-show .con .text p{ font-size: 15px; line-height: 2;}
	.banner-sub-show .con .img-center{ flex:100%; }

	.show-pro1 .focus{ float: none; width: 100%; margin-bottom: 20px; }
	.show-pro1 .text{ margin-left: 0;}
	.show-pro1 .text h1{ font-size: 28px; font-weight: normal; }

	.section-title2{ margin-bottom: 25px; font-size: 24px; padding-bottom: 10px; margin-bottom: 15px; }
    .section-title2 p{ font-size: 14px; margin-top: 0; }

    .show-pro5 ul{ margin:0 0 0 -15px; }
	.show-pro5 li a{ margin:0 0 15px 15px; font-size:16px; }
	.show-pro5 li .text{ padding-top: 8px; }

	.show-pro6 form{ padding:0; }
	.show-pro6 .formgroup{ flex-wrap: wrap; margin-bottom: 0; }
	.show-pro6 .formgroup label{ flex:100%; margin-right: 0; margin-bottom: 11px; }

	.videos{ display:none; left: 0; transform: translateY(-50%); z-index:10000; width:100%; height:auto; }
	.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
	.videos video{ width: 100%; }

	.contact1 li .items{ padding: 30px 0; }
	.contact2 .con{ flex-wrap: wrap;}
	.contact2 .con h2{ flex:100%; margin-right: 0; margin-bottom: 20px;}
	.contact2 .con .ditu{ flex:100%; }

	.about1 li .items{ flex-wrap: wrap;}
	.about1 li .img-center{ flex:100%; }
	.about1 li .text{ flex:100%; padding: 20px; }
	.about1 li .text h2{ font-size: 20px; }
	.about1 li .text p{ font-size: 14px;}

    .about2 li{ margin-bottom: 20px; }
	.about2 li h2{ font-size:28px; font-weight: normal; }
	

	

	


}