@charset "utf-8";
.downsmain{ padding-top: 40px; padding-bottom:60px;}
.downsmain ul{ margin-bottom: 50px}
.downsmain ul li a{ display: block;border: #e5e5e5 1px solid; padding: 20px; line-height: 30px; margin-bottom: 15px;}
.downsmain ul li a:hover{border: #006b6e 1px solid; background-color:#006b6e }
.downsmain ul li a .donw_tit{ float: left; width: 80%; padding-left: 20px;font-size:20px;}
.downsmain ul li a:hover .donw_tit{ color: #ffffff;}
.downsmain ul li a .donw_tit span{ position: relative}
.downsmain ul li a .donw_tit span::after {
    left:-20px;
    position: absolute;
    top: 50%;
    content: " ";
    width:8px; height: 8px;
    margin-top: -4px; background-color:#12888b;
    -webkit-transition: .3s;
    transition: .3s;border-radius:50%;
}
.downsmain ul li a:hover .donw_tit span::after {
    left:-20px;
    position: absolute;
    top: 50%;
    content: " ";
    width:8px; height: 8px;
    margin-top: -4px; background-color:#ffba00;
    -webkit-transition: .3s;
    transition: .3s;border-radius:50%;
}
.downsmain ul li a .donw_time{ float: right; width: 10%; color:#a6a6a6;font-size: 16px; text-align: right}
.downsmain ul li a:hover .donw_time{ color: #fff;}
.downsmain ul li a .donw_icon{ float: right; width:8%; text-align: right; display: inline-block; background: url("../image/down_icon.svg") center center no-repeat; background-size: auto 100%; height: 24px; }
.downsmain ul li a:hover .donw_icon{ float: right; width:8%; text-align: right; display: inline-block; background: url("../image/down_icon_hover.svg") center center no-repeat; background-size: auto 100%; height: 24px; }

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

    .downsmain ul li a {
        padding: 14px 20px;
    }
    .downsmain ul li a .donw_tit {
        float: left;
        width: 70%;
        padding-left: 20px;
        font-size: 18px;
    }
    .downsmain ul li a .donw_time {
        font-size: 14px;
    }

}

.downshome{ padding-top: 40px; padding-bottom:60px;}
.downshome ul{ margin-bottom: 10px; text-align: center}
.downshome ul li{ display: inline-block; width:22%; margin:0 1%;overflow: hidden; margin-bottom: 1%; vertical-align: top}
.downshome ul li a{ display: block; border: #e5e5e5 1px solid;}
.downshome ul li .down_img{background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 300px; overflow: hidden;transition: 0.3s; -moz-transition: 0.3s;
    -webkit-transition: 0.3s; -o-transition: 0.3s;}

@media screen and (max-width: 1400px){
    .downshome ul li .down_img{background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 240px; overflow: hidden;transition: 0.3s; -moz-transition: 0.3s;
        -webkit-transition: 0.3s; -o-transition: 0.3s;}
}

.downshome ul li .down_titile{ font-size: 18px; font-weight: bold; padding-left: 10px; padding-right: 10px; padding-top: 25px; padding-bottom:5px;}
.downshome ul li .down_descipes{ font-size: 13px; font-weight: bold; color: #999; padding-left: 10px; padding-right: 10px; line-height: 2;padding-bottom:30px;}
.downshome ul li .down_titile a{ color: #333}
.downshome ul li .down_titile a:hover{ color: #006b6e}

.downshome ul li:hover .down_img{-webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);transition: 0.3s; -moz-transition: 0.3s;
    -webkit-transition: 0.3s; -o-transition: 0.3s;}


@media (max-width:768px) {
    .downshome ul li {
        display: block;
        width: auto;
        margin: 0;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .downsmain ul li a .donw_tit {
        float: none;
        width: initial;
        padding-left: 20px;
        font-size: 20px;
    }
    .downsmain ul li a .donw_icon {
        float: none;
        width: 30px;
        text-align: left;
        display: inline-block;
        background: url(../image/down_icon.svg) left center no-repeat;
        background-size: auto 100%;
        height: 24px;
        margin-top: -12px;
        position: absolute;
        right: 20px;
        top: 50%;
    }
    .downsmain ul li a .donw_time {
        float: none;
        width: 30%;
        color: #a6a6a6;
        font-size: 16px;
        text-align: right;
        display: inline-block;
        line-height: 1;    margin-top: 10px;
    }
}