@charset "utf-8";html{cursor: default;}
h1, h2, h3, h4, h5, h6,p, li, label, td, th{cursor: text;}
a:link, a:visited, a:hover, a:active{cursor: pointer;}
body{box-sizing: border-box;width:100%;margin:0;padding:0;font-size:14px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;background-color: #f7f8f8;color: #333;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;outline: none;}
#bigpic{width:1920px;height:0px;position:relative;min-width:1280px;left:50%;margin:0 auto;margin-left:-960px;top:950px;}

video {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%);
	object-fit: contain;
        z-index:-2;
}/* 中间的动画*/
ol,ul{list-style:none;}
a{font-family:"微软雅黑",Arial, Helvetica, sans-serif;text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
.clearfix:after{content:"";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
span, a{display: inline-block;}
img{display: block;}
/* header*/.header{width: 100%;min-width: 1260px;height: 43px;padding: 6px 0;background: #fff;}
.head{width: 1080px;height: 43px;margin: 0 auto;}
.news_head{width: 800px;padding-left: 0;}
.icon_logo{width: 50px;height: 43px;float: left;background:url(..//icon_logo.png) center center no-repeat;}
.news_head .icon_logo{margin-right: 0;}
.head_txt{width: 77px;height: 43px;margin-right: 60px;float: left;background:url(..//headtxt.png) center center no-repeat;}
.head_menu{margin-right: 45px;padding-top: 12px;float: left;}
.news_head .head_menu{margin-right: 15px;}
.head_menu li{width: 117px;height: 20px;float: left;font-size: 18px;line-height: 20px;text-align: center;border-left: 1px solid #a83b3b;cursor: pointer;}
.head_menu li a{width: 117px;height: 20px;display: block;font-size: 18px;line-height: 20px;text-align: center;color: #a83b3b;}
.head_menu li.fir{border: 0;}
.head_menu li.on a,
.head_menu li:hover a{color: #a68763;}
.head_wx{width: 102px;height: 35px;padding: 4px 0 4px 50px;float: left;position: relative;background:url(..//wx_head.png) 5px center no-repeat;}
.head_wx p{line-height: 17px;font-size: 14px;color: #a83b3b;}
.wx_hover{display: none;width: 134px;height: 184px;padding: 0 9px;position: absolute;top: 48px;left: 0;background: #fff;z-index: 99;}
.head_wx:hover .wx_hover{display: block;}
.qrcode_wx{width: 134px;height: 133px;margin-bottom: 8px;background:url(..//qrcode_wx.jpg) center center no-repeat;background-size: 100%;}
.wx_hover p{padding-left: 14px;color: #585858;font-size: 14px;}
.wx_hover p.color{color: #bd465a;}
.header-primary{position:relative;height:547px;}
.container{width: 100%;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.scene{width: 100%;max-width: 1920px;min-width: 1920px;}
.box{width: 1920px;height: 100%;margin: 0 auto;position: relative;/* overflow: hidden;*/}
.nav{width: 100%;max-width: 1920px;min-width: 1200px;height: 96px;background: url("../images/nav-bg.jpg") no-repeat center top;position: absolute;top: -96px;z-index: 444;}
.scene1{ no-repeat center top;height: 956px;z-index: -1;}/* 两边的人物*/
.scene2{ no-repeat center top;height: 940px;position: relative;z-index: 2;}
.scene3{ no-repeat center top;height: 462px;}
.scene4{ no-repeat center top;height: 900px;}
.scene5{ no-repeat center top;height: 660px;}
.scene6{ no-repeat center top;height: 835px;}
.nav .box{position: relative;max-width:1200px;}
.nav .box ul{overflow: hidden;height: 96px;}
.nav .box ul li{float: left;width: 167px;height: 96px;line-height: 96px;text-align: center;}
.nav .box ul li a{width: 100%;height: 100%;font-size: 23px;color: #b2a980}
.nav .box ul li a img{width: 88px;height: 22px;display: none;margin: 37px auto 0;}
.nav .box ul li.li5 a img{width: 88px;height: 22px;}
.nav .box ul li a .img1{display: block;}
.nav .box ul li a:hover .img2{display: block;}
.nav .box ul li a:hover .img1{display: none;}
.nav .box ul li.li3{margin-right: 198px;}
.nav .box .logo{width: 159px;height: 87px;position: absolute;top: 0px;left: 50%;margin-left: -50px;}
.scene1 .box{}
.scene1 .box .left-girl{width: 1512px;height: 1355px;position: absolute;left: -1156px;top: 200px;z-index: 3;opacity:0;}
.scene1 .box .slogan{width: 227px;height: 487px;position: absolute;left: 70%;margin-left: -153px;top: 92px;}
.scene1 .box .right-boy{width:1668px;height: 1696px;position: absolute;right: -975px;top: -105px;z-index: 3;opacity:0;}
.scene1 .box .arrow{width: 78px;height: 40px;position: absolute;left: 50%;margin-left: -39px;top: 836px;z-index: 333;animation: down-arrow 1s linear infinite;}
@keyframes down-arrow{0%{top: 816px;}
100%{top: 836px;}}
.scene1 .box .btn{display: block;width: 146px;height: 46px;line-height: 46px;background: url("../images/btn-d.png") no-repeat;position: absolute;z-index: 444;font-size: 18px;text-align: center;color: #fff;}
.scene1 .box .btn:hover{background: url("../images/btn-h.png") no-repeat;}
.scene1 .box .down{top: 108px;right: -60px;}
.scene1 .box .down img{width: 72px;height: 21px;margin: 12px auto 0;}
.scene1 .box .code2d{width: 146px;height: 146px;position: absolute;top: 156px;right: -60px;z-index: 444;display: none;}
.scene1 .box .enter{top: 108px;right: 90px;}
.scene1 .box .enter img{width: 70px;height: 21px;margin: 12px auto 0;}
.clond{width: 100%;max-width: 1920px;height: 252px;position: absolute;top: 575px;z-index:2;min-width: 1200px;background: url("../images/clond.png") no-repeat center top;}

	.section1 {overflow:hidden;width:100%;margin-top:80px;}
.section1 .inc{position:relative;width:1062px;height:138px;margin:0 auto;top:0px;}
	.download{float:left;width:1062px;height:138px;}
		.btn_1{width:170px;height:138px;text-align:center;font-size:13px;color:#000;margin-left:0px;background:url(../images/btn1.png) no-repeat left top;display:block;}
		.btn_1:hover{width:170px;height:138px;text-align:center;font-size:13px;color:#000;margin-left:0px;background-position:left bottom;display:block;}
		.btn_2{width:196px;height:65px;text-align:center;font-size:13px;color:#000;margin-top:-138px;margin-left:180px;background:url(../images/btn2.png) no-repeat right top;display:block;}
		.btn_2:hover{background-position:left bottom;letter-spacing:4px;}
		.btn_3{width:196px;height:65px;text-align:center;font-size:13px;color:#000;margin-top:7px;margin-left:180px;background:url(../images/btn3.png) no-repeat right top;display:block;}
		.btn_3:hover{background-position:left bottom;letter-spacing:4px;}


		
.scene2 .box{}
.scene2 .box .tap{width: 100%;position: absolute;top: 285px; left: 15px; }
.scene2 .box .tap ul{position: relative;width: 100%;height: 100%;}
.scene2 .box .tap ul li{width: 154px;height: 108px;position: absolute;cursor: pointer;}
.scene2 .box .tap ul li .inner{width: 154px;height: 108px;/*background: url("../images/ta1b-bg1.png") no-repeat center;*/overflow: hidden;text-align: center;position: relative;}
.scene2 .box .tap ul li .inner img{display: none;width: 154px;height: 108px;position: absolute;left: 50%;top: 50%;margin-left: -78px;margin-top: -54px;}
.scene2 .box .tap ul li .inner img.active{display: block;}
.scene2 .box .tap ul li:hover .inner .active{display: none;}
.scene2 .box .tap ul li:hover .inner img{display: block;}
.scene2 .box .tap ul li.active:hover .inner img.active{display: block;}
.scene2 .box .tap ul .li1{left: 465px;top: -408px;}
.scene2 .box .tap ul .li2{left: 709px;top: -408px;}
.scene2 .box .tap ul .li3{left: 963px;top: -408px;}
.scene2 .box .tap ul .li4{left: 1217px;top: -408px;}
.scene2 .box .tap ul .li5{left: 1201px;top: -408px;}
.scene2 .box .tap ul .li6{left: 1385px;top: -408px;}
.scene2 .box .tap ul .li7{left: 465px;top: 218px;}
.scene2 .box .tap ul .li8{left: 649px;top: 218px;}
.scene2 .box .tap ul .li9{left: 833px;top: 218px;}
.scene2 .box .tap ul .li10{left: 1017px;top: 218px;}
.scene2 .box .tap ul .li11{left: 1201px;top: 218px;}
.scene2 .box .tap ul .li12{left: 1385px;top: 218px;}
.scene2 .box .tap ul li .circle{width: 154px;height: 108px;/*background: url("../images/tab-bg12.png") no-repeat;position: absolute;*/left: 0;top: 0;display: none;}
.scene2 .box .tap ul li.active .circle{display: block;}
.scene2 .box .tap ul .li2 .circle{}
.scene2 .box .tap ul .li3 .circle{}
.scene2 .box .tap ul .li4 .circle{}
.scene2 .box .tap ul .li5 .circle{}
.scene2 .box .tap ul .li6 .circle{}
.scene2 .box .tap ul .li7 .circle{}
.scene2 .box .tap ul .li8 .circle{}
.scene2 .box .tap ul .li9 .circle{}
.scene2 .box .tap ul .li10 .circle{}
.scene2 .box .tap ul .li11 .circle{}
.scene2 .box .tap ul .li12 .circle{}
.scene2 .box .main{display: none;}
.scene2 .box .main.active{display: block;}
.scene2 .box .main .main1 .same{float: left;}
.scene2 .box .main .main1 .same1{margin: 116px 0 0 66px;}
.scene2 .box .main .main1 .same2{width: 30px;height: 151px;line-height: 32px;background: url("../images/zytx.png") no-repeat;font-size: 29px;color: #6c5794;padding-top: 13px;margin: 130px 0 0 36px;}
.scene2 .box .main .main1 .same3{font-size: 18px;color: #000000;width: 18px;margin: 130px 20px 0 14px;line-height: 16px;letter-spacing: 9px;}
.scene2 .box .main .main1 .same4{width: 29px;height: 151px;line-height: 32px;background: url("../images/ssnd.png") no-repeat;font-size: 29px;color: #6c5794;padding-top: 13px;margin: 130px 0 0 0;}
.scene2 .box .main .main1 .same4 .nandu{margin: 5px 0 0 0;}
.scene2 .box .main .main1 .same4 .nandu1{margin: 160px 0 0 0;}


.brackets{transform: rotate(90deg) translateY(-2px);-webkit-transform: rotate(90deg) translateY(-2px);-moz-transform: rotate(90deg) translateY(-2px);-ms-transform: rotate(90deg) translateY(-2px);-o-transform: rotate(90deg) translateY(-2px);margin-top: -14px;margin-bottom: -28px;}
.scene2 .box .main .main3{position: absolute;top: 136px;right:-20px;text-align: center;opacity:0;}
.scene2 .box .main .main1{position: absolute;left: -60px;opacity:0;}
.scene2.on .box .main.active .main1{-webkit-animation: scene2-left1 1s forwards;-moz-animation: scene2-left1 1s forwards;-o-animation: scene2-left1 1s forwards;-ms-animation: scene2-left1 1s forwards;animation: scene2-left1 1s forwards;}
@-webkit-keyframes scene2-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@-moz-keyframes scene2-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@-ms-keyframes scene2-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@-o-keyframes scene2-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@keyframes scene2-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
.scene2.on .box .main.active .main3{-webkit-animation: scene2-right1 1.4s forwards;-moz-animation: scene2-right1 1.4s forwards;-o-animation: scene2-right1 1.4s forwards;-ms-animation: scene2-right1 1.4s forwards;animation: scene2-right1 1.4s forwards;}
@keyframes scene2-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-webkit-keyframes scene2-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-ms-keyframes scene2-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-o-keyframes scene2-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-moz-keyframes scene2-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
.scene2 .box .main .main2{width: 100%;height: 800px;/*background: url("../images/s2-qingyun2.png") no-repeat 177px top;*/position: absolute;margin-top: 100px;left:-45px;opacity:0;}
.scene2.on .box .main.active .main2{-webkit-animation: scene2-middle 1.4s forwards;-moz-animation: scene2-middle 1.4s forwards;-o-animation: scene2-middle 1.4s forwards;-ms-animation: scene2-middle 1.4s forwards;animation: scene2-middle 1.4s forwards;}
.scene2 .box .b-main1 .main2{background: url("../img/0001.png") no-repeat 537px 210px;}
.scene2 .box .b-main2 .main2{background: url("../img/0002.png") no-repeat 537px 210px;}
.scene2 .box .b-main3 .main2{background: url("../img/0003.png") no-repeat 537px 210px;}
.scene2 .box .b-main4 .main2{background: url("../img/0004.png") no-repeat 537px 210px;}
.scene2 .box .b-main5 .main2{background: url("../img/0005.png") no-repeat 537px 210px;}
.scene2 .box .b-main6 .main2{background: url("../img/0006.png") no-repeat 537px 210px;}
.scene2 .box .b-main7 .main2{background: url("../img/0007.png") no-repeat 537px 210px;}
.scene2 .box .b-main8 .main2{background: url("../img/0008.png") no-repeat 537px 210px;}
.scene2 .box .b-main9 .main2{background: url("../img/0009.png") no-repeat 537px 210px;}
.scene2 .box .b-main10 .main2{background: url("../img/0009.png") no-repeat 537px 210px;}








.scene3 .box{}
.scene3 .box .tap{width: 100%;position: absolute;top: 536px; left:-45px;}
.scene3 .box .tap ul{position: relative;width: 100%;height: 100%;}
.scene3 .box .tap ul li{width: 178px;height: 179px;position: absolute;cursor: pointer;}
.scene3 .box .tap ul li .inner{width: 169px;height: 169px;background: url("../images/tab-bg1.png") no-repeat center;overflow: hidden;text-align: center;position: relative;}
.scene3 .box .tap ul li .inner img{display: none;width: 68px;height: 68px;position: absolute;left: 50%;top: 50%;margin-left: -43px;margin-top: -43px;}
.scene3 .box .tap ul li .inner img.active{display: block;}
.scene3 .box .tap ul li:hover .inner .active{display: none;}
.scene3 .box .tap ul li:hover .inner img{display: block;}
.scene3 .box .tap ul li.active:hover .inner img.active{display: block;}
.scene3 .box .tap ul .li1{left: 615px;top: 239px;}
.scene3 .box .tap ul .li2{left: 703px;top: 239px;}
.scene3 .box .tap ul .li3{left: 791px;top: 239px;}
.scene3 .box .tap ul .li4{left: 879px;top: 239px;}
.scene3 .box .tap ul .li5{left: 967px;top: 239px;}
.scene3 .box .tap ul .li6{left: 1055px;top: 239px;}
.scene3 .box .tap ul .li7{left: 1143px;top: 239px;}
.scene3 .box .tap ul li .circle{width: 178px;height: 179px;background: url("../images/tab-bg.png") no-repeat;position: absolute;left: 0;top: 0;display: none;}
.scene3 .box .tap ul li.active .circle{display: block;}
.scene3 .box .tap ul .li2 .circle{transform: rotate(-10deg);-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg);}
.scene3 .box .tap ul .li3 .circle{transform: rotate(-30deg);-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);-o-transform: rotate(-30deg);}
.scene3 .box .tap ul .li4 .circle{transform: rotate(-50deg);-webkit-transform: rotate(-50deg);-moz-transform: rotate(-50deg);-ms-transform: rotate(-50deg);-o-transform: rotate(-50deg);}
.scene3 .box .tap ul .li5 .circle{transform: rotate(-70deg);-webkit-transform: rotate(-70deg);-moz-transform: rotate(-70deg);-ms-transform: rotate(-70deg);-o-transform: rotate(-70deg);}
.scene3 .box .tap ul .li6 .circle{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
.scene3 .box .tap ul .li7 .circle{transform: rotate(-100deg);-webkit-transform: rotate(-100deg);-moz-transform: rotate(-100deg);-ms-transform: rotate(-100deg);-o-transform: rotate(-100deg);}
.scene3 .box .main{display: none;}
.scene3 .box .main.active{display: block;}
.scene3 .box .main .main1 .same{float: left;}
.scene3 .box .main .main1 .same1{margin: 116px 0 0 386px;z-index:9999999999;}
.scene3 .box .main .main1 .same2{width: 30px;height: 151px;line-height: 32px;font-size: 29px;color: #6c5794;padding-top: 13px;margin: 130px 0 0 36px;}
.scene3 .box .main .main1 .same3{font-size: 18px;color: #000000;width: 18px;margin: 130px 20px 0 14px;line-height: 16px;letter-spacing: 9px;}
.scene3 .box .main .main1 .same4{width: 29px;height: 151px;line-height: 32px;background: url("../images/ssnd.png") no-repeat;font-size: 29px;color: #6c5794;padding-top: 13px;margin: 130px 0 0 0;}
.scene3 .box .main .main1 .same4 .nandu{margin: 5px 0 0 0;}
.scene3 .box .main .main1 .same4 .nandu1{margin: 160px 0 0 0;}
.brackets{transform: rotate(90deg) translateY(-2px);-webkit-transform: rotate(90deg) translateY(-2px);-moz-transform: rotate(90deg) translateY(-2px);-ms-transform: rotate(90deg) translateY(-2px);-o-transform: rotate(90deg) translateY(-2px);margin-top: -14px;margin-bottom: -28px;}
.scene3 .box .main .main3{position: absolute;top: 136px;right:-20px;text-align: center;opacity:0;}
.scene3 .box .main .main1{position: absolute;left: -60px;opacity:0;}
.scene3.on .box .main.active .main1{-webkit-animation: scene3-left1 1s forwards;-moz-animation: scene3-left1 1s forwards;-o-animation: scene3-left1 1s forwards;-ms-animation: scene3-left1 1s forwards;animation: scene3-left1 1s forwards;}
@-webkit-keyframes scene3-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@-moz-keyframes scene3-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@-ms-keyframes scene3-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@-o-keyframes scene3-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
@keyframes scene3-left1{0%{left: -60px;opacity:0;}
100%{left:0px;opacity:1;}}
.scene3.on .box .main.active .main3{-webkit-animation: scene3-right1 1.4s forwards;-moz-animation: scene3-right1 1.4s forwards;-o-animation: scene3-right1 1.4s forwards;-ms-animation: scene3-right1 1.4s forwards;animation: scene3-right1 1.4s forwards;}
@keyframes scene3-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-webkit-keyframes scene3-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-ms-keyframes scene3-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-o-keyframes scene3-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
@-moz-keyframes scene3-right1{0%{right: -20px;opacity:0;}
100%{right: 34px;opacity:1;}}
.scene3 .box .main .main2{width: 100%;height: 1000px;position: absolute;left: 300px;opacity:0;}
.scene3.on .box .main.active .main2{-webkit-animation: scene3-middle 1.4s forwards;-moz-animation: scene3-middle 1.4s forwards;-o-animation: scene3-middle 1.4s forwards;-ms-animation: scene3-middle 1.4s forwards;animation: scene3-middle 1.4s forwards;}
.scene3 .box .b-main1 .main2{background: url("../images/s2-qingyun2.png") no-repeat 177px top;}
.scene3 .box .b-main2 .main2{background: url("../images/ym-bg.png") no-repeat 177px top;}
.scene3 .box .b-main3 .main2{background: url("../images/ty-bg.png") no-repeat 177px top;}
.scene3 .box .b-main4 .main2{background: url("../images/fx-bg.png") no-repeat 177px top;}
.scene3 .box .b-main5 .main2{background: url("../images/hh-bg.png") no-repeat 177px top;}
.scene3 .box .b-main6 .main2{background: url("../images/qy-bg.png") no-repeat 177px top;}
.scene3 .box .b-main7 .main2{background: url("../images/gw-bg.png") no-repeat 177px top;}
@keyframes scene3-middle{0%{top: 100px;opacity:0;}
100%{top: 0;opacity:1;}}
@-webkit-keyframes scene3-middle{0%{top:100px;opacity:0;}
100%{top: 0;opacity:1;}}
@-ms-keyframes scene3-middle{0%{top: 100px;opacity:0;}
100%{top: 0;opacity:1;}}
@-moz-keyframes scene3-middle{0%{top: 100px;opacity:0;}
100%{top: 0;opacity:1;}}
@-o-keyframes scene3-middle{0%{top: 100px;opacity:0;}
100%{top: 0;opacity:1;}}
.scene3 .box .main .main3 .detail-btn{width: 235px;height: 51px;line-height: 51px;background: url("../images/detail1-d.png") no-repeat center;text-align: center;cursor: pointer;margin: 33px auto 0;}
.scene3 .box .main .main3 .detail-btn a{display: block;width: 100%;height: 36px;font-size: 23px;color: #3a2e46;padding-top: 15px;}
.scene3 .box .main .main3 .detail-btn:hover{background: url("../images/detail1-h.png") no-repeat center;color: #efedf0;}
.scene3 .box .main .main3 .detail-btn a:hover{color: #efedf0;}
.scene3 .box .main .main3 .detail-btn a img{width: 133px;height: 22px;margin: 0 auto;display: block;}
.scene3 .box .main .main3 .video-view{width: 396px;height: 312px;background: url("../images/video-bg1.png") no-repeat;overflow: hidden;cursor: pointer;}
.scene3 .box .main .main3 .video-view:hover .play-icon{transform: scale(1.4);-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);}
.scene3 .box .main .main3 .video-view .video-inner{width: 396px;height: 302px;background: url("../images/video-bg2.png") no-repeat;margin: 6px auto 0;position: relative;}
.scene3 .box .main .main3 .video-view .video-inner .v-bg{width: 396px;height: 302px;}
.scene3 .box .main .main3 .video-view .video-inner .play-icon{width: 23px;height: 43px;position: absolute;left: 50%;top: 50%;margin-left: -11px;margin-top: -22px;}
/*视频开始*/.pop_video{background: #000;width: 800px;height: 500px;position: relative;display: none;}
.closeBtn{background: url(..//close.png) no-repeat;width: 63px;height: 63px;position: absolute;right: -63px;top: 0;cursor: pointer;display: block;}
/*视频结束*/.scene4 .box{}
.scene4 .box .title{width: 905px;height: 117px;line-height: 98px;background: url("../images/nav1-bg.png") no-repeat;position: absolute;top: 150px;left: 50%;margin-left: -452px;overflow: hidden;}
.scene4 .box .title ul li{float: left;}
.scene4 .box .title ul li.li1{font-size: 45px;color: #b2a980;margin: 0 40px 0 160px;padding-top: 32px;}
.scene4 .box .title ul li.li2{margin: 25px 10px 0 10px;}
.scene4 .box .title ul li.li3{}
.scene4 .box .title ul .sameli{padding: 50px 0 0 0;cursor: pointer;margin-top: 25px;width: 183px;}
.scene4 .box .title ul .sameli img{width: 106px;height: 26px;margin: -38px -12px 0 41px;display: none;}
.scene4 .box .title ul .sameli img.active{display: block;}
.scene4 .box .title ul .sameli:hover .active{display: none;}
.scene4 .box .title ul .sameli:hover img{display: block;}
.scene4 .box .title ul .sameli.active:hover img{display: none;}
.scene4 .box .title ul .sameli.active:hover img.active{display: block;}
.scene4 .box .title ul .sameli.active{color: #fcfaff}
.scene4 .box .main{width: 1116px;height: 610px;position: absolute;top: 320px;left: 50%;margin-left: -558px;display: none;}
.scene4 .box .main1{background: url("../images/game-face1.png") no-repeat center;}
.scene4 .box .main2{background: url("../images/sjditu.png") no-repeat center ;}
.scene4.on .box .title{-webkit-animation: scene4-title 1s 0.2s forwards;-moz-animation: scene4-title 1s 0.2s forwards;-o-animation: scene4-title 1s 0.2s forwards;-ms-animation: scene4-title 1s 0.2s forwards;animation: scene4-title 1s 0.2s forwards;}
@keyframes scene4-title{0%{top: 150px;}
100%{top: 85px;}}
@-webkit-keyframes scene4-title{0%{top: 150px;}
100%{top: 85px;}}
@-ms-keyframes scene4-title{0%{top: 150px;}
100%{top: 85px;}}
@-o-keyframes scene4-title{0%{top: 150px;}
100%{top: 85px;}}
@-moz-keyframes scene4-title{0%{top: 150px;}
100%{top: 85px;}}
.scene4.on .box .main{-webkit-animation: scene4-main 1s forwards;-moz-animation: scene4-main 1s forwards;-o-animation: scene4-main 1s forwards;-ms-animation: scene4-main 1s forwards;animation: scene4-main 1s forwards;}
@keyframes scene4-main{0%{top: 320px;}
100%{top: 225px;}}
@-webkit-keyframes scene4-main{0%{top: 320px;}
100%{top: 225px;}}
@-moz-keyframes scene4-main{0%{top: 320px;}
100%{top: 225px;}}
@-ms-keyframes scene4-main{0%{top: 320px;}
100%{top: 225px;}}
@-o-keyframes scene4-main{0%{top: 320px;}
100%{top: 225px;}}
.scene4 .box .main.active{display: block;}
.scene5 .box{}
.scene5 .box .title{width: 899px;height: 110px;line-height: 100px;background: url("../images/nav2-bg.png") no-repeat center;position: absolute;top: 74px;left: 50%;margin-left: -452px;overflow: hidden;opacity:0;z-index:333;}
.scene5.on .box .title{-webkit-animation: scene5-title 1s forwards;-moz-animation: scene5-title 1s forwards;-o-animation: scene5-title 1s forwards;-ms-animation: scene5-title 1s forwards;animation: scene5-title 1s forwards;}
@keyframes scene5-title{0%{opacity:0;top: 74px;}
100%{opacity:1;top: 27px;}}
@-webkit-keyframes scene5-title{0%{opacity:0;top: 74px;}
100%{opacity:1;top: 27px;}}
@-ms-keyframes scene5-title{0%{opacity:0;top:74px;}
100%{opacity:1;top: 27px;}}
@-o-keyframes scene5-title{0%{opacity:0;top: 74px;}
100%{opacity:1;top: 27px;}}
@-moz-keyframes scene5-title{0%{opacity:0;top:74px;}
100%{opacity:1;top: 27px;}}
.scene5 .box .title .wanz-h{width: 166px;height: 41px;float: left;margin-top: 32px;margin-left: 163px;margin-right: 53px;}
.scene5 .box .title .wanz-h img{width: 100%;height: 100%;}
.scene5 .box .title ul{overflow: hidden;margin-top:8px;}
.scene5 .box .title ul li{float: left;width: 180px;height: 87px;cursor: pointer;}
.scene5 .box .title ul li img{width: 108px;height: 27px;margin: 30px auto 0;display: none;}
.scene5 .box .title ul li img.active{display: block;}
.scene5 .box .title ul li:hover .active{display: none;}
.scene5 .box .title ul li:hover img{display: block;}
.scene5 .box .title ul li.active:hover img{display: block;}
.scene5 .box{overflow: hidden;}
.scene5 .box .beauty-main .left{position: absolute;top: 158px;opacity:0;padding-left:405px;}
.scene5.on .box .beauty-main .left{-webkit-animation: 1s scene5-left forwards;-moz-animation: 1s scene5-left forwards;-o-animation: 1s scene5-left forwards;-ms-animation: 1s scene5-left forwards;animation: 1s scene5-left forwards;}
@keyframes scene5-left{0%{left: 45px;opacity:0;}
100%{left: 85px;opacity:1;}}
@-webkit-keyframes scene5-left{0%{left: 45px;opacity:0;}
100%{left: 85px;opacity:1;}}
@-ms-keyframes scene5-left{0%{left: 45px;opacity:0;}
100%{left: 85px;opacity:1;}}
@-moz-keyframes scene5-left{0%{left: 45px;opacity:0;}
100%{left: 85px;opacity:1;}}
@-o-keyframes scene5-left{0%{left: 45px;opacity:0;}
100%{left: 85px;opacity:1;}}
.scene5 .box .main .left ul{width: 404px;/* overflow: hidden;*/}
.scene5 .box .main.beauty-main .left ul li{width: 108px;height: 249px;background: url("../images/s5-tab.png") no-repeat;float: left;cursor: pointer;}
.scene5 .box .main .left ul li .font img{display: none;}
.scene5 .box .main .left ul li .font img.active{display: block;}
.scene5 .box .main .left ul li.same1{margin-right: 40px;}
.scene5 .box .main .left ul li .font{width: 27px;line-height: 26px;font-size: 27px;color: #fff;margin: 53px auto;}
.scene5 .box .main .left ul li:hover .font .active{display: none;}
.scene5 .box .main .left ul li:hover .font img{display: block;}
.scene5 .box .main .left ul li.active:hover .font img{display: none;}
.scene5 .box .main .left ul li.active:hover .font img.active{display: block;}
.scene5 .box .main .right{width: 610px;display: none;position: absolute;margin-right: 335px;opacity:0;}
.scene5.on .box .main .right{-webkit-animation: scene5-right 1s forwards;-moz-animation: scene5-right 1s forwards;-o-animation: scene5-right 1s forwards;-ms-animation: scene5-right 1s forwards;animation: scene5-right 1s forwards;}
@keyframes scene5-right{0%{right: -35px;opacity:0;}
100%{right: -35px;opacity: 1;}}
@-webkit-keyframes scene5-right{0%{right: -35px;opacity:0;}
100%{right: -35px;opacity: 1;}}
@-moz-keyframes scene5-right{0%{right: -35px;opacity:0;}
100%{right: -35px;opacity: 1;}}
@-ms-keyframes scene5-right{0%{right: -35px;opacity:0;}
100%{right: -35px;opacity: 1;}}
@-o-keyframes scene5-right{0%{right: -35px;opacity:0;}
100%{right: -35px;opacity: 1;}}
.scene5 .box .main .right.active{display: block;margin-right:305px;}
.scene5 .box .main .right .line{width: 610px;height: 23px;background: url("../images/line11.png") no-repeat;}
.scene5 .box .main .right .line1{margin-top: 170px;}
.scene5 .box .main .right .middle-font{width: 610px;height: 463px;padding: 0 0 0 0px;position: relative;}
.scene5 .box .main .right .middle-font .big{font-size: 63px;color: #3a2e46;position: absolute;top: -11px;}
.scene5 .box .main .right .middle-font .small{font-size: 26px;color: #3a2e46;text-indent: 63px;line-height: 43px;margin: 27px 0 0 0;}
.scene5 .box .main .right .detail-btn{width: 235px;height: 51px;line-height: 51px;background: url("../images/detail2-d.png") no-repeat center;text-align: center;cursor: pointer;margin: 33px auto 0;}
.scene5 .box .main .right .detail-btn a{display: block;width: 100%;height: 100%;font-size: 23px;color: #3a2e46;}
.scene5 .box .main .right .detail-btn:hover{background: url("../images/detail2-h.png") no-repeat center;color: #efedf0;}
.scene5 .box .main .right .detail-btn a:hover{color: #fff;}
.scene5 .box .main{display: none;}
.scene5 .box .main.active{display: block;}
.scene6 .box{overflow: hidden;}
.scene6 .box .title{width: 501px;height: 109px;background: url("../images/game-special.png") no-repeat;position: absolute;left: 50%;top: 40px;margin-left: -250px;opacity:0;}
.scene6.on .box .title{-webkit-animation: scene6-title 1s forwards;-moz-animation: scene6-title 1s forwards;-o-animation: scene6-title 1s forwards;-ms-animation: scene6-title 1s forwards;animation: scene6-title 1s forwards;}
@keyframes scene6-title{0%{opacity:0;top: 40px;}
100%{top:0;opacity:1;}}
@-webkit-keyframes scene6-title{0%{opacity:0;top: 40px;}
100%{top:0;opacity:1;}}
@-ms-keyframes scene6-title{0%{opacity:0;top: 40px;}
100%{top:0;opacity:1;}}
@-moz-keyframes scene6-title{0%{opacity:0;top: 40px;}
100%{top:0;opacity:1;}}
@-o-keyframes scene6-title{0%{opacity:0;top: 40px;}
100%{top:0;opacity:1;}}
.scene6 .box .main{width: 1095px;height: 653px;/*background: url("../images/lunbo-bg.png") no-repeat;*/position: absolute;top: 500px;left: 50%;margin-left: -547px;z-index: 111;opacity:0;overflow: hidden;}
.scene5 .box .main.strong-main{}
.scene5 .box .main.strong-main .left{width: 509px;height: 509px;background: url("../images/bainq-bg.png") no-repeat;position: absolute;top: 158px;margin-left: 395px;}
.scene5 .box .main.strong-main .left ul{width: 100%;height: 100%;position: relative;}
.scene5 .box .main.strong-main .left ul li{position: absolute;width: 95px;height: 115px;cursor: pointer;}
.scene5 .box .main.strong-main .left ul .li1{}
.scene5 .box .main.strong-main .left ul li img{display: none;}
.scene5 .box .main.strong-main .left ul li .active{display: block;}
.scene5 .box .main.strong-main .left ul .li1{left: 50%;margin-left: -47px;top: -10px;}
.scene5 .box .main.strong-main .left ul .li2{right: 18px;top: 86px;}
.scene5 .box .main.strong-main .left ul .li3{right: 18px;bottom: 86px;}
.scene5 .box .main.strong-main .left ul .li4{left: 50%;margin-left: -47px;bottom: -10px;}
.scene5 .box .main.strong-main .left ul .li5{left: 18px;bottom: 86px;}
.scene5 .box .main.strong-main .left ul .li6{left: 18px;top: 86px;}
.scene5 .box .main.strong-main .left ul li:hover img.active{display: none;}
.scene5 .box .main.strong-main .left ul li:hover img{display: block;}
.scene5 .box .main.strong-main .left ul li.active:hover img{display: none;}
.scene5 .box .main.strong-main .left ul li.active:hover img.active{display: block;}
.scene5.on .box .main.strong-main .left{-webkit-animation: 1s strong-main forwards;-moz-animation: 1s strong-main forwards;-o-animation: 1s strong-main forwards;-ms-animation: 1s strong-main forwards;animation: 1s strong-main forwards;}
@keyframes strong-main{0%{left: 10px;opacity:0;}
100%{left: 40px;opacity:1;}}
@-webkit-keyframes strong-main{0%{left: 10px;opacity:0;}
100%{left: 40px;opacity:1;}}
@-ms-keyframes strong-main{0%{left: 10px;opacity:0;}
100%{left: 40px;opacity:1;}}
@-moz-keyframes strong-main{0%{left: 10px;opacity:0;}
100%{left: 40px;opacity:1;}}
@-o-keyframes strong-main{0%{left: 10px;opacity:0;}
100%{left: 40px;opacity:1;}}
.scene6.on .box .main{-webkit-animation: scene6-main 1s forwards;-moz-animation: scene6-main 1s forwards;-o-animation: scene6-main 1s forwards;-ms-animation: scene6-main 1s forwards;animation: scene6-main 1s forwards;}
@keyframes scene6-main{0%{top: 145px;opacity:0;}
100%{top: 100px;opacity:1;}}
@-webkit-keyframes scene6-main{0%{top: 145px;opacity:0;}
100%{top: 100px;opacity:1;}}
@-ms-keyframes scene6-main{0%{top: 145px;opacity:0;}
100%{top: 100px;opacity:1;}}
@-o-keyframes scene6-main{0%{top: 145px;opacity:0;}
100%{top: 100px;opacity:1;}}
@-moz-keyframes scene6-main{0%{top:145px;opacity:0;}
100%{top: 100px;opacity:1;}}
.scene6 .box .lunbo-title{width: 109px;height: 361px;position: absolute;left: 82px;top: 135px;z-index: 333;opacity:0;}
.scene6.on .box .lunbo-title{-webkit-animation: scene6-lunbo-title 1s forwards;; -moz-animation: scene6-lunbo-title 1s forwards;; -o-animation: scene6-lunbo-title 1s forwards;; -ms-animation: scene6-lunbo-title 1s forwards;; animation: scene6-lunbo-title 1s forwards;}
@keyframes scene6-lunbo-title{0%{top: 135px;opacity:0;}
100%{top: 90px;opacity:1;}}
@-webkit-keyframes scene6-lunbo-title{0%{top: 135px;opacity:0;}
100%{top: 90px;opacity:1;}}
@-moz-keyframes scene6-lunbo-title{0%{top: 135px;opacity:0;}
100%{top: 90px;opacity:1;}}
@-ms-keyframes scene6-lunbo-title{0%{top: 135px;opacity:0;}
100%{top: 90px;opacity:1;}}
@-o-keyframes scene6-lunbo-title{0%{top: 135px;opacity:0;}
100%{top: 90px;opacity:1;}}
/*unslider*/.banner{/*position: relative;*/overflow: hidden;text-align: center;margin: 68px auto 0;}
.banner li{list-style: none;}
.banner ul li{width: 950px !important;height: 535px;float: left;position: relative;overflow: visible !important;z-index: 11111111111;}
.banner ul .li1{background: url("../img/1.gif") no-repeat center;}
.banner ul .li2{background: url("../img/2.gif") no-repeat center;}
.banner ul .li3{background: url("../img/3.gif") no-repeat center;}
.banner ul .li4{background: url("../img/4.gif") no-repeat center;}
.banner ul .li5{background: url("../img/5.gif") no-repeat center;}
.banner ul .li6{background: url("../img/6.gif") no-repeat center;}
#b04{width: 640px;}
#b04 .dots{position: absolute;left: 0;right: 0;bottom: 16px ;}
#b04 .dots li{display: inline-block;width: 21px;height: 21px;margin: 0 4px;text-indent: -999em;background: url("../images/dot.png") no-repeat;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;position: relative;}
#b04 .dots li.active{opacity: 1;background: url("../images/dot-h.png") no-repeat;}
#b04 .arrow{position: absolute;top: 300px;}
#b04 #al{left: 15px;}
#b04 #ar{right: 15px;}
#b04 .dots li .title{width: 109px;height: 361px;position: absolute;left: 10px;top: 10px;z-index: 3333;}
.fix-nav{width: 147px;height: 494px;background: url("../images/right-nav-bg.png") no-repeat;position: fixed;/*right: 0;*/right: 0px;top: 50%;margin-top: -247px;z-index: 999;}
.fix-nav .inner{width: 100%;height: 100%;position: relative;}
.fix-nav .inner ul{margin-top: 15px;margin-left: 0px;}
.fix-nav .inner ul li a{font-size: 16px;color: #ffffff;height: 70px;line-height: 70px;cursor: pointer;}
.fix-nav .inner ul li a:hover{color: #f9f0c9;}
.fix-nav .inner ul li.active{color: #f9f0c9;}
.fix-nav .inner .shut{width: 30px;height: 30px;position: absolute;left: -24px;bottom: 10px;text-align: center;cursor: pointer;display: none;}
.fix-nav .inner .shut img{width: 16px;height: 16px;margin:7px auto;}
.fix-nav .inner .shut:hover{-webkit-animation: rotate-shut 1s;-moz-animation: rotate-shut 1s;-o-animation: rotate-shut 1s;-ms-animation: rotate-shut 1s;animation: rotate-shut 1s;}
@keyframes rotate-shut{0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}}
@-webkit-keyframes rotate-shut{0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}}
@-moz-keyframes rotate-shut{0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}}
@-ms-keyframes rotate-shut{0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}}
@-o-keyframes rotate-shut{0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);}
100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}}
.fix-nav2{width: 88px;height: 334px;background: url("../images/fix-nav2.png") no-repeat;position: fixed;right: -147;top: 50%;margin-top: -167px;z-index: 999;cursor: pointer;}


.top img {
	display: block;
	margin: 0 auto;
	padding-top: 420px;
	right: 0px;
}


@keyframes scene2-middle{0%{top: 100px;opacity:0;}
100%{top: 0;opacity:1;}}
@-webkit-keyframes scene2-middle{0%{top:100px;opacity:0;}
100%{top: 0;opacity:1;}}
@-ms-keyframes scene2-middle{0%{top: 100px;opacity:0;}
100%{top: 0;opacity:1;}}
@-moz-keyframes scene2-middle{0%{top: 100px;opacity:0;3
100%{top: 0;opacity:1;}}
@-o-keyframes scene2-middle{0%{top: 100px;opacity:0;}
100%{top: 0;opacity:1;}}
.scene2 .box .main .main3 .detail-btn{width: 235px;height: 51px;line-height: 51px;background: url("../images/detail1-d.png") no-repeat center;text-align: center;cursor: pointer;margin: 33px auto 0;}
.scene2 .box .main .main3 .detail-btn a{display: block;width: 100%;height: 36px;font-size: 23px;color: #3a2e46;padding-top: 15px;}
.scene2 .box .main .main3 .detail-btn:hover{background: url("../images/detail1-h.png") no-repeat center;color: #efedf0;}
.scene2 .box .main .main3 .detail-btn a:hover{color: #efedf0;}
.scene2 .box .main .main3 .detail-btn a img{width: 133px;height: 22px;margin: 0 auto;display: block;}
.scene2 .box .main .main3 .video-view{width: 272px;height: 190px;background: url("../images/video-bg1.png") no-repeat;overflow: hidden;cursor: pointer;}
.scene2 .box .main .main3 .video-view:hover .play-icon{transform: scale(1.4);-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4);-o-transform: scale(1.4);}
.scene2 .box .main .main3 .video-view .video-inner{width: 260px;height: 178px;background: url("../images/video-bg2.png") no-repeat;margin: 6px auto 0;position: relative;}
.scene2 .box .main .main3 .video-view .video-inner .v-bg{width: 260px;height: 178px;}
.scene2 .box .main .main3 .video-view .video-inner .play-icon{width: 23px;height: 43px;position: absolute;left: 50%;top: 50%;margin-left: -11px;margin-top: -22px;}