.contact-page1 .container{display:flex;align-items:flex-start;padding:0}
.contact-us .siggle-cont{max-width: 100%;}
.page1-left{flex:1;padding-right:50px;padding-top:25px}
.page1-right{background:#fff;box-shadow:3px 3px 21px 3px rgba(229,229,229,.76);border-radius:10px;width:48%;padding:60px 30px;box-sizing:border-box}
.page1-feed .p1{font-weight:700;font-size:36px;color:#00204a;line-height:48px;margin-bottom:25px}
.page1-feed .p2{margin-bottom:25px;color:#666}
.page1-contant .inquiry-form textarea{height:85px}
.page1-left h2,.page2-con h3,.page3-title h4{font-weight:700;font-size:36px;color:#00204a;line-height:48px}
.page-span{width:183px;height:1px;background:#e8e8e8;margin:35px 0 0;position:relative}
.page-span::after{position:absolute;content:"";bottom:0;left:0;transform:skewX(320deg);width:44px;height:4px;background:#df6512}
.page1-text{margin:37px 0;color:#666}
.page1-ic{width:50px;height:50px;background:var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:15px}
.page1-ic em{color:#fff;font-size:18px;width:18px;line-height:1}
.page1-item{display:flex;align-items:center;margin-bottom:15px}
.page1-p{margin-bottom:22px;color:#666}
.page1-tit{font-weight:700;font-size:24px;color:#00204a;line-height:30px}
.page1-top{background:#f5f5f7;border-radius:3px;padding:18px 25px;text-align:center;margin-top:25px}
.page1-span{margin-bottom:45px;border-bottom:1px #dcdcdc dashed;padding-bottom:25px}
.page1-bottom{display:none;margin-top:25px;height:0;transition:all .3s ease-in-out}
.page1-bottom table{width:100%;border:1px solid #f9fafb}
.page1-bottom table tr td{width:50%;padding:20px 45px;line-height:1}
.page1-bottom table tr td:nth-of-type(1){border-right:1px solid #e2e8f0}
.page1-bottom table tr:nth-of-type(2n){background:#fff}
.page1-bottom table tr:nth-of-type(2n-1){background:#f9fafb}
.page1-span p{color:#666;line-height:1.6;font-style:italic;cursor:pointer}
.page1-span p em{color:#df6512;font-weight:700;margin-left:10px;line-height:1}
.page1-span p span{font-weight:700;color:var(--color)}
.page2-left{width:50%;padding-left:13.5%;padding-right:2%;background:#f5f5f7;display:flex;flex-direction:column;justify-content:center}
.page2-right{width:50%}
.page2-right iframe{height:560px}
.contact-page2{display:flex;margin-top:65px}
.page2-ic{width:50px;height:50px;background:#fff;border-radius:25px;border:1px solid #e1e1e1;display:flex;justify-content:center;align-items:center}
.page2-item{display:flex;padding:18px 0}
.page2-contact .p1{font-weight:700;font-size:18px;color:#00204a}
.page2-list{margin-top:35px}
.page2-contact .p2{color:#666}
.page2-contact{padding-left:15px;flex: 1;}
.page2-ic em{color:#666;font-size:24px;width:24px;line-height:1;font-weight:700}
.page3-title{line-height:1;padding-bottom:20px;text-align:center;position:relative}
.page3-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%) skewX(320deg);width:44px;height:4px;background:#df6512}
.page3-title::before{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:180px;height:1px;background:#e8e8e8}
.contact-page3{padding:65px 0}
.page3-list{display:flex;justify-content:space-between;margin-top:70px}
.page3-item{width:31.5%}
.page3-images{overflow: hidden;}
.page3-images img{transition:all .3s ease-in-out}
.page3-images:hover img{transform: scale(1.02);}
.page1-span.active .page1-bottom{display: block;margin-top: 25px;height: auto;}
.page3-dev{color:#222f5a;text-align:center;margin-top:25px}
.page3-tit{font-weight:700;font-size:24px;color:#000;text-align:center;padding:20px 0;border-bottom:1px solid #eee;margin-bottom:20px}
.page3-text p{color:#666;line-height:28px;text-align:center;min-height:115px}
.page3-btn{display:flex;justify-content:center;margin-top:35px}
.page3-btn a{background:rgba(36,94,144,0);border-radius:5px;border:1px solid #deebfd;padding:14px 20px;line-height:1;color:#2055a2;transition:all .3s ease-in-out}
.page3-btn a:hover{background:var(--color);color:#fff}
@media (max-width:1640px) {.page2-left{padding-left: 7%;}}
@media (max-width:1440px) {.contact-page1 .container,.container{padding: 0 35px;}
.page2-left {padding-left: 35px;}}
@media (max-width:1366px){.page1-left h2, .page2-con h3, .page3-title h4,.page1-feed .p1{font-size: 32px;}
.contact-page1 .container,.container{padding: 0 20px;}}
@media (max-width:1024px) {.contact-page1 .container{flex-direction: column;}
.page1-left {flex: 1;padding-right: 0;padding-top: 10px;}
.page-span{margin: 20px 0 0;}
.page1-left h2, .page2-con h3, .page3-title h4, .page1-feed .p1{font-size: 28px;}
.page1-right{padding: 30px 20px;width: 100%;}
.contact-page2{flex-direction: column;}
.page2-left {padding: 30px 20px;width: 100%;}
.page2-right{width: 100%;}
.page3-tit{font-size: 20px;padding: 10px 0;margin-bottom: 15px;}
.contact-page3 {padding: 35px 0;}}
@media (max-width:768px) {.page1-left h2, .page2-con h3, .page3-title h4, .page1-feed .p1{font-size: 24px;line-height: 1.35;}
.page1-text{margin: 20px 0;}
.page1-tit{font-size: 20px;}
.page3-list{margin-top: 30px;}
.page3-tit{font-size: 18px;}}
@media (max-width:500px) {.contact-page1 .container{padding: 0;}
.container {padding: 0 10px;}
.page1-left h2, .page2-con h3, .page3-title h4, .page1-feed .p1{font-size: 22px;}
.page1-top{text-align: center;margin-top: 10px;}
.contact-page3 {padding: 25px 0;}
.page3-list {flex-wrap: wrap;}
.page3-item {width: 100%;margin-bottom: 25px;}
.page3-btn{margin-top: 15px;}
.page3-text p{min-height: auto;}
.page2-left{padding: 30px 10px;}
.contact-page1 .wmkcfeedback .send-btn{margin: 20px auto 0;}  
.contact-page2{margin-top: 35px;}
.page1-bottom table tr td{padding: 15px 20px;}
.page1-feed .p1{margin-bottom: 10px;}
.page1-span{padding-bottom: 20px;margin-bottom: 30px;}}