/*
 *  style.css by 453883682@qq.com
 */
.banner{  position: relative; height: 100vh; background-color: #FFFFFF;}
.ban-img{  position: relative; width: 100%; height: 100%; overflow: hidden; transition: all .5s;}
.ban-img::before{ display: block; content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: url(../images/banner-mask.png) center center no-repeat; background-size: cover; z-index: 1;}
.ban-img video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.ban-text{ position: absolute; left: 0; top: 0; bottom: 0; width: 100%; padding-bottom: calc(8% + 50px); color: #FFFFFF; overflow: hidden; z-index: 2; text-align: left;}
.ban-cn{ line-height: 1.125; margin: 0 0 .2rem; font-weight: bold;}
.ban-en{ line-height: 1.3; margin: 0 0 .4rem;}
.banner .swiper-slide-active .ban-img{ animation: aniImgBig 6s linear;}
.ban-btn{ position: absolute; left: 0; bottom: 13%; width: 100%; z-index: 1;}
.ban-btn .swiperBtn span + span{ margin-left: .4rem;}

.box-title{}
.box-des{ margin-top: .1rem;}
.box-more{ transition: all .3s;}
.box-more:hover{ color: var(--main-color);}

.box1-bg{ padding: 120px 0; background: url(../images/box1-bg.png) center center no-repeat; background-size: cover;}
.box1-swiper{ position: relative; margin: 80px 0; background-color: #FFFFFF;}
.box1-img,
.box1-text{ flex-shrink: 0; width: 50%;}
.box1-img .imgBg{ height: 100%;}
.box1-text{ padding: 115px 80px; min-height: 6rem;}
.box1-name{ line-height: 1.6; margin-bottom: .3rem; font-weight: normal;}
.box1-con{ line-height: 31px; height: 93px; margin: 0 0 .3rem;}
.box1-more{ position: relative; display: block; width: 177px; line-height: 57px;  background: linear-gradient(97deg, #1952B7, #389BF6); border-radius: 30px; z-index: 1; overflow: hidden; transition: all .3s;}
.box1-more:hover{ background: linear-gradient(160deg, #1952B7, #389BF6); box-shadow: 0 5px 10px rgba(0,0,0,0.1); transform: translateY(-2px);}
.box1-btn{ position: absolute; right: .3rem; bottom: .35rem; z-index: 1;}


.box2-bg{ position: relative; padding: 120px 0; background: url(../images/box2-bg.png) center center no-repeat; background-size: cover; overflow: hidden; z-index: 1;}
.box2-box{ margin: 1.4rem 0 0;}
.box2-left{ flex: auto; overflow: hidden;}
.box2-tab{ line-height: 36px;}
.box2-tab li{ position: relative; margin-bottom: 1rem; cursor: pointer; transition: all .3s;}
.box2-tab li::before{ display: block; content: ""; position: absolute; left: 0; top: 15px; width: 0; height: 6px; background: #FFFFFF; transition: all .3s;}
.box2-tab li.active{ padding-left: 42px;}
.box2-tab li.active::before{ width: 32px;}
.box2-right{ flex-shrink: 0; width: 57.125%; margin-left: 5%;}
.box2-swiper{ position: relative; padding: 0 0 .3rem .27rem; z-index: 1;}
.box2-swiper::before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: calc(100% - .15rem); height: calc(100% - .66rem); background-color: #FFFFFF; opacity: .27;}
.box2-img{ display: block; padding-bottom: 75%;}
.box2-img:hover .imgBg{ transform: scale(1.05);}

.box3-bg{ position: relative; padding: 120px 0; background: url(../images/box3-bg.png) center center no-repeat; background-size: cover; overflow: hidden;}
.box3-bg .box-title{ color: #010101;}
.box3-swiper{ margin: 120px 0 0;}
.box3-link{ display: block;}
.box3-img{ padding-bottom: 87.55%; border-radius: .16rem; margin-bottom: .25rem;}
.box3-name{ position: relative; line-height: 30px; padding-left: .28rem; border-left: 2px solid #6C6868; transition: all .3s;}
.box3-btn{ margin-top: .55rem;}
.box3-link:hover .box3-img .imgBg{ transform: scale(1.05);}
.box3-link:hover .box3-name{ color: var(--main-color); border-left-color: var(--main-color);}

.box4-bg{ position: relative; padding: 120px 0; z-index: 1; overflow: hidden;}
.box4-img li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: none;}
.box4-img li::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35);}
.box4-img li::after{ display: block; content: ""; position: absolute; left: -50%; bottom: 20%; width: 100%; aspect-ratio: 1 / 1.5; border-radius: 50%; background-color: #1a55ba; opacity: .5; z-index: 1;}
.box4-box{ min-height: calc(100vh - 240px - 100px - 1.2rem); margin: .6rem 0;}
.box4-left{ width: 35%; max-width: 558px; margin-right: 5%;}
.box4-list{ list-style: none;}
.box4-list li{ display: none;}
.box4-name{ margin-bottom: .3rem;}
.box4-con{ line-height: 30px; height: 90px; margin: .3rem 0;}
.box4-right{ flex: auto; max-width: 800px; overflow: hidden;}
.box4-swiper .swiper-slide{ width: 24%; transition: all .3s;}
.box4-swiper .swiper-slide.active{ width: 52%;}
.box4-swiper .box4-con,
.box4-swiper .box1-more{ display: none;}
.box4-item{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 360px; padding: .3rem; max-height: 5rem; background: rgba(255, 255, 255, 0.6); transition: all .3s;}
.box4-mask{ position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(97deg, #1952B7, #389BF6); opacity: .8; z-index: -1; transition: all .3s;}
.box4-num{ position: absolute; top: .2rem; right: .2rem; line-height: 1; font-weight: 100; font-style: italic; opacity: 0; transform: scale(0); visibility: hidden; transform-origin: right center; transition: all .3s;}
.box4-icon{ width: 52px; height: 52px; max-width: .6rem; max-height: .6rem; margin: .5rem 0;}
.box4-icon .default-icon{}
.box4-icon .hover-icon{ display: none;}
.box4-title{ line-height: 28px; min-height: 56px; font-weight: normal; text-align: center; transition: all .3s;}

.box4-swiper .swiper-slide.active .box4-item{ align-items: flex-start; background-color: rgba(255, 255, 255, 0);}
.box4-swiper .swiper-slide.active .box4-mask{ width: 100%;}
.box4-swiper .swiper-slide.active .box4-num{ opacity: 1; visibility: visible; transform: scale(1);}
.box4-swiper .swiper-slide.active .box4-icon .default-icon{ display: none;}
.box4-swiper .swiper-slide.active .box4-icon .hover-icon{ display: block;}
.box4-swiper .swiper-slide.active .box4-title{ color: #FFFFFF;}
.box4-swiper .swiper-pagination{ display: none;}

.box5-bg{ padding: 140px 0;}
.box5-top{ position: relative; margin: .72rem 0; padding: 0 65px;}
.box5-tag{ display: block; color: #1953B7; line-height: calc(26px + .3rem); border-radius: 30px; padding: 1px; background: linear-gradient(97deg, #1952B7, #389BF6); text-align: center;}
.box5-tag span{ display: block; width: 100%; height: 100%; background-color: #FFFFFF; border-radius: 30px; cursor: pointer; transition: all .3s;}
.box5-top .swiper-slide-thumb-active .box5-tag span,
.box5-tag span:hover{ color: #FFFFFF; background-color: transparent;}
.box5-btn .prev,
.box5-btn .next{ position: absolute; top: 50%; transform: translateY(-50%);}
.box5-btn .prev{ left: 0;}
.box5-btn .next{ right: 0;}
.box5-logo{ position: relative; height: 0; padding-bottom: 44.35%; margin-bottom: 1px; background: #FFFFFF; border-radius: 6px; border: 1px solid rgba(225,224,224,0.81); overflow: hidden; transition: all .3s;}
.box5-logo span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.box5-logo span img{ display: block; max-width: 90%; max-height: 90%; margin: 0 auto; transition: all .3s;}
.box5-logo:hover{ border-color: var(--main-color);}
.box5-logo:hover span img{ transform: scale(0.95);}

.box6-bg{ position: relative; padding: 120px 0; background: url(../images/box6-bg.png) center center fixed #FFFFFF no-repeat; background-size: cover;}
.box6-swiper .swiper-container{ margin: .6rem 0;}
.box6-swiper .swiper-slide{ width: 36%; max-width: 577px; margin: 0 auto; transform: scale(0.4); transition: all .3s;}
.box6-swiper .swiper-slide-active{ transform: scale(1);}
.box6-swiper .swiper-slide-prev{ transform-origin: left center;}
.box6-swiper .swiper-slide-next{ transform-origin: right center;}
.box6-img{ padding-bottom: 100%; background: rgba(38,84,168,0.11);}
.box6-img span{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; background: #FFFFFF;}
.box6-img span img{ max-width: 100%; max-height: 100%;}
.box6-swiper .swiper-slide-active .box6-img{ background: linear-gradient(0deg, rgba(55,156,248,1), rgba(25,82,183,0.81));}
.box6-swiper .swiper-slide-active .box6-img span{ left: .1rem; top: .1rem; right: .1rem; bottom: .1rem;}


#banIn{ position: relative;}
#banIn .ban-img{ transition: none;}
#banIn .ban-img::before{ display: none;}
#banIn .ban-text{ justify-content: flex-end; padding-bottom: 2.48rem;}
#banIn.ban-515{ height: 515px; max-height: 5.6rem;}


.install-bg{ position: relative; padding: 166px 0 221px; overflow: hidden; z-index: 1;}
.install-img{ width: 50%; overflow: hidden;}
.install-img .imgBg{ padding-bottom: 62.875%; transition: all 1s;}
.install-text{ width: 50%; padding-left: 5%;}
.install-tag{ width: fit-content; color: #1A54B9; line-height: calc(24px + .2rem); padding: 0 .22rem; border-radius: 22px; background: linear-gradient(97deg, rgba(25, 82, 183, .2), rgba(56, 155, 246, .2)); margin-bottom: .45rem; transition: all .3s;}
.install-name{ padding-bottom: .45rem; margin-bottom: .45rem; line-height: 1.7; border-bottom: 1px solid rgba(0, 0, 0, .2); transition: all .3s;}
.install-con{ margin-bottom: .5rem;}
.install-more{ display: block; width: 53px; height: 53px; max-width: .6rem; max-height: .6rem; background-color: #1F5FC3; background: url(../images/icon-next-white.png) center center #1F5FC3 no-repeat; background-size: cover; border-radius: 50%; transition: all .3s;}
.install-pic{ position: absolute; left: 0; top: 0; width: 50%; height: 100%; opacity: .12; filter: grayscale(1); z-index: -1;}
.install-bg:nth-child(2n) .install-pic{ left: auto; right: 0;}
.install-bg:nth-child(2n) .install-box{ flex-direction: row-reverse;}
.install-bg:nth-child(2n) .install-text{ padding-left: 0; padding-right: 5%;}
.install-box:hover .install-tag{ background: var(--main-color); color: #FFFFFF;}
.install-box:hover .install-name{ color: var(--main-color);}
.install-box:hover .install-more{ transform: scale(.95) rotate(-45deg);}
.install-box:hover .install-img .imgBg{ transform: scale(1.05);}

.upkeep-bg{ padding: .44rem 0 0 !important;}
.upkeep-bg .install-box{ margin: .44rem 0;}


.customized-bg{ padding: .3rem 0 0;}
.customized-list{ margin: 0 -.15rem;}
.customized-list li{ width: 33.33%; padding: 0 .15rem; margin-top: .7rem;}
.customized-link{ display: block;}
.customized-img{ padding-bottom: 60.78%; margin-bottom: .2rem;}
.customized-name{ margin-bottom: .6rem; transition: all .3s;}
.customized-line{ position: relative; height: 3px; max-height: .04rem; margin-top: .4rem;}
.customized-line::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #1A54B9; transition: all .3s;}
.customized-link:hover .customized-img .imgBg{ transform: scale(1.05);}
.customized-link:hover .customized-name{ color: var(--main-color);}
.customized-link:hover .install-more{ transform: scale(0.9) rotate(-45deg);}
.customized-link:hover .customized-line::after{ width: 100%;}

.bus1-bg{ padding: 110px 0 140px; overflow: hidden;}
.bus1-box{ position: relative; max-width: 1430px; margin: 0 auto; margin-top: 120px; text-align: center;}
.bus1-box img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}
.bus1-list li{ position: absolute; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(26, 84, 185, 0.3); z-index: 1;}
.bus1-list li span{ position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; border-radius: 50%; background: #1a54b9; z-index: 1;}
.bus1-list li span::before,
.bus1-list li span::after{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(26, 84, 185, 0.3); border: 1px solid #1a54b9; z-index: -1; animation: aniLight 2s linear infinite;}
.bus1-list li span::after{ animation-delay: 1s;}
.bus1-list li:nth-child(2n) span::before{ animation-duration: 3s;}
.bus1-list li:nth-child(2n) span::after{ animation-delay: 1.5s;}


.bus1-1{ left: 28.8%; top: 0%; width: 8.67%;}
.bus1-2{ left: 15.1%; top: 24.66%; width: 8.67%;}
.bus1-3{ left: 20.84%; top: 23.9%; width: 4.62%; background-color: #1a54b9 !important;}
.bus1-4{ left: 44.4%; top: 24.66%; width: 8.67%;}
.bus1-5{ left: 69.3%; top: 14.5%; width: 11.54%;}
.bus1-6{ left: 83.22%; top: 57.1%; width: 11.54%;}

.bus1-7{ left: 58.25%; top: 18.24%; width: 10%;}
.bus1-8{ left: 58.25%; top: 40.36%; width: 5.87%;}
.bus1-9{ left: 81.12%; top: 45.44%; width: 6.57%;}
.bus1-10{ left: 85.45%; top: 61.73%; width: 7.13%;}

.bus2-bg{ background: url(../images/bus2-bg.png) center center fixed no-repeat; overflow: hidden;}
.bus2-box{ min-height: 100vh; padding: .6rem 0;}
.bus2-text{ max-width: 772px; margin: 0 auto; margin-top: .5rem;}

.bus3-bg{ padding: 120px 0;}
.bus3-top a{ color: #010101;}
.bus3-bg .box3-name{ font-weight: normal;}

/* case */
.case-bg{ padding: .8rem 0 0;}
.case-sort{ gap: .15rem; margin-top: .5rem;}
.case-sort li a{ display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; color: #010101; padding: .15rem .25rem; border: 0.02rem solid transparent; border-radius: .3rem; transition: all .3s;}
.case-sort li.active a{ color: #1A54B9; border-color: #1C59BD;}
.case-sort li a:hover{ color: #1A54B9;}
.case-list{ margin: 0 -.14rem;}
.case-list li{ width: 33.33%; padding: 0 .14rem; margin-top: .3rem;}
.case-list .box3-name{ font-weight: normal;}

.case-top{ padding: .2rem 0;}
.case-swiper{ flex-shrink: 0; position: relative; width: 50%;}
.case-swiper .swiper-pagination{ position: absolute; top: auto; bottom: 0; margin: 0; line-height: 53px; padding: 0 .3rem; text-align: right; background-color: rgba(0, 0, 0, .39); z-index: 1;}
.case-swiper .swiper-pagination-bullet{ border-color: #FFFFFF;}
.case-swiper .swiper-pagination-bullet-active{ background-color: #FFFFFF;}
.case-img{ padding-bottom: 61.2%;}
.case-right{ flex-shrink: 0; width: 50%; padding-left: 5%;}
.case-title{ margin: .5rem 0;}
.case-info{ line-height: 1.7;}
.case-info p{ margin: .2rem 0;}

.case-bot{ margin: .3rem auto 1rem;}
.case-h3{ padding-bottom: .1rem; margin-bottom: .4rem; border-bottom: 1px solid #CBCBCB; font-weight: normal;}
.case-text{ line-height: 2; min-height: 16em;}


/* news */
.news-bg{ padding: .8rem 0 0;}
.news-left{ flex-shrink: 0; width: 50%;}
.news-top-img{ padding-bottom: 61.2%;}
.news-right{ flex: auto; padding-left: 5%; overflow: hidden;}
.news-right .install-name{ border: none; padding-bottom: 0; margin-bottom: .3rem;}
.news-right .install-con{ -webkit-line-clamp: 2;}
.news-top:hover .news-top-img .imgBg{ transform: scale(1.05);}
.news-top:hover .install-name{ color: var(--main-color);}
.news-top:hover .install-more{ background-color: var(--main-color); background-image: url(../images/icon-next-white.png); transform: rotate(-45deg);}

.news-list{ margin: 0 -.15rem;}
.news-list li{ width: 33.33%; padding: 0 .15rem; margin-top: .7rem;}
.news-link{ display: block;}
.news-img{ padding-bottom: 60.78%;}
.news-title{ margin: .2rem 0; transition: all .3s;}
.news-con{ line-height: 28px; height: 56px; -webkit-line-clamp: 2; margin-bottom: .2rem;}
.news-more{ display: flex; align-items: center; justify-content: space-between;}
.news-more .install-more{ background-color: #CCCCCC; background-image: url(../images/icon-next-black.png);}
.news-link:hover .imgBg{ transform: scale(1.05);}
.news-link:hover .news-title{ color: var(--main-color);}
.news-link:hover .install-more{ background-color: var(--main-color); background-image: url(../images/icon-next-white.png); transform: rotate(-45deg);}
.news-link:hover .customized-line::after{ width: 100%;}

.news-name{ margin: .3rem 0;}
.news-info{ gap: .54rem; padding-bottom: .2rem; border-bottom: 1px solid #CBCBCB;}
.news-body{ line-height: 1.8; margin: .5rem 0 1rem;}
.news-body img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}
.news-page{ margin: .45rem 0 1.2rem; border-top: 1px solid rgba(45, 47, 49, .1);}
.news-page p{ display: flex; align-items: center; padding: .14rem .2rem; border-bottom: 1px solid rgba(45, 47, 49, .1);}
.news-page span{ display: block; flex-shrink: 0;}
.news-page span i{ font-size: 80%; margin: 0 .36rem; font-weight: bold;}
.news-page a{ color: var(--title-color); padding-left: .4rem; border-left: 1px solid rgba(45, 47, 49, .1); overflow: hidden; transition: all .3s;}
.news-page a:hover{ color: var(--hover-color);}



/* 集团简介 */
.a1-bg{ position: relative; padding: 1rem 0; background: url(../images/a1-bg.png) center bottom fixed no-repeat; background-size: cover; overflow: hidden;}
.a1-box{ margin-top: 1.44rem;}
.a1-left{ position: relative; flex-shrink: 0; width: 46.5%; margin-right: 3.75%;}
.a1-img{ padding-bottom: 63.17%;}
.a1-right{ flex: auto; max-width: 786px; overflow: hidden;;}
.a1-title{ color: #1A55B9; margin: .3rem 0;}
.a1-text{ text-indent: 2em; line-height: 2;}


.a2-bg{ position: relative; padding: 120px 0; overflow: hidden; z-index: 2;}
.a2-bg::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: rgba(26, 85, 185, .52); z-index: 1;}
.a2-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.a2-img li{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.a2-img::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .47); z-index: 1;}
.a2-top{ position: relative; width: 45%; max-width: 612px; z-index: 2;}
.a2-box{ position: relative; margin-top: .2rem; z-index: 1;}
.a2-left{ width: 48%; max-width: 619px;}
.a2-right{ width: 48%; max-width: 560px;}
.a2-list{ margin-top: 1rem;}
.a2-list li{ position: relative; padding: .12rem .55rem; margin: .1rem 0; cursor: pointer; z-index: 1;}
.a2-list li::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: linear-gradient(to right,#1a55b9 0%, rgba(0,0,0,0) 90%); z-index: -1; transition: all .3s;}
.a2-list li p{ display: flex; align-items: center; justify-content: space-between;}
.a2-list li p i{}
.a2-list li p span{ flex: auto; overflow: hidden;}
.a2-list li p img{ display: block; width: 54px; height: 54px; max-width: .54rem; max-height: .54rem; margin-right: 1.4rem; transform: scale(0); opacity: 0; visibility: hidden; transition: all .3s;}
.a2-list li.active::before{ width: 100%;}
.a2-list li.active p img{ transform: scale(1); opacity: 1; visibility: visible;}

.a2-num{ margin-bottom: .3rem;}
.a2-title{ margin-bottom: .4rem;}
.a2-line{ display: block; width: 39px; height: 3px; background: #FFFFFF; margin: .4rem auto;}
.a2-con{ line-height: 2;}
.a2-swiper .swiper-pagination{ display: none;}


.a3-bg{ position: relative; padding: 1rem 0; background-color: #FFFFFF; overflow: hidden;}
.a3-text{ margin: .6rem 0 .9rem;}
.a3-title{ font-weight: normal;}
.a3-list{ gap: .2rem; margin: .5rem auto;}
.a3-list li{ flex: 1;}
.a3-item{ aspect-ratio: 1 / 1; background: url(../images/a3-circle.png) center center no-repeat; background-size: 100% 100%; border-radius: 50%; transition: all .3s;}
.a3-item p{ text-shadow: 0px 5px 8px #2F76D3;}
.a3-list li:hover .a3-item{ background-image: url(../images/a3-circle-hover.png);}
.a4-bg{ background-image: url(../images/a4-bg.png);}
.a4-bg .bus2-box{ justify-content: flex-start; padding-top: 120px;}
.a4-bg .bus2-text{ max-width: 1220px; margin-top: 1.5rem;}


.culture-list{ margin: 0 -.78rem; padding: .6rem 0 1.2rem;}
.culture-list li{ width: 50%; padding: .4rem .78rem;}
.culture-title{ color: #1A55B9;}
.culture-line{ display: block; width: 100%; height: 1px; margin: .3rem 0; background-color: rgba(0, 0, 0, .21);}
.culture-text{ line-height: 2.1;}


.history-box{ padding: 0 0 1.5rem;}
.history-top{ position: relative; margin: .9rem 0 .8rem;}
.history-top::before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: rgba(0, 0, 0, .16);}
.history-top .swiper-slide{ display: flex; flex-direction: column; justify-content: center; height: auto; cursor: pointer;}
.history-top p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .3s;}
.history-top .dot{ position: relative; width: 34px; height: 34px; margin: 10px auto;}
.history-top .dot::before,
.history-top .dot::after{ display: block; content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%; transition: all .3s;}
.history-top .dot::before{ width: 10px; height: 10px; margin: -5px 0 0 -5px; background-color: #C6C6C6; z-index: 1;}
.history-top .dot::after{ width: 34px; height: 34px; margin: -18px 0 0 -18px; transform: scale(0); background: rgba(27,87,188,0.35); border: 1px solid #1B57BC; z-index: -1;}
.history-top .swiper-slide-thumb-active{ color: #1B57BC;}
.history-top .swiper-slide-thumb-active p{ transform: scale(1.3);}
.history-top .swiper-slide-thumb-active .dot{ margin: 30px auto;}
.history-top .swiper-slide:hover .dot::before,
.history-top .swiper-slide-thumb-active .dot::before{ background-color: #1B57BC;}
.history-top .swiper-slide-thumb-active .dot::after{ transform: scale(1);}
.history-top .swiper-slide:hover .dot::after{ transform: scale(0.7);}

.history-swiper{ position: relative; padding: 0 1.1rem;}
.history-swiper .swiper-slide{ width: 800px; max-width: 60%; margin: 0 auto;}
.history-swiper .prev,
.history-swiper .next{ position: absolute; top: 50%; transform: translateY(-50%);}
.history-swiper .prev{ left: 0;}
.history-swiper .next{ right: 0;}
.history-img{ padding-bottom: 75%;}
.history-img::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .44; z-index: 1; transition: all .3s;}
.history-swiper .swiper-slide-active .history-img::before{ opacity: 0;}
.history-swiper.one .history-btn{ display: none;}

.history-title{ margin: .6rem auto; line-height: 1.8;}
.history-text{ line-height: 2;}

.honor-list{ margin: 0 -.15rem; padding-top: .6rem;}
.honor-list li{ width: 25%; padding: .15rem;}
.honor-img{ position: relative; padding-bottom: 100%; border: 2px solid rgba(38,84,168,0.11); transition: all .3s;}
.honor-img .flex-center{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.honor-img img{ display: block; max-width: 100%; max-height: 100%; margin: 0 auto;}
.honor-img:hover{ border-color: var(--main-color); box-shadow: 0 0 .1rem rgba(0, 0, 0, .16); transform: translateY(-5px);}


/* contact */
.contact-bg{ position: relative; padding: 214px 0 195px; z-index: 1;}
.contact-pic{ position: absolute; left: 0; top: 0; width: 50%; height: 100%; z-index: -1;}
.contact-box{}
.contact-img{ flex-shrink: 0; width: 50%;}
.contact-img img{ width: 100%; height: auto;}
.contact-text{ flex: auto; padding-left: 9%; overflow: hidden;;}
.contact-list{ list-style: none; margin-top: .6rem;}
.contact-list li{ display: flex; align-items: flex-start; margin: .3rem 0;}
.contact-list li img{ width: .38rem; height: auto; margin-right: .2rem;}
.contact-list li p{ flex: auto; overflow: hidden;}