[genuitec-file-id="wc2-1491"],[genuitec-lp-path="/dongsheng/WebRoot/shangye/css/swiper_3.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

 {
	margin-top:90px;
	position:relative
}
 img {
	max-width:none
}
 .swiper-container .six1 {
	width:100%;
	height:100%;
	background-color:#0c6d9f
}
 .swiper-container .six1 .auto {
	height:100%
}
 .swiper-container .six1 .p1 {
	position:absolute;
	top:125px;
	left:0;
	z-index:500;
	overflow:hidden;
	width:0;
	transition:all 1s .6s
}
 .swiper-container .six1 .p1 img {
	width:1280px
}
 .swiper-container .six1 .bo1 {
	height:325px;
	background-color:#1a95b5;
	position:absolute;
	top:0;
	left:-383px;
	z-index:10;
	width:0;
	transform:translateX(-100px);
	transition:all 1.3s .2s
}
 .swiper-container .six1 .bo2 {
	width:1455px;
	height:355px;
	background-color:#15368b;
	position:absolute;
	top:88px;
	left:-38px;
	z-index:20;
	width:0;
	transition:all 1s 0s
}
 .swiper-container .six1 .bo3 {
	width:1064px;
	height:270px;
	background-color:#ea6d9f;
	opacity:.7;
	position:absolute;
	top:310px;
	left:-210px;
	z-index:100;
	width:0;
	transform:translateX(-180px);
	transition:all 1s .3s
}
 .swiper-container .six1 .bx1 {
	width:364px;
	height:450px;
	background:url(/pc/images/index/bx-slide-bx1.png) repeat 0 0;
	position:absolute;
	left:-407px;
	top:33px;
	z-index:40;
	opacity:.5
}
 .swiper-container .six1 .bx2 {
	width:364px;
	height:470px;
	background:url(/pc/images/index/bx-slide-bx1.png) repeat 0 0;
	position:absolute;
	left:1292px;
	top:68px;
	z-index:40;
	opacity:.5
}
 .swiper-container .six2 {
	width:100%;
	height:100%;
	background-position:top;
	background-repeat:no-repeat;
	padding-top:50px
}
 .swiper-container .six2 .auto {
	height:100%
}
 .swiper-container .six2 .p1 {
	position:absolute;
	left:183px;
	bottom:0;
	z-index:500;
	transform:translateY(110%);
	transition:all 1s
}
 .swiper-container .six2 .p2 {
	position:absolute;
	left:730px;
	top:80px;
	z-index:550;
	opacity:0;
	transform:translateY(150px);
	transition:all .6s .3s
}
 .swiper-container .six2 .t1 {
	position:absolute;
	left:0;
	top:200px;
	opacity:0;
	transform:translateY(300px);
	transition:all .8s .65s
}
 .swiper-container .six2 .t2 {
	position:absolute;
	right:0;
	top:200px;
	opacity:0;
	transform:translateY(50px);
	transition:all .8s 1s
}
 .swiper-container .six2 .ew1 {
	position:absolute;
	right:86px;
	top:307px;
	opacity:0;
	transform:translateY(50px);
	transition:all .8s .8s
}
 .swiper-container .six2 .ew2 {
	position:absolute;
	right:0;
	top:307px;
	opacity:0;
	transform:translateY(50px);
	transition:all .8s .8s
}
 .swiper-container .six2 .yun1 {
	position:absolute;
	right:0;
	top:126px;
	opacity:0;
	transform:translateX(300px);
	transition:all 1s 0s
}
 .swiper-container .six2 .yun2 {
	position:absolute;
	left:310px;
	top:293px;
	opacity:0;
	transform:translateX(300px);
	transition:all 1s .4s
}
 .swiper-container .six2 .fc1 {
	position:absolute;
	top:472px;
	left:-79px;
	transform:translateY(100px);
	transition:all 1s .6s
}
 .swiper-container .six2 .fc2 {
	position:absolute;
	top:457px;
	left:117px;
	transform:translateY(180px);
	transition:all 1.8s .3s
}
 .swiper-container .six2 .fc3 {
	position:absolute;
	top:330px;
	left:222px;
	transform:translateY(300px);
	transition:all .8s .45s
}
 .swiper-container .six2 .fc4 {
	position:absolute;
	top:498px;
	left:518px;
	transform:translateY(100px);
	transition:all 1s .4s
}
 .swiper-container .six2 .fc5 {
	position:absolute;
	top:433px;
	left:728px;
	transform:translateY(150px);
	transition:all 1s .2s
}
 .swiper-container .six3 {
	width:100%;
	height:100%;
	background-position:top;
	background-repeat:no-repeat
}
 .swiper-container .six3 .auto {
	height:100%
}
 .swiper-container .six3 .bgVank {
	width:2560px;
	max-width:none;
	position:absolute;
	left:-640px;
	top:0;
	opacity:0;
	transition:all 1s .6s
}
 .swiper-container .six3 .cont {
	position:absolute;
	left:0;
	top:176px;
	right:0
}
 .swiper-container .six3 .cont .vLogo {
	margin:auto;
	opacity:0;
	transform:translateY(50px);
	transition:all 1s .1s
}
 .swiper-container .six3 .cont .fontY {
	transform:translateY(120%);
	transition:all 1s .3s
}
 .swiper-container .six3 .cont .h3 {
	color:#fdf2d5;
	font-size:29px;
	line-height:1;
	margin-top:20px;
	text-align:center;
	font-weight:300;
	letter-spacing:7px;
	overflow:hidden
}
 .swiper-container .six3 .cont .h4 {
	color:#fff;
	font-size:56px;
	line-height:1;
	margin-top:10px;
	font-weight:300;
	letter-spacing:16px;
	text-align:center;
	overflow:hidden
}
 .swiper-container .six3 .cont .h4 span {
	display:inline-block;
	font-size:58px;
	line-height:56px;
	font-family:OPPOSans;
	margin-right:16px;
	letter-spacing:0
}
 .swiper-container .six3 .cont .h4 .fontY {
	transition-delay:.4s
}
 .swiper-container .six3 .cont .h5 {
	margin-top:6px;
	font-family:Rajdhani;
	font-size:24px;
	line-height:16px;
	color:hsla(0,0%,100%,.45);
	text-transform:uppercase;
	overflow:hidden
}
 .swiper-container .six3 .cont .h5 .fontY {
	transition-delay:.8s
}
 .swiper-container .six3 .cont .stock {
	font-size:17px;
	color:rgba(253,243,213,.7);
	font-family:"OpenSans-Semibold";
	text-transform:uppercase;
	text-align:center;
	line-height:1;
	margin:8px 0 0;
	overflow:hidden
}
 .swiper-container .six3 .cont .overflow-hide {
	overflow:hidden
}
 .swiper-container .six3 .cont .live_streaming h6 {
	margin:20px 0 12px;
	font-size:18px;
	line-height:1;
	color:hsla(0,0%,100%,.66);
	text-align:center
}
 .swiper-container .six3 .cont .live_streaming .icon_date {
	margin:0 auto
}
 .swiper-container .six3 .cont .live_streaming ul {
	display:flex;
	justify-content:space-between;
	width:810px;
	margin:22px auto 0
}
 .swiper-container .six3 .cont .live_streaming ul li {
	font-size:17px;
	color:#fdf2d5;
	font-family:Rajdhani;
	text-transform:uppercase
}
 .swiper-container .six3 .cont .live_streaming .playback {
	width:130px;
	height:55px;
	line-height:55px;
	border-radius:55px;
	padding-left:11px;
	font-size:15px;
	color:#fdf2d5;
	text-align:left;
	background:rgba(0,0,0,.3);
	margin:15px auto 0;
	transition:all .4s
}
 .swiper-container .six3 .cont .live_streaming .playback img {
	display:inline-block;
	vertical-align:middle;
	margin-right:8px
}
 .swiper-container .six3 .cont .live_streaming .playback:hover {
	background:rgba(0,0,0,.6)
}
 .swiper-container .six3 .cont .live_streaming .playback:hover img {
	transform:rotate(1turn);
	transition:all .4s
}
 .swiper-container {
	width:100%;
	height:475px;
}
 .swiper-container .swiper-slide {
	text-align:center;
	font-size:18px;
	background:#fff;
	overflow:hidden
}
 .swiper-container .slide-inner {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-size:cover;
	background-position:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff
}
 .swiper-slide-next *, .swiper-slide-prev * {
	transition-delay:0s!important
}
 .swiper-slide-active .six1 .p1 {
	width:100%
}
 .swiper-slide-active .six1 .bo1 {
	width:720px;
	transform:translateX(0)
}
 .swiper-slide-active .six1 .bo2 {
	width:1455px;
	transform:translateX(0)
}
 .swiper-slide-active .six1 .bo3 {
	width:1064px;
	transform:translateX(0)
}
 .swiper-slide-active .six2 .p1 {
	transform:translateY(0)
}
 .swiper-slide-active .six2 .p2 {
	opacity:1;
	transform:translateY(0)
}
 .swiper-slide-active .six2 .ew1, .swiper-slide-active .six2 .ew2, .swiper-slide-active .six2 .fc1, .swiper-slide-active .six2 .fc2, .swiper-slide-active .six2 .fc3, .swiper-slide-active .six2 .fc4, .swiper-slide-active .six2 .fc5, .swiper-slide-active .six2 .t1, .swiper-slide-active .six2 .t2, .swiper-slide-active .six2 .yun1, .swiper-slide-active .six2 .yun2 {
	opacity:1;
	transform:translateY(0) translateX(0)
}
 .swiper-slide-active .six3 .bgVank {
	opacity:1
}
 .swiper-slide-active .six3 .fontY {
	transform:translateY(0)!important
}
 .swiper-slide-active .six3 .vLogo, .swiper-slide-active .six3 h3, .swiper-slide-active .six3 h5 {
	opacity:1;
	transform:translateY(0)!important
}
 :hover .swiper-button-next, :hover .swiper-button-prev {
	opacity:1;
	transform:translateX(0)
}
 .swiper-button-next, .swiper-button-prev {
	width:62px !important;
	height:62px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	transition:all .4s;
	z-index:100;
	opacity:1;
	outline:none
}
 .swiper-button-next:hover .swiper-button-next, .swiper-button-next:hover .swiper-button-prev, .swiper-button-prev:hover .swiper-button-next, .swiper-button-prev:hover .swiper-button-prev {
	opacity:1;
	transform:translateX(0)
}
 .swiper-button-next {
	right:75px !important;
	background:url(../images/business1-bxgBox-prev3.png) no-repeat 28px;
	transform:translateX(100%);
	width:20px;
}
 .swiper-button-next:hover {
	background: url(../images/business1-bxgBox-prev3.png) no-repeat 10%
}
 .swiper-button-prev {
	left:70px !important;
	background:url(../images/business1-bxgBox-next3.png) no-repeat 90%;
	transform:translateX(-100%);
}
 .swiper-button-prev:hover {
	background: url(../images/business1-bxgBox-next3.png) no-repeat -18px
}
 .swiper-pagination {
	height:0;
	width:1280px;
	position:absolute;
	left:0;
	right:0;
	bottom:44px;
	margin:auto;
	z-index:99;
	text-align:right
}
 .swiper-pagination span {
	display:inline-block;
	width:9px;
	height:9px;
	background-color:grey;
	border:2px solid grey;
	transition:all .3s;
	box-sizing:border-box;
	border-radius:50%;
	cursor:pointer;
	margin:0 0 0 14px;
	overflow:hidden;
	color:transparent;
	opacity:1;
	outline:none
}
 .swiper-pagination .swiper-pagination-bullet-active {
	background-color:transparent
}