@charset "utf-8";
.head{width: 1000px;   height:70px;margin: 0 auto;}
.header{position:fixed; z-index:99999; top:0;_position:absolute;_top:expression(documentElement.scrollTop + 'px'); width: 100%; height:70px;   background: #005838;}
.logo{float:left; width:240px; height:70px; background:url(../img/menu.jpg) left top repeat-x;}.menu{position:relative;z-index:999999; width:725px; height:70px; float:right; background:url(../img/menu.jpg) left top repeat-x}.menu li{float:left;position:relative;}.menu ul{visibility:hidden;position:absolute;left:0px;top:70px;}.menu ul p{font-size:14px; font-weight:bold;}.menupro{font-size:14px; font-weight:bold;}.menu table{position:absolute; top:0; left:0;}.menu li:hover ul,.menu a:hover ul{visibility:visible;}.menu li.line{background:url(../img/menuline.jpg) top center no-repeat; height:70px; width:2px;}.menu li a{padding:0 15px; height:70px; line-height:70px; display:inline-block !important; font-family:microsoft yahei, Arial; color:#fff; font-size:14px; font-weight:bold;}.menu li a:hover,.menu li a.active{background:url(../img/menu2.jpg) left top repeat-x; text-decoration:none;}.menu ul li{clear:both;text-align:left;font-size:12px;}.menu ul li a{display:block;width:100px;height:25px;margin:0;border:0;border-bottom:1px solid #ebeff3; line-height:25px; font-weight:normal; font-size:12px; text-decoration:none; background:#fff; color:#036;}.menu ul li a:hover{border:0;background:#393;border-bottom:1px solid #fff; color:#fff; border-bottom:1px solid #393;}#m1{width:300px; height:260px; background: url(../img/m1.jpg) right bottom no-repeat #fff; border:15px solid #fff;}#m2{width:300px; height:250px; background: url(../img/m2.jpg) right bottom no-repeat #fff; border:15px solid #fff;}#m3{width:300px; height:250px; background: url(../img/m3.jpg) right bottom no-repeat #fff; border:15px solid #fff;}#m4{width:300px; height:250px; background: url(../img/m4.jpg) right bottom no-repeat #fff; border:15px solid #fff;}#m5{width:300px; height:250px; background: url(../img/m5.jpg) left bottom no-repeat #fff; border:15px solid #fff; left:-182px;}#m5 li{float:right;}#m6{width:300px; height:250px; background: url(../img/m6.jpg) right bottom no-repeat #fff; border:15px solid #fff;}
.bannerBox{POSITION: relative; OVERFLOW: hidden; margin-top:75px; z-index:1;}
.slideBox{POSITION: relative; BACKGROUND: #fff; HEIGHT: 400px; OVERFLOW: hidden}
.slideBox UL{POSITION: relative; HEIGHT: 600px; OVERFLOW: hidden}
.slideBox LI{HEIGHT: 600px}
#slideBoxLeft{Z-INDEX: 1022; POSITION: absolute; MARGIN-TOP: -24px; WIDTH: 49px; BACKGROUND: url(http://stat.zcool.com.cn/images/123rf/images/goLeft.png) no-repeat left top; HEIGHT: 49px; TOP: 50%; LEFT: 0px}
#slideBoxRight{Z-INDEX: 1022; POSITION: absolute; MARGIN-TOP: -24px; WIDTH: 49px; BACKGROUND: url(http://stat.zcool.com.cn/images/123rf/images/goRight.png) no-repeat right top; HEIGHT: 49px; TOP: 50%; RIGHT: 0px}
.slideBoxNav{TEXT-ALIGN: center; margin-top:-30px; z-index:8000; position:absolute; left:50%; margin-left:-100px;}
.slideBoxNav A{margin-left:1px; width: 40px; display: inline-block; height: 10px; background:#369; overflow:hidden;}
.slideBoxNav A.selected{margin-left:1px; width: 40px; display: inline-block; height: 10px; background:#093; overflow:hidden;}
/************ header ************/
#header{width: 100%;}
#header .top_bar{height: 127px; width: 100%; background: #f9f9f9;}
#header .logo{padding: 41px 0 0 3px;}
#header .logo img{width: 203px; height: 54px;}
#header .nav_bar{padding-top: 16px;}
#header .tel{height: 22px; font-family: '微软雅黑'; margin-bottom: 10px;}
#header .tel em,
#header .tel span{float: left;}
#header .tel em{font-size: 16px; line-height: 22px; color: #666666;}
#header .tel span{font-size: 20px; line-height: 22px; color: #AF1F17;}
#header .nav{width: 700px; height: 45px; position: relative;}
#header .nav ul{position: absolute; left: -45px; top: 0; width: 700px; height: 45px; padding: 0 45px 9px 45px; background: url(../img/nav_shadow.png) no-repeat 0 bottom;}
#header .nav li{float: left; height: 45px; padding-right: 2px; background: url(../img/nav_bg.png) no-repeat; position: relative;}
#header .nav .n1{background-position: 0 0; width: 107px; overflow: hidden;}
#header .nav .n2{background-position: -109px 0; width: 111px;}
#header .nav .n3{background-position: -222px 0; width: 118px;}
#header .nav .n4{background-position: -342px 0; width: 119px;}
#header .nav .n5{background-position: -463px 0; width: 119px;}
#header .nav .n6{background-position: right 0; width: 116px; padding-right: 0;}
#header .nav li a{float: left; height: 45px; line-height: 45px; text-align: center; font-size: 14px; font-family: '微软雅黑'; color: #fff; text-decoration: none;}
#header .nav .n1 a{width: 107px;}
#header .nav .n2 a{width: 111px;}
#header .nav .n3 a{width: 118px;}
#header .nav .n4 a{width: 119px;}
#header .nav .n5 a{width: 119px;}
#header .nav .n6 a{width: 116px;}
#header .nav .n1 i{position: absolute; left: 24px; top: 17px; width: 12px; height: 13px; background: url(../img/home_icon.png) no-repeat;}
#header .nav .n1 a{text-align: left; text-indent: 43px;}
#header .nav li .active,
#header .nav li a:hover{background: url(../img/nav_bg.png) no-repeat -5px -45px;}
#header .nav .n1 .active,
#header .nav .n1 a:hover{background: url(../img/nav_bg.png) no-repeat 0 -45px;}
#header .nav .n6 .active,
#header .nav .n6 a:hover{background: url(../img/nav_bg.png) no-repeat right -45px;}
/* 幻灯片 */
.banner{width: 100%; height: 400px; overflow: hidden; margin-bottom: 10px;}
.banner_pro{background:url(../img/pro_bg.jpg) top center no-repeat;}
.banner_about,.banner_news,.banner_pro,.banner_yg,.banner_case,.banner_contact{background:url(../img/bg_about.jpg) top center no-repeat; height:615px; top:0; width:100%; z-index:-999;}
.banner_news{background:url(../img/news_bg.jpg) top center no-repeat;}
.banner_pro{background:url(../img/pro_bg.jpg) top center no-repeat;}
.banner_yg{background:url(../img/yg_bg.jpg) top center no-repeat;}
.banner_case{background:url(../img/gc_bg.jpg) top center no-repeat;}
.banner_contact{background:url(../img/contact_bg.jpg) top center no-repeat;}
/* flexslider */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(images/../loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; display: none;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}
/* 公告 / 分享 */
.notice_wrap{width: 1010px; height: 38px; margin: 0 auto; position: relative; padding-bottom: 16px;}
.notice_wrap .notice_bg{position: absolute; left: -4px; top: 0; width: 1020px; height: 38px; padding: 0 4px 6px 4px; background: url(../img/notice_bg.png) no-repeat;}
.notice_wrap .notice{height: 38px;}
.notice_wrap .notice h2{float: left; margin-top: 12px; margin-right: 20px; padding: 0 11px 0 14px; height: 14px; line-height: 14px; font-size: 14px; font-weight: bold; border-right: 2px #DA251D solid; color: #DA251D;}
.notice_wrap .notice .ul_wrap{float: left; width: 380px; height: 38px; overflow: hidden; position: relative;}
.notice_wrap .notice ul{position: absolute; left: 0; top: 0; width: 380px;}
.notice_wrap .notice li{height: 38px; line-height: 38px; vertical-align: bottom;}
.notice_wrap .notice li span{float: left;}
.notice_wrap .notice li em{float: right; color: #666;}
.notice_wrap .partake{padding: 5px 20px 0 0;}
/**************** 网页主体内容 ***********************/
#pageBodyindex{width: 100%; height: auto; padding: 15px 0 45px;margin: 0px auto 0;}
#pageBody{width: 100%; height: auto; padding: 15px 0 45px;margin: -265px auto 0;}
/* 行业动态 */
.i_news{width: 384px;}
.i_news .inner{padding: 5px 13px 0; height: 245px; overflow: hidden;}
.i_news h2{height: 22px; font-weight: normal;}
.i_news h2 span{float: left; line-height: 22px; font-size: 20px; color: #404040; padding-right: 5px;}
.i_news h2 em{float: left; line-height: 22px; font-size: 20px; color: #DA251D;}
.i_news h2 i{float: right; padding-top: 5px;}
.i_news li{padding-top: 14px; height: 55px;}
.i_news li .pic{width: 71px; height: 55px;}
.i_news li .con{width: 268px;}
.i_news li .con h4{line-height: 18px; font-weight: bold;}
.i_news li .con h4 a{color: #000;}
.i_news li .con h4 a:hover{color: #f60;}
.i_news li .con p{line-height: 18px; color: #666;}
/* 关于我们 */
.i_about{width: 620px;}
.i_about .inner{padding: 5px 15px 0; height: 245px; overflow: hidden;}
.i_about h2{height: 22px; padding-bottom: 14px; font-weight: normal;}
.i_about h2 span{float: left; line-height: 22px; font-size: 20px; color: #404040; padding-right: 5px;}
.i_about h2 em{float: left; line-height: 22px; font-size: 20px; color: #DA251D;}
.i_about h2 i{float: right; padding-top: 5px;}
.i_about .pic{width: 261px; height: 195px;}
.i_about .con{width: 306px; text-indent: 2em; line-height: 24px; font-size: 14px;}
.i_about .con a{color: #AE1F17; font-weight: bold;}
.i_about .con a:hover{color: #f60;}
/* 首页案例展示 */
.case_wrap{width: 100%; background: #f8f8f8; border-top: 1px #EAEAEA solid;}
.i_case .tit{height: 88px; padding: 0 5px;}
.i_case .tit i{float: left; width: 192px; height: 31px; padding-top: 27px;}
.i_case .tit strong{float: left; font-size: 18px; line-height: 20px; padding: 35px 0 0 11px;}
.i_case .tit p{float: right; padding-top: 38px; line-height: 12px; height: 12px;}
/************* 底部 ********************/
#footer{width: 100%; height: 200px; background: url(../img/foot_bg.jpg); overflow: hidden;}
.foot_nav_wrap{width: 100%; height: 40px; margin-bottom: 0px; background: url(../img/foot_nav_bg.png) repeat-x;}
.foot_nav{height: 40px; line-height: 40px; text-align: center; color: #fff;}
.foot_nav a{color: #fff; padding: 0 15px;}
.web_info{padding-top: 25px; line-height: 28px; text-align: center; color: #A2A2A2;}
.key_word{line-height: 28px; text-align: center;}
/* 内页 */
.main{width: 725px;margin-right: 10px;}
.side{width: 260px;margin-left: 10px;}
.mb15{margin-bottom: 15px;}
/* 搜索框 */
.search{}
.search .bt{height: 34px; line-height: 34px;background: url(../img/side_ico.png) no-repeat 5px 50%;}
.search .bt span{float: left;padding-left: 20px;font-size: 15px; font-weight: bold;}
.search .bt i{float: left;padding-left: 8px;font-size: 12px; color: #555555;}
.search .intro{height: 32px;padding-top: 5px;}
.search .intro .text{float: left;width: 210px; height: 30px; line-height: 30px;color: #888;padding-left: 4px;border: 1px #B3B9C3 solid;background: #fff;}
.search .intro .btn{float: right;width: 38px; height: 32px;background: url(../img/sear_btn.png) no-repeat;border: none;}
.side_pic{width: 260px; height: 107px;overflow: hidden;}
/* 联系我们 */
.contactUs{border: 1px #eee solid;-webkit-box-shadow: 0 0 3px 1px #eee; -moz-box-shadow: 0 0 3px 1px #eee; -ms-box-shadow: 0 0 3px 1px #eee; -o-box-shadow: 0 0 3px 1px #eee; box-shadow: 0 0 3px 1px #eee;}
.contactUs .bt{height: 36px; line-height: 36px;background: url(../img/bt_bg.png) repeat-x;}
.contactUs .bt span{float: left;font-size: 16px;padding-left: 12px;}
.contactUs .bt i{float: left;font-size: 14px;color: #888;padding-left: 5px;}
.contactUs .intro{padding: 15px;}
.contactUs .tel{display: block;height: 34px; line-height: 34px;font-size: 20px; color: #C01E15;padding-left: 60px;background: url(../img/tel_ico.png) no-repeat;margin-bottom: 10px;}
.contactUs p{line-height: 26px; font-size: 14px;}
/* 新闻列表 */
.news_list{}
.news_menu{height:45px; border-bottom:1px dashed #cccccc;}
.news_menu ul{padding-top:7px; height:20px; overflow:hidden;}
.news_menu ul li{float:left; height:20px; border-right:1px #63717e solid;}
.news_menu ul li a{float:left; height:20px; padding:0 20px 0 10px; cursor: pointer;}
.news_menu ul li a i{display:inline-block; width:14px; height:14px; overflow:hidden; margin:3px 6px 0 0; background:url(../img/icon2.png) no-repeat 0 50%; vertical-align:top;}
.news_menu ul li a span{display:inline-block; height:20px; line-height:20px;}
.news_menu ul li a:hover{text-decoration:none;}
.news_menu ul li a:hover i{background:url(../img/icon1.png) no-repeat 0 50%;}
.news_menu ul li a:hover span{color:#de362b;}
.news_menu ul .active a i{background:url(../img/icon1.png) no-repeat 0 50%;}
.news_menu ul .active a span{color:#de362b;}
.news_list .list{width: 665px; padding-left:20px;}
.news_list .list ul li{padding-top:20px;height:140px;border-bottom:1px #cccccc dashed;vertical-align:bottom;}
.news_list .list ul li .news_li_bt{height:20px;padding-bottom:15px;}
.news_list .list ul li .news_li_bt a{float: left;font-size:16px;line-height:20px;}
.news_list .list ul li .news_li_bt span{float: right; padding-right:10px;}
.news_list .list ul li .news_li_con{line-height:200%;}
.news_list .list ul li .news_li_con a{color: #cc1111;}
/* 分页 */
.pages{padding: 10px; padding-top: 20px; height: 22px;}
.pages ul{float: right; height: 22px;}
.pages ul li{float: left; padding: 0 5px; height: 22px;}
.pages ul li a{float: left; line-height: 22px; height: 22px; padding: 0 3px; font-size: 14px;}
.pages ul li a:hover{color: #cc1111;}
.pages ul li .active{cursor: default; color: #cc1111; text-decoration: none;}
.pages ul li .prev,
.pages ul li .next{width: 36px; height: 22px; text-indent: -9999em;}
.pages ul li .prev{background: url(../img/pages_prev.jpg) no-repeat;}
.pages ul li .next{background: url(../img/pages_next.jpg) no-repeat;}
.pages ul li .prev:hover{background: url(../img/pages_prev1.jpg) no-repeat;}
.pages ul li .next:hover{background: url(../img/pages_next1.jpg) no-repeat;}
/* 内容页 */
.cp-l{width:250px; float: left;overflow: hidden; position:relative;margin:20px 0px;}
.commendpro .bt,.cp-l h2{height:35px;line-height:35px;color:#fff; text-align:center;font-weight:normal;font-size:16px;background:#005837;}
.cp-l h2 a{color:#fff;}
.cp-l h3{height:32px; line-height: 32px;padding-left:45px; font-size:14px;background:url('../img/cp_a.gif') no-repeat;}
.cp-l h3 a{color:#DA251D;}
.cp-l h4{height:35px; line-height:35px;border-bottom:1px dotted #efefef; padding-left:15px; background:url('../img/ico1.gif') no-repeat 7px center;}
.cp-l h4 a{color:#000; display:inline-block; width:228px; font-size:12px; font-weight:normal; overflow: hidden;}
.cp-l ul{padding:5px 0 0 34px;}
.cp-l li{height:35px; line-height:35px;border-bottom:1px dotted #efefef; padding-left:45px; background:url('../img/ico1.gif') no-repeat 27px center;}
.cp-l li a{color:#000; display:inline-block; width:148px; overflow: hidden;}




.article{padding: 10px 0;}
.article .article_title{height:20px;line-height:20px;font-size:16px;color:#555;text-align:center;padding:10px 0;}
.article .article_info{margin:5px auto 10px auto;display:block;width:400px;height:20px;line-height:20px;text-align:center;color:#888;border:1px #c8c8c8 dashed;}
.article .article_info span{padding-left:10px;}
.article .article_con{padding:5px 20px;line-height:200%;font-size:14px;color:#666;}

.picList{padding-top: 10px;padding-left: 30px;}
.picList ul li{float: left;width: 152px;padding: 5px 10px;}
.picList ul li img{display: block;width: 154px;height: 115px;padding: 3px;border: 1px #cccccc solid;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}
.picList ul li p{height: 30px;line-height: 30px;text-align: center;}
.clr{clear:both; margin:0; padding:0; background:none;}


.proList{padding-top: 10px;padding-left: 30px;}
.proList ul li{float: left;width: 210px;padding: 5px 10px;}
.proList ul li img{display: block;width: 200px;height: 150px;padding: 3px;border: 1px #cccccc solid;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}
.proList ul li p{height: 30px;line-height: 30px;text-align: center;}
 


 
.commendpro ul li{float: left;width: 142px;padding: 5px 10px;}
.commendpro ul li img{display: block;width: 240px;height: 180px;padding: 3px;border: 1px #cccccc solid;border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;}
.commendpro ul li p{width: 240px;height: 30px;line-height: 30px;text-align: center;}

.ctitle{margin-top:20px;padding-left:30px;padding-bottom:10px;  font-size: 20px;font-weight: bold;color: #093;  border-bottom: 1px dotted #369;}
.ctitle span{color: #de362b;}

.pList ul { padding:15px 15px 15px 30px;}
.pList ul li { float: left; padding: 5px 10px; }
.pList ul li img { width: 145px; height: 55px; padding: 2px; }
.pList ul li p { line-height: 30px; text-align: center; }


 
.project-thumbnails { width: 700px; margin: auto; position: relative; overflow: hidden;  padding:15px 15px 15px 30px;}
.project-div { clear: both; height: 300px; display: none;}
.project-thumbnails li { width: 168px; height: 126px; margin: 0 1px 1px 0; float: left; }
.project-thumbnails li a { width: 165px; height: 166px; display: block; position: relative; color: #000; text-decoration: none; cursor:pointer; }
.project-thumb-client { width:165px;height:83px;display:none;position:absolute;top:68px;left:0;font-size:18px;font-family:"寰蒋闆呴粦", Arial, Helvetica, sans-serif;font-weight:normal;text-align:center; z-index:100; }
.project-thumb-task { width:165px;display:none;position:absolute;top:94px;left:0;font-size:14px;font-weight:normal;font-style:italic;text-align:center; z-index:100;}
.project-thumbnails a:hover { background:#fff;}
.project-thumbnails a:hover img {display:none;}
/*.project-thumbnails a:link #img_hovers,.project-thumbnails a:visited #img_hovers{
	background:#000;
	display:none;
	width:195px;
	height:166px;
	filter:alpha(opacity=70);
	opacity: 0.7;
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
}
.project-thumbnails a:hover #img_hovers,.project-thumbnails a:active #img_hovers{
	display:block;
}*/

.project-thumbnails a:hover .project-thumb-client,
.project-thumbnails a:hover .project-thumb-task {display: block;}

.nlist ul{padding:15px 15px 15px 30px;}
.nlist ul li{width: 300px;height:32px;margin:0px 0px 0px 25px; line-height:32px;overflow:hidden; float: left; border-bottom:1px dotted #9f9f9f; padding-left:14px; background:url('../img/ico1.gif') no-repeat 2px center;}