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

#header{height:90px;padding-top:10px;}

.logo{width:600px;float:left; background:url(../images/logo.gif) no-repeat left center;height:90px; overflow:hidden;line-height:90px; text-indent:-621px;}
.logo2{width:300px;float:left; background:url(../images/logo2.gif) no-repeat left center;height:55px; overflow:hidden;line-height:55px; text-indent:-621px;}
.logo a{display:block;}
.hotline{float:right;width:300px;padding-top:10px; text-align:right}
.hotline a{background:url(../images/top_nav.gif) no-repeat;padding:0 10px 0 15px;}
#top_nav1{background-position:left -20px;}
#top_nav2{background-position:left -40px;}

.nav{height:44px;}
#nav{padding-left:10px; position:relative; z-index:5}
#nav li{float:left;height:44px; line-height:44px; font-family:"微软雅黑", "宋体"; position:relative;}
#nav li.nav_time{width:240px; text-align:center;font-size:12px;color:#FFffDE;}
#nav li.nav_line{width:2px;height:44px; background:url(../images/nav_line.gif) no-repeat;}
#nav li a{display:block;height:44px;width:88px; text-align:center;color:#FFD7D8;font-size:14px}
#nav li a:hover{background:url(../images/nav_hover.gif) repeat-x; color:#FF0}
#nav li div.sub{display:none; position:absolute; left:0; top:44px; background:#cc1002 url(../images/sub.gif) repeat-x left top; padding:10px; z-index:10}
#nav li div.sub ul li{float:none;height:28px; line-height:28px;}
#nav li div.sub ul li a{font-family:"宋体"; font-size:12px; text-align:left;padding-left:20px;height:28px}
#nav li div.sub ul li a:hover{background:#F00}

#nav #aaa19{ padding:0; margin:0; width:0; height:0; overflow:hidden}
#nav #aaa20{ padding:0; margin:0; width:0; height:0; overflow:hidden}
#nav #aaa4{ padding:0; margin:0; width:0; height:0; overflow:hidden}

#nav #aaa7{ padding:0; margin:0; width:0; height:0; overflow:hidden}



#nav #aaa21{ padding:0; margin:0; width:0; height:0; overflow:hidden}
#nav #aaa22{ padding:0; margin:0; width:0; height:0; overflow:hidden}
#nav #aaa26{ padding:0; margin:0; width:0; height:0; overflow:hidden}
#nav #aaa30{ padding:0; margin:0; width:0; height:0; overflow:hidden}

#nav  #aaa19 ul,#nav  #aaa20 ul,#nav  #aaa21 ul,#nav #aaa22 ul,#nav #aaa26 ul,#nav #aaa4 ul,#nav #aaa7 ul,#nav #aaa30 ul{ padding:0; margin:0; width:0; height:0; overflow:hidden}






#banner{width:978px; margin:0 auto;height:315px;margin-top:5px; border:#F30 solid 1px;padding:1px; position:relative; z-index:0}
.float_flash{position:absolute; z-index:1}

#container{background:url(../images/cbg.png) repeat-y;margin-top:10px;}

