/*侧边栏*/ .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; } .gp-flex{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: space-between;} .leader-con{margin-bottom: 20px;position: relative;border-left: 40px solid #8c1515;min-height: 300px;box-shadow: 0 0 14px rgba(0,0,0,0.1);padding-top: 40px;background: url(../images/leader_bg2.png) no-repeat right bottom;box-sizing: border-box;padding-right: 27px;overflow: hidden;} .leader-con::before{content: '';position: absolute;left: -40px;bottom: 0;width: 108px;height: 208px;background: url(../images/leader_bg1.png) no-repeat center;} .leader-col1{width: 166px;text-align: center;} .leader-col2{flex: 1;position: relative;} .leader-col2::before{content: '';width: 1px;height: 70px;background-color: #dbdbdb;position: absolute;left: 0;top: 0;} .leader_zc dt::after{content: ' ';display: inline-block;width: 100%;} .leader_zc dt{width: 100px;color: #757575;text-align: justify;padding-left: 23px;justify-content: space-between;} .leader_zc dd{flex: 1;} .leader_zc dd a{display: block;line-height: 1.5;margin-bottom: 10px;} .leader-con2 .leader_zc dt{width: 270px;text-align: left;} .leader-con2 .leader_zc dt::after{display: none;} /* 组织架构 */ .leader-con3{border-left: none;border-top: 4px solid #8c1515;} .leader-con3 .leader-col2{margin-left: 29px;} .leader-con3 .leader-col2 h3{background-color: #f3e7e7;color: #8c1515;padding: 15px 35px;font-weight: normal;margin-bottom: 28px;} .leader-con3 .leader_zc dt{width: 132px;} .leader-con3 .leader-col2::before{left: -25px;height: 56px;} .leader-inner{margin-bottom: 40px;background-color: #f5f5f5;} .leader-con3 .leader_zc.largeWidth dt{width: 250px;} .leader-con3::before{bottom: auto;top: 0;} .leader-con3{background-position: left bottom} @media screen and (max-width:996px) { .leader-col1{width: 115px;} .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); } @media screen and (max-width:640px) { .leader-con{min-height: 200px;padding: 15px;} .leader-col1{width: 100%;text-align: left;padding-left: 0;height: 40px;} .leader-col2::before{display: none;} .leader_zc dt{padding-left: 0;} .leader-con2 .leader_zc dt{width: 207px;} .leader-con3 .leader-col2{margin-left: 0;} .leader-con3 .leader_zc dt{width: 90px;} .leader-con3 dl{padding-left: 15px;padding-right: 15px;} .leader-con3 .leader-col2 h3{padding-left: 15px;} } @media screen and (max-width:640px) { .leader-con2 .leader_zc dt{width: 124px;} .leader-con{border-left-width: 5px;} .leader-con3 .leader_zc.largeWidth dt{width: 124px;padding-right: 5px;} }