/*8月8日新增样式*/
.index_Clients{ background-color:#f8f8f8; padding:100px 0px;}
.index_Clients .new08container{ width:95%; max-width:1400px; margin:auto; overflow:hidden}
.index_Clients .cl_title{ line-height:1.3;color: #000;
    font-size: 30px;font-weight:600;
    font-weight: 500; text-align:center; margin-bottom:30px;}
.index_Clients .client_1{ width:100%; margin:0px auto; position: relative;}
.index_Clients .client_1 .l_video{ width:75%; border-radius:5px;  overflow:hidden; height:319px; position:relative; background:#000;}
.index_Clients .client_1 .video_ico{ position:absolute; left:50%; top:50%;
transform: translate(-50%,-50%);cursor:pointer; z-index:100}
.index_Clients .client_1 .video_ico:after{    font-family: 'fontawesome';
    content: "\f16a"; color:#ffd504;
    font-size: 50px;
    display: inline-block;opacity:.5;
    padding-left: 2px;}
.index_Clients .client_1:hover .video_ico:after{opacity:1;}

.index_Clients .client_1 .l_video video{ width:100%; height:100%;object-fit:fill;}
.index_Clients .client_1 .l_video.play video{ object-fit:contain;}
.index_Clients .client_1 .c_right{ position:absolute; right:0px; top:0px; width:32%; z-index:1; padding:10px 0px; height:100%;}
.index_Clients .client_1 .c_right ul{ height:100%; display:flex;  flex-direction: column; justify-content: space-between;}
.index_Clients .client_1 .c_right ul li{ flex:1; height:145px; text-align:center; font-weight:600; margin-bottom:40px;
    background-image: url(../images/p02-bg-01.png);
    background-position: 47px 39px;
    background-repeat: no-repeat;display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    border-radius: 10px ; font-size:16px;
    box-shadow: 0px 14px 27px -7px rgba(0, 0, 0, .13); background-color:#fff;}
.index_Clients .client_1 .c_right ul li:last-child{ margin-bottom:0px;}
.index_Clients .client_1 .c_right ul li .red{ display:inline-block; position:relative; bottom:-3px; font-size:30px; color:#ffd504; font-weight:bold;}
.client_2 { position:relative; margin-top:40px;}
.client_2:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.client_2 ul li{ width:129px; margin-right:20px; float:left;}
.client_2 ul li img{  border-radius:10px;}
.client_2 .btn{ position:absolute; width:40px; height:40px; border-radius:50%;display: flex;
    align-items: center;
    justify-content: center; background-color:#fff; color:#000; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);transition: all .3s ease;-webkit-transition: all .3s ease; cursor:pointer; z-index:100;}
.client_2 .btn:after{    font-family: 'fontawesome';
    content: "\f053"; line-height:1; 
    font-size: 15px;
    display: inline-block;
  }
.client_2 .btn:hover{ background-color:#ffd504;}
.client_2 .prev{ left:10px;}
.client_2 .next{ right:10px;}
.client_2 .next:after{content: "\f054";}
.client_3{ background-color:#ececec; padding:0px 3% 60px; border-radius:10px;display: flex; justify-content: space-between;align-items:flex-start; margin-top:160px; }
.client_3 .photo{ width:50%; padding:10px; margin-top:-63px;}
.client_3 .photo img{ border-radius:10px;}
.client_3 .content{ flex:1; padding:10px;}
.client_3 .content .title{    font-size: 30px;
    font-weight: 500; line-height:1.2; margin-bottom:20px;}
.client_3 .content .list{ margin-bottom:40px;}
.client_3 .content .list ul li{ font-size:16px; line-height:1.5;}
.client_3 .content .list ul li .icon-ok{ font-size:18px; margin-right:10px;}
.client_3 .content .list ul li .icon-ok:after{    font-family: 'fontawesome';
    content: "\f00c"; line-height:1; 

    display: inline-block;
  }
 .client_3 .content .more{ width:166px; height:46px; color:#000; border-radius:3px; display: flex;
    align-items: center;
    justify-content: center; background-color:#ffd504;transition: all .3s ease;-webkit-transition: all .3s ease;}
 .client_3 .content .more:hover{ background-color:#000; color:#ffd504;}
 
 @media screen and (max-width: 1200px) {
 .index_Clients .client_1{ width:100%;}
 
}
 
 @media screen and (max-width: 1024px) {
	 .client_3 .content .title{ font-size:24px; margin-bottom:10px;}
  .client_3 .photo{ margin-top:0px;}
  .client_3 {align-items: center; padding:20px 10px;}
  .client_3 .content .list { margin-bottom:10px;}
  .client_3 .content .list ul li{ font-size:12px;}
  .client_3 .content .more{ width:133px; height:32px; font-size:12px;}
  .client_3{ margin-top:60px;}
 }
 @media screen and (max-width: 767px) {
.index_Clients .client_1 .c_right{ position:static; width:100%;}
.index_Clients .client_1 .l_video{ width:100%; margin-bottom:10px; height:auto;}
.index_Clients .client_1 .c_right ul li { height:auto; padding:10px; margin-bottom:10px;        background-position: 0px 0px;}
.index_Clients .client_1 .c_right ul li .content{display: flex;
   align-items: flex-end; 
    justify-content: center; line-height:1;}
.client_3 {flex-direction: column;}
.client_3 .content{ flex:none; margin-right:0px; width:100%; margin-bottom:10px;}
.client_3 .photo{ width:100%;}
.client_3 .content .list ul li .icon-ok{ font-size:15px;}
.index_Clients .cl_title{ font-size:24px; margin-bottom:20px;}
.index_Clients{ padding:70px 0px;}
}