html,body{
    margin:0;
    padding:0;
    background: white;
    font-size:12px;
    max-width: 100%;
    font-family:'HansHandItalic';
}
@font-face {
    font-family: 'HansHandItalic';
    src: url('/fonts/SourceHanSans-Normal.otf');
    /*src: url('/css/fonts/hanshand-webfont.eot?') format('embedded-opentype'),
         url('/css/fonts/hanshand-webfont.woff') format('woff'),
         url('/css/fonts/hanshand-webfont.ttf') format('truetype'),
         url('/css/fonts/hanshand-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;*/
}
@media (min-width:992px) {
    .cdnvideo {
        width: 1179px
    }
}
body{
    position:relative;
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
    color:#333;
}
.container-fluid{
    padding:0;
}
.container{
    width:1000px;
}
/*一级导航菜单*/
header{
    box-shadow: 0 2px 3px rgba(112, 108, 108, 0.2);
}
.head-content{
    z-index:100;
}
/*left 二级菜单*/
.about-wrapper{
    position: relative;
    top:96px;
    margin-top: 4em;
    padding:0;
}
.about-wrapper .left-menu{
    padding:0;
}
.left-menu .nav-wrapper{
    position: fixed;
    width:100%;
}
.nav-styles{
    vertical-align: top;
    width:10px;
}
.nav-styles>li+li{
    margin-left: 0;
}
.nav-styles>li{
    float:none;
    background-color: #93BDEC;
    border-top: 15px solid #93BDEC;
    border-bottom: 15px solid #93BDEC;
}
.nav-styles>li>a{
    display: block;
    width:10px;
    padding:0;
    height:22px;
    position: relative;
}
.nav-styles>li.active{
    background-color: #fff;
    border-bottom: 15px solid #fff;
    border-top: 15px solid #fff;
    border-bottom-color:#fff!important;
}
.nav-styles>li.first{
    border-top-left-radius: 5px!important;
    border-top-right-radius: 5px!important;
}
.nav-styles>li.last{
    border-bottom: 0!important;
    border-bottom-left-radius: 5px!important;
    border-bottom-right-radius: 5px!important;
}
.nav-styles>li.prev{
    border-bottom:0!important;
    margin-bottom:15px!important;
    border-radius: 0;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.nav-styles>li.next{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.nav-styles>li.active>a:before{
    content: '';
    position: absolute;
    display: block;
    width:10px;
    height:10px;
    border-radius: 50%;
    top:-15px;
    background-color: #116FD5;
}
.nav-styles>li.active>a:after{
    content:'';
    position: absolute;
    display: block;
    width:10px;
    height:10px;
    border-radius: 50%;
    bottom:0;
    background-color: #93BDEC;
}
.nav-styles,
.nav-menu{
    position: relative;
    display: inline-block;
}
.nav-menu{
    padding-left:10px;
}
.nav-menu>li{
    float:none;
    text-align: center;
    margin-bottom: 1em;
    min-width: 130px;
    height:40px;
}
.nav-menu>li.active>a,
.nav-menu>li.active>a:focus,
.nav-menu>li.active>a:hover,
.nav-menu>li>a:hover {
    background-color:#116FD5;
}
.nav-menu>li>a{
    background-color: #92BDEC;
    display: block;
    color:white;
    box-sizing: border-box;
    padding: 10px 15px;
}

/*comm*/
.about-wrapper .about-right{
    padding:0;
}
.about-right>div{
    margin-bottom: 3em;
    padding-top:144px;
    margin-top:-144px;
}
/*导航路径*/
.navigation{
    position: fixed;
    max-height:36px;
    top:60px;
    width:100%;
    background-color: #116FD5;
    z-index:1
}
.navigation .breadcrumb{
    background-color: transparent;
    border-radius:0;
    padding: 8px 15px 8px 0;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff;
}
.navigation .breadcrumb a{
    color: white;
}
.breadcrumb-item.active {
    color: #ffffff;
}
/*title*/
.j-title{
    background-color: #F2F7FD;
    border-left:10px solid #116FD5;
    font-size:18px;
    color:#116fd5;
    margin:0;
    height:30px;
    line-height:30px;
}
.j-title span{
    display: inline-block;
    background: white;
    height:30px;
    padding:0 15px;
}