@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: #005ead; color: #fff; border: 1px solid #005ead;}
.pagination a:hover { background: #005ead; color: #fff; border: 1px solid #005ead;}
.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; position: relative;height:100%; background:#fff;}
.nymain .leftNav p { position: relative; text-align: center; font-size: 30px; color: #fff; line-height: 92px; background-color: #005ead;}
.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 { padding-top: 5px; border:1px solid #f7f5f5;}
.nymain .leftNav ul li { position: relative;}
.nymain .leftNav ul li a { display: block; padding-left:15px; padding-top:21px; padding-bottom:25px; text-decoration:none; font-size:16px; color:#333; border-bottom:4px solid #f7f5f5; display:block;}
.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-size: 8px 100%; background-position: left top; color: #005ead; background: #eff6fe; border-left:8px solid #12418f;}
.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: #005ead; background: #eff6fe;}
.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: #eff6fe; 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;min-height:500px;}
.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: 20px; font-weight: 600; color: #005ead; padding-bottom: 9px;}
.position span { color: #666666; font-size: 16px; vertical-align: middle;}
.position img { height: 16px; vertical-align: middle; margin-right: 5px;}
.position a { font-size: 16px; color: #666666; margin: 0 5px; vertical-align: middle;}
.position a:hover { color: #005ead;}
.text-list ul { margin-top: 30px;}
.text-list ul li { padding-left: 20px; padding-right: 100px; background: url(../images/dot2.png) no-repeat; background-position: left center; position: relative; font-size: 18px; line-height: 45px;}
.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: #005ead; 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 !important; */font-size: 16px !important; line-height: 32px !important; margin-bottom: 20px;}
.art-main .art-body img { max-width: 100%;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: #005ead; } /* ????‰???—è?¨ */ .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;}
.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: #005ead; 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 #005ead; 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: #005ead;}
.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 #005ead; 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 #005ead; 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: #005ead;}
.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 ul div img{ 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; }

 .vsbcontent_img{text-align:center;text-indent:0px}

.art-main .art-body p { color: #333 !important;  font-size: 16px !important; line-height: 32px !important; margin-bottom: 20px;}
.art-main .art-body p img { margin-left: -2em !important; max-width: 90%;height: auto;}
.art-main .art-tit h3 { padding-top: 20px;}

#vsb_content_4 IMG  { max-width: 90%;height: auto!important;}

} 

@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%;}
.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: 20px;}
.img-lists ul li:nth-child(2n) { margin-left: 0;}
.img-lists 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: none;}
.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; } 
}