﻿/* 平板 pad start*/
@media screen and (min-width: 768px) and (max-width: 992px) {
body{
	font-size:14px;	
	background-size:100% auto;
}

.visible-sm{display: block !important;}
.visible-sm-block {display: block !important;}
.visible-sm-inline {display: inline !important;}
.visible-sm-inline-block {display: inline-block !important;}
.hidden-sm{display:none !important;}

.wrapin{
	width:750px;	
}


.hm_title{
	height: 150px;
	line-height: 150px;
	text-align: center;
	position: relative;
}
.hm_title span{
	font-size:30px;
}
.hm_title em{
	font-size:18px;
	opacity: 0.3;	
}
.hm_title i{
	display: block;
	width: 120px;
	height: 4px;
	background:#ec1b24;
	position: absolute;
	left: 50%;
	margin-left:-60px;
	bottom: 40px;
}

.hm_pro .hm_prolist{ width:100%; margin:-1% auto;}
.hm_pro .hm_prolist ul li{ width:31.333%; float:left; margin:15px 1%; text-align:center; line-height:40px; font-size:16px;}
.hm_pro .hm_prolist ul li img{ border-radius:10px;width:100%; height:auto}


.hp_handle{
	width: 750px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background:#31479c;
	margin:0 auto;
}
.hp_handle .btn{
	float: left;
	display: block;
	width: 20%;
	height: 44px;
	border-left:1px solid #fff;
	margin-left:-1px;
	font-size:16px;
	color:#fff;
}
.hp_handle .hover{
	background:#ec1b24;
}

.hp_con{
	display: none;
	margin-top:32px;
	position: relative;
}
.show{
	display: block;
}
.hp_con .cbtn{
	position: absolute;
	width: 30px;
	height: 60px;
	top: 72px;
	z-index: 20;
	cursor: pointer;
	outline:none;
}
.hp_con .my-prev{
	left: 50%;
	margin-left:-370px;
	background:url("../images/hp_pre.png") no-repeat center center;
	background-size:100% 100%;
}
.hp_con .my-next{
	right: 50%;
	margin-right:-370px;
	background:url("../images/hp_next.png") no-repeat center center;
	background-size:100% 100%;
}
.hp_slider{
	width: 750px;
	margin:0 auto;
	text-align: center;
}
.hp_item{
	display: block;
	width: 240px;
	margin:0 auto;
}
.hp_item .photo{
	display: block;
	width: 240px;
	height: 185px;
	border-radius:10px;
	position: relative;
	overflow: hidden;
}
.hp_item .photo img{
	display: block;
	width: 240px;
	height: 185px;
}
.hp_item .name{
	display: inline-block;
	height: 56px;
	line-height: 56px;
	font-size:16px;
}

.hm_about{
	padding-bottom:30px;
}
.hm_about .cleft{
	width: 375px;
	float: left;
	font-size:14px;
	line-height: 24px;
}
.hm_about .tip{
	text-indent:2em;
}
.hm_about .more{
	display: block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	margin:20px auto 0 auto;
	background:#ededed;
	color:#999;
}
.hm_about video{
	float: right;
	width: 350px;
	height: 320px;
}

.hm_ys{
	height: 403px;
	background:url("../images/ysbg.jpg") no-repeat top center;
}
.hm_ys .hm_title{
	color:#fff;
}
.hm_ys .hm_title i{
	background:#fff;
}
.hm_ys .item1{
	float: left;
	display: block;
	width: 373px;
	background:#31479c;
	position: relative;
	color:#fff;
}
.hm_ys .item1 img{
	display: block;
	width: 100%;
	height:auto;
	opacity: 0.8;
}
.hm_ys .item1 dl{
	font-size:14px;
	position: absolute;
	left: 20px;
	bottom: 12px;
	z-index: 10;
}
.hm_ys .crt{
	width: 373px;
	float: right;
}
.hm_ys .item2{
	display: block;
	position: relative;
	background:#31479c;
	position: relative;
	color:#fff;
	margin-bottom:4px;
}
.hm_ys .item2 img{
	display: block;
	width: 100%;
}
.hm_ys .item2 dl{
	font-size:14px;
	position: absolute;
	right: 10px;
	bottom: 12px;
	z-index: 10;
	text-align:right;
}
.hm_news .more{
	display: block;
	width: 150px;
	height: 35px;
	line-height: 35px;
	background:#ededed;
	text-align: center;
	margin:26px auto;
}

.hn_item{
	width: 240px;
	height: 280px;
	border-radius:10px;
	display: block;
	margin:0 auto;
	background:#f4f4f3;
	overflow: hidden;
}
.hn_item dl{
	padding:0 15px;
}
.hn_item dt{
	height: 36px;
	line-height: 36px;
	color:#888;
}
.hn_item dd{
	line-height: 1.6;
	font-size:16px;
	color:#555;
}

.hm_fri{
	padding-bottom:10px;
}
.hm_fri .wps{
	width: 750px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.hm_fri a{
	float: left;
	display: block;
	width: 23%;
	border-radius:10px;
	overflow: hidden;
	margin-bottom:25px;
	border:1px solid #e5e5e5;
}
.hm_fri a img{
	display: block;
	width: 100%;
	height:auto;
}



.caidan{ margin-bottom:1px;margin-top:0px;}
.caidan ul
{
    display:table;
    margin:0px auto 10px;
	width:100%;
}
.caidan ul li{float:left;width:31.3%; margin:5px 1%;}
.caidan ul li a{display:block; width:100%; height:40px; background-color:#fff; line-height:40px; text-align:center; color:#666; border:#B9B8B8 1px solid; margin:0 0px;}
.caidan ul li a:hover,.caidan ul li a.hover{display:block; width:100%; height:40px; background-color:#E60012; border:#E60012 1px solid;ine-height:40px; text-align:center; color:#fff}

.joblist{
	width:100%;
	margin:0 auto 40px;
	line-height:30px;
}
.joblist ul{margin:0 -2%;}
.joblist ul li{
	width:42%;
	float:left;
	line-height:30px;
	-webkit-box-shadow:1px 0px 10px 5px rgba(0, 0, 0, .1);  
    -moz-box-shadow:1px 0px 10px 5px rgba(0, 0, 0, .1);  
    box-shadow:1px 0px 10px 5px rgba(0, 0, 0, .1);  
	border-bottom:#fff 1px solid;
	padding:2%;
	margin:2%;
	height:410px;
}
.jobinfo{ width:100%; text-align:right; font-size:18px; line-height:45px;}
.leftimg{ width:100%; float:left; margin-right:5%;
    -webkit-box-shadow: 0px 7px 17px 3px #ccc;
    -moz-box-shadow: 0px 7px 17px 3px #ccc;
    box-shadow: 0px 7px 17px 3px #ccc;
}
.leftimg img{ width:100%; height:auto;}
.kong{ height:50px;}
.leftinfo{ width:100%; float:left; line-height:30px; font-size:14px; padding-top:20px; text-align:left;}

.hp_handle2{
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background:#1A2D5E;
	margin:0 auto;
}
.hp_handle2 .btn{
	float: left;
	display: block;
	width: 120px;
	height: 44px;
	line-height:44px;
	border-left:1px solid #fff;
	margin-left:-1px;
	font-size:16px;
	color:#fff;
}
.hp_handle2 .hover,.hp_handle2 a:hover{
	background:#9C332F;
}
.pagepage{margin:20px auto 20px auto; width:100%; text-align:center;}


.joblist{
	width:100%;
	margin:0 auto 40px;
	line-height:30px;
}
.joblist ul{margin:0 auto;}
.joblist ul li{
	width:88%;
	float:left;
	line-height:30px;
	-webkit-box-shadow:1px 0px 10px 5px rgba(0, 0, 0, .1);  
    -moz-box-shadow:1px 0px 10px 5px rgba(0, 0, 0, .1);  
    box-shadow:1px 0px 10px 5px rgba(0, 0, 0, .1);  
	border-bottom:#fff 1px solid;
	padding:4%;
	margin:2%;
	min-height:400px;
	height:auto;
}
.jobinfo{ width:100%; text-align:right; font-size:14px; line-height:35px;}

/* 平板 pad end*/
}
