@charset "gb2312";
/* CSS Document */

body{color:#1f5e95; font-size:12px; text-align:left; outline:0}
body,p,div,h1,h2,h3,h4,h5{ margin:0; padding:0}
h1,h2,h3,h4,h5{color:#144572;}
h4{ font-size:12px; font-weight:800}
h3{ font-size:14px; font-weight:800}
img{ border:none}
.mid{ margin-left:auto; margin-right:auto}
.clearfix{ clear:both}
a{ color:#1f5e95; text-decoration:none;}
a:hover{color:#144572;}

/*·ÖÒ³*/
.page{text-align:center; width:738px; margin-top:5px; float:left; padding-top:2px}
		.page span{display: inline; padding:0px 8px; background:#D5E3EE; border:1px solid #144572; font-family:Verdana; font-size:10px; color:#3e1600; cursor:default;}
		.page a:link,.page a:visited{display:inline; padding:0px 8px; font-family:Verdana; font-size:10px; color:#1f5e95; background:#fff; border:1px solid #1f5e95; text-decoration:none;}
		.page a:hover{display:inline; padding:0px 8px; font-family:Verdana; font-size:10px; color:#1f5e95; background:#D5E3EE; border:1px solid #144572; text-decoration:none;}
		.page div{padding-top:2px; font-size:12px; line-height:20px;}

/*index*/
.header{ width:1004px; height:156px; position:relative}
    .nav{ width:804px; height:56px; background:url(navbg.jpg) no-repeat; bottom:0; position:absolute; padding:28px 0 0 200px}
	   .nav a{ display:block; height:26px; overflow:hidden; float:left; padding-right:35px; background-repeat:no-repeat}
	   .nav a:hover{ background-position:0 -26px}
	   .nav a.nav1{ width:58px; background-image:url(nav1_en.jpg)}
	   .nav a.nav2{ width:83px; background-image:url(nav2_en.jpg)}
	   .nav a.nav3{ width:108px; background-image:url(nav3_en.jpg)}
	   .nav a.nav4{ width:100px; background-image:url(nav4_en.jpg)}
	   .nav a.nav5{ width:70px; background-image:url(nav5_en.jpg)}
	   .nav a.nav6{ width:60px; background-image:url(nav6_en.jpg)}
	   .nav a.nav7{ width:74px; background-image:url(nav7_en.jpg)}
	.nav_s{ position:absolute; top:130px; left:200px; display:none}
	    .nav_s_t{ height:10px; width:32px; background:url(nav_s_t.png) no-repeat right;}
		   .nav_s_l{ float:left; width:5px; height:38px; background:url(nav_s_l.png) no-repeat}
		   .nav_s_m{ float:left; height:38px; background:url(nav_s_m.jpg) repeat-x; padding:10px 10px 0 10px }
		         .nav_s_m a{ color:#fff; font-weight:800; display:block; text-align:center; float:left; background:url(nav_s_p2.jpg) 0 5px no-repeat; padding:3px 15px 0 15px}
				 .nav_s_m a:hover{background:url(nav_s_p1.jpg) 0 5px no-repeat;}
		   .nav_s_r{ float:left; height:38px; width:12px; background:url(nav_s_r.png) no-repeat}
	.logo{ width:132px; height:136px; position:absolute; background:url(logo.jpg) no-repeat; top:0; left:29px; z-index:9999}
	.logo a{ width:132px; height:136px; display:block}
	.c_name{ width:334px; height:42px; position:absolute; background:url(company_name.jpg) no-repeat; left:185px; top:17px}
	.lang{ width:160px; height:30px; position:absolute; left:850px; top:47px}
	.lang a:hover{ font-weight:800}
.banner{ width:1204px}
.indexcontent{ width:1004px; padding-bottom:10px; height:253px}
.footer{ width:1004px;}
    .footer_l{ width:5px; height:125px; background:#FFF url(footer_l.jpg) no-repeat 0 0; float:left}
	.footer_m{ width:994px; height:125px; background:url(footer_m.jpg) repeat-x; float:left; position:relative}
	       .f_logo{ position:absolute; left:300px; top:26px}
		   .f_text{ position:absolute; left:400px; top:35px}
		       .f_text p{ padding:3px 0 3px 0}
	.footer_r{ width:5px; height:125px; background:#FFF url(footer_r.jpg) no-repeat 0 0; float:left}

.c_top_l,.c_top_m,.c_top_r{ float:left; height:37px; position:relative}
.c_top_l{background:#FFF url(c_top_l.jpg) no-repeat left 0; width:5px}
.c_top_m{background:#FFF url(c_top_m.jpg) repeat-x; width:994px}
.c_top_m img.title_p1{ position:absolute; top:9px; left:54px}
.c_top_m img.title_p2{ position:absolute; top:9px; left:450px}
.c_top_m img.title_p3{ position:absolute; top:9px; left:825px}
.c_top_r{background:#FFF url(c_top_r.jpg) no-repeat right 0; width:5px}

.index_a,.index_s,.index_c{ float:left}
.index_s{ padding:0 20px 0 20px}

.index_a_l,.index_a_m,.index_a_r{ float:left; height:216px}
.index_a_l{background:#FFF url(a_l.jpg) no-repeat 0 0; width:15px}
.index_a_m{background:#FFF url(a_m.jpg) ; width:270px;}
   .index_a_m p{ text-indent:2em; padding:28px 0 0 0; line-height:1.5}
   .index_a_m span{ float:right; font-weight:800; display:block}
   .index_a_img{ padding:15px 0 0 3px; float:left}
.index_a_r{background:#FFF url(a_r.jpg) no-repeat 0 0; width:15px}

.index_s_l,.index_s_m,.index_s_r{ float:left; height:216px}
.index_s_l{background:#FFF url(s_l.jpg) no-repeat 0 0; width:12px}
.index_s_m{background:#FFF url(a_m.jpg) ; width:406px}
   .index_s_img{ float:left; width:91px; padding:28px 0 0 0}
   .index_s_content{ float:left; width:300px; padding:28px 0 0 14px}
       .index_s_content h4{background:url(index_s_point.jpg) no-repeat 0 3px; padding:3px 0 5px 15px}
	   .index_s_content h4 span{ float:right}
	   .index_s_content h4 span a{ height:16px; overflow:hidden; background-image:url(more.jpg); width:51px; display:block}
	   .index_s_content h4 span a:hover{ background-position:0 -16px}
	   .index_s_content p{ height:38px; line-height:1.5;background:url(index_s_line.jpg) no-repeat 0 bottom;}

.index_s_r{background:#FFF url(s_r.jpg) no-repeat 0 0; width:12px}

.index_c_l,.index_c_m,.index_c_r{ float:left; height:216px}
.index_c_l{background:#FFF url(c_l.jpg) no-repeat 0 0; width:11px}
.index_c_m{background:#FFF url(c_m.jpg) ; width:212px}
    .hotline{ padding:28px 0 0 5px}
	.support{ padding:10px 0 0 10px}
	     .support a{ display:block; width:193px; height:45px; background-image:url(support-2.jpg); overflow:hidden}
		 .support a:hover{ background-position:0 -45px}
	.hezuo{ padding:10px 0 0 10px}
	     .hezuo a{display:block; width:193px; height:45px; background-image:url(hezuo-2.jpg); overflow:hidden}
		 .hezuo a:hover{ background-position:0 -45px}

.index_c_r{background:#FFF url(c_r.jpg) no-repeat 0 0; width:11px}

/*about*/
.aboutcontent{ width:1004px}
   .about_left{ float:left; width:250px;}
      .about_left_top{ width:250px; height:42px; background:url(about_left_top-2.jpg) no-repeat}
      .about_left_c{ width:250px; height:407px; background:url(about_left_bg.jpg) 0 5px no-repeat; padding:35px 0 0 0}
	      .about_left_c p{ width:250px; height:43px; background:url(a_line.jpg) 10px bottom no-repeat; position:relative;}
		  .about_left_c p a{color:#144572; font-size:14px; display:block; position:absolute; width:183px; height:25px; background:url(about_nav2.jpg) no-repeat; left:35px;top:5px; padding:10px 0 0 0; font-weight:800; text-align:center;}
		  .about_left_c p a:hover{ color:#fff; background:url(about_nav.jpg) no-repeat}
	  .about_left_p{ padding:12px 0 10px 0}
	      .a_img1,.a_img2{ padding:10px 0 0 20px}
   .about_right{ float:right; width:738px}
       .about_right_tl{ width:5px; height:38px; background:url(about_right_tl.jpg) no-repeat; float:left}
	   .about_right_tm{ width:728px; height:26px; background:url(about_right_tm.jpg) repeat-x; float:left; padding:12px 0 0 0}
	      .about_right_tm p{ float:right}
	   .about_right_tr{ width:5px; height:38px; background:url(about_right_tr.jpg) repeat-x; float:left}
       .about_right_c{ width:738px; padding:15px 0 0 0; float:left; overflow:hidden}
	      .about_right_c p{ text-indent:2em; line-height:2; color:#3C3C3C;}
		  .about_right_c p span{ font-weight:800; font-size:14px; color:#0a5497}
   
/*factory*/
 #factory a{ display:block; float:left; padding:0 13px 10px 12px}
 #factory a img{ padding:2px; border:1px solid #E1E1E1; width:150px; height:150px}
   
/*jobs*/
#jobs table{ width:730px; background:#BEDCE2; text-align:center; margin-bottom:10px}
#jobs table p{ text-indent:2em; text-align:left}
#jobs table td{ background:#fff; width:17%; padding:10px 0 10px 0}
#jobs table td span{ float:right; padding:0 10px 2px 2px;}
#jobs table td span a{ text-decoration:underline; color:red}

/*news*/
#news p{ padding:5px 10px 5px 0; background:#FFF url(news_coin.png) no-repeat 10px 10px;}
#news p span{ float:right}
#news p a{ padding:0}
#news p a:hover{ font-weight:800}

/*shownews*/
#shownews h3{ text-align:center; padding:10px 0 10px 0; border-bottom:#D1DEE9 1px solid}
#shownews .shownews_data{ text-align:center;padding:10px 0 10px 0;}
#shownews .shownews_text{ padding:10px}
#shownews .shownews_bottom{ text-align:center; padding:10px 0 10px 0}

/*material*/
#material h3{ text-align:center; padding:5px 0 5px 0}
#material table{background:#BEDCE2; text-align:center; margin-bottom:10px; width:738px;}
#material table td{ background:#fff; width:17%; padding:10px 0 10px 0}
#material .mater_1{ border:solid #D5E3E6;}
#material_left_top{ background:url(material_left_top-2.jpg) no-repeat}
   
/*quality*/
#quality{ width:718px; padding:0 10px 0 10px}
#quality p{ padding:5px 0 10px 0}
#quality h3{ padding:20px 0 0 0; border-bottom:2px solid #BEE8EB}
#flow_top{ background:url(flow_top-2.jpg) no-repeat}
#quality p img{ padding:2px; border:1px solid #D0EDF0;}

/*study*/
.study_img{ padding:30px 0 0 100px}

/*flow*/
.step{ padding:0 0 20px 0; width:730px; float:left}
.step1_r{ position:absolute; left:0px; top:180px; display:none}
.step2_r{ position:absolute; left:207px; top:190px; display:none; width:450px}
.step3_r{ position:absolute; left:300px; top:190px; display:none; width:450px}
.step4_r{ position:absolute; left:300px; top:350px; display:none; width:450px}
.step5_r{ position:absolute; left:200px; top:350px; display:none; width:450px}
.step6_r{ position:absolute; left:200px; top:350px; display:none; width:450px}

.step_l,.step_r{ float:left; padding-left:20px}
.s_l,.s_m,.s_r{ float:left; height:201px;}
.s_l{ width:13px; background:url(step_right_l.jpg) no-repeat}
.s_m{ width:403px; background:url(step_right_m.jpg) repeat-x; padding:10px; height:181px;}
   .s_m_content{ width:200px; float:left}
   .s_m_content h3{ border-bottom:solid 1px #8fb9d0}
   .s_m_content p{ line-height:1.2; text-indent:0; padding:10px 0 0 0}
   
   .s_m_img{ float:right}
   .s_m_img p{ text-align:right}
.s_r{ width:13px; background:url(step_right_r.jpg) no-repeat}


#flow{ padding:20px 0 20px 10px; position:relative;}
.active1{opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';}
.active2{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';}
.st{ width:119px; height:101px; float:left}
.st_r{ width:70px; height:101px; float:left}
.st_d{ width:685px; height:62px; background:url(flow_down.jpg) right bottom no-repeat; float:left}
.st_d2{ width:685px; height:62px; background:url(flow_down.jpg) left bottom no-repeat; float:left}
/*production*/
#production p img{ display:block; float:left;  padding:2px; border:1px solid #ccc; margin:0 10px 0 0}
p.production_img{ padding:30px 0 0 20px}

/*qc*/
#qc{ padding-bottom:20px}
#qc p img{display:block; float:left;  padding:2px; border:1px solid #ccc; margin:0 10px 0 0}
p.qc_img{padding:30px 0 0 40px}

/*order*/
#order{ padding-bottom:15px}
#order_left_top{ background:url(order_left_top-2.jpg) no-repeat}
#order table{ width:738px;background:#BEDCE2;text-align:left;}
#order table td{ background:#fff; padding:10px 0 10px 30px}

/*service*/
#service_left_top{ background:url(service_left_top-2.jpg) no-repeat}
#sercive p span{ color:#2C5170}

/*sell*/
#sell_left_top{ background:url(sell_left_top-2.jpg) no-repeat}
#sell .sell_info{ width:700px; height:102px; background:url(sell_icon.jpg) 100px 0 no-repeat; float:left}
#sell .sell_info p{ padding:30px 0 0 240px}
#sell .sell_form{ padding:30px 0 0 120px}

/*contact*/
#contact_left_top{ background:url(contact_left_top-2.jpg) no-repeat}
.contact_text h3{ height:74px; background:url(contact_logo.jpg) 200px 0 no-repeat; padding:30px 0 0 300px;}
.contact_text p{ padding:0 0 0 200px}
.contact_map p{ width:738px; text-align:center}