.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;white-space: nowrap; font-size: 14px; height: 22px; margin:8% auto; color: #323232; overflow: hidden;}
.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%;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{
    /*width: 20%; */
    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;}
.mayLove .dobook{ height: auto; width: 85%; margin:0 auto; margin-top: 3%;}


.mayLoveowl{ height: auto}
.mayLoveowl .book{ background:#fff; height: auto; margin:0 10px; position: relative;}
.mayLoveowl .book a{ display: block;}
.mayLoveowl .book img{ display: block; max-width: 100%; margin: 0 auto;}
.mayLoveowl .book p{ font-size: 12px; color: #323232; line-height: 22px; padding:10px 0px; height:42px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mayLoveowl .owl-buttons {position: absolute;top: 50%;right: 0px; left:0px; margin-top: -28.5px;}
.mayLoveowl .owl-controls .owl-buttons > div {
    padding: 0px !important;
    width: 30px !important;
    opacity: 1 !important;
    border-radius: 30px !important;
    font-size: 0px !important;
    height: 57px !important;
    filter: Alpha(Opacity=100) !important;
}

.mayLoveowl .owl-buttons .owl-prev {
    background: url(../images/left1.png) no-repeat center center !important;
    opacity: 1px !important;
    
    position: absolute; left:-5%;
}
.mayLoveowl .owl-buttons .owl-next {
    background: url(../images/right1.png) no-repeat center center !important;
    opacity: 1px !important;
    position: absolute; right:-5%;
    
}


.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%}

.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: 25px;color: #000;margin: 0 0 2%;width: 100%;overflow: hidden;}
.newsBox .firstitle a{ color: #000;}
.newsBox .secondP{     overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin: 0 0 5%; color: #6c6c6c;}
.newsBox .readmore{ background: #f1f3f4;padding: 0 10px;}
.newsBox .readmore p{    display: inline-block;font-size: 12px;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;}

div.readmore p{
    display:inline-block;
    font-size:12px;
    margin:0;
    line-height: 42px;
}



.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%;}
.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: 12px; 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{ height: auto; overflow: hidden; }
.newslaster .postul li{ float: left; width: 42%; margin-right: 8%;}
.newslaster .postul li .newspic{ width: 100%;}


.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: "";}
/* 2018-10-27 */
@media screen and (max-width: 1150px) {
    .faqul dd>a{
        width: 94%;
        font-size: 12px;
    }
}
/* 2018-10-27 end*/
@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{ width: 47%; margin-right: 3%;}
.newslaster .postul li:nth-child(2n){ margin-right: 0px;}

.content-ttile{ font-size: 20px; width:100%;}
.AddreswriteUs p{ margin-top: 5px;}

/* 2018-10-22 */
.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{ width: 100%; float: none; margin-right: 0px;}
.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;}

}


/* 2018-10-27 */
@media screen and (max-width: 480px) {
.pageBtn a{
    height: 30px;
    line-height: 0px;
}
/* .porductinfo-detail-left .spec-preview{
    height: 400px;
} */
}

.prdtTabol li{
    margin-right: 0;
    width:25%;
}
.prdtTab ol > li::before{
    display:none;
}
@media screen and (max-width:767px){
    .insidebanner{
        margin-top: 0
    }
    .productTab .prdtCaseing .EditorStyle iframe{
        width: 100% !important;
        height: auto;
        margin: 10px 0
    }
}

.newsBox .newslist {
    /* height:500px; */
    overflow:hidden;
}
.newsBox .firstitle {
    height: 70px;
    overflow: hidden;
}
.newsBox .secondP {
    height: 70px;
    overflow: hidden;
}
.newsContent.floatrgt .secondP {
    height:auto !important;
}
.productyli a{
    width:100%;
}
.productyli .img-box {
    padding-top: 75%;
    position: relative;
    width: 100%;
    height: 0;
}
.img-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}