@charset "UTF-8";
@media all and (max-width: 1024px) {

    .pace_text_box .pace_p, .pace_text_box .pace_f {
        display: none;
    }

    .banner_img_box .banner_pc {
        display: none;
    }

    .banner_img_box .banner_m {
        display: block;
    }

    .ind_pro_img {
        display: none;
    }

    .ind_pro_img_m {
        display: block;
    }

    .banner_img_box video {
        display: none;
    }

    .dyn_body .ind_src3 {
        padding-left: 0;
    }

    .dyn_body .ind_src3 > div {
        padding: 30px;
    }

    .dyn_body .bloc .wrapper, .dyn_body .bloc .wrapper .row {
        height: auto;
    }

    .dyn_body .bloc {
        overflow: initial;
    }

    .dyn_time_con_case > div {
        display: block;
        margin-bottom: .5rem;
    }

    .dyn_time_con_case > div .dyn_time_title_num {
        margin-left: 0;
        line-height: 2.5;
    }

    .dyn_time_con_box {
        width: 100%;
        float: none;
    }

    .dyn_time_con_case {
        top: 0;
        left: 0;
        transform: translateY(0);
        position: relative;
        padding-top: .5rem;
    }

    .dyn_time_title_box {
        display: none;
    }

    .ind_src3 .title_box {
        width: 100%;
        text-align: center;
        position: relative;
        border-bottom: none;
        padding-bottom: .15rem;
        left: 0;
        transform: translateX(0);
    }

    .ind_new_case {
        padding-right: 0;
        padding-bottom: .5rem;
    }

    .dyn_btn_Next, .dyn_btn_Prev {
        display: none;
    }

    .dyn_time_title_num .dyn_img_box .det_img {
        opacity: 0;
    }

    .dyn_time_title_num .dyn_img_box img {
        opacity: 1;
    }

    .dyn_time_year {
        font-weight: 700;
        font-size: .32rem;
    }

    .dyn_time_title_num .dyn_img_box {
        width: 60%;
    }

    .ins_box {
        padding: 30px 120px 30px 30px;
    }

    .fin_fixed_img {
        width: 120px;
    }

    .int_banner_m {
        display: block;
    }

    .int_banner_pc {
        display: none;
    }

    .dyn_time_con .dyn_time_title_num, .dyn_time_con_case > div {
        display: block;
    }

    .int_body .bloc {
        padding-top: 0;
    }

    .int_case {
        padding: 0 30px;
    }

    .marT_180 {
        margin-top: .9rem;
    }

    .int_video_box .int_btn_sty {
        left: 50%;
    }

    .int_src2_box .int_src2_bg {
        padding: 0;
    }

    .int_src2_box .int_src2_case .int_info {
        padding-bottom: 0;
    }

    .int_src3_case {
        margin-top: 6vh;
    }

    .int_banner_box {
        padding-top: 0;
        padding-left: 0;
    }

    .int_src5_bfb {
        padding-top: 6vh;
    }

    .int_src6_case {
        margin-top: 0;
    }

    .new_title_case {
        margin: 0 30px;
    }

    .new_det_con {
        padding: 0 30px;
    }

    .go_top .go_top_text {
        display: none;
    }

    .show_body .banner_img {
        background-size: 100% auto;
    }

    .banner_img_box .banner_img {
        transform: scale(1.2);
        overflow: hidden;
    }

    .ind_banner_box .active .banner_img_box .banner_img {
        transition: all 2s ease;
    }

    .sto_body .bloc .wrapper .row {
        padding: .9rem 0 0 0;
    }

    .sha_sto_con {
        width: 80%;
        left: 50%;
    }

    .sto_banner_box .swiper-container {
        margin-top: .5rem;
        padding: 0 30px;
    }

    .sto_banner_box .swiper-wrapper {
        display: block;
    }

    .sto_banner_box .swiper-wrapper .swiper-slide {
        margin-bottom: .5rem;
    }

    .sto_show_img_box {
        opacity: 1;
    }

    .sto_num, .sto_add {
        position: relative;
        transform: translateY(0);
        line-height: 2.5;
    }

    .lar_body .bloc .wrapper .row {
        padding-left: 0;
    }

    .lar_body .sto_title {
        left: 0;
    }

    .lar_banner_box {
        padding: 40vh 0;
    }

    .sto_body .bloc .wrapper .row {
        overflow: inherit;
        position: relative;
        height: auto;
        padding-top: .25rem;
    }

    .sto_body .bloc .wrapper, .sto_body .bloc .wrapper .row {
        height: auto;
        overflow: inherit;
    }

    .sto_body .bloc {
        overflow: inherit;
    }

    .sto_body .sto_show_img_box .btn_big {
        opacity: 1;
        pointer-events: auto;
    }

    .join_con_box .join_tab_box {
        padding: 8vh 0;
    }

    .pro_tab_box {
        padding: 0 30px;
    }

    .pro_list_box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pro_con {
        padding-left: 0;
    }

    .pro_list_box > a {
        width: 47%;
        margin-right: 6%;
        margin-left: 0;
    }

    .pro_list_box > a:nth-child(2n) {
        margin-right: 0;
    }

    .pro_list_box > a:nth-child(2n +1) {
        clear: both;
        float: left;
    }

    .pro_det {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pro_det_lb {
        width: 100%;
    }

    .pro_det_xq {
        width: 100%;
        margin-left: 0;
    }

    .abo_src1 {
        padding: .7rem 0 .6rem;
    }

    .abo_src2 .abo_title {
        margin: .5rem 0;
    }

    .abo_src3_data {
        padding-top: .2rem
    }

    .abo_src4 {
        padding-top: .6rem;
        padding-bottom: .7rem;
    }

    .abo_src3_text_box {
        margin-top: .5rem;
    }

    body {
        padding-top: 80px;
    }

    .btn_shop {
        display: none;
    }

    .header_m {
        display: block;
        height: 80px;
        padding: 0 30px;
        background-color: #000000;
        color: #fff;
        line-height: 80px;
        position: fixed;
        left: 0;
        width: 100%;
        top: 0;
        z-index: 11;
        transition: all .5s ease;
    }

    body.show_body {
        padding-top: 0;
    }

    .header_m.toul {
        background-color: transparent;
    }

    .header_m.toul::after {
        content: '';
        display: block;
        width: calc(100% - 30px);
        bottom: 0;
        left: 15px;
        height: 1px;
        position: absolute;
        background-color: rgba(255, 255, 255, .3);
    }

    .header_m a {
        color: #fff;
    }

    .header_m > div {
        position: relative;
    }

    .header_m .btn_show_m {
        float: left;
        font-size: .22rem;
        font-weight: 700;
    }

    .header_m .logo_box_m {
        position: absolute;
        left: 0;
        top: 0;
        font-size: .2rem;
        /*transform: translateX(-50%);*/
    }

    .btn_nav_m {
        height: 60px;
        width: 40px;
        float: right;
        margin-top: 10px;
        text-align: right;
        font-size: 0;
        line-height: 1;
        padding: 20px 0;
    }

    .btn_nav_m span {
        display: inline-block;
        height: 2px;
        background-color: #fff;
        margin: 5px 0;
        width: 15px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        transition: width .5s ease;
    }

    .btn_nav_m span:first-child {
        width: 30px;
    }

    .btn_nav_m.on span {
        width: 30px;
    }

    .btn_nav_m.on span:first-child {
        width: 15px;
    }

    .nav {
        height: calc(100vh - 80px);
        width: 100%;
        display: block;
        top: 80px;
        left: 100%;
        transition: all .5s ease;
        transform: translate(0, 0);
        padding-left: 30px;
    }

    .nav.on::after {
        left: calc(50% + 15px);
        width: calc((100% - 15px) / 2);
    }

    .nav.on_m {
        left: 0;
    }

    .nav_con {
        padding-top: 0 !important;
        width: 50%;
    }

    .childItem > ul {
        top: 0;
        transform: translateY(0);
        padding-top: 4.35185vh;
    }

    .logo_box {
        display: none;
    }

    .pro_tab_box {
        top: 80px;
    }

    .ind_src3 {
        padding-top: 80px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .ind_src3 > div {
        padding: 0;
        overflow: initial;
    }

    .ind_new_box .swiper-button-prev, .ind_new_box .swiper-button-next {
        display: block;
        background-image: none;
        font-size: .3rem;
        display: none;
    }

    .ind_body .ind_new_more {
        display: none;
    }

    .ind_new_case .swiper-slide > div {
        margin: 0 .2rem;
    }

    .ind_new_box .swiper-button-prev {
        left: -10px;
    }

    .ind_new_box .swiper-button-next {
        right: -10px;
    }

    .new_body .ind_src3 {
        padding-top: 0;
    }

    .new_body .ind_new_case .swiper-slide {
        height: auto;
        width: 100%;
    }

    .ind_banner_box .swiper-button-prev, .ind_banner_box .swiper-button-next {
        display: none;
    }

    .banner_img_box .banner_text_img_box {
        width: 100%;
        left: 50%;
        top: 45%;
    }

    .ind_bottom_box {
        display: none;
    }

    .ind_bottom_box_m {
        position: absolute;
        bottom: 5vh;
        width: 100%;
        font-size: .16rem;
        line-height: 1.5;
        color: #fff;
        font-family: 'Conv_Gotham-Black';
        text-align: center;
        z-index: 1;
    }

    .hint_icon_down {
        font-size: .2rem;
        position: relative;
    }

    .hint_icon_down i {
        position: relative;
    }

    .ind_bottom_box_m > div {
        position: relative;
        animation: gun0 1s ease infinite;
    }

    body.ind_body, body.his_body {
        padding-top: 0;
    }

    .ind_src2 .ind_show_box {
        width: 100%;
    }

    .ind_pro_img_box .ind_btn_more {
        display: none;
        opacity: 0;
        pointer-events: none;
    }

    .ind_src2 .ind_show_link_box {
        background-color: transparent;
        position: absolute;
        width: 49%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        pointer-events: none;
    }

    .logo_w img {
        display: none;
    }

    .logo_w .logo_img_m {
        display: block;
        width: 100%;
    }

    .ind_src2 .ind_show_link_box > div {
        top: 45%;
    }

    .ind_btn_more_m {
        display: block;
        cursor: pointer;
        background-color: #ffffff;
        font-size: .16rem;
        line-height: 56px;
        padding: 0 30px;
        color: #1f1f1f;
        overflow: hidden;
        position: absolute;
        width: calc(100% - 30px);
        left: 15px;
        bottom: 18vh;
        z-index: 1;
    }

    .ind_btn_more_m span {
        float: left;
    }

    .ind_btn_more_m i {
        float: right;
    }

    .ind_bottom_box_src2_m {
        display: block;
        cursor: pointer;
        font-size: .16rem;
        line-height: 56px;
        padding: 0 30px;
        color: #fff;
        overflow: hidden;
        position: absolute;
        /*border: 1px solid rgba(255,255,255,.2);*/
        background-color: rgba(0, 0, 0, .5);
        width: calc(100% - 30px);
        left: 15px;
        bottom: 7vh;
        z-index: 1;
    }

    .ind_bottom_box_src2_m span {
        float: left;
        font-family: 'Conv_Gotham-Black';
    }

    .ind_bottom_box_src2_m i {
        float: right;
        position: relative;
        animation: gun0 1s ease infinite;
        margin-top: -10px;
    }

    .show_ser_name {
        width: 70%;
    }

    .show_ser_num_box {
        right: 15px;
        bottom: auto;
        top: 0;
        transform: translateY(0);

    }

    .sto_show_img_box {
        height: auto;
    }

    .sto_show_img_box img {
        transform: translate(0);
        position: relative;
        left: 0;
        top: 0;
    }

    .nbar_body .swiper-wrapper,
    .nbar_body .swiper-slide,
    .nbar_body .swiper-slide > div {
        height: auto;
    }

    .nbar_body .swiper-wrapper {
        display: block;
    }

    .nbar_src1_con_box {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        padding: 0 30px;
        height: auto;
        background-color: transparent;
    }

    .nbar_num_box,
    .nbar_title,
    .nbar_src1_text,
    .nbar_body .int_video_box {
        position: relative;
    }

    .nbar_num_box {
        left: 0;
        transform: translateY(0);
        margin-top: .25rem;
        text-align: center;
        background-color: transparent;
        padding: 0;
        display: none;
    }

    .nbar_src1_left .nbar_src1_text,
    .nbar_src1_right .nbar_src1_text {
        padding-right: 0;
    }

    .nbar_vid_tex_box > div {
        border-bottom: none;
    }

    .nbar_title {
        text-align: center;
        bottom: auto;
        margin-top: .4rem;
    }

    .nbar_src1_left, .nbar_src1_right {
        width: 100%;
    }

    .nbar_src1_text {
        top: 0;
        margin-top: .25rem;
    }

    .nbar_body .int_video_box {
        margin-top: .25rem;
    }

    .nbar_vid_tex_box {
        width: 90%;
    }

    .nbar_src2 .nbar_src1_text {
        width: 100%;
        margin-right: 0;
        bottom: auto;
        right: auto;
        position: relative;
    }

    .nbar_body .bloc {
        height: auto;
    }

    .nbra_pro_img {
        margin-left: 0;
        margin-right: 0;
        top: 0;
        margin-top: .25rem;
        padding-bottom: .4rem;
    }

    .nbar_src3 .nbar_title {
        bottom: auto !important;
        margin-right: 0;
        margin-left: 0;
    }

    .nbar_src3_info, .nbar_src3 .nbar_src1_text {
        margin-left: 0;
        margin-right: 0;
    }

    .nbar_src3_left, .nbar_src3_right {
        margin: .25rem 2% 0 2%;
        width: 46%;
    }

    .nbar_src3_info {
        padding-top: .25rem;
    }

    .nbar_src3_bl {
        float: none;
        margin: 0 auto;
        display: none;
    }

    .nbar_src4_info {
        margin-top: .8rem;
    }

    .nbar_src5 .nbar_src1_text {
        right: auto;
        width: 100%;
        position: relative;
        bottom: auto;
        text-align: center;
    }

    .nbar_src5_info {
        padding-left: 0;
        margin-top: .25rem;
    }

    .nbra_time {
        position: relative;
        bottom: auto;
        display: none;

    }

    .nbar_src6_info img {
        margin-top: .4rem;
    }

    .nbar_src5_info > a img {
        margin-top: .15rem;
        margin-bottom: .15rem;
        box-shadow: none;
    }

    .nbar_text_mo .nbar_src1_text {
        margin: .25rem auto 0 auto;
        width: 80% !important;
        padding-bottom: 1.3rem;
    }

    .nbar_src1_text {
        text-align: left !important;
    }

    .show_series_box > a {
        display: none;
    }

    .language_box a {
        opacity: .5 !important;
    }

    .language_box {
        position: relative;
        margin-top: .6rem;
        bottom: auto;
    }

    .ind_banner_box .swiper-container .swiper-slide {
        overflow: hidden;
    }

    .sto_banner_box .sto_show_box {
        transform: scale(1);
    }

    .cat_body .nbra_tab_box, .cat_body .cat_time_box_case {
        display: none;
    }

    .cat_body .bloc {
        overflow: visible;
    }

    .cat_body .bloc .wrapper, .cat_body .bloc .wrapper .row {
        height: auto;
        overflow: visible;
    }

    .cat_img_h {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        opacity: 1;
        height: auto;
    }

    .cat_img > img {
        display: block;
        width: 100%;
    }

    .cat_body .swiper-wrapper {
        display: block;
    }

    .cat_body .swiper-wrapper .swiper-slide {
        margin-bottom: .5rem;
    }

    .cat_banner_con .cat_text_box {
        display: block;
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0, 0);
    }

    .cat_text_case {
        position: relative;
        top: 0;
        width: 100%;
        overflow: visible;
    }

    .cat_banner_con {
        height: auto;
    }

    .cat_img_box {
        height: auto;
        padding: 0;
    }

    .cat_text_w {
        position: relative;
        right: 0;
    }

    .cat_img {
        position: relative;
        left: 0;
        top: 0;
        background-image: none !important;
    }

    .cat_text_box_case {
        display: none;
    }

    .cat_body .bloc .wrapper .row {
        position: relative;
        padding-top: .25rem;
        padding-bottom: 1px;
    }

    .cat_cn {
        margin-top: .15rem;
        font-size: .28rem;
        margin-left: 0;
    }

    .cat_en, .cat_hint {
        font-size: .6rem;
        margin-top: .1rem;
        letter-spacing: 0;
    }

    .cat_cn .cat_time_d {
        font-size: inherit;
        float: right;
        line-height: 1;
        font-weight: 400;
    }

    .pro_cat_tex_box {
        width: 100%;
        height: auto;
        position: relative;
    }

    .pro_cat_img_pc {
        display: none;
    }

    .pro_cat_img {
        display: block;
        opacity: .5;
    }

    .pro_cat_body .pro_con {
        width: 100%;
        margin-left: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .pro_cat_body .pro_list_box > a {
        width: 47%;
        margin-right: 6%;
        margin-left: 0;
    }

    .pro_cat_info {
        display: block;
    }

    .btn_pro_cat, .title_img {
        display: none;
    }

    .cat_body .cat_banner_con {
        visibility: visible;
    }

    .cat_banner_con {
        margin-bottom: .5rem;
    }

    .com_name_m {
        display: inline-block !important;
        width: 50%;
    }

    .com_name_pc {
        display: none !important;
    }
}

@media all and (max-width: 768px) {
    .int_src6_img {
        margin-top: -1rem;
    }

    .int_case > div {
        padding: 0;
    }

    .show_series_box {
        top: 140px;
        transform: translateY(0);
    }

    .abo_btn_ry {
        width: 90%;
    }

    .item1 {
        width: 50%;
    }

    .show_list_sel_box {
        width: 40px;
        margin-top: 0;

    }

    .sho_tab_box {
        opacity: 0;
        pointer-events: none;
    }

    .show_this {
        height: 40px;
        line-height: 40px;
    }

    .show_list_sel_box span {
        display: none;
    }

    .show_this i {
        right: 50%;
        transform: translate(50%, -50%) rotate(180deg);
    }

    .show_this.on i {
        transform: translate(50%, -50%);
    }

    .show_sel_box {
        width: 200px;
        left: auto;
        right: 0;
        top: auto;
        bottom: 100%;
    }

    .int_info p {
        text-align: left;
    }

    .int_video_box video {
        height: 20vh;
    }

    .ind_bottom_box {
        display: none !important;
    }

    .int_vid_hint {
        display: none !important;
    }

    .item > li > a {
        font-size: .20rem;
        line-height: 2;
        padding: .2rem 0;
    }

    .childItem > ul a {
        font-size: .18rem;
    }

    .int_banner_m .int_lb_tex {
        text-align: center;
        left: 0;
        bottom: .2rem;
        width: 100%;
    }

    .int_src5_bfb {
        padding-top: 6vh;
        display: none;
    }

    .new_body .ind_new_case .swiper-slide > div .ind_new_tex_box {
        border-color: transparent;
    }

    .ind_new_con {
        height: 45%;
    }

    .ind_new_tex_box {
        border-color: transparent;
    }

    .new_go_list, .new_tab {
        display: none;
    }

    .header_m .logo_box_m {
        font-size: .2rem;
        padding-top: .04rem;
    }

    .fin_fixed_img {
        display: none;
    }

    .ide_img_box img {
        width: 26px;
    }

    .die_num {
        display: none;
    }

    .con_bg {
        display: none;
    }

    .ide_text {
        padding-bottom: .25rem;
    }

    .pace_text_box, .load_box {
        top: 40%;
    }

    .pace_copy_right img {
        width: 60%;
    }

    .sea_nav_box a {
        min-width: auto;
    }

    .sea_nav_box a.on {
        padding-right: 1em;
    }

    .show_prev, .show_next {
        display: none;
    }

    .nbar_vid_right {
        display: none;
    }

    .nbar_vid_left {
        float: none;
        margin: 0 auto;
    }

    .nbar_body .int_video_box {
        height: auto;
    }
}

@media all and (max-width: 640px) {
    .nbar_src5_info {
        display: block;
    }

    body {
        padding-top: 60px;
    }

    body.has > .sto_tab {
        top: 60px;
    }

    .dyn_body .ind_src3 > div {
        padding: 15px;
        padding-top: 0;
    }

    .dyn_body .ind_src3 {
        padding-right: 0;
    }

    .dyn_time_title_num .dyn_img_box {
        width: 80%;
    }

    .show_series_box {
        top: auto;
        bottom: 100px;
    }

    .ins_box {
        padding: 15px 0 15px 15px;
    }

    .fin_fixed_img {
        width: 60px;
    }

    .ins_box > div {
        padding-left: 0;
    }

    .fin_title {
        font-size: .3rem;
        margin-bottom: .2rem;
    }

    .fin_describe {
        margin-bottom: .3rem;
        padding-left: .15rem;
    }

    .ins_header {
        padding-bottom: .2rem;
    }

    .fin_time_box {
        padding: .2rem 0 .15rem;
    }

    .btn_operate {
        width: 100%;
        margin-right: 0;
        padding: .15rem 0;
    }

    .ins_body_tab {
        display: none;
    }

    .ins_body_con {
        width: 100%;
    }

    .ins_body_con > div {
        display: block !important;
    }

    .btn_shop {
        right: 15px;
        top: 15px;
    }

    .fin_con_box > div {
        width: 100%;
        margin-right: 0;
    }

    .btn_cor {
        margin-top: .12rem;
    }

    .int_case {
        padding: 0 15px;
    }

    .int_title {
        margin-top: 6vh;
    }

    .int_info {
        padding: .3rem 0;
    }

    .int_pre_sty .int_provenance {
        width: 100%;
    }

    .int_pre_sty .int_provenance > img {
        margin: 0;
        width: 25%;
    }

    .int_pre_sty > div {
        margin-top: .25rem;
    }

    .int_pre_sty .ind_bottom_box {
        width: 100%;
    }

    .marT_180 {
        margin-top: .4rem;
    }

    .int_src2_info {
        color: #212121;
        padding-top: .6rem;
    }

    .int_src2_time_box {
        padding-top: .3rem;
    }

    .int_src3_case > div {
        width: 100%;
    }

    .int_zb_text {
        float: none;
        width: 100%;
    }

    .int_zb_img {
        float: none;
        width: 100%;
        margin-top: .3rem;
    }

    .int_zb_img .int_zb_st.go {
        width: 40%;
        left: 30%;
    }

    .int_zb_img .int_zb_st img {
        width: 100%;
    }

    .int_src3_ren_box .int_zb_text {
        float: none;
        margin-top: .8rem;
    }

    .int_src4_case .int_title {
        position: relative;
    }

    .int_src4_text_right, .int_src4_text_left {
        float: none;
        width: 100%;
        padding-bottom: 0;
    }

    .int_pro_box > div {
        /*width: calc((100% - .2rem - 1px)/ 2);*/
        /*margin-right: .2rem; */
    }

    .int_pro_box > div:nth-child(2n) {
        /*margin-right: 0;*/
    }

    .new_title_case {
        margin: 0 15px;
    }

    .new_det_con {
        padding: 0 15px;
    }

    .new_go_list {
        padding: 0;
        text-align: center;
    }

    .go_top {
        right: 15px;
        bottom: 20px;
    }

    .new_title {
        font-size: .28rem;
    }

    .show_ser_name {
        font-size: .28rem;
        width: 100%;
        padding-right: 55px;
    }

    .show_series_box {
        padding-left: 30px;
        padding-right: 0;
        padding-bottom: .4rem;
    }

    .show_so {
        left: 30px;
        transform: none;
        font-size: .2rem;
    }

    /*.show_ser_num_box > div:first-child{*/
    /*display: none;*/
    /*}*/
    .sto_banner_box .active .sto_num {
        font-size: 1.6rem;
    }

    .lar_body .sto_title {
        margin-left: 0;
        padding-left: 15px;
    }

    .lar_show_box .sto_show_vid_box {
        width: 100%;
        margin-left: 0;
        padding: 0 5%;
    }

    .lar_show_box .lar_hint_box {
        width: 100%;
        text-align: center;
    }

    .lar_v_num {
        font-size: 0;
    }

    .lar_banner_box {
        padding: 35vh 0;
    }

    .lar_show_box {
        padding-bottom: 10vh;
        position: relative;
    }

    .lar_show_box .lar_hint_box {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .con_body .ins_box {
        padding-right: 15px;
    }

    .con_body .ins_body_con > div {
        padding-top: .3rem;
    }

    .con_body .btn_operate {
        width: 100%;
        margin-right: 0;
    }

    .con_bg_img {
        position: fixed;
        width: 35%;
        right: 15px;
        bottom: 0;
    }

    .join_body .ins_box {
        padding-right: 15px;
    }

    .join_body .ins_box > div {
        padding-right: 0;
    }

    .join_con_box .join_tab_box {
        padding: 6vh 0;
    }

    .join_con_box .join_tab_box > a {
        width: calc((100% - 30px) / 3);
        margin-right: 15px;
    }

    .join_id_box {
        padding-top: 6vh;
    }

    .die_num {
        font-size: 0.5rem;
        transform: translateY(0);
        opacity: 1;
    }

    .pro_tab_box {
        padding: 0 15px;
    }

    .sea_nav_box {
        padding: 0;
    }

    .sea_nav_box a {
        line-height: 4;
        margin-right: 0;
    }

    .pro_list_box {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 78px;
    }

    .pro_list_box > a {
        margin-top: .5rem;
        text-align: left;
        padding-left: 0;
    }

    .pro_det_xq > div > span > div {
        margin-right: .15rem;
    }

    .pro_det_xq > div .pro_name_box {
        width: 85px;
    }

    .pro_det_xq > div > span {
        width: calc(100% - 85px);
    }

    .pro_det_xq > div {
        line-height: 1.5;
    }

    .pro_det_xq > div > span {
        padding: .1rem 0;
    }

    .pro_det_xq > div .pro_name_z {
        font-size: .28rem;
    }

    .abo_body .ins_header {
        margin-bottom: 0;
    }

    .abo_body .ins_box {
        padding-right: 15px;
    }

    .abo_body .ins_box > div {
        padding-right: 0;
    }

    .abo_src1 > div {
        width: 100%;
    }

    .abo_src2_fl > div {
        width: 100%;
        padding-right: 0;
    }

    .abo_pro_qsw {
        margin-left: 0;
        margin-top: .4rem;
    }

    .abo_src2_con_box {
        margin-top: .3rem;
        margin-bottom: .6rem;
    }

    .abo_src3_fl > div {
        width: 100%;
    }

    .abo_src3_data > div {
        width: 100%;
        margin-right: 0;
    }

    .abo_src3_data {
        margin-top: 0;
    }

    .abo_src3_data > div {
        margin-top: 1.2rem;
    }

    .abo_src3_text_box {
        padding-left: 0;
        padding-bottom: .5rem;
    }

    .abo_src3_text_box::before {
        top: auto;
        bottom: 0;
    }

    .abo_src4 > div {
        width: 100%;
    }

    .abo_src6 {
        padding-top: .6rem;
    }

    .abo_src6_sty_box > img {
        width: 31.76%;
        right: 0;
    }

    .abo_src6_con {
        width: 100%;
        margin-top: .8rem;
    }

    .abo_src6_info {
        width: 100%;
        padding-top: .3rem;
        padding-bottom: .6rem;
    }

    .abo_src6_num {
        font-size: .3rem;
    }

    .abo_src6_num span {
        font-size: .2rem;
    }

    .header_m {
        height: 60px;
        padding: 0 15px;
        line-height: 60px;
    }

    .btn_nav_m {
        margin-top: 0;
    }

    .nav {
        height: calc(100vh - 60px);
        top: 60px;
        left: 100%;
    }

    .pro_tab_box {
        top: 60px;
    }

    .item1 {
        padding-right: 15px;
    }

    .grid {
        margin-top: -.5rem;
    }

    pre_time {
        padding-bottom: .2rem;
    }

    .ind_src3 {
        padding-top: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .ind_new_case {
        padding-top: .5rem;
    }

    .new_body .ind_new_case .swiper-slide > div {
        margin: 0;
    }

    .ind_new_more {
        bottom: 2vh;
    }

    .nbar_src1_con_box {
        padding: 0 15px;
    }

    .nbar_vid_tex_box > div {
        width: 80%;
    }

    .nbra_img_y {
        display: none;
    }

    .nbra_pro_img {
        padding-bottom: 0;
    }

    .nbar_src3_left, .nbar_src3_right {
        width: 96%;
    }

    .nbar_tit_bg {
        font-size: .6rem;
    }

    .nbar_src4_info {
        margin-top: .4rem;
    }

    .nbar_src4_info > img {
        width: 32%;
        margin-right: 2%;
        margin-top: 2%;
        margin-left: 0;
        box-shadow: none;
    }


    .nbar_src4_info > img:nth-child(odd) {
        margin-top: 2%;
    }

    .nbar_src4_info > img:nth-child(3n) {
        margin-right: 0;
    }

    .nbar_src4_info > img:nth-child(3n +1) {
        clear: left;
        float: left;
    }

    .nbar_src4_info > img:nth-child(even) {
        margin-top: 2%;
    }


    /*.font_cn */
    .nbar_src4_info > img {
        width: 23.5%;
        margin-left: 0;
    }

    /*.font_cn */
    .nbar_src4_info > img:nth-child(3n) {
        margin-right: 2%;
    }

    /*.font_cn */
    .nbar_src4_info > img:nth-child(4n) {
        margin-right: 0;
    }

    /*.font_cn */
    .nbar_src4_info > img:nth-child(3n +1) {
        clear: none;
    }

    /*.font_cn */
    .nbar_src4_info > img:nth-child(4n +1) {
        clear: left;
        float: left;
    }

    .nbar_src3 .nbar_src1_text {
        margin-top: .3rem;
    }

    .nbar_src5_info > a {
        width: 46%;
        margin-top: .25rem;
    }

    .nbar_src5_info > a:first-child, .nbar_src5_info > a:nth-child(2) {
        margin-top: 0;
    }

    .nbar_text_mo .nbar_src1_text {
        width: 100% !important;
        padding-bottom: .8rem;
    }

    .nbar_src6_info {
        padding-right: 0;
    }

    .sto_tab {
        margin-left: 0;
        padding-top: .15rem;
    }

    body.has > .sto_tab {
        padding-left: 0;
    }

    .sto_tab > a {
        width: 33.33%;
        text-align: center;
        margin: 0;
        font-size: .14rem;
        line-height: 22px;
    }

    .sto_tab > a.on {
        font-size: .16rem;
    }

    .tac_body.con_body .ins_body_con > div {
        padding-top: .25rem;
        padding-left: .15rem;
    }

    .con_body.tac_body .btn_operate {
        width: 100%;
    }

    .con_body.tac_body .btn_operate:nth-child(3n+1) {
        width: 100%;
    }

    .tac_inp_box > form > div {
        width: 100%;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: .15rem;
    }

    .tac_inp_box > form > div:last-child {
        margin-bottom: 0;
        margin-top: 0;
    }

    .tac_inp_box > form > div:nth-child(4) {
        margin-top: 0;
    }

    .ins_body.pure .fin_describe {
        margin-top: .25rem;
        margin-bottom: .1rem;
    }

    .cat_banner_box {
        padding: 0 15px;
    }

    .cat_banner_con {
        padding: 0;
    }

    .cat_cn {
        font-size: .16rem;
    }

    .cat_en, .cat_hint {
        font-size: .26rem;
    }

    .pro_cat_body .pro_con {
        padding: .25rem 15px;
    }

    .pro_cat_title {
        font-size: .4rem;
    }

    .pro_cat_info {
        font-size: .12rem;
    }

    .pro_cat_fl .cat_time_d {
        font-size: .25rem;
    }

    .btn_pro_cat {
        width: 100%;
        margin-top: .3rem;
    }

    .pro_cat_text {
        top: 50%;
        width: 100%;
    }

    .scr_body .ins_header {
        padding-bottom: .3rem;
    }

    .scr_body .pad_left {
        padding-left: 0;
    }

    .scr_body .ins_body {
        height: auto;
    }

    .scr_body .fin_time_box {
        display: block;
    }

    .scr_body .btn_operate {
        padding-top: .15rem;
    }

    .scr_body .ins_body {
        padding: .2rem;
    }

    .language_box {

        margin-top: .3rem;
        width: 200%;

    }

    .language_box div a {

        width: .6rem;

        padding: 0 .1rem;
    }
}

@media all and (max-width: 360px) {
    .int_pre_sty .int_provenance > img {
        width: 20%;
    }

    .show_series_box {
        padding-left: 15px;
    }

    .sto_tab > a {
        font-size: .12rem;
    }

    .sto_tab > a.on {
        font-size: .13rem;
    }

    .pro_cat_fl {
        margin-top: .1rem;
    }

    .btn_pro_cat {
        margin-top: .2rem;
    }

    .language_box {

        margin-top: 0;

    }
}

@media screen and (orientation: portrait) {
    .scr_body .ins_header {
        padding-bottom: 0;
    }

    .esg_block {
        margin-bottom: .2rem;
    }

    .esg_h3 {
        font-size: .24rem;
        margin-top: .36rem;


    }


    .esg_con_case {
        margin-top: .2rem;

    }


    .esg_con .scroll-animate {
        padding: .2rem;
    }

    .ins_body_con .scroll-animate {
        padding: .2rem;
    }

    .esg_con_box {
padding-inline: 2.6vw;

    }

    .btn_esg {
        width: 100%;
        margin-bottom: .2rem;

    }
    .btn_esg:last-child{
        margin-bottom: 0;
    }

    .btn_esg > .img_box {
     width: 25%;
    }

    .btn_esg .fin_con_time {
        width: 75%;
        padding-left: .2rem;

    }

    .btn_esg .fin_name {


    }

    .esg_body.scr_body .ins_body {
        padding-inline: 0;
    }


}