﻿/*顶部*/
.top { background-color: #333; color: #fff; }
.top a { color: #fff; }
/*************************************首页样式开始*************************************/
/*搜索框*/
.search-box { height: 400px; margin: 0 auto; padding-top: 60px; background: url(/pic/images/bg.jpg) no-repeat center; }
.search-box .logo { width: 400px; margin: 0 auto; text-align: center; font-size: 36px; color: #fff; padding-bottom: 45px; }
.search-box .logo p { font-size: 12px; padding-top: 10px; padding-left: 12px; }
.search-box .search { position: relative; width: 600px; margin: 0 auto; }
.search-box input { background: #fff; border-radius: 5px; outline: none; width: 495px; height: 54px; padding-left: 10px; top: 0; right: 0; font-size: 16px; }
.search-box button { background: #009933; border-radius: 0 5px 5px 0; border: none; outline: none; width: 100px; top: 0; right: 0; height: 54px; cursor: pointer; position: absolute; }
.search-box button:before { content: "搜索";font-family: "微软雅黑","Microsoft Yahei"; font-size: 22px; color: #F9F0DA; }
/*列表*/
.flex-images { overflow: hidden; }
.flex-images .item { float: left; margin: 4px; border: 1px solid #eee; box-sizing: content-box; overflow: hidden; position: relative; }
.flex-images .item img { display: block; width: auto; height: 100%; }
/*************************************首页样式结束*************************************/

/*************************************三级页面样式开始*************************************/
/*页面布局*/
.section { position: relative; margin: 0 auto; width: 1200px; min-width: 750px; max-width: 1200px; text-align: left; }
.wrapper { position: relative; margin: 0 auto; padding: 0 0 30px 0; width: 100%; height: auto; text-align: center; background: #f5f5f5; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/*主体*/
.left-80 { float: left; position: relative; width: 850px; padding: 15px; background: #fff; }
.left-20 { float: right; position: relative; width: 300px; }
.left-80 .pic img { max-width: 850px; height: auto; border: none; }
.left-20 .tags {margin: 0px 10px;}
.left-20 .tags li { float: left; margin: 0 10px 10px 0; border-radius: 5px; border: 1px solid #cecece; font-size: 14px; line-height: 22px; padding: 5px 8px; }
.left-80 h2 { font-size: 20px; padding: 10px 0px; margin: 15px 0px; color: #111; border-bottom: solid 1px #ddd; }
.left-80 .memo { font-size: 16px; padding: 10px 0px; color: #333; }
.left-20 .right_box { background-color: #fff; min-height: 583px; height:auto;}
.left-20 .right_box h2 { text-align: center; color: #009900; font-size: 16px; font-weight: normal; line-height: 48px; }
.left-20 .right_box .line { border-bottom: 1px solid #e6e6e6; width: 200px; height: 1px; margin: 20px auto 0px auto; }
.left-20 .right_box .copyright { color: #666; font-size: 12px; line-height: 24px;height:auto; }
.left-20 .right_box p { font-size: 14px; height: 30px; line-height: 30px; padding: 0px 10px; }
.left-20 .right_box p span { background: #339933; border-radius: 10px; color: #fff; text-align: center; margin-right: 15px; padding-left: 10px; }
/*************************************三级页面样式结束*************************************/