@charset "utf-8";
/* CSS Document */
/* 引入字体 */
/* 方正中粗雅宋 */
@font-face {
	font-family: 'fzzcys';
	src: url('../ttf/song.ttf') format('truetype');
}
/* ICON */
@font-face {
  font-family: 'icon';
  src:  url('../eot/icomoon261d.eot');
  src:  url('../eot/icomoon261d.eot#iefix') format('embedded-opentype'),
    url('../ttf/icomoon261d.ttf') format('truetype'),
    url('../woff/icomoon261d.woff') format('woff'),
    url('../svg/icomoon261d.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* css reset */
html, body, h1, h2, h3, h4, h5, h6, div, ol, ul, li, dl, dt, dd, table, caption, tr, th, td, span, p, a, b, u, i, em, img, iframe, fieldset, form, label, legend, input, button, select, textarea { margin: 0; padding: 0;}
body {font: 14px/1.5 "Microsoft YaHei", Arial, Tahoma, Helvetica, sans-serif; color: #1F1F1F; background-color: #F0F0F4; margin: auto;}
input, button, textarea, select {font: inherit; outline: 0; border: 0; background: none; color: inherit;}
input:focus, textarea:focus {color: inherit;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;}
ol, ul, li {list-style: none;}
input, select {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea {overflow: auto; resize: none;}
table {border-collapse: collapse; border: 0;}
img {border: 0; outline: 0; vertical-align: middle;}
a {text-decoration: none; color: #232323;}
a:hover {color: #B41E00;}
a:focus {outline: 0;}
svg:not(:root){overflow: hidden;}
input[type=date]{background-color:transparent; border: 0; filter: alpha(opacity=0);}
h1, h2, h3 {font-family: "fzzcys";}
video {object-fit: fill;}
/* 通用 */
.pc {display: block;}
.phone {display: none;}
.outer {position: relative;}/* 最外层包裹 */
.wrap {margin: 0 auto; width: 1420px;}/* 控制宽度 ≥1420 */
.wrap2nd {margin: 0 auto; width: 1200px;}/* 控制宽度 ≥1200 */
.block {padding-top: 45px;}
.red {color: #B41E00;}
.left {float: left;}
.right {float: right;}
.mb40 {margin-bottom: 40px;}
/* .column,.list-page,.video,.exhibit {padding-bottom: 70px;} */
body {background-color: #F8F8F8; background-image: url(../jpg/area-one.jpg); background-position: bottom right; background-size: cover; background-attachment: fixed;}

.column, .list-page, .video {
    padding-bottom: 70px;
}
.list-page {min-height: 520px;}

/* 清除浮动 */
.clear:after,.block:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
/* Slider */
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
.slick-track {position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {content: ""; display: table;}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {float: left; height: 100%; outline: none; min-height: 1px; display: none;}
[dir="rtl"] .slick-slide {float: right;}
.slick-slide img { }
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* 页头公告 */
.top-notice {position: relative; overflow: hidden; z-index: 10; transition: 0.2s all; height: 64px; color: #FFF; background: rgba(128,46,31,1);}
.notice-headline {display: block; position: absolute; width: 80px; height: 32px; font-size: 24px; line-height: 32px; padding: 16px 0; font-weight: normal; text-align: center; left: 0; top: 0;}
.notice-headline::after {content: ""; display: block; position: absolute; width: 1px; height: 24px; background: #FFF; right: 0; top: 20px;}
.notice-inner {margin: 0 90px 0 100px; padding: 22px 0;}
.notice-scroll {width: 100%; height: 20px; line-height: 20px;}
.notice-box {white-space: nowrap; overflow:hidden; transition: all .2s; width: 100%;}
.notice-txt,.txt-clone{display: inline; position: relative; }
.notice-scroll a {color: #FFF; padding-right: 50px; padding-left: 15px;}
.notice-scroll a::before {content: "\e945"; font-family: "icon"; display: inline-block; margin-right: 10px;}
.notice-scroll a .day {margin-left: 20px;}
.notice-scroll a:hover {color: #D7BC91;}
.notice-more {position: absolute; right: 40px; top: 19px;}
.notice-more a {height: 26px; line-height: 26px; color: #FFF; font-size: 20px;}
.notice-more a::before{content: "\e917"; font-family: "icon";}
.notice-more a:hover {color: #D7BC91;}
.notice-close {position: absolute; right: 0; top: 19px; height: 24px; line-height: 24px; width: 22px; text-align: center; font-size: 14px; opacity: 0.4; cursor: pointer; transition: 0.2s all; border: 1px solid #FFF; border-radius: 8px 0 0 8px; border-right: 0;}
.notice-close::before{content: "\e94f"; font-family: "icon"; display: inline-block; font-weight: normal; transition: 0.2s all;}
.notice-close:hover {opacity: 1;}
.notice-close:hover::before {transform:rotate(90deg);}
.notice-bye {visibility: hidden; height: 0; transition-delay: 0.2s;}
/* 页头及导航 */
/* 导航条 */
.header {width: 100%; position: relative; background: rgba(128,46,31,1); z-index: 100;}
.header .logo-area {height: 26px; padding: 15px 0 24px; background-image: url(../png/bc.png); background-size: auto 11px; background-repeat: repeat-x; background-position: left bottom; text-align: center;}
.header .h-wrap {position: relative; margin: 0 20px;}
.header .ctcm-logo {position: absolute; left: 0; top: 0;}
.header .ctcm-logo img {height: 18px; float: left;}
.header .logo {display: inline-block;}
.header .logo a {display: inline-block; float: left;}
.header .logo img {height: 26px; width: auto; float: left;}
.header .menu {display: none;}
.header .menu-top {display: none;}
.header .nav {text-align: center; height: 40px;}
.header .nav ul {display: inline-block;}
.header .nav li {float: left; height: 36px; padding-top: 4px; font-size: 16px; position: relative;}
.header .nav li:hover {background: rgba(0,0,0,0.2);}
.header .nav li:after {transition: all 0.3s;position: absolute; content: ""; height: 2px; left: 15px; right: 15px; background: #FFF; bottom: 0; z-index: 9; opacity: 0;}
.header .nav li:hover:after {opacity: 1;}
.header .nav li>a {color: #FFF; display: block; padding: 0 18px; line-height: 32px;}
.header .nav li dl {position: absolute; top: 40px; right: 0; padding: 10px 0; background: rgba(128,46,31); display: none;}
.header .nav li dl dd {white-space:nowrap; line-height: 200%; text-align: center;}
.header .nav li dl dd>a {color: #FFF; display: block; padding: 0 15px;}
.header .nav li dl dd>a:hover {background: rgba(0,0,0,0.2)}
.header .nav li:hover dl {display: block;}
/* 手机端 旧版和英文版按钮 */
.phone-old-lang {display: none;}
/* 旧版按钮 */
.old-btn {position: absolute; top: 0; right: 60px; height: 20px; line-height: 20px;}
.old-btn a {color: #FFF;}
/* 英文版按钮 */
.lang {position: absolute; top: 0; right: 30px; height: 20px;}
.lang a {display: block; width: 22px; height: 20px; line-height: 20px; color: #FFF;}
.lang a:before {font-family: "icon"; font-size: 20px; position: relative; content: "\e91c"; font-style: normal;}
.min-srch-box {display: none;}
/* 搜索 */
.header .h-srch {position: absolute; right: 0; top: 0; height: 20px;}
.header .h-srch .h-srch-ico {width: 22px; height: 20px; color: #FFF; cursor: pointer; display: block;}
.header .h-srch .h-srch-ico:before {font-family: "icon"; font-size: 20px; line-height: 20px; position: relative; content: "\e90e"; font-style: normal;}
.h-srch-box {padding: 11px; width: 244px; background: #FFF; background: rgba(255,255,255,0.9); position: absolute; right: -16px; top: 20px; height: 34px; border-radius: 5px; visibility: hidden; opacity: 0; transition: all 0.3s ease;}
.h-srch-text {border: 1px solid #B2985F; border-right: 0; outline: none; width: 200px; height: 32px; line-height: 32px; padding-left: 8px; float: left;}
.h-srch-btn {float: left; width: 34px; height: 34px; border: 1px solid #B2985F; background: #EEE; font-size: 20px; border-left: 0; background-size: 20px; outline: none; cursor: pointer; font-family: "icon"; color: #575757;}
.h-srch-btn:hover {color: #71481E;}
.h-srch:hover .h-srch-box {top: 26px; visibility: visible; opacity: 1;}
/* 导航与图片重叠，色彩改为半透明，定位改为绝对 */
.header.abs {background: rgba(128,46,31,0.7); position: absolute;}
.header.abs .nav li:hover {background: rgba(0,0,0,0.15);}
.header.abs .nav li dl {background: rgba(128,46,31,0.8);}
/* 页底 */
.footer {padding: 30px 0; background-color: #802E1F; color: #FFF;}
.footer a {color: #FFF;}
.first-line {padding-bottom: 30px;}
.second-line {padding-top: 30px; font-size: 12px;}
.first-line:after,.second-line:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
.logo-pack {width: 370px; float: left;}
.bottom-logo img {height: 20px; float: left;}
.address-pack {float: left; width: 600px; font-size: 14px;}
.address-pack ul {display: block; width: 400px; margin: 0 auto;}
.address-pack h4 {margin-bottom: 15px; font-size: 16px;}
.address-pack .footer-bus {opacity: 0.8; font-size: 12px;}
.address-pack .footer-num {padding-top: 15px; font-size: 12px;}
.brief-pack {width: 450px; float: right;}
.brief-pack p {opacity: 0.8; text-align: justify; font-size: 12px;}
.brief-pack span {display: block; padding-top: 6px;}
.rtsm-pack {float: left;}
.rtsm {height: 40px; font-size: 14px;}
.copy-pack {float: right; padding-top: 40px;}
/*首页增加友情链接*/
.link-line {padding: 18px 0;}
.link-line:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
.link-line dt,.link-line dd {float: left; line-height: 24px;}
.link-line dt {padding-right: 20px; font-size: 16px; height: 25px;}
.link-line dd {font-size: 14px; padding-right: 15px;}
/*相关二维码 开始不需要也不要删除*/
.bottom-qr {display: block; padding-top: 15px;}
.bottom-qr li {display: block; position: relative; width: 30px; height: 30px; cursor: pointer; float: left; margin-right: 10px;}
.bottom-qr li span {display: block; width: 30px; height: 30px; background: rgba(255,255,255,0.2); font-size: 0; border-radius: 50%;}
.bottom-qr li span:after { display: block; width: 30px; height: 30px; text-align: center; font-size: 20px; line-height: 30px; font-family: "icon"; color: #51232A;}
.bottom-qr li span.yy:after {content: "\e939";}
.bottom-qr li span.gzh:after {content: "\e952";}
.bottom-qr li span.wb:after {content: "\e953";}
.bottom-qr li span.dy:after {content: "\e979";}
.bottom-qr li span.sph:after {content: "\e977";}
.bottom-qr li:hover span {background: rgba(255,255,255,0.5);}
.bottom-qr li b {display: block; width: 80px; position: absolute; left: -30px; bottom: 30px; background: #FFF; text-align: center; visibility: hidden; opacity: 0; transition: all 0.3s ease; padding: 5px; border-radius: 5px; color: #1F1F1F;}
.bottom-qr li b img {width: 100%; border-radius: 5px;}
.bottom-qr li b:after {content: ""; border: 6px solid transparent; border-top-color: #FFF; position: absolute; bottom: -12px;z-index: 9; margin-left: 50%; left: -6px;}
.bottom-qr li:hover b {bottom: 35px; visibility: visible; opacity: 1;}
/* 右侧悬浮按钮 */
.r-side {position: fixed; right: 10px; bottom: 10px; width: 68px; z-index: 99;}
.r-side li {width: 68px; height: 68px; text-align: center; margin-top: 10px; position: relative; cursor: pointer;}
.r-side li a {color: #FFF; display: block; width: 68px; padding-top: 12px; height: 56px; font-size: 12px; background: rgba(178,152,93,0.8); transition: 0.2s; border-radius: 50%;}
.r-side li a::before {content: ""; display: block; font-family: "icon"; font-size: 30px; width: 30px; margin: 0 auto; line-height: 30px;}
.r-side li a:hover {background: rgba(178,152,93,0.95); color: #51232A;}
.r-side li.cgyy a::before {content: "\e906";}
.r-side li.qjmy a::before {content: "\e906";}
.r-side li.gzh a::before {content: "\e952";}
.r-side li.gfwb a::before {content: "\e953";}
.r-side li.gfdy a::before {content: "\e979";}
.r-side li.gotop a::before {content: "\e93e";}
.r-side .pocode {position: absolute; padding: 10px; background: #FFF; right: 70px; top: -50px; border-radius: 5px; visibility: hidden; opacity: 0; transition: all 0.3s;}
.r-side .pocode span {display: block; text-align: center; margin-top: 6px;}
.r-side .pocode::after {content: ""; border: 6px solid transparent;	border-left-color: #FFF;	position: absolute;	right: -12px; top: 50%;	margin-top: -14px;}
.r-side li:hover .pocode {right: 65px; visibility: visible; opacity: 1;}
.r-side li.gotop {height: 0; transition: all 0.6s ease; overflow: hidden;}
.r-side li.gotop-show {height: 68px;}
/* 面包屑 */
.crumbs {padding-top: 15px; line-height: 16px;}
.crumbs a {display: inline-block; padding-right: 20px; position: relative; color: #333;}
.crumbs a:before {content: "\e945"; font-family: "icon"; position: absolute; right: 3px; color: #999;}
.crumbs a:last-child {padding-right: 0;}
.crumbs a:last-child:before {display: none;}
.crumbs.abs {position: absolute; top: 97px; color: #FFF; z-index: 9;}
.crumbs.abs a,.crumbs.abs a:before {color: #FFF;}
.crumbs.absb {position: absolute; top: 97px; color: #999; z-index: 9}
.crumbs.absb a,.crumbs.absb a:before {color: #333;}


/* 样式分割线 黑色 白色*/
.lineb {position: relative; padding-bottom: 1px;}
.lineb:after {content: ""; height: 1px; background: rgba(0,0,0,0.2); position: absolute; left: 0; bottom: 0; right: 16px;}
.lineb:before {content: ""; width: 15px; height: 15px; position: absolute; bottom: 0; right: 0; background: url(../png/line-c.png) 0 0 no-repeat; opacity: 0.2;}
.linew {position: relative; padding-bottom: 1px;}
.linew:after {content: ""; height: 1px; background: rgba(255,255,255,0.2); position: absolute; left: 0; bottom: 0; right: 16px;}
.linew:before {content: ""; width: 15px; height: 15px; position: absolute; bottom: 0; right: 0; background: url(../png/line-c.png) right 0 no-repeat; opacity: 0.2;}
/* 包含{大标题 副标题 更多 描述}的 栏目标题 */
.b-tit {height: 32px; margin-bottom: 25px;}
.b-tit h2 {font-size: 32px; line-height: 32px; font-weight: normal; float: left;}
.b-tit b {float: left; font-weight: normal; font-size: 16px; padding-left: 15px; padding-top: 14px; line-height: 16px; color: #999;}
.b-tit span {float: right; color: #999; padding-top: 9px; line-height: 14px;}
.b-tit.white {color: #FFF;}
.b-tit.white em {font-style: normal; font-family: "fzzcys"; float: left; margin: 0 10px; font-size: 16px; line-height: 16px; padding-top: 14px;}
.b-tit.white span {color: #FFF;}
.b-tit.white span a {color: #FFF; text-decoration: underline;}
.b-tit.white span a:hover {opacity: 0.9;}

.coll-search {float: right; padding-top: 2px;}
.c-srch-text {border: 1px solid #AAA; border-right: 0; outline: none; width: 120px; height: 28px; line-height: 28px; padding-left: 6px; float: left; border-radius: 4px 0 0 4px;}
.c-srch-btn {float: left; width: 30px; height: 30px; border: 1px solid #AAA; background: none; font-size: 16px; border-left: 0; background-size: 16px; outline: none; cursor: pointer; font-family: "icon"; color: #575757; border-radius: 0 4px 4px 0;}
.c-srch-btn:hover {color: #71481E;}

/* 图+标题列表 *//* photo link */
.p-l {display: block; position: relative; border-radius: 5px 5px 0 0; overflow: hidden;}
.p-l img {transition: 0.2s; width: 100%; height: auto; }
.p-l:hover img {transform: scale(1.08,1.08);}
.p-l:before {transition: 0.2s; visibility: hidden; opacity: 0; content: "\ea7e"; font-family: "icon"; color: #F5F5F5; position: absolute; z-index: 10; font-size: 24px; line-height: 24px; bottom: 10px; right: 10px;}
.p-l:hover:before {visibility: visible; opacity: 1;}
/* video link */
.v-l {display: block; position: relative; border-radius: 5px 5px 0 0; overflow: hidden;}
.v-l img {transition: 0.2s; width: 100%; height: auto;}
.v-l:hover img {transform: scale(1.08,1.08);}

/*.v-l:before {transition: 0.2s; content: "\e97c"; font-family: "icon"; color: #F5F5F5; position: absolute; z-index: 10; font-size: 44px; line-height: 44px; left: 50%; top: 50%; margin-top: -22px; margin-left: -22px;transform:rotate(-80deg);}
.v-l:after {content: "\e97b"; font-family: "icon"; color: #F5F5F5; position: absolute; z-index: 10; font-size: 44px; line-height: 44px; left: 50%; top: 50%; margin-top: -22px; margin-left: -22px;}
.v-l:hover:before {transform:rotate(55deg);}*/
/* 文字内容的外包装 */
.ptsd li {background: #FFF; float: left; border-radius: 5px;}
.ptsd .box {padding: 10px 12px 12px;}
/* title 单行 */
.ptsd .t {font-weight: normal; font-size: 16px; max-width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* title 2行 注意：手机版不论单行多行都要取消字数限制*/
.ptsd .t2 {display: -webkit-box; width: 100%; height: 44px; font-size: 18px; line-height: 22px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* summary 摘要 */
.ptsd .s {text-align: justify; font-size: 12px; opacity: 0.8; display: -webkit-box; height: 54px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 12px;}
/* date 时间 */
.ptsd .d {font-size: 14px; color: #AAA; position: relative; padding-left: 18px; display: block; margin-top: 6px;}
.ptsd .d:before {content: "\e942"; font-family: "icon"; position: absolute; left: 0;}
.ptsd .d b {font-weight: normal;}
.ptsd .make {float: right; padding: 0 8px; border-radius: 3px; display: inline-block;}
.ptsd .start {background: #B2985D; color: #FFF;}
.ptsd .start::before {content: "\53ef\9884\7ea6";}
.ptsd .end {pointer-events: none; background: #DDD; color: #333;}
.ptsd .end::before {content: "\5df2\7ed3\675f";}
.ptsd .before {pointer-events: none; background: #DDD; color: #333;}
.ptsd .before::before {content: "\672a\5f00\59cb";}

.ptsd .appl {background: #B2985D; color: #FFF;}
.ptsd .appl::before {content: "\62a5\540d\4e2d";}
.ptsd .finish {pointer-events: none; background: #DDD; color: #333;}
.ptsd .finish::before {content: "\5df2\7ed3\675f";}
/* location 位置/展览 */
.ptsd .l {font-size: 14px; color: #AAA; position: relative; padding-left: 18px; display: block; margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.ptsd .l:before {content: "\e91d"; font-family: "icon"; position: absolute; left: 0;}
/* classify 分类 */
.ptsd .c {display: block; height: 20px; line-height: 20px;}
.ptsd .c a {display: block; font-size: 12px; font-weight: normal; margin-right: 10px; background: #873A46; border-radius: 10px; padding: 0 15px; float: left; color: #FFF;}
.ptsd .c a:hover {background: #51232A;}
/* collection 藏品材质 尺寸等简述 */
.ptsd .coll {font-size: 14px; color: #AAA; position: relative; display: block;}
.ptsd .coll b {font-weight: normal;}
.ptsd .coll b:first-child {margin-right: 10px;}
/* 单行的图文列表 alone pic */
.aplist li {width: 340px; margin-right: 20px;}
.aplist li:last-child {margin-right: 0;}
/* 多行的图文列表 more pic */
.mplist li {width: 340px; margin: 0 20px 20px 0;}
.mplist li:nth-child(4n) {margin-right: 0;}
/* 包含{标题 摘要 时间}的 列表 */
.tsd {}
.tsd li {padding: 18px 100px 18px 33px; font-size: 16px; border-bottom: 1px solid #DDD; position: relative; }
.tsd li .d {position: absolute; right: 3px; top: 18px; color: #999;}
.tsd li a:before {content: "·"; font-family: "icon"; display: block; position: absolute; left: 15px; font-size: 30px; top: 7px;}
.tsd li p {font-size: 14px; color: #777; margin-top: 7px; text-align: justify;}
.tsd li:before {left: 0;}
.tsd li:after {right: 0;}
.tsd li:before,.tsd li:after {width: 0; height: 1px; font-size: 0; background: #B41E00; content: ""; position: absolute; bottom: -1px; transition: all 0.3s ease-out;}
.tsd li:hover:before,.tsd li:hover:after {width: 50%;}
.tsd li:hover ,.tsd li:hover a{color: #B41E00;}

/* 包含{标题 摘要 时间 图片}的 左图又文列表 */
.lptsd {}
.lptsd li {padding: 18px 20px; font-size: 16px; border-bottom: 1px solid #DDD; position: relative; }
.lptsd li .pic {float: left; margin-right: 20px;}
.lptsd li a {font-size: 18px;}
.lptsd li .pic img {max-height: 200px; width: auto; border-radius: 5px 5px;}
.lptsd li .d {color: #999; margin-top: 7px; display:block; font-size: 14px;}
.lptsd li p {font-size: 14px; color: #777; margin-top: 7px; text-align: justify;}
.lptsd li:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
.lptsd li:hover {border-bottom: 1px solid #B41E00;}

.lptsd > ul > li > a {font-size: 22px;font-family: "fzzcys";font-weight: normal;}
/* 分页 */
.page {text-align: center; padding-top: 30px;}
.page ul {display: inline-block;}
.page li {float: left; margin: 0 5px;}
.page li a {display: block; width: 36px; height: 36px; line-height: 36px; font-size: 18px; font-family: Arial;}
.page li.now a {border-radius: 50%; background: #802E1F; color: #FFF;}
/* .page li.prev a:before {content: "\e958"; font-family: "icon"; font-size: 24px;}
.page li.next a:before {content: "\e959"; font-family: "icon"; font-size: 24px;} */

.page li.prev a:before {content: "\e8fd"; font-family: "icon"; font-size: 24px;}
.page li.next a:before {content: "\e907"; font-family: "icon"; font-size: 24px;}


/* 带圆点 左右箭头的焦点图模型 //注意 圆点、箭头的位置另写适配更多场景 */
.foucs-base {position: relative;}
.foucs-base .slick-arrow {position: absolute; height: 100%; top: 0; z-index: 9; width: 70px;}
.foucs-base .prev-out {left: 0;}
.foucs-base .next-out {right: 0;}
.foucs-base .slick-prev,.foucs-base .slick-next {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -50px; cursor: pointer; text-align: center; font-size: 0; line-height: 50px;}
.foucs-base .slick-prev {left: 10px;}
.foucs-base .slick-next {right: 10px;}
.foucs-base .slick-prev::before,.foucs-base .slick-next::before {font-family: "icon"; font-size: 40px; color: #FFF; opacity: 0.4;}
.foucs-base .slick-prev::before {content: "\e8fd";}
.foucs-base .slick-next::before {content: "\e907";}
.foucs-base .slick-prev:hover::before {opacity: 0.8;}
.foucs-base .slick-next:hover::before {opacity: 0.8;}
.foucs-base .slick-dots {position: absolute; z-index: 8; bottom: 20px; line-height: 10px; list-style: none; display: block; text-align: center; width: 100%;}
.foucs-base .slick-dots li {position: relative; display: inline-block; height: 10px; margin: 0 4px; transition: all 0.3s; padding: 0; cursor: pointer; }
.foucs-base .slick-dots li button {border: none; display: block; position: relative; width: 10px; height: 10px; border-radius: 5px; font-size: 0px; cursor: pointer; outline: none; opacity: 0.5; transition: width 0.5s;   background: #B2985D;}
.foucs-base .slick-dots li.slick-active button {opacity: 1;}
.foucs-base .slick-dots li button:hover {}
/* 焦点图/全幅/各栏目分类皆可使用 */
.i-foucs-box {}
.i-foucs {width: 100%; height: 100%; overflow: hidden;}
.i-foucs img {width: 100%; height: auto;}
.i-foucs-mob {display: none;}
.i-foucs-c video {width: 100%; height: auto; max-width: 1920px;}
/* poster list 海报列表 */
.act-foucs-pack {}
.act-foucs-pack {background: rgba(230,230,230,0.7); border-radius: 5px; overflow: hidden;}
.act-foucs-pack:last-child {margin-bottom: 0;}
.act-foucs-pack .p {width: 800px; float: left;}
.act-foucs-pack .p img {width: 100%; height: auto;}
.act-foucs-pack .b {width: 620px; float: right; box-sizing: border-box; padding: 20px;}
.act-foucs-pack .m {padding-bottom: 12px;}
.act-foucs-pack .m h2 {font-weight: normal; margin-bottom: 8px;}
.act-foucs-pack .m li {padding: 2px 0 2px 76px; position: relative;}
.act-foucs-pack .m li span {display: block; position: absolute; left: 0;}
.act-foucs-pack .i {padding-top: 10px;}
.act-foucs-pack .i p:first-child {display: -webkit-box; width: 100%; max-height: 105px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 5px; text-align: justify;}
.act-foucs {}
.act-foucs .slick-arrow {position: absolute; height: 100%; top: 0; z-index: 9; width: 70px;}
.act-foucs .prev-out {left: 0;}
.act-foucs .next-out {right: 0;}
.act-foucs .slick-prev,.act-foucs .slick-next {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -50px; cursor: pointer; text-align: center; font-size: 0; line-height: 50px;}
.act-foucs .slick-prev {left: -60px;}
.act-foucs .slick-next {right: -60px;}
.act-foucs .slick-prev::before,.act-foucs .slick-next::before {font-family: "icon"; font-size: 40px; color: #000; opacity: 1;}
.act-foucs .slick-prev::before {content: "\e8fd";}
.act-foucs .slick-next::before {content: "\e907";}
.act-foucs .slick-prev:hover::before {opacity: 0.8;}
.act-foucs .slick-next:hover::before {opacity: 0.8;}
.act-foucs .slick-dots {position: absolute; z-index: 8; bottom: -20px; line-height: 10px; list-style: none; display: block; text-align: center; width: 100%;}
.act-foucs .slick-dots li {position: relative; display: inline-block; height: 10px; margin: 0 4px; transition: all 0.3s; padding: 0; cursor: pointer; }
.act-foucs .slick-dots li button {border: none; display: block; position: relative; width: 10px; height: 10px; border-radius: 5px; font-size: 0px; cursor: pointer; outline: none; opacity: 0.5; transition: width 0.5s; background:#802E1F;}
.act-foucs .slick-dots li.slick-active button {opacity: 1;}
.act-foucs .slick-dots li button:hover {}


.ratio-container{width: 100%;position: relative;display: block;}
.ratio3x2{padding-top:66.6%;}
.ratio12x7{padding-top:58.3%;}
.ratio32x15{padding-top:46.8%;}
.ratio35x11{padding-top:31.4%;}
.ratio64x25{padding-top:39.0%;}
.ratio71x23{padding-top:32.3%;}
.ratio300x169{padding-top:56.3%;}
.ratio600x800{padding-top:133%;}
.ratio-container img,.ratio-container video{position: absolute;top:0;left:0;width: 100% !important;height: 100%;}
.i-foucs video::-webkit-media-controls-play-button{margin-left: 30px;}

/* 响应式布局 */
/*＞1920×1080 超宽屏显示器 限制全屏不超过1920*/
@media screen and (min-width:1921px) {
	.outer {width: 1920px; margin: 0 auto;}/* 注意！！！由于有通栏的图片 超宽显示器也只显示到1920！！！ */
}
/*1920＞宽度＞1571 固定宽1420*/
@media screen and (max-width:1920px) and (min-width:1571px) {
}
/*1570＞宽度＞1260 固定宽1200*/
@media screen and (max-width:1570px) and (min-width:1260px) {
	.wrap {width: 1200px;}
	/* 页底 */
	.address-pack {width: 480px;}
	.brief-pack {width: 350px;}
	/* 单行 多行 异形列表 */
	.aplist li {width: 285px; margin-right: 20px;}
	.mplist li {width: 285px;}
	.coll-ul li {width: 259px; margin-right: 16px;}
	.vid-ul li {width: 306px; margin-right: 16px;}
}
/*1259＞宽度＞1000 固定980*/
@media screen and (max-width:1259px) and (min-width:1000px) {
	.wrap {width: 980px;}
	.wrap2nd {width: 980px;}
	/* 页底 */
	.first-line {padding-bottom: 20px;}
	.address-pack {float: right; width: auto; margin-bottom: 20px;}
	.brief-pack {width: 100%; float: none; padding-top: 20px; clear: both; border-top: 1px #9F616B solid;}
	.second-line {padding-top: 20px;}
	/* 单行 多行 异形列表 */
	.aplist li {width: 236px; margin-right: 12px;}
	.ptsd .coll b {display: block;}
	.mplist li {width: 236px; margin: 0 12px 12px 0;}
	.mplist li:nth-child(4n) {margin-right: 0;}
}
/*宽度＜999 更改平板/手机模式 */
@media screen and (max-width:999px) {

	/* 分页 */

	.page li { display: none;}
	.page li.now + li,.page li.now + li + li {display: list-item;}
	.page li.now {display: list-item;}
	.page li.prev {display: list-item;}
	.page li.next  {display: list-item;}

	/* 通用 */
	.pc {display: none;}
	.phone {display: block;}
	.block {padding-top: 25px;}
	.wrap {width: auto; margin: 0 10px;}
	.wrap2nd {width: auto; margin: 0 10px;}
	body {background-image: url(../jpg/area-one-phone.jpg);}
	/* 页头公告 */
	.top-notice {height: 56px;}
	.notice-headline {width: 60px; height: 24px; font-size: 20px; line-height: 24px; padding: 16px 0;}
	.notice-headline::after {height: 24px; top: 16px; opacity: 0.5;}
	.notice-inner {margin: 0 74px 0 70px; padding: 18px 0;}
	.notice-scroll a {padding-right: 20px; padding-left: 10px;}
	.notice-scroll a::before {margin-right: 5px;}
	.notice-scroll a .day {margin-left: 15px;}
	.notice-more {top: 15px;}
	.notice-close {top: 15px;}
	/* 导航条 */
	.header .logo-area {height: 16px; padding: 20px 0 20px; background-image: none;}
	.header .h-wrap {margin: 0 10px;}
	.header .ctcm-logo {display: none;}
	.header .logo {float: left;}
	.header .logo a img {height: 16px;}
	.header .h-srch {display: none;}
	.header .old-btn {display: none;}
	.header .lang {right: 30px; top: -2px; display: none;}
	.header .menu {width: 20px; height: 20px; position: absolute; right: 0; top: -2px; display: block;}
	.menu-ico,.menu-close {width: 20px; height: 20px; color: #FFF;}
	.menu-ico:before,.menu-close:before {font-family: "icon"; font-size: 20px; line-height: 20px; position: relative;}
	.menu-ico:before {content: "\e955";}
	.menu-close:before {content: "\e951";}
	.header .menu-top {display: block; position: relative; color: #FFF;}
	.header .menu-top h2 {font-weight: normal;}
	.header .menu-close {position: absolute; right: 0; top: 5px;}
	.header .nav {text-align: left; height: auto; background: rgba(128,46,31,0.98); position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 20px; z-index: 999; display: none;}
	.header .nav ul {display: block;}
	.header .nav ul:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
	.header .nav li {float: none; height: auto; border-bottom: 1px solid #934D58; padding: 0 15px; font-size: 16px; line-height: 40px;}
	.header .nav li:hover {background: none;}
	.header .nav li:after {content: "\e981"; font-family: "icon"; display: block; position: absolute; right: 15px; left: auto; height: auto; top: 0; bottom: auto; color: #FFF; z-index: 99;transition: none; background: none; opacity: 1;}
	.header .nav li:hover:after {content: "\e982";}
	.header .nav li.go:after {content: "";}
	.header .nav li>a {color: #FFF; display: inline-block; padding: 0 0; line-height: 40px;}
	.header .nav li dl {position: relative; top: auto; right: auto; padding: 0 0 10px 0; background: none; display: none;}
	.header .nav li dl dd {white-space:nowrap; width: 50%; float: left; font-size: 14px; line-height: 32px; text-align: left;}
	.header .nav li dl dd>a {color: #FFF; display: inline-block; position: relative;padding-left: 16px;}
	.header .nav li dl dd>a:before {content: "\e97b"; font-family: "icon"; position: absolute; left: 0;}
	.header .nav li dl dd>a:hover {background: none;}
	.header .nav li:hover dl {display: block;}
	.header .nav li dl:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
	.header.abs .nav li:hover {background: none;}
	.header .menu-open {display: block;}
	
	/* 手机端 旧版和英文版按钮 */
	.phone-old-lang {display: block; text-align: center; padding-top: 15px;}
	.phone-old-lang a {display: inline-block; background: rgba(0,0,0,0.2); line-height: 36px; font-size: 16px; border-radius: 5px; width: 35%; margin: 0 5%; color: #FFF;}
	/* 菜单内的搜索 */	
	.min-srch-box {background: #FFF; margin-top: 10px; margin-bottom: 8px; padding: 8px; border-radius: 4px; display: block;}
	.min-srch-text {outline: none; width: calc(100% - 60px); height: 32px; line-height: 32px; float: left;}
	.min-srch-btn {float: right; width: 32px; height: 32px; font-size: 24px; outline: none; cursor: pointer; font-family: "icon"; color: #010101;}
	.min-srch-btn:hover {color: #71481E;}
	.min-srch:hover .h-srch-box {top: 26px; visibility: visible; opacity: 1;}
	/* 页底 */
	.footer {padding: 30px 0;}
	.first-line {padding-bottom: 20px;}
	.second-line {padding-top: 20px;}
	.logo-pack {width: 100%; float: none;}
	.bottom-logo img {height: 16px;}
	.address-pack {float: none; width: 100%; clear: both; padding-top: 20px;}
	.address-pack ul {width: 100%;}
	.brief-pack {display: none;}
	.rtsm-pack {float: none; margin-bottom: 20px;}
	.rtsm {height: 26px;}
	.copy-pack {float: none; padding-top: 20px; border-top: 1px #9F616B solid;}
	/* 侧边栏 */
	.r-side ul li {display: none;}
	.r-side ul li:last-child {display: block;}
	/* b-tit的下间距 */
	.b-tit {height: 28px; margin-bottom: 15px;}
	.b-tit h2 {font-size: 28px; line-height: 28px; }
	.b-tit b {font-size: 14px; padding-left: 10px; padding-top: 13px; line-height: 14px;}
	.b-tit.white em {font-size: 14px; line-height: 14px; padding-top: 13px;}
	/* 单行 多行 异形列表 */
	.aplist li {width: 49%; margin: 0 2% 15px 0; float: left;}
	.aplist li:nth-child(2) {margin: 0 0 15px 0;}
	.aplist li:nth-child(3) {margin: 0 2% 0 0;}
	.aplist li:nth-child(4) {margin: 0 0 0 0;}
	.mplist li {width: 49%; margin: 0 2% 14px 0;}
	.mplist li:nth-child(2n) { margin: 0 0 14px 0;}
	/* 包含{标题 摘要 时间}的 列表 */
	.tsd li {padding: 10px 0 10px 0; font-size: 18px;}
	.tsd li a {text-align: justify;}
	.tsd li .d {position: relative; right: 0; top: 0; display: block; padding-left: 18px; font-size: 14px; margin-top: 8px;}
	.tsd li .d:before {content: "\e942"; font-family: "icon"; position: absolute; left: 0;}
	.tsd li a:before {display: none;}
	.ptsd .box {padding: 5px 6px 6px;}
	.ptsd .t {font-size: 14px;}
	.ptsd .t2 {height: 36px; font-size: 14px; line-height: 18px;}
	.ptsd .l {font-size: 12px; padding-left: 14px; margin-top: 0px;}
	.ptsd .d {font-size: 12px; padding-left: 14px; margin-top: 0px;}
}

/*宽度＜760 普通手机 */
@media screen and (max-width:760px) {
	/* 包含{标题 摘要 时间 图片}的 左图又文列表 */
	.lptsd {}
	.lptsd li {padding: 10px 10px;}
	.lptsd li .pic {float: none; margin-right: 0px; margin-bottom: 10px;}
	.lptsd li .pic img {max-height: none; width: 100%; }
	.lptsd li .d {color: #999; margin-top: 7px; display:block; font-size: 14px;}
	.lptsd li p {font-size: 14px; color: #777; margin-top: 7px; text-align: justify;}
	.lptsd li:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
	.lptsd li:hover {border-bottom: 1px solid #DDD;}
	.lptsd .p-l:hover img {transform: scale(1,1);}
	.lptsd .p-l:before {display: none;}
	
	.lptsd .ratio3x2{padding-top:0%;}
	.lptsd .ratio-container img {position: relative;top:0;left:0;width: 100%;height: 100%;}
	
	.ptsd .make {float: none; position: absolute; right: 0;}
}

/*宽度＜600 中窄手机 */
@media screen and (max-width:600px) {
	.ptsd .d b {display: block; margin-bottom: 5px;}
	.ptsd .make {float: right; position: relative;}
	.ptsd .d:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
}

/*宽度＜400 窄屏手机 */
@media screen and (max-width:400px) {
	.header .logo {padding-top: 2px;}
	.header .logo a img {height: 12px;}
}