@charset "utf-8";

body {
	overflow-x: hidden;
}

/*banner*/
.banner-k {
	position: relative;
	overflow: hidden;
}

.banner,
.banner div.slick-list,
.banner .slick-slide a,
.banner .slick-slide a img,
.banner .slick-slide img {
	width: 100%;
	height: auto;
}

.banner {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.banner .slick-slide {
	overflow: hidden;
}

.banner .slick-slide a {
	display: block;
	position: relative;
}

.banner .slick-slide a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1.91rem;
	opacity: 1;
	background: url(../images/headbg.png) no-repeat center top/100% 100%;
	z-index: 2;
}

.banner .slick-slide a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1.51rem;
	opacity: 1;
	background: linear-gradient(0, #2E2E2E 0%, rgba(53, 53, 53, 0) 94%);
}

.banner .slick-slide img {
	display: block;
	width: 100%;
	transform: scale(1.1);
	transition: all 5s ease-out;
}

.banner .img_scale img {
	transform: scale(1);
}

.banner .slick-dots {

	margin: 0 auto;
	bottom: 0.35rem;

	font-size: 0;
	z-index: 9;
}

.banner .slick-dots li {
	width: auto;
	height: auto;
	margin: 0 0.15rem;
	vertical-align: middle;
}

.banner .slick-dots li button {
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 50%;
	background: #FFFFFF;
	font-size: 0;
}

.banner .slick-dots li.slick-active {
	width: 0.48rem;
	height: 0.48rem;
	text-align: center;
	border: 0.01rem dashed #FFFFFF;
	border-radius: 50%;
}

.banner .slick-dots li.slick-active button {
	width: 100%;
	line-height: 0.48rem;
	font-family: Arial;
	font-size: 0.14rem;
	color: #FFFFFF;
	background: none;
	border-radius: 0;
	height: 100%;
	padding: 0;
}

/*首页样式*/

.title {
	position: relative;
	z-index: 1;
	margin-bottom: 0.3rem;

}

.title h2 span {
	padding: 0 .15rem;
	font-size: .38rem;
	color: #1A1A1A;
	font-family: 'sySong';
}

.title h2 span:nth-child(2) {
	color: #1853B9;
}

.title {

	text-align: center;
}

.title h2 {
	position: relative;
	display: inline-block;
	padding-bottom: .3rem;
}

.title h2:before {
	content: "";
	position: absolute;
	left: 50%;
	top: .3rem;
	transform: translateX(-50%) rotate(45deg);
	width: .07rem;
	height: .07rem;
	background: #2AA4FA;
}

.title h2:after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 1.99rem;
	height: .4rem;
	bottom: 0;
	background: url(../images/titbg.png) no-repeat center bottom/100% 100%;
}

.more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 1;
}

.more a {
	padding-right: .25rem;
	display: block;
	font-size: 0.16rem;
	line-height: 0.3rem;
	color: #A2A2A2;
	background: url(../images/more1.png) no-repeat right bottom;
	background-size: .63rem auto;
	overflow: hidden;
	transition: all 0.5s;
}




/*主体*/
.bk1 {
	background: url(../images/sect1-bg.png) no-repeat center bottom/cover;
}

.section1 {
	padding: .13rem 0;
	background: #FFFFFF;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.s1-c ul {
	margin: 0 -.2rem;
}

.s1-c ul li {
	position: relative;
	width: 20%;
}

.s1-c ul li:after {
	content: "";
	position: absolute;
	left: -.2rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: .41rem;
	background: #C9E4F7;
}

.s1-c ul li:first-child:after {
	display: none;
}

.s1-c ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0.35rem 0.2rem .3rem;
	transition: all 0.5s;
	position: relative;
}

.s1-c ul li a .ban-icon {
	position: relative;
	display: flex;
	justify-content: center;
	width: .88rem;
	height: .88rem;
	align-items: center;
	border-radius: 50%;
	background: #E5F4FF;
}

.s1-c ul li a .ban-icon img {
	max-height: .6rem;
}

