.p-tb120{padding: 120px 0;}
.p-tb80{padding: 80px 0;}
.p-tb40{padding: 40px 0;}
.p-tb20{padding: 20px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.row-pr{margin: 0 -20px;}
.p-lr20{padding: 0 20px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.m-t10{margin-top: 10px;}
.rowt40{margin-top: -40px;}
.rowt20{margin-top: -20px;}
.fz-60{font-size: 60px;}
.fz-48{font-size: 48px;}
.fz-42{font-size: 42px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.fz-14{font-size: 14px;}
.content-text{font-size: 16px;line-height: 2;color: #3f3f3f;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}
:root{--fz-32: 32px;--fz-24: 24px;}

@media (max-width: 1440px) {
    .p-tb120{padding: 90px 0;}
    .p-tb80{padding: 60px 0;}
    .p-tb40{padding: 30px 0;}
    .p-tb20{padding: 15px 0;}
    .p-lr5{padding: 0 8px;}
    .p-lr10{padding: 0 7px;}
    .row-pr{margin: 0 -15px;}
    .p-lr20{padding: 0 15px;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .m-t20{margin-top: 15px;}
    .m-t10{margin-top: 8px;}
    .rowt40{margin-top: -30px;}
    .rowt20{margin-top: -15px;}
    .fz-60{font-size: 48px;}
    .fz-48{font-size: 38px;}
    .fz-42{font-size: 35px;}
    .fz-32{font-size: 26px;}
    .fz-24{font-size: 20px;}
    .fz-18{font-size: 17px;}
    .fz-16{font-size: 15px;}
    .fz-14{font-size: 13px;}
    .content-text{font-size: 15px;}
    :root{--fz-32: 26px;--fz-24: 20px;}
}
@media (max-width: 991px) {
    .p-tb120{padding: 60px 0;}
    .p-tb80{padding: 40px 0;}
    .p-tb40{padding: 20px 0;}
    .p-tb20{padding: 10px 0;}
    .p-lr10{padding: 0 5px;}
    .p-lr5{padding: 0 10px;}
    .row-pr{padding: 0 5px;}
    .p-lr20{padding: 0 10px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .m-t10{margin-top: 5px;}
    .rowt40{margin-top: -20px;}
    .rowt20{margin-top: -10px;}
    .fz-60{font-size: 36px;}
    .fz-48{font-size: 28px;}
    .fz-42{font-size: 25px;}
    .fz-32{font-size: 22px;}
    .fz-24{font-size: 18px;}
    .fz-18{font-size: 15px;}
    .fz-16{font-size: 14px;}
    .fz-14{font-size: 12px;}
    .content-text{font-size: 14px;}
    :root{--fz-32: 22px;--fz-24: 18px;}
}


.contentHeight{width: 100%;height: 100%;display: flex;align-items: center;}
.contentHeight .spaceWidth{width: 100%;display: flex;justify-content: flex-end;}
.contentHeight .aboutusWidth{width: 54%;}
.contentHeight .aboutusWidth .number-box-right{width: 100%;max-width: 100%;}
.modulebg{background: url('../images/bg.png') no-repeat top center/100%;}
a.mduleTextGiant{display: block;overflow: hidden;position: relative;}
a.mduleTextGiant:hover img{transform: scale(1.08);}
a.mduleTextGiant .contxtend{width: 100%;padding: 30px;line-height: 1.75;color: #fff;position: absolute;top: 0;left: 0;}

.newsbg{background: url('../images/news.jpg') no-repeat center/cover;}
a.newslistwrap{display: flex;flex-wrap: wrap;padding: 10px;background: #fff;border: 1px solid #e3e9ee;}
a.newslistwrap .picimgzuo{width: 160px;height: 160px;overflow: hidden;}
a.newslistwrap .contxtyou{width: calc(100% - 160px);position: relative;padding-left: 20px;}
a.newslistwrap .contxtyou .title{color: #333;}
a.newslistwrap .contxtyou .desc{color: #999;line-height: 1.8;-webkit-line-clamp: 2;height: 3.6em;}
a.newslistwrap .contxtyou .time{color: #999;position: absolute;left: 20px;bottom: 0;}
a.newslistwrap:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.12);}

@media (max-width: 1440px) {
    a.newslistwrap .picimgzuo{width: 124px;height: 124px;}
    a.newslistwrap .contxtyou{width: calc(100% - 124px);}
}
@media (max-width: 991px) {
    .slideBox .bannerswiper,.contentHeight{height: auto !important;}
    .contentHeight .aboutusWidth{width: 100%;}
    .contentHeight .aboutusWidth .number-box-right{display: flex;flex-wrap: wrap;}
    .contentHeight .aboutusWidth .number-box-right .item{width: 50%;padding: 5px;}

    a.newslistwrap .picimgzuo{width: 100px;height: 100px;}
    a.newslistwrap .contxtyou{width: calc(100% - 100px);padding-left: 10px;}
    a.newslistwrap .contxtyou .time{left: 10px;}

}

.rowFlexWrap{display: flex;flex-wrap: wrap;}
.spaceBetween{justify-content: space-between;}
.box-item-name{line-height: 1;}
.profilebg{background: url('../images/profile.jpg') no-repeat center/cover;}
.profile-con-txt-zuo{width: 46%;}
.profile-pic-img-you{width: 50%;}
.culturebg{background: url('../images/culture.jpg') no-repeat center/cover;background-attachment: fixed;color: #fff;}
.CorporateCulture{width: 100%;height: 100%;padding: 40px 30px;border: 1px solid rgba(255,255,255,0.4);}
.CorporateCulture .imgtop{width: 42px;margin: auto;}
.CorporateCulture .desc{line-height: 2;}
.CorporateCulture:hover{background: #e76c26;border-color: #e76c26;}

a.factorywrap{display: block;color: #333;overflow: hidden;position: relative;}
a.factorywrap .content{width: 100%;height: 100%;padding: 6%;opacity: 0;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.9);z-index: 9;}
a.factorywrap .content .title{padding: 10px;height: 100%;display: flex;align-items: center;justify-content: center;border-top: 2px solid #333;border-bottom: 2px solid #333;}
a.factorywrap .content .title .desc{line-height: 1.8;}
a.factorywrap:hover img{transform: scale(1.08);}
a.factorywrap:hover .content{opacity: 1;}
.galleryOverlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color: rgba(0,0,0,0.75);overflow: hidden;display: none;-moz-transition: opacity 0.5s ease;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.galleryOverlay.visible{opacity: 1;}
.gallerySlider{width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.gallerySlider .placeholder{display: inline-block;width: 100%;height: 100%;text-align: center;}
.gallerySlider .placeholder:before{content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.gallerySlider .placeholder img{display: inline-block;max-height: 88%;max-width: 100%;background: #fff;vertical-align: middle;}
.prevArrow, .nextArrow{border: none; text-decoration: none;opacity: 0.5;cursor: pointer;position: absolute;width: 50%;height: 100%;top:0;margin-top: 0px;}
.prevArrow:hover, .nextArrow:hover{opacity: 1;}
.prevArrow{background: url('../images/lt_arrow.png') no-repeat center left/64px;left: 15px;}
.nextArrow{background: url('../images/rt_arrow.png') no-repeat center right/64px;right: 15px;}
.pagelimit{position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 18px;}
.closed{cursor: pointer;position: absolute;width: 40px;height: 40px;right:2%;top: 3%;transform: rotate(45deg);}
.closed::after,.closed::before{content: "";background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.closed:hover{opacity: 0.5;}
.closed::after{width: 26px;height: 2px;}
.closed::before{width: 2px;height: 26px;}

.sitebody{padding: 12px 0;border-bottom: 1px solid #f2f2f2;}
.sitebody .siteflex{display: flex;align-items: center;justify-content: space-between;}
.sitebody .siteflex ul.siteul>li{display: inline;color: #333;}
.sitebody .siteflex ul.siteul>li>a{color: #333;}
.sitebody .siteflex ul.siteul>li>span{margin: 0 3px;color: #d8d8d8;}
.sitebody .siteflex ul.navsul>li{display: inline-block;}
.sitebody .siteflex ul.navsul>li>a{display: block;line-height: 36px;padding: 0 12px;color: #333;}
.sitebody .siteflex ul.navsul>li.active>a,.sitebody .siteflex ul.navsul>li>a:hover{background: #e76c26;color: #fff;}

a.newslistbox .picimgtop{height: 280px;}
a.newslistbox:hover .picimgtop img{transform: scale(1.08);}
a.newslistbox .name{color: #555;}
a.newslistbox:hover .name{color: #333;}
a.newslistbox .time{padding-bottom: 10px;border-bottom: 1px solid rgba(0,0,0,0.1);color: #666;position: relative;}
a.newslistbox .time:after{content: "";width: 0;height: 3px;background: #e76c26;position: absolute;left: 0;bottom: -1px;transition: all 0.5s;}
a.newslistbox:hover .time:after{width: 100%;transition: all 0.5s;}
a.newslistbox .desc{color: #999;line-height: 1.8;-webkit-line-clamp: 2;height: 3.6em;}
.details-time-hits .item{margin-right: 20px;color: #888;}
.details-con-txt-line{border-top: 1px dashed #bcbcbc;border-bottom: 1px dashed #bcbcbc;}
.item_prev_next a{line-height: 2;color: #333;}
.item_prev_next span{line-height: 2;margin-right: 10px;color: #333;}
.item_prev_next a:hover{color: #e76c26;text-decoration: underline;}

a.productslist{display: block;height: 100%;background: #fff;}
a.productslist .name{padding: 15px;color: #333;}
a.productslist:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
a.productslist:hover img{transform: scale(1.08);}
.work_show_img_zuo{width: 45%;position: relative;}
.work_show_img_zuo .workswipertop .swiper-slide{padding: 4px;background: #f7f8f9;}
.work_show_img_zuo .workswipertop .swiper-button-prev{left: 0;}
.work_show_img_zuo .workswipertop .swiper-button-next{right: 0;}
.work_show_img_zuo .workswipertop .swiper-button-prev:after{font-size: 20px;color: #333;}
.work_show_img_zuo .workswipertop .swiper-button-next:after{font-size: 20px;color: #333;}
.work_show_img_zuo .workswipertop .swiper-button-prev:hover{color: #e76c26;}
.work_show_img_zuo .workswipertop .swiper-button-next:hover{color: #e76c26;}
.work_show_con_you{width: 50%;}
.work_show_con_you .content-text{color: #888;}
a.contact-us{display: block;width: 150px;line-height: 42px;border: 1px solid #333;background: #fff;color: #333;}
a.contact-us:hover{background: #e76c26;border-color: #e76c26;color: #fff;}
.productsdetail span{display: inline-block;padding: 10px 15px;background: #333;color: #fff;}
.productDetails h1,.productDetails h2{font-size: var(--fz-32);font-weight: 700;margin-bottom: 10px;}
.productDetails h3,.productDetails h4{font-size: var(--fz-24);font-weight: 700;margin-bottom: 10px;}

a.managementItem{display: block;height: 100%;background: #f7f8f9;}
a.managementItem .name{padding: 15px;color: #333;}
a.managementItem:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
a.managementItem:hover img{transform: scale(1.08);}
.telphone{padding-left: 42px;background: url('../images/phone.png') no-repeat left center/42px;}
.customization{color: #fff;}
.customization-txt-zuo{width: 30%;}
.customization-img-you{width: 60%;}
.customizationItem{border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
.customizationItem .width{width: 50%;}
.messageform .title{color: #595959;margin-bottom: 6px;}
.messageform .title span{color: #f10215;margin-left: 4px;}
.messageform .input{width: 100%;height: 45px;background: #f7f8f9;padding: 0 10px;}
.messageform .content{width: 100%;height: 140px;background: #f7f8f9;padding: 10px;}
.messageform .submit{width: 125px;height: 45px;background: #333;color: #fff;}
.messageform .submit:hover{background: #e76c26;}
.contactusinfo{display: block;padding: 40px;height: 100%;box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
.contactusinfo .picimg{width: 60px;margin: auto;}
.contactusinfo .title{color: #333;}

@media (max-width: 1440px) {
    .CorporateCulture{padding: 30px 20px;}
    .profile-con-txt-zuo{width: 48%;}
    .profile-pic-img-you{width: 48%;}
    a.newslistbox .picimgtop{height: 200px;}
    a.productslist .name{padding: 10px;}
    a.managementItem .name{padding: 10px;}
    .telphone{padding-left: 35px;background-size: 35px;}
    .contactusinfo{padding: 30px;}
    .contactusinfo .picimg{width: 50px;}
}
@media (max-width: 991px) {
    .profile-con-txt-zuo,.work_show_img_zuo{width: 100%;padding-bottom: 12px;}
    .profile-pic-img-you,.work_show_con_you{width: 100%;padding-top: 12px;}
    .CorporateCulture{padding: 20px 10px;}

    .sitebody{padding: 10px 0;border-bottom: 1px solid #f2f2f2;}
    .sitebody .siteflex{display: block;}
    .sitebody .siteflex ul.navsul{white-space: nowrap;overflow-x: auto;padding: 12px 0 4px;}
    .sitebody .siteflex ul.navsul>li>a{line-height: 30px;padding: 0 8px;}
    a.newslistbox .picimgtop{height: 10rem;max-height: 300px;}
    a.productslist .name{padding: 5px;}
    a.contact-us{width: 105px;line-height: 35px;}

    .telphone{padding-left: 24px;background-size: 24px;}
    .customization-txt-zuo{width: 100%;padding-bottom: 12px;}
    .customization-img-you{width: 100%;padding-top: 12px;}
    .customizationItem .width{width: auto;}
    .contactusinfo{padding: 20px;}
    .contactusinfo .picimg{width: 40px;}
}