*,::before,::after{box-sizing:border-box;margin:0;padding:0;border:0 solid currentColor} html{font-size:100px;min-height:100vh;width:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation} html,body{overflow-x: hidden;} @font-face { font-family: 'SourceHanSansCN-Light'; src: url(../fonts/SourceHanSansCN-Light.woff2) format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'SourceHanSansCN-Regular'; src: url(../fonts/SourceHanSansCN-Regular.woff2) format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'SourceHanSansCN-Medium'; src: url(../fonts/SourceHanSansCN-Medium.woff2) format('woff2'); font-style: normal; font-weight: normal; } @font-face { font-family: 'SourceHanSansCN-Bold'; src: url(../fonts/SourceHanSansCN-Bold.woff2) format('woff2'); font-style: normal; font-weight: normal; } body{font-size:16px;min-height:100vh;width:100%;background:#fff;color:#333;overflow-y:auto;font-family:'SourceHanSansCN-Regular',Arial,Helvetica,sans-serif;line-height: 1.5;} :root{--color1:#016FB6;} img,picture,video,canvas,svg{display:block;max-width:100%;height:auto;outline: none;-webkit-tap-highlight-color: transparent;} :focus{outline: none;-webkit-focus-ring-color: transparent; } input,button,textarea,select{font:inherit;color:inherit;outline:0;border-radius:0;background-color:rgba(0,0,0,0)} button{cursor:pointer} p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word} h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit} em,i{font-style: normal;} a{text-decoration:none;color:inherit;outline:none;transition: all .3s;} ul,ol{list-style:none} .app{display: none!important;} .pc{display: block!important;} .flex{display:flex;} .clearfix:before, .clearfix:after {content: " ";display: table} .clearfix:after {clear: both}img{display:block;} .poR{position:relative;} .p140{padding-bottom: 1.4rem;} .w1630{width:84%;margin: 0 auto;max-width: 1630px;} .w1480{width:84%;margin: 0 auto;max-width: 1480px;} .w1360{width:84%;margin: 0 auto;max-width: 1360px;} .comWrapper{width:calc(100% - .6rem * 2);margin: 0 auto;max-width: 1800px;} .f78{font-size: 78px;} .f64{font-size: 58px;} .f56{font-size: 56px;} .f48{font-size: 44px;} .f46{font-size: 46px;} .f40{font-size: 40px;} .f38{font-size: 38px;} .f36{font-size: 36px;} .f32{font-size: 32px;} .f30{font-size: 30px;} .f26{font-size: 26px;} .f24{font-size: 24px;} .f22{font-size: 20px;} .f20{font-size: 18px;} .f18{font-size: 17px;} .f14{font-size: 14px;} @media screen and (max-width:1600px){ html{font-size: 84px;} body{font-size: 15px;} .f78{font-size: 68px;} .f64{font-size: 56px;} .f56{font-size: 44px;} .f48{font-size: 40px;} .f46{font-size: 46px;} .f40{font-size: 39px;} .f38{font-size: 34px;} .f36{font-size: 32px;} .f32{font-size: 29px;} .f30{font-size: 26px;} .f26{font-size: 24px;} .f24{font-size: 23px;} .f22{font-size: 20px;} .f20{font-size: 17px;} .f18{font-size: 16px;} .f14{font-size: 14px;} } @media screen and (max-width:1440px){ html{font-size: 80px;} body{font-size: 15px;} .f78{font-size: 56px;} .f64{font-size: 48px;} .f56{font-size: 42px;} .f48{font-size: 38px;} .f46{font-size: 40px;} .f40{font-size: 36px;} .f38{font-size: 30px;} .f36{font-size: 30px;} .f32{font-size: 26px;} .f30{font-size: 23px;} .f26{font-size: 20px;} .f24{font-size: 22px;} .f22{font-size: 17px;} .f20{font-size: 17px;} .f18{font-size: 16px;} .f14{font-size: 13px;} .w1480{width:90%;} } @media screen and (max-width:1250px){ html{font-size: 65px;} body{font-size: 14px;} .f78{font-size: 50px;} .f64{font-size: 30px;} .f56{font-size: 24px;} .f48{font-size: 22px;} .f46{font-size: 22px;} .f40{font-size: 20px;} .f38{font-size: 20px;} .f36{font-size: 20px;} .f32{font-size: 20px;} .f26{font-size: 18px;} .f24{font-size: 17px;} .f22{font-size: 15px;} .f20{font-size: 16px;} .f18{font-size: 13px;} .f14{font-size: 12px;} } @media screen and (max-width:767px){ html{font-size:50px;} body{font-size: 14px;} .f78{font-size: 36px;} .f64{font-size: 24px;} .f56{font-size: 22px;} .f48{font-size: 22px;} .f46{font-size: 20px;} .f40{font-size: 20px;} .f38{font-size: 20px;} .f36{font-size: 20px;} .f32{font-size: 20px;} .f30{font-size: 17px;} .f26{font-size: 15px;} .f24{font-size: 15px;} .f22{font-size: 15px;} .f20{font-size: 15px;} .f18{font-size: 15px;} .f14{font-size: 12px;} } .maskbg{background-color: rgba(0,0,0,.5);position: fixed;z-index: 7;width: 100%;height: 100%;top: 0;left:0;display: none;} .disabled{pointer-events: none;} .imgs{overflow: hidden;} .imgs img{transition: all .5s;display: block;} a:hover .imgs img{transform: scale(1.08);} .btn{display: inline-flex;border-radius: 500px;overflow: hidden;align-items: center;justify-content: space-between;padding: .08rem .08rem .08rem .3rem;color: #222;/* font-family: 'SourceHanSansCN-Medium'; */position: relative;} .btn::before{content:"";position:absolute;top:-2px;left:-2px;z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);background: #fff;border-radius:500px;transform:scaleX(0);transform-origin:right;-webkit-transition:transform .6s;transition:transform .6s} .btn span{display: inline-flex;justify-content: center;align-items: center;width: .48rem;height: .48rem;background-color: var(--color1);border-radius: 50%;overflow: hidden;margin-left: .44rem;} .btn>*{transition: all .6s;} .btn:hover::before,.btn.cur::before,a:hover .btn::before,a.cur.btn::before{transform: scaleX(1);transform-origin: left;} /* 公共头部 */ header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;box-shadow:0 1px 6px -7px rgba(0, 62, 105, .1);height: 1rem;transition: all .5s;} header .comWrapper,header .nav,.headR{display: flex;align-items: center;justify-content: space-between;height: 100%;} header .logo img{width: .68rem;} header .logo img.img1{display: block;} header .logo img.img2{display: none;} .top_fold_wrap{display: flex;align-items: center;height: 100%;cursor: pointer;} .menu-handler{display: none;} .headR .nav,.scorllBar,.top_fold{height: 100%;} .headR .nav li{height: 100%;display: inline-flex;align-items: center;cursor: pointer;margin-right: .5rem;position: relative;} .headR .nav .navApp{height: 100%;display: inline-flex;align-items: center;} .headR .nav li a.f20{color: #fff; } .top_fold{position: relative;} .top_fold *{transition: all .4s;} .top_fold_inner{position:absolute;top:1.25rem;left:50%;min-width:1.6rem;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all 0.3s ease-in-out;background-color: #fff;padding: .12rem 0 .08rem;text-align: center;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius: .2rem;} .top_fold_inner:before{content:'';position:absolute;top:-6px;left:50%;width:0;height:0px;margin-left:-6px;border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;transform:rotate(-45deg);box-shadow:2px -2px 2px rgba(100,100,100,.1);} .top_fold_inner a{display: block;padding: .1rem .2rem;white-space: nowrap;font-family: 'SourceHanSansCN-regular';} .top_fold_inner a br{display:none;} .top_fold_inner a:hover{color: var(--color1);} @media screen and (min-width:767px){ @media (hover: hover) { .top_fold_wrap:hover .top_fold_inner,.headR .nav li:hover .top_fold_inner{transform: translateX(-50%);opacity: 1;visibility: visible;top: .8rem;} .headR .nav li:hover .top_fold_inner{top: 1rem;} .headR .nav li:hover a.f18{color: var(--color1);} } } .lang_Btn{border-radius: 500px;background-color: #fff;overflow: hidden;height: .44rem;padding: 0 .25rem;color: #444;font-family: 'SourceHanSansCN-Medium';border: 1px solid #fff;display: flex;align-items: center;} .lang_Btn p{display: inline-flex;margin: 0 .1rem;} .lang_Btn svg{transition: all .4s;} .lang:hover p,header.cur .lang p{color: var(--color1);} .lang:hover svg.arrowD{transform: rotate(180deg);} .lang:hover svg.langIcon path,header.cur svg.langIcon path{stroke: var(--color1);fill: var(--color1);} .search_big{margin-right: .4rem;margin-left: 1.36rem;} .search{display: flex;align-items: center;position: relative;z-index: 9999;} .searchMain{background-color: #fff;display: flex;position: fixed;top: 1rem;width: 100%;left: 0;box-shadow:inset 0 0 0 0 rgba(0,0,0,0),0 1px 1px -1px rgba(0,0,0,0.4),1px 0 1px -1px rgba(0,0,0,0.4),-1px 0 1px -1px rgba(0,0,0,0.4);padding: 1rem 0;cursor: auto;display: none;} .searchBox{display: flex;align-items: center;} .search .searchMain .w1600{height: 100%;display: flex;align-items: center;justify-content: center;} .searchBox{width: 50%;align-items: center;display: flex;border-bottom: 1px solid #5a5a5a;overflow: hidden;background-color: #fff;justify-content: space-between;} .searchBox input[type=text]{width: calc(100% - 50px);padding: .2rem .1rem;height: .5rem;background-color: #fff;} .searchBox input::placeholder{color: #666;} .top_fold_wrap:hover .search path{stroke:none;} header.cur{background-color: #fff;color: #222;box-shadow: 0 0 10px rgba(0,0,0,.1);} header.cur .logo img.img1{display: none;} header.cur .logo img.img2{display: block;} header.cur .nav a.f20{color: #222;} header.cur .nav li:hover a.f20{color:var(--color1)} header.cur .nav li:hover::before{transform: scaleX(1);transform-origin: left;} header.cur .search svg path{fill: var(--color1);} header.cur .lang{background-color: transparent;border-color: var(--color1);} header.cur .arrowD path{stroke: var(--color1);} footer{background-color: #000;color: #fff;padding: 1.35rem 0 .5rem;} footer .w1630.flex{display: flex;justify-content: space-between;} .footTop{padding-bottom: 1.3rem;} .footTop_l{width: 40%;} .footTop_r{display: flex;justify-content: space-between;width: 60%;} .footTop h6.f48{font-family: 'SourceHanSansCN-Medium';} .footShare{margin-top: .55rem;} .footShare p{display: flex;align-items: center;} .footShare p+p{margin-top: .25rem;} .footTop_r dd{display: flex;flex-direction: column;} .footTop_r a{display: inline-flex;align-items: center;font-family: 'SourceHanSansCN-Medium';} .footTop_r a img{width: .18rem;} .footTop_r a+a{margin-top: .3rem;} .footTop_r a p{margin-right: .08rem;position: relative;padding-bottom: 6px;} .footTop_r a p::before,.footTop_r a p::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background: var(--color1);border-radius:500px;transform:scaleX(1);transform-origin:left;transition:transform .6s;} .footTop_r a p::after{transform: scaleX(0);transform-origin: right;transition-delay: .1s;} .footTop_r a:hover p::before{transform: scaleX(0);transform-origin: right;} .footTop_r a:hover p::after{transform: scaleX(1);transform-origin: left;} .footLang{border: 2px solid #808080;border-radius: .2rem;height: .64rem;width: 2.4rem;} .footLang p{font-family: 'Inter', sans-serif, Arial;font-weight: 600;} .footLang_btn{display: flex;align-items: center;padding: 0 .36rem;width: 100%;justify-content: space-between;height: 100%;cursor: pointer;} .footLang_btn svg{transition: all .4s;} .footLang_btn:hover svg{transform: rotate(180deg);} .footLang_content{position: absolute;top: .9rem;left: 0;width: 100%;border-radius: .2rem;background-color: #fff;opacity: 0;visibility: hidden;transition: all .4s;} .footLang_content:before{content:'';position:absolute;top:-6px;left:50%;width:0;height:0px;margin-left:-6px;border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;transform:rotate(-45deg);box-shadow:2px -2px 2px rgba(100,100,100,.1);} .footLang_content a{color: #222;padding: .2rem .36rem;} .footLang_content a:hover{color: var(--color1);} .footLang:hover .footLang_content{opacity: 1;visibility: visible;top: .8rem;} .footBottom .w1630.flex{align-items: center;border-top: 1px solid #4D4D4D;padding-top: .4rem;} .footBottom a img{width: .55rem;} .footBottom p{font-weight: 500;font-family: 'Inter', sans-serif, Arial;} .bannerHome .img img,.bannerHome .img video{display: block;width: 100%;object-fit: cover;height: 10.6rem;} .bannerHome .txt{color: #fff;position: absolute;z-index: 1;width: 100%;top: 0;left: 50%;transform: translate(-50%,0);height: 100%;} .bannerTop_info{padding-top: 1.6rem;display: flex;flex-direction: column;width: 100%;align-items: center;text-align: center;} .bannerTop_info h2{font-family: 'SourceHanSansCN-Medium';line-height: 1.2;} .bannerTop_info>a{margin-top: .7rem;} .bannerTop_info a.btn:hover{color: #fff;} .bannerTop_info a.btn:hover::before{background: var(--color1);} .bannerTop_info a.btn:hover span{background-color: #fff;} .bannerTop_info a.btn:hover span path{fill: var(--color1);stroke: var(--color1);} .bannerList{margin-top: 1rem;} .bannerList .bannerScroll{display: flex;} .bannerList a{position: relative;overflow: hidden;width: calc((100% - .4rem * 2) / 3);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background-color: rgba(0, 0, 0, 0.2);border-radius: .3rem;padding: .4rem .5rem;height: 3.8rem;color: #fff;} .bannerList a+a{margin-left: .4rem;} .bannerList a .bannerIcon img{width: .92rem;transition: all .4s;} .bannerList a h6{margin: .3rem 0 .25rem;font-family: 'SourceHanSansCN-Medium';} .bannerList a p{line-height: 1.6;font-family: 'SourceHanSansCN-Light';} .bannerList a span{margin-top: .2rem;display: flex;} .bannerList a span i{font-style: normal;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-line: underline;text-decoration-color:#fff;font-family: 'SourceHanSansCN-Medium';} .bannerList a:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);} .bannerList a:hover .bannerIcon img{transform: scale(1.08);} .circle{position: absolute;right: -.66rem;top: -.88rem;width: 2.5rem;height: 2.5rem;animation: spin 12s linear infinite;transform-origin: center;} @keyframes spin { 100% { transform: rotate(360deg); } } .homeTit{font-family: 'SourceHanSansCN-Medium';line-height: 1;color: #111;} .homeEnter>img{height: 9.6rem;object-fit: cover;width: 100%;height: 10.24rem;} .homeEnter_con{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;left: 0;} .homeEnter_top{padding-top: 1.52rem;align-items: flex-start;} .videoImg1{width: 6.68rem;} .videoImg2{width: .02rem;margin: 0 1rem 0 .8rem;} .videoImg3{width: 16.24rem;} /* .homeEnter_video{border-radius: .3rem;overflow: hidden;width: 7.37rem;height: 4.3rem;} .homeEnter_video a{position: relative;} .homeEnter_video .videoBtn{display: inline-flex;position: absolute;bottom: .45rem;left: .35rem;z-index: 1;overflow: hidden;border-radius: 50%;z-index: 1;} .homeEnter_video a svg{width: .64rem;} .homeEnter_video a:hover{transform: translateY(-4px);box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);} */ .homeEnter_video{border-radius: .3rem;overflow: hidden;width: 7.37rem;height: 4.3rem;} .homeEnter_video>img{object-fit: cover;border-radius: .3rem;width: 100%;height: 100%;} .homeEnter_video a{display: inline-flex;position: absolute;bottom: .45rem;left: .35rem;z-index: 1;overflow: hidden;border-radius: 50%;} .homeEnter_video a .videoBtn{width: .64rem;} .homeEnter_video a:hover{transform: translateY(-4px);box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);} #videoBtn.cur{display: none;} .homeEnter_center{margin-top: .7rem;} .homeEnter .homeEnter_btn{position: relative;margin: 0;padding: 0;position: absolute;bottom: 1.1rem;left: 50%;transform: translateX(-50%);} .homeEnter .homeEnter_btn a{margin-top: 0;} .swiperBtn{display: inline-flex;justify-content: center;align-items: center;cursor: pointer;position: relative;width: 1rem;height: 1rem;outline: none;} .swiper-button-disabled.swiperBtn{opacity: .5;} .swiperBtn>svg{transition: all .4s;width: .24rem;} .swiperBtn:hover svg.swiperSvg path{fill: var(--color1);} .circleSvg {position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-45deg);/* 调整起始点位置 */overflow: visible;} .circlePath {fill: none;stroke-width: 2;stroke-dasharray: 471; /* 圆周长 = 2πr = 2π×75 ≈ 471 */stroke-dashoffset: 0;transition: all 0.4s ease;} .circleSvg .circlePath{stroke: #C0CAD1;} .circleSvg_hover .circlePath{stroke: none;} .swiperBtn:hover .circleSvg_hover .circlePath {stroke-width: 6;stroke: #016FB6;stroke-dashoffset: 471; /* 完全隐藏路径 */animation: draw-circle 1s forwards;} @keyframes draw-circle { from { stroke-dashoffset: 471; } to { stroke-dashoffset: 0; } } .homeNews{padding: 1.4rem 0 1.6rem;background: url(../images/news-bg.jpg) no-repeat;background-size: cover;} .homeNews_tit{display: flex;align-items: center;justify-content: space-between;} .homeNews_btn{padding: 2px;} .homeNews_btn .swiperBtn{width: .6rem;height: .6rem;} .homeNews_btn .swiperBtn+.swiperBtn{margin-left: .3rem;} .homeNews_btn .circleSvg_hover{left: .001rem;top: .01rem;width: calc(100% + .001rem);height: calc(100% - .02rem);} .homeNews_bg::before{background: linear-gradient(90deg,rgba(255, 255, 255,0) 0%,rgba(255, 255, 255,1) 100%);z-index: 2;content: '';position: absolute;width: 1.5rem;height: 100%;right: 0;top: 0;} .homeNews_swiper{margin-top: 1.1rem;} .homeNews_swiper a{display: block;background-color: #E9F3FA;border-radius: .3rem;color: #222;height: 3.46rem;overflow: hidden;} .homeNews_swiper a .img{height: 100%;} .homeNews_swiper a .img img{width: 100%;object-fit: cover;height: 100%;opacity: 0;transition: all .5s;} .homeNews_swiper a .txt{padding: .4rem .4rem;position: relative;z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .homeNews_swiper a .txt h6{font-family: 'SourceHanSansCN-Medium';transition: all .5s;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;} .homeNews_swiper a .txt>p{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin: .2rem 0 .4rem;transition: all .5s;color: #444;font-family: 'SourceHanSansCN-Regular';} .homeNews_swiper a .txt .btn,.newSwiper a .btn{padding: .05rem .05rem .05rem .22rem;border: 1px solid var(--color1);background-color: transparent;color: var(--color1);font-family: 'SourceHanSansCN-Regular';} .homeNews_swiper a .txt .btn span,.newSwiper a .btn span{margin-left: .2rem;background-color: #fff;width: .38rem;height: .38rem;} .homeNews_swiper a .txt .btn path,.newSwiper a .btn path{fill: var(--color1);stroke: var(--color1);} .homeNews_swiper a:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);transform: translateY(-4px);} .homeNews_swiper a:hover .txt h6,.homeNews_swiper a:hover .txt>p{opacity: 0;} .homeNews_swiper a:hover .img img{opacity: 1;} .homeNews_swiper a:hover .txt .btn,.newSwiper a:hover .btn{color: #222;} .homeNews_swiper a:hover .txt .btn span,.newSwiper a:hover .btn span{background-color: var(--color1);} .homeNews_swiper a:hover .txt .btn span path,.newSwiper a:hover .btn span path{fill:#fff;stroke: #fff;} .homePartner{background-color: #fff;padding: 1.4rem 0 1.4rem;} .homePartner .homeTit{color: #222;text-align: center;} .homePartner_swiper{margin-top: 1.3rem;} .swiperBtns{display: inline-flex;justify-content: center;position: relative;left: 50%;transform: translateX(-50%);align-items: center;margin-top: .5rem;} .homePartner_swiper .swiper-pagination{position: relative;bottom: auto!important;left: auto!important;top: auto!important;} .homePartner_swiper .swiper-pagination-bullet{width: .14rem;height: .14rem;margin: 0 .08rem!important;background-color: #CBDAE4;opacity: 1;} .homePartner_swiper .swiper-pagination-bullet-active{background-color: var(--color1)!important;} .homePartner_swiper .swiper-slide{border-radius: .2rem;overflow: hidden;} .homePartner_swiper .swiper-slide img{overflow: hidden;width: 100%;border-radius: .12rem;transition: all .4s;} .homePartner_swiper .swiper-slide:hover img{transform: scale(1.1);} .bannerInner .img img{display: block;object-fit: cover;width: 100%;height: 6.8rem;} .bannerInner .txt{color: #fff;position: absolute;text-align: center;top: calc(50% );left: 50%;transform: translate(-50%,-50%);z-index: 1;width: 100%;max-width: 90%;display: flex;flex-direction: column;align-items: center;text-align: center;} .bannerInner .txt>h5{margin-top: .05rem;font-family: 'SourceHanSansCN-Medium';line-height: 1.4;} .bannerInner .txt>h5 br,.top_fold_inner a br{display:none!important} .bannerInner .txt>span{display: block;font-family: 'SourceHanSansCN-Regular';text-transform: uppercase;} .bannerInner a{margin-top: .4rem;} .bannerInner a img{width: .68rem;} .menuNav{display: flex;align-items: center;color: #666;padding: .7rem 0 .65rem;} .menuNav a{color: #666;padding: 0 .1rem;} .menuNav a:hover{color: var(--color1);text-decoration: underline;} /* 新闻列表 */ .newsTop{align-items: flex-start;margin-bottom: .65rem;padding-bottom: .7rem;padding-bottom: .7rem;} .newsTop_main{box-shadow: 0 8px 44px rgba(0,0,0,.15);border-radius: .3rem;} .newSwiper{position: relative;} .newSwiper .newSwiper_a{height: 5.38rem;display: flex;justify-content: space-between;overflow: hidden;} .newSwiper a .imgs{border-radius: .3rem;height: 5.38rem;width: 50%;} .newSwiper a .imgs img{height: 100%;object-fit: cover;width: 100%;} .newSwiper a .txt{height: 100%;padding: .8rem .7rem 0;width: 50%;} .newSwiper .txt strong{display: inline-flex;background-color: var(--color1);color: #fff;height: .44rem;align-items: center;justify-content: center;border-top-right-radius: 500px;border-bottom-right-radius: 500px;border-top-left-radius: 500px;padding: 0 .25rem;font-family: 'SourceHanSansCN-Light';font-weight: normal;} .newSwiper .txt h6{color: #222;margin: .35rem 0 .15rem;font-family: 'SourceHanSansCN-Medium';transition: all .4s;} .newSwiper .txt .date{display: block;color: #444;font-family: 'SourceHanSansCN-Medium';} .newSwiper .txt>p{line-height: 1.7;color: #444;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-top: .36rem;} .newSwiper .txt .btn{margin-top: .4rem;} .newSwiper .txt .btn svg path{stroke: #fff;fill: #fff;} .newSwiper .txt .btn span{background-color: var(--color1);} .newSwiper a:hover h6{color: var(--color1);} .newSwiper a:hover .btn{color: #fff;} .newSwiper a:hover .btn::before{background-color: var(--color1);} .newSwiper a:hover .btn svg path{stroke: var(--color1);fill: var(--color1);} .newSwiper a:hover .btn span{background-color:#fff;} .newsTop .swiper-pagination{bottom: 0!important;} .newsTop .swiper-pagination-bullet{height: .06rem;border-radius: 500px;width: .4rem;transition: all .4s;background-color: var(--color1);opacity: .3;outline: none;} .newsTop .swiper-pagination-bullet-active{width: 1.2rem;opacity: 1;} .newSearch{display: flex;align-items: center;justify-content: space-between;} .select_box{display: flex;align-items: center;} .select_box select+select{margin-left: .3rem;} .select_box select{border: 1px solid #5a5a5a;height: .52rem;border-radius: 500px;padding: 0 .25rem;min-width: 2.3rem;-webkit-appearance: none;appearance: none;background-image: url(../images/arrowD.svg);background-repeat: no-repeat;background-position: right .22rem center;background-size: .14rem .14rem; color: #666;} .newSearch_box{display: flex;align-items: center;border-radius: 500px;border: 1px solid #5a5a5a;padding: 0 .24rem;width: 4.2rem;height:.52rem;} .newSearch_box input{height: 100%;width: 100%;color: #444;} .newSearch_box a svg{width: .24rem;} .newsList{flex-wrap: wrap;margin-top: .6rem;} .newsList dl{width: calc((100% - .3rem * 2) / 3);margin-right: .3rem;margin-bottom: .8rem;} .newsList dl:nth-of-type(3n){margin-right: 0;} .newsList dl a,.newsList dl a .imgs img{display: block;} .newsList dl a{color: #222;display: block;overflow: hidden;border-top-right-radius: .3rem;border-top-left-radius: .3rem;border-bottom: 1px solid #c9d4ce;} .newsList dl a .imgs{overflow: hidden;position: relative;border-radius: .3rem;} .newsList dl a .imgs img{width: 100%;} .newsList dl a .imgs span{position: absolute;bottom: 0;left: 0;z-index: 1;background-color: var(--color1);color: #fff;display: inline-flex;padding: .1rem .3rem;border-top-right-radius: 500px;border-bottom-left-radius: 320px;} .newsList dd{padding: .3rem 0 .3rem 0;} .newsList dd p{line-height: 1.8;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: .3rem;min-height: .7rem;font-family: 'SourceHanSansCN-Medium';} .newsList dl a .newBtn{border-radius: 50%;width: .38rem;height: .38rem;border: 1px solid #7d8588;display: inline-flex;justify-content: center;align-items: center;transition: all .4s;} .newsList dl a .newBtn svg{width: .18rem;} .newsList dl a:hover{border-color: var(--color1);transform: translateY(-4px);} .newsList dl a:hover p{color: var(--color1);} .newsList dl a:hover .newBtn{background: var(--color1);color: #fff;border-color: var(--color1);} .newsList dl a:hover .newBtn path{stroke: #fff;fill: #fff;} .pages{display: flex;justify-content: center;align-items: center;margin-bottom: 1.2rem;} .pages a{display: inline-flex;min-width: .5rem;min-height: .5rem;color: #666;justify-content: center;align-items: center;border-radius: 50%;margin: 0 .05rem;} .pages a:hover,.pages a.cur{background-color: var(--color1);color: #fff;} .pages a:hover svg path{stroke:#fff} /* 机构简介 */ .aboutBox1_bg{background: url(../images/aboutBox1_bg.jpg) no-repeat;background-size: cover;} .aboutBox1{padding: 1.75rem 0 1.5rem;justify-content: space-between;} .aboutBox1 .fl h6{display: inline-flex;padding-bottom: .35rem;color: #111;} .aboutBox1 .fl h6::before{font-family: 'SourceHanSansCN-Medium';width: 1.48rem;content: '';position: absolute;left: 0;bottom: 0;height: .04rem;background: url(../images/aboutBox1_bar.svg) no-repeat;background-size: cover;} .aboutBox1 .fr{width: calc(800 / 1480 * 100%);} .aboutBox1 .fr p{line-height: 1.8;} .aboutBox1 .fr p+p{margin-top: .35rem;} .aboutBox2{color: #fff;text-align: center;background: url(../images/aboutBox2-bg.jpg) no-repeat;background-size: cover;padding: 1.35rem 0 1rem; } .aboutBox2 dl{text-align: center;margin-bottom: .7rem;} .aboutBox2 dt{font-family: 'SourceHanSansCN-Bold';margin-bottom: .3rem;} .aboutBox2_main{flex-wrap: wrap;justify-content: center;} .aboutBox2_item{margin-right: .4rem;width: calc((100% - .4rem * 2) / 3);margin-bottom: .4rem;border-radius: .3rem;backdrop-filter: blur(20px);background-color: rgba(0, 0, 0, 0.2);padding: .4rem .45rem .35rem .45rem;display: flex;flex-direction: column;align-items: flex-start;text-align: left; } .aboutBox2_item:nth-of-type(3){margin-right: 0;} .aboutBox2_item h6{margin-bottom: .2rem;} .aboutBox2_item p{line-height:1.8;font-family: 'SourceHanSansCN-Light';} .aboutBox3 {padding: 1.6rem 0 1.65rem;color: #fff;} .aboutBox3_main .img{width: 9.6rem;} .aboutBox3 .txt{width: 8.35rem;overflow: hidden;border-radius: .3rem;background: url(../images/aboutBox3-bg.png) no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;height: 4.4rem;right: 0;} .aboutBox3 .txt>div{width: 90%;} .aboutBox3 .txt p{margin-bottom: .6rem;line-height: 1.8;} .aboutBox3 .txt h5{font-family: 'SourceHanSansCN-Bold';} .aboutBox3 .txt h6{font-family: 'SourceHanSansCN-Medium';margin-top: .15rem;} /* 可持续金融 */ .finance{padding-bottom: .7rem;} .finance_p{display: flex;height: 1rem;align-items: center;margin-top: .6rem;color: #222;justify-content: center;height: .7rem;} .finance .finance_p{margin-bottom: 1rem;} .finance_p img{width: .34rem;} .finance_p p{font-family: 'SourceHanSansCN-Medium';} .dotTop{align-self: flex-start;margin-right: .6rem;} .dotBottom{align-self: flex-end;margin-left: .4rem;position: relative;bottom: -.1rem;} .finance_main{padding: .8rem 0;flex-wrap: wrap;border-radius: .2rem;} .menuNav+.finance_main{padding-top: .15rem;} .finance_main:nth-of-type(2n - 1){background-color: #E9F3FA;} .finance_main dl{align-items: center;width: calc(610 / 1480 * 100%);} .finance_main dt{width: calc(180 / 610 * 100%);} .finance_main dd{width: calc(440 / 610 * 100%);font-family: 'SourceHanSansCN-Medium';} .finance_main dt img{width: .7rem;display: block;margin: 0 auto;} .finance_main dd{color: #111;width: 3.3rem;} .finance_main .fr{line-height: 1.8;width: calc(860 / 1480 * 100%);color: #222;padding-right: .5rem;} .finance_main .fr p+p{margin-top: .3rem;} /* 新闻详情 */ .newsDetail{padding-top: 1.85rem;margin-bottom: .5rem;background: url(../images/news-detail-bg.png) no-repeat top left;} .newsDetail_title{border-bottom: 1px solid #c9d4ce;margin-bottom: .4rem;padding-bottom: .45rem;} .newsDetail_title dt{line-height: 1.4;font-family: 'SourceHanSansCN-Medium';color: #111;} .newsDetail_title dd{display: flex;margin-top: .25rem;} .newsDetail_title dd p{display: flex;color: #666;align-items:center} .newsDetail_title dd img{display: inline-flex;margin-right: .12rem;width: .18rem;} .newsDetail_title dd p+p{margin-left: .6rem;} .newsDetail_content{color: #444;} .newsDetail_content em,.newsDetail_content i{font-style: italic;} .newsDetail_content p{line-height: 1.8;} .newsDetail_content p+p{margin-top: .15rem;} .newsDetail_content img{display: inline-block;} .newsDetail_page{align-items: center;justify-content: space-between;margin-top: 1.1rem;} .newsDetail_page a{width: calc((100% - .8rem) / 2);display: flex;align-items: center;height: 2rem;color: #222;justify-content: center;align-items: center;background-color: #f5faff;border-radius: .3rem;font-family: 'SourceHanSansCN-Bold';} .newsDetail_page a>div{display: flex;align-items: center;} .newsDetail_page a svg{width: .45rem;} .newsDetail_page a svg+dl,.newsDetail_page a dl+svg{margin-left: .5rem;} .newsDetail_page a dt{margin-bottom: .1rem;} .newsDetail_page a dd{line-height: 1.4;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;width: 3.8rem;} .newsDetail_page a:hover{background-color: var(--color1);} .newsDetail_page a:hover>*{color: #fff;} .newsDetail_page a:hover path{stroke: #fff;fill: #fff;} .newsRec{border-top: .04rem solid #111;margin-top: .9rem;padding-top: .7rem;} .newsRec h6{font-family: 'SourceHanSansCN-Medium';color: #111;margin-bottom: .6rem;} .newsRec .flex{flex-wrap: wrap;} .newsRec .flex a{border: none;margin-bottom: 0;} /* 活动 */ .bannerActivity{margin-top: 1rem;} .bannerActivity.bannerInner .img img{height: initial!important;} .bannerActivity .bannerTop_info{padding-top: 0;margin-top: 4.8rem;} .textCenter{text-align: center;} .activityTit{color: #111;font-family: 'SourceHanSansCN-Medium';} .activityBox1{padding-top: .7rem;} .activityBox1{display: flex;align-items: center;justify-content: space-between;line-height: 1.8;} .activityBox1>div{width: 90%;padding-top: .5rem;padding-bottom: .2rem;margin: 0 auto;} .activityBox1 p+p{margin-top: .25rem;} .activityBox2{padding-top: .6rem;} .activityBox2_main{margin-top: .7rem;box-shadow: 0 0 30px rgba(0,0,0,.1);border-radius: .3rem;line-height: 1.8;padding:.5rem .85rem;display: flex;justify-content: center;align-items: center;} .activityBox2_main p+p{margin-top: .25rem;} .activityBox3{padding-top: 1.1rem;} .activityBox3 .activityTit p{line-height: 1.8;font-family: 'SourceHanSansCN-Regular';color: #222;text-align: left;max-width: 13.2rem;margin: .6rem auto 0;} .activityBox3_main{margin-top: .85rem;} .activityBox3_main .txt{position: absolute;width: 100%;z-index: 1;color: #fff;padding: 0 .4rem;bottom: .8rem;} .activityBox3_main dl{background-color: rgba(0,0,0,.5);width: calc((100% - .1rem * 3) / 4);margin-right: .1rem;padding: .3rem .2rem .2rem;} .activityBox3_main dl:last-of-type{margin-right: 0;} .activityBox3_main dt{font-family: 'SourceHanSansCN-Bold';margin-bottom: .3rem;text-align: center;letter-spacing: -1px;} .activityBox3_main dd{font-family: 'SourceHanSansCN-Light';line-height: 1.2;} .activityBox3_main dd p+p{margin-top: .15rem;} .activityBox4{padding-top: 1.2rem;padding-bottom: 1rem;} .activityBox4_main{display: flex;align-items: flex-start;justify-content: space-between;} .activityBox4_main .fl{width: calc(400 / 1480 * 100%);margin-top: .1rem;} .activityBox4_main .fr{width: calc(((1480 - 400) / 1480) * 100%);} .activityBox4_list{position: relative;} .activityBox4_list::before{position: absolute;border-left: 1px dashed #C9D4CF;top: 0;left: 13px;content: '';height: 100%;width: 1px;} .activityBox4_list li{color: #222;margin-bottom: .3rem;display: flex;align-items: flex-start;} .activityBox4_list li .activityBox4_txt{border-radius: .2rem;background-color: #E9F3FA;margin-left: .45rem;padding: .4rem .9rem;width: calc(100% - 28px - .45rem);} .activityBox4_list li span{display: inline-flex;position: relative;background-color: #DFECFD;width:28px;height: 28px;margin-top: .36rem;border-radius: 50%;} .activityBox4_list li span::before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;border-radius: 50%;background-color: #fff;content: '';width: 12px;height: 12px;} .activityBox4_list li:hover .activityBox4_txt{color: var(--color1);box-shadow: 0 8px 44px rgba(0, 0, 0, 0.15);background: url(../images/activityBox4_list_li.png) no-repeat right bottom;background-size: cover;} .activityBox5{padding-top: 0;padding-bottom: 1rem;} .activityBox5_main{flex-wrap: wrap;margin-top: .8rem;} .activityBox5_item{margin-right: .3rem;width: calc((100% - .3rem * 2) / 3);margin-bottom: .3rem;border-radius: .3rem;background-color: #E9F3FA;display: flex;align-items: flex-start;justify-content: space-between;padding: .35rem .15rem .35rem .35rem;/* height: 2.6rem; */} .activityBox5_item:nth-of-type(3n){margin-right: 0;} .activityBox5_item h6{color: #000;margin: .15rem 0 .18rem;font-family: 'SourceHanSansCN-Medium';} .activityBox5_item p,.activityBox6_item .txt p{color: #444;line-height: 1.8;} .activityBox5_item .img{width: .89rem;} .activityBox5_item .img img{width: 100%;} .activityBox5_item .txt{margin-left: .28rem;width: calc(100% - .9rem);} .activityBox6{padding-top: 0;padding-bottom: 1rem;margin-bottom: 1.2rem;} .activityBox6_main{flex-wrap: wrap;margin-top: .8rem;} .activityBox6_item{margin-right: .3rem;width: calc((100% - .3rem * 3) / 4);margin-bottom: .3rem;border-radius: .3rem;background-color: #E9F3FA;padding: .5rem .5rem .3rem;/* height: 3.4rem; */} .activityBox6_item:nth-of-type(4n){margin-right: 0;} .activityBox6_item .img{width: .93rem;margin: 0 auto;} .activityBox6_item .img img{width: 100%;} .activityBox6_item .txt p{margin-top: .25rem;} .activityBox7{margin-top: 5rem;} .activityBox7_blue,.activityBox7_blue2{background-color: var(--color1);} .activityBox7_blue{height: 2rem;} .activityBox7_blue a{display: block;box-shadow: 0 0 30px rgba(0,0,0,.1);position: absolute;top: -3.2rem;left: 0;z-index: 1;width: 100%;} .activityBox7_item{align-items: center;color: #fff;justify-content: center;padding: 1.1rem 0 1.55rem;} .activityBox7_item dl{border-left: 4px solid #fff;padding-left: .4rem;line-height: 1.8;width: calc(420 / 1480 * 100%);font-family: 'SourceHanSansCN-Light';} .activityBox7_item .activityTit{color: #fff;margin-right: 2rem;} .activityBox7_item dt{font-weight: 900;margin-bottom: .1rem;} .fancybox__content{padding: 0;border-radius: .3rem;background-color: transparent!important;} .fancybox__content>.f-button.is-close-btn{border-radius: 50%;border: 2px solid #fff;color: #fff;top: -48px;opacity: 1;right: -10px;} .fancybox__content>.f-button.is-close-btn:focus-visible,.fancybox__content:focus-visible{box-shadow: none;} .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top: 70px;} /* 碳计算器 */ .calculator_main{align-items: flex-start;justify-content: space-between;padding-bottom: 1rem;} .calculator_tit{border-bottom: .04rem solid #111;padding-bottom: .5rem;font-family: 'SourceHanSansCN-Regular';} .calculator_tit{color: var(--color1);} .calculator_main .fl{width: calc(870 / 1480 * 100%);padding-top: .5rem;} .calculator_item{border-bottom: 1px solid #c9d4ce;padding: .6rem 0;flex-direction: column;} .calculator_item h6{width: 100%;margin-bottom: .3rem;} .calculator_item:last-of-type{border: none;} .calculator_item h6{width: 100%;font-family: 'SourceHanSansCN-Medium';color: #111;margin-top: .3rem;} .calculator_item ul{flex-wrap: wrap;width: calc(100% - .7rem);} .calculator_item ul li{width: 20%;color: #222;text-align: center;margin: .3rem 0 0;cursor: pointer;} .calculator_item ul li:nth-child(-n+5){margin-top: 0;} .calculator_item ul li .img{border: 1px solid #d0e4ed;border-radius: 50%;width: .94rem;height: .94rem;background-color: #f3faff;margin-bottom: .15rem;display: inline-flex;justify-content: center;align-items: center;overflow: hidden;} .calculator_item ul li .img img{width: .54rem;} .calculator_item ul li.cur .img{border-color: var(--color1);background-color: var(--color1);} .calculator_item ul li.cur .img img{ filter: brightness(150%) invert(1);;} .calculator_item ul li.cur {color: var(--color1);} .calculator_main .fr{width: calc(580 / 1480 * 100%);background-color: #f3f8fc;border-radius: .3rem;padding:.5rem .2rem .7rem .3rem;} .calculator_main .fr .calculator_tit{align-items: center;justify-content: space-between} .calculator_tit_des{text-align: right;color: #666;margin-top: .22rem;} .calculator_fr_item{padding: .4rem 0;flex-wrap: wrap;display: flex;align-items: flex-start;justify-content: space-between;font-family: 'SourceHanSansCN-Regular';font-size: 15px;} .calculator_fr_item{border-bottom: 1px solid #c9d4ce;} /* .calculator_fr_item+.calculator_fr_item.cur{border-top: 1px solid #c9d4ce;} .calculator_fr_item.cur+.calculator_fr_item.cur{border-top: 1px solid #c9d4ce;} */ .calculator_fr_item.borderNo{border: none;} .calculator_fr_item:last-child{border-bottom: none;} .calculator_fr_item h6{font-family: 'SourceHanSansCN-Medium';color: #111;width: 100%;margin-bottom: 20px;} .calculator_fr_item_box{width: calc(100% - .7rem);} /* .calculator_fr_c{margin-top: .2rem;} */ .calculator_fr_c+.calculator_fr_c{margin: .15rem 0 .15rem;} .calculator_fr_item {display: none;} .calculator_fr_item.cur {display: flex;} .calculator_fr_item .calculator_fr_c{display: none;} .calculator_fr_c .flex{display: flex;align-items: center;} .calculator_fr_c .flex>div{display: flex;align-items: center;} .calculator_fr_item .p1{width: 1.2rem;margin-right:.1rem} .calculator_fr_item .p2{width: .8rem;} .calculator_fr_item .inputBox{border-radius: .12rem;background-color: #e6ebf1;height: .46rem;width: 1.4rem;margin-right: .18rem;} .calculator_fr_item input{height: 100%;padding: 0 .08rem;width: 100%;} .calculator_fr_item span{color: var(--color1);display: inline-flex;width: .62rem;} .calculator_fr_item a{margin: 0 .1rem;display: inline-flex;width: .22rem;} .calculator_main .scrollBar{overflow-y:auto;max-height: 10.3rem;overflow-x: hidden;margin: .1rem 0 .0;} .calculator_bottom{align-items: center;color: var(--color1);border-top: .04rem solid #111;padding: .35rem 0;justify-content: space-between;width: 100%;} .calculator_bottom_r{text-align: right;width: 1.4rem;} .calculator_bottom_box{text-align: right;} .calculator_bottom_box span{display: inline-flex;text-decoration-line: underline;} .calculator_bottom_box p+p{margin-top: .08rem;} .calculator_fr_c.cur{display: flex;} .calculator_no{height: 1rem;} /* 起步区：宁远碳中和项目 */ .startArea{padding-top: .4rem;} .startArea .finance_p{border-bottom: 4px solid #111;padding-bottom: .8rem;height: 1.36rem;} .startArea_box1{padding: 1.5rem 0 1.1rem;flex-wrap: wrap;justify-content: center;} .startArea_box1 .item{margin-right: .4rem;width: calc((100% - .4rem * 2) / 3);margin-bottom: .4rem;border-radius: .3rem;height: 2.4rem;display: flex;flex-direction: column;align-items: flex-start;text-align: left;position: relative;color: #fff;height: 2.7rem;overflow: hidden;} .startArea_box1 .item:nth-of-type(3){margin-right: 0;} .startArea_box1 .item img{width: 100%;height: 100%;object-fit: cover;transition: all .8s;} .startArea_box1 .item:hover img{transform: scale(1.1);} .startArea_box1 .item p{position: absolute;top: 50%;transform: translateY(-50%);left: .55rem;} .startArea_box2 img{border-radius: .3rem;overflow: hidden;} .startArea_box3{padding: .6rem 0 1rem;} .startArea_box3 p{color: #222;line-height: 1.5;font-family: 'SourceHanSansCN-Medium';} /* 中欧（保亭）绿色数字创新合作区 */ .workArea_box1{padding: 1.45rem 0 1.1rem;} .workArea_box1_main{color: #222;line-height: 1.8;justify-content: space-between;margin-top: .6rem;} .workArea_box1_main .fl{width: calc(649 / 1480 * 100%);margin-right: .6rem;} .workArea_box1_main .fr{width: calc(775 / 1480 * 100%);margin-top: .7rem;} .workArea_box1_main p+p{margin-top: .5rem;} .workArea_box1_main .txt{margin-bottom: .4rem;} .workArea_box2{color: #fff;background: url(../images/workArea_box2-bg.jpg) no-repeat;background-size: cover;padding: 1.45rem 0 1.1rem;} .workArea_box2 .activityTit{margin-bottom: .8rem;} .workArea_box2 .activityTit h6{color: #fff;} .workArea_box2 .item_box{border-radius: .3rem;overflow: hidden;backdrop-filter: blur(20px);background-color: rgba(0, 0, 0, 0.2);display: flex;justify-content: center;align-items: center;} .workArea_box2 .box1{width: calc(346 / 1480 * 100%);margin-right: .3rem;font-family: 'SourceHanSansCN-Bold';} .workArea_box2 .box2{width: calc(1110 / 1480 * 100%);} .workArea_box2 .item1 .item_box{height: 2.1rem;} .workArea_box2 .box1.item_box{text-align: center;} .workArea_box2 .box2.item_box{justify-content: flex-start;} .workArea_box2 .item1{margin-bottom: .3rem;} .workArea_box2 .item1 .box2{padding: .6rem;} .workArea_box2 li{display: flex;align-items: flex-start;position: relative;padding-left: .15rem;line-height: 1;} .workArea_box2 li::before{width: 6px;height: 6px;border-radius: 50%;background-color: #fff;display: inline-flex;content: '';position: absolute;top: .12rem;left: 0;} /* .workArea_box2 li p{width: calc(100% - 6px - .12rem);} */ .workArea_box2 li+li{margin-top: .1rem;} .workArea_box2 .item2{height: 4rem;} .box2_inner1{justify-content: space-between;} .box2_inner1 .item_box{margin-right: .3rem;margin-bottom: .3rem;width: calc((100% - .3rem * 2) / 2);height: 1.76rem;} .box2_inner1 .item_box:last-of-type{margin-right: 0;} .box2_inner2{height: 1.95rem;align-items: flex-start!important;text-align: left;padding: .6rem;flex-direction: column;} /* .box2_inner2 p{margin-bottom: .1rem;} */ /* 联合国开发计划署（UNDP）绿色数字创新合作项目（GDIP） */ .pilotProject{margin-bottom: .9rem;} .pilotProject_top{border-bottom: 4px solid #111;margin-top: 1rem;} .pilotProject .finance_p{padding-bottom: .8rem;height: 2rem;} .pilotProject_box1{margin-top: 1rem;} .pilotProject_box1_main{margin-top: 1rem;align-items: center;height: 5.22rem;} .pilotProject_box1_main .img{width: 50%;border-radius: .3rem;overflow: hidden;height: 100%;overflow: hidden;} .pilotProject_box1_main .img img{height: 100%;object-fit: cover;display: block;width: 100%;transition: all .8s;} .pilotProject_box1_main .img:hover img{transform: scale(1.1);} .pilotProject_box1_main .txt{border-radius: .3rem;overflow: hidden;background-color: #E9F3FA;height: 100%;width:50%;padding:.3rem .8rem;} .pilotProject_box1_main dl{border-bottom: 1px solid #CAD5DD;} .pilotProject_box1_main dt{display: flex;align-items: center;justify-content: space-between;padding: .15rem 0;color: #000;cursor: pointer;} .pilotProject_box1_main dt h6{width: calc(100% - .5rem);} .pilotProject_box1_main dt i{display: inline-flex;width: .42rem;height: .42rem;background: url(../images/pilotProject_box1_icon2.svg) no-repeat;background-size: cover;} .pilotProject_box1_main dl.cur dt i{background: url(../images/pilotProject_box1_icon1.svg) no-repeat;background-size: cover;} .pilotProject_box1_main dd{line-height: 1.8;color: #222;padding: 0 0 .3rem;display: none;} .pilotProject_box1_main dl.cur dd{display: block;} .pilotProject_box2{padding: 1.2rem 0 1.55rem;} .pilotProject_box2_main{flex-wrap: wrap;margin-top: .95rem;} .pilotProject_box2_main .item{border-radius: .3rem;box-shadow: 0 8px 44px rgba(0, 0, 0, 0.15);padding: .5rem .3rem;display: flex;align-items: flex-start;/* height: 2.6rem; */background-color: #fff;width: calc((100% - .4rem ) / 2);} .pilotProject_box2_main .item .img{width: .89rem;} .pilotProject_box2_main .item .txt{margin-left: .35rem;width: calc(100% - .9rem - .35rem);} .pilotProject_box2_main .item+.item{margin-left: .4rem;} .pilotProject_box2_main .item .txt h6{color: #000;margin-bottom: .2rem;} .pilotProject_box2_main .item .txt p{color: #222;line-height: 1.8;} .pilotProject_box3{background-color: #E9F3FA;padding: 1.4rem 0 .6rem;} .pilotProject_box3 .item{padding: .7rem 0;align-items: center;border-bottom: 1px solid #CAD5DD;justify-content: space-between;} .pilotProject_box3 .item:last-of-type{border: none;} .pilotProject_box3 .item .img{display: flex;justify-content: center;width: 1.6rem;} .pilotProject_box3 .item .img img{width: .75rem;} .pilotProject_box3 .item h6{color: #111;font-family: 'SourceHanSansCN-Medium';width: calc(310 / 1480 * 100%);} .pilotProject_box3 .item p{color: #222;width: calc(870 / 1480 * 100%);line-height: 1.8;} .pilotProject_box4{padding: 1.2rem 0 .7rem;} .pilotProject_box4_main{margin-top: 1rem;} .pilotProject_box4_main .item{border-radius: .3rem;overflow: hidden;position: relative;width: calc((100% - .42rem) / 2);} .pilotProject_box4_main .item+.item{margin-left: .42rem;} .pilotProject_box4_main .item .txt{position: absolute;color: #fff;bottom: 0;width: 100%;left: 0;z-index: 1;padding: 0 .6rem .3rem;} .pilotProject_box4_main .item .txt h6{margin-bottom: .1rem;} .pilotProject_box4_main .item .txt p{line-height: 1.7;} .pilotProject_box4_main .img{border-radius: .3rem;overflow: hidden;} .pilotProject_box4_main .img img{transition: all .8s;} .pilotProject_box4_main .img:hover img{transform: scale(1.1);} @media screen and (max-width:1600px){ .search{margin-left: .4rem;} .bannerList a{height: 4rem;} .bannerList a + a{margin-left: .3rem;width: calc((100% - .3rem * 2) / 3);} .search_big{margin-left: .8rem;} .headR .nav li{margin-right: .3rem;} .activityBox3_main .img img{height:8.4rem} .aboutBox3 .txt{width: 8.6rem;} .videoImg2{margin: 0 .9rem 0 .7rem;} } @media screen and (max-width:1400px){ .search_big{margin-left: .4rem;} .bannerList a{height: 4.2rem;} .calculator_fr_item_box{width: calc(100% - .55rem);} .calculator_fr_item .p2{width: .9rem;} .activityBox3_main .img img{height:7.4rem} .videoImg2{margin: 0 .7rem 0 .5rem;} .headR .nav li{margin-left: .1rem;margin-right:.1rem} } #cookieBar{position: fixed;left: 0;bottom: 0;width: 100%;background-color: #fff;height: 1.6rem;z-index: 99;box-shadow: 0 -2px 2px rgba(0,0,0,.04);} #cookieBar .w1630{justify-content:center;align-items: center;height: 100%;width: calc(100% - 1.5rem * 2);} #cookieBar .w1630>div{display: flex;align-items: center;justify-content: space-between;width: 100%;} #cookieBar .fl{width: calc(1120 / 1630 * 100%);} #cookieBar .fl dt{color: #222;font-family: 'SourceHanSansCN-Medium';margin-bottom: .24rem;} #cookieBar .fl dd{color: #444;} #cookieBar .cookie_btn{width: calc(440 / 1630 * 100%);align-items: center;} #cookieBar .cookie_btn a{display: inline-flex;height: .62rem;padding: 0 .4rem;justify-content: center;align-items: center;font-family: 'SourceHanSansCN-Medium';border: 1px solid #B1B1B1;border-radius: 500px;transition: all .6s;} #cookieBar .cookie_btn a.btn1{color: #222;} #cookieBar .cookie_btn a.btn2{margin-left: .2rem;color: #fff;background-color: var(--color1);border-color: var(--color1);} #cookieBar .cookie_btn a:hover{transform: translateY(-4px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);} @media screen and (max-width:1600px){ #cookieBar .w1630{width: calc(100% - 1rem * 2);} } #cookieBar{height: initial;padding:.4rem 0} #cookieBar .w1630{width: calc(100% - .5rem * 2);} #cookieBar .fl{width: calc(1100 / 1630 * 100%);} #cookieBar .cookie_btn{width: calc(530 / 1630 * 100%);justify-content: flex-start;padding-left: .1rem;} #cookieBar .cookie_btn a{font-size: 10px;width: 100%;padding: 0 .2rem;} #cookieBar .cookie_btn a.btn2{margin-top: .2rem;margin-left: 0;} /* v222222222222 报名提交 */ /* 活动new */ .activityBox6{margin-bottom: 0;padding-bottom:.8rem} .activityBox7_new .activityBox7_main{margin-top: .8rem;border-radius: .2rem;background-color: #fff;box-shadow: 0 8px 44px rgba(0, 0, 0, 0.15);padding: .8rem;margin-bottom: 1.2rem;} .activityBox7New_item{width: 50%;display: flex;justify-content: center;align-items: center;} .activityBox7New_item:nth-of-type(2){border-left: 1px solid rgba(1, 111, 182,.3);} .activityBox7New_item dt{color: #000;font-family: 'SourceHanSansCN-Medium';margin-bottom: .3rem;display: flex;align-items: center;} .activityBox7New_item dt img{display: inline-flex;margin-right: .12rem;} .activityBox7New_item dd{margin-left: .28rem;} .activityBox7New_item dd p{margin-top: .15rem;display: flex;align-items: center;} .activityBox7New_item dd img{display: inline-flex;margin-right: .15rem;} .activityBox7_newBtn{position: relative;transform: translateX(-50%);left: 50%;background-color: var(--color1);color: #fff;margin-bottom: 1.2rem;padding: .04rem .04rem .04rem .3rem;box-shadow: 0 0 20px rgba(0, 111, 182,.2);height: .6rem;} .activityBox7_newBtn::before{background-color: transparent;} .activityBox7_newBtn span{background-color: #fff;width: .54rem;height: .54rem;} .activityBox7_newBtn path{fill: var(--color1);stroke: var(--color1);} .activityBox7_newBtn:hover{background-color: #fff;color: var(--color1);box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);} .activityBox7_newBtn:hover span{background-color: var(--color1);} .activityBox7_newBtn:hover path{fill: #fff;stroke: #fff;} .activityBox7_blue{height: initial;padding-bottom: 340px;} .startArea_box1 .item{background-color: #E9F3FA;border-radius: .3rem;display: flex;align-items: center;justify-content: center;flex-direction: column;} .startArea_box1 .item img{width: .89rem;height: initial;} .startArea_box1 .item p{position: relative;top: auto;transform: none;left: auto;color: #000;margin-top: .3rem;} /* 加入合作伙伴网络 */ .netWork_tit{text-align: center;margin-bottom: .7rem;font-family: 'SourceHanSansCN-Medium';} .netWork_tit dt{color: #111;} .netWork_tit dd{margin-top: .55rem;color: #222;} .netWork_box1{padding: 1.4rem 0 1.2rem;} .netWork_box1_list{flex-wrap: wrap;} .netWork_box1_item{border-radius: .2rem;overflow: hidden;background-color: #fff;box-shadow: 0 8px 44px rgba(0, 0, 0, 0.15);width: calc((100% - .4rem) / 2 );margin-bottom: .4rem;padding: .5rem .3rem;/* height: 2.6rem; */} .netWork_box1_item:nth-of-type(2n){margin-left: .4rem;} .netWork_box1_item .img{width: 1.2rem;} .netWork_box1_item .img img{width: .89rem;} .netWork_box1_item .txt{width: calc(100% - 1.2rem);} .netWork_box1_item .txt h6{line-height: 2;color: #000;font-family: 'SourceHanSansCN-Medium';} .netWork_box1_item .txt p{margin-top: .12rem;line-height: 2;color: #222;} .netWork_box2{background: url(../images/form-bg.jpg) no-repeat;background-size: cover;padding: 1.4rem 0;background-attachment: fixed;} .netWork_main{background-color: rgba(255, 255, 255,.9);padding: 1.2rem 1rem 0;} .inputRow{gap: .6rem;font-family: 'SourceHanSansCN-Medium';margin-bottom: .28rem;} .mt0{margin-bottom: 0!important;} .netWork_form .inputBox{flex: 1;} .netWork_form .inputBox label{display: block;margin-bottom: .2rem;} .netWork_form .inputBox label sup{position: relative;color: var(--color1);top: .05rem;margin-left: .06rem;} .netWork_form .inputBox input[type=text],.netWork_form .inputBox input[type=tel],.netWork_form .inputBox input[type=email]{border-radius: 3px;border: 1px solid #A3ADB4;background-color: rgba(233, 243, 250,.5);height: .4rem;width: 100%;padding: 0 .2rem;} .netWork_form .inputBox textarea{border-radius: 3px;border: 1px solid #A3ADB4;background-color: rgba(233, 243, 250,.5);width: 100%;min-height: 1.2rem;padding: .1rem .2rem;} .netWork_form .inputFile{position: relative;height: .4rem;width: 1.3rem;display: flex;} .netWork_form .inputFile input[type=file]{opacity: 0;height: 100%;width: 100%;} .netWork_form .inputBox input[type=text]:focus{border-color: var(--color1);} .netWork_form .inputFile .fileName{border-radius: 3px;border: 1px solid #A3ADB4;background-color: rgba(233, 243, 250,.5);display: inline-flex;color: #444;position: absolute;top: 0;left: 0;z-index: 1;height: 100%;align-items: center;justify-content: center;pointer-events: none;width: 100%;} .netWork_form .inputList{display: flex;align-items: flex-start;flex-direction:column} .netWork_form .inputCheckbox,.inputRadio{display: flex;align-items: flex-start;} .inputCheckbox input[type="checkbox"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:.24rem;height:.24rem;border:1px solid #A3ADB4;border-radius:3px;outline:none;transition:all 0.3s;position:relative;cursor:pointer;margin-right:10px;background-color:rgba(233, 243, 250,.5)} .inputCheckbox input[type="checkbox"]:checked{background-color:var(--color1);border-color:var(--color1)} .inputCheckbox input[type="checkbox"]:checked::after{content:"";position:absolute;left:.06rem;top:.03rem;width:.08rem;height:.12rem;border:solid white;border-width:0 .02rem .02rem 0;transform:rotate(45deg);border-radius: 1px;} .inputRadio input[type="radio"]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:.24rem;height:.24rem;border:1px solid #A3ADB4;border-radius:50%;outline:none;transition:all 0.3s;position:relative;cursor:pointer;margin-right:.1rem;background-color:rgba(233, 243, 250,.5)} .inputRadio input[type="radio"]:checked{background-color:var(--color1);border-color:var(--color1)} .inputRadio input[type="radio"]:checked::after{content:"";position:absolute;left:.07rem;top:.03rem;width:.08rem;height:.12rem;border:solid white;border-width:0 .02rem .02rem 0;transform:rotate(45deg);border-radius: 1px;} .netWork_btn .activityBox7_newBtn{padding: .07rem .07rem .07rem .3rem;height: .6rem;margin-top: .25rem;margin-bottom: 1rem;} .netWork_btn .activityBox7_newBtn a{width: 2.06rem;} .netWork_btn .activityBox7_newBtn span{width: .48rem;height: .48rem;} .activityBm{background: url(../images/activity-bg.jpg) no-repeat;background-size: cover;padding: 2.2rem 0 .8rem;background-attachment: fixed;} .activityBm_main{width: 12.8rem;margin: 0 auto;background-color: rgba(255, 255, 255,.9);padding: .9rem .4rem 0;} .activityBm_form{margin: 0 auto;width: 10.2rem;padding-bottom: .8rem;} .activityBm_form h6{text-align: center;color: var(--color1);font-family: 'SourceHanSansCN-Medium';} .activityBm_form dl{margin-top: .6rem;color: #111;margin-bottom: .32rem;} .activityBm_form dt{font-family: 'SourceHanSansCN-Bold';} .activityBm_form dd{margin-top: .1rem;} .fileList{display: flex;align-items:center;} .fileNew_name{margin: 0 .3rem;display: flex;align-items: center;} .fileNew_name svg{width: .4rem;display: inline-flex;} .removeFile{color: var(--color1);} .removeFile:hover{cursor: pointer;} /* 基础样式 */ .upload-progress{display:block;align-items:center;color:var(--color1);margin-left:.4rem;width:2rem;position:absolute;top:.04rem;left:1.2rem;display:flex;align-items:center} .spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,0.1);border-radius:50%;border-top-color:var(--color1);animation:spin 1s ease-in-out infinite;margin-right:8px} @keyframes spin{to{transform:rotate(360deg)} } .error-message{display:none;color:#f44336;margin-top:.1rem;font-size: 15px;animation: fadeIn 0.3s;} .inputBox.error .error-message{display:block} .alert{position:fixed;top:50%;left:50%;padding:15px 20px;border-radius:4px;color:white;background-color:#4CAF50;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:1000;opacity:0;transition:opacity 0.3s;display:none;transform: translate(-50%,-50%);} .alert.show{opacity:1;display:block} .alert.error{background-color:#f44336} @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .calculatorTip{display: none;} /* 活动新增7.29 */ .activityBox3_main .txt{bottom: 2.1rem;} .sceneBtn{display: inline-flex;background-color: var(--color1);color: #fff;align-items: center;justify-content: center;padding: .15rem .35rem;border-radius: 500px;position: absolute;bottom: .8rem;left: 50%;transform: translateX(-50%);} .sceneBtn p{margin-right: .15rem;} .sceneBtn:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);transform:translateX(-50%) translateY(-4px);background-color: #fff;color: var(--color1);} .sceneBtn:hover path{fill: var(--color1);} .sceneContent>div{display: none;} .sceneContent>div.cur{display: block;} #scenePop{background:#fff url(../images/sceneBg.png) no-repeat;border-radius: .2rem;max-height: 80vh;border-radius: 30px;} .sceneMain{padding: .6rem .5rem .7rem;} .sceneTit{font-family: 'SourceHanSansCN-Bold';color: #111;text-align: center;} .sceneTab{flex-wrap: wrap;margin: .5rem 0 .5rem;} .sceneSroll{justify-content: space-between;} .sceneTab a{display: inline-flex;align-items: center;justify-content: center;padding: .12rem .25rem;border-radius: 500px;background-color: #fff;color: #444;font-family: 'SourceHanSansCN-Medium';box-shadow: 0 3px 20px rgba(1, 111, 182,.3);} .sceneTab a:last-of-type{margin-right: 0;} .sceneTab a:hover,.sceneTab a.cur{background-color: var(--color1);color: #fff;} .sceneContent{font-family: 'SourceHanSansCN-Regular';line-height: 1.8;color: #444;} .sceneContent p{margin-bottom: .1rem;} .sceneContent strong{color: #000;} .sceneContent ul li{display: flex;align-items: flex-start;} .sceneContent ul li span{display: inline-flex;width: 5px;height: 5px;border-radius: 50%;background-color: #444;margin:13px 10px 0;} .sceneContent ul li p{width: calc(100% - 10px);} html{scrollbar-width: thin;-moz-scrollbar-width: thin; scrollbar-color: var(--color1) #c9d4cf;} /* Firefox 的滚动条样式控制相比 Chrome 有限，不能像 Chrome 那样完全自定义宽度和形状 scrollbar-width 属性是标准属性，已被现代浏览器支持 */ /* Firefox专用：设置滚动条宽度 *//* auto - 默认宽度 | thin - 较窄的滚动条 | none - 隐藏滚动条但保留功能 */ .sceneContent .scrollBar{height: 5rem;margin-right: .1rem;padding-right: .1rem;max-height: 38vh;scrollbar-width: thin;scrollbar-color: var(--color1) #eee;overflow-y:auto;overflow-x: hidden;} .sceneContent .scrollBar::-webkit-scrollbar {width: 3px;} /* 滚动条 */ .sceneContent .scrollBar::-webkit-scrollbar-track {background: #c9d4cf;border-radius: 10px;} /* 轨道 */ .sceneContent .scrollBar::-webkit-scrollbar-thumb {background: var(--color1);border-radius: 10px;}/* 滑块 */ /* 报名提交成功提示 */ .submitSuccess{width: 4.96rem;height: 3.46rem;color: #fff;background: url(../images/sucess-bg.png) no-repeat;background-size: cover;display: none;} .submitSuccess .submitSuccess_main{display: flex;justify-content: center;align-items: center;text-align: center;height: 100%;} .submitSuccess img{width: 1.34rem;margin: 0 auto;} .submitSuccess h6{color: #000;font-family: 'SourceHanSansCN-Medium';margin: .2rem 0 .25rem;} .submitSuccess a{color: #444;text-decoration: underline;} @media screen and (max-width:767px){ .submitSuccess h6{font-size: 17px;} } /* v33333333333333333333333333 */ .activityBox2_1{padding: .9rem 0 0;} .activityBox2_1 .activityBox2_1_main{align-items: center;justify-content: space-between;margin-top: .85rem;} .activityBox2_1 .activityBox2_1_main>div{overflow: hidden;border-radius: .3rem;width: calc((100% - .3rem) / 2);} .activityBox2_1 .activityBox2_1_main>div+div{margin-left: .3rem;} .activityBox2_1 .activityBox2_1_main>div img{width: 100%;object-fit: cover;} .activityBox2_1 .activityBox2_1_main a{display: inline-flex;position: absolute;left: .3rem;bottom: .4rem;} .homePartner{padding-bottom: 0;background: url(../images/home-partner-bg.jpg) no-repeat;} .homePartner .commonBar{margin-top: 1.4rem;} .commonBar_home{margin-top: 1.4rem;} .commonBar .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;} .commonBar .txt h6{font-family: 'SourceHanSansCN-Medium';} .commonBar .txt p+h6{margin-top: .25rem;} .commonBar .txt h6+a{margin-top: .25rem;} .commonBar .img img{width: 100%;object-fit: cover;} .commonBar a.btn{/* width: 1.6rem; */padding: .05rem .05rem .05rem .2rem;} .commonBar a.btn2{/* width: 2.2rem; */padding: .04rem .04rem .04rem .32rem;height: .6rem;} .commonBar a.btn span{margin-left: .1rem;} .commonBar a.btn:hover{color: #fff;} .commonBar a.btn:hover::before{background: var(--color1);} .commonBar a.btn:hover span{background-color: #fff;} .commonBar a.btn:hover span path{fill: var(--color1);stroke: var(--color1);} /* v2 首页 里程碑河流*/ .index-three-section{background:url(../imgs/1992-bg.png) no-repeat center top;background-size:100%;height: 100vh;position: relative;overflow: hidden;} .index-three-section-content{width:100vw;height:100vh;overflow:hidden;position:relative;display: flex;align-items: center;} .index-three-section-swiper{width:13rem;max-height:5rem;transition:all linear .3s;overflow:hidden;margin-top: .6rem;} .index-three-section-swiper-item{display:flex;justify-content:space-between;opacity:0;transition:opacity linear .4s;overflow:hidden;align-items: center;} .index-three-section-swiper-item.swiper-slide-active{opacity:1} .index-three-section-swiper-item-img{width: 5.2rem;height: 3.3rem;object-fit: cover;overflow: hidden;border-radius: .25rem;border: 1px solid #eee;box-shadow: 0 2px 5px rgba(0,0,0,.04);} .index-three-section-swiper-item-content{width: 8rem;margin-left: .6rem;} .index-three-section-swiper-item-content-year{color:var(--color1);font-family: 'SourceHanSansCN-Bold';line-height: 1;margin-bottom: .05rem;} .index-three-section-swiper-item-content-subtitle{width:100%;color:#222;margin-top:.05rem;line-height:1.1;cursor:pointer} .index-three-section-swiper-item-content-text{color:#444;margin-top: .05rem;} .index-three-year-box{position:absolute;right:0;bottom:0;width:590px;height:calc(100vh + 40px);overflow-y:auto;padding:0 40px 0 0;overflow-y: hidden;} .index-three-yar-box-bg{width:512px; height:1900px;background:url(../imgs/index-three-year-bg4.svg) no-repeat top left;} .index-three-year-box-modal{position:absolute;left:0;top:0;width:512px;height:3rem;background:url(../imgs/index-three-year-active-bg4.svg) no-repeat top left;} .index-three-year-box-nodes{width:100%;height:100%;position:absolute;top:0;left:0} .index-three-year-box-nodes-item{position:absolute;color:#333;display:flex;flex-flow:row nowrap;font-size: 24px;} .index-three-year-box-nodes-item-title{color:#333;font-size: 24px;} .index-three-year-box-nodes-item-yuan{width:24px;height:24px;border-radius:50%;background:#FFF;box-shadow:0 0 12px 0 rgba(0,0,0,0.23);margin-right:20px;} .jumpBtn{position:absolute;left: 50%;transform: translateX(-50%);bottom: .5rem;z-index: 1;border: 1px solid var(--color1);color: var(--color1);height: .54rem;width: 2.1rem;display: flex;justify-content: center;align-items: center;border-radius: 500px;z-index: 9;} .jumpBtn:hover{background-color:var(--color1);color: #fff;transform:translateX(-50%) translateY(-4px);box-shadow: 0 0 10px rgba(0,0,0,0.1);} /* v2 首页 可持续发展*/ .index-two-section{position:relative;height: 100vh;overflow: hidden;background-color: #f3f8fc;} .index-two-section-info{position: absolute;top: 1.4rem;left: 50%;transform: translateX(-50%);z-index: 9;text-align: center;} .index-two-section-info dt>h6{font-family: 'SourceHanSansCN-Medium';color: #111;line-height: 1.2;} .index-two-section-info dt>p{color: #444;line-height: 1.6;margin-top: .15rem;} .index-two-section-info dd a{background-color: var(--color1);color: #fff;/* width: 2.34rem; */} .index-two-section-info dd a span{background-color: #fff;margin-left: .25rem;} .index-two-section-info dd a path{fill: var(--color1);stroke: var(--color1);} .index-two-section-info dd a+a{margin-left: .3rem;} .index-two-section-info dd a.btnGreen{background-color:#53C48F;} .index-two-section-info dd a.btnGreen path{fill: #53C48F;stroke: #53C48F;} .index-two-section-info dd a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-color: #fff;color: var(--color1);} .index-two-section-info dd a:hover span{background-color: var(--color1);} .index-two-section-info dd a:hover path{fill: #fff;stroke: #fff;} .index-two-section-info dd a.btnGreen:hover{color: #53c490;} .index-two-section-info dd a.btnGreen:hover span{background-color: #53c490;} .index-two-section-canvas{width:100vw;position:absolute;left:0;bottom:0;z-index:1} .index-two-section-thermometer{position:absolute;left:1.2rem;bottom:60px;top:130px;z-index:10;width:50px} .thermometer-bottom-round{position:absolute;bottom:0;left:0;width:48px;height:48px;border-radius:50%;background:#F1F1F1;z-index:1} .thermometer-bottom-round::after{content:"";width:28px;height:28px;border-radius:50%;background:#bf2726;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .thermometer-bottom-round-befor{content:"";width:8px;height:45px;min-height:45px;max-height:670px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:#bf2726;transition:height linear .3s;border-radius:3px} .thermometer-vertical-line{width:20px;height:100%;background:#F1F1F1;border-radius:9px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)} .thermometer-left-calibration{width:10px;height:calc(100% - 130px);position:absolute;bottom:70px;left:0;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:space-between} .thermometer-left-calibration-line-coarse{width:10px;height:2px;background:#999} .thermometer-left-calibration-line{width:6px;height:1px;background:#999} .thermometer-right-number{width:20px;height:calc(100% - 115px);position:absolute;bottom:65px;left:39px;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:space-between} .thermometer-right-number-item{font-size:20px;color:#444444;word-break:break-all;white-space:nowrap} .thermometer-right-number{width:.2rem;height:calc(100% - 1.15rem);position:absolute;bottom:.65rem;left:.5rem;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:space-between} .thermometer-right-number-item{color:#444;word-break:break-all;white-space:nowrap} .index-two-section-citys{width:100vw;height:5.8rem;position:absolute;left:0;bottom:0;z-index:0;overflow: visible;} .index-two-section-citys .city-img{transform:translateY(1rem);height:100%;max-width: initial;} .index-two-section-sample{width:2rem;position:absolute;right:.5rem;bottom:.5rem;z-index:10} .index-two-section-sample-item{display:flex;width:100%;flex-flow:row nowrap;justify-content:flex-start;align-items:center;color:#FFF;font-family: 'SourceHanSansCN-Light';} .index-two-section-sample-item-round{width:.18rem;height:.18rem;border:1px solid #FFF;border-radius:50%;margin-right: .15rem;} .index-two-section-sample-item:first-of-type{margin-bottom:.1rem} .index-two-section-sample-item-round:first-of-type{background:#61c7cb} .index-two-section-sample-item:last-of-type .index-two-section-sample-item-round{background:#0b97d4} .index-two-section .jumpBtn{border-color: #fff;color: #fff;} .index-two-section .jumpBtn:hover{border-color: var(--color1);} @media screen and (max-width:1600px){ .index-three-section-swiper-item-content-text{margin-top: .1rem;} .index-three-section-swiper-item-content-text{font-size: 14px;} } @media screen and (max-width:1400px){ .index-two-section-info dt > p{margin-top: .25rem;margin-bottom: .4rem;} .index-two-section-thermometer{top:120px;} /* .index-three-section-swiper{width: 12rem;} .index-three-section-swiper-item-content{width: 6.1rem;margin-left: .5rem;} */ .index-three-section-swiper-item-content-text{font-size: 12px;} .search_big{margin-left: .3rem;} .jumpBtn{bottom: .2rem;} .index-two-section-sample{width: 2.4rem;} } .bannerInner a>img{width: initial;} .headR .nav li:last-of-type{margin-right: 0;} .bannerInner a.playBtn{align-items: center;border: 1px solid rgba(255, 255, 255,.6);height: .6rem;border-radius: 500px;width: 2.4rem;padding:0 .06rem 0 .26rem;justify-content: space-between;font-family: 'SourceHanSansCN-Light';transition: all .5s;} .bannerInner a.playBtn svg{width: .48rem;} .bannerInner a.playBtn g{transition: all .5s;} .bannerInner a.playBtn:hover{border-color: #fff;transform: translateY(-4px);} .bannerInner a.playBtn:hover g{opacity: 1;} .tabTop{margin-top: -.45rem;z-index: 9;} .tabTop .w1480{display: flex;justify-content: center;align-items: center;height: .9rem;} .tabTop a{border-radius: .2rem;background-color: #fff;color: #222;text-align: center;height: 100%;width: calc(100% / 3);box-shadow: 0 8px 44px rgba(0, 0, 0, 0.15);display: inline-flex;align-items: center;justify-content: center;font-family: 'SourceHanSansCN-Medium';} .tabTop a.cur,.tabTop a:hover{background-color: var(--color1);color: #fff;} /* 创新实验室 */ .innovationLab_tabTit{display: flex;justify-content: center;margin-bottom: .8rem;} .innovationLab_tabTit a{border-radius: 500px;background-color: #E9F3FA;color: #111;height: .64rem;display: inline-flex;padding: 0 .36rem;align-items: center;} .innovationLab_tabTit a.cur,.innovationLab_tabTit a:hover{background-color: var(--color1);color: #fff;} .innovationLab_tabTit a+a{margin-left: .3rem;} .innovationLab_tabCon1{padding-bottom: 1.4rem;width: 13.6rem;margin: 0 auto;} .innovationLab_tabCon_item1{background:#fff url(../images/book-bg.png) no-repeat;overflow: hidden;border-radius: .2rem;background-size: cover;box-shadow: 0 8px 44px rgba(0, 0, 0, 0.15);min-height: 4.4rem;padding: .5rem .5rem;justify-content: space-between;align-items: center;} .innovationLab_tabCon_item1+.innovationLab_tabCon_item1{margin-top: .6rem;} .innovationLab_tabCon_item1 .txt{width: calc(100% - 3.6rem);} .innovationLab_tabCon_item1 .txt h6{color: #111;font-family: 'SourceHanSansCN-Medium';margin-bottom: .4rem;} .innovationLab_tabCon_item1 .txt ul{margin-left: .2rem;} .innovationLab_tabCon_item1 .txt li{margin-top: .2rem;} .innovationLab_tabCon_item1 .img{display: flex;align-items: center;justify-content: center;width: 4.3rem;} .innovationLab_tabCon_item1 .img img{max-width: 90%;max-height: 100%;} .innovationLab_tabCon2{padding-bottom: .6rem;} .innovationLab_tabCon_item2{padding: .8rem 0;justify-content: space-between;align-items: center;border-top: 1px solid #C9D4CF;} .innovationLab_tabCon_item2 .txt{width: calc(100% - 6.38rem);} .innovationLab_tabCon_item2 .txt h6{font-family: 'SourceHanSansCN-Medium';margin-bottom: .4rem;} .innovationLab_tabCon_item2 .txt>p{line-height: 1.8;color: #444;margin-bottom: .4rem;} .innovationLab_tabCon_item2 .txt a{display: inline-flex;font-family: 'SourceHanSansCN-Medium';align-items: center;} .innovationLab_tabCon_item2 .txt a span,.innovationLab_tabCon_item1 a span{display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #7E8488;width: .48rem;height: .48rem;margin-right: .14rem;transition: all .4s;} .innovationLab_tabCon_item2 .txt a svg,.innovationLab_tabCon_item1 .txt a svg{width: .32rem;height: .32rem;} .innovationLab_tabCon_item2 .txt a:hover,.innovationLab_tabCon_item1 .txt a:hover{color: var(--color1);} .innovationLab_tabCon_item2 .txt a:hover span,.innovationLab_tabCon_item1 .txt a:hover span{background-color: var(--color1);border-color: var(--color1);} .innovationLab_tabCon_item2 .txt a:hover path,.innovationLab_tabCon_item1 .txt a:hover path{fill: #fff;} .innovationLab_tabCon_item2 .img{border: 1px solid #E0E0E0;border-radius: .2rem;height: 3.46rem;display: flex;align-items: center;justify-content: center;width: 5.38rem;padding: 0 .24rem;} .calculator_main>.flex{justify-content: space-between;} .calculator_unfold{display: none;} .index-three-mobile-chang-box{display: none;} @media screen and (max-width:1200px){ .top_fold *{transition: none;} .app{display: block!important;} .pc{display: none!important;} .flex{display: flex;flex-wrap: wrap;} header{height: 1.2rem;} .headR .nav{display: flex;z-index: 9999;} .menu-handler{width:44px;height:58px;cursor:pointer;position:relative;z-index:9999;display: block;justify-self: flex-end;right: -10px;} .menu-handler .burger{width:24px;height:2px;display:block;position:absolute;z-index:5;top:20px;left:50%;margin:0px 0px 0px -12px;-webkit-transform-origin:center;transform-origin:center;background:#fff;} .menu-handler.active span,.header.curs .menu-handler span{background-color: #222;} .menu-handler .burger-2{top:27px} .menu-handler .burger-3{top:34px} .menu-handler.active .burger-1{top:27px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .menu-handler.active .burger-2{opacity:0;} .menu-handler.active .burger-3{top:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)} .trans,.trans:hover{-webkit-transition:all 277ms ease-in-out;transition:all 277ms ease-in-out;} .trans-fast,.trans-fast:hover{-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;} .headR .nav{position: fixed;right:-100%;top:1.2rem;width:100%;z-index:999;background:#fff;left: auto;flex-wrap: wrap;padding-top: .1rem;flex-direction: column;justify-content: flex-start;overflow-y: scroll;height: calc(100vh - 1.2rem);} .headR .nav li{margin-right: 0;margin-top: .2rem;width: 100%;height: initial;padding: .1rem 0 .1rem .4rem;} .headR .nav li a.f20{color: initial;} header .nav li .top_fold{width: 100%;} header .nav li .navApp{position: relative;width: 100%;} header .nav li .navApp i,header .nav li .menuItemTitle i{position: absolute;top: .16rem;right: .5rem;background: url(../images/arrowD.svg) no-repeat;width: .24rem;height: .14rem;background-size: cover;transition: all .4s;} .headR .nav li .top_fold_inner{top: auto;width: 100%;position: relative;z-index: 9;padding: 0;transform:none;left: auto;text-align: left;margin-top: .2rem;opacity: 1;visibility: visible;display: none;box-shadow: none;transition: none!important;border-radius: 0;min-width: initial;} .headR .nav li .top_fold_inner:before{display: none;} header .nav li .navApp.cur .f18{color: var(--color1);} header .nav li .navApp.cur i{transform: rotate(180deg);} .lang_Btn{height: .7rem;border: none;background-color: transparent;color: #fff;padding: 0;} .lang svg.langIcon path{stroke: #fff;fill: #fff;} .lang svg.arrowD path{stroke: #fff;} header.cur .burger{background:var(--color1);} header.cur .lang{color: var(--color1);} header.cur .lang svg.langIcon path{stroke: var(--color1);fill: var(--color1);} header.cur .lang svg.arrowD path{stroke: var(--color1);} .lang:hover .top_fold_inner{opacity: 1;visibility: visible;} .searchBox{width: 80%;padding-bottom: .2rem;} .bannerList a .bannerIcon img{width: 1.25rem;} .bannerHome .img img, .bannerHome .img video{height: 22.5rem;} .bannerList{flex-wrap: wrap;} .bannerList a,.bannerList a + a{width: 100%;margin-left: 0;margin-top: .3rem;padding-bottom: .4rem;height: initial;} .homeEnter .homeEnter_btn{bottom: .8rem;} .bannerTop_info>a{height: .66rem;padding-right: .1rem;} .homeNews_swiper a{height: initial;} .homeNews_swiper a .txt .btn{height: .7rem;} .homeNews_swiper a .txt .btn span{width: .54rem;height: .54rem;} .homeNews_swiper a .txt .btn span svg{width: .26rem;} .footTop_l,.footTop_r,.footTop_r dl{width: 100%;} .footTop_r{margin-top: .6rem;} .footLang{display: none;} .footTop_r dd a img{width: .28rem;} .footBottom .w1630.flex{justify-content: center;text-align: center;} .footBottom .w1630.flex p{margin-top: .3rem;font-size: 13px;} .bannerInner .img img{height: 8rem;} .bannerInner a.playBtn{height: .68rem;} .bannerInner .txt{width: 100%;max-width: 90%;top: 56%;} .newsTop{border-radius: .2rem;} .newsTop .imgList,.imgList .img{width: 100%;height: 5.4rem;} .imgList .img img{width: 100%;} .newSwiper{width: 100%;height: initial;padding-bottom: .6rem;} .newSwiper a{padding: 8% 9% 0;} .newSwiper a>strong{height: .6rem;padding: 0 .32rem;line-height: 1;} .newSwiper a>.btn{height: .7rem;padding-left: .26rem;} .newSwiper a>.btn span{width: .54rem;height: .54rem;} .newSwiper a>.btn span svg{width: .26rem;} .newsList dl{width: 100%;margin-right: 0;margin-bottom: .6rem;} .newsList dl a .newBtn{width: .56rem;height: .56rem;} .newsList dl a .newBtn svg{width: .24rem;} .select_box,.select_box select,.newSearch_box{width: 100%;} .select_box select,.newSearch_box{height: .8rem;} .select_box select{background-size: .26rem .26rem;background-position: right .3rem center;} .newSearch_box a svg{width: .34rem;} .select_box{margin-bottom: .1rem;flex-wrap: wrap;} .select_box select+select{margin-top: .1rem;margin-left: 0;} .pages{margin-bottom: .8rem;} .pages a{min-width: .6rem;min-height: .6rem;font-size: 12px;} .aboutBox1{padding: 1rem 0;} .aboutBox1 .fl{margin-bottom: .4rem;} .aboutBox1 .fl,.aboutBox1 .fr{width: 100%;} .aboutBox2_p{margin-top: .5rem;} .finance_main dl,.finance_main .fr{width: 100%;} .finance_main dl{margin-bottom: .4rem;} .finance_main dt{width: calc(90 / 610 * 100%);} .newsDetail_page a{width: calc(calc((100% - .4rem) / 2));} .newsDetail_title dd img{width: .3rem;} .newsDetail_page a img{width: .3rem;} .newsDetail_page a dd{width: 2rem;} .newsDetail_page a img+dl,.newsDetail_page a dl+img{margin-left: .3rem;} .newsDetail_page a dt{font-size: 12px;} .newsRec .newsList dl{margin-bottom: .4rem;} .aboutBox2_item{width: 100%;} .aboutBox3{padding-bottom: 5.4rem;} .aboutBox3 .txt,.aboutBox3_main .img{width: 100%;} .aboutBox3 .txt{top: 90%;transform: translateY(0);} .commonBar img{height: 4.5rem;object-position:24% 0} .commonBar .txt{padding: 0 5%;} .commonBar a.btn{/* width: 2.2rem; */height: .7rem;padding-right: .1rem;padding-left: .25rem;} .commonBar a.btn2{height: .68rem;/* width: 2.4rem; */padding-right: .1rem;} .tabTop .w1480{width: 96%;} .pilotProject_top{margin-top: .8rem;border-bottom-width: 2px;} .finance_p{align-items: flex-start;height: initial!important;} .pilotProject_box1_main{height: initial;} .pilotProject_box1_main .img,.pilotProject_box1_main .txt{width: 100%;} .pilotProject_box2_main .item{width: 100%;height: initial;} .pilotProject_box2_main .item+.item{margin-top: .3rem;margin-left: 0;} .pilotProject_box3 .item .img{width: 15%;} .pilotProject_box3 .item h6{width: 84%;} .pilotProject_box3 .item p{width: 100%;margin-top: .2rem;} .workArea_box1_main .fl,.workArea_box1_main .fr{width: 100%;} .workArea_box2 .item1 .item_box,.box2_inner2,.workArea_box2 .item2{height: initial;} .workArea_box2 .box1,.workArea_box2 .box2{width: 100%;margin-right: 0;padding: .2rem;margin-top: .35rem;height: initial;} .box2_inner1 .item_box{width: calc((100% - 1.4rem * 2) / 2);margin-right:0} .footShare{display: flex;align-items: center;} .startArea_box1{justify-content:flex-start} .startArea_box1 .item{padding: .4rem;text-align: center;width: calc(50% - .2rem);} .startArea_box1 .item:nth-of-type(3){margin-right: .4rem;} .startArea_box1 .item:nth-of-type(2n){margin-right: 0;} .finance .finance_p{margin-top: .2rem;} .finance_main{padding: .8rem .6rem;} .finance_main .fr{padding-right:0} .finance_main dt{width: 1.2rem;} .finance_main dd{margin-left: .1rem;width: calc(90% - .1rem - 1.2rem);} .calculator_main .scroll{padding: .4rem;} .menuNav{align-items: flex-start;display: block;} .menuNav img{float: left;} .innovationLab_tabCon1,.innovationLab_tabCon1 .txt,.innovationLab_tabCon1 .img,.innovationLab_tabCon_item2 .txt,.innovationLab_tabCon_item2 .img{width: 100%;} .innovationLab_tabCon_item1{height: initial;background-position: top right;} .innovationLab_tabCon1 .txt,.innovationLab_tabCon_item2 .txt{margin-bottom: .5rem;} .innovationLab_tabCon_item1 .img img{max-width: 70%;} .innovationLab_tabCon_item2 .img{padding: .3rem;height: initial;} .newSwiper a .imgs,.newSwiper .newSwiper_a{width: 100%;height: initial;padding: 0;} .newSwiper a .txt{width: 100%;} .bannerHome .img img, .bannerHome .img video{height: 23.4rem;} .homeNews_swiper a .img img{height: 4.4rem;} .homePartner{background-size: 100%;} .homePartner_swiper{margin-top: .65rem;} .homeEnter_video{margin: .4rem 0;} .activityBm_main{width: 100%;} .activityBm_form{width: calc(100% - .4rem);} .netWork_form .inputList{flex-wrap: wrap;} .netWork_form .inputCheckbox, .inputRadio{width: 100%;align-items: center;margin: .1rem 0;} .netWork_form .inputBox label{margin-bottom: 0;} .netWork_form .inputBox>label{margin-bottom: .1rem;} .netWork_form .inputBox input[type=text], .netWork_form .inputBox input[type=tel], .netWork_form .inputBox input[type=email]{height: .68rem;} .netWork_form .inputCheckbox+.inputCheckbox, .netWork_form .inputRadio+.inputRadio{margin-left: 0;} .inputRadio input[type="radio"],.inputCheckbox input[type="checkbox"]{width: 20px;height: 20px;} .inputRadio input[type="radio"]:checked::after,.inputCheckbox input[type="checkbox"]:checked::after{left: 6px;top: 3px;width: 6px;height: 10px;border-width: 0 2px 2px 0;} .inputList+input[type="text"]{margin-top: .1rem;} .netWork_form .inputFile{width: 2.2rem;height: .68rem;} .netWork_form .inputBox textarea{min-height: 2rem;} .netWork_btn .activityBox7_newBtn{height: .7rem;} .netWork_box1_item{width: 100%;height: initial;margin-bottom: .35rem;} .netWork_box1_item:nth-of-type(2n){margin-left: 0;} .netWork_box1_item .txt h6{font-size: 19px;} .inputRow{margin-bottom: .2rem;gap:.2rem} .netWork_form .inputBox{width: 100%;flex: none;} .bannerActivity.bannerInner .img img{height: 5.5rem!important;} .bannerActivity .bannerTop_info{margin-top: 3.5rem;} .activityBox2_main{height: initial;padding: .3rem .55rem;} .activityBox3_main dl{width: 100%;height: initial;margin-bottom: .3rem;padding-bottom: .3rem;} .activityBox3_main dt{font-size: 18px;} .activityBox3_main .img img{height: 13.6rem;object-fit: cover;border-radius: 10px;} .sceneBtn {width: 6.5rem;height: .78rem;} .sceneBtn svg{width: .44rem;} .activityBox4_main .fl{width: calc(((380) / 1480) * 100%);} .activityBox4_main .fr{width: calc(((1480 - 390) / 1480) * 100%);} .activityBox4_list li .activityBox4_txt{padding: .4rem .5rem;} .activityBox5_item,.activityBox6_item{width: 100%;height: initial;margin-right: 0;} #scenePop{max-width: 94%!important;} .sceneMain{padding-top: 1rem;} .sceneSroll{white-space: nowrap;overflow: auto;justify-content: flex-start;flex-wrap:nowrap;padding-bottom: .2rem;} .is-compact .fancybox__content>.f-button.is-close-btn{top: 10px;right: 10px;} .sceneTab a+a{margin-left: .2rem;} .activityBox7_blue{padding-bottom: 3.4rem;} .index-two-section-info{width: 60%;top: 2rem;} .index-two-section-info dd a{/* width: 2.65rem; */height: .72rem;padding-right: .1rem;font-size: 14px;} .thermometer-right-number{left: .8rem;} .index-two-section-sample{width: 1.85rem;} .homeEnter_top{flex-wrap: nowrap;} .scorllBar{width: 100%;} header .nav li .top_fold{width: 98%;} .headR .nav li{padding-left: .6rem;} } @media (min-width:767px) and (max-width:1200px){ .homeEnter_center{margin-top: .2rem;} .homeEnter .homeEnter_btn{bottom: .4rem;} .workArea_box1_main,.box2_inner1 {flex-wrap: nowrap;} .box2_inner1 .item_box{width:calc((100% - 1.4rem * 2 - .4rem) / 2)} .box2_inner1 .item_box+.item_box{margin-left: .2rem;} .calculator_main>.flex{justify-content: space-between;} } @media screen and (max-width:767px){ /* 计算器 */ .calculator_item ul li:nth-child(-n+5){margin-top: .3rem;} .calculator_main .fl,.calculator_main .fr{ width: 100%; padding-top: 0;} .calculator_item ul li{width: 25%;} .calculator_main .fr{padding: .4rem;position: fixed;left: 0;z-index: 999;bottom: 0rem;border-radius: 0;width: 100%;/* display: none; */} .calculator_fr_item{display: none;} .innovationLab_tabTit{display: block;} .innovationLab_tabTit .scroll{white-space: nowrap;overflow-x: auto;padding-bottom: 10px;} .calculator_scroll{overflow-y: scroll;padding: .4rem;} .calculator_fr_item_box{margin-top: .1rem;} .calculatorTip{position: fixed;width: 100%;left: 0;bottom: 0;z-index: 99991;border-top: 1px solid #eee;background-color: #fff;padding: .3rem .4rem;align-items: center;font-family: 'SourceHanSansCN-Regular';/* height:1.6rem; */} .calculatorTip_step2{font-size: 13px;} .calculatorTip_step2 .tipTitle p{color: #666;font-size: 13px;} .calculatorTip_step2 .tipTitle span{font-size: 20px;color: var(--color1);} .tipFl{width: 55%;} .tipFl .tipTitle{color: var(--color1);margin-bottom: .1rem;font-size: 16px;align-items: center;} .calculatorTip_num{display: inline-flex;margin-right: .1rem;} .tipFl .calculatorTip_arrow{display: inline-flex;margin-left: .2rem;transform: rotate(180deg);transition: all .4s;margin-top: .1rem;} .tipFl .calculatorTip_arrow.cur{transform: rotate(0);} .tipFl>p{color: #04252b8f;font-size: 13px;} .tipFr{width: 45%;display: inline-flex;justify-content: flex-end;} .tipFr a{border-radius: 500px;background-color: var(--color1);color: #fff;padding: .18rem .45rem;} .calculator_fr_item_box{font-size: 13px;} .calculator_fr_c .flex{width: 100%;} .calculator_fr_item .p1{width: 1.2rem;} .calculator_fr_item .inputBox{width: 2rem;height: .56rem;} .calculator_fr_item .p2{width: 1.4rem;} .calculator_bottom_r{width: 4rem;} .calculator_main .scrollBar{max-height:30vh} .calculator_unfold{display: flex;justify-content: flex-end;} .calculator_unfold_btn{display: flex;justify-content: center;margin-bottom:.4rem;align-items: center;border-radius: 500px;background-color:#fff;color: var(--color1);width: 1.8rem;height: .68rem;position: relative;right: 0;box-shadow: 0 0 10px rgba(0,0,0,.15);} #calculator_btn svg{width: .3rem;transform: rotate(180deg);} #calculator_btn svg path{stroke: var(--color1);} #calculator_btn.cur{background-color: var(--color1);color: #fff;} #calculator_btn.cur svg{transform: rotate(0);} #calculator_btn.cur svg path{stroke: #fff;} #calculator_area{padding-top: .5rem;box-shadow: 0 0 .15rem rgba(0,0,0,.1);} #calculator_area.cur{height: 18vh;} .jumpBtn{height: .6rem;} .index-two-section-citys{height: 12rem;} .index-two-section-citys .city-img{transform: translateY(4rem);} .index-two-section-info{top: auto;bottom: 6rem;width: 72%;margin-left: 8%;text-align: left;bottom: auto;top: 2rem;} .index-two-section-thermometer{height: 14rem;top: auto;width: 50px;left: .35rem;transform: scale(.7);transform-origin: left bottom;} .index-two-section-info dd{display: flex;} .index-two-section-info dd a{/* width: 2.65rem; */height: .72rem;padding-right: .1rem;font-size: 14px;} .index-two-section-info dd a+a{margin-left: .1rem;} .index-two-section .jumpBtn{height: .68rem;} .index-two-section-canvas{bottom: -1rem;} .index-two-section .jumpBtn{left: 45%;} .index-three-year-box {transform: scale(.6);transform-origin: 100% 30%;padding-bottom: 2.6rem;padding: 0;} .index-three-section-swiper,.index-three-section-swiper-item-img,.index-three-section-swiper-item-content{width: 100%;} .index-three-section-swiper{overflow: hidden;} .index-three-section-content{align-items: flex-end;padding-bottom: 2rem;} .index-three-section-content .homeTit{position: relative;z-index: 9;} .index-three-section-swiper{/* height: 32vh; */max-height: initial;height: 20vh;} .index-three-section-swiper-item{justify-content: flex-start;display: flex;flex-direction: column;align-items:flex-start;overflow-y: auto;height: 100%;} .index-three-section-swiper-item-content{margin-left: 0;height: initial;} .index-three-section-swiper-item-content-text{padding-right: .2rem;} .index-three-section-swiper-item-img{height: 4.5rem;margin-bottom: .5rem;display: none;} .index-three-section .jumpBtn{bottom: .7rem;} .activityBox2_1 .activityBox2_1_main>div{width: 100%!important;} .activityBox2_1 .activityBox2_1_main>div+div{margin-top: .3rem;margin-left: 0!important;} .activityBox7New_item{width: 100%;margin-bottom: .3rem;} .activityBox7New_item:nth-of-type(2){border-left: none;border-top: 1px solid rgba(1, 111, 182,.3);padding-left: 0;padding-top: .4rem;margin-top: .3rem;} .activityBox7_newBtn{height: .72rem;padding-right: .1rem;} .activityBox7{margin-top: 2.5rem!important;} .activityBox7_blue a{top: -1.4rem;} .activityBox7_blue {padding-bottom: 2rem;} .homeEnter_top{flex-wrap:wrap} .homeEnter>img{height: 13rem;} .videoImg1,.homeEnter_video{width: 100%;} .videoImg2{transform-origin: left center;transform:rotate(90deg) scale(.5);width: initial;display: none;} .homeEnter_center{margin-top: 0;display: none;} .pilotProject_box4_main .item{width: 100%;} .pilotProject_box4_main .item+.item{margin-top: .35rem;margin-left: 0;} .homePartner_swiper .swiper-pagination{width: initial;margin: 0 15px;} .swiperBtn{width: .8rem;height: .8rem;} .homeNews_btn .swiperBtn+.swiperBtn{margin-left: .2rem;} .homeNews_btn .swiperBtn{width: .8rem;height: .8rem;} .newsTop{margin-bottom: 0;} .lang_Btn{height: 1.2rem;} .top_fold_wrap:hover .top_fold_inner{top: 1.25rem;} .startArea_box1{padding-top: .8rem;} .homePartner_swiper .circleSvg {top: -1px;} .index-three-mobile-chang-box{position:absolute;right:0;top:0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;z-index:91;cursor: pointer;} .index-djs-mobile-up{width:25px;height:25px;background:url(../imgs/dsj-mobile-up-btn.svg) no-repeat center center;background-size:100% 100%;margin-right:15px;background-color: var(--color1);border-radius: 3px;overflow: hidden;} .index-djs-mobile-down{width:25px;height:25px;background:url(../imgs/dsj-mobile-down-btn.svg) no-repeat center center;background-size:100% 100%;background-color: var(--color1);border-radius: 3px;overflow: hidden;} .bannerTop_info h2{font-size: 30px;} .bannerHome .img video{height: 13rem;} .bannerList{overflow-x: auto;padding-bottom: 10px;width: 110%;overflow-y: hidden;scrollbar-width: none;} .bannerList::-webkit-scrollbar{width: 0;height: 0;} .bannerScroll{width: 990px;} .bannerList a{margin-right: 30px;} .pilotProject_box1_main dt h6,.pilotProject_box2_main .item .txt h6{font-size: 18px;} .startArea_box1 .item{height: 3rem;} .startArea_box1 .item p{height: .4rem;line-height: 1.4;} .workArea_box2 li{line-height: 1.2;padding-left: .3rem;} .workArea_box2 li+li{margin-bottom: .2rem;} .box2_inner1 .item_box{ font-size: 16px;} .startArea_box1 .item{height: initial;} .startArea_box1 .item p{height: initial;} .commonBar .txt h6{font-size: 18px;} .jumpBtn{width: auto;padding: 0 .2rem;bottom: .6rem;font-size: 14px;} .index-two-section-info dd{flex-wrap: wrap;} .index-two-section-info dd a+a{margin-top: .2rem;} .index-two-section-sample{width: 2.3rem;line-height: 1.2;} .index-two-section-sample-item{font-size: 14px;} .index-two-section .jumpBtn{left: 40%;} .homeEnter_video a .videoBtn{width: .84rem;} .aboutBox2_item{height: initial;} .calculator_item h6,.calculator_fr_item h6{width: 100%;} .calculator_fr_item .p1{width: 100%;margin-bottom: .1rem;} .activityBox3_main .img img{height: 19.6rem;} .sceneBtn{font-size: 12px;} } .floatAi{position: fixed;bottom: .2rem;right: .2rem;z-index: 999;border-radius: 50%;background-color: #fff;padding: .03rem;cursor: pointer;} @media screen and (max-width:767px){ .floatAi{width: .8rem;} } .activityBox2_2{padding-top: .2rem;} .activityBox2_2 .activityBox2_1_main>div{border-radius: 0;} .activityBox2_2 .activityBox2_1_main>div img{width: auto;} .activityBox2_2 .activityBox7New_item:nth-of-type(2){border-radius: 0;} .activityBox2_2 .activityBox2_1_main{margin-top: .8rem;border-radius: .2rem;background-color: #fff;box-shadow: 0 8px 44px rgba(0, 0, 0, 0.15);padding: .8rem;margin-bottom: 1.2rem;} .activityBox2_2 .activityBox7New_item{width: 50%;display: flex;justify-content: center;align-items: center;} .activityBox2_2 .activityBox7New_item:nth-of-type(2){border-left: 1px solid rgba(1, 111, 182,.3);} .activityBox2_2 .activityBox7New_item dt{color: #000;font-family: 'SourceHanSansCN-Medium';margin-bottom: .3rem;display: flex;align-items: center;} .activityBox2_2 .activityBox7New_item dt img{display: inline-flex;margin-right: .12rem;} .activityBox2_2 .activityBox7New_item dd{margin-left: .28rem;} .activityBox2_2 .activityBox7New_item dd p{margin-top: .15rem;display: flex;align-items: center;} .activityBox2_2 .activityBox7New_item dd img{display: inline-flex;margin-right: .15rem;} @media screen and (max-width:767px){ .activityBox2_2 .activityBox7New_item{width: 100%;margin-bottom: .3rem;} .activityBox2_2 .activityBox7New_item:nth-of-type(2){border-left: none;border-top: 1px solid rgba(1, 111, 182,.3);padding-left: 0;padding-top: .4rem;margin-top: .3rem;} .newSwiper a .imgs img{height: initial;} .tabTop .w1480{height: 1rem;white-space: nowrap;overflow-x: auto;width: auto;margin: 0 .2rem;display: block;} .tabTop a{width: auto;padding: 0 .2rem;} .index-two-section-info dt > p{font-size: 15px;line-height: 1.4;} .bannerInner a{margin-top: 0;} .videoBtn{width: 1rem!important;} .sceneTab{overflow: hidden;} .sceneTab a{white-space: initial;text-align: center;min-width: 4rem;height: 1.3rem;padding: .2rem;line-height: 1.3;} } /*2025.9.26*/ .innovationLab_tabCon_item1{position: relative;} .innovationLab_tabCon_item1>span{display: inline-flex;color: #fff;position: absolute;top: 0;left: 0;z-index: 1;padding: .12rem .4rem;font-size: .18rem;border-bottom-right-radius: .2rem;} .innovationLab_tabCon_item1>span.blueColor{background-color: #016FB6;} .innovationLab_tabCon_item1>span.greenColor{background-color: #00A296;} .innovationLab_tabCon_item1>span.lightGreenColor{background-color: #14AE68;} .innovationLab_tabCon_item1>span.light2GreenColor{background-color: #8FBF22;} .innovationLab_tabCon_item1 a{display: inline-flex;align-items: center;font-size: .18rem;margin-top: .2rem;font-weight: 500;line-height: 1;font-family: 'SourceHanSansCN-Medium';} /*.innovationLab_tabCon_item1 a svg{margin-right: .14rem;width: .48rem;} .innovationLab_tabCon_item1 a:hover p{text-decoration: underline;}*/ @media screen and (max-width:1200px){ .innovationLab_tabCon_item1>span{font-size: .24rem;} .innovationLab_tabCon1 .txt{margin-top: .6rem;} /*.innovationLab_tabCon_item1 a{font-size: .28rem;} .innovationLab_tabCon_item1 a svg,.innovationLab_tabCon_item2 .txt a svg{width: .64rem;}*/ }