html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
html,body,fieldset,img,iframe,abbr{border:0}
i,cite,em,var,address,dfn{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sup,sub{font-size:83%}
pre,code,kbd,samp{font-family:inherit}
q:before,q:after{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
del,ins,u,s,a,a:hover{text-decoration:none}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial;color:#333;outline:0}
body{background:#fff}
a{color:#333}

body{font-family:"Microsoft YaHei",SimSun,Helvetica,Tahoma,Arial,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif}


/*全局*/
.section{display:none;width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0}
.section--bg{display:block;width:1920px;height:1080px;position:absolute;left:50%;top:50%;margin-left:-960px;margin-top:-540px}
.opacity{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out}
.show.opacity{opacity:1;filter:alpha(opacity=100)}

/*load 百分百*/
.section__preload{background:#03030f url(../images/bg1_3e74817.jpg) center center no-repeat}
.preload--wrapper{width:445px;height:445px;position:absolute;left:50%;top:50%;margin-left:-223px;margin-top:-223px}
.preload--percent{width:100%;height:32px;line-height:32px;text-align:center;color:#fff;font-size:24px;font-family:FangSong;letter-spacing:3px;position:absolute;left:0;top:50%;margin-top:-34px;text-shadow:0 0 10px #fff;font-family:BankGothicBt}
.preload--bg{position:absolute;left:50%;top:50%;background-position:center center;background-repeat:no-repeat}
.preload__bg1{width:445px;height:445px;background-image:url(../images/loadingBg_d7352aa.png);margin-left:-223px;margin-top:-223px;-webkit-animation:rotate 16s linear infinite;animation:rotate 16s linear infinite}
.preload__bg2{width:185px;height:185px;background-image:url(../images/loadingBg2_293d9cd.png);margin-left:-93px;margin-top:-93px;-webkit-animation:rotate2 2s linear infinite;animation:rotate2 2s linear infinite}
.preload__bg3{width:260px;height:260px;background-image:url(../images/loadingBg3_4667809.png);margin-left:-130px;margin-top:-130px;-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-animation:rotate3 4s linear infinite;animation:rotate3 4s linear infinite}
.preload__bg4{width:94px;height:25px;background-image:url(../images/loadingBg4_6baa4d8.png);margin-left:-47px;margin-top:2px;-webkit-animation:flash .1s ease-in-out infinite;animation:flash .1s ease-in-out infinite}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes rotate2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotate2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes rotate3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.section__front.show .front--wrapper{opacity:1;filter:alpha(opacity=100);-webkit-animation:flash .1s ease-in-out 10 forwards;animation:flash .1s ease-in-out 10 forwards}
.section__front.show .front--title{opacity:1}
.section__front.show .front--erweima{opacity:1}

/*开始*/
.front--wrapper{width:1308px;height:1080px;background:url(../images/bg_746130b.png) left top no-repeat;position:absolute;left:50%;top:50%;margin-left:-654px;margin-top:-540px;opacity:0;filter:alpha(opacity=0)}
.front--title{display:block;width:800px;height:600px;position:absolute;left:50%;top:50%;margin-left:-408px;margin-top:-330px;opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;text-align:center}
.front--title img{height:100%}




.detail--three{height:100%}
.detail--three .three--item{width:100%;height:100%;position:absolute;left:0;top:0}

html,body{height:100%;min-width:1280px;background:#000;overflow:hidden}
.page{width:100%;height:100%;max-width:1920px;min-width:1280px;max-height:1080px;overflow:hidden;position:relative;margin:0 auto;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0}

/*按钮*/
.awesome__show .awesome__bg1{opacity:1}
.awesome__show .awesome__bg2{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}
.awesome__show .awesome--btn{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.awesome__show.awesome--wrapper .icon__rect{-webkit-animation:flash .1s .4s ease-in-out 6 forwards;animation:flash .1s .4s ease-in-out 6 forwards}
.awesome__show.awesome--wrapper .icon__arrow1{-webkit-animation:flash .1s .4s ease-in-out 6 forwards;animation:flash .1s .4s ease-in-out 6 forwards}
.awesome__show.awesome--wrapper .icon__arrow2{-webkit-animation:flash .1s .4s ease-in-out 6 forwards;animation:flash .1s .4s ease-in-out 6 forwards}
.awesome__show.awesome--wrapper .icon__warning{opacity:1}
.awesome--wrapper{width:523px;height:335px;position:absolute;left:50%;bottom:20px;margin-left:-262px}
.awesome--wrapper .icon{position:absolute;left:50%;top:50%}
.awesome--wrapper .icon__rect{margin-left:-30px;margin-top:-31px;opacity:0}
.awesome--wrapper .icon__arrow1{margin-left:-6px;margin-top:-61px;opacity:0}
.awesome--wrapper .icon__arrow2{margin-left:-6px;margin-top:50px;opacity:0}
.awesome--wrapper .icon__warning{margin-left:-26px;margin-top:-23px;opacity:0;-webkit-transition:opacity .4s 1.4s ease-in-out;transition:opacity .4s 1.4s ease-in-out}
.awesome--wrapper .btn__simple{margin-left:-272px;margin-top:-53px}
.awesome--wrapper .btn__hd{margin-left:30px;margin-top:-53px}
.awesome--wrapper .btn__skip{margin-left:-87px;margin-top:-50px}
.awesome--wrapper .btn__again{margin-left:-272px;margin-top:-53px}
.awesome--wrapper .btn__back{margin-left:30px;margin-top:-53px}
.awesome--btn{position:absolute;left:50%;top:50%;z-index:1024;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);-webkit-transition:all .4s 1s ease-in-out;transition:all .4s 1s ease-in-out}
.awesome--btn:hover .awesome--hover{width:100%}
.awesome--hover{display:block;width:0;height:100%;-webkit-transition:width .2s ease-in-out;transition:width .2s ease-in-out}
.awesome--bg{width:523px;height:335px}


.awesome--warning{width:53px;height:46px;position:absolute;left:50%!important;top:145px!important;margin-left:-26px}
.awesome__bg1{background:url(../images/awesomeBg_4c798a7.png) 0 0 no-repeat;opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out}
.awesome__bg2{background:url(../images/awesomeBg2_c5f02d8.png) center center no-repeat;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .4s .2s ease-in-out;transition:transform .4s .2s ease-in-out}

.logo{display:block;width:200px;height:100px;background:url(../images/toplogo.png) left top no-repeat;position:absolute;left:20px;top:20px;z-index:1024;opacity:0;filter:alpha(opacity=0)}
/*小按钮*/
.controller{position:absolute;right:20px;top:20px;z-index:1024;opacity:0;filter:alpha(opacity=0)}
.controller .icon{position:absolute;left:50%;top:50%}
.controller .icon__bailu123{margin-left:-7px;margin-top:-5px}
.controller .icon__front{margin-left:-7px;margin-top:-9px}
.controller .icon__fullscreen{margin-left:-7px;margin-top:-7px}
.controller .icon__audio{margin-left:-5px;margin-top:-7px}
.controller .icon__share{margin-left:-5px;margin-top:-7px}
.controller--item{float:left}
.controller--link{display:block;width:40px;height:40px;background:url(../images/icon13_1d5e9c3.png) left top no-repeat;position:relative}
.controller--link:hover{-webkit-animation:flash .1s 3;animation:flash .1s 3}
.loaded .logo{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity .1s .8s;transition:opacity .1s .8s;-webkit-animation:flash .1s .8s 6;animation:flash .1s .8s 6}
.loaded .controller{opacity:1;filter:alpha(opacity=100);-webkit-transition:opacity .1s .8s;transition:opacity .1s .8s;-webkit-animation:flash .1s .8s 6;animation:flash .1s .8s 6}

/*图标*/
.icon{display:block;background-repeat:no-repeat}
.icon__bailu123{width:18px;height:18px;background-repeat: no-repeat;}
.icon__front{width:15px;height:17px;background-repeat: no-repeat;}
.icon__rect{width:61px;height:61px;background-repeat: no-repeat;}
.icon__arrow{width:12px;height:19px;background-repeat: no-repeat;}
.icon__arrow1{width:13px;height:11px;background-repeat: no-repeat;}
.icon__arrow2{width:13px;height:11px;background-repeat: no-repeat;}
.icon__warning{width:53px;height:46px;background-repeat: no-repeat;}
.icon__look{width:35px;height:35px;background-repeat: no-repeat;}
.icon__play{width:26px;height:30px;background-repeat: no-repeat;}
.icon__fullscreen{width:15px;height:14px;background-repeat: no-repeat;}
.icon__share{width:11px;height:15px;background-repeat: no-repeat;}
.icon__audio{width:10px;height:15px;position:relative}
.icon__audio.audio__play strong{-webkit-animation:audio 1s ease-in-out infinite;animation:audio 1s ease-in-out infinite}
.icon__audio.audio__play .icon__audio_1{height:6px;-webkit-animation-delay:.4s;animation-delay:.4s}
.icon__audio.audio__play .icon__audio_2{height:15px}
.icon__audio.audio__play .icon__audio_3{height:3px;-webkit-animation-delay:.8s;animation-delay:.8s}
.icon__audio.audio__play .icon__audio_4{height:6px;-webkit-animation-delay:.6s;animation-delay:.6s}
.icon__audio strong{display:block;float:left;width:1px;height:4px;background:red;position:absolute;bottom:0}
.icon__audio_1{left:0}
.icon__audio_2{left:3px}
.icon__audio_3{left:6px}
.icon__audio_4{right:0}
.btn{display:block;text-align:center;background-position:center center;background-repeat:no-repeat}
.btn__simple{width:240px;height:105px;background-image:url(../images/btn1_60d6947.png)}
.btn__simple .awesome--hover{background-image:url(../images/btn1Hover_3ff7f18.png)}
.btn__hd{width:240px;height:105px;background-image:url(../images/btn2_5854f4c.png)}
.btn__hd .awesome--hover{background-image:url(../images/btn2Hover_fa4cbc5.png)}
.icon__warning{background-position:-64px -127px}
.icon__play{background-position:-147px -185px}
.icon__arrow{background-position:-224px -59px}
.icon__bailu123{background-position:-221px -160px}
.icon__front{background-position:-221px -127px}
.icon__share{background-position:-224px -78px}
.icon__fullscreen{background-position:-221px -144px}
.icon__arrow2{background-position:-224px -93px}
.icon__arrow1{background-position:-224px -104px}
.icon__warning,.icon__play,.icon__arrow,.icon__front,.icon__share,.icon__fullscreen,.icon__arrow2,.icon__arrow1,.icon__bailu123{background-image: url(../images/index_z.png)}