body{color:#222;-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:100%; 
    height:100%; 
    overflow:hidden;
}
.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;
    bottom: 22%;
    color:#4D4D4D;
    text-align:center;
}
.section-wrap .section .title h{ 
    padding:0 4%;
    opacity:0
}
.section-wrap .section .title.active .tit{ 
    font-size: 4rem;
    font-weight: lighter;
    color: #4D4D4D;
    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%;
    margin-top: 0px;
    opacity:1;
    transition: all 5s;
}
.section-2{
    width: auto;
    height: auto;
}
.section-btn{ 
    width:14px;
    position:fixed;
    right:4%;
    top:50%;
}
.section-btn li{ 
    width:10px;
    height:10px;
    cursor:pointer;
    text-indent:-9999px;
    border-radius:50%;
    -webkit-border-radius:50%;
    margin-bottom:12px; 
    background:#ffffff50;
    text-align:center; 
    color:#ffffff;    
    cursor: pointer;
}
.section-btn li.on{     
    background:#ffffff
}

/* 图片按钮 */
.btn{
    width: 62.5%;
    margin: 0 auto;
    position: relative;
}
.btn a{
    font-size: 16px;
    left: 0;
    text-decoration: none;
    color: #fff;
    position: absolute;
    padding: 1% 3%;
    border: 1px solid #fff;
}
.btn a:hover{
    background: #ffffff30;
    border: 1px solid #ffffff30;
}

/* 屏幕分辨率适配1600px,83% */
@media screen and (max-width: 1600px) {
    /* .section-wrap .section .title{
        bottom: 24%;
    } */
    .btn a{
        font-size: 14px;
    }
}
/* 屏幕分辨率适配1440px,75% */
@media screen and (max-width: 1440px) {
    .section-wrap .section .title{
        bottom: 24%;
    }
}
/* 屏幕分辨率适配1366px,71% */
@media screen and (max-width: 1366px) {
    .section-wrap .section .title{
        bottom: 21%;
    }
    .btn a{
        font-size: 12px;
        padding: 0.8% 3%;
    }
}
/* 屏幕分辨率适配1024px,53.3% */
@media screen and (max-width: 1024px) {
    .btn{
        width: 68%;
    }
    .section-wrap .section .title{
        bottom: 26%;
    }
}