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


@media screen and (max-width:768px){
	.container {padding: 0 15px;}

	.m-header{ display: flex; }
	.header{ display: none; }
	.banner{ margin-top: 60px; }

	.in-about{ flex-wrap: wrap; }
	.in-about .text{ flex: 100%; padding: 20px; }
	.in-about .text h2{ font-size:24px;  margin-bottom: 20px;  }
	.in-about .text p{ font-size: 16px; line-height: 30px;  }
	.in-about .text .btns{ margin-top: 20px;  }
	.in-about .text .btns a{ padding: 0 25px; line-height: 50px; font-size: 18px; }
	.in-about .pic{ flex:100%; }

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

	.in-lanmu-con{ flex-wrap: wrap; height: auto; font-size: 14px; padding: 15px; }
	.in-lanmu-con p em{ padding: 0 5px; }
	.in-lanmu-con .tel{ font-size: 20px; margin-top: 10px; }

    .in-pro-con{ padding: 0 50px; }
    .in-pro-con .swiper-slide a{ font-size: 14px; }
	.in-pro-con .swiper-slide .pic{ height: auto;  }
	.in-pro-con .swiper-button-prev{ left:0;  }
	.in-pro-con .swiper-button-next{ right:0; }

	.in-ys .swiper-slide .text{ display: none; bottom: 10px; padding: 15px;  }
    .in-ys .swiper-slide .text h2{ font-weight: normal; font-size: 26px;  }
	.in-ys .swiper-button-next{ right:0; }

	.section-title3{ margin-bottom: 20px; }
	.section-title3 strong{ font-size: 24px; }
	.section-title3 .line{ margin:8px auto 5px; }
	.section-title3 p{ font-size: 14px; margin-top: 5px; }

	.in-case ul{ margin:0 0 0 -15px; }
	.in-case li a{ font-size: 14px;  margin:0 0 0 15px; }
	.in-case li .img-cover{ padding-top: 75%; }
	.in-case li .text{ padding: 0; line-height: 35px; }

	.in-news{ padding: 30px 15px; }
	.in-news .tits{ margin-bottom:15px;  }
	.in-news .tits h2{  font-size: 12px;  }
	.in-news .tits h2 span{ font-size: 24px; }
	.in-news .tits p{  font-size: 14px; }
	.in-news-left .text h2{ font-size: 18px; }
	.in-news-left .text p{  line-height: 25px;  }
	.in-news-left .text .btns{ margin-top: 10px;  padding: 0 20px; line-height: 35px;  }

	.in-news-right{ margin-left: 0; margin-top: 20px; }
	.in-news-right li a{ flex-wrap: wrap; margin-bottom: 20px; font-size: 14px; }
	.in-news-right li .img-center{  width: 100%; }
	.in-news-right li .text{ margin-left: 0; flex:100%; padding: 15px 0 }
	.in-news-right li .text h2{ font-size: 18px;  }
	.in-news-right li .text p{  line-height: 25px; }

	.in-hezuo-menu li a{ padding: 0 10px;  margin-right: 10px;  }
    .in-hezuo-con{ min-height: 450px; }
	.in-hezuo-con h2{ font-size: 24px; margin:15px 0;  }

	.footer{ flex-wrap: wrap; padding: 20px; }
	.footer .fnav{ flex-wrap: wrap; }
	.footer .fnav dl{ flex:50%; margin-bottom: 20px; }
	.footer .fnav dl dt a{ font-size: 18px; }
	.footer .fnav dl dd a{ font-size: 14px; line-height: 25px; }
	.footer .contact{ flex:100%; font-size: 14px; }
	.footer .contact h2{ font-size: 18px; }
	.footer .contact p{ line-height: 25px; }
	.copyright{ font-size: 14px; padding: 10px; line-height: 20px; }
	.copyright p span{ margin-left: 0; display: block; }

    .banner-sub{ height: 250px; }
	.banner-sub .text{ font-size: 16px;  right: auto; left:80px; margin-top: 0; }
	.banner-sub .text:before{  top:0px; }
	.banner-sub .text h2{ font-size: 24px; }

	.lanmu .container{ padding: 0 }
	.lanmu li a{  font-size: 17px; }

	.section-title2{ margin-bottom: 20px; }
	.section-title2 strong{ font-size: 24px; }
	.section-title2 p{ font-size: 14px; }

	.single{ font-size: 14px; line-height: 25px;margin-bottom: 25px; }

    .number{ flex-wrap: wrap; margin-bottom: 25px; }
	.number li{ flex:49%; margin-bottom: 25px; }
	.number li:nth-child(2n){ border-right: none; }
	.number li h2 span{  font-size: 28px; }
	
    .honor{ padding: 0 50px; }
	.honor .swiper-button-prev{ left:0;  }
	.honor .swiper-button-next{ right:0; }

	.list-2 li a{ flex-wrap: wrap;  margin-bottom: 24px; font-size: 14px; }
	.list-2 li .text{ flex:100%; margin-right: 0;}
	.list-2 li .text h2{ font-size: 20px; margin-bottom: 10px;  }
	.list-2 li .text p{ line-height: 25px; }
	.list-2 li .text .date i{ top:0; }
	.list-2 li .pic{ flex:100%; margin-top: 15px; }

	.lianxi{ flex-wrap: wrap; padding: 20px;margin-bottom: 25px; }
	.lianxi li{ flex:100%;  border-right:none;}
	.lianxi li h2{ font-size: 16px; padding-bottom: 10px; }
	.lianxi li h2 span{ font-size: 24px; margin-right: 10px; }
	.lianxi li .cont{ padding: 15px 0; font-size: 14px; line-height: 25px; }
	.lianxi li .ewm{ padding: 15px 0; }

	.info-content{ padding: 30px 15px 30px; margin-top: 20px; margin-bottom: 20px; }
	.info-content-title h1{ font-size: 24px; }
	.info-content-title p span{ margin:0 4px; }
	.info-content-body{ font-size: 14px;  line-height: 25px; margin-bottom: 40px;}
	.info-content-body h2{ font-size: 16px; }
	.info-content-exp{ flex-wrap: wrap; height: auto;  margin-top: 25px; }
	.info-content-exp li{ flex:100%; }
	.info-content-exp li:last-child{ text-align: left; }


}