@charset "UTF-8";

/* ==================== 外层框架 start ==================== */
/* —————————— 顶部 start —————————— */
.top {
	width: 100%;
	height: 90px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.1);
}

.topNavL {
	width: 300px;
	overflow: hidden;
}

.topNavL .logo {
	height: 90px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.topNavL .logo .img {
	height: 46px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -23px;
	display: none;
}

.topNavL .logo .logo1 {
	display: block;
}

.topNavMenu {
	height: 90px;
	line-height: 90px;
}

.topNavMenu dd {
	float: left;
	display: inline;
	position: relative;
}

.topNavMenu dd .yj a {
	display: block;
	font-size: 16px;
	color: #555555;
	padding: 0 20px;
	position: relative;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.topNavMenu dd .yj a::before {
	display: block;
	content: "";
	width: 20px;
	height: 3px;
	background: #0596ff;
	position: absolute;
	left: 50%;
	bottom: 24px;
	margin-left: -10px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	opacity: 0;
}

.topNavMenu dd .ej {
	width: 150%;
	height: auto;
	position: absolute;
	top: 90px;
	left: 0;
	margin-left: -25%;
	background: #fff;
	z-index: 5;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .2);
	border-radius: 5px;
}

.topNavMenu dd .ej i {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -20px;
}

.topNavMenu dd .ej i:before {
	display: block;
	content: '';
	position: absolute;
	border: 10px solid transparent;
	border-bottom-color: #0596ff;
	left: 0;
	top: 0;
	z-index: 2;
}

.topNavMenu dd .ej i:after {
	display: block;
	content: '';
	position: absolute;
	border: 10px solid transparent;
	left: 0;
	top: -1px;
}

.topNavMenu dd .ej a {
	display: block;
	font-size: 16px;
	color: #555555;
	line-height: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}

.topNavMenu dd .ej a:last-child {
	border: none;
}

.topNavMenu dd .ej a:hover,
.topNavMenu dd.hover .yj a,
.topNavMenu dd:hover .yj a {
	color: #0596ff;
}

.topNavMenu dd.hover .yj a::before,
.topNavMenu dd:hover .yj a::before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	opacity: 1;
}

.topNavMenu dd:hover .ej {
	visibility: visible;
	opacity: 1;
	z-index: 10;
}

.topSearchBox {
	padding: 27px 0;
	margin-left: 10px;
}

.topSearchBox .topSearch {
	width: 100px;
	height: 36px;
	line-height: 36px;
	background: #f7f7f7;
	border-radius: 40px;
	padding: 0 20px;
}

.topSearchBox .topSearch a.topSearchBtn {
	display: block;
	width: 30px;
	height: 100%;
	background: url(../images/common/searchIcn.png)no-repeat center center;
	background-size: 20px auto;
}

.topSearchBox .topSearch input {
	display: inline-block;
	width: 70%;
	height: 100%;
	background: transparent;
	border: none;
	outline: none;
	font-size: 16px;
	color: #555555;
	padding: 0 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.topSearchBox .topSearch input::-webkit-input-placeholder {
	color: #999;
	font-size: 14px;
	text-align: left;
}

.indexTop.hover .top {
	background: transparent;
	box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0);
}

.indexTop.hover .topNavL .logo .logo1 {
	display: none;
}

.indexTop.hover .topNavL .logo .logo2 {
	display: block;
}

.indexTop.hover .top .yj a {
	color: #fff !important;
}

.indexTop.hover .topNavMenu dd .yj a::before {
	background: #fff;
}

.indexTop.hover .topNavMenu dd .ej i:before {
	border-bottom-color: #fff;
}

.indexTop.hover .topSearchBox .topSearch a.topSearchBtn {
	background: url(../images/common/searchIcnh.png)no-repeat center center;
	background-size: 20px auto;
}

.indexTop.hover .topSearchBox .topSearch {
	background: rgba(255, 255, 255, 0.5);
}

.indexTop.hover .topSearchBox .topSearch input {
	color: #fff;
}

.indexTop.hover .topSearchBox .topSearch input::-webkit-input-placeholder {
	color: #fff;
}

/* —————————— 顶部 end —————————— end */
/* —————————— 底部 start —————————— */
.footerTop {
	background: #0063ae;
	padding: 54px 0;
	overflow: hidden;
	position: relative;
}

.footerMenuBox {
	margin-bottom: 30px;
	overflow: hidden;
}

