.banner-ul li{
    display: none;
}
.banner-ul li.active{
    display: block;
}
.banner-ul li img{
    width: 100%;
    display: block;
}
.position-banner{
    right: 5%;
    bottom:5%;
    height: 5%;
    z-index: 2;
}
.position-banner span{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #d9e1e1;
    margin:0 5px;
}
.position-banner span.active{
    width: 11px;
    height: 11px;
    background: #06427c;
    border: 2px solid #fff;
}
.banner-title{
    left: 0;
    bottom: 0;
    padding: 3% 2%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 1.4rem;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.banner-title-main{
    width: 72%;
}
.part-title{
    font-family: geometric;
    font-size: 1.8rem;
    text-indent: 2%;
    background: #fff;
    padding: 2% 0 1%;
    margin: 4% 0 0;
    box-shadow: 0 5px 15px #939393;
    color: #c0080c;
}
.part-title-2{
    font-family: geometric;
    font-size: 1.8rem;
    text-indent: 2%;
    background: url(../img/m2017_5.png) 96% center no-repeat #06427c;
    padding: 2% 0 1%;
    margin: 4% 0 0;
    color: #fff;
}
.part-title-2-hover{
    background: #06427c;
}
.ul-events{
    width: 96%;
    margin:2% auto 0;
}
.ul-events li{
    background: #fff;
    padding: 1.5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 2%;
}
.ul-events li img{
    display: block;
    float: left;
    width: 32%;
}
.part-right{
    width:66%;
}
.part-right a{
    color: #06427c;
    font-size: 1.6rem;
    display:block;
}
.part-right-msg{
    margin: 2% 0 0;
    border-top: 1px dashed #898989;
    padding: 2% 0 0;
    color: #666666;
    font-size: 1.2rem;
    line-height:1.4em;
}
.partBox{
    background: #fff;
    box-shadow: 0 5px 5px #c6c6c6;
}
.ul-news{
    width: 96%;
    margin:2% auto 0;
}
.ul-news li{
    font-size: 1.6rem;
    position: relative;
    padding: 2% 0 2% 20px;;
    border-bottom: 1px dashed #666;
}
.ul-news li a{
    color: #666666;
    display: block;
}
.ul-news li::after{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #666666;
    position: absolute;
    left:0;
    top:41%;
}
.ul-news li:last-child{
    border: none;
}
.partBox-body{
    width: 90%;
    margin: 4% auto 0;
    padding-bottom: 4%;
}
.aboutHn-desc{
    color: #666;
    font-size: 1.6rem;
    line-height: 1.6em;
}
.aboutHn-other{
    margin-top: 3%;
    font-size: 1.4rem;
}
.aboutHn-other img{
    width: 45%;
}
.aboutHn-other-r{
    width: 50%;
    color: #666666;
}
.aboutHn-other-r p{
    margin: 0 0 2%;
}
.aboutHn-other-area{
    padding: 6px 0 6px 38px;
    background: url(../img/m2017_6.png) 0 center no-repeat;
}
.aboutHn-other-population{
    padding: 6px 0 6px 38px;
    background: url(../img/m2017_7.png) 0 center no-repeat;
}
.aboutHn-other-capital{
    padding: 6px 0 6px 38px;
    background: url(../img/m2017_8.png) 5px center no-repeat;
}
.aboutHn-other-divisions{
    margin: 2% 0 0;
    font-size: 1.4rem;
    color: #666666;
    line-height: 1.6em;
}
.leaderItem{
    margin-bottom: 3%;
}
.leaderItem-title{
    font-size: 1.8rem;
    color: #7a7a7a;
}
.leaderItem p{
    margin: 0.5% 0 0;
}
.leaderItem p a{
    color: #06427c;
    font-size: 1.4rem;
}
.connect-p{
    color: #666666;
    margin-bottom: 2%;
    font-size: 1.4rem;
}
.connect-p a{
    color: #1f4dbf;
    border-bottom: 1px solid #1f4dbf;
}