.s1-c ul li a .ban-icon::after {
	content: "";
	position: absolute;
	left: -.2rem;
	top: -.2rem;
	bottom: -.2rem;
	right: -.2rem;
	background: url(../images/gqfsbg.png) no-repeat center center/100% 100%;
	opacity: 0;
	z-index: -1;
	transition: all .6s;
}



.s1-c ul li a .ban-icon img {
	position: relative;
	z-index: 6;
}

.s1-c ul li a .ban-icon .ban_ich {
	display: none;
}



.s1-c ul li a .txt {
	flex: 1;
	min-width: 0;
	padding-left: .24rem;
}

.s1-c ul li a .txt h3 {
	font-size: .26rem;
	color: #262525;
}

.s1-c ul li a .txt p {
	font-size: .18rem;
	font-weight: 290;
	color: #999999;
}

@media screen and (min-width: 1024px) {
	.s1-c ul li:hover a .ban-icon::after {
		opacity: 1;
		z-index: 1;
	}

	.s1-c ul li:hover a .ban-icon .ban_ic {
		display: none;
	}

	.s1-c ul li:hover a .ban-icon .ban_ich {
		display: block;
	}

	.s1-c ul li:hover a .txt h3 {
		font-weight: bold;
		color: #1853B9;
	}

	.more a:hover {
		color: #1853B9;
	}
}

@media screen and (max-width: 1024px) {
	.banner .slick-slide a::before {
		display: none;
	}

	.s1-c ul {
		justify-content: flex-start;
	}

	.s1-c ul li {
		width: 33.33%;
	}

	.s1-c ul li::after {
		display: none;
	}

	.s1-c ul li a .ban-icon {
		width: .75rem;
		height: .75rem;
	}

	.s1-c ul li a .ban-icon img {
		max-height: .4rem;
	}

	.s1-c ul li a {
		padding-left: .1rem;
		padding-right: .1rem;
	}

	.s1-c ul li a .txt {
		padding-left: .15rem;
	}
}

@media screen and (max-width: 768px) {
	.banner .slick-dots {
		bottom: .2rem;
	}

	.banner .slick-dots li {
		margin: 0 .15rem;
	}

	.banner .slick-dots li.slick-active {
		width: .3rem;
		height: .3rem;
	}

	.banner .slick-dots li.slick-active button {
		line-height: .3rem;
		font-size: .14rem;
	}

	.s1-c ul li {
		width: 50%;
	}

	.s1-c ul li a {
		padding-top: .15rem;
		padding-bottom: .15rem;
	}

	.s1-c ul li a .ban-icon {
		width: .5rem;
		height: .5rem;
	}

	.s1-c ul li a .ban-icon img {
		max-height: .2rem;
	}

	.s1-c ul li a .txt h3 {
		font-size: .2rem;
	}

	.s1-c ul li a .txt p {
		font-size: .14rem;
	}
}

@media screen and (max-width: 375px) {}

.section2 {
	padding: 0.3rem 0 .85rem;
}

.s2-c {
	display: flex;
	flex-wrap: wrap;
}

.s2-c .s2-l {
	position: relative;
	width: 7.8rem;
	padding-left: .2rem;
	padding-top: .2rem;
}

.s2-c .s2-l::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1.8rem;
	height: 1.8rem;
	background: url(../images/s2l-bg.png) no-repeat center center/100% 100%;
}

.s2-c .s2-l .news {
	position: relative;
	z-index: 6;
}

.s2-c .s2-l .news a {
	position: relative;
	display: block;
}

.s2-c .s2-l .news a>p {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: .19rem .29rem;
	padding-right: 1rem;
	z-index: 9;
	font-size: .22rem;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.s2-c .s2-l .news a .pic {
	padding-top: 66%;
}

.s2-c .s2-l .news a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: linear-gradient(180deg, rgba(27, 54, 100, 0) 76%, rgba(2, 23, 59, 0.7) 100%);
}

.s2-c .s2-l .news .slick-dots {
	position: absolute;
	right: .2rem;
	bottom: .2rem;
	left: auto;
	width: auto;
}