.left_title1{height:38px; line-height:38px; font-size:14px; font-weight:bold; background:url(../images/left_title1.gif) repeat-x left center;color:#fff; padding-left:20px;}
.left_title{height:38px; line-height:38px; font-size:14px; font-weight:bold; background:url(../images/left_title.gif) repeat-x left center;color:#fff; padding-left:15px;}
.menu{background-color:#c10b00;padding:10px 0;}
.menu ul li{line-height:36px}
.menu ul li a{display:block; padding-left:50px; background:url(../images/dot2.jpg) no-repeat; color:#fff;}
.menu ul li a:hover{color:#ff0}
.menu ul li ul li{line-height:24px;margin-top:5px;}
.menu ul li ul li a{display:block;width:150px;padding-left:45px; background:url(../images/dot1.gif) no-repeat; font-size:14px;color:#c00;font-weight:normal}
.menu ul li ul li a:hover{color:#900}

.news li{padding:0 5px; line-height:28px; background:url(../images/dot.gif) no-repeat 0 center; padding-left:12px;}
.news li span{float:right;color:#999;font-size:10px}

.contact{padding:20px 10px;}
.contact strong{font-weight:bold;color:#c00}
.contact span{font-size:12px; font-style:normal}

.i_about{width:730px;float:left}
.i_workstation{width:260px;float:right;}

.i_title{height:40px;padding:0 10px 0 15px; line-height:40px; font-size:14px; font-family:"微软雅黑", "宋体"}
.i_title a{height:40px;display:block; width:30px; background:url(../images/more.gif) no-repeat center; float:right}

#i_about_title{background:url(../images/i_about_title.gif) no-repeat left center;}
#i_workstation_title{background:url(../images/i_workstation_title.gif) no-repeat left center;}
#i_product_title{background:url(../images/i_product_title.gif) no-repeat left center;}
#i_flink_title{background:url(../images/i_flink_title.gif) no-repeat left center;}
#flink a{padding:0 5px;}

.box{border:#ccc solid 1px; margin-top:10px}
.i_content{padding:15px 0;}


#footer{background:url(../images/foot.gif) repeat-x left top; text-align:center;color:#fff;height:90px;padding-top:15px;}
#footer a{color:#fff;padding:0 10px;}

.p_title{height:36px; line-height:32px;padding-left:40px;background:url(../images/title.jpg) no-repeat left center;}
.content{padding:20px 15px;}
.content h1{font-size:16px; text-align:center; line-height:40px;}
.content img{max-width:680px;_width:expression(this.width > 680 ? "680px" : this.width);}

.note{color:#999; text-align:center; border-bottom:#CCC dotted 1px; font-size:12px}


#demo{width:730px;height:140px; overflow:hidden;}
#demos{width:90000px;}
#demo1,#demo2{float:left;}

.pro li{float:left;width:240px;height:160px;padding-right:5px;}

.picFit{width:100px;height:140px;overflow:hidden;float:left; text-align:center}
.picFit img{padding:1px; border:#ccc solid 1px;}
.picInfo{float:left;padding-left:10px;width:120px;}
.picInfo h2{font-size:12px}

.product li{float:left;width:48%;height:160px;padding-right:10px;}


.pic{max-width:228px;_width:expression(document.body.clientWidth > 228 ? "228px" : "auto");}

.i_question{float:right;width:49%}
.i_news{float:left; width:100%}

.inewsbox{ width:100%;}

.inewsbox a.boxa { float:left; width:170px; height:200px; display:block; margin:16px 6px;  *margin:15px 6px;
_margin:16px 5px; color:#666; line-height:24px; text-align:center; }

.inewsbox a.boxa img { width:170px; height:170px; padding:1px; margin-bottom:5px; border:0px; }

.ipro{ width:100%;}



.ipro a.boxa { float:left; width:154px; height:184px; display:block; margin:16px 10px;  *margin:15px 10px;
_margin:16px 7px; color:#666; line-height:24px; text-align:center; }
.ipro a.boxa img { width:150px; height:150px; padding:1px; margin-bottom:5px; border:0px; }

/*.i_news_list ul li{padding-left:10px; line-height:26px; background:url(../images/dot.gif) no-repeat left center}
.i_news_list ul li span{float:right;color:#666; font-size:10px}*/



		/* 本例子css */
		.slideBox{ width:978px; height:315px; overflow:hidden; position:relative;   }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:978px; height:315px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }


.nypro { padding:10px 0; }
 
 .nypro a.boxa { float:left; width:200px; height:240px; display:block; margin:16px 15px;  *margin:15px 15px;
_margin:16px 10px; color:#666; line-height:24px; text-align:center; }
.nypro a.boxa img { width:200px; height:200px; padding:1px; margin-bottom:5px; border:0px; }



.izs{ width:100%;}



.izs a.boxa { float:left; width:154px; height:154px; display:block; margin:16px 10px;  *margin:15px 10px;
_margin:16px 7px; color:#666; line-height:24px; text-align:center; }
.izs a.boxa img { width:150px; height:116px; padding:1px; margin-bottom:5px; border:0px; }
