.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: #5276b6; color: #fff; border: 1px solid #5276b6; } .pagination a:hover { background: #5276b6; color: #fff; border: 1px solid #5276b6; } .pagination span { display: inline-block; font-size: 14px; } #nymain { position: relative; background-color: #f8f8f8; padding-bottom: 40px; z-index: 3; } .nymain .leftNav { float: left; width: 260px; position: relative; box-sizing: border-box; margin-top: -83px; } .nymain .leftNav p { position: relative; padding: 26px 0; padding-left: 45px; background: #004c94; font-size: 24px; color: #fff; font-weight: bold; } .nymain .leftNav p i { display: block; margin-top: 5px; font-style: normal; font-size: 12px; color: #fff; text-transform: uppercase; opacity: .59; } .nymain .leftNav p span { position: absolute; top: 36px; right: 10px; width: 25px; height: 25px; background-size: 14px 14px; display: none; } .nymain .leftNav p span.on { transform: rotate(45deg); } /* ??…é?μ????o§?????? */ .third-nav { display: none; } .third-nav>a { font-size: 13px !important; display: block; color: #333; padding-left: 50px; line-height: 30px; } .third-nav>a:hover { color: #065598; } .nymain .leftNav>ul>li>ul>li { position: relative; } .nymain .leftNav>ul { background-color: #004c94; box-shadow: 5px 5px 5px #ede8e8; padding-left: 6px; } .nymain .leftNav>ul>li { position: relative; background-color: #fff; } .nymain .leftNav>ul>li>a { display: block; font-size: 18px; color: #333333; line-height: 60px; padding-left: 45px; border-bottom: 1px solid #eeeeee; } .nymain .leftNav>ul>li>span { position: absolute; width: 20px; height: 20px; right: 25px; top: 20px; line-height: 50px; background: url(../images/xl.png) no-repeat center center; cursor: pointer; } .nymain .leftNav>ul>li.on>span { transform: rotate(90deg); } .nymain .leftNav>ul>li.active>a { background: #d3e1f2; color: #004098; } .nymain .leftNav>ul>li.active>ul { display: block; } .nymain .leftNav>ul>li:hover>a { color: #004098; background: #d3e1f2; } .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 { display: block; font-size: 14px; color: #333; padding-left: 50px; line-height: 50px; } .nymain .leftNav>ul>li>ul>li>a:hover { color: #004098; } .ny-right { overflow: hidden; padding-bottom: 30px; padding-left: 50px; padding-top: 35px; } .ny-title { position: relative; border-bottom: 1px solid #eceae4; padding-bottom: 15px; line-height: 40px; } .position { font-size: 0; text-align: right; } .pos { display: inline-block; padding-left: 30px; background: url(../images/wz.png) no-repeat left center; } .ny-title h3 { font-size: 30px; color: #333; font-weight: normal; } .position span { color: #666; font-size: 14px; vertical-align: middle; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 14px; color: #666666; margin: 0 5px; vertical-align: middle; } .position a:hover { color: #5276b6; } /* ??…??1é?μ */ .art-main h2 { text-align: center; color: #333; font-size: 24px; margin-bottom: 20px; padding-top: 20px; } .art-main .art-tit { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-top: 50px; } .art-main .art-tit h3 { text-align: center; color: #333; font-size: 24px; font-weight: normal; } .art-main .art-body p { color: #666; font-size: 16px; line-height: 29px; } .art-main .art-body p.img-tp img { display: block; width: 100%; max-width: 1020px; margin: auto; } .art-main .art-body img { max-width: 80% !important; } .art-main .cont-tit p { font-size: 0; text-align: center; padding-bottom: 20px; padding-top: 10px; } .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; margin: 0 55px; } /* ??o???è????? */ .jgsz>ul>li { margin-top: 40px; font-size: 0; } .jgsz>ul>li h2 { line-height: 60px; border-left: 6px solid #5276b6; padding-left: 25px; background-color: #d3e1f2; color: #5276b6; font-size: 20px; font-weight: normal; } .jgsz>ul>li a { position: relative; display: inline-block; margin-top: 30px; border-bottom: 1px solid #e7e7e7; padding-bottom: 20px; width: 21%; margin-right: 4%; font-size: 16px; color: #666; } .jgsz>ul>li a:after { content: ''; position: absolute; left: 0; width: 55px; height: 2px; background-color: #5276b6; bottom: 0; display: none; } .jgsz>ul>li a:hover { color: #5276b6; } .jgsz>ul>li a:hover:after { display: block; } /* ??????é????? */ .t-bt { margin-top: 40px; margin-bottom: 25px; } .t-bt span { display: inline-block; margin-right: 40px; line-height: 42px; border: 1px solid #d78b8e; padding: 0 35px; border-radius: 30px; font-size: 18px; color: #333; cursor: pointer; } .t-bt span.on { color: #fff; background-color: #5276b6; } .t-box .box { display: none; } .t-box .box.on { display: block; } .t-num { background-color: #f5efef; padding: 15px 20px; font-size: 0; } .t-num p { font-size: 16px; color: #333; margin-left: 20px; } .t-num a { display: inline-block; width: 5.8%; text-align: center; margin-top: 15px; } .t-num a span { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; font-size: 18px; text-transform: uppercase; color: #666; margin-left: auto; margin-right: auto; } .t-num a:hover span { background-color: #5276b6; color: #fff; } /* ?—¥?????—è?¨ */ .date-list ul li { margin-top: 43px; } .date-list ul li a { display: block; overflow: hidden; padding: 6px 0 6px 6px; } .date-list ul li a .date { position: relative; float: left; width: 80px; height: 90px; font-family: Georgia; color: #fff; text-align: center; background-color: #5276b6; } .date-list ul li a .date p { font-size: 42px; margin-top: 5px; } .date-list ul li a .date span { font-size: 15px; } .date-list ul li a .text { overflow: hidden; padding-left: 30px; line-height: 75px; } .date-list ul li a .text h2 { display: inline-block; font-size: 18px; line-height: 30px; color: #333; height: 60px; vertical-align: middle; overflow: hidden; font-weight: normal; } .date-list ul li:hover a .text h2 { color: #0a437e; } /* ????‰???—è?¨ */ .timg-list { margin-top: 20px; } .timg-list ul li a { display: block; transition: all 0.3s; padding: 25px; background-position: right center; } .timg-list ul li a h3 { font-size: 18px; color: #333333; line-height: 30px; margin: 10px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; } .timg-list ul li a>div { overflow: hidden; } .timg-list-img { float: left; width: 195px; margin-right: 20px; } .timg-list ul li a .pic { padding-top: 71%; } .timg-list ul li a:hover h3 { color: #5276b6; } .timg-list ul li a:hover .date { color: #fff; } .timg-linfo { overflow: hidden; } .timg-linfo p { font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden; } .timg-linfo .date { color: #5276b6; } .timg-linfo .date span { font-size: 28px; background-position: left center; font-weight: bold; } .timg-linfo .date i { font-style: normal; } .timg-list ul li a:hover { background: #5276b6; padding: 25px; } .timg-list ul li a:hover h3 { color: #fff; } .timg-list ul li a:hover p { color: #fff; } /* ????‰???—è?¨ */ .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; } .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; } /* ?—¥?????—è?¨ */ .list-text>ul>li { padding: 30px 0; border-bottom: 1px solid #e5e5e5; } .list-text>ul>li>a { display: block; overflow: hidden; position: relative; } .list-text li .tm { width: 73px; height: 76px; float: left; text-align: center; background-color: #f0f4f8; color: #004685; box-sizing: border-box; text-align: center; } .list-text li .tm span { display: inline-block; font-size: 14px; position: relative; } .list-text li .tm span:first-child { display: block; font-size: 24px; font-weight: bold; opacity: 1; padding-top: 10px; } .list-text li .tm span.big { position: relative; } .list-text li .text { overflow: hidden; padding-left: 25px; } .list-text li .text h1 { font-size: 16px; line-height: 1; color: #333; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; margin-top: 10px; } .list-text>ul>li:hover h1 { color: #004098; } .list-text li .text p { font-size: 14px; color: #999; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wzc { position: relative; } .wzc .ny-title:after { content: ""; position: absolute; left: -235px; top: -100px; height: 70px; background-color: #5276b6; width: 235px; } .wzc .ny-title h3 { position: absolute; left: 0; top: -100px; line-height: 70px; background-color: #5276b6; color: #fff; padding-right: 75px; } .wzc .ny-title h3:after { content: ''; position: absolute; right: -30px; border-left: 30px solid #b42027; border-top: 70px solid transparent; z-index: 2; } .wzc #nymain { padding-top: 30px; } /* zhy */ .zhy h2 { border-left: 4px solid #5276b6; line-height: 22px; font-size: 22px; padding-left: 10px; margin-top: 30px; margin-bottom: 10px; } .zhy ul li { float: left; width: 33.3%; padding: 10px; } .zhy ul li a { font-size: 16px; color: #333; display: block; padding-left: 10px; background-position: left center; } .zhy ul li a:hover { color: #004098; text-decoration: underline; } .zhy ul { margin-top: 20px; padding: 10px; border-top: 4px solid #5276b6; border-left: 3px solid #eee; border-right: 3px solid #eee; border-bottom: 3px solid #eee; } /* ??—è?¨é?μ */ /* lists ??—è?¨é?μ */ .lists ul { margin-top: 15px; } .lists li { padding-left: 15px; padding-right: 100px; background-position: left center; position: relative; font-size: 15px; border-bottom: 1px dashed #dfdfdf; line-height: 48px; } .lists li a { display: block; color: #000; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .lists li a:hover { color: #015dac; font-weight: bold; } .lists li a span { position: absolute; right: 10px; font-size: 14px; color: #999999; } /* ??????é£?é?? */ .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: 30px; } .ldtz-pic .pic { padding-top: 143%; } .ldtz-info { overflow: hidden; padding-top: 30px; padding-right: 20px; padding-bottom: 40px; } .ldtz-info h3 { font-size: 20px; line-height: 22px; font-weight: 600; color: #333333; padding-top: 20px; position: relative; margin-bottom: 15px; background: url(../images/lb-list-xx.jpg) no-repeat left top; } .ldtz-info p { font-size: 16px; line-height: 30px; overflow: hidden; color: #666666; } .sz-more { text-align: right; padding: 10px; } .ldtz-info .sz-more span { display: inline-block; border: solid 1px #a1b5d6; line-height: 30px; padding: 0 15px; font-family: Arial; font-size: 16px; color: #5276b6; } .ldtz-info .sz-more span:hover { opacity: 0.7; } /* ??????èˉ|??…é?μ */ .jsml { padding-top: 30px; } .js-pic { width: 162px; height: 232px; float: left; } .js-tx h3 { font-size: 24px; margin: 10px 0; } .js-tx { overflow: hidden; padding: 0 20px; } .js-tx a { font-size: 16px; color: #5276b6; } .js-tx a:hover { text-decoration: underline; } .js-tx p { font-size: 18px; color: #333; margin-bottom: 5px; } .js-jj h3 { margin-top: 20px; } .js-jj p { text-indent: 2em; font-size: 18px; margin-bottom: 20px; line-height: 32px; } .js-tit span { border: 1px solid #dfdfdf; display: inline-block; padding: 0px 30px; cursor: pointer; font-size: 16px; color: #333; line-height: 50px; position: relative; } .js-tit span.on::after { content: ""; position: absolute; left: 50%; bottom: -8px; margin-left: -8px; border-left: transparent 8px solid; border-right: transparent 8px solid; border-top: #5276b6 8px solid; } .js-tit span img { vertical-align: middle; } .js-tit span.on img.on { display: inline-block; } .js-tit span img.on { display: none; } .js-tit span.on img { display: none; } .js-tit span.on { background-color: #5276b6; border-color: #5276b6; color: #fff; } .js-tit { padding: 20px 0; margin-bottom: 20px; border-top: 1px solid #afc4e9; white-space: nowrap; overflow: auto; } .js-c>p { text-indent: 2em; font-size: 18px; margin: 10px 0; line-height: 32px; } .js-c p img { display: block; max-width: 85%; margin: 0 auto; } .js-c { display: none; } .js-c.on { display: block; } /* ??¢é??????§° */ .team h3 { font-size: 20px; color: #5276b6; padding: 20px 0; border-bottom: 2px solid #5276b6; } .team ul li a { width: 50%; display: block; float: left; text-align: center; line-height: 52px; color: #5276b6; font-size: 16px; } .team ul li a:first-child { border-right: 1px solid rgb(221, 210, 210); } .team ul li:nth-child(even) { background-color: #eee; } .team ul li:first-child a { color: #333; font-weight: 600; } /* ??¢é??????§° */ .js-info h2, .kytd h2, .js-jj h3 { font-size: 24px; line-height: 52px; padding-left: 20px; background-color: #5276b6; color: #fff; margin-bottom: 20px; } .kytd p { text-indent: 2em; font-size: 18px; line-height: 32px; } /* 图文列表 */ .pt-list>ul>li { padding: 40px 30px; } .pt-list>ul>li a { display: block; overflow: hidden; } .pt-list>ul>li .tp { float: left; width: 350px; } .pt-list>ul>li .tp .pic { padding-top: 63%; } .pt-list>ul>li .text { overflow: hidden; padding-left: 30px; } .pt-list>ul>li .text .date { margin-bottom: 20px; font-size: 16px; color: #333; } .pt-list>ul>li .text h2 { font-size: 18px; color: #333; margin-top: 20px; margin-bottom: 10px; font-weight: normal; } .pt-list>ul>li .text>p { line-height: 26px; font-size: 14px; color: #999; height: 104px; overflow: hidden; } .pt-list>ul>li:hover { background-color: #0b53a1; } .pt-list>ul>li:hover .text h2 { color: #fff; } .pt-list>ul>li:hover .text .date { color: #fff; } .pt-list>ul>li:hover .text p { color: #fff; }