.index-nav{width: 100%;height: 45px;background:white;}

.index-nav-frame-line{color: #333333;background: white;float: left;position: relative;display: block;outline: none;cursor: pointer;padding:0 20px;line-height: 45px;text-align: center;font-weight: 700;}
.index-nav-frame-line.active {color:#044fa0;}
.index-nav-frame-line.active .parent-nav{color:#044fa0;}
.parent-nav{width:100%;height:100%;display:block;}

.index-nav-frame-line-center{opacity: 0;height: 0;position: absolute;overflow: hidden;width: 170%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;     z-index: 9;left:0;}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: left;padding-left:20px;background:  rgba(80,80,80,0.8);color:#fff;border-bottom: 1px dashed #a2a2a2;display:block;}
.index-nav-frame-line-center .index-nav-frame-line-li:last-child{border:none;}
.index-nav-frame-line-li:hover{background: #5d5d5d;color: #6da5e0;}
.index-nav-frame-line-li:hover a{background: #444359;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}
.index-nav-frame-line:hover{background:#f5f5f5}

.nav-line{height: 45px;width: 100%;position: relative;display: none;outline: none;}
.nav-small{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;height: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}
@media only screen and (max-width:800px) {
    .index-nav-frame-line-li a{display: block;color: white;}
    .nav-line{display: block;border-bottom: 1px solid #eeeeee;}
    .nav-small{display: block;}
    .nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
    .nav-small:focus .nav-small-focus{display: block;}
    .index-nav-frame{width: 100%;}
    .index-nav-frame-line{width: 100%;height: 0;overflow: hidden;}
    .index-nav-frame-line-center{position: relative;background: #444359;}
    .index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
    .index-nav-frame-line-li{border-bottom: 1px solid #4b4a5e;color: #d9d9d9;background: #444359;}
    .index-nav-frame-line-li:hover{background: #b63b4d;}
    .index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;}
    .index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
    .index-nav-frame-line:focus .index-nav-frame-line-header{color: #B63B4D;}
    .index-nav-frame-line-focus{display: none;width: 100%;height: 45px;position: absolute;left: 0;top: 0;}
    .index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}

}

#by{overflow-y:hidden}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width:50px;
    border-radius: 5px;
}
.main-content{
    margin-top:50px;
}
.content-item{
    width:30%;
    padding-right:40px;
    margin-bottom:20px;
    min-height:283px;
    overflow: hidden;
}
.content-item.no-padding{
    width:40%;
    padding-right:0px;
}
.content-item.no-padding.content-long{
    width:70%;
}
.content-list{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:30px;
    cursor:pointer;
}
.no-padding .content-list{
    float: left;
    position:relative;
}
.content-list span{
    position:absolute;
    color:#666;
    right:0px;
 }
.content-item .long-left{
    width:43%;
    float:left;
    padding-right:40px;
}
.content-item .long-left-area{
    border:1px solid #ddd;
    height:240px;
    cursor:pointer;
}
.content-item .long-right{
    width:57%;
    float:left;
}
.content-item .news-img{
    height:190px;
}
.content-item .news-title a{
    line-height:40px;
    font-size:18px;
    padding:0 5px;
    color:#044fa0;
    cursor:pointer;
}
.content-item .news-hot{
    height:125px;
    margin-bottom:15px;
    background-color:#f8f8f8;
    cursor:pointer;
}
.content-item .news-hot .hot-day{
    color:#044fa0;
    font-weight:700;
    display:block;
    text-align:center;
    font-size:30px;
}
.content-item .news-hot .hot-month{
    color:#044fa0;
    display:block;
    text-align:center;
}
.content-item .news-hot .hot-left{
    display:inline-block;
    position:absolute;
    height: 70px;
    border-right:3px solid #044fa0;
    width:85px;
    margin-top:10px;
}
.content-item .news-hot .hot-right{
    padding-left:100px;
}
.content-item .news-hot .hot-title{
    line-height:35px;
    height:70px;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:10px;
    padding-top:10px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    word-wrap: break-word;
}
.content-item .news-hot .hot-content a{
    height:35px;
    line-height:35px;
    color:#666;
    font-size:14px;
}


.special-area{
    margin-left: 3px;
    border:1px solid #e36769;
    padding-bottom: 12px;
}
.special-title{
    font-weight: 700;
    font-size:18px;
    padding-left:10px;
    height:50px;

    position:relative;
}
.special-text span{
    color:#e36769;
    line-height:50px;
}
.special-text .nav-item {
    display: inline-block;
    padding: 0 0px;
    height: 45px;
    line-height: 45px;
    font-weight: 700;
    cursor: pointer;
}
.special-text .wp_nav .nav-item a span.item-name {
    display: inline-block;
    padding: 0px 0px;
    line-height: 22px;
    cursor: pointer;
}
.special-dot{
    color:#e36769;
    height:20px;
    width:10px;
    display:inline-block;
    position:absolute;
    background:#fff;
    top:10px;
    left:-4px;
}
.special-list{
    padding:0 30px;
}
.special-item{
    display:block;
    text-align:center;
    line-height:45px;
    background:#e36769;
    color:#fff;
    margin-bottom:10px;
}
.special-item span{
    color:#fff;    font-weight: 500;
}
.special-1{
    background-color:#bd74dd;
}.special-2{
    background-color:#9ac448;
}.special-3{
    background-color:#59cac4;
}.special-4{
     background-color: #cab832;
}.special-5{
  background-color: #ca4259;
}
 .xiazai-list a{
     font-weight:700;
     font-size:12px;
     line-height:18px;
 }
.content-wrap .huo-list{
    width:70%;
    margin-bottom:8px;
    display:block;
}
.content-wrap .huo-list:last-child{
    margin-bottom:0;
}
.content-wrap .huo-img{
    height:133px;
}
.content-wrap .huo-title{
    height:36px;
    line-height:18px;
    overflow: hidden;
    font-size:14px;
    margin-top: 4px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    word-wrap: break-word;
}

.content-wrap .zhi-list{
    height:75px;
    position:relative;
    padding-left:100px;
    margin-bottom:18px;
}
.content-wrap .zhi-list:last-child{
    margin-bottom:0;
}

.content-wrap .zhi-list .zhi-title{
    height:30px;
    margin-bottom:5px;
    line-height:30px;
}
.content-wrap .zhi-list .zhi-desc{
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    word-wrap: break-word;
    color:#666;
    font-size:14px;
    overflow: hidden;
    line-height:20px;
    height:40px;

}
.content-wrap .zhi-list .zhi-left{
    position:absolute;
    width:75px;
    left:0;
    bottom:0;
    height:75px;
    background:#0e90d2;
}

.content-wrap .zhi-list .zhi-left span{
    display:block;
    color:#fff;
    text-align:center;
    height:20px;
    line-height:20px;
    font-size: 13px;
}

.content-wrap .zhi-list .zhi-left .zhi-day{
    background:#044fa0;
    font-size:26px;
    height:35px;
    line-height:35px;
}

.more_btn {
    float: right;
}
span.news_meta {
    float: right;
    display: inline-block;
    color: #666;
}

#nav{background: #004ea1;}
#nav .inner{}
#nav .inner .wp-panel{}
#nav .inner .wp-panel .wp-window{}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);}

.wp-menu {margin:0 auto}
.wp-menu .menu-item {display: inline-block; float: left; position: relative;}
.wp-menu .menu-item.i1 { background:none;}
.wp-menu .menu-item a > .menu-switch-arrow{ display:inline-block; width:20px; height:20px; vertical-align:middle; }
.wp-menu .menu-item a.menu-link {display: inline-block;padding: 0 19px;line-height: 45px;color: #333333;font-size: 16px;    font-weight: 700;}
.wp-menu .menu-item.hover a.menu-link,
.wp-menu .menu-item a.hover{background-color:#f5f5f5; text-decoration: none; color: #333333;}
.sub-menu {display: none;position: absolute;left: 0;top: 45px;min-width: 176px;z-index: 100;   }

.sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;}
.sub-menu .sub-item a {display: block;color: #fff;height: 45px;line-height: 45px;padding: 0 20px;font-size: 16px;background: #5d5d5d;border-bottom: 1px dashed #a2a2a2;opacity: 0.8;}
.sub-menu .sub-item.hover> a,
.sub-menu .sub-item a:hover{  color: #6da5e0; background: #5d5d5d;display: block; opacity: 1;}
.sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}

.nav-item:hover{
    background:none;
}

.footer-left {
    width: 344px;
    height: 85px;
    margin-top: 37.5px;
    background: url(../image/logo.png) no-repeat center;
}
#footer .default-area .weixin-img {
    background: url(../image/weixin.png) no-repeat center;
    background-size: 74px;
}
#footer .default-area .weibo-img {
    background: url(../image/weibo.png) no-repeat center;
    background-size: 74px;
}
.special-list .wp_nav {
    text-align: center;
}
.special-list .wp_nav .nav-item{float:none;}

.mbanner .focus .focus-title-bar {bottom:40px;left: 40px;margin-left:0px;    display: none!important;}
.mbanner .focus .focus-title-bg {background-color: #000;opacity: 0.4;filter:alpha(opacity=60);}

.mbanner .focus .focus-pagination {position:absolute;right: 47%;bottom: 14px;margin-right: 0px;z-index:60;}
.mbanner .focus .focus-page { display:inline-block; width:8px; height:8px;  margin-right:6px;background:#fff;}
.mbanner .focus .focus-page-active {width:50px;background: #007aff;opacity:1; filter:Alpha(opacity=100);}

.mbanner .focus .focus-navigation {width:58px; height:53px; opacity: 0.7; filter:alpha(opacity=70); background:url(404.png) no-repeat; text-indent:-999em;}
.mbanner .focus .focus-navigation:hover {opacity: 1; filter:alpha(opacity=100);}
.mbanner .focus .focus-navigation:active {opacity: 1; filter:alpha(opacity=100);}
.mbanner .focus .focus-prev { left:0px;}
.mbanner .focus .focus-next { right:0px;background-position:right top}
.mbanner .inner {
    width: 1200px;
    margin: 0 auto;
}