@charset "utf-8";
/* CSS Document */
/* 开放与导览 */
.open-visit {padding-bottom: 45px;}
.open-visit .wrap {padding: 40px 0 41px; position: relative;}
.opening {padding-left: 50px; width: 690px; float: left;}
.openday {float: left; text-align: center; margin-right: 30px;}
.openday span {font-size: 18px;}
.openday h2 {font-size: 40px;}
.openday em {font-style: normal;}
/* 开放时间 */
.opentime {float: left; padding-top: 27px;}
.opentime li {float: left; text-align: center;}
.opentime li.openarrow:after {content: "\e904"; display: block; font-family: "icon"; font-size: 20px; line-height: 60px; padding: 0 20px;}
.opentime b {display: block; font-size: 37px; font-weight: normal; font-family: "fzzcys";}
.openinfor {text-align: center; color: #777; margin-top: 35px; padding: 0 20px;}
/* 须知等ICO */
.visit-fun {width: 330px; float: left;}
.visit-fun ul {width: 150px; padding-top: 40px; display: block; margin: 0 auto;}
.visit-fun li {display: block; width: 60px; text-align: center; float: left;}
.visit-fun li:nth-child(2n) {margin-left: 30px;}
.visit-fun li:first-child {margin-bottom: 24px;}
.visit-fun li:nth-child(2) {margin-bottom: 24px;}
.visit-fun li b {display: block; width: 32px; height: 32px; margin: 0 auto 8px; font-weight: normal;}
.visit-fun li b:after {display: block; font-family: "icon"; font-size: 32px; line-height: 32px;}
.visit-fun li b.xuzhi:after {content: "\e9b8";}
.visit-fun li b.ditu:after {content: "\e900";}
.visit-fun li b.xianl:after {content: "\e925";}
.visit-fun li b.bianm:after {content: "\e90f";}
/* 微信二维码 此位置后期可再加一个预约系统链接 */
.online {width: 300px; padding: 0 50px 0 0; float: right;}
.online .wccode {width: 140px; text-align: center; float: left; margin-right: 20px;}
.online .wccode span {margin-bottom: 4px; display: block;}
.online .wccode:last-child {margin-right: 0;}
.online .wccode:last-child a {display: block; background: #FFF;}
/* 参观须知 预约提示 地图 导览图 */
.vis-area {padding-bottom: 45px;}
.vis-in-pack {width: calc(50% - 60px); padding: 30px 20px; border-radius: 5px; background: #E8E8E8; min-height: 270px;}
.vis-in-pack .b-tit {margin-bottom: 15px;}
.vis-in-ul li {margin-bottom: 10px;}
.vis-in-ul li:last-child {margin-bottom: 0;}
.vis-in-pic {text-align: center;}
.vis-in-pic img {width: 100%;}
/* 便民服务 */
.services .wrap {padding: 40px 0;}
.service-ful {}
.service-ful li {width: 23%; float: left; margin-right: 2%;}
.service-ful li:nth-child(4) {margin-right: 0;}
.volunteer {padding: 40px 0;}
/* 栏目包裹 */

.exhibit {padding-top: 30px;}
.activity {}
.overview {}
.collcetion {}
/* 概况-二级 */
.overview-our {}
.overview-our p {margin-bottom: 15px; text-align: justify;}
.overview-our p:last-child {margin-bottom: 0;}
/*现任领导*/
.leader {display: block; width: 700px; margin: 0 auto;}
.leader li {border-bottom: 1px solid #B2985D; font-size: 16px; line-height: 30px; padding: 10px 0;}
.leader li:last-child {border-bottom: 0;}
.leader span {float: right;}
/*机构设置*/
.depart-box {background: #d88e73; margin-top: 30px; padding: 20px; color: #fff;	margin-bottom: 30px;}
.deptit {display: block; border-bottom: 1px solid #fff;	padding-bottom: 10px; margin-bottom: 30px;}
.depart {text-align: center;}
.depart ul {display: inline-block;	min-width: 1000px;}
.depart ul li {float: left;	font-size: 18px; writing-mode: vertical-lr;	writing-mode: tb-lr; padding: 40px 30px 0; background: url(../png/header_interval_linred.png) top center no-repeat;	background-size: auto 31px;}



/*典藏内容单独写*/
.dc-block {}
.dc-block li {display: block; float: left; text-align: center; overflow: hidden; position: relative;}
.dc-block li::before {content: ""; position: absolute;  left: 0; top: 60px; right: 0; bottom: 15px; z-index: 1;}
.dc-block li a {display: block; padding-top: 20px; font-family: "fzzcys"; font-size: 20px; color: #FFF; position: absolute;  left: 0; top: 0; right: 0; bottom: 0; z-index: 9;}
.dc-block li a.heise {color: #232323;}
.dc-block li:nth-child(1) {width: 22%; height: 348px; padding-top: 40px; margin: 0 0.5% 0.5% 0; background: url(../png/dc-bg.png) left top no-repeat;}

.dc-block li:nth-child(2) {width: 16%; height: 388px; margin: 0 0.5% 0.5% 0; background: url(../jpg/01-bg.jpg) left top;}
.dc-block li:nth-child(2)::before {background: url(../png/01-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(3) {width: 13.5%; height: 388px; margin: 0 0.5% 0.5% 0; background: url(../jpg/02-bg.jpg) left top;}
.dc-block li:nth-child(3)::before {background: url(../png/02-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(4) {width: 18%; height: 388px; margin: 0 0.5% 0.5% 0; background: url(../jpg/03-bg.jpg) left top;}
.dc-block li:nth-child(4)::before {background: url(../png/03-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(5) {width: 16%; height: 388px; margin: 0 0.5% 0.5% 0; background: url(../jpg/04-bg.jpg) left top;}
.dc-block li:nth-child(5)::before {background: url(../png/04-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(6) {width: 12%; height: 388px; margin: 0 0 0.5% 0; float: right; background: url(../jpg/05-bg.jpg) left top;}
.dc-block li:nth-child(6)::before {background: url(../png/05-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(7) {width: 10%; height: 270px; margin: 0 0.5% 0 0; background: url(../jpg/06-bg.jpg) left top;}
.dc-block li:nth-child(7)::before {background: url(../png/06-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(8) {width: 10%; height: 270px; margin: 0 0.5% 0 0; background: url(../jpg/07-bg.jpg) left top;}
.dc-block li:nth-child(8)::before {background: url(../png/07-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(9) {width: 18%; height: 270px; margin: 0 0.5% 0 0; background: url(../jpg/08-coll.jpg) left top;}
.dc-block li:nth-child(9)::before {background: url(../png/08-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(10) {width: 12%; height: 270px; margin: 0 0.5% 0 0; background: url(../jpg/09-bg.jpg) left top;}
.dc-block li:nth-child(10)::before {background: url(../png/09-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-block li:nth-child(11) {width: 12%; height: 270px; margin: 0 0.5% 0 0; background: url(../jpg/10-coll.jpg) center top; background-size: auto 100%;}
.dc-block li:nth-child(11)::before {}

.dc-block li:nth-child(12) {width: 12%; height: 270px; margin: 0 0 0 0; background: url(../jpg/11-coll.jpg) center top; background-size: auto 100%;}
.dc-block li:nth-child(12)::before {}

.dc-block li:nth-child(13) {width: 23%; height: 270px; margin: 0 0 0 0; float: right; background: url(../jpg/12-bg.jpg) left top;}
.dc-block li:nth-child(13)::before {background: url(../png/12-coll.png) center bottom no-repeat; background-size: auto 100%;}

.dc-title {width: 214px; height: 125px; background: url(../png/dc.png); display: inline-block; margin-bottom: 25px;}
.dc-title p {font-size: 14px;}
.dc-search {padding-top: 20px;}
.dc-txt {border: 1px solid #7D6746; padding: 2px 4px; margin-bottom: 12px;}
.dc-btn {display: inline-block; width: 128px; height: 47px; background: url(../png/dc-btn.png); font-size: 16px; color: #FFF; cursor: pointer;}

.exhibit-left {width: calc(50% - 20px); float: left; margin-bottom: 30px;}
.exhibit-right {width: calc(50% - 20px); float: right; margin-bottom: 30px;}

/*网站地图*/
.map {}
.map:after {content: "";clear: both;height: 0px;font-size: 0px;display: block;} /*清除浮动*/
.map-box {display: block;width: 24.25%;float: left;background: #f5f5f5;min-height: 160px;margin: 0 1% 1% 0;padding: 20px;box-sizing: border-box;}
.map-box:nth-child(4n) {margin: 0 0 1% 0;}
.map-box dt {font-size: 18px;font-family: "yasong";border-bottom: 1px solid #e5e5e5;display: block;padding-bottom: 10px;margin-bottom: 10px;}
.map-box dd {float: left;margin-right: 10px;line-height: 2;}

.friend {}
.friend dl:after {content: "";clear: both;height: 0px;font-size: 0px;display: block;} /*清除浮动*/
.friend dl {padding: 20px;background: #f5f5f5;margin-bottom: 20px;}
.friend dt {font-size: 18px;font-family: "yasong";border-bottom: 1px solid #e5e5e5;	display: block;	padding-bottom: 10px;margin-bottom: 10px;}
.friend dd a {margin-right: 10px;line-height: 2;display: block;	float: left;}

.coll-list:after {content: "";clear: both;height: 0px;font-size: 0px;display: block;} /*清除浮动*/
.coll-list ul {display: block; columns: 3; column-gap: 20px;}
.coll-list ul li {break-inside: avoid;text-align: center;	margin-bottom: 20px;box-sizing: border-box;	padding: 0px;background: #E5E5E5;}
.coll-list ul li span {display: block; padding: 10px 0;}
.coll-list ul li img {width: 100%; height: auto;}
/* 搜索正文页 */
.search-head {background: #FFF; box-shadow: 2px 2px #EEE; position: relative; z-index: 9;}
.search-box {max-width: 900px; margin: 0 auto; padding: 0 0 50px;}
.search-box-sub {margin-bottom: 20px;}
.search-box-text {float: left; width: 678px; border: 1px solid #DDD; padding: 10px; border-radius: 5px 0 0 5px; font-size: 24px;}
.search-box-btn {float: left; width: 200px; padding: 10px 0; background: #EEE; border: 1px solid #DDD; border-radius: 0 5px 5px 0; border-left: 0; font-family: "icon"; font-size: 24px; cursor: pointer;}
.search-box-btn:hover {background: #E5E5E5; color: #802E1F;}
.search-box-select {}
.search-box-select-area {width: 204px; float: left; margin-right: 28px; position: relative; cursor: pointer;}
.search-box-select-area:last-child {margin-right: 0;}
.search-box-select-pitch {border: 1px solid #DDD; border-radius: 5px; line-height: 32px; font-size: 14px; padding: 0 15px;}
.search-box-select-pitch::after {content: "\e981"; font-family: "icon"; display: block; float: right; padding-left: 15px; border-left: 1px solid #DDD; border-radius: 0 5px 5px 0;}
.search-box-select-pitch:hover::after { color: #802E1F;}
.search-box-select-select {display: none; position: absolute; border: 1px solid #DDD; border-radius: 5px; background: #FFF; top: 33px; width: 182px; padding: 10px;}
.search-box-select-select dd {display: block; height: 32px; line-height: 32px; border-bottom: 1px solid #DDD; padding: 0 6px;}
.search-box-select-select dd:last-child {border-bottom: 0;}
.search-box-select-select dd.on {background: #802E1F; color: #FFF; border-bottom: 0; border-radius: 5px;}
.search-box-select-area:hover .search-box-select-select {display: block;}

.search-area {padding: 40px 0;}
.search-left {padding: 15px; background: #FFF; border-radius: 5px; width: 200px; float: left;}
.search-left-tit {background: #802E1F; padding: 12px; color: #FFF; font-size: 20px; border-radius: 5px 5px 0 0;}
.search-class {display: block; border: 1px solid #DDD; border-top: 0; border-radius: 0 0 5px 5px; padding: 10px;}
.search-class li {height: 38px; line-height: 38px; font-size: 16px; padding: 0 0 0 15px; border-bottom: 1px solid #EEE; cursor: pointer;}
.search-class li:last-child {border-bottom: 0;}
.search-class li.on {background: #802E1F; color: #FFF; border-radius: 3px; border-bottom: 0;}
.search-class li.on a{ color: #FFF;}
.search-result {width: calc(100% - 280px); float: right;}
.search-num {padding-bottom: 12px; font-size: 16px;}

.search-list {padding: 30px 0 0;}
.search-list li {padding: 0 10px 20px 10px; margin-bottom: 20px; border-bottom: 1px solid #DDD;}
.search-list li:last-child {margin-bottom: 0;}
.search-list li:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
.search-list .tit {font-size: 18px;}
.search-list .time {font-size: 14px; margin: 8px 0; color: #666;}
.search-list .info {}
.search-list .photo {float: left; margin-right: 20px;}
.search-list .photo img {max-width: 300px;}

/* 移动端是否需要兼容？ */
.search-list li div.photo {
    width: 300px
}

/* 移动端是否需要兼容？ */
li > div.pic {
    width: 300px
}

/* 藏品新的抬头 */
.coll-head {background: #FFF; box-shadow: 2px 2px #EEE; position: relative; z-index: 9;}
.coll-ul {display: block; clear: both; padding-bottom: 60px; text-align: center;}
.coll-ul:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
.coll-ul li {display: inline-block; width: 7%; padding-top: 7%; margin: 0 0.4%; position: relative; text-align: center;}
.coll-ul li:first-child {margin-left: 0;}
.coll-ul li:last-child {margin-right: 0;}
.coll-ul li span {display: block; width: 100%; padding-top: 100%; background: #EEE; position: absolute; left: 0; top: 0; border-radius: 50%; overflow: hidden;}
.coll-ul li span::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; padding-top: 100%;}

.coll-ul li:nth-child(1) span {background: url(../jpg/01-bg.jpg);}
.coll-ul li:nth-child(1) span::after {background: url(../png/01-coll.png) center center no-repeat; background-size: auto 90%;}
.coll-ul li:nth-child(2) span {background: url(../jpg/02-bg.jpg);}
.coll-ul li:nth-child(2) span::after {background: url(../png/02-coll.png) center center no-repeat; background-size: auto 90%;}
.coll-ul li:nth-child(3) span {background: url(../jpg/03-bg.jpg);}
.coll-ul li:nth-child(3) span::after {background: url(../png/03-coll.png) center center no-repeat; background-size: auto 80%;}
.coll-ul li:nth-child(4) span {background: url(../jpg/04-bg.jpg);}
.coll-ul li:nth-child(4) span::after {background: url(../png/04-coll.png) center center no-repeat; background-size: auto 70%;}
.coll-ul li:nth-child(5) span {background: url(../jpg/05-bg.jpg);}
.coll-ul li:nth-child(5) span::after {background: url(../png/05-coll.png) center center no-repeat; background-size: auto 90%;}
.coll-ul li:nth-child(6) span {background: url(../jpg/06-bg.jpg);}
.coll-ul li:nth-child(6) span::after {background: url(../png/06-coll.png) center center no-repeat; background-size: auto 90%;}
.coll-ul li:nth-child(7) span {background: url(../jpg/07-bg.jpg);}
.coll-ul li:nth-child(7) span::after {background: url(../png/07-coll.png) center center no-repeat; background-size: auto 90%;}
.coll-ul li:nth-child(8) span {background: url(../jpg/08-coll.jpg);}
.coll-ul li:nth-child(8) span::after {background: url(../png/08-coll.png) center center no-repeat; background-size: 75% auto;}
.coll-ul li:nth-child(9) span {background: url(../jpg/09-bg.jpg);}
.coll-ul li:nth-child(9) span::after {background: url(../png/09-coll.png) center center no-repeat; background-size: auto 75%;}
.coll-ul li:nth-child(10) span {}
.coll-ul li:nth-child(10) span::after {background: url(../jpg/10-coll.jpg) center center no-repeat; background-size: auto 200%;}
.coll-ul li:nth-child(11) span {}
.coll-ul li:nth-child(11) span::after {background: url(../jpg/11-coll.jpg) center center no-repeat; background-size: auto 110%;}
.coll-ul li:nth-child(12) span {background: url(../jpg/12-bg.jpg);}
.coll-ul li:nth-child(12) span::after {background: url(../png/12-coll.png) center center no-repeat; background-size: 75% auto;}



/* 展览竖版 */
.ztllul {}
.ztllul:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
.ztllul li {width: 23.875%; float: left; overflow: hidden; margin-right: 1.5%; position: relative; border-radius: 5px;}
.ztllul li:last-child {margin-right: 0;}
.ztllul li img {width: 100%; height: auto;}
.ztllul .box {position: absolute; bottom: -100%; transition: 0.3s; background: rgba(255,255,255,0.9); left: 0; right: 0;}
.ztllul li:hover .box { bottom: 0;}
.ztllul .box span {display: block;}
.ztllul .box span.s {background: rgba(128,46,31,1); text-align: right; padding: 6px 10px; color: #FFF;}
.ztllul .box span.t {font-weight: bold; text-align: left; padding: 6px 10px; color: #111;}
.ztllul .box span.d {padding: 0 10px; color: #444;}
.ztllul .zt-info {padding: 10px;}
.ztllul .box p  {display: -webkit-box; width: 100%; height: 66px; line-height: 22px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #555;}


/* 展览竖版 */
.ztllul-3 {}
.ztllul-3:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
.ztllul-3 li {width: 32.33333333333333%; float: left; overflow: hidden; margin-right: 1.5%; position: relative; border-radius: 5px;}
.ztllul-3 li:last-child {margin-right: 0;}
.ztllul-3 li img {}
.ztllul-3 .box {position: absolute; bottom: -100%; transition: 0.3s; background: rgba(255,255,255,0.9); left: 0; right: 0;}
.ztllul-3 li:hover .box { bottom: 0;}
.ztllul-3 .box span {display: block;}
.ztllul-3 .box span.s {background: rgba(128,46,31,1); text-align: right; padding: 6px 10px; color: #FFF;}
.ztllul-3 .box span.t {font-weight: bold; text-align: left; padding: 6px 10px; color: #111;}
.ztllul-3 .box span.d {padding: 0 10px 10px; color: #444;}
.ztllul-3 .zt-info {padding: 10px;}
.ztllul-3 .box p  {display: -webkit-box; width: 100%; height: 66px; line-height: 22px; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #555;}


/* 一行三列的列表 */
.tplist {}
.tplist li {width: 32.33333333333333%; margin-right: 1.5%;}
.tplist li:last-child {margin-right: 0;}
/* 多行三列的列表 */
.mtplist {}
.mtplist li {width: 32.33333333333333%; margin-right: 1.5%; margin-bottom: 16px;}
.mtplist li:nth-child(3n) {margin-right: 0;}
/* 一行两列的列表 */
.ortclist {}
.ortclist li {width: 49.25%; margin-right: 1.5%;}
.ortclist li:last-child {margin-right: 0;}
/* 多行两列的列表 */
.mrtclist {}
.mrtclist li {width: 49.25%; margin-right: 1.5%; margin-bottom: 16px;}
.mrtclist li:last-child {margin-right: 0;}

/* 这里增加文创部分的CSS 2025.7.16 */
.wenc_block {width: 1200px; max-width: 1200px; margin: 0 auto;}
.wenc_a {margin-top: 50px; clear: both; position: relative;}
.wenc_b {position: relative;}
.swiper-container {height: 400px;}
.swiper-slide {position: relative; z-index: 2;}
.wenc_c {height: 460px; color: #9E8B38;}
.wenc_tit {position:absolute; height: 42px; width: 300px; margin-left: -150px; left: 50%;}
.wenc_tit1 {background-image:url(../png/cre1.png); background-size: auto 42px; background-repeat: no-repeat; background-position: center center;}
.wenc_l {width: 400px; float: left;}
.wenc_r {width: 800px; float: right;}




.wenchuang_block {width: 1200px; max-width: 1200px; margin: 0 auto 100px; overflow: hidden;}
.wenchuang_area {margin-top:90px; clear: both; position: relative; height: 400px;}

.wenchuang_tit {position:absolute; z-index: 999;}
.wenchuang_tit_1 {background-image:url(../png/cre1-2.png); background-size: auto 42px; background-repeat: no-repeat; background-position: center center; margin-left: -200px; height: 42px; width: 300px; left: 50%;}

.wenchuang_one {height: 400px;}
.wenchuang_one .swiper-container {width: 1200px; height: 400px; position: relative; margin: 0 auto;}
.wenchuang_one .swiper-slide {position: relative; z-index: 2;}
.wenchuang_one .wc_one_pic {position: absolute; left: 100px; top: 0; width: 400px;}
.wenchuang_one .wc_one_text {position: absolute; right: 50px; top: 60px; width: 600px; color: #9E8B38;}
.wenchuang_one .wc_one_text h2 {margin-bottom: 15px;}
.wenchuang_one .wc_one_text p {margin-bottom: 10px;}

.wenchuang_one .swiper-slide .wc_one_text {transform:translateY(-60px); opacity:0; transition:all 0.8s;}
.wenchuang_one .ani-slide .wc_one_text {transform:translateY(0); opacity:1;}
.wenchuang_one .swiper-slide .wc_one_pic {transform:translateY(60px); opacity:0; transition:all 1s;}
.wenchuang_one .ani-slide .wc_one_pic {transform:translateY(0); opacity:1;}

.wenchuang_one .swiper-pagination {position: absolute; z-index: 3; left: 550px; bottom: 50px;}

.swiper-pagination-bullet {display: inline-block; width: 28px; height: 28px; background: url(../png/focus_white.png); background-size: 100%; cursor: pointer; margin-right: 10px; float: left;}
.swiper-pagination-bullet-active {background: url(../png/focus_red.png); background-size: 100%;}


.wenchuang_tit_2 {background-image:url(../png/cre2.png); background-size: auto 42px; background-repeat: no-repeat; background-position: center center; margin-left: 0; height: 42px; width: 300px; left: 0;}

.wenchuang_two {height: 400px;}
.wenchuang_two .swiper-container {width: 1200px; height: 400px; position: relative; margin: 0 auto;}
.wenchuang_two .swiper-slide {position: relative; z-index: 2;}
.wenchuang_two .wc_one_pic {position: absolute; right: 100px; top: 0; width: 400px;}
.wenchuang_two .wc_one_text {position: absolute; left: 50px; top: 60px; width: 600px; color: #9E8B38;}
.wenchuang_two .wc_one_text h2 {margin-bottom: 15px;}
.wenchuang_two .wc_one_text p {margin-bottom: 10px;}

.wenchuang_two .swiper-slide .wc_one_text {transform:translateX(-60px); opacity:0; transition:all 0.8s;}
.wenchuang_two .ani-slide .wc_one_text {transform:translateX(0);opacity:1;}
.wenchuang_two .swiper-slide .wc_one_pic {transform:translateX(60px); opacity:0; transition:all 1s;}
.wenchuang_two .ani-slide .wc_one_pic {transform:translateX(0);opacity:1;}

.wenchuang_two .swiper-pagination {position: absolute; z-index: 3; left: 550px; bottom: 50px;}

.wenchuang_tit_3 {background-image:url(../png/cre3.png); background-size: auto 42px; background-repeat: no-repeat; background-position: center center; margin-left: -130px; height: 42px; width: 240px; left: 50%;}
.wenchuang_three {height: 400px;}
.wenchuang_three .swiper-container {width: 1200px; height: 400px; position: relative; margin: 0 auto;}
.wenchuang_three .swiper-slide {position: relative; z-index: 2;}
.wenchuang_three .wc_one_pic {position: absolute; left: 50px; top: 0; width: 400px;}
.wenchuang_three .wc_one_text {position: absolute; right: 100px; top: 60px; width: 600px; color: #9E8B38;}
.wenchuang_three .wc_one_text h2 {margin-bottom: 15px;}
.wenchuang_three .wc_one_text p {margin-bottom: 10px;}

.wenchuang_pic_31 {position: absolute; left: 50px; top: 0; width: 400px; z-index: 5;}
.wenchuang_pic_32 {position: absolute; left: 0; top: -50px; width: 300px; z-index: 4;}
.wenchuang_pic_32 img {width: 300px; height: 300px;}

.wenchuang_three .swiper-slide .wc_one_text {transform:translateX(60px); opacity:0; transition:all 1s;}
.wenchuang_three .ani-slide .wc_one_text {transform:translateY(0);opacity:1;}

.wenchuang_three .swiper-slide .wenchuang_pic_31 {transform:translateY(60px); opacity:0; transition:all 0.8s;}
.wenchuang_three .ani-slide .wenchuang_pic_31 {transform:translateY(0);opacity:1;}
.wenchuang_three .swiper-slide .wenchuang_pic_32 {transform:translateY(-60px); opacity:0; transition:all 0.8s;}
.wenchuang_three .ani-slide .wenchuang_pic_32 {transform:translateY(0);opacity:1;}

.wenchuang_three .swiper-pagination {position: absolute; z-index: 3; left: 500px; bottom: 50px;}

.wenchuang_tit_4 {background-image:url(../png/cre4.png); background-size: auto 42px; background-repeat: no-repeat; background-position: center center; margin-left: 0; height: 42px; width: 240px; left: 0;}
.wenchuang_four {height: 400px;}
.wenchuang_four .swiper-container {width: 1200px; height: 400px; position: relative; margin: 0 auto;}
.wenchuang_four .swiper-slide {position: relative; z-index: 2;}
.wenchuang_four .wc_one_pic {position: absolute; right: 100px; top: 0; width: 400px;}
.wenchuang_four .wc_one_text {position: absolute; left: 100px; top: 60px; width: 600px; color: #9E8B38;}
.wenchuang_four .wc_one_text h2 {margin-bottom: 15px;}
.wenchuang_four .wc_one_text p {margin-bottom: 10px;}

.wenchuang_four .swiper-slide .wc_one_text {transform:translateX(60px); opacity:0; transition:all 0.8s;}
.wenchuang_four .ani-slide .wc_one_text {transform:translateX(0);opacity:1;}
.wenchuang_four .swiper-slide .wc_one_pic {transform:translateY(-60px); opacity:0; transition:all 1s;}
.wenchuang_four .ani-slide .wc_one_pic {transform:translateY(0);opacity:1;}

.wenchuang_four .swiper-pagination {position: absolute; z-index: 3; left: 550px; bottom: 50px;}


/*1570＞宽度＞1260 固定宽1200*/
@media screen and (max-width:1570px) and (min-width:1260px) {
	/* 首页时间 */
	.opening {padding-left: 10px; width: 620px;}
	.openday {margin-right: 20px;}
	.opentime li.openarrow:after {padding: 0 10px;}
	.openinfor {padding: 0 0;}
	.visit-fun {width: 260px;}
	.online {width: 300px; padding: 0 10px 0 0;}
	/* 首页活动焦点图 */
	.act-foucs-pack .p {width: 800px;}
	.act-foucs-pack .b {width: 400px;}
}
/*1259＞宽度＞1000 固定980*/
@media screen and (max-width:1259px) and (min-width:1000px) {
	.open-visit .wrap {padding: 30px 0 31px; position: relative;}
	.opening {padding-left: 0; width: 690px; float: none; clear: both; margin: 0 auto; padding-bottom: 20px; border-bottom: 1px solid #BEBEBE;}
	.openinfor {margin-top: 10px;}
	/* 须知等ICO */
	.visit-fun {width: 690px; float: none; margin: 0 auto; text-align: center; padding-bottom: 12px; border-bottom: 1px solid #BEBEBE;}
	.visit-fun ul {width: auto; padding-top: 20px; display: inline-block;}
	.visit-fun li:nth-child(2n) {margin-left: 15px;}
	.visit-fun li:first-child {margin-bottom: 0px;}
	.visit-fun li:nth-child(2) {margin-bottom: 0px;}
	.visit-fun li {margin: 0 15px;}
	/* 微信二维码 此位置后期可再加一个预约系统链接 */
	.online {width: 690px;; padding: 20px 0 0 0; float: none; margin: 0 auto; text-align: center;}
	.online .wccode {float: none; display: inline-block; margin-right: 20px;}
	.online .wccode span {margin-bottom: 4px; display: block;}
	.online .wccode:last-child {margin-right: 0; margin-left: 20px;}
	/* 首页活动焦点图 */
	.act-foucs-box {padding: 50px 0 70px;}
	.act-foucs-pack .p {width: 680px;}
	.act-foucs-pack .b {width: 300px;}
	.act-foucs-pack .i p:first-child {display: -webkit-box; width: 100%; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
}

/*宽度＜999 更改平板/手机模式 */
@media screen and (max-width:999px) {
	/*典藏内容单独写*/
	.dc-block {}
	.dc-block li {display: block; float: left; text-align: center;}
	.dc-block li::before {content: ""; position: absolute;  left: 0; top: 40px; right: 0; bottom: 10px; z-index: 1;}
	.dc-block li a {padding-top: 15px; font-size: 16px;}
	.dc-block li:nth-child(1) {width: 100%; height: 200px; padding-top: 0; margin: 0 0 2% 0; background: url(../png/dc-bg-p.png) left top no-repeat; background-size: 100% auto; float: none; clear: both;}
	.dc-block li:nth-child(2) {width: 32%; height: 200px; margin: 0 2% 2% 0; }
	.dc-block li:nth-child(3) {width: 32%; height: 200px; margin: 0 2% 2% 0;}
	.dc-block li:nth-child(4) {width: 32%; height: 200px; margin: 0 0 2% 0;}
	.dc-block li:nth-child(5) {width: 32%; height: 200px; margin: 0 2% 2% 0;}
	.dc-block li:nth-child(6) {width: 32%; height: 200px; margin: 0 2% 2% 0; float: left;}
	.dc-block li:nth-child(7) {width: 32%; height: 200px; margin: 0 0 2% 0;}
	.dc-block li:nth-child(8) {width: 32%; height: 200px; margin: 0 2% 2% 0;}
	.dc-block li:nth-child(9) {width: 32%; height: 200px; margin: 0 2% 2% 0;}
	.dc-block li:nth-child(10) {width: 32%; height: 200px; margin: 0 0 2% 0;}
	.dc-block li:nth-child(11) {width: 32%; height: 200px; margin: 0 2% 0 0;}
	.dc-block li:nth-child(12) {width: 32%; height: 200px; margin: 0 2% 0 0;}
	.dc-block li:nth-child(13) {width: 32%; height: 200px; margin: 0 0 0 0; float: left;}

	.dc-title {width: 45px; height: 130px; background: url(../png/dc-p.png); display: inline-block; margin: 35px 0 0 30px; float: left; background-size: 45px auto;}
	.dc-title p {font-size: 14px;}
	.dc-p {float: left; margin: 30px 0 0 30px;}
	.dc-search {padding-top: 20px;}
	.dc-txt {border: 1px solid #7D6746; padding: 2px 4px; margin-bottom: 12px;}
	.dc-btn {display: inline-block; width: 90px; height: 34px; background: url(../png/dc-btn.png); font-size: 14px; color: #FFF; cursor: pointer; background-size: 90px auto;}
	
	.coll-list ul {display: block; columns: 2; column-gap: 10px;}
	
	.coll-ul {padding-bottom: 30px;}
	.coll-ul li {display: inline-block; width: 21%; padding-top: 21%; margin: 0 1%; position: relative; text-align: center;}
	.coll-ul li a {font-weight: normal; max-width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

	.ztllul {}
	.ztllul li {width: 49%; margin-right: 2%; margin-bottom: 2%;}
	.ztllul li:nth-child(2n) {margin-right: 0;}
	
	.ztllul-3 li {width: 100%; float: none; margin-right: 0; margin-bottom: 2.5%;}
	/*左右横版*/
	.exhibit-left {width:100%; float: none; margin-bottom: 10px;}
	.exhibit-right {width: 100%; float: none;}
	
	/* 一行三列的列表 */
	.tplist {}
	.tplist li {width: 100%; margin-right: 0; margin-bottom: 10px;}
	.tplist li:last-child {margin-bottom: 0;}
	/* 多行三列的列表 */
	.mtplist {}
	.mtplist li {width: 100%; margin-right: 0; margin-bottom: 10px;}
	.mtplist li:nth-child(3n) {margin-right: 0;}
	/* 一行两列的列表 */
	.ortclist {}
	.ortclist li {width: 100%; margin-right: 0; margin-bottom: 10px;}
	.ortclist li:last-child {margin-right: 0;}
	/* 多行两列的列表 */
	.mrtclist {}
	.mrtclist li {width: 100%; margin-right: 0; margin-bottom: 10px;}
	.mrtclist li:last-child {margin-right: 0;}
	/* 开放与导览 */
	.open-visit {padding-top: 10px;}
	.open-visit .wrap {padding: 15px 0 20px; position: relative; border-radius: 5px; background: #802E1F;}
	.open-visit .linb {display: none;}
	.opening {padding-left: 0; padding-bottom: 15px; width: auto; float: none; clear: both; margin: 0 10px; color: #FFF; border-bottom: 1px solid #9C594C;}
	.openinfor {margin-top: 10px;}
	.openday {float: none; text-align: center; margin-right: 0; margin: 0 auto;}
	.opentime {float: none; padding: 17px 10px 0 10px;}
	.opentime ul {display: flex;}
	.opentime li {flex: 1;}
	.opentime li.openarrow:after {font-size: 18px; padding: 0 0;}
	.opentime b {font-size: 28px;}
	.openinfor {margin-top: 17px; padding: 0 10px; color: #FFF; text-align: left;}
	.openinfor a {color: #FFF;}
	.openinfor .red {color: #FFF;}
	/* 须知等ICO */
	.visit-fun {width: calc(50% - 10px); text-align: center; padding-left: 10px;}
	.visit-fun ul {width: 144px; padding-top: 20px; display: inline-block;}
	.visit-fun li {margin: 0 6px 10px;}
	.visit-fun li:nth-child(2n) {margin-left: 6px;}
	.visit-fun li:first-child {margin-bottom: 10px;}
	.visit-fun li:nth-child(2) {margin-bottom: 10px;}
	.visit-fun li:nth-child(3) {margin-bottom: 0;}
	.visit-fun li:nth-child(4) {margin-bottom: 0;}
	.visit-fun li a {color: #FFF;}
	.visit-fun li b {margin: 0 auto 3px;}
	
	/* 微信二维码 此位置后期可再加一个预约系统链接 */
	.online {float: right; width: calc(50% - 10px); margin-right: 0; padding-right: 10px; text-align: center;}
	.online .wccode {margin-right: 0; width: 120px; display: inline-block; float: none;}
	.online .wccode span {display: none;}
	.online .wccode:first-child {display: none;}
	.online .wccode:last-child {padding-top: 20px}
	.online .wccode:last-child a {display: block; width: 120px; height: 120px;; background: rgba(255,255,255,1); border-radius: 5px;}
	.online .wccode:last-child a img {width: 120px; height: auto;}
	
	/* 参观须知 预约提示 地图 导览图 */
	.vis-area {padding-bottom: 45px;}
	.vis-in-pack {width: auto; padding: 20px 10px; min-height: auto; margin-bottom: 10px;}
	.vis-in-pack .b-tit {margin-bottom: 15px;}
	.vis-in-ul li {margin-bottom: 10px;}
	.vis-in-ul li:last-child {margin-bottom: 0;}
	.vis-in-pic {text-align: center;}
	.vis-in-pic img {width: 100%;}
	/* 便民服务 */
	.services .wrap {padding: 40px 0;}
	.service-ful {display: block; clear: both;}
	.service-ful li {width: 100%; float: none; margin-right: 0;}
	.service-ful li:nth-child(4) {margin-right: 0;}
	.volunteer {padding: 40px 0;}
	.volunteer .wrap:last-child {margin-top: 40px;}
	/* 首页活动焦点图 */
	.act-foucs-box {padding: 50px 0 70px;}
	.act-foucs-pack .p {width: 100%;}
	.act-foucs-pack .b {width: 100%;}
	.act-foucs-pack .i p:first-child {display: -webkit-box; width: 100%; overflow: hidden; word-break: break-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	/*现任领导*/
	.leader {width: auto;}
	.leader li {font-size: 14px; line-height: 160%; padding: 10px 0;}
	.leader li:last-child {border-bottom: 1px solid #B2985D;}
	.leader li:first-child {padding-top: 0;}
	.leader span {float: none; display: block; font-weight: bold; font-size: 16px; padding-bottom: 5px;}
	/*机构设置*/
	.depart-box {background: #d88e73; margin-top: 30px; padding: 20px; color: #fff;	margin-bottom: 30px;}
	.deptit {display: block; border-bottom: 1px solid #fff;	padding-bottom: 10px; margin-bottom: 30px;}
	.depart {text-align: left;}
	.depart ul {display: block;	min-width: auto; padding-bottom: 15px;}
	.depart ul li {float: none;	font-size: 16px; writing-mode: horizontal-tb; padding: 0px 0px 10px 0; background: none;}
}

/*宽度＜760 普通手机 */
@media screen and (max-width:760px) {
	/* 移动端是否需要兼容？ */
	li > div.pic {
		width: auto;
	}
	/* 搜索正文页 */
	.search-head {}
	.search-box {max-width: 900px; margin: 0 10px; padding: 0 0 20px;}
	.search-box-sub {margin-bottom: 15px;}
	.search-box-text {width: calc(100% - 122px);}
	.search-box-btn {width: 100px;}
	.search-box-btn:hover {background: #E5E5E5; color: #802E1F;}
	.search-box-select {}
	.search-box-select-area {width: 49%; margin-right: 2%; margin-bottom: 1%; position: relative;}
	.search-box-select-area:nth-child(1) {z-index: 10;}
	.search-box-select-area:nth-child(2) {margin-right: 0; z-index: 10;}
	.search-box-select-area:last-child {margin-right: 0;}
	.search-box-select-pitch {border: 1px solid #DDD; border-radius: 5px; line-height: 32px; font-size: 14px; padding: 0 15px;}
	.search-box-select-pitch::after {content: "\e981"; font-family: "icon"; display: block; float: right; padding-left: 15px; border-left: 1px solid #DDD; border-radius: 0 5px 5px 0;}
	.search-box-select-pitch:hover::after { color: #802E1F;}
	.search-box-select-select {display: none; position: absolute; border: 1px solid #DDD; border-radius: 5px; background: #FFF; top: 33px; width: auto; left: 0; right: 0; padding: 10px;}
	.search-box-select-select dd {display: block; height: 32px; line-height: 32px; border-bottom: 1px solid #DDD; padding: 0 6px;}
	.search-box-select-select dd:last-child {border-bottom: 0;}
	.search-box-select-select dd.on {background: #802E1F; color: #FFF; border-bottom: 0; border-radius: 5px;}
	.search-box-select-area:hover .search-box-select-select {display: block;}

	.search-area {padding: 20px 0 40px;}
	.search-left {padding: 10px; background: #FFF; border-radius: 5px; width: auto; float: none;}
	.search-left-tit {background: #802E1F; padding: 6px; color: #FFF; font-size: 16px; border-radius: 5px 5px 0 0;}
	.search-class {display: block; border: 1px solid #DDD; border-top: 0; border-radius: 0 0 5px 5px; padding: 10px;}
	.search-class:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
	.search-class li {height: 30px; line-height: 30px; font-size: 14px; padding: 0 0 0 15px; border-bottom:none; cursor: pointer; width: calc(33% - 15px); float: left;}
	.search-class li:last-child {border-bottom: 0;}
	.search-class li.on {background: #802E1F; color: #FFF; border-radius: 3px; border-bottom: 0;}
	.search-class li.on a{ color: #FFF;}
	.search-result {width: auto; float: none;}
	.search-num {padding-bottom: 10px; font-size: 16px; padding-top: 15px;}

	.search-list {padding: 30px 0 0;}
	.search-list li {padding: 0 0 14px 0; margin-bottom: 15px; border-bottom: 1px solid #DDD;}
	.search-list li:last-child {margin-bottom: 0;}
	.search-list li:after {content: ""; clear: both; height: 0px; font-size: 0px; display: block;}
	.search-list .tit {font-size: 18px;}
	.search-list .time {font-size: 14px; margin: 8px 0; color: #666;}
	.search-list .info {}
	.search-list .photo {float: none; margin-right: 0; margin-bottom: 10px;}
	.search-list .photo img {max-width: 100%;}

	/* 移动端是否需要兼容？ */
	.search-list li div.photo {
		width: 100%;
	}
}

/*解决参观须知的兼容问题 */
@media screen and (min-width:1000px) {
	.vis-in-pack {background: none;}
	.vis-area .vis-in-pack {background: #E8E8E8;}
}