 
 .ny {
     overflow: hidden;
     margin-top: 90px;
     margin-bottom: 70px;}
 
 .ny-menu {    margin-bottom: 30px;
     float: left;
     width: 100%;
     margin-right: 110px;}
 
 .ny-menu>p {
     border-left: 6px solid #861600;
     line-height: 63px;
     font-size: 24px;
     font-weight: 600;
     color: #333333;
     padding-left: 20px;}
 
 .ny-menu>ul {
     margin-top: 25px;}
 
 .ny-menu>ul>li {
    border-top: 1px solid #137bd3;
     position: relative;}
 
 .ny-menu>ul>li.on,
 .ny-menu>ul>li.on+li {
    border-color: #137bd3;}
 
 .ny-menu>ul>li.on>a {
       color: #137bd3;}
 
 .ny-menu>ul>li.active>a {
     color: #861600;}
 
 .ny-menu>ul>li span {
     position: absolute;
     right: 0;
     top: 50%;
     width: 20px;
     height: 20px;
     top: 10px;
     background: url(images/ny-lion.png) no-repeat;
     background-position: center center;
     cursor: pointer;
     transition: all 0.3s;}
 
 .ny-menu>ul li.on>span {
     transform: rotateZ(-90deg);}
 
 .ny-menu>ul li.on>ul {
     display: block;}
 
 .ny-menu>ul>li>a {
    padding-left: 15px;
     display: block;
     line-height: 40px;
     font-size: 16px;
     color: #666666;
     padding-right: 15px;}
 
 .ny-menu>ul>li ul {
     padding-bottom: 20px;
     display: none;}
 
 .ny-menu>ul>li ul li {
     padding-left: 30px;

     background-position: left 14px;
     line-height: 40px;
     transition: all 0.3s;
     margin-left: 20px;
     position: relative;}
 
 .ny-menu>ul>li ul li span {
     top: 10px;}
 
 .ny-menu>ul>li ul li.on {

     background-position: left 14px;}
 
 .ny-menu>ul>li ul li.on>a {
      color: #137bd3;}
 
 .ny-menu>ul>li ul li:hover {
     margin-left: 25px;}
 
 .ny-menu>ul>li ul li:hover>a {
     color: #861600;}
 
 .ny-menu>ul>li ul li:hover {
  
     background-position: left 14px;}
 
 .ny-menu>ul>li>ul>li>ul li {
     margin-left: 0;}
 
 .ny-menu>ul>li>ul>li>ul li:hover {
     margin-left: 5px;}
 
 .ny-menu>ul>li ul li a {
     display: block;
     color: #333;
     font-size: 14px;}
 
 .ny-m {
     overflow: hidden;}
 
 .tt-list-line {
     border-top: 1px dotted #d1d1d1;
     margin: 32px 0;
     margin-left: 130px;}
 
 .tt-list ul li {
     position: relative;}
 
 .tt-list ul li:first-child .tt-list-line {
     display: none;}
 
 .tt-list ul li a {
     display: block;
     margin-left: 55px;
     background: #f9fafc;
     padding: 35px 40px 35px 75px;
     transition: all 0.5s;}
 
 .tt-list ul li a:hover {
     background: #861600;}
 
 .tt-list ul li a:hover .tt-linfo h3 {
     color: #fff;}
 
 .tt-list ul li a:hover .tt-linfo p {
     color: #ddd;}
 
 .tt-ldate {
     position: absolute;
     left: 0;
     bottom: 0;
     text-align: center;
     width: 85px;
     height: 83px;
     border: 2px solid #861600;
     background: #f3f6fa;}
 
 .tt-ldate p {
     font-size: 32px;
     line-height: 40px;
     color: #861600;
     font-weight: 600;
     margin-top: 10px;}
 
 .tt-ldate span {
     display: block;
     font-size: 14px;
     line-height: 20px;
     color: #666666;}
 
 .tt-linfo h3 {
     font-size: 24px;
     color: #333333;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;}
 
 .tt-linfo p {
     font-size: 14px;
     line-height: 20px;
     max-height: 40px;
     overflow: hidden;
     margin-top: 10px;
     color: #666666;}
 
 .article>h3 {
     font-size: 32px;
     color: #333333;}
 
 .art-info {
     line-height: 55px;
     padding-left: 20px;
     border: 1px solid #ddd;
     margin: 40px 0;}
 
 .art-info p {
     font-size: 16px;
     color: #8e8e8e;}
 
 .art-body p {
     font-size: 16px;
     line-height: 32px;
     color: #5b5b5b;
     text-indent: 2em;}
 
 .img-list ul {
     overflow: hidden;}
 
 .img-list ul li {
     float: left;
     width: 48%;
     position: relative;
     margin-bottom: 45px;}
 
 .img-list ul li a {
     display: block;
     margin-left: 30px;
     padding-bottom: 60px;}
 
 .img-list ul li a .pic {
     padding-top: 58%;}
 
 .img-list ul li a p {
     position: absolute;
     left: 0;
     right: 30px;
     bottom: 0;
     background: #f3f6fa;
     line-height: 95px;
     padding: 0 30px;
     font-size: 18px;
     color: #333333;
     border-top-left-radius: 15px;
     transition: all 0.3s;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;}
 
 .img-list ul li:nth-child(2n) {
     margin-left: 4%;}
 
 .img-list ul li a:hover p {
     background: #861600;
     color: #fff;}
 
 .book-list {
     padding-top: 12px;
     border-top: 1px solid #dddddd;}
 
 .book-list ul {
     overflow: hidden;}
 
 .book-list ul li {
     float: left;
     width: 33.33%;
     text-align: center;}
 
 .book-list ul li a {
     display: block;
     padding: 25px 0 15px 0;}
 
 .book-pic {
     max-width: 103px;
     margin: 0 auto;}
 
 .book-list ul li a .pic {
     padding-top: 132%;}
 
 .book-info {
     margin-top: 10px;}
 
 .book-info span {
     display: block;
     font-size: 14px;
     color: #999999;}
 
 .book-list ul li a p {
     font-size: 16px;
     line-height: 25px;
     color: #666666;}
 
 .book-list ul li a:hover {
     background: #f1f5fa;}
 
 .book-tit {
     white-space: nowrap;
     border-bottom: 10px solid #e9eff8;
     height: 36px;
     overflow: hidden;}
 
 .book-tit ul {
     white-space: nowrap;
     text-align: center;
     font-size: 0;
     padding-bottom: 20px;
     overflow-x: scroll;}
 
 .book-tit ul li {
     display: inline-block;}
 
 .book-tit ul li a {
     display: block;
     font-size: 18px;
     color: #333333;
     margin: 0 20px;
     padding: 0 5px;
     border-bottom: 2px solid transparent;
     padding-bottom: 10px;}
 
 .book-tit ul li.on a {
     color: #032969;
     border-color: #0555ba;}
 
 .book-search {
     float: right;
     border: 1px solid #0555ba;
     border-radius: 5px;
     line-height: 43px;
     height: 43px;
     padding-left: 10px;
     padding-right: 15px;
     font-size: 0;
     margin-top: 40px;
     margin-bottom: 40px;}
 
 .book-search span {
     display: inline-block;
     padding-right: 30px;

     background-position: right center;
     font-size: 16px;
     vertical-align: middle;}
 
 .b-sah-text {
     line-height: 43px;
     vertical-align: middle;
     padding: 0 10px;
     width: 110px;}
 
 .b-sah-btn {
     vertical-align: middle;}
 /* 2021年9月16日 start*/
 /* 视频列表 -------------------- */
 
 .video-list {
     position: relative;}
 
 .video-list>ul>li {
     float: left;
     width: 23.5%;
     margin-left: 2%;
     margin-bottom: 20px;}
 
 .video-list>ul>li:nth-child(4n+1) {
     margin-left: 0;}
 
 .video-list>ul>li a {
     display: block;
     padding: 25px;
     background: #f1f5fa;
     transition: all 0.3s;
     position: relative;
     top: 0;}
 
 .video-list>ul>li a:hover {
     top: -10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
 
 .video-list>ul>li a:hover p {
     color: #0555ba;}
 
 .video-list>ul>li a .pic {
     padding-top: 65%;}
 
 .video-list>ul>li a p {
     font-size: 16px;
     line-height: 25px;
     color: #666666;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     margin: 10px 0 5px 0;}
 
 .video-list>ul>li a span {
     display: block;
     font-size: 14px;
     line-height: 22px;
     color: #999;}
 
 .video-type {
     position: absolute;
     left: 100%;
     top: 0;
     margin-left: 15px;
     width: 110px;
     background: #fff;
     box-shadow: 5px 5px 5px rgba(0, 0, 0, .1);
     padding-top: 10px;
     padding-bottom: 20px;
     min-height: 500px;
     border: 1px solid #eeeeee;
     border-radius: 10px;}
 
 .video-type a {
     display: block;
     text-align: center;
     font-size: 16px;
     line-height: 32px;
     color: #333333;
     margin: 10px 0;}
 
 .video-type a.on {
     color: #0555ba;
     font-weight: 600;}
 
 .video-type a:hover {
     color: #0555ba;
     font-weight: 600;}
 /* 视频详情 -------------------- */
 
 .ny-tit {

     background-position: right center;
     margin-bottom: 60px;}
 
 .ny-tit ul {
     overflow: hidden;
     float: right;}
 
 .ny-tit ul li {
     float: left;
     width: 184px;
     font-size: 24px;
     line-height: 44px;
     text-align: center;
     cursor: pointer;}
 
 .ny-tit ul li a {
     display: block;
     color: #333333;}
 
 .ny-tit ul li.on {

     background-position: center center;
     color: #fff;}
 
 .ny-tit ul li.on a {
     color: #fff;}
 
 .v-art-pic img {
     display: block;
     margin: 0 auto;
     max-width: 70%;}
 
 .v-art-info {
     margin-top: 50px;
     color: #333333;}
 
 .v-art-info h3 {
     font-size: 30px;}
 
 .v-art-info div {
     margin: 20px 0;}
 
 .v-art-info div span {
     display: block;
     font-size: 14px;
     line-height: 28px;}
 
 .v-art-info p {
     font-size: 18px;
     font-weight: 600;}
 
 .v-art-cont {
     margin-top: 25px;}
 
 .v-art-cont p {
     color: #333;
     font-size: 16px;
     line-height: 28px;}
 /* 名人墙  ------------ */
 
 .celebrity {
     position: relative;}
 
 .celebrity>p {
     position: absolute;
     left: 0;
     top: -70px;
     font-size: 14px;
     line-height: 20px;
     color: #666666;}
 
 .celebrity>ul {
     overflow: hidden;}
 
 .celebrity>ul li {
     float: left;
     width: 15%;
     margin-left: 2%;
     margin-bottom: 40px;}
 
 .celebrity>ul li:nth-child(6n+1) {
     margin-left: 0;}
 
 .celebrity>ul li a {
     display: block;
     padding: 25px;
     background: #f0f5fa;
     border: 1px solid #959595;
     border-radius: 10px;}
 
 .celebrity>ul li a .pic {
     padding-top: 126%;}
 
 .celebrity>ul li a p {
     text-align: center;
     font-size: 16px;
     color: #666;
     line-height: 20px;
     margin-top: 10px;}
 
 
 @media screen and (max-width:768px) {
     .ny {
         margin-top: 25px;
         margin-bottom: 30px;}
     .pagination {
         padding-top: 20px;}
     .pagination a {
         padding: 0 5px;
         height: 20px;
         line-height: 20px;
         font-size: 12px;
         margin: 0 3px;}
     .ny-menu {
         float: none;
         width: auto;
         margin-right: 0;}
     .ny-menu>p {
         background: #0555ba;
         color: #fff;
         padding: 10px 0;
         line-height: 35px;
         font-size: 16px;
         padding-left: 10px;
         position: relative;}
     .ny-menu>p span {
         position: absolute;
         top: 50%;
         right: 20px;
         width: 30px;
         height: 30px;
         margin-top: -15px;
     
         background-position: right center;}
     .ny-menu>p span.on {

         background-position: right center;}
     .ny-menu>ul {
         display: none;}
     .ny-menu>ul>li>a {
         line-height: 45px;
         font-size: 14px;
         color: #fff;}
     .ny-menu>ul>li.on+li {
         border-color: #fff;}
     .ny-menu>ul>li.on>a {
         color: #fff;
         padding-right: 20px;}
     .ny-menu>ul {
         background: #0555ba;
         margin-top: 0;
         padding: 15px;
         border-top: 1px solid #fff;}
     .ny-menu>ul>li ul li:hover {
         margin-left: 20px;}
     .ny-menu>ul>li>ul>li>ul li:hover {
         margin-left: 0;}
     .ny-menu>ul>li span {
      
         background-position: center center;
         top: 12px;}
     .ny-menu>ul>li.on,
     .ny-menu>ul>li.on+li {
         border-color: #fff;}
     .ny-menu>ul>li ul li a {
         color: #fff;}
     .ny-menu>ul>li ul li {
     
         background-position: left 14px;}
     .ny-menu>ul>li ul li.on {
      
         background-position: left 14px;}
     .ny-menu>ul>li ul li.on>a {
         color: #fff;}
     .ny-menu>ul>li.active>a {
         color: #fff;}
     .ny-menu>ul>li:first-child {
         border: none;}
     .ny-menu>ul>li ul li:hover {
        
         background-position: left 14px;}
     .ny-menu>ul>li ul li:hover a {
         color: #fff;}
     .ny-m {
         margin-top: 25px;}
     .tt-list-line {
         margin: 20px 0;
         margin-left: 90px;}
     .tt-linfo h3 {
         font-size: 18px;}
     .tt-ldate {
         width: 60px;}
     .tt-ldate p {
         font-size: 18px;}
     .tt-ldate span {
         font-size: 12px;}
     .tt-list ul li a {
         padding: 20px 10px 20px 50px;}
     .article>h3 {
         font-size: 16px;}
     .art-info {
         margin: 20px 0;}
     .tt-linfo h3 {
         font-size: 16px;
         padding-left: 10px;}
     .art-body p {
         font-size: 14px;}
     .img-list ul li {
         margin-bottom: 25px;}
     .img-list ul li a {
         margin-left: 0;}
     .img-list ul li a p {
         right: 0;
         padding: 0 10px;
         line-height: 45px;
         font-size: 14px;}
     .book-list ul li {
         width: 50%;}
     /* 2021年9月16日   start */
     .v-art-cont p {
         font-size: 14px;}
     .ny-tit {
         margin-bottom: 25px;}
     .ny-tit ul {
         float: none;
         background: #f5f7fb;}
     .ny-tit ul li {
         width: 33%;
         font-size: 16px;}
     .ny-tit ul li.on {
         background: #054eaa;}
     .v-art-info {
         margin-top: 25px;}
     .celebrity>p {
         position: static;
         margin-bottom: 15px;}
     .celebrity>ul li {
         width: 23%;
         margin-left: 1%;
         margin-right: 1%;
         margin-bottom: 20px;}
     .celebrity>ul li:nth-child(6n+1) {
         margin-left: 1%;}
     .ceby-l,
     .ceby-r {
         float: none;
         width: auto;}
     .ceby-lpic .slick-prev,
     .ceby-lpic .slick-next {
         width: 20px;
         height: 40px;
         background-size: 100%;}
     .ceby-lpic {
         padding: 0;}
     .ceby-lpic>ul {
         padding: 0 40px;}
     .ceby-lpic .slick-prev {
         left: 0;}
     .ceby-lpic .slick-next {
         right: 0;}
     .video-list>ul>li {
         width: 48%;
         margin-left: 1%;
         margin-right: 1%;}
     .video-list>ul>li:nth-child(4n+1) {
         margin-left: 1%;}
     .video-type a,
     .video-list>ul>li a p {
         font-size: 14px;}
     .video-list>ul>li a span {
         font-size: 12px;}
     .video-list>ul>li a {
         padding: 10px;}
     /* 2021年9月16日   end */
 }
 
 @media screen and (max-width:480px) {
     /* 2021年9月16日  start */
     .celebrity>ul li {
         width: 48%;
         margin-left: 1%;
         margin-right: 1%;}
     .video-list {
         padding-right: 0;}
     .video-type {
         position: static;
         width: auto;
         min-height: auto;
         font-size: 0;
         padding: 5px 10px;
         overflow-x: scroll;
         white-space: nowrap;
         margin-bottom: 20px;}
     .video-type a {
         display: inline-block;
         padding: 0 15px;
         margin: 0;}
     /* 2021年9月16日  end */
 }
 
 @media screen and (max-width:320px) {}
