@charset "utf-8";
body{ min-width:1400px; margin:0; padding:0; font-size:14px; font-family:"Microsoft Yahei"; background-color:#000; overflow-x:hidden;}
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;}
ol,ul{list-style:none;}
a{ font-family:"Microsoft Yahei";text-decoration:none;outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}

.wrap{ position:relative; max-width:1920px; height:980px; margin:0 auto; overflow: hidden;}
.logo{ position:absolute; left:108px; top:60px; z-index:20;}
/* loading */
.loading_box{ position:absolute; width:1920px; height:980px; left:50%; margin-left:-960px; top:0; background:url(../images/loading_bg.jpg) center top no-repeat; z-index:10; overflow: hidden; z-index: 11;}
.rel1400{ position:relative; width:1400px; height:100%; margin:0 auto; }
.loading_qiu{ position:absolute; width:280px; height:278px; left:558px; top:248px; background:url(../images/loading_qiu.png);}
.yue_gai{ position:absolute; width:991px; height:539px; left:205px; top:76px; background:url(../images/yue_gai.png);}

.point_list{ position:absolute; width:532px; height:526px; left:433px; top:123px; background:url(../images/point_bg.png);}
.point_list li{ position:absolute; width:40px; height:40px;}
.point_list li img{ display:none;}
.point_list li.on img{ display:block}
.point_list li.p1{ left:5px; top:251px;}
.point_list li.p2{ left:25px; top:148px;}
.point_list li.p3{ left:86px; top:64px;}
.point_list li.p4{ left:177px; top:12px;}
.point_list li.p5{ left:281px; top:5px;}
.point_list li.p6{ left:378px; top:42px;}
.point_list li.p7{ left:487px; top:236px;}
.point_list li.p8{ left:467px; top:338px;}
.point_list li.p9{ left:407px; top:423px;}
.point_list li.p10{ left:316px; top:474px;}
.point_list li.p11{ left:211px; top:482px;}
.point_list li.p12{ left:114px; top:445px;}

/* enter_video */
.enter_video{ display:none; position:absolute; width:1920px; height:980px; left:50%; margin-left:-960px; top:0; z-index:10;}
.enter_video video{ width:100%;}

/* container */
.container{ display:none; height:980px; background:url(../images/bg.jpg) center top no-repeat;}
.full_screen{ position:absolute; width:1920px; height:980px; left:50%; margin-left:-960px; top:0; overflow:hidden;}
.full_screen video{ width:100%;}
.full_cont{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:5;}
#hua_wrap{ display:none;}
.hua_bot{position:absolute; width:1920px; height:442px; left:0; bottom:-8px; background:url(../images/hua_bot.png);}
.hua{position:absolute;}
.hua img{ position:absolute; left:0; top:0;}
.hua1{ width:623px; height:387px; left:610px; bottom:-250px;}
.hua2{ width:769px; height:385px; left:-356px; bottom:-122px;}
.hua3{ width:762px; height:437px; right:-342px; bottom:-197px;}
.hua_front{position:absolute; width:1920px; height:306px; left:0; bottom:0; background:url(../images/hua_front.png);}
.hudie{position:absolute; width:1920px; height:980px; left:0; top:0;  background:url(../images/hudie.png);}

.yao_bot1{transform-origin:center bottom;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;}
.yao_bot2{transform-origin:right bottom;-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;}
.yao_top1{transform-origin:left top;-webkit-transform-origin:left top;-ms-transform-origin:left top;}
.yao_top2{transform-origin:right top;-webkit-transform-origin:right top;-ms-transform-origin:right top;}
.ani_updown{ animation:key_updown 2s 0.7s linear infinite alternate; -webkit-animation:key_updown 2s 0.7s linear infinite alternate; -ms-animation:key_updown 2s 0.7s linear infinite alternate;}
.ani_yaobai1{ animation:key_yaobai 4s linear infinite; -webkit-animation:key_yaobai 4s linear infinite; -ms-animation:key_yaobai 4s linear infinite;}
.ani_yaobai2{ animation:key_yaobai2 3.5s linear infinite; -webkit-animation:key_yaobai2 3.5s linear infinite; -ms-animation:key_yaobai2 3.5s linear infinite;}

.slogan_box{ display:none; position:absolute; width:314px; height:757px; left:778px; top:54px; background:url(../images/slogan.png); z-index:8;}
.btn_open{ display:none; position:absolute; width:176px; height:176px; left:971px; top:539px; cursor:pointer; z-index:8;}
.open1{ position:absolute; width:124px; left:26px; top:0; animation:key_zhuan1 6s linear infinite; -webkit-animation:key_zhuan1 6s linear infinite; -ms-animation:key_zhuan1 6s linear infinite;}
.open2{ position:absolute; width:87px; left:45px; top:45px; animation:key_zhuan2 6s linear infinite; -webkit-animation:key_zhuan2 6s linear infinite; -ms-animation:key_zhuan2 6s linear infinite;}

