* { margin: 0; padding: 0; } body { background-color: #FFF; } .mainbody { width: 1200px; margin: 15px auto; min-height: 600px; margin-top:40px } .leftnavs { width: 200px; float: left; margin-right: 40px; } .newlist { width: 960px; float: left; } .clearfloat:after { display: block; content: ''; clear: both; } .listtitle { width: 100%; height: 65px; font-size: 24px; font-weight: 600; color: #068358; line-height: 60px; border-bottom: 1px solid rgba(6, 131, 88, 0.1); } .artical { font-weight: 400; } .articaltitle { text-align: center; width: 100%; font-size: 24px; font-weight: 600; color: #068358; line-height: 40px; margin-top: 10px; /* border-bottom: 1px solid rgba(6, 131, 88, 0.1); */ } .listtitle1 { margin-bottom: 24px; } .listtitle.sublisttitle{ font-size:18px; color:rgba(109, 183, 68, 1); } .navs { width: 100%; /*min-height: 200px;*/ background: #FBFBFB url(../images/bg_menu.png) no-repeat bottom; padding-bottom: 85px; } .navs>li, .subnavs>li { width: 100%; min-height:52px; line-height: 22px; color: #333333; padding-left: 40px; border-left: 4px solid transparent; box-sizing: border-box; position: relative; font-size:16px; cursor: pointer; padding-top:15px; padding-bottom:15px; } .subnavs>li{ padding-left: 54px; } .subnavs>li .titles{ color: #999999; } .subnavs>li.currentSubnav .titles { color: #6DB744; font-weight: 600; } .navs>li:last{ margin-bottom:75px; } .navs>li>a{ font-size:16px; color: #333333; display: inline-block; width: 100%; height: 100%; } .navs>li:hover .subnav { display: block; } .navs>li:hover { border-left: 4px solid #6DB744; background-color: rgba(109, 183, 68, .1); color:rgba(109, 183, 68, 1); } .navs>li.subnavs:hover { border-left: 4px solid transparent; background-color: transparent; color:rgba(109, 183, 68, 1); } .navs>li:hover .titles{ color: rgba(109, 183, 68, 1); } .navs>li:hover .points{ background-color: rgba(109, 183, 68, 1); } .navs>li.currentnav { border-left: 4px solid #6DB744; background-color: rgba(109, 183, 68, .1); font-weight: 600; color: rgba(109, 183, 68, 1); } .navs>li.currentnav a{ color: rgba(109, 183, 68, 1); } .news>li.newsitem { height: 120px; padding-top: 28px; padding-bottom: 28px; box-sizing: border-box; width: 100%; border-bottom: 1px dashed rgba(219, 219, 219, 1); } .news>li.noticeitem { height: 47px; line-height: 47px; box-sizing: border-box; width: 100%; border-bottom: 1px dashed rgba(219, 219, 219, 1); } .titlemark { display: inline-block; width: 6px; height: 6px; border-radius: 3px; background-color: seagreen; margin-right: 8px; } .noticetime { color: rgba(0, 0, 0, 0.35); } .newstime { width: 120px; float: left; margin-top: -8px; } .newstime>.day { width: 100%; text-align: center; height: 50px; font-size: 36px; font-weight: 400; color: #999999; line-height: 50px; } .newstime>.year { width: 100%; text-align: center; height: 22px; font-size: 16px; font-weight: 400; color: #999999; line-height: 22px; } .newstitle { height: 20px; font-size: 14px; font-weight: 400; color: #000000; line-height: 20px; margin-bottom: 10px; } .newssummary { height: 34px; font-size: 12px; font-weight: 400; color: #999; line-height: 17px; } .articalinfo { /* color: rgba(0, 0, 0, .35); */ text-align: center; margin-bottom: 15px; } .articalinfo span { color: rgba(0, 0, 0, .35); font-size:12px; } .auths { display: inline-block; margin-left: 25px; margin-right: 25px; } .departmentname { font-size: 24px; margin: 24px 0; text-align: center; } .subnav { display: none; position: relative; top: -52px; right: -156px; background-color: #FBFBFB; width: 200px; } .subnav>li { width: 100%; height: 42px; line-height: 42px; color: #333333; padding-left: 40px; border-left: 4px solid transparent; box-sizing: border-box; position: relative; cursor: pointer; font-size:16px; } .subnav>li>a{ font-size:16px; display: inline-block; width: 100%; height: 100%; } .subnav>li:hover { background-color: rgba(109, 183, 68, .1); } .msgBoard { box-sizing: border-box; width: 100%; margin-top: 90px; padding: 30px; border-top: 1px solid #f6f6f6; } .msgBoard div { margin-bottom: 16px; } .msgBoard label { display: inline-block; width: 112px; font-size: 14px; color: #5a5a5a; } .msgBoard span { display: inline-block; width: 64px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #b6b9b8; color: #959695; margin-right: 10px; border-radius: 3px; cursor: pointer; } .msgBoard span.checked { background: #6db744; color: #ffffff; border: none; } .msgBoard textarea { width: 500px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.15); resize: none; padding: 6px 10px; margin-bottom: 20px; } .msgBoard textarea:focus { outline: 1px solid #6db744; } .msgBoard button { display: block; width: 80px; height: 32px; line-height: 32px; background: #6db744; border-radius: 3px; color: #ffffff; border: none; cursor: pointer; } .msgBoard button.disabled { background: #e6e6e6; color: #5a5a5a; cursor: auto; } .subarticaltitle{ font-size: 18px; font-weight: normal; margin: 0 0 10px 0; text-align: right; color: #068358; line-height: 40px; }