.service{
  width: 100%;
  background: #F3F8FB;
  padding: 20px 0px;
}
.service_container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service_item{
  width: 383px;
  height: 124px;
  box-sizing: border-box;
  padding: 0px 30px;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.service_logo{
  width: 37px;
  flex: none;
}
.service_text{
  margin-left: 25px;
}
.service_title{
  font-size: 18px;
  color: #000;
  padding-bottom: 14px;
}
.service_dec{
  font-size: 14px;
  color: #666;
}

.media{
  width: 100%;
  background: #ffffff;
  padding-bottom: 90px;
  overflow: hidden;
}
.media_nav{
  width: 1008px;
border-bottom: 1px solid #CCCCCC;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
margin-top: 50px;
}
.media_nav_item{
  padding: 14px 0px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
border-bottom: 3px solid rgba(32, 163, 255, 0);
width: 142px;
text-align: center;
position: relative;
bottom: -1px;
cursor: pointer;
user-select: none;
}
.media_nav_item_active{
  border-bottom: 3px solid #20A3FF;
font-size: 20px;
font-weight: bold;
color: #20A3FF;
}
.media_main{
  margin-top: 72px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow: hidden;
}
.media_item{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex: none;
}
.media_item_logo{
  width: 571px;
height: 406px;
background: #A2A2A2;
flex: none;
}
.media_item_text{
  flex: auto;
  margin-left: 70px;
  position: relative;
}
.media_item_title{
font-size: 22px;
font-weight: bold;
color: #333333;
text-align: left;
}
.media_item_content{
font-size: 18px;
font-weight: 400;
color: #666666;
line-height: 43px;
margin-top: 33px;
}
.media_item_btnlist{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  /* margin-top: 84px; */
  position: absolute;
  bottom: 0;
  left: 0;
}
.media_item_zixun{
  display: inline-block;
  width: 181px;
height: 52px;
background: #20A3FF;
border-radius: 10px;
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
line-height: 52px;
text-align: center;
}
.media_item_details{
  width: 181px;
height: 52px;
border: 1px solid #20A3FF;
border-radius: 10px;
font-size: 18px;
font-weight: 400;
color: #20A3FF;
line-height: 52px;
text-align: center;
margin-left: 41px;
}

.programme{
  width: 100%;
background: #F5F5F5;
padding-bottom: 90px;
overflow: hidden;
}
.programme_box{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 58px;
}
.programme_item{
  width: 380px;
height: 348px;
background: #FFFFFF;
overflow: hidden;
}
.programme_item_img{
  width: 100%;
  height: 226px;
}
.programme_item_bot{
  height: 128px;
  padding: 0 24px;
  box-sizing: border-box;
}
.programme_item_bot_title{
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  line-height: 46px;
}
.programme_item_bot_content{
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 26px;
}
.programme_item_active{
  width: 495px;
height: 431px;
background: #FFFFFF;
box-shadow: 0px 0px 51px 0px rgba(204, 204, 204, 0.54);
}
.programme_item_active .programme_item_img{
  width: 495px;
height: 270px;
}
.programme_item_active .programme_item_bot{
  height: 161px;
  padding: 0 29px;
  box-sizing: border-box;
}
.programme_item_active .programme_item_bot_title{
  font-size: 22px;
  line-height: 66px;
}
.programme_item_active .programme_item_bot_content{
  font-size: 18px;
  line-height: 30px;
}

.anli{
  width: 100%;
  background: #20A3FF;
  padding-bottom: 47px;
  overflow: hidden;
}
.swiper-container{
  margin-top: 58px;
  padding-bottom: 30px;
}
.swiper-pagination{
  position: relative !important;
  bottom: -21px !important;
  color: white !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper_custom_render{
  width: 20px;
height: 3px;
background: #e9e9e9;
border-radius: 2px;
display: inline-block;
margin: 0px 7px;
}
.swiper_custom_render_active{
  background: #FFFFFF;
}
.anli_slide{
  width: 1007px;
height: 308px;
background: #FFFFFF;
display: flex;
justify-content: flex-start;
padding: 73px 97px;
box-sizing: border-box;
margin: 0 auto;
}
.anli_logo{
  width: 212px;
height: 162px;
background: #333333;
border-radius: 10px;
flex: none;
}
.anli_main{
  flex: auto;
  margin-left: 37px;
}
.anli_main_row{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.anli_main_logo{
  width: 97px;
height: 40px;
flex: none;
}
.anli_main_name{
font-size: 20px;
font-weight: bold;
color: #333333;
margin-left: 45px;
}
.anli_main_content{
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 33px;
margin-top: 24px;
}

.num{
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 140px;
}
.num_bg{
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.num_container{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: 100%;
}
.num_item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px 64px;
}
.num_item_content{
  font-size: 30px;
  font-family: Roboto;
  font-weight: 400;
  color: #FFFFFF;
}
.num_item_dec{
  font-size: 16px;
  font-weight: normal;
  color: #FFFFFF;
  margin-top: 21px;
}

/* .news{
  width: 100%;
  background: #FFFFFF;
  padding-bottom: 90px;
  overflow: hidden;
}
.news_item{
  padding: 54px 0px 51px 21px;
  border-top: 1px solid #CCCCCC;
  position: relative;
}
.news_item:first-child{
  border: none;
}
.news_item_title{
font-size: 20px;
font-weight: bold;
color: #333333;
}
.news_item_title::before{
  content: '';
  display: block;
  width: 8px;
height: 24px;
background: #20A3FF;
position: absolute;
top: 53px;
left: 0px;
}
.news_item_content{
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 33px;
margin-top: 30px;
}
.news_item_bot{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 53px;
}
.news_item_bot_left{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.news_item_bot_left span{
font-size: 14px;
font-weight: 400;
color: #999999;
line-height: 33px;
}
.news_item_time{
  margin-left: 30px;
}
.news_item_btn{
  display: inline-block;
  width: 90px;
  height: 30px;
  border: 1px solid #20A3FF;
  border-radius: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #20A3FF;
  line-height: 31px;
  text-align: center;
} */

.friend{
  width: 100%;
  background: #FFFFFF;
  padding-bottom: 90px;
  overflow: hidden;
}
.friend_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 58px;
}
.friend_box img{
  width: 224px;
  height: 110px;
  box-shadow: 0 2px 8px 1px rgba(0,0,0,0.1);
  background-color: #fff;
  margin-bottom: 20px;
}