@import url(ui.css);
@import url(font-awesome.min.css);
@import url(swiper.min.css);
@import url(pc.css);

@media screen and (max-width: 768px) {
	body{ padding-top: 60px; }
	.header{ height: 60px; padding: 0 15px; position: fixed; left: 0; top:0; z-index: 999;}
	.header .logo img{ height: 40px; }
	.header .nav{ display: none; position: fixed; left: 0; top:60px; background: #FFF; overflow-y: scroll; z-index: 999; width: 100%; height: 100%; padding-top: 30px; }
	.header .nav li{ display: block; }
	.header .nav li a{ color: #333; text-align: center; line-height: 50px; }
	.header .nav .erji li{ display: none; }
	.header .menu-btns{ display: block; }
	.header-index .header{ position: fixed; }
	.section-title{ padding: 20px 0; }
	.section-title strong{ font-size: 24px; padding-bottom: 10px; }
	.section-title strong:before{  width: 60px; height:3px;}
	.section-sub{ padding: 10px 0; }
	.about1 h2{  font-size:20px; }
	.about1 .text{ column-count: 1; }
	.pro-sub{ padding: 20px 10px; }
	.pro-sub li a{  margin:0 20px; }
	.footer-con{ flex-wrap: wrap; text-align: center; }
	.flogo{ flex:100%; margin-right: 0; margin-bottom: 30px; }
	.flogo img{ max-width: 150px; }
	.flogo2{ margin-right: 0; flex:100%; margin-bottom: 30px; }
	.flogo2 img{ max-width: 250px; }
	.company{ margin-right: 0; flex:100%;  }
	.company h2{ margin-bottom: 10px; }
	.fenlei{ margin-right: 0; flex:100%;  margin-bottom: 30px; }
	.fenlei h2{ margin-bottom: 10px; }
	.share{ flex:100%; }
	.share h2{ margin-bottom: 10px; }
	.share img{ max-width: 150px; }
	.copyright{ line-height: 20px; }
	#map{  background-position: -200px center; height: 180px;  background-size: 200%}
	#sideBtn{ display:none;}

	.sortname{ line-height: 70px;  font-size: 20px;}
	.list-1 li{ flex-wrap: wrap; }
	.list-1 li .img-center{ flex:100%; }
	.list-1 li .text{ flex:100%; padding: 15px; }

	.map{ padding: 0; }

	.list-2{ margin:0 0 0 -15px; padding: 20px 10px 0; }
	.list-2 li a{margin:0 0 15px 15px; }

	.banner{ height: 300px; }

	.section{ padding: 20px 0; }
	.video{ margin-top: 0;}

	.in-about{ flex-wrap: wrap; }
	.in-about .text{ flex: 100%; }
	.in-about .img-center{ flex: 100% }

	.in-pro-menu{ white-space: nowrap; overflow-x: scroll; margin-bottom: 15px;}
	.in-pro-menu li a{ font-size: 14px; padding: 0 15px; margin:0 5px 10px; }
	.in-pro-con li a{ margin-bottom: 15px; }

	.in-jj{ flex-wrap: wrap; }
	.in-jj .text{ flex:100%; }
	.in-jj .img-center{ flex: 100%; order: 100; }

	.in-service-con{ flex-wrap: wrap;  }
	.in-service-con .text{flex:100%; padding: 10px 0; }
	.in-service-con .img-center{ flex:100% }

    .in-news-tits{  line-height: 100px; font-size: 24px; }
    .in-news ul{ margin:0 0 0 -15px; }
	.in-news li a{ margin:0 0 15px 15px;  }

	.show-pro{ flex-wrap: wrap;  }
	.show-pro-pic{ flex:100%; }
	.show-pro-desc{ flex:100%; }

	.pro2{ flex-wrap: wrap;}
	.pro2 h2{ flex:100%;padding: 25px; text-align: center; height: auto;}
	.pro2 form{ flex:100%; margin: 20px 0 0; }

	.section-title3 strong{ font-size: 24px; }
	.section-title3 p{  font-size: 14px; }

    .list-3{ padding: 0; }
    .list-3 li a{ padding: 10px; }
    .list-3 li .img-center{ width:100px; position: absolute; right: 15px; top:auto; bottom: 15px; }
    .list-3 li .text h2{ font-size: 18px; }
	.list-3 li .text h3{ font-size: 24px; }
	.list-3 li .text .tags{ display: none; }


}