@charset "utf-8"; .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: #aa040b; color: #fff; border: 1px solid #aa040b; } .pagination a:hover { background: #aa040b; color: #fff; border: 1px solid #aa040b; } .pagination span { display: inline-block; font-size: 14px; } #nymain { background: url() no-repeat; background-size: 1920px auto; background-position: center bottom; } .nymain { margin-top: 50px; overflow: hidden; } .nymain .leftNav { float: left; width: 242px; background: #fff; position: relative; } .nymain .leftNav p { position: relative; text-align: center; font-size: 30px; color: #fff; line-height: 92px; background-color: #1d2081; } .nymain .leftNav p span { position: absolute; top: 36px; right: 10px; width: 25px; height: 25px; background: url(../images/sub_left_down2.png) no-repeat center center; background-size: 14px 14px; display: none; } .nymain .leftNav p span.on { background: url(../images/sub_left_up2.png) no-repeat center center; background-size: 14px 14px; } .nymain .leftNav ul { background: #fff; padding-top: 5px; box-shadow: 1px 0px 20px rgba(0 0 0 /20%); } .nymain .leftNav ul li { position: relative; margin-top: 3px; max-width: 100%; overflow: hidden; } .nymain .leftNav ul li a { display: block; font-size: 18px; color: #333333; line-height: 60px; padding-left: 30px; transition: all .5s; } .nymain .leftNav>ul>li>a { /* background: #f6f7f9; */ } .nymain .leftNav>ul>li>span { position: absolute; width: 15px; height: 12px; right: 30px; top: 24px; line-height: 50px; background: url(../images/sub_left_down.png) no-repeat center center; background-size: 15px 12px; cursor: pointer; } .nymain .leftNav>ul>li.active>a { background: #f7f8fa; background-size: 8px 100%; background-position: left top; color: #1d2081; background: #d5d7ff; transition: all .5s; } .nymain .leftNav>ul>li.active>ul { display: block; } .nymain .leftNav>ul>li.active>span { background: url(../images/sub_left_down-hover.png) no-repeat center center; background-size: 15px 12px; } .nymain .leftNav ul li:hover>a { background-size: 8px 100%; background-position: left top; color: #1d2081; background: #d5d7ff; /* transform: translateX(10px); */ } .nymain .leftNav ul li:hover span { background: url(../images/sub_left_down-hover.png) no-repeat center center; background-size: 15px 12px; } .nymain .leftNav>ul>li>ul { display: none; background: #f6f7f9; padding-top: 0; padding-bottom: 0; padding-right: 0; } .nymain .leftNav>ul>li>ul>li>a { font-size: 14px; padding-left: 50px; line-height: 50px; } .ny-right { overflow: hidden; padding-bottom: 50px; padding-left: 50px; } .position { text-align: right; font-size: 0; padding: 16px 0; border-bottom: 1px solid #eceae4; margin-bottom: 30px; } .ny-title h3 { float: left; font-size: 16px; font-weight: 600; color: #1d2081; padding-bottom: 9px; border-bottom: 3px solid #1d2081; } .position span { color: #666666; font-size: 13px; vertical-align: middle; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 13px; color: #666666; margin: 0 5px; vertical-align: middle; } .position a:hover { color: #1d2081; } .text-list ul { margin-top: 30px; } .text-list ul li { padding-left: 16px; padding-right: 100px; background-position: left center; position: relative; font-size: 18px; line-height: 45px; } .text-list ul li::before{ content:""; position:absolute; width:5px; height:5px; background:#1d2081; left:0; top:50%; transform:translateY(-50%); } .text-list ul li a { display: block; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; } .text-list ul li:hover a { color: #1d2081; transform: translateX(5px); } .text-list ul li span { position: absolute; right: 0; top: 0; color: #999999; } .art-main .art-tit { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .art-main .art-tit h3 { text-align: center; font-weight: 600; color: #000; font-size: 20px; margin-bottom: 20px; padding-top: 20px; } .art-main .art-body p { color: #333 !important; text-indent: 2em; font-size: 16px; line-height: 32px; margin-bottom: 20px; } .art-main .art-body img { max-width: 100%; width: 100% !important; object-fit: cover; height: auto; } .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: 14px; color: #666; margin: 0 10px; } .zzjg>ul { overflow: hidden; padding-bottom: 65px; } .zzjg>ul li { float: left; width: 21%; margin: 2%; font-size: 16px; } .zzjg>ul li a { display: block; font-size: 16px; color: #666; } .zzjg>ul li a span { display: block; padding-left: 15px; background: url() no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zzjg>ul li:hover a { color: #aa040b; } /* ????‰???—è?¨ */ .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; } .text-lists>ul>li>a>.pic img { width: 100%; height: 100%; } .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; text-align: center; } .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; } .img-lists1 ul li { float: left; width: 21%; margin: 20px 1.5% 0 1.5%; border: 1px solid #eee; transition: all 0.3s; position: relative; top: 0; } .text-lists1>ul>li>a>.pic img { width: 100%; height: 100%; } .img-lists1 ul li:hover { box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); top: -10px; } .img-lists1 ul li a { display: block; width: 100%; } .img-lists1 ul li a>img { display: block; width: 100%; height: 196px; } .img-lists1 ul li a>div.info { padding: 10px; font-size: 0; } .img-lists1 ul li a>div.info p { color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; text-align: center; } .img-lists1 ul li a>div.info img { height: 14px; vertical-align: middle; } .img-lists1 ul li a>div.info span { font-size: 14px; display: inline-block; margin-left: 5px; color: #999; vertical-align: middle; } .xyld>ul li { font-size: 15px; line-height: 60px; color: #333333; padding: 0 10px; cursor: pointer; } .xyld>ul li.odd { line-height: 50px; background: #f6f7f9; } .xyld>ul li p span { color: #aa040b; margin-right: 10px; } .xyld-main { margin-top: 50px; } .xyld-main>div { display: none; } .xyld-main>div:first-child { display: block; } .xyld-main div h3 { font-size: 16px; font-weight: 600; color: #333333; border-bottom: 2px solid #aa040b; padding: 0 10px; padding-bottom: 10px; margin-bottom: 25px; } .ld-pic { float: left; margin-left: 15px; width: 150px; } .ld-pic img { display: block; width: 100%; } .ld-info { float: right; margin-right: 10px; width: 750px; } .ld-info h4 { font-weight: normal; font-size: 16px; line-height: 48px; color: #000000; } .ld-info p { font-size: 15px; line-height: 35px; color: #777777; text-align: justify; } .timg-list ul li { border-bottom: 1px solid #dcdcdc; transition: all .3s; } .timg-list ul li a { display: block; padding: 25px 20px; } .timg-list ul li:hover a { background: #aa040b; } .timg-list ul li a h3 { margin-top: 20px; font-size: 20px; color: #333333; font-weight: 600; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .timg-list ul li a>div { overflow: hidden; } .timg-list ul li a .pic { padding-top: 0; height: 188px; float: left; width: 268px; margin-right: 20px; } .timg-list ul li a .pic img { width: 100%; height: 100%; } .timg-list ul li a:hover h3 { color: #fff; font-weight: 600; } .timg-list ul li a:hover .timg-linfo p { font-size: 16px; color: #fff; } .timg-linfo { overflow: hidden; } .timg-linfo p { margin-top: 20px; margin-bottom: 10px; font-size: 16px; line-height: 26px; color: #333333; color: rgba(51, 51, 51, .7); white-space: pre-wrap; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .timg-linfo span { display: block; color: #333; font-size: 14px; margin-top: 5px; } .timg-list ul li a:hover .timg-linfo span { color: #fff; } /* 组织机构 */ .mechanism p { margin-top: 30px; margin-bottom: 20px; border-left: 3px solid #aa040b; font-size: 26px; font-weight: bold; color: #333; padding-left: 10px; } .mechanism ul { overflow: hidden; } .mechanism ul>li { float: left; width: 30%; margin-bottom: 15px; text-align: center; background-color: #dfe1e3; line-height: 26px; padding-top: 15px; padding-bottom: 15px; } .mechanism ul>li:nth-child(3n-1) { margin-left: 5%; margin-right: 5%; } .mechanism ul>li a { display: block; border-left: 3px solid #aa040b; font-size: 14px; color: #333; } .ldtz ul { margin-top: 30px; } .ldtz ul li { float: left; width: 48%; margin-bottom: 60px; } .ldtz ul li:nth-child(2n+1) { margin-right: 4%; } .ldtz ul li a { display: block; /* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */ overflow: hidden; margin: 5px; border: 1px solid #eeeeee; transition: all 0.3s; } .ldtz ul li a:hover { box-shadow: 0 5px 10px rgba(0, 0, 0, .1); } .ldtz-pic { float: left; width: 165px; margin-right: 25px; } .ldtz-pic .pic { padding-top: 143%; } .ldtz-info { overflow: hidden; padding-top: 35px; } .ldtz-info h3 { font-size: 20px; line-height: 22px; font-weight: 600; color: #333333; padding-top: 20px; position: relative; margin-bottom: 15px; } .ldtz-info h3::before { content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 4px; background: #aa040b; } .ldtz-info p { font-size: 16px; line-height: 30px; overflow: hidden; color: #666666; } @media screen and (max-width:1024px) { .nymain .leftNav p span { display: block; } .nymain .leftNav { float: none; width: auto; } .nymain .leftNav ul { display: none; } .nymain .leftNav p { line-height: 55px; margin-left: -15px; margin-right: -15px; } .nymain .leftNav p span { top: 17px; } .nymain { margin-top: 0; } .ny-right { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width:1000px) { .ldtz-pic { float: none; margin: 0 auto; } .ldtz-info { padding: 0 20px; padding-bottom: 15px; margin-top: 20px; text-align: center; } .ldtz-info h3::before { left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 768px) { .mechanism ul>li { float: left; width: 48%; } .mechanism ul>li:nth-child(3n-1) { margin-left: 0; margin-right: 0; } .mechanism ul>li:nth-child(2n) { margin-left: 4%; } } @media screen and (max-width:650px) { .img-lists ul li { width: 48%; margin-left: 0; margin-right: 0; } .img-lists ul li:nth-child(2n) { margin-left: 3%; } .img-lists1 ul li { width: 48%; margin-left: 0; margin-right: 0; } .img-lists1 ul li:nth-child(2n) { margin-left: 3%; } .zzjg>ul li { width: 46%; } .text-list ul li { font-size: 14px; } .timg-list ul li a .pic { float: none; width: 100%; height: 180px; } .timg-list ul li a h3 { margin-top: 0; } .ny-right { padding-left: 0; padding-right: 0; } .timg-list ul li a { padding: 0; } .timg-linfo { margin-top: 15px; } } @media screen and (max-width:480px) { .nymain .leftNav p { font-size: 22px; } .art-main .art-tit h3 { padding-top: 0; } .img-lists ul li:nth-child(2n) { margin-left: 0; } .img-lists ul li { width: 100%; } .img-lists1 ul li:nth-child(2n) { margin-left: 0; } .img-lists1 ul li { width: 100%; } .mechanism ul>li:nth-child(2n) { margin-left: 0; } .mechanism ul>li { float: none; width: auto; } .position { line-height: 30px; text-align: left; padding: 0; } .position a { font-size: 12px; } .position span { font-size: 12px; } .ny-title h3 { float: none; display: inline-block; } .ldtz ul li { float: none; width: auto; margin-bottom: 30px; } .ldtz-pic { float: left; width: 120px; } .ldtz-infoz { text-align: left; } .ldtz-info { text-align: left; } .ldtz-info h3::before { left: 0; transform: none; } .ldtz ul li:nth-child(2n+1) { margin-right: 0; } .ny-right { padding-bottom: 20px; } .position { margin-bottom: 0; } } .pb_sys_style2 .p_no_d { border: 1px solid #1d2081 !important; color: #fff; background-color: #1d2081 !important; } .art-body img{height:auto !important;max-width:100%;margin: 5px 0px;} .art-body p{text-indent:2em;line-height: 28px;} .art-body video{ height:auto !important; max-width:100%; } .art-body .vsbcontent_img{text-align: center;} .art-body .table{ overflow-x: auto; text-align: center; margin: 0 auto; width: auto; } .art-body .table table{ margin: 0 auto; width: auto; max-width: 895px; } .art-body .table p{ text-indent:0px; }