﻿/*新闻中心-媒体查询页面*/
.news-dl{
    max-width: 1202px;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
}
.news1{
    padding: 0.5% 0;
}
.news1 .pic{
    width: 48.4%;
    position: relative;
}
.news1 .pic img.img{
    max-width: 580px;
    width: 100%;
    display: block;
    margin: 0 auto;
}
.news1 .ding-zi{
    position: absolute;
    top:24%;
    left: 0;
    width: 100%;
    text-align: center;
}
.news1 .ding-zi .p-h{
    margin-bottom: 15px;
}
.ding-zi .p-top{
    margin-bottom: 45px;
}
.ding-zi .p-top:after {
    content: "";
    display: block;
    position: absolute;
    left:50%;
    top:45px;
    width: 40px;
    margin-left: -20px;
    height: 1px;
    background: white;
    margin-top: 0;
    margin-bottom: 7px;
}

/*新闻中心-热点新闻页面*/
.date-top{
    width: 100%;
    position: relative;
}
.date-top .img-ding{
    width: 40px;
    /*height: 50px;*/
    line-height: 50px;
    text-align: center;
    /*border: 1px solid #dbdbdb;*/
    position: absolute;
    left: 0;
    top: 0;
    /*box-sizing: border-box;*/
    z-index: 2;
}
.date-top .img-ding2{
    width: 40px;
    /*height: 50px;*/
    line-height: 50px;
    text-align: center;
    /*border: 1px solid #dbdbdb;*/
    position: absolute;
    right: 0;
    top: 0;
    /*box-sizing: border-box;*/
    z-index: 2;
}
.date-top .ul-date{
    width: 93.34%;
    margin: 0 auto;
    display: block;
    height: 50px;
}
.ul-date li{
    height:50px;
    line-height: 35px;
    width: 12.5%;
    text-align: center;
    float: left;
    /*border: 1px solid #dbdbdb;*/
    border-left: transparent;
    box-sizing: border-box;
}
.ul-date li a{
    color: #6c6c6c;
}
.ul-date li.last{
    border-right: transparent;
}
/*.ul-date li a:hover{
    color: white;
    background: #006ab8;
    border-color: #006ab8;
    }*/
    .lihover {
      color:white;
      /*background: #006ab8;*/
      /*border-color: #006ab8;*/
  }
  .mar-bott3{
    margin-bottom: 3px;
}

.news-main{
    margin: 40px 0;
    border: 5px solid #efefef;
    padding: 10px;
}
.news-main .big-img{
    width: 47.5%;
    max-width: 570px;
}
.news-main .right-zi{
    width: 49%;
}
.news-main .right-zi .p1{
    /*text-decoration: underline;*/
    margin-top: 4%;
}
.news-main .right-zi .p2{
    margin: 10px 0;
}

button.more{
    width: 120px;
    height: 38px;
    border-radius: 4px;
    background: #88f0f7;
    margin-top: 4%;
    margin-bottom: 20px;
}

.news-dl dl{
    width:23.1% ;
    float: left;
    margin-right: 1.5%;
    background: #f5f5f5;
    margin-bottom: 20px;
}
.news-dl dl.no-right{
    /*margin-right: 0;*/
}
.news-dl dl img{
    max-width: 277px;
    width: 100%;
}
.news-dl dl .p1{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
}
.news-dl dl dd{
    padding: 15px 10px  20px;
}
.news-dl dl:hover .p1{
    color: #0069B7;

}

/*分页*/
ul.page{
    left: 50%;
    float: left;
    position: relative;
    display: block;
    margin-top: 20px;
}
ul.page li{
    width: 115px;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-right: 5px;
    position: relative;
    right: 50%;
    font-size:16px;
}
ul.page li:hover{
    background: #006ab8;
    border-color: #006ab8;
    transition:  background 1s ;
}
ul.page li a{
    color:#A0A0A0 ;
}
ul.page li a:hover{
    color:white ;
}
ul.page li.one{
    width: 70px;
}
ul.page li.first{
    background: #006ab8;
    border-color: #006ab8;
}
ul.page li.first a{
    color:white ;
}
/*新闻中心-热点新闻详情页*/
.news2 .title{
    padding: 40px 0 20px;
    border-bottom: 1px solid #dbdbdb;
}
.news2 .title .ul-icon{
    float: left;
    left: 50%;
    display: block;
    position: relative;
    margin-top: 20px;
}
.news2 .title .ul-icon li{
    float: left;
    margin-right: 5px;
    right: 50%;
    position: relative;
    color: #777777;
}
.news2 .title .ul-icon li img{
    vertical-align: middle;
    margin-bottom: 3px;
}
.news2 .title .ul-icon li.li1{
    margin-right: 20px;
}
.width-cen{
    width: 85%;
    margin: 0 auto;
    padding: 0% 0;
}
.bg-top {
    /*background: #f5f5f5;*/
    /*padding: 4%;*/
    margin-bottom: 20px;
}
.width-cen .p-p{
    margin: 30px 0;
}

