@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"]{-webkit-appearance:none; resize: none;outline:none;}
/* 取消链接高亮  */
select{outline:none;}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
display: block;
}
/* 图片自适应 */
img {
max-width: 100%;
height: auto;
width:auto\9; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
/*display:block;*/
vertical-align: middle;
}
/* 初始化 */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{margin:0; padding:0; border:none;}
body{font: normal 14px/1.5 Tahoma,"Microsoft Yahei","Lucida Grande",Verdana,"Microsoft Yahei",STXihei,hei;}
/*em,i{font-style:normal;}*/
/*strong{font-weight: normal;}*/
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}
a{text-decoration:none; color:#5e5e5e; font-family: Microsoft YaHei,'宋体',Tahoma,Arial,sans-serif;}
a:hover{text-decoration:none;}
ul,ol{list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-family: Microsoft YaHei;}
img{border: none;}
input{

outline:none;

}

/* @media only screen and (min-width:320px){
    html{
        font-size: 17px; !@important;
    }
}

@media only screen and (min-width:340px){
    html{
        font-size: 18px; !@important;
    }
}


@media only screen and (min-width:375px){
    html{
        font-size: 18.75px; !@important;
    }
}

@media only screen and (min-width:380px){
    html{
        font-size: 19px; !@important;
    }
}

@media only screen and (min-width:414px){ 转为6P定制
    html{
        font-size: 20.7px; !@important;
    }
}

@media only screen and (min-width:480px){
    html{
        font-size: 24px; !@important;
    }
}
@media only screen and (min-width:640px){
    html{
        font-size: 28px; !@important;
    }
} */
body,html{
  /*max-width:1920px;*/
  margin: 0 auto;
  overflow: hidden;
  min-width: 320px;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*background:#000;*/
}
body{
    padding-top: 108px;
}
body.top{
    padding-top: 68px;
}
#rol{
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling : touch; 
    outline: none;
}
.jspScrollable,.jspContainer,.jspPane{
  width: 100%!important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.main{
position: relative;
width: 1200px;
margin: 0 auto;
max-width: 100%;
}
#header {
    height: 99px;
    border-bottom: 1px solid #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-animation: gupIn 1s 0.1s both;
    -moz-animation: gupIn 1s 0.1s both;
    animation: gupIn 1s 0.1s both;
    width: 100%;
/*background:pink;*/
margin-bottom: 8px;
}
@-webkit-keyframes gupIn{
    from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
    from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
    from{opacity:0; transform:translate3d(0,-30px,0);}
}
#nav {
    width: 620px;
    margin: auto;
    text-align: center;
    position: relative;
}
#logo {
    display: block;
    position: absolute;
    top: 0;
    left: 44px;
    height: 99px;
    line-height: 99px;
    /*opacity: 0.6;*/
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
#logo img {
    vertical-align: middle;
}
#nav a {
    display: inline-block;
    height: 99px;
    /*margin: 0 22px;*/
    margin: 0 13px;
    line-height: 99px;
    text-align: center;
    font-size: 16px;
    -webkit-transition: 0.3s, color 0.5s;
    -moz-transition: 0.3s, color 0.5s;
    transition: 0.3s, color 0.5s;
}
.tell-top{
    position: absolute;
    right: 64px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    height: 99px;
    line-height: 99px;
    top: 0;
}
.tell-top span{
    margin-left: 32px;
}
.tell-m{
    padding-left: 38px;
    background:url(../img/tell-bg.png) left center no-repeat;
    display:inline-block;
}
#nav span {
    width: 100px;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

#nav a:hover{
    color: #3bb3c2;
}
#header.fixed,.fixed #logo,.fixed .tell-top, .fixed #nav a{
    height: 60px;
    line-height: 60px;
}
.fixed #logo img{
    height: 44px;
}