@font-face {
	font-family: 'iconfont';
	/* Project id 4131358 */
	src: url('//at.alicdn.com/t/c/font_4131358_s164bq1pzv.woff2?t=1716358105509') format('woff2'),
		url('//at.alicdn.com/t/c/font_4131358_s164bq1pzv.woff?t=1716358105509') format('woff'),
		url('//at.alicdn.com/t/c/font_4131358_s164bq1pzv.ttf?t=1716358105509') format('truetype');
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

body {
	width: 100%;
	/* font-weight: auto; */
	font-family: "Microsoft YaHei", '微软雅黑', "Arial", sans-serif;
}

@keyframes fadeIniup {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}

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

.he_fadeup1 {
	-webkit-animation: fadeIniup 1s ease both;
	animation: fadeIniup 1s ease both;
	-ms-animation: fadeInUp 1s ease both;
	animation-delay: 0.3s;
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	display: flex;
	justify-content: space-between;
	padding: 0 2vw;
	border-bottom: 1px solid rgba(255, 255, 255, 0.24);
	background: white;
	align-items: center;
	z-index: 99;
}

header .logo {
	width: 300px;
}

header nav ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 18px;
}

header nav ul li {
	padding: 0;
	transition: 0.5s ease-in-out;
	position: relative;
}

.serachBox {
	width: 100%;
	height: auto;
	background: white;
	position: fixed;
	top: 5.8vw;
	border-top: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;
	z-index: 11;
	opacity: 0;
	pointer-events: none;
	transition: .5s all ease-in-out;
}

.serachBox.active {
	opacity: 1;
	pointer-events: auto;
}

.serachBox .serachs {
	width: 40vw;
	border: 1px solid #0a6aa1;
	margin: 5vw auto;
	border-radius: 50px;
	display: flex;
	justify-content: space-between;
	padding: 0 2vw;
}

.serachBox .close {
	position: absolute;
	right: 2vw;
	margin-top: 1vw;
	font-size: 42px;
	color: #0a6aa1;
	cursor: pointer;
}

.serachBox .serachs input {
	width: 90%;
	height: 70px;
	font-size: 18px;
	outline: none;
	border: transparent;
	background: transparent;
}

.serachBox .serachs i {
	font-size: 28px;
	line-height: 70px;
	color: #c49b5e;
	cursor: pointer;
}

header nav ul li a {
	font-size: 18px;
	color: #242424;
	transition: 0.5s ease-in-out;
	display: block;
	line-height: 80px;
	padding: 0px 1.5vw;
}

header nav ul li::before {
	content: '';
	position: absolute;
	width: 0;
	height: 3px;
	margin-top: 1.5vw;
	background: #c49b5e;
	z-index: 1;
	transition: .3s ease-in-out;
	bottom: 0;
}

header nav ul li:hover::before {
	width: 100%;
}



header nav ul li .second {
	width: 100%;
	background: white;
	position: absolute;
	left: 0;
	margin-top: 1.55vw;
	border-top: 1px solid #e8e8e8;
	display: flex;
	opacity: 0;
	pointer-events: none;
	/*transition: 0.5s all;*/
	overflow: hidden;
	box-shadow: 0 5px 5px -2px rgb(0 0 0 / 20%);
	display: none;
}

header nav ul li .second .left {
	width: 50vw;
	padding: 2vw 4vw 2vw 10vw;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}

header nav ul li .second .left .text {
	border-bottom: 1px solid #a0a0a0;
	padding-bottom: 1vw;
}

header nav ul li .second .left .text .tit {
	color: #393939;
	font-size: 1.5vw;
	font-weight: bold;
}

header nav ul li .second .left .text .des {
	color: #393939;
	opacity: 0.9;
	font-size: 0.9vw;
	line-height: 1.7;
	text-align: justify;
	margin-top: 1vw;
}

/*header nav ul li .second .left .text::before {*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 2vw;*/
/*  height: 1vw;*/
/*  background: url('../images/icon+.png') center no-repeat;*/
/*  background-size: contain !important;*/
/*  margin-left: 33.5vw;*/
/*  margin-top: 0.5vw;*/
/*}*/
header nav ul li .second .left ul {
	color: #484848;
	font-size: 16px;
	margin-top: 2vw;
	display: block;
	padding: 0.1vw 0;
	text-align: left;
	border-radius: 5px;
	background: white;
	border-left: 5px solid #E5F4FC;
}

header nav ul li .second .left ul li {
	padding: 0.2vw 1vw;
	margin: 0.5vw 0;
}

header nav ul li .second .left ul li a {
	color: #000000;
	font-family: inherit;
}

header nav ul li .second .left ul li a i {
	color: #0695df;
	position: relative;
	top: 0.1vw;
	margin-left: 0;
	opacity: 0;
	transition: 0.5s all;
}

header nav ul li .second .left ul li a::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 0;
	margin-left: -1.25vw;
	margin-top: -0.5vw;
	background: #0695df;
	transition: 0.5s all;
}

header nav ul li .second .left ul li:hover a {
	color: #c49b5e;
}

header nav ul li .second .left ul li:hover a i {
	opacity: 1;
	margin-left: 1vw;
}

header nav ul li .second .left ul li:hover a::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 2vw;
	margin-left: -1.25vw;
	margin-top: -0.5vw;
	background: #c49b5e;
}

header nav ul li .second .left ul li:last-child {
	padding-bottom: 0;
}

header nav ul li .second .right {
	width: 50vw;
	padding: 2vw 10vw 2vw 6vw;
	padding-bottom: 5vw;
}

header nav ul li .second .right .img {
	width: 34vw;
}

header nav ul li .second .right .des {
	color: #939393;
	font-size: 0.9vw;
	line-height: 1.7;
	text-align: justify;
	margin-top: 1vw;
}

header nav ul li:first-child:hover a::before {
	content: inherit;
}

header nav ul li:hover .lia {
	color: #c49b5e;
}

header nav ul li:hover a::before {
	content: '';
	position: absolute;
	margin-top: 2.8vw;
	width: 4vw;
	height: 3px;
	background: #c49b5e;
}

header nav ul li:hover .second {
	opacity: 1;
	pointer-events: all;
}

header nav ul li:hover .second li a {
	color: #333333;
}

header nav ul li:hover .second li a::before {
	content: inherit;
}

header nav ul li ul {
	width: 100%;
	background: white;
	position: absolute;
	display: inline-block;
	text-align: center;
	padding: 0.5vw 0;
	border-radius: 5px;
	/* transition: 0.5s all; */
	opacity: 0;
	pointer-events: none;
}

header nav ul li ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

header nav ul li ul li a {
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: inherit;
	line-height: 20px;
	padding: 15px 5px;
}

header nav ul li a:hover::before {
	content: inherit;
}

header nav ul li:hover a::before {
	content: inherit;
}

header nav ul li ul li:hover {
	background: rgba(0, 0, 0, .1);
}

header nav ul li ul li:hover a {
	color: #c49b5e;
}

header nav ul li ul li:hover::before {
	content: inherit;
}

header nav ul li ul li:last-child {
	border-bottom: transparent;
}


header nav ul li:hover ul {
	height: auto;
	opacity: 1;
	pointer-events: all;
}

footer {
	width: 100%;
	height: auto;
	background: url('../images/img18.jpg') center no-repeat;
	background-size: cover !important;
	padding: 6vw 8vw 3vw 8vw;
}

footer .logo {
	width: 25vw;
	margin: 0 auto;
}

footer .footerNav {
	margin-top: 5vw;
}
footer .footerNav>ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
footer .footerNav .level1 {
	width: auto;
	display: inline-grid;
	margin-right: 1.3vw;
}

footer .footerNav .level1 a {
	font-size: 0.9vw;
	margin-bottom: 3vw;
	color: #ffffff;
	font-weight: bold;
}

footer .footerNav .level1 ul li {
	margin-bottom: 1vw;
	text-align: left;
}

footer .footerNav .level1 ul li a {
	font-size: 0.75vw;
	color: #ffffff;
	opacity: 0.7;
	font-weight: normal;
}

footer .footerNav .level1 ul li:hover a {
	border-bottom: 1px solid #ffffff;
}

footer .footerNav .level1:last-child {
	width: 5vw;
	margin-right: 0;
}

footer .footerNav::before {
	content: '';
	position: absolute;
	width: 80vw;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
	margin-top: 2vw;
}

footer .footerInfo {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 3vw;
}

footer .footerInfo .iconBox {
	width: 20vw;
	display: inline-block;
}

footer .footerInfo .iconBox .icon {
	width: 5vw;
	margin-right: 1vw;
	display: inline-block;
	float: left;
}

footer .footerInfo .text {
	color: #ffffff;
	opacity: 0.5;
	line-height: 1.7;
	text-align: center;
	font-size: 0.8vw;
}

footer .footerInfo .text a {
	color: white;
}

footer .footerInfo .linkBox {
	width: 20vw;
	display: flex;
}

footer .footerInfo .linkItem {
	position: absolute;
	color: white;
	background: white;
	margin-top: -16vw;
	margin-left: -4.5vw;
	border-radius: 10px;
	padding: 1vw;
	pointer-events: none;
	opacity: 0;
	transform: translateY(1vw);
	transition: .5s all;
}

footer .footerInfo .linkItem::before{
	width: 100%;
	height: 5vw;
	position: absolute;
	left: 0;
	bottom: -5vw;
	content: '';
	display: block;
}

footer .footerInfo .linkItem a {
	color: #333333;
	display: block;
	padding: 5px 0;
}

footer .footerInfo .linkBox .link:hover .linkItem {
	opacity: 1;
	pointer-events: all;
	transform: translateY(0);
}

footer .footerInfo .linkBox .item {
	color: white;
	font-size: 0.8vw;
	margin-left: 3vw;
	text-align: center;
	cursor: pointer;
}

footer .footerInfo .linkBox .item i {
	font-size: 2vw;
	color: white;
}

footer .footerInfo .linkBox .item p {
	margin-top: 0.3vw;
}

.more {
	color: #0695df;
	font-size: 0.85vw;
	display: inline-block;
	transition: 0.5s all;
}

.more .icon {
	width: 1.5vw;
	height: 1.5vw;
	background-color: #0771af;
	border-radius: 50%;
	color: white;
	line-height: 1.5vw;
	font-size: 0.7vw;
	display: inline-block;
	margin-left: 0.5vw;
	padding-left: 0.3vw;
}

.more:hover {
	letter-spacing: 3px;
}

header .serach {
	position: relative;
	padding: 0 0.5vw;
	font-size: 1vw;
}

header .serach input {
	width: 7vw;
	height: 2vw;
	outline: none;
	border: transparent;
	background: transparent;
}

header .serach i {
	color: #0771af;
	font-size: 1.2vw;
	position: relative;
	top: 0.3vw;
	cursor: pointer;
}

main {
	margin-top: 50px;
}

.index {
	margin-top: 0;
}

.index .bgImg {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: -1;
}

.index .f1 .f1Swiper .bannerImg {
	width: 100%;
	height: 100vh;
	background-size: cover !important;
	animation: sec 8s infinite;
}

.index .f1 .f1Swiper .bannerImg .textBox {
	width: 50%;
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: 1;
	transition: 1s all;
}

.index .f1 .f1Swiper .bannerImg .textBox .cn {
	font-size: 3.5vw;
	font-weight: bold;
	text-shadow: 5px 5px 10px #4b4b4b;
}

.index .f1 .f1Swiper .bannerImg .textBox .en {
	font-size: 1vw;
	margin-top: 1vw;
}

@keyframes sec {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

.index .f1 .f1Box {
	width: 80vw;
	margin: 0 auto;
	position: relative;
	margin-top: -4vw;
	z-index: 10;
	display: flex;
	justify-content: space-between;
}

.index .f1 .f1Box .item {
	width: 15vw;
	height: 4vw;
	line-height: 4vw;
	display: block;
	color: white;
	font-size: 0.85vw;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
	cursor: pointer;
	transition: 0.5s all;
	position: relative;
}

.index .f1 .f1Box .item .icon {
	width: 11vw;
	position: absolute;
	margin-top: -5vw;
	opacity: 0;
	transition: 0.3s all;
	left: 50%;
	transform: translateX(-50%);
}

.index .f1 .f1Box .item p {
	width: 90%;
	margin: 0 auto;
	line-height: 4vw;
	position: relative;
	z-index: 1;
}

.index .f1 .f1Box .item:nth-child(4) {
	line-height: 1.7;
}

.index .f1 .f1Box .active {
	background: rgba(24, 148, 219, 0.6);
}

.index .f1 .f1Box .active .icon {
	opacity: 1;
}

/*.index .f1 .f1Box .active::after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  width: 3vw;*/
/*  height: 3vw;*/
/*  background: url('../images/icon1.png') center no-repeat;*/
/*  background-size: cover !important;*/
/*  top: .7vw;*/
/*  margin-left: 3vw;*/
/*  transition: 0.3s all;*/
/*}*/
.index .f2 {
	width: 100%;
	height: 100vh;
	display: flex;
	overflow: hidden;
	position: relative;
}

.index .f2 .left {
	width: 60vw;
	height: 100%;
	background: #d7e8f8;
	padding-left: 10vw;
	padding-top: 5vw;
	padding-right: 4vw;
}

.index .f2 .left .titBox {
	font-size: 2vw;
}

.index .f2 .left .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.index .f2 .left .titBox .cn {
	color: #333333;
}

.index .f2 .left .des {
	color: #666666;
	font-size: 0.9vw;
	line-height: 1.7;
	margin-top: 2vw;
}

.index .f2 .left .more {
	margin-top: 1vw;
}

.index .f2 .right {
	width: 40vw;
	height: 100%;
	background: url('../images/img5.jpg') center no-repeat;
	background-size: cover !important;
	padding: 5vw 10vw 0 7vw;
}

.index .f2 .right .item {
	color: white;
	margin-bottom: 2vw;
}

.index .f2 .right .item .numBox {
	display: inline-block;
}

.index .f2 .right .item .numBox .num {
	font-weight: bold;
	font-size: 3vw;
	display: inline-block;
}

.index .f2 .right .item .numBox .text {
	display: inline-block;
	font-weight: bold;
	font-size: 1vw;
	margin-left: 0.5vw;
}

.index .f2 .right .item .des {
	font-size: 0.9vw;
	line-height: 1.7;
	margin-top: 0.3vw;
}

.index .f2 .f2Bg {
	width: 75vw;
	position: absolute;
	z-index: 1;
	bottom: -3vw;
	pointer-events: none;
}

.index .f3 {
	width: 100%;
	height: auto;
	padding: 3vw 10vw;
	position: relative;
	z-index: 1;
}

.index .f3 .head {
	display: flex;
	justify-content: space-between;
}

.index .f3 .head .titBox {
	font-size: 2vw;
}

.index .f3 .head .titBox .en {
	font-weight: bold;
	color: #0695df;
	text-transform: uppercase;
}

.index .f3 .head .tabBoxs {
	display: inline-block;
}

.index .f3 .head .tabBoxs .tab {
	display: inline-block;
    float: left;
    color: #0695df;
    width: auto;
    height: auto;
    border: 1px solid #0695df;
    transition: 0.5s all;
    margin-left: 1vw;
    text-align: center;
    font-size: 14px;
    padding: 8px 25px;
}

.index .f3 .head .tabBoxs .tab:hover {
	background-color: #0695df;
	border: 1px solid #0695df;
	color: white;
}

.index .f3 .head .tabBoxs .active {
	background-color: #0695df;
	border: 1px solid #0695df;
	color: white;
}

.index .f3 .f3Box {
	width: 100%;
	margin-top: 1vw;
	display: flex;
	justify-content: space-between;
}

.index .f3 .f3Box .left {
	width: 39.3vw;
	background: white;
	/*padding: 0 1vw;*/
}

.index .f3 .f3Box .left .item {
	display: block;
}

.index .f3 .f3Box .left .item .imgBox {
	width: 100%;
	height: 25vw;
	overflow: hidden;
}

.index .f3 .f3Box .left .item .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transition: 0.5s all;
}

