/*zycp*/
.zycp{width:100%; }
.zycp_li{ float:left; border:1px solid #dfdfdf; height:260px; width:260px; margin-top:20px; margin-right:5px; margin-left:13px}
.zycp_li_top{ height:209px; border-bottom:1px solid #dfdfdf; display: block; overflow: hidden; width: 100%;}
.zycp_li_top img{ height:210px;width:250px;padding-top:5px;padding-bottom:5px;  overflow: hidden; margin: 0 auto; display: block; text-align: center;}
.zycp_li_bottom a{ width: 100%;color: #00468e;text-align: center;line-height: 25px;overflow: hidden;height: 49px;display: block;margin-top: 10px;
}
.zycp_li_bottom a:hover{color:#00468e;}

.content { min-height:700px; padding:20px;}

.hb_part{ width:100%; position:relative;}
.hb_part .zh_j{ position:absolute; top:0; left:50%; margin-left:-36px; z-index:9;}
.hb_part .zh_j img{ width:72px; height:36px;}
.i_case{ width:1150px; margin:0 auto; padding-top:65px; height:560px;}
.i_case .brief{ width:620px; margin:0 auto;}
.i_case .brief h3{ font-size:32px; color:#fff; font-weight:normal; text-align:center;}
.i_case .brief p{ font-size:16px; color:#fff; line-height:26px; padding-top:28px;}
.i_case ul{ width:100%; padding-top:52px;}
.i_case ul li{ float:left; width:280px; height:205px; overflow:hidden; position:relative; margin-right:10px;}
.i_case ul li a{ color:#fff;}
.i_case ul li img{ width:280px; height:205px;}
.i_case ul li .wz_p{ width:100%; height:100%;position:absolute;left:0;right:0;top:50%;bottom:0; margin-top:65px; background-color: rgba(32,123,230,0);transition:all .4s cubic-bezier(.4,0,.2,1)}
.i_case ul li .bg{position:absolute;left:0;right:0;top:0;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.i_case ul li:hover .bg{background:#207be6;opacity:.7;filter:alpha(opacity=70);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(70))}
.i_case ul li .wz_p h3{ font-size:20px; font-weight:normal; color:#fff; text-align:center; padding:40px 30px 0 30px;}
.i_case ul li .wz_p p{ font-size:14px; line-height:22px; color:#fff; padding:10px 20px 0 20px;}

.i_case ul li .wz_p h3,.i_case ul li .wz_p p{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}
.i_case ul li:hover .wz_p h3,.i_case ul li:hover .wz_p p{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.i_case ul li:hover .wz_p{ top:0; margin-top:0px;}


.i_case .ck{ width:128px; margin:40px auto 0;}
.i_case .ck a{ width:128px; height:38px; border:1px #fff solid; display:block; text-align:center; line-height:38px; font-size:14px; color:#fff;border-radius:3px;-moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px;}
.i_case .ck a:hover{color:#207be6; background:#fff;border-color:#fff !important;}
.c_line{ background:url(../images/cpfw_05.png) no-repeat center; width:100%; height:36px;}
