/* 新闻资讯页面三十五样式 */
.Demo-Contont-News3 ul li {
    position:relative;
    float:left;
    width:49%;
    background:#e7e6e6;
    box-shadow:0 3px 3px rgba(0,0,0,.1);
    margin-bottom: 2%;
    margin-right: 2%;
}
.Demo-Contont-News3 ul li:nth-child(2n+0){ 
    margin-right:0;
}
.Demo-Contont-News3 ul li:after{
    position:absolute;
    left:0;
    top:0;
    content:'';
    display:block;
    width:100%;
    height:100%;
    background:#f2f2f2;
    transition:all .9s;
}
.Demo-Contont-News3 ul li:hover{
    box-shadow:0 10px 10px rgba(0,0,0,.1);
    transform:scale(1.03);
}
.Demo-Contont-News3 ul li a{
    z-index:1;
    position:relative;
    display:block;
}
.Demo-Contont-News3 ul li:hover:after
{
    z-index:1;
    position:relative;
    display:block;
}
.Demo-Contont-News3 ul li a {  
    padding:35px 70px;  
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Date {
    position:relative;
    float:left;
    width:115px;
    height:155px;
    border-right:1px solid #c1c0c0;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Date-List {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Date .Demo-Contonts-Bottom-Ul-Day {
    font:48px/1 'gotham-medium';
    color: #333;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Date .Demo-Contonts-Bottom-Ul-Line {
    display:block;
    width:25px;
    height:3px;
    margin:15px 0;
    background:#c1c0c0;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Date .Demo-Contonts-Bottom-Ul-Days{
    font:14px/1 'Gotham-Book';
    color: #333;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Text {
    margin-left:145px;
    width: 70%;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Text .Demo-Contonts-Bottom-Ul-Text-Title {
    font-size:18px;
    color:#333;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Text .Demo-Contonts-Bottom-Ul-Text-Info {
    height:48px;
    margin:15px 0 40px;
    font-size:14px;
    color:#666;
    line-height:24px;
    overflow:hidden;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Text .Demo-Contonts-Bottom-Ul-Text-More i{
    display:inline-block;
    width:0;
    height:10px;
    background:url(../images/more-icon2.png) no-repeat center center;
    transition:all .4s;
    opacity:0;
}
.Demo-Contont-News3 ul li:hover .Demo-Contonts-Bottom-Ul-Text .Demo-Contonts-Bottom-Ul-Text-More i {
    width:10%;
    opacity:1;
}
.Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Text .Demo-Contonts-Bottom-Ul-Text-More strong{
    font-size:14px;
    font-weight:normal;
    color:#666;
    transition:all .4s;
}

/* 响应式样式开始 */
@media (max-width: 1630px) {

}

@media (max-width: 1280px){
    .Demo-Contont-News3 ul li a{
        padding: 35px 30px;
    }
    .Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Text{
        width: 60%;
    }
}

@media (max-width: 1100px){

}

@media (max-width: 960px){
    .Demo-Contont-News3 ul li{
        width: 100%;
    }
}

@media (max-width:860px) {

}

@media (max-width: 768px){

}

@media (max-width: 668px){

}

@media (max-width:568px) {

}

@media (max-width: 480px){

}

@media (max-width: 360px){

}

@media (max-width: 320px){
    .Demo-Contont-News3 ul li a{
        padding: 35px 20px;
    }
    .Demo-Contont-News3 ul li .Demo-Contonts-Bottom-Ul-Text{
        width: 50%;
    }
}