@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0;}
body{margin:0 0;padding:0 0;font-size:12px; font-family:Arial, Helvetica, sans-serif;background:url(../images/bg.jpg) center top no-repeat}
img{border:0}
.clear{clear:both}
.bg_660h{background:url(../images/bg_660h.jpg) no-repeat top center}
.bg_800h{background:url(../images/bg_800h.jpg) no-repeat top center}
.bg_840h{background:url(../images/bg_840h.jpg) no-repeat top center}
.bg_1000h{background:url(../images/bg_1000h.jpg) no-repeat top center}
.bg_1050h{background:url(../images/bg_1050h.jpg) no-repeat top center}
#wrapper{width:960px;margin:0 auto}
#header{height:86px;width:945px;padding:7px 0 0 15px;overflow:hidden}
#header a{color:#424242;text-decoration:none}
#header a:link{color:#424242;text-decoration:none}
#header a:visited{color:#424242;text-decoration:none}
#header a:hover{color:#424242;text-decoration:none}
#header a:active{color:#424242;text-decoration:none}
#logo{width:730px;float:left;height:88px}
#language{width:210px;padding-top:12px;float:left}
#language img{margin:0 2px 0 5px}
#language .on{color:#eb6100}
#gray_box{background-color:#000; filter:alpha(opacity=60); opacity: 0.60; width:100%; height:840px; z-index:4;position:absolute; left:0px;top:0px}
p{margin-bottom:10px}
#inside_banner{width:960px;height:275px}
#inside_banner2{width:960px;height:22px}
.fs{font-size:10px}
.b_none{background:none}

/*font*/
.font1{color:#434343}

/*nav*/
ul#topnav {
	margin: 0; padding: 0;
	width: 960px;
	list-style: none;
	position: relative;
	background:#1d61bc;width:960px;height:31px;border-bottom:1px solid #FFF
}
ul#topnav li {
	list-style-type:none;height:31px;line-height:31px;color:#FFF;float:left;font-weight:bold;text-align:left
}
ul#topnav li.on{background:url(../images/nav_bg_on.gif) repeat-x;}
ul#topnav li a {

	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { background: url(../images/nav_bg_on.gif) repeat-x; }
ul#topnav li.sfhover{ background: url(../images/nav_bg_on.gif) repeat-x; }
ul#topnav li span {
	float: left;
	position: absolute;
	top:31px;
	display: none;
	background: #1376c9;
	color: #fff;
}
ul#topnav li:hover span { display: block; }
ul#topnav li.sfhover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}
#topnav li#nav1{width:127px}
#topnav li#nav2{width:119px}
#topnav li#nav3{width:214px}
#topnav li#nav4{width:113px}
#topnav li#nav5{width:101px}
#topnav li#nav6{width:143px}
#topnav li#nav7{width:143px}

.nav_s1{padding-left:53px;width:40px}
.nav_s2{padding-left:24px;width:65px}
.nav_s3{padding-left:30px;width:150px}
.nav_s4{padding-left:30px;width:55px}
.nav_s5{padding-left:34px;width:40px}
.nav_s6{padding-left:30px;width:85px}
.nav_s7{padding-left:33px;width:85px}


#d1{padding-left:63px;z-index:2;position:absolute;margin-top:-6px}
*html #d1{padding-left:63px;z-index:2;position:absolute;margin-top:-1px}
*+html #d1{padding-left:63px;z-index:2;position:absolute;margin-top:-1px}
#d4{padding-left:511px;z-index:2;position:absolute}
#d5{padding-left:617px;z-index:2;position:absolute}
#d6{padding-left:740px;z-index:2;position:absolute}

/*sidebar*/
#sidebar{width:183px;padding:14px 0 0 12px;float:left;background:url(../images/sidebar_bg.gif) repeat-x;margin-right:25px}
#sidebar_value{width:183px;padding:14px 0 0 12px;float:left;background:url(../images/sidebar_bg.gif) repeat-x;margin-right:25px;margin-top:1px}
#sidebar span{display:block}
#sidebar .title{padding-left:13px;color:#1d61bc;font-weight:bold;font-size:14px;line-height:18px;margin-bottom:5px}
#sidebar .title2{padding-left:13px;color:#1d61bc;font-weight:bold;font-size:12px;line-height:18px;margin-bottom:5px}
#container{width:740px;float:left}
#container .title{border-bottom:1px solid #459cdd;color:#459cdd;height:33px;line-height:33px;width:702px;font-weight:bold;font-size:16px}
#container .title2{border-bottom:1px solid #c9c9c9;color:#459cdd;height:33px;line-height:33px;width:702px;font-weight:bold;font-size:16px}

