@charset "UTF-8";
html{font-size: 48px;}
@media (min-width: 320px){html{font-size: 42.6667px;}}
@media (min-width: 360px){html{font-size: 48px;}}
@media (min-width: 375px){html{font-size: 50px;}}
@media (min-width: 384px){html{font-size: 51.2px;}}
@media (min-width: 411px){html{font-size: 54.8px;}}
@media (min-width: 412px){html{font-size: 54.9333px;}}
@media (min-width: 414px){html{font-size: 55.2px;}}
@media (min-width: 425px){html{font-size: 56.6667px;}}
@media (min-width: 480px){html{font-size: 64px;}}
@media (min-width: 600px){html{font-size: 80px;}}
@media (min-width: 640px){html{font-size: 85.333px;}}
@media (min-width: 750px){html{font-size: 100px;}}
body,html{height: 100%;}
body{font-size:0.26rem;font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif;}

.toggle {display: block;width: 1rem;height: 1rem;text-indent: -900em;overflow: hidden;position: absolute;top: 0;right: 0;cursor: pointer;outline: none;
/*background: url(../images/i_n_bg.png) no-repeat center center;
-webkit-background-size: 0.45rem 0.31rem;
background-size: 0.45rem 0.31rem;*/
}
.toggle{background: none;}
.toggle span{display:block;background:#ffffff;width:0.5rem;height:3px;border-radius: 10px;position:absolute;left:0.25rem;transition:all ease 0.35s;top:50%;}
.toggle .sp_nav1{margin-top: -0.16rem;}
.toggle .sp_nav2{margin-top: -0.02rem;}
.toggle .sp_nav3{margin-top: 0.12rem;}

.sidenav{left:0;width: 100%;height:100%;top:0;font-size: 0.26rem;background: #fff;bottom:0;height:auto;z-index: 3000;background-color: transparent;
-webkit-box-shadow: -0.02rem -0.02rem 0.06rem rgba(0,0,0,0.3);
box-shadow: -0.02rem -0.02rem 0.06rem rgba(0,0,0,0.3);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
transform:translate(-100%,0);
}
.sidenav-brand{line-height:1.5;padding:0.5em 1.5em;font-size: 0.3rem;display: none;}
.sidenav-dropdown,
.sidenav-header {border-bottom: 1px solid #e4e4e4;border: none;}
.sidenav-menu{padding:0 0 0.3rem 0;}
.sidenav-menu a {line-height:0.4rem;padding:0.3rem;font-size: 0.34rem;display: block;position: relative;color:#333;}
.sidenav-menu a:hover {background:transparent;}
.sidenav-menu>li>a{padding:0.3rem 0.4rem;}
/*.sidenav-menu .first a{padding:0.45rem 0.4rem;}*/
.sidenav-dropdown > li > a{font-size: 0.3rem;padding-left: 0.5rem;background: transparent;border-bottom: 1px solid #999999;color:#6f6f6f;}
.sidenav-dropdown li:last-child a{border-bottom: none;}
.sidenav-dropdown>li>.sidenav-dropdown>li>a{padding-left:0.8rem}
.sidenav-link-title{padding:0 0.5rem 0 0;}
.sidenav-menu .material-icons{font-size: 0.36rem;line-height:0.26rem;color:#333;display: none;}
.sidenav-dropdown-icon{width:0.3rem;height: 0.3rem;top:50%;right:0.5rem;margin-top: -0.15rem;}
/*.sidenav-no-scroll{-webkit-overflow-scrolling: touch;}*/
.sidenav-overlay {background: rgba(0, 0, 0, 0.7);z-index: 2500;}

.sidenav-mask{position: fixed;left: 0;top: 0;right:1rem;height: 100%;overflow-y: auto;background: #fff;z-index: 200;}
.sidenav .icon-close {display: inline-block;background: url(../images/close2.png) no-repeat center #8d8e4b;width: 1rem;height: 1rem;background-size: 0.34rem 0.34rem;position: absolute;right: 0;top: 0;z-index: 200;}
.sidenav .cclose {display: inline-block;background: rgba(0,0,0,0);width: 1rem;position: absolute;right: 0;top: 1rem;bottom:0;}
.sidenav-menu>li:nth-of-type(odd) {
    background-color: #f4f4f4;
}

.sidenav-dropdown-icon.arrow_drop_down{background:url(../images/down.png) no-repeat center;
-webkit-background-size: 0.28rem 0.17rem;
background-size: 0.28rem 0.17rem;
}
.sidenav-dropdown-icon.arrow_drop_up{background:url(../images/up.png) no-repeat center;
-webkit-background-size: 0.28rem 0.17rem;
background-size: 0.28rem 0.17rem;
}
.sidenav-menu>li>.sidenav-dropdown{padding:0 0.4rem;}
.sidenav-dropdown li:first-child a{box-shadow: none;}
.sidenav-menu a.hover{color:#8d8e4b;}

.sidenav-dropdown > li > a,
.sidenav-dropdown>li>.sidenav-dropdown>li>a{padding-left: 0;}

.copyright{text-align: center;}
.copyright .fl{float: none;}
.copyright .fr{float: none;}

.navbar.absolute {position: fixed;}
.navbar.top_hide {top: -1rem;}

.logo {padding:0.2rem 0;}
.logo img{height: 0.6rem;width:auto;}

.i_banner{height: 6rem;}
.footer_bottom_video{height: 4rem;}

.toggle{display: block;}
.main_nav{display: none!important;}
.visible-xs{display: block !important;}