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

*{margin:0; padding:0;}
body{ margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif, "宋体"; background-color:#4c8bd0;}
a{color:#336699; text-decoration:none;}
a:hover{color:#ff6600; text-decoration:underline;}
ul{list-style-type:none;}
img{ border:0;}
.clear{ clear:both;}

#header{ width:980px; height:95px; margin:0 auto; background:url(../images/top-line.gif) left top no-repeat; margin-top:10px;
		background-color:#fff;}
#header .logo{width:auto; height:95px; float:left; margin-top:10px; margin-left:5px; margin-left /**/:10px;}
#header .phone{width:auto; height:95px; float:right; margin-top:10px;}

#container{width:980px; height:35px; margin:0 auto; padding-top:5px; background-color:#fff; }
#container .menu-wrap{width:960px; height:35px; float:left;background-color:#fff; margin-left:5px;
		background:url(../images/nav-bg.gif) left top no-repeat;margin-left /**/:10px; z-index:100;}		
#container .option{float:right; padding-top:5px; padding-right:5px;}

#wrap{ width:980px; height:auto; margin:0 auto; background-color:#fff;}
#wrap .banner{ width:960px; height:260px; float:left; padding-top:10px; padding-left:10px;}

#wrap .product{width:960px; height:auto; float:left; padding-top:0px; padding-left:10px;margin-top /**/:10px;}
#wrap .product .product-title{width:940px; height:23px; float:left; background:url(../images/product-title.gif) left top no-repeat;
		padding-left:20px; padding-top:12px; font-weight:bold; font-size:14px; color:#ff6600;}
#wrap .product ul{ width:938px;width /**/:940px; height:auto; float:left; padding:9px; border:1px solid #dadada; border-top:0;
		overflow:hidden;}		
#wrap .product li{ width:180px; height:260px; float:left; background:url(../images/product-li-bg.gif) left top no-repeat;
		margin-right:9px;margin-right /**/:7px;}
#wrap .product li .thumb{ width:175px; height:64px; float:left; margin-left:2px; margin-top:2px;overflow:hidden;}		
#wrap .product li .title{ width:180px; height:24px; line-height:24px; float:left; font-size:14px; text-align:center;
		font-weight:bold; color:#336699;}
#wrap .product li .intro{ width:170px; height:auto; line-height:18px; float:left; padding:0 5px; color:#666;
		overflow:hidden;}		
#wrap .product li .link{width:170px; height:auto; float:left; padding-right:10px; text-align:right; margin-top:2px;}

#wrap .row{ width:960px; height:auto; float:left; padding:10px 0 0 10px;}
#wrap .row .news{ width:370px; height:216px; float:left; border:1px solid #dadada; border-top:0; overflow:hidden;}
#wrap .row .news .news-title{ width:365px; height:30px; float:left; background:url(../images/news-title.gif) left top no-repeat;
	padding-left:5px;}
#wrap .row .news .news-title .tab-title{ width:100px; height:20px; float:left; text-align:center; padding-top:10px;
		font-size:14px; font-weight:bold; background:url(../images/news-tab2.gif) left top no-repeat; color:#666;}
#wrap .row .news .news-title .tab-title-active{ width:100px; height:20px; float:left; text-align:center; padding-top:10px;
		font-size:14px; font-weight:bold; background:url(../images/news-tab1.gif) left top no-repeat; color:#ff6600;}		
#wrap .row .news .news-title .more{ padding-left:80px; line-height:30px; font-size:12px; font-weight:normal; }		

#wrap .row .news .content{ width:348px; height:auto; float:left; padding:5px 10px; }
#wrap .row .news .content li{ width:328px; height:22px; line-height:22px; float:left; }
#wrap .row .news .content li .title{ width:248px; height:22px; line-height:22px; float:left; overflow:hidden;}
#wrap .row .news .content li .time{width:80px;height:22px; float:right;line-height:22px;text-align:right;color:#666;}

#wrap .row .program{width:350px; height:auto; float:left; margin-left:10px; }
#wrap .row .program .title{width:330px; height:20px; float:left; background:url(../images/program-title.gif) left top no-repeat;
		padding-left:20px; padding-top:10px; font-size:14px; font-weight:bold; color:#ff6600;}
#wrap .row .program .title .more{ font-weight:normal; font-size:12px; padding-left:210px; }		
#wrap .row .program ul{ width:328px; height:176px; float:left; padding:5px 10px; border:1px solid #dadada; border-top:0;}
#wrap .row .program li{ width:328px; height:22px; line-height:22px; float:left; }

