.base{
    width: 1300px; max-width: 100%; padding: 0px 50px; margin:0 auto;
}

.base-width{
    width: 1800px; max-width: 100%; padding: 0px 110px; margin:0 auto;
}

.pages{
    text-align: center; color: #222;
}

 

/*
BANNER
*/
#banner_normal{
    height:380px ; position: relative; background:url("../images/news-banner.jpg") no-repeat center center;
}

#banner_normal .base{
    position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%;
}

#banner_normal .base .line{
    height: 4px; background: #EE5A28; margin-bottom: 30px; width: 260px; max-width: 38vw;
}

#banner_normal .base .title{
    position: relative; font-size: 38px; line-height: 53px; font-weight: 500; color: #FFFFFF; margin-bottom: 20px;
}

#banner_normal .base .title span{
    color:#EE5A28 ;
}

#banner_normal .base .en{
    color: white; font-size: 24px; line-height: 33px; text-align: left;
}

#join_box{
    background: #005941; color: white; text-align: center; padding: 85px 0px;
}

#join_box .base{
    display: flex; flex-direction: column; justify-content: center; align-items: center;
}

#join_box .en{
    font-size: 18px; text-transform: uppercase;  margin-bottom: 12px;
}

#join_box .en span{
    position: relative; line-height: 25px; padding-bottom: 11px; display: inline-block;
}

#join_box .en span:after{
    position: absolute; content: " "; width: 30%; height: 1px ; bottom: 0; left: 35%;
}

#join_box .join-tit{
    text-align: center; font-size: 42px; line-height: 59px; text-transform: uppercase; margin-bottom: 30px;
}

#join_box .join-desc{
    font-size: 22px; line-height: 45px; margin-bottom: 30px;
}

#join_box .more{
    text-align: center;
}

#join_box .more a{
    background: #EE5A28; border-radius: 25px; height: 50px; line-height: 50px; border-radius: 25px; padding: 0px 40px; font-size: 18px; color: white;
    display: inline-block;
}

#join_box .more a:hover{
    background-color: white; color:#EE5A28 ;
}

.bg-overlay{
    position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; background-color: rgba(0,0,0,0.1); display: none;
}

.open-overlay{
    position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000; display: flex; justify-content: center; align-items: center; display: none;
}

.open-overlay .main-model{
    width:96vw; max-width: 800px; position: relative; background-color: white; box-shadow: 0px 20px 20px 0px rgba(238,90,40,0.05); border-top: solid 10px #EE5A28;
    padding: 40px 45px 50px 45px; border-radius: 5px;
}

.open-overlay .model-title{
    text-align: center; position: relative; font-size: 28px; line-height: 40px; margin-bottom: 18px;
}

.open-overlay .model-title a{
    position: absolute; right: 0px; height: 100%; line-height: 40px;
}

.open-overlay .model-form{
    display: flex; flex-direction: column;
}

.open-overlay .model-form .items{
    display: flex; margin-bottom: 20px;
}

.open-overlay .model-form .items .label{
    width: 100px; margin-right: 5px; line-height: 50px; text-align: right; font-size: 20px; color: black;
}

.open-overlay .model-form .items .f-input{
    flex: 1;
}

.open-overlay .model-form .items .f-input .txt-input{
    outline: none; height: 50px; line-height: 30px; padding: 10px 8px; border: 1px solid rgba(51,51,51,0.1); border-radius: 2px; width: 100%;
}

.open-overlay .model-form .items .f-input .txt-input::placeholder{
    color: #A7B0B5;
}

.open-overlay .more-box{
    text-align: center; margin-top: 25px;
}

.open-overlay  .more-box button.join-btn{
    display: inline-block; background-color: #EE5A28; color: white; padding: 0px 65px; height: 50px; line-height: 50px; border-radius: 25px; border: none; outline: none;
    margin:0 auto;
}

.open-overlay .form-expire{
    padding: 25px 0px;
}

.open-overlay .form-expire .img{
    padding: 0px 45px; text-align: center;
}

.open-overlay .form-expire .img img{
    max-width: 100%;
}

#banner_normal,#index-banner{
        height: 40vh;
}

@media screen and (max-width: 767px){
    
    #banner_normal,#index-banner{
        max-height: 32vh;
    }
    
    
    .base-width{
        width: 100%; padding: 0px 12px;
    }

    .base{
        width: 100%; padding: 0px 12px; position: relative;
    }

    #banner_normal{
        height: 300px;
    }

    #join_box .join-tit {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    #join_box .en {
        font-size: 16px;
        margin-bottom: 0px;
    }

    #join_box .join-desc {
        font-size: 16px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    #join_box .more a {
        border-radius: 20px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        padding: 0px 30px;
        font-size: 16px;
    }

    /* .open-overlay{
        left: -5px;
    } */
    .open-overlay .model-title a{
        top: -6%;
        width: 25px;
    }
    
    #index-banner{
    margin-bottom: 0 !important;
}
 

}