#xl_logo {top:0;left:0;}
#transparent_logo {top:0;left:0;}

/* ========== logo外调 ========== */

/**
  *********************************************
  *                 CSS 重置                  *
  *********************************************
**/
*, body { font-size:12px; font-family:Verdana;}
body { text-align:center; background-color:#000;}
:focus {outline:none;}
a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
area{blr:expression(this.onFocus=this.blur());}
ul,ol { list-style:none;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd{ margin:0; padding:0;}
img {border:0 none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.red {color:#fe3a3a;}
/*Layout*/
#wrap{min-width:1002px; background:url("../images/bg_main.jpg") no-repeat center top; 
width:expression((documentElement.clientWidth < 1002) ? "1002px" : "100%" );
}
#content{width:1002px; margin:0 auto; text-align:left; overflow:hidden; }
.top_main {width:1002px; height:468px; position:relative;}
	.top_main img {display:block; float:left;}

.flash_box1 {width:392px; height:137px; position:absolute; bottom:13px; left:43px;}
.flash_box2 {width:215px; height:137px; margin-left:27px;}
.flash_box3 {width:115px; height:104px; position:absolute; bottom:198px; right:1px; z-index:998;}
	.flash_box3 a {display:block; width:115px; height:104px; text-indent:-9999px; background:url("../images/btn_kernel.jpg") no-repeat 0 0;
}
		.flash_box3 a:hover {background-position:-115px 0px;}
.btn_func {width:130px; height:110px; position:absolute; right:311px; top:154px; z-index:99999;}
	.btn_func a {display:block;width:130px; height:110px; text-indent:-9999px; background:url("../images/btn_new_2.jpg") left top;
}
	.btn_func a:hover {display:block;width:130px; height:110px; background-position:0px -110px;}
/*Logo*/
.logo_box {position:absolute; z-index:9999;width:233px; height:113px; top:226px; left:-8px;}
.main_bottom {width:920px; height:50px; background:url("../images/main_btm_1.gif") no-repeat left top; 
margin:0 auto; overflow:hidden;
}

.block_1 {width:1002px; height:262px; overflow:hidden;}
.block_2 {width:1002px; padding-top:17px; overflow:hidden; background:url("../images/bg_main_cont.jpg") no-repeat left top;
}

.top_nav {width:318px; height:55px; background:url("../images/main_top_nav.jpg") no-repeat left top; 
overflow:hidden; position:absolute; top:14px; left:442px;
}
	.top_nav li {width:106px; height:55px; float:left; display:inline;}
	.top_nav li a {display:block; width:106px; height:55px; text-indent:-9999px;}
	.top_nav li a:hover {background:url("../images/main_top_nav.jpg") no-repeat 0 -55px;
}
		.top_nav li a.btn_1:hover{background-position:0 -55px;}
		.top_nav li a.btn_2:hover{background-position:-106px -55px;}
		.top_nav li a.btn_3:hover{background-position:-212px -55px;}
		

.sub_nav {width:446px; height:157px; position:absolute; bottom:38px; right:72px;}
.sub_nav ul {width:446px; height:157px; background:url("../images/main_sub_nav.jpg") no-repeat left top; 
overflow:hidden; }
	.sub_nav ul li {height:157px; float:left; display:inline;}
		.sub_nav ul li.btn_1 {width:141px; margin-left:22px;}
		.sub_nav ul li.btn_2 {width:89px; margin-left:29px;}
		.sub_nav ul li.btn_3 {width:92px; margin-left:53px;}
	.sub_nav ul li a {display:block; width:100%; height:157px; text-indent:-9999px;}
	.sub_nav ul li a:hover {background:url("../images/main_sub_nav.jpg") no-repeat 0 -157px;
}
		.sub_nav ul li.btn_1 a:hover{background-position:-22px -157px;}
		.sub_nav ul li.btn_2 a:hover{background-position:-192px -158px;}
		.sub_nav ul li.btn_3 a:hover{background-position:-334px -157px;}

.news {width:410px; height:231px; padding:31px 0 0 45px;  background:url("../images/bg_main_news.jpg") no-repeat left top; 
overflow:hidden;
}
.news_tabs {width:317px; height:30px; overflow:hidden; margin:0 0 10px 0; padding:8px 0 0 69px; background:url("../images/main_news_tab.gif") no-repeat left top;
}
	.news_tabs li {width:83px; height:23px; float:left; display:inline;text-indent:-9999px; background:url("../images/main_tab_1.gif") no-repeat 0 0;}

			.news_tabs li.btn_1 {background-position:0 0;}
			.news_tabs li.btn_2 {background-position:-53px 0;}
			.news_tabs li.btn_3 {background-position:-106px 0;}
			.news_tabs li.btn_4 {background-position:-159px 0;}
			.news_tabs li.btn_5 {background-position:-212px 0;}
		.news_tabs li a {display:block; width:83px; height:23px; }
		.news_tabs li a:hover {background:url("../images/main_tab_1.gif") no-repeat 0 -23px;
}
				.news_tabs li.btn_1 a.selected {background-position:0 -23px;}
				.news_tabs li.btn_2 a.selected {background-position:-53px -23px;}
				.news_tabs li.btn_3 a.selected {background-position:-106px -23px;}
				.news_tabs li.btn_4 a.selected {background-position:-159px -23px;}
				.news_tabs li.btn_5 a.selected {background-position:-212px -23px;}

.news_box { width:375px;}
	.news_box ul {width:357px; overflow:hidden; height:135px;}
		.news_box ul li {width:357px; overflow:hidden; float:left; height:20px; padding-bottom:2px; margin-bottom:5px; background:url("../images/bg_underline_1.gif") no-repeat left bottom;
}
		.news_box ul li a, .news_box ul li span {display:block; text-align:left; float:left; display:inline; color:#f1e0ad; line-height:20px; height:20px;}
			.news_box ul li a.type {width:45px; text-align:center;}
			.news_box ul li a.title {width:255px; margin-right:7px;}
			.news_box ul li a:hover {text-decoration:underline;}
			.news_box ul li span {width:50px; text-align:center;}
		.news_box a.more {display:block; width:40px; height:20px; line-height:20px; float:right; color:#f1e0ad;}
			.news_box a.more:hover {text-decoration:underline;}
			.news_box a:hover {color:#fe3a3a;}
		

.video {width:275px; height:262px; background:url("../images/bg_main_video.jpg") no-repeat left top; 
overflow:hidden;
}
	.video  h2 {width:147px; height:35px; margin:32px 0 7px 40px; text-indent:-9999px; background:url("../images/tit_video.gif") no-repeat left top;
}

.art {width:415px; height:175px; padding:13px 0 0 43px;  background:url("../images/bg_main_news_2.jpg") no-repeat left top; 
overflow:hidden;
}
.art_tabs {width:317px; height:30px; overflow:hidden; margin:0 0 10px 0; padding:8px 0 0 69px; background:url("../images/main_news_tab_2.gif") no-repeat left top;
}
	.art_tabs li {width:83px; height:23px; float:left; display:inline; text-indent:-9999px;background:url("../images/main_tab_2.gif") no-repeat 0 0;}
		
			.art_tabs li.btn_1 a {background-position:0 0;}
			.art_tabs li.btn_2 a {background-position:-53px 0;}
			.art_tabs li.btn_3 a {background-position:-106px 0;}
			
	    .art_tabs li a {display:block; width:83px; height:23px; }	
		.art_tabs li a:hover  {background:url("../images/main_tab_2.gif") no-repeat 0 -23px;
}
				.art_tabs li.btn_1 a:hover {background-position:0 -23px;}
				.art_tabs li.btn_2 a:hover {background-position:-53px -23px;}
				.art_tabs li.btn_3 a:hover {background-position:-106px -23px;}

.art_box { width:384px; margin-left:4px;}
	.art_box ul {width:384px; overflow:hidden; height:96px;}
		.art_box ul li {width:124px; float:left; height:96px; margin:0 2px; display:inline;}
			.art_box ul li img {display:block; width:118px; height:90px; border:3px solid #000; background-color:#f1e0ad;}
		.art_box a.more {display:block; width:40px; height:20px; line-height:20px; float:right; color:#f1e0ad;}
			.art_box a.more:hover {text-decoration:underline;color:#fe3a3a;}


.devmed {width:393px; height:206px;  background:url("../images/bg_main_news_3.jpg") no-repeat left top; 
overflow:hidden;
}

	.dev_box {width:190px; display:inline; padding-bottom:7px; margin:14px 0 0 84px; background:url("../images/bg_underline_2.gif") no-repeat left bottom; 
position:relative;
}
		.dev_box h2 {width:190px; height:40px; margin-bottom:7px; text-indent:-9999px; background:url("../images/tit_dev.gif") no-repeat left top;
}
	.dev_box ul {width:180px;overflow:hidden; margin:0 auto;}
		.dev_box ul li {width:190px; height:20px; float:left;}
	.dev_box ul li a, .dev_box ul li span {display:block; text-align:left; float:left; display:inline; color:#f1e0ad; line-height:20px; height:20px;}
			.dev_box ul li a {width:128px; margin-right:2px;}
				.dev_box ul li a:hover {text-decoration:underline;}
			.dev_box ul li span {width:50px; text-align:center;}
		.dev_box a.more {display:block; width:40px; height:20px; line-height:20px; color:#f1e0ad; position:absolute; right:0; bottom:-20px;}
			.dev_box a.more:hover {text-decoration:underline;}
			.dev_box a:hover {color:#fe3a3a;}
			
	.med_box {width:190px; padding-bottom:26px; margin:14px 0 0 16px; display:inline; background:url("../images/bg_underline_2.gif") no-repeat left bottom; 
position:relative;
}
		.med_box h2 {width:190px; height:40px; margin-bottom:18px; text-indent:-9999px; background:url("../images/tit_med.gif") no-repeat left top;
}
	.select_box {width:150px; height:20px; margin:8px 20px; float:left;}
		.select_box select {display:block; width:145px; height:20px; color:#000;}
			.select_box select option {color:#000;}

/*Left custom service box*/
.cs_box {width:222px; height:229px; padding:33px 0 0 50px; overflow:hidden; background:url("../images/bg_main_cs.jpg") no-repeat left top;
}
	.cs_box h2 {width:147px; height:35px; text-indent:-9999px; background:url("../images/tit_cs.gif") no-repeat left top;
}
	.cs_box p {color:#f1e0ad; line-height:20px; width:203px;}
	.cs_box p a {color:#f1e0ad;}
		.cs_box p a:hover {text-decoration:underline;}
	.cs_box p span {display:block; width:45px; height:36px; float:left; color:#ff3a3a;}
	.cs_box p a.type_a {color:#ff3a3a; width:150px;  text-decoration:underline;}
		.cs_box p a.type_a:link, .cs_box p a.type_a:visited {text-decoration:underline;}
		.cs_box p a.type_a:hover {text-decoration:underline;}

/*Left banner show*/
.banner_box {width:864px; height:260px; overflow:hidden; clear:both; padding:14px 18px 0;  margin:0 auto 5px; background:url("../images/bg_main_banner.jpg") no-repeat left bottom;
}
    .banner_box img {display:block; width:190px; height:237px; float:left; display:inline; margin:0 13px;}

.banner_box1 {width:864px; height:305px; overflow:hidden; clear:both; padding:14px 18px 0;  margin:0 auto 5px; background:url("../images/bg_main_banner.jpg") no-repeat left bottom;
}
    .banner_box1 img {display:block; width:190px; height:237px; float:left; display:inline; margin:0 13px;}

.info_box {overflow:hidden; width:820px; margin:0 auto; background:url("../images/bg_underline_5.gif") no-repeat center;
}
	.info_box h2 {width:321px; height:44px; text-indent:-9999px; background:url("../images/tit_info.gif") no-repeat left top;
}
	
.info_list {width:390px; margin:0 10px;}
	.info_list li {width:390px; float:left; margin:5px 0px; padding-bottom:10px; background:url("../images/bg_underline_4.gif") no-repeat left bottom; 
overflow:hidden;
}
		.info_list li img {float:left; padding:0 7px;}
		.info_list li strong {font-size:14px; color:#f3e88b; line-height:20px; padding-left:5px;}
		.info_list li a {line-height:20px; margin:0 4px; text-decoration:underline; color:#f6eac7; display:block; float:left; display:inline; width:auto;white-space:nowrap;}
			.info_list li a:link, .info_list li a:visited {text-decoration:underline;}
			.info_list li a:hover {color:#FF3A3A;text-decoration:underline;}


.footer{
  height:47px; line-height:22px; background:url("../images/bg_wd.gif") repeat-x;padding:10px 0;
}
.footer a{
	color:#333333;
}
.footer  .info{
	  width:680px;  background: url("../images/logo.gif") no-repeat; margin:auto;height:44px;
}
.footer  .info div{
	width:460px;padding-left:160px; float:left;height:44px;
}