.s2-c .s2-l .news .slick-dots li {
	width: .1rem;
	height: .1rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, .5);
	margin: 0 .1rem;
}

.s2-c .s2-l .news .slick-dots li.slick-active {
	background: #fff;
}

.s2-c .s2-l .news a .date {
	position: absolute;
	top: .2rem;
	right: .2rem;
	width: .83rem;
	height: .8rem;
	background: #fff;
	text-align: center;
}

.s2-c .s2-l .news a .date p {
	background: #1853B9;
	line-height: .5rem;
	font-size: .3rem;
	color: #FFFFFF;
	font-weight: bold;
}

.s2-c .s2-l .news a .date span {
	display: block;
	line-height: .3rem;
	font-size: .16rem;
	color: #B0B0B0;

}

.s2-c .s2-r {
	flex: 1;
	min-width: 0;
	padding-left: .6rem;
}

.s2-c .s2-r{
	position: relative;
}

.s2-c .s2-r ul {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	z-index: -1;
	/*transition: all .6s;*/
}

.s2-c .s2-r ul.on {
	position: relative;
	z-index: 9;
	opacity: 1;
}

.s2-c .s2-r ul li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: .25rem 0;
	border-bottom: 1px solid #E5E5E5;
}

.s2-c .s2-r ul li a .date {
	position: relative;
	width: .7rem;
}

.s2-c .s2-r ul li a .date p {
	font-size: .32rem;
	color: #1853B9;
	font-weight: bold;
}

.s2-c .s2-r ul li a .date span {
	font-size: .16rem;
	color: #B0B0B0;
}

.s2-c .s2-r ul li a .date::after {
	content: "";
	position: absolute;
	left: 0;
	width: .4rem;
	height: 3px;
	background: #1853B9;
	bottom: -.35rem;
}

.s2-c .s2-r ul li a .txt {
	flex: 1;
	min-width: 0;
	margin-left: .35rem;
}

.s2-c .s2-r ul li a .txt h2 {
	font-size: .2rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: .13rem;
}

.s2-c .s2-r ul li a .txt p {
	font-size: .16rem;
	color: #B0B0B0;
	line-height: .2rem;
	height: .4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.qh-tit {
	position: relative;
}

.qh-bd .tab_tit {
	margin-bottom: .3rem;
}


.qh-tit .more>a {
	display: none;
}

.qh-tit .more>a.on {
	display: block;
}

.qh-bd .tab_bd {
	position: relative;
}

.qh-bd .tab_bd .tab_box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	opacity: 0;
	z-index: -1;
	transition: all .6s;
}

.qh-bd .tab_bd .tab_box.on {
	position: relative;
	z-index: 9;
	opacity: 1;
}


.tab_tit ul {
	display: flex;
	justify-content: center;
	align-content: center;
}

.tab_tit ul li {
	margin: 0 0.5rem;
	font-size: 0.22rem;
	color: #333;
	cursor: pointer;
}

.tab_tit ul li.on {
	font-weight: bold;
	color: #1853B9;
	text-decoration: underline;
}

@media screen and (min-width: 1024px) {
	.s2-c .s2-r ul li:hover a .txt h2 {
		color: #1853B9;
		font-weight: bold;
	}
}

