/* S 头部 */
.home-header-box{
	height: 162px;
}

.home-header-box.head-bg .header-box-top{
	background-color: #45b2ff;
}
.home-header-box.head-bg .header-box-nav{
	background-color: #fff;
}
.home-header-box .home-header-main{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}
.header-box-top{
	padding: 15px 0;
}
.header-top{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.logo-box .logo-img{
	height: 69px;
	display: block;
}
.search-main{
	width: 430px;
	height: 35px;
	position: relative;
	box-sizing: border-box;
	padding-right: 56px;
}
.search-main .search-input{
	border: 0 none;
	font-family: "微软雅黑";
	width: 100%;
	height: 100%;
	line-height: 1.5em;
	display: block;
	background-color: #EBEBEB;
	border-radius: 50px;
	padding: 0 20px;
}
.search-main .search-btn{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 56px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s;
	background-color: #8dc4f2;
}
.search-main .search-btn:hover{
	background-color: #13356c;
}
.search-btn .search-icon{
	width: 20px;
}

.head-right{
	display: flex;
	align-items: center;
	justify-content: center;
}
.head-right-item-box{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.head-right-item-box .head-right-item{
	margin: 0 7px;
	position: relative;
}
.head-right-item-box .head-right-item:hover .head-right-item-content{
	display: block;
}
.head-right-item .head-right-item-content{
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	
	transform: translateX(-50%);
	padding-top: 8px;
}

.head-right-item-content-main{
	width: 120px;
	border-radius: 10px;
	background-color: #fff;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}
.head-right-item-content-main img{
	max-width: 100%;
}

.head-right-item .head-right-item-content::after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -8px;
	border-top: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.head-right-item .head-right-icon{
	display: block;
	cursor: pointer;
	width: 26px;
	height: 26px;
	object-fit: contain;
}
.head-right .phone-box{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 8px;
}
.phone-box .phone-icon{
	width: 17px;
	margin-right: 5px;
}
.phone-box .phone-text{
	color: #fff;
}
.career-box{
	margin-left: 10px;
}
.career-box .career-icon{
	height: 60px;
}

.header-nav{
	padding-top: 20px;
	position: relative;
	padding-bottom: 10px;
}
.header-nav .header-nav-main{
	box-sizing: border-box;
	border-radius: 100px;
	display: flex;
	/* align-items: center; */
	justify-content: space-around;
}
.header-nav .header-nav-main::after{
	/* content: "";
	display: block;
	clear: both; */
}
.header-nav-main .header-nav-item{
	position: relative;
}
.header-nav-main .header-nav-item .nav-item-title{
	font-size: 18px;
	box-sizing: border-box;
	position: relative;
}
.header-nav-item .nav-item-title a{
	display: block;
	/* padding: 0 15px; */
	color: #000;
	font-size: 18px;
	text-align: center;
	/* line-height: 50px; */
	/* font-family: 'aljkt'; */
	font-weight: bold;
	position: relative;
	transition: all 0.3s;
	padding-bottom: 12px;
}
.header-nav-item .nav-item-title a::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	border-radius: 4px;
	background-color: #fff;
	transition: all 0.3s;
}
.nav-active-icon{
	position: absolute;
	bottom: 66px;
	transition: all 0.3s;
	width: 78px;
}
.header-nav-item:hover .nav-item-title a,.header-nav-item.active .nav-item-title a{
	color: #fff;
}

.home-header-box.head-bg .header-nav-item:hover .nav-item-title a,.home-header-box.head-bg .header-nav-item.active .nav-item-title a{
	color: #45b2ff;
}

.home-header-box.head-bg .header-nav-item:hover .nav-item-title a::after,.home-header-box.head-bg .header-nav-item.active .nav-item-title a::after{
	background-color: #45b2ff;
}

/* .header-nav-item:hover .nav-item-title a::after, */
.header-nav-item.active .nav-item-title a::after{
	height: 4px;
}
.header-nav-item:hover .sub-nav{
	display: block;
}
.header-nav-item .sub-nav{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	background-color: #fff;
	border-radius: 8px;
	text-align: center;
	transition: all 0.3s;
	display: none;
	box-shadow: 0 0 10px #ccc;
}
.header-nav-item .sub-nav::after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: -6px;
	transform: translateX(-50%);
	background-color: #fff;
	width: 12px;
	height: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.sub-nav .sub-nav-item a{
	display: block;
	cursor: pointer;
	padding: 10px 15px;
	white-space: nowrap;
	font-size: 16px;
}
.sub-nav .sub-nav-item:first-child a{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.sub-nav .sub-nav-item:last-child a{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.sub-nav .sub-nav-item a:hover, .sub-nav .sub-nav-item a.active{
	background-color: #0097FF;
	color: #fff;
	font-weight: bold;
}
/* E 头部 */


/* S footer */
.footer-out{
	padding: 100px 0;
	background-color: #8BA5E6;
	box-sizing: border-box;
	margin-top: 80px;
}
.footer-main{
	position: relative;
	padding-left: 190px;
}
.footer-main-label{
	/* margin-right: 120px;
	position: relative; */
	position: absolute;
	left: 0;
	top: 0;
}
.footer-main-label-text{
	width: 1.2em;
	font-size: 30px;
	color: #fff;
}
.footer-main-label-en{
	position: absolute;
	left: 105%;
	top: 30%;
}
.footer-link-box{
	flex: 1;
}
.footer-link-main{
	overflow: hidden;
}
.footer-link-item{
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	float: left;
	margin-bottom: 30px;
	margin-right: 60px;
	background: no-repeat right center;
	background-size: 30px auto;
	transition: all 0.3s;
	position: relative;
}
.footer-link-item.active{
	padding-right: 100px;
	color: #FFF1A2;
	background-image: url('../images/footer/contact-icon.png');
}
.footer-link-item:hover{
	color: #FFF1A2;
}
.footer-link-item.active::after{
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	border-top: 1px dashed #FFF1A2;
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
}
.footer-contact-box{
	display: flex;
	overflow: hidden;
	margin-top: 80px;
	align-items: center;
	justify-content: space-between;
}
.footer-contact-box.active{
	display: flex;
}
.footer-contact-item{
	float: left;
	font-size: 24px;
	color: #fff;
}

.friendship-link-box{
	margin-top: 60px;
	overflow: hidden;
}
.friendship-link-box .friendship-link-item{
	display: inline-block;
	margin-top: 20px;
	font-size: 14px;
	color: #fff;
	font-size: 18px;
	padding: 0 20px;
	line-height: 1.1em;
	border-right: 2px solid #fff;
}
.friendship-link-box .friendship-link-item > a:hover{
	color: #FFF1A2;
	font-weight: bold;
}
.friendship-link-box .friendship-link-item:first-child{
	padding-left: 0;
}
.friendship-link-box .friendship-link-item:last-child{
	border-right: 0;
}
/* E footer */

/* S 新版footer */
.new-footer-box{
	overflow: hidden;
	height: 490px;
}
.new-footer-box .new-footer-map{
	float: left;
	width: 50%;
	height: 100%;
}
.new-footer-box .new-footer-right{
	float: left;
	width: 50%;
	height: 100%;
	background-color: #8ba5e6;
	padding: 24px;
	box-sizing: border-box;
	overflow: auto;
}
.new-footer-right-title-box{
	padding: 12px 24px;
	padding-top: 0;
}
.new-footer-right .new-footer-right-title{
	color: #fff;
	font-size: 30px;
}
.new-footer-right-title .new-footer-right-title-en{
	font-size: 18px;
	opacity: 0.4;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
.new-footer-phone-box{
	display: flex;
	align-items: center;
	color: #fff;
	margin-top: 8px;
}
.new-footer-phone-box .new-footer-phone-icon{
	width: 16px;
	margin-right: 8px;
}
.new-footer-phone-box .new-footer-phone-text{
	font-size: 18px;
}
.new-footer-yiyuan-box .new-footer-yiyuan-item{
	padding: 12px 24px;
	border-radius: 16px;
	color: #fff;
	margin-top: 6px;
	cursor: pointer;
}
.new-footer-yiyuan-box .new-footer-yiyuan-item.active,.new-footer-yiyuan-box .new-footer-yiyuan-item:hover{
	background-color: #6888d7;
}
.new-footer-yiyuan-item .footer-yiyuan-item-title{
	font-size: 18px;
	font-weight: bold;
}
.new-footer-yiyuan-item .footer-yiyuan-item-address{
	position: relative;
	padding-left: 30px;
	margin-top: 12px;
}
.footer-yiyuan-item-address .footer-yiyuan-item-address-icon{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
}
.footer-yiyuan-item-address .footer-yiyuan-item-address-text{
	font-size: 16px;
}
.new-footer-copyright{
	padding: 24px;
	background-color: #404040;
}
.new-footer-copyright-main{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.new-friendship-link-box{
	overflow: hidden;
}
.new-friendship-link-box .new-friendship-link-item{
	display: inline-block;
	margin-top: 20px;
	font-size: 14px;
	color: #ccc;
	font-size: 18px;
	padding: 0 20px;
	line-height: 1.1em;
	border-right: 2px solid #ccc;
}
.new-friendship-link-box .new-friendship-link-item > a:hover{
	color: #45b2ff;
	font-weight: bold;
}
.new-friendship-link-box .new-friendship-link-item:first-child{
	padding-left: 0;
}
.new-friendship-link-box .new-friendship-link-item:last-child{
	border-right: 0;
}
.new-footer-copyright-main-text{
	margin-top: 20px;
	font-size: 18px;
	color: #ccc;
}
.BMap_cpyCtrl{
	display: none !important; 
}
.amap-logo, .amap-copyright{
	display: none !important; 
}
.footer-map-btn{
	display: inline-block;
	padding: 4px 8px;
	border-radius: 20px;
	margin-bottom: -4px;
}
/* E 新版footer */

/* S 通用标题和更多按钮 */
.common-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* font-family: 'aljkt'; */
}
.common-title .common-more a{
	font-family: '微软雅黑';
	padding-right: 20px;
	background: url(../images/header/nav-icon.png) no-repeat right center;
	background-size: 20px;
}
.common-more a:hover{
	color: #0097FF;
	text-decoration: underline;
}
/* E 更多按钮 */

/* S 当前位置 */
.breadcrumb-box{
	margin-top: 30px;
}
.breadcrumb-box ul{
	overflow: hidden;
}
.breadcrumb-box ul li{
	float: left;
	color: #999;
}
.breadcrumb-box ul li a:hover{
	color: #0097FF;
}
.breadcrumb-arrow{
	margin: 0 5px;
}
/* E 当前位置 */

/* S 分页 */
.pagination-box{
	text-align: center;
	margin-top: 40px;
}
.pagination-main{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination-main li{
	width: 36px;
	height: 36px;
	border: 1px solid #ddd;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	margin: 0 5px;
	color: #333;
	cursor: pointer;
}
.pagination-main li.active,.pagination-main li:hover{
	background-color: #0097FF;
	color: #fff;
	border-color: #0097FF;
}
.pagination-main li.disable{
	opacity: 0.6;
	cursor: not-allowed;
}
.pagination-main li.disable:hover{
	cursor: not-allowed;
	background-color: transparent;
	color: #333;
	border-color: #ddd;
}
.pagination-main li a{
	display: block;
	width: 100%;
	height: 100%;
}
.pagination-main li.pagination-jump{
	width: 80px;
	border-radius: 40px;
	background-color: #0097FF;
	position: relative;
	padding-left: 10px;
	padding-right: 36px;
	box-sizing: border-box;
}
.pagination-jump-btn{
	color: #fff;
	width: 36px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
}
.num-input{
	width: 100%;
	border: 0 none;
	text-align: center;
	background-color: transparent;
	color: #fff;
	appearance: textfield !important;
	-webkit-appearance: none !important;
}
.num-input[type="number"]::-webkit-inner-spin-button,
.num-input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
 
.num-input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}
/* E 分页 */


/* S 栏目banner */
.channel-banner-box{
	position: relative;
}
.channel-banner-main{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
}
.channel-breadcrumb{
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
}
/* E 栏目banner */

/* S 栏目导航 */
.channel-nav-box{
	background: no-repeat center center;
	background-size: cover;
	position: relative;
}
.channel-nav-bg{
	width: 100%;
	display: block;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	height: 180px;
	object-fit: cover;
	pointer-events: none;
}
/* .dqjs-channel-nav-box{
	background-image: url('../images/channel/dqjs-nav-bg.jpg');
}
.hlzc-channel-nav-box{
	background-image: url('../images/channel/hlzc-nav-bg.jpg');
}
.ywgk-channel-nav-box{
	background-image: url('../images/channel/ywgk-nav-bg.jpg');
}
.yydt-channel-nav-box{
	background-image: url('../images/channel/yydt-nav-bg.jpg');
}
.yyjj-channel-nav-box{
	background-image: url('../images/channel/yyjj-nav-bg.jpg');
} */
.channel-nav-main{
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: relative;
	z-index: 1;
}
.channel-nav-main .channel-nav-item{
	line-height: 44px;
	padding: 0 20px;
	box-sizing: border-box;
	min-width: 200px;
	text-align: center;
	background-color: #45b2ff;
	color: #fff;
	font-size: 20px;
	border-radius: 80px;
	cursor: pointer;
	position: relative;
}
.channel-nav-main .channel-nav-item a{
	display: block;
}
.channel-nav-main .channel-nav-item::after{
	content: ""; 
	display: none;
	position: absolute;
	top: 100%; 
	left: 50%; 
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent; 
	border-top: 10px solid #fff; 
}
.channel-nav-main .channel-nav-item:hover,.channel-nav-main .channel-nav-item.active{
	background-color: #fff;
	color: #333;
}
.channel-nav-main .channel-nav-item:hover::after,.channel-nav-main .channel-nav-item.active::after{
	display: block;
}
.dqjs-channel-nav-main .channel-nav-item{
	background-color: #e3782d;
}
.hlzc-channel-nav-main .channel-nav-item{
	background-color: #feabbc;
}
.ywgk-channel-nav-main .channel-nav-item{
	background-color: #708dd5;
}
.yydt-channel-nav-main .channel-nav-item{
	background-color: #708dd5;
}
.yyjj-channel-nav-main .channel-nav-item{
	background-color: #78d0fe;
}
/* E 栏目导航 */



/* S 栏目页页脚 */
.channel-footer{
	/* margin-top: 60px; */
	border-top: 6px solid #45b2ff;
}
.channel-footer-main{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 40px 0;
	padding-top: 20px;
}

.channel-footer-nav ul{
	overflow: hidden;
	width: 500px;
}
.channel-footer-nav ul li{
	float: left;
	width: 33.3%;
	margin-top: 20px;
	cursor: pointer;
	font-size: 18px;
}
.channel-footer-nav ul li:hover{
	color: #45b2ff;
}

.channel-footer-code{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.channel-footer-code-item{
	text-align: center;
	margin-left: 40px;
}
.channel-footer-code-item .channel-footer-code-img{
	width: 130px;
}
.channel-footer-copyright{
	padding: 15px 0;
	border-top: 1px solid #ddd;
	text-align: center;
	font-size: 14px;
}
/* E 栏目页页脚 */