/*侧边栏*/ .bannerpic{ padding-bottom: 32%; } .asideList10 { background: #f5f5f5; } .asideList10 .gp-subLeft { position: relative; z-index: 100; background: #ebecfa; } .asideList10 .gp-subLeft ul { position: relative; padding-bottom: 100px; border-left: 8px solid #304ffd; margin-top: -1px; padding-top: 16px; } .asideList10 .gp-subLeft .line { background: url(../images/kd.png) repeat-y; width: 30px; left: 8px; top: 100px; background-size: 100%; position: absolute; height: calc(100% - 100px); z-index: 2; } .asideList10 .gp-subLeft .line2 { position: absolute; left: 8px; top: 100px; width: 30px; height: calc(100% - 100px); box-sizing: border-box; padding-top: 16px; z-index: 2; } .asideList10 .gp-subLeft .line2 li { height: 59px; } .asideList10 .gp-subLeft .line2 .on { width: 41px; height: 61px; background: url(../images/on.png); } .asideList10 .gp-subLeft .subLeftTitle { padding: 30px 20px; font-weight: normal; text-align: center; background: #2b32b2; position: relative; margin-bottom: 1px; } .asideList10 .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%); } .asideList10 .gp-subLeft>ul>li { position: relative; box-sizing: border-box; } .asideList10 .gp-subLeft>ul>li>a { padding: 15px 15px; display: block; transition: all 0.35s ease-in-out; position: relative; position: relative; line-height: 1.4; margin: 0 30px 0 40px; border-bottom: #ddddeb 1px dashed; text-align: center; } .asideList10 .gp-subLeft>ul>li>a:hover { color: #0A96B9; } .asideList10 .gp-subLeft>ul>li a.active { color: #2b32b2; } .asideList10 .gp-subLeft>ul>li .gp-toggles { width: 40px; height: 47px; position: absolute; right: 10px; top: 0; line-height: 47px; text-align: center; cursor: pointer; color: #999; opacity: 0.5; filter: alpha(opacity=50); font-size: 18px; } .asideList10 .gp-subLeft>ul>li a.active+span.gp-toggles { color: #fff !important; } .asideList10 .gp-subLeft>ul>li .gp-second-nav { display: none; background-color: #fafafa; } .asideList10 .gp-subLeft>ul>li .gp-second-nav dd a { display: block; padding: 12px 20px; color: #666; transition: all 0.35s ease-in-out; position: relative; font-size: 15px; margin: 0 22px; text-align: center; border-bottom: #d9d9d9 1px solid; } .asideList10 .gp-subLeft>ul>li .gp-second-nav dd a:hover { color: #0A96B9; } .asideList10 .gp-subLeft>ul>li .gp-second-nav dd a>span { position: relative; } .asideList10 .gp-subLeft>ul>li .gp-second-nav dd a.active { background-color: #0A96B9; color: #fff; } @media screen and (max-width:996px) { .asideList10 .gp-subLeft { padding-bottom: 0px; } .asideList10 .gp-subLeft .subLeftTitle { padding: 10px 15px; text-align: left; font-size: 20px; margin-top: 20px; } .asideList10 .gp-subLeft .gp-m-inner-header-icon { display: block; } .asideList10 .gp-subLeft>ul { display: none; } .asideList10 .gp-subLeft>ul>li>a { text-align: left; } .asideList10 .gp-subLeft>ul>li .gp-second-nav dd a { text-align: left; } } .gp-bread6 { color: #999; line-height: 20px; text-align: right; border-bottom: 1px solid #d9d9d9; display: flex; justify-content: space-between; align-items: center; } .gp-bread6 span { color: #999; float: right; } .gp-bread6 span a { color: #999; margin: 0 5px; } .gp-title3 { /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */ display: inline-block; float: left; } .gp-title3 span { display: inline-block; vertical-align: middle; } .gp-title3 h2 { font-weight: normal; /* padding: 10px 0; */ /* margin-bottom: 10px; */ box-sizing: border-box; display: inline-block; vertical-align: middle; margin-right: 10px; display: none; }.gp-bread6+.title{font-weight: normal;text-align: center;} .block-list101 li { /* box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.12); */ } .block-list101 li>div { box-sizing: border-box; overflow: hidden; display: flex; position: relative; } .block-list101 li>div .img { width: 460px; display: block; } .block-list101 li>div .img span { padding-bottom: 56.25%; } .block-list101 li>div .info { box-sizing: border-box; padding-left: 30px; overflow: hidden; flex: 1; position: relative; } .block-list101 li>div .info::before { content: ""; display: block; width: calc(100% - 31px); height: 38px; position: absolute; left: 30px; bottom: 0; background: url(../images/l.png) no-repeat right top; z-index: 0; } .block-list102 li>div .info{ padding-left: 0; padding-bottom: 20px; } .block-list102 li>div .info::before{ width: 100%; left: 0; } .block-list101 li>div .info span { color: #999999; position: relative; } .block-list101 li>div .info span::after { content: ""; display: block; width: 0; height: 2px; background: #0A96B9; position: absolute; right: -40px; top: 50%; margin-top: -1px; } .block-list101 li>div .info a { max-height: 3em; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; color: #000; } .block-list102 li>div .info a{margin: 20px 0 27px;} .block-list101 li>div .info p { color: #999999; line-height: 1.7; max-height: 5.1em; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 38px 0 53px; } .block-list102 li>div .info p{margin: 0;} @media screen and (max-width:1300px) { .block-list101 li>div .img { width: 330px; } .block-list101 li>div .info p { max-height: 3.4em; -webkit-line-clamp: 2; margin: 19px 0 17px; } } @media screen and (max-width:768px){ .gp-bread6{margin-bottom: 30px !important;padding: 10px 0 !important;} .gp-bread6+.title+.gp-article1{margin-top: 30px !important;} } @media screen and (max-width:680px) { .block-list101 li>div { flex-direction: column; } .block-list101 li>div .img { width: 100%; margin-bottom: 20px; } .block-list101 li>div .info { padding-left: 0; padding-bottom: 20px; } .block-list101 li>div .info::before { left: 0; width: calc(100% - 0px); } .block-list101 li>div .info p { max-height: 5.1em; -webkit-line-clamp: 3; margin: 19px 0 17px; } } .news.gp-mt-0 { position: relative; z-index: 2; padding-bottom: 80px; } @media screen and (min-width: 996px) { .pid-d9cfb1fc-be10-482d-9900-09d7b315f421:nth-child(1) { width: 290px; margin-top: -50px; } .pid-d9cfb1fc-be10-482d-9900-09d7b315f421:nth-child(2) { flex: 1; padding-left: 35px; } }