@media screen and (max-width: 1024px) {
	.s2-c .s2-l {
		width: 100%;
	}

	.s2-c .s2-r {
		flex: none;
		width: 100%;
		padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.title {
		text-align: left;
	}

	.title h2 span {
		font-size: .22rem;
		padding: 0 .05rem;
	}

	.title h2 {
		padding-bottom: .2rem;
	}

	.title h2:after {
		background-size: 1rem auto;
	}

	.title h2:before {
		top: .15rem
	}

	.section2 {
		padding: .2rem 0;
	}

	.title {
		margin-bottom: .15rem;
	}

	.tab_tit ul li {
		margin: 0 .1rem;
		font-size: .18rem;
	}

	.s2-c .s2-l {
		padding-left: .1rem;
		padding-top: .1rem;
	}

	.s2-c .s2-l .news a>p {
		font-size: .16rem;
		padding-left: .15rem;
	}

	.s2-c .s2-l .news .slick-dots li {
		margin: 0 .05rem;
	}

	.s2-c .s2-r ul li a {
		padding: .15rem 0;
	}

	.s2-c .s2-r ul li a .txt {
		margin-left: .15rem;
	}

	.s2-c .s2-r ul li a .date p {
		font-size: .24rem;
	}

	.s2-c .s2-r ul li a .date span {
		font-size: .12rem;
	}

	.s2-c .s2-r ul li a .date::after {
		bottom: -.25rem;
	}

	.s2-c .s2-r ul li a .date {
		width: .6rem;
	}

	.s2-c .s2-r ul li a .txt h2 {
		margin-bottom: .05rem;
	}
}

@media screen and (max-width: 375px) {}

.section3 {

	padding-top: .4rem;
	padding-bottom: .9rem;
}

.s3-c {
	position: relative;
}

.s3-c ul li {
	width: 22%;
}

.s3-c ul li a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1rem;
	position: relative;
	padding-left: .7rem;
	background: #FFF0D5;
	border-radius: .14rem;
	color: #fff;
	transition: all 0.3s;
}

.s3-c ul li:nth-child(2n) a {
	background: #D2EBFD;
}

.s3-c ul li {
	width: 22%;
}

.s3-c ul li a .s3-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: .7rem;
	height: .7rem;
	background: url(../images/s3_icbg.png) no-repeat center center/100% 100%;
}

.s3-c ul li a .s3-icon img {
	max-height: .34rem;
}

.s3-c ul li:hover a .s3-icon img {
	animation: icon-yh .6s linear infinite;
}

@keyframes icon-yh {
	0% {
		transform: rotateZ(0);
	}

	10% {
		transform: rotateZ(10deg);
	}

	20% {
		transform: rotateZ(0);
	}

	30% {
		transform: rotateZ(-10deg);
	}

	40% {
		transform: rotateZ(0);
	}

	50% {
		transform: rotateZ(10deg);
	}

	60% {
		transform: rotateZ(0);
	}

	70% {
		transform: rotateZ(-10deg);
	}

	80% {
		transform: rotateZ(0);
	}

	90% {
		transform: rotateZ(10deg);
	}

	100% {
		transform: rotateZ(0);
	}
}

.s3-c ul li a .txt {
	flex: 1;
	min-width: 0;
	padding-left: .15rem;
}



.s3-c ul li h3,
.s3-c ul li p {
	position: relative;
	z-index: 1;
}

.s3-c ul li h3 {
	display: inline-block;
	font-size: 0.26rem;
	font-weight: bold;
	position: relative;
	transition: all 0.3s;
}

.s3-c ul li h3::after {
	content: '';
	position: absolute;
	bottom: -0.11rem;
	left: 0;
	width: 0.53rem;
	height: 0.02rem;
	background-color: #fff;
	transition: all 0.3s;
}

.s3-c ul li.on h3 {
	font-size: 0.3rem;
}

.s3-c ul li.on h3::after {
	width: 100%;
}

.s3-c ul li p {
	font-size: .26rem;
	color: #333333;
	transition: all .6s;
}

.bk2 {
	background: url(../images/sect2-bg.png) no-repeat center bottom/100% auto;
}

@media screen and (min-width: 1024px) {
	.s3-c ul li:hover p {
		color: #1853B9;
	}
}

@media screen and (max-width: 1024px) {
	.s3-c ul li a {
		padding-left: .2rem;
	}

	.s3-c ul li {
		width: 48%;
		margin: .1rem 0;
	}
}

@media screen and (max-width: 768px) {
	.s3-c ul li {
		width: 100%;
	}

	.s3-c ul li p {
		font-size: .2rem;
	}

	.section3 {
		padding-top: .15rem;
		padding-bottom: .15rem;
	}
}

