.wrap {
    max-width: 7.5rem;
    width: 100%;
    margin: 0 auto;
}

img,
a {
    display: block;
}

.cf {
    color: #fff;
}

.i-banner .abs {
    top: 50%;
    transform: translateY(-50%);
    left: 13%;
}

.i-banner .abs .title {
    font-size: .3906rem;

}

.i-banner img {
    width: 100%;
}


.i-banner .abs .txt {
    font-size: .1875rem;
    margin-top: .0521rem;
}

.mt97 {
    margin-top: .5052rem;
}

.indexBanner .swiper-pagination {
    bottom: .2083rem !important;
}

.indexBanner .swiper-pagination-bullet {
    width: .4323rem;
    height: .0469rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: .026rem;
    border: 0rem solid #000000;
    margin: 0 .0521rem !important;
}

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

.column {

    padding: .2865rem 0;
    text-align: center;
}


.column1 {

    padding: .3344rem 0 .1823rem 0;
    text-align: center;
}

.column1 img {
    margin: .026rem auto;
}

.fw {
    font-weight: bold;
}

.f48 {
    font-size: .25rem;
}

.f20 {
    font-size: .1042rem;
}


.f16 {
    font-size: .0833rem;
}

/* 浜у搧鎺ㄨ崘 tabs */

.tabs-tit {
    line-height: .2604rem;
}

.tabs-tit a {
    margin: 0 1.5vw;
    text-transform: uppercase;
    padding: 0 .1563rem;
    color: #909090;
}

.tabs-tit a.cur {
    background: linear-gradient(-90deg, #9ED8F6, #008CD6);
    border-radius: .1302rem;
    color: #fff;

}

.tabs-content {
    padding: .2604rem 0 .625rem 0;
}

.tabs-list {
    margin: 0 -0.0938rem;

}

.tabs-list li {
    width: 25%;
}

.tabs-list li a {
    margin: 0 0.0938rem;
    padding: .1042rem .0833rem;
    box-sizing: border-box;
    height: 2.1198rem;
    overflow: hidden;
    position: relative;

}

.tabs-list li a .img {
    margin-bottom: .0521rem;
}

.tabs-list li a .img img {
    height: 1.4219rem;
    max-width: 100%;
    margin: 0 auto;
    object-fit: scale-down;
}

.tabs-list li a:hover {
    box-shadow: 0 0 .2396rem 0 rgba(0, 0, 0, 0.17);
    border-radius: .0781rem;
    border: 0 solid #000000;
    position: relative;
}


.tabs-list li a::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: .0156rem;
    width: 0;
    transition: 0.5s;
    background: #048ed7;
}

.tabs-list li a:hover::after {
    width: 100%;
}


.tabs-content .item {
    display: none;
}

.tabs-content .item:nth-child(1) {
    display: block;
}

.tabs-list {
    opacity: 1;
    transition: 0.5s;
    transform: scale(0.8);
}

.tabs-list .tit-en {
    text-transform: uppercase;
}

.tabs-list .tit-en,
.tabs-list .tit-cn {
    line-height: .1875rem;
    color: #000;
}

.tabs-content .item .tabs-list {
    animation: slide-zoom 0.8s forwards;
    /* 搴旂敤鍔ㄧ敾 */
    width: 100%;

}


