/*清除浏览器默认样式*/
* { margin: 0;padding: 0;list-style: none;}
/** 清除内外边距 **/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin: 0;padding: 0;}
/** 设置默认字体 **/
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
/** 重置列表元素 **/
ul,ol {list-style: none;}
/** 重置文本格式元素 **/
a {text-decoration: none;}
a:hover {text-decoration: none;}
/** 重置表单元素 **/
legend {color: #000;}
/* for ie6 */
fieldset,img {border: 0;}
/* img 搭车：让链接里的 img 无边框 */
button,input,select,textarea {font-size: 100%;}
.fl {float: left;}
.fr {float: right;}
.center_v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cleFloat:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	overflow: hidden;
	visibility: hidden;
}
/*样式开始*/
#pcShow {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
	width: 100%;
	height: 100%;
	display: none;
}
#pcShow img {
	width: 1000px;
	height: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	margin-left: -500px;
	margin-top: -250px;
}
#pcShow .iPadImg{
	transform: rotate(90deg) scale(0.8,0.8);
	-webkit-transform: rotate(90deg) scale(0.8,0.8);
}
#webShow {
	width: 100%;
	height: 100%;
	position: absolute;
	/*background: url(../images/bg.png) no-repeat 0px 0px;*/
	background-size: 100% 100%;
	left: 0;
	z-index: 111;
	overflow: hidden;
	display: none;
}
/*音乐播放部分*/
#music{
	width:80px;
	height:80px;
	position:absolute;
	bottom:50px;
	right:20px;
	z-index:9999;
}
#control{
	width:44px;
	height:44px;
	margin:18px 18px;
	background:url(../img/music-off.png) no-repeat;
	background-size:100% 100%;
	animation:zhuan 4s infinite linear;
	-webkit-animation:zhuan 4s infinite linear;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
}
#control.musicStop{
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
#control-after{
	width: 80px;
	height: 80px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/music-on.gif) no-repeat;
	background-size:100% 100%;
}
@keyframes zhuan{
	0%{-webkit-transform:rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}
@-webkit-keyframes zhuan{
	0%{-webkit-transform:rotate(0deg);transform: rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);transform: rotate(360deg);}
}

/*内容区*/
/*.swiper-container-body{
	width: 750px;
	height: 1200px;
}
*/
/*封面进入直播间*/
.web_01{
	position: relative;
	width: 100%;
	height: 100%;
	/*display: none;*/
}



.p1{
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../img/p1_bg.png) no-repeat 0px 0px;
	background-size: 100% 100%;
}
.line_load{
	position: absolute;
	width: 500px;
	height: 20px;
	border: 1px solid #f39801;
	/*background: #f39801;*/
	border-radius: 20px;
	top: 1070px;
	left: 125px;
	overflow: hidden;
}
.line_load2{
	position: absolute;
	width: 500px;
	height: 20px;
	background: #f39801;
	border-radius: 20px;
	top: 0px;
	left: 0px;
}
.loadingNum{
	position: absolute;
	top: 1065px;
	left: 650px;
	font-size: 24px;
	color: #f39801;
	font-weight: bold;
}
.p1_tu{
	position: absolute;
}
.p1_1{
	top: 92px;
	left: 318px;
	animation: p1_1 2s 0s forwards;
}
.p1_2{
	top: 242px;
	left: 66px;
	animation: p1_2 2s 0s forwards;

}
.p1_3{
	top: 280px;
	left: 492px;
	animation: p1_3 2s 0s forwards;

}
.p1_4{
	top: 396px;
	left: 278px;
	animation: p1_4 2s 0s forwards;

}
.p1_5{
	top: 522px;
	left: 96px;
	animation: p1_5 2s 0s forwards;

}
.p1_6{
	top: 532px;
	left: 490px;
	animation: p1_6 2s 0s forwards;

}
.p1_7{
	top: 642px;
	left:236px;
	animation: p1_7 2s 0s forwards;

}
.p1_8{
	top: 734px;
	left: 436px;
	animation: p1_8 2s 0s forwards;

}
.p1_9{
	top: 806px;
	left: 134px;
	animation: p1_9 2s 0s forwards;

}
.p1_10{
	top: 844px;
	left: 322px;
	animation: p1_10 2s 0s forwards;

}
.p1_11{
	top: 906px;
	left: 508px;
	animation: p1_11 2s 0s forwards;

}
.p1_12{
	top: 980px;
	left: 322px;
	/*animation: p1_1 2s 0s forwards;*/

}
@keyframes p1_1{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 200px;
		height: 183px;
		top: 92px;
		left: 318px;
	}
}
@keyframes p1_2{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 200px;
		height: 183px;
		top: 242px;
		left: 66px;
	}
}

