@import url(animate.min.css);
@import url(ui.css);
@import url(iconfont.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width: 768px) {
    body {min-width: 320px;padding-top: 60px;}
    .container {width: auto;}
    .header {display: none;}
    .m-header{ display: flex; }
    .banner{ margin-top: 0;}

    .in-about-con{ flex-wrap: wrap;}
	.in-about-con .text{ flex:100%; margin-right: 0; margin-bottom: 30px; }
	.in-about-con .text h2{ font-size: 24px; margin-bottom: 10px; }
	.in-about-con .text .btns{ margin-top: 15px; }
	.in-about-con .pic{ flex:100%;}
	.in-about-con .pic:before{ position: absolute; left: 0; top:0; width: 100%; height: 100%; content:''; background: url(../images/bg-ab.jpg) no-repeat center / cover; }
	.in-about-con .pic ul{ margin:0 0 0 -15px; padding: 10px 10px 0; }
	.in-about-con .pic li a{ display: block; text-align: center; padding: 10px; font-size: 16px; color: #333; background: #FFF; margin:0 0 15px 15px; }

    .in-ys{ padding: 30px 0; background: none; }
    .in-ys .tits{ margin-bottom:20px; }
	.in-ys .tits strong{ font-size: 28px; }
	.in-ys .tits p{ font-size: 18px;  }
	.in-ys-left{ float: none; width: 100%; }
	.in-ys-left li{ margin-bottom: 20px; }
	.in-ys-left li:nth-child(2){ left: 0; }
	.in-ys-left li:nth-child(3){ left: 0; }
	.in-ys-left li .text h2{ font-size: 20px; }
	.in-ys-left li .text p{ font-size: 16px; margin-top: 0; line-height: 1.5; }
	.in-ys-right{ float: none; width: 100%; }
	.in-ys-right li{margin-bottom: 20px; }
	.in-ys-right li:nth-child(2){ right: auto; left: 0;}
	.in-ys-right li:nth-child(3){ right: auto; left: 0;}
    .in-ys-right li .icon{ margin-right: 30px; margin-left: 0;}
	.in-ys-right li .text{ text-align: left; order: 100 }
	.in-ys-right li .text h2{ font-size: 20px;  }
	.in-ys-right li .text p{ font-size: 16px; margin-top: 0px; line-height: 1.5; }
	.in-ys-pic{ display: block; }

	.in-pro{ padding: 30px 0; background: rgb(242,242,242); }
	.in-pro .tits{ margin-bottom: 25px; padding-bottom: 15px; font-size: 24px; }
	.in-pro-menu{ margin-bottom: 20px; }
	.in-pro-menu li a{ font-size: 16px; padding: 0 40px;  }
	.in-pro-con ul{ margin:0 0 0 -10px; }
	.in-pro-con li a{ margin:0 0 10px 10px; padding: 10px; text-align: left; font-size: 14px;}
	.in-pro-con li .text{ padding-top: 8px; }

	.footer{ padding-bottom: 60px; }
	.footer-con{ display: none; }
	.copyright{ background: #1e3a7f; color: rgba(255,255,255,0.6);  }
	.copyright a{ color: rgba(255,255,255,0.6);}
	.footer-fix{ display: block; }

	.backtop{ display: none; }

	.banner-sub { margin-top: 0; height: 130px; }
	.crumbs-bg .crumbs{ display: none; } 
	.crumbs-bg form{  width: 100%;  }

	.section-sub{ padding: 30px 0; }

	.lanmu{ display: none;}

	.sortname{ font-size: 24px; margin-bottom: 15px; border-bottom: 1px solid #ced2d7; padding-bottom: 15px; }

	.list-1{ margin:0 0 0 -10px; }
	.list-1 li a{ margin:0 0 10px 10px; padding: 10px; background: #FFF; text-align: left;  }
	.list-1 li .text{ padding-top: 8px; }

	.pc-slide {float: none;width: auto;}
	.view{ border: 1px solid #eee;  }
    .view .swiper-slide .img-center {height: 300px;line-height: 300px;}

    .show-pic-text{ margin-left: 0; margin-top: 30px;}
    .show-pic-text h1{margin-bottom: 20px;font-size: 18px;}
    .show-pic-text .desc{margin-top: 10px;min-height: auto;}

    .tits-partner{  font-size: 24px; padding: 0 0 20px; }

    .honor{ padding: 0; margin-bottom: 30px; }
    .honor .swiper-button-prev{ display: none; }
    .honor .swiper-button-next{ display: none; }

    .list-2 li a{ border: 5px solid #f2f2f2; }
    
    .list-3 li a{ flex-wrap:wrap; }
    .list-3 li .img-center{ flex:0 0 40%; margin-right: 10px; overflow: hidden; }
    .list-3 li .text{ flex:1; }
    .list-3 li .text h2{ font-size: 20px;  line-height: 25px; flex-wrap:wrap; }
    .list-3 li .text h2 span{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .list-3 li .text h2 .date{ flex:100%; margin-left: 0;  }

    .info-content{ padding: 0; }

    .videos{ display:none; left: 0; transform: translateY(-50%); z-index:10000; width:100%; height:auto; }
	.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
	.videos video{ width: 100%; }

	.lanmu2{ margin-bottom: 35px; }
	.lanmu2 li a{ font-size: 18px; color: #666; margin-bottom: 8px; }

    .list-5{ margin:0 0 0 -10px; }
	.list-5 li a{ margin:0 0 10px 10px; padding: 10px; }
	.list-5 li .more{ display: none; }

	.contact1{ background: none; box-shadow: none; padding: 0;}
	.contact1 li .items{ border-right: 0; margin-top: 20px; }
	.contact1 li .icon{ margin-bottom: 10px; height: 40px; }
	.contact1 li h2{ font-size:14px; }
	.contact1 li p{ font-size: 14px; }
	.contact1 li:last-child p{ padding: 0 15px;}

	.contact2 .formgroup{ flex-wrap: wrap; margin-bottom: 0; }
	.contact2 .formgroup label{ flex:100%; margin-right: 0; margin-bottom: 11px; }
	.contact2 .formgroup:nth-child(4) label{ flex:1; margin-right: 0; margin-bottom: 11px; }
	.contact2  button{ width: 100%; }

	.sortname2{ font-size: 32px; margin-bottom: 25px; padding-bottom: 20px; }

	.about1{ flex-wrap: wrap; }
	.about1 .img-cover{ flex:100%; margin-right: 0; height: 250px; order: 100 }
	.about1 .text{ flex:100%; }
	.about1 .text h2{ font-size: 24px;  }

	.about2{ padding: 40px 0; }
	.about2 h3{ font-size: 24px; }
	.about2 h4{ font-size: 18px; }
	.about2 p{ font-size: 16px; }

	.about3 li:nth-child(1) .items{ margin-top: 0; height: auto; }
	.about3 li:nth-child(2) .items{ margin-top: 0; height: auto; }
	.about3 li:nth-child(3) .items{ margin-top: 0; height: auto; }
	.about3 li:nth-child(4) .items{ margin-top: 0; height: auto; }
	.about3 li:nth-child(5) .items{ margin-top: 0; height: auto; }
	.about3 li:nth-child(6) .items{ margin-top: 0; height: auto;}



}