/* public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
body{background:none; font-size:12px; font-family:Verdana,Geneva,sans-serif,\5b8b\4f53;}
#content{background:#000; overflow:hidden;}
.screen{position:relative; overflow:hidden; height:1080px;}


.topBox{height:80px; width:100%; position:fixed; top:0; left:0; background:#1a1a1c; z-index:100;}
#titleNone{position:absolute; left:-9999px; top:-9999px; width:0; height:0; overflow:hidden;}
#logo{position:absolute; left:288px; top:17px;}
.goBack{display:block; width:56px; height:22px; line-height:22px; font-size:14px; background:url(../images/goback.png) no-repeat center 0; padding-top:28px; color:#FFF; position:absolute; right:288px; top:17px;}
.goReg{display:block; width:56px; height:22px; line-height:22px; font-size:14px; background:url(../images/icon_reg.png) no-repeat center 0; padding-top:28px; color:#FFF; position:absolute; right:370px; top:17px;color:red;}
@media(max-width:1280px){
	#logo{left:100px;}
	.goBack{right:100px;}
	.goReg{right:180px;}
}


#screen1{background:url(../images/bg1.jpg) no-repeat center 0;}
#screen2{background:url(../images/bg2.jpg) no-repeat center 0;}
#screen3{background:url(../images/bg3.jpg) no-repeat center 0;}
#screen4{background:url(../images/bg4.jpg) no-repeat center 0;}
#screen5{background:url(../images/bg5.jpg) no-repeat center 0;}
#screen6{background:url(../images/bg6.jpg) no-repeat center 0;}
#screen7{background:#0d0d0d;}
#screen8{background:url(../images/bg8.jpg) no-repeat center 0;}

.kBox{width:132px; height:132px; position:fixed; z-index:200px;}
.k1{left:130px; top:100px; background:url(../images/k.png) no-repeat 0 0;}
.k2{right:130px; top:100px; background:url(../images/k2.png) no-repeat 0 0;}
.k3{left:130px; bottom:85px; background:url(../images/k3.png) no-repeat 0 0;}
.k4{right:130px; bottom:85px; background:url(../images/k4.png) no-repeat 0 0;} 
.navBox{background:url(../images/navBg.png) no-repeat 0 0; width:262px; height:537px; position:fixed; top:50%; margin-top:-268px; right:0; z-index:200;}
.navList{padding:55px 0 0 0;}
.navList li{height:54px; width:262px; overflow:hidden; position:relative;}
.navList li a{display:block; width:110px; text-align:right; height:54px; line-height:54px; color:#d4d4d4; font-size:14px;}
.navList li.on a,.navList li a:hover{color:#FFF;}
.navList li .long{position:absolute; right:-92px; top:0; background:url(../images/long.png) no-repeat 0 0; width:92px; height:54px; z-index:2;}
.navList li .zhu{position:absolute; right:-28px; top:13px; background:url(../images/zhu.png) no-repeat 0 0; width:28px; height:28px; z-index:1;}
.navList li.on .zhu{right:117px;}


.tit1{padding-top:150px;}
.tit1 img{display:block; margin:0 auto;}

.videoBtn{padding:40px 0 0 0; height:160px;}
.videoBtn img{display:block; margin:0 auto;}

.mouseBox{background:url(../images/mouse.png) no-repeat center 50px; padding:100px 0 0 0; text-align:center; font-size:14px; color:#818181; text-shadow:0 0 5px 5px #FFF; -webkit-animation:textMove 1s linear infinite alternate; -moz-animation:textMove 1s linear infinite alternate; -ms-animation:textMove 1s linear infinite alternate; -o-animation:textMove 1s linear infinite alternate; animation:textMove 1s linear infinite alternate;}
@-webkit-keyframes textMove{
  0% {color:#818181;}	
  100% {color:#FFF;}
}
@-ms-keyframes textMove{
  0% {color:#818181;}	
  100% {color:#FFF;}
}
@-moz-keyframes textMove{
  0% {color:#818181;}	
  100% {color:#FFF;}
}
@-o-keyframes textMove{
  0% {color:#818181;}	
  100% {color:#FFF;}
}
@keyframes textMove{
  0% {color:#818181;}	
  100% {color:#FFF;}
}
.videoPop{width:856px; height:480px; background:#000; border:5px solid #2a2a2a; position:relative; display:none;}
.closePop{background:url(../images/close.png) no-repeat 0 0; width:87px; height:87px; position:absolute; right:-92px; top:-5px; cursor:pointer;}
.closePop2{background:url(../images/close2.png) no-repeat 0 0; width:58px; height:58px; position:absolute; right:-58px; top:0px; cursor:pointer;}

.popBg1{width:874px; height:740px; display:none; z-index:301; position:fixed; left:50%; top:50%; margin-left:-437px; margin-top:-370px;}
.popImg{background:url(../images/popBg.jpg) no-repeat center 0; position:fixed; left:0; top:0; z-index:300; width:100%; height:1080px; display:none;}
.imgBox{height:543px;}
.imgBox img{display:block; width:852px; border:1px solid #313131; padding:10px;}
.imgTab{float:left; position:relative; width:182px; height:195px; border-right:1px solid #131315; background:url(../images/jiao.png) no-repeat 14px 0;}
.imgTab a{display:block; position:absolute; width:65px; height:75px; color:#585858; line-height:75px; text-align:center; background:url(../images/jiaoHove.png) no-repeat 0 -75px;}
.imgTab a.n1{left:14px; top:0;}
.imgTab a.n2{left:46px; top:59px;}
.imgTab a:hover,.imgTab a.on{color:#FFF; background-position: 0 0;}
.imgText{float:right; width:670px; padding:40px 0 0 0; color:#cacaca;}
.imgText h2{font-size:24px; padding-bottom:5px;}
.imgText p{line-height:20px;}

/* main */
.main{width:1002px; margin:0 auto; position:relative;}
.text2{padding-top:200px; height:265px;}
.text2 img{display:block; margin:0 auto;}
.boxBtn2{padding:0 0 0 187px;}
.boxBtn2 a{float:left; width:188px; height:219px; display:inline; margin-right:30px;}
.boxBtn2 a.n1{background:url(../images/btn1_01.png) no-repeat 0 0;}
.boxBtn2 a.n2{background:url(../images/btn2_01.png) no-repeat 0 0;}
.boxBtn2 a.n3{background:url(../images/btn3_01.png) no-repeat 0 0;}
.boxBtn2 a img{opacity:0;}
.boxBtn2 a:hover img{-webkit-animation:FlipInY 0.3s ease-out both; -moz-animation:FlipInY 0.3s ease-out both; -ms-animation:FlipInY 0.3s ease-out both; -o-animation:FlipInY 0.3s ease-out both; animation:FlipInY 0.3s ease-out both; opacity:1;}

