@charset "utf-8";

.header_box{background:#1a62e1;position: relative;height: 455px;background-size: cover;width: 100%;margin: 0 auto;}
.header_box .header{box-sizing: border-box;top: 50%;left: 50%;transform: translateY(-50%); width:1080px; position: absolute; margin-left: -540px;}
.header_box .header .header_r { z-index: 0; right: 0; top: 50%; transform: translateY(-50%); margin-top: 0;}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>p{font-size: 16px;color: #ffffff;line-height: 34px;}
.header_box .header>a{margin:42px 20px 0 0;height: 40px;line-height: 40px;border-radius: 4px;width: 116px;display: inline-block; border: 1px #ffffff solid; text-align: center;font-size: 16px;color: #1a62e1; background: #ffffff; transition: all .3s; box-shadow: 0 0 10px rgba(0, 0, 0, .2); font-weight: 400;}
.header_box .header>a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0);}
.header_box .header>a.btn2 { background: none; color: #ffffff;}
.header_box .header>span { display: inline-block; color: #ffffff; font-size: 18px;}

.section_1{
  width:100%;
  min-height: 555px;
  background-color: #f9faff;
}
.section_1 .center{
  width:1080px;
  margin:auto;
}
.section_1 h2{
  font-size:28px;
  color:#212c42;
  line-height: 1;
  text-align: center;
  padding-top:70px;
}
.section_1 .bigimg{
  margin-top:5px;
  text-align: center;
}

.section_2{
  width: 100%;
  min-height:1125px;
  background-color: #fff;
}
.section_2 .center{
  width:1080px;
  margin:auto;
}
.section_2 h2{
  font-size:28px;
  color:#212c42;
  line-height: 1;
  text-align: center;
  padding-top:70px;
}
.section_2 ul{
  width:100%;
  min-height:566px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top:60px;
}
.section_2 ul li{
  width:332px;
  min-height:566px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.section_2 ul li h3{
  font-size:16px;
  color:#212c42;
  line-height: 1;
  text-align: center;
}
.section_2 ul li > img{display: block;margin-top:10px;margin-bottom:10px;}
.section_2 ul li h4{
  width: 100%;
  font-size:18px;
  color:#ffffff;
  line-height: 42px;
  text-align: center;
  background: url(../Image/dlhd/2022/s2_h4_bg.png) center center no-repeat;
  background-size: cover;
}
.section_2 ul li .box{width:332px;height:281px;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;border:1px solid #d1daeb;border-bottom:none;}
.section_2 ul li .box h5{font-size:18px;color:#212c42;line-height: 1;padding-top:24px;padding-bottom:19px;}
.section_2 ul li .box > img{display: block;box-shadow: 0 0 70px rgba(186, 194, 211, 0.3);}
.section_2 ul li .box2{width:100%;flex: 1;background-image: linear-gradient(#f1f3fb, #fff);background-image: -webkit-linear-gradient(#f1f3fb, #fff);box-sizing: border-box;border:1px solid #d1daeb;border-top:none;}
.section_2 ul li .box2 h5{font-size:16px;color:#212c42;line-height: 1;padding-top:24px;padding-left:27px;}
.section_2 ul li .box2 p{padding-top:11px;padding-left:24px;}
.section_2 ul li .box2 p span{display: inline-block;font-size:14px;color:#1a62e1;line-height: 27px;padding:0 17px;margin-right:6px;background-color: #e7eeff;text-align: center;}
.section_2 ul li .box2 .p2 span{padding:0 9px;}

.section_2 .text_box{
  width:100%;
  height:292px;
  background: url(../Image/dlhd/2022/s2_tb_bg.png) center center no-repeat;
  background-size: cover;
  margin-top:33px;
  box-sizing: border-box;
  padding-top: 50px;
  padding-left:21px;
}
.section_2 .text_box p{
  font-size:15px;
  color:#626d84;
  line-height: 21px;
  margin-bottom:14px;
}
.section_2 .text_box p span{
  display: inline-block;
  width:21px;
  height:21px;
  border-radius: 50%;
  line-height: 21px;
  text-align: center;
  margin-right:10px;
  background-color: #0a61e1;
  color: #fff;
  font-size:12px;
}


.section_3{
  width:100%;
  height:680px;
  background-color: #1a62e1;
}
.section_3 .center{
  width:1280px;
  margin:auto;
}
.section_3 h2{
  font-size:28px;
  color:#fff;
  line-height: 1;
  text-align: center;
  padding-top:67px;
}
.section_3 .swiper-container-s3{
  width:100%;
  height:497px;
  margin-top:53px;
  overflow: hidden;
  position: relative;
}
.section_3 .swiper-container-s3 .swiper-slide{box-sizing: border-box;text-align: center;padding-top:92px;}
.section_3 .pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_3 .pagination .swiper-pagination-bullet{
  width:8px;
  height:8px;
  background-color: #5a8de8;
  border-radius: 50%;
  margin-right:8px;
}
.section_3 .pagination .swiper-pagination-bullet-active{
  width:11px;
  height:11px;
  background-color: #fff;
}
.section_3 .prev{
  width:32px;
  height:32px;
  border-radius: 4px;
  background-color: #fff;
  background-image: url(../Image/dlhd/2022/prev.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  left:100px;
  top:45%;
  z-index: 99;
  cursor: pointer;
}
.section_3 .prev:hover{background-color: #8cbbff;background-image: url(../Image/dlhd/2022/prev_hover.png);}
.section_3 .next{
  width:32px;
  height:32px;
  border-radius: 4px;
  background-color: #fff;
  background-image: url(../Image/dlhd/2022/next.png);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  right:100px;
  top:45%;
  z-index: 99;
  cursor: pointer;
}
.section_3 .next:hover{background-color: #8cbbff;background-image: url(../Image/dlhd/2022/next_hover.png);}
.section_3 .swiper-container-s3 .top_text{
  position: absolute;
  height:41px;
  top:0;
  left:525px;
  z-index: 99;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  /* transition: all 1s; */
}
.section_3 .swiper-container-s3 .top_text span{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size:24px;
  color:#76a1ed;
}
.section_3 .swiper-container-s3 .top_text span.action{color:#fff;}
.section_3 .swiper-container-s3 .top_text span.action i{color:#1a62e1;background-color: #fff;}
.section_3 .swiper-container-s3 .top_text span i{
  display: inline-block;
  text-align: center;
  line-height: 41px;
  border-radius: 50%;
  width:41px;
  height:41px;
  background-color: #76a1ed;
  font-size:20px;
  color:#fff;
  font-style: unset;
  font-weight: 500;
  margin-right:18px;
}
.section_3 .swiper-container-s3 .top_text span b{
  display: inline-block;
  width:155px;
  height: 16px;
  background: url(../Image/dlhd/2022/s3_top_text_icon.png) center center no-repeat;
  margin-left:80px;
  margin-right:78px;
}


.section_4{
  width:100%;
  height:996px;
  background-color: #fcfcfd;
}
.section_4 .center{
  width:1080px;
  margin:auto;
}
.section_4 h2{
  font-size:28px;
  color:#212c42;
  line-height: 1;
  text-align: center;
  padding-top:73px;
  padding-bottom:32px;
}
.section_4 .tabbar{
  width:100%;
  height:55px;
  border-bottom:1px solid #e1e6f0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.section_4 .tabbar li{
  width:103px;
  height:100%;
  margin:0 12px;
  cursor:pointer;
}
.section_4 .tabbar li h3{
  font-size:18px;
  color:#212c42;
  line-height: 55px;
  text-align: center;
}
.section_4 .tabbar li.action h3{color:#1a62e1;}
.section_4 .tabbar i{
  display: block;
  width:103px;
  height:2px;
  background-color: #1a62e1;
  position: absolute;
  bottom:0;
  left:365px;
  transition: all .3s;
}
.section_4 .label_item{
  width:100%;
  height:63px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.section_4 .label_item li a{
  font-size:15px;
  color:#0a62e1;
  text-align: center;
  line-height: 63px;
  padding:0 11px;
  white-space: nowrap;
}
.section_4 .label_item li.empty a{color:#3f485b;}

.section_4 .content{
  width:100%;
  height:700px;
  margin-top:14px;
}
.swiper-container-s4{
  width:100%;
  height:660px;
  overflow: hidden;
}
.section_4 .pagination2 {
  width:100%;
  height:10px;
  position: absolute;
  z-index: 10;
  left: 0;
  right:0;
  margin:auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_4 .pagination2 .swiper-pagination-bullet{
  width:8px;
  height:8px;
  background-color: #b6b9c6;
  border-radius: 50%;
  margin-right:8px;
}
.section_4 .pagination2 .swiper-pagination-bullet-active{
  width:11px;
  height:11px;
  background-color: #0a62e1;
}
.swiper-container-s4 .main{
  width:100%;
  height:100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
}
.swiper-container-s4 .main li{
  width:252px;
  height:189px;
  box-shadow: 0 0 21px rgba(160,171,180,0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 23px;
  cursor: pointer;
  position: relative;
}
.swiper-container-s4 .main li > img{
  margin-top:10px;
}
.swiper-container-s4 .main li span{
  font-size:15px;
  color:#212c42;
  line-height: 37px;
  position: relative;
}
.swiper-container-s4 .main li span:nth-child(3){
  color: #1a62e1;
  display: none;
}
.swiper-container-s4 .main li span i{
  display: block;
  width:5px;
  height:7px;
  background: url(../Image/dlhd/2022/s4_r_icon.png) center center no-repeat;
  position: absolute;
  top:15px;
  right: -10px;
}
.swiper-container-s4 .main li:hover span:nth-child(2){display: none;}
.swiper-container-s4 .main li:hover span:nth-child(3){display: inline-block;}
.swiper-container-s4 .main li > a{
  display: block;
  width: 100%;
  height:100%;
  position: absolute;
  left:0;
  top:0;
}


.section_5{
  width:100%;
  height:504px;
  /* background: url(../Image/dlhd/2022/s5_bg.png) center center no-repeat; */
  background-size: cover;
}
.section_5 .center{
  width:1080px;
  margin:auto;
}
.section_5 h2{
  font-size:28px;
  color:#212c42;
  line-height: 1;
  text-align: center;
  padding-top:56px;
}
.section_5 .left_img{
  float: left;
  margin-left:5px;
  margin-top:84px;
}
.section_5 .right_box{
  float: right;
  width:489px;
  margin-top:70px;
}
.section_5 .right_box li{
  position: relative;
  box-sizing: border-box;
  padding-left:67px;
  margin-bottom:40px;
}
.section_5 .right_box li i{
  position: absolute;
  top:0;
  left:0;
  display: block;
  width:41px;
  height:41px;
  background: url(../Image/dlhd/2024/s5_icon1.png) center center no-repeat;
  background-size: cover;
}
.section_5 .right_box li:nth-child(2) i{width:38px; height:39px;background: url(../Image/dlhd/2024/s5_icon2.png) center center no-repeat;}
.section_5 .right_box li:nth-child(3) i{width:45px; height:40px;background: url(../Image/dlhd/2024/s5_icon3.png) center center no-repeat;}
.section_5 .right_box li h3{
  font-size:20px;
  color:#212c42;
  line-height: 1;
  padding-top:7px;
  padding-bottom:12px;
}
.section_5 .right_box li p{
  font-size:15px;
  color:#606266;
  line-height: 24px;
  white-space: nowrap;
}

.section_6{
  width:100%;
  height:850px;
  background: #f9faff;
}
.section_6 .center{
  width:1080px;
  margin:auto;
}
.section_6 h2{
  font-size:28px;
  color:#212c42;
  line-height: 1;
  text-align: center;
  padding-top:70px;
}

.section_6 .top_img{
  display: block;
  margin-top:46px;
  box-shadow: 0 0 16px rgba(219,222,233,0.7)
}
.section_6 ul{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top:49px;
}
.section_6 ul li{
  width:344px;
  height:138px;
  margin-bottom:19px;
  position: relative;
}
.section_6 ul li h3{
  position: absolute;
  bottom:0;
  left:0;
  font-size:15px;
  color:#fff;
  width:344px;
  line-height: 29px;
  text-align: center;
  background-color: rgba(0,0,0,0.4);
}