.bannerBox {	background-size: 100%;	width: 100%;	position: absolute;	text-align: center;	overflow: hidden;	height: 100vh;	max-height: 100vh;	top: 0;	left: 0;}.bannerBox .more{border: 1px solid;    border-color: #ffffff;    background: none;    margin: 100px 0 0;    width: 206px;    height: 42px;    display: block;    color: #fff;    line-height: 42px;    position: relative;    /*border-radius: 2px;*/}.bannerBox .more .arrow{width:31px;height:6px;background-image:url(http://wzzimages.beijingyunpeng.cn/right-black.svg);display:inline-block;margin-left:10px;vertical-align: middle;transition:all 0.3s linear;position:relative;top:-2px}.bannerBox .swiper-slide{overflow:hidden}.bannerBox .img_bg{position:relative;width:100%;height:100vh}.bannerBox .img_bg img{width:100%;height:100vh;position:absolute;left:0%;top:0%;animation:zoomImg 8s infinite alternate linear;}.bannerBox .more:hover{border-color: #d7201b}.bannerBox .more::after{position:absolute;left:0;top:0;width:0%;height:100%;content:'';z-index:-1;background:#d7201b;transition:all 0.3s linear}.bannerBox .more:hover::after{width:100%;}.bannerBox .act .more{animation: fadeP .8s linear;}.bannerBox .more:hover .arrow{margin-left:20px}@keyframes zoomImg {	from {	    transform:scale(1);	}	to {	    transform:scale(1.3);	}}/*#section6 .sec6-content .swiper-slide{background-attachment: fixed !important;}*//*.sec3-conBox .numbers{line-height:1.5}*/.xh-page {	-webkit-backface-visibility: hidden;	-moz-backface-visibility: hidden;	backface-visibility: hidden;	-webkit-transform: translate3d(0, 0, 0);	-moz-transform: translate3d(0, 0, 0);	transform: translate3d(0, 0, 0);	z-index: 10;}.xh-page-fade {	-webkit-animation: fadeBot .75s both;	animation: fadeBot .75s both;}.xh-page-fades {	-webkit-animation: fadeTop .75s both;	animation: fadeTop .75s both;}@-webkit-keyframes fadeBot {	from {		-webkit-transform: translate3d(0, 0, 0)	}	to {		-webkit-transform: translate3d(0, -100%, 0)	}}@keyframes fadeBot {	from {		transform: translate3d(0, 0, 0);		z-index: 1	}	to {		transform: translate3d(0, -100%, 0);		z-index: 1	}}@-webkit-keyframes fadeTop {	from {		-webkit-transform: translate3d(0, -100%, 0)	}	to {		-webkit-transform: translate3d(0, 0, 0)	}}@keyframes fadeTop {	from {		transform: translate3d(0, -100%, 0);		z-index: 1	}	to {		transform: translate3d(0, 0, 0);		z-index: 1	}}@-webkit-keyframes fadeBg {	from {		background-color: #d7201b;		width: 0px;		opacity: 1;	}	to {		background-color: #d7201b;		width: 55px;		opacity: 1;	}}@keyframes fadeBg {	from {		background-color: #d7201b;		width: 0px;		opacity: 1;	}	to {		background-color: #d7201b;		width: 55px;		opacity: 1;	}}.ban-slide {	height: 100vh;	position: relative;}.ban-slide>img {	height: 100vh;	width: 100%;}.indexPage {	display: flex;	left: 3% !important;	width: auto !important;	z-index: 9;	bottom: 110px !important;}.indexPage .li {	width: 40px;	height: 5px;	background-color: #fff;	display: block;	margin: 0 5px;	position: relative;}.indexPage .li.swiper-pagination-bullet-active {	width: 40px;	opacity: 1 !important;	background-color: #d7201b;	/*-webkit-animation: fadeBg 4s linear;*/	/*animation: fadeBg 4s linear;*/}/*.indexPage .li:after{position:absolute;left:0;top:0;width:0;height:100%;transition: all 4s linear;content:'';background-color: #d7201b;}*//*.indexPage .li.swiper-pagination-bullet-active:after{width:100%}*/.indexpageBg {	display: flex;	left: 3%;	width: auto;	z-index: 8;	position: absolute;	bottom: 110px;}.indexpageBg span {	width: 30px;	height: 5px;	background-color: #fff;	display: block;	margin: 0 5px;}.indexpageBg span.active {	width: 55px;	background: #ffffff;}.ban-p {	position: absolute;	top: 25%;	left: 8%;	z-index: 9;	width: auto;	overflow: hidden;}.ban-p p {	color: #ffffff;	margin-bottom: 5px;}.ban-p .p1 {	font-size: 3.75rem;	text-align: left;	letter-spacing: 4px;	font-family: 'syhtm';}.ban-p .p2 {	font-size: 2.625rem;	text-align: left;	font-weight: lighter;}.ban-p.act .p1 {	-webkit-animation: fadeP .8s linear;	animation: fadeP .8s linear;}.ban-p.act .p2 {	-webkit-animation: fadeP .8s linear;	animation: fadeP .8s linear;}@-webkit-keyframes fadeP {	from {		-webkit-transform: translate3d(0, 200%, 0)	}	to {		-webkit-transform: translate3d(0, 0, 0)	}}@keyframes fadeP {	from {		transform: translate3d(0, 200%, 0);	}	to {		transform: translate3d(0, 0, 0);	}}/* 第二屏幕 */.sec2-box {	height: 100vh;	width: 85%;	margin: 0 auto;	position: relative;}.sec2-div {	width: 100%;	position: absolute;	/* padding: 5vh 0; */	top: 50%;	z-index: 1;	transform: translateY(-40%);}.sec2-left>.title {	font-size: 3.75rem;	color: #000000;	font-family: 'syhtm';	margin-bottom: 15px;}.sec2-left>.title2 {	font-family: 'syhtr';	font-size: 1.375rem;	color: #000000;	/* font-weight: lighter; */}.sec2-img {	margin-top: 6rem;}.sec2Img-list {	text-align: center;	padding-right: 5rem;	padding-left: 0;	margin-bottom: 5rem;}.sec2Img-list>img {	height: 3.625rem;	min-height: 50px;	margin-bottom: 10px;}.sec2Img-list .tit {	white-space: nowrap;	font-size: 18px;	color: #000000;}.sec2-left {	padding-right: 6rem;}.sec2-right {	position: relative;	padding: 0;}.sec2-right>div {	position: absolute;}/* .sec2-right>div>img{max-width: initial;} */.sj-phone1 {	z-index: 2;	left: 20%;	bottom: -6%;}.sj-phone2 {	left: 20%;	z-index: 4;	bottom: 18%;}.sj-phone3 {	z-index: 3;	left: 0;	width: 42rem;	bottom: 10%;}.sj-phone4 {	z-index: 5;	width: 18.75rem;	left: 40%;	top: 5%;}/*.scroll-banner #section2{display: block !important;}*/#section2 {	background-color: #ffffff;	width: 100vw;	overflow: hidden;	height: 100vh;	position: relative;}.hidden-sec2 {	display: none !important;	z-index: -3;}#section3 {	background-size: 100%;	width: 100vw;	position: relative;	overflow: hidden;	height: 100vh;	min-height: 760px;	z-index: 7;	left: 0;}.content {	padding-top: 100vh;}.scroll-banner {	background-size: cover;	width: 100vw;	height: 100vh;	position: fixed;	z-index: 0;	top: 0;}.stripe-container {	position: relative;	width: 100%;	height: 100vh;	overflow: hidden;	z-index: 4;	background-size: cover;}.stripe-container .grow {	height: 100%;	position: absolute;	width: 0vw;	top: 0;	right: 0;	/* transform: translate3d(100vw,0,0); */	overflow: hidden;}.stripe-container .stripe {	height: 100%;	position: absolute;	width: 100vw;	top: 0;	right: 0;	overflow: hidden;}/* sec3 */.sec3-content {	position: relative;	width: 100%;	height: 100%;}.sec3-swiper {	height: 100vh;}/* .sec3-slide>img {	width: 100%;	height: 100%;} */.sec3List1 {	background-size: cover;}.sec3List2 {	background-size: cover;}.sec3List3 {	background-size: cover;}.sec3-conBox {	position: absolute;	width: 85%;	height: auto;	z-index: 5;	left: 50%;	top: 50%;	transform: translate3d(-50%, -50%, 0);}.sec3-left {	background: url(http://wzzimages.beijingyunpeng.cn/ten-right.png) no-repeat right center;}.sec3-left>img {	max-width: 95%;}.sec3-right {	padding: 0 0rem 0 7rem;}.numBoxDiv {	padding-bottom: 30px;	background: url(http://wzzimages.beijingyunpeng.cn/numBot-bg.png) no-repeat bottom left;}.numbers {	color: #ffffff;	font-size: 6.25rem;}.fuhao {	color: #c4c9ce;	font-size: 2.875rem;	position: absolute;	display: inline-block;	top: -1.875rem;	right: 30px;	margin-left: 15px;}.number {	background: url(http://wzzimages.beijingyunpeng.cn/ten-right.png) no-repeat right center;	line-height: 60px;	padding: 0;	padding: 0 5rem 0 3.125rem;	position: relative;}.number:first-child {	padding-left: 0;}.number:last-child {	background: none;}.nunBot {	font-size: 1.125rem;	color: #ffffff;	letter-spacing: 1px;	padding-left: 10px;	line-height: 28px;}.sec-right-bot {	padding: 20px 0 0 0;}.sec-right-bot>.title1 {	color: #ffffff;	font-size: 2.375rem;	font-weight: bold;	text-align: left;}.sec-right-bot>.title2 {	color: #ffffff;	font-size: 1.125rem;	font-weight: lighter;	text-align: left;	letter-spacing: 1px;	margin-top: 10px;}/* sec4 */#section4 {	background-color: #ffffff;	z-index: 8;	width: 100%;	height: auto;}.sec4-swiperBox {	position: relative;	z-index: 8;}.swiper-box {	padding: 0;}.sec-tit {	padding: 70px 0;	font-size: 46px;	color: #000000;	font-weight: bold;	background-color: #ffffff;	text-align: center;	position: relative;	z-index: 8;}.sec4-slide1 {	position: relative;}.hidden-title {	position: absolute;	bottom: 40px;	left: 3.75rem;	opacity: 1;	visibility: visible;	transition-duration: 0.5s;	z-index: 5;}.hidden-title.hidden {	opacity: 0;	transition: all 0.3s ease-out 0s;	visibility: hidden;}.hidden-title>p:first-child {	color: #ffffff;	font-size: 2.875rem;	font-family: 'arial';	font-weight: bold;	margin-bottom: 0;}.hidden-title>p:last-child {	color: #ffffff;	font-size: 1.5rem;	margin-bottom: 0;}.visible-title {	position: absolute;	top: 50%;	left: 50%;	transform: translate3d(-50%, -50%, 0);	opacity: 0;	transition: all 0.5s ease-out 0s;	visibility: hidden;	z-index: 5;}.visible-title.show {	opacity: 1;	visibility: visible;	transition-duration: 0.5s;}.visible-title>div {	text-align: center;	white-space: nowrap;}.visible-title>img {	display: block;	margin: 0 auto 8px;	width: 18rem;	min-width: 140px;}.visible-title>div>span {	color: #ffffff;	font-size: 1.5rem;	letter-spacing: 1px;	height: 35px;	display: inline-block;	line-height: 32px;}.visible-title>div>span:first-child {	display: inline-block;	margin-right: 1.5rem;	padding-right: 1.5rem;	background: url(http://wzzimages.beijingyunpeng.cn/lb-title-bg.png) no-repeat right center;}.hidden-bg {	position: absolute;	z-index: 3;	width: 100%;	height: 100%;	opacity: 0;	transition: all 0.2s linear 0s;	visibility: hidden;	top: 0;	left: 0;	background: rgba(0, 0, 0, .7);}.hidden-bg.show {	opacity: 1;	visibility: visible;	transition-duration: 0.2s;}.sec4-slide1>a {	display: block;	height: 100%;}.sec4-slide1>a>img {	/*height: 100%;*/	width: 100%;}.sec4-sw1 {	height: 100%;}.sec4-sw2,.sec4-sw3 {	height: 50%;}#section5 {	background-color: #ffffff;	position: relative;	z-index: 7;}.sec5-box {	width: 85%;	margin: 0 auto;	padding: 6.25rem 0;}.sec5-title {	font-size: 2.875rem;	color: #000000;	text-align: center;	font-weight: bold;	margin-bottom: 1.875rem;}.new-title {	font-size: 1.5rem;	color: #000000;	font-weight: lighter;	display: block;	margin: 5px 0;	padding-right: 15px;}.new-title:hover {	color: #fe0000;}.index-time {	font-size: 1.125rem;	color: #888888;	font-weight: lighter;}#section4 .sec4-slide1>a>img{vertical-align:top;}