@media screen and (max-width: 375px) {}

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

.section4:after {
	content: "";
	position: absolute;
	right: 0;
	top: .3rem;
	bottom: 0;
	width: 92%;
	background: url(../images/s4-bg.png) no-repeat center center/cover;
}

.section4 .wp {
	position: relative;
	z-index: 6;
}

.section4 .wp .title {
	position: absolute;
	top: .6rem;
	width: 50.375%;
	right: 0;
	text-align: left;
}

.section4 .title h2:after {
	background: url(../images/s4-tit.png) no-repeat center bottom / 100% 100%;
}

.section4 .wp .title h2 span {
	color: #fff;
}

.section4 .more a {
	color: #fff;
	background: url(../images/more2.png) no-repeat right bottom;
}

.s4-c {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.s4-l {
	position: relative;
	width: 53.18%;
	margin-left: -10%;
}

.s4-l::after {
	content: "";
	position: absolute;
	right: -.5rem;
	bottom: -.55rem;
	width: 3.51rem;
	height: 1.78rem;
	background: linear-gradient(270deg, #71C0FF 0%, rgba(113, 192, 255, 0) 100%);
}

.s4-l a {
	position: relative;
	display: block;
	z-index: 6;
}

.s4-l a .pic {
	padding-top: 55.58%;
}

.s4-r {
	width: 50.375%;
	margin-top: .33rem;
	padding-top: 1.3rem;
	padding-bottom: .6rem;
}

.s4-r ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.25rem;
}

.s4-r ul li {
	position: relative;
	width: 33.33%;
	padding: 0 .25rem;
	margin: .15rem 0;
}

.s4-r ul li a {
	position: relative;
	display: block;
	line-height: .6rem;
	text-align: center;
}

.s4-r ul li a p {
	position: relative;
	padding: 0 .1rem;
	font-size: .2rem;
	color: #EDF9FF;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 6;
}

.s4-r ul li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 0.5px solid rgba(255, 255, 255, 0.5);
	border-radius: .2rem 0px .2rem 0px;
	transition: all .6s;
}

.s4-r ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.05rem;
	bottom: -1px;
	right: -5px;
	background: url(../images/s4-txtbg.png) no-repeat center center/100% 100%;
	transition: all .6s;
	opacity: 0;
	z-index: -1;

}

@media screen and (min-width: 1024px) {
	.s4-r ul li:hover a::before {
		border-radius: 0px;
	}

	.s4-r ul li:hover a::after {
		opacity: 1;
		z-index: 2;
	}

	.s4-r ul li:hover a p {
		color: #003186;
		line-height: .5rem;
		padding-top: .1rem;
	}
}

@media screen and (max-width: 1024px) {
	.section4 .wp .title {
		position: relative;
		width: 100%;
		top: 0;
	}

	.s4-l {
		width: 100%;
		margin-left: 0;
	}

	.s4-l::after {
		right: -.15rem;
		bottom: -.15rem;
	}

	.s4-r {
		width: 100%;
		padding: .15rem 0;
		margin-top: 0;
	}

	.section4:after {
		top: 40%;
		width: 100%;
	}

	.section4 .wp .title h2 span {
		color: #1A1A1A;
	}

	.section4 .title h2:after {
		background-size: 1rem auto;
	}

	.section4 .more a {
		color: #A2A2A2;
	}

	.s4-r ul {
		margin: 0;
	}

	.s4-r ul li {
		padding: 0 .1rem;
	}
}

@media screen and (max-width: 768px) {
	.s4-r ul li {
		width: 50%;
		margin: .05rem 0;
	}

	.s4-r ul li a {
		line-height: .4rem;
	}

	.s4-r ul li a p {
		font-size: .16rem;
	}
}

@media screen and (max-width: 375px) {}

.section5 {
	position: relative;
	padding-top: 1rem;
	padding-bottom: 1.1rem;
}

.section5 .wp {
	position: relative;
}

.section5 .title {
	position: absolute;
	width: 67%;
	top: 5%;
	right: .6rem;
	text-align: left;
}

