@charset "utf-8";

body{line-height: 2;}
.flex{display: flex;}
.flex-1{flex: 1;}
.img_100 img{width: 100%;}
.h10{height: 10px;}
.h20{height: 20px;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.animate{transition: all 0.3s;}
.animate5{transition: all 0.5s;}
.animate8{transition: all 1.5s;}
.font-18{font-size: 18px;}
.fit_img{object-fit: cover; width: 100%; height: 100%;}


.one_line{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.two_line{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.three_line{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}



.text-center{text-align: center;}


.p40{padding: 40px 0;}

.header_bg{background: #1f87e8; color: #fff; padding: 5px 0;}
.header_logo{padding-top: 20px;}
.header_logo img{max-height: 60px;}
.header_txt{line-height: 2.5;}

.header_tel{display: flex; align-items: center; height: 100px; justify-content:flex-end;}
.header_tel_ico{margin-right: 20px;}
.header_tel_ico .layui-icon{font-size: 48px;}
.header_tel_txt{font-size: 36px; font-weight: bold;}

.nav_bg{background: #000; color: #fff;}
.nav{display: flex;}

.nav_item{height: 50px; flex: 1;}
.nav_item a{display: block; width: 100%; height: 100%; line-height: 50px; text-align: center; color: #fff;}
.nav_item a:hover{background: #439AEC;}
.nav .active{background: #439AEC;}

.index_service_img{height: 240px;}
.index_service_img a{display: block; height: 100%;}
.index_service_img a img{object-fit: cover; width: 100%; height: 100%;}
.index_service_txt{text-align: center;}
.index_title_wrapper{text-align: center;}
.index_title{font-size: 24px; color: #1f87e8; font-weight: bold;}
.index_title_sub{font-size: 18px;}
.index_btn a{display: block; background: #076CE0; width: 60%; border-radius: 9px; margin: 0 auto; text-align: center; line-height: 40px; color: #fff;}

.bg_gary{background: #f1f1f1;}
.index_team_img{height: 200px;}
.index_team_img a{display: block; height: 100%;}
.index_team_img a img{width: 100%; height: 100%; object-fit: cover;}

.index_question h3{font-size: 24px; color: #000; font-weight: bold;}
.index_question p{font-size: 18px;}
.index_question a{background:#F5983B; display: block; border-radius: 9px; margin-top: 15px; text-align: center; color: #fff; line-height: 40px; width: 70%;}

.news_hot h3{font-size: 20px; font-weight: bold;}
.news_hot_list li{padding-bottom: 5px; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.news_hot_top{font-size: 16px;}
.news_hot_top span{float: right;}

.news_com_hot h3{font-size: 20px; font-weight: bold;}
.news_com_hot li{font-size: 16px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; margin-bottom: 10px;}

.footer_icon{display: flex;}
.footer_icon_ico i{font-size: 48px; padding-right: 10px;}
.footer_icon_txt h3{font-size: 20px; font-weight: bold;}

.footer_bg{background: #282828; color: #fff;}
.foot_contact{display: flex;}
.foot_contact_ico{padding-right: 10px; font-size: 48px;}
.foot_contact_ico i{font-size: 48px;}
.foot_contact_txt h3{font-size: 30px; font-weight: bold; line-height: 1.5;}
.foot_contact_txt h4{color: #999; text-align: center;}
.foot_contact_txt a{border: #1f87e8 1px solid; padding: 10px 35px; line-height: 40px; color: #fff;}

.foot_nav h2{font-size: 20px; font-weight: bold;}
.foot_nav_list li{display: inline-block; width: 50%; float: left;}
.foot_nav_list li a{color: #999; font-size: 16px;}

.foot_qr{text-align: center;}
.foot_qr_img img{width: 150px;}

.foot_icp{color: #999; text-align: center; line-height: 40px;}
.foot_icp a{color: #999;}


.mbx{line-height: 40px; border-bottom: 1px solid #f1f1f1; margin-top: 15px;}

.inner_l_title{background: #076CE0; color: #fff; line-height: 2; padding-left: 15px; box-sizing: border-box; font-size: 20px; font-weight: bold;}

.inner_con{min-height: 300px; padding-top: 15px; font-size: 14px; color: #666;}
.inner_con img{max-width: 100% !important; width: auto !important;}

.inner_r_title{border-bottom: 1px solid #f1f1f1; padding: 5px 0;}
.inner_r_title span{border-left:6px solid #076CE0; padding-left: 15px; font-size: 20px; color: #076CE0; font-weight: bold;}

.inner_l_wrapper{background: #f1f1f1;}
.inner_l_con{padding: 20px; box-sizing: border-box;}
.inner_l_con_line{border-bottom: 1px dotted #ccc;}
.inner_l_time h3{font-size: 18px; font-weight: bold;}


/* page start */
.page{text-align: center;}
.page a{display: inline-block; padding: 5px 15px; border: 1px solid #ccc; border-radius: 5px;}
.page a:hover{background: #ebaa00; color: #fff;}
/* page end */

.inner_service_img{height: 200px;}
.inner_service_img a{display: block; height: 100%;}

.inner_article_con{padding-top: 15px;}
.inner_article_tit{font-size: 18px; font-weight: bold;}
.inner_article_other{border-bottom: 1px dotted #f1f1f1;}
.inner_aritcle_con{min-height: 300px; padding-top: 15px; font-size: 14px; color: #666;}

.inner_article_a{margin: 15px 0; text-align: center;}


.mobile{
  width: 100%;
  position: relative;
  height: 50px;
}
.mobile-inner{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #fafafa;
  position: relative;
}
.mobile-inner p{
  color: #676767;
  line-height: 25px;
  font-size: 16px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  margin:0px;
}
.mobile-inner-header{
  background-color: #1176d4;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.mobile-inner-header-icon{
  color: #ffffff;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.mobile-inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.mobile-inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 1px;
  background-color: rgba(255,255,255,1);
}
.mobile-inner-header-icon span:nth-child(1){
  transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span:nth-child(2){
  transform: translateY(-4px) rotate(0deg);
}





.mobile-inner-header-icon-click span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickfirst;
}
.mobile-inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
}



@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);

  }

  100% {
      transform: translateY(0) rotate(45deg);
  }
}



@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
      transform: translateY(0) rotate(-45deg);
  }
}

.mobile-inner-header-icon-out span:nth-child(1){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
}
.mobile-inner-header-icon-out span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
}

@keyframes outfirst {
  0% {
      transform: translateY(0) rotate(-45deg);
  }

  100% {
      transform: translateY(-4px) rotate(0deg);
  }
}



@keyframes outsecond {
  0% {
      transform: translateY(0) rotate(45deg);
  }

  100% {
      transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
  background-color: rgba(31,135,232, 0.9);
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0px;
  padding-top: 30px;
  padding-bottom: 80px;
  display: none;
  z-index: 999;
}
.mobile-inner-nav a{
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
  width: 80%;
  margin-left: 10%;
  color: #FFFFFF;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  font-weight:300;
}
.mobile-inner-nav a:hover{
  color: rgba(255,255,255,0.4);
  border-bottom: solid 1px rgba(255,255,255,0.2);
}

.mobile-inner-nav a{
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: returnToNormal;
  animation-name: returnToNormal;
}

@-webkit-keyframes returnToNormal {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes returnToNormal {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }

  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}
.m_logo{position: absolute; z-index: 66; padding-top: 5px; padding-left: 10px;}
.m_logo img{max-height: 40px;}


/*底部功能*/
.wx{position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 999}
.wx_bg{background: rgba(0,0,0,.7); height: 100%; width: 100%; }
.wx_img{width: 50%; margin-top: 50%; position: absolute; margin-left: 25%;}
.wx_img img{width: 100%;}
.m_foot_nav{height: 60px; display: flex; position: fixed; z-index: 9999; left: 0; bottom: 0; width: 100%; background: #fff; line-height: normal !important;}
.m_foot_nav div{flex: 1; text-align: center; border-right: 1px solid #1f87e8;}
.m_foot_nav div:last-child{border: none;}
.m_foot_nav div a{display: block; font-size: 12px; text-align: center; height: 60px; box-sizing: border-box; width: 100%; background: #076CE0; color: #fff; padding-top: 8px;}
.iconfont{font-size: 24px;}

.h_60{height: 60px;}

/*底部功能结束*/


.m_block{display: none;}
.pc_block{display: block;}

@media screen and (max-width: 1100px) {
  .m_block {
    display: block;
  }
  .pc_block{display: none;}
  .p40{padding: 20px 0;}
  .banner-swiper{
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 24px;/* 设置按钮大小 */
  }
  .inner_service_img{height: 120px;}
  .font-18{font-size: 12px;}
  .index_title{font-size: 20px;}
  .index_title_sub{font-size: 14px;}
  .index_service_img{height: 120px;}
  .index_team_img{height: 120px;}
}