*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font:normal 13px/22px Microsoft YaHei;background: url("../images/bg.jpg") top repeat-x;}
img{ border:0;}
a{ text-decoration:none; color:#333;  }
a:hover{ color:#18629e;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*height:1%;}
.w1000{width: 1000px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.head{padding: 20px; background: url("../images/headbg.jpg") no-repeat center;}
.head img{vertical-align: middle;}
.headr{padding: 10px 10px 0 0;}
.headr b{background: url("../images/tel.jpg") no-repeat;padding-left: 30px;color:#18629e;font-size: 18px;}
.head select{height: 34px;width: 165px;margin-top: 5px;color:#555;border: 1px solid #ccc;border-radius: 5px;font-size: 14px;}
.nav{background: url("../images/navbg.jpg") repeat-x;height: 52px;overflow: hidden;padding-top: 15px;box-shadow: 0 0 3px 3px #ccc;position: absolute; width: 100%;}
.nav ul li{float: left;  margin-right:20px; padding: 0 30px 0 10px;height: 50px;font-size: 14px;}
.nav ul li.on,.nav ul li:hover{border-bottom: 2px solid #fff;}
.nav ul li a{color:#fff;}
.main{padding:15px;background: #fff; margin-top: 68px;}
/* 本例子css */
.focusBox { position: relative; width: 1000px; height: 200px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width: 1000px; height: 200px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 32px; width:100%;  background: #333; filter: alpha(opacity=60); opacity: 0.6; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 32px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:32px; line-height:32px; position:absolute; bottom:-32px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
.mainl{margin-top: 15px; padding: 1px;border: 1px solid #e3e3e3;width: 242px;}
.tiao{background: #357dd0 url("../images/logo-tiao.jpg") no-repeat 0 2px;height: 33px;border-radius: 0 0 4px 4px;color:#fff;padding-left: 40px;line-height: 33px;font-size: 15px;}
.tiao span a{font-size: 10px;color:#fff;margin-right: 10px;}
.leftbox{background: #ecf3fd;}
/* 手风琴 */
.leftbox{}
.leftbox .hd{ margin-top:1px; background: url("../images/dt.jpg");  cursor:pointer;height: 31px; line-height: 31px;padding-left: 20px;}
.leftbox .hd h3{color:#333;font-size: 14px;font-weight: normal;}
.leftbox .on{ background: url("../images/dt2.jpg"); }
.leftbox .on h3{color:#18629e;font-weight:bold;}
.leftbox .bd{ display:none;padding:10px 0;  }
.leftbox .bd li{line-height: 28px;background: url("../images/sanjiao.jpg") no-repeat 20px;}
.leftbox .bd li a{color:#666;padding-left: 30px;}
.leftbox .bd li a:hover{color:#18629e;}
.leftbox .bd li.on a{font-weight:bold;color:#18629e;}
.mainr{width: 740px;margin-top: 15px;}
.index_top .about,.index_top .down,.index_c .news,.index_c .zizhi{border: 1px solid #e3e3e3;padding: 1px;}
.index_top .about,.index_c .news{width: 478px;}
.index_top .down,.index_c .zizhi{width: 240px;}
.tiao2{background: url("../images/tiao2.jpg");height: 34px;line-height: 34px;padding:0 10px;font-size: 15px;color:#18629e;font-weight: bold;}
.tiao2 span a {color:#18629e;font-size: 10px;}
.tiao2 i{font-style: normal;color:#ccc;font-weight: normal;margin-left: 5px;font-size: 13px;}
.index_top .about .nr{padding: 15px;height: 155px;}
.index_top .about .nr img{float: left;padding: 2px;border: 1px solid #ddd;margin-right: 10px;width: 135px;height: 95px;}
.index_top .down{background: #ecf3fd}
.index_top .down ul{padding: 15px;height: 156px;}
.index_top .down ul li{border-bottom: 1px dashed #ccc;line-height:25px;}
.index_top .down ul li a{color:#357dd0}
.index_top .down ul li a:hover{color:#666;}
.index_c .news,.index_c .zizhi{margin-top: 15px;}
.toutiao{padding: 15px;}
.toutiao img{float: left;width: 95px;height: 75px; padding: 1px;border: 1px solid #ddd;margin-right: 10px;}
.toutiao h2{font-weight: normal;margin-bottom: 10px;}
.toutiao p{color:#666;}
.index_c .news ul{padding: 15px;border-top: 1px dashed #ddd;}
.index_c .zizhi ul{padding: 15px;height: 178px;}
.index_c .zizhi ul li{line-height: 25px;}
.index_c .zizhi ul li:nth-of-type(even){ background:#f9fbfe;}
.chanpin{width: 100%;margin-top: 15px;border:1px solid #ddd;}
.scrollBox{position:relative; padding: 15px 0;}
.scrollBox .piclist{ overflow:hidden; zoom:1;}
.scrollBox .ohbox{overflow:hidden; position:relative;width:700px;left:50px;}
.scrollBox .piclist li{float:left; display:inline; width:140px;height:140px;background:#fff;margin-right:10px;padding:5px;}
.scrollBox .piclist li img{max-width: 150px;max-height: 110px; box-shadow: 0px 0px 2px 2px #ddd;}
.scrollBox .piclist li span{height:25px;line-height:25px;display:block; }
.scrollBox .pageBtn span{ background:url("../images/bntBg.png") no-repeat; display:block;width:37px;height:59px;position:absolute;top:52px;cursor:pointer;text-indent:-999em;overflow:hidden; }
.scrollBox .pageBtn .prev{left:10px;background-position:-11px -84px ;}
.scrollBox .pageBtn .next{right:10px;background-position:-53px -84px ;}
.foot{margin-top: 15px;}
.footnav{background: #017ec0;height: 48px; line-height: 48px}
.footnav ul{padding-left: 100px;}
.footnav ul li{float: left;margin: 0 25px;}
.footnav ul li a{color:#fff;}
.footnav ul li a:hover{color: #f0de29;}
.footc{ background: url("../images/bootlogo.jpg") no-repeat;padding: 30px 30px 30px 240px;min-height: 100px; width: 700px; margin: 0 auto}
.footc a{color: #18629e;}
.footc a:hover{color:#e57617;}
.mainr .box{border: 1px solid #e3e3e3;padding: 1px;}
.newstext{padding: 15px;font-size: 14px;min-height: 515px;color:#555}
.newstext p{margin-bottom: 10px;line-height: 1.8em;color:#555;}
.newstext img{max-width: 690px;}
.newstext .title{color:#18629e;text-align: center;margin: 10px 0;}
.newstext .smalltext{text-align: center;color:#666;margin: 20px 0;border: 1px solid #ddd; border-left: none;border-right: none;padding: 5px 0;}
.smallnav{margin-top: 10px;}
.product,.pro{padding: 15px 0 15px 15px;min-height: 515px;}
.product li{width: 165px; height: 160px;float: left;margin: 0 15px 15px 0;}
.product li span{height:25px;line-height:25px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product li img{max-width: 165px; max-height: 120px;box-shadow: 0px 0px 2px 2px #ddd;}
.product li img:hover{box-shadow: 0px 0px 2px 2px #ccc;}
.pro li{width:340px; float:left;margin: 0 15px 15px 0; border:1px solid #ccc; text-align:center;}
.pro li h2{padding:10px;border-bottom:1px solid #dadada;text-align:left;margin-bottom:10px;font-size:16px;}
.pro li img{max-width:60%;max-height:150px;}
.pro li p{padding:10px;text-align:left;}
.newslist,.download,.zhaopin{min-height: 515px;padding: 15px;}
.newslist span{float: right;color:#666;}
.newslist li{border-bottom: 1px dashed #ddd;height: 36px; line-height: 36px;list-style: inside; font-size: 14px;}
.newslist li:nth-of-type(even){ background:#f9fbfe;}
.download li,.zhaopin li{width: 100%;height: 120px;margin-bottom: 15px;border-bottom: 1px dashed #ddd;}
.download img{max-width: 100px;max-height: 100px; padding: 2px;border: 1px solid #ddd;float: left;}
.download img:hover{border: 1px solid #18629e}
.download div{width: 590px;float: right;}
.download div h3 span{float: right;font-size: 12px;color:#666;font-weight: normal;}
.download div h3 a,.zhaopin div h3 a{color:#18629e;}
.download div h3 a:hover,.zhaopin div h3 a:hover{color:#e57617;}
.download div p,.zhaopin div p{margin: 10px 0;color:#666;}
.download div i,.zhaopin div i{font-style: normal;color:#555;}
.download div i a{padding: 3px 10px;background: #18629e;color:#fff;border-radius: 5px;margin-left: 30px;}
.download div i a:hover{color:#f9fbfe;}
.download div i span{margin-right: 10px;color:#e57617;}


/* Page */
.page{margin:10px 0;padding: 2px;height: 24px;line-height: 24px;font-size:12px; text-align:center;}
.page a,.page b{margin-left:4px;border-radius: 4px;padding:3px 9px;border:1px solid #ddd;}
.page a,.page a:link,.page a:visited{background:#fff;color:#000;text-decoration:none;}
.page a:hover{background:#7dae1e;border:1px solid #7dae1e;color:#fff;}
.page b{background:#7dae1e;border:1px solid #7dae1e;font-weight:bold;color:#fff;}