@charset "utf-8";

.swiper-notification {display: none;}

/* Quick */
.edit .quick-wrap {margin-top:0;}
.quick-wrap {position: relative; margin-top: -180px; z-index: 1;}
.quick-wrap .quick-link {margin-left:340px; padding:40px 0 60px 0; position: relative;}
.quick-wrap .quick-link::after {content:''; width:calc(100% + 110px); height:1px; background:rgba(255,255,255,0.5); position: absolute; top:0; left:0;}
.quick-wrap ul {display: flex; justify-content: end; margin:0 -17px;}
.quick-wrap li {padding:0 17px;; width:calc(100% / 5);}
.quick-wrap li a {display: block;}
.quick-wrap .box {height:80px; border:1px solid rgba(255,255,255,.5); border-radius:5px; overflow:hidden; position: relative;}
.quick-wrap .box::before {content:''; width:100%; height:100%; background:rgba(0,0,0,0.1); position: absolute; left:0; top:0;}
.quick-wrap .box p {font-size: 16px; font-family: pr; display: flex; align-items: center; justify-content: center; height:100%; color: #fff; position: relative; padding:0 40px; text-align: center; line-height: 21px; text-transform: uppercase;}
.quick-wrap a:hover .box {border: 1px solid #fa9d1c; box-shadow: 0 0 10px #ffd400}

@media screen and (max-width:1300px) {
  .quick-wrap .box p {font-size: 16px;}
}

@media screen and (max-width:1200px) {
  .quick-wrap .quick-link {margin-left:0; padding:60px 0;}
  .quick-wrap .quick-link::after {display: none;}
  .quick-wrap ul {margin:0 -7px;}
  .quick-wrap li {padding:0 7px;}
  .quick-wrap .box {height:60px;}
  .quick-wrap .box p {font-family: pr; line-height: 20px;}
}

@media screen and (max-width:700px) {
  .quick-wrap {margin-top:-115px;}
  .quick-wrap .quick-link {padding:38px 0;}
  .quick-wrap ul {margin:0 -2px;}
  .quick-wrap li {padding:0 2px;}
  .quick-wrap .box {height:40px;}
  .quick-wrap .box p {font-size: 11px; line-height: 12px; padding: 0;}
}

/* Notice */
#menu563_obj7 ._relative,
#menu563_obj7 ._editable {overflow: visible;}

/* Business */
.wrap-busi {overflow: hidden;}
.wrap-busi .inner {position: relative; padding-top: 150px; padding-bottom: 150px;}
.wrap-busi .title {display: flex; align-items: center;}
.wrap-busi .title strong {display: block; font-family: gb; font-size: 55px; line-height: 1; color: #111111;}
.wrap-busi .title em {padding-left: 10%; font-family: pr; font-size: 20px; color: #444444;}
.wrap-busi .service {display: flex; justify-content: space-between; margin-top: 70px;}
.wrap-busi .service .box1 {width: 33.1%;}
.wrap-busi .service .box2 {width: 24.7%;}
.wrap-busi .service .box3 {width: 28%;}
.wrap-busi .service .box a {display: flex; flex-direction: column;}
.wrap-busi .service .box2 a {flex-direction: column-reverse;}
.wrap-busi .desc {padding-top: 30px; padding-left: 30px;}
.wrap-busi .box2 .desc {padding-top: 55px; padding-bottom: 32px;}
.wrap-busi .desc strong {position: relative; font-family: gb; font-size: 31px; color: #333333;}
.wrap-busi a:hover .desc strong {color: #fa9d1c;}
.wrap-busi .desc strong::after {content: ''; position: absolute; left: 133%; bottom: 6px; width: 35px; height: 14px; background: url('../../images/main/ic-busi-arr1.svg') no-repeat center;}
.wrap-busi a:hover .desc strong::after {background: url('../../images/main/ic-busi-arr2.svg') no-repeat center;}
.wrap-busi .desc p {margin-top: 15px; font-family: pr; font-size: 19px; line-height: 1.2; color: #666666;}
.wrap-busi .thumb {position: relative;}
.wrap-busi .thumb::after {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #fa9d1c;}
.wrap-busi .thumb img {position: relative; left: 0; top: 0; width: 100%; transition: .35s;}
.wrap-busi a:hover .thumb img {left: 15px; top: -15px;}
.wrap-busi .cloud {position: absolute; z-index: -2;}
.wrap-busi .cloud.bg1 {left: -172px; bottom: 180px; width: 641px; height: 192px; background: url('../../images/main/bg-cloud1.png') no-repeat center;}
.wrap-busi .cloud.bg2 {left: 390px; bottom: 40px; width: 413px; height: 143px; background: url('../../images/main/bg-cloud2.png') no-repeat center;}
.wrap-busi .cloud.bg3 {right: -230px; bottom: 0; width: 722px; height: 214px; background: url('../../images/main/bg-cloud3.png') no-repeat center;}
.wrap-busi .cloud.bg4 {right: -182px; bottom: 380px; width: 377px; height: 112px; background: url('../../images/main/bg-cloud4.png') no-repeat center;}

@media screen and (max-width: 1710px) {
  .wrap-busi .desc p br {display: none;}
}

@media screen and (max-width: 1450px) {
  .wrap-busi .title strong {font-size: 45px;}
  .wrap-busi .title em {padding-left: 3%; font-size: 20px;}
  .wrap-busi .service .box1 {width: 37.1%;}
  .wrap-busi .service .box2 {width: 24.7%;}
  .wrap-busi .service .box3 {width: 30%;}
  .wrap-busi .desc {padding-top: 20px; padding-left: 20px;}
  .wrap-busi .desc strong {font-size: 32px;}
  .wrap-busi .desc p {font-size: 19px; line-height: 1.3;}
}

@media screen and (max-width: 1200px) {
  .wrap-busi .inner {padding-top: 108px; padding-bottom: 100px;}
  .wrap-busi .title {flex-wrap: wrap;}
  .wrap-busi .title strong {width: 100%; font-size: 40px;}
  .wrap-busi .title em {width: 100%; margin-top: 20px; padding-left: 0; font-size: 20px;}
  .wrap-busi .title em br {display: none;}
  .wrap-busi .service {flex-wrap: wrap; margin-top: 61px;}
  .wrap-busi .service .box1 {width: 100%;}
  .wrap-busi .service .box1 a {flex-direction: row; align-items: flex-end;}
  .wrap-busi .service .box1 .thumb {width: 65.5%;}
  .wrap-busi .service .box1 .desc {width: calc(100% - 65.5%);}
  .wrap-busi .service .box2 {width: 59%; padding-right: 13%; padding-top: 45px;}
  .wrap-busi .service .box3 {width: 41%;padding-top: 75px;}
  .wrap-busi .box1 .desc {padding-left: 25px;}
  .wrap-busi .box2 .desc {padding-top: 0;}
  .wrap-busi .desc {padding-left: 0;}
  .wrap-busi .desc strong {font-size: 30px;}
  .wrap-busi .desc p {font-size: 18px; line-height: 1.3;}
}

@media screen and (max-width: 920px) {
  .wrap-busi .title strong {font-size: 35px;}
  .wrap-busi .title em {font-size: 18px;}
  .wrap-busi a:hover .thumb img {left: 10px; top: -10px;}
  .wrap-busi .service .box2 {padding-right: 9%;}
  .wrap-busi .desc strong {font-size: 25px;}
  .wrap-busi .desc p {font-size: 16px;}
}

@media screen and (max-width: 700px) {
  .wrap-busi .inner {padding-top: 50px; padding-bottom: 50px;}
  .wrap-busi .title strong {font-size: 30px;}
  .wrap-busi .title em {margin-top: 11px; font-size: 16px;}
  .wrap-busi .service {margin-top: 68px;}
  .wrap-busi .service .box2 {padding-right: 13%; padding-top: 113px;}
  .wrap-busi .service .box3 {padding-top: 50px;}
  .wrap-busi .box2 .desc {padding-bottom: 21px;}
  .wrap-busi .desc {padding-top: 26px;}
  .wrap-busi .desc p {display: none;}
  .wrap-busi .desc strong {font-size: 18px;}
  .wrap-busi .desc strong::after {left: 120%; bottom: 2px;}
}

/* Support */
.wrap-support {padding-bottom: 90px;}
.wrap-support .title {text-align: center;}
.wrap-support .title strong {display: block; font-family: gb; font-size: 55px; line-height: 1; color: #111111;}
.wrap-support .title em {display: block; margin-top: 30px; font-family: pr; font-size: 20px; color: #444444;}
.wrap-support .list {margin-top: 90px;}
.wrap-support .list .slider {overflow: hidden;}
.wrap-support .list ul {display: flex; justify-content: space-between;}
.wrap-support .list li {position: relative; width: calc(25% - 18px);}
.wrap-support .list .desc {position: absolute; left: 25px; width: calc(100% - 50px); height: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: .4s;}
.wrap-support .box1 .desc {bottom: 0; background: #1373ab;}
.wrap-support .box2 .desc {top: 0; background: #009ea7;}
.wrap-support .box3 .desc {bottom: 0; background: #152e6e;}
.wrap-support .box4 .desc {top: 0; background: #0767e4;}
.wrap-support .box:hover .desc,
.wrap-support .box.focus .desc {justify-content: space-between; left: 0; width: 100%; height: 100%; padding: 100px 40px 80px 40px;}
.wrap-support .box1:hover .desc,
.wrap-support .box1.focus .desc {background: rgba(19,115,171,0.9);}
.wrap-support .box2:hover .desc,
.wrap-support .box2.focus .desc {background: rgba(0,171,179,0.9);}
.wrap-support .box3:hover .desc,
.wrap-support .box3.focus .desc {background: rgba(21,46,110,0.9);}
.wrap-support .box4:hover .desc,
.wrap-support .box4.focus .desc {background: rgba(7,103,228,0.9);}
.wrap-support .thumb {position: relative;}
.wrap-support .thumb img {width: 100%;}
.wrap-support .box1 .thumb img,
.wrap-support .box3 .thumb img {clip-path: polygon(0 0, 100% 0%, 100% 79%, 0 79%); transition: .35s;}
.wrap-support .box1:hover .thumb img,
.wrap-support .box1.focus .thumb img,
.wrap-support .box3:hover .thumb img,
.wrap-support .box3.focus .thumb img {clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);}
.wrap-support .box2 .thumb img,
.wrap-support .box4 .thumb img {clip-path: polygon(0 20%, 100% 20%, 100% 100%, 0 100%);  transition: .35s;}
.wrap-support .box2:hover .thumb img,
.wrap-support .box2.focus .thumb img,
.wrap-support .box4:hover .thumb img,
.wrap-support .box4.focus .thumb img {clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%);}
.wrap-support .list .ico {flex-shrink: 0; height: 90px;}
.wrap-support .list .subject {flex-shrink: 0; width: 100%; height: 45px; margin-top: 35px; text-align: center;}
.wrap-support .box3:hover .subject,
.wrap-support .box3.focus .subject {height: 100px;}
.wrap-support .list .subject strong {font-family: pr; font-size: 26px; color: #fff;}
.wrap-support .list .form {display: none; position: relative; width: 100%;}
.wrap-support .list .form input {display: flex; align-items: center; width: 100%; height: 50px; padding: 0 15px; font-family: pr; font-size: 15px; color: #222222;}
.wrap-support .list .form button {position: absolute; right: 0; top: 0; width: 60px; height: 100%; background: #fff url('../../images/main/ic-support-search.png') no-repeat center; text-indent: -999999px;}
.wrap-support .box:hover .form,
.wrap-support .box.focus .form {display: block; margin-top: 15px;}
.wrap-support .list .para {overflow: hidden; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; max-height: 0; font-family: pr; font-size: 19px; text-align: center; line-height: 1.4; color: #ffffff; transition: max-height .35s;}
.wrap-support .box:hover .para,
.wrap-support .box.focus .para {max-height: 200px;}
.wrap-support .list .link {overflow: hidden; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 220px; height: 65px; max-height: 0; font-family: pb; font-size: 18px; color: #fff; transition: max-height .35s;}
.wrap-support .box:hover .link,
.wrap-support .box.focus .link {max-height: 100px;}
.wrap-support .list .box1 .link,
.wrap-support .list .box3 .link {background: #00a0c3;}
.wrap-support .list .box2 .link,
.wrap-support .list .box4 .link {background: #1f3c7b;}
.wrap-support .prev,
.wrap-support .next {display: none; position: absolute; top: 50%; width: 24px; height: 46px; background: url('../../images/main/ic-support-control.png') no-repeat; text-indent: -99999px; transform: translate(0, -50%);}
.wrap-support .prev {left: 80px; background-position: left center;}
.wrap-support .next {right: 80px; background-position: right center;}

@media screen and (max-width: 1450px) {
  .wrap-support .title strong {font-size: 45px;}
  .wrap-support .title em {font-size: 20px;}
  .wrap-support .box:hover .desc {padding: 50px 30px;}
  .wrap-support .list .desc .ico {height: 75px;}
  .wrap-support .list .desc .ico img {height: 100%;}
  .wrap-support .list .subject strong {font-size: 25px;}
  .wrap-support .list .para {font-size: 18px;}
  .wrap-support .list .link {max-width: 180px; height: 55px; font-size: 16px;}
  .wrap-support .box:hover .form {margin-top:unset;}
}

@media screen and (max-width: 1200px) {
  .wrap-support .title strong {font-size: 40px;}
  .wrap-support .title em {margin-top: 37px; font-size: 20px;}
  .wrap-support .list {margin-top: 60px; padding: 0 65px;}
  .wrap-support .list li {width: calc(50% - 10px);}
  .wrap-support .prev,
  .wrap-support .next {display: block;}
}

@media screen and (max-width: 920px) {
  .wrap-support .title strong {font-size: 35px;}
  .wrap-support .list .para {font-size: 16px;}
  .wrap-support .title em {font-size: 18px;}
  .wrap-support .list .subject strong {font-size: 23px;}
  .wrap-support .list .link {max-width: 160px; font-size: 15px;}
  .wrap-support .prev,
  .wrap-support .next {width: 16px;}
  .wrap-support .prev {left: 20px;}
  .wrap-support .next {right: 20px;}
}

@media screen and (max-width: 800px) {
  .wrap-support .box:hover .desc {padding: 40px 30px;}
}

@media screen and (max-width: 700px) {
  .wrap-support {padding-bottom: 60px;}
  .wrap-support .title strong {font-size: 30px;}
  .wrap-support .title em {margin-top: 17px; font-size: 16px;}
  .wrap-support .list {margin-top: 33px; padding: 0 60px;}
  .wrap-support .box:hover .desc {padding: 60px 30px 40px 30px;}
  .wrap-support .list .desc .ico {height: 60px;}
  .wrap-support .list .subject {margin-top: 20px;}
  .wrap-support .thumb {max-height: 555px;}
}

/* Program */
.wrap-pro {padding-bottom: 140px;}
.wrap-pro .inner {position: relative;}
.wrap-pro .inner::before {content: ''; position: absolute; left: -6%; top: -52%; z-index: -3; width: 100%; height: 163%; background: url('../../images/main/bg-program.jpg') no-repeat left top;}
.wrap-pro .title strong {display: block; font-family: gb; font-size: 55px; line-height: 1.1; color: #111111;}
.wrap-pro .title em {display: block; margin-top: 30px; font-family: pr; font-size: 20px; color: #444444;}
.wrap-pro .slider {overflow: hidden; display: flex; justify-content: space-between; margin-top: 90px;}
.wrap-pro .slider .box {position: relative; display: flex; padding-top: 60px; padding-left: 40px; background: #f7f7f7;}
.wrap-pro .slider .box::after {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 5px; background: #00abb3; transition: .35s;}
.wrap-pro .slider .box:hover::after {width: 100%;}
.wrap-pro .slider .text {padding-right: 30px;}
.wrap-pro .slider .text span {display: block; font-family: pb; font-size: 20px; color: #777777;}
.wrap-pro .slider .box:hover .text span {color: #00abb3;}
.wrap-pro .slider .text strong {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 12px; font-family: pb; font-size: 26px; color: #333333;}
.wrap-pro .slider .text p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-top: 10px; font-family: pr; font-size: 18px; line-height: 1.3; color: #666666;}
.wrap-pro .slider .text a {position: absolute; left: 0; bottom: 0; display: flex; align-items: center; height: 65px; padding: 0 25px 0 45px; background: #777777; border-radius: 0 20px 0 0; font-family: pb; font-size: 18px; color: #fff;}
.wrap-pro .slider .box:hover .text a {background: #008187;}
.wrap-pro .slider .text a::after {content: ''; display: inline-block; width: 24px; height: 13px; margin-left: 70px; background: url('../../images/main/ic-program-more.png') no-repeat center;}
.wrap-pro .slider .thumb {flex-shrink: 0; width: 58.4%; text-align: right;}
.wrap-pro .control {position: absolute; right: 0; top: 10px; z-index: 1;}
.wrap-pro .control button {display: inline-block; width: 110px; height: 110px; margin-left: 20px; background: #fff url('../../images/main/ic-program-control.svg') no-repeat center; border: 1px solid #cccccc; border-radius: 100%; text-indent: -999999px;}
.wrap-pro .control button:hover {background: #00abb3 url('../../images/main/ic-program-contol-on.svg') no-repeat center; border-color: #00abb3;}
.wrap-pro .control .btn-next {transform: rotate(180deg);}

@media screen and (max-width: 1700px) {
  .wrap-pro .control {right: 30px;}
}

@media screen and (max-width: 1600px) {
  .wrap-pro .slider .text p {-webkit-line-clamp: 2;}
}

@media screen and (max-width: 1450px) {
  .wrap-pro .title strong {font-size: 45px;}
  .wrap-pro .title em {font-size: 20px;}
  .wrap-pro .slider .box {padding-top: 40px; padding-left: 40px;}
  .wrap-pro .slider .text p {font-size: 18px;}
  .wrap-pro .slider .text a {padding: 0 22px; height: 45px; font-size: 15px; max-width:215px; width:100%; justify-content: space-between;}
  .wrap-pro .slider .text a::after {margin-left: 45px;}
  .wrap-pro .slider .text strong {font-size: 24px;}
  .wrap-pro .slider .text span {font-size: 15px;}
  .wrap-pro .control button {width: 90px; height: 90px; margin: 0; background-size: 40px auto;}
  .wrap-pro .control button:hover {background-size: 40px auto;}
}

@media screen and (max-width: 1200px) {
  .wrap-pro .inner::before {left: 0; height: 183%;}
  .wrap-pro .title {text-align: center;}
  .wrap-pro .title strong {font-size: 40px;}
  .wrap-pro .title em {font-size: 20px;}
  .wrap-pro .slider {margin-top: 50px;}
  .wrap-pro .slider .swiper-slide {padding: 0 65px;}
  .wrap-pro .slider .box {width: 100%; padding-top: 55px; padding-left: 35px;}
  .wrap-pro .slider .text p {font-size: 17px;}
  .wrap-pro .slider .text a {height: 60px; padding-left: 35px; font-size: 17px; font-family: pr;}
  .wrap-pro .slider .text strong {font-size: 22px;}
  .wrap-pro .slider .text span {font-size: 20px;}
  .wrap-pro .control {width: 100%; left: 0; right: auto; top: auto; bottom: 36%;}
  .wrap-pro .control button {width: 75px; height: 75px; margin: 0; background-size: 32px auto;}
  .wrap-pro .control button:hover {background-size: 32px auto;}
  .wrap-pro .control .btn-prev,
  .wrap-pro .control .btn-next {position: absolute;}
  .wrap-pro .control .btn-prev {left: 45px;}
  .wrap-pro .control .btn-next {right: 45px;}
}

@media screen and (max-width: 920px) {
  .wrap-pro .title strong {font-size: 35px;}
  .wrap-pro .title em {font-size: 18px;}
  .wrap-pro .slider .swiper-slide {padding: 0 50px;}
  .wrap-pro .slider .box {padding-top: 30px; padding-left: 30px;}
  .wrap-pro .slider .text span {font-size: 15px;}
}

@media screen and (max-width: 700px) {
  .wrap-pro {padding-bottom: 80px;}
  .wrap-pro .title strong {font-size: 30px;}
  .wrap-pro .title em {margin-top: 20px; font-size: 16px;}
  .wrap-pro .slider {padding: 0; margin-top: 13px;}
  .wrap-pro .slider .swiper-slide {padding: 0 0;}
  .wrap-pro .slider .box {flex-wrap: wrap; padding: 35px 35px 0 35px;}
  .wrap-pro .slider .text {width: 100%;}
  .wrap-pro .slider .text p {font-size: 18px;}
  .wrap-pro .slider .text a {padding: 0 15px; height: 45px; font-size: 15px; max-width:unset; width:auto;}
  .wrap-pro .slider .text a::after {margin-left: 45px;}
  .wrap-pro .slider .text strong {margin-top: 6px;}
  .wrap-pro .slider .text span {font-size: 18px;}
  .wrap-pro .slider .text span br {display: none;}
  .wrap-pro .slider .thumb {width: 100%; margin-top: 35px;}
  .wrap-pro .control {bottom: -54px; text-align: center;}
  .wrap-pro .control button {width: 45px; height: 45px; background-size: 20px auto;}
  .wrap-pro .control button:hover {background-size: 20px auto;}
  .wrap-pro .control .btn-prev,
  .wrap-pro .control .btn-next {position: static; margin: 0 3px;}
}

/* Contact */
.wrap-contact {overflow: hidden; padding: 213px 0 0 0; background: url('../../images/main/bg-contact.jpg') no-repeat center top / cover;}
.wrap-contact .inner {position: relative;}
.wrap-contact .title {text-align: right;}
.wrap-contact .title strong {display: block; font-family: gb; font-size: 60px; line-height: 1; text-align: left; color: #fff;}
.wrap-contact .title em {display: none; margin-top: 30px; font-family: pr; font-size: 22px; color: #fff;}
.wrap-contact .row {display: flex; align-items: flex-end; margin-top: -142px;}
.wrap-contact .box1 {width: 30.96%;}
.wrap-contact .box2 {width: 14%}
.wrap-contact .box3 {width: 49%;}
.wrap-contact .box-empty {width:6.04%; height: 100%;}
.wrap-contact .banner {display: flex; height: 270px;}
.wrap-contact .people {width: 62.5%; padding: 35px 30px; background: #bbe3f9 url('../../images/main/ic-contact1.png') no-repeat right bottom;}
.wrap-contact .people a {display: block; height: 100%;}
.wrap-contact .people strong {position: relative; display: block; font-family: gb; font-size: 26px; line-height: 1; color: #333333;}
.wrap-contact .people strong::after {content: ''; position: absolute; right: 0; top: 11px; width: 36px; height: 15px; background: url('../../images/main/ic-contact-arr1.svg') no-repeat center left;}
.wrap-contact .people p {margin-top: 25px; font-family: pr; font-size: 18px; color: #333333;}
.wrap-contact .faq {width: 37.5%; background: #152e6e url('../../images/main/bg-ait.jpg') no-repeat center / cover;}
.wrap-contact .faq a {position: relative; display: block; height: 100%; padding: 30px 0 0 30px;}
.wrap-contact .faq a::after {content: ''; position: absolute; right: 15px; bottom: 35px; width: 36px; height: 15px; background: url('../../images/main/ic-contact-arr2.svg') no-repeat center left;}
.wrap-contact .faq strong {font-family: gb; font-size: 26px; line-height: 1.4; color: #fff;}
.wrap-contact .sky a {position: relative; display: flex; height: 345px; background: url('../../images/main/bg-sky.jpg') no-repeat center / cover; padding: 30px;}
.wrap-contact .sky a::after {content: ''; position: absolute; right: 30px; bottom: 40px; display: inline-block; width: 35px; height: 14px; background: url('../../images/main/ic-contact-arr2.svg') no-repeat center;}
.wrap-contact .sky strong {font-family: gb; font-size: 26px; color: #fff;}
.wrap-contact .link ul {display: flex; justify-content: space-between;}
.wrap-contact .link li {width: calc(33.333% - 23px);}
.wrap-contact .link .color1 {background: rgba(225,118,0,0.9);}
.wrap-contact .link .color1:hover {background: rgba(225,118,0,1);}
.wrap-contact .link .color2 {background: rgba(0,151,183,0.9);}
.wrap-contact .link .color2:hover {background: rgba(0,151,183,1);}
.wrap-contact .link .color3 {background: rgba(0,111,255,.8);}
.wrap-contact .link .color3:hover {background: rgba(0,111,255,1);}
.wrap-contact .link a {display: flex; flex-direction: column; justify-content: center; height: 250px; padding: 0 20px; text-align: center;}
.wrap-contact .link strong {position: relative; margin-bottom: 30px; padding-bottom: 45px; font-family: gb; font-size: 24px; color: #fff;}
.wrap-contact .link strong::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 1px; height: 22px; background: #fff;}
.wrap-contact .link p {font-family: pr; font-size: 17px; line-height: 1.4; color: #fff;}

@media screen and (max-width: 1700px) {
  .wrap-contact .link strong {margin-bottom: 0; padding-bottom: 0; font-size: 22px;}
  .wrap-contact .link strong::after {display: none;}
  .wrap-contact .link p {display: none;}
}

@media screen and (max-width: 1450px) {
  .wrap-contact .title strong {font-size: 45px;}
  .wrap-contact .title em {font-size: 20px;}
  .wrap-contact .people strong {font-size: 24px;}
  .wrap-contact .faq strong {font-size: 24px;}
  .wrap-contact .sky strong {font-size: 24px;}
}

@media screen and (max-width: 1200px) {
  .wrap-contact {padding: 115px 0 0 0;}
  .wrap-contact .title strong {font-size: 50px;}
  .wrap-contact .title em {margin-bottom: 35px;}
  .wrap-contact .row {flex-wrap: wrap; margin-top: 85px;}
  .wrap-contact .box-empty {display: none;}
  .wrap-contact .box1 {width: 61%;}
  .wrap-contact .box2 {width: 39%;}
  .wrap-contact .box3 {width: 100%; margin-top: 55px;}
  .wrap-contact .people {width: 60.5%;}
  .wrap-contact .people strong {font-size: 25px;}
  .wrap-contact .faq {width: 39.5%;}
  .wrap-contact .faq strong {font-size: 25px;}
  .wrap-contact .sky a {background-size: cover;}
  .wrap-contact .sky strong {font-size: 25px;}
  .wrap-contact .link strong {margin-bottom: 30px; padding-bottom: 45px;}
  .wrap-contact .link strong::after {display: block;}
  .wrap-contact .link li {width: calc(33.333% - 30px);}
  .wrap-contact .link p {display: block; font-size: 18px;}
}

@media screen and (max-width: 960px) {
  .wrap-contact .people strong {font-size: 23px;}
  .wrap-contact .people p {font-size: 17px;}
  .wrap-contact .faq strong {font-size: 23px;}
  .wrap-contact .sky strong {font-size: 23px;}
  .wrap-contact .link strong {margin-bottom: 0; padding-bottom: 0; font-size: 18px;}
  .wrap-contact .link strong::after {display: none;}
  .wrap-contact .link a {height: 180px;}
  .wrap-contact .link p {display: none;}
}

@media screen and (max-width: 700px) {
  .wrap-contact {padding: 70px 0 0 0;}
  .wrap-contact .title strong {font-size: 30px;}
  .wrap-contact .title em {margin-top: 15px; font-size: 16px;}
  .wrap-contact .row {margin-top: 75px;}
  .wrap-contact .box1 {width: 100%;}
  .wrap-contact .box2 {width: 100%;}
  .wrap-contact .box3 {margin-top: 20px;}
  .wrap-contact .banner {height: 230px;}
  .wrap-contact .people {width: 50%;}
  .wrap-contact .people strong {font-size: 22px;}
  .wrap-contact .people strong::after {top: auto; bottom: -138px;}
  .wrap-contact .people p {font-size: 16px;}
  .wrap-contact .faq {width: 50%;}
  .wrap-contact .faq strong {font-size: 22px;}
  .wrap-contact .sky a {height: 160px;}
  .wrap-contact .sky strong {font-size: 22px; line-height: 1.3;}
  .wrap-contact .link li {width: calc(33.333% - 14px);}
  .wrap-contact .link a {height: 140px;}
}

.wrap-contact .pop .slider a:focus-visible img {border: 1px solid red}