@charset "UTF-8";


[v-cloak] {
	display: none !important;
}

.el-header,
.el-main,
.el-footer,
body {
	padding: 0;
	margin: 0;
}

html,
body,
#app,
.wrapper {
	height: 100%;
}

.el-menu-div {
	border-bottom: none !important;
}

.logo-left-col {
	text-align: right;
}



.el-menu--horizontal>.el-menu-item {
	float: left;
	height: 3.333vw;
	line-height: 3.333vw;
	margin: 0;
	border-bottom: 0.10416vw solid transparent;
	border-bottom-color: transparent;
	color: #222222;
	font-size: 0.83vw;
	padding: 0 1.6145vw;
}





/* image */
.img-00 {
	width: 5.3125vw;
	height: 2.03125vw;
	margin-top: 1.09375vw;
	cursor: pointer;
}

.img-01 {
	width: 6.145vw;
	height: 1.5625vw;
	margin-top: 0.8854vw;
	cursor: pointer;
}


.img-02 {
	width: 100%;
	height: 100%;
}

.img-a1 {
	height: 33.59375vw;
	width: 32.34375vw;
}

.img-a2 {
	height: 1.041vw;
	width: 1.041vw;
	float: left;
	margin: 1.041vw 1.041vw auto auto;
}

.img-a3 {
	width: 12.76vw;
	height: 3.33333vw;
}

.img-a4 {
	width: 8.6979vw;
	height: 2.0833vw;
}

.img-c1 {
	height: 1.041vw;
	width: 1.041vw;
	float: left;
	margin: 0.52vw 1.041vw auto auto;
}

.img-c2 {
	height: 21.77vw;
	width: 41.5625vw;
}


.img-c3 {
    height: 1.4vw;
    width: 6vw;
    position: absolute;
    z-index: 10;
    top: 20vw;
    left: 33.3vw;
    cursor: pointer;
}


.img-d1 {
	height: 8.802vw;
	width: 1.5625vw;
}

.img-d2 {
	height: 9.322vw;
	width: 14.583vw;
}

.img-d3 {
	width: 28.177vw;
	height: 3.333vw;
}

.img-e0 {
	width: 15.625vw;
	height: 3.125vw;
}

.img-e1 {
	margin-top: 2.0833vw;
	height: 3.3333vw;
	width: 3.3333vw;
}

.img-f0 {
	width: 10vw;
	height: 2.604vw;
}

.img-f1 {

	width: 0.8333vw;
	height: 0.8333vw;
	float: left;
	margin-right: 0.2083vw;
}

.img-f2 {
	width: 7.8125vw;
	height: 7.8125vw;
}


/* button  */
.btn-a1 {
	border: solid 0.052vw #000000 !important;
	color: #000000;
	padding: 0 0;
	width: 12.76vw;
	height: 3.333vw;
	border-radius: 0;
	line-height: 0;
	margin-left: 2.082vw;
	letter-spacing: 0.2vw;
	font-size: 1.3vw;
}

.btn-a1:hover {
	border-color: #222222 !important;
	color: #FFF !important;
	background-color: #3a3a3a !important;
}

.btn-b1 {
	background-color: #EEF2F5 !important;
}

.btn-c0 {
	margin: auto 1.875vw auto 2.082vw;
}

.btn-c1 {
	border-color: #000 !important;
	background-color: #fff !important;
	border: 0.052vw solid #000;
	color: #000;
	padding: 0.93vw !important;
}

.btn-c1:hover {
	background: #222222 !important;
	border: 0.052vw solid #222222;
	color: #FFF;
	padding: 0.93vw !important;
}

.btn-c1:focus {
	color: #000 !important;
}

.btn-c2 {
	width: 8.6979vw;
	height: 2.0833vw;
	color: #FFF !important;
	background-color: #FFF0 !important;
	padding: 0 0;
	border-radius: 0;
	line-height: 0;
	font-size: 0.9vw;
	letter-spacing: 0.3vw;
}

.btn-c2:hover {
	border: none !important;
	color: #FFF !important;
	background-color: #3a3a3a !important;
}

.btn-d1 {
	width: 28.177vw;
	height: 3.333vw;
	color: #000000 !important;
	background-color: #FFF0 !important;
	padding: 0 0;
	border-radius: 0;
	line-height: 0;
	border: solid 0.052vw #000000 !important;
	letter-spacing: 0.2vw;
	font-size: 1.3vw;
}

