@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:12px; color:#333;}
li{ list-style:none;}
a{ text-decoration:none; color:#5c5c5c;}
a:hover{ color:#000;}
img{ border:0;}
h1,h2,h3,h4,h5,h6{ font-size:13px;}
.clear{ clear:both; width:100%; height:0; overflow:hidden;}

.top{ margin:0 auto; background:url(bg_top.gif) no-repeat top; padding-top:112px;}
.nav{ height:52px; background:url(bg_nav.gif) repeat-x;}

.logo{
width:372px; height:98px;
position:absolute;
left:15px;
top:20px;
}
/*IE6Ö§³Ö*/
* .logo{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/skins/2009/img/logo.PNG")
}
html>body .logo{
background:url(logo.PNG) no-repeat;
}

.nav{ background:url(bg_nav.gif) repeat-x bottom; height:52px;}
.nav ul{ margin-left:20px;}
.nav li{ float:left; display:inline; height:42px; position:relative; margin:0 8px;}
.nav li a{ float:left; display:inline; height:24px; padding:18px 7px 0 7px; font-size:14px; color:#fff; font-weight:bold;}
.nav li a:hover{ background:url(bg_nav_m.gif) repeat-x;}
.nav li a:hover span,.nav li a:hover div{ float:left; width:7px; height:42px; position:absolute; top:0;}
.nav li a:hover span{ background:url(bg_nav_l.gif) no-repeat; left:0;}
.nav li a:hover div{ background:url(bg_nav_r.gif) no-repeat; right:0;}


.press{ display:none; position:absolute; z-index:1000000;background:#666;filter:alpha(opacity=90); 
-moz-opacity:0.5; 
opacity:0.5;  border:1px solid #F6494D; height:auto !important; top:153px; z-index:1000000000000000}
.press a{ color:#fff; font-size:12px; line-height:25px;}
.press a:hover{ color:#679800;}
.press b{ font-weight:normal;}
.navbox1{left:88px; width:72px; text-align:center;z-index:10000; }
.navbox2{left:177px; width:72px; text-align:center;z-index:10000;}
.navbox3{left:267px; width:72px; text-align:center;z-index:10000; }
.navbox4{left:358px; width:100px; text-align:center;z-index:10000;}
.navbox5{left:479px; width:72px; text-align:center;z-index:10000; }
.navbox6{left:568px; width:89px; text-align:center;z-index:10000; }
.navbox7{left:673px; width:72px; text-align:center;z-index:10000; }
.navbox8{left:763px; width:72px; text-align:center;z-index:10000; }
.navbox9{left:853px; width:72px; text-align:center;z-index:10000; }



.poster{ position:absolute; right:0; top:70px; font-size:18px; text-align:right;}
.poster b{ font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.topnav{ position:absolute; top:10px; right:0;}
.topnav a{ padding-left:24px; margin-left:5px;}
#topnav1{ background:url(iocn1.gif) no-repeat;}
#topnav2{ background:url(iocn2.gif) no-repeat;}
#topnav3{ background:url(iocn3.gif) no-repeat;}

.page{ width:980px; margin:0 auto;}


/*flash ad*/
#ifocus {
	WIDTH: 720px;HEIGHT: 264px; z-index:-1;
	margin:10px 0;
	float:left;
	display:inline;
	clear:left;
}
#ifocus_pic {
	POSITION: relative; WIDTH: 600px; DISPLAY: inline; FLOAT: left; HEIGHT: 264px; OVERFLOW: hidden
}
#ifocus_piclist {
	POSITION: absolute
}
#ifocus_piclist LI {
	WIDTH: 600px; HEIGHT: 264px; OVERFLOW: hidden
}
#ifocus_piclist IMG {
	WIDTH: 600px; HEIGHT: 264px
}
#ifocus_btn {
	MARGIN: 0 0 0 7px; WIDTH: 99px; DISPLAY: inline; FLOAT: left
}
#ifocus_btn LI {
	FILTER: alpha(opacity=50); WIDTH: 99px; HEIGHT: 61px; CURSOR: pointer; opacity: 0.5; -moz-opacity: 0.5;
	padding-bottom:7px;
	padding-left:10px;
	overflow:hidden;
}
#ifocus_btn IMG {
	WIDTH: 97px; HEIGHT: 59px;
	border:1px solid #000;
}
#ifocus_btn .current {
	FILTER: alpha(opacity=100); opacity: 1; -moz-opacity: 1;
	background:url(arrow1.gif) no-repeat 0 24px;
}
#ifocus_btn .current img{
	border:1px solid #f00;
}
#ifocus_opdiv {
	POSITION: absolute; FILTER: alpha(opacity=50); WIDTH: 600px; BOTTOM: 0px; BACKGROUND: #000; HEIGHT: 35px; LEFT: 0px; opacity: 0.5; -moz-opacity: 0.5
}
#ifocus_tx {
	POSITION: absolute; BOTTOM: 8px; COLOR: #fff; LEFT: 8px
}
#ifocus_tx .normal {
	DISPLAY: none
}

