/*Cases cover template*/
.world_map{
  width: 100%;height: 600px;background: url("/images/cases/world_map.jpg") no-repeat center;margin: 50px 0 70px;overflow: hidden;position: relative;}
.world_map span{
    position:absolute;font-size: 18px;color:#FFFFFF;cursor: pointer;font-weight: 100;padding: 30px;}
.world_map span:hover{color: #FFFFFF}
.world_map span:before{display: inline-block;content: " ";width: 10px;height: 10px;background: #FFFFFF;border-radius: 50%;margin-right: 6px;animation: bling 2s linear infinite;}
.world_map  .america{top:170px;left:250px;}
.world_map  .europe{top: 140px;left: 656px;}
.world_map  .asia{top:170px;left: 850px;}
.world_map  .africa{left: 620px;top: 310px;}
.world_map  .oceania{left: 954px;top: 438px;}

@keyframes bling {
  0%{opacity: .2}
  50%{opacity: 1;}
  100%{opacity: .2}
}
.list-des p{text-align: center;margin-top:-20px;}

.cases_type{height: auto;margin-top: 66px;}
.cases_type dl{width: 100%;height: 450px;float: left;margin-right: 30px;font-weight: 100;margin-bottom: 30px;}
.cases_type dt{text-align:center;width: 100%;height: 80px;background: #e7824a;font-size: 20px;color: #333333;line-height: 80px;}
.cases_type dd{width: 100%;padding: 20px;background: #F4F4F4; }
.cases_type dd img{display: block;margin: 0 auto;}
.cases_type span{display: block;width: 148px;text-align: center;line-height: 38px;border-radius: 4px;color: #e7824a;border:1px solid #e7824a;font-size: 16px;margin: 20px auto;}
   
 


/*Cases content template*/
.case_detailed{width: 100%;}
.case_detailed h1{text-align: center;font-size: 26px;}
.case_detailed h2{font-size: 20px;}
.case_imgs{width: 90%;margin: 30px auto;height: auto;display:flex;}
.case_imgs li{float: left;margin-right: 20px;overflow: hidden;list-style:none;}
.case_imgs img:nth-child(2){margin-right: 0;}
.case_imgs img.cen{float: none;margin: 0 auto;}

.case_paras{width: 100%;margin-bottom:50px;height: 120px;}
.case_paras dl{
      width: 387px;float: left;height:120px;margin-right: 48px;background: #f5f5f5;font-size: 20px;color: #666666;line-height: 30px;font-weight: 100;}
      *{transition: all .2s;}
.case_paras dt{
        width: 35px;height: 38px;background: url("/images/cases/icons.png") -154px -173px;margin: 40px 30px 0 50px;float: left;
        &.cap{background-position-x: -201px}
        &.appli{background-position-x: -244px}
      }
.case_paras dd{padding-top: 30px;}
.case_paras dd:hover{
        color:$color;
        dt{background-position-y:-215px;}
      }
    }
  }
  p{margin-bottom: 20px;}
  p.center{margin-top: 25px;color: #333333;text-align: center;}

.cons{width:60%;height: 38px;margin: 30px auto; display:flex;}
.cons a{width:100%;line-height: 38px;border:1px solid #ff670f;text-align:center;}


.pn{ width: 90%;text-align: center;margin:0 30px;display: flex;list-style:none;}
.pn li{width: 100%;}