#nav {
    position: fixed;
    top: 50%;
    right: 0px;
    margin-top:-250px;
    display: inline-block;
    vertical-align: middle;
    z-index:4;
}

       #nav a{
           display: block;
           position: relative;
           width: 55px;
           height:40px;
           margin:30px 0;
       }
       #nav a:after {
        content:"";
        position:absolute;
        display:block;
        width:60px;
        height:3px;
        top:47px;
        right:0;
        background:#111;
       }
         #nav a i {color:#fff;position: relative;
    z-index: 4;
    font-style:normal;font-size:0.2rem;
}
        #nav a span:before {
        content:"";
        position:absolute;
        display:block;
        width:30px;
        height:30px;
        left:-3px;
        top:64px;
        margin-top:-30px;
        background:#000;
        transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
     z-index:2;
        }
         #nav a#aPage-1  {}
        #nav a#aPage-2  {}
         #nav a#aPage-3  {}
         
         
#nav a#aPage-1 span {opacity: 0;}
#nav a#aPage-2 span {opacity: 0;}
#nav a#aPage-3 span {opacity: 0;}
 
#nav a#aPage-1 i {opacity: 0;}
#nav a#aPage-2 i {opacity: 0;}
#nav a#aPage-3 i {opacity: 0;}
 
#nav a#aPage-1.active span {opacity: 1;}
#nav a#aPage-2.active span {opacity: 1;}
#nav a#aPage-3.active span {opacity: 1;}
 
#nav a#aPage-1.active i {opacity: 1;}
#nav a#aPage-2.active i {opacity: 1;color:#000;}
#nav a#aPage-3.active i { opacity: 1;color:#000;}

#nav  a#aPage-2.active span:before { background:#fff;color:#000;}
#nav  a#aPage-3.active span:before { background:#fff;color:#000;}

#nav  a#aPage-2.active:after {background:#fff;}
#nav  a#aPage-3.active:after {background:#fff;}

#aPage-4 {opacity:0;}

#nav a#aPage-1.active:after {
	background:#111;
}
#nav a:after { 
	width:40px;
	background:#bdbdbd;
}
        
        #nav a span {
        position:relative;
        z-index:3;
         display:block;
        width:120px;
        height:40px;
       color:#fff;
       line-height:40px;
        }
        .gotoPage2 {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 30px;
    display: block;
    z-index: 6;
    width: 30px;
    height: 26px;
    background: url(/static/h5/img/xny/icon-Down-arrow@2x.png) no-repeat center top;
    background-size: 30px 26px;}
	.gree-about-xny-banner-show {
		padding-top:0.72rem;
		text-align:center;
	}
        .ximg {
        	width:2.98rem;
        	height:1.96rem;
        	margin:0 auto;
        }
        
.x-1{

height:0.66rem;
font-size:0.48rem;
font-weight:400;
color:rgba(26,34,30,1);
line-height:0.66rem;
}
.x-2 {
	margin:0 auto;
	width:5.42rem;
height:0.68rem;
font-size:0.24rem;
font-weight:300;
color:rgba(26,34,30,1);
line-height:0.34rem;
}
.x-3 {
	padding:0.4rem 0;

font-size:0.36rem;

font-weight:400;
color:rgba(26,34,30,1);
line-height:0.5rem;
letter-spacing:6px;
}
.x-4 {margin:0 auto;
	width:4.5rem;}
.x-4 li {float:left;width:50%;text-align:center;}
.x-4 li img {width:.82rem;height:.82rem;display:block;margin:0 auto;}
.x-4 li p {

height:0.4rem;
font-size:0.28rem;
font-weight:400;
color:rgba(26,34,30,1);
line-height:0.4rem;
}
.xny-box {
	min-height:7.5rem;
	position:relative;
}
.xny-1 {
	
	background:url(/static/h5/img/xny/banner-0-electricity@2x.png) no-repeat center;
	background-size:7.5rem;
}
.video1 {
    z-index: 2;
    width: 100%;
    height: 7.5rem;
    position: absolute;
    top: 0;
    left: 0%;
    object-fit: cover;
}
.gree-about-xny-banner-show-mask {
	    z-index:3;
    width: 100%;
    height: 7.5rem;
    position: absolute;
    top: 0;
    left: 0%;
    background: rgba(0, 0, 0, 0.7);
} 


.gree-about-xny-banner {
	text-align:center;
}

 .gree-about-xny-banner {
       	position:relative;
       }
        	.gree-about-xny-banner-info {
        		width:7.5rem;
        		position:absolute;
        		margin:0 auto;
        		left:50%;
        		height:7.5rem;
        		top:0rem;
        		margin-left:-3.75rem;
        		z-index:3;
        		
        	}
        	.gree-about-xny-banner-show {
        	padding-top:0.7rem;
        		text-align:center;
        		
        	}
        	.ximg2 {width:3.86rem;
height:1.06rem;margin:0.68rem auto 0 auto;}
        	.x-11 {
        		margin:0 auto;
height:0.8rem;
font-size:0.56rem;

font-weight:600;
color:rgba(255,255,255,1);
line-height:0.8rem;
        	}
        	.x-22 {
        	
        	width:5.04rem;margin:0 auto;
height:0.4rem;
font-size:0.28rem;

font-weight:400;
color:rgba(255,255,255,1);
line-height:0.4rem;}
        	.x-33 {
        	width:5.9rem;margin:0 auto;
height:0.88rem;
font-size:0.24rem;

font-weight:400;
color:rgba(255,255,255,1);
line-height:0.44rem;
        	}
        	
        	
        	.x-44 {padding-top:0.9rem;}
.x-44 li {float:left;width:20%;text-align:center;}
.x-44 li img {width:.82rem;height:.82rem;display:block;margin:0 auto;}
.x-44 li span{
transform: scale(0.8);
height:0.4rem;
font-size:0.22rem;
font-weight:400;
color:#fff;
line-height:0.4rem;
}
.ximg3 {
	width:5.82rem;margin:0.76rem auto 0.34rem auto;
height:1rem;

}
.x-444 {
	padding:0.8rem;
text-align:center;
height:0.88rem;
font-size:0.24rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:0.44rem; }

.xny-2 {
	    background: url(/static/h5/img/ltjkj/b-1.png) no-repeat center;
	    background-size:7.5rem;
}

.xny-3 {
	    background: url(/static/h5/img/ltjkj/b-2.jpg) no-repeat center;
	    background-size:7.5rem;
}<!--ºÄʱ1772494998.2509Ãë-->