.PubBoxBg{ opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;}
.PubBoxBg000{ position:absolute; width:100%;left:0; top:0; height:100%; z-index:99; background:#000;opacity:0.2;-webkit-opacity:0.2;-moz-opacity:0.2;}
.HPubtxt{ text-align:center; position:absolute; width:100%; z-index:120; color:#fff; line-height:32px;}
.HPubtxtp11{ font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; font-size:12px;}
.HPubtxtp12{ font-size:30px; padding-top:15px; letter-spacing:1px;}
.HPubtxtp13{ font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif; font-size:23px;padding-top:30px;}
.HCaseBanner{ height:655px;}
.PubBoxBg5{ opacity:0.25;-webkit-opacity:0.25;-moz-opacity:0.25;}
.h_case_ma{ background:#f4f4f4; padding:50px 0;}
.h_case_m1_l{ float:left;padding-left:105px; position:relative;}
.h_m1_i{background:#a6a6a6; height:2px; width:55px; position:absolute; left:0; top:0; display:block;}
.h_case_m1_r{ float:right;}
.h_c_r_m1_p1{ font-size:12px;font-family:'Noto Sans SC', 'Source Han Sans', 'OPPO Sans', 'Roboto', 'MiSans', 'HarmonyOS Sans', '思源黑体', sans-serif;}
.h_case_m1_p2{ padding-top:55px;}
.h_case_m1_p3{ padding-top:25px;}
.h_c_r_m1_p1{ padding-top:80px;}
.h_c_r_m1_p2{ font-size:15px; padding-top:30px; overflow:hidden;zoom:1;}
.h_c_r_m1_p2,.h_c_r_m1_p2 a{ color:#000;}
.h_c_r_m1_p2 a{ display:block; line-height:26px;}
.h_c_r_m1_p2_ul{ float:right; padding-right:100px;}
.h_case_m2_m{ float:left; width:46%; margin-right:4%; margin-top:6%; color:#505050; font-size:12px; line-height:20px;}
.h_case_m2_m,.h_case_m2_m:hover{ color:#505050;}
.h_2_m_p1{height:20px; line-height:20px; overflow:hidden;}
.h_2_m_p2{ font-size:19px; color:#000000; font-weight:700; letter-spacing:1px; padding-top:20px; height:65px; line-height:65px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.h_2_m_p3{ padding-top:25px; height:60px; overflow:hidden;zoom:1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.h_case_m2_m_odd{ margin-right:0; margin-left:4%;}
.h_2_m_txt{ padding:38px; padding-left:105px; position:relative;}

.h_2_m_p1{ position:relative; left:0;}
.h_m1_i2{ top:42px; height:2px; width:55px; position:absolute; left:0; display:block; overflow:hidden;}

.h_case_m2_img{ position:relative; overflow:hidden;zoom:1;}
.h_m_bg{ position:absolute; width:100%; height:100%; border:40px solid #f4f4f4; left:-40px; top:-40px; z-index:9;}
.h_case_m2_m:hover .h_m_img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.h_case_m2_m:hover .h_m_bg{transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);}
.h_case_m2_m:hover .h_m1_i2,.h_case_m2_m:hover .h_2_m_p1{ left:8px;}
.h_m_img{transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;}
.h_m_bg,.h_m1_i2,.h_2_m_p1{transition:all 0.4s ease-in-out 0s;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;}
.h_case_sk{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:190; background:#050505;}
img.h_m_img{ width:100%;}

@keyframes hm_b_t {
  0% {
    transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);
  }

  50% {
    transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);
  }

  100% {
	transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);
  }
}
@-webkit-keyframes hm_b_t {
   0% {
    transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);
  }

  50% {
    transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);
  }

  100% {
	transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);
  }
}
.hm_b_t {
  -webkit-animation-name: hm_b_t;
  animation-name: hm_b_t;
}
@media(max-width:1200px) {
	.HCaseBanner {
    height: auto;
}
}
@media screen and (max-width: 769px) {
	.h_case_m2_m{ margin-right:0; width:100%;}
	.h_case_m2_m_odd{ margin-left:0;}
	.h_2_m_p3,.h_more_1,.h_c_r_m1_p1{ display:none; }
	.h_2_m_txt{ padding:20px; padding-left:40px;}
	.h_m1_i2{ width:20px; top:25px;}
	.h_2_m_p2{ font-size:18px;padding-top: 0;}
	.ba_left, .ba_right{ width:100%;font-size:18px}
	.h_c_r_m1_p2_ul{ float:left; width:100%; padding:0;}
	
	.h_case_m1_l,.h_case_m1_r{ padding-left:50px; width:100%; box-sizing:border-box;}
	.h_m1_i{ width:25px;}
	.h_case_m1_p2{ padding-top:30px;}
	.h_c_r_m1_p2_ul a{ line-height:35px; height:35px; display:none;}
	.h_c_r_m1_p2_ul .p2_a_show{ display:block;}
	.HPubtxtp12 { font-size: 22px;}
}