html,body,div,ul,li,span,p,a,img,
input,footer,header
,section,nav{padding: 0;margin:0;}
html,body{font-size: 14px;}
ul,li{list-style: none;}
a{text-decoration: none; color: inherit;}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
li:hover{cursor:pointer;/* 触碰时变成小手*/}
.clr::after{content: "";display: block; clear: both;}

@font-face{
    font-family:MicrosoftYaHei-Bold;
    src: url('../fonts/MicrosoftYaHei-Bold.ttf');
}

/*共用宽度值    开始*/
/*.my-width{ width: 59.9%;margin: 0 auto;}
@media (max-width:1441px){.my-width{width: 70%;}}
@media (max-width:1025px){.my-width{width: 81%;}}
@media (max-width:751px){.my-width{width: 92%;}}*/

.my-width{ width: 1440px;margin: 0 auto;}
@media(max-width:1200px){.my-width{width: 970px;}}/* 87 */
@media (max-width: 992px){.my-width { width: 750px; }}/* 66.58 */
@media (max-width: 768px){ .my-width { width: 92%; }}/* 62.38 */
@media (max-width:751px){.my-width{width: 92%;}}
/*共用宽度值    结束*/
.main-bg{
    background: url('../img/main-bg-min.png') no-repeat ;
    height: 796px;
    background-size: 100%;
    z-index: -1;
}
@media (max-width:751px){
    .main-bg{background:#fff;}
}
.main{margin-top: -796px;}

/* header部分   开始*/
.header-top{
    background: rgba(95, 19, 19, .7);
    color: #fff;
    font-size:12px; 
    line-height: 40px;
}
.header-top span{
    float: left;
}
.header-top ul{
    float: right;
}
.header-top ul li{
    float: left;
}
.header-top ul li a{
    padding: 0 8px;
    border-right: 2px solid #fff;
}
.header-top ul li:last-child a{
    border: none;
}
.h-main{
    display: flex;
    align-items: center;
    height: 170px;
    position: relative;
}
.h-main .logo-left{
    margin-right: 17px;
}
.h-main .logo-left>img,.h-main .logo-right>img{
    width: 100%;
}
.h-main .nav-btn{ display: none;}
.h-main .nav-btn .icon-caidan{
    font-size: 35px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-20px);
}
@media (max-width:1720px){
    .h-main .logo-left{width: 320px;}
    .h-main .logo-right{width: 460px;}
}
@media (max-width:1441px){
    .h-main .logo-left{width: 285px;}
    .h-main .logo-right{width: 386px;}
}
@media (max-width:1025px){
    .h-main .logo-left{width: 244px;}
    .h-main .logo-right{width: 316px;}
}
@media(max-width:751px){
    .header-top{ display: none;}
    .header{ width: 100%;height: 140px;background: url("../img/js-headerbg.png") no-repeat center;background-size: 100% 100%;}
    .h-main{height: 100%;}
    .h-main .logo-left{display: none;}
    .h-main .logo-right{width: 463px;}
    .h-main .nav-btn{ display: block;}
}
@media(max-width:560px){
    .header{height: 100px;}
    .h-main .logo-right{width:350px;}
}
@media(max-width:426px){
    .header{height: 80px;}
    .h-main .logo-right{width:300px;}
}
@media(max-width:376px){
    .header{height: 70px;}
    .h-main .logo-right{width:260px;}
}
@media(max-width:325px){
    .h-main .logo-right{width:230px;}
}   
/* header部分   结束*/


