* { margin: 0; padding: 0;}
body,html {font: 12px "Microsoft Yahei";}
.inner { position: relative; width: 1200px; margin: 0 auto;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.Contact_us{cursor: pointer}
.dowebok-hd {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 50px;
/*    background: url(http://cdn.dowebok.com/77/images/i10/hd_bg.jpg) 0 0 repeat-x;*/
    left: 0px;
    top: 0%;
    padding: 0;
    list-style-type: none; 
} 
.dowebok-hd h1 {float: left;width: 130px;height: 26px;margin-top: 6px;}
.dowebok-hd h1 a {display: block;width: 130px;height: 32px;text-indent: -9999px;}
.dowebok-hd h1 a img {display: block;
    width: 75%;
    height: 138%;}
.dowebok-hd .nav {float: left;margin-left: 55px;list-style-type: none;}
.dowebok-hd .nav li {float: left;margin: 0 5px;}
.dowebok-hd .nav a,.dowebok-hd .nav span {float: left;padding: 0 20px;margin-top: 12px;line-height: 30px;color: #fff;text-decoration: none;border: 1px solid transparent;}
.dowebok-hd .nav a:hover ,.dowebok-hd .nav span:hover{ border-color: #FFFFFF;}
.dowebok-hd .nav li.on a{border-color: #FFFFFF;}
#dowebok {margin-top:0px;}
/*#dowebok .section { background: url(http://cdn.dowebok.com/77/images/i10/section_bg.jpg) 0 0 repeat-x;}*/
#dowebok .inner { width: 960px; height: 100%;}
.slide{margin-top: 0px;position: relative;}
#dowebok .section2 { background-color: #212121; background-image: none;}
#dowebok .section2 .fp-tableCell { vertical-align: top;}
#dowebok .section2 .gojd { display: block; height: 100%; text-indent: -9999px; overflow: hidden; background: url(http://cdn.dowebok.com/77/images/i10/slider2.jpg) 50% 0 no-repeat;}
/*#dowebok .section2 .img1 { position: absolute; left: 240px; top: 8%;}
#dowebok .section2 .img2 { position: absolute; left: -7px; bottom: 64px;}*/

#dowebok .section1 h2{
    font-weight: normal;
    font-size: 40px;
    position: absolute;
    text-align: center;
     width: 100%;
    top: 0px;
    color: #fff;
    /*height: 79px;*/
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
}
#dowebok .section1 .active  h2{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
#dowebok .section1 .fp-slides img {display: block;margin: 4% auto;width: 50%;height: auto}
#dowebok .section1 .txt {
    position: absolute;
    left: 50%;
    transform: translateX( -50%);
    -webkit-transform: translateX( -50%);
    -moz-transform: translateX( -50%);
    top: 100%;
     width: 80%;
    color: #fff;
    /* margin-left: 90px; */
    opacity: 0;
    transition: all 1s;
}
#dowebok .section1 .txt p{text-align: center;line-height: 35px;font-size: 16px;}
#dowebok .section1 .active .txt{
    top: 70%;
    opacity: 1;
    transition-delay: 0.7s;
    }
#dowebok .section1 .fp-controlArrow { width: 100px; height: 100px; margin-top: -50px; border: 0 none;}
#dowebok .section1 .fp-prev { left: 150px; background: url(http://cdn.dowebok.com/77/images/i10/left_control.png) 50% no-repeat;}
#dowebok .section1 .fp-next { right: 150px; background: url(http://cdn.dowebok.com/77/images/i10/right_control.png) 50% no-repeat;}

#dowebok .section4 .img1 { position: absolute; left: -160px; top: 5%;}
#dowebok .section4 .txt { position: absolute; right: 0; top: 12%; width: 650px;}
#dowebok .section4 h2 { height: 90px; margin-bottom: 10px; background: url(http://cdn.dowebok.com/77/images/i10/slider4_title.png) 0 0 no-repeat;}
#dowebok .section4 p {/* padding: 20px 0; */line-height: 30px;font-size: 16px;}
#dowebok .section4 .icon { height: 111px; background: url(http://cdn.dowebok.com/77/images/i10/slider4_icon.png) 0 0 no-repeat;}

#dowebok .section5 .img1 { position: absolute; right: -460px; top: 180px;}
#dowebok .section5 .txt { position: absolute; left: 0; top: 8%; width: 680px;}
#dowebok .section5 h2 { height: 90px; margin-bottom: 10px; background: url(http://cdn.dowebok.com/77/images/i10/slider5_title.png) 0 0 no-repeat;}
#dowebok .section5 p { width: 550px; line-height: 30px; font-size: 16px;}
#dowebok .section5 .icon { margin-right: 15px;}

#dowebok .ft { position: absolute; left: 0; bottom: 64px; width: 960px; background-color: rgba(255, 255, 255, 0.7);}
#dowebok .ft-link { padding: 10px 0; overflow: hidden; zoom: 1;}
#dowebok .more-links { float: left; padding: 0 60px; border-right: 1px solid #e7e8e8;}
#dowebok .ft-link .first { padding-left: 100px;}
#dowebok .more-links h3 { font-size: 14px; color: #7d7d7d;}
#dowebok .more-links ul { list-style-type: none;}
#dowebok .more-links a { color: #676767; text-decoration: none;}
#dowebok .service { float: right; padding-right: 100px; background: url(http://cdn.dowebok.com/77/images/i10/phone.png) 10px 10px no-repeat;}
#dowebok .service ul { padding: 0 15px 0 56px; background-color: rgba(255, 255, 255, 0.5); list-style-type: none;}
#dowebok .service .phone { padding: 7px 0 0 10px; border-left: 1px solid #fff; font-size: 22px;}
#dowebok .service .time { border-left: 1px solid #fff; font-size: 16px; color: #adb0b4;}
#dowebok .copy { height: 50px;}
#dowebok .copy p { width: 100%; padding: 0; line-height: 18px; font-size: 12px; text-align: center; color: #a1a1a1;}

#fp-nav span, .fp-slidesNav span { border: 1px solid #999;}
#fp-nav li .active span, .fp-slidesNav.active span { background-color: #4ec200;}

/* 右侧导航 */
#fp-nav { _display: none; font-size: 12px;right: 1%}
#fp-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fp-nav ul li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fp-nav li .active { background-position: 0 bottom;}
#fp-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}


.section {position: relative;top: 0px;overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img {display: block;width: 100%;height: auto;}

.bg11 { position: absolute; bottom: 0; width: 100%; height: 850px; background: url(../images/bg11.png) 50% 0 no-repeat; transition: all 1s;}
.bg12 { position: absolute; bottom: -392px; width: 100%; height: 392px; background: url(../images/bg12.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0;}
.bg13 { position: absolute;top:15%; left:-500px;width: 100%; height: 100%; background: url(../images/s2_1.png) no-repeat; transition: all 1s;}
.hgroup { position: absolute; width: 554px; height: 176px; left: 60%; top: 10%; margin: 0 0 0 -277px; text-indent: -9999px; /*background: url(../images/s2_2.png) no-repeat;*/ opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p11 {position: absolute;left: 45%;top: 30%;width: 100px;height: 100px;background-size: cover;background: url("../images/s2_11.png") no-repeat;opacity: 0;transition: all 0.5s;}
.p12 {position: absolute;left: 55%;top: 30%;width: 100px;height: 100px;background-size: cover;background: url("../images/s2_12.png") no-repeat; opacity: 0; transition: all 0.5s;}
.p13 {position: absolute;left: 65%;top: 30%;width: 100px;height: 100px;background-size: cover;background: url("../images/s2_13.png") no-repeat; opacity: 0; transition: all 0.5s;}
.p14 {position: absolute;left: 50%;top: 50%;width: 100px;height: 100px;background-size: cover;background: url("../images/s2_14.png") no-repeat; opacity: 0; transition: all 0.5s;}
.p15 {position: absolute;left: 60%;top: 50%;width: 100px;height: 100px;background-size: cover;background: url("../images/s2_15.png") no-repeat;opacity: 0;transition: all 0.5s;}


.mail { position: absolute; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; background-image: url(../images/logo.png); transition: all 1s;}
.mail { float: left; height: 26px; text-indent: -9999px;}
.mail-163 { float: left; width: 107px;}
.mail-126 { float: left;width: 108px; margin-left: 23px;}
.mail-yeah { float: right; width: 115px;}

.bg21 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 250px; margin-left: -608px; margin-bottom: 40px; background: url(../images/bg21.png) 0 0 no-repeat; transition: all 1s;  opacity: 0; margin-left: -1108px;}
.bg22 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 299px; margin-left: -280px; margin-bottom: 70px; background: url(../images/bg22.png) right 0 no-repeat; transition: all 1s; opacity: 0; margin-left: 320px;}
.bg23 { position: absolute; left: 50%; bottom: 15%; width: 819px; height: 325px; margin-left: -409px; background: url(../images/bg23.png) 50% 0 no-repeat; transition: all 1s;  bottom: -40%;}
.section strong {text-align: center; position: absolute; left: 50%; top: 3%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; font-size: 24px; font-weight: 500; color: #fff; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section4 strong,.section5 strong,.section6 strong{
    color:#748A9E ;
}
.section h3 {
    color: #fff;
    position: absolute;
    left: 50%;
    top:70%;
    z-index: 10;
    width: 512px;
    height: 45px;
    font-size: 18px;
    text-align: center;
     margin-left: -256px;
    /* margin-top: 60px; */
    /* text-indent: -9999px; */
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5);
    transition: all 1s;
    }
.p1 { position: absolute; left: 50%; top: 15%; width: 510px; margin-left: -255px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}


/*.section2 h3 { background-image: url(../images/t2.png);}*/
.section2 h3 {/* background-image: url(../images/t3.png); */}
.section4 h3 { background-image: url(../images/t4.png);}
.section5 h3 { background-image: url(../images/t5.png);}
.section6 strong { width: 561px; margin-left: -280px;}
.section6 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t6.png);}
.section7 strong { width: 561px; margin-left: -280px;}
.section7 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t7.png);}
.section8 strong { width: 561px; margin-left: -280px;}
.section8 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t8.png);}
.section9 strong { width: 609px; margin-left: -304px;}
.section9 h3 { width: 609px; margin-left: -304px; background-image: url(../images/t9.png);}
.section9 h3 span { position: absolute; left: -100px; top: -48px; width: 89px; height: 90px; background-image: url(../images/yixin.png);}

