:root{--white:#fff;--black:#000;--mainColor:#12345678;--red:red}
@media only screen and (max-width:1439.98px){#contactUs{width:100%}
#contactUs .contactUs--wrapper .contactUs--header{padding:31px 20px 35px;box-sizing:border-box}
#contactUs .contactUs--wrapper .contactUs--header .title{margin-bottom:10px;font-size:24px;line-height:120%;font-family:MYingHei W7,Medium-65,Microsoft Yahei,sans-serif}
#contactUs .contactUs--wrapper .contactUs--header .subtitle{font-size:14px;line-height:133%}
#contactUs .contactUs--wrapper .contactUs--content{background:#f9f9f9}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner{width:calc(100% - 40px);margin:0 auto;padding-bottom:20px}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item{width:316px;height:165px;background:#fff;margin-top:20px;box-sizing:border-box;padding:0 20px;color:#000;-ms-flex-direction:row !important;flex-direction:row !important;-ms-flex-pack:start !important;justify-content:start !important}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item--icon{width:60px}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .content-m{margin-left:24px}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .content-m .item--title{font-size:18px;white-space:nowrap}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .content-m .item--subtitle{margin-top:16px;font-size:14px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .content-m .item--description{margin-top:4px;font-size:14px;color:rgba(0,0,0,.55)}
#contactUs .contactUs--wrapper .contactUs-popup{height:340px;background:#fff}
#contactUs .contactUs--wrapper .contactUs-popup .popup-title{height:50px;line-height:50px;font-size:16px;color:#000}
#contactUs .contactUs--wrapper .contactUs-popup .popup-img{width:180px;margin-top:24px}
#contactUs .contactUs--wrapper .contactUs-popup .popup-text{margin-top:24px;font-size:12px;line-height:133%;color:rgba(0,0,0,.55)}
}
@media only screen and (min-width:768px)and (max-width:1439.98px){#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner{display:grid !important;grid-template-columns:repeat(auto-fit,316px);-ms-flex-pack:center;justify-content:center;grid-gap:20px;padding-top:20px}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item{margin-top:0 !important}
}
@media only screen and (min-width:1440px){#contactUs{width:100%}
#contactUs .contactUs--wrapper .contactUs--header{padding:58px 0;box-sizing:border-box}
#contactUs .contactUs--wrapper .contactUs--header .title{margin-bottom:12px;font-size:40px;line-height:120%;font-family:MYingHei W7,Medium-65,Microsoft Yahei,sans-serif}
#contactUs .contactUs--wrapper .contactUs--header .subtitle{font-size:18px;line-height:133%}
#contactUs .contactUs--wrapper .contactUs--content{background:#f9f9f9}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner{width:900px;padding:61px 0 44px;display:grid !important;grid-template-columns:repeat(auto-fit,280px);-ms-flex-pack:center;justify-content:center;grid-gap:20px}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item{width:280px;height:340px;background:#fff;box-sizing:border-box;padding:0 30px;color:#000;position:relative;-ms-flex-pack:start !important;justify-content:start !important}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item-hover{display:none;position:absolute;width:280px;height:340px;left:0;top:0;background:#fff;box-sizing:border-box;padding:0 30px;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item-hover--img{width:180px;height:180px}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item-hover--text{margin-top:8px;font-size:16px;color:rgba(0,0,0,.55);text-align:center}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item:hover{transform:translateY(-10px);box-shadow:0 5px 10px 0 rgba(0,0,0,.1)}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item:hover .item-hover{display:-ms-flexbox;display:flex}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item--icon{width:80px;margin-top:58px}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item--title{margin-top:12px;font-size:24px;white-space:nowrap}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item--subtitle{margin-top:32px;font-size:16px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#contactUs .contactUs--wrapper .contactUs--content .contactUs--inner .contactUs--item .item--description{margin-top:8px;font-size:16px;color:rgba(0,0,0,.55)}
}
@media screen and (min-width:672px)and (max-width:768px){#contactUs .contactUs--inner .contactUs--item{margin-left:10px;margin-right:10px}
}