.index .f3 .f3Box .left .item .name {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin: 1vw;
	line-height: 1.7;
	transition: 0.5s all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index .f3 .f3Box .left .item .des {
	color: #333333;
	opacity: 0.7;
	font-size: 14px;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin: 0 1vw;
}

.index .f3 .f3Box .left .item .time {
	color: #333333;
	opacity: 0.7;
	font-size: 0.8vw;
	margin: .5vw 1vw 0 1vw;
}

.index .f3 .f3Box .left .item:hover .imgBox .img {
	transform: scale(1.1);
}

.index .f3 .f3Box .left .item:hover .name {
	color: #0695df;
}

.index .f3 .f3Box .right {
	width: 39vw;
	display: inline-block;
}

.index .f3 .f3Box .right .item {
	width: 19vw;
	height: 16vw;
	background: white;
	display: inline-block;
	float: left;
	margin-bottom: 1vw;
	margin-right: 1vw;
}

.index .f3 .f3Box .right .item .imgBox {
	width: 100%;
	height: 10vw;
	overflow: hidden;
}

.index .f3 .f3Box .right .item .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transition: 0.5s all;
}

.index .f3 .f3Box .right .item .name {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin: .5vw 1vw;
	line-height: 1.7;
	transition: 0.5s all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index .f3 .f3Box .right .item .des {
	color: #333333;
	opacity: 0.7;
	font-size: 14px;
	line-height: 1.7;
	margin: 0 1vw;
}

.index .f3 .f3Box .right .item .time {
	color: #333333;
	opacity: 0.7;
	font-size: 14px;
	margin: .5vw 1vw;
}

.index .f3 .f3Box .right .item:nth-child(2n) {
	margin-right: 0;
}

.index .f3 .f3Box .right .item:nth-child(3),
.index .f3 .f3Box .right .item:nth-child(4) {
	margin-bottom: 0;
}

.index .f3 .f3Box .right .item:hover .imgBox .img {
	transform: scale(1.1);
}

.index .f3 .f3Box .right .item:hover .name {
	color: #0695df;
}

.index .f4 {
	width: 100%;
	height: auto;
	background: url('../images/img19.jpg') center no-repeat;
	background-size: cover !important;
	padding: 3vw 10vw;
	position: relative;
	z-index: 1;
}

.index .f4 .head {
	display: flex;
	justify-content: space-between;
}

.index .f4 .head .titBox {
	font-size: 2vw;
}

.index .f4 .head .titBox .en {
	font-weight: bold;
	color: #0695df;
}

.index .f4 .head .itemBox {
	display: flex;
}

.index .f4 .head .itemBox .item {
	width: 20vw;
	margin-bottom: 3vw;
}

.index .f4 .head .itemBox .item .numBox {
	display: inline-block;
}

.index .f4 .head .itemBox .item .numBox .num {
	font-size: 3vw;
	display: inline-block;
	color: #0695df;
}

.index .f4 .head .itemBox .item .numBox .text {
	display: inline-block;
	font-size: 1vw;
	color: #0695df;
	margin-left: 0.5vw;
}

.index .f4 .head .itemBox .item .des {
	font-size: 0.85vw;
	line-height: 1.7;
	margin-top: 0.3vw;
}

.index .f4 .head .itemBox .item:first-child {
	margin-right: 3vw;
}

.index .f4 .imgBox {
	width: 100%;
	margin: 1vw auto 3vw auto;
}

.index .f4 .f4Box {
	width: 100%;
	display: flex;
}

.index .f4 .f4Box .item {
	width: 10.5vw;
	height: 7.5vw;
	background-size: cover !important;
	padding: 0.5vw;
	margin-right: 1vw;
}

.index .f4 .f4Box .item .img {
	width: 9.5vw;
	height: 6.5vw;
	background-size: cover !important;
}

.index .f4 .f4Box .item:last-child {
	margin-right: 0;
}

.index .f4 .f4Box::before {
	content: '';
	position: absolute;
	width: 90%;
	left: 5vw;
	margin-top: 7vw;
	z-index: -1;
	height: 3vw;
	background: url('../images/img21.png') center no-repeat;
	background-size: cover !important;
}

.index .f4 .more {
	width: auto;
	/*margin: 5vw auto 0 auto;*/
	text-align: center;
}

.index .f4 .more .icon {
	text-align: left;
}

.index .f5 {
	width: 100%;
	height: auto;
	background: url('../images/img14.jpg?v2.0.0') center no-repeat;
	background-size: cover !important;
	padding: 4vw 10vw;
}

.index .f5 .titBox {
	font-size: 2vw;
}

.index .f5 .titBox .en {
	font-weight: bold;
	color: #0695df;
}

.index .f5 .f5Box {
	width: 80%;
	margin-left: 20%;
	display: inline-block;
	position: relative;
	margin-top: -10vw;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index .f5 .f5Box .item {
	width: 49%;
	height: auto;
	background-color: #ffffff;
	padding: 2vw;
	margin-right: 2%;
	margin-bottom: 1vw;
	transition: 0.5s all;
	display: flex;
	justify-content: space-between;

}

.index .f5 .f5Box .item:nth-child(2n){
	margin-right: 0%;
}

.index .f5 .f5Box .item .time {
	width: 90px;
	display: inline-block;
	font-weight: bold;
	transition: 0.5s all;
}

.index .f5 .f5Box .item .time p:nth-child(1) {
	font-size: 1.2vw;
}

.index .f5 .f5Box .item .time p:nth-child(2) {
	opacity: 0.5;
	font-size: 0.85vw;
}

.index .f5 .f5Box .item .time::before {
	content: '';
	position: absolute;
	width: 5vw;
	height: 1px;
	background: rgba(0, 0, 0, 0.3);
	margin-top: 6vw;
	transition: 0.5s all;
}

.index .f5 .f5Box .item .text {
	width: calc(100% - 110px);
	display: inline-block;
	transition: 0.5s all;
}

.index .f5 .f5Box .item .text .name {
	font-size: 1vw;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index .f5 .f5Box .item .text .des {
	font-size: 0.9vw;
	line-height: 1.7;
	opacity: 0.5;
	margin-top: 2vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.index .f5 .f5Box .item:hover {
	background: #0695df;
}

.index .f5 .f5Box .item:hover .time {
	color: white;
}

.index .f5 .f5Box .item:hover .time::before {
	background: rgba(255, 255, 255, 0.3);
}

.index .f5 .f5Box .item:hover .name {
	color: white;
}

.index .f5 .f5Box .item:hover .des {
	color: white;
}

.banner {
	width: 100%;
	height: 22vw;
	background-size: cover !important;
}

.tabBox {
	width: 100%;
	margin: 0 auto;
	display: table;
	text-align: center;
	position: relative;
	margin-top: -2.5vw;
}

.tabBox .tab {
	width: 12vw;
	font-size: 12px;
	padding: 1.5vw 0;
	display: inline-grid;
	margin: 0 -0.11vw;
	background-color: #0695df;
}

.tabBox .tab .cn {
	color: white;
	font-size: 18px;
}

.tabBox .tab .en {
	color: white;
	text-transform: uppercase;
}

.tabBox .tab:hover {
	background: #007bbb;
}

.tabBox .tab:hover::before {
	content: inherit;
}

.tabBox .active {
	background: #007bbb;
}

.tabBox .active::before {
	content: inherit;
}

.about {
	width: 100%;
}

.about .titBox {
	font-size: 1.5vw;
}

.about .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.about .titBox .cn {
	color: #333333;
}

.about .f1BgImg {
	width: 100%;
	position: absolute;
	margin-top: -28vw;
	pointer-events: none;
}

.about .f1 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 5vw 14vw;
}

.about .f1 .left {
	width: 47vw;
}

.about .f1 .left .leftItem {
	width: 100%;
	display: inline-block;
	margin: 1vw 0;
}

.about .f1 .left .leftItem .item {
	width: 22vw;
	margin-bottom: 1vw;
	display: inline-block;
	float: left;
	margin-right: 3vw;
}

.about .f1 .left .leftItem .item .numBox {
	display: inline-block;
}

.about .f1 .left .leftItem .item .numBox .num {
	font-weight: bold;
	font-size: 2.5vw;
	display: inline-block;
	color: #0695df;
}

.about .f1 .left .leftItem .item .numBox .text {
	display: inline-block;
	font-weight: bold;
	font-size: 0.9vw;
	margin-left: 0.5vw;
}

.about .f1 .left .leftItem .item .numBox .text span {
	color: #0695df;
}

.about .f1 .left .leftItem .item .des {
	font-size: 0.85vw;
	line-height: 1.7;
	margin-top: 0.3vw;
}

.about .f1 .left .leftItem .item:nth-child(2n) {
	margin-right: 0;
}

.about .f1 .left .des {
	color: #666666;
	text-align: justify;
	font-size: 0.9vw;
	line-height: 1.7;
}

.about .f1 .right {
	width: 22vw;
	height: 41vw;
	margin-left: 2vw;
}

.about .f1 .right .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
}

.about .f2 {
	width: 100%;
	padding: 5vw 14vw;
}

.about .f2 .f2Box {
	width: 100%;
	margin: 3vw 0;
	color: #666666;
	line-height: 2;
	text-align: justify;
	font-size: 0.9vw;
	display: inline-block;
}

.about .f2 .f2Box img {
	width: 27vw;
	display: inline-block;
	float: left;
	margin-right: 3vw;
}

.about .f2 .f2Box .des {
	width: 40vw;
	display: inline-block;
}

.about .f3 {
	width: 100%;
	padding: 5vw 14vw;
}

.about .f3 .f3Img {
	margin-top: 2vw;
}

.about .f4 {
	width: 100%;
	padding: 5vw 14vw;
}

.about .f4 .heTit {
	display: flex;
	justify-content: space-between;
}

.about .f4 .heTit .numBox {
	display: flex;
}

.about .f4 .heTit .numBox .item {
	margin-bottom: 1vw;
	display: inline-block;
	float: left;
	margin-left: 2vw;
}

.about .f4 .heTit .numBox .item .numBox {
	display: inline-block;
}

.about .f4 .heTit .numBox .item .numBox .num {
	font-size: 2.2vw;
	display: inline-block;
	color: #0695df;
}

.about .f4 .heTit .numBox .item .numBox .text {
	display: inline-block;
	font-size: 0.9vw;
	margin-left: 0.5vw;
	color: #0695df;
}

.about .f4 .heTit .numBox .item .des {
	font-size: 0.85vw;
	line-height: 1.7;
	margin-top: 0.3vw;
	color: #3f3f3f;
}

.about .f4 .heTit .numBox .item:first-child {
	padding-right: 2vw;
	border-right: 1px solid #0695df;
}

.about .f4 .f4Tab {
	width: 100%;
	display: inline-block;
	margin: 2vw 0 0 0;
	text-align: center;
}

.about .f4 .f4Tab .tab {
	display: inline-block;
	margin-right: 1vw;
	font-size: 16px;
	color: #0695df;
	border: 1px solid #0695df;
	border-radius: 3vw;
	padding: 8px 20px;
	cursor: pointer;
	transition: .3s all;
}

.about .f4 .f4Tab .tab:hover {
	background: #0695df;
	color: white;
}

.about .f4 .f4Tab .tab.active {
	background: #0695df;
	color: white;
}

.about .f4 .f4Box {
	width: 100%;
	display: inline-block;
}

.about .f4 .f44Box {
	display: none;
}

.about .f4 .f44Box.active {
	display: block;
}

.about .f4 .f4Box .item {
	width: 22vw;
	margin-right: 2vw;
	margin-top: 2vw;
	display: inline-block;
	float: left;
}

.about .f4 .f4Box .item .img {
	width: 100%;
	height: 15vw;
	background-size: contain !important;
}

.about .f4 .f4Box .item .name {
	text-align: center;
	font-size: 1vw;
	margin: 1vw 0;
	font-weight: bold;
}

.about .f4 .f4Box .item:nth-child(3n) {
	margin-right: 0;
}

.about .f5 {
	width: 100%;
	padding: 5vw 14vw;
}

.about .f5 .f5Img {
	width: 22vw;
	position: absolute;
	right: 10vw;
	margin-top: -10.5vw;
	z-index: -1;
}

.about .f5 .f5Box {
	width: 100%;
	margin: 1vw 0;
	display: inline-block;
}

.about .f5 .f5Box .item {
	width: 28vw;
	display: inline-block;
	float: left;
	border-bottom: 1px solid #e4e4e4;
	margin-right: 2vw;
}

.about .f5 .f5Box .item:nth-child(2) {
	margin-right: 0;
}

.about .f5 .f5Box .item .year {
	width: 13vw;
	color: #0695df;
	border-top: 1px solid #0695df;
	font-size: 1.5vw;
	padding: 2vw;
}

.about .f5 .f5Box .item .year span {
	font-size: 1vw;
	font-weight: normal;
}

.about .f5 .f5Box .item .textBox {
	width: 100%;
	padding: .5vw 0;
	display: flex;
}

.about .f5 .f5Box .item .textBox .img {
	width: 15vw;
	height: 12vw;
	background-size: contain !important;
}

.about .f5 .f5Box .item .textBox .text {
	width: 16vw;
	margin-left: 2vw;
}

.about .f5 .f5Box .item .textBox .text .name {
	color: #4c4c4c;
	font-size: 1vw;
	/*font-weight: bold;*/
	line-height: 1.7;
	display: table-cell;
	vertical-align: middle;
	height: 12vw;
}

.about .f5 .f5Box .item .textBox .text .des {
	color: #696969;
	font-size: 0.9vw;
	line-height: 1.7;
}

.about .f5 .f5Box .item .textBox::before {
	/*content: '';*/
	/*position: absolute;*/
	/*width: 1px;*/
	/*height: 16.5vw;*/
	/*background: #e4e4e4;*/
	/*margin-left: -4vw;*/
	/*margin-top: -2.1vw;*/
}

.about .f6 {
	width: 100%;
	padding: 5vw 14vw;
}

.about .f6 .f6Box {
	width: 100%;
}

.about .f6 .f6Box .yaerT {
	position: absolute;
	color: #f5f4f4;
	font-size: 15vw;
	font-weight: bold;
}

.about .f6 .f6Box .f6Swiper {
	width: 100%;
	height: auto;
	margin-top: 3vw;
}

.about .f6 .f6Box .f6Swiper .swiper-slide {
	display: flex;
}

.about .f6 .f6Box .f6Swiper .swiper-slide:nth-child(2n) {
	margin-top: 5vw;
}

.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox {
	margin: 0 1vw;
}

.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox .time {
	color: #0695df;
	font-size: 1.5vw;
}

.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox .des {
	color: #757575;
	font-size: 0.9vw;
	text-align: justify;
	margin-top: 1vw;
	line-height: 1.7;
}

.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox::before {
	content: '';
	position: absolute;
	width: 0.5vw;
	height: 20vw;
	background: url('../images/img38.png') center no-repeat;
	background-size: contain !important;
	margin-top: -5.5vw;
	margin-left: -1vw;
}

.about .f6 .f6Box .select {
	width: 7vw;
	height: 2vw;
	position: absolute;
	right: 14vw;
	margin-top: -4.5vw;
	padding: 0 1vw;
	border-radius: 1vw;
	border: 1px solid rgba(0, 0, 0, 0.3);
}

.about .f6 .f6Box .select select {
	width: 100%;
	height: 2vw;
	font-size: 1vw;
	border: transparent;
	background: transparent;
	outline: none;
}

.about .f6 .f6Box .swiper-button-next {
	width: 3vw;
	height: 3vw;
	left: inherit;
	right: 22vw;
	margin-top: -5vw;
	background: #0695df;
	border-radius: 50%;
	top: inherit;
}

.about .f6 .f6Box .swiper-button-prev {
	width: 3vw;
	height: 3vw;
	left: inherit;
	right: 26vw;
	margin-top: -5vw;
	border: 1px solid #0695df;
	border-radius: 50%;
	top: inherit;
}

.about .f6 .f6Box .swiper-button-prev:after,
.about .f6 .f6Box .swiper-rtl .swiper-button-next:after {
	font-size: 1vw;
}

.about .f6 .f6Box .swiper-button-next:after,
.about .f6 .f6Box .swiper-rtl .swiper-button-prev:after {
	font-size: 1vw;
	color: white;
}

.about .f6Img {
	width: 100%;
	position: absolute;
	pointer-events: none;
	margin-top: -28vw;
	left: 0;
	z-index: -1;
}

.about .f7 {
	width: 100%;
	padding: 0 14vw 5vw 14vw;
}

.about .f7 .timer-year {
	width: 100%;
	height: 35px;
	background: #0695df;
	position: relative;
	margin: 2vw 0;
}

.about .f7 .timer-year .timerOver {
	width: 90%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.about .f7 .timer-year ul {
	width: 900000px;
	overflow: hidden;
	position: relative;
}

.about .f7 .timer-year ul li {
	float: left;
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
	cursor: pointer;
}

.about .f7 .timer-year ul li span {
	background: url(../images/icon_RegionalCulture.png) no-repeat;
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all .5s;
	-webkit-transition: all .5s;
	top: 9px;
	left: 5px;
}

.about .f7 .timer-year ul li.active {
	background: #007bbb;
	color: white;
}

.about .f7 .timer-year ul li.active span {
	opacity: 1;
	filter: alpha(opacity=100);
}

.about .f7 .timer-year .timer-btn {
	position: absolute;
	width: 60px;
	height: 35px;
	cursor: pointer;
	line-height: 35px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.about .f7 .timer-year .timer-btn.left {
	left: 0;
}

.about .f7 .timer-year .timer-btn.right {
	right: 0;
}

.about .f7 .timer-year .timer-btn.left:hover {
	background: #e7e7e7;
	text-indent: -.5em;
	color: #0695df;
}

.about .f7 .timer-year .timer-btn.right:hover {
	background: #e7e7e7;
	text-indent: .5em;
	color: #0695df;
}

.aboutEvent-body .timer-infor {
	position: relative;
	overflow: hidden;
	padding: 1vw 0;
}

.aboutEvent-body .timer-infor .clock {
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border: 6px solid #0695df;
	background: #fff;
	position: absolute;
	left: 0;
}

.aboutEvent-body .timer-infor .clock span {
	width: 1px;
	background: #717171;
	position: absolute;
	left: 50%;
	bottom: 50%;
	transform-origin: bottom;
}

.aboutEvent-body .timer-infor .clock .h {
	height: 12px;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
}

.aboutEvent-body .timer-infor .clock .m {
	height: 16px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.aboutEvent-body .timer-infor .clock .s {
	height: 22px;
	transform: rotate(95deg);
	-webkit-transform: rotate(95deg);
	color: #0695df;
}

.aboutEvent-body .timer-inforOver {
	float: right;
	width: 100%;
	margin-top: 60px;
	position: relative;
	padding-left: 6vw;
	overflow: hidden;
}

.aboutEvent-body .timer-infor ul {
	width: 90%;
	position: absolute;
	display: none;
}

.aboutEvent-body .timer-infor ul.active {
	display: block;
}

.aboutEvent-body .timer-infor ul li {
	margin-bottom: 80px;
	position: relative;
}

.aboutEvent-body .timer-infor ul li .years {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 1vw;
}

.aboutEvent-body .timer-infor ul li article {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}

.aboutEvent-body .timer-infor ul li:after {
	height: .5vw;
	width: .5vw;
	border-radius: 50%;
	border: 1px solid #0695df;
	position: absolute;
	content: '';
	background: #fff;
	left: -5vw;
	z-index: 15;
	top: 1vw;
}

.aboutEvent-body .timer-infor ul:before {
	position: absolute;
	width: 1px;
	background: #99b2d6;
	top: 1vw;
	left: -4.7vw;
	height: 100%;
	content: '';
}

.aboutEvent-body .timer-infor .line {
	position: absolute;
	width: 1px;
	background: #99b2d6;
	top: 125px;
	left: 65px;
	height: 80%;
	display: none;
}

.dang {
	width: 100%;
}

.dang .bgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
}

.dang .f1 {
	width: 100%;
	padding: 6vw 14vw 4vw 14vw;
}

.dang .f1 .f1Item {
	text-align: center;
	color: white;
}

.dang .f1 .f1Item .name a {
	font-size: 1.5vw;
	font-weight: bold;
	color: white;
}

.dang .f1 .f1Item .des {
	font-size: 0.9vw;
	line-height: 1.7;
	margin-top: 0.5vw;
}

.dang .f1 .f1Box {
	width: 80%;
	margin: 2vw auto 0 auto;
}

.dang .f1 .f1Box .f1Swiper {
	width: 100%;
	overflow: hidden;
}

.dang .f1 .f1Box .f1Swiper .swiper-slide .text {
	width: 100%;
	height: 32vw;
	position: absolute;
	padding: 27vw 2vw 0 2vw;
	color: white;
	z-index: 1;
	background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.3) 100%);
}

.dang .f1 .f1Box .f1Swiper .swiper-slide .text .name {
	width: 80%;
	line-height: 1.7;
	text-align: justify;
	font-size: 1.2vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-weight: bold;
	overflow: hidden;
}

.dang .f1 .f1Box .f1Swiper .swiper-slide .img {
	width: 100%;
	height: 32vw;
	background-size: cover !important;
}

.dang .f1 .f1Box .f1Swiper .swiper-button-next,
.dang .f1 .f1Box .f1Swiper .swiper-rtl .swiper-button-prev {
	right: 3vw;
}

.dang .f1 .f1Box .f1Swiper .swiper-button-prev,
.dang .f1 .f1Box .f1Swiper .swiper-rtl .swiper-button-next {
	left: 3vw;
}

.dang .f1 .f1Box .f1Swiper .swiper-button-next:after,
.dang .f1 .f1Box .f1Swiper .swiper-rtl .swiper-button-prev:after {
	color: white;
}

.dang .f1 .f1Box .f1Swiper .swiper-button-prev:after,
.dang .f1 .f1Box .f1Swiper .swiper-rtl .swiper-button-next:after {
	color: white;
}

.dang .f1 .f1Box .f1Swiper .swiper-pagination {
	text-align: right;
	bottom: 3vw;
	width: 95%;
}

.dang .f1 .f1Box .f1Swiper .swiper-pagination .swiper-pagination-bullet {
	background: white;
}

.dang .f2 {
	width: 100%;
	padding: 0 14vw;
	display: inline-block;
}

.dang .f2 .f2Box {
	width: 22vw;
	display: inline-block;
	float: left;
	margin-right: 2vw;
	margin-bottom: 2vw;
}

.dang .f2 .f2Box:nth-child(3n) {
	margin-right: 0;
}

.dang .f2 .f2Box .titHead {
	display: flex;
	justify-content: space-between;
	font-size: 1.2vw;
	font-weight: bold;
	padding-bottom: 1vw;
	border-bottom: 2px solid #a91212;
}

.dang .f2 .f2Box .titHead .tit .en {
	color: #a91212;
	display: none;
}

.dang .f2 .f2Box .titHead .tit .cn {
	color: #333333;
}

.dang .f2 .f2Box .titHead .more {
	display: block;
	color: #a91212;
	font-weight: normal;
	font-size: 1.2vw;
	position: relative;
}

.dang .f2 .f2Box .titHead .more span {
	font-size: .9vw;
	position: relative;
	top: -.1vw;
}

.dang .f2 .f2Box .imgBox {
	width: 100%;
	height: 14vw;
	background-size: cover !important;
	margin: 1vw 0;
	display: block;
}

.dang .f2 .f2Box .f2Item {
	margin-top: 5px;
	color: #3e3e3e;
	display: flex;
	font-size: 14px;
	justify-content: space-between;
}

.dang .f2 .f2Box .f2Item .name {
	width: 80%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.7;
	padding-left: 0.7vw;
}

.dang .f2 .f2Box .f2Item .name::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #a91212;
	border-radius: 50%;
	margin-top: 0.5vw;
	margin-left: -0.7vw;
}

.dang .f2 .f2Box .f2Item .time {
	opacity: 0.3;
	position: relative;
	top: 2px;
}

.dang .f2 .f2BoxLi {
	/*margin-top: 2.5vw;*/
}

.dang .f3 {
	width: 100%;
	padding: 4vw 14vw 10vw 14vw;
}

.dang .f3 .titHead {
	display: flex;
	justify-content: space-between;
	font-size: 1.2vw;
	font-weight: bold;
	padding-bottom: 1vw;
	border-bottom: 2px solid #a91212;
}

.dang .f3 .titHead .tit .en {
	color: #a91212;
	display: none;
}

.dang .f3 .titHead .tit .cn {
	color: #333333;
}

.dang .f3 .titHead .more {
	display: block;
	color: #a91212;
	font-weight: normal;
	font-size: 1.2vw;
	position: relative;
	/*top: 1vw;*/
}

.dang .f3 .titHead .more span {
	font-size: .9vw;
	position: relative;
	top: -.1vw;
}

.dang .f3 .f3Box {
	width: 100%;
	display: inline-block;
	margin-top: 1vw;
}

.dang .f3 .f3Box .item {
	width: 17vw;
	height: 16vw;
	display: inline-block;
	float: left;
	margin-right: 1vw;
	text-align: center;
	color: #3e3e3e;
	font-size: 14px;
	margin-bottom: 2vw;
	line-height: 1.7;
}

.dang .f3 .f3Box .item:nth-child(4n) {
	margin-right: 0;
}

.dang .f3 .f3Box .item p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: .5vw;
}

