article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
h1 { font-size: 2em; margin: 0.67em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
mark { background: #ff0; color: #000; }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
li{ list-style:none;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }


body, html { font-size: 100%; padding: 0; margin: 0; }

/* Reset */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body { background: #f9f7f6; color: #404d5b; font-weight: 500; font-size: 1.05em; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
a { color: #2fa0ec; text-decoration: none; outline: none; }
a:hover, a:focus { color: #74777b; }
.htmleaf-container {margin: 0 auto;text-align: center;overflow: hidden;padding-top: 10px;}
.htmleaf-content { font-size: 150%; padding: 1em 0; }
.htmleaf-content h2 { margin: 0 0 2em; opacity: 0.1; }
.htmleaf-content p { margin: 1em 0; padding: 5em 0 0 0; font-size: 0.65em; }
.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }

/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }

/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }

/*pink1*/
.bgcolor-6 { background: #2fa8ec; }

/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }

/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }

/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff; }

/*pink2*/
.bgcolor-10 { background: #64448f; color: #fff; }

/*Violet*/
.bgcolor-11 { background: #3755ad; color: #fff; }

/*dark blue*/
.bgcolor-12 { background: #3498DB; color: #fff; }

/*light blue*/

/* Header */
.htmleaf-header { padding: 1em 190px 1em; letter-spacing: -1px; text-align: center; }
.htmleaf-header h1 { font-weight: 600; font-size: 2em; line-height: 1; margin-bottom: 0; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
.htmleaf-header h1 span { font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; display: block; font-size: 60%; font-weight: 400; padding: 0.8em 0 0.5em 0; color: #c3c8cd; }

/*nav*/
.htmleaf-demo a { color: #1d7db1; text-decoration: none; }
.htmleaf-demo { width: 100%; padding-bottom: 1.2em; }
.htmleaf-demo a { display: inline-block; margin: 0.5em; padding: 0.6em 1em; border: 3px solid #1d7db1; font-weight: 700; }
.htmleaf-demo a:hover { opacity: 0.6; }
.htmleaf-demo a.current { background: #1d7db1; color: #fff; }

/* Top Navigation Style */
.htmleaf-links { position: relative; display: inline-block; white-space: nowrap; font-size: 1.5em; text-align: center; }
.htmleaf-links::after { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 2px; height: 100%; background: #dbdbdb; content: ''; -webkit-transform: rotate3d(0, 0, 1, 22.5deg); transform: rotate3d(0, 0, 1, 22.5deg); }
.htmleaf-icon { display: inline-block; margin: 0.5em; padding: 0em 0; width: 1.5em; text-decoration: none; }
.htmleaf-icon span { display: none; }
.htmleaf-icon:before { margin: 0 5px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'icomoon'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; }

/* footer */
.htmleaf-footer { width: 100%; padding-top: 10px; }
.htmleaf-small { font-size: 0.8em; }
.center { text-align: center; }

/****/
.related { color: #fff; background: #333; text-align: center; font-size: 1.25em; padding: 0.5em 0; overflow: hidden; }
.related > a { vertical-align: top; width: calc(100% - 20px); max-width: 340px; display: inline-block; text-align: center; margin: 20px 10px; padding: 25px; font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; }
.related a { display: inline-block; text-align: left; margin: 20px auto; padding: 10px 20px; opacity: 0.8; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-backface-visibility: hidden; }
.related a:hover, .related a:active { opacity: 1; }
.related a img { max-width: 100%; opacity: 0.8; border-radius: 4px; }
.related a:hover img, .related a:active img { opacity: 1; }
.related h3 { font-family: "Microsoft YaHei", sans-serif; }
.related a h3 { font-weight: 300; margin-top: 0.15em; color: #fff; }

/* icomoon */
.icon-htmleaf-home-outline:before { content: "\e5000"; }
.icon-htmleaf-arrow-forward-outline:before { content: "\e5001"; }
@media screen and (max-width:50em) {
	.htmleaf-header { padding: 3em 10% 4em; }
	.htmleaf-header h1 { font-size: 2em; }
}
@media screen and (max-width:40em) {
	.htmleaf-header h1 { font-size: 1.5em; }
}
@media screen and (max-width:30em) {
	.htmleaf-header h1 { font-size: 1.2em; }
}


* { margin: 0; padding: 0; }
body { font-family: sans-serif;  background: #f0f0f0; color: #505050; font-size:14px; }
a { text-decoration: none; color: black; }
.article { display: block; margin: 0 0 30px 0; padding: 12px; background: white; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); transition: all 220ms; }
.article:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transform: translateY(-5px); transition: all 220ms; }
.article img {display: block;width: 100%;margin: 0 0 15px 0;}
.article h2 { text-align: center; font-size: 14px; text-transform: uppercase; margin: 0 0 12px 0; }
.wall { display: block; position: relative; }
.wall-column { display: block; position: relative;  /*width: 33.333333%;*/ width: 25%; float: left; padding: 0 12px; box-sizing: border-box; }
@media (max-width:640px) {
  .wall-column { width: 50%; }
}
@media (max-width:480px) {
  .wall-column { width: auto; float: none; }
}

.main{ position: relative; width:1200px;  margin:0 auto}
.header{height: 550px;background:url(../img/banner1.jpg) no-repeat top center;margin-bottom: 30px;min-width: 1200px;}
.top{height:500px;width: 1200px;margin: 0 auto;}
.top .rhome{ display:block; float:left; height:30px; line-height:30px; background:#c00; color:#fff; padding:0 10px; font-size:12px; border-radius:0 0 3px 3px; margin-left:30px;}
.top .rhome:hover{ opacity:0.8;}
.nav{width:100%;background:#fff;}
.nav ul{text-align:center;}
.nav ul li{display:inline-block;margin: 0 30px;height:50px;line-height:50px;}
.nav ul li a{padding:0 10px;font-size: 18px;}
.nav ul li.on{ border-bottom:5px solid #c00;font-weight: bold;}

#content{ position: relative; width:1200px; margin:0 auto}
.footer{text-align:center;padding:30px 0;background:#fff;margin-top: 30px;line-height:24px;font-size:12px;min-width: 1200px;}
.pics {text-align:center;padding:20px 0}

/* 序言 */
.xyLink{position:absolute;left: -66px;top: 29px;box-sizing:content-box;}
.xyLink a{display:block;font-size:24px;font-weight:bold;text-align:center;width:36px; line-height:36px; background:#c7343e; color:#fff; padding: 16px 10px;box-sizing:content-box; border-radius:5px; box-shadow:0px 0px 3px 0px rgb(0 0 0 / 48%)}



/* 文章内容页 -----------------------------------------*/
.articleCon {text-align: left;padding: 80px 120px 30px 120px;background:#fff;border-radius:5px;}
.printArea .title { font-size: 28px; line-height: 1.5; text-align: center; margin-bottom: 30px;font-weight:bold; }
.printArea .subTitle { font-size: 20px; color: #555; text-align: center; margin-bottom: 20px; }
.printArea .property {font-size: 14px;margin-bottom: 20px;padding: 6px 10px;text-align: center;color: #777;border-bottom: 1px dashed #ddd;}
.printArea .property span { padding: 0 5px; }
.printArea .conTxt {color: #333;font-size: 16px;line-height: 2;overflow: hidden;}
.printArea .conTxt img { max-width: 800px; height: auto !important; }
.printArea .conTxt p { margin-bottom: 20px; }
.printArea .conTxt a { color: blue; text-decoration: underline; }
.printArea .conTxt em { font-style: italic; }
.printArea .conTxt ul, .printArea .conTxt ol { padding-left: 2em; }
.printArea .conTxt ul li { zoom: normal; list-style: square; text-indent: 0 !important; }
.printArea .conTxt ol li { zoom: normal; list-style: decimal; text-indent: 0 !important; }
.printArea .conTxt h1 { font-size: 2em; margin: .67em 0; }
.printArea .conTxt h2 { font-size: 1.5em; margin: .75em 0; }
.printArea .conTxt h3 { font-size: 1.17em; margin: .83em 0; }
.printArea .conTxt h5 { font-size: .83em; margin: 1.5em 0; }
.printArea .conTxt h6 { font-size: .75em; margin: 1.67em 0; }
.printArea .conTxt h1, .printArea .conTxt h2, .printArea .conTxt h3, .printArea .conTxt h4, .printArea .conTxt h5, .printArea .conTxt h6, .printArea .conTxt b, .printArea .conTxt strong { font-weight: bolder; }
.printArea .vedioPlayer {position: relative;z-index: 1500;/* background: #000; */width: 800px;text-align: center;margin: 20px auto;}
.userControl { font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden; text-align: left; margin-bottom: 20px; padding: 10px 0; }
.userControl .a { color: #777; margin: 10px 10px 0 0; float: left; }
.userControl .bdsharebuttonbox { float: right; }
.page { padding: 10px 0; text-align: center; overflow: hidden; }
.others { margin-bottom: 15px; }
.others .prev, .articleCon .others .next { padding: 5px 0; }

.contp .main{background:#fff;border-radius:5px;}

/* 图片-列表页 ----------------------------------------- */
.picPageList { margin-right: -3%; overflow: hidden; text-align: center; }
.picPageList li {border: 1px solid #ddd;float: left;width: 23%;margin: 1.5% 1.7% 1% 0; *display: inline;position: relative;background: #fff;overflow: hidden;height: 261px;border-radius:6px;}
.picPageList .pic { margin: 3%; }
.picPageList .pic img { height: 192px; width: 100%; }
.picPageList .title, .picPageList .titleBg { position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 40px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; }
.picPageList .titleBg {/* background: #000; */filter: alpha(opacity=60);opacity: 0.6;z-index: 2;}
.picPageList .title a {color: #3d4444;padding: 0 10px;display: block;font-size: 14px;}
.picPageList li:hover { border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0; }
.picPageList li:hover .title, .picPageList li:hover .titleBg { }

.swp-intro{ margin-top:60px; margin-bottom:30px;}
.swp-intro-title{ margin-bottom:30px;}
.swpl-btn {width: 30px !important;}
.current .swp-img img{max-width:1120px; height:auto !important}