.business2  {margin:130px 0;}
.business2 .cont {background:url(../img/bg.jpg)no-repeat center center; }
.business2 img{ max-width:100%; vertical-align:top; }

.business2 .cont .txt{max-width:1300px; margin:0 auto; height:550px; padding-top:100px; padding-left:10px; color:#fff;  }
.business2 .tit1 {font-size: 22px;  }
.business2 .txt1 {font-size:50px; line-height:1.3em; font-weight:500; padding:20px 0 40px 0}

.business2 .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; align-items: center;  padding:8px ;
max-width:1300px; margin:-150px auto 0 auto ; background:#fff; box-shadow:1px 3px 15px rgba(0,0,0,0.2); }
.business2 .flex  .youtube a{display:block; height:100%;position:relative; transition: all 0.3s; }
.business2 .flex  .youtube a:after { content:"";position:absolute; width:100%; height:100%; background:rgba(0,0,0,0);
left:0; top:0; transition: all 0.3s; }
.business2 .flex  .youtube a:hover:after {content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); 
left:0; top:0; transition: all 0.3s; z-index: 0 }
.business2 .flex  .youtube a:before {content:""; position:absolute; left:50%; top:50%; width:100px; height:100px; 
background:url(../img/youtube.png)no-repeat center; transform: translate(-50%,-50%); z-index:1; }
.business2 .flex  .item{  width:22%; padding:10px 0px;  position:relative; text-align: center; border-right:1px solid #dfdfdf; }
/*.business2 .flex  .item:first-child {width:34%; border:0; padding:0 10px 0 0;}*/
.business2 .flex  .item:last-child {border-right:0;}
.business2 .flex  .item span {display:block;  }
.business2 .flex  .tit {font-size:20px; padding:15px 0 5px 0; font-weight:500}
.business2 .flex  .item span.txt {color:#bbb; font-size:14px; }
.business2 .flex a .ico  {border:0px solid #dfdfdf; border-radius:50%; background-color:#efefef; width:120px; height:120px;
margin: 0 auto; background-repeat:no-repeat; background-position: center 15px; background-size:88px; transition: all 0.3s }
.business2 .flex a:hover .ico {transition: all 0.3s; background-color:#0054a6; }
.business2 .flex .item a:hover span.ico {margin-top:-10px !important}
.business2 .flex a .ico1  {background-image: url(../img/ico1.png)}
.business2 .flex a .ico2  {background-image: url(../img/ico2.png)}
.business2 .flex a .ico3  {background-image: url(../img/ico3.png)}
.business2 .flex a .ico4  {background-image: url(../img/ico4.png)}
.business2 .flex a .ico5  {background-image: url(../img/ico5.png)}
.business2 .flex a .ico6  {background-image: url(../img/ico6.png)}
.business2 .flex a:hover .ico1  {background-image: url(../img/ico1_w.png)}
.business2 .flex a:hover .ico2  {background-image: url(../img/ico2_w.png)}
.business2 .flex a:hover .ico3  {background-image: url(../img/ico3_w.png)}
.business2 .flex a:hover .ico4  {background-image: url(../img/ico4_w.png)}
.business2 .flex a:hover .ico5  {background-image: url(../img/ico5_w.png)}
.business2 .flex a:hover .ico6  {background-image: url(../img/ico6_w.png)}

.business2 .btn a{display:block;  font-size:16px; width:160px; color:#333; text-align:center; padding:7px 0 10px 0; 
background-color:#fff; border:1px solid #888; border-radius:50px;}
.business2 .flex  {display:flex; flex-wrap: wrap;  justify-content: space-between;  align-items:flex-start;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.business2  {margin:50px 0;}	
.business2 .cont {background-size:cover }	
.business2 .cont .txt{max-width:100%; margin:0 auto; height:320px; padding-top:40px; padding-left:20px; color:#fff;  }
.business2 .tit1 {font-size: 25px;  }
.business2 .txt1 {font-size:14px; padding:15px 0 40px 0}

.business2 .flex {  padding:8px ;max-width:90%; margin:-150px auto 0 auto ; box-shadow:1px 3px 15px rgba(0,0,0,0.2); }
/*.business2 .flex  .item:first-child {width:100%;  padding:0 0px 0 0;}*/
.business2 .flex  .item{  width:33.33333%; padding:20px 0px 10px 0;  position:relative; text-align: center; 
border-right:0px solid #dfdfdf;}
.business2 .flex a .ico  {width:90px; height:90px;background-size:60px;  }
.business2 .flex  .tit {font-size:14px; padding:15px 0 5px 0;}
.business2 .flex  .item span.txt {color:#bbb; font-size:13px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}