body{margin:0;padding:0;font:400 14px '微软雅黑',Helvetica,Arial,sans-serif;background:#f0f2f5}
ul,li{margin:0;padding:0;list-style:none}
dl,dd,dt,p{margin:0;padding:0}
a{text-decoration:none;color:#4d516e}

header{height:30px;padding:5px;background:#0EA08A}
header .logo{width:80px;float:left;}
header .logo img{margin-top:5px;}
header .search{height:30px;margin-left:200px;background:white;border-radius:5px;}
header .search .search-filed{height:20px;margin-right:50px;padding:5px;margin-right:60px}
header .search .search-filed input{width:100%;height:20px;border:#fff none;outline:none}
header .search .search-btn{width:50px;height:30px;float:right;border-left:1px solid #0EA08A;}
header .search .search-btn input{width:20px;height:20px;border:#fff none;background:url("../images/index_ico5.png") no-repeat;background-size:25px auto;margin-top:5px;margin-left:12px;}


.arrow{background:url("../images/arrow_d.png") center center no-repeat}
.arrow.up{background:url("../images/arrow_u.png") center center no-repeat}

.page{background:#fff;text-align:center;padding:20px 0;border-bottom:1px solid #e0e0e0}
.page .page-btn{display:inline-block;padding:0 15px;height:35px;text-align:center;line-height:35px;border:1px solid #c8cacc;color:#3f4358;margin-right:10px;}
.page .page-btn:last-child{margin-right:0px;}
.page .page-btn.active{border-color:#ff7201}
.page .page-btn.disable{border-color:#c6cbd2;color:#c6cbd2}

nav{height:40px;border-bottom:1px solid #e0e0e0;background:#fff}
nav ul li{float:left;text-align:center;}
nav ul li:first-child:nth-last-child(1){width:100%}
nav ul li:first-child:nth-last-child(2),nav ul li:first-child:nth-last-child(2)~li{width:50%}
nav ul li:first-child:nth-last-child(3),nav ul li:first-child:nth-last-child(3)~li{width:33.3333%}
nav ul li:first-child:nth-last-child(4),nav ul li:first-child:nth-last-child(4)~li{width:25%}
nav ul li:first-child:nth-last-child(5),nav ul li:first-child:nth-last-child(5)~li{width:20%}
nav ul li:first-child:nth-last-child(6),nav ul li:first-child:nth-last-child(6)~li{width:16.6666%}
nav ul li a{display:block;width:100%;height:40px;line-height:40px;font-weight:bold;}
nav ul li a.active{height:37px;border-bottom:3px solid #0EA08A}

.icon-angle-left:before { content: "\f104" }
.icon-angle-up:before { content: "\f106" }
.icon-angle-right:before { content: "\f105" }
.icon-angle-down:before { content: "\f107" }
.icon-bars:before { content: "\f0c9" }
.icon-search:before { content: "\f002" }
.icon-home:before { content: "\f015" }
.icon-random:before { content: "\f074" }
.icon-pencil:before { content: "\f040" }
.icon-clock-o:before { content: "\f017" }

.wrappic { width: 100%; height: 200px; position: relative; overflow: hidden; float: left; background: #ededed; }
.slidebox { width: 100%; position: absolute; top: 0; left: 0; height: 200px; }
.slidebox li { float: left; width: 100%; height: 200px; left: 0; top: 0; }
.slidebox li img { display: block; width:100%; height: 200px; }
.dot { position: absolute; width: 100%; height: 30px; text-align: right; bottom: 5px; right: 0px; }
.dot p { margin-right: 10px; }
.dot b { width: 15px; height: 15px; color: #333; display: inline-block; border: 1px solid #fff; background: #fff; text-align: center; line-height: 15px; margin: 0 5px; margin-top: 6px; cursor: pointer; font-weight: normal; }
.dot .cur { background: #187A6B; color: #fff; border: 1px solid #187A6B; }
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none }
.btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }

.bottom{margin-top:20px;border-top:1px solid #e0e0e0;background:#fff}
/*.bottom{border-top:1px solid #e0e0e0;background:#fff;position:fixed;bottom:0px;width:100%}*/
.bottom .zones{height:45px;padding:10px;}
.bottom .zones a{display:block;width:24.5%;height:45px;border-right:1px dashed #e0e0e0;float:left;text-align:center;color:#353840;line-height:70px;font-size:10px}
.bottom .zones a:last-child{border-right:#fff none}
.bottom .zones a.home{background:url("../images/home.png") center 0px no-repeat;}
.bottom .zones a.pub{background:url("../images/pub.png") center 0px no-repeat;}
.bottom .zones a.user{background:url("../images/user.png") center 0px no-repeat;}
.bottom .zones a.up{background:url("../images/backtotop.png") center 0px no-repeat;}
footer{background:#3d4049;padding-bottom:50px;padding-top:20px;}
footer .switch{text-align:center;width:245px;overflow:hidden;zoom:1;margin:0 auto;}
footer .switch a{background:#373a43;display:block;float:left;width:80px;height:32px;line-height:32px;text-align:center;border-style:solid none solid solid;border-width:1px;color:#82848a;border-color:#2f323b}
footer .switch a.active{color:#fff}
footer .switch a:last-child{border-right:1px solid #2f323b}
footer p{color:#64666d;text-align:center;margin-top:20px;}

.box1 .con{background:#fff;padding:5px;}
.box1 ul{overflow:hidden;zoom:1}
.box1 li{width:50%;height:30px;line-height:30px;float:left;}
.box1 li a{display:block;height:30px;line-height:30px;text-align:center;}
.box1 li a:hover{background:#f5f5f5}