@media screen and (min-width: 750px) {
    body {
        font-size: 0.16rem;
        font-weight: 400;
    }

    .min {
        display: none !important;
    }

    .but {
        cursor: pointer;
    }

    #more {
        cursor: pointer;
    }

    header {
        position: fixed;
        z-index: 1;
        width: 100%;
        height: 1rem;
        line-height: 1rem;
        display: flex;
        background: rgba(255, 255, 255, 1);
        z-index: 9999;
        transition: transform .3s;
        transform-origin: top center;
    }

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

    header > a:first-child {
        width: 7.38rem;
        height: 1rem;
        display: block;
        position: relative;
    }

    header > a:first-child img {
        width: 2.18rem;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
    }

    header.on .nav {
        display: none;
    }

    header .nav {
        width: 7rem;
        height: 1rem;
        font-size: .2rem;
        text-align: center;
        display: inline-block;
    }

    header .nav > div {
        width: 1.4rem;
        height: 1rem;
        display: inline-block;
        vertical-align: top;
        transition: all .3s;
    }

    header .nav > div:nth-child(n+5) {
        display: none;
    }

    header .nav > div > a {
        width: 100%;
        height: 100%;
        display: block;
        padding-top: 0.4rem;
        box-sizing: border-box;
        transition: all .2s;
    }

    header .nav > div > a > p {
        line-height: 0.2rem;
        font-size: 0.2rem;
        margin: 0;
        border-right: 0.01rem solid #282828;
    }

    header .nav > div:last-child > a > p {
        border-right: none;
    }

    header .nav > div > a:hover {
        color: #FDD000;
        border-bottom: .09rem solid #FDD000;
    }

    header .nav > div > a.on {
        border-bottom: .09rem solid #FDD000;
    }

    header .nav div div {
        width: 1.4rem;
        background-color: rgba(247, 247, 247, 0.9);
        display: none;
        border: 0.01rem solid #fdd107;
        box-sizing: border-box;
    }

    header .nav div div li {
        padding: 0.1rem 0.05rem;
        line-height: 0.30rem;
        font-size: 0.2rem;
    }

    header .nav div div li:hover {
        background: #eadcb2;
    }

    header .nav div:nth-child(3) div li:nth-child(1) {
        display: none;
    }

    header .sreach {
        height: .37rem;
        line-height: .28rem;
        width: .3rem;
        margin-top: .33rem;
        background: rgba(0, 0, 0, 0);
        border: 1px solid rgba(0, 0, 0, 0);
        display: inline-block;
    }

    header.on .sreach {
        margin-left: 1.9rem;
        height: .37rem;
        line-height: .32rem;
        width: 4.9rem;
        margin-top: .32rem;
        background: rgba(0, 0, 0, 0.05);
        border: 1px solid rgba(0, 0, 0, 0.1);
        display: inline-block;
    }

    header .sreach .but1 {
        width: .16rem;
        height: .16rem;
        display: inline-block;
        vertical-align: middle;
        background: url(../imgs/search.png) center center no-repeat;
        background-size: cover;
        opacity: 0.7;
    }

    header.on .sreach .but {
    }

    header .sreach input {
        width: 3.8rem;
        padding: 0 .25rem;
        display: none;
        font-size: .19rem;
        vertical-align: middle;
        background: rgba(0, 0, 0, 0);
    }

    header.on .sreach input {
        display: inline-block;
    }

    header .en {
        width: 0.5rem;
        margin-left: .1rem;
        height: 1rem;
        font-size: .16rem;
        margin-right: 4.65rem;
        opacity: 0.7;
    }

    header.on .en {
        margin-right: 5.1rem;
        position: relative;
        left: .08rem;
    }

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

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

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

    .swiper1 .swiper-slide .banner_title {
        font-size: 0.5rem;
        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.3rem;
        padding-top: 0.13rem;
        letter-spacing: 0.01rem;
        letter-spacing: 0;
        font-weight: 300;
    }

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

    section#index .c1 {
        position: relative;
        height: 6.07rem;
        overflow: hidden;
        background: #FAFAFA;
    }

    section#index .c2 .img {
        position: absolute;
        left: 4.54rem;
        bottom: 0;
        width: 5rem;
        height: 4.82rem;
        opacity: 0;
    }
    section#index .c2 .img img{
        width: auto;
        max-width: 100%;
    }
    section#index .c1 .img.cc {
        animation: fadeup 1s .5s forwards;
    }

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

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

    section#index .c2 .ent {
        position: absolute;
        right: 4.79rem;
        top: 2rem;
        width: 4.36rem;
        text-align: right;
        opacity: 0;
    }

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

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

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

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

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

    section#index .c2 {
        position: relative;
        height: 6.07rem;
        overflow: hidden;
    }

    section#index .c1 .img {
        position: absolute;
        right: 4.54rem;
        bottom: 0;
        width: 5rem;
        height: 4.96rem;
        opacity: 0;
    }
    section#index .c1 .img img{
        width: auto;
        max-width: 100%;
    }
    section#index .c2 .img.cc {
        animation: fadeup 1s .5s forwards;
    }

    section#index .c1 .ent {
        position: absolute;
        left: 4.79rem;
        top: 2rem;
        width: 4.36rem;
        /*height: 3.1rem;*/
        text-align: left;
        opacity: 0;
    }

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

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

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

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

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

    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.18rem;
        height: .39rem;
        line-height: .39rem;
        font-size: .19rem;
        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.3rem;
        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: absolute;
        top: 2rem;
        left: 50%;
        width: 13.5rem;
        transform: translate(-50%, 0);
        opacity: 0;
    }

    section#index .c4 .ent.cc {
        animation: fadeups 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;
        position: relative;
    }

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

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

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

    footer .img {
        position: absolute;
        right: 0;
        top: 1.65rem;
        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.6rem;
        width: 13rem;
        height: 2.67rem;
        transform: translate(-50%, 0);
        opacity: 0;
    }

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

    footer .left {
        width: 6.24rem;
        height: 2.67rem;
        border-radius: .03rem;
        display: inline-block;
        margin-right: .4rem;
        vertical-align: middle;
    }

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

    footer .left input:last-child {
        margin: 0;
    }

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

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

    footer .but3 {
        position: absolute;
        top: 6.28rem;
        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 .footer {
        position: absolute;
        left: 50%;
        top: 7.96rem;
        width: 13rem;
        height: 2.86rem;
        display: flex;
        transform: translate(-46%, 0);
    }

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

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

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

    footer .footer .i:nth-child(2) a:nth-child(5) {
        display: none;
    }

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

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

    footer .footer .i:nth-child(n+4) a {
        margin: 0;
    }

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


    footer .beianhao {
        border-top: 1px solid #dedede;
        width: 13rem;
        position: absolute;
        left: 50%;
        bottom: 0;
        font-size: 13px;
        line-height: 29px;
        transform: translate(-46%, 0);
    }

    footer .beianhao a {
        color: #ffffff;
    }

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

    section#goods .banner {
        width: 100%;
        height: 5.8rem;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left top;
    }

    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;
        font-weight: bold;
    }

    section#goods .banner .nav div:nth-child(2) {
        height: 2.2rem;
        overflow-y: scroll;
    }

    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 {
        height: 4rem;
        line-height: .5rem;
        font-size: .15rem;
        padding: 0 0.5rem;
        display: inline-block;
        vertical-align: middle;
        opacity: .9;
    }

    section#goods .banner .box .i .title {
        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%;
        padding-bottom: 0.2rem;
        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: .33rem;
        padding-top: .8rem;
        padding-bottom: .08rem;
        margin-bottom: .7rem;
        border-bottom: .03rem solid #FDD000;
    }

    section#goods .c .nav {
        width: 11.88rem;
        margin: 0 auto;
        font-size: 0;
    }

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

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

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

    section#goods .c a .name {
        font-size: .23rem;
        padding: .1rem .3rem 0 .3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    section#goods .c 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#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#product_detail .title {
        width: 8.47rem;
        margin: 0 auto;
        height: 0.54rem;
        line-height: 0.54rem;
    }

    section#product_detail .divider {
        width: 100%;
        height: 0.01rem;
        background-color: #C4C4C4;
    }

    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: 10.02rem;
        margin: 0 auto;
        padding-top: 0.78rem;
        font-size: 0;
        padding-bottom: 0.65rem;
    }

    section#product_detail .content_left {
        width: 2.31rem;
        display: inline-block;
        vertical-align: top;
    }

    section#product_detail .content_left_header {
        font-size: 0.25rem;
        font-weight: 600;
        margin-bottom: 0.1rem;
    }

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

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

    section#product_detail .content_left div ul 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.7rem;
        display: inline-block;
        vertical-align: top;
        border-left: 0.01rem solid #C4C4C4;
        padding-left: 0.66rem;
        box-sizing: border-box;
    }

    section#product_detail .information {
        display: flex;
    }

    section#product_detail .img {
        width: 3.5rem;
        height: 3.5rem;
        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%;
    }

    section#product_detail .no_color {
        display: block;
        width: 0.9rem;
        height: 0.97rem;
        text-align: center;
        box-sizing: border-box;
        margin-top: 0.34rem;
        overflow: hidden;
        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 .list {
        width: 7rem;
        margin: 0 auto;
    }

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

    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.17rem;
        font-weight: bold;
        line-height: 0.36rem;
    }

    section#product_detail .information_description {
        font-size: 0.12rem;
        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.14rem;
    }

    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 nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
    }

    section#news .nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
        border-bottom: 0.03rem solid #FDD000;
        text-align: center;
        display: flex;
    }

    section#news .nav a {
        width: 100%;
        display: block;
        height: .6rem;
        font-weight: 600;
        line-height: .6rem;
        position: relative;
    }

    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;
        left: .12rem;
        width: 11.5rem;
        margin: auto;
    }

    section#news .list a {
        width: 3.25rem;
        height: 3.5rem;
        margin: 0 .22rem;
        display: inline-block;
        vertical-align: middle;
    }

    section#news .list a .img {
        width: 3.25rem;
        height: 2.12rem;
        position: relative;
        overflow: hidden;
    }

    section#news .list a .img img, section#news .list a img {
        width: 100%;
        box-shadow: 0 0 .02rem #ccc;
        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#about nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
    }

    section#about .c1 {
        width: 10.87rem;
        margin: auto;
    }

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

    section#about .c1 .ent {
        display: flex;
    }

    section#about .c1 .ent .i {
        width: 4.9rem;
        position: relative;
    }

    section#about .c1 .ent .i:first-child {
        width: 5.7rem;
        padding-right: .3rem;
    }

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

    section#about .c1 .ent .i .tips {
        font-size: .20rem;
        line-height: .29rem;
        margin-top: .2rem;
        text-indent: 2em;
        /*letter-spacing: -0.006rem;*/
    }

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

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

    section#about .c1 .ent .i video {
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
    }

    section#about .c2 {
        width: 10.87rem;
        margin: auto;
        margin-top: .7rem;
    }

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

    section#about .c2 .list {
        width: 15rem;
        position: relative;
        left: -.5rem;
        padding-bottom: .6rem;
    }

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

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

    section#about .c2 .list a .bottom {
        height: 1.25rem;
    }

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

    section#about .c2 .list a .tips {
        font-size: .14rem;
        padding: .07rem .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 nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
    }

    section#service .c1 {
        margin: auto;
        width: 10.87rem;
        height: 3rem;
        position: relative;

        background-size: cover;
        background-position: center;
        padding-left: 0.5rem;
        padding-top: 0.4rem;
    }

    section#service .c1 .i {
        overflow: hidden;
    }

    section#service .c1 .i:first-child {
        padding-right: .5rem;
    }

    /*section#service .c1 .i:last-child {*/
    /*position: relative;*/
    /*}*/
    section#service .c1 .i img {
        width: 100%;
    }

    section#service .c1 .i .title {
        font-size: .4rem;
        font-weight: 600;
        border-bottom: .03rem solid #000;
        display: inline-block;
        padding-bottom: .2rem;
        letter-spacing: .1rem;
    }

    section#service .c1 .i .tips {
        font-size: 14px;
        line-height: .35rem;
        margin-top: .2rem;
    }

    section#service .c1 .i .tips p {
        margin: 0;
        line-height: 0.35rem;
    }

    section#service .c2 {
        width: 10.87rem;
        margin: auto;
        margin-top: .9rem;
    }

    section#service .c2 .title {
        font-size: .42rem;
        font-weight: 600;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        margin-bottom: .4rem;
        padding-bottom: .2rem;
        letter-spacing: .1rem;
        padding-right: .5rem;
    }

    section#service .c2 .list {
        width: 15rem;
        position: relative;
        left: -.7rem;
        padding-bottom: .6rem;
    }

    section#service .c2 .list li {
        width: 2.65rem;
        height: 3.5rem;
        display: inline-block;
        margin: 0.3rem .7rem;
        text-align: left;
        vertical-align: middle;
    }

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

    section#service .c2 .list li .bottom {
        width: 2.8rem;
    }

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

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

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

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

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

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

    section#service .c3 {
        width: 10.87rem;
        margin: auto;
        margin-top: .9rem;
    }

    section#service .c3 .title {
        font-size: .42rem;
        font-weight: 600;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        margin-bottom: .4rem;
        padding-bottom: .2rem;
        letter-spacing: .1rem;
        padding-right: .5rem;
    }

    section#service .c3 .list {
        width: 15rem;
        position: relative;
        left: -.3rem;
        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 {
        width: 10.87rem;
        margin: auto;
        margin-top: .9rem;
    }

    section#service .c4 .title {
        font-size: .42rem;
        font-weight: 600;
        border-bottom: .03rem solid #FDD000;
        display: inline-block;
        margin-bottom: .4rem;
        padding-bottom: .2rem;
        letter-spacing: .1rem;
        padding-right: .5rem;
    }

    section#service .c4 .name {
        font-size: .21rem;
        font-weight: bold;
        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 span {
        font-size: .19rem;
        display: none;
    }

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

    section#service .c4 .name {
        display: block;
        cursor: pointer;
    }

    section#news_detail {
        font-size: 0;
    }

    section#news_detail nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
    }

    section#news_detail .news_detail_left {
        width: 7.55rem;
        display: inline-block;
        vertical-align: top;
        margin-left: 4.6rem;
    }

    section#news_detail .news_detail_header {
    }

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

    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.58rem 0 0.39rem;
        color: #fff;
    }

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

    section#news_detail .detail_name {
        line-height: 0.86rem;
        font-size: 0.40rem;
        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.43rem;
        font-size: 0.17rem;
        color: #282828;
    }

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

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

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

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

    section#news_detail .news_detail_right {
        width: 2.48rem;
        display: inline-block;
        margin-left: 0.07rem;
        background-image: url(../imgs/snewback.jpg);
        background-size: 2.48rem 0.67rem;
        background-repeat: no-repeat;
        vertical-align: top;
    }

    section#news_detail .news_detail_right > a {
        display: block;
        height: 0.67rem;
        line-height: 0.67rem;
        text-align: center;
        color: #fff;
        font-size: 0.21rem;
    }

    section#news_detail .news_detail_right > a:hover {
        opacity: 0.7;
    }

    section#news_detail .news_detail_right_cslass {
        height: 0.95rem;
        line-height: 0.95rem;
        text-align: center;
        color: #282828;
        font-size: 0.21rem;
        font-weight: bold;
    }

    section#news_detail .news_detail_right ul a:nth-child(n+2) .new_img {
        margin-top: 0.45rem;
    }

    section#news_detail .new_img {
        width: 2.48rem;
        height: 1.62rem;
        box-shadow: 0 0 .05rem #b0b0b0;
        position: relative;
        overflow: hidden;
    }

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

    section#news_detail .new_name {
        height: 0.6rem;
        line-height: 0.6rem;
        text-align: center;
        font-size: 0.14rem;
        border-bottom: 0.03rem dotted #D5D5D5;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

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

    section#download nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
    }

    section#download .nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
        border-bottom: 0.03rem solid #FDD000;
        text-align: center;
        display: flex;
    }

    section#download .nav a {
        width: 100%;
        display: block;
        height: .6rem;
        font-weight: 600;
        line-height: .6rem;
        position: relative;
    }

    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: 10.9rem;
        margin: 0 auto;
    }

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

    section#download .information {
        width: 7.22rem;
        height: 1.75rem;
        padding: 0.14rem 0.42rem 0.14rem 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.78rem;
        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.23rem;
    }

    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;
    }

    section#download .information_button a p {
        margin: 0;
    }

    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: #000;
        z-index: 99999;
        display: none;
        transition: all .5s;
    }

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

    .imgto div:first-child {
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 0.35rem;
        line-height: 0.7rem;
        font-size: 0.3rem;
        text-align: center;
        color: #fff;
        background-color: #00000080;
        position: absolute;
        right: 0.5rem;
        top: 0.6rem;
        transition: all 0.3s;
        cursor: pointer;
    }

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

    .imgto div:nth-child(2) {
        width: 12rem;
        height: 9rem;
        overflow-y: scroll;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .imgto .imgto_botton {
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 0.35rem;
        background: url("../imgs/deng.png") no-repeat center #00000080;
        background-size: 0.35rem;
        position: absolute;
        right: 0.5rem;
        top: 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 {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
    }

    section#question .nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
        border-bottom: 0.03rem solid #FDD000;
        text-align: center;
        display: flex;
    }

    section#question .nav a {
        width: 100%;
        display: block;
        height: .6rem;
        font-weight: 600;
        line-height: .6rem;
        position: relative;
    }

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

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

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

    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: 10.0rem;
        margin: 0 auto;
        padding: 1.5rem 0;
    }

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

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

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

    section#question .resuit .resuit_text {
        width: 9.84rem;
        margin-left: 0.15rem;
    }

    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) {
        font-size: 0.14rem;
    }

    section#question .resuit .resuit_content {
        font-size: 0.14rem;
        line-height: 0.29rem;
        display: none;
    }

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

    section#visit nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
    }

    section#visit .nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
        border-bottom: 0.03rem solid #FDD000;
        text-align: center;
        display: flex;
    }

    section#visit .nav a {
        width: 100%;
        display: block;
        height: .6rem;
        font-weight: 600;
        line-height: .6rem;
        position: relative;
    }

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

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

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

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

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

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

    section#visit .title {
        height: 0.52rem;
        font-size: 0.29rem;
        font-weight: bold;
        position: relative;
    }

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

    section#visit .secondary {
        line-height: 0.34rem;
        font-size: 0.14rem;
        padding: 0.2rem 0;
    }

    section#visit .item_content {
        text-align: left;
        line-height: 0.55rem;
        display: table;
        margin-top: 0.55rem;
        margin-bottom: 0.08rem;
        padding-left: 0.2rem;
        display: flex;
        background-color: #FDD000;
    }

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

    section#visit .item_content div:before {
        position: absolute;
        bottom: 0.1rem;
        width: 100%;
        height: 0.02rem;
        content: '';
        background-color: #000;
    }

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

    section#visit .item_content div:nth-child(2) {
        font-size: 0.14rem;
        padding-left: 0.2rem;
    }

    section#visit .item_content div:nth-child(2):before {
        left: 0rem;
    }

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

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

    section#contact nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .49rem auto;
    }

    section#contact .nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
        border-bottom: 0.03rem solid #FDD000;
        text-align: center;
        display: flex;
    }

    section#contact .nav a {
        width: 100%;
        display: block;
        height: .6rem;
        font-weight: 600;
        line-height: .6rem;
        position: relative;
    }

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

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

    section#contact .wrap {
        width: 9.88rem;
        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.73rem 1.13rem 0.73rem 1.46rem;
        box-sizing: border-box;
        font-size: 0;
    }

    section#contact .title {
        font-size: 0.29rem;
        font-weight: bold;
        padding-bottom: 0.3rem;
        color: #242424;
    }

    section#contact p {
        font-size: 0.14rem;
    }

    section#contact .ditu {
        width: 9.88rem;
        height: 4.42rem;
        position: relative;
    }

    section#contact .ditu iframe {
        height: 4.42rem !important;
    }

    section#contact .ditu body {
        overflow: hidden;
    }

    section#contact .contact_nav > div:nth-child(n+2) {
        width: 2.88rem;
        height: 1.79rem;
        display: inline-block;
        vertical-align: top;
    }

    section#contact .contact_nav > div:nth-child(odd) {
        margin-left: 1.38rem;
    }

    section#contact .contact_nav > div:nth-child(1) {
        margin-left: 0;
    }

    section#contact .contact_nav > div:nth-child(n+2) > p:nth-child(1) {
        font-size: 0.21rem;
        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.27rem;
        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;
    }

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

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

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

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

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

    section#brand nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .49rem auto;
    }

    section#brand .nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
        border-bottom: 0.03rem solid #FDD000;
        text-align: center;
        display: flex;
    }

    section#brand .nav a {
        width: 100%;
        display: block;
        height: .6rem;
        font-weight: 600;
        line-height: .6rem;
        position: relative;
    }

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

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

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

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

    section#brand .title {
        height: 0.52rem;
        font-size: 0.29rem;
        font-weight: bold;
        position: relative;
        margin-top: 0.60rem;
        margin-bottom: 0.1rem;
    }

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

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

    section#brand .img {
        display: flex;
    }

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

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

    section#brand .img2 {
        position: relative;
    }

    section#brand .img2 div {
        font-size: 12px;
        color: #000;
        text-align: left;
        position: absolute;
        top: 50px;
        left: 70px;
        line-height: 30px;
    }

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

    section#brand .img3 {
        position: relative;
    }

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

    section#brand .img4 {
        position: relative;
    }

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

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

    section#introduce nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .49rem auto;
    }

    section#introduce .nav {
        width: 10.87rem;
        font-size: .2rem;
        margin: .1rem auto .8rem auto;
        border-bottom: 0.03rem solid #FDD000;
        text-align: center;
        display: flex;
    }

    section#introduce .nav a {
        width: 100%;
        display: block;
        height: .6rem;
        font-weight: 600;
        line-height: .6rem;
        position: relative;
    }

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

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

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

    section#introduce .content {
        height: 4.03rem;
        background-image: url(../imgs/about_001.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        padding: 1.6rem 0.43rem 0.7rem 0.48rem;
        box-sizing: border-box;
        font-size: 0.13rem;
        letter-spacing: 0.003rem;
        line-height: 0.32rem;
    }

    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 {
        height: 0.52rem;
        font-size: 0.29rem;
        font-weight: bold;
        position: relative;
        margin-top: 0.60rem;
        letter-spacing: 0.04rem;
        display: inline-block;
    }

    section#introduce .title:before {
        content: '';
        width: 100%;
        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.14rem;
        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.14rem;
        line-height: 0.27rem;
    }

    section#introduce .wrap .img:nth-child(7) .img_text {
        position: absolute;
        top: 0.5rem;
        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: 4.73rem;
        margin-top: 0.76rem;
    }

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

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

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

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

    section#introduce .wrap .img:nth-child(9) .img_text {
        position: absolute;
        left: 0.26rem;
        top: 0.1rem;
        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: 0.26rem;
        bottom: 0rem;
        text-align: left;
    }

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

    section#introduce .course_block_head {
        display: list-item;
        position: relative;
    }

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

    section#introduce .course_block_left {
        text-align: left;
        position: absolute;
        left: 10.6rem;
        top: 50%;
        transform: translate(0, -50%);
    }

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

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

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

    section#introduce .course_block:last-child .bar_img {
        display: none;
    }

    .paging {
        width: 10.87rem;
        margin: 0 auto;
        margin-bottom: 0.89rem;
    }

    .pagination {
        font-size: 0;
        text-align: center;
    }

    .pagination li {
        width: 0.22rem;
        height: 0.22rem;
        line-height: 0.22rem;
        font-size: 0.13rem;
        font-weight: bold;
        display: inline-block;
        border: 0.01rem solid #333333;
    }

    .pagination li.active, .pagination li:hover, .pagination li:hover a {
        background-color: #333333;
        color: #fff;
    }

    .pagination li:nth-child(n+2) {
        margin-left: 0.09rem;
    }

    footer#question {
        height: 7.2rem;
    }

    footer#question .right {
        overflow: hidden;
    }

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

    .fquick {
        width: 120px;
        position: fixed;
        z-index: 99999999;
        top: 3rem;
        right: 0.2rem;
    }

    .fquick li {
        line-height: 0;
    }
    .fquick img{
        width: 100%;
        height: auto;
    }
}