﻿/* CSS Document */
body{margin:0px auto;padding:0px; width:1004px;font-size:12px;color:#666;font-family: "宋体"; background:url(../images/bg.jpg) repeat;}	
ul,li,dt,dd,dl,h1,p,form,input{margin:0px;padding:0px;list-style:none; border:none;}
a{color:#666;text-decoration:none;}
a:hover{ color:#0087c7;text-decoration: none; }
img{ border:none;}
.clear{font-size:12px;clear:both;line-height:0px; height:0px;}*{ margin:0; padding:0; font-family:"宋体",Arial;}
*{ margin:0px auto; padding:0px;}

/*top*/
#top{width:960px; height:100px; margin:0px auto; padding:0px; background:url(../images/top-bg1.jpg) no-repeat;}
.logo{width:468px; height:100px; float:left;}
.sub{width:169px; height:25px; float:right;line-height:25px;}
.sub1{float:right; width:420px; margin-top:24px;}
.sub1 img{ margin-right:4px;}
.sub2{float:right; width:440px; margin-top:15px; text-align:right;}

/*centent*/
#centerk{width:992px; background:url(../images/cen-bg.jpg) repeat-y;overflow:hidden;}

/*banner*/
.banner{width:980px; height:280px;}

/*menu*/
#multi-level {width:966px;height:40px;position:relative;z-index:100;background:url(../images/menu-bg.jpg) repeat-x; padding-left:14px;}
#multi-level .pad {float:left;}

.menu, .menu ul {padding-left:14px;list-style-type:none; padding:0; margin:0 auto; width:770px; font-family:arial, sans-serif;background:url(../images/menu-bg.jpg) repeat-x;}

.menu li.top {display:block; float:left; position:relative;}
.menu li {display:block; float:left; width:110px; line-height:36px; }
.menu li a{display:block; color:#fff; font-size:14px; font-weight:bold}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu li.top a.top_link {display:block; float:left; height:40px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:-999; font-size:10px;} 


.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:136;} /* for IE7 */






/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:40px; background: #eee; white-space:nowrap; width:136px; height:auto; text-align:center;}
.menu :hover ul.sub li {display:block; height:22px; position:relative; float:left; width:136px;text-align:center;}
.menu :hover ul.sub li a {display:block; height:22px; width:136px; line-height:22px;color:#666; text-align:center; }
.menu :hover ul.sub li a.fly {background:#fff;text-align:center;}
.menu :hover ul.sub li a:hover {background:#0087c7; color:#fff;text-align:center;}
.menu :hover ul.sub li a.fly:hover {background:#0087c7 ; color:#fff;text-align:center;}
.menu :hover ul li:hover > a.fly {background:#0087c7; color:#fff;text-align:center;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}




.center{width:960px; background:url(../images/cen-bg1.jpg) no-repeat top; overflow:hidden; margin-top:1px; padding-left:10px; padding-right:10px; padding-top:18px;}

.about{width:570px;float:left; height:212px;}
.about-t{width:565px; background:url(../images/ti-bg.jpg) repeat-x; height:34px; float:left;}
.about-n{width:545px; padding-top:10px; line-height:22px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; padding-left:15px; padding-right:8px; padding-bottom:15px;}
.about-n img{background:url(../images/img-bg.jpg) no-repeat; padding:4px; float:left; margin-right:12px;}
.a-fe{background:url(../images/fg1.jpg) repeat-y; height:207px; width:1px; float:left;}
.about-bo{width:570px; height:5px; float:left;}
.about-n span a{ color:#0087c7;}



.rende{width:285px; float:left; height:212px;}

.rende-t{width:285px; height:34px;}
.rende-n{width:254px; border-right:1px solid #dddddd; padding-left:15px; padding-right:15px; padding-top:12px; overflow:hidden;padding-bottom:10px;}
 .rende-n{width:254px; border-right:1px solid #dddddd; padding-left:15px; padding-right:15px; padding-top:12px; overflow:hidden;}
.rende-img{width:120px; float:left; margin-right:12px;}
.rende-img img{margin-bottom:10px;}

#a-rende{ width:117px; float:left;}
#a-rende li{ margin-bottom:2px;}
#a-rende a{ width:117px; height:28px; line-height:28px;display:block;background:url(../images/pen-nbg.jpg) no-repeat;text-indent:1em;}
* html #a-rende a{ width:117px; height:28px; line-height:28px;  padding-left:0px;  display:block;background:url(../images/pen-nbg.jpg) no-repeat;color:#666;text-indent:1em;}
#a-rende a:hover,#a-rende li.current a{color:#fff;background:url(../images/pen-nbg1.jpg) no-repeat; font-weight:bold; text-indent:1em;}




.pend{width:374px; height:212px; background:url(../images/casek-bg.jpg) no-repeat; float:right; margin-left:14px;}
.pend-p{ width:300px; height:202px; float:left; margin-top:5px; margin-left:5px;}
.pend-pr{ width:60px; float:left; margin-left:4px; margin-top:45px;}
.pend-pr img{width:60px; height:50px; margin-top:4px;}
#HotSearchList{width:364px; height:202px; margin-top:5px; margin-left:5px;}
#HotSearchList img{width:364px; height:202px;}
.topNewsList{width:60px; float:left;margin-top:45px; margin-left:4px;}
.topNewsList li{width:60px; height:50px; margin-top:4px;}


.cen-left{ width:682px; float:left; margin-top:14px;}
.anim{width:682px; height:34px; background:url(../images/ti-bg.jpg) repeat-x;}
.anim img{float:left;}
.anim span{float:right;}
.anim-n{width:680px; border-left:1px solid #ddd;border-right:1px solid #ddd; overflow:hidden; padding-top:16px; padding-bottom:19px;}
html*~body .anim-n{padding-bottom:28px;}
.anim-n li{ width:196px;float:left; margin-left:20px; margin-right:6px;line-height:18px; background:#f3f3f4; text-align:left;}
* html .anim-n li{ width:196px;float:left; margin-left:12px; margin-right:13px;line-height:36px; background:#f3f3f4; text-align:center;}
.mult{width:682px; height:34px; background:url(../images/ti-bg.jpg) repeat-x;}
.mult img{float:left;}
.mult span{float:right;}
.mult-n{width:680px; border-left:1px solid #ddd;border-right:1px solid #ddd; overflow:hidden; padding-top:16px;padding-bottom:20px;}
.mult-n li{ width:196px;float:left; margin-left:20px; margin-right:6px;line-height:36px; background:#f3f3f4; text-align:center;}
* html .mult-n li{ width:196px;float:left; margin-left:12px; margin-right:13px;line-height:36px; background:#f3f3f4; text-align:center;}
.multk{ width:682px; height:5px;}

.cen-right{ width:264px; float:left;margin-top:14px; margin-left:14px;}
.pecr{width:264px; height:85px; margin-bottom:14px;}
.new{width:264px; position:relative; margin-bottom:14px;}
.new-t{width:264px; height:34px;}
.new-r{width:53px;height:53px;position:absolute;left: 211px;top: 1px;}
.new-n{width:248px; border-left:1px solid #ddd;border-right:1px solid #ddd; overflow:hidden; padding-left:14px; padding-left:14px; line-height:24px; padding-top:16px;}
.new-n1{width:248px;}
.new-n1 img{background:url(../images/img-bg.jpg) no-repeat; padding:4px; float:left; margin-right:12px;}
.new-n1 h1 a{ font-weight:bold; font-size:12px; color:#0078b2;}
.n-line{width:248px; height:1px; background: url(../images/fg.jpg) repeat-x; margin-top:16px; margin-bottom:8px;}
.new-n2{width:248px; padding-bottom:2px;}
.new-k{ width:264px; height:6px;}
.contact{width:264px; overflow:hidden;}
.contact-t{width:264px; height:34px; background:url(../images/ti-bg.jpg) repeat-x;}
.contact-t img{float:left;}
.contact-t span{float:right;}
.contact-n{width:248px; border-left:1px solid #ddd;border-right:1px solid #ddd; overflow:hidden; padding-left:14px; padding-left:14px; line-height:24px; padding-top:10px; overflow:hidden;}
* html .contact-n{width:248px; border-left:1px solid #ddd;border-right:1px solid #ddd; overflow:hidden; padding-left:14px; padding-left:14px; line-height:20px; padding-top:10px; padding-bottom:10px;}
.contact-k{ width:264px; height:6px; float:right;}

/*link*/
.link{width:944px; background:#f3f3f3; height:24px; padding-bottom:20px; padding-top:20px; line-height:24px; padding-left:36px; margin-top:20px;}
.link h1{ width:70px; line-height:24px;background: url(../images/link-bg.jpg) no-repeat; font-size:12px; font-weight:bold; color:#fff; float:left;text-align:center;}
.link a{ float:left; margin-right:10px; margin-left:10px;}
.link li{ float:left; margin-right:10px; margin-left:10px;}

/*bottom*/
.bottom{width:908px; height:30px; line-height:30px; color:#FFF;background:#0078b2; padding-left:36px; padding-right:36px; text-align:right;}
.bottom h1{ float: left; font-size:12px; font-weight:normal; text-align:left;}
/*about us*/
#left{width:240px; float:left; background: url( ../images/left-bg.jpg) no-repeat bottom;}
.left-menu{width:196px; height:34px; background:url(../images/left-ti.jpg) no-repeat;font-family:"微软雅黑"; color:#FFF;font-size:14px; color:#fff; line-height:34px; padding-left:44px; font-weight:bold;}
.left-nr{width:240px;padding-top:8px; background:url(../images/l-menu.jpg) no-repeat top; height:300px; margin-bottom:280px; line-height:24px;}
.left-nr li{height:46px; line-height:46px; background: url(../images/left-line.jpg) no-repeat bottom;}
.left-nr li a{font-size:12px; font-weight:bold; color:#666;}
.current{font-size:12px; font-weight:bold; color:#f50300;}
.current a{font-size:12px; font-weight:bold; color:#f50300;}
.left-nr li a:hover{font-size:12px; font-weight:bold; color:#f50300;}
.left-nr li img{ margin-left:20px; margin-right:10px;}
* html .left-nr li img{ margin-left:20px; margin-right:10px; margin-top:14px;}

.right{width:700px; float:right;}
.right-tk{width:700px; height:34px;}
.right-l{width:34px;height:34px; float:left;}
.right-t{width:642px; height:34px; line-height:34px; background:url(../images/right-tg.jpg) repeat-x;text-align:right;color:#666; float:left; padding-right:4px;}
.right-t a{color:#666;}
.right-t h1{ background:url(../images/title-r.jpg) no-repeat; height:34px; line-height:34px; font-size:14px; font-weight:bold; float:left;color:#f50300; padding-left:4px;}
.right-r{width:18px;height:34px;float:left;}

.right-k{width:660px;background:url(../images/l-menu.jpg) repeat-x;line-height:24px; padding-left:18px; padding-right:18px; padding-top:20px;padding-bottom:20px; overflow:hidden;}


.new-nr{margin-left:20px;width:622px; border-bottom:1px dotted #c7c7c7; height:130px; margin-top:20px;}
.new-nr1{width:115px; height:115px; float:left; margin-right:15px;}
.new-nr2{width:490px;float:left; font-size:14px; font-weight:bold;}
.new-nr2 a{color:#0089ca;}
.new-nr2 a:hover{color:#ff6633;}
.new-nr3{width:474px;float:left; color:#999; margin-left:16px; margin-top:6px; line-height:24px;}
#fenye{width:660px; height:22px;text-align:center; line-height:22px;}

.news1{width:660px; text-indent:2em;}
.news_list{ width:660px; margin-bottom:10px;}
.news_list li{width:660px; line-height:30px; border-bottom:1px solid #eee; list-style:decimal; margin-left:1em;}
.time{float:right;}
.news_title{line-height:30px; font-size:16px;font-weight:bold;color:#0087c7; text-align:center;}
.right-k h3{ text-align:left; color:#222; margin-top:6px;}
.gobak{width:660px;text-align:right; margin-top:10px; margin-bottom:20px;}
.gobak a{line-height:30px; color:#f50300;}
.time1{margin-bottom:4px; line-height:24px;text-align:center;color:#f50300;background: url(../images/fg2.jpg) repeat-x bottom;}
.content{line-height:24px; height:auto;}


.team_page{width:660px;}
.team_page li{width:660px; height:78px; margin-bottom:20px;} 
* html .team_page li{height:78px;}
.team_page li img{width:104px;float:left; margin-right:20px; height:78px;}
.team_page li h1{ color:#0087c7; font-size:12px; font-weight:bold;}

.ship{ width:640px; background:#f3f3f4; padding:10px;}
.p_list{ width:660px;}
.p_list li{ width:196px;float:left; margin-left:12px; margin-right:12px;line-height:36px; background:#f3f3f4; text-align:center; margin-bottom:22px;}
.p_list li img{ width:196px; text-align:center; height:146px;}
* html .p_list li{ width:196px;float:left; margin-left:10px; margin-right:10px;line-height:36px; background:#f3f3f4; text-align:center; margin-bottom:22px;}
.p_list li img{ width:196px; text-align:center; height:146px;}

.liuyan{ width:660px; background:#f3f3f4; margin-top:10px; padding-top:10px; padding-bottom:10px;}
.input_txt{ border:1px solid #ccc; line-height:24px; height:24px; text-indent:0.5em;}
.button{ background:#0376af; width:50px; line-height:24px; height:24px; text-align:center; color:#fff;}
.button1{background:#e97f03; width:50px; height:24px; line-height:24px; text-align:center; color:#fff;}
.blue a{font-size:12px; font-weight:bold; color:#0180bc;}
#team{ width:660px;}


#team_photo{ width:120px; float:left; margin-right:20px;}
#team_info{float:right; width:520px;}
#team_info h2{ font-size:14px; font-weight:bold; color:#0087c7;}
#team_info span a{color:#f50300;}
#work_info{ width:660px;}
#work_info img{ width:auto; height:auto;}
#work_pic{ line-height:24px;}
#pic{width:560px; height:auto; text-align:center;}
#pic img{width:560px; height:auto;text-align:center; margin-bottom:10px;}
#Proj_name{ width:660px; text-align:center;}

.forum{width:370px; color:#F00; padding-left:120px; float:left;}
.forum span{ font-size:18px; font-weight:bold; color:#F00; font-family:Arial, Helvetica, sans-serif;}