body{min-width: 1280px}

ul{ padding: 0;}

* + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure {

    margin-top: 0;

}

p{margin: 0;}



.flex{display:flex;flex-wrap:wrap}

.flex-left{display:flex;flex-wrap:wrap; justify-content:flex-start}

.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}

.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}

.flex_bet{display:flex;flex-direction:row; justify-content:space-between;}

.flex_aro{display:flex;flex-direction:row;justify-content:space-around;}

.flex-wrap{flex-wrap:wrap; }

.flex-col {display:flex; flex-direction: column; justify-content:space-between;}

.overhide{overflow: hidden;}

.wrapper{ width: 1400px; margin: 0 auto;}



.fl {float: left;}  

.fr {float: right;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: block; _zoom: 1; }

.trans{ transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s }



.hide{ display: none;}



/*header*/

.mainNav{height: 76px;background: rgba(0,0,0,.5);position: fixed;top: 0;left: 0;right: 0;z-index: 20;width: 100%}

.mainNav .nav-wp{padding-left: 45px;padding-right:45px;height: 100%;min-width: 1260px}

.mainNavdiv{height:50px;width:100%;}

.logo img{ margin-top: 14px;}

.navList li{padding: 0 30px;position: relative;}

.navList li:last-child{padding-right: 0}

.navList li:last-child:after{display: none}

