@charset "UTF-8";
/* 20180516 */
html { -webkit-font-smoothing: antialiased; font-size: 16px; }

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0; padding: 0; }

body, button, input, select, textarea { font-family: \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var, i { font-style: normal; }

kbd, pre, samp { font-family: courier new,courier,monospace,arial,\5b8b\4f53; }

form { display: inline; }

small { font-size: 12px; }

ul, ol { list-style: none; }

a { text-decoration: none; cursor: pointer; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

img { vertical-align: top; border: 0; -ms-interpolation-mode: bicubic; }

button, input, select, textarea { font-size: 100%; }

table { border-collapse: collapse; border-spacing: 0; }

input, button, select, textarea { outline: none; }

textarea { resize: none; }

input { text-indent: 10px; }

a:focus { outline: none; -moz-outline: none; }

/*****************************************************************************************/
button { border: 0; background: transparent; }

body { min-width: 1200px; background-color: #fff; }

.clear { clear: both; }

.hide { display: none; }

/************************************* 弹窗 ****************************************************/
#overlay { position: fixed; _position: absolute; display: none; z-index: 99; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=80); -moz-opacity: 0.4; background: #000; }

.icon-btn_01, .box2 .box_pop a, .icon-btn_02, .box4 .box_btn a, .icon-enter, .enter, .icon-logo, .logo { background-image: url(../img/sprite.png); background-position: -268px -268px; width: 154px; height: 51px; }

.icon-btn_02, .box4 .box_btn a, .icon-enter, .enter, .icon-logo, .logo { background-position: 0 -268px; width: 263px; height: 77px; }

.icon-enter, .enter, .icon-logo, .logo { background-position: -427px -268px; width: 129px; height: 47px; }

.icon-logo, .logo { background-position: 0 0; width: 235px; height: 182px; }

.icon-tit_01, .box2 .tit, .icon-tit_02, .box3 .tit, .icon-tit_03, .box4 .tit, .icon-tit_04, .box5 .tit { background-image: url(../img/sprite.png); background-position: -240px -81px; width: 477px; height: 76px; }

.icon-tit_02, .box3 .tit, .icon-tit_03, .box4 .tit, .icon-tit_04, .box5 .tit { background-position: -240px 0; width: 484px; }

.icon-tit_03,  .icon-tit_04, .box5 .tit { background-position: 0 -187px; width: 317px; }

.icon-tit_04, .box5 .tit { background-position: -322px -187px; }

.container { width: 1200px; margin: 0 auto; }

.box1 { width: 100%; height: 872px; background: url(../img/bg_01.jpg) no-repeat top center; position: relative; }
.box1 .part_01 { 
	height: 702px;
	position:relative; 
}

.part_01 span{
	position: absolute;
	display: block;
	width: 255px;
	height:62px;
	padding-top: 160px;
}

.part_01 i{
	display: block;
	width: 125px;
	height:30px;
	margin:0 auto;
	background: url(../img/bt.png) no-repeat;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}

.part_01 i:hover{
	
	background-position: 0 -30px;
}

.part_01 .hz1{
	background: url(../img/hz01.png) no-repeat;
	top:53px;
	left:994px;
}

.part_01 .hz2{
	background: url(../img/hz02.png) no-repeat;
	top:192px;
	left:773px;
}

.part_01 .hz3{
	background: url(../img/hz03.png) no-repeat;
	top:310px;
	left:1001px;
}

.part_01 .hz4{
	background: url(../img/hz04.png) no-repeat;
	top:439px;
	left:775px;
}

.box1 .part_02 { height: 160px;  position: relative; }
.box1 .container{
	height:100%;
	background:url(../img/contbox1.jpg) no-repeat top center;
}
.logo { display: block; position: absolute; top:15px; left: 1%; }

.saoma { position: absolute; top: -5px; left: 570px; width: 332px; height: 136px;  background: rgba(0, 0, 0, 0.4); text-align: center; border: 1px #fff solid; border-radius: 5px; }
.saoma h3 { position: absolute; left: 138px; top: 8px; width: 12px; color: #fff; font-size: 13px; font-weight: normal; text-align: center; line-height: 1.2; }
.saoma img { position: absolute; left: 8px; top: 8px; width: 120px; height: 120px; }
.saoma a { position: absolute; right: 8px; display: block; width: 158px; height: 50px; line-height: 50px; text-align: center; border-radius: 5px; color: #ffffff; }
.saoma a span { float: left; }
.saoma a.ios { top: 10px; background: #000000; border: 1px solid #fff; }
.saoma a.ios span:first-child { display: inline-block; width: 79px; height: 35px; background: url(../img/ios.png) no-repeat; margin: 9px 0 0 20px; }
.saoma a.tap { top: 71px; background: #00bbcd; border: 1px solid #73dce6; }
.saoma a.tap span:first-child { display: inline-block; width: 79px; height: 35px; background: url(../img/tap.png) no-repeat; margin: 9px 0 0 20px; }

.enter { display: block; position: absolute; top: 20px; right: 5%; }

.enter:hover { -webkit-filter: brightness(130%); filter: brightness(130%); }

.box2 { width: 100%; height: 972px; background: url(../img/bg_02.jpg) no-repeat top center; text-align: center; font-size: 18px; color: #919191; }
.box2 .container { padding-top: 65px; }
.box2 .tit { display: block; }
.box2 .box_pop { height: 51px; margin-top: 350px; position: relative; }
.box2 .box_pop a { display: inline-block; font-size: 24px; color: #fff; line-height: 51px; position: absolute; }
.box2 .box_pop a:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }
.box2 .box_pop #btn_01 { top: 0; left: 360px; }
.box2 .box_pop #btn_02 { top: 0; left: 680px; }
.box2 h3 { font-size: 36px; color: #6e93df; margin-top: 60px; }
.box2 p { line-height: 60px; }
.box2 ul { margin-top: 25px; }
.box2 ul li { margin: 0 18px; float: left; }
.box2 ul li img { margin-bottom: 10px; }

.tit { margin: 0 auto; }

.box3 { width: 100%; height: 970px; background: url(../img/bg_03.jpg) no-repeat top center; }
.box3 .container { padding-top: 65px; }
.box3 .tit { display: block; }
.box3 .box_img { width: 1150px; height: 666px; margin: 60px auto 0 auto; background: url(../img/bg_img.png) no-repeat; position: relative; }
.box3 .box_img a { position: absolute; top: 50px; left: 585px; width: 210px; height: 475px; display: block; }
.box3 .box_img .intro { position: absolute; top: 130px; left: 110px; width: 437px; border: 2px #c9ccd0 solid; color: #28252c; display: none; }
.box3 .box_img .intro .top { height: 40px; background: url(../img/bg_pop3.jpg) no-repeat; }
.box3 .box_img .intro .cont { background: #f2f2f2; min-height: 250px; padding: 0 35px; text-align: right; }
.box3 .box_img .intro .cont p { text-align: left; }
.box3 .box_img .intro .cont h3 { font-size: 24px; border-bottom: 2px #000 solid; margin: 20px 0 10px 0; }
.box3 .box_img .intro .bottom { height: 40px; background: url(../img/bg_pop4.jpg) no-repeat; }
.box3 .box_img .tips { position: absolute; top: 370px; right: 200px; width: 150px; height: 40px; background: rgba(0, 0, 0, 0.7); transform: skewX(-30deg); display: none; }
.box3 .box_img .tips i { width: 10px; height: 100%; background: #ff4d3c; float: left; }
.box3 .box_img .tips span { float: left; height: 100%; transform: skewX(30deg); line-height: 40px; font-size: 24px; color: #fff; padding-left: 20px; }

.box4 { width: 100%; height: 969px; background: url(../img/bg_04.jpg) no-repeat top center; text-align: center; }
.box4 .container { padding-top: 65px; }
.box4 .tit { display: block; margin-bottom: 30px; }
.box4 h3 { font-size: 36px; color: #6e93df; }
.box4 p { font-size: 18px; color: #919191; line-height: 60px; }
.box4 .box_gift { margin-top: 60px; height: 380px; }
.box4 .box_gift .left { float: left; width: 30%; height: 309px; border-right: 2px #678cda solid; padding-top: 40px; }
.box4 .box_gift .right { float: left; padding-left: 50px; }
.box4 .box_gift .right li { float: left; margin: 0 5px; }
.box4 .box_btn { margin-top: 30px; }
.box4 .box_btn a { display: inline-block; text-align: center; line-height: 77px; font-size: 24px; color: #fff; margin: 0 40px; }
.box4 .box_btn a:hover { -webkit-filter: brightness(120%); filter: brightness(120%); }

.box5 { width: 100%; height: 956px; background: url(../img/bg_05.jpg) no-repeat top center; }
.box5 .container { padding-top: 65px; }
.box5 .tit { display: block; }

.poster-main { position: relative; width: 800px; height: 234px; margin: 100px auto 0 auto; visibility: hidden; }

.poster-main.done { visibility: visible; }

.poster-main a, .poster-main img { display: block; border: 0; }

.poster-main .poster-list { width: 800px; height: 234px; list-style: none; }

.poster-main .poster-btn { position: absolute; height: 234px; width: 100px; top: 0; z-index: 10; opacity: .6; color: black; cursor: pointer; background-repeat: no-repeat; background-position: center center; transition: opacity .3s; }

.poster-main .poster-btn:hover { opacity: .9; transition: opacity .3s; }

.poster-main .poster-item { position: absolute; left: 0; top: 0; }

.poster-main .poster-left-btn { left: 50px; background-image: url("../img/arrow-left.png"); }

.poster-main .poster-right-btn { right: 50px; background-image: url("../img/arrow-right.png"); }

/************************************* 弹窗 ****************************************************/
.actAccountPop { border: 2px #c9ccd0 solid; width: 733px; text-align: center; position: absolute; z-index: 100; display: none; animation: tc .5s; font-size: 18px; color: #28252c; }
.actAccountPop .top { height: 50px; background-image: url("../img/bg_pop1.jpg"); }
.actAccountPop .cont { background: #f2f2f2; min-height: 250px; padding: 10px 0; }
.actAccountPop .cont h3 { font-size: 48px; color: #6b90dd; }
.actAccountPop .bottom { height: 50px; background-image: url("../img/bg_pop2.jpg"); }
.actAccountPop li { float: left; }

@keyframes cx { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes tc { 0% { transform: scale(0); }
  100% { transform: scale(1); } }
.close_xx { width: 41px; height: 39px; background: url("../img/x.png"); position: absolute; right: 20px; top: 20px; cursor: pointer; }

#pop1 p { margin: 30px 0; }
#pop1 ul { width: 430px; margin: 0 auto; }
#pop1 ul li { margin: 0 6px; }

#pop2 h3 { margin-bottom: 25px; }
#pop2 h4 { width: 130px; height: 40px; background: #7798de; border-radius: 25px; margin: 15px auto; font-size: 18px; color: #fff; line-height: 40px; }

#pop3 { font-size: 14px; }
#pop3 p { margin: 30px 0; }
#pop3 ul { width: 675px; margin: 0 auto; }
#pop3 ul li { margin: 0 14px; }
#pop3 ul li img { margin-bottom: 10px; }

.actAccountPop#pop4 { border: none; width: 994px; }
.actAccountPop#pop4 .close_xx { background: url("../img/x2.png"); top: 101px; right: 63px; }

.actAccountPop#pop5 { border: none; width: 884px; }
.actAccountPop#pop5 .close_xx { background: url("../img/x2.png"); top: 60px; left: -40px; }

.boxjs{
	height: 578px;
	background: url(../img/boxjs.jpg) no-repeat center top;
}

.hzbox{

}
.hzbox{ position: fixed; _position: absolute; display: block; z-index: 99; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; filter: alpha(opacity=80);  background:rgba(0,0,0,.8); display: none;}

.hzbox div{
	position: absolute;
	display: none;
	left:50%;
	top:50%;
	width: 492px;
	height:428px;
	margin:-214px 0 0 -246px;
}

.hzbox div i{
	display: block;
	position: absolute;
	width:27px;
	height:27px;
	background: url(../img/x3.png) no-repeat;
	top:0;
	right:37px;
	cursor: pointer;
}

.hzbox div span{
	display: block;
	position: absolute;
	width:196px;
	height:47px;
	background: url(../img/bt22.png) no-repeat;
	top:340px;
	left:50%;
	margin-left: -98px;
	cursor: pointer;
	font-size: 24px;
	line-height: 47px;
	text-align: center;
}
.hzbox div i:hover{
	filter:brightness(120%);
}

.boxtime{
	position: fixed;
	z-index: 1000;
	bottom: 0;
	left:0;
	right:0;
	height:50px;
	background: #73a8de;
	background: linear-gradient(#6696c6, #73a8de);
	color:#01114a;
	font-size:24px;
	text-align: center;
	line-height: 50px;
}
.boxtime strong{
	color:#fff;
}

a.enter{
	right:20px;
	weidth:125px;
	height:30px;
	background-image:url(../img/sprite.png);
	background-position: -427px -276px;
	z-index:10;
}

.peple{
	padding-top: 67px;
	position:absolute;
	z-index: 2;
	top:-18px;
	left:16px;
	display: block;
	width:138px ;
	height:53px;
	background-image:url(../img/peple.png);
	color:#fff;
	text-align: center;
	cursor: pointer;
}

.peple:hover{
	filter: brightness(110%);
}

.box4 .container .tit{
	background: url(../img/fulitit.png) no-repeat;
	width:484px;
	height:86px;
}