/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 a, b, body, button, dd, div, dl, em, footer, form, h1, h2, h3, h4, h5, h6, i, input, label, li, nav, p, select, span, td, textarea, u, ul, img {
    padding: 0;
    margin: 0;
    border:0;
    -webkit-tap-highlight-color: transparent;
}
 body, button, input, option, select, td, textarea {font-family: arial,helvetica,Microsoft Yahei; } 
 a{text-decoration: none; color: #111; -webkit-transition: all linear .2s; transition: all linear .2s; }
 a:hover {color: #f94a4a; text-decoration: none; } 
 .clear{clear: both;}
 .icon-android,.icon-ios,.next,.prev{display: inline-block; background-image: url(../images/icons.png); background-repeat: no-repeat; }


#dowebok {margin-top: 94px;}
.section { text-align: center; font: 30px "Microsoft Yahei"; color: #fff;}
.section .title{font-size: 50px; line-height: 60px; }
.section .des{font-size: 26px;line-height: 40px;padding-top: 40px;}
.dowebok-hd{position: fixed;top: 0; z-index: 1000; width: 100%; height: 94px;background: #fff;}
.inner { position: relative; width: 1100px;max-width: 100%; margin: 0 auto;}
.section .inner{max-width: 90%;}
.dowebok-hd h1 {float: left; width: 86px; margin-top: 20px; }
.dowebok-hd h1 a {display: block; width: 54px; height: 54px;  }
.dowebok-hd h1 a img{height:100%;}

.top-download {float: right; font-size: 14px; padding-top: 32px;line-height: 20px; }
.top-download .btn-download {display: inline-block; padding: 0 5px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; }
.btn-download i {width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; margin-top: -3px; -webkit-transition: all linear .3s; transition: all linear .3s; }
.top-download em {display: inline-block; vertical-align: middle; color: #E5E5E5; margin: 0 14px; height: 14px; border-left: 1px #E5E5E5 solid; }
.icon-android {background-position: -103px 0; } 
.btn-download:hover .icon-ios {background-position: 0 -46px; }
.btn-download:hover .icon-android{background-position:-103px -46px}

ul#menu{float:left;padding-top: 18px;}
ul#menu li {display: inline-block; vertical-align: top; text-align: center; font-size: 15px; margin: 0 15px; height:54px;line-height: 54px;}
ul#menu li.active a{color: #f94a4a;}
/*banner*/
.full-banner {background: url(../images/banner.jpg);}
.full-banner .title {text-align: center;color: #fff; font-weight: 400;margin-top: -64px; position: relative;font-size: 80px;}
.full-banner .des {text-align: center;  padding-top: 50px;position: relative;font-size: 40px;color:#fff; }
.full-banner .banner_ewm{padding-top: 100px;}
/*.full-blank {background: #F5F7F9; position: absolute; width: 100%; height: 28%;left:0; bottom: 0; }*/


/*第一屏*/
.full-first .figure {width: 500px;max-width:50%;float: left; position: relative; }
.full-first .figure img{max-width: 100%;}
.full-first .text {float: left; width: 488px; max-width:50%;height: 210px; margin-top: 260px; text-align: left; color: #000;text-transform:Uppercase; }
.full-first .text .title{font-weight: 400;}


/*第二屏*/
.full-second .figure {width: 500px;max-width:50%; float: left; position: relative; }
.full-second .figure img{max-width: 100%;}
.full-second .text {float: left; width: 488px; max-width:50%; height: 210px; margin-top: 260px; text-align: left; color: #fff;text-transform:Uppercase;padding-left: 100px; box-sizing: border-box;-webkit-box-sizing: border-box; }
.full-second .text .title{font-weight: 400;}


/*第三屏*/
.full-third{background:url(../images/3.jpg); background-size: cover; }
.full-third .title {text-align: center;color: #fff; font-weight: 400;}
.full-third .des {text-align: center; color: rgba(255,255,255,.5); color: #999\9; padding-top: 20px; }
.full-third .hzpic {margin-top: 30px;}
.full-third .hzpic img{max-width: 90%;}

/*第四屏*/
.full-fourth .title {text-align: center;color: #000; font-weight: 400; }
.full-fourth .des {text-align: center; color:#000; color: #999\9; padding-top: 20px; }
.full-fourth .inner{width: 820px;overflow: hidden;}
.full-fourth .figure{margin-top:70px;}
.slider-container{position: relative;height:240px;}
.slider-container .item {position: absolute; text-align: center; width: 170px; height: 200px; background: #f2f2f2; margin-right: 20px; padding:20px 10px; }
.slider-container .item img {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid white; border-radius: 50%; width: 98px; height: 98px;
}
.slider-container .item h3{ margin-top: 10px; font-size: 18px; color: #ff4b0c; font-weight: normal; height: 40px; line-height: 40px; }
.slider-container .item p{ line-height: 20px; font-size: 15px; margin-top: 5px;color: #333;}
.slider-container .item p span{ color: #888;  font-size: 14px;}
.bullet-pagination {width: 200px;text-align: center;margin:0 auto; margin-top: 40px; }

.bullet {
  display: inline-block;
  background: #999;
  padding: 6px;
  border-radius: 6px;
  margin-right: 5px;
  opacity: 0.4;

  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear;
}

.bullet.active {opacity: 1; }


.track a.prev,
.track a.next {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -32px;
  width: 26px;
  height: 42px;
  background-repeat: no-repeat;-webkit-transition: all linear 0s; transition: all linear 0s;
}
.pagination{width: 950px;position: relative;margin:0 auto;top: -180px;}
.track a.prev {left: -100;background-position: 0 -203px; }
.track a.prev:hover {background-position: 0 -317px;}
.track a.next {right: 0;background-position: -94px -203px;}
.track a.next:hover {background-position: -94px -317px; }


/*第五屏*/
.full-fifth{background:url(../images/bd-bg.jpg);}
.full-fifth .title {text-align: center;color: #000; font-weight: 400;}
.full-fifth .down {width: 425px; margin: 50px auto; text-align: center; }
.full-fifth .down a {float: left;display: block;width: 165px; background-repeat: no-repeat;background-position: center top; }
.full-fifth .down .and {background-image: url(../images/adow.png); height: 41px;  margin: 0 30px; }
.full-fifth .down .ios {background-image: url(../images/pdow.png); height: 41px; }
.full-fifth .down img {border: 1px solid #E3E3E3; margin-top: 50px;max-width: 60%; }

/*版权*/
.footer{position: absolute; left: 0; bottom: 94px; width: 100%; background-color: #fff;}

.footer .copyright{padding:12px 0; line-height: 22px; font-size: 13px; color: #fff; text-align: center; background-color: #414141;}



/*动画*/
.animation {
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-delay: .8s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.full-banner .animation{ -webkit-animation-delay: .3s;animation-delay: .3s;}
.active .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}
.active .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.active .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-100px)}
    100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInLeft{
    0%{opacity:0;transform:translateX(-100px)}
    100%{opacity:1;transform:translateX(0)}
}

@-webkit-keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(100px)}
    100%{opacity:1;-webkit-transform:translateX(0)}
}
@keyframes fadeInRight{
    0%{opacity:0;transform:translateX(100px)}
    100%{opacity:1;transform:translateX(0)}
}

@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(-100px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes fadeInUp{
    0%{opacity:0;transform:translateY(-100px)}
    100%{opacity:1;transform:translateY(0)}
}

@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(100px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@keyframes fadeInDown{
    0%{opacity:0;transform:translateY(100px)}
    100%{opacity:1;transform:translateY(0)}
}


/*网页适配*/
@media (max-width: 768px){
    .dowebok-hd{padding:15px;}
    .top-download{padding-right: 20px;}
    .full-first .text{margin-top: 100px;}
    .full-second .text{margin-top:100px;}
    .full-fourth .inner{width:610px;}    
    .bullet-pagination{margin-top: 10px;position: relative;z-index: 2;}
    .pagination{width: calc(100% - 10px);height:50px;top:-38px;padding: 0 5px 5px 5px;text-align: center;box-sizing: border-box; -webkit-box-sizing: border-box;background: rgba(255, 255, 255, 0.87);font-family: arial;border-radius: 3px;}
    .track a.prev, .track a.next{background-size: 64px;margin-top: -30px;}
    .track a.prev{background-position: 0px -90px;}
    .track a.prev:hover {background-position: 0 -151px;}
    .track a.next{background-position: -45px -90px;}
    .track a.next:hover {background-position: -45px -151px; }
    .full-second .text{padding-left: 50px;}
}

@media (max-width: 640px){
 ul#menu{display:none;}
 .full-banner .banner_ewm{padding-top: 30px;}

#dowebok {margin-top: 64px;}    
.dowebok-hd{height:54px;padding:5px;}
.dowebok-hd h1{margin:0;margin-left: 5px;}
.top-download{padding-top: 17px;padding-right: 12px;}
.top-download em{margin:0 8px;}
#fp-nav.right{right:-5px;opacity: .5;}

.section .title {font-size: 24px;line-height: 30px}
.section .des{font-size: 18px;line-height: 24px;padding-top: 10px;}

.full-banner .title {font-size: 30px;} 
.full-banner .banner_ewm img{max-width:50%;} 

.full-first .text{margin-top: 50px;}
.full-second .text{margin-top: 50px;padding-left: 10px;}

.full-fourth .figure{margin-top: 10px;}

.full-fifth .text{margin-top: -64px;}
.full-fifth .title{font-size: 22px;}
.full-fifth .down{margin:10px auto;max-width: 100%;}
.full-fifth .down img{margin-top: 20px;}
.full-fifth .down a{display:none;}


.footer{bottom: 64px;}
.footer .copyright{line-height: 18px;}
.footer .copyright span{display:none;}

/*.active .fadeInLeft{-webkit-animation-name:none;animation-name:none;}
.active .fadeInRight{-webkit-animation-name:none;animation-name:none;}
.active .fadeInUp{-webkit-animation-name:none;animation-name:none;}
.active .fadeInDown{-webkit-animation-name:none;animation-name:none;}*/
}

@media (max-width: 480px){
 .full-fourth .inner{width:400px;}
}
@media (max-width: 400px){
 .full-fourth .inner{width:190px;}
}