/* Write your styles */

  /*简单reset*/
        * {
            margin: 0;
            padding: 0;
        }
        /*必须，关系到单个page能否全屏显示*/
        html,
        body {
            height: 100%;
            overflow: hidden;
        }
        #container,
        .sections,
        .section {
            /*必须，兼容，在浏览器不支持transform属性时，通过改变top/left完成滑动动画*/
            position: relative;
            /*必须，关系到单个page能否全屏显示*/
            height: 100%;
        }
        .section {
            /*有背景图时必须，关系到背景图能够全屏显示*/
            background-color: #fff;
            background-size: cover;
            background-position: 50% 50%;
        }
        /*非必需，只是用来设置背景图，id不会被插件用到*/
        #section0 {
            background-image: url(../img/img1.png);
        }
        #section1 {
            background-image: url(../img/img2.png);
        }
        #section2 {
            background-image: url(../img/img3.png);
        }
        #section3 {
            background-image: url(../img/img4.png);
        }
  

ol,ul{list-style:none;}
    
        .section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
        .section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
        .section-wrap .section .title{width:100%;position:absolute;top:10%;color:#fff;font-size:2.4em;text-align:center;}
        .section-wrap .section .title p{ padding:0 4%;opacity:0}
       /* .section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}
      */  .section-wrap .section-1{ background-image: url(../img/img1.jpg);}
        .section-wrap .section-2{ background-image: url(../img/img2.jpg);}
        .section-wrap .section-5{ background-image: url(../img/img5.jpg);}

        .put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
        .put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
        .put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
        .put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
        .put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
        .put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
        .section-btn{ width:14px;position:fixed;right:4%;top:50%;}
        .section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;
            margin-bottom:12px; background:rgba(255,255,255,0.5);text-align:center; color:#fff; onsor:pointer;}
        .section-btn li.on{ background:#fff}
        .arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;
            -webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;position:absolute;bottom:1rem;left:50%;margin-left:-3rem;width:4rem;height:4rem;border-radius:100%;-webkit-border-radius:100%;line-height:4rem;text-align:center;font-size:1rem;color:#333;border:1px solid #333;cursor:pointer;overflow:hidden;}
        .arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
        @keyframes arrow{ %0,%100{bottom:1rem; opacity:1;} 50%{bottom:5rem; opacity:.5} }
        @-webkit-keyframes arrow{ %0,%100{bottom:1rem; opacity:1;} 50%{bottom:5rem; opacity:.5} }


 .am-container{max-width: 120rem;}
 .am-topbar{background: #fff;}

.am-nav li{line-height: 5rem;padding: 0 2rem; cursor: pointer;}
 .am-nav .on{background: #3DB2DD; color:#fff;}
  .am-nav .on a{color:#fff;}


#home{color:#fff;text-align: center;position: relative;top:30%;}
#home h1{font-size: 4.8rem;margin: 0 0 5rem;}
#home h6{margin: 1.5rem 0;}
#home .am-g{margin-top: 5%;}
#home .am-btn{color:#fff;border-radius: 1rem;margin: 3rem; width: 20%;line-height: 4rem;}
#home .am-btn-left{background: #a8dd3f;}
#home .am-btn-left:hover{background: #b5fa2d; color:#649700;}
#home .am-btn-right{border: 1px solid #fff;}
#home .am-btn-right:hover{background: rgba(255,255,255,0.2);}

#section0 h4{position: absolute;width: 100%;bottom:2rem; color:#fff;text-align: center;font-size: 3rem;}

@media screen and (max-width: 64rem) {
#home {top:10%;}
#home h1{font-size: 3rem;margin: 0 0 2rem;}
#home h6{margin: 1rem 2rem;font-size: 1.4rem;text-align: left;}
#home .am-btn{width: 40%;margin: 0.5rem;float: left;line-height: 3rem;}
}


.section-wrap #home  .am-u-md-4{opacity: 0}
.section-wrap #home .active .am-u-md-4{
    transform:translateY(-50px);opacity:1;
    -webkit-transform:translateY(-50px);transition:all 2s;
    -webkit-transition:all 2s;
    transition-delay: 0.6s
  }
.section-wrap #search .active .amg-02{transition-delay: 0.9s}
.section-wrap #search .active .amg-03{transition-delay: 1.2s}

	
.info{margin-bottom: 5rem;}
.info dt{font-size: 2rem;}
.info dd{font-size: 1.6rem;}


#platform{position: relative;padding-top: 20%;}
#platform .info{float: left; width: 80%;margin-left: -2%;background: #fff;position: relative;padding:0.5rem 1rem;margin-top: 15px; }
#platform .iconfont{float: left;margin: -0.5rem 1.5rem 0;font-size: 6.5rem;color:#fff; opacity: 0.5}
#platform .square{width: 100px;height: 100px;background: #0288d1;float: left;}

@media screen and (max-width: 64rem) {
  #platform {padding-top: 35%;}
  #platform .info{float: none; width: 100%;margin:0;clear:both; margin-bottom: 2rem;padding:1rem 1rem;}
  #platform .iconfont{display: none;}
  #platform .square{display: none;}
  
}

.section-wrap #platform  .am-g{opacity: 0}
.section-wrap #platform .active .am-g{
    transform:translateY(-100px);opacity:1;
    -webkit-transform:translateY(-100px);transition:all 2s;
    -webkit-transition:all 2s;
    transition-delay: 0.6s
  }
.section-wrap #platform .active .amg-02{transition-delay: 0.9s}
.section-wrap #platform .active .amg-03{transition-delay: 1.2s}

#search{position: relative;}
#search .am-container{position: relative;top:40%;}
#search .load01,#search .load02{position: absolute;}
#search .load01{top:-20%;left:-15%;}
#search .load02{bottom:-20%;right:-15%;}
.icon-spin {
  -moz-animation: spin 20s infinite linear;
  -o-animation: spin 20s infinite linear;
  -webkit-animation: spin 20s infinite linear;
  animation: spin 20s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.icon-spin2 {
  -moz-animation: spin 20s infinite linear;
  -o-animation: spin 20s infinite linear;
  -webkit-animation: spin 20s infinite linear;
  animation: spin 20s infinite linear;
}
@-moz-keyframes spin {
  0% { -moz-transform: rotate(360deg); }
  100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(360deg); }
  100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(360deg); }
  100% { -ms-transform: rotate(0deg); }
}
@keyframes spin {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}

#search .line{max-width: 90%;position: absolute;top:-12rem; transform:rotate(15deg);z-index: 0;opacity: 0.7}
#search .line02{transform:rotate(-40deg);top:-8rem;}
#search .line03{transform:rotate(-80deg);top:-9rem;}
#search .am-img-responsive{position: relative;z-index: 10;}

@media screen and (max-width: 140rem){

 #search .am-container{top:30%;}
}


@media screen and (max-width: 64rem) {
 #search .am-container{top:12%;}
 #search .load01,#search .load02{display: none;}
 #search .line{display: none;}
 #search dl{margin: 0 0 1rem;border-bottom: 1px solid #f0f0f0;padding-bottom: 1.5rem;margin-bottom: 1.5rem;}
 #search dd{font-size: 1.4rem;}
 #search img{max-width: 40%;float: left; margin-right: 1rem;margin-bottom: 1rem;display: none;}
 #search dt{font-size: 1.5rem;}
 #search .am-u-md-4{margin-top: 1rem;}
}

.section-wrap #search  .am-u-md-4{opacity: 0}
.section-wrap #search .active .am-u-md-4{
    transform:translateY(-50px);opacity:1;
    -webkit-transform:translateY(-50px);transition:all 2s;
    -webkit-transition:all 2s;
    transition-delay: 0.6s
  }
.section-wrap #search .active .amg-02{transition-delay: 0.9s}
.section-wrap #search .active .amg-03{transition-delay: 1.2s}



#function .bg-left,#function .bg-right{width: 50%;height: 100%;position: absolute;z-index: 0;-webkit-background-size: cover;
background-size: cover;}
#function .bg-left{background-image: url(../img/bg-left.jpg);left:0;}
#function .bg-right{background-image: url(../img/bg-right.jpg);right:0;}
#function .am-container{position:relative;top:15%;z-index: 10;}
#function .f-bg{top:0;width: 100%;max-width: 100%;height: 100%;z-index: 0;position: absolute;}

