@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*通用*/
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer,i,img{margin:0;padding:0;font-size:14px;list-style:none;text-decoration:none;border:0;}
body{ font-family:'',Helvetica,Arial,Tahoma;min-width:240px;color:#4D4D4D;}
a{color:#666;text-decoration:none;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
#content{width:100%;position:absolute;top:50px;letter-spacing:.05em;bottom:50px;}
#page1,body{position:absolute; top:0; bottom:0; width:100%;background-size: 100%;}
#article{position:absolute; top:0; bottom:0; width:100%; background:rgba(255,255,255,1);}

.header{ background:#65bcc4;z-index:99;	font-size: 22px;font-weight: bold;color: #fff;line-height: 50px;text-align:center;box-sizing: border-box;width: 100%;}

.lb{ max-width:680px; min-width:240px; margin: 0 auto;}
.lb ul li{ float:left; width:23.15%; height:90px; margin-top:7px; margin-left:1.5%;}
.lb ul li img{ width:60px; height:60px; display:block; margin:0 auto;  padding-top:6px;}
.lb ul li span{ display:block; width:100%; height:25px; line-height:25px; color:#fff; font-size:16px; text-align:center;}
.lb ul li.l1{ background:#bc4040;}
.lb ul li.l2{ background:#6f9c97;}
.lb ul li.l3{ background:#03b2b5;}
.lb ul li.l4{ background:#d87570;}
.lb ul li.l5{ background:#bbd1c4;}
.lb ul li.l6{ background:#febf02;}
.lb ul li.l7{ background:#bbd1c4;}
.lb ul li.l8{ background:#febf02;}

.more{ max-width:680px; min-width:240px; margin: 0 auto;}
.more a{ display:block; margin:10px 1.5%; height:25px; line-height:25px; border:#ccc solid 1px; font-size:16px; text-align:center; color:#333;}


.about{max-width:680px; min-width:240px; margin:10px auto; line-height:25px;}
.about img{  display:block; /*margin:0 1.5%;*/ width:97%;}
.about p{ color:#333; font-size:16px; margin:0 1.5%;}



.about1{max-width:680px; min-width:240px; margin:10px auto; line-height:25px;}
.about1 img{  display:block;  margin:0 1.5%;  width:97%;}
.about1 p{ color:#333; font-size:16px; margin:0 1.5%;}



.anli{ max-width:680px; min-width:240px; margin: 0 auto;}
.anli h2{ background:url(../images/biao_03.png) center no-repeat; font-size:18px; color:#000; text-align:center; height:35px; line-height:35px; font-weight:normal; margin-bottom:10px;}
.anli .sm{ height:118px; margin-bottom:10px;}
.anli .sm ul li{ float:left; width:31.34%; height:118px; margin-left:1.5%;}
.anli .sm ul li img{ width:100%; height:100%;}


.new{max-width:680px; min-width:240px; margin: 0 auto;}
.new h2{ background:url(../images/biao_03.png) center no-repeat; font-size:18px; color:#000; text-align:center; height:35px; line-height:35px; font-weight:normal;}
.new ul li{ height:50px; margin-top:6px;}
.new ul li.l1{ background:#f5f5f5;}
.new ul li .left{ width:90%; float:left; margin-left:1.5%;}
.new ul li .left a{ display:block; width:100%; height:30px; line-height:30px; color:#333; font-size:16px; overflow:hidden;}
.new ul li .left span{ display:block; width:100%; height:20px; line-height:20px; color:#999; font-size:14px; overflow:hidden;}
.new ul li .right{float:right; margin-right:1.5%;}
.new ul li .right img{ display:block; width:20px; height:20px; margin-top:15px;}


.foot{ background:#fafafa; margin-top:10px; border-top:#ccc solid 2px; text-align:center; padding:10px 10px 60px 10px;}
.foot ul li{ line-height:25px; text-align:center;}






.side_nav{ height:50px; z-index:99;position:fixed; bottom:0; width:100%; overflow:hidden; background:#65bcc4; }
.side_nav dl{ text-align:center; height:50px;}
.side_nav dl a{ display:block; color:#fff; font-size:12px; height:50px; }
.side_nav dl a span{ display:block;text-align:center; height:29px; padding:0px;}
.side_nav dl a span img{ width:26px; height:26px; padding-top:3px;}
.side_nav dl dd a{ height:50px; border-left:#4fb4bd solid 1px;}
.side_nav dl dd{ float:left; width:20%;}
.side_nav dl dt{ float:left; width:20%;}