.width-cen img.img-pic{
    max-width: 501px;
    width: 50%;
}
.fan-hui{
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
}
button.fan{
    width: 125px;
    height: 45px;
    border: 1px solid #dbdbdb;
    margin-bottom: 5%;
}
button.fan:hover{
    background: #006ab8;
    border-color: #006ab8;
    color: white;
}

button.biao{
    width: 45px;
    height: 45px;
    border: 1px solid #dbdbdb;
    margin-left: 15px;
}

button.biao1{
    background: url("../images/r2.png") no-repeat center;
}
button.biao1:hover {
    background: #006ab8 url("../images/r3.png") no-repeat center;;
    border-color: #006ab8;
}
button.biao2{
    background: url("../images/l2.png") no-repeat center;
}
button.biao2:hover {
    background: #006ab8 url("../images/l3.png") no-repeat center;;
    border-color: #006ab8;
}









@media (max-width:1000px){
    .news1 .ding-zi{
        top:15%;
    }
    .news1 .ding-zi .p-h{
       font-size: 14px;
   }
   .ding-zi .p-top{
       font-size: 16px;
   }
   .ul-date li {
    width: 14.2%;
}
}
@media (max-width:900px){
    .ul-date li {
        width: 16.6%;
    }
    .date-top .ul-date {
        width: 91.5%;
    }
}
@media (max-width:800px){
    .news1 .pic{
        width: 100%;
        margin-bottom: 20px;
    }
    .date-top .ul-date {
        width: 90%;
    }
    .ul-date li {
        width: 20%;
    }
    .news-main .big-img{
        width:100%;
        display: block;
        margin: 0 auto 0px;
        float: none;
    }
    .news-main .right-zi{
        width: 95%;
        margin: 0 auto;
        float: none;
    }
}
@media (max-width:700px){
    .news-dl dl {
        width: 30.8%;
        margin-right: 2.5%;
    }
    .news-dl dl.no-right{
        margin-right: 2.5%;
    }
}
@media (max-width:640px){
    .date-top .ul-date {
        width: 87%;
    }
    .ul-date li {
        width: 25%;
    }
    .width-cen{
        width: 99%;
    }
    .title .p-t{
        font-size: 20px;
    }


    .news-dl dl{

       width: 49%;
       text-align: center;
       padding-top: 1%;
       margin: 0px 0.5% 1%;

   }





}
@media (max-width:500px){
    .date-top .ul-date {
        width: 83.5%;
    }
    .ul-date li {
        width: 33.3%;
        font-size: 12px;
    }
    ul.page li.none{
        display: none;
    }
    .news-dl dl {
        width: 47.5%;
    }
    .news-main {
        margin: 20px 0;
    }
    .title .p-t{
        font-size: 16px;
    }
    .width-cen img.img-pic{
        width: 100%;
        margin-bottom: 20px;
    }
}
@media (max-width:380px){
    .ding-zi .p-top{
        margin-bottom: 30px;
    }
    .ding-zi .p-top:after {
        top:35px;
    }
    .news1 .ding-zi .p-h{
        margin-bottom: 10px;
    }

    .date-top .ul-date {
        width: 78%;
    }
    .news1{
        padding: 25px 0 40px;
    }
}



/* 20200407 */
.newcon{
    /* border: 1px solid red; */
    padding: 20px 0px;
}
.newcon p{
    margin-bottom: 16px;
    text-indent: 0;
    line-height: 24px;
    color: #666666;
    font-size: 16px;
}
.newcon h3{
    margin: 16px 0px;
}
.new_voidbox{
    max-width: 500px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    border: 1px solid red;
    
}
.new_voidbox .new_voidimg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 4;
    cursor: pointer;
   
    height:100%;
    max-width:100%;
}
.new_void{
    background: #000;
    z-index: 3;
    transform: scale(0.99);
}
.newcon img{
    display: block;
    max-width: 40%;
    margin: 0 auto;
    margin-bottom: 16px;
}
.newcon .textC{
    text-align: center;
    margin: 10px auto;
}
.newm_box{
    /* border: 1px solid red; */
    text-align: center;
}
.newm_box>img{
    display: inline-block;
    /* vertical-align: middle; */
    margin-right: -5px;
}

@media screen and (max-width: 768px) {
    .new_voidbox{
        max-width: 100% !important;
        width:100% !important;
    }
    .new_void{
        width: 100% !important;
    }
}

.newcon p{
 font-size:14px;
 text-indent:28px;
}
.color4 a{
   font-size: 12px;
    color: #444;
}