@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
body { 
font-size:12px;
color:#333; 
font-family:"ËÎÌå"; 
background:url(../images/headbg.gif) top repeat-x;
margin:0 auto; 
}
div,form,img,ul,li,dl,dt,dd,p,span,h1,h2,h3,input{margin:0px; padding:0px; border:0px;}
ul,li,dl,dt,dd{list-style-type:none;}
h1,h2,h3,h4{ float:left;}
a{ text-decoration:none; color:#4d5352;}
a:hover { text-decoration:none; color:#cc2a1e;}

#head{ width:932px; margin:0 auto; overflow:hidden; clear:both}
#head .head_top_bg{ height:42px; background:url(../images/head_top_bg.gif) no-repeat; clear:both}
#head .head_top_bg .language{ width:132px; text-align:right; margin-right:60px; margin-top:26px; float:right}
#head .head_center{ height:276px; background:url(../images/head_center_bg.gif) no-repeat; clear:both}
#head .head_center .logo{ width:231px; height:46px; text-align:right; padding-right:120px; margin-top:6px; float:left}
#head .head_center .nav{ width:525px; height:49px; background:url(../images/nav_top_bg.gif) repeat-x; margin-top:3px; float:left}
#head .head_center .nav ul{ width:525px; margin:0; padding:0; list-style:none}
#head .head_center .nav ul li{display:block; height:46px; margin-top:2px; font-size:14px; font-weight:bold; float:left}
#head .head_center .nav ul li a{display:block; line-height:33px; height:33px; text-decoration:none}
#head .head_center .nav ul li a:hover{display:block; background:#e60012; line-height:33px; color:#fff; height:33px; text-decoration:none}
#head .head_center .nav ul li a#n1{ width:85px; text-align:center}
#head .head_center .nav ul li a#n2{ width:85px; text-align:center}
#head .head_center .nav ul li a#n3{ width:85px; text-align:center}
#head .head_center .nav ul li a#n4{ width:85px; text-align:center}
#head .head_center .nav ul li a#n5{ width:85px; text-align:center}
#head .head_center .nav ul li a#n6{ width:88px; text-align:center}
#head .head_center .nav ul li.i{width:1px; float:left}
#head .head_center .banner{ height:224px; width:912px; margin:0 auto; }
.container {
	WIDTH: 912px;
	HEIGHT: 224px
}
.container A IMG {
	WIDTH: 912px;
	HEIGHT: 224px
}
.container IMG {
	BORDER-BOTTOM-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-TOP-STYLE: none;
	BORDER-LEFT-STYLE: none
}
.td_f A IMG {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px
}
.num {
	POSITION: absolute;
	WIDTH: 90px;
	FLOAT: right;
	TOP: 190px;
	LEFT: 800px
}

.num1 {
	POSITION: absolute;
	WIDTH: 190px;
	FLOAT: right;
	TOP: 190px;
	LEFT: 700px
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 15px;
	LIST-STYLE-TYPE: none;
	MARGIN: 1px;
	WIDTH: 15px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat -15px 0px;
	FLOAT: left;
	HEIGHT: 15px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	CURSOR: pointer
}
.num LI.on {
	LINE-HEIGHT: 15px;
	WIDTH: 15px;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat;
	HEIGHT: 15px;
	COLOR: #ffffff
}
.num1 LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 15px;
	LIST-STYLE-TYPE: none;
	MARGIN: 1px;
	WIDTH: 15px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat -15px 0px;
	FLOAT: left;
	HEIGHT: 15px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	CURSOR: pointer
}
.num1 LI.on {
	LINE-HEIGHT: 15px;
	WIDTH: 15px;
	BACKGROUND: url(../images/flashbutton.gif) no-repeat;
	HEIGHT: 15px;
	COLOR: #ffffff
}


#middle{ width:932px; overflow:hidden; margin:0 auto; background:url(../images/mid_bg.gif) 0 -6px no-repeat; clear:both}
#middle .pro{ width:299px; overflow:hidden; margin:20px 0px 0px 9px; float:left}
#middle .pro .title{ height:26px; line-height:26px; font-weight: bold; clear:both}
#middle .pro .title .z{ width:19px; height:26px; background:url(../images/mid_title_left.gif) no-repeat; float:left}
#middle .pro .title .c{ width:261px; height:26px; background:url(../images/mid_title_bg.gif) repeat-x; float:left}
#middle .pro .title .c .l{ width:191px; font-weight:bold; color:#fff; float:left}
#middle .pro .title .c .r{ font-family:Arial, Helvetica, sans-serif; width:42px; background:url(../images/mid_title_arr.gif) 7px 10px no-repeat; text-align:right; float:right}
#middle .pro .title .c .r a{ font-size:9px; color:#fff; text-decoration:none}
#middle .pro .title .y{ width:19px; height:26px; background:url(../images/mid_title_right.gif) no-repeat; float:left}
#middle .pro .content{ overflow:hidden; padding:5px 2px; line-height:18px;}
#middle .pro .content ul{ margin:0; padding:0; list-style:none}
#middle .pro .content ul li{ background:url(../images/arr.gif) 1px 4px no-repeat; text-indent:15px;}

#middle .vision{ width:299px; margin:20px 0px 0px 8px; overflow:hidden; float:left}
#middle .vision .title{ height:26px; line-height:26px; clear:both}
#middle .vision .title .z{ width:19px; height:26px; background:url(../images/mid_title_left.gif) no-repeat; float:left}
#middle .vision .title .c{ width:261px; height:26px; background:url(../images/mid_title_bg.gif) repeat-x; float:left}
#middle .vision .title .c .l{ width:191px; font-weight:bold; color:#fff; float:left}
#middle .vision .title .c .r{ font-family:Arial, Helvetica, sans-serif; width:42px; background:url(../images/mid_title_arr.gif) 7px 10px no-repeat; text-align:right; float:right}
#middle .vision .title .c .r a{ font-size:9px; color:#fff; text-decoration:none}
#middle .vision .title .y{ width:19px; height:26px; background:url(../images/mid_title_right.gif) no-repeat; float:left}
#middle .vision .content{ overflow:hidden; padding:5px 2px; line-height:18px;}

#middle .link{ width:299px; margin:20px 0px 0px 8px; overflow:hidden; float:left}
#middle .link .title{ height:26px; line-height:26px; clear:both}
#middle .link .title .z{ width:19px; height:26px; background:url(../images/mid_title_left.gif) no-repeat; float:left}
#middle .link .title .c{ width:261px; height:26px; background:url(../images/mid_title_bg.gif) repeat-x; float:left}
#middle .link .title .c .l{ width:191px; font-weight:bold; color:#fff; float:left}
#middle .link .title .c .r{ font-family:Arial, Helvetica, sans-serif; width:42px; background:url(../images/mid_title_arr.gif) 7px 10px no-repeat; text-align:right; float:right}
#middle .link .title .c .r a{ font-size:9px; color:#fff; text-decoration:none}
#middle .link .title .y{ width:19px; height:26px; background:url(../images/mid_title_right.gif) no-repeat; float:left}
#middle .link .content{ overflow:hidden; padding:5px 2px; line-height:18px;}
#middle .link .content ul{ margin:0; padding:0; list-style:none}
#middle .link .content ul li{ background:url(../images/arr.gif) 1px 4px no-repeat; font-family:Arial, Helvetica, sans-serif; text-indent:15px;}

#middle .about{ overflow:hidden; width:930px; padding-top:12px; clear:both}
#middle .about .title{ height:30px; padding-left:20px; line-height:30px; color:#646464; font-size:13px; border-bottom:1px solid #c7c7c7;}
#middle .about .content{ overflow:hidden; background:url(../images/aboutbg.gif) 754px 1px no-repeat; padding:0 0px; line-height:18px;}
#middle .about .content .img1{ margin-left:1px; width:126px; overflow:hidden; float:left}
#middle .about .content .text1{ width:356px; margin:32px 22px 0 22px; float:left}
#middle .about .content .text1 ul{ margin:0; padding:0; list-style:none}
#middle .about .content .text1 ul li{ line-height:18px; font-family:Arial, Helvetica, sans-serif; text-indent:20px; background:url(../images/arr.gif) 5px 5px no-repeat}
#middle .about .content .text2{ width:356px; margin:32px 22px 0 0px; float:left}


#middle .products{ overflow:hidden; width:930px; padding-top:12px; clear:both}
#middle .products .title{ height:30px; padding-left:20px; line-height:30px; color:#646464; font-size:13px; border-bottom:1px solid #c7c7c7;}
#middle .products .content1{ overflow:hidden; background:url(../images/aboutbg.gif) 754px 1px no-repeat; padding:0 0px; line-height:18px;}
#middle .products .content1 .nav1{ margin-left:1px; width:123px; background:url(../images/line.gif) right no-repeat; overflow:hidden; float:left}
#middle .products .content1 .nav1 ul{ width:75px; margin:30px auto; padding:0; list-style:none}
#middle .products .content1 .nav1 ul li{ display:block; font-weight:bold; text-indent:10px; line-height:15px; margin:6px 0; width:75px; height:15px;}
#middle .products .content1 .nav1 ul li a{ display:block; width:75px; height:15px; text-decoration:none}
#middle .products .content1 .nav1 ul li a:hover{ display:block; color:#fff; width:75px; height:15px; background:url(../images/pro_left_nav.gif) no-repeat; text-decoration:none}
#middle .products .content1 .nav1 ul li a#sel{ display:block; color:#fff; width:75px; height:15px; background:url(../images/pro_left_nav.gif) no-repeat; text-decoration:none}
#middle .products .content1 .nav2{ margin-left:1px; margin-bottom:10px; width:251px; background:url(../images/line.gif) right no-repeat; overflow:hidden; float:left}
#middle .products .content1 .nav2 .zbt{height:20px; margin-top:10px; margin-bottom:8px; margin-left:18px; color:#fb9000; clear:both}
#middle .products .content1 .nav2 ul{ width:222px; margin:0 auto; padding:0; list-style:none}
#middle .products .content1 .nav2 ul li{ display:block; text-indent:8px; line-height:15px; margin:5px 0; width:222px; height:15px;}
#middle .products .content1 .nav2 ul li a{ display:block; width:222px; height:15px; text-decoration:none}
#middle .products .content1 .nav2 ul li a:hover{ display:block; color:#fff; width:222px; height:15px; background:url(../images/pro_left_nav1.gif) no-repeat; text-decoration:none}
#middle .products .content1 .nav2 ul li a#sel1{ display:block; color:#fff; width:222px; height:15px; background:url(../images/pro_left_nav1.gif) no-repeat; text-decoration:none}
#middle .products .content1 .ms{ width:516px; overflow:hidden; margin:30px 0 30px 20px; float:left}

#partners{ overflow:hidden; width:932px; background:url(../images/partners_bg.gif) repeat-y; margin:0 auto; clear:both}
#partners .title{ height:26px; padding:9px 0px 0px 9px; background:url(../images/partners_title_bg.gif) no-repeat; clear:both}
#partners .title .z{ width:19px; height:26px; background:url(../images/mid_title_left.gif) no-repeat; float:left}
#partners .title .c{ width:875px; line-height:26px; height:26px; background:url(../images/mid_title_bg.gif) repeat-x; float:left}
#partners .title .c .l{ width:191px; font-weight:bold; color:#fff; float:left}
#partners .title .c .r{ font-family:Arial, Helvetica, sans-serif; width:42px; background:url(../images/mid_title_arr.gif) 7px 10px no-repeat; text-align:right; float:right}
#partners .title .c .r a{ font-size:9px; color:#fff; text-decoration:none}
#partners .title .y{ width:19px; height:26px; background:url(../images/mid_title_right.gif) no-repeat; float:left}
#partners .content{ overflow:hidden; padding:16px 28px; clear:both}

#bottom{ overflow:hidden; width:932px; background:url(../images/bottom_bg.gif) no-repeat; margin:0 auto;}
#bottom .zuo{ width:500px; height:36px; padding:1px 12px; float:left}
#bottom .you{ width:340px; height:36px; line-height:36px; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-left:30px; background:url(../images/bottom_c.gif) 5px 7px no-repeat; float:right}
#bottom .tel{ width:540px; color:#5d5d5d; text-align:right; padding-right:24px; float:right}