#wrap .row .customer{ width:220px; height:216px; float:right;border:1px solid #dadada; border-top:0; overflow:hidden;}
#wrap .row .customer .title{width:200px; height:20px; float:left; background:url(../images/program-title.gif) left top no-repeat;
		padding-left:20px; padding-top:10px; font-size:14px; font-weight:bold; color:#ff6600;}
#wrap .row .customer ul{ width:198px; height:176px; float:left; padding:5px 10px; }
#wrap .row .customer li{ width:198px; height:22px; line-height:22px; float:left; }

#footer{width:980px; height:auto; margin:0 auto; background:url(../images/footer-bg.gif) left top no-repeat;
		padding-top:20px;}
#footer .row{width:980px; height:auto; float:left; margin-top:10px;}
#footer .row .col1{ width:auto; height:auto; float:left;}
#footer .row .col1 .title{ width:auto; height:26px; line-height:26px; float:left; font-size:14px; font-weight:bold; color:#fff;}
#footer .row .col1 .col1-row{ width:auto; height:auto; float:left; clear:left; margin-top:5px;}
#footer .row .col1 .col1-row dl{ width:auto; height:auto;float:left; margin-right:40px;}
#footer .row .col1 .col1-row dl dt{ width:auto; height:22px; line-height:22px; float:left; font-size:12px; font-weight:bold; color:#fff;}
#footer .row .col1 .col1-row dl dd{width:auto; height:20px; line-height:20px; float:left; clear:left;}
#footer .row .col1 .col1-row dl dd a{color:#fff; }

#footer .row .col2{ width:auto; height:auto; float:left; margin-left:10px;}
#footer .row .col2 .title{width:auto; height:26px; line-height:26px; float:left; font-size:14px; font-weight:bold; color:#fff;}
#footer .row .col2 ul{width:auto; height:auto; float:left; clear:both;}
#footer .row .col2 li{width:auto; height:20px; line-height:20px; float:left; clear:left; }
#footer .row .col2 li a{color:#fff;}

#footer .footer-info{width:980px; height:auto; float:left; clear:both; margin-top:10px; padding-bottom:10px; border-top:1px solid #bbb;
		padding-top:10px;overflow:hidden;}
#footer .footer-info .col1{width:450px; height:auto; line-height:20px; float:left; color:#eee;}
#footer .footer-info .col1 .subnav{width:auto; height:22px; line-height:22px; float:left; color:#bbb;}
#footer .footer-info .col1 .subnav a{color:#eee; padding:0 5px;}
#footer .footer-info .col1 .copyright{width:450px; height:auto; line-height:18px; float:left; clear:left;}

#footer .footer-info .col2{width:450px; height:auto; line-height:20px; float:right; padding-left:60px; border-left:1px solid #bbb;
		 color:#eee; }

/*-------------------------------------------------内页设计------------------------------------------- */
#position{width:980px; height:30px; margin:0 auto; background-color:#fff;}
#position .position-wrap{width:950px;width /**/:970px; height:30px;margin:0 auto; background-color:#ebf6fc; padding-left:10px;
		line-height:30px; color:#666;}

#wrap #left{width:160px; height:auto; float:left; margin-top:10px; margin-left:5px;}
#left .menu{width:160px; height:435px; float:left; overflow:visible; background:url(../images/menu-bg.gif) left top no-repeat;}
#left .menu .menu-title{width:140px; height:22px;line-height:22px;float:left; margin-top:10px;text-align:right;
		font-size:14px;font-weight:bold;color:#336699; padding-right:20px;}
#left .menu ul{width:160px; height:auto; float:left; margin-top:5px;}
#left .menu li{width:160px; height:28px; line-height:28px; float:left; text-align:right; }
#left .menu li a{width:140px; height:28px; line-height:28px; float:left; color:#3d6188; text-decoration:none;padding-right:20px;}
#left .menu li a:hover{color:#009900; text-decoration:none; background:url(../images/menu-active.gif) left top no-repeat;
		font-size:14px; font-weight:bold;}		
#left .menu .active a{width:140px; height:28px; float:left; color:#009900; text-decoration:none; padding-right:20px;
		background:url(../images/menu-active.gif) left top no-repeat;font-size:14px; font-weight:bold;}				

#wrap #center{width:580px; height:auto; float:left; margin-left:10px; margin-top:10px;}
#center .inside-banner{width:580px; height:auto; float:left; margin-top:5px;}
#center .center-title{width:580px; height:26px; line-height:26px; float:left; font-size:14px; font-weight:bold; color:#244669;
		margin-top:0px;}