.weidu_box{ display:none; position:absolute; width:722px; height:703px; left:704px; top:277px; z-index:8;}
.weidu_box .weidu_img{ display:none;}
.ani_xz_show1{ animation:key_xz1 0.5s linear both;-webkit-animation:key_xz1 0.5s linear both; -ms-animation:key_xz1 0.5s linear both;}
.ani_xz_show2{ animation:key_xz2 0.5s linear both;-webkit-animation:key_xz2 0.5s linear both; -ms-animation:key_xz2 0.5s linear both;}
.btn_close{ display:none; position:absolute; width:21px; height:62px; left:476px; top:162px; background:url(../images/btn_close.png); cursor:pointer;}
.ani_huxi{ animation:key_huxi linear 0.5s infinite alternate; -webkit-animation:key_huxi linear 0.5s infinite alternate; -ms-animation:key_huxi linear 0.5s infinite alternate;}

/* animation */
@keyframes key_updown{
	0%{transform:translate3d(0,0,0)}
	100%{transform:translate3d(0,20px,0)}
}
@-webkit-keyframes key_updown{
	0%{-webkit-transform:translate3d(0,0,0)}
	100%{-webkit-transform:translate3d(0,20px,0)}
}
@-ms-keyframes key_updown{
	0%{-ms-transform:translate3d(0,0,0)}
	100%{-ms-transform:translate3d(0,20px,0)}
}
@keyframes key_yaobai{
	0%{transform:rotate(0deg)}
	50%{transform:rotate(8deg)}
	100%{transform:rotate(0deg)}
}
@-webkit-keyframes key_yaobai{
	0%{-webkit-transform:rotate(0deg)}
	50%{-webkit-transform:rotate(8deg)}
	100%{-webkit-transform:rotate(0deg)}
}
@-ms-keyframes key_yaobai{
	0%{-ms-transform:rotate(0deg)}
	50%{-ms-transform:rotate(8deg)}
	100%{-ms-transform:rotate(0deg)}
}

@keyframes key_yaobai2{
	0%{transform:rotate(0deg)}
	50%{transform:rotate(-8deg)}
	100%{transform:rotate(0deg)}
}
@-webkit-keyframes key_yaobai2{
	0%{-webkit-transform:rotate(0deg)}
	50%{-webkit-transform:rotate(-8deg)}
	100%{-webkit-transform:rotate(0deg)}
}
@-ms-keyframes key_yaobai2{
	0%{-ms-transform:rotate(0deg)}
	50%{-ms-transform:rotate(-8deg)}
	100%{-ms-transform:rotate(0deg)}
}
@keyframes key_xz1{
	0%{ opacity:0; transform:rotate(-45deg) scale(0.5);}
	100%{ opacity:1; transform:rotate(0deg) scale(1);}
}
@-webkit-keyframes key_xz1{
	0%{ opacity:0; -webkit-transform:rotate(-45deg) scale(0.5);}
	100%{ opacity:1; -webkit-transform:rotate(0deg) scale(1);}
}
@-ms-keyframes key_xz1{
	0%{ opacity:0; -ms-transform:rotate(45deg) scale(0.5);}
	100%{ opacity:1; -ms-transform:rotate(0deg) scale(1);}
}
@keyframes key_xz2{
	0%{ opacity:0; transform:rotate(45deg) scale(0.5);}
	100%{ opacity:1; transform:rotate(0deg) scale(1);}
}
@-webkit-keyframes key_xz2{
	0%{ opacity:0; -webkit-transform:rotate(45deg) scale(0.5);}
	100%{ opacity:1; -webkit-transform:rotate(0deg) scale(1);}
}
@-ms-keyframes key_xz2{
	0%{ opacity:0; -ms-transform:rotate(45deg) scale(0.5);}
	100%{ opacity:1; -ms-transform:rotate(0deg) scale(1);}
}
@keyframes key_zhuan1{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(360deg);}
}
@-webkit-keyframes key_zhuan1{
	0%{ -webkit-transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(360deg);}
}
@-ms-keyframes key_zhuan1{
	0%{ -ms-transform:rotate(0deg);}
	100%{ -ms-transform:rotate(360deg);}
}
@keyframes key_zhuan2{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(-360deg);}
}
@-webkit-keyframes key_zhuan2{
	0%{ -webkit-transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(-360deg);}
}
@-ms-keyframes key_zhuan2{
	0%{ -ms-transform:rotate(0deg);}
	100%{ -ms-transform:rotate(-360deg);}
}

@keyframes key_huxi{
	0%{transform:scale(1)}
	100%{transform:scale(0.9)}
}
@-webkit-keyframes key_huxi{
	0%{-webkit-transform:scale(1)}
	100%{-webkit-transform:scale(0.9)}
}
@-ms-keyframes key_huxi{
	0%{-ms-transform:scale(1)}
	100%{-ms-transform:scale(0.9)}
}
