@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea, table, tr, td
{margin:0px;padding:0px;}
fieldset, img {border:0;}
li {list-style:none;}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd,samp { font-family: courier new, courier, monospace; }

ins {text-decoration:none;}
del {text-decoration:line-through;}
h1, h2, h3, h4, h5, h6 {}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.38em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;font-style: italic;}

address,cite,dfn,em,var{font-style:normal;}
caption,td {font-weight: normal;}
cite, blackquote, em, i {font-style: italic;}
strong, b {	font-weight: bold;}
pre, code {font-family: monospace;font-size: 1.1em;}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help;}
table {	border-collapse:collapse; /* 边框合并属性 */border-spacing:0;}
q:before, q:after, blockquote:before, blockquote:after {content:"";content:none}
blockquote, q {	quotes:none;}

legend { color: #000; } 
button,input,select,textarea,checkbox,radio 
{vertical-align:middle;}

.clear {clear:both;}
.blank10 {clear:both;height:10px;overflow:hidden;}

a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: underline; }

body { width:98%;max-width: 800px;min-width:320px; background:#f3f3f3;margin:0 auto; line-height:200%;font-size:13px;font: 14px/1.5 "Microsoft YaHei","宋体",Microsoft Sans Serif, Tahoma, Verdana, Arial; color:#2E2E2E;}

img {border:none;}

a {margin: 0px;padding:0px;border:0px;}
a:link {color:#333;text-decoration:none;}
a:visited{color:#666;text-decoration: none;}
a:hover{color:#D9271F;text-decoration: underline;}

.box {width:100%;}

#header {height: auto;width:100%;text-align:center;background:#1d7ecb;color: #fff;font-size:18px;}
.logo { margin:0 auto; width:100%; max-width:800px; min-width:300px;}
.logo img{ width:100%; height:auto;}
#menu {background:url(wap/top_bg2.jpg); width:100%; margin:0 auto;padding:10px 0;border-bottom:2px solid #99BEFF; }
#menu a {display:block; float:left;width:20%; text-align:center; height:30px; color:white;line-height: 30px;background: rgba(36, 118, 206, 0.37);border-radius: 17px;padding: 0 1%;margin: 1%;text-shadow: 1px 1px 0px #777777;}
#menu a:hover,#menu a.on {display:block; float:left;width:20%; text-align:center; height:30px; color:white;line-height: 30px;background: rgba(13, 75, 141, 0.74);border-radius: 17px;padding: 0 1%;margin: 1%;text-shadow: 1px 1px 0px #777777; }
#search {padding:5px;background:#E2E2E2; font-size:12px;}
.search_b {height:7px;background:url(wap/search_bg.gif) 10px top no-repeat; }
#search .s_text {width:80px;height:16px;line-height:16px; font-size:12px;}
#search .s_btn,#catid {font-size:12px;}

#content img{ width:96%; height:96%; max-width:800px; min-width:300px;}

#footer {line-height:26px; padding: 10px 20px 60px 15px;  background:#194586 url(wap/footer_bg.gif) left top repeat-x;color:white;}
#footer a {color:white;}
#box_footerBody{width: 98%; height: 50px; position:fixed; bottom: 0px; text-align: center; border-top: none;}
.footer_body{ min-width:300px;max-width: 800px; }
.footer_ul{ display:block; background:#172B6A; width:100%; height:49px;}
.footer_ul li{ display:inline; float:left; width:20%; height:49px;}
.footer_ul li a { display:block; height:47px; padding-top:5px; text-align:center;color:#FFF; font-size:12px;border-right:1px solid #194586;height:46px;}
.footer_ul li a.border_none{ border-right:none;}
.footer_ul li a:hover{ background:#194586; border-right:1px solid #194586;}
.footer_ul li a .icon{ display:block; width:30px; height:20px; margin:0 auto; background:url(wap/icon.png) no-repeat;}
.footer_ul li a .text{ display:block; height:16px; line-height:16px; text-align:center;}
.footer_ul li a span.f_tel{ background-position:0 0;}
.footer_ul li a span.mail{ background-position:-30px 0;}
.footer_ul li a span.map{ background-position:-60px 0;}
.footer_ul li a span.share{ background-position:-90px 0;}
.footer_ul li a span.massage{ background-position:-120px 0;}

.index_banner{position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height: auto;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:5px;left:55%;z-index:999;display:block;margin-left:-108px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#1d8bd8;cursor:default;}

#search {padding: 5px;background: #E2E2E2;font-size: 12px;}
.search {padding:5px; font-size:12px;}
.search_b {height:7px;background: url(wap/search_bg.gif) 10px top no-repeat;}
.search .s_text {width:80px;height:16px;line-height:16px; font-size:12px;}
.search .s_btn,#catid {font-size:12px;}


.top_news {text-align:center;}
.top_news h3 a {color:#333;font-size:14px;}
.top_news h3 {padding:10px;}


#Frame{ width:98%; padding:1%; overflow:hidden; background: #fff;}
.box1{ float:left; width:48%;height:103px; overflow:hidden; background:url(wap/mobile_1.jpg) #148cfc left no-repeat;margin-top: 2%;}
.box1_1{font-size:18px;float: right; width:100%;text-indent: 48%;line-height: 160px;}
.box1_1 a{ color:#fff; width:100%; height:103px; float:left;}
.box2{ float:left; width:48%;height:103px;overflow:hidden;background:url(wap/mobile_2.jpg) #99b802 left no-repeat;margin-top: 2%;margin-left: 3%;}
.box2_1{font-size:18px;float: right; width:100%;text-indent: 48%;line-height: 160px;}
.box2_1 a{ color:#fff;width:100%; height:103px; float:left;}
.box3{ float:left; width:48%;height:103px; overflow:hidden; background:url(wap/mobile_3.jpg) #00aea5 left no-repeat;margin-top: 2%;}
.box3_1{font-size:18px;float: right; width:100%;text-indent: 48%;line-height: 160px;}
.box3_1 a{ color:#fff;width:100%; height:103px; float:left;}
.box4{ float:left; width:48%;height:103px;overflow:hidden;background:url(wap/mobile_4.jpg) #fe8705 left no-repeat;margin-top: 2%;margin-left: 3%;}
.box4_1{font-size:18px;float: right; width:100%;text-indent: 48%;line-height: 160px;}
.box4_1 a{ color:#fff;width:100%; height:103px; float:left;}
.box5{ float:left; width:48%;height:103px; overflow:hidden; background:url(wap/mobile_5.jpg) #5a35b8 left no-repeat;margin-top: 2%;}
.box5_1{font-size:18px;float: right; width:100%;text-indent: 48%;line-height: 160px;}
.box5_1 a{ color:#fff;width:100%; height:103px; float:left;}
.box6{ float:left; width:48%;height:103px;overflow:hidden;background:url(wap/mobile_6.jpg) #ea0001 left no-repeat;margin-top: 2%;margin-left: 3%;}
.box6_1{font-size:18px;float: right; width:100%;text-indent: 48%;line-height: 160px;}
.box6_1 a{ color:#fff;width:100%; height:103px; float:left;}
.box7{ float:left; width:99%;height:103px; overflow:hidden; background:url(wap/mobile_7.jpg) #148cfc left no-repeat;margin-top: 2%;}
.box7_1{font-size:18px;float: right; width:100%;text-indent: 75%;line-height: 160px;}
.box7_1 a{ color:#fff;width:100%; height:103px; float:left;}

#banner{width: 100%;overflow: hidden;}
.title { height:30px;line-height:26px; padding-left:10px; background:#1d7ecb url(wap/title_bg.gif) left bottom repeat-x;color:white;}
.title span {float:right;padding-right:10px;}
.title a {color:white;font-size: 16px;}
.title span a {font-weight:normal;}

.line {height:1px;background:url(wap/point.gif) left top repeat-x;}

.text_list li {line-height:24px; text-indent:12px;background:url(wap/icon_02.gif) left no-repeat;}
.news_list li {line-height:28px; text-indent:20px; height:28px; overflow:hidden; background:url(wap/icon_01.gif) left no-repeat;border-bottom:1px dotted #ccc;}

.p10 { margin:2%;}
.p20 {margin:2% 0;}

.tel {line-height:26px; padding:0px 0px 0px 20px; background:url(wap/tel.png) left center no-repeat;}

.email {height:26px;line-height:26px; padding:0px 0px 0px 20px; background:url(wap/email.png) left center no-repeat;}
.address {line-height:26px; padding:0px 0px 0px 20px; background:url(wap/address.png) left center no-repeat;}
#image_box{ width:100%; margin:0 auto;text-align: center;}
.products{ text-align:center; width:100%;}
.list-view{float:left; width:46%; text-align:center; margin:0 2%; vertical-align:100%; background:#F5F5F5;} 	

.img-wrap{ margin:0 auto; width:100%;overflow:hidden; /*非IE的主流浏览器识别的垂直居中的方法*/vertical-align:middle;/*设置水平居中*/  text-align:center;	}
.img-wrap a {display:block;height:auto; overflow:hidden;}
.img-wrap img {display:block;width:90%;height: 90%;  vertical-align:middle;padding:5%;/*非IE的主流浏览器识别的垂直居中的方法*/vertical-align:middle;/*设置水平居中*/text-align:center;}
#list-view h5 {background: #EEEEEE;padding:0 2%;overflow: hidden; height:30px; line-height:30px; }
#list-view h5 a {clear:both;width:100%;overflow:hidden;font-size:12px;text-align:center;font-weight:normal;}
#list-view span {color:red;}
#list-view h5 p {height:18px;line-height:18px;}
.back,.btn {display:block;clear:both;width:72px;height:21px;line-height:20px;margin:15px 0px;padding-left:10px;
background:url(images/back.gif) left top no-repeat;text-align:center;color:white;font-size:12px;text-decoration: none;border:none;}

/************* 分页 */

.pages {clear:both;}

.pages strong {color:#555;display:block;float:left;height:18px;line-height:18px;float:left;padding:0px 8px;background:#F5F5F5;border:1px solid #ccc;margin: 0px 3px 0px 0px;}

.pages a {display:block;float:left;height:18px;line-height:18px;float:left;padding:0px 8px; border:1px solid #CCC;text-decoration:none;
 margin: 0px 3px 0px 0px;color:#555;}

.pages span { float:right;}

.mailbtn {height:20px;line-height:20px;border:none;background:#194586;color:white;}