#function .iconfont{width: 8rem;height: 8rem;border-radius: 50%;text-align: center;
    line-height: 8rem;background: #fff;font-size: 4.8rem;float: left; margin: 1.5rem;}

#function .info{float: left;width: 80%;color:#fff; }
#function .text-blue{color:#078cc8;margin-left: 0;}
#function .text-green{color:#11c896;}

.am-table  [class*="am-icon-"]::before{
    font-weight: lighter;
    color:#fff;
  }



.section-wrap #function .bg-left,.section-wrap #function .bg-right{transition:all 1s; -webkit-transition:all 1s;opacity: 0;}
.section-wrap #function .bg-left{left:-5%;}
.section-wrap #function .active .bg-left{opacity:1;left:0;}
.section-wrap #function .bg-right{right:-5%;}
.section-wrap #function .active .bg-right{opacity:1;right:0;}




.section-wrap #function  .am-g{opacity: 0}
.section-wrap #function .active .am-g{
    transform:translateY(-50px);opacity:1;
    -webkit-transform:translateY(-50px);transition:all 2s;
    -webkit-transition:all 2s;
    transition-delay: 0.5s
  }
.section-wrap #function .active .amg-02{transition-delay: 1s}
.section-wrap #function .active .amg-03{transition-delay: 1.5s}
.section-wrap #function .active .amg-04{transition-delay: 2s}


