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

@media screen and (max-width:768px){
	.header .logo img{ max-height: 45px; }
	.header .nav{display: none; }
	.header-con{ margin-top: 0; height: 60px; }
	.header-con .header-left{ display: none; }
	.header-con .header-right{ display: none; }

	.menu-btn{ display: block; }

	.section{ padding: 30px 0; }
	.section-title strong{ font-size: 32px;}

	.in-news li a{ flex-wrap: wrap;}
	.in-news li .date{ flex:100%; }

	.btns a{ padding: 0 10px; }

	.in-ys li{ flex-wrap: wrap; margin:20px 0; }
	.in-ys li .pic{ flex:100%; order: -100 }
	.in-ys li .text{ padding: 15px; }
	.in-ys li:nth-child(2) .text{ padding: 15px; }

	.in-about-con{ padding: 25px; }

	.in-pro .swiper-button-prev{ background-size: 50%; }
	.in-pro .swiper-button-next{ background-size: 50%; }

	.in-faq {flex-wrap: wrap;}
	.in-faq li{ flex:100%; }
	.in-faq li .img-cover{ padding-top: 75%; }
	.in-faq li .text{ padding: 40px 25px; }

	.in-ab-con p{ flex-wrap: wrap; }
	.in-ab-con p span{ flex:100%; margin-bottom: 5px; }

    .f-contact-con .tel{ font-size: 18px; }
	.f-contact-con .tel i{ font-size: 18px; }
    .f-contact-con .tel em{ display: none;}
    .f-contact-con .text .mess-btns{ padding: 0 10px; margin:0 0 0 10px;}
	.f-contact-con .text .top{ display: none; }

	.flogo{ flex-wrap: wrap; margin-top: 30px; }
	.flogo .pic{ flex:100%; margin-right: 0;  }
	.flogo .pic img{ max-height: 50px; }
	.flogo .fnav a{ margin-left: -1px; margin-top: -1px; margin-right: 0; display: inline-block; width: 50%; text-align: center; border: 1px solid #d8d8d8; line-height: 35px; font-size: 14px;}
    .copyright{ font-size: 14px; }

    .crumbs{ display: none; }

    .ab2 li{ flex-wrap: wrap; margin-bottom: 30px; }
	.ab2 li .img-center{ width: 100%; margin:0 0 15px; }
	.ab2 li .text h2{ font-size: 20px; }
	.ab2 li .text p{ font-size: 16px; }
	.ab2 li:nth-child(odd) .img-center{ order: -100 }

	.ny-contact h2{ font-size: 16px; }
	.ny-contact .con h3{  font-size: 16px; }
	.ny-contact .con p{ font-size: 14px; }

	.prevnext a{ line-height: 35px; padding: 0 10px;  border-radius:17px;  font-size: 14px; }
	.back a{ line-height: 35px; padding: 0 10px;  border-radius:17px;  font-size: 14px; }

	.recruit2 li{  flex-wrap: wrap;}
	.recruit2 li:before{ display: none;}
	.recruit2 li p{  flex:100%; min-height: 47px; position: relative;}
	.recruit2 li p:first-child{ flex:100%; padding-top: 10px;  }
	.recruit2 li p:first-child::before{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #e4e4e4; content:''; z-index: -1;}

	.message .label{ flex-wrap: wrap; padding: 10px 0; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; margin-top: -1px;  }
	.message .label label{ flex:100%; }

	.list-2 dl dt .more{ display: block; }
	.list-2 dl dt .more:before{ content: "+"; }
	.list-2 dl dd{ display: none; }
	.list-2 dl.open dt .more:before{ content: "-"; }
	.list-2 dl.open dd{ display: block; }

	.ct{ flex-wrap: wrap; margin-bottom: 40px; }
	.ct-mn{ flex:100%; }
	.ct-sd{ flex:100%; margin-left: 0; border: 2px solid #d8d8d8; padding: 15px; margin-top: 20px;  }

	.list-3 li a{  padding:20px 0; }
	.list-3 li .img-cover{ width: 100px; height: 90px; margin-right: 10px; }
	.list-3 li .text{ flex:1; }
	.list-3 li .text h2{ font-size: 16px; }
	.list-3 li .text .date{ margin:10px 0; }
	.list-3 li .text p{ display: none; }



	


}