/*.fixedHead{background:url(/zh401/uiFramework/commonResource/image/2020112715025849445.png) no-repeat top center;height:400px;}*/ /*.fixedHead{background:url(/zh401/uiFramework/commonResource/image/2020120623095072020.jpg) no-repeat top center;height:400px;}*/ .ej_part .leftNav { float: left; width: 210px; position: relative; top: -80px; } /*.ej_part .rightList{float:right;width:950px;position:relative;top:-80px;background:#fff;}*/ .ej_part .rightList { float: right; width: 100%; position: relative; top: -80px; background: #fff; } .ej_part { background: #f5f5f5; } .leftNavBox .navTitle { height: 80px; background: url(/zh401/uiFramework/commonResource/image/2020112715420893178.png) no-repeat right center; color: #fff; padding-left: 30px; box-sizing: border-box; line-height: 80px; font-size: 24px; } .leftNavBox .oneUl { padding: 10px 0px 50px; -moz-box-shadow: 0px 0px 12px #CCCCCC; -webkit-box-shadow: 0px 0px 12px #CCCCCC; box-shadow: 0px 0px 12px #CCCCCC; } .leftNavBox .oneUl .oneLi { position: relative; } .leftNavBox .oneUl .oneLi::after { content: ""; position: absolute; width: 228px; height: 53px; background: url(/zh401/uiFramework/commonResource/image/2020112716070187493.png) no-repeat; top: 0; left: 0; opacity: 0; z-index: 1; } .leftNavBox .oneUl .oneLi a { margin: 0 30px; border-bottom: 1px solid #ebebeb; display: block; position: relative; z-index: 2; font-size: 16px; color: #333333; text-align: left; font-size: 16px; line-height: 53px; } .leftNavBox .oneUl .oneLi.col::after, .leftNavBox .oneUl .oneLi:hover::after { opacity: 1; } .leftNavBox .oneUl .oneLi.col a, .leftNavBox .oneUl .oneLi:hover a { color: #fff; } .ej_part .rightList .erjiTitle { border-bottom: 1px solid #ddd; } .ej_part .rightList .erjiTitle h2 { color: #333333; float: left; display: block; font-size: 20px; padding-left: 41px; line-height: 80px; border-left: 6px solid #1b65c6; } .ej_part .rightList .erjiTitle .lujing { float: right; line-height: 80px; padding-right: 30px; } .ej_part .rightList .erjiTitle .lujing, .ej_part .rightList .erjiTitle .lujing * { font-size: 14px; color: #444; } @media only screen and (max-width:1240px) { .ej_part .leftNav, .ej_part .rightList { position: static; float: none; width: auto; } /*.fixedHead{height:35vw;}*/ .leftNavBox .navTitle { line-height: 35px; background-size: 100%; height: auto; font-size: 1.8rem; } .ej_part .leftNav { position: relative; top: 0; margin-top: -35px; } .leftNavBox .oneUl { box-shadow: none; } .leftNavBox .oneUl .oneLi a { line-height: 35px; } .leftNavBox .oneUl .oneLi::after { height: 35px; line-height: 35px; background-size: cover; } .leftNavBox .oneUl { padding: 10px 0; } .leftNavBox .oneUl .oneLi a { margin: 0; margin-left: 1em; } .ej_part .rightList .erjiTitle h2, .ej_part .rightList .erjiTitle .lujing { line-height: 45px; } .ej_part .rightList .erjiTitle h2 { padding-left: 1em; font-size: 1.8rem; font-weight: normal; } .ej_part .rightList .erjiTitle .lujing { padding-right: 1em; font-size: 1.4rem; } .ContentBox * { font-size: 1.6rem; line-height: 1.6; } .newsList { padding: 1em; } .newsList li { padding: 5px 0; } .newsList li a, .newsList li span { font-size: 1.6rem; } } @media only screen and (max-width:680px) { .leftNavBox .oneUl .oneLi { width: 50%; float: left; } }