﻿.page-box .page-l{display:none}
.page-box .page-r{width:100%;max-width:1150px;float:initial;margin:0 auto;}
.contact-top{display:flex;align-items:center;justify-content: space-between;margin-bottom:30px;}
.contact-top .top-left{width:100%;}
.contact-top .top-left .tit{font-weight: var(--fontbold7);color:var(--color);font-size:36px;margin-bottom:10px;}
.contact-top .top-left .des{color:var(--introcolor)}
.content-bot .top-right{margin-bottom:3%;}
.content-bot .top-right ul{display:flex;list-style: none;justify-content: space-between;}
.content-bot .top-right .item{text-align:center}
.content-bot .top-right .item p.des{font-size:18px;}
.content-bot .top-right .item .num{width:150px;height:150px;border-radius: 50%;background: var(--color);color:#fff;padding:10px;display:flex;align-items:center;justify-content: center;font-weight: var(--fontbold7);font-size:26px;margin-bottom:10px;margin-left:auto;margin-right:auto;}
.content-bot{display:flex;justify-content: space-between;flex-wrap:wrap;}
.content-bot .bot-left{width:45%;background: var(--color);padding:20px;border-radius: 10px;}
.inquiry-form input{width:100%;margin-bottom:10px;}
.inquiry-form input:nth-of-type(2n-1){margin-right:0;}
.content-bot .bot-left p{text-align:center;font-weight: var(--fontbold7);font-size:30px;color:#fff;}
.content-bot .bot-right{width:50%;display:flex;flex-direction: column;justify-content: space-around;}
.wmkcfeedback .send-btn{width:100%;border:1px solid #fff;border-radius: 10px;}
.content-bot .bot-right .me-item{display: flex;margin-bottom:3%}
.content-bot .bot-right .me-item p:nth-child(1){font-weight: var(--fontbold7);width:25%;font-size:20px;color:var(--color)}
.content-bot .bot-right .me-item p:nth-child(2){width:75%;font-size:20px;}
.content-bot .bot-right .me-item a:hover{color:var(--color)}
@media (max-width:768px){.contact-top{flex-wrap:wrap}
.contact-top .top-left .tit,.content-bot .bot-left p{font-size:28px}
.content-bot .top-right{margin-top:20px;margin-bottom:20px;}
.content-bot .top-right,.contact-top .top-left{width:100%;}
.content-bot .bot-left{width:100%;}
.content-bot .bot-right{width:100%;margin-top:20px;}}
@media (max-width:600px){.content-bot .top-right .item .num{width:100%;height:auto;aspect-ratio: 1/1;font-size:18px;}
.content-bot .top-right .item{width:32%;}
.contact-top .top-left .tit, .content-bot .bot-left p{font-size:22px;}
.content-bot .bot-right .me-item p:nth-child(2),.content-bot .bot-right .me-item p:nth-child(1){font-size:16px}}