/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, p, form, input, select, button, textarea, table, tr, th, td, iframe { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { border: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
body { font-family: Arial, "Microsoft Yahei", "宋体"; font-size: 12px; color: #333; background: #fff; }
/* 禁用iPhone中Safari的字号自动调整 */
html { -webkit-text-size-adjust: none; }
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/* 设置图片视频等自适应调整 */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
.video embed, .video object, .video iframe { width: 100%; height: auto; }
/* 链接 */
a { color: #666666; text-decoration: none; }
a:hover { color:#ed6d03; }
/* 文字大小 */
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
/* 颜色 */
.red { color: #F00; }
.gray { color: #888; }
.lightgray { color: #999; }
.green { color:#6ec300; }
.graybg { background:#f5f5f5; }
.graybg2 { background:#fff; border-top:30px solid #f5f5f5; padding-bottom:30px solid #f5f5f5; }
/* 表单 */
input, select, textarea, label { font-family: Arial, "Microsoft Yahei"; font-size: 12px; vertical-align: middle; }
.form_text { padding-left: 3px; height: 22px; border: 1px solid #CCC; border-radius: 2px; line-height: 22px; }
.form_select { padding-left: 3px; height: 24px; border: 1px solid #CCC; border-radius: 2px; line-height: 22px; _width:80px; min-width:80px; margin-right:15px; }
.form_textarea { padding-left: 3px; border: 1px solid #CCC; border-radius: 2px; line-height: 22px; }
.form_btn { padding: 5px 15px; overflow: visible; }
label.form_check { height:30px; line-height:30px; padding:0 30px 0 20px; display:block; float:left; position:relative; z-index:1; }
label.form_check input { position:absolute; z-index:20; left:0; bottom:8px; }
/* 页面布局 */
.container { margin:0 auto; max-width: 1240px; }
.container2 { margin:0 auto; max-width: 1240px; }
/* 浮动 */
.f_l { float: left; }
.f_r { float: right; }
.clear { clear:both; font-size:0; height:0; overflow:hidden; }
.clear1 { clear:both; font-size:10px; height:10px; overflow:hidden; line-height:10px; }
.clear2 { clear:both; font-size:20px; height:20px; overflow:hidden; line-height:20px; }
.clear4 { clear:both; font-size:40px; height:40px; overflow:hidden; line-height:40px; }
.clearline { clear:both; font-size:15px; height:15px; overflow:hidden; line-height:15px; border-bottom:1px solid #eee; margin-bottom:15px; }
/*flex 宽度定义 / 10px 为 栅格大小 不随屏幕大小而变化 */
.list-flex { margin-left:-10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.list-flex .col { display: -webkit-flex; display: flex; }
.col { position: relative; padding:0 0 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out; }
.col.n-1 { width: 8.33%; }
.col.n-2 { width: 16.66%; }
.col.n-2-5 { width: 20%; }
.col.n-3 { width: 25%; }
.col.n-3-5 { width:30%; }
.col.n-4 { width: 33.333%; }
.col.n-4-5 { width:40%; }
.col.n-5 { width: 41.666%; }
.col.n-6 { width: 50%; }
.col.n-7 { width: 58.33%; }
.col.n-7-5 { width: 60%; }
.col.n-8 { width: 66.66%; }
.col.n-9 { width: 75%; }
.col.n-9-5 { width: 80%; }
.col.n-10 { width: 83.33%; }
.col.n-11 { width: 91.66%; }
.col.n-12 { width: 100%; }
 @media screen and (max-width: 1024px) {
}
@media screen and (max-width: 1150px) {
.container2 {
padding:0 10px;
}
}
 @media screen and (max-width: 978px) {
}
 @media screen and (max-width: 768px) {
.clear4 {
clear:both;
font-size:10px;
height:10px;
overflow:hidden;
line-height:10px;
}
}