﻿@charset "utf-8";

* { margin: 0px; padding: 0px; }

body { margin:0 auto; font-family:"宋体";   font-size:12px;text-align:center;color:#333;}

ul, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%;  }

img { border:none;}

a:link { text-decoration:none; }
.l{ float:left;}
.r{ float:right;}
.bw{ font-weight:bold;}
em{ font-family:Verdana; font-style:normal;}
a:visited { text-decoration:none; }

a:hover { text-decoration:none; }a:active { text-decoration:none; }


.index{ width:1004px; margin:0 auto;text-align:left;background:url(../images/top_bg.jpg) repeat-x #d9f1e4;}

.top{ width:1004px;}
.language{ width:1004px; text-align:right; height:19px;}
.language ul{ float:right; padding-right:20px; line-height:11px; padding-top:3px;}
.language li{ float:left; padding-left:18px;}
.language li a{ color:#fff;}
.language li a:hover{ color:#001d4e;}
.language .online a{ color:#001d4e;}

.logo{ width:1004px; height:83px; overflow:hidden;background:url(../images/logo_cn.jpg) no-repeat;}
.menu_day{ width:1004px; height:91px;}
.menu{ width:676px; padding-left:68px;}
.menu li{ width:120px; height:39px; line-height:39px; float:left; font-weight:bold; text-align:center; position:relative;}
.menu li a{ color:#fff; width:120px; height:39px; display:block;}
.menu li a:hover{ color:#000;}
.menu li.online{ background:url(../images/menu_hover.jpg) no-repeat; width:120px; height:39px; color:#000;}
.menu li.online a{ color:#000;}

.menu li ul{ position:absolute; top:22px; left:0px; display:none; width:300px; text-align:left;font-weight:normal;  padding-top:34px; float:left; }
.menu li ul a{ color:#000; display:inline; }
.menu li ul.home{position:absolute; top:22px; left:-55px; display:none; width:300px; text-align:left;font-weight:normal;  padding-top:34px; float:left; display:none;}
.menu li ul a:hover{ text-decoration:underline;}
.menu li ul.pro_h{position:absolute; top:22px; left:-415px; display:none; width:300px; text-align:left;font-weight:normal;  padding-top:34px; float:left; display:none;}
.menu li ul.pro_h a{ color:#000;}
.day{ line-height:39px; color:#fff;}
.banner{ float:left; width:1004px; height:307px;background:url(../images/banner_cn.jpg) no-repeat; }
.index_p{ float:left; width:1004px; padding-top:10px;}
.p_moju{ width:497px;}
.p_moju dt{ float:left;  width:497px; height:30px; line-height:30px; background:url(../images/p_list.jpg) no-repeat;}
.p_moju .l{ width:124px; text-align:center;font-size:14px;} 
.p_moju .r a{ color:#ff0000;}
.p_moju .r a:hover{ color:#9c0000;}
.p_moju dd{ float:left; width:490px; height:120px;}
.p_moju dd ul{ float:left; width:490px; height:120px; overflow:hidden;}
.p_moju dd li{ float:left; width:98px; padding:5px 12px; text-align:center; line-height:24px;}
.p_moju dd p{ border:1px solid #999;}
.p_moju dd span{ color:#000;}
.p_moju dd span:hover{ color:#666;}
.p_moju dd a{ cursor:hand;}
.foot{ float:left; width:1004px; height:81px;background:url(../images/foot_bg.jpg) repeat-x; text-align:center; }

.copy{ float:left; width:804px; height:40px; line-height:40px; padding-top:8px; padding-left:200px; }
.copy a{ color:#ff0000;}
.i_contact{ float:left; padding-left:102px; width:902px; height:29px; line-height:29px;}

.i_tel{background:url(../images/phone.gif) left center no-repeat; padding-left:34px;}
.i_fax{background:url(../images/email.gif) left center no-repeat; padding-left:24px; margin-left:12px;}
.i_add{background:url(../images/add.gif) left center no-repeat; padding-left:30px; margin-left:12px;}
.page_products{ float:left; width:1004px; padding:6px 0; height:130px;}
.page_b_ph{ padding-left:14px; float:left; width:214px; height:130px; overflow:hidden;}
.page_b_c{ float:left;height:130px;}
.page_b_c li{ float:left; width:133px; padding-left:21px; line-height:28px; text-align:center;}
.page_b_c li a{ cursor:hand; color:#000;}
.page_b_c li a:hover{ color:#999;}
.page_b_c li img{ border:1px solid #9e9f9e;}
.page{ float:left; width:1004px; border-top:8px solid #4d82de; background:url(../images/page_bg.jpg) left repeat-y; margin-bottom:14px;}
.page_left{ width:195px; margin-left:15px; padding-top:9px;  display:inline;}
.page_right{width:195px; margin-right:10px; padding-top:9px;  display:inline;}

.page_left_title{ float:left; width:195px;}
.p_l_t_top{ width:185px; height:58px; border-bottom:6px solid #4d82de; position:relative;}
.p_l_t_top .l{ position:absolute; left:48px; top:0;}
.p_l_t_top .lp{position:absolute; left:40px; top:0;}
.p_l_t_top .r{ position:absolute; right:7px; bottom:4px;}
.p_l_t_top .r a{ color:#FF0000;}
.p_l_t_p{ text-align:center; width:100%; line-height:24px; color:#4d82de;}
.page_left_title dd{ float:left; width:187px; padding-top:10px; padding-left:8px;}

.page_left_title dd li{ float:left; height:38px; padding-left:7px; line-height:20px; color:#000;}
.page_left_title dd  .l img{ border:1px solid #999;}
.p_l_dd_p{ background:url(../images/icon.jpg) 56px 26px no-repeat; width:78px;}
.p_l_dd_p a{ color:#FF0000;}
.page_p{ text-align:center; float:left; width:195px; padding-top:15px; line-height:20px;}
.bw_color{ font-weight:bold; color:#ff0000;}
.page_p a{ color:#333;} 
.page_p .hover{ color:#FF0000}
.page_center{ float:left; width:540px; padding-left:21px;}
.page_title{ line-height:36px; height:36px; width:540px; font-size:14px; font-weight:bold; color:#0000ff; border-bottom:1px solid #4d82de; float:left; margin-bottom:20px;}

.about_title{ float:left; width:540px; height:20px;}
.page_conter{ width:540px; float:left;}
.about_ph_bg{ background:url(../images/about_bg.jpg) center top no-repeat; height:348px;}
.about_btn{ float:left; width:540px; padding-top:15px;}
.about_btn li{ float:left; width:131px; height:35px; margin-right:17px; text-align:center; font-family:"微软雅黑"; font-size:16px; font-weight:bold;background:url(../images/page_btn_bg.jpg) center top no-repeat; line-height:33px;}
.about_btn li a{ width:131px; height:33px; display:block; color:#fff;}
.about_btn li a.hover{  color:#0000ff;}
.about_p{ width:540px; line-height:22px; color:#333; padding-top:18px;}


#indemo { 
     float: left; 
     width: 2000%; 
} 
#demo1 { 
     float: left; 
} 
#demo2 { 
     float: left; 
} 

.about_ph{ float:left; width:540px; padding-top:10px;}
.about_ph_b{ width:538px; float:left; height:350px; overflow:hidden;}
.about_ph_b p{ line-height:30px; text-align:center;}
.p_list{ float:left; width:540px; padding-top:10px;}
.p_pre{ float:left; padding-top:26px; width:14px; height:38px;}
.p_littil_ph{ width:500px; float:left; overflow:hidden; height:87px; padding-right:8px;}
.p_littil_ph li{ float:left; height:87px; width:118px; margin-left:7px; display:inline; background:#fff;}
.p_littil_ph li.hover a{padding:3px; float:left;width:110px; height:79px;}
.p_littil_ph li.hover a img{ float:left;width:110px; height:79px; }
.p_littil_ph li a{ border:1px solid #999; display:block; width:116px; height:85px;}
.p_next{float:right; padding-top:26px; width:14px; height:38px;}

.project{ float:left; width:540px; height:372px; overflow:hidden; position:relative;}
.project p{ position:absolute; left:0; top:0px; }
.project a{ cursor:hand;}
.project span{ display:block; line-height:372px; width:540px; text-align:center; color:#333; font-size:18px; font-weight:bold;}


.conatct_p{ float:left; width:540px; height:345px; background:url(../images/contact_ph.jpg) right top no-repeat; }
.conatct_p span{ float:left; padding-left:38px; background:url(../images/contact_icon.jpg) left 8px no-repeat; line-height:24px; }
.conatct_p span a{ color:#FF0000;}
.feeback{ float:left; width:540px; height:354px; background:url(../images/fb_ph.jpg) right bottom no-repeat;}
.feeback ul li{ float:left; width:520px; padding-bottom:8px; padding-left:20px;}
.feeback ul li span{ float:left; width:70px; text-align:right; padding-right:8px; color:#4d82de;}
.feeback ul li.f_title input{ float:left; width:245px; height:20px; line-height:20px;}
.feeback ul li em{ font-family:"宋体"; color:#FF0000;}
.feeback ul li textarea{ float:left; width:415px; height:86px;line-height:20px;}
.feeback ul .f_btn{ float:left; width:330px; padding-left:210px;}
.feeback ul .f_btn input{ width:44px; text-align:center; height:24px; line-height:20px; margin-right:10px;}
.feeback_info dt{ line-height:20px; color:#000; width:528px; padding:6px; background:#65db37;}
.fb_qu{line-height:20px; color:#333; padding:5px; width:530px;}
.fb_an{ line-height:20px; color:#666; width:528px; padding:6px; background:#f2f2f2; }
.fb_an .bw{ color:#cc0000;}
.feeback_info dl{ width:540px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.feedback_page{ width:540px; text-align:center; color:#333;}
.feedback_page a{ color:#333;}
.feedback_page a.hover{ color:#FF0000;} 