/************主内容区*********/ .main{ padding: 30px 0 100px; background-color: #efefef; } /****折叠面板*****/ .my-panel{ margin: 0 -15px 0; border-bottom: none; } .panel-heading{ padding: 0; border: none; } .panel-title a{ position: relative; display: block; padding: 10px; font-size: 16px; color: #333; border: 1px solid #eee; } .panel-heading a:before { content: '\002b'; position: absolute; font-family:'Glyphicons Halflings'; right: 10px; top: 10px; font-size: 15px; color: #1e75db; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1); transform: scale(1); } .panel-heading.active a:before { content: ' '; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0); transform: scale(0); } .panel-heading a:focus{ text-decoration: none; } .panel-heading a:after { content: ' '; font-size: 16px; position: absolute; font-family: 'Glyphicons Halflings'; right: 10px; top: 10px; color: #1e75db; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s; transition: all 0.5s; } .panel-heading.active a:after { content: '\2212'; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; transition: all 0.5s; } .panel-body{ margin: 0; padding:0 10px; } .panel-body a{ display: block; padding:15px; font-size: 15px; color: #444; text-align: center; border-bottom: 1px dashed #ddd; } .panel-body li.active a{ color: #1e75db; } .panel-body li:last-of-type a{ border-bottom: none; } .left-menu{ border: 1px solid #dbdbdb; background-color: #fff; } .left-menu header{ padding: 20px 0 5px 50px; color: #fff; background-color: #206eb7; } .left-menu header h3{ margin: 0; font-weight: 800; } .left-menu header p{ margin: 0 10px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .left-menu li a{ display: block; height: 60px; line-height: 60px; padding:0 20px 0 50px; color: #7a7a7a; font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #ccc; } .left-menu li.last-li a{ border: none; } .left-menu li.active a,.left-menu ul li a:hover{ color: #206eb7; } .content{ min-height: 400px; padding-bottom: 40px; border: 1px solid #dbdbdb; background-color: #fff; } .content header{ padding: 0 30px; line-height: 40px; font-size: 16px; box-sizing: border-box; border: 1px solid #eee; background:#f8f8fa; } .content header span{ font-size: 14px; } .news-uls{ margin-bottom: 30px; padding: 0 40px; } .news-uls li a{ display: block; color: #737373; padding: 20px 0 20px; box-sizing: border-box; border-bottom: 1px dotted #ccc; } .news-uls li a:hover h4{ color: #206eb7; } .news-uls li a h4{ display: inline-block; width: 70%; color: #333; font-size: 16px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-uls li a h4 span{ font-size: 14px; font-weight: normal; } .nes-date{ line-height: 36px; } .news-uls p{ line-height: 20px; overflow: hidden; font-size: 14px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 40px; \9 *max-height: 40px; } .news-img{ padding: 0; } .news-img img{ width: 100%; } /******招聘列表*****/ .zhao-menu{ min-height: 400px; } .zhao-uls{ padding: 15px; } .zhao-uls li{ display: block; } .zhao-uls a{ display: block; padding: 10px 5px 5px; border-bottom: 1px dashed #bbb; } .zhao-uls h3{ display: inline-block; width: 70%; margin: 0; color: #555; font-size: 15px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zhao-date{ font-size: 12px; color: #666; } /***分页条**/ .pagination{ width: 100%; } .pagination ul{ line-height: 24px; font-size: 14px; } .pagination ul span{ display: inline-block; height: 24px; padding: 0 15px; color: #fff; border: 1px solid #004abc; background-color: #1c418f; } .pagination ul a{ display: inline-block; height: 24px; margin-right: -5px; padding: 0 7px; color: #7e7e7e; border: 1px solid #dbdbdb; } .pagination ul li.active a{ color: #fff; border: 1px solid #004abc; background-color: #1c418f; } .pagination ul li a:hover{ color: #1c418f; } @media (max-width: 992px) { .left-menu header{ padding: 10px; text-align: center; } .left-menu li a{ padding: 0 10px; text-align: center; } } @media (max-width: 768px) { .main{ padding: 0; } .my-box{ margin: 0 -15px; } .left-menu,.right-uls{ padding: 0; } .news-uls{ padding: 0 10px; } .zhao-container{ padding: 0; } .left-menu header h3{ font-size: 16px; } .left-menu li a{ font-size: 15px; border: none; } .zhao-menu{ min-height: 10px; } }