* { margin: 0; padding: 0;}

a{ font-size:12px; color:#fff; text-decoration:none}

body { font: 14px/1.6 "Microsoft Yahei";}

.w1000{ width:1000px; margin:0 auto}

ul li{ list-style:none}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*+height:1%;}

.fp-tableCell {height:944px!important;}

.dowebok-hd { position: fixed; z-index: 1000; width: 100%; height:72px; background:#fff; top:0; min-width:1040px;}

.dowebok-hd .logo{ background:url(../image/logo.png) no-repeat; width:450px; height:62px; display:block; float:left; margin-top:3px; margin-left:20px;}

.dowebok-hd .kf{ float:right; margin-top:14px; margin-right:20px; line-height:50px;}

.dowebok-hd .kf a{color:#666; font-size:15px; transition:all 0.3s; font-weight:bold}

.dowebok-hd .kf a i.ico{ background:url(../image/kf.png) top center no-repeat; width:42px; height:50px; display:inline-block; vertical-align:middle; margin-right:12px; position:relative; top:-4px;}

.dowebok-hd .kf a:hover{ color:#d70808;}



#menu{height:72px; position: absolute; left:50%; width:720px; margin-left:-200px;}

#menu ul li{ float:left; margin:0px; width:120px; text-align:center; height:72px; line-height:72px; transition:all 0.3s}

#menu ul li a{ color:#666666; font-weight:bold; font-size:15px;transition:all 0.3s; display:block; height:72px;}

#menu ul li.active a{ color:#fff;}

#menu ul li.m1.active{ background: url(https://xycp.xyz/images/tb1.jpg) repeat-x;}

#menu ul li.m2.active{ background:url(https://xycp.xyz/images/tb3.jpg) repeat-x}

#menu ul li.m3.active{ background:url(https://xycp.xyz/images/tb4.jpg) repeat-x}

#menu ul li.m4.active{ background:url(https://xycp.xyz/images/tb2.jpg) repeat-x}

#menu ul li.m5.active{ background:url(https://xycp.xyz/images/tb2.jpg) repeat-x}




.show{display: none;}

.show1{}

.show2{-moz-animation-delay:.5s;-webkit-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s;}

.show3{-moz-animation-delay:1s;-webkit-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s;}

.show4{-moz-animation-delay:1.5s;-webkit-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s;}

.show5{-moz-animation-delay:2s;-webkit-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s;}

.show6{-moz-animation-delay:2.5s;-webkit-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s;}



#dowebok {}

#dowebok .section { text-align:center;overflow:hidden; position:relative}

#dowebok .section1{ background:#ea4447;}

#dowebok .section2{ background:url(https://xycp.xyz/images/bg2.png) no-repeat #ef7822;}

#dowebok .section3{ background:#0cb87c;}

#dowebok .section4{ background:#5598d9;}

#dowebok .section5{ background:#259596;}




.sectioncon{ position:absolute; width:1000px; left:50%; margin-left:-500px; top:24%;}

.sectioncon img{ position:absolute; }



.section1 .abg{top:-240px; left:-460px;}

.section1 .a1{ top:160px; left:5px; z-index:3}

.section1 .a2{ top:140px; left:380px; z-index:3}

.section1 .a3{ top:0px; left:120px; z-index:2}

.section1 .a4{ top:280px; left:0px; z-index:1}

.section1 .a5{ top:404px; left:320px; z-index:3}

.section1 .a6{ top:20px; left:482px;}

.section1 .a7{ top:217px; left:540px;}

.section1 .a8{ top:217px; left:745px;}



.section2 .bbg{top:-200px; left:-460px;}

.section2 .b1{ top:40px; left:0px; z-index:2}

.section2 .b2{ top:190px; left:210px; z-index:1}

.section2 .b3{ top:430px; left:0px; z-index:2}

.section2 .b4-1{ top:138px; left:0; z-index:2}

.section2 .b4-2{ top:138px; left:268px; z-index:2}

.section2 .b4-3{ top:138px; left:534px; z-index:2}

.section2 .b4-4{ top:138px; left:800px; z-index:2}





.section3 .cbg{top:-270px; left:-460px;}

.section3 .c1{ top:0px; left:0px; z-index:2}

.section3 .c2{ top:95px; left:300px; z-index:1}

.section3 .c3{ top:444px; left:0px; z-index:2}

.section3 .c4-1{ top:175px; left:172px; z-index:2}

.section3 .c4-2{ top:175px; left:642px; z-index:2}



.section4 .dbg {top:-240px;left:-460px;z-index:1;}
.section4 .d1 {top:-152px;left:-460px;}
.section4 .d2 {top:150px;left:-210px;z-index:1;}
.section4 .d3 {top:50px;left:80px;z-index:1;}
.section4 .d4 {top:26px;left:750px;z-index:1;}

.section5 .ebg {top:-480px;left:-1300px;}
.section5 .e1 {top:-30px;left:-6px;}
.section5 .e2 {top:500px;left:18px;}
.section5 .e3 {top:70px;}
.section5 .e4 {top:270px;}

.games {width:970px;left:50%;margin-left:-485px;position:absolute;}
.games > .bt {width:100%;float:left;padding:24px 0;}
.games > .bt > b {font-size:20px;color:#fff;float:left;line-height:30px;padding-right:1.5em;}
.games > .bt > img {float:left;position:relative;}
.games > .hotgame {width:100%;float:left;}
.games > .hotgame  > ul {width:100%;float:left;}
.games > .hotgame  > ul  > li {width:16%;float:left;}
.games > .hotgame  > ul  > li  + li {margin-left:0.8%;}
.games > .hotgame  > ul  > li  > a {width:100%;float:left;position:relative;}
.games > .hotgame  > ul  > li  > a > img {width:100%;float:left;position:relative;}
.games > .hotgame  > ul  > li  > a > .hover  {width:96%;width:calc(100% - 4px);height:92px;position:absolute;top:0;left:0;}
.games > .hotgame  > ul  > li  > a > span {width:100%;float:left;color:#fff;font-size:15px;line-height:30px;text-align:center;}
.games > .hotgame  > ul  > li  > a > span  + span {background:url('https://xycp.xyz/images/huangbg.png');}
.games > .hotgame  > ul  > li:hover .hover {border:solid 2px #ffea00;}
.games > .hotgame  > ul  > li:hover span {color:#ffea00;}

#fp-nav ul li a span{ background:rgba(255,255,255,0.3); width:12px; height:12px; margin:0}

#fp-nav ul li a.active span{background:rgba(255,255,255,1);width:12px; height:12px; margin:0;}

#fp-nav ul li a:hover span{background:rgba(255,255,255,1);width:12px; height:12px; margin:0;}

#fp-nav ul li a.active:hover span{background:rgba(255,255,255,1);width:12px; height:12px; margin:0;}