/**
    index页面
*/
.flexs {
    display: flex; flex-direction: row; justify-content: flex-start; align-items: center; box-sizing: border-box;
}
.web_banner .c_index_banner_div {
    position: relative;
}
.web_banner .c_index_banner_p {
   position: absolute; flex-direction: column; align-items: flex-start;left: 18%; top: 25%;
   
}
.web_banner .c_index_banner_p>span{
    margin-bottom:  25px; color: #faf9f9;
}
.web_banner .c_index_banner_p>span:nth-child(1) {
    font-weight: bold; text-shadow: 3px 3px 7px #333;  letter-spacing: 10px; /* 增加字符间距 */
}
.web_banner .c_index_banner_p>span:nth-child(2) {
    padding: 5px 30px;  display: inline-block; background: linear-gradient(to right, rgba(4,112,46,0.8), rgba(156,235,191,0.3)); 
}
.web_banner .c_index_banner_p>span:nth-child(3) {
     line-height: 2em;
}
@media (max-width:800px) {
    .web_banner .c_index_banner_p>span:nth-child(1){
         font-size: 23px;
    }
    .web_banner .c_index_banner_p>span:nth-child(2) {
        font-size: 11px;
    }
    .web_banner .c_index_banner_p>span:nth-child(3) {
        font-size: 8px;
    }
}
@media (min-width:800px) and (max-width:1200px){
    .web_banner .c_index_banner_p>span:nth-child(1){
         font-size: 31px;
    }
    .web_banner .c_index_banner_p>span:nth-child(2) {
        font-size: 19px;
    }
    .web_banner .c_index_banner_p>span:nth-child(3) {
        font-size: 15px;
    }
}
@media (min-width:1200px) {
    .web_banner .c_index_banner_p>span:nth-child(1){
         font-size: 46px;
    }
    .web_banner .c_index_banner_p>span:nth-child(2) {
        font-size: 22px; 
    }
    .web_banner .c_index_banner_p>span:nth-child(3) {
        font-size: 16px;
    }
}