.dang .f3 .f3Box .item .imgBox {
	width: 100%;
	height: 13vw;
	overflow: hidden;
}

.dang .f3 .f3Box .item .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
}

.dang .f3 .f3Box .item:last-child {
	margin-right: 0;
}

.dang .dangBg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	margin-top: -32vw;
	z-index: -1;
}

.news {
	width: 100%;
}

.news .f1 {
	width: 100%;
	padding: 3vw 14vw 10vw 14vw;
}

.news .f1 .titBox {
	font-size: 1.5vw;
}

.news .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.news .f1 .titBox .cn {
	color: #333333;
}

.news .f1 .f1Box {
	width: 100%;
	display: inline-block;

}

.news .f1 .f1Box .item {
	width: 21.7vw;
	height: auto;
	display: inline-block;
	float: left;
	margin-right: 3vw;
	margin-bottom: 3vw;
}

.news .f1 .f1Box .item:nth-child(3n) {
	margin-right: 0;
}

.news .f1 .f1Box .item .imgBox {
	width: 100%;
	height: 12vw;
	overflow: hidden;
}

.news .f1 .f1Box .item .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transition: 0.5s all;
}

.news .f1 .f1Box .item .textBox {
	color: #282828;
}

.news .f1 .f1Box .item .textBox .time {
	font-size: 0.85vw;
	margin-top: .5vw;
}

.news .f1 .f1Box .item .textBox .name {
	font-size: 16px;
	font-weight: bold;
	margin: .5vw 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 1.7;
	height: 3vw;
}

