@media screen and (max-width:1023px)and (min-width:300px)
{
    /*导航*/
    .dc_nav_box{
        width: 100%;
        height: 4rem;
        position: fixed;
        top: 0;
        z-index: 1000;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_nav_box_on{
        background: #FFFFFF;
        -moz-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        -webkit-box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
        box-shadow: 0px 0px 25px 0 rgba(0,0,0,0.05);
    }


    .dc_nav{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .dc_nav_logo{
        width: auto;
        height: 100%;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .dc_nav_logo>a{
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }

    .dc_nav_logo img{
        width: auto;
        height:50%;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .dc_nav_main{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        position: absolute;
        width: 100%;
        height: 0;
        overflow: hidden;
        background: #FFFFFF;
        top: 100%;
        left: 0;
        opacity: 0;
        padding: 0rem 0;
        border-top: 1px solid rgba(0,0,0,0.1);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_nav_main_on{
        height: auto;
        opacity: 1;
        padding: 1.5rem 0;
        
    }

    .dc_nav_meun{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .dc_nav_meun_tiem{
        width: auto;
        height: auto;
        margin: 0.5rem 0rem;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .dc_nav_meun_tiem>a{
        width: auto;
        height: auto;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 1.25rem;
        color: #000000;
        padding: 0.5rem 0;

    }
    .dc_nav_box_on .dc_nav_meun_tiem>a{
        color: rgba(0,0,0,0.8);
    }
    .dc_nav_meun_tiem>a:hover{
        color: var(--OneColor);
    }
    .dc_nav_meun_tiemon>a{
        color: var(--OneColor);
    }
    .dc_nav_box_on .dc_nav_meun_tiemon>a{
        color: var(--OneColor);
    }
    .dc_nav_meun_tiem>a:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        font-size: 0;
        background: var(--OneColor);
        left: 0;
        bottom: -1px;
        transform: scaleX(0);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_nav_meun_tiem:hover>a:after{
        transform: scaleX(1);
    }
    .dc_nav_meun_tiemon>a:after{
        transform: scaleX(1);
    }


    .dc_nav_lang{
        width: 100%;
        height: auto;
        margin-left: 0rem;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 1rem;
        padding-bottom: 1.5rem;
    }
    .dc_nav_lang a{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_nav_box_on .dc_nav_lang>a{
        color: rgba(0,0,0,0.8);
    }
    .dc_nav_lang a:hover{
        color:var(--OneColor);
    }
    .dc_nav_lang span{
        width: 1px;
        height: 0.8rem;
        font-size: 0;
        margin: 0 0.75rem;
        background: rgba(0,0,0,0.8);
    }
    .dc_nav_box_on .dc_nav_lang span{
        background: rgba(0,0,0,0.8);
    }

    
    /* nav-icon-5 */      	
    .menubtn{
        width: 25px;
        position: absolute;
        right: 0%;
        top: 0;
        z-index: 10;
        display: block;
    }
    .nav-icon-5{  width: 25px; z-index: 20;  height: 20px; position: relative;  cursor: pointer;}
    .nav-icon-5 span{  background-color:#FFFFFF;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}
    .dc_nav_box_on .nav-icon-5 span{
            background-color:#014099;
        }
    .nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}
    .nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}
    .nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}
    .nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}
    .nav-icon-5.open span:nth-child(1){  transform: rotate(45deg);  top: 8px;}
    .nav-icon-5.open span:nth-child(2){  opacity:0;}
    .nav-icon-5.open span:nth-child(3){  transform: rotate(-45deg);  top: 8px;}




    /*nbanner*/
    .dc_nbanner{
        width: 100%;
        aspect-ratio: 1920/1000;
        height: calc(100vw * 1000 / 1920);
        position: relative;
    }
    .dc_nbanner_img{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        font-size: 0;
    }
    .dc_nbanner_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .dc_nbanner_con{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-top: 3rem;
    }
    .dc_nbanner_con_title{
        font-size: 2rem;
        color: #FFFFFF;
        font-family: opm;
        text-align: center;
    }
    .dc_nbanner_con_line{
        width: 3rem;
        height: 2px;
        margin: 0 auto;
        margin-top: 1rem;
        font-size: 0;
        background: #FFFFFF;
    }
    .dc_nbanner_con_des{
        font-size: 1.125rem;
        color: #FFFFFF;
        letter-spacing: 0.3rem;
        margin-top: 1.5rem;
        text-align: center;
    }


    /*footer*/
    .dc_footer_box{
        width: 100%;
        height: auto;
        background:#222222;
        position: relative;
    }
    .dc_footer_top{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .dc_footer_top_left{
        width: 30%;
        height: auto;
        font-size: 0;
    }
    .dc_footer_top_left img{
        width: auto;
        height: 2rem;
    }

    .dc_footer_top_right{
        width: 20rem;
        height: 3rem;
        background: #f4f5f7;
        border-radius: 3rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
    }

    .dc_footer{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .dc_footer_left{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 1.5rem;
    }

    .dc_footer_menu_title{
        width: auto;
        height: auto;
        display: block;
        font-size: 1.25rem;
        font-family: hnm;
        text-align: center;
        color: rgba(255,255,255,1);
        position: relative;
    }
    .dc_footer_menu_con{
        width: auto;
        height: auto;
        padding-top: 1.5rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        display: none;
    }
    .dc_footer_menu_con a{
        width: auto;
        height: auto;
        display: block;
        font-size: 1rem;
        color: rgba(255,255,255,0.6);
        margin-top: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_footer_menu_con a:hover{
        color: rgba(255,255,255,1);
    }

    .dc_footer_right{
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 2rem;
    }
    .dc_footer_right_logo{
        width: auto;
        height: 2.5rem;
    }
    .dc_footer_right_logo img{
        width: auto;
        height: 100%;
    }

    .dc_footer_right_con{
        width: auto;
        height: auto;
        font-size: 1rem;
        color: rgba(255,255,255,0.5);
        line-height: 180%;
        margin-top: 1rem;
    }
    .dc_footer_right_tag{
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 1.5rem;
    }

    .dc_footer_right_tag_item{
        width: 3rem;
        height: 3rem;
        text-align: center;
        background: #535353;
        font-size: 0rem;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 0.6rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
    }
    .dc_footer_right_tag_item:hover{
        background: #014099;
    }
    .dc_footer_right_tag_item svg{
        width: 50%;
        height: 50%;
        fill:#ffffff;
        margin: 0 auto;
    }

    .tls_footer_code_img{
        position: absolute;
        width: 120px;
        height: 0;
        left: calc(50% - 60px);
        bottom: 110%;
        background: #FFFFFF;
        border-radius: 12px;
        padding: 0px 10px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;

    }
    .dc_footer_right_tag_item:hover .tls_footer_code_img{
        height: 120px;
        padding: 10px 10px;
    }
    .tls_footer_code_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }





    .dc_footer_bottom_box{
        width: 100%;
        height: auto;
        background: #030303;
    }
    .dc_footer_bottom{
        width: 94%;
        height: auto;
        margin: 0 auto;
        text-align: center;
        padding: 1.5rem 0;
        font-size: 1rem;
        color: rgba(255,255,255,0.5);
    }
    .dc_footer_bottom a{
        color: rgba(255,255,255,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_footer_bottom a:hover{
        color: rgba(255,255,255,1);
    }


    /*党团工会*/
    .dc_dt_box{
        width: 100%;
        height: auto;
        padding: 3rem 0;
    }
    .dc_n_title_text{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
        text-align: center;
    }
    .dc_n_title_line{
        font-size: 0;
        width: 3rem;
        height: 2px;
        background: #014099;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .dc_dt_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #e2e5f0;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .dc_dt_jj_img{
        width: 6rem;
        height: auto;
        margin: 0 auto;
        font-size: 0;
    }
    .dc_dt_jj_img img{
        width: 100%;
        height: auto;
    }
    .dc_dt_jj_text{
        width: 100%;
        height: auto;
        font-size: 1.125rem;
        color: #656565;
        line-height: 160%;
        margin-top: 1.5rem;
    }

    .dc_dt_item{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 0.5rem;
        
    }
    .dc_dt_item a{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0.5rem 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_dt_item a:hover{
        padding: 0.5rem 0.5rem;
        background: #FFFFFF;
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.2);
        box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.2);
    }
    .dc_dt_item_data{
        width: 6rem;
        height: auto;
        display: none;
    }
    .dc_dt_item_data_1{
        font-size: 1.25rem;
        color: #000000;
    }
    .dc_dt_item_data_2{
        font-size: 3.5rem;
        color: #000000;
        font-family: opb;
    }
    .dc_dt_item_img{
        width: 30%;
        aspect-ratio: 317/250;
        height: calc((94vw * 0.3 - 1rem) * 250 / 317);
        font-size: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_dt_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_dt_item a:hover .dc_dt_item_img img{
        transform: perspective(100px) translateZ(5px);
    }
    .dc_dt_item_con{
        width: 70%;
        height: auto;
        position: relative;
        padding-left: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .dc_dt_item_con_title{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .dc_dt_item a:hover .dc_dt_item_con_title{
        color: var(--OneColor);
    }
    .dc_dt_item_con_des{
        font-size: 1rem;
        color: rgba(0,0,0,0.8);
        line-height: 150%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 0.5rem;
    }

    .dc_dt_item_con_btn{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2.8rem;
        width: 9.5rem;
        height: 2.8rem;
        background: var(--OneColor);
        position: absolute;
        right: 0;
        bottom: 0;
        display: none;
    }
    .dc_dt_item_con_btn_text{
        font-size: 1.125rem;
        color: #FFFFFF;
    }
    .dc_dt_item_con_btn_ico{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        font-size: 0;
        margin-left: 0.6rem;
    }
    .dc_dt_item_con_btn_ico svg{
        width: 60%;
        height: 60%;
        fill:#ffffff;
        margin: 0 auto;
    }



    /*翻页*/

    .dc_page{
        width: 100%;
        height: auto;
        padding: 3rem 0 3rem 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-content: center;
    }
    .dc_page_as{
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #e5e9f4;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin: 0 0.2rem;
    }
    .dc_page_as:hover{
        background:var(--OneColor);
    }
    .dc_page_as svg{
        width: 1.3rem;
        height: 1.3rem;
        fill:rgba(0,0,0,0.5);
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_page_as:hover svg{
        fill:#ffffff;
    }

    .dc_page_ac{
        display: inline-block;
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        text-align: center;
        margin: 0 0.2rem;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        background: #e5e9f4;
    }
    .dc_page_ac:hover{
        background: var(--OneColor);
        color:#ffffff;
    }
    .dc_page_acon{
        background: var(--OneColor);
        color:#ffffff;
    }

    /*党团详情*/
    .dc_map{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding: 1.5rem 0;
    }
    .dc_map_left{
        width: 100%;
        font-size: 1rem;
        color: #3f3b3a;
        line-height: 150%;
    }
    .dc_map_left a{
        color: #3f3b3a;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_map_left a:hover{
        color: var(--OneColor);
    }
    .dc_map_left span{
        margin: 0 0.3rem;
    }
    .dc_map_right{
        width: 100%;
        font-size: 1.125rem;
        color: #3f3b3a;
        text-align: right;
        margin-top: 1rem;
        display: none;
    }
    .dc_map_right a{
        color: #3f3b3a;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: 1rem;
    }
    .dc_map_right a:hover{
        color: var(--OneColor);
    }
    .dc_sdt{
        width: 94%;
        height: auto;
        margin: 0 auto;
    }
    .dc_sdt_title{
        text-align: center;
        font-size: 1.375rem;
        font-family: opm;
        color: #000000;
        margin-top: 1rem;
    }
    .dc_sdt_des{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5rem;
    }
    .dc_sdt_des_date{
        width: 5rem;
        height: auto;
    }
    .dc_sdt_des_date_1{
        font-size: 1.125rem;
        color: #000000;
        font-family: opm;
    }
    .dc_sdt_des_date_2{
        font-size: 3rem;
        color: #000000;
        font-family: oph;
    }

    .dc_sdt_des_con{
        width: calc(100% - 6rem);
        height: auto;
        background: #e6e9f3;
        padding: 1.75rem 1.75rem;
        color: #656565;
        font-size: 1.125rem;
        line-height: 150%;
    }

    .dc_sdt_con{
        font-size: 1.125rem;
        color: #323232;
        line-height: 150%;
        padding: 1.5rem 0;
    }
    .dc_sdt_con img{
        width: auto;
        max-width: 100%;
    }

    /*关于我们*/
    .dc_menu{
        width: 94%;
        height: auto;
        margin: 0 auto;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: 1rem;
    }
    .dc_menu a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 33.33%;
        height: auto;
        position: relative;
        font-size: 1.125rem;
        color: #000000;
        padding: 0.75rem 0rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        text-align: center;
        margin-top: 1rem;
    }
    .dc_menu a:hover{
        color: #014099;
    }
    .dc_menu a.dc_menu_aon{
        color: #014099;
    }
    .dc_menu a:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        font-size: 0;
        background: #014099;
        left: 0;
        bottom: -2px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: scaleX(0);
    }
    .dc_menu a:hover:after{
        transform: scaleX(1);
    }
    .dc_menu a.dc_menu_aon:after{
        transform: scaleX(1);
    }

    .dc_ab_jj_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 3rem 0;
    }
    .dc_ab_jj{
        width: 100%;
        height: auto;
        padding: 2rem 0;
    }
    .dc_ab_jj_item{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .dc_ab_jj_item:nth-of-type(even){
        flex-direction: column;
    }
    .dc_ab_jj_item_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .dc_ab_jj_item_img img{
        width: 100%;
        height: auto;
    }

    .dc_ab_jj_item_con{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 1.125rem;
        color: #181818;
        line-height: 160%;
        padding-left: 0rem;
        margin-top: 1rem;
    }
    .dc_ab_jj_item:nth-of-type(even) .dc_ab_jj_item_con{
        padding-left: 0;
        padding-right: 0rem;
    }

    /*合作伙伴*/
    .dc_ab_hb{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 1.5rem;
    }
    .dc_ab_hb_item{
        width: 32%;
        aspect-ratio: 277/139;
        height: calc(94vw * 0.32 * 139 / 277);
        font-size: 0;
        margin-right: 2%;
        margin-top: 2%;
        overflow: hidden;
    }
    .dc_ab_hb_item a{
        display: block;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        overflow: hidden;
        text-align: center;
    }
    .dc_ab_hb_item:hover a{
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
    }
    .dc_ab_hb_item:nth-of-type(4n){
        margin-right: 2%;
    }
    .dc_ab_hb_item:nth-of-type(3n){
        margin-right: 0;
    }
    .dc_ab_hb_item img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_ab_hb_item:hover img{
        transform: perspective(100px) translateZ(3px);
    }

    /*荣誉资质*/
    .dc_ab_ry{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1.5rem;
    }
    .dc_ab_ry_item{
        width: 48.5%;
        height: auto;
        margin-right: 0%;
        margin-top: 3%;
    }
    .dc_ab_ry_item:nth-of-type(3n){
        margin-right: 0;
    }
    .dc_ab_ry_item_img{
        width: 100%;
        aspect-ratio: 371/262;
        font-size: 0;
        overflow: hidden;
    }
    .dc_ab_ry_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_ab_ry_item:hover .dc_ab_ry_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_ab_ry_item_title{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1.125rem;
        color: #000000;
        margin-top: 0.6rem;
        line-height: 150%;
    }


    /*企业文化*/
    .dc_ab_wh_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .dc_ab_wh_jj{
        width: 100%;
        aspect-ratio: 1200/342;
        background-image: url("../images/wh_img.jpg");
        background-size: cover;
        background-position: center;
        margin-top: 2rem;
        padding: 3rem;
    }
    .dc_ab_wh_jj_title{
        color: #FFFFFF;
        font-size: 2rem;
        font-family: opb;
        text-align: right;
    }
    .dc_ab_wh_jj_ltitle{
        color: #FFFFFF;
        font-size: 1.375rem;
        font-family: opm;
        text-align: right;
        margin-top: 1rem;
    }
    .dc_ab_wh_jj_des{
        color: #FFFFFF;
        font-size: 1.125rem;
        text-align: right;
        margin-top: 0.5rem;
    }

    .dc_ab_wh{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 0rem;
    }
    .dc_ab_wh_item{
        width: 100%;
        height: auto;
        position: relative;
        background: #FFFFFF;
        padding: 2rem 0;
        -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);
        box-shadow: 0px 0px 15px 0 rgba(0,0,0,0.02);
        overflow: hidden;
        cursor: pointer;
        margin-top: 1.5rem;
    }
    .dc_ab_wh_item_ico{
        width: 7rem;
        height: 7rem;
        margin: 0 auto;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        border: 2px solid #959595;
    }
    .dc_ab_wh_item_ico svg{
        width: 45%;
        height: 45%;
        margin: 0 auto;
        fill:#959595;
    }
    .dc_ab_wh_item_title{
        text-align: center;
        font-size: 1.25rem;
        font-family: opm;
        color: #3a3a3a;
        margin-top: 1.5rem;
    }
    .dc_ab_wh_item_ltitle{
        text-align: center;
        font-size: 1rem;
        color: rgba(0,0,0,0.7);
        margin-top: 0.5rem;
    }

    .dc_ab_wh_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        background: #014099;
        z-index: 5;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: translateY(100%);
    }
    .dc_ab_wh_item:hover .dc_ab_wh_item_back{
        transform: translateY(0%);
    }
    .dc_ab_wh_item_back_title{
        text-align: center;
        font-size: 1.25rem;
        font-family: opm;
        color: #FFFFFF;
    }
    .dc_ab_wh_item_back_ltitle{
        text-align: center;
        font-size: 1rem;
        color: rgba(255,255,255,0.7);
    }
    .dc_ab_wh_item_back_des{
        text-align: center;
        margin-top: 2.5rem;
        font-size: 1.125rem;
        color: rgba(255,255,255,1);
        line-height: 180%;
    }

    /*组织架构*/
    .dc_ab_jg_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .dc_ab_jg{
        width: 100%;
        height: auto;
        margin-top: 3rem;
        text-align: center;
    }
    .dc_ab_jg img{
        width: auto;
        height: auto;
        max-width: 100%;
        margin: 0 auto;
    }

    /*团队*/
    .dc_td_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .dc_td{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1.5rem;
    }
    .dc_td_item{
        width: 100%;
        height: auto;
        border: 1px solid rgba(0,0,0,0.1);
        margin-top: 3%;
    }
    .dc_td_item a{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        height: auto;
    }
    .dc_td_item_img{
        width: 40%;
        aspect-ratio: 190/251;
        height: calc(94vw * 0.4 * 251 / 190);
        font-size: 0;
        overflow: hidden;
    }
    .dc_td_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_td_item:hover .dc_td_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_td_item_con{
        width: 60%;
        height: auto;
        position: relative;
        padding: 1.5rem;
    }
    .dc_td_item_con_title{
        font-size: 1.5rem;
        color: #000000;
        font-family: opm;
    }
    .dc_td_item_con_des{
        font-size: 1.125rem;
        color: #656565;
        line-height: 170%;
        margin-top: 1rem;
    }


    .dc_td_item_btn{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2.6rem;
        width: 8.5rem;
        height: 2.6rem;
        position: absolute;
        left: 1.5rem;
        bottom: 1.5rem;
        border: 1px solid #014099;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_td_item_btn:hover{
        background: var(--OneColor);
        border: 1px solid var(--OneColor);
    }
    .dc_td_item_btn_text{
        font-size: 1.125rem;
        color: #014099;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_td_item_btn:hover .dc_td_item_btn_text{
        color: #FFFFFF;
    }
    .dc_td_item_btn_ico{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #014099;
        border-radius: 50%;
        font-size: 0;
        margin-left: 0.6rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_td_item_btn:hover .dc_td_item_btn_ico{
        border: 1px solid #FFFFFF;
    }
    .dc_td_item_btn_ico svg{
        width: 60%;
        height: 60%;
        fill:#014099;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_td_item_btn:hover .dc_td_item_btn_ico svg{
        fill: #FFFFFF;
    }


    /*团队详情*/
    .dc_std{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-top: 2rem;
    }
    .dc_std_left{
        width: 50%;
        height: auto;
        margin: 0 auto;
    }
    .dc_std_img{
        width: 100%;
        height: auto;
        font-size: 0;
    }
    .dc_std_img img{
        width: 100%;
        height: auto;
    }
    .dc_std_left_title{
        width: 100%;
        height: auto;
        background: #014099;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 1.125rem 0;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: opm;
    }
    .dc_std_right{
        width: 100%;
        height: auto;
    }

    .dc_std_right_title{
        font-size: 2.5rem;
        font-family: opm;
        display: none;
    }
    .dc_std_right_des{
        font-size: 1.125rem;
        color: #181818;
        margin-top: 1rem;
        margin-top: 1.5rem;
        text-align: center;
    }

    .dc_std_right_ltitle{
        font-size: 1.25rem;
        font-family: opm;
        margin-top: 4rem;
    }
    .dc_std_right_ldes{
        font-size: 1.125rem;
        color: #181818;
        margin-top: 1rem;
        line-height: 170%;
    }

    .dc_std_page{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    .dc_std_page_menu{
        font-size: 1.125rem;
        text-transform: uppercase;
        color: #181818;
        font-family: opm;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_std_page_menu:hover{
        color: #014099;
    }

    .dc_std_page_list{
        width: 2rem;
        height: 2rem;
        font-size: 0;
    }
    .dc_std_page_list svg{
        width: 100%;
        height: 100%;
        fill:#bfc2cc;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_std_page_list:hover svg{
        fill:#014099;
    }


    /*行业应用*/
    .dc_yy_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .dc_yy{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .dc_yy_item{
        width: 48.5%;
        height: auto;
        margin-top: 2rem;
    }
    .dc_yy_item_img{
        width: 100%;
        aspect-ratio: 578/361;
        height: calc(94vw * 0.485 * 361 / 578);
        font-size: 0;
        overflow: hidden;
    }
    .dc_yy_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_yy_item:hover .dc_yy_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_yy_item_title{
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_yy_item:hover .dc_yy_item_title{
        color: var(--OneColor);
    }
    .dc_yy_item_des{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.7);
        margin-top: 0.5rem;
        line-height: 160%;
         display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    }

    /*应用详情*/
    .dc_syy{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 2rem;
        margin-bottom: 0rem;
    }
    .dc_syy_img{
        width:  100%;
        aspect-ratio: 600/374;
        height: calc(94vw * 374 / 600);
        font-size: 0;
    }
    .dc_syy_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .dc_syy_con{
        position: relative;
        width: 100%;
        height: auto;
        background: #014099;
        padding: 2rem 2rem;
        right: 0;
        bottom: 0rem;
    }
    .dc_syy_con_title{
        font-size: 1.5rem;
        color: #FFFFFF;
        font-family: opm;
    }
    .dc_syy_con_des{
        font-size: 1.125rem;
        color: rgba(255,255,255,0.7);
        line-height: 170%;
        margin-top: 1rem;
    }

    .dc_syy_xg_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        margin-top: 0rem;
    }
    .dc_syy_xg_title{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
        margin-top: 1rem;
    }
    .dc_syy_xg{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-bottom: 2rem;
    }


    .dc_syy_xg_item{
        width: 48.5%;
        height: auto;
        margin-top: 2rem;
        margin-right: 0%;
    }
    .dc_syy_xg_item:nth-of-type(3n){
        margin-right: 0;
    }
    .dc_syy_xg_item_img{
        width: 100%;
        aspect-ratio: 578/361;
        height: calc(94vw * 0.485 * 361 / 578);
        font-size: 0;
        overflow: hidden;
    }
    .dc_syy_xg_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_syy_xg_item:hover .dc_syy_xg_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_syy_xg_item_title{
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_syy_xg_item:hover .dc_syy_xg_item_title{
        color: var(--OneColor);
    }
    .dc_syy_xg_item_des{
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.7);
        margin-top: 0.5rem;
        line-height: 160%;
         display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    }


    /*业务范围*/
    .dc_yw_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .dc_yw{
        width: 100%;
        height: auto;
    }
    .dc_yw_item{
        width: 100%;
        height: auto;
        margin-top: 2rem;
    }
    .dc_yw_item a{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .dc_yw_item:nth-of-type(even) a{
        flex-direction: column;
    }
    .dc_yw_item_img{
        width: 100%;
        aspect-ratio: 747/356;
        height: calc(94vw * 356 / 747);
        font-size: 0;
        overflow: hidden;
    }
    .dc_yw_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_yw_item:hover .dc_yw_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_yw_item_con{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 2rem;
    }
    .dc_yw_item_con_ico{
        width: 4rem;
        height: 4rem;
        border: 2px solid #014099;
        font-size: 0;
        border-radius: 50%;
        overflow: hidden;
        margin: 0 auto;
    }
    .dc_yw_item_con_ico img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .dc_yw_item_con_title{
        text-align: center;
        font-size: 1.25rem;
        font-family: opm;
        color: #000000;
        margin-top: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_yw_item:hover .dc_yw_item_con_title{
        color: #014099;
    }
    .dc_yw_item_con_des{
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.7);
        line-height: 160%;
        margin: 0 auto;
        margin-top: 0.5rem;
         display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    }


    /*业务详情*/
    .dc_syw_jj_box{
        width: 100%;
        height: auto;
        padding: 2rem 0;
    }

    .dc_syw_jjl{
        width: 100%;
        height: auto;
        padding: 2rem 0;
        position: relative;
        margin-top: 2rem;
    }
    .dc_syw_jjl:after{
        position: absolute;
        content: '';
        z-index: -1;
        width: 100%;
        height: 100%;
        background: #FFFFFF;
        left: 0;
        top: 0;
    }
    .dc_syw_jjl:before{
        position: absolute;
        content: '';
        z-index: -1;
        width: 57%;
        height: 100%;
        background: linear-gradient(to right,rgba(255,255,255,0.8),rgba(255,255,255,0.5));
        right:  0;
        top: 0;
        display: none;
    }
    .dc_syw_jj{
        width: 94%;
        height: auto;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .dc_syw_jj_img{
        width: 100%;
        height: auto;
        font-size: 0;
        padding-left: 0rem;
        position: relative;
        padding-top: 0rem;
    }
    .dc_syw_jj_img img{
        width: 100%;
        height: auto;
        position: relative;
    }
    .dc_syw_jj_img:after{
        position: absolute;
        content: '';
        width: calc(100% - 3rem);
        height: calc(100% - 2rem);
        border: 3px solid #ffffff;
        left: 0rem;
        top: 0rem;
        z-index: -1;
        display: none;
    }

    .dc_syw_jj_con{
        width: 100%;
        height: auto;
        padding: 0 2rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .dc_syw_jj_con_title{
        font-size: 2.25rem;
        font-family: opm;
        color: #014099;
        height: 4rem;
        position: relative;
    }
    .dc_syw_jj_con_title:after{
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        font-size: 0;
        background: rgba(0,0,0,0.1);
        left: 0;
        bottom: 0;
    }
    .dc_syw_jj_con_con{
        width: 100%;
        height: auto;
        overflow: auto;
        padding-top: 1rem;
    }
    .dc_syw_jj_con_con p{
        width: auto;
        height: auto;
        margin: 1rem 0;
        font-size: 1.125rem;
        color: #014099;
        background-image: url("../images/sanjiao.svg");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 1rem;
        padding-left: 2rem;
    }

    .dc_syw_ys{
        width: 100%;
        height: auto;
      /*  background-image: url("../images/syw_img2.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 2rem 0 2rem 0;
    }
    .dc_syw_ys_title{
        font-size: 2rem;
        font-family: opm;
        color: #FFFFFF;
        text-align: center;
    }
    .dc_syw_ys_line{
        width: 2.5rem;
        height: 2px;
        font-size: 0;
        background: #FFFFFF;
        margin: 0 auto;
        margin-top: 0.5rem;
    }
    .dc_syw_ys_des{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 0 1rem;
        font-size: 1.125rem;
        color: #FFFFFF;
        text-align: center;
        line-height: 160%;
        margin-top: 2rem;
    }

    .dc_syw_case_box{
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 2rem 0;
    }
    .dc_syw_case{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 1.5rem;
    }
    .dc_syw_case_item{
        width: 48.5%;
        height: auto;
        margin-right: 0%;
        margin-top: 3%;
        background: #FFFFFF;
    }
    .dc_syw_case_item:nth-of-type(3n){
        margin-right: 0;
    }
    .dc_syw_case_item_img{
        width: 100%;
        aspect-ratio: 392/280;
        height: calc(94vw * 0.485 * 280 / 392);
        font-size: 0;
        overflow: hidden;
    }
    .dc_syw_case_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_syw_case_item:hover .dc_syw_case_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_syw_case_item_title{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        background: #FFFFFF;
        padding: 1rem 1rem;
        font-size: 1.125rem;
        color: #000000;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_syw_case_item:hover .dc_syw_case_item_title{
        background: #014099;
        color: #FFFFFF;
    }


    /*首页*/
    .dc_banner{
        width: 100%;
        height: 100vh;
    }
    .dc_banner_sw{
        width: 100%;
        height: 100%;
    }
    .dc_banner_sw .swiper-slide{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .dc_banner_img{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
    }
    .dc_banner_img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .dc_banner_con{
        width: 94%;
        height: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 5;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .jh_banner_con_title{
        text-align: center;
        font-size: 2rem;
        color: #FFFFFF;
        font-family: opb;
    }
    .jh_banner_con_ltitle{
        text-align: center;
        font-size: 1.375rem;
        color: #FFFFFF;
        line-height: 160%;
        padding: 0 2rem;
        margin-top: 1.5rem;
    }

    .jh_banner_con_link{
        text-align: center;
        margin-top: 2rem;
    }
    .jh_banner_con_link a{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2.8rem;
        width: 9.5rem;
        height: 2.8rem;
        margin: 0 auto;
        background: var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_con_link a:hover{
        background: var(--OneColor);
        width: 10rem;
    }
    .jh_banner_con_link_text{
        font-size: 1.125rem;
        color: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_con_link a:hover .jh_banner_con_link_text{
        color: #FFFFFF;
    }
    .jh_banner_con_link_ico{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        font-size: 0;
        margin-left: 0.6rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .jh_banner_con_link a:hover .jh_banner_con_link_ico{
        margin-left: 1rem;
    }
    .jh_banner_con_link_ico svg{
        width: 60%;
        height: 60%;
        fill:#FFFFFF;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .dc_banner_pagination{
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        top: auto;
        z-index: 10;
        padding-bottom: 1rem;
    }

    .dc_banner_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:0.7rem; 
        height:0.7rem;  
        background: #ccc;
        border-radius: 50%;
        margin: 0 0.3rem;
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_banner_pagination .swiper-pagination-bullet-active{ 
        background: var(--OneColor);
    }


    .dc_id_title{
        width: 100%;
        height: auto;
    }
    .dc_id_title_text{
        font-size: 2rem;
        font-family: opm;
        color: #000000;
        text-align: center;
    }
    .dc_id_title_line{
        font-size: 0;
        width: 3rem;
        height: 2px;
        background: var(--OneColor);
        margin: 0 auto;
        margin-top: 1rem;
    }


    .dc_id_yw_box{
        width: 100%;
        height: auto;
        /*background-image: url("../images/id_yw_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0;
    }
    .dc_id_yw{
        width: 94%;
        margin: 0 auto;
        aspect-ratio: 1/1;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-top: 2rem;
    }
    .dc_id_yw_item{
        position: relative;
        width: 100%;
        height: calc(94vw *  2.5 / 4);
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        margin-top: 2%;
    }
    .dc_id_yw_item:nth-of-type(1){
        width: 100%;
    }
    .dc_id_yw_item_on{
        width: 100%;
    }
    .dc_id_yw_item_img{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        font-size: 0;
    }
    .dc_id_yw_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .dc_id_yw_item_con{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(3,38,99,0.7);
        z-index: 10;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding:0 3rem;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        opacity: 1;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_yw_item_on .dc_id_yw_item_con{
        opacity: 1;
    }
    .dc_id_yw_item_con_title{
        font-size: 1.5rem;
        font-family: opm;
        color: #FFFFFF;
    }
    .dc_id_yw_item_con_tag{
        margin-top: 1rem;

    }
    .dc_id_yw_item_con_tag span{
        display: block;
        width: auto;
        height: auto;
        font-size: 1.125rem;
        color: #FFFFFF;
        margin-top: 0.5rem;
        position: relative;
        padding-left: 1rem;
    }
    .dc_id_yw_item_con_tag span:after{
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        background: #FFFFFF;
        border-radius: 50%;
        font-size: 0;
        left: 0;
        top: calc(50% - 2px);
    }



    .dc_id_yw_item_con_btn{
        margin-top: 2rem;
    }
    .dc_id_yw_item_con_btn a{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2.5rem;
        width: 8rem;
        height: 2.5rem;
        background: var(--OneColor);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_yw_item_con_btn a:hover{
        background: var(--OneColor);
        transform: translateY(-3px);
    }
    .dc_id_yw_item_con_btn_text{
        font-size: 1rem;
        color: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_yw_item_con_btn a:hover .dc_id_yw_item_con_btn_text{
        color: #FFFFFF;
    }
    .dc_id_yw_item_con_btn_ico{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.2rem;
        height: 1.2rem;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        font-size: 0;
        margin-left: 0.5rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_yw_item_con_btn a:hover .dc_id_yw_item_con_btn_ico{
        transform: translateX(0.2rem);
    }
    .dc_id_yw_item_con_btn_ico svg{
        width: 60%;
        height: 60%;
        fill:#FFFFFF;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .dc_id_yw_item_back{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        z-index: 5;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        writing-mode: horizontal-tb;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-family: opm;
        color: #FFFFFF;
        font-size: 1.375rem;
        letter-spacing: 0.4rem;
        display: none;
    }
    .dc_id_yw_item_on .dc_id_yw_item_back{
        background: rgba(0,0,0,0.1);
        font-size: 0;
    }


    .dc_id_yy_box{
        width: 100%;
        height: auto;
        background-image: url("../images/id_yy_back.jpg");
        background-size: cover;
        background-position: center;
        padding: 3rem 0;
    }
    .dc_id_yy_box .dc_id_title_text{
        color: #FFFFFF;
    }
    .dc_id_yy{
        width: 94%;
        margin: 0 auto;
        height: auto;
        margin-top: 2rem;
        display: grid;
        grid-template-columns: 49% 49%;
        grid-template-rows: calc(94vw * 0.49 * 159 / 276 * 2) calc(94vw * 0.49 * 159 / 276) calc(94vw * 0.49 * 159 / 276) calc(94vw * 0.49 * 159 / 276) calc(94vw * 0.49 * 159 / 276);
        grid-gap: calc(94vw * 0.02) calc(94vw * 0.02);
    }


    .dc_id_yy_item{
        position: relative;
        overflow: hidden;
    }
    .dc_id_yy_item:nth-of-type(1){
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .dc_id_yy_item_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
        left: 0;
        top: 0;
    }
    .dc_id_yy_item_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_id_yy_item:hover .dc_id_yy_item_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_id_yy_item_title{
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 5;
        left: 0;
        bottom: 0.8rem;
        font-size: 1.125rem;
        font-family: opm;
        color: #FFFFFF;
        text-align: center;
    }


    .dc_id_yy_link{
        text-align: center;
        margin-top: 2rem;
    }
    .dc_id_yy_link a{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2.8rem;
        width: 9.5rem;
        height: 2.8rem;
        margin: 0 auto;
        border: 1px solid #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_yy_link a:hover{
        border: 1px solid var(--OneColor);
        background: var(--OneColor);
        width: 10rem;
    }
    .dc_id_yy_link_text{
        font-size: 1.125rem;
        color: #FFFFFF;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_yy_link a:hover .dc_id_yy_link_text{
        color: #FFFFFF;
    }
    .dc_id_yy_link_ico{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #FFFFFF;
        border-radius: 50%;
        font-size: 0;
        margin-left: 0.6rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_yy_link a:hover .dc_id_yy_link_ico{
        margin-left: 1rem;
    }
    .dc_id_yy_link_ico svg{
        width: 60%;
        height: 60%;
        fill:#FFFFFF;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }


    .dc_id_case_box{
        width: 100%;
        height: auto;
        /*background-image: url("../images/id_case_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0;
    }

    .dc_id_case{
        width: 94%;
        margin: 0 auto;
        height: auto;
        margin-top: 2rem;
    }
    .dc_id_case_sw{
        width: 100%;
        height: auto;
    }
    .dc_id_case_sw .swiper-slide{
        width: 100%;
        height: auto;
    }
    .dc_id_case_img{
        width: 100%;
        aspect-ratio: 434/270;
        height: calc(94vw * 270 / 434);
        font-size: 0;
        overflow: hidden;
    }
    .dc_id_case_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_id_case_sw .swiper-slide:hover .dc_id_case_img img{
        transform: perspective(100px) translateZ(3px);
    }
    .dc_id_case_con_box{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: -4rem;
        position: relative;
        z-index: 10;
    }
    .dc_id_case_con{
        width: 90%;
        height: 10.5rem;
        background: #24356d;
        padding: 1.5rem 2rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_case_sw .swiper-slide:hover .dc_id_case_con{
        background: var(--OneColor);
    }
    .dc_id_case_con_title{
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: opm;
    }
    .dc_id_case_con_des{
        font-size: 1rem;
        color: rgba(255,255,255,0.5);
        line-height: 160%;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 0.65rem;
    }

    .dc_id_case_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
        position: relative;
    }
    .dc_id_case_btn{
        width: 3rem;
        height: 3rem;
        border: 2px solid #014099;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        position: relative;
        z-index: 5;
    }
    .dc_id_case_btn:hover{
        background: #014099;
    }
    .dc_id_case_btn svg{
        width: 60%;
        height: 60%;
        margin: 0 auto;
        fill:#014099;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_case_btn:hover svg{
        fill:#ffffff;
    }
    .dc_id_case_pagination{
        position: relative;
        width: auto;
        height: auto;
        text-align: center;
        z-index: 10;
        padding: 0 1.5rem;

    }
    .dc_id_case .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: calc(50% - 0.3rem);
    }

    .dc_id_case_pagination .swiper-pagination-bullet { 
        display: inline-block; 
        width:0.5rem; 
        height:0.5rem;  
        background: #cccccc;
        border-radius: 0.5rem;
        margin: 0 0.4rem;
        font-size: 0;
        cursor: pointer;  
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_case_pagination .swiper-pagination-bullet-active{ 
        background: #014099;
        width: 2rem;
    }


    .dc_id_td_box{
        width: 100%;
        height: auto;
        /*background-image: url("../images/id_td_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0;
    }
    .dc_id_td_box .dc_id_title_text{
        color: #FFFFFF;
    }
    .dc_id_td{
        width: 94%;
        margin: 0 auto;
        height: auto;
        margin-top: 2rem;
        position: relative;
    }
    .dc_id_td_sw{
        width: calc(100% - 12rem);
        height: auto;
        margin: 0 auto;
    }
    .dc_id_td_sw .swiper-slide{
        width: 100%;
        height: auto;
    }
    .dc_id_td_sw .swiper-slide a{
        display: block;
        width: 100%;
        height: auto;
        transform-style:preserve-3d;
        perspective: 1000px;
    }
    .dc_id_td_con{
        width: 100%;
        height: auto;
        position: relative;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }

    .dc_id_td_sw .swiper-slide-active .dc_id_td_con{
        transform: scale(1);
    }
    .dc_id_td_sw .swiper-slide-prev .dc_id_td_con{
        transform-origin: 0% 50%;
        transform: rotateY(0deg) translateX(0rem);
    }
    .dc_id_td_sw .swiper-slide-next .dc_id_td_con{
        transform-origin: 100% 50%;
        transform: rotateY(0deg) translateX(0rem);
    }
    .dc_id_td_con_img{
        width: 100%;
        aspect-ratio: 190/251;
        font-size: 0;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }
    .dc_id_td_con_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }

    .dc_id_td_con_title{
        position: absolute;
        width: 100%;
        height: 4rem;
        background: rgba(0,0,0,0.5);
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        font-size: 1.25rem;
        color: #FFFFFF;
        font-family: opm;
        z-index: 5;
        left: 0;
        bottom: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_td_sw .swiper-slide-active .dc_id_td_con_title{
        background: rgba(1,64,153,0.88);
    }

    .dc_id_td_back{
        width: 100%;
        height: 3rem;
        font-size: 0;
        text-align: center;
        margin-top: 0rem;
    }
    .dc_id_td_back img{
        width: auto;
        height: 100%;
    }

    .dc_id_td_box .dc_id_yy_link{
        margin-top: 1rem;
    }

    .dc_id_td_btn{
        position: absolute;
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 50%;
        top: calc(50% - 1.75rem);
        background: #014099;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_td_btn:hover{
        background: var(--OneColor);
    }
    .dc_id_td_btn svg{
        width: 50%;
        height: 50%;
        fill:#ffffff;
        margin: 0 auto;
    }
    .dc_id_td_btn_left{
        left: 0.7rem;
    }
    .dc_id_td_btn_right{
        right: 0.7rem;
    }


    .dc_id_new_box{
        width: 100%;
        height: auto;
        /*background-image: url("../images/id_new_back.jpg");
        background-size: cover;
        background-position: center;*/
        padding: 3rem 0;
    }

    .dc_id_new_menu{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }
    .dc_id_new_menu span{
        font-size: 1.125rem;
        color: rgba(0,0,0,0.5);
        font-family: opm;
        margin: 0 1rem;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_menu span.dc_id_new_menu_son{
        color: #000000;
    }

    .dc_id_new{
        width: 94%;
        margin: 0 auto;
        height: auto;
        margin-top: 2rem;
        position: relative;
    }
    .dc_id_new_sw{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .dc_id_new_sw .swiper-slide{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .dc_id_new_left{
        width: 100%;
        aspect-ratio: 660/410;
        height: calc(94vw * 410 / 660);
        position: relative;
    }
    .dc_id_new_left a{
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }
    .dc_id_new_left_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
        overflow: hidden;
    }
    .dc_id_new_left_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        transform: perspective(100px) translateZ(0px);
    }
    .dc_id_new_left a:hover .dc_id_new_left_img img{
        transform: perspective(100px) translateZ(3px);
    }

    .dc_id_new_left_con{
        position: absolute;
        z-index: 5;
        background: rgba(0,0,0,0.7);
        width: 100%;
        height: auto;
        padding: 1rem 1rem;
        left: 0;
        bottom: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }


    .dc_id_new_left_con_date{
        width: 5rem;
        height: auto;
    }
    .dc_id_new_left_con_date_2{
        font-size: 2rem;
        color: rgba(255,255,255,1);
        font-family: opm;
        text-align: center;
    }
    .dc_id_new_left_con_date_1{
        font-size: 1rem;
        color: rgba(255,255,255,0.5);
        text-align: center;
    }
    .dc_id_new_left_con_right{
        width: calc(100% - 5rem);
        height: auto;
        position: relative;
        padding-left: 1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .dc_id_new_left_con_right_title{
        color: #FFFFFF;
        font-size: 1.125rem;
        font-family: opm;
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        line-height: 200%;
        padding-bottom: 0.3rem;
    }

    .dc_id_new_left_con_right_des{
        font-size: 1rem;
        font-family: opm;
        color: rgba(255,255,255,0.5);
         display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin-top: 0.7rem;
    }

    .dc_id_new_right{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .dc_id_new_item{
        width: 100%;
        height: auto;
        padding: 0.6rem 0;
    }
    .dc_id_new_item a{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
        height: auto;
    }
    .dc_id_new_item_title{
        width: calc(100% - 7rem);
        height: auto;
        position: relative;
        font-size: 1.125rem;
        color: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-left: 0.5rem;
         display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    }
    .dc_id_new_item_title:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        left: 0;
        top: calc(50% - 2px);
        background: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_item a:hover .dc_id_new_item_title{
        color: rgba(0,0,0,1);
    }
    .dc_id_new_item a:hover .dc_id_new_item_title:after{
        background: rgba(0,0,0,1);
    }
    .dc_id_new_item_date{
        width: 7rem;
        height: auto;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        font-family: opm;
        text-align: right;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_item a:hover .dc_id_new_item_date{
        color: rgba(0,0,0,1);
    }

    .dc_id_new_item2{
        width: 100%;
        height: auto;
        padding-bottom: 0.6rem;
        margin-top: 2rem;
    }
    .dc_id_new_item2_top{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    .dc_id_new_item2_title{
        width: calc(100% - 5rem);
        height: auto;
        font-size: 1.125rem;
        font-family: opm;
        color: rgba(0,0,0,0.5);
        position: relative;
        line-height: 140%;
        padding-left: 0.3rem;
        line-height: normal;
        padding-right: 1rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
        padding-bottom: 0.7rem;
    }
    .dc_id_new_item2:hover .dc_id_new_item2_title{
        color: rgba(0,0,0,1);
    }
    .dc_id_new_item2_title:after{
        position: absolute;
        content: '';
        font-size: 0;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        left: 0;
        top: 0.6rem;
        background: rgba(0,0,0,0.5);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_item2_title:before{
        position: absolute;
        content: '';
        font-size: 0;
        width: calc(100% - 1rem);
        height: 1px;
        left: 0;
        bottom: 0rem;
        background: rgba(0,0,0,0.1);
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_item2_data{
        width: 5rem;
        height: auto;
    }
    .dc_id_new_item2_data_2{
        font-size: 2rem;
        color: rgba(0,0,0,1);
        font-family: opm;
        text-align: center;
        line-height: 100%;
    }
    .dc_id_new_item2_data_1{
        font-size: 0.875rem;
        color: rgba(0,0,0,1);
        font-family: opm;
        text-align: center;
        margin-top: 0.3rem;
    }

    .dc_id_new_item2_bottom{
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .dc_id_new_item2_des{
        width: calc(100% - 5rem);
        height: auto;
        font-size: 1rem;
        color: rgba(0,0,0,0.5);
        position: relative;
        padding-left: 0.3rem;
        line-height: 160%;
        margin-top: 0.5rem;
        padding-right: 1rem;
         display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    }

    .dc_id_new_item2_ico{
        width: 5rem;
        height: auto;
        font-size: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .dc_id_new_item2_ico svg{
        width: 2rem;
        height: 2rem;
        fill:rgba(0,0,0,0.4);
        margin: 0 auto;
    }


    .dc_id_new_link{
        text-align: center;
        margin-top: 1.5rem;
    }
    .dc_id_new_link a{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 2.8rem;
        width: 9.5rem;
        height: 2.8rem;
        margin: 0 auto;
        border: 1px solid #014099;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_link a:hover{
        border: 1px solid var(--OneColor);
        background: var(--OneColor);
        width: 10rem;
    }
    .dc_id_new_link_text{
        font-size: 1.125rem;
        color: #014099;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_link a:hover .dc_id_new_link_text{
        color: #FFFFFF;
    }
    .dc_id_new_link_ico{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        border: 1px solid #014099;
        border-radius: 50%;
        font-size: 0;
        margin-left: 0.6rem;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_link a:hover .dc_id_new_link_ico{
        margin-left: 1rem;
        border: 1px solid #FFFFFF;
    }
    .dc_id_new_link_ico svg{
        width: 60%;
        height: 60%;
        fill:#014099;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_id_new_link a:hover .dc_id_new_link_ico svg{
        fill: #FFFFFF;
    }

    .dc_id_lx{
        width: 100%;
        aspect-ratio: 1920/900;
        height: calc(100vw * 900 / 1920);
        height: auto;
       /* background-image: url("../images/id_ly_back.jpg");
        background-size: cover;
        background-position: center;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .dc_id_lx_title{
        text-align: center;
        font-size: 1.5rem;
        font-family: opm;
        color: #FFFFFF;
    }

    .dc_id_lx_con{
        width: 90%;
        height: 3.5rem;
        border-radius: 5px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 1.5rem;
    }
    .dc_id_lx_con form{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .dc_id_lx_con_input{
        width: calc(100% - 8rem);
        height: 100%;
        background: #FFFFFF;
    }
    .dc_id_lx_con_input input{
        width: 100%;
        height: 100%;
        padding: 0 1rem;
        background: none;
        border: none;
    }
    .dc_id_lx_con_btn{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 8rem;
        height: 100%;
        background: #014099;
        font-size: 1.125rem;
        color: #FFFFFF;
        text-align: center;
    }


    /*资料下载*/
    .dc_down_box{
        width: 94%;
        margin: 0 auto;
        height: auto;
        padding: 3rem 0%;
    }
    .dc_down_sw_box{
        width: 100%;
        aspect-ratio: 1400/740;
        calc(94vw * 740 / 1400);
        position: relative;
        margin-top: 2rem;
    }
    .dc_down_sw{
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 0;
    }
    .dc_down_sw .swiper-slide{
        width: 100%;
        height: 100%;
    }
    .dc_down_img{
        position: absolute;
        width: 100%;
        height: 100%;
        font-size: 0;
    }
    .dc_down_img img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .dc_down_con{
        position: absolute;
        width: 100%;
        height: auto;
        background: rgba(0,0,0,0.3);
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0.86rem 1.5rem;
        font-size: 1.125rem;
        color: #FFFFFF;
        z-index: 5;
        left: 0;
        bottom: 0;
    }
    .dc_down_sw_btn{
        position: absolute;
        width: 2rem;
        height: 4rem;
        background: rgba(128,128,128,0.6);
        z-index: 5;
        top: calc(50% - 2rem);
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_down_sw_btn:hover{
        background: #014099;
    }
    .dc_down_sw_btn svg{
        fill:#ffffff;
        width: 1.5rem;
        height: auto;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_down_sw_btn_left{
        left: 0;
    }
    .dc_down_sw_btn_right{
        right: 0;
    }

    .dc_down_msw_box{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 2rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .dc_down_msw_btn{
        width: 2rem;
        height: auto;
        z-index: 5;
        cursor: pointer;
        font-size: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_down_msw_btn svg{
        fill:#000000;
        width: 100%;
        height: auto;
        margin: 0 auto;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_down_msw_btn:hover svg{
        fill: #014099;
    }

    .dc_down_msw{
        width: calc(100% - 6rem);
        height: 100%;
        position: relative;
        z-index: 0;
    }

    .dc_down_mimg{
        width: 100%;
        aspect-ratio: 1400/740;
        font-size: 0;
        cursor: pointer;
        position: relative;
    }
    .dc_down_mimg img{
        width:100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: relative;
        z-index: 0;
    }
    .dc_down_mimg>div{
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 5;
        left: 0;
        top: 0;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        transition: all 0.5s;
    }
    .dc_down_msw .swiper-slide-thumb-active .dc_down_mimg>div{
        background: rgba(0,0,0,0);
    }


    /*联系我们*/

    .dc_lczb{
        width: 94%;
        flex-direction: column;
        margin-top: 3rem;
    }
    .dc_lczb_left{
        width:100%;
        aspect-ratio: 600/350;
        position: relative;
        z-index: 1;
    }
    .dc_lczb_right{
        width:100%;
        height: auto;
        display: flex; 
        flex-direction:column;
        justify-content:center;
        padding: 1.5rem;
        padding-top: 2rem;
        
        
    }
    .dc_lczb_right_title{
        font-size: 1.75rem;
        color: #000000;
        font-weight: bold;
    }
    .dc_lczb_right_con{
        margin-top: 1rem;
    }
    .dc_lczb_item{
        font-size:1.125rem;
        padding-bottom: 1rem;
        color: #000000;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .dc_lczb_item svg{
        fill: var(--OneColor);
        width: auto;
        height: 1.5rem;
        margin-right: 0.5rem;
    }

    .dc_lcfb{
        width: 94%;
        padding-bottom: 3rem;
    }

    .dc_lcfb_item{
        width: 100%;
        height: auto;
        background: #FFFFFF;
        margin-top: 1rem;
        margin-right: 0%;
        padding: 1.5rem;
    }
    .dc_lcfb_item:nth-of-type(3n){
        margin-right: 0;
    }

    .dc_lcfb_item_title{
        font-size: 1.375rem;
        font-weight: bold;
    }

    .dc_lcfb_item_con{
        margin-top: 0.5rem;
        font-size: 1.125rem;
        line-height: 170%;
        font-weight: 400;
    }

    
    
}