﻿/* 代码整理：懒人之家 lanrenzhijia.com */.mainbox {	width: 1920px;	*width: 1920px;	_width: 1920px;	height: auto;	position: relative;	z-index: 5;	margin: 0;	top: 0;	float: left;	left: 50%;	margin-left: -960px;	*margin-left: -960px;	_margin-left: -960px;	overflow: hidden;}.pro-switch {	height: auto;	overflow: hidden;	position: relative;	width: 100%;}.flexslider {	margin: 0;	padding: 0;	max-height: 940px;	overflow: hidden;}.flexslider .slides>li {	display: block;	width: 1920px;	max-width: 100%;	height: 850px;	float: left;	position: relative;	left: 0%;	top: 0;	margin: 0 auto;	right: 0;	position: relative;	-webkit-backface-visibility: hidden;	z-index: 5;	overflow: hidden;}video {	object-fit: fill;	object-position: center;}.flexslider .slides>li video {	width: 100%;	height: 100%;	position: absolute;	z-index: -1;	top: 0;	left: 0;	object-fit: fill;}.slides:after {	content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0;	height: 0;}html[xmlns] .slides {	display: block;}* html .slides {	height: auto;}.no-js .slides>li:first-child {	display: block;}.flexslider {	margin: 0 auto;	position: relative;	width: 100%;	zoom: 1;}.flex-viewport {	max-height: 2000px;	-webkit-transition: all 1s ease;	-moz-transition: all 1s ease;	transition: all 1s ease;}.flexslider .slides {	zoom: 1;}.flex-direction-nav {	*height: 0;}.flex-direction-nav a {	width: 77px;	height: 74px;	margin: -20px 0 0;	display: block;	background: none;	position: absolute;	top: 50%;	z-index: 10;	cursor: pointer;	text-indent: -9999px;	opacity: 1;	filter: alpha(opacity=0);	-webkit-transition: all .3s ease;}.flex-direction-nav .flex-prev {	background: url(../images/prev1.png) no-repeat left bottom;	background-size: 100% 100%;	left: 12px;}.flex-direction-nav .flex-next {	background: url(../images/next1.png) no-repeat left bottom;	background-size: 100% 100%;	right: 16px;}.flexslider:hover .flex-next {	opacity: 1;	filter: alpha(opacity=100);}.flexslider:hover .flex-prev {	opacity: 1;	filter: alpha(opacity=100);}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {	opacity: 1;	filter: alpha(opacity=50);}.flex-control-nav {	width: auto;	position: absolute;	text-align: center;	left: 14%;	bottom: 13%;}.flex-control-nav li {	margin: 0 8px;	display: inline-block;	zoom: 1;	*display: inline;}.flex-control-paging li a {	background: #fff;	opacity: 1;	display: block;	height: 14px;	overflow: hidden;	width: 14px;	cursor: pointer;	border-radius: 50%;	text-indent: -99999px;}.flex-control-paging li a.flex-active {	background: #fff;	opacity: .5;}/* 代码整理：懒人之家 lanrenzhijia.com */#certify4 {	width: 100%;	display: block;	margin: 0px 0px 0px 0px;	position: relative;	z-index: 3;	overflow: hidden;	;}#certify4 .swiper-container {	padding: 0;	overflow: hidden;}#certify4 .swiper-slide {	width: 100%;	height: 850px;	padding: 0px;	text-align: center;	position: relative;	z-index: 1;	overflow: hidden;}#certify4 .swiper-slide img{	width: 100%;	height: 100%;	object-fit: cover;}#certify4 .swiper-slide-active,.swiper-slide-duplicate-active {	-webkit-tap-highlight-color: transparent;	outline: none;}#certify4 .swiper-slide img {	width: 100%;}#certify4 .swiper-slide video {	width: 100%;	height: 100%;	position: absolute;	z-index: -1;	top: 0;	left: 0;	object-fit: fill;}.video-section {}.video-section .videoContent {	display: none;}.video-section .video-details {	padding: 10px;	background: #FFFFFF;	border-radius: 5px;	box-sizing: border-box;}.video-section .video {}.video-section .poster {	position: relative;	display: block;	width: 100%;}.video-section .poster:after {	content: '';	transition: all .3s;	width: 100%;	height: 100%;	position: absolute;	top: 0;	left: 0;	background: #000000;	opacity: .4;	z-index: 1;}.video-section .poster .video-bg {	display: block;}.video-section .poster:hover .icon-play {	opacity: .5;}.video-section .icon-play {	position: absolute;	top: calc(50% - 25px);	left: calc(50% - 25px);	z-index: 2;	width: 50px;	height: 50px;	transition: all .3s;	opacity: 1;}#certify4 .swiper-button-prev4 {	text-indent: -9999px;	position: absolute;	z-index: 30;	top: 50%;	bottom: auto;	left: 0px;	width: 77px!important;	height: 74px!important;	background: url(../images/prev1.png) no-repeat!important;	background-size: 100% 100%;	border: none;	-webkit-tap-highlight-color: transparent;	outline: none;}#certify4 .swiper-button-prev4:hover {	background: url(../images/prev1.png) no-repeat!important;	background-size: 100% 100%;}#certify4 .swiper-button-next4 {	text-indent: -9999px;	right: 0px;	top: 50%;	bottom: auto;	position: absolute;	z-index: 30;	width: 77px!important;	height: 74px!important;	background: url(../images/next1.png) no-repeat!important;	background-size: 100% 100%;	border: none;	-webkit-tap-highlight-color: transparent;	outline: none;}#certify4 .swiper-button-next4:hover {	background: url(../images/next1.png) no-repeat!important;	background-size: 100% 100%;}@media screen and (max-width:1680px) {	.mainbox {		width: 100%;		*width: 100%;		_width: 100%;		height: auto;		position: relative;		z-index: 9;		margin: 0;		top: 0;		float: left;		left: 0%;		margin-left: -0px;		*margin-left: -0px;		_margin-left: -0px;		margin-top: 4rem;		overflow: hidden;	}	#certify4 .swiper-slide {		width: 100%;		height: 800px;		padding: 0px;		z-index: 1;		text-align: center;		position: relative;		overflow: hidden;	}	.flexslider .slides>li {		display: block;		width: 100%;		max-width: 100%;		height: 800px;		float: left;		position: relative;		left: 0%;		top: 0;		margin: 0 auto;		right: 0;		position: relative;		-webkit-backface-visibility: hidden;		overflow: hidden;	}	.flexslider .slides>li video {		width: 100%;		height: 100%;		position: absolute;		z-index: -1;		top: 0;		left: 0;		object-fit: fill;	}	.flex-direction-nav a {		width: 60px;		height: 58px;		margin: -30px 0 0;		display: block;		background: none;		position: absolute;		top: 50%;		z-index: 10;		cursor: pointer;		text-indent: -9999px;		opacity: 1;		filter: alpha(opacity=100);		-webkit-transition: all .3s ease;	}	.flex-direction-nav .flex-prev {		background: url(../images/prev1.png) no-repeat left bottom;		background-size: 100% 100%;		left: 1px;	}	.flex-direction-nav .flex-next {		background: url(../images/next1.png) no-repeat left bottom;		background-size: 100% 100%;		right: 1px;	}	.flex-control-nav {		width: 100%;		position: absolute;		text-align: center;		left: 0%;		bottom: 4%;	}	.flex-control-nav li {		margin: 0 8px;		display: inline-block;		zoom: 1;		*display: inline;	}	.flex-control-paging li a {		background: #fff;		opacity: 1;		display: block;		height: 10px;		overflow: hidden;		width: 10px;		cursor: pointer;		border-radius: 50%;		text-indent: -99999px;	}	#certify4 .swiper-button-prev4 {		text-indent: -9999px;		position: absolute;		z-index: 30;		top: 50%;		bottom: auto;		left: 0px;		width: 60px!important;		height: 58px!important;		background: url(../images/prev1.png) no-repeat!important;		background-size: 100% 100%;		border: none;		-webkit-tap-highlight-color: transparent;		outline: none;	}	#certify4 .swiper-button-prev4:hover {		background: url(../images/prev1.png) no-repeat!important;		background-size: 100% 100%;	}	#certify4 .swiper-button-next4 {		text-indent: -9999px;		right: 0px;		top: 50%;		bottom: auto;		position: absolute;		z-index: 30;		width: 60px!important;		height: 58px!important;		background: url(../images/next1.png) no-repeat!important;		background-size: 100% 100%;		border: none;		-webkit-tap-highlight-color: transparent;		outline: none;	}	#certify4 .swiper-button-next4:hover {		background: url(../images/next1.png) no-repeat!important;		background-size: 100% 100%;	}}@media screen and (max-width: 1500px) and (min-width: 1200px) {	.flexslider {		margin: 0 auto;		position: relative;		width: 100%;		height: 640px;		overflow: hidden;	}	#certify4 .swiper-slide {		width: 100%;		height: 600px;		padding: 0px;		z-index: 1;		text-align: center;		position: relative;		overflow: hidden;	}	.flexslider .slides>li video {		width: 100%;		height: 100%;		position: absolute;		z-index: -1;		top: 0;		left: 0;		object-fit: cover;	}}@media screen and (max-width:980px) {	.mainbox {		width: 100%;		*width: 100%;		_width: 100%;		height: auto;		position: relative;		z-index: 9;		margin: 0;		top: 0;		float: left;		left: 0%;		margin-left: -0px;		*margin-left: -0px;		_margin-left: -0px;		margin-top: 1rem;		overflow: hidden;	}	#certify4 .swiper-slide {		width: 100%;		height: 360px;		padding: 0px;		z-index: 1;		text-align: center;		position: relative;		overflow: hidden;	}	.flexslider {		margin: 0 auto;		position: relative;		width: 100%;		zoom: 1;		height: 360px;		overflow: hidden;	}	.flexslider .slides>li {		display: block;		width: 100%;		max-width: 100%;		height: 360px;		float: left;		position: relative;		left: 0%;		top: 0;		margin: 0 auto;		right: 0;		position: relative;		-webkit-backface-visibility: hidden;		overflow: hidden;	}	.flexslider .slides>li video {		width: 100%;		height: 100%;		position: absolute;		z-index: -1;		top: 0;		left: 0;		object-fit: fill;	}	.flex-direction-nav a {		width: 40px;		height: 35px;		margin: -30px 0 0;		display: block;		background: none;		position: absolute;		top: 50%;		z-index: 10;		cursor: pointer;		text-indent: -9999px;		opacity: 1;		filter: alpha(opacity=100);		-webkit-transition: all .3s ease;	}	.flex-direction-nav .flex-prev {		background: url(../images/prev1.png) no-repeat left bottom;		background-size: 100% 100%;		left: 1px;	}	.flex-direction-nav .flex-next {		background: url(../images/next1.png) no-repeat left bottom;		background-size: 100% 100%;		right: 1px;	}	.flex-control-nav {		width: 100%;		position: absolute;		text-align: center;		left: 0%;		bottom: 4%;	}	.flex-control-nav li {		margin: 0 8px;		display: inline-block;		zoom: 1;		*display: inline;	}	.flex-control-paging li a {		background: #fff;		opacity: 1;		display: block;		height: 10px;		overflow: hidden;		width: 10px;		cursor: pointer;		border-radius: 50%;		text-indent: -99999px;	}	#certify4 .swiper-button-prev4 {		text-indent: -9999px;		position: absolute;		z-index: 30;		top: 50%;		bottom: auto;		left: 0px;		width: 40px!important;		height: 45px!important;		background: url(../images/prev1.png) no-repeat center center !important;		background-size: 40px 45px!important;		border: none;		-webkit-tap-highlight-color: transparent;		outline: none;	}	#certify4 .swiper-button-prev4:hover {		background: url(../images/prev1.png) no-repeat center center !important;		background-size: 40px 45px!important;	}	#certify4 .swiper-button-next4 {		text-indent: -9999px;		right: 0px;		top: 50%;		bottom: auto;		position: absolute;		z-index: 30;		width: 40px!important;		height: 45px!important;		background: url(../images/next1.png) no-repeat center center !important;		background-size: 40px 45px!important;		border: none;		-webkit-tap-highlight-color: transparent;		outline: none;	}	#certify4 .swiper-button-next4:hover {		background: url(../images/next1.png) no-repeat center center !important;		background-size: 40px 45px!important;	}}@media screen and (max-width:480px) {	.flexslider {		margin: 0 auto;		position: relative;		width: 100%;		zoom: 1;		height: 166px;		overflow: hidden;	}	.flexslider .slides>li {		display: block;		width: 100%;		max-width: 100%;		height: 166px;		float: left;		position: relative;		z-index: 5;		left: 0%;		top: 0;		margin: 0 auto;		right: 0;		position: relative;		-webkit-backface-visibility: hidden;		overflow: hidden;	}	.m_banner {		margin-top: 1.4rem;	}	#certify4 .swiper-slide {		width: 100%;		height: 166px;		padding: 0px;		z-index: 1;		text-align: center;		position: relative;		overflow: hidden;	}}