@keyframes p1_3{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 178px;
		height: 163px;
		top: 280px;
		left: 492px;
	}
}
@keyframes p1_4{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 178px;
		height: 163px;
		top: 396px;
		left: 278px;
	}
}
@keyframes p1_5{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 145px;
		height: 133px;
		top: 522px;
		left: 96px;
	}
}
@keyframes p1_6{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 145px;
		height: 133px;
		top: 532px;
		left: 490px;
	}
}
@keyframes p1_7{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 145px;
		height: 133px;
		top: 642px;
		left:236px;
	}
}
@keyframes p1_8{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 125px;
		height: 114px;
		top: 734px;
		left: 436px;
	}
}
@keyframes p1_9{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 125px;
		height: 114px;
		top: 806px;
		left: 134px;
	}
}
@keyframes p1_10{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 102px;
		height: 93px;
		top: 844px;
		left: 322px;
	}
}

@keyframes p1_11{
	0%{
		width: 75px;
		height: 69px;
		top: 980px;
		left: 322px;
	}
	100%{
		width: 102px;
		height: 93px;
		top: 906px;
		left: 508px;
	}
}

.p2{
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../img/p2_bg.png) no-repeat 0px 0px;
	background-size: 100% 100%;
	display: none;
}
.p2 img{
	position: absolute;
}
.p2 div{
	position: absolute;
}
.p2 .p2_line{
	top: 0px;
	left: 0px;
}
.p2 .p2_1{
	top: 360px;
	left: 42px;
}
.p2 .p2_2{
	top: 506px;
	left: 286px;
	animation-delay: 0.3s;

}
.p2 .p2_3{
	top: 548px;
	left: 538px;
	animation-delay: 0.6s;

}
.p2 .p2_4{
	top: 706px;
	left: 366px;
	animation-delay: 0.9s;

}
.p2 .p2_5{
	top: 646px;
	left: 50px;
	animation-delay: 1.2s;

}
.p2 .p2_6{
	top: 956px;
	left: 504px;
	animation-delay: 1.7s;

}
.p2 .p2_7{
	top: 912px;
	left: 48px;
	animation-delay: 1.4s;

}
.p2 .p2_8{
	top: 74px;
	left: 78px;
	animation-delay: 2s;

}

.p2 .p2_9{
	top: 242px;
	left: 282px;
	animation-delay: 2s;

}
.start{
	bottom: 80px;
	left: 270px;
}



.p3{
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../img/p2_bg.png) no-repeat 0px 0px;
	background-size: 100% 100%;
	/*display: none;*/
}

