@charset "utf-8";

/* CSS3鍔ㄧ敾搴 */
@import url("animate.css");

/* 鍚勭鍥炬爣CDN */


/* reset css */
* { margin: 0; padding: 0; font-family: "寰蒋闆呴粦", "Microsoft Yahei"; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, button, textarea, p, th, td { margin: 0; padding: 0; }
fieldset, img { border: 0; }
address, cite, dfn, em, var { font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 14px; }
caption, th { text-align: left; font-weight: normal; }
/* 閫氱敤鍔熻兘 */

.vm, input, label { vertical-align: middle; }
.tc { text-align: center; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }
.h>li { float: left; max-width: 50%; }
.clearfix:after, .nav:after, .content:after, .grid:after, .h:after, .jr-row:after, .jr-grids:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix, .nav, .content, .grid, .row, .h {  *zoom: 1;
}
.clear { clear: both; height: 0; font: 0/0 Arial; visibility: hidden; }
.mb10 { margin-bottom: 10px; }
.mr10 { margin-right: 10px; }
.mb20 { margin-bottom: 10px; }
.mr20 { margin-right: 20px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.hide { display: none; }
.nt { text-align: left; letter-spacing: -3em; overflow: hidden; }
.nt:first-letter { margin-left: -20em; }
.et { overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; }
/* 瀛椾綋瀛楀彿 */
button, input, select, textarea { font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Microsoft YaHei, PingFang SC, Source Han Sans SC, Noto Sans CJK SC, SimHei, sans-serif; font-size: 14px; line-height: 1.5em; color: #333; }
/* 缈婚〉 */

.pages { float: left; width: 100%; padding: 70px 0; }
.pages UL { float: right; padding-right: 46px; }
.pages UL LI { float: LEFT; border: 1px solid #ccc; padding: 6px 10px; margin-right: 10px; margin-bottom: 10px; color: #888; }
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #fff; }
.pages UL LI:hover { border: 1px solid #0a2357; color: #0a2357; }
.pages UL LI:hover a { color: #0a2357; }
.pages .thisclass { background: #0a2357; border: 1px solid #0a2357 !important; color: #fff !important; }
.pages .thisclass a { color: #fff !important; }


/* 閾炬帴 */

a { color: #252525; text-decoration: none; }
a:hover { color: #048; text-decoration: none; }
a:active { outline: none; }
/* 鎸夐挳 */

.jr-btns { padding: 10px; line-height: 0; font-size: 0; text-align: center; }
.jr-btn { display: inline-block; box-sizing: border-box; min-width: 80px; height: 40px; border: none; outline: none; padding: 0 20px; line-height: 40px; text-align: center; vertical-align: middle; font-weight: normal; font-size: 1rem; white-space: nowrap; word-break: keep-all; background-color: #1b80d2; color: #fff; cursor: pointer; border-radius: 2px; transition: all .2s; }
.jr-btn+.jr-btn { margin-left: 4px; }
a.jr-btn:hover { color: #fff; }
.jr-btn-normal { border: 1px solid #ddd; background-color: #fff; color: #797979; }
a.jr-btn-normal:hover { background-color: #f8f8f8; color: #828282; }
.jr-btn-disabled { border: 1px solid #e9e9e9; background-color: #fafafa; color: #ccc; cursor: not-allowed; }
.jr-btn-disabled:hover { color: #ccc; }
.jr-btn-lg { height: 50px; line-height: 50px; padding: 0 30px; font-size: 1.28rem; }
.jr-btn-sm { min-width: 6em; height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; }
.jr-btn-xs { min-width: inherit; height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px; }
.jr-btn-radius { border-radius: 100px; }
.jr-btn-block { display: block; width: 100%; }
.jr-btn-block+.jr-btn-block { margin-left: 0; margin-top: 10px; }
.jr-btn i { display: inline-block; font-size: 20px; }
.jr-btn-lg i { font-size: 20px; }
.jr-btn-sm i { font-size: 16px; }
.jr-btn-xs i { font-size: 12px; }
.jr-btn-disabled i { color: #ccc !important; opacity: 0.5 !important; }
/* 棰滆壊 */

.text-white { color: #fff !important; }
.text-gray { color: #bbb !important; }
.text-red { color: #f41c20 !important; }
.text-orange { color: #f39c12 !important; }
.text-yellow { color: #f1c40f !important; }
.text-green { color: #36d2a5 !important; }
.text-cyan { color: #4eccdb !important; }
.text-blue { color: #2864df !important; }
.text-purple { color: #9b59b6 !important; }
.text-pink { color: #ff8aab !important; }
.md-gray { background-color: #f5f5f5; color: #797979; }
.md-red { background-color: #f41c20; }
.md-orange { background-color: #f39c12; }
.md-yellow { background-color: #f1c40f; }
.md-green { background-color: #36d2a5; }
.md-cyan { background-color: #4eccdb; }
.md-blue { background-color: #1b80d2; }
.md-purple { background-color: #9b59b6; }
.md-pink { background-color: #ff8aab; }
.md-lightblue { background-color: #e9f3fd; }
.md-deepblue { background-color: #147; }
.gd-gray { background: #ece9e6; background: -webkit-linear-gradient(60deg, #ece9e6, #f8f8f8); background: linear-gradient(60deg, #ece9e6, #f8f8f8); }
.gd-red { background: #ee0979; background: -webkit-linear-gradient(60deg, #ee0979, #ff6a00); background: linear-gradient(60deg, #ee0979, #ff6a00); }
.gd-orange { background: #ff5858; background: -webkit-linear-gradient(60deg, #ff5858, #fcab2a); background: linear-gradient(60deg, #ff5858, #fcab2a); }
.gd-yellow { background: #ffcf83; background: -webkit-linear-gradient(60deg, #eaa02a, #ffcf83); background: linear-gradient(60deg, #eaa02a, #ffcf83); }
.gd-green { background: #96deda; background: -webkit-linear-gradient(60deg, #50c9c3, #96deda); background: linear-gradient(60deg, #50c9c3, #96deda); }
.gd-cyan { background: #36d1dc; background: -webkit-linear-gradient(60deg, #5b86e5, #36d1dc); background: linear-gradient(60deg, #5b86e5, #36d1dc); }
.gd-blue { background: #00c6fb; background: -webkit-linear-gradient(60deg, #005bea, #00c6fb); background: linear-gradient(60deg, #005bea, #00c6fb); }
.gd-purple { background: #834d9b; background: -webkit-linear-gradient(60deg, #834d9b, #d04ed6); background: linear-gradient(60deg, #834d9b, #d04ed6); }
.gd-pink { background: #ff8aab; background: -webkit-linear-gradient(60deg, #fa647e, #ff8aab); background: linear-gradient(60deg, #fa647e, #ff8aab); }
.gd-lightblue { background: #b2fefa; background: -webkit-linear-gradient(60deg, #0ed2f7, #b2fefa); background: linear-gradient(60deg, #0ed2f7, #b2fefa); }
.gd-deepblue { background: #4b6cb7; background: -webkit-linear-gradient(60deg, #182848, #4b6cb7); background: linear-gradient(60deg, #182848, #4b6cb7); }
.md-red, .md-red>a, .md-orange, .md-orange>a, .md-yellow, .md-yellow>a, .md-green, .md-green>a, .md-cyan, .md-cyan>a, .md-blue, .md-blue>a, .md-purple, .md-purple>a, .md-pink, .md-pink>a, .md-lightblue, .md-lightblue>a, .md-deepblue, .md-deepblue>a, .gd-red, .gd-red>a, .gd-orange, .gd-orange>a, .gd-yellow, .gd-yellow>a, .gd-green, .gd-green>a, .gd-cyan, .gd-cyan>a, .gd-blue, .gd-blue>a, .gd-purple, .gd-purple>a, .gd-pink, .gd-pink>a, .gd-lightblue, .gd-lightblue>a, .gd-deepblue, .gd-deepblue>a { color: #fff !important; }
/* 杩斿洖椤堕儴 */

.backtop { position: fixed; bottom: 60px; right: 30px; display: block; width: 56px; height: 56px; cursor: pointer; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABt0lEQVRYR+2W/U0CQRTEZzrQCsQKpAOxA6xArQCpAK1AOxBKsAKxAzsQO4AKxsxllxzn3tcS5Q+5hJBc9u387u28t4848MMD62MvAEkzAEMAdyTXOR+TDSDpBcBtEP0AcJUDkQVQEl8AWAIwTBZEb4CyOMkiA5L8nwXRCyAlHs89F6IzQJP4PhCdALqI50K0AvQRz4FoBJB0D+AJwCIarmutd/VEG4CbzIjkc1fh8roA4Y8Yk1yl9mg9ghzhPjFHgGMGKOmyzTQk3yvuPgFwUYn7qnN60/4GUAeA7VGFGeChJsY343W8liW5fKugMdRlOTVAebMBgBs3HgDbuiVZrJE0AvAG4DVcv2UOZ2UC4LG03kDO8E4GQ5DfL3dMWBLwcOHgnSfAego6TQ0fkjwTrEka1MAFAMkfZg/ZmWQBpDZMCbYAOKuz/wEAIGVa3xGbP8lATcVsikuqUt/R5Y0m7OsBT8wViFXsGb8BMCTpkmysggiUBQDgPNX1JH0CcEdsLcNcADcqi7hJzStptah/0zjANJVhHYAFPOPP6/q6pDEAt9izCoBN5Ti7u3jCRDSInTFlxuN1/A1pl0UHHCBA+AAAAABJRU5ErkJggg=="); background-color: #f18d00; background-position: center; background-repeat: no-repeat; border-radius: 2px; box-shadow: 0 15px 35px rgba(0, 0, 0, .2); z-index: 9; }





/* webkit婊氬姩鏉 */

::-webkit-scrollbar {
 width: 6px;
 height: 6px;
}

::-webkit-scrollbar-thumb {
 background-color: #bbb;
}

::-webkit-scrollbar-thumb:hover {
 background-color: #aaa;
}

::-webkit-scrollbar-track-piece {
 background-color: #ddd;
}
/* 鏍囬 */

.t1 { position: relative; overflow: hidden; height: 40px; line-height: 40px; margin: 0 0 10px; }
.t1 .more { position: absolute; top: 0; right: 0; display: inline-block; padding: 0 0 0 20px; background-color: #fff; color: #aaa; }
.t1 b { position: relative; display: inline-block; height: 40px; padding: 0 25px; line-height: 40px; font-size: 18px; background-color: #e9e9e9; border-radius: 100px; }
.t1 b:after { content: ''; position: absolute; top: 50%; left: 100%; width: 2000px; height: 0; border-bottom: 1px dashed #ddd; margin-left: 20px; }
.t2 { position: relative; border: 1px solid #ddd; padding: 0 14px; line-height: 48px; background: #f8f8f8; color: #048; zoom: 1; }
.t2:before { content: ''; position: absolute; top: -1px; left: -1px; bottom: -1px; width: 6px; background-color: #048; }
.t2 b { display: inline-block; padding: 0 10px; font-size: 16px; }
.t3 { position: relative; border-bottom: 1px dotted #ddd; margin: 0 0 9px; padding: 12px 15px; line-height: 16px; }
.t3 b { display: inline-block; border-left: 8px solid #a3bde2; margin-left: -15px; padding: 0 0 0 10px; color: #048; }
/* 鍦ㄥ摢 */


/* 褰撳墠浣嶇疆 */
.where { height: 40px; margin: 10px 0; padding: 0 10px; line-height: 40px; background-color: #f5f5f5; border-radius: 3px; }
.where i { color: #ccc; font-size: 16px; vertical-align: middle; display: inline-block; width: 15px; height: 18px; margin: 0px 0px 0px 10px; background: url(../images/where.png) 0 0 no-repeat; }
.where .back { display: inline-block; padding: 0 10px; color: #797979; }
.where a, .where span { margin: 0 10px; }
.where a.home { margin: 0; }
/* tab */

.jr-tab { height: 40px; border-bottom: 1px solid #a3bde2; }
.jr-tab li { float: left; margin-left: 4px; }
.jr-tab li a { display: inline-block; margin-bottom: -1px; padding: 0 20px 1px; line-height: 38px; border: 1px solid #a3bde2; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; transition: all .2s; }
.jr-tab li a:hover { background-color: #f0f6fc; color: #1b80d2; }
.jr-tab li.current a, .jr-tab li.on a, .jr-tab li.current a:hover, .jr-tab li.on a:hover { border-color: #1b80d2; background-color: #1b80d2; color: #fff; }
.jr-tab2 { height: 50px; border-bottom: 1px solid #ddd; }
.jr-tab2 li { float: left; }
.jr-tab2 li a { position: relative; display: block; padding: 0 38px; line-height: 50px; font-size: 15px; text-align: center; color: #797979; -webkit-transition: color 0.3s; transition: color 0.3s; }
.jr-tab2 li.current a, .jr-tab2 li.on a { color: #1b80d2; font-weight: bold; }
.jr-tab2 li+li a::after { content: ''; position: absolute; top: 18px; bottom: 18px; left: 0; width: 1px; background-color: #ddd; }
.jr-tab2 li a::before { content: ''; position: absolute; bottom: -1px; left: 15%; width: 70%; height: 4px; background: #3c8ce7; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.1s; transition: transform 0.1s; }
.jr-tab2 li.current a::before, .jr-tab2 li.on a::before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.jr-tab2 i { float: left; display: block; width: 24px; height: 24px; margin: 13px 6px 13px 0; line-height: 24px; text-align: center; font-size: 24px; vertical-align: middle; color: #ccc; }
.jr-tab .current i, .jr-tab .on i, .jr-tab2 .current i, .jr-tab2 .on i { color: inherit; }
/* jr鏍呮牸銆侀棿闅?0銆佸熀浜庢诞鍔ㄣ€佸搴﹀畾涔夈€佹殏涓嶅吋瀹圭Щ鍔ㄧ */

.jr-grid { padding: 20px; }
.jr-row { margin-left: -10px; margin-right: -10px; }
.jr-col { float: left; box-sizing: border-box; padding-left: 10px; padding-right: 10px; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w30 { width: 30%; }
.w20 { width: 20%; }
.w75 { width: 75%; }
.w25 { width: 25%; }
.w66 { width: 66.67%; }
.w33 { width: 33.33%; }
.w16 { width: 16.66%; }
/*  鍚勭鍒楄〃 */

.list { padding: 20px; }
.list li { position: relative; line-height: 1.5; }
.list li>a { display: block; overflow: hidden; text-overflow: ellipsis; }
.list .pic { position: relative; overflow: hidden; }
.list .pic img { display: block; width: 100%; min-height: 100%; transition: all 0.3s; }
.list li:hover .pic img { transform: scale(1.1); }
/* 鏂囧瓧鍒楄〃鍩虹 */
.list-t { margin: 0px 0px; }
.list-t li { position: relative; height: 40px; line-height: 40px; padding-left: 30px; }
.list-t li:before { content: ""; position: absolute; top: 50%; left: 10px; width: 4px; height: 4px; margin-top: -2px; background-color: #ccc; }
.list-t li:hover:before { background-color: #1b80d2; }
.list-t li a { display: block; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; }
.list-t li .red { display: inline-block; position: absolute; right: 90px; width: 80px; top: 0; }
.list-t li .red a { color: rgb(192, 80, 77); }
.list-t li .date { position: absolute; top: 0; right: 10px; color: #bbb; }
/* 鍥剧墖鍒楄〃鍩虹鏍峰紡 */

.list-p li a { display: block; margin: 10px; text-align: center; }
.list-p li h4 { height: 20px; margin: 10px 0; line-height: 20px; font-size: 14px; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; }
.list-p li p { line-height: 20px; color: #797979; }
/* 閾炬帴鍒楄〃鍩虹鏍峰紡 */

.list-a li a { display: block; text-align: center; }
.list-a li i { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; vertical-align: middle; }
/* 鏍囬鍔犵畝浠嬪垪琛ㄥ熀纭€鏍峰紡 */

.list-b { margin: 20px; }
.list-b li { position: relative; border-bottom: 1px dotted #ddd; padding: 15px; line-height: 24px; }
.list-b li>a { display: block; }
.list-b li>a:after { content: "\20"; display: block; height: 0; clear: both; }
.list-b li h4 { position: relative; overflow: hidden; max-height: 60px; line-height: 30px; font-weight: bold; font-size: 16px; margin-bottom: 10px; }
.list-b li h4 i { margin-right: 10px; font-size: 14px; color: #ccc; }
.list-b li p { line-height: 20px; color: #797979; }
.list-b li .pic { float: left; position: relative; overflow: hidden; width: 120px; height: 90px; margin-right: 20px; }
 @media (max-width: 480px) {
.list-b li h4 { max-height: 48px; line-height: 24px; font-size: 14px; }
.list-b li .pic { width: 72px; height: 48px; }
.list-b li .pic img { width: 72px; }
}
/* 甯歌鍒楄〃鍒嗕韩 */

.list li .share { position: absolute; top: 50%; right: 20px; height: 50px; margin-top: -25px; line-height: 50px; }
.list li .share .share-box { position: absolute; top: 8px; right: 38px; z-index: 999; box-sizing: content-box; width: 70px; padding: 5px !important; opacity: 0; transition: opacity 0.35s; }
.list li .share:hover .share-box { opacity: 1; }
.list li .share .share-box a { float: left; display: block; width: 24px; height: 24px; margin: 0 5px !important; padding: 0 !important; vertical-align: middle; transform: scale(0.8); transition: transform 0.35s; }
.list li .share:hover .share-box a { transform: scale(1); }
.list li .share i { display: inline-block; width: 24px; height: 24px; margin: 13px; line-height: 24px; text-align: center; font-size: 18px; background-color: #ccc; color: #fff; border-radius: 3px; }
.list li .share:hover i { background-color: #1b80d2; }
.list .bdshare_popup_box { margin-left: -200px; }
 @media (max-width: 992px) {
.list li .share { top: auto; right: 5px; bottom: 5px; }
}
 @media (max-width: 480px) {
.list li .share { position: relative; top: 0; right: 0; bottom: 0; margin: 0 0 -15px -15px; }
.list li .share-box { left: 38px; right: auto; }
}
/* 鍒楄〃hover鏍峰紡 */

.hover-style1 li { position: relative; overflow: hidden; }
.hover-style1 li:after { content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #f0f3f8; z-index: 0; transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); }
.hover-style1 li:hover:after { width: 100%; }
.hover-style1 li h4, .hover-style1 li p, .hover-style1 li strong, .hover-style1 li a, .hover-style1 li span { position: relative; z-index: 1; }
.hover-style2 { position: relative; overflow: hidden; padding-bottom: 20px; }
.hover-style2 li { position: relative; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-top: -1px; }
.hover-style2 li:hover { z-index: 1; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .15); }
/* 鍒嗛〉 */


/*  姝ｆ枃 */

.article { }
.article h2 { padding: 15px 0; line-height: 2em; font-size: 30px; text-align: center; color: #0a2357; border-top: 6px solid #0a2357; background-color: #fff; }
.article h3 { padding:  0; line-height: 2em; font-size: 24px; text-align: center; color: #0a2357; background-color: #fff; }
.article .option { box-sizing: border-box; padding: 20px; line-height: 30px; color: #ccc; transition: padding .3s; background-color: #fff; }
.article .option h4 { display: none; }
.article .info { color: #ccc; }
.article .info>span { color: #027; }
.article .info i { margin: 0 10px 0 0; font-size: 16px; color: #ccc; vertical-align: middle; }
.article .option.fixed { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; border-top: none; margin: 0; padding: 20px 10px; background-color: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); }
.article .option.fixed h4 { display: block; position: absolute; top: 50%; left: 20%; right: 20%; width: 60%; height: 30px; margin-top: -15px; line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.article .option.fixed .info { display: none; }
.article .option.fixed .jfontsize { float: none; padding: 0; }
.jfontsize { float: right; height: 32px; margin: -1px 0; padding: 0 20px; }
.jfontsize a { float: left; box-sizing: content-box; display: block; width: 32px; height: 32px; margin: 0 4px; background-color: #fff; border-radius: 3px; }
.jfontsize a i { display: block; width: 32px; height: 32px; line-height: 32px; background-image: url(../images/article_i.png); background-repeat: no-repeat; border-radius: 3px; }
#jfontsize-p2 i { background-position: -64px 0; }
#jfontsize-m2 i { background-position: -96px 0; }
#jfontsize-d2 i { background-position: -128px 0; }
.printer:hover, .jfontsize a:hover i { box-shadow: inset 0 0 0 1px #ddd; }
.article .option .share { float: right; margin: -7px 0; }
.article .option .share a+a { margin-left: 10px; }
.article .option .bds_tsina { background: url(../images/wb.png) center no-repeat !important; background-size: 24px auto !important; }
.article .option .bds_weixin { background: url(../images/wx.png) center no-repeat !important; background-size: 24px auto !important; }
.article .option .bds_more { background: url(../images/article_i.png) -2px -2px no-repeat; }
.bdshare_popup_box { margin-left: -200px; }
.article-box { padding: 30px 60px; line-height: 2; text-align: justify; color: #333; font-size: 16px; background-color: #fff; }
.article-box p { margin: 1em 0; }
.article-box p img { display: block; max-width: 80%; margin: 0 auto; }
.article .jr-btn { min-width: 180px; }
 @media (max-width: 480px) {
.article h2 { margin: 0 10px; }
.article .info,  .article .option h4 { display: none !important; }
.article .option { padding: 20px 10px; }
.article .option.fixed { padding: 10px 5px; }
.article .jfontsize { float: none; padding: 0; }
.article-box { padding: 15px; }
}
/* 缁勫浘 */

.photos { width: 90%; max-width: 800px; margin: 40px auto; font-size: 14px; }
.photos p { margin: 0; }
.photos .pic { position: relative; overflow: hidden; height: 500px; border: 1px solid #ddd; padding: 34px; text-align: center; background-color: #fff; border-radius: 5px 5px 0 0; }
.photos .pic img { min-width: 200px; max-width: 100%; max-height: 500px; margin: 0 auto; background: url(../images/loading.gif) center no-repeat; background-size: 24px; }
.photos .pic li { position: relative; height: 500px; }
.photos .pic li a { position: relative; overflow: hidden; display: inline-block; min-width: 200px; line-height: 0; font-size: 0; top: 50%; transform: translate(0, -50%); transition: all .3s; }
.photos .pic li span { display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; line-height: 20px; font-size: 16px; background: #333; background: linear-gradient(to top, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 0) 100%); color: #fff; opacity: 0; transform: translate(0, 90px); transition: all .3s; }
.photos .pic li:hover span { opacity: 1; transform: translate(0, 0); }
.photos .handle { position: absolute; bottom: -1px; left: 50%; width: 80px; height: 24px; margin-left: -40px; line-height: 24px; background-color: #fff; background-color: rgba(255, 255, 255, .5); border: 1px solid #ddd; border-radius: 3px 3px 0 0; }
.play-state { display: inline-block; width: 16px; height: 16px; margin: 4px; line-height: 16px; text-align: center; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle/%3E%3C/defs%3E%3Cpath fill='%2300a0e9' d='M238.933 170.667h204.8v682.666h-204.8zm341.334 0h204.8v682.666h-204.8z'/%3E%3C/svg%3E") center no-repeat; vertical-align: middle; cursor: pointer; }
.pauseState { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2306b' d='M388.876 833.1l438.132-352.593-438.133-344.248z'/%3E%3C/svg%3E") center no-repeat; }
.page-state { display: inline-block; width: 4em; text-align: center; vertical-align: middle; }
.pic-prev, .pic-next { position: absolute; top: 50%; display: block; width: 50px; height: 50px; margin-top: -25px; line-height: 50px; text-align: center; font-size: 24px; cursor: pointer; background-color: rgba(0, 0, 0, .5); color: #fff; opacity: 0; transition: all .3s; }
.pic-prev { transform: translate(-50px, 0); left: 10px; }
.pic-next { transform: translate(50px, 0); right: 10px; }
.photos .pic:hover .pic-prev, .photos .pic:hover .pic-next { opacity: 1; transform: translate(0, 0); color: #fff; }
.pic-prev:hover, .pic-next:hover { background-color: #00a0e9; }
.photos .preview { position: relative; border: 1px solid #ddd; margin-top: -1px; padding: 0 4px; background-color: #fff; border-radius: 0 0 5px 5px; }
.photos .preview li { float: left; width: 20%; font-size: 14px; }
.photos .preview li a { position: relative; overflow: hidden; display: block; height: 80px; margin: 10px 5px; line-height: 20px; background-color: #f1f1f1; transition: all .3s; }
.photos .preview li.on a { background-color: #00a0e9; color: #fff; }
.photos .preview li img { display: block; margin: 0 auto; width: 100%; min-height: 80px; opacity: .5; transform: scale(1); transition: all .3s; }
.photos .preview li a:hover img, .photos .preview li.on img { transform: scale(1.05); opacity: 1; }
.photos .preview li a span { display: block; max-height: 60px; margin: 10px; overflow: hidden; }
.preview-prev, .preview-next { position: absolute; top: 50%; width: 24px; height: 24px; line-height: 24px; margin-top: -12px; text-align: center; font-size: 18px; background-color: #06b; color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .15); opacity: 0; transform: scale(0.8, 0.8); transition: all .3s; }
.prevStop, .nextStop { background-color: #aaa !important; cursor: not-allowed; }
.preview:hover .preview-prev, .preview:hover .preview-next { transform: scale(1, 1); opacity: 1; color: #fff; }
.preview-prev { left: -12px; }
.preview-next { right: -12px; }
 @media (max-width: 768px) {
.photos { width: auto; margin: 20px 0; }
.photos .pic { padding: 14px; }
.photos .preview { display: none; }
}
/* 绌洪〉闈 */

.blank h2 { padding: 0.2em 10%; font: bold 120px/2em inherit; background-color: #1b80d2; color: #fff; text-shadow: 0 15px 30px rgba(0, 0, 0, .15); }
.blank h3 { padding: 30px 10%; font: bold 24px/2em inherit; }
.blank p { padding: 0 10%; font: normal 16px/2em inherit; }
/* 鎻愮ず */

.note { border: 1px solid #a3bde2; padding: 19px; line-height: 2em; background-color: #f0f6fc; color: #048; }
.note p strong { color: #f80; }




/* 灞忓箷鍝嶅簲 */

@media (min-height: 800px) {

    /* webkit婊氬姩鏉 */

    ::-webkit-scrollbar {
 width: 6px;
 height: 6px;
}

    ::-webkit-scrollbar-thumb {
 background-color: #bbb;
}

    ::-webkit-scrollbar-thumb:hover {
 background-color: #aaa;
}

    ::-webkit-scrollbar-track-piece {
 background-color: #ddd;
}
}
/* 鍏ㄥ眬鐣岄潰 */

body { overflow-x: hidden; font-size: 16px; color: #333; }
/* 澶撮儴 */

.header { background: #fff url(../images/head.jpg) 50% 40px no-repeat; }
.hd { height: 40px; line-height: 40px; background-color: #eee; }
.hd a { margin: 0 10px; height: 40px; line-height: 40px; }
.inner, .nav ul { position: relative; width: 1200px; margin: 0 auto; }
.header h1 { width: 50%; height: 190px; background: url(../images/logo.png) 0 50% no-repeat; }
.header h1 a { display: block; height: 190px; }
.header .search { position: absolute; right: 10px; top: 80px; z-index: 9; }
.search input, .search button { float: left; display: inline-block; vertical-align: middle; }
.search input { width: 180px; height: 25px; font-size: 15px; color: #999; line-height: 20px; padding: 5px 10px 5px 10px; border: none; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .1); outline: none; border-radius: 3px 0px 0px 3px; }
.search button { width: 75px; height: 35px; font-size: 18px; border: none; background: #ff9900; color: #fff; cursor: pointer; text-align: center; border-radius: 0px 3px 3px 0px; }
.search .btn { float: left; display: inline-block; width: 70px; height: 35px; font-size: 14px; background-color: #eee; line-height: 40px; text-align: center; margin-left: 10px; vertical-align: middle; border-radius: 3px; }
.nav { height: 50px; background-color: #1d4b8b; }
.nav li { float: left; width: 14.28%; }
.nav li a { position: relative; display: block; line-height: 50px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; }
.nav li a:after { content: ''; position: absolute; bottom: 0; left: 20px; right: 20px; height: 4px; transform: scale(0, 1); transition: transform .3s; }
.nav li.current a:after, .nav li a:hover:after { background-color: #ffa656; transform: scale(1, 1); }
/* 搴曢儴 */

.footer { /* 棰滆壊椋庢牸 */
border-top: 4px solid #d5d5d5; padding: 20px 0; background-color: #1d4b8b; color: #fff; }
.footer p a { color: #fff; }
/* 搴曢儴閫氱敤 */
.header .inner, .nav ul, .content, .links, .copyright { width: 1200px; margin: 0px auto; position: relative; }
.links>ul { margin: 0 -10px; }
.links>ul>li { position: relative; margin-bottom: 20px; line-height: 40px; font-size: 16px; }
.links li ul { display: none\9; z-index: -1; position: absolute; left: 10px; right: 10px; bottom: 40px; max-height: 200px; overflow-x: hidden; overflow-y: auto; border: 1px solid #ddd; background-color: #fff; opacity: 0; transform: translate(0, 3px); transition: opacity, transform .3s; }
.links li:hover ul { display: block\9; z-index: 9; opacity: 1; transform: translate(0, 0); }
.links li li { border-top: 1px solid #ddd; line-height: 39px; text-align: center; transition: all .3s; }
.links li li:hover { background-color: #f8f8f8; }
.links li li a { display: block; overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; font-size: 14px; }
.links>ul>li { position: relative; width: 223px; margin-right: 20px; padding: 0 30px; text-align: center; line-height: 48px; color: #333; border: 1px solid #d2d2d2; background: #fff; }
.copyright { position: relative; line-height: 32px; }
.copyright p { text-align: center; }
.copyright p a, .copyright p span { margin: 0 10px; }
.footer .gov, .footer .jc { position: absolute; top: 50%; }
.gov { width: 80px; height: 80px; margin-top: -40px; }
.jc { width: 110px; height: 55px; margin-top: -27px; }
.gov { right: 120px; }
.copyright.tc .gov, .footer-map~.gov { left: 0; right: auto; }
.jc { right: 0; }
.copyright.tc .jc { right: 0; }
.footer-map { margin-left: 120px; }
/*璇︽儏椤佃ˉ澧?/
.wj_bg { border: 1px solid #e8e8e8; border-bottom: 0; margin-bottom: 50px; width: 1100px; margin: 0 auto; }
.wj_bg li { height: 48px; line-height: 48px; border-bottom: 1px solid #e8e8e8; }
.wj_bg p { float: left; font-size: 16px; }
.wj_bg .tit { width: 166px; text-align: center; background: #F0F0F0; }
.wj_bg .txt { width: 324px; padding-left: 40px }
.view img { max-width: 80%; }
.ue_table table { border-collapse: collapse; margin: 0 auto }
.ue_table table td { border: 1px solid #e8e8e8; }

.qyfc{overflow:hidden;}