@charset "utf-8";

#top{ background: url(../images/top_bg.jpg) repeat-x;}
#bottom{ background:#003174 url(../images/bottom.jpg) repeat-x;}

.content{ width:980px; margin:0 auto;}

#header{background:url(../images/logo.jpg) no-repeat 0 7px; height:98px; }
.logo{width:504px; height:98px;text-indent:-9999px;}
#banner{ height:399px;}
#banner001{ height:228px;}

.sou{width:290px; margin-top:50px; }
.sou ul li{float:left;height:21px; padding:0;}
.sou input{ border:1px solid #d4d4d4; height:19px;text-indent:5px;}
.sou .go{ background:url(../images/go.jpg) no-repeat 0 center; width:31px; height:21px; border:none;}


#menu{ background:url(../images/nav_bg.jpg) repeat-x bottom; height:42px; width:980px;}
#nav {margin:0 auto; display:block;background:url(../images/nav_bg.jpg) repeat-x bottom; height:42px;}

#nav .mainlevel { float:left;width:122px; }

#nav .mainlevel a {color:#000; text-decoration:none;background: url(../images/right.jpg) no-repeat right 5px; line-height:42px; display:block; width:122px; text-align: center; font-size:14px;font-weight: bold;}
#nav .mainlevel a:hover {color:#fff; text-decoration:none; background:url(../images/hover.jpg) no-repeat  center;line-height:35px;}
#nav .mainlevel:hover{background:url(../images/hover.jpg) no-repeat center;line-height:35px;color:#fff;}
#nav .mainlevel:hover a{color:#fff; width:122px; }
#nav .mainlevel ul {display:none; position:absolute;z-index:10;width:122px;}
#nav .mainlevel ul li{border-bottom:1px solid #fff;width:122px;}
#nav .mainlevel ul li a{ background:#014188; color:#fff; font-size:12px; font-weight: normal; line-height:24px;}
#nav .mainlevel ul li a:hover{background:#6bbef4; color:#fff;line-height:24px;}
#nav .last a{background:none;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a{ display:block;background:url(../images/hover.jpg) no-repeat center;color:#fff;line-height:35px;}



.content01{ width:978px; margin:0 auto;}

#menu01{background:url(../images/nav_bg.jpg) repeat-x bottom; height:42px; width:978px;}
.index_center{ background:url(../images/index_22.jpg) repeat-x; height:147px;}


.product01{ background:url(../images/index_19.jpg) no-repeat; width:158px; height:147px;}

.scroll{ width:408px; }
.blk_18 {overflow:hidden;zoom:1;font-size:12px;width:408px;height:110px; margin:0 auto;}
.blk_18 .pcont { float:left;width:354px;overflow:hidden; height:100px;}
.blk_18 .ScrCont {width:32766px;zoom:1;}
.blk_18 #List1_1, .blk_18 #List2_1 {float:left;}
.blk_18 .LeftBotton, .blk_18 .RightBotton {width:20px;float:left;  height:20px; margin-top:30px;}
.blk_18 ul li{ float:left;width:118px;overflow:hidden; display:inline;height:100px; }
.blk_18 ul li a{display:block; position:static !important; overflow:hidden; text-align:center; vertical-align:middle; width:108px; }
.blk_18 ul li .pcont_img{ width:108px; height:70px;}
.blk_18 ul li .pcont_text{ text-align:center; line-height:30px;}
.blk_18 .LeftBotton {background:url(../images/index_37.jpg) no-repeat; }
.blk_18 .RightBotton { background:url(../images/index_40.jpg) no-repeat 5px 0;}


.about01{ width:410px;}
.about01 .title{ background:url(../images/about_title.jpg) no-repeat; height:15px; text-indent:-9999px;}


#footer{ background:url(../images/footer.jpg) no-repeat top center; }
#footer p{ line-height:24px;color:#fff;}

.about_center{ background:url(../images/about_30.jpg) no-repeat 214px 0; width:978px;}
.about_bg{ background:#e8e9ee url(../images/about_center_bg.jpg) repeat-x;width:978px;}
.sidebar{ width:228px;}
.sidebar .title{background:url(../images/about_08.jpg) no-repeat; height:57px; text-indent:-9999px;}
.sidebar .pro{ background:url(../images/product_03.jpg) no-repeat; height:57px; text-indent:-9999px;}

.sidebar .culture{ background:url(../images/culture_03.jpg) no-repeat; height:57px; text-indent:-9999px;}
.sidebar .social{ background:url(../images/social_03.jpg) no-repeat; height:57px; text-indent:-9999px;}

.sidebar .join{ background:url(../images/join_03.jpg) no-repeat; height:57px; text-indent:-9999px;}


#nav002{ width:214px; border-top:1px solid #c2c3c8;}
#nav002 li { position: relative; }
#nav002 li ul { position: absolute; left: 214px; top: -1px; display: none; width:180px;}
#nav002 li ul li { border:1px solid #c2c3c8; border-width:1px 1px 0; background:#fff;}
#nav002 li a {display: block; color: #000; background: url(../images/icon.jpg) no-repeat 22px center; border: 1px dashed #c2c3c8;  border-width:0 0 1px;line-height:24px; text-indent:35px; font-size:13px;}
#nav002 li a:hover{background:url(../images/about_12.jpg) no-repeat; border:1px solid #c2c3c8; border-width:0 0 1px; color:#0a479b; text-decoration:none;}
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#nav002 li:hover ul, li.over ul { display: block; } /* The magic */
-->

.mail{ width:214px;}
.mail .title{ background:url(../images/about_15.jpg) no-repeat; height:43px;}
.wrap{ width:750px;}
.wrap .title{background:url(../images/about_09.jpg) no-repeat; height:52px; font-family: Arial, Helvetica, sans-serif; line-height:30px;}
.wrap .title .wrap_title{ padding-top:15px; padding-left:60px; font-size:14px; font-weight:bold;}
.wrap .title span{ color:#82b1e4;}

.wrap_content{ width:684px; margin-left:23px; margin-top:5px;}
.wrap_content p{text-indent:2em;}
.neiye{width:684px;margin-left:23px; margin-top:5px;}
.about a,.contact a{ color:#0a479b;}


.new ul{ width:684px; margin:0 auto;}
.new ul li{ width:684px; height:28px;  border-bottom:1px dashed #b0b2af; border-bottom:1px dashed #cecece; }
.new ul li a{float:left; height:28px; line-height:28px; font-size:12px; text-decoration:none;background:url(../images/icon.png) no-repeat 10px center; text-indent:20px;}
.new ul li span{ float:right; height:28px; line-height:28px; padding:0 0 0 5px; font-size:12px;}


#footer a{ color:#fff;}
#footer a:hover{ color:#fff; text-decoration:underline;}

.product a{color:#0a479b;}


.pic{ width:684px;}
.pic ul li{ float:left; display:inline;width:210px; height:190px; margin-right:10px;}
.pic  .p_img{display:block;width:210px; height:160px; text-align:center; }
.pic ul li img{ width:200px; height:150px;}
.pic ul li a{ font-size:12px; line-height:30px;}


.contact p{ border-bottom:1px dashed #cecece; line-height:28px;}