﻿.contact-us .contact-sec1-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.contact-us .contact-sec1-item{width:32%;padding:0 10px 25px;text-align:center;background:#fff;border-bottom:2px solid transparent;box-shadow:0 5px 20px 0 rgba(235,235,235,.75);transition:border .3s}
.contact-us .contact-sec1-item:hover{border-bottom-color:var(--color)}
.contact-us .contact-sec1-item .icon{color:#fff;height:60px;width:60px;background:var(--color);position:relative;transform:translateY(-8px);display:flex;justify-content:center;align-items:center;margin:0 auto}
.contact-us .contact-sec1-item .icon::before{content:"";position:absolute;right:-8px;top:0;border:4px solid transparent;border-left-color:var(--color);border-bottom-color:var(--color);opacity:.8}
.contact-us .contact-sec1-item .icon .iconfont{font-size:var(--fontsize30)}
.contact-us .contact-sec1-item .item-name{font-size:var(--fontsize22);font-weight:var(--fontbold5);margin:25px 0 0}
.contact-us .contact-sec2{margin-top:30px}
.contact-us .contact-sec2 .item-name{font-size:var(--fontsize30);font-weight:var(--fontbold5)}
.contact-us .wmkcfeedback{margin-top:10px}
.contact-us .send-inquiry .inquiry-form input,.contact-us .send-inquiry .inquiry-form textarea{background:#f6f6f6;border:1px solid #f6f6f6}
.contact-us .wmkcfeedback .send-btn{position:relative;margin:0 auto;background:#000;color:#fff;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;transition:color .5s linear;cursor:pointer}
.contact-us .wmkcfeedback .send-btn::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:var(--color);transform:scaleX(0);transition:transform .5s ease-out;transform-origin:0 50%}
.contact-us .wmkcfeedback .send-btn:hover::before{transform:scaleX(1)}
.contact-us .contact-sec3{margin-bottom:30px}
.contact-us .contact-sec3 iframe{height:450px}
@media (max-width:990px){.contact-us .contact-sec3 iframe{height:240px}
}
@media (max-width:768px){.contact-us .contact-sec1-item .icon{width:50px;height:50px}
.contact-us .contact-sec1-item .icon img{width:20px}
.contact-us .contact-sec1-item .icon .iconfont{font-size:var(--fontsize20)}
.contact-us .contact-sec1-item .item-name{font-size:var(--fontsize18);margin:10px 0 0}
.contact-us .contact-sec2 .item-name{font-size:var(--fontsize24)}
.contact-us .wmkcfeedback .send-btn{min-width:100px}
}
@media (max-width:500px){.contact-us .contact-sec1-item{width:100%;margin-bottom:20px}
.contact-us .contact-sec2{margin-top:10px}
.contact-us .wmkcfeedback .send-btn{min-width:100%}
}


.flex {display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex a {color: #1a1a1a;}
.conttop > .flex > div {width: 50%;}
.conttop iframe {width: 100%;height: 100%;}
.conttop .conttopinfo {background: #f5f5f7;padding: 30px;}
.conttop .conttopinfo .imgbox {border-bottom: none;text-align: center;display: flex;justify-content: space-between;padding: 20px;}
.conttop .conttopinfo .imgbox .item{width: 32%;text-align: center;}
.conttop .conttopinfo .imgbox .img {width: 100%;}
.conttop .conttopinfo .imgbox .img img {width: 100%;}
.conttop .conttopinfo > .flex,.conttop .conttopinfo .lifirst {border-bottom: 1px #dcdcde solid;}
.conttop .conttopinfo .lifirst {padding: 30px 0;}
.conttop .conttopinfo .lifirst .text {width: 92%;}
.conttop .conttopinfo .flex .conttopli {width: 48%;display: flex;align-items: center;margin: 30px 0;}
.conttop .conttopinfo .flex .conttopli:nth-child(2n-1) {border-right: #dcdcde 1px solid;}
.conttop .conttopinfo .hr {width: 100%;height: 4px;color: #1a1a1a;}
.conttop .conttopinfo > .title {font-size: 24px;color: #1a1a1a;font-weight: bold;text-transform: uppercase;}
.conttop .conttopinfo .conttopli .title {font-size: 14px;color: #999999;}
.conttop .conttopinfo .conttopli em {width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 23px;font-weight: bold;text-align: center;line-height: 35px;}
.conttop .conttopinfo .conttopli .info {font-size: 16px;color: #1a1a1a;font-weight: bold;}
.contbot {padding: 3% 0;}
.contbot .conttop-info{width:45%}
.contbot .conttop-info > .title {color: #1a1a1a;font-size: 40px;margin: 0px 0 30px 0;font-weight: bold;}
.contbot .conttop-info .line {width: 80px;height: 4px;background: #e01111;margin: 10px 0;}
.contbot .conttop-info .des {font-size: 16px;line-height: 26px;color: #999999;padding: 20px 0;overflow: hidden;}
.contbot .conttop-info .flex, .contbot .conttop-info .des {border-bottom: 1px #dcdcde solid;padding: 20px 0;}
.contbot .conttop-info .contbotli {width: 48%;}
.contbot .conttop-info .contbotli .title {font-size: 14px;color: #999999;}
.contbot .conttop-info .contbotli .info {font-size: 20px;font-weight: bold;}
.contbot .conttop-info .contbotli .info a {word-break: break-all;}
.contbot .conttop-feed{width:48%}
@media (max-width: 1024px) {.conttop > .flex > div, .contbot > .flex > div {  width: 100%;}
.contbot>.flex>div{width:100%}
.contbot .conttop-feed{padding-left:0;margin-top:10px}
}
.contact-sec3{display:none}
.conttop .conttopinfo .imgbox .img:nth-child(1) img{padding:11% 7% 0;}
@media  (max-width:768px){.conttop .conttopinfo{padding:20px 15px}
.contbot .conttop-info > .title{font-size:26px;margin-bottom:10px}}
@media  (max-width:540px){.conttop .conttopinfo .flex .conttopli{margin:15px 0;width:100%}
.conttop .conttopinfo .flex .conttopli:nth-child(2n-1){border:none}
.conttop .conttopinfo .imgbox{padding:20px 0}
.contbot .conttop-info .contbotli{width:100%;margin:5px 0}}
.container, .container-s {max-width: 100%;}