@charset "utf-8";
#appli {background-image: url(/uploads/29884/banner/20241105090430e2f7c.jpg);}
.sol-top { background: url(/uploads/29884/banner/20241105090905df403.png) repeat-x left top;}
.head-top,#ind .adv-icon .icon-item,.foot-main{background: #0F3D79;}
.head-top .head-box:after{border-top: 20px solid #0F3D79;}
.head-top .head-contact i, .head-top .head-contact em,#ind .adv-icon .num,.foot-contact .icon i, .foot-contact .icon em,.foot-feedback .feedback-input .iconfont{color: #5AC2B9;}
#ind .ind-l{background: #F4F4F4;}
.foot-main .foot-title:after{}
#ind .ind-l h3{color: #454545;}
#ind .ind-l .con{color: #575757;}
#ind .adv-icon .num{font-weight: 600;}
.foot-right{background: #2889CD;}
.foot-main .foot-title:after{background: #5AC0BA;}

.main-product .main-part{margin: 29px 0 30px;}
.productall{display: flex;flex-wrap: wrap;justify-content: space-between;}
.products-box{width: 24%;display: flex;position: relative;flex-direction: column;margin-bottom: 2%;}
.products-img{height: 300px;}
.products-img img{width: 100%;height: 100%;object-fit: cover;}
.products-text{background: var(--color);color: #fff;text-align: center;font-size: 18px;padding: 20px;height: 55px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}
@media (max-width:1600px) {.products-img {height: 250px;}}
@media (max-width:1366px) {.products-img {height: 210px;}.products-text{-webkit-line-clamp: 4;}}
@media (max-width:1024px) {.products-text{height: 65px;font-size: 16px;padding: 15px;} }
@media (max-width:768px) {.products-img{height: 260px;}.products-box{width: 48%;}}
@media (max-width:550px) {.products-img {height: 160px;}.products-text{font-size: 14px;padding: 10px;height: 42px;}}
#contact{background: #EFEFEF;}
#contact .foot-title{color: #5f5f5f;}
.wmkc-whatsapp-img{position: absolute;right: calc(100% - 1px);top: 0;width: 120px;text-align: center;padding: 10px 10px 6px;background-color: #fff;border: 1px solid #eee;border-radius: 4px;transform: scale(0);transform-origin: right bottom;}
#wmkc .wmkc-whatsapp:hover .wmkc-whatsapp-img{transition: transform .4s;transform: scale(1);}
@media (max-width:1024px) { .head-top .search-wrap input::placeholder,.head-top .search-wrap input{color: #fff;}}
.pdown2 a#A_DownLoadProduct{background: #ce2027;border-color: #ce2027;color:#fff;}
.pdown2 a#A_DownLoadProduct img{margin-right:10px;}