@charset "utf-8";

@font-face {
	font-family: "Gilroy-Heavy";
	src: url("../font/Gilroy-Heavy.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.Gilroy-Heavy {
	font-family: "Gilroy-Heavy";
}

html,
body {
	color: #333;
}



.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.header,
.nav li,
.navsub {
	position: relative;
	z-index: 60;
}

.header {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}

.headerm {
	width: 90%;
	min-width: 1200px;
}

.header {
	background: rgba(0, 0, 0, 0);
	padding: 25px 0;
}

.nav a {
	color: #fff;
}

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

.nav li {
	position: relative;
}

.nav li.on a {
	color: #fff;
}

.nava {
	display: block;
	vertical-align: top;
	font-size: 16px;
}

.navsub {
	position: absolute;
	width: 180px;
	left: 0;
	top: 60px;
	background: rgba(255, 255, 255, 0.7);
	padding: 10px 0;
	opacity: 0;
	visibility: hidden;
	z-index: -6;
}

.navsub dd {
	line-height: 1.4;
	text-align: left;
	padding: 10px 30px;
	position: relative;
}

.navsub dd:before {
	position: absolute;
	width: 0;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	background: #fff;
	opacity: 0.9;
}

.navsub dd a {
	font-size: 16px;
	position: relative;
	z-index: 60;
}

.navsub dd:hover:before {
	width: 100%;
}

.headerma {
	text-align: right;
	padding: 10px 0;
}

.headerma a {
	padding: 2px 5px;
	font-size: 12px;
	display: inline-block;
	color: #9f9fa0;
}

.headerma a.on {
	background: #9f9fa0;
	color: #fff;
}

.logo {
	height: 50px;
	width: 190px;
	position: relative;
}

.logo img {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}

.logo2 {
	opacity: 0;
}


.cgorder,
.header,
.logo,
.lauge,
.nava {
	transition: all 0.3s ease;
}

.header.scron {
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	background: #fff;
}

.header.scron .gclheadrgp {
	color: #000;
}

.header.scron .logo2 {
	opacity: 1;
}

.header.scron .cgorder {
	margin-top: 10px;
}

.header.scron .logo,
.header.scron .lauge,
.header.scron .nava {
	height: 58px;
	line-height: 58px;
	color: #111;
}

.cgorder {
	border: 1px solid #797d84;
	font-size: 12px;
	color: #fff;
	padding: 0 25px;
	line-height: 38px;
	height: 38px;
	margin-top: 15px;
	border-radius: 20px;
}

.cgorder:hover {
	border: 1px solid #fff;
	color: #fff;
}

.lauge {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	padding-right: 22px;
	padding-left: 30px;
	position: relative;
	background: url(../img/icon1.png) center right no-repeat;
	background-size: 10px auto;
}

.lauge:before {
	position: absolute;
	background: url(../img/language_icon_2.gif) left center no-repeat;
	content: '';
	width: 18px;
	height: 100%;
	left: 0;
	top: 0;
	background-size: 100% auto;
}

.lauge:after {
	position: absolute;
	background: url(../img/language_icon_1.gif) left center no-repeat;
	content: '';
	width: 18px;
	height: 100%;
	left: 0;
	top: 0;
	background-size: 100% auto;
}

.lauge:after,
.lauge:before {
	opacity: 0;
}

.nava {
	position: relative;
}

.nava i {
	position: absolute;
	width: 6px;
	height: 100%;
	display: block;
}

.nava i {
	right: 0;
	top: 0;
}

.nava i:before,
.nava i:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
}

.nava i:before,
.nava i:after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.nava i:before {
	background-image: url(../img/ytopnav1span.png);
}

.nava i:after {
	background-image: url(../img/ytopnav1span1.png);
	opacity: 0;
}

.hanav {
	padding-right: 15px;
}

.nava i:before,
.nava i:after,
.nav li {
	transition: all 0.3s ease;
}

.nav li {
	height: 40px;
	line-height: 40px;
	display: inline-block;
	width: 100px;
	text-align: center;
}


.navlil {
	padding: 0 20px;
}

.navlil:hover {
	border-radius: 20px;
	background: #fff;
}

.navlil:hover a {
	color: #222;
}

.navlil:hover i:before {
	opacity: 0;
}

.navlil:hover i:after {
	opacity: 1;
}

/* .navlil a {
	font-size: 18px;
}

.navlir a {
	font-size: 16px;
	opacity: 0.8;
} */



.mmeau {
	width: 28px;
	transform: scale(0.9);
	position: relative;
	top: -2px;
}

.mmeau span {
	display: block;
	vertical-align: top;
	position: relative;
	width: 100%;
	height: 2px;
	margin-top: 7px;
	border-radius: 1px;
	background: #fff;
}

.mmeau span {
	transform-origin: left center;
	transition: transform .3s ease-in-out, opacity .3s ease-in-out;
	will-change: transform, opacity;
}

.mmeauom .msp1 {
	transform: rotate(45deg);
}

.mmeauom .msp2 {
	opacity: 0;
}

.mmeauom .msp3 {
	transform: rotate(-45deg);
	top: 2px;
}

.mheadon .mtoplauge1 span:before,
.mheadon .mtoplauge1 i:before,
.mheadonxx .mtoplauge1 span:before,
.mheadonxx .mtoplauge1 i:before {
	opacity: 0;
}

.mheadon .mtoplauge1 span:after,
.mheadon .mtoplauge1 i:after,
.mheadonxx .mtoplauge1 span:after,
.mheadonxx .mtoplauge1 i:after {
	opacity: 1;
}

.mheadon .mtoplauge1 span,
.mheadonxx .mtoplauge1 span {
	color: #000;
}

.mheadon,
.mheadonxx {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}



.header.on {
	background: rgba(255, 255, 255, 1);
}

.header.on .logo1 {
	opacity: 0;
}

.header.on .logo2 {
	opacity: 1;
}

.header.on .nava {
	color: #333;
}

.header.on .nava i:before {
	opacity: 0;
}

.header.on .nava i:after {
	opacity: 1;
}

.header.on .lauge {
	background-image: url(../img/icon1xx.png);
	color: #444;
}

.header.on .mmeau span {
	background: #333;
}


