/*----------index-------------------*/
.world_map { width: 100%; height: 600px; background: url("../img/case/world_map.jpg") no-repeat center; margin: 50px 0 70px; overflow: hidden; position: relative; }
.world_map span { position: absolute; font-size: 1.12rem; color: #FFFFFF; cursor: pointer;  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: 185px; }
.world_map .europe { top: 140px; left: 602px; }
.world_map .asia { top: 170px; left: 810px; }
.world_map .africa { left: 560px; top: 310px; }
.world_map .oceania { left: 900px; top: 438px; }

@keyframes bling { 0% { opacity: .2; }
  50% { opacity: 1; }
  100% { opacity: .2; } }
.cases_top { width: 600px; height: 420px; border: 1px solid #f0f0f0; border-radius: 4px; background: #FFFFFF; margin: 40px auto; overflow: hidden; position: relative; padding: 50px 60px; display: none; }
.cases_top .bd { width: 600px; height: 460px; }
.cases_top .bd dl { width: 100%; height: 100%; }
.cases_top .bd dl * { transition: all .2s; }
.cases_top .bd dl dt { width: 600px; height: 400px; overflow: hidden; border-radius: 4px; }
.cases_top .bd dl img { width: 100%; }
.cases_top .bd dl dd { text-align: center; font-size: 1.12rem; color: #666666; height: 60px; line-height: 60px;  }
.cases_top .bd dl:hover img { transform: scale(1.05); }
.cases_top .bd dl:hover dd { color: #77b917; }
.cases_top .prev, .cases_top .next { width: 26px; height: 48px; position: absolute; top: 230px; background: url("../img/icons.png") -554px -367px; }
.cases_top .prev:hover, .cases_top .next:hover { background-position-y: -317px; }
.cases_top .prev { left: 15px; }
.cases_top .next { right: 15px; background-position-x: -591px; }
.cases_top .close { width: 24px; height: 24px; display: block; background: url("../img/icons.png") -516px -317px; cursor: pointer; position: absolute; top: 15px; right: 15px; }

/*----type-----*/
.cases_type dl:hover dt, .cases_type dl:hover span { color: #77b917; }
.cases_type dl:hover span { border-color: #77b917; }
.cases_type dl:hover dd img { transform: scale(1.05); }

/*-------------case list--------------------*/
.casebox dl { margin-bottom: 40px; }

.casebox, .probox { margin-top: 50px; }

/*-------------case--------------------*/

.case_detailed .case_imgs li.cen { float: none; margin: 0 auto; }
.case_detailed p.center { margin-top: 25px; }

.case_paras { width: 100%; margin-bottom: 50px; height: 120px; display: flex; justify-content: space-between; display: none; }
.case_paras dl { width: 380px; height: 120px; background: #f5f5f5; font-size: 1.12rem; color: #666666; line-height: 30px; overflow: hidden;  }
.case_paras dl * { transition: all .2s; }
.case_paras dl dt { width: 35px; height: 38px; background: url("../img/icons.png") -154px -173px; margin: 42px 30px 0 5px; float: left; }
.case_paras dl dt.cap { background-position-x: -201px; }
.case_paras dl dt.appli { background-position-x: -244px; }
.case_paras dl dd { padding-top: 30px; width: 300px; float: left; }
.case_paras dl dd span { color: #77b917; font-weight: bold; }
.case_paras dl:hover { color: #77b917; }
.case_paras dl:hover dt { background-position-y: -215px; }

ul.news { margin-bottom: 40px; }
ul.news li { font-size: 1rem; color: #808080; margin-bottom: 15px; line-height: 24px; }
ul.news li span { color: #77b917; font-weight: bold; }
ul.news li span:after { content: " : "; }
ul.news li p { display: inline; }

.imgs_4 { width: 100%; display: flex; justify-content: space-between; height: 200px; }
.imgs_4 li { width: 280px; height: 200px; background: #cccccc; }

@media (max-width:425px) {
  
  .cons{height: auto;}
  .cons a{margin-bottom: 1rem;}
}