@charset "utf-8"; /* CSS Document */ /* webplus平台 */ /* 面包屑*/ .possplit { background: none; display: initial; padding: 0 3px; } /* 2024.3.7 */ .right-nr { font-size: 16px; color: #333; position: relative; padding-bottom: 50px; } /******acrtice单篇文章******/ .view-title { color: #243b60; margin-bottom: 10px; font-size: 28px; } .sub-info-title { text-align: center; color: #333; margin-bottom: 15px; font-size: 20px; } .view-info { color: #999; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; } .view-info img { position: absolute; right: 0px; bottom: 8px; } .view-info span { font-size: 16px; font-weight: normal; color: #999; margin-right: 15px; } .view-info i{ padding-right: 5px; font-style: normal; } .view-cnt { margin-top:25px; text-align: justify; } .view-cnt img { max-width: 100% !important; height: auto !important; } .view-cnt p { text-justify: inter-ideograph; /*解决ie不兼容问题*/ font-size: 18px; color: #282828; line-height: 30px; margin-bottom: 20px; } .view-cnt ul li { list-style-type: disc; line-height: 28px; height: auto; color: #333; } .view-cnt a { color: #4b657c; } .view-cnt a:hover { text-decoration: underline; color: #4b657c; } .view-cnt ol, .view-cnt ul { /*padding-left: 17px;*/ margin: 0px; } .view-cnt ol li { list-style-type: decimal; height: auto; color: #333; } .view-cnt ul li p .view-cnt ol li p { margin-bottom: 10px; } .view-cnt table { border-collapse: collapse; border-spacing: 0; border: medium none; } .view-cnt table td, .view-cnt table th { border-color: #ddd; padding: 10px 5px; } view-cnt table td p, .view-cnt table th p { margin-bottom: 5px; } /******acrtice单篇文章 end******/ .lmnav { display: none; position: relative; /*text-align: center;*/ } .lmnav a { width: 180px; padding: 15px 10px; border: solid 1px #243b60; margin-right: -1px; text-align: center; color: #023e7f; font-size: 18px; font-weight: bold; position: relative; display: inline-block; text-decoration: none; } .lmnav a:hover,.lmnav a.active{ background-color: #243b60; color: #fff;} .organ-list { margin-top: 20px;} .organ-list .item { color: #333; display: inline-block; height: 100%; width: 100%; text-decoration:none; align-items: center; position: relative; padding: 10px 40px 10px 20px; border: solid 1px #ddd; border-top: solid 5px #243b60; } .organ-list .item:hover { border-top: solid 5px #ff3600; background-color: #243b60; color: #fff; } .organ-list .item .organ-title { margin: 10px 0 18px 0; line-height: 30px; font-size: 20px; font-weight: bold;} .organ-list .item .organ-intro { display: inline-block; font-size: 16px; font-weight: 200; line-height: 25px; } .offices { margin: 10px 0; } .office-name { line-height: 30px; font-size: 22px; font-weight: bold; color: #023e7f; background-image: url(../images/bt3_tb.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; margin-bottom: 10px; } .office-list .item{ background-color: #f5f6f7; min-height: 260px; padding: 30px; position: relative; line-height: 30px; margin-bottom: 30px; } .office-list .item .office-title{ margin-bottom: 10px; font-size: 18px; color: #023e7f; border-bottom: 1px dashed #ccc; padding-bottom: 10px; } .office-list .item .office-title span { font-size: 15px; padding-left: 10px; color: #666; } .office-list .item .office-intro{ line-height:28px; } /*字母序列表*/ .az { color: #333; font-size: 16px; margin-bottom: 26px; margin-top: 5px; } .az ul li:first-child { width: 60px; } .az ul li:first-child a { color: #203652; font-size: 18px; } .az ul { line-height: 30px; padding: 0; display: table; width: 100%; } .az ul li { /*float: left;*/ display: table-cell; line-height: 30px; text-align: center; } .az ul li a { color: #333; font-size: 18px; text-decoration: none; } .az ul li a.active,.az ul li a:hover { color:#ff3600; } .az-aa { padding-top: 10px; } .zza { padding: 10px 0; border-bottom: 1px dotted #cdcdcd; } .zza h4 { font-size: 24px; color: #9ac209; font-weight: normal; } .zza ul { padding-top: 20px; } .zza ul li { float: left; font-size: 16px; color: #333; padding-right: 40px; width: 60px; margin-bottom: 10px; } .zza ul li.mar0 { margin-right: 0px; } /**/ /**/ .lmlist div p{ width: 100%; color: #ffffff; background: #023e7f; border-radius: 3px; padding: 10px 40px 10px 20px; position: relative; } .lmlist div p:after { position: absolute; content: ""; width: 0; height: 0; right: 10px; /*border-left: 5px solid #fff;*/ border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-top: 5px solid transparent; top: 18px; } /*down*/ .down-list1 { margin: 0 0 30px; padding: 0; } .down-list1 li { position: relative; padding: 15px 25px; margin-bottom: 30px; background: #fff; border: 1px solid #eee; } .down-list1 li:hover { background: #eee; cursor: pointer; } .down-list1 li .down-left { width: calc(100% - 60px); } .down-list1 li .down-left a { color: #2d3644; font-size: 18px; text-decoration: none; } .down-list1 li .down-left a span { margin-top: 8px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .down-list1 li .down-left a img { margin-right: 15px; float: left; } .down-list1 li .down-xia { display: block; margin-top: 8px; width: 40px; text-align: center; } .down-list1 li:after { content: ""; position: absolute; left: 0px; top: 18px; height: 40px; width: 6px; background: #c1c6cd; } /*down end*/ /*******new-shadow*******/ .data-list2 { margin: 0 0 30px; padding: 0; } ul.data-list2 > li > a { float: left; display: block; padding-left: 15px; background: url(../images/rs/hj.png) no-repeat left 10px; color: #333; line-height: 28px; width: calc(100% - 175px); font-size: 18px; } .data-list2 li span { float: right; display: block; padding-left: 15px; width: 110px; } .data-list2 li { font-size: 16px; padding: 15px 20px; border: 1px solid transparent; border-bottom: 1px solid #ccc; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0); } .data-list2 li:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.02); cursor: pointer; } .data-list2 li:hover a { color: #243b60; text-decoration: none; } /*new-shadow end*/ /*picleft*/ .picleft-list { margin: 0 0 30px; padding: 0; } .picleft-list li { margin-bottom: 30px; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0); background: #f5f5f5; position: relative; } .picleft-list li:before { content: " "; position: absolute; right: 0; text-align: center; bottom: 0; width: 3px; height: 40px; background: #ff3600; } .picleft-list li:after { content: ""; position: absolute; right: 0; bottom: 0; width: 40px; height: 3px; background:#ff3600; } .picleft-list li:hover { box-shadow: 0px 25px 30px -17px rgba(0, 0, 0, 0.5); } .picleft-list li a { text-decoration: none; display: block; } .picleft-list li .pli-img { width: 23%; transition: all 1s; } .picleft-list li .pli-img img { width: 100%; } .picleft-list li .pli-img:hover { transition: all 1s; cursor: pointer; } .picleft-list li .pli-img img { max-width: 100%; } .picleft-list li .pli-text { width: 76%; padding: 30px; } .picleft-list li .pli-text h5 { font-size:24px; color: #243b60; line-height: 32px; display: block; margin-bottom: 40px; text-decoration: none; margin-top: 0px; } .picleft-list li .pli-text span { font-size: 18px; color: #333; margin-left: 25px; } .picleft-list li .pli-text span img { padding-right: 5px; vertical-align: -4px; } .picleft-list li .pli-text p { font-size: 18px; color: #333; line-height: 26px; margin-bottom: 0; /*overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/ } /*picleft end*/ /*piclist*/ .piclist { margin: 0 0 30px; padding: 0; } .piclist a { text-decoration: none; display: block; margin-bottom: 30px; box-shadow: 1px 2px 4px 2px #ccc; } .piclist a .pic-img { overflow: hidden; } .piclist a img { display: inline-block; transition: all 1.5s; transform: scale(1.0); width: 100%; } .piclist .pic-tt { background: #fff; border-bottom: 2px solid #ff3600; height: 150px; padding: 15px 20px; } .piclist .pic-tt span.time1 { display: block; font-size: 16px; color: #666; margin-bottom: 10px; } .piclist .pic-tt h5 { height: 56px; font-size: 18px; line-height: 28px; color: #333; margin-top: 0; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .piclist .pic-tt p { height: 52px; font-size: 16px; font-weight: normal; line-height: 26px; font-family: arial; color: #666; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .piclist a:hover img { transition: all 1.5s; transform: scale(1.3); } .piclist a:hover .pic-tt { background: #243b60; } .piclist a:hover h5, .piclist a:hover span.time1, .piclist a:hover p { color: #fff; } /*piclist end*/ /*piclistleft1*/ .picleft-list23 { margin: 0 0 30px; padding: 0; } .picleft-list23 li { background: #fff; border-top: 3px solid #03428a; box-shadow: 2px 2px 3px 2px #ccc; padding: 20px 25px; margin-bottom: 30px; transition: all 0.4s ease-out; } .picleft-list23 li:hover { border: 1px solid #ccc; border-top: 3px solid #1b66a4; /*box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64);*/ transform: scale(1.02); cursor: pointer; } .picleft-list23 li .pli-img { width: 20%; float: left; } .picleft-list23 li .pli-img img { width: 100%; } .picleft-list23 li .pli-text { width: 80%; padding-left: 30px; } .picleft-list23 li .pli-text h5 { font-size: 28px; color: #333; margin-bottom: 20px; } .picleft-list23 li .pli-text h5 a { color: #333; text-decoration: none; } .picleft-list23 li .pli-text h5 span { font-size: 18px; margin-left: 25px; color: #dbbb7d; /*vertical-align: 5px;*/ } .picleft-list23 li .pli-text p { line-height: 30px; margin-bottom: 10px; } .picleft-list23 li .pli-text p:last-child { margin-bottom: 0px; } /*piclistleft1 end*/ .teach-ul11{ margin: 0 0 30px; padding: 0; text-align: center; } .teach-ul11 a{ width: 150px; padding: 10px 5px; margin-bottom:5px; display: inline-block; text-align: center; background: #203652; color: #fff; text-decoration: none; } .teach-ul11 a:hover,.teach-ul11 a.active{ background: #ff3600; } /*piclist-teach 页面*/ .teach-ul1 { margin: 0 0 30px; padding: 0; } .teach-ul1 .li-img { text-align: center; margin-bottom: 28px; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0); } .teach-ul1 .li-img img { width: 100%; } .teach-ul1 .li-img a { display: block; text-decoration: none; } .teach-ul1 .li-img a span { display: block; font-weight: bold; color: #03428a; background: #fff; font-size: 18px; border: 1px solid #eee; height: 65px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .teach-ul1 .li-img a:hover span { /*background: #9a202d url(../images/trimgbg.jpg) no-repeat right top;*/ background-size: cover; } .teach-ul1 .li-img:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.02); transition: all 0.4s ease-out; cursor: pointer; } /*piclist-teach 页面 end*/ /*video列表*/ .video-list { margin: 0 0 30px; padding: 0; } .video-list .vi-li { min-height: 283px; margin-bottom: 30px; transition: all 0.4s ease-out; } .video-list .vi-li a { text-decoration: none; display: block; } .video-list .vi-li .vi-vi { position: relative; overflow: hidden; } .video-list .vi-li .vi-vi img { max-width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .video-list .vi-li .vi-vi span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .video-list .vi-li .vi-text { } .video-list .vi-li .vi-text p { text-decoration: none; font-size: 18px; color: #333; text-align: center; padding: 25px 0; margin-bottom: 0; border-bottom: 2px solid #1b66a4; } .video-list .vi-li:hover .vi-vi img.img1 { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } /*video end*/ /*点击展开折叠页面*/ .banshi { margin: 0 0 30px; padding: 0; } .ban-box { border: 1px solid #ccc; margin-bottom: 23px; } .ban-box .ban-tit p { margin: 0; font-size: 18px; } .ban-box .ban-tit { line-height: 58px; color: #333; font-size: 18px; padding: 0 20px; cursor: pointer; border-left: 5px solid #243b60; position: relative; } .ban-box .ban-tit i { position: absolute; right: 20px; top: 0px; } .ban-box .view-cnt { margin-top: 0px; border-top: 1px solid #ccc; padding: 20px 30px; display: none; } .ban-box .view-cnt p { margin: 5px 0; } .right-nr img { max-width: 100% !important; height: auto !important; } /*页数*/ .page { text-align: center; } .page ul { padding-left: 0; } .page ul li { /*float:left;*/ display: inline-block; line-height: 34px; margin: 0 5px; color: #847f93; font-size: 14px; } .page ul li:last-child { border-right: none; } .page ul li a { color: #847f93; padding: 0 12px; display: block; font-size: 14px; /*border: 1px solid #ddd;*/ text-decoration: none; } .page ul li a:hover, .page ul li a.active { background: #243b60; color: #fff; text-decoration: none; } /*page1*/ .page1 { margin-bottom: 30px; } .page1 ul { width: 100%; text-align: right; padding: 0; } .page1 ul li { /*float: left;*/ border: 1px solid #ddd; line-height: 40px; margin: 0 5px; color: #847f93; display: inline-block; } .page1 ul li a { float: left; color: #847f93; font-size: 14px; padding: 0 10px; text-decoration: none; display: inline-block; } .page1 ul li.ye { border: none; margin: 0; } .page1 ul li.tiao { border: none; padding-left: 0; } .page1 ul li.tiao span { margin-right: 15px; } .page1 ul li.tiao span input { border: 1px solid #ddd; line-height: 40px; width: 40px; display: inline-block; height: 40px; float: left; } .page1 ul li a:hover { color: #fff; background: #063294; } .page1 ul li.ye a:hover { background: none; color: #063294; } .page1 ul li.tiao a:hover { background: none; color: #063294; } /*page1 end*/ .w-ul-disc { padding-left: 20px !important; margin: 0 !important; } .w-ul-disc li { list-style-type: disc !important; margin-left: 22px; } .w-ul-decimal { padding-left: 20px !important; margin: 0 !important; } .w-ul-decimal li { list-style-type: decimal !important; } .w-ul-none { padding: 0 !important; margin: 0 !important; } .w-ul-none li { padding: 0 !important; margin: 0 !important; list-style-type: none !important; } /*picleft-list23-2*/ .picleft-list23-2{ } .picleft-list23-2 .coll-licon{ margin-bottom:33px; } .picleft-list23-2 .coll-licon a .coll-img1 { width: 20%; } .picleft-list23-2 .coll-licon a .coll-text{ width: 80%; padding: 23px 30px 20px; } .picleft-list23-2 .coll-licon a .coll-text span{ } .picleft-list23-2 .coll-licon a .coll-text h4{ font-size: 20px; color: #243b60; margin-top: 6px; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; } .picleft-list23-2 .coll-licon a .coll-text p{ font-size: 16px; color: #888; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; margin-bottom: 0; } .picleft-list23-2 .coll-licon a:hover{ background: none; border-bottom:8px solid #234b8b; } .picleft-list23-2 .coll-licon a:hover span{ color: #999; } /*teach-ul12*/ .teach-ul12{ padding-bottom: 30px; } .teach-ul12 .li-teach{ margin-bottom: 40px; } .teach-ul12 .li-teach a i{ position: absolute; left: 3%; bottom: -10px; width: 97%; height: 10px; background: #213658; display: block; } .teach-ul12 .li-teach a{ text-decoration: none; display: block; position: relative; padding: 20px 20px; /*border-bottom: 10px solid #23395d;*/ box-shadow: 2px 1px 6px 2px #d6d6d6; } .teach-ul12 .li-teach a .li-timg{ /*float: left; width: 82px;*/ } .teach-ul12 .li-teach a .li-timg img{ /*width: 100%; border-radius: 100%;*/ } .teach-ul12 .li-teach a .li-tt{ /*float: right; width: calc( 100% - 103px );*/ } .teach-ul12 .li-teach a .li-tt h5{ font-size: 18px; color: #223759; margin-bottom: 10px; margin-top: 16px; } .teach-ul12 .li-teach a .li-tt p{ font-size: 14px; color: #5d6675; margin-bottom: 5px; white-space: nowrap; /* 不换行 */ overflow: hidden; /* 超出部分隐藏 */ text-overflow: ellipsis; } .teach-ul12 .li-teach a:hover i{ background: #ff3600; } /*新闻列表*/ .newic-list11 { padding-bottom: 30px; } .newic-list11 .newic-li { background: #fff; padding:18px 15px; margin-bottom: 23px; } .newic-list11 .newic-li:hover { background: #f4f8ff; } .newic-list11 .newic-li a { text-decoration: none; display: -webkit-flex; display: flex; align-items: flex-start; flex-wrap: wrap; } .newic-list11 .newic-li a .li-date { width:105px; height: 72px; border-right:1px solid #777; text-align: center; padding-right: 10px; } .newic-list11 .newic-li a .li-date p { font-size: 24px; color: #243b60; height: 37px; line-height: 37px; margin-bottom: 4px; padding-top:6px; } .newic-list11 .newic-li a .li-date span { color: #777; font-size: 16px; display:block; line-height: 36px; margin-top: -8px; } .newic-list11 .newic-li a .li-tt { width: calc(100% - 105px); /*display: -webkit-flex; display: flex; align-items:flex-start; flex-wrap: wrap;*/ padding-left: 2%; transition: all 0.8s; } .newic-list11 .newic-li a .li-tt span { display: block; font-size: 18px; color:#243b60;margin-top: -3px; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: bold; } .newic-list11 .newic-li a .li-tt p { font-size: 16px; color: #666; line-height: 26px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (min-width: 1200px) { .yj-li{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 1400px) { .nav-pbg{ bottom: 20px; } .view-title{ font-size: 28px; } } @media (max-width: 1300px) { .picleft-list23-2 .coll-licon a .coll-text{ padding-top: 13px; padding-bottom: 13px; } } @media (max-width: 1200px) { .picleft-list li .pli-text p { font-size: 16px; } .main-right{ padding-top: 30px; } .ke-tit{ font-size: 24px; } .picleft-list23-2 .coll-licon a .coll-text h4{ margin-bottom: 3px; } .teach-ul12 .li-teach a{ padding: 18px 15px; } } @media (max-width: 991px) { .ke-tit { font-size: 20px; display:none; } /*单篇文章*/ .view-title { font-size: 22px; } .view-info span{ font-size: 14px; } .view-cnt p { font-size: 16px; line-height: 28px; } /*new-shadow*/ ul.data-list2 > li > a { font-size: 16px; } /*picleft*/ .picleft-list li .pli-text h5 { font-size: 18px; } /*点击展开折叠页面*/ .ban-box .ban-tit p { font-size: 16px; } .ban-box .ban-tit { padding: 0 25px 0 15px; } .ban-box .ban-tit i { right: 2px; } .ban-box .ban-tit { font-size: 16px; line-height: 25px; padding: 10px 20px 10px 10px; } /**/ .page1 ul li a { padding: 0 5px; } .page1 ul li { margin-bottom: 15px; } .page1 ul li.ye { margin-bottom: 15px; } .picleft-list23-2 .coll-licon a .coll-text h4{ font-size: 18px; } .teach-ul12 .li-teach a{ padding: 18px; } .teach-ul12 .li-teach a .li-tt h5{ font-size: 20px; margin-bottom: 10px; margin-top: 10px; } .teach-ul12 .li-teach a .li-tt p{ font-size: 16px; } .newic-list11 .newic-li a .li-date{ width: 70px; } .newic-list11 .newic-li a .li-tt { width: calc(100% - 85px); transition: all 0.8s; } .newic-list11 .newic-li{ padding: 15px 10px; } } @media (max-width: 767px) { /*单篇文章*/ .view-cnt{ margin-top: 20px; } .view-info{ padding-bottom: 5px; } .right-nr table td, .right-nr table th { white-space: nowrap; } .view-title { font-size: 18px; } /*new-shadow*/ ul.data-list2 li a { width: 100%; float: none; } ul.data-list22 li .li-date2 { width: 11%; } ul.data-list22 li { padding: 15px 0px; } .data-list2 li span { float: none; margin-top: 5px; display: block; font-size: 14px; width: 100%; } .data-list2 li { padding: 10px; } /*picleft*/ .picleft-list li .pli-img { width: 100%; text-align: center; } .picleft-list li .pli-text { width: 100%; padding-left: 0; margin-top: 15px; text-align: left; } .picleft-list li:hover { box-shadow: none; } /*piclistleft1*/ .picleft-list23 li .pli-img { width: 50%; float: none; text-align: center; } .picleft-list23 li .pli-text { width: 100%; float: none; padding-left: 0; margin-top: 20px; } .picleft-list23 li .pli-text h5 { font-size: 24px; } /*我加的*/ .picleft-list li .pli-text span{ font-size: 16px; } .down-list1 li .down-left a{ font-size: 16px; } .teach-ul1 .li-img a span{ font-size: 16px; height: 55px; } .video-list .vi-li .vi-text p{ font-size: 16px; } .ban-box .ban-tit i{ top: 10px; } .down-list1 li{ margin-bottom: 20px; } .picleft-list23-2 .coll-licon a .coll-img1{ width: 100%; } .picleft-list23-2 .coll-licon a .coll-img1 img{ width: 100%; } .picleft-list23-2 .coll-licon a .coll-text{ width: 100%; padding: 15px; } .picleft-list23-2 .coll-licon a .coll-text h4{ margin: 10px 0; } .picleft-list23-2 .coll-licon a i{ display: none; } .az{ margin-top: 0; } .az ul li:first-child{ width: auto; } .az ul li:first-child a{ font-size: 16px; } .az ul li a{ font-size: 16px; } .az ul li{ display: block; float: left; padding: 0 5px; } .newic-list11 .newic-li a .li-date { width: 50px; } .newic-list11 .newic-li a .li-date p{ font-size: 20px; } .newic-list11 .newic-li a .li-tt span{ font-size: 16px; margin-bottom: 4px; } .newic-list11 .newic-li a .li-tt { width: calc(100% - 55px); } .main-right { padding-top: 20px; } }