.headermb {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.headermb .nav {
	display: flex;
	margin-right: auto;
	margin-left: 50px;
}

.headermb .nav2 {
	display: flex;
	align-items: center;
}

.banner {
	margin-top: 108px;
}

.banner img {
	width: 100%;
	transition: all 0.2s ease;
}

.bannerpage {
	position: absolute;
	width: 100%;
	bottom: 5% !important;
	z-index: 6;
	left: 0;
}

.banner-thumbs {
	background: #f6f6f6;
	padding: 35px 0;
}

.banner-thumbsm {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.gallery-thumbs:before,
.gallery-thumbs:after {
	position: absolute;
	height: 36px;
	background: #bdbdbd;
	width: 1px;
	content: '';
	top: 50%;
	margin-top: -18px;
}

.gallery-thumbs:before {
	left: 33.33%;
}

.gallery-thumbs:after {
	left: 66.66%;
}

.thumbsa {
	display: block;
	text-align: center;
	color: #222;
	margin: 0 50px;
}

.thumbsap2 {
	font-size: 18px;
	color: #00306f;
	padding-top: 5px;
	padding-bottom: 5px;
}

.thumbsap3 {
	color: #00b8ec;
	font-size: 18px;
}

.thumbsbtn {
	position: absolute;
	width: 48px;
	height: 48px;
	top: 50%;
	margin-top: -24px;
	opacity: 0.8;
	z-index: 66;
}

.thumbsbtnl {
	background: url(../img/icon2.png) center no-repeat;
	background-size: 50% auto;
	left: 0;
}

.thumbsbtnr {
	background: url(../img/icon3.png) center no-repeat;
	background-size: 50% auto;
	right: 0;
}


.pubp2,
.pubp1 {
	text-align: center;
}

.pubp2 {
	font-size: 30px;
	color: #040c18;
	line-height: 1.2;
	padding-top: 5px;
	position: relative;
	margin-top: 8px;
}

.pubp2:before {
	height: 3px;
	width: 24px;
	background: #0a203d;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: 0;
	content: '';
}

.pubp1 {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #040c18;
	font-size: 45px;
	opacity: 0.2;
	line-height: 1;
	color: transparent;
	text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.nav li:hover .navsub {
	visibility: visible;
	top: 45px;
	opacity: 1;
	z-index: 60;
}


.mbhisbox {
	padding: 80px 0;
}




.playlist_item {
	width: 100%;
	text-align: center;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 40;
	position: absolute;
}

.playlist_vd {
	width: 100%;
	height: 670px;
	position: relative;
	z-index: 0;
	overflow: hidden;

}

.playlist_vd::before {
	content: '';
	position: absolute;
	top: -55px;
	left: -5%;
	width: 110%;
	height: 110px;
	background-color: #FFFFFF;
	border-radius: 100%;
	z-index: 88;
}

.playlist_vd:after {
	content: '';
	position: absolute;
	bottom: -55px;
	left: -5%;
	width: 110%;
	height: 110px;
	background-color: #FFFFFF;
	border-radius: 100%;
	z-index: 88;
}

.hovTxt h5 {
	color: #fff;
	font-size: 50px;
	line-height: 1.2;
	text-transform: uppercase;
}

.vrdenomore {
	cursor: pointer;
	width: 48px;
	height: 48px;
	display: block;
	margin: 30px auto 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.vrdenomore:before {
	position: absolute;
	content: '';
	left: -5%;
	top: 0;
	width: 110%;
	height: 100%;
	background: #0a203d;
	transform: scale(0);
	-webkit-transform: scale(0);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.vrdenomore i {
	display: inline-block;
	width: 110%;
	height: 100%;
	vertical-align: top;
	position: absolute;
	left: -6%;
	top: 0;
	z-index: 5;
}

.vrdenomore i:before,
.vrdenomore i:after,
.vrdenomore:before,
.vrdenomore {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vrdenomore i:before,
.vrdenomore i:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.vrdenomore i:before {
	background: url(../img/jia-hong.png) center no-repeat;
	background-size: 12px auto;
}

.vrdenomore i:after {
	background: url(../img/jia-bai.png) center no-repeat;
	background-size: 12px auto;
	opacity: 0;
	-webkit-opacity: 0;
}

.vrdenomore:hover:before,
.items_pros1:hover .vrdenomore:before,
.item5_1bot_YELL:hover .vrdenomore:before {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.vrdenomore:hover i:after,
.items_pros1:hover .vrdenomore i:after,
.item5_1bot_YELL:hover .vrdenomore i:after {
	opacity: 1;
}

.hkhu ul {
	padding: 20px 0;
}

.hkhu {
	background: #051136;
	padding: 100px 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
}

.hkhu span,
.hkhu img {
	vertical-align: top;
	display: inline-block;
	margin: 0 25px;
}

.hkhum2 img,
.hkhum2 span {
	line-height: 58px;
	height: 58px;
}

.hkhum1 img,
.hkhum1 span {
	line-height: 90px;
	height: 90px;
}

.Tra-t {
	width: 100%;
	font-size: 18px;
}

.w85 {
	width: 85%;
	min-width: 1200px;
	margin: 0 auto;
}

.Tra {
	background: rgba(5, 17, 54, 0.95);
	line-height: 18px;
}

.Tra p {
	padding-top: 10px;
}

.Tra a,
.Tra a:hover {
	color: #fff;
}

.Tra a:hover {
	background: #051136;
}

.Tra-t {
	display: table;
}

.Tra-c {
	display: table-cell;
	border-right: 1px solid rgba(0, 0, 0, 0.5);
	vertical-align: middle;
	text-align: center;
	padding: 30px;
}

.tc-a {
	display: inline-block;
	height: 69px;
	transition: all 0.3s linear 0s;
}

.Tra a:hover .tc-a {
	background-position: 0 -69px;
}

.tc-1 {
	width: 223px;
	background: url(../img/traffic1.png) left top no-repeat;
}

.tc-2 {
	width: 64px;
	background: url(../img/traffic2.png) left top no-repeat;
}

.tc-3 {
	width: 107px;
	background: url(../img/traffic3.png) left top no-repeat;
}

.tc-4 {
	width: 79px;
	background: url(../img/traffic4.png) left top no-repeat;
}

.tc-5 {
	width: 79px;
	background: url(../img/traffic5.png) left top no-repeat;
}

.tc-6 {
	width: 59px;
	background: url(../img/traffic6.png) left top no-repeat;
}

.foots {
	background: #000000;
	padding-top: 70px;
}

.footsm2 {
	padding-bottom: 50px;
}

.footsm2 img {
	height: 60px;
}

.footsm1 {
	display: flex;
	justify-content: space-between;
}

.footsm1 a {
	display: block;
}

.footsm {
	width: 90%;
	margin: 0 auto;
	min-width: 1200px;
}

.footsm1 h4 {
	font-size: 16px;
	color: #fff;
}

.footsm1 ul a {
	color: #fff;
	opacity: 0.8;
	line-height: 24px;
	margin-top: 15px;
	font-size: 12px;
}

.footsm3 {
	margin-top: 20px;
}

.footsm31 {
	text-align: right;
}

.footsm3m {
	width: 90%;
	margin: 0 auto;
	min-width: 1200px;
}

.footsm33 {
	padding: 30px 0;
	border-top: 1px solid #1a1a1a;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.5);
	margin-top: 30px;
}

.navsub,
a,
.bannerpage span,
.navsub dd:before {
	transition: all 0.5s ease;
}

.sean5mn1 {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.sean5mnimgm {
	height: 88px;
}

.sean5mnwz {
	line-height: 88px;
	height: 88px;
}

.sean5mnwz {
	width: 20%;
	color: #fff;
	font-size: 25px;
	text-align: left;
}

.sean5mnimg {
	width: 80%;
}

.sean5mnimgm {
	width: 20%;
	position: relative;
}

.sean5mnimgm img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 80%;
	max-height: 80%;
}

.sean5mnimgm {
	margin-top: 20px;
}

.sean5mnwz {
	margin-top: 20px;
}



.homebanner {
	height: 100vh;
	background: #000;
}

.bbg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all 5s ease;
}

.swiper-slide-active .bbg {
	transform: scale(1.08);
}

.sean1 {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 6;
}

.sean1m {
	padding: 10% 0;
	color: #fff;
	font-size: 40px;
}

.sean1ma {
	transform: scale(0.8);
}

.sean1maimg {
	position: relative;
}

.sean1maimg:before {
	position: absolute;
	transition: all 0.5s ease;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 8;
	background: #000;
	opacity: 0.5;
}

.sean1ma.swiper-slide-active {
	transform: scale(1.15);
	opacity: 1;
}

.sean1ma p {
	max-width: 80%;
	padding: 20px;
	box-sizing: border-box;
	opacity: 0;
	position: relative;
}

.sean1ma p:before {
	position: absolute;
	left: 20px;
	top: 75px;
	background: url(../img/icon63.png) left top no-repeat;
	content: '';
	width: 20px;
	height: 15px;
	background-size: 6px auto;
}

.sean1ma.swiper-slide-active p {
	opacity: 1;
}

.sean1ma.swiper-slide-active .sean1maimg:before {
	opacity: 0;
}

.swiper-container-autoheight .swiper-wrapper {
	height: auto !important;
}

.sean1ma p,
.sean1ma {
	transition: all 0.5s ease;
}

.sean1mbtn {
	position: absolute;
	width: 56%;
	left: 50%;
	transform: translateX(-50%);
	bottom: 14%;
	text-align: right;
	z-index: 8;
}

.sean1mbtnm {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	margin-left: 20px;
}

.sean1mbtnm1:after {
	background: url(../img/icon8.png) center no-repeat;
	background-size: 50% auto;
}

.sean1mbtnm2:after {
	background: url(../img/icon9.png) center no-repeat;
	background-size: 50% auto;
}

.sean1mbtnm:hover {
	border-color: #00b8ec;
}

.sean1mbtnm:hover:before {
	opacity: 1;
}

.sean1mbtnm:before,
.sean1mbtnm:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	transition: all 0.3s ease;
}

.sean1mbtnm:before {
	background: #00b8ec;
	opacity: 0;
}

.sean1mbtnm:after {
	z-index: 8;
}

.pubh4 {
	font-size: 40px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.sean2 {
	position: absolute;
	width: 72%;
	left: 50%;
	top: 52%;
	transform: translate(-50%, -50%);
}

.sean2ma {
	width: 32.33%;
	margin-right: 1.5%;
	margin-top: 1.5%;
	position: relative;
	float: left;
}

.sean2ma:before {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.2;
	z-index: 3;
	content: '';
	width: 100%;
	height: 100%;
}

.sean2ma:nth-child(3n) {
	margin-right: 0;
}

.sean2mimg img {
	width: 100%;
	vertical-align: top;
}

.sean2mh5 {
	width: 100%;
	position: absolute;
	box-sizing: border-box;
	padding-left: 20px;
	color: #fff;
	z-index: 6;
	left: 0;
	bottom: 10px;
}

.sean2mh5 p {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	width: 84%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}

.sean2mh5 span {
	font-size: 12px;
	display: block;
	vertical-align: top;
	padding-top: 5px;
}

.sean2mh5 i {
	font-size: 12px;
	position: absolute;
	width: 15%;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	right: 0;
	top: 16px;
	height: 27px;
	line-height: 27px;
	display: block;
}

.sean2ma:hover:before {
	opacity: 0;
}

.sean2ma:hover img {
	transform: scale(1.02);
}

.sean2ma img,
.sean2ma:before {
	transition: all 0.5s ease;
}

.sean2m {
	margin-top: 40px;
}





.buttonlight {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
	line-height: 16px;
	padding: 2px;
	overflow: hidden;
	letter-spacing: .5px;
	position: relative;
}

.buttonlight a {
	color: #fff;
}

.buttonlight:after,
.buttonlight:before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 3px;
	height: 0;
	background: #1d1d1d;
	transition: height .3s ease-out 150ms;
	content: '';
}

.buttonlight:before {
	background: #fff;
}

.buttonlight:after {
	top: auto;
	left: auto;
	bottom: 2px;
	width: 1px;
	right: 0;
}

.buttonlight:after {
	right: 1px;
}

.buttonlight:after {
	background: #fff;
}

.buttonlight .btn {
	border-color: rgba(255, 255, 255, .2);
}

.buttonlight .btn {
	display: block;
	padding: 12px 40px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.buttonlight .btn:after,
.buttonlight .btn:before {
	position: absolute;
	top: 1px;
	left: 40px;
	width: 20px;
	height: 3px;
	background: #1d1d1d;
	transition: left .3s ease-out .3s, right .3s ease-out .3s, background .3s linear;
	content: '';
}

.buttonlight .btn:before {
	background: #fff;
}

.buttonlight .btn:after {
	background: #fff;
}

.buttonlight .btn:after {
	top: auto;
	left: auto;
	bottom: 1px;
	right: 40px;
	width: 30px;
	height: 1px;
}

.buttonlight .btn:after {
	bottom: 2px;
}

.buttonlight:hover:before,
.buttonlight:hover:after {
	height: calc(100% - 4px);
}

.buttonlight:hover .btn:before {
	left: -30px;
	transition: left .3s ease-out, right .3s ease-out;
}

.buttonlight:hover .btn:after {
	right: -40px;
	transition: left .3s ease-out, right .3s ease-out;
}

.sean2more {
	text-align: center;
	margin-top: 7%;
}



.sean3,
.sean6 {
	position: absolute;
	width: 72%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
}

.sean7 {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
}

.sean6_main,
.super_main {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.super_ul1 {
	width: 50%;
	position: relative;
}

.super_ul2 {
	width: 50%;
	background: #03529f;
}

.sean6_ul1 {
	width: 50%;
}

.super_li1 {
	/* padding: 80px 110px; */
	padding: 40px;
}

.super_ul1 img {
	object-fit: cover;
}

.super_p1 {
	font-size: 30px;
	color: #fff;
}

.super_p2 {
	margin-top: 30px;
	color: #fff;
}

.super_p3 {
	margin-top: 50px;
}

.playlist_wz {
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.abt26btcbg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 300;
	background: #000;
	opacity: 0.5;
	display: none;
}

.abt26btc {
	/* width: 900px; */
	/* margin-left: -450px; */
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 310;
	display: none;
}

.abt26btcclose {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: -40px;
	top: 0;
	background: url(../img/index/guanbia.png) center no-repeat;
	background-size: cover;
}

.sean6_ul2 {
	width: 50%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.sean6_ul2 li {
	width: 50%;
	text-align: center;
	color: #fff;
}

.sean6_ul2 li img {
	height: 60px;
}

.sean6_ul2 li p {
	margin-top: 10px;
}

.sean6_p1 {
	font-size: 16px;
	color: #fff;
}

.sean6_p2 {
	font-size: 38px;
	color: #fff;
	margin-top: 15px;
}

.sean6_p3 {
	margin-top: 140px;
	position: relative;
	z-index: 20;
}

.sean3m {
	margin-top: 60px;
}

.sean3mimg {
	overflow: hidden;
	position: relative;
}

.sean3mimg:before {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.2;
	z-index: 3;
	content: '';
	width: 100%;
	height: 100%;
}

.sean3ma {
	width: 49%;
	margin-right: 2%;
	overflow: hidden;
	float: left;
	position: relative;
	font-size: 35px;
	color: #fff;
}

.sean3ma:nth-child(2) {
	margin-right: 0;
}

.sean3mimg:hover:before {
	opacity: 0;
}

.sean3ma:hover img {
	transform: scale(1.02);
}

.sean3ma img,
.sean3mimg:before {
	transition: all 0.5s ease;
}

.sean3mh5 {
	position: relative;
	z-index: 6;
	padding: 0 7%;
	width: 100%;
	box-sizing: border-box;
	margin-top: -20px;
}



.sean4 {
	position: absolute;
	width: 72%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 8;
	text-align: center;
	/* min-width: 1000px; */
}

.sean4m {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.sean4m:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	z-index: 3;
	transition: all 0.5s ease;
}

.sean4m:hover:before {
	opacity: 0.2;
}

.sean4m img {
	width: 100%;
}

.gclo0atit_span1 {
	margin-top: 15px;
}

.gclo0atit_span1 a {
	border: none;
	box-shadow: none;
	font-size: 18px;
}


.gclo0aimg4 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 440px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.gclo0ams .gclo0aimg41:hover .gclo0aimg4 {
	opacity: 1;
	visibility: visible;
}

.sean4txt {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 6;
	text-align: center;
	color: #fff;
}

.sean4txt p {
	font-size: 25px;
	padding-bottom: 5px;
}

.sean4txtp1 {
	margin-top: 55px;
}

.sean40 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sean4 {
	display: flex;
	justify-content: space-between;
}

.sean4_ul1 {
	width: 50%;
	color: #fff;
	text-align: left;
}

.sean4_div1 {
	/* border: 1px solid #6db72d; */
	margin-top: 30px;
}

.sean4_div1 p {
	padding: 20px 30px;
}

.sean4_ul3 {
	width: 40%;
	color: #fff;
	text-align: left;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 24px;
}

.sean4_ul2 {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	/* border: 1px solid #6db72d; */

}

.sean4_ul2 a {
	/* width: 40%;
	text-align: center;
	color: #fff;
	transition: all 0.3s ease;
	padding: 30px;
	border-radius: 10px; */
	width: 30%;
	text-align: center;
	color: #fff;
	transition: all 0.3s ease;
	padding: 30px 10px;
	border-radius: 10px;
}

.sean4_ul2 a:hover {
	background: rgba(255, 255, 255, 0.1);
	cursor: pointer;
}

.sean4_li1 {
	margin-top: 50px;
}

.sean4_ul2 a p {
	margin-top: 10px;
}

.sean4_ul2 a img {
	height: 60px;
}

.sean4_p1 {
	font-size: 38px;
	color: #fff;
	margin-top: 15px;
	margin-left: 30px;

}

.sean4_p2 {
	font-size: 18px;
	color: #fff;
	margin-left: 30px;
}

.sean4_span1 {
	font-size: 50px;
	color: red;

}

.sean4_span2 i {
	font-size: 50px;
	color: red;
}

.sean4_span3 {
	display: flex;
	align-items: center;
	flex-direction: column;
	color: red;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 20px;
}

.sean4_span4 {
	margin-left: 10px;
	margin-top: 10px;
}

.sean4_span5 {
	color: red;
	font-weight: bold;

}

.sean4_span6 {
	margin-left: 10px;
}

.sean4_span7 {
	color: #70b638;
	font-weight: bold;
}

.sean4_ul4 {
	padding: 35px 45px;
	position: relative;
}

.sean4_ul5 {
	display: flex;
}

.sean4_ul6 {
	position: absolute;
	top: 34%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: 0.1;
}

.sean4_ul7 {
	margin-top: 50px;
}

.sean4_p3 {
	font-size: 20px;
	color: #fff;
}

.sean4_ul7_li {
	padding: 20px 0;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: block;
}

.homebanner .hbmn:last-child {
	height: auto !important;
}

.sean3,
.sean2,
.sean1,
.sean4 {
	margin-top: 50px;
}

.geely_navg {
	position: fixed;
	right: 10px;
	top: 35%;
	z-index: 50;
	width: 60px;
	z-index: 90;
	display: none;
}

.geely_navg>img {
	position: absolute;
	left: 10px;
	top: 0;
}

.geely_navg .xldsvg {
	left: 38px;
	top: 19px;
}

.geely_navgbtn {

	display: block;

	margin: 12px 0;

	position: relative;

	z-index: 110;

}

#geely_navg-p1 {

	margin-left: 33px;

}

#geely_navg-p2 {

	margin-left: 5px;

}

#geely_navg-p3 {

	margin-left: 0;

}

#geely_navg-p4 {

	margin-left: 5px;

}

#geely_navg-p5 {

	margin-left: 33px;

}

.geely_navgbtn {
	width: 27px;
	height: 27px;
	border-radius: 50%;
}

.geely_navgbtn img {
	max-width: 15px;
	max-height: 15px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.geely_navgbtn.on {
	background: rgba(198, 130, 50, 0.7);
}

.geely_navgbtn {
	background: rgba(0, 0, 0, 0.4);
}

#geely_navg-p1 img {
	max-width: 14px;
	max-height: 14px;
}



.pubh4,
.sean2m,
.sean2more,
.sean3ma {
	opacity: 0;
	transform: translateY(100px);
	transition: all 0.6s ease;
}


.pubh4,
.sean4m {
	transition-delay: 0.5s;
}

.sean2m,
.sean3ma1 {
	transition-delay: 0.7s;
}

.sean2more,
.sean3ma2 {
	transition-delay: 0.9s;
}

.swiper-slide-active .sean3ma,
.swiper-slide-active .sean2more,
.swiper-slide-active .pubh4,
.swiper-slide-active .sean2m {
	transform: translateY(0);
	opacity: 1;
}




.sean1ma img,
.sean2mimg img,
.sean3ma img {
	width: 100%;
}







.appear-animation {
	opacity: 0;
}

@-webkit-keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUpShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, 50px);
		transform: translate(0, 50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUpShorter {
	-webkit-animation-name: fadeInUpShorter;
	animation-name: fadeInUpShorter;
}

@-webkit-keyframes fadeInDownShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInDownShorter {
	from {
		opacity: 0;
		-webkit-transform: translate(0, -50px);
		transform: translate(0, -50px);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInDownShorter {
	-webkit-animation-name: fadeInDownShorter;
	animation-name: fadeInDownShorter;
}


.sldbaner .swiper-slide-active .appear-animation {
	animation: fadeInUpShorter 0.8s normal forwards;
}

.sldbaner .swiper-slide-active .scale {
	transform: scale(1);
}

.scale {
	transform: scale(1.06);
	transition: all 3s ease;
}

.ani1 {
	animation-delay: 0.3s !important;
}

.ani2 {
	animation-delay: 0.5s !important;
}

.ani3 {
	animation-delay: 0.7s !important;
}


/* banner */
.inbanervideo {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
}

.inbanervideo::before {
	background: #000;
	opacity: 0.2;
}

.inbanervideo2 video::before {
	background: #2160a9;
	opacity: 0.5;
}

.inbanervideo2:before,.inbanervideo::before {
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}


.inbanervideo video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slah2 {
	font-size: 55px;
	color: #fff;
	font-weight: bold;
}

.slap1 {
	margin-top: 45px;
}

.slap11 {
	margin-top: 30px;
}

.slap1 a {
	margin: 0 8px;
}

.sldbanerm {
	text-align: center;
}

.lxbg {
	background: url(../img/lxbg.png) center bottom no-repeat;
	z-index: 999;
	width: 100%;
	background-size: 100% auto;
	height: 142px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.xxcontainer {
	position: absolute;
	width: 28px;
	left: 50%;
	margin-left: -14px;
	height: 10px;
	bottom: 60px;
	z-index: 10;
}

.chevron {
	position: absolute;
	width: 28px;
	height: 10px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
	background: url(../img/chevron.png) center no-repeat;
	background-size: auto 10px;
}

.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}

@keyframes move {
	25% {
		opacity: 1;
	}

	33% {
		opacity: 1;
		transform: translateY(20px);
	}

	67% {
		opacity: 1;
		transform: translateY(30px);
	}

	100% {
		opacity: 0;
		transform: translateY(45px) scale3d(0.5, 0.5, 0.5);
	}
}

@keyframes pulse {
	to {
		opacity: 1;
	}
}


.inbanerimg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.sldhbbtn {
	position: absolute;
	z-index: 16;
	width: 80px;
	height: 60px;
	top: 50%;
	transform: translateY(-50%);
}

.sldhbbtnl {
	left: 7%;
}

.sldhbbtnr {
	right: 7%;
}

.sldhbbtn {
	transition: all 0.3s ease;
}

.sldhbbtn {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.sldhbbtnl {
	background-image: url(../img/sldbjtl.svg);
}

.sldhbbtnr {
	background-image: url(../img/sldbjtr.svg);
}

.sldhbbtn {
	opacity: 0.7;
}

.sldhbbtn:hover {
	opacity: 1;
}

.sean1 {
	height: 100%;
	margin-top: 0;
}

.sldbaner {
	height: 100%;
}

.sldbantxt {
	z-index: 5;
	position: absolute;
	min-width: 1200px;
	width: 85%;
	left: 58%;
	top: 52%;
	transform: translate(-50%, -50%);
}


.sld2tit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sld2h3 {
	font-size: 35px;
	line-height: 1;
	color: #0a539d;
	letter-spacing: 1px;
	padding-top: 15px;
	font-weight: bold;
}

.sldp0 {
	font-size: 16px;
	color: #555;
}

.sld2h3fff,
.sldp0fff {
	color: #fff;
}

.sld2sub {
	position: relative;
	top: 3px;
}

.sld2sub span {
	display: inline-block;
	cursor: pointer;
	padding-bottom: 8px;
	color: #fff;
	margin-left: 50px;
}

.sld2sub span {
	position: relative;
	font-size: 18px;
}

.sld2sub span:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: #744a1e;
}

.sld2sub span:before {
	transition: all 0.3s ease;
}

.sld2sub span:before {
	opacity: 0;
}

.sld2sub span.on:before,
.sld2sub span:hover:before {
	opacity: 1;
}

.sld2cp {
	margin-top: 35px;
}

.sld2cpma {
	display: flex;
	justify-content: space-between;
}

.sld2cpmaimg img {
	height: 210px;
	vertical-align: top;
}

.sld2cpma {
	background-color: #fff;
	border-radius: 10px;
	padding: 30px 60px;
	overflow: hidden;
}

.sld2cpmatit,
.sld2cpmawz {
	padding-top: 35px;
}


.xldmabnb {
	display: flex;
	justify-content: space-between;
}

.xldmabnba {
	width: 32.5%;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.xldmabnbimg {
	vertical-align: top;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.xldmabnba {
	height: 228px;
}

.xldmabnbi {
	z-index: 2;
	position: absolute;
	width: 80px;
	height: 80px;
	display: block;
}

.xldmabnbi img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.xldmabnbi img {
	max-width: 80%;
	max-height: 80%;
}

.xldmabnbi {
	left: 50%;
	transform: translateX(-50%);
	top: 40px;
	opacity: 0;
}

.xldmabnbp1 {
	color: #fff;
	text-align: center;
	font-weight: bold;
	color: #fff;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px;
	z-index: 3;
}

.xldmabnbp1 {
	font-size: 18px;
}

.xldmabnbi,
.xldmabnbimg {
	transition: all 0.3s ease;
}

.xldmabnba:hover .xldmabnbi {
	top: 40px;
	opacity: 1;
}

.xldmabnba:hover .xldmabnbimg {
	transform: scale(1.1);
}

.xldmabnb {
	margin-top: 12px;
}

.xldmabnbtag {
	left: 20px;
	top: 20px;
	z-index: 3;
	background: rgba(241, 144, 21, 0.6);
}

.xldmabnbtag {
	border-radius: 25px;
	position: absolute;
	color: #fff;
	line-height: 1;
	font-size: 12px;
	padding: 12px 25px;
}

.sld2cpmatit {
	font-weight: 700;
	font-size: 22px;
	color: #222;
	line-height: 1.4;
}

.sld2cpmawz {
	line-height: 1.6;
}

.sld2cpmap2 {
	margin-top: 35px;
}

.sld2cpmore {
	height: 45px;
	line-height: 43px;
	padding: 0 35px;
}

.sld2cpmore:nth-child(1) {
	margin-right: 20px;
}

.sld2cp {
	position: relative;
	height: 510px;
}

.sld2cpm {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
}

.sld2cpm.on {
	visibility: visible;
	opacity: 1;
	z-index: 10;
}

.sld2cpm {
	transition: all 0.5s ease;
}


.sean3x1 {
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	padding: 60px;
}

.xldslidpage3,
.sean3x1 {
	margin-top: 45px;
}

.xldslidpage3 {
	position: relative !important;
	left: 0 !important;
	bottom: 0 !important;
}

.xldslidpage3 {
	width: 100% !important;
	text-align: center;
}

.xldslidpage3 span {
	margin: 0 4px;
}




.xldmada {
	display: flex;
	justify-content: space-between;
	margin-top: 35px;
}

.xldmadam {
	width: 31.5%;
	background: #fff;
	text-align: left;
	border-radius: 10px;
	overflow: hidden;
}

.xldmadap2 {
	font-size: 18px;
	font-weight: bold;
}

.xldmadap1 {
	display: inline-block;
	background: #f0f0f0;
	font-size: 13px;
}

.xldmadap1 {
	width: 110px;
	height: 38px;
	line-height: 38px;
	text-align: center;
}

.xldmadap1 {
	border-radius: 35px;
	text-align: center;
	color: #444;
}

.xldmadap3 {
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
}

.xldmadap3 {
	color: #666;
}

.xldmadap4 {
	display: inline-block;
	margin-top: 40px;
	color: #999;
}

.xldmadam:hover .xldmadap1 {
	background: #00a2e9;
	color: #fff;
}

.xldmadap1,
.xldmadamimg img {
	transition: all 0.3s ease
}

.xldmadamwz {
	padding: 35px;
}

.xldmadamimg {
	overflow: hidden;
}

.xldmadamimg img {
	width: 100%;
	vertical-align: top;
}

.xldmadam:hover .xldmadamimg img {
	transform: scale(1.04);
}




.text-c {
	text-align: center;
}


.ibox {
	position: relative;
	width: 100%;
	height: 100%;
}




.disappear .ibox {
	transform: scale(0.8);
	opacity: 0.5;
	transition: all 0.8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}

.swiper-slide-active .ibox {
	transform: translate(0px, 0px) scale(1);
	opacity: 1;
	transition: all 0.4s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;
}

.hbmn:last-child .ibox {
	opacity: 1;
	transform: scale(1);
}

/* body {
	background: #000;
} */

.slah21 {
	font-size: 55px;
}

.slap0 {
	color: #fff;
	font-size: 18px;
	margin-top: 30px;
}

.slap4 {
	font-size: 60px;
	color: #2f70b7;
}

.sldbantxt2 {
	transform: translateX(-50%);
	top: 43%;
	left: 33%;
}

.sldbantxt3 {
	top: 50%;
	left: 50%;
}

.sldbantxt4 {
	top: 50%;
	left: 55%;
	text-align: left;
}

.sldbantxt4 .slap0 {
	margin-top: 0;
}

.sldbantxt4 .ani2 {
	margin-top: 60px;
}

.sldbantxt .p1 {
	font-size: 26px;
	color: #fff;
	font-weight: normal;
}

.pubflex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pubflexm {
	width: 33.33%;
}

.pbtmama {
	display: block;
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
	background: #fff;
	padding-bottom: 25px;
}

.pbtmama {
	border-radius: 10px;
	transition: all 0.3s ease;
}

.pbtmama:hover {
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.pbtmamaimg {
	position: relative;
	height: 417px;
}

.pbtmamaimg img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;
	margin: auto;
}

.pbtmamaimg img {
	max-width: 80%;
	max-height: 80%;
}

.pbtmap0 {
	text-align: center;
}

.pbtmap1 {
	color: #646f85;
	font-size: 22px;
	line-height: 1;
	height: 25px;
}

.pbtmap2 {
	margin-top: 20px;
}

.pbtmap2 a {
	padding: 0 35px;
	border: 1px solid #2f70b7;
	border-radius: 35px;
	vertical-align: top;
}

.pbtmap2 a {
	height: 40px;
	line-height: 38px;
	color: #333;
}

.pbtmap2 a:hover,
.pbtmap2 a.on:hover {
	background-color: #2f70b7;
	color: #fff;
	border-color: #2f70b7;
}

.pbtmap2 a.on {
	color: #fff;
	background: #646f85;
	border-color: #646f85;
}

.pbtmap2 a {
	margin: 0 5px;
}

.pbtmamaimg span {
	display: inline-block;
	width: 120px;
	height: 42px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
}

.pbtmamaimg span {
	color: #646f85;
	border: 1px solid #2f70b7;
	border-radius: 35px;
}

.pbtmamaimg span {
	position: absolute;
	left: 25px;
	top: 25px;
	z-index: 3;
}

.pbtmamaimg span.on {
	background: #2f70b7;
	color: #fff;
}

.pbtmap2 a,
.pbtmap3 a {
	display: inline-block;
	font-size: 14px;
}

.pbtmama2 {
	height: 246px;
	margin-top: 18px;
}

.pbtmama2:nth-child(1) {
	margin-top: 0;
}

.pbtmamaimg2 {
	height: 200px;
}

.pbtmap3 a {
	line-height: 20px;
	margin: 0 10px;
}

.pbtmap3 i {
	color: #0e597c;
	margin-left: 5px;
	position: relative;
	top: 1px;
	transition: all 0.3s ease;
	left: 0;
}

.pbtmap3 a:hover,
.pbtmap3 a:hover i {
	color: #2f70b7;
}

.pbtmap3 a:hover i {
	left: 5px;
}

.pbtmam:nth-child(1) {
	padding-right: 12px;
}

.pbtmam:nth-child(2) {
	padding: 0 6px;
}

.pbtmam:nth-child(3) {
	padding-left: 12px;
}

.pbtmamaimg3 {
	height: 100%;
}

.pbtmamaimg3 img {
	top: 0;
	bottom: 0;
}

.pbtmama21 {
	padding-bottom: 0;
}

.pbtma {
	margin-top: 45px;
}

.pbtmama1 {
	height: 510px;
}

.sean3p1 {
	font-size: 14px;
	line-height: 1.8;
	margin-top: 80px;
	height: 235px;
}

.sean3p2 a {
	display: inline-block;
	font-size: 14px;
}

.sean3p2 a {
	line-height: 20px;
}

.sean3p2 i {
	color: #0e597c;
	margin-left: 5px;
	position: relative;
	top: 1px;
	transition: all 0.3s ease;
	left: 0;
}

.pbtmama:hover .sean3p2 i,
.pbtmama:hover .sean3p2 span {
	color: #2f70b7;
}

.sean3wz {
	width: 100%;
	position: absolute;
	left: 0;
	top: 70px;
	padding: 0 50px;
}

.sean3h4 {
	font-size: 26px;
	line-height: 26px;
}

.sean3p21 {
	margin-top: 53px;
}

.pbtmam-a {
	width: 40%;
}

.pbtmam-b {
	width: 30%;
}

.pbtmama1,
.pbtmama2 {
	padding-bottom: 0;
}

.sean3img1 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

.pbtmama41 {
	padding-bottom: 0;
}

.pbtmama41a {
	height: 510px;
}

.sean4p1 {
	font-size: 14px;
}

.sean4wz {
	padding: 0 50px;
	text-align: left;
	line-height: 1.6;
}

.sean4wzimg {
	height: 170px;
	overflow: hidden;
}

.sean4wzimg2 {
	height: 170px;
}

.sean4wzimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sean4wz {
	padding-top: 28px;
}

.sean4p1 {
	margin-top: 50px;
	height: 190px;
}



.xxproah4 {
	color: #3070ba;
	font-size: 20px;
	font-weight: bold;
}

.xxprowz {
	padding: 15px 30px;
	padding-top: 25px;
}

.xxproa {
	width: 31%;
	background: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.xxproap1 {
	color: #555;
	margin-top: 12px;
	padding-bottom: 15px;
	padding-right: 52%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 3;
}

.xxproamore {
	display: inline-block;
	margin-top: 15px;
	color: #666;
	font-size: 14px;
}

.xxproamore {
	position: relative;
	padding-right: 20px;
}

.xxproamore i {
	position: absolute;
	right: 0;
	top: 2px;
	font-size: 16px;
	color: #3070ba
}

.xxproimg img {
	width: 100%;
	vertical-align: top;
}

.xxproimg {
	overflow: hidden;
}

.xxproimg img,
.xxproa {
	transition: all 0.3s ease;
}

.xxprowz {
	position: relative;
}

.xxprowz img {
	position: absolute;
	right: 0;
	top: -50%;
	max-width: 48%;
}

.xxproa:hover {
	box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}

.xxproa:hover .xxproimg img {
	transform: scale(1.03);
}

.xxsoloa {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.xxsoloaimg img {
	width: 100%;
}

/* .xxsoloaimg img{height: 100% ;object-fit: cover;} */
.xxsoloaimg,
.xxsoloawz {
	overflow: hidden;
	border-radius: 8px;
}

.xxsoloawz h4 {
	color: #3070ba;
	font-size: 20px;
	font-weight: bold;
}

.xxsoloawz p {
	color: #666;
	font-size: 14px;
	margin-top: 15px;
	line-height: 1.6;
}

.xxsoloaimg {
	width: 455px;
}

.xxsoloawz {
	width: calc(100% - 470px);
	background: #fff;
	padding: 0 55px;
	display: flex;
	align-items: center;
}

.xxsoloa {
	margin-bottom: 15px;
}

.gclheadrgp {
	color: #fff;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
}

.gclheadrgp em {
	font-style: normal;
}

.header.on .gclheadrgp {
	color: #444;
}

.gclheadrgp_span1 {
	letter-spacing: 3px;
}

.gclheadrgp_img1 {
	height: 20px;
	margin-right: 15px;
	position: absolute;
	top: 0;
	left: -35px;
}

.gclheadrgp_img1.on {
	opacity: 1;
}

.gclheadrgp_img2 {
	display: block !important;
}

.gclheadrgp_img2.on {
	opacity: 1;
}



.gclheadrgp_span2 {
	display: flex;
	align-items: center;
	padding-right: 30px;
	position: relative;
}

.gclheadrgp_span3 {
	padding-right: 50px;
}

.servicea1_list {
	display: flex;
	justify-content: space-between;
	/* flex-wrap: wrap; */
	margin-top: 60px;
}

.servicea1_ul {
	position: relative;
	display: flex;
	justify-content: space-between;
	transition: all 0.5s ease;
	overflow: hidden;
	/* width: 22%; */
	width: 268px;
	/* width: 340px; */
	margin-right: 12px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.servicea1_ul .img1 {
	width: 268px;
	/* width: 100%; */
	height: 413px;
}

.servicea1_li {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	background: #fff;
	/* padding: 50px 35px; */
	padding: 30px 25px;
	width: 50%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
	position: absolute;
	top: 0;
	left: 50%;
}

.servicea1_p1 {
	font-size: 16px;
}

.servicea1_li a {
	margin-top: 50px;
}

.servicea1_li p {
	/* width: 198px;
	width: 270px; */
	line-height: 1.6;
}

.servicea1_on .servicea1_li {
	visibility: visible;
	opacity: 1;
	transition: all 0.3s ease;
}

.servicea1_on {
	/* width: 30%; */
	 width: 536px; 
	/*width: 680px;*/
}

.servicea1_on .servicea1_icon {
	position: absolute;
	top: 47%;
	left: 25%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.servicea1_p1 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
}

.servicea1_icon {
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.servicea1_icon p {
	color: #fff;
	margin-top: 10px;
	font-size: 18px;
	font-weight: bold;
}

.service_icon1 {
	height: 46px;
}

.service_icon2 {
	height: 40px;
}

.service_icon3 {
	height: 45px;
}


.jcbomed_item {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.jcbomed_li1 {
	padding: 30px 35px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
	transition: all 0.3s ease;
}

.jcbomed_li1:hover {
	/* background: #2160a9; */
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	cursor: pointer;
}

/* .jcbomed_li1:hover .jcbomed_p2 {
	color: #70b638;
} */

.jcbomed_li1:hover {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.jcbomed_ul1 {
	width: 37%;
}

.jcbomed_ul1 img,
.jchomea_ul2 img,
.jchomea_ul3 img,
.jcbomed_li5 img {
	transition: all 0.3s ease;
}

.jcbomed_li5 {
	/* width: 518px; */
	width: 100%;
	height: 263px;
	overflow: hidden;
}

.jcbomed_li5 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jcbomed_li5:hover img {
	transform: scale(1.05);
}


.jcbomed_ul1:hover img,
.jchomea_ul2:hover img,
.jchomea_ul3:hover img {
	/* transform: scale(1.05); */
}

.jcbomed_li2 {
	margin-top: 25px;
}

.jcbomed_ul2 {
	width: 34%;
}

.jcbomed_ul3 {
	width: 23%;
	position: relative;
}

.jcbomed_p1 {
	font-size: 14px;
	color: #999;
}

.jcbomed_p2 {
	font-size: 18px;
	line-height: 1.3;
	height: 54px;
	color: #316bab;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.jcbomed_10 {
	font-size: 18px;
	height: 54px;
	font-weight: bold;
	color: #316bab;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jcbomed_p3 {
	font-size: 16px;
	/* height: 78px; */
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 10px;
}

.jcbomed_p4 {
	/* margin-top:25px; */
	font-size: 14px;
	color: #333;
}

.jcbomed_p9 {
	font-size: 14px;
	color: #2f70b7;
}

.jcbomed_li3 {
	width: 90%;
	background: #70b638;
	position: absolute;
	top: 71%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	color: #fff;
	height: 290px;
}

.jcbomed_p5 {
	font-size: 14px;
	opacity: 0.8;
}

.jcbomed_p6 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}

.jcbomed_p7 {
	font-size: 14px;
	padding: 15px 0;
	opacity: 0.8;
	color: #fff;
	display: inline-block;
}

.jcbomed_p7:hover {
	color: #fff;

}

.jcbomed_li3 hr {
	opacity: 0.3;
}

.jcbomed_p8 {
	margin-top: 30px;
	font-size: 14px;
	color: #fff;
	display: inline-block;
}

/*new*/
.xxnew1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.xxnew_p1 {
	color: #fff;
	font-size: 18px;
	opacity: 0.9;
	padding-bottom: 10px;
}

.xxnew_p2 {
	font-size: 42px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
}

.xxnew_ul2 {
	padding-top: 360px;
}

.xxnew_ul2 a {
	color: #fff;
}

.xxnew_ul2 em {
	color: #fff;
	padding: 0 5px;
}

.xxnew_top {
	border-bottom: 1px solid #d7d7d7;
	position: relative;
}

.xxnew_top li a.on {
	color: #3372b5;
}

.xxnew_top li .xxnew_a {
	color: #fff !important;
}

.xxnew_top li a:hover {
	color: #3372b5;

}

.xxnew_top li {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	line-height: 60px;
}

.xxnew_top li a {
	/* margin-right: 40px; */
	padding: 0 20px;
}

/* .xxnew_top li a.on {
	color: #70b638;
} */

.xxnew_top .xxnew_top_a {
	width: 50%;
	text-align: center;
}

.xxnew_a {
	display: inline-block;
	background: #3372b5;
	color: #fff;
}

.xxnew_b {
	display: inline-block;
	background: #f7f7f7;
	color: #1f6abc;
}

.xxnew_c {
	margin-top: 40px;
	border-bottom: 1px solid transparent;

}

.xxnew_item {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	box-shadow: 0 0 20px rgb(0 0 0 / 8%);
	padding: 15px;
	margin-top: 30px;
}

.xxnew_item:first-child {
	margin-top: 0;
}

.xxnew_item img {
	transition: all 0.3s ease;
}

.xxnew_item:hover {
	box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	cursor: pointer;
}

.xxnew_item:hover img {
	transform: scale(1.05);
}

.xxnew_item:hover .xxitem_p2 {
	color: #70b638;
}

.xxitem_ul1 {
	width: 20%;
}

.xxitem_ul1 li {
	overflow: hidden;

}

.xxitem_ul2 {
	width: 80%;
	padding: 30px 40px;
}

.xxitem_p1 {
	font-size: 12px;
	color: #666;
}

.xxitem_p2 {
	font-size: 18px;
	color: #222;
	font-weight: bold;
	margin-top: 10px;
}

.xxitem_p3 {
	color: #333;
	margin-top: 20px;
	line-height: 1.6;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.press_top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.press_span1 {
	color: #1f6abc;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.4;
}

.press_span2 a {
	color: #70b638;
}

/* .fztxbg1 {
	right: 0;
	top: 58%;
}

.fztxbgr {
	background: url(../img/fztxbg2.svg) right top no-repeat;
	background-size: auto 100%;
}

.fztxbg {
	position: absolute;
	width: 35%;
	height: 84%;
	max-height: 500px;
	overflow: hidden;
} */

.xxnew_page {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.xxnew_page a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #000;
	border-radius: 50%;
	margin: 0 5px;
	border: 1px solid #666;
	transition: all 0.3s ease;
}

.xxnew_page a.on {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #70b638;
	color: #fff;
	border-radius: 50%;
	margin: 0 5px;
	border: 1px solid #70b638;
}

.xxnew_page a:hover {
	background: #70b638;
	color: #fff;
}

.press_main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}

.press_ul1 {
	width: 49%;
	/* padding: 20px; */
}

.press_ul3 {
	width: 49%;
	/* padding: 20px; */
}

.press_ul1 li {
	overflow: hidden;
}

.press_ul1 img {
	transition: all 0.3s ease;
}

.press_ul1:hover img {
	transform: scale(1.05);
}

.press_p1 {
	font-size: 16px;
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.press_p2 {
	line-height: 1.6;
	color: #666;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 15px;
}

.press_p3 {
	line-height: 1.6;
	color: #666;
	font-size: 14px;
}

.press_a1 {
	color: #70b638;
}

.press_a1 i {
	transition: all 0.3s ease;
}

.product_ul2:hover i,
.product_cul1:hover i {
	margin-left: 20px;
}

.press_li1 {
	margin-top: 30px;
}

.press_ul2 {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 10px 15px rgb(53 168 219 / 8%);
	margin-top: 20px;
	transition: all 0.3s ease;
	/* border-radius: 6px; */
	overflow: hidden;
}

.press_ul2:first-child {
	margin-top: 0;
}

.press_li2 {
	width: 30%;
	overflow: hidden;
}


.press_ul2 img {
	transition: all 0.3s ease;
}

.press_ul2:hover img {
	transform: scale(1.05);
}

.press_li3 {
	width: 70%;
	padding: 10px 20px;
}

.press_ul2:hover .press_li3 {
	background: #70b638;
	color: #fff;
}

.press_ul2:hover .press_p2 {
	color: #fff;
}

.pressb {
	width: 100%;
	background: #f8fcfe;
}

.press_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.prlist_ul1 {
	width: 31%;
	padding: 35px 30px;
	background: #fff;
	transition: all 0.3s ease;
	margin-top: 30px;
	/* border-radius: 12px; */
}

.prlist_ul1:hover {
	background: #70b638;
	color: #fff;
	cursor: pointer;
}

.prlist_ul1:hover i {
	margin-left: 20px;
}

.prlist_ul1:hover .prlist_li2,
.prlist_ul1:hover .press_a1 {
	color: #fff;
}

.prlist_li1 {
	height: 55px;
	font-size: 16px;
	font-weight: bold;
}

.prlist_li2 {
	line-height: 1.6;
	margin-top: 10px;
	color: #666;
	font-size: 14px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	height: 45px;
}

.prlist_li3 {
	margin-top: 35px;
}

.pressc {
	width: 100%;
}

.pressc_main {
	display: flex;
	justify-content: space-between;
}

.pressc_ul1 {
	width: 50%;
}

.pressc_ul1 li {
	overflow: hidden;
	border-radius: 6px;
}

.pressc_ul1 img {
	transition: all 0.3s ease;
}

.pressc_ul1:hover img {
	transform: scale(1.05);
}

.pressc_ul2 {
	width: 50%;
	padding: 40px 60px;
}

.pressc_p1 {
	font-size: 14px;
	color: #70b638;
}

.pressc_p2 {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.4;
}

.pressc_li1 {
	margin-top: 30px;
}

.pressc_li2 {
	margin-top: 40px;
}

.pressc_li2 p {
	margin-top: 10px;
}


/*new*/

/*contact*/
.contact_p1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 20px;
	border-bottom: 1px solid #cacaca;
	/* padding-top: 60px; */
	color: #316bab;
}

.contact_main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.contact_ul1 {
	width: 49%;
	padding: 35px;
	box-shadow: 0 15px 30px rgb(0 0 0 / 6%);
	margin-top: 35px;
	transition: all 0.3s ease;
}

.contact_ul1:hover {
	box-shadow: 0 15px 30px rgb(0 0 0 / 9%);
}

.contact_li1 {
	font-size: 20px;
	color: #222;
	font-weight: bold;
}

.contact_li2 {
	margin-top: 20px;
}

.contact_li2 p {
	margin-top: 10px;
	color: #333;
	display: flex;
	align-items: center;
}

.contact_li2 i {
	font-size: 25px;
	margin-right: 15px;
	color: #70b638;
}

/*contact*/

/*product*/
.product_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

.product_ul1 {
	display: flex;
	flex-direction: column;
	width: 20%;
}

.product_p1 {
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 24px;
	font-weight: bold;
	/* color: #1f6abc; */
}

.regardc_list {
	width: 80%;
}

.gw_box_tit2 {
	margin-top: 20px;
}

.gw_box_tit2:first-child {
	margin-top: 70px;
}

.gw_box_tit2.on {
	background: #70b638;
	color: #fff;
	width: 100px;
	text-align: center;
	border-radius: 23px;
	height: 46px;
	line-height: 46px;
	transition: all 0.3s ease;

}

.gw_box_tit2:hover {
	cursor: pointer;
}

.regardc_item1 {
	display: none;
	/* opacity: 0;
	visibility: hidden; */
}

.regardc_item1.on {
	display: block;
	/* opacity: 1;
	visibility: visible; */
}

.product_item {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_ul2 {
	width: 49%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); */
	padding: 30px 35px;
	/* margin-top: 20px; */
	transition: all 0.3s ease;
	background: #fff;

}

.product_ul2:hover {
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); */
	cursor: pointer;
}

.product_ul3 {
	margin-top: 0px;
}

.product_li1 {
	width: 40%;
	text-align: center;
}

.product_li1 img {
	/* height: 160px; */
}

.product_li2 {
	width: 57%;
}

.product_p2 {
	margin-top: 10px;
	font-size: 24px;
	font-weight: bold;
	color: #70b638;
}

.product_p3 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
}

.product_p4 {
	font-size: 14px;
	color: #7f7f7f;
	line-height: 1.5;
	/* margin-top: 35px; */
}



.product_p5 {
	margin-top: 30px;
}


/*about*/
.abouts_p1 {
	font-size: 36px;
	font-weight: bold;
	color: #316bab;
	line-height: 1.2;
	text-align: center;
}

.abouts_p2 {
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

.abouts_list p {
	margin-top: 30px;
	color: #231815;
	line-height: 32px;
}

.aboutd {
	position: relative;
}

.aboutd_list {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -10%);
}

.aboutd_ul1 {
	margin-top: 30px;
	background: #fff;
	padding: 60px 90px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}

.aboutd_ul1 p {
	line-height: 32px;
}

.aboutd_p1 {
	margin-top: 30px;
}

.aboutd_p2 {
	text-align: center;
	margin-top: 30px;

}

.abouth {
	margin-top: 250px;

}

.aboute {
	/* margin-top: 220px; */
}

.aboute_ul1 {
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.aboute_ul1 li {
	width: 50%;
	overflow: hidden;
}

.aboute_ul1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.aboute_li1:hover img {
	transform: scale(1.05);
}

.aboute_li2 {
	padding: 55px 50px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

}

.aboute_p1 {
	margin-top: 40px;
}

.staboute_li {
	position: absolute;
	bottom: 4%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 170px;
}

.staboute_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}


.staboute_item {
	width: 19%;
	display: flex;
	flex-direction: column;
	box-shadow: 3px 3px 16px #e9e8e8;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.staboute_img2 {
	width: 20%;
	margin: 30px 50px;
}

.staboute_p1 {
	margin: 0px 30px 30px 30px;
}

.staboute_img1 {
	border-radius: 6px;
	transition: all 0.3s ease;
}

.staboute_item .staboute_img1:hover {
	transform: scale(1.05);
}

.staboute_item:hover {
	box-shadow: 3px 3px 16px #c2c1c1;
}

.staboute_p2 {
	font-size: 18px;
	font-weight: bold;
}

.aboutg {
	background: #f7f7f7;
}

.aboutg_mian {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
}

.aboutg_ul {
	width: 49%;
	background: #fff;
	padding: 30px 35px;
	margin-top: 20px;
	transition: all 0.3s ease;
	background: #fff;
}

.aboutg_li1 {
	width: 100%;
}

.line2 {
	width: 100%;
}

.aboutg_p1 {
	font-size: 20px;
	font-weight: bold;
	color: #316bab;
	margin-top: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.aboutg_p2 {
	font-size: 14px;
	color: #7f7f7f;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 30px;
}

.aboutg_p3 {
	text-align: center;
	margin: 40px auto 0 auto;
}

/*about*/

.investor2_list {
	/* margin-top: 20px; */
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 35px;
	background: #f7f7f7;
}

.investor2_list .investor2_ul1 {
	width: 40%;
}

.investor2_list .investor2_ul2 {
	width: 50%;
}

.investor2_li1 {
	display: flex;
	justify-content: space-between;
	padding: 20px 50px 20px 0;
	border-top: 1px solid #a6afc3;
	border-bottom: 1px solid #a6afc3;
	margin-top: 30px;
	font-size: 12px;
}

.investor2_li2 p {
	font-size: 12px;
	margin-top: 30px;
	line-height: 2;
}

.investor2_p1 {
	font-size: 24px;
	color: #3372b5;
}

.investor2_p2 {
	font-size: 40px;
	font-weight: bold;
	color: #3372b5;
	line-height: 1.8;
}

.investor2_p3 {
	font-size: 20px;
}

.investor2_p2 i {
	font-size: 40px;
	color: red;
}

.investor1_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.investor1_ul1 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 30px 0;
	/* border-top: 1px solid #e5e5e5; */
	border-bottom: 1px solid #e5e5e5;
}

.investor1_li1 {
	margin-right: 200px;
	text-align: left;
	width: 500px;
}

.investor1_ul1:hover .investor1_li1 {
	cursor: pointer;
	color: #70b638;
}
.investor1_li1_biaoqian{
    min-width: 56px;
}

.newpagenewm {
	text-align: center;
	margin-top: 50px;
	line-height: 2.5;
}

.newpagenewm a,
.newpagenewm .prev,
.newpagenewm .next {
	position: relative;
	font-size: 14px;
	transition: all 0.3s ease;
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	width: 35px;
	height: 35px;
	/* border-radius: 50%; */
	text-align: center;
	line-height: 35px;
}

.newpagenewm .prev:before,
.newpagenewm .next:before,
.newpagenewm .prev:after,
.newpagenewm .next:after {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px auto;
}

/* .newpagenewm .prev:before,.newpagenewm .next:before{ background-image: url(../img/arr_black.svg);}
.newpagenewm .prev:after,.newpagenewm .next:after{ background-image: url(../img/arr_blue.svg); opacity: 0;} */
.newpagenewm .prev:before,
.newpagenewm .prev:after {
	transform: rotateZ(180deg);
}

.newpagenewm a.prev:hover:before {
	opacity: 0;
}

.newpagenewm a.prev:hover:after {
	opacity: 1;
}

.newpagenewm a.next:hover:before {
	opacity: 0;
}

.newpagenewm a.next:hover:after {
	opacity: 1;
}

.newpagenewm a.prev,
.newpagenewm a.next {
	cursor: pointer;
}

.newpagenewm a.on,
.newpagenewm a:hover {
	background: #6fb03b;
	color: #fff;
}

.newpagenewm .prev,
.newpagenewm .prev:hover,
.newpagenewm .next,
.newpagenewm .next:hover {
	background: none !important;
}

/*product*/
/*join*/
.join_ul1 {
	position: relative;
}

.join_li1 {
	position: absolute;
	top: 45%;
	left: 40%;
	transform: translate(-50%, -50%);
}

.join_p1 {
	font-size: 36px;
	color: #fff;
}

.join_p2 {
	font-size: 16px;
	color: #fff;
	margin-top: 40px;
}

.joinb {
	background: #f7f7f7;
}

.joinb_list {
	margin-top: 40px;
	font-size: 16px;
}

.joinb_top {
	background: #80b545;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	height: 80px;
	padding: 0 180px;
}

.joinb_span1 {
	padding: 0 140px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.joinb_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #000;
	height: 80px;
	padding: 0 130px;
	background: #fff;
	border-bottom: 1px solid #eaeaea;
}

.joinb_s,
.joinb_s2 {
	display: inline-block;
	width: 60px;
	text-align: center;
}

.joinb_s3 {
	display: inline-block;
	width: 150px;
	text-align: center;
}

.joinb_all .joinList {
	display: none;
}

.joinb_all.on .proList2 {
	display: block;
}

.joinb_all .joinb_s2 {
	display: none;
}

.joinb_all.on .joinb_s2 {
	display: block;
}

.joinb_all.on .joinb_s {
	display: none;
}

.resume {
	background: #fafafc;
	padding: 40px 150px 40px 170px;
}

.resume_p1 {
	font-size: 16px;
	color: #106bb2;
	margin-bottom: 20px;
}

.resume_ul1 {
	padding-left: 10px;
	color: #434343;
	margin-bottom: 30px;
}

.resume_ul1 p {
	font-size: 16px;
	color: #231815;
}

.resume_ul2 {
	padding-left: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.resume_ul3 {
	color: #434343;
}

/*join*/

/*projectcase*/
.project_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.project_ul1 {
	position: relative;
	width: 32%;
	margin-bottom: 60px;
}

.project_li1 {
	width: 90%;
	background: #fff;
	/* margin: 0 auto; */
	border-bottom: 1px solid #70b638;

}

.project_li1 {
	height: 58px;
	overflow: hidden;
	padding: 0 20px;
	position: absolute;
	bottom: -10%;
	left: 5%;
	z-index: 1;
	transition: all 0.5s ease;
}

.project_li1 p {
	line-height: 58px;
	font-size: 16px;
	font-weight: bold;
	color: #316bab;
}

.project_ul1:hover .project_li1 {
	height: 230px;
}

.project_sp1 {
	font-size: 14px;
	opacity: 0.7;
}

/*powera*/
.powera_ul1 {
	margin-top: 50px;
	position: relative;
}

.powera_li1 {
	width: 540px;
	height: 464px;
	background: #fff;
	position: absolute;
	top: -6%;
	left: 52%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	padding: 130px 45px;
}

.powera_li2 {
	left: 7%;

}

.powera_hr {
	height: 1px;
	width: 100%;
	background-image: linear-gradient(to right, #6fb92c, #fff);
}

.powera_p1 {
	margin-top: 25px;
}

.powerb_p1 {
	margin-bottom: 40px;
}

.powerb_list {
	position: relative;
	z-index: 1;
	width: 100%;
	margin-top: -100px;
	background: #fff;
	padding: 80px 100px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	font-size: 16px;

}

.powerb_p2 {
	font-size: 24px;
	font-weight: bold;
}

.powera_hr2 {
	margin: 30px 0;
}


.powerb_list li p {
	position: relative;
	padding-left: 20px;
}

.powerb_list li p::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #70b638;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 3px;
}

.powerb_p3 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 50px;
}

.powerb_p4 {
	margin-top: 30px;
}

.powerc_ul1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}

.powerc_li1 {
	width: 31%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.powerc_li1 p {
	overflow: hidden;
}

.powerc_li1 img {
	transition: all 0.3s ease;
}

.powerc_li1:hover img {
	transform: scale(1.05);
}

.powera_hr3 {
	margin: 20px 0;
}

.powerc_li2 {
	padding: 30px;
}

.powerc_p1 {
	font-size: 24px;
	font-weight: bold;
}

.powerc_p2 {
	margin-bottom: 30px;
}

/*powera*/

/*projectcase*/

/*productCenter3*/
/*1*/
.gcl-121-banerbtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 60px;
	height: 50px;
	cursor: pointer;
}

.gcl-121-banerbtn1 {
	left: 50%;
	margin-left: -700px;
}

.gcl-121-banerbtn2 {
	right: 50%;
	margin-right: -700px;
}

.gcl-121-banerbtn1 {
	background: url(../121/jt002.svg) center no-repeat;
	background-size: 50px auto;
}

.gcl-121-banerbtn2 {
	background: url(../121/jt001.svg) center no-repeat;
	background-size: 50px auto;
}

.gcl-121-baner {
	width: 100%;
	height: 700px;
	margin-top: 128px;
}

.gcl-121-baner-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
}

.gcl-121-baner-bg {
	background-size: cover;
}

.gcl-121-baner-m {
	position: relative;
	height: 100%;
}

.gcl-121-nav {
	left: 50%;
	top: 15px;
	z-index: 10;
	position: absolute;
	margin-left: -600px;
}

.gcl-121-nav,
.gcl-121-nav a {
	color: #fff;
}

.gcl-121-nav em {
	padding: 0 5px;
}

.gcl-121-zw {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.gcl-121-zw {
	display: flex;
	justify-content: space-between;
}

.gcl-121-zw {
	color: #fff;
}

.gcl-121-baner-h3 {
	font-size: 46px;
	font-weight: bold;
	line-height: 1.4;
}

.gcl-121-baner-h3 .viobtn {
	height: 45px;
	margin-top: 10px;
}

.gcl-121-baner-p1 {
	font-size: 24px;
	line-height: 1;
	margin-top: 15px;
}

.gcl-121-baner-p2 span {
	font-size: 32px;
	font-weight: bold;
}

.gcl-121-baner-p2 {
	line-height: 1;
}

.gcl-121-baner-p3 {
	line-height: 1;
	font-size: 16px;
	margin-top: 15px;
}

.gcl-121-baner-p2 i {
	font-style: normal;
	font-size: 20px;
	padding-left: 5px;
}

.gcl-121-baner-cs {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.gcl-121-baner-cs-l {
	display: flex;
	justify-content: space-between;
	/* justify-content: center; */
	width: 738px;
	align-items: center;
}

.gcl-121-baner-cs {
	margin-top: 20px;
}

.gcl-121-baner-more {
	margin-top: 60px;
}

.gcl-121-baner-more a {
	display: inline-block;
	margin-right: 20px;
}

.gcl-121-baner-more a {
	width: 178px;
	text-align: center;
	height: 58px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	line-height: 56px;
}

.gcl-121-baner-cs-l2 {
	justify-content: space-between;
}

.gcl-121-baner-more a {
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}

.gcl-121-baner-more a:hover,
.gcl-121-baner-more a.on {
	background: #70b638;
	color: #fff;
	border-color: #70b638;
}

.gcl-121-baner-cs-thumb {
	position: relative;
	width: 170px;
	height: 360px;
}

.gcl-121-baner-cs-thumb img {
	position: absolute;
	left: -125px;
	top: 240px;
	right: 0;
	bottom: 0;
	/* margin: auto; */
	max-width: 90%;
	max-height: 90%;
}

.gcl-121-baner-h5 {
	font-size: 20px;
	margin-top: 55px;
}

.gcl-121-line {
	width: 1px;
	background: #fff;
	height: 55px;
	opacity: 0.2;
}

/*1*/

/*2*/
.gcl-60p {
	margin-top: 70px;
}

.gcl-121-flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.gcl-121-a-h2 {
	font-weight: bold;
	color: #1f6abc;
	font-size: 35px;
	line-height: 1.4;
}

.gcl-121-a-p1,
.gcl-121-a-p1 p {
	line-height: 1.8;
}

.gcl-121-a-p1 {
	font-size: 16px;
	margin-top: 30px;
	padding-right: 20px;
}

.gcl-121-a-p1 p {
	position: relative;
	padding-left: 10px;
}

.gcl-121-a-p1 p:before {
	position: absolute;
	content: '';
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #70b638;
}

.gcl-121-a-p1 p:before {
	top: 12px;
}

.gcl-121-a-w1 {
	width: 32%;
}

.gcl-121-a-w2 {
	width: 63%;
}

.gcl-121-a-w3 {
	width: 50%;
}

.gcl-121-a-w4 {
	width: 45%;
}

.gcl-121-a-w3_1 {
	width: 63%;
}

.gcl-121-a-w4_2 {
	width: 30%;
}

.gcl-121-a-wz {
	padding-top: 60px;
	border-top: 1px solid #b7c8d9;
}

.gcl-121-a-img img {
	max-width: 100%;
}

.gcl-121-a-ms {
	font-size: 16px;
	margin-top: 10px;
}

/*2*/

/*3*/
.gcl-121-b {
	background: #f3f7fb;
}

.gcl-121-a-huhang {
	background: #fff;
	padding: 65px 0;
	text-align: center;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
}

.gcl-121-a-huhang img {
	max-width: 90%;
}

.gcl-121-a-huhang {
	margin-top: 45px;
}

/*3*/

/*4*/
.gcl-121-c-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.gcl-121-c-flex-li {
	width: 46%;
	padding-top: 60px;
}

.gcl-121-c-flex-li {
	font-size: 16px;
}

.gcl-121-c-flex-li-2 {
	width: 100%;
}

.gcl-121-c-desc p {
	line-height: 1.8;
}

.gcl-121-c-desc {
	margin-top: 20px;
}

.gcl-121-c-tit {
	font-size: 24px;
	font-weight: bold;
	color: #1f6abc;
}

.gcl-121-c-tab-m {
	display: none;
}

/*4*/

/*5*/
.gcl-121-c {
	padding-top: 0;
}

.gcl-121-td0 {
	width: 285px;
}

.gcl-121-td1 {
	width: 600px;
}

.gcl-121-c-tab {
	text-align: center;
	margin-top: 35px;
	border-bottom: 1px solid #b7c8d9;
}

.gcl-121-c-tab span {
	display: inline-block;
	margin: 0 25px;
	vertical-align: top;
	padding-bottom: 20px;
	position: relative;
	cursor: pointer;
}

.gcl-121-c-tab span {
	font-size: 20px;
	opacity: 0.5;
	transition: all 0.3s ease;
}

.gcl-121-c-tab span:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	background: #1f6abc;
	height: 4px;
	width: 100%;
	opacity: 0;
	transition: all 0.3s ease;
}

.gcl-121-c-tab span.on,
.gcl-121-c-tab span:hover {
	opacity: 1;
	color: #1f6abc;
}

.gcl-121-c-tab span.on:before,
.gcl-121-c-tab span:hover:before {
	opacity: 1;
}

.gcl-121-c-tab-table table {
	width: 100%;
}

.gcl-121-c-tab-table table,
.gcl-121-c-tab-table td {
	border-collapse: collapse;
}

.gcl-121-c-tab-table td {
	padding: 0;
	font-size: 16px;
	color: rgba(0, 0, 0, 0.5);
	text-align: center;
	border: 1px solid #cccccc;
}

.table-b70b638 td {
	background: #70b638;
	color: #fff;
	border-color: #70b638;
}

.gcl-121-c-tab-table td p {
	padding: 18px 20px;
	min-height: 62px;
}

.table2 td p {
	border-bottom: 1px solid;

}

.bf7-table {
	background: #f7f7f7;
}

.bf7-table strong {
	color: #70b638
}

.xx-tab {
	position: relative;
	top: -24px;
}

.table-end {
	color: #70b638;
	font-size: 20px;
}

.table-end strong {
	font-size: 32px;
}

.table-shuxian {
	position: relative;
}

.table-shuxian:before {
	position: absolute;
	width: 1px;
	background: #fff;
	height: 48px;
	content: '';
	left: -1px;
	top: 50%;
	transform: translateY(-50%);
}

.gcl-121-c-tab-tb {
	margin-top: 60px;
}

.gcl-121-c-tab-tb-wz {
	text-align: center;
	margin-top: 25px;
	font-size: 16px;
}

.gcl-121-c-tab-tb-img {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.gcl-121-c-tab-tb-img img {
	max-width: 48.5%;
}

.gcl-121-c-tab-table {
	margin-top: 40PX;
}

.gcl-121-c-list {
	min-height: 470px;
}

/*5*/


/*productCenter3*/

/*productdetail*/
.product_a {
	width: 100%;
	background: #f7f7f7;
}

.product_aul1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_ali1 {
	width: 30%;
	text-align: center;
	background: #fff;
	padding: 40px 70px;
	margin-top: 30px;
}

.product_ali1:hover {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);

}

.product_ali1 img {
	height: 45px;
}

.product_ap1 {
	margin-top: 40px;
}

.product_bitem {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_bitem .product_bul1 {
	width: 31%;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	margin-top: 30px;

}

.product_bli1 {
	overflow: hidden;
}

.product_bli1 img {
	transition: all 0.3s ease;
}

.product_bul1:hover img {
	transform: scale(1.05);
}

.product_bli2 {
	text-align: center;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
}

.product_c {
	width: 100%;
	background: #f7f7f7;
}

.product_citem {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_cul1 {
	width: 31%;
	display: flex;
	justify-content: space-between;
	padding: 40px;
	/* background: #fff; */
	background: #f7f7f7;
	margin-top: 30px;
}

.product_cli1 {
	width: 40%;
	overflow: hidden;
}

.product_cli1 img {
	transition: all 0.3s ease;
}

.product_cul1:hover img {
	transform: scale(1.05);
}

.product_cli2 {
	width: 55%;
}

.product_cp1 {
	margin-top: 70px;
}

.product_cp1 a {
	margin-right: 0;
}

.product_cp2 {
	font-size: 20px;
	color: #70b638;
}

.product_cp3 {
	font-size: 16px;
}

.resume_from2 {
	background: #fff;
}

.resume_from2 input {
	background: #fff;
}

.resume_from2 textarea {
	background: #fff;
}

/*productdetail*/
/*solution3*/
.solution3_p1 {
	margin-top: 30px;
	text-align: center;
}

.solution3_ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.solution3_li1 {
	width: 19%;
	padding: 20px 15px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	margin-top: 30px;
}

.solution3_li1:hover {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);

}

.solution3_hr {
	width: 100%;
	height: 1px;
	background: #70b638;
	margin: 15px 0;
}

.solution3_p2 {
	font-size: 22px;
	color: #346da9;
	font-weight: bold;
}

.solution3_p3 {
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.solution3a_main {
	width: 100%;
	background: #f7f7f7;
}

.solution3b {
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	text-align: center;
	margin-top: 30px;
	padding: 15px 0;
}

.solution3c {
	width: 100%;
	background: #f7f7f7;
}

.pipeline_tab {
	margin-top: 30px;
	position: relative;
}

.pipeline_tab table {
	width: 100%;
	background: #eeeeee;
	overflow: hidden;
	border: 1px solid #c6c6c6;
	font-size: 16px;
}

.pipeline_tr1 {
	background: #fff;
}

.th2 {
	border-left: 1px solid #c6c6c6;
}

.pipeline_tr2 .th1 {
	color: #000;
}

.pipeline_tab th {
	/* width: 20%; */
	height: 70px;
	background: #70b638;
	color: #fff;
}

.pipeline_tab td {
	height: 70px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #c6c6c6;
}

.pipeline_tab tr {
	transition: all 0.3s ease;
}

.solution3d {
	margin-top: 30px;
}

.slidcons3 {
	margin-top: 30px;
}

.slid {
	position: relative;

}

.slidcons3_itme {
	/* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); */
	padding: 5px 10px;
}

.slidcons3_itme:hover img {
	transform: scale(1.05);
}

.slidcons3_li1 {
	overflow: hidden;
}

.slidcons3_li1 img {
	width: 100%;
	transition: all 0.3s ease;
}

.slidcons3_li2 {
	height: 60px;
	line-height: 60px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.casea3_btn3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 105%;
	display: flex;
	justify-content: space-between;
}

.casea3_btn3 i {
	font-size: 40px;
	color: #70b638;
}

/*solution3*/

/*ystk*/
.ystk {
	margin-top: 125px;
}

.ystk_p1 {
	font-size: 16px;
	font-weight: bold;
}

/*ystk*/
.emil_span1 {
	color: #BEBEC0;
	margin-left: 15px;
}

/**/
.product_top {
	width: 100%;
	border-top: 1px solid rgb(255, 255, 255, 0.3);
	margin-top: -100px;
	position: relative;
	z-index: 1;
}

.topa_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
	color: #fff;

}

.topa_ul {
	width: 33.33%;
	height: 100%;
	line-height: 100px;
	text-align: center;
	border-top: 3px solid transparent;
	font-size: 18px;
}

.topa_ul.on {
	border-top: 3px solid #3372b5;
	background-image: linear-gradient(#44628a, transparent);
}

.topa_ul:hover {
	border-top: 3px solid #3372b5;
	background-image: linear-gradient(#44628a, transparent);
	cursor: pointer;
}

.topa_all {
	background: #f7f7f7;
}



.topa_list {
	display: flex;
}

.topa_div1 {
	/* width: 120px; */
	/* text-align: center; */
	margin-right: 30px;
	/* border-radius: 5px; */
	color: #7b7b7b;
	padding: 20px;
	border-bottom: 3px solid transparent;
}

.topa_div1.on {
	color: #000000;
	padding: 20px;
	border-bottom: 3px solid #3372b5;
}

.topa_div1:hover {
	cursor: pointer;
	color: #000000;
	padding: 20px;
	border-bottom: 3px solid #3372b5;
}

.topa_item3 {
	display: none;
}

.topa_item3.on {
	display: block;
}

.topa_item2 {
	width: 100%;
	margin-top: 40px;

}

.product_ul4 {
	margin-top: 20px;
}

.product_li20 {
	width: 100%;
}

.xxnew_main {
	width: 100%;
	background: #f7f7f7;
}

.xxnew_uls {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.xxnew_ul li {
	overflow: hidden;
	border-radius: 10px;
}

.xxnew_li2 {
	width: 48%;
	overflow: hidden;
	border-radius: 10px;
}

.xxnew_li1 {
	width: 50%;
	padding: 40px;
	background: #fff;
	border-radius: 10px;
}

.xxnew_li2 img {
	transition: all 0.5s ease;
}

.xxnew_li2:hover img {
	transform: scale(1.05);
}

.xxnew_li3 {
	font-size: 24px;
	color: #3372b5;
	margin-bottom: 25px;
}

.xxnew_li4 {
	margin-top: 60px;
	display: flex;
	align-items: center;
	font-weight: bold;
}

.xxnew_li4 i {
	font-size: 24px;
	margin-right: 10px;
}

.contact_p2 {
	color: #71b838;
}

.contact_p3 {
	margin-top: 30px;
	line-height: 1.6;
}

/**/

.centerb {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	text-align: center;
}

.centerb_ul1 {
	width: 23%;
	padding: 30px 0;
	margin-right: 24px;
	transition: all 0.3s ease;
}

.centerb_ul1:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.centerb_ul1:hover .line_hove {
	width: 100%;
	background: #3372b5;
}
.centerb_ul1 li img{
	height: 40px;
}

.centerb_li1 {
	margin-top: 10px;
	font-size: 20px;
	color: #4c575b;
}

.centerb_li2 {
	font-size: 16px;
}

.centerc {
	width: 100%;
	background: #f7f7f7;
}

.centerc_ul1 {
	margin-top: 30px;
}

#bigDiv {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(24, 23, 23, 0.9);
	display: flex;
	justify-content: center;
	align-items: center;
}
.box{
	position: relative;
	z-index: 1111;
}
.xxbans{
	height: 100%;
}
/*Centerdetail2*/
.centerda {
	background-image: url(121/pic16.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 784px;
}

.gcl-121-baner2 {
	height: 700px;
	margin-top: 128px;
}

.slidcons4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.slidcons3_li3 {
	width: 32%;
}

.gcl-121_li1 {
	margin-top: 30px;
}

.centerd {
	background-image: url('../121/pic16.jpg');
}

.centerd_list {
	margin-top: 30px;
}

.centerd_ul1 {
	position: relative;
}

.centerd_li1 {
	position: absolute;
	top: 50%;
	left: 7%;
	width: 85%;
}

.centerd_p1 {
	font-size: 20px;
	color: #fff;
}

.centerd_ul2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	color: #fff;
	margin-top: 15px;
}

.centerd_ul3 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.centerd_ul3 li {
	width: 50%;
	padding: 40px 70px;

}

.centerd_li2 {
	background: #fafafa;
}

.centerd_li3 {
	background: #fff;
}

.centerd_p2 {
	font-size: 20px;
	font-weight: bold;
}

.centerd-pagination {
	text-align: center;
	margin: 10px 0;
}

.centerd-pagination span {
	margin: 0 5px;
	background: #70b638;
}

/*Centerdetail2*/
/**/
.solution {
	background: #f7f7f7;
}

.solution2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}

.solution2_li1 {
	padding: 22px 45px;
	background: #fff;
}

.solution2_p1 {
	font-size: 20px;
	font-weight: bold;
	color: #3372b5;
}

.solution2_ul1 {
	width: 62%;
}

.solution2_ul2 {
	width: 36%;
}

.solution2_li1 .line {
	width: 100%;
}

.solution2_li2 {
	margin-top: 20px;
}

.solution2_li3 {
	margin-top: 15px;
}

.solution2_ul3 {
	width: 46%;
}

.solution2_ul4 {
	width: 52%;
}

.solution4 {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.solution4_ul1 {
	margin-top: 20px;
	width: 49%;
	background: #fff;
}
.solution4_li1{
	padding: 30px 40px;
	background: #fff;
	border-top: 1px solid #e5e5e5;
}
.pipeline_tab th {
	/* width: 20%; */
	height: 70px;
	background: #70b638;
	color: #fff;
}
.cena_li5 img{height:40px}
/**/

/*0817*/
/* 宸︿晶杈规爮 */
.g4prod{padding-bottom:0;}
.g4prod:last-child{padding-bottom:80px;}
.g4prob{height:0;overflow:hidden;position:relative;top:100px;}
.mc_aside_navbox {position:fixed;left:0;padding-left:25px;top:50%;transform:translateY(-50%) translateX(-100%);z-index:99;transition:all .36s ease-out;}
.mc_aside_navbox.show {transform:translateY(-50%) translateX(0);}
.mc_aside_nav {position:relative;}
.mc_aside_nav:before {box-sizing:border-box;content:"";position:absolute;left:4px;top:11px;z-index:-2;width:1px;height:calc(100% - 22px);background:#ccc;transition:all .36s;}
.mc_aside_li {position:relative;z-index:1;padding-left:30px;font-size:16px;line-height:20px;color:#333;margin:30px 0;border-top:1px solid transparent;border-bottom:1px solid transparent;cursor:pointer;transition:all .36s;}
.mc_aside_li.on {}
.mc_aside_li:before {box-sizing:border-box;content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:#999;border:1px solid #fff;transition:all .36s;}
.mc_aside_li:before{top:5px;transform: none;}
.mc_aside_li.on:before {box-shadow:0 0 8px rgba(79,115,233,0.75);background:#316bab}
.mc_aside_li.on {color:#316bab;}
.mc_aside_navline {display:block;position:absolute;left:4px;top:11px;z-index:-1;width:1px;max-height:calc(100% - 22px);background:var(--blue);transition:all .3s;}
.issub{font-size:36px;font-weight:bold;color:#222;padding-bottom:20px;}

.mc_aside_li{margin:10px 0;padding:12px 20px;border-radius:45px;padding-left:25px;padding-right:0;}
.mc_aside_li:before {top:16px;left:10px;}
.mc_aside_nav:before{display:none;}
.mc_aside_nav{width:155px;}
.mc_aside_li.on{background:#fff;}


.engrybaner{height:calc(100vh - 128px);}
.engry_bnav{padding:0;position:absolute;bottom:130px;left:0;width:1200px;left:50%;margin-left:-600px;}
.engry_bnav{transition:all 0.3s ease}


.eg_pro{background:#f7f7f7;padding:80px 0}
.eg_prom{width:85%;margin:0 auto;min-width:1200px;max-width:1500px;}
.eg_prop1{font-size:24px;font-weight:bold;line-height:1.4;position:relative;padding-bottom:15px;color:#000;}
.eg_prop1:before{position:absolute;left:0;bottom:0;height:5px;content:'';width:190px;background: linear-gradient(90deg, rgba(53,115,181,1) 0%, rgba(53,115,181,1) 39%, rgba(255,255,255,1) 100%);}
.eg_prop2{color:#555;}
.eg_promlink{display:flex;align-items:center;width:100%;padding-bottom:80px;}
.eg_promlink:hover .eg_prop1{color:#70b638;}
.eg_promlink:hover .eg_prop2{color:#555;}
.eg_promimg{width:calc(95% - 370px);margin-right:5%;}
.eg_promwz{width:370px;}
.eg_prop4{background:#70b638;font-size:14px;}
.eg_prop1{transition:all 0.3s ease}
.eg_prop2{padding:20px 0;}
.eg_promimg img{max-width:100%;transition:all 1s ease;transform:scale(0.6);}
.eg_promlink.aos-animate .eg_promimg img{transform:scale(1);}

@media screen and (max-width:1600px) {
    .mc_aside_li{font-size:12px;}
    .mc_aside_navbox{padding-left:15px;}
    .mc_aside_nav{width:140px;}
    .w1200.g4proall{width:80%;min-width:1000px;}
}

@media screen and (max-width:768px) {
.mc_aside_navbox {display:none;}
.issub{font-size:22px;}
.w1200.g4proall{width:90%;min-width:auto;}
}