@charset "utf-8";
 
 
 .explain {
     padding: 60px 0;
     margin-top: 50px;
     display: flex;
     align-items: center;
     justify-content: space-around;
     background: url('../img/gybg.png') top center no-repeat;
     background-size: cover;
 }
 
 .explain_item {
     display: flex;
     align-items: center;
 }
 
 .explain_item_i i {
     color: #f14e15;
     -ms-color: #f14e15;
     -o-color: #f14e15;
     -moz-color: #f14e15;
     font-size: 76px;
     background: #f14e15;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     transition: all .4s;
 }
 
 .explain_item_txt {
     margin-left: 12px;
     transition: all .4s;
 }
 
 .explain_item_shu span {
     font-size: 36px;
     color: #fff;
 }
 
 .explain_item_shu {
     display: flex;
 }
 
 .explain_item_shu b {
     margin-left: 5px;
     color: #f14e15;
     transform: translateY(10px);
 }
 
 .explain_item_zi {
     color: #f3f3f3;
     margin-top: -4px;
 }
 
 .explain .explain_item:hover .explain_item_i i {
     transform: scale(1.2);
 }
 
 .explain .explain_item:hover .explain_item_txt {
     transform: translateX(5px);
 }

 .cpfl ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
 }
 .cpfl ul li{
   margin: 0 20px 0 0;
 }
 .cpfl ul li a{
   display: block;
  font-size: 16px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #f14e15;
 }

 .cpfl .idea_box_tj{
   margin: 60px 0;
 }


