/* CSS Document */

body,html { font-size:12px; font-family:ËÎÌå,Arial,Tahoma; color:#555;  margin:0; padding:0; background:#fff; }
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,li,dt{ padding:0; margin:0;}
ul,li,dd,dt,dl{list-style:none;}
.clearfloat {clear:both; height:0;font-size: 1px;line-height: 0px;} 
a { text-decoration:none; color:#555;}
a:hover { text-decoration:underline; color:#4fa0ce;}
p { text-indent:2em;}
img { border:0;}
.body { width:960px; margin:0 auto; line-height:1.7em;}
h2,h3 { line-height:2.5em;}

.iframe-header { height:83px;}
.iframe-footer { height:90px;}



.logo-bg { height:83px; background:url(../images/header-bg.jpg) repeat-x;}
.logo {    float:left;}
.com { background:url(../images/com.jpg) 0 0 no-repeat;height:83px; background-position-y:bottom;  width:736px;  position:relative;float:left; border:0px; text-indent:-5000px; }
.comp { float:left;  text-indent:-5000px;  display:block; }
.tel { float:right; height:83px; width:224px; text-indent:0px;  position:relative; background:url(../images/tel.jpg) 0 0 no-repeat;text-indent:-5000px; }


.main_nav {  background:url(../images/nav-bg.jpg) repeat-x; height:80px;}
.main_nav ul { padding-left:2px; height:75px; line-height:75px; font-size:16px; font-weight:bold;}
.main_nav li{ float:left; width:; text-align:center;}
.main_nav .nav_index {   height:75px; width:122px; display:block; }
.main_nav .nav_about ,.nav_news ,.nav_pro ,.nav_feedback ,.nav_contact{   height:75px; width:167px; display:block; }
.main_nav .nav_index:hover ,.main_nav .nav_cur_index{ background:url(../images/nav-index.jpg) no-repeat;}
.main_nav .nav_about:hover ,.main_nav .nav_cur_about{ background:url(../images/nav-about.jpg) no-repeat; }
.main_nav .nav_news:hover ,.main_nav .nav_cur_news{ background:url(../images/nav-news.jpg) no-repeat; }
.main_nav .nav_pro:hover ,.main_nav .nav_cur_pro{ background:url(../images/nav-pro.jpg) no-repeat; }
.main_nav .nav_feedback:hover ,.main_nav .nav_cur_feedback{ background:url(../images/nav-feedback.jpg) no-repeat; }
.main_nav .nav_contact:hover ,.main_nav .nav_cur_contact{ background:url(../images/nav-contact.jpg) no-repeat; }


.box a { display:block; width:162px; height:48px;}


.bot dl { height:20px; padding:5px 0px; font-size:14px;}
.bot dt ,.bot dd { float:left;}
.bot dt { margin-right:8px;}
.bot a { color:#4fa0ce; font-weight:bold;}
.bot a:hover {  text-decoration:none;}
.bot .tit a { color:#fff;}

.in-contact a { width:307px;height:190px; display:block; margin-top:20px; }



.contain { background:url(../images/page-bg.jpg) repeat-x;}
.contain .body { background:url(../images/page-bannerbg.jpg)  no-repeat; width:985px; }
.contain .banner { padding:30px 20px 10px 19px;} 
.contain .contain-botline { background:url(../images/page-bannerbot.jpg) no-repeat; height:22px;}


.mid-contain { background:url(../images/page-bannerinn.jpg) repeat-y; padding:5px 20px 20px 19px;}
.left-nav { float:left; width:205px;}
.left-nav .left-nav-title { background:url(../images/left-nav-tit.jpg) repeat-x; height:29px; line-height:29px; color:#000; font-size:14px; font-weight:bold; padding-left:10px;}
.left-nav .left-nav-list { background:#f0f5f8; padding-left:10px; padding-top:8px;}
.left-nav .left-nav-list dl { float:left; width:195px; border-bottom:1px #deeaf1 solid; height:30px; line-height:30px;}
.left-nav .left-nav-list dt { float:left;  padding-right:10px;}
.left-nav .left-nav-list dd { float:left;}
.feedback { background:url(../images/feedback.jpg) no-repeat; height:217px; margin-top:20px;}
.feedback a { display:block; height:217px; width:205px;}
.contact { background:#f0f5f8; padding-top:8px;margin-top:20px;}



.content { float:right; width:730px; }
.content .tit-l { background:url(../images/tit-l.jpg) no-repeat; height:26px; width:21px; float:right;}
.content .title { float:right; margin:0px 10px; font-size:16px; font-weight:bold; line-height:26px;}
.content .tit-r { background:url(../images/tit-r.jpg) no-repeat; height:26px; width:22px; float:right;}
.content .tit-line { padding-top:5px;}

h1 a:hover { text-decoration:none;}

.content .list { font-size:14px;}
.list dl { margin-left:10px;}
.list dt { float:left;}
.list dd { float:left; line-height:30px; margin-left:15px;}

.content .content-txt { padding:20px 0px 10px 0px;}

.page-list a { color:#0071b2;  font-weight:bold;}
.page-list a:hover ,.page-list a.cur{ text-decoration:none; color:#000;}



#lib_feedback_form{width:100%; clear:both; overflow:hidden;}
#lib_feedback_form .rows{margin:10px 0; clear:both;}
#lib_feedback_form .rows label{width:15%; overflow:hidden; float:left; height:22px; line-height:22px; text-align:right; color:#555;}
#lib_feedback_form .rows span{width:75%; overflow:hidden; float:left; display:block; padding-left:2px;}
#lib_feedback_form .rows span .contents{width:85%; height:120px;}
#lib_feedback_form .rows span .vcode{text-transform:uppercase;}
#lib_feedback_form .rows span img{margin-top:2px;}
.form_gory_button{border:none; float:left; background:url(../images/button_grey.gif); width:110px; height:25px; line-height:25px; font-weight:bold; color:#555; text-align:center;}
.form_input{border:1px solid #ccc; color:#333; background:url(../images/input_bg.gif) #fff repeat-x; height:20px; line-height:20px;}
.fc_red { color:red;}
.baojian_s{  overflow:hidden; padding-top:20px; width:700px;}
.baojian_left{  float:left;  width:33px; }
.baojianj_right{ float:right;  width:630px; }
.baojian_x{ width:752px; margin:0 auto}
.gan_s h2{ color:#337FE5}
.gan_x{ border-bottom: 1px dashed #999999; padding-top:15px;}