/* flexslider */
.flexslider{position:relative;height:187px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;min-width:1200px;width:100%}
.slides{position:relative;z-index:1;}
.slides li{height:187px;}
/*product*/
html{
    font-size: 100px;
}
.first_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.first_main{
  max-width: 1200px;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*banner版块*/
.first_main .banner_box{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
/*banner盒子*/
.first_main .banner_box .box_list{
  width: 380px;
  height: 100%;
  background:rgba(255,255,255,1);
  /*box-shadow:0 .03rem .06rem rgba(0,0,0,0.06);*/
  border-radius: .05rem;
  text-align: center;
  overflow: hidden;
}
.first_main .banner_box .list_img{
    padding-top:60px;
}
.first_main .banner_box .box_list:not(:last-child){
  margin-right: .3rem;
}
.first_main .banner_box .list_img>img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.first_main .banner_box .list_title{
  font-size: 26px;
  font-weight:normal;
  color:rgba(51,51,51,1);
  margin-bottom: 20px;
  margin-top:20px;
}
.first_main .banner_box .list_message{
  font-size: 16px;
  font-weight:normal;
  text-indent:2em;
  text-align:justify;
  line-height:150%;
  color:rgba(138,138,138,1);  
}
    .first_main .banner_box .box_list .list_btm {
        display: none; /*
  width: 1.4rem;
  height: .4rem;
  border: .01rem solid rgba(0,0,0,1);
  font-size: .16rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
  color: #000;
  position: relative;
  transition: all .3s;*/
    }
.first_main .banner_box .box_list .list_btm span{
  z-index: 1;
}
/*按钮过渡*/
.first_main .banner_box .box_list .list_btm::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 100%;
  display: inline-block;
  background: #000;
  left: 0;
  transform-origin: right;
  transition: transform 0.3s ease-out;
}
.first_main .banner_box .box_list .list_btm:hover{
  color: #fff;
}
.first_main .banner_box .box_list .list_btm:hover::after{
  background: #000;
  transform: scaleX(1);
  transform-origin: left;
}
.success_inner:hover .success_hover {
    top: -30px;
}
.success_inner:hover .list_title {
    color: #0086cd;
}
.success_hover {
    width: 380px;
    height: 100%;
    top: 0;
    transition: all .3s;
    position: relative;
}