@charset "utf-8"; .head { transition: all 1s; } html, body { background: #f8f8f8; } .banner { position: relative; } .banner img { display: block; width: 100%; } .banner::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banner-zzc.png) repeat-x; background-position: center top; z-index: 9; } .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: #068358; color: #fff; border: 1px solid #068358; } .pagination a:hover { background: #068358; color: #fff; border: 1px solid #068358; } .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 { position: relative; padding-bottom: 50px; margin-top: 60px; } .nymain::before {} .nymain .leftNav { float: left; width: 220px; position: relative; margin-right: 50px; } .nymain .leftNav>h2 { line-height: 90px; color: #fffafc; font-size: 28px; overflow: hidden; text-align: center; background-color: #068358; border-radius: 5px 5px 0px 0px; } .nymain .leftNav>h2 img { vertical-align: middle; margin-right: 10px; margin-top: -5px; } .nymain .leftNav p { margin-left: 20px; font-size: 26px; font-weight: 600; color: #fff; padding: 20px 0; } .nymain .leftNav>ul { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); background-position: right bottom; position: relative; } .nymain .leftNav>ul::before { content: ""; position: absolute; left: 0; right: 20px; bottom: 70px; top: 0; /* background: #fff; */ } .nymain .leftNav>ul>li { position: relative; border-top: 1px solid #ebebeb; } .nymain .leftNav>ul>li:first-child { border-top: none; } .nymain .leftNav ul li a { display: block; font-size: 20px; color: #333; line-height: 68px; padding-left: 30px; border-left: 3px solid transparent; } .nymain .leftNav>ul>li span { position: absolute; width: 25px; height: 25px; right: 10px; top: 20px; line-height: 50px; background: url(../images/sub_left_down4.png) no-repeat center center; cursor: pointer; transition: all 0.3s; } /* .nymain .leftNav>ul>li.on>span { transform: rotate(90deg); } */ .nymain .leftNav>ul>li.on>a { color: #068358; } .nymain .leftNav>ul li.on>span { transform: rotate(90deg); } .nymain .leftNav>ul>li.activ { background: #dadada; } .nymain .leftNav>ul>li.active>a { color: #068358; border-left: 3px solid #068358; } .nymain .leftNav ul li:hover {} .nymain .leftNav ul li.active {} .nymain .leftNav ul li.active>ul { display: block; } .nymain .leftNav ul li a:hover { background-position: 31px center; color: #068358; } .nymain .leftNav>ul>li>ul { display: none; padding-top: 0; padding-bottom: 0; padding-right: 0; border-top: 1px solid #eeeeee; } .nymain .leftNav>ul>li>ul>li>a { font-size: 16px; line-height: 46px; /* border-top: 1px solid #eeeeee; */ /* padding-left: 65px; */ color: #666666; text-indent:.5em; } .nymain .leftNav>ul>li>ul>li ul{ margin: 0 15px 0 20px; background: #f1ebeb; padding: 0 10px; display: none; } .nymain .leftNav>ul>li>ul>li{ position: relative; } .nymain .leftNav>ul>li>ul>li>span{ top:10px; } .nymain .leftNav>ul>li>ul>li ul li a{ text-indent: 1.8em; font-size: 13px; line-height: 30px; padding: 0; } .nymain .leftNav>ul>li>ul>li>ul>li.active>a { color: #068358; } .ny-right { overflow: hidden; padding-top: 15px; } .ny-rcom { font-size: 24px; color: #068358; margin-bottom: 15px; font-weight: normal; } .position {} .position>div { position: relative; text-align: right; font-size: 0; line-height: 30px; border-bottom: 1px solid #ededed; padding-bottom: 25px; } .position h3 { font-size: 28px; line-height: 28px; font-weight: normal; color: #000000; text-align: left; bottom: 0; left: 0; float: left; border-left: 5px solid #068358; padding-left: 15px; } .position h3::after { content: ""; } .position span { color: #666666; font-size: 16px; vertical-align: middle; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; display: none; } .position a { font-size: 16px; margin: 0 5px; vertical-align: middle; color: #666666; } .position a:hover { color: #068358; } .ind_art_box { padding: 30px 0; } .ind_art h3 { text-align: center; font-size: 20px; font-weight: 900; text-indent: 0; color: rgba(0, 0, 0, .85); } .ind_art h4 { font-weight: 900; line-height: 1.5; margin: 2em 0; color: rgba(0, 0, 0, 0.65); } .ind_art p.noIndent { text-indent: 0 } .ind_art_main p { color: rgba(0, 0, 0, .6); line-height: 2.5em; text-indent: 2em; } .ind_art .c img { display: block; width: 300px; margin: 0 auto; } .ind_art p.noTitle { font-weight: 400; font-size: 14px; text-align: left; text-indent: 2em; } .timg-list { margin-top: 20px; } .timg-list ul li a { display: block; transition: all 0.3s; padding: 30px; background: #fff; margin-top: 45px; } .timg-list ul li a h3 { font-size: 20px; color: #333333; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; clear: both; margin-top: 15px; } .timg-list ul li a>div { overflow: hidden; } .timg-list-img { float: left; width: 330px; margin-right: 35px; } .timg-list ul li a .pic { padding-top: 60.5%; } .timg-list ul li a:hover h3 { color: #ba2a17; } .timg-list ul li a:hover span { border-color: #fff; color: rgba(255, 255, 255, .8); } .timg-list ul li a:hover span b { color: #fff; } .timg-linfo { overflow: hidden; padding-top: 20px; } .timg-linfo p { font-size: 16px; line-height: 28px; color: #666666; color: rgba(102, 102, 102, .6); height: 56px; white-space: pre-wrap; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0 0 0; } .timg-linfo div { overflow: hidden; } .timg-linfo span { display: block; color: #999999; color: rgba(153, 153, 153, .8); font-size: 14px; background-position: left center; line-height: 20px; float: left; border-bottom: solid 2px #068358; padding-bottom: 12px; } .timg-linfo span b { font-size: 24px; font-weight: 600; color: #068358; margin-right: 5px; display: inline-block; vertical-align: baseline; } .timg-list ul li a:hover { background: #068358; } .timg-list ul li a:hover h3 { color: #fff; border-color: rgba(229, 229, 229, .2); } .timg-list ul li a:hover span { color: #fff; } .timg-list ul li a:hover p { color: #ddd; color: rgba(255, 255, 255, .6); } /* 图片列表 */ .img-lists ul { overflow: hidden; margin-top: 10px; margin-left: -15px; margin-right: -15px; } .img-lists ul li { float: left; width: 33.33%; margin-top: 35px; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:nth-child(3n+1) { margin-left: 0; } .img-lists ul li:hover { /* box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); */ top: -10px; } .img-lists ul li:hover .info p { color: #068358; font-weight: 600; } .img-lists ul li a { display: block; margin: 0 15px; } .img-lists ul li a .pic { padding-top: 56%; } .img-lists ul li a>img { display: block; width: 100%; height: 196px; } .img-lists ul li a>div.info { padding: 10px 10px 10px 10px; font-size: 0; background-position: left center; } .img-lists ul li a>div.info p { color: #333333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .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; } .art-main .art-tit h3 { text-align: center; color: #333333; font-weight: normal; font-size: 28px; font-weight: normal; margin-top: 30px; } .art-main .art-tit h4 { text-align: center; color: #666666; font-weight: normal; font-size: 18px; margin-top: 30px; } .art-main .art-body { padding-top: 30px; } .art-main .art-body p { color: #333333; text-indent: 2em; font-size: 16px; line-height: 34px; } .art-main .art-body img { height: auto; max-width: 80% !important; display: block; margin: 30px auto; } .art-main .cont-tit p { font-size: 0; text-align: center; padding-top: 25px; padding-bottom: 25px; line-height: 24px; background: bottom; border-bottom: 1px dashed rgba(204, 204, 204, .5); } .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: #999999; margin: 0 10px; } .art-info { border-top: 1px dashed #eaeaea; margin-top: 25px; } .pnext { margin-top: 25px; } .pnext p { text-indent: initial; font-size: 16px; line-height: 36px; color: #333333; } .pnext p a { font-size: 14px; color: #333333; } .pnext p:hover { color: #068358; } .pnext p:hover a { color: #068358; } .szdw { margin-top: 8px; } .szdw ul { font-size: 0; } .szdw ul li { box-sizing: border-box; display: inline-block; padding-top: 67px; font-size: 0; width: 49%; margin-left: 2%; } .szdw ul li:nth-child(2n + 1) { margin-left: 0; } .szdw ul li .z { display: block; } .szdw ul li:hover .zi1 { border-bottom: 2px solid #084295; box-shadow: 10px 0 10px #eee; } .szdw .aaa { float: left; width: 180px; } .szdw .zi1 { overflow: hidden; padding-left: 25px; padding-top: 10px; padding-right: 20px; padding-bottom: 8px; border-bottom: 2px solid transparent; transition: all 0.5s; } .szdw .pic { padding-top: 127%; } .szdw .zi1 h4 { font-size: 18px; line-height: 30px; color: #333; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .szdw .zi1 p { font-size: 15px; line-height: 25px; height: 50px; overflow: hidden; color: #666; margin-top: 20px; margin-bottom: 35px; /* border-bottom: 1px solid #ccc; */ } .szdw .zi1 a { display: block; } .szdw .zi1 span { display: block; font-size: 14px; line-height: 30px; color: #1b4fa2; padding-top: 12px; border-top: 1px solid #ccc; } .col-main { float: left; width: 75%; padding-top: 50px } .col-side { float: right; width: 23.34%; padding-top: 60px } .m-txt5 { overflow: hidden; padding: 10px 0 39px } .m-txt5 .pics { float: left; width: 262px; margin-right: 30px } .m-txt5 .pics .pic { padding-top: 134%; } .m-txt5 .pics img { display: block; width: 100% } .m-txt5 .txt { overflow: hidden; font-size: 16px; line-height: 1.75; color: #333 } .m-txt5 p { font-size: 16px; } .m-txt5 .m-tit3 { margin-bottom: 34px; font-size: 22px; color: #333; font-weight: 700; line-height: 1; margin-bottom: 30px; } .m-tit3 { font-size: 22px; color: #333; font-weight: 700; line-height: 1; margin-bottom: 30px; } .p-list2 { padding: 4px 0 12px } .p-list2 li { padding-bottom: 29px; margin-bottom: 28px; border-bottom: 1px solid #ccc; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; color: #333; line-height: 30px } .p-list2 .col-r, .p-list2 .date { float: right; font-size: 16px; color: #666 } .p-list2 .date { margin-left: 40px } .p-list2 a { color: inherit; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .p-list2 .col-r a:hover, .p-list2 a:hover, .p-list2 em { color: #204ba0 } .p-list2 .col-r a { color: #666; margin-left: 30px } .pages { text-align: center; clear: both; margin-bottom: 80px; font-size: 14px; color: #666; line-height: 30px } .pages .p-flip, .pages ul { display: inline-block; vertical-align: top } .pages .p-flip { margin-left: 12px } .pages .inp { display: inline-block; vertical-align: top; width: 30px; height: 30px; border: 1px solid #ddd; font-size: 14px; color: #333; line-height: 28px; text-align: center; margin: 0 8px } .pages ul li { float: left; margin: 0 3px } .pages ul a { display: block; width: 30px; height: 30px; font-size: 14px; color: #666; line-height: 30px; text-align: center; background-repeat: no-repeat; background-position: center center } .pages ul a:hover { color: #204ba0 } .pages ul li.on a { background-color: #204ba0; color: #fff } .pages .p-first a { background-image: url(../images/img45.svg) } .pages .p-last a { background-image: url(../images/img46.svg) } .pages .p-next, .pages .p-prev { display: inline-block; vertical-align: top; color: #333 } .pages .p-next a, .pages .p-prev a { color: inherit; width: auto; margin: 0 5px } .pages .p-next a:hover, .pages .p-prev a:hover { color: #204ba0 } .m-txt6 { background: #f3f9ff; font-size: 14px; color: #333; line-height: 2 } .m-txt6 .tit { font-size: 22px; font-weight: 700; color: #333; line-height: 62px; border-bottom: 1px solid #ccc; margin-bottom: 23px } .m-txt6 .tit img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px; height: 26px } .m-txt6 .more { display: block; font-size: 14px; color: #fff; line-height: 40px; text-align: center; background: #204ba0 } .m-txt6 .more:hover { background: #4070cf } .m-txt6 .con { padding: 12px 20px 17px } .m-txt6 p { overflow: hidden; margin-bottom: 7px } .m-txt6 p em { display: block; float: left; width: 56px; margin-right: 5px } .m-txt6 p span { display: block; overflow: hidden } .text-list ul li a { display: block; padding: 30px 60px; background: #fff; margin-top: 37px; transition: all 0.5s; } .text-list ul li a .timg-linfo{ padding-top: 0; } .text-list ul li a h3 { position: relative; font-size: 18px; font-weight: normal; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 100px; color: #333333; padding-bottom: 10px; border-bottom: 1px solid rgba(204, 204, 204, .5); } .text-list ul li a h3 span { position: absolute; top: 3px; right: 0; padding-bottom: 0; border: none; } .text-list ul li a:hover { background: #068358; } .text-list ul li a:hover h3 { color: #fff; border-color: rgba(255, 255, 255, .5); } .text-list ul li a:hover h3 span { color: rgba(255, 255, 255, .8); } .text-list ul li a:hover h3 span b { color: #fff; } .text-list ul li a:hover p { color: #ccc; color: rgba(255, 255, 255, .8); } .pb_sys_style1 .p_no_d { border: 1px solid #068358; color: #fff; background-color: #068358;} .map {margin-top: 30px;} .map-con {position: relative;} .map-con img {width: 100%;height: auto;} .map-item {position: absolute;} .map-item-a {left: 20%;top: 27%;} .map-item-b {left: 30%;top: 60%;} .map-item-c {left: 49.4%;top: 49.48%;} .map-item-d {left: 50%;top: 27%;} .map-item-e {left: 66%;top: 30%;} .map-item-f {left: 73%;top: 67%;} .map-item a{width: 100px;height: 70px;display: block;font-size: 0px}