.h_news{ float:right; width:250px; margin-top:10px; clear:right; background:url(bg_h_news.gif) repeat-y;}
.h_news ul{ padding:9px 6px;}
.h_news li{ color:#fff; background:url(line1.gif) repeat-x bottom; height:24px; line-height:24px;}
.h_news li a{ color:#fff;}
.h_news li a:hover{ color:#ff0;}
.h_news h5{ background:url(h_bar1_f.gif) no-repeat; height:4px; overflow:hidden;}
.h_bar1{ background:url(h_bar1.gif) no-repeat; height:28px;}

.h_case{ width:720px; float:left; clear:left; margin-bottom:10px;}
.h_bar2{ background:url(h_bar2_m.gif) repeat-x; height:32px; overflow:hidden; position:relative;}
.h_bar2 b{ float:left; background:url(h_bar2.gif) no-repeat; width:108px; height:26px; padding-top:6px; text-align:center; color:#fff;}
.h_bar2 a{ position:absolute; float:right; text-align:right; padding:6px 8px 0 0; background:url(h_bar2_r.gif) no-repeat; width:65px; height:26px; right:0; top:0; font-weight:normal; color:#333;}
.h_bar2 a:hover{ color:#000;}

.h_case_l{ padding:5px 0; background:url(line2.gif) repeat-x bottom;}
.tui1{ float:left; display:inline; width:250px; height:69px; overflow:hidden}
.tui1 img{width:250px; height:69px;}
.h_case_t{ float:left; width:440px; overflow:hidden; display:inline;}
.h_case_t h2{ color:#f00; font-size:16px; padding-left:8px;}
.h_case_t p{ padding:7px 0 7px 30px;}
/*.h_case_t h3{ padding-left:30px;}*/
.h_case_t img{ width:75px; height:16px;}
.h_case_t a{ margin-left:6px;}

.sgxc{ width:250px; float:right; clear:right; background:#fbeff0;}
.sgxc_l{ margin:5px; padding:8px 0; border-bottom:1px solid #e40d01;}
.sgxc_l img{ width:89px; height:57px; float:left; display:inline; margin:0 5px 0 0;}
.sgxc_t{ float:left; display:inline;}
.sgxc_t h2 a{ color:#e40d01;}
.sgxc_t h3{ padding:3px 0; font-weight:normal;}
.h_bar3{ background:url(h_bar3.gif) no-repeat; height:27px; overflow:hidden; color:#fff; line-height:27px; padding:0 5px; position:relative;}
.h_bar3 a{ position:absolute; right:5px; font-weight:normal; right:15px; color:#fff;}

.zxzs{ width:350px; float:left; display:inline;}
.zxzs li{ height:24px; line-height:24px;position:relative;}
.zxzs li a{ background:url(arrow2.gif) no-repeat left center; padding-left:15px;}
.zxzs li span{ position:absolute; right:0; color:#000;}

.zxrz{ width:360px; float:left; display:inline; margin:0 10px;}
.zxrz img{ float:left; display:inline; width:108px; height:70px;}
.zxrz_t{ float:left; display:inline; margin-left:10px; width:312px;}
.zxrz_t h2 a{ color:#e40d01;}
.zxrz_t p{ line-height:150%; padding-top:3px; position:relative;}
.zxrz_t p a{ position:absolute; right:5px; top:25px; color:#e40d01; text-decoration:underline;}
.zxrz_t p a:hover{ text-decoration:none;}
.zxrz li{ height:24px; line-height:24px; background:url(line2.gif) repeat-x bottom; position:relative;}
.zxrz li a{ background:url(arrow3.gif) no-repeat left center; padding-left:10px;}
.zxrz li span{ position:absolute; right:0; color:#000;}

.dxkh{ width:250px; overflow:hidden !important; float:left; display:inline;}

.dxkhbox{ background:#fbeff0;}
.dxkhbox li{ height:24px; line-height:24px;}
.dxkhbox ul{ padding:5px 0;}

.banner1{ clear:both; width:100%; padding-top:6px;}

.h_team{  width:979px; margin:0 auto; margin-top:6px;}
.h_bar4{ background:url(h_bar4.gif) no-repeat; height:29px; color:#fff; line-height:29px; padding-left:10px; position:relative;}
.h_bar4 a{ position:absolute; right:15px; top:0; font-weight:normal; color:#fff;}
.h_bar4 a:hover{ color:#ff0;}

.h_contact{ background:url(bg_contact.gif) no-repeat left top; width:250px; margin:6px 0 0 0;}
.h_contact p{ padding:0 0 0 68px; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.h_team_l{ float:left; display:inline; width:136px; margin:14px 0 0 3px;}
.h_team_p{ width:126px; height:168px; background:url(bg_teambox.gif) no-repeat; text-align:center; padding-top:3px}
.h_team_l h2{ font-weight:normal; padding:2px 10px 2px 0; text-align:center;}
.h_team_p img{ width:120px; height:160px;}

.linkbox{ border:1px solid #eb1d23; height:auto !important; /*min-height:108px; height:108px;*/ padding:10px 0 10px 0; position:relative; margin:8px 0;}
.linkbox span{ 
position:absolute; float:left; /*height:80px;*/ color:#d00; top:15px; left:0; 
/*background:url(bg_link.jpg) no-repeat right;*/
padding:0 25px;
/*line-height:80px;*/
font-weight:bold;
}
.linkbox ul{ padding-left:132px;}
.linkbox li{ float:left; display:inline; margin:5px 5px 0 0; white-space:nowrap;text-overflow:ellipsis;}
.linkbox img{ width:112px; height:42px; margin:0 5px 0 0;}
.link_img{ padding-left:132px;}

.foot{}
.foot h2{ text-align:center; font-weight:normal; padding:5px 0; background:#de0000; color:#fff;}
.foot h2 a{ color:#fff; margin:0 8px;}
.foot h2 a:hover{ color:#ff0;}
.foot p{ line-height:150%; padding:10px 0 10px 240px;}

.sub_side{ width:248px; float:left; clear:left; overflow:hidden;}
.sub_side .h_contact,.sub_side2 .h_contact{ display:none;}
.sub_main{ width:720px; float:right; clear:right; padding-top:8px;}

.sub_bar1{ background:url(sub_bar1.gif) no-repeat; height:24px; padding-top:15px;padding-left:40px;}
.rim{ border-right:1px solid #f00;}
.sub_nav li{ height:30px; line-height:30px; background:url(line3.gif) no-repeat left bottom;}
.sub_nav li a{ background:url(iocn4.gif) no-repeat 15px center; padding-left:45px;}


.side_news{}
.side_news li{ height:24px; line-height:24px;}
.side_news li a{ background:url(arrow4.gif) no-repeat 15px center; padding-left:25px;}

.sub_bar2{ background:url(h_bar2_m.gif) repeat-x; height:32px; overflow:hidden;}
.sub_bar2 b{ float:left; background:url(h_bar2.gif) no-repeat; width:108px; height:26px; padding-top:6px; text-align:center; color:#fff;}
.sub_bar2 span{ float:right; clear:right; text-align:right; padding:6px 8px 0 0; background:url(h_bar2_r.gif) no-repeat right; height:26px; right:0; top:0; font-weight:normal; color:#333;}
.sub_bar2 a:hover{ color:#000;}

.p_list{ width:197px; float:left; display:inline; margin:27px 20px 0 20px;}
.p_list_p{ background:url(bg_pbox1.gif) no-repeat; width:197px; height:120px; text-align:center; padding:4px 0;}
.p_list img{ width:189px; height:120px;}


.p_list h2{ text-align:center; font-weight:normal; padding:3px 0;}

.bigpic{ width:526px; margin:10px auto; border:1px solid #ccc; padding:3px 0; text-align:center;}

.bigpic img{max-width:520px;} /* for Firefox & IE7 */
* html .bigpic img{ /* for IE6 */
    width: expression(this.width > 520 && this.width > this.height ? 520 : auto);
}
.pic_title1{ background:url(bg_title1.gif) no-repeat center; height:46px; line-height:46px; color:#f00; text-align:center;}

.case_dish{ display:block; width:400px; margin:10px auto;}
.case_dish li{ float:left; width:50%; padding:5px 0;}

.case_info{ width:95%; margin:10px auto; line-height:150%;}
.case_info p{ padding:5px 0;}

.sub_ad{ width:980px; margin:0 auto; padding:5px 0 0; }

.sub_main2{ width:720px; float:right; clear:right; overflow:hidden; border:1px solid #fbeff0; background:#fffcfc; margin-top:5px;}

.sub_side2{ width:248px; float:left; clear:left; margin-top:5px; overflow:hidden;}
.sub_class,.sub_news{ background:#fbeff0; padding:5px 10px;}
.sub_class li{ height:26px; line-height:26px; background:url(line4.gif) repeat-x bottom;}

.sub_bar3{ border-bottom:1px solid #ff9393; padding:5px 0; font-weight:normal; margin:5px;}

.sub_class li a{ background:url(arrow5.gif) no-repeat left center; padding-left:20px;}
.sub_news li{ height:24px; line-height:24px;}

.newslist{ width:95%; margin:10px auto;}
.newslist li{ height:28px; line-height:28px; position:relative;}
.newslist li span{ position:absolute; right:0; top:0;}
.newslist li a{ background:url(arrow3.gif) no-repeat left center; padding-left:12px;}

.news_t{ text-align:center; font-size:22px; padding:5px 0; color:#d00;}
.news_date{ font-weight:normal; text-align:center; color:#666;}
.newsinfo{ line-height:150%; width:95%; margin:10px auto;}
.newsinfo p{ padding:5px 0;}
.nextnews{ width:95%; border-top:1px solid #ccc; padding:10px 0; margin:0 auto;}
.nextnews ul{}
.nextnews li{ height:24px; line-height:24px;}

.about_t{ width:95%; margin:10px auto; line-height:150%;}
.about_t p{ padding:5px 0;}

.listpage,.pagenum{text-align:center;margin:8px;}
.listpage a,.pagenum a{margin:1px;padding:2px 4px;}
.listpage span,.pagenum span{margin:1px;padding:4px 6px}


.ordertable{ margin:10px auto;}
.ordertable td{ padding:5px;}


.designer{ width:650px; margin:10px auto; background:#ccc;}
.designer td{ padding:5px; background:#fff; line-height:150%; color:#454545;}
.designer td b{ color:#d00;}




#demo {
     width:979px;
	 margin:0px auto;
	 overflow:hidden;
    }
#demo img {
    }
    #indemo {
     float: left;
     width: 800%;
    }
    #demo1 {
     float: left;
    }
    #demo2 {
     float: left;
    }
	
#breakNews { height:380px; margin:0 12px;}
#breakNews .list6 {height:360px; padding:10px 0; overflow:hidden;}
#breakNews .list6 .att1{ margin-bottom:10px;}
#breakNews .list6 h2{ font-size:13px; line-height:25px;}
#breakNews .list6 h2 a{ color:#ff0000;}
#breakNews .list6 p{ line-height:20px;}