body {
	font-size: 16px;
}

.w90 {
	width: 92%;
	max-width: 1978px;
	margin: 0 auto;
}

.w80 {
	width: 80%;
	margin: 0 auto;
	max-width: 1480px;
}

.banImg {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

.zw {
	padding-top: 100px;
	margin-top: -100px;
}

.zwDiv {
	height: 100px;
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	top: 0;
	z-index: 100;
	color: #fff;
}

header::after {
	transition: all .36s;
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	background: rgba(255, 255, 255, .38);
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}

header .con {
	padding: 0 3.6vw;
}

.headerLogo {
	font-size: 24px;
}

.logoIcon {
	filter: grayscale(100%) brightness(500%);
	-webkit-filter: grayscale(100%) brightness(500%);
}

.oneNav {
	line-height: 100px;
	display: block;
	font-size: 18px;
	padding: 0 1.8vw;
	white-space: nowrap;
}

.oneNav span {
	position: relative;
	display: inline-block;
	font-weight: bold;
}

.oneNav span::after {
	width: 100%;
	height: 2px;
	display: block;
	content: '';
	transform: scale(0, 1);
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .36s;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
}

nav:hover>li:not(:hover) .oneNav span::after {
	transform: scale(0, 1);
}

.searchtopBtn {
	padding-left: 3.6vw;
	border-left: 1px solid rgba(255, 255, 255, .38);
	height: 100px;
}

/* nav li{ position: relative;} */


nav li dl {
	position: absolute;
	color: #333;
	pointer-events: none;
	padding-left: 3.6vw;
	padding-right: 3.6vw;
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
	top: 100px;
	background-color: #fff;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .15);
	text-align: center;
	transition: all .36s;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}

/* nav li dl dd a{ line-height: 50px; font-size: 14px; height: 50px; border-top: 1px solid #e5e5e5; display: block; color: #333;}
nav li dl dd a:hover{ color: var(--white); background-color: var(--blue);} */
nav li dl {
	visibility: hidden;
	opacity: 0;
	transform: translateY(20px);
}

nav li:hover dl {
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.downNav .iconfont {
	font-size: 14px;
}

.downNav dd:hover {
	color: var(--blue);
}

.downnavline {
	height: 2px;
	width: 40px;
}

header.scroll::after {
	height: 100%;
	background: #fff;
}

header.scroll {
	color: #000;
	box-shadow: 0 0 15px rgba(0, 0, 0, .15);
}

/* header.scroll li.on .oneNav {
	color: var(--blue);
	font-weight: bold;
} */

header.scroll .oneNav span::after {
	background: var(--blue);
}

header.scroll li:hover {
	color: var(--blue);
}

header.scroll .logoIcon {
	filter: grayscale(0%) brightness(100%);
	-webkit-filter: grayscale(0%) brightness(100%);
}

header.scroll .searchtopBtn {
	border-color: rgba(0, 0, 0, .1);
}

.searchBox {
	background: var(--blue);
	z-index: 15;
	transform: translateY(-105%);
	transition: all .6s;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	-webkit-transform: translateY(-105%);
	-moz-transform: translateY(-105%);
	-ms-transform: translateY(-105%);
	-o-transform: translateY(-105%);
}

.searchBox .form {
	width: calc(100% - 80px);
}

.searchBox .keys {
	width: 80%;
	background: url(../images/search-w.png) no-repeat left center;
}

.searchBox .submit {
	width: 90px;
	height: 40px;
	border: 1px solid #fff;
}

.searchBox input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .65);
}

.searchBox input:-moz-placeholder {
	color: rgba(255, 255, 255, .65);
	;
}

.searchBox input::-moz-placeholder {
	color: rgba(255, 255, 255, .65);
	;
}

.searchBox input:-ms-input-placeholder {
	color: rgba(255, 255, 255, .65);
	;
}

.searchBox.show {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
}

.h_nav {
	height: 60px;
	width: 60px;
	background-color: var(--blue);
	padding: 18px 8px;
	align-items: flex-end;
	display: flex;
}

.h_nav .burger {
	width: 100%;
	height: 1px;
	background: #fff;
	transition: .8s;
	display: inline-block;
}

.h_nav .burger:first-child {
	animation: long 2s linear infinite;
	-webkit-animation: long 2s linear infinite;
}

.h_nav .burger:nth-of-type(2) {
	width: 50%;
}

.h_nav .burger:nth-of-type(3) {
	animation: long 3s linear infinite;
	-webkit-animation: long 3s linear infinite;
}

.h_nav.close .burger:first-child {
	display: none;
}

.h_nav.close .burger:nth-of-type(3) {
	display: none;
}

.h_nav.close .burger:nth-of-type(2) {
	position: relative;
	z-index: 1;
	width: 80%;
}

.h_nav.close .burger:nth-of-type(2):before,
.h_nav.close .burger:nth-of-type(2):after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	z-index: 1;
}

.h_nav.close .burger:nth-of-type(2) {
	background: transparent;
	transform: rotate(-180deg);
}

.h_nav.close .burger:nth-of-type(2):before,
.h_nav.close .burger:nth-of-type(2):after {
	opacity: 1;
	transition: all .3s;
}

.h_nav.close .burger:nth-of-type(2):before {
	transform: rotate(45deg);
}

.h_nav .burger:nth-of-type(2):after {
	transform: rotate(-45deg);
}

.h_nav.close {
	align-items: center;
	justify-content: center;
}

.nav {
	color: #fff !important;
	width: 100%;
	height: calc(100vh - 60px);
	transition: all .6s;
	transform: translateX(100%);
	background-color: #000;
	position: fixed;
	top: 60px;
	right: 0;
	flex-direction: column;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
}

.nav.show {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
}

.nav li.go-child {
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	position: relative;
}

.nav li.go-child>a {
	line-height: 60px;
	padding: 0 20px;
	font-size: 16px;
}

.nav {
	overflow-y: scroll;
	padding-bottom: 63px;
}

.nav::-webkit-scrollbar {
	/*滚动条整体样式*/
	/*高宽分别对应横竖滚动条的尺寸*/
	width: 1px;
}

.nav::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 3px;
	background: #000;
	width: 1px;
}

