@import url(ui.css);
@import url(iconfont.css);
@import url(jquery.fancybox.min.css);
@import url(swiper.min.css);
@import url(pc.css);
@media screen and (max-width:1200px){
	.in-up{ margin-bottom: 15px; }
	.in-adv .img-center{ margin-bottom: 15px; }
    .in-news-top .text{  padding: 70px; }
	.in-news-top .text .date{ font-size: 14px; margin-top: 100px; }
}
@media screen and (max-width:1100px){
	.header .nav-box-con .nav-box-left dt a{ padding: 35px 0 0; height: 180px; line-height: 180px;  margin-right: 10px;  font-size: 18px; }
}
@media screen and (max-width:768px){
	body{ padding-top: 60px; }
	.m-header{ display: block; }
	.header{ display: none; }

	.top{ display: none; }
	.banner{ border-top-width: 1px; }

	.in-up{ display: none; }

	.in-adv { padding-top: 15px; }
	.in-adv .img-center img{ border-radius: 15px;  }

	.in-news .tits{ font-size: 24px; margin-bottom: 20px; }
	.in-news-top{ display: none; }
	.in-news-top a{ flex-wrap: wrap; }
	.in-news-top .text{ flex:100%; padding: 30px; order: 100 }
	.in-news-top .text h2{ font-size: 16px;  }
	.in-news-top .text h3{ font-size: 18px;}
	.in-news-top .text .date{ font-size: 14px; margin-top: 50px;  }
	.in-news-top .img-cover{ flex:100%; height: 250px; }

	.in-news li a{ font-size: 14px;  }
	.in-news li .text{ padding: 15px 15px 25px; }
	.in-news li .text h2{ line-height: 28px;  font-size: 16px; }
	.btns a{ height: 40px;  border-radius: 20px; padding: 0 15px; font-size: 18px;  }
	.btns i img{ height: 20px; }

	.footer{ padding-top: 20px; }
	.flogo{ margin-bottom: 20px; }

    .foot{ flex-wrap: wrap; padding-bottom: 0px;}
	.foot .fnav{ flex:100%;flex-wrap: wrap; }
	.foot .fnav dl{ flex:100%; margin-right: 0; margin-bottom: 10px; }
    .foot .fnav dl dt{ font-size: 16px; margin-bottom: 10px; }
    .foot .fnav dl dt i{ display: block; }
	.foot .fnav dl dd{ display: none; padding-bottom: 15px; }
	.foot .fnav dl dd a{ line-height: 25px;  font-size: 14px; }
	.foot .fnav dl dd p{ line-height: 25px; }
	.foot .fnav dl.open dt i{ transform: rotate(-270deg); }
	.foot .fnav dl.open dd{ display: block; }
	.foot .contact{ flex:100%; }

	.backtop{ right: 10px; bottom: 10px; }

	.copyright{ flex-wrap: wrap; height: auto; padding: 10px 0; }
	.copyright p{ flex:100%; }
	.copyright p span{ display: block; }

	.banner-sub{ padding: 10px 0 0; }
	.banner-sub .img-center img{ border-radius: 15px;  }

	.list-1 li .items .img-center{ height: 100px; }
	.list-1 li .items .img-center img{ max-height: 90px; }
	.list-1 li .items .text h2 em{ display: none;}
	.list-1 li .items .text h2 span{ font-size: 18px; }
	.list-1 li .items .text h2 i{ font-size: 12px; }
	.list-1 li .items .text p{ font-size: 14px; margin:10px 0 25px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
	.list-1 li .items .text .more a{ margin:0 16px; }
	.list-1 li .items:hover{ box-shadow: none;  }

	.list-2 li a{ font-size: 14px;  }
	.list-2 li .text{ padding: 15px 15px 25px; }
	.list-2 li .text h2{ line-height: 28px;  font-size: 16px; }

    .section{ padding: 20px 0; }

	.section-title{ margin-bottom: 30px; }
	.section-title h2{ font-size: 20px; }
	.section-title h3{ font-size: 28px; }
	.section-title p{ font-size: 14px; }

	.section-title2{ padding-bottom: 20px; margin-bottom: 20px; }
	.section-title2 h2{ font-size: 28px; margin-bottom: 16px; }
	.lanmu{ border-radius: 17px; width: 224px;}
	.lanmu li a{ line-height: 35px; padding: 0 20px; border-radius: 17px;  font-size: 18px; }

	.online{ margin-left:0; }
	.online .con h2{ font-size: 24px; margin-bottom: 10px;  }
	.online .con .pic{ margin-bottom: 20px; }
	.online .con ul{ margin:0 0 0 -10px; }
	.online .con li a{ margin: 0 0 10px 10px; padding: 20px 0; font-size: 16px;}
	.online .con li .img-center{ display: flex; justify-content: center; height: 50px; align-items: center; }
	.online .con  h3{ font-size: 22px; margin-bottom: 10px; }
	.online .con p{ font-size: 16px;}

	.map-left{ flex:100%; padding: 15px;  }
	.map-right{ flex:100%; margin-left: 0; }

	.search{ max-width: 100%; margin:10px 0;  }

    .single h2{ font-size: 24px; margin-bottom: 10px; }
	.single .con{ font-size: 18px;  padding-bottom: 15px; margin-bottom: 15px; }

	.contacts .tits{ font-size: 24px; margin-bottom:20px; }
	.contacts li{ width:50%; margin-bottom: 20px; }
	.contacts li:nth-child(3n){ width:50%; }
	.contacts li h2{ font-size: 14px; margin-bottom: 10px; }
	.contacts li p{ font-size: 14px; }

    .info-job-title{ margin-bottom: 25px; }
    .info-job-title h1{ font-size: 24px;}
    .info-job-con{ margin-bottom: 25px; }
	.info-job-email h2 p{ font-size: 20px;}

	.banner-sub2{ height: 200px; }
	.banner-sub2 .text{ font-size: 24px; }

	.search-job form{  height: 50px; padding: 0 10px; border-radius: 25px;  }
	.search-job form input{padding-left: 10px;  font-size: 16px; }

	.ct{ flex-wrap: wrap; }
	.ct-sd{ flex:100%; }
	.ct-mn{ flex:100%; margin-left: 0; padding-left: 0; border-left: 0; }

	.ct-mn .tits{ font-size: 24px; margin-bottom: 20px;}

	.list-3 li a{ margin-bottom: 25px; }
	.list-3 li h2 span{ font-size: 18px; margin-right: 10px; }
	.list-3 li h2 i{  font-size: 16px; }

	.banner-sub3 .text h2{ font-size: 20px; }
	.banner-sub3 .text p{ font-size: 16px; margin:5px 0 10px; }

	.search-service form{  height: 50px; padding: 0 10px; border-radius: 25px;  }
	.search-service form input{padding-left: 10px;  font-size: 16px; }

	.ser1{  margin:20px auto 24px; padding-bottom: 30px;  }
	.ser1 .text{ height: auto; padding-top: 20px;  }
	.ser1 .text h2{ font-size: 16px;  margin-bottom:20px; }
	.ser1 .text ul{ margin-bottom:20px;}
	.ser1 .text li{ font-size: 12px; }

	.ser1 .text li .icon{ height: 30px;}
	.ser1 .text li .icon img{ height: 100%; }

	.ser3 h2{ font-size: 24px; margin-bottom: 10px; }
	.ser3 .con{ padding: 15px 0;}
	.ser3 .con li a{ font-size: 16px; padding: 0 15px;}

	.ser4 h2{ font-size: 24px;margin-bottom: 10px;  }
	.ser4 .con{ padding: 20px; }
	.ser4 .con li{ font-size: 16px; }
	.ser4 .con li a{ margin: 0 15px; }
	.ser4 .con li:nth-child(4) a{ margin-left: 45px; }
	.ser4 .con li .icon{ margin-bottom: 0; }
	.ser4 .con li img{ height: 30px; }

	.banner-sub4{ top:0px;  }
	.banner-sub4 .text h2{font-size: 24px; margin-bottom: 10px; }
	.banner-sub4 .text ul{ font-size: 18px; }
	.banner-sub4 .text li a{ line-height: 35px; padding: 0 15px;  border-radius: 17px; margin:0 5px; }
	.banner-sub4 .down{  bottom: 10px;  }

	.section-title3{ margin-bottom: 25px; margin-top: 25PX; }
	.section-title3 h2{ font-size: 20px; }
	.section-title3 h3{ font-size: 24px; margin:5px 0; }
	.section-title3 p{ font-size: 14px; }

	.job{ margin:0 auto 20px; flex-wrap: wrap; }
	.job-menu{ flex:100%; margin-left: -10px; margin-bottom: 15px; }
	.job-menu li a{ margin:0 0 10px 10px; height: 120px; padding: 10px; margin-bottom: 10px; }
	.job-menu li:first-child a,.job-menu li:nth-child(6) a{ height: 250px; }
	.job-menu li h2{ font-size: 16px; }
	.job-con{ flex:100%; margin-left: 0;  }
	.job-con .text{  padding:20px;   }
	.job-con .text h2{ font-size: 24px;  }
	.job-con .text h3{ font-size: 16px;  margin:5px 0 10px; }
	.job-con .text p{ font-size: 14px; line-height: 20px; }
	.job-con .text .more{ margin-top: 10px; }
	.job-con .text .more a{ font-size: 16px; color: #3e90e8; }

	.photo{ margin-bottom: 25px; padding: 0 10px;  }
	.photo h2{ font-size: 24px;  margin-bottom: 10px;}
	.photo .swiper-slide{ width: 100%; }
	.photo .swiper-button-prev{ left: 20px; bottom: auto; top:50%; margin-top: 5px; margin-left: 0; }
	.photo .swiper-button-next{ right: 20px; bottom: auto; top:50%; margin-top: 5px;  margin-right: 0;  }

	.info-content{ padding-bottom: 10px; }
	.info-content-title{ margin-bottom: 20px; }
	.info-content-title h1{ font-size: 22px;  }
	.info-content-title p{ padding: 15px 0; }
	.info-content-body{ padding-bottom: 10px; }
	.info-content-exp{ padding-top: 15px;font-size: 14px; }
	.info-content-exp li{ flex:100%; line-height: 30px;}
	.info-content-exp li:last-child{ text-align: left; }

	.list-4{ padding: 15px 0;}
	.list-4 li a{ font-size: 16px; padding: 0 15px;}

    .max-1250{padding: 15px; border-radius: 12px;  }
	.showcase{ height: auto; }
    .pc-slide { float: none;width: 100%; overflow: hidden; }
    .view .swiper-slide .img-center {height: 260px;line-height: 258px;}
    .showcase-info {margin: 20px 0 0;}
    .showcase-info h1 {margin-bottom: 10px;font-size: 18px;}
    .showcase-info .desc{ min-height:auto;}	

}

@media screen and (max-width:680px){
	.share{margin-left: 30px; }

	.contacts li{ width:100%;}
	.contacts li:nth-child(3n){ width:100%; }
}