﻿

.skill-content{
    /* border: 1px solid red; */

}
    .skill-content ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .skill-content ul li{
        display: flex;
        justify-content: space-between;
        width: 49%;
        align-items: center;
        background: #f8f8f8;
        margin-bottom: 2%;
    }
    .skill-content ul li .skill-img{
        display: inline-block;
        width: 41%;
        padding-bottom: 29.46%;
        position: relative;
    }
    .skill-content ul li .skill-img a{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .skill-content ul li .skill-img a img{
        display: inline-block;
        width: 100%;
        height: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
    .skill-content ul li .skill-text{
        display: inline-block;
        width: 59%;
        box-sizing: border-box;
        padding: 0 5%;
        vertical-align: top;
        text-align: left;
    }
    .skill-content ul li .skill-text h1 a{
        display: block;
        font-size: 24px;
        color: #333;
        font-weight: normal;
        margin-bottom: 8%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .skill-content ul li .skill-text p a{
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .skill-content ul li:hover .skill-img a img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    .skill-content ul li:hover .skill-text h1 a{
        color: #963437;
    }
    .pageGuide{
        margin-top: 2%;
    }
    @media(max-width:1500px){
        .skill-content ul li .skill-text h1 a{font-size: 22px;}
        .skill-content ul li .skill-text p a{font-size: 15px;line-height: 28px;}
    }
    @media(max-width:1400px){
        .skill-content ul li .skill-text h1 a{font-size: 20px;}
        .skill-content ul li .skill-text p a{font-size: 14px;line-height: 26px;}
    }
    @media(max-width:1200px){
        .skill-content ul li .skill-text h1 a{font-size: 18px;}
        .skill-content ul li .skill-text p a{font-size: 13px;line-height: 24px;}
        .skill-content ul li .skill-text p a{-webkit-line-clamp:2}
    }
    @media(max-width:960px){
        .skill-content ul li .skill-text h1 a{font-size: 16px;}
    }

    @media(max-width:760px){
        .skill-content ul li{flex-wrap: wrap;margin-bottom: 20px;width: 48%;display: block;}
        .skill-content ul li .skill-img{width: 100%;padding-bottom: 71.875%;}
        .skill-content ul li .skill-text{width: 100%;padding: 4%;}
    }

/* --------------------施工技术详情---------------- */
.newsd-content{
    /* border: 1px solid red; */
}
    .newsd-content>h1{
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
        text-align: center;
        padding: 0 2%;
        padding-bottom: 30px;
        border-bottom: 1px dashed #d5d5d5;
        margin-bottom: 30px;
    }
    .newsd-content .newsd-edit{
        padding-bottom: 5%;
        margin-bottom: 3%;
        border-bottom: 1px dashed #d5d5d5;
    }
    .newsd-content .newsd-edit p{
        font-size: 16px;
        line-height: 36px;
        color: #666;
        padding: 0 2%;
    }

    /* 上下条 */
    .newsd-back{
        text-align: center;
    }
    .newsd-back a{
        display: inline-block;
        vertical-align: middle;
        margin: 0 25px;
    }
    .newsd-back a:nth-child(2) img{
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .newsd-back a:nth-child(1) img:nth-child(2),
    .newsd-back a:nth-child(3) img:nth-child(2){
        display: none;
        position: relative;
        top: 0;
     
    }
    .newsd-back a:nth-child(1):hover img:nth-child(1),
    .newsd-back a:nth-child(3):hover img:nth-child(1){
        display: none;
    }

    .newsd-back a:nth-child(3):hover img:nth-child(2),
    .newsd-back a:nth-child(1):hover img:nth-child(2){
        display: inline-block;
        position: relative;
        top: -2px;
    }
    .newsd-back a:nth-child(2):hover img{
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
    }
.newsd-content .newsd-edit img{
	max-width: 85% !important;
    height: auto !important;
}

@media(max-width:760px){
    .newsd-content>h1{
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 3%;
        margin-bottom: 5%;
    }
    .newsd-content .newsd-edit p {
        font-size: 14px;
        line-height: 30px;
    }
    .newsd-content .newsd-edit{
        margin-bottom: 10%;
    }
 .newsd-content .newsd-edit img{
	max-width: 85% !important;
    height: auto !important;
}
}




