.pro-discover {padding-top: 90px;background: #fff;}
.pro-discover h3 {text-align: center;text-transform: capitalize;line-height: 1;color: #000000;font-weight: 600;display: block;}
.pro-discover .list {margin-top: 90px;}
.pro-discover .box {position: relative;overflow: hidden;}
.pro-discover .box:nth-child(2n):after {content: '';position: absolute;left: 0;top: 0;bottom: 0;background-image: -webkit-linear-gradient(left, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);background-image: -moz-linear-gradient(left, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);background-image: -o-linear-gradient(left, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);background-image: linear-gradient(left, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);width: 60%;z-index: 0;}
.pro-discover .box:nth-child(2n+1):after {content: '';position: absolute;right: 0;top: 0;bottom: 0;background-image: -webkit-linear-gradient(right, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);background-image: -moz-linear-gradient(right, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);background-image: -o-linear-gradient(right, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);background-image: linear-gradient(right, rgba(0,0,0, .96) 0%, rgba(0,0,0, 0) 90%);width: 60%;z-index: 0;}
.pro-discover .box img {width: 100%;display: block;margin: 0 auto;}
.pro-discover .box .container {display: flex;justify-content: flex-end;align-items: center;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.pro-discover .box:nth-child(2n) .container {justify-content: flex-start;}
.pro-discover .box .txt {width: 37.5%;position: relative;z-index: 10;}
.pro-discover .box .txt h5 {font-size: 30px;line-height: 36px;color: #fff;font-weight: 600;}
.pro-discover .box .txt .t {color:#BDBDBD;font-size:18px;margin-top:25px;line-height:1.8;}
.pro-discover .box .txt .t p + p {margin-top: 5px;}


@media screen and (max-width: 1550px) {
.pro-discover {padding-top: 70px;}
.pro-discover .list {margin-top: 70px;}
.pro-discover .box .txt h5 {font-size: 27px;line-height: 31px;}
.pro-discover .box .txt .t {font-size: 17px;margin-top: 20px;}
}
 
@media screen and (max-width: 1440px) {

}
                                          
@media screen and (max-width: 1367px) {
.pro-discover {padding-top: 50px;}
.pro-discover .list {margin-top: 50px;}
.pro-discover .box .txt h5 {font-size: 24px;line-height: 28px;}
.pro-discover .box .txt .t {font-size: 16px;margin-top: 15px;}
}
                                    
@media screen and (max-width: 1280px) {
.pro-discover .box .txt .t {line-height:1.6;}
.pro-discover .box .txt{width:45%;}
}
                                
@media screen and (max-width: 992px) {
.pro-list {padding: 30px 0;}
.pro-discover {padding-top: 30px;}
.pro-discover .list {margin-top: 30px;}
.pro-discover .box .txt h5 {font-size: 22px;line-height: 26px;}
.pro-discover .box .txt {width: 100%;}

.pro-discover .box .container {padding-top: 20px;padding-bottom: 20px;position: static;background: #080808;}

}
                                
@media screen and (max-width: 768px) {
.pro-discover .box .txt .t {font-size:15px;}
}

@media screen and (max-width: 480px) {
.pro-discover .box .txt h5 {font-size: 20px;line-height: 24px;}
.pro-discover .box .txt .t {font-size:14px;}
}

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

}