.btn-d1:hover {
	color: #FFF !important;
	background-color: #3a3a3a !important;
	border: none !important;
}

.btn-e0 {
	width: 15.625vw;
	height: 3.125vw;
	color: #FFF !important;
	border: solid 0.052vw #FFF !important;
	border-radius: 0;
	line-height: 0;
	padding: 0;
	background: #FFF0 !important;
	margin-left: 42.1875vw;
	letter-spacing: 0.2vw;
	font-size: 1.3vw;

}

.btn-e0:hover {
	color: #FFF !important;
	border: none !important;
	background: #222222 !important;
}

/* span */

.span-a1 {
	font-size: 1.7vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
	letter-spacing: 0.208vw;
	opacity: 1;

}

.span-a2 {
	font-size: 0.9375vw;
	letter-spacing: 0.09375vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
	opacity: 1;
}


.span-a3 {
	font-size: 2.4vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: rgba(34, 34, 34, 1);
	letter-spacing: 0.3125vw;
	opacity: 1;
}

.span-a5 {
	margin-left: 2.082vw;
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
	letter-spacing: 0.125vw;
	opacity: 1;
}


.span-a6 {
	margin-left: 2.082vw;
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
	letter-spacing: 0.125vw;
	line-height: 1.8354vw;
	opacity: 1;
}


.span-a7 {
	font-size: 1.1vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 2.1354vw;
	color: rgba(229, 229, 229, 1);
	opacity: 1;
}

.span-c1 {
	font-size: 1.56vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: rgba(34, 34, 34, 1);
	opacity: 1;
}

.span-c2 {
	margin-top: 0.625vw;
	font-size: 1vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: rgba(34, 34, 34, 1);
	opacity: 1;
	margin-left: 2.082vw;
}

.span-c3 {
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: rgba(255, 255, 255, 1);
	opacity: 1;
}

.span-c4 {
	margin-left: 0.833vw;
	font-size: 0.6vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	line-height: 1.25vw;
	color: rgba(255, 255, 255, 1);
	opacity: 1;
}

.span-c5 {
	margin-top: -0.25vw;
	height: 6.77vw;
	font-size: 0.6vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	line-height: 1.25vw;
	color: rgba(255, 255, 255, 1);
	opacity: 1;
}

.span-c6 {
	font-size: 1vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: rgba(34, 34, 34, 1);
	opacity: 1;
}

.span-c7 {
	margin-top: 0.364vw;
	font-size: 1vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
	opacity: 1;
}

.span-d1 {
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
	opacity: 1;
	letter-spacing: 0.3125vw;
}

.span-d2 {
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	line-height: 2.15vw;
	color: rgba(34, 34, 34, 1);
	letter-spacing: 0.15625vw;
	opacity: 1;
}

.span-d21 {
	/* margin-top: 1.041vw; */
}

.span-d3 {
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: rgba(34, 34, 34, 1);
	letter-spacing: 0.125vw;
	line-height: 1.6954vw;
	opacity: 1;
}

.span-d4 {
	font-size: 0.8vw;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: rgba(174, 175, 179, 1);
	letter-spacing: 0.104vw;
	opacity: 1;
}

.span-e0 {
	color: rgba(255, 255, 255, 1) !important;
}

.span-e1 {
	border-top: solid 0.3125vw #FFF !important;
}

.span-e2 {
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	line-height: 2.15vw;
	color: #FFF;
	letter-spacing: 0.15625vw;
	opacity: 1;
}

.span-e4 {
	font-size: 1.2vw;
	font-family: Source Han Sans CN;
	font-weight: bold;
	color: rgba(255, 255, 255, 1);
	/* letter-spacing: 0.67vw; */
	opacity: 1;
}

.span-f0 {
	margin-top: -0.4vw;
	font-size: 0.8vw;
	color: #FFF;
}

/* row */

.row-00 {
	margin-top: 0.052vw;
}

.row-a0 {
	height: 47.1354vw;
	margin-top: 2.29vw;
	background-color: #FFF;
}

.row-a1 {
	text-align: center;
	height: 2.083vw;
}