.news .f1 .f1Box .item .textBox .des {
	height: 2.8vw;
	opacity: 0.8;
	font-size: 14px;
	line-height: 1.7;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news .f1 .f1Box .item .textBox .more {
	margin-top: 1vw;
}

/*.news .f1 .f1Box .item:nth-child(1) .imgBox {*/
/*  width: 31vw;*/
/*  height: 21vw;*/
/*}*/
/*.news .f1 .f1Box .item:nth-child(1) .textBox {*/
/*  width: 38vw;*/
/*}*/
/*.news .f1 .f1Box .item:nth-child(1) .textBox .time {*/
/*  display: flex;*/
/*}*/
/*.news .f1 .f1Box .item:nth-child(1) .textBox .time .newIcon {*/
/*  background: #df0625;*/
/*  color: white;*/
/*  opacity: 1;*/
/*  padding: 3px 8px;*/
/*  margin-right: 5px;*/
/*}*/
.news .f1 .f1Box .item:hover .imgBox .img {
	transform: scale(1.1);
}

.news .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.team {
	width: 100%;
}

.team .f1 {
	width: 100%;
	padding: 5vw 14vw 10vw 14vw;
}

.team .f1 .titBox {
	font-size: 1.5vw;
	display: flex;
    align-items: flex-end;
	justify-content: space-between;
}

.team-cate{
	width: auto;
	display: flex;
	gap: 1vw;
}

.team-cate a{
	display: block;
    color: #0695df;
    width: auto;
    height: auto;
    border: 1px solid #0695df;
    transition: 0.5s all;
    text-align: center;
    font-size: 14px;
    padding: 8px 25px;
	cursor: pointer;
}

.team-cate a.active,.team-cate a:hover{
	background: #0695df;
	color: #ffffff;
}

.team .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.team .f1 .titBox .cn {
	color: #333333;
}

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

.team .f1 .f1Box .item {
	width: 49%;
    height: auto;
    background-color: #f2f2f2;
    border-radius: 15px;
    margin-top: 2vw;
    overflow: hidden;
    cursor: pointer;
}

.team .f1 .f1Box .item .imgBox {
	width: 10vw;
	height: 10vw;
	display: inline-block;
	float: left;
	overflow: hidden;
}

.team .f1 .f1Box .item .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	transition: 0.5s all;
}

.team .f1 .f1Box .item .textBox {
	display: inline-block;
	float: left;
	width: 24vw;
	padding: 1vw;
}

.team .f1 .f1Box .item .textBox .name {
	color: #0695df;
	font-weight: bold;
	font-size: 1.2vw;
}

.team .f1 .f1Box .item .textBox .name span {
	color: #3b3b3b;
	font-weight: normal;
	font-size: 0.85vw;
}

.team .f1 .f1Box .item .textBox .des {
	color: #575757;
	font-size: 0.8vw;
	line-height: 1.7;
	text-align: justify;
	margin-top: .5vw;
	padding-right: 1vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.team .f1 .f1Box .item .textBox::before {
	/*content: '';*/
	/*position: absolute;*/
	/*border-style: solid;*/
	/*border-color: transparent;*/
	/*border-width: 0.7vw 1vw 0.7vw 0;*/
	/*margin-left: -1.9vw;*/
	/*margin-top: 0;*/
	/*border-right-color: #f2f2f2;*/
}

.team .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.service {
	width: 100%;
}

.service .f1 {
	width: 100%;
	padding: 5vw 14vw;
}

.service .f1 .titBox {
	font-size: 1.5vw;
}

.service .f1 .titBox .en {
	width: 30%;
	color: #0695df;
	font-weight: bold;
}

.service .f1 .titBox .cn {
	width: 15vw;
	color: #333333;
}

.service .f1 .f1Box {
	width: 100%;
	display: flex;
}

.service .f1 .f1Box .textBox {
	width: 37vw;
	height: auto;
	min-height: 20vw;
	background: rgba(255, 255, 255, 0.9);
	color: #666666;
	padding: 3vw 3vw 3vw 0;
	font-size: 0.9vw;
	line-height: 1.7;
	text-align: justify;
	margin-top: 3vw;
}

.service .f1 .f1Box .imgBox {
	width: 54vw;
	height: 31vw;
	position: absolute;
	z-index: -1;
	right: 14vw;
	margin-top: -4.5vw;
}

.service .f1 .f1Box .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
}

.service .f2 {
	width: 100%;
	padding: 2vw 14vw 8vw 14vw;
}

.service .f2 .titBox {
	font-size: 1.5vw;
	text-align: center;
}

.service .f2 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.service .f2 .titBox .cn {
	color: #333333;
}

.service .f2 .f2Box {
	width: 100%;
	margin-top: 3vw;
}

.service .f2 .f2Box .item {
	width: 100%;
	display: flex;
	border-top: 1px solid #c8c8c8;
}

.service .f2 .f2Box .item .imgBox {
	width: 36vw;
	height: 22vw;
	padding: 2vw 2vw 2vw 0;
	border-right: 1px solid #c8c8c8;
}

.service .f2 .f2Box .item .imgBox .img {
	width: 100%;
	height: 100%;
	background-size: cover !important;
}

.service .f2 .f2Box .item .text {
	width: 36vw;
	padding: 4vw 2vw 0 2vw;
}

.service .f2 .f2Box .item .text .name {
	color: #000000;
	font-size: 1.2vw;
	font-weight: bold;
}

.service .f2 .f2Box .item .text .des {
	color: #666666;
	line-height: 1.7;
	text-align: justify;
	font-size: 0.9vw;
	margin-top: 1vw;
}

.service .f2 .f2Box .item:nth-child(2n) .imgBox {
	padding: 2vw 0 2vw 2vw;
	border: transparent;
}

.service .f2 .f2Box .item:nth-child(2n) .text {
	padding: 4vw 2vw 0 0;
	border-right: 1px solid #c8c8c8;
}

.service .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.company_culture {
	width: 100%;
}

.company_culture .f1 {
	width: 100%;
	padding: 5vw 0;
}

.company_culture .f1 .titBox {
	padding: 0 14vw;
	font-size: 1.5vw;
}

.company_culture .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.company_culture .f1 .titBox .cn {
	color: #333333;
}

.company_culture .f1 .f1Box {
	width: 100%;
	margin-top: 4vw;
}