#sidebar_value{width:183px;padding:14px 0 0 12px;float:left;background:url(../images/sidebar_bg.gif) repeat-x;margin-right:25px;margin-top:1px}
#sidebar_value span{display:block}
#sidebar_value .title{padding-left:13px;color:#1d61bc;font-weight:bold;font-size:14px;line-height:18px;margin-bottom:5px}
#sidebar_value .title2{padding-left:13px;color:#1d61bc;font-weight:bold;font-size:12px;line-height:18px;margin-bottom:5px}

/*footer*/
#footer{width:960px;height:30px;font-size:10px;color:#797979;background:url(../images/footer_bg.jpg) no-repeat;padding-top:16px}
#footer_left{width:855px;float:left}
#footer_right{width:105px;float:left}
#footer2{width:960px;height:30px;font-size:10px;color:#797979}
#footer_left{width:855px;float:left}
#footer_right{width:105px;float:left}
#footer a{color:#797979;text-decoration:none;font-weight:bold}
#footer2 a{color:#797979;text-decoration:none;font-weight:bold}


/*index*/
#banner{width:960px;height:349px}
#index_info{width:948px;height:130px;background:url(../images/index_bg1.jpg) no-repeat;padding:15px 0 0 12px;overflow:hidden}
#index_info .pic{width:116px;height:96px;float:left}
#index_info .box{width:192px;height:96px;float:left;font-weight:bold;color:#434343;margin-right:7px}
#index_info .icon{width:192px;height3px;padding:3px 0 6px 0;float:left}
#index_info .text{color:#7d7d7d;line-height:14px;margin-bottom:9px;;font-weight:normal;font-size:11px}
#index_info .text2{font-weight:bold;}
#index_info .text3{color:#7d7d7d;line-height:14px;margin-bottom:6px;;font-weight:normal;font-size:11px}


