/*通用样式*/ *{ margin: 0px; padding: 0px; } .fl { float: left; } .fr { float: right; } .clearfix { zoom: 1; } .clearfix:after { content: "020"; height: 0px; display: block; overflow: hidden; clear: both; } img, input, button { border: none; outline: none; } a { color: #333333; } a:hover { color: #00589e; cursor: pointer; text-decoration: none; } /*a:visited {color: #333333;} a:active {color: #333333;}*/ ul li, ol li { list-style-type: none; } body { background-color: #ffffff; font-family: "microsoft Yahei"; } .inner { width: 1220px; margin: 0 auto; } /*header start*/ /*header end*/ /*content start*/ .content { width: 100%; background-color: #f7f7f7; padding-bottom: 30px; } /* 当前位置 */ .contentT { width: 100%; height: 60px; } .contentT .inner { background: url(col_pic_01.png) no-repeat 20px center; } .contentT .now { height: 60px; line-height: 60px; color: #1a56a8; margin-left: 45px; } .contentT a { font-size: 13px; color: #1a56a8; padding: 0 4px; } .contentT a.current { color: #999999; } /* 栏目内容 */ .contentB { background-color: #ffffff; padding: 30px 20px; } /* 栏目列表 */ .contetnL { width: 340px; } .contentL h3 { width: 340px; height: 80px; line-height: 80px; text-align: center; font-size: 22px; font-weight: bold; color: #ffffff; background-color: #1a56a8; } .contentL img { padding-right: 9px; } .list{ background: #f8f8f8; } .bg{ background:url("line-2.png") repeat-y 380px top; } /* 父级栏目 */ .fathCol{ width: 100%; height: 60px; line-height: 60px; font-size: 20px; color: #333333; background: #f1f1f1 url(col_pic_03.png) no-repeat 296px center; cursor: pointer; padding-left: 30px; margin-top: 5px; position: relative; } .fathCol a { color: #333333; } /* 父级当前栏目改变样式 */ .curCol{ font-weight: bold; color: #1a56a8; background-color: #e8eef6; } .curCol a { color: #1a56a8; } /* 子级栏目 */ .contentL ul{ /* padding: 10px 0; */ display: none; } .contentL li { padding-left: 60px; font-size: 18px; line-height: 23px; background: url(col_pic_04.png) no-repeat 51px 10px; padding-bottom: 10px; } .contentL li:first-child{ margin-top: 10px; } .contentL li a{ width: 100%; height: 30px; font-size: 18px; color: #666666; cursor: pointer; display: inline-block; } .contentL li a.cur { color: #1a56a8; } /* 文章正文 */ .contentR { width: 800px; /* border-left: 1px solid #e6e6e6; */ padding-left: 40px; padding-right: 20px; } .contentR h3 { width: 100%; text-align: center; border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; } .contentR h3 span { font-size: 14px; font-weight: normal; color: #999999; padding-right: 40px; } .contentR h3 span:first-child { font-size: 28px; font-weight: bold; color: #333333; display: block; padding-bottom: 25px; padding-right: 0px; } .size a { color: #1a56a8; } .print { font-size: 14px; font-weight: normal; color: #999999; } .contentR p { line-height: 30px; /* font-size: 16px; */ color: #333333; padding-top: 10px; } /*content end*/ /*footer start*/ /*footer end*/ /*******自适应*********/ @media (max-width: 700px) { body { min-width: 100%; width: 100%; background: #fff; } .inner { width: 100%; } /* 自适应添加父级栏目导航图标 */ .nav-base { width: 18px; height: 18px; float: right; background: url(col_pic_05.png) no-repeat; background-size: 100%; margin: 4px 10px 0 0; } .logo-r-bg { /* display: none; */ background: url(col_pic_06.png) no-repeat; background-size: 100%; } .contentT { height: 100%; padding: 15px 0px; } .contentT .inner { background: url(col_pic_01.png) no-repeat 4px 0px; } .contentT .now { height: 100%; line-height: 100%; margin-left: 20px; } .contentB { padding: 10px; padding-top: 0px; } /* 左侧栏目显隐控制 */ #mask{ width: 60%; overflow-y: auto; position: absolute; right: 0; display: none; } .contentL h3 { width: 100%; height: 60px; line-height: 60px; } .fathCol { background: #f1f1f1; margin-top: -1px; padding-left: 20%; } .contentL ul { width: 100%; } .contentL li { background: url(col_pic_04.png) no-repeat 15% center; padding-left: 20%; } .contentR { width: 100%; border-left: none; padding: 0px; } .contentR h3 { padding-bottom: 10px; } .contentR h3 span:first-child { padding: 10px 0px; } /* 时间、来源、字号等信息 */ .contentR h3 span { padding-right: 0px; } .contentR .time, .contentR .source, .contentR .zt { width: 100%; font-size: 13px; display: block; } .print{ display: none; } }