.ul-list{

    margin-top: 86px;

}

.ul-list li{

    overflow: hidden;

    margin-bottom: 66px;

}

.ul-list li:last-child{

    margin-bottom: 0;

}

.ul-list .imgbox{

    width: 457px;

    float: left;

}

.ul-list .img{

    overflow: hidden;

    padding-top: 55%;

    position: relative;

    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;

}

.ul-list .img img{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    -webkit-transition: .3s;

    -moz-transition: .3s;

    -ms-transition: .3s;

    -o-transition: .3s;

    transition: .3s;

}

.ul-list li:hover img{

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.ul-list .txt{

    overflow: hidden;

    margin-left: 500px;

    border-bottom: 1px solid #6f6f6f;

    color: #2c2b2c;

}

.ul-list .txt h3{

    font-size: 18px;

    line-height: 1em;

    font-weight: normal;

}

.ul-list .txt p{

    height: 150px;

    font-size: 13px;

    line-height: 20px;

    overflow: hidden;

}

.ul-list .line{

    margin:10px 0 32px;

}

.ul-list .line span{

    display: block;

    width: 40px;

    height: 3px;

    background-color: #ed1159;

    -webkit-transition: .6s;

    -moz-transition: .6s;

    -ms-transition: .6s;

    -o-transition: .6s;

    transition: .6s;

}

.ul-list li:hover .line span{

    width: 30%;

}

.ul-list .txt .time{

    padding-bottom: 18px;

    font-size: 12px;

    line-height: 20px;

}

.ul-list .txt .time span{

    float: right;

    width: 20px;

    height: 20px;

    background: url(../images/more.png) no-repeat center center;

}

.g-page{

    text-align: right;

    margin-top: 20px;

    margin-bottom: 150px;

}

.g-page li{

    display: inline-block;

    width: 19px;

    height: 30px;

    margin-left: 1px;

    border: 1px solid #999;

    line-height: 28px;

    font-size: 12px;

    text-align: center;

}

.g-page li:last-child{

    width: 21px;

}

.g-page li a{

    color: #444;

}

.g-page li:hover{

    background-color: #999;

}

.g-page li:hover a{

    color: #fff;

}



/*04*/

.m-article{

    overflow: hidden;

    margin-top: 88px;

    margin-bottom: 73px;

}

.m-article .tit{

    float: left;

    width: 35%;

    border-top: 1px solid #9b9a99;

    padding-top: 20px;

    font-size: 14px;

    color: #ed125a;

    line-height: 22px;



}

.m-article .content{

    float: right;

    width: 61%;

    border-top: 1px solid #9b9a99;

    font-size: 14px;

    color: #2b2b2b;

    line-height: 20px;

    letter-spacing: 1px;

}

.m-article .part{

    border-bottom: 1px solid #9b9a99;

    padding:18px 0 14px;

}

.m-article  .share{

    display: inline-block;

    vertical-align: middle;

}

.m-article  .share-ico{

    margin:-8px 0;

    display: inline-block;

    vertical-align: middle;

}



.bdshare-button-style2-24 .bds_weixin{

    background: url(../images/ico1.png) center center no-repeat;

    background-position: center center !important;

    -webkit-background-size:auto 100%;

    background-size: auto 100%;

}

.bdshare-button-style2-24 .bds_sqq{

    background: url(../images/ico3.png) center center no-repeat;

    background-position: center center !important;

    -webkit-background-size:auto 100%;

    background-size: auto 100%;

}

.bdshare-button-style2-24 .bds_tsina{

    background: url(../images/ico4.png) center center no-repeat;

    background-position: center center !important;

    -webkit-background-size:auto 100%;

    background-size: auto 100%;

}

.bdshare-button-style2-24 .bds_qzone{

    background: url(../images/ico5.png) center center no-repeat;

    background-position: center center !important;

    -webkit-background-size:auto 100%;

    background-size: auto 100%;

}

.m-article  .share-ico .circles{

    background: url(../images/ico2.png) center center no-repeat;

    background-position: center center !important;

    -webkit-background-size:auto 100%;

    background-size: auto 100%;

}







.list-img img{

    display: block;

    margin-bottom: 1px;

    width: 100%;

}





/*Common For Max 960*/

@media only screen and (max-width: 1300px) {

    /*.wp{width: 98%;}*/

    .ul-list{  margin-top: 60px;  }

    .ul-list li{  margin-bottom: 40px;}

    .ul-list .txt{  margin-left: 480px;}

    .ul-list .line{  margin:10px 0 10px;  }

    .ul-list .txt p{  height: 172px;}

    .g-page{  margin-bottom: 80px;}

    .m-article{  margin: 40px 0;}

    .m-article .tit,.m-article .part{  padding:10px 0;}









}







/*Common For Max 768*/

@media only screen and (max-width: 959px) {

    /*******************************

        -------[=公用]-------

    ********************************/

    .menuBtn {display: block;}

    .ul-list{  margin-top: 40px;  }

    .ul-list li{  margin-bottom: 20px;}

    .ul-list .imgbox{  width: 360px;  }

    .ul-list .txt{  margin-left: 380px;}

    .ul-list .txt p{  height: 118px;}

    .ul-list .txt .time {  padding: 10px 0;   line-height: 18px;}

    .g-page{  margin-bottom: 40px;}





























    }







/*Common For Max 480*/

@media only screen and (max-width: 768px) {

    .ul-list{  margin: 20px 0 0;  }

    .ul-list .imgbox{  float: none;  width: 100%;  }

    .ul-list .txt{  margin-left: 0;  }

    .ul-list .txt h3 {  margin-top: 10px;  text-align: center;}

    .ul-list .line span{  margin:0 auto;}

    .ul-list .txt p{  height: auto;   }

    .g-page{  margin: 20px 0;}

    .m-article{  margin:20px 0;}

    .m-article .tit{ display: none;/* float: none;  width: 100%; border-top: none;  text-align: center;*/}

    .m-article .content{  float: none;  width: 100%;  border-top: none;}



}



@media only screen and (max-width: 600px) {

    

    .ul-list .img {/*padding-top: 100%;*/display: none;}

    /*.ul-list .img img {

        top: 0;

        left: 50%;

        width: auto;

        height: 100%;

        -webkit-transform: translateX(-50%);

        -moz-transform: translateX(-50%);

        -o-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%);

    }*/

    .ul-list li:hover img{

        -webkit-transform: scale(1.1) translateX(-50%);

        -moz-transform: scale(1.1) translateX(-50%);

        -ms-transform: scale(1.1) translateX(-50%);

        -o-transform: scale(1.1) translateX(-50%);

        transform: scale(1.1) translateX(-50%);

    }



}



/*Common For Max 320*/

@media only screen and (max-width: 479px) {







}

@media only screen and (max-width: 360px) {



}