﻿@charset "utf-8";
/*css document*/
*{ padding:0; margin:0;}
body{ font:12px/22px "宋体"; word-break:break-all; text-align:left; background:#CCC; color:#000;}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
ul,li{ list-style:none;}
a{ color:#575757; text-decoration:none;}
a:hover{ color:#023D7F; text-decoration:underline;}
img{ border:0;}
a img,a:hover img{ border:0;}
button{ cursor:pointer;}
em{ font-style:normal;}
input{ font-size:12px; color:#5C5C5C;}


#header{ width:1002px; height:489px; margin:0 auto; position:relative;}
#header .flash{ width:1002px; height:489px;}
#header .search{ position:absolute; right:19px; top:21px; width:160px; height:18px;}
#header .search .text{ width:127px; height:16px; padding:2px 0 0 5px; float:left; border:0; background:url(../images/index_search1.jpg) right top no-repeat;}
#header .search .plc{ width:27px; height:18px; float:left;}
#header .mainNav{ width:820px; height:19px; position:absolute; right:19px; top:65px;}
#header .mainNav ul{ height:19px;}
#header .mainNav ul li{ float:left; position:relative;}
#header .mainNav ul li.line{ width:11px; height:19px; background:url(../images/mainNav_line.gif) center center no-repeat;}
#header .mainNav ul li a.home{ display:block; width:77px; height:19px; background:url(../images/shouye.gif) no-repeat;}
#header .mainNav ul li a.home:hover{ background:url(../images/shouye_hover.gif) no-repeat; text-decoration:none}
#header .mainNav ul li a.about{ display:block; width:84px; height:19px; background:url(../images/ahout.gif) no-repeat;}
#header .mainNav ul li a.about:hover{ display:block; width:84px; height:19px; background:url(../images/ahout_hover.gif) no-repeat;text-decoration:none}
#header .mainNav ul li a.news{ display:block; width:84px; height:19px; background:url(../images/news.gif) no-repeat;}
#header .mainNav ul li a.news:hover{ display:block; width:84px; height:19px; background:url(../images/news_hover.gif) no-repeat;text-decoration:none}
#header .mainNav ul li a.info{ display:block; width:84px; height:19px; background:url(../images/info.gif) no-repeat;}
#header .mainNav ul li a.info:hover{ display:block; width:84px; height:19px; background:url(../images/info_hover.gif) no-repeat;text-decoration:none}
#header .mainNav ul li a.kefu{ display:block; width:84px; height:19px; background:url(../images/kefu.gif) no-repeat;}
#header .mainNav ul li a.kefu:hover{ display:block; width:84px; height:19px; background:url(../images/kefu_hover.gif) no-repeat;text-decoration:none}
#header .mainNav ul li a.shehui{ display:block; width:84px; height:19px; background:url(../images/shehui.gif) no-repeat;}
#header .mainNav ul li a.shehui:hover{ display:block; width:84px; height:19px; background:url(../images/shehui_hover.gif) no-repeat;text-decoration:none}
#header .mainNav ul li a.jiaru{ display:block; width:84px; height:19px; background:url(../images/jiaru.gif) no-repeat;}
#header .mainNav ul li a.jiaru:hover{ display:block; width:84px; height:19px; background:url(../images/jiaru_hover.gif) no-repeat;text-decoration:none}
#header .mainNav ul li a.jiaru2{ display:block; width:143px; height:19px; background:url(../images/jiaru2.png) no-repeat;}
#header .mainNav ul li a.jiaru2:hover{ display:block; width:143px; height:19px; background:url(../images/jiaru2_hover.gif) no-repeat;text-decoration:none}


#header .mainNav ul li ul{ position:absolute; left:-2px; top:19px; width:91px; height:auto; overflow:hidden; display:none; background:#fff;}
#header .mainNav ul li ul li{ width:89px; border:1px solid #9CB281; margin-top:1px;}
#header .mainNav ul li ul li a{ width:84px; display:block; background:#FFF; padding:4px 0 4px 5px;}
#header .mainNav ul li ul li a span{display:block; background:url(../images/nav2_dot.jpg) 0 4px no-repeat; line-height:14px; padding-left:10px; color:#1B7803;}
#header .mainNav ul li ul li a:hover{ background:url(../images/nav2_onbg.jpg) left top repeat-y; text-decoration:none;}
#header .mainNav ul li ul li a:hover span{ display:block;  background:url(../images/nav2_on_dot.jpg) left 4px no-repeat; text-decoration:none; color:#FFF;}

#header .mainNav ul li ul li a.piluzhuanlan{width:143px; display:block; background:#FFF; padding:4px 0 4px 5px;}
#header .mainNav ul li ul li a:hover.piluzhuanlan{background:url(../images/22nav2_onbg.jpg) left top repeat-y; text-decoration:none;}

#wrapper{ width:1002px; margin:0 auto; background:url(../images/indexbg.jpg) left top repeat-x #FFF; overflow:hidden;}
.leftBar{ width:316px; height:160px; padding:38px 0 6px 8px; float:left; display:inline; margin:18px 0 0 21px; background:url(../images/index_leftbg.gif) no-repeat; overflow:hidden;}
.leftBar .photo{ width:150px; float:left;}
.leftBar .text{ width:150px; display:inline; float:left; margin-left:12px;}
.leftBar .text h2{ color:#004F87;}
.leftBar .text .txt{ margin-top:5px; text-indent:2em;}

.contentBar{ width:325px; height:162px; padding:48px 0 6px 9px; float:left; background:url(../images/product_info.jpg) no-repeat; display:inline; margin:18px 0 0 8px; overflow:hidden;}
.contentBar .bar{ width:15px; float:left; padding-top:45px;}
.contentBar  ul{ width:286px; float:left; padding-top:12px;}
.contentBar  ul li{ float:left;width:143px; text-align:center;}
.contentBar  ul li a img{ border:2px solid #B1C3C9;}
.contentBar  ul li a:hover img{ border:2px solid #B1C3C9;}


.tellCall{ height:100px; float:left; display:inline; margin:18px 0 0 6px;}

.kfpt{width:130px;height:110px;float:left;display:inline;margin:20px 0 0 6px;background:url(../images/khzzdt.GIF) no-repeat;} 
/*客服平台*/
.kfptdl{width:130px;height:37px;float:left;display:inline;margin-top:72px;margin-left:9px;margin:2px 3 0 6px;}
/*客服平台登陆*/
.kfptzc{width:42;height:50px;float:left;margin-left:41px;display:inline;margin:2px 3 0 6px;}
/*客服平台注册*/


.rightBar{ width:147px; float:right; display:inline; margin:16px 22px 0 0;}
.rightBar ul{ width:147px; overflow:hidden;}
.rightBar ul li{ margin-top:2px; width:147px; float:left; }
.rightBar ul li img{ display:block;}
.rightBar ul li div{ width:130px; height:45px; padding-left:17px; background:#FFF; display:none; position:absolute; left:auto; line-height:22px;}


#footer{ width:1002px; height:30px; line-height:30px; margin:0 auto; background:#FFF; overflow:hidden;}
.footNav{ width:450px; float:left; text-align:center; color:#292929;}
.copyrRight{ float:left;}
