@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; border: 0px; font-family: "微软雅黑"; }
body { background: #fff; width: 100%; margin: 0px auto; }
body, img, p, li, ul, div, span, a { padding: 0px; border: 0px; margin: 0px; }
ul { list-style: none; }
a { text-decoration: none; }
input { border: 0px; }
*:focus { outline: none; }
.gang { width: 1200px; margin: 0px auto; }
.clear { clear: both; }
.fr { float: right; }
.fl { float: left; }




/*ｚｈｅｎｇｈｅ*/
.zhenghe_banner { width: 100%; margin: 75px auto 0px auto; position: relative; height: 488px; overflow: hidden; }
.zhenghe_banner img { width: 1920px; height: 488px; position: absolute; margin-left: -960px; left: 50%; }
.zhenghe_midbg1 { background: url(../images/left1_bg.jpg) no-repeat center bottom; width: 100%; margin: 40px auto; min-height: 393px; }
.zhenghe_midbg1 .gang ul { padding-left: 585px; padding-bottom: 51px; }
.zhenghe_midbg1 h2 { margin-bottom: 45px; }
.zhenghe_midbg1 span { font-size: 22px; color: #000; height: 45px; line-height: 45px; font-weight: bold; }
.zhenghe_midbg1 ul li { font-size: 18px; color: #fff; line-height: 30px; }

.zhenghe_midbg2 { background: url(../images/zmidbg2.jpg) repeat-x left bottom; width: 100%; margin: 0px auto; height: 681px; }
.zhenghe_midbg2 li span { display: block; line-height: 45px; color: #000; padding-top: 160px; font-size: 30px; }
.zhenghe_midbg2 li { font-size: 18px; line-height: 36px; color: #fff; }
.mid_bg3 { background: #f7f7f7; height: 580px; padding-top: 40px; }
.mid_bg3 h2 { text-align: center; margin-bottom: 40px; }
.mid_bg3 li { width: 274px; height: 351px; margin: 0px 12px; float: left; color: #606060; line-height: 24px; font-size: 18px; }
.mid_bg3 li span { height: 53px; line-height: 53px; border-bottom: 1px solid #ddd; display: block; text-align: center; color: #7d7d7d; font-size: 18px; }
.mid_bg3 li img { margin: 18px 12px; width: 248px; }
.mid_bg3 li p { margin: 0px 12px; }

.mid_bg4 { padding-top: 60px; height: 561px; margin-bottom: 60px; background: url(../images/midbgh.jpg) no-repeat center bottom; }
.mid_bg4 h2 { text-align: center; margin-bottom: 52px; }
.mid_bg4 ul { padding-top: 155px; padding-left: 673px; }
.mid_bg4 li { color: #e0e0e0; font-size: 14px; line-height: 30px; font-family: "微软雅黑"; }


.ZH_case { width: 880px; margin: 0px auto; }
.ZH_case li { width: 349px; margin: 0px 45px; font-size: 14px; color: #6a6a6a; float: left; }
.ZH_case li span, .ZH_case li img { display: block; font-family: "微软雅黑"; font-size: 16px; color: #1b1b1b; line-height: 35px; }
.ZH_case li a { height: 25px; line-height: 25px; width: 100%; margin: 0px auto; color: #fff; background: #37a6a6; display: block; text-align: center; margin-top: 10px; }

/*case_box*/
.case_box .tc { text-align: center; }
.case_box .hd { padding: 50px 0; }
.case_box .hd h3 { font-size: 36px; letter-spacing: 3px; padding: 30px 0 15px; color: #333333; }
.case_box .hd p { font-size: 16px; color: #333333; padding-bottom: 50px; }
.case_box { background: #f5f5f5;padding-bottom:40px; }
.case_box .hd { padding: 0; }
.case_box .list { float: left; width: 24.45%; min-width: 300px; max-width: 400px; max-height: 560px; position: relative; overflow: hidden; margin-right: 0.73%; text-align: center; }
.case_box .list .imgbox { height: 100%; overflow: hidden; max-height: 560px; }
.case_box .list img { max-width: 100%; max-height: 100%; }
.case_box .list.end { margin-right: 0; }
.case_box .link { padding: 66px 0; }
.case_box .link .bnts { display: block; height: 56px; line-height: 54px; width: 262px; color: #ff9600; text-align: center; margin: 0 auto; border: 1px solid #ff9600; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(ie-css3.htc); }

.case_box .list .code { position: absolute; top: -605px; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.case_box .list.on .code { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; display: block; }

.case_box .infolist li {overflow:hidden;height:30px; }
.case_box .infolist li span{display:inline-block;width:25%;float:left;font-size:16px; }

.anli{ background:#f2f5fa; padding:65px 0; width:100%; text-align:center;}	

.an1 a,.an2 a{  display:block;  height:46px; margin:0 auto;  font-size:15px; line-height:46px;  }
.an1 a{background:url(../images/wz_03.jpg) no-repeat;color:#FFF;text-align:center;width:194px;margin-top:40px;}
.an2 a{background:url(../images/wz_07.jpg) no-repeat;color:#fff;text-align:left; padding-left:30px;width:164px;}
.an1 a:hover{ color:#70eef8;}
.an2 a:hover{ color:#fff;background:url(../images/wz_07hover.jpg) no-repeat;}

.cese{overflow:hidden;margin-bottom:30px;}
.cese ul{overflow:hidden;margin-bottom:20px;}
.cese li{float:left;width:283px;height:187px; margin:0 7px;position:relative;background:#1f1f1f;overflow:hidden;}
.cese li img{width:283px; height:187px;transform:scale(1,1);transition:all 0.3s;}
.cese li div{position:absolute;font-weight:normal;font-size:14px;color:#fff;left:0;width:100%;text-align:center;opacity:0;transform:scale(0,0);transition:all 0.3s;top:50%;margin-top:-50px;filter:alpha(opacity=0);z-index:5;}
.cese li div p{margin-bottom:10px;border:1px solid #5af6e9; width:77%; margin:0 auto; font-size:16px; line-height:30px; color:#5af6e9;}
.cese li div span{padding:5px 0;border-right:none;border-left:none;display:inline-block;font-size:15px;line-height:26px; }
.cese li:hover img{opacity:0.2;filter:alpha(opacity=20);transform:scale(1.1,1.1);transition:0.3s;}
.cese li:hover div{opacity:1;transform:scale(1,1);transition:all 0.5s;filter:alpha(opacity=50);}


.h-case { margin: 0 auto; width: 1200px; }
.h-case-item { float: left; width: 370px; margin-bottom: 20px; box-shadow: 0px 0 0px #efefef,0 0px 0px #efefef,0 5px 10px #efefef,5px 0 10px #efefef; border: 1px solid #eee; background-color: #fff; }
.h-case-item-tit { font-family: "微软雅黑"; color: #333; font-size: 18px; font-weight: bold; padding: 20px 0 15px 15px;display: block; }
.h-case-item-img { display: block; margin: 0 15px; overflow: hidden; }
.h-case-item-img img { width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.h-case-item-img:hover img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); }
.h-case-item-txt { padding: 12px 15px; line-height: 20px; color: #999;margin:0; text-align: left; font-size: 12px;}
.h-case-item-bot { height: 50px; border-top: 1px solid #ddd; }
.h-case-item-bot span { float: left; width: 70px; height: 30px; margin-left: 20px; margin-top: 10px; display: inline-block; }
.h-case-item-bot .sign { width: 16px; height: 14px; position: relative; overflow: hidden; float: right; margin-top: 18px; margin-right: 18px; display: inline-block; }
.h-case-item-bot .sign img { position: absolute; top: 0; left: 0; }