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

*{margin:0; padding:0;}
body{margin:0; padding:0; font-family:Verdana, Geneva, sans-serif, "宋体"; font-size:12px; color:#404040;}
a{color:#606060; text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline;}
ul{list-style-type:none;}
img{border:0;}
.clear{clear:both;}

#top{width:100%; height:30px; background:url(../images/top-bg.gif) left top repeat-x;}
#top .wrap{width:980px; height:30px; line-height:30px; margin:0 auto; color:#666;}
#top .wrap .welcome{width:480px; height:30px; float:left;}
#top .wrap .info{width:400px; height:30px; float:right; text-align:right;color:#ff6600;font-weight:bold;}

#header{width:980px; height:65px; margin:0 auto;}
#header .logo{width:460px; height:65px; float:left; margin-top:5px;}
#header .info{width:270px; height:65px; float:right;margin-top:5px;}

#nav{width:980px; height:37px; margin:0 auto;}
#nav ul{width:980px; height:37px; float:left; background:url(../images/nav-bg.gif) left top no-repeat; margin-top:5px;}
#nav ul li{width:120px; height:37px; float:left; line-height:37px; text-align:center; font-size:14px; font-weight:bold; margin-right:2px;}
#nav ul li a{ width:120px; height:37px; float:left; color:#fff; text-decoration:none;}
#nav ul li a:hover{color:#fff; text-decoration:none; background:url(../images/nav-active.gif) left top no-repeat;}
#nav ul .active a{color:#fff; text-decoration:none; background:url(../images/nav-active.gif) left top no-repeat;}

#wrap{width:980px; height:auto; margin:0 auto; padding-bottom:10px;}
#wrap .row{width:980px; height:auto; float:left; margin-top:10px;}
#wrap .left{width:750px; height:auto; float:left;}
#wrap .left .banner{width:750px; height:310px; float:left;}

#wrap .left .project{width:750px; height:auto; float:left; margin-top:10px;}
#wrap .left .project .title{width:740px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/project-title.gif) left top no-repeat; color:#4b628c;}
#wrap .left .project .title span{font-size:12px; font-weight:normal; padding-left:650px;}
#wrap .left .project ul{width:730px; height:274px; float:left; padding:9px 9px 0 9px; border:1px solid #d7d7d7; border-top:0;}
#wrap .left .project ul li{width:210px; height:274px; float:left; overflow:hidden; padding:0 15px 0 18px; border-right:1px solid #eee;}
#wrap .left .project ul .last{padding-right:0; border:0;}
#wrap .left .project ul li .li-title{width:210px; height:auto; float:left; font-weight:bold; margin-top:2px; text-align:center; font-size:12px;}
#wrap .left .project ul li .li-title a{color:#ff6600;}
#wrap .left .project ul li .thumb{width:210px; height:auto; float:left; margin-top:5px; text-align:center;}
#wrap .left .project ul li .thumb img{padding:1px; border:1px solid #ddd;}
#wrap .left .project ul li .intro{width:210px; height:auto; float:left; line-height:18px; color:#666; margin-top:10px;}
#wrap .left .project ul li .link{width:210px; height:auto; float:left; text-align:center; margin-top:10px; text-align:right;}

#wrap .left .case{width:750px; height:auto; float:left; margin-top:10px;}
#wrap .left .case .title{width:740px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/project-title.gif) left top no-repeat; color:#4b628c;}
#wrap .left .case .title span{font-size:12px; font-weight:normal; padding-left:650px;}
#wrap .left .case ul{width:730px; height:auto; float:left; padding:9px 9px 6px 9px; border:1px solid #d7d7d7; border-top:0; overflow:hidden;}
#wrap .left .case ul li{ width:160px; height:200px; float:left; padding:0px 10px 0 12px;}
#wrap .left .case ul li .thumb{width:160px; height:auto; float:left; text-align:center;}
#wrap .left .case ul li .thumb img{padding:1px; border:1px solid #ddd;}
#wrap .left .case ul li .li-title{width:160px; height:auto; float:left; font-weight:bold; margin-top:8px;margin-top /**/:5px;}
#wrap .left .case ul li .li-title a{color:#ff6600;}
#wrap .left .case ul li .li-info{width:160px; height:auto; float:left; margin-top:4px;margin-top /**/:1px; color:#666;}

#wrap .right{width:220px; height:auto; float:right;}
#wrap .right .information{width:220px; height:auto; float:left;}
#wrap .right .information .title{width:210px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/right-title.gif) left top no-repeat;color:#4b628c;}
#wrap .right .information .title span{font-size:12px; font-weight:normal; padding-left:120px;}
#wrap .right .information ul{width:200px; height:auto; float:left; padding:6px 9px; border:1px solid #d7d7d7; border-top:0;}
#wrap .right .information li{width:200px; height:18px; line-height:18px; float:left; overflow:hidden;}

#wrap .right .news{width:220px; height:auto; float:left; margin-top:10px;}
#wrap .right .news .title{width:210px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/right-title.gif) left top no-repeat;color:#4b628c;}
#wrap .right .news .title span{font-size:12px; font-weight:normal; padding-left:120px;}
#wrap .right .news ul{width:200px; height:auto; float:left; padding:5px 9px; border:1px solid #d7d7d7; border-top:0;}
#wrap .right .news li{width:200px; height:18px; line-height:18px; float:left; overflow:hidden;}

#wrap .right .contactus{width:220px; height:auto; float:left; margin-top:10px;}
#wrap .right .contactus .title{width:210px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/right-title.gif) left top no-repeat;color:#4b628c;}
#wrap .right .contactus .title span{font-size:12px; font-weight:normal; padding-left:120px;}
#wrap .right .contactus .content{width:200px; height:auto; float:left; padding:4px 9px; border:1px solid #d7d7d7; border-top:0;}
#wrap .right .contactus .content .table{width:200px; height:auto; float:left;}
#wrap .right .contactus .content .table table{border-collapse:collapse; width:100%;}
#wrap .right .contactus .content .table table td{padding:0px 0; color:#ff6600; }
#wrap .right .contactus .content .vike{width:200px; height:auto; float:left; margin-top:6px;}
#wrap .right .contactus .content .vike li{width:200px; height:70px; float:left; margin-bottom:2px;}
#wrap .right .contactus .content .vike .last{margin-bottom:0;}

#wrap .right .blog{width:220px; height:auto; float:left; margin-top:10px;}
#wrap .right .blog .title{width:210px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/right-title.gif) left top no-repeat;color:#4b628c;}
#wrap .right .blog .title span{font-size:12px; font-weight:normal; padding-left:120px;}
#wrap .right .blog ul{width:200px; height:auto; float:left; padding:7px 9px 6px 9px; border:1px solid #d7d7d7; border-top:0;}
#wrap .right .blog li{width:200px; height:18px; line-height:18px; float:left; overflow:hidden;}

#wrap .right .category{width:220px; height:auto; float:left; margin-top:10px;}
#wrap .right .category .title{width:210px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/right-title.gif) left top no-repeat;color:#4b628c;}
#wrap .right .category .title span{font-size:12px; font-weight:normal; padding-left:120px;}
#wrap .right .category ul{width:200px; height:auto; float:left; padding:7px 9px 6px 9px; border:1px solid #d7d7d7; border-top:0;}
#wrap .right .category li{width:200px; height:20px; line-height:20px; float:left; overflow:hidden;}
#wrap .right .category li a:hover{ color:#ff6600; font-weight:bold; text-decoration:underline;}
#wrap .right .category .active a{ color:#ff6600; font-weight:bold; text-decoration:underline;}

#wrap .flow{width:980px; height:auto; float:left; margin-top:10px;}
#wrap .flow ul{width:980px; height:70px; float:left; overflow:hidden;}
#wrap .flow ul li{width:320px; height:70px; float:left; margin-right:10px;}
#wrap .flow ul .last{margin-right:0;}


#wrap .link{width:980px; height:auto; float:left; margin-top:10px;}
#wrap .link .title{width:970px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;
		background:url(../images/link-title.gif) left top no-repeat;color:#4b628c;}
#wrap .link ul{width:960px; height:auto; float:left; padding:3px 9px; border:1px solid #d7d7d7; border-top:0;}
#wrap .link ul li{width:120px; height:16px; line-height:16px; float:left; margin-top:2px; overflow:hidden;}
#wrap .link ul li a{color:#666; text-decoration:none;}
#wrap .link ul li a:hover{color:#4b628c; text-decoration:underline;}

#footer{width:100%; height:80px; float:left;margin-top /**/:10px; background:url(../images/footer-bg.gif) left top repeat-x; clear:both;}
#footer .wrap{width:980px; height:auto; margin:0 auto; margin-top:10px;}
#footer .wrap .subnav{width:980px; height:30px; line-height:30px; float:left; text-align:center; color:#ccc;}
#footer .wrap .subnav a{padding:0 5px; color:#666;}
#footer .wrap .subnav a:hover{color:#4b628c; text-decoration:underline;}
#footer .wrap .copyright{width:980px; height:auto; float:left; text-align:center; line-height:18px; color:#666;}

#wrap .left .inside-banner{width:750px; height:185px; float:left;}
#wrap .left .position{width:740px; height:30px; line-height:30px; float:left; margin-top:10px; padding-left:10px; color:#666;
		background:url(../images/position-bg.gif) left top no-repeat;}
#wrap .left .content{width:730px; height:auto; float:left; padding:9px; border:1px solid #e5e4e5; margin-top:10px; overflow:hidden;}
#wrap .left .content .title{width:730px; height:30px; line-height:30px; float:left; border-bottom:2px solid #eee;
		font-weight:bold; color:#4b628c; font-size:14px;}
#wrap .left .content .detail{width:730px; height:auto; float:left; line-height:22px; margin-top:10px;}

#wrap .left .project-list{width:750px; height:auto; float:left;}
#wrap .left .project-list ul{width:750px; height:auto; float:left;}
#wrap .left .project-list li{width:730px; height:150px; float:left; background:url(../images/project-bg.gif) left top no-repeat;
		margin-top:10px;padding:10px; overflow:hidden;} 
