@charset "utf-8"; 
.highpro-l img{object-fit:cover}
.latestnews-img img{max-height:100%}
.hotpro-title{max-height:42px}
.newsdetails-cont p{margin-bottom:2px}
header .header-top{height:40px;line-height:40px;background:var(--color);}
header .header-top .con{display:flex;align-items:center;justify-content: flex-end;}
header .header-top .con p{margin-right:30px;}
header .header-top .con a,header .header-top .con p{color:#fff}
@media (min-width:1025px){body{padding-top:140px;}
header,.headact{height:140px;}
header>.container{height:100px;}}
@media (max-width:1024px){header .header-top{display:none}}
.compositetags{padding-top:20px}
.compositetagslist {display:flex;flex-wrap:wrap;}
.compositetagslist li {font-weight:bold;padding:10px 25px;margin:0 15px 15px 0;background:#6d6d6d;color:#fff;border-radius:5px;font-size:18px;cursor:pointer;text-transform:capitalize;}
.compositetagslist li.active,.compositetagslist li:hover {background:var(--color);}
.compositetags-info {display:none;padding:15px 0;}
.active.compositetags-info {display:block;}
.compositetagstitle {font-size:22px;padding:0 0 15px;border-bottom:1px solid #ccc;margin-bottom:15px;text-transform:uppercase;}
@media (max-width:1024px){.compositetagslist li{padding:7px 16px;font-size:16px;margin:0 10px 10px 0}}
@media (max-width:768px){.compositetagslist {justify-content:space-between}
.compositetagslist li{width:48%;margin:0 0 10px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px 8px;font-size:14px;line-height:20px;min-height:50px}}
@media (min-width:1025px){
.hotproduct-l {width: 100%;padding-right: 0;display: flex;flex-direction: column-reverse;}
.hotproduct-r {width:100%;}}
.hotprocate li{padding: 15px;font-size: 26px;text-align: center;width: 25%;}
.hotprocate {margin: 15px 0 30px;padding-right: 0;display: flex;justify-content: space-between;display: none;}
.hotproduct-l lite-youtube {margin-top:20px;max-width:100%}
.prodetails-page .share-btn-list .twitter{display:none;}
.prodetails-page .share-btn-list .facebook{display:none;}
.prodetails-page .share-btn-list .pinterest{display:none;}
#wmkc .wmkc-list {display:flex;flex-direction:column;}
li.wmkc-email {order:1}
li.wmkc-wechat {order:2}
li.wmkc-whatsapp {order:3}
.writetous .container-s {flex-direction:row-reverse;}
.write-text {font-size:19px;padding-left:25px}
@media (max-width:1024px){.write-text{font-size:17px;margin:0 0 20px;padding:0}}
.writetous .home-more{color:var(--fontcolor);border-color:var(--fontcolor);background:none;}
.writetous .home-more:hover{color:var(--fontcolor);background:#fff;}
@media (min-width:1025px){.writetous .home-more{font-size:var(--fontsize24)}
.write-text{max-width:900px;font-size:var(--fontsize22)}}
@media (max-width:1024px){.writetous .home-more{font-size:var(--fontsize20)}}
.highpro{display: none;}
.hotproduct .flex{flex-direction: column;}
.hotproduct .home-title{text-align: center;margin: 30px 0;}
.hotpro-list li:nth-child(3n){margin-right: 0;}
.hotpro-list li {width: 24%;margin: 0;margin-bottom: 1%;}
.hotproduct-l .home-more{display: none;}
.hotproduct{padding: 0;}
.hotpro-list{justify-content: space-between;}
.location{position: relative;}
.location-boxs{position: absolute;left: 3%;bottom: 3%;background: #ffffff;padding: 20px;box-shadow: 0px 1px 3px 2px #eee;}
.location-boxs h5{color: var(--color);font-size: 18px;margin-bottom: 15px;}
.location-boxs p{font-size: 18px;}
@media (max-width: 1024px) {
.hotpro-list li{width: 49%;margin: 0;margin-bottom: 1%;}
.hotproduct-l{display: flex;flex-direction: column-reverse;}
.location-boxs{position: unset;margin-top: 20px;}}
.foot-list>.foot-item1{display:none}
.foot-list>.foot-item-box{width:100%}
.location-boxs{display:none}
.prefoot{background:#7e7e7f;padding:20px 15px;display:flex;align-items:center;justify-content:center}
.prefoot .title1{color:var(--color);font-size:18px;font-weight:var(--fontbold6);margin-right:20px}
.prefoot .desc{font-size:38px;font-weight:700;color:#010101}
.prefoot-box{display:inline-block}
  header .header-top .con{ justify-content: space-between; height: 100%; }
header .header-top .con .con-right{display: flex;align-items: center;}
footer .fshare ul li .iconfont{font-size: 26px;width: 25px;height: 25px;background: #14458A;border-radius: 5px;}
.prefoot{display: block;padding: 0;}
.prefoot img{width: 100%;height: 100%;display: block;max-height: 200px;}
.fshare a[title="linkedin"] span{margin-right:5px;}
.fshare a[title="linkedin"] span strong{color: #fff;}
@media (min-width: 1025px) {.logo img,.headact .logo img{max-height:95px;}
.foot-item2{width:28%;}}
header .header-top .con a{display:inline-flex;align-items:center;}
header .header-top .con a span{margin-right:5px;display: flex;align-items: center;}
header .header-top .con a .iconfont{font-size:20px;width:25px;height:25px;background:#14458a;border-radius:5px;display:flex;align-items:center;justify-content:center;margin: 0px 8px;}
header .header-top .con a span strong{color:#111}
.fshare a[title=linkedin] span strong , .fshare a[title=linkedin] span {color:var(--color)}
.hotproduct .mainpro-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.hotproduct .mainpro-list li{width:24%;border:1px solid #eee;margin-bottom:20px}
@media (max-width:1024px){.hotproduct .mainpro-list li{width:49%}}
.hotproduct .mainpro-list li>a {display: block;overflow: hidden;position: relative;}
.hotproduct .mainpro-list li:hover .hotpro-box{bottom:0px}
.home-videos iframe{height: 660px;}
@media (max-width:1024px) {.home-videos iframe{height: 440px;}}
@media (max-width:768px) {.home-videos iframe{height: 370px;}}
@media (max-width:600px) {.home-videos iframe{height: 270px;}}
.fshare{flex-direction: column;}