@charset "utf-8";

body{margin:0;}
.clearfix:after{content: "";display: block;clear: both;}

.header_box{background:#1a62e1;position: relative;height: 278px;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: 0px; top: 50%; transform: translateY(-50%); margin-top: 39px;}
.header_box .header>h1{font-size: 54px;color: #fff;font-weight: 900;line-height: 60px;}
.header_box .header>h1 span{ opacity: 0.6;font-weight: 900; font-size: 50px;}


.container{
  width:100%;
}
.container .center{
  width:1080px;
  margin:0 auto;
  position: relative;
}

.section_1{
  width:100%;
  height:623px;
  background:url(../Image/qygk/s1_bg.png) center center no-repeat;background-size: cover;
}
.section_1 h2{
  line-height: 1;
  text-align: center;
  font-size:28px;
  color:#2f3d57;
  padding-top:81px;
  padding-bottom:50px;
}
.section_1 .box{
  width:100%;
  height:410px;
  display: flex;
  flex-direction: row;
}
.section_1 .box .left{
  flex:1;
}
.section_1 .box .left h3{
  font-size:17px;
  color:#1f2b43;
  line-height: 32px;
}
.section_1 .box .left p{
  line-height: 36px;
  color:#7a8ba6;
  font-size:15px;
  margin-top:4px;
}
.section_1 .box .left .four_div_box{
  width:618px;
  height:70px;
  margin-top:15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_1 .box .left .four_div_box div{
  width:140px;
  height:100%;
  text-align: center;
  line-height: 70px;
  font-size:15px;
  color:#fff;
  transition: all .3s;
}

.section_1 .box .left .four_div_box div:nth-child(1){
  background:url(../Image/qygk/s1_left1.png) center center no-repeat;background-size: cover;
}
.section_1 .box .left .four_div_box div:nth-child(2){
  background:url(../Image/qygk/s1_left2.png) center center no-repeat;background-size: cover;
}
.section_1 .box .left .four_div_box div:nth-child(3){
  background:url(../Image/qygk/s1_left3.png) center center no-repeat;background-size: cover;
}
.section_1 .box .left .four_div_box div:nth-child(4){
  background:url(../Image/qygk/s1_left4.png) center center no-repeat;background-size: cover;
}
.section_1 .box .left .four_div_box div:hover{transform: scale(1.05);}
.section_1 .box .right{
  width:395px;
  height: 100%;
  position: relative;
}
.section_1 .box .right img{
  position: absolute;
  left:-50px;
  top:27px;
}
.section_1 .box .right .particle {
  opacity: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-animation: bubbles 3s ease-in infinite;
          animation: bubbles 3s ease-in infinite;
  border-radius: 100%;
}
@-webkit-keyframes bubbles {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%);
            transform: translate(0, -1000%);
  }
}

@keyframes bubbles {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, -1000%);
            transform: translate(0, -1000%);
  }
}


