@charset "UTF-8";
/* CSS Document */


.index-slide {width: 100%; height: 100%; position: fixed; left: 0; top: 0;}
.swiper-banner {width: 100%; height: 100%;}
.swiper-banner .swiper-slide {width: 100%; height: 100%;}
.swiper-banner .swiper-slide {background-position: center; background-size: cover;}
.swiper-banner .swiper-slide a {display: block; width: 100%; height: 100%;}
.swiper-banner .swiper-button-prev,
.swiper-banner .swiper-button-next {width: 32px; height: 32px; margin-top: 0; background: rgba(255, 255, 255, .3); border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.swiper-banner .swiper-button-prev {left: 76px;}
.swiper-banner .swiper-button-next {right: 76px;}
.swiper-banner .swiper-button-prev:after,
.swiper-banner .swiper-button-next:after {content: ''; width: 12px; height: 20px; display: block; background: url("../images/banner-controller.png") no-repeat left center / 200% 100%;}
.swiper-banner .swiper-button-next:after {background-position: right;}

.swiper-banner .swiper-pagination {font-size: 0; bottom: 30px; padding-bottom: env(safe-area-inset-bottom);}
.swiper-banner .swiper-pagination .swiper-pagination-bullet {width: 8px; height: 8px; background: #fff; opacity: 1; margin: 6px 8px; transition: all 300ms;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active {width: 20px; height: 20px; opacity: .1; margin: 0 8px;}

@media all and (max-width: 1680px) {
    .swiper-banner .swiper-button-prev {left: 60px;}
    .swiper-banner .swiper-button-next {right: 60px;}
}
@media all and (max-width: 1360px) {
    .swiper-banner .swiper-button-prev {left: 50px;}
    .swiper-banner .swiper-button-next {right: 50px;}
}
@media all and (max-width: 1024px) {
    .swiper-banner .swiper-button-prev {left: 40px;}
    .swiper-banner .swiper-button-next {right: 40px;}
    .swiper-banner .swiper-pagination {bottom: 20px;}
    .swiper-banner .swiper-pagination .swiper-pagination-bullet {width: 6px; height: 6px; margin: 5px 6px;}
    .swiper-banner .swiper-pagination .swiper-pagination-bullet-active {width: 16px; height: 16px; margin: 0 6px;}
}
@media all and (max-width: 480px) {
    .swiper-banner .swiper-button-prev {left: 30px;}
    .swiper-banner .swiper-button-next {right: 30px;}
    .swiper-banner .swiper-pagination .swiper-pagination-bullet {margin: 3px 6px;}
    .swiper-banner .swiper-pagination .swiper-pagination-bullet-active {width: 12px; height: 12px; margin: 0 6px;}
}
@media all and (max-width: 420px) {
    .swiper-banner .swiper-button-prev {left: 25px;}
    .swiper-banner .swiper-button-next {right: 25px;}
}




.n-head {padding-left: 185px; transition: padding-left 200ms;}
.n-head .title {font-size: 44px; color: #dbe0e9; font-weight: 600; line-height: 1; transition: font-size 200ms;}
.n-head .note {font-size: 19px; color: #303547; line-height: 1; position: relative; margin-top: 30px; padding-left: 20px; transition: margin-top 200ms, padding-left 200ms;}
.n-head .note:before {content: ''; display: block; width: 8px; height: 8px; background: #303547; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -4px; transition: width 200ms, height 200ms, margin-top 200ms;}
@media all and (max-width: 1680px) {
    .n-head {padding-left: 170px;}
}
@media all and (max-width: 1440px) {
    .n-head {padding-left: 150px;}
}
@media all and (max-width: 1360px) {
    .n-head {padding-left: 140px;}
}
@media all and (max-width: 1280px) {
    .n-head {padding-left: 130px;}
    .n-head .title {font-size: 40px;}
    .n-head .note {font-size: 17px; padding-left: 18px; margin-top: 25px;}
    .n-head .note:before {width: 6px; height: 6px; margin-top: -3px;}
}
@media all and (max-width: 1024px) {
    .n-head {padding-left: 110px;}
    .n-head .title {font-size: 38px;}
    .n-head .note {font-size: 16px; margin-top: 22px;}
}
@media all and (max-width: 960px) {
    .n-head {padding-left: 100px;}
}
@media all and (max-width: 800px) {
    .n-head {padding-left: 90px;}
    .n-head .title {font-size: 34px;}
    .n-head .note {margin-top: 20px;}
}
@media all and (max-width: 720px) {
    .n-head {padding-left: 80px;}
}
@media all and (max-width: 640px) {
    .n-head {padding-left: 70px;}
    .n-head .title {font-size: 30px;}
    .n-head .note {font-size: 15px;}
}
@media all and (max-width: 480px) {
    .n-head {padding-left: 50px;}
    .n-head .title {font-size: 28px;}
    .n-head .note {margin-top: 18px;}
}
@media all and (max-width: 420px) {
    .n-head {padding-left: 40px;}
    .n-head .title {font-size: 24px;}
    .n-head .note {margin-top: 15px;}
}








.n-projects {padding: 100px 0;}
.n-projects .swiper-button-prev,
.n-projects .swiper-button-next {width: 52px; height: 86px; margin-top: -43px; background: url("../images/project-control.png") no-repeat left center / 200% 100%;}
.n-projects .swiper-button-prev:after,
.n-projects .swiper-button-next:after {display: none;}
.n-projects .swiper-button-prev {background-position-x: left;}
.n-projects .swiper-button-next {background-position-x: right;}
.n-projects .swiper-button-prev {left: 76px;}
.n-projects .swiper-button-next {right: 76px;}

.n-projects .swiper-slide {width: 570px; padding-left: 60px;}
.n-projects .swiper-slide:first-child {padding-left: 185px;}
.n-projects .swiper-slide:last-child {padding-right: 76px;}
.n-projects .swiper-slide .box {display: block; position: relative;}
.n-projects .swiper-slide .img {font-size: 0;}
.n-projects .swiper-slide .img a {display: block;}
.n-projects .swiper-slide .img img {width: 100%;}
.n-projects .swiper-slide .tit {width: 100%; box-sizing: border-box; padding: 30px; position: absolute; left: 0; bottom: 0; z-index: 20;}
.n-projects .swiper-slide .tit {font-size: 18px; color: #ffffff; font-weight: bold;}

@media all and (max-width: 1680px) {
    .n-projects {padding: 90px 0;}
    .n-projects .swiper-button-prev,
    .n-projects .swiper-button-next {width: 40px; height: 66px; margin-top: -33px;}
    .n-projects .swiper-button-prev {left: 60px;}
    .n-projects .swiper-button-next {right: 60px;}
    .n-projects .swiper-slide {width: 560px; padding-left: 55px;}
    .n-projects .swiper-slide:first-child {padding-left: 170px;}
    .n-projects .swiper-slide:last-child {padding-right: 60px;}
}
@media all and (max-width: 1440px) {
    .n-projects {padding: 80px 0;}
    .n-projects .swiper-slide {width: 520px; padding-left: 45px;}
    .n-projects .swiper-slide:first-child {padding-left: 150px;}
    .n-projects .swiper-slide:last-child {padding-right: 60px;}
}
@media all and (max-width: 1360px) {
    .n-projects .swiper-button-prev,
    .n-projects .swiper-button-next {width: 34px; height: 56px; margin-top: -28px;}
    .n-projects .swiper-button-prev {left: 50px;}
    .n-projects .swiper-button-next {right: 50px;}
    .n-projects .swiper-slide {width: 500px; padding-left: 40px;}
    .n-projects .swiper-slide:first-child {padding-left: 140px;}
    .n-projects .swiper-slide:last-child {padding-right: 50px;}
    .n-projects .swiper-slide .tit {font-size: 17px;}
}
@media all and (max-width: 1280px) {
    .n-projects {padding: 70px 0;}
    .n-projects .swiper-slide {width: 480px; padding-left: 40px;}
    .n-projects .swiper-slide:first-child {padding-left: 130px;}
    .n-projects .swiper-slide:last-child {padding-right: 50px;}
}
@media all and (max-width: 1024px) {
    .n-projects .swiper-button-prev,
    .n-projects .swiper-button-next {width: 30px; height: 50px; margin-top: -25px;}
    .n-projects .swiper-button-prev {left: 40px;}
    .n-projects .swiper-button-next {right: 40px;}
    .n-projects .swiper-slide {width: 400px; padding-left: 35px;}
    .n-projects .swiper-slide:first-child {padding-left: 110px;}
    .n-projects .swiper-slide:last-child {padding-right: 40px;}
    .n-projects .swiper-slide .tit {font-size: 16px;}
}
@media all and (max-width: 960px) {
    .n-projects .swiper-slide {width: 400px; padding-left: 35px;}
    .n-projects .swiper-slide:first-child {padding-left: 100px;}
    .n-projects .swiper-slide:last-child {padding-right: 40px;}
}
@media all and (max-width: 800px) {
    .n-projects .swiper-button-prev,
    .n-projects .swiper-button-next {width: 28px; height: 46px; margin-top: -23px;}
    .n-projects .swiper-button-prev {left: 30px;}
    .n-projects .swiper-button-next {right: 30px;}
    .n-projects .swiper-slide {width: 400px; padding-left: 35px;}
    .n-projects .swiper-slide:first-child {padding-left: 90px;}
    .n-projects .swiper-slide:last-child {padding-right: 40px;}
}
@media all and (max-width: 720px) {
    .n-projects .swiper-slide {width: 400px; padding-left: 35px;}
    .n-projects .swiper-slide:first-child {padding-left: 80px;}
    .n-projects .swiper-slide:last-child {padding-right: 40px;}
}
@media all and (max-width: 640px) {
    .n-projects {padding: 60px 40px 10px 70px;}
    .n-projects .swiper-wrapper {display: block;}
    .n-projects .swiper-slide {width: auto; padding-left: 0; padding-bottom: 50px;}
    .n-projects .swiper-slide:first-child {padding-left: 0;}
    .n-projects .swiper-slide:last-child {padding-right: 0;}
}
@media all and (max-width: 480px) {
    .n-projects {padding: 40px 30px 0 30px;}
    .n-projects .swiper-slide {padding-bottom: 40px;}
    .n-projects .swiper-slide .tit {padding: 20px; font-size: 15px;}
}
@media all and (max-width: 420px) {
    .n-projects {padding: 30px 25px 0 25px;}
    .n-projects .swiper-slide {padding-bottom: 30px;}
    .n-projects .swiper-slide .tit {padding: 15px; font-size: 14px;}
}










.n-detail {padding: 100px 0 214px 0;}
.n-detail-slide .swiper-button-prev,
.n-detail-slide .swiper-button-next {width: 52px; height: 86px; margin-top: -43px; background: url("../images/project-control.png") no-repeat left center / 200% 100%;}
.n-detail-slide .swiper-button-prev:after,
.n-detail-slide .swiper-button-next:after {display: none;}
.n-detail-slide .swiper-button-prev {background-position-x: left;}
.n-detail-slide .swiper-button-next {background-position-x: right;}
.n-detail-slide .swiper-button-prev {left: 76px;}
.n-detail-slide .swiper-button-next {right: 76px;}
.n-detail-slide .swiper-slide {width: auto; padding-right: 60px;}
.n-detail-slide .swiper-slide:first-child {padding-left: 185px;}
.n-detail-slide .swiper-slide:last-child {padding-right: 76px;}
.n-detail-slide .swiper-slide .box {font-size: 0;}
.n-detail-slide .swiper-slide .box a {display: block;}
.n-detail-slide .swiper-slide .box img {height: 618px;}

.n-detail-main {max-width: 900px; margin: 0 auto;}

.n-detail-row {padding-top: 120px; display: flex;}
.n-detail-row-foot-line {position: relative; padding-bottom: 100px;}
.n-detail-row-foot-line:after {content: ''; display: block; width: 100%; height: 5px; background: url("../images/detail-line.png") no-repeat center / 100% 100%; position: absolute; left: 0; bottom: 0;}
.n-detail-tit {width: 180px; font-size: 16px; line-height: 26px; color: #303547;}
.n-detail-box {flex: 1; min-width: 0;}
.n-detail-information {font-size: 16px; line-height: 26px; color: #303547;}
.n-detail-introduction {font-size: 16px; line-height: 32px; color: #303547;}
.n-detail-awards .item {margin-bottom: 40px; display: flex; align-items: center;}
.n-detail-awards .item .icon {font-size: 0; margin-right: 60px;}
.n-detail-awards .item .icon img {width: 90px; height: 90px; border-radius: 50%; filter: grayscale(100%); transition: all 300ms;}
.n-detail-awards .item .cons {flex: 1; min-width: 0; display: flex; align-items: center;}
.n-detail-awards .item .year {min-width: 150px; font-weight: 600; color: #dbe0e9; font-size: 44px;}
.n-detail-awards .item .text {flex: 1; min-width: 0; color: #303547; font-size: 19px; padding-left: 25px; position: relative;}
.n-detail-awards .item .text:before {content: ''; display: block; width: 8px; height: 8px; background: #303547; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -4px;}
.n-detail-awards .item:hover .icon img {filter: grayscale(0%);}

@media all and (max-width: 1680px) {
    .n-detail {padding: 90px 0 182px 0;}
    .n-detail-slide .swiper-button-prev,
    .n-detail-slide .swiper-button-next {width: 40px; height: 66px; margin-top: -33px;}
    .n-detail-slide .swiper-button-prev {left: 60px;}
    .n-detail-slide .swiper-button-next {right: 60px;}
    .n-detail-slide .swiper-slide {padding-right: 55px;}
    .n-detail-slide .swiper-slide .box img {height: 580px;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 170px;}
    .n-detail-slide .swiper-slide:last-child {padding-right: 60px;}
    .n-detail-row {padding-top: 110px;}
    .n-detail-row-foot-line {padding-bottom: 90px;}
}
@media all and (max-width: 1440px) {
    .n-detail {padding: 80px 0 182px 0;}
    .n-detail-slide .swiper-slide {padding-right: 45px;}
    .n-detail-slide .swiper-slide .box img {height: 520px;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 150px;}
    .n-detail-slide .swiper-slide:last-child {padding-right: 60px;}
    .n-detail-row {padding-top: 100px;}
    .n-detail-row-foot-line {padding-bottom: 80px;}
}
@media all and (max-width: 1360px) {
    .n-detail {padding: 80px 0 162px 0;}
    .n-detail-slide .swiper-button-prev,
    .n-detail-slide .swiper-button-next {width: 34px; height: 56px; margin-top: -28px;}
    .n-detail-slide .swiper-button-prev {left: 50px;}
    .n-detail-slide .swiper-button-next {right: 50px;}
    .n-detail-slide .swiper-slide {padding-right: 40px;}
    .n-detail-slide .swiper-slide .box img {height: 500px;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 140px;}
    .n-detail-slide .swiper-slide:last-child {padding-right: 50px;}
    .n-detail-row {padding-top: 90px;}
    .n-detail-row-foot-line {padding-bottom: 70px;}
    .n-detail-information {font-size: 15px;}
    .n-detail-awards .item .icon {margin-right: 40px;}
    .n-detail-awards .item .year {min-width: 140px; font-size: 40px;}
    .n-detail-awards .item .text:before {width: 6px; height: 6px; margin-top: -3px;}
    .n-detail-awards .item .text {font-size: 17px;}
    .n-detail-introduction {font-size: 15px;}
}
@media all and (max-width: 1280px) {
    .n-detail {padding: 70px 0 162px 0;}
    .n-detail-slide .swiper-button-prev,
    .n-detail-slide .swiper-button-next {width: 30px; height: 50px; margin-top: -25px;}
    .n-detail-slide .swiper-button-prev {left: 40px;}
    .n-detail-slide .swiper-button-next {right: 40px;}
    .n-detail-slide .swiper-slide {padding-right: 40px;}
    .n-detail-slide .swiper-slide .box img {height: 480px;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 130px;}
    .n-detail-slide .swiper-slide:last-child {padding-right: 50px;}
    .n-detail-row {padding-top: 80px;}
    .n-detail-tit {width: 240px; font-size: 15px;}
}
@media all and (max-width: 1024px) {
    .n-detail {padding: 70px 0 142px 0;}
    .n-detail-slide .swiper-slide {padding-right: 35px;}
    .n-detail-slide .swiper-slide .box img {height: 400px;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 110px;}
    .n-detail-slide .swiper-slide:last-child {padding-right: 40px;}
    .n-detail-main {max-width: 100%; padding: 0 40px 0 110px;}
    .n-detail-row {padding-top: 70px;}
    .n-detail-row-foot-line {padding-bottom: 60px;}
    .n-detail-tit {width: 200px;}
}
@media all and (max-width: 960px) {
    .n-detail {padding: 70px 0 142px 0;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 100px;}
    .n-detail-main {padding: 0 40px 0 100px;}
    .n-detail-row {padding-top: 60px;}
    .n-detail-row-foot-line {padding-bottom: 50px;}
    .n-detail-awards .item .text {font-size: 16px;}
}
@media all and (max-width: 860px) {
    .n-detail-row {display: block;}
    .n-detail-tit {width: auto; font-weight: bold;}
    .n-detail-box {padding-top: 25px;}
    .n-detail-information {font-size: 14px;}
    .n-detail-awards .item .icon img {width: 80px; height: 80px;}
    .n-detail-awards .item .year {font-size: 36px; min-width: 120px;}
    .n-detail-awards .item .text {font-size: 15px;}
    .n-detail-introduction {font-size: 14px; line-height: 30px;}
}
@media all and (max-width: 800px) {
    .n-detail-slide .swiper-button-prev,
    .n-detail-slide .swiper-button-next {width: 28px; height: 46px; margin-top: -23px;}
    .n-detail-slide .swiper-button-prev {left: 30px;}
    .n-detail-slide .swiper-button-next {right: 30px;}
    .n-detail-slide .swiper-slide {padding-right: 35px;}
    .n-detail-slide .swiper-slide .box img {height: 400px;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 90px;}
    .n-detail-slide .swiper-slide:last-child {padding-right: 40px;}
    .n-detail-main {padding: 0 40px 0 90px;}
    .n-detail-row {padding-top: 50px;}
    .n-detail-row-foot-line {padding-bottom: 50px;}
}
@media all and (max-width: 720px) {
    .n-detail-slide .swiper-slide:first-child {padding-left: 80px;}
    .n-detail-main {padding: 0 40px 0 80px;}
}
@media all and (max-width: 640px) {
    .n-detail {padding: 60px 40px 142px 70px;}
    .n-detail-slide {padding: 0;}
    .n-detail-slide .swiper-wrapper {display: block;}
    .n-detail-slide .swiper-slide {padding-right: 0; padding-bottom: 40px;}
    .n-detail-slide .swiper-slide .box img {width: 100%; height: auto;}
    .n-detail-slide .swiper-slide:first-child {padding-left: 0;}
    .n-detail-slide .swiper-slide:last-child {padding-right: 0; padding-bottom: 0;}
    .n-detail-main {padding: 0;}

    .n-detail-awards .item .icon img {filter: grayscale(0);}
    .n-detail-awards .item .cons {display: block;}
    .n-detail-awards .item .year {font-size: 30px;}
    .n-detail-awards .item .text {font-size: 14px; padding: 10px 0 0 0;}
    .n-detail-awards .item .text:before {display: none;}
}
@media all and (max-width: 480px) {
    .n-detail {padding: 40px 30px 122px 30px;}
    .n-detail-slide .swiper-slide {padding-bottom: 30px;}
    .n-detail-row {padding-top: 40px;}
    .n-detail-row-foot-line {padding-bottom: 40px;}
    .n-detail-row-foot-line:after {height: 4px;}
    .n-detail-box {padding-top: 15px;}
    .n-detail-awards .item .icon {margin-right: 25px;}
}
@media all and (max-width: 420px) {
    .n-detail {padding: 30px 25px 112px 25px;}
    .n-detail-slide .swiper-slide {padding-bottom: 25px;}

    .n-detail-row {padding-top: 35px;}
    .n-detail-row-foot-line {padding-bottom: 35px;}
    .n-detail-information {font-size: 13px; line-height: 24px;}
    .n-detail-box {padding-top: 10px;}
    .n-detail-awards .item .icon {margin-right: 20px;}
    .n-detail-awards .item .icon img {width: 60px; height: 60px;}
    .n-detail-awards .item .year {font-size: 24px;}
    .n-detail-awards .item .text {font-size: 13px; padding: 5px 0 0 0;}

    .n-detail-introduction {font-size: 13px; line-height: 24px;}
}






.n-about {padding: 140px 0 169px 185px;}
.n-about-row {padding-top: 140px; display: flex;}
.n-about .n-about-row:first-child {padding-top: 0;}
.n-about-tit {width: 325px; font-size: 16px; line-height: 26px; color: #303547;}
.n-about-box {flex: 1; min-width: 0;}

.n-about-company {display: flex; padding-right: 180px;}
.n-about-company .img {width: 30%; font-size: 0; margin-right: 50px;}
.n-about-company .img img {width: 100%;}
.n-about-company .con {flex: 1; min-width: 0; font-size: 16px; line-height: 26px; color: #303547; column-count: 2; column-gap: 50px;}



.n-about-team .swiper-slide {width: 372px; padding-right: 60px;}
.n-about-team .swiper-slide:last-child {padding-right: 76px;}
.n-about-team .swiper-slide .img {font-size: 0;}
.n-about-team .swiper-slide .img a {display: block;}
.n-about-team .swiper-slide .img img {width: 100%;}
.n-about-team .swiper-slide .con {padding-top: 30px;}
.n-about-team .swiper-slide .con .text {font-size: 16px; color: #303547; line-height: 24px; min-height: 72px;}
.n-about-team .swiper-slide .con .note {display: flex; justify-content: space-between; align-items: center; padding-top: 40px;}
.n-about-team .swiper-slide .con .note .work {flex: 1; min-width: 0; font-size: 16px; color: #303547;}
.n-about-team .swiper-slide .con .note .name {font-size: 19px; color: #303547; font-weight: 600;}


.n-about-partner {display: flex; flex-wrap: wrap; padding-right: 20px; font-size: 0;}
.n-about-partner .item {width: 20%; box-sizing: border-box; padding: 0 50px 45px 0;}
.n-about-partner .item a {display: block;}
.n-about-partner .item img {width: 100%;}

@media all and (max-width: 1680px) {
    .n-about {padding: 100px 0 142px 170px;}
    .n-about-row {padding-top: 120px;}
    .n-about-tit {width: 320px;}
    .n-about-company {padding-right: 60px;}
    .n-about-team .swiper-slide {width: 370px; padding-right: 55px;}
    .n-about-team .swiper-slide:last-child {padding-right: 60px;}
    .n-about-partner {padding-right: 10px;}
    .n-about-partner .item {padding: 0 45px 40px 0;}
}
@media all and (max-width: 1440px) {
    .n-about {padding: 90px 0 142px 150px;}
    .n-about-row {padding-top: 110px;}
    .n-about-tit {width: 240px;}
    .n-about-company .img {margin-right: 40px;}
    .n-about-company .con {font-size: 15px; column-gap: 40px;}
    .n-about-team .swiper-slide {width: 320px; padding-right: 40px;}
    .n-about-team .swiper-slide:last-child {padding-right: 60px;}
    .n-about-team .swiper-slide .con {padding-top: 20px;}
    .n-about-team .swiper-slide .con .text {font-size: 15px;}
    .n-about-team .swiper-slide .con .note {padding-top: 30px;}
    .n-about-team .swiper-slide .con .note .work {font-size: 15px;}
    .n-about-team .swiper-slide .con .note .name {font-size: 17px;}

    .n-about-partner {padding-right: 20px;}
    .n-about-partner .item {padding: 0 40px 40px 0;}
}
@media all and (max-width: 1360px) {
    .n-about {padding: 85px 0 127px 140px;}
    .n-about-row {padding-top: 90px;}
    .n-about-tit {font-size: 15px;}
    .n-about-company {padding-right: 50px;}
    .n-about-company .con {font-size: 14px; line-height: 24px; column-count: auto;}
    .n-about-team .swiper-slide {width: 300px;}
    .n-about-team .swiper-slide:last-child {padding-right: 50px;}
    .n-about-team .swiper-slide .con .note .name {font-size: 16px;}
    .n-about-partner {padding-right: 15px;}
    .n-about-partner .item {padding: 0 35px 35px 0;}
}
@media all and (max-width: 1280px) {
    .n-about {padding: 80px 0 132px 130px;}
    .n-about-row {padding-top: 80px;}
    .n-about-tit {width: 200px;}
    .n-about-company {padding-right: 40px;}
    .n-about-team .swiper-slide {width: 280px;}
    .n-about-team .swiper-slide:last-child {padding-right: 40px;}
    .n-about-team .swiper-slide .con .text {font-size: 14px;}
    .n-about-team .swiper-slide .con .note .work {font-size: 14px;}
    .n-about-team .swiper-slide .con .note .name {font-size: 15px;}
    .n-about-partner {padding-right: 10px;}
    .n-about-partner .item {padding: 0 30px 30px 0;}
}
@media all and (max-width: 1024px) {
    .n-about {padding: 80px 0 107px 110px;}
    .n-about-row {padding-top: 80px;}
    .n-about-tit {width: 160px;}
    .n-about-company .img {margin-right: 35px;}
    .n-about-team .swiper-slide {width: 240px;}
    .n-about-team .swiper-slide {padding-right: 35px;}
    .n-about-team .swiper-slide:last-child {padding-right: 40px;}

    .n-about-partner {padding-right: 5px;}
    .n-about-partner .item {width: 25%; padding: 0 35px 35px 0;}
}
@media all and (max-width: 960px) {
    .n-about {padding: 70px 0 112px 100px;}
    .n-about-row {padding-top: 70px;}
    .n-about-company .img {margin-right: 30px;}
    .n-about-team .swiper-slide {padding-right: 30px;}

    .n-about-partner {padding-right: 10px;}
    .n-about-partner .item {padding: 0 30px 30px 0;}
}
@media all and (max-width: 860px) {
    .n-about {padding: 70px 0 112px 0;}
    .n-about-row {display: block;}
    .n-about-tit {width: auto; padding-left: 100px; font-weight: bold;}
    .n-about-box {padding-top: 30px;}
    .n-about-company {padding: 0 40px 0 100px;}
    .n-about-team .swiper-slide:first-child {padding-left: 100px;}

    .n-about-partner {padding: 0 10px 0 100px;}
}
@media all and (max-width: 800px) {
    .n-about-row {padding-top: 60px;}
    .n-about-tit {padding-left: 90px;}
    .n-about-company {padding: 0 40px 0 90px;}
    .n-about-team .swiper-slide:first-child {padding-left: 90px;}

    .n-about-partner {padding: 0 10px 0 90px;}
}
@media all and (max-width: 720px) {
    .n-about-tit {padding-left: 80px;}
    .n-about-company {padding: 0 40px 0 80px;}
    .n-about-team .swiper-slide:first-child {padding-left: 80px;}

    .n-about-partner {padding: 0 10px 0 80px;}
}
@media all and (max-width: 640px) {
    .n-about {padding: 60px 40px 112px 70px;}
    .n-about-tit {padding-left: 0;}
    .n-about-box {padding-top: 20px;}
    .n-about-company {padding: 0; display: block;}
    .n-about-company .img {width: auto; margin-right: 0; padding-bottom: 20px;}
    .n-about-team {padding-bottom: 10px;}
    .n-about-team .swiper-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap;}
    .n-about-team .swiper-slide {width: calc(50% - 15px); padding: 30px 0 0 0;}
    .n-about-team .swiper-slide:first-child,
    .n-about-team .swiper-slide:last-child {padding: 30px 0 0 0;}
    .n-about-team .swiper-slide:nth-child(1),
    .n-about-team .swiper-slide:nth-child(2) {padding-top: 0;}
    .n-about-team .swiper-slide .con {padding-top: 15px;}
    .n-about-team .swiper-slide .con .note {padding-top: 15px; flex-direction: column; align-items: flex-start;}

    .n-about-partner {padding: 0;}
    .n-about-partner .item {width: calc(33.333% - 20px); margin-right: 30px; padding: 0 0 30px 0;}
    .n-about-partner .item:nth-child(3n + 0) {margin-right: 0;}
}
@media all and (max-width: 480px) {
    .n-about {padding: 50px 30px 92px 30px;}
    .n-about-row {padding-top: 45px;}
}
@media all and (max-width: 420px) {
    .n-about {padding: 40px 25px 92px 25px;}
    .n-about-row {padding-top: 30px;}
    .n-about-team .swiper-slide {width: calc(50% - 10px);}
    .n-about-team .swiper-slide .con .text {font-size: 13px; line-height: 20px; min-height: 60px;}
    .n-about-team .swiper-slide .con .note {padding-top: 10px;}
    .n-about-team .swiper-slide .con .note .work {font-size: 13px;}
    .n-about-team .swiper-slide .con .note .name {font-size: 14px;}

    .n-about-partner {justify-content: space-between;}
    .n-about-partner .item {width: calc(50% - 10px); margin: 0; padding: 0 0 20px 0;}
}







.n-services {padding: 140px 180px 214px 185px; display: flex;}
.n-services-tit {width: 325px; font-size: 16px; line-height: 26px; color: #303547;}
.n-services-img {font-size: 0; width: 360px; margin-right: 72px;}
.n-services-img .infolist {display: none;}
.n-services-img .infolist.on {display: block;}
.n-services-img img {width: 100%;}
.n-services-box {flex: 1; min-width: 0;}
.n-services-list {border-top: 1px solid #90949e;}
.n-services-list .group {border-bottom: 1px solid #90949e;}
.n-services-list .group .title {font-size: 19px; color: #303547;}
.n-services-list .group .title a {color: #303547; display: flex; justify-content: space-between; align-items: center; padding: 40px 0;}
.n-services-list .group .title a span {display: block; flex: 1; min-width: 0; transition: transform 200ms;}
.n-services-list .group .title a:after {content: ''; display: block; width: 14px; height: 8px; background: url("../images/services-arrow.png") no-repeat center / 100% 100%; margin-right: 35px; transition: transform 200ms;}
.n-services-list .group .title a:hover span {transform: translateX(35px);}
.n-services-list .group .content {max-height: 0; overflow: hidden; transition: max-height 700ms;}
.n-services-list .group .content .text {font-size: 16px; line-height: 26px; color: #303547; padding: 0 0 40px 35px;}
.n-services-list .group .content ul li {padding-top: 14px;}
.n-services-list .group .content ul li:first-child {padding-top: 0;}
.n-services-list .group .content ul li span {display: block; position: relative; padding-left: 40px;}
.n-services-list .group .content ul li span:before {content: ''; display: block; width: 6px; height: 6px; background: #303547; border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -3px;}
.n-services-list .group.on .title a:after {transform: rotate(180deg);}
@media all and (max-width: 1680px) {
    .n-services {padding: 100px 160px 182px 170px;}
    .n-services-tit {width: 320px;}
}
@media all and (max-width: 1440px) {
    .n-services {padding: 90px 140px 182px 150px;}
    .n-services-tit {width: 240px;}
}
@media all and (max-width: 1360px) {
    .n-services {padding: 85px 120px 162px 140px;}
    .n-services-tit {font-size: 15px;}
    .n-services-img {width: 315px;}
    .n-services-list .group .title {font-size: 17px;}
    .n-services-list .group .title a {padding: 35px 0;}
    .n-services-list .group .content .text {font-size: 15px; line-height: 25px;}
    .n-services-list .group .content ul li span {padding-left: 35px;}
}
@media all and (max-width: 1280px) {
    .n-services {padding: 80px 50px 162px 130px;}
    .n-services-tit {width: 200px;}
}
@media all and (max-width: 1024px) {
    .n-services {padding: 80px 40px 142px 110px;}
    .n-services-tit {width: 160px;}
    .n-services-img {width: 310px; margin-right: 50px;}
    .n-services-list .group .title a:after {margin-right: 20px;}
    .n-services-list .group .title a:hover span {transform: translateX(20px);}
    .n-services-list .group .content .text {padding: 0 0 30px 20px;}
    .n-services-list .group .content ul li span {padding-left: 30px;}
}
@media all and (max-width: 960px) {
    .n-services {padding: 70px 40px 142px 100px;}
    .n-services-img {width: 275px; margin-right: 40px;}
    .n-services-list .group .title a {padding: 30px 0;}
    .n-services-list .group .title a:after {margin-right: 15px;}
    .n-services-list .group .title a:hover span {transform: translateX(15px);}
    .n-services-list .group .content .text {padding: 0 0 25px 15px;}
    .n-services-list .group .content ul li span {padding-left: 25px;}
}
@media all and (max-width: 860px) {
    .n-services-img {width: 200px;}
}
@media all and (max-width: 800px) {
    .n-services {padding: 70px 40px 142px 90px;}
    .n-services-img {width: 160px;}
    .n-services-list .group .title {font-size: 16px;}
    .n-services-list .group .title a {padding: 25px 0;}
    .n-services-list .group .content .text {font-size: 14px; line-height: 24px;}
}
@media all and (max-width: 720px) {
    .n-services {padding: 70px 40px 142px 80px; display: block;}
    .n-services-tit {width: auto; font-weight: bold;}
    .n-services-img {width: 50%; margin-right: 0;}
    .n-services-box {padding-top: 30px;}
}
@media all and (max-width: 640px) {
    .n-services {padding: 60px 40px 142px 70px;}
    .n-services-box {padding-top: 20px;}
}
@media all and (max-width: 480px) {
    .n-services {padding: 50px 30px 122px 30px;}
    .n-services-img {width: auto;}
    .n-services-list .group .title a:after {margin-right: 5px;}
    .n-services-list .group .title a:hover span {transform: translateX(10px);}
    .n-services-list .group .content .text {padding-left: 10px;}
    .n-services-list .group .content ul li span {padding-left: 20px;}
    .n-services-list .group .content ul li span:before {width: 4px; height: 4px; margin-top: -2px;}
}
@media all and (max-width: 420px) {
    .n-services {padding: 40px 25px 112px 25px;}
    .n-services-list .group .title {font-size: 15px;}
    .n-services-list .group .title a {padding: 20px 0;}
}







.n-awards {padding: 140px 185px 134px 185px; display: flex; flex-wrap: wrap;}
.n-awards .item {width: calc(25% - 60px); padding: 0 80px 80px 0;}
.n-awards .item:nth-child(4n + 0) {padding-right: 0;}
.n-awards .item .img {font-size: 0;}
.n-awards .item .img a {display: block;}
.n-awards .item .img img {width: 100%;}
.n-awards .item .con {padding-top: 30px; color: #303547;}
.n-awards .item .con .tit {font-size: 19px;}
.n-awards .item .con .txt {font-size: 16px; line-height: 22px; padding-top: 30px;}

@media all and (max-width: 1680px) {
    .n-awards {padding: 100px 170px 122px 170px;}
    .n-awards .item {width: calc(25% - 45px); padding: 0 60px 60px 0;}
}
@media all and (max-width: 1440px) {
    .n-awards {padding: 90px 150px 142px 150px;}
    .n-awards .item {width: calc(25% - 30px); padding: 0 40px 40px 0;}
    .n-awards .item .con {padding-top: 20px;}
    .n-awards .item .con .tit {font-size: 17px;}
    .n-awards .item .con .txt {padding-top: 15px; font-size: 14px;}
}
@media all and (max-width: 1360px) {
    .n-awards {padding: 85px 140px 122px 140px;}
}
@media all and (max-width: 1280px) {
    .n-awards {padding: 80px 130px 102px 130px;}
    .n-awards .item {width: calc(33.333% - 40px); padding: 0 60px 60px 0;}
    .n-awards .item:nth-child(4n + 0) {padding-right: 60px;}
    .n-awards .item:nth-child(3n + 0) {padding-right: 0;}
    .n-awards .item .con {padding-top: 25px;}
    .n-awards .item .con .tit {font-size: 18px;}
    .n-awards .item .con .txt {padding-top: 20px; font-size: 15px;}
}
@media all and (max-width: 1024px) {
    .n-awards {padding: 80px 110px 103px 110px;}
    .n-awards .item {width: calc(33.333% - 26px); padding: 0 39px 39px 0;}
    .n-awards .item:nth-child(4n + 0) {padding-right: 39px;}
    .n-awards .item:nth-child(3n + 0) {padding-right: 0;}
    .n-awards .item .con {padding-top: 20px;}
    .n-awards .item .con .tit {font-size: 17px;}
    .n-awards .item .con .txt {padding-top: 15px; font-size: 14px;}
}
@media all and (max-width: 960px) {
    .n-awards {padding: 70px 100px 103px 100px;}
}
@media all and (max-width: 860px) {
    .n-awards {padding: 70px 100px 112px 100px;}
    .n-awards .item {width: calc(33.333% - 20px); padding: 0 30px 30px 0;}
    .n-awards .item:nth-child(4n + 0) {padding-right: 30px;}
    .n-awards .item:nth-child(3n + 0) {padding-right: 0;}
    .n-awards .item .con .tit {font-size: 16px;}
}
@media all and (max-width: 800px) {
    .n-awards {padding: 70px 90px 102px 90px; justify-content: space-between;}
    .n-awards .item {width: calc(50% - 20px); padding: 0 0 40px 0;}
    .n-awards .item:nth-child(4n + 0) {padding-right: 0;}
    .n-awards .item:nth-child(3n + 0) {padding-right: 0;}
    .n-awards .item .con {padding-top: 25px;}
    .n-awards .item .con .tit {font-size: 18px;}
    .n-awards .item .con .txt {padding-top: 20px; font-size: 15px;}
}
@media all and (max-width: 720px) {
    .n-awards {padding: 70px 80px 102px 80px;}
    .n-awards .item {width: calc(50% - 20px); padding: 0 0 40px 0;}
    .n-awards .item .con {padding-top: 20px;}
    .n-awards .item .con .tit {font-size: 17px;}
    .n-awards .item .con .txt {padding-top: 15px; font-size: 14px;}
}
@media all and (max-width: 640px) {
    .n-awards {padding: 60px 70px 102px 70px;}
}
@media all and (max-width: 560px) {
    .n-awards {padding: 60px 70px 112px 70px;}
    .n-awards .item {width: calc(50% - 15px); padding: 0 0 30px 0;}
}
@media all and (max-width: 480px) {
    .n-awards {padding: 50px 30px 92px 30px;}
}
@media all and (max-width: 420px) {
    .n-awards {padding: 40px 25px 87px 25px;}
    .n-awards .item {width: calc(50% - 12px); padding: 0 0 25px 0;}
    .n-awards .item .con .tit {font-size: 16px;}
    .n-awards .item .con .txt {font-size: 13px; line-height: 20px;}
}
@media all and (max-width: 375px) {
    .n-awards .item {width: calc(50% - 10px);}
    .n-awards .item .con .tit {font-size: 15px;}
}










.n-contacts {padding: 140px 185px 130px 185px;}
.n-contacts-list {display: flex; flex-wrap: wrap;}
.n-contacts-list .group {width: calc(25% - 60px); padding: 0 80px 80px 0;}
.n-contacts-list .group:nth-child(4n + 0) {padding-right: 0;}
.n-contacts-list .group .map {position: relative;}
.n-contacts-list .group .map .space {font-size: 0;}
.n-contacts-list .group .map .space svg {width: 100%;}
.n-contacts-list .group .map .box {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 20; background: #dbe0e9;}
.n-contacts-list .group .map .box img {width: 100%; height: 100%;}
.n-contacts-list .group .map .hover {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 30; background: #dbe0e9; opacity: 0; transition: opacity .3s;}
.n-contacts-list .group .map .hover img {width: 100%; height: 100%;}
.n-contacts-list .group .map:hover .hover {opacity: 1;}
.n-contacts-list .group .con {padding-top: 40px; color: #303547;}
.n-contacts-list .group .tit {font-size: 18px;}
.n-contacts-list .group .txt {padding-top: 30px; font-size: 15px; line-height: 32px;}

.n-contacts-note {color: #303547; padding-top: 20px;}
.n-contacts-note a {color: #303547;}
.n-contacts-note .title {font-size: 18px;}
.n-contacts-note .line {padding: 30px 0; font-size: 0;}
.n-contacts-note .line:before {content: ''; display: block; width: 100%; height: 1px; background: #303547;}
.n-contacts-note .content {font-size: 15px; line-height: 32px;}

@media all and (max-width: 1680px) {
    .n-contacts {padding: 100px 170px 122px 170px;}
    .n-contacts-list .group {width: calc(25% - 45px); padding: 0 60px 60px 0;}
}
@media all and (max-width: 1400px) {
    .n-contacts {padding: 90px 150px 143px 150px;}
    .n-contacts-list .group {width: calc(33.333% - 26px); padding: 0 39px 39px 0;}
    .n-contacts-list .group:nth-child(4n + 0) {padding-right: 39px;}
    .n-contacts-list .group:nth-child(3n + 0) {padding-right: 0;}
    .n-contacts-list .group .con {padding-top: 35px;}
    .n-contacts-list .group .txt {padding-top: 25px;}

    .n-contacts-note .line {padding: 25px 0;}
}
@media all and (max-width: 1360px) {
    .n-contacts {padding: 85px 140px 123px 140px;}
}
@media all and (max-width: 1280px) {
    .n-contacts {padding: 80px 130px 123px 130px;}
    .n-contacts-list .group .con {padding-top: 30px;}
    .n-contacts-list .group .txt {padding-top: 20px; line-height: 30px;}

    .n-contacts-note .line {padding: 20px 0;}
    .n-contacts-note .content {line-height: 30px;}
}
@media all and (max-width: 1024px) {
    .n-contacts {padding: 80px 110px 82px 110px;}
    .n-contacts-list {justify-content: space-between;}
    .n-contacts-list .group {width: calc(50% - 30px); padding: 0 0 60px 0;}
    .n-contacts-list .group:nth-child(4n + 0) {padding-right: 0;}
}
@media all and (max-width: 960px) {
    .n-contacts {padding: 70px 100px 82px 100px;}
}
@media all and (max-width: 860px) {
    .n-contacts {padding: 70px 100px 102px 100px;}
    .n-contacts-list .group {width: calc(50% - 20px); padding: 0 0 40px 0;}
    .n-contacts-list .group .tit {font-size: 16px;}
    .n-contacts-list .group .txt {font-size: 14px; line-height: 24px;}

    .n-contacts-note .title {font-size: 16px;}
    .n-contacts-note .content {font-size: 14px; line-height: 24px;}
}
@media all and (max-width: 800px) {
    .n-contacts {padding: 70px 90px 102px 90px;}
}
@media all and (max-width: 720px) {
    .n-contacts {padding: 70px 80px 112px 80px;}
    .n-contacts-list .group {width: calc(50% - 15px); padding: 0 0 30px 0;}
    .n-contacts-list .group .con {padding-top: 25px;}
    .n-contacts-list .group .txt {padding-top: 15px;}

    .n-contacts-note .line {padding: 15px 0;}
}
@media all and (max-width: 640px) {
    .n-contacts {padding: 60px 70px 112px 70px;}
}
@media all and (max-width: 560px) {
    .n-contacts {padding: 60px 70px 112px 70px;}
    .n-contacts-list .group {width: 100%;}
}
@media all and (max-width: 480px) {
    .n-contacts {padding: 50px 30px 92px 30px;}
    .n-contacts-list .group .map .hover {opacity: 1;}
}
@media all and (max-width: 420px) {
    .n-contacts {padding: 40px 25px 82px 25px;}
    .n-contacts-list .group .con {padding-top: 20px;}
}