/* 分页 */ .pagination { text-align: center; font-size: 0; padding-top: 50px; } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 12px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #666; margin: 0 7px; } .pagination a.active { background: #0059c0; color: #fff; border: 1px solid #0059c0; } .pagination a:hover { background: #0059c0; color: #fff; border: 1px solid #0059c0; } .pagination span { display: inline-block; font-size: 14px; } #nymain { background: url(../images/block-bj.jpg) no-repeat; background-size: 1920px auto; background-position: center bottom; } .nymain { /* margin-top: 30px; */ } .nymain .leftNav { float: left; width: 25%; background: rgba(0,89,192,0.8); position: relative; margin-top: -65px; } .nymain .leftNav p { text-align: center; font-size: 26px; font-weight: normal; color: #fff; padding: 22px 0; } .nymain .leftNav ul { background: #fff; border: 1px solid #d2d2d2; } .nymain .leftNav ul li { position: relative; } .nymain .leftNav ul li a { display: block; font-size: 18px; color: #333333; line-height: 60px; padding-left:30px; border-top: 1px solid #d8d8d8; border-left: 3px solid #cccccc; } .nymain .leftNav>ul>li>span { position: absolute; width: 14px; height: 14px; right: 30px; top: 18px; line-height: 50px; background: url(../images/sub_left_down.png) no-repeat center center; background-size: 14px 14px; cursor: pointer; } .nymain .leftNav>ul>li.on>span { background: url(../images/sub_left_up.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav>ul>li.active>a { background: #f7f8fa; background-size: 8px 100%; background-position: left top; border-left: 3px solid #0059c0; color: #0059c0; } .nymain .leftNav ul li a:hover { background: #f7f8fa; background-size: 8px 100%; background-position: left top; border-left: 3px solid #0059c0; color: #0059c0; } .nymain .leftNav>ul>li>ul { display: none; background: #ebf2ff; padding-top: 0; padding-bottom: 0; padding-right: 0; } .nymain .leftNav>ul>li>ul>li>a { font-size: 14px; } .ny-right { float: right; width: 72%; min-height:300px; padding-bottom: 50px; margin-top: 20px; } .position { text-align: right; padding: 16px 0; border-bottom: 1px solid #eceae4; font-size: 16px; color: #666666; margin: 1px 5px; } .position h3 { float: left; font-size: 20px; font-weight: normal; color: #0059c0; padding-bottom: 15px; border-bottom: 3px solid #0059c0; } .position span { color: #666666; font-size: 16px; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 16px; color: #666666; margin: 0 5px; } .position a:hover { color: #0059c0; } .text-list ul { } .text-list ul li { border-bottom: 1px solid #ddd; line-height: 69px; padding-right: 80px; position: relative; } .text-list ul li a { display: block; padding-right: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333; font-size: 16px; transition: all 0.5s; } .text-list ul li .date { position: absolute; right: 0; top: 0; height: 69px; width: 80px; text-align: center; color: #0059c0; transition: all 0.5s; } .text-list ul li .date p { font-size: 22px; line-height: 35px; margin-top: 5px; } .text-list ul li .date span { display: block; font-size: 14px; line-height: 70px; color: #999999; } .text-list ul li:hover a { color: #0059c0; transform: translateX(5px); } .art-main{ } .art-main .art-tit { border-bottom: 1px solid #e5e5e5; margin-top: 30px; } .art-main .art-tit h3 { text-align: center; color: #333; font-weight: normal; font-size: 24px; margin-bottom: 20px; } .art-main .art-body { padding-top: 30px; } .art-main .art-body p { color: #666666; text-indent: 2em; font-size: 16px; line-height: 40px; margin: 20px 0; } .art-main .art-body img { max-width: 80% !important; } .art-main .cont-tit p { font-size: 0; text-align: center; padding-bottom: 20px; } .art-main .cont-tit p img { display: inline-block; vertical-align: middle; height: 16px; margin-right: 5px; } .art-main .cont-tit p .liulan { margin-left: 50px; } .art-main .cont-tit p span { display: inline-block; vertical-align: middle; font-size: 16px; color: #999; } .art-info { border-top: 1px solid #eaeaea; margin-top: 40px; } .pnext { float: left; width: 80%; padding-right: 5%; margin-top: 25px; border-right: 1px solid #eaeaea; } .pnext p { text-indent: initial; font-size: 14px; line-height: 36px; color: #555555 } .pnext p a { font-size: 14px; color: #555555 } .pnext p:hover { color: #b82f2f; } .pnext p:hover a { color: #b82f2f; } .art-info>a { float: right; } .art-info>a img { height: 35px; margin-top: 25px; } /* 图片列表 */ .pic { padding-top: 75%; position: relative; overflow: hidden; } .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s; } .pic img:hover { transform: scale(1.05); } .img-lists ul { overflow: hidden; margin-top: 10px; } .img-lists ul li { float: left; width: 30%; margin: 20px 1.5% 0 1.5%; border: 1px solid #eee; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:hover { box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); top: -10px; } .img-lists ul li a { display: block; width: 100%; } .img-lists ul li a>img { display: block; width: 100%; height: 196px; } .img-lists ul li a>div.info { padding: 10px; font-size: 0; } .img-lists ul li a>div.info p { color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .img-lists ul li a>div.info img { height: 14px; vertical-align: middle; } .img-lists ul li a>div.info span { font-size: 14px; display: inline-block; margin-left: 5px; color: #999; vertical-align: middle; } .banner{ height: 260px; } .banner img{ width: 100%; height: 100%; display: block; object-fit: cover; margin: 0 auto; }