/* 业务领域 */
.business-box {
     padding: 45px 0;
}

.business-list {
     display: grid;
     grid-template-columns: repeat(2, 49%);
     grid-column-gap: 2%;
}

/* .business-list li{ position: relative; display: inline-block; width:690px; background-color: #F3F3F3; margin-bottom: 35px; height: 585px; overflow: hidden;} */
.business-list li {
     position: relative;
     display: inline-block;
     width: 100%;
     background-color: #F3F3F3;
     margin-bottom: 35px;
     overflow: hidden;
}

.business-list .item-T {
     position: relative;
     padding: 48px 10% 0;
     line-height: 1.5;
}

.business-list .iconfont {
     display: inline-block;
     font-size: 48px;
     line-height: 1;
     color: #B4B4B4;
     transition: color 550ms cubic-bezier(.23, 1, .32, 1);
}

.business-list .en {
     position: relative;
     color: #6B6B6B;
     font-size: 16px;
     font-weight: bold;
     padding-top: 14px;
     transition: color 550ms cubic-bezier(.23, 1, .32, 1);
}

.business-list .en::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 20px;
     height: 3px;
     background-color: #414141;
     transition: color 550ms cubic-bezier(.23, 1, .32, 1);
}

.business-list .zh {
     font-size: 26px;
     color: #3B3B3B;
     font-weight: bold;
     margin-top: 10px;
     transition: color 550ms cubic-bezier(.23, 1, .32, 1);
}

.business-list .item-C {
     position: relative;
     margin: 30px 10% auto;
     color: #fff;
}

.business-list .item-C .lead {
     font-size: 16px;
     overflow: hidden;
     margin-bottom: 20px;
}
.business-list .item-C .lead p{
     text-align: justify !important;
}
.business-list .btn-more4 {
     position: relative;
     display: block;
     height: 48px;
     line-height: 48px;
     border-bottom: 1px solid #fff;
     border-bottom-color: rgba(255, 255, 255, .35);
     font-weight: bold;
     color: #fff;
     font-family: "iconfont" !important;
     font-style: normal;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

.business-list .btn-more4:before {
     content: "\e61a";
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto 0;
}

.business-list .btn-more4:after {
     content: "";
     position: absolute;
     left: 0;
     height: 1px;
     bottom: -1px;
     background-color: #fff;
     width: 0;
     transition: width .25s cubic-bezier(.25, .46, .45, .94);
}

.business-list .lead,
.business-list .btn {
     transition: .55s cubic-bezier(.23, 1, .32, 1);
     opacity: 0;
     transform: translateY(15px);
}

.business-list .btn-more4 {
     position: relative;
     z-index: 5;
}

.business-list .img {
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
     top: 180px;
     bottom: 0;
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: 100% auto;
     transition: .55s cubic-bezier(.23, 1, .32, 1);
}

.business-list .img:before {
     content: "";
     top: 0;
     transition: background 550ms cubic-bezier(.23, 1, .32, 1);
     width: 100%;
     position: absolute;
     left: 0;
     height: 100%;
}

.business-list .btn-more4:hover {
     color：#fff;
}





@media screen and (min-width: 640px) {

     .business-list li:hover .iconfont,
     .business-list li:hover .en,
     .business-list li:hover .zh {
          color: #fff;
     }

     .business-list li:hover .en::before {
          background-color: #2052B8;
     }

     .business-list li:hover .img {
          top: 0;
     }

     .business-list li:hover .img::before {
          background-color: rgba(32, 82, 184, 0.3);
     }

     .business-list li:hover .lead,
     .business-list li:hover .btn {
          opacity: 1;
          transform: initial;
     }

     .business-list li:hover .lead {
          transition-delay: .3s;
     }

     .business-list li:hover .btn {
          transition-delay: .5s;
     }
}




@media screen and (max-width: 1024px) {

     .business-list {
          display: block;
     }

}


@media screen and (max-width: 641px) {
     

     .business-list .item-T {
          padding: 30px 20px 0;
     }

     .business-list .item-C {
          margin: 30px 20px 0;
     }

     .business-list .item-C .lead {
          height: 60px;
     }

     .business-list li .iconfont,
     .business-list li .en,
     .business-list li .zh {
          color: #fff;
     }

     .business-list li .en::before {
          background-color: #2052B8;
     }

     .business-list li .img {
          top: 0;
     }

     .business-list li .img::before {
          background-color: rgba(32, 82, 184, 0.3);
     }

     .business-list li .lead,
     .business-list li .btn {
          opacity: 1;
          transform: initial;
     }

}

@media screen and (max-width: 481px) {

     .business-list .zh {
          font-size: 18px;
     }

     .business-list .en {
          font-size: 14px;
     }

     .business-list .item-C .lead {
          margin-bottom: 0;
     }




}