﻿:root{--hometitlefont:42px;}
@media (max-width:1440px){:root{--hometitlefont:30px}}
@media (max-width:1024px){:root{--hometitlefont:26px}}
@font-face{font-family:"iconfont2";src:url('https://css02.v15cdn.com/m436/fonts/iconfont.woff2?t=1758590386987') format('woff2'),url('https://css02.v15cdn.com/m436/fonts/iconfont.woff?t=1758590386987') format('woff'),url('https://css02.v15cdn.com/m436/fonts/iconfont.ttf?t=1758590386987') format('truetype');}
.icon-adress1,.icon-fax,.icon-telephone,.icon-ic_reserve{font-family:"iconfont2" !important;}
.icon-adress1:before{content:"\e608";}
.icon-fax:before{content:"\e602";}
.icon-telephone:before{content:"\e680";}
.icon-ic_reserve:before{content:"\e611";}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;line-height:1.4}
.home-tip{color:var(--color);font-size:var(--fontsize14);font-weight:var(--fontbold5);position:relative;text-align:center;text-transform:uppercase}
.home-tip span{position:relative;padding-left:18px}
.home-tip span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:linear-gradient(0deg,var(--color) 0,#ddebf7 100%)}
.contactlist{display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:5%}
.contactlist li{width:32%;border:1px solid #eaeaea;border-radius:3px;text-align:center;padding:40px 20px;transition:all .2s linear}
.contactlist li em{color:var(--color);font-size:42px;line-height:1.2}
.contactlist li .p2{max-width:340px;margin:0 auto}
.contactlist li .p1{font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.contactlist li a{color:var(--fontcolor)}
.contactlist li a:hover{color:var(--color)}
.contactlist li:hover{border-color:var(--color)}
.contactbox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-bottom:5%}
.contactbox .home-tip{text-align:left}
.contactbox .home-title{text-align:left}
.contactbox .contact-info{width:36%}
.contactbox .contact-info .list{margin:20px 0}
.contactbox .contact-info .list li{font-style:italic;color:#666;font-weight:var(--fontbold5);padding-left:30px;position:relative;margin-bottom:10px}
.contactbox .contact-info .list li::before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:4px solid var(--color)}
.contactbox .contact-info .info-box{background-color:#eef4f9;border-top:3px solid var(--color);display:flex;justify-content:center;padding:30px;line-height:1}
.contactbox .contact-info .info-box .tit{color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold5);margin-bottom:10px}
.contactbox .contact-info .info-box .call-txt{font-size:var(--fontsize26);color:var(--color);font-weight:var(--fontbold6)}
.contactbox .contact-info .info-box .call-txt em{font-size:var(--fontsize26)}
.contactbox .contact-info .info-box .call-txt a{color:var(--color)}
.contactbox .contact-info .info-box .call-box{padding-right:30px;border-right:1px solid var(--color);margin-right:20px}
.contactbox .contact-info .info-box .book-box .p1{font-size:var(--fontsize26);font-weight:var(--fontbold6)}
.contactbox .contact-info .info-box .book-box em{color:var(--color);font-size:var(--fontsize20);font-weight:var(--fontbold5)}
.contactbox .contactfeedback{width:60%;border:1px solid var(--color);padding:50px;border-radius:3px}
.contactbox .contactfeedback .wmkcfeedback{margin-top:25px}
.contactbox .contactfeedback .wmkcfeedback .inquiry-form>*{border:none;border-bottom:1px solid var(--color);border-radius:0;background:none;}
.contactbox .contactfeedback .wmkcfeedback textarea{height:150px}
.contactbox .contactfeedback .wmkcfeedback .send-btn{margin-left:0;margin-top:20px;height:45px;text-transform:inherit}
.wmkcfeedback .send-btn{background-color:var(--color,#111);border-color:var(--color,#111)}
.wmkcfeedback input.input-error,.wmkcfeedback textarea.input-error{border-color:#e00!important}
@media screen and (max-width:1440px){.contactbox .contact-info .info-box{padding:30px 20px}
.contactbox .contact-info .info-box .call-txt{font-size:var(--fontsize18)}
.contactbox .contact-info .info-box .book-box .p1{font-size:var(--fontsize18)}
.contactbox .contact-info .info-box .book-box em{font-size:var(--fontsize16)}
.contactbox .contact-info .info-box .call-txt em{font-size:var(--fontsize22)}}
@media screen and (max-width:1024px){.contactbox .contact-info{width:100%}
.contactbox .contactfeedback{width:100%;margin-top:25px}}
@media (max-width:1024px){.contactlist{padding-bottom:30px}
.contactbox{padding-bottom:30px}}
@media (max-width:768px){.contactlist li{width:100%;margin-bottom:25px}
.contactbox .contactfeedback{padding:20px;border-color:#eee}
.contactbox .contactfeedback .wmkcfeedback .inquiry-form>*{border-bottom:1px solid #eee}
.contactbox .contact-info .info-box{flex-wrap:wrap}
.contactbox .contact-info .info-box .call-box{width:100%;padding:0;margin:0;border-right:none}
.contactbox .contact-info .info-box .book-box{width:100%;margin-top:25px}}