/*news*/
#news_content{width:960px;background-image:url(../images/news_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#news_content .text_box{height:83px;border-bottom:1px dotted #d5d5d5;width:702px;overflow:hidden}
#news_content .text_box strong{cursor:pointer}
#news_content .text_box2{height:83px;width:702px;overflow:hidden}
#news_content .text1{color:#3895db;padding:10px 0;line-height:18px}
#news_content .text2{color:#6d6d6d;font-size:11px}
.page{width:702px;text-align:right;padding:5px 0 22px 0}
.page img{margin-left:21px}
ul.event{margin:20px 0 100px 0;height:160px}
.event li{list-style-type:none;height:25px;line-height:25px;text-align:center;color:#646464;background:#f2f7ff;float:left;border-bottom:1px solid #FFF}
.event li.c1{width:174px}
.event li.c2{width:190px}
.event li.c3{width:107px;padding-left:56px}
.event li.lab{background:#d5dff3;color:#3895db}
.event li.b2{background:#fcfdff}
#news_content #container{}
.open_win{width:474px;padding:0px 15px 30px 30px;z-index:5;position:absolute;background:#FFF;margin:0 0 0 222px}
.open_close{width:474px;text-align:right}
.open_win .text{color:#3895db;line-height:18px;font-size:13px;width:418px;padding:3px 45px 10px 3px;border-bottom:1px solid #a8a8a8;margin-bottom:10px}
.open_win .text2{color:#6d6d6d;font-size:11px;line-height:16px}
.open_win img{margin:15px 0}
.pdf_left{float:left;width:225px}
.open_win .text2 .pdf{float:left;text-align:right;width:240px;padding-top:80px}
.open_win .text2 .pdf span{padding-top:30px}
.open_win .text2 .pdf span a{color:#3895db;text-decoration:none}

/*recruitment*/
#recruitment_content{width:911px;background-image:url(../images/recruitment_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF;padding-left:49px;height:300px}
#recruitment_content .title{height:33px;line-height:33px;border-bottom:1px solid #3895db;color:#3895db;font-weight:bold;font-size:16px;margin-bottom:15px;width:862px}
#recruitment_content .word{color:#1d61bc;height:35px;line-height:35px;padding-left:69px;width:700px;font-weight:bold;font-size:13px}
ul.recu{width:730px;margin-left:66px}
.recu li{list-style-type:none;height:25px;line-height:25px;text-align:center;color:#646464;background:#f2f7ff;float:left;border-bottom:1px solid #FFF}
.recu li.c1{width:122px}
.recu li.c2{width:290px}
.recu li.c2 span{cursor:pointer}
.recu li.c3{width:129px}
.recu li.c4{width:120px;padding-left:69px}
.recu li.lab{background:#d5dff3;color:#3895db}
.recu li.b2{background:#fcfdff}
.apply{padding-top:10px;border-top:1px solid #a8a8a8;width:466px;text-align:right}


/*quality*/
#quality_content{width:960px;background-image:url(../images/quality_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#quality_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0;height:440px;line-height:14px}
#quality_content .box .text1{font-weight:bold;font-size:12px}
#quality_content .box img{margin:20px 0}
#quality_content p{margin-bottom:15px}
#quality_rd_content{width:960px;background-image:url(../images/quality_rd_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#quality_rd_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0;height:280px;line-height:14px}
#quality_rd_content p{margin-bottom:15px}


/*contact*/
#contact_content{width:960px;background-image:url(../images/contact_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#contact_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:25px 0;min-height:200px;line-height:20px}
#contact_content .box .left{width:315px;float:left}
#contact_content .box .left a{color:#6d6d6d}
#contact_content .box .left .lab{color:#1d61bc;font-weight:bold;font-size:13px}
#contact_content .box .form_box{width:186px;height:50px;float:left;font-weight:bold;font-size:13px;line-height:26px}
#contact_content .box .form_box .text{border:1px solid #bababa;width:167px;height:16px;line-height:16px}
#contact_content .box .textarea{border:1px solid #bababa;width:539px;height:100px;overflow-y:auto}
#contact_content .box .lab{color:#6d6d6d;font-weight:bold;font-size:13px;line-height:24px}
#contact_content .box .submit{padding:18px 0 0 452px}

/*about*/
#about_content{width:960px;background-image:url(../images/about_who_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#about_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0 20px 0;min-height:200px;line-height:16px}
#about_content .box .left{width:513px;float:left;padding-right:10px}
#about_what_content{width:960px;background-image:url(../images/about_what_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#about_what_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0 20px 0;min-height:200px;line-height:16px}
#about_what_content img{margin-right:5px}
#about_our_content{width:960px;background-image:url(../images/about_our_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#about_our_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0 20px 0;min-height:200px;line-height:16px}
#about_our_content img{margin-right:3px}
#about_team_content{width:960px;background-image:url(../images/about_team_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#about_team_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0 20px 0;min-height:200px;line-height:16px}


/*product*/
#product_over_content{width:960px;background-image:url(../images/product_over_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#product_over_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0 20px 0;height:330px;line-height:16px}
#product_over_content .pic{width:220px;float:left;color:#9e9e9e;font-weight:bold;margin-right:14px}
#product_over_content .pic img{margin:10px 0}
#product_panel_content{width:960px;background-image:url(../images/product_content_bg.jpg); background-repeat:no-repeat; background-color:#FFF}
#product_panel_content .box{width:702px;font-size:11px;color:#6d6d6d;padding:10px 0 10px 0;line-height:16px}
#product_panel_content .box img{margin:10px 5px 10px 0}
ul.pro_list{width:720px;margin:16px 0 40px 0}
.pro_list li{list-style-type:none;float:left;border:1px solid #dfdfdf;width:222px;color:#6d6d6d;margin-right:15px;margin-bottom:19px}
.pro_list li.t{margin-right:0px}
.pro_list li .text{line-height:34px;padding-left:12px;height:34px}
#product_panel_content .list_nav{font-size:11px;color:#6d6d6d;margin:10px 0}
#product_panel_content .list_nav a{color:#6d6d6d;text-decoration:none}
#product_panel_content .list_nav .on a{color:#3895db;text-decoration:none}
#scroll{width:707px;height:355px;background:#c6c6c6;margin:20px 0 35px 0}
#scroll #left{width:547px;float:left;height:355px}
#scroll .right{width:160px;float:left;height:355px}
#scroll #go_top{width:160px;height:36px}
#scroll #center{height:286px;width:160px;overflow:hidden;margin-top:36px}
*html #scroll #center{height:286px;width:160px;overflow:hidden;margin-top:36px}
ul#scroll_pic{padding:0 6px 0 3px;margin-top:0px}
#scroll_pic li{list-style-type:none;width:151px;height:91px;background:url(../images/scroll_bg_off.jpg) no-repeat;text-align:center;padding:3px 0}
#scroll #go_bottom{width:160px;height:33px}

.tr_hack{letter-spacing:-2px}



#slider ul{overflow:hidden;padding:0 6px 0 3px;margin-top:0px;width:160px;}
#slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
list-style-type:none;width:151px;height:286px;background:url(../images/scroll_bg_off.jpg) no-repeat;text-align:center
}

#slider li img{cursor:pointer}

#slider li div{width:151px;height:91px;background:url(../images/scroll_bg_off.jpg) no-repeat;text-align:center;padding:3px 0}

#slider li div.scroll_on{background:url(../images/scroll_bg_on.jpg) no-repeat;}

#prevBtn{
	display:block;
	width:160px;
	height:36px;
	position:absolute;
	top:201px;
}	
#nextBtn{
	display:block;
	width:160px;
	height:30px;
	position:absolute;
}
#prevBtn a{
	display:block;
	width:160px;
	height:36px;
	background:url(../images/go_top.gif) no-repeat 0 0;
}
#nextBtn a{
	display:block;
	width:160px;
	height:28px;
	background:url(../images/go_bottom.gif) no-repeat 0 0;	
}





/*#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{
		width:696px;
		height:241px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}	*/