body{
    background:#fff
}
 .page-banner{
    position:relative
}
 .page-banner>img{
    width:100%;
    height:auto
}
 .page-banner .crumbs{
    color:#fff;
    font-size:18px;
    position:absolute;
    bottom:30px;
    left:0;
    right:0
}
 .page-banner .crumbs a{
    color:#fff;
    font-size:.18rem
}
 .page-banner .crumbs img{
    margin-top:7px
}
 .about-box{
    color:#010732;
    padding-top:6.25%;
    padding-bottom:6.25%
}
 .about-box h2{
    font-size:30px;
    font-family:'segoeui blod';
    margin-bottom:20px
}
 .about-box p{
    font-size:20px;
    line-height:36px;
    margin-bottom:0
}
 .about-box p span{
    color:#0095e5
}
 .about-box iframe{
    width:524px;
    height:295px;
    max-width:100%
}
 .history-box{
    color:#010732;
    padding-top:5%;
    padding-bottom:2%;
    border-top:thin solid #f8f9ff;
    background:#f8f9ff
}
 .history-box>h2{
    font-size:.46rem;
    text-align:center;
    font-family:'segoeui blod';
    margin-bottom:2%
}
 .history-box .history_list{
    height:40vw;
    background:url(/res/zhongchi/images/about_history_bg_white.jpg) bottom/100% auto no-repeat
}
 .history-box .history_list .container{
    overflow:hidden;
    padding-top:5%;
    padding-bottom:13%;
    width:74.4%
}
 .history-box .history_list .container .swiper-container .swiper-slide{
    width:20%;
    float:left
}
 .history-box .history_list .container .swiper-slide h3{
    font-size:20px;
    color:#0095e5;
    font-family:'segoeui blod';
    margin-bottom:10px;
    line-height:36px
}
 .history-box .history_list .container .swiper-slide p{
    font-size:18px;
    line-height:24px;
    margin-bottom:0
}
 .history-box .history_list .container .swiper-slide:nth-child(1){
    padding-left:2%
}
 .history-box .history_list .container .swiper-slide:nth-child(2){
    padding-left:2.2%
}
 .history-box .history_list .container .swiper-slide:nth-child(3){
    padding-left:2.4%
}
 .history-box .history_list .container .swiper-slide:nth-child(4){
    padding-left:2.6%
}
 .history-box .history_list .container .swiper-slide:nth-child(5){
    padding-left:2.8%
}
 .history-box .history_list .container .swiper-slide:nth-child(6){
    padding-left:3%
}
 .history-box .history_list .container .swiper-slide div{
    float:left;
    height:11.5vw;
    width:70%
}
 .history-box .history_list .container .swiper-slide:nth-child(1)>div:last-child{
    width:80%;
    padding-left:22%
}
 .history-box .history_list .container .swiper-slide:nth-child(2)>div:last-child{
    width:80%;
    padding-left:25%
}
 .history-box .history_list .container .swiper-slide:nth-child(3)>div:last-child{
    width:80%;
    padding-left:28%
}
 .history-box .history_list .container .swiper-slide:nth-child(4)>div:last-child{
    width:80%;
    padding-left:30%
}
 .history-box .history_list .container .swiper-slide:nth-child(5)>div:last-child{
    width:80%;
    padding-left:33%
}
 .history-box .history_list .container .swiper-slide:nth-child(6)>div:last-child{
    width:80%;
    padding-left:36%
}
 .factory-box>h2{
    font-size:.46rem;
    text-align:center;
    font-family:'segoeui blod';
    margin-bottom:3%;
    margin-top:2%;
    color:#010732
}
 .factory-box>img{
    width:100%;
    height:auto
}
 .about-lianxi{
    padding-top:5%;
    padding-bottom:8%
}
 .about-lianxi .container{
    overflow:hidden
}
 .about-lianxi .add-box{
    float:left;
    width:45%;
    padding-right:5%
}
 .about-lianxi .email-box{
    float:left;
    width:27.5%;
    padding:0 8% 22px;
    border-left:thin solid #333;
    border-right:thin solid #333
}
 .about-lianxi .tel-box{
    float:left;
    width:27.5%;
    padding-left:8%
}
 .about-lianxi h3{
    font-size:.24rem;
    color:#0095e5;
    margin-bottom:10px;
    font-family:'segoeui blod'
}
 .about-lianxi a{
    font-size:.2rem;
    color:#010732!important
}
 .contact-box{
    overflow:hidden;
    padding-top:5%;
    padding-bottom:8%
}
 .contact-box .contact-form{
    width:48.5%;
    float:left;
    background:#f8f9ff;
    padding:4%
}
 .contact-box .contact-form>h2{
    font-size:.36rem;
    color:#010732;
    text-align:center;
    font-family:'segoeui blod'
}
 .contact-box .contact-form input{
    width:100%;
    height:70px;
    background:#fff;
    padding:0 20px;
    margin-bottom:5px;
    color:#333
}
 .contact-box .contact-form textarea{
    width:100%;
    height:166px;
    background:#fff;
    padding:20px;
    color:#333
}
 .contact-box .contact-form button{
    width:200px;
    height:70px;
    color:#fff;
    background:#0095e5;
    font-size:18px;
    font-family:'segoeui blod';
    margin:20px auto 10px;
    border-radius:35px;
    display:block
}
 .contact-box .contact-form input:-moz-placeholder,.contact-box .contact-form textarea:-moz-placeholder{
    color:#999;
    font-size:18px
}
 .contact-box .contact-form input:-ms-input-placeholder,.contact-box .contact-form textarea:-ms-input-placeholder{
    color:#999;
    font-size:18px
}
 .contact-box .contact-form input::-webkit-input-placeholder,.contact-box .contact-form textarea::-webkit-input-placeholder{
    color:#999;
    font-size:18px
}
 .contact-box .contact-right{
    width:45%;
    float:right
}
 .contact-box .contact-right>h2{
    font-size:.36rem;
    color:#010732;
    font-family:'segoeui blod';
    margin-top:-6px;
    border-bottom:thin solid #333;
    margin-bottom:25px;
    padding-bottom:33px
}
 .contact-box .contact-right dl{
    margin-bottom:3%;
    color:#010732;
    font-size:.2rem
}
 .contact-box .contact-right dl a{
    color:#010732
}
 .contact-box .contact-right dl dt{
    color:#0095e5;
    font-weight:400
}
 .contact-box .contact-right dl dd{
    margin-bottom:0
}
 .contact-box .contact-right iframe{
    margin-top:7%;
    width:100%;
    height:330px
}
 .download-box{
    padding-bottom:8.7%
}
 .download-box .down-list{
    padding-top:4.5%;
    padding-bottom:4.5%;
    display:flex;
    gap: 10px;
    flex-wrap:wrap
}
 .download-box .down-list>div{
    width:24.5%;
    padding:2% 2% 3%;
    background:#f8f9ff;
    border-radius:10px;
    border:2px solid #f8f9ff
}
 .download-box .down-list>div>img{
    transition:all .5s;
    width:60px;
    height:100px;
    margin-bottom:20px
}
 .download-box .down-list>div>img:hover{
    transform:scale(1.2)
}
 .download-box .down-list>div>h3{
    font-size:.24rem;
    color:#0095e5;
    font-family:'segoeui blod';
    margin-bottom:20px
}
 .download-box .down-list>div>p{
    font-size:.18rem;
    color:#afafaf;
    min-height:75px;
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:thin solid #333
}
 .download-box .down-list>div>a{
    font-size:.18rem;
    color:#1f242c;
    display:block;
    margin-bottom:5px
}
 .download-box .down-list>div>a img{
    margin-top:-8px;
    filter:brightness(0) invert(0)
}
 .download-form{
    border:1px solid #efefef;
    padding:2% 3%;
    max-width:1400px;
    border-radius:10px
}
 .download-form>h3{
    color:#0095e5;
    font-size:.3rem;
    margin-bottom:20px;
    font-family:'segoeui blod'
}
 .download-form .input-box{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .download-form .input-box input{
    width:24.5%;
    height:60px;
    background:#efefef;
    margin-bottom:8px;
    padding:0 20px;
    color:#010732
}
 .download-form .textarea-box{
    display:flex;
    justify-content:space-between
}
 .download-form .textarea-box textarea{
    width:91.4%;
    height:145px;
    background:#efefef;
    padding:20px;
    color:#333
}
 .download-form .textarea-box button{
    width:8%;
    height:145px;
    background:#0095e5;
    color:#fff;
    font-family:'segoeui blod';
    font-size:.18rem
}
 .download-form .input-box input:-moz-placeholder,.download-form .textarea-box textarea:-moz-placeholder{
    color:#999;
    font-size:18px
}
 .download-form .input-box input:-ms-input-placeholder,.download-form .textarea-box textarea:-ms-input-placeholder{
    color:#999;
    font-size:18px
}
 .download-form .input-box input::-webkit-input-placeholder,.download-form .textarea-box textarea::-webkit-input-placeholder{
    color:#999;
    font-size:18px
}
 .news-box{
    padding-top:4.5%;
    padding-bottom:7%
}
 .news-box .news-list{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .news-box .news-list>a{
    display:block;
    width:31%;
    margin-bottom:4%
}
 .news-box .news-list>a .img-box{
    overflow:hidden
}
 .news-box .news-list>a .img-box img{
    width:100%;
    height:auto;
    transition:all .6s
}
 .news-box .news-list>a .img-box img:hover{
    transform:scale(1.1)
}
 .news-box .news-list>a.news-one{
    width:100%;
    overflow:hidden;
    border-radius:10px;
    background:#f8f9ff
}
 .news-box .news-list>a.news-one>div{
    width:50%;
    float:left
}
 .news-box .news-list>a.news-one .text-box{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    padding:5%
}
 .news-box .news-list>a.news-i .img-box{
    border-radius:10px;
    margin-bottom:30px
}
 .news-box .news-list>a.news-i .text-box span{
    color:#0095e5;
    font-size:.16rem
}
 .news-box .news-list>a.news-i .text-box h2{
    color:#010732;
    font-size:.22rem;
    font-family:'segoeui blod';
    margin-top:5%;
    margin-bottom:4%;
    transition:all .3s;
    min-height:52px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:2
}
 .news-box .news-list>a.news-i .text-box h2:hover{
    color:#0095e5
}
 .news-box .news-list>a.news-i .text-box p{
    color:#010732;
    font-size:18px;
    margin-bottom:20px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:3;
    min-height:82px
}
 .news-box .news-list>a.news-one .text-box span{
    color:#0095e5;
    font-size:.18rem
}
 .news-box .news-list>a.news-one .text-box h2{
    color:#0095e5;
    font-size:.26rem;
    font-family:'segoeui blod';
    margin-bottom:4%;
    margin-top:6%
}
 .news-box .news-list>a.news-one .text-box p{
    color:#010732;
    font-size:.18rem;
    margin-bottom:10%
}
 .support-box .support-list{
    margin-top:4.5%;
    margin-bottom:6%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .support-box .support-list .support-item{
    width:32%;
    background:#f8f9ff;
    margin-bottom:2%;
    border-radius:10px;
    padding:2% 3.5% 3%;
    border:1px solid #f8f9ff;
    transition:all .3s
}
 .support-box .support-list .support-item:hover{
    transform:scale(1.05)
}
 .support-box .support-list .support-item>img{
    max-width:124px;
    height:auto;
    transition:all .5s;
    margin-bottom:25px
}
 .support-box .support-list .support-item>img:hover{
    transform:scale(1.1)
}
 .support-box .support-list .support-item>h2{
    font-size:.24rem;
    color:#0095e5;
    font-family:'segoeui blod';
    margin-bottom:15px
}
 .support-box .support-list .support-item>p{
    font-size:.18rem;
    color:#010732;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #010732;
    min-height:75px;
    line-height:26px
}
 .support-box .support-list .support-item>a{
    font-size:.18rem;
    color:#010732;
    display:block;
    margin-bottom:5px
}
 .support-box .support-list .support-item>a:hover{
    text-decoration-line:underline
}
 .support-box .support-list .support-item>a img{
    filter:brightness(0) invert(0);
    margin-top:2.6%;
    width:.21rem;
    margin-left:16px
}
 .show-support{
    padding-top:4.5%;
    padding-bottom:6%
}
 .show-support .contentbox>h1{
    color:#010732;
    font-size:.3rem;
    text-align:center;
    font-family:'segoeui blod';
    margin-top:6%;
    margin-bottom:4%
}
 .show-support .contentbox>div{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:4%;
    background:#f8f9ff
}
 .show-support .contentbox>div:nth-child(2n-1){
    flex-direction:row-reverse
}
 .show-support .contentbox .con-item .left-img{
    width:48.5%
}
 .show-support .contentbox .con-item .right-text{
    width:43.5%
}
 .show-support .contentbox .con-item .right-img{
    width:48.5%
}
 .show-support .contentbox .con-item .left-text{
    width:43.5%
}
 .show-support .contentbox .con-item .img-box{
    overflow:hidden;
    border-radius:10px
}
 .show-support .contentbox .con-item .img-box img{
    width:100%;
    height:auto;
    transition:all .5s
}
 .show-support .contentbox .con-item .img-box img:hover{
    transform:scale(1.1)
}
 .show-support .contentbox .con-item .text-box{
    display:flex;
    align-items:center;
    justify-content:center;
    padding-right:3%
}
 .show-support .contentbox .con-item .text-box h2{
    font-size:.26rem;
    color:#0095e5;
    line-height:.36rem;
    margin-bottom:20px;
    font-family:'segoeui blod'
}
 .show-support .contentbox .con-item .text-box p{
    font-size:.18rem;
    color:#010732;
    line-height:.26rem;
    margin-bottom:10px
}
 .show-support .contentbox>div:nth-child(2n-1) .text-box{
    padding-left:3%
}
 .product-list{
    padding-top:4.5%;
    padding-bottom:8%
}
 .product-list .left-nav{
    position:sticky;
    top:108px;
    float:left;
    width:14.28%
}
 .product-list .left-nav>a{
    display:block;
    background:#f8f9ff;
    color:#171d2a;
    font-size:.18rem;
    text-align:center;
    padding:20px 5px;
    margin-bottom:6px;
    border-radius:6px
}
 .product-list .left-nav>a.active{
    background:#0095e5;
    position:relative;
    color:#fff
}
 .product-list .left-nav>a.active::after{
    display:block;
    content:'';
    width:0;
    height:0;
    border-top:8px solid transparent;
    border-left:12px solid #0095e5;
    border-bottom:8px solid transparent;
    position:absolute;
    right:-12px;
    top:40%
}
 .product-list .right-list{
    float:right;
    width:82.86%
}
 .product-list .right-list .prolist-item>h2{
    font-size:.3rem;
    color:#010732;
    font-family:'segoeui blod';
    margin-bottom:1%;
    margin-top:-6px
}
 .product-list .right-list .prolist-item>p{
    font-size:.18rem;
    color:#010732;
    margin-bottom:3.5%;
    padding-bottom:3.5%;
    border-bottom:1.5px solid #262832
}
 .product-list .right-list .prolist-item .list-box{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding-bottom:5%
}
 .product-list .right-list .prolist-item .list-box>div{
    width:24.3%;
    background:#eaeaea;
    border-radius:6px;
    margin-bottom:1%;
    padding-bottom:1%
}
 .product-list .right-list .prolist-item .list-box>div .img-box{
    overflow:hidden
}
 .product-list .right-list .prolist-item .list-box>div .img-box img{
    width:100%;
    height:auto;
    transition:all .5s;
    background:#f8f9ff
}
 .product-list .right-list .prolist-item .list-box>div .img-box img:hover{
    transform:scale(1.1)
}
 .product-list .right-list .prolist-item .list-box>div .text-box{
    text-align:center
}
 .product-list .right-list .prolist-item .list-box>div .text-box h3{
    font-size:.18rem;
    margin-bottom:8px;
    margin-top:25px;
    font-family:'segoeui blod';
    padding:0 5px
}
 .product-list .right-list .prolist-item .list-box>div .text-box h3 a{
    color:#010732;
    padding:0 5px
}
 .product-list .right-list .prolist-item .list-box>div .text-box p{
    margin-bottom:0
}
 .product-list .right-list .prolist-item .list-box>div .text-box p img{
    width:16px;
    height:auto;
    margin-top:5px
}
 .product-list .right-list .prolist-item .list-box>div .text-box p img:last-of-type{
    margin-left:10px;
    margin-right:3px;
    cursor:pointer
}
 .product-list .right-list .prolist-item .list-box>div .text-box p span{
    color:#0095e5;
    font-size:.16rem
}
 .product-list .right-list .prolist-item .list-box>div .text-box>a{
    display:block;
    width:95px;
    height:42px;
    border-radius:5px;
    color:#fff;
    font-size:14px;
    background:#0095e5;
    text-align:center;
    line-height:40px;
    font-family:'segoeui blod';
    margin:9% auto;
    cursor:pointer
}
 .show-product .pro-head{
    padding-top:4.5%;
    padding-bottom:3.5%;
    border-bottom:1px solid #151725;
    overflow:hidden
}
 .show-product .pro-head .head-left{
    width:40%;
    float:left
}
 .show-product .pro-head .head-left .big-img img{
    width:100%;
    height:auto;
    border-radius:10px;
    margin-bottom:2%
}
 .show-product .pro-head .head-left .group-img{
    display:flex;
    justify-content:left;
    flex-wrap:wrap
}
 .show-product .pro-head .head-left .group-img img{
    width:18.4%;
    height:auto;
    border-radius:8px;
    margin-left:2%;
    margin-bottom:2%;
    cursor:pointer;
    transition:all .5s
}
 .show-product .pro-head .head-left .group-img img:hover{
    transform:scale(1.03)
}
 .show-product .pro-head .head-left .group-img img:first-child,.show-product .pro-head .head-left .group-img img:nth-child(11),.show-product .pro-head .head-left .group-img img:nth-child(16),.show-product .pro-head .head-left .group-img img:nth-child(21),.show-product .pro-head .head-left .group-img img:nth-child(6){
    margin-left:0
}
 .show-product .pro-head .head-right{
    width:53.4%;
    float:right;
    color:#010732
}
 .show-product .pro-head .head-right>h1{
    font-size:.36rem;
    font-family:'segoeui blod';
    margin-top:10px;
    margin-bottom:3%
}
 .show-product .pro-head .head-right>p{
    font-size:.18rem;
    line-height:.3rem;
    margin-bottom:30px
}
 .show-product .pro-head .head-right .pf{
    padding-bottom:5%
}
 .show-product .pro-head .head-right .pf img{
    width:16px;
    height:auto;
    margin-top:3px
}
 .show-product .pro-head .head-right .pf img:last-of-type{
    margin-left:10px;
    margin-top:4px;
    cursor:pointer
}
 .show-product .pro-head .head-right .pf span{
    font-size:.14rem;
    color:#0095e5
}
 .show-product .pro-head .head-right .cs{
    padding-top:4%;
    padding-bottom:3%;
    border-bottom:1px solid #151725;
    border-top:1px solid #151725;
    margin-bottom:4%
}
 .show-product .pro-head .head-right .cs p{
    font-size:.18rem;
    line-height:.3rem;
    margin-bottom:10px
}
 .show-product .pro-head .head-right .btn-box{
    margin-bottom:4%
}
 .show-product .pro-head .head-right .btn-box>a{
    display:inline-block;
    height:60px;
    margin-right:20px;
    border:2px solid #0095e5;
    border-radius:30px;
    text-align:center;
    line-height:55px;
    font-family:'segoeui blod';
    color:#0095e5;
    font-size:.18rem
}
 .show-product .pro-head .head-right .btn-box>a img{
    margin-top:15px;
    margin-right:5px;
    max-width:14.28%
}
 .show-product .pro-head .head-right .btn-box>a:first-child{
    width:28%;
    color:#fff;
    background:#0095e5
}
 .show-product .pro-head .head-right .btn-box>a:nth-child(2){
    width:10.6%;
    font-size:.3rem;
    line-height:43px;
    cursor:pointer
}
 .show-product .pro-head .head-right .btn-box>a:nth-child(3){
    width:25.33%
}
 .show-product .pro-head .head-right .foot-group a img{
    width:33px;
    height:auto;
    margin-right:5px
}
 .show-product .pro-main{
    padding-top:4%;
    padding-bottom:10%
}
 .show-product .pro-main .main-left{
    position:sticky;
    top:108px;
    float:left;
    width:14.28%
}
 .show-product .pro-main .main-left>a{
    display:block;
    background:#f8f9fe;
    color:#010732;
    font-size:.18rem;
    text-align:center;
    padding:20px 5px;
    margin-bottom:6px;
    border-radius:6px
}
 .show-product .pro-main .main-left>a:hover{
    background:#0095e5;
    color:#fff
}
 .show-product .pro-main .main-right{
    width:100%
}
 .show-product .pro-main .main-right .desc-box{
    margin-bottom:8%
}
 .show-product .pro-main .main-right .desc-box .content{
    margin-top:6%;
    margin-bottom:3%
}
 .show-product .pro-main .main-right .desc-box .content iframe,.show-product .pro-main .main-right .desc-box .content1 iframe{
    width:100%!important
}
 .show-product .pro-main .main-right .desc-box .content1{
    margin-top:6%
}
 .show-product .pro-main .main-right .desc-box img{
    max-width:100%!important;
    height:auto!important
}
 .new-desc .content-box,.show-product .pro-main .main-right .desc-box{
    color:#fff
}
 .new-desc .content-box a,.show-product .pro-main .main-right .desc-box a{
    color:#007bff
}
 .new-desc .content-box{
    margin-bottom:5%
}
 .new-desc .content-box ol,.new-desc .content-box ul,.show-product .pro-main .main-right .desc-box ol,.show-product .pro-main .main-right .desc-box ul{
    padding-left:15px;
    font-size:18px
}
 .new-desc .content-box ul li,.show-product .pro-main .main-right .desc-box ul li{
    list-style:disc
}
 .new-desc .content-box ol li,.show-product .pro-main .main-right .desc-box ol li{
    list-style:decimal
}
 .show-product .pro-main .main-right .desc-box h1,.show-product .pro-main .main-right .desc-box h2,.show-product .pro-main .main-right .desc-box h3,.show-product .pro-main .main-right .desc-box h4,.show-product .pro-main .main-right .desc-box h5,.show-product .pro-main .main-right .desc-box h6{
    font-size:20px;
    margin-bottom:10px
}
 .show-product .pro-main .main-right .desc-box h2{
    font-size:.3rem;
    color:#0095e5;
    line-height:.26rem;
    font-family:'segoeui blod';
    margin-bottom:10px
}
 .show-product .pro-main .main-right .desc-box h3{
    font-size:.26rem;
    color:#0095e5;
    line-height:.26rem;
    font-family:'segoeui blod';
    margin-bottom:10px
}
 .show-product .pro-main .main-right .desc-box p{
    font-size:.18rem;
    color:#010732;
    line-height:.26rem;
    margin-bottom:0
}
 .show-product .pro-main .main-right .desc-box a#desc-pdfbtn{
    display:block;
    width:190px;
    height:60px;
    color:#fff;
    font-size:18px;
    line-height:60px;
    text-align:center;
    margin:auto;
    background:#0095e5;
    font-family:'segoeui blod';
    border-radius:30px
}
 .show-product .pro-main .main-right .desc-box a#desc-pdfbtn img{
    width:30px;
    height:auto;
    filter:brightness(0) invert(1);
    margin-top:14px;
    margin-right:8px
}
 .show-product .pro-main .main-right .desc-box .content table td{
    color:#010732
}
 .show-product .pro-main .main-right .desc-box .table-box table{
    width:100%
}
 .show-product .pro-main .main-right .desc-box .table-box table tr td{
    color:#010732;
    border:1px solid #151725;
    padding:.2rem;
    font-size:.16rem
}
 .show-product .pro-main .main-right .desc-box br{
    display:block;
    height:10px;
    content:""
}
 .show-product .pro-main .about-pro>h2{
    font-size:.26rem;
    color:#fff;
    font-family:'segoeui blod';
    margin-bottom:4%;
    margin-top:8%
}
 .show-product .pro-main .about-pro .about-prolist{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem{
    width:24.2%;
    background:#eaeaea;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:1.2%
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .img-box{
    display:block;
    overflow:hidden;
    background:#f8f9fe
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .img-box img{
    width:100%;
    height:auto;
    transition:all .5s
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .img-box img:hover{
    transform:scale(1.1)
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box{
    text-align:center
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box h3{
    font-size:.18rem;
    margin-bottom:8px;
    margin-top:25px;
    font-family:'segoeui blod'
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box h3 a{
    color:#010732
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box p{
    margin-bottom:0
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box p img{
    width:16px;
    height:auto;
    margin-top:5px
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box p img:last-of-type{
    margin-left:10px;
    margin-right:3px;
    cursor:pointer
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box p span{
    color:#0095e5;
    font-size:.16rem
}
 .show-product .pro-main .about-pro .about-prolist .about-proitem .text-box>a{
    display:block;
    width:95px;
    height:42px;
    border-radius:5px;
    color:#fff;
    font-size:14px;
    background:#0095e5;
    text-align:center;
    line-height:40px;
    font-family:'segoeui blod';
    margin:9% auto;
    cursor:pointer
}
 .page-content .quotatio{
    color:#333;
    font-size:16px;
    padding-top:3%;
    padding-bottom:3%
}
 .page-content .quotatio>h1{
    font-size:.26rem;
    font-family:'segoeui blod';
    color:#fff;
    margin-bottom:10px
}
 .page-content .quotatio>p{
    color:#fff;
    margin-top:20px;
    margin-bottom:0
}
 .page-content .quotatio .row{
    background:#252940;
    margin:20px 0
}
 .page-content .quotatio .quotation-box>div{
    padding:0
}
 .page-content .quotatio .quotation-box .qpl{
    background:#252940;
    color:#fff
}
 .page-content .quotatio .quotation-box div .product-header{
    display:flex;
    background:#252940;
    padding:25px 0;
    border:none;
    color:#fff;
    border-bottom:1px solid #fff
}
 .page-content .quotatio .quotation-box div .action{
    width:15%;
    text-align:center
}
 .page-content .quotatio .quotation-box div .product-item{
    width:70%;
    display:flex
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item{
    display:flex;
    padding:15px 0;
    border-bottom:1px solid #eee
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item:last-of-type{
    border-bottom:none
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox{
    width:30%
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .imgbox img{
    width:100%
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .text{
    width:70%;
    margin:40px 20px
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .action{
    margin-top:50px
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .hide{
    display:none
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .action img{
    cursor:pointer
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .text h3{
    font-size:18px;
    line-height:18px;
    font-weight:700;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    color:#333;
    color:#fff
}
 .page-content .quotatio .row #quotatio-product-list .quotatio-item .text p{
    margin-top:10px;
    color:#999;
    display:none
}
 .page-content .quotatio .quotation-box>div .message-box{
    margin:0;
    padding-top:20px;
    background:#252940;
    color:#fff
}
 .page-content .quotatio .quotation-box>div .message-box .header span{
    font-size:26px;
    font-weight:700
}
 .page-content .quotatio .quotation-box>div .message-box .checktext{
    display:flex;
    justify-content:space-between;
    padding:20px 0;
    border-bottom:1px solid #eee;
    margin-bottom:30px
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .buttom span#clear{
    cursor:pointer
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .buttom input[type=checkbox]{
    margin-right:10px
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .text{
    margin-top:-15px
}
 .page-content .quotatio .quotation-box>div .message-box .checktext .text span{
    color:#0095e5;
    font-size:30px;
    font-weight:700;
    margin-right:10px
}
 .page-content .quotatio .quotation-box>div .message-box .from textarea{
    height:320px
}
 .page-content .quotatio .quotation-box>div .message-box .from .submit{
    text-align:right;
    position:relative;
    z-index:2
}
 .page-content .quotatio .quotation-box>div .message-box .from .submit input[type=button]{
    background:unset;
    color:#0095e5;
    border:1px solid #0095e5;
    margin-right:10px
}
 .page-content .message-box{
    margin:20px auto;
    background:#fff;
    padding:30px
}
 .page-content .message-box .from{
    margin-top:30px
}
 .page-content .message-box .from .input{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px
}
 .page-content .message-box .from .input>div{
    width:32.5%
}
 .page-content .message-box .from .input input{
    width:100%;
    padding:15px 20px
}
 .page-content .message-box .from textarea{
    width:100%;
    height:150px;
    padding:15px 20px;
    margin-bottom:20px
}
 .page-content .message-box .from textarea.hide{
    display:none
}
 .page-content .message-box .from .input input,.page-content .message-box .from textarea{
    background:#f8f8f8;
    border:0;
    resize:none;
    font-size:16px;
    color:#000
}
 .page-content .message-box .from .submit input{
    padding:5px 30px;
    color:#fff;
    background:#0095e5;
    border:0;
    font-size:20px;
    border-radius:30px
}
 .page-box ul{
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
 .page-box ul li a{
    display:block;
    width:40px;
    height:40px;
    margin:0 5px 10px;
    text-align:center;
    line-height:38px;
    border:1px solid #2f3039;
    border-radius:50%;
    color:#2f3039;
    font-family:'segoeui blod'
}
 .page-box ul li.pre-page a{
    border-color:#0095e5
}
 .page-box ul li:first-child a{
    margin-right:10px
}
 .page-box ul li:last-child a{
    background:#0095e5;
    margin-left:10px
}
 .page-box ul li a img{
    margin-top:13px
}
 .page-box ul li a.active{
    border-color:#0095e5;
    color:#0095e5
}
 .new-desc .content-box h1,.new-desc .content-box h2,.new-desc .content-box h3,.new-desc .content-box h4,.new-desc .content-box h5,.new-desc .content-box h6{
    font-size:20px;
    margin-bottom:10px
}
 .new-desc .content-box p{
    margin-bottom:0;
    color:#010732
}
 .new-desc .container{
    font-size:.18rem;
    color:#010732;
    max-width:1300px
}
 .new-desc{
    padding-top:5%;
    padding-bottom:5%
}
 .new-desc .container>h1{
    font-size:.36rem;
    font-family:'segoeui blod';
    text-align:center;
    margin-bottom:3%
}
 .new-desc .container>p{
    text-align:center;
    margin-bottom:4%;
    padding-bottom:4%;
    border-bottom:2px solid #151725;
    color:#010732
}
 .new-desc .container .share-box a img{
    width:27px
}
 .new-desc .container .prev-next{
    margin-top:3%
}
 .new-desc .container .prev-next .prev-page a{
    font-size:.24rem;
    font-family:'segoeui blod';
    color:#0095e5
}
 .new-desc .container .prev-next p a{
    font-size:.22rem;
    font-family:'segoeui blod';
    color:#0095e5;
    transition:all .3s
}
 .new-desc .container .prev-next p{
    margin-bottom:10px
}
 .new-desc .container .prev-next a img{
    margin-top:12px
}
 .new-desc .container .prev-next p a:hover{
    color:#000
}
 .new-desc .container .prev-next p a:hover img{
    filter:brightness(0) invert(0)
}
 .search-box{
    padding-top:4%
}
 .search-box .list-box{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding-bottom:5%
}
 .search-box .list-box>div{
    width:24.3%;
    background:#171d2a;
    border-radius:6px;
    margin-bottom:1%;
    padding-bottom:1%
}
 .search-box .list-box>div .img-box{
    overflow:hidden
}
 .search-box .list-box>div .img-box img{
    width:100%;
    height:auto;
    transition:all .5s
}
 .search-box .list-box>div .img-box img:hover{
    transform:scale(1.1)
}
 .search-box .list-box>div .text-box{
    text-align:center
}
 .search-box .list-box>div .text-box h3{
    font-size:.18rem;
    margin-bottom:8px;
    margin-top:25px;
    font-family:'segoeui blod'
}
 .search-box .list-box>div .text-box h3 a{
    color:#fff
}
 .search-box .list-box>div .text-box p{
    margin-bottom:0
}
 .search-box .list-box>div .text-box p img{
    width:16px;
    height:auto;
    margin-top:5px
}
 .search-box .list-box>div .text-box p img:last-of-type{
    margin-left:10px;
    margin-right:3px
}
 .search-box .list-box>div .text-box p span{
    color:#0095e5;
    font-size:.16rem
}
 .search-box .list-box>div .text-box>a{
    display:block;
    width:95px;
    height:42px;
    border-radius:5px;
    color:#fff;
    font-size:14px;
    background:#0095e5;
    text-align:center;
    line-height:40px;
    font-family:'segoeui blod';
    margin:9% auto
}
 input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    -webkit-appearance:auto
}