@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;}
	.m-header{ display: flex;}
	.header{display: none;}
	.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; }
	.nav li dl{ display: none;  position: relative; top:0; margin-left: 0; width: 100%; }
	.nav li dl dt a{ color: #333!important; line-height: 0.65rem!important; }

	.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; }
	.section-title3 .desc{ font-size: 0.22rem; line-height: 0.4rem; padding: 0 0.15rem; }

	.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; }

	.list-ks1 .img-center{ flex:100%;}
	.list-ks1 .text{ flex:100%; margin-left: 0; margin-top: 0.2rem; }

	.section-title4{ margin-bottom:0.3rem; }
	.section-title4 p{ font-size: 0.20rem; margin-bottom: 0.1rem; }
	.section-title4 strong{ font-size: 0.32rem; }

	.list-ks2 li .img-center{ flex:100%; margin-right: 0; }
	.list-ks2 li .text{ flex:100%; margin-top: 0.2rem;}
	.list-ks2 li .text h2{ font-size: 0.3rem; }

	.list-ks3 li .img-center{ flex:100%; }
	.list-ks3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-ks3 li .text h2{ font-size: 0.28rem;  }
	.list-ks3 li:nth-child(2n) .img-center{ order: -100 }

	.list-ks4 ul{ margin:0 0 0 -0.15rem; background: none;}
	.list-ks4 li{ float: none; width: auto; }
	.list-ks4 li a{  margin:0 0 0.15rem 0.15rem; }
	
	.list-ks6 ul{ flex-wrap:wrap}
    .list-ks6 li{ flex:100%; margin-bottom: 0.4rem; margin-right: 0;}

	.list-luancao1{ flex-wrap: wrap; }
	.list-luancao1 .img-center{ flex:100%; }
	.list-luancao1 .text{ flex:100%; margin-left:0rem; padding: 0.2rem; }
	.list-luancao1 .text p{ font-size: 0.28rem; line-height: 2; padding-left: 0.55rem; position: relative; }

	.list-luancao2 .con{ padding: 0.2rem; flex-wrap: wrap; }
	.list-luancao2 .con .text{ flex:100%; }
	.list-luancao2 .con .text p{ font-size: 0.24rem; text-indent: 0.5rem }
	.list-luancao2 .con ul{ flex:100%; margin-left: 0; margin-top: 0.2rem; }
	.list-luancao2 .con li{ margin:0 0.15rem; }

	.list-luancao3 li .img-center{ flex:100%; }
	.list-luancao3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-luancao3 li .text h2{ font-size: 0.28rem;  }
	.list-luancao3 li:nth-child(2n) .img-center{ order: -100 }

	.list-luancao4 .con{ flex-wrap: wrap;  padding: 0.2rem; }
	.list-luancao4 .con .text{ padding-left: 0.2rem; flex:100%;}
	.list-luancao4 .con .img-center{ flex:100%; margin-top: 0.2rem; margin-left: 0;}

	.list-luancao5 ul{ margin:0 0 0 -0.15rem; }
	.list-luancao5 li{ width: 50%; }
	.list-luancao5 li a{ margin:0 0 0.15rem 0.15rem; }
	.list-luancao5 li .text{ height: 0.7rem }

	.list-luancao6 li{ flex:1; margin-right: 0.2rem; }

	.section-title5{ margin-bottom: 0.3rem; }
	.section-title5 strong{ font-size: 0.32rem;  }
	.section-title5 .desc{ margin-top: 0.15rem; font-size: 0.2rem; line-height: 0.3rem;  padding: 0 0.1rem; }
	
	.list-ed1 .img-center{ flex:100%; margin-top: 0.2rem; }
	.list-ed1 .text{ flex:100%; margin-right: 0; }

	.list-ed2 .con{ background: #FFF; padding: 0.2rem; }
	.list-ed2 .con:before{  display: none;}
	.list-ed2 .con .img-center{ display: none; }
	.list-ed2 .con .text{ flex:100%; padding-right: 0; }
	.list-ed2 .con .text ul{ padding: 0.2rem 0.2rem; }

	.list-ed3 li .img-center{ flex:100%; }
	.list-ed3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-ed3 li .text h2{ font-size: 0.28rem;  }
	.list-ed3 li:nth-child(2n) .img-center{ order: -100 }

	.list-ed4 ul{ margin:0 0 0 -0.2rem; }
	.list-ed4 li{ float: none; width: auto; }
	.list-ed4 li a{ margin:0 0 0.2rem 0.2rem; }
	.list-ed4 li .text{ padding: 0.15rem 0.2rem 0; }

	.list-ed6 .con{ padding: 0.2rem; flex-wrap: wrap; }
	.list-ed6 .con .img-center{ flex:100%; margin-right: 0; }
	.list-ed6 .con .text{ flex:100%; margin-top: 0.2rem; }

    .list-tang1 .img-center{ flex:100%; margin-right: 0; }
	.list-tang1 .text{ flex:100%; margin-top: 0.2rem; }

	.list-tang2 ul{ margin:0 0 0 -0.15rem; }
	.list-tang2 li{  width: 50%; }
	.list-tang2 li a{ margin:0 0 0.15rem 0.15rem;}

	.list-tang3 li .img-center{ flex:100%; }
	.list-tang3 li .text{ flex:100%; padding: 0 0.2rem; margin-top: 0.2rem;}
	.list-tang3 li .text h2{ font-size: 0.28rem;  }
	.list-tang3 li:nth-child(2n) .img-center{ order: -100 }

	.list-tang4 .con{ flex-wrap: wrap;  padding: 0.2rem; }
	.list-tang4 .con .text{ padding-left: 0.2rem; flex:100%;}
	.list-tang4 .con .img-center{ flex:100%; margin-top: 0.2rem; }

	.list-tang5 ul{ margin:0 0 0 -0.2rem; }
	.list-tang5 li{ width: 50%; }
	.list-tang5 li a{ margin:0 0 0.2rem 0.2rem;}

	.list-tang6 li{ flex-wrap: wrap; }
	.list-tang6 li .img-center{ flex:100%; margin-right: 0; }
	.list-tang6 li .text{ flex:100%; margin-top: 0.2rem; }

	.list-my1 .text{ flex:100%; }
	.list-my1 .img-center{ flex:100%; margin-right: 0;  margin-top: 0.2rem;}

	.list-my2 .con .img-center{ position: relative; right: 0; bottom:-0.6rem; }

	.list-my3 ul{ margin:0 0 0 -0.2rem; }
	.list-my3 li a{ margin:0 0 0 0.2rem; }

	.list-my4 ul{ margin:0 }
	.list-my4 li{ float: none; width: auto; }
	.list-my4 li a{  margin:0 0 0.2rem 0; padding: 0.2rem;  }
	
	.list-my5 .pic{ position: relative;  bottom: 0; width: 100%; margin-top: 0.5rem; }
	.list-my5 ul{ width: 100%; }

	.list-my7 ul{ margin:0; }
	.list-my7 li{ float: none; width: auto; }
	.list-my7 li a{ margin:0 0 0.4rem 0;  }

	.list-my8 .con{ padding-bottom: 1rem;}


  


}