﻿

/*
********************************外层框架 start********************************
*/
/*—————————————————————————————— 头部开始 —————————————————————————————— */
.top {
	background: #ffffff;
}

.topBox {
	width: 1680px;
	margin: 0 auto;
	height: 90px;
	line-height: 90px;
}

.topBox .logo {
	width: 300px;
	height: 90px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.logo a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.top_menu dd {
	float: left;
	display: inline;
	margin-left: 40px;
	position: relative;
	padding: 0 10px;
}

.top_menu dd:first-child {
	margin-left: 0px;
}

.top_menu dd .active {
	width: 100%;
	height: 2px;
	background: #0a4b96;
	position: absolute;
	bottom: 0;
	left: 0;
}

.top_menu dd .yj a {
	display: block;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.top_menu dd:hover a,
.top_menu dd .ahover {
	color: #0a4b96;
}

.top_menu dd .ej {
	position: absolute;
	left: -10%;
	top: 90px;
	width: 120%;
	background-color: #0a4b96;
	display: none;
	z-index: 101;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.top_menu dd .ej a {
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	line-height: 36px;
	border-top: 1px solid #FFFF00;
}

.top_menu dd:hover .ej {
	display: block;
	background: rgba(10, 75, 150, 0.8);
}

.top_menu dd .ej a:hover {
	background-color: #0a4b96;
}

.top_menu dd::before {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background: #0a4b96;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
}

.top_menu dd:hover::before {
	display: block;
}

.top_menu dd.hover::before {
	display: block;
}

/*——————————————————————————————  头部结束 —————————————————————————————— */
/*——————————————————————————————  底部开始 —————————————————————————————— */
.footer {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.footerTop {
	height: 116px;
	border-bottom: 1px solid #2762a5;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
}

.footer_menu dd {
	float: left;
	display: inline;
	margin-right: 66px;
	position: relative;
}

.footer_menu dd a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* .footer_menu dd:hover a {
	color: #0a4b96;
} */
.footerTop .top {
	width: 50px;
	height: 50px;
	background: #799abf;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
}

.footerMiddle {
	height: 280px;
	border-bottom: 1px solid #2762a5;
	overflow: hidden;
}

.footerMiddle .footerMiddle_left {
	overflow: hidden;
}

.footer_contact {
	overflow: hidden;
	padding: 50px 0 0;
}

.footer_contact dd {
	float: left;
	display: inline;
	overflow: hidden;
	margin-right: 100px;
}

.footer_contact dd span {
	display: block;
	color: #96b1cf;
}

.footer_contact dd .imgspan {
	width: 50px;
	height: 50px;
	border: 1px solid #96b1cf;
	border-radius: 50%;
	background: #0d4e97;
	align-items: center;
	display: flex;
	justify-content: center;
}

.footer_contact dd .footer_contact_title {
	font-size: 16px;
	padding: 15px 0;
}

.footer_contact dd .footer_contact_text {
	font-size: 14px;
}
.footer_contact dd .footer_contact_text img{
	height: 12px;
	object-fit: contain;
}
.footer_contact dd .footer_contact_text.tel {
	font-size: 20px;
	color: #ffffff;
}
.footer_contact dd .footer_contact_text.tel img{
	height: 15px;
	object-fit: contain;
}
.footerMiddle .footerMiddleRight {
	padding: 40px 0 0;
}

.footerEwm {
	overflow: hidden;
}

.footerEwm dd {
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
	margin-left: 50px;
}

.footerEwm dd .ewmBorder {
	width: 140px;
	height: 140px;
	border: 1px solid #2762a5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.footerEwm dd img {
	display: block;
	width: 116px;
	height: 116px;
}

.footerEwm dd span {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}

.footerBottom {
	height: 66px;
	line-height: 66px;
	overflow: hidden;
}

.footerBottom .footerBottom_left {
	font-size: 14px;
	color: #ffffff;
}

.footerBottom .footerBottom_right,
.footerBottom .footerBottom_right a {
	font-size: 14px;
	color: #ffffff;
}

.footerBottom .footerBottom_left .footerBottom_left_span {
	background-image: url(../image/ga.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 20px;
}

/*——————————————————————————————  底部结束 —————————————————————————————— */
/*—————————————————————————————— 右边悬浮 start ——————————————————————————————*/
.floatRight{
	position: fixed;
	height: 200px;
	width: 40px;
	right: 5%;
	top: 70%;
	z-index: 999;
}
.floatBox dd{
	padding: 6px 0;
}
.floatBox dd .con{
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 4px;
	/* background: #e6e6e6; */
	box-shadow: 2px 0px 8px rgba(0,0,0,0.2);
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	background: #0a4c97;
}
.floatBox dd .con:hover{
	background: #0a4c97;
}
.floatIcon .wicon{
	width:60px;
	height:35px;
	border-radius: 4px;
}
.floatIcon .text{
	line-height: 25px;
	height: 25px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
.floatBox dd .con:hover .text{
	color: #FFFFFF;
}
.backTop{
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.smallApplet .floatIcon .wicon{
	/* background: url(../images/ipone.png) bottom center no-repeat; */
	background: url(../image/iponeh.png) bottom center no-repeat;
}
.onlineSever .floatIcon .wicon{
	/* background: url(../images/weixin.png) bottom center no-repeat; */
	background: url(../image/weixinh.png) bottom center no-repeat;
}
.smallApplet:hover .floatIcon .wicon{
	background: url(../image/iponeh.png) bottom center no-repeat;
}
.onlineSever:hover .floatIcon .wicon{
	background: url(../image/weixinh.png) bottom center no-repeat;
}
.floatPosition{
	position: absolute;
	width: 100px;
	height: 100px;
	right: 150%;
	top:-30px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
	border-radius: 5px;
}
.floatPosition:after{
	display: block;
    content: '';
    border: 8px solid transparent;
    border-left-color: #fff;
    position: absolute;
    right: -8px;
    top: 50%;
    margin-top: -8px;
}
.floatPosition i{
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fff;
	right: -25px;
	transform: rotateZ(45deg);
	top: 50%;
	margin-top: -8px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.2);
}
.floatImg{
	padding: 5px;
	width: 110px;
	height: 110px;
	background: #fff;
	position: relative;
	border-radius: 5px;
}
.floatImg img{
	display: block;
	height: 110px;
	width: 110px;
	position: relative;
	z-index: 5;
}
.floatPosition1{
	position: absolute;
	right: 80px;
	top: 10px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}
.floatPosition1 i{
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotateZ(45deg);
	top: 50%;
	margin-top: -5px;
	right: -5px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg1{
	width: 80px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	text-align:center;
	border-radius: 3px;
	position: relative;
	z-index: 5;
}
.floatPosition2{
	position: absolute;
	width: 190px;
	right: 80px;
	top: -25px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.1);
	transform: translateY(30px);
	-webkit-transform: translateY(30px);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}
.floatPosition2 i{
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotateZ(45deg);
	top: 50%;
	margin-top: -5px;
	right: -5px;
	box-shadow: 1px 2px 9px rgba(0,0,0,0.5);
}
.floatImg2{
	padding: 10px 0px;
	position: relative;
	z-index: 5;
	background: #fff;
	border-radius: 10px;
}
.floatImg2 .folatTitle{
	padding: 0 20px;
	border-bottom: 1px solid #f0f0f0;
}
.floatImg2 span{
	display: block;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	color: #858585;
}
.floatImg2 span.span1{
	color: #428a7b;
}
.floatImg2 .floatCon{
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #858585;
}
.backTop:hover .floatPosition1{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.onlineSever:hover .floatPosition{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.smallApplet:hover .floatPosition{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}
.floatRight.show .backTop{
	visibility: visible;
	opacity: 1;
}
/*—————————————————————————————— 右边悬浮 end ——————————————————————————————*/
/*
********************************外层框架 end********************************
*/
/*
********************************首页样式 start********************************
*/

/*—————————————————————————————— banner开始 ——————————————————————————————*/
.banner {
	position: relative;
}

.banner .slick-dots {
	position: absolute;
	bottom: 15px;
	left: 50%;
}

.banner .slick-dots li {
	width: 16px;
	height: 11px;
	background: #fff;
	float: left;
	margin-right: 10px;
	border-radius: 15px;
	cursor: pointer;
}

.banner .slick-dots .slick-active {
	width: 45px;
	background: #fff;
}

.banner .mySlide .img img {
	width: 100%;
	height: 100%;
}

/*—————————————————————————————— banner结束 ——————————————————————————————*/
/* 公共 */

/* 公共 */
/* 第一通栏 start */
.column1 {
	overflow: hidden;
	padding: 16px 0;
}

.column1_one {
	margin-right: -10px;
}

.column1_one dd {
	overflow: hidden;
	float: left;
	display: inline;
	width: 272px;
	height: 140px;
	margin-right: 10px;
	background: #d89797;
	margin-bottom: 10px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	top:0;
	position: relative;
	border-radius: 6px;
}

.column1_one dd.column1_one_dd1 {
	background: #d89797;
}

.column1_one dd.column1_one_dd2 {
	background: #6b9dbb;
}

.column1_one dd.column1_one_dd3 {
	background: #caa36c;
}

.column1_one dd.column1_one_dd4 {
	background: #74b9b9;
}

.column1_one dd.column1_one_dd5 {
	background: #7f8ebb;
}

.column1_one dd:hover {
	background-image: url(../image/column1_hoverbg.png);
	top: -5px;
}

.column1_one dd a {
	display: block;
	width: 100%;
	height: 100%;
}

.column1_one dd .pic {
	width: 45px;
	height: 45px;
	overflow: hidden;
	position: relative;
	margin: 30px auto 20px;
}

.column1_one dd .pic img {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.column1_one dd .text {
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	overflow: hidden;
	font-weight: bold;
}

/*第一通栏 end*/
/*第二通栏 start*/
.column2 {
	overflow: hidden;
	padding: 16px 0;
}

.column2Box {
	margin-right: -30px;
}

.column2_left {
	overflow: hidden;
	width: 50%;
	height: 566px;
}

.column2_left .column2_left_top {
	overflow: hidden;
}

.column2_left_top_banner {
	position: relative;
}

.column2_left_top_banner .slick-dots {
	position: absolute;
	top: 60%;
	right: 15px;
}

.column2_left_top_banner .slick-dots li {
	width: 15px;
	height: 15px;
	background: #fff;
	float: left;
	margin-right: 10px;
	border-radius: 50%;
	cursor: pointer;
}
.column2_left_top_banner .mySlide .pic::before{
	width: 600px;
	padding-top: 66.6667%;
}

.column2_left_top_banner .mySlide .img img {
	width: 100%;
	height: 100%;
	/* object-fit: contain; */
	object-position: center top;
}

.column2_left_top_banner .slick-dots .slick-active {
	background: #0a4c97;
}

.column2_left .column2_left_bottom {
	height: 142px;
	background: #f8f8f8;
	cursor: pointer;
	align-items: center;
	padding: 30px;
}

.column2_left_bottom .column2_left_bottom_left {
	width: 500px;
	overflow: hidden;
}

.column2_left_bottom_left .column2_left_bottom_left_title {
	font-size: 20px;
	color: #333333;
	height: 44px;
	line-height: 44px;
	overflow: hidden;
}

.column2_left .column2_left_bottom:hover .column2_left_bottom_left_title {
	color: #0a4c97;
}

.column2_left_bottom_left .column2_left_bottom_left_text {
	font-size: 14px;
	color: #97989d;
	height: 48px;
	line-height: 24px;
	overflow: hidden;
}

.column2_left_bottom .column2_left_bottom_right {
	overflow: hidden;
	padding: 10px 0 0;
}

.column2_left_bottom .column2_left_bottom_right .column2_left_bottom_right_time {
	font-size: 14px;
	color: #97989d;
	text-align: center;

	overflow: hidden;
}

.column2_left_bottom_right .column2_left_bottom_right_time span {
	font-size: 40px;
	color: #97989d;
	font-weight: bold;
}

.column2_right {
	overflow: hidden;
	width: 50%;
	height: 566px;
}

.column2_right .column2_rightCon {
	margin-left: 30px;
}

.column2_right_tabTitleBox {
	height: 70px;
	line-height: 70px;
	background: #f3f3f3;
	overflow: hidden;
}

.column2_right_tabTitleBox .column2_tabMore {
	padding: 20px 30px 0 0;
	line-height: 30px;
	text-align: center;
}

.column2_right_tabTitleBox .column2_tabMore a {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #fff;
	background-color: #0a4c97;
	font-size: 16px;
}

.column2_right_tabTitle {
	overflow: hidden;
}

.column2_right_tabTitle dd {
	float: left;
	display: inline;
	width: 150px;
	text-align: right;
	padding-right: 30px;
	box-sizing: border-box;
	transition: background-image 0.7s linear;
	-webkit-transition: background-image 0.7s linear;
}

.column2_right_tabTitle dd:hover {
	background: #0a4c97;
	background-image: url(../image/column2tabTitle.png);
	background-repeat: no-repeat;
	background-position: 30px 25px;
	background-size: 20px 22px;
}

.column2_right_tabTitle dd:hover a {
	color: #FFFFFF;
}
.column2_right_tabTitle dd.hover {
	background: #0a4c97;
	background-image: url(../image/column2tabTitle.png);
	background-repeat: no-repeat;
	background-position: 30px 25px;
	background-size: 20px 22px;
}

.column2_right_tabTitle dd.hover a {
	color: #FFFFFF;
}
.column2_right_tabTitle dd a {
	display: block;
	font-size: 16px;
	color: #333333;
}

.column2_textList {
	overflow: hidden;
	padding: 15px 0 0;
}

.column2_textList dd {
	overflow: hidden;
	width: 670px;
	height: 120px;
	border-bottom: 1px solid #f2f2f2;
	padding: 25px 20px 0 0;
	box-sizing: border-box;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}

.column2_textList dd:hover {
	border-bottom: 1px solid #2762a5;
}

.column2_textList dd:hover .column2_textList_title a {
	color: #2762a5;
}

.column2_textList dd .column2_textList_title {
	white-space: nowrap;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.column2_textList dd .column2_textList_title a {
	color: #333333;
	font-size: 18px;
}

.column2_textList dd .column2_textList_text {
	display: block;
	overflow: hidden;
	color: #97989d;
	font-size: 14px;
	line-height: 26px;
	width: 500px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.column2_textList dd .column2_textList_time {
	float: right;
	display: inline;
	overflow: hidden;
	margin-left: 50px;
	color: #97989d;
	font-size: 14px;
	line-height: 26px;
}

/*第二通栏 end*/
/*第三通栏 start*/
.column3 {
	overflow: hidden;
	background-color: #ebeeef;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 80px 0;
}

.index_titleBox {
	color: #0a4c97;
	text-align: center;
	font-weight: bold;
}

.index_titleBox .indexTitle {
	font-size: 32px;
	height: 30px;
	line-height: 30px;
}

.index_titleBox .indexSubtitle {
	font-size: 18px;
	height: 50px;
	line-height: 50px;
}

.column3Dl {
	text-align: center;
	margin: 0 -55px;
}

.column3Dl dd {
	display: inline-block;
	width: 145px;
	height: 145px;
	border: 1px solid #dce3e9;
	margin: 0 31px;
	border-radius: 6px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	text-align: center;
	transition: all 0.5s;
	-webkit-transition: all  0.5s;
}

.column3Dl dd a {
	display: block;
}

.column3Dl dd a .con {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 148px;
	height: 148px;
}

.column3Dl dd a .con .icn {
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.column3Dl dd a .con .icn img {
	display: block;
	width: 100%;
	height: 100%;
}

.column3Dl dd a .con .text {
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 15px;
	color: #333333;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}
.column3Dl dd .img2{
	opacity: 0;
	position: relative;
	top: -100%;
	left: 0;
}
.column3Dl dd:hover {
	background: #0a4c97;
}
.column3Dl dd:hover .img1{
	opacity: 0;
}
.column3Dl dd:hover .img2{
	opacity: 1;
}
.column3Dl dd:hover a .con .text {
	color: #FFF;
}

.column3Dl.c3Down {
	padding: 70px 0;
}

/*第三通栏 end*/
/*第四通栏 start*/
.column4 {
	overflow: hidden;
	background-color: #1e65ba;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 80px 0;
}

.index_titleBox.c4tbox {
	color: #ffffff;
}

.indexc4Dl {
	overflow: hidden;
	margin-right: -20px;
}

.indexc4Dl dd {
	float: left;
	display: inline;
	width: 335px;
	height: 400px;
	overflow: hidden;
	border-radius: 5px;
	background-color: rgba(55, 107, 165, 0.5);
	margin-right: 20px;
	transition: all 0.7s;
	-webkit-transition: all 0.7s;
	cursor: pointer;
}

.indexc4Dl dd .con {
	overflow: hidden;
}

.indexc4Dl dd .con a {
	display: block;
}

.indexc4Dl dd .con .picBox {
	width: 190px;
	height: 190px;
	background: #4f7eb3;
	margin: 50px auto;
	border-radius: 60px;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	position: relative;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.indexc4Dl dd:hover .con .picBox{
	/* transform: rotate(45deg);
	-webkit-transform: rotate(45deg); */
}
.indexc4Dl dd .con .picShow{
	border-radius: 60px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background: #4f7eb3;
	height: 100%;
}
.indexc4Dl dd .con .pic::before{
	padding-top: 100%;
	background: #4f7eb3;
	border-radius: 60px;
}
.indexc4Dl dd .con .pic1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-radius: 60px;
	overflow: hidden;
}
.indexc4Dl dd .con .pic1:before{
	display: block;
	content: '';
	padding-top: 100%;
}
.indexc4Dl dd .con .pic1 img{
	width: 120%;
	height: 120%;
	overflow: hidden;
	/* border-radius: 60px; */
	z-index: 2;
	position: absolute;
	left: -10%;
	top: -10%;
	object-fit: cover;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
}
.indexc4Dl dd:hover .picBox{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}
.indexc4Dl dd:hover .con .pic1 img{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
}

.indexc4Dl dd .con .text {
	color: #ffffff;
	font-size: 20px;
	text-align: center;
}

.indexMore {
	overflow: hidden;
	text-align: center;
	padding: 20px 0 0;
	display: none;
}

.indexMore a {
	width: 100px;
	line-height: 30px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	background: #cda676;
	border-radius: 40px;
}

.indexc4Dl dd:hover .con .text {
	color: #333333;
}

.indexc4Dl dd:hover .con .indexMore {
	display: block;
}

.indexc4Dl dd:hover {
	background: #bbd0e8;
}

/*第四通栏 end*/
/*第五通栏 start*/
.column5 {
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 80px 0;
	position: relative;
}

.indexc5L {
	width: 20%;
	overflow: hidden;
	padding: 5% 0 0;
}

.indexc5L .text {
	line-height: 24px;
	font-size: 14px;
	overflow: hidden;
	padding: 30px 40px 80px 0;
}

.indexc5R {
	width: 80%;
	box-sizing: border-box;
	position: relative;
}
.indexC5Slick{overflow: hidden;padding: 5% 0 0;}
.slick-list{
	overflow: unset;
}
.index_titleBox.c5tbox {
	text-align: left;
}

.indexc5R .prev.slick-arrow {
	position: absolute;
	bottom: 30%;
	left: -26%;
	width: 60px;
	height: 30px;
	border: 1px solid #0a4c97;
	border-radius: 5px;
	background: #ffffff url(../image/prev.png)no-repeat center center;
	cursor: pointer;
}

.indexc5R .next.slick-arrow {
	position: absolute;
	bottom: 30%;
	left: -19%;
	width: 60px;
	height: 30px;
	border: 1px solid #0a4c97;
	border-radius: 5px;
	background: #ffffff url(../image/next.png)no-repeat center center;
	cursor: pointer;
}
.indexc5R .prev.slick-arrow:hover{
	background: #ffffff url(../image/prevh.png)no-repeat center center;
	background-color: #0a4c97;
}
.indexc5R .next.slick-arrow:hover {
	background: #ffffff url(../image/nexth.png)no-repeat center center;
	background-color: #0a4c97;
}

.indexC5Box {
	overflow: hidden;
	position: relative;
	top:0;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}

.indexC5Box a {
	display: block;
	margin-right: 20px;
}
.indexC5Box .pic{
	overflow: hidden;
	border-radius: 10px;
}
.indexC5Box .pic::before{
	padding-top: 134.6154%;
}
.indexC5Box .text {
	font-size: 16px;
	color: #333333;
	line-height: 36px;
	text-align: center;
}

.indexC5Box .text span:nth-child(1) {
	width: 70%;
}

.indexC5Box .indexC5Hover {
	position: relative;
	width: 93%;
	background: #0a4c97;
	opacity: 0;
	padding: 20px;
	box-sizing: border-box;
	transition: all 200ms;
	-webkit-transition: all 200ms;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-top: -20%;
}

.indexC5Box .indexC5Hover .title {
	font-size: 18px;
	color: #ffffff;
}

.indexC5Box .indexC5Hover .text {
	font-size: 14px;
	color: #ffffff;
	line-height: 26px;
	padding: 0 0 20px;
	text-align: left;
}

.indexC5Box .indexC5Hover .expertHoverMore {
	width: 40%;
	height: 26px;
	line-height: 26px;
	border: 1px solid #dadada;
	border-radius: 15px;
	text-align: center;
	background: #cda676;
}

.indexC5Hover .expertHoverMore a {
	display: block;
	font-size: 14px;
	color: #ffffff;
	padding: 0 0 0 10px;
	margin-right: 0;
}

.indexC5Box:hover .indexC5Hover {
	opacity: 1;
}
.indexC5Box:hover{
	transform: translateY(-10%);
}

/*第五通栏 end*/
/*********************************首页样式 end*********************************/
/******************************* 频道页 start *******************************/

/******************************* 频道页 end *******************************/
/*内页框架开始*/
/* —————————————————————————————— 内页banner start —————————————————————————————— */
.subBanner {
	width: 100%;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* —————————————————————————————— 内页banner send —————————————————————————————— */
/*当前位置*/
/*—————————————————————————————— location start ——————————————————————————————*/
.location {
	height: 60px;
	line-height: 60px;
	background: #ffffff;
	margin-top: 2px;
}

.location dl dd {
	float: left;
	display: inline;
	text-align: center;
	margin-right: 2px;
}

.location dl dd a {
	display: block;
	font-size: 16px;
	color: #333333;
	padding: 0 15px;
}
.locationR dd:hover a,.locationR dd.hover a{
	color: #0a4b96;
}
.locationL dd:hover a,
.locationL dd.hover a,
.locationL dd.ahover a,
.locationL dd.active a,
.location .wrap dl dd .active {
	display: block;
	height: 100%;
	background: #0a4b96;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

.locationR .locationhome {
	width: 25px;
	height: 60px;
	background: url(../image/locationhome.png) no-repeat;
	background-position: left 0px top 25px;
}
.locationR .locationhome a{
	display: block;
	width: 100%;
	height: 100%;
}
.locationR .locationright {
	background: url(../image/locationright.png) no-repeat;
	background-position: left 0px top 28px;
	padding: 0 0 0 5px;
}

/*—————————————————————————————— location end ——————————————————————————————*/
/*—————————————————————————————— 页码开始 ——————————————————————————————*/
.page {
	padding: 30px 0;
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	color: #666666;
	background: #fff;
	margin: 0 8px;
	padding: 6px 12px;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #0a4b96;
	color: #fff;
}

.page a.hover {
	background: #0a4b96;
	color: #fff;
}

.page input {
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	border: 1px solid #e6e6e6;
	position: relative;
	top: -2px;
}

.page input.pageDetail {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 3px;
	color: #999999;
	position: relative;
	top: -13px;
}

.page label {
	color: #999999;
	position: relative;
	top: -11px;
}

.page input.page_bnt {
	border: none;
	width: 30px;
	height: 25px;
	cursor: pointer;
	background: none;
	color: #999999;
	position: relative;
	top: -13px;
}

.page a div {
	width: 11px;
	height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}

.page a.firstPage div {
	background-image: url(../image/firstPage.png)
}

.page a.prevPage div {
	background-image: url(../image/prevPage.png)
}

.page a.nextPage div {
	background-image: url(../image/nextPage.png)
}

.page a.lastPage div {
	background-image: url(../image/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(../image/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(../image/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(../image/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(../image/lastPageh.png)
}

.page a.firstPage.disabled {
	background: #E2E2E2;
}

.page a.prevPage.disabled {
	background: #E2E2E2;
}

.page a.nextPage.disabled {
	background: #E2E2E2;
}

.page a.lastPage.disabled {
	background: #E2E2E2;
}

.page a.firstPage.disabled div {
	background-image: url(../image/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(../image/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(../image/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(../image/lastPage.png)
}

/*—————————————————————————————— 页码结束 ——————————————————————————————*/
/*—————————————————————————————— subMenu start ——————————————————————————————*/

.subMenu {
	padding: 20px;
	background: #fff;
	box-sizing: border-box;
}

.subMenu .subMenuTitle {
	font-size: 14px;
	color: #333333;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
}

.subMenuDl {
	overflow: hidden;
}

.subMenuDl dd {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	margin-right: 2px;
	margin-bottom: 10px;
}

.subMenuDl dd a {
	display: block;
	color: #000000;
	font-size: 14px;
	padding: 0 20px;
}

.subMenuDl dd:hover a,.subMenuDl dd.hover a {
	background: #0a4b96;
	color: #ffffff;
	border-radius: 3px;
}
/*—————————————————————————————— subMenu end ——————————————————————————————*/
/*内页框架结束*/
