body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.justify-between {
    display: flex;
    justify-content: space-between;
}
.justify-end {
    display: flex;
    justify-content: flex-end;
}
.page {
    position: relative;
    min-width: 1500px;
    overflow: hidden;
    margin:auto 0;
}

.header_content{
  height: 1076px;
  background: url(../images/index_header_new.jpg),linear-gradient(to top, #d3dde8, #f2f6fc);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: auto 100%;
  position: relative;
  overflow: hidden;
}
.page_content{
  width:1400px;
  margin:auto;
}
.header_content_container{
  height: 80px !important;
  line-height: 80px !important;
  margin: 0 !important;
}
.header_logo{
  height: 32px;
  margin-top: 2px;
}
.header_nav{
  width: 672px;
    overflow-wrap: break-word;
    text-align: left;
    white-space: nowrap;
    height: 80px !important;
    line-height: 80px !important;
    margin: 0 0 0 71px;
}
.header_nav .layui-nav * {
  font-size:16px;
}
.header_nav .layui-nav .layui-nav-item {
  font-family: PingFang SC;
  font-weight: 800;
  font-size: 16px;
  line-height: 26px;
}
.header_nav .layui-nav.layui-bg-gray .layui-this a {
  color:#1B5CEF;
}

.header_nav .layui-nav .layui-this:after {
  top: 24px;
  bottom: 0;
  width: 100%;
  background-color:#1B5CEF;
  height:2px;
  margin-top:6px;
}
.header_nav .layui-nav-bar{
content: ""; 
position: absolute; left: 0; 
top: 24px; 
width: 0; 
height: 2px;
margin-top:6px; 
background-color: #1B5CEF; 
-webkit-transition: all .2s;
transition: all .2s; 
pointer-events: none;
}
.header_nav .layui-nav-child{
  top: 40px;
  padding:0 30px;
	height:46px;
	line-height:46px;
	background: #FFFFFF;
  box-shadow: 0px 0px 15px 0px rgba(204,204,204,0.15);
  border-radius: 30px;
  left:-10px;
}
.layui-nav .layui-nav-child a{
	  display: inline;
	  padding-left:0;
	  padding-right:20px;
}
.layui-nav .layui-nav-child li:last-child a{
	  padding-right:0;
}
.layui-nav .layui-nav-child a:hover{
	  color:#1B5CEF;
	  background: #FFFFFF;
}
.layui-nav-child li{
	  display: inline-block;
}
.header_nav .layui-nav-child li a{
 color: #5f5f5f !important;
}
.header_nav .layui-nav-child li a:hover{
 color: #1B5CEF !important;
}
.header_nav .layui-nav-child {
  display:block;
  max-height: 0;
	transition: 0.6s;
	overflow: hidden;
	border:0;
}
.header_nav  .layui-show {
	max-height:40px;
	line-height:40px;
}
.header_nav .nav-child-div .layui-this:after {
    bottom: 0;
    width: 0;
    background-color: #fff;
    height: 0;
}
.header_content_container .layui-btn {
  border-radius: 5px !important;
}
.control-btn {
 background-color: rgba(0, 128, 255, 0) !important;
    border: 1px solid rgba(161, 197, 232, 1) !important;
    color: #000 !important;
    width: 110px;
    font-size: 16px;
	margin-top: 21px !important;
    margin-left: auto;
}

.login-btn {
 background: linear-gradient(0deg,#125bc4 1%,#1a96e6) !important;
    border: 0px !important;
    color: #fff !important;
    width: 110px;
    font-size: 16px;
    margin-left: auto!important;
	margin-top: 21px !important;
}
.header_content_container .phone{
 margin-left:21px;
}
.header_content_container .phone-text{
font-size:14px;
color:#3e3f41;
margin-left:8px;
margin-top:10px;
}
.header_content_detail{
  margin-top: 197px;
}
.header_content_detail_content {
  height:63px;
  lihe-height:63px;
}
.header_content_detail_new{
  transition: all .6s cubic-bezier(.35, .75, .55, 1) .1s;
  -webkit-transition: all .6s cubic-bezier(.35, .75, .55, 1) .1s;
  -moz-transition: all .6s cubic-bezier(.35, .75, .55, 1) .1s;
  -o-transition: all .6s cubic-bezier(.35, .75, .55, 1) .1s;
  transform: scale(0);
  -webkit-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
}
.header_content_detail_anim{
 transform: scale(1) !important;
 -o-transform: scale(1) !important;
 -webkit-transform: scale(1) !important;
 -moz-transform: scale(1) !important;
 -ms-transform: scale(1) !important;
}
.header_content_detail_content .title_one {
    color: #333;
    font-size: 44px;
    font-family: SourceHanSansCN-Heavy;
    font-weight: 900;
}
.header_content_detail_content .title_two {
    background-image: linear-gradient(
      190deg,
      rgba(0, 108, 200, 1) 0,
      rgba(0, 108, 200, 1) 0,
      rgba(33, 160, 49, 1) 100%,
      rgba(33, 160, 49, 1) 100%
    );
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
    font-size: 63px;
    font-family: SourceHanSansCN-Heavy;
    font-weight: 900;
    margin-left:18px;
}
.header_content_description{
  margin-top:88px;
  width: 519px;
  height: 61px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  font-size: 20px;
  color: #1E3D69;
  line-height: 40px;
}
.more-btn{
  background:linear-gradient(0deg,#176eed 1%,#1ea3ff) !important;
  border: 0px !important;
  color: #fff !important;
  width: 200px;
  line-height: 56px;
  border-radius: 10px;
  height:56px;
  font-size: 20px;
  font-weight: 800;
  margin-top:94px;
}
.list_content1{
  height: 1197px;
  background-image: url(../images/list_content1_new.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  overflow: hidden;
  background-color: #0a1018;
}
.list_content1_left{
  width: 627px;
  margin-top: 19px
}

.list_content1_left .detail_content {
  margin-top:30px;
  width: 624px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 16px;
  color: #6884A9;
  line-height: 40px;
}
.list_content1_right{
  height: 656px;
  background: url(../images/map.png) -29px -29px no-repeat;
  background-size: 740px 715px;
  margin-left:92px;
  width: 681px;
}
.list_content1_right img {
margin:22px 0 0 34px;
}
.list_content1_statistics{
  margin:0 0 100px 0;
}

.list_content1_statistics .item_content{
  width: 255px;
  height: 174px;
  background: url(../images/statistic_bg.png) 100% no-repeat;
  background-size: 100% 100%;
}
.item_content_title{
  background-image: linear-gradient( 180deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(180, 220, 255, 1) 100%, rgba(180, 220, 255, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 36px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  text-align: center;
  margin-top: 60px;
}
.item_content_title .sub_tile {
  font-size:14px;
 margin-left:4px;
}
.item_content_des{
  color: rgba(128, 163, 210, 1);
  font-size: 16px;
  font-family: PingFang-SC-Regular;
  text-align: center;
  line-height: 16px;
  margin-top: 40px;
}

.list_content2{
  height: 2380px;
  background: rgba(255, 255, 255, 1);
  position: relative;
  overflow: hidden;
}
.list_content2_top {
  height:390px;
  background-image: url(../images/list_content2_top_bg_new.jpg),linear-gradient(to bottom, #e0eef5, #fff);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  text-align:center;
  overflow: hidden;
}

.list_content2_top .list_content2_top_title{
  height: 32px;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 32px;
  line-height:32px;
  margin-top:126px;
  color: #000000;
}
.list_content2_top .list_content2_top_desc{
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  font-size: 16px;
  line-height:16px;
  margin-top:23px;
  color: #888888;
}

.energy_title{
 margin-top:26px;
}
.energy_title .one {
  background-image: linear-gradient( 190deg, rgba(0, 108, 200, 1) 0, rgba(0, 108, 200, 1) 0, rgba(33, 160, 49, 1) 100%, rgba(33, 160, 49, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: rgba(136, 136, 136, 1);
  font-size: 43px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 900;
  line-height: 43px;
}
.energy_title .two {
  background-image: linear-gradient( 190deg, rgba(31, 152, 255, 1) 0, rgba(31, 152, 255, 1) 0, rgba(39, 101, 184, 1) 100%, rgba(39, 101, 184, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: rgba(136, 136, 136, 1);
  font-size: 43px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 900;
  line-height: 43px;
}
.energy_desc{
 width:448px;
 height:202px;
 color: rgba(81, 90, 102, 1);
 font-size: 16px;
 font-family: PingFang-SC-Medium;
 font-weight: 500;
 line-height: 31px;
 margin-top:50px;
}

.energy_desc .title{
  color: rgba(33, 38, 44, 1);
  font-size: 16px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
}
.list_content3_detail_right{
  width:484px;
  height:482px;
  margin-left:121px;
}
.list_content3_detail_right .title_one {
  background-image: linear-gradient( 190deg, rgba(0, 108, 200, 1) 0, rgba(0, 108, 200, 1) 0, rgba(33, 160, 49, 1) 100%, rgba(33, 160, 49, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: rgba(136, 136, 136, 1);
  font-size: 43px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 900;
  text-align: left;
  line-height: 43px;
}
.list_content3_detail_right .title_two {
  background-image: linear-gradient( 190deg, rgba(31, 152, 255, 1) 0, rgba(31, 152, 255, 1) 0, rgba(39, 101, 184, 1) 100%, rgba(39, 101, 184, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: rgba(136, 136, 136, 1);
  font-size: 43px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 900;
  text-align: left;
  line-height: 43px;
}

.list_content3_detail_right .content_detail{
  margin-top:40px;
  font-size: 16px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 31px;
  color: #515A66;
}
.list_content4_detail_left{
 margin-top:91px;
 width: 530px;
}
.list_content4_detail_left .title_one {
  background-image: linear-gradient( 190deg, rgba(0, 108, 200, 1) 0, rgba(0, 108, 200, 1) 0, rgba(33, 160, 49, 1) 100%, rgba(33, 160, 49, 1) 100% );
  color: rgba(136, 136, 136, 1);
  font-size: 43px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 900;
  line-height: 43px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.list_content4_detail_left .title_two {
  background-image: linear-gradient( 190deg, rgba(31, 152, 255, 1) 0, rgba(31, 152, 255, 1) 0, rgba(39, 101, 184, 1) 100%, rgba(39, 101, 184, 1) 100% );
  color: rgba(136, 136, 136, 1);
  font-size: 43px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 900;
  line-height: 43px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.list_content4_detail_left .content_detail {
  margin-top:50px;
  font-size: 16px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 31px;
  color: #515A66;
}
.list_content4_detail_left .content_detail .title{
 font-family:PingFang-SC-Heavy;
 color:rgba(33, 38, 44, 1);
 font-weight: 900;
}

.mange_platform{
  height: 1846px;
  background: url(../images/list_content5_detail_new_content_new.svg),url(../images/list_content5_detail_new_bg2.jpg) ,url(../images/list_content5_detail_new_bg3.jpg);
  background-repeat: no-repeat,no-repeat, repeat-x;
  background-position: top center;
  background-size: auto 100%;
  position: relative;
  overflow: hidden;
}
.mange_platform_title{
 margin-top:149px;
font-family: SourceHanSansCN-Bold;
font-weight: bold;
font-size: 32px;
color: #FFFFFF;
text-align:center;
}
.mange_platform_desc{
 margin-top:22px;
color: rgba(225, 242, 254, 1);
font-size: 16px;
font-family: PingFang-SC-Medium;
font-weight: 500;
text-align: center; 
line-height: 16px;
}
.mange_platform_big_title{
  margin-top:149px;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  font-size: 45px;
  color: #FFFFFF;
  text-align: center;
  line-height: 45px;
}
.mange_platform_big_title_desc{
  margin-top:45px;
  font-size: 16px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: #FFFFFF;
  opacity: 0.95;
  text-align: center;
}

.core_technology{
  height: 1846px;
  background-image: url(../images/core_technology_new.svg),url(../images/core_technology_new_2025_new.jpg),url(../images/core_technology_new_2025_bg.jpg);
  background-repeat: no-repeat,no-repeat,repeat-x;
  background-position: top center;
  position: relative;
  background-size:auto 100%;
  overflow: hidden;
}
.core_technology_title{
  color: rgba(0, 0, 0, 1);
  font-size: 32px;
  font-family: SourceHanSansCN-Bold;
  font-weight: 700;
  text-align: center;
  margin-top: 149px;
}
.core_technology_desc{
  margin-top:23px;
  color: rgba(136, 136, 136, 1);
  font-size: 16px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  text-align: center;
  line-height: 16px;
}
.core_technology_title2{
 margin-top:99px;
 color: rgba(51, 51, 51, 1);
 font-size: 32px;
 font-family: PingFang-SC-Heavy;
 font-weight: 900;
 text-align:center;
}
.core_technology_title2 span {
  background-image: linear-gradient( 190deg, rgba(0, 94, 200, 1) 0, rgba(0, 94, 200, 1) 0, rgba(0, 134, 197, 1) 100%, rgba(0, 134, 197, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  line-height: 32px;
  font-size: 32px;
}
.core_technology_title2 span:last-child {
  background-image: linear-gradient( 190deg, rgba(0, 108, 200, 1) 0, rgba(0, 108, 200, 1) 0, rgba(0, 172, 203, 1) 100%, rgba(0, 172, 203, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  line-height: 32px;
  font-size: 32px;
}
.core_technology_title3{
 margin-top:35px;
 color: rgba(51, 51, 51, 1);
 font-size: 32px;
 font-family: PingFang-SC-Heavy;
 font-weight: 900;
 text-align:center;
}
.core_technology_title3 span {
  background-image: linear-gradient( 30deg, rgba(0, 108, 200, 1) 0, rgba(0, 108, 200, 1) 0, rgba(33, 160, 49, 1) 100%, rgba(33, 160, 49, 1) 100% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: PingFang-SC-Heavy;
  font-weight: 900;
  line-height: 32px;
  margin-left:10px;
  font-size: 32px;
}
.news_center{
  height: 1161px;
  background-color:#bcdcf5;
  background-image: url(../images/news_bg.png);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position: relative;
  overflow: hidden;
}
.news_center .title{
  margin-top:150px;
  text-align:center;
}

.news_center .title .main_title{
  margin-top:150px;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 32px;
  line-height:32px;
  color: #003A68;
}

.news_center .title .sub_title{
  margin-top:23px;
  font-family: PingFang-SC-Regular;
  line-height:16px;
  font-weight: 400;
  font-size: 16px;
  color: #3F759F;
}
.news_center .news_list{
 margin-top: 99px;
}
.news_center .new_info {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  width: 440px;
  height: 541px;
}
.news_center .new_info img {
  width: 430px;
  height: 231px;
  margin: 5px 0 0 5px;
}
.news_center .new_info .title {
    height: 19px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
    margin: 30px 20px 0 20px;
}

.news_center .new_info .desc {
 overflow-wrap: break-word;
 color: rgba(102, 102, 102, 1);
 font-size: 16px;
 font-family: PingFang-SC-Medium;
 font-weight: 500;
 text-align: justifyLeft;
 line-height: 24px;
 margin: 28px 20px 0 20px;
}

.news_center .new_info .new_date{
  margin: 30px 0 0 20px;
  line-height:16px;
  color: rgba(170, 170, 170, 1);
  font-size: 16px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
}
.news_center .new_info .new_link{
  width: 180px;
  height: 40px;
  background: url(../images/news_info_bg.png) 100% no-repeat;
  background-size: 100% 100%;
  margin: 30px 0 40px 130px;
  text-align:center;
  line-height:40px;
}
 .news_center .new_info .new_link a{
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  white-space: nowrap;
  line-height: 16px;
}

 .news_center .new_info  .new_date span {
 margin: 4px 0 0 4px;
}
.news_more{
  margin-top:60px;
  text-align:center;
}

.news_center .news_more .more-btn {
    margin-top:0px;
    background: linear-gradient(0deg, #D8EEFF, #E7F5FF) !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    border: 0px !important;
    color: #3F759F !important;
    width: 150px;
    line-height:40px;
    border-radius: 10px;
    height: 40px;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    font-size: 18px;
}
.news_center .new_info:hover{
box-shadow: 0px 0px 2px 2px rgba(31, 152, 255, 1);
}