.nav::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	border-radius: 3px;
	background: rgba(0, 0, 0, .1);
	width: 1px;
}


.erji {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	z-index: 10;
	background: url(../images/jia.png) no-repeat center center;
	background-size: 40% auto;
}

.nav li.go-child.on .erji {
	background: url(../images/jian.png) no-repeat center center;
	background-size: 40% auto;
}

.nav-down li a {
	line-height: 50px;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	display: block;
	padding-left: 25px;
	font-size: 14px;
	opacity: 0.8;
}



.banner::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	/* 	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4), transparent); */
	width: 100%;
	height: 50%;
}

.banner .button {
	position: absolute;
	right: 3.6vw;
	bottom: 70px;
	z-index: 10;
}

.banner .next,
.banner .prev {
	width: 60px;
	height: 60px;
	border: 1px solid rgba(255, 255, 255, .38);
}

.banner .next:hover,
.banner .prev:hover {
	background: var(--blue);
	color: #fff;
	border-color: var(--blue);
}

.banner .swiper-pagination {
	display: none;
}


.idxAbout {
	background: url(../images/idxporbg.jpg) no-repeat center bottom;
	background-size: 100% auto;
}

.idxProUl li {
	width: calc(100% / 3);
}

.idxProUl li .round {
	width: 66px;
	height: 66px;
}

.idxProUl li:last-child {
	border-right: none;
}

.idxProUl li .img {
	height: 470px;
}

.maximg img {
	max-width: 100%;
	max-height: 100%;
}

.hoverxf {
	position: absolute;
	width: calc(100vw / 3);
	left: 0;
	height: 100%;
	opacity: 0;
	background: url(../images/bg1.jpg) no-repeat center center;
	background-size: cover;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}

.idxProUl:hover .hoverxf {
	opacity: 1;
}

@media screen and (min-width:750px) {

	.idxProUl li:hover {
		color: #fff;
	}

	.idxProUl li:hover {
		color: var(--white);
		border-color: transparent;
	}

	.idxProUl li:hover .round {
		background-color: var(--white);
		border-color: var(--white);
		box-shadow: 0 0 10px rgba(255, 255, 255, .25);
		color: var(--blue);
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9);
	}

	.idxProUl li:hover .img img {
		transform: scale(.9);
		-webkit-transform: scale(.9);
		-moz-transform: scale(.9);
		-ms-transform: scale(.9);
		-o-transform: scale(.9);
	}


}

.indexProTit li {
	flex: 1;
	font-size: 18px;
	background-color: #1d4991;
	height: 40px;
	border-radius: 30px;
	color: #fff;
	margin: 0 8px;
}

.indexProTit li .proClassIcon {
	filter: grayscale(100%);
	opacity: .8;
	-webkit-filter: grayscale(100%);
}

.proClassIcon {
	height: 36px;
}

.indexProTit li.on .proClassIcon {
	filter: grayscale(0%);
	opacity: 1;
	-webkit-filter: grayscale(0%);
}

.indexProTit li.on {
	font-weight: bold;
	background-color: #f18102;
}

.idxMoreTel .left {
	width: 282px;
	height: 65px;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	-ms-border-radius: 35px;
	-o-border-radius: 35px;
}

.idxMoreTel {
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	-ms-border-radius: 35px;
	-o-border-radius: 35px;
}

