.rel{ position: relative; } a{ color: #ffffff; } @font-face { font-family: "zihun"; src:; } @font-face { font-family: "lantingxi"; src:; } @font-face { font-family: "lantingzhong"; src:; } @font-face { font-family: "fzlthjw"; src:; } @font-face { font-family: "gotham"; src:; } body{ font-family: -apple-system, blinkmacsystemfont, "zihun", "lantingxi", "lantingzhong", "fzlthjw", "gotham"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ennenergy-main{ width: 100%; min-width: 1200px; /*overflow-x: hidden;*/ overflow: hidden; position: relative; } .ennenergy-main img{ display: block; width: 100%; } .ennenergy-main .header-nav:hover{ background: #0c5c81; } .ennenergy-main .header-nav{ position: fixed; top:0; left:0; width: 100%; min-width: 1200px; height:60px; z-index: 9999; /* background: rgba(12, 92, 129, 0.7); */ box-shadow: none; background: hsla(120, 100%, 75%, 0.1); backdrop-filter: blur(20px); /* filter: blur(8px) */ font-family: fzlantinghei-db-gbk; } .ennenergy-main .header-nav .logo-img{ position: absolute; width:147px; top: 11px; left: .3rem; height: 38px; } .ennenergy-main .top-nav-content{ width:24rem; margin: 0 auto; position: relative; } .ennenergy-main .top-nav-content .content-ul{ width: 100%; overflow: hidden; } .ennenergy-main .top-nav-content .content-ul .content-li{ height: 100%; float: left; width:16.66%; } .ennenergy-main .top-nav-content .content-ul .content-li .text-box{ height: 60px; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; cursor: pointer; } .ennenergy-main .top-nav-content .content-ul .content-li:hover .text-box{ font-weight: 800; } .ennenergy-main .top-nav-content .content-ul .content-li .text-box .p{ overflow: hidden; margin: 0 auto; display: inline-block; height: 60px; } .ennenergy-main .top-nav-content .content-ul .content-li .text-box .txt{ display: inline-block; float: left; font-family: fzlantinghei-db-gbk; } .ennenergy-main .top-nav-content .content-ul .content-li .text-box .jiantou{ display: inline-block; float: left; margin-left: 4px; width: 20px; margin-top: 17px; transition: all 0.5s; } .ennenergy-main .top-nav-content .content-ul .content-li:hover .text-box .jiantou{ transform: rotate(-180deg); } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content{ position: absolute; top: 60px; left: 0; width: 1200px; overflow: hidden; padding:45px 72px; background:rgba(1, 29, 38, 0.7); box-sizing: border-box; display: none; } .ennenergy-main .top-nav-content .content-ul .content-li:hover .slider-content{ display: block; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box{ width: 100%; overflow: hidden; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider{ width:20%; float: left; color: #ffffff; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider .two-a{ display: block; color: #ffffff; font-size:18px; line-height: 22px; padding-bottom: 11px; /*text-decoration: underline;*/ } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider .two-a2{ cursor: default !important; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider .two-a span{ padding-bottom: 5px; border-bottom: 1px solid #ffffff; font-family: fzlantinghei-db-gbk; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider .three-a{ color: #ffffff; display: block; line-height: 35px; font-size: 16px; font-family: fzlantinghei-db-gbk; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider .three-a2{ cursor: default !important; font-family: fzlantinghei-db-gbk; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider .three-a:hover{ text-decoration: underline; } .ennenergy-main .top-nav-content .content-ul .content-li .slider-content .slider-box .slider .three-a2:hover{ text-decoration: none !important; } .ennenergy-main .index-swiper{ position: relative; width: 100%; height:20.3rem; } .ennenergy-main .index-swiper .banner-next{ position: absolute; top:9.21rem; right:.6rem; width: 2.45rem; height: .94rem; z-index: 90; cursor: pointer; } .ennenergy-main .index-swiper .banner-next .min-img{ position: absolute; top:.18rem; right: .18rem; height: .6rem; width: .6rem; border-radius: .6rem; overflow: hidden; opacity: 0; transition: all 0.2s; } .ennenergy-main .index-swiper .banner-next:hover .min-img{ opacity: 1; } .ennenergy-main .index-swiper .banner-next .wai-quan{ position: absolute; top:.17rem; right: .17rem; height: .6rem; width: .6rem; border-radius: .6rem; overflow: hidden; border: 1px solid #ffffff; transition: all 0.2s; transform-origin: center; } .ennenergy-main .index-swiper .banner-next:hover .wai-quan{ transform: scale(1.4); } .ennenergy-main .index-swiper .banner-next .line-arrow-text{ position: absolute; top:.4rem; right:.44rem; /* overflow: hidden; */ } .ennenergy-main .index-swiper .banner-next .line-arrow-text .line-arrow{ float: right; overflow: hidden; } .ennenergy-main .index-swiper .banner-next .line-arrow-text .line-arrow .sanjiao{ float: right; border-top: 4px solid transparent; border-left: 4px solid #ffffff; border-bottom: 4px solid transparent; } .ennenergy-main .index-swiper .banner-next .line-arrow-text .line-arrow .line{ width:.9rem; height: 1px; float: right; background: #ffffff; margin-top: 3.6px; transition: all 0.4s; } .ennenergy-main .index-swiper .banner-next:hover .line-arrow-text .line-arrow .line{ width: 0.7rem; } .ennenergy-main .index-swiper .banner-next .line-arrow-text .text{ font-size: 12px; color: #ffffff; float: right; margin-top: -5px; } .ennenergy-main .index-swiper .banner-prov{ position: absolute; top:9.21rem; left:.6rem; width: 2.45rem; height: .94rem; z-index: 90; cursor: pointer; } .ennenergy-main .index-swiper .banner-prov .min-img{ position: absolute; top:.18rem; left: .18rem; height: .6rem; width: .6rem; border-radius: .6rem; overflow: hidden; opacity: 0; transition: all 0.2s; } .ennenergy-main .index-swiper .banner-prov:hover .min-img{ opacity: 1; } .ennenergy-main .index-swiper .banner-prov .wai-quan{ position: absolute; top:.17rem; left: .17rem; height: .6rem; width: .6rem; border-radius: .6rem; overflow: hidden; border: 1px solid #ffffff; transition: all 0.2s; transform-origin: center; } .ennenergy-main .index-swiper .banner-prov:hover .wai-quan{ transform: scale(1.4); } .ennenergy-main .index-swiper .banner-prov .line-arrow-text{ position: absolute; top:.42rem; left:.44rem; /* overflow: hidden; */ } .ennenergy-main .index-swiper .banner-prov .line-arrow-text .line-arrow{ float: left; overflow: hidden; } .ennenergy-main .index-swiper .banner-prov .line-arrow-text .line-arrow .sanjiao{ float: left; border-top: 4px solid transparent; border-right: 4px solid #ffffff; border-bottom: 4px solid transparent; } .ennenergy-main .index-swiper .banner-prov .line-arrow-text .line-arrow .line{ width:.9rem; height: 1px; float: left; background: #ffffff; margin-top: 3.6px; transition: all 0.4s; } .ennenergy-main .index-swiper .banner-prov:hover .line-arrow-text .line-arrow .line{ width: 0.7rem; } .ennenergy-main .index-swiper .banner-prov .line-arrow-text .text{ font-size: 12px; color: #ffffff; float: right; margin-top: -5px; } .ennenergy-main .index-swiper .swiper-container{ width: 100%; height: 25.3rem; } .ennenergy-main .index-swiper .swiper-container .swiper-slide{ position: relative; width: 100%; height: 100%; } .ennenergy-main .index-swiper .swiper-container .swiper-slide .banner-img{ width: 100%; height: 100%; } .ennenergy-main .index-swiper .swiper-container .swiper-slide .banner-p1{ position: absolute; top:14.72rem; left:0; width: 100%; text-align: center; font-size: 1.4rem; color: #ffffff; } .ennenergy-main .index-swiper .swiper-container .swiper-slide .banner-p1 .p1{ opacity: 0; transform: translate3d(0,.6rem,0); transition: all 0.6s; } .ennenergy-main .index-swiper .swiper-container .swiper-slide-active .banner-p1 .p1{ opacity: 1 !important; transform: translate3d(0,0,0) !important; font-family: "lantingzhong"; } .ennenergy-main .index-swiper .swiper-container .swiper-slide .banner-p2{ position: absolute; top:16.63rem; left:0; width: 100%; text-align: center; font-size: .68rem; color: #ffffff; font-weight: 600; } .ennenergy-main .index-swiper .swiper-container .swiper-slide .banner-p2 .p2{ opacity: 0; transform: translate3d(0,.6rem,0); transition: all 0.6s 0.3s; } .ennenergy-main .index-swiper .swiper-container .swiper-slide .banner-p3{ position: absolute; top:17.93rem; left:0; width: 100%; text-align: center; font-size: .38rem; font-family: fzlantinghei-db-gbk; color: #ffffff; font-weight: 600; } .ennenergy-main .index-swiper .swiper-container .swiper-slide .banner-p3 .p2{ opacity: 0; transform: translate3d(0,.6rem,0); transition: all 0.6s 0.5s; } .ennenergy-main .index-swiper .swiper-container .swiper-slide-active .banner-p3 .p2{ opacity: 1 !important; transform: translate3d(0,0,0) !important; } .ennenergy-main .index-swiper .swiper-container .swiper-slide-active .banner-p2 .p2{ opacity: 1 !important; transform: translate3d(0,0,0) !important; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5.69rem !important; } .swiper-pagination-bullet{ background: none !important; border: 1px solid #ffffff !important; } .swiper-pagination-bullet-active{ background: #ffffff !important; opacity: 0.7 !important; } .about-ennenergy{ width: 62.5%; height:20rem; margin: 0 auto; overflow: hidden; z-index: 10; box-sizing: border-box; position: relative; } .about-ennenergy .about-content{ width: 38.4rem; height:20rem; top: 50%; left: 50%; overflow: hidden; position: absolute; transform: translate(-50%,-50%); } .about-ennenergy .about-content .bg-img{ display: block; position: absolute; top: 0; left: 0; width: 100%; } .about-ennenergy .about-content .about-num{ position: absolute; top:13.73rem; left:11.51rem; z-index: 20; overflow: hidden; } .about-ennenergy .about-content .about-num .top-name{ font-size: .8rem; overflow: hidden; opacity: 0; position: relative; transform: translate(0,1rem); transition: all 0.8s; } .about-ennenergy .about-content .about-num-active .top-name{ opacity: 1 !important; transform: translate(0,0) !important; } .about-ennenergy .about-content .about-num .top-name .p1{ color: #ffffff; /*display: inline-block;*/ font-weight: 600; font-family: "lantingzhong"; } .about-ennenergy .about-content .about-num .top-name .center{ color: #ffffff; padding:0 .2rem; display: inline-block; } .about-ennenergy .about-content .about-num .top-name .p2{ color: #ffffff; /*display: inline-block;*/ font-family: "lantingzhong"; } .about-ennenergy .about-content .bottom-num{ margin-top:.45rem; overflow: hidden; opacity: 0; position: relative; transform: translate(0,1rem); transition: all 0.8s 0.3s; } .about-ennenergy .about-content .about-num-active .bottom-num{ opacity: 1 !important; transform: translate(0,0) !important; } .about-ennenergy .about-content .bottom-num .num-box{ float: left; margin-left: 1.28rem; color: #ffffff; } .about-ennenergy .about-content .bottom-num .num-box .bottom{ font-size: .26rem; font-family: "lantingxi"; } .about-ennenergy .about-content .bottom-num .num-box:nth-of-type(1){ margin-left: 0; } .about-ennenergy .about-content .bottom-num .num-box .top{ overflow: hidden; } .about-ennenergy .about-content .bottom-num .num-box .top .jiantou{ display: inline-block; width:.32rem; } .about-ennenergy .about-content .bottom-num .num-box .top .num{ display: inline-block; font-weight: 600; font-size:.95rem; font-weight: 500; font-family: "gotham"; } .about-ennenergy .about-content .bottom-num .num-box .top .bili{ display: inline-block; font-size:.45rem; } .about-ennenergy .about-content .more-btn{ width: 2.29rem; height: .84rem; line-height: .84rem; color: #ffffff; font-size:.28rem; font-weight: 600; background: #1e7fe8; border-radius: 0.42rem; margin-top: .41rem; text-align: center; position: relative; opacity: 0; transform: translate(0,1rem); transition: opacity,transform 0.8s 0.6s; display: block; font-family: "lantingxi"; cursor: pointer; } .about-ennenergy .about-content .more-btn:hover{ background: #00d578; color: #ffffff; } .about-ennenergy .about-content .about-num-active .more-btn{ opacity: 1 !important; transform: translate(0,0) !important; } .business-plate{ position: relative; width: 100%; overflow: hidden; } .business-plate .top-tit{ padding:2.45rem 0 1.32rem; font-size: .8rem; width: 100%; color: #000000; text-align: center; } .business-plate .business-content{ position: relative; width:100%; overflow: hidden; height: 15.85rem; } .business-plate .business-content .bg-img{ display: block; width: 100%; height: 100%; position: relative; } .business-plate .business-content .bg-img img{ display: block; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: all 0.8s; } .business-plate .business-content .bg-img .img:nth-of-type(1){ opacity: 1; } .business-plate .business-content .bottom-text{ position: absolute; bottom:1rem; left: 50%; width: 24rem; transform: translate(-50%,0); } .business-plate .business-content .bottom-text .text-slider{ float: left; width: 6.11rem; margin-left:2.83rem; color: #ffffff; height:2.2rem; transition: all 0.8s; position: relative; display: block; cursor: pointer; opacity: 0; transform: translate(0,1rem); } .business-plate .business-content .bottom-text-active .text-slider{ opacity: 1 !important; transform: translate(0,0) !important; } .business-plate .business-content .bottom-text .text-slider:nth-of-type(1){ margin-left: 0; transition: all 0.8s; } .business-plate .business-content .bottom-text .text-slider:nth-of-type(2){ transition: all 0.8s 0.3s; } .business-plate .business-content .bottom-text .text-slider:nth-of-type(3){ transition: all 0.8s 0.6s; } .business-plate .business-content .bottom-text .text-slider .p1{ font-size: .6rem; font-family: fzlantinghei-db-gbk; position: relative; font-weight: 600; transition: all 0.8s; } .business-plate .business-content .bottom-text .text-slider-active .p1{ transform: translate(0,-1.6rem); } .business-plate .business-content .bottom-text .text-slider .p2{ margin-top:.42rem; color: #ffffff; position: relative; font-size:.28rem; line-height: .4rem; transition: all 0.8s; } .business-plate .business-content .bottom-text .text-slider-active .p2{ transform: translate(0,-1.6rem); } .business-plate .business-content .bottom-text .text-slider .more-btn{ width: 2.29rem; height: .84rem; line-height: .84rem; color: #ffffff; font-size:.28rem; font-weight: 600; background: #1e7fe8; border-radius: 0.42rem; margin-top: .73rem; text-align: center; opacity: 0; display: block; position: relative; transition: all 0.8s; } .business-plate .business-content .bottom-text .text-slider-active .more-btn{ opacity: 1; transform: translate(0,-1.6rem); } /* 股票相关 */ .shares-about{ width: 100%; height:23.31rem; background: #e6e6e6; overflow: hidden; position: relative; margin-top: -2.59rem; padding-top: 2.59rem; box-sizing: border-box; } .shares-about .left-img{ display: block; width:8.7rem; height: 11rem; position: absolute; top:6.67rem; left: 10.48rem; opacity: 0; transition: all 1.2s; transform: translate(0,4.5rem); } .shares-about-active .left-img{ opacity: 1 !important; transform: translate(0,0) !important; } .shares-about .right-img{ display: block; width:8.7rem; height: 11rem; position: absolute; top:5.19rem; left: 19.16rem; opacity: 0; transition: all 1.2s; transform: translate(0,-3.2rem); } .shares-about-active .right-img{ opacity: 1 !important; transform: translate(0,0) !important; } .shares-about .gupiao1-box{ position: absolute; top:16.84rem; left:20.42rem; width: 7.54rem; /*height: 1.03rem;*/ opacity: 0; transition: all 1.2s 1s; transform: translate(0,1rem); } .shares-about .gupiao1-box iframe{ display: block; width: 100%; height: 100%; } .shares-about-active .gupiao1-box{ opacity: 1 !important; transform: translate(0,0) !important; } .shares-about .gupiao1-box img{ display: block; } .shares-about .gupiao2-box{ position: absolute; top:9.21rem; left:28.31rem; width: 6.73rem; /*height: 3.9rem;*/ overflow: hidden; opacity: 0; transition: all 1.2s 1s; transform: translate(1rem,0); } .shares-about .gupiao2-box .txt{ width: 1.8rem; font-size: .8rem; font-weight: 600; color: #474747; display: block; z-index: 2; font-family: "lantingxi"; } .shares-about .gupiao2-box iframe{ display: block; width: 100%; margin-top: .2rem; } .shares-about-active .gupiao2-box{ opacity: 1 !important; transform: translate(0,0) !important; } .shares-about .gupiao2-box img{ display: block; } .shares-about .left-text{ width: 1.8rem; font-size: .8rem; font-weight: 600; color: #474747; display: block; position: absolute; top:9.29rem; left:7.61rem; z-index: 2; opacity: 0; transform: translate(-3rem,0); transition: all 1s; font-family: "lantingxi"; } .shares-about .left-text-active{ opacity: 1 !important; transform: translate(0,0) !important; } .shares-about .mored-btn{ width: 2.29rem; height: .84rem; line-height: .84rem; color: #ffffff; background: #1e7fe8; border-radius: .42rem; font-size:.28rem; font-weight: 600; text-align: center; display: block; position: absolute; top:18.79rem; left:25.58rem; opacity: 0; transform: translate(0,.6rem); transition: opacity 1s 1s,transform 1s 1s; font-family: "lantingxi"; z-index: 6; } .mored-btn:hover{ background: #00d578; color: #ffffff; } .more-btn:hover{ background: #00d578; color: #ffffff; } .shares-about .mored-btn-active{ opacity: 1 !important; transform: translate(0,0) !important; } .shares-about .mored-btn2{ width: 2.29rem; height: .84rem; line-height: .84rem; color: #ffffff; background: #1e7fe8; border-radius: .42rem; font-size:.28rem; font-weight: 600; text-align: center; display: block; position: absolute; top:18.47rem; left:10.45rem; opacity: 0; transform: translate(0,.6rem); transition: opacity 1s 1s,transform 1s 1s; font-family: "lantingxi"; } .mored-btn2:hover{ background: #00d578; color: #ffffff; } .shares-about .mored-btn-active{ opacity: 1 !important; transform: translate(0,0) !important; } /* 新奥新闻 */ .enn-journalism{ position: relative; width: 100%; height:20rem; overflow: hidden; } .enn-journalism .bg-img{ display: block; width: 100%; height: 100%; } .enn-journalism .bg-img img{ display: block; width: 100%; height: 100%; } .enn-journalism .journalism-list{ display: block; position: absolute; top: 2.7rem; left: 19.7rem; overflow: hidden; width: 6.5rem; } .enn-journalism .journalism-list .top-tit{ width: 100%; color: #ffffff; font-size: .8rem; font-weight: 600; opacity: 0; transform: translate(0,1rem); transition: all 0.8s; font-family: "lantingxi"; } .enn-journalism .journalism-list-active .top-tit{ opacity: 1 !important; transform: translate(0,0) !important; } .enn-journalism .journalism-list .journalism{ margin-top:.41rem; color: #ffffff; font-size: .32rem; font-weight: 600; opacity: 0; transform: translate(0,1rem); transition: all 0.8s 0.3s; display: block; line-height: .4rem; cursor: pointer; font-family: "lantingxi"; } .enn-journalism .journalism-list .journalism:hover .time{ text-decoration:underline; } .enn-journalism .journalism-list .journalism:hover .cont{ text-decoration:underline; } .enn-journalism .journalism-list-active .journalism{ opacity: 1 !important; transform: translate(0,0) !important; } .enn-journalism .journalism-list .more-btn{ margin-top:.83rem; width: 2.29rem; height: .84rem; line-height: .84rem; color: #ffffff; font-size:.28rem; font-weight: 600; background: #1e7fe8; border-radius: 0.42rem; text-align: center; display: block; opacity: 0; transform: translate(0,1rem); transition: opacity,transform 0.8s 0.6s; font-family: "lantingxi"; } .enn-journalism .journalism-list .more-btn:hover{ background: #00d578; color: #ffffff; } .enn-journalism .journalism-list-active .more-btn{ opacity: 1 !important; transform: translate(0,0) !important; } .footer{ padding: 0 0 .58rem 0; background: #191919;; width: 100%; height: 7.66rem; position: relative; z-index: 99; } .footer .footer-content{ width: 27.32rem; margin: 0 auto; height: 6.76rem; position: relative; } .footer .footer-content .top-link{ width: 100%; overflow: hidden; /*padding-bottom: 90px;*/ position: absolute; top: -.93rem; left: 0; padding-bottom: .3rem; border-bottom:1px solid #ffffff; } .footer .footer-content .top-link .link-slider{ float: left; width: 16.66%; } .footer .footer-content .top-link .link-slider .p1{ font-size: 14px; color: #ffffff; line-height: 1.8rem; background: #1e7fe8; height: 1.8rem; text-align: center; font-family: fzlantinghei-b-gbk; } .footer .footer-content .top-link .link-slider .p2{ font-size: 12px; color: #5a5a5a; line-height: 25px; text-align: center; font-family: fzlantingheis-r-gb; } .footer .footer-content .top-link .link-slider .p2 a{ font-family: fzlantingheis-r-gb; } .footer .footer-content .top-link .link-slider .p2:nth-of-type(1){ margin-top: .73rem; } .footer .footer-content .top-link .link-slider .p2 a{ display: inline-block; margin: 0 auto; cursor: pointer; } .footer .footer-content .bottom-msg{ width: 100%; overflow: hidden; position: absolute; top: 5.9rem; } .footer .footer-content .bottom-msg .left-txt{ float: left; font-size: 12px; color: #5a5a5a; margin-top: .3rem; font-family: fzlantingheis-r-gb; } .footer .footer-content .bottom-msg .left-txt .left-top .a{ display: inline-block; color: #ffffff; font-family: fzlantingheis-r-gb; } .footer .footer-content .bottom-msg .left-bottom{ margin-top: .6rem; color: #ffffff; font-family: fzlantingheis-r-gb; width: 100%; font-size: 12px; float: left; } .footer .footer-content .bottom-msg .right-txt{ float: right; font-size: 12px; color: #5a5a5a; overflow: hidden; font-family: fzlantingheis-r-gb; } .footer .footer-content .bottom-msg .right-txt .right-left{ display: block; float: left; overflow: hidden; padding-right:22px; } .footer .footer-content .bottom-msg .right-txt .right-left .img{ display: block; float: left; width:32px; height: 32px; padding-right: 7px; margin-top: 7px; } .footer .footer-content .bottom-msg .right-txt .right-left .img img{ display: block; width: 100%; } .footer .footer-content .bottom-msg .right-txt .right-left .txt{ float: left; overflow: hidden; } .footer .footer-content .bottom-msg .right-txt .right-left .txt .p1{ font-size: 12px; display: block; color: #ffffff; font-family: fzlantingheis-r-gb; } .footer .footer-content .bottom-msg .right-txt .right-left .txt .p2{ font-size: 20px; font-weight: 600; display: block; color: #ffffff; font-family: fzlantingheis-r-gb; } .footer .footer-content .bottom-msg .right-txt .right-right{ float: left; overflow: hidden; padding-left:22px; border-left: 1px solid #ffffff; } .footer .footer-content .bottom-msg .right-txt .right-right .p1{ font-size: 12px; display: block; color: #ffffff; font-family: fzlantingheis-r-gb; } .footer .footer-content .bottom-msg .right-txt .right-right .p2{ font-size: 20px; font-weight: 600; display: block; color: #ffffff; font-family: fzlantingheis-r-gb; } .details-guide-footer{ padding: 2.47rem 0 1.82rem 5.76rem; font-size: .24rem; line-height: .4rem; color: #474747; font-family: fzlantingheis-r-gb; } .details-guide-footer a{ color: #474747; font-family: fzlantingheis-r-gb; } .details-guide-footer a:hover{ color:#1e7fe8; } /* 左侧英镑信息 */ .index-nav{ position: fixed; top: 50%; right:.52rem; height:8.8rem; width:1.84rem; z-index: 99999; transform: translate(0,-50%); overflow: hidden; } .index-nav .index-nav-rel{ position: relative; width: 100%; height: 100%; } .index-nav .index-nav-rel .nav-list .li{ margin-top:1.44rem; width: 100%; font-size: .24rem; color:#c7c7c7; line-height: .34rem; } .index-nav .index-nav-rel .nav-list .li:nth-of-type(1){ margin-top: 0; } .index-nav .index-nav-rel .nav-list .li .sp1{ border:1px solid #c7c7c7; width:.09rem; height: .09rem; border-radius: 50%; display: inline-block; } .index-nav .index-nav-rel .nav-list .li .sp2{ margin-left: .15rem; } .index-nav .index-nav-rel .go-top{ display: block; width:1rem; height: 1rem; background:#333333; border-radius: 0.5rem; text-align: center; font-size: .24rem; color:#c7c7c7; overflow: hidden; margin: 0 auto; margin-top: 1.6rem; } .index-nav .index-nav-rel .go-top .top-logo{ display: block; width: .3rem; height: .3rem; position: relative; margin-top: .2rem; margin-left: .3rem; } .index-nav .index-nav-rel .go-top .top-logo::after{ display: inline-block; content: " "; height: 0.14rem; width: 0.14rem; border-width: 0 0.04rem 0.04rem 0; border-color: #ffffff; border-style: solid; transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform-origin: center; transition: transform .3s; position: absolute; top: 0.05rem; right: 0; transform: rotate(-135deg) }