@media screen and (max-width: 1600px) {
    #bloc #center #main .content #indexBanner .box:nth-child(2) {
        left: calc(50% - 420px);
        padding: 25px 50px;
    }

    #bloc #center #main .content #indexBanner .box {
        width: 420px;
    }

    #bloc #center #main .content #indexBanner .box:nth-child(3) {
        right: calc(50% - 420px);
        padding: 25px 30px;
    }

    #bloc #center #main .content #indexBanner nav, #bloc #center #main .content #indexBanner .moreBox {
        right: 4%;
    }

    #bloc #center #main .content .banner .b_txt > small p {
        width: 250px;
        font-size: inherit;
        white-space: nowrap;
    }
}

@media screen and (max-width: 1366px) {
    #bloc #center #main .content #indexBanner .box:nth-child(2) {
        left: calc(50% - 380px);
        padding: 25px 50px;
    }

    #bloc #center #main .content #indexBanner .box {
        width: 380px;
    }

    #bloc #center #main .content #indexBanner .box:nth-child(3) {
        right: calc(50% - 380px);
        padding: 25px 45px;
    }

    #bloc #center #main .content #indexBanner .linkBox {
        width: 275px;
    }
}

@media screen and (max-width: 1280px) {

    #bloc #center #main .content #indexBanner .picNum {
        left: 12%;
    }

    #bloc #center #main .content #indexBanner .linkBox {
        display: none;
    }

    #bloc #header #logo {
        left: 1%;
    }
}

