﻿.contact-us>.l-wrap{max-width: 100%;padding: 0;}
.contactus .contact-title h2{font-size: 34px;color: #0B1B2B;line-height: 1.25;}
.contactus .page1{padding: 30px 0 80px;}
.contactus .page1 .l-wrap{display: flex;align-items: center;}
.contactus .page1-left{background: #ffffff00;box-shadow: 6px -6px 20px 0px rgba(135, 94, 212, 0.14);width: 50%;padding: 100px 60px;}
.contactus .page1-right{flex: 1;padding: 0 8%;}
.contactus .page1-box{display: flex;align-items: center;margin-bottom: 50px;}
.contactus .page1-box:nth-last-child(1){margin-bottom: 0;}
.contactus .page1-tant{flex: 1;padding-left: 25px;}
.contactus .page1-ic{width: 110px;height: 110px;background: #FFFFFF;border-radius: 50%;border: 1px #FFA6F2 dashed;display: flex;justify-content: center;align-items: center;}
.contactus .page1-ic>div{width: 90px;height: 90px;background: #FFFFFF;border-radius: 50%;border: 1px solid #FFA6F2;display: flex;justify-content: center;align-items: center;font-size: 56px;}
.contactus .page1-ic>div em{width: 48px;font-size: 48px;color: #FFA2F1;line-height: 1;}
.contactus .page1-tit{color: #555555;line-height: 1;margin-bottom: 15px;}
.contactus .page1-href{display: flex;flex-direction: column;}
.contactus .page1-href a{font-size: 26px;color: #555555;line-height: 36px;}
.contactus .page1-add{display: flex;margin-top: 20px;margin-bottom: 70px;}
.contactus .page1-add em{font-size: 28px;color: var(--color);font-weight: 500;line-height: 1;}
.contactus .page1-link{display: flex;flex-wrap: wrap;justify-content:left;margin-top: 20px;}
.contactus .page1-link a{width: 33.3%;color: #555555;line-height: 30px;text-decoration-line: underline;display: block;margin-bottom: 15px;}
.contactus .page1-link a:hover{color: #FFA2F1;}
.contactus .page2 .foot-message .l-wrap{display:flex;align-items:center}
.contactus .page2 .foot-message{margin-bottom:-160px}
.contactus .page2 .foot-message-contant{color:#555;line-height:30px}
.contactus .page2 .foot-message-contant ul li{position:relative;padding-left:25px}
.contactus .page2 .foot-message-contant ul li::after{position:absolute;content:'';width:17px;height:17px;background:#fff;border-radius:100%;left:0;top:6px;border:1px solid #ffa2f1}
.contactus .page2 .foot-message-contant ul li::before{position:absolute;content:'';width:10px;height:10px;background:#ffa2f1;border-radius:100%;left:4.5px;top:10px;z-index:3}
.contactus .page2 .foot-message-contant ul{margin-top: 20px;}
@media (max-width:1640px) {.contactus .page1-right{padding: 0;padding-left: 5%;}
.contactus .page1-left{padding: 60px 40px;}
.contactus .contact-title h2{font-size: 28px;}
.contactus .page1-href a{font-size: 22px;}
.contactus .page1-ic>div em{width: 36px;font-size: 36px;}
.contactus .page1-ic>div{width: 75px;height: 75px;}
.contactus .page1-ic{width: 90px;height: 90px;}}
@media (max-width:1366px) {.contactus .contact-title h2{font-size: 26px;}
.contactus .foot-message .foot-message-title{font-size: 28px;}
.contactus .page1-href a{font-size: 18px;}}
@media (max-width:1024px){.contactus .page2 .foot-message .l-wrap{flex-direction: column;}
.contactus .foot-message .right{width: 100%;}
.contactus .foot-message .foot-message-title{font-size: 24px;}
.contactus .page1 {padding: 0px 0 50px;}
.contactus .page1 .l-wrap{flex-direction: column;}
.contactus .page1-left {padding: 40px 25px;width: 100%;}
.contactus .page1-add{margin-bottom: 45px;}
.contactus .page1-right{padding-left: 0;width: 100%;display: flex;}
.contactus .page1-box{flex-direction: column;width: 33.33%;padding-top: 30px;margin-bottom: 0;}
.contactus .page1-tant{text-align: center;margin-top: 25px;}}
@media (max-width:768px){.contactus .contact-title h2{font-size: 24px;}
.contactus .page2 .foot-message .l-wrap{padding-top:0}
.contactus .page2 .foot-message .foot-message-title{font-size:24px}
.contactus .page2 .foot-message .message-box-title img{height:30px}
.contactus .page2 .foot-message .message-box{padding:40px 20px}
.contactus .page1-link a{text-align: center;}
.contactus .page1-box{flex-direction: column;width: 49%;}
.contactus .page1-tant{padding-left: 0;}
.contactus .page1-right{flex-wrap: wrap;}
.contactus .page1-href a{font-size: 16px;}}
@media (max-width:550px) {.contactus .page2 .foot-message .foot-message-title{font-size: 20px;}
.contactus .contact-title h2{font-size: 22px;}
.contactus .page1-left{padding: 25px 15px;}
.contactus .page1-add {margin-bottom: 25px;}
.contactus .page1-link a{width: 49%;text-align: left;}
.contactus .page1-box{width: 100%;}}
.contactus .page1-ic{animation: rotateload 2s linear infinite;}
@keyframes rotateload {
0% {transform: scale(1);}
50%{transform: scale(0.9);}
100% {transform: scale(1);}
}