.heade_top{
    background: #fff!important;
    border-bottom: 1px solid #ddd;
}
.heade_top .logo{
    /*padd*/
    width: 267px;
    height: 100%;
    border-right: 2px solid #ccc;
}
.h_top_menu a{color: #666;border-left: 1px solid #ccc}
.nav_menu .menu li a{color: #666;}
.bar{background: #666}

.services-detail-banner{ padding-top: 86px; }

.bg-fff{ background: #fff; }
.page_services-detail .service-detail-left{
  width: 67%;
  padding: 90px 0 160px 90px;
  border-right: 1px solid #d1d1d1;
}
/* services_list */
.info-mobile-banner{ display: none }
.service-detail-left .icon_title{ position: relative; margin-bottom: 62px; }
.service-detail-left .icon_title .icon{ background: url(../image/sicon2.png) no-repeat center; width: 120px; height:120px; color: #ea641b; text-align: center; }
.service-detail-left .icon_title .icon i{ line-height: 120px; font-size: 48px; margin-right: 0; }
.service-detail-left .icon_title h3.ftitle{ font-size: 35px; color: #ea641b; font-weight: normal; }
.service-detail-left .icon_content h2.title{ font-size: 24px;  color: #333; font-weight: normal;}
.service-detail-left .icon_content{ position: absolute; top: 50%; left: 175px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.service-detail-left .ser_content{ font-size: 16px; }
.service-detail-left .service-article{ font-size: 18px;padding-top: 50px; color: #666; line-height: 2; padding-right: 92px;border-top: 2px solid #e8e8e8; }
.service-detail-left .service-article img, .service-detail-left .service-article video{ max-width: 100%!important;}

.relative{ position: relative; }
.page_services-detail .service-detail-right{ width: 33%; }
.service-detail-right .about-title{ line-height: 146px; font-size: 32px; color: #333; padding: 0 50px; border-bottom: 1px solid #d1d1d1;  }
.service-case-list .case-item{ padding: 60px 50px 30px 50px; display: block; border-bottom: 1px solid #d1d1d1; /*border-left: 1px solid #d1d1d1;*/ }
.service-case-list .case-item .case-pic{ width: 100%; height: 320px; }
.service-case-list .case-item .case-title{ font-size: 24px; color: #333; margin: 30px 0;  }
.service-case-list .case-item .case-tags .tag{ font-size: 16px; color: #666; padding-left: 16px; }
.service-case-list .case-item .case-tags .tag::after{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  background: #666;
  border-radius: 6px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.service-case-list .case-item .case-tags .tag{ margin-left: 10px; }
@media all and (max-width: 1366px) {
  .service-detail-right .about-title{ line-height:95px; }
  .service-case-list .case-item{ padding-top: 30px; }
  .service-case-list .case-item .case-pic{
    height: 230px;
  }
  .page_services-detail .service-detail-left{ padding: 40px 0 160px 40px; }
  .service-detail-left .service-article{ padding-right: 40px; }
}

@media all and (max-width: 1280px) {
  .service-case-list .case-item .case-pic{
    height: 230px;
  }
.service-case-list .case-item{ padding: 30px; }
}

@media all and (max-width: 986px) {
  .service-case-list .case-item .case-pic{
    height: 130px;
  }
  .info-pc-banner{ display: none }
  .info-mobile-banner{ display: block }

  .service-case-list .case-item{ padding: 30px; }
}
@media all and (max-width: 769px) {
.services-detail-banner{ padding-top: 66px; }

.page_services-detail .service-detail-left, .page_services-detail .service-detail-right{ width: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; }
.service-detail-left .icon_content h2.title{ font-size: 15px; }
.service-detail-left .icon_content h3.ftitle{ font-size: 18px; }
.service-detail-left .icon_title .icon{ height: 100px; width: 100px ; }
.service-detail-left .icon_title .icon i{ line-height: 100px;}
.service-detail-left .icon_content{ left: 120px; }
.service-detail-left .service-article{ padding-right: 0; }
.service-detail-right .about-title{ font-size: 20px; padding: 0 30px; line-height: 50px;border: 1px solid #d1d1d1; /* border-bottom: 0; */}
.service-case-list .case-item{ border-right: 1px solid #d1d1d1; }
.service-detail-left .icon_title{ margin-bottom: 35px; }

.info-mobile-banner{ height: 240px!important; }
}