.x7banersmall{display:none;}
    .xf3nav{position: absolute;left: 50%;transform: translateX(-50%);z-index: 66;bottom: 30px;border-radius: 999px;overflow: hidden;}
			.xf3nav:before{position: absolute;width: 100%;left:0;top:0;content: '';height: 100%;backdrop-filter: blur(15px);}
			
			
			.xf3nav.active:before{background:rgba(255, 255, 255, 0.7);}
	.xf3nav{padding: 10px 10px;width: 66px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);}
	.xf3navicon{width: 66px;height: 66px;position: absolute;left: 0;top:0;padding:5px;border-radius: 50%;}
	.xf3navicon{background:rgba(0, 0, 0, 0.5);backdrop-filter: blur(15px);}
	.xf3navicon img{width: 100%;}
	.xf3navwz{height: 56px;display: flex;justify-content: space-between;width: 960px;position: relative;}
	.xf3navwz{opacity: 0;}
	.xf3navwz .texts{padding: 0 20px;transition: all 0.3s ease;color:#0182fa;display: flex;justify-content: center;align-items: center;}
	.xf3navwz .texts{transition: all 0.3s ease;border-radius: 99px;cursor: pointer;font-size: 18px;}
	.xf3navwz .texts i{font-size:16px;font-style:normal;padding-left:5px;}
	.xf3nav.active,.xf3nav:hover{width: 980px;}
	.xf3nav.active .xf3navwz,.xf3nav:hover .xf3navwz{opacity: 1;transition: all 0.5s ease;transition-delay: 0.3s;}
	.xf3nav.active .xf3navicon,.xf3nav:hover .xf3navicon{opacity: 0;}
	.xf3nav:hover:before{background:rgba(255, 255, 255, 0.7);}
	.xf3nav{transition: all 0.5s ease;}
	.xf3navicon,.xf3navwz{z-index: 3;}
    .xf3navwz .texts:hover{background: #fff;}
    
    .by35{position:absolute;z-index:10;left:2.5%;top:105px;width:120px;}
    
    .iglobal30{padding-bottom:calc(var(--ptb) * 0.6)}
    .iglobal30ms{max-width:1080px;margin:0 auto;}
    .iglobal30ms{margin-top:25px;line-height:1.6;text-align:center;}
    .iglobal30video{height:90vh;position:relative;overflow:hidden;}
    .iglobal30videom{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
    
    
    .x-tocon{position:absolute;width: 100%;top:50%;transform: translateY(-50%);-webkit-transform:translateY(-50%);padding-left:var(--plr);padding-right:var(--plr);width:100%;padding-left:calc(var(--plr) + 152px);}
     .x-topss .x-tocon .x-tfo {display:block;border:1px solid rgba(255,255,255,1);width:50%;border-radius:10px;backdrop-filter:blur(20px);padding:20px;}
     .x-topss .x-tocon .x-tfo{background:rgba(255,255,255,0.2);}
     .x-topss .x-tocon .x-tfo input,.x-topss .x-tocon .x-tfo button,.x-topss .x-tocon .x-tfo textarea{resize:none; outline:none; background:none;border:none;outline:none;font-family: Microsoft YaHei, Arial, Helvetica, sans-serif, PingFang SC;}
    .x-topss .x-tocon .x-tfo input {display:block;width:100%;color:#000;}
    .x-topss .x-tocon .x-tfo textarea{height:60px;line-height:20px;width:100%;color:#333;}
    .x-topss .x-tocon .x-tfo .x-ftb {margin-top:30px;display:flex;justify-content:space-between;}
    .x-topss .x-tocon .x-tfo .x-ftb .x-fri button {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;background-color:#6cba19;color:#fff;transition:.4s ease-in-out;}
    .x-topss .x-tocon .x-tfo .x-ftb .x-fle .x-bta {display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba #0182fa;border-radius:5px;padding:0  15px;height:40px;color:#fff;background:#0182fa;margin-right:10px;font-size:14px;position:relative;transition:.4s ease-in-out;}
    .x-topss .x-tocon .x-tfo .x-ftb .x-fle .x-bta i {margin-right:8px;}
    .x-topss .x-tocon .x-tfo .x-ftb .x-fle .x-bta.on {background-color:#fff;color:#444;}
    .x-tocon-h1{color:#222;font-size:60px;padding-bottom:20px;}
    
    
    .index_wideo{width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit: cover;height:100%;}
	        .esgbannertitle{position: absolute;left: 50%;transform:translate(-50%, -50%); top: 170px;color: #575556;width: 100%;}
	        
	        
	        
	 .sec-battery{}
    .sec-battery .horizon-lock {width:100%;height:100vh;background:#f8f8f8;}
    /*.sec-battery .horizon-lock {margin-top:calc(-50vh + 165px);}*/
    .sec-battery .position-sticky {position:sticky;top:0;overflow:hidden;}
    .sec-battery .position-sticky {min-height:calc(100vh + (800px - 100vh) / 2);height:100vh;}
    .sec-battery .horizon-lock .position-flex {width:100%;height:100vh;display:flex;justify-content:center;align-items:center;}
    .position-sticky .position-flex {position:relative;}
    .sec-battery .horizon-lock .wrapper {max-width:100%;min-width:100%;display:flex;flex-direction:column;justify-content:center;}
    .sec-battery .horizon-lock .wrapper{padding-top:85px;}
    .sec-battery .horizon-lock .t1,.sec-battery .horizon-lock .t2 {margin:0 auto;}
    .sec-battery .horizon-lock .player {width:100%;overflow:hidden;}
    .sec-battery .horizon-lock .player .ct {width:0;height:2px;border-radius:0;overflow:hidden;display:flex;align-items:center;position:relative;}
    
    .sec-battery .horizon-lock .t1 .ct,.sec-battery .horizon-lock .t2 .ct {width:80%;opacity:0;transform:translateX(100vw);}
    .sec-battery .horizon-lock .t1 .ct.linear,.sec-battery .horizon-lock .t2 .ct.linear {width:fit-content;text-transform:uppercase;}
    /*.sec-battery .horizon-lock .t1 .ct.linear,.sec-battery .horizon-lock .t2 .ct.linear {white-space:pre-wrap;}*/
    .sec-battery .horizon-lock .t1,.sec-battery .horizon-lock .t2{width:100%;padding:0 100px;}
    .sec-battery .horizon-lock .player.center {display:flex;justify-content:center;}
    .sec-battery .horizon-lock .t1 {margin-bottom:24px;}
    .sec-battery .horizon-lock .t2 {margin-top:24px;}
    .sec-battery .horizon-lock .t1 .ct.linear {}
    .sec-battery .horizon-lock .t2 .ct {color:#444;line-height:1.4;}
    .sec-battery .horizon-lock .player .ct .mask {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#5f98d6,#d0f9ff 50%,#5f98d6);background-size:200% 100%;opacity:1;}
    .sec-battery .horizon-lock .player video,.sec-battery .horizon-lock .player img {width:100vw;height:56.25vw;-o-object-fit:cover;object-fit:cover;}
    
    .sec-battery .horizon-lock .player .ct{width:50%;}
     .sec-battery .horizon-lock .t1 .ct,.sec-battery .horizon-lock .t2 .ct {opacity:0;transform:translateX(40vw);}
     .sec-battery .horizon-lock .t2 .ct{padding:0 12.5%;}
     
     .sec-battery .horizon-lock .t1,.sec-battery .horizon-lock .t2{position:absolute;top:50%;transform: translateY(-50%);}
     .sec-battery .horizon-lock .t1,.sec-battery .horizon-lock .t2{z-index:5;display: flex;justify-content: center;}
    .sec-battery .horizon-lock .t1{margin-top:-10px;}
    .sec-battery .horizon-lock .t2{margin-top:120px;}
    .sec-battery .horizon-lock .t2 .ct{text-align: center;}
    /*文字显示*/
    .sec-battery .horizon-lock .t1 .ct,.sec-battery .horizon-lock .t2 .ct {opacity:1;transform:translateX(0);}
    
    .sec-battery .horizon-lock .player .ct{width:100%;height:100%;}
    .sec-battery .horizon-lock .player .ct .mask{opacity:0;visibility: hidden;}
    .sec-tops-p1,.sec-battery .horizon-lock .t2 .ct{color:#fff;}
    .sec-battery .position-sticky{min-height:600px;}
    .sec-battery .horizon-lock .wrapper{padding-top:0;}
    .sec-battery .horizon-lock .player video, .sec-battery .horizon-lock .player img{height:100vh;}
    
    
    
    
    
    .pbsmnav{padding:0 5%;}
.pbsmnav a{float:left;text-align: center;width: 33.33%;position: relative;line-height: 62px;height: 62px;font-size:16px;color:#3071b7; font-weight:bold;}
.pbsmnav a:before{position:absolute;width: 96%;height: 2px;background: #6fb92d;content: '';left:2%;bottom:0;opacity: 0;}
.pbsmnav a:after{position:absolute;width: 2px;height: 20px;background: #1025a8;content: '';top:21px;right:0;}
.pbsmnav a.on,.pbsmnav a:hover{color:#6fb92d;}
.pbsmnav a.on:before,.pbsmnav a:hover:before{bottom:-1px;opacity: 1;}
.pbsmnav a:last-child:after{display: none;}
.pbsmnav a:after,.pbsmnav a:before,.pbsmnav a{transition: all 0.5s ease;}


.xxtab{ text-align:center; background:#fff;}
.xxtab img{ vertical-align:top;}





	.dyhfzlistbg{ position: relative; overflow: hidden; margin-top: 50px;}
	.dyhfz{ padding: 78px 0; padding-bottom: 0;}
	.dyhfztit{width: 1350px;margin:0 auto; margin-top: 50px; display: none;}
	.dyhfztit{background: #434c5e; padding: 30px 0;color:#fff;font-size:12px; position: relative;}
	.dyhfztit:before{ position: absolute;width: 100px; height: 100%;content: '';left:-99px;top:0;background: #434c5e; border-top-left-radius: 89px;}
	.dyhfztit:after{ position: absolute;width: 1000px; height: 100%;content: '';right:-999px;top:0;background: #434c5e;}
	.dyhfzlist{width: 1350px;margin:0 auto; padding: 100px 0;}
	.dyhfzlisth5{font-size:27px;color:#d9dce0; line-height: 32px;}
	.dyhfzlistp1{color:#fff;font-size:14px;}
	.dyhfzlistl li{margin-top: 25px; position: relative;padding-left: 0;}
	.dyhfzlistl li.on{ padding-left: 35px;}
	.dyhfzlistl li.on .dyhfzlisth5{color:#fff; font-weight: bold;}
	.dyhfzlistl li.on .dyhfzlistp1{height: 18px; margin-top: 8px;}
	.dyhfzlistl li.on:before{height: 100%;}
	.dyhfzlistp1{height: 0;overflow: hidden; line-height: 18px;}
	.dyhfzlistl li:before{ position: absolute;content: '';left:0;width:6px;background: #3071b7;height: 0;top:0;}
	.dyhfzlistl li:before,.dyhfzlistrtab,.dyhfzlistl li,.dyhfzlisth5,.dyhfzlistp1{transition: all 0.3s ease;}
	.dyhfzlistrp1{color:#ddd;opacity: 0.6;font-size: 80px;font-family: "DINCondensedBold",aril;}
	.dyhfzlistrp2{color:#fff;font-size: 46px;}
	.dyhfzlistrp3{color:#fff;font-size: 12px; line-height: 1.9; margin-top: 15px;width: 370px;}
	.dyhfzlistrwz{ padding: 0 13%; bottom: 40px; position: absolute;width: 100%;left:0;z-index: 5;}
	.dyhfzlistrtab{ position: relative;}
	.dyhfzlistrm{ position: relative;width: 1000px;height: 505px;}
	.dyhfzlistrtab{ position: absolute;left:0;top:0;width: 100%; opacity: 0;}
	.dyhfzlistrtab.on{opacity: 1;}
	.dyhfzlistrp4{margin-top: 20px; display: inline-block;color:#fff;font-size:16px; line-height: 24px; position: relative;padding-right: 35px;}
	.dyhfzlistrp4 i{background: url(img/icon_viewmore_wt.svg) left center no-repeat;top:0;right:0; position: absolute;display: block;background-size: 100% auto;width: 18px;height: 24px;}
	
	
	
	.news_Boxs {
        	width: 100%;
    	padding: 70px 0 50px;
    }
    .new_listBox { margin-top:50px;}
    		.news_Boxs .new_listBox .new_items2 .botB{background: #fff;}
    .news_Boxs .new_listBox .new_items {
    	width: 32%;
    	box-shadow: 0px 0 20px 0px rgba(7, 70, 146, 0.11);
    	box-sizing: border-box;
    }
    .news_Boxs .new_listBox .new_items>a {
    	display: block;
    }
    .news_Boxs .new_listBox .new_items:nth-of-type(-n+2) {
    	margin-right: 2%;
    }
    .imgBox {
    	width: 100%;
    	height: 288px; height: 250px;
    	box-sizing: border-box;
    	overflow: hidden;
    }
    .imgBox img {
    	display: block;
    	width: 100%;
    }
    .descBox2{ background:#fff;}
    .descBox {
    	padding: 20px 25px;
    }
    .descBox .new_tis {
    	font-size: 12px;
    	line-height: 26px;
    	color: #3071b7;
    	margin-bottom: 15px;
    }
    .descBox h4 {
        font-size: 16px;
        font-weight: bold;
        color: #111111;
        margin-bottom: 15px;
        height: 20px;
        overflow: hidden;
        line-height: 22px;
        text-overflow: ellipsis;
        white-space: pre;
    }
    .descBox .new_des {
    	font-size: 14px;
    	color: #333333;
    	line-height: 24px;
    	height: 24px;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	margin-bottom: 30px;
    }
    .descBox .new_des2{ height:48px;white-space:inherit; height:24px;}
    .descBox .new_time {
    	font-size: 12px;
    	color: #999999;
    	position: relative;
    }
    .descBox .new_time i {
    	display: inline-block;
    	font-size: 12px; width:20px;
    	opacity: 1 !important;
    	position: absolute;right:0;top:5px; height: 10px;
    }
    .descBox .new_time i:before,.descBox .new_time i:after{background-size: auto  100%; background-position: center top; background-repeat: no-repeat; position:absolute;content:'';left:0;top:0;width:100%;height:100%;}
    .descBox .new_time i:before{ background-image:url(img/xwjiant2.png); opacity:0;}
    .descBox .new_time i:after{ background-image:url(img/xwjiant1.png);}
    .new_items2 {
    	box-shadow: none !important;
    	background-color: transparent !important;
    }
    .new_items2 .topA,
    .new_items2 .botB {
    	height: 222px; height: 204px;
    	box-shadow: 0px 0 20px 0px rgba(7, 70, 146, 0.11);
    }
    .new_items2 .topA {
    	margin-bottom: 30px;
    	background-color: #3071b7;
    }
    .new_items2 .topA .new_tis,
    .new_items2 .topA h4,
    .new_items2 .topA .new_des,
    .new_items2 .topA .new_time {
    	color: #FFFFFF;
    }
    .new_items2 .topA .new_des,
    .new_items2 .topA .new_time {
    	opacity: 0.5;
    }
    .new_items2 .descBox {
    	padding:  25px;
    }
    .news_Boxs .new_listBox .new_items>a:hover .imgBox img {
    	transform: scale(1.1);
    }
    .news_Boxs .new_listBox .new_items1>a:hover .descBox {
    	background-color:#3071b7;
    }
    .news_Boxs .new_listBox .new_items1>a:hover .new_tis,.news_Boxs .new_listBox .new_items1>a:hover h4,.news_Boxs .new_listBox .new_items1>a:hover .new_des,.news_Boxs .new_listBox .new_items1>a:hover .new_time{color:#fff;}
    .news_Boxs .new_listBox .new_items2 .botB:hover {
    	background-color: #3071b7;
    }
    .news_Boxs .new_listBox .new_items2 .botB:hover .new_tis,
    .news_Boxs .new_listBox .new_items2 .botB:hover h4,
    .news_Boxs .new_listBox .new_items2 .botB:hover .new_des,
    .news_Boxs .new_listBox .new_items2 .botB:hover .new_time {
    	color: #FFFFFF;
    }
    .news_Boxs .new_listBox .new_items2 .topA  i:before{ opacity:1;}
    .news_Boxs .new_listBox .new_items2 .topA  i:after{ opacity:0;}
    .news_Boxs .new_listBox .new_items>a:hover i:before{ opacity:1;}
    .news_Boxs .new_listBox .new_items>a:hover i:after{ opacity:0;}
    .descBox,.imgBox img,.new_tis,.descBox h4,.descBox .new_time,.new_time i:before,.new_time i:after,.new_des { transition:all 0.3s ease;}
    @media screen and (max-width: 1440px){
        .imgBox{ height:255px; height:225px;}
        .new_items2 .descBox{ padding-top:15px; padding-bottom:15px;}
        .new_items2 .topA, .new_items2 .botB{ height:206px; height:192px;}
        .sec-battery .horizon-lock .t2 .ct{padding:0 5%;}
    }
    
    
    
    
    .noimgs{margin-top:20px;}
    .noimgs .new_items{border-top:3px solid #6fb92c;}
    .newindexmore{margin-top:50px; text-align:center;}
                    
                    
    
	.scr-el{background-position: center;background-repeat: no-repeat;background-size: cover; position: absolute;left:0;top:-5%;width: 100%;height: 110%;}
	.yldyl{ position: relative;text-align: center;color:#fff; padding-top: 100px; padding-bottom: 290px;}
	.yldyl a{color:#3071b7;background: #fff; margin-top: 30px; display: inline-block;line-height: 48px;height: 48px;border-radius:5px; padding: 0 60px;transition: all 0.3s ease;}
	.yldyl a:hover{background: #3071b7;color:#fff;}
	.yldylp1{font-weight: bold;font-size: 40px;}
	.yldylp2{font-weight: bold;font-size: 52px; margin-top: 10px;}
	.yldylp1,.yldylp2,.yldylp3{position: relative;z-index: 3;}