/*公用样式部分*/
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin:0;padding:0;}
html,body{font-family:"微软雅黑";font-size: 16px;}
ul,ol,li{list-style:none;}
img{border:0;vertical-align: top;}
input,select,textarea{outline:0;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,strong,var,em{font-weight:normal;font-style:normal;}
a{text-decoration:none; color:#000;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}
.f_hidden{display: none;visibility: hidden;}
.none{display: none;}
.clear{clear:both;}
* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
/* ============ 顶部 Banner ============ */
.header{background: url(../images/ydbj_head.jpg) center 0 no-repeat;height: 407px;margin-bottom: 40px;}
.header h1{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
/* ============ 通用 Section ============ */
.section{padding:0 0 50px;width:1240px;margin:0 auto;}
.sec-title{position: relative;display: inline-block;}
.sec-title-text{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}
.sec-title img{display: block;}
.sec-desc{margin:20px 20px 30px;color:#362721;font-size:16px;position: relative;}
.sec-head{position:relative;}
.head-link{position:absolute;right:0;bottom:0;color:#b43827;font-size:14px;text-decoration:none;display:inline-block;}
.head-link img{vertical-align: middle;}
/* ============ 阅·活动 ============ */
.activity-wrap{overflow: hidden;width:1200px;margin:0 auto;}
.activity-left{width:680px;float: left;position: relative;height: 460px;}
.activitySwiper{width:100%;}
.activitySwiper .swiper-slide img{width: 100%;height: auto;}
.activity-left .swiper-button-prev {width: 32px;height: 32px;bottom:18px;left: 502px;top:auto;outline: none;border-radius: 50%;border:2px solid #ffefbb;}
.activity-left .swiper-button-next {width: 32px;height: 32px;bottom:18px;top:auto;outline: none;border-radius: 50%;border:2px solid #ffefbb;right:40px;}
.activity-left .swiper-button-prev:hover,.activity-left .swiper-button-next:hover{background:#ffefbb;color: #f78742;}
.activity-left .swiper-pagination{text-align: center;width:100%;bottom:0;font-size:16px; color:#fff;position: absolute;right: 0;left: auto;background:#f78742;height: 70px;display: flex;align-items: center;justify-content: end;}
.activity-left .swiper-pagination span{font-size:24px;color:#fff;padding:0 5px;font-weight: 400;}
.activity-left .swiper-pagination .swiper-pagination-current{font-weight: 700;}
.activity-left .swiper-pagination .swiper-pagination-total{margin-right: 80px;}
.activity-left .swiper-button-prev:after,.activity-left .swiper-rtl .swiper-button-next:after,.activity-left .swiper-button-next:after, .activity-left .swiper-rtl .swiper-button-prev:after{font-size:14px;color:#ffefbb;font-weight: 700;}
.activity-left .swiper-button-prev:hover::after,.activity-left .swiper-button-next:hover::after{color:#f78742;}

.activity-list{float: right;width: 490px;background: url(../images/bg_news.jpg) 0 0 no-repeat;height: 460px;padding:30px;}
.activity-list h3{font-size:18px;color:#333;font-weight:700;position: relative;padding-left: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.activity-list h3::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);width:3px;height:3px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#e8763a;}
.activity-list .lead{margin-top:15px;font-size:14px;color:#3a3a3a;line-height:2em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.activity-list .lead a{color:#dd4632;text-decoration:none;}
.activity-list .list{border-top:1px solid #e9c79e;margin:15px 0 0;padding-top: 15px;}
.activity-list li{position:relative;padding:10px 0 10px 15px;font-size:16px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}
.activity-list li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);width:3px;height:3px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#e8763a;}
.activity-list li:hover{color:#e8763a;}
.more-link{margin-top:10px;text-align: right;font-size:14px;}
.more-link a{color:#b43827;text-decoration:none;}
.more-link a:hover{text-decoration:underline;}
/* ============ 阅·书单 ============ */
.books-wrap{width:1200px;margin:0 auto;position:relative;}
.booksSwiper{width:100%;}
.book-card{position:relative;height:250px;background:#fff;border:1px solid #f78742;display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;}
.book-card img{width: 100%;height: 100%;}
.ribbon{position:absolute;left:0;top:15px;z-index:3;background:#f78742;color:#fff;font-size:14px;padding:6px 20px 6px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);letter-spacing:1px;}
.book-intro{padding:60px 20px 30px;background: rgba(0, 0, 0, 0.6);height:250px;position: absolute;top: 0;left: 0;display: none;width: 100%;}
.booksSwiper .swiper-slide:hover .book-intro{display: block;}
.book-intro h3{color:#fff;font-size:18px;line-height:1.5em;color: #fff;}
.book-intro .txt{color:#fff;font-size:14px;line-height:1.5em;border-top:1px solid #fff1c7;padding-top: 10px;margin-top: 10px;}
.books-wrap .swiper-button-prev {width: 30px;height: 40px;top:50%;left: -50px;outline: none;background: #e3ae6f;}
.books-wrap .swiper-button-next {width: 30px;height: 40px;top:50%;right:-50px;outline: none;background: #e3ae6f;}
.books-wrap .swiper-button-prev:after,.books-wrap .swiper-rtl .swiper-button-next:after,.books-wrap .swiper-button-next:after, .books-wrap .swiper-rtl .swiper-button-prev:after{font-size:14px;color:#fff;}
.books-wrap .swiper-button-prev:hover,.books-wrap .swiper-button-next:hover{background:#ff7520;}
/* ============ 阅·空间 ============ */
.section-wrap-zone{background: url(../images/bg_ykj.jpg) center 0 no-repeat;margin-top: 20px;padding: 80px 0;}
.space-wrap{width:1200px;margin:0 auto;position: relative;}
.space-wrap .swiper-slide{position: relative;}
.space-wrap .book-card{position:relative;height:300px;background:#fff;border:0;display:flex;display:-ms-flexbox;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;}
.ribbon{position:absolute;left:0;top:15px;z-index:3;background:#f78742;color:#fff;font-size:14px;padding:6px 20px 6px 12px;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);-webkit-clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%);letter-spacing:1px;}
.space-wrap .book-intro{padding:60px 20px 30px;background: rgba(0, 0, 0, 0.6);height:300px;position: absolute;top: 0;left: 0;display: none;width: 100%;}
.space-wrap .swiper-slide:hover .book-intro{display: block;}
.space-wrap .swiper-slide a>h3{color:#fff;font-size:24px;line-height:1.5em;color: #fff;position: absolute;left: 0;top:80px;width: 100%;text-align: center;padding: 0 2%;}
.space-wrap .book-intro h3{color:#fff;font-size:24px;line-height:1.5em;color: #fff;padding-top: 20px;text-align: center;}
.space-wrap .book-intro h4{color:#fff;font-size:14px;line-height:1.5em;color: #fff;padding-top: 10px;text-align: center;font-weight: 400;}
.space-wrap .book-intro .txt{color:#fff;font-size:16px;line-height:1.5em;padding-top: 10px;margin-top: 10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow: hidden;}
.space-wrap .swiper-button-prev {width: 22px;height: 44px;top:50%;left: -50px;outline: none;background: url(../images/prev.png) 0 0 no-repeat;}
.space-wrap .swiper-button-next {width: 22px;height: 44px;top:50%;right:-50px;outline: none;background: url(../images/next.png) 0 0 no-repeat;}
.space-wrap .swiper-button-prev:after,.space-wrap .swiper-rtl .swiper-button-next:after,.space-wrap .swiper-button-next:after, .space-wrap .swiper-rtl .swiper-button-prev:after{content: "";}
.space-wrap .swiper-button-prev:hover {background: url(../images/prev_hover.png) 0 0 no-repeat;background-size: 100%;}
.space-wrap .swiper-button-next:hover {background: url(../images/next_hover.png) 0 0 no-repeat;background-size: 100%;}
/* ============ 阅·线路 ============ */
.section-wrap-line{background: url(../images/bg_yxl.jpg) center bottom no-repeat;margin-top: 60px;padding: 0 0 80px;}
.section-wrap-line .head-link{color: #d4613f;}
.route-grid{width:1220px;margin:0 auto;overflow:hidden;}
.route-card{float:left;width:224px;height:253px;margin:0 10px 20px;padding:20px 15px;background: url(../images/bg_item.jpg) 0 0 no-repeat;}
.route-card .num-box{font-size:14px;color:#892a1b;}
.route-card .num-box .num{margin-right: 10px;}
.route-card h3{margin:20px 0 15px;font-size:20px;}
.route-card h3 a{color:#362721;}
.route-card .rdesc{font-size:14px;color:#362721;line-height:1.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-bottom: 20px;margin-bottom: 15px;}
.route-card .tag-row{overflow: hidden;background: url(../images/icon_local.png) 0 8px no-repeat;padding-left: 20px;}
.route-card .tag-row li{font-size: 15px;line-height: 2em;color: #362721;margin-right: 10px;float: left;}
.route-card:hover{background: url(../images/bg_item_hover.jpg) 0 0 no-repeat;}
.route-card:hover .num-box,.route-card:hover h3 a,.route-card:hover .rdesc,.route-card:hover .tag-row li{color: #fff;}
.route-card:hover .tag-row{background: url(../images/icon_local_hover.png) 0 8px no-repeat;}
.jiucuo_btn{position: fixed;right: 0;bottom:350px;z-index: 1001;}
.jiucuo_btn a{display: block;background: #fff;width: 55px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;padding: 10px 0;text-align: center;box-shadow: 0px 0px 10px 0px rgb(5 0 0 / 10%);}
.jiucuo_btn img{width:30px;}
.jiucuo_btn p{font-size:16px;color:#C72820;padding: 5px 0 0;font-weight:700;}
.jiucuo_btn p span{display:block;}
.jiucuo_btn .close_jiucuo_btn{position: absolute;left: -15px;top: -15px;cursor: pointer;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;}
.jiucuo_btn .close_jiucuo_btn img{width:15px;height:15px;}
/* ============ 响应式 ============ */
@media screen and (max-width:1023px){
html,body{width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-size:14px;}
img{max-width:100%;height:auto;}
.box,.section,.activity-wrap,.books-wrap,.space-wrap,.route-grid{width:100% !important;max-width:100%;padding-left:15px;padding-right:15px;box-sizing:border-box;}
/* ---------- 顶部 Banner ---------- */
.header{height:180px;background-size:cover;background-position:center center;margin-bottom:20px;}
/* ---------- 通用 Section ---------- */
.section{padding:0 2% 30px;}
.sec-title img{max-width:60%;}
.sec-desc{margin:12px 0 18px;font-size:16px;line-height:1.8;}
.sec-head{position:relative;padding-bottom:10px;}
.head-link{position:static;display:block;margin-top:8px;font-size:14px;text-align:right;}
/* ---------- 阅·活动 ---------- */
.activity-wrap{width:100%;overflow:visible;padding:0;}
.activity-left{float:none;width:100%;height:auto;margin-bottom:20px;}
.activitySwiper .swiper-slide img{width:100%;height:auto;display:block;}
.activity-left .swiper-button-prev,.activity-left .swiper-button-next{width:28px;height:28px;bottom:auto;top:50%;margin-top:-14px;}
.activity-left .swiper-button-prev{left:8px;bottom: 4%;top: auto;}
.activity-left .swiper-button-next{right:8px;bottom: 4%;top: auto;}
.activity-left .swiper-pagination{height:44px;justify-content:center;font-size:14px;bottom:0;}
.activity-left .swiper-pagination span{font-size:18px;padding:0 4px;}
.activity-left .swiper-pagination .swiper-pagination-total{margin-right:0;}
.activity-list{float:none;width:100%;height:auto;min-height:0;background-size:cover;background-position:center top;padding:20px 2%;box-sizing:border-box;}
.activity-list h3{font-size:16px;}
.activity-list .lead{font-size:14px;line-height:1.8;margin-top:10px;}
.activity-list .list{margin-top:10px;padding-top:10px;}
.activity-list li{font-size:16px;padding:8px 0 8px 14px;}
.more-link{font-size:14px;margin-top:8px;}
/* ---------- 阅·书单 ---------- */
.books-wrap{width:100%;padding:0 15px;}
.booksSwiper{width:100%;padding-bottom:10px;}
.book-card{height:auto;min-height:220px;}
.book-card img{width:100%;height:auto;display:block;}
.book-intro{height:100%;padding:30px 15px 20px;box-sizing:border-box;}
.book-intro h3{font-size:16px;}
.book-intro .txt{font-size:14px;line-height:1.6;}
.ribbon{font-size:12px;padding:5px 16px 5px 10px;top:10px;}
.books-wrap .swiper-button-prev,.books-wrap .swiper-button-next{width:26px;height:34px;top:50%;margin-top:-17px;}
.books-wrap .swiper-button-prev{left:-4px;}
.books-wrap .swiper-button-next{right:-4px;}
/* ---------- 阅·空间 ---------- */
.section-wrap-zone{margin-top:10px;padding:20px 0;background-size:cover;background-position:center center;}
.space-wrap{width:100%;padding:0 15px;box-sizing:border-box;}
.space-wrap .book-card{height:auto;min-height:240px;}
.space-wrap .swiper-slide a > h3{font-size:18px;top:60px;padding:0 10px;}
.space-wrap .book-intro{height:100%;padding:30px 15px 20px;box-sizing:border-box;}
.space-wrap .book-intro h3{font-size:18px;padding-top:10px;}
.space-wrap .book-intro h4{font-size:14px;padding-top:6px;}
.space-wrap .book-intro .txt{font-size:14px;line-height:1.6;-webkit-line-clamp:3;}
.space-wrap .swiper-button-prev,.space-wrap .swiper-button-next{width:18px;height:36px;top:50%;margin-top:-18px;background-size:contain;}
.space-wrap .swiper-button-prev{left:-6px;}
.space-wrap .swiper-button-next{right:-6px;}
/* ---------- 阅·线路 ---------- */
.section-wrap-line{margin-top:30px;padding:0;background-size:cover;background-position:center bottom;}
.section-wrap-line .head-link{color:#d4613f;text-align:right;display:block;margin-top:6px;font-size:14px;}
.route-grid{width:100%;padding:0;box-sizing:border-box;overflow:visible;}
.route-card{float:none;width:100%;height:auto;margin:0 0 15px;padding:15px;box-sizing:border-box;background-size:100%;}
.route-card:hover{background-size:100%;}
.route-card .num-box{font-size:16px;}
.route-card h3{margin:12px 0 10px;font-size:17px;}
.route-card .rdesc{font-size:16px;line-height:1.6;padding-bottom:10px;margin-bottom:10px;}
.route-card .tag-row{padding-left:18px;background-position:0 6px;}
.route-card .tag-row li{font-size:16px;line-height:1.8;margin-right:8px;}
/* ---------- 清除浮动---------- */
.clearfix::after{content:"";display:block;clear:both;visibility:hidden;height:0;}
}
@media screen and (max-width:767px){
.jiucuo_btn{bottom:240px;}
.jiucuo_btn p{font-size:14px;padding:3px 0 0;}
}
@media screen and (max-width:375px){
body{font-size:14px;}
.header{height:150px;}
.activity-left .swiper-pagination{height:38px;}
.activity-left .swiper-pagination span{font-size:16px;}
.activity-list{padding:15px 12px;}
.book-card{min-height:200px;}
.space-wrap .book-card{min-height:220px;}
.space-wrap .swiper-slide a > h3{font-size:16px;top:50px;}
.route-card h3{font-size:16px;}
}