@media screen and (max-width: 140rem){

  #function .iconfont{width: 6rem;height: 6rem; font-size: 3rem;line-height: 6rem;}
  #function .info{margin-bottom: 2rem; }

}


  

@media screen and (max-width: 64rem){
  #function .bg-left,#function .bg-right{display: none;}
  #function .bg-left{display: block;width: 100%;height: 100%;}
  #function .info{margin: 1.2rem 0;text-align: center; width: 100%;clear:both;}
  #function  dd{display: none;}
  #function .am-u-sm-6{text-align: center;}
  #function .iconfont{width: 6rem;height: 6rem; font-size: 3rem;display: block;margin: 0 auto;   line-height: 6rem;float: none;}
  #function .info dt{font-weight: normal;font-size: 1.6rem;}

}




  

  .am-table{width: 50%;background: #fff;position: relative;top:10%;margin: 0 auto;}
  th{text-align: center;}

  th:first-of-type,td:first-of-type{text-align: left;}
  th:first-of-type{background: #333;}
  th:first-of-type,th:nth-of-type(2),th:nth-of-type(3),th:nth-of-type(4){color:#fff; }
  th:nth-of-type(2){background: #0288D1;}
  th:nth-of-type(3){background: #388E3C;}
  th:nth-of-type(4){background: #D32F2F;}

  td:nth-of-type(2){background: #03A9F4;}
  td:nth-of-type(3){background: #4CAF50;}
  td:nth-of-type(4){background: #F44336;}

  .am-table-striped > tbody > tr:nth-child(2n+1) > td:nth-of-type(2){background: #B3E5FC;}
  .am-table-striped > tbody > tr:nth-child(2n+1) > td:nth-of-type(3){background: #C8E6C9;}
  .am-table-striped > tbody > tr:nth-child(2n+1) > td:nth-of-type(4){background: #FFCDD2;}

@media screen and (max-width: 140rem){
 .am-table{width: 80%; top:5%;}
 .am-table th,.am-table td{padding:0.5rem;font-size: 1.4rem;}
}




#edition .am-container{position: relative;top:10%;}
#edition .base{display: block;width: 90%;margin: 3rem 2rem auto;font-weight: bold;font-size: 2.4rem;
  height: 120px;text-align: center;line-height: 120px;color:#fff;background: #03a9f4;}
#edition .base02{background: #4caf50;}
#edition .base03{background: #f44336;}

.section-wrap #edition  .base{opacity: 0}
.section-wrap #edition .active .base{
    transform:translateY(-50px);opacity:1;
    -webkit-transform:translateY(-50px);transition:all 2s;
    -webkit-transition:all 2s;
    transition-delay: 0.6s
  }
.section-wrap #edition .active .base02{transition-delay: 0.9s}
.section-wrap #edition .active .base03{transition-delay: 1.2s}


#contact .am-container{position: relative;top:3%;}
.contact-list{margin: 0;padding: 0;border-top:1px dotted #ccc; }
.contact-list li{border-bottom:1px dotted #ccc; line-height: 3;}
.contact-list li span{display: inline-block;margin-right: 1rem; width: 20%;}

#contact .am-u-sm-7{background: #03a9f4 url(../img/c-bg.png) no-repeat right bottom;color:#fff;padding: 3rem;position: relative;}

#contact .qrcode{border-bottom:1px dotted #ccc;padding:2rem 0;}
#contact .qrcode img{float: left; margin-right: 1rem;}
#contact .qrcode dl{float: left;}
#contact .am-u-sm-5{padding: 3rem;background: #f2f2f2;}

@media screen and (max-width: 64rem){
  #contact p,#contact li,#contact dl{font-size: 1.4rem;}
  #contact .qrcode{padding:1rem 0;}
  #contact .qrcode:nth-of-type(2){display: none;}

}


@media screen and (max-width: 140rem){
 #contact .am-u-sm-7 h1:last-of-type,#contact .am-u-sm-7 p:last-of-type{display: none;}
}

#doc-ta-1{ color:#999;}