﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage31-page{margin-top:50px;}
.wmpage31-item{display:flex;flex-wrap:wrap;justify-content:space-between;}
.wmpage31-box{display:flex;align-items:center;width:48%;background-color:#f9fbfe;transition:all .3s;margin-bottom:30px}
.wmpage31-item-main{display:flex;-webkit-box-align:center;align-items:center}
.wmpage31-download{position:relative;max-width:85px;width:100%;margin-left:auto;height:100%;text-align:center}
.wmpage31-download::before{content:'';position:absolute;left:0;top:20px;width:1px;height:calc(100% - 40px);background-color:#f3f5fa}
.wmpage31-download a{display:flex;-webkit-box-align:center;align-items:center;height:100%}
.wmpage31-download a em{margin:0 auto;font-size:var(--wmpage-font24,24px);color:#bec9cd;transition:all .3s}
.wmpage31-title h4{margin:0 auto;font-size:var(--wmpage-font24,24px);color:#25414c;transition:all .3s;margin-bottom:25px}
.wmpage31-pic{width:120px;height:120px;display:flex;justify-content:center;align-items:center}
.wmpage31-pic span{font-size:68px;color:var(--color);line-height:1}
.wmpage31-download a:hover{text-decoration:none}
.wmpage31-box:hover{box-shadow:2px 10px 40px rgba(37,65,76,.2)}
.wmpage31-box:hover .wmpage31-download a em{color:var(--color)}
@media(max-width:1366px){.wmpage31-page{margin-top:25px}
.wmpage31-title h4{font-size:var(--wmpage-font22);margin-bottom:20px}
}
@media(max-width:1024px){.wmpage31-box{}
.wmpage31-item{margin-left:0;justify-content:space-between}
}
@media(max-width:768px){.wmpage31-box{width:100%}
}
@media(max-width:500px){.wmpage31-pic span{font-size:var(--wmpage-font50)}
.wmpage31-title h4{font-size:var(--wmpage-font20)}
}


.home-contact{padding:4% 0;background-size:cover;background-repeat:no-repeat;background-position:right}
.home-contact .inquiry-box{width:50%;background-color:var(--color);padding:40px 50px;color:#fff;border-radius:var(--borderradius)}
.home-contact .inquiry-box .home-tip{text-align:left;color:#fff}
.home-contact .inquiry-box .home-title{text-align:left}
.home-contact .inquiry-box .txt{font-size:var(--fontsize16)}
.home-contact .wmkcfeedback{margin-top:20px}
.home-contact .wmkcfeedback .wmkcfb-fileupload,.home-contact .wmkcfeedback input{height:48px}
.home-contact .wmkcfeedback textarea{height:120px}
.home-contact .wmkcfeedback .wmkcfb-fileupload,.home-contact .wmkcfeedback input,.home-contact .wmkcfeedback textarea{background-color:transparent;border:1px solid rgba(255,255,255,.06);border-radius:var(--borderradius);margin-bottom:16px;color:#fff;font-size:var(--fontsize14)}
.home-contact .wmkcfeedback .wmkcfb-fileupload::placeholder,.home-contact .wmkcfeedback input::placeholder,.home-contact .wmkcfeedback textarea::placeholder{color:#fff}
.home-contact .wmkcfeedback .send-btn{border-color:#fff;width:100%;background-color:#fff;color:var(--color);font-weight:var(--fontbold6);border-radius:var(--borderradius)}
.home-contact .wmkcfeedback .send-btn:hover{background-color:var(--color1);color:#fff;border-color:var(--color1)}

@media (max-width:1024px){.home-contact .inquiry-box{width:60%}}
@media (max-width:768px){.home-contact .inquiry-box{width:100%}}
@media screen and (max-width:500px){.home-contact .inquiry-box{padding:20px}}
.home-contact .l-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.home-contact .inquiry-info{width: 42%;}
.home-contact .inquiry-info .p1{margin-bottom: 30px;font-size: 2.5vw;font-weight: bold;line-height: 1;}
.home-contact .inquiry-info .p2{margin: 10px 0;font-size: 1.2vw;}
.home-contact .inquiry-box{width: 55%;color: #000;background: transparent;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;display: flex;flex-direction: column;justify-content: center;}
.home-contact .wmkcfeedback{margin-top: 0;}
.home-contact .wmkcfeedback .wmkcfb-fileupload, .home-contact .wmkcfeedback input, .home-contact .wmkcfeedback textarea{width: 100% !important;background: #fff;border: 1px solid #eaeaea;}
.home-contact .wmkcfeedback .wmkcfb-fileupload::placeholder, .home-contact .wmkcfeedback input::placeholder, .home-contact .wmkcfeedback textarea::placeholder{color: #000;}
.home-contact .wmkcfeedback .send-btn{color: #fff;background: var(--color);border: 1px solid var(--color);}
.home-contact .wmkcfeedback .send-btn:hover{color: #000;background: transparent;border-color: var(--color);}
@media (max-width:1024px){
.home-contact .inquiry-info .p1{font-size: 28px;}
.home-contact .inquiry-info .p2{font-size: 16px;}
}
@media (max-width:768px){
.home-contact{padding: 30px 0;}
.home-contact .inquiry-info{width: 100%;margin-bottom: 15px;}
.home-contact .inquiry-info .p1{margin-bottom: 20px;}
.home-contact .inquiry-box{width: 100%;padding: 30px;}
}
@media (max-width:540px){
.home-contact .inquiry-info .p1{font-size: 22px;line-height: 1.3;margin-bottom: 10px;}
.home-contact .inquiry-info .p2{margin: 5px 0;}
.home-contact .inquiry-box{padding: 15px;}
}