* { 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%;}

.dowebok-hd { position: fixed; z-index: 1000; width: 100%; height:72px; background:#fff; top:0; min-width:1040px;}
.dowebok-hd .logo{background:url(../images/logo.png) no-repeat;width: 500px;height: 70px;display:block;float:left;margin: 1px 0 0 20px;background-size: 100% 100%;}
.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(../images/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: #e44634;}
#menu ul li.m2.active{ background:#ff9920}
#menu ul li.m3.active{ background:#8e20ff}

.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: #e44634 url(../images/bg1.jpg) center center no-repeat;}
#dowebok .section2{background: #ff9920;}
#dowebok .section3{ background:#8e20ff;}

.sectioncon{ position:absolute; width:1000px; left:50%; margin-left:-500px; top:50%;}
.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:333px; left:0px; z-index:1}
.section1 .a5{ top:404px; left:370px; z-index:3}
.section1 .a6{ top:0px; left:482px;}
.section1 .a7{ top:210px; left:540px;}
.section1 .a8{ top:210px; left:745px;}
.section1 .a9{ top:490px; left:540px;}

.section2 .bbg{top:-260px; left:-460px;}
.section2 .b1{ top:0px; left:0px; z-index:2}
.section2 .b2{ top:190px; left:210px; z-index:1;display:none !important;}
.section2 .b3{ top:380px; left:0px; z-index:2}
.section2 .b4-1{ top:95px; left:0; z-index:2}
.section2 .b4-2{ top:95px; left:268px; z-index:2}
.section2 .b4-3{ top:95px; left:534px; z-index:2}
.section2 .b4-4{ top:95px; left:800px; z-index:2}


.section3 .cbg{top:-270px; left:-460px;}
.section3 .c1{ top:-55px; 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}


#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;}