/*侧边栏*/ .asideList4 .gp-subLeft { position: relative; } .asideList4 .gp-subLeft .subLeftTitle { padding: 20px 15px; color: #fff; font-weight: normal; text-align: center; background: #8C1515; position: relative; margin-bottom: 1px; margin-left: 10px; } .asideList4 .gp-subLeft .gp-m-inner-header-icon { width: 40px; height: 40px; text-align: center; color: #fff; position: absolute; right: 0; top: 50%; display: none; line-height: 40px; transform: translateY(-50%); } .asideList4 .gp-subLeft > ul { border-left: 10px solid #8C1515; background-color: #f8f5f2; } .asideList4 .gp-subLeft > ul > li { position: relative; } .asideList4 .gp-subLeft > ul > li > a { padding: 14px 20px; display: block; transition: all 0.35s ease-in-out; position: relative; position: relative; line-height: 1.4; border-bottom: 1px dashed #bfbfbf; } .asideList4 .gp-subLeft > ul > li > a:hover { color: #8C1515; margin-right: 0; border-right: 10px solid #8C1515; } .asideList4 .gp-subLeft > ul > li:last-child>a { border-bottom: none; } .asideList4 .gp-subLeft > ul > li a.active { color: #8C1515; margin-right: 0; border-right: 10px solid #8C1515; } .asideList4 .gp-subLeft > ul > li .gp-toggles { width: 40px; height: 50px; position: absolute; right: 0; top: 0; line-height: 50px; text-align: center; cursor: pointer; color: #333; opacity: 0.5; filter: alpha(opacity=50); font-size: 18px; } .asideList4 .gp-subLeft > ul > li .gp-second-nav { display: none; background-color: #fafafa; } .asideList4 .gp-subLeft > ul > li .gp-second-nav dd a { display: block; padding: 13px 15px 13px 50px; color: #666; transition: all 0.35s ease-in-out; position: relative; font-size: 15px; } .asideList4 .gp-subLeft > ul > li .gp-second-nav dd a:hover { color: #8C1515; } .asideList4 .gp-subLeft > ul > li .gp-second-nav dd a > span { position: relative; } .asideList4 .gp-subLeft > ul > li .gp-second-nav dd a.active { color: #8C1515; } @media screen and (max-width:996px) { .asideList4 .gp-subLeft .subLeftTitle { padding: 10px 15px; text-align: left; font-size: 20px; margin-left: 0; } .asideList4 .gp-subLeft .gp-m-inner-header-icon { display: block; } .asideList4 .gp-subLeft > ul { display: none; border-left: none; } .asideList4 .gp-subLeft > ul >li >a { border-bottom: 1px solid #d3d3d3; padding: 5px 10px; } .asideList4 .gp-subLeft > ul >li >a.active { border-right: none; } .asideList4 .gp-subLeft > ul >li .gp-second-nav dd a { padding: 5px 20px 5px 40px; } .asideList4 .gp-subLeft > ul >li .gp-toggles { width: 20px; height: 33px; line-height: 33px; right: 10px; } } .block-list82 { border-bottom: 1px solid #e4e4e4; margin-bottom: 33px; width: 100%; overflow: hidden; } .block-list82 h2 { color: #8C1515; line-height: 2.2; position: relative; display: inline-block; } .block-list82 .gp-bread { float: right; text-align: right; color: #999; height: auto; line-height: 20px; padding: 10px 0; overflow: hidden; } .block-list82 .gp-bread span { margin: 0 2px; display: inline-block; vertical-align: middle; font-size: 12px; } .block-list82 .gp-bread a { color: #999; } .block-list82 .gp-bread a:hover { color: #8C1515; opacity: 1; filter: alpha(opacity=100); } @font-face { font-family: "optima_r"; src: url("../fonts/optima_r.eot?#iefix") format("embedded-opentype"), url("../fonts/optima_r.woff") format("woff"), url("../fonts/optima_r.woff2") format("woff2"), url("../fonts/optima_r.ttf") format("truetype"), url("../fonts/optima_r.svg#optima_r") format("svg"); } .block-list352 { list-style: none; position: relative; } .block-list352::before { content: ""; position: absolute; top: 0; bottom: 0; left: 60px; border-left: 1px dashed #cfa972; width: 0px; } @media screen and (max-width: 767px) { .block-list352::before { left: 37px; } } .block-list352 li { width: 100%; height: auto; transition: all 0.3s ease-out 0s; } .block-list352 li .item { display: flex; } .block-list352 li .item .date { width: 118px; float: left; height: 118px; border: 1px dashed #cfa972; border-radius: 50%; position: relative; z-index: 2; background: #f7f5f2; color: #8C1515; display: flex; justify-content: center; align-items: center; font-family: "optima_r"; } .block-list352 li .item .date .year { display: inline-block; } @media screen and (max-width: 767px) { .block-list352 li .item .date { width: 72px; height: 72px; flex-direction: column; } } .block-list352 li .item .con { flex: 1; padding-left: 40px; padding-top: 46px; } .block-list352 li .item .con .title { line-height: 1.6; margin-bottom: 10px; } .block-list352 li .item .con .img { display: block; } .block-list352 li .item .con .img img { display: inline-block; width: auto; max-width: 100%; } @media screen and (max-width: 767px) { .block-list352 li .item .con { padding-left: 20px; padding-top: 10px; } }