html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:12px;background:#05080c ;;font-family:'Microsoft YaHei';}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}
/*鼠标悬停时*/
a:active{}
/*点击与释放时*/
a:visited{}

body{background:#000;width:100%;height:100%}

*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.fullPage{width: 100%; height: auto; position: relative; left:0; right:0; top: 0; bottom: 0; overflow: hidden;}
.full-box{position: absolute; width: 100%; height: auto; left: 0; top:0;}
.full-box .full{width: 100%; overflow: hidden; position: relative;}
.full-nav{position: absolute; right:30px; top:50%; display: none;}
/* ----------------------nav 和 嵌套nav-------------------------- */
.full-nav>li,
.nest-full-nav>li{width: 15px; height: 15px; background: #e8d6bb; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.full-nav>li{margin-top: 15px; position: relative;}
.nest-full-nav>li{float: left; margin-left: 15px; position: relative;}
.full-nav>li:first-child,
.nest-full-nav>li:first-child{margin: 0;}
.full-nav>li.active,
.nest-full-nav>li.active{background: #9d4017;}
.full-nav>li:hover,
.nest-full-nav>li:hover{opacity: 0.6;}

/*---------------------------nav tips-----------------------*/
.tip-box{position: absolute; right: 18px; top: -5px; width: 140px; height: 30px; font-size: 12px; display: none;}
.tip-content{float: right; width:auto; height: 25px; line-height: 25px; border:1px #000 solid; padding:0 10px; background: #000; color: #ffffff; opacity: .8; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.san{float: right; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #000; border-bottom: 8px solid transparent; margin-top:4px; opacity: .8;}


video {
width: 100%;
height: 100%;
object-fit: cover;
}

.stage{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.stage.in{-webkit-animation:fadeIn 1s 1 ease-in-out both;animation:fadeIn 1s 1 ease-in-out both}
.stage.out{-webkit-animation:fadeOut 1s 1 ease-in-out both;animation:fadeOut 1s 1 ease-in-out both}
.stage_bg.in{-webkit-animation:rightIn 1s 1 ease-in-out both;animation:rightIn 1s 1 ease-in-out both}
.stage_bg.out{-webkit-animation:rightOut 1s 1 ease-in-out both;animation:rightOut 1s 1 ease-in-out both}
.stage_bg{position:absolute;top:0;left:0;width:100%;height:100%}
@font-face{font-family:fz;src:url(../fonts/fzkt.ttf)}
div,input{font-family:fz}
#main{position:relative;width:100%;height:100%;overflow-y:hidden;overflow-x:hidden}
.stage{position:absolute;width:100%;min-width:1280px;left:0;right:0;margin:0 auto}
.tips_mc{position:fixed;top:0}
.main_bg{position:relative;width:1920px;height:1080px;top:0;left:0;right:0;margin:0 auto;background:#000 url(../images/2bg.jpg) }

@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes shortIn{0%{width:0}
100%{width:120px}}@-webkit-keyframes lineMove{0%,100%{width:16px}
50%{width:0}}@-webkit-keyframes buttonShow{0%,100%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}}@-webkit-keyframes arrowShow{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}}@-webkit-keyframes arrowShowLeft{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}}@-webkit-keyframes fadeInUpSmall{0%{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes rightIn{0%{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0);opacity:0}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes rightOut{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
100%{-webkit-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0);opacity:0}}@-webkit-keyframes arrowShowRight{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}}@-webkit-keyframes inkMaskPlay{0%{-webkit-mask-position:0 0;mask-position:0 0}
100%{-webkit-mask-position:100% 0;mask-position:100% 0}}@-webkit-keyframes inkMaskOut{0%{-webkit-mask-position:100% 0;mask-position:100% 0}
100%{-webkit-mask-position:0 0;mask-position:0 0}}@-webkit-keyframes inkMaskPlay2{0%{-webkit-mask-position:0 0;mask-position:0 0}
100%{-webkit-mask-position:0 100%;mask-position:0 100%}}@-webkit-keyframes inkMaskOut2{0%{-webkit-mask-position:0 100%;mask-position:0 100%}
100%{-webkit-mask-position:0 0;mask-position:0 0}}


#DownLoad{width:100%;min-width: 1000px; height:180px;position:absolute;overflow:hidden;top:70%;left:50%;margin:0 auto;margin-left:-500px;z-index:3500;margin-top:0px;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.sp{background: url(../images/sp.png) no-repeat;}
.box1{position: absolute;width: 725px;height:160px;margin: 0 auto;opacity: 0;animation: box1 1s linear forwards;-webkit-animation: box1 1s linear forwards;z-index:1000;left:130px}
.box1{width: 725px;margin: 0 auto;opacity: 0;animation: box1 1s linear forwards;-webkit-animation: box1 1s linear forwards;}
@keyframes box1{
	0%{transform: translateY(-100px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes box1{
	0%{transform: translateY(-100px);opacity: 0;}
	100%{transform: translateY(0);opacity: 1;}
}
.codetxt{width: 43px;height: 160px;background-color: #170d02;float: left;font-size: 14px;color: #fefefe;
				line-height: 16px;text-align: center;padding-top: 10px;}
.code{display: block;float: left;width: 156px;height: 160px;position: relative;background: #0b0907}
.code img{display: block;width:135px;height:135px;margin-left:10px;margin-top:12px}
.line{display: block;position: absolute;width: 159px;height: 1px;border-bottom: 1px solid #FFFFFF;position: absolute;top: 0;left: 0;
animation: line 7s linear infinite;
-webkit-animation: line 7s linear infinite;
}
.btnpc2{background: url(../images/bgpcdown2.jpg) no-repeat;width: 190px;height: 160px;float: left;position: relative;overflow:initial;}
.btnpc2 span{display: block;background-position:-15px -1348px;width: 150px;height: 100px;position: absolute;right: -2px;top: 12px;}
@keyframes line{
	0%{top: 0;}
	50%{top: 160px;}
	100%{top: 0;}
}
@-webkit-keyframes line{
	0%{top: 0;}
	50%{top: 160px;}
	100%{top: 0;}
}
.mobidown{width: 182px;float: left;}
.mobidown a{display: block;width: 182px;}
.btnios{height: 80px;background-color: #1c1812;padding-top: 24px;
transition:all 0.3s linear;
-webkit-transition:all 0.3s linear;
}
.btnandr{height: 80px;background-color: #26241a;padding-top: 24px;}
.btnios span{display: block;margin: 0 auto;width: 107px;}
.btnios strong{background-position: -15px -10px;width: 28px;height: 32px;float: left;}
.btnios em{width: 64px;font-size: 16px;color: #FFFFFF;line-height: 38px;float: right;}
.btnanim strong.on{
	animation: btnicon 0.5s linear forwards;
	-webkit-animation: btnicon 0.5s linear forwards;
}
@keyframes btnicon{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(180deg);}
}
@-webkit-keyframes btnicon{
	0%{transform: rotateY(0);}
	100%{transform: rotateY(180deg);}
}
.btnanim strong.cur{
	animation: btnicona 0.5s linear forwards;
	-webkit-animation: btnicona 0.5s linear forwards;
}
@keyframes btnicona{
	0%{transform: rotateY(180deg);}
	100%{transform: rotateY(0);}
}
@-webkit-keyframes btnicona{
	0%{transform: rotateY(180deg);}
	100%{transform: rotateY(0);}
}




.btnandr span{display: block;background-position: -19px -63px;width: 107px;height: 32px;margin: 0 auto;}
.btnandr strong{background-position: -19px -63px;width: 28px;height: 32px;display: block;float: left;}
.btnandr em{width: 64px;font-size: 16px;color: #FFFFFF;line-height: 42px;float: right;}


.btnpc{background: url(../images/bgpcdown.jpg) no-repeat;width: 147px;height: 160px;float: left;padding-top: 45px;}
.btnpc span{background-position:  -132px -19px;width: 132px;height: 67px;display: block;margin: 0 auto;}

.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}

.heroMain{width: 1400px; height: 720px; position: absolute;left:50%; margin-left: -700px; top: 40px;z-index:9}
.heroMain a.prev,.heroMain a.next{width: 83px; height: 90px; display: block; cursor: pointer; position: absolute; top: 246px; z-index: 100;}
.heroMain a.prev{left: 0; background: url(../images/prev.png) no-repeat 0 0;}
.heroMain a.next{right: 0; background: url(../images/next.png) no-repeat 0 0;}
.heroMain .bd{width: 1400px; height: 720px; overflow: hidden;}
.heroMain .bd li{width: 1400px; height: 720px; position: relative;}
.heroMain .bd li img.hero{display: block; position: absolute; left: -100px; top: 0; width: 670px; z-index: 10;}
.heroFont{width: 841px; height: 498px; position: absolute; right: 50px; top: 66px; z-index: 2;}
.heroPic{position: absolute;padding-top: 16px;z-index: 99;}
.heroPic img{width: 810px; height: 466px; display: block; margin:0 auto; border-radius: 55px;left:20px}
.heroBorder{width: 100%; height: 100%; background: url(../images/bor.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.heroText{text-align: center; width: 100%; position: absolute; left: 0; top: 437px; font-size: 20px; color: #ded5b8; line-height: 30px; z-index: 8;}
.moveleft{-webkit-transform: translate3d(-30%,0,0);-moz-transform: translate3d(-30%,0,0);-ms-transform: translate3d(-30%,0,0);-o-transform: translate3d(-30%,0,0);transform: translate3d(-30%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.moveright{-webkit-transform: translate3d(30%,0,0);-moz-transform: translate3d(30%,0,0);-ms-transform: translate3d(30%,0,0);-o-transform: translate3d(30%,0,0);transform: translate3d(30%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.movedown{-webkit-transform: translate3d(0,30%,0);-moz-transform: translate3d(0,30%,0);-ms-transform: translate3d(0,30%,0);-o-transform: translate3d(0,30%,0);transform: translate3d(0,30%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.stage5 .footer{position:fixed;bottom:0;width:100%;background-color:rgba(0,0,0,.7);height:130px;padding-top:10px;-webkit-transition:-webkit-transform .5s;-webkit-transform:translate3d(0,0,0);transition:transform .5s;transform:translate3d(0,0,0)}

.footer{
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    background: #000;
    color: #fff;
    text-align: center;
}

	/*页尾*/
	.footer{height:190px;color:#aaaaaa;min-width:1280px;margin:0 auto;background-color:#000000;border-top:1px solid #77613c;}
	.footer .center{overflow:hidden;padding:20px 0px 20px 0px;}
	.footer .bomlogo{float:left;width:320px;text-align:center;position:relative;margin-top:10px;display:inline;}
	.footer .tips2{font-size:16px;color:#428e28;margin-bottom:5px;font-weight:bold}
	.footer .tips{font-size:14px;color:#8e816e;margin-bottom:5px;}
	.footer .box{float:right;width:741px;line-height:24px;text-align:right;margin-right:6px;display:inline;}
	.footer ul{position:relative;color:#939aa2;margin:0px -5px 25px 0px;}
	.footer ul li{display:inline;}
	.footer ul li a{color:#db4e28;padding:0 5px;}
	.footer ul li a:hover{color:#b59660;}
	.footer p a{font-size:14px;font-family:'times new roman', times, serif;font-weight:bold;color:#4a6a90;text-decoration:underline;}
	.footer p a:hover{color:#b59660;}
.center{margin:0 auto;width:1280px;}