.section_2{
  width:100%;
  height:413px;
}
.section_2 h2{
  line-height: 1;
  text-align: center;
  font-size:28px;
  color:#2f3d57;
  padding-top:81px;
  padding-bottom:23px;
}
.section_2 .item_box{
  width:100%;
  height:248px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_2 .item_box .item{
  width:325px;
  height:100%;
  text-align: center;
  white-space: nowrap;
}
.section_2 .item_box .item img{
  margin-top:21px;
  transition: all .3s;
}
.section_2 .item_box .item:hover img{transform: translateY(-15px);}
.section_2 .item_box .item p{
  line-height: 1;
  font-size:15px;
  color:#2f3d57;
  margin-top:14px;
}
/* .section_2 .item_box .item:hover p{transform: scale(1.2);} */

.section_3{
  width:100%;
  height:252px;
  background: url(../Image/qygk/s3_bg.png) center center no-repeat;background-size: cover;
  text-align: center;
}
.section_3 h2{
  line-height: 1;
  text-align: center;
  font-size:28px;
  color:#fff;
  padding-top:79px;
}
.section_3 img{
  margin-top:45px;
}

.section_4{
  width:100%;
  height:696px;
  background: url(../Image/qygk/s4_bg.png) center center no-repeat;background-size: cover;
}
.section_4 h2{
  line-height: 1;
  text-align: center;
  font-size:28px;
  color:#2f3d57;
  padding-top:78px;
  padding-bottom:49px;
}
.section_4 .item_box{
  width:100%;
  height:459px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_4 .item_box div{
  width:341px;
  height:100%;
  position: relative;
  transition: all .3s;
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
}
.section_4 .item_box div:hover{
  box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 18%)
}
.section_4 .item_box div h3{
  font-size:17px;
  color:#1f2b43;
  line-height: 1;
  padding-top:36px;
  padding-bottom:8px;
  padding-left:23px;
}
.section_4 .item_box div p{
  font-size:14px;
  color:#58637f;
  line-height: 32px;
  padding-left:30px;
  position: relative;
}
.section_4 .item_box div p span{
  font-size:33px;
  position: absolute;
  top:0;
  left:18px;
}
.section_4 .item_box div .num{
  width:40px;
  height:40px;
  background-color: #1a62e1;
  position: absolute;
  right:0;
  bottom:0;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
}
.section_4 .item_box .item1{background: url(../Image/qygk/s4_item1.png) center center no-repeat;background-size: cover;}
.section_4 .item_box .item2{background: url(../Image/qygk/s4_item2.png) center center no-repeat;background-size: cover;}
.section_4 .item_box .item3{background: url(../Image/qygk/s4_item3.png) center center no-repeat;background-size: cover;}

.section_5{
  width:100%;
  height:666px;
}
.section_5 h2{
  line-height: 1;
  text-align: center;
  font-size:28px;
  color:#2f3d57;
  padding-top:81px;
  padding-bottom:9px;
}
.section_5 .box{
  width:100%;
  height:516px;
  position: relative;
}
.section_5 .box .line_img{
  width:100%;
}
.section_5 .box .text_box{
  width:228px;
}
.section_5 .box .text_box h3{
  line-height: 1;
  font-size:16px;
  color:#3c4962;
  font-weight: 400;
  padding-bottom:7px;
}
.section_5 .box .text_box p{
  line-height: 30px;
  font-size:14px;
  color:#58637f;
}
.tb1{position: absolute;left:0;top:243px;}
.tb2{position: absolute;left:283px;top:143px;}
.tb3{position: absolute;left:567px;top:111px;}
.tb4{position: absolute;left:851px;top:0;}
.tb4 h3{line-height: 22px !important;}

.section_5 .box .time{
  width:140px;
}
.section_5 .box .time h3{
  font-size:18px;
  color:#2f3d57;
  line-height: 1;
  padding-bottom:14px;
}
.section_5 .box .time p{
  font-size:14px;
  color:#3d4a62;
  line-height: 1;
}
.section_5 .box .time2006{position: absolute;left:21px;bottom:11px;}
.section_5 .box .time2015{position: absolute;left:243px;bottom:71px;}
.section_5 .box .time2016{position: absolute;left:376px;bottom:108px;}
.section_5 .box .time2017{position: absolute;left:531px;bottom:126px;}
.section_5 .box .time2018{position: absolute;left:673px;bottom:166px;}
.section_5 .box .time2020{position: absolute;left:811px;bottom:216px;}
.section_5 .box .time2021{position: absolute;left:948px;bottom:257px;}
.lh_20{line-height:20px !important;}

.foot_ban{width: 100%;height: 232px;background: url(../Image/memberMarketing/2021-11/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: #ffffff;line-height: 42px;display: block;margin: auto;text-align: center;border-radius: 5px;text-decoration: none;height: 42px; background: #12caee; transition: all .3s; box-shadow: 2px 0 10px rgba(0, 0, 0, .2); font-weight: bold;}
.foot_ban a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}