.PubBoxBg{ background:#f00101;opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;}
.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:Arial, sans-serif; font-size:12px;}
.HPubtxtp12{ font-size:30px; padding-top:15px; letter-spacing:1px;}
.HPubtxtp13{ font-family:Arial, sans-serif; font-size:23px;padding-top:30px;}
.HCaseBanner{ height:700px;}

.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;}

.classification-warp{
  width: 90%;
  max-width: 1400px;
  margin: auto;
}
.classification-box{
  display: flex;
  padding-left: 105px;
}
.classification-class{
  width: 24%;
}
.classification-list{
  display: flex;
  flex-wrap: wrap;
}
.classification-list:last-child{
  padding-right: 0;
}
.classification-list dt{
  width: 100%;
  font-size: 18px;
  padding-left: 20px;
  margin-bottom: 18px;
  color:#262323;
  background: url('../img/r-arrow-b.png') left/7px no-repeat;
  cursor: pointer;
}
.classification-list dt a.on,.classification-list dt a:hover{
  color: #ff0000;
}
.classification-list dd{
  width: 100px;
  font-size: 15px;
  line-height: 26px;
  padding-left:5px;
  color:#9a9a9a;
}






.h_c_r_m1_p1{ font-size:12px;font-family:Arial, 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:8%; margin-top:6%; color:#505050; font-size:12px; line-height:20px;}
.h_case_m2_m:nth-child(2n){margin-right:0%;}
.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:22px; line-height:22px; 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_more_1{ display:block; width:152px; padding-right:0; line-height:33px;margin-top:35px; height:33px; color:#fff;  border:1px solid #1b1b1c; background:#1b1b1c;}
.h_more_1_em{ padding-left:20px;padding-right: 40px; float:left; letter-spacing:0;  font-size:12px; display:inline-block; vertical-align:top; height:100%;}
.h_more_1_i{display:inline-block; vertical-align:top; height:100%; width:20px; position:relative; overflow:hidden;}
.h_more_1_jt{ font-size:25px!important; color:#9d8249; top:1px; position:absolute; left:-5px;}
.h_case_m2_img{
  overflow:hidden;
  zoom:1;
  position: relative;
}
.h_case_m2_img:after{
  position: absolute;
  content: '';
  width: 101%;
  height: 101%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background-color: transparent;
  border-color:#F4F4F4;
  border: 20px solid #F4F4F4;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: transform 0.4s ease-in-out 0s;
  -webkit-transition: transform 0.4s ease-in-out 0s;
  -moz-transition: transform 0.4s ease-in-out 0s;
}
.h_case_m2_img:hover:after{
  webkit-transform: scale(1);
  transform: scale(1);
}
.h_case_m2_img img{width: 100%;}
.h_case_m2_img video{position: absolute;top: 0;left:0;opacity: 0;width: 100%;height: 100%;transform: scale(1.1)}
.h_case_m2_img img{opacity: 1;transform: scale(1.1)}
.h_case_m2_m:hover img{opacity: 0;}
.h_case_m2_m:hover video{opacity: 1;}

.video-pop{

  position: fixed;

  z-index: 999;

  display: none;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #fff;

}

.video-warp{

  position: absolute;

  top: 50%;

  left: 50%;

  width: 70%;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.video-close{

  position: absolute;

  top: -50px;

  right: -50px;

  width: 30px;

  height: 30px;

  background: url('../img/video-cloae.png') center/cover no-repeat;

  cursor: pointer;

}

.video-warp video{

  width: 100%;

  opacity: 0;

  -webkit-transition: 0.3s 0.3s ease-out;

  -moz-transition: 0.3s 0.3s ease-out;

  -o-transition: 0.3s 0.3s ease-out;

  -ms-transition: 0.3s 0.3s ease-out;

  transition: 0.3s 0.3s ease-out;

}

.video-pop.show .video-warp video{

  opacity: 1;

}



.h_m_bg{ position:absolute; width:100%; height:100%; border:40px solid #fff; 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;}

@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(-103%);-webkit-transform:translateY(-103%);-moz-transform:translateY(-103%);
  }
}
@-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(-103%);-webkit-transform:translateY(-103%);-moz-transform:translateY(-103%);
  }
}
.hm_b_t {
  -webkit-animation-name: hm_b_t;
  animation-name: hm_b_t;
}

.h_case_m2_paishe .h_2_m_p3{ height:80px;}
.h_case_m2_paishe .h_2_m_p3{ padding-top:5px;}
.paishe_meau a{  font-size:12px; color:#656565;}
.h_c_r_m1_p2 .shu_a{ color:#fff;line-height:20px; display:inline-block;}
.shu_a{ width:32px; margin-top:40px;  height:150px; background:#1b1b1c; cursor:pointer; margin-right:25px; text-align:center;  font-size:15px;}
.shu_span,.shu_a,.shu_em,.shu_i{display:inline-block; vertical-align:top;}
.shu_span,.shu_em,.shu_i{ width:100%;}
.shu_i{ height:15px; overflow:hidden; margin-top:17px;}
.shu_em{ height:15px; background:url(../img1026/icon/jt.png) center top no-repeat;}
.shu_span{ padding-top:10px;}
.paishe_meau{ float:none; display:inline-block; padding-right:10%;}
.paishe_meau_list{ }
.h_case_m1_r_paishe{ width:55%; float:right;}
.h_c_r_m1_p1_3{ padding-left:58px;}
.h_case_m1_paise{ margin-bottom:0; padding-bottom:40px;}
@media screen and (max-width: 1400px) {
	.h_case_m1_r_paishel,.h_case_m1_r_paishe{ width:90%; padding-left:10%;}
	.shu_a{ margin-top:8px;}
}
@media screen and (max-width: 1098px){
  .classification-list dd{
    display: none;
  }
}
@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;padding-bottom: 0;}
	.h_m1_i2{ width:20px; top:25px;}
	.h_2_m_txt .h_2_m_p2{ 
    line-height: 40px;
    height: 40px;
    font-size:18px;
  }
  .video-warp{
    width: 100%;
  }
  .video-close{
    width: 20px;
    height: 20px;
    top: -50px;
    right: 20px;
  }
  .h_case_m2_img:hover:after{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
	.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,.h_case_m1_p3,.h_c_r_m1_p2{ padding-top:16px;}
    .h_case_m1_p2 img{width: 176px;}
    .h_case_m1_p3 img{
      width: 124px;
    }
  .h_case_m1.h_w1000 {
    margin-bottom: 20px;
  }
	.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;}
  .classification-box{
    flex-wrap: wrap;
    padding-left: 54px;
  }
  .classification-class{
    width: 100%;
  }
  .classification-list dd{
    display: none;
  }

}