.row-a2 {
	text-align: center;
	margin-top: 1.0416vw;
}

.row-a3 {
	margin-top: 3.28125vw;
}

.row-a4 {
	margin-top: 1.51vw;
}

.row-a41 {
	width: 7.8125vw;
	border-top: solid 0.3125vw #000;
	margin-top: 1.5625vw;
	margin-left: 2.082vw;
}

.row-a5 {
	margin-top: 2.291vw;

}

.row-a6 {
	margin-top: 1.1979vw;
	height: 10.15625vw;
	overflow: hidden;
}

.row-a7 {
	margin-top: 4.01vw;
}

.row-b0 {
	background-color: #EEF2F5;
	height: 43.4895vw;
}


.row-c0 {
	height: 42.70833vw;
	background-color: #FFF;
}

.row-c1 {
	margin-top: 3.6458vw;
}

.row-c2 {
	text-align: center;
}

.row-c3 {
	margin: 4.7395vw auto auto auto;
}

.row-c4 {
	margin-top: 1.5104vw;
}

.row-c5 {
	padding-top: 3.48958vw;
}

.row-c6 {
	padding-top: 2.604vw;
}

.row-c7 {
	margin-top: 1.0416vw;
}



.row-d0 {
	height: 43.229vw;
	background: url(/img/home/jq1@2x.png);
	background-size: 100% 13.854vw;
	-moz-background-size: 100% 13.854vw;
	background-repeat: no-repeat;
}

.row-e0 {
	height: 48.75vw;
	background: url(/img/home/z158@2x.png);
	background-size: 100% 48.75vw;
	-moz-background-size: 100% 48.75vw;
	background-repeat: no-repeat;
}

.row-e1 {
	text-align: center;
	margin: 4.166vw auto 3.8541vw auto;
}

.row-e2 {
	text-align: center;
}

.row-e3 {
	text-align: center;
}

.row-e4 {
	height: 20.8333vw;
	margin-top: 2.5vw;
}

.row-e5 {
	/* text-align: center; */
	margin-top: 1.77vw;
}

.row-e6 {
	margin-top: 1.1458vw;
}

.row-e7 {
	margin-top: 1.61458vw;
}

.row-f1 {
	margin-top: 3.5vw;
}

.row-f2 {
	margin-top: 0.833vw;
}

.row-f3 {
	margin-top: 0.3645vw;
}


/* col */
.col-a21 {
	float: left;
	width: 33.333vw;
}

.col-a2 {
	float: right;
	width: 32.34375vw;
	text-align: right;
}

.col-a31 {
	margin-top: 2.4479vw;
	text-align: left;
}

.col-a4 {
	text-align: center;
	height: 3.33333vw;
	line-height: 3.33333vw;
}

.col-b2 {
	float: left;
	margin: 4.6875vw 5.78125vw 5.20vw auto;
}

.col-b3 {
	width: 33.333vw;
	float: left;
	margin-top: 4.6875vw;
}


.col-c0 {
	height: 21.77vw;
	width: 41.5625vw;
	background: rgba(90, 98, 106, 1);
	float: left;
}

.col-c1 {
	margin-left: 2.60416vw;
	background: rgba(90, 98, 106, 1);
	float: left;
	height: 21.77vw;
	width: 9.375vw;
}

.col-c2 {
	width: 7.9166vw;
	height: 10.41666vw;
	float: left;
	text-align: right;
}

.col-d0 {}

.col-d1 {
	margin-top: 1.3vw;
	float: left;
	width: 32.34375vw;
	height: 38.802vw;
	background: url(/img/home/z179@2x.png);
	background-size: 32.34375vw 38.802vw;
	-moz-background-size: 32.34375vw 38.802vw;
	background-repeat: no-repeat;
}


/* div */

.div-00 {
	float: left;
	margin-right: 1.6145vw;
}


.div-01 {
	float: right;
}

.div-d0 {
	margin-top: 4.479vw;
	text-align: center;
}

.div-d1 {
	margin-top: 0.729vw;
	text-align: center;
}

.div-d2 {
	margin: 22.5vw auto 1.5625vw auto;
	text-align: center;
}


.div-d3 {
	/* text-align: center; */
	margin-top: 9.21875vw;
	margin-left: 4.53125vw;
}

