body{color:#1D2233;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,button,input,select,textarea {font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;font-size:62.5%; line-height:1.5;}
ol,ul{list-style:none;}

html,body{ 
    width:100vw; 
    height:100vh; 
    overflow:hidden;
}

.section-wrap{ 
    width:100vw;
    height:100vh;
    /* left: 50%;
    margin-left: -50%; */
    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:100vw; 
    height:100vh; 
    background-position:center center; 
    background-repeat:no-repeat;
}
.section-wrap .section .title{
    width:100vw;
    position:absolute;
    top:60%;
    color:#1D2233;
    text-align:center;
}
.section-wrap .section .title h{ 
    padding:0 2%;
    opacity:0
}
.section-wrap .section .title.active .tit{ 
    font-size: 48px;
    font-weight: 200;
    color: #1D2233;
    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);
    transition: all 2s;
}
/**背景元素**/

.section-wrap .section .cont.active .bgele {
    width: 100%;
    top: 0px;
    opacity:1;
    transition: all 5s;
}

/* 轮播图开始 */
.flexslider {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    zoom: 1;
}
.flexslider .slides li {
    width: 100%;
    height: 100%;
}

/* 首页轮播图 */
.flexslider li a img{
    width: 100%;
    height: auto;
    background: no-repeat center center;
    background-size: cover;
}
.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../../Images/ShowImg/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s ease;
    border-radius: 35px;
}
.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 14%;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    background: url(../../Images/ShowImg/dot.png) no-repeat 0 -16px;
    background-size: cover;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}
/* 首页轮播大图 */
.flexslider .slides a img {
    /* width: 100%; */
    /* height: 100%; */
    display: block;
    background-position:center center; 
    background-repeat:no-repeat;
    background-size: cover;
}

.section-wrap .section-2{ 
    background:url(../../Images/ShowImg/bg1.png) center center no-repeat;
    background-size: cover;
}
.section-2{
    width: 100vw;
    height: 100vh;
}
.section-wrap .section-3{ 
    background:url(../../Images/ShowImg/bg2.png) center center no-repeat;
    background-size: cover;
}
.section-wrap .section-4{ 
    background:url(../../Images/ShowImg/bg3.png) center center no-repeat;
    background-size: cover;
}
.section-wrap .section-5{ 
    background:url(../../Images/ShowImg/bgimg8.png) center top no-repeat;
    background-size: cover;
}
.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%);}
.section-btn{ 
    width:1.4rem;
    position:fixed;
    right:4%;
    top:50%;
}
.section-btn li{ 
    width:1rem;
    height:1rem;
    cursor:pointer;
    text-indent:-9999px;
    border-radius:50%;
    -webkit-border-radius:50%;
    margin-bottom: 1.2rem; 
    background:#d7d8dd;
    text-align:center; 
    color:#0077ff;    
    cursor: pointer;
}
.section-btn li.on{     
    background:#0077ff
}

/**首页底部功能点内容**/

.fun-nav{
    position: absolute;
    width: 100vw;
    height: 13%; 
    background-color: #020D3050;
    top: 87%;
}
.fun{
    width: 25%;
    float: left;
    cursor: auto;
}
.fun img{
    float: left;
    padding: 7% 6%;
    margin-left: 20%;
    width: 28%;
}
.fun p{
    font-size: 2.0rem;
    padding-top: 11.5%;
    color: #fff;
    float: left;
}
.power{
    font-size: 18px;
    color: #1D223390;
    padding-top: 1%;
}
.power-spot{
    width: 100%;
    margin-top: 2%; 
    margin-left: 24.5%;
}
.power-spot ul li{
    display: block;
    float: left;
    margin: 0 3%;
    text-align: center;
}
.spot a{
    text-decoration: none;
    color: #60636F;
}
.spot a:hover{
    color: #0077ff;
}
.spot .iconfont{
    font-size: 6rem;
}
.p2{
    font-size: 18px;
}

.power-spot .spot2{
    width: 100%;
    padding: 0 3%;
}
.power-spot .spot3{
    width: 100%;
    padding: 0 10%;
}

/* 屏幕分辨率适配1600px,83% */
@media screen and (max-width:1600px) {
    .section-wrap .section .title{
        top: 60%;
    }
    .section-wrap .section .title.active .tit{
        font-size: 36px;
    }
    .spot .iconfont{
        font-size: 49px;
    }
    .power-spot{
        margin-left: 23.5%;
    }
   
    .power-spot .spot3{
        padding: 0 10.5%;
    }
      /* 轮播小圆点 */
  /* .flex-control-nav{
    bottom: 13%;
  } */
}
@media screen and (max-width:1440px) {
    .power-spot{
        margin-left: 22.5%;
    }
}

/* 屏幕分辨率适配1366px,83% */
@media screen and (max-width:1366px) {
    .power-spot{
        margin-left: 24%;
    }
    .section-wrap .section .title{
        top: 60%;
    }
    .section-wrap .section .title.active .tit{
        font-size: 36px;
    }
    .power{
        font-size: 15px;
    }
    .spot .iconfont{
        font-size: 44px;
    }
    .p2{
        font-size: 15px;
    }
   
    .power-spot .spot3{
        padding: 0 10.5%;
    }
         /* 轮播小圆点 */
  /* .flex-control-nav{
    bottom: 100px;
  } */
}

/* 屏幕分辨率适配1280px,66.6% */
@media screen and (max-width:1280px) {
    .section-wrap .section .title{
        top: 60%;
    }
    .section-wrap .section .title.active .tit{
        font-size: 30px;
    }
     /* 轮播小圆点 */
  /* .flex-control-nav{
    bottom: 80px;
  } */
    .power{
        font-size: 1.2rem;
    }
    .spot .iconfont{
        font-size: 40px;
    }
    .p2{
        font-size: 1.2rem;
    }
   
    .power-spot .spot3{
        padding: 0 10.5%;
    }
}

/* 屏幕分辨率适配1024px,53.3% */
@media screen and (max-width:1024px) {
    .section-wrap .section .title{
        top: 60%;
    }
    .section-wrap .section .title.active .tit{
        font-size: 30px;
    }
    /* 首页轮播大图 */
.flexslider .slides a img {
    height: 100%;
    background-position: center top;
}
     /* 轮播小圆点 */
  /* .flex-control-nav{
    bottom: 90px;
  } */
    .power{
        font-size: 1.2rem;
    }
    .spot .iconfont{
        font-size: 40px;
    }
    .p2{
        font-size: 1.2rem;
    }
    .power-spot .spot3{
        padding: 0 10.5%;
    }
    .fun img{
        width: 32%;
    }
}

/* 平板适配768 */
@media screen and (max-width:768px) {
    .section-wrap .section .title.active .tit{
        font-size: 50px;
    }
    .power{
        font-size: 1.8rem;
        line-height: 2;
    }
    .spot .iconfont{
        font-size: 60px;
    }
    .p2{
        font-size: 1.8rem;
    }
    .power-spot{
        margin-left: 14.5%;
        margin-top: 4%;
    }
    .power-spot .spot2{
        padding: 0 4%;
    }
    .power-spot .spot3{
        padding: 0 13%;
    }
    .fun{
        margin-top: 3%;
    }
    .fun img{
        padding: 0%;
        margin-left: 14%;
        width: 32%;
     }

}