@charset "UTF-8";

/*
********************************外层框架 start********************************
*/
/*头部开始*/
.topBox {
	height: 176px;
}

.top {
	background-color: #fff;
	height: 115px;
	margin: 0 auto;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 10000;
}

.logo {
	height: 115px;
	position: relative;
	animation-duration: 2s;
}

.logo a {
	display: block;
}

.logo img {
	display: block;
	position: absolute;
	left: 0px;
	top: 24px;
	height: 68px;
}

.logoMenu {
	animation-duration: 2s;
	height: 115px;
	padding: 28px 0;
	overflow: hidden;
	box-sizing: border-box;
}

.logoMenu .logoML {
	padding: 7px 25px;
	border-right: 1px solid #d4d4d4;
}

.logoMenu .logoML span {
	font-size: 16px;
	color: #999999;
	line-height: 25px;
	display: block;
}

.logoMenu .logoMR {
	padding: 7px 0 7px 25px;
	overflow: hidden;
}

.logoMenu .logoMR a {
	display: block;
}

.logoMenu .logoMR img {
	margin-right: 7px;
	height: 50px;
}

.logoMenu .logoMR .logoMRP {
	overflow: hidden;
}

.logoMRP .bold {
	display: block;
	padding-top: 5px;
}

.logoMenu .logoMR .logoMRP img {
	height: 17px;
	margin-bottom: 3px;
}

.logoMenu .logoMR span {
	font-size: 14px;
	color: #e6272e;
	line-height: 25px;
}

.logoMenu .logoML .bold {
	font-size: 22px;
	color: #333333;
}

.logoMenu .logoMR .bold {
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
}

.menuBox {
	background-color: #fff;
	border-top: 1px solid #e9e9e9;
	position: relative;
	box-shadow: 1px 7px 8px 0px rgba(0, 0, 0, 0.04);
}