.bg31 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; margin-bottom: 80px; background-image: url(../images/bg31.png); opacity: 0; transition: all 1s;}
.bg32 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; background: url(../images/bg32.png) 470px bottom no-repeat; opacity: 0; transition: all 1s;}
.bg33 { position: absolute; left: 50%; bottom: 0; width: 441px; height: 380px; margin-left: 50%; background: url(../images/bg33.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.p3 { position: absolute; width: 430px; left: 50%; top: 15%; margin-top: 250px; margin-left: -100%; font-size: 16px; color: #FFFDE1; opacity: 0; transition: all 1s;}

.bg41 { position: absolute; bottom: -372px; width: 100%; height: 372px; background: url(../images/bg41.png) 50% 0 no-repeat; transition: all 1s;}
.bg42 { position: absolute; bottom: -449px; width: 100%; height: 449px; background: url(../images/bg42.png) 50% 0 no-repeat; transition: all 1s;}
.bg43 { position: absolute; bottom: -449px; width: 100%; height: 449px; margin-bottom: -130px; background: url(../images/bg43.png) 50% 0 no-repeat; transition: all 1s;}

.bg51, .bg52, .bg53, .bg54,.bg55 ,.bg56,.bg57,.bg58{position: absolute;z-index: 1;width: 160px;left: 40%;top: 15%;padding-top: 120px;color: #fff;}
.section2 h4 { margin-bottom: 12px; font-size: 23px; font-weight: 500;text-align: center;color: #fff}
.section2 p { font-size: 22px;text-align: center;color: #00BBFF}
.bg51 { margin-left: -851px; /*background: url(../images/s3_1.png) 50% 0 no-repeat;*/ opacity: 0; transition: all 1s;}
.bg52,.bg56 {
    margin-left: -150px;
    opacity: 0;
   /* -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);*/
   /* background: url(../images/s3_2.png) 50% 0 no-repeat;*/
    transition: all 1s;
    }
.bg53,.bg57 { margin-left: 395px; background: url(../images/s3_3.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg54,.bg58 {margin-left: 645px;background: url(../images/bg54.png) 50% 0 no-repeat;opacity: 0;transition: all 1s;}
.bg55{margin-left: -851px;opacity: 0; transition: all 1s;}
.bg55,.bg56,.bg57,.bg58{
    top: 50%;
}
.s1{
    position: absolute;z-index: 1;
    width: 150px;
    height:150px;
    top: 15%;
    border: 3px solid #00a7d0;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.s1_1{
    left:0%;
}
.s1_2{
    left: 15%;
}
.s1_3{
    left: 45%;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
.s1_4{
    left: 100%;
}
.s1_5{
    left: 120%;
}
.s1_6{
    top: 40%;
    left: 0%;
}
.s1_7{
    top: 40%;
    left: 15%;
}
.s1_8{
    top: 40%;
    left: 45%;
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
.s1_9{
    top: 40%;
    left: 100%;
}
.s1_10{
    top: 40%;
    left: 120%;
}
.s1 p{
    width: 90%;
    margin-left: 5%;
    color: #fff;

    font-size: 14px;
}
.s1 p.strong{
    font-size: 24px;
    margin-top: 30%;
}
.active .s1_1{
    left: 15%;
    opacity: 1;
    transition-delay: 2.1s;
}
.active .s1_2{
    left: 30%;
    opacity: 1;
    transition-delay: 1.4s;
}
.active .s1_3{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .s1_4{
    left: 60%;
    opacity: 1;
    transition-delay: 1.4s;
}
.active .s1_5{
    left: 75%;
    opacity: 1;
    transition-delay: 2.1s;
}
.active .s1_6{
    top: 40%;
    left: 15%;
    opacity: 1;
    transition-delay: 2.1s;
}
.active .s1_7{
    top: 40%;
    left: 30%;
    opacity: 1;
    transition-delay: 1.4s;
}
.active .s1_8{
    top: 40%;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .s1_9{
    top: 40%;
    left: 60%;
    opacity: 1;
    transition-delay: 1.4s;
}
.active .s1_10{
    top: 40%;
    left: 75%;
    opacity: 1;
    transition-delay: 2.1s;
}

.bg61 { position: absolute; top: -454px; width: 100%; height: 545px; background: url(../images/bg61.png) 50% 0 no-repeat; transition: all 1s;}
.bg62 {position: absolute;left: 80%; top: 15%; width:100%;height: 100%;opacity: 0;/* margin-left: -507px; */background: url(../images/s4_1.png) no-repeat;transition: all 1s;}
.bg_5 {position: absolute;left: -25%; top: 40%; width:100%;height: 100%;opacity: 0;/* margin-left: -507px; */background: url(../images/s5_1.png) no-repeat;transition: all 1s;}
.bg_6 {position: absolute;left: 80%; top: 10%; width:100%;height: 100%;opacity: 0;/* margin-left: -507px; */background: url(../images/s6_1.png) no-repeat;transition: all 1s;}
.txt6 {position: absolute;left: 10%;top: 10%;width: 560px;/*width: 480px;margin-left: 90px;*/opacity: 0;transition: all 1s;}
.txt6 p ,.txt5 p{ margin-bottom: 17px; color: #5C7970;}  
.section6 .txt6 p{color: #EAEFF2;font-size: 14px} 



#dowebok .section p.txt_s{font-size: 30px;display: inline-block;}
.txt5{position: absolute;left: 100%;top: 18%;width: 450px;/*top: 35%;margin-left: 90px;*/opacity: 0;transition: all 1s;}
.bg71 { position: absolute; left: 50%; bottom: -201px; width: 699px; height: 201px; margin-left: -630px; background: url(../images/bg71.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg72 { position: absolute; left: 50%; bottom: -206px; width: 182px; height: 206px; margin-left: -170px; background: url(../images/bg72.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg73 { position: absolute; left: 50%; bottom: 170px; width: 651px; height: 231px; margin-left: -530px; background: url(../images/bg73.png) 50% 0 no-repeat;}
.bg74 { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%;}
.bg74 img { position: absolute; left: 0; bottom: 0; width: 100%; height: 251px;}
.txt7 { position: absolute; left: 50%; bottom: -150px; width: 420px; margin-left: 100px; opacity: 0; transition: all 1s;}
.txt7 p { margin-bottom: 17px; color: #EAEFF2;}

.bg81 { position: absolute; width: 100%; bottom: 100px; height: 215px; background: url(../images/bg81.png) 50% 0 no-repeat;}
.bg82 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(../images/bg82.png); opacity: 0; transition: all 1s;}
.bg83 { position: absolute; left: 50%; bottom: 280px; width: 70px; height: 29px; margin-left: -330px; background-image: url(../images/bg83.png); opacity: 0; transition: all 1s;}
.bg84 { position: absolute; left: 50%; bottom: 320px; width: 43px; height: 26px; margin-left: -410px; background-image: url(../images/bg84.png); opacity: 0; transition: all 1s;}
.p8 { position: absolute; left: 50%; top: 15%; width: 565px; margin-left: -282px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}

.bg91, .bg92, .bg93 { padding-top: 350px; font-size: 16px; color: #fff;}
.bg91 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -970px; background: url(../images/bg91.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.bg91 p { position: relative; left: 20px; margin-left: 40px; border-right: 1px solid #13AB86;}
.bg92 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -180px; background: url(../images/bg92.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg92 p { position: relative; left: 40px; margin-left: 30px;}
.bg93 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: 630px; background: url(../images/bg93.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg93 p { position: relative; left: -20px; padding-left: 100px; border-left: 1px solid #13AB86;}

.bg101 { position: absolute; width: 100%; height: 100%; background: url(../images/bg101.png) 50% 20% no-repeat;}
.bg102 { position: absolute; width: 100%; top: 25%; height: 79px; background: url(../images/bg102.png) 50% 0 no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.bg103 { position: absolute; width: 100%; top: 25%; height: 37px; margin-top: 110px; background: url(../images/bg103.png) 50% 0 no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -127px; text-indent: -9999px; background-image: url(../images/btn.png); opacity: 0; transition: all 1s;}

/*.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}*/

/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}

.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { left: 12%; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 0.7s;}
.active .p12 { opacity: 1; transition-duration: 1s; transition-delay: 1.1s;}
.active .p13 { opacity: 1; transition-duration: 1s; transition-delay: 1.5s;}
.active .p14 { opacity: 1; transition-duration: 1s; transition-delay: 1.9s;}
.active .p15 { opacity: 1; transition-duration: 1s; transition-delay: 2.3s;}

.active .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.active .bg23 { bottom: 15%; transition-delay: 0.7s;}
.active .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.active .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.active .bg31, .active .bg32 { opacity: 1; transition-delay: 1s;}
.active .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.active .bg41 { bottom: 15%; transition-delay: 0.7s;}
.active .bg42 { bottom: 15%; transition-delay: 1.1s;}
.active .bg43 { bottom: 15%; transition-delay: 0.9s;}

.active .bg51 { margin-left: -451px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .bg53 { margin-left: 145px; opacity: 1; transition-delay: 0.7s;}
.active .bg54 {margin-left: 344px;opacity: 1;transition-delay: 0.7s;}

.active .bg61 { top: 0; transition-delay: 0.7s;}
.active .bg62 { left: 45%; opacity: 1; transition-delay: 0.7s;}
.active .txt6 {left: 10%;opacity: 1;transition-delay: 0.7s;}/*left: 20%;*/ 

.active .txt5 {left: 52%;opacity: 1;transition-delay: 0.7s;}
.section6  .txt6{top:12%;}
.active .bg_6 { left: 45%; opacity: 1; transition-delay: 0.7s;}
.section6.active .bg_6{ left: 50%; opacity: 1; transition-delay: 0.7s;}

.active .bg_5 { left: 30%; opacity: 1; transition-delay: 0.7s;}

.active .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.active .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.active .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.active .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.active .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.active .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.active .p8 { opacity: 1; transition-delay: 1.7s;}

.active .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.active .bg92 { opacity: 1; transition-delay: 0.8s;}
.active .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.active .bg102, .active .bg103 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg41 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg42 { bottom: 15%; transition-delay: 1.1s;}
.ltie10 .bg43 { bottom: 15%; transition-delay: 0.9s;}

.ltie10 .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg61 { top: 0; transition-delay: 0.7s;}
.ltie10 .bg62 { left: 50%; opacity: 1; transition-delay: 0.7s;}
.ltie10 .txt6 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.ltie10 .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.ltie10 .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.ltie10 .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.ltie10 .p8 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg92 { opacity: 1; transition-delay: 0.8s;}
.ltie10 .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg102, .ltie10 .bg103 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .go { top: 25%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}

.section2 .bg51{
    background: url(../images/s2_1.png) 50% 0 no-repeat;
    background-size: 70%;
}
.section2 .bg52{
    background: url(../images/s2_2.png) 50% 0 no-repeat;
    margin-left: -500px;
    background-size: 70%;
}
.section2 .bg53{
    background: url(../images/s2_3.png) 50% 0 no-repeat;
    background-size: 70%;
}
.section2 .bg54{
    background: url(../images/s1_4.png) 50% 0 no-repeat;
    background-size: 70%;
    margin-left: 645px;
    opacity: 0;
    transition: all 1s;
}
.section2 .bg55{
    background: url(../images/s1_5.png) 50% 0 no-repeat;
    background-size: 70%;
}
.section2 .bg56{
    background: url(../images/s1_6.png) 50% 0 no-repeat;
    background-size: 70%;
    margin-left: -500px;
}
.section2 .bg57{
    background: url(../images/s1_7.png) 50% 0 no-repeat;
    background-size: 70%;
}
.section2 .bg58{
    background: url(../images/s1_8.png) 50% 0 no-repeat;
    background-size: 70%;
    margin-left: 645px;
    opacity: 0;
    transition: all 1s;
}
.section2.active .bg51,.section2.active .bg55{
    margin-left: -400px;
    opacity: 1;
    transition-delay: 1.1s;
}
.section2.active .bg53,.section2.active .bg57{
   margin-left: 220px;
    opacity: 1;
    transition-delay: 0.7s;
}
.section2.active .bg52,.section2.active .bg56{
    margin-left: -70px;
    opacity: 1;
    transition-delay: 0.7s;
}
.section2.active .bg54,.section2.active .bg58{
    margin-left: 500px;
    opacity: 1;
    transition-delay: 1.1s;
}
.menu_tab{
    text-align: center;
    position: absolute;
    left: 15%;
    top: 100%;
    z-index: 83;
    width: 512px;
    /* height: 45px; */
    font-size: 24px;
    font-weight: 500;
    /* color: #748A9E; */
    /*opacity: 1;*/
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    transition: all 1s;
}
.menu_tab a{color: #fff;display: inline-block}
.active .menu_tab{
    top:10%;
}


div,ul,li,a {
    margin:0;
    padding:0;
}
ul,li {
    list-style:none;
}
a {
    color:#666;
    text-decoration:none;
}
a:hover {
    color:#F60;
}
.tab1{margin-top: 5%;}
#title{
    position: relative;
    /* top: 10%; */
    margin-left: 35%;
    /* left: 20%; */
}
#title li {
    padding: 0 5px;
    float:left;
    margin-right:20px;
    border:1px solid #dedede;
    border-radius: 20px;
    width: 8%;
    text-align:center;
    height:28px;
    line-height:28px;
    position:relative;
    z-index:1000;
}
#title,#wrap {
    clear:both;
    width: 80%;
}
#wrap {
    /*border:1px solid #dedede;*/
    height:300px;
    position:relative;
    top:5px;
    padding:10px;
    margin-left: 10%;
    /* left: 20%; */
}
#wrap>div {
    display:none;
}
#wrap .active {
    display:block;
}
#title li.current {
    border:1px solid #F60;
}
#title .current a {
    color:#F60;
}
.video_list li{
    text-align: center;
    width: 25%;
    float: left;
}
.card_content{
    padding: 0 25px;
    text-align: center;
    color: #fff;
}
.card_content p{
    line-height: 24px;
    font-size: 12px;
    color: #999;
}
.wrap2 li.Self_BI,.wrap2 li.Self_down{
    display: none;
}
.wrap3 li.data_platform,.wrap3 li.Self_down{
    display: none;
}
.wrap4 li.data_platform,.wrap4 li.Self_BI{
    display: none;
}

.video_list li{
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    left: -50%;
    transition: all 1s;
}
#title{
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    top: -50%;
    transition: all 1s;
}
.section3.active #title{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
     top:0px; 
    transition-delay: 0.7s;
}
.section3.active .video_list li{
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    margin-left: 0px;
}
.section3.active .video_list li:nth-of-type(1){
    transition-delay: 0.7s;
}
.section3.active .video_list li:nth-of-type(2){
    transition-delay: 1.1s;
}
.section3.active .video_list li:nth-of-type(3){
    transition-delay: 1.5s;
}
.section3.active .video_list li:nth-of-type(4){
    transition-delay: 1.9s;
}
.section3.active .video_list li:nth-of-type(5){
    transition-delay: 2.3s;
}
.section3.active .video_list li:nth-of-type(6){
    transition-delay: 2.7s;
}
.section3.active .video_list li:nth-of-type(7){
    transition-delay: 3.1s;
}
.section3.active .video_list li:nth-of-type(8){
    transition-delay: 3.4s;
}
.section3.active .video_list li:nth-of-type(9){
    transition-delay: 3.9s;
}
.section3.active .video_list li:nth-of-type(10){
    transition-delay: 4.3s;
}
.centaline a{
    font-size: 18px;
    margin: 0 60px 10px 0;/* margin: 0 20px 10px 0;*/
    color: #fff;
}
/*.centaline a:nth-of-type(1){
    margin: 0 10px 0 0;
}*/
.centaline a:hover{
    color:#F60;
}


.animated{
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}





/*------------------- 华丽分割线 -----------------------*/

header{width:90%;text-align:center;padding:5%;letter-spacing:2px;color:#333;font-size:1.2em;text-shadow:0 0 2px #999;}
.demo{width:100%;margin:0 auto;text-align:center;}
.demo a{margin:0 5px 20px;background-color:#eee;}

/*------------------- 华丽分割线 -----------------------*/

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 400px; height: 500px;
    display: none; background-color: #ffffff; position: fixed; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    margin: -250px 0 0 -200px;
    z-index: 10000; border: 1px solid #ccc; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 3px 2px 4px rgba(0,0,0,0.2); -webkit-box-shadow: 3px 2px 4px rgba(0,0,0,0.2); }
.dialogTop{width:90%;margin:0 auto;border-bottom:1px dotted #ccc;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos li{width:90%;margin:15px auto auto;text-align: center;}
.ipt{width:50%;border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";cursor:pointer;margin-top:10px;
    outline: none;
    display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#428bca;color:#fff;box-shadow: 0 -3px 0 #2a6496 inset;-webkit-box-shadow: 0 -3px 0 #2a6496 inset;}
.editInfos li label span{display: inline-block;width: 80px;}

 .footerpage{
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 5%;
    z-index: 10;
    width: 512px;
    height: 45px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /*margin-left: -256px;*/
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    /* opacity: 0;
     -webkit-transform: scale(0.5, 0.5);
     transform: scale(0.5, 0.5);
     transition: all 1s;*/
}


.hsCheckData {
    height: 15px;
    display: inline-block;
    cursor: pointer;
    text-align: left;
    background-image: url(img/nc.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

.hsCjeckData_check {
    background-image: url(img/yc.png);
}

.hcd_main_border {
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #ffffff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 150px;
    padding: 5px;
    position: absolute;
    border-top: none;
    z-index: 10001;
}

.hcd_filter {
    width: 100%;
    height: 30px;
    display: inline-block;
    margin-bottom: 5px;
}

.hcd_filter_input {
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 4px 6px;
    font-size: 14px;
    background-image: url(img/filter.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

.hcd_dataList {
    height: 111px;
    width: 100%;
    display: inline-block;
    overflow-y: auto;
    overflow-x: hidden;
}

.hcd_dataList > ul {
    padding-left: 0 !important;
}

.hcd_dataList > ul li {
    list-style-type: none;
    cursor: pointer;
}

.hcd_dataList > ul > li {
    /*padding-left: 0px;
    float: left;
    margin-bottom: 10px;*/
      padding-left: 0px;
    float: left;
    height: 20px;
    width: 72px;
    margin-top: 5px;
}

    .hcd_dataList > ul > li > div > input {
        float: left;
        margin-top: 5px;
    }

    .hcd_dataList > ul > li > div > label {
        float: left; 
        width: 40px;
        line-height: 20px;
        cursor:pointer;
    }
  

.hcd_dataList > ul > li > div {
    padding-left: 15px;
}

.exsitChild {
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block;
    width: 7px;
    height: 8px;
    margin-right:5px;
}

.exsitChild_check {
    background-image: url(img/open.png);
}

.ec {
    min-height: 22px;
    font-size: 14px;
    line-height: 22px;
}

.ec > div {
    padding-left: 3px !important;
}

 

.hcd_btn_div {
    margin-top: 10px;
    text-align: right;
    background-color: #f5f5f5;
    height: 29px;
    margin-right: -5px;
    margin-left: -5px;
    border-top: 1px solid #e3e3e3;
}

.hcd_btn {
    border: 0px;
    margin-right: 5px;
    margin-top: 4px;
}

.divshowNo {
    display: none;
}
.speedShowFileMain canvas {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #fff;
}

 
.dowebok-hd{
height: 80px;
position:static;
}