@charset "utf-8"; /*! * @名称:base.css * @功能:1、重设浏览器默认样式 * 2、设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ * { font-family: "Microsoft YaHei"; } html { background: white; color: black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } /* 要注意表单元素并不继承父级 font 的问题 */ body, button, input, select, textarea { font-size: 14px; } /*input,select,textarea { font-size:100%; }*/ /* 去掉 table cell 的边距并让其边重合 */ table { border-collapse: collapse; border-spacing: 0; } /* ie bug:th 不继承 text-align */ th { text-align: inherit; } /* 去除默认边框 */ fieldset, img { border: none; } /* ie6 7 8(q) bug 显示为行内表现 */ iframe { display: block; } /* 去掉 firefox 下此元素的边框 */ abbr, acronym { border: none; font-variant: normal; } /* 一致的 del 样式 */ del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } /* 去掉列表前的标识,li 会继承 */ ol, ul { list-style: none; } /* 对齐是排版最重要的因素,别让什么都居中 */ caption, th { text-align: left; } /* 来自yahoo,让标题都自定义,适应多个系统应用 */ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; } q:before, q:after { content: ""; } /* 统一上标和下标 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 让链接在 hover 状态下显示下划线 */ /*a:hover { text-decoration:underline; }*/ /* 默认不显示下划线,保持页面简洁 */ ins, a { text-decoration: none; } /* 去除 ie6 & ie7 焦点点状线 */ a:focus, *:focus { outline: none; } a { color: #1a1a1a; cursor: pointer; } img { /*max-width: 100%;*/ border: 0px; vertical-align: top; border: none; } input { border: none; appearance: none; -moz-appearance: none; outline: none; /** input标签聚焦不出现默认边框: **/ -webkit-appearance: none; /** 用于IOS下移除原生样式 **/ } button { border: 0; background-color: none; outline: none; -webkit-appearance: none; /** 用于IOS下移除原生样式 **/ } select { border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent; padding-right: 14px; } /* 清除浮动 */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1; /* for ie6 & ie7 */ } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } /* 设置显示和隐藏,通常用来与 js 配合 */ .hide { display: none; } .block { display: block; } /* 设置浮动,减少浮动带来的 bug */ .fl, .fr { display: inline; } .fl { float: left; } .fr { float: right; } /* ----------------------------通用结束------------------------------------------ */ body { min-width: 1280px; font-family: "Microsoft YaHei", Arial, Verdana, Helvetica, sans-serif; /* background-color: #eeeef0; */ background-size: 100% 100%; } .w1200 { width: 1200px; margin: 0 auto; overflow: hidden; } .w1133 { width: 1190px; margin: 0 auto; overflow: hidden; } /* ----------------------------banner------------------------------------------ */ .header { position: relative; width: 100%; height: 788px; margin: 0 auto; background: url("25671806.jpg") top center no-repeat; } /* ----------------------------main------------------------------------------ */ /* 头条-编者按 */ .headline { padding: 40px 30px; margin-top: 30px; border-radius: 10px; /* background-color: #fff; */ background-color: #fff; } .headline .headline-bgc { /* width: 1070px; */ background: url("25657292.png") left center no-repeat; } .headline .headline-bgc a { display: block; padding-left: 70px; font-size: 22px; line-height: 1.8; color: #000; font-family: "Adobe Heiti Std"; } /* 年份菜单 */ /* ---------------------------日期--------------------------- */ .menu { padding-top: 45px; } .menu-first { height: 200px; padding-bottom: 25px; background: url("25657297.png") top center no-repeat; } .menu-first ul { padding-left: 50px; } .menu-first ul li { float: left; width: 99px; height: 99px; background: url("25657295.png") no-repeat; -moz-transform: rotate(45deg); /* FF3.5/3.6 */ -o-transform: rotate(45deg); /* Opera 10.5 */ -webkit-transform: rotate(45deg); /* Saf3.1+ */ transform: rotate(45deg); /* Newer browsers (incl IE9) */ /* filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)"; */ filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ } .menu-first ul li:nth-child(2n-1) { margin-top: 105px; } .menu-first ul li:nth-child(2n) { margin-top: 16px; } /* ie8 */ .menu-first ul .li-odd { margin-top: 16px; } .menu-first ul .li-even { margin-top: 105px; } .menu-first ul li a { display: block; width: 96px; height:96px; line-height:34px; padding-top: 22px; font-size: 29px; padding-left:9px; transform: rotate(-45deg); text-align: center; } .curr1 { background: url("25657296.png") no-repeat !important; } .curr2 { color: #fff; } /* ---------------------------日期内容--------------------------- */ .menu-last { padding-top: 45px; } .menu-last ul .swiper { width: 1190px; height: 655px; margin: 0 auto; } .menu-last ul li { padding-top: 55px; } .menu-last ul li .last-fl { position: relative; width: 107px; height: 100px; background: url("25657301.png") left top no-repeat; } .menu-last ul li .last-fl .fl-one { position: absolute; top: 20px; left: 25px; color: #fff; font-size: 18px; } .menu-last ul li .last-fl .fl-two { position: absolute; bottom: 18px; left: 15px; font-size: 18px; } .menu-last ul li .last-fr { width: 1035px; } .menu-last ul li .last-fr .fr-one { display: block; font-size: 28.4px; color: black; } .menu-last ul li .last-fr .fr-two { display: block; padding-top: 20px; line-height: 35px; font-size: 21px; text-indent: 2em; font-weight: 450; color: #616161; } .more a { display: block; /* width: 71px; */ padding-top: 25px; padding-bottom: 22px; } /* ---------------------------------学习动态--------------------------------- */ .dynamic { padding-top: 25px; } .dy-first { width: 100%; } .dy { padding-top: 45px; } .dy-con { position: relative; width: 48%; background: url("25657290.png") left top no-repeat; border-radius: 20px; } .dy-con .name { position: absolute; width: 308px; top: 20px; left: 118px; /* left: 50%; */ color: #fff; font-size: 37px; text-align: center; line-height: 75px; border-radius: 37px; background-color: #d82f07; /* transform: translateX(-50%); */ } .dy-con .content { margin: 58px 15px 25px 20px; background-color: #fff; border-radius: 15px; } .dy-con .content ul { padding-top: 32px; /* margin-bottom: 24px; */ } .dy-con .content ul li { margin: 0 15px; margin-top: 31.5px; padding-left: 20px; background: url("25657298.png") left top no-repeat; } .dy-con .content ul li a { display: block; padding-left: 20px; font-size: 18px; line-height: 28px; font-weight: 550; } .dy-con .content .more a { margin-right: 15px; } /* ---------------------相关链接------------------------- */ .link { padding-top: 73px; padding-bottom: 70px; } .link-first { width: 100%; } .link-last { padding-top: 80px; } .link .more { padding-top: 60px; }