/*common start*/ body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;} body{ font-size:12px;color:#666;} body.head_on{overflow:hidden} a{color:#666;transition: 0.3s;} a:hover{ color:#f60; text-decoration:none;cursor: pointer;} p{line-height:1.8em; padding:5px 0;} .clear{ margin:0; padding:0; font-size:0; clear:both; } .wapper{ width:1200px; margin:0 auto;} @font-face { font-family: "hanyi"; src: url("/fonts/hanyi.ttf") format("truetype"); } @media only screen and (max-width: 1200px) { .wapper{ width:100%;} } .banner{position: fixed;left: 0;top: 0;width: 100%;} .banner .hasVideo .banner-img img.pc{animation: hasVideoImg 1s ease both;} @keyframes hasVideoImg { 0%{opacity: 1;} 100%{opacity: 0;} } .banner video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;} @media all and (max-width:1151px) {.hasVideo .banner-img img.pc{animation: none;}.hasVideo video{display: none;}} .indGroup{background: #fff;position: relative;z-index: 10;margin-top: 100vh;} .banner-bg{position: relative;} .banner-bg img{width: 100%;height: 100vh;} .banner-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;background: rgba(0, 0, 0, .5);} .banner-con .contain{height: 100%;flex-direction: column;} .banner-con .title{opacity: 0;animation: banTitle 2s linear both;} @keyframes banTitle { 0%{opacity: 0;} 100%{opacity: 1;} } .banner-con .title p{letter-spacing: 0.05rem; display: flex;justify-content: center;line-height: 1.8;} .banner-con .title span {opacity: 0;animation: BannerRunText 1s ease both .2s;display: block;will-change: transform;} /* .banner-con .title span:nth-child(6){margin-left: 0.5rem;} */ .banner-switch{z-index: 2;position: absolute;left: 0;bottom: 0.7rem;width: 100%;} .banner-switch .contain{position: relative;justify-content: center;} .banner-scroll{position: absolute;display: flex;align-items: center;justify-content: center; left: 0;top: 50%;transform: translateY(-50%);width: 0.2rem;height: 0.32rem;border-radius: 40px;overflow: hidden;border: 1px solid rgba(255, 255, 255, .5);} .banner-scroll i{animation: banScroll 1.3s ease infinite alternate; display: block;width: 4px;height: 4px;border-radius: 50%;background: #fff;} @keyframes banScroll {0%{transform: translateY(-160%);}100%{transform: translateY(160%);}} @keyframes BannerRunText {0%{opacity: 0;transform: scale(2);filter: blur(6px);}100%{opacity: 1;transform: scale(1);filter: blur(0);}} .banner-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;opacity: 1;position: relative;margin: 0 17px !important;transition: all .4s ease;} .banner-pagination .swiper-pagination-bullet i{display: none;} .banner-pagination .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -11px 0 0 -11px;width: 22px;height: 22px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;} .banner-pagination .swiper-pagination-bullet svg circle{stroke-dasharray:100,100;stroke-dashoffset:100;} .banner-pagination .swiper-pagination-bullet-active{background: #002fa7;} .banner-pagination .swiper-pagination-bullet-active i{opacity: 1;} .banner-pagination .swiper-pagination-bullet-active svg{opacity: 1;} .banner-pagination .swiper-pagination-bullet-active svg circle{animation: bulletRun 5s linear both;} .banner-pagination .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 4s linear both;} @keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}} .indAb-swp{width: 52%;margin: 0 auto;overflow: visible;} .indAb-swp .swiper-container{overflow: visible;} .indAb-img img{width: 100%;height: 26vw;} .indAb-btn .btn{position: absolute;z-index: 2;user-select: none;cursor: pointer;left: 0.4rem;top: 50%;transform: translateY(-50%);width: 0.48rem;height: 0.48rem;border-radius: 50%;font-size: 0.15rem;background: rgba(0, 0, 0, .2);} .indAb-btn .btn:hover{background: #002fa7;} .indAb-btn .btn.next{left: auto;right: 0.4rem;transform: translateY(-50%) rotate(180deg);} .indTeam{background: linear-gradient(to bottom,#f6f8fb 50%,#fff 100%);} .indTeam-swp .swiper-wrapper {transition-timing-function: linear;} .indTeam-swp .swiper-slide{padding-top: 0.4rem;} .indTeam-swp:nth-child(2n){transform: rotate(180deg);} .indTeam-swp:nth-child(2n) .swiper-slide{transform: rotate(-180deg);} .indTeam-slide{background: #fff;width: 100%;height: 100%;padding: 0.16rem;} .indTeam-slide .img{position: relative;} .indTeam-slide .img img{width: 100%;height: 1.6rem;width: 100%;transition: all .6s ease;} .indTeam-slide .title,.indTeam-slide .text{transition: all .4s ease;} .indTeam-slide .text{margin-top: 0.03rem;} .indTeam-slide:hover{transform: translateY(-0.1rem);background: #002fa7;} .indTeam-slide:hover .title,.indTeam-slide:hover .text{color: #fff;} .indYS{background: url('../images/indYS-bg.jpg') no-repeat center bottom/100% auto;padding-top: 50px;} .indYS .contain{padding: 0 0.5rem;} .indYS-flex{justify-content: space-between;} .indYS-left{width: calc(32.5% - max(6px,0.15rem));display: flex;flex-direction: column;align-items: flex-end;} .indYS-left .desc1{width: 80%;flex-direction: column;background: #f9f6f0;color: #f39a00;height: 1.85rem;} .indYS-left .img1-box,.indYS-left .img2-box{width: 100%;} .indYS-left .img1-box img{width: 100%;height: 2.4rem;} .indYS-left .img2-box img{width: 100%;height: 1rem;} .indYS-right{width: calc(67.5% - max(6px,0.15rem));} .indYS-right-head{justify-content: space-between;align-items: flex-end;} .indYS-right-head .img1-box{width: calc(49% - max(6px,0.15rem));} .indYS-right-head .img1-box img{width: 100%;height: 3.7rem;} .indYS-flex video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .indYS-right-head .desc-box{width: calc(51% - max(6px,0.15rem));} .indYS-right-head .desc1{width: 45%;flex-direction: column;background: #f1f1fc;color: #5c5bc1;height: 1.5rem;} .indYS-right-head .desc2{width: 90%;flex-direction: column;background: #fff3f7;color: #e85985;height: 1.5rem;} .indYS-right-footer{justify-content: space-between;align-items: flex-start;} .indYS-right-footer .desc1{width: calc(28% - max(6px,0.15rem));flex-direction: column;background: #f5faff;color: #0d7de1;height: 1.6rem;} .indYS-right-footer .img1-box{width: calc(72% - max(6px,0.15rem));} .indYS-right-footer .img1-box img{width: 100%;height: 2.5rem;} .indNews::before{pointer-events: none; content: "";position: absolute;left: 0;bottom: 1.7rem;width: 1.3rem;height: 7rem;background: url('../images/indNews-bg.png') no-repeat left top/auto 100%;} .indNews::after{pointer-events: none; content: "";position: absolute;right: 0;top: 0.9rem;width: 2rem;height: 7rem;background: url('../images/indNews-bg.png') no-repeat right top/auto 100%;} .indNews .contain{position: relative;z-index: 2;} .indNews-flex{justify-content: space-between;align-items: center;} .indNews-left{width: calc(57% - 0.2rem);} .indNews-show-img{position: relative;z-index: 2;} .indNews-show-img img{width: 100%;height: 3.8rem;} .indNews-show-con{background: #fff;margin-top: -0.15rem; padding: 0.55rem 0.4rem 0.4rem;min-height: 2.8rem; border-top-left-radius: 0;border-top-right-radius: 0;border: 1px solid #ededed;} .indNews-flex .con-btm{position: absolute;left: 0;bottom: 0.5rem;width: 100%;justify-content: space-between;align-items: center;padding: 0 0.4rem;} .indNews-flex .date{align-items: center;display: flex;} .indNews-flex .date i{display: block;margin-right: 0.1rem;font-size: 0.18rem;} .indNews-right{width: calc(43% - 0.2rem);} .indNews-right .indNews-show-img img{height: 3rem;} .indNews-item{padding: 0.4rem;min-height: 2.8rem; background: url('../images/indNews-item-bg.jpg') no-repeat center/cover;} .indNews-show:hover .indNews-show-img img{transform: scale(1.08);} .indNews-show:hover .indNews-show-con .title{color: #002fa7;} .indNews-item:hover .title{color: #002fa7;} /* .indYS-left .desc1{margin-right: 250px;} .indYS-left .img2{margin-right: 50px;} .indYS-right-head .desc1,.indYS-right-head .desc2{margin-left: 250px;} .indYS-right-footer .desc1{margin-top: 150px;} */ .Footer{background: #fff;} .Footer-wave .comWave use{fill: #000;} /* 进场效果 */ .into-view{display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;overflow: hidden;} .into-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);z-index: 3;} .into-bg img{width: 100%;height: 100vh;} .into-bg video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .into-con{position: absolute;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;} .into-down{position: absolute;left: 50%;transform: translateX(-50%);bottom: 3.3vw;z-index: 100;} .into-down i{font-size: 0.26rem;transform: rotate(180deg);animation: intoDown .6s .2s linear infinite alternate;display: block;line-height: .6;} .into-down i:nth-child(2){animation-delay: 0s;} @keyframes intoDown {0%{opacity: 1;}100%{opacity: 0;}} .into-animation{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .into-animation .logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 36vw;} .into-animation .logo img{width: 100%;} .into-animation .text{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);letter-spacing: 0.1rem;} .into-animation .text span{display: block;} .into-animation .text span:nth-child(2){margin-left: 2.5vw;} .into-animation .logo img{width: 100%;animation: intoLogo 3s ease both;opacity: 0;} .into-animation .logo{animation: intoLogo2 1.3s ease 3.7s both;} .into-animation .text{animation: intoText .8s ease 4.5s both;} @keyframes intoLogo {0%{opacity: 0;;}100%{opacity: 1;}} @keyframes intoLogo2 {0%{opacity: 1;transform: translate(-50%,-50%);}100%{opacity: 0; transform: translate(-50%,100%);}} @keyframes intoText {0%{opacity: 0;transform: translate(-50%,calc(-50% - 20px));}100%{opacity: 1;transform: translate(-50%,-50%);}} .img3d-box { transform-style: preserve-3d; transform: perspective(200vw); } *, *::before, *::after{-webkit-box-sizing: border-box;box-sizing: border-box;} :root { --main-color: #002fa7; --main-color-white: #fff; --main-color-000: #000; --main-color-333: #333333; --main-color-888: #888888; --main-transition: all ease 0.4s; --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } /*swiper*/ .swiper {width: 100%;height: 100%;position: relative;overflow: hidden;} .swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-slide img {width: 100%;height: 100%;object-fit: cover;} .swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-size: 30px;} /*common*/ .disFlex { flex-wrap: wrap; display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box;/* Firefox 17- */ display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex;/* Firefox 18+ */ display: -ms-flexbox;/* IE 10 */ display: flex; } .jusBet{justify-content: space-between;} .jusCet{justify-content: center;} .jusEnd{justify-content: flex-end;} .aliTop{align-items: flex-start;} .aliCet{align-items: center;} .aliBtm{align-items: flex-end;} .img{font-size: 0px;overflow: hidden;} img{transition: 0.5s;} .f_left{float: left;} .f_right{float: right;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;overflow: hidden;} .clearfix {*zoom: 1;} .bgfff{background: #fff !important;} .fff{color: #fff !important;} em{font-style: normal;} .overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;} .overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} .overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} /* 头部 */ .Header{width: 100%;position: fixed;z-index: 99999;top: 0;left: 0;background: #fff;user-select: none;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08);transition: background .4s ease,box-shadow .4s ease,transform .6s ease;} .Header.scroll{transform: translateY(-100%);} .Header.scroll.active{transform: translateY(0);} .Header-logo,.Header-lang-menu,.Header-search-click,.Header-search-item,.Header-menu{height: max(60px,0.9rem);} .Header-logo{float: left;width: max(70px,3.0rem);display: flex;align-items: center;position: relative;z-index: 999;} .Header-logo img{max-width: 100%;} .Header-logo img.s{display: none;} .Header-lang{float: right;position: relative;z-index: 999;margin-left: max(12px,0.16rem);} .Header-lang-menu{display: flex;align-items: center;color: #000;transition: color .4s ease;} .Header-lang-menu span{font-size: max(14px,0.16rem);font-family: Arial;} .Header-lang-menu i{font-size: max(18px,0.22rem);margin-right: 4px;} .Header-lang.active .Header-lang-menu{color: #002fa7;} /* 多个语言 Header-lang-more添加class="hasIcon" 就会启用图标 */ .Header-lang-more{width: max(100px,1.2rem);margin-left: min(-50px,-0.6rem);border-top:max(3px,0.04rem) solid #002fa7;display: none;z-index: 9;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.08);background: #fff;position: absolute;top:calc(100% - max(3px,0.04rem));left: 50%;border-radius:max(3px,0.05rem) max(3px,0.05rem) 0 0;transition: top .4s ease;} .Header-lang-more:before{content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 6px 6px;border-color: transparent transparent #002fa7 transparent;position: absolute;top: -0.1rem;left: 50%;margin: 0 0 0 -6px;} .Header-lang-more a{display: flex;font-size: max(14px,0.15rem);color: #000;justify-content: center;padding: max(6px,0.1rem) 0;transition: all .4s ease;} .Header-lang-more.hasIcon a{justify-content: flex-start;padding: max(6px,0.1rem) 0 max(6px,0.1rem) max(20px,0.26rem);} .Header-lang-more.hasIcon a span{background-repeat: no-repeat;background-position: left center;padding-left: max(30px,0.36rem);background-size: max(24px,0.3rem) auto;} .Header-lang-more.hasIcon a.cn span{background-image: url('../images/common/nicon-cn.svg');} .Header-lang-more.hasIcon a.tw span{background-image: url('../images/common/nicon-tw.svg');} .Header-lang-more.hasIcon a.en span{background-image: url('../images/common/nicon-en.svg');} .Header-lang-more.hasIcon a.en2 span{background-image: url('../images/common/nicon-mg.svg');} .Header-lang-more.hasIcon a.de span{background-image: url('../images/common/nicon-de.svg');} .Header-lang-more.hasIcon a.br span{background-image: url('../images/common/nicon-br.svg');} .Header-lang-more.hasIcon a.es span{background-image: url('../images/common/nicon-es.svg');} .Header-lang-more.hasIcon a.fr span{background-image: url('../images/common/nicon-fr.svg');} .Header-lang-more.hasIcon a.jp span{background-image: url('../images/common/nicon-jp.svg');} .Header-lang-more.hasIcon a.ru span{background-image: url('../images/common/nicon-ru.svg');} .Header-lang-more.hasIcon a.ita span{background-image: url('../images/common/nicon-ita.svg');} .Header-lang-more.hasIcon a.kr span{background-image: url('../images/common/nicon-kr.svg');} .Header-lang-more a:hover{color: #fff;background: #002fa7;} .Header-lang.active .Header-lang-more{display: block;animation: langInUp .4s ease-out;} @keyframes langInUp{0%{transform: translateY(max(10px,0.16rem));opacity: 0.5;}100%{transform: translateY(0);opacity: 1;}} .Header-search{float: right;} .Header-search-click{width: max(36px,0.4rem);color: #000;font-size: max(18px,0.2rem);cursor: pointer;z-index: 999;transition: color .4s ease;display: flex;align-items: center;justify-content: center;position: relative;} .Header-search-click::after, .Header-search-item button::after{content: "\e6a6";font-family: "icon";} .Header-search-click.active::after{content: "\e903";font-size: max(15px,0.17rem);} .Header-search-click:hover{color: #002fa7 !important;} .Header-search-item{display: none;position: absolute;width: 100%;align-items: center;top: 0;left: 0;z-index: 99;text-align: right;} .Header-search-item .contain{padding-right: max(100px,1.1rem);} .Header-search-item.active{display: flex;} .Header-search-item input, .Header-search-item button{display: inline-block;vertical-align: middle;} .Header-search-item input[type="text"]{width: 0px;height: max(36px,0.4rem);border-bottom: 1px solid rgba(0, 0, 0, 0.1);font-size: max(14px,0.16rem);color: #000;background: transparent;} .Header-search-item.active input[type="text"]{animation: HeaderSearch 0.8s ease both;} @keyframes HeaderSearch{0%{width: 0;}100%{width: max(360px,4rem);}} .Header-search-item button{width: max(44px,0.5rem);height: max(36px,0.4rem);font-size: max(18px,0.2rem);color: #000;background: transparent;cursor: pointer;margin-right: 0;} body.bodySearch .Header-navbar{visibility: hidden;opacity: 0;} .Header-navbar{float: right;margin-right: max(16px,0.6rem);visibility: visible;opacity: 1;} .Header-navbar>ul>li{position: relative;} .Header-navbar>ul>li>dl{position: absolute;top: 90px;left: 50%;width: 100%;background: #fff;z-index: 999;transform: translateX(-50%);min-width: 150px;display: none;} .Header-navbar>ul>li:hover>dl{display: block;} .Header-navbar>ul>li>dl dd{width: 100%;} .Header-navbar>ul>li>dl dd a{display: block;padding: 0 20px;font-size: 14px;color: #333;line-height: 42px;text-align: center;} .Header-navbar>ul>li>dl dd a:hover{background: #eee;} /*mMenu*/ .m_header{width: 100%;} .sp_header1{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:9999;width:100%;display: none;top: 0;} .sp_logo1{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;} .sp_logo1 img{margin:auto;max-height:36px;} .sp_nav1{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px} .sp_nav1 span{display:block;background:#0188FB;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s} .sp_nav1 span:nth-of-type(1){top:0px} .sp_nav1 span:nth-of-type(2){top:10px} .sp_nav1 span:nth-of-type(3){top:20px} .sp_nav_se1 span:nth-of-type(1){top:10px;transform:rotate(45deg)} .sp_nav_se1 span:nth-of-type(2){width:0} .sp_nav_se1 span:nth-of-type(3){top:10px;transform:rotate(-45deg)} .sjj_nav1{position:fixed;z-index:999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;} .nav_show1{top:70px;} .sjj_nav1 ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;} .sjj_nav1 ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s} .sjj_nav1 ul li .sjj_nav_i_se1 svg{transform:rotate(0deg)} .sjj_nav1 ul li{border-top:1px #e4e8eb solid;position:relative;line-height:45px;font-size:16px} .sjj_nav1>ul >li:last-child{border-bottom:1px #ddd solid;} .sjj_nav1 ul li ul{display:none} .sjj_nav1 ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;} .sjj_nav1 ul li a:hover{color: #0188FB;} .sjj_nav1 ul li ul li a{color:#333;display:block;text-align:left;} .sjj_nav1 ul li i svg{width:25px;height:25px;fill:#333;} .sjj_nav1 ul li .sjj_nav_i_se svg{fill:#333} .sjj_nav1 ul li ul li>ul{margin-left:10px} .sjj_nav1 ul li ul li{border-top: none;} .sjj_nav1 ul li ul li a{padding: 0 30px;} /*mSearch*/ .mSearch{position: relative;width: calc(100% - 20px);height: 35px;overflow: hidden;margin: 20px 10px;} .mSearch input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 60px 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 25px;background: none;outline: none;} .mSearch button{background-image: linear-gradient(to right,#01b2ac 0,#004ea2 100%);width: 60px;height: 35px; position: absolute; top: 0;right: 0;border-radius: 0 25px 25px 0;color: #fff;font-size: 14px;border: none;} @media all and (min-width:1100px){body.PC .Header-navbar{display: block !important}} .Header-navbar>ul>li{margin: 0 max(10px,0.35rem);float: left;position: relative;z-index: 9;} .Header-navbar>ul>li:last-child{margin-right: 0;} .Header-navbar>ul>li:first-child{margin-left: 0;} .Header-menu{font-size: max(15px,0.18rem);font-family: 'M'; position: relative;display: flex;align-items: center;color: #000;transition: color .4s ease;} .Header-menu span{position: relative;} .Header-menu span::after{content: "";position: absolute;left: 50%;bottom: -7px;width: 0;height: 2px;background: #002fa7;transform: translateX(-50%);transition: all .4s ease;} .Header-navbar>ul>li:hover .Header-menu, .Header-navbar>ul>li.active .Header-menu{color: #002fa7;} .Header-navbar>ul>li.active .Header-menu span::after{width: 0.26rem;} .Header-arrow{display: none;} .Header-drop{width: max(160px,1.8rem);margin-left: min(-80px,-0.9rem);padding: max(6px,0.1rem) 0px;box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.08);position: absolute;left: 50%;top: 100%;z-index: 100;background-color: rgba(255, 255, 255, 1);transition: all 0.3s ease-out;transform: rotateX(-90deg);transform-origin: 0 0;opacity: 0;visibility: hidden;} .Header-navbar>ul>li.on .Header-drop{visibility: visible;opacity: 1;transform: rotateX(0);} .Header-drop-menu{display: flex;width: 100%;position: relative;} .Header-drop-menu>a{font-size: max(14px,0.15rem);line-height: max(22px,0.24rem);padding: max(6px,0.1rem) 4px;display: flex;width: 100%;height: auto;text-align: center;color: #000;align-items: center;justify-content: center;transition: all .4s ease;} .Header-drop-menu.active, .Header-drop-menu>a:hover{color: #002fa7;} /* 如果需要透明：页面body添加class="Lucency noGap"，样式修改 */ @media all and (min-width:1100px){ .Lucency .Header-logo img.s{opacity: 1;}.Lucency .Header-logo img.h{opacity: 0;} .Lucency .Header{background: transparent;box-shadow: none;} .Lucency .Header::after{background: rgba(255, 255, 255, 0.2);opacity: 1;} .Lucency .Header-menu{color: #fff;/*font-weight: 600*/;} .Lucency .Header-lang-menu{color: #fff;} .Lucency .Header-search-click{color: #fff;} .Lucency .Header-navbar>ul>li:hover .Header-menu,.Lucency .Header-navbar>ul>li.active .Header-menu{color: #fff;} .Lucency .Header-menu span::after{background: #fff;} .bodyMouse .Header-menu span::after,.bodySearch .Header-menu span::after{background: #002fa7;} .bodyMouse .Header-navbar>ul>li:hover .Header-menu,.bodyMouse .Header-navbar>ul>li.active .Header-menu,.bodySearch .Header-navbar>ul>li:hover .Header-menu,.bodySearch .Header-navbar>ul>li.active .Header-menu{color: #002fa7;} .bodyMouse .Header, .bodySearch .Header{background: #fff;box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.08);} .bodyMouse .Header-menu, .bodySearch .Header-menu{color: #000;} .bodyMouse .Header::after, .bodySearch .Header::after{background: rgba(0, 0, 0, 0.1);opacity: 0;} .bodyMouse .Header-logo img.s, .bodySearch .Header-logo img.s{opacity: 0;} .bodyMouse .Header-logo img.h, .bodySearch .Header-logo img.h{opacity: 1;} .bodyMouse .Header-lang-menu, .bodySearch .Header-lang-menu{color: #000;} .bodyMouse .Header-search-click, .bodySearch .Header-search-click{color: #000;} .noGap .Header-logo img{position: absolute;transition: opacity .4s ease;top: 0;bottom: 0;margin: auto 0;} .noGap .Container{margin-top: 0;} .noGap .Header-logo img.s{display: block;} } .Header-navclick{display: none;width: 24px;height: 60px;cursor: pointer;float: right;user-select: none;align-items: center;} .Header-navclick span{width: 100%;height: 2px;background: #000;display: block;position: relative;transition: all .2s linear;} .Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 2px;background: #000;display: block;left: 0;width: 100%;transition: all .2s linear;} .Header-navclick span:before{top: -7px;} .Header-navclick span:after{top: 7px;} .Header-navclick.active span{animation: buttonAnimation 0.3s ease forwards;} .Header-navclick.active span:before{animation: buttonAnimationBefore 0.3s ease forwards;} .Header-navclick.active span:after{animation: buttonAnimationAfter 0.3s ease forwards;} @keyframes buttonAnimationBefore{ 0%{-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0);} 50%{-moz-transform: translateY(7px) rotate(0);-ms-transform: translateY(7px) rotate(0);-webkit-transform: translateY(7px) rotate(0);transform: translateY(7px) rotate(0);} 100%{-moz-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-webkit-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);} } @keyframes buttonAnimationAfter{ 0%{-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0);} 50%{-moz-transform: translateY(-7px) rotate(0);-ms-transform: translateY(-7px) rotate(0);-webkit-transform: translateY(-7px) rotate(0);transform: translateY(-7px) rotate(0);} 100%{-moz-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-webkit-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);} } @keyframes buttonAnimation{ 0%{background: transparent;} 50%{background: rgba(255,255,255,0);} 100%{background: rgba(255,255,255,0);} } /* 底部 */ .Footer{width: 100%;position: relative;z-index: 9;} .Footer-items{width: 100%;padding: 0 0 0.4rem;background: #000;} .Footer-title{border-bottom: 2px solid rgba(255, 255, 255, .2);} .Footer-title span { display: block; font-weight: 600; line-height: 1.14; animation: masked-animation 4s infinite linear; background-image: -webkit-linear-gradient(left, #fff, #80a3ff 25%, #fff 50%, #80a3ff 75%, #fff); -webkit-text-fill-color: transparent; -webkit-background-clip: text; -webkit-background-size: 200% 100%; font-family: "hanyi"; letter-spacing: 16px; } @keyframes masked-animation {0% {background-position: 0 0}to {background-position: -100% 0}} .Footer-flex{justify-content: space-between;align-items: flex-start;} .Footer-navbar{user-select: none;width: 64%;} .Footer-navbar>ul{justify-content: space-between;} .Footer-navbar>ul>li{width: auto;position: relative;} .Footer-menu{font-size: max(15px,0.18rem);color: #fff;display: flex;font-family: 'M';} .Footer-arrow{display: none;} .Footer-drop{width: 100%;margin-top: max(10px,0.3rem);} @media all and (min-width:1100px){body.PC .Footer-drop{display: block !important}} .Footer-drop-menu{display: flex;position: relative;width: 100%;} .Footer-drop-menu>a{font-size: max(12px,0.14rem);padding: max(3px,0.06rem) 0;color: rgba(255, 255, 255, .9);display: flex;line-height: 2;transition: all .4s ease;} .Footer-drop-menu>a span{position: relative;} .Footer-drop-menu>a span::after{content: "";position: absolute;right: 0;bottom: -1px;width: 0;height: 1px;background: #fff;transition: all .3s ease;} .Footer-drop-menu>a:hover{color: #fff;} .Footer-drop-menu>a:hover span::after{right: auto;left: 0;width: 100%;} .Footer-drop-desc{width: 2.6rem;font-size: max(12px,0.14rem);color: #fff;line-height: 2;margin-top: max(10px,0.3rem);} .Footer-drop-desc p{padding: max(3px,0.06rem) 0} .Footer-images{flex-direction: column;align-items: center;text-align: center;} .Footer-logo{width: 2.6rem;} .Footer-code{width: 100%;margin-top: max(14px,0.24rem);display: flex;} .Footer-code a{display: flex;align-items: center;justify-content: center;position: relative;margin-right: max(20px,0.1rem);} .Footer-code a span{font-size: max(16px,0.18rem);color: #000;display: flex;align-items: center;justify-content: center; width: 0.42rem;height: 0.42rem;border-radius: 3px;/*background: #fff;*/transition: all .4s ease;} .Footer-code a span img{max-width: 100%;max-height: 100%;} .Footer-code a:hover span{background: rgba(255, 255, 255, .7);} .Footer-code a:last-child{margin-right: 0;} .Footer-code-img{width: max(110px,1.4rem);height: max(110px,1.4rem);margin-left: min(-55px,-0.7rem);padding: max(3px,0.06rem);display: none;position: absolute;bottom: max(30px,0.4rem);left: 50%;background: #fff;border-radius: 4px;} .Footer-code-img::after{content: "";display: block;width: 0px;height: 0px;border: max(6px,0.08rem) solid transparent;border-top-color: #fff;position: absolute;top: 100%;left: 50%;margin-left: min(-6px,-0.08rem);} .Footer-code-img img{width: 100%;height: 100%;object-fit: cover;} .Footer-code a:hover .Footer-code-img{display: block;animation: FooterCode .6s ease-in-out both;} @keyframes FooterCode{0%{transform: translateY(min(-8px,-0.14rem));}100%{transform: translateY(0);}} .Footer-friend{width: 100%;display: flex;align-items: flex-start;margin-top: max(16px,0.2rem);} .Footer-friend-hint, .Footer-friend-link a{color: #969da6;line-height: max(20px,0.24rem);font-size: max(12px,0.14rem);} .Footer-friend-link{flex: 1;} .Footer-friend-link a{transition: all .4s ease;margin-right: max(12px,0.14rem);} .Footer-friend-link a:last-of-type{margin-right: 0;} .Footer-friend-link a:hover{color: #fff;} .Footer-copyright{width: 100%;padding: max(20px,0.6rem) 0;background: #000;} .Footer-copyright .contain{justify-content: space-between;align-items: center;} .Footer-copyright .info{color: rgba(255, 255, 255, .5);line-height: 18px;font-size: 12px;} .Footer-copyright .info .margin{margin: 0 0.12rem;} .Footer-copyright .info p:first-child{margin-left: 0;} .Footer-copyright .info a{transition: all .4s ease;} .Footer-copyright .info a:hover{color: #fff;} /* 置顶 */ .backTop{display: none;right: max(8px,0.4rem);bottom: max(20px,0.6rem);width: max(34px,0.5rem);height: max(34px,0.5rem);line-height: max(34px,0.5rem);background: #002fa7;font-size: max(15px,0.2rem);color: #fff;text-align: center;border-radius: 50%;position: fixed;cursor: pointer;z-index: 9999;} .backTop::after{content: "\e684";font-family: "icon";} .backTop.on{display: block;} /* 横竖屏 */ .popOrient{display:none;position:fixed;width:100%;height:100%;top:0;left:0;flex-direction: column;align-items: center;justify-content: center;background: #000;z-index:9999999999999999;color:#696969;font-size:16px;text-align:center;} .popOrient svg{height:60px;margin-bottom:12px;} body.landscape .popOrient{display:flex} /* 视频弹窗 */ .popVideo{display: none;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;} .popVideo-items{max-width: 1000px;position: relative;opacity: 0;} .popVideo-video{width: 100%;display: flex;justify-content: center;} .popVideo-video video{max-height: 82vh;} .popVideo-video iframe{width: 1000px;height: 600px;} .popVideo-close{width: 40px;height: 40px;right: -40px;top: -40px;line-height: 40px;opacity: 0.7;text-align: center;position: absolute;z-index: 3;font-size: 22px;color: #fff;cursor: pointer;transition: all .6s ease;} .popVideo-close:hover{opacity: 1;} .popVideo.active{display: flex;} .popVideo.active .popVideo-items{animation: popVideRun 1s ease both .4s;} @keyframes popVideRun{0%{opacity: 0;transform: translateY(-200px);}100%{opacity: 1;transform: translateY(0);}} @media all and (max-width:1000px){.popVideo-items{width: 92%;}.popVideo-close{right: -8px;}.popVideo-video iframe{width: 100%;height: 220px;}} /* 简历弹窗 */ .onResume{display: none;z-index: 999999;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .5);position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;user-select: none;padding: 0 4%;} .onResume-contain{background-color: #fff;border-radius: 5px;padding: 45px;width: 530px;position: relative;opacity: 0;} .onResume.active{display: flex;} .onResume.active .onResume-contain{animation: onResumeRun .6s ease both;} @keyframes onResumeRun{0%{opacity: 0;}100%{opacity: 1;}} .onResume-close{position: absolute;top: 12px;right: 12px;font-size: 18px;transition: all .4s ease;color: #002fa7;} .onResume-close i{font-size: inherit;} .onResume-close:hover{color: #002fa7;} .onResume-title{font-size: 20px;color: #333;} .onResume-form{width: 100%;margin-top: 12px;} .onResume-name{width:100%;height:45px;} .onResume-name input, .onResume-wrap .onResume-hint{height: 100%;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08) inset;border: 1px solid #e6e6f1;padding: 0 16px;} .onResume-name input{width: 100%;border-radius: 5px;} .onResume-wrap{position: relative;width: 100%;height: 45px;border-radius: 5px;overflow: hidden;margin-top:8px;} .onResume-wrap .onResume-hint{width: 66%;border-radius: 5px 0 0 5px;} .onResume-wrap .btn{width: 34%;height: 100%;background-color: #002fa7;position: relative;} .onResume-wrap .btn .onResume-upload{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;cursor: pointer;} .onResume-button{width: 100%;display: flex;justify-content: center;margin-top: 20px;} .onResume-button button{width: 100%;height: 45px;background-color: #002fa7;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 16px;cursor: pointer;border-radius: 5px;} @media all and (max-width: 1000px){ .onResume-contain{padding:24px 16px;width: 100%;} .onResume-title{font-size: 18px;} .onResume-name, .onResume-wrap{height: 40px;} .onResume-button{margin-top: 12px;} .onResume-button button{height: 40px;font-size: 14px;} .onResume-close{top: 10px;right: 10px;font-size: 16px;} .onResume-wrap .btn .onResume-upload{font-size: 14px;} .onResume-name input, .onResume-wrap .onResume-hint{padding: 0 14px;} } /* 快速表单 */ .isEnter, .isCode{width: 100%;position: relative;user-select: none;} .isEnter label{color: #999;position: absolute;display: flex;align-items: center;top: 0;left: 0;pointer-events: none;z-index: 2;} .isEnter label em{color: #002fa7;margin-right: 4px;font-style: normal;} .isEnter label, .isEnter input, .isEnter textarea{height: 44px;padding: 0 12px;font-size: 14px;} .isEnter input, .isEnter textarea{border-radius: 0px;color: #333;border: 1px solid #eee;width: 100%;transition: border .4s ease;} .isEnter textarea{padding: 10px 12px;height: 80px;display: block;} .isEnter input:focus, .isEnter textarea:focus{border-color: #002fa7;} .isCode{display: flex;} .isCode .isEnter{width: 500px;} .isCode .auth{cursor: pointer;margin-left: 12px;background: #f1f1f1;} .isCode .auth img{width: 100%;height: 100%;max-width: none;} .isEnter.on label{display: none;} /* -- */ .isSelect{width: 100%;position: relative;user-select: none;} .isSelect label{color: #999;position: absolute;display: flex;align-items: center;top: 0;left: 0;pointer-events: none;z-index: 2;} .isSelect label em{color: #002fa7;margin-right: 4px;font-style: normal;} .customSelect-name, .customSelect input, .isSelect .beginSelect select, .customSelect-drop{border-radius: 0px;color: #333;border: 1px solid #eee;width: 100%;transition: border .4s ease;} .customSelect-name, .customSelect input, .isSelect .beginSelect select, .customSelect-drop>div, .isSelect label{height: 44px;padding: 0 12px;font-size: 14px;} .isSelect .beginSelect select:focus, .customSelect-name.noRadius{border-color: #002fa7;} .isSelect .beginSelect select{cursor: pointer;} .isSelect.on label{display: none;} /* == */ .isButton{width: 100%;display: flex;justify-content: center;} .isButton button{width: 160px;height: 44px;font-size: 18px;margin-left: 12px;background: #002fa7;color: #fff;cursor: pointer;transition: all .4s ease;} .isButton button:first-child{margin-left: 0;} .isButton button:hover{box-shadow: 0 4px 12px 0 rgba(102, 140, 218, 0.4);} .isButton button.reset{background: #999;} .isButton button.reset:hover{box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);} /* == */ .isAgree{display: flex;flex-wrap: wrap;align-items: center;width: 100%;position: relative;user-select: none;} .isAgree input{width: 16px;height: 16px;margin-right: 10px;position: relative;display: block;font-style: normal;border: 1px solid #dedede;transition: border .4s ease;cursor: pointer;} .isAgree input::after{font-size: 20px;left: 1px;bottom: -1px;color: #002fa7;content: "\e63c";position: absolute;font-family: "icon";line-height: 1;opacity: 0;transition: all .4s ease;} .isAgree input:hover{border-color: #002fa7;} .isAgree input:checked{border-color: #002fa7;} .isAgree input:checked::after{border-color: #002fa7;opacity: 1;} .isAgree .text{align-items: center;color: #000;font-size: 14px;} .isAgree .text a{color: #002fa7;} /* == */ .customSelect, .isSelect .beginSelect{position: relative;width: 100%;user-select: none;} .isSelect .beginSelect input{opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;font-size: 0;} /* == */ .customSelect.noEvent{pointer-events: none;opacity: 0.5;} .customSelect-name{display: flex;align-items: center;position: relative;cursor: pointer;} .customSelect-name::after{content: "\e727";position: absolute;font-family: "icon";font-size: 14px;height: 100%;display: flex;align-items: center;justify-content: center;line-height: 1;right: 14px;top: 0;transform: rotateX(180deg);} .customSelect-drop{max-height: 160px;background: #fff;display: none;position: absolute;z-index: 10;top: calc(100% + 4px);box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);overflow-x: hidden;overflow-y: auto;left: 0;} .customSelect-drop>div{height: 40px;font-size: 14px;color: #000;position: relative;display: flex;align-items: center;width: 100%;transition: all .4s ease;cursor: pointer;} .customSelect-drop>div::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #eee;} .customSelect-drop>div:last-child::after{display: none;} .customSelect-drop>div:hover, .customSelect-drop>div.active{color: #002fa7;} .customSelect-drop::-webkit-scrollbar{width: 2px;height: 4px;} .customSelect-drop::-webkit-scrollbar-thumb{background: #ccc;} .customSelect-drop::-webkit-scrollbar-track{background: #fff;} .customSelect-null{display: none;} .customSelect-name.noRadius::after{transform: rotate(0);} .customSelect input{display: none;position: absolute;padding-right: 60px;width: 100%;height: 100%;z-index: 2;bottom: 0;left: 0;background: transparent;} .customSelect.hasInput input{display: block;} .customSelect.hasInput .customSelect-name{font-size: 0;border: none;background: transparent;} /* -- */ .customSelect-drop .son .drop{display: none;} .customSelect-drop .son .menu{width: 100%;height: 100%;display: flex;align-items: center;} /* 中间+共用部分 */ .Container{width: 100%;margin-top: max(70px,0.88rem);} .contain{width: 12.8rem;margin: 0 auto;} :root{--wid:12.8rem;--widDb: calc((100vw - var(--wid))/2);} /* 公共样式 */ .comWave{height: 1rem;overflow: hidden;} .comWave svg{width: 100%;height: 120%;} .comWave use {transition: fill .5s ease-in-out;animation: 8s linear infinite footerMove;} @keyframes footerMove {0%{transform: translateX(-90px);}100%{transform: translateX(85px);}} .comTitle .title{overflow: hidden;} .center em{font-size:16px; line-height: 44px;} .comTitle .title::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0.8rem;height: 0.04rem;background: #002fa7;transform: translateX(-50%);} .comTitle .title span{display: inline-block;} .comTitle .text-box{justify-content: center;} .comTitle .text{width: 8.8rem;margin: 0 auto;} .comMore{border-radius: 40px;transition: all .5s ease-in-out; width: max(110px,1.68rem);height: max(40px,0.5rem);user-select: none;cursor: pointer;border: 2px solid #002fa7;} .comMore span{transition: transform .5s ease-in-out,color .3s ease-in-out;transform: translateX(0.14rem);position: relative;z-index: 2;} .comMore i{font-size: 15px;display: block;margin-left: 10px;transition: transform 1s .1s cubic-bezier(.43,.195,.02,1),opacity 1s cubic-bezier(.43,.195,.02,1),color .7s cubic-bezier(.43,.195,.02,1);opacity: 0;transform: translateX(0.24rem);position: relative;z-index: 2;} .comMore i::before{display: block;transform: rotate(180deg);} .comMore::after{opacity: .5; content: "";background-color: #002fa7;border-radius: 100px;width: calc(100% + 30px);height: calc(100% + 30px);transition: transform .7s cubic-bezier(.43,.195,.02,1);position: absolute;top: -15px;left: -15px;transform: translate(-101%);} .comMore:hover{background: #002fa7;} .comMore:hover::after{transform: translate(0);opacity: 1;} .comMore:hover span,.comMore:hover i{color: #fff;transform: translateX(0);} .comMore:hover i{opacity: 1;} .comBack{flex-direction: column;} .comBack .btn{position: relative; width: 0.52rem;height: 0.52rem;font-size: 0.22rem;} .comBack .btn::before{position: relative;z-index: 2;} .comBack .btn::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%; background: #acb3bd;transition: all .6s ease;} .comBack:hover .btn::after{background: #002fa7;transform: scale(1.4);} .comBack:hover .comBack-title{opacity: 0;transform: translateY(30px)} /* 数字滚动 */ .indNum .comWave{position: absolute;left: 0;bottom: 0;width: 100%;} .indNum-list{justify-content: center;padding: 0 2vw;} .indNum-list li{margin-top: 6vw; overflow: hidden;width: 20%;margin-left: 0 !important;display: flex;flex-direction: column;align-items: center;text-align: center;} .indNum-list li:nth-child(1){margin-left: 1vw;} .indNum-list li:nth-child(4){margin-right: 1vw;} .indNum-list .num{line-height: 1;font-size: 3.4vw;} /* 光标 */ /**{cursor: none !important;}*/ .Pointer {cursor: none; position: fixed;top: 0;left: 0;z-index: 2147483647;pointer-events: none;opacity: 0;} .Pointer.fadein {transition: opacity 0.4s;opacity: 1;} .Pointer-Back::before,.Pointer-Front::before {transform: scale(1);opacity: 1; content: '';width: 0.3rem;height: 0.3rem;background: url(../images/hover-icon1.svg) no-repeat center/100% auto;display: block;margin-left: -0.15rem;margin-top: -0.15rem;;transition: all 0.8s ease;} .Pointer-Front::before {background-image: url(../images/hover-icon2.svg);transform: scale(0);opacity: 0;} .Pointer-Back.hover::before{opacity: 0;transform: scale(0);} .Pointer-Front.hover::before{opacity: 1;transform: scale(1);} .Pointer.hidden {transition: opacity 0.4s;opacity: 0;} /* .cursor{cursor: pointer;} .noCursor{cursor: default;} */ .index_btn .btn{background: rgba(0, 0, 0, .2);width: 48px;height: 48px;border-radius: 50%;color: #fff;} .index_btn .btn:hover{background: #002fa7;} .swiper .index_btn .swiper-button-next:after, .swiper .index_btn .swiper-button-prev:after{font-size: 20px;} /*-------------------------------------------*/ .i1List{width: 100%;} .i1List .part{display: block;width: 100%;height: 26vw;border-radius: 10px;overflow: hidden;} .i1List .part .img{width: 100%;height: 100%;} .i1List .part .img img{width: 100%;height: 100%;object-fit: cover;opacity: 0.6;} .i1List .swiper-slide-active .part .img img{opacity: 1;} .i1List .index_btn .next{right: 28%;} .i1List .index_btn .prev{left: 28%;} .index3{background: linear-gradient(to bottom,#f6f8fb 50%,#fff 100%);} /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px){ .into-bg video{display: none;} .into-animation .logo{width: 70vw;} .banner-scroll{width: 16px;height: 26px;display: none;} .banner-scroll i{width: 3px;height: 3px;} .banner-pagination .swiper-pagination-bullet{margin: 0 14px !important;} .banner-con .title p{font-size: 18px;letter-spacing: 0;} .banner-bg::after{display: none;} /* .banner-bg img{height: 350px;} .indGroup{margin-top: 350px;} */ .comTitle .text{width: 92.5%;} .indAb-swp{width: 80%;} .indAb-img img{height: 150px;} .indAb-btn .btn{display: none;} .indAb-pagination .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 4px;} .indAb-pagination .swiper-pagination-bullet-active{background: #002fa7;} .indTeam-slide{padding: 10px;} .indTeam-slide .img img{height: 100px;} .indTeam-slide .desc{margin-top: 10px;} .indTeam-slide .title{font-size: 12px;} .indTeam-slide .text{font-size: 10px;margin-top: 4px;} .indYS .contain{padding: 0;} .indYS-flex .num{font-size: 22px;} .indYS-flex .text{font-size: 12px;} .indYS-left{width: 100%;position: relative;} .indYS-left .desc1{width: calc(50% - 6px);height: 100%;position: absolute;left: 0;top: 0;} .indYS-left .img1-box,.indYS-left .img2-box{width: calc(50% - 6px);} .indYS-left .img1-box{margin-top: 0;} .indYS-left .img1-box img{height: 100px;} .indYS-left .img2-box img{height: 100px;} .indYS-right{width: 100%;margin-top: 12px;} .indYS-right-head{align-items: unset;} .indYS-right-head .img1-box img{height: 100%;} .indYS-right-head .img1{height: 100%;} .indYS-flex video{display: none !important;} .indYS-right-head .desc1{width: 100%;height: 100px;} .indYS-right-head .desc2{width: 100%;height: 100px;padding: 0 8px;} .indYS-right-footer .desc1{height: 100px;width: calc(50% - 6px);} .indYS-right-footer .img1-box{width: calc(50% - 6px);} .indYS-right-footer .img1-box img{height: 100px;} .indNews-left{width: 100%;} .indNews-show-img img{height: 185px !important;} .indNews-show-con{min-height: 180px;} .indNews-flex .date i{font-size: 11px;margin-right: 8px;} .indNews-flex .more{font-size: 12px;} .indNews-right{width: 100%;margin-top: 12px;} .indNews-item{min-height: 180px;} .indYS-left .desc1{margin-right: 0;} .indYS-right-head .desc1,.indYS-right-head .desc2{margin-left: 0;} .indYS-right-footer .desc1{margin-top: 0;} } @media all and (max-width:1100px){ /* 1024 横屏 */ .Pointer{display: none;} .comMore{font-size: 12px;height: 36px;width: 105px;} .comMore i{font-size: 10px;margin-left: 8px;} .comMore span{transform: translateX(8px);} .comBack .btn{width: 40px;height: 40px;font-size: 15px;} .comBack-title{font-size: 13px;} /* 数字滚动 */ .indNum-list{margin-left: 0;} .indNum-list li{margin: 30px 0 0 !important;width: calc(100% / 3);overflow: visible;} .indNum-list .num-box{overflow: visible;} .indNum-list .num{font-size: 22px;} .indNum-list .num sup{font-size: 10px;} .indNum-list .text{font-size: 10px;padding: 0 10px;line-height: 1.8;margin-top: 10px;} body.bodySearch .Header-navbar{visibility: visible;opacity: 1;} .contain{width: 92%;} :root{--wid1600:92%;--wid1400:92%;--wid:92%;} .Container{margin-top: 60px;} .Header .contain{width: 100%;} .Header::after{opacity: 1;} .Header-logo, .Header-search-click, .Header-lang-menu{height: 60px;} .Header-logo{margin-left: 4%;width: 90px;} .Header-navclick{display: flex;margin-right: 4%;} .Header-lang{margin: 0 16px 0 8px;} .Header-lang.active .Header-lang-menu{color: #000;} .Header-lang-more:before{top: -7px;} .Header-search{margin-right: 15px;} .Header-search-click:hover{color: #000 !important;} .Header-search-item{display: none;width: 100%;line-height: normal;height: 45px;top: 60px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);padding: 0;background: #fff;} .Header-search-item .contain{padding-right: 0;} .Header-search-item input[type="text"]{width: 100%;height: 44px;padding: 0 50px 0 4%;border-bottom: none;} .Header-search-item.active input[type="text"]{animation: none;} .Header-search-item button{position: absolute;right: 0;top: 0;width: 44px;height: 46px;top: -1px;background: #002fa7;z-index: 2;color: #fff;} .Header-navbar{display: none;position: absolute;width: 100%;margin-right: 0;height: calc(100vh - 60px);top: 60px;left: 0;padding: 20px 0;background: #fff;} .Header-navbar.active{display: block;} .Header-navbar>ul{display: block;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch} .Header-navbar>ul>li{display: block;width: 100%;opacity: 0;transform: translateY(32px);transition: all .4s ease;margin: 0;} .Header-navbar.active>ul>li{opacity: 1;transform: translateY(0);} .Header-menu{height: 44px;padding: 0 4%;} .Header-menu span::after{display: none;} .Header-arrow{display: block;width: 44px;height: 44px;line-height: 44px;transform: rotate(90deg);pointer-events: none; font-size: 15px;font-style: normal;color: #000;text-align: center;position: absolute;z-index: 9;right: 0;top: 0;} .Header-arrow::after{content: "\e727";font-family: "icon";} .Header-arrow.active{transform: rotate(0);} .Header-navbar>ul>li:hover .Header-menu{color: #000;} .Header-navbar>ul>li.active .Header-menu{color: #002fa7;} .Header-drop{display: none;position: relative;top: 0;left: 0;width: 100%;margin-left: 0;overflow: hidden;padding: 8px 0;border-radius: 0;border: none;background: #f9f9f9;backdrop-filter: inherit;box-shadow: none;transform:none;transition: none;opacity: 1;visibility: visible;} .Header-drop-menu>a{justify-content: flex-start;padding: 6px 4%;} .Footer-items{padding: 0 0 20px;} .Footer-items .contain{width: 100%;} .Footer-title{font-size: 26px;} .Footer-navbar{width: 100%;} .Footer-navbar>ul>li{width: 100% !important;} .Footer-menu{height: 40px;align-items: center;padding: 0 4%;position: relative;} .Footer-arrow{display: block;width: 44px;height: 40px;line-height: 40px;transform: rotate(180deg);font-size: 15px;font-style: normal;color: #fff;text-align: center;position: absolute;z-index: 9;right: 0;top: 0;} .Footer-arrow::after{content: "\f106";font-family: "fontawesome";} .Footer-arrow.active{transform: rotate(0);} .Footer-drop{display: none;margin-top: 0;padding-bottom: 10px;} .Footer-drop-menu>a{padding: 2px 4%;width: 100%;font-size: 13px;} .Footer-drop-desc{width: 100%;padding: 0 4%;margin: 0;font-size: 13px;} .Footer-drop-desc p{padding: 0;} .Footer-images{margin-top: 20px;display: block;width: 100%;} .Footer-logo{display: none;} .Footer-code{justify-content: center;padding: 0 4%;width: 100%;} .Footer-code a{margin-right: 10px;} .Footer-code a span{width: 30px;height: 30px;} .Footer-friend{display: none;} .Footer-copyright .info.text{display: block;} .Footer-copyright .info.text p{display: inline;} .Footer-copyright .info.link{width: 100%;margin-top: 8px;} .Footer-copyright .info .margin{margin: 0 10px;} .Header{display: none !important;} .sp_header1{ display:block;} .sjj_nav1{ display:block;} .hHei{height: 70px;} .sp_nav1 span{background: #000;} .i1List .index_btn .next{right: 10px;} .i1List .index_btn .prev{left: 10px;} } /* =====================内页样式======================== */ /* 分页 */ .paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .paging-menu, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;} .paging-menu a{font-family: 'B'; width: 42px;height: 42px;border: 1px solid #f4f4f4;margin: 5px;font-size: 15px;color: #222;transition: all .4s ease;border-radius: 10px;background-color: #fff;display: flex;align-items: center;justify-content: center;} .paging-menu a.last{transform: rotate(180deg);} .paging-menu a i{font-weight: 700;font-size: 10px;} .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #002fa7;background-color: #002fa7;color: #fff;} .paging-skip{margin-left: 8px;align-items: center;} .paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;} .paging-hint:first-of-type{margin: 0;} .paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;} .paging-skip input:focus{border-color: #002fa7;} .paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;} .paging-skip button:hover{background-color: #002fa7;color: #fff;border-color: #002fa7;} .paging-hint span{color: #002fa7;} @media all and (max-width:1000px){.paging-menu a{margin: 4px 2px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}} /* 搜索页面 */ .search{width: 100%;} .search-result{font-size: 14px;color: #002fa7;line-height: 1.1;} .search-result span{margin-left: 6px;} .search-info{width: 100%;line-height: 1.1;color: #333;} .search-info span{color: #002fa7;font-weight: 700;flex: 1;} .search-list{width: 100%;} .search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);} .search-link:first-child{margin-top: 0;} .search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;} .search-link p{width: 100%;color: #666;} .search-link .highlightRow span{color: #002fa7 !important;} .search-link:hover h2{color: #002fa7;} /* 隐私协议 */ .privacy{width: 100%;} .privacy-title{width: 100%;color: #333;line-height: 1.1;} .privacy-content{width: 100%;color: #666;} /* 网站地图 */ .webmap{width: 100%;} .webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);} .webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #002fa7;} .webmap-list{width: 100%;} .webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;} .webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;color: #333;} .webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;} .webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;} .webmap-list>ul>li a:hover{color: #002fa7;} .webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;} .webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);} .webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);} .webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);} .webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;} @media all and (max-width: 1000px){ .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;} .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;} } /* 内页公共 */ .pagesBan-bg img{width: 100%;height: 100vh;animation: banBg 5s linear both;} .pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .pagesBan-con .contain{height: 100%;flex-direction: column;} .pagesBan-con .title,.pagesBan-con .text{animation: banText 1.6s ease both;} @keyframes banBg {0%{transform: scale(1.1);}100%{transform: scale(1);}} @keyframes banText {0%{opacity: 0;transform: translateY(-150px);}100%{opacity: 1;transform: translateY(0);}} /* 联系我们 */ .ctaData-list li{padding: 0.7rem 0.55rem; align-items: center;justify-content: space-between;background: #fff;} .ctaData-list li:hover{transform: translateY(-0.1rem);} .ctaData-list .icon{width: 0.52rem;height: 0.52rem;border-radius: 50%;border: 2px solid #e7ebf7;font-size: 0.22rem;margin-right: 0.34rem;} .ctaData-list .desc{flex: 1;} .ctaData-list .title{display: inline-block;} .ctaData-list .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #002fa7;} .ctaMap{height: 4.8rem;} .map-info{width: 3.1rem;padding: 0.12rem 0.4rem;} .map-img{width: 1rem;text-align: center;margin: 0 auto 10px;} .map-img img{width: 100%;} .amap-logo,.amap-copyright,.amap-info-close,.amap-icon{display: none !important;} .amap-info-outer{box-shadow: unset !important;} .amap-info-content{background: rgba(255, 255, 255, .95);border-radius: 0.05rem;} .ctaMedia-list{margin-left: -1px;overflow: visible;} .ctaMedia-item{margin: 1px 0 0 1px;background: #fff;flex: 1;height: 1.7rem;} .ctaMedia-item:nth-child(1){border-top-left-radius: 0.15rem;border-bottom-left-radius: 0.15rem;} .ctaMedia-item{justify-content: center;padding-top: 0.5rem;} .ctaMedia-item .box{transition: all .4s ease;position: relative;} .ctaMedia-menu{flex-direction: column;justify-content: flex-start;} .ctaMedia-menu .icon{width: 0.64rem;height: 0.64rem;background: #1c1c1c;color: #fff;display: flex;align-items: center;justify-content: center;} .ctaMedia-menu .icon img{max-width: 65%;max-height: 60%;} .ctaMedia-menu .title{opacity: 0;} .ctaMedia-drop{position: absolute;padding: 0.07rem;box-shadow: 0 0 10px rgba(0, 0, 0, .1); transition: all .4s ease;opacity: 0;visibility: hidden; width: 1.5rem; left: 50%;bottom: calc(100% + 10px);transform: translate(-50%,-30px);background: #fff;border-radius: 0.05rem;z-index: 10;} .ctaMedia-drop::before{content: "";left: 0;top: 100%;width: 100%;height: 10px;position: absolute;} .ctaMedia-drop::after{content: "";position: absolute;left: 50%;top: 100%;transform: translateX(-50%);width: 16px;height: 10px;border: 8px solid transparent;border-top-color: #fff;} .ctaMedia-drop img{width: 100%;border-radius: 0.05rem;} .ctaMedia-item:hover .ctaMedia-menu .icon{background: #3370ff;transform: translateY(-0.16rem);} .ctaMedia-item:hover .ctaMedia-menu .title{opacity: 1;transform: translateY(-0.16rem);transition-delay: .2s;} .ctaMedia-item:hover .ctaMedia-drop{opacity: 1;transform: translate(-50%,-20px);visibility: visible;} /* 新闻-列表 */ .newsShow{justify-content: space-between;} .newsShow-img{width: 65.5%;position: relative;background: #999;} .newsShow-img .img img{width: 100%;height: 4.4rem;transform: scale(1.1);transition: all 1s linear;} .newsShow-img .swiper-slide-active .img img{transform: scale(1);} .newsShow-list{width: 31%;display: flex;flex-direction: column;} .newsShow-item{padding: 0 0.4rem; height: calc(100% / 3);position: relative;flex-direction: column;justify-content: center;overflow: visible;} .newsShow-item:first-child{margin-top: 0;} .newsShow-item::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #eaeaea;transition: all .4s ease;} .newsShow-item .date{align-items: center;font-family: 'M';} .newsShow-item .date i{display: block;margin-right: 0.1rem;font-size: 0.18rem;} .newsShow-item.active{background: #002fa7;} .newsShow-item.active .title,.newsShow-item.active .date{color: #fff;} .newsShow-item.active::after{opacity: 0;} .newsSelect{width: 21%;user-select: none;cursor: pointer;} .newsMenu{padding: 0 0.22rem; align-items: center;justify-content: space-between;height: 0.65rem;border: 1px solid #e5e5e5;background: #fff;} .newsMenu::after{content: "\e62e";font-family: 'icon'; display: block;font-weight: 700;transform: rotate(180deg);transition: all .4s ease;font-size: 10px;} .newsMenu.active{border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .newsMenu.active::after{transform: rotate(0);} .newsDrop{display: none;border: 1px solid #e5e5e5;border-top: unset; position: absolute;z-index: 10;left: 0;top: 100%;width: 100%;background: #fff;border-radius: 0 0 0.1rem 0.1rem;overflow-y: auto;max-height: 2.6rem;} .newsDrop .item{background: #fff;height: 0.65rem;align-items: center;padding: 0 0.22rem;background: #fff;border-top: 1px solid #e5e5e5;} .newsDrop .item:first-child{border-top: unset;} .newsDrop .item:hover{background: #f1f1f1;} .newsLabel{margin-left: -10px;} .newsLabel .item{margin: 10px 0 0 10px;background: #fff;border: 1px solid #ddd;padding: 0.07rem 0.1rem;user-select: none;cursor: pointer;} .newsLabel .item:hover,.newsLabel .item.active{color: #002fa7;} .newsLabel .item.active{background: rgba(0, 47, 167, .06);border-color: #002fa7;} .newsInput{width: 100%;margin-left: 0;height: 0.65rem; background: #fff;border: 1px solid #e5e5e5;position: relative;} .newsInput input{width: 100%; padding: 0 0.9rem 0 0.3rem;height: 100%;background: transparent;} .newsInput input::-webkit-input-placeholder{color: inherit;} .newsInput .btn{font-size: 0.2rem; width: 0.9rem;height: 100%;user-select: none;cursor: pointer;position: absolute;right: 0;top: 0;} .newsInput .btn:hover{color: #002fa7;} .newsItem{background: #fff;height: 100%;} .newsItem-img img{width: 100%;height: 2.2rem;} .newsItem-con{padding: 0.4rem;} .newsItem-con .date{align-items: center;} .newsItem-con .date i{display: block;margin-right: 0.1rem;font-size: 0.18rem;} .newsItem:hover{background: #002fa7;} .newsItem:hover .newsItem-img img{transform: scale(1.1);} .newsItem:hover .newsItem-con .date,.newsItem:hover .newsItem-con .title,.newsItem:hover .newsItem-con .more{color: #fff;} /* 新闻-详情 */ .newsDet-ban-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);} .newsDet-ban-bg img{width: 100%;height: 22vw;min-height: 300px;} .newsDet-ban-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .newsDet-ban-con .contain{height: 100%;flex-direction: column;} .newsDet-flex{align-items: flex-start;} .newsDet-left{width: 24%;position: sticky;top: max(90px,1.2rem);} .newsDet-right{width: 76%;} .newsDet-edit{border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;} .newsDet-page{justify-content: space-between;} .newsDet-page-item{padding: 0 0.4rem; width: calc(50% - 0.09rem); height: 1.5rem;flex-direction: column;justify-content: center;background: #eee;} .newsDet-page-item .text{width: 100%;} .newsDet-page-item:hover{background: #002fa7;padding: 0 0.5rem;} .newsDet-page-item:hover .title,.newsDet-page-item:hover .text{color: #fff;} /* 关于我们 */ .abIntro .comTitle .text{display: none;} .abIntro .comTitle .text:first-child{display: block;text-align: justify;} .abIntro .comTitle .text:first-child p:first-child{margin-top: 0;} .abIntro .comTitle .text p{margin-top: 0.15rem;} .abIntro .comTitle .text.all p{display: block;} .abIntro-list{margin-left: -0.2rem;display: flex;} .abIntro-item{width: 2.2rem;margin-left: 0.2rem;position: relative;overflow: hidden;box-shadow: 0px 0.12rem 0.46rem 0px rgba(31, 31, 31, 0.15);} .abIntro-item.active{width: calc(100% - 2.2rem*2 - 0.2rem*3);} .abIntro-bg{height: 4.5rem;} .abIntro-bg::after,.abIntro-bg::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 3;transition: all .5s ease-in-out;background: linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.9));} .abIntro-bg::before{background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.8) 100%);opacity: 0;} /* .abIntro-bg img{filter: grayscale(1);transition: all .2s ease-in-out} */ .abIntro-bg img,.abIntro-bg video{height: 4.5rem;position: absolute;width: 100%; top: 0;left: 0;} .abIntro-bg video{z-index: 2;opacity: 0;transition: all .6s ease-in-out;} .abIntro-show{z-index: 10;position: absolute;left: 0;bottom: 0;width: 100%;padding-bottom: 0.5rem;text-align: center;transition: all .5s ease-in-out;} .abIntro-show .title br,.abIntro-hide .title br{display: none;} .abIntro-hide{z-index: 20;position: absolute;left: 0.7rem;bottom: 0;width: 5.6rem; padding-bottom: 0.5rem;opacity: 0;transition: all .5s ease-in-out;} .abIntro-item.active .abIntro-bg::after{opacity: 0;} .abIntro-item.active .abIntro-bg::before{opacity: 1;} .abIntro-item.active .abIntro-bg img{filter: grayscale(0);transition-delay: .4s;} .abIntro-item.active .abIntro-bg video{opacity: 1;} .abIntro-item.active .abIntro-show{opacity: 0;} .abIntro-item.active .abIntro-hide{opacity: 1;transition-delay: .2s;} .abWH{background: linear-gradient(to bottom,#f6f8fb 90%,#fff 100%);} .abWH-head{justify-content: space-between;} .abWH-head-item{width: calc(50% - 0.2rem);background: #fff;padding: 0.85rem 0 0.6rem 0.8rem;} .abWH-head-item .desc{width: 3rem;margin-right: 0.5rem;} .abWH-head-item .icon{width: 1rem;} .abWH-btm{margin-top: 0.4rem;background: #fff;padding: 0.75rem 0.8rem;} .abWH-btm-list{display: flex;margin-left: -0.2rem;} .abWH-btm-list li{margin-left: 0.2rem;width: 2.6rem; background: #f6f8fb;transition: background .6s ease,box-shadow .6s ease,transform .6s ease;padding: 0.55rem 0.45rem 0;height: 3.5rem;} .abWH-btm-list .icon{transition: all .4s ease; position: absolute;right: 50%;top: 0.6rem;transform: translateX(50%);width: 0.68rem;height: 0.6rem;} .abWH-btm-list .icon img{transition: all .4s ease;} .abWH-btm-list .icon .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;} .abWH-btm-list .desc{transform: translateY(1.3rem);transition: all .5s ease-in-out;} .abWH-btm-list .title{padding-left: 0.36rem;transition: all .5s ease;} .abWH-btm-list .title-en{color: #b5c0dd;margin-top: 8px;} .abWH-btm-list .text{ opacity: 0;transition: all .5s ease;color: rgba(255, 255, 255, .8);transform: translateY(20px);} .abWH-btm-list li.active{width: calc(100% - 0.2rem*3 - 2.6rem*2);background: #002fa7;box-shadow: 0px 0.12rem 0.46rem 0px rgba(31, 31, 31, 0.15);} .abWH-btm-list li.active .icon{right: 0.8rem;} .abWH-btm-list li.active .icon .s{opacity: 0;} .abWH-btm-list li.active .icon .h{opacity: 1;} .abWH-btm-list li.active .desc{transform: none;transition-delay: .1s;} .abWH-btm-list li.active .title{color: #fff;padding-left: 0;} .abWH-btm-list li.active .text{opacity: 1;transition-delay: 0.4s;transform: none;} .abWH-btm-list li:nth-child(1).active .desc,.abWH-btm-list li:nth-child(2).active .desc{transform: translateY(0.25rem);} .abWH-btm-list li:nth-child(1).active .icon,.abWH-btm-list li:nth-child(2).active .icon{transform: translate(50%,0.25rem);} .abFZ-bg{width: 5.85rem;height: 8.2rem;position: absolute;right: 0.7rem;top: 1rem;} .abFZ .contain{position: relative;z-index: 2z;} .abFZ-gallery{padding: 0 1.3rem;} .abFZ-gallery .swiper-container{overflow: hidden;} .abFZ-gallery .swiper-slide{height: auto;} .abFZ-gallery-more{align-items: center;justify-content: space-between;overflow: hidden;height: 100%;} .abFZ-gallery-img{width: 46%;position: relative;transform: translateX(2rem);transition: all 1s ease;} .abFZ-gallery-img img{width: 100%;height: 3.8rem;} .abFZ-gallery-con{width: 46.5%;transform: translateX(2rem);transition: all 1s ease;} .swiper-slide-active .abFZ-gallery-img{transform: translateX(0);transition-delay: .2s;} .swiper-slide-active .abFZ-gallery-con{transform: translateX(0);transition-delay: .4s;} .abFZ-gallery-year{font-size: 0.9rem;line-height: .83;display: flex;align-items: flex-end;} .abFZ-gallery-year p{font-size: max(14px,0.22rem);margin-left: 5px;font-family: 'B';} .abFZ-gallery-text p{position: relative;padding-left: 0.18rem;} .abFZ-gallery-text p::after{content: "";position: absolute;left: 0;top: 0.2rem;width: 0.06rem;height: 0.06rem;border-radius: 50%;background: #888;} .abFZ-gallery-list{margin-left: -0.45rem;} .abFZ-gallery-list li{margin: 0.45rem 0 0 0.45rem;position: relative;padding: 0 0.55rem;} .abFZ-gallery-list li::after,.abFZ-gallery-list li::before{opacity: .5; content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.33rem;height: 0.62rem;background: url('../images/abFZ-icon1.png') no-repeat center/100% auto;} .abFZ-gallery-list li::after{left: auto;right: 0;background-image: url('../images/abFZ-icon2.png');} .abFZ-btn{z-index: 5;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.48rem;height: 0.48rem;font-size: 0.15rem;border-radius: 50%;background: rgba(0, 0, 0, .2);user-select: none;cursor: pointer;} .abFZ-btn.thumbs-next{left: auto;right: 0;transform: translateY(-50%) rotate(180deg);} .abFZ-btn:hover{background: #002fa7;} .abFZ-thumbs-line{position: absolute;left: 50%;top: 0.08rem;transform: translateX(-50%);width: 100vw;height: 0.03rem;background: #e3e3e3;} .abFZ-thumbs-line i{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: #002fa7;transition: all .4s linear;} .abFZ-thumbs-year{font-family: 'M'; flex-direction: column;position: relative;z-index: 4;} .abFZ-thumbs-year i{transform: scale(0);opacity: 0;transition: all .4s ease;display: flex;align-items: center;justify-content: center;width: 0.2rem;height: 0.2rem;border-radius: 50%;border: 0.03rem solid #002fa7;background: #f1f4f6;} .abFZ-thumbs-year i::after{content: "";display: block;width: 0.04rem;height: 0.04rem;border-radius: 50%;background: #002fa7;} .abFZ-thumbs-year span{display: flex;margin-top: 0.2rem;} .abFZ-thumbs-year span p{margin-left: 4px;} .abFZ-thumbs-year.active,.abFZ-thumbs-year:hover{color: #002fa7;} .abFZ-thumbs-year.active i{transform: scale(1);opacity: 1;} .abFZ-thumbs .swiper-slide{background: transparent;} /* 团队详情 */ .teamDet-flex{flex-direction: column;align-items: flex-end;} .teamDet-img{width: 5.3rem;} .teamDet-img .swiper-container{overflow: visible;} .teamDet-img .swiper-wrapper{align-items: flex-end;} .teamDet-img .swiper-slide{width: 1.5rem;transition: all .6s ease;} .teamDet-img .swiper-slide.swiper-slide-active{width: 5.3rem;} .teamDet-img-slide{user-select: none;cursor: pointer;flex-direction: column;justify-content: flex-end;height: 6rem;} .teamDet-img-slide .img{background: #dfe4ea;} .teamDet-img-slide .img img{width: 100%;height: 1.5rem;transition: all .6s ease;} .teamDet-img .swiper-slide.swiper-slide-active .teamDet-img-slide .img img{height: 5.3rem;} .teamDet-img-slide .title{opacity: 0;transition: all .6s ease;color: #002fa7;} .teamDet-img-slide .title::after{content: "";position: absolute;right: 20%;top: 0;width: 0;height: 3px;background: #002fa7;transition: all .4s ease;} .teamDet-img-slide:hover .title{opacity: 1;} .teamDet-img-slide:hover .title::after{right: auto;left: 0;width: 80%;} .teamDet-img .swiper-slide.swiper-slide-active .teamDet-img-slide .title{opacity: 0;transition: none;} .teamDet-desc{position: absolute;left: 0;top: 0.2rem;width: 6.5rem;z-index: 5;} .teamDet-desc .line{width: 32px;height: 2px;background: #002fa7;} .teamDet-desc .text{max-height: 2rem;overflow-y: auto;padding-right: 20px;} .teamDet-desc .name,.teamDet-desc .title,.teamDet-desc .text{transform: translateY(30px);transition: all .6s ease;} .teamDet-desc .swiper-slide-prev .name,.teamDet-desc .swiper-slide-prev .title,.teamDet-desc .swiper-slide-prev .text{transform: translateY(-30px);} .teamDet-desc .swiper-slide-active .name,.teamDet-desc .swiper-slide-active .title,.teamDet-desc .swiper-slide-active .text{transform: translateY(0);} /* 员工发展-主页 */ .teamIntro-page{justify-content: center;} .teamIntro-page li{position: relative;} .teamIntro-page li:nth-child(1){margin-right: -0.3rem;} .teamIntro-page li:nth-child(2){margin-right: -0.3rem;} .teamIntro-page li:nth-child(4){margin-left: -0.3rem;} .teamIntro-page li:nth-child(5){margin-left: -0.3rem;} .teamIntro-page li:nth-child(1) .teamIntro-page-item{background: #0a36a7;} .teamIntro-page li:nth-child(2) .teamIntro-page-item{background:rgba(18, 63, 179, .9);} .teamIntro-page li:nth-child(3) .teamIntro-page-item{background: rgba(30, 76, 195, .9);} .teamIntro-page li:nth-child(4) .teamIntro-page-item{background: rgba(45, 91, 207, .9);} .teamIntro-page li:nth-child(5) .teamIntro-page-item{background:rgba(62, 107, 221, .9);} .teamIntro-page-item{width: 2.6rem;height: 2.6rem;background: #0a36a7;border-radius: 50%;padding-top: 0.5rem;text-align: center;} .teamIntro-page-item .page{color: rgba(255, 255, 255, .2);} .teamIntro-desc{justify-content: center} .teamIntro-desc li{width: 25%;position: relative;padding: 0 0.45rem;} .teamIntro-desc li::after{content: "";position: absolute;left: 0;top: 50%;width: 1px;transform: translateY(-50%);height: 90%;background: #eceef3;} .teamIntro-desc li:first-child::after{display: none;} /* 出场效果 */ .teamCenter-item{justify-content: space-between;align-items: flex-end;height: 100%;overflow: hidden;border-radius: 6px;} .teamCenter-item::after{content: "";height: 100%; position: absolute;left: 0;top: 0;width: 50%;background: #dfe4ea;border-radius: 6px;transition: all .4s ease;} .teamCenter-img{width: 50%;position: relative;z-index: 2;} .teamCenter-img img{width: 100%;height: 1.5rem;} .teamCenter-con{width: 45%;position: relative;z-index: 2;transition: all .6s ease;flex-direction: column;} .teamCenter-con .more{position: absolute;left: 0;top: 100%;width: 100%;transform: translateY(20px);opacity: 0;} .teamCenter-item:hover::after{width: 100%;background: #002fa7;} .teamCenter-item:hover .teamCenter-con{transform: translateY(-0.65rem);} .teamCenter-list li:nth-child(5) .teamCenter-item:hover .teamCenter-con,.teamCenter-list li:nth-child(6) .teamCenter-item:hover .teamCenter-con{transform: translateY(-0.6rem);} .teamCenter-item:hover .teamCenter-con .name,.teamCenter-item:hover .teamCenter-con .title{color: #fff;} .teamCenter-item:hover .teamCenter-con .more{opacity: 1;transform: translateY(0);transition-delay: .2s;} .teamFL{height: 500vh;position: relative;} .teamFL-sticky{ overflow: hidden;background: url('../images/teamFL-line2.png') no-repeat 50% 0/100% auto; position: sticky;top: max(60px,0.9rem);flex-direction: column;height: calc(100vh - max(60px,0.9rem));flex-wrap: nowrap;} .teamFL-list-box{overflow: visible;} .teamFL-list{position: relative;width: 100vw;height: 240vw; will-change: transform;display: flex;flex-wrap: nowrap;} .teamFL-item-box{ width: 24vw;height: 50%;margin-left: -12.5vw;position: absolute;left: 50%;bottom: 50%;transform-origin: 50% 100%;} .teamFL-item{position: relative;user-select: none;cursor: pointer;} .teamFL-item::after{content: "";position: absolute;z-index: 10;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);transition: all .4s ease;} .teamFL-item.active::after{opacity: 0;} .teamFL-bg img{height: 26vw;width: 24vw;max-width: unset;} .teamFL-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.8) 100%);} .teamFL-page{position: absolute;left: 1.3vw;top: 1.3vw; width: 0.32rem;height: 0.32rem;border-radius: 50%;border: 1px solid #fff;font-size: 0.16rem;} .teamFL-desc{will-change: transform; transform: translateY(calc(100% - 0.2rem)); position: absolute;left: 0;bottom: 3.6vw;width: 100%;padding: 0 3.6vw;transition: all .6s ease;z-index: 4;} .teamFL-desc .text{opacity: 0;transform: translateY(20px);transition: all .6s ease;will-change: transform;} .teamFL-desc .title{will-change: transform;} .teamFL-item.active:hover .teamFL-desc{transform: translateY(0);} .teamFL-item.active:hover .teamFL-desc .text{opacity: 1;transform: translateY(0);transition-delay: .1s;} .teamHJ{position: relative;z-index: 10;background: #fff;} .teamHJ-swp{padding: 0 3.7vw} .teamHJ-swp .swiper-slide{width: 14.5vw;transition: all .6s ease;background: transparent;} .teamHJ-swp .swiper-slide.hover{width: 9.1vw;} .teamHJ-swp .swiper-slide.prev{width: 15vw;} .teamHJ-swp .swiper-slide.active{width: calc(100% - 9.1vw * 3 - 15vw * 2 - 1vw * 5);} .teamHJ-swp .swiper-slide.prev2{width: 17vw;} .teamHJ-swp .swiper-slide.active2{width: calc(100% - 9.1vw * 4 - 17vw * 1 - 1vw * 5);} .teamHJ-slide{height: 35vw;align-items: center;} .teamHJ-slide .img{width: 100%;position: relative;overflow: visible;} .teamHJ-slide .img::after{content: "";position: absolute;left: 100%;top: 0;width: 1vw;height: 100%;} .teamHJ-slide .img img{width: 100%;border-radius: 0.15rem;height: 14.5vw;transition: all .6s ease;} .teamHJ-swp .swiper-slide.hover .teamHJ-slide .img img{height: 9.1vw;} .teamHJ-swp .swiper-slide.prev .teamHJ-slide .img img{height: 15vw;} .teamHJ-swp .swiper-slide.active .teamHJ-slide .img img{height: 30vw;} .teamHJ-swp .swiper-slide.prev2 .teamHJ-slide .img img{height: 17vw;} .teamHJ-swp .swiper-slide.active2 .teamHJ-slide .img img{height: 34vw;} .teamHJ-swp .swiper-slide:last-child .teamHJ-slide .img::after{width: 50vw;} .tabbox {float: unset;border: 1px solid rgba(0, 0, 0, .3);border-radius: 50px;display: table;margin: 28px auto 0;position: relative;overflow: hidden;} .tabitem {width: 138px;display: inline-block;padding: 14px 0;text-align: center;color: #818181;position: relative;z-index: 33;font-size: 18px;} .tabbox a:hover{color: #fff !important;} .follow {width: 138px;position: absolute;transition: all ease 0.4s;padding: 18px 0;border-radius: 50px;left: 0;color: #fff;bottom: 0;background-color: #333;text-indent: -999px;} /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px){ /* 1600 × (900) */ } @media all and (max-width:1590px){ /* 1440 × (700) */ .abFZ-bg{right: 0;} .teamFL-desc{padding: 0 2vw;} } @media all and (max-width:1430px){ /* 1360 */ } @media all and (max-width:1350px){ /* 1280 */ } @media all and (max-width:1270px){ /* 1152 × (700) */ .abWH-btm-list li{height: 310px;} .abWH-btm-list li:nth-child(1).active .desc,.abWH-btm-list li:nth-child(2).active .desc{transform: translateY(0.4rem);} .abWH-btm-list li:nth-child(1).active .icon,.abWH-btm-list li:nth-child(2).active .icon{transform: translate(50%,0.4rem);} } /* ------------------------平板端-------------------------- */ @media all and (max-width:1100px){ /* 1024 横屏 */ .comTitle .text{width: 100%;} .pagesBan-bg img{height: 200px;} .ctaData-list .uli.ml28{margin: 0;} .ctaData-list .uli.ml28.uli3 li{margin: 10px 0 0;width: 100%;padding: 35px 15px;} .ctaData-list .uli.ml28.uli3 li:first-child{margin-top: 0;} .ctaData-list .icon{width: 40px;height: 40px;font-size: 16px;margin-right: 15px;} .ctaData-list .title::after{height: 1px;} .ctaMap{height: 300px;} .map-info{width: 240px;} .map-img{width: 80px;} .ctaMedia-menu .icon{width: 30px;height: 30px;border-radius: 8px;padding-left: 1px;} .ctaMedia-item{height: 70px;padding-top: 20px;} .ctaMedia-menu .title{font-size: 8px;} .ctaMedia-drop{width: 70px;} .newsShow-img{display: none;} .newsShow-list{width: 100%;} .newsShow-item{height: 100px;} .newsShow-item .date{margin-top: 10px;} .newsShow-item .date i,.newsItem-con .date i{font-size: 14px;margin-right: 8px;} .newsMenu{height: 40px;padding: 0 14px;} .newsSelect{width: 37%;} .newsInput{width: 100%;margin: 10px 0 0;height: 40px;} .newsInput .btn{width: 50px;font-size: 14px;} .newsInput input{padding: 0 50px 0 14px;} .newsList .uli.ml30{margin: 0;} .newsList .uli.ml30.uli3 li{margin: 20px 0 0;width: 100%;} .newsList .uli.ml30.uli3 li:first-child{margin-top: 0;} .newsItem-img img{height: 185px;} .newsItem-con{padding: 20px 15px 25px;} .newsDet-ban-bg img{min-height: 150px;} .newsDet-flex{flex-direction: column-reverse;} .newsDet-right{width: 100%;} .newsDet-page-item{width: 100%;height: 100px;} .newsDet-page-item:nth-child(2){margin-top: 10px;} .newsDet-left{width: 100%;position: relative;top: auto;margin-top: 40px;} .newsDet-left .comBack-box{justify-content: center;} .abIntro-item{width: 80px;} .abIntro-bg{height: 260px;} .abIntro-bg img, .abIntro-bg video{height: 260px;} .abIntro-item.active {width: calc(100% - 80px*2 - 0.2rem*3);} .abIntro-item .title{font-size: 12px;} .abIntro-show{padding: 0 0 20px;text-align: center;} .abIntro-show .title{line-height: 1.5;} .abIntro-show .title br{display: block;} .abIntro-hide{left: 0;width: 190px;padding: 15px 10px;} .abIntro-hide .text{font-size: 10px;line-height: 1.6;} .abWH-head-item{width: 100%;padding: 35px 15px;} .abWH-head-item:nth-child(2){margin-top: 15px;} .abWH-head-item .desc{width: auto;flex: 1;} .abWH-btm-list{flex-wrap: wrap;} .abWH-btm-list li{background: #f6f8fb !important; height: auto;padding: 35px 15px;width: 100% !important;margin-top: 15px;display: flex;flex-wrap: wrap;flex-direction: row-reverse;} .abWH-btm-list li:first-child{margin-top: 0;} .abWH-btm-list .icon{position: relative;right: auto !important;top: auto !important;transform: none;} .abWH-btm-list .desc{width: auto;flex: 1;transform: none !important;} .abWH-btm{padding: 35px 15px;} .abWH-btm-list .text{opacity: 1;transform: none;color: #444;transition-delay: 0s !important;} .abWH-btm-list .icon{width: 34px;height: 30px;} .abWH-btm-list li.active{box-shadow: unset;} .abWH-btm-list li.active .title{color: #000;} .abWH-btm-list li:hover{background: #002fa7 !important;} .abWH-btm-list li:hover .title{color: #fff;} .abWH-btm-list li:hover .text{color: rgba(255, 255, 255, .8);} .abWH-btm-list li:hover .icon .s{opacity: 0;} .abWH-btm-list li:hover .icon .h{opacity: 1;} .abFZ-gallery{padding: 0;} .abFZ-btn{display: none;} .abFZ-gallery-more{flex-direction: column;justify-content: flex-start;} .abFZ-gallery-img{width: 100%;transform: none !important;} .abFZ-gallery-img img{height: 280px;} .abFZ-gallery-con{width: 100%;transform: none !important;margin-top: 20px;} .abFZ-gallery-text{margin-top: 20px;} .abFZ-gallery-list{margin-left: -30px;} .abFZ-gallery-list li{padding: 0 24px;margin: 30px 0 0 30px;} .abFZ-gallery-list li::after, .abFZ-gallery-list li::before{width: 20px;height: 40px;} .abFZ-thumbs-year i{width: 12px;height: 12px;border-width: 1px;} .abFZ-thumbs-year i::after{width: 4px;height: 4px;} .abFZ-thumbs-line{top: 6px;} .teamIntro-page-item{width: 70px;height: 70px;padding-top: 8px;} .teamIntro-page-item .page{font-size: 8px;} .teamIntro-page-item .text{font-size: 8px;margin-top: 8px;} .teamIntro-page-item .text-en{font-size: 8px;} .teamIntro-page li:nth-child(1){margin-right: -0.2rem;} .teamIntro-page li:nth-child(2){margin-right: -0.2rem;} .teamIntro-page li:nth-child(4){margin-left: -0.2rem;} .teamIntro-page li:nth-child(5){margin-left: -0.2rem;} .teamIntro-desc{margin: 10px auto 0;width: 90%;} .teamIntro-desc li{width: 50%;margin-top: 20px;padding: 0 10px 0 0;} .teamIntro-desc li:nth-child(2n){padding: 0 0 0 15px;} .teamIntro-desc li:nth-child(3)::after{display: none;} .teamIntro-desc .num{font-size: 16px;} .teamIntro-desc .text{font-size: 12px;line-height: 1.5;} .teamCenter-list .uli.ml30{margin: 0;justify-content: space-between;} .teamCenter-list .uli.ml30.uli4 li{margin: 15px 0 0;width: 49%;} .teamCenter-img img{height: auto;} .teamCenter-con .name{font-size: 11px;white-space: nowrap;} .teamCenter-con .title{font-size: 10px;} .teamCenter-con .more{font-size: 9px;} .teamCenter-item:hover .teamCenter-con {transform: translateY(-36px);} .teamCenter-list li:nth-child(5) .teamCenter-item:hover .teamCenter-con, .teamCenter-list li:nth-child(6) .teamCenter-item:hover .teamCenter-con{transform: translateY(-30px);} .teamFL-sticky{top: 100px;} .teamFL-list-box{overflow: hidden;padding-top: 30px;} .teamFL-list{height: 576vw;} .teamFL-item-box{width: 57.6vw;margin-left: -30vw;} .teamFL-bg img{width: 57.6vw;height: 62.4vw;} .teamFL-page{left: 10px;top: 10px;width: 20px;height: 20px;font-size: 10px;} .teamFL-desc{transform: translateY(calc(100% - 20px));} .teamFL-desc .title{font-size: 14px;} .teamFL-desc .text{font-size: 12px;line-height: 1.5;} .teamFL-item.active .teamFL-desc{transform: translateY(0);} .teamFL-item.active .teamFL-desc .text{opacity: 1;transform: translateY(0);transition-delay: .1s;} .teamHJ-slide{height: auto;} .teamHJ-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 4px;} .teamHJ-pagination .swiper-pagination-bullet-active{background: #002fa7;} .teamHJ{overflow: hidden;} .teamHJ-swp{margin-top: 20px;} .teamHJ-swp .swiper-container{overflow: visible;} .teamHJ-slide .img img{height: 250px !important;} .newsLabel .item{font-size: 10px;padding: 5px 10px;} .teamDet-flex{align-items: flex-start;} .teamDet-desc{position: relative;width: 100%;} .teamDet-desc .line{width: 25px;} .teamDet-desc .text{max-height: 200px;} .teamDet-img{width: 5rem;margin-top: 10px;} .teamDet-img-slide{height: 200px;} .teamDet-img-slide .img{opacity: .5;transition: all .6s ease;} .swiper-slide-active .teamDet-img-slide .img{opacity: 1;} .teamDet-img .swiper-slide{width: 110px;} .teamDet-img-slide .img img{height: 110px;object-position: center top;} .teamDet-img-slide .title{opacity: 1 !important; font-size: 13px;padding-top: 0;text-align: center;} .teamDet-img-slide .title::after{width: 80%;left: 0;right: auto;height: 2px;display: none;} .abWH-btm-list .title{padding-left: 0;} .tabitemWarp .contain {overflow: hidden;overflow-x: auto;} .tabbox { float: unset; border: 1px solid rgba(255, 255, 255, .1); border-radius: 50px; margin: 10px auto 0; position: relative; white-space: nowrap; overflow-x: scroll; } .tabitem { width: 100px; font-size: 14px; display: inline-block; padding: 10px 0; text-align: center; position: relative; z-index: 33; } .follow { width: 100px; position: absolute; font-size: 14px; padding: 10px 0; border-radius: 50px; left: 0; color: #fff; bottom: 0; } }