@charset "utf-8";
html, body {
    overflow: auto;
}
.wrapper{ width: 100%; min-width: 1200px; }
.adm-header{ background: url(../images/admin-banner.jpg) no-repeat top center #F9FAFC; }
.inner-wrapper{ width: 1200px; margin: 114px auto 0; }
.section-div{ background: #fff; text-align: center; padding: 57px 110px 94px; }
.section-div h1{ color: #545454; font-size: 30px; line-height: 42px; margin-bottom: 40px; }

.inner-main{ background: #fff; overflow: hidden; padding: 40px; padding-bottom: 58px;}
.hp-aside{ width: 220px; height: auto; border: 1px solid #EFEFEF; }
.hp-aside h1{ background: #ff8901; color: #fff; text-align: center; font-size: 20px; line-height: 60px; height: 60px; }
.hp-aside-list{ padding: 10px 22px 50px; text-align: center; color: #757575; }
.hp-aside-list li{ line-height: 50px; border-bottom: 1px solid #EFEFEF; font-size: 14px; cursor: pointer; }
.hp-aside-list li a{ display: block; color: #757575; }
.hp-aside-list li:hover a{ color: #ff8901; }
.hp-aside-list li.identity{ font-size: 18px; color: #4A4A4A; }
.hp-aside-list li .id-icon{ padding: 14px; }
.hp-aside-list .id-admin .id-icon{ background: url(../images/hp-icon1.png) no-repeat left center; }
.hp-aside-list .id-per .id-icon{ background: url(../images/hp-icon2.png) no-repeat left center; }
.hp-aside-list .id-admin.active .id-icon{ background: url(../images/hp-icon1_1.png) no-repeat left center; }
.hp-aside-list .id-per.active .id-icon{ background: url(../images/hp-icon2_1.png) no-repeat left center; }
.hp-aside-list .id-admin.active{ color: #ff8901; }
.hp-aside-list .id-per.active{ color: #ff8901; }
.hp-aside-list .hp-term.on a{ color: #ff8901; }

.hp-container{ width: 890px; border: 1px solid #EFEFEF; }
.location{ padding: 28px 0 30px 40px; font-size: 14px; line-height: 22px; color: #666; }
.location span{ padding-right: 36px; position: relative; }
.location span:after{ display: block; position: absolute; right: 13px; top: 0; background: url(../images/locat-ar.png) no-repeat center; content: ''; width: 10px; height: 16px; }
.location span:last-child:after{ display: none; }
.hp-main .title{ padding-left: 40px; background: #E3E3E3; font-size: 18px; color: #333; line-height: 50px; }
.hp-main .title span{ font-size: 14px; }
.hp-main .hp-context{ margin-top: 20px; padding: 0 0 105px 40px; min-height: 600px; }
.hp-main .hp-context img{ display: block; max-width: 100%; }
.hp-main .hp-context .img1{ margin-bottom: 35px; }
.hp-main .hp-context .img2{ margin-bottom: 27px; }
.hp-main .hp-context .img3{ margin-bottom: 26px; }
.hp-main .hp-context .img5{ margin-top: 30px; }

.hp-noteway{ padding-top: 10px; }
.hp-noteway li{ margin-bottom: 20px; font-size: 14px; color: #575757; line-height: 22px; }
.hp-noteway li h3{ color: #ff8901; font-size: 18px; line-height: 32px; }
.hp-noteway li h3 em{ font-size: 24px; font-weight: normal; }
.hp-noteway li p{ text-indent: 1.5em; max-width: 80%; }
.hp-header{ background: url(../images/hp-banner.jpg) no-repeat top center #F9FAFC; }

.hp-main .hp-context .hb-box h3 {
    font-size:18px;
}
.hp-main .hp-context .hb-box h3 a {
    margin-left:10px;
    cursor: pointer;
    color:#2797FF;
    font-size:14px;
    position:relative;
}
.hp-main .hp-context .hb-box h4 {
    font-size:18px;
    padding-top:20px;
    margin-bottom:5px;
}
.hp-main .hp-context .hb-box h4 a {
    margin-left:10px;
    cursor: pointer;
    color:#2797FF;
    position:relative;
    font-size:14px;
}
.hp-main .hp-context .hb-box .p2 {
    padding:10px 0;
    color:#454545;
}
.hp-main .hp-context .hb-box img {
    margin-bottom:20px;
    margin-top:10px;
}
.hp-main .hp-context .hb-box > a {
    cursor: pointer;
    color:#2797FF;
    position:relative;
    margin-bottom:10px;
}
.hp-main .hp-context .hb-box .hover-box {
    position:absolute;
    border:1px solid #D4D4D4;
    -webkit-box-shadow: rgba(175,175,175,.8) 0 0 6px;
    box-shadow: rgba(175,175,175,.8) 0 0 6px;
    background:#fff;
    padding:12px;
    width:360px;
    z-index: 10;
    top:27px;
    left:0;
    color:#666;
    cursor:default;
    display: none;
}
.hp-main .hp-context .hb-box a:hover .hover-box {
    display: block;
}
.hp-main .hp-context .hb-box .hover-box i {
    width:17px;
    height:7px;
    display: block;
    background:url(../images/sanjiao.png) no-repeat center;
    position:absolute;
    top:-7px;
    left:50px;
}
.hp-main .hp-context .hb-box .hover-box > div {
    padding-left:1.5em;
    line-height: 25px;
}
.hp-main .hp-context .hb-box .hover-box > div >span {
    width:1.5em;
    display: inline-block;
    margin-left:-1.5rem;
    font-size:16px;
    color:#333;
}
.hp-main .hp-context .hb-box .p3 {
    padding:10px 0 10px 2em;
    color:#454545;
}
.hp-main .hp-context .hb-box .p3 a {
    cursor: pointer;
    color:#2797FF;
    position:relative;
    margin-bottom:10px;
}