.footerContact {
	overflow: hidden;
	height: 30px;
	line-height: 30px;
}

.footerContact .footerAdd {
	font-size: 14px;
	color: #fff;
}

.footerContact .footerTel {
	font-size: 14px;
	color: #fff;
}

.footerContact .footerTel span {
	font-size: 24px;
}

/* 底部导航 start */
.footerMenu {
	overflow: hidden;
	width: 75%;
}

.footerMenu dd {
	float: left;
	display: inline;
	margin-right: 5%;
}

.footerMenu dd:last-child {
	margin-right: 0;
}

.footerMenu dd em {
	font-style: normal;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
}

.footerMenu dd em a {
	font-size: 20px;
	color: #fff;
}

.footerMenu dd em a:hover,
.footerMenu dd span a:hover {
	font-weight: bold;
}

.footerMenu dd span {
	font-style: normal;
	display: block;
	line-height: 32px;
	overflow: hidden;
}

.footerMenu dd span a {
	font-size: 14px;
	color: #e3e3e3;
}

/* 底部导航 end */
/* 二维码 start */
.footerEwmBox {
	width: 25%;
	padding-left: 86px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.footerEwm {
	overflow: hidden;
}

.footerEwm dd {
	float: left;
	display: inline;
	position: relative;
	width: 120px;
	overflow: hidden;
	margin-right: 25px;
}

.footerEwm dd:last-child {
	margin-right: 0;
}

.footerEwm dd .picBox {
	width: 110px;
	height: 110px;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.footerEwm dd .picBox img {
	display: block;
	width: 100%;
	height: 100%;
}

.footerEwm dd span {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

/* 二维码 end */
.footerZpformSel {
	width: 250px;
	height: 42px;
	position: relative;
	margin-bottom: 30px;
	padding-right: 38px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	cursor: pointer;
}

.footerZpformSel .seljg {
	padding-left: 20px;
	line-height: 42px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}

.footerZpformSel i {
	display: block;
	width: 42px;
	height: 22px;
	background: url(../images/common/selectIcn.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
	margin: 10px 0;
}

.footerZpformSel .selTj {
	width: 100%;
	overflow: hidden;
	border: 1px solid #dedede;
	border-top: none;
	max-height: 120px;
	overflow-y: auto;
	position: absolute;
	left: -1px;
	top: 42px;
	background: #FFF;
	display: none;
	z-index: 100000
}

.footerZpformSel .selTj a {
	display: block;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	color: #666666;
	margin-bottom: 1px;
	font-size: 13px;
	overflow: hidden;
}

.footerZpformSel .selTj a.hover,
.footerZpformSel .selTj a:hover {
	background: #0596ff;
	color: #FFF;
}

/* 版权+技术支持 start */
.footerBottom {
	height: 70px;
	line-height: 70px;
	background: #084777;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	overflow: hidden;
}

.footerBottom a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
}
.footerBottom_left_span {
	display: inline-block;
	background-image: url(../images/ga.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

/* 版权+技术支持 end */
/* —————————— 底部 end —————————— */
/* —————————— 悬浮 start —————————— */
/* —————————— 悬浮 end —————————— */
/* ==================== 外层框架 end ==================== */
/* ============================== 内页框架 start ============================== */
/* —————————— suBanner start —————————— */
.subBanner {
	width: 100%;
	height: 600px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin-top: 90px;
}

.subBanner .subBannerBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.1);
	z-index: 1;
}

.subBanner .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 5;
}

.subBanner .text .title {
	height: 80px;
	line-height: 80px;
	font-size: 36px;
	color: #ffffff;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	margin-bottom: 10px;
}

.subBanner .text .title::before {
	display: block;
	content: "";
	width: 40px;
	height: 4px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}

.subBanner .text .textC {
	max-height: 90px;
	line-height: 30px;
	font-size: 16px;
	color: #ffffff;
	overflow: hidden;
}

/* —————————— suBanner end —————————— */
/* —————————— 当前位置 start —————————— */
.subPage.subPageTop {
	position: relative;
	margin-top: -80px;
}

.location {
	height: 80px;
	line-height: 80px;
	background: #ffffff;
	position: relative;
	z-index: 5;
	padding: 0 30px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.locationLDl {
	overflow: hidden;
}

.locationLDl dd {
	float: left;
	display: inline;
	position: relative;
}

.locationLDl dd::before {
	display: block;
	content: '';
	height: 17px;
	width: 1px;
	background: #cfcfcf;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.locationLDl dd a {
	display: block;
	padding: 0 40px;
	font-size: 16px;
	color: #666666;
}

.locationLDl dd:first-child a {
	padding-left: 0;
}

.locationLDl dd:hover a,
.locationLDl dd.hover a {
	color: #0596ff;
}

.locationLDl dd:last-child::before {
	display: none;
}

.locationRDl {
	overflow: hidden;
}

.locationRDl dd {
	float: left;
	display: inline;
	position: relative;
	padding: 0 5px 0 15px;
}

.locationR {
	overflow: hidden;
}

.locationTitle {
	font-size: 14px;
	color: #666666;
	padding-left: 20px;
	background: url(../images/common/home.png) no-repeat center left;
}

.locationRDl dd:first-child {
	padding-left: 0;
}

.locationRDl dd:last-child {
	padding-right: 0;
}

.locationRDl dd::before {
	display: block;
	content: '>';
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	color: #666666;
}

.locationRDl dd:first-child::before {
	display: none;
}

.locationRDl dd a {
	display: block;
	font-size: 14px;
	color: #666666;
}

.locationRDl dd:hover a,
.locationRDl dd.hover a {
	color: #0596ff;
}

/* —————————— 当前位置 end —————————— */
/* —————————— 页码 start —————————— */
.page {
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	border: 1px solid #dfdfdf;
	color: #666666;
	background: #fff;
	margin: 0 10px;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover,
.page a.hover {
	background: #0596ff;
	color: #fff;
	border: 1px solid #0596ff;
}

.page a div {
	width: 40px;
	height: 40px;
	background-position: center center;
	background-repeat: no-repeat;
}

.page a.firstPage div {
	background-image: url(../images/page/firstPage.png)
}

.page a.prevPage div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage div {
	background-image: url(../images/page/lastPage.png)
}

.page a.firstPage:hover div {
	background-image: url(../images/page/firstPageh.png)
}

.page a.prevPage:hover div {
	background-image: url(../images/page/prevPageh.png)
}

.page a.nextPage:hover div {
	background-image: url(../images/page/nextPageh.png)
}

.page a.lastPage:hover div {
	background-image: url(../images/page/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(../images/page/firstPage.png)
}

.page a.prevPage.disabled div {
	background-image: url(../images/page/prevPage.png)
}

.page a.nextPage.disabled div {
	background-image: url(../images/page/nextPage.png)
}

.page a.lastPage.disabled div {
	background-image: url(../images/page/lastPage.png)
}

/* —————————— 页码 end —————————— */
/* ============================== 内页框架 end ============================== */
/* ============================== 首页 start ============================== */
/* —————————— indexBanner start —————————— */
.indexBanner {
	position: relative;
	overflow: hidden;
}

.indexBanner .prev,
.indexBanner .next {
	cursor: pointer;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #eeeeee;
	position: absolute;
	top: 65%;
	margin-top: -60px;
	z-index: 1;
	display: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.indexBanner .prev {
	background: url(../images/indexPrev.png) no-repeat center center;
	left: 30px;
}

.indexBanner .next {
	background: url(../images/indexNext.png) no-repeat center center;
	right: 30px;
}

.indexBanner .prev:hover,
.indexBanner .next:hover {
	background-color: #1488cc;
	border: 1px solid #1488cc;
}

.indexBanner .text {
	width: 40%;
	position: absolute;
	top: 20%;
	left: 15%;
	overflow: hidden;
	z-index: 5;
}

.indexBanner .text>div {
	padding-left: 65px;
}

.indexBanner .text .title {
	font-size: 52px;
	color: #fafafa;
	height: 68px;
	line-height: 68px;
	overflow: hidden;
	position: relative;
}

.indexBanner .text .title::before {
	display: block;
	content: "";
	width: 30px;
	height: 5px;
	background: #fafafa;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.indexBanner .text .subTitle {
	font-size: 48px;
	color: #fafafa;
	font-weight: bold;
	height: 74px;
	line-height: 74px;
	overflow: hidden;
}

.indexBanner .text .textC {
	font-size: 16px;
	color: #fafafa;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
}

.indexBanner .bd {
	overflow: hidden;
}

.indexBanner .bd .slick-list,
.indexBanner .bd .slick-track {
	height: 100%;
}

.indexBanner.delay .bd .slick-track {
	transition-delay: 1.3s !important;
	-webkit-transition-delay: 1.3s !important;
}

.indexBanner .mySlide {
	height: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.indexBanner .mySlide a {
	display: block;
	height: 100%;
	width: 100%;
}

.indexBanner .slick-dots {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.indexBanner .slick-dots li {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 0 7px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	background: #fff;
}

.indexBanner .slick-dots li.slick-active {
	background: #0596ff;
}

.indexBanner .mySlide .text {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1200px;
	transform: translate(-50%, -50%);
	color: #FFF;
	display: none;
}

.indexBanner .mySlide .text .text1 {
	font-size: 25px;
	margin-bottom: 30px;
}

.indexBanner .mySlide .text .text2 {
	font-size: 0px;
}

.indexBanner .mySlide .text .text2 span {
	font-size: 70px;
	font-weight: bold;
	letter-spacing: 3px;
	float: left;
}

.indexBanner .mySlide.slick-active .text {
	display: block;
}

.indexBanner .img {
	width: 1440px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 0;
}

.indexBanner .img .imgItem img {
	overflow: hidden;
	display: inline-block;
	visibility: hidden;
}

.indexBanner .img .imgItem img.show {
	visibility: visible;
}

.indexBanner .img .img1 {
	margin-bottom: 20px;
}

/* —————————— indexBanner end —————————— */
/* —————————— 首页公共部分 start —————————— */
.indexTitleBox {
	text-align: center;
}

.indexTitleBox .titleC {
	font-size: 18px;
	color: #999999;
	height: 30px;
}

.indexTitleBox .title {
	font-size: 36px;
	color: #333333;
	height: 50px;
	line-height: 50px;
	padding-bottom: 30px;
	position: relative;
	margin-bottom: 25px;
}

.indexTitleBox .title::before {
	display: block;
	content: "";
	width: 30px;
	height: 3px;
	background: #d4d4d4;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -15px;
}

.indexTitleBox.titleL {
	text-align: left;
}

.indexTitleBox.titleL .title::before {
	left: 0;
	margin-left: 0;
}

/* —————————— 首页公共 部分 end —————————— */
/* —————————— 第一通栏 start —————————— */
.column1 {
	background: #fff;
	padding: 100px 0;
	overflow: hidden;
}

.indexC1Con {
	position: relative;
	padding-top: 28.125%;
}

.indexC1Con>div {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
}

.indexC1Con .pic {
	left: 0;
}

.indexC1Con .pic::before {
	padding-top: 56.25%;
}

.indexC1Con .text {
	right: 0;
	padding-left: 60px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.indexC1Con .text .textInfo {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	height: 90px;
	overflow: hidden;
	margin-bottom: 50px;
}

.indexC1Con .text .moreView {
	margin-bottom: 30px;
}

.indexC1Con .text .moreView a {
	display: inline-block;
	padding: 0 25px;
	height: 46px;
	line-height: 46px;
	border-radius: 5px;
	font-size: 14px;
	color: #ffffff;
	background: #0596ff;
}

.indexC1Con .text .moreView a:hover {
	opacity: 0.9;
}

.indexC1Dl {
	overflow: hidden;
	margin-right: -40px;
}

.indexC1Dl dd {
	width: 25%;
	float: left;
	display: inline;
	overflow: hidden;
}

.indexC1Dl dd .indexC1DlCon {
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: center left;
	margin-right: 40px;
}

.indexC1Dl dd .indexC1DlText .title {
	font-size: 24px;
	color: #0596ff;
}

.indexC1Dl dd .indexC1DlText .title span {
	font-size: 16px;
	color: #666666;
}

.indexC1Dl dd .indexC1DlText .info {
	font-size: 14px;
	color: #999999;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* —————————— 第一通栏 end —————————— */
/* —————————— 第二通栏 start —————————— */
.column2 {
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	overflow: hidden;
}

.indexC2Banner {
	position: relative;
	padding-bottom: 145px;
	padding-top: 40px;
}

.indexC2Banner .bd {
	overflow: hidden;
	margin-right: -30px;
	padding-top: 10px;
}
.indexC2Banner .bd *{
	overflow: unset !important;
}
.indexC2Banner .bd .slick-list,
.indexC2Banner .bd .slick-track {
	height: 100%;
}

.indexC2Banner .slick-dots {
	position: absolute;
	bottom: 100px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.indexC2Banner .slick-dots li {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 0 7px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	background: #fff;
}

.indexC2Banner .slick-dots li.slick-active {
	background: #0596ff;
}

.indexC2Banner .mySlide {
	height: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.indexC2Banner .mySlide a {
	display: block;
	height: 100%;
	width: 100%;
}

.indexC2Banner .mySlide .con {
	height: 420px;
	margin-right: 30px;
	position: relative;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC2Banner .mySlide .con .picBox {
	height: 360px;
	background-color: #435a7c;
	background-position: top 30px right 15px;
	background-repeat: no-repeat;
	background-size: auto 180px;
}

.indexC2Banner .mySlide .con .picBox .icn {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top 30px left 70px;
	background-size: auto 60px;
}

.indexC2Banner .mySlide .con .textBox {
	width: 100%;
	padding: 30px 30px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: 10;
}

.indexC2Banner .mySlide .con .textBox .text {
	width: 100%;
	background: #fff;
	padding: 10px 20px 20px 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	position: relative;
}

.indexC2Banner .mySlide .con .textBox .text i {
	display: block;
	content: '';
	position: absolute;
	border: 15px solid transparent;
	border-bottom-color: #fff;
	left: 55px;
	top: -30px;
	z-index: 2;
}

.indexC2Banner .mySlide .con .textBox .text .title {
	font-size: 24px;
	color: #333333;
	height: 90px;
	line-height: 90px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC2Banner .mySlide .con .textBox .text .title::before {
	display: block;
	content: "";
	width: 30px;
	height: 2px;
	background: #ff6a00;
	position: absolute;
	left: 0;
	bottom: 0;
}

.indexC2Banner .mySlide .con .textBox .text .textC {
	font-size: 16px;
	color: #333333;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.indexC2Banner .mySlide .con .textBox .text .info {
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	height: 52px;
	overflow: hidden !important;
}
.indexC2Banner .mySlide .con:hover{
	transform: translateY(-10px);
}
.indexC2Banner .mySlide .con:hover .textBox .text .title {
	color: #0596ff;
}

.indexC2Banner .mySlide .con:hover .textBox .text {
	color: #0596ff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

/* —————————— 第二通栏 end —————————— */
/* —————————— 第三通栏 start —————————— */
.column3 {
	background: #fff;
	overflow: hidden;
	padding-bottom: 95px;
}

.indexC3Con {
	overflow: hidden;
	position: relative;
	padding-top: 560px;
}

.indexC3Con>div {
	height: 100%;
	float: left;
	display: inline;
	position: absolute;
	top: 0;
}

.indexC3Con .indexC3Tab {
	width: 30.5556%;
	left: 0;
	z-index: 5;
}

.indexC3Con .indexC3Content {
	width: 69.4444%;
	right: 0;
}

.indexC3Tab .slick-vertical .slick-slide {
	height: 140px;
	cursor: pointer;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC3Tab .titleCon {
	overflow: hidden;
	height: 25%;
}

.indexC3Tab .slick-vertical .slick-slide:nth-child(4n+1) {
	background: #0092cc;
}

.indexC3Tab .slick-vertical .slick-slide:nth-child(4n+2) {
	background: #0063af;
}

.indexC3Tab .slick-vertical .slick-slide:nth-child(4n+3) {
	background: #196bb4;
}

.indexC3Tab .slick-vertical .slick-slide:nth-child(4n+4) {
	background: #005bac;
}

.indexC3Tab .con {
	width: 100%;
	height: 100%;
}

.indexC3Tab .con .number {
	width: 41%;
	height: 100%;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	position: relative;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC3Tab .con .number::before {
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	background: rgba(255, 255, 255, 0.3);
	position: absolute;
	top: 0;
	right: 0;
}

.indexC3Tab .con .text {
	width: 59%;
	height: 100%;
}

.indexC3Tab .con .text .icn {
	height: 30px;
	position: relative;
	margin-bottom: 12px;
}

.indexC3Tab .con .text .icn .img {
	width: 30px;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	display: none;
	opacity: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC3Tab .con .text .icn .img.img1 {
	display: block;
	opacity: 1;
}

.indexC3Tab .con .text .title {
	font-size: 16px;
	color: #fff;
	text-align: center;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

/* .indexC3Tab .slick-vertical .slick-slide.slick-current.slick-active, */
.indexC3Tab .slick-vertical .slick-slide:hover {
	background: #fff;
	position: relative;
}

/* .indexC3Tab .slick-vertical .slick-slide.slick-current.slick-active .text .title, */
/* .indexC3Tab .slick-vertical .slick-slide.slick-current.slick-active .number, */
.indexC3Tab .slick-vertical .slick-slide:hover .text .title,
.indexC3Tab .slick-vertical .slick-slide:hover .number {
	color: #0063af;
}

/* .indexC3Tab .slick-vertical .slick-slide.slick-current.slick-active .text .icn .img.img1, */
.indexC3Tab .slick-vertical .slick-slide:hover .text .icn .img.img1 {
	display: block;
	opacity: 0;
}

/* .indexC3Tab .slick-vertical .slick-slide.slick-current.slick-active .text .icn .img.img2, */
.indexC3Tab .con:hover .text .icn .img.img2 {
	display: block;
	opacity: 1;
}

.indexC3Tab .bd .slick-list {
	overflow: unset !important;
}

.indexC3Tab .slick-vertical .slick-slide {
	position: relative;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC3Tab .slick-vertical .slick-slide::before {
	display: none;
	content: "";
	width: 35px;
	height: 102%;
	background: #fff;
	position: absolute;
	top: -1px;
	right: -35px;
	opacity: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

/* .indexC3Tab .slick-vertical .slick-slide.slick-current.slick-active::before, */
.indexC3Tab .slick-vertical .slick-slide:hover::before {
	display: block;
	opacity: 1;
}

.indexC3Content .bd,
.indexC3Content .bd .slick-list,
.indexC3Content .bd .slick-list .slick-track,
.indexC3Content .bd .slick-list .slick-track .slick-slide,
.indexC3Content .con,
.indexC3Content .con .pic {
	width: 100%;
	height: 100%;
}

.indexC3Content .con {
	position: relative;
}

.indexC3Content .con .pic::before {
	padding-top: 56%;
}

.indexC3Content .con .text {
	position: absolute;
	top: 0;
	left: 0;
	padding: 60px 100px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.indexC3Content .con .text .title {
	font-size: 24px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}

.indexC3Content .con .text .info {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}

.indexC3Content .con .text .moreView a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 0 25px;
	border-radius: 5px;
	height: 44px;
	line-height: 44px;
	border: 1px solid #fff;
}

/* —————————— 第三通栏 end —————————— */
/* —————————— 第四通栏 start —————————— */
.column4 {
	background: #f5f5f5;
	overflow: hidden;
}

.indexC4Banner {
	position: relative;
	padding-bottom: 115px;
	padding-top: 55px;
}

.indexC4Banner .bd {
	overflow: hidden;
	margin-right: -30px;
}

.indexC4Banner .bd .slick-list,
.indexC2Banner .bd .slick-track {
	height: 100%;
}

.indexC4Banner .slick-dots {
	position: absolute;
	bottom: 100px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.indexC4Banner .slick-dots li {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	margin: 0 7px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	background: #fff;
}

.indexC4Banner .slick-dots li.slick-active {
	background: #0596ff;
}

.indexC4Banner .mySlide {
	height: 100%;
	position: relative;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.indexC4Banner .mySlide .con {
	margin-right: 30px;
	position: relative;
}

.indexC4Banner .mySlide .con .pic::before {
	padding-top: 56.5217%;
}

.indexC4Banner .mySlide .con .text {
	padding-top: 20px;
}

.indexC4Banner .mySlide .con .text .time {
	font-size: 14px;
	color: #666666;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.indexC4Banner .mySlide .con .text .title {
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.indexC4Banner .mySlide .con .text .title a {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC4Banner .mySlide .con .text .info {
	font-size: 14px;
	color: #858585;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 20px;
}

.indexC4Banner .mySlide .con .text .moreView {
	padding: 20px 0;
	position: relative;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
}

.indexC4Banner .mySlide .con .text .moreView::before {
	display: block;
	content: "";
	width: 80px;
	height: 1px;
	background: #0596ff;
	position: absolute;
	top: 0;
	left: 0;
}

.indexC4Banner .mySlide .con .text .moreView a {
	display: inline-block;
	font-size: 14px;
	color: #0596ff;
	height: 30px;
	line-height: 30px;
}

.indexC4Banner .mySlide .con:hover .text .title a {
	color: #0596ff;
}

.indexC4Banner .mySlide .con:hover .text .moreView {
	visibility: visible;
	opacity: 1;
}

/* —————————— 第四通栏 end —————————— */
/* ============================== 首页 end ============================== */