#center .center-detail{width:580px; height:auto; float:left; margin-top:10px;line-height:20px;overflow:hidden; color:#414141;}
#center .center-detail table{ border-collapse:collapse; border:1px solid #eee; }
#center .center-detail table td{padding:0 6px;}
#center .list{width:580px; height:auto; float:left; margin-top:0px;line-height:20px;overflow:hidden; color:#414141;}
#center .list ul{margin-top:10px;}
#center .list li{width:570px;height:26px;line-height:26px;float:left;padding-left:10px;}
#center .list li .title{ width:450px; height:26px; float:left;}
#center .list li .time{width:100px; height:26px; float:right; text-align:right; color:#666; padding-right:10px;}

#center .number-list{width:580px; height:auto; float:left; margin-top:0px;line-height:20px;overflow:hidden; color:#414141;}
#center .number-list ul{margin-top:10px;}
#center .number-list li{width:100px;height:26px;line-height:26px;float:left;padding-left:10px;margin-top:10px;}
#center .number-list li .title{ width:100px; height:26px; float:left;line-height:26px;text-align:center;font-weight:bold;}

#center .news-title{width:580px; height:26px; line-height:26px; float:left; margin-top:10px; text-align:center;
		font-size:14px; font-weight:bold; }
#center .news-detail{width:580px; height:auto; float:left; margin-top:10px;line-height:20px;overflow:hidden; color:#414141;}

#center .thumb-list{width:580px; height:auto; float:left; margin-top:10px;}
#center .thumb-list li{width:160px; height:auto; float:left; margin:10px 5px 0 10px;}
#center .thumb-list li .thumb{width:64px; height:55px; float:left; margin-left:60px;}
#center .thumb-list li .title{width:160px; height:22px; line-height:22px; float:left; margin-top:5px; font-size:14px; font-weight:bold;
		color:#666;}		
#center .thumb-list li .intro{ width:160px; height:22px; line-height:22px; float:left; }		
#center .back{width:580px; height:30px; line-height:30px; float:left; text-align:right; border-top:1px solid #ccc; margin-top:10px;
		color:#ccc;}
#center .back a{ padding:0 5px;}

/*----------------------------------------友情链接页面-------------------------------------------------------------*/
#wrap #col4{width:750px; height:auto; float:left; margin-top:10px; margin-left:5px;}
#col4 .link-title{width:750px; height:30px; line-height:30px; float:left; font-size:16px; font-weight:bold; color:#336699;
		border-bottom:1px solid #ccc;}
#col4 .link-table{width:750px; height:auto; float:left; float:left; margin-top:10px;}
#col4 .link-table table{width:90%; border-collapse:collapse; text-align:center;}
#col4 .link-table table td{padding:4px 6px; }


#wrap #right{width:200px; height:auto; float:right; margin-top:10px; margin-right:5px; }		
#right .service{width:200px; height:auto; float:left;}
#right .service .title{width:190px; height:30px; line-height:30px; float:left; font-size:12px; font-weight:bold; color:#006600;
		background:url(../images/right-title.gif) left top no-repeat; padding-left:10px;color:#ff6600;}
#right .service .service-wrap{width:188px; height:auto; float:left; padding:5px; border:1px solid #ccc; border-top:0; overflow:hidden;}
#right .service .thumb{width:188px; height:auto; float:left; }
#right .service .info{width:188px; height:20px; line-height:20px; float:left; padding-left:10px;}
#right .service .phone{width:188px; height:auto; float:left; line-height:26px; padding-left:10px; font-size:14px; 
		color:#b03c51;}
#right .service .subtitle{width:188px; height:22px; line-height:22px; float:left; font-size:12px; font-weight:bold; color:#666;
		padding-left:5px;}
#right .service .fax{width:188px; height:26px;float:left; line-height:26px; font-size:14px; color:#b03c51; padding-left:10px;}
#right .service .qq{width:188px; height:auto; float:left; font-family:"微软雅黑";}
#right .service .qq li{width:88px; height:30px; line-height:30px; float:left; margin-left:3px;margin-top:2px; overflow:hidden;}
#right .service .qq li a{color:#518412;}

#right .service .msn{width:188px; height:auto; float:left; font-family:"微软雅黑";}
#right .service .msn li{width:180px; height:22px; line-height:22px; float:left; padding-left:10px;}
#right .service .msn li a{color:#518412;}

#right .action{width:200px; height:auto; float:left; margin-top:10px;}
#right .action .title{width:190px; height:30px; line-height:30px; float:left; font-size:12px; font-weight:bold; color:#ff6600;
		background:url(../images/right-title.gif) left top no-repeat; padding-left:10px;}
#right .action .action-wrap{ border:1px solid #ccc; border-top:0; width:188px; height:auto; float:left; overflow:hidden; padding:5px;}
#right .action .thumb{width:180px; height:auto; float:left; }
#right .action .intro{width:190px; height:auto; float:left; margin-top:6px; color:#336699;}
#right .action .link{width:190px; height:auto; float:left; margin-top:2px;padding-left:5px;}

