@media all and (max-width: 769px) {
    body{
        min-width: 0;
        overflow: scroll;
        width: 10rem;
    }
    /* 通用样式 */
    .pcbanner{
        display: none;
    }
    .mobbanner{
        display: block;
        width: 10rem !important;
    }
    .headpc {
        display: none;
    }

    .headmob {
        display: block;
    }

    /* 页头 */
    header {
        width: 100%;
        height: 1.3333rem;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        box-sizing: border-box;
        padding: 0 .5333rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .headerpc {
        display: none;
    }

    .headermob {
        display: flex;
        position: relative;
        width: 100%;
        height: 100%;
        justify-content: space-between;
        align-items: center;
    }

    .headermob .logo {
        width: 1.84rem;
        height: auto;
    }

    .headermob .mobicon {
        width: .5467rem;
        height: auto;
    }

    .headermob .menushow {
        top: 0;
        left: -0.5333rem;
        position: absolute;
        width: 10rem;
        height: 100vh;
        background-color: #fff;
        overflow-y: scroll;

    }

    .headermob .menushow .menutopmob {
        width: 100%;
        height: 1.3333rem;
        box-shadow: 0px 0px 12px 0px rgba(172, 172, 172, 0.41);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .headermob .menushow .menutopmob img {
        width: 1.84rem;
        height: .5333rem;
        margin-left: .5333rem;
    }

    .headermob .menushow .menutopmob .headerclose {
        margin-right: .5333rem;
    }

    .headermob .menushow .menutopmob .headerclose::before {
        font-size: .48rem;
        color: #424242;
    }

    .headermob .menushow .menubotmob {
        width: 100%;
        height: auto;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

    .headermob .menushow .menubotmob .menumpbch {
        width: 100%;
        height: 1.3333rem;
        border-bottom: 1px solid #D4D4D4;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .headermob .menushow .menubotmob .menumpbch p {
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
    }

    .headermob .menushow .menubotmob .menumpbch i::before {
        font-size: 18px;
        color: #444444;
    }

    .headermob .menushow .menubotmob .menumpb {
        display: block;
        width: 100%;
        height: 1.3333rem;
        border-bottom: 1px solid #D4D4D4;
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        text-align: start;
        line-height: 1.3333rem;
    }

    .headermob .menushow .menubotmob .menuerboxmob {
        width: 100%;
        height: auto;
        display: block;
        padding-left: .5333rem;
        box-sizing: border-box;
    }

    .headermob .menushow .menubotmob .menuerboxmob a {
        display: block;
        width: 100%;
        height: 1.3333rem;
        border-bottom: 1px solid #D4D4D4;
        font-size: .3467rem;
        color: #747474;
        font-family: Microsoft YaHei;
        font-weight: 400;
        line-height: 1.3333rem;
    }

    /* 首页轮播图 */
    .pclunbo {
        display: none;
    }
    .moblunbo{
        display: block;
        width: 100%;
    }
    .moblunbo img {
        width: 100%;
        height: auto;
    }

    .moblunbo .swiper-horizontal>.swiper-pagination-bullets {
        bottom: .6667rem;
    }

    .moblunbo .swiper-pagination .swiper-pagination-bullet {
        width: .1333rem;
        height: .1333rem;
        background: #FFFFFF;
        opacity: 0.6;
        border-radius: 50%;
    }

    .moblunbo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: .5333rem;
        height: .1333rem;
        background: #FFFFFF;
        border-radius: .0533rem;
        opacity: 1;
    }

    /* 页脚 */
    footer {
        width: 100%;
        height: auto;
        background: #222223;
    }

    footer .footpc {
        display: none;
    }

    footer .footmob {
        display: block;
        width: 10rem;
        height: auto;
        background: #222223;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

    footer .footmob .logo {
        width: 3.0667rem;
        height: auto;
        margin: 1.2rem 0 .4rem;
    }

    footer .footmob .line {
        width: 100%;
        height: 2px;
        background-color: #434343;
    }

    footer .footmob .second {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: .8rem 0 1.1333rem 0;
    }

    footer .footmob .second .tel {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #AFAFAF;
    }

    footer .footmob .second .num {
        font-size: .4267rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        margin-top: .1333rem;
    }

    footer .footmob .menumob {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    footer .footmob .menumob a {
        display: block;
        padding-right: .6rem;
        border-right: 1px solid #F2F3F5;
        width: auto;
        height: auto;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
    }

    footer .footmob .menumob a:last-child {
        padding: 0;
        border: none;
    }

    footer .footmob .abouttext {
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #AFAFAF;
        margin: 1.0667rem 0 .5333rem 0;
    }

    footer .footmob .aboutcontent {
        display: flex;
        flex-wrap: wrap;
    }

    footer .footmob .aboutcontent a {
        display: block;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        zoom: 0.95;
        margin-right: 1.3333rem;
    }

    footer .footmob .linebot {
        width: 100%;
        height: 2px;
        background-color: #434343;
    }

    footer .footmob .linebot {
        width: 100%;
        height: 2px;
        background-color: #434343;
        margin-top: 1.0667rem;
    }

    footer .footmob .boticon {
        width: 100%;
        height: 2.6667rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer .footmob .boticon .icon {
        width: .8533rem;
        height: .8533rem;
        margin-right: 1.3333rem;
        border: 1px solid #fff;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    footer .footmob .boticon .icon:last-child {
        margin-right: 0;
    }

    footer .footmob .boticon .icon i::before {
        font-size: 20px;
    }

    footer .footmob .banquan {
        width: 10rem;
        height: 1.0667rem;
        background-color: #2C2C2E;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: -.5333rem;
    }

    footer .footmob .banquan p {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #878787;
        zoom: 0.9;
    }

    footer .footmob .banquan a {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #878787;
        zoom: 0.9;
    }

    /* 首页 */
    #indexPage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .indeximg {
        width: 100%;
        height: auto;
    }

    #indexPage .indextitle {
        font-size: .5333rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: 0;
        margin-top: 1.6rem;
    }

    #indexPage .indextext {
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #747474;
        line-height: .6667rem;
        margin: .8rem 0 .4rem 0;
        zoom: 0.9;
        padding: 0 .2667rem;
        box-sizing: border-box;
    }

    #indexPage .small-triangle {
        width: 0;
        height: 0;
        line-height: 0;
        font-size: 0;
        border: .2667rem solid transparent;
        border-top-color: #1D418D;
        margin-bottom: .8rem;
    }

    #indexPage .applaction {
        display: none;
    }

    #indexPage .applactionmob {
        display: block;
    }

    #indexPage .applactionmob a {
        display: block;
        width: 10rem;
        height: 6.4rem;
        position: relative;
    }

    #indexPage .applactionmob a img {
        width: 10rem;
        height: 6.4rem;
    }

    #indexPage .applactionmob a .apab {
        position: absolute;
        top: 1.0667rem;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #indexPage .applactionmob a .apab p {
        font-size: .6667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        margin-bottom: .44rem;
    }

    #indexPage .applactionmob a .apab i {
        display: flex;
        width: 1.08rem;
        height: .5067rem;
        border: 1px solid #fff;
        text-align: center;
        line-height: .48rem;
        justify-content: center;
        align-items: center;
    }

    #indexPage .applactionmob a .apab i::before {
        font-size: .64rem;
        color: #fff;
    }

    #indexPage .product {
        display: none;
    }

    #indexPage .productmob {
        width: 10rem;
        display: block;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

    #indexPage .productmob .top {
        display: flex;
        width: 100%;
        height: auto;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #indexPage .productmob .top a {
        display: block;
        width: 4.3467rem;
        height: 4.16rem;
        text-align: center;
        background-color: #fff;
        margin-top: .2667rem;
    }

    #indexPage .productmob .top a img {
        width: 4.3467rem;
        height: 2.9067rem;
    }

    #indexPage .productmob .top a .title {
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin-bottom: .0667rem;
    }

    #indexPage .productmob .top a .text {
        font-size: .1867rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #747474;
        zoom: 0.8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 .4rem;
    }

    #indexPage .productmob .bottom {
        display: flex;
        width: 100%;
        height: auto;
        justify-content: space-between;
        margin-top: .2667rem;
    }

    #indexPage .productmob .bottom .leftimg {
        display: block;
        width: 4.3467rem;
        height: 8.2133rem;
    }

    #indexPage .productmob .bottom .leftimg img {
        display: block;
        width: 4.3467rem;
        height: 8.2133rem;
    }

    #indexPage .productmob .bottom .right {
        display: block;
        width: 4.3467rem;
        height: 4.0267rem;
        text-align: center;
        background-color: #fff;
        margin-bottom: .16rem;
    }

    #indexPage .productmob .bottom .right img {
        width: 4.3467rem;
        height: 2.9067rem;
    }

    #indexPage .productmob .bottom .right .title {
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin-bottom: .0667rem;
    }

    #indexPage .productmob .bottom .right .text {
        font-size: .1867rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #747474;
        zoom: 0.8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #indexPage .productmore {
        text-decoration: none;
        width: 3.4667rem;
        height: .8rem;
        background: #F2F3F5;
        border: 1px solid #1D418D;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #1D418D;
        display: block;
        padding-left: .84rem;
        line-height: .7733rem;
        margin: .9333rem 0 1.3333rem 0;
        position: relative;
        box-sizing: border-box;
    }

    #indexPage .productmore .more::before {
        position: absolute;
        top: 59%;
        transform: translateY(-50%);
        right: .5867rem;
        font-size: .5333rem;
    }

    #indexPage .about {
        width: 100%;
        height: auto;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #indexPage .about .content {
        display: none;
    }

    #indexPage .about .contentmob {
        width: 100%;
        display: block;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

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

    #indexPage .about .contentmob .text {
        width: 100%;
        height: auto;
        text-align: start;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: .6133rem;
        margin-top: .6667rem;
    }

    #indexPage .about .contentmob .text p {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: .6133rem;
    }

    #indexPage .news {
        display: none;
    }

    #indexPage .newmob {
        display: block;
        width: 10rem;
        overflow: hidden;
    }

    #indexPage .newmob .titlebtn {
        display: flex;
        width: 100%;
        justify-content: center;
        height: auto;
        margin-bottom: .8rem;
    }

    #indexPage .newmob .titlebtn .textbtn {
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #747474;
        padding-bottom: .1333rem;
        box-sizing: border-box;
    }

    #indexPage .newmob .titlebtn .buttonbluemob {
        border-bottom: 2px solid #1D418D;
        color: #2C4E94;
    }

    #indexPage .newmob .titlebtn .textbtn:first-child {
        margin-right: 1.8667rem;
    }

    #indexPage .newmob .scoll {
        width: 100%;
        height: auto;
        overflow-x: scroll;
    }

    #indexPage .newmob .scoll .box {
        width: 26.6667rem;
        height: auto;
        display: flex;
        justify-content: start;
        padding-left: .5333rem;
        box-sizing: border-box;
    }

    #indexPage .newmob .scoll .box .case {
        width: 8.4rem;
        height: auto;
        margin-right: .5333rem;
    }

    #indexPage .newmob .scoll .box .case img {
        width: 8.4rem;
        height: 5.68rem;
        margin-right: .5333rem;
    }

    #indexPage .newmob .scoll .box .case .time {
        font-size: .2667rem;
        font-family: Arial;
        font-weight: 400;
        color: #747474;
        zoom: 0.9;
        margin: .6667rem 0 .3733rem 0;
    }

    #indexPage .newmob .scoll .box .case .text {
        display: block;
        width: 8.4rem;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #indexPage .newmob .morebox {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #indexPage .contact {
        display: none;
    }

    #indexPage .contactmob {
        display: block;
        position: relative;
        width: 10rem;
        height: 6.2133rem;
    }

    #indexPage .contactmob img {
        width: 10rem;
        height: 6.2133rem;
    }

    #indexPage .contactmob .textbox {
        width: 100%;
        position: absolute;
        left: 0;
        top: 2.8667rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #indexPage .contactmob .textbox .top {
        display: flex;
    }

    #indexPage .contactmob .textbox .top p {
        font-size: .4533rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000;
    }

    #indexPage .contactmob .textbox .top p:first-child {
        margin-right: .5333rem;
    }

    #indexPage .contactmob .textbox .text3 {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 300;
        color: #000;
        margin: .4rem 0;
    }

    #indexPage .contactmob .textbox a {
        display: block;
        width: 2.9333rem;
        height: .8rem;
        border: 1px solid #000;
        line-height: .7733rem;
        text-align: center;
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000;
    }

    /* 菜单栏 */
    #bread {
        display: none;
    }

    #breadipad {
        width: 100%;
        height: .8rem;
        display: flex;
        justify-content: center;
        background-color: #fff;
        scrollbar-width: none;
        /* firefox */
        -ms-overflow-style: none;
        overflow: hidden;
    }

    #breadipad .boxipad {
        width: 9.0667rem;
        height: 100%;
        overflow-x: scroll;
        scrollbar-width: none;
        /* firefox */
        -ms-overflow-style: none;
        /* IE 10+ */
    }

    #breadipad .boxipad:-webkit-scrollbar {
        width: 0 !important;
    }

    #breadipad .boxipad .widthbox {
        width: 24rem;
        height: 100%;
        display: flex;
    }

    #breadipad .boxipad .widthboxpro {
        width: 12rem;
    }

    #breadipad .boxipad a {
        width: auto;
        display: block;
        height: .8rem;
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: .8rem;
        margin-right: .9333rem;
        box-sizing: border-box;
        zoom: 0.9;
    }

    #breadipad .boxipad .act {
        border-bottom: 2px solid #1D418D;
        color: #1D418D;
        font-size: .2133rem;
    }

    /* 面包屑 */
    #crumbs {
        width: 100%;
        height: .8rem;
        display: flex;
        justify-content: center;
        background-color: #fff;
        border-bottom: 1px solid rgba(31, 31, 31, 0.4100);
    }

    #crumbs .box {
        width: 8.9333rem;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #crumbs .box a {
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        height: auto;
        display: flex;
        align-items: center;
        height: .8rem;
        line-height: .8rem;
        display: block;
    }
    #crumbs .box a:last-child{
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /* 产品列表页 */
    #productPage {
        width: 100%;
        height: auto;
        background-color: #F2F3F5;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.0667rem;
    }

    #productPage .title {
        font-size: .5333rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin: 1.3333rem 0 1.0667rem 0;
    }

    #productPage .wrapbox {
        width: 8.9333rem;
        display: block;
    }

    #productPage .wrapbox .box {
        width: 8.9333rem;
        height: 10.7467rem;
        margin: 1.0667rem 0 0 0;

    }

    #productPage .wrapbox .box:nth-child(2n) {
        margin-right: 0;
    }

    #productPage .wrapbox .box .img {
        width: 100%;
        height: 6.2133rem;
    }

    #productPage .wrapbox .box .img img {
        width: 100%;
        height: 6.2133rem;
    }

    #productPage .wrapbox .box .textbox {
        width: 100%;
        height: 4.5333rem;
        background-color: #F2F3F5;
        box-shadow: 0px 0px 16px 0px rgba(166, 172, 183, 0.41);
        padding: .6667rem;
        box-sizing: border-box;
        text-align: center;
        position: relative;
    }

    #productPage .wrapbox .box .textbox:hover {
        background-color: #1D418D;
    }

    #productPage .wrapbox .box .textbox .dtitle {
        font-size: .4rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: .5333rem;
        white-space: wrap;
    }

    #productPage .wrapbox .box .textbox:hover .dtitle {
        color: #fff;
    }

    #productPage .wrapbox .box .textbox .intro {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #747474;
        line-height: .6667rem;
        margin: .4rem 0 .5333rem 0;
    }

    #productPage .wrapbox .box .textbox:hover .intro {
        color: #fff;
    }

    #productPage .wrapbox .box .textbox .detail {
        position: absolute;
        display: block;
        width: 7.6rem;
        height: .8rem;
        background-color: #1D418D;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        text-align: center;
        line-height: .8rem;
        bottom: .6667rem;
    }

    #productPage .wrapbox .box .textbox:hover .detail {
        color: #1D418D;
        background-color: #fff;
    }

    /* 产品详情页 */
    #productdetailPage {
        width: 100%;
        height: auto;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.3333rem;
    }

    #productdetailPage .title {
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin: 1.3333rem 0 1.0667rem 0;
        margin-bottom: 1.0667rem !important;
    }

    #productdetailPage .contact {
        width: 8.9333rem;
        height: auto;
        overflow: hidden;
    }

    #productdetailPage .application {
        width: 8.9333rem;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        box-sizing: border-box;
    }

    #productdetailPage .application .tow {
        position: relative;
        width: 4.3733rem;
        height: 2.3733rem;
        margin-right: .1867rem;
        margin-bottom: .1733rem;
        display: block;
    }

    #productdetailPage .application .tow:last-child {
        margin-right: 0;
    }

    #productdetailPage .application .tow:nth-child(2n) {
        margin-right: 0;
    }

    #productdetailPage .application .tow img {
        width: 100%;
        height: 100%;
    }

    #productdetailPage .application .tow .atitle {
        position: absolute;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #productdetailPage .application .tree {
        position: relative;
        width: 2.8533rem;
        height: 2.16rem;
        margin-right: .1867rem;
        margin-bottom: .0133rem;
        display: block;
    }

    #productdetailPage .application .tree:last-child {
        margin-right: 0;
    }

    #productdetailPage .application .tree:nth-child(3n) {
        margin-right: 0;
    }

    #productdetailPage .application .tree img {
        width: 100%;
        height: 100%;
    }

    #productdetailPage .application .tree .atitle {
        position: absolute;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 100%;
        display: flex;
        justify-content: center;
    }

    #productdetailPage .application .five {
        position: relative;
        width: 2.8533rem;
        height: 2.16rem;
        margin-right: .1867rem;
        display: block;
    }

    #productdetailPage .application .five:last-child {
        margin-right: 0;
    }

    #productdetailPage .application .five img {
        width: 100%;
        height: 100%;
    }

    #productdetailPage .application .five .atitle {
        position: absolute;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 100%;
        display: flex;
        justify-content: center;
    }

    /* 样品申请 */
    #smaplePage {
        display: flex;
        justify-content: center;
        background: #F3F3F5;
        padding-bottom: 60px;
    }

    #smaplePage .contents {
        width: 10rem;
        height: auto;
        background-color: #F3F3F5;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        padding-bottom: 1.3333rem;
    }

    #smaplePage .contact {
        font-size: .5333rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin-top: 1.3333rem;
    }

    #smaplePage .contact-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.0667rem;
        justify-content: center;
        background-color: #fff;
        width: 8.9333rem;
        padding: 0 .4rem;
        box-sizing: border-box;
    }

    #smaplePage .contact-body {
        height: auto;
        display: block;
        width: 100%;
    }

    #smaplePage .contact-body span {
        font-size: 25px;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #E60012;
        height: auto;
        display: block;
        margin-right: 10px;
    }

    #smaplePage .text_l1 {
        outline: none;
        width: 100%;
        height: .8rem;
        background: #FFFFFF;
        border: 1px solid #1D418D;
    }

    #smaplePage .body_l1 {
        width: 100%;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #222223;
        display: block;
        margin-top: .6667rem;
        margin-bottom: 0;
        margin-right: 0;
        align-items: center;
    }

    #smaplePage .body_l1:nth-child(2n) {
        margin-right: 0;
    }

    #smaplePage .check {
        display: block;
        width: 100%;
        margin-bottom: 0;
        margin-top: .6667rem;
    }

    #smaplePage .check .pro {
        width: auto;
        height: auto;
        display: flex;
        justify-content: flex-start;
        margin-right: 0;
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin-left: 0;
    }

    #smaplePage .check .checkbox {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
    }

    #smaplePage .check .checkbox .checktext {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin-left: .1333rem;
    }

    #smaplePage .check .checkbox .boxx {
        display: flex;
        align-items: center;
        margin-right: .5333rem;
        margin-top: 0;
        margin-bottom: .5333rem;
    }

    #smaplePage .body_l1 .body_l1jia {
        width: auto;
        height: auto;
        display: flex;
        justify-content: flex-start;
        margin-right: 16px;
    }

    #smaplePage .body_l12 {
        font-size: 16px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #222223;
        display: block;
        margin-bottom: 0;
    }

    #smaplePage .body_l12 .body_l1jia {
        width: auto;
        height: auto;
        display: flex;
        justify-content: flex-start;
        margin-right: 0;
        align-items: center;
        margin-left: 0;
    }

    #smaplePage .body_l12 .body_l1jia .ipad {
        margin-top: 10px;
    }

    #smaplePage .text_l2 {
        outline: none;
        width: 100%;
        height: 2.1333rem;
        background: #FFFFFF;
        border: 1px solid #1D418D;
    }

    #smaplePage .text_l3 {
        width: 3.4667rem;
        height: .8rem;
        background: #1D418D;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .8rem;
        border: none;
        margin-top: 1.0667rem;
        margin-bottom: 1.3333rem;
    }

    /* 应用领域 */
    #applactionPage {
        width: 100%;
        height: auto;
        background-color: #F2F3F5;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 20px;
    }

    #applactionPage .title {
        font-size: .5333rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin: 1.3333rem 0 1.0667rem 0;
    }

    #applactionPage .content-body1 {
        display: flex;
        background-color: #FFFFFF;
        width: 8.9333rem;
        height: 3.4933rem;
        margin-bottom: .8rem;
        box-sizing: border-box;
        padding: .4rem;
    }

    #applactionPage .content-body1 .body1-img {
        width: 3.9733rem;
        height: 2.6933rem;
        margin-right: .4rem;
    }

    #applactionPage .content-body1 .body1-text {
        flex: 1;
    }

    #applactionPage .content-body1 .body1-text .text-title {
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: 0;
        margin-bottom: .2667rem;
        margin-top: .1333rem;
    }

    #applactionPage .content-body1 .body1-text .text-body {
        display: none;
    }

    #applactionPage .content-body1 .body1-text .text-label .text-labels {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin-top: .4rem;
    }

    #applactionPage .content-body1 .body1-text .text-label .type {
        margin-bottom: .24rem;
        display: flex;
        align-items: center;
    }

    #applactionPage .content-body1 .body1-text .text-label .small-square {
        width: .1333rem;
        height: .1333rem;
        background: #1D418D;
        margin-right: .08rem;
    }

    #applactionPage .content-body1 .body1-text .text-label .label-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        font-size: .1867rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #747474;
        margin-right: .3333rem;
        width: 1.4933rem;
    }

    #applactionPage .content-body1 .body1-text .text-label .type:nth-child(3n) .label-text {
        margin-right: .3333rem;
    }

    #applactionPage .content-body1 .body1-text .text-label .type:nth-child(2n) .label-text {
        margin-right: 0;
    }

    #applactionPage .content-body1 .body1-text .button-text {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2rem;
        height: .6667rem;
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .4533rem;
        background: #1D418D;
        margin-top: .2667rem;
        text-decoration: none;
    }
    #applactionPage .content-body1 .body1-text .button-text .more{
        font-size: .2133rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        zoom: 0.85;
    }
    #applactionPage .content-body1 .body1-text .button-text .rightarrow::before {
        font-size: .4rem;
        line-height: 62px
    }

    #applactionPage .content-body1 .body1-text .button-text .text-img {
        margin-left: .1867rem;
        height: 60px;
    }

    /* 应用领域详情 */
    #applactiondetailPage {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #applactiondetailPage .title {
        font-size: .4rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin: 1.3333rem 0 1.0667rem 0;
    }

    #applactiondetailPage .contact {
        width: 8.9333rem;
        height: auto;
        overflow: hidden;
    }

    #applactiondetailPage .contact p {
        font-size: .32rem !important;
        color: #323233;
        line-height: .56rem !important;
    }
    #applactiondetailPage .contact span {
        font-size: .32rem !important;
        color: #323233;
        line-height: .56rem !important;
    }
    #applactiondetailPage .product {
        width: 9.0667rem;
        height: auto;
        padding: 1.0667rem 1.2533rem;
        background-color: #1D418D;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.3333rem;
        box-sizing: border-box;
        margin-bottom: 1.3333rem;
    }

    #applactiondetailPage .product .ptltle {
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        margin-bottom: 1.0667rem;

    }

    #applactiondetailPage .product .pbox {
        display: block;
        width: auto;
        height: auto;
    }

    #applactiondetailPage .product .pbox a {
        display: block;
        margin-right: 0;
        text-align: center;
        flex: 1;
        width: 6.4267rem;
        height: auto;
    }

    #applactiondetailPage .product .pbox a img {
        width: 6.4267rem;
        height: 4.48rem;
    }

    #applactiondetailPage .product .pbox a p {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        margin-top: .4rem;
        margin-bottom: .8rem;
    }

    #applactiondetailPage .more {
        position: relative;
        width: 2.9333rem;
        height: .8rem;
        border: 1px solid #FFFFFF;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .7733rem;
        padding-left: .5333rem;
        box-sizing: border-box;
        margin-top: 0;
    }

    #applactiondetailPage .more .iconmore {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: .4rem;
    }

    #applactiondetailPage .more .iconmore::before {
        font-size: .5333rem;
    }

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

    #newPage .menubox {
        display: flex;
        margin: 0 0 .5333rem 0;
        width: 10rem;
    }

    #newPage .menubox .change {
        display: block;
        width: 50%;
        height: .8rem;
        background: #F2F3F5;
        border: none;
        font-size: .3733rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: .8rem;
        text-align: center;
        margin-right: 0;
    }

    #newPage .menubox .changeact {
        background-color: #1D418D;
        color: #fff;
    }

    #newPage .box {
        width: 10rem;
        height: auto;
        margin-bottom: 0;
        background-color: #fff;
        padding: 0 .5333rem 1.3333rem .5333rem;
        box-sizing: border-box;
    }

    #newPage .box .new {
        width: 100%;
        height: 10.6667rem;
        padding: .8rem 0;
        box-sizing: border-box;
        border-bottom: 1px solid #DDDDDD;
        display: block;
    }

    #newPage .box .new img {
        height: 6.0267rem;
        width: 100%;
        margin-right: 0;
    }

    #newPage .box .new .time {
        font-size: .32rem;
        font-family: Arial;
        font-weight: 400;
        color: #9B9B9B;
        margin-bottom: .4rem;
        margin-top: .3333rem;
    }

    #newPage .box .new .ntitle {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
    }

    #newPage .box .new .ntitle:hover {
        color: #1D418D;
    }

    #newPage .box .new .tag {
        position: static;
        display: flex;
        margin-top: .8rem;
    }

    #newPage .box .new .tag p {
        width: auto;
        height: auto;
        padding: 5px 15px;
        background-color: #F8F8F8;
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #9B9B9B;
        margin-right: 20px;
    }

    #newPage .box .new .tag p:last-child {
        margin-right: 0;
    }

    /* 新闻中心分页样式 */
    #newPage #pagination {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #newPage #pagination .pagination {
        display: flex;
        margin-top: 1.0667rem;
    }

    #newPage #pagination .pagination li {
        list-style: none;
        width: .5333rem;
        height: .5333rem;
        background-color: #F2F3F5;
        display: block;
        margin-right: .2667rem;
    }

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

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

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

    #newPage #pagination .pagination a .left::before {
        font-size: .5333rem;
        color: #9B9B9B;
    }

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

    #newPage #pagination .pagination a .right::before {
        font-size: .5333rem;
        color: #9B9B9B;
    }

    #newPage #pagination .pagination .fenyea {
        background-color: #0E57A2;
        color: #fff;
    }

    /* 新闻详情页 */
    #newdetailPage {
        width: 100%;
        height: auto;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.0667rem;
    }

    #newdetailPage .title {
        font-size: .4rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        margin: 1.3333rem 0 .8rem 0;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

    #newdetailPage .time {
        font-size: .32rem;
        font-family: Arial;
        font-weight: 400;
        color: #9B9B9B;
    }

    #newdetailPage .line {
        width: 8.9333rem;
        height: 1px;
        background: #DDDDDD;
        margin: .8rem 0;
    }

    #newdetailPage .contact {
        width: 8.9333rem;
        height: auto;
        margin-bottom: 1.3333rem;
        overflow: hidden;
    }

    #newdetailPage .contact p {
        zoom: 0.6;
    }

    #newdetailPage .daohang {
        display: none !important;
    }

    #newdetailPage .mobdaohang {
        display: block;
    }

    #newdetailPage .mobdaohang .text {
        display: block;
        width: 8.9333rem;
        height: auto;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
        margin-bottom: .5333rem;
        line-height: .6667rem;
    }

    #newdetailPage .mobdaohang .hovmob:hover {
        color: #0066AC;
    }

    /* 企业简介 */
    #briefPage {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
        width: 100%;
    }

    #briefPage .briefone {
        position: relative;
        width: 100%;
        height: auto;
    }

    #briefPage .briefone .imgs {
        width: 100%;
        height: 10.5333rem;
    }

    #briefPage .briefone .abs {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #briefPage .briefone .abs .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        width: auto;
        margin: 1.3333rem 0 .6667rem 0;
    }

    #briefPage .briefone .abs .text {
        width: 8rem;
        height: auto;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .5333rem;
    }

    #briefPage .briefone .abs .text p {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .5333rem;
    }
    #briefPage .briefone .abs .bottmbox{ 
        position: absolute;
        bottom: 1.6rem;
        display: flex;
    }
    #briefPage .briefone .abs .bottom {
        width: 2.96rem;
        height: 1.84rem;
        background: #1D418D;
        opacity: 0.8;
        text-align: center;
        padding: 0 .4rem;
        box-sizing: border-box;
        margin-right: 0;
        border-right: 1px solid #FFFFFF;
    }

    #briefPage .briefone .abs .bottom:last-child {
        margin-right: 0;
        border: none;
    }

    #briefPage .briefone .abs .bottom .btitle {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #FFFFFF;
        margin: .3333rem 0 .1067rem 0;
    }

    #briefPage .briefone .abs .bottom .btext {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .4667rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        zoom: 0.8;
    }

    #briefPage .briefone .abs .bottom .btext p {
        font-size: 12px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    #briefPage .brieftwo {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0;
        flex-direction: column;
        margin-bottom: 1.6rem;
    }
    #briefPage .brieftwo .imgbox {
        width: 100%;
        margin-top: 0;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }
    #briefPage .brieftwo .imgs {
        width: 100%;
        height: auto;
    }

    #briefPage .brieftwo .content {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #briefPage .brieftwo .content .title {
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #323233;
        margin-bottom: .4rem;
        margin-top: 1.6rem;
    }

    #briefPage .brieftwo .content .text {
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        width: 100%;
        line-height: .5067rem;
        padding: 0 .5333rem;
        box-sizing: border-box;
        margin-bottom: .8rem;
    }

    #briefPage .brieftwo .content .text p {
        font-size: .2667rem !important;
        font-family: Microsoft YaHei !important;
        font-weight: 400 !important;
        color: #323233 !important;
        line-height: .5067rem !important;
    }
    #briefPage .brieftwo .content .text span {
        font-size: .2667rem !important;
        font-family: Microsoft YaHei !important;
        font-weight: 400 !important;
        color: #323233 !important;
        line-height: .5067rem !important;
    }
    #briefPage .brieffour {
        display: none;
    }
    #briefPage .brieffourmob{ 
        display: flex;
        width: 10rem;
        flex-direction: column;
        align-items: center;
    }
    #briefPage .brieffourmob .title{ 
        font-size: .5067rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #323233;
        margin: 1.6rem 0 .8rem 0;
    }
    #briefPage .brieffourmob .text{ 
        width: 100%;
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: .5333rem;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }
    #briefPage .brieffourmob .text p{ 
        font-size: .2667rem !important;
        font-family: Microsoft YaHei !important;
        font-weight: 400 !important;
        color: #323233 !important;
        line-height: .5333rem !important;
    }
    #briefPage .brieffourmob .text span{ 
        font-size: .2667rem !important;
        font-family: Microsoft YaHei !important;
        font-weight: 400 !important;
        color: #323233 !important;
        line-height: .5333rem !important;
    }
    #briefPage .brieffourmob .imgs{ 
        width: 8.9333rem;
        height: auto;
        margin: .8rem 0 1.3333rem 0;
    }

    #briefPage .briefthree{ 
        width: 10rem;
        height: auto;
        display: flex;
        justify-content: start;
        flex-direction: column;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }
    #briefPage .briefthree .imgbox{ 
        display: none;
    }
    #briefPage .briefthree .imgboxmob{ 
        display: block;
        width: 100%;
        height: auto;
    }
    #briefPage .briefthree img{ 
        width: 100%;
        height: auto;
        
    }
    #briefPage .briefthree .textbox{ 
        width: 100%;
        height: auto;
        padding: 0 0.5333rem;
        box-sizing: border-box;
    }
    #briefPage .briefthree .textbox .title{ 
        font-size: .4rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #333;
        margin-bottom: .8rem;
    }
    #briefPage .briefthree .textbox .title:first-child{ 
        font-size: .5067rem;
    }
    #briefPage .briefthree .textbox .text{ 
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333;
        margin-bottom: .8rem;
        line-height: .5333rem;
    }
    #briefPage .briefthree .textbox .content{ 
        font-size: .2667rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #333;
        margin-bottom: .8rem;
        line-height: .5333rem;
    }
    #briefPage .briefthree .textbox .content p{ 
        font-size: .2667rem !important;
        font-family: Microsoft YaHei !important;
        font-weight: 400 !important;
        color: #333 !important;
        margin-bottom: .8rem !important;
        line-height: .5333rem !important;
    }
    #briefPage .briefthree .textbox .content span{ 
        font-size: .2667rem !important;
        font-family: Microsoft YaHei !important;
        font-weight: 400 !important;
        color: #333 !important;
        margin-bottom: .8rem !important;
        line-height: .5333rem !important;
    }
    /* 荣誉资质 */
    #honorPage {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #F0F4F7;
        width: 100%;
        height: auto;
    }

    #honorPage .menubox {
        display: flex;
        margin: 0;
    }

    #honorPage .menubox .menuhonor {
        width: 3.3333rem;
        height: .8rem;
        background: #F2F3F5;
        border: none;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #323233;
        line-height: .8rem;
        text-align: center;
        margin-right: 0;
        background-color: #F2F3F5;
        border-right: 1px solid #D2D2D2;
    }

    #honorPage .menubox .menuhonor:last-child {
        border-right: none;
    }

    #honorPage .menubox .menuact {
        background-color: #1D418D;
        color: #fff;
        border: none;
    }

    #honorPage .contentbox {
        width: 10rem;
        height: auto;
        background: #FFFFFF;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 1.0667rem;
        padding: 0 .5333rem;
        box-sizing: border-box;
    }

    #honorPage .contentbox .content {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        justify-content: start;
        margin-top: .2667rem;
    }

    #honorPage .contentbox .content .imgbox {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: .8rem;
        margin-right: 0;
    }

    #honorPage .contentbox .content .imgbox img {
        width: 100%;
        height: auto;
        margin-bottom: .2667rem;
    }

    #honorPage .contentbox .content .imgbox p {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #000;
    }

    /* 荣誉资质分页样式 */
    #honorPage #pagination {
        width: 8.9333rem;
        height: auto;
        display: flex;
        justify-content: center;
    }

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

    #joinPage .dabox {
        width: 8.9333rem;
        height: auto;
        background-color: #fff;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.3333rem;
    }

    #joinPage .box {
        width: 8.9333rem;
    }

    #joinPage .box .top {
        width: 8.9333rem;
        padding: 0 .4667rem;
        height: .6667rem;
        background-color: #F5F7FA;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        margin-top: .16rem;
    }

    #joinPage input {
        display: none;
    }

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

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

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

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

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

    #joinPage .box .top .icon::before {
        font-size: .48rem;
    }

    #joinPage .box .bottom {
        width: 8.9333rem;
        padding: .6667rem .4667rem 1.0667rem .4667rem;
        box-sizing: border-box;
        display: none;
    }

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

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

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

    #joinPage .box .bottom .bottomtext {
        margin-top: .1333rem;
        font-size: .24rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #444444;
        line-height: .8rem;
        width: 100%;
    }

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

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

    /* 联系我们 */
    #contactPage {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        margin: 0;
        background-image: url(../../../static/yixing/image/contactbackground.png);
        background-size: cover;
    }

    #contactPage .contact-nav {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #contactPage .contact2:last-child {
        margin-right: 0;
    }

    #contactPage .contact4 {
        border: none;
        width: 50%;
        height: 1.0667rem;
        font-weight: 400;
        color: #323233;
        line-height: 1.0667rem;
        font-size: .4rem;
        font-family: "Microsoft YaHei";
        margin-right: 0;
        margin-top: 0;
        background: #F2F3F5;
    }

    #contactPage .contact {
        border: none;
        width: 50%;
        height: 1.0667rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.0667rem;
        font-size: .4rem;
        font-family: "Microsoft YaHei";
        margin-right: 0;
        margin-top: 0;
        background: #1D418D;
    }

    #contactPage .contact2 {
        font-size: .4rem;
        color: #323233;
        border: none;
        width: 50%;
        height: 1.0667rem;
        font-weight: 400;
        line-height: 1.0667rem;
        font-family: "Microsoft YaHei";
        margin-right: 0;
        margin-top: 0;
        background: #F2F3F5;
    }

    #contactPage .contact3 {
        border: none;
        width: 50%;
        height: 1.0667rem;
        font-weight: 400;
        color: #FFFFFF;
        line-height: 1.0667rem;
        font-size: .4rem;
        font-family: "Microsoft YaHei";
        margin-top: 0;
        background: #1D418D;
    }

    #contactPage .contact-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: .8rem 0 1.3333rem 0;
        width: 10rem;
    }

    #contactPage .contact-2 {
        display: none;
        flex-direction: column;
        align-items: center;
        margin: .8rem 0 1.3333rem 0;
    }

    #contactPage .text_l1 {
        display: block;
        outline: none;
        width: 100%;
        height: .8rem;
        background: #FFFFFF;
        border: 1px solid #1D418D;
        margin-top: .2667rem;
    }

    #contactPage .body_l1 {
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #222223;
        display: block;
        justify-content: center;
        margin-bottom: .6667rem;
        position: relative;
    }

    #contactPage .text_l2 {
        outline: none;
        width: 100%;
        height: 2.1333rem;
        background: #FFFFFF;
        border: 1px solid #1D418D;
        margin-top: .2667rem;
    }

    #contactPage .text_l3 {
        width: 3.4667rem;
        height: .8rem;
        background: #1D418D;
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #FFFFFF;
        line-height: .8rem;
        border: none;
    }

    #contactPage .contact-body {
        height: auto;
        display: block;
        padding: 0 .5333rem;
        box-sizing: border-box;
        width: 100%;
    }


    #contactPage .contact-body span {
        font-size: .5067rem;
        font-family: "Microsoft YaHei";
        font-weight: 400;
        color: #E60012;
        height: auto;
        display: block;
        margin-right: .0933rem;
        position: absolute;
        top: -0.0267rem;
        left: 0;
    }

    #contactPage .contact-body .body_l1 h {
        margin-right: 0;
        margin-left: .2667rem;
    }

    #contactPage .contact-body .mobleft {
        margin-left: -0.4267rem !important;
    }

    #contactPage .contact-2 .contact-body2 {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

    #contactPage .contact-2 .contact-body2:last-child {
        margin-bottom: 0;
    }

    #contactPage .contact-2 .contact-body2 .part1 {
        display: flex;
        align-items: center;
        font-size: .3467rem;
        font-family: Microsoft YaHei;
        font-weight: bold;
        color: #323233;
        margin-bottom: .4rem;
        align-items: center;
    }

    #contactPage .contact-2 .contact-body2 .part1 i {
        margin-right: .2rem;
    }

    #contactPage .contact-2 .contact-body2 .part1 i::before {
        font-size: .4533rem;
    }

    #contactPage .contact-2 .contact-body2 p {
        font-size: .32rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #747474;
    }

    #contactPage .contact-2 .contact-body2 .left {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: auto;
        padding-top: 30px;
        padding-bottom: 26px;
        border-right: none;
    }

    #contactPage .contact-2 .contact-body2 .right {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: auto;
    }

    /* 分页样式 */
    #pagination .pagination {
        display: flex;
        margin-top: 1.3333rem;
    }

    #pagination .pagination li {
        list-style: none;
        width: .5333rem;
        height: .5333rem;
        background-color: #fff;
        display: block;
        margin-right: .2667rem;
    }

    #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: .24rem;
        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: .5333rem;
        color: #9B9B9B;
    }

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

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

    #pagination .pagination .fenyea {
        background-color: #0E57A2;
        color: #fff;
    }

    /* 荣誉资质分页样式 */
    #honorPage #pagination {
        width: 8.9333rem;
        height: auto;
        display: flex;
        justify-content: center;
        margin-bottom: 1.0667rem;
    }

    #honorPage #pagination .pagination {
        display: flex;
        margin-top: 1.0667rem;
    }

    #honorPage #pagination .pagination li {
        list-style: none;
        width: .5333rem;
        height: .5333rem;
        background-color: #F2F3F5;
        display: block;
        margin-right: .2667rem;
    }

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

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

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

    #honorPage #pagination .pagination a .left::before {
        font-size: .4rem;
        color: #9B9B9B;
    }

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

    #honorPage #pagination .pagination a .right::before {
        font-size: .4rem;
        color: #9B9B9B;
    }

    #honorPage #pagination .pagination .fenyea {
        background-color: #0E57A2;
        color: #fff;
    }
}