.boxBtn3{padding:0 0 0 194px;}
.boxBtn3 a{float:left; width:252px; height:291px; display:inline; margin-right:108px;}
.boxBtn3 a.n1{background:url(../images/bo1_01.png) no-repeat 0 0;}
.boxBtn3 a.n2{background:url(../images/bo2_01.png) no-repeat 0 0;}
.boxBtn3 a img{opacity:0;}
.boxBtn3 a:hover img{-webkit-animation:FlipInY 0.3s ease-out both; -moz-animation:FlipInY 0.3s ease-out both; -ms-animation:FlipInY 0.3s ease-out both; -o-animation:FlipInY 0.3s ease-out both; animation:FlipInY 0.3s ease-out both; opacity:1;}


@-webkit-keyframes FlipInY{
	0% {-webkit-transform:perspective(400px) rotateY(90deg); -moz-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); -o-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
	100% {-webkit-transform:perspective(400px) rotateY(0); -moz-transform:perspective(400px) rotateY(0); -ms-transform:perspective(400px) rotateY(0); -o-transform:perspective(400px) rotateY(0); transform:perspective(400px) rotateY(0); opacity:1;}
}
@-ms-keyframes FlipInY{
	0% {-webkit-transform:perspective(400px) rotateY(90deg); -moz-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); -o-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
	100% {-webkit-transform:perspective(400px) rotateY(0); -moz-transform:perspective(400px) rotateY(0); -ms-transform:perspective(400px) rotateY(0); -o-transform:perspective(400px) rotateY(0); transform:perspective(400px) rotateY(0); opacity:1;}
}
@-moz-keyframes FlipInY{
	0% {-webkit-transform:perspective(400px) rotateY(90deg); -moz-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); -o-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
	100% {-webkit-transform:perspective(400px) rotateY(0); -moz-transform:perspective(400px) rotateY(0); -ms-transform:perspective(400px) rotateY(0); -o-transform:perspective(400px) rotateY(0); transform:perspective(400px) rotateY(0); opacity:1;}
}
@-o-keyframes FlipInY{
	0% {-webkit-transform:perspective(400px) rotateY(90deg); -moz-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); -o-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
	100% {-webkit-transform:perspective(400px) rotateY(0); -moz-transform:perspective(400px) rotateY(0); -ms-transform:perspective(400px) rotateY(0); -o-transform:perspective(400px) rotateY(0); transform:perspective(400px) rotateY(0); opacity:1;}
}
@keyframes FlipInY{
	0% {-webkit-transform:perspective(400px) rotateY(90deg); -moz-transform:perspective(400px) rotateY(90deg); -ms-transform:perspective(400px) rotateY(90deg); -o-transform:perspective(400px) rotateY(90deg); transform:perspective(400px) rotateY(90deg); opacity:0;}
	100% {-webkit-transform:perspective(400px) rotateY(0); -moz-transform:perspective(400px) rotateY(0); -ms-transform:perspective(400px) rotateY(0); -o-transform:perspective(400px) rotateY(0); transform:perspective(400px) rotateY(0); opacity:1;}
}

