* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { min-height: 700px; position: relative; }
body::after { content: ""; width: 100%; height: 100%; position: absolute; background: url("../images/bodytopbg.png") 0% 0% / 100% no-repeat; top: 0px; left: 0px; }
.color { width: 100%; height: 5px; background-color: rgb(30, 87, 154); position: relative; z-index: 5; }
@font-face { font-family: SourceHanSansCN; src: url(""); }
.bl { display: block !important; }
.page { margin-top: 20px; }
.page a, .pageList .this-page { border: 0px !important; }
.NEXT { border: 0px !important; }
.PrevDisabled { border: 0px !important; }
.NextDisabled { border: 0px !important; }
.swiper-pagination-bullet-active { background-color: rgb(52, 160, 74) !important; }
.wapshow { display: none; }
.pcshow { display: block; }
.sjnavi { display: none; }
.head { width: 1200px; margin: 0px auto; display: flex; justify-content: space-between; position: relative; z-index: 5; }
.head-left { display: flex; }
.head-left img { width: 550px; height: 55px; margin-top: 30px; }
.head-txt { margin-top: 25px; margin-left: 15px; }
.head-txt h2 { font-size: 36px; color: rgb(51, 51, 51); }
.head-txt h4 { font-size: 12px; color: rgb(51, 51, 51); font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.head-right { margin-top: 24px; }
#time { padding-left: 12px; }
.head-right p { font-size: 14px; color: rgb(74, 93, 115); }
.head-right a { font-size: 14px; color: rgb(74, 93, 115); margin-left: 5px; }
.search { display: flex; padding-top: 15px; }
.searchtext { width: 200px; height: 38px; border: 0px; text-indent: 1rem; font-size: 14px; }
.search-bg { width: 38px; height: 38px; background-color: rgb(255, 255, 255); padding-left: 10px; }
.search-btn { width: 18px; height: 18px; background: url("../images/search.png") center center no-repeat; border: 0px; margin-top: 10px; }
.search-btn:hover { cursor: pointer; }
.nav { width: 1200px; height: 60px; margin: 30px auto 20px; display: flex; list-style: none; position: relative; z-index: 5; }
.nav li { width: 11.11%; text-align: center; line-height: 60px; background-color: rgb(30, 87, 154); position: relative; transition: all 0.3s ease 0s; }
.navgreen { background-color: rgb(52, 160, 74) !important; }
.nav > li::after { content: ""; width: 1px; height: 20px; background-color: rgba(255, 255, 255, 0.15); position: absolute; top: 20px; right: 0px; }
.nav > li:last-child::after { width: 0px; height: 0px; }
.nav li a { display: block; width: 100%; height: 100%; font-size: 18px; color: rgb(255, 255, 255); }
.nav li:hover { background-color: rgb(52, 160, 74); }
.nav_two { width: 100%; list-style: none; position: absolute; left: 0px; display: none; }
.nav_two li {width: 100%;line-height: 50px;padding: 0px;background-color: rgb(52, 160, 74) !important;}
.nav_two li:hover { background-color: rgb(47, 144, 66) !important; }
.nav_two li:hover a { color: rgb(211, 219, 212); }
.nav_two li a { display: block; width: 100%; height: 100%; font-size: 15px; color: rgb(255, 255, 255); text-align: center; }
.swiper1 { width: 1200px; height: 400px; margin: 0px auto; position: relative; z-index: 2; }
.swiper1 .swiper-slide { width: 1200px; height: 400px; background-image: url("../images/swiper1.png"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100% 100% !important; }
.swiper1 .swiper-button-prev { width: 35px; height: 70px; background-color: rgba(0, 0, 0, 0.5); opacity: 1 !important; left: 0px !important; }
.swiper1 .swiper-button-next { width: 35px; height: 70px; background-color: rgba(0, 0, 0, 0.5); opacity: 1 !important; right: 0px !important; }
.swiper-button-next::after, .swiper-button-prev::after { display: none; }
.volume { width: 1200px; height: 75px; margin: 20px auto 35px; display: flex; align-items: center; background-color: rgb(239, 242, 247); position: relative; z-index: 2; }
.volumeimg { width: 36px; height: 36px; border-radius: 50%; background-color: rgb(30, 87, 154); display: flex; justify-content: center; align-items: center; margin-left: 22px; }
.volumeimg img { width: 18px; height: 16px; }
.volume h2 { font-size: 22px; color: rgb(30, 87, 154); font-weight: 700; margin-left: 10px; }
.xian { width: 1px; height: 28px; background-color: rgb(219, 218, 218); margin-left: 25px; }
.volumetxt { display: flex; align-items: center; }
.volumetxt > a:hover p { text-decoration: underline; color: rgb(30, 87, 154); }
.volumetxt a { display: flex; align-items: center; position: relative; margin-left: 50px; }
.volumetxt a::after { content: ""; width: 4px; height: 4px; left: -10px; position: absolute; background-color: rgb(52, 160, 74); }
.volumetxt p { width: 345px; color: rgb(51, 51, 51); font-size: 16px; overflow: hidden; text-overflow: ellipsis; margin-right: 18px; }
.volumetxt h4 { color: rgb(136, 136, 136); font-size: 14px; }
.volume h3 { font-size: 14px; color: rgb(51, 51, 51); margin-left: 16px; position: relative; }
.volume h3::after { content: ""; position: absolute; border-bottom: 5px solid transparent; border-left: 5px solid rgb(30, 87, 154); border-top: 5px solid transparent; right: -15px; top: 5px; }
.volume h3:hover { text-decoration: underline; }
.Dynamic { width: 1200px; margin: 0px auto 40px; position: relative; z-index: 2; }
.Dynamic-head { display: flex; align-items: center; }
.Dynamic-head h2 { font-size: 22px; color: rgb(51, 51, 51); font-weight: 700; margin-right: 8px; margin-left: 8px; }
.Dynamic-head h3 { font-size: 14px; color: rgb(51, 51, 51); margin-left: 12px; position: relative; }
.Dynamic-head h3::after { content: ""; position: absolute; border-bottom: 5px solid transparent; border-left: 5px solid rgb(30, 87, 154); border-top: 5px solid transparent; right: -15px; top: 5px; }
.Dynamic-head h3:hover { text-decoration: underline; }
.Dynamic-body { display: flex; justify-content: space-between; }
.Dynamic-body1 { width: 780px; display: flex; padding-top: 15px; justify-content: space-between; }
.Dynamic-body1p { width: 380px; }
.Dynamic-body1p_img { width: 380px; height: 260px; background-image: url("../images/dynamicimg.png"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; transition: all 0.3s ease 0s; background-size: 100% 100% !important; }
.Dynamic-body1p p { color: rgb(51, 51, 51); font-size: 16px; overflow: hidden; text-overflow: ellipsis; margin-top: 15px; margin-bottom: 10px; }
.Dynamic-body1p:hover .Dynamic-body1p_img { background-size: 105% 105% !important; }
.Dynamic-body1p:hover p { text-decoration: underline; color: rgb(30, 87, 154); }
.Dynamic-body1p h4 { color: rgb(0, 66, 143); font-size: 14px; }
.Dynamic-body2 { width: 380px; }
.Dynamic-body2p { width: 380px; display: flex; justify-content: space-between; padding-bottom: 20px; margin-top: 15px; border-bottom: 1px solid rgb(237, 239, 243); }
.Dynamic-body2p_time h2 { color: rgb(52, 160, 74); font-size: 32px; text-align: center; }
.Dynamic-body2p_time h4 { color: rgb(52, 160, 74); text-align: center; font-size: 12px; }
.Dynamic-body2p p { width: 300px; color: rgb(51, 51, 51); font-size: 16px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; }
.Dynamic-body2p:hover p { text-decoration: underline; color: rgb(30, 87, 154); }
.three { width: 1200px; margin: 0px auto 30px; display: flex; position: relative; z-index: 2; }
.three1 { width: 380px; margin-right: 30px; }
.three1_head { display: flex; align-items: center; }
.three1_head h2 { font-size: 22px; color: rgb(51, 51, 51); font-weight: 700; margin-left: 8px; margin-right: 10px; }
.three1_head h3 { font-size: 14px; color: rgb(51, 51, 51); margin-left: 12px; position: relative; }
.three1_head h3::after { content: ""; position: absolute; border-bottom: 5px solid transparent; border-left: 5px solid rgb(30, 87, 154); border-top: 5px solid transparent; right: -15px; top: 5px; }
.three1_head h3:hover { text-decoration: underline; }
.three1p { margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid rgb(239, 242, 247); }
.three1p > a { display: flex; align-items: center; }
.three1p img { width: 9px; height: 9px; margin-right: 10px; }
.three1p h4 { color: rgb(51, 51, 51); font-size: 16px; }
.three1p:hover h4 { text-decoration: underline; color: rgb(30, 87, 154); }
.three .three1:last-child { margin-right: 0px; }
.teach { width: 1200px; margin: 0px auto; display: flex; align-items: center; position: relative; z-index: 2; }
.teach1 { width: 380px; height: 90px; background-color: rgb(26, 106, 181); display: flex; align-items: center; position: relative; padding-left: 25px; margin-right: 30px; }
.teach1 img { width: 42px; height: 44px; margin-right: 15px; }
.teach1 h2 { font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
.teach1:hover h2 { margin-left: 5px; }
.teach1p { width: 40px; height: 90px; background-color: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; display: flex; align-items: center; justify-content: center; }
.teach1p img { width: 11px; height: 17px; margin-right: 0px; }
.teach2 { width: 380px; height: 90px; background-color: rgb(0, 154, 176); display: flex; align-items: center; position: relative; padding-left: 25px; margin-right: 30px; }
.teach2 img { width: 42px; height: 44px; margin-right: 15px; }
.teach2 h2 { font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
.teach2:hover h2 { margin-left: 5px; }
.teach2p { width: 40px; height: 90px; background-color: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; display: flex; align-items: center; justify-content: center; }
.teach2p img { width: 11px; height: 17px; margin-right: 0px; }
.teach3 { width: 380px; height: 90px; background-color: rgb(52, 160, 74); display: flex; align-items: center; position: relative; padding-left: 25px; margin-right: 30px; }
.teach3 img { width: 42px; height: 44px; margin-right: 15px; }
.teach3 h2 { font-size: 24px; font-weight: 700; color: rgb(255, 255, 255); transition: all 0.3s ease 0s; }
.teach3:hover h2 { margin-left: 5px; }
.teach3p { width: 40px; height: 90px; background-color: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; display: flex; align-items: center; justify-content: center; }
.teach3p img { width: 11px; height: 17px; margin-right: 0px; }
.down { width: 100%; height: 120px; background-color: rgb(0, 58, 126); padding-top: 35px; margin-top: 40px; position: relative; z-index: 2; }
.down1 { width: 1200px; margin: 0px auto 10px; display: flex; justify-content: center; }
.down1 p { font-size: 14px; color: rgb(255, 255, 255); opacity: 0.7; }
.down1 p:first-child { margin-right: 10px; }
.down2 { width: 1200px; margin: 0px auto; display: flex; justify-content: center; }
.down2 p { font-size: 14px; opacity: 0.7; color: rgb(255, 255, 255); }
.down2 p:first-child { margin-right: 10px; }
.down2 a { font-size: 14px; color: rgb(255, 255, 255); }
.down2 a:hover { text-decoration: underline; }
.dinwei { width: 1200px; margin: 0px auto 20px; display: flex; align-items: center; }
.dinwei h4 { font-size: 14px; color: rgb(0, 0, 0); }
.dinwei h4 span { font-size: 14px; color: rgb(0, 0, 0); }
.dinwei h4 a { font-size: 14px; color: rgb(0, 0, 0); margin: 0px 3px; }
.dinwei h4 a:hover { color: rgb(0, 83, 153); }
.list_body { width: 1200px; margin: 0px auto; display: flex; justify-content: space-between; position: relative; z-index: 2; }
.list_nav { width: 255px; }
.list_nav h1 { font-size: 26px; color: rgb(255, 255, 255); background-color: rgb(30, 87, 154); line-height: 70px; font-weight: 700; padding-left: 20px; }
.list_navp { list-style: none; transition: all 0.3s ease 0s; }
.list_navp_green { background-color: rgb(52, 160, 74) !important; }
.list_navp li { background-color: rgb(255, 255, 255); line-height: 60px; border-bottom: 1px solid rgb(234, 239, 245); padding-left: 45px; position: relative; display: flex; align-items: center; transition: all 0.3s ease 0s; }
.list_navp li a { width: 100%; height: 100%; font-size: 16px; color: rgb(51, 51, 51); display: flex; align-items: center; position: relative; }
.list_navp_green a { color: rgb(255, 255, 255) !important; }
.list_navp li::after { content: ""; width: 20px; height: 61px; position: absolute; background-color: rgb(30, 87, 154); left: 0px; top: 0px; }
.list_navp li:hover { background-color: rgb(52, 160, 74); }
.list_navp li:hover a { color: rgb(255, 255, 255); }
.list_nav_arrow { width: 7px; height: 13px; background: url("../images/listarrow.png") center center no-repeat; position: absolute; top: 40%; right: 22px; }
.list_navp_green .list_nav_arrow { background: url("../images/listarrowp.png") center center no-repeat; }
.list_navp li:hover .list_nav_arrow { background: url("../images/listarrowp.png") center center no-repeat; }
.list_bodyp { width: 920px; min-height: 700px; background-color: rgb(255, 255, 255); padding: 30px; }
.list_bodyp h1 { color: rgb(51, 51, 51); font-size: 26px; border-bottom: 1px solid rgb(234, 239, 245); padding-bottom: 10px; position: relative; font-weight: 700; margin-bottom: 30px; }
.list_bodyp h1::after { content: ""; width: 110px; height: 2px; position: absolute; background-color: rgb(0, 83, 153); bottom: 0px; left: 0px; }
.listp { width: 100%; display: flex; padding-bottom: 15px; align-items: center; margin-top: 15px; justify-content: space-between; border-bottom: 1px solid rgb(234, 239, 245); }
.listp p { width: 80%; font-size: 16px; color: rgb(51, 51, 51); position: relative; overflow: hidden; text-overflow: ellipsis; text-indent: 1em; }
.listp:hover p { color: rgb(30, 87, 154); }
.listp p::after { content: ""; width: 4px; height: 4px; position: absolute; background: url("../images/bule.png") center center no-repeat; left: 0px; top: 45%; }
.listp h4 { font-size: 14px; color: rgb(136, 136, 136); }
.show { width: 920px; min-height: 700px; background-color: rgb(255, 255, 255); padding: 30px; position: relative; z-index: 2; }
.show h1 { color: rgb(51, 51, 51); font-size: 26px; border-bottom: 1px solid rgb(234, 239, 245); padding-bottom: 10px; position: relative; font-weight: 700; margin-bottom: 30px; }
.show h1::after { content: ""; width: 110px; height: 2px; position: absolute; background-color: rgb(0, 83, 153); bottom: 0px; left: 0px; }
.show h2 { color: rgb(30, 87, 154); font-size: 24px; text-align: center; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
.show h4 { font-size: 14px; color: rgb(136, 136, 136); text-align: center; margin-bottom: 15px; }
.xian1 { width: 100%; height: 1px; background-color: rgb(234, 239, 245); margin-bottom: 16px; }
.show p { color: rgb(51, 51, 51); font-size: 16px; line-height: 28px; margin-bottom: 12px; }
@media screen and (max-width: 991px) {
  .wapshow { display: block; }
  .pcshow { display: none; }
  body { background-color: rgb(255, 255, 255); }
  body::after { display: none; }
  .color { height: 0.05rem; }
  .sjhead { width: 100%; height: 1.1rem; background-color: rgb(255, 255, 255); }
  .sjhead .box { height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0.3rem; }
  .sjlogo { width: 5.4rem; height: 0.55rem; background: url("../images/sjlogo.png") center center / 100% 100% no-repeat; }
  .sjlogo a { display: block; width: 100%; height: 100%; }
  .sjnavibtn { width: 0.38rem; height: 0.32rem; background-image: url("../images/sjnavi.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100% 100% !important; }
  .sjnavibtnp { background: url("../images/sjnavip.png") center center no-repeat; width: 0.3rem !important; height: 0.3rem !important; }
  .sjnavi { width: 100%; height: 100%; position: absolute; z-index: 10000; display: none; }
  .sjnavi .box { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
  .sjnav { background-color: rgb(30, 87, 154); }
  .sjnav > li { width: 100%; line-height: 0.9rem; border-bottom: 0.01rem solid rgba(255, 255, 255, 0.15); list-style: none; }
  .sjnav > li > a { display: block; width: 100%; line-height: 0.9rem; font-size: 0.32rem; color: rgb(255, 255, 255); text-indent: 0.3rem; position: relative; }
  .sjnav > li > a::after { content: ""; width: 0.26rem; height: 0.14rem; position: absolute; background-image: url("../images/sjnaviarrowdown.png"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; right: 0.3rem; top: 45%; background-size: 100% 100% !important; }
  .sjnav > li:first-child > a::after { width: 0px; display: none; }
  .sjsearch { height: 1.6rem; background-color: rgb(30, 87, 154); justify-content: center; align-items: center; display: none !important; }
  .sjsearchtext { width: 6.9rem; height: 0.7rem; background-color: rgb(255, 255, 255); border-radius: 0.4rem; font-size: 0.28rem; text-align: center; border: 0px; }
  .sjsearch-bg { display: none; }
  .sjnavtwo { width: 100%; background-color: rgb(255, 255, 255); display: none; }
  .sjnavtwo li { line-height: 0.8rem; list-style: none; }
  .sjnavtwo li a { display: block; width: 100%; line-height: 0.8rem; text-indent: 0.3rem; font-size: 0.28rem; color: rgb(51, 51, 51); position: relative; }
  .sjnavtwo li a::after { content: ""; width: 6.9rem; height: 0.01rem; position: absolute; background-color: rgb(229, 229, 229); bottom: 0px; left: 0.3rem; }
  .sjnavtwo li:last-child a::after { display: none; }
  .sjnavli { background-color: rgb(255, 255, 255); }
  .sjnavli > a { color: rgb(30, 87, 154) !important; }
  .sjnavli > a::after { background: url("../images/sjnaviarrowup.png") center center no-repeat !important; }
  .swiper1 { width: 100%; height: 3.2rem; margin-bottom: 0.4rem; }
  .swiper1 .swiper-slide { height: 3.2rem; }
  .swiper1 .swiper-button-next { display: none; }
  .swiper1 .swiper-button-prev { display: none; }
  .swiper1 .swiper-pagination-bullet { background-color: transparent; width: 0.1rem !important; height: 0.1rem !important; border: 0.02rem solid rgb(255, 255, 255) !important; opacity: 1 !important; margin: 0px 0.04rem !important; }
  .swiper1 .swiper-pagination-bullet-active { opacity: 1; width: 0.1rem !important; height: 0.1rem !important; background-color: rgb(255, 255, 255) !important; }
  .swiper1 .swiper-pagination-bullets { bottom: 0.17rem !important; }
  .Dynamic { width: 90%; display: block; margin-bottom: 0.4rem; }
  .Dynamic-head { width: 100%; }
  .Dynamic-head h2 { font-size: 0.32rem; margin: 0px 0.1rem; }
  .Dynamic-head > img:first-child { width: 0.12rem; height: 0.32rem; }
  .sjtwobgp { width: 4.35rem; height: 0.08rem; }
  .Dynamic-head h3 { font-size: 0.24rem; }
  .Dynamic-head h3::after { display: none; }
  .Dynamic-head a { display: flex; align-items: center; }
  .sjmore { width: 0.28rem; height: 0.28rem; margin-left: 0.1rem; margin-right: 0.08rem; }
  .Dynamic-head h3 { margin-left: 0.08rem; }
  .Dynamic-body { display: block; }
  .Dynamic-body1 { width: 100%; display: block; }
  .Dynamic-body1p { width: 100%; }
  .Dynamic-body1p_img { width: 100%; height: 4.4rem; }
  .Dynamic-body1p p { font-size: 0.28rem; margin: 0.1rem 0px; }
  .Dynamic-body1p h4 { font-size: 0.24rem; margin-bottom: 0.2rem; }
  .Dynamic-body2 { width: 100%; }
  .Dynamic-body2p { width: 100%; align-items: center; margin-top: 0.24rem; padding-bottom: 0.24rem; border-bottom: 0.01rem solid rgb(237, 239, 243); }
  .Dynamic-body2p_time h2 { font-size: 0.48rem; }
  .Dynamic-body2p_time h4 { font-size: 0.2rem; }
  .Dynamic-body2p p { width: 85%; font-size: 0.28rem; line-height: 0.36rem; }
  .three { width: 90%; display: block; margin-bottom: 0.3rem; }
  .three1 { width: 100%; margin-right: 0px; margin-bottom: 0.2rem; }
  .three1_haed { margin-bottom: 0.35rem; }
  .three1_head img:first-child { width: 0.12rem; height: 0.32rem; }
  .three1_head h2 { font-size: 0.32rem; margin-left: 0.05rem; margin-right: 0.05rem; }
  .three1_head a { display: flex; align-items: center; }
  .three1_head a img { width: 0.28rem !important; height: 0.28rem !important; margin-left: 0.05rem !important; margin-right: 0.05rem !important; }
  .three1_head h3::after { display: none; }
  .three1_head h3 { font-size: 0.24rem; color: rgb(102, 102, 102); margin-left: 0px; }
  .three1p { margin-top: 0.2rem; padding-bottom: 0.2rem; }
  .three1p img { width: 0.14rem; height: 0.14rem; }
  .three1p h4 { font-size: 0.24rem; }
  .teach { width: 90%; display: block; }
  .teach1 { width: 100%; height: 1.1rem; margin-right: 0px; margin-bottom: 0.3rem; padding-left: 0.3rem; }
  .teach1 img { width: 0.42rem; height: 0.44rem; margin-right: 0.15rem; }
  .teach1 h2 { font-size: 0.32rem; }
  .teach1p { width: 0.4rem; height: 1.1rem; }
  .teach1p img { width: 0.11rem; height: 0.17rem; margin-right: 0px; }
  .teach2 { width: 100%; height: 1.1rem; margin-right: 0px; margin-bottom: 0.3rem; padding-left: 0.3rem; }
  .teach2 img { width: 0.42rem; height: 0.44rem; margin-right: 0.15rem; }
  .teach2 h2 { font-size: 0.32rem; }
  .teach2p { width: 0.4rem; height: 1.1rem; }
  .teach2p img { width: 0.11rem; height: 0.17rem; margin-right: 0px; }
  .teach3 { width: 100%; height: 1.1rem; margin-right: 0px; padding-left: 0.3rem; }
  .teach3 img { width: 0.42rem; height: 0.44rem; margin-right: 0.15rem; }
  .teach3 h2 { font-size: 0.32rem; }
  .teach3p { width: 0.4rem; height: 1.1rem; }
  .teach3p img { width: 0.11rem; height: 0.17rem; margin-right: 0px; }
  .down { width: 100%; height: auto; margin-top: 0.6rem; padding-top: 0.5rem; padding-bottom: 0.3rem; }
  .down1 { width: 90%; display: block; text-align: center; margin-bottom: 0.08rem; }
  .down1 p { font-size: 0.24rem; }
  .down1 p:first-child { margin-right: 0px; margin-bottom: 0.15rem; }
  .down2 { display: none; }
  .down3 { width: 90%; margin: 0px auto; text-align: center; }
  .down3 p { font-size: 0.24rem; color: rgb(255, 255, 255); opacity: 0.7; }
  .sj_list_head { width: 100%; line-height: 0.9rem; background-color: rgb(30, 87, 154); display: flex; align-items: center; justify-content: space-between; padding-right: 0.3rem; position: relative; z-index: 10; margin-bottom: 0.42rem; }
  .sj_list_head h4 { font-size: 0.32rem; color: rgb(255, 255, 255); text-indent: 0.35rem; }
  .sj_list_head_img { width: 0.26rem; height: 0.14rem; background: url("../images/sjlistheadimg.png") center center / 100% 100% no-repeat; }
  .sj_list_navi { width: 100%; position: absolute; top: 0.9rem; background-color: rgb(255, 255, 255); z-index: 100; display: none; }
  .sj_list_navi li { height: 0.9rem; border-bottom: 0.01rem solid rgb(213, 217, 231); list-style: none; }
  .sj_list_navi li a { display: block; width: 100%; line-height: 0.9rem; font-size: 0.28rem; color: rgb(51, 51, 51); text-indent: 0.35rem; }
  .sj_list_body { width: 90%; margin: 0px auto; }
  .sj_list_body h1 { font-size: 0.32rem; color: rgb(51, 51, 51); border-bottom: 0.03rem solid rgb(232, 234, 239); font-weight: 700; padding-bottom: 0.15rem; }
  .sj_list_bodyp { width: 100%; }
  .sj_list_bodypp { padding-bottom: 0.2rem; border-bottom: 0.01rem solid rgb(235, 235, 235); margin-top: 0.3rem; }
  .sj_list_bodypp p { overflow: hidden; text-overflow: ellipsis; font-size: 0.28rem; color: rgb(51, 51, 51); margin-bottom: 0.1rem; }
  .sj_list_bodypp h4 { font-size: 0.24rem; color: rgb(153, 153, 153); }
  .sj_show { width: 90%; margin: 0px auto; }
  .sj_show_head { width: 100%; border-bottom: 0.01rem solid rgb(235, 235, 235); padding-bottom: 0.15rem; }
  .sj_show_head h2 { font-size: 0.32rem; color: rgb(51, 51, 51); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; text-align: center; font-weight: 700; margin-bottom: 0.15rem; }
  .sj_show_head p { color: rgb(153, 153, 153); font-size: 0.24rem; text-align: center; }
  .sj_show_body { width: 100%; }
  .sj_show_body p { font-size: 0.28rem; color: rgb(51, 51, 51); line-height: 0.38rem; margin-top: 0.4rem; }
  .sj_show_body img { display: block; max-width: 90%; margin: 0.4rem auto 0px; }
}