@charset "UTF-8";

/* ========== 外层框架 start ========== */
.animHide {
	opacity: 0;
}

/* ————— 头部 start ————— */
.topBox {
	background-color: #fff;
	height: 88px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 50;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.05);
}

.logo {
	float: left;
	display: inline;
	padding-top: 18px;
}

.logo img {
	height: 52px;
}

.topRight {
	float: right;
	display: inline;
}

.topRight1 {
	float: left;
	display: inline;
	margin-right: 40px;
}

.topRight2 {
	overflow: hidden;
	float: left;
	display: inline;
}

.topRight2 a {
	color: #999999;
	font-size: 16px;
	height: 88px;
	float: left;
	display: inline;
	line-height: 88px;
}

.topRight2 em {
	float: left;
	display: inline;
	width: 1px;
	height: 17px;
	background-color: #a9a9a9;
	margin: 35px 12px 0;
	border-left: 1px solid #c6c6c6;
}

.topRight2 a.hover {
	color: #019380;
}


.topRight3 {
	display: inline;
	float: right;
}

.topRight3 .button {
	float: left;
	display: inline;
	position: relative;
}

.topRight3 .button2 {
	float: left;
	display: inline;
}

.topRight3 .button a {
	height: 88px;
	width: 102px;
	background-image: url(../images/common/own.png);
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
}
.topRight3 .button a.succeed{
	height: 88px;
	width: 102px;
	display: inline-block;
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	background:none;
	padding: 36px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.logOut{width: 100px;height: 0;opacity: 0;visibility: hidden; transition: all 300ms linear;-webkit-transition: all 300ms linear;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);position: absolute;top: 88px;right: 15px;}