.div-d4 {
	margin-left: 4.53125vw;
	height: 6.5625vw;
	margin-top: 2.916vw;
	overflow: hidden;
}

.div-d5 {}

.div-d6 {
	margin: auto 0.3645vw auto 2.604vw;
	cursor: pointer;
	float: left;
}

.div-d7 {
	float: left;
	width: 33.02vw;
}

.div-d8 {
	cursor: pointer;
	float: left;
}

.div-d9 {
	float: left;
	height: 9.322vw;
	width: 14.583vw;
	cursor: pointer;
}

.div-d10 {
	float: left;
	height: 10.885vw;
	width: 18.3vw;
	background: url(/img/home/yhz@2x.png);
	background-size: 4.1666vw 4.6875vw;
	-moz-background-size: 4.1666vw 4.6875vw;
	background-repeat: no-repeat;
}

.div-d11 {
	text-align: center;
	padding-top: 3.854vw;
	padding-bottom: 1.302vw;
	height: 1.041vw;
}

.div-d12 {
	height: 4.1666vw;
	width: 18.4375vw;
	background: url(/img/home/yhy@2x.png);
	background-size: 4.1666vw 4.6875vw;
	-moz-background-size: 4.1666vw 4.6875vw;
	background-position: right top;
	background-repeat: no-repeat;

}

.div-e0 {
	float: left;
	text-align: center;
	width: 15.625vw;
	height: 20.8333vw;
	margin-right: 8.125vw;
	background: rgba(18, 17, 17, 0.6);
}

.div-e0:hover {
	background: #46464659;
	box-shadow: 0 0.1041vw 0.2083vw rgba(255, 255, 255, .92), 0 0 0.3125vw rgba(255, 255, 255, .94);
}




.div-f0 {
	margin-top: 4.1666vw;
	float: left;
}

.div-f1 {
	float: left;
	height: 5.2083vw;
	border: solid 0.052vw #FFF;
	margin: 3.02vw 3.4375vw auto 2.08333vw;
}

.div-f2 {
	height: 9.27vw;
	float: left;
}

.div-f3 {
	height: 0.8333vw;
	float: left;
}

.div-f5 {
	margin-top: 1.5625vw;
	float: right;
}

.div-f6 {
	margin: 1.5625vw 3.125vw auto auto;
	float: right;
}

.div-f7 {
	color: #FFF;
	float: left;
	margin-top: -0.5vw;
}

.div-c0 {
	height: 21.77vw;
	width: 29.583vw;
}

.div-c1 {
	width: 9.375vw;
	height: 21.77vw;
}


.docCarousel>.el-carousel__container>.el-carousel__arrow {
	display: none;
}

.liveCarousel>.el-carousel__container>.el-carousel__arrow {
	display: none;
}

.footer-div-f1 {
	background: rgba(59, 59, 59, 1);
}

.link-f0 {
	margin-right: 1.0416vw;
	margin-top: -0.4vw;
	float: left;
	color: #FFF !important;
}

.p-e0 {
	padding: 0 2.08333vw;
	font-size: 1vw;
	font-family: Source Han Sans CN;
	font-weight: 400;
	letter-spacing: 0.125vw;
	/* line-height: 2.1354vw; */
	opacity: 1;
	color: #FFF;
	text-align: left;
}

.docPopper {
	width: 15%;
}



/* -- */

.col-main-div {
	float: left;
	width: 71.458vw;
	margin-left: 14.27vw;
}

.back-top-div {
	height: 3.125vw;
	width: 3.125vw;
	background: url(/img/home/backTop.png);
	background-size: 3.125vw 3.125vw;
	-moz-background-size: 3.125vw 3.125vw;
	background-repeat: no-repeat;
	background-color: #00a2ff00;
	/* #eef2f5; */
}

.back-top-div:hover {
	background: url(/img/home/backTop2.png);
	background-size: 3.125vw 3.125vw;
	-moz-background-size: 3.125vw 3.125vw;
	background-repeat: no-repeat;
	background-color: #00a2ff00;
}

.el-backtop {
	width: 3.125vw !important;
	height: 3.125vw !important;
	background-color: #00a2ff00 !important;
	-webkit-box-shadow: 0 0 0 #00a2ff00 !important;
	box-shadow: 0 0 0 #00a2ff00 !important;
}