/* ~~~~~~~~~~~~~~~~~~~~~~~mobile style~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~mobile style~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~mobile style~~~~~~~~~~~~~~~~~~~~~~~~ */
@media screen and (max-width: 813px) { 
	.hidden-xs { display: none;}
	.pull-left,.pull-right { float: none;}
	.w1200 { width: 100%;}
	.percentMobile { width: 100%; padding: 0 15px; overflow: hidden;} 
	.header { height: auto; margin-bottom: 1px;}
	.logo { width: 150px; height: auto; margin: 0 15px; padding: 10px 0;}
		.logo img{ width: 150px; height: auto;}
	.codeNum { height: auto; font-size: 16px; line-height: 65px;}
	.home { display: block; float: left; width: 12vw; height: 70px; background-color: #5386c8; border-right: 1px solid #5B92D9; text-align: center; clear: both;}
		.home a { display: block; width: 100%; height: 100%; background: url(../images/home.png) no-repeat center; background-size: 35px auto; font-size: 15px; color: #fff; padding-top: 34px;}
	.siteMenu { float: left; height: auto; overflow: hidden; width: 88vw; background-color: #5386c8; height: 70px;}
		.siteMenu ul { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
		.siteMenu li { float: none; flex: 0 0 33.3%; padding: 0; border-right: 1px solid #5B92D9; border-bottom: 1px solid #5B92D9;}
		.siteMenu li a { color: #fff; cursor: pointer; display: block; font-size: 18px; line-height: 35px; font-size: 15px;}
			.siteMenu li a::before,.siteMenu li a::after { display: none;}
		.siteMenu li a:hover, .siteMenu li a:active { letter-spacing: 0; font-weight: normal;}
	.swiper-top { width: 100%; height: 150px; background-color: #fff; margin-bottom: 10px;}
	
	.default-title { height: 50px; line-height: 50px; position: relative; overflow: hidden; padding-left: 35px; font-size: 22px; margin-bottom: 5px;}
		.default-title span { font-size: 12px; color: #999; font-family: Arial, Helvetica, sans-serif; padding-left: 15px;}
		.default-title::before { position: absolute; width: 25px; height: 1px; background-color: #000; left: 0; top: 50%; content: "";}
	
	.w600,.w575 { width: 100%; margin-bottom: 15px;}
	.topNews { height: auto;}

	.swiper-t-left { width: 100%; height: 220px;}
	.tabTitle li { font-size: 14px; }
	.tablist { padding: 15px 15px 5px; height: auto;}
	
	.bg02 { height: auto; padding: 20px 0; margin-bottom: 15px;}
	.bus-item { flex: 0 0 100%; height: auto; margin-bottom: 15px;}
		.bus-thumb { height: auto; overflow: hidden; margin-bottom: 0;}
			
	
	
	.footer { margin-top: 0;} 
	.copyright { text-align: center;}
	
	/* ~~~~~sub pages~~~~~ */
	
	/* 企业文化 */
	.banner.qywh {background-size: auto 100%; height: 150px;}
	
	.banner.qywh img { width: 100%; height: auto}
	.banner.qywh .pos-r { position: relative; height: 150px;}
		.categoryName { width: 150px; height: 85px; border-radius: 20px 0 0 0; left: 10px; background-color: rgba(0,89,172,.7);}
		.categoryName h5 { font-weight: bold; font-size: 20px; line-height:30px;}
		.categoryName span { font-size: 16px; line-height: 25px;}
	.enterpriseLogo { width: 50vw; height: auto; margin-bottom: 10px;}
	.aboutUs-info p { font-size: 14px; line-height: 25px; margin-bottom: 15px;}
	.aboutUs-info p img { width: 100%; height: auto; display: ;display: block;}
	.aboutUs-info h1 { font-size: 18px; line-height: 35px;}
	
	
	
	
	.about-svc { display: flex; justify-content: space-between; margin-bottom: 0; padding-top: 30px; align-items: center; flex-wrap: wrap; flex-direction: column;}
	.about-svc img { display: block; width: 100%; height: auto;}
		.absvc-info { padding-left:0; overflow: hidden;}
		.about-svc:nth-last-child(2) .absvc-info{ padding: 0;}
		.absvc-info h3 { font-size: 26px; margin-bottom: 0; padding: 15px 0; text-align: center;}
		.absvc-info p { font-size: 15px; line-height: 25px; text-align: justify; text-indent: 2em;}
		
	.about-svc.lvzh .absvc-info{ padding: 0;}
	.about-svc.lvzh .absvc-info h3 { color: #0c5097; font-weight: normal;}
	
		
	.picLayout { padding: 15px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
		.picLayout .w382 { flex: 0 0 48%; margin-right: 0; margin-bottom: 15px; float: none;}
		.picLayout .w382:nth-of-type(3n) { margin-right: 0;}
		.picLayout .w382 .small-pic { width: 100%; height: 120px; padding: 5px;}
		.picLayout .w382 p { font-size: 14px; height: 50px; line-height: 18px; padding: 0 5px;}
	
.w382 .small-pic02 { width: 100%; height: 120px; overflow: hidden; position: relative;}
.w382 .small-pic02 + p { height: 30px; line-height: 30px;}
	.w382 .small-pic02 h5 { height: 35px; font-size: 15px;}
	.w382 .small-pic02 + p span { font-size: 12px;}
	.w382 .small-pic02 + p span:last-child { font-size: 16px;}
	
/* 新闻列表 */
.listWrap { padding: 0 0 15px;}
.newsList { padding: 15px 0; min-height: auto;}
.newsThumb { width: 145px; height: 80px; margin-right: 15px; }
	.newsInfo h2 {  font-size: 16px; line-height: 22px; margin-bottom: 0;}
	.newsInfo p { display: none;}
	.newsInfo p a { color: #f00;}
	.newsInfo span { height: 20px; line-height: 20px; background:none; padding-left: 0;}	
	
	/* ~视频中心~ */
	.videoWrap { padding: 15px 0;}
	
		.videoItem { flex: 0 0 48%; height: 180px; overflow: hidden; margin-bottom: 20px;}
			.videoThumb { width: 100%; height: 130px; overflow: hidden;}
			.videoItem p { height: 50px; font-size: 14px; line-height: 25px; padding: 0 10px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
	
/* 员工风采 */
.workerWrap { padding: 15px 0;}
.worker_tab { height: 45px;}
	.worker_tab li { line-height: 45px; font-size: 18px;}
	.worker_tab li.now { background: #1969B4; color: #fff;}
.ListBox,.workers { display: none;}

.ListBox { padding: 15px 0;}
	.year_tab { height: auto; overflow: hidden; background-color: #fff;}
	.year_tab ul { display: flex; flex-wrap: wrap; justify-content: space-around;}
	.year_tab li { flex: 0 0 23%; height: 35px; border-radius: 50px; line-height: 35px; font-size: 13px; padding: 0; cursor: pointer; text-align: center; margin-bottom: 10px; background-color: #eee;}
	.year_tab li.now { background-color: #0070A8; color: #fff;}	

.workerList { display: flex; justify-content: space-between; flex-wrap: wrap;}
.workerItems { float: none; width: 48%; flex: 0 0 48%; height: 260px; margin-right: 0; margin-bottom: 20px;}
	.worker-thumb { width: 100%; height: 220px; border: 2px solid #79dbff;}
	.workerItems p { font-size: 14px; line-height: 20px; }
	
/* 人才招聘 */
.process img { width: 100%; height: auto;}
	.list { overflow: hidden; padding: 15px 0; }
	.list-title { height:50px; line-height: 50px; font-size: 22px;}
		.list-title a { font-size: 15px; color: #999; font-weight: normal; float: right;}
	.list li { font-size: 15px;}
/* ~内容页~ */
.contentWrap { padding-top: 20px;}
.detail { padding-bottom: 10px; }
.detail .headline { font-size: 24px; line-height: 35px;}
	.detail .infos { margin: 15px 0;}
		.contentBox img { max-width: 100%;}
		.contentBox p { font-size: 15px; line-height: 28px;}
/* 时光轴 */
.mobile-time { display: block; padding: 30px 0;}
.time-list { padding-bottom: 20px;}
.time-list h1 { font-size: 18px; color: #fff; background-color: #3e6ffb; display: inline-block; padding: 0 30px; margin-bottom: 15px; border-radius: 20px 0;}
	.time-sj h2 { font-size: 20px; line-height: 35px; }
	.time-sj p { color: #999; font-size: 15px; line-height: 25px;}
	
	}
	.block { display: block;}