#right .customer{width:200px; height:auto; float:left; margin-top:10px;}
#right .customer .title{width:190px; height:30px; line-height:30px; float:left; padding-left:10px; color:#ff6600; font-weight:bold;
		background:url(../images/right-title.gif) left top no-repeat; font-size:12px;}
#right .customer ul{width:178px; height:auto; float:left; padding:5px 10px; border:1px solid #dadada; border-top:0;}		
#right .customer li{ width:178px; height:20px; line-height:20px; float:left;}

<!-- -------------------------------------------------业务登录入口---------------------------------------------------------------------------------------- -->
#wrap .business-wrap{width:980px; height:auto; float:left; margin-top:10px; margin-bottom:30px;}
#wrap .business-wrap .col1{ width:430px; height:355px; float:left;}
#wrap .business-wrap .col2{ width:550px; height:355px; float:right; background:url(../images/business-col2.gif) left top no-repeat;}
#wrap .business-wrap .col2 .col2-title{ width:500px; height:30px; line-height:30px; float:left; margin-top:6px; font-size:16px; font-weight:bold;
		padding-left:50px; color:#336699;}
#wrap .business-wrap .col2 .col2-table{ width:530px; height:auto; float:left; padding:5px 10px;}
#wrap .business-wrap .col2 .col2-table table{ border-collapse:collapse; }
#wrap .business-wrap .col2 .col2-table td{ padding:3px;}		
#wrap .business-nav{width:980px; height:30px; line-height:30px; float:left; text-align:center; margin-top:10px; color:#ccc;}
#wrap .business-nav a{padding:0 5px;}

#wrap .contactus{width:960px; height:30px; line-height:30px; float:left; margin-top:10px; padding:0 10px; }
#wrap .contactus span{ font-weight:bold; color:#666;}
#wrap .contactus .qq{ width:auto; height:30px; float:left;}
#wrap .contactus .qq a{padding:0 2px;}
#wrap .contactus .msn{width:auto; height:30px; float:left; margin-left:20px;}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: auto;
	list-style: none;
	font-size: 14px; color:#fff;
	padding-left:5px;
	z-index:100;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	width:100px; 
	height:35px;
	text-align:center;
	position: relative;
}
ul#topnav li a {
	float: left; 
	height: 35px;
	text-align:center;
	line-height:35px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	width:100px;
	text-align:center;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background:url(../images/nav-bg2.gif) left top no-repeat; text-decoration:none;
}


ul#topnav li .sub {
	position: absolute;	
	top: 35px; left: 0;
	background-color: #ebf5fc;
	border:1px solid #295ca9;
	float: left;
	padding:0 2px;
	display: none;
	z-index:100;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 100px;
	float: left;
	padding:5px 0;
	text-align:center;
	z-index:100;
}
ul#topnav .sub ul li {
	width: 100%;	
	height:18px; line-height:18px;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 12px;
	color:#336699;
	font-weight:bold;
}
ul#topnav .sub ul li h2 a {
	line-height:18px;
	color: #336699;
	font-weight: bold;
	background:none;
	width:100px;
	text-align:center;
}
ul#topnav .sub ul li a {
	float: none; 
	height: 18px;
	line-height:18px;
	display: block;
	text-decoration: none;
	color: #666;
	font-size:12px;
	font-weight:normal;
	background:none;
}
ul#topnav .sub ul li a:hover {color: #ff6600; background:none; }		


#wrap .banner{
	width:960px;
	height:260px;
	float:left;
	overflow:hidden;
}
#wrap .banner .banner_tab{
	height:43px;
	width:auto;
	float:right;
	margin-top:-50px;
}
#wrap .banner .banner_tab ul {
	cursor:pointer;
}
#wrap .banner .banner_tab li {
    float: left;
    list-style-type: none;
    text-align: center;
}
#wrap .banner .banner_tab a {
	 width:80px;
	 height:43px;
	 display:block;
	 margin-right:5px;
}
#wrap .banner .banner_tab  img{
	border:1px solid #659ab6;
}
#wrap .banner .hidecontent {display:none;}
#wrap .banner .on{
	 background-position:0px -100px;
}
#wrap .banner .on img{
      border:1px solid #0099ff;
}
#wrap .banner .out{}

#wrap .banner .content{
	margin:0 auto;
	background:url(../images/content_bg.png) repeat-x top;
	border-left:1px solid #bad1de;
	border-right:1px solid #bad1de;
}

#wrap .banner .tab_img{ 
	 width:72px;
	 height:35px;
	 float:left;
	 z-index:100;
	 border:1px solid #fff;
 }