@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
a,a:hover{text-decoration:none;color:inherit;cursor:pointer}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
textarea{overflow:auto}
button{cursor:pointer}
i{vertical-align:middle;font-style:normal}
img{max-width:100%;border:none}
input::placeholder,textarea::placeholder{font-family:inherit}
li,ul{list-style:none}
.clearfix{zoom:1}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
.clearfix::after{content:'';display:block;height:0;visibility:hidden;clear:both}
main,section{display:block}
.flex{display:flex;flex-wrap:wrap}
.flex-ai-c{display:flex;flex-wrap:wrap;align-items:center}
.flex-ai-fs{display:flex;flex-wrap:wrap;align-items:flex-start}
.flex-ai-fe{display:flex;flex-wrap:wrap;align-items:flex-end}
.flex-jc-c{display:flex;flex-wrap:wrap;justify-content:center}
.flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.flex-jc-sa{display:flex;flex-wrap:wrap;justify-content:space-around}
.flex-jc-fe{display:flex;flex-wrap:wrap;justify-content:flex-end}
.flex-jc-fs{display:flex;flex-wrap:wrap;justify-content:flex-start}
.flex-jc-ai-c{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.flex-jc-ai-sb{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.line1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.line2{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.line5{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
table{border-collapse:collapse}
.table td,.table th{border:1px solid #e5e5e5;padding:6px 16px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #e5e5e5;padding:8px}
body{font-family:Roboto,sans-serif;max-width:1920px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.5;overflow-x:hidden;color:#333;overflow-x:hidden;padding-top:70px}
.bodylay{position:fixed;top:1rem;bottom:0;right:0;left:0;z-index:98;display:none;background:rgba(0,0,0,.6)}
.noscroll{overflow-y:hidden}
/*!index  */
header{position:fixed;width:100%;top:0;left:0;z-index:99;border-bottom:1px solid #ececec;background:#FFF}
.logo{max-width:200px;}
.logo img {height:auto;max-height:70px;}
.nav li a{display:block;font-weight:500;color:#000;line-height:70px;padding:0 20px;text-transform:uppercase}
.nav li a:hover{color:#ffb53b}
.banner .container{justify-content:space-between;}
.banner-l{width:36%}
.banner-r{width:50%}
.banner-tit{font-size:30px;font-weight:500;color:#222;line-height:1}
.banner-tit span{font-size:100px;font-weight:700}
.banner-text{font-size:14px;color:#777}
.searchbox{max-width:480px;height:40px;margin-top:28px}
.searchbox input{width:calc(100% - 110px);height:100%;background:#e9ebec;border-radius:3px 0 0 3px;padding:0 20px;border:1px solid transparent}
.searchbox button{width:110px;height:100%;background:linear-gradient(90deg,#ffb53b,#ff8108);border-radius:0 5px 5px 0;color:#FFF}
.searchbox button img{margin-right:10px}
.maypro{background:#f2f2f2;padding:2.5% 0}
.home-text{font-size:14px;color:#1b4cc3;text-align:center}
.home-tit{font-size:25px;font-weight:500;color:#000;text-align:center;text-transform:uppercase}
.maypro-list{margin-top:30px}
.maypro-list li{width:23%;background:#FFF}
.maypro-item-img{overflow:hidden;max-height:250px;}
.maypro-item-img img{transition:transform .2s linear;display:block;margin:0 auto}
.maypro-list li:hover .maypro-item-img img{transform:scale(1.1)}
.maypro-item-box{border-top:1px solid #e5e5e5;padding:3%;justify-content:space-between}
.maypro-item-tit{width:calc(100% - 50px);font-size:14px;max-height:42px}
.maypro-item-icon{width:25px;height:25px;background:linear-gradient(90deg,#ffb53b,#ff8108)}
.maypro-list li:hover .maypro-item-tit{color:#ffb53b}
.feed{padding:2% 0}
.feedbackForm{margin-top:20px;font-size:14px;color:#555}
.feedbackForm input{height:44px;background:#f2f2f2;border-radius:3px;width:48%;padding:0 20px;border:1px solid transparent}
.feedbackForm textarea{width:100%;background:#f2f2f2;border-radius:3px;min-height:160px;margin:20px 0 15px;padding:20px;border:1px solid transparent}
.feedbackForm button{display:block;width:170px;height:40px;background:linear-gradient(90deg,#ffb53b,#ff8108);border-radius:3px;margin:0 auto;color:#FFF;font-size:16px}
.feedbackForm button img{margin-left:10px}
.feedbackForm .input-error{border-color:#ffb53b}
footer{background:#2e2e2e}
.copy{font-size:14px;color:#b1b1b1;text-align:center;padding:20px 0}
.copy span{margin-left:6px}
.mmenu{display:none}
.searchbox .search-error{border:1px solid #ffb53b;border-right:none}
@media(max-width:768px){
html{font-size:13.333vw}
header>.container{height:.99rem;align-items:center}
.mmenu{display:flex;flex-direction:column;justify-content:space-between;width:36px;height:26px}
.mmenu p{width:100%;height:2px;background:#000;transition:transform .2s linear}
.nav li a{line-height:1rem;font-size:.28rem;font-weight:400}
nav{position:fixed;top:1rem;background:#FFF;right:-100%;width:60vw;bottom:0;z-index:99;transition:right .2s linear;overflow-y:auto}
.nav{display:block}
.head-act .mmenu p:nth-child(1){transform:rotate(45deg) translate(8px,10px)}
.head-act .mmenu p:nth-child(2){transform:scale(0)}
.head-act .mmenu p:nth-child(3){transform:rotate(-45deg) translate(7px,-10px)}
.head-act nav{right:0}
body{padding-top:1rem}
.banner-l{width:100%;text-align:center}
.banner-r{width:100%;text-align:center}
.searchbox{margin:.3rem auto .5rem}
.banner-tit,.home-tit{font-size:.38rem}
.banner-tit span{font-size:1rem}
.maypro-list li{width:48%;margin-bottom:4%}
.feed,.maypro{padding:.5rem 0}}
@media(max-width:481px){
.feedbackForm{margin-top:0}
.feedbackForm input{height:.9rem;width:100%;margin-top:20px}
.feedbackForm textarea{min-height:150px}
.copy{padding:20px 0}}
@media(max-width:415px){
html{font-size:56px}}
.toast-top-center{top:30%}
.wmkcfeedback{margin-top:20px;font-size:14px;color:#555}
.wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcfeedback input{height:44px;background:#f2f2f2;border-radius:3px;width:48%;padding:0 20px;border:1px solid transparent;margin-bottom:20px;font-size:16px;}
.wmkcfeedback textarea{width:100%;background:#f2f2f2;border-radius:3px;min-height:160px;padding:20px;border:1px solid transparent;margin-bottom:20px;font-size:16px;}
.wmkcfeedback .input-error{border-color:var(--color,#ffb53b)}
.wmkcfeedback button{min-width:170px;height:40px;background:linear-gradient(90deg,#ffb53b,#ff8108);border-radius:3px;margin:0 auto;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}
.wmkcfeedback .select-menu{width:48%;margin-bottom:20px;position:relative}
.wmkcfeedback .select-menu .select-menu-div{position:relative;width:100%}
.wmkcfeedback .select-menu .select-menu-div em{position:absolute;right:30px;top:50%;transform:translateY(-50%);transition:all .4s ease;cursor:pointer}
.wmkcfeedback .select-menu .select-menu-div em.select-menu-i{transform:rotateX(180deg)}
.wmkcfeedback .select-menu .select-menu-div em::after,.wmkcfeedback .select-menu .select-menu-div em::before{content:"";width:10px;height:2px;background:#666;position:absolute;top:50%;left:0;transform:rotate(45deg)}
.wmkcfeedback .select-menu .select-menu-div em::after{transform:rotate(-45deg);left:6px}
.wmkcfeedback .select-menu .select-menu-div .select-menu-input{margin:0!important;width:100%!important;cursor:pointer;user-select:none;padding-right:100px}
.wmkcfeedback .select-menu .select-menu-ul{box-shadow:0 1px 15px 0 rgba(15,19,39,.1);list-style:none;display:none;width:99.7%;text-align:left;border:1px solid #ddd;background:#fff;position:absolute;z-index:9;padding:0;margin:0}
.wmkcfeedback .select-menu .select-menu-ul li{padding:0 15px;line-height:2;cursor:pointer;font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.wmkcfeedback .select-menu .select-menu-ul li:hover{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n){background:#f5f4f4}
.wmkcfeedback .select-menu .select-menu-ul li:nth-child(2n):hover{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li.select-this{background:#f2faea}
.wmkcfeedback .select-menu .select-menu-ul li.select-this:hover{background:#f2faea!important}
.wmkcfeedback .feed-verification{position:relative;width:100%;max-width:320px}
.wmkcfeedback .feed-verification input{margin:0;width:100%}
.wmkcfeedback .feed-verification img{position:absolute;top:50%;transform:translateY(-50%);right:10px;cursor:pointer}
.wmkcfeedback .send-btn[disabled]{background:#999;color:#fff}
.wmkcfeedback .send-btn[disabled]::before{content:none}
.wmkcfeedback .send-btn::before{content:"";position:absolute;z-index:-1;top:-1px;left:-1px;right:-1px;bottom:-1px;background:var(--color,#ff9c00);transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out}
.wmkcfeedback .send-btn em{position:relative;margin-left:8px}
.wmkcfeedback .send-btn .loading{width:15px;height:15px;border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:feedbacksenloading infinite .75s linear}
@keyframes feedbacksenloading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@media (max-width:768px){.wmkcfeedback input{width:100%}
.wmkcfeedback .select-menu{width:100%}
.wmkcfeedback .feed-verification{max-width:100%}
}