@media all and (max-width: 769px){
    .banner{
        display: none;
    }
    .mobbanner{
        display: block;
        width: 100%;
    }
    .pcheader {
        display: none;
    }

    .ipadheader {
        display: none;
    }
    .mobheader {
        display: block;
    }
    /* 页头 */
    header {
        width: 100%;
        height: 1.3333rem;
        display: flex;
        justify-content: center;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        background-color: #fff;
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35);
        box-sizing: border-box;
        padding: 0;
    }
    header #header{
        display: none;
        width: 100%;
        height: 100%;
    }
    header #mobheader{
        display: flex;
        align-items: center;
        box-sizing: border-box;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        position: relative;
    }
    header #mobheader .logo{
        width: .8rem;
        height: auto;
        margin-left: .4667rem;
    }
    header #mobheader .mobicon{
        width: .48rem;
        height: auto;
        margin-right: .4667rem;
    }
    header #mobheader .menubox{
        position: absolute;
        top: 0;
        left: 0;
        width: 10rem;
        height: 1400px;
        display: flex;
    }
    header #mobheader .menubox .left{
        position: relative;
        width: 3.3333rem;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
    }
    header #mobheader .menubox .left .cha{
        color: #fff;
        position: absolute;
        right: .4rem;
        top: .5333rem;
    }
    header #mobheader .menubox .left .cha::before{
        color: #fff;
        font-size: .5067rem;
    }
    header #mobheader .menubox .rightmob{
        width: 6.6667rem;
        height: 100%;
        background-color: #fff;
        display: flex;
        flex-direction: column;
    }
    header #mobheader .menubox .rightmob{
        width: 6.6667rem;
        height: 100%;
        background-color: #fff;
        display: flex;
        flex-direction: column;
    }
    header #mobheader .menubox .rightmob .menuyi{
        width: 100%;
        height: 1.4933rem;
        border-bottom: 1px solid #979797;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .8667rem;
        box-sizing: border-box;
        font-size: .4267rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
    }
    header #mobheader .menubox .rightmob .menuer{
        display: none;
    }
    header #mobheader .menubox .rightmob .menuer a{
        width: 100%;
        height: 1.2rem;
        border-bottom: 1px solid #979797;
        display: flex;
        align-items: center;
        padding: 0 .8667rem;
        box-sizing: border-box;
        background-color: #F7F7F7;
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;   
        color: #444444;
    }
    header #mobheader .menubox .rightmob .menuer a:hover{
        color: #E70012;
    }
    header #mobheader .menubox .rightmob .menu{
        width: 100%;
        height: 1.4933rem;
        border-bottom: 1px solid #979797;
        display: flex;
        align-items: center;
        padding: 0 .8667rem;
        box-sizing: border-box;
        font-size: .4267rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
    }
    /* 页脚 */
    footer {
        background: #2B2C2F;
    }
    footer .footer{
        display: none;
    }
    footer .mobfooter{
        display: flex;
        width: 100%;
        background-color: #2B2C2F;
        height: auto;
        padding: 1.0667rem .4667rem 0 .4667rem;
        box-sizing: border-box;
        flex-direction: column;
        align-items: center;
    }
    footer .mobfooter .doahang{
        display: flex;
        justify-content: center;
    }
    footer .mobfooter .doahang a{
        display: block;
        padding: 0 .3733rem;
        box-sizing: border-box;
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        border-right: 1px solid #fff;
    }
    footer .mobfooter .imgbox{
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: .8rem 0 .2rem 0;
        background-color: #FFFFFF;
    }
    footer .mobfooter .imgbox img{
        width: 1.7333rem;
        height: 1.7333rem;
    }
    footer .mobfooter .wechattext{
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
    }
    footer .mobfooter .contacttext{
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        margin-top: .4rem;
    }
    footer .mobfooter .line{
        width: 100%;
        height: 2px;
        margin-top: .8rem;
        background-color: #535353;
    }
    footer .mobfooter .banquan{
        margin: .2667rem 0 .2667rem 0;
        font-size: .1867rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #868585;
        zoom: 0.8;
    }
    footer .mobfooter .banquan a{
        font-size: .1867rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #868585;
    }
    /* 向高首页 */
    #indexPage {
        width: 100%;
        height: auto;
        background: #F7F7F7;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .pclunbo {
        display: none;
    }
    .moblunbo {
        display: block;
        width: 100%;
    }
    .moblunbo img {
        width: 100%;
    }

    #indexPage .title1 {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .6667rem 0;
    }

    #indexPage .brand {
        width: 10rem;
        height: 85px;
        display: flex;
        align-items: center;
    }

    #indexPage .brand .mySwipertwo {
        width: 10rem;
    }

    #indexPage .brand .swiper-wrapper {
        width: 2.8267rem;
    }

    #indexPage .brand .swiper-wrapper .swiper-slide {
        width: 2.8267rem;
    }

    #indexPage .brand .imgbox {
        width: 2.8267rem;
        height: 1.2267rem;
        display: block;
    }

    #indexPage .brand .imgbox .img {
        width: 2.8267rem;
        height: 1.2267rem;
        box-shadow: 0px 0px 10px 0px rgba(209, 207, 207, 0.4);
    }

    #indexPage .brand .swiper-button-next {
        display: none;
        width: 28px;
        height: 50px;
    }

    #indexPage .brand .swiper-button-prev {
        display: none;
        width: 28px;
        height: 50px;
    }

    #indexPage .lookall {
        margin: .6667rem 0 1.0667rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.5333rem;
        height: .5867rem;
        border: 1px solid #E70012;
        box-sizing: border-box;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #E70012;
    }

    #indexPage .lookall i::before {
        display: block;
        margin-top: .0533rem;
        font-size: 15px;
    }

    #indexPage .lookall:hover {
        background-color: #E70012;
        color: #fff;
    }

    #indexPage .company {
        position: relative;
        height: auto;
        width: auto;
    }

    #indexPage .company img {
        width: 100%;
        height: auto;
    }

    #indexPage .company .abtext {
        position: absolute;
        width: 8.9333rem;
        height: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: space-between;
    }

    #indexPage .company .abtext .textbox {
        width: auto;
        text-align: start;
        display: inline;
        flex: 1;
    }

    #indexPage .company .abtext .textbox .toptext {
        font-size: .5067rem;
        font-family: Arial;
        font-weight: 400;
        color: #FFFFFF;
    }

    #indexPage .company .abtext .textbox .danwei {
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        margin-left: .0933rem;
    }

    #indexPage .company .abtext .textbox .title {
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        margin-top: .7333rem;
        
    }

    #indexPage .new {
        width: 9.0667rem;
        height: auto;
    }

    #indexPage .new .time {
        color: #2B2A2A;
        font-size: .24rem;
        margin: .2rem 0 8px 0;
    }

    #indexPage .new .title {
        color: #2B2A2A;
        font-size: .24rem;
        line-height: .4rem;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    #indexPage .new .content {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #868585;
        line-height: .4rem;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        margin: .1333rem 0;
        zoom: 0.9;
    }

    #indexPage .new .look {
        font-size: .1867rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        text-decoration: underline;
        color: #E70012;
        line-height: .4rem;
        display: block;
        margin-top: .2667rem;
    }

    #indexPage .new .textbig {
        width: 3.7067rem;
        height: 2.56rem;
        padding: 0 .2rem;
        background-color: #fff;
        box-sizing: border-box;
        margin-right: .2rem;
    }

    #indexPage .new .textsmall {
        width: 2.56rem;
        height: 2.56rem;
        padding: 0 .2rem;
        background-color: #fff;
        box-sizing: border-box;
        margin-right: .2rem;
    }

    #indexPage .new img {
        width: 2.56rem;
        height: 2.56rem;
    }

    /* 面包屑布局 */
    .crumbs {
        width: 100%;
        height: .9333rem;
        line-height: .9333rem;
        background-color: #F7F7F7;
        margin-top: 0;
    }

    .crumbs .crumbsbox {
        margin: 0 auto;
        width: 9.0667rem;
        height: .9333rem;
        line-height: .9333rem;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #5D5B5B;
        display: flex;
    }

    .crumbs .crumbsbox .text {
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #5D5B5B;
        width: auto;
        display: block;
        height: 100%;
    }
    .crumbs .crumbsbox .text:last-child{
        width: 3.3333rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .crumbs .crumbsbox .right {
        margin: 0 .2rem;
    }

    /* 产品相同样式 */
    .producetitle {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .6667rem 0;
    }

    .producebox {
        display: none;
        width: 864px;
        height: 610px;
        background-color: #F7F7F7;
        margin-bottom: 60px;
    }
    .mobbrand{
        display: flex;
        height: auto;
        position: relative;
        width: 100%;
        justify-content: center;
        padding: 0 .4667rem;
        box-sizing: border-box;
    }
    .mobbrand .menuboxmob{
        display: block;
        width: 2.4533rem;
        height: .8rem;
        border: 1px solid #D3D2D2;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        font-size: .2933rem;
        text-align: center;
        line-height: .8rem;
        margin-right: .4rem;
    }
    .mobbrand .menuboxmob .iconcssromob{
        display: inline-block;
        transform: rotate(-180deg);
    }
    .mobbrand .linkboxmob{
        position: absolute;
        top: 1.0667rem;
        left: 0;
        width: 9.04rem;
        height: auto;
        background-color: #FFFFFF;
        display: flex;
        flex-wrap: wrap;
        padding: .2rem  .2667rem .3333rem .1333rem;
        box-sizing: border-box;
    }
    .mobbrand .linkboxmob .linkmob{
        display: block;
        width: 2.7467rem;
        height: .6667rem;
        background-color: #F7F7F7;
        margin-left: .1333rem;
        margin-top: .1333rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000;
        font-size: .2133rem;
        text-align: center;
        line-height: .6667rem;
        box-sizing: border-box;
    }
    #mobbrand{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #mobbrand .mobbranddetail{
        display: flex;
        flex-wrap: wrap;
        width: 9.04rem;
        height: 9.2rem;
        background-color: #F7F7F7;
        padding: 0 .1067rem;
        box-sizing: border-box;
        margin: .6667rem 0 1.0667rem 0;
        align-content: flex-start;
    }
    #mobbrand .mobbranddetail .alink{
        display: block;
        width: 2.4533rem;
        height: .9867rem;
        margin-left: .36rem;
        margin-top: .6667rem;
        box-sizing: border-box;
        box-shadow: 0px 0px 30px 0px rgba(209,207,207,0.4);
    }
    #mobbrand .mobbranddetail .alink img{
        display: block;
        width: 2.4533rem;
        height: .9867rem;
        box-shadow: 0px 0px 30px 0px rgba(209,207,207,0.4);
    }
    #mobbrand .mobbranddetail .alinkpr{
        text-align: center;
        font-size: .24rem;
        padding: 0 .1333rem;
        box-sizing: border-box;
        line-height: .9867rem;
    }
    /* 代理品牌和分销品牌详情样式 */
    #branddetailPage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
    }

    #branddetailPage .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .5333rem 0;
    }

    #branddetailPage .link {
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        margin-bottom: .5333rem;
    }

    #branddetailPage .link span {
        color: #1B5996;
    }

    #branddetailPage .line {
        width: 9.04rem;
        height: 1px;
        background: #D2D2D2;
    }

    #branddetailPage .content {
        width: 9.04rem;
        height: auto;
        margin: .8rem 0 1.0667rem 0;
        font-size: .3467rem;
    }
    #branddetailPage .content p{
        font-size: .3467rem !important;
    }
    #branddetailPage .content span{
        zoom: 0.8;
    }
    /* 产品应用样式 */
    #applicationPage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
    }

    #applicationPage .alink {
        display: inline-block;
        width: 126px;
        height: 50px;
        background-image: url('../image/produceboxBackground.png');
        background-size: cover;
        text-align: center;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        line-height: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* 产品应用详情样式 */
    #applicationDetailPage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
    }

    #applicationDetailPage .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .5333rem 0;
    }

    #applicationDetailPage .line {
        width: 9.04rem;
        height: 1px;
        background: #D2D2D2;
    }

    #applicationDetailPage .imgg {
        width: 8rem;
        height: 5.3333rem;
        margin: .8rem 0;
    }

    #applicationDetailPage .link {
        position: relative;
        width: 2.6667rem;
        height: .8rem;
        text-align: center;
        background-color: #E70012;
        font-size: .2933rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .8rem;
        margin-bottom: 0;
    }

    #applicationDetailPage .link .linkicon {
        position: absolute;
        font-size: .24rem;
        top: -0.24rem;
        height: auto;
        right: .16rem;
        zoom: 0.8;
    }

    #applicationDetailPage .content {
        width: 9.04rem;
        margin-bottom: 1.0667rem;
        margin-top: .8rem;
    }

    /* 客户案例 */
    #customPage {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
    }

    #customPage .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .4rem 0;
    }

    #customPage .custom {
        width: 9.0667rem;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
        margin-bottom: 1.0667rem;
    }

    #customPage .custom .custombox {
        display: block;
        margin-right: .32rem;
    }
    #customPage .custom .custombox:nth-child(3n) {
        margin-right: 0;
    }
    #customPage .custom .custombox:nth-child(5n) {
        margin-right: .32rem;
    }

    #customPage .custom .custombox p {
        margin: .2667rem 0 .6667rem 0;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
    }

    #customPage .custom .custombox img {
        width: 2.8rem;
        height: 1.1733rem;
        box-shadow: 0px 0px 30px 0px rgba(209,207,207,0.4);
    }

    /* 客户案例详情 */
    #customDetailPage {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
        padding-bottom: 60px;
    }

    #customDetailPage .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .5333rem 0;
    }

    #customDetailPage .line {
        width: 9.0667rem;
        height: 1px;
        background: #D2D2D2;
    }

    #customDetailPage .fuwenben {
        width: 9.0667rem;
        height: auto;
        margin: .8rem 0 1.0667rem 0;
        font-size: .3467rem;

    }
    #customDetailPage .fuwenben p{
        font-size: .3467rem !important;
        
    }
    #customDetailPage .produce {
        width: 9.0667rem;
        padding: .8rem;
        box-sizing: border-box;
        background-color: #F7F7F7;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #customDetailPage .produce .detail {
        margin-top: .5333rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #customDetailPage .produce .detail img {
        width: 3.4667rem;
        height: 3.4667rem;
        margin-bottom: .3333rem;
        box-shadow: 0px 0px 30px 0px rgba(209, 207, 207, 0.4);
    }

    #customDetailPage .produce .detail p {
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        text-align: center;
        margin-bottom: .4rem;
    }

    #customDetailPage .produce .producetop {
        display: flex;
        align-items: center;
    }

    #customDetailPage .produce .titleproduce {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #2B2A2A;
        margin: 0 .2933rem;
        line-height: .32rem;
    }

    #customDetailPage .produce .parallel1 {
        width: .0533rem;
        height: .32rem;
        background: #E70012;
        transform: skew(-20deg, 0);
    }

    #customDetailPage .produce .ml5 {
        margin-left: .1333rem;
    }

    /* 新闻 */
    #newPage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
    }

    #newPage .change_button {
        display: flex;
        margin: 1.0667rem 0 .5333rem 0;
    }

    #newPage .change_button .upcss {
        width: 3.7333rem;
        height: .8rem;
        background: #F7F7F7;
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        text-align: center;
        line-height: .8rem;
    }

    #newPage .change_button .oncss {
        color: #fff;
        background-color: #E70012;
    }

    #newPage .change_button .upcss:first-child {
        margin-right: .4rem;
    }

    /* 新闻-公司新闻 */
    #newPage .company {
        width: 9.0667rem;
    }

    #newPage .company .company_box {
        width: 100%;
        height: 2rem;
        border-bottom: 1px solid #D2D2D2;
        padding: .3333rem 0;
        display: flex;
        box-sizing: border-box;
    }

    #newPage .company img {
        width: 1.3333rem;
        height: 1.3333rem;
        margin-right: .2rem;
    }

    #newPage .company .toptext {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    #newPage .company .toptext .titles {
        display: inline-block;
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        width: 4.8rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow:ellipsis
    }

    #newPage .company .toptext .time {
        font-size: .1867rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #868585;
        zoom: 0.8;
    }

    #newPage .company .introduce {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #868585;
        line-height: .4rem;
        margin: .1333rem 0;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    #newPage .company .look {
        display: block;
        width: 100%;
        text-align: end;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        text-decoration: underline;
        color: #E70012;
        text-decoration: underline;
    }

    /* 分页样式 */
    #pagination .pagination {
        display: flex;
        margin: .8rem 0;
        padding-left: 0;
    }

    #pagination .pagination li {
        list-style: none;
        width: 26px;
        height: 26px;
        background: #FFFFFF;
        border: 1px solid #D2D2D2;
        border-radius: 4px;
        display: block;
        margin-right: 10px;
        box-sizing: border-box;
    }

    #pagination .pagination li:last-child {
        margin-right: 0;
    }

    #pagination .pagination a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-family: Arial;
        font-weight: 400;
        color: #9B9B9B;
    }

    #pagination .pagination a .left {
        display: inline-block;
        transform: rotate(-270deg);
    }

    #pagination .pagination a .left::before {
        font-size: 14px;
        color: #9B9B9B;
    }

    #pagination .pagination a .right {
        display: inline-block;
        transform: rotate(-90deg);
    }

    #pagination .pagination a .right::before {
        font-size: 14px;
        color: #9B9B9B;
    }

    #pagination .pagination .fenyea {
        background-color: #E70012;
        color: #fff;
        border: none;
    }

    /* 新闻详情 */
    #newDetailPage {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
    }

    #newDetailPage .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .5333rem 0;
        padding: 0 .4667rem;
    }

    #newDetailPage .time {
        font-size: .2933rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #868585;
    }

    #newDetailPage .line {
        width: 9.0667rem;
        height: 1px;
        background: #D2D2D2;
        margin: .5333rem 0 .8rem 0;
    }

    #newDetailPage .fuwenben {
        width: 9.0667rem;
        height: auto;
        font-size: .3467rem;
    }
    #newDetailPage .fuwenben p{
        font-size: .3467rem !important;
    }
    #newDetailPage .updo {
        width: 9.0667rem;
        height: auto;
        display: flex;
        justify-content: space-between;
        margin: 1.0667rem 0;
    }

    #newDetailPage .updo .updobox {
        width: 2.6667rem;
        height: .8rem;
        background: #F7F7F7;
        font-size: .2933rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        line-height: .8rem;
        text-align: center;
    }

    #newDetailPage .updo .updoboxchange:hover {
        background-color: #E70012;
        color: #fff;
    }

    /* 公司介绍 */
    #introducePage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        padding-bottom: 0;
    }

    #introducePage .content {
        width: 9.0667rem;
        margin: 1.0667rem 0 .8rem 0;
        font-size: .3467rem;
        line-height: .5333rem;
    }
    #introducePage .content {
        font-size: .3467rem !important;
        line-height: .5333rem !important;
    }
    #introducePage .timeAxis {
        width: 9.0667rem;
        height: auto;
        background-color: #F8F6F9;
    }

    .timeline {
        width: 100%;
        background-color: #F8F6F9;
    }

    .timeline .swiper-container {
        height: auto;
        width: 100%;
        position: relative;
        display: flex;
        background-color: #F8F6F9;
        padding-bottom: 2.4rem;
    }

    .timeline .swiper-wrapper {
        transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
    }
    .timeline .swiper-container-vertical>.swiper-wrapper {
        -webkit-box-orient:horizontal;
        -webkit-flex-direction:row;
        flex-direction:row;
    }
    .timeline .swiper-slide {
        position: relative;
        color: #fff;
        overflow: hidden;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;

    }

    .timeline .swiper-slide .timebox {
        width: 1.3333rem;
        height: 1.1333rem;
        background: #E70012;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0;
        margin-top: 3rem;
        margin-left: 1.7333rem;
    }

    .timeline .swiper-slide .timebox span {
        font-size: .48rem;
        font-family: Arial;
        font-weight: 400;
        color: #FFFFFF;
        margin: 0;
        margin-top: .0533rem;
    }

    .timeline .swiper-slide .timebox .year {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
    }

    .timeline .swiper-slide .right {
        margin-left: 3.0667rem;
        display: flex;
        flex-direction: column;
    }

    .timeline .swiper-slide .right .img {
        width: 5.4667rem;
        height: 3.5467rem;
    }

    .timeline .swiper-slide .right .contents {
        margin-left: .24rem;
        margin-top: .5333rem;
    }

    .timeline .swiper-slide .right .contents span {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #E70012;
        line-height: .6rem;
    }

    .timeline .swiper-slide .right .contents p {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        line-height: .6rem;
        position: relative;
        padding-left: .08rem;
    }

    .timeline .swiper-slide .right .contents p::before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #E70012;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -10px;
    }

    .swiperline {
        position: absolute;
        top: 2.8rem;
        left: .5333rem;
        transform: translateX(-50%);
        z-index: 1;
        height: 100%;
        width: auto;
        display: flex;
        justify-content: center;
    }

    .timeline .swiper-pagination {
        width: auto;
        font-weight: 300;
        font-size: .32rem;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: auto;
    }

    .timeline .swiper-pagination::before {
        content: "";
        position: absolute;
        left: 1.0133rem;
        top: -1.0667rem;
        height: calc(100% + 1.6rem);
        width: 2px;
        background-color: #D3D2D2;
    }

    .timeline .swiper-pagination-bullet {
        text-align: center;
        opacity: 1;
        background: transparent;
        color: #868585;
        position: relative;
        width: auto;
        height: 1.0667rem;
    }

    .timeline .swiper-pagination-bullet::after {
        content: "";
        position: absolute;
        top: .1067rem;
        left: .9333rem;
        width: .1867rem;
        height: .1867rem;
        background: #F7F7F7;
        border: 1px solid #D3D2D2;
        border-radius: 50%;
        -webkit-transform: scale(1);
        transform: scale(1);
        transition: .2s;
        box-sizing: border-box;
    }

    .timeline .swiper-pagination-bullet-active::after {
        background: #E70012;
        border: none;
    }

    .timeline .swiper-button-next {
        bottom: 100.0667rem !important;
        left: 0.96rem;
        width: .5333rem;
        height: .5333rem;
        background: #E70012;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 17.9467rem;
    }

    .timeline .swiper-button-next i {
        color: #fff;
        transform: rotate(180deg);
        display: inline-block;
        margin-left:0;
        margin-top: .1333rem;
        margin-left: -0.0267rem;
    }
    .timeline .swiper-button-next i::before{
        display: inline-block;
        transform: scale(0.8);
    }
    .timeline .swiper-button-next.swiper-button-disabled {
        width: .5333rem;
        height: .5333rem;
        background: #FAFAFA;
        border: 1px solid #D3D2D2;
        border-radius: 50%;
    }

    .timeline .swiper-button-next.swiper-button-disabled i {
        color: #D3D2D2;
    }

    .timeline .swiper-button-prev {
        top: 1.6rem;
        left: .9333rem;
        width: .5333rem;
        height: .5333rem;
        background: #E70012;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .timeline .swiper-button-prev.swiper-button-disabled {
        width: .5333rem;
        height: .5333rem;
        background: #FAFAFA;
        border: 1px solid #D3D2D2;
        border-radius: 50%;
    }

    .timeline .swiper-button-prev.swiper-button-disabled i {
        color: #D3D2D2;
    }

    .timeline .swiper-button-prev i {
        color: #fff;
        transform: rotate(0);
        display: inline-block;
        margin-top: -0.1333rem;
    }
    .timeline .swiper-button-prev i::before{
        transform: scale(0.8);
        display: inline-block;
    }
    .timeline .swiper-slide .timeline-year {
        margin-bottom: 0;
        font-size: 32px;
    }

    .timeline .swiper-slide .timeline-title {
        font-size: 46px;
        margin: 0;
    }

    /* 网络销售 */
    #salePage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        padding-bottom: 60px;
    }

    #salePage .atitle {
        padding: 0 .6667rem;
        height: .24rem;
        background-color: #EFEEEE;
        font-size: .48rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        margin: 1.0667rem 0 .6667rem 0;
        line-height: 0px;
        border-radius: 6px;
        width: auto;
    }

    #salePage .center {
        width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #salePage .center .centercontent {
        text-align: start;
        line-height: 32px;
        padding: 0 1.0667rem;
        box-sizing: border-box;
        font-size: .3467rem;
        line-height: .6rem;
    }
    #salePage .center .centercontent p{
        font-size: .3467rem !important;
        line-height: .6rem !important;
    }

    #salePage .center .centercontent span {
        line-height: .4267rem !important;
    }

    #salePage .saleadd {
        width: 100%;
        height: auto;
        display: block;
        padding: 0 1.0667rem;
        box-sizing: border-box;
    }

    #salePage .saleadd .saleaddbox {
        width: 100%;
        height: auto;
        border-right: none;
        box-sizing: border-box;
        line-height: .8rem;
        margin-top: .6667rem;
        font-size: .3467rem;
        line-height: .6667rem;
    }

    #salePage .saleadd .saleaddbox p {
        font-size: .3467rem !important;
        line-height: .6rem !important;
    }

    #salePage .saleadd .saleaddbox span {
        line-height: .8rem;
    }

    #salePage .saleadd .saleaddbox:nth-child(2n) {
        border: none;
        padding-left: 0;
    }

    /* 企业文化 */
    #culturePage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
    }

    #culturePage .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        margin: 1.0667rem 0 .8rem 0;
    }

    #culturePage .culture {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #culturePage .culture .culturebox {
        width: 5.12rem;
        height: auto;
        text-align: center;
    }

    #culturePage .culture .culturebox .smalltitle {
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #2B2A2A;
        margin-bottom: .5333rem;
    }

    #culturePage .culture .culturebox .content {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        line-height: .5333rem;
        text-align: start;
        margin-bottom: .5333rem;
    }

    #culturePage .contentteam {
        width: 9.0667rem;
        margin-bottom: 60px;
        font-size: .3467rem;
        line-height: .6rem;
    }
    #culturePage .contentteam p{
        font-size: .3467rem !important;
        line-height: .6rem !important;
    }

    /* 加入我们 */
    #joinPage {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
        background-color: #fff;
        padding-bottom: 1.0667rem;
    }

    #joinPage .title {
        font-size: 30px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #fff;
        margin: 80px 0 20px 0;
    }

    #joinPage .title2 {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444;
        margin: 1.0667rem 0 .5333rem 0;
    }

    #joinPage .box {
        width: 9.0667rem;
    }

    #joinPage .box .top {
        width: 100%;
        padding: 0 .5333rem;
        height: .8rem;
        background-color: #F0F0F0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        margin-top: 5px;
    }

    #joinPage input {
        display: none;
    }

    #joinPage input[type='checkbox']:checked~label {
        background-color: #E70012;
    }

    #joinPage input[type='checkbox']:checked~label .name {
        color: #fff;
    }

    #joinPage input[type='checkbox']:checked~label .icon {
        color: #fff;
        display: inline-block;
        transform: rotate(180deg);
    }

    #joinPage .box .top .name {
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
    }

    #joinPage .box .top .icon {
        font-size: .2rem;
        color: #444444;
    }

    #joinPage .box .bottom {
        width: 100%;
        padding: .6667rem .5333rem;
        box-sizing: border-box;
        display: none;
        background-color: #F7F7F7;
    }

    #joinPage .box .bottom .toptextbox {
        display: block;
    }

    #joinPage .box .bottom .toptextbox .toptext {
        width: 100%;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
        margin-bottom: .4rem;
    }

    #joinPage .box .bottom .bottomtitle {
        font-size: .2933rem;
        font-family: MicrosoftYaHei;
        font-weight: bold;
        color: #444444;
        margin-top: .8rem;
    }

    #joinPage .box .bottom .bottomtext {
        margin-top: .2667rem;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
        line-height: .7333rem;
        zoom: 0.9;
    }

    #joinPage .box .btnbox {
        width: 100%;
        height: .5867rem;
        display: flex;
        margin-top: 60px;
        justify-content: center;
    }

    #joinPage .box .btnbox a {
        display: block;
        width: 2.5333rem;
        height: .5867rem;
        background: #E70012;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        border: none;
        line-height: .5867rem;
    }

    /* 联系我们 */
    #contactPage {
        display: flex;
        background-color: #fff;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.0667rem;
    }

    #contactPage .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #2B2A2A;
        margin: 1.0667rem 0 .8rem 0;
    }

    #contactPage #map-board {
        width: 9.0667rem;
        height: 3.6rem;
        display: block;
        margin-top: -1.6rem;
    }

    #contactPage #map-board .map-content {
        width: 100%;
        height: 3.6rem;
        border: #ccc solid 1px;
        font-size: 12px;
    }

    #contactPage .company {
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        line-height: .8rem;
        text-align: center;
    }

    #contactPage .address {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        line-height: .8rem;
    }

    #contactPage .textbox {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
    }

    #contactPage .textbox span {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        line-height: .8rem;
        zoom: 0.9;
    }

    #contactPage form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #contactPage form .form-item {
        display: flex;
        flex-direction: column;
        width: 9.0667rem;
        justify-content: space-between;
        height: auto;
        align-items: center;
        margin-bottom: 0;
    }

    #contactPage form .form-item .labtext {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        position: relative;
        padding-left: 10px;
        box-sizing: border-box;
    }

    #contactPage form .form-item span {
        color: #E70012;
        font-size: .4rem;
        position: absolute;
        top: 7%;
        left: -3px;
    }

    #contactPage form .form-item input {
        width: 6.9333rem;
        height: .6667rem;
        background: #FFFFFF;
        border: 1px solid #D2D2D2;
        border-radius: 4px;
        margin-left: 10px;
    }

    #contactPage form .form-item2 {
        display: flex;
        width: 9.0667rem;
        justify-content: start;
        height: auto;
        align-items: flex-start;
        margin-top: .2667rem;
    }

    #contactPage form .form-item2 span {
        color: #E70012;
        font-size: .4rem;
        position: absolute;
        top: 7%;
        left: .2667rem;
    }

    #contactPage form .form-item2 .labtext {
        width: 50px;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #201F1F;
        position: relative;
        padding-left: .6133rem;
        margin-right: .2667rem;
        box-sizing: border-box;
    }

    #contactPage form .form-item2 textarea {
        width: 6.9333rem;
        height: 2.6667rem;
        border: 1px solid #D2D2D2;
    }

    #contactPage form .submit {
        width: 2.5333rem;
        height: .8rem;
        background-color: #E70012;
        font-size: .2933rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        line-height: .8rem;
        border: none;
        margin-top: .8rem;
    }
}