body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
        padding:0;
        margin:0;
        overflow-x: hidden;
    }

    html {
        height: 100%;
        box-sizing: border-box;
        min-width: 1100px;
    }

    *,
    *:before,
    *:after {
        box-sizing: inherit;
    }

    a:focus,
    a:active {
        outline: none;
    }

    a,
    a:focus,
    a:hover {
        cursor: pointer;
        color: inherit;
        text-decoration: none;
    }

    ul,
    ol,
    li {
        list-style: none;
        padding: 0;
    }

    .flex-center{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dm-index_header_wrap {
        height: 80px;
        width: 100%;
        display: flex;
        background: #fff;
        position: fixed;
        top:0;
        left:0;
        z-index: 98;
        box-shadow: 0px 2px 4px 0px rgba(222, 222, 222, 0.5);
    }

    .dm-logo{
        flex: 1;
    }

    .dm-logo .logo-img{
        width: 85px;
        cursor: pointer;
    }

    .dm-tabs_wrap{
        flex:1;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }

    .footer-icon{
        transform: translateY(5px);
    }

    .dm-tabs_wrap >.head-tabs{
        
        margin-right:20px;
        color:#3C3043;
        font-size: 16px;
        cursor: pointer;
        flex-shrink: 0;
        position: relative;
        font-family: PingFangSC-Regular, PingFang SC;
        user-select: none;
        position: relative;
        height: 100%;
        text-align: center;
        line-height: 80px;
    }
    .head-tabs a{
        display: inline-block;
        padding:0 24px;
    }
    .dm-tabs_wrap>span:hover{
        color:#FFC401;
    }
    .dm-tabs_wrap .dm-tabs_active{
        color:#fff;
        background: #3C3043;
    }

    .main_container{
        padding-top:80px;
        min-height: calc(100vh - 170px);
        display: block;
    }

    
    .main_container .banner img{
        width: 100%;
    }

    .main_container_index{
        font-size: 0;
    }

    .main_container_index .banner{
        width: 100%;
        height: 700px;
        background: url(../images/banner.png) center center no-repeat;
        background-size: cover;
    }

    .main_container_index .banner2{
        width: 100%;
        height: 700px;
        background: url(../images/banner2.png) center center no-repeat;
        background-size: cover;
    }

    .main_container_index .banner3{
        position: relative;
        width: 100%;
    }

    .main_container_index .banner3 img{
        object-fit: cover;
    }

    .main_container_index .banner4{
        width: 100%;
        height: 900px;
        background: url(../images/banner4.png) center center no-repeat;
        background-size: cover;
    }

    .main_container_index .banner5{
        width: 100%;
        height: 700px;
        background: url(../images/banner5.png) center center no-repeat;
        background-size: cover;
        text-align: center;
    }

    .banner_text_wrap{
        width: 500px;
        margin-bottom:120px;
        margin-left: 160px;
    }

    .banner_text_wrap .banner_title{
        margin-bottom:40px;
        font-size: 30px;
        font-weight: 600;
        color:#333;
    }

    .banner_text_wrap .banner_text{
        font-size: 14px;
        color:#3C3043;
        line-height: 30px;
    }

    .dm-tabs_wrap .hidden_wrap{
        width: 160px;
        padding-top:6px;
        display: none;
        position: absolute;
        left:-22px;
        top:58px;
        z-index: 99;
        background: #fff;
    }

   
    .dm-tabs_wrap .hidden_wrap li{
        line-height: 40px;
        color:#3C3043;
        padding-left:20px;
        font-size: 15px;
    }
    .dm-tabs_wrap .hidden_wrap li:hover{
        color:#FFC401;
    }

    .main-content{
        padding-top: 50px;
    }
    .dot-img{
        width: 100px;
    }

    .main-title{
        color:#3C3043;
        font-size: 28px;
        font-weight: 600;
        padding:0 10px;
    }

    .main-wrap{
        width: 1100px;
        margin:50px auto 60px;
        display: flex;
        justify-content: space-between;
    }

    .main-wrap_item{
        width: 280px;
        text-align: center;
    }

    .main-wrap_item .video_img{
        width: 100%;
    }

    .learn_more{
        border: none;
        outline: none;
        color: #3C3043;
        font-size: 14px;
        border-radius: 18px;
        width: 88px;
        height: 36px;
        cursor: pointer;
        line-height: 20px;
        background: #FBDB39;
        margin:23px 0 43px 0;
    }
    .main-wrap_item_title{
        font-weight: 600;
        color: #3C3043;
        line-height: 25px;
        font-size: 18px;
        margin-bottom:10px;
        display: block;
    }

    .main-wrap_item_text{
        color:#7E7682;
        font-size: 14px;
        height: 80px;
        line-height: 20px;
        text-align: left;
        padding:0 25px;
    }

    .team{
        width: 100%;
        background: url(../images/background.png) center center no-repeat;
        background-size: cover;
        text-align: center;
    }

    .team .main_title{
        font-size: 58px;
        font-weight: 900;
        color:#fff;
        padding-top:40px;
    }

    .team_title{
        display: block;
        color:#fff;
        padding:0 0 26px 0;
        font-size: 28px;
        font-weight: 500;
    }

    .member_wrap{
        width: 1200px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        padding-top:30px;
    }

    .member_item{
        color:#fff;
        width: 400px;
        display: flex;
    }

    .member_item .right_wrap{
        padding-left:25px;
    }

    .member_item .info{
        padding:0 0 23px 0;
        font-size: 14px;
        text-align: left;
    }

    .member_item .info .name{
        font-size: 18px;
        font-weight: 600;
        padding-right: 8px;
    }

    .member_item .desc{
        line-height: 20px;
        font-size: 14px;
        text-align: left;
        color:#fff;
    }

    .member_header{
        width: 64px;
        height: 64px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        object-fit: cover;
    }
    .member_header img{
        width: 64px;
        height: 64px;
        transform: scale(1.25);
    }    
    .contact_us{
        width: 100%;
        background: url(../images/contact.png) center center no-repeat;
        background-size: cover;
        height: 700px;
    }

    .position_img{
        width: 430px;
        height: 300px;
    }

    .contact_card{
        height: 411px;
        width: 764px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:0 39px 0 71px;
    }

    .contact_card .contact_title{
        font-size: 28px;
        font-weight: 600;
        color: #3C3043;
        margin-bottom:30px;
    }

    .contact_card .contact_sub_title{
        font-size: 14px;
        color: #A49FA7;
    }
    .contact_tel{
        width: 100%;
        background: #202020;
        color: rgba(255, 255, 255, 0.4);
        font-size: 12px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding:30px 0;
        line-height: 20px;
    }

    .contact_tel .logo-img{
        margin-bottom:10px;
        width: 85px;
    }
    .about_wrap{
        padding-bottom:60px;
    }

    .about_wrap img{
        width: 300px;
    }

    .about_wrap_text{
        width: 640px;
        font-size: 13px;
        color: #3C3043;
        line-height: 24px;
        padding-left:80px;
    }

    .cultrue_item{
        width: 528px;
        height: 234px;
        color: #3C3043;
        padding:50px;
    }

    .cultrue_item_left{
        background: url(../images/about-left.png) no-repeat;
        background-size: cover;
    }

    .cultrue_item_right{
        background: url(../images/about-right.png) no-repeat;
        background-size: cover;
    }

    .cultrue_title{
        font-size: 24px;
        font-weight: 600;
    }
    
    .cultrue_subtitle{
        line-height: 40px;
        color:#3C3043;
        font-size: 16px;
    }
    .cultrue_desc{
        padding-top:10px;
        font-size: 14px;
        opacity: 43%;
        width: 360px;
    }

    .our_values{
        width: 100%;
        height: 589px;
        background: url(../images/values.png) center center no-repeat;;
        background-size: cover;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .value_item{
        width: 285px;
        height: 363px;
        text-align: center;
        margin-right:20px;
        background:#fff;
        border-radius: 8px;
        cursor: pointer;
        transition: all ease 0.3s;
    }

    .value_item:hover{
        transform: translateY(-10px);
        box-shadow: 0 5px 15px #999;
    }

    .value_item_title{
        color: #3C3043;
        font-weight: 600;
        padding:20px 0;
    }

    .values_title{
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        padding-bottom:60px;
    }


    .value_item img{
        width: 100%;
    }
    .value_item_text{
        color: #7E7682;
        font-size: 14px;
    }

    .partner{
        width: 100%;
        text-align: center;
        padding:70px 0 20px;
    }
    .partner_title{
        font-size: 24px;
        color:#fff;
        font-weight: 600;
        padding-bottom:60px;
    }

    .honor{
        width: 100%;
        text-align: center;
        background: url(../images/honor.jpg) center center no-repeat;;
        background-size: cover;
        padding:50px 0 100px;
    }

    .honor .main_title{
        font-size: 58px;
        font-weight: 900;
        color: #FFFFFF;
        line-height: 74px;
    }

    .target-fix {
        position: relative;
        top: -100px;
        display: block;
        visibility: hidden; 
    }

    .button_wrap{
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .business_button{
        border: none;
        outline: none;
        color: #3C3043;
        font-size: 14px;
        border-radius: 18px;
        width: 88px;
        height: 36px;
        cursor: pointer;
        line-height: 20px;
        background: #FAFAFA;
        margin:23px 0 43px 0;
        margin-right:20px;
    }
    
    .business_button:hover{
        background: #FBDB39;
    }

    .business_button_active{
        background: #FBDB39;
    }

    .business_wrap{
        width: 900px;
        margin:0 auto;
        padding-bottom:10px;
    }
    .business_top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom:60px;
    }

    .business_img{
        width: 380px;
        height: 340px;
        object-fit: contain;
    }

    .business_top_text{
        width: 470px;
        height: 138px;
        background-color: #fce259;
        border-radius: 29px;
        color: #3C3043;
        position: relative;
        z-index: 9;
        margin-bottom:60px;
        padding:0 46px;
        font-size: 14px;
        color:#3C3043;
        display: flex;
        align-items: center;
    }

    .business_top_text .shadow1{
        width: 382px;
        height: 37px;
        background-color: #fef3ba;
        border-radius: 0 0 29px 29px;
        position: absolute;
        bottom:-37px;
        z-index: 7;
        left:50%;
        transform: translateX(-50%);
    }

    .business_top_text .shadow2{
        width: 300px;
        height: 40px;
        background-color: #FCE259;
        border-radius: 0 0 29px 29px;
        position: absolute;
        bottom:-75px;
        z-index: 6;
        opacity: 0.17;
        left:50%;
        transform: translateX(-50%);
    }

    .business_center{
        margin:40px 0 50px;
        display: flex;
        justify-content: space-between;
    }

    .business_center_item{
        font-size: 14px;
        color: #7E7682;
        width: 160px;
        
    }

    .business_center_item img{
        width: 100px;
        height: 100px;
        margin: 0 auto 25px;
        display: block;
    }

    .business-backgroung{
        background-color: #FAFAFA;
    }

    .business_bottom{
        margin:40px 0 50px;
        display: flex;
        justify-content: space-between;
    }

    .business_bottom_item {
        width: 280px;
        background: #fff;
        padding:26px 20px;
        box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.03);
        border-radius: 8px;
        position: relative;
    }

    .business_bottom_item .dot-shadow{
        width: 22px;
        height: 22px;
        background: #FDC743;
        filter: blur(10px);
        position: absolute;
        top:32px;
        left: 72px;
    }

    .business_bottom_title{
        width: 240px;
        font-size: 16px;
        font-weight: 600;
        color: #3C3043;
        padding-bottom:10px;
    }

    .business_bottom_text{
        font-size: 14px;
        color: #7E7682;
        line-height: 20px;
    }

    .sub_desc{
        width: 620px;
        margin:20px auto 40px; 
        color: #7E7682;
        text-align: center;
        font-size: 12px;
    }

    .business_live_wrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom:60px;
    }   

    .business_live_item{
        width: 49%;
        display: flex;
        margin-bottom:24px;
        padding: 12px 22px;
        background: #fff;
        border-radius: 8px;
    }

    .business_live_item img{
        width: 120px;
        height: 120px;
    }
    .business_live_text{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left:15px;
    }

    .business_live_title{
        font-size: 16px;
        font-weight: 600;
        color: #3C3043;
        line-height: 22px;
        padding-bottom:10px;
    }
    .business_live_subtitle{
        font-size: 14px;
        color: #7E7682;
        line-height: 20px;
    }

    .business_report_wrap{
        display: flex;
        justify-content: space-between;
        padding:25px 0 50px;
    }


    .business_report_item{
        width: 280px;
        background: #fff;
        border-radius: 8px;
        padding:26px 22px;
        display: flex;
        box-shadow: 0px 7px 15px 0px rgba(0, 0, 0, 0.03);
    }

    .business_report_item img{
        width: 96px;
    }

    .business_report_content{
        flex: 1;
        padding-left:15px;
    }

    .business_report_title{
        font-size: 16px;
        font-weight: 600;
        color: #3C3043;
        line-height: 22px;
        padding-bottom:10px;
    }

    .business_report_subtitle{
        font-size: 14px;
        color: #7E7682;
        line-height: 20px;
    }

    .news_business_wrap{
        width: 1000px;
        margin:50px auto;
        display: flex;
        flex-wrap: wrap;
        /*justify-content: space-between;*/
        padding-bottom:30px;
        text-align: left;
        
    }
    .news_business_wrap a{
        display: block;
        width: 30%;
        margin-right: 30px;
    }

    .news_business_item{
        height: 439px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        cursor: pointer;
        margin-bottom:40px;
    }
    .news_business_item img{
        width: 100%;
        height: 183px;
        object-fit: cover;
    }

    .news_business_content{
        padding:20px;
        flex:1;
        font-size: 14px;
        color:#7E7682;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .news_business_title{
        color: #3C3043;
        font-weight: 600;
        font-size: 18px;
        padding-bottom:20px;
    }

    .news_business_subtitle{
        flex:1;
    }

    .news_anchor_wrap{
        padding-bottom:30px;
        width: 900px;
        margin:0 auto;
    }

    .news_anchor_item{
        margin-bottom:70px;
        display: flex;
    }

    .news_anchor_item img{
        width: 322px;
        height: 439px;
        object-fit: cover;
        flex-shrink: 0;
    }

    .news_anchor_content{
        padding-left:34px;
    }

    .news_anchor_top{
        width: 483px;
        height: 95px;
        background: linear-gradient(270deg, rgba(253, 239, 108, 0) 0%, #FBDB3A 100%);
        border-radius: 42px 8px 8px 0px;
        opacity: 0.74;
        padding-left:36px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 14px;
        margin-bottom:32px;
    }

    .news_anchor_title{
        font-size: 28px;
        font-weight: 600;
        color: #3C3043;
        padding-bottom:10px;
    }

    .news_anchor_text{
        font-size: 14px;
        color: #7E7682;
        line-height: 25px;
    }

    .duty_wrap{
        width: 1000px;
        margin:0 auto;
    }

    .duty_desc{
        text-align: left;
        font-size: 17px;
        color: #3C3043;
        margin-bottom:47px;
    }

    .duty_imgs{
        display: flex;
        flex-wrap: wrap;
        margin-bottom:80px;
    }

    .duty_imgs img{
        width: 313px;
        height: 232px;
        object-fit: cover;
        margin-right:20px;
        margin-bottom:20px;
    }


    .event_container{
        width: 100%;
        background: url(../images/event.jpg) center center no-repeat;
        background-size: cover;
    }
    .events_wrap{
        width: 900px;
        display: flex;
        margin:0 auto;
        padding-top:100px;
        justify-content: space-between;
        
    }

    .events_wrap_right .main_title{
        font-size: 58px;
        line-height: 50px;
        color: #fff;
        font-weight: bold;
    }

    .events_wrap_left{
        width: 410px;
        height: 580px;
        background: linear-gradient(307deg, rgba(255, 227, 2, 0) 0%, #FFC201 100%);
        position: relative;
        transform: translateY(23px);
    }

    .events_wrap_left img{
        width: 410px;
        height: 580px;
        position: absolute;
        top: -23px;
        left: 23px;
    }

    .events_content{
        width: 250px;
    }

    .events_wrap_right li{
        height: 110px;
        border-left: 1px solid #FFCF17;
        padding-left:20px;
        position: relative;
    }

    .events_wrap_right li:last-child{
        border:none;
    }

    .events_wrap_title{
        font-size: 28px;
        color: #fff;
        line-height: 40px;
        margin:10px 0 60px 0;
    }

    .events_title::before{
        content: '';
        position: absolute;
        left: -5px;
        top:7px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #FEC401;
    }

    .events_title{
        font-size: 18px;
        color: #fff;
        padding-bottom:10px;
    }

    .event_text{
        font-size: 14px;
        color: #fff;
        line-height: 20px;
    }

    .transform_wrap{
        position: absolute;
        top:-10px;
        left:0;
        padding-left:20px;
    }

    .article_wrap{
        width: 1000px;
        margin:0 auto;
        padding:30px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: calc(100vh - 250px);
    }

    .article_header{
        padding-bottom:40px;
    }

    .article_title{
        font-size: 32px;
        font-weight: 400;
        color: #3C3043;
        line-height: 45px;
        padding-bottom:5px;
    }

    .submit_time{
        font-size: 14px;
        color: #7E7682;
        line-height: 20px;
    }

    .article_content{
        font-size: 18px;
        color: #3C3043;
        line-height: 25px;
        padding-bottom:80px;
        flex:1;
    }
    .pagaration{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding:30px 0;
        border-top:1px solid #E7E9F5;
        font-size: 18px;
        color: #A49FA7;
    }

    .paga_item{
        width: 40%;
        cursor: pointer;
    }

    .paga_item:hover{
        color:#FFAA32;
    }

    .hidden{
        display: none;
    }
    .text-center {
        text-align: center;
    }
    .pagination {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 20px;
        color: #fff;
    }
    .pagination li {
        margin: 0 5px;
        font-size: 14px;
        border: none;
        border-radius: 4px;
        display: inline-block!important;
    }
    .pagination li a {
        border-radius: 4px;
        color: #fff;
        padding: 6px 15px;
    }
    .pagination .active {
        pointer-events: none;
    }
    .pagination li.active a, .pagination li a:hover {
        background: #fff;
        color: #333;
        /*border: 1px solid #fff;*/
    }
    .news_business_title {
        color: #3C3043;
        font-weight: 600;
        font-size: 18px;
        padding-bottom: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 50px;
    }