.f_45{font-size: 45px;}

.f_25{font-size: 25px;}

.down{position: relative;margin-bottom: 50px;}

.down .con{width: 100%;height: 400px;background: url(/public/static/images/b.jpg) center no-repeat;background-size: cover;display: flex;align-items: center;}

.down .con .cs{width: 790px;margin: 0 auto;display: flex;align-items: flex-start;justify-content: space-between;}

.down .con .cs .cl{width: 250px;}

.down .con .cs .cl img{width: 100%;}

.down .con .cs .cr{width: 56.96%;}

.down .con .cs .cr .r1{color: #b4cd7d;}

.down .con .cs .cr .r2{color: #fff;margin: 5px 0;}

.down .con .cs .cr .r3{color: rgba(255, 255, 255, 0.3);}

.down .con .cs .cr .r4{width: 250px;height: 2.5px;background: rgba(255, 255, 255, 0.3);margin-top: 13px;}

.down .con .cs .cr .r5{margin-top: 65px;position: relative;}

.down .con .cs .cr .r5 .tu{width: 45px;cursor: pointer;}

.down .con .cs .cr .r5 .txt{position: absolute;left: 50px;top: 0;width: 118px;height: 128px;z-index: 5;background: #fff;border-radius: 10px;padding: 7px 2px 5px 0;pointer-events: none;visibility: hidden;z-index:-5;opacity: 0;}


.down .con .cs .cr .r5 .txt .ul{padding-right: 5px;overflow-y: auto;height: 100%;}

.down .con .cs .cr .r5 .txt .ul::-webkit-scrollbar{ width:2px;height: 1px;}

.down .con .cs .cr .r5 .txt .ul::-webkit-scrollbar-thumb{ background:#007440;}

.down .con .cs .cr .r5 .txt .ul::-webkit-scrollbar-track{ background:#e6e6e6;} 

.down .con .cs .cr .r5 .txt .li{padding-left: 7px;}

.down .con .cs .cr .r5 .txt a{display: block;height: 28px;line-height: 28px;border-bottom: 1px solid #f5f5f5;color: #222222;padding-left: 5px;position: relative; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.down .con .cs .cr .r5 .txt a::after{content: "";width: 5px;height: 5px;position: absolute;left: -5px;top: 12px;background: url(/public/static/images/b4.png) center no-repeat;opacity: 0;transition: all 0.5s;}

.down .con .cs .cr .r5 .txt .li.act {background: #007440;}

.down .con .cs .cr .r5 .txt .li.act a{color: #fff;border-bottom: 1px solid #007440;padding-left: 18px;}

.down .con .cs .cr .r5 .txt .li.act a::after{opacity: 1;left: 6px;transition: all 0.5s;}

.down .con .cs .cr .r5 .txt .li:hover{background: #007440;}

.down .con .cs .cr .r5 .txt .li:hover a{border-bottom: 1px solid #007440;color: #fff;}

.down .con .cs .cr .r5.act .txt{left: 56px;opacity: 1;z-index: 5;pointer-events:visible;visibility: visible;}

@media screen and (max-width:1680px) {
    .f_45{font-size: 36px;}

    .f_25{font-size: 20px;}

}


@media screen  and (max-width:1025px){
    .f_45{font-size: 24px;}

    .f_25{font-size: 18px;}

    .down .con .cs{width: 90%;}

    .down .con .cs .cr{width: 50%;}
    
}

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

    .down .con{height: auto;padding: 30px 0 110px;}

    .down .con .cs{flex-wrap: wrap;}

    .down .con .cs .cl{width: 100%;}

    .down .con .cs .cr{width: 100%;margin-top: 20px;}

    .down .con .cs .cr .r5{margin-top: 30px;}
    
    .down{margin-bottom: 30px;}
}