#wrap .left .project-list li .logo-wrap{width:180px; height:auto; float:left; padding-right:10px; padding-left:5px;}
#wrap .left .project-list li .logo-wrap .li-title{width:180px; height:auto; float:left; font-weight:bold; text-align:center;}
#wrap .left .project-list li .logo-wrap .logo{width:180px; height:auto; float:left; margin-top:5px;}
#wrap .left .project-list li .logo-wrap .logo img{padding:1px; border:1px solid #ddd;}

#wrap .left .project-list li .intro{width:270px; height:auto; float:left;padding-right:10px; margin-left:10px;}
#wrap .left .project-list li .intro .intro-title{width:270px; height:auto; float:left; font-size:14px; font-weight:bold; margin-top:5px;} 
#wrap .left .project-list li .intro .intro-title a{color:#ff6600;}
#wrap .left .project-list li .intro .intro-text{width:270px; height:auto; float:left; margin-top:5px; line-height:18px; color:#666;} 

#wrap .left .project-list li .info{width:230px; height:auto; float:right;}
#wrap .left .project-list li .info .qq{ width:230px; height:auto; float:left; text-align:center; margin-top:20px;}
#wrap .left .project-list li .info .option{width:230px; height:auto; float:left; text-align:center; margin-top:20px;}

#wrap .left .content .news-list{width:730px; height:auto; float:left; margin-top:10px;}
#wrap .left .content .news-list ul{width:730px; height:auto; float:left;}
#wrap .left .content .news-list li{width:730px; height:26px; line-height:26px; float:left; border-bottom:1px dashed #eee;}
#wrap .left .content .news-list li .li-title{width:610px; height:26px; float:left; overflow:hidden;}
#wrap .left .content .news-list li .li-time{width:120px; height:26px; float:right; text-align:right; color:#aaa;font-size:11px;}
#wrap .left .content .pagination{width:730px; height:auto; float:left; margin-top:10px; text-align:center;}

