@charset "utf-8";

/* 顶部banner版块 */
.header_box{background:#1a62e1;position: relative;height: 456px;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; margin-top: -40px;}
.header_box .header .header_r { z-index: 0; right: 0px; top: 50%; transform: translateY(-50%); margin-top: 20px;}
.header_box .header>h1{font-size: 44px;color: #fff;font-weight: 900;line-height: 90px;}
.header_box .header>h1 span {font-size: 36px;font-weight: 900;}
.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 h2{
  font-size:26px;
  color:#212c42;
  line-height: 1;
  text-align: center;
}

.section_1{
  background-color: #f9faff;
  min-height:376px;
}
.section_1 .center{
  width:1080px;
  height:100%;
  margin:0 auto;
}
.section_1 h2{
  padding-top:75px;
}
.section_1 ul{
  width:100%;
  height:206px;
  margin-top:69px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_1 ul li{
  min-width:195px;
  height:100%;
}
.section_1 ul li img{transition: all .3s;}
.section_1 ul li:hover img{transform: translateY(-15px);}
.section_1 ul li > div{width:100%;height:79px;text-align: center;}
.section_1 ul li > h3{font-size:17px;color:#374567;line-height: 1;text-align: center;}
.section_1 ul li > p{font-size:15px;color:#6d788e;line-height: 28px;margin-top:16px;text-align: center;white-space: nowrap;}
.section_1 ul li:nth-child(1) div{padding-top:6px;box-sizing: border-box;}
.section_1 ul li:nth-child(4) div{padding-top:6px;box-sizing: border-box;}

.section_2{
  background-color: #f9faff;
  min-height:689px;
}
.section_2 .center{
  width:1080px;
  height:100%;
  margin:0 auto;
}
.section_2 h2{
  padding-top:75px;
}
.section_2 .box{
  width:100%;
  height:489px;
  margin-top:32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.section_2 .box .img1{margin-left: -17px;}
.section_2 .box .img3{margin-right: -17px;}


.section_3{
  background-color: #e9eff6;
  min-height:648px;
}
.section_3 .center{
  width:1080px;
  margin:0 auto;
}
.section_3 h2{
  padding-top:85px;
}
.section_3 .box{
  width:100%;
  height:416px;
  margin-top:61px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_3 .box ul{
  width:532px;
  height:100%;
}
.section_3 .box ul li{
  width:100%;
  height:102px;
  box-sizing: border-box;
  border:1px solid #e9eff6;
  background-color: #e9eff6;
  padding-left:91px;
  cursor: pointer;
  position: relative;
}
.section_3 .box ul li h3{
  font-size:18px;
  color:#212c42;
  line-height: 1;
  padding-top:26px;
}
.section_3 .box ul li p{
  font-size:14px;
  color:#6d788e;
  line-height: 1;
  padding-top:16px;
}
.section_3 .box ul li img{
  position: absolute;
  top:25px;
  left:28px;
}
.section_3 .box ul .hover{
  border: 1px solid #fff;
  background-color: #fafaff;
  box-shadow: 0 0 35px rgba(26,98,225,0.1);
}
.section_3 .box .img1{margin-right: -17px;width: 480px;height: 382px;display: block;}
.section_3 .box .img2{margin-top: 9px;width: 401px;height: 381px;display: none;}
.section_3 .box .img3{margin-top: 17px;width: 409px;height: 366px;display: none;}
.section_3 .box .img4{margin-right: 0;width: 424px;height: 416px;display: none;}



.section_4{
  background-color: #f9faff;
  min-height:555px;
}
.section_4 .center{
  width:1080px;
  height:100%;
  margin:0 auto;
}
.section_4 h2{padding-top:69px;}
.section_4 h3{font-size:15px;color:#6d788e;line-height: 25px;text-align: center;padding-top:23px;}
.section_4 ul{
  width:100%;
  height:300px;
  margin-top:51px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_4 ul li{
  width:252px;
  height:138px;
  overflow: hidden;
  position: relative;
}
.section_4 ul li:hover img{transform: scale(1.10);}
.section_4 ul li img{width:252px;height:138px;transition: all .3s;}
.section_4 ul li span{
  display: block;
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:29px;
  background-color: rgba(106,118,142,0.7);
  font-size:14px;
  line-height: 29px;
  color:#fff;
  text-align: center;
}


/* 底部 立即注册版块 */
.foot_ban{width: 100%;height: 232px;background: url(../Image/wxlpk/2021/footer_bg.jpg) center center no-repeat;background-size: cover;}
.foot_ban h1{font-size: 30px;color: #FFFFFF;padding-top: 68px;line-height: 1;text-align: center;font-weight: 100;margin-bottom: 48px;}
.foot_ban a{width: 160px;font-size: 16px;color: #1cb0ea;line-height: 42px;display: block;margin: auto;text-align: center;border-radius: 5px;text-decoration: none;height: 42px; background-image: linear-gradient(#ffffff, #dcfcff); transition: all .3s; box-shadow: 0 0 10px rgba(23, 194, 217, 1); font-weight: bold;}
.foot_ban a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}