.fuwu{
  padding: 80px 0;
}
.fuwu .fuwuLt{
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.fuwu .fuwuRt{
  float: right;
  width: 42%;
  box-sizing: border-box;
}
.fuwu .fuwuRt .fwico{
  width: 60px;
  display: block;
  padding: 35px 0;
}
.fuwu .fuwuRt h2{
  font-size: 32px;
  color: #222;
  margin-bottom: 30px;
}
.fuwu .fuwuRt p{
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
}

.fuwu2{
  padding: 80px 0;
}
.fuwu2 .fuwuLt{
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.fuwu2 .fuwuLt .fwico{
  width: 60px;
  display: block;
  padding: 35px 0;
}
.fuwu2 .fuwuLt h2{
  font-size: 32px;
  color: #222;
  margin-bottom: 30px;
}
.fuwu2 .fuwuLt p{
  font-size: 14px;
  color: #666;
  margin-bottom: 30px;
}
.fuwu2 .fuwuRt{
  float: right;
  width: 50%;
  box-sizing: border-box;
}


 @media screen and (max-width: 1200px) {
  .idea_box_tj{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .idea_box_tj .idea_box_tj_item{
    margin-bottom: 40px;
    width: 30%;
  }
}
 
 @media screen and (max-width: 992px) {
     .explain {
         padding: 30px 0;
         flex-wrap: wrap;
         justify-content: space-between;
     }
     .explain>div {
         width: 50%;
         justify-content: center;
     }
     .idea_box_tj {
      margin-top: 30px;
      }
      .idea_box_tj {
          flex-wrap: wrap;
      }
      .idea_box_tj .idea_box_tj_item {
          width: 48%;
          margin-bottom: 40px;
      }
 }
 
 @media screen and (max-width: 768px) {
  .fuwu .fuwuLt{
    width: 100%;
  }
  .fuwu .fuwuRt{
    width: 100%;
    text-align: center;
  }
  .fuwu .fuwuRt .fwico{
    margin: 0 auto;
  }
  .fuwu2 .fuwuLt{
    width: 100%;
    text-align: center;
  }
  .fuwu2 .fuwuLt .fwico{
    margin: 0 auto;
  }
  .fuwu2 .fuwuRt{
    width: 100%;
  }
      .idea_box_tj .idea_box_tj_item {
          width: 100%;
          margin-bottom: 40px;
      }
     .explain_item_i i {
         font-size: 44px;
     }
     .explain_item_shu span {
         font-size: 20px;
     }
     .explain_item_shu b {
         font-size: 14px;
         transform: translateY(4px);
     }
     .explain_item_zi {
         font-size: 14px;
     }
 }
 
 
 .historys {
     background-color: #f5f5f5;
     padding: 80px 0 70px;
 }
 
 .historys_t {
     text-align: center;
 }
 
 .historys_t p {
     margin-top: 15px;
     font-size: 16px;
 }
 
 .historys_b {
     margin-top: 50px;
 }
 
 .historys_item {
     margin: 0 14px;
     padding: 40px 0 60px;
     padding-left: 10%;
     border: 1px solid #d1d1d1;
     border-radius: 10px;
     background-color: #fff;
     transition: all .4s;
 }
 
 .historys_item h5 {
     transition: all .4s;
 }
 
 .historys_item:hover h5 {
     color: #0093DD;
 }
 
 .historys_item:hover {
     border: 1px solid #0093DD;
 }
 
 .historys_xian {
     margin-top: 14px;
     width: 30px;
     height: 1px;
     background-color: #0093DD;
 }
 
 .historys_item p {
     margin-top: 10px;
     font-size: 14px;
 }
 
 .historys_carousel .owl-controls .owl-page.active span {
     background-color: #0093DD;
 }
 
 .historys_carousel .owl-controls .owl-page span {
     background-color: #869791
 }
 
 .historys_carousel .owl-controls {
     margin-top: 70px;
 }
 
 @media screen and (max-width: 992px) {
     .historys {
         padding: 50px;
     }
     .historys_carousel .owl-controls {
         margin-top: 50px;
     }
 }
 
 @media screen and (max-width: 768px) {
     .historys {
         padding: 30px;
     }
     .historys_carousel .owl-controls {
         margin-top: 20px;
     }
     .historys_t h3 {
         font-size: 24px;
     }
     .historys_t p {
         line-height: 23px;
     }
     .historys_b {
         margin-top: 25px;
     }
 }
 
 
 .idea {
     padding: 90px 0 190px;
 }
 
 .idea_txt {
     text-align: center;
 }
 
 .idea_box {
     margin-top: 85px;
     display: flex;
     justify-content: space-between;
 }
 
 .idea_box .idea_box_item {
     width: 32%;
     border-radius: 10px;
     border: 1px solid #d9d9d9;
     position: relative;
 }
 
 .idea_box_img {
     position: relative;
     overflow: hidden;
     border-radius: 10px 10px 0 0;
 }
 
 .idea_box_img img {
     width: 100%;
     transition: all .4s;
 }
 
 .idea_box_item:hover img {
     transform: scale(1.1);
 }
 
 .idea_box_imgdw {
     position: absolute;
     bottom: 0;
     left: 0;
     transform: translate(45px, -30px);
     font-size: 28px;
     color: #fff;
     font-weight: 700;
 }
 
 .idea_box_txt {
    /* padding: 30px 45px 65px;*/
 }
 
 .idea_box_txt p {
     font-size: 16px;
     color: #333;
 }
 
 .idea_box_txtdw {
     position: absolute;
     width: 166px;
     height: 41px;
     line-height: 41px;
     text-align: center;
     border-radius: 20px;
     color: #fff;
     bottom: 0;
     left: 115px;
     transform: translateY(50%);
     background: linear-gradient(to right,#0066CC, #0093DD);
     background: -moz-linear-gradient(left, #ffd270 -40%, #0093DD);
     background: -ms-linear-gradient(left, #ffd270 -40%, #0093DD);
     background: -o-linear-gradient(left, #ffd270 -40%, #0093DD);
     transition: all .4s;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
     -ms-transform: translateY(50%);
     -o-transform: translateY(50%);
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
 }
 
 .idea_box .idea_box_item .idea_box_txtdw:hover {
     padding-left: 5px;
 }
 
 @media screen and (max-width: 992px) {
     .idea {
         padding: 50px 0 80px;
     }
     .idea_box {
         margin-top: 30px;
     }
     .idea_box {
         flex-wrap: wrap;
     }
     .idea_box .idea_box_item {
         width: 48%;
         margin-bottom: 40px;
     }
 }
 
 @media screen and (max-width: 768px) {
     .idea_box .idea_box_item {
         width: 100%;
         margin-bottom: 40px;
     }
     .idea {
         padding: 40px 10px;
     }
     .idea_box_txt {
         padding: 30px 20px;
     }
     .idea_box_txtdw {
         left: 20px;
     }
     .idea_box_imgdw {
         transform: translate(20px, -25px);
     }
     .idea_txt h3 {
         font-size: 24px;
     }
     .idea_box_imgdw {
         font-size: 20px;
     }
     .idea_box_txt p {
         font-size: 14px;
         line-height: 20px;
     }
 }
 
 .mb_jianjie {
     padding: 0 3%;
     margin-top: 30px;
     display: none;
 }
 
 .mb_jianjie p {
     font-size: 14px;
     color: #b9b9b9;
     text-indent: 2rem;
 }
 
 @media screen and (max-width: 768px) {
     .company_gd {
         display: none!important;
         height: 0;
     }
     .mb_jianjie {
         display: block;
     }
 }