#wrap .left .content .detail .news-title{width:730px; height:30px; float:left; line-height:30px; margin-top:10px; font-weight:bold; color:#ff6600; font-size:14px;}
#wrap .left .content .detail .news-detail{width:710px; height:auto; float:left; line-height:22px; margin-top:5px;}

#wrap .left .case-list{width:750px; height:auto; float:left; margin-top:10px;}
#wrap .left .case-list ul{width:750px; height:auto; float:left;}
#wrap .left .case-list li{width:160px; height:210px; float:left; margin:10px 10px 0px 8px;}
#wrap .left .case-list li .thumb{width:160px; height:130px; float:left;}
#wrap .left .case-list li .thumb img{padding:1px; border:1px solid #ddd;}
#wrap .left .case-list li .li-title{width:160px; height:auto; float:left; margin-top:8px;}
#wrap .left .case-list li .li-title a{font-weight:bold; color:#ff6600;}
#wrap .left .case-list li .li-info{width:160px; height:auto; float:left; margin-top:2px; color:#666;}

#wrap .left .case-list .pagination{ width:750px; height:auto; float:left; text-align:center; padding-top:10px; margin-top:10px; border-top:1px solid #ddd; color:#666;}

#wrap .left .case-detail{width:740px; height:auto; float:left; margin-top:10px; padding:0 5px;}
#wrap .left .case-detail .title{width:740px; height:30px; line-height:30px; float:left; color:#4b628c; font-size:14px; font-weight:bold; color:#336699; margin-top:5px;
		border-bottom:2px solid #eee;}
#wrap .left .case-detail .info{width:740px; height:auto;float:left; padding:0 5px; margin-top:10px; color:#666;}		
#wrap .left .case-detail .detail{width:740px; height:auto; float:left; margin-top:10px; line-height:22px; padding:0 5px; overflow:hidden;}

#wrap .left .project-detail{width:740px; height:auto; float:left; margin-top:10px; padding:0 5px;}
#wrap .left .project-detail .title{width:740px; height:30px; line-height:30px; float:left; color:#4b628c; font-size:14px; font-weight:bold; color:#336699; margin-top:5px;
		border-bottom:2px solid #eee;}
#wrap .left .project-detail .info{width:740px; height:auto;float:left; padding:0 5px; margin-top:10px; color:#666;}		
#wrap .left .project-detail .detail{width:740px; height:auto; float:left; margin-top:10px; line-height:22px; padding:0 5px; overflow:hidden;}