.banner_1{
    width: 100%;
    height: 440px;
    margin-top: 63px;
    background-image: url("../image/rsyhy/gsjs/banner.png");
    background-position: center;
    background-repeat: no-repeat;
}
.banner_img{
    width: 100%;
}
.know{
    width: 100%;
    border-bottom: 1px solid #d2d2d2;
}
.know .know_left{
    padding: 36px 0px;
}
.know .know_left .en{
    font-size: 4.8rem;
    font-family: Arial;
    float: left;
}
.know .know_left .en>span{
    display: block;
    float: left;
}
.know .know_left .en>span:nth-of-type(1){
    color: #3f3f3f;
}
.know .know_left .en>span:nth-of-type(2){
    color: #d60c1a;
}
.know .know_left>i{
    display: block;
    width: 9px;
    height: 9px;
    background-color: #d60c1a;
    float: left;
    margin: calc((48px - 9px) / 2) 20px calc((48px - 9px) / 2) 13px;
}
.know .know_left .text{
    float: left;
    color: #404040;
}
.know .know_left .text>p{
    font-size: 1.8rem;
    margin-bottom: 13px;
}
.know .know_left .text>>span{
    font-size: 1.4rem;
}

#index_box{
    float: right;
    margin-bottom: 10px;
}
#index_box>img{
    display: block;
    float: left;
    margin-right: 27px;
    animation: index_img 1s linear infinite;
}
@keyframes index_img
{
    0% {transform: scale(1.2);}
    50% {transform: scale(1);}
    100% {transform: scale(1.2);}
}
#index_box .index{
    margin-top: -4px;
}
#index_box .index>p{
    margin: 0px;
}
#index_box .index,#index_box .index a{
    color: #000;
    font-size: 1.4rem;
    line-height: 32px;
}
#index_box .index a.active{
    color: #d60c1a;
}

.know .know_right{
    padding: 19px 0px 27px;
}
.know .know_right .nav_box{
    width: 100%;
    float: right;
    text-align: right;
}
.know .know_right .nav_box li{
    display: inline-block;
    margin-left: 10px;
}
.know .know_right .nav_box li>a{
    padding: 9px 26px;
    display: block;
    color: #404040;
    font-size: 1.4rem;
    background-color: #f3f3f3;
}
.know .know_right .nav_box li>a:hover{
    background-color: #d60c1a;
    color: #fff;
}



@media (max-width: 767px){
    .know .know_right{
        text-align: center;
    }
    #index_box{
        display: inline-block;
        float: none;
        margin-bottom: 20px;
    }
    .know .know_right .nav_box>ul{
        width: 100%;
        display: grid;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        grid-template-columns: repeat(auto-fill,minmax(calc((100% - 20px) / 2),1fr));
        padding: 0px 10px;
    }
    .know .know_right .nav_box>ul>li{
        margin-left: 0px;
    }
    .know .know_right .nav_box li>a{
        padding: 9px 0px;
        text-align: center;
    }
}