@import url(ui.css);
@import url(animate.min.css);
@import url(swiper.min.css);
@import url(pc.css);

@media screen and (max-width:1200px){
	html{ font-size: 85px;}
	.section{ padding: 0.5rem 0; }
}
@media screen and (max-width:768px){
	html{ font-size: 70px;}
	body{ padding: 0.6rem 0 1.3rem;}
	.header{ position: fixed; width: 100%; background-color:#FFF;}
	.logo{ line-height: 0.9rem; }
	.logo img{ max-height: 0.7rem;}
	.menu-btn{ display: block; }

	.nav{ display: none; background-color: #e2b7a6; height: 100vh;}
	.nav ul{ flex-wrap: wrap; }
	.nav li{ flex:100%; }
	.nav li a{font-size: 0.36rem; line-height: 1.5rem;color: #FFF; }

	.banner{  height: auto; }

	.section{ padding: 0.3rem 0; }
	.section-title{ margin-bottom:0.3rem; }
	.section-title strong{ font-size: 0.32rem; }
	.section-title p{ font-size: 0.20rem; margin-top: 0.1rem; }
	.section-title2 strong{ font-size: 0.32rem; }
	.section-title2 p{ font-size: 0.20rem; }
	.section-title3{ margin-bottom:0.3rem; }
	.section-title3 strong{ font-size: 0.32rem; }
	.section-title3 p{ font-size: 0.20rem; margin-top: 0.1rem; }
	
	.in-number ul{ margin:0 0 0 -0.1rem;}
	.in-number li a{ padding:0.2rem 0.1rem;  margin:0 0 0 0.1rem;}
	.in-number li .text{ flex:100%; margin-left: 0; text-align: center; padding-top: 0.1rem; }
	.in-number li .text h2{ font-size: 0.3rem; }
	.in-number li .text p{ font-size: 0.14rem; }
	
	.in-about-con .img-center{ flex:100%;}
	.in-about-con .text{ flex:100%; padding-left: 0;}
	.in-about-con li{justify-content: flex-start;  margin-bottom: 0.2rem;}
	.in-about-con li .txt{ margin-left: 0.1rem;}
	
	.in-service{ padding-bottom: 0;}
	.in-service .img-center{ position: relative; width: 100%; }
	
	.in-hezuo{ padding: 0.3rem 0 0;}
	.in-hezuo .desc{ margin-bottom: 0.2rem;}
	.in-hezuo ul{ margin:0 0 0 -0.1rem;}
	.in-hezuo li a{ margin:0 0 0 0.1rem; } 
	
	.in-mubiao .text{ position: relative; margin-top: 0.2rem;}
	.in-mubiao .text .mask{  width:100%; height: auto; }
	
	.footer{ padding: 0.3rem 0;}
	.footer-con .flogo{ flex:100%}
	.footer-con .flogo .text{ font-size: 0.3rem; }
	.footer-con .fnav{ display: none;}
	.footer-con .ewm{ flex:100%; margin-top: 0.2rem;}
	.footer-con .ewm li img{ width: 2.5rem; height: 2.5rem;}
	.footer-con .ewm li p{ font-size: 0.24rem; }

	.list-zx1 .swiper-button-prev{ background-size: 100%;}
	.list-zx1 .swiper-button-next{ background-size: 100%;}
	
	.list-jm1 .con .img-center{ flex:100%; margin-right: 0; margin-bottom: 0.2rem;}
	.list-jm4 li .text{ flex: 100%;}
	.list-jm4 li .img-center{ flex: 100%; margin:0.2rem 0 }
	.list-jm4 li .txt{ flex: 100%;}
	
	.list-zs1 ul{ margin:0 0 0 -0.1rem;}
	.list-zs1 li .items{ margin:0 0 0 0.1rem}
	
	.list-zs2 .con .text{ flex:100%; padding: 0.2rem;}
	.list-zs2 .con .pic{ flex:100%;}
	
	.list-zs3 li .img-center{  margin-left: 0; margin-top: 0.2rem;}
	.list-zs3 .btns{  margin-top: 0;}

    .list-zs5 .con{ position: static; }
	.list-zs5 .con .mask{ position: relative; width: 100%; right: auto; bottom: auto; margin-top: 0.2rem; }
	
	.contact{margin-top: 0; padding: 0.6rem 0;}
	.contact li{ margin-bottom: 0.2rem;}

	.dibu{ display: block; }
	.kefu{ display: none; }

	

  


}