@charset "utf-8";
* h1, * h2, * h3, * h4, * h5, * h6 {
    margin: 0px;
}

h1, h2, h3, h4, h5, h6, dl,dl dd, dt, dd, ul, ol, li{
    margin: 0;
    padding: 0;
}

/*客户见证*/
.jz{background: #f5f5f5;padding: 70px 0 0;height: 496px;overflow: hidden;}
.jz_t{font-size: 28px;color: #2d2d2d;background:url(/images/jz_tbg.gif) no-repeat center 10px;line-height: 40px;text-align: center;height: 120px;overflow: hidden;}
.jz_t a{color:#2d2d2d; text-decoration: none;}
.jz_t i{color: #024c96;padding-left: 10px;}
.jz_t span{display: block;font-size: 22px;color: #555;font-weight: normal;font-family: Roboto,Arial,Sans-Serif;}

/*案例*/
.case_bg{background:url(/images/pro.png);}
.case {padding: 70px 0;width:1200px;margin:0 auto; height:800px;}
.case .jz_t{background:url(/images/case_tbg.gif) no-repeat center 10px;font-family: Roboto,Arial,Sans-Serif;}
.case dl{width: 400px;height: 270px;position: relative;float: left;overflow: hidden;}
.case dl dt{width: 400px;height: 270px;line-height: 0;position: relative;overflow: hidden;}
.case dl dt img{width: 400px;height: 270px;}
.case dl dt h4{font-size: 18px;color: #f6f6f6;height: 40px;line-height: 40px;width: 400px;text-align: center;position: absolute;bottom: 0;left: 0;background: rgba(2,76,150,0.8);font-weight: normal;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case dl dd{position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 400px;background:#9e331e; opacity:0.9; text-align: center;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case dl dd h5{height: 50px;line-height: 40px;overflow: hidden; background:url(/images/ys_line.gif) no-repeat center 49px;margin-top: 45px;}
.case dl dd h5 a{font-size: 18px;color: #fff;text-decoration: none;}
.case .case_desc{font-size: 14px;color: #dfe4eb;line-height: 22px;height: 100px;overflow: hidden;width: 240px;margin: 0 auto;}
.case dl dd em{display: block;width: 88px;margin: 0 auto;padding: 20px 0 0;}
.case dl dd em a{display: block;font-size: 12px;color: #333;width: 88px;text-align: center;height: 28px;line-height: 28px;background: #fff;border-radius: 20px;text-decoration: none;}
.case dl dd em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.case dl:hover dd,.case dl.cur dd{height: 270px;}
.case dl:hover dt h4,.case dl.cur dt h4{height: 0;}
.case dl.nobor{margin-right: 0;}