body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,span{ margin:0; padding:0;  }

html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
    margin:0;
    border:0;
    padding:0;
    font-style:normal;
}
html,body{ width:100%; height:100%; }

body{
    font-size: 12px;
    font-family: "Microsoft YaHei","微软雅黑";
    background: #fff;
    color:#fff;

}
ol,ul,li { list-style:none; }
input,textarea{outline: none; }
.clearfix {
    clear: both;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
.clearfix {
    zoom: 1;
}
i{
    font-style: normal;
}
a {
    background-color: transparent;
    font-family: "Microsoft YaHei","微软雅黑";
    text-decoration:none!important;
    color: #9A9A9A;
 
}
a:hover {
    outline: 0;
}
.fl{
    float: left;
    
}
.fr{
    float: right;
}

table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }   

/* 浏览器提示 */
#browser{
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=65); 
    top: 0;
    z-index: 9900;
}
.browser_pop{
    position: fixed;
    left: 50%;
    z-index: 9999;
    top: 50%;
    width: 400px;
    height: 190px;
    margin-left: -200px;
    margin-top: -95px;
    display: none;
    background: #fff;
}
 .bro_close{
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../images/index/video-close-hover.png)  no-repeat 50%;
    right: -60px;
    top: -22px;
    cursor: pointer; 
}
.browser_bg{
    position: static!important;
    width: 100%;
    height: 100%;
    background: url(../images/index/img-one.png) no-repeat 50%;
}

/* 页面滑动公用部分 */
.section-wrap{ 
    position: relative;
    width: 100%;
    height: 100%;
    overflow:visible;
    transition:0.6s cubic-bezier(0.86,0,0.03,1);
    -webkit-transition: 0.6s cubic-bezier(0.86,0,0.03,1);
    -ms-transition:0.6s cubic-bezier(0.86,0,0.03,1);
    -moz-transition:0.6s cubic-bezier(0.86,0,0.03,1);
    -o-transition: 0.6s cubic-bezier(0.86,0,0.03,1);
}
.section-wrap .section{ 
    position:relative; 
    width:100%; 
    height: 100%; 
    /* top: .6rem; */
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; 
 }
.put-section-0{ 
    transform:translateY(0);
    -webkit-transform:translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
}
.put-section-1{ 
    transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    -ms-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
}
.put-section-2{ 
    transform:translateY(-200%);
    -webkit-transform:translateY(-200%);
    -ms-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -o-transform: translateY(-200%);
}
.put-section-3{ 
    transform:translateY(-300%);
    -webkit-transform:translateY(-300%);
    -ms-transform:translateY(-300%);
    -moz-transform:translateY(-300%);
    -o-transform:translateY(-300%);
}