* { margin: 0px; padding: 0px; font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;}
body { min-width: 1200px; font-size: 12px; overflow-x: hidden;}
html,body { min-width: 1200px; font-size: 12px; height: 100%;}
table, td, tr, ul, ol, li, dl, dd, dt, p, input, form, em, p, img, h1, h2, h3, h4, h5 { margin: 0px; padding: 0px;
}
h1 { color: #232323; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, p, span { font-size: 14px; }
p { color: #686868; }
ul { list-style: none; }
.cursor { cursor: pointer;}
.clear {clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.tl { text-align: left; }
.tc { text-align: center;}
.tr { text-align: right; }
img { border: 0; }
a { text-decoration: none; color: #000; }
.gy { width: 1300px; margin: 0 auto; overflow: hidden; }
a:hover { text-decoration: none; color: #8d8d8b; }

.w1200{ width: 1200px; margin:0 auto; }
.head{padding:50px 0; box-sizing: border-box;color: #fff9ec!important; height: 336px;}
.header h1{ font-size: 30px; font-weight: normal; }
.header_txt_box{ display: flex; margin-top:20px; }
.header_txt_box:first-child{ flex: 1; }
.header_txt{ display: flex;top: 250px; position: absolute; }
.header_txt_box img{ width: 60px; display: block; }
.header_txt_box span{ margin-left: 10px; display: inline-block;}
.header_txt_box span p{ font-size: 18px; }
.header_txt_box span p:first-child{ margin-top:5px; }
.header_txt_box ul{ display: flex; }
.header_txt_box ul li{ font-size: 18px;line-height: 35px; padding: 2px 14px;margin-right: 50px;border-radius: 25px;background: #555555; }
.header_txt_box>ul>li>a{color: #fff!important;}
.zbc1{ box-shadow:0px 0px 5px #f2f2f2; }
.zbc1_box{ height: 60px; line-height: 60px; }
.zbc1_box a{ font-size: 18px; margin-right: 40px;  }
.zbc1_box a.on{ color: #f00; border-bottom:2px solid #f00; width: 20px; }
.zbc2{ background: #fff; border-radius: 5px; width: 98%; margin: 0 auto 10px; }
.zbc2 ul{ box-shadow:0px 0px 5px #f2f2f2; border-radius: 10px; padding:20px; box-sizing: border-box; }
.zbc2 ul li{ padding:7px 0; font-size: 16px; }
.zbc2 ul h2{ font-size: 24px; color: #333; }
.zbc2 ul span{ margin-top:10px; color: #333; line-height: 24px; margin-bottom: 10px; font-size: 16px; display: block; }
.zbc2 ul li a{ display: block; }
.zbc2 ul li a img{ width: 20px; vertical-align: middle; }

/**
 视频播放页
 */
.container{ display: flex; height: 100% }
.box1{ width: 5%; background: #ccc; }
.box1_poic{ height: 33%;  position: relative; top:33%; }
.box1_poic a{ width: 30px; display: table; margin:15px auto; }
.box1_poic a img{ width: 100%; }
.box1_poic a p{ font-size: 14px; }
.box2{ width: 20%;background: #fff;position: fixed;top: 0;z-index: 100;left: 5%;overflow-y:scroll;max-height: 900px;height: 100%;}
.box2 ul{ padding:15px; box-sizing: border-box;}
.box2 ul li{ line-height: 30px; height: 30px;font-size: 12px;overflow: hidden;}
.box2 ul span{ font-size: 18px; font-weight: bold; color: #333; padding-left: 0 }
.box2 ul li a{ font-size: 16px; display: flex;}
.box2 ul li a p{ flex:1;  box-sizing: border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.box2 ul li a img{ width: 20px; height: 20px; display: inline-block; margin-top:5px; }
.box3{ width: 94%; background: #ccc;}
.box4{ width: 20%; background: #333;}