@keyframes slide-zoom {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes lide-zoom {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}


/* 浜у搧鎺ㄨ崘  end */

.i-about {
    background: #FAFAFA;
    padding: .5781rem 0 .6823rem 0;
}

.i-about .con {
    width: 46%;
    padding-top: .2083rem;
}

.i-about .img {
    width: 49.7%;
}

.i-about .img .pic img {
    width: 100%;
}

.pic-video {
    right: 0;
    bottom: .5781rem;
}

.pic-video a {
    width: 1.8438rem;
    height: 1.0729rem;
    border-radius: .1042rem;
    overflow: hidden;

}

.pic-video a img {
    width: 100%;
}


.vid-btn {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.vid-btn img {
    height: .224rem;
    width: .224rem;
}


.i-about .tit1 {
    padding: .3385rem 0 .2304rem 0;

}

.i-about .txt {
    color: #717171;
}

.li36 {
    line-height: .1875rem;
}

.about-more {
    width: .8385rem;
    line-height: .3073rem;
    background: linear-gradient(-90deg, #9ED8F6, #008CD6);
    border-radius: .1563rem;
    margin-top: .3385rem;
}

.about-more a {
    color: #fff;
}

.about-more i {
    margin-left: .0563rem;
    transition: 0.5s;
}

.about-more a:hover i {
    margin-left: .1563rem;
}

.i-select {
    background: url(../images/bg.png) no-repeat center center / cover;
    height: 4.2865rem;
    box-sizing: border-box;
}

.i-select .tit {
    color: #717171;
    padding-bottom: .1563rem 0;
}

.select-cloum {
    padding: .5208rem 0 .1563rem 0;
}


.advantages {
    padding-top: .4167rem
}


.advantages li .img {
    width: 1.3542rem;
    height: 1.1771rem;
}

.advantages li .img img {
    width: 100%;
    height: 1.1771rem;
}

.advantages li .abs {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 100%;
}

.f18 {
    font-size: .0938rem;
}


.f24 {
    font-size: .125rem;
}

.advantages li {
    width: 32%;
}

.advantages li .title {
    padding: .2042rem 0;
    width: 100%;
}


.advantages li:nth-child(2n) {
    flex-direction: column-reverse;
}


.muto {
    margin: 0 auto;
}

.i-news {
    height: 4.9427rem;
    background: url(../images/bg1.png) no-repeat center center / cover;
}


.newsList {
    margin: 0 -0.1615rem;
}

.newsList li {
    width: 33.3333%;
}


.newsList li a {
    margin: 0 0.1615rem;
}



.newsList li a .img {
    border-radius: .0781rem;
}

.newsList li a img {
    height: 1.2448rem;
    object-fit: cover;
    width: 100%;

}

.newsList li a .con {
    padding: .1406rem;
    box-sizing: border-box;
    height: 1.4219rem;
    border-radius: 0 0 .0781rem .0781rem;
    overflow: hidden;
}

.newsList li a .con .time {
    font-size: .0833rem;
    color: #001E42;
}

.newsList li a .con .tit {
    font-size: .0938rem;
    color: #000;
    margin: .1042rem 0;
}

.newsList li a .con .txt {
    font-size: .0833rem;
    line-height: .1563rem;
    color: #717171;
}

.newsList .abs {
    bottom: 0;
    width: 100%;
    left: 0;
}

.newsList .abs .xq {
    margin: 0 .1563rem;
    border-top: 1px solid #e6e6e6;
    line-height: .3854rem;
    font-size: .0833rem;
    color: #000000;
}

.newsList li a:hover {
    box-shadow: 0 0 .4792rem 0 rgba(0, 0, 0, 0.08);
}

.newsList li a:hover .con {
    background: #fff;
}

.newsList li a:hover .img {
    border-radius: .0781rem .0781rem 0 0;
}

.link {
    margin-top: .3021rem;
}

.link a {
    width: 49%;
    border-radius: .1302rem;
    overflow: hidden;
}

.link a img {
    display: block;
    height: .7292rem;
    width: 100%;
}

.link a .abs {
    left: 0;
    top: 0;
    width: 100%;
    padding: .2188rem;
    box-sizing: border-box;
}

.icon-jinru {
    font-size: .0833rem !important;
}

.page {
    background: #FAFAFA;
    padding-bottom: .2083rem;
}

.loc {
    line-height: .349rem;

}

.loc a:last-child i {
    display: none;
}

.subNavBox {
    width: 1.7396rem;
}

.subNav {
    background: #F0F0F0;
}

.subNav li {

    border-bottom: 1px solid #e0e0e0;
}

.subNav li:last-child {
    border-bottom: none
}

.subNav li .tit {
    font-size: .0833rem;
    line-height: .3646rem;
    padding: 0 .1927rem 0 .1615rem;

}

.subNav li .tit i {
    transition: 0.5s;
}

.sub-nav {
    padding: 0 .1927rem 0 .1615rem;
    font-size: .0729rem;
    display: none;
}

.sub-nav a {
    line-height: .25rem;

}


.subNav li.cur .tit i {
    transform: rotate(90deg);
}

.subNav li.cur .tit {
    font-weight: 800;
    color: #008CD6;
}

.main .right {
    width: calc(100% - 1.901rem);
}

.main .right .imgBox .img img {
    width: 100%;
}

.main .right .imgBox .abs {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    box-sizing: border-box;
    padding: 0 .2917rem 0 .3646rem;
}

.f45 {
    font-size: .2344rem;
}

.li30 {
    line-height: .1563rem;
}

.main .right .imgBox .abs .txt {
    padding-top: .15rem;
}


.main .right .list li {
    background: #fff;
    border-radius: .0781rem;
    overflow: hidden;
    height: 1.3177rem;
    margin-top: .1198rem;

}


.main .right .list li img {
    height: 1.1823rem;
    width: 1.4323rem;
    object-fit: scale-down;
}

.main .right .list li .con {
    width: calc(100% - 1.6927rem);
}

.main .right .list li .con .t1 {
    color: #048ed7;
}

.main .right .list li .con .txt {
    margin: .0521rem 0;
    color: #151515;
    padding-right: .3646rem;
}

.main .right .list li .xq {
    width: .7083rem;
    line-height: .2135rem;
    background: #43A4E8;
    border-radius: .1094rem;
    text-align: center;
    font-size: .0833rem;
    color: #fff;
    transition: 0.5s;
}

.main .right .list li:hover {
    box-shadow: 0rem 0rem .0938rem 0rem rgba(0, 0, 0, 0.03);

}

.searchList .t2 {
    text-decoration: underline;
    cursor: pointer;
}

.search-history {
    margin-top: .1581rem;
}

.search-history a {
    line-height: .1927rem;
    background: #EDEDED;
    border-radius: .026rem;
    font-size: .0833rem;
    margin-right: .0573rem;
    padding: 0 .0625rem;
    color: #151515;
    margin-bottom: .0521rem;
}

.search-history a i {
    margin-left: .0521rem;

}


.type p {
    margin-top: 14.9952px;
    font-size: .0833rem;
    color: #232323;
    line-height: .375rem;
    font-weight: bold;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}


.type p i {
    transform: rotate(90deg);
    transition: 0.5s;
}

.type-input {
    padding: .2135rem 0 0 0;
    font-size: .0833rem;
    display: none;
}

.type-input .lb {
    margin-bottom: .1406rem;
}

.type-input .lb input {
    height: .1042rem;
    width: .1042rem;
    margin-right: .0921rem;
}

.type-input .lb:last-child {
    margin-bottom: 0;
}

.type li.cur .type-input {
    display: block;
}

.type li.cur p i {
    transform: rotate(-90deg);
}


.prodcut {
    margin: 0 -0.0729rem;
}

.prodcut li {
    width: 33.3333%;

}

.prodcut li a {
    margin: 0 0.0729rem .1458rem 0.0729rem;
    background: #fff;
    border-radius: .0781rem;
    overflow: hidden;
    height: 2.2969rem;
    padding: .1094rem .1667rem;
}

.prodcut li a .pic img {
    height: 1.2813rem;
    max-width: 100%;
    margin: 0 auto;
    object-fit: scale-down;
}


.prodcut li a .con {
    margin-top: .3604rem;
}

.prodcut li a .con .sales {
    color: #7B7B7B;
}

.prodcut li a .con .sales span {
    margin-right: .1042rem;
    color: #FF7200;
}

.prodcut li a .con .tit {
    color: #000;
}


/* 椤电爜 */
.pages a {
    line-height: .2396rem;
    margin-right: .0521rem;
    color: #444;
}

.n-paga {
    width: .4688rem;
    height: .2292rem;
    background: rgba(35, 47, 61, 0);
    border-radius: .1146rem;
    border: .0052rem solid #9CB1D0;
    text-align: center;
}

.ym {
    width: .2396rem;
    height: .2396rem;
    border-radius: 23px;
    border: 0px solid #000000;
    text-align: center;
}

.pages a:hover,
.pages a.cur {
    background: #3479BE;
    color: #fff;
}


.pro-details {
    margin-top: .1563rem;
}


.pro-details .left {
    width: 3.5417rem;
}

.swiperBig img {
    max-width: 100%;
    margin: 0 auto;
    height: 2.9167rem;
}

.thumbs {
    margin-top: .1302rem;
}

.thumbs .img {
    height: .6094rem;
    border-radius: 5px;
    border: 1px solid #DFDFDF;
    box-sizing: border-box;
}

.thumbs img {
    max-width: 100%;
    height: .599rem;
    margin: 0 auto;
    object-fit: scale-down;
}

.thumbs .swiper-slide-thumb-active .img {
    border: 1px solid #008cd6;
}

.pro-details .right {
    width: calc(100% - 3.75rem);
}

.pro-details .right .tit {
    font-size: .1875rem;
    color: #151515;
}

.model {
    font-size: .0833rem;
    color: #7B7B7B;
    line-height: 42px;
    margin: .1302rem 0;
}

.model span {
    color: #FF7200;
}

.pro-details .right .t1 {
    font-size: .0833rem;
    color: #232323;
    line-height: .2604rem;
}

.brand {
    margin-bottom: .1083rem;
}

.brand a {
    margin: 0 .0395rem .0395rem 0;
    padding: 0 .0729rem;
    line-height: .2552rem;
    border-radius: .026rem;
    border: 1px solid #BCBCBC;
    box-sizing: border-box;
    text-align: center;
    color: #BCBCBC;
    font-size: .0833rem;

}

.brand a.cur {
    color: #008CD6;
    border: 1px solid #008CD6;
}

.pro-details .right .txt {
    font-size: .0833rem;
    color: #7B7B7B;
    line-height: .2188rem;
}

.inquiry {
    width: .9792rem;
    height: .2917rem;
    background: linear-gradient(-43deg, #9ED8F6, #008CD6);
    border-radius: .1458rem;
    margin-top: .0781rem;
    cursor: pointer;
}


.inquiry span {
    color: #fff;
    line-height: .2917rem;
}

.inquiry span img {
    height: .1094rem;
    width: .1146rem;
    margin-right: .0581rem;

}

.detais-tit {
    height: .3906rem;
    background: #F8F8F8;
    margin-top: .2292rem;
}

.detais-tit span {
    line-height: .3906rem;
    padding: 0 .2708rem;
    color: #008CD6;
    border-bottom: 2px solid #008CD6;

}

.detais-con .txt {
    padding: 50px 0;

}

.detais-con .txt img {
    margin: 0 auto;
    max-width: 100%;
}

.tanchuang {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 10001;
    display: none;
}

.tanchuang .abs {
    max-width: 5.3854rem;
    background: #fff;
    border-radius: .1042rem;
    left: 50%;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    padding-bottom: .3281rem;
}

.tanchuang .abs .tit {
    padding: 0 .2344rem;
    line-height: .6198rem;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.colse {
    font-size: .125rem !important;
    font-weight: bold;
}

.table-input {
    padding: .3125rem .3125rem 0 .3125rem
}

.f36 {
    font-size: .1875rem;
}

.table-input .box {
    width: 48%;
}

.table-input .input {
    border-radius: .0521rem;
    border: 1px solid #d6d9e0;
    margin: .0781rem 0 .1563rem 0;
    padding: 0 .0521rem;
    box-sizing: border-box;

}

.table-input .input input {
    height: .3021rem;
    font-size: .0938rem;
    width: 98%
}

.table-input .box:last-child {
    width: 100%;
}

.table-input .input textarea {
    margin-top: .0521rem;
    font-size: .0938rem;
    height: .625rem;
    width: 98%;
}

.tanchuang .inquiry {
    margin: 0 auto;
}

.sub_banner .img img {
    width: 100%;
}

.sub_banner .abs {
    left: 12%;
    top: .7083rem;
}

.sub_banner .abs .tit {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-bottom: .0721rem;
    font-size: .2292rem;
}

.sub_banner .abs .txt {
    color: #fff;
}

.news {
    background: #fafafa;
    padding: .2917rem 0 .3542rem 0;
}

.newsList1 {
    margin-top: .3333rem;
}

.newsList1 li a {
    margin-bottom: .2656rem;
}


/* 鏂伴椈璇︽儏 */

.news-details {
    background: #fafafa;
    padding: .2708rem 0;
}

.news-details .left {
    width: calc(100% - 2.0313rem);
    box-sizing: border-box;
    padding: .1563rem .2969rem .3333rem .2969rem;
    background: #fff;

}

.f30 {
    font-size: .1563rem;
}

.news-details .left .title {
    padding: .1563rem 0;
    border-bottom: 3px solid #ececec;
}

.news-details .left .title .t2 {
    margin-top: .0521rem;
}

.content {
    padding: .1771rem 0;
    line-height: .1563rem;
    font-size: .0833rem !important;
}

.content img {
    max-width: 100%;
    margin-bottom: .1563rem;
}

.nextLink a {
    height: .5208rem;
    width: 49%;
    padding: .0829rem .1979rem;
    box-sizing: border-box;
    background: #F9F9F9;
}

.right {
    width: 1.9167rem;
}

.news-search {
    border-top: .0156rem solid #3479be;
    padding: .0729rem .1094rem .1406rem .1094rem;
    background: #fff;
}

.news-search .tit {
    line-height: .2083rem;
    color: #242424;
    background: url(../images/icon_03.jpg) no-repeat .0313rem center;
    padding-left: .1563rem;
    margin-bottom: .0677rem;
    background-size: .0885rem .099rem;
}

.boxInput {
    margin-bottom: .0677rem;
    background: #F3F3F3;
    height: .2292rem;
}

.boxInput input {
    width: 100%;
    background: none;
    font-size: .0833rem;
    height: .2292rem;
}

.layui-input-inline {
    width: 100%;
    background: url(../images/daow.png) no-repeat 96% center;
    background-size: .1042rem .1042rem;
}

.backnone .layui-input-inline {
    background: none !important;
}

.btn-search {
    background: #008CD6;
    color: #fff;
    line-height: .2292rem;
    font-size: .0833rem;
}

.btn-search img {
    max-width: 100%;
    object-fit: scale-down;
    margin-right: .0521rem;
    height: .0938rem;
}

.layui-laydate .layui-laydate-list .layui-this {
    background: #008CD6 !important;
}

.recommend {
    margin-top: .1198rem;
}

.recommend .tit {
    background: url(../images/icon_04_06.jpg) no-repeat .0313rem center;
    background-size: .0885rem .0885rem;
}

.hot-news {
    border-top: .0104rem solid #eaeaea;
}

.hot-news li {
    margin: .0921rem 0;
}

.hot-news li a {
    display: block;
    background: url(../images/bt.png) no-repeat left .0313rem;
    padding-left: .1146rem;
    font-weight: bold;
}

.hot-news li a:hover {
    color: #3154a5;
}

.share {
    position: absolute;
    left: -4%;
    top: 0;
}

.share a {
    display: block;
    line-height: .2083rem;
    width: .2083rem;
    background: #FFFFFF;
    border-radius: .0667rem;
    color: #989898;
    text-align: center;
    font-size: .125rem;
    margin-bottom: .126rem
}

.share a:hover {
    background: #3154a5;
    color: #fff;
}


@media(max-width:480px) {
    .news-details {
        padding: 10px 0;
    }

    .news-details .right,
    .news-details .left {
        width: 100%;
    }

    .news-details .left .title {
        padding: 20px;
    }

    .f30 {
        font-size: 18px;
    }

    .content {
        padding: 20px 0;
        font-size: 16px !important;
        line-height: 30px;
    }

    .li30 {
        line-height: 30px;
    }

    .nextLink a {
        height: auto;
        width: 100%;
        margin-bottom: 10px;
        padding: 10px;
    }

    .text-right {
        text-align: left;
    }

    .news-search {
        border-top: 2px solid #3479be;
        padding: 20px;
        margin-bottom: 10px;
    }

    .f18 {
        font-size: 16px;
    }

    .news-search .tit {
        line-height: 40px;
        background: none;

    }

    .boxInput {
        height: auto;
        margin-bottom: 10px;
    }

    .layui-input-inline {
        background: none;
    }

    .boxInput input {
        height: 40px;
        font-size: 16px;
    }

    .btn-search {
        height: 40px;
        font-size: 16px;
    }

    .btn-search img {
        display: none;
    }

    .hot-news li a {
        background-position: left 10px;
        padding-left: 20px;
    }


    .hot-news {
        border-top: 1px solid #eaeaea;
    }

    .hot-news li {
        margin: 10px 0;
    }
}



/* 鏂伴椈璇︽儏end */

.concept {
    background: url(../images/f2.png) no-repeat center center / cover;
    height: 4.1667rem;
}

.c71 {
    color: #717171;
}

.concept-list li {
    width: 48%;
    background: #fff;
    overflow: hidden;
    border-radius: .0781rem;
    margin-bottom: .224rem;
}

.concept-list li .img {
    width: 1.4896rem;
}

.concept-list li .img img {
    width: 100%;
    height: 1.1719rem;
    object-fit: cover;
}

.concept-list li .con {
    width: calc(100% - 1.4896rem);
    box-sizing: border-box;
    padding: .1042rem .2083rem .1042rem .224rem
}

.concept-list li .con .tit {
    margin-bottom: .026rem;
}

.technical {
    background: #FAFAFA;
    height: 4.6406rem;
}


.technical-list {
    margin: 0 -.1146rem;
}

.technical-list li {
    width: 33.3333%;
}

.technical-list li a {
    margin: 0 .1146rem .2292rem .1146rem;
    border-radius: .0781rem;
    overflow: hidden;
    box-shadow: 0rem 0rem .0833rem -0.0677rem #000000;
}

.technical-list li a img {
    height: 1.4167rem;
    width: 100%;
}

.technical-list li a .t1 {
    text-align: center;
    background: #fff;
    font-size: .125rem;
    color: #001E42;
    left: 0;
    bottom: -0.9583rem;
    height: 100%;
    width: 100%;
    padding: .1302rem .2083rem;
    box-sizing: border-box;
    transition: 0.5s;
}


.technical-list li a .t1 .txt {
    padding-top: .0521rem;
    opacity: 0;
}



.technical-list li a:hover .t1 {
    padding-top: 19%;
    bottom: 0;
    background: rgb(4, 142, 215, 0.8);
    color: #fff;
}


.technical-list li a:hover .t1 .txt {
    opacity: 1;
}


.after-sale-list {
    padding-bottom: .4167rem;
}

.after-sale-list li {
    margin-bottom: .1823rem;
    border-radius: .0781rem;
    background: #fff;
    overflow: hidden;
}


.after-sale-list li .box {
    width: 50%;

}

.after-sale-list li img {
    height: 2.0313rem;
    object-fit: cover;
    width: 100%;
}

.after-sale-list li .con {
    padding: .1302rem .395rem;
    box-sizing: border-box;
}

.after-sale-list li .con .tit {
    margin-bottom: .0781rem;
}

.after-sale-list li:nth-child(2n) {
    flex-direction: row-reverse;
}

.after {
    background: url(../images/f10.png) no-repeat center center / cover;
    height: 4.6302rem;
}

.after-list {
    margin: 0 -0.1146rem;
    padding-top: .2604rem;
}

.after-list li {
    width: 33.3333%;
}

.after-list li .con {
    height: 1.1979rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem .0833rem -0.0677rem #000000;
    border-radius: .0781rem .0781rem .0781rem .0781rem;
    border: 0rem solid #000000;
    margin: 0 .1146rem .4167rem .1146rem;
    box-sizing: border-box;
    padding: 0 .2092rem;
    padding-top: .0313rem;


}

.after-list li .con .tit {
    margin-top: .1563rem;
    margin-bottom: .042rem;
}

.after-list li .con img {
    margin: 0 auto;
    height: .4635rem;
    width: .4635rem;

}


.after-list li .con .img {
    margin-top: -0.2396rem;
}

.bgfa {
    background: #FAFAFA;
    padding-bottom: .3385rem;
}

.hzzs-lsit li {
    border-radius: 15px;
    width: 43%;
    margin-bottom: .1458rem;
}

.hzzs-lsit li img {
    width: 100%;
    height: 1.8229rem;
}

.hzzs-lsit li .abs {
    left: 0;
    width: 100%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    padding: .1563rem .3021rem .1979rem .1042rem;
}

.hzzs-lsit li .abs .t1 {
    font-size: .1563rem;
}

.hzzs-lsit li .abs p {
    font-size: .0833rem;
    margin-top: .0521rem;
}

.hzzs-lsit li:nth-child(1),
.hzzs-lsit li:nth-child(4) {
    width: 55%
}



.sttx-img {
    margin-bottom: .3281rem;
    border-radius: .0781rem;
    overflow: hidden;

}



.sttx-img .img img {
    width: 100%;
    height: 3.3281rem;
}

.sttx-img .abs {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@media(min-width:480px) {
    .st-list li {
        width: 25%;
    }


    .st-list li .con {
        height: 3.3281rem;
        margin-top: 80%;
        transition: 0.5s;
    }


    .st-list li .con .txt {
        padding: 0 .1727rem;
    }

    .st-list li .con .txt .t2 {
        opacity: 0;
        margin-top: .0521rem;
    }


    .st-list li.cur .con {
        background: rgba(0, 105, 197, 0.65);
        margin-top: 0
    }

    .st-list li.cur .con .txt .t2 {
        opacity: 1;
    }

}


.stsc {
    padding-bottom: .4219rem;
}

.stsc-list li {
    width: 24%;
}

.stsc-list li .tit {
    color: #4d4d4d;
    text-align: center;
    width: 100%;
    padding: .3125rem .0625rem;
    box-sizing: border-box;
}

.stsc-list li .tit .t1 {
    font-size: .125rem;
}


.stsc-list li .tit .t2 {
    font-size: .0833rem;
    margin-top: .0521rem;
}

.stsc-list li .con .img {
    width: 100%;
    border-radius: .0781rem;
    overflow: hidden;
}

.stsc-list li .con .img img {
    height: 1.1875rem;
    object-fit: cover;
    width: 100%;
}

.stsc-list li:nth-child(2n) .con {
    flex-direction: column-reverse;
}

.hzlc {
    background: url(../images/s11.png) no-repeat center center / cover;
    height: 2.9844rem;
}

.hzlc .img img {
    max-width: 100%;
    margin: 0 auto;
    height: 1.7292rem;
}

.tableInput .box .input1,
.tableInput .box {
    width: 49%;
}


.bd-name {
    line-height: .3438rem;
    font-size: .125rem;
    color: #424242;
    margin-bottom: .0573rem;
    font-weight: bold;
}

.tableInput .box .input1 {
    border-radius: .0521rem;
    border: .0052rem solid #AEBAC6;
    box-sizing: border-box;
    padding: 0 .0625rem;
    height: .3438rem;
    background: #fff;
    margin-bottom: .0573rem;
}

.tableInput .box .input1 select,
.tableInput .box .input1 input {
    height: 90%;
    width: 98%;
    font-size: .0833rem;
    background: #fff;
}




.dw .input1 {
    width: 100% !important;
}

.dw .input1:nth-child(2),
.dw .input1:nth-child(3) {
    width: 49% !important;
}

.submit {
    width: 1.0521rem;
    height: .276rem;
    background: #43A4E8;
    border-radius: .1406rem .1406rem .1406rem .1406rem;
    margin: 0 auto;
    display: block;
    color: #fff;
    font-size: .0833rem;
    margin-top: .1042rem;
}

.Latest {
    border-radius: .0781rem;
    overflow: hidden;
    background: #fff;
}

.Latest .box {
    width: 50%;
}

.LatestSwierImg img {
    width: 100%;
    height: 2.7708rem;
}

.LatestSwierCon {
    height: 100%
}

.LatestSwierCon .con {
    padding: .5104rem .2781rem 0 .2708rem;

}

.LatestSwierCon .con .t1 {
    margin: .0417rem 0;
}

.LatestSwierCon .con .line {
    height: .0365rem;
    width: .5469rem;
    background: linear-gradient(-43deg, #9ED8F6, #008CD6);
    border-radius: .0781rem;
}

.LatestSwierCon .con .txt {
    font-size: .0833rem;
    color: #717171;
    line-height: .1563rem;
    margin-top: .1063rem;
}

.LatestSwierCon .swiper-button-next,
.LatestSwierCon .swiper-button-prev {
    bottom: .3438rem !important;
    top: auto;
    height: .3646rem;
    width: .3646rem;
    background: #E3E3E3;
    border-radius: 50%;
}

.LatestSwierCon .swiper-button-next::after,
.LatestSwierCon .swiper-button-prev::after {
    color: #fff;
    font-size: .125rem;
}

.LatestSwierCon .swiper-button-prev {
    left: .2708rem;
}

.LatestSwierCon .swiper-button-next {
    left: .776rem;
    right: auto;
}

.LatestSwierCon .swiper-button-next:hover,
.LatestSwierCon .swiper-button-prev:hover {
    background: #008CD6;
}

.LatestSwierCon .swiper-pagination {
    right: 0;
    bottom: .3438rem !important;
    width: .5208rem;
    left: auto;
    font-size: .0938rem;
}

.LatestSwierCon .swiper-pagination-current {
    font-size: .1563rem;
    color: #008cd6;
    font-weight: bold;
}


.sche-swiper .img {
    border: 1px solid #F4F4F4;


}

.sche-swiper .img img {
    height: .7708rem;
    max-width: 100%;
    margin: 0 auto;
    object-fit: scale-down;
    transition: .8s linear
}

.sche-swiper .swiper-wrapper {
    padding-bottom: .3125rem;
    transition: .8s linear
}


.sche-swiper .img:hover  {
    box-shadow: 0 0 20px #1a539233
}


.sche-swiper .img:hover img {
    transform: scale(1.05);
}


.pd60 {
    padding-bottom: .1933rem;
}

.chaxun {
    padding-bottom: .6094rem;
}

.stcx .left {
    width: calc(100% - 1.1615rem);
}

.stcx .left .input {
    width: 49%;
    background: #FFFFFF;
    border-radius: .0521rem .0521rem .0521rem .0521rem;
    border: .0052rem solid #AEBAC6;
    height: .3906rem;
    padding: 0 .0625rem;
    box-sizing: border-box;
}

.stcx .left .input input {
    font-size: .0833rem;
    width: 100%;
    height: 90%;
    background: none;
}

.button-search a {
    width: 1.026rem;
    line-height: .3906rem;
    background: #008CD6;
    border-radius: .0521rem .0521rem .0521rem .0521rem;
    text-align: center;
    font-size: .125rem;
    color: #fff;
}


.rcln-con {
    width: 30%
}

.rcln-img {
    width: 70%;
    border-radius: .0781rem;
    overflow: hidden;
}

.rcln-img img {
    height: 2.9219rem;
    width: 100%;
}


.rcln-con .abs {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3.7344rem;
    height: 2.1667rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem .2396rem -0.1771rem #000000;
    border-radius: .0781rem;
    overflow: hidden;
    padding: 0 .4688rem 0 .401rem;
    box-sizing: border-box;
}

.Welfare {
    background: url(../images/r2.png) no-repeat center center / cover;
    height: 1.9115rem;
}

.Welfare ul li .icon img {
    margin: 0 auto;
    height: .3438rem;
}

.Welfare ul li .icon {
    margin-bottom: .2083rem;
}


#certify .swiper-slide {
    width: 4.974rem;
    text-align: center;
    border-radius: .0781rem;
    overflow: hidden;

}

#certify .swiper-slide .img {
    border-radius: .0781rem;
    background: #fff;
}

#certify .swiper-slide img {
    max-width: 100%;
    object-fit: cover;
    opacity: 0.4;

}

#certify .swiper-slide p {
    width: 100%;
    color: #666;
    font-size: .125rem;
    margin-top: .1563rem;
    opacity: 0;

}

#certify .swiper-slide-active p,
#certify .swiper-slide-active img {
    opacity: 1;
}

.swiper-box {
    padding-bottom: .1563rem;
}


/* 鎷涜仒 */
.Recruitment {
    background: #E9F2FF;
    padding-bottom: .375rem;
}


.recruit .join li {
    background: #fff;
    padding: 0 .2083rem;
    margin-bottom: .0625rem;
}

.recruit .join li .join-top {
    height: .7396rem;
}

.recruit .join li .join-top .tit .t1 {
    margin-bottom: .0521rem;
}

.recruit .join li .join-top .tit .t2 p {
    margin-right: .1042rem;
}

.recruit .join li .join-top .tit .t2 .add {
    background: url(../images/add.png) no-repeat left center;
    padding-left: .1563rem;
    background-size: .0989rem .1354rem;
}

.recruit .join li .join-con {
    border-top: .0104rem solid #cfcfcf;
    padding: .1667rem 0;
}



.recruit .join li .join-con .name p {
    margin-right: .1042rem;
}

.recruit .join li .join-con .Upload {
    width: .8438rem;
    line-height: .2188rem;
    background: url(../images/Upload.png) no-repeat .1042rem center #43a4e8;
    border-radius: .0261rem;
    margin-top: .0781rem;
    padding-left: .2969rem;
    color: #fff;
    background-size: .1094rem .099rem;
    box-sizing: border-box;
}

.recruit .join li .join-con .Upload input {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}


@media(max-width:480px) {
    .recruit .join li .join-top {
        height: auto;
        padding: 10px;
    }

    .recruit .join li .join-top .tit .t2,
    .recruit .join li .join-top {
        display: block;
    }

    .recruit .join li .join-top .tit .t2 .add {
        background-size: 15px 20px;
        padding-left: 24px;
    }

    .recruit .join li .join-top .tit .t2,
    .recruit .join li .join-top .time {
        font-size: 14px;
    }

    .recruit .join li .join-con {
        font-size: 16px !important;
        line-height: 30px;
        padding: 15px;
    }

    .recruit .join li .join-con .Upload {
        width: 100px;
        height: 30px;
        background: #008CD6;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        border-radius: 5px;
        padding: 0;
    }

    .recruit .join li {
        margin-bottom: 12px;
    }
}


.about-con {
    width: 4.25rem;
}

.about-img {
    width: 2.9583rem;
}

.about-con .tit {
    color: #008CD6;
}


.about-con p {
    margin-top: .1042rem;
}

.about-img img {
    width: 100%;
}


.lnyj {
    background: url(../images/a4.png) no-repeat center center / cover;
    height: 3.1823rem;
}

.about-box {
    background: #FAFAFA;
}

.lnjy-list li {
    width: 33.333%;
}

.lnjy-list .img img {
    width: .5677rem;
    width: .5677rem;
    margin: 0 auto;
}

.lnjy-list .con {
    margin-top: .1981rem;
}



.lnjy-list .con .t2 {
    margin-top: .0521rem;
}

.contant .con {
    width: 2.2333rem;
}

.map {
    width: 4.849rem;
    border-radius: .0781rem;
    overflow: hidden;
}

.map img {
    width: 100%;
    height: 2.0469rem;
}

.c-box .tit {
    margin-bottom: .0781rem
}

.c-box .t1 {
    width: .651rem;
    padding-left: .2031rem;
    box-sizing: border-box;
}

.c-box .t2 {
    width: calc(100% - .6771rem);
}


.c-box .tit:nth-child(1) {
    background: url(../images/c1.png) no-repeat left .0208rem;
    background-size: .1198rem .1042rem;
}

.c-box .tit:nth-child(2) {
    background: url(../images/c2.png) no-repeat left .0208rem;
    background-size: .1198rem .1042rem;
}

.c-box .tit:nth-child(3) {
    background: url(../images/c3.png) no-repeat left .0208rem;
    background-size: .1198rem .1042rem;
}

.c-box .tit:nth-child(4) {
    background: url(../images/c4.png) no-repeat left .0208rem;
    background-size: .1198rem .1042rem;
}

.contant {
    padding-bottom: .3281rem;
}

.message {
    background: url(../images/c5.png) no-repeat center center / cover;
    height: 3.7604rem;
}

.ms-input .ipt {
    width: 49%;
    height: .3438rem;
    background: #FFFFFF;
    border-radius: .0521rem;
    border: 1px solid rgba(196, 209, 222, 0.5);
    overflow: hidden;
    padding: .0821rem;
    box-sizing: border-box;
    margin-bottom: .0938rem;

}

.ms-input .ipt textarea,
.ms-input .ipt input {
    height: 98%;
    width: 100%;
    font-size: .0833rem;
}



.yzm input {
    width: calc(100% - .825rem) !important;
}

.yzm .img {
    width: .5208rem;
    background: #000;
}

.yzm .img img {
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
}


.ms-input .ipt:nth-child(5) {
    width: 100%;
}

.ms-input .ipt:last-child {
    width: 100%;
    height: .625rem;
}

.m-none1,
.m_xzmm {
    display: none;
}



@media(max-width:480px) {
    .f48 {
        font-size: 24px;
    }

    .f20 {
        font-size: 16px;
    }

    .column {
        padding: 30px 0 20px 0;
    }

    .tabs-tit {
        line-height: 35px;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .tabs-tit a {
        padding: 0;
        text-align: center;
        width: 49%;
        margin: 0 0 10px 0;

    }


    .tabs-content {
        padding: 3% 0;
    }

    .tabs-list {
        margin: 0;
        justify-content: space-between;
    }

    .tabs-list li {
        width: 48%;
        margin-bottom: 15px;
    }

    .tabs-list li a .img img {
        height: 120px;
    }

    .tabs-list li a {
        margin: 0;
        padding: 0;
        height: auto;
        padding-bottom: 15px;
    }

    .tabs-list li a .img {
        margin-bottom: 10px;
    }

    .f16 {
        font-size: 16px;
    }

    .tabs-list .tit-en,
    .tabs-list .tit-cn {
        line-height: 30px;
    }

    .i-about {
        padding: 30px 0;
    }

    .i-about .box {
        width: 100%;
        text-align: center;
    }

    .li36 {
        line-height: 36px;
    }

    .i-about .img .pic img {
        display: none;
    }

    .pic-video {
        position: static !important;
        margin-top: 20px;
    }

    .pic-video a {
        width: 100%;
        height: auto;
    }

    .vid-btn img {
        width: 50px;
        height: 50px;
    }



    .about-more {
        margin: 20px auto;
        line-height: 36px;
        width: 100px;
        height: 36px;
        border-radius: 5px;
    }

    .pc-btn,
    .about-more .iconfont {
        display: none;
    }

    .f24 {
        font-size: 18px;
    }

    .advantages li:nth-child(2n) {
        flex-direction: unset;
    }

    .advantages {
        padding-top: 30px;
        flex-wrap: wrap;
        padding-bottom: 30px;
    }

    .advantages li {
        width: 30%;
    }

    .advantages li .img {
        width: auto;
        height: auto;
    }


    .advantages li .abs .con .t1 {
        font-size: 20px;
    }

    .advantages li .abs .con .t2 {
        font-size: 10px;
    }

    .advantages li .title {
        padding: 15px 0;
        font-size: 16px;
    }

    .i-select,
    .link a img,
    .newsList li a .con,
    .advantages li .img img,
    .newsList li a img,
    .i-news {
        height: auto;
    }

    .newsList li a,
    .newsList {
        margin: 0;
    }

    .newsList li {
        width: 100%;
        margin-bottom: 15px;
    }

    .newsList li a .con {
        padding: 15px;
    }

    .newsList li a .con .time {
        font-size: 14px;
    }

    .newsList li a .con .tit {
        font-size: 18px;
        margin: 10px 0;
    }

    .newsList li a .con .txt {
        font-size: 16px;
        line-height: 30px;
    }

    .newsList .abs {
        position: static !important;
    }

    .newsList .abs .xq {
        font-size: 16px;
        line-height: 36px;
        padding: 0;
        margin-top: 15px;
    }

    .icon-jinru {
        font-size: 16px !important;
    }

    .link {
        margin-top: 15px;
    }

    .link a {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 15px;
    }

    .link a .abs .tit p:nth-child(1) {
        font-size: 16px;
    }

    .link a .abs .tit p:nth-child(2) {
        font-size: 14px;
    }

    .sub_banner .img img {
        height: 200px;
        object-fit: cover;
    }

    .sub_banner .abs .tit {
        font-size: 20px;
    }

    .sub_banner .abs {
        padding: 20px;
        box-sizing: border-box;
    }

    .sub_banner .abs .txt {
        font-size: 14px;
    }

    .mov {
        display: none;
    }

    .n-paga {
        width: 80px;

    }

    .pages a {
        line-height: 30px;
        height: 30px;
        background: rgba(35, 47, 61, 0);
        border-radius: 4px;
        border: 1px solid #9CB1D0;
    }

    .f36 {
        font-size: 24px;
    }


    .hzzs-lsit li {
        width: 100% !important;
    }

    .hzzs-lsit li img {
        height: auto;
    }

    .hzzs-lsit li .abs {
        padding: 10px 16px;
    }

    .hzzs-lsit li .abs .t1 {
        font-size: 16px;
    }

    .hzzs-lsit li .abs p {
        font-size: 14px;
        margin-top: 10px;
    }

    .sttx-img .abs {
        position: static !important
    }

    .st-list li {
        width: 100%;
    }

    .st-list {
        color: #333;
    }

    .st-list li {
        padding: 20px;
        background: #fafafa;
        margin-top: 10px;
        line-height: 30px;
    }

    .st-list li .t1 {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .stsc-list li:nth-child(2n) .con {
        flex-direction: unset;
    }

    .stsc-list li {
        width: 48%;
        margin-bottom: 10px;
    }

    .stsc-list li .con .img img {
        height: auto;
    }

    .stsc-list li .tit .t1 {
        font-size: 16px;
        font-weight: bold;
    }

    .stsc-list li .tit .t2 {
        font-size: 14px;
    }

    .hzlc .img img,
    .hzlc {
        height: auto;
        padding-bottom: 20px;
    }

    .bd-name {
        line-height: 40px;
        font-size: 16px;
    }

    .Latest,
    .tableInput {
        flex-wrap: wrap;
    }

    .tableInput .box .input1,
    .tableInput .box {
        width: 100% !important;
    }

    .tableInput .box .input1 {
        border-radius: 3px;
        padding: 0 15px;
        height: 45px;
        margin-bottom: 12px;
    }

    .tableInput .box .input1 input {
        font-size: 14px;
    }

    .submit {
        width: 100px;
        height: 30px;
        font-size: 16px;
        border-radius: 10px;
    }


    .Latest .box {
        width: 100%;
    }

    .LatestSwierImg img {
        height: auto;
    }



    .LatestSwierCon .con .line {
        display: none;
    }

    .LatestSwierCon .con .txt {
        font-size: 14px;
        line-height: 30px;
    }

    .LatestSwierCon .swiper-button-next,
    .LatestSwierCon .swiper-button-prev {
        display: none;
    }

    .LatestSwierCon .con {
        padding-bottom: 80px;
    }

    .LatestSwierCon .swiper-pagination {
        left: 0;
        right: auto;
        width: 100%;
        font-size: 16px;
    }

    .LatestSwierCon .swiper-pagination-current {
        font-size: 20px;
    }

    .sche-swiper .img img {
        height: 70px;
    }



    .stcx .left,
    .stcx {
        display: block !important;
    }

    .rcln-img,
    .rcln-con,
    .stcx .left,
    .stcx .left .input {
        width: 100%;
    }

    .stcx .left .input {
        height: 40px;
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .stcx .left .input input {
        font-size: 14px;
    }

    .button-search a {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0 auto;
    }

    .rcln {
        display: block;
    }

    .rcln-con .abs {
        position: static !important;
        transform: none;
        width: 100%;
        height: auto;
        padding: 10px;
    }

    .rcln-con .abs p {
        margin-top: 10px !important;
    }

    .Welfare,
    .rcln-img img {
        height: auto
    }

    .Welfare {
        padding: 40px;
    }

    .Welfare .flex {
        flex-wrap: wrap;
        text-align: center;
    }

    .Welfare li {
        width: 48%;
        margin-bottom: 30px;
    }

    .Welfare ul li .icon img {
        height: 40px;
    }

    .swiper-box {
        display: none;
    }



    .m-swiper img {
        margin: 0 auto;
        max-width: 100%;
    }

    .m-swiper p {
        text-align: center;
        font-size: 16px;
        margin: 15px 0;
    }

    .m_xzmm,
    .contant {
        display: block;
    }

    .map,
    .contant .con {
        width: 100%;
    }

    .map {
        margin-top: 30px;
    }

    .map img {
        height: auto;
    }

    .c-box .t1 {
        width: 100%;
        font-weight: bold;
    }

    .c-box .tit {
        background-size: 24px 20px !important;
        background: url(../images/c1.png) no-repeat left 5px !important;
        padding-left: 25px;
        display: block;
    }

    .c-box .t2 {
        width: 100%;
        font-size: 14px;
        padding: 10px;
    }

    .ms-input .ipt {
        width: 100%;
        height: 40px;
        padding: 5px 15px;
        margin-bottom: 10px;
    }

    .message {
        height: auto;
        padding-bottom: 20px;
    }

    .ms-input .ipt textarea,
    .ms-input .ipt input {
        font-size: 14px;
    }

    .ms-input .ipt:last-child {
        height: 120px;
    }

    .about {
        display: block !important;
    }

    .pro-details .right,
    .after-list li,
    .after-sale-list li .box,
    .technical-list li,
    .concept-list li .con,
    .concept-list li .img,
    .concept-list li,
    .about-img,
    .about-con {
        width: 100%;
    }

    .about-img {
        margin-top: 15px;
    }

    .after-list li .con,
    .after,
    .after-sale-list li img,
    .technical-list li a img,
    .technical,
    .concept-list li .img img,
    .concept,
    .lnyj {
        height: auto;

    }

    .lnjy-list {
        display: block !important;
        padding: 50px 0;
    }

    .lnjy-list li {
        width: 100%;
        margin-bottom: 40px;
    }

    .lnjy-list .img img {
        height: 60px;
        width: 60px;
    }

    .after-sale-list li,
    .technical-list,
    .m-none1 {
        display: block;
    }

    .concept-list li {
        display: block;
        margin-bottom: 10px;
    }

    .concept-list li .con {
        padding: 10px;
        box-sizing: border-box;
    }

    .after-list,
    .technical-list {
        margin: 0;
    }

    .technical-list li a {
        margin-bottom: 10px;
    }

    .technical-list li a .t1 {
        line-height: 40px;
        padding: 10px 0;
    }

    .technical-list li a .t1 {
        font-size: 16px;
    }

    .after-sale-list li .con {
        padding: 10px;
    }


    .pro-details,
    .after-list {
        display: block !important;
    }

    .after-list li .con .img {
        margin-top: 0;
    }

    .after-list li .con img {
        height: 50px;
        width: 50px;
    }

    .after-list li .con {
        padding: 30px;
    }

    .loc {
        padding-top: 20px;
    }

    .pro-details .left {
        width: 100%;
    }

    .thumbs {
        display: none;
    }

    .swiperBig {
        margin-top: 40px;
    }

    .swiperBig img {
        height: auto;
    }

    .pro-details .right .t1,
    .model,
    .pro-details .right .tit {
        font-size: 16px;
    }

    .model {
        line-height: 40px;
    }

    .pro-details .right .t1 {
        line-height: 42px;
    }

    .brand {
        justify-content: space-between;
    }

    .brand a {
        width: 48%;
    }

    .brand a {
        line-height: 42px;
        font-size: 14px;
        margin: 5px 0;
    }

    .pro-details .right .txt {
        font-size: 16px;
        line-height: 36px;
    }

    .inquiry {
        width: 120px;
        height: 36px;
        line-height: 36px;
        margin-top: 30px;
    }

    .inquiry span img {
        display: none;
    }

    .inquiry span {
        line-height: 36px;
    }

    .pro-details .right {
        padding-bottom: 60px;
    }

    .tanchuang .abs {
        max-width: 90%;
    }

    .table-input .box {
        width: 100%;
    }

    .tanchuang .abs {
        border-radius: 0;
    }

    .tanchuang .abs .tit {
        line-height: 40px;
    }

    .tanchuang .abs .tit .f36 {
        font-size: 20px;
    }

    .table-input .input {
        margin: 8px 0;
    }

    .table-input .input input {
        height: 36px;
        font-size: 14px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .table-input .input textarea {
        height: 80px;
        font-size: 14px;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .table-input .box .name {
        font-size: 14px;
    }

    .colse {
        font-size: 18px !important;
    }

    .detais-tit {
        height: 40px;
    }

    .detais-tit span {
        line-height: 40px;
    }

    .main,
    .model {
        display: block;
    }

    .main .right,
    .subNavBox {
        width: 100%;
    }

    .subNav li .tit {
        font-size: 14px;
        line-height: 42px;
    }

    .main {
        margin-top: 30px;
    }

    .sub-nav a {
        line-height: 36px;
        font-size: 14px;
    }

    .main .right .imgBox .abs {
        position: static !important;
        transform: none;
    }

    .main .right .imgBox .img img {
        display: none;
    }

    .main .right .imgBox .abs {
        padding: 30px 0;
    }

    .f45 {
        font-size: 24px;
    }

    .main .right .list li {
        height: auto;
        padding: 20px 0;
        margin-bottom: 10px;
    }

    .main .right .list li .img {
        width: 100px;
    }

    .main .right .list li img {
        width: 100%;
        height: 90px;
    }

    .main .right .list li .con {
        width: calc(100% - 120px);
    }

    .main .right .list li .xq {
        width: 80px;
        height: 30px;
        font-size: 12px;
        margin-top: 10px;
        line-height: 30px;
    }

    .search-history {
        margin: 20px 0;
    }

    .search-history a {
        line-height: 30px;
        font-size: 14px;
        margin: 0 10px 10px;
        padding: 0 10px 0 15px;
    }

    .type p {
        line-height: 36px;
        font-size: 14px;
    }

    .type-input .lb input {
        height: 20px;
        width: 20px;
        margin-right: 10px;
    }

    .type-input .lb {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .prodcut {
        padding: 10px;
    }

    .prodcut li {
        width: 100%;

    }

    .prodcut li a {
        margin: 0 0 10px 0;
        height: auto;
    }

    .prodcut li a .pic img {
        height: auto;
    }

    .prodcut li a .con {
        padding: 10px;
    }

    .Suspension {
        display: none;
    }
}



@media(max-width:1200px) {
    .sub_banner .abs {
        left: 3%;
    }
}

.Suspension {
    position: fixed;
    top: 60%;
    right: 0;
    z-index: 100;
}

.Suspension ul li a {
    display: block;
    height: 46px;
    width: 46px;
}

.Suspension ul li a img {
    height: 46px;
    object-fit: scale-down;
    margin: 0 auto;
    max-width: 100%;
}

.Suspension ul li:nth-child(1) a {
    background: #3479be;
}

.Suspension ul li:nth-child(2) a {
    background: #58256f;
}

.Suspension ul li:nth-child(3) a {
    background: #7f8388;
}