.menuBox .beijin {
	position: absolute;
	top: 61px;
	height: 0;
	width: 100%;
	background: rgb(0, 0, 0, 0.4);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.menu {
	position: relative;
	display: flex;
	z-index: 1;
}

.menu dd {
	position: relative;
	flex: 1;
	z-index: 2;
	height: 61px;
	line-height: 61px;
	text-align: center;
}

.menu dd a.dh {
	display: block;
	font-size: 18px;
	color: #333;
	transition: .3s linear;
	-webkit-transition: .3s linear;
}

.menu dd .ej {
	overflow: hidden;
	position: absolute;
	top: 57px;
	height: 0;
	white-space: nowrap;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.menu dd.jianzhu .ej {
	min-width: 1440px;
}

.menu dd.jianzhu .ej li {
	float: left;
}

.menu dd .ej li {
	display: inline-block;
	margin-right: 30px;
	line-height: 55px;
	text-align: center;
}

.menu dd .ej li a {
	font-size: 14px;
	color: #fff;
}

.menu dd .ej li a:hover {
	color: #e6272e;
}

.menu dd.hover .dh {
	color: #fff;
}

.menu dd:hover .dh {
	color: #fff;
}

.menu dd .ej.open {
	height: 50px;
}

.huaKRed {
	height: 100%;
	background: #e6282d;
	position: absolute;
	top: 0;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

/*头部结束*/
/*底部开始*/
.footer {
	background: #333333;
	padding: 50px 0;
}

.footer .wrap {
	position: relative;
}

.footerMenu {
	position: relative;
	margin-bottom: 35px;
}

.footerMenu::before {
	height: 1px;
	width: 896px;
	background: #4c4c4c;
	display: block;
	content: "";
	position: absolute;
	bottom: -20px;
	left: 0;
}

.footerMenu a {
	float: left;
	display: inline;
	margin-right: 35px;
	color: #808080;
	font-size: 14px;
	position: relative;
}

.footerMenu a.last::before {
	content: none;
}

.footerMenu a::before {
	width: 1px;
	height: 13px;
	background: #4c4c4c;
	display: block;
	content: "";
	position: absolute;
	top: 4px;
	right: -20px;
}

.footerMenu a:hover {
	color: #fff;
}

.footerMenu a.hover {
	color: #fff;
}

.footer .address {
	font-size: 14px;
	color: #808080;
	line-height: 15px;
	margin-bottom: 20px;
}

.footer .phone {
	font-size: 14px;
	color: #808080;
	line-height: 15px;
	margin-bottom: 20px;
}

.footer .evm {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.footer .evm .text {
	margin-left: 20px;
}

.evm .text .pic {
	position: relative;
	top: 0;
	width: 110px;
	margin-bottom: 15px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear
}

.evm .text .pic img {
	position: absolute;
	height: 110px;
	top: 0;
	left: 0;
}

.evm .text .pic::before {
	display: block;
	content: "";
	padding-top: 100%;
}

.evm .text .title {
	text-align: center;
	font-size: 14px;
	color: #808080;
	line-height: 16px;
}

.footer .bshare-custom a {
	width: 30px;
	height: 30px;
	border-radius: 15%;
	background: #818181;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	margin-right: 8px;
	opacity: 0.75;
}
.footer .bshare-custom a:hover{
	opacity: 1;
}

.footer .bshare-custom a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.footer .text:hover .title {
	color: #fff;
}

.footer .text:hover .pic {
	top: -10px;
	box-shadow: 0px 0px 14px 1px rgba(255, 255, 255, 0.3);
}

.footerm {
	font-size: 14px;
	padding-top: 17px;
	color: #808080;
	height: 55px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #2e2e2e;
}

.footerm a {
	color: #808080;
}

.footerm div.imgo {
	cursor: pointer;
}

.footerm div.imgo img.img2 {
	margin-left: 15px;
	position: relative;
	top: 1px;
}

.footerm div.imgo img.img1 {
	position: relative;
	top: 4px;
}

/*底部结束*/
/* 右边悬浮 start*/

/* 右边悬浮 end*/
/*
********************************外层框架 end********************************
*/
/*
********************************首页样式 start********************************
*/

/*banner开始*/
.indexBanner {
	position: relative;
}

.indexBanner .bd {
	height: 700px;
	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%;
	position: relative;
}

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

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

.indexBanner .slick-dots li.slick-active {
	background: #fff;
	width: 35px;
	border-radius: 30px;
}

.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-family: "宋体";
	font-weight: bold;
	letter-spacing: 3px;
	float: left;
}

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

.xian {
	width: 975px;
	height: 225px;
	position: absolute;
	right: 0;
	top: 39.2142%;
	font-size: 0;
}

.xian .xian1 {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: 5px solid #fff;
	clip: rect(0, 0, 5px, 170px);
	box-sizing: border-box;
	transition: all .3s linear;
	animation-fill-mode: forwards;
}

.xian .xian2 {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: 5px solid #fff;
	clip: rect(220px, 1000px, 225px, 1000px);
	box-sizing: border-box;
	transition: all .3s linear;
	animation-fill-mode: forwards;
}

@keyframes mydh1 {
	0% {
		clip: rect(0, 0, 5px, 170px);
	}

	70% {
		clip: rect(0, 1000px, 5px, 170px);
	}

	100% {
		clip: rect(0, 1000px, 220px, 170px);
	}
}

@keyframes mydh2 {
	0% {
		clip: rect(220px, 1000px, 225px, 1000px);
	}

	90% {
		clip: rect(220px, 1000px, 225px, 0);
	}

	100% {
		clip: rect(195px, 1000px, 225px, 0);
	}
}

@keyframes mydh1N {
	0% {
		clip: rect(0, 1000px, 220px, 170px);
	}

	30% {
		clip: rect(0, 1000px, 5px, 170px);
	}

	100% {
		clip: rect(0, 170px, 220px, 170px);
	}
}

@keyframes mydh2N {
	0% {
		clip: rect(195px, 1000px, 225px, 0);
	}

	10% {
		clip: rect(220px, 1000px, 225px, 0);
	}

	100% {
		clip: rect(220px, 1000px, 225px, 1000px);
	}
}

.indexBanner .img {
	width: 1200px;
	position: absolute;
	left: 36%;
	top: 48.2142%;
	font-size: 0;
}

.indexBanner .img .img2 {
	margin-bottom: 8px;
}

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

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

/*banner结束*/
/* 公共 */
/* 公共 */
/*第一通栏 start*/
.column1 {
	padding-bottom: 32px;
}

.column1Title {
	text-align: center;
	padding: 53px 0;
	position: relative;
}

.column1Title .title {
	margin: 0 auto;
	height: 28px;
}

.column1Title .title i {
	width: 8px;
	height: 20px;
	display: inline-block;
	background: #e70c12;
	margin-right: 22px;
	border-radius: 50px;
	position: relative;
	top: 1px;
}

.column1Title .title span {
	color: #333333;
	opacity: 1;
	font-size: 26px;
	line-height: 28px;
	margin-right: 22px;
}

.column1Title .title .red {
	color: #e70c12;
	opacity: 0.4;
	font-size: 24px;
	line-height: 26px;
}

.column1Title .more {
	display: block;
	width: 80px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	height: 30px;
	background: linear-gradient(to top right, #fa6a6e, #e80e15);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.column1ImgL {
	margin-right: -20px;
}

.column1ImgL dd {
	float: left;
	display: inline;
	width: 25%;
	margin-bottom: 20px;
}

.column1ImgL dd .con {
	overflow: hidden;
	margin-right: 20px;
	transition: all 0.3s linear;
	-webtit-transition: all 0.3s linear;
	border-radius: 3px;
	overflow: hidden;
}

.column1ImgL dd a {
	display: block;
}

.column1ImgL dd .pic {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.column1ImgL dd .pic:before {
	display: block;
	content: '';
	padding-top: 59.4203%;
}

.column1ImgL dd .pic img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.column1ImgL dd .text {
	padding: 15px 20px;
	background: #fff;
}

.column1ImgL dd .text span {
	font-size: 16px;
	line-height: 18px;
	color: #666;
	height: 18px;
}

.column1ImgL dd .text .title {
	font-size: 18px;
	line-height: 20px;
	color: #333333;
	height: 20px;
	margin-bottom: 8px;
}

.column1ImgL dd:hover .text .title {
	color: #e70c12;
}

.column1ImgL dd:hover .con {
	box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.12);
}

.column1ImgL dd .more {
	background: url(../test/images/pic8.png) no-repeat;
	background-size: cover;
	position: relative;
}

.column1ImgL dd .more:before {
	display: block;
	content: "";
	padding-top: 81%;
}

.column1ImgL dd .more .moreText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}

.moreText span {
	font-size: 18px;
	color: #fff;
	line-height: 20px;
	margin-bottom: 30px;
	display: block;
}

.moreText a {
	font-size: 14px;
	color: #fff;
	line-height: 30px;
	display: block;
	width: 120px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 5px;
}

/*第一通栏 end*/
/*第二通栏 start*/
.column5 {
	background: #eaf0f7;
}

.column5Scroll {
	overflow: hidden;
}

.column5Scroll .bd {
	overflow: hidden;
	height: 420px;
}

.column5Scroll .slick-list {
	overflow: visible;
	margin-right: -20px;
}

.column5Scroll .myslide {
	float: left;
	display: inline;
}

.column5Btn {
	height: 420px;
	overflow: hidden;

}

.column5Btn a {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}

.column5ScrollDot {
	overflow: hidden;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}

.column5ScrollDot ul.slick-dots {
	overflow: hidden;
	display: inline-block;
}

.column5ScrollDot ul.slick-dots li {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	border: 1px solid #e70c12;
}

.column5ScrollDot ul.slick-dots li.slick-active {
	background: #e70c12
}

.column5List {
	width: 100%;
	margin-right: 20px;
}

.column5List .item {
	font-size: 0;
	width: 50%;
}

.column5List .item .itemcon {
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	height: 200px;
	display: block;
}

.column5List .itemcon .pic {
	width: 240px;
	position: relative;
	margin-right: 60px;
	overflow: hidden;
}

.column5List .itemcon .pic::before {
	display: block;
	content: "";
	padding-top: 66.6667%;
}

.column5List .itemcon .pic img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: .3s all linear;
	-webkit-transition: .3s all linear;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.column5List .itemcon .text {
	overflow: hidden;
	padding: 20px 0;
}

.column5List .itemcon .text .title {
	font-size: 18px;
	color: #333;
	line-height: 20px;
	margin-bottom: 50px;
	height: 20px;
	position: relative;
}

.column5List .itemcon .text .title::before {
	position: absolute;
	display: block;
	content: "";
	width: 60px;
	height: 1px;
	background: #dcdcdc;
	bottom: -38px;
	left: 0;
}

.column5List .itemcon .text .info {
	font-size: 14px;
	color: #333;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
}

.column5List .itemcon:hover .title {
	color: #e70c12;
}

.column5List .itemcon:hover .pic img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

/*第二通栏 end*/
/*第三通栏 start*/
.column2 {
	position: relative;
	top: -60px;
	background: url(../test/images/bg1.jpg) no-repeat;
	background-size: cover;
	height: 960px;
}

.column2 .wrap {
	position: relative;
	height: 100%;
	z-index: 2;
}

.column2Title {
	position: absolute;
	left: 0;
	top: 200px;
}

.column2Title .title i {
	background: #fff;
}

.column2Title .title span {
	color: #fff;
	font-weight: bold;
}

.column2Title .title .red {
	color: #fff;
	font-weight: lighter;
}

.column2Text {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.column2Text .info {
	width: 50%;
	font-size: 14px;
	color: #c8ddf3;
	line-height: 26px;
	height: 78px;
	margin-bottom: 80px;
}

.column2Text .clo2Btn {}

.column2Text .clo2Btn .btnText {
	float: left;
	margin-right: 105px;
	position: relative;
	display: block;
}

.clo2Btn .btnText::before {
	position: absolute;
	width: 1px;
	height: 37px;
	background: #4786c5;
	display: block;
	content: "";
	top: 18px;
	right: -52px;
}

.clo2Btn .btnTextLast::before {
	content: none;
}

.clo2Btn .btnText .pic {
	width: 40px;
	height: 42px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.clo2Btn .btnText .title {
	font-size: 16px;
	line-height: 18px;
	color: #fff;
}

.column2Box {
	width: 550px;
	height: 550px;
	border-radius: 50%;
	background: rgb(255, 255, 255, 0.2);
	position: absolute;
	right: 0;
	top: 10%;
}

.column2Box1 {
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: url(../test/images/box.png) no-repeat;
	background-size: cover;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.column2Boxtext {
	width: 365px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
}

.column2Boxtext .title {
	font-size: 21px;
	font-weight: bold;
	color: #333;
	margin-bottom: 35px;
	line-height: 21px;
	cursor: pointer;
}

.column2Boxtext .info {
	font-size: 15px;
	line-height: 26px;
	color: #333;
	height: 190px;
	width: 100%;
	margin-bottom: 40px;
	cursor: pointer;
}

.column2Boxtext .btn {
	width: 120px;
	height: 33px;
	border: 1px solid #999999;
	color: #666;
	border-radius: 3px;
	font-size: 15px;
	line-height: 33px;
	display: block;
	margin: 0 auto;
}

.column2Box3 {
	position: absolute;
	width: 500px;
	height: 132px;
	top: -50px;
	left: 0;
	overflow: hidden;
}

.column2Box4 {
	width: 600px;
	height: 600px;
	border-radius: 50%;
	border: 2px solid #5e99d2;
	position: absolute;
	left: 50%;
	top: 0;
	transform: translatex(-50%);
	-webkit-transform: translatex(-50%);
}

.column2Boxtext .title:hover {
	color: #e70c12;
}

.column2Boxtext .btn:hover {
	font-weight: bold;
	color: #333;
}

/*第三通栏 end*/
/*第四通栏 start*/
.column3 {
	height: 450px;
}

.column3 .wrap {
	position: relative;
	top: -210px;
	overflow: hidden;
	height: 630px;
	z-index: 2;
}

.column3List .column3Box {
	position: relative;
	top: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	float: left;
	display: block;
	margin-right: 1px;
	width: 19.9446%;
	padding: 60px 0;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}

.column3boxLast {
	margin-right: 0 !important;
}

.column3Box .title {
	font-size: 18px;
	color: #333;
	margin-bottom: 50px;
	overflow: hidden;
	width: 100%;
	height: 24px;
}

.column3Box .pic {
	width: 20.4285%;
	position: relative;
	overflow: hidden;
	margin: auto auto 60px auto;
}

.column3Box .pic img {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.column3Box .pic::before {
	display: block;
	content: "";
	padding-top: 100%;
}

.column3Box .info {
	font-size: 14px;
	line-height: 18px;
	width: 34%;
	color: #666;
	/* margin-bottom: 30px; */
	margin: auto auto 30px auto;
	height: 35px;
}

.column3Box span {
	font-size: 14px;
	color: #666;
	margin-bottom: 50px;
	display: block;
}

.column3Box i {
	width: 20px;
	height: 2px;
	background: #E70C12;
	display: block;
	margin: 0 auto;
}

.column3 .more {
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
	background: linear-gradient(to top right, #fa6a6e, #e80e15);
	padding: 15px 85px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 17px;
}

.column3 .column3List .column3Box:hover {
	top: -10px;
}

.column3 .more:hover {
	bottom: 0px;
}

/*第四通栏 end*/
/*第五通栏 start*/
.column4 {
	background: url(../test/images/bg2.png) no-repeat;
	background-size: cover;
	height: 600px;
}
.column4  .column1Title .title .red{font-size: 18px;line-height: 20px;}
/* 背景漂浮 */
#balloon-container {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	z-index: 1;
}

.balloon {
	height: 60px;
	width: 60px;
	position: relative;

}

@keyframes float {
	from {
		transform: translateY(320vh)rotateZ(0);
		opacity: 1;
	}

	to {
		transform: translateY(-300vh)rotateZ(360deg);
		opacity: 0;
	}
}
.bgP{position: relative;}
.column4 .wrap {
	position: relative;
	height: 100%;
	z-index: 2;
}
.column4 .column2Title {
	width: 100%;
	text-align: left;
	position: relative;
	top: 0;
}

.column4 .column2Title .more {
	text-align: center;
	background: linear-gradient(to top right, #5497d6, #5ea8ef);
}

.column4Scroll {
	overflow: hidden;
}

.column4Scroll .bd {
	overflow: hidden;
	height: 315px;
}

.column4Scroll .slick-list {
	overflow: visible;
	margin-right: -20px;
}

.column4Scroll .myslide {
	float: left;
	display: inline;
	margin-right: 10px;
}

.column4Btn {
	width: 100%;
	height: 315px;
	border-radius: 5px;
	overflow: hidden;
}

.column4Btn a {
	width: 100%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}

.column4Btn a .bg {
	width: 100%;
	height: 315px;
}

.column4Btn a .box {
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 18%;
	padding: 20px 30px;
	background: rgb(0, 0, 0, 0.3);
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column4Btn a .box .pic {
	position: relative;
	display: none;
}

.column4Btn a .box .pic::before {
	display: block;
	content: "";
	padding-top: 50%;
}

.column4Btn a .box .pic img {
	position: absolute;
	top: 0;
	left: 50%;
	height: 30px;
	transform: translateX(-50%);
}

.column4ScrollDot {
	overflow: hidden;
	margin: 0 auto;
	padding: 60px 0;
	text-align: center;
}

.column4ScrollDot ul.slick-dots {
	overflow: hidden;
	display: inline-block;
}

.column4ScrollDot ul.slick-dots li {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	float: left;
	margin-left: 10px;
	cursor: pointer;
	border: 1px solid #fff;
}

.column4ScrollDot ul.slick-dots li.slick-active {
	background: #fff
}

.column4Btn a:hover .box .pic {
	display: block;
	width: 96px;
	 margin: 0 auto;
}

.column4Btn a:hover .box {
	height: 100%;
}

.column4Btn a:hover .box1 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

/*第五通栏 end*/
/*首页弹窗 start*/
.tanCuangBox {
	position: fixed;
	z-index: 100000;
	background: rgb(0, 0, 0, 0.75);
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.tanCuangBox .tanCuang {
	background: url(../images/tcbg.png) no-repeat center center;
	position: relative;
	height: 560px;
	top: 250px;
}

.tanCuang .tanCList {
	width: 44.4444%;
	position: absolute;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
}

.tanCuang .tanCList .itemBox {
	margin-right: -70px;
}

.tanCuang .tanCList .item {
	font-size: 0;
	width: 33.3333%;
}

.tanCuang .tanCList .item .con {
	margin-right: 70px;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	color: #333;
}

.tanCList .item .con .pic {
	display: block;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
}

.tanCList .item .con .pic::before {
	display: block;
	content: "";
	padding-top: 100%;
}

.tanCList .item .con .pic img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.tanCuang .btn {
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 30px;
	right: 30px;
	background: url(../images/x.png) no-repeat center center;
}

.tanCuang .tanCList .item:hover .con .pic {
	box-shadow: 0px 3px 8.64px 0.36px rgba(0, 0, 0, 0.26);
}

/*首页弹窗 end*/
/*
********************************首页样式 end********************************
*/
/*内页框架开始*/
/* 内页banner 开始*/
.subBannerN {
	height: 340px;
	clear: both;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

/* 内页banner 结束*/
/*专题页banner*/
.subBanner {
	height: 500px;
	clear: both;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.subBannerText {
	position: absolute;
	bottom: 175px;
}

.subBannerText .title {
	font-size: 60px;
	font-weight: bold;
	line-height: 62px;
	color: #fff;
	margin-bottom: 18px;
}

.subBannerText .titlec {
	font-size: 30px;
	line-height: 32px;
	color: #fff;
}

.subBannerText .bgc {
	position: absolute;
	width: 1400px;
	height: 60px;
	top: 0;
	left: -660px;
	background: rgb(0, 0, 0, 0.1);
	z-index: 1;
}

/*专题页banner结束*/
/* 当前位置开始*/
.locationBox {
	clear: both;
	width: 100%;
	background: #fff;
	box-shadow: 0 3px 5px #dcdcdc;
	height: 75px;
}

.location {
	background-position: left center;
	background-repeat: no-repeat;
	height: 75px;
	line-height: 75px;
	background-image: url(../test/imgList1/home.png);
	padding-left: 26px;
	position: relative;
}

.location .nowpic {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: url(../images/nowhome.png) no-repeat center center;
}

.locationL {
	overflow: hidden;
	font-size: 14px;
	color: #000000
}

.locationL a {
	display: inline;
	float: left;
	padding-left: 14px;
	margin-right: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/icon8.png);
	font-size: 14px;
	height: 75px;
	line-height: 75px;
	color: #333333
}

.locationL em {
	float: left;
	display: inline;
	font-style: normal;
	margin: 0 5px;
}

.locationR a {
	display: block;
	font-size: 14px;
	height: 73px;
	margin-left: 28px;
	color: #333333;
}

.locationR a:hover {
	color: #e6282d;
}

.locationR a.hover {
	color: #e6282d;
	border-bottom: 3px solid #e6282d;
}

.locationL a:hover {
	color: #fa7c7f;
}

.locationL a.hover {
	color: #e6282d;
}

/* 当前位置结束*/
/*页码开始*/
.page {
	text-align: center;
	clear: both;
	font-size: 14px;
}

.page a {
	display: inline-block;
	overflow: hidden;
	padding: 6px 12px;
	color: #999999;
	border-radius: 3px;
	background: #fff;
	margin: 0 3px;
}

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

.page a:hover {
	background: #e6282d;
	color: #fff;
}

.page a.hover {
	background: #e6282d;
	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(../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)
}

/*页码结束*/
/*内页框架结束*/