﻿@charset "utf-8";
/* 首页 */
.Banner{width: 100%; clear: both;}
.Banner .item .img{width: 100%;}
.Banner .item .sj{display: none;}
.Banner .slick-dots{text-align:left; height: 3px; line-height: 3px; left: 13.48%; right: 13.48%; bottom: 1rem; z-index: 9;}
.Banner .slick-dots li{margin:0;}
.Banner .slick-dots li button{width: 0.58rem; height: 3px; background: #fff;}
.Banner .slick-dots li.slick-active button{background:#00aea9;}
.Banner .slick-arrow{top: auto; margin-top: 0; bottom: 0.75rem;}
.Banner .slick-prev{left: 79%;}
.Banner .slick-next{right: 13.48%;}
.Banner .slick-arrow:hover{background: #004098; border: 1px solid #004098;}

@media ( max-width:1440px){ 
    .Banner .slick-dots{left: 4%; right: 4%;}
    .Banner .slick-prev{left: 88%;}
    .Banner .slick-next{right: 4%;}
}

@media ( max-width:1024px){
    .Banner .slick-arrow{top: 50%; margin-top: -0.2rem; width: 0.4rem; height: 0.4rem; line-height: 0.4rem;}
    .Banner .slick-arrow span{font-size: 0.25rem;}
    .Banner .slick-prev{left: 0.3rem;}
    .Banner .slick-next{right: 0.3rem;}
    .Banner .slick-dots{bottom: 0.35rem; text-align: center;}
    .Banner .slick-dots li button{width: 0.3rem;}
}

@media ( max-width:768px){ 
    .Banner .item .pc{display: none;}
    .Banner .item .sj{display: block;}
}


/* index */
.mb20{margin-bottom: 0.2rem;}
.mb30{margin-bottom: 0.3rem;}
.line{border: 1px solid #e5e5e5;}
.HomeTit{line-height: 0.48rem; height: 0.48rem; background: #f7f7f7;}
.HomeTit .name{font-size: 0.24rem; background: #004098; color: #fff; padding: 0 0.25rem;}
.HomeTit .more{padding-right: 0.2rem;}
.HomeTit.white{background: url(../images/arr5.png) no-repeat; color: #fff;}

.HomeTit2{height: 0.47rem; line-height: 0.47rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 0.15rem;}
.HomeTit2 .name{font-size: 0.24rem; line-height: 0.45rem; color: #252525; border-bottom: 2px solid #004098;}

.HomeLeft{width: 26%;}
.HomeAbout .con,.HomeMz .CommonList{padding: 0.22rem;}
.HomeAbout .con .p{font-size: 0.18rem; line-height: 0.32rem; height: 1.6rem; -webkit-line-clamp: 5; text-align: justify;}
.HomeAbout .con .more{display: block; color: #004098; font-weight: bold; text-align: right;}
.HomeRight{width: 70%;}
.HomeList{width: 48%;}
.CommonList li{background: url(../images/arr1.png) no-repeat left center; padding-left: 0.2rem; font-size: 0.18rem; line-height: 0.45rem; height: 0.45rem; clear: both;}
.CommonList li span{float: right; margin-left: 0.15rem; color: #999; font-size: 0.16rem;}


@media(max-width:1024px){ 
    .HomeLeft,.HomeRight{width: auto; float: none;}
    .HomeAbout .con .p{height: auto;}
}

@media(max-width:480px){
    .mb30{margin-bottom: 0.2rem;}
    .HomeAbout .con,.HomeMz .CommonList{padding: 0.15rem;}
    .HomeList{width: auto; float: none;}
    .CommonList li{line-height: 0.4rem; height: 0.4rem;}
}

/* 单篇 */
.AboutBox .title{text-align: center; font-size: 0.26rem; line-height: 0.4rem; color: #333; font-weight: bold;}

@media(max-width:1024px){ 
    .AboutBox .title{font-size: 0.22rem;}
}

/* 列表页 */
.Left{width: 21%; background: #e3e8ef;}
.Left dl dd{margin-bottom: 0.08rem;}
.Left dl dd:last-child{margin-bottom: 0;}
.Left dl dd .am{display: block; position: relative; line-height: 0.25rem; padding: 0.2rem 0.2rem 0.2rem 0.5rem; font-size: 0.2rem; color: #010823;}
.Left dl dd .am i{position: absolute; left: 0.2rem; top: 0.26rem; width: 0.14rem; height: 0.14rem; margin-right: 0.2rem; background-image: url(../images/arr9.png); background-size: 100% 100%;}
.Left dl dd .am span{display: inline-block; vertical-align: middle;}
.Left dl dd .am em{font-size: 0.28rem;}
.Left dl dd.active .am,.Left dl dd:hover .am{background: #004098 url(../images/libg4.png) no-repeat right bottom; color: #fff;}
.Left dl dd.active i,.Left dl dd:hover i{background-image: url(../images/arr10.png);}
.Right{width: 76%;}


@media(max-width:1024px){ 
    .Left,.Right{width: auto; float: none;}
    .Left{margin-bottom: 0.15rem; background: #fff;}
    .Left .title{display: block !important;}
    .Left dl{display: none; border: 1px solid #004098; border-radius: 0 0 3px 3px; padding: 0.1rem 0;}
    .Left dl dd .am{font-size: 0.18rem; line-height: 0.4rem; padding: 0.05rem 0.2rem 0.05rem 0.5rem;}
    .Left dl dd .am i{top: 0.18rem;}
} 

@media(max-width:480px){
    .CommonList dd{width: 98.5%;}
    .CommonList dd .p{height: auto;}
}

/* 详情页 */
.NewsDetail .title{padding: 0.25rem 0;}
.NewsDetail .title h2{font-size: 0.3rem; line-height: 0.36rem; margin-bottom: 0.06rem; color: #282828;}
.NewsDetail .title p{color: #8e8e8e;}
.NewsDetail .title p i{padding: 0 0.07rem;}
.PrevNextBox{margin-top: 0.36rem; border-top: 1px solid #c2c2c2; padding-top: 0.26rem;}
.PrevNextBox dl{line-height: 0.33rem; color: #434343;}
.PrevNextBox dl b{font-weight: normal;}

@media(max-width:1024px){ 
    .NewsDetail .title h2{font-size: 0.22rem; line-height: 0.3rem;}
} 


/* 新闻搜索 */
/* .NewsList dd{padding-bottom: 0.48rem; margin-bottom: 0.48rem;} */
.NewsList dl{margin-top: -0.48rem;}
.NewsList dd a{display: block; padding: 0.48rem 0.7rem; border-bottom: 1px solid #eee;}
.NewsList dd .box{position: relative; padding: 0 0 0 1.46rem;}
.NewsList dd .date{text-align: center; position: absolute; left: 0; top: 0; color: #004098; width: 1rem;}
.NewsList dd .date span{font-size: 0.5rem; line-height: 0.44rem; display: block;}
.NewsList dd .date p i{display: none;}
.NewsList dd .con{position: relative; padding-right: 2.1rem;}
.NewsList dd .con .tit{font-size: 0.23rem; line-height: 0.3rem; height: 0.3rem; margin-bottom: 0.14rem; font-weight: bold;}
.NewsList dd .con .p{line-height: 0.3rem; height: 0.6rem; color: #888; -webkit-line-clamp: 2;}
.NewsList dd .con .more{width: 1.42rem; line-height: 0.47rem; border-radius: 0.3rem; border: 1px solid #606060; color: #606060; text-align: center; position: absolute; right: 0; top: 50%; transform: translate(0,-50%);}
.NewsList dd .con .more i{margin-left: 0.1rem; font-size: 0.24rem; font-weight: bold;}
.NewsList dd:hover{background: #f8faff;}
.NewsList dd:hover .more{background: #004098; color: #fff; border: 1px solid #004098;}

@media(max-width:1024px){ 
    .NewsList dl{margin-top: -0.25rem;}
    .NewsList dd a{padding: 0.25rem;}
    .NewsList dd .box{padding-left: 1.2rem;}
    .NewsList dd .date span{font-size: 0.45rem; line-height: 0.45rem;}
    .NewsList dd .con{padding-right: 1.5rem;}
    .NewsList dd .con .tit{margin-bottom: 0.1rem; font-size: 0.18rem; line-height: 0.24rem; height: 0.24rem;}
    .NewsList dd .con .p{line-height: 0.24rem; height: 0.48rem;}
    .NewsList dd .con .more{width: 1.2rem; line-height: 0.4rem;}
} 

@media(max-width:480px){
    .NewsList dl{margin-top: -0.2rem;}
    .NewsList dd a{padding: 0;}
    .NewsList dd .box{padding: 0.2rem;}
    .NewsList dd .date{text-align: left; width: auto; position: static;}
    .NewsList dd .date span{display: none;}
    .NewsList dd .date p{font-size: 0.2rem; margin-bottom: 0.05rem;}
    .NewsList dd .date p i{display: inline-block;}
    .NewsList dd .con{padding-right: 0;}
    .NewsList dd .con .p{height: auto;}
    .NewsList dd .con .more{position: static; transform: none; margin-top: 0.1rem; width: 1rem; line-height: 0.3rem;}
}

