/* CSS Document */
body { font-size: 12px; color: #333;  font-family:'microsoft yahei',Verdana,sans-serif;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd,div { margin: 0; padding:0; }
h1 { font-size: 20px; text-align: left; }
h2 { font-weight: normal; font-size: 14px; }
h3, h4, h5, h6 { font-weight: normal; font-size: 12px; }
ul, ol { padding-left: 0; }
ul li { list-style: none outside none; }
img { border: none; vertical-align: middle; }
em { font-style: normal; }
input, textarea, select { font-size:100%; color: #333; outline: none; }
input, radio { vertical-align: middle; }
input:-moz-placeholder {color:#ccc; font-weight:normal!important;}
input:-ms-input-placeholder {color:#ccc; font-weight:normal!important;}
input:placeholder {color:#ccc; font-weight:normal!important;}
select { border: 1px solid #d5d5d5; padding: 4px 5px; border-radius: 3px; vertical-align: middle; }
.inputbg{ border:1px solid #ddd; font-size:100%; height:30px; line-height:30px; padding:0 5px; font-family:"microsoft yahei"; vertical-align:middle;}
.inputbg:focus{ border-color:#999;}
button, input.btn{ border:1px solid #ddd; font-size:100%; padding:0 5px; line-height:1.5; font-family:"microsoft yahei"; cursor:pointer; vertical-align:middle;}
button:focus, input.btn:focus{ border-color:#999;}
td { position: relative; }
a { color: #333; text-decoration: none; cursor: pointer; }
a:hover { color: #f40; text-decoration: underline; }
.clear:after { content: '.'; clear: both; display: block; height: 0; visibility: hidden; line-height: 0; }
.clear { zoom: 1;}
.left{ float:left!important;}
.right{ float:right!important;}

#header,#nav .menu,#middle,#footer .foot{ width:1015px; margin:0 auto;}


#header{ padding:20px 0px 0px 0px; height:60px; position:relative;}
#header img{ width:218px !important; height:42px !important; margin-left:5px;}
#header .search{ width:180px; height:22px; background:url(search.jpg) no-repeat; position:absolute; right:20px; top:20px;}
#header .search input{ height:22px; line-height:22px; width:130px; padding:0px 25px; background:none; border:none;}
#header .search .ls,#header .search .rs{ width:25px; height:22px; position:absolute; top:0px; cursor:pointer;}
#header .search .ls{ left:0px;}
#header .search .rs{ right:0px;}
#header .other{ position:absolute; right:20px; top:47px; font-size:12px; height:14px; line-height:14px; overflow:hidden;}
#header .other .ol{ padding-right:5px; border-right:#000000 solid 1px;}
#header .other .or{ padding-left:5px;}


#nav{ height:38px; background:url(nav.jpg) repeat-x;}
#nav .menu{}
#nav .menu a{ display:block; width:114px; height:36px; line-height:36px; padding:1px 0px; float:left; text-align:center; font-size:14px; color:#0a4b95; font-weight:700; text-decoration:none;}
#nav .menu a.act,#nav .menu a:hover{ color:#fff; background:url(navbg.jpg) 0px 0px;}


#banner{height:430px;}


#middle{ margin-top:-56px; height:323px; background:#fff; padding:22px 0 0;}

#middle .xwzx{ margin:0 0 0 28px; width:328px; float:left; position:relative;}
#middle .xwzx h2{ width:328px; height:33px; background:url(middle.png) no-repeat 0 -25px;}
#middle .xwzx .top{ height:110px; border-bottom:#d3d3d3 dashed 1px; margin:0 10px;}
#middle .xwzx .top img{ float:left; width:76px !important; height:70px !important; margin:20px 10px 20px 0px;}
#middle .xwzx .top h1{ float:left; width:210px; margin-top:20px; font-size:14px; font-weight:700; color:#0067ca; line-height:12px;}
#middle .xwzx .top p{ float:left; width:210px;color:#666; font-size:12px; line-height:20px; margin-top:15px;}

#middle .xwzx .wx_item{ height:126px;}
#middle .xwzx .wx_item ul{ margin:0 10px;}
#middle .xwzx .wx_item li{ height:35px; line-height:35px; position:relative; border-bottom:#d3d3d3 dashed 1px; background:url(dot.png) no-repeat 10px center; padding-left:30px;}
#middle .xwzx .wx_item li span{ display:block; float:right; padding-right:10px;}


#middle .cpzx{ margin:0 0 0 42px; width:350px; float:left; position:relative;}
#middle .cpzx h2{ width:328px; height:33px; background:url(middle.png) no-repeat 0 7px;}
#middle .cpzx .cphd{ margin-top:20px; height:216px; position:relative;}
#middle .cpzx .cphd img{ width:159px !important; height:169px !important; margin:0 20px 0 10px; float:left;}
#middle .cpzx .cphd h1{ float:left; width:155px; font-size:14px; font-weight:700; color:#000; line-height:18px;}
#middle .cpzx .cphd p{ float:left; width:155px;color:#666; font-size:12px; line-height:24px; margin-top:15px;}
#middle .cpzx .cphd p a{ color:#0555ad; text-decoration:none;}

#middle .lxwm{ margin:0 0 0 30px; width:215px; float:left; position:relative;}
#middle .lxwm h2{ width:328px; height:33px; background:url(middle.png) no-repeat 0 -57px; margin-top:5px;}
#middle .lxwm .lxnr{margin-top:6px; height:230px; background:url(wxwm.jpg) no-repeat center 0px;}
#middle .lxwm .lxnr h1{text-align:center; font-size:14px; color:#0555ad; font-weight:700; padding-top:110px;}
#middle .lxwm .lxnr p{ line-height:24px; padding-left:23px; font-size:12px; padding-top:10px;}

#middle .more{ position:absolute; display:block; width:45px; height:8px; background:url(more.png) no-repeat; left:20px; bottom:-20px;}

#footer{ height:59px; line-height:52px; background:url(foot.jpg) repeat-x;}
#footer .foot{ font-size:14px; font-weight:700; color:#737373; position:relative;}
#footer .foot .r{height:52px; line-height:52px; position:absolute; top:0; right:10px;}
#footer .foot .r a{font-size:14px; font-weight:700; color:#737373; text-decoration:none;}

/**/
.wrapbg{background:url(nbg.jpg) no-repeat center top;}
#wrap{width:1015px; margin:0 auto; padding-top:10px;}
#wrap .l{ float:left; width:250px; min-height:350px;}
#wrap .l .m{ width:201px;}
#wrap .l .m h1{ font-size:20px; font-weight:700; border-bottom:#0351a7 4px solid; height:40px; line-height:40px; padding-left:5px;}
#wrap .l .m ul{}
#wrap .l .m li{ height:40px; line-height:40px; border-bottom:#bcbcbc solid 1px; font-size:16px; padding-left:20px;}
#wrap .l .m li.act{ background:url(n-dot.png) no-repeat 180px center;border-bottom:#00499b solid 2px;}

#wrap .l .c{ width:201px; height:181px; background:url(tel.jpg) no-repeat; margin:20px 0; position:relative;}
#wrap .l .c .h{ position:absolute; color:#8e8e8e; top:50px; right:30px; font-size:14px;}
#wrap .l .c .t{ position:absolute; color:#000000; font-size:14px; bottom:10px; left:0; text-align:center; height:80px; width:100%; line-height:30px;}

#wrap .r{ width:765px; float:left;}
#wrap .r .p{border-bottom:#6a7378 4px solid; height:40px; line-height:40px; padding-left:5px; position:relative;}
#wrap .r .p .d{ position:absolute; right:5px; top:0; height:40px; line-height:40px; background:url(n-home.png) no-repeat 0px center; padding-left:25px; font-size:14px;}

#wrap .r .list{}
#wrap .r .list ul{ width:764px; margin-top:20px;}
#wrap .r .list li{ height:40px; line-height:40px; font-size:14px;border-bottom:#bcbcbc dashed 1px; background:url(dot.png) no-repeat 5px center; padding-left:20px;}
#wrap .r .list li span {
  display: block;
  float: right;
  padding-right: 10px;
}

#wrap .r .page{ width:inherit; height:50px; line-height:50px; font-size:14px; text-align:center;}
#wrap .r .page a{ display:inline-block; padding:0 10px;}

#wrap .r .content{ font-size:14px; color:#000000; line-height:25px;padding-bottom:20px; padding-left:10px;}
#wrap .r .content p{text-indent:2em; margin-bottom:20px;}
#wrap .r .content h1{ font-size:16px; font-weight:700; color:#0a4b95; border-bottom:#cccccc solid 1px; height:40px; line-height:40px; margin:5px 0 10px; text-align:center;}

#wrap .r .prod{}
#wrap .r .prod ul{ margin:10px 0 0 10px;}
#wrap .r .prod li{ float:left; width:180px; margin-right:8px; margin-bottom:10px;}
#wrap .r .prod li .i{ border:#ccc solid 1px; text-align:center; background:#FFF;}
#wrap .r .prod li .t{border:#ccc solid 1px;text-align:center; height:30px; line-height:30px; background:#eaeaea;}

#wrap .r .content .pt{ margin:20px 0 10px; background:#fff;}

#wrap .r .content .pt h1{ border:none; width:100%;  background:#f5f5f5; color:#000; padding:0; margin:0;}

#wrap .r .content .pt img{ width:350px; border:#ddd solid 1px;}
#wrap .r .content .pt .rp{ float:left; width:390px; padding:0px 10px; font-size:12px;}