.idxmore {
	height: 60px;
	border-radius: 30px;
	width: 200px;
	background-image: linear-gradient(to right, #568de8, #093e96);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.idxmore::after {
	display: block;
	content: '';
	width: 60px;
	height: 60px;
	border-radius: 30px;
	transition: all .36s;
	background: var(--blue);
	position: absolute;
	right: 0;
	top: 0;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}

.idxmore .Icon {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.idxmore:hover {
	box-shadow: 0 0 15px rgba(9, 62, 150, 0.8);
}

/* .idxmore:hover i{ right:   calc(100% - 60px); transform:  rotate(720deg); -webkit-transform:  rotate(720deg); -moz-transform:  rotate(720deg); -ms-transform:  rotate(720deg); -o-transform:  rotate(720deg); } */
.idxmore .tips {
	position: relative;
	z-index: 5;
}

.idxmore:hover::after {
	width: 100%;
}

.aboutPlay {
	width: 140px;
	height: 140px;
	margin-left: -70px;
	margin-top: -70px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
}

.aboutPlay img {
	animation: rotate 10s linear infinite;
	transition: ease 1s;
	-webkit-animation: rotate 10s linear infinite;
}

/* 
.idxAbout .pic::after{ width: 16px; height: 265px; background: var(--blue); display: block; content: ''; position: absolute; top: -16px; left: -16px;
    -webkit-clip-path: polygon(100% 0,100% 100%, 0% 95%, 0 0);clip-path: polygon(100% 0,100% 100%, 0% 95%, 0 0);}
.idxAbout .pic::before{ height: 16px; width: 265px; background: var(--blue); display: block; content: ''; position: absolute; top: -16px; left: -16px;
    -webkit-clip-path: polygon(95% 0,100% 100%, 0% 100%, 0 0); clip-path: polygon(95% 0,100% 100%, 0% 100%, 0 0); } */
.numIcon {
	position: absolute;
	top: 0;
	right: -50px;
	filter: grayscale(100%) brightness(500%);
	-webkit-filter: grayscale(100%) brightness(500%);
}

.numUl .line {
	width: 1px;
	height: 90px;
	background: rgba(255, 255, 255, .1);
	display: block;
}

.idxAboutLine span {
	width: 30px;
	height: 4px;
	display: block;
	content: '';
	background: #f18102;
}

.idxAboutLine span:first-child {
	width: 60px;
}

.idxPartners {
	background: #f8f8f8;
}

.idxPartners .left {
	width: 18.5%;
	writing-mode: vertical-rl;
	letter-spacing: 3px;
	background: url(../images/idxpartnersbg.png) no-repeat center bottom var(--blue);
	background-size: 100% auto;
}

/* .idxPartners .right{ width:81.5%; padding-right: calc((100vw - 1480px)/2);}
.idxPartners .right .con::after{ background: #f8f8f8; position: absolute; right: -50%; width: 100%; height: 100%; top: 0; display: block; content: '';} */
.idxPartnersUl li {
	width: calc((100% - 80px)/3);
	margin-right: 16px;
	margin-top: 26px;

}

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

.idxPartnersUl li:hover {
	transform: scale(0.95);
	border-color: #fff;
	box-shadow: 0 0 15px rgba(9, 62, 150, 0.25);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.idxWhy {
	background: url(../images/bg4.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}


.idxProblem {
	background: url(../images/problembg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed
}

.idxProblem::after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: linear-gradient(to right, rgba(9, 62, 150, 0.8), rgba(0, 0, 0, .6));
}

.problemUl {
	width: 75%;
}

.problemUl li {
	width: 24%;
}

.problemUl li .round {
	width: 60px;
	height: 60px;
	margin-bottom: -30px;
}

.problemUl li .con {
	height: 7em;
}

.problemUl li:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}

.problemUl li:hover .con {
	box-shadow: 0 5px 10px rgba(255, 255, 255, .3);
}

.linka a:hover {
	color: var(--blue);
}

.whyUl li {
	width: calc((100% - 100px)/3);
	margin-right: 50px;
	position: relative;
	overflow: hidden;
}

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

.whyIcon {
	max-width: 60px;
	max-height: 60px;
}

.whyUl li .img img {
	transition: all 0s;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
}

.whyUl li .line {
	height: 2px;
	width: 15%;
}

.whyUl li:hover {
	background: url(../images/bg1.png) no-repeat center center;
	background-size: cover;
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

/* .whyUl li:hover .img img{ filter: drop-shadow(70px 0 0 #666); transform: translateX(-70px); -webkit-filter: drop-shadow(70px 0 0 #fff); -webkit-transform: translateX(-70px); -moz-transform: translateX(-70px); -ms-transform: translateX(-70px); -o-transform: translateX(-70px); } */
/* .whyUl li:hover  .line{ background: rgba(255, 255, 255, .8);} */

.whyUl li div {
	position: relative;
	z-index: 10;
}

.whyUl li::before {
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background-image: linear-gradient(to top, #fff, rgba(255, 255, 255, .3));
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.whyUl li:nth-child(1):hover {
	background: url(../images/idxwhy01.jpg) no-repeat center center;
	background-size: cover;
}

.whyUl li:nth-child(2):hover {
	background: url(../images/idxwhy02.jpg) no-repeat center center;
	background-size: cover;
}

.whyUl li:nth-child(3):hover {
	background: url(../images/idxwhy03.jpg) no-repeat center center;
	background-size: cover;
}

.whyUl li:nth-child(4):hover {
	background: url(../images/idxwhy04.jpg) no-repeat center center;
	background-size: cover;
}

.whyUl li:nth-child(5):hover {
	background: url(../images/idxwhy05.jpg) no-repeat center center;
	background-size: cover;
}

.whyUl li:nth-child(6):hover {
	background: url(../images/idxwhy07.jpg) no-repeat center center;
	background-size: cover;
}




.idxNews {}

.newsItem .txt {
	perspective: 300px;
	-webkit-perspective: 300px;
}

.newsItem .txt:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transform-origin: top center 0;
	transition: 0.54s;
	transform: rotateX(-60deg);
	-webkit-transform: rotateX(-60deg);
	-moz-transform: rotateX(-60deg);
	background: -webkit-linear-gradient(130deg, #568de8, #093e96);
	background: -o-linear-gradient(130deg, #568de8, #093e96);
	background: -moz-linear-gradient(130deg, #568de8, #093e96);
	background: linear-gradient(130deg, #568de8, #093e96);
}

.newsItem:hover .txt:before {
	opacity: 1;
	visibility: visible;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	color: #fff;
}

.newsItem:hover div {
	color: #fff !important;
}

.newsItem:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.idxBottom {
	background: url(../images/idxbottombg.png) no-repeat right center var(--blue);
	background-size: auto 100%;
	background-attachment: fixed
}

.idxBottom .w25 {
	margin-top: -50px;
}

.idxBottom .more {
	border: 2px solid #fff;
	height: 50px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
}

.idxBottom .more:hover {
	background-color: var(--blue);
	box-shadow: 0 0 15px rgba(255, 255, 255, .38);
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}


/* footer{ background: #1b1b1b;}
.waves {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;filter: grayscale(100%) brightness(500%); opacity: .6;}
.footMessage{  width: 18vw; }
.footMessage input{ border-color: rgba(255, 255, 255, .3);}
.footNav{ width: 13vw; margin-left: 5vw;}
.footNav a{line-height: 4.4;}.footNav a:nth-child(2n){ text-align: right;}footer a:hover{ opacity: 0.7;}

.outLInk a{ width: 46px; height: 46px; opacity: 0.5; }.outLInk a .iconfont{ font-size: 24px;}.outLInk a:hover{ opacity: 1;}
.outLInk a .img{ width: 100px; padding: 5px; position: absolute; left: 50%; margin-left: -50px; bottom: 110%; display: none; animation: rightTop .3s; -webkit-animation: rightTop .3s; }
.outLInk a:hover .img{ display: block;}
footer .bottom a:hover{color: #fff;}
.friendlink { height: 125px;padding-top: 25px; }
.select-txt option{ padding: 0 15px; display: block; color:#333} */

.popCode {
	width: 50px;
	height: 50px;
	color: #fff !important;
}

.popCode .iconfont {
	font-size: 24px;
}

.popCode .img {
	width: 120px;
	position: absolute;
	left: 50%;
	top: calc(100% + 15px);
	z-index: 5;
	background: #fff;
	transform: translateX(-50%);
	display: none;
	box-shadow: 0 0 8px rgba(0, 0, 0, .15);
	padding: 2px;
	border-radius: 5px
}

.popCode .img:before {
	content: '';
	border: 10px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.popCode:hover .img {
	display: block;
}

.f14 {
	font-size: 14px;
}

footer a:hover {
	color: var(--blue);
}

footer .top {
	border-bottom: 1px solid #eee;
}

footer .center dl dt:after {
	content: '';
	display: block;
	width: 14px;
	height: 2px;
	background: var(--blue);
	margin-top: 8px;
	margin-bottom: 8px;
}

footer .center dl dd {
	color: #333;
	padding: 3px 0;
}

footer .bottom {
	background: #1d4991;
}

footer .bottom p {
	color: #fff;
}

.homeg .row {
	padding: 5px 5px 5px 10px;
	border: 1px solid rgba(255, 255, 255, .3);
	background: rgba(255, 255, 255, .1);
	line-height: 40px;
	border-radius: 5px;
}

.homeg .inputbOX {
	width: 16.6%;
}

.homeg .inputBtn {
	width: 16.6%;
	padding: 5px;
	border-color: #f18102;
	background: #f18102;
}

.homeg .teaxtBox {
	width: 44%;
}


.homeg {
	background: url(../images/container06_bg.jpg) no-repeat center center;
	background-size: cover;
}


.newsItem .img img {
	width: 100%;
}

.neiBan .txt {
	background: rgba(0, 0, 0, .15);
}

.subNav a {
	flex: 1;
	height: 90px;
}

.subNav a.on {
	background: var(--blue);
	color: #fff;
}

.subNav a:hover {
	color: var(--blue);
}

.subNav a.on:hover {
	color: #fff;
}

.prolist li {
	width: calc(100% / 3);
}

.prolist li {
	width: calc(100% / 3);
}

.prolist li .round {
	width: 66px;
	height: 66px;
}

.prolist li:last-child {
	border-right: none;
}

.prolist li .img {
	height: 470px;
}

.prolist li:hover {
	color: #fff;
	background: url(../images/bg1.jpg) no-repeat center center;
	background-size: cover;
}

.prolist li:hover {
	color: var(--white);
	border-color: transparent;
}

.prolist li:hover .round {
	background-color: var(--white);
	border-color: var(--white);
	box-shadow: 0 0 10px rgba(255, 255, 255, .25);
	color: var(--blue);
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
}

.prolist li:hover .img img {
	transform: scale(.9);
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
}

.neiBanImg {
	width: 100%;
	object-fit: cover;
	min-height: 250px;
}

.proInfoBg {
	background: url(../images/proinfobg.jpg) no-repeat center top #f8f8f8;
	background-size: 100% auto;
}

.proinforBack {
	border: 1px solid #fff;
}

.proinforBack:hover {
	border-color: var(--blue);
	box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
	background: var(--blue);
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.proinfoImg .next,
.proinfoImg .prev {
	width: 66px;
	height: 66px;
}

.proinfoImg .next:hover,
.proinfoImg .prev:hover {
	background-color: var(--green);
	color: #fff;
}

.proinfoTxt .line {
	background-color: #cdcdcd;
	height: 1px;
}

.proinfoTxt .line::after {
	width: 10%;
	position: absolute;
	left: 0;
	top: -1px;
	height: 3px;
	background-color: var(--blue);
	display: block;
	content: '';
}

.proinfoImg .swiper-slide {
	height: auto;
}

.proInfoLeft {
	width: 67.5%;
}

.proInfotTit .tit {
	border-left: 6px solid var(--blue);
}

.proInfotRight {
	width: 30%;
}

.proInfotRight a.block .img {
	height: 250px;
	margin-top: 25px;
}

.proInfotRight a:last-child {
	border-bottom: none;
}

.proInfotRight a:hover {
	color: var(--blue);
}

.proInfotRight a:hover .img img {
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.newspages a:last-child {
	border-right: none;
}

.newspages a:hover {
	background: var(--blue);
	color: #fff;
	transform: scale(1.05);
	z-index: 5;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}

.newspages a:hover .font14 {
	color: rgba(255, 255, 255, .38);
}

.caselistTIt {
	background-image: linear-gradient(to left, #00aefc, #093e96);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}

.params-container {
	display: table;
}

.param-item {
	display: table-row;
}

.param-cell {
	display: table-cell;
	padding: 1em;
	border-right: 1px solid #f1f1f1;
}

.params-container .param-item:nth-child(2n) {
	background-color: #fff;
}

.newslist li {
	width: calc((100% - 60px)/3);
	margin-right: 30px;
	margin-bottom: 40px;
}

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

.newslist li:hover {
	box-shadow: 0 0 25px rgba(9, 62, 150, 0.25);
}

.newsleft {
	width: 66%;
}

.newsright {
	width: 34%;
}

.tjNewsUl a .left {
	width: calc(100% - 120px);
}

.tjNewsUl a .img img {
	width: 100px;
	height: 70px;
	object-fit: cover;
}


.joblist li {
	margin-bottom: 25px;
}

.joblist li .top span {
	flex: 1;
	line-height: 95px;
}

.joblist li .bottom {
	display: none;
}

.jobBtn {
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}


.popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
	filter: Alpha(opacity=50);
	background: #000;
	width: 100%;
	height: 100%;
	display: none;
	font-size: 16px;
}

.popup-table-type {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
}

.popup-table-cell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.popup-container {
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.11);
	width: 90%;
	max-width: 1100px;
	margin: auto;
	padding: 0;
	position: relative;
	display: inline-block;
	border-radius: 10px;
}

.popup-container .map {
	border-radius: 15px;
	overflow: hidden;
	max-width: 100%;
}

.popup-container .map .con {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 6;
	background: #fff;
	color: #333;
	padding: 15px 20px;
	text-align: left;
}

.popup-container .map .con .h3 {
	font-size: 20px;
	font-weight: bold;
}

.popup-container .map .con .p {
	font-size: 16px;
}

.popup .closed {
	position: absolute;
	top: -30px;
	right: -30px;
	cursor: pointer;
	background: #000;
	border-radius: 100%;
	padding: 10px;
}

.popup .closed:before {
	content: "×";
	font-family: "宋体";
	font-size: 30px;
	color: #fff;
	line-height: 30px;
}

@media (max-width:640px) {
	.popup .closed {
		right: 0;
	}
}

.inputbox {
	position: relative;
	line-height: 44px;
}

.inputbox label {
	position: absolute;
	left: 0;
	padding: 0 10px;
	color: #bfbfbf;
	z-index: 0;
	font-size: 16px;
}

.inputbox .text {
	width: 100%;
	line-height: 44px;
	height: 44px;
	padding: 0 10px;
	border-radius: 3px;
	border: 1px solid #e4e4e4;
	background: none;
	position: relative;
	z-index: 2;
	font-size: 16px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.inputbox .text:focus {
	border-color: var(--blue);
}

.jobpopup .popup-container {
	background: none;
	box-shadow: none;
	max-width: 720px;
}

.jobpopup .popup-con {
	border-radius: 10px;
	overflow: inherit;
	background: #fff;
	padding-bottom: 62px;
}

.jobpopup .closed {
	top: 2%;
	right: 8%;
	background: none;
	z-index: 205;
}

.jobpopup .closed:before {
	color: #333;
}

.jobformbox {
	display: none;
}

.jobform .form-tit {
	border-bottom: 1px solid #eee;
	color: #333;
	font-size: 24px;
	text-align: left;
	padding: 18px 10%;
}

.jobform form {
	padding: 3% 10% 0% 10%;
}

.jobform .item {
	text-align: left;
	margin-bottom: 15px;
}

.jobform .item2 .selectbox {
	width: 48%;
	float: left;
}

.jobform .item2 .selectbox:last-child {
	float: right;
}

.jobform .selectbox select {
	display: block;
	background: #f9f9f9;
	height: 55px;
	padding: 10px;
	line-height: 30px;
	width: 100%;
	border: none;
	color: #999;
	font-size: 16px;
}

.jobform .name {
	color: #333;
	font-size: 18px;
}

.jobform .inputbox {
	position: relative;
	cursor: text;
	width: 100%;
	height: 50px;
	padding: 10px;
	line-height: 30px;
	font-size: 16px;
	background: #f9f9f9;
}

.jobform .inputbox span.tit {
	position: absolute;
	color: #999;
	top: 10px;
	left: 10px;
}

.jobform .inputbox input.text,
.jobform .inputbox select.text {
	border: none;
	background: none;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	padding: 0;
}

.jobform .file-filestyle {
	line-height: 30px;
	font-size: 16px;
}

.jobform .file-filestyle input.text {
	border: none;
	background: none;
	display: block;
	width: 100%;
	height: 30px;
	font-size: 16px;
}

.jobform .file-filestyle span.tit {
	color: #333;
	display: block;
	margin-bottom: 15px;
}

.jobform .file-filestyle .filebtn {
	position: relative;
	width: 85px;
	height: 80px;
	border: 2px solid #ededed;
	display: inline-block;
	font-size: 0;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}

.jobform .file-filestyle .filebtn::before,
.jobform .file-filestyle .filebtn::after {
	position: absolute;
	content: '';
	background: #ededed;
}

.jobform .file-filestyle .filebtn::before {
	left: 20%;
	width: 60%;
	height: 3px;
	top: 50%;
	margin-top: -1px;
}

.jobform .file-filestyle .filebtn::after {
	left: 50%;
	margin-left: -1px;
	width: 3px;
	top: 20%;
	height: 60%;
}

.jobform .btns {
	padding-top: 0;
	text-align: center;
	position: absolute;
	bottom: -45px;
	left: 50%;
	margin-left: -85px;
	margin-left: -50px;
}

.jobform .btn {
	display: inline-block;
	background: var(--blue);
	font-size: 16px;
	color: #fff;
	width: 170px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 55px;
	border: none;
	cursor: pointer;
}

@media (max-width:640px) {
	.jobform .form-tit {
		font-size: 20px;
	}

	.jobform .name,
	.jobform .inputbox,
	.jobform .file-filestyle {
		font-size: 14px;
	}

	.jobform .inputbox input.text {
		font-size: 14px;
	}

	.jobform .inputbox span.tit,
	.jobform .file-filestyle span.tit {
		top: 5px;
	}

	.jobform .inputbox {
		padding: 5px 10px;
		line-height: 20px;
		height: 42px;
		line-height: 32px;
	}

	.jobform .file-filestyle {
		padding: 0 10px;
		line-height: 20px;
		height: 30px;
	}

	.jobform .file-filestyle .filebtn {
		line-height: 90px;
		width: 50px;
		height: 50px;
	}

	.jobform .btn {
		font-size: 14px;
		width: 110px;
		height: 34px;
		line-height: 34px;
		border-radius: 30px;
	}

	.jobform .btns {
		padding-top: 0;
		text-align: center;
		position: absolute;
		bottom: -45px;
		left: 50%;
		margin-left: -50px;
	}
}

.jobform {
	position: relative;
}

.profile {
	background: url(../images/profilebg.png) no-repeat bottom right;
}

.aboutline {
	width: 80px;
	height: 3px;
}

.profileIcon {
	width: 40px;
}

.style {
	background: url(../images/stylebg.jpg) no-repeat center center;
	background-size: cover;
}

.aboutBtn {
	width: 70px;
	height: 70px;
}

.aboutBtn:hover {
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}


.Honor .swiper-container .swiper-slide .img {
	height: 460px;
}

/*  background: url(../images/honorbg.png) no-repeat center top -50%; background-size: 80% auto; 
.contactStyle{ background: url(../images/contactstylebg.png) no-repeat bottom center #f8f9fb; background-size: 100% auto;}
.contactStyle::before{ width: 100%; height: 100%; display: block; content: ''; position: absolute; top: 0; left: 0; background: url(../images/contactstyletop.png) no-repeat center top; background-size: 100% auto; }
.contactStyle .right .font60{ border-bottom: 3px solid #fff;}
.contactStyleImg{ width: 114px; height: 114px; object-fit: cover; border: 2px solid #fff;}
.contactEwm .img{ border: 2px solid var(--blue);}
.contactEwm img{ width: 156px;} */

.photolist li {
	width: calc((100% - 40px)/3);
	margin-right: 20px;
	margin-bottom: 20px;
}

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

.photolist li:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.photolist li:hover {
	box-shadow: 0 0 20px rgba(9, 62, 150, 0.25);
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.newsItem .img img {
	width: 100%;
	height: 285px;
	object-fit: cover;
}

.photolist li .img img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

table,
tr,
td,
th {
	border: 1px solid #f1f1f1;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}

.caseInfo table {
	background: #f8f8f8;
	line-height: 3;
}

.caseInfo td {
	padding: 1em;
	border-right: 1px solid #f1f1f1;
}

.caseInfo table tr:first-child {
	background: var(--blue);
	color: #fff;
	font-size: 22px;
}

.caseInfo table tr:first-child td {
	color: #fff;
}

.caseInfo table tr:nth-child(2n) {
	background-color: #fff;
}

.caseInfo table tr,
.caseInfo table td {
	text-align: center;
}

.footSidebar {
	position: fixed;
	right: 0;
	bottom: 10vh;
	z-index: 105;
	font-size: 14px;
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, .15));
}

.footSidebar li {
	width: 70px;
	min-height: 80px;
	border-bottom: 1px solid #e5e5e5;
}

.footSidebar li.topJump {
	border-bottom: none;
	transform: translateX(105%);
}

.footSidebar li.topJump.show {
	transform: translateX(0);
}

.footSidebar .kefu {
	padding-top: 10px;
	border-bottom: 1px solid #e5e5e5;
	border-radius: 40px 40px 0 0;
}

.footSidebar .pic {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.footSidebar .pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.footSidebar .pic::after,
.footSidebar .pic::before {
	display: block;
	content: '';
	border-radius: 50%;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	border: 1px solid var(--blue);
	animation: ani-data-v-789143c6 1.4s ease-out infinite;
}

.footSidebar .pic::before {
	animation-delay: .6s;
}

.footSidebar .iconfont {
	font-size: 22px;
}

.footSidebarLeft {
	animation: rightFloat .3s;
	padding: 5px;
	position: absolute;
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	right: calc(100% + 10px);
	top: 50%;
	display: none;
}

.sidebarEwm {
	width: 120px;
	height: 120px;
	margin-top: -50px;
}

.footSidebar li:hover .footSidebarLeft {
	display: block;
}

.sidebarTel {
	height: 50px;
	margin-top: -25px;
	line-height: 50px;
	padding: 0 15px;
}

.footSidebar li:hover .iconfont {
	color: var(--blue);
}

.footSidebar li:hover .icon-zhiding {
	color: #fff
}
/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; clear:both;}
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:44px; line-height:42px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:48px;margin-left:3px;  text-align:center; color:#333333; font-size:14px; border:1px solid #e5e5e5; background:#fff; border-radius:0px;}
.yema a:hover{ text-decoration:none; color:#fff; background:#1d4991;border:1px solid #1d4991;}
.yema a.on{color:#fff;  background:#1d4991;border:1px solid #1d4991;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#1d4991;}
.yema a span{ font-family:"宋体"; font-size:16px;}

.drop-txt {
	border: 1px solid rgba(255, 255, 255, .25);
	width: 180px;
	height: 48px;
}

.drop-txt::after {
	display: block;
	content: "\eb6d";
	transition: all .36s;
	font-family: "iconfont" !important;
	position: absolute;
	right: 20px;
}

.drop-downs ul {
	position: absolute;
	bottom: 48px;
	left: 0;
	min-width: 100%;
	background: #fff;
	z-index: 10;
	color: #333;
	white-space: nowrap;
	display: none;
}

.drop-downs ul li+li {
	border-top: 1px solid #e5e5e5;
}

.drop-downs ul a {
	font-size: 14px;
	padding: 5px 10px;
	display: block;
	line-height: 2.4;
}

.drop-downs ul a:hover {
	background: var(--blue);
	color: #fff;
}

.drop-downs:hover ul {
	display: block;
}

.drop-downs:hover .drop-txt::after {
	transform: rotate(180deg);
}



.indexProUl li {
	width: calc(100% / 3);
}
.indexProUl li .font22{
	color: #1d4991;
}
/*
.indexProUl li:last-child{ border-right: none;}
.indexProUllist li{ flex: 33.3%;} 
 */
.indexProUl li:nth-child(3n) {
	border-right: none;
}

.indexProItem::after {
	width: 0;
	transition: all .36s;
	height: 1px;
	display: block;
	content: '';
	background: var(--blue);
	position: absolute;
	left: 0;
	bottom: 0;
}

.indexProItemImg {
	height: 360px;
	border-right: 1px solid #fff;
}

.indexProItemImg .pic {
	width: 100%;
	/* 	background: url(../images/bg3.jpg) no-repeat center center; */
	background-size: cover;
}

.indexProItemImg .pic img {
	max-width: 100%;
	max-height: 100%;
}

.indexProItemImg .mengban {
	opacity: 0;
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
}

.indexProUl li:hover {
	box-shadow: 15px 9px 14px 2px rgba(110, 117, 129, .18);
}

.indexProUl li:hover .indexProItem::after {
	width: 100%;
}

.indexProItemImg .pic {
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: left;
	-o-transform-origin: left;
	transform-origin: left;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	-moz-transform: perspective(300px) rotateY(0deg);
	-ms-transform: perspective(300px) rotateY(0deg);
	-o-transform: perspective(300px) rotateY(0deg);
	transform: perspective(300px) rotateY(0deg);
}

/* .indexProItemImg:hover  .pic{ opacity: 0; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); }
.indexProItemImg:hover .mengban{opacity:1; transform: scale(1);}  */
/* .indexProUl li:hover .indexProItemImg .pic{ opacity: 0; -webkit-transform: perspective(300px) rotateY(90deg); -moz-transform: perspective(300px) rotateY(90deg); -ms-transform: perspective(300px) rotateY(90deg); -o-transform: perspective(300px) rotateY(90deg); transform: perspective(300px) rotateY(90deg); } */


.indexProUl li:hover .indexProItemImg .mengban {
	opacity: 1;
	transform: scale(1);
}

.inter-inner {
	width: 90%;
	height: 90%;
	position: absolute;
	left: 5%;
	top: 5%;
}

.inter-inner .line1,
.inter-inner .line2 {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	pointer-events: none;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, transform 0.6s;
	transition-delay: 0.6s
}

.inter-inner .line1 {
	border-top: 3px solid var(--blue);
	border-bottom: 3px solid var(--blue);
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}

.inter-inner .line2 {
	border-right: 3px solid var(--blue);
	border-left: 3px solid var(--blue);
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
}

.indexProItemImg:hover .line1,
.indexProItemImg:hover .line2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.indexProUl li:hover .indexProItemImg .line1,
.indexProUl li:hover .indexProItemImg .line2 {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	transform: scale(1);
}



.morebtn {
	width: 240px;
	height: 55px;
}

.btn5 {
	position: relative;
	border: 2px solid rgba(24, 90, 178, .15)
}

.btn5:hover {
	color: var(--blue);
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}

.btn5>div {
	position: absolute;
	border-style: solid;
	border-width: 0;
	width: 0.6em;
	height: 0.6em;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.btn5 .line_tl {
	left: -2px;
	top: -2px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-color: var(--blue);
}

.btn5 .line_tr {
	right: -2px;
	top: -2px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-color: var(--blue);
}

.btn5 .line_bl {
	left: -2px;
	bottom: -2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-color: var(--blue);
}

.btn5 .line_br {
	right: -2px;
	bottom: -2px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-color: var(--blue);
}

.btn5 .line_all {
	width: auto;
	height: auto;
	border-color: var(--blue);
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	transition: border-width 0s;
	-webkit-transition: border-width 0s;
}

.btn5:hover>div {
	width: 55%;
	height: 55%;
}

.btn5:hover .line_all {
	width: auto;
	height: auto;
	border-width: 2px;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}

.btn5 span {
	position: relative;
	z-index: 1;
}

@-webkit-keyframes animate-cloud {
	from {
		background-position: 1920px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

@keyframes animate-cloud {
	from {
		background-position: 1920px 100%;
	}

	to {
		background-position: 0 100%;
	}
}

.befar {
	background: url(../images/befarbg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.befar li {
	width: calc(100%/6);
	border-right: 1px solid rgba(255, 255, 255, .15);
}

.befar li .big {
	text-stroke: 1px #fff;
	-webkit-text-stroke: 1px rgba(255, 255, 255, .4);
	color: transparent;
	font-size: 150px;
}

.befar li:hover .big {
	animation: jello 1.2s;
}

.befar li .desc {
	color: rgba(255, 255, 255, .6);
}

.befar li .img {
	margin-bottom: 8px;
}

.befar .img img {
	height: 60px;
}

.befar li:hover .img img {
	animation: jello 1.2s;
}

.history {
	background: url(../images/historybg.jpg) no-repeat center bottom;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	height: auto;
}

.history::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;
	content: '';
	background-image: linear-gradient(to top, rgba(24, 90, 178, 0.8), transparent);
}

.clound {
	width: 100%;
	height: 590px;
	z-index: 2;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/cloundy.png) repeat-x left center;
	-webkit-animation: animate-cloud 30s linear infinite;
	animation: animate-cloud 30s linear infinite;
}


/* .history-top .years{ font-size: 250px;
 
   text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; 
}  */
.history-thumbs .yuan {
	width: 40px;
	height: 40px;
}

.history-thumbs .yuan i {
	display: block;
	width: 20%;
	height: 20%;
}

.history-thumbs .yuan::after {
	width: 100%;
	transform: scale(0);
	transition: all .36s;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background-color: rgba(255, 255, 255, 0.3);
	display: block;
	content: '';
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}

.history-thumbs .swiper-slide-thumb-active .yuan::after {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.historyBot::after {
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 20px;
	background: rgba(255, 255, 255, 0.25);
	z-index: 1;
	display: block;
	content: '';
}

.history-thumbs .swiper-slide-thumb-active .yuan i {
	background-color: var(--blue);
}

/* .history  .next,.history .prev{ border: 1px solid rgba(255, 255, 255, .4); position: absolute; z-index: 20; top: 50%; width: 60px; height: 60px; margin-top: -30px;}
.history .prev{ left: 0;}
.history  .next{ right: 0;}
.history  .next:hover,.history .prev:hover{ background-color: #00696c;}
.history .next.swiper-button-disabled,.history .prev.swiper-button-disabled{ display: none ;} */

.fanZhan .prev,
.fanZhan .next {
	box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	width: 60px;
	height: 60px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.fanZhan .prev {
	left: -100px;
}

.fanZhan .next {
	right: -100px;
}

.fanZhan .prev:hover,
.fanZhan .next:hover {
	background-color: var(--blue);
	color: #fff;
}


/* .culture{ background: url(../images/culturebg.jpg) no-repeat center bottom; background-size: 100% auto;}
.culture{ padding: 120px 0;}
.culture .text li{position: absolute; line-height: 2; }
.culture .text li:nth-child(1){ left: 50%;bottom:100%;transform: translateX(-50%); text-align: center; }
.culture .text li:nth-child(2){right: 110%; top: 80px;   }
.culture .text li:nth-child(3){right: 110%; top: 270px;   }
.culture .text li:nth-child(4){left: 110%; top: 80px;   }
.culture .text li:nth-child(5){left: 110%; top: 270px;   }
.culture .text li:nth-child(6){top: 101%;transform: translateX(-50%); left: 50%; text-align: center;  }
.culture .txt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} */

.CultureUl {
	padding-top: 1px;
}

.CultureUl li {
	width: 32.5%;
}

.CultureUl li .txt {
	padding: 0 20px;
	background-color: rgba(0, 0, 0, .5);
	bottom: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 5;
	transform: translateY(60%);
	-webkit-transform: translateY(60%);
	-moz-transform: translateY(60%);
	-ms-transform: translateY(60%);
	-o-transform: translateY(60%);
}

.CultureUl li .txt .font14 {
	opacity: 0;
}

.CultureUl li:hover .txt {
	transform: translateY(0);
	background-color: rgba(23, 60, 131, .8);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}

.CultureUl li:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.CultureUl li:hover .txt .font14 {
	opacity: 1;
}


/* .proinfoyy .img img{ width: 100%; height: 100%; object-fit: cover;}
.proinfoyyLogo{display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}
.proinfoyyLogo li{ height: 92px; padding: 8px;}
.proinfoyyLogo li:hover{ transform: scale(0.95); border-color: #fff; box-shadow: 0 0 15px rgba(9,62,150, 0.25); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
 */

.proinfoyy .ico {
	width: 80px;
	height: 80px;
	color: var(--blue);
}

.proinfoyy li {
	transition: all .36s;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
	border-radius: 150px;
	width: 215px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}

.proinfoyy li::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: var(--blue);
	display: block;
	content: '';
	transform: translateY(-105%);
	transition: all .36s;
}

.proinfoyy li:hover::after {
	transform: none;
}

.proinfoyy li:hover {
	color: #fff;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.proinfoyy li:hover .ico {
	background: #fff;
	color: var(--blue);
}


.cxylist li {
	width: calc((100% - 100px)/3);
	margin-right: 50px;
}

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

.cxylist li:hover .img img {
	transform: scale(1.1);
}



/* .idxPlan{  background: url(../images/bg1.png) no-repeat center center; background-size: cover; }  */
.idxPlan .more {
	border-color: #fff;
}

.idxPlan .swiper-container {
	padding-left: 10vw;
}

.idxPlan .swiper-slide .text {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(9, 62, 150, .8);
	color: #fff;
}

.idxPlan .swiper-slide:hover .text {
	width: 100%;
}

.idxPlan .swiper-slide:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.caseBtn {
	width: 56px;
	height: 56px;
	border: 1px solid rgba(9, 62, 150, .2);
}

.caseBtn:hover {
	background-color: rgba(9, 62, 150, 1);
	color: #fff;
}

.idxPlan .swiper-pagination-bullet {
	background: var(--blue);
	margin: 0 10px;
	width: 10px;
	height: 10px;
}


.idxCase {}

.idxCase .swiper-slide .right {
	position: absolute;
	right: 5%;
	bottom: 15%;
	width: 80px;
	height: 50px;
	z-index: 2;
}

.idxCase .swiper-slide .date {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.idxCase .swiper-slide:nth-child(2n - 1) {
	padding-top: 280px;
}

.idxCase .idxTit {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.idxCase .idxTit .more {
	display: inline-block;
}

.idxCase .swiper-slide:hover .img img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

/* .idxCase .swiper-slide:hover .right,.idxCase .swiper-slide:hover .date{   background-color:rgba(24,90 ,178, 0.05);} */
.idxCase .swiper-slide .text .posi div {
	position: relative;
	z-index: 5;
}

/* .idxCase .swiper-slide .text .posi::after{ width: 0; height: 100%; position: absolute; left: 0; top: 0; transition: all .36s;display: block; content: ''; background-color: rgba(24,90 ,178, 0.05); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } */
.idxCase .swiper-slide:hover .text .posi::after {
	width: 100%;
}

/* .idxCase .swiper-slide:hover .text { color: #fff;} */
/* .idxCase .swiper-slide:hover .color-666{ color: rgba(255, 255, 255, .75);} */

.idxCase .button {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 52%;
}

.idxCase .caseBtn {
	border: 1px solid rgba(0, 0, 0, .2);
}

.idxCase .caseBtn:hover {
	background-color: var(--blue);
	color: #fff;
	border-color: transparent;
}

.idxCase .swiper-pagination-bullet {
	background: var(--blue);
	margin: 0 10px;
	width: 10px;
	height: 10px;
}

.idxNpro::after {
	width: 60%;
	height: 100%;
	background: rgba(24, 90, 178, 0.05);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
}

.idxNproUl li {
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.idxNproUl li::after {
	width: 0;
	transition: all .36s;
	height: 100%;
	background: rgba(24, 90, 178, 1);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: '';
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}

.idxNproUl li:hover::after,
.idxNproUl li.on::after {
	width: 100%;
}

.idxNproUl li:hover,
.idxNproUl li.on {
	color: #fff;
}

.idxNproUl li:hover .iconfont,
.idxNproUl li.on .iconfont {
	color: #fff;
}

.idxNpro .swiper-pagination-bullet {
	background-color: #fff;
}

.idxNprobot {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: .05;
}

/* #093e96 */

.business {
	background: url(../images/businessbg.png) no-repeat top right;
}

.businessUl li .txt {}

.businessUl li .img {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.businessUl li .yinIcon {
	width: 3vw;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.businessUl li:nth-child(2n) {
	flex-direction: row-reverse;
}

/* .businessUl li:nth-child(2n) .txt{ padding-left: 0; padding-right: calc((100vw - 1520px)/2);} */
.businessUl li:nth-child(2n) .yinIcon {
	transform: rotate(180deg);
	position: absolute;
	left: auto;
	top: auto;
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

/* .businessUl li:nth-child(2n) .img{ border-radius:  0 20px 20px 0  ; -webkit-border-radius:  0 20px 20px 0  ; -moz-border-radius:  0 20px 20px 0  ; -ms-border-radius:  0 20px 20px 0  ; -o-border-radius:  0 20px 20px 0  ; } */

.bg-f3 {
	background: #f3f7fb;
}

.w31 {
	width: 31%;
}

.contactSyle .left {
	width: 150px;
}

.contactEwm {
	background: url(../images/contabg.png) no-repeat center bottom #fff;
	background-size: 100% auto;
}

.ewmUl li img {
	border: 1px solid #e5e5e5;
	width: 140px;
}

.gbookBox .submit {
	width: 190px;
}

.mapBox {
	min-height: 600px;
}

.idxYY .con {
	background: url(../images/idxyybg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}

.idxYY .con::after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .4);
}

.idxYYUl a {
	width: 25%;
	height: 28vh;
	border-right: 1px solid rgba(255, 255, 255, .6);
	border-bottom: 1px solid rgba(255, 255, 255, .6);
	perspective: 200px;
	overflow: hidden;
}

.idxYYUl a::after {
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	transition: all .36s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(4, 100, 178, .7);
	display: block;
	content: '';
	-webkit-transition: all .36s;
	-moz-transition: all .36s;
	-ms-transition: all .36s;
	-o-transition: all .36s;
}

.idxYYUl a::after {
	transform: rotateY(45deg);
	-webkit-transform: rotateY(45deg);
	-moz-transform: rotateY(45deg);
	-ms-transform: rotateY(45deg);
	-o-transform: rotateY(45deg);
}

.idxYYUl a:hover::after {
	transform: rotateY(0);
	opacity: 1;
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
}

.idxYYIcon {
	height: 70px;
}

.subNavUl a {
	color: #666;
	line-height: 3;
}

.subNavUl a.on {
	color: var(--blue);
	font-weight: bold;
}

.downNav dd {
	width: calc(100% / 4);
}