.navList li.cur>a, .navList li:hover>a{color: #d4af69}

.navList li>a{ position: relative; color: #fff;font-size: 16px;display: block;height: 76px;line-height: 76px}

.navList li .navdiv{width: 200px;height: auto;background-color: rgba(0, 0, 0, 0.5);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing:

 border-box;position: absolute;left: 50%;margin-left: -100px;top: 76px;padding: 10px 0;display: none}

.navList li .navdiv a{display: block;width: 100%;text-align: center;font-size: 16px;color: #ffffff;line-height: 1.3em;padding: 9px 5px}

.navList li .navdiv a:hover{background: rgba(79, 77, 76, 0.75);}

.navList li>a:after{position: absolute; content: ''; height: 3px; background:#d4af69; width: 0; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s;}

.navList li:hover>a:after{width: 100%;}

.navList li:hover .navdiv{display: block;}

@media screen and (max-width: 1500px){

  .mainNav .nav-wp{padding-left: 3%;padding-right: 3%;}

  .navList li{padding: 0 15px;}



}

@media screen and (max-width: 1360px){

  .navList li{padding: 0 10px;}

}

@media screen and (max-width: 1000px){

  .navList li{padding: 0 5px;}



}



.m-search-login{ height: 32px; line-height: 32px; margin-top: 24px; display: flex;}

.m-search-login form{ position: relative; margin: 0; }

.search-box{ width: 204px; height: 32px; padding-left: 16px; background:#f6f6f6; border-radius: 16px; margin-right: 20px; transition: all .3s;}

.search-ipt{  position: absolute; top: 0; width: 150px; height: 32px;padding: 0;  border:none; outline: none;background:#f6f6f6; font-size: 14px;}

.search-btn { display: inline-block; width: 32px; height: 32px; background: url(../images/i-search-1.png) no-repeat 16px center; color: #fff; line-height: 20px; font-size: 14px; text-indent: 16px; border:none; outline: none; cursor: pointer;}

.search-btn-1 { line-height: 32px; text-indent: 36px; margin-right: 20px; background: url(../images/i-search.png) no-repeat 16px center;}

.search-btn-2 { position: absolute; right: 10px;}

.login{ font-size: 16px; color: #fff;}

.login a{ display: inline-block; width: 75px; height: 32px; color:#fff;  text-align: center; border-radius: 16px;}

.login a:hover,.login a:first-child{background-color: #b8945c;}



/*整体板块样式*/

@media screen and (min-width: 1921px){

  html{font-size: 100px!important}

}

body,html{position:relative;height:100%;font-size: .16rem}

.swiper-container-vertical>.main-wrapper {flex-direction: column;}

.swiper-container-android .swiper-slide, .main-wrapper {transform: translate3d(0px,0,0);}

.main-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}



.slideMain{width: 100%;height: 100%}

.homeg{height: auto!important}



.swiper-container-vertical>.swiper-pagination-bullets{left:2vw;right: auto}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{background: transparent;margin: 25px auto;width: 8px;height: 8px;opacity: .6;border:  1px solid  #ac462f}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:  #ac462f;width: 12px;height: 12px;opacity: 1}



/*and整体板块样式*/



/*块级背景设置*/

.main-wrapper .back{position: relative;background-position: center;background-size: cover;background-repeat: no-repeat; min-height: 980px;}

.main-wrapper .back:nth-child(2){background-image:url(../images/bg1.jpg);}

.main-wrapper .back:nth-child(3){background-image:url(../images/bg2.jpg);}

.main-wrapper .back:nth-child(4){background-image:url(../images/bg3.jpg);}

.main-wrapper .back:nth-child(5){background-image:url(../images/bg4.jpg);}

.main-wrapper .back:nth-child(6){background-image:url(../images/bg5.jpg);}



/*第一块内容*/

.zt-nav{ position: relative;}

#tabs-container {height: calc(100% - 240px);width: 1400px;margin: 0 auto;}

.tabs {max-width: 1120px;margin: 0 auto;border-top: 2px solid #9ac7ed;background-size: auto 100%;padding-top: 100px;padding-bottom: 20px;}

.tabs li {text-align: center;float: left;width: 168px;max-width: 168px;height: 95px;position: relative;cursor: pointer; z-index: 1; transition: all .3s;}

.tabs li.cy{ background: url(../images/cywh.png) no-repeat center;}

.tabs li.hs{ background: url(../images/hswh.png) no-repeat center;}

.tabs li.fy{ background: url(../images/fywh.png) no-repeat center;}

.tabs li.cy.active{ background: url(../images/cywh_1.png) no-repeat center;}

.tabs li.hs.active{ background: url(../images/hswh_1.png) no-repeat center;}

.tabs li.fy.active{ background: url(../images/fywh_1.png) no-repeat center;}

.tabs li .yuan { position: absolute; display: inline-block; content: ""; width: 12px; height: 12px; bottom: -32px; left: 50%; transform: translateX(-50%); border-radius: 50%; border:2px solid #b8945c; box-sizing: border-box; transition: all 0.1s;}

.tabs li.active .yuan{ width: 22px; height: 22px; bottom: -37px; border: 2px solid #a16600;}

.tabs li.active .yuan:before{ position: absolute;display: inline-block; content: ""; width: 12px; height: 12px; background-color: #a16600; border-radius: 50%; top:50%; right: 3px; transform: translateY(-50%);}

.tabs li .line{ position: absolute; display: table; right: calc(50% + 11px); bottom: -26px; width: 456px;  border-top:1px dashed #a16600; transition: all .3s;}

.tabs li:first-child .line{ right: calc(50% + 6px); width: 480px; border-top:1px solid #a16600;}

.tabs li.active .line{ right: calc(50% + 11px);}

.tabs li.cy:after{ position: absolute; content: ""; bottom: -26px; left: calc(50% + 6px); width: 480px; border-top:1px solid #a16600;}

.tabs li.cy.active:after{left: calc(50% + 11px);}



.news-list {margin: 0 auto;height: 100%;width: 95%;border: 1px solid rgb(17, 11, 11);}

.news-list li {overflow: hidden;border-bottom: 1px solid #eceef0;box-shadow: 0 1px 1px #fff;font-weight: normal;height: 35px;line-height: 35px;font-size: 80%;}



/* 专题资源图片列表 */

.zt-img-list{  width: 100%; height: 684px; margin-top: 20px;}

/* .zt-img-list{  display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; height: 684px; margin-top: 40px;} */

.zt-img-list li{ float: left; margin-left: 40px; margin-top: 40px; width: 320px; height: 320px; overflow: hidden;}

.zt-img-list li:first-child{ width: 680px; margin-left: 0;}

.zt-img-list li:nth-child(4){margin-left: 0;}

.zt-img-list li a{ position: relative; display: block;}

.zt-img-list li img{ width: 100%; height: 100%; transition: all 0.3s; object-fit: cover;}

.zt-img-list li:hover img{ transform: scale(1.1);}

.zt-img-list li .tit{ position: absolute; bottom: 0; width: 100%; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); color: #fff; height: 60px; line-height: 60px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}



/*newfooter*/

.swiper-slide img{width:100%;}





/*imglist样式*/

.list1 {width: 90%;margin: 50px auto;}

.list1 .item {width: 33.33%;height: 440px;position: relative;line-height: 440px;text-align: center;float: left;overflow: hidden;background: #fff;}

.list1 .item a {display: block;height: 100%;cursor: pointer;}

.list1 .item img {max-width: 80%;margin-top:10%;margin-left:auto;margin-right:auto;vertical-align: middle!important;}

.list1 .item .mask {position: absolute;left: 0;top: 0%;width: 100%;height: 100%;background: url(../img/images/black85.png);color: #fff;font-size: 22px;font-family: hyxlsj;line-height: 1.5;transform: scale(1.2);-webkit-transform: scale(1.2);transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;opacity: 0;filter: alpha(opacity='0');}

.list1 .item .mask:after {content: "";vertical-align: middle!important;height: 100%;display: inline-block;     }

.list1 .item .mask .inner {display: inline-block!important;vertical-align: middle!important;text-align: center;}

.list1 .item:hover .mask {transform: scale(1);-webkit-transform: scale(1);opacity: 1;filter: alpha(opacity='100'); }

.list1 .item:nth-child(2n) {background: #f1f1f1; }





/*listcont样式*/

.second-head {

    margin-top:30px;

    background: #8C1B1B;

    height:45px;

   

}

.container {

    width: 970px;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

}

.second-head h2, .second-head a h5 {

    margin:0;

    color: #fff;

    font-size: 1em;

    font-family: 'microsoft yahei';

    display: inline-block;

    height:100%;

     line-height:45px;

}

.guanyu {

    font-size: 1.4em;

    padding: 0.5em 0;

    color: #333;

    font-weight:400;

        font-family: Microsoft Yahei UI light,Microsoft Yahei,微软雅黑,Arial,helvetica;

}

.caveinfo_zh_CN {

    float: left;

    width: 100px;

}

.two h3{

    color: #1b1b1b;

    font-size: 1.3em;

    text-align: left;

    margin-bottom: 6%;

    text-transform: uppercase;

    font-family: 'microsoft yahei';

}



.fc_sty {

    padding-left: 40px;

    font-size: 0.9em;

    padding-top: 10px;



}

.fc {

    float: left;

    padding: 5px 10px;

}

.clear {

    font-size: 0;

    line-height: 0;

    height: 0;

    display: block;

    clear: both;

}

ul.times.two li span.week {

    color: #1b1b1b;

    font-size: 1em;

    margin-left:2em;

    display:block;

}

.container a {

    color: #bb2525;

}

.fc_styles_zh_CN {

    background: #b6050b;

    padding: 7px 10px;

    text-align: center;

    color: #fff;

    border-top: 2px solid #b6050b;

}

.fl_tits_zh_CN {

    margin: 4px;

    float: left;

    width: auto;

    font-size: 16px;

    font-weight: 700;

}

.singe_desc {

    padding: 2em 0 0 0;

    text-indent: 2em;

    /* border: 1px ridge rgba(214, 216, 216, 1); */

    border-top: none;

    font-size: 1em;

    line-height: 2em;

    font-size: 1.1em;

        font-family: Microsoft Yahei UI light,Microsoft Yahei,微软雅黑,Arial,helvetica;

}



/* 乌兰牧骑 */

.wlmq{ position: relative;}



.wlmq .wlmq-hd h3 { margin-top: 100px;}

.wlmq .wlmq-hd h3 img{ width: auto; display: inline-block;}

.wlmq .wlmq-hd h3 img:first-child{ margin-right: 26px;}

.wlmq .wlmq-hd p{ margin-top: 14px; font-size: 16px; color: #fff; line-height: 29px;}



.wlmq .current{ position: absolute; width: 34px; height: 65px; top:50%; margin-top: -10px; right: 10px; background: url(../images/arrow.png) no-repeat;}



.wlmq-region-box{ position: relative; width: 550px; height: 633px; margin-top: 55px;}

.wlmq-slide{ position: relative; width: 814px; height: 633px; margin-top: 75px; z-index: 1;}

.wlmq-region-box:before{ position: absolute; content: ""; display: table; width: 395px; height: 376px; left: -130px; bottom: 100px; background:url(../images/wlmq_element.png) no-repeat center; background-size: 90%;}



.wlmq .arc{width:580px;overflow:hidden;position:absolute;top:0;left:20px;height:120%}

.wlmq .arcbox{position:absolute;width:580px;height:572px;left:-220px;top:55px;}

.wlmq .arcbox .img{width:95px;height:105px;overflow:hidden;cursor:pointer;position:absolute;transition:all .4s linear;-webkit-transition:all .4s linear}





.wlmq .btn{position:absolute;width:61px;height:633px;left:-20px; top: 20px;}

.wlmq .btn div{position:absolute; width:61px;height:61px; cursor: pointer;}

.wlmq .btn .prev{top:0; left:0; background:url(../images/arrow_left_5.png) no-repeat;}

.wlmq .btn .next{bottom:0; left:0; background-image:url(../images/arrow_right_5.png)}



.wlmq-slide .img-wrap{position:absolute;top:0; left:0; width: 100%; height: 100%; opacity:0;transition:all 1s;-webkit-transition:all 1s}

.wlmq-slide  .img-wrap.active{opacity:1; z-index: 999;}



.wlmq-img-list{  height: 633px;}

.wlmq-img-list li{ float: left; width: 397px; height: 307px; overflow: hidden;}

/* .wlmq-img-list li:first-child{ margin-right: 20px; height: 633px;} */

/* .wlmq-img-list li:first-child{ margin-right: 20px;}

.wlmq-img-list li:last-child{ margin-top: 19px;} */

.wlmq-img-list li:nth-child(2n){ margin-left: 20px;}

.wlmq-img-list li:nth-child(3),.wlmq-img-list li:nth-child(4){ margin-top: 19px;}

.wlmq-img-list li a{ position: relative; display: block;}

.wlmq-img-list li img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}

.wlmq-img-list li:hover img{ transform: scale(1.1);}

.wlmq-img-list li .tit{ position: absolute; bottom: 0; width: 100%; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); color: #fff; height: 60px; line-height: 60px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}







/* 数字文物 */



.szww{ min-height: 980px;}

.szww .szww-hd h3 { margin-top: 100px;}

.szww .szww-hd h3 img{ width: auto; display: inline-block;}

.szww .szww-hd h3 img:first-child{ margin-right: 26px;}

.szww .szww-hd p{ margin-top: 14px; font-size: 16px; color: #4f4f4f; line-height: 29px;}



.szww-bd .swiper-wrapper{ height: auto;}

.szww-bd .szww-img-list{ margin-top: 30px;}

.szww-bd .szww-img-list li{ position: relative; width: 33.33%; height: 360px;}

.szww-bd .szww-img-list li:nth-child(2n+1){ background-color: #dbcdad;}

.szww-bd .szww-img-list li .img{ position: absolute; top:50%; width: 100%; height: 80%; transform: translateY(-50%); text-align: center; overflow: hidden;}

.szww-bd .szww-img-list li img{ display: inline-block; width: auto; max-width: 80%; transition: all 0.3s;}

.szww-bd .szww-img-list li:hover img{ transform: scale(1.1);}





.szww .szww-slide-btn{ position: relative; width: 140px; height: 28px; margin-top: -60px; text-align: center;}

.szww-slide-btn .pg{ margin-top: -20px;}

.szww-slide-btn .pg .swiper-pagination-bullet{ width: 21px; height: 21px; margin: 0 4px; background-color: #989898;}

.szww-slide-btn .pg .swiper-pagination-bullet-active{ background-color: #b99c58;}



.szww-slide-btn .prev,.szww-slide-btn .next{ width: 15px; height: 28px;}

.szww-slide-btn .prev:after,.szww-slide-btn .next:after{content: "";}

.szww-slide-btn .prev{ position: absolute; top: 0; left: 0; background: url(../images/arrow_left_1.png) no-repeat;}

.szww-slide-btn .next{ position: absolute; top: 0; right: 0; background: url(../images/arrow_right_1.png) no-repeat;}



/* 非遗云展 */

.feiyi .feiyi-info{ margin-top: 100px; width: 350px; height: 400px; background: url(../images/yun.png) no-repeat top right;}

.feiyi .feiyi-info h3 { margin-top: 35px;}

.feiyi .feiyi-info h3 img{ width: auto;}

.feiyi .feiyi-info p{ margin-top: 30px; font-size: 16px; color: #fff; line-height: 29px;}

.feiyi .feiyi-info .control-btn{ margin-top: 20px;}

.feiyi .feiyi-info .control-btn .prev,.feiyi .feiyi-info .control-btn .next{ width: 43px; height: 43px; display: inline-block; cursor: pointer;}

.feiyi .feiyi-info .control-btn .prev{ background: url(../images/arrow_left_3.png) no-repeat; margin-right: 20px;}

.feiyi .feiyi-info .control-btn .next{ background: url(../images/arrow_right_3.png) no-repeat; }



.feiyi-slide { margin-top: 128px; width: 70%; height: 496px;}

.feiyi-slide .map{ position: relative; width: 497px; height: 497px; margin-right: 100px; background: url(../images/fy_map_bg.png) no-repeat;}

.feiyi-slide .map img{ width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.feiyi-slide .tit{ position: relative; width: 255px; height: 255px; background-color: #115870; border-radius: 50%; font-size: 28px; color: #fff;}

.feiyi-slide .tit li{ position: absolute; display: none; width: 90%; text-align: center; line-height: 1.2; top:50%; left: 50%; transform: translate(-50%, -50%); transition: all .3s;}

.feiyi-slide .tit li a{color: #fff;}

.feiyi-slide .tit li.show{ display: inline-block;}



.feiyi-slide .tit .map-line{ position: absolute; top:90px; right: 260px; width: 268px; height: 122px; background: url(../images/map-line.png) no-repeat;}



/* 旗区 */

.feiyi-qiqu{ height: 200px; margin-top: 80px;}

.feiyi-qiqu .swiper-slide{ position: relative; width: 194px; height: 200px; text-align: center; cursor: pointer;}

.feiyi-qiqu .swiper-slide:before{ position: absolute; content: ""; top: 48px; width: calc(100% - 110px); right: 0; height: 1; border-top: 1px dashed rgba(255, 255, 255, 0.75); transform: translateX(50%);}

.feiyi-qiqu .swiper-slide .img-box{ position: relative; width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; border: 1px dashed #92dbf6;}

.feiyi-qiqu .swiper-slide .img-box:after{ position: absolute; width: 78px; height: 78px; top: 50%; left: 50%; transform: translate(-50%, -50%); content: "";  background-color: rgba(226, 214, 153, 0.58); border-radius: 50%; z-index: 1; transition: all .3s;}

.feiyi-qiqu .swiper-slide .img-box img{ width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}

.feiyi-qiqu .swiper-slide-active .img-box{ border: 1px dashed #fff;}

.feiyi-qiqu .swiper-slide-active .img-box:after{ background-color: #fff;}

.feiyi-qiqu .swiper-slide h4{ margin-top: 20px; font-size: 18px; color: #e2d699;}

.feiyi-qiqu .swiper-slide-active h4{ color: #fff;}



/* 友情链接 */

.links{ margin-top: 1px; height: 86px; border:1px solid #bc944c; border-left: none; border-right: none;}

.links h3 { display: inline-block; vertical-align: middle;}

.links a { display: inline-block; margin-left: 40px; line-height: 86px;}



/* 页脚 */

.footer{  position: relative; width: 100%; height: 287px; background-color: #434343;}

.footer .wrapper{ position: absolute; left: 50%; transform: translateX(-50%); height: 100%;}

.footer-nav{ font-size: 14px; color: #bbbbbb;}

.footer-nav dl{ float: left; width: 204px; height: 100%; padding: 48px; box-sizing: border-box; border-right: 1px solid #555; text-align: center;}

.footer-nav dl dt{ margin-bottom: 22px; font-size: 18px; color: #fff; font-weight: normal;}

.footer-nav dl dd a{ color: #bbbbbb; line-height: 36px;}



.footer-qrcode{ width: 310px; padding: 48px; box-sizing: border-box; border-right: 1px solid #555; text-align: center;}

.footer-qrcode dt{ margin-bottom: 22px; font-size: 18px; color: #fff; font-weight: normal;}

.footer-qrcode img{ display: inline-block; width: 141px; height: 141px;}

.footer-qrcode p{ margin-top: 10px; font-size: 14px; color: #bbbbbb;}





.footer-service{ width: 478px; padding-top: 48px; text-indent: 54px; }

.footer-service dt{ margin-bottom: 22px; font-size: 18px; color: #fff; font-weight: normal;}

.footer-service dd { font-size: 14px; color: #bbbbbb; line-height: 36px;}

.footer-service dd.footer-tel{ font-size: 28px; color: #fff;}



/* 版权 */

.copyright{ height: 59px; line-height: 59px; font-size: 14px; color: #ccc; background-color: #222; text-align: center;}

.copyright a{ color: #ccc;}

.copyright img{ width: auto;}



/* 内页banner */

.banner{ width: 100%; height: 400px; background: url(../images/banner_bg.png) no-repeat;}

.banner .wrapper{ padding-top: 160px;}

.banner h4{ font-size: 40px; color: #fff;}

.banner .breadcrumb{ margin-top: 20px; font-size: 16px; color: #fff;}

.banner .breadcrumb a{ color: #fff;}

.banner .breadcrumb span{ margin: 0 10px;}

.banner-1{ background: url(../images/wlmq_banner.jpg) no-repeat;}

.banner-2{ background: url(../images/fyyz_banner.jpg) no-repeat;}



/* 列表页 */

.news-bd, .szww-bd-1, .ztzy-bd{ width: 100%; min-height: 600px; padding: 80px 0 40px; background: url(../images/bg3.jpg); background-size: contain;}

.szww-bd-1{ padding: 40px 0;}



/* 图文列表 */

.list-pic-article li{ width: 681px; height: 329px; padding: 45px; margin-bottom: 40px; background: rgba(255, 255, 255, 0.57); box-sizing: border-box;}

.list-pic-article .pic{ width: 215px; height: 215px; border-radius: 50%; overflow: hidden;}

.list-pic-article .pic img{ max-width: inherit; height: 100%;}

.list-pic-article .txt{ margin-right: 45px; width: 306px; height: 215px; overflow: hidden;}

.list-pic-article .txt .date{ margin-bottom: 20px; font-size: 14px; color: #8c8781;}

.list-pic-article .txt h3{ font-size: 20px; color: #111; font-weight: normal; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.list-pic-article .txt p{ margin-top: 30px; font-size: 14px; color: #868584; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}



/* 分页 */

.am-pagination {

    padding-left: 0;

    margin: 15px 0;

    list-style: none;

    color: #999999;

    text-align: left;

}

.am-pagination-centered {

    text-align: center;

}

.am-pagination {

    position: relative;

  }

.am-pagination-default {

    margin-left: 10px;

    margin-right: 10px;

    font-size: 16px;

  }

.am-pagination:before, .am-pagination:after {

    content: " ";

    display: table;

}

.am-pagination:after {

    clear: both;

}

.am-pagination > li {

    display: inline-block;

}

.am-pagination > li > a, .am-pagination > li > span {

    position: relative;

    display: block;

    padding: 0.5em 1em;

    text-decoration: none;

    line-height: 1.2;

    border: 1px solid #b6924c;

    border-radius: 0;

    margin-bottom: 5px;

    margin-right: 5px;

    color: #624b1d;

    border-radius: 3px;

}

.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus {

    z-index: 2;

    color: #fff;

    background-color: #b6924c;

    border-color: #b6924c;

    cursor: default;

}

.am-pagination > li > a:hover,

.am-pagination > li > span:hover,

.am-pagination > li > a:focus,

.am-pagination > li > span:focus {

  background-color: #e1d6c0;

}

.am-pagination > .am-active > a,

.am-pagination > .am-active > span,

.am-pagination > .am-active > a:hover,

.am-pagination > .am-active > span:hover,

.am-pagination > .am-active > a:focus,

.am-pagination > .am-active > span:focus {

  z-index: 2;

  color: #fff;

  background-color: #b6924c;

  border-color: #b6924c;

  cursor: default;

}



.fenye{ font-size:16px; padding:20px 0;}

.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}

.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:2px 0 0 2px}

.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 2px 2px 0}

.layui-laypage>:first-child{margin-left:0!important}

.layui-laypage>:last-child{margin-right:0!important}

.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #e2e2e2}

.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:32px;line-height:28px;margin:0 5px 5px 0;background-color:#fff;color:#333;font-size:14px}

.layui-laypage a:hover{color:#009688}.layui-laypage em{font-style:normal}

.layui-laypage .layui-laypage-spr{color:#999;font-weight:700}

.layui-laypage a{text-decoration:none}

.layui-laypage .layui-laypage-curr{position:relative}

.layui-laypage .layui-laypage-curr em{position:relative;color:#fff}

.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#009688}

.layui-laypage-em{border-radius:2px}

.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}

.layui-laypage .layui-laypage-limits{vertical-align:top}

.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}

.layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999}

.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box}

.layui-laypage input{display:inline-block;width:40px;margin:0 10px;padding:0 3px;text-align:center}

.layui-laypage input:focus,.layui-laypage select:focus{border-color:#009688!important}

.layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer}



/* 详情 */

.news-bd .news-content{ padding: 80px 90px; margin-bottom: -180px; box-sizing: border-box; transform: translateY(-180px); background-color: #fbf5ea;}

.news-bd .news-content .hd h3{ margin-bottom: 30px; font-size: 36px; color: #111;}

.news-bd .news-content .hd .info{ font-size: 14px; color: #878585;}

.news-bd .news-content .hd .info span{ margin-right: 20px;}

.news-bd .news-content .bd{ margin-top: 40px; line-height: 2; font-size: 18px; color: #222;}

.news-bd .news-content .bd .cont p{ text-indent: 2em; margin-bottom: 20px;}

.news-bd .news-content .bd .cont img{ max-width: 100%; margin: auto;}



.prev-next-box{ margin-bottom: 40px; height: 134px; background-color: #f1eadd;}

.prev-next-box .list{ flex:1; padding: 35px 35px 35px 55px; line-height: 2; font-size: 16px; color: #222;}

.prev-next-box .list a{ color: #222;}

.prev-next-box .back-btn{ width: 230px; height: 100%; background-color: #b8945c; font-size: 20px; color: #fff; text-align: center;}

.prev-next-box .back-btn a{line-height: 134px; padding-left: 43px; color: #fff; background: url(../images/ico_list.png) no-repeat;}



/* 专题资源 */

.ztzy-hd{ transform: translateY(-60px); margin-bottom: -60px;}

.ztzy-hd .tab li{ position: relative; float: left; width: 240px; height: 60px; padding: 0 20px;  margin-right: 23px; background-color: #fef6ee; font-size: 18px; color: #333; line-height: 60px; box-sizing: border-box; transition: all .3s;}

.ztzy-hd .tab li:after{ position: absolute;  display: table; content: ""; width: 14px; height: 2px; right: 20px; bottom: 29px; background-color: #b8945c;}

.ztzy-hd .tab li a{ display: inline-block; width: 100%; color: #333;}

.ztzy-hd .tab li.active, .ztzy-hd .tab li:hover{ color: #fff; background-color: #d3af68;}

.ztzy-hd .tab li.active:after, .ztzy-hd .tab li:hover:after{ background-color: #fff;}

.ztzy-hd .tab li.active a, .ztzy-hd .tab li:hover a{ color: #fff;}



.ztzy-img-list li{ float: left; width: 320px; height: 540px; margin-left: 40px; margin-top: 40px; overflow: hidden;}

.ztzy-img-list li:nth-child(4n+1){ margin-left: 0;}

.ztzy-img-list li .img{ width: 320px; height: 320px;}

.ztzy-img-list li .img img{ width: 100%; height: 100%; object-fit: cover;}

.ztzy-img-list li .info{ width: 320px; height: 220px;transition: all .3s;}

.ztzy-img-list li .info .dt{ margin-top: 20px; color: #919191; font-size: 16px;}

.ztzy-img-list li .info h3{ margin-top: 20px; color: #000; font-size: 20px;}



.ztzy-img-list li .mask{ display: none; transition: all .3s;}

.ztzy-img-list li .mask h3{ font-size: 20px; color: #000;}

.ztzy-img-list li .mask h3 a{ color: #000;}

.ztzy-img-list li .mask .txt{ width: 320px; height: 160px; padding: 28px 20px; background-color: #fff; box-sizing: border-box;}

.ztzy-img-list li .mask .txt p{margin-top: 30px; font-size: 14px; color: #868584; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.ztzy-img-list li .mask .dt{ position: relative; height: 60px; padding: 0 20px; line-height: 60px; background-color: #b8945c; color: #fff; font-size: 16px; box-sizing: border-box;}

.ztzy-img-list li .mask .dt:after{ position: absolute; display: table; content: ""; right: 20px; width: 15px; height: 26px; top: 17px; background:url(../images/arrow_1.png) no-repeat;}



.ztzy-img-list li:hover .info{ display: none;}

.ztzy-img-list li:hover .mask{ display: block;}



/* 乌兰牧骑列表 */

.wlmq-list-hd{ position: relative; height: 60px; transform: translateY(-60px); margin-bottom: -60px; overflow: hidden; } 

.wlmq-list-hd .swiper-container{ width: 1280px; height: 60px; transform: translateX(-60px);}

.wlmq-list-hd .swiper-nav{ position: absolute; right: 0; bottom: 0;}

.wlmq-list-hd .swiper-nav a{ display: inline-block; width: 50px; height: 60px;}

.wlmq-list-hd .swiper-nav a.prev{ background: #b8945c url(../images/arrow_left_6.png) no-repeat center;}

.wlmq-list-hd .swiper-nav a.next{ background: #fef6ee url(../images/arrow_right_6.png) no-repeat center; }



.wlmq-list-hd .tab li{ position: relative; width: 240px; height: 60px; padding: 0 20px; background-color: #fef6ee; font-size: 18px; color: #333; line-height: 60px; box-sizing: border-box; transition: all .3s;}

.wlmq-list-hd .tab li:after{ position: absolute;  display: table; content: ""; width: 14px; height: 2px; right: 20px; bottom: 29px; background-color: #b8945c;}

.wlmq-list-hd .tab li a{ display: block; width: 100%; color: #333;}

.wlmq-list-hd .tab li.active, .wlmq-list-hd .tab li:hover{ color: #fff; background-color: #d3af68;}

.wlmq-list-hd .tab li.active:after, .wlmq-list-hd .tab li:hover:after{ background-color: #fff;}

.wlmq-list-hd .tab li.active a, .wlmq-list-hd .tab li:hover a{ color: #fff;}



/* 非遗云展列表 */

.fyyz-list-hd{ position: relative; height: 250px; transform: translateY(-78px); margin-bottom: -250px; overflow: hidden; } 

.fyyz-list-hd .swiper-container{  height: 250px;}

.fyyz-list-hd a.prev,.fyyz-list-hd a.next{ position: absolute; display: inline-block; top: 107px; width: 36px; height: 36px; border-radius: 50%; z-index: 2;}

.fyyz-list-hd a.prev{ left: 10px; background: #c1a375 url(../images/arrow_left_7.png) no-repeat center;}

.fyyz-list-hd a.next{ right: 10px; background: #c1a375 url(../images/arrow_right_7.png) no-repeat center; }



.fyyz-list-hd .tab li{ position: relative; width: 280px; height: 250px; background-color: #edd4ad; font-size: 18px; color: #94722f; line-height: 60px; box-sizing: border-box; transition: all .3s; text-align: center; cursor: pointer;}

.fyyz-list-hd .tab li a{ display: block; width: 100%; color: #94722f;}

.fyyz-list-hd .tab li .img-box{ width: 140px; height: 140px; margin: 0 auto; margin-top: 30px;}

.fyyz-list-hd .tab li .img-box img{ width: 100%; height: auto;}

.fyyz-list-hd .tab li .img-box img:nth-child(1){ display: none;}

.fyyz-list-hd .tab li .img-box img:nth-child(2){ display: block;}

.fyyz-list-hd .tab li.swiper-slide-active .img-box img:nth-child(1){ display: block;}

.fyyz-list-hd .tab li.swiper-slide-active .img-box img:nth-child(2){ display: none;}

.fyyz-list-hd .tab li.swiper-slide-active{ color: #fff; background-color: #b8945c;}

.fyyz-list-hd .tab li.swiper-slide-active a{ color: #fff;}



.fyyz-list-bd{ width: 100%; height: 1110px; padding-top: 240px; background: url(../images/bg3.jpg); background-size: contain; box-sizing: border-box;}



.fy-list-box{ width: 530px; background-color: rgba(255, 255, 255, 0.6);}

.fy-list-box-hd{ width: 100%; height: 80px; background-color: #b8945c;}

.fy-list-box-hd h4{ padding: 0 30px; line-height: 80px; font-size: 24px; color: #fff;}



.fy-list-box-bd{ padding: 10px 0; }

.map-box{ width: 760px; height: 664px;}

#map{ width: 100%; height: 100%;}

.fy-list-item a{ display: block; padding: 20px 30px; font-size: 18px; line-height: 30px;}

.fy-list-item:not(:last-child){ border-bottom: 1px solid rgba(0, 0, 0, .05);}



/* 非遗详情 */

.fyxq-cont{ margin-bottom: -180px; transform: translateY(-180px); }

.fyxq-bd{ width: 1000px; background:#fbf5ea; padding:20px 30px;}

.fyxq-bd .fyxq-tt{ min-height:60px;border-bottom:1px solid #ececec; padding-top:8px; overflow:hidden;}

.fyxq-bd .fyxq-tt h3{ width: 600px; font-size:24px; font-weight:normal;}

.fyxq-bd .fyxq-tt span{ color:#828282; margin-top:10px;}

.fyxq-bd .fyxq-tt span.time{ margin-left: 20px;}

.fyxq-bd .fyxq-tt span i{ margin-right:6px;}



.fyxq-nr{ position: relative; padding: 20px 0;}

.fyxq-nr .prev,.fyxq-nr .next{ position: absolute; top: 50%; width: 43px; height: 43px; transform: translateY(-50%); display: inline-block; cursor: pointer; z-index: 2;}

.fyxq-nr .prev{ left: 10px; background: url(../images/arrow_left_3.png) no-repeat; margin-right: 20px;}

.fyxq-nr .next{ right: 10px; background: url(../images/arrow_right_3.png) no-repeat; }

.p-info {background: #fbf5ea; padding: 20px 0px; border-top: solid 1px #F2F2F2; }

.p-info .title { height: 26px; line-height: 26px;  margin: 0px; padding: 0px; border-left: 4px solid #b8945c; padding-left: 28px;  margin-bottom: 13px; font-size: 20px; color: #333333; }

.p-info .box { margin: 0px 32px; font-size: 16px;text-indent:2em;color: #666666; line-height: 1.8; }

.p-info .box-1{text-indent: 0;}

.p-info .box-1 p{text-indent: 2em;}



.fyxq-xianguan{ width: 370px; background:#fbf5ea; padding:30px;}

.fyxq-xianguan-tt span{ display:block; border-bottom:3px solid #b8945c; height:36px; font-size:16px; color:#b8945c; width:70px; text-align:center;}



.relate-list{ padding:0; width:100%;}

.relate-list li{ padding:20px 0 0 0;}

.relate-list li .gallery-item{position: relative; width: 100%; height:200px; overflow:hidden;}

.relate-list li .gallery-item a img{ width: 100%; height: auto; transition: all 1s;}

.relate-list li .gallery-item a:hover img{transform: scale(1.2);}

.relate-list li .gallery-item .gallery-title{ height:40px; line-height:40px; text-align:center; font-size:16px;font-weight: normal;color: #FFF; position: absolute; bottom: 0; width: 100%; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); text-indent: 5px; height: 50px; line-height: 50px;  display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;}



/* 专题资源详情 */

.image-box{ position: relative; }

.image-box .prev,.image-box .next{ position: absolute; top: 50%; width: 43px; height: 43px; transform: translateY(-50%); display: inline-block; cursor: pointer; z-index: 2;}

.image-box .prev{ left: 10px; background: url(../images/arrow_left_3.png) no-repeat; margin-right: 20px;}

.image-box .next{ right: 10px; background: url(../images/arrow_right_3.png) no-repeat; }



/* 头部登录状态 */

.login-zt{ display: none; }

.login-zt .login-xx{ width:42px; height:42px; float:left; display:block; margin-left:15px;text-align:center; color: #fff;}

.login-zt .login-xx i{ color:#b8945c; font-size:18px;}

.login-zt .login-xx:hover i{ color:#b8945c; font-size:18px;}

.login-zt .login-xx span{ display:block; font-size:12px; margin-top:-3px;}

.login-zt .login-tx{ width:42px; height:42px; margin-left:20px;}

.login-zt .login-tx img{ width:42px; height:42px; border-radius:50%; box-shadow: 0 0 3px 0 rgba(0,0,0,.2)}

.login-zt .login-tx .am-dropdown-toggle:hover {}

.login-zt .login-tx .am-dropdown-content{ padding-bottom:0; border-radius:5px;}

.login-zt .login-tx .am-dropdown-content li a{ padding:12px; color:#666}

.login-zt .login-tx .am-dropdown-content li a:hover{ background:#b8945c; color:#fff;}

.login-zt .login-tx .am-dropdown-content .am-dropdown-header{ padding:12px; color:#333; font-size:14px;}

.login-zt .login-tx .am-dropdown-content .am-dropdown-header p{ margin:5px 0 0 0; font-size:12px; color:#888;}