@charset "utf-8";
/* CSS Document */

#nBan{ width:100%; height:351px; background-color:#1D6BAD; background:url(../images/ny_ban.jpg) center top no-repeat;}
.news_box_subnav{text-align:center;}
.news_box_subnav li{margin:5px 5px;display:inline-block; *display:inline; zoom:1;}
.news_box_subnav li a{padding:0 15px;border-radius: 15px;height:30px;display:inline-block;text-align:center;line-height:29px;font-size:16px;background-color:#e5e5e5;color:#6c6c6c;}
.news_box_subnav li a:hover{font-size:16px;background-color:#157dce;color:#fff;height:30px;}
.news_box_subnav li.hover a{font-size:16px;background-color:#157dce;color:#fff;}
#ny{ width:1200px; margin:0 auto;}
.nyTop{ width:1200px; height:60px; margin:20px auto;}
.nyTopRig{ float:right; height:60px; width:500px; font-family:"微软雅黑";line-height:60px; text-align:right;}
.nyTopRig a{font-family:"微软雅黑"; color:#000000; text-decoration:none;}
.nyCon{ overflow:hidden;margin:0 auto; line-height:35px; padding:30px 0; color:#000000; font-family:"微软雅黑";}

.index_pro_con2{ width:1200px;overflow:hidden;}
.index_pro_con2 ul{ width:1200px; list-style:none;overflow:hidden;}
.index_pro_con2 ul li{position:relative; width:229px; height:222px; overflow:hidden; float:left; margin-left:10px;margin-bottom:10px;}
.index_pro_con2 ul li img{ width:220px; height:177px; border:0px; border:1px solid #999999; padding:2px;}
.index_pro_con2 ul li p{ color:#000000; line-height:29px; font-size:12px;width:226px; text-align:center; height:29px; margin:0 auto; padding:0px}
.index_pro_con2 ul li p{ font-family:"微软雅黑"; font-size:14px; font-weight:bold; color:#333333}
.index_pro_con2 ul li i.box5_bg{position:absolute;border:3px solid #0078cc;top:0;left:0;width:220px;height:177px;display:none;background: url(../images/opacity_bg.png) 0 0 repeat;z-index:99;}
.index_pro_con2 ul li em{width:220px;height:177px;position:absolute;left:0px;top:0px;background: url(../images/works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}
.index_pro_con2 ul li a:hover .box5_bg{display:block;}
.index_pro_con2 ul li a:hover em{background: url(../images/works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}


#index_case2{width:100%; margin:0 auto;}
.index_case_con2{ width:1200px;  overflow:hidden; margin:20px auto 0;}
.index_case_con2 .index_case_cen2{padding-left:14px;}
.index_case_con2 ul{ width:1128x;overflow:hidden; list-style:none; margin-top:10px; float:left;}
.index_case_con2 ul li{position:relative; width:370px; height:315px; overflow:hidden; float:left; background-color:#2C3039; margin-left:15px;margin-bottom:15px;}
.index_case_con2 ul li img{ width:370px; height:218px; border:0px;}
.index_case_con2 ul li p{ color:#FFFFFF;height:75px; line-height:25px; font-size:12px; padding:0 10px;overflow:hidden;}
.index_case_con2 ul li p font{ font-weight:bold; font-size:14px;}


#articeBottom { font-size: 14px; margin: 6px 0 10px; padding-top: 10px; text-align: right; width: 97%;}
#articeBottom span { float: left;}
#articeBottom span a { font-size: 12px;}
#articeBottom span a:hover {color: #0099FF;}