.company_culture .f1 .f1Box .f1Swiper {
	width: 100%;
	overflow: hidden;
	padding-bottom: 8vw;
	padding-right: 10vw;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-pagination {
	width: 72%;
	margin-left: 14vw;
	margin-top: 25vw;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #0695df;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-button-prev {
	left: 14vw;
	top: inherit;
	margin-top: 2vw;
	background: rgba(255, 255, 255, .5);
	opacity: 1;
	padding: 2vw;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-button-next {
	left: 18vw;
	top: inherit;
	right: inherit;
	margin-top: 2vw;
	background: rgba(255, 255, 255, .5);
	padding: 2vw;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-button-next:after,
.company_culture .f1 .f1Box .f1Swiper .swiper-button-prev:after {
	color: #0695df;
	font-size: 2vw;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-slide {
	width: 31vw;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-slide .item {
	width: 100%;
	display: block;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-slide .item .img {
	width: 100%;
	height: 21vw;
	background-size: cover !important;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-slide .item .name {
	text-align: center;
	color: #414141;
	font-size: 1vw;
	font-weight: bold;
	margin: 1vw 0;
}

.company_culture .f1 .f1Box .f1Swiper .swiper-slide:first-child {
	margin-left: 14vw;
}

.company_culture .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.company_article {
	width: 100%;
}

.company_article .f1 {
	width: 100%;
	padding: 5vw 14vw;
}

.company_article .f1 .titBox {
	font-size: 1.5vw;
}

.company_article .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.company_article .f1 .titBox .cn {
	color: #333333;
}

.company_article .f1 .f1Box {
	width: 100%;
	display: inline-block;
	margin-top: 2vw;
}

.company_article .f1 .f1Box .item {
	width: 22vw;
	height: 27vw;
	display: inline-block;
	float: left;
	padding: 2vw;
	margin-right: 2.5vw;
	margin-bottom: 2.5vw;
	border-right: 1px solid #e2e2e2;
	background: transparent;
	transition: 0.5s all;
}

.company_article .f1 .f1Box .item .img {
	width: 100%;
	height: 12vw;
	background-size: cover !important;
	transition: 0.5s all;
}

.company_article .f1 .f1Box .item .text {
	width: 100%;
	height: 8vw;
	margin-top: 2vw;
	transition: 0.5s all;
}

.company_article .f1 .f1Box .item .text .name {
	color: #282828;
	font-size: 1vw;
	font-weight: bold;
}

.company_article .f1 .f1Box .item .text .des {
	color: #282828;
	font-size: 0.9vw;
	line-height: 1.7;
	text-align: justify;
	margin-top: 1vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.company_article .f1 .f1Box .item:hover {
	background: url('../images/img51.jpg') center no-repeat;
	background-size: cover !important;
}

.company_article .f1 .f1Box .item:hover .img {
	opacity: 0;
}

.company_article .f1 .f1Box .item:hover .text {
	transform: translateY(-10vw);
}

.company_article .f1 .f1Box .item:nth-child(3n) {
	margin-right: 0;
	border: transparent;
}

.company_article .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.company_style {
	width: 100%;
}

.company_style .f1 {
	width: 100%;
	padding: 5vw 0;
}

.company_style .f1 .titBox {
	padding: 0 14vw;
	font-size: 1.5vw;
}

.company_style .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.company_style .f1 .titBox .cn {
	color: #333333;
}

.company_style .f1 .f1Box {
	width: 100%;
	padding: 6vw 14vw;
	display: inline-block;
}

.company_style .f1 .f1Box .item {
	width: 45%;
	display: inline-block;
	float: left;
	margin-right: 5%;
	margin-bottom: 5%;
	overflow: hidden;
}

.company_style .f1 .f1Box .item:hover .img {
	transform: scale(1.1);
}

.company_style .f1 .f1Box .item .img {
	width: 100%;
	height: 20vw;
	background-size: cover !important;
	transition: .5s all;
}

.company_style .f1 .f1Box .item .name {
	text-align: justify;
	color: #414141;
	font-size: 0.9vw;
	line-height: 1.7;
	margin: 1vw 0;
}

.company_style .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.company_video {
	width: 100%;
}

.company_video .f1 {
	width: 100%;
	padding: 5vw 14vw;
}

.company_video .f1 .titBox {
	font-size: 1.5vw;
}

.company_video .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.company_video .f1 .titBox .cn {
	color: #333333;
}

.company_video .f1 .f1Box {
	width: 100%;
	display: inline-block;
	margin-top: 4vw;
}

.company_video .f1 .f1Box .item {
	width: 34vw;
	display: inline-block;
	float: left;
	margin-right: 2vw;
	margin-bottom: 2vw;
	cursor: pointer;
	overflow: hidden;
}

.company_video .f1 .f1Box .item:hover .img {
	transform: scale(1.1);
}

.company_video .f1 .f1Box .item .img {
	width: 100%;
	height: 20vw;
	background-size: cover !important;
	transition: .5s all;
}

.company_video .f1 .f1Box .item .img .icon {
	width: 8vw;
	position: absolute;
	margin: 6vw 13vw;
}

.company_video .f1 .f1Box .item:nth-child(2n) {
	margin-right: 0;
}

.company_video .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.work {
	width: 100%;
}

.work .f1 {
	width: 100%;
	padding: 5vw 14vw 10vw 14vw;
}

.work .f1 .titBox {
	font-size: 1.5vw;
}

.work .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.work .f1 .titBox .cn {
	color: #333333;
}

.work .f1 .f1Box {
	width: 100%;
	display: inline-block;
}

.work .f1 .f1Box .item {
	width: 22vw;
	height: 11vw;
	display: inline-block;
	float: left;
	margin-right: 2vw;
	margin-top: 2vw;
	overflow: hidden;
	cursor: pointer;
	color: #000000;
	padding: 2vw;
	border: 1px solid #eeeeee;
}

.work .f1 .f1Box .item .num {
	color: #404040;
	font-size: 5vw;
	font-weight: bold;
	position: absolute;
	z-index: -1;
	opacity: 0.05;
	margin-top: -2.5vw;
}

.work .f1 .f1Box .item .time {
	opacity: 0.5;
	font-size: 0.85vw;
}

.work .f1 .f1Box .item .name {
	font-size: 16px;
	height: auto;
	font-weight: bold;
	margin: 0.5vw 0 2vw 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.work .f1 .f1Box .item:nth-child(3n) {
	margin-right: 0;
}

.work .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.enterprise {
	width: 100%;
}

.enterprise .f1 {
	width: 100%;
	padding: 5vw 14vw 10vw 14vw;
}

.enterprise .f1 .titBox {
	font-size: 1.5vw;
}

.enterprise .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.enterprise .f1 .titBox .cn {
	color: #333333;
}

.enterprise .f1 .f1Box {
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.enterprise .f1 .f1Box .item {
	width: 22vw;
	height: 11vw;
	display: inline-block;
	float: left;
	margin-right: 2vw;
	margin-top: 2vw;
	overflow: hidden;
	cursor: pointer;
	color: #000000;
	padding: 2vw;
	border: 1px solid #eeeeee;
}

.enterprise .f1 .f1Box .item .time {
	opacity: 0.5;
	font-size: 0.85vw;
}

.enterprise .f1 .f1Box .item .name {
	font-size: 16px;
	height: auto;
	font-weight: bold;
	margin: 0.5vw 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.enterprise .f1 .f1Box .item .des {
	color: #282828;
	opacity: 0.7;
	font-size: 0.9vw;
	line-height: 1.7;
	text-align: justify;
	margin-bottom: 2vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.enterprise .f1 .f1Box .item:nth-child(3n) {
	margin-right: 0;
}

.enterprise .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.units {
	width: 100%;
}

.units .f1 {
	width: 100%;
	padding: 5vw 14vw 10vw 14vw;
}

.units .f1 .titBox {
	font-size: 1.5vw;
}

.units .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.units .f1 .titBox .cn {
	color: #333333;
}

.units .f1 .f1Box {
	width: 100%;
	margin-top: 3vw;
}

.units .f1 .f1Box .f1Item {
	width: 30vw;
	height: 40vw;
	overflow-y: auto;
	direction: rtl;
}

.units .f1 .f1Box .f1Item .item {
	width: 100%;
	margin-bottom: 2.5vw;
	text-align: left;
	cursor: pointer;
	transition: 0.5s all;
}

.units .f1 .f1Box .f1Item .item .textBox {
	width: 28vw;
	height: 2vw;
	overflow: hidden;
	transition: 0.5s all;
	padding-right: 3vw;
}

.units .f1 .f1Box .f1Item .item .textBox .name {
	color: #282828;
	font-size: 1.2vw;
	font-weight: bold;
	opacity: 0.6;
}

.units .f1 .f1Box .f1Item .item .textBox .des {
	color: #282828;
	opacity: 0.7;
	font-size: 0.9vw;
	line-height: 1.7;
	direction: initial;
	margin: 1vw 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.units .f1 .f1Box .f1Item .item .textBox .more {
	direction: initial;
}

.units .f1 .f1Box .f1Item .item.active .textBox {
	height: auto;
}

.units .f1 .f1Box .f1Item .item.active .textBox .name {
	opacity: 1;
}

.units .f1 .f1Box .f1Item::-webkit-scrollbar {
	width: 5px;
	height: 10px;
}

.units .f1 .f1Box .f1Item::-webkit-scrollbar-thumb {
	background-color: #0695df;
	border-radius: 10px;
	-webkit-box-shadow: inset1px1px0rgba(0, 0, 0, 0.1);
}

.units .f1 .f1Box .f1Item:hover::-webkit-scrollbar-thumb {
	background-color: #0695df;
	border-radius: 10px;
	-webkit-box-shadow: inset1px1px0rgba(0, 0, 0, 0.1);
}

.units .f1 .f1Box .f1Item::-webkit-scrollbar-thumb:hover {
	background-color: #0695df;
	-webkit-box-shadow: inset1px1px0rgba(0, 0, 0, 0.1);
}

.units .f1 .f1Box .f1Item::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0);
	background-color: white;
}

.units .f1 .f1Box .f1Item::-webkit-scrollbar-track:hover {
	-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.4);
	background-color: rgba(0, 0, 0, 0.01);
}

.units .f1 .f1Box .imgBox {
	width: 40vw;
	margin-left: 5vw;
	margin-top: 1.5vw;
	position: absolute;
	right: 14vw;
}

.units .f1 .f1Box .imgBox .img {
	width: 100%;
	height: 23vw;
	background-size: cover !important;
	position: relative;
	transform: translate(-1.5vw, -1.5vw);
	transition: 0.5s all;
}

.units .f1 .f1Box .imgBox::before {
	content: '';
	position: absolute;
	width: 40vw;
	height: 23vw;
	background-color: #0695df;
	z-index: -1;
}

.units .f1 .f1Box .imgBox:hover .img {
	transform: translate(0, 0);
}

.units .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.personnel {
	width: 100%;
}

.personnel .f1 {
	width: 100%;
	padding: 5vw 14vw 14vw 14vw;
}

.personnel .f1 .titBox {
	font-size: 1.5vw;
}

.personnel .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.personnel .f1 .titBox .cn {
	color: #333333;
}

.personnel .f1 .f1T {
	color: #3b3b3b;
	text-align: center;
	font-size: 1.3vw;
	font-weight: bold;
	margin: 5vw 0;
}

.personnel .f1 .f1T::before {
	content: '';
	position: absolute;
	width: 50vw;
	height: 5vw;
	background: url('../images/p1.png') center no-repeat;
	background-size: contain !important;
	left: 15%;
	margin-top: 0.8vw;
}

.personnel .f1 .f1Box {
	width: 100%;
	display: inline-block;
}

.personnel .f1 .f1Box .item {
	width: 22.4vw;
	display: inline-block;
	float: left;
	margin-right: 2vw;
}

.personnel .f1 .f1Box .item .img {
	width: 100%;
	height: 14vw;
	background-size: cover !important;
}

.personnel .f1 .f1Box .item .text .name {
	text-align: center;
	margin: 1vw 0;
	color: #3b3b3b;
	font-weight: bold;
	font-size: 1.1vw;
}

.personnel .f1 .f1Box .item .text .des {
	font-size: 0.85vw;
	line-height: 1.7;
	color: #707070;
}

.personnel .f1 .f1Box .item:nth-child(3n) {
	margin-right: 0;
}

.personnel .f2 {
	width: 100%;
	display: inline-block;
	padding: 0 14vw;
}

.personnel .f2 .item {
	width: 34vw;
	display: inline-block;
	float: left;
	margin-right: 2vw;
}

.personnel .f2 .item .img {
	width: 100%;
	height: 14vw;
	background-size: cover !important;
}

.personnel .f2 .item .text .name {
	text-align: center;
	margin: 1vw 0;
	color: #3b3b3b;
	font-weight: bold;
	font-size: 1.1vw;
}

.personnel .f2 .item .text .des {
	font-size: 0.85vw;
	line-height: 1.7;
	color: #707070;
}

.personnel .f2 .item:nth-child(2n) {
	margin-right: 0;
}

.personnel .f2Pi {
	width: 50vw;
	position: absolute;
	left: 25%;
	margin-top: -15vw;
	z-index: -1;
}

.personnel .f3 {
	width: 100%;
	padding: 11.5vw 14vw 6vw 14vw;
}

.personnel .f3 .f3T {
	color: #3b3b3b;
	text-align: right;
	font-size: 1.3vw;
	font-weight: bold;
	margin-right: 2vw;
}

.personnel .f3 .f3T::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 5vw;
	background: #0695df;
	margin-top: 2vw;
	margin-left: 4vw;
}

.personnel .f3 .f3Box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 7vw;
}

.personnel .f3 .f3Box .item {
	cursor: pointer;
}

.personnel .f3 .f3Box .item .icon {
	width: 7vw;
	height: 7vw;
	border: 2px solid #cecece;
	border-radius: 50%;
	margin: 0 auto;
	transition: 0.3s all;
}

.personnel .f3 .f3Box .item .icon img {
	width: 2.5vw;
	margin: 2.2vw auto;
}

.personnel .f3 .f3Box .item .icon img:nth-child(1) {
	display: block;
}

.personnel .f3 .f3Box .item .icon img:nth-child(2) {
	display: none;
}

.personnel .f3 .f3Box .item .tit {
	color: #3b3b3b;
	text-align: center;
	font-weight: bold;
	font-size: 1vw;
	margin: 1vw 0;
}

.personnel .f3 .f3Box .item .des {
	line-height: 1.7;
	text-align: justify;
	font-size: 0.9vw;
	color: #707070;
	opacity: 0;
	transition: 0.5s all;
}

.personnel .f3 .f3Box .active .icon {
	background-color: #0695df;
	border: 2px solid #0695df;
}

.personnel .f3 .f3Box .active .icon img:nth-child(1) {
	display: none;
}

.personnel .f3 .f3Box .active .icon img:nth-child(2) {
	display: block;
}

.personnel .f3 .f3Box .active .tit {
	color: #0695df;
}

.personnel .f3 .f3Box .active .des {
	opacity: 1;
}

.personnel .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.recruitment {
	width: 100%;
}

.recruitment .f1 {
	width: 100%;
	padding: 5vw 14vw;
}

.recruitment .f1 .titBox {
	font-size: 1.5vw;
}

.recruitment .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.recruitment .f1 .titBox .cn {
	color: #333333;
}

.recruitment .f1 .f1Box {
	width: 100%;
	display: inline-block;
	margin-top: 3vw;
}

.recruitment .f1 .f1Box .item {
	width: 22vw;
	height: 24vw;
	background-color: #ffffff;
	margin-top: 2vw;
	margin-right: 2vw;
	display: inline-block;
	float: left;
	box-shadow: 5px 5px 15px gainsboro;
	padding: 3vw 2vw;
}

.recruitment .f1 .f1Box .item .tit {
	font-weight: bold;
	font-size: 1vw;
}

.recruitment .f1 .f1Box .item .des {
	color: #797979;
	font-size: 0.85vw;
	line-height: 1.7;
	text-align: justify;
	margin-top: 1vw;
}

.recruitment .f1 .f1Box .item .des2 {
	color: #797979;
	font-size: 0.85vw;
	line-height: 1.7;
	text-align: justify;
	margin-top: 1vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}

.recruitment .f1 .f1Box .item .tj {
	display: block;
	width: 8vw;
	height: 2vw;
	background-color: #0695df;
	border-radius: 1vw;
	text-align: center;
	line-height: 2vw;
	font-size: 0.9vw;
	color: white;
	margin-top: 2vw;
	transition: .5s all;
}

.recruitment .f1 .f1Box .item .tj:hover {
	border-radius: 3px;
}

.recruitment .f1 .f1Box .item:nth-child(3n) {
	margin-right: 0;
}

.recruitment .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.contact .f1 {
	width: 100%;
	padding: 5vw 14vw;
}

.contact .f1 .titBox {
	font-size: 1.5vw;
}

.contact .f1 .titBox .en {
	color: #0695df;
	font-weight: bold;
}

.contact .f1 .titBox .cn {
	color: #333333;
}

.contact .f1 .f1Box {
	width: 100%;
	margin-top: 5vw;
	display: flex;
}

.contact .f1 .f1Box .map {
	width: 50vw;
	height: 30vw;
}

.contact .f1 .f1Box .textBox {
	width: 23vw;
	height: 30vw;
	background-color: #2679b9;
	padding: 2vw;
}

.contact .f1 .f1Box .textBox .item {
	width: 100%;
	display: flex;
	color: white;
	margin-bottom: 1.5vw;
}

.contact .f1 .f1Box .textBox .item .icon {
	font-size: 1.5vw;
	display: inline-block;
	float: left;
}

.contact .f1 .f1Box .textBox .item .text {
	width: 15vw;
	display: inline-block;
	font-size: 0.9vw;
	margin: 0.2vw 1vw;
}

.contact .f1 .f1Box .textBox .item .text .d {
	font-weight: bold;
}

.contact .f1 .f1Box .textBox .item .text .d a {
	color: white;
}

.contact .f1 .f1Box .textBox .item .qrcode {
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
}

.contact .f1 .f1Box .textBox .item .qrcode img {
	width: 6vw;
	margin: 0 auto 0.5vw auto;
}

.contact .f1BgImg {
	width: 100%;
	position: absolute;
	pointer-events: none;
	z-index: -1;
	margin-top: -25vw;
}

.newsDetail .f1 {
	width: 100%;
	padding: 5vw 12vw;
	display: inline-block;
	overflow: hidden;
}

.newsDetail .f1 .left {
	width: 55vw;
	display: inline-block;
	float: left;
}

.newsDetail .f1 .left .tit {
	font-weight: bold;
	font-size: 1.5vw;
	line-height: 1.7;
}

.newsDetail .f1 .left .infoBox {
	display: flex;
	color: #b8b8b8;
	font-size: 0.85vw;
	margin: 2vw auto;
}

.newsDetail .f1 .left .infoBox .info {
	margin-left: 3vw;
}

.newsDetail .f1 .left .des {
	color: #6c6c6c;
	font-size: 0.85vw;
	line-height: 2;
	text-align: justify;
}

.newsDetail .f1 .left .des p {
	background-color: transparent !important;
}

.newsDetail .f1 .left .des p span {
	background-color: transparent !important;
}

.newsDetail .f1 .left .des img {
	width: auto;
	margin: 0 auto;
}

.newsDetail .f1 .left .des video {
	width: 80%;
	height: 25vw;
	object-fit: cover !important;
}

.newsDetail .f1 .left .des table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid grey;
	border-bottom: transparent;
	border-right: transparent;
}

.newsDetail .f1 .left .des table tr td {
	border-bottom: 1px solid grey;
	border-right: 1px solid grey;
}

.newsDetail .f1 .left .des table tr td:last-child {
	/*border-right: transparent;*/
}

.newsDetail .f1 .left .pageG {
	border-top: 1px solid #cecece;
	margin: 2vw 0;
	padding: 1vw 0;
}

.newsDetail .f1 .left .pageG a {
	font-size: 0.85vw;
	color: #787878;
	margin-bottom: 1vw;
	display: block;
}

.newsDetail .f1 .left .pageG a span {
	color: #404040;
}

.newsDetail .f1 .right {
	width: 18vw;
	height: auto;
	margin-left: 2vw;
	background: #f6f6f6;
	padding: 2vw;
	float: left;
}

.newsDetail .f1 .right .tits {
	font-size: 24px;
	font-weight: bold;
}

.newsDetail .f1 .right .item {
	width: 100%;
	padding: 1vw 0 2vw 0;
	display: block;
	border-bottom: 1px solid #b8b8b8;
}

.newsDetail .f1 .right .item .time {
	color: #b8b8b8;
	font-size: 0.85vw;
	margin-bottom: 0.5vw;
	transition: 0.5s all ease-in-out;
}

.newsDetail .f1 .right .item .tit {
	font-size: 0.9vw;
	line-height: 1.7;
	color: #232323;
	transition: 0.5s all ease-in-out;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.newsDetail .f1 .right .item:last-child {
	border: transparent;
}

.newsDetail .f1 .right .item:hover .time {
	color: #0695df;
}

.newsDetail .f1 .right .item:hover .tit {
	color: #0695df;
}

.noData {
	display: none;
	font-size: 18px;
}

.noData.active {
	display: block;
}

.searchContent {
	margin-bottom: 30px;
	border-bottom: 1px solid #0695df;
	padding-bottom: 20px;
	line-height: 1.8;
	font-size: 18px;
}

.serachpage.newsText ul li a {
	justify-content: flex-start;
	font-size: 20px;
}

.serachpage.newsText ul li a .name {
	margin-left: 10px;
}

.serachpage.newsText ul li a .tt {
	color: #0695df;
}

.serachpage.newsText ul li:hover a .tt {
	color: #fff;
}

.videoCloseBtn {
	font-size: 24px;
}

.book .btn {
	height: 48px;
	width: 48px;
	border-radius: 50%;
	border: 1px solid #7f7f80;
	text-align: center;
	line-height: 48px;
	color: #7f7f80;
	position: absolute;
	top: 100%;
	margin-top: -24px;
	font-size: 34px;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.book .btn.btn-prev {
	left: 8vw;
}

.book .btn.btn-next {
	right: 8vw;
}

.book .book-box {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}

.book .bookImg {
	background-size: cover !important;
}

.book .btn.btn-prev:hover {
	border: 1px solid #0695df;
	color: #0695df;
	text-indent: -.5rm;
}

.book .btn.btn-next:hover {
	border: 1px solid #0695df;
	color: #0695df;
	text-indent: .5rm;
}

.book .pageNumber {
	margin-top: 30px;
	color: #0695df;
	text-align: center;
	font-size: 26px;
}

.book .pageNumber .current {
	color: #0695df;
}

.book .pageNumber .Total {
	color: #848383;
}

.ewm-box,
.qq-box {
	left: 50%;
	top: 50%;
	margin-left: -110px;
	margin-top: -122.5px;
	position: fixed;
	height: 245px;
	width: 220px;
	border-radius: 5px;
	background-color: #fff;
	border: 5px solid #e5e5e5;
	display: none;
	z-index: 1000;
}

.qq-box {
	height: auto;
}

.ewm-box.active,
.qq-box.active {
	display: block;
}

.ewm-box .img,
.qq-box .img {
	height: 210px;
	width: 210px;
	display: block;
	padding: 10px;
}

.bshare-box {
	display: flex;
	position: absolute;
	left: 50vw;
	color: #0a001f;
	margin-top: -1vw;
}

.share-tips {
	width: auto;
	display: flex;
	align-items: center;
	font-size: 14px;
	margin-right: 10px;
}

.share-tips i {
	font-size: 20px;
	margin-right: 5px;
}

.bshare-custom.icon-medium {
	display: flex !important;
	cursor: pointer;
	z-index: 10 !important;
}

.bshare-custom.icon-medium a {
	width: 50px;
	height: 50px !important;
	background: #fff !important;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	padding-left: 0px !important;
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
}

.bshare-custom.icon-medium a:hover,
.bshare-custom.icon-medium .bshare-sina:hover,
.bshare-custom.icon-medium .bshare-zone:hover,
.bshare-custom.icon-medium .bshare-wechat:hover,
.bshare-custom.icon-medium .bshare-qq:hover {
	text-decoration: none;
	background: #0695df !important;
	color: #fff;
}

.bshare-custom.icon-medium a .iconfont {
	z-index: 0;
}

.bshare-custom.icon-medium .bshare-zone {
	margin-right: 10px;
}

.bshare-custom.icon-medium .bshare-qq,
.bshare-custom.icon-medium .bshare-wechat {
	margin-right: 10px;
}

.bshare-custom.icon-medium .bshare-sina,
.bshare-custom.icon-medium .bshare-zone,
.bshare-custom.icon-medium .bshare-wechat,
.bshare-custom.icon-medium .bshare-qq {
	display: block;
	width: 50px;
	height: 50px !important;
	background: #ececec;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
	font-size: 24px;
	font-family: "iconfont" !important;
}

.e-b-t {
	color: #666;
	background: #f2f2f2;
	height: 24px;
	line-height: 24px;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}

.e-b-t p {
	font-size: 12px;
	margin-left: 10px;
}

.close-ewm,
.close-qq,
.close-ewm2 {
	width: 24px;
	height: 24px;
	position: absolute;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	right: 0;
	top: 0;
	cursor: pointer;
}

.globle_button.blue {
	color: #fff;
}

.gaba {
	width: 20px;
	display: inline-block;
	position: relative;
	top: 4px;
}

.pc {
	display: block;
}

.mobile {
	display: none;
}

@media (max-width: 1660px) {
	.index .f3 .f3Box .left {
		width: 39.8vw;
	}

	.index .f5 {
		padding: 6vw 10vw;
	}

	.index .f4 {
		padding: 5vw 10vw;
	}

	.index .f3 .f3Box .left .item .imgBox {
		height: 22vw;
	}

	.index .f3 .f3Box .right .item .imgBox {
		height: 9.5vw;
	}

	footer .footerInfo .linkItem {
		margin-top: -16.5vw;
	}

	.newsDetail .f1 .right {
		width: 18vw;
	}

	header .serach {
		/*top: 1.2vw;*/
	}

	.tabBox .tab {
		font-size: 12px;
	}

	.tabBox .tab .cn {
		font-size: 16px;
	}

	.tabBox .tab {
		width: 14vw;
	}

	header nav ul li a {
		font-size: 16px;
	}

	footer .footerNav::before {
		width: 81vw;
	}

	.serachpage.newsText ul li a {
		font-size: 18px;
	}

	header nav ul li .ul3 {
		margin-left: -7.2vw;
	}

	header nav ul li .ul4 {
		margin-left: -10vw;
	}

	.dang .f2 .f2Box .f2Item .name {
		width: 77%;
	}
}

@media (max-width: 1440px) {
	.news .f1 .f1Box .item .textBox .name {
		height: 4vw;
	}

	header nav ul li::before {
		margin-top: 1.7vw;
	}

	header nav ul li:nth-child(1):hover::before {
		width: 2.2vw;
	}



	header nav ul li .ul2 {
		margin-left: -6vw;
	}

	.dang .f2 .f2Box .f2Item .name {
		width: 73%;
	}

	header nav ul li .ul3 {
		margin-left: -8.1vw;
	}

	header nav ul li .ul4 {
		margin-left: -11.5vw;
	}

	.index .f1 .f1Box {
		width: 90vw;
	}

	.newsDetail .f1 .right .item .time {
		font-size: 14px;
	}

	.newsDetail .f1 .right .item .tit {
		font-size: 14px;
	}

	.book .btn.btn-next {
		right: 4vw;
	}

	.book .btn.btn-prev {
		left: 4vw;
	}

	.index .f2 .left {
		padding-top: 5vw;
	}

	.index .f2 {
		height: 55vw;
	}

	.index .f2 .right {
		padding: 5vw 7vw 0 7vw;
	}

	.index .f2 .right .item {
		margin-bottom: 2vw;
	}

	.index .f2 .f2Bg {
		margin-top: 34vw;
	}

	footer .footerInfo .linkItem {
		margin-top: -19vw;
		margin-left: -5.5vw;
	}

	.contact .f1 .f1Box .textBox .item .text {
		font-size: 16px;
	}

	.newsDetail .f1 .right {
		width: 16vw;
	}

	.newsDetail .f1 {
		padding: 5vw 8vw;
	}

	.newsDetail .f1 .left {
		width: 65vw;
	}

	header nav ul li:hover a::before {
		width: 4.5vw;
		margin-top: 3.1vw;
	}

	header nav ul li {
		margin: 0;
		
	}

	footer .footerNav .level1 a {
		font-size: 16px;
	}

	footer .footerNav::before {
		width: 82vw;
	}

	footer .footerNav .level1 ul li a {
		font-size: 14px;
	}

	footer .footerInfo .text {
		font-size: 14px;
	}

	.newsDetail .f1 .left .pageG a {
		font-size: 16px;
	}

	footer .footerInfo .linkBox .item {
		margin-left: 2vw;
		font-size: 14px;
	}

	.index .f1 .f1Box .item {
		font-size: 12px;
	}

	.index .f2 .left .des {
		font-size: 16px;
		margin-top: 2vw;
	}

	.index .f2 .left .more {
		margin-top: 0;
	}

	.index .f2 .right .item .des {
		font-size: 14px;
	}

	.index .f2 .right .item .numBox .text {
		font-size: 16px;
	}

	.more {
		font-size: 14px;
	}

	.index .f3 .f3Box .left .item .name,
	.index .f3 .f3Box .right .item .name {
		font-size: 16px;
		margin: .5vw 1vw;
	}

	.index .f3 .f3Box .left .item .des {
		font-size: 14px;
	}

	.index .f3 .f3Box .left .item .time,
	.index .f3 .f3Box .right .item .time {
		font-size: 14px;
	}

	.index .f3 .f3Box .right .item .imgBox {
		height: 8.8vw;
	}

	.index .f4 .head .itemBox .item .numBox .text {
		font-size: 16px;
	}

	.index .f4 .head .itemBox .item .des {
		font-size: 14px;
	}

	.index .f5 .f5Box .item .text .name {
		font-size: 16px;
	}

	.index .f5 .f5Box .item .time p:nth-child(1) {
		font-size: 20px;
	}

	.index .f5 .f5Box .item .time p:nth-child(2) {
		font-size: 14px;
	}

	.about .f1 .left .leftItem .item .numBox .text {
		font-size: 16px;
	}

	.about .f1 .left .leftItem .item .des {
		font-size: 14px;
	}

	.about .f1 .left .des {
		font-size: 16px;
	}

	.about .f1 .left {
		width: 55vw;
	}

	.about .f1 .left .leftItem .item {
		width: 25vw;
	}

	.about .f1,
	.about .f3 {
		padding: 5vw 9vw;
	}

	.tabBox .tab .en {
		font-size: 12px;
	}

	.about .f2 .f2Box .des {
		font-size: 16px;
	}

	.about .f2 {
		padding: 5vw 9vw;
	}

	.about .f2 .f2Box .des {
		width: 51vw;
	}

	.about .f4 {
		padding: 5vw 9vw;
	}

	.about .f4 .heTit .numBox .item .numBox .text {
		font-size: 16px;
	}

	.about .f4 .heTit .numBox .item .des {
		font-size: 14px;
	}

	.about .f4 .f4Box .item {
		width: 25.5vw;
	}

	.about .f5 {
		padding: 5vw 9vw;
	}

	.about .f5 .f5Box .item {
		width: 31vw;
	}

	.about .f5 .f5Box .item .textBox .text {
		width: 14vw;
	}

	.about .f6,
	.about .f7 {
		padding: 5vw 9vw;
	}

	.newsDetail .f1 .right .tits {
		font-size: 20px;
	}

	.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox .des {
		font-size: 14px;
	}

	.newsDetail .f1 .left .des {
		font-size: 16px;
	}

	.dang .f1 .f1Item .des {
		font-size: 16px;
	}

	.dang .f1 .f1Item .name a {
		font-size: 24px;
	}

	.dang .f1 .f1Box .f1Swiper .swiper-slide .text .name {
		font-size: 20px;
	}

	.dang .f2 .f2Box .titHead .more span {
		font-size: 14px;
	}

	.dang .f2 .f2Box .f2Item,
	.dang .f3 .f3Box .item {
		font-size: 14px;
	}

	.news .f1 .f1Box .item .textBox .time {
		font-size: 14px;
	}

	.news .f1 .f1Box .item .textBox .name {
		font-size: 16px;
	}

	.news .f1 .f1Box .item .textBox .des {
		font-size: 14px;
		height: 3.2vw;
	}

	.team .f1 .f1Box .item .textBox .name {
		font-size: 18px;
	}

	.team .f1 .f1Box .item .textBox .name span {
		font-size: 14px;
	}

	.team .f1 .f1Box .item .textBox .des {
		font-size: 14px;
		-webkit-line-clamp: 3;
	}

	.service .f1 .f1Box .textBox {
		font-size: 16px;
	}

	.service .f2 .f2Box .item .text .name {
		font-size: 18px;
	}

	.service .f2 .f2Box .item .text .des {
		font-size: 14px;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-slide .item .name {
		font-size: 16px;
	}

	.company_article .f1 .f1Box .item .text .name {
		font-size: 16px;
	}

	.work .f1 .f1Box .item .time,
	.enterprise .f1 .f1Box .item .time {
		font-size: 14px;
	}

	.work .f1 .f1Box .item .name,
	.enterprise .f1 .f1Box .item .name {
		font-size: 16px;
	}

	.units .f1 .f1Box .f1Item .item .textBox .name {
		font-size: 20px;
	}

	.units .f1 .f1Box .f1Item .item .textBox .des {
		font-size: 16px;
	}

	.personnel .f1 .f1Box .item .text .name {
		font-size: 16px;
	}

	.personnel .f1 .f1Box .item .text .des {
		font-size: 14px;
	}

	.personnel .f2 .item .text .name,
	.personnel .f3 .f3Box .item .tit {
		font-size: 16px;
	}

	.personnel .f2 .item .text .des,
	.personnel .f3 .f3Box .item .des {
		font-size: 14px;
	}

	.newsDetail .f1 .left .infoBox {
		font-size: 14px;
	}


}

@media (max-width: 1366px) {
	.serachpage.newsText ul li a {
		font-size: 16px;
	}



	.recruitment .f1 .f1Box .item {
		height: 26vw;
	}
}

@media (max-width: 768px) {
	.pc {
		display: none;
	}

	.mobile {
		display: block;
	}

	.index .f1 .f1Swiper .bannerImg {
		height: 32vh;
	}

	.index .f1 .f1Box {
		display: none;
	}

	.index .f1 .f1Swiper .bannerImg .textBox {
		width: 80%;
	}

	.index .f1 .f1Swiper .bannerImg .textBox .cn {
		font-size: 22px;
	}

	.index .f1 .f1Swiper .bannerImg .textBox .en {
		font-size: 14px;
	}

	.index .f2 {
		height: auto;
		display: block;
	}

	.index .f2 .left {
		width: 100%;
		padding: 10vw 5vw;
	}

	.index .f2 .left .titBox {
		font-size: 18px;
	}

	.index .f2 .left .des {
		font-size: 14px;
	}

	.more {
		font-size: 14px;
	}

	.more .icon {
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
		margin-left: 5px;
		padding-left: 2px;
	}

	.index .f2 .right {
		width: 100%;
		padding: 10vw 5vw;
	}

	.index .f2 .right .item .numBox .num {
		font-size: 32px;
	}

	.index .f2 .right .item .numBox .text {
		font-size: 14px;
		margin-left: 1vw;
	}

	.index .f2 .right .item .des {
		font-size: 14px;
		margin-top: 1vw;
	}

	.index .bgImg {
		display: none;
	}

	.index .f2 .f2Bg {
		display: none;
	}

	.index .f3 {
		height: auto;
		padding: 10vw 5vw;
	}

	.index .f3 .head .titBox {
		font-size: 18px;
	}

	.index .f3 .head .tabBoxs {
		display: grid;
	}

	.index .f3 .head .tabBoxs .tab {
		width: 22vw;
		height: 7vw;
		margin-left: 0;
		line-height: 7vw;
		margin-bottom: .5vw;
		display: block;
		font-size: 14px;
	}

	.index .f3 .f3Box {
		display: block;
	}

	.index .f3 .f3Box .left {
		width: 100%;
		height: auto;
		padding: 0;
	}

	.index .f3 .f3Box .left .item {
		padding-top: 0;
	}

	.index .f3 .f3Box .left .item .imgBox {
		height: auto;
	}

	.index .f3 .f3Box .left .item .imgBox .img {
		height: 50vw;
	}

	.index .f3 .f3Box .left .item .name {
		font-size: 16px;
		margin: 2vw 0;
	}

	.index .f3 .f3Box .left .item .des {
		display: none;
	}

	.index .f3 .f3Box .left .item .time {
		font-size: 14px;
	}

	.index .f3 .f3Box .right {
		width: 100%;
	}

	.index .f3 .f3Box .right .item {
		width: 100%;
		height: auto;
		display: block;
		margin-right: 0;
		padding: 0;
		margin-top: 5vw;
	}

	.index .f3 .f3Box .right .item .imgBox {
		height: auto;
	}

	.index .f3 .f3Box .right .item .imgBox .img {
		height: 50vw;
	}

	.index .f3 .f3Box .right .item .name {
		font-size: 16px;
		margin: 2vw 0;
	}

	.index .f3 .f3Box .right .item .time {
		font-size: 14px;
	}

	.index .f4 {
		height: auto;
		padding: 10vw 5vw;
	}

	.index .f4 .head {
		display: block;
	}

	.index .f4 .head .titBox {
		font-size: 18px;
	}

	.index .f4 .head .itemBox {
		display: block;
		margin-top: 5vw;
	}

	.index .f4 .head .itemBox .item {
		width: 100%;
	}

	.index .f4 .head .itemBox .item:first-child {
		margin-right: 0;
	}

	.index .f4 .head .itemBox .item .numBox .num {
		font-size: 32px;
	}

	.index .f4 .head .itemBox .item .numBox .text {
		font-size: 16px;
		margin-left: 1vw;
	}

	.index .f4 .head .itemBox .item .des {
		font-size: 14px;
		margin-top: 1vw;
	}

	.index .f4 .f4Box {
		display: inline-block;
		margin-top: 3vw;
	}

	.index .f4 .f4Box::before {
		content: inherit;
	}

	.index .f4 .f4Box .item {
		width: 43.5vw;
		height: 31.5vw;
		display: inline-block;
		float: left;
		margin-right: 2vw;
		margin-bottom: 2vw;
		padding: 1.5vw;
	}

	.index .f4 .f4Box .item:nth-child(2n) {
		margin-right: 0;
	}

	.index .f4 .f4Box .item:last-child {
		display: none;
	}

	.index .f4 .f4Box .item .img {
		width: 100%;
		height: 29vw;
	}

	.index .f5 {
		height: auto;
		padding: 10vw 5vw;
	}

	.index .f5 .titBox {
		font-size: 18px;
	}

	.index .f5 .f5Box {
		width: 100%;
		margin-top: 5vw;
		margin-left: 0;
	}

	.index .f5 .f5Box .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding: 5vw;
		margin-bottom: 5vw;
	}

	.index .f5 .f5Box .item:last-child {
		margin-bottom: 0;
	}

	.index .f5 .f5Box .item .time {
		width: 20vw;
	}

	.index .f5 .f5Box .item .time p:nth-child(1) {
		font-size: 16px;
	}

	.index .f5 .f5Box .item .time::before {
		width: 15vw;
		margin-top: 7vw;
	}

	.index .f5 .f5Box .item .time p:nth-child(2) {
		font-size: 14px;
		margin-top: 3vw;
	}

	.index .f5 .f5Box .item .text {
		width: 60vw;
	}

	.index .f5 .f5Box .item .text .name {
		font-size: 14px;
	}

	footer {
		padding: 10vw 5vw;
	}

	footer .logo {
		width: 70vw;
	}

	footer .footerNav {
		display: none;
	}

	footer .footerInfo {
		display: block;
	}

	footer .footerInfo .iconBox {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	footer .footerInfo .iconBox .icon {
		width: 12vw;
		float: inherit;
		text-align: center;
		margin: 0 auto;
	}

	footer .footerInfo .text {
		text-align: center;
		font-size: 14px;
	}

	footer .footerInfo .text a {
		color: #ffffff;
	}

	footer .footerInfo .linkBox {
		width: 100%;
		display: inline-block;
		margin: 5vw auto 0 auto;
		text-align: center;
	}

	footer .footerInfo .linkBox .item {
		display: inline-block;
		margin: 0 5vw;
		text-align: center;
		font-size: 14px;
	}

	footer .footerInfo .linkBox .item i {
		font-size: 22px;
	}

	footer .footerInfo .linkBox .item p {
		margin-top: 1vw;
	}

	.banner {
		height: 25vw;
	}

	.tabBox {
		display: none;
	}

	.about .f1 {
		padding: 10vw 5vw;
		display: block;
	}

	.about .f1 .left {
		width: 100%;
	}

	.about .titBox {
		font-size: 18px;
	}

	.about .f1 .left .leftItem {
		margin: 5vw 0;
		border-bottom: 1px solid gainsboro;
		padding-bottom: 5vw;
	}

	.about .f1 .left .leftItem .item {
		width: 100%;
		display: block;
	}

	.about .f1 .left .leftItem .item .numBox .num {
		font-size: 32px;
	}

	.about .f1 .left .leftItem .item .numBox .text {
		font-size: 16px;
		margin-left: 1vw;
	}

	.about .f1 .left .leftItem .item .des {
		font-size: 14px;
		margin-top: .5vw;
	}

	.about .f1 .left .des {
		font-size: 14px;
	}

	.about .f1 .right {
		width: 100%;
		height: 125vw;
		margin-left: 0;
	}

	.about .f2 {
		padding: 10vw 5vw;
	}

	.about .f2 .f2Box {
		display: block;
		font-size: 14px;
		margin-top: 5vw;
	}

	.about .f2 .f2Box img {
		width: 100%;
		display: block;
	}

	.about .f2 .f2Box .des {
		width: 100%;
		margin-top: 5vw;
	}

	.about .f3 {
		padding: 10vw 5vw;
	}

	.about .f4 {
		padding: 10vw 5vw;
	}

	.about .f4 .heTit {
		display: block;
	}

	.about .f4 .heTit .numBox {
		display: block;
		margin-top: 5vw;
	}

	.about .f4 .heTit .numBox .item .numBox .num {
		font-size: 26px;
	}

	.about .f4 .heTit .numBox .item .numBox .text {
		font-size: 14px;
	}

	.about .f4 .heTit .numBox .item .des {
		font-size: 13px;
		margin-top: 1vw;
	}

	.about .f4 .f4Box {
		margin-top: 0;
	}

	.about .f4 .f4Box .item {
		width: 100%;
		margin-right: 0;
		margin-top: 5vw;
	}

	.about .f4 .f4Box .item .img {
		height: 50vw;
	}

	.about .f4 .f4Box .item .name {
		font-size: 16px;
	}

	.about .f5 {
		padding: 10vw 5vw;
	}

	.about .f5 .f5Box {
		margin: 5vw 0;
	}

	.about .f5 .f5Box .item {
		width: 100%;
	}

	.about .f5 .f5Box .item .textBox {
		width: 100%;
	}

	.about .f5 .f5Box .item .year {
		font-size: 18px;
		padding: 2vw 0;
	}

	.about .f5 .f5Box .item .year span {
		font-size: 14px;
	}

	.about .f5 .f5Box .item .textBox .img {
		width: 30vw;
		height: 22vw;
	}

	.about .f5 .f5Box .item .textBox .text {
		width: 58vw;
	}

	.about .f5 .f5Box .item .textBox .text .name {
		font-size: 14px;
	}

	.about .f6 {
		padding: 10vw 5vw;
	}

	.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox .time {
		font-size: 18px;
	}

	.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox .des {
		font-size: 14px;
	}

	.about .f6 .f6Box .select {
		width: 20vw;
		height: 8vw;
		right: 5vw;
		margin-top: -11.5vw;
	}

	.about .f6 .f6Box .swiper-button-prev,
	.about .f6 .f6Box .swiper-button-next {
		display: none;
	}

	.about .f6 .f6Box .select select {
		height: 8vw;
		font-size: 14px;
	}

	.dang .f1 {
		padding: 2vw 5vw 0 5vw;
	}

	.dang .f1 .f1Item .name a {
		font-size: 16px;
	}

	.dang .f1 .f1Item .des {
		font-size: 14px;
	}

	.dang .f1 .f1Box {
		width: 100%;
		margin-top: 5vw;
	}

	.dang .f1 .f1Box .f1Swiper .swiper-slide .text {
		height: 50vw;
		padding: 35vw 2vw 0 2vw;
	}

	.dang .f1 .f1Box .f1Swiper .swiper-slide .img {
		height: 50vw;
	}

	.dang .f1 .f1Box .f1Swiper .swiper-slide .text .name {
		font-size: 14px;
	}

	.dang .f1 .f1Box .f1Swiper .swiper-button-next:after,
	.dang .f1 .f1Box .f1Swiper .swiper-rtl .swiper-button-prev:after {
		font-size: 16px;
	}

	.dang .f1 .f1Box .f1Swiper .swiper-button-prev:after,
	.dang .f1 .f1Box .f1Swiper .swiper-rtl .swiper-button-next:after {
		font-size: 16px;
	}

	.dang .f2 {
		padding: 10vw 5vw 0 5vw;
		display: inline-block;
	}

	.dang .f2 .f2Box {
		width: 100%;
		margin-bottom: 8vw;
	}

	.dang .f2 .f2Box .titHead {
		font-size: 16px;
	}

	.dang .f2 .f2Box .titHead .more {
		font-size: 14px;
	}

	.dang .f2 .f2Box .titHead .more span {
		font-size: 14px;
	}

	.dang .f2 .f2Box .imgBox {
		height: 50vw;
		margin: 3vw 0 0 0;
	}

	.dang .f2 .f2Box .f2Item {
		font-size: 14px;
		margin-top: 3vw;
	}

	.dang .f2 .f2Box .f2Item .name::before {
		content: inherit;
	}

	.dang .f3 {
		padding: 5vw 5vw 10vw 5vw;
	}

	.dang .f3 .titHead {
		font-size: 16px;
	}

	.dang .f3 .titHead .more {
		font-size: 14px;
	}

	.dang .f3 .titHead .more span {
		font-size: 14px;
	}

	.dang .f3 .f3Box {
		margin-top: 3vw;
	}

	.dang .f3 .f3Box .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-bottom: 5vw;
	}

	.dang .f3 .f3Box .item .imgBox {
		height: 50vw;
	}

	.dang .f3 .f3Box .item:nth-child(2n) {
		margin-right: 0;
	}

	.dang .f3 .f3Box .item p {
		font-size: 14px;
		margin-top: 1vw;
	}

	.newsDetail .f1 {
		padding: 10vw 5vw;
		display: block;
	}

	.newsDetail .f1 .left {
		width: 100%;
	}

	.newsDetail .f1 .right {
		display: none;
	}

	.newsDetail .f1 .left .tit {
		font-size: 18px;
		text-align: center;
	}

	.newsDetail .f1 .left .infoBox {
		font-size: 14px;
	}

	.newsDetail .f1 .left .des {
		font-size: 14px;
	}

	.newsDetail .f1 .left .pageG a {
		font-size: 14px;
	}

	.newsDetail .f1 .right .item .time {
		font-size: 14px;
	}

	.newsDetail .f1 .right .item .tit {
		font-size: 14px;
	}

	.news .f1 {
		padding: 10vw 5vw;
	}

	.news .f1 .titBox {
		font-size: 18px;
	}

	.news .f1 .f1Box {
		margin-top: 5vw;
	}

	.news .f1 .f1Box .item {
		width: 100%;
		height: auto;
		display: block;
		padding: 0;
		margin-bottom: 5vw;
		padding-bottom: 5vw;
	}

	.news .f1 .f1Box .item:nth-child(1) .imgBox {
		width: 100%;
		height: 50vw;
	}

	.news .f1 .f1Box .item .imgBox {
		width: 100%;
		height: 50vw;
	}

	.news .f1 .f1Box .item:nth-child(1) .textBox {
		width: 100%;
	}

	.news .f1 .f1Box .item .textBox {
		width: 100%;
		padding-left: 0;
		margin-top: 3vw;
		margin-left: 0;
	}

	.news .f1 .f1Box .item .textBox .name {
		font-size: 16px;
		height: auto;
	}

	.news .f1 .f1Box .item .textBox .des {
		display: none;
	}

	.news .f1 .f1Box .item:nth-child(1) .textBox .time .newIcon {
		display: none;
	}

	.news .f1 .f1Box .item:nth-child(1) .textBox .time {
		font-size: 14px;
	}

	.news .f1 .f1Box .item .textBox .more {
		display: none;
	}

	.team .f1 {
		padding: 10vw 5vw;
	}

	.team .f1 .titBox {
		font-size: 18px;
	}

	.team .f1 .f1Box .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top: 5vw;
		border-radius: 5px;
	}

	.team .f1 .f1Box .item .imgBox {
		width: 25vw;
		height: 25vw;
	}

	.team .f1 .f1Box .item .textBox {
		width: 65vw;
		padding: 3vw;
	}

	.team .f1 .f1Box .item .textBox .name {
		font-size: 16px;
	}

	.team .f1 .f1Box .item .textBox .name span {
		font-size: 14px;
	}

	.team .f1 .f1Box .item .textBox .des {
		font-size: 14px;
		margin-top: 1vw;
		-webkit-line-clamp: 2;
	}

	.service .f1 {
		padding: 10vw 5vw;
	}

	.service .f1 .titBox {
		font-size: 18px;
		text-align: center;
	}

	.service .f1 .titBox .en,
	.service .f1 .titBox .cn {
		width: 100%;
	}

	.service .f1 .f1Box {
		display: block;
	}

	.service .f1 .f1Box .imgBox {
		width: 100%;
		height: 50vw;
		position: relative;
		right: inherit;
		margin-top: inherit;
		z-index: 1;
	}

	.service .f1 .f1Box .textBox {
		width: 100%;
		min-height: inherit;
		font-size: 14px;
	}

	.service .f2 {
		padding: 0 5vw 10vw 5vw;
	}

	.service .f2 .titBox {
		font-size: 18px;
	}

	.service .f2 .f2Box .item {
		display: block;
		margin-top: 5vw;
	}

	.service .f2 .f2Box .item .imgBox {
		width: 100%;
		height: 50vw;
		padding: 0;
		border: transparent;
	}

	.service .f2 .f2Box .item .text {
		width: 100%;
		padding: 0;
		margin: 3vw 0;
	}

	.service .f2 .f2Box .item .text .name {
		font-size: 16px;
	}

	.service .f2 .f2Box .item .text .des {
		font-size: 14px;
		margin-top: 3vw;
	}

	.company_culture .f1 {
		padding: 10vw 5vw;
	}

	.company_culture .f1 .titBox {
		padding: 0;
		font-size: 18px;
	}

	.company_culture .f1 .f1Box {
		margin-top: 5vw;
	}

	.company_culture .f1 .f1Box .f1Swiper {
		padding-right: 0;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-slide:first-child {
		margin-left: 0;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-slide {
		width: 90vw;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-slide .item .img {
		height: 60vw;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-slide .item .name {
		font-size: 14px;
		margin-top: 3vw;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-pagination {
		width: 90%;
		margin-left: 5vw;
		margin-top: 50vw;
	}

	.company_article .f1 {
		padding: 10vw 5vw;
	}

	.company_article .f1 .titBox {
		font-size: 18px;
	}

	.company_article .f1 .f1Box {
		margin-top: 0;
	}

	.company_article .f1 .f1Box .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top: 5vw;
		margin-bottom: 0;
		border-bottom: 1px solid #e2e2e2;
		border-right: transparent;
	}

	.company_article .f1 .f1Box .item .img {
		height: 50vw;
	}

	.company_article .f1 .f1Box .item .text {
		height: auto;
		margin-top: 3vw;
	}

	.company_article .f1 .f1Box .item .text .name {
		font-size: 14px;
	}

	.company_article .f1 .f1Box .item .text .des {
		font-size: 14px;
	}

	.company_article .f1 .f1Box .item .more {
		display: none;
	}

	.company_style .f1 {
		padding: 5vw;
	}

	.company_style .f1 .titBox {
		padding: 0;
		font-size: 18px;
	}

	.company_style .f1 .f1Box {
		padding: 5vw 0;
	}

	.company_style .f1 .f1Box .item {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5vw;
	}

	.company_style .f1 .f1Box .item .img {
		height: 50vw;
	}

	#page {
		padding-top: 20px !important;
	}

	#pictureViewer>.content {
		width: 100% !important;
		height: auto !important;
	}

	#pictureViewer .picture-content {
		position: relative !important;
		left: inherit !important;
	}

	#pictureViewer .picture-content .cover {
		height: auto !important;
		max-height: 60vh !important;
	}

	#pictureViewer .handel-prev,
	#pictureViewer .handel-next {
		z-index: 9 !important;
	}

	#pictureViewer .counter {
		position: relative !important;
		bottom: inherit !important;
		margin-top: 20px;
	}

	#pictureViewer .handel-prev {
		top: 72vh !important;
		position: absolute !important;
		left: 1vw !important;
	}

	#pictureViewer .handel-next {
		top: 72vh !important;
		position: absolute !important;
		right: 1vw !important;
	}

	.company_video .f1 {
		padding: 10vw 5vw;
	}

	.company_video .f1 .titBox {
		font-size: 18px;
	}

	.company_video .f1 .f1Box {
		margin-top: 0;
	}

	.company_video .f1 .f1Box .item {
		width: 100%;
		margin-right: 0;
		margin-top: 5vw;
	}

	.company_video .f1 .f1Box .item .img {
		height: 50vw;
	}

	.company_video .f1 .f1Box .item .img .icon {
		width: 20vw;
		margin: 15vw 35vw;
	}

	.videoBox {
		width: 95%;
	}

	.work .f1 {
		padding: 10vw 5vw;
	}

	.work .f1 .titBox {
		font-size: 18px;
	}

	.work .f1 .f1Box .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top: 5vw;
		padding: 5vw;
	}

	.work .f1 .f1Box .item .num {
		font-size: 48px;
	}

	.work .f1 .f1Box .item .time {
		font-size: 14px;
	}

	.work .f1 .f1Box .item .name {
		height: auto;
		font-size: 16px;
		margin: 2vw 0;
	}

	.enterprise .f1 {
		padding: 10vw 5vw;
	}

	.enterprise .f1 .titBox {
		font-size: 18px;
	}

	.enterprise .f1 .f1Box .item {
		width: 100%;
		height: auto;
		margin-right: 0;
		margin-top: 5vw;
		padding: 5vw;
	}

	.enterprise .f1 .f1Box .item .time {
		font-size: 14px;
	}

	.enterprise .f1 .f1Box .item .name {
		height: auto;
		font-size: 16px;
		margin: 2vw 0;
	}

	.enterprise .f1 .f1Box .item .des {
		display: none;
	}

	.units .f1 {
		padding: 10vw 5vw;
	}

	.units .f1 .titBox {
		font-size: 18px;
	}

	.units .f1 .f1Box {
		margin-top: 0;
	}

	.units .f1 .f1Box .f1Item {
		width: 100%;
		height: auto;
		direction: inherit;
	}

	.units .f1 .f1Box .f1Item .item {
		margin-top: 5vw;
		margin-bottom: 0;
	}

	.units .f1 .f1Box .f1Item .item .textBox {
		width: 100%;
		height: auto;
		padding-right: 0;
	}

	.units .f1 .f1Box .f1Item .item .textBox .name {
		font-size: 16px;
		opacity: 1;
	}

	.units .f1 .f1Box .f1Item .item .textBox .img {
		width: 100%;
		height: 50vw;
		background-size: cover !important;
	}

	.units .f1 .f1Box .f1Item .item .textBox .des {
		opacity: 1;
		font-size: 14px;
		-webkit-line-clamp: 2;
		margin: 3vw 0;
	}

	.units .f1 .f1Box .f1Item .item .textBox .more {
		margin-top: 3vw;
	}

	.personnel .f1 {
		padding: 10vw 5vw 0 5vw;
	}

	.personnel .f1 .titBox {
		font-size: 18px;
	}

	.personnel .f1 .f1T {
		font-size: 18px;
		margin: 3vw 0 0 0;
	}

	.personnel .f1 .f1T::before {
		content: inherit;
	}

	.personnel .f1 .f1Box .item {
		width: 100%;
		margin-right: 0;
		margin-top: 5vw;
	}

	.personnel .f1 .f1Box .item .img {
		height: 50vw;
	}

	.personnel .f1 .f1Box .item .text .name {
		font-size: 16px;
		margin: 2vw 0;
	}

	.personnel .f1 .f1Box .item .text .des {
		font-size: 14px;
	}

	.personnel .f2 {
		padding: 0 5vw;
	}

	.personnel .f2 .item {
		width: 100%;
		margin-right: 0;
		margin-top: 5vw;
	}

	.personnel .f2Pi {
		display: none;
	}

	.personnel .f2 .item .img {
		height: 50vw;
	}

	.personnel .f2 .item .text .name {
		font-size: 16px;
		margin: 2vw 0;
	}

	.personnel .f2 .item .text .des {
		font-size: 14px;
	}

	.personnel .f3 {
		padding: 10vw 5vw;
	}

	.personnel .f3 .f3T {
		font-size: 18px;
		margin-right: 0;
		text-align: center;
	}

	.personnel .f3 .f3T::before {
		content: inherit;
	}

	.personnel .f3 .f3Box {
		display: block;
		margin-top: 0;
	}

	.personnel .f3 .f3Box .item {
		width: 100%;
		margin-top: 5vw;
	}

	.personnel .f3 .f3Box .item .des {
		opacity: 1;
		font-size: 14px;
	}

	.personnel .f3 .f3Box .item .icon {
		width: 20vw;
		height: 20vw;
	}

	.personnel .f3 .f3Box .item .icon img {
		width: 8.5vw;
		margin: 5.2vw auto;
	}

	.personnel .f3 .f3Box .item .tit {
		font-size: 16px;
		margin: 2vw 0;
	}

	.recruitment .f1 {
		padding: 10vw 5vw;
	}

	.recruitment .f1 .titBox {
		font-size: 18px;
	}

	.recruitment .f1 .f1Box {
		margin-top: 0;
	}

	.recruitment .f1 .f1Box .item {
		width: 100%;
		height: auto;
		margin-top: 5vw;
		margin-right: 0;
		padding: 5vw;
	}

	.recruitment .f1 .f1Box .item .tit {
		font-size: 16px;
	}

	.recruitment .f1 .f1Box .item .des {
		font-size: 14px;
		margin: 2vw 0;
	}

	.recruitment .f1 .f1Box .item .des2 {
		font-size: 14px;
	}

	.recruitment .f1 .f1Box .item .tj {
		width: auto;
		height: auto;
		font-size: 14px;
		line-height: inherit;
		padding: 5px 0;
	}

	.sp_header {

		height: 50px;

		overflow: hidden;

		background: #fff;

		position: fixed;

		z-index: 999;

		width: 100%;

		top: 0
	}

	.sp_logo {
		padding: 13px;
		float: left;
	}

	.sp_logo img {

		margin: auto;

		width: 150px;

		transition: .35s all ease-in-out;
	}

	.sp_nav {
		width: 50px;
		height: 50px;
		float: right;
		position: relative;
		cursor: pointer;
		margin: 0 2vw;
	}

	.sp_nav span {

		display: block;

		background: #0a6aa1;

		width: 30px;

		height: 2px;

		position: absolute;

		left: 10px;

		transition: all ease .35s
	}

	.sp_nav span:nth-of-type(1) {

		top: 15px;

	}

	.sp_nav span:nth-of-type(2) {

		top: 25px
	}

	.sp_nav span:nth-of-type(3) {

		top: 35px
	}

	.sp_nav_se span:nth-of-type(1) {

		top: 25px;

		transform: rotate(45deg)
	}

	.sp_nav_se span:nth-of-type(2) {

		width: 0
	}

	.sp_nav_se span:nth-of-type(3) {

		top: 25px;

		transform: rotate(-45deg)
	}

	.nav_sp_logo {
		width: 40px !important;
		position: fixed;
		z-index: 999;
	}

	.sp_flex {
		display: flex;
	}

	.sp_black {
		width: 50px;
		height: 100%;
		position: fixed;
		background: black;
		right: -100%;
		top: 0;
		transition: top ease .35s
	}

	.sjj_nav {
		position: fixed;
		z-index: 999;
		background: white;
		width: 85%;
		height: 100%;
		font-size: 14px;
		line-height: 40px;
		top: 0;
		right: -100%;
		padding-top: 15vw;
		overflow: auto;
		overflow-x: hidden;
		transition: right ease .35s
	}

	.sp_flex .mengBan {
		width: 15%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		position: fixed;
		z-index: 999;
		top: 0;
		right: -100%;
		transition: right ease .35s
	}

	.nav_show2 {

		right: 85% !important;

	}

	.nav_show {

		right: 0;

	}

	.sp_bottom {
		width: 100%;
		margin: 8vw auto;
		display: inline-block;
		text-align: center;
	}

	.sp_bottom .sp_serach {
		width: 31vw;
		height: 12vw;
		background-color: #ffffff;
		border-radius: 30px;
		border: 1px solid #777777;
		display: inline-block;
		text-align: center;
		font-size: 14px;
		margin-right: 5vw;
	}

	.sp_bottom .sp_serach i {
		color: black;
		font-size: 16px;
		margin-right: 2vw;
	}

	.sp_bottom .sp_lag {
		width: 31vw;
		height: 12vw;
		display: inline-block;
		background-color: #ffffff;
		border-radius: 30px;
		border: 1px solid #777777;
		text-align: center;
	}

	.sp_bottom .sp_lag i {
		color: black;
		font-size: 16px;
		margin-right: 2vw;
	}

	.sjj_nav>ul>li:first-child {

		overflow: hidden;

		border-top: 0
	}

	.sjj_nav>ul>li:first-child>a {

		/*float: left;*/

		/*width: calc(100% - 70px)*/

	}

	.sjj_nav>ul>li:first-child .language {

		float: right;

		width: 70px;

		overflow: hidden;

		line-height: 30px;

		margin-top: 5px
	}

	.sjj_nav>ul>li:first-child .language a {

		width: 35px;

		float: left;

		border-left: 1px #ddd solid;

		text-align: center;

		color: #999
	}

	.sjj_nav ul li i {
		position: absolute;
		top: 5px;
		right: 0;
		width: 40%;
		height: 50px;
		text-align: right;
		padding: 0 7px
	}

	.sjj_nav ul li i svg {

		transform: rotate(-90deg);

		transition: all ease .35s
	}

	.sjj_nav ul li .sjj_nav_i_se svg {

		transform: rotate(0)
	}

	.sjj_nav ul li {

		border-top: 1px #ddd solid;

		position: relative;

		line-height: 55px;

		font-size: 14px
	}

	.sjj_nav ul li.active {
		background: #f3f3f3;
	}

	.sjj_nav>ul>li:last-child {

		border-bottom: 1px #ddd solid
	}

	.sjj_nav ul li ul {
		background: #f3f3f3;
		display: none;
		border-top: 1px #ddd solid;
		padding: 10px 0;
	}

	.sjj_nav ul li a {

		color: rgba(0, 0, 0, .8);

		width: 50%;

		display: block;

		font-size: 16px;

		font-weight: 700;

		padding-left: 25px;

	}

	.sjj_nav ul li ul li {
		border: transparent;
		line-height: 30px;
	}

	.sjj_nav ul li ul li a {
		width: auto;
		color: rgba(0, 0, 0, .5);
		outline: none;
		display: inline-block;
		text-align: left;
		font-size: 14px;
		padding-left: 0;
		margin-left: 45px;
	}

	.sjj_nav ul li i svg {

		width: 25px;

		height: 25px;

		fill: #063c7e;

	}

	.sjj_nav ul li .sjj_nav_i_se svg {

		fill: #53b170;

	}

	.sjj_nav ul li ul li>ul {

		margin-left: 10px
	}

	.sjj_nav .iconBox {
		width: 100%;
		display: inline-block;
		text-align: center;
		margin-top: 15vw;
	}

	.sjj_nav .iconBox .icon {
		width: 50px;
		margin: 0 3vw;
		display: inline-block;
	}

	.sp_flex .sjj_nav .close {
		width: 25px;
		position: absolute;
		right: 5vw;
		top: 5vw;
	}

	.sp_flex .sjj_nav .bgImg {
		position: absolute;
		width: 70vw;
		top: 60vw;
		z-index: -1;
		right: 0;
	}

	header {
		padding: 0;
		left: 0;
	}

	.index {
		margin-top: 50px;
	}

	.about .f5 .f5Img {
		width: 30vw;
		right: 5vw;
		margin-top: -37vw;
	}

	.dang .f2 .f2BoxLi {
		margin-top: 8vw;
	}

	.contact .f1 {
		padding: 10vw 5vw;
	}

	.contact .f1 .titBox {
		font-size: 18px;
	}

	.contact .f1 .f1Box {
		display: block;
	}

	.contact .f1 .f1Box .map {
		width: 100%;
		height: 50vw;
	}

	.contact .f1 .f1Box .textBox {
		width: 100%;
		height: auto;
		padding: 5vw;
	}

	.contact .f1 .f1Box .textBox .item .icon {
		font-size: 20px;
	}

	.contact .f1 .f1Box .textBox .item .text {
		width: 72vw;
		font-size: 14px;
		padding-left: 3vw;
	}

	.contact .f1 .f1Box .textBox .item .qrcode {
		font-size: 14px;
		margin-top: 3vw;
	}

	.contact .f1 .f1Box .textBox .item .qrcode img {
		width: 30vw;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-button-prev {
		display: none;
	}

	.company_culture .f1 .f1Box .f1Swiper .swiper-button-next {
		display: none;
	}

	.book .btn {
		top: 65%;
		width: 30px;
		height: 30px;
		font-size: 14px;
		line-height: 30px;
	}

	footer .footerInfo .linkItem {
		margin-top: -67vw;
		margin-left: -19.5vw;
		padding: 3vw;
	}

	.about .f6 .f6Box .f6Swiper .swiper-slide .yearBox::before {
		content: inherit;
	}

	.about .f7 {
		padding: 0 5vw 5vw 5vw;
	}

	.about .f7 .timer-year ul li {
		width: 110px;
	}

	.about .f4 .f4Tab .tab {
		border-radius: 1vw;
		padding: 2px 6px;
		font-size: 14px;
		margin-bottom: 1vw;
	}

	.bshare-box {
		position: relative;
		margin-left: inherit;
		left: inherit;
	}

	.share-tips {
		font-size: 12px;
	}

	.share-tips i {
		font-size: 14px;
	}

	.bshare-custom.icon-medium .bshare-sina,
	.bshare-custom.icon-medium .bshare-zone,
	.bshare-custom.icon-medium .bshare-wechat,
	.bshare-custom.icon-medium .bshare-qq {
		width: 30px;
		height: 30px !important;
		line-height: 30px;
		font-size: 14px;
	}

	.shareBox {
		margin: 5vw 0;
	}

	.newsDetail .f1 .left .des video {
		width: 100%;
		height: 50vw;
	}
}