.p-tb100{padding: 100px 0;}
.p-tb80{padding: 80px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t30{margin-top: 30px;}
.m-t20{margin-top: 20px;}
.rt20{margin-top: -20px;}
.m-t10{margin-top: 10px;}
.fz-48{font-size: 48px;}
.fz-36{font-size: 36px;}
.fz-30{font-size: 30px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 1.8;color: #454545;}
.text-p p{margin-bottom: 0;}
.bga{background: #F7F9FC;}

@media (max-width: 991px) {
    .p-tb100{padding: 60px 0;}
    .p-tb80{padding: 48px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .rt20{margin-top: -10px;}
    .m-t10{margin-top: 5px;}
    .fz-48{font-size: 32px;}
    .fz-36{font-size: 28px;}
    .fz-30{font-size: 24px;}
    .fz-24{font-size: 20px;}
    .fz-20{font-size: 18px;}
    .fz-18{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}
}


.box-item-title{line-height: 1.2;}
.br6{border-radius: 6px;overflow: hidden;}
.slide-box-title{padding-bottom: 8px;position: relative;}
.slide-box-title:before{content: "";width: 54px;height: 3px;background: #dd1213;position: absolute;left: 0;bottom: 0;}
.aboutus-width{max-width: 800px;margin: auto;}
.project-cases-home{padding-bottom: 0;}
.project-cases-home .swiper-wrapper,.protuctswipertop .swiper-wrapper{height: auto;}
.swiper-button-prev-next .swiper-button-prev::after,.swiper-button-prev-next .swiper-button-next::after{font-size: 32px;font-weight: 600;color: rgba(0,0,0,0.32);}
.swiper-button-prev-next .swiper-button-prev:hover::after,.swiper-button-prev-next .swiper-button-next:hover::after{color: #dd1213;}
.swiper-button-prev-next .swiper-button-disabled{opacity: 0;}
.project-cases-home .cases-prev,.project-cases-home .pro-prev{left: -40px;}
.project-cases-home .cases-next,.project-cases-home .pro-next{right: -40px;}
.cases-list-item-home{height: 100%;background: #fff;}
.cases-list-item-home .pic-img-top{display: block;overflow: hidden;}
.cases-list-item-home .pic-img-top:hover img{transform: scale(1.08);}
.cases-list-item-home .con-txt-end{padding: 20px;}
.cases-list-item-home .con-txt-end .title{line-height: 1.4;}
.cases-list-item-home .con-txt-end .title a{color: #000;}
.cases-list-item-home .con-txt-end .title a:hover{color: #dd1213;}
.cases-list-item-home .con-txt-end .desc{color: #555;line-height: 1.6;}
.cases-list-item-home:hover{background: #f3f4f5;}
.cases-list-item-home.pro{padding: 5px;background: #f7f8f9;padding-bottom: 72px;position: relative;}
.cases-list-item-home.pro .desc{color: #555;line-height: 1.6;-webkit-line-clamp: 3;height: 4.8em;}
.cases-list-item-home.pro a.return-to-list{background: #dd1213;color: #fff;position: absolute;left: 20px;bottom: 20px;}
.cases-list-item-home.pro a.return-to-list:hover{background: #b3000f;color: #fff;}
.cases-list-item-home.pro:hover{background: #f3f4f5;}

.protucts-home-wrap .con-txt-list-item{width: 90%;position: absolute;bottom: 6%;left: 50%;transform: translateX(-50%);}
.protucts-home-wrap .con-txt-list-item .content-info{width: 100%;max-width: 420px;padding: 45px 30px;background: rgba(238,238,238,0.72);border-radius: 6px;overflow: hidden;box-shadow: 0 4px 10px rgba(0,0,0,0.08);}
.protucts-home-wrap .con-txt-list-item .content-info .title a{color: #000;}
.protucts-home-wrap .con-txt-list-item .content-info .title a:hover{text-decoration: underline;}
.protucts-prev-next .navs-prev{left: 12%;}
.protucts-prev-next .navs-next{right: 12%;}
.protucts-prev-next .navs-prev:after,.protucts-prev-next .navs-next:after{color: rgba(255,255,255,0.8);}

.choose-item-box{background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,0.08);}
.choose-item-box .contxt{padding: 20px;}
.choose-item-box .contxt .desc{color: #555;}
.get-in-touch{background: url('../images/bg.jpg') no-repeat center/cover;background-attachment: fixed;}
.get-in-touch-form-zuo{width: 55%;}
.messageForm .txt{width: 100%;height: 40px;background: #fff;padding: 0 10px;border: 1px solid #eaeaea;}
.messageForm .con{width: 100%;height: 120px;background: #fff;padding: 6px 10px;border: 1px solid #eaeaea;}
.messageForm .txt:focus,.messageForm .con:focus{background: #f7f8f9;}
.messageForm .subscribe{padding: 10px 20px;background: #dd1213;color: #fff;}
.messageForm .subscribe:hover{background: #b3000f;}
.get-in-touch-info-you{width: 40%;padding: 48px 32px;background: #020401;color: #fff;}
.get-in-touch-info-you .dh_img img{width: 48px;}

@media (max-width: 1229px) {
    .swiper-button-prev-next .swiper-button-prev::after,.swiper-button-prev-next .swiper-button-next::after{font-size: 28px;}
    .protucts-content-end .con-txt-list-item{max-width: 500px;padding: 30px;}
    .protucts-prev-next .navs-prev-next-pages{width: 120px;bottom: 45px;}
    .protucts-prev-next .navs-prev-next-pages .navs-pages{font-size: 18px;}
}
@media (max-width: 991px) {
    .slide-box-title:before{width: 36px;}
    .swiper-button-prev-next .swiper-button-prev::after,.swiper-button-prev-next .swiper-button-next::after{font-size: 24px;}
    .project-cases-home .swiper-button-prev::after,.project-cases-home .swiper-button-next::after{color: #fff;}
    .project-cases-home .pro-prev::after,.project-cases-home .pro-next::after{color: rgba(0,0,0,0.32);}
    .project-cases-home .cases-prev,.project-cases-home .pro-prev{left: 0;}
    .project-cases-home .cases-next,.project-cases-home .pro-next{right: 0;}
    .protucts-content-end .con-txt-list-item{max-width: 460px;padding: 20px;}
    .protucts-prev-next .navs-prev-next-pages{width: 120px;bottom: 15px;}
    .get-in-touch-info-you{padding: 36px 24px;}
    .get-in-touch-info-you .dh_img img{width: 42px;}
    
    .protucts-home-wrap {height: 16rem;max-height: 360px;}
    .protucts-home-wrap .con-txt-list-item .content-info{max-width: 320px;padding: 22px 15px;}
    .protucts-prev-next .navs-prev{left: 0;}
    .protucts-prev-next .navs-next{right: 0;}
}
@media (max-width: 768px) {
    .swiper-button-prev-next .swiper-button-prev::after,.swiper-button-prev-next .swiper-button-next::after{font-size: 20px;}
    .get-in-touch-form-zuo{width: 100%;margin-bottom: 30px;}
    .get-in-touch-info-you{width: 100%;padding: 25px 20px;}
    .get-in-touch-info-you .dh_img img{width: 36px;}
}


ul.menu-navs-ul{margin: -12px -12px 36px;}
ul.menu-navs-ul li{width: 25%;padding: 10px;}
ul.menu-navs-ul li a{width: 100%;height: 100%;font-weight: 700;display: flex;align-items: center;justify-content: center;padding: 10px;border-radius: 50px;border: 2px solid #dd1213;color: #dd1213;transition: all 0.5s;}
ul.menu-navs-ul li a:hover,ul.menu-navs-ul li.active a{background: #dd1213;color: #fff;}
.rowProductsGap{gap: 30px;display: flex;flex-wrap: wrap;}
a.products-list-item.pro{width: calc(33.33% - 20px);}
a.products-list-item{display: block;padding: 5px;background: #f7f8f9;}
a.products-list-item .con-text-end{padding: 20px;}
a.products-list-item .con-text-end .title{color: #000;}
a.products-list-item .con-text-end .desc{color: #666;line-height: 1.6;-webkit-line-clamp: 4;height: 6.4em;}
a.products-list-item:hover{background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
a.products-list-item:hover .pic-img-top img{transform: scale(1.08);}
a.products-list-item:hover .con-text-end .title{color: #dd1213;}
.products-show-wrap table{width: 100%;}
.products-show-wrap table tbody tr td{width: 50%;padding: 30px 0;}
.products-show-wrap table tbody tr td:nth-child(1){padding-right: 30px;}
.products-show-wrap table tbody tr td:nth-child(2){padding-left: 30px;}
.products-show-wrap table tbody tr td h1{font-weight: 700;margin: 15px 0;}
.products-show-wrap table tbody tr td h2{font-weight: 700;margin: 15px 0;}
.products-show-wrap table tbody tr td h3{font-weight: 700;margin: 15px 0;}
.products-show-wrap table tbody tr td h4{font-weight: 700;margin: 15px 0;}
.products-show-wrap table tbody tr td h5{font-weight: 700;margin: 15px 0;}
.products-show-wrap table tbody tr td h6{font-weight: 700;margin: 15px 0;}
.products-show-wrap table tbody tr td img{width: 100%;}

.services-list-item{height: 100%;padding: 32px 24px;background: #fff;border-radius: 6px;box-shadow: 0 2px 6px rgba(0,0,0,0.06);}
.services-list-item .picurl{width: 80px;height: 80px;padding: 10px;margin: auto;background: #f7f8f9;border-radius: 50%;overflow: hidden;}
.services-list-item .title{line-height: 1.4;}
.services-list-item .desc{color: #555;line-height: 1.75;}
.news-list-item{background: #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.06);}
.news-list-item a.pic-img-top{display: block;height: 245px;overflow: hidden;}
.news-list-item:hover a.pic-img-top img{transform: scale(1.08);}
.news-list-item .con-txt-end{padding: 20px;}
.news-list-item .con-txt-end .title{line-height: 1.4;-webkit-line-clamp: 2;height: 2.8em;}
.news-list-item .con-txt-end .title a{color: #000;}
.news-list-item .con-txt-end .time{color: #888;}
.news-list-item .con-txt-end .desc{color: #555;line-height: 1.7;-webkit-line-clamp: 3;height: 5.1em;}
.news-list-item .con-txt-end .title:hover,.news-list-item .con-txt-end .title a:hover{color: #dd1213;}
.news-list-item .con-txt-end .ckxq a.read-more{display: inline-block;line-height: 30px;padding: 3px 24px;border-radius: 50px;background: #dd1213;color: #fff;}
.news-list-item .con-txt-end .ckxq a.read-more:hover{background: #b3000f;}
.news-time-hits{padding-bottom: 12px;color: #555;border-bottom: 1px dashed #dedede;}

.careers-list-box{width: 90%;max-width: 380px;margin: auto;}
.careers-list-box .picurl{display: block;cursor: pointer;overflow: hidden;}
.careers-list-box .title span,.careers-list-box .title a{display: inline-block;padding: 4px 12px;background: #dd1213;border-radius: 6px;color: #fff;cursor: pointer;}
.careers-list-box .picurl:hover img{transform: scale(1.08) rotate(2deg);}
.distributorbg{padding: 1.2rem 0;background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;color: #fff;}
.distributorbg .content-text{color: #fff;}
.distributorbg .classname-en{margin-top: 1.6rem;}
.distributorbg .yx-txt img{width: 36px;margin-right: 12px;}
a.return-to-list{display: inline-block;line-height: 1.6;padding: 6px 24px;border-radius: 50px;background: #dd1213;color: #fff;}
a.return-to-list.cur{margin-right: 20px;background: #b3000f;color: #fff;}
a.return-to-list:hover{background: #b3000f;color: #fff;}
a.return-to-list.cur:hover{background: #b3000f;}

.OnlineMessage{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.95);position: fixed;top: 0;left: 0;z-index: 1000;}
.OnlineMessage .messageclose{width: 20px;height: 20px;cursor: pointer;background: url('../images/closure.png') no-repeat center/100%;position: absolute;top: 20px;right: 20px;}
.OnlineMessage .form_width{width: 90%;max-width: 800px;max-height: 90%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.OnlineMessage .form_width .title{width: 100%;height: 60px;line-height: 60px;background: #dd1213;color: #fff;padding: 0 40px;}
.OnlineMessage .form_width .mess_form_text{max-height: calc(90vh - 60px);padding: 40px;overflow-x: auto;}
.OnlineMessage .messageform .txt{width: 100%;height: 50px;border-bottom: 1px solid #b2b2b2;}
.OnlineMessage .messageform .con{width: 100%;height: 100px;border-bottom: 1px solid #b2b2b2;}
.OnlineMessage .messageform .txt:focus,.messageform .con:focus{border-color: #dd1213;}
.OnlineMessage .messageform .subscribe{padding: 12px 24px;background: #dd1213;color: #fff;border-radius: 6px;}
.OnlineMessage .messageform .subscribe:hover{background: #b3000f;}

.contactus-desc{line-height: 1.75;color: #666;}
.contactus-zuo-info{height: 100%;background: #fff;padding: 30px;box-shadow: 0 3px 8px rgba(0,0,0,0.08);}
.contactus-zuo-info .picurl{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;margin: auto;background: #dd1213;border-radius: 50%;overflow: hidden;}
.contactus-zuo-info .picurl img{width: 24px;}
.contactus-zuo-info .name{color: #666;}
.content-table table{display: block;white-space: nowrap;overflow-x: auto;}

.table-show-bg{padding: 20px 0;/*background: #020401;*/}
.content-table-show table{width: 100% !important;white-space: nowrap;overflow-x: auto;}
.content-table-show table tbody tr.firstRow th,.content-table-show table tbody tr.firstRow td{color: #333 !important;text-align: center !important;padding: 9px 12px !important;background: #f7f8f9 !important;border: 1px solid rgba(0,0,0,0.1) !important;}
.content-table-show table tbody tr td{color: #333 !important;text-align: center !important;padding: 6px 12px !important;border: 1px solid rgba(0,0,0,0.1) !important;}
.content-table-show img{max-width: 100%;}

@media (max-width: 1229px) {
    .rowProductsGap{gap: 30px;}
    a.products-list-item.pro{width: calc(50% - 15px);}
    ul.menu-navs-ul li{width: 33.33%;}
    .products-show-wrap .slide-item .picimg{width: 100%;}
    .products-show-wrap .slide-item .contxt{width: 100%;padding: 20px 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
}
@media (max-width: 991px) {
    .services-list-item{padding: 24px 16px;}
    .services-list-item .picurl{width: 60px;height: 60px;padding: 6px;}
    .rowProductsGap{gap: 20px;}
    a.products-list-item.pro{width: calc(50% - 10px);}
    ul.menu-navs-ul{margin: -8px -8px 24px;}
    ul.menu-navs-ul li{width: 50%;padding: 8px;}
    .distributorbg{padding: 50px 0;}
    .distributorbg .classname-en{margin-top: 60px;}
    .distributorbg .yx-txt img{width: 28px;}
    .products-show-wrap table,.products-show-wrap table tbody,.products-show-wrap table tr,.products-show-wrap table td{display: block;width: 100%;box-sizing: border-box;}
    .products-show-wrap table tbody tr td{width: 100%;padding: 20px 0;border-bottom: 1px solid #eee;}
    .products-show-wrap table tbody tr td:nth-child(1){padding-right: 0;}
    .products-show-wrap table tbody tr td:nth-child(2){padding-left: 0;}
    .content-table-show table{display: block;}
}
@media (max-width: 768px) {
    a.return-to-list{padding: 4px 15px;}
    a.return-to-list.cur{margin-right: 15px;}
    ul.menu-navs-ul{margin: -5px -5px 24px;}
    ul.menu-navs-ul li{width: 100%;padding: 5px;}
    a.products-list-item.pro{width: 100%;}
    
    .news-list-item a.pic-img-top{height: 12rem;max-height: 345px;}
    .OnlineMessage .messageclose{width: 18px;height: 18px;top: 15px;right: 10px;}
    .OnlineMessage .form_width .title{height: 48px;line-height: 48px;padding: 0 35px 0 15px;}
    .OnlineMessage .form_width .mess_form_text{max-height: calc(90vh - 60px);padding: 20px;}
    .OnlineMessage .messageform .txt{height: 40px;}
    .OnlineMessage .messageform .subscribe{padding: 9px 16px;}
    .contactus-zuo-info .picurl{width: 40px;height: 40px;}
    .contactus-zuo-info .picurl img{width: 20px;}
}