body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,
  ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,
  form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
  embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
  blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select
  
                  {   margin:0; padding:0;  }
  ol,ul               {   list-style:none;    }




.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1129px) {
  .container {
    width: 1024px;
  }
}
@media (min-width: 1310px) {
  .container {
    width: 1310px;
  }
}
img {
  max-width: 100%;
}

.case_box {
  padding: 0px 0 65px;
}
.case_box ul li {
  float: left;
  width: 24.5%;
  margin-right: 6px;
  position: relative;
  margin-bottom: 10px;
}
.case_box ul li .img {
  line-height: 0;
  overflow: hidden;
}
.case_box ul li img {
  width: 100%;
}
.case_box ul li:last-child {
  margin-right: 0;
}
.case_box ul li .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  color: #555555;
  font-size: 20px;
  padding: 7% 0px;
  text-align: center;
}
.case_box ul li .text span {
  /* padding-left: 33%; */
  position: relative;
  /* text-align: center; */
}

.case_box ul li:hover .text {
  background: #de1e3a;
  color: #fff;
}
.case_box ul li:hover .text span:before {
  background: #fff;
}
@media (max-width: 991px) {
  .case_box {
    padding: 6% 0 7%;
  }
}
@media (max-width: 640px) {
  .case_box ul li {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    margin-right: 0;
  }
  .case_box ul li:nth-child(2n) {
    float: right;
  }
  .case_box ul li .text {
    font-size: 16px;
    padding: 5% 10px;
  }
  .case_box ul li .text span {
    padding-left: 10px;
  }
}



.case_box ul li .img img,
.case_list ul li .img img,


.case_box ul li .img img:hover,
.case_list ul li .img img:hover,
.service_linian ul li .img img:hover,
.about_jianjie .right ol li .img img:hover,
/*.about_wenhua ol li .img em:hover img,*/
.pro_list ul li .img img:hover,
.about_tuandui ol li .img img:hover,
.about_fuli .ul_list li .img img:hover,
.solut_bottom ol li .img img:hover{
    transform: scale(1.1);
  -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

/**2017-12-25**/
.case_box .top_title {
  background: url(../images/gcase_bg.jpg) no-repeat center center / cover;
  min-height: 266px;
  padding-top: 75px;
}
.case_box .top_title h3 {
  text-align: center;
  color: #fff;
  font-size: 28px;
  padding-bottom: 16px;
  position: relative;
}
.case_box .top_title h3:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -16px;
  bottom: 0;
  width: 32px;
  height: 1px;
  background: #fff;
}
.case_box .top_title p {
  text-align: center;
  width: 640px;
  margin: 12px auto 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 25px;
}
.case_box ul{
  margin-top: 2%;
}
@media (max-width: 640px)  {
  .case_box .top_title{
    min-height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .case_box .top_title h3{
    font-size: 22px;
    padding-bottom: 16px;
  }
  .case_box .top_title p{
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
  }
}
@media (max-width: 480px)  {
  .case_box .top_title h3{
    font-size: 16px;
    padding-bottom: 8px;
  }
}