.videoPlay{padding:160px 0 0 0;}
.videoPlay img{display:block; margin:0 auto;}
.videoPlay p{padding-bottom:12px;}
.ddVideo,.zyVideo,.dxcVideo,.topVideo{cursor:pointer;}
.ddVideo:hover,.zyVideo:hover,.dxcVideo:hover,.topVideo:hover{-webkit-transition:0.5s; -webkit-transform:scale(1.2);}

.boxBtn4{width:637px; margin:0 auto; height:312px; overflow:hidden; background:url(../images/ddBtn.png) no-repeat 0 0;}
.boxBtn4 ul{width:750px;}
.boxBtn4 li{float:left; width:166px; height:312px; display:inline; margin-right:70px; text-align:center;}
.boxBtn4 a{display:block; width:166px; height:236px;}
.boxBtn4 h3{font-size:18px; color:#e4e4e4; padding-top:20px; padding-bottom:4px;}
.boxBtn4 p{color:#756f9d;}

.ddpop1{position:fixed; left:0; top:0; z-index:300; width:100%; height:1080px; display:none;}
.close3{background:url(../images/close3.png) no-repeat 0 0; width:78px; height:78px; position:absolute; right:20px; top:20px; cursor:pointer;}
.ddBox{margin:0 auto; width:1002px; position:relative;}
.ddText1{padding-top:600px;}
.ddText1 h2{font-size:48px; color:#c6c7d6; font-weight:bold; padding-bottom:10px;}
.ddText1 p{font-size:14px; color:#c0c0c0; line-height:24px;}
#ddpop1{background:url(../images/ddpop1.jpg) no-repeat center 0;}
#ddpop2{background:url(../images/ddpop2.jpg) no-repeat center 0;}
#ddpop3{background:url(../images/ddpop3.jpg) no-repeat center 0;}

#zhyPop1{background:url(../images/zhanypop.jpg) no-repeat center 0;}
#zhyPop2{background:url(../images/zhanypop2.jpg) no-repeat center 0;}
#zhyPop3{background:url(../images/zhanypop3.jpg) no-repeat center 0;}

.zhyText1{width:614px; position:absolute; right:0; top:316px; z-index:2;}
.zhyText1 h2{font-size:40px; color:#e4e4e4; padding-bottom:12px;}
.zhyText1 p{font-size:12px; color:#9f9f9f; line-height:20px;}
.zhyLink{width:591px; height:393px; background:url(../images/zhyBtn.png) no-repeat 0 0; left:52px; top:287px; position:absolute;}
.zhyLink a{position:absolute; width:184px; height:212px; background:url(about:blank);}
.zhyLink a.zhyVideo{left:99px; top:0;}
.zhyLink a.link1{left:0; top:181px;}
.zhyLink a.link2{left:203px; top:181px;}
.zhyLink a.link3{left:406px; top:181px;}

.zhyLink2{width:591px; height:393px; background:url(../images/zhyBtn2.png) no-repeat 0 0; left:52px; top:287px; position:absolute;}
.zhyLink2 a{position:absolute; width:184px; height:212px; background:url(about:blank);}
.zhyLink2 a.link1{left:100px; top:0;}
.zhyLink2 a.link2{left:0px; top:180px;}
.zhyLink2 a.link3{left:406px; top:180px;}

.zhyLink3{width:591px; height:393px; background:url(../images/zhyBtn3.png) no-repeat 0 0; left:52px; top:287px; position:absolute;}
.zhyLink3 a{position:absolute; width:184px; height:212px; background:url(about:blank);}
.zhyLink3 a.zhyVideo{left:99px; top:0;}
.zhyLink3 a.link1{left:0; top:181px;}
.zhyLink3 a.link2{left:203px; top:181px;}
.zhyLink3 a.link3{left:406px; top:181px;}

.ddHero{width:1002px; height:404px; position:absolute; left:0; top:331px;}
.ddHero a span{display:block; width:110px; height:24px; background:#9c8447 url(../images/go.jpg) no-repeat right 0; color:#FFF; text-indent:12px; line-height:24px; position:absolute; left:0; bottom:33px; -webkit-transform:translate(110px,0); -ms-transform:translate(110px,0); -moz-transform:translate(110px,0); -o-transform:translate(110px,0); transform:translate(110px,0);}
.ddHero a{position:absolute; display:block; width:110px; height:147px; overflow:hidden;}
.ddHero a.h1{left:124px; top:0;}
.ddHero a.h2{left:258px; top:0;}
.ddHero a.h3{left:531px; top:0;}
.ddHero a.h4{left:190px; top:128px;}
.ddHero a.h5{left:459px; top:128px;}
.ddHero a.h6{left:594px; top:128px;}
.ddHero a.h7{left:728px; top:128px;}
.ddHero a.h8{left:262px; top:257px;}
.ddHero a.h9{left:396px; top:257px;}
.ddHero a.h10{left:665px; top:257px;}
.ddHero a.h11{left:799px; top:257px;}
.ddHero a:hover span{-webkit-transi
tion:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; -webkit-transform:translate(0,0); -ms-transform:translate(0,0); -moz-transform:translate(0,0); -o-transform:translate(0,0); transform:translate(0,0); display:block;}

.zyBoxTit{padding:150px 0 0 0; height:300px;}
.zyBoxTit img{display:block; margin:0 auto;}
.zyBox{background:url(../images/zy.png) no-repeat 0 0; width:1002px; height:202px;}
.zyBox a{width:167px; height:202px; float:left;}
.zyBox a span{display:block; text-align:center; font-size:16px; color:#939393; padding-top:165px;}
.zyBox a:hover span{color:#cacdf2;}

.zyPop{position:fixed; width:100%; height:762px; left:0; bottom:-300px; z-index:301; display:none; opacity:0;}
#zyPop1{background:url(../images/zypop1.jpg) no-repeat center 0;}
#zyPop2{background:url(../images/zypop2.jpg) no-repeat center 0;}
#zyPop3{background:url(../images/zypop3.jpg) no-repeat center 0;}
#zyPop4{background:url(../images/zypop4.jpg) no-repeat center 0;}
#zyPop5{background:url(../images/zypop5.jpg) no-repeat center 0;}
#zyPop6{background:url(../images/zypop6.jpg) no-repeat center 0;}
.moreBtn{display:block; margin:0 auto;}
.zyAdd{width:1002px; margin:0 auto;}
.zyAddV{padding:36px 40px 0 0; height:600px;}
.zyAddV a{float:right; width:270px; height:153px;}
.zyAddV a.a1{background:url(../images/v1.jpg) no-repeat 0 0;}
.zyAddV a.a2{background:url(../images/v2.jpg) no-repeat 0 0;}
.zyAddV a.a3{background:url(../images/v3.jpg) no-repeat 0 0;}
.zyAddV a.a4{background:url(../images/v4.jpg) no-repeat 0 0;}
.zyAddV a.a5{background:url(../images/v5.jpg) no-repeat 0 0;}
.zyAddV a.a6{background:url(../images/v6.jpg) no-repeat 0 0;}

.boxBtn5{width:612px; margin:0 auto; height:235px; overflow:hidden; background:url(../images/zyBtn.png) no-repeat 0 0;}
.boxBtn5 ul{width:750px;}
.boxBtn5 li{float:left; width:161px; height:235px; display:inline; margin-right:51px; text-align:center;}
.boxBtn5 a{display:block; width:159px; height:185px;}
.boxBtn5 h3{font-size:18px; color:#e4e4e4; padding-top:20px; padding-bottom:4px;}
.zyLine{height:40px;}

.boxBtn6{width:399px; margin:0 auto; height:235px; overflow:hidden; background:url(../images/dxc.png) no-repeat 0 0;}
.boxBtn6 ul{width:750px;}
.boxBtn6 li{float:left; width:159px; height:235px; display:inline; margin-right:67px; text-align:center;}
.boxBtn6 a{display:block; width:159px; height:185px;}
.boxBtn6 h3{font-size:18px; color:#e4e4e4; padding-top:20px; padding-bottom:4px;}

.zdShow{background:url(../images/bg7.jpg) no-repeat center 0; position:relative; overflow:hidden; height:1080px;}
.zdShow2{background:url(../images/bg72.jpg) no-repeat center 0; position:relative; overflow:hidden; height:1080px; display:none; opacity:0;}
.zdTit{background:url(../images/line.png) no-repeat center bottom; padding:150px 0 30px 0; color:#dadada; text-align:center;}
.zdTit img{display:block; margin:0 auto;}
.zdTit h3{font-size:20px; padding:20px 0 10px 0;}
.zdTit p{line-height:20px; padding-bottom:6px;}
.zdTit h4{font-family:arial; padding:15px 0;}

.zdSpace{padding:62px 0 0 0;}
.zdSpace img{display:block; margin:0 auto;}
.zdSpace p{text-align:center; font-size:14px; padding-top:20px; color:#dadada;  text-shadow:0 0 5px 5px #FFF; -webkit-animation:textMove 1s linear infinite alternate; -moz-animation:textMove 1s linear infinite alternate; -ms-animation:textMove 1s linear infinite alternate; -o-animation:textMove 1s linear infinite alternate; animation:textMove 1s linear infinite alternate;}

.zdPic1{position:absolute; left:159px; top:220px; cursor:pointer;}
.zdPic2{position:absolute; left:613px; top:556px; cursor:pointer;}

#dxcPop1{background:url(../images/dxcPop.jpg) no-repeat center 0;}
#dxcPop2{background:url(../images/dxcPop2.jpg) no-repeat center 0;}

.logolist p a img {background:#000; filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; }
.logolist p a:hover img{ filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

/* page for system */
.page{height:30px; line-height:30px; text-align:center; background:#3c2b25; font-family:"宋体",Simsun;}
.page,.page a{color:#dec99f;}
.page a:hover{color:#ff4e00;}
.page a,.page span{padding:0 5px;}
.page .current{color:#ff4e00; font-weight:bold;}
.page .prev,.page .next{color:#dec99f; font-weight:normal;}

/* page for cms */
.paging { height: 20px; line-height: 20px; text-align: center; padding-top: 20px; color:#8a7d99;}
.paging a{ display: inline-block; width: 20px; line-height: 20px; text-align: center; color: #8a7d99; background-color: #1b1428; }
.paging td.nlist font { color: #f8a700; }

/***********footer****************/
#footer{width:100%;height:125px;background-color:#000000;overflow:hidden;}
.bottom{width:1002px;height:125px;overflow:hidden;margin:0 auto;}
.bottomL{width:212px;height:115px;float:left;text-align:center;padding-top:5px;}
.bottomR{width:790px;height:115px;float:right;padding-top:10px;font:normal 12px/20px "宋体";color:#707070;text-align:center;}
/**********pop****************/

.none{display:none;}
.music{width:30px;height:30px;position:absolute;top:24px;right:50px;z-index: 10; cursor:pointer;}
.music img{display: none; width:100%;}
#musicBtn.play{-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;background: url(http://event51.wanmei.com/wanmei/201412/wmhk/images/Music-Open.png) no-repeat center;background-size: cover}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
	to{transform: rotate(359deg)}
}

.zdVideos{display:none;}