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

*{ margin:0; padding:0; font:12px/18px "宋体";}

body{ background:url(../image/body_bg.jpg) repeat-x;}
a{ text-decoration:none;}
ul{ list-style:none;}

.fm{ width:980px; height:auto; margin:0 auto;}

.top{ width:980px; height:112px;}
.top img{ margin-top:34px; margin-left:26px; float:left;}
.top .join_home{ background:url(../image/join_home.jpg) no-repeat; height:26px; width:186px; float:right; margin-top:48px; margin-right:24px;}
.top .join_home a{ display:block; width:56px; height:24px;float:left; margin:0 3px;}

.cen{ width:976px; border:2px solid #ebebeb; height:auto; background-color:#FFF;}
.nav{ width:950px; height:50px;margin:13px auto 0;}
.nav_1,.nav_2,.nav_3{ float:left;}
.nav_1{ width:12px; height:50px; background:url(../image/nav/nav_bg_left.gif) no-repeat;} 
ul.nav_2{ width:616px;height:50px;}
ul.nav_2 li{ width:88px; height:50px; float:left;}
ul.nav_2 li a{ display:block; height:100%; width:100%;}
ul.nav_2 li a.nav_a1{ background:url(../image/nav/nav_bg_home.gif) no-repeat;}
ul.nav_2 li a.nav_a2{ background:url(../image/nav/nav_bg_aboutus.gif) no-repeat;}
ul.nav_2 li a.nav_a3{ background:url(../image/nav/nav_bg_pro.gif) no-repeat;}
ul.nav_2 li a.nav_a4{ background:url(../image/nav/nav_bg_network.gif) no-repeat;}
ul.nav_2 li a.nav_a5{ background:url(../image/nav/nav_bg_service.gif) no-repeat;}
ul.nav_2 li a.nav_a6{ background:url(../image/nav/nav_bg_message.gif) no-repeat;}
ul.nav_2 li a.nav_a7{ background:url(../image/nav/nav_bg_contact.gif) no-repeat;}
ul.nav_2 li a.nav_a1:hover{ background:url(../image/nav/nav_bg_home_s.gif) no-repeat;}
ul.nav_2 li a.nav_a2:hover{ background:url(../image/nav/nav_bg_aboutus_s.gif) no-repeat;}
ul.nav_2 li a.nav_a3:hover{ background:url(../image/nav/nav_bg_pro_s.gif) no-repeat;}
ul.nav_2 li a.nav_a4:hover{ background:url(../image/nav/nav_bg_network_s.gif) no-repeat;}
ul.nav_2 li a.nav_a5:hover{ background:url(../image/nav/nav_bg_service_s.gif) no-repeat;}
ul.nav_2 li a.nav_a6:hover{ background:url(../image/nav/nav_bg_message_s.gif) no-repeat;}
ul.nav_2 li a.nav_a7:hover{ background:url(../image/nav/nav_bg_contact_s.gif) no-repeat;}
ul.nav_2 li.seclectd a.nav_a2{ background:url(../image/nav/nav_bg_aboutus_s.gif) no-repeat;}
ul.nav_2 li.seclectd a.nav_a3{ background:url(../image/nav/nav_bg_pro_s.gif) no-repeat;}
ul.nav_2 li.seclectd a.nav_a4{ background:url(../image/nav/nav_bg_network_s.gif) no-repeat;}
ul.nav_2 li.seclectd a.nav_a5{ background:url(../image/nav/nav_bg_service_s.gif) no-repeat;}
ul.nav_2 li.seclectd a.nav_a6{ background:url(../image/nav/nav_bg_message_s.gif) no-repeat;}
ul.nav_2 li.seclectd a.nav_a7{ background:url(../image/nav/nav_bg_contact_s.gif) no-repeat;}

.nav_3{ width:322px; height:50px; background:url(../image/nav/nav_bg_right.gif) no-repeat; text-align:center; line-height:56px; color:#0d0d0d;}

.nav_line{ background:url(../image/nav/nav_btm_line.gif) repeat-x; width:950px; margin:0 auto; height:10px;}
.ad{ width:950px; height:269px; background:url(../image/ad.jpg) no-repeat; margin:0 auto;}

.center{ width:950px; margin:11px auto 0; height:auto;}

.c_l{ width:257px; height:auto; float:left;}
.l_d1{ width:257px; height:auto;}
.l_d1 h2{ display:block; height:39px; width:257px; background:url(../image/felei_title.jpg) no-repeat;}
.l_d1 ul li{ height:21px; width:257px; background:url(../image/felei_center.jpg) no-repeat; margin-top:1px;}
.l_d1 ul li a{ display:block; width:100%; height:100%; color:#6d6d6d; font-weight:bold; text-indent:3em; line-height:21px;}
.l_d1 ul li a:hover{ text-decoration:underline;}
.l_d2{ width:257px; height:auto; background:url(../image/contactus_bg.jpg) no-repeat; margin-top:14px;}
.l_d2 div{ color:#0d0d0d; line-height:20px; width:224px; margin:0 auto ; padding-top:74px;}

.c_r{ width:678px; height:auto; float:left; margin-left:14px;}
.r_d1{ width:678px; height:auto;}
.r_d1 h2,.r_d2 h2{ display:block; height:37px; background:url(../image/right_title.gif) no-repeat; color:#208c26; font-size:16px; line-height:40px; font-family:"黑体"; text-indent:2.7em; position:relative;}
.r_d1 h2 b,.r_d2 h2 b{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#bebebe; margin-left:5px;}
.r_d1 h2 img,.r_d2 h2 img{ border:none;}
.r_d1 h2 a,.r_d2 h2 a{ position:absolute; right:16px; top:15px;}
/* aboutus.html */
.r_d1 div.rd1_c{ height:123px; width:96%; margin:0 auto; text-indent:2em; line-height:20px; padding-top:10px;}

/* service.html */
.r_d1 div.rd1_service{ height:123px; width:96%; margin:0 auto; line-height:20px; padding-top:10px;}

/* network.html*/
.r_d1 div.rd1_map{ height:auto; width:96%; margin:0 auto;padding-top:10px;}

/* message.html */
.r_d1 div.rd1_message{height:auto;width:96%; margin:0 auto;line-height:20px; padding-top:10px;}
.r_d1 div.rd1_message table td input{ height:16px; width:250px; line-height:16px;}
.r_d1 div.rd1_message table td textarea{ width:350px; height:200px;}
.r_d1 div.rd1_message table td { text-align:left; background-color:#f9f9f9;}
.r_d1 div.rd1_message div{ text-align:center; margin-top:10px;}
.r_d1 div.rd1_message div input{ width:50px;}

/* contactus.html */
.r_d1 .rd1_cu{height:auto;width:96%; margin:0 auto;line-height:20px; padding-top:10px; position:relative;}
.r_d1 .rd1_cu ul{ margin-top:70px; margin-left:50px;}
.r_d1 .rd1_cu ul li{ line-height:25px;}
.r_d1 .rd1_cu img { position:absolute; right:70px; top:50px;}

/* protxt.html */
.r_d1 .rd1_pro{height:auto;width:96%; margin:0 auto;line-height:20px; padding-top:10px; position:relative;}
.r_d1 .rd1_pro h3.pro_title{ font:bold 14px/24px "黑体"; text-align:center}
.r_d1 .rd1_pro div.pro_img{ width:678px; height:auto; position:relative; overflow:hidden; text-align:center;}
/* products.html*/
.r_d2 ul{_margin-left:-17px; width:678px;}
.r_d2 ul li{ float:left; height:178px; width:148px; margin-left:17px; margin-top:17px;}
.r_d2 ul li a{ display:block; height:30px; line-height:30px; color:#0d0d0d; text-align:center;overflow:hidden;position:relative;}
.r_d2 ul li a:hover{ text-decoration:underline;}

.bottom{ margin-top:14px; width:100%; height:92px; background:url(../image/bottom_bg.jpg) repeat-x; text-align:center;}
.bottom a{ color:#000;}