@media screen and (max-width: 1024px) {
    #pro .r2 .skew .Tvideo.on .Tmask {
        left: -28rem;
    }

    #bloc #header #logo {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    * {
        font-size: 90px;
    }

    #bloc #header #logo {
        display: block;
    }

    .pc {
        display: none !important;
    }

    .app {
        display: block !important;
    }

    #bloc #header {
        height: 0.6rem;
    }

    #bloc #center #main .content {
        margin-top: 0.6rem;
    }

    #bloc #header #logo {
        left: 1%;
        width: 80%;
    }

    #bloc #header #logo > img {
        max-width: 100%;
    }

    #bloc #header:after {
        height: 0.6rem;
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0.72);
    }

    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(2) {
        display: none;
    }

    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(3) {
        margin: 0;
    }

    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(4) {
        line-height: 26px;
    }

    #bloc #center #main .content #indexBanner .Tmsg {
        left: 5%;
        width: 90%;
        bottom: 20%;
    }

    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(1) .list > span {
        font-size: 0.24rem;
    }

    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(1) .list > small {
        font-size: 0.18rem;
        letter-spacing: 2px;
    }

    #bloc #center #main .content #indexBanner .Tmsg > div:nth-child(4) > .addMore {
        width: 0.5rem;
        height: 0.5rem;
        line-height: 0.5rem;
        left: calc(100% - 0.5rem);
        top: 0.1rem;
    }

    #index .row .rowMain .r_top .title span, #index .r2 .rowMain .half > div:nth-child(1) h4.show > span {
        font-size: 0.28rem;
    }

    #index .row .rowMain .r_top .title small {
        font-size: 0.26rem;
    }

    #index .r1 .r_center {
        margin-top: 50px;
    }

    #index .r2 .rowMain .half > div:nth-child(1) h4.show > small {
        font-size: 0.14rem;
        width: 80%;
    }

    #index .r3 .r_center .proItem {
        flex-wrap: wrap;
        margin-top: 0.3rem;
        margin-bottom: 0;
    }

    #index .r3 .r_center .proItem > .proList:after {
        left: 0;
    }

    #index .r3 .r_center .proItem > .proList {
        margin: 0.3rem 0;
    }

    #index .r3 .r_center .imgBox, #index .r3 .r_center #cv, #index .r1 .r_center .picBox {
        display: none;
    }

    #index .r2 .rowMain .half > div:nth-child(1) h4 {
        line-height: 34px;
    }

    #index .r2 .rowMain .half > div:nth-child(1) h4 > small {
        line-height: 22px;
    }

    #index .r2 .rowMain .half {
        height: 150px;
    }

    #index .r2 .rowMain .half .picMove {
        margin-top: 0.1rem;
        margin-bottom: 0;
    }

    #index .r1 .r_center .newItem {
        width: 100%;
        margin-left: 0;
        height: auto;
    }

    #index .r1 .r_center .newItem > img {
        display: block !important;
        width: 100%;
        margin-bottom: 16px;
    }

    #index .r1 .r_center .newItem > li .Tmsg {
        display: block;
    }

    #bloc #center #main .content .banner .b_txt {
        line-height: 30px;
        height: 64px;
    }

    #bloc #center #main .content .banner.banner_about .b_txt > div:nth-child(3) {
        display: none;
    }

    #bloc #center #main .content .banner .b_txt > span {
        font-size: 0.36rem;
    }

    #bloc #center #main .content .banner .b_txt > small {
        font-size: 0.22rem;
    }

    #bloc #center #main .content .banner .b_txt .picMove {
        margin: 0;
    }

    #bloc #center #main .content .banner .b_txt .picMove > a {
        color: #fff;
    }

    #bloc #center #main .content .rowMain {
        padding-bottom: 20px;
    }

    #about_1 .row .top {
        padding-top: 0;
        height: 0.6rem;
        line-height: .6rem;
        margin-bottom: 0.2rem;
    }

    #about_1 .row.r1 .rowMain .r_top .top-box .top-left, #about_1 .row.r1 .rowMain .r_top .top-box .top-right {
        width: 100%;
        text-align: left;
        padding: 0;
        float: left;
    }

    #bloc #center #main .content .banner .b_txt .picMove .next:after {
        font-size: 0.18rem;
        width: 140px;
    }

    #about_1 .row.r1 .rowMain .r_btm .list {
        width: 25%;
    }

    #about_1 .row.r1 .rowMain .r_btm .list .list-top .top-num span:nth-child(1), #about_1 .row.r1 .rowMain .r_btm .list .list-top .top-i i {
        font-size: 0.32rem;
    }

    #about_1 .row.r1 .rowMain .r_btm {
        margin-bottom: 0;
    }

    #about_1 .row.r1 .rowMain .r_btm .list .list-top .top-i {
        left: 0;
        top: 0;
        margin: auto;
    }

    #about_1 .row.r1 .rowMain .r_btm .list .list-top {
        height: 48px;
        width: 80px;
        margin: auto;
    }

    #about_1 .row.r1 .rowMain .r_btm .list .list-guo {
        font-size: 12px;
        margin-top: 0;
    }

    #about_1 .row.r1 .rowMain .r_btm .list .list-us {
        font-size: 14px;
    }

    #about_1 #c2 {
        height: 280px;
    }

    #about_1 .row .r_top .title {
        margin: 0;
    }

    #about_1 .row.r2 .r_center > span {
        display: none;
    }

    #about_1 .row.r2 .skew .Tvideo.on .Tmask {
        width: auto;
        height: auto !important;
        top: auto;
        left: auto;
    }

    #about_1 .row.r2 .playBox {
        bottom: -0.6rem;
    }

    #about_1 .row.r3 .rowMain .r_btm {
        display: none;
    }

    #about_1 .row .r_xian {
        margin-bottom: 0;
    }

    #about_1 .row.r3 .rowMain .history .box {
        margin-top: 0px;
        height: auto;
    }

    #about_1 .row.r3 .rowMain .history .w-100.f-v, .history li i {
        display: none;
    }

    #about_1 .row.r3 .rowMain .history ul {
        height: auto;
        width: 100%;
        position: relative;
        float: left;
        top: auto;
        left: auto;
        cursor: default;
    }

    #about_1 .row.r3 .rowMain .history li {
        width: 100%;
        height: auto;
        position: relative;
        float: left;
        margin-top: 20px;
    }

    #about_1 .row.r3 .rowMain .history li span {
        width: 100%;
        position: relative;
        float: left;
        left: auto;
        bottom: auto;
    }

    #about_1 .row.r3 .rowMain .r_center li h4, .history li h4 {
        width: 100%;
    !important;
        color: #464646c9;
    }

    #about_1 .row.r4 .r_center .year .year-next, #about_1 .row.r4 .r_center .year .year-prev {
        visibility: hidden;
    }

    #about_1 .row.r4 .r_btm ul {
        width: 100%;
        overflow: hidden;
    }

    #about_1 .row.r4 .r_btm ul li {
        margin-bottom: 12px;
    }

    #about_1 .row.r4 .r_btm ul li:hover i, #about_1 .row.r4 .r_btm ul li:hover i > img {
        opacity: 0;
    }

    #about_1 .row.r4 .r_btm ul li:hover {
        padding: 0;
        box-shadow: none;
        background-color: #fff;
    }

    #about_1 .row.r4 .r_btm ul li p {
        font-size: 12px;
        width: 90%;
        line-height: 150%;
    }

    #about_1 .row.r4 .r_btm ul li:hover p {
        color: #595959;
        font-size: 12px;
    }

    #about_1 .row.r4 .r_btm {
        margin-bottom: 0.6rem !important;
    }

    #bloc #center #main .content .banner .b_txt > small {
        font-size: 14px !important;
        line-height: 16px;
    }

    #bloc #center #main .content .banner .b_txt > small p {
        width: 150px;
        font-size: 12px;
        line-height: 180%;
    }

    .about .row .about_title {
        font-size: 0.24rem;
    }

    #about_2 .mainContent #c1 .rowMain, #about_3 .mainContent #c1 .rowMain, #about_5 .mainContent #c1 .rowMain, #about_6 .mainContent #c1 .rowMain {
        padding-top: 0 !important;
    }

    #about_5 .mainContent #c1 .rowMain .text_center > img {
        width: 70%;
    }

    #about_5 .mainContent #c2 .rowMain .r_center .picBox {
        background-size: 60% !important;
        height: 560px !important;
    }

    #about_6 .mainContent #c2 .rowMain .r_center .picBox {
        height: 150px;
    }

    #about_6 .mainContent #c2 .rowMain .r_center .picBox > img {
        display: none;
    }

    #about_6 .mainContent #c2 .rowMain .r_center .picBox > .look_go > img {
        height: 100px;
    }

    #about_6 .mainContent #c2 .rowMain .r_center .picBox > .look_go > a {
        bottom: 1px !important;
        right: 8px !important;
    }

    #about_6 .r2 .r_center .picBox .yearItem > a.iconfont.next {
        right: 0 !important;
    }

    #about_6 .r2 .r_center .picBox .yearItem > li {
        width: 1.3rem;
    }

    #about_6 .r2 .r_center .picBox .yearItem > li .yearList {
        font-size: 0.5rem;
        line-height: 0.5rem;
    }

    #about_5 .r2 .r_center .view_dot {
        width: 48%;
        height: 172px;
    }

    #about_5 #c3 .r_center .picBox {
        height: 150px;
    }

    #about_5 #c3 .r_center .picBox > img {
        display: none;
    }

    #about_5 .r2 .r_center .view_dot > h6 > small {
        font-size: 0.16rem;
    }

    #about_5 .r4 .r_center .brandItem > li > small {
        height: 1.48rem;
        line-height: 22px;
    }

    #about_5 .r5 .r_center .fu_item > li:nth-child(2n) > .Tmsg {
        top: 0.5rem;
    }

    #about_5 .r5 .r_center .fu_item > li > .Tcon {
        top: -2rem;
    }

    #about_5 .r5 .r_center .fu_item {
        flex-wrap: wrap;
        height: 10rem;
    }

    #about_5 .r5 .r_center .fu_item > li:nth-child(2n) > .Tcon {
        top: 2rem;
    }

    #about_5 .r5 .r_center .fu_item > li {
        width: 48%;
        height: 50%;
    }

    #about_2 .mainContent #c1 .rowMain .left, #about_2 .mainContent #c1 .rowMain .right {
        width: 100% !important;
    }

    #about_2 .mainContent #c3 .rowMain .left, #about_2 .mainContent #c3 .rowMain .right {
        width: 100% !important;
    }

    .about .row .r_center ul.myVideo > li {
        width: 24%;
        margin: 0 0 0.12rem 0;
    }

    #contact .row .r_center .Tbox.box2 .center .part .cutList > li {
        width: 100%;
    }

    #bloc #center #main .content .row {
        padding: 20px 0;
    }

    .about .row .about_title > small {
        font-size: 0.22rem;
        margin-right: 0.12rem;
    }

    #about_3 .r2 .r_center .picBox > ul .adr_dot > span {
        font-size: 12px;
        padding-left: 15px;
    }

    #about_3 .r2 .r_center .picBox > ul .adr_dot > span:after {
        width: 8px;
        height: 8px;
    }

    #about_3 .row .r_center .mapNote > span {
        margin: 0;
    }

    #about_3 .row .r_center .mapNote > span > img {
        margin: 0 5px;
    }

    #bloc #center #main #contact .banner .Tmsg {
        display: none;
    }

    #contact .r1 {
        padding-bottom: 50px;
    }

    #contact .row .r_center .Tbox.box1 .center > ul.item {
        margin-bottom: 0.5rem !important;
    }

    #contact .row .r_center .Tbox.box2 .center ul.partTop {
        margin-bottom: 0.4rem;
    }

    #contact .row .r_center .Tbox.box2 .center .part .cutList.on {
        display: flex;
    }

    #contact .row .r_center .Tbox.box2 .center .part .cutList > li {
        width: 46%;
        margin-bottom: 0.25rem;
    }

    #contact .row .r_center .Tbox.box2 .center .part .cutList > li > b {
        font-size: 0.16rem;
        height: 38px;
    }

    #contact .row .r_center .Tbox.box2 .center .part .cutList > li > a {
        height: 0.6rem;
        line-height: 0.2rem;
    }

    #baogao .row .rowMain .r_top .comBox, #gonggao .row .rowMain .r_top .comBox, #zhili .row .rowMain .r_top .comBox {
        flex-wrap: wrap;
        margin: 0.8rem 0;
    }

    #baogao .row .rowMain .r_top .comBox .dateBox, #gonggao .row .rowMain .r_top .comBox .dateBox, #zhili .row .rowMain .r_top .comBox .dateBox {
        width: 100%;
    }

    #baogao .row .rowMain .r_top .comBox .dateBox .skewBox, #gonggao .row .rowMain .r_top .comBox .dateBox .skewBox, #zhili .row .rowMain .r_top .comBox .dateBox .skewBox {
        min-width: 1rem;
    }

    .searchBox {
        width: 100%;
        margin-top: 0.4rem;
    }

    #baogao .r1 .r_center > ul li, #gonggao .r1 .r_center > ul li, #zhili .r1 .r_center > ul li, #baogao .r2 .r_center > ul li, #gonggao .r2 .r_center > ul li, #zhili .r2 .r_center > ul li {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    #baogao .row .rowMain .r_btm, #gonggao .row .rowMain .r_btm, #zhili .row .rowMain .r_btm {
        margin: 0;
    }

    #baogao .row .rowMain .r_top .title, #gonggao .row .rowMain .r_top .title, #zhili .row .rowMain .r_top .title {
        margin: 0 0;
        font-size: 0.24rem;
    }

    #baogao .r3 .r_center > ul > li:after, #gonggao .r3 .r_center > ul > li:after, #zhili .r3 .r_center > ul > li:after {
        top: 103%;
    }

    #baogao .r3 .r_center > ul > li, #gonggao .r3 .r_center > ul > li, #zhili .r3 .r_center > ul > li {
        margin-bottom: 32px;
    }

    #baogao .row .rowMain .r_top .mNav, #gonggao .row .rowMain .r_top .mNav, #zhili .row .rowMain .r_top .mNav {
        margin-bottom: 30px;
    }

    #bloc #center #main .content .banner.banner_about .b_txt > div:nth-child(4), #bloc #center #main .content .banner.banner_business .b_txt > div:nth-child(3) {
        display: none;
    }

    #jiaoliu2 .r1 .rowMain .r_center > ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    #jiaoliu2 .r1 .rowMain .r_center {
        padding-top: 0.5rem;
        padding-bottom: 0;
    }

    #zhili .r1 .r_center .box > div {
        width: 100% !important;
    }

    #zhili .r1 .r_center .box .skewBox {
        padding: 0;
        margin-bottom: 0.5rem;
    }

    #zhili .r1 .r_center .box .skewBox h5 {
        margin-bottom: 0.2rem;
    }

    #zhili .r1 .r_center .box .skewBox {
        height: auto;
    }

    #zhili .r1 .r_center .box .skewBox > span.Tcon, #zhili .r1 .r_center .box .skewBox > a.Tcon {
        height: auto;
        position: relative;
    }

    #zhili .r1 .r_center .box .skewBox p {
        max-height: inherit;
    }

    #jiaoliu .r1 .r_center {
        padding-top: 0.5rem;
    }

    #jiaoliu .r1 .r_center > .box .layout-mBox, #new_detail .r1 .rowMain .Tbox {
        padding-right: 0;
    }

    #jiaoliu .r1 .r_center > .box .layout-pa-right {
        display: none;
    }

    #new_detail .r1 .rowMain .Tbox .cor {
        display: none;
    }

    #new_detail .r1 .rowMain .Tbox:after, #new_detail .r1 .rowMain .Tbox .change {
        width: 100%;
    }

    #new_detail .r1 .rowMain .Tbox .articles > h5 {
        font-size: 0.24rem;
    }

    #new_detail .r1 .rowMain .Tbox .articles small > span:last-child {
        width: 100%;
    }

    #new_detail .r1 .rowMain .Tbox .articles small > span {
        width: 100%;
        height: 0.3rem;
        line-height: 0.3rem;
    }

    #new_detail .r1 .rowMain .Tbox .articles small > span > i {
        height: 0.3rem;
        line-height: 0.3rem;
    }

    #new_detail .r1 .rowMain {
        padding-top: 0 !important;
    }

    #new_detail .r1 .rowMain .Tbox {
        transform: translateY(0rem);
        -webkit-transform: translateY(0rem);
        -moz-transform: translateY(0rem);
        -o-transform: translateY(0rem);
    }

    #new .r3 .rowMain .r_center .prolist1 ul.myVideo > li {
        width: 48%;
        margin: 0.12rem 0;
    }

    #new > .picBox:nth-child(1):not(.r1) {
        height: 0 !important;
    }

    #new .r2 .rowMain .r_center .Tbox > img {
        position: relative;
        display: block;
        width: 55%;
        left: 0;
        margin-bottom: 12px;
        margin-left: 0;
    }

    #new .r2 .rowMain .r_center .Tbox .layout-articles p {
        height: auto;
    }

    #new .r2 .rowMain .r_center .Tbox {
        padding: 0 0 0.5rem 0;
        margin-bottom: 0.32rem;
    }

    #new .r2 .rowMain .r_center .Tbox .Tmsg {
        top: auto;
        width: 100%;
        right: 0;
        background-color: #fff;
        height: auto;
        padding: 0;
    }

    #new .r2 .rowMain .r_center .Tbox .Tmsg > span {
        width: 49%;
        background-color: #e8ebf0;
    }

    #new .row .rowMain .r_top .title {
        margin-bottom: 0.5rem;
    }

    .page_set {
        margin: 10px 0;
        display: block;
        float: none;
    }

    .page_list {
        float: none;
    }

    #new .row .rowMain .r_top .title > span {
        font-size: 0.24rem;
        display: block;
        margin-bottom: 30px;
    }

    #new .r2 .rowMain .r_top .hot {
        position: relative;
        left: 0;
        width: 100%;
    }

    #new .r3 .rowMain .r_top .title .title_item, #new .r4 .rowMain .r_top .title .title_item {
        position: relative;
        left: 0;
        padding-left: 0.38rem;
    }

    #new .row .rowMain .r_btm > div:nth-child(1) {
        height: auto !important;
    }

    .layout-down {
        display: none;
    }

    #new .r3 .rowMain .r_top .title .title_item > i, #new .r4 .rowMain .r_top .title .title_item > i {
        left: 0;
    }

    #new .r3 .rowMain .r_top .title .title_item > li, #new .r4 .rowMain .r_top .title .title_item > li {
        margin: 0 8px;
    }

    #new .r4 .rowMain .r_center .component .itemwrap > li {
        flex-wrap: wrap;
    }

    #new .r4 .rowMain .r_center .component .itemwrap {
        height: 320px;
    }

    #new .r4 .rowMain .r_center .component .itemwrap > li > .book {
        width: 30%;
        margin: auto 1%;
        margin-bottom: 30px;
    }

    #new .r4 .rowMain .r_center .component .itemwrap > li > .book .Tmsg {
        height: 1.2rem;
    }

    #new .r4 .rowMain .r_center .component .itemwrap > li > .book .Tmsg {
        bottom: -1.2rem;
    }

    #new .r4 .rowMain .r_center .component .itemwrap > li > .book .Tmsg > span {
        width: 100%;
        display: block;
    }

    .Smohan_Layer_box {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto !important;
    }

    #new .r1 .newBox > .Tbox .newMove {
        padding-right: 0;
    }

    #new .r1 .newBox > .Tbox .newMove > .Tmsg {
        width: 100%;
    }

    #new .r1 .newBox > .Tbox, #new .r1 .newBox .title {
        width: 90%;
    }

    #new > .updateBox {
        height: 500px !important;
    }

    #new .r1 .newBox > .Tbox .newMove > ul.videoItem {
        display: none;
    }

    #new .r1 .newBox > .Tbox {
        min-height: 190px;
    }

    #new .r1 .newBox {
        padding-bottom: 50px;
    }

    #new .r1 .newBox > .Tbox .newMove > .Tmsg > .date {
        top: auto;
        bottom: 0;
    }

    .baogaoList > span {
        width: 100% !important;
        margin-bottom: 0;
    }

    .baogaoList > span:nth-child(1) {
        border: none;
        height: 30px;
        line-height: 30px;
    }

    .baogaoList > span:nth-child(2) {
        height: auto;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .dutyItem .textArea {
        margin: 0 !important;
    }

    .dutyItem i {
        margin-bottom: 10px;
    }

    .client_page1 .textArea {
        margin-left: 185px;
    }

    .creditor li {
        height: auto;
    }

    #pro_nav .r1 .pro_type {
        width: 50%;
        float: left;
        left: 0 !important;
        position: relative !important;
        background-size: cover !important;
        height: 250px;
    }

    #pro_nav .r1 .pro_type:nth-child(5) {
        width: 100%;
    }

    .layout-tab {
        padding-top: 0;
        width: 96%;
        margin: auto;
        position: initial;
    }

    .layout-ul {
        top: 50%;
        left: 18%;
        margin: auto;
        visibility: hidden;
        pointer-events: none;
        transform: translate(50%, -50%);
    }

    #pro_nav .r1 .pro_type:hover, #pro_nav .r1 .pro_type.on {
        width: 50%;
    }

    #pro_nav .r1 .pro_type:nth-child(5):hover, #pro_nav .r1 .pro_type:nth-child(5).on {
        width: 100%;
    }

    #pro_nav .r1 .pro_type:nth-child(5):hover h5 .layout-ul {
        left: 18%;
    }

    #pro_nav .r1 .pro_type:hover h5, #pro_nav .r1 .pro_type.on h5 {
        height: auto;
        color: rgba(255, 255, 255, 0);
    }

    #pro_nav .r1 .pro_type:hover h5 > small {
        opacity: 0;
    }

    #pro_nav .r1 .pro_type.on h5 .layout-ul {
        visibility: visible;
        pointer-events: auto;
    }

    .layout-ul > li {
        height: 0.4rem;
        line-height: 0.4rem;
        padding-left: 0.5rem;
        margin: 0.1rem 0;
    }

    .layout-ul > li > i {
        width: 0.34rem;
        height: 0.34rem;
        line-height: 0.34rem;
        font-size: 0.2rem;
    }

    .layout-ul > li > span {
        font-size: 0.16rem;
        height: 0.4rem;
        line-height: 0.4rem;
    }

    .layout-ul > li * {
        color: #fff;
    }

    .layout-ul > li > span > small {
        display: none;
    }

    #pro_nav .r1 .pro_type:after {
        z-index: -1;
    }

    #pro_nav > .r1 {
        height: auto !important;
    }

    #pro_nav .r1 .pro_type h5 {
        font-size: 0.24rem;
    }

    #dialog_video .dialog_content .Tbox .left .Tmsg p {
        font-size: 0.2rem;
    }

    #pro .row .rowMain .r_top .title > span {
        font-size: 0.24rem;
    }

    #pro .r1 .r_top .title .title_item > i {
        vertical-align: middle;
        line-height: 100%;
        left: 0;
    }

    #pro .r1 .r_top .title .title_item {
        position: relative;
        left: 0;
        padding-left: 0.4rem;
        margin-top: 24px;
        flex-wrap: wrap;
    }

    #pro .r1 .r_center .pro_item1 > li > a > span {
        font-size: 0.12rem;
    }

    #bloc #center #main .content .bannerPro .aniBtn {
        bottom: 8%;
    }

    #bloc #center #main .content .banner .b_txt {
        left: 8%;
    }

    #pro .r2 .skew .Tvideo.on .Tmask {
        left: -22rem;
    }

    #bloc #center #main .content .bannerPro .b_txt {
        top: -40%;
    }

    #pro .row .rowMain .r_top .title {
        margin: 0.2rem 0 0.5rem 0;
    }

    #pro .r4 .r_center .imgBox .carItem > li .car {
        max-width: 100%;
    }

    #bloc #center #main .content#zongcheng .bannerPro .Tboli {
        width: 100%;
        top: auto;
        right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        height: auto;
        bottom: 1.2rem;
    }

    #bloc #center #main .content#zongcheng .bannerPro .Tboli > li.skewBox {
        width: 26%;
        margin: 0 10px;
        min-width: inherit;
    }

    #bloc #center #main .content#zongcheng .banner .b_txt {
        line-height: 32px !important;
        left: 17% !important;
        top: 22% !important;
    }

    #bloc #center #main .content#zongcheng .banner .b_txt > span {
        letter-spacing: 0 !important;
        font-size: 0.24rem !important;
    }

    #bloc #center #main .content#zongcheng .banner .b_txt.go > span {
        font-size: 0.24rem !important;
    }

    #bloc #center #main .content#zongcheng .bannerPro .myvideo video {
        height: 400px;
    }

    #bloc #center #main .content .bannerPro .Tboli > li.skewBox .adv {
        top: auto;
        bottom: 90%;
        right: 50%;
    }

    #bloc #center #main .content .bannerPro .Tboli > li.skewBox:first-of-type .adv {
        right: auto;
        left: 50%;
    }

    #bloc #center #main .content .bannerPro .Tboli > li.skewBox:nth-child(2) .adv {
        left: -42%;
    }

    #bloc #center #main .content .bannerPro .Tboli > li.skewBox:hover .adv {
        top: auto;
        bottom: 100%;
        background-color: #eee;
    }

    #bloc #center #main .content .bannerPro .Tboli > li.skewBox .adv > div > h5 {
        margin-bottom: 8px;
    }

    #bloc #center #main .content#zongcheng .bannerPro .bannerMask {
        height: 400px;
    }

    #pro .guidao_list:first-of-type .skewBox {
        padding-left: 0;
        padding-top: 1.3rem;
        height: auto;
    }

    #pro .guidao_list:first-of-type .skewBox > img {
        bottom: auto;
        top: 0.3rem;
        left: 0;
        right: 0;
    }

    #pro .guidao_list:first-of-type .skewBox > span {
        width: 100%;
        padding: 3% 10%;
        height: 120px;
        line-height: normal;
        text-align: center;
    }

    #pro .guidao_list .skewBox > small:nth-child(2) {
        padding-top: 20px;
    }

    #pro .guidao_list .skewBox > small:nth-child(3) {
        padding-top: 40px;
    }

    #pro .guidao_list .skewBox > small:nth-child(4) {
        padding-top: 60px;
    }

    .network .map-div .list li h3 {
        font-size: 14px;
    }

    .network .map-div .list li {
        padding: 0 50px 4px 58px;
    }

    .network #shop {
        height: 3.7rem;
    }

    .network .map-div .list li p {
        font-size: 12px;
    }

    .network .map-div .list {
        width: calc(100% - 320px);
    }

    .network .map-div #map {
        width: 300px;
        height: 333px;
    }

    .network .map-div {
        margin: 30px 0 70px 0;
    }

    #index .r1 .r_center .newItem > li {
        height: auto;
    }

    .layout-articles:not(:last-child) {
        margin-bottom: 0.3rem;
        margin-top: 18px;
    }

    .layout-articles .layout-btm {
        padding: 0.1rem 0;
    }

    .ge-choose {
        bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    * {
        font-size: 80px;
    }

    #index #indexBanner .indexVideo {
        display: none;
    }

    .component-fullwidth {
        height: 100%;
        visibility: visible !important;
    }

    #bloc #center #main .content #indexBanner .numChoose {
        display: none;
    }

    #index .row .rowMain .r_top .title span, #index .r2 .rowMain .half > div:nth-child(1) h4.show > span {
        font-size: 0.2rem;
    }

    .Tsearch .searchPage .btn {
        width: 80px;
    }

    .Tsearch .searchPage .ipt {
        width: 120px;
    }

    .Tsearch .searchPage .searchBox {
        padding-right: 0;
    }

    #bloc #center #main .content .mainContent .nodeItem {
        display: none;
    }

    #about_1 #c2 {
        height: 120px;
    }

    #new .r2 .rowMain .r_center .Tbox > img {
        width: 100%;
        margin: auto;
    }

    #about_5 .mainContent #c2 .rowMain .r_center .picBox {
        width: 62% !important;
    }

    #about_3 .r2 .r_center .picBox > ul .adr_dot {
        pointer-events: none;
    }

    #about_5 .mainContent #c1 .rowMain .text_center > img {
        width: 100%;
    }

    .about .row .r_center ul.myVideo > li {
        width: 48%;
    }

    #about_6 #c3 .fu_activity > div {
        width: 100%;
    }

    #about_6 .r3 .r_center .fu_activity .box .arrow {
        display: none;
    }

    .layout-ul {
        left: -16%;
    }

    #new .r4 .rowMain .r_center .component .itemwrap {
        height: 160px;
    }

    #new > .updateBox {
        height: 350px !important;
    }

    #pro .r1 .r_center .pro_item1 {
        height: auto;
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

    #pro .r1 .r_center .pro_item1 > li {
        width: 46%;
        height: auto;
        margin: 0 1% 30px 1%;
    }

    #pro .r4 .r_center .proItem > .proList {
        min-width: 1rem;
    }

    #bloc #center #main .content .bannerPro .b_txt > label {
        height: 0.2rem;
        line-height: 0.2rem;
    }

    #bloc #center #main .content .banner .b_txt .picMove {
        left: -6px;
    }

    #bloc #center #main .content .banner .b_txt .picMove > a {
        width: 32px;
    }

    #bloc #center #main .content .banner .b_txt .picMove, #bloc #center #main .content .banner .b_txt .picMove > a {
        height: 26px;
        line-height: 26px;
    }

    #bloc #center #main .content .bannerPro .aniBtn {
        height: 0.3rem;
        line-height: 0.3rem;
        width: 1rem;
        bottom: 5%;
    }

    #bloc #center #main .content .bannerPro .aniBtn > a {
        height: 0.3rem;
        line-height: 0.3rem;
    }

    #pro .r2 .r_center > span {
        font-size: 1rem;
    }

    #pro .r2 {
        height: 285px;
    }

    #pro .r3 .r_center > ul > li {
        width: 48% !important;
    }

    #pro .r3 .r_center > ul.guidao_list:last-of-type > li {
        width: 100% !important;
    }

    #pro .guidao_list .skewBox > small:nth-child(2) {
        padding-top: 10px;
    }

    #pro .guidao_list .skewBox > small:nth-child(3) {
        padding-top: 20px;
    }

    #pro .guidao_list .skewBox > small:nth-child(4) {
        padding-top: 26px;
    }

    #pro .r5 .r_center > a.txtDown {
        margin: 0;
    }

    #pro .r1 .r_top .title .title_item > li {
        margin: 12px 6px;
    }

    #pro .r4 .r_center .imgBox .carItem > li {
        min-height: inherit;
        height: 240px;
    }

    #pro .r4 .r_center .imgBox .carItem > li .c1_2, #pro .r4 .r_center .imgBox .carItem > li .c1_1, #pro .r4 .r_center #cv {
        display: none;
    }

    #pro .r1 .r_top .title .title_item > i {
        line-height: 200%;
    }

    #bloc #center #main .content .banner .b_txt > span {
        font-size: 0.3rem;
    }

    #bloc #center #main .content .banner .b_txt > span {
        letter-spacing: 7px;
    }

    #bloc #center #main .content .bannerPro .myvideo .videoTxt > font {
        font-size: 0.2rem;
    }

    #bloc #center #main .content .bannerPro .myvideo .videoTxt .tiaoguang_p {
        font-size: 0.2rem;
        margin-bottom: 24px;
        padding-bottom: 10px;
    }

    input[type=range] {
        width: 200px;
    }

    #bloc #center #main .content .bannerPro .myvideo .dotItem {
        height: 26px;
        line-height: 8px;
    }

    #bloc #center #main .content .bannerPro .myvideo .dotItem > li {
        width: 14px;
        height: 14px;
        margin: 0 5px;
    }

    #bloc #center #main .content .bannerPro .myvideo .dotItem > li svg circle {
        transform: translate(7px, 7px);
    }

    #bloc #center #main .content#zongcheng .bannerPro .bannerMask {
        height: 200px;
    }

    #bloc #center #main .content#zongcheng .bannerPro .myvideo video {
        height: 200px;
    }

    #bloc #center #main .content#zongcheng .bannerPro .Tboli {
        bottom: 0.8rem;
    }

    #bloc #center #main .content#zongcheng .banner .b_txt {
        line-height: 32px !important;
        left: 17% !important;
        top: 7% !important;
    }

    #bloc .track .r1 .r_center .pro_item1 > li {
        height: 300px;
    }

    .network .select-div dl dt, .network .select-div dl, .network .select-div dl dd {
        width: 150px;
        margin-right: 15px;
    }

    .network .select-div .search {
        margin-top: 20px;
    }

    .network .select-div .search, .network .select-div .search::before {
        width: 150px;
    }

    .network .map-div .list {
        width: 100%;
    }

    .network #shop {
        height: 4.2rem;
        margin-bottom: 32px;
    }

    .network .map-div .list li {
        margin-bottom: 10px;
    }

    .network .map-div #map {
        width: 100%;
    }

    #pro .r2 .skew .Tvideo video {
        display: none;
    }

    #pro .r2 .skew .Tvideo.on video {
        display: block;
    }
}


