/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
作者：Inhuy | www.cn-line.com
联系：inhuy@163.com
最后修改时间：2015-05-02
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*basic*/
html,body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0; table-layout:fixed;}
ul,ol { list-style:none;}
fieldset,img { border:0;}
img,object,select,input,textarea,button { vertical-align:middle;}
h1,h2,h3,h4,h5,h6,input,textarea,select,address,em,i { font-size:100%; font-style:normal; font-weight:normal;}
q:before,q:after { content:'';}
.clearfix:after { display:block; clear:both; visibility:hidden; height:0; content:'';}
.clearfix { zoom:1;}

body { font:12px/1.75 "microsoft yahei",tahoma,arial; text-align:center; background:#fff; color:#555;}
.a-l { text-align:left;}
.a-c { text-align:center;}
.a-r { text-align:right;}
.c-b { clear:both; float:none;}
.f-l { float:left;}
.f-r { float:right;}
.undis,.hidden { display:none;}
.dii { display:inline;}
.dis { display:block;}
.dib { display:inline-block;}
.f-14 { font-size:14px;}
.f-bold { font-weight:bold;}
.m-auto { margin:0 auto;}
.m-t25 { margin-top:20px;}
.hr-10 { clear:both; display:block; height:10px; font-size:1px; overflow:hidden;}
.hr-15 { clear:both; display:block; height:15px; font-size:1px; overflow:hidden;}
.hr-25 { clear:both; display:block; height:25px; font-size:1px; overflow:hidden;}
.line-1 { clear:both; display:block; height:1px; font-size:1px; background:#e5e5e5; overflow:hidden;}
.clear { clear:both; height:0; line-height:0; font-size:0; display:block; overflow:hidden;}
.w980 { width:980px;}

a { color:#555; text-decoration:none; outline:none;}
a:hover { color:#009119; text-decoration:underline;}

/*color*/
.c009119 { color:#009119;}
.c999 { color:#999;}

#imgcode{cursor:pointer;}

/*bar*/
.topbar { height:39px; line-height:39px; background:#f5f5f5; border-bottom:1px solid #e0e0e0; color:#999; overflow:hidden;}
	.topbar .phone { font-size:13px; color:#f60;}
	.topbar .phone b { font-size:16px; color:#009119;}

/*header*/
.header { height:112px; position:relative; overflow:hidden;}
	.header .logo { width:268px; height:112px; position:absolute; left:0; top:0px; background:url(../images/logo.gif) 0 0 no-repeat; text-indent:-9999em; display:block; overflow:hidden;}
	.mainNav { width:700px; height:112px; line-height:112px; position:absolute; left:280px; top:0; overflow:hidden;}
	.mainNav li { float:left; _display:inline; margin:0 2px; overflow:hidden;}
	.mainNav li a { display:block; height:112px; padding:0 19px; font-size:14px; text-align:center; outline:none;}
	.mainNav li a:hover, .mainNav .hover a { background:url(../images/bg_nav.gif) 0 0 repeat-x; color:#009119; text-decoration:none;}

.top-banner { width:100%; height:420px; margin:0 auto; position:relative; overflow:hidden;}
	.top-banner .hd { width:100%; height:11px; line-height:8px; position:absolute; left:0; bottom:15px; text-align:center; z-index:1; zoom:1;}
	.top-banner .hd li { width:24px; height:8px; margin:0 5px; display:inline-block; *display:inline; cursor:pointer; background:#fff; overflow:hidden;}
	.top-banner .hd .on { background:#009119;}
	.top-banner .bd li { height:420px; text-indent:-9999em;}
	.top-banner .bd a { width:100%; height:420px; position:absolute; display:block; z-index:1;}

/* - - - Container Style - - - - - - - - - - - - - - - - - - - */
#contentContainer { width:100%; margin:25px auto 0; text-align:left; overflow:hidden;}
	#contentContainer .tit { height:39px; line-height:39px; border-bottom:1px solid #e5e5e5; position:relative;}
	#contentContainer .tit h3 { float:left; font-size:16px; color:#009119;}
	#contentContainer .tit span { margin-left:15px; color:#999;}
	#contentContainer .tit .bodb1 { width:64px; height:1px; background:#009119; position:absolute; bottom:-1px; left:0; overflow:hidden;}
	#contentContainer .tit .more { float:right; color:#999;}

.box-about { overflow:hidden;}
	.box-about h2 { line-height:2; font-size:28px; color:#009119; text-align:center; overflow:hidden;}
	.box-about .bd {}
	.box-about .bd .intro { font-size:13px; padding:15px 55px; line-height:28px; text-align:center;}
	.box-about .bd ul { margin:15px auto 0; padding:35px 10px; border-top:1px solid #e5e5e5; overflow:hidden;}
	.box-about .bd li { float:left; width:280px; margin:0 20px; padding-top:90px; _display:inline; text-align:center; background:url(../images/bg.png) no-repeat; overflow:hidden;}
	.box-about .bd li h5 { font-size:18px; line-height:2;}
	.box-about .bd .iblue { background-position:0 -100px;}
	.box-about .bd .iblue h5 { color:#15A9D9;}
	.box-about .bd .igreen { background-position:-280px -100px;}
	.box-about .bd .igreen h5 { color:#5F9E1F;}
	.box-about .bd .iorange { background-position:-560px -100px;}
	.box-about .bd .iorange h5 { color:#DFA126;}

.box-info { width:100%; background:#f8f8f8; overflow:hidden;}
.box-news { width:450px; margin-left:25px; overflow:hidden;}
	.box-news .bd { margin:25px auto 0;}
	.box-news dl { height:90px;}
	.box-news dt { float:left; width:120px; height:90px; margin-right:10px; overflow:hidden;}
	.box-news dt img { width:120px; display:block;}
	.box-news dd h4 a { font-size:14px;}
	.box-news dd p { margin-top:10px; color:#999;}
	.box-news ul { margin:25px auto 0;}
	.box-news li { height:30px; padding-left:10px; line-height:30px; font-size:14px; background:url(../images/dot.gif) 0 50% no-repeat; overflow:hidden;}

.box-honor { width:240px; overflow:hidden;}
	.box-honor .bd { margin:20px auto 0; padding:20px 10px; background:#fff; overflow:hidden;}
	.box-honor li { width:220px; height:165px; text-align:center; overflow:hidden;}

.box-project { position:relative;}
	.box-project .hd .prev, .box-project .hd .next { display:block; width:30px; height:60px; position:absolute; top:125px; overflow:hidden; cursor:pointer; background:url(../images/bg.png) no-repeat;}
	.box-project .hd .prev { left:-30px; background-position:0 0;}
	.box-project .hd .next { right:-30px; background-position:-30px 0;}
	.box-project .hd .prev:hover { background-position:-60px 0;}
	.box-project .hd .next:hover { background-position:-90px 0;}
	.box-project .bd { margin:20px 10px 0;}
	.box-project .bd ul { overflow:hidden; zoom:1;}
	.box-project .bd li { float:left; width:220px; height:165px; margin:0 10px; text-align:center; _display:inline; position:relative; overflow:hidden;}
	.box-project .bd li .imgB { display:inline-block; width:220px; height:165px; overflow:hidden;}
	.box-project .bd li .bg { position:absolute; left:0; top:165px; width:100%; height:100%; background:#009119; filter:alpha(opacity=75); opacity:0.75;}
	.box-project .bd li .title { display:inline-block; position:absolute; left:-100%; top:50px; width:100%; font-size:14px; line-height:35px; color:#fff;}
	.box-project .bd li a { text-decoration:none;}

.box-friendLink { overflow:hidden;}
	.box-friendLink ul { margin:15px 0 0;}
	.box-friendLink li { float:left; margin-right:25px; line-height:30px; _display:inline; overflow:hidden;}

.sub-banner { width:100%; height:240px; background:url(../images/bg_sub-banner.jpg) 50% 0 no-repeat; overflow:hidden;}
#subContentContainer { width:100%; margin:-30px auto 0; text-align:left; background:url(../images/bg_location.gif) 0 30px repeat-x; overflow:hidden;}

.sub1Row { width:220px;}
.sub2Row { width:720px;}

.category { width:100%; display:inline-block;}
	.category .tit { height:32px; padding:20px; line-height:32px; color:#fff; background:url(../images/bg_category.jpg) 0 0 no-repeat; overflow:hidden;}
	.category .tit h3 { float:left; font-size:20px;}
	.category .tit span { margin-left:12px; font-size:12px; text-transform:uppercase;}
	.category ul { padding-bottom:12px; border:1px solid #e5e5e5; border-bottom:2px solid #009119; background:url(../images/bg_category-list.gif) 0 bottom repeat-x;}
	.category li a { display:block; height:31px; margin-top:9px; line-height:31px; padding:0 0 0 45px; text-align:left; background:url(../images/bg_category-li.gif) 0 0 no-repeat;}
	.category li a:hover, .category li.hover a { color:#fff; background-position:0 -31px;}
	.category li .subnav { padding:5px 21px; border:none; background:none;}
	.category li .subnav li a { height:27px; margin-top:5px; line-height:27px; padding:0 0 0 25px; background:none; color:#555;}
	.category li .subnav li a:hover { color:#555; background:#e5e5e5;}

.location { height:42px; margin-top:30px; line-height:42px; color:#999; text-align:right; overflow:hidden;}
	.location h4 { float:left; font-size:15px; color:#009119; text-align:left;}
	.location a { color:#999; text-decoration:none;}
	.location a:hover { text-decoration:underline;}

.subContainer, .textContainer { margin:25px auto 0; min-height:360px; height:100%; _height:360px;}

.newsList { margin:15px auto 0;}
	.newsList li { margin:0 0 25px 0; padding:10px 5px; _display:inline; overflow:hidden;}
	.newsList li h5 a { font-size:18px;}
	.newsList li .imgB { float:left; width:160px; height:120px; margin-right:15px; overflow:hidden;}
	.newsList li .imgB img { display:block;}
	.newsList li p { color:#999;}
	.newsList li .date, .newsList li .tags { padding-top:5px;}
	.newsList li .intro a, .newsList li .date a { color:#009119;}
	.newsList li .hits { padding-left:10px;}
	.newsList li:hover { background:#f5f5f5;}

.caseList { margin:15px -12px 0;}
	.caseList li { float:left; width:220px; height:215px; margin:5px 12px 25px; padding:1px; border:1px solid #e5e5e5; text-align:center; overflow:hidden;}
	.caseList li .imgB { width:220px; height:165px; display:inline-block; overflow:hidden;}
	.caseList li p { margin:5px; line-height:39px; border-top:1px solid #e5e5e5; overflow:hidden;}

.bpicList { margin:0 auto;}
	.bpicList ul { margin:25px -10px 0;}
	.bpicList li { float:left; width:350px; margin:0 10px 35px; text-align:center; _display:inline; overflow:hidden;}
	.bpicList li img { width:350px; display:block;}

.jobList { margin:15px 0 0;}
	.jobList li { height:39px; line-height:39px; font-size:14px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
	.jobList li .jtitle { font-weight:bold; background:#d0d0d0; color:#fff;}
	.jobList li .w2 { width:185px;}
	.jobList li em { float:left; width:115px; padding-left:15px; _display:inline; overflow:hidden;}

.contentTit { padding-bottom:10px; border-bottom:1px solid #e5e5e5; position:relative;}
	.contentTit h1 { font-size:25px; color:#333;}
	.contentTit h1 em { padding-left:20px; font-size:14px;}
	.contentTit h4 { font-size:16px; color:#333;}
	.contentTit h4 span { padding-left:10px; color:#ccc;}
	.contentTit .bod1 { width:135px; height:1px; background:#009119; position:absolute; bottom:-1px; left:0; overflow:hidden;}
	.contentTit .bdsharebuttonbox { position:absolute; top:8px; right:0; overflow:hidden;}
.contentDate { width:100%; padding:12px 0; line-height:2.5; color:#666; border-bottom:1px solid #e5e5e5; display:inline-block;}
.contentInfo { width:100%; padding:12px 0; line-height:2.5; color:#666; display:inline-block;}
	.contentInfo em { float:left; width:240px; _display:inline; overflow:hidden;}
	.contentInfo .hits { padding-left:18px;}
.contentPic { width:720px; margin:0 auto; position:relative; overflow:hidden;}
	.contentPic .bd { width:700px; height:525px; padding:9px; border:1px solid #e5e5e5; overflow:hidden;}
	.contentPic .bd li .imgB { width:700px; height:525px; position:relative; text-align:center; overflow:hidden;}
	.contentPic .bd li .imgB img { vertical-align:middle; max-width:700px; max-height:525px; width:expression(this.width > 700 && this.width / 700 >= this.height / 525 ? 700 : true); height: expression(this.height > 525 && this.width / 700 < this.height / 525 ? 525 : true);}
	.contentPic .bd li .imgB s { vertical-align:middle; height:100%; display:inline-block;}
	.contentPic .hd { padding:9px; position:relative; border:1px solid #e5e5e5; border-top:none; background:#f8f8f8; overflow:hidden;}
	.contentPic .hd ul { overflow:hidden; zoom:1;}
	.contentPic .hd ul li { float:left; margin:0 5px; text-align:center; _display:inline; cursor:pointer; overflow:hidden;}
	.contentPic .hd ul li img { width:100px; height:75px; padding:2px; border:1px solid #e0e0e0;}
	.contentPic .hd ul li .imgB s { vertical-align:middle; height:100%; display:inline-block;}
	.contentPic .hd ul li.on img { border-color:#e60;}
.contentDesc { margin:10px auto 0; font-size:14px; line-height:2; overflow:hidden;}
.contentDesc p { margin:8px 0;}
.contentDesc img { max-width:980px; width:expression(this.width>980?"980px":this.width);}
.contentBod { border:1px solid #e5e5e5; display:inline-block;}
.contentLeft { float:left; width:180px; padding:19px; _display:inline; overflow:hidden;}
.contentRight { float:right; width:720px; padding:20px; padding-left:19px; border-left:1px solid #e5e5e5; overflow:hidden;}

.box-book { width:650px; margin:35px auto 0; overflow:hidden;}
	.box-book li { width:100%; margin:25px 0 0; display:inline-block;}
	.box-book li .ip_t { width:260px; height:21px; padding:8px; border:1px solid #ddd; font-family:"Microsoft YaHei";}
	.box-book li .area_t { width:560px; padding:8px; border:1px solid #ddd; font-family:"Microsoft YaHei";}
	.box-book li s { width:22px; display:inline-block; overflow:hidden;}
	.box-book li .bn_t { margin:6px 0 0 0; width:150px; height:45px; font-size:18px; cursor:pointer; font-family:"Microsoft YaHei"; color:#fff; border:none; background-color:#009119;}

.contentCur { clear:both; line-height:25px; margin:10px 0 0 0; padding-top:10px; border-top:1px solid #e5e5e5; overflow:hidden;}

/*list*/
.list_page { clear:both; margin:25px auto 0; text-align:center; display:block;}
	.list_page a { margin:0 4px 0 0; padding:5px 10px; background:#fff; border:1px solid #ccc; display:inline-block;}
	.list_page a:hover { border-color:#009119; text-decoration:none;}
	.list_page .hover { margin:0 2px; padding:5px 10px; background:#009119; border:1px solid #009119; color:#fff; display:inline-block;}
	.list_page .count { padding-left:8px;}

.page_group ul { border-right:solid 1px #ddd; border-radius:4px;}
	.page_group ul li { float:left; border-right:none; border-radius:0;}
	.page_group ul li:not(:first-child):not(:last-child) { border-radius:0;}
	.page_group ul li:first-child { border-radius:4px 0 0 4px;}
	.page_group ul li:last-child { border-radius:0 4px 4px 0;}
	.page_group ul .active a { background:#009119; border-radius:0; color:#fff;}

.siteMap { width:650px; margin:35px auto 0;}
	.siteMap dl { width:100%; padding:10px 0; line-height:35px; border-bottom:1px solid #e5e5e5; display:inline-block;}
	.siteMap dt { float:left; margin-right:10px; font-size:14px; font-weight:bold; color:#009119; _display:inline;}
	.siteMap dd { float:left;}
	.siteMap dd a { margin:0 12px; display:inline-block;}


/*foot*/
#footer { width:100%; margin:25px auto 0; background:#ededed; text-align:left; overflow:hidden;}
	#footer .f-content { height:168px; margin:35px auto 0; position:relative; overflow:hidden;}
	#footer .f-content .f-logo { width:200px; height:118px; position:absolute; left:0; top:15px; background:url(../images/bg_f-logo.gif) no-repeat; text-indent:-9999em; display:block; overflow:hidden;}
	#footer .f-content .f-service { position:absolute; width:530px; left:250px; top:0; display:block; overflow:hidden;} 
	#footer .f-content .f-service li { float:left; width:250px; padding-left:15px; font-size:13px; line-height:30px; background:url(../images/ico_arrow.gif) 0 50% no-repeat; _display:inline; overflow:hidden;}
	#footer .f-content .f-ewm { position:absolute; width:160px; right:0; top:0; display:block; overflow:hidden;}
	#footer .f-content .f-ewm li { float:left; width:120px; margin-left:10px; _display:inline; text-align:center; overflow:hidden;}
	#footer .f-content .f-ewm li p { font-size:14px; line-height:31px;}
	#footer .f-copyright { margin:15px auto 0; line-height:65px; border-top:1px solid #d0d0d0;}

.sideFloat { width:50px; position:fixed; bottom:150px; right:20px; font-size:0; line-height:0; z-index:100;}
	.sideFloat a { width:50px; height:50px; display:inline-block; background-image:url(../images/bg_sideFloat.png); background-repeat:no-repeat; background-color:#999; margin-top:2px;}
	.sideFloat a:hover { background-color:#D91B5B;}
	.sideFloat .icon-qq { background-position:0 0;}
	.sideFloat .icon-contact { background-position:0 -50px;}
	.sideFloat .icon-chat { background-position:0 -100px; position:relative;}
	.sideFloat .icon-chat:hover .chat-tips { display:block;}
	.sideFloat .icon-totop { background-position:0 -150px;}
.chat-tips { position:absolute; border:1px solid #e5e5e5; right:55px; bottom:0; background-color:#fff;display:none;}
	.chat-tips img { width:150px; height:150px;}