﻿@charset "utf-8"; 
.pro-detail .content img{display:block}
.wmkc-template-33 .wmkc-flex {display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-item-img {padding:0!important}
.wmkc-template-33 .wmkc-item-img img {max-height:inherit!important;position:static!important}
.wmkc-template-32 .wmkc-item-img img, .wmkc-template-33 .wmkc-item-img img, .wmkc-template-39 .wmkc-item-img img, .wmkc-template-40 .wmkc-item-img img{height:auto}
.map .contact-box{padding-top:2%}
.about {background:url(/uploads/202339283/ImgScroll/ba189968af-a86b-4dfe-adaa-5b5de851f6c4.jpg) no-repeat}
*{font-family:calibri!important}
.wmkc-facebook {background:#1278F3}
.wmkc-facebook .wmkc-icon {background:url(/images/icon/face2.png) no-repeat center;background-size:22px}
.wmkc-facebook:hover .wmkc-icon {background-image:url(/images/icon/face1.png)}
.wmkc-linkedin:hover {background:#fff}
.wmkc-linkedin {background:#0B66C1}
.wmkc-linkedin .wmkc-icon {background:url(/images/icon/link2.png) no-repeat center;background-size:22px}
.wmkc-linkedin:hover .wmkc-icon {background-image:url(/images/icon/link1.png)}
.wmkc-linkedin:hover {background:#fff}
.wmkc-solution .wmkc-item-img img{height:auto}
main .common-content .common-main img{height:auto}
.code-img img{margin-right:10px;width:100%}
.code-img div{color:#fff;max-width:140px;text-align:center;margin-bottom:10px}
.head-nav>ul>li>a,.hot-pro .pro-name,.news-title,.prolist-1 .pro-name,.pro-review .pro-preview-right .pro-name,.pro-detail .title span,.newslist-0 li .info h4{font-weight: var(--fontbold7);}
@media (min-width:1025px){.head-nav>ul>li>a{font-size:20px;}
.common-title,.about-title{font-size:42px;}
.hot-pro .pro-name,.news-title,.prolist-1 .pro-name,.newslist-0 li .info h4{font-size:20px;}
.pro-review .pro-preview-right .pro-name{font-size:28px;}
.side-about .item,.side-about .LocalCurrent{font-size:16px;}
.head-nav>ul>li#licontact-us{display:flex;justify-content:center;align-items:center;margin:0 5px;}
.head-nav>ul>li#licontact-us>a:not(.inmenu_1){height:50px;background:#000;color:var(--color);border-radius:10px;}}
@media screen and (min-width:769px){.headtop {width:100%;height:40px;background:#000;}
.tcont {display:flex;color:#fff;font-size:15px;}
.headtop .head-wrapper {justify-content:space-between;}
.tcont a {color:#fff;}
.tcont em{margin-right:5px}
.tcont a:hover {color:var(--color);}
.tcont p {margin-right:28px;}
.head {height:140px!Important;z-index: 999999;}
.head>.head-wrapper {height:calc(100% - 40px);position: relative;}
main {margin-top:140px;}
.head.headscroll {height:110px!Important}}
@media screen and (max-width:768px){.headtop{display:none}}
@media (min-width:769px){#liproducts{position:static}
#liproducts .submenu{padding:10px calc(50% - 700px);list-style:none;width:100%;display:flex;flex-wrap:wrap;left:0;box-sizing:border-box}
#liproducts .submenu>li{margin:10px 1.333% 10px 0;position:relative;width:24%;}
#liproducts .submenu>li:nth-child(4n){margin-right:0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li .item-info{width:130px;height:130px;margin-right:10px;overflow:hidden;margin:0 auto;}
#liproducts .submenu>li .item-info>a{padding:0;}
#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
#liproducts .submenu>li>a{text-decoration:none;width:100%;height:auto;text-align:center;padding:0;font-size:18px;font-weight:var(--fontbold7)}
#liproducts .submenu>li>a:hover{background: none;color: var(--fontcolor);}}
@media (max-width:1520px) and (min-width:769px){#liproducts .submenu{padding:10px calc(50% - 600px)}}
@media (max-width:1280px) and (min-width:769px){#liproducts .submenu{padding:10px calc(50% - 500px)}}
@media (max-width:768px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;width:100%}
#liproducts .submenu>li .item-info{display:none}}
.tqrcode {align-items:center;display:flex;justify-content:space-between;margin:0 20px;height:100%;}
.tqrcode img {max-width:48%;max-height:90%;}
@media (max-width:1280px){.tqrcode{display:none}}
@media (min-width:769px){.head-nav>ul>li>a{white-space:nowrap}}
@media (max-width:1520px) and (min-width:769px){.head-nav>ul>li>a{padding:0 12px}}