.common-title{
    margin:48px auto 0;
    text-align: center;
}
.about-us-text{
    display: block;
    width:1200px;
    height: 349px;
    text-align: center;
    margin:45px auto 0;
}
.box2{
    margin-top: 53px;
}
.base-rz-img{
    display: block;
    width:1200px;
    text-align: center;
    margin:47px auto 0;
}
.base-rz-img1{
    display: block;
    text-align: center;
    margin:52px auto 0;
}
.common-btn{
    width: 344px;
    line-height: 58px;
    background: linear-gradient(90deg, #F6AB00, #E36D0E);
    border-radius: 50px;
    text-align: center;
    margin:45px auto 0;
    transition: all .3s ease;
    &:hover{
        transform: translateY(-2px);
        box-shadow: 0 8px 25px #ff6b004d;
    }
    a{
        display: block;
        font-size: 24px;
        color: #FFFFFF;
    }
}
.box3{
    width: 100%;
    height: 767px;
    margin:69px auto 0;
    overflow: hidden;
    background:  url("../../../images/grad-images/bg10.png") center center no-repeat;
    .common-title{
        margin-top: 67px;
    }
    .box3-cont{
        width:1130px;
        margin:38px auto 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .box3-cont-1{
        width: 541px;
        height: 200px;
        margin-bottom: 43px;
        position: relative;
        background:  url("../../../images/grad-images/box3-2.png") center center no-repeat;
        .title{
            width: 294px;
            font-weight: bold;
            font-size: 24px;
            color: #FFFFFF;
            line-height: 50px;
            text-align: center;
            margin-left: 15px;
        }
        .content{
            font-size: 18px;
            color: #121212;
            line-height: 28px;
            margin-left: 44px;
            margin-top: 18px;
        }
        .number{
            font-weight: bold;
            font-size: 86px;
            color: #06C5AD;
            opacity: 0.22;
            position: absolute;
            right: 38px;
            bottom: -15px;
            font-family: Source Han Serif CN;
        }
    }
    .common-btn{
        margin-top: 0;
    }
}
.box4{
    margin-top: 86px;
    .box4-cont{
        width:1200px;
        margin:50px auto 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .box4-cont-item{
            width:285px;
            .title{
                font-weight: bold;
                font-size: 24px;
                color: #FFFFFF;
                line-height: 63px;
                text-align: center;
                border-top-left-radius: 25px;
                border-top-right-radius: 25px;
                background: linear-gradient(0deg, #2B61E8, #3E79F1);
            }
            .box4-cont-list{
                border:1px solid #2C62E8;
                padding-bottom: 20px;
                border-bottom-left-radius: 25px;
                border-bottom-right-radius: 25px;
                ul li{
                    font-size: 18px;
                    color: #403935;
                    margin-top: 23px;
                    margin-left: 18px;
                    img{
                        margin-right: 20px;
                        margin-bottom: -3px;
                    }
                }
            }
            .btn53{
                width: 206px;
                height: 44px;
                line-height: 44px;
                color:#2D64E9;
                margin:40px auto 0;
                border-radius: 8px;
                font-weight: 500;
                font-size: 18px;
                text-align: center;
                cursor: pointer;
                border: 1px solid #3E79F1;
            }
        }
        .box4-cont-item:nth-child(2){
            .title{
                background: linear-gradient(0deg, #09B09C, #18DCB7);
            }
           .box4-cont-list{
                border:1px solid #14D0B0;
            }
            .btn53{
                color:#08AF9B;
                border: 1px solid #08AF9B;
            }
        }
        .box4-cont-item:nth-child(3){
            .title{
                background: linear-gradient(0deg, #6726E4, #864CF1);
            }
            .box4-cont-list{
                border:1px solid #793CEC;
            }
            .btn53{
                color:#6E32E7;
                border: 1px solid #6E32E7;
            }
        }
        .box4-cont-item:nth-child(4){
            .title{
                background: linear-gradient(0deg, #1B92CA, #36D7E3);
            }
            .box4-cont-list{
                border:1px solid #1B92CA;
            }
            .btn53{
                color:#24A9D3;
                border: 1px solid #24A9D3;
            }
        }
    }
    .common-btn{
        width: 396px;
    }
}
.box5{
    margin-top: 60px;
    .box5-cont{
        margin:20px auto 0;
        width:1200px;
        height: 245px;
        overflow: hidden;
        background: url("../../../images/grad-images/box5-2.png") center 0 no-repeat;
        padding-top: 74px;
        .box5-cont-item{
            display: flex;
            flex-direction: row;
            padding:0 27px 0 33px;
            margin-bottom: 20px;
            img{
                width: 14px;
                height: 14px;
                margin-right: 10px;
                margin-top: 5px;
            }
            p{
                width: 1116px;
                font-size: 18px;
                color: #0F0F0F;
                line-height: 29px;
            }
        }
    }
}
.box6{
    height: 676px;
    overflow: hidden;
    margin:35px auto 0;
    background: url("../../../images/grad-images/box6-2.webp") center center no-repeat;
    background-size: 100% 676px;
    .common-title{
        margin-top: 56px;
    }
    .common-btn{
        margin-top: 430px;
    }
}
.box7{
    .common-title{
        margin-top: 68px;
    }
    .box7-cont{
        width:1200px;
        margin:44px auto 0;
        img{
            width:100%;
        }
    }
}
.box8{
    .common-title{
        margin-top: 120px;
    }
    .box8-cont{
        width:1200px;
        margin:0 auto;
        img{
            margin-top: 40px;
        }
    }
}
.box9{
    height: 793px;
    margin-top: 106px;
    overflow: hidden;
    background: url("../../../images/grad-images/box9-bg.png") center center no-repeat;
    .common-title{
        margin-top: 50px;
    }
    .box9-cont{
        width:1200px;
        margin:44px auto 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .box9-cont-item{
            width:592px;
            height: 240px;
            margin-bottom: 25px;
            background: url("../../../images/grad-images/box9-2.png") center center no-repeat;
            &:nth-child(3),&:nth-child(4){
                background: url("../../../images/grad-images/box9-3.png") center center no-repeat;
            }
            .title{
                font-weight: bold;
                font-size: 24px;
                color: #FFFFFF;
                line-height: 46px;
                font-style: italic;
                margin-top: 20px;
                margin-left: 22px;
                span{
                    margin-right: 34px;
                }
            }
            .text{
                width: 525px;
                margin:0 auto;
                font-size: 16px;
                color: #121212;
                line-height: 26px;
                margin-top: 10px;
            }
        }
    }
    .common-btn{
        margin-top: 5px;
    }
}
.big-bg{
    height: 2130px;
    overflow: hidden;
    background: url("../../../images/grad-images/big-bg.jpg") center top no-repeat;
}
.box10{
    overflow: hidden;
    .common-title{
        margin-top: 74px;
    }
    .box10-cont{
        width:1200px;
        height: 1010px;
        margin:46px auto 0;
        overflow: hidden;
        background: url("../../../images/grad-images/box10-bg.png") center center no-repeat;
        ul{
            display: flex;
            justify-content: space-between;
            margin: 47px 32px 0px;
            li{
                width: 214px;
                height: 62px;
                line-height: 62px;
                background: #D9F2E8;
                border-radius: 8px;
                font-weight: bold;
                font-size: 20px;
                color: #379296;
                text-align: center;
                cursor: pointer;
                &.active{
                    height: 73px;
                    color:#FFFFFF;
                    background: url('../../../images/grad-images/box10-2.png') center center no-repeat;
                }
            }
        }
        .box10-item{
            text-align: center;
        }
    }
}
.box11{
    .common-title{
        margin-top: 67px;
    }
    .box11-cont{
        width:1200px;
        height: 520px;
        position: relative;
        margin:20px auto 0;
        text-align: center;
        padding-top: 64px;
        overflow: hidden;
        background: url("../../../images/grad-images/box11-bg.png") center top no-repeat;
        background-size: 100% 100%;
        .swiper-pagination-bullet{
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #FFF9EE;
            border: 1px solid #BECFCD;
        }
        .swiper-pagination-bullet-active{
            background-color: #15A492;
        }
        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
            bottom:50px;
        }
    }
}
.box12{
    height: 956px;
    margin-top: 46px;
    overflow: hidden;
    background:url("../../../images/grad-images/box12-1.png") center top no-repeat;
    .common-title{
        margin-top: 59px;
    }
    .box12-cont{
        width:1200px;
        margin:44px auto 0;
        ul{
            display: flex;
            justify-content: flex-start;
            li{
                width:296px;
                height: 55px;
                line-height: 55px;
                text-align: center;
                font-weight: bold;
                font-size: 20px;
                color: #47999C;
                cursor: pointer;
                background: url("../../../images/grad-images/box12-tag1.png") center top no-repeat;
                &.active{
                    width:338px;
                    color:#fff;
                    background: url("../../../images/grad-images/box12-tag3.png") center top no-repeat;
                }
            }
            li:nth-child(1){
                width:275px;
                text-align: center;
                background: url("../../../images/grad-images/box12-tag4.png") center top no-repeat;
                &.active{
                    width:304px;
                    color:#fff;
                    background: url("../../../images/grad-images/box12-tag2.png") center top no-repeat;
                }
            }
        } 
        .box12-item{
            height: 530px;
            background: #FFFFFF;
            border-bottom-left-radius: 16px;
            border-bottom-right-radius: 16px;
            text-align: center;
            padding-top: 50px;
        }
    }
}
.box13{
    margin-top:75px;
    padding-bottom: 76px;
    .box13-cont{
        width:1200px;
        height: 1000px;
        overflow-y: auto;
        margin:40px auto 0;
        table {
            width: 100%;
            border-collapse: collapse;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            background-color: white;
            thead{
                tr{
                    background: linear-gradient(90deg, #BF904A, #DEBC81);
                    position: -webkit-sticky; /* Safari */
                    position: sticky;
                    top: 0;
                    z-index: 2;
                }
            }
            th {
                
                color: white;
                padding:12px;
                font-weight: bold;
                font-size: 20px;
                color: #FFFFFF;
              }
              td {
                padding: 0 12px;
                text-align: left;
                font-size: 16px;
                color:#050505;
               height: 60px;
              }
              tr:nth-child(odd) {
                background-color: #F3F3F3;
              }
              /* tr:hover {
                background-color: #f1f1f1;
              } */
          }
    }
}