#about .content .about-3 .sjz .zpc{
    display: block;
}
#about .content .about-3 .sjz .zapp{
    display: none;
}
#p2{display:none; }
@media all and (max-width: 480px) {
    #p1{display: none;}
    #p2{display:block; }
    .f-fs-120 {font-size: 60px; }
    .f-fs-100 {font-size: 60px; }
    .f-fs-88 {font-size: 68px; }
    .f-fs-84 {font-size: 64px; }
    .f-fs-80 {font-size: 60px; }
    .f-fs-72 {font-size: 32px; }
    .f-fs-70 {font-size: 50px; }
    .f-fs-60 {font-size: 40px; }
    .f-fs-56 {font-size: 36px; }
    .f-fs-40 {font-size: 30px; }
    .f-fs-48 {font-size: 28px; }
    .f-fs-36 {font-size: 26px; }
    .f-fs-34 {font-size: 20px; }
    .f-fs-32 {font-size: 22px; }
    .f-fs-28 {font-size: 26px; }
    .f-fs-26 {font-size: 20px; }
    .f-fs-24 {font-size: 20px; }
    .f-fs-22 {font-size: 16px; }
    .f-fs-20 {font-size: 16px; }
    .f-fs-18 {font-size: 16px; }
    .f-fs-16 {font-size: 14px; }
    .f-fs-14 {font-size: 12px; }
    .f-fs-12 {font-size: 12px; }
    .mb-180 {margin-bottom: 40px; }
    #product .banner .sw-banner .swiper-container .sw-btn-prev, #product .banner .sw-banner .swiper-container .sw-btn-next{
        visibility: hidden;
    }

    #index #goTop{display: block;}
    #about .content .about-3 .sjz .zpc{
        display: none;
    }
    #about .content .about-3 .sjz .zapp{
        display: block;
    }
    #about .content .about-1 .list .list-cen-box .list-cen{
        position: relative;
        top: auto;
        transform: none;
        margin-top: 18px;
    }

    .map svg circle.shandong {
        animation: shandong 5s infinite;
    }
    @keyframes shandong {
        0% { opacity: 0; }
        50% { opacity: 1; }
        100% { opacity: 0; }
    }
    .map-province {
        margin: -12px 0 0 4px;
        display: none;
    }
    .map-province span::before {
        display: none;
    }
    .map-province.cur::before {
        width: 81px !important;
        height: 81px !important;
        top: -40px !important;
        left: -40px !important;
    }
    .map-province.cur::after {
        width: 70px;
        height: 70px;
        top: -45px !important;
        left: -45px !important;
    }
    .map-province.cur .sheng {
        font-size: 16px !important;
        top: -24px !important;
    }

    .banner {
        height: 84vw;
    }
    .banner .go-bottom {
        bottom: 0;
    }
    .banner .go-bottom .yan i {
        font-size: 30px;
    }
    .banner .banner-nei {
        top: 30%;

    }
    .banner .banner-nei .title {
        padding-top: 138px;
        font-size: 38px;
        /*display: none;*/
    }
    .banner .banner-nei .shu {
        height: 20px;
        margin: 15px auto;
    }
    .banner .banner-nei .daoyu {
        font-size: 20px;
        line-height: 1.5em;
    }
    .banner .banner-nei .daoyu span {
        display: none;
    }
    .banner .banner-nei .text {
        width: 90%;
        font-size: 14px;
        margin: 16px auto 0;
        line-height: 24px;
    }
    .banner .banner-nei .tel div {
        margin-top: 18px;
        font-size: 16px;
    }
    .banner .banner-nei .tel p {
        font-size: 20px;
    }
    .nav,
    #about .nav {
        margin-bottom: 13%;
    }
    .nav .width-main {
        height: 60px;
        margin-top: -30px;
    }
    .nav .width-main ul li {
        height: 60px;
    }
    .nav .width-main ul li:not(:last-child):before {
        top: 22px;
    }
    .nav .width-main ul li .bj-yan img {
        width: 80%;
    }
    .nav .width-main ul li .bj-en {
        line-height: 60px;
    }
    .nav .width-main ul li .cn {
        width: 40px;
        top: 14px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .nav .width-main ul li.cur .cn {
        top: 14px;
    }
    .nav .width-main ul li.cur .en {
        display: none;
    }
    .width-main {
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }
    .header {
        height: 60px;
        background-color: rgba(0, 0, 0, 0.9);
    }
    .header .m-han {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 15px;
        right: 20px;
    }
    .header .m-han .span-box {
        position: relative;
    }
    .header .m-han .span-box span {
        width: 20px;
        height: 1px;
        background-color: #e57b11;
        position: absolute;
        left: 10px;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }
    .header .m-han .span-box span:nth-child(1) {
        top: 5px;
    }
    .header .m-han .span-box span:nth-child(2) {
        top: 13px;
    }
    .header .m-han .span-box span:nth-child(3) {
        top: 21px;
    }
    .header .m-han.on .span-box span:nth-child(1) {
        width: 23px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }
    .header .m-han.on .span-box span:nth-child(2) {
        width: 0;
    }
    .header .m-han.on .span-box span:nth-child(3) {
        width: 23px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
    }
    .header .width-main {
        width: 100%;
    }
    .header .width-main .logo {
        margin-left: 20px;
    }
    .header .width-main .logo i {
        line-height: 60px;
    }
    .header .width-main .right {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        transition: all 0.6s;
    }
    .header .width-main .right.on {
        height: 1000vh;
    }
    .header .width-main .right .list.f-fl {
        float: none;
    }
    .header .width-main .right .list ul li {
        margin-right: 0;
        text-align: center;
        float: none;
    }
    .header .width-main .right .list ul li.cur a::before {
        display: none;
    }
    .header .width-main .right .list ul li a {
        line-height: 60px;
    }
    .header .width-main .right .header-login {
        margin-left: 40px;
    }
    .header .width-main .right .cart {
        float: right;
        margin-right: 40px;
    }
    .footer {
        height: 252px;
    }
    .footer p {
        line-height: 26px;margin-bottom: 0;
    }
    .footer p span {
        display: block;
        text-align: center;
    }
    .footer p:last-child {
        margin-top: -10px;
    }
    @-webkit-keyframes xia {
        0% {
            -webkit-transform: rotateX(180deg) translateY(-10px);
            transform: rotateX(180deg) translateY(-10px);
        }
        100% {
            -webkit-transform: rotateX(180deg) translateY(0px);
            transform: rotateX(180deg) translateY(0px); }
    }
    @keyframes xia {
        0% {
            -webkit-transform: rotateX(180deg) translateY(-10px);
            transform: rotateX(180deg) translateY(-10px);
        }
        100% {
            -webkit-transform: rotateX(180deg) translateY(0px);
            transform: rotateX(180deg) translateY(0px); }
    }
    #goTop {
        width: 40px;
        right: 20px;
        bottom: 80px;
    }
    #goTop .lx,#goTop .phone {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    #goTop .phone span{
        line-height: 40px;
    }
    #goTop .hd {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: 0;
    }
    #goTop .saosao {
        top: auto;
        bottom: 0;
        right: 150%;
    }
    #index .banner .sw-banner .banner-box {
        height: 270px;
    }
    #index .banner .sw-banner .swiper-container {
        top: 0;
    }
    #index .banner .sw-banner .swiper-container .sw-btn-prev,
    #index .banner .sw-banner .swiper-container .sw-btn-next {
        font-size: 30px;
    }
    #index .banner .width-main .title {
        margin-bottom: 32px;
    }
    #index .banner .width-main .text {
        width: 100%;
        line-height: 1.5;
    }
    #index .banner .width-main .banner-box {
        width: 90%;
        height: 340px;
        left: 0;
        right: 0;
    }
    #index .banner .width-main .more {
        width: 160px;
        height: 50px;
        margin-top: 60px;
    }
    #index .banner .width-main .more:hover {
        width: 160px;
    }
    #index .banner .go-bottom {
        bottom: 0;
    }
    #index .banner .sw-banner .more p {
        line-height: 50px;
    }
    #index .banner .sw-banner .more .yuan {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    #index .swiper-slide {
        height: auto;
    }
    #index .news {
        /*height: calc(100vh - 130px);*/
        height: 480px;
        background: #fff;
    }
    #index .news .width-main {
        top: 0;
    }
    #index .news .width-main .news-en {
        display: none;
    }
    #index .news .width-main .title {
        padding-top: 10%;
        margin-bottom: 20px;
    }
    #index .news .width-main .swiper-button {
        display: none;
    }
    #index .news .width-main p {
        display: none;
    }
    #index .news .list {
        width: 100%;
        height: 410px;
        padding-top: 0;
        margin: unset;
        top: 100px;
        left: 0;
        right: auto;
    }
    #index .news .list .swiper-container {
        padding-left: 0;
    }
    #index .news .list .swiper-container .swiper-wrapper .swiper-slide {
        width: 50%;
    }
    #index .news .list .swiper-container .swiper-wrapper .swiper-slide .image {
        width: 100%;
        height: 300px;
    }
    #index .news .list .swiper-container .swiper-wrapper .swiper-slide .title {
        width: 90%;
        margin: 14px auto 8px;
        padding-top: 10px;
    }
    #index .news .list .swiper-container .swiper-wrapper .swiper-slide .title a {

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;

    }
    #index .news .list .swiper-container .swiper-wrapper .swiper-slide .text {
        width: 90%;
        margin: auto;
    }
    #index .news .list .swiper-container .swiper-wrapper .swiper-slide .time {
        top: auto;
        bottom: 54px;
    }
    #index .investment {
        height: 100%;
    }
    #index .investment .map {
        max-width: 90%;
        height: auto;
        min-height: auto;
        max-height: auto;
        /*height: -webkit-calc(100vh - 440px);*/
        /*height: calc(100vh - 440px);*/
        margin: auto;
        padding-top: 40px;
    }
    #index .investment .list {
        height: 250px;
        top: auto;
        bottom: 40px;
        margin-top: 40px;
        margin-bottom: 40px;
        position: unset !important;
    }
    #index .investment .list .width-main .investment-box {
        width: 100%;
        padding-top: 0;
    }
    #index .investment .list .width-main .investment-box .men {
        margin: 22px 0 14px 0;
    }
    #index .investment .list .width-main .investment-box .men #investmentNum {
        margin-top: 18px;
        font-size: 60px;
    }
    #index .investment .list .width-main .investment-box .men .jiahao {
        left: 120px;
        margin-top: -20px;
    }
    #index .investment .list .width-main .investment-box .men .mendian {
        left: 170px;
    }
    #index .investment .list .width-main .investment-box .title {
        font-size: 28px;
    }
    #about .content .about-1 .list {
        margin-bottom: 13vw;
    }
    #about .content .about-1 .list:nth-child(1).list-left .list-cen-box .list-cen {
        margin-top: 18px;
    }
    #about .content .about-1 .list:nth-child(2) {
        position: relative;
        top: -70px;
    }
    #about .content .about-1 .list:nth-child(3) {
        margin-bottom: -50px;
        position: relative;
        top: -100px;
    }
    #about .content .about-1 .list .list-img, #about .content .about-1 .list .list-cen-box {
        width: 100%;
    }
    #about .content .about-1 .list .list-img {
        height: 200px;
    }
    #about .content .about-1 .list .list-img .left-bottom {
        display: none;
    }
    #about .content .about-1 .list .list-img .left-bj {
        width: 100%;
        height: 200px;
        left: 0;
    }
    #about .content .about-1 .list .list-cen-box .left-year::before {
        top: 100%;
    }
    #about .content .about-1 .list .list-cen-box .left-title {
        margin-top: 40px;
    }
    #about .content .about-1 .list .list-cen-box .left-text {
        margin-top: 6px;
    }
    #about .content .about-1 .list-left .list-img {
        float: unset;
    }
    #about .content .about-1 .list-left .list-cen-box {
        height: 310px;
    }
    #about .content .about-1 .list-left .list-cen-box .list-cen {
        padding: 0;
    }
    #about .content .about-1 .list-right .list-cen-box .list-cen {
        padding: 0;
    }
    #about .content .about-2 .in-folk {
        margin-bottom: 50px;
    }
    #about .content .about-2 .in-folk .right {
        width: 100%;
    }
    #about .content .about-2 .in-folk .right .brand {
        margin: 15px 0 14px 0;
    }
    #about .content .about-2 .in-folk .right .brand img {
        width: 30%;
    }
    #about .content .about-2 .in-folk .right .tu {
        height: 200px;
    }
    #about .content .about-2 .in-folk .right .tu .ditu {
        display: none;
    }
    #about .content .about-2 .in-folk .right .tu .caitu {
        width: 100%;
        top: 0;
        left: 0;
    }
    #about .content .about-2 .in-folk .right p {
        line-height: 24px;
    }
    #about .content .about-2 .in-china .left {
        width: 100%;
    }
    #about .content .about-2 .in-china .left .liucheng {
        margin: 0;
    }
    #about .content .about-2 .in-china .left .liucheng ul li {
        float: unset;
    }
    #about .content .about-2 .in-china .left .liucheng ul li p {
        text-align: center;
    }
    #about .content .about-2 .in-china .left .liucheng ul li.jia {
        margin: auto;
    }
    #about .content .about-2 .in-china .left .liucheng ul li.jia.shu i {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        display: block;
    }
    #about .content .about-2 .in-china .left .tuwen {
        margin-top: 45px;
    }
    #about .content .about-2 .in-china .left .tuwen .en {
        display: none;
    }
    #about .content .about-2 .in-china .left .tuwen .img {
        width: 100%;
        height: 370px;
        margin-left: 0;
    }
    #about .content .about-2 .in-china .left .tuwen .img .top {
        width: 100%;
        height: 350px;
    }
    #about .content .about-2 .in-china .left .tuwen .img .bottom {
        display: none;
    }
    #about .content .about-2 .in-china .left .tuwen .text {
        padding-bottom: 40px;
    }
    #about .content .about-2 .in-china .left .tuwen .text div {
        margin: 44px 0 12px 0;
    }
    #about .content .about-3 .yanwo i {
        font-size: 60px;
    }
    #about .content .about-3 .sjz .left {
        display: none;
    }
    #about .content .about-3 .sjz .right {
        width: 100%;top: 12px;
    }
    #about .content .about-3 .sjz .right .sjz-list {
        padding-left: 30px;
        margin-top: 40px;
        margin-bottom: 0;
    }
    #about .content .about-3 .sjz .right .sjz-list:first-child {
        margin-top: 30px;
    }
    #about .content .about-3 .sjz .right .sjz-list .year span::before {
        left: -34px;
        top: 38px;
    }
    #about .content .about-3 .sjz .right .sjz-list .year::after {
        left: -27px;
        top: 45px;
    }
    #about .content .about-3 .sjz .right .sjz-list.on .year::before {
        width: 66px;
        left: -24px;
    }
    #about .content .about-3 .sjz .xian {
        margin: unset;
    }
    #about .content .about-3 .sjz .sjz-list .year::before {
        top: 48px;
    }
    #about .content .about-3 .sjz .sjz-list .img img {
        width: 100%;
    }
    #about .content .about-4 .honor {
        height: 350px;
        margin-top: -50px;
    }
    #about .content .about-4 .honor .bj {
        display: none;
    }
    #about .content .about-4 .honor .bj .right {
        display: none;
    }
    #about .content .about-4 .honor .left {
        width: 100%;
        height: 350px;
        margin-left: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #about .content .about-4 .honor .left .swiper-container {
        width: 100%;
    }
    #about .content .about-4 .honor .left .swiper-container .swiper-slide {
        height: 270px;
    }
    #about .content .about-4 .honor .left .swiper-container .swiper-slide div {
        height: 230px;
        background-size: contain;
        background-repeat: no-repeat; }
    #about .content .about-4 .honor .left .swiper-pagination {
        bottom: 0;
    }
    #about .content .about-4 .img-list ul {
        margin-left: 0;
    }
    #about .content .about-4 .img-list ul li {
        margin: 20px auto 0;
        float: unset;
    }
    #about .content .about-5 .right {
        width: 100%;
    }
    #about .content .about-5 .right .map {
        margin: 28px 0 10px 0;
    }
    #about .content .about-5 .right .swiper-box {
        padding-bottom: 40px;
    }
    #about .content .about-5 .right .swiper-box .gallery-top {
        width: 100%;
        height: 200px;
    }
    #about .content .about-5 .right .swiper-box .gallery-thumbs {
        display: none;
    }

    #merchant .content .merchant-5 .right .store .store-top {
        margin-bottom: 40px;
    }
    #merchant .content .merchant-5 .right .store .store-top .store-left .fenbu {
        line-height: 30px;
    }
    #merchant .content .merchant-5 .right .store .store-top .store-right {
        width: 100%;
    }
    #merchant .content .merchant-5 .right .store .store-top .store-right .sheng,
    #merchant .content .merchant-5 .right .store .store-top .store-right .shi {
        width: 30.33%;
        height: 30px;
        margin-right: 3%;
        margin-top: 20px;
        background-size: 30%;
    }
    #merchant .content .merchant-5 .right .store .store-top .store-right .sou {
        width: 30.33%;
        height: 30px;
        margin-top: 20px;
    }
    #merchant .content .right {
        width: 100%;
        margin-bottom: 40px;
    }
    #merchant .content .merchant-1 .right .text .heng {
        margin: 14px 0 14px 0;
    }
    #merchant .content .merchant-1 .right .text .biaoyu {
        padding: 10px 0 10px 0;
    }
    #merchant .content .merchant-1 .right .three {
        margin: 20px 0 0 0;
    }
    #merchant .content .merchant-1 .right .three .list {
        width: 100%;
        margin-bottom: 20px;
    }
    #merchant .content .merchant-1 .right .three .list:last-child {
        margin-bottom: 0;
    }
    #merchant .content .merchant-1 .right .tuwen .wen {
        width: 100%;
    }
    #merchant .content .merchant-1 .right .tuwen .wen .text:first-child {
        padding-top: 48px !important;
        margin-bottom: 40px !important;
    }
    #merchant .content .merchant-1 .right .tuwen .wen .nei-logo i {
        font-size: 38px;
    }
    #merchant .content .merchant-1 .right .tuwen .tu {
        width: 100%;
        margin-left: 0;
    }
    #merchant .content .merchant-1 .right .tuwen .tu .en {
        margin: 20px 0;
    }
    #merchant .content .merchant-1 .right .tuwen .tu .img {
        height: 200px;
    }
    #merchant .content .merchant-2 .right .list-box {
        height: 274px;
        margin-bottom: 20px;
    }
    #merchant .content .merchant-2 .right .list-box .list {
        padding: 20px;
    }
    #merchant .content .merchant-2 .right .list-box .list .text {
        width: 100%;
        height: 70px;
        margin-top: 0;
    }
    #merchant .content .merchant-2 .right .list-box .list .text .num {
        margin-right: 0;
        float: left;
    }
    #merchant .content .merchant-2 .right .list-box .list .text .jieshao {
        width: -webkit-calc(100% - 70px);
        width: calc(100% - 70px);
        padding-top: 0;
        float: right;
    }
    #merchant .content .merchant-2 .right .list-box .list .text .jieshao .title {
        padding-top: 5px;
    }
    #merchant .content .merchant-2 .right .list-box .list .text .jieshao .futi {
        margin-top: -5px;
        font-size: 14px;
        padding-top: 10px;
    }
    #merchant .content .merchant-2 .right .list-box .list .text .jieshao .heng {
        display: none;
    }
    #merchant .content .merchant-2 .right .list-box .list .img {
        width: 100%;
    }
    #merchant .content .merchant-2 .right .list-box.list-right .list .text {
        width: 100%;
        float: left;
    }
    #merchant .content .merchant-2 .right .list-box.list-right .list .text .num {
        margin-left: 0;
    }
    #merchant .content .merchant-2 .right .list-box.list-right .list .img {
        width: 100%;
        float: right;
    }
    #merchant .content .merchant-3 .right .list {
        margin-bottom: 26px;
    }
    #merchant .content .merchant-3 .right .list .title {
        margin-bottom: 20px;
    }
    #merchant .content .merchant-3 .right .list .title .num {
        width: 60px;
        height: 40px;
    }
    #merchant .content .merchant-3 .right .list .title .num::before {
        border-bottom: 40px solid #fff;
        border-left: 40px solid transparent;
    }
    #merchant .content .merchant-3 .right .list .title .text {
        margin: 10px 0 0 6px;
        font-size: 20px;
    }
    #merchant .content .merchant-3 .right .list .jieshao .jieshi {
        margin-bottom: 10px;
        font-size: 14px;
    }
    #merchant .content .merchant-3 .right .list .jieshao .zhuti {
        margin: 40px 0 10px 0;
        font-size: 16px;
    }
    #merchant .content .merchant-4 .right ul li {
        height: auto;
        border-radius: 20px;
    }
    #merchant .content .merchant-4 .right ul li::before,
    #merchant .content .merchant-4 .right ul li:after {
        left: 50%;
        transform: translateX(-50%);
    }
    #merchant .content .merchant-4 .right ul li .list .num {
        width: 60px;
        height: 60px;
        line-height: 64px;
        margin: auto;
        float: none;
    }
    #merchant .content .merchant-4 .right ul li .list .num::before {
        width: 50px;
        height: 50px;
    }
    #merchant .content .merchant-4 .right ul li .list .jianjie {
        padding: 0 0 10px 0;
    }
    #merchant .content .merchant-5 .right .top {
        margin-top: 0;
    }
    #merchant .content .merchant-5 .right .map.map-p .text {
        display: none;
    }
    #merchant .content .merchant-5 .right .store {
        margin-top: 38px;
    }
    #merchant .content .merchant-5 .right .store .store-list ul li {
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    #merchant .content .merchant-5 .right .store .store-list ul li .list-box {
        padding: 20px;
    }
    #merchant .content .merchant-6 .left {
        width: 100%;
        padding-bottom: 100px;
    }
    #merchant .content .merchant-6 .left ul {
        width: 100%;
    }
    #merchant .content .merchant-6 .left ul li.on .bottom ul {
        width: 90%;
        padding: 0;
        margin: 20px auto;
    }
    #merchant .content .merchant-6 .left ul li.on .bottom ul li {
        text-align: justify;
        font-size: 14px;
        line-height: 24px;
    }
    #merchant .content .merchant-6 .left ul li .top .title {
        font-size: 16px;
    }
    #merchant .content .merchant-6 .left ul li .top .btn-box {
        top: 0;
        bottom: 0;
        margin: auto;
    }
    #merchant .content .merchant-6 .right {
        display: none;
    }
    #product.product .banner {
        height: 84vw;
    }
    #product .banner {
        height: 84vw;
    }
    #product .banner div {
        transform: scale(1);
    }
    #product .banner .swiper-container {
        width: 100%;
        height: 310px;
        top: 120px;
    }
    #product .banner .swiper-container .swiper-wrapper .swiper-slide .list-box a {
        height: 110px;
    }
    #product .banner .swiper-container .swiper-wrapper .swiper-slide .list-box a .list {
        margin-right: 10px;
    }
    #product .banner .swiper-container .swiper-wrapper .swiper-slide .list-box a .list .zhe {
        display: none;
    }
    #product .banner .tr-shu {
        display: none;
    }
    #product .nav ul li:nth-child(5) .cn {
        top: 8px;
    }
    #product .nav ul li:nth-child(4) .cn {
        width: 43px;
    }
    #product .banner .sw-banner .swiper-container .sw-btn-prev,
    #product .banner .sw-banner .swiper-container .sw-btn-next {
        visibility: hidden;
    }
    #product .content .product-0 .list .list-title .text .en {
        padding: 10px 0 20px;
        font-size: 12px;
    }
    #product .content .product-0 .list-1 {
        margin-bottom: 60px;
    }
    #product .content .product-0 .list-1 .swiper-container {
        padding-bottom: 40px;
    }
    #product .content .product-0 .list-1 .swiper-container .swiper-wrapper .swiper-slide:hover {
        box-shadow: none;
    }
    #product .content .product-0 .list-1 .swiper-container .swiper-wrapper .swiper-slide .sl-box .title,
    #product .content .product-0 .list-1 .swiper-container .swiper-wrapper .swiper-slide .sl-box .text {
        overflow: unset;
    }
    #product .content .product-0 .list-2 .list2-box {
        margin-bottom: 40px;
    }
    #product .content .product-0 .list-2 .list2-box ul li {
        width: 100%;
        height: 250px;
    }
    #product .content .product-0 .list-2 .list2-box ul li a div {
        bottom: 0;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    #product .content .product-0 .list-3 .sw-box .box-left {
        width: 100%;
        margin-top: 0;
    }
    #product .content .product-0 .list-3 .sw-box .box-left .swiper-container.sw-left .swiper-wrapper .swiper-slide .img {
        height: 300px;
    }
    #product .content .product-0 .list-3 .sw-box .box-left .swiper-container.sw-left .swiper-wrapper .swiper-slide .day-box {
        width: 60px;
        height: 60px;
        top: -16px;
    }
    #product .content .product-0 .list-3 .sw-box .box-left .swiper-container.sw-left .swiper-wrapper .swiper-slide .day-box .day .yue,
    #product .content .product-0 .list-3 .sw-box .box-left .swiper-container.sw-left .swiper-wrapper .swiper-slide .day-box .day .ri {
        font-size: 16px;
    }
    #product .content .product-0 .list-3 .sw-box .box-left .swiper-container.sw-left .swiper-wrapper .swiper-slide .day-box .day i {
        top: 16px;
        left: 20px;
    }
    #product .content .product-0 .list-3 .sw-box .box-right {
        display: none;
    }
    #product .content .product-1 .list-nav .nav-box .swiper-slide {
        width: auto;
    }
    #product .content .product-1 .list-box .list a {
        width: 100%;
        height: auto;
        padding: 10px 15px;
    }
    #product .content .product-1 .list-box .list a:last-child {
        padding: 30px 15px 0 15px; }
    #product .shopping-box .shop-xq {
        width: 100%;
    }
    #product .shopping-box .shop-xq .left {
        width: 100%;
        padding-top: 0;
    }
    #product .shopping-box .shop-xq .left .bg {
        padding: 0;
    }
    #product .shopping-box .shop-xq .left .bg_left {
        width: 100%;
    }
    #product .shopping-box .shop-xq .left .show {
        width: 100%;
        height: -webkit-calc(100vw - 40px);
        height: calc(100vw - 40px);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #product .shopping-box .shop-xq .left .show img {
        width: 100%;
        height: 100%;
    }
    #product .shopping-box .shop-xq .left .smallshow .middle > li {
        width: -webkit-calc((100% - 20px) / 4);
        width: calc((100% - 20px) / 4);
    }
    #product .shopping-box .shop-xq .left .smallshow > .middle_box {
        width: auto;
    }
    #product .shopping-box .shop-xq .right {
        width: 100%;
    }
    #product .shopping-box .shop-xq .right .title {
        margin: 30px 0 26px 0;
    }
    #product .shopping-box .shop-xq .right .heng {
        margin: 20px 0;
    }
    #product .shopping-box .shop-xq .right .btn-box a {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    #product .shopping-box .shop-bottom .shop-xq-left {
        width: 100%;
    }
    #product .shopping-box .shop-bottom .shop-b-tab {
        margin: 10px 0 30px;
    }
    #product .shopping-box .shop-bottom .shop-b-tab .tab-kuai.tab-left {
        font-size: 18px;
    }
    #product .shopping-box .shop-bottom .shop-b-tab .tab-kuai {
        line-height: 66px;
    }
    #school .content .school-1 .left {
        width: 100%;
    }
    #school .content .school-1 .left .tab-box {
        width: 100%;
    }
    #school .content .school-1 .left .tab-box .tab-title {
        margin-top: -24px;
        margin-bottom: 40px;
    }
    #school .content .school-1 .left .tab-content .con-a ul li {
        margin-bottom: 42px;
    }
    #school .content .school-1 .left .tab-content .con-a ul li .title-text {
        line-height: 24px;
    }
    #school .content .school-1 .left .tab-content .con-a ul li .title-big {
        line-height: 24px;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-1 .li-left {
        width: 100%;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-1 .li-left .title-text {
        margin-bottom: 20px;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-1 .li-right {
        display: none;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-2 {
        height: 100%;
        /* margin-bottom: 150px; */
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-2 .list-2-box {
        height: 340px;
        padding-top: 40px;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-2 .list-2-box .zs .img {
        margin-top: 20px;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-4 .tw-lr .wen {
        width: 100%;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-4 .tw-lr .wen .wen-box {
        width: 100%;
    }
    #school .content .school-1 .left .tab-content .con-a ul li.list-4 .tw-lr .tu {
        display: none;
    }
    #school .content .school-1 .left .tab-content .con-b .tuwen {
        height: auto;
        margin-bottom: 40px;
        position: unset;
    }
    #school .content .school-1 .left .tab-content .con-b .tuwen .tu {
        width: 100%;
        height: 200px;
        position: unset;
    }
    #school .content .school-1 .left .tab-content .con-b .tuwen .wen {
        width: 100%;
        height: auto;
        top: auto;
        position: unset;
    }
    #school .content .school-1 .left .tab-content .con-b .tuwen .wen .wen-box {
        padding: 20px 0 0 0;
    }
    #school .content .school-1 .right {
        display: none;
    }
    #school .content .school-2 .sw-school-2 .swiper-wrapper .swiper-slide .sw-box .sw-text {
        line-height: 24px;
    }
    #school .content .school-2 .list-box ul li {
        padding: 20px 0;
    }
    #school .content .school-2 .list-box ul li:hover {
        box-shadow: none;
    }
    #school .content .school-2 .list-box ul li:hover .list-right {
        background-color: transparent;
        border: none;
        color: #999;
    }
    #school .content .school-2 .list-box ul li .list-left {
        width: 100%;
    }
    #school .content .school-2 .list-box ul li .list-left .day {
        width: 50px;
        height: 50px;
        margin-left: 0;
        display: none;
    }
    #school .content .school-2 .list-box ul li .list-left .day div {
        font-size: 16px;
        margin: 10px 0 0 5px;
    }
    #school .content .school-2 .list-box ul li .list-left .day p {
        font-size: 8px;
        margin: 5px 0 0 5px; }

    #school .content .school-2 .list-box ul li .list-left .wen {
        width: -webkit-calc(100% - 20px);
        width: calc(100% - 20px);
        padding-left: 10px;
    }
    #school .content .school-2 .list-box ul li .list-left .wen .title {
        margin: 0 0 10px;
    }
    #school .content .school-2 .list-box ul li .list-left .wen .time {
        display: block;
        color: #ddd;
    }
    #school .content .school-2 .list-box ul li .list-left .wen .text {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    #school .content .school-2 .list-box ul li .list-right {
        width: 14px;
        margin: 14px 0 0 0;
        border: none;
        display: none;
    }
    #school .content .school-2 .list-box ul li .list-right span {
        display: none;
    }
    #school .content .school-2-nei .left {
        width: 100%;
    }
    #school .content .school-2-nei .left .zw-box .title-box .day {
        font-size: 16px;
    }
    #school .content .school-2-nei .left .return .re-left {
        width: 80%;
    }
    #school .content .school-2-nei .left .return .re-left a {
        font-size: 16px;
    }
    #school .content .school-2-nei .left .return .re-right p {
        font-size: 16px;
    }
    #school .content .school-2-nei .right {
        display: none;
    }
    #school.news .content .school-2 .list-box ul {
        margin-top: 20px;
    }
    #school.news .content .school-2 .news-recommend .sw-school-2 {
        width: 100%;
        padding-bottom: 80px;
    }
    #school.news .content .school-2 .news-recommend .sw-school-2 .swiper-wrapper .swiper-slide {
        height: 220px;
    }
    #school.news .content .school-2 .news-recommend .sw-school-2 .swiper-wrapper .swiper-slide .sw-box .sw-img {
        height: 200px;
    }
    #school.news .content .school-2 .news-recommend .md-box {
        display: none;
    }

    #service .nav .width-main ul li {
        width: calc(100% / 4);
    }
    #service .nav .width-main ul li:nth-child(2) {
        /* display: none; */
    }
    #service .content .service-1 .sw-service .num {
        bottom: 10px;
    }
    #service .content .service-1 .sw-service .swiper-wrapper .swiper-slide {
        height: 260px;
    }
    #service .content .service-1 .sw-service .swiper-button-next {
        right: 10px;
    }
    #service .content .service-1 .sw-service .swiper-button-prev {
        left: 10px;
    }
    #service .content .service-1 .sw-service .swiper-button-next,
    #service .content .service-1 .sw-service .swiper-button-prev {
        width: 16px;
        height: 16px;
        margin-top: -12px;
    }
    #service .content .service-1 .sw-service .swiper-button-next i,
    #service .content .service-1 .sw-service .swiper-button-prev i {
        font-size: 16px;
    }
    #service .content .service-1 .list-box.list-lxfs .list-box-title {
        margin: 30px 0 30px;
    }
    #service .content .service-1 .list-box .list .text {
        line-height: 24px;
    }
    #service .content .service-1 .list-box.list-zb .list .box {
        padding: 20px;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai {
        width: 100%;
        height: auto;
        border-right: none;
        border-bottom: 1px solid #c7c7c7;
        padding: 20px 0;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai img {
        max-width: 60%;
        position: relative!important;transform: none!important;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai:nth-child(1) {
        width: 100%;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai:nth-child(2) {
        width: 100%;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai:nth-child(3) {
        width: 100%;
        border: none;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai .list-title {
        margin: 10px 10px 15px;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai .text {
        margin: 0 10px;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai .left {
        margin-left: 10px;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai .left .title {
        margin-top: 10px;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai .left .fu {
        margin: 20px 0 10px 0;
    }
    #service .content .service-1 .list-box.list-zb .list .box .kuai .right {
        height: 100px;
    }
    #service .content .service-1 .list-box.list-fb .list {
        width: 100%;
        margin-bottom: 20px;
    }
    #service .content .service-1 .list-box.list-lxfs .list {
        width: 100%;
        margin-bottom: 20px;
    }
    #service .content .service-3 .service-3-box {
        height: 820px;
    }
    #service .content .service-3 .service-3-box .yuan {
        width: 68px;
        height: 68px;
        line-height: 67px;
    }
    #service .content .service-3 .service-3-box .yuan i {
        font-size: 20px;
    }
    #service .content .service-3 .service-3-box .hui {
        display: none;
    }
    #service .content .service-3 .service-3-box .wen {
        display: none;
    }
    #service .content .service-3 .service-3-box .bai {
        width: 100%;
        height: 780px;
        top: 35px;
    }
    #service .content .service-3 .service-3-box .form {
        width: 100%;
        top: 200px;
    }
    #service .content .service-3 .service-3-box .form form {
        padding: 0 20px;
    }
    #service .content .service-3 .service-3-box .form .input-box-wai .input-box {
        width: 100%;
        margin-bottom: 20px;
    }
    #service .content .service-3 .service-3-box .form .input-box-wai:nth-child(2) {
        margin-top: 0;
    }
    #service .content .service-3 .service-3-box .form .input-radio {
        margin-top: 30px;
    }
    #service .content .service-3 .service-3-box .form .input-radio .input-danxuan {
        margin-right: 20px;
    }
    #service .content .service-3 .service-3-box .form .sub button {
        padding: 15px 20px;
        border-radius: 8px;
    }
    #service .content .service-3 .service-3-box .title {
        top: 110px;
    }
    /* 左侧栏 */
    .side-left {
        margin-right: 10px;
        display: none;
    }
    .side-left .cn {
        width: 16px;
        font-size: 16px;
        margin: -4px 5px 0;
    }
    .side-left .heng {
        width: 10px;
    }
    /* 右侧栏 */
    .side-right {
        display: none;
    }
    /* 数字斜切 */
    .numMiter .num .shu {
        font-size: 40px;
    }
    .numMiter .num i {
        font-size: 40px;
    }
    .numMiter .text {
        font-size: 24px;
    }
    .add-list {
        width: 100%;
        line-height: 80px;
        height: 80px;
    }

    #index .investment .list .width-main .investment-box .swiper-wrapper {
        height: 116px;
    }
    #index .investment .list .width-main .investment-box .swiper-wrapper .swiper-slide {
        line-height: 24px;
    }

}