/*导航部分  开始*/
.wp_nav{
    background: #b90103;
}
.wp_nav>.nav-item{
    float: left;
    width: calc(100%/7);
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}
.wp_nav>.nav-item:first-child{
    font-family: MicrosoftYaHei-Bold;
}
.wp_nav>.nav-item>a{
    width: 100%;
    display:inline-block;
    color: #fff;
    border-right:1px rgba(0, 0, 0, .2) solid;
    border-left:1px rgba(0, 0, 0, .2) solid;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wp_nav>.nav-item:first-child>a{
    border-left: none;
}
.wp_nav>.nav-item:last-child>a{
    border-right:none;
}
.wp_nav>.nav-item>i{
    display: none !important;
    width: 60% !important;
    position: absolute;
    left: 50%  !important;
    bottom: 0;
    transform: translatex(-50%);
    border-top: 2px #ffd729 solid;
    top: calc(100% - 2px) !important;
}
.wp_nav>.nav-item ul {
    position: absolute;
    top: 40px !important;
    width: 100% !important;
    background: rgba(0, 0, 0, .5);
    display: none;
    height: auto !important;
    border: none !important;
}
.wp_nav>.nav-item ul li a{
    color: #fff !important;
    font-size: 11px !important;
    border: none !important;
    background-color: initial !important;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wp_nav>.nav-item ul li:hover a{
    color:#ffd729 !important;
}
.wp_nav>.nav-item ul li{
    border-bottom: 1px rgba(255, 255, 255, .5) solid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#fff;
}
.sub-nav .nav-item .mark {
    display: none;
}
    .wp_nav>.nav-item:hover>a{color: #ffd729;}
    .wp_nav>.nav-item:hover>i{display: block !important;}
    .wp_nav>.nav-item:hover>ul{display: block;}


@media (max-width:751px){
    .nav{position: relative;display: none;z-index: 9999;width:100%;}
    .nav .wp_nav{position: absolute;width: 100%;padding: 0 28px; box-sizing: border-box;}
    .nav .wp_nav .nav-item{display: block;width: 100%;height:auto;
        line-height: 0px;text-align: left;border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
        position: static !important;}
    .nav .wp_nav .nav-item a{ border: none;line-height: 40px;text-align: left;}
    .nav .wp_nav>.i2>a:after {content: url(../img/navjt.png);position: absolute;width: 20px;right: 0px;}
    .nav .wp_nav .nav-item:hover a:after {transform: rotate(180deg);}
    .wp_nav>.nav-item ul { width: 100%  !important;position: static !important;transform: translateX(0);}
    .wp_nav .sub-nav .nav-item { background: rgba(0, 0, 0, .5);}
}
/*导航部分  结束*/













/*footer部分    开始*/
.footer{
    margin-top: 50px;
    background: #474747;
}
.footer .footer-main{
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    padding: 50px 0;
}
.footer .footer-main .f-left{
    width: 81%;
    display: flex;
    align-items: center;
}
.footer .footer-main .f-left .f-logo,.footer .footer-main .f-left .f-text{
    float: left;
}
.footer .footer-main .f-left .f-logo{
    margin-right: 70px;
}
.footer .footer-main .f-left .f-text{
    border-left: 1px solid rgba(255, 255, 255, .8);
    border-right: 1px solid rgba(255, 255, 255, .8);
    padding: 0 8.5% 0 5.5%;
    line-height: 35px;
}
.footer .footer-main .f-left .f-text span{
    display: inline-block;
}
.footer .footer-main .f-right{
    position: absolute;
    right: 0;
    text-align: center; 
}
.footer .footer-main .f-right li{
    float: left;
    width: 56px;
    position: relative;
}
.footer .footer-main .f-right li:first-child{
    margin-right: 35px;
}
.footer .footer-main .f-right li>span{
    display: inline-block;
}
.footer .footer-main .f-right li>span:first-child{
    margin-bottom: 6px;
}
.footer .footer-main .f-right li>.iconfont{
    font-size: 35px; 
}
.footer .footer-main .f-right li>div{
    position: absolute;
    margin: 0;
    top: -93px;
    left: -16px;
    display: none;
}
.footer .footer-main .f-right li:hover>div{
    display: block
}
.footer .footer-bottom{
    width: 100%;
    text-align: center;
    line-height: 40px;
    background: #000;
    color: rgba(255, 255, 255, .5)    
}
.footer .footer-bottom span{
    display: inline-block;
}


@media (max-width:1600px){
    .footer .footer-main .f-left .f-logo {margin-right: 40px;}
    .footer .footer-main .f-left .f-text {padding: 0 10px 0 20px;line-height: 25px;}
}
@media (max-width:1440px){
    .footer .footer-main .f-left .f-logo {width: 263px;}
}
@media (max-width:1215px){
    .footer .footer-main .f-left .f-logo {margin-right: 40px;width: 222px;}
}
@media (max-width:1142px){
    .footer .footer-main .f-left{ width: 75%;}
}
@media (max-width:1036px){
    .footer .footer-main {padding-bottom: 20px;}
    .footer .footer-main .f-left { display: block; }
    .footer .footer-main .f-left .f-logo {margin: 0;width: 280px;}
    .footer .footer-main .f-left .f-text {padding: 0;border: none;margin-top: 20px;line-height: 30px;}
    .footer .footer-main .f-right {bottom: 27px;}
    .footer .footer-main .f-right li>.iconfont {font-size:40px;}
}
@media (max-width:751px){
    .footer{margin-top: 38px;}
    .footer .footer-main {padding-bottom: 40px;}
    .footer .footer-main .f-left { width: 100%;}
    .footer .footer-main .f-left .f-logo {width: 359px;}
    .footer .footer-main .f-left .f-text {margin-top: 38px;line-height: 50px;}
    .footer .footer-main .f-left .f-text span { width: 100%;font-size: 24px;}
    .footer .footer-main .f-right {display: none;}
    .footer .footer-bottom{line-height: 20px;}
}
@media (max-width:521px){
    .footer .footer-main .f-left .f-logo {width: 290px;}
    .footer .footer-main .f-left .f-text {margin-top: 24px;line-height: 36px;}
    .footer .footer-main .f-left .f-text span {font-size: 18px;}
}
@media (max-width:376px){
    .footer .footer-main .f-left .f-logo {width: 240px;}
    .footer .footer-main .f-left .f-text {margin-top: 18px;line-height: 32px;}
    .footer .footer-main .f-left .f-text span {font-size: 16px;}
}
/*footer部分    结束*/






/*以下全是  list  artilcle  共用样式*/
.top-bg{
    height: 350px;
    background: url("../img/l-a-bg.png") no-repeat center;
    background-size: cover;
}
@media (max-width: 620px){
  .top-bg {
        height: 260px !important;
    }
}
@media (max-width: 601px){
    .top-bg {
        height: 230px !important;
    }
}
@media (max-width: 520px){
    .top-bg {
        height:220px !important;
    }
}
@media (max-width:415px){
    .top-bg {
        height:190px !important;
    }
}
@media (max-width:360px){
    .top-bg {
        height:170px !important;
    }
}
.list-header{
    line-height: 45px;
    border-bottom: #ddd 1px solid;
    color: #666666;
}
.list-header>a{
    margin: 0 6px;
}
.list-main{
    margin-top: 18px;
}
.list-main>.l-m-right,.list-main>.l-m-left{
    box-sizing: border-box;
}
.list-main .l-m-right{
    width: 75%;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    float: right;
}


/*左边栏 开始*/
.list-main>.l-m-left{
    width: 23%;
    float: left; 
}
.l-m-l-biaoti{
    display: block;
    width: 100%;
    background-color: #b90103;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: MicrosoftYaHei-Bold;
}
.list-main>.l-m-left>.l-m-left-top ul li{
    margin: 9px 0;
    line-height: 40px;
    background-color: #f5f6fa;
    text-align: center;
    color: #666666;
}
.list-main>.l-m-left>.l-m-left-bottom{
    margin-top: 28px;
}
.list-main>.l-m-left>.l-m-left-bottom ul>li{
    border-bottom:  #dcdcdc 1px solid;
    padding: 18px 0;
}
.list-main>.l-m-left>.l-m-left-bottom ul li a{
    line-height: 24px;
    color: #333333;
    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    overflow: hidden;
}
@media (max-width:751px){
    .top-bg{
        height: 300px;
        width: 100%;
    }
    .list-main>.l-m-left{
        display: none;
    }
    .list-main .l-m-right{
        width: 100%;
        border:none;
        padding-left: 0;
        float: right;
    }
}
/*左边栏 结束*/


/* 样式更改*/
/* 左侧部分样式更改*/
.wp_listcolumn .wp_column a:hover{
    background: #b90103;
    color:#fff;
}
.wp_listcolumn .wp_column a{
    text-align: center;
    background:none;

}
  .l-m-left-top>div>div:first-child, .btn-bg{
    height: 55px;
    text-align: center;
    background: #b90103;
    line-height: 55px;

    color: #fff;
}
.wp_listcolumn >li:first-child> a{
    background: #b90103;
    color:#fff;
}
.l-m-left-top>div>div>.Column_Anchor ,.btn-bg {
    font-size: 20px;
    font-weight: bold;
}
.wp_listcolumn .wp_column a{
   font-weight: normal;
   border:0;
}

#wp_iframe_hotColumn_w23{
   margin-top:15px;
}
.wp_listcolumn .wp_column a.selected{
   background-color: #b90103;
   color:#fff;
   background-image:none
}

.list-header{
 border-bottom: 1px solid #ddd !important;
}