.s5-c {
	align-items: flex-end;
}

.s5-l {
	position: relative;
	width: 45.625%;
	padding-top: .5rem;
	padding-left: .6rem;
	margin-bottom: .25rem;
}

.s5-l::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/s5-lbg.png) no-repeat center center/100% 100%;
	width: 1.2rem;
	height: 1.14rem;
}

.s5-r .s5rr::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.2rem;
	height: 1.14rem;
	background: url(../images/s5-rbg.png) no-repeat center center/100% 100%;
}

.s5-l a {
	position: relative;
	display: block;
	z-index: 6;
}

.s5-l a .bf {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: url(../images/bf.png) no-repeat center center/100% 100%;
	width: .49rem;
	height: .49rem;
	z-index: 6;
}

.s5-l a .bft {
	content: "";
	position: absolute;
	left: .2rem;
	bottom: .2rem;
	right: .2rem;
	background: url(../images/bftiao.png) no-repeat center center/100% auto;
	height: .49rem;
	z-index: 6;
}

.s5-l a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1.35rem;
	opacity: 0.6;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.s5-l a .pic {
	padding-top: 70.149%;
}

.s5-r {
	width: 53.5%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}

.s5-r .s5rl {
	width: 44%;
}

.s5-r .s5rl ul li {
	margin-top: .2rem;
}

.s5-r .s5rl ul li a {
	display: block;
}

.s5-r .s5rl ul li:nth-child(1) a .pic {
	padding-top: 124.6%;
}

.s5-r .s5rl ul li:nth-child(2) a .pic {
	padding-top: 65.94%;
}

.s5-r .s5rr {
	position: relative;
	width: 54%;
	padding-right: .6rem;
	padding-bottom: .6rem;
	margin-bottom: .55rem;
}

.s5-r .s5rr a {
	position: relative;
	display: block;
}

.s5-r .s5rr a .pic {
	padding-top: 128.1%;
}

/* 视频弹窗 */

.vwrap {
	display: none;
	z-index: 1040000;
	width: 100%;
	position: fixed;
}

.vwrap .videobtg {
	z-index: 900;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: hidden;
}

.vwrap .videobox {
	z-index: 1200;
	width: 1400px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -700px;
	object-fit: cover;
	transform: translateY(-50%)
}

.vwrap .videobox #videobox {
	width: 100%;
	display: inline-block;
	background: #000;
}

.vwrap .videobox #videobox .img_hezi {
	padding-bottom: 48% !important;
}

.vwrap .videobox #videobox video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#videobox_wrapper {
	height: 100% !important;
}

.vwrap .close {
	z-index: 999;
	width: 31px;
	height: 31px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: -42px;
	text-align: center;
}

.vwrap .close i {
	display: block;
	width: 31px;
	height: 31px;
	-webkit-transition: 400ms;
	transition: 400ms;
}

.vwrap .close i svg {
	transition: .6s
}

.vwrap .close:hover i svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media(max-width: 992px) {
	.vwrap .videobox {
		width: 94%;
		left: 3%;
		margin-left: 0;
	}

	.vwrap .close {
		right: 0;
		top: -35px;
	}
}










@media screen and (max-width: 1024px) {
	.section5 {
		padding: .2rem 0;
	}

	.section5 .title {
		position: relative;
		width: 100%;
		right: 0;
	}

	.s5-l {
		padding-left: .2rem;
		padding-top: .2rem;
	}

	.s5-r .s5rr {
		padding-right: .2rem;
		padding-bottom: .2rem;
	}

	.s5-l {
		width: 100%;
	}

	.s5-r {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.s5-r .s5rl ul li {
		margin-top: .1rem;
	}

	.s5-r .s5rl ul li:first-child {
		margin-top: 0;
	}

	.s5-r .s5rr {
		margin-bottom: 0;
	}

	.s5-l {
		margin-bottom: .1rem;
	}
}



@media screen and (max-width: 375px) {}

@media screen and (max-width: 320px) {}