a, a:link, a:hover{
    color: #fff;
    text-decoration: none;
}
/*头部*/
.index-header {
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
}
header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
header img {
    display: block;
    width: 200px;
    height: 70px;
}
#nav {
    width:60%;
}
#nav ul {
    display: flex;
    line-height: 70px;
    justify-content: space-around;
}
#nav ul li {
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    transition: all 1s;
}

.other-header #nav ul li {
    color: #333;
}
#nav ul li  a.nav-bar.active {
    color:#0060a7;
}
#nav ul li span {
    display: none;
    position: absolute;
    width: 120px;
    left: 50%;
    transform: translateX(-50%);
    top: 60px;
    z-index: 9999;
}
#nav ul li span a{
    display: block;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.6);
    margin-bottom: 2px;
}
#nav ul li span a:hover {
    background: #0060a7;
}
#nav ul li:hover span {
    display: block;
}
    /*头部*/

/*首页*/
.index-banner {
    height: 943px;
    width: 100%;
    position: relative;
    background: url("../img/index/banner-1.jpg") repeat-x center;
}
.new-content {
    width: 100%;
    height: 942px;
    background: url("../img/index/news-banner.jpg") repeat-x center;
}
.margin-center {
    width: 1500px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}
.new-content a {
    display: block;
    position: absolute;
    width: 120px;
    height: 36px;
    bottom: 4px;
    right: 33px;
}
.banner-3 {
    height: 918px;
    background: url("../img/index/banner-3.jpg") repeat-x center;
}
.banner-4 {
    height: 934px;
    background: url("../img/index/banner-4.jpg") repeat-x center;
}
.banner-5 {
    height: 939px;
    background: url("../img/index/banner-5.jpg") repeat-x center;
}
.banner-6 {
    height: 942px;
    background: url("../img/index/banner-6.jpg") repeat-x center;
}
.banner-7 {
    height: 803px;
    background: url("../img/index/banner-7.jpg") repeat-x center;
    margin-left: -3px;
}
/*首页*/
.tab-bar {
    width: 100%;
    position: absolute;
    height: 60px;
    line-height: 60px;
    background: rgba(0,0,0,0.7);
    bottom: 0;
}
.tab-bar ul {
    display: flex;
}
.tab-bar ul li {
    width: 200px;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.tab-bar ul li.active {
    background: #0060a7;
}
.tab-bar a {
    font-size: 18px;
    display: block;
}
.bottom {
    height: 375px;
    background: url("../img/index/bottom.jpg") repeat-x center;
}
    /*走进景区*/
.detail-banner {
    height: 456px;
    background: url("../img/index/detail-banner.jpg") repeat-x center;
    position: relative;
}
.detail-banner1 {
    height: 452px;
    background: url("../img/index/detail-banner1.jpg") repeat-x center;
    position: relative;
}
.detail-banner2 {
    height: 456px;
    background: url("../img/index/detail-banner2.jpg") repeat-x center;
    position: relative;
}
.detail-banner3 {
    height: 456px;
    background: url("../img/index/detail-banner3.jpg") repeat-x center;
    position: relative;
}
.detail-banner4 {
    height: 456px;
    background: url("../img/index/detail-banner4.jpg") repeat-x center;
    position: relative;
}
.detail-banner4 {
    height: 456px;
    background: url("../img/index/detail-banner5.jpg") repeat-x center;
    position: relative;
}
.banner-8 {
    height: 942px;
    background: url("../img/index/banner-8.jpg") repeat-x center;
}
.banner-9 {
    height: 725px;
    background: url("../img/index/banner-9.jpg") repeat-x center;
}
.banner-10 {
    height: 939px;
    background: url("../img/index/banner-10.jpg") repeat-x center;
}
.banner-11 {
    height: 942px;
    background: url("../img/index/banner-11.jpg") repeat-x center;
}
.banner-12 {
     width: 100%;
     height: 262px;
     background: url("../img/index/banner-12.jpg")  center #093c5f;
 }
.banner-13 {
    width: 100%;
    height: 910px;
    background: url("../img/index/banner-13.jpg")  center #093c5f;
}

/*走进景区*/
/*了解景区*/
.know-detail {
    width: 100%;
    background:url("../img/index/bg.jpg")  center ;
}
.know-content {
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
}
.left-bar {
    width: 10%;
    background: #0060a7;
}
.left-bar li {
    height: 120px;
    text-align: center;
    line-height: 120px;
    color: #ead6c4;
    cursor: pointer;
}
.left-bar li.active {
    background: #093c5f;
}
.banner-14 {
    width: 100%;
    height: 778px;
    background: url("../img/index/img-6.jpg")  center #093c5f;
}
.banner-15 {
    width: 100%;
    height: 817px;
    background: url("../img/index/img-7.jpg")  center #093c5f;
}
.banner-16 {
    width: 100%;
    height: 917px;
    background: url("../img/index/img-8.jpg")  center #093c5f;
}
.banner-17 {
    width: 100%;
    height: 934px;
    background: url("../img/index/img-9.jpg")  center #093c5f;
}
.banner-18 {
    width: 100%;
    height: 759px;
    background: url("../img/index/img-10.jpg")  center #093c5f;
}
/*了解景区*/