/*20260318 可持续发展*/

@media screen and (max-width: 800px) {
    .mb_sty {
        display: block;
    }

    .pc_sty {
        display: none;
    }

    .hint_case {
        display: none;
    }

    .pub_title {
        height: 0.6rem;
        line-height: .6rem;
        margin-bottom: 0.2rem;
        font-size: .32rem;
    }

    #bloc #center #main #sustainable.content .rowMain > div {
        padding-top: 18px;
        flex-wrap: wrap;
        padding-bottom: .5rem;
    }

    #sustainable .r1_right {
        width: 100%;
        min-width: auto;
        margin-top: .05rem;
    }

    #sustainable .r1_right .pub_img_box .pub_img_txt {
        /*font-size: .22rem;*/
        font-size: .14rem;
    }

    #sustainable .r1_right p {
        margin-top: .4rem;
        font-size: .14rem;
        line-height: 200%;
    }

    #sustainable .r1_right p b {
        font-size: inherit;

    }

    #bloc #center #main .content.sustainable .r2,
    #bloc #center #main .content.sustainable .r3,
    #bloc #center #main .content.sustainable .r4,
    #bloc #center #main .content.sustainable .r5,
    #bloc #center #main .content.sustainable .r6,
    #bloc #center #main .content.sustainable .r7 {
        margin-top: -20px;
        padding-top: 0;
    }
    #bloc #center #main .content.sustainable .r6{
        overflow: hidden;
    }
    #sustainable .r2_con {
        margin-top: .05rem;
        width: 100%;
    }

    #sustainable .r2_con .pub_img_box {
        margin-top: .4rem;
    }

    #sustainable .r3 {
        overflow: hidden;
    }

    #sustainable .r3_con {
        width: 100%;
        margin-top: .05rem;
        margin-left: auto;
        margin-right: auto;
        overflow: visible;
    }

    #sustainable .r3_con .r3_block .pub_img_case .pub_img_box::before {
        padding-top: calc(9 / 16 * 100%);
    }

    #sustainable .r3_con + .pot_case {
        display: flex;
    }

    #sustainable .r3_con .r3_block.on .r3_block_text p {
        font-size: .18rem;
    }

    #sustainable .r3_con .r3_block.on .r3_block_text p span {
        display: none;
    }

    .r3_block_title {
        line-height: .5rem;
        font-size: .2rem;
    }

    .pot_case .swiper-pagination .swiper-pagination-current {
        font-size: .3rem;
    }

    #bloc #center #main .content.sustainable .r4 .skew {
        top: -.15rem;
        height: calc(100% - .2rem);
    }

    #sustainable .r4_con_left {
        width: 100%;
    }

    .su_tab {
        display: flex;
        justify-content: flex-start;
        margin-top: -.1rem;
    }

    .su_tab a {
        font-size: .2rem;
        padding: .1rem .2rem;
    }

    #sustainable .r4_con_right {
        width: 100%;
        margin-top: .15rem;
    }

    .l_dot {
        padding-left: .18rem;
    }

    .l_dot::before {
        width: .06rem;
        height: .06rem;
        left: 0.06rem;
        font-size: .16rem;
    }

    .l_dot h6 {
        /* 核心：限制显示行数 */
        -webkit-line-clamp: 2; /* 显示3行，可改为2/4等 */
        /* 配合属性：将元素转为弹性盒模型 */
        display: -webkit-box;
        /* 配合属性：设置文本排列方向为垂直 */
        -webkit-box-orient: vertical;
        /* 溢出内容隐藏 */
        overflow: hidden;
        /* 可选：文本溢出部分用省略号（webkit内核默认带，其他浏览器需配合） */
        text-overflow: ellipsis;
        /* 必须：设置宽度（否则不会触发溢出） */
        /* 可选：防止换行符/空格导致布局异常 */
        white-space: normal;
        font-size: .16rem;
        /*height: 2.4em;*/
    }

    #sustainable .r5_con {
        width: 100%;
        margin-top: -.15rem;
        justify-content: space-between;
    }

    #sustainable .r5_block {
        margin-right: 0;
        margin-top: .2rem;
        width: 100%;
        height: auto;
    }

    #sustainable .r5_block .r5_block_all {
        padding: .4rem .15rem .6rem;
    }

    #sustainable .r5_block .r5_t h5 {
        /*font-size: .2rem;*/
        font-size: .24rem;
    }

    #sustainable .r5_block .r5_t {
        margin-bottom: .25rem;
    }

    #sustainable .r5_block p {
        font-size: .14rem;
    }

    #sustainable .r5_block .r5_item_c .r5_item {
        font-size: .14rem;
    }

    #sustainable .r5_block .r5_t span {
        width: .3rem;
        height: .3rem;
        font-size: .14rem;
    }

    #sustainable .r5_block > img {
        width: .9rem;
        bottom: 0;
        right: 0;
    }


    #sustainable .r5_block .iconfont {
        font-size: 1.2rem;
        left: auto;
        right: .15rem;
        bottom: .15rem;
    }


    #sustainable .r6_t_case {
        flex-wrap: wrap;
    }

    #sustainable .r6_t_case img {
        display: none;
    }

    #sustainable .r6_t_case .r6_t_tab_case {
        margin-top: .2rem;
    }

    #sustainable .r6_t_tab_case a p {
        font-size: .2rem;
    }

    .r6_t_tab_case a {
        min-width: 1.28rem;
        height: .66rem;
        padding-left: .16rem;
        padding-right: .16rem;
        margin-right: .26rem;
    }

    .r6_t_tab_case a span {
        font-size: .5rem;
    }

    #sustainable .r6 {
        overflow: hidden;
    }

    #sustainable .r6_con {
        margin-top: .3rem;
        width: 100%;
    }

    .r6_con_esg::before {

        width: 100%;
    }

    .r6_con_esg {
        padding-bottom: .5rem;
    }

    .r6_con_tab .swiper-slide {
        width: 1rem;
        padding-top: .1rem;
        padding-bottom: .1rem;
        font-size: .18rem;
    }

    .r6_con_pj_con .swiper {
        padding-top: 0;
        overflow: visible;
    }

    .r6_con_pj_con .swiper .swiper-slide {
        padding: .3rem .15rem;
        height: auto;
    }

    .r6_con_pj_con .swiper .swiper-slide h4 {
        font-size: .24rem;
        width: calc(100% - 1rem);
    }

    .r6_con_pj_con .swiper .swiper-slide .r6_p_i {
        font-size: .13rem;
        margin-top: .45rem;
        margin-bottom: .4rem;
    }

    .r6_con_pj_con .swiper .swiper-slide .r6_p_i span {
        font-size: inherit;
    }

    .r6_con_pj_con .swiper .swiper-slide .r6_p_info {
        font-size: .18rem;
    }

    .r6_con_pj_con .swiper .swiper-slide img {
        top: .3rem;
        right: .15rem;
        max-width: .9rem;
        max-height: .65rem;
    }

    .r6_con_pj {
        padding-bottom: 0;
    }

    .r6_con_pj_con .pot_case {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #bloc #center #main #sustainable.content .r6 .rowMain > div {
        padding-bottom: 0;
    }

    .sustainable .r7 .r7_con .r7_left .pub_title {
        margin-bottom: .2rem;
    }

    .sustainable .r7_left {
        width: 100%;
    }

    .sustainable .r7_right {
        width: 100%;
        margin-top: .2rem;
    }

    .r7_right .swiper-slide .pub_img_box::before {
        padding-top: calc(9 / 16 * 100%);
    }

    .r7_right .swiper-slide .pub_img_txt {
        padding: .15rem;
    }

    .r7_right .swiper-slide .pub_img_txt::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        background-image: linear-gradient(to top, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 100%);

    }

    .r7_right .swiper-slide h4 {
        font-size: .2rem;
        margin-bottom: .05rem;
        position: relative;
        z-index: 2;
    }

    .r7_right .swiper-slide h5 {
        font-size: .16rem;
        position: relative;
        z-index: 2;
    }

    .r_icon {
        width: 1rem;
        height: 1rem;
    }

    .r_icon::before {
        border-width: .5rem;
    }

    .r_icon i {
        padding-right: .2rem;
        padding-bottom: .16rem;
        font-size: .36rem;
    }

    .l_dot h6 {
        margin-bottom: .08rem;
    }

    .l_dot time {
        font-size: .12rem;
    }
    .r4_r_swiper_CSR .l_dot {

    }

    .r4_r_swiper_CSR .l_dot h6 {
        width: calc(100% - 1rem);
        margin-bottom: 0;
    }

    .r4_r_swiper_CSR .l_dot time {
       padding-right: .2em;
    }
    .r7_right .l_dot h6 {
        height: auto;
    }

    .hint_icon {
        display: flex;
    }


    #sustainable .r5_block p {

        min-height: auto;
    }

    #sustainable .r5_block:nth-child(4) p,
    #sustainable .r5_block:nth-child(5) p,
    #sustainable .r5_block:nth-child(6) p {
        min-height: auto;
    }

    .english .hint_case{
        display: none;
    }

    .english .pub_title{
        line-height: 1.2;
        height: auto;
    }
    .english   #sustainable .r3_con .r3_block.on .r3_block_text p{
        font-size: .18rem;
    }
    .english #sustainable .r5_block{
        width: 100%;
    }
    .english #sustainable .r5_block .iconfont{
        left: auto;
    }
    .english #sustainable .r6_t_case .pub_title{
        width: 100%;
    }
    .english .sustainable .r7 .r7_con .r7_left{
        padding-top: 0;
        margin-top: 0;

    }
    .english .sustainable .r7 .r7_con .r7_left .pub_title{
        position: relative;
        white-space: normal;
    }
    .english .su_tab a{
        text-align: center;
        line-height: 1.2;
        font-size: .18rem;
        padding-left: .18rem;
        padding-right: .18rem;
    }
    .english #sustainable .r5_block:nth-child(3n){
        margin-right: 0;
    }
    .management_n span{
        font-size: 14px;
    }
    .m_name{
        font-size: 12px;
    }
    .management_top{
        margin-top: 20px;
    }
    .management_top .management_n{
        height: 93px;
    }
    .management_top .m_name,
    .management_btm .management_right > .m_name{
        width: 180px;
    }
    .management_btm .management_right > .m_name:nth-child(2) {
        width: 120px;
    }
    .management_btm .management_right > .m_name:nth-child(2)::before{
        width: calc((90vw - 55px) / 2 - 130px);

    }
    .management_btm .management_n{
        height: stretch;
    }
    .management_btm .management_right > .m_name:nth-child(1){
        margin-bottom: 64px;
    }
    .management_btm .management_right > .m_name:nth-child(1)::before{
        height: 52px;
    }

    .m_name_case{
        flex-wrap: wrap;
        padding-left: 0;
        padding-right: 0;
        justify-content: space-around;
    }

    .m_name_case .m_name{
        width: calc((100% - 40px) / 3);
        margin-bottom: 10px;
    }
    .m_name_case .m_name:nth-last-child(1),
    .m_name_case .m_name:nth-last-child(2){
        margin-bottom: 0;
    }
    .m_name_case:last-child .m_name{
        width: calc((100% - 30px) / 2);
    }
    .management_top .management_n{
        margin-top: auto;
    }

    .m_name_b::before{

        width: calc(100% - 120px);

    }
    .m_name_b .m_name {
        width: 120px;
    }
.r6_con_con .swiper{
    overflow: visible;
}


    #bloc #center #main #sustainable.content .rowMain > .about_title{
        padding-bottom: 0;
    }
.sustainable .row .about_title {
    font-size: 0.24rem;

}
    .sustainable .row .r_center {
        padding: 0 3%;
    }

    .sustainable .row .r_center ul.myVideo > li {
        width: 24%;
        margin: 0 0 0.12rem 0;
    }
    .sustainable .r7 .r_btm{
        margin-bottom: 0;
    }
    .english .management_btm .management_right > .m_name:nth-child(1)::before {
        height: 84px;
    }
}
@media screen and (max-width: 600px){
    .sustainable .row .r_center ul.myVideo > li {
        width: 48%;
    }
}