﻿@charset "utf-8";
.content{padding: 0 3%;}
.content img{width: 100%;}
.content-bg{background: url(../../Case/img/content-bg.jpg) no-repeat;}
.content .focusNews img{height: 250px;}
.content-box{position: relative;margin-top: 5%;}
.success-box img{width: 100%;}
.success-box h3{position: absolute;top: 21%;left: 0;right: 0;text-align: center;color: #ffffff;font-size: 20px;}
.success-box div{position: absolute;top: 55%;left: 0;right: 0;text-align: center;color: #ffffff;font-size: 14px;}
.casebox .hd2{height: 50px;line-height: 40px;text-align: center;border-bottom: 1px solid #dddddd;position: relative;margin-bottom: 5%;padding-top: 5%;}
.casebox .hd2 h3{color: #313131;font-weight: 500;font-size: 20px;}
.casebox .hd2 em{display: block;width: 42px;height: 5px;background-color: #2265a4;position: absolute;bottom: -1px;left: 0;right: 0;margin: auto;}
.focusNews .bd li{text-align: center;}
.focusNews .bd li a{color: #333333;font-size: 16px;margin: 2% 0;display: block;}
.focusNews .hd ul{text-align: center;}
.focusNews .hd ul li{width: 15px;height: 15px;background-color: #cacaca;border-radius: 50%;display: inline-block;color: transparent;margin: 5px;}
.focusNews .hd ul .on{background-color: #1e67ca;}

.Content-B .list-box .hd ul{overflow:hidden;margin-bottom: 20px;}
.Content-B .list-box .hd ul li{float: left;width: 22%;text-align: center;margin-right: 2%;margin-bottom: 2%;border: 1px solid #e3e3e3;font-size: 16px;border-radius: 4px;background-color: #fff;}
.Content-B .list-box .hd ul li.on{background:#f9af2e;border: 1px solid #f9af2e;}
.Content-B .list-box .hd ul li a{color:#555;}
.Content-B .list-box .hd ul li.on a{color:#fff;}
.Content-B .list-box .bd{margin-bottom:20px;}
.Content-B .list-box .bd ul{overflow:hidden;}
 .caseList {height: auto; overflow: hidden;}
.Content-B .list-box .bd ul li,.caseList li{float:left;width:48%;border: 1px solid #e3e3e3;box-sizing: border-box;border-radius:10px;overflow:hidden;margin-bottom: 10px;background-color: #fff;}
.Content-B .list-box .bd ul li:nth-child(odd),.caseList li:nth-child(odd){margin-right:2%;}
.Content-B .list-box .bd ul li:nth-child(even),.caseList li:nth-child(even){margin-left:2%;}
.Content-B .list-box .bd ul li .pic,.caseList li .pic{height:0;padding-bottom:58%;overflow:hidden;}
.Content-B .list-box .bd ul li .hover-pic,.caseList li .hover-pic{display:none;}
.Content-B .list-box .bd ul li .title,.caseList li .title{padding:10px;font-size:16px;background: url(../../Case/img/arrow.png) 95% no-repeat;}

.hyfa{text-align: center;background: url(../../Case/img/line.png) center repeat-x;margin-bottom: 20px;}
.hyfa h3{display: inline-block;background-color:#f9af2e;color:#fff;padding:2px 10px;border-radius:2px;}
.hyfa-box .hyfa-infoList li{padding:20px 30px;border: 1px solid #e7e7e7;margin-bottom: 20px;border-radius: 10px;background-color: #fff;}
.hyfa-box .hyfa-infoList li .con .title{padding-left:60px;background: url(../../Case/img/icon-hyfa.png) 0 no-repeat;min-height: 50px;line-height: 50px;}
.hyfa-box .hyfa-infoList li .con .intro{padding-left:60px;color:#a1a1a2;font-size:15px;}

.Content-C .casebox .bd .contentC-bd-intro{text-align:center;font-size:14px;color:#656565;margin-bottom: 5%;}
.Content-C .casebox .bd .UpgradeServices{overflow:hidden;}
.Content-C .casebox .bd .UpgradeServices li{float:left;text-align: center;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(1){width:55%;height: 0;padding-bottom: 50%;background: url(../../Case/img/content-c-bg01.png) center no-repeat;background-size:cover;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(2){width:45%;height: 0;padding-bottom: 50%;background: url(../../Case/img/content-c-bg02.png) center no-repeat;background-size:cover;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(3){width:55%;height: 0;padding-bottom: 50%;background: url(../../Case/img/content-c-bg03.png) center no-repeat;background-size:cover;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(4){width:45%;height: 0;padding-bottom: 50%;background: url(../../Case/img/content-c-bg04.png) center no-repeat;background-size:cover;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(1) i{background: url(../../Case/img/content-c-bg01-icon.png) center no-repeat;display: inline-block;width: 22px;height: 20px;background-size: cover;margin-top: 20%;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(2) i{background: url(../../Case/img/content-c-bg02-icon.png) center no-repeat;display: inline-block;width: 32px;height: 20px;background-size: cover;margin-top: 23%;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(3) i{background: url(../../Case/img/content-c-bg03-icon.png) center no-repeat;display: inline-block;width: 22px;height: 20px;background-size: cover;margin-top: 20%;}
.Content-C .casebox .bd .UpgradeServices li:nth-child(4) i{background: url(../../Case/img/content-c-bg04-icon.png) center no-repeat;display: inline-block;width: 22px;height: 20px;background-size: cover;margin-top: 23%;}
.Content-C .casebox .bd .UpgradeServices li p{text-align:center;margin-top:-5%;font-size:14px;color:#fff;background: url(../../Case/img/content-c-line.png) center bottom no-repeat;}
.Content-C .casebox .bd .UpgradeServices li .intro{font-size:12px;padding:10px 10%;color:#fff;text-align:left;}
.Content-C .casebox .bd .lxss{text-align:center;margin:20px 0;}
.Content-C .casebox .bd .lxss a{display:inline-block;padding:5px 15px 5px 45px;color:#fff;background: url(../../Case/img/icon-wyzx.png) 15px no-repeat #2265a4;border-radius:20px;}

.contactLink,.caseContentCon .inner .con p{display: none;}
.caseShrinks{margin-bottom: 1%;}
.caseShrinks img,.caseContentCon .inner .pic img{width: 100%;}
.caseIntro p strong{display: block;width: 130px;height: 30px;line-height: 30px;background-color: #2978b0;border-radius: 20px;text-align: center;margin-bottom: 3%;color: #ffffff;}
.caseIntro p span{margin-bottom: 5%;display: block;}
.caseContentCon .inner .con .p1{display: block;height: 40px;line-height: 40px;text-align: left;background-color: #ffffff;border-top-left-radius: 15px;border-top-right-radius: 15px;border: solid 1px #dddddd;margin-bottom: 3%;overflow: hidden;padding: 0 3%;}
.caseContentCon .inner .con .p1 strong span{font-size: 14px!important;color: #313131;}
.caseContentCon .title .hd{height: 45px;border-bottom: 1px solid #dddddd;margin-bottom: 3%;}
.caseContentCon .title .hd h3 {font-size: 24px;text-align: center;height: 43px;line-height: 35px;color: #232222;font-weight: 600}
.caseContentCon .title .hd em{display: block;width: 35px;height: 3px;background-color: #2265a4;margin: auto;margin-top: -1px;}