.mainBox{
    height:auto;
    overflow:hidden;
    background:#f7f9fa;
    width:100%
}
 .leftContent{
    width:70%;
    padding:0 1% 0 0;
    border-right:1px solid #e2e4e5
}
 .nowAdds{
    height:auto;
    overflow:hidden;
    margin:3% 0px 3%
}
 .nowAdds a{
    font-size:20px;
    color:#000000
}
 .nowAdds a:last-child{
    color:#6c6c6c
}
 .maindetail{
    height:auto;
    overflow:hidden
}
 .maindetail p{
    font-size:30px;
    color:#000;
    line-height:36px;
    height:auto;
    overflow:hidden
}
 .maindetail b{
    display:block;
    width:90px;
    height:2px;
    margin-top:3%
}
 .productBox{
    height:auto;
    overflow:hidden;
    margin-top:4%
}
 .productBox.row{
    margin-left:-6px;
    margin-right:-6px
}
 .productBox [class*=col-]{
    padding-right:6px;
    padding-left:6px
}
 .productBox .productyli{
    height:auto;
    overflow:hidden
}
 .productBox .productyli img{
    display:block;
    max-width:100%;
    margin:0 auto
}
 .productBox .productyli p{
    width:208px;
    text-overflow:ellipsis;
    font-size:14px;
    height:40px;
    margin:8% 0px;
    color:#323232;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .productBox .productyli span{
    display:block;
    width:125px;
    height:30px;
    border:1px solid #bfbfbf;
    margin:0 auto 10%;
    color:#808080;
    font-size:16px;
    line-height:30px
}
 .rgtSild{
    width:30%;
    padding:0% 0px 0px 1%
}
 .borboom{
    border-bottom:1px solid #e2e4e5;
    padding-bottom:10%
}
 .borboom .rsdtit{
    font-size:24px;
    color:#232332;
    margin-top:10%
}
 .searchBox{
    height:auto;
    overflow:hidden
}
 .searchBox .searform{
    width:100%;
    height:35px;
    background:#fff;
    border:1px solid #bfbfbf;
    margin-top:3%
}
 .searchBox .searform .form-input{
    border:none;
    background:transparent;
    line-height:35px;
    height:35px;
    font-size:16px;
    color:#808080;
    text-indent:10px;
    width:82%
}
 .searchBox .searform .form-sbm{
    border:none;
    background:transparent;
    width:18%;
    font-size:0px;
    background:url(../images/nsear.png) no-repeat center;
    height:35px
}
 .friendLink{
    height:auto;
    margin-top:10%
}
 .secondNavBox{
    height:auto;
    overflow:hidden
}
 .secondNavBox ul{
    height:auto;
    overflow:hidden
}
 .secondNavBox .secondNav{
    background:#e5e5e5;
    margin-top:3%
}
 .secondNavBox >ul>li{
    height:auto;
    overflow:hidden;
    border-bottom:1px solid #fff;
    padding:8px 0px;
    padding-left:20px
}
 .secondNavBox ul>li>a{
    display:block;
    overflow:hidden;
    line-height:20px;
    color:#000000;
    transition:all .3s;
    position:relative;
    text-decoration:none;
    font-size:14px;
    font-size:16px;
    padding:10px 0px;
    background:url(../images/zfx.jpg) no-repeat left 18px;
    padding-left:10px
}
 .secondNavBox ul>li>a span{
    width:5px;
    height:5px;
    background:#747474;
    vertical-align:middle;
    margin:0 10px 0 0px;
    display:inline-block
}
 .secondNavBox >ul>li>ul>li{
    padding-left:25px
}
 .secondNavBox >ul>li>ul>li>a{
    padding:6px 0px;
    padding-left:10px;
    background-position-y:14px
}
 .secondNavBox >ul>li>ul>li>ul>li{
    padding-left:30px
}
 .secondNavBox >ul>li:last-child{
    border-bottom:none
}
 .secondNavBox li a:hover{
    opacity:.4
}
 .latestNewsBox{
    height:auto;
    overflow:hidden
}
 .lates-ul{
    height:auto;
    overflow:hidden;
    margin-top:3%
}
 .lates-ul li{
    height:auto;
    background:#fff;
    padding:6px;
    margin-bottom:10%
}
 .lates-ul li a{
    display:-moz-box;
    display:-webkit-box;
    display:box
}
 .lates-ul li .lft{
    -moz-box-flex:1.0;
    -webkit-box-flex:1.0;
    box-flex:1.0
}
 .lates-ul li .lft .lftp{
    border-bottom:1px solid #e2e4e5
}
 .lates-ul li .lft .lftp p{
    word-break:break-all;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    padding:0 0 5px;
    color:#000000;
    font-size:15px;
    width:90%
}
 .lates-ul li .lft .lfttime{
    font-size:14px;
    color:#747474;
    margin-top:6px
}
 .lates-ul li .lft .lfttime span{
    width:14px;
    height:14px;
    vertical-align:middle;
    margin:0 6px 0 0;
    background:url(../images/time.png) no-repeat center center;
    display:inline-block
}
 .lates-ul li .lgt{
    width:27%;
    margin-left:10px;
    overflow:hidden;
    height:auto
}
 .lates-ul li .lgt img{
    display:block;
    overflow:hidden;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    max-width:100%
}
 .lates-ul li:hover .lgt img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    overflow:hidden
}
 .lates-ul li:last-child{
    margin-bottom:0px
}
 .contactusBox{
    height:auto;
    overflow:hidden;
    border-bottom:0px
}
 .contactusBox img{
    display:block;
    margin-top:3%
}
 .contactusBox ol{
    height:auto;
    overflow:hidden
}
 .contactusBox ol li{
    height:auto;
    overflow:hidden;
    margin-top:3%;
    font-size:16px
}
 .contactusBox ol li span{
    text-transform:uppercase;
    color:#000;
    font-weight:bold
}
 .contactusBox ol li a{
    color:#232332
}
 .productDetail{
    height:auto;
    overflow:hidden;
    border-bottom:1px solid #dddddd;
    padding:10% 0px
}
 .porductinfo-detail-left{
    width:50%
}
 .porductinfo-detail-left .spec-preview{
    width:100%;
    height:411px;
    overflow:hidden
}
 .porductinfo-detail-left .spec-preview .jqzoom{
    float:left;
    border:none;
    position:relative;
    padding:0px;
    cursor:pointer;
    margin:0px;
    display:block;
    width:100% !important
}
 .jqzoom > img{
    width:100% !important
}
 .zoomdiv{
    z-index:1;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    background:#ffffff;
    border:1px solid #CCCCCC;
    display:none;
    text-align:center;
    overflow:hidden
}
 .jqZoomPup{
    z-index:10;
    visibility:hidden;
    position:absolute;
    top:0px;
    left:0px;
    width:20px;
    height:20px;
    border:1px solid #aaa;
    background:#ffffff;
    opacity:0.5;
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    filter:alpha(opacity=50)
}
 .zoomdiv .bigimg{
    max-width:300%;
    height:auto !important;
    width:300% !important
}
 .fangda-img-list{
    height:auto;
    width:100% !important;
    margin:3% auto 0px
}
 .fangda-img-list .fangdaimg{
    width:90%;
    margin:0 auto;
    cursor:pointer
}
 .fangda-img-list img{
    max-width:100%
}
 .porductinfo-detail-right{
    width:46%
}
 .porductinfo-detail-right .pordetitle{
    font-size:24px;
    color:#000000
}
 .porductinfo-detail-right p{
    border-bottom:1px solid #dddddd;
    height:auto;
    overflow:hidden;
    padding:3% 0px;
    font-size:16px;
    color:#808080
}
 .porductinfo-detail-right .specification{
    height:auto;
    overflow:hidden
}
 .specification-title{
    font-size:14px;
    color:#000000;
    margin:5% 0px 3%
}
 .porductinfo-detail-right .specification .prdtPmt{
    height:auto;
    overflow:hidden
}
 .porductinfo-detail-right .specification .prdtPmt li{
    height:auto;
    overflow:hidden;
    padding:10px 8px;
    font-size:14px;
    color:#323232;
    display:-moz-box;
    display:-webkit-box;
    display:box
}
 .prdtPmt li:nth-child(odd){
    background:#f2f2f2
}
 .prdtPmt li span{
    vertical-align:middle
}
 .prdtPmt li .span1{
    margin-right:10px
}
 .prdtPmt li .span2{
    -moz-box-flex:1.0;
    -webkit-box-flex:1.0;
    box-flex:1.0
}
 .porductinfo-detail-right .inqurymore{
    width:168px;
    height:50px;
    font-size:18px;
    color:#fff;
    display:block;
    margin-top:10%;
    line-height:50px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    position:relative;
    left:0px
}
 .porductinfo-detail-right .inqurymore:hover{
    left:5px
}
 .mayLove{
    height:auto;
    margin:5% 0px
}
 .maylove-title{
    font-size:28px;
    color:#000000;
    vertical-align:middle
}
 .maylove-title img{
    display:inline-block;
    vertical-align:middle;
    margin-right:25px
}
 .dobook{
    width:85%;
    margin:0 auto 30px;
    padding:30px 0;
    text-align:center
}
 .book1{
    margin:5px
}
 .book1 p{
    font-size:12px;
    padding:15px 0;
    margin:0;
    color:#323232
}
 .book1 img{
    width:100%
}
 #owl-demo4 .owl-pagination{
    display:none
}
 #owl-demo4 .owl-controls{
    position:static
}
 .dobook .owl-controls .owl-buttons> div{
    opacity:1;
    position:absolute;
    border-radius:0;
    font-size:0;
    top:30%;
    width:30px;
    height:57px;
    margin:0;
    padding:0
}
 .dobook .owl-controls .owl-buttons> div:hover{
    opacity:.0
}
 .dobook .owl-controls .owl-buttons .owl-prev{
    background:url(../images/left1.png) no-repeat center center;
    left:-45px
}
 .dobook .owl-controls .owl-buttons .owl-next{
    background:url(../images/right1.png) no-repeat center center;
    right:-45px
}
 .book1{
    background:#fff;
    position:relative
}
 .book1 img{
    margin-bottom:-6px
}
 .prdtTab{
    height:auto;
    overflow:hidden;
    background:#fff;
    margin:8% 0px
}
 .prdtTabol{
    height:auto;
    overflow:hidden
}
 .prdtTabol li{
    float:left;
    width:19%;
    margin-right:1%;
    background:#f2f2f2;
    line-height:56px;
    text-align:center;
    font-size:18px;
    text-align:center;
    cursor:pointer
}
 .productTab{
    height:auto;
    overflow:hidden;
    padding:5% 10px
}
 .productTab .prdtCaseing{
    height:auto;
    display:none
}
 .msgPad{
    height:auto;
    overflow:hidden;
    margin:10% 0px
}
 .msgPad .writeUs{
    width:35%
}
 .msgPad .writeUs .wri{
    font-size:26px;
    color:#000000;
    font-weight:bold;
    margin-bottom:5%
}
 .msgPad .writeUs p{
    font-size:16px;
    color:#6c6c6c
}
 .msgPad .formBox{
    width:60%
}
 .msgPad .formBox li{
    height:auto;
    overflow:hidden;
    width:100%
}
 .msgPad .formBox li p{
    float:left;
    width:49%;
    margin-bottom:11px
}
 .msgPad .formBox li p input{
    width:100%;
    border:1px solid #bfbfbf;
    height:44px;
    line-height:44px;
    text-indent:10px;
    background:#fff
}
 .msgPad .formBox li p select{
    width:100%;
    border:1px solid #bfbfbf;
    height:44px;
    line-height:44px;
    text-indent:10px;
    background:#fff;
    color:#484848
}
 .msgPad .formBox .li1 p:last-child{
    float:right
}
 .msgPad .formBox li p textarea{
    width:100%;
    border:1px solid #bfbfbf;
    height:86px;
    text-indent:10px;
    background:#fff;
    color:#484848
}
 .msgPad .formBox li.li2 p{
    float:none;
    width:100%
}
 .probtnn{
    height:auto;
    overflow:hidden
}
 .probtnn .is_btn{
    width:133px;
    height:42px;
    color:#fff;
    text-align:center;
    line-height:42px;
    font-size:14px;
    border:none;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    position:relative;
    left:0px
}
 .probtnn .is_btn:hover{
    left:5px
}
 .msgPad .formBox li p input::-webkit-input-placeholder{
    color:#484848
}
 .msgPad .formBox li p input::-webkit-input-placeholder{
    color:#484848
}
 .msgPad .formBox li p input:-moz-placeholder{
    color:#484848
}
 .msgPad .formBox li p input::-moz-placeholder{
    color:#484848
}
 .msgPad .formBox li p input:-ms-input-placeholder{
    color:#484848
}
 .msgPad .formBox li p textarea::-webkit-input-placeholder{
    color:#484848
}
 .msgPad .formBox li p textarea::-webkit-input-placeholder{
    color:#484848
}
 .msgPad .formBox li p textarea:-moz-placeholder{
    color:#484848
}
 .msgPad .formBox li p textarea::-moz-placeholder{
    color:#484848
}
 .msgPad .formBox li p textarea:-ms-input-placeholder{
    color:#484848
}
 .about-content{
    height:auto;
    overflow:hidden;
    margin-top:10%
}
 .content-ttile{
    text-align:center;
    font-size:26px;
    color:#000000;
    width:80%;
    margin:0 auto;
    line-height:24px
}
 .worldsBox{
    height:auto;
    overflow:hidden;
    margin-top:5%
}
 .latespro-ul{
    height:auto;
    overflow:hidden;
    margin-top:3%
}
 .latespro-ul li{
    height:auto;
    overflow:hidden;
    margin-bottom:5%
}
 .latespro-ul li a{
    display:inline-block
}
 .latespro-ul li img{
    display:block
}
 .latespro-ul li p{
    font-size:16px;
    color:#323232;
    text-align:center;
    line-height:25px;
    padding:10px 0px
}
 .latespro-ul li:last-child{
    margin-bottom:0px
}
 .msgcontact{
    height:auto;
    overflow:hidden;
    margin:10% 0px
}
 .contactIformation{
    width:35%
}
 .AddreswriteUs .wri{
    font-size:26px;
    color:#000000;
    font-weight:bold
}
 .AddreswriteUs p{
    font-size:14px;
    color:#6c6c6c;
    margin-top:20px
}
 .contactIformation .personus{
    height:auto;
    overflow:hidden;
    margin-top:5%;
    display:-moz-box;
    display:-webkit-box;
    display:box
}
 .contactIformation .informationIcon{
    width:45px;
    height:37px;
    vertical-align:middle;
    margin:0 10px 0 0;
    position:relative
}
 .contactIformation .informationIcon img{
    display:block;
    margin:0 auto;
    margin-top:8px
}
 .contactIformation .address{
    margin-left:10px;
    -moz-box-flex:1.0;
    -webkit-box-flex:1.0;
    box-flex:1.0
}
 .contactIformation .address .rsdtit{
    font-size:22px;
    color:#000000
}
 .contactIformation .address p{
    font-size:12px;
    color:#000000;
    margin:3% 0px
}
 .contactIformation .address a{
    display:block;
    font-size:14px;
    color:#000000
}
 .contactform2{
    height:auto;
    overflow:hidden;
    margin-top:5%
}
 .contactform2 .fotmp{
    height:auto;
    overflow:hidden
}
 .contactform2 .fotmp p{
    float:left;
    width:49%;
    margin-bottom:11px
}
 .contactform2 .fotmp p:nth-child(2){
    float:right
}
 .contactform2 .fotmp p input{
    width:100%;
    border:1px solid #bfbfbf;
    height:44px;
    line-height:44px;
    text-indent:10px;
    background:transparent
}
 .contactform2 .fotmp p:nth-child(3){
    float:none;
    width:100%
}
 .contactform2 .fotmp p:nth-child(4){
    float:none;
    width:100%
}
 .contactform2 .fotmp p textarea{
    width:100%;
    border:1px solid #bfbfbf;
    height:86px;
    text-indent:10px;
    background:transparent
}
 .insidemap{
    height:auto;
    overflow:hidden
}
 .insidemap img{
    max-width:100%;
    display:block;
    margin:0 auto
}
 .newsBox{
    height:auto;
    overflow:hidden;
    margin-top:5%
}
 .newsBox .newslist{
    height:auto;
    overflow:hidden;
    margin-bottom:5%
}
 .newsBox .newspic{
    width:37%;
    height:auto;
    overflow:hidden
}
 .newsBox .newspic img{
    display:block;
    max-width:100%;
    width:100%;
    object-fit:cover
}
 .newsBox .newsContent{
    width:61%;
    height:auto;
    overflow:hidden
}
 .newsBox .newsContent .firstP{
    font-size:14px;
    color:#6c6c6c
}
 .newsBox .firstP .nctntspan1{
    background:url(../images/12.png) no-repeat right center;
    padding-right:20px
}
 .newsBox .firstP span{
    display:inline-block
}
 .newsBox .firstP .nctntspan2{
    margin:0px 6px
}
 .newsBox .firstP .nctntspan3{
    background:url(../images/13.png) no-repeat left center;
    padding-left:25px
}
 .newsBox .firstitle{
    font-size:18px;
    color:#000;
    margin-bottom:15px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    line-height:24px;
    min-height:48px
}
 .newsBox .firstitle a{
    color:#000
}
 .newsBox .secondP{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin:0 0 5%;
    color:#6c6c6c
}
 .newsBox .readmore{
    background:#f1f3f4;
    padding:0 10px
}
 .newslaster .postul li .readmore a{
    display:inline-block;
    font-size:14px
}
 .newsBox .readmore p{
    display:inline-block;
    font-size:14px;
    margin:0;
    line-height:42px;
    color:#6c6c6c
}
 .heartIcon{
    width:20px;
    height:12px;
    vertical-align:middle;
    margin:0 5px 0 10px;
    background:url(../images/8.png) no-repeat center center;
    display:inline-block
}
 .readmoreBtn{
    line-height:42px;
    font-size:12px;
    border-left:1px solid #8b8c88
}
 .readmore .todayIcon{
    width:10px;
    height:12px;
    vertical-align:middle;
    margin:0 10px;
    background:url(../images/7.png) no-repeat center center;
    display:inline-block
}
 .newsDetailBox{
    height:auto;
    overflow:hidden;
    margin-top:5%
}
 .newsdtlheaed{
    height:auto;
    overflow:hidden
}
 .newsdtlheaed .newsdtitle{
    font-size:30px;
    color:#000000;
    text-align:center
}
 .newsdtlheaed .firstP{
    text-align:center;
    font-size:14px;
    margin-top:2%
}
 .newsDetailBox span{
    display:inline!important
}
 .newsdtlheaed p{
    display:inline-block;
    border-right:1px solid #a8a8a8;
    font-size:14px;
    margin-right:30px;
    padding-right:30px
}
 .worlds2{
    height:auto;
    overflow:hidden;
    margin:5% 0px
}
 .pageBtn{
    text-align:right;
    height:auto;
    overflow:hidden
}
 .pageBtn a{
    font-size:30px;
    font-family:"宋体";
    color:#444444;
    display:inline-block;
    width:56px;
    height:56px;
    background:#ececec;
    text-align:center;
    line-height:19px
}
 .pageBtn a:last-child{
    margin-left:10px
}
 .newslaster{
    height:auto;
    overflow:hidden;
    border-top:1px solid #b0b0b0;
    margin-top:5%
}
 .newslaster .newslastertitle{
    font-size:26px;
    color:#000000;
    font-weight:bold;
    margin-top:5%
}
 .newslaster .postul{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin-top:20px
}
 .newslaster .postul li{
    flex:0 0 calc((100% - 1 * 20px) / 2)
}
 .newslaster .postul li a{
    display:block
}
 .newslaster .postul li .newspic{
    width:100%;
    margin-bottom:10px
}
 .caseBox{
    height:auto;
    overflow:hidden
}
 .caseBox .newslist{
    float:left;
    width:46%;
    margin-right:4%
}
 .caseBox .newslist:nth-child(2n){
    margin-right:0px
}
 .caseBox .newslist .newspic{
    width:100%
}
 .pages{
    text-align:center;
    margin:5% 0px
}
 .pages a{
    height:30px;
    line-height:30px;
    color:#828283;
    padding:0 5px;
    border-bottom:1px solid transparent
}
 .page-map{
    height:400px
}
 .faqul{
    margin-top:5%;
    height:auto
}
 .faqul dd{
    height:auto;
    position:relative
}
 .faqul dd>a{
    width:100%;
    padding:20px 0px;
    padding-left:40px;
    display:block;
    font-size:14px;
    color:#222222;
    background:#fcfcfc;
    text-transform:uppercase;
    background:url(../images/a.png) no-repeat left center;
    border-bottom:1px dashed #ccc
}
 .faqul dd span:before{
    height:63px;
    width:36px;
    font-size:26px;
    color:#999999;
    position:absolute;
    content:"";
    top:0px;
    right:0px;
    text-align:center;
    cursor:pointer;
    background:url(../images/33.png) no-repeat center
}
 .faqul .menson{
    height:auto;
    font-size:16px;
    color:#666666;
    line-height:33px;
    display:none;
    background:url(../images/q.png) no-repeat left top;
    padding-left:40px;
    margin:3%
}
 .faqul dd.cur span:before{
    content:""
}
 @media screen and (max-width:1150px){
    .faqul dd>a{
        width:94%;
        font-size:12px
    }
}
@media screen and (max-width:768px){
    .maindetail p{
        font-size:22px;
        line-height:25px
    }
     .porductinfo-detail-left,.porductinfo-detail-right{
        float:none;
        width:100%
    }
     .porductinfo-detail-right{
        margin-top:5%
    }
     .porductinfo-detail-right p{
        padding:1% 0px
    }
     .mayLove .dobook{
        width:95%
    }
     .mayLoveowl .owl-buttons .owl-prev,.mayLoveowl .owl-buttons .owl-next{
        background-size:50% !important
    }
     .mayLoveowl .book p{
        line-height:15px
    }
     .prdtTabol li{
        width:30%
    }
     .prdtTabol li:last-child{
        margin-right:0px
    }
     .msgPad .writeUs p{
        font-size:14px
    }
     .newsBox .firstitle{
        font-size:20px;
        height:24px
    }
     .newslaster .postul li{
        flex:0 0 100%
    }
     .newslaster .postul li:nth-child(2n){
    }
     .content-ttile{
        font-size:20px;
        width:100%
    }
     .AddreswriteUs p{
        margin-top:5px
    }
     .faqul .menson{
        font-size:12px
    }
     .faqul dd>a{
        font-size:12px
    }
     .wz-images-list img{
        max-width:100%!important
    }
}
@media screen and (max-width:480px){
    .msgPad .formBox li p{
        height:54px
    }
     .formBox ul .li2{
        padding-bottom:25px
    }
}
@media screen and (max-width:414px){
    .leftContent{
        border:none
    }
     .leftContent,.rgtSild{
        float:none;
        width:100%
    }
     .maindetail p{
        font-size:18px;
        line-height:20px
    }
     .borboom{
        padding-bottom:5%
    }
     .mayLoveowl .book{
        margin:0 4px
    }
     .maylove-title{
        font-size:20px
    }
     .maylove-title img{
        margin-right:10px;
        max-width:4%
    }
     .mayLove .dobook{
        width:100%
    }
     .prdtTabol li{
        font-size:14px;
        line-height:40px
    }
     .msgPad .writeUs{
        margin-bottom:5%
    }
     .msgPad .writeUs .wri{
        margin-bottom:5px
    }
     .msgPad .writeUs,.msgPad .formBox{
        float:none;
        width:100%
    }
     .newsBox .newspic{
        margin-bottom:2%
    }
     .newsBox .newspic img{
        display:block;
        margin:0 auto
    }
     .newsBox .newspic,.newsBox .newsContent{
        width:100%;
        float:none
    }
     .newsdtlheaed .newsdtitle{
        font-size:22px
    }
     .newsdtlheaed p{
        margin-right:10px;
        padding-right:10px
    }
     .pageBtn a{
        width:30px;
        height:30px;
        line-height:30px;
        font-size:14px
    }
     .pageBtn a:last-child{
        margin-left:0px
    }
     .newslaster .postul li{
    }
     .newsBox .secondP{
        margin-bottom:2%
    }
     .caseBox .newslist{
        width:100%;
        float:none;
        margin-right:0px
    }
     .content-ttile{
        font-size:18px;
        line-height:20px
    }
     .contactIformation{
        float:none;
        width:100%
    }
     .msgPad .formBox{
        margin-top:5%
    }
     .contactform2 .fotmp p,.msgPad .formBox li p{
        float:none;
        width:100%
    }
     .page-map{
        height:120px
    }
     .faqul dd>a,.faqul .menson{
        background-size:5%;
        padding-left:27px
    }
}
@media screen and (max-width:375px){
    .prdtTabol li{
        line-height:18px;
        padding:10px 0px;
        font-size:12px
    }
}
@media screen and (max-width:480px){
    .pageBtn a{
        height:30px;
        line-height:0px
    }
     .porductinfo-detail-left .spec-preview{
        height:350px
    }
}
.prdtTabol li{
    margin-right:0;
    width:25%
}
 .prdtTab ol > li::before{
    display:none
}
 @media screen and (max-width:767px){
    .productTab .prdtCaseing table{
        width:100%!important
    }
     .productTab .prdtCaseing table td{
        word-break:break-all
    }
}
@media (max-width:767px){
    .home-footer .flexbox .item .firul li{
        width:100%!important;
        font-size:16px !important
    }
     .home-footer .flexbox .item .box-img .r-c{
        margin-left:0
    }
     .home-footer .flexbox .item .box-img{
        flex-wrap:wrap;
        gap:20px
    }
     .home-footer .flexbox .item .box-img .dd{
        font-size:16px;
        line-height:24px
    }
     .home-footer .flexbox .item .box-img .dt{
        font-size:18px
    }
     .newsdtlheaed{
        display:flex;
        flex-wrap:wrap
    }
     .newsdtlheaed .newsdtitle{
        line-height:normal
    }
     .newsdtlheaed .tags{
        float:unset;
        width:100%;
        margin:10px 0;
        font-size:16px
    }
     .newsdtlheaed .firstP{
        font-size:16px;
        display:flex;
        flex-wrap:wrap;
        gap:10px;
        justify-content:center
    }
}