@import url(tilyss.css);


.margining-top-20{
    margin-top: 20px;
}
.margining-top-10{
    margin-top: 10px !important;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-10{
    padding: 10px;
}
.flex-column-between{
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}
.background-color-green{
    background-color: rgba(26, 131, 37, 1);
}
.color-white{
    color:white;
}
@media only screen and (min-width: 268px) and (max-width: 991px){
    .phone-padding-top-112{
        padding-top: 112px;
    }
    .hero-area .img_container{
        margin: 0 auto;
    }
    .button{
        width: 324px;
        height: 60px;
        margin: 0 auto;
        border-radius: 214px;
        background: rgba(26, 131, 37, 1);
    }
    .button .cn{
        width: 324px;
        height: 30px;
        font-size: 25px;
        font-weight: 900;
        line-height: 30px;
        color: rgba(255, 255, 255, 1);
        font-family: 'SourceHanSansSC';
        text-align: center;
    }
    .button .en{
        width: 324px;
        height: 30px;
        font-size: 25px;
        font-weight: 900;
        line-height: 30px;
        color: rgba(255, 255, 255, 1);
        font-family: 'SourceHanSansSC';
        text-align: center;
    }
    .contact_us .content{
        text-align: center;
        margin-top: 20px;
    }
    .contact_us .content span{
        font-weight: 1000;
        text-align: center;
    }

    .company_instro .logo{
        width: 253px;
        height: 183px;
        margin: 0 auto;
    }
    .company_instro .content{
        text-align: center;
        margin: 0 auto;
        /* width: 1500px; */
    }

    .company_instro .content .name_cn{
        font-size: 40px;
        font-weight: 900;
    }
    .company_instro .content .name_en{
        font-size: 40px; 
        font-weight: 900; 
    }
    
    .company_instro .container{
        /* padding: 0 150px; */
        /* height: 372px; */
    }
    .company_instro .container .content_top{
        /* width: 356px;
        height: 140px; */
    }
    .company_instro .container .content_bottom{
        /* width: 356px;
        height: 140px; */
    }
    .company_instro .right .content_top{
        margin-left: auto;
    }
    .company_instro .right .content_bottom{
        margin-left: auto;
    }      
            
}
@media only screen and (min-width: 991px){
    .pc-padding-top-10{
        padding-top: 10px;
    }
    .hero-area .img_container{
        margin: 0 auto;
    }
    .button{
        width: 324px;
        height: 60px;
        margin: 0 auto;
        border-radius: 214px;
        background: rgba(26, 131, 37, 1);
    }
    .button .cn{
        width: 324px;
        height: 30px;
        font-size: 25px;
        font-weight: 900;
        line-height: 30px;
        color: rgba(255, 255, 255, 1);
        font-family: 'SourceHanSansSC';
        text-align: center;
    }
    .button .en{
        width: 324px;
        height: 30px;
        font-size: 25px;
        font-weight: 900;
        line-height: 30px;
        color: rgba(255, 255, 255, 1);
        font-family: 'SourceHanSansSC';
        text-align: center;
    }
    .contact_us .content{
        text-align: center;
        margin-top: 20px;
    }
    .contact_us .content span{
        font-weight: 1000;
        text-align: center;
    }

    .company_instro .logo{
        width: 253px;
        height: 183px;
        margin: 0 auto;
    }
    .company_instro .content{
        text-align: center;
        margin: 0 auto;
        width: 1500px;
    }

    .company_instro .content .name_cn{
        font-size: 40px;
        font-weight: 900;
    }
    .company_instro .content .name_en{
        font-size: 40px; 
        font-weight: 900; 
    }
    
    .company_instro .container{
        padding: 0 150px;
        height: 372px;
    }
    .company_instro .container .content_top{
        width: 356px;
        height: 140px;
    }
    .company_instro .container .content_bottom{
        width: 356px;
        height: 140px;
    }
    .company_instro .right .content_top{
        margin-left: auto;
    }
    .company_instro .right .content_bottom{
        margin-left: auto;
    }
}