.yet_indexD {box-sizing:border-box;position:relative;margin-top:80px;}
.yet_indexD ul {position:absolute;top:-90px;right:0;width:80%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:180px;background:#ffc510;z-index:20}
.yet_indexD ul li {width:25%;box-sizing:border-box;position:relative;text-align:center}
.yet_indexD ul li h5 {font-family:Impact;color:#000;font-size:60px;line-height:1;display:inline-block;position:relative;text-shadow:1px 1px rgba(0,0,0,.2)}
.yet_indexD ul li h5::after {content:attr(date-txt);position:absolute;right:-30px;bottom:10px;color:#000;font-size:20px;font-weight:300;font-family:poppins,sans-serif}
.yet_indexD ul li:first-child h5::after {right:-85px}
.yet_indexD ul li p {font-size:18px;overflow:hidden;color:#000;margin:15px 0 0}

.yet_indexD .v {width:100%;display:block;overflow:hidden;position:relative;z-index:10}
.yet_indexD .v img {transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s}
.yet_indexD .v::after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../yet_company/images/v1.png) no-repeat center;display:block}
.yet_indexD .v:hover img {transform:scale(1.02);-webkit-transform:scale(1.02)}
.yet_indexD .txt {position:absolute;width:490px;box-sizing:border-box;padding:25px 22px;right:5%;bottom:40px;background:#fff;z-index:15}
.yet_indexD .txt h5 {font-size:24px;color:#090909;line-height:36px}
.yet_indexD .txt h5 i {color:#e0010b;font-size:30px;margin-right:10px}
.yet_indexD .txt p {font-size:16px;color:#090909;line-height:36px;margin:20px 0 0}
.yet_indexD .bot {background:#f5f5f5}
.yet_indexD .bot .wp{height:120px;display:flex;align-items:center}
.yet_indexD .bot h5 {font-size:30px;color:#000;font-weight:700}
.yet_indexD .bot h5 i {color:#FFC510;font-size:30px;margin-right:10px}
.yet_indexD .bot .more {margin-left:60px;width:200px;height:50px;line-height:50px;display:block;text-align:center;font-size:18px;color:#fff}
.yet_indexD .bot .more:hover {background:#FFC510}


@media screen and (max-width:1550px) {
.yet_indexD ul li h5 {font-size:52px;}
}

@media screen and (max-width:1441px) {
.yet_indexD ul li h5 {font-size:48px;}
.yet_indexD .bot h5 {font-size:28px;}
}

@media screen and (max-width:1367px) {
.yet_indexD ul li h5 {font-size:44px;}
.yet_indexD .bot h5 {font-size:26px;}
}


@media screen and (max-width:1280px) {
.yet_indexD{margin-top:0;}
.yet_indexD ul{position:static;height:auto;width:100%;padding:30px 0;}
.yet_indexD ul li h5 {font-size:40px;}
.yet_indexD .v::after{background-size:110px;}
.yet_indexD .bot h5 {font-size:24px;}
}

@media screen and (max-width:992px) {
.yet_indexD ul {padding:20px 0;}
.yet_indexD ul li {width:50%;padding:10px 0;}
}


@media screen and (max-width:768px) {
.yet_indexD ul li h5{font-size:36px;}
.yet_indexD ul li p{font-size:17px;}
.yet_indexD .v::after{background-size:100px;}
.yet_indexD .bot{padding:25px 0;}
.yet_indexD .bot .wp{height:auto;}
.yet_indexD .bot h5{font-size:22px;}

}

@media screen and (max-width:576px) {
.yet_indexD ul li h5{font-size:32px;}
.yet_indexD ul li p{font-size:16px;margin:10px 0 0;}
.yet_indexD ul li h5::after{font-size:17px;right:-25px;bottom:7px;}
.yet_indexD ul li:first-child h5::after{right:-70px;}
.yet_indexD .v::after{background-size:90px;}

.yet_indexD .bot h5{font-size:20px;}
}

@media screen and (max-width:480px) {
.yet_indexD ul li h5{font-size:28px;}
.yet_indexD ul li p{font-size:15px;margin:7px 0 0;}
.yet_indexD .v::after{background-size:80px;}

.yet_indexD .bot h5 i{font-size:26px;}
.yet_indexD .bot h5{font-size:18px;}

}