* {
  padding: 0px;
  margin: 0px;
}

.frist_box {
  width: 100%;
  height: 600px;
  background: url(../img/index_bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.video_box{
position: absolute;
left:50%;
margin-left: -500px;
top:20px;
padding: 30px 0px;
z-index: 3;
background: #fff;
}
.video_box>.close{
position: absolute;
top:5px;
right:20px;
font-size: 12px;
cursor: pointer;
}
.video_box>video{
width: 1000px;
height:500px;
}

.index_nav {
  width: 85%;
  margin: auto;
}

.logo {
  width: 20%;
  float: left;
  margin-top: 30px;
}

.nav_right, .white_nav_right{
  width: 78%;
  float: right;
  margin-top: 30px;
}

.nav_right>ul,.white_nav_right>ul {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav_right>ul>li,.white_nav_right>ul>li {
  position: relative;
  width: 12%;
  text-align: center;
}

.nav_right>ul>li>a>.txt {
  font-size: 18px;
  font-weight: 400;
  color: #D9D9D9;
}
.white_nav_right>ul>li>a:hover>.txt{
 color:#2D77FD;
}
.white_nav_right>ul>li>a>.txt{
color:#666;
}
.nav_right>ul>li>a>.blue_line {
  position: absolute;
  width: 44px;
  margin: auto;
  border-bottom: 2px solid #2D77FD;
  text-align: center;
  left: 50%;
  margin-left: -22px;
  top: 30px;
}

.nav_right>ul>li>a:hover>.txt {
  color: #fff;
  font-weight: bold;
}


.top_h1 {
  width: 50%;
  margin: auto;
  padding-top: 180px;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.play_btn {
  width: 60px;
  height: 60px;
  margin: 100px auto;
}

.sec_box {
  width: 100%;
  background: #F4F4F4;
  padding-bottom: 100px;
}
.five_box {
  width: 100%;
  padding-bottom: 100px;
}
.six_box {
  width: 100%;
  background: #F4F4F4;
  padding-bottom: 40px;
}

.sec_main,
.three_main,
.five_main,
.six_main
{
  width: 70%;
  margin: auto;
  padding: 100px 0px;
}
.ln_main{
  width: 70%;
  margin: auto;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
}
.ln_main>.left,.ln_main>.right{
  width:47%
}
.ln_main>.left>.small_title{
  font-weight: bold;
  font-size: 18px;
  color: #566DE9;
  text-align: center;
}
.ln_main>.right>.small_title{
  font-weight: bold;
  font-size: 18px;
  color: #31C19A;
  text-align: center;
}
.blue_ul>ul>li{
  width: 100%;
  margin: 10px auto;
  background: #566de9;
  border-radius: 6px 6px 6px 6px;
 }
 .green_ul>ul>li{
  width: 100%;
  margin: 10px auto;
  background: #31C19A;
  border-radius: 6px 6px 6px 6px;
 }
 .blue_ul>ul>li:nth-child(1),.green_ul>ul>li:nth-child(1){
  margin-top: 20px;
 }
 .blue_ul>ul>li:nth-child(3){
   height:65px;
 }
 .blue_ul>ul>li:nth-child(4){
  height:36px;
}

 .green_ul>ul>li:nth-child(3){
  display: flex;
  height:110px;
  align-items: center;
  justify-content: center;
  }
  .blue_ul>ul>li:nth-child(6),.green_ul>ul>li:nth-child(5){
    display: flex;
    height:88px;
    align-items: center;
    justify-content: center;
    }
.blue_ul>ul>li.txt,.green_ul>ul>li.txt{
  color:#fff;
  font-size: 14px;
  text-align: center;
  padding: 5px 30px;
  line-height: 26px;
  font-weight: bold;
}
.sec_title {
  text-align: center;
  width: 70%;
  margin: auto;
  font-size: 15px;
  font-weight: bold;
  color:#282938;
  padding: 20px;
  
}

.ty_blueline {
  margin: 10px auto;
  width: 100px;
  border-bottom: 3px solid #2D77FD;
}

.sec_imgbox {
  width: 100%;
  margin-top: 70px;

}

.sec_imgleft {
  float: left;
  width: 40%;
  height: 340px;
  background: url(../img/sec_left.png);
  background-size: cover;
}

.sec_imgright {
  width: 60%;
  float: left;
  height: 340px;
  background: #2D77FD;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;

}

.sec_imgright>.txt {
  padding: 80px 40px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-indent: 2em;
}

.yellow_font {
  text-align: right;
  position: absolute;
  font-size: 14px;
  right: 60px;
  bottom: 40px;
}

.yellow_font>a {
  color: #FFEB00
}

.three_box {
  width: 80%;
  margin: auto;
  padding: 100px 0px;
}

.three_main {
  padding: 50px 0px 30px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.three_main>.left,
.three_main>.right {
  width: 49%;
}

.three_main>.left>.first_div {
  height: 100px;
  background: linear-gradient(135deg, #E06700 0%, #FFBE2B 100%);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  color: #fff;
}

.three_main>.left>.sec_div {
  height: 100px;
  background: linear-gradient(135deg, #007BD5 0%, #00D5FC 100%);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  color: #fff;
  margin-top: 10px;
}

.three_main>.left>.three_div {
  width: 100%;
  height: 100px;
  background: linear-gradient(135deg, #0048D6 0%, #5C93FF 100%);;
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  color: #fff;
  margin-top: 10px;
}

.three_mainul {
  padding-left: 20px;
  
}

ul.three_mainul>li {
  float: left;
  color: #fff;
  font-size: 12px;
  width: 28%;
  line-height: 25px;
  font-weight: bold;
}
.three_main>.right>.first_div{
height: 100px;
background: linear-gradient(135deg, #00988C 0%, #1EEABA 100%);
border-radius: 10px 10px 10px 10px;
opacity: 1;
}
.three_main>.right>.first_div >ul,.three_main>.right>.sec_div >ul{
  padding-left: 20px;
 
}
.three_main>.right>.first_div >ul>li{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-top: 2px;
}
.three_main>.right>.first_div >ul>li>div{
font-weight: 100;
margin-top:2px;

}
.three_main>.right>.first_div >ul>li>div.first>div:nth-child(1){
float: left;
  width: 20%;
  font-weight:bold;
}
.three_main>.right>.first_div >ul>li>div.first>div:nth-child(2){
float: left;
  width: 30%;
}
.three_main>.right>.first_div >ul>li>div.first>div:nth-child(3){
float: left;
  width: 50%;
}
.three_main>.right>.first_div >ul>li>div.sec>div:nth-child(1){
float: left;
  width: 20%;
}
.three_main>.right>.first_div >ul>li>div.sec>div:nth-child(2){
padding-top:8px;
float: left;
  width: 30%;
}
.three_main>.right>.first_div >ul>li>div.sec>div:nth-child(3){
padding-top:8px;
float: left;
  width: 50%;
}

.three_main>.right>.sec_div >ul>li{
color: #fff;
  font-size: 12px;
   padding-top: 2px;
   font-weight: bold;
}
.three_main>.right>.first_div >ul>li>p,.three_main>.right>.sec_div >ul>li>p{
  line-height: 18px;
  font-weight: normal;
}
.three_main>.right>.sec_div>ul>li:nth-child(1){
float: left;
  width: 28%;
}
.three_main>.right>.sec_div>ul>li:nth-child(6),.three_main>.right>.sec_div>ul>li:nth-child(7){
float: left;
width: 28%;
}
.three_main>.right>.first_div >ul>li:nth-child(2),.three_main>.right>.first_div >ul>li:nth-child(3),.three_main>.right>.sec_div>ul>li:nth-child(2),.three_main>.right>.sec_div >ul>li:nth-child(3){
  float: left;
  width: 28%;
}
.three_main>.right>.first_div >ul>li:nth-child(4),.three_main>.right>.first_div >ul>li:nth-child(6){
  list-style: none;
}
.three_main>.right>.first_div >ul>li:nth-child(7),.three_main>.right>.first_div >ul>li:nth-child(8){
  float: left;
  width: 35%;
}
.three_main>.right>.sec_div{
width:100%;
  height: 100px;
  background: linear-gradient(135deg, #6350DC 0%, #72A4FF 100%);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  margin-top:10px;
  }
.three_main>.right>.three_div{
width:100%;
  height: 100px;
  background: linear-gradient(135deg, #818DB1 0%, #AAB9E5 100%);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  margin-top:10px;
  display: flex;
  align-items: center;
  justify-content: center;
 }
.three_main>.right>.three_div>a{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.four_title{
  width: 70%;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.four_box{
padding-bottom: 100px;
}
.four_box>.blue_title{
  text-align: center;
  font-size: 18px;
  color:#2D77FD;
  padding:40px 0px 0px 0px;
  font-weight: bold;
}
.four_box>.balck_title{
  text-align: center;
  font-size: 18px;
  color:#282938;
  padding:20px 0px;
}
.four_box>.balck_title>span{
font-weight: bold;
color: #2D77FD;
}
.four_box>.bottom_img{
text-align: center;
margin-top: 20px;
}
.four_box>.bottom_img>img{
width: 30%;
}
.four_title>.list{
margin-top: 30px;
width: 22%;
height: 50px;
line-height: 50px;
background: #2D77FD;
border-radius: 8px;
opacity: 1;
text-align: center;
font-size: 16px;
color: #fff;
font-weight: 500;
}
/*8个能力在线*/
.bgnlzx{
position: relative;
height:320px;
width:1224px;
margin:auto;
left:0;
margin-top: 20px;
}
.lbx_gray{
  background: url(../img/lbx_graybox.png) no-repeat;
  width:156px;
  height:125px;
}
.lbx_gray_frist{
  position: absolute;
  top:158px;
  left:6px;
  cursor: pointer;
}
.lbx_gray_sec{
  position: absolute;
  top:280px;
  left:6px;
  cursor: pointer;
}
.lbx_gray_three{
  position: absolute;
  top:219px;
  left:122px;
  }
.lbx_gray_four{
  position: absolute;
  top:245px;
  left:180px;
  
  }
  .lbx_gray_four{
  position: absolute;
  top:280px;
  left:238px;
  
  }
 .lbx_gray_five{
  position: absolute;
  top:93px;
  left:355px;
  
  }
  .lbx_gray_six{
  position: absolute;
  top:278px;
  left:708px;
  
  }
 .lbx_gray_seven{
  position: absolute;
  top:90px;
  left:826px;
  
  }
  .lbx_gray_eight{
  position: absolute;
  top:275px;
  left:944px;
  
  }
  .lbx_gray_nine{
  position: absolute;
  top:152px;
  left:943px;
  }
  .lbx_gray_ten{
  position: absolute;
  top:90px;
  right:7px;
  }
#bgnlzx_con{
  position: absolute;
  right:12%;
  top:10px;
  height:100px;
  width:320px;
}
#bgnlzx_con>li{
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 24px;
letter-spacing:2px;
text-align: left;
}
.lbx_frist{
  position: absolute;
  top:20px;
  left:500px;
  width: 110px;
  height: 120px;
  cursor: pointer;
  background:url(../img/bgnlzx_first.png) no-repeat;
  background-size: 100%  100%;
 }
.lbx_frist:hover{

background:url(../img/bgnlzx_firston.png) no-repeat;
background-size: 100%  100%;

}
 
.lbx_frist>#lbx>.txt{
position: absolute;
bottom: 15%;
right: 15%;
}

.lbx_sec>#lbx>.txt{
position: absolute;
bottom: 15%;
left:15%;
}
.lbx_three>#lbx>.txt
{
position: absolute;
bottom: 35%;
left: 40%;
}
.lbx_four>#lbx>.txt
{
position: absolute;
bottom: 35%;
left: 10%;
}
.lbx_five>#lbx>.txt
{
position: absolute;
bottom: 35%;
left: 10%;
}
.lbx_six>#lbx>.txt
{
position: absolute;
bottom: 35%;
left: 40%;
}
.lbx_seven>#lbx>.txt
{
position: absolute;
bottom: 35%;
left: 30%;
}
.lbx_eight>#lbx>.txt
{
position: absolute;
bottom: 35%;
left: 20%;
}

.lbx_sec{
  position: absolute;
  top:20px;
  left:616px;
  width: 110px;
  height: 120px;
  background:url(../img/bgnlzx_sec.png) no-repeat;
  background-size: 100%  100%;
  cursor: pointer;
}
.lbx_sec:hover{
  background:url(../img/bgnlzx_secon.png) no-repeat;
  background-size: 100%  100%; 
}
.lbx_three{
  position: absolute;
  top: 145px;
  left: 434px;
  width: 130px;
  height:70px;
  background:url(../img/bgnlzx_three.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.lbx_three:hover{
  background:url(../img/bgnlzx_threeon.png) no-repeat;
  background-size: 100%;
}
.lbx_four{
  position: absolute;
  top:145px;
  left:570px;
  height:70px;
  width: 88px;
  background: linear-gradient(180deg, #1568FF 0%, #72A4FF 100%);
  opacity: 1;
  cursor: pointer;
}
.lbx_four:hover{
  background: #2F4BE7;
}
.lbx_five{
  position: absolute;
  top:145px;
  left:663px;
  width: 130px;
  height:70px;
  background:url(../img/bgnlzx_four.png) no-repeat;
  background-size: 100%;
  cursor: pointer;
}
.lbx_five:hover{
  background:url(../img/bgnlzx_fouron.png) no-repeat;
  background-size: 100%;
}
.lbx_six{
  position: absolute;
  top: 222px;
  left: 376px;
  width: 150px;
  height: 70px;
  background:url(../img/bgnlzx_seven.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.lbx_six:hover{
  background:url(../img/bgnlzx_sevenon.png) no-repeat;
  background-size: 100% 100%;
}
.lbx_seven{
  position: absolute;
  top: 222px;
  left: 532px;
  width: 164px;
  height: 70px;
  background: linear-gradient(179deg, #5390FF 0%, #9AC1FF 100%);
  opacity: 1;
  cursor: pointer;
}
.lbx_seven:hover{
  background: #2F4BE7;
}
.lbx_eight{
  position: absolute;
  top:222px;
  left:702px;
  width: 150px;
  height: 70px;
  background:url(../img/bgnlzx_eigth.png) no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.lbx_eight:hover{
  background:url(../img/bgnlzx_eigthon.png) no-repeat;
  background-size: 100% 100%;
}
/* .bgnlzx li{
  width: 156px;
  height:125px;
  text-align: center;
  display: block;
  cursor: pointer;
  background: url('../img/gray_lbx.png') no-repeat;
  } */
.bgnlzx li> #lbx >.img{
  width:80%;
  margin:30px auto auto auto;
}
.bgnlzx li> #lbx >.img img{
  width: 30%;
    backface-visibility:hidden;
-webkit-backface-visibility:hidden;	/* Chrome 鍜�Safari */
-moz-backface-visibility:hidden; 	/* Firefox */
-ms-backface-visibility:hidden; 	/* Internet Explorer */
}
.bgnlzx li> #lbx .txt{
 font-size: 16px;
 color:#fff;
}
#lbxon{
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
}
.first_txt{
  padding:20px;
  margin-top: 10px;
}
.sec_txt{
 padding:22px 25px;
}
.three_txt_zgzx{
  padding:15px 20px 10px 20px;
}
.three_txt{
  padding:15px 20px 5px 20px;
  font-weight: bold;
}
.four_txt{
  padding:14px 25px 10px 25px;
 }
.five_txt{
 padding:25px;
}
.three_box_mobile{
  display: none;
}
.five_main{
  width: 80%;
  padding: 60px 0px 0px 0px;
}
.five_img{
  margin-top: 40px;
  margin: auto;
  text-align: center;
}
.five_img >img{
  width: 85%;
}
.six_txt{
 padding:25px;
}
.three_box_mobile{
  display: none;
}
.six_main{
  width: 80%;
  padding: 60px 0px 0px 0px;
}
.six_main >.h5{
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding-top: 40px;
  color: #000;
 
}
.font18{
  font-size: 18px;
  color:#282938;
}
.font16{
  font-size: 16px;
  color:#282938;
  text-align: center;
  
}
.six_img{
  margin-top: 40px;
  margin: auto;
  padding-top: 40px;
  text-align: center;
}
.six_img >img{
  width: 40%;
}
.six_img1{
  margin-top: 40px;
  margin: auto;
  padding-top: 40px;
  text-align: center;
  padding-bottom: 100px;
}
.six_img1 >img{
  width: 60%;
}
/*新添加移动端样式*/
.mobile_index_nav,.mobile_three_main,.mobile_bgnlzx,.mobile_balck_title,.mobile_bottom_img,.mobile_five_img,.mobile_six_img,.mobile_six_img1{
  display:none;
}
/*喜迎国庆*/
.xygq{
  position:fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  height: 100vh;
  width: 100%;
  background:rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.xygq_con{
width: 60%;
position: relative;

}
.xygq_con>img{
width: 100%;
}
.xygq_close{
position: absolute;
top: 20px;
right: 30px;
cursor: pointer;
}
.hideScroll{
height:100%;
overflow: hidden;
}
.mobile_xygq{
display: none;
}
/*20240426新增加样式*/
.glyy_txt{
  font-size: 15px;
  color: #666666;
   line-height: 34px;
   text-indent: 2em;
}
.glyy_img,.seven_img,.eight_img{
  text-align: center;
}
.glyy_img >img{
  width: 80%;
  text-align: center;
  margin: auto;
}
.seven_img>img{
  width: 90%;
  text-align: center;
  margin: auto;
}
.eight_img>img{
  width: 90%;
  text-align: center;
  margin: auto;
}
.seven_box{
  background: #fff;
  margin: 30px 80px;
  padding-bottom: 30px;
}
.seven_img{
  margin-top: 20px;
}
.ln_main_moblie{
  display: none;
}


@media screen and (min-width:401px) and (max-width:550px){
  .mobile_index_nav{
    display: block;
    padding-top: 15px;
  }
.index_nav,.white_index_box,.three_main,.bgnlzx,.balck_title,.bottom_img,.five_img,.six_img,.six_img1{
    display: none;
}
.white_indextopdiv{
  height:0px;
  width:0px;
}
.mobile_index_nav_box{
  width: 90%;
  margin: auto;
}
.frist_box{
  height: 240px;
  background-size: cover;
}
.top_h1{
  width: 80%;
  padding-top: 50px;
  font-size: 24px;
}
.play_btn{
  margin: 20px auto 10px auto;
  text-align: center;
}
.play_btn>img{
  width: 60%;
}
.video_box{
  position: absolute;
  left:0px;
  margin-left: 0px;
  top:60px;
  padding: 30px 0px;
  z-index: 3;
  background: #fff;
}
.video_box>video{
  width: 100%;
  height:300px;
}
.video_box>.close{
  top:8px;
  z-index: 1000;
}
.mobile_index_nav_box{
  width: 90%;
  margin:auto;

}
.mobile_index_nav_box>.log{
  width: 30%;
  float: left;
}
.mobile_index_nav_box>.log>img{
  width: 100%;
}
.mobile_nav_btn{
  position: absolute;
  right: 4%;
  top:15px;
  z-index: 999;
  display: block;

}
.mobile_nav_main_blackbg{
  width: 100%;
  background:rgba(0, 0, 0, 0.3);
  width: 100%;
  height:200vh;
  position: absolute;
  z-index: 1;
  top:0px;
}
.mobile_nav_main{
  position: absolute;
  right:10px;
  top:50px;
  z-index: 999;
  width: 180px;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
.mobile_nav_main >ul >li{
  line-height: 35px;
}
.mobile_nav_main >ul >li>a{
  font-size: 14px;
  color: #282938;
}
.mobile_nav_jt{
position: absolute;
right: 14px;
top: 35px;
display: block;
}
.sec_main, .three_main, .five_main, .six_main{
  width:92%;
  padding: 30px 0px;
}
.sec_title{
  width: 90%;
 }
 .sec_imgbox{
  margin-top: 30px;
 }
 .sec_imgleft{
  width: 100%;
  height: 280px;
  background: url(../img/mobile_sec_left.png);
  background-size: cover;
 }
 .sec_imgright{
  width: 100%;
  background: #fff;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 20px;
  height:400px;
 }
 .sec_imgright>.txt{
  padding: 20px;
  color: #666;
}
.yellow_font{
  right: 20px;
  bottom: 30px
}
.yellow_font>a{
  color:#2D77FD;
}
/* .sec_box, .five_box, .six_box{
  padding-bottom: 0px;
} */
.three_box{
  padding: 30px 0px;
  width: 92%;
}
.mobile_three_main{
display: block;
width: 92%;
margin: 40px auto auto auto;
}
.mobile_three_main>.list{
display: flex;
justify-content: space-between;
}
.mobile_three_main>.list>.first_div{
 width: 46%;
 height: 190px;
  background: linear-gradient(135deg, #E02500 0%, #FF9E66 100%);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  color: #fff;
}
.mobile_three_main>.list>.four_div{
width: 46%;
height: 140px;
background: linear-gradient(135deg, #00988C 0%, #1EEABA 100%);
 border-radius: 10px 10px 10px 10px;
 opacity: 1;
 color: #fff;
 margin-top: 10px;
}
.mobile_three_main>.list>.five_div{
width: 46%;
height: 140px;
background:linear-gradient(135deg, #818DB1 0%, #AAB9E5 100%);
 border-radius: 10px 10px 10px 10px;
 opacity: 1;
 color: #fff;
 margin-top: 10px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.mobile_three_main>.list>.sec_div{
width: 47%;
height: 190px;
background: linear-gradient(135deg, #0048D6 0%, #5C93FF 100%);
 border-radius: 10px 10px 10px 10px;
 opacity: 1;
 color: #fff;
}
.mobile_three_main>.list>.three_div{
 width: 47%;
 /* margin: auto; */
 opacity: 1;
 height:190px;
 background: linear-gradient(135deg, #007BD5 0%, #00D5FC 100%);
 border-radius: 10px 10px 10px 10px;
 margin-top: 10px;
 margin-left:0px;
}
.mobile_three_main>.list>.three_div2{
 width: 47%;
 /* margin: auto; */
 opacity: 1;
 height:190px;
 background: linear-gradient(135deg, #E06700 0%, #FFBE2B 100%);
 border-radius: 10px 10px 10px 10px;
 margin-top: 10px;
 margin-right:0px;
}
.three_main>.right>.first_div >ul>li>div:nth-child(2){
float: left;
  width: 45%;
}
.three_mainul{
padding-left: 20px;
}
ul.three_mainul>li{
  float: none;
  font-weight: normal;
  width: 90%;
}
ul.three_mainul>li>p{
clear:both;
width:100%;
}
.mobile_three_main>.three_div>ul>li{
color: #fff;
font-size: 12px;
padding-left: 20px;
padding-top: 2px;
line-height:24px;
}
.mobile_three_main>.three_div>ul>li:nth-child(2){
width: 30%;
float: left;
}
.mobile_three_main>.three_div>ul>li:nth-child(3){
width: 25%;
float: left;
}
.mobile_three_main>.three_div>ul>li:nth-child(4){
width: 45%;
float: left;
}
.mobile_three_main>.three_div>ul>li:nth-child(5){
width: 40%;
float: left;
}
.four_title{
width: 92%;
}
.four_title{
flex-wrap: wrap;
}
.four_title>.list{
width: 48%;
margin-top: 10px;
height:40px;
line-height: 40px;
font-size: 15px;
}
.four_box>.blue_title{
color:#282938;
}
.mobile_bgnlzx{
display: block;
width: 92%;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 10px;
}
.mobile_bgnlzx>.list{
width: 48%;
height:170px;
background: #F6F7F9;
border-radius: 4px 4px 4px 4px;
opacity: 1;
filter: blur(undefinedpx);
padding: 15px;
box-sizing: border-box;
align-items: center;
margin-top: 15px;
}
.mobile_bgnlzx>.list>.bgnlzx_title{
width: 100%;
height:40px;
overflow: hidden;
}
.mobile_bgnlzx>.list>.bgnlzx_title>.img{
float: left;
width: 18%;
margin-top: 10px;
}
.mobile_bgnlzx>.list>.bgnlzx_title>.img>img{
width: 100%;
}
.mobile_bgnlzx>.list:nth-child(2)>.bgnlzx_title>.img,
.mobile_bgnlzx>.list:nth-child(6)>.bgnlzx_title>.img,
.mobile_bgnlzx>.list:nth-child(7)>.bgnlzx_title>.img
{
width: 16%;
}
.mobile_bgnlzx>.list:nth-child(8)>.bgnlzx_title>.img{
width: 17%;
}
.mobile_bgnlzx>.list:nth-child(3)>.bgnlzx_title>.img{
margin-top: 6px;
}
.mobile_bgnlzx>.list>.bgnlzx_title>.title{
 font-size: 1.2em;
 font-weight: bold;
 color: #2D77FD;
 padding: 10px 0px;
 text-align: center;
 float: left;
 padding-left: 8px;
}
.mobile_bgnlzx>.list>.txt{
color: #666666;
line-height: 22px;
font-size: 0.8em;

}
.mobile_balck_title
{
width: 92%;
margin: auto;
display: block;
text-align: center;
}
.mobile_balck_title>.balck_title_h1{
font-size: 1.2em;
color: #333;
padding-top: 20px;

}
.mobile_balck_title>.blue_title_h1
{
font-size: 1em;
font-weight: bold;
color:#2D77FD;
padding-top: 15px;
}
.mobile_bottom_img{
display: block;
}
.mobile_bottom_img>ul{
width: 92%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.mobile_bottom_img>ul>li{
width: 30%;
height:100px;
font-size: 1em;
color:#fff;
font-weight: bold;

}
.mobile_bottom_img>ul>li>.title{
font-size: 1em;
font-weight: bold;
color:#2D77FD;
padding-top: 20px;

}
.mobile_bottom_img>ul>li>.img{
display: flex;
justify-content: center;
align-items: center;
}
.mobile_bottom_img>ul>li:nth-child(1)>.img{
background: url(../img/mobile_jdnl.png) no-repeat;
background-size: 100%;
margin-top: 10px;
text-align: center;
height:140px;

}
.mobile_bottom_img>ul>li:nth-child(2)>.img{
background: url(../img/mobile_glnl.png) no-repeat;
background-size: 100%;
margin-top: 10px;
text-align: center;
height:140px;
}
.mobile_bottom_img>ul>li:nth-child(3)>.img{
background: url(../img/mobile_fwnl.png) no-repeat;
background-size: 100%;
margin-top: 10px;
text-align: center;
height:140px;
}
.four_box{
padding-bottom: 70px;
}
.ty_blueline{
width: 60px;
}
.mobile_five_img{
display: block;
width: 96%;
margin: auto;
margin-top: 20px;
}
.mobile_five_img>img{
width: 100%;
}
.xygq_close{
top: 5px;
right: 5px;
}
.xygq_close>img{
width: 50%;
}
.xygq{
display: none;
}
.mobile_xygq{
display: block;
position: fixed;
top: 0;
right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  
  
}
.mobile_xygq_con{

position: relative;
width: 80%;
top: 12%;
left: 10%;
}
.mobile_xygq_con>img{
width: 100%;
}
.mobile_xygq_close {
position: absolute;
bottom: -40px;
left: 45%;
cursor: pointer;
}
/*20240426新加*/
.ln_main{
  display: none;
}
.ln_main_moblie{
  display: block;
  text-align: center;
  margin-top: 40px;
}
.ln_main_moblie >img{
  width: 90%;
  margin: auto;
  text-align: center;
}
.ln_main>.left>.small_title{
  display: none;
}
.ln_main>.right>.small_title{
  display: none;
}
.blue_ul>ul>li.txt, .green_ul>ul>li.txt{
  font-size: 0.2em;
  padding: 5px;
  line-height: 20px;
}
.ln_main>.left, .ln_main>.right{
  width: 48%;
}
.green_ul>ul>li:nth-child(3){
  height:112px;
}
.seven_box{
  width: 92%;
  margin: auto;
}
.five_box{
  padding-bottom: 40px;
}
.glyy_img >img{
  width: 90%;
}
.seven_img>img{
  width: 100%;
}
}

@media screen and (max-width:400px){ 
.mobile_index_nav{
    display: block;
    padding-top: 15px;
  }
.index_nav,.white_index_box,.three_main,.bgnlzx,.balck_title,.bottom_img,.five_img,.six_img,.six_img1{
    display: none;
}
.white_indextopdiv{
  height:0px;
  width:0px;
}
.mobile_index_nav_box{
  width: 90%;
  margin: auto;
}
.frist_box{
  height: 240px;
  background-size: cover;
}
.top_h1{
  width: 80%;
  padding-top: 50px;
  font-size: 24px;
}
.play_btn{
  margin: 20px auto 10px auto;
  text-align: center;
}
.play_btn>img{
  width: 60%;
}
.video_box{
  position: absolute;
  left: 0px;
  margin-left: 0px;
  top:60px;
  padding: 30px 0px;
  z-index: 3;
  background: #fff;
}
.video_box>video{
  width: 100%;
  height:300px;
}
.video_box>.close{
  top:8px;
  z-index: 1000;
}
.mobile_index_nav_box{
  width: 90%;
  margin:auto;

}
.mobile_index_nav_box>.log{
  width: 30%;
  float: left;
}
.mobile_index_nav_box>.log>img{
  width: 100%;
}
.mobile_nav_btn{
  position: absolute;
  right: 4%;
  top:15px;
  z-index: 999;
  display: block;
}
.mobile_nav_main_blackbg{
  width: 100%;
  background:rgba(0, 0, 0, 0.3);
  width: 100%;
  height:200vh;
  position: absolute;
  z-index: 1;
  top:0px;
}
.mobile_nav_main{
  position: absolute;
  right:10px;
  top:50px;
  z-index: 999;
  width: 180px;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}
.mobile_nav_main >ul >li{
  line-height: 35px;
}
.mobile_nav_main >ul >li>a{
  font-size: 14px;
  color: #282938;
}
.mobile_nav_jt{
position: absolute;
right: 14px;
top: 35px;
display: block;
}
.sec_main, .three_main, .five_main, .six_main{
  width:92%;
  padding: 30px 0px;
}
.sec_title{
  width: 90%;
 }
 .sec_imgbox{
  margin-top: 30px;
 }
 .sec_imgleft{
  width: 100%;
  height: 260px;
  background: url(../img/mobile_sec_left.png);
  background-size: cover;
 }
 .sec_imgright{
  width: 100%;
  background: #fff;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height:360px;
  margin-bottom: 20px;
 }
 .sec_imgright>.txt{
  padding: 20px;
  color: #666;
}
.yellow_font{
  right: 20px;
  bottom: 30px
}
.yellow_font>a{
  color:#2D77FD;
}
.sec_box, .five_box{
  padding-bottom: 0px;
}
.three_box{
  padding: 30px 0px;
  width: 92%;
}
.mobile_three_main{
display: block;
width: 92%;
margin: 40px auto auto auto;

}
.mobile_three_main>.list{
display: flex;
justify-content: space-between;
}
.mobile_three_main>.list>.first_div{
 width: 46%;
 height: 190px;
  background: linear-gradient(135deg, #E02500 0%, #FF9E66 100%);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  color: #fff;
}
.mobile_three_main>.list>.four_div{
width: 46%;
height: 140px;
background: linear-gradient(135deg, #00988C 0%, #1EEABA 100%);
 border-radius: 10px 10px 10px 10px;
 opacity: 1;
 color: #fff;
 margin-top: 10px;
}
.mobile_three_main>.list>.five_div{
width: 46%;
height: 140px;
background:linear-gradient(135deg, #818DB1 0%, #AAB9E5 100%);
 border-radius: 10px 10px 10px 10px;
 opacity: 1;
 color: #fff;
 margin-top: 10px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.mobile_three_main>.list>.sec_div{
width: 47%;
height: 190px;
background: linear-gradient(135deg, #0048D6 0%, #5C93FF 100%);
 border-radius: 10px 10px 10px 10px;
 opacity: 1;
 color: #fff;
}
.mobile_three_main>.list>.three_div{
 width: 47%;
 /* margin: auto; */
 opacity: 1;
 height:190px;
 background: linear-gradient(135deg, #007BD5 0%, #00D5FC 100%);
 border-radius: 10px 10px 10px 10px;
 margin-top: 10px;
}
.mobile_three_main>.list>.three_div2{
 width: 47%;
 /* margin: auto; */
 opacity: 1;
 height:190px;
 background: linear-gradient(135deg, #E06700 0%, #FFBE2B 100%);
 border-radius: 10px 10px 10px 10px;
 margin-top: 10px;
}
.three_main>.right>.first_div >ul>li>div:nth-child(2){
float: left;
  width: 45%;
}
.three_mainul{
padding-left: 20px;
}
ul.three_mainul>li{
  float: none;
  font-weight: normal;
  width: 90%;
}
ul.three_mainul>li>p{
clear:both;
width:100%;
}
.mobile_three_main>.three_div>ul>li{
color: #fff;
font-size: 12px;
padding-left: 20px;
padding-top: 2px;
line-height:24px;
}
.mobile_three_main>.three_div>ul>li:nth-child(2){
width: 30%;
float: left;
}
.mobile_three_main>.three_div>ul>li:nth-child(3){
width: 25%;
float: left;
}
.mobile_three_main>.three_div>ul>li:nth-child(4){
width: 45%;
float: left;
}
.mobile_three_main>.three_div>ul>li:nth-child(5){
width: 40%;
float: left;
}
.four_title{
width: 92%;
}
.four_title{
flex-wrap: wrap;
}
.four_title>.list{
width: 48%;
margin-top: 10px;
height:40px;
line-height: 40px;
font-size: 15px;
}
.four_box>.blue_title{
color:#282938;
}
.mobile_bgnlzx{
display: block;
width: 92%;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 10px;
}
.mobile_bgnlzx>.list{
width: 48%;
height:auto;
background: #F6F7F9;
border-radius: 4px 4px 4px 4px;
opacity: 1;
filter: blur(undefinedpx);
padding: 15px;
box-sizing: border-box;
align-items: center;
margin-top: 15px;
}
.mobile_bgnlzx>.list>.bgnlzx_title{
width: 100%;
height:40px;
overflow: hidden;
}
.mobile_bgnlzx>.list>.bgnlzx_title>.img{
float: left;
width: 20%;
margin-top: 10px;
}
.mobile_bgnlzx>.list>.bgnlzx_title>.img>img{
width: 100%;
}
.mobile_bgnlzx>.list>.bgnlzx_title>.title{
 font-size: 1em;
 font-weight: bold;
 color: #2D77FD;
 padding: 10px 0px;
 text-align: center;
 float: left;
 width: 65%;
}
.mobile_bgnlzx>.list:nth-child(2)>.bgnlzx_title>.img,
.mobile_bgnlzx>.list:nth-child(6)>.bgnlzx_title>.img,
.mobile_bgnlzx>.list:nth-child(7)>.bgnlzx_title>.img
{
width: 17%;
}
.mobile_bgnlzx>.list:nth-child(8)>.bgnlzx_title>.img{
width: 18%;
}
.mobile_bgnlzx>.list:nth-child(3)>.bgnlzx_title>.img,
.mobile_bgnlzx>.list:nth-child(4)>.bgnlzx_title>.img,
.mobile_bgnlzx>.list:nth-child(5)>.bgnlzx_title>.img,
.mobile_bgnlzx>.list:nth-child(6)>.bgnlzx_title>.img
{
margin-top: 6px;
}
.mobile_bgnlzx>.list>.txt{
color: #666666;
line-height: 22px;
font-size: 0.8em;

}
.mobile_balck_title
{
width: 92%;
margin: auto;
display: block;
text-align: center;
}
.mobile_balck_title>.balck_title_h1{
font-size: 1.2em;
color: #333;
padding-top: 20px;

}
.mobile_balck_title>.blue_title_h1
{
font-size: 1em;
font-weight: bold;
color:#2D77FD;
padding-top: 15px;
}
.mobile_bottom_img{
display: block;
}
.mobile_bottom_img>ul{
width: 92%;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.mobile_bottom_img>ul>li{
width: 30%;
height:100px;
font-size: 1em;
color:#fff;
font-weight: bold;

}
.mobile_bottom_img>ul>li>.title{
font-size: 1em;
font-weight: bold;
color:#2D77FD;
padding-top: 20px;
text-align: center;

}
.mobile_bottom_img>ul>li>.img{
display: flex;
justify-content: center;
align-items: center;
}
.mobile_bottom_img>ul>li:nth-child(1)>.img{
background: url(../img/mobile_jdnl.png) no-repeat;
background-size: 100%;
margin-top: 10px;
text-align: center;
height:140px;

}
.mobile_bottom_img>ul>li:nth-child(2)>.img{
background: url(../img/mobile_glnl.png) no-repeat;
background-size: 100%;
margin-top: 10px;
text-align: center;
height:140px;
}
.mobile_bottom_img>ul>li:nth-child(3)>.img{
background: url(../img/mobile_fwnl.png) no-repeat;
background-size: 100%;
margin-top: 10px;
text-align: center;
height:140px;
}
.four_box{
padding-bottom: 70px;
}
.ty_blueline{
width: 60px;
}
.mobile_five_img{
display: block;
width: 96%;
margin: auto;
margin-top: 20px;
}
.mobile_five_img>img{
width: 100%;
}
.mobile_six_img{
  display: block;
  width: 90%;
  margin: auto;
  margin-top: 20px;
  }
  .mobile_six_img>img{
  width: 100%;
  }
.mobile_six_img1{
  display: block;
  width: 100%;
  margin: auto;
  margin-top: 20px;
  }
  .mobile_six_img1>img{
  width: 100%;
  }
.xygq_close{
top: 5px;
right: 5px;
}
.xygq_close>img{
width: 50%;
}
.xygq{
display: none;
}
.mobile_xygq{
display: block;
position: fixed;
top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  
  
}
.mobile_xygq_con{

position: relative;
width: 80%;
top: 12%;
left: 10%;
}
.mobile_xygq_con>img{
width: 100%;
}
.mobile_xygq_close {
position: absolute;
bottom: -40px;
left: 45%;
cursor: pointer;
}
/*20240426新加*/
.ln_main{
  display: none;
}
.ln_main_moblie{
  display: block;
  text-align: center;
  margin-top: 40px;
}
.ln_main_moblie >img{
  width: 90%;
  margin: auto;
  text-align: center;
}
.ln_main>.left>.small_title{
  display: none;
}
.ln_main>.right>.small_title{
  display: none;
}
.blue_ul>ul>li.txt, .green_ul>ul>li.txt{
  font-size: 0.2em;
  padding: 5px;
  line-height: 20px;
}
.ln_main>.left, .ln_main>.right{
  width: 48%;
}
.green_ul>ul>li:nth-child(3){
  height:112px;
}
.seven_box{
  width: 92%;
  margin: auto;
}
.five_box{
  padding-bottom: 40px;
}
.glyy_img >img{
  width: 90%;
}
.seven_img>img{
  width: 100%;
}
}

@media screen and (max-width:320px){ 
  .sec_imgright{
    width: 100%;
    background: #fff;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height:430px;
    margin-bottom: 20px;
   }
}