.db{
	width: 750px;
	height: 122px;
	background: url(../img/ding.png) no-repeat 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.dbs{
	width: 560px;
	height: 122px;
	float: right;
	overflow-x:scroll; 
	overflow-y: hidden;
}
.db_1{
	width: 1540px;
	height: 122px;
	float: left;
	/*border: 1px solid;*/
	overflow: hidden;
	/*margin-left: 50px;*/
}

.ds{
	width: 108px;
	height: 98px;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.d1{
	background: url(../img/d1_1.png) no-repeat 0px 0px;
}
.d2{
	background: url(../img/d2_1.png) no-repeat 0px 0px;
}
.d3{
	background: url(../img/d3_1.png) no-repeat 0px 0px;
}
.d4{
	background: url(../img/d4_1.png) no-repeat 0px 0px;
}
.d5{
	background: url(../img/d5_1.png) no-repeat 0px 0px;
}
.d6{
	background: url(../img/d6_1.png) no-repeat 0px 0px;
}
.d7{
	background: url(../img/d7_1.png) no-repeat 0px 0px;
}
.d8{
	background: url(../img/d8_1.png) no-repeat 0px 0px;
}
.d9{
	background: url(../img/d9_1.png) no-repeat 0px 0px;
}
.d10{
	background: url(../img/d10_1.png) no-repeat 0px 0px;
}
.d11{
	background: url(../img/d11_1.png) no-repeat 0px 0px;
}
.d12{
	background: url(../img/d12_1.png) no-repeat 0px 0px;
}



.bt{
	width:250px;
	height: 88px;
	position: absolute;
	top: 196px;
	left:  258px;
	background: url(../img/bt1.png) no-repeat 0px 0px;
}


.p3_line{
	width: 500px;
	height: 4px;
	position: absolute;
	top: 785px;
	left: 125px;
	background: url(../img/p3_line.png) no-repeat 0px 0px;
}

.p3_tu{
	width: 200px;
	height: 256px;
	position: absolute;

}
.p3_1{
	background: url(../img/p3_1.png) no-repeat 0px 0px;
	top: 0px;
	left: 0px;
}
.p3_2{
	background: url(../img/p3_2.png) no-repeat 0px 0px;
	top: 114px;
	left: 229px;
}
.p3_3{
	background: url(../img/p3_3.png) no-repeat 0px 0px;
	top: 6px;
	left: 449px;
}
.p3_4{
	background: url(../img/p3_4.png) no-repeat 0px 0px;
	top: 0px;
	left: 0px;
}
.p3_5{
	background: url(../img/p3_5.png) no-repeat 0px 0px;
	top: 114px;
	left: 229px;
}
.p3_6{
	background: url(../img/p3_6.png) no-repeat 0px 0px;
	top: 6px;
	left: 449px;
}
.p3_7{
	background: url(../img/p3_7.png) no-repeat 0px 0px;
	top: 0px;
	left: 0px;
}
.p3_8{
	background: url(../img/p3_8.png) no-repeat 0px 0px;
	top: 114px;
	left: 229px;
}
.p3_9{
	background: url(../img/p3_9.png) no-repeat 0px 0px;
	top: 6px;
	left: 449px;
}

.p3_10{
	background: url(../img/p3_10.png) no-repeat 0px 0px;
	top: 0px;
	left: 0px;
}
.p3_11{
	background: url(../img/p3_11.png) no-repeat 0px 0px;
	top: 114px;
	left: 229px;
}
.p3_12{
	background: url(../img/p3_12.png) no-repeat 0px 0px;
	top: 6px;
	left: 449px;
}




.riqi{
	width: 73px;
	height: 72px;
	position: absolute;
	/*float: left;*/
	top: -18px;

}
.y1{
	background: url(../img/y1.png) no-repeat 0px 0px;
	left: -37px;
}
.y2{
	background: url(../img/y2.png) no-repeat 0px 0px;
	left: 123px;

}
.y3{
	background: url(../img/y3.png) no-repeat 0px 0px;
	left: 308px;

}
.y4{
	background: url(../img/y4.png) no-repeat 0px 0px;
	left: 456px;
	width: 93px;
	height: 72px;
}
.yuan{
	width: 20px;
	height: 20px;
	border-radius: 20px;
	/*background: #f39801;*/
	background: transparent;
	position: absolute;
}
.yuan1{
	top: 8px;
	left: 27px;
	background: #f39801;

}
.yuan2{
	top: 8px;
	left: 27px;
}
.yuan3{
	top: 7px;
	left: 25px;
}
.yuan4{
	top: 8px;
	left: 34px;
}
.swiper-container{
	/*display: none;*/
	position: absolute;
	width: 652px;
	height: 353px;
	overflow:hidden;
	top: 350px;
	left:50px;
	/*background: url(../img/19.png) no-repeat 0px 0px;*/
	
}
.swiper-slide{
	position: relative;
	overflow: hidden;
}
/*第一页样式*/
/*.slideYe01{
	background: url(../images/fm_bg.png) no-repeat 0px 0px;
}
.slideYe01 img{
	position: absolute;
}
*/
.tc{
	position: absolute;
	top: 50px;
	left: 52px;
	width: 652px;
	height: 0px;
	background: url(../img/tc_bg.png) no-repeat right top;
	z-index: 20000000;
	transform-origin:left top;
	animation: tc 2s 0s forwards;
	overflow: hidden;
	display: none;
}
.tc_xia{
	width: 652px;
	height: 71px;
	background: url(../img/tc_xia.png) no-repeat left bottom;
	position: absolute;
	bottom:0px;
	left: 0px;
}
@keyframes tc{
	0%{height: 71px;}
	100%{height: 1160px;}

}

.tc_zis{
	width: 470px;
	height: 800px;
	/*background: url(../img/tc_tu1.png) no-repeat 0px 0px;*/
	background-size: 100% 100%;
	/*position: absolute;
	top: 450px;
	left: 88px;*/
	margin-top: 100px;
	margin-left: 88px;
	overflow-y:auto; 
	overflow-x: hidden;
}
.tc_zi{
	margin-top: 15px;
}
@keyframes tc_zis{
	0%{height: 71px;}
	100%{height: 1154px;}

}
/*.tc_zi{
	width: 470px;
	height: 545px;
	background: url(../img/tc_tu1.png) no-repeat 0px 0px;
	background-size: 100% 100%;
	position: absolute;
	top: 450px;
	left: 88px;
	overflow-y:scroll; 
	overflow-x: hidden;
}*/
::-webkit-scrollbar{width:0;height:1px}
::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.2)}

