/*
 *  style.css by 453883682@qq.com
 */
 .banner{  position: relative; height: 100vh;}
 .ban-swiper{ width: 100%; height: 100%;}
 .ban-swiper .swiper-slide,
 .ban-swiper .swiper-wrapper { transform: translate3d(0px,0,0);}
 .ban-swiper .swiper-slide{ overflow: hidden; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #000322;}
 .ban-img{  position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: .6; overflow: hidden;}
 .ban-img .img-bg{ width: 100%; height: 100%;}
 .ban-text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
 .ban-tit{ position: relative; line-height: 1.4; letter-spacing: .05em; font-weight: bold;}
 .ban-tit::before,
 .ban-tit::after{ display: block; content: ""; width: 50px; height: 50px; max-width: .5rem; max-height: .5rem; position: absolute;}
 .ban-tit::before{ right: 99%; bottom: 95%; background-color: #D50514;}
 .ban-tit::after{ right: 100%; bottom: 95%; transform: translate(.4rem,.3rem); background-color: #FFFFFF; opacity: .3;}
 .ban-swiper .swiper-slide-active .ban-img .img-bg{ animation: aniImgBig 6s linear forwards;}
 .ban-page{ position: absolute; left: 3%; right: 3%; bottom: 3%; z-index: 2; text-align: right;}
 .ban-page .swiper-pagination-bullet{ position: relative; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; border: 1px solid transparent; margin: 0 .04rem;}
 .ban-page .swiper-pagination-bullet::after{ display: block; content: ""; width: 50%; height: 50%; background-color: #FFFFFF; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
 .ban-page .swiper-pagination-bullet-active{ border-color: #FFFFFF;}
 .ban-prev,
 .ban-next{ position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; max-width: .7rem; max-height: .7rem; border-radius: 50%; border: 2px solid #FFFFFF; z-index: 1; cursor: pointer; transition: all .4s; font-weight: bold;}
 .ban-prev{ left: 3%;}
 .ban-next{ right: 3%;}
 .ban-prev:hover,
 .ban-next:hover{ background-color: var(--main-color); border-color: var(--main-color);}
 
.hm2Bg{ position: relative; background: url(../images/hm2-bg.png) center center no-repeat; background-size: cover; overflow: hidden; z-index: 1;}
.hm2-text{ width: 80%; max-width: 1130px; margin: 0 auto;}
.hm2-logo{ width: 142px; max-width: 1.8rem; margin: 0 auto;}
.hm2-logo img{ width: 100%; height: auto;}
.hm2-title{ line-height: 1.6; margin: .1rem 0;}
.hm2-title span{ position: relative; display: inline-block; vertical-align: middle;}
.hm2-title span::before,
.hm2-title span::after{ display: block; content: ""; width: 16px; height: 16px; max-width: .2rem; max-height: .2rem; position: absolute;}
.hm2-title span::before{ right: 99%; bottom: 95%; background-color: #D50514;}
.hm2-title span::after{ right: 100%; bottom: 95%; transform: translate(.16rem,.1rem); background-color: #BFBFBF; opacity: .3;}
.hm2-con{ margin: .1rem 0 .4rem; line-height: 1.8; -webkit-line-clamp: 6; overflow: hidden;}
.hm2-list{ text-align: left;}
.hm2-num{ line-height: 1.2;}
.hm2-num strong{ font-size: 200%;}
.hm2-num span{ display: inline-block; font-size: 64%; vertical-align: middle;}
.hm2-num i{ display: inline-block; vertical-align: middle; font-style: normal;}

.hm3Bg{ position: relative; overflow: hidden;}
.hm3-swiper{ height: 100%; overflow: hidden;}
.hm3-swiper .swiper-container{ overflow: hidden;}
.hm3-swiper .swiper-slide{ height: auto; background-color: #010830;}
.hm3-img{ height: 100%; opacity: .7;}
.hm3-swiper .swiper-slide-active .hm3-title,
.hm3-swiper .swiper-slide-active .hm3-con{ opacity: 1; visibility: visible; transform: translateY(0); transition: all .3s linear .3s;}
.hm3-swiper .swiper-slide-active .hm3-con{ transition: all .3s linear .5s;}
.hm3-swiper .hm3-text{ display: none;}
.hm3-swiper .hm3-title,
.hm3-swiper .hm3-con{ opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .3s linear;}
.hm3-tab{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; text-align: center;}
.hm3-tab .swiper-slide{ position: relative; height: 100%; padding: 10px; z-index: 1; cursor: pointer; border-left: 1px solid rgba(255, 255, 255, 0.35); margin-left: -1px;}
.hm3-tab .swiper-slide::before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 0; background-color: #000000; opacity: .2; transition: all .6s ease-in-out; z-index: -1;}
.hm3-icon{ width: 100px; height: 100px; max-width: 1rem; max-height: 1rem; margin: .3rem auto;}
.hm3-icon img{ transition: all 0.3s linear;}
.hm3-tab .swiper-slide-thumb-active .hm3-icon img{ transform: scale(1.1);}
.hm3-tab .swiper-slide-thumb-active::before{ height: 100%;}
.hm3-tab .swiper-slide-thumb-active .hm3-con{ max-height: 6.8em;}
.hm3-tab .swiper-slide-thumb-active .hm3-arrow{ max-height: .3rem;}
.hm3-text{ position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.hm3-title,
.hm3-con{ width: 90%; max-width: 460px; line-height: 1.7; margin: .2rem auto; font-weight: normal;}
.hm3-title{ font-weight: bold;}
.hm3-con{ -webkit-line-clamp: 4; height: 6.8em; max-height: 0; transition: all .3s linear;}
.hm3-arrow{ display: block; width: 35px; height: 21px; max-height: .3rem; background: url(../images/hm3-arrow.png) right center no-repeat; margin: 0 auto; max-height: 0; transition: all .3s linear;}
.hm3-tab .swiper-pagination{ display: none;}

.hm4Bg{ position: relative; background: url(../images/hm4-bg.png) center center no-repeat; background-size: cover; overflow: hidden; z-index: 1;}
.hm4Bg .container{ max-width: 1610px; height: 100%;}
.hm4-box{ position: relative; height: 100%;}
.hm4-left{ width: 20%; max-width: 220px; border-right: 1px solid rgba(124, 124, 124, .2);}
.hm4-tab{ margin-top: 50%; color: #979797; line-height: 1;}
.hm4-tab li{ position: relative; display: flex; align-items: center; justify-content: space-between; padding: .3rem 0; cursor: pointer; transition: all .4s;}
.hm4-tab li span{ position: relative;}
.hm4-tab li span::before,
.hm4-tab li span::after{ display: block; content: ""; width: 16px; height: 16px; max-width: .2rem; max-height: .2rem; position: absolute; display: none;}
.hm4-tab li span::before{ right: 99%; bottom: 95%; background-color: #D50514;}
.hm4-tab li span::after{ right: 100%; bottom: 95%; transform: translate(.16rem,.1rem); background-color: #BFBFBF; opacity: .3;}
.hm4-tab li + li{ border-top: 1px solid rgba(124, 124, 124, .2);}
.hm4-tab li i{ display: block; width: 22px; height: 22px; line-height: 22px; transform: translateX(50%); background: #DCDCDC; border-radius: 50%; color: #FFFFFF; font-size: 12px; text-align: center; transition: all .3s; padding-left: 1px;}
.hm4-tab li.active{ font-size: 130%; color: #333333;}
.hm4-tab li:hover i,
.hm4-tab li.active i{ background-color: var(--main-color);}
.hm4-tab li.active span::before,
.hm4-tab li.active span::after{ display: block;}
.hm4-right{ width: 75%; max-width: 1205px;}
.hm4-item{ display: none;}
.hm4-list{ margin: 0 -.17rem;}
.hm4-list li{ width: 50%; padding: .17rem;}
.hm4-link{ height: 100%; padding: .2rem .4rem; background-color: #FFFFFF;}
.hm4-time{ float: left; margin: .1rem 0; margin-right: .4rem; transition: all .3s;}
.hm4-time i{ display: block; width: 100%; height: 1px; background-color: rgba(153, 153, 153, .5); margin-top: .36rem; transition: all .3s;}
.hm4-text{ overflow: hidden;}
.hm4-title{ margin: .1rem 0; line-height: 1.5; -webkit-line-clamp: 2; transition: all .3s;}
.hm4-con{ margin: .1rem 0; line-height: 1.6; height: 3.2em; -webkit-line-clamp: 2; transition: all .3s;}
.hm4-link:hover{ background: url(../images/hm4-logo.png) .18rem center var(--main-color) no-repeat; background-size: auto 70%;}
.hm4-link:hover .hm4-time,
.hm4-link:hover .hm4-title,
.hm4-link:hover .hm4-con{ color: #FFFFFF;}
.hm4-link:hover .hm4-time strong{ color: #FFFFFF;}
.hm4-link:hover .hm4-time i{ background-color: #FFFFFF;}
.hm4-more{ position: absolute; left: 0; bottom: 12%; width: 163px; max-width: 100%; height: 44px; padding: 0 .2rem; border: 1px solid rgba(153, 153, 153, .3); border-radius: 1px; transition: all .3s;}
.hm4-more:hover{ background-color: var(--main-color); color: #FFFFFF; border-color: var(--main-color); text-indent: 1em;}

.hm5Bg{ position: relative; background: url(../images/hm5-bg.png) center center no-repeat; background-size: cover; overflow: hidden; z-index: 1;}
.hm5-list{ list-style: none; margin-top: .5rem; overflow: hidden;}
.hm5-list li{ position: relative; width: 33.33%; margin-top: -1px;}
.hm5-list li::before,
.hm5-list li::after{ display: block; content: ""; position: absolute; left: 5%; top: 0; width: 90%; height: 90%; z-index: -1;}
.hm5-list li::before{ border-top: 1px dashed rgba(253, 254, 255, .3);}
.hm5-list li::after{ left: auto; right: 10%; top: 5%; border-left: 1px dashed rgba(253, 254, 255, .3);}
.hm5-link{ padding: .5rem .3rem;}
.hm5-icon{ width: 85px; height: 85px; max-width: 1rem; max-height: 1rem; margin: .1rem auto; transition: all .3s;}
.hm5-title{ margin: .15rem 0; font-weight: 300;}
.hm5-text{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin-top: 10px; padding: 0 .3rem; opacity: 0; visibility: hidden; transition: all .3s linear;}
.hm5-line{ display: block; width: 37px; height: 3px; max-width: .4rem; max-height: .04rem; background-color: var(--main-color); margin: .15rem auto;}
.hm5-con{ line-height: 1.75; -webkit-line-clamp: 2; font-weight: 100;}
.hm5-link:hover .hm5-icon{ opacity: 0; visibility: hidden; transition: all .3s;}
.hm5-link:hover > .hm5-title{ opacity: 0; visibility: hidden; transition: all .2s linear .1s;}
.hm5-link:hover .hm5-text{ opacity: 1; visibility: visible; margin-top: 0; transition: all .5s linear;}

.hm6Bg{ position: relative; background: url(../images/hm6-bg.png) center center no-repeat; background-size: cover; overflow: hidden; z-index: 1;}
.hm6Bg::after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; right: 0; width: 100%; height: .06rem; background-color: var(--main-color);}
.hm6-list{ margin: .6rem -.15rem;}
.hm6-list li{ width: 33.33%; padding: .15rem;}
.hm6-item{ height: 100%; padding: .3rem .3rem; background-color: rgba(255, 255, 255, .4); transition: all .4s linear;}
.hm6-icon{ width: 44px; height: 44px; max-width: .5rem; max-height: .5rem; margin: .3rem auto;}
.hm6-con{ max-width: 300px; margin: .1rem auto;}
.hm6-con a{ color: #666;}
.hm6-item:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.06); transform: translateY(-5px);}
.hm6-item:hover .hm6-icon img{ animation: swing 1s linear;}
.hm6-share{ margin: .2rem -.3rem;}
.hm6-share li{ position: relative; padding: 0 .3rem;}
.hm6-share li a{ display: block;}
.hm6-share-icon{ width: 86px; height: 86px; max-width: .9rem; max-height: .9rem; border-radius: 50%; border: 1px solid #999999; margin: 0 auto;}
.hm6-wx{ position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); margin-bottom: 20px; width: 140px; opacity: 0; visibility: hidden; transition: all .5s;}
.hm6-wx::after{ display: block; content: ""; position: absolute; left: 50%; top: 100%; border-top: 8px solid #FFFFFF; border-left: 8px solid transparent; border-right: 8px solid transparent; margin-left: -8px;}
.hm6-wx img{ width: 100%; height: auto;}
.hm6-share li a:hover .hm6-wx{ opacity: 1; visibility: visible; margin-bottom: 15px;}
.hm6-bot{ position: absolute; left: 0; right: 0; bottom: 3%;}
.hm6-bot a{ color: #999999; transition: all .3s;}
.hm6-bot a:hover{ color: var(--main-color);}


/* about */
.a1-bg{ position: relative; padding: 1px 0; background: url(../images/a1-bg.png) center bottom no-repeat; background-size: 100% auto; overflow: hidden;}
.a1-box{ margin: 1rem 0;}
.a1-left{ width: 50%; max-width: 720px;}
.a1-title{ margin-bottom: .1rem;}
.a1-text{ line-height: 1.625;}
.a1-right{ width: 46%; max-width: 637px;}
.a1-right img{ width: 100%; height: auto;}
.a1-list{ max-width: 1100px; margin: 1rem auto;}
.a1-list li{ padding: .1rem;}

.a2-bg{ padding: 0.8rem 0; background: url(../images/a2-bg.png) center center #F3F3F3 no-repeat; background-size: cover;}
.a2-swiper{ position: relative; height: 400px;}
.a2-swiper .swiper-slide{ display: flex; justify-content: center; align-items: center; height: 100%;}
.a2-title{ margin: .1rem 0;}
.a2-con{ max-width: 423px; line-height: 28px; margin: .3rem auto; -webkit-line-clamp: 3; height: 84px; max-height: 0; overflow: hidden; transition: all .3s;}
.a2-link .hm3-arrow{ background-image: url(../images/arrow-red.png);}
.a2-link:hover .a2-icon{ animation: pulse 1s linear;}
.a2-link:hover .a2-con{ max-height: 84px;}
.a2-link:hover .hm3-arrow{ max-height: .3rem;}

.a3-bg{ padding: .6rem 0;}
.a3-swiper{ position: relative; margin: .2rem 0; margin-top: .6rem !important;}
.a3-item{ padding: .2rem; background-color: #F3F3F3;}
.a3-img{ padding-bottom: 68.09%;}
.a3-text{ padding: .15rem .2rem; min-height: 1.5rem;}
.a3-con{ width: 100%;}
.a3-title{ line-height: 1.6;}
.a3-swiper .a3-prev{ left: -10%;}
.a3-swiper .a3-next{ right: -10%;}
.a3-swiper .swiper-pagination{ display: none;}


.news-list{ list-style: none; margin: .2rem 0 .6rem;}
.news-link{ display: flex; align-items: center; padding: .6rem 0; border-bottom: 1px solid #999999; transition: all .5s ease-in-out;}
.news-time{ flex-shrink: 0; width: 13%; padding: 0 2%; font-weight: bold;}
.news-time i{ position: relative; display: block; width: 111px; max-width: 1.2rem; height: 1px; background: #999999; opacity: 0.5; margin: .8rem 0 .4rem;}
.news-time i::before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 0; height: 1px; background-color: var(--main-color); transition: all .6s;}
.news-center{ flex: auto; padding: 0 2%; overflow: hidden;}
.news-title{ line-height: 1.6; margin-bottom: .1rem; transition: all .4s;}
.news-con{ height: 90px; line-height: 30px; margin: .2rem 0 .3rem;}
.news-more{ color: #BABABA; transition: all .4s;}
.news-more i{ font-size: 90%; margin-left: .15rem;}
.news-img{ flex-shrink: 0; width: 28.47%; max-width: 410px; margin: 0 2.5%; border-radius: .08rem; overflow: hidden;}
.news-img .img-bg{ height: 253px; max-height: 2.6rem; transition: all 1s;}
.news-link:hover{ background-size: auto 44.87%;}
.news-link:hover .news-time i::before{ width: 100%;}
.news-link:hover .img-bg{ transform: scale(1.05);}
.news-link:hover .news-title,
.news-link:hover .news-more{ color: var(--main-color);}

.news-detail{ padding: .6rem 0 0;}
.news-left{ position: relative; width: 75%; max-width: 1070px; z-index: 1;}
.news-name{ margin-bottom: .1rem;}
.news-date{ text-align: center; margin: .2rem -.15rem;}
.news-date span{ padding: 0 .15rem;}
.news-date span img{ vertical-align: middle; margin-top: -2px; margin-right: .1rem;}
.news-share{ padding: 0 .15rem; margin-left: auto;}
.news-line{ height: 1px; border-top: 1px dashed rgba(0, 0, 0, 0.3); margin: .3rem 0;}
.news-text{ line-height: 1.875; margin: .5rem 0;}
.news-text img{ display: block; max-width: 100% !important; height: auto !important; margin: .1rem auto;}
.news-text h3{ background-color: var(--main-color); color: #FFFFFF; border-radius: .05rem; font-size: .24rem; padding: .1rem .24rem; line-height: 1.6;}
.news-page{ margin: .6rem -.1rem;}
.news-page p{ flex-shrink: 0; max-width: 50%; padding: 0 .1rem;}
.news-page a{ color: #333333; transition: all .3s;}
.news-page a:hover{ color: var(--main-color);}
.news-right{ width: 22%; max-width: 320px;}
.news-right-title{ margin-bottom: .3rem;}
.news-right-list li{ margin-bottom: .1rem;}
.news-right-list li a{ padding: .25rem; background-color: rgba(136, 136, 136, .1); transition: all .4s;}
.news-right-list span{ display: block; line-height: 30px; padding-left: 23px; background: url(../images/news-icon1.png) left center no-repeat; margin-top: 5px; transition: all .4s;}
.news-right-list li a:hover{ color: #FFFFFF; background-color: var(--main-color);}
.news-right-list li a:hover span{ color: #FFFFFF; background-image: url(../images/news-icon1-white.png);}

/* field */
.field section{ position: relative; z-index: 1;}
.field-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.field-text{ width: 80%; max-width: 620px;}
.field-num{ font-size: 150px; line-height: 1; font-weight: bold; margin-bottom: -70px;}
.field-num span{ display: inline-block; vertical-align: middle;
    background-image:-webkit-linear-gradient(top,#c81428,rgba(200,20,40,0) 60%); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
}
.field-title{ margin-bottom: .5rem;}
.field-con{ line-height: 1.6;}
.field-menu{ position: absolute; left: 1%; top: 50%; width: 125px; transform: translateY(-50%); font-size: 12px; color: #FFFFFF;}
.field-menu li{ margin: .1rem 0;}
.field-menu li a{ position: relative; display: block; color: #FFFFFF; padding-left: 15px;}
.field-menu li a::before{ display: block; content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 7px; height: 7px; border: 1px solid #F3F3F3; border-radius: 50%;}
.field-menu li.active a::before{ border-color: var(--main-color);}

/* team */
.team-letter{ margin: .6rem 0 .3rem; text-align: center;}
.team-letter span,
.team-letter a{ flex: auto; display: block; line-height: 26px; padding: .05rem; max-width: 60px; border-radius: 5px; cursor: pointer;}
.team-letter span:hover,
.team-letter a:hover{ color: var(--main-color);}
.team-letter span.active,
.team-letter a.active{ background-color: var(--main-color); color: #FFFFFF;}
.team-form{ margin: .2rem 0;}
.team-form-list{ margin: 0 -.12rem;}
.team-form-list li{ flex: auto; flex-grow:10; padding: 0 .12rem;}
.team-form-list li:last-child{ flex-grow: 1;}
.team-input{ display: block; width: 100%; height: 55px; border: 1px solid #cecece; border-radius: 5px; padding: 0 .2rem;}
.team-form .layui-input{ height: 55px; border: 1px solid #cecece; border-radius: 5px; padding: 0 .2rem;}
.team-form .layui-form-select dl{ top: 55px;}
.team-form .layui-form-select dl dd.layui-this{ background-color: var(--main-color);}
.team-form .layui-form-selectup dl{ top: auto; bottom: 55px;}
.team-btn{ display: block; width: 133px; height: 55px; color: #FFFFFF; border: 1px solid #cecece; border-radius: 5px; background-color: var(--main-color);}

.team-list{ margin: .3rem -.18rem;}
.team-list li{ width: 50%; padding: .18rem;}
.team-link{ background-color: #f3f5f9; transition: all .4s;}
.team-img{ flex-shrink: 0; width: 50%; overflow: hidden;}
.team-img .img-bg{ height: 100%; transition: all 1s linear; transform-origin: center top;}
.team-text{ flex: auto; padding: .15rem .44rem; overflow: hidden;}
.team-name{ line-height: 1.5; margin: .2rem 0; transition: all .4s;}
.team-name h3{ line-height: 1.5; transition: all .4s;}
.team-info{ height: 144px; margin: .2rem 0;}
.team-con{ width: 100%;; line-height: 24px; -webkit-line-clamp: 6; margin-top: auto; transition: all .4s;}
.team-more{ line-height: 30px; padding: .15rem 0; border-top: 1px solid #b5b5b5; font-weight: bold; transition: all .4s;}
.team-link:hover{ background-color: var(--main-color); color: #FFFFFF;}
.team-link:hover .team-img .img-bg{ transform: scale(1.05);}
.team-link:hover .team-name,
.team-link:hover .team-name h3,
.team-link:hover .team-con{ color: #FFFFFF;}
.team-link:hover .team-more{ color: #FFFFFF;}

.team-top-bg{ background-color: #212121; border-bottom: .06rem solid var(--main-color);}
.team-top-img{ flex-shrink: 0; width: 33%; max-width: 475px;}
.team-top-img img{ width: 100%; height: auto;}
.team-top-text{ flex: auto; padding: .5rem 0; padding-left: 7%; overflow: hidden;}
.team-top-title{ line-height: 1.4;}
.team-top-en{ line-height: 1.4;}
.team-top-con{ line-height: 1.875; margin-top: .8rem;}
.team-top-con a{ color: #FFFFFF;}

.team-bot-left{ flex-shrink: 0; position: relative; width: 33%; max-width: 475px; padding: .8rem 0; background-color: #F3F5F9;}
.team-bot-left::before{ display: block; content: ""; position: absolute; right: 0; top: 0; width: 50vw; height: 100%; background-color: #F3F5F9; z-index: -1;}
.team-sort{ position: sticky; position: -webkit-sticky; top: 140px; text-align: center;}
.team-sort li a{ display: block; line-height: 23px; padding: .2rem 0; color: #333333; transition: all .3s;}
.team-sort li.active a{ background-color: var(--main-color); color: #FFFFFF;}
.team-bot-right{ flex: auto; padding: .7rem 0; padding-left: 7%; overflow: hidden;}
.team-bot-item{ padding: .15rem 0; border-bottom: .02rem solid var(--main-color);}
.team-bot-item:last-child{ border: none;}
.team-bot-item:first-child .team-bot-title{ margin-top: 0;}
.team-bot-title{ line-height: 1.6; margin: .1rem 0;}
.team-bot-con{ line-height: 1.8; margin: .1rem 0;}

/* case */
.case-list{ margin: .6rem -.13rem;}
.case-list li{ width: 50%; padding: .13rem;}
.case-link{ position: relative; display: block; height: 100%; padding: .35rem .5rem; border: 1px solid rgba(181, 181, 181, .3); border-radius: .1rem; transition: all .4s; overflow: hidden;}
.case-link::before{ display: block; content: ""; position: absolute; left: 0%; top: 0; width: 100%; height: 0; background-color: var(--main-color); transition: all .2s linear;}
.case-time{ line-height: 1.4; margin: .1rem 0;}
.case-title{ line-height: 1.6; margin: .1rem 0 .1rem;}
.case-con{ line-height: 26px; height: 78px; margin: .5rem 0 .4rem;}
.case-more{ margin: .1rem 0; font-weight: bold;}
.case-link:hover{ border-color: transparent; box-shadow: 0px 0px .2rem rgba(0,0,0,0.11); transform: translateY(-5px);}
.case-link:hover::before{ height: 0.06rem;}

.case-right-list li{ margin-bottom: .15rem;}
.case-right-list li a{ display: flex; padding: 0;}
.case-right-list .case-right-img{ float: left; width: 46.25%; overflow: hidden;}
.case-right-list .case-right-img img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s;}
.case-right-text{ flex: auto; padding: .2rem .18rem; overflow: hidden;}
.case-right-title{ margin-top: .1rem; transition: all .3s;}
.case-right-btn{ color: #FFFFFF; line-height: 30px; background: var(--main-color); border-radius: 3px; text-align: center; margin-top: .2rem;}
.case-right-btn img{ vertical-align: middle; margin-right: 5px; max-width: .2rem; margin-top: -2px;}
.case-right-list li a:hover{ background-color: rgba(136, 136, 136, .1);}
.case-right-list li a:hover .case-right-img img{ transform: scale(1.05);}
.case-right-list li a:hover .case-right-title{ color: var(--main-color);}

.welfare-list{ margin: .6rem -.17rem;}
.welfare-list li{ width: 33.33%; padding: .17rem;}
.welfare-link{ display: block; height: 100%; border: 1px solid rgba(181, 181, 181, .3); border-radius: .1rem; overflow: hidden;}
.welfare-img{ padding-bottom: 58.42%;}
.welfare-text{ position: relative; padding: .15rem .35rem;}
.welfare-text::before{ display: block; content: ""; position: absolute; left: 50%; top: 0; width: 0; height: .07rem; background-color: var(--main-color); transition: all .4s;}
.welfare-title{ line-height: 1.7; height: 3.4em; margin: .2rem 0; transition: all .3s;}
.welfare-time{ margin: .1rem 0;}
.welfare-con{ line-height: 1.625; margin: .2rem 0;}
.welfare-link:hover{ border-color: transparent; box-shadow: 0px 0px .2rem rgba(0,0,0,0.11);}
.welfare-link:hover .img-bg{ transform: scale(1.05);}
.welfare-link:hover .welfare-text::before{ left: 0; width: 100%;}
.welfare-link:hover .welfare-title{ color: var(--main-color);}

.contact{ padding: .6rem 0;}
.con-item{ margin: .5rem 0; background: #FFFFFF; box-shadow: 0px 0px .4rem rgba(171,184,223,0.2); border-radius: .03rem;}
.con-img{ flex-shrink: 0; width: 50%; border-radius: .03rem; overflow: hidden;}
.con-img .img-bg{ height: 100%; min-height: 4.1rem;}
.con-text{ flex: auto; padding: .3rem 5%; overflow: hidden;}
.con-con{ width: 100%;}
.con-title{ margin: .15rem 0;}
.con-tel{ margin: .25rem 0;}
.con-des{ margin: .15rem 0; line-height: 24px;}
.con-des p{ margin: .15rem 0; padding-left: 25px; background-position: left 2px; background-repeat: no-repeat;}
.con-des p.address{ background-image: url(../images/con-icon1.png);}
.con-des p.email{ background-image: url(../images/con-icon2.png)}
.con-des p a{ color: #666666;}

.detail-bg{ min-height: 60vh; overflow: hidden;}
.detail{ padding: .6rem 0;}
.detail-text{ margin: .6rem 0;}
.detail-text img{ display: block; max-width: 100%; height: auto; margin: 0 auto;}
.detail-back{ display: block; width: fit-content; line-height: 24px; padding: .1rem .2rem; min-width: 160px; border: 1px solid #d8d8d8; background-color: #f7f7f7; margin: .3rem auto; transition: all .6s;}
.detail-back:hover{ background-color: var(--main-color); color: #FFFFFF; box-shadow: 0 .06rem .1rem rgba(0, 0, 0, 0.1);}


/*地图标题 infoWindow*/
.BMap_pop .BMap_top {
    background-color: #004A9A !important;
    border: 0 !important;
}
.BMap_pop .BMap_center {
    width: 251px !important;
    border-left: 1px solid #004A9A !important;
    border-right: 1px solid #004A9A !important;
    background-color: #004A9A !important;
}
.BMap_pop .BMap_bottom {
    border: 0 !important;
    background-color: #004A9A !important;
}
.BMap_pop div:nth-child(3) {
    background: transparent !important;
}
.BMap_pop div:nth-child(3) div {
    border-radius: 3px;
    background-color: #004A9A !important;
    border: 0 !important;
}
.BMap_pop div:nth-child(1) {
    border-radius: 3px 0 0 0;
    background: transparent !important;
    border: 0 !important;
}
.BMap_pop div:nth-child(1) div {
    background-color: #004A9A !important;
}
.BMap_pop div:nth-child(5) {
    border-radius: 0 0 0 3px;
    background: transparent !important;
    border: 0 !important;
}
.BMap_pop div:nth-child(5) div {
    border-radius: 3px;
    background-color: #004A9A !important;
}
.BMap_pop div:nth-child(7) {
    background: transparent !important;
    left: 226px;
}
.BMap_pop div:nth-child(7) div {
    border-radius: 3px;
    background-color: #004A9A !important;
}
.BMap_bubble_content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100% !important;
}

/*替换箭头*/
img[src="https://api.map.baidu.com/images/iw3.png"],
img[src="http://api.map.baidu.com/images/iw3.png"] {
    opacity: 0.7;
    margin-top: -692px !important;
    filter: alpha(opacity=70);
    content: url('../images/iw3.png');
    display: none;
}
img[src='http://api.map.baidu.com/images/iw_close1d3.gif']{
    display: none;
}