.mainBox{ height: auto; overflow: hidden; background: #f7f9fa; width: 100%;     padding-bottom: 30px;}

.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;background: #fff;}

.productBox .productyli img{ display: block; max-width: 100%; margin:0 auto;}

.productBox .productyli a{
    display: block;
}
.productBox .productyli p{font-size: 16px;margin: 15px 5px;min-height: 42px;line-height: normal;color: #323232;overflow: hidden;text-overflow:ellipsis;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%; padding-bottom: 0;}

.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: auto;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{display: flex; height: auto;  width: 100% !important; margin:3% auto 0px;}

.fangda-img-list .fangdaimg{ width: 90%;  margin:0 auto;}

.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 {display: block !important;}

.prdtPmt li:nth-child(odd) {background: #f2f2f2;}

.prdtPmt li span{ vertical-align: middle; }

/* .prdtPmt li .span1{ width: 20%; margin-right: 10px;} */

.prdtPmt li:last-child .span1 { padding-right: 0 !important;}

.prdtPmt li:last-child .span2 { padding: 0;}

.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: block;}



.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; display: flex;}

.msgPad .formBox li:first-child p {margin-top: 0;}

.msgPad .formBox li:first-child p:last-child {margin-left: 10px;}   

.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: 2px; background: #fff; color: #484848;}

.msgPad .formBox li.li2 p { float: none; width: 100%;}



.probtnn{height: auto; overflow: hidden;}

.probtnn .is_btn{ width: 133px; height: 46px; 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){ padding-top: 29px; 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%;}



.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:17px;height: 90px;color: #000;margin: 0 0 -4%;width: 100%;overflow: hidden;}

.newsBox .firstitle a{ color: #000;  height: 52px; overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

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

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





.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: 30px; font-family: "宋体"; color: #444444; display: inline-block; width: 56px; height: 56px; background: #ececec; text-align: center; line-height: 20px;}

.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;font-size: 16px;}

.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: 16px; color: #222222; background: #fcfcfc;text-transform: uppercase; background:url(../images/q.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: 35px; display: none;background:url(../images/a.png) no-repeat left top; padding-left: 40px;    margin: 3%;}



.faqul dd.cur span:before{content: "";}







@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: 24%;}

.prdtTabol li:last-child{ margin-right: 0px;}

.msgPad .writeUs p{ font-size: 14px;}

.newsBox .firstitle{ font-size: 20px; height: 47px; margin-bottom: 10px;}



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





}





@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: 5px; 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% !important;}

.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 (max-width:767px){
    .mainBox .leftContent .productBox .productCase{
        width: 50%;
        margin: 0!important;
    }
}