.close{
	position: absolute;
	top: 16px;
	right: 62px;
	width: 44px;
	height: 36px;
	background: url(../img/close.png) no-repeat 0px 0px;
}
.btn_dl{
	position: absolute;
	top: 950px;
	left: 210px;
	width: 270px;
	height: 87px;
	background: url(../img/btn_dl.png) no-repeat 0px 0px;
}

.btn_sc{
	width: 870px;
	height: 87px;
	position: absolute;
	background: pink;
	top: 980px;
	left: 240px;
	background: url(../img/shengcheng.png) no-repeat 0px 0px;

	display: none;
}

.haibao{
	width: 100%;
	height: 100%;
	position: relative;
	background: url(../img/p2_bg.png) no-repeat 0px 0px;
	background-size: 100% 100%;
	display: none;
	z-index: 20000000;
	overflow:hidden;
}
.haibao img{
	position: absolute;
}
.haibao div{
	position: absolute;
}
.haibao .p2_line{
	top: -100px;
	left: 0px;
}
.haibao .p2_1{
	top: 260px;
	left: 42px;
}
.haibao .p2_2{
	top: 406px;
	left: 286px;
	animation-delay: 0.3s;

}
.haibao .p2_3{
	top: 448px;
	left: 538px;
	animation-delay: 0.6s;

}
.haibao .p2_4{
	top: 606px;
	left: 366px;
	animation-delay: 0.9s;

}
.haibao .p2_5{
	top: 546px;
	left: 50px;
	animation-delay: 1.2s;

}
.haibao .p2_6{
	top: 856px;
	left: 504px;
	animation-delay: 1.7s;

}
.haibao .p2_7{
	top: 900px;
	left: 48px;
	animation-delay: 1.4s;

}
.haibao .p2_8{
	top: 14px;
	left: 78px;
	animation-delay: 2s;

}

.haibao .p2_9{
	top: 182px;
	left: 282px;
	animation-delay: 2s;

}
.ewm{
	top: 750px;
	left: 227px;
	animation-delay: 2.3s;
}
.re{
	position: absolute;
	bottom: 55px;
	left: 100px;
	width: 270px;
	height: 87px;
	background: url(../img/re.png) no-repeat 0px 0px;
}

.fx{
	position: absolute;
	bottom: 55px;
	left: 420px;
	width: 270px;
	height: 87px;
	background: url(../img/fx.png) no-repeat 0px 0px;
}
.tx{
	width: 100%;
	height: 100%;
	position:absolute;
	background: url(../img/tx.png) no-repeat 0px 0px;
	/*background-size: 100% 100%;*/
	display: none;
	z-index: 20000000;
}
.back{
	margin-left: -50px;
    position: absolute;
    top: 733px;
    left: 280px;
    width: 286px;
    height: 110px;
    /*border: 1px solid;*/
}
.logo{
	position: absolute;
	bottom: 10px;
	left: 278px;
}