@charset "utf-8"; 
.wmkc-flex-row-reverse,.wmkc-flex{align-items:center}
.pro-detail .content p {  font-size: 16px}
.about { background: url(/Content/uploads/2022925064/20220901110920d1f4537022e04ae7a2dca6727d9886cd.jpg) no-repeat}
.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.common-main p{font-size:16px}
.side-news ul .news-img img{object-fit:contain}
.ind-item img{object-fit:cover}
.pro-detail .content h5{margin-bottom:10px;font-weight:bold}
.pro-detail .content .table-responsive{overflow-x:auto}
.ind-wrapper{width: 100%}
@media (min-width:769px){.head,.head-nav>ul .submenu{background:#fff}}
.contact-info-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.contact-info-list .iconbox{width:100px;height:100px;margin:0 auto 20px;background:#f1f1f1;border-radius:50%;display:flex;align-items:center;justify-content:center}
.contact-info-list .iconbox img{max-width:50px}
.contact-info-list .title{font-weight:bold}
.contact-info-list  li{text-align:center;width:32%}
@media (max-width:540px){.about {height: 180vw}}
 .head-nav>ul .submenu .LiLevel1{position:relative}
.head-nav>ul .submenu ul{position:absolute;left:100%;top:0;background:#fff;display:none}
 .head-nav>ul .submenu .LiLevel1:hover ul{display:block}
@media (max-width:768px){.contact-info-list  li{width:100%}
.about {height: 150vw}
.head-nav>ul .submenu ul {position: relative;left: 0;background: transparent;display: block}}
@media(min-width:769px){
#xyz{min-width:120px;margin-left:20px;z-index: 9999}
.xyz12{width:100%;padding: 0}
#xyz ul{display:flex;flex-wrap:wrap;width:600px;position: absolute;right: 0;z-index: -1;margin-top: 35px;box-shadow: 0px 1px 4px rgb(0 0 0 / 13%);background:#fff}
#xyz ul li{width: 200px;padding-left:6px;box-sizing: border-box}
#xyz ul li:nth-child(1){text-align: right;padding-right: 35px;background:none;z-index: -1;position: absolute;top: -35px;right: 0}
#xyz ul li:nth-child(1):hover{background:none}
#xyz .xyz12 span{z-index:9999;right: 0}
#xyz ul li:nth-child(1){width:auto;border: 1px solid #ccc}}
.wmkc-flex-row-reverse,.wmkc-flex{align-items:center}
.contactuslist {display:flex;flex-wrap:wrap;justify-content:space-between}
.contactuslist li {width:32%;background:#eee;text-align:center;padding:20px 10px;box-sizing:border-box}
.contactuslist li .iconbox img {height:50px}
.contactuslist li .title {font-weight:bold;font-size:20px;margin:5px 0 10px}
@media (max-width:768px){.contactuslist li{width:100%}
.contactuslist li .iconbox img {height:40px!important}}