.banner-contact { position: relative; overflow: hidden; }
.banner-contact .img-div-box { display: block; margin: 0 auto; position: relative; }
.banner-contact .img-div-box .img-div { display: block; }
.banner-contact .img-div-box .address-point { position: absolute; z-index: 2; /* left: 67.9%;
  top: 53%; */
left: 72.5%; top: 50%; }
.banner-contact .img-div-box .address-point .cont-box { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -50%); word-break: keep-all; white-space: nowrap; text-align: center; font-size: 14px; line-height: 1.4em; color: #fffffe; }
.banner-contact .img-div-box .address-point .cont-box .self-svg {
 --size: 2em;
 --fill: var(--main-color); display: inline-block; vertical-align: middle; }
.banner-contact .img-div-box .address-point .self-svg {  --fill: var(--main-color);
}
.banner-contact .img-div-box .mark-box {
 --sw: 80px; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: var(--sw); height: var(--sw); }
.banner-contact .img-div-box .mark-box .mark { position: absolute; left: 0; top: 0; transform: scale(1); background-image: linear-gradient(0deg, #00ADEF 0%, #1265c7 100%); opacity: 0.2; border-radius: 50%; width: 100%; height: 100%; animation: banner-contact-cycle-animate 5s ease-in-out infinite; }
.banner-contact .img-div-box .mark-box .mark1 { animation-delay: 1s; }
.banner-contact .img-div-box .mark-box .mark2 { animation-delay: 2s; }
.banner-contact .img-div-box .mark-box .mark3 { animation-delay: 3s; }
.banner-contact .img-div-box .mark-box .mark4 { animation-delay: 4s; }
.banner-contact .img-div-box .mark-box .mark5 { animation-delay: 5s; }
.banner-contact .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  padding-top: calc(var(--default-h)*0.4);
color: #ffffff; }
.banner-contact .cont .box { width: 700px; padding: 75px 70px 70px; background-image: linear-gradient(90deg, #00ADEF 0%, #1265c7 100%); color: #fefefe; }
.banner-contact .cont .box .banner-title { font-size: 36px; line-height: 1.4em; letter-spacing: 1px; }
.banner-contact .cont .box .banner-title-en { margin-top: 6px; font-size: 19px; line-height: 1em; opacity: 0.6; }
.banner-contact .cont .box .banner-line { display: block; margin: 40px 0 18px; width: 20px; height: 2px; background-color: #ffffff; }
.banner-contact .cont .box .banner-phone-title { font-size: 18px; line-height: 1.4em; letter-spacing: 1px; }
.banner-contact .cont .box .banner-phone-val { margin-top: 8px; font-size: 60px; line-height: 1.3em; letter-spacing: 0.05em; }
@media (max-width: 1660px) {
.banner-contact .cont .box { width: 650px; padding: 70px 65px 65px; }
.banner-contact .cont .box .banner-title { font-size: 34px; }
.banner-contact .cont .box .banner-title-en { margin-top: 4px; font-size: 18px; }
.banner-contact .cont .box .banner-line { margin: 35px 0 15px; }
.banner-contact .cont .box .banner-phone-title { font-size: 16px; }
.banner-contact .cont .box .banner-phone-val { margin-top: 5px; font-size: 55px; }
}
@media (max-width: 1550px) {
.banner-contact .cont .box { width: 630px; padding: 60px 60px 55px; }
.banner-contact .cont .box .banner-title { font-size: 32px; }
.banner-contact .cont .box .banner-title-en { margin-top: 2px; font-size: 17px; }
.banner-contact .cont .box .banner-line { margin: 25px 0 15px; }
.banner-contact .cont .box .banner-phone-title { font-size: 15px; }
.banner-contact .cont .box .banner-phone-val { margin-top: 3px; font-size: 50px; }
}
@media (max-width: 1400px) {
.banner-contact .cont .box { width: 600px; padding: 50px 50px 45px; }
.banner-contact .cont .box .banner-title { font-size: 30px; }
.banner-contact .cont .box .banner-title-en { font-size: 16px; }
.banner-contact .cont .box .banner-line { margin: 20px 0 15px; }
.banner-contact .cont .box .banner-phone-title { font-size: 14px; }
.banner-contact .cont .box .banner-phone-val { font-size: 46px; }
}
@media (max-width: 1300px) {
.banner-contact .cont .box { width: 590px; padding: 40px 40px 40px; }
.banner-contact .cont .box .banner-title { font-size: 28px; }
.banner-contact .cont .box .banner-title-en { font-size: 15px; }
.banner-contact .cont .box .banner-phone-val { margin-top: 2px; font-size: 42px; }
}
@media (max-width: 960px) {
.banner-contact .cont { display: block; z-index: 3; }
.banner-contact .cont .box { margin-top: 12%; width: 100%; }
.banner-contact .img-div-box .img-div { min-height: 800px; }
.banner-contact .img-div-box .address-point { left: 50%; top: 70%; }
}
@media (max-width: 640px) {
.banner-contact .img-div-box .img-div { min-height: 700px; }
.banner-contact .cont .box { padding: 20px 20px 20px; }
}
@media (max-width: 480px) {
.banner-contact .img-div-box .img-div { min-height: 600px; }
.banner-contact .cont .box .banner-title { font-size: 24px; }
.banner-contact .cont .box .banner-title-en { font-size: 14px; }
.banner-contact .cont .box .banner-phone-title { font-size: 13px; }
.banner-contact .cont .box .banner-phone-val { font-size: 36px; }
}
@media (max-width: 420px) {
.banner-contact .img-div-box .img-div { min-height: 550px; }
.banner-contact .cont .box .banner-title { font-size: 20px; }
.banner-contact .cont .box .banner-phone-val { font-size: 30px; }
}
@keyframes banner-contact-cycle-animate {  0% {
 transform: scale(1);
 background-image: linear-gradient(0deg, #00ADEF 0%, #1265c7 100%);
 opacity: 0.2;
}
 90% {
 transform: scale(12);
 background-image: linear-gradient(0deg, #00ADEF 0%, #1265c7 100%);
 opacity: 0.05;
}
 100% {
 transform: scale(14);
 background-image: linear-gradient(0deg, #00ADEF 0%, #1265c7 100%);
 opacity: 0;
}
}
.contact-block-a { padding: 50px 0; }
.contact-block-a .list { padding: 30px 0; }
.contact-block-a .list .list-li {
 --sw: 134px; width: 21.5909%; text-align: center; font-size: 18px; line-height: 1.4em; color: #333333; }
.contact-block-a .list .list-li .pad { height: 100%; background-color: #ffffff; padding: 21% 6% 23%; }
.contact-block-a .list .list-li .self-svg {
 --size: 34%;
 --fill: #999999; margin: 0 auto; border-radius: 50%; border: solid 1px #b5b5b5; width: 134px; height: 134px; }
.contact-block-a .list .list-li .li-title { margin-top: 1em; }
.contact-block-a .list .list-li .li-val { margin-top: 0.2em; }
.contact-block-a .form-block { padding: 30px 0; }
.contact-block-a .form-block .flex-box { padding: 75px 60px 125px; }
.contact-block-a .form-block .left-cont { width: 43.9%; }
.contact-block-a .form-block .left-cont .h2 { margin-bottom: -10px; font-size: 32px; font-weight: bold; line-height: 1.4em; color: #333333; }
.contact-block-a .form-block .left-cont .arrive-li { border-bottom: 1px solid #dcdcdc; padding-top: 25px; padding-bottom: 25px; color: #666666; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-title { margin-top: 8px; font-size: 18px; line-height: 1.4em; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-title img { margin-right: 12px; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-title .title { font-weight: bold; color: #333333; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-cont { margin-top: 4px; margin-bottom: 4px; font-size: 16px; line-height: 2em; }
.contact-block-a .form-block .right-cont { width: 45.7%; }
.contact-block-a .form-block .right-cont .h3 { font-size: 24px; font-weight: bold; line-height: 1.4em; color: #333333; }
.contact-block-a .form-block .right-cont .form { display: block; }
.contact-block-a .form-block .right-cont .radio-list { padding: 27px 0 33px; }
.contact-block-a .form-block .right-cont .radio-list .radio-box-self { color: #666666; }
.contact-block-a .form-block .right-cont .radio-list .radio-box-self + .radio-box-self { margin-left: 28px; }
.contact-block-a .form-block .right-cont .input-box + .input-box { margin-top: 19px; }
.contact-block-a .form-block .right-cont .input-box .input { border: solid 1px #bfbfbf; width: 100%; padding: 16px 19px; font-size: 16px; line-height: 24px; color: #999999; }
.contact-block-a .form-block .right-cont .submit-box { margin-top: 19px; }
.contact-block-a .form-block .right-cont .submit-box .more-box-a {
 --m-h: 60px; font-size: 20px; }
.contact-block-a .form-block .right-cont .submit-box .more-box-a .more-box { padding: 0 1.9em; cursor: pointer; }
@media (max-width: 1800px) {
.contact-block-a .form-block .left-cont { width: 45%; }
.contact-block-a .form-block .right-cont { width: 49.7%; }
}
@media (max-width: 1660px) {
.contact-block-a { padding: 45px 0; }
.contact-block-a .list .list-li {
 --sw: 124px; width: 22%; font-size: 17px; }
.contact-block-a .list .list-li .self-svg { width: 124px; height: 124px; }
.contact-block-a .form-block .flex-box { padding: 70px 50px 110px; }
.contact-block-a .form-block .left-cont .h2 { font-size: 30px; }
.contact-block-a .form-block .left-cont .arrive-li { padding-top: 24px; padding-bottom: 24px; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-title { margin-top: 6px; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-cont { line-height: 1.9em; }
.contact-block-a .form-block .right-cont .h3 { font-size: 22px; }
.contact-block-a .form-block .right-cont .radio-list { padding: 20px 0 30px; }
.contact-block-a .form-block .right-cont .radio-list .radio-box-self + .radio-box-self { margin-left: 25px; }
.contact-block-a .form-block .right-cont .input-box + .input-box { margin-top: 18px; }
.contact-block-a .form-block .right-cont .input-box .input { padding: 15px 19px; font-size: 16px; }
.contact-block-a .form-block .right-cont .submit-box { margin-top: 18px; }
.contact-block-a .form-block .right-cont .submit-box .more-box-a {
 --m-h: 56px; font-size: 18px; }
.contact-block-a .form-block .left-cont { width: 46%; }
.contact-block-a .form-block .right-cont { width: 51%; }
}
@media (max-width: 1400px) {
.contact-block-a { padding: 40px 0; }
.contact-block-a .list .list-li {
 --sw: 100px; width: 23%; }
.contact-block-a .list .list-li .self-svg { width: 100px; height: 100px; }
.contact-block-a .form-block .flex-box { padding: 60px 50px 80px; }
.contact-block-a .form-block .left-cont .h2 { margin-bottom: 0; font-size: 26px; }
.contact-block-a .form-block .left-cont .arrive-li { padding-top: 20px; padding-bottom: 20px; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-title { margin-top: 5px; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-cont { line-height: 1.8em; }
.contact-block-a .form-block .right-cont .h3 { font-size: 20px; }
.contact-block-a .form-block .right-cont .radio-list { padding: 20px 0 25px; }
.contact-block-a .form-block .right-cont .radio-list .radio-box-self + .radio-box-self { margin-left: 22px; }
}
@media (max-width: 992px) {
.contact-block-a .list { overflow: hidden; }
.contact-block-a .form-block { clear: both; }
.contact-block-a .form-block .flex-box { display: block; padding: 40px 30px 60px; }
.contact-block-a .form-block .left-cont { width: 100%; }
.contact-block-a .form-block .right-cont { width: 100%; margin-top: 5%; }
}
@media (max-width: 960px) {
.contact-block-a { padding: 4% 0; }
.contact-block-a .list { flex-wrap: wrap; padding: 3% 0; }
.contact-block-a .list .list-li { width: 49%; margin-bottom: 2%; }
}
@media (max-width: 640px) {
.contact-block-a .form-block .left-cont .h2 { font-size: 22px; }
.contact-block-a .form-block .left-cont .arrive-li { padding-top: 3%; padding-bottom: 3%; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-title { font-size: 16px; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-title img { height: 20px; width: auto; }
.contact-block-a .form-block .left-cont .arrive-li .arrive-cont { font-size: 14px; }
.contact-block-a .form-block .right-cont .h3 { font-size: 18px; }
.contact-block-a .form-block .right-cont .input-box .input { font-size: 14px; padding: 10px 10px; }
.contact-block-a .form-block .flex-box { padding: 8% 10px 8%; }
.contact-block-a .list .list-li { font-size: 15px; }
.contact-block-a .list .list-li .pad { padding: 15% 4% 15%; }
.contact-block-a .list .list-li .self-svg { width: 90px; height: 90px; }
}