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

    header .left {
        width: 25%;
        display: flex;
    }

    header .center {
        width: 50%;
        justify-content: center;
    }

    header .center img {
        width: 100%;
    }

    header .center a {
        line-height: 0;
    }

    header .menu {
        display: none;
    }

    header .right {
        width: 25%;

    }

    .lan_ti {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16vw;
        max-width: 120px;
        cursor: pointer;
        border: solid 1px #bbb;
        border-radius: 50px;
        position: relative;
        font-size: 3.2vw;
        line-height: 6.8vw;
    }

    .lan_ti .icon {
        width: 16px;
        height: 16px;
        fill: var(--tcolor);
    }

    .lan_cont {
        position: absolute;
        z-index: 99999999;
        right: 0;
        top: 100%;
        background-color: var(--twcolor);
        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
        width: 100%;
        padding: 10px 0 15px;
        display: none;
        border-radius: 10px;
    }

    .lan_cont a, .lan_cont a:visited {
        display: block;
        clear: both;
        color: var(--tcolor);
        font-size: var(--tsizeb);
        text-align: center;
        /*border-bottom: solid 1px #ddd;*/
    }

    .lan_cont a:hover {
        color: var(--thcolor);
    }

    /*手机导航*/
    .mob_nav {
        cursor: pointer;
    }

    .mob_nav span {
        display: block;
        width: 6vw;
        max-width: 32px;
        height: 2px;
        background-color: #bbb;
        margin-bottom: 8px;
    }

    .mob_nav span:last-child {
        margin-bottom: 0;
    }

    .mob_nav_cont {
        position: fixed;
        width: 100%;

        height: 100%;
        left: 0;
        top: 0;
        z-index: 999999999;
        background-color: rgba(0, 0, 0, .7);
        display: none;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

    .mob_nav_cont.on {
        display: block;
    }

    .mob_nav_cont .close {
        position: absolute;
        top: 3vw;
        left: 3vw;
        cursor: pointer;
        line-height: 0;
    }

    .mob_nav_cont .close svg {
        width: 6.8vw;
        height: 6.8vw;
        max-width: 32px;
        max-height: 32px;
        fill: var(--twcolor);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .mob_nav_cont .close:hover svg {
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .mob_nav_ti {
        font-size: 5vw;
        color: #222;
        line-height: 3;

    }

    .mob_nav_cont ul {
        position: absolute;
        width: 80vw;
        height: 100vh;
        right: -80%;
        top: 0;
        background-color: #fff;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .mob_nav_cont li {
        border-bottom: solid 1px rgba(0, 0, 0, .05);
        text-indent: 7.2vw;
    }

    .mob_nav_cont li a {
        display: block;
        width: 100%;
        color: #222;
        line-height: 3;
        font-size: 4vw;
    }

    /*网站banner*/
    .ban_cont {
        display: none;

    }


    .ban_zm {
        display: block;
    }


    .bw_brand {
        padding: 6vw 0;
    }

    .bw_brand .title {
        font-size: 6.8vw;
        color: var(--t3color);
        text-align: center;
        font-weight: bold;
    }

    .bw_brand .summary {
        font-size: 4.2vw;
        color: var(--t9color);
        text-align: center;
    }

    .bw_brand .cont {
        padding-top: 6vw;
    }

    .bw_brand .cont li {
        text-align: center;
        margin-right: 4vw;
        float: left;
        width: calc((100% - 4vw) / 2);
        margin-bottom: 4vw;
    }

    .bw_brand .cont li:nth-child(3n) {
        margin-right: 4vw;
    }

    .bw_brand .cont li:nth-child(2n) {
        margin-right: 0;
    }

    .bw_brand .cont .pic {
        text-align: center;

    }

    .bw_brand .cont .pic img {

        max-width: 14.6vw;
    }

    .bw_brand .cont .stitle {
        font-size: 4.2vw;
        font-weight: bold;
        margin: 1vw;
    }

    .bw_brand .cont .ssummary {
        line-height: 1.5;
        color: var(--t6color);
        font-size: 2.6vw;
    }

    .bw_cd {
        position: relative;
        background-image: url("../img/5zmbg.png");
    }

    .bw_cd .pic {
        line-height: 0;
    }

    .bw_cd .pub_cont {
        padding-bottom: 20vw;
    }

    .bw_cd .title {
        font-size: 5.8vw;
        font-weight: bold;
        text-align: center;
    }

    .bw_cd .number {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        margin-top: 3vw;
    }

    .bw_cd .number strong {
        font-style: italic;
        font-size: 20vw;
        line-height: 1;
        background-image: linear-gradient(to right, #01C7FF, #FE42CF);
        color: transparent;
        -webkit-background-clip: text;
        padding-right: 2vw;
    }

    .bw_cd .number em {
        line-height: 1.4;
        font-weight: bold;
        font-style: italic;
        font-size: 8vw;
        padding-right: .5vw;
        background-image: linear-gradient(to right, #01C7FF, #FE42CF);
        color: transparent;
        -webkit-background-clip: text;
    }

    .bw_cd .scont {
        width: 100%;
    }

    .bw_cd .scont ul {
        display: flex;
        justify-content: space-between;

    }

    .bw_cd .scont li {

        width: calc(100% / 3);
    }

    .bw_cd .scont li:last-child {

    }

    .bw_cd .scont .spic {
        text-align: center;
    }

    .bw_cd .scont .spic img {
        max-width: 8.6vw;
    }

    .bw_cd .scont .stitle {
        font-size: 2.6vw;
        text-align: center;
    }


    .bw_zn {
        position: relative;
        background-image: url(../img/znzmbg.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
    }


    .bw_zn .pic {
        line-height: 0;
    }

    .bw_zn .pub_cont {
        padding: 12vw 0 80vw;
    }

    .bw_zn .pub_cont .cont {
        width: 100%;
    }

    .bw_zn .title {
        font-size: 6.8vw;
        font-weight: bold;
        text-align: center;
        margin: 4.8vw 0 6.9vw;
        line-height: 1;
    }

    .bw_zn .summary {
        font-size: 5.2vw;
        line-height: 1;
        text-align: center;
        margin-top: 12vw;
        font-weight: bold;
    }

    .bw_zn .scont {
        width: 100%;
        font-size: 2.1vw;
    }


    .bw_zn .scont .stitle {
        font-size: 3.6vw;
        text-align: center;
    }

    .bw_zn .scont .stitle p {
        line-height: 2;
    }


    .bw_yc {
        position: relative;
    }

    .bw_yc .pub_cont {
        position: absolute;
        width: 92%;
        left: 4%;
        top: 0;
        z-index: 99;
        height: 100%;
        display: block;
    }

    .bw_yc .pic {
        line-height: 0;
        display: block;
    }

    .bw_yc .picpc {
        display: none;
    }

    .bw_yc .title {
        font-size: 5.2vw;
        line-height: 1;
        color: var(--t3color);
        text-align: center;
        font-weight: bold;
        margin-top: 3.7vw;
    }

    .bw_yc .summary {
        line-height: 1;
        font-size: 4.2vw;
        font-weight: bold;
        color: var(--t3color);
        text-align: center;
    }

    .bw_yc .cont {
        background-color: rgba(247, 247, 247, .9);
        padding: 8vw 4vw;
        margin-top: 10.6vw;
        border-radius: 3.2vw;
    }

    .bw_yc .stitle {
        font-size: 2.6vw;
    }

    .bw_yc .scont ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        margin-top: 8.5vw;
    }

    .bw_yc .scont li {
        width: 25%;
        text-align: center;
    }

    .bw_yc .scont .spic img {
        max-width: 8.6vw;
    }

    /*关于我们*/
    .bw_ab {
        position: relative;
    }

    .bw_ab .pic {
        line-height: 0;
        display: block;
    }

    .bw_ab .picc {
        display: none;
    }

    .bw_ab .pub_cont {
        position: absolute;
        left: 4%;
        width: 92%;
        top: 0;
        z-index: 99;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bw_ab .summary {
        font-size: 6vw;
        text-align: center;
        line-height: 1.5;
        color: var(--twcolor);
        font-weight: bold;
    }

    .bw_ab .title {
        font-size: 3.2vw;
        line-height: 1;
        text-align: center;
        margin-top: 5.8vw;
        color: var(--twcolor);
    }

    .ab_qcont .pub_cont {
        padding: 4.8vw 0;
        border-bottom: solid 1px #f5f5f5;
    }

    .ab_qcont ul {
        display: flex;
    }

    .ab_qcont li {
        display: block;
        margin-right: 3vw;
        text-align: center;
        width: calc((100% - 9vw) / 4);
    }

    .ab_qcont li:last-of-type {
        margin-right: 0;
    }

    .ab_qcont .pic {
        width: 100%;
        justify-content: center;
    }

    .ab_qcont .cont {
        width: 100%;
    }

    .ab_qcont .pic img {
        width: 6.4vw;
    }

    .ab_qcont .title {
        display: none;
    }

    .ab_qcont .summary {
        font-size: 2.4vw;
        margin-top: 3vw;
        line-height: 1.5;
    }

    .ab_cont .pc {
        display: none;
    }

    .pub_cont .zm {
        display: block;
    }

    .ab_cont {
        padding: 12vw 0;
    }

    .ab_cont .cont li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3vw;
    }

    .ab_cont .cont li:nth-child(3) {
        margin-bottom: 3vw;
    }

    .ab_cont .title {
        text-align: center;
        font-size: 6.8vw;
        font-weight: bold;
    }

    .ab_cont .summary {
        text-align: center;
        font-size: 4.2vw;
        text-transform: uppercase;
    }

    .ab_cont .cont {
        font-size: 3.2vw;
        margin-top: 8vw;
    }

    .pc_abc {
        display: none;
    }

    .bw_abc {
        position: relative;
        background-position: center;
        background-size: cover;
        display: block;
    }

    .bw_abc .pic {
        line-height: 0;

    }

    .bw_abc .pub_cont {
        padding: 12vw 0;

    }

    .bw_abc .summary {
        font-size: 4.2vw;
        text-transform: uppercase;
        text-align: center;
        color: var(--twcolor);
    }

    .bw_abc .title {
        font-size: 6.8vw;
        text-align: center;
        color: var(--twcolor);
        font-weight: bold;
    }

    .bw_abc .cont {
        font-size: 3.2vw;
        margin-top: 8vw;
        color: var(--twcolor);
    }

    .pc_advan {
        display: none;
    }

    .bw_advan {
        position: relative;
        background-image: linear-gradient(to right, #000257, #00012C);
        display: block;
    }

    .bw_advanc {
        display: block;
    }

    .bw_advan .pub_cont {
        padding: 12vw 0 9.6vw;
    }

    .bw_advan .title {
        font-size: 6.8vw;
        text-align: center;
        color: var(--twcolor);
        font-weight: bold;
    }

    .bw_advan .summary {
        font-size: 4.2vw;
        text-transform: uppercase;
        text-align: center;
        color: var(--twcolor);
    }

    .bw_advanctab {
        background-color: #fff;
    }

    .bw_advanctab ul {
        display: flex;
        justify-content: space-around;
    }

    .bw_advanctab li {
        width: calc(100% / 6);
        line-height: 13.3vw;
        text-align: center;
        font-size: 3.2vw;
        cursor: pointer;
    }

    .bw_advancont .pub_cont {
        padding: 16vw 0;
        color: var(--twcolor);
    }

    .bw_advancont .title {
        font-size: 6.8vw;
        text-align: left;
        color: var(--twcolor);
        font-weight: bold;
    }

    .bw_advancont .summary {
        font-size: 4.2vw;
        text-align: left;
        color: var(--twcolor);
    }

    .bw_advancont .summary::after {
        content: "";
        width: 4.2vw;
        height: 0.8vw;
        display: block;
        background-color: #fff;
        margin: 8vw auto 8vw 0;

    }

    .bw_advancont .cont {
        font-size: 3.2vw;
        color: var(--twcolor);
        background-size: cover;
        background-position: center bottom;
    }

    .bw_advanctab li.active {
        background-color: var(--ttabcolor);
        color: var(--twcolor);
        position: relative;
    }

    .bw_advanctab li.active::after {
        position: absolute;
        z-index: 999;
        top: 100%;
        content: "";
        width: 0;
        height: 0;
        border-width: 1.6vw;
        border-style: solid;
        border-color: var(--ttabcolor) transparent transparent transparent;
        left: calc(50% - 0.8vw);
    }

    .bw_advancont li {
        display: none;
    }

    .bw_advancont li.active {
        display: block;
    }

    .pc_fw {
        display: block;
        background-image: none !important;
        height: 136vw;
    }

    .pc_fw .pub_cont {
        padding-top: 13.3vw;
    }

    .pc_fw .title {

        font-size: 6.8vw;
        text-align: center;
    }

    .pc_fw .summary {
        text-align: center;
        color: var(--t9color);
        font-size: 4.2vw;
        margin-top: 2.6vw;
    }

    .zm_fw {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    .pa_ct {
        background-image: url("../img/hand_bg2.png") !important;
    }

    .pa_ct .pub_cont {
        padding: 12vw 0;
    }

    .pa_ct .title {
        font-size: 8.5vw;
        line-height: 1;
        text-transform: uppercase;
        font-weight: bold;
        width: 80%;
    }

    .pa_ct .cont {
        font-size: 2.9vw;
        margin-top: 5.2vw;
    }

    .pa_ct .stitle {
        font-size: 5.2vw;
        color: var(--ttabcolor);
        margin-top: 12vw;
    }

    .pa_ct .scont {
        font-size: 5.2vw;
        font-weight: bold;
        color: var(--t3color);
        margin-top: 13.3vw;
        margin-bottom: 6.9vw;
    }

    .pa_mes .fr_cont {
        margin-bottom: 4.2vw;
        width: 100%;
    }

    .pa_mes .fr_cont input {
        width: 100%;
        line-height: 9.6vw;
        border: solid 1px var(--tborder);
        font-size: 3.2vw;
        text-indent: 3.2vw;
    }

    .pa_mes .fr_cont textarea {
        width: calc(100% - 6.4vw);
        line-height: 9.6vw;
        border: solid 1px var(--tborder);
        font-size: 3.2vw;
        padding: 1.2vw 3.2vw;
        height: 38.4vw;
    }

    .pa_mes .fr_button input {
        width: 100%;
        line-height: 9.6vw;
        border: solid 1px var(--ttabcolor);
        background-color: var(--ttabcolor);
        color: var(--twcolor);
        text-align: center;
        font-size: 3.6vw;
        cursor: pointer;

    }

    .cont_item {
        display: flex;
        align-items: center;
        margin-top: 4.8vw;
    }

    .cont_item .left {
        display: flex;
        margin-right: 3.2vw;
    }

    .cont_item .left img {
        width: 4.8vw;
        height: auto;
    }

    .cont_item .right {
        font-size: 3.2vw;
    }

    .pa_ct .top {
        display: block;
    }

    .pa_ct .pc_left {
        width: 100%;
        border: 0;
    }

    .pa_ct .pc_right {
        width: 100%;
    }

    .cont_ewm {
        display: none;
    }

    .nx_pic {
        display: none;
    }

    .bw_news {
        position: relative;
    }

    .bw_news .picc {
        display: none;
    }

    .bw_news .pic {
        display: block;
    }

    .bw_news .pub_cont {
        position: absolute;
        left: 4%;
        width: 92%;
        top: 0;
        z-index: 99;
        height: 100%;
        display: block;

    }


    .bw_news .title {
        font-size: 8.5vw;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        margin-top: 19.7vw;
        color: var(--t3color);
    }

    .bw_news .search {
        margin-top: 8vw;
        border: solid 1px #c8c8c8;
        background-color: var(--twcolor);
        padding: 0 10px;
        width: 100%;
    }

    .bw_news .search input {
        width: 100%;
        line-height: 10.6vw;
        font-size: 3.2vw;
        background-color: #fff;
    }

    .bw_news .search .form-search {
        display: flex;
        align-items: center;

    }

    .bw_news .search button {
        width: 6.8vw;
        height: 6.8vw;
        background-color: transparent;
        cursor: pointer;
    }

    .bw_news .search .icon {
        width: 100%;
        height: 100%;
        fill: var(--t3color);
    }

    .news_list .pub_cont {
        padding: 8vw 0;
    }

    .news_list li:not(:first-child) .pic {
        display: none;

    }

    .news_list {
        background-color: #F8F9FB;
    }

    .news_list li {
        width: 100%;
        background-color: var(--twcolor);
        margin-bottom: 3.8vw;
    }

    .news_list li:first-child a {
        padding: 3vw;
    }

    .news_list .list_n_cont .n_cont {
        width: 100%;
    }

    .news_list li:first-child .new_title {
        font-size: 3.8vw;
        margin-top: 15px;
    }

    .news_list li:first-child .new_title::before {
        display: none;
    }

    .news_list li:first-child .list_n_cont .n_cont {
        width: 100%;
    }

    .news_list li:not(:first-child) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 3.8vw;
    }

    .news_list li .pc_time {
        display: none;
    }

    .news_list li .time {
        display: block;
    }

    .news_list .list_n_cont {
        display: block;
    }

    .news_list .list_n_cont .pic {
        width: 100%;
        padding-bottom: 75%;
    }

    .news_list .new_title {
        font-size: 3.8vw;
        color: var(--t3color);
        font-weight: bold;
        height: auto;
    }

    .news_list .time {
        font-size: 3.2vw;
        color: #bbb;
    }

    .news_list li:not(:first-child) .desc {
        height: auto;
    }

    .news_list .desc {
        font-size: 3.2vw;
        line-height: 1.5;
        color: var(--t6color);
        height: 9.6vw;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .news_detail {
        padding: 8vw 0;
    }

    .news_detail .title {
        font-size: 6.8vw;
        line-height: 1.5;
        font-weight: bold;
    }

    .news_detail .n_time {
        display: flex;
        color: #A0A9C0;
        justify-content: space-between;
        font-size: 3.8vw;
        padding-bottom: 5.2vw;
        margin: 5.2vw 0;
        border-bottom: solid 1px #D8D8D8;
    }

    .news_detail .n_time svg {
        width: 4.6vw;
        height: 4.6vw;
        fill: #A0A9C0;
        margin-right: 10px;
    }

    .news_detail .n_time .right {
        display: flex;
        align-items: center;
    }

    .detail_news {
        padding-bottom: 5.2vw;
        font-size: 4vw;
    }

    .article-prevnext {
        font-size: 3.2vw;
        display: block;
    }

    .article-prevnext .r_left {
        width: 100%;
        margin-bottom: 3vw;
    }

    .article-prevnext .r_right {
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .article-prevnext .r_right a {
        text-align: left;
    }

    .article-prevnext a {
        height: 4.8vw;
        width: calc(100% - 60px);
    }

    .article-prevnext .r_right span {
        text-align: left;
    }

    .article-prevnext span {
        text-align: left;
        width: 60px;
    }

    .bw_pcpro {
        display: none;
    }

    .bw_pro {
        position: relative;
        display: block;
    }

    .bw_pro .pic {
        line-height: 0;
    }

    .bw_pro .pub_cont {
        position: absolute;
        left: 4%;
        width: 92%;
        top: 0;
        z-index: 99;
        height: 100%;

    }


    .bw_pro .title {
        font-size: 8.5vw;
        font-weight: bold;
        line-height: 1;
        text-align: center;
        margin-top: 19.7vw;
        color: var(--twcolor);
    }

    .bw_pro .summary {
        font-size: 5.2vw;
        text-align: center;
        text-transform: uppercase;
        color: var(--twcolor);
    }

    .pcpic_list {
        display: none;
    }

    .zmpic_list {
        display: block;
    }

    .zmpic_list img {
        width: 100%;
    }

    .detail_cont .m_title {
        font-size: 5.6vw;
        font-weight: bold;
        line-height: 1.5;
        margin-bottom: 5.2vw;
    }

    .detail_cont .desc {
        font-size: 3.6vw;
        color: var(--t6color);
    }

    .detail_cont .top {
        display: block;
        padding-bottom: 8vw;
        margin-bottom: 0;
        border-bottom: dotted 0 #D6D6D6;
    }

    .detail_cont .bottom .d_title {
        font-size: 4.8vw;
        font-weight: bold;
        margin-bottom: 5.2vw;
        color: var(--t9color);
    }


    .pro_cont li {
        width: calc((100% - 4%) / 2);
        margin-right: 4%;
        margin-bottom: 4%;
        float: left;
    }

    .pro_cont li:nth-child(2n) {
        margin-right: 0;
    }

    .pro_cont li .s_title {
        font-size: 3.2vw;
        height: 4.8vw;
        color: var(--t3color);
        line-height: 1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .pro_cont li .desc {
        line-height: 1.5;
        font-size: 2.6vw;
        height: 3.9vw;
        color: var(--t6color);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }


    .bw_tec {
        position: relative;
    }

    .bw_tec .picc {
        line-height: 0;
        display: none;
    }

    .bw_tec .pic {
        line-height: 0;
        display: block;
    }

    .bw_tec .pub_cont {
        position: absolute;
        left: 4%;
        width: 92%;
        top: 0;
        z-index: 99;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bw_tec .summary {
        font-size: 6.8vw;
        text-align: center;
        line-height: 1.5;
        color: var(--twcolor);
        font-weight: bold;
    }

    .bw_tec .title {
        font-size: 3.2vw;
        line-height: 1;
        text-align: center;
        margin-top: 5.8vw;
        color: var(--twcolor);
    }

    .bw_tec1 .pub_cont {
        padding: 13.2vw 0;
    }

    .bw_tec1 .title {
        font-size: 6.8vw;
        font-weight: bold;
        color: var(--t3color);
        text-align: center;
    }

    .bw_tec1 .summary {
        font-size: 4.2vw;
        color: var(--t9color);
        text-align: center;
        margin-bottom: 8vw;
    }

    .bw_tec1 .cont {
        display: flex;
    }

    .bw_tec1 .cont .left {
        width: 50%;
        padding: 8.5vw 4.8vw;
        background-image: url("../img/tecbg01.png");
        background-size: cover;

    }

    .bw_tec1 .cont .left img {
        width: 50%;
        max-width: 174px;
    }

    .bw_tec1 .cont .left .stitle {
        font-size: 4vw;
        text-align: center;
        font-weight: bold;
    }

    .bw_tec1 .cont .left .scont {
        font-size: 2.6vw;
        color: var(--twcolor);
    }

    .bw_tec1 .cont .right {
        width: 50%;
        padding: 8.5vw 4.8vw;
        background-image: url("../img/tecbg02.png");
        background-size: cover;
    }

    .bw_tec1 .cont .right .stitle {
        font-size: 4vw;
        font-weight: bold;
        text-align: center;
        color: var(--twcolor);
    }

    .bw_tec1 .cont .right .scont {
        font-size: 2.6vw;
        color: var(--twcolor);
    }

    .bw_tec2 {
        background-size: cover;
    }

    .bw_tec2 .cont {
        display: block;
    }

    .bw_tec2 .cont .pc_cont {
        width: 100%;
    }

    .bw_tec2 .cont .img {
        width: 100%;
    }

    .bw_tec2 .title {
        font-size: 6.8vw;
        font-weight: bold;
        color: var(--t3color);
        text-align: center;
    }

    .bw_tec2 .summary {
        font-size: 4.2vw;
        color: var(--t9color);
        text-align: center;
        margin-bottom: 8vw;
    }

    .bw_tec2 .pub_cont {
        padding: 13.2vw 0;
    }

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

    .bw_tec2 .cont1 .c1 {
        font-size: 5.2vw;
    }

    .bw_tec2 .cont1 .c2 {
        font-size: 8.5vw;
        color: var(--thcolor);
        font-weight: bold;
        margin: 0 10px;
    }

    .bw_tec2 .cont1 .c3 {
        line-height: 1.2;
        font-size: 2.9vw;
    }

    .bw_tec3 .pub_cont {
        display: block;
        padding: 13.2vw 0;
    }

    .bw_tec3 .pc_cont {
        width: 100%;
    }

    .bw_tec3 .cont {
        width: 100%;
    }

    .bw_tec3 .title {
        text-align: center;
        font-size: 6.8vw;
    }

    .bw_tec3 .pc_cont > div {
        width: 100%;
        margin-bottom: 8vw;
    }

    .bw_tec3 .summary {
        text-align: center;
        font-size: 4.2vw;
    }

    .tecl1 {
        margin-bottom: 5vw;
    }

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

    .tecl12 {
        width: 40vw;
        background-color: var(--thcolor);
        height: 1.6vw;
        border-radius: 12px;
        margin-right: 10px;
    }

    .tecl13 {
        font-size: 4.2vw;
        color: var(--t3color);
        font-weight: bold;
    }

    .tecl14 {
        font-size: 3.2vw;
        color: var(--t3color);
    }

    .tecl2 {
        margin-bottom: 5vw;
    }

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

    .tecl22 {
        width: 70vw;
        background-color: var(--t9color);
        height: 1.6vw;
        border-radius: 12px;
        margin-right: 10px;
    }

    .tecl23 {
        font-size: 4.2vw;
        font-weight: bold;
        color: var(--t9color);
    }

    .tecl24 {
        font-size: 3.2vw;
        color: var(--t6color);
    }

    .tecl3 {
        font-size: 2.6vw;
        margin-bottom: 5vw;
        color: var(--t3color);
    }

    .bw_tecyh {
        background-color: var(--thcolor);
    }

    .bw_tecyh .pub_cont {
        padding: 13.2vw 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .bw_tecyh .title {
        font-size: 6.8vw;
        font-weight: bold;
        color: var(--twcolor);
        text-align: center;
    }

    .bw_tecyh .summary {
        font-size: 4.2vw;
        color: var(--twcolor);
        text-align: center;
        margin-bottom: 8vw;
    }

    .bw_tecyh .cont {
        display: flex;
        justify-content: center;
        margin-top: 10.6vw;
        width: 100%;

    }

    .bw_tecyh .pc_cont {
        width: 100%;
    }

    .bw_tecyh .cont > div {
        text-align: center;
    }

    .bw_tecyh .cont img {
        width: 80%;
    }

    .bw_tecyh ul {
        color: var(--twcolor);
    }

    .bw_tecyh li {
        width: calc((96% - 4px) / 2);
        margin-right: 4%;
        margin-bottom: 4%;
        float: left;
        border: solid 1px #fff;
        border-radius: 12px;
        padding: 5vw 0;
    }

    .bw_tecyh li:nth-child(2n) {
        margin-right: 0;
    }

    .bw_tecyh .stitle {
        font-size: 3.7vw;
        text-align: center;
        margin-bottom: 2.6vw;
    }

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

    .bw_tecyh .scont .left {
        font-size: 10.6vw;
        line-height: 1;
    }

    .bw_tecyh .scont .right {
        font-size: 4.2vw;
        line-height: 1.4;
    }


    .bw_tecdate {
        background-position: center bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("../img/dzmbg.png") !important;
        background-color: #f5f5f5;
    }

    .bw_tecdate .pub_cont {
        padding: 13.2vw 0;
    }

    .bw_tecdate .title {
        font-size: 6.8vw;
        font-weight: bold;
        color: var(--t3color);
        text-align: center;
    }

    .bw_tecdate .summary {
        font-size: 4.2vw;
        color: var(--t9color);
        text-align: center;
        margin-bottom: 8vw;
    }

    .bw_tecdate .cont {
        overflow: hidden;
        margin-top: 6.25vw;
    }

    .bw_tecdate .cont li img {
        line-height: 0;
        width: 100%;
    }

    .bw_tecdate .cont li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 2%;
        float: left;
    }

    .bw_tecdate .cont li:nth-child(4n) {
        margin-right: 4%;
    }

    .bw_tecdate .pc_cont {
        width: 100%;
    }

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {
        *zoom: 1;
        display: block;
    }

    .htit {
        line-height: 1rem;
        padding: 0 .3rem;
        color: #ff8e2e;
        font-size: .4rem;
        margin: 1rem 0 .4rem 0
    }


    .wrapper04 {
        position: relative;

        width: 100%;
        overflow: hidden;
        margin: 0 auto;
        background: #fff;
        border-bottom: solid 1px #f5f5f5;
    }

    .wrapper04 .scroller {
        position: absolute;


    }

    .wrapper04 .scroller li {

        color: #333;
        float: left;
        line-height: 13.3vw;
        font-size: 3vw;
        padding: 0 2.6vw;
        text-align: center
    }

    .wrapper04 .scroller li a {
        color: #aaa;
        display: block;
        padding: 0;

        font-size:14px;
    }

    .wrapper04 .scroller li.cur {
        background: #fff;

    }

    .wrapper04 .scroller li.cur a {
        color: var(--t3color);
        position: relative;

    }

    .wrapper04 .scroller li.cur a::after {
        content: "";
        width: 100%;
        height: 2px;
        display: block;
        background-color: var(--ttabcolor);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 9999;
    }

    .pro_list {
        padding: 8vw 0;
    }

    .pro_cont {
        display: none;
        font-size: 3.2vw;
    }

    .pro_cont.active {
        display: block;
    }

    .pro_cont li b {
        display: block;
        font-size: 3.2vw;
        line-height: 2;
        height: 6.4vw;
        color: var(--t3color);
        overflow: hidden;

    }

    .pro_cont li p {
        display: block;
        font-size: 2.6vw;
        line-height: 2;
        height: 5.2vw;
        color: var(--t6color);
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    /*网站底部*/
    footer {
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
        background-color: #5074c3;
        color: rgba(255, 255, 255, .7);

    }

    footer a:link, footer a:visited {
        color: rgba(255, 255, 255, .7);
    }

    footer a:hover {
        color: rgba(255, 255, 255, 1);
    }

    .f_top {
        padding: 6vw 0;
    }

    .f_top .pub_cont {

    }

    .f_bottom {
        border-top: solid 1px rgba(255, 255, 255, .2);
        padding: 3vw 0 5vw;
        text-align: center;
        font-size: .15rem;
    }

    .f_bottom .pub_cont {
        font-size: 12px;
    }

    .flogo img {
        width: 100%;
        max-width: 210px;
    }

    .fquick {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 10px;
    }

    .fquick .left {
        display: flex;
        margin-right: 10px;
        align-items: center;
    }

    .fquick img {
        width: 24px;
        height: auto;
    }

    .fquick .right {
        font-size: 3.2vw;
    }

    .fquick a:link, .fquick a:visited {
        color: rgba(255, 255, 255, .7);
        font-size: 3.2vw;
    }

    .fquick a:hover {
        color: rgba(255, 255, 255, 1);
    }

    /*快捷菜单*/
    .quick {
        position: fixed;
        right: 0;
        z-index: 999999;
        bottom: 50px;
    }

    .quick svg {
        width: 28px;
        height: 28px;
        fill: #fff;
        -webkit-transition: all 0s ease-out;
        -moz-transition: all 0s ease-out;
        transition: all 0s ease-out;
    }

    .quick li {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, .7);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        margin-bottom: 5px;
        position: relative;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    }

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

    .quick li:hover {
        background-color: var(--thcolor);
    }

    .q_telcont {
        width: 220px;
        position: absolute;
        top: 0;
        right: 40px;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        display: none !important;
    }

    .q_telcont span {
        font-size: 24px;
        font-weight: bold;
        color: var(--thcolor);
    }

    .q_telcont.on {
        display: block;
    }


    .q_mobcont {
        width: 220px;
        position: absolute;
        top: 0;
        right: 40px;
        background-color: #fff;
        border-radius: 5px;
        padding: 10px 20px;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
        display: none !important;

    }

    .q_mobcont span {
        font-size: 24px;
        font-weight: bold;
        color: var(--thcolor);
    }

    .q_mobcont.on {
        display: block;
    }

    .loadmore {
        font-size: 3.2vw;
    }

    .f_top .pub_cont .aleft {
        width: 100%;
    }

    .f_top .pub_cont .acenter {
        display: none;
    }

    .f_top .pub_cont .aright {
        display: none;
    }

    .pa_mall .top {
        display: block;
    }

    .pa_mall .pc_left {
        width: 100%;
        border: 0;
    }

    .pa_mall .pc_right {
        width: 100%;
    }

    .pa_mall .title {
        font-size: 8.5vw;
    }

    .pa_mall .cont {
        font-size: 2.9vw;
        margin-top: 5.2vw;
        margin-bottom: 6vw;
    }

    .pa_mall .ewm1 {
        float: none;
        padding: 4vw;
    }

    .pa_mall .bottom {
        display: block;
    }

    .pa_mall .bottom .ewm2 {
        width: calc(100% - 8vw);
        padding: 4vw;
        margin-right: 0;
    }

    .pa_mall .ewm1 .sbottom {
        font-size: 14px;
    }

    .pa_mall .bottom .ewm2 .left {
        width: 30%;
    }

    .pa_mall .bottom .ewm2 .right {
        width: calc(70% - 4vw);
    }

    .pa_mall .bottom .ewm2 .e_top {
        font-size: 4vw;
    }

    .pa_mall .bottom .ewm2 .sbtitle {
        font-size: 14px;
    }

    .pa_mall .bottom .ewm2 .e_top img {
        max-width: 32px;
        margin-right: 10px;
    }

    .pa_mall .ewm1 .stop {
        font-size: 4vw;
    }

    .pa_mall .ewm1 .stop img {
        max-width: 32px;
        margin-right: 10px;
    }

    .detail_cont .top .cont{
        width: 100%;
    }
    #spec-n5{
        display: none;
    }
}