@media screen and (max-width: 750px) {
    body {
        font-size: 16px;
    }

    .max {
        display: none !important;
    }

    #more {
        display: block;
        width: 2.81rem;
        height: 0.63rem;
        line-height: 0.63rem;
        text-align: center;
        font-size: 0.22rem;
        border: 0.03rem solid rgba(253, 202, 0, 1);
        margin: 0.23rem auto 0;
    }

    header {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 5;
        width: 7.5rem;
        height: 1.2rem;
        background: rgba(255, 255, 255, 1);
        border-bottom: 0.01rem solid #DFDFDF;
        transition: transform .3s;
        transform-origin: top center;
    }

    header.om {
        transform: translateY(-1.2rem);
    }

    header > a {
        width: 1.7rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 0;
    }

    header img {
        width: 100%;
    }

    header .en {
        position: relative;
        right: 0.7rem;
        top: 50%;
        transform: translate(0, -50%);
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

    header .sreach {
        position: relative;
        width: 100%;
        height: 1.2rem;
        display: flex;
        padding: 0.3rem 0.4rem;
        box-sizing: border-box;
        border-bottom: 0.01rem solid #DEDEDE;
    }

    header .sreach_logo {
        font-size: 0;
        width: 1rem;
        height: 1.2rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    header .sreach_logo img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    header .sreach_en {
        line-height: 1.2rem;
        position: absolute;
        top: 50%;
        right: 0.72rem;
        transform: translate(0, -50%);
    }

    header .sreach_en a {
        color: #676767;
    }

    header .sreach input {
        width: 6.1rem;
        border: 0.01rem solid #DEDEDE;
        box-sizing: border-box;
        padding: 0 0.2rem;
    }

    header .sreach .but1min {
        width: 0.6rem;
        background: url(../imgs/search.png) center center no-repeat;
        background-size: 0.4rem 0.4rem;
        box-sizing: border-box;
        border: 0.01rem solid #DEDEDE;
        border-right: none;
    }

    header .menu {
        position: relative;
        left: 0.4rem;
        top: 50%;
        transform: translate(0, -50%);
        width: .36rem;
        height: .27rem;
        display: inline-block;
        vertical-align: middle;
        background: url(../imgs/menu.png) center center no-repeat;
        background-size: cover;
        float: left;
    }

    header .header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        display: none;
    }

    header .header .top {
        width: 7.5rem;
        height: 1.2rem;
        background: #FDCA00;
        position: relative;
    }

    header .header .top .menu {
        background: url(../imgs/menus.png) center center no-repeat;
        background-size: cover;
    }

    header .header .top .title {
        display: inline-block;
        font-size: .32rem;
        color: #fff;
        padding: .39rem 0 0 .25rem;
    }

    header .header li {
        width: 7.5rem;
        line-height: 1.2rem;
        text-align: center;
        font-size: .32rem;
        border-bottom: 0.01rem solid #DEDEDE;
        display: block;
        box-sizing: border-box;
    }

    header .header li.on {
        border-bottom: .09rem solid #FDD000;
    }

    header .header .more {
        display: none;
        border-bottom: 1px solid #DEDEDE;
        background: rgba(253, 202, 0, 0.1);
    }

    header .header .more.on {
        display: block;
    }

    header .header .more a {
        width: 7.5rem;
        line-height: 1.2rem;
        text-align: center;
        font-size: .32rem;
        display: block;
        border-bottom: 0px solid #DEDEDE;
    }

    header .flex {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        display: none;
    }

    header .flex .close {
        position: absolute;
        right: 0.77rem;
        top: 1.43rem;
        font-size: 0.48rem;
        font-weight: bold;
        color: #fff;
    }

    header .flex .box {
        width: 5.53rem;
        height: 0.68rem;
        position: absolute;
        top: 2.53rem;
        left: 1.19rem;
        display: flex;
        background-color: #fff;
    }

    header .flex .box input {
        width: 4.85rem;
        height: 0.68rem !important;
        font-size: 0.18rem;
        border-radius: 0;
        border: 0.01rem solid rgba(0, 0, 0, 0.15);
        border-right: none;
        padding: 0 0.23rem;
        box-sizing: border-box;
        color: #000000;
    }

    header .flex .box .but1 {
        width: 0.68rem;
        height: 0.68rem;
        border: 0.01rem solid rgba(0, 0, 0, 0.15);
        border-left: none;
        box-sizing: border-box;
        background: url(../imgs/search.png) no-repeat;
        background-size: 0.26rem 0.26rem;
        background-position: center;
    }

    .swiper1 .swiper-slide .img {
        height: 4.5rem;
        background: #fff center center no-repeat;
        background-size: cover;
    }

    .swiper-pagination-bullet-active {
        background: #fff;
    }

    .swiper1 .swiper-slide .banner_text {
        position: absolute;
        top: 19%;
        left: 3%;
        color: #fff;
        font-weight: bold;
    }

    .swiper1 .swiper-slide .banner_title {
        font-size: 0.47rem;
        letter-spacing: 0.07rem;
        font-weight: bold;
        color: #333333;
        letter-spacing: 0.01rem;
    }

    .swiper1 .swiper-slide .banner_sec {
        font-size: 0.13rem;
        line-height: 0.26rem;
        padding-top: 0.13rem;
        letter-spacing: 0.01rem;
        font-weight: 300;
    }

    .swiper1 .swiper-slide .banner_text p {
        margin: 0;
    }

    section#index .c1 {
        position: relative;
        height: 6rem;
        overflow: hidden;
    }

    section#index .c1 .img {
        position: absolute;
        left: .25rem;
        top: 1.3rem;
        width: 3.59rem;
        height: 3.29rem;
        opacity: 0;
    }

    section#index .c1 .img.cc {
        animation: fadeup 1s .5s forwards;
    }

    section#index .c1 .img img {
        width: 3.59rem;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#index .c1 .ent {
        position: absolute;
        right: .25rem;
        top: 1.2rem;
        width: 3.41rem;
        text-align: right;
        opacity: 0;
    }

    section#index .c1 .ent.cc {
        animation: fade 2s .5s forwards;
    }

    section#index .c1 .ent .name {
        font-size: .44rem;
    }

    section#index .c1 .ent .tag {
        font-size: .22rem;
        margin-top: .26rem;
    }

    section#index .c1 .ent .tips {
        font-size: .18rem;
        margin-top: .21rem;
        line-height: .24rem;
    }

    section#index .c1 .ent a {
        display: inline-block;
        width: 1.17rem;
        height: .27rem;
        line-height: .27rem;
        text-align: center;
        background: rgba(253, 208, 0, 1);
        color: #fff;
        font-size: .2rem;
        margin-top: .3rem;
    }

    section#index .c2 {
        position: relative;
        height: 6rem;
        overflow: hidden;
        background: #F9F9F9;
        border-bottom: .4rem solid #fff;
    }

    section#index .c2 .img {
        position: absolute;
        right: .25rem;
        top: 1.3rem;
        width: 3.51rem;
        height: 3.66rem;
        opacity: 0;
    }

    section#index .c2 .img.cc {
        animation: fadeup 1s .5s forwards;
    }

    section#index .c2 .img img {
        width: 3.51rem;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#index .c2 .ent {
        position: absolute;
        left: .25rem;
        top: 1.2rem;
        width: 3.45rem;
        text-align: left;
        opacity: 0;
    }

    section#index .c2 .ent.cc {
        animation: fade 2s .5s forwards;
    }

    section#index .c2 .ent .name {
        font-size: .44rem;
    }

    section#index .c2 .ent .tag {
        font-size: .22rem;
        margin-top: .26rem;
    }

    section#index .c2 .ent .tips {
        font-size: .18rem;
        margin-top: .21rem;
        line-height: .24rem;
    }

    section#index .c2 .ent a {
        display: inline-block;
        width: 1.17rem;
        height: .27rem;
        line-height: .27rem;
        text-align: center;
        background: rgba(253, 208, 0, 1);
        color: #fff;
        font-size: .2rem;
        margin-top: .3rem;
    }

    section#index .c3 {
        position: relative;
        top: 1px;
        height: .86rem;
        line-height: .86rem;
        text-align: center;
        background: url(../imgs/p1_i5.jpg) center center no-repeat;
        background-size: cover;
    }

    section#index .c3 a {
        width: 1.48rem;
        height: .45rem;
        line-height: .45rem;
        font-size: .24rem;
        color: #242424;
        border: 1px solid #242424;
        display: inline-block;
        opacity: 0;
        transition: all .3s;
    }

    section#index .c3 a:hover {
        background: #242424;
        color: #FDD000;
    }

    section#index .c3 a.cc {
        animation: fade 2s .5s forwards;
    }

    section#index .c4 {
        position: relative;
        height: 7.6rem;
        overflow: hidden;
    }

    section#index .c4 .title {
        width: 1.51rem;
        height: .65rem;
        margin: auto;
        position: relative;
        top: .8rem;
        background: url(../imgs/p1_i3.png) center center no-repeat;
        background-size: cover;
        opacity: 0;
    }

    section#index .c4 .title.cc {
        animation: fadeup 1s .5s forwards;
    }

    section#index .c4 .ent {
        position: relative;
        top: 1.5rem;
        text-align: center;
        opacity: 0;
    }

    section#index .c4 .ent.cc {
        animation: fadeup 1s .5s forwards;
    }

    section#index .c4 .ent a {
        width: 3.98rem;
        margin: 0 .22rem;
        display: inline-block;
        vertical-align: middle;
    }

    section#index .c4 .ent a img {
        width: 3.98rem;
        height: 4.11rem;
    }

    section#index .c4 .ent a .name {
        font-size: .25rem;
        margin-top: .3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    .swiper-button-nexts, .swiper-button-prevs {
        position: absolute;
        top: 40%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat;
        font-size: 1rem;
        color: #FDCA00;
        outline: none;
        line-height: .6rem;
        transform: scaleX(.5);
    }

    .swiper-button-nexts {
        right: .5rem;
    }

    .swiper-button-prevs {
        left: .5rem;
    }

    .swiper-button-disabled {
        display: none;
    }

    section#news {
        width: 7.0rem;
        margin: 0 auto;
        padding-bottom: 1.72rem;
    }

    section#news nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#news .nav {
        display: flex;
        height: 0.71rem;
        line-height: 0.71rem;
        margin-top: 0.41rem;
    }

    section#news .nav a {
        width: 50%;
        height: .76rem;
        line-height: 0.76rem;
        font-size: .28rem;
        font-weight: 600;
        text-align: center;
        position: relative;
        border-bottom: 0.03rem solid #FDD000;
    }

    section#news .nav a.on:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0.11rem;
        background: #FDD000;
    }

    section#news .nav a img {
        width: .25rem;
        height: .22rem;
        vertical-align: middle;
        position: relative;
        top: -.02rem;
    }

    section#news .list {
        position: relative;
        width: 100%;
        margin: auto;
        padding-top: 0.55rem;
        font-size: 0;
    }

    section#news .list a {
        width: 3.26rem;
        height: 3.06rem;
        display: inline-block;
        vertical-align: middle;
    }

    section#news .list a:nth-child(even) {
        margin-left: 0.45rem;
    }

    section#news .list a .img {
        width: 3.25rem;
        height: 2.12rem;
        box-shadow: 0 0 .02rem #ccc;
        overflow: hidden;
        position: relative;
    }

    section#news .list a .img img, section#news .list a img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#news .list a .name {
        font-size: .14rem;
        margin-top: .2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    section#goods {
        padding-bottom: 1rem;
    }

    section#goods .banner {
        width: 100%;
        height: 5.59rem;
        position: relative;
        background: url(../imgs/banner3.jpg) center center no-repeat;
        background-size: cover;
    }

    section#goods .banner .nav, section#goods .banner .box {
        display: none;
    }

    /*section#goods .banner .nav {
        position: absolute;
        top: 0;
        left: 5.05rem;
        width: 2.06rem;
        height: 4.54rem;
        background: #fff;
        box-shadow: 0 0 .1rem #ccc;
    }
    section#goods .banner .nav .title {
        padding: 1rem 0 0.2rem .23rem;
        font-size: .25rem;
    }
    section#goods .banner .nav span {
        display: block;
        margin-left: .23rem;
        padding: .14rem 0;
        width: 1.43rem;
        font-size: .17rem;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    section#goods .banner .nav span.on {
        color: #FDD000;
    }
    section#goods .banner .nav a {
        display: block;
        margin-left: .23rem;
        margin-top: .4rem;
        margin-bottom: .25rem;
        height: .38rem;
        line-height: .38rem;
        text-align: center;
        width: 1.43rem;
        font-size: .17rem;
        border: 1px solid rgba(0,0,0,0.1);
    }
    section#goods .banner .box {
        position: absolute;
        top: 0;
        left: 7.11rem;
        width: 5.47rem;
        height: 4.6rem;
        text-align: center;
        background: rgba(0,0,0,.7);
        box-shadow: 0 0 .1rem #ccc;
        display: none;
        color: #fff;
    }
    section#goods .banner .box .i {
        width: 1.6rem;
        height: 4rem;
        line-height: .5rem;
        font-size: .15rem;
        display: inline-block;
        vertical-align: middle;
        opacity: .9;
    }
    section#goods .banner .box .i .title {
        width: 1rem;
        margin: auto;
        padding-top: .6rem;
        margin-bottom: .12rem;
        border-bottom: 1px solid #fff;
    }
    section#goods .banner .box .i a {
        color: #fff;
        display: block;
    }*/
    section#goods .c {
        width: 100%;
        position: relative;
        text-align: center;
        margin-bottom: .34rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    section#goods .c .title {
        display: inline-block;
        font-size: .36rem;
        padding-top: .55rem;
        padding-bottom: .07rem;
        margin-bottom: .61rem;
        border-bottom: .03rem solid #FDD000;
    }

    section#goods .c .nav {
        padding: 0 0.55rem;
        padding-bottom: 0.58rem;
        font-size: 0;
        text-align: left;
    }

    section#goods .c a {
        width: 2.96rem;
        height: 3.94rem;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        background: #282828;
        color: #fff;
        box-shadow: 0 0 .1rem #ccc;
    }

    section#goods .c .nav a:nth-child(even) {
        margin-left: 0.48rem;
    }

    section#goods .c a:nth-child(n+3) {
        margin-top: 0.48rem;
    }

    section#goods .c a .img, section#goods .c a .img img {
        width: 2.96rem;
        height: 2.72rem;
    }

    section#goods .c a .bottom {
        padding: .25rem .19rem 0.23rem .28rem;
    }

    section#goods .c a .name {
        font-size: .23rem;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    section#goods .c a .tips {
        font-size: .17rem;
        line-height: .25rem;
        opacity: .8;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    section#goods .c .but {
        width: 1.2rem;
        height: .34rem;
        line-height: .34rem;
        display: inline-block;
        margin: 0;
        text-align: center;
        background: #FDD000;
        color: #fff;
        font-size: .17rem;
        border-radius: 0 0 .1rem .1rem;
        position: absolute;
        left: 50%;
        bottom: -.34rem;
        transform: translate(-50%, 0);
    }

    section#about {
    }

    section#about nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#about .c1 {
        width: 6.91rem;
        margin: auto;
        text-align: center;
        position: relative;
    }

    section#about .c1 .title {
        font-size: .42rem;
        font-weight: 600;
        padding: 0.07rem 0;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        margin-bottom: .5rem;
    }

    section#about .c1 .ent .i:first-child {
        width: 100%;
        margin-top: 3.5rem;
    }

    section#about .c1 .ent .i:last-child {
        width: 4.9rem;
        height: 2.97rem;
        position: absolute;
        top: 1.2rem;
        left: 50%;
        transform: translate(-50%, 0);
    }

    section#about .c1 .ent .i video {
        width: 100%;
        height: 3rem;
    }

    section#about .c1 .ent .i .tips {
        font-size: 0.19rem;
        line-height: 0.34rem;
        text-align: left;
    }

    section#about .c1 .ent .i .tips p {
        margin: 0;
        text-indent: 2em;
    }

    section#about .c1 .ent .i .tips a {
        color: #FDD000;
    }

    section#about .c2 {
        width: 100%;
        margin: auto;
        margin-top: .7rem;
        text-align: center;
        padding-bottom: 0.7rem;
    }

    section#about .c2 .title {
        font-size: .42rem;
        font-weight: 600;
        padding: 0.07rem 0;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        margin-bottom: .5rem;
    }

    section#about .c2 .list {
        font-size: 0;
    }

    section#about .c2 .list a {
        width: 2.96rem;
        height: 4.12rem;
        display: inline-block;
        vertical-align: top;
        margin: 0.3rem;
        text-align: left;
        background: #282828;
        color: #fff;
        box-shadow: 0 0 .1rem #ccc;
    }

    section#about .c2 .list a .img, section#about .c2 .list a .img img {
        width: 2.96rem;
        height: 2.67rem;
    }

    section#about .c2 .list a .name {
        font-size: .23rem;
        padding: .18rem .3rem 0 .3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    section#about .c2 .list a .tips {
        font-size: .17rem;
        padding: .05rem .3rem 0 .3rem;
        line-height: .25rem;
        opacity: .8;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    section#about .c2 .list a .more {
        font-size: .17rem;
        padding: .09rem .3rem 0 .3rem;
        line-height: .25rem;
        color: #FDD000;
        text-align: right;
    }

    section#service {
        width: 6.97rem;
        margin: 0 auto;
    }

    section#service nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#service .nav {
        display: flex;
        height: 0.71rem;
        line-height: 0.71rem;
        border-bottom: 0.03rem solid #FDCA05;
        margin-top: 0.41rem;
    }

    section#service .nav a {
        display: block;
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 0.21rem;
    }

    section#service .c1 {
        width: 100%;
        position: relative;
        padding-top: 0.2rem;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    section#service .c1 .i:last-child {
        width: 5.67rem;
        overflow: hidden;
        padding-bottom: 0.1rem;
    }

    section#service .c1 .i img {
        width: 100%;
    }

    section#service .c1 .i .title {
        font-size: .42rem;
        font-weight: 600;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        padding-left: 0.2rem;
        letter-spacing: .1rem;
        text-align: center;
    }

    section#service .c1 .i .tips {
        font-size: .19rem;
        line-height: .35rem;
        margin-top: .2rem;
        padding-left: .2rem;
        text-align: left;
    }

    section#service .c1 .i .tips p {
        margin: 0;
    }

    section#service .c2 {
        margin-top: .9rem;
        text-align: center;
    }

    section#service .c2 .title {
        font-size: .42rem;
        font-weight: 600;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        padding: 0 0.5rem;
        margin-bottom: 0.88rem;
        padding-bottom: .2rem;
        letter-spacing: .1rem;
        text-align: center;
    }

    section#service .c2 .list {
        padding-bottom: .6rem;
        font-size: 0;
    }

    section#service .c2 .list li {
        width: 2.65rem;
        padding-bottom: 0.5rem;
        display: inline-block;
        vertical-align: top;
        text-align: left;
    }

    section#service .c2 .list li:nth-child(even) {
        margin-left: 0.95rem;
    }

    section#service .c2 .list li .img, section#service .c2 .list li .img img {
        width: 2.65rem;
        height: 1.65rem;
        box-shadow: 0 0 .05rem #ccc;
    }

    section#service .c2 .list li .name {
        font-size: .29rem;
        font-weight: bold;
        padding: .2rem .3rem 0.1rem 0rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    section#service .c2 .list li .tips {
        font-size: .14rem;
        padding: .05rem 0 0 0;
        line-height: .35rem;
        display: flex;
        padding-top: 0.2rem;
    }

    section#service .c2 .list li .tips > div:nth-child(1) {
        width: 0.14rem;
        margin-right: 0.1rem;
    }

    section#service .c2 .list li .tips div div {
        width: 0.14rem;
        height: 0.35rem;
        position: relative;
    }

    section#service .c2 .list li .tips div img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#service .c2 .list li .tips p {
        margin: 0;
    }

    section#service .c3 {
        text-align: center;
        padding-top: 0.4rem;
    }

    section#service .c3 .title {
        font-size: .42rem;
        font-weight: 600;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        padding: 0 0.5rem;
        margin-bottom: 0.23rem;
        padding-bottom: .2rem;
        letter-spacing: .1rem;
        text-align: center;
    }

    section#service .c3 .list {
        padding-bottom: .6rem;
    }

    section#service .c3 .list a {
        width: 2.22rem;
        height: 3.48rem;
        display: inline-block;
        margin: 0.3rem .3rem;
        text-align: left;
        background: #282828;
        color: #fff;
        box-shadow: 0 0 .05rem #ccc;
        vertical-align: middle;
    }

    section#service .c3 .list a .img, section#service .c3 .list a .img img {
        width: 2.22rem;
        height: 2.66rem;
    }

    section#service .c3 .list a .bottom {
        line-height: .82rem;
        text-align: center;
        font-size: .25rem;
        opacity: .8;
    }

    section#service .c4 {
        text-align: center;
    }

    section#service .c4 .title {
        font-size: .42rem;
        font-weight: 600;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        padding: 0 0.5rem;
        margin-bottom: 0.23rem;
        padding-bottom: .2rem;
        letter-spacing: .1rem;
        text-align: center;
    }

    section#service .c4 .list {
        text-align: left;
    }

    section#service .c4 .name {
        font-size: .21rem;
        display: block;
        padding: .15rem 0;
    }

    section#service .c4 .list a {
        font-size: .21rem;
        display: block;
        color: #FDD000;
        margin-bottom: 1rem;
        margin-top: .5rem;
    }

    section#service .c4 .list div {
        font-size: .19rem;
        display: block;
        padding-bottom: .5rem;
        display: none;
    }

    section#product_detail {
        position: relative;
    }

    section#product_detail nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#product_detail .title_name {
        float: left;
        font-size: 0.21rem;
        font-weight: bold;
    }

    section#product_detail .anchor_link {
        float: right;
        font-weight: bold;
    }

    section#product_detail .anchor_link a:nth-child(n+2) {
        margin-left: 0.20rem;
    }

    section#product_detail .content {
        width: 7.5rem;
        padding-top: 0.78rem;
        padding-bottom: 0.65rem;
    }

    section#product_detail .content_left {
        width: 2.31rem;
        position: absolute;
        top: 0.16rem;
        right: 0.21rem;
    }

    section#product_detail .content_left_header_min {
        width: 1.41rem;
        height: 0.47rem;
        line-height: 0.47rem;
        text-align: center;
        font-size: 0.2rem;
        font-weight: bold;
        background-color: #FDCA00;
        position: absolute;
        right: 0;
    }

    section#product_detail .content_left_nav {
        display: none;
        position: absolute;
        right: 1.41rem;
        width: 3.38rem;
        background-color: #fff;
        border: 0.03rem solid #FDCB00;
        padding: 0.3rem 0.2rem 1.3rem 0.45rem;
        z-index: 999;
    }

    section#product_detail .content_left_nav div {
        line-height: 0.6rem;
        font-size: 0.28rem;
        font-weight: bold;
        cursor: pointer;
    }

    section#product_detail .content_left div ul {
        display: none;
        padding-left: 0.17rem;
        font-size: 0.20rem;
    }

    section#product_detail .content_left div upc_contentl li:hover a {
        color: #FDD000;
        position: relative;
    }

    section#product_detail .content_left div ul li:hover a:before {
        content: '';
        width: 100%;
        height: 0.01rem;
        background: rgba(253, 208, 0, 1);
        position: absolute;
        bottom: -0.1rem;
    }

    section#product_detail .content_right {
        width: 7.02rem;
        margin: 0 auto;
        box-sizing: border-box;
    }

    section#product_detail .information {
        display: flex;
    }

    section#product_detail .img {
        width: 3.0rem;
        height: 3.0rem;
        border: 0.02rem solid rgba(217, 217, 217, 1);
        box-sizing: border-box;
        position: relative;
        overflow: hidden;
    }

    section#product_detail .img img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#product_detail .spec {
        margin-left: 0.52rem;
    }

    section#product_detail .content_right .name {
        font-size: 0.21rem;
        font-weight: bold;
        border-bottom: 0.02rem solid #FDD000;
        padding-bottom: 0.07rem;
        margin-bottom: 0.1rem;
    }

    section#product_detail .content_right .parameter {
        line-height: 0.33rem;
    }

    section#product_detail .content_right .parameter span:nth-child(1) {
        font-size: 0.17rem;
        font-weight: bold;
    }

    section#product_detail .content_right .parameter span:nth-child(2) {
        font-size: 0.14rem;
        margin-left: 0.2rem;
    }

    section#product_detail .buy {
        display: flex;
    }

    section#product_detail .mall {
        width: 0.97rem;
    }

    section#product_detail .sproicon {
        position: relative;
        width: 100%;
        height: 0.68rem;
        background: rgba(253, 208, 0, 0.1);
    }

    section#product_detail .sproicon img {
        width: 0.49rem;
        height: 0.45rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    section#product_detail .mall {
        padding-top: 0.06rem;
    }

    section#product_detail .mall a {
        display: block;
        width: 100%;
        height: 0.34rem;
        line-height: 0.34rem;
        text-align: center;
        font-size: 0.14rem;
        font-weight: bold;
        background: rgba(253, 208, 0, 1);
        margin-top: 0.11rem;
    }

    section#product_detail .ali {
        width: 1.26rem;
        height: 1.26rem;
        margin-left: 0.16rem;
    }

    section#product_detail img {
        width: 100%;
        display: block;
        border: 0;
    }

    section#product_detail .no_color {
        display: block;
        width: 0.9rem;
        height: 0.97rem;
        text-align: center;
        box-sizing: border-box;
        margin-top: 0.34rem;
        float: left;
    }

    section#product_detail .no_color:nth-child(n+2) {
        margin-left: 0.32rem;
    }

    section#product_detail .no_color:nth-child(6n+1) {
        margin-left: 0;
    }

    section#product_detail .no_color.on {
        border-bottom: 0.04rem solid #FDD000;
    }

    section#product_detail .no_color p {
        font-size: 0.15rem;
        margin: 0.13rem 0;
    }

    section#product_detail .details {
        padding-top: 0.5rem;
    }

    section#product_detail .details .title {
        width: 100%;
        height: 0.38rem;
        line-height: 0.38rem;
        background: url(../imgs/sprodetailti.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 0.21rem;
        font-weight: bold;
        padding-left: 0.58rem;
        margin: 0.13rem 0;
    }

    section#product_detail .details .pc_content {
        border: 0.01rem solid #C1C1C1;
    }

    section#product_detail .details .pc_content:last-child {
        border: none;
    }

    section#product_detail .details .pc_content p {
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

    section#product_detail .list {
        width: 7rem;
        margin: 0 auto;
    }

    section#product_detail .list li {
        display: flex;
    }

    section#product_detail .list p {
        margin: 0;
    }

    section#product_detail .information2 {
        width: 4.67rem;
        height: 1.13rem;
        padding: 0.11rem 0.42rem 0.08rem 0.16rem;
        box-sizing: border-box;
        background: #fdd000;
        display: flex;
    }

    section#product_detail .information_img {
        width: 0.76rem;
        height: 0.94rem;
        overflow: hidden;
    }

    section#product_detail .information_img img {
        width: 100%;
        height: 100%;
    }

    section#product_detail .information_text {
        width: 3.07rem;
        margin-left: 0.39rem;
        height: 0.94rem;
        overflow: hidden;
    }

    section#product_detail .information_name {
        font-size: 0.1rem;
        font-weight: bold;
        line-height: 0.36rem;
    }

    section#product_detail .information_description {
        font-size: 0.09rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    section#product_detail .information_button {
        width: 2.2rem;
        height: 1.13rem;
        background: #fdd000;
        margin-left: 0.15rem;
    }

    section#product_detail .information_button a {
        display: block;
        width: 100%;
        height: calc(100% / 2);
        line-height: 0.515rem;
        padding-left: 0.37rem;
        box-sizing: border-box;
        position: relative;
    }

    section#product_detail .information_button a p {
        margin: 0;
        font-size: 0.09rem;
    }

    section#product_detail .information_button a img {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#product_detail .information_button a:nth-child(1) img {
        width: 0.05rem;
        height: 0.09rem;
        right: 0.29rem;
    }

    section#product_detail .information_button a:nth-child(2) img {
        width: 0.19rem;
        height: 0.17rem;
        right: 0.24rem;
    }

    section#news_detail {
        width: 7.0rem;
        margin: 0 auto;
    }

    section#news_detail nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#news_detail .nav {
        width: 100%;
        margin: .1rem auto .57rem auto;
        text-align: center;
        display: flex;
        margin-top: 0.41rem;
    }

    section#news_detail .nav a {
        width: 50%;
        height: .76rem;
        line-height: 0.76rem;
        font-size: .28rem;
        font-weight: 600;
        position: relative;
        border-bottom: 0.03rem solid #FDD000;
    }

    section#news_detail .nav a.on:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0.11rem;
        background: #FDD000;
    }

    section#news_detail .nav a img {
        width: .25rem;
        height: .22rem;
        vertical-align: middle;
        position: relative;
        top: -.02rem;
    }

    section#news_detail .news_detail_left {
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    section#news_detail .news_detail_header {
    }

    section#news_detail .header_img {
        height: 2.93rem;
        position: relative;
        overflow: hidden;
    }

    section#news_detail .header_img img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#news_detail .header_text {
        background: rgba(253, 208, 0, 1);
        padding: 0 0.44rem 0 0.37rem;
        color: #fff;
    }

    section#news_detail .detail_class {
        height: 0.5rem;
        line-height: 0.5rem;
        font-size: 0.15rem;
        border-bottom: 0.03rem dotted #fff;
    }

    section#news_detail .detail_name {
        line-height: 0.74rem;
        font-size: 0.43rem;
        font-weight: bold;
    }

    section#news_detail .news_share {
        padding: 0.2rem 0.51rem;
    }

    section#news_detail .news_share2 {
        padding: 0.2rem 0.51rem;
    }

    section#news_detail .news_share2 div:first-child {
        float: left;
        line-height: 0.45rem;
        font-size: 0.17rem;
        color: #282828;
    }

    section#news_detail .social-share {
        float: right;
    }

    section#news_detail .news_share2 .social-share {
        float: left;
    }

    .social-share .social-share-icon {
        width: .32rem;
        height: .32rem;
        font-size: .2rem;
        line-height: .32rem;
        border: 0.01rem solid #666;
        margin: 0.04rem;
    }

    section#news_detail .news_detail_content {
        width: 7rem;
        padding: 0.4rem 0;
    }

    section#news_detail .news_detail_content img {
        width: 100%;
    }

    section#news_detail .news_detail_right {
        display: none;
    }

    .com-share-favor {
        padding: 0.2rem 0;
        padding-left: 3.2rem;
    }

    section#download {
        width: 7.22rem;
        padding-bottom: 0.89rem;
        margin: 0 auto;
    }

    section#download nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#download .nav {
        width: 100%;
        font-size: 0rem;
        margin: .1rem auto .57rem auto;
        text-align: center;
    }

    section#download .nav a {
        width: 50%;
        display: inline-block;
        height: .76rem;
        line-height: 0.76rem;
        font-size: .28rem;
        font-weight: 600;
        position: relative;
        border-bottom: 0.03rem solid #FDD000;
    }

    section#download .nav a.on:before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0.11rem;
        background: #FDD000;
    }

    section#download .nav a img {
        width: .25rem;
        height: .22rem;
        vertical-align: middle;
        position: relative;
        top: -.02rem;
    }

    section#download .list {
        width: 7.22rem
    }

    section#download .list li {
        display: flex;
        margin-bottom: 0.38rem;
    }

    section#download .information {
        width: 6.34rem;
        height: 1.75rem;
        padding: 0.14rem 0.25rem 0.13rem 0.26rem;
        box-sizing: border-box;
        background: rgba(243, 243, 243, 1);
        display: flex;
    }

    section#download .information_img {
        width: 1.48rem;
        height: 1.48rem;
        border-top: 0.04rem solid #FDD100;
        overflow: hidden;
    }

    section#download img {
        width: 1.48rem;
    }

    section#download .information_text {
        width: 4.07rem;
        margin-left: 0.28rem;
    }

    section#download .information_name {
        font-size: 0.21rem;
        font-weight: bold;
        line-height: 0.6rem;
        margin-top: 0.16rem;
    }

    section#download .information_description {
        font-size: 0.14rem;
    }

    section#download .information_button {
        width: 3.4rem;
        height: 1.75rem;
        background: rgba(243, 243, 243, 1);
        margin-left: 0;
    }

    section#download .information_button a {
        display: block;
        width: 100%;
        height: 0.875rem;
        line-height: 0.875rem;
        padding-left: 0.37rem;
        box-sizing: border-box;
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    section#download .information_button a img {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#download .information_button a:nth-child(1) img {
        width: 0.07rem;
        height: 0.13rem;
        right: 0.45rem;
    }

    section#download .information_button a:nth-child(2) img {
        width: 0.28rem;
        height: 0.24rem;
        right: 0.38rem;
    }

    .imgto {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        background-color: #0005;
        z-index: 99999;
        display: none;
        transition: all .5s;
    }

    .imgto.on {
        background-color: #e3e3e3;
    }

    .imgto div:first-child {
        width: 1rem;
        height: 1rem;
        border-radius: 0.5rem;
        line-height: 1rem;
        font-size: 0.4rem;
        text-align: center;
        color: #fff;
        background-color: #00000080;
        position: absolute;
        right: 2.6rem;
        bottom: 1.6rem;
        transition: all 0.3s;
    }

    .imgto div:first-child:hover {
        background-color: #fff;
        color: #00000080;
    }

    .imgto div:nth-child(2) {
        width: 7.5rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .imgto .imgto_botton {
        width: 1rem;
        height: 1rem;
        border-radius: 0.5rem;
        background: url("../imgs/deng.png") no-repeat center #00000080;
        background-size: 0.35rem;
        position: absolute;
        right: 4rem;
        bottom: 1.6rem;
        transition: all 0.3s;
    }

    .imgto .imgto_botton:hover {
        background: url("../imgs/deng2.png") no-repeat center #fff;
        background-size: 0.35rem;
    }

    .imgto img {
        width: 100%;
    }

    section#question {
        padding-bottom: 0.89rem;
    }

    section#question nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#question .search {
        width: 100%;
        height: 0.53rem;
        background: rgba(255, 255, 255, 1);
        text-align: center;
        font-size: 0;
        margin-top: 0.6rem;
    }

    section#question .search input {
        width: 5.96rem;
        height: 0.53rem;
        line-height: 0.53rem;
        padding: 0 0.2rem;
        border: 0.02rem solid rgba(196, 196, 196, 1);
        border-right: none;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
    }

    section#question .but2 {
        width: 0.53rem;
        height: 0.53rem;
        border: 0.02rem solid rgba(196, 196, 196, 1);
        border-left: none;
        box-sizing: border-box;
        background-image: url(../imgs/search.png);
        background-repeat: no-repeat;
        background-size: 0.23rem;
        background-position: center;
        display: inline-block;
        vertical-align: top;
    }

    section#question .resuit {
        width: 6.63rem;
        margin: 0 auto;
        padding-top: 1.07rem;
    }

    section#question .resuit li {
        display: flex;
        cursor: help;
    }

    section#question .resuit li.on {
        cursor: pointer;
    }

    section#question .resuit li:nth-child(n+2) {
        margin-top: 0.65rem;
    }

    section#question .resuit .number {
        width: 0.35rem;
        height: 0.35rem;
        line-height: 0.35rem;
        text-align: center;
        font-size: 0.24rem;
        font-weight: bold;
        border-radius: 0.18rem;
        background-color: #FDD000;
    }

    section#question .resuit .resuit_text {
        width: 6.14rem;
        margin-left: 0.14rem;
    }

    section#question .resuit .resuit_title {
        line-height: 0.36rem;
    }

    section#question .resuit .resuit_title span:nth-child(1) {
        font-size: 0.21rem;
        font-weight: bold;
    }

    section#question .resuit .resuit_title span:nth-child(2) {
        display: none;
    }

    section#question .resuit .resuit_content {
        font-size: 0.18rem;
        line-height: 0.29rem;
        display: block;
        margin-top: 0.1rem;
        display: none;
    }

    section#visit {
        padding-bottom: 0.89rem;
    }

    section#visit nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#visit .visit_content {
        width: 7.02rem;
        margin: 0 auto;
        text-align: center;
    }

    section#visit .visit_content img {
        width: 100%;
    }

    section#visit .visit_content_bg {
        padding: 0.2rem;
        background-color: #FDD000;
    }

    section#visit .visit_content_bg p {
        margin: 0;
    }

    section#visit .title {
        font-size: 0.42rem;
        padding: 0.19rem 0;
        font-weight: bold;
        position: relative;
    }

    section#visit .title:before {
        content: '';
        width: 4.42rem;
        height: 0.03rem;
        background-color: #FDD000;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    section#visit .secondary {
        padding: 0.28rem 0;
        line-height: 0.35rem;
        font-size: 0.20rem;
        letter-spacing: -0.06em;
    }

    section#visit .item_content {
        width: 7rem;
        text-align: left;
        line-height: 0.5rem;
        position: relative;
        display: table;
        margin-top: 0.65rem;
        margin-bottom: 0.54rem;
        padding-left: 0.2rem;
        padding-bottom: 0.1rem;
        background-color: #FDD000;
        box-sizing: border-box;
    }

    section#visit .item_content div {
        position: relative;
        display: table;
    }

    section#visit .item_content div > span {
        padding-bottom: 0.05rem;
        border-bottom: 0.03rem solid #000;
    }

    section#visit .item_content div:nth-child(1):before {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 0.03rem;
        content: '';
        background-color: #000;
    }

    section#visit .item_content div:nth-child(1) {
        font-size: 0.36rem;
        font-weight: bold;
        height: 100%;
    }

    section#visit .item_content div:nth-child(2) {
        font-size: 0.20rem;
        letter-spacing: -0.06em;
    }

    section#visit .item_content:nth-child(8) div:nth-child(1) {
        width: 2.56rem;
    }

    section#visit .item_content:nth-child(8) div:nth-child(2) {
        width: 4.16rem;
        line-height: 0.3rem;
    }

    section#visit .item_img p {
        margin: 0;
    }

    section#contact {
        padding-bottom: 0.89rem;
    }

    section#contact nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
    }

    section#contact .wrap {
        width: 7rem;
        margin: 0 auto;
        border-bottom: 0.01rem solid #DDDDDD;
    }

    section#contact .wrap:last-child {
        border-bottom: none;
    }

    section#contact .wrap img {
        width: 100%;
    }

    section#contact .contact_nav {
        width: 100%;
        padding: 0.40rem 0.41rem 0.41rem 1.03rem;
        box-sizing: border-box;
        font-size: 0;
    }

    section#contact .title {
        font-size: 0.32rem;
        font-weight: bold;
        padding-bottom: 0.2rem;
    }

    section#contact p {
        font-size: 0.2rem;
        line-height: 0.34rem;
        margin: 0;
    }

    section#contact .ditu {
        width: 100%;
        height: 4.42rem;
        position: relative;
        overflow: hidden;
    }

    section#contact .contact_nav > div:nth-child(n+2) {
        width: 100%;
        padding: 0.2rem 0;
    }

    section#contact .contact_nav > div:nth-child(n+2) > p:nth-child(1) {
        font-size: 0.24rem;
        line-height: 0.5rem;
        color: #242424;
    }

    section#contact .contact_nav > div > div {
        display: flex;
    }

    section#contact .contact_nav > div > div > div:nth-child(1) {
        width: 0.14rem;
        margin-right: 0.1rem;
    }

    section#contact .contact_nav > div > div > div > div {
        width: 0.14rem;
        height: 0.35rem;
        position: relative;
    }

    section#contact .contact_nav > div > div > div > div img {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#contact .contact_nav div p {
        margin: 0;
        line-height: 0.35rem;
    }

    section#contact .code {
        width: 100%;
        padding-left: 1rem;
        box-sizing: border-box;
    }

    section#contact .code li {
        width: 1.12rem;
        font-size: 0.18rem;
        float: left;
        text-align: center;
    }

    section#contact .code li:nth-child(n+2) {
        margin-left: 0.9rem;
    }

    section#brand {
        padding-bottom: 0.89rem;
    }

    section#brand nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
        padding-bottom: 0.2rem;
    }

    section#brand .wrap {
        width: 7.01rem;
        margin: 0 auto;
        text-align: center;
    }

    section#brand .wrap img {
        width: 100%;
        margin-top: 0.1rem;
    }

    section#brand .title {
        font-size: 0.42rem;
        font-weight: bold;
        position: relative;
        margin-top: 0.60rem;
        padding: 0.18rem 0;
        margin-top: 0.60rem;
        margin-bottom: 0.1rem;
    }

    section#brand .title:before {
        content: '';
        width: 4.42rem;
        height: 0.03rem;
        background-color: #FDD000;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    section#brand .secondary {
        line-height: 0.37rem;
        font-size: 0.20rem;
        padding-top: 0.3rem;
        margin-bottom: 0.04rem;
        color: #282828;
    }

    section#brand .img {
        display: flex;
    }

    section#brand .img div {
        width: 100%;
    }

    section#brand .img2 {
        position: relative;
    }

    section#brand .img2 div {
        font-size: 0.12rem;
        color: #000;
        text-align: left;
        position: absolute;
        top: 0.5rem;
        left: 0.3rem;
        line-height: 0.23rem;
    }

    section#brand .img2 div span {
        font-size: 0.19rem;
        color: #fff;
    }

    section#brand .img div img {
        margin-top: 0;
    }

    section#brand .img3 {
        position: relative;
    }

    section#brand .img3 p {
        position: absolute;
        top: 1.2rem;
        right: 0.8rem;
        font-size: 0.18rem;
    }

    section#brand .img4 {
        position: relative;
    }

    section#brand .img4 p {
        position: absolute;
        top: 1.2rem;
        left: 0.8rem;
        font-size: 0.2rem;
        line-height: 0.2rem;
        color: #252522;
    }

    section#introduce {
        padding-bottom: 0.89rem;
    }

    section#introduce nav {
        height: 0.7rem;
        line-height: 0.7rem;
        padding-left: 0.25rem;
        font-size: 0.2rem;
        padding-bottom: 0.2rem;
    }

    section#introduce .wrap {
        width: 7rem;
        margin: 0 auto;
        text-align: center;
    }

    section#introduce .wrap img {
        width: 100%;
    }

    section#introduce .content {
        height: 4.9rem;
        background-image: url(../imgs/about_001_mob.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        padding: 1.2rem 0.17rem 0.98rem 0.37rem;
        box-sizing: border-box;
        font-size: 0.20rem;
        line-height: 0.32rem;
        text-align: left;
    }

    section#introduce .content div {
        height: 100%;
        overflow: hidden;
        overflow-y: scroll;
        text-align: left;
    }

    section#introduce .content div p {
        text-indent: 2em;
        margin: 0;
    }

    section#introduce .title {
        padding: 0.2rem 0;
        font-size: 0.42rem;
        font-weight: bold;
        position: relative;
        margin-top: 0.60rem;
    }

    section#introduce .title:before {
        content: '';
        width: 4.42rem;
        height: 0.03rem;
        background-color: #FDD000;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }

    section#introduce .secondary {
        line-height: 0.37rem;
        font-size: 0.20rem;
        margin: 0.45rem 0;
    }

    section#introduce .img {
        position: relative;
        margin-top: 0.55rem;
    }

    section#introduce .img img {
        width: 100%;
    }

    section#introduce .wrap .img .img_text {
        font-size: 0.18rem;
        letter-spacing: -0.06em;
        line-height: 0.24rem;
    }

    section#introduce .wrap .img:nth-child(7) .img_text {
        position: absolute;
        top: 0rem;
        display: flex;
        width: 100%;
        text-align: left;
    }

    section#introduce .wrap .img:nth-child(7) .img_text div:nth-child(1) {
        text-align: right;
        position: absolute;
        right: 4rem;
        margin-top: 0.76rem;
    }

    section#introduce .wrap .img:nth-child(7) .img_text div:nth-child(2) {
        text-align: left;
        position: absolute;
        left: 3.96rem;
        top: 0.23rem;
    }

    section#introduce .wrap .img:nth-child(7) .img_text div p {
        margin: 0;
    }

    section#introduce .wrap .img:nth-child(9) .img_text {
        position: absolute;
        left: 0.25rem;
        top: 0.3rem;
        text-align: left;
    }

    section#introduce .wrap .img:nth-child(10) {
        margin-top: 0.05rem;
    }

    section#introduce .wrap .img:nth-child(10) .img_text {
        position: absolute;
        left: 0rem;
        bottom: 0rem;
        text-align: left;
    }

    section#introduce .wrap .img:nth-child(10) .img_text p {
        margin: 0;
    }

    section#introduce .course {
        padding-top: 0.5rem;
    }

    section#introduce .course_block:nth-child(n+2) {
        margin-top: 1.0rem;
    }

    section#introduce .course_block_head {
        position: relative;
    }

    section#introduce .course_block:nth-child(odd) .course_block_head {
        text-align: right;
    }

    section#introduce .course_block:nth-child(even) .course_block_head {
        text-align: left;
    }

    section#introduce .course_block:nth-child(5) .course_block_head {
        height: 2.0rem;
    }

    section#introduce .course_block:nth-child(6) .course_block_head {
        height: 2.7rem;
    }

    section#introduce .course_block_head img {
        width: 1.5rem;
        height: 1.5rem;
    }

    section#introduce .course_block:nth-child(odd) img {
        margin-right: 0.25rem;
    }

    section#introduce .course_block:nth-child(even) img {
        margin-left: 0.25rem;
    }

    section#introduce .course_block_left {
        width: 5.3rem;
        text-align: left;
        position: absolute;
        left: 2rem;
        top: 50%;
        transform: translate(0, -50%);
        display: inline-block;
        vertical-align: top;
    }

    section#introduce .course_block:nth-child(odd) .course_block_left {
        text-align: right;
        right: 2rem;
        left: auto;
    }

    section#introduce .course_block_left p {
        margin: 0;
        font-size: 0.2rem;
        line-height: 0.27rem;
        color: #777777;
        word-wrap: break-word;
    }

    section#introduce .course_block_left p:nth-child(1) {
        font-size: 0.32rem;
        color: #222222;
        padding-bottom: 0.1rem;
    }

    section#news .nav a img {
        width: 0.25rem;
        height: 0.22rem;
    }

    footer {
        position: relative;
        color: #fff;
        background: #282828;
    }

    footer .img {
        position: absolute;
        right: 0;
        top: 2.3rem;
        width: 8.42rem;
        height: 7.63rem;
        background-image: url(../imgs/footer.png);
        background-size: cover;
        opacity: 0;
    }

    footer .img.cc {
        animation: fadeleft 1s .5s forwards;
    }

    footer .title {
        background-image: url(../imgs/p1_i4.png);
        width: 1.84rem;
        height: .77rem;
        background-size: cover;
        position: absolute;
        left: 50%;
        top: .96rem;
        transform: translate(-50%, 0);
        opacity: 0;
    }

    footer .title.cc {
        animation: fadeups 1s .5s forwards;
    }

    footer .ent {
        position: absolute;
        left: 50%;
        top: 2.3rem;
        width: 5.64rem;
        height: 2.86rem;
        transform: translate(-50%, 0);
        opacity: 0;
    }

    footer .ent.cc {
        animation: fadeups 1s .5s forwards;
    }

    footer .left {
        width: 5.64rem;
        height: 2.34rem;
        border-radius: .03rem;
        display: inline-block;
        vertical-align: middle;
    }

    footer .left input {
        width: 5.04rem;
        height: .57rem;
        line-height: .57rem;
        border-radius: .1rem;
        margin-bottom: .2rem;
        padding: 0 .3rem;
        color: #BBBBBB;
        font-size: 0.19rem;
    }

    footer .right {
        width: 5.64rem;
        height: 2.86rem;
        background: #fff;
        border-radius: .1rem;
        display: inline-block;
        vertical-align: middle;
    }

    footer .right textarea {
        padding: .25rem .3rem;
        background: rgba(0, 0, 0, 0);
        width: 4.8rem;
        height: 2.1rem;
        color: #BBBBBB !important;
        font-size: 0.19rem;
    }

    footer .but3 {
        position: absolute;
        top: 9rem;
        left: 50%;
        transform: translate(-50%, 0);
        width: 1.51rem;
        height: .52rem;
        line-height: .52rem;
        text-align: center;
        background: #FED136;
        color: #282828;
        font-size: .25rem;
        border-radius: .1rem;
        opacity: 0;
    }

    footer .but3.cc {
        animation: fade 2s .5s forwards;
    }

    footer .nav {
        padding-top: 10rem;
        padding-bottom: .9rem;
        z-index: 99;
    }

    footer .nav .i {
        padding: 0 .9rem;
    }

    footer .nav .i .name {
        font-size: 0.26rem;
        line-height: 0.7rem;
        border-bottom: 0.01rem solid #BBBBBB42;
        padding: 0 .12rem;
    }

    footer .nav .i .name:after {
        content: '+';
        float: right;
        font-size: .26rem;
        font-weight: normal;
        margin-top: -0.02rem;
        margin-right: 0.08rem;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
    }

    footer .nav .i .name.on:after {
        transform: rotate(45deg);
    }

    footer .nav .i .link {
        display: none;
        padding: .15rem;
        padding-right: 0;
    }

    footer .nav .i .link a {
        display: block;
        width: 100%;
        color: #BBBBBB;
        line-height: 0.6rem;
        font-size: 0.22rem;
    }

    footer .nav .i .link a:last-child {
    }

    footer .nav .i:nth-child(3) .link a:nth-child(3) {
        display: none;
    }

    footer .footer {
        width: 5rem;
        height: 2.86rem;
        display: flex;
        text-align: center;
        margin: 0 auto;
    }

    footer .footer .i {
        width: 100%;
        opacity: 0;
    }

    footer .footer .i.cc {
        animation: fade 1s .5s forwards;
    }

    footer .footer .i .name {
        font-size: .17rem;
    }

    footer .footer span {
        display: block;
        font-size: .14rem;
        margin-top: .18rem;
        color: #F2F2F2;
    }

    footer .footer img {
        width: 1.07rem;
        height: 1.07rem;
    }

    footer .beianhao {
        padding: 0 .9rem;
        padding-bottom: .4rem;
        font-size: .13rem;
        line-height: .29rem;
    }

    footer .beianhao a {
        color: #ffffff;
    }

    .bar {
        width: 7.5rem;
        height: 1.5rem;
        background-color: #FDCA00;
        position: fixed;
        bottom: 0;
        display: flex;
        z-index: 999999;
    }

    .bar a {
        display: block;
        width: calc(100% / 4);
        height: 1.5rem;
        text-align: center;
        color: #fff;
        font-size: 0.28rem;
        padding-top: 0.88rem;
        background-size: 0.5rem 0.5rem;
        background-position: center 0.27rem;
        background-repeat: no-repeat;
    }

    .bar a:nth-child(2) a {
        background-size: 0.53rem 0.51rem;
    }

    .bar a:nth-child(3) a {
        background-size: 0.55rem 0.5rem;
    }

    .bar a:nth-child(n+2) {
        border-left: 0.005rem solid #FDD630;
    }

    footer#question {
        height: 8.2rem;
    }

    footer#question .right {
        overflow: hidden;
    }

    footer#question .left input, footer#question .right textarea {
        border: 0.01rem solid #cdcdcd;
        border-radius: .1rem;
        width: 100%;
        box-sizing: border-box;
    }

    footer#question .but3 {
        top: 7.2rem;
    }

    .fquick {
        display: none;
    }
}