.logOut.hover{opacity: 1;visibility: visible;background: #fff;}
.logOut .logOutBtn{display: block !important;width: 130% !important; height: 50px !important;line-height: 50px !important;text-align: center;color: #333;font-size: 16px;background-image: none !important;background-color: #fff;}
.logOut .logOutBtn:hover{background: #eeeeee;color: #019380;}
.topRight3 .button2 a {
	height: 88px;
	width: 24px;
	background: url(../images/common/search.png) no-repeat center;
	display: inline-block;
	float: left;
	display: inline;
}
.xgmmBox{}
.xgmmBg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none\9;z-index: 999;transition: all 200ms linear;-webkit-transition: all 200ms linear;background-color: rgba(0,0,0,0.5);opacity: 0;visibility: hidden;}
.xgmmBg.hover{opacity: 1;visibility: visible;display: block\9;}
.xgmmPop{width: 500px;height: 500px;border-radius: 10px;background-color: #fff;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);-webkit-transform: translate(-50%,-50%) scale(0);z-index: 1000;transition: all 300ms linear;-webkit-transition: all 300ms linear;display: none\9}
.xgmmPop.hover{transform: translate(-50%,-50%) scale(1);-webkit-transform: translate(-50%,-50%) scale(1);display: block\9;}
.xgmmPopupCon{padding: 30px;position: relative;}
.xgmmPopupCon .xgmmTitle{height: 50px;line-height: 50px;text-align: center;font-size: 30px;color: #333;margin-bottom: 40px;}
.xgmmInputCon{overflow: hidden;}
.xgmmInput{border-bottom: 1px solid #d1d3d4; height: 50px;line-height: 50px;margin-bottom: 35px;position: relative;overflow: hidden;}
.xgmmInput input{width: 100%;height: 100%;line-height: 50px;font-size: 16px;color: #666;padding: 0 35px;box-sizing: border-box;-webkit-box-sizing: border-box;outline: none;border: none;border-radius: 6px;overflow: hidden;background: none;}
.xgmmInput input::-webkit-input-placeholder{font-size: 20px;color: #999;font-size: 14px;}
.xgmmInput i{position: absolute;width: 28px;height: 32px;top: 50%;left: 0;margin-top: -14px;}
.xgmmInput span{position: absolute;width: 30px;height: 50px;top: 0;right: 22px;background: url(../images/pwdeyeIcn1.png) no-repeat center center;cursor: pointer;background-size: auto 8px}
.xgmmInput span.open{background: url(../images/pwdeyeIcnh1.png) no-repeat center center;}
.xgmmInputPwd i{background: url(../images/loginIcn5.png) no-repeat center center;background-size: auto 22px;}
.xgmmBtnBox{text-align: center;}
.xgmmBtnBox a{display: inline-block;font-size: 18px;color: #ffffff;text-align: center;width: 140px; height: 50px;line-height: 50px;border-radius: 6px;background-color: #279895;margin: 0 10px;}
.xgmmBtnBox a.xgmmCancel{background-color: #bcbcbc;}
.xgmmBtnBox a:hover{opacity: 0.9;}
/*搜索*/
.model.show::before {
	animation: menu-animation .8s ease-out forwards;
	transform: scale(2) translateY(0);
}

.model.show {
	display: block;
}

.model {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10600;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.model span {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
	font-size: 72px;
	text-align: center;
	overflow: hidden;
	color: #fff;
	z-index: 10;
}

.model::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0, 0, 0, .87);
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	border-radius: 100%;
	transform: scale(.04) translateY(9999px);
	overflow: hidden;
	z-index: 9;
}

.searchPWBox {
	width: 600px;
	height: 60px;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9;
	margin: -30px 0 0 -300px;
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	;
}

.searchPWBox input {
	display: block;
	float: left;
	width: 530px;
	height: 60px;
	background: none;
	border: none;
	line-height: 60px;
	color: #333;
	font-size: 16px;
	margin-left: 10px;
}

.searchPWBox input::placeholder {
	color: #999;
	font-size: 16px;
}

.searchPWBox input::-webkit-placeholder {
	color: #999;
	font-size: 16px;
}

.searchPWBox a {
	float: left;
	display: inline;
	width: 60px;
	height: 60px;
	background: #019380 url(../images/common/search1.png) no-repeat center center;
	background-size: 18px 18px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
}

.searchPWBox a:hover {
	opacity: 0.9;
}

@keyframes menu-animation {
	0% {
		opacity: 0;
		transform: scale(.04) translateY(300%)
	}

	40% {
		transform: scale(.04) translateY(0);
		transition: ease-out
	}

	40% {
		transform: scale(.04) translateY(0)
	}

	60% {
		opacity: 1;
		transform: scale(.02) translateY(0)
	}

	61% {
		opacity: 1;
		transform: scale(.04) translateY(0)
	}

	99.9% {
		opacity: 1;
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%
	}

	100% {
		opacity: 1;
		transform: scale(2) translateY(0);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0
	}
}

/* 搜索end */
/* 导航 start */
/*menu开始*/

.menuDl {
	position: relative;
}

.menuDl:after {
	display: block;
	content: "";
	clear: both;
}

.menuDl dd {
	display: inline;
	float: left;
	margin: 0 3px;
	position: relative;
	z-index: 3;
}

.menuDl dd span.ejSpan {
	display: block;
	position: relative;
}

.menuDl dd span a {
	height: 88px;
	line-height: 88px;
	display: block;
	overflow: hidden;
	color: #333333;
	font-size: 16px;
	position: relative;
	padding: 0 16px;
	z-index: 5;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.menuDl dd span.ejSpan:before {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 23px;
	left: 0;
	top: 25px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}

.menuDl dd span.ejSpan:after {
	display: block;
	content: "";
	position: absolute;
	width: 100%;
	height: 23px;
	left: 0;
	bottom: 25px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	visibility: hidden;
	opacity: 0;
}

.menuDl dd.hover span.ejSpan:before {
	top: 17px;
	visibility: visible;
	opacity: 1;
}

.menuDl dd.hover span.ejSpan:after {
	bottom: 17px;
	visibility: visible;
	opacity: 1;
}

.menuDl dd.hover span a {
	color: #019380;
}

.menuDl dd.hover span a::after {
	width: 30px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background-color: #019380;
}

.menuDl dd span a::after {
	display: block;
	content: "";
	height: 2px;
	width: 0px;
	left: 50%;
	position: absolute;
	bottom: 24px;
	transition: all 500ms;
	-webkit-transition: all 500ms;
}

.menuDl dd .div_a {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 102px;
	left: 0;
	z-index: 99;
	background: #fff;
	display: none;
}

.menuDl dd .div_a a {
	display: block;
	height: 35px;
	overflow: hidden;
	text-align: center;
	line-height: 35px;
	text-align: center;
	color: #333333;
	font-size: 14px;
}

.menuDl dd .div_a a.hover {
	background: #fff
}

.menuDl dd .div_a a:hover {
	background: #fff
}

.subMenuDiv {
	display: none;
	width: 100%;
	position: absolute;
	/*left: 0px;*/
	top: 88px;
	/*opacity: 0;*/
	z-index: 1;
}

.menuDl dd.hover .subMenuDiv {
	z-index: 3;
}

.menuDl dt {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
}

.subMenu_ul {
	width: 1000px;
	overflow: hidden;
	position: relative;
	z-index: 3;
}

.subMenuShadow {
	height: 100%;
	overflow: hidden;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	left: 50%;
	top: 0px;
	z-index: 1;
	width: 50000px;
	margin-left: -25000px;
}

.subMenu_ul li {
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	position: relative;
	z-index: 2;
	float: left;
	display: inline;
	margin: 0px 15px;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

.menuDl dd.hover .subMenu_ul li {
	opacity: 0;
	-webkit-animation: liMove 0.3s linear forwards;
	-o-animation: liMove 0.3s linear forwards;
	animation: liMove 0.3s linear forwards;
}

@keyframes liMove {
	0% {
		transform: translateY(-110%);
		opacity: 0;
	}

	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}

.menuDl dd.hide .subMenu_ul li {
	opacity: 1;
	-webkit-animation: liHIde 0.3s linear forwards;
	-o-animation: liHIde 0.3s linear forwards;
	animation: liHIde 0.3s linear forwards;
}

@keyframes liHIde {
	0% {
		transform: translateY(0px);
		opacity: 1;
	}

	100% {
		transform: translateY(110%);
		opacity: 0;
	}
}

.subMenu_ul li a {
	display: block;
	overflow: hidden;
	font-size: 14px;
	color: #333333;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.subMenu_ul li a:hover {
	color: #019380;
}

.half .subMenu_ul li a {
	font-size: 14px;
}

.subMenu_ul li a span {
	position: relative;
}

.subMenu_ul li:hover a span {
	font-weight: bold;
	color: #019380;
}

.subMenu_ul li a span em {
	display: block;
	width: 2px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
	background: #d6000f;
}

.subMenuR {
	width: 50%;
	overflow: hidden;
	padding: 20px 0px;
}

.menuTop {
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	font-size: 24px;
	color: #555;
	padding-left: 50px;
}

.subMenuCont {
	overflow: hidden;
	position: relative;
	margin-right: 15px;
}

.listBg {
	width: 0px;
	height: 0px;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
}

.subMenuTop {
	height: 40px;
	line-height: 40px;
	display: none;
	font-size: 16px;
	color: #888;
	overflow: hidden;
	padding: 15px 0px 10px 50px;
}

.half {
	float: left;
	display: inline;
	width: 50%;
}

.half .subMenuTop {
	display: block;
}

.subMenuL {
	width: 50%;
	padding: 20px 0px;
}

.subMenuTxt {
	height: 250px;
	overflow: hidden;
	padding: 20px;
	margin: 0px 20px;
}

.subMenuLTop {
	display: none;
	text-align: center;
	font-size: 34px;
	color: #333;
	overflow: hidden;
}

.subMenuIntr {
	display: none;
	overflow: hidden;
	font-size: 14px;
	color: #404040;
	line-height: 25px;
}

.menuBg {
	display: none;
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 88px;
	z-index: 1;
	background: rgba(255, 255, 255, 0.6);
}

.subMenuDiv.showMenu {
	-webkit-animation: showMenu 0.5s linear forwards;
	-o-animation: showMenu 0.5s linear forwards;
	animation: showMenu 0.5s linear forwards;
}

@keyframes showMenu {
	0% {
		opacity: 0.5
	}

	100% {
		opacity: 1
	}
}

.subMenuDiv.hideMenu {
	-webkit-animation: hideMenu 0.5s linear forwards;
	-o-animation: hideMenu 0.5s linear forwards;
	animation: hideMenu 0.5s linear forwards;
}

@keyframes hideMenu {
	0% {
		opacity: 0.2
	}

	100% {
		opacity: 0
	}
}

.topHide {
	position: relative;
	width: 100%;
	height: 100px;
}

/*menu结束*/
/* 导航 end */
/* ————— 头部 end ————— */
/* ————— 底部 start ————— */
.footer {
	background-color: #019380;
	position: relative;
}

.footerUp {
	padding-bottom: 17px;
	border-bottom: 1px solid #34a999;
	position: relative;
}

.footerUpL {
	float: left;
	display: inline;
}

.footerUpR {
	float: right;
	display: inline;
	margin-top: 55px;
}

.footerLogo {
	margin-bottom: 24px;
}

.footerLogo .up {
	padding-top: 40px;
	width: 282px;
	overflow: hidden;
	height: 40px;
	margin-bottom: 13px;
}

.footerLogo .up .upL {
	float: left;
	display: inline;
	margin-top: 5px;
}

.footerLogo .up .upL img {
	height: 30px;
	display: block;
}

.footerLogo .up .upR {
	float: right;
	display: inline;
}

.footerLogo .up .upR img {
	height: 40px;
	display: block;
}

.footerLogo .down img {
	height: 40px;
	display: block;
}

.footerUpLList .item {
	margin-bottom: 18px;
}

.footerUpLList .item .title{
	line-height: 20px;
	height: 20px;
	color: #ffffff;
	font-size: 16px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.footerUpLList .item:nth-child(1) .title{background: url(../images/phoneIcn.png) no-repeat center left;}
.footerUpLList .item:nth-child(2) .title{background: url(../images/e-mailIcn.png) no-repeat center left;}
.footerUpLList .item:nth-child(3) .title{background: url(../images/addressICn.png) no-repeat center left;}
.footerUpLList .item .info {
	line-height: 25px;
	height: 25px;
	color: #ffffff;
	font-size: 14px;
}

.footerUpLList .item.ftPhone .info {
	font-size: 18px;
}

.footerMenu {
	float: right;
	display: inline;
	overflow: hidden;
}

.footerMenu .item {
	float: left;
	display: inline;
	margin-right: 52px;
}

.footerMenu .item .yiJi a {
	font-size: 18px;
	line-height: 63px;
	height: 63px;
	color: #ffffff;
	display: block;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

.footerMenu .item .erJi a {
	font-size: 14px;
	line-height: 38px;
	height: 38px;
	color: #ffffff;
	display: block;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

.footerUpR .ewm {
	float: right;
	display: inline;
	overflow: hidden;
}

.footerUpR .ewm .item {
	float: left;
	display: inline;
	margin-left: 30px;
}

.footerUpR .ewm .item .pic2 {
	border: 1px solid #1a9d8d;
	padding: 9px;
}

.footerUpR .ewm .item img {
	display: block;
	width: 102px;
	height: 102px;
}

.footerUpR .ewm .item span {
	line-height: 35px;
	height: 35px;
	display: block;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
.selectFSel {position: relative; width:208px;height: 30px;line-height: 30px;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #007f6e;position: absolute;bottom: 100px;right: 65px;}
.selectFSel .seljg {padding-left: 10px;line-height: 30px;color: rgba(255,255,255,0.6);font-size: 14px;cursor: pointer;}
.selectFSel i{display: block;width: 40px;height: 30px;background: url(../images/footerXl.png) no-repeat center center;position: absolute;right: 0;top: 0px;cursor: pointer;z-index: 2;}
.selectFSel i::before{display: block;content: '';width: 2px;height: 20px;background-color: rgba(255,255,255,0.2);position: absolute;top: 5px;left: 0;}
.selectFSel .selTj{width: 100%;overflow: hidden;border: 1px solid #e6e6e6;max-height: 120px;overflow-y: auto;position: absolute;left: -1px;top: 30px;background: #fff;display: none;z-index: 100000}
.selectFSel .selTj::-webkit-scrollbar-thumb{width: 2px;}
.selectFSel .selTj a {display: block;height: 30px;line-height: 30px;padding-left: 10px;color: #666;margin-bottom: 1px;font-size: 14px;}
.selectFSel .selTj a:hover {background: #1a9d8d;color: #fff;}
.selectFSel .selTj a.hover {background: #1a9d8d;color: #fff;}
#backTop{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background:#ffffff url(../images/backTop.png) no-repeat center;
	position: absolute;
	right: 0;
	bottom: 90px;
	cursor: pointer;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
}
#backTop::before{ content: ""; display: block; width: 55px;height: 55px; border-radius: 50%; background: rgba(255,255,255,.4); position: absolute;animation: circle-opacity 2s infinite; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0,0);}
/* #backTop:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);} */
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform:translate(-50%,-50%) scale(1);
    }
    to {
        opacity: 0;
        transform:translate(-50%,-50%) scale(2);
    }
}
.footerDown {
	line-height: 86px;
	height: 86px;
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
}

.footerDown a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	margin: 0 4px;
}
.footerDown a.guohui{background: url(../images/common/beian.png) no-repeat center left;padding-left: 28px;} 
.footerDown span {
	margin: 0 4px;
}

.footerDown img {
	margin: 0 4px;
	vertical-align: text-bottom;
}

.footerDown .footerDown1 {
	float: left;
	display: inline;
}

.footerDown .footerDown2 {
	float: right;
	display: inline;
}

.footerMenu .item .yiJi a:hover,
.footerMenu .item .erJi a:hover,
.footerDown a:hover {
	color: #f6d90a;
}

/* ————— 底部 end ————— */
/* ========== 外层框架 end ========== */
/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.subBanner::after{content: '';display: block;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.15);width: 100%;height: 100%;}
.subBanner:before {
	display: block;
	content: '';
	padding-top: 31.25%;
}

.subBanner img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	object-position: center center;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 3s ease;
	-webkit-transition: all 3s ease;
}

.subBanner.on img {
	transform: scale(1);
	-webkit-transform: scale(1);
}
.subBanner .textBox{position: relative;}
.subBanner .text {
	min-width: 288px;
	height: 134px;
	position: absolute;
	bottom: 70px;
	left: 0;
	background-color: rgba(1,147,128,0.7);
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 2;
}
.subBanner .text::before{content: '';display: block;width: 1px;height: 110px;background-color: #fff;position: absolute;bottom: -70px;left: 20px;}
.subBanner .text .title{font-size: 30px;height: 38px;line-height: 38px;color: #fff;}
.subBanner .text span{font-size: 28px;height: 30px;line-height: 30px;color: #fff;text-transform: uppercase;font-family: '宋体';}
.subBanner .wrap1 {
	height: 100%;
}

.subBanner .textC {
	position: relative;
	text-align: center;
}

.subBanner .textC .cnTitle {
	font-size: 30px;
	color: #ffffff;
	line-height: 30px;
}

.subBanner .textC .enTitle {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 30px;
	text-transform: uppercase;
}

/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox {
	clear: both;
	width: 100%;
	height: 60px;
	background: #fafafa;
}

.location {
	height: 60px;
	overflow: hidden;
	padding-left: 28px;
	background: url(../images/location.png) no-repeat center left;
}
.location span{display: inline;float: left;line-height: 60px;font-size: 14px;color: #666;}
.location a {
	display: inline;
	float: left;
	height: 60px;
	line-height: 60px;
	padding-left: 4px;
	color: #666;
	font-size: 14px;
}

.location a:hover {
	color: #019380
}

.location a.hover {
	color: #019380
}

.subNav a {
	display: inline;
	float: left;
	line-height: 60px;
	height: 57px;
	color: #666666;
	font-size: 14px;
	margin-right: 50px;
}

.subNav a.hover {
	color: #019380
}

.subNav a:hover {
	color: #019380
}

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

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

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

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

.page a.hover {
	background: #019380;
	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/common/page/firstPage.png)
}

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

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

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

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

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

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

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

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

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

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

/* ————— 页码 end ————— */
/* ————— indexBanner start ————— */
.indexBanner {
	position: relative;
	width: 100%;
	height: 100%;
}

.indexBannerLoad {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 1.3s;
	-webkit-transition: all 1.3s;
}

.indexBannerLoad svg {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	width: 100px;
	height: 100px;
	fill: rgb(215, 23, 24);
}

.indexBannerLoad.hide {
	visibility: hidden;
	opacity: 0;
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.indexBanner .bd {
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.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 {
	width: 100%;
	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: 26px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.indexBanner .slick-dots li {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 0 9px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	border: 2px solid transparent;
}

.indexBanner .slick-dots li:before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.indexBanner .slick-dots li.slick-active {
	border: 2px solid #ffffff;
}

.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;
}

.indexBanner .img {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 0;
}
.indexBanner .img .imgItem{margin-bottom: 25px;width: 1660px;}
.indexBanner .img .imgItem.imgItem1{margin-bottom: 25px;}
.indexBanner .img .imgItem.imgItem2{margin-bottom: 0;width: 84%;margin: 0 auto;}
.indexBanner .img .imgItem img {
	overflow: hidden;
	display: inline-block;
	visibility: hidden;
}

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

/* ————— indexBanner end ————— */
/* ========== 内层框架 end ========== */
/* ========== 首页 start ========== */
/* ————— 公共部分 start ————— */


/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
/* ————— 第1通栏 end ————— */
/*登录页面 start */
.login{width: 100%;height: 100%;background: url(../test/loginBg.jpg) no-repeat center center;position: relative;}
.loginYy{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.4);}
.loginPopup{width: 500px;height: 584px;background: rgba(255,255,255,0.45);position: absolute;top: 50%;right: 23.9583%;transform: translateY(-50%); overflow: hidden;border-radius: 10px;}
.loginPopupCon{padding: 40px 45px 0 45px;position: relative;}
.loginPopupCon .loginTitle{height: 50px;line-height: 50px;text-align: center;font-size: 36px;color: #fff;margin-bottom: 60px;}
.loginInputCon{overflow: hidden;}
.loginInput{border-bottom: 1px solid #e3e5e7; height: 50px;line-height: 50px;margin-bottom: 35px;position: relative;overflow: hidden;}
.loginInput input{width: 100%;height: 100%;line-height: 50px;font-size: 16px;color: #333333;padding: 0 40px;box-sizing: border-box;-webkit-box-sizing: border-box;outline: none;border: none;border-radius: 6px;overflow: hidden;background: none;}
.loginInput input::-webkit-input-placeholder{font-size: 20px;color: #fff;}
.loginInput i{position: absolute;width: 28px;height: 32px;top: 50%;left: 0;margin-top: -14px;}
.loginInput span{position: absolute;width: 30px;height: 50px;top: 0;right: 22px;background: url(../images/pwdeyeIcn.png) no-repeat center center;cursor: pointer;}
.loginInput span.open{background: url(../images/pwdeyeIcnh.png) no-repeat center center;}
.loginInputName i{background: url(../images/loginIcn1.png) no-repeat center center;background-size: 25px 28px;}
.loginInputPwd i{background: url(../images/loginIcn2.png) no-repeat center center;background-size: 22px 26px;}
.loginInputYzm i{background: url(../images/loginIcn3.png) no-repeat center center;background-size: 28px 32px;}
.loginInputCon .yzmPic{width: 123px;height: 45px;margin-left: 12px;border-radius: 5px;overflow: hidden;}
.loginInputCon .yzmPic img{border-radius: 5px;overflow: hidden;width: 100%;height: 100%;object-fit: contain;cursor: pointer;}
.loginBtn{text-align: center;}
.loginBtn a{display: inline-block;font-size: 20px;color: #ffffff;text-align: center;width: 280px; height: 50px;line-height: 50px;border-radius: 6px;background-color: #279895;}
.radio{overflow: hidden;position: relative;margin-top: -20px;margin-bottom: 60px;}
.radio li{display: inline;float: left;overflow: hidden;height: 30px;line-height: 30px;margin-right: 50px;cursor: pointer;font-size: 20px;color: #fff;}
.radio li em{display: inline;float: left;width: 14px;height: 14px;border: 2px solid #fff;border-radius: 2px; margin-top: 8px;margin-right: 10px;}
.radio li.selected em{background: url(../images/gou.png) no-repeat center center;}
/*登录页面 end */
#fullpage {
    transition: all 1s cubic-bezier(0.6, 0, 0, 0.6) !important;
    transition-delay: 0.2s !important;
}
#fullpage .section{
	box-sizing: border-box;
}
#fullpage .section5{
	padding-top: 0px !important;
}
/* ————— 第2通栏 start ————— */
.company {
	padding-top: 50px;
}

.companyL {
	float: left;
	display: inline;
	width: 45.75%;
}

.companyL .title .titleC {
	font-size: 36px;
	line-height: 70px;
	height: 70px;
	color: #333333;
}

.companyL .title .line {
	width: 18px;
	height: 2px;
	background-color: #019380;
}

.companyL .title .titleE {
	font-size: 22px;
	line-height: 57px;
	height: 57px;
	color: #999999;
	margin-bottom: 38px;
}

.companyLScroll {
	position: relative;
	margin-bottom: 32px;
}

.companyLScroll .bd {
	overflow: hidden;
	padding: 0px 0;
}

.companyLScroll .slick-list {
	overflow: visible;
	margin-right: -30px;
}

.companyLScroll .myslide {
	width: 25%;
	float: left;
	display: inline;
}

.companyLScroll .con {
	margin-right: 30px;
}

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

.companyLScroll .prev {
	display: block;
	width: 30px;
	height: 40px;
	cursor: pointer;
	background: url(../images/scollLeft.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px;
	z-index: 1;
	display: none;
}

.companyLScroll .next {
	display: block;
	width: 30px;
	height: 40px;
	cursor: pointer;
	background: url(../images/scollRight.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -20px;
	z-index: 1;
	display: none;
}

.companyL .info {
	line-height: 32px;
	height: 96px;
	font-size: 14px;
	color: #666666;
	overflow: hidden;
}

.companyL .item2 {
	overflow: hidden;
	padding-top: 47px;
	padding-bottom: 44px;
}

.companyL .item2 .iconList {
	width: 100px;
	border-bottom: 1px solid #999999;
	float: left;
	display: inline;
	margin-right: 74px;
}

.companyL .item2 .iconList .icon {
	position: relative;
	height: 25px;
	margin: 0 auto;
	width: 32px;
}

.companyL .item2 .iconList .icon img {
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.companyL .item2 .iconList .icon img.icon2 {
	visibility: hidden;
	opacity: 0;
}

.companyL .item2 .iconList .text {
	font-size: 14px;
	line-height: 46px;
	height: 46px;
	color: #999999;
	text-align: center;
}

.companyL .item2 .iconList:hover .text {
	color: #019380;
}

.companyL .item2 .iconList:hover {
	border-color: #019380;
}

.companyL .item2 .iconList:hover .icon img.icon2 {
	visibility: visible;
	opacity: 1;
}

.companyL .item2 .iconList:hover .icon img.icon1 {
	visibility: hidden;
	opacity: 0;
}
.companyL .btn{
	width: 150px;
	background-color: #019380;
	border-radius: 22px;
	display: block;
	line-height: 44px;
	height: 44px;
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
}
.companyL .btn a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding-right: 10px;
	background-image: url(../images/common/iconRight.png);
	background-repeat: no-repeat;
	background-position: 111px center;
}

.companyL .btn:hover{
	transform: translateY(-5px);
}
.indexVideo{float: right;display: inline;width: 693px;height: 394px;margin: 110px auto 0;position: relative;}
.indexVideo .bg {display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgb(1 147 128 / .15);transform: rotate(-7deg);padding: 0px 20px;transform-origin: calc(50% - -2px) calc(50% - -168px);}
.indexVideo #col1mui-player{height: 100% !important;cursor: pointer;}
.indexVideo .videoBox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.indexVideo #muiPlaybtn{position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3) url(../images/play.png)no-repeat center center;width: 100%;height: 100%;display: block;z-index: 999;cursor: pointer;}
#col1mui-player .mplayer-header{background: none;}
#col1mui-player .mplayer-footer{background: none;}
#col1mui-player .video-wrapper video{position: relative;}
#col1mui-player .mplayer-poster:before{background: none;}
#col1mui-player .mplayer-header.show{background: linear-gradient(180deg,rgba(0,0,0,.5),hsla(0,0%,100%,0));}
#col1mui-player .mplayer-footer.show{background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.5));}

/* .indexVideo {
	float: right;
	display: inline;
	width: 693px;
	height: 394px;
	margin: 110px auto 0;
	position: relative;
}
.indexVideo .pic{overflow: hidden;}
.indexVideo .pic::before{padding-top: 56.8543%;}
.indexVideo .play{width: 100%;height: 100%;background: rgba(0,0,0,0.3) url(../images/play.png) no-repeat center center;position: absolute;top: 0;left: 0;}

.video-js .vjs-big-play-button{
	background-image: url(../images/play.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 55px;
	height: 55px;
	border: none;
	background-color: none;
}
.vjs-icon-placeholder:before{
	display: none;
	
} */
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.column3 {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}
.column3Bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.2);z-index: 1;}
.column3Title {
	z-index: 2;
	position: absolute;
	left: 70px;
	top: 170px;
}

.column3Title .titleCn {
	line-height: 72px;
	height: 72px;
	color: #ffffff;
	font-size: 36px;
}

.column3Title .line {
	width: 18px;
	height: 3px;
	background-color: #ffffff;
}

.column3Title .titleEn {
	line-height: 56px;
	height: 56px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 22px;
	font-family: arial;
}

.column3Scroll {
	height: 100%;
	position: relative;
	z-index: 1;
}

.column3Scroll .bd {
	overflow: hidden;
	height: 100%;
}

.column3Scroll .slick-list {
	overflow: visible;
	height: 100%;
}

.column3Scroll .slick-list .slick-track {
	height: 100%;
}

.column3Scroll .myslide {
	width: 20%;
	height: 100%;
	float: left;
	display: inline;
	position: relative;
	height: 100%;
}

.column3Scroll .con {
	height: 100%;
	border-right: 1px solid rgba(199,216,185,0.3);
	overflow: hidden;
}

.column3Scroll .con .text {
	position: absolute;
	left: 120px;
	bottom: 50px;
}

.column3Scroll .con .text .title {
	line-height: 58px;
	height: 58px;
	font-size: 36px;
	color: #ffffff;
}

.column3Scroll .con .text .info {
	line-height: 53px;
	height: 53px;
	font-size: 24px;
	color: #ffffff;
}

.column3Scroll .con:hover .text {
	visibility: hidden;
	opacity: 0;
}

.column3Scroll .con .upDown {
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column3Scroll .con .upDown .up {
	height: 64.6512%;
}

.column3Scroll .con .down {
	height: 35.3488%;
	background-color: #019380;
}

.column3Scroll .con .down .downWrap {
	margin: 0 27px 0 45px;
	position: relative;
}

.column3Scroll .con .down .downWrap .order {
	line-height: 40px;
	height: 40px;
	font-size: 36px;
	color: #ffffff;
	position: absolute;
	left: 0px;
	top: -22px;
}

.column3Scroll .con .down .downWrap .title .titleCh {
	line-height: 40px;
	height: 40px;
	font-size: 24px;
	color: #ffffff;
	padding-top: 32px;
}

.column3Scroll .con .down .downWrap .title .titleEn {
	line-height: 32px;
	height: 32px;
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 13px;
	font-family: arial;
}

.column3Scroll .con .down .downWrap .line1 {
	width: 290px;
	height: 1px;
	background-color: #41aea0;
	margin-bottom: 13px;
}

.column3Scroll .con .down .downWrap .info {
	line-height: 24px;
	height: 72px;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden;
	text-align: justify;
}

.column3Scroll .con .down .downWrap .btn a {
	display: block;
	padding-top: 20px;
	margin-bottom: 6px;
	line-height: 20px;
	height: 20px;
	font-size: 14px;
	color: #ffffff;
	padding-right: 10px;
	background-image: url(../images/common/iconRight.png);
	background-repeat: no-repeat;
	background-position: 75px 24px;
}

.column3Scroll .con .down .downWrap .btn:hover a {
	
}

.column3Scroll .con .down .downWrap .line2 {
	width: 80px;
	height: 1px;
	background-color: #ffffff;
	margin-bottom: 80px;
}

.column3Scroll .con:hover .upDown {
	visibility: visible;
	opacity: 1;
}

/* ————— 第3通栏 end —————
/* ————— 第4通栏 start ————— */
.indexNews {
	overflow: hidden;
}

.indexNewsL {
	overflow: hidden;
}

.newsTitle {
	float: left;
	display: inline;
	margin-bottom: 20px;
}

.newsMenu {
	float: right;
	display: inline;
	padding-top: 30px;
	overflow: hidden;
}

.newsMenu .title {
	line-height: 33px;
	height: 33px;
	color: #666666;
	font-size: 16px;
	margin-left: 45px;
	float: left;
}

.newsMenu .title.hover span {
	color: #019380;
}

.indexNewsLU {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 42px;
}

.newsTitle .titleCn {
	line-height: 72px;
	height: 72px;
	color: #000000;
	font-size: 36px;
}

.newsTitle .line {
	width: 18px;
	height: 3px;
	background-color: #6caf7f;
}

.newsTitle .titleEn {
	line-height: 56px;
	height: 56px;
	color: #999999;
	font-size: 22px;
}

.indexNewsLD1 {
	position: relative;
	overflow: hidden;
	height: 0;
}

.indexNewsLD1 .bd {
	overflow: hidden;
}

.indexNewsLD1 .slick-list {
	overflow: visible;
	margin-right: -35px;
}

.indexNewsLD1 .myslide {
	width: 17%;
	float: left;
	display: inline;
}

.indexNewsLD1 .con {
	margin-right: 35px;
}

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

.indexNewsLD1 .prev {
	display: block;
	width: 20px;
	height: 42px;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6) url(../images/scollLeft.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 205px;
	margin-top: -20px;
	z-index: 1;
	display: none;
}

.indexNewsLD1 .next {
	display: block;
	width: 20px;
	height: 42px;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.6) url(../images/scollRight.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 205px;
	margin-top: -20px;
	z-index: 1;
	display: none;
}

.indexNewsLD1Dots .slick-dots {
	padding-top: 43px;
	text-align: center;
}

.indexNewsLD1Dots .slick-dots li {
	width: 14px;
	height: 14px;
	background-color: #e6e6e6;
	border-radius: 14px;
	display: inline-block;
	margin: 0 15px;
}

.indexNewsLD1Dots .slick-dots:hover li {
	cursor: pointer
}

.indexNewsLD1Dots .slick-dots li.slick-active {
	background-color: #019380;
}

.indexNewsLD1 .bd .myslide .time {
	margin-bottom: 11px;
}

.indexNewsLD1 .bd .myslide .con .time .span1 {
	font-size: 14px;
	color: #666666;
}

.indexNewsLD1 .bd .myslide .con .time .span2 {
	font-size: 36px;
	line-height: 46px;
	height: 46px;
	color: #999999;
	margin-left: 15px;
}

.indexNewsLD1 .bd .myslide .con .span3 {
	font-size: 16px;
	line-height: 25px;
	height: 50px;
	color: #333333;
	margin-bottom: 22px;
	display: block;
}
.indexNewsLD1 .bd .myslide .con .pic{overflow: hidden;}
.indexNewsLD1 .bd .myslide .con .pic img {
	width: 100%;
	height: 100%;
}

.indexNewsLD1 .bd .myslide .con .span4 {
	font-size: 14px;
	line-height: 28px;
	height: 84px;
	color: #666666;
	padding-top: 20px;
	display: block;
	overflow: hidden;
}

.indexNewsLD1 .bd .myslide .more {
	padding-top: 32px;
}

.indexNewsLD1 .bd .myslide .more a {
	line-height: 17px;
	height: 17px;
	font-size: 14px;
	color: #999999;
	padding-right: 20px;
	background: url(../images/moreIcon.png) right center no-repeat;
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
}

.indexNewsLD1 .bd .myslide .more:hover a {
	color: #019380;
}

.indexNewsLD1.active {
	height: auto;
}

.indexNewsR {
	float: right;
	display: inline;
	width: 23.125%;
	margin-left: 40px;
	padding-top: 20px;
}

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

.indexNewsR .item a {
	display: block;
	position: relative;
}

.indexNewsR .item a::before {
	padding-top: 39.7297%;
	display: block;
	content: "";
}

.indexNewsR .item a img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.indexNewsR .item a .title {
	line-height: 38px;
	height: 38px;
	font-size: 24px;
	color: #ffffff;
	position: absolute;
	left: 35px;
	top: 25px;
}

.indexNewsR .item a .enTitle {
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	color: #ffffff;
	position: absolute;
	left: 35px;
	top: 72px;
}

/* ————— 第4通栏 end ————— */

/* ========== 首页 end ========== */