@font-face {
    font-family: "NotoSerif";
    src: url("../fonts/NotoSerif-Regular.ttf");
    font-weight: 100;
}
*{font-family: 'NotoSerif';}

header{width: 100%;height: 0.65rem;position: fixed;top: 0;left: 0;background-color: #393C41;z-index: 99999;}
header .menu{width: 80%;height: 100%;margin: auto;display: flex;justify-content: space-between;}
header .menu .left{height: 100%;display: flex;}
header .menu .left .open{height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-content: space-evenly;width: 0.5rem;position: relative;}
header .menu .left .open span{display: block;height: 0.02rem;background-color: #fff;width: 100%;position: absolute;left: 0;transition: 0.5s;}
header .menu .left .open span:nth-child(1){top: 0.14rem}
header .menu .left .open span:nth-child(2){top: 0.3rem}
header .menu .left .open span:nth-child(3){top: 0.5rem}
header .menu .left .open span:nth-child(4){top: 0.3rem;display: none;}
header .menu .left .open span:nth-child(5){top: 0.3rem;display: none;}
header .menu .left .open.active span:nth-child(1){display: none;}
header .menu .left .open.active span:nth-child(2){display: none;}
header .menu .left .open.active span:nth-child(3){display: none;}
header .menu .left .open.active span:nth-child(4){transform: rotate(45deg);top: 0.3rem;display: block;}
header .menu .left .open.active span:nth-child(5){transform: rotate(-45deg);top: 0.3rem;display: block;}

header .menu .left .title{width: 0.7rem;height: 100%;font-size: 0.18rem;text-transform: capitalize;color: #fff;line-height: 1;display: flex;flex-wrap: wrap;align-content: center;margin-left: 0.1rem;}
header .menu .right{height: 100%;display: flex;align-content: center;align-items: center;}
header .menu .right i{font-size: 0.3rem;color: #fff;margin-left: 0.1rem;cursor: pointer}
header .menu .right i img{width: 0.2rem;cursor: pointer}
header .menu .right input{opacity: 0;}
#nav_search_btn{display: none;}
.mainNav{width: 0%;height: 4rem;background-color: #fff;position: fixed;top: 0.65rem;left: 0;display: flex;justify-content: space-between;overflow: hidden;z-index: 9999;}
.mainNav .left{width: 20%;height: 100%;background-color: #F9F6EF;position: absolute;left: 0;}
.mainNav .left ul{width: 4rem;height: auto;padding: 0 0 0 1.2rem;box-sizing: border-box;}
.mainNav .left ul li{width: 100%;font-size: 0.24rem;color: #393C41;opacity: 0.7;margin-top: 0.3rem;}
.mainNav .left ul li.active{opacity: 1;}
.mainNav .right{width: 80%;height: 100%;background: url("../images/mainNav_right.png")no-repeat;background-size: 100% 100%;position: absolute;right: 0;}
.mainNav .right .right_left{width: 1.25rem;height: 100%;position: absolute;left: 0;top: 0;background: url("../images/mainNav_right_left.png")no-repeat;background-size: 100% auto;}
.mainNav .right .subNav{width: 5rem;height: 100%;margin-left: 1rem;padding-top: 0.4rem;box-sizing: border-box;display: none;}
.mainNav .right .subNav ul{width: 100%;height: auto}
.mainNav .right .subNav ul li{width: 100%;font-size: 0.22rem;color: #393C41;opacity: 0.7;margin-bottom: 0.3rem;}
.mainNav .right .subNav ul li:hover{opacity: 1;}
.mainNav .right .subNav.active{display: block;}

footer{width: 100%;height: auto;background-color: #393C41;}
footer .email{width: 100%;height: 1.7rem;display: flex;justify-content: center;padding-top: 0.6rem;border-bottom: 1px solid #eaeaea;}
footer .email .left{width: 8.3rem;height: 100%;}
footer .email .left .title{width: 100%;font-size: 0.36rem;color: #fff;white-space: nowrap;}
footer .email .left .input{width: 93%;height: 0.4rem;margin-top: 0.1rem;}
footer .email .left .input input{border: none;border-bottom: 1px solid #fff;background: none;color: #fff;font-size: 0.16rem;}
footer .email .right{width: 1.7rem;height: 100%;position: relative;}
footer .email .right .txt{width: 100%;font-size: 0.3rem;position: absolute;bottom: 0.74rem;left: 0.1rem;color: #fff;cursor: pointer;background: none;border: none;}
footer .footer_nav{width: 100%;height: 5.6rem;padding: 1rem 2rem;box-sizing: border-box;display: flex;justify-content: space-between;position:relative;}
footer .footer_nav .left{width: 1.6rem;height: 100%;font-size: 0.36rem;color: #fff;}
footer .footer_nav .center{width: 6rem;height: 100%;border-left: 1px solid #fff;}
footer .footer_nav .center ul{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: space-between;overflow: hidden;}
footer .footer_nav .center ul li{width: 6rem;font-size: 0.36rem;line-height: 1;text-indent: 0.2rem;display: block;color: #fff;opacity: 0.7;transition: 0.2s;}
footer .footer_nav .center ul li:hover{opacity: 1;}
footer .footer_nav .right{width: 4rem;height: 100%;position: relative;display: flex;align-content: flex-end;flex-wrap: wrap;justify-content: flex-end;}
footer .footer_nav .right img{display: block;margin-left: 0.1rem;}

.footer_cp{position:absolute;left:0;bottom:1rem;color:#fff;font-size:0.18rem;padding: 0 2rem;}
.footer_feedback{position:fixed;bottom:1rem;right:0.5rem;width:0.5rem;height:0.5rem;border-radius:0.1rem;display:flex;justify-content:center;align-items:center;z-index:99;background-color:#fff;border:1px solid #eaeaea;}
.footer_feedback i{font-size:25px;}

.page{width: 100%;height: 100px;margin: auto;display: flex;align-items: center;}
.page .page-status{margin-right: 10px;}
.page a{padding: 4px 12px;border: 1px solid #E1E3E5;border-radius: 4px;margin-right: 10px;}
.page .page-num-current{background-color: #393C41;color: #fff;border: none;}

.page ul{width: 100%;height: 40px;display: flex;justify-content: center;}
.page ul li{display: flex;justify-content: center;align-content: center;box-sizing: border-box;flex-wrap: wrap;min-width: 40px;min-height: 40px;margin-right: 10px;border: 1px solid #E1E3E5;border-radius: 6px;overflow: hidden;}
.page ul li a{width: 100%;height: 100%;display: block;text-align: center;line-height: 40px;}
.page ul li:first-child{padding: 0 10px;}
.page ul li:last-child{padding: 0 10px;}
.page ul li.active span{width: 100%;height: 100%;display: block;text-align: center;line-height: 40px;background-color: #393C41;color: #fff;}

.data-more{width: 100%;height: 1rem;display: flex;flex-wrap: wrap;justify-content: center;}
.data-more .text{height: 0.5rem;line-height: 0.5rem;font-size: 0.2rem;}
.data-more .bar{width: 100%;height: 0.5rem;display: flex;justify-content: center;}
.data-more .bar .layui-progress{width: 3rem;height: 4px;}
.data-more .bar .layui-progress .layui-progress-bar{height: 100%;}
.data-more .button{width: 1.8rem;}
.data-more .button button{width: 100%;}

.index-banner{width: 100%;height: 7rem;position: relative;margin-top: 0.65rem;}
.index-banner .bannerImg{width: 100%;height: 7rem;overflow: hidden;}
.index-banner .bannerImg img{height: 7rem;object-fit: cover;}
.index-banner .bannerTxt{position: absolute;width: 5rem;height: 100%;right: 1rem;top: 0;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.index-banner .bannerTxt p{display: block;width: 100%;line-height: 1;opacity: 0;}
.index-banner .bannerTxt p:nth-child(1){font-size: 0.48rem;color: #fff;font-weight: bold;}
.index-banner .bannerTxt p:nth-child(2){font-size: 0.4rem;color: #fff;line-height: 0.6rem;margin-top: 0.6rem;}
.index-banner .bannerTxt a{opacity: 0;font-size: 0.18rem;color: #fff;display: inline-block;text-decoration: underline;margin-top: 0.3rem;}
@keyframes banner_animate_01 {
    from{
        right: -100%;
        opacity: 0;
    }
    to{
        right: 0;
        opacity: 1;
    }
}
.index-banner .bannerTxt.active p:nth-child(1){animation: banner_animate_01 1s linear;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.index-banner .bannerTxt.active p:nth-child(2){animation: banner_animate_01 1.5s linear;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.index-banner .bannerTxt.active a{animation: banner_animate_01 1.8s linear;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}


.index-cases{width: 100%;height: 6.4rem;margin-top: 1rem;}
.index-cases ul{width: 100%;height: 100%;display: flex;justify-content: space-evenly;align-content: center;}
.index-cases ul li{width: 5.81rem;height: 5.69rem;overflow: hidden;position: relative;background: url("../images/Background.png")no-repeat;background-size: 100% 100%;}
.index-cases ul li .img{width: 100%;height: 4.47rem;overflow: hidden;}
.index-cases ul li .img img{width: 100%;height: auto;min-height: 100%;transition:0.2s;}
.index-cases ul li .txt{width: 100%;position: absolute;top: 0;left: 0;padding: 2rem 0.5rem 0 0.5rem;color: #fff;font-size: 0.28rem;line-height: 0.4rem;text-align: center;box-sizing: border-box;}
.index-cases ul li:hover img{transform:scale(1.1);}
.index-collect{width: 100%;height: 7rem;position: relative;overflow:hidden;}
.index-collect img{width: 100%;height: auto;transition:0.3s;}
.index-collect img:hover{transform:scale(1.1);}
.index-collect a{display: inline-block;font-size: 0.48rem;color: #fff;top: 50%;right: 2rem;position: absolute;}

.index-about{width: 100%;height: 7.46rem;background: url("../images/index_about_bg.png")no-repeat;background-size: 100% 100%;margin-top: 1rem;margin-bottom: 1rem;}
.index-about .title{width: 100%;line-height: 1;font-size: 0.48rem;text-align: center;padding-top: 0.8rem;}
.index-about ul{width: 100%;height: 5rem;display: flex;justify-content: space-evenly;margin-top: 0.8rem;}
.index-about ul li{width: 4.36rem;height: 100%;overflow: hidden;}
.index-about ul li .img{width: 100%;height: 3.72rem;overflow: hidden;}
.index-about ul li .img img{width: 100%;height: auto;min-height: 100%;transition:0.2s;}
.index-about ul li p{display: block;width: 100%;text-align: center;font-size: 0.36rem;line-height: 1rem;}
.index-about ul li:hover img{transform:scale(1.1);}

.masters-content{width: 14rem;height: auto;margin: auto;padding-top: 0.65rem;padding-bottom: 1rem;}
.masters-content .text_01{width: 100%;font-size: 0.4rem;line-height: 1;padding-top: 1.5rem;}
.masters-content .text_02{width: 100%;font-size: 0.18rem;line-height: 1;margin-top: 0.2rem;}
.masters-content .list{width: 100%;height: auto;margin-top: 0.5rem;}
.masters-content .list ul{width: 100%;height: auto;}
.masters-content .list ul li{width: 100%;height: 2.2rem;box-shadow: 2px 0px 16px 1px #eaeaea;display: flex;justify-content: space-between;margin-bottom: 0.3rem;}
.masters-content .list ul li .left{height: 100%;padding: 0.3rem 0.2rem;box-sizing: border-box;width: 11rem;}
.masters-content .list ul li .left .txt_1{font-size: 0.14rem;width: 100%;}
.masters-content .list ul li .left .txt_2{font-size: 0.28rem;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 0.2rem;}
.masters-content .list ul li .left .txt_3{font-size: 0.2rem;width: 100%;margin-top: 0.2rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 0.3rem;text-align: justify;}
.masters-content .list ul li .right{width: 2.2rem;height: 100%;overflow: hidden;}
.masters-content .list ul li .right img{width: 100%;height: 100%;object-fit: cover;}
.masters-content .list .more{width: 100%;margin-top: 0.3rem;}
.masters-content .more a{font-size: 0.18rem;text-decoration: underline;}

.story-main{width: 80%;height: auto;margin: auto;padding-top: 1.3rem;padding-bottom: 1rem;}
.story-main .text_01{width: 100%;font-size: 0.4rem;text-align: center;}
.story-main .text_02{width: 100%;font-size: 0.26rem;text-align: center;margin-top: 0.2rem;}
.story-main .list{width: 100%;height: auto;margin-top: 0.5rem;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.story-main .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.story-main .list ul li{width: 4.6rem;height: 5.5rem;overflow: hidden;margin: auto 0.2rem;}
.story-main .list ul li .img{width: 100%;height: 4.6rem;overflow: hidden;}
.story-main .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 4s;}

.story-main .list ul li .txt{box-sizing: border-box; width: 100%;height: 0.9rem;background: url("../images/bg_03.jpg")no-repeat;background-size: 100% 100%;font-size: 0.26rem;line-height:0.9rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.story-main .story-page{width: 100%;height: 0.5rem;display: flex;justify-content: flex-end;}
.story-main .story-page .box{width: 1rem;height: 100%;position: relative;display: flex;justify-content: center;}
.story-main .story-page .box .prev{cursor: pointer}
.story-main .story-page .box .next{cursor: pointer}
.story-main .story-page .box .pagination{text-align: center;display: flex;flex-wrap: nowrap;align-items: center;}
.story-main .story-page .box .pagination li{margin-left: 0.1rem;}
.story-main .story-page .box .pagination li:first-child{font-size: 0.18rem;}
.story-main .story-page .box .pagination li:last-child a{font-size: 0.18rem;}
.story-main .story-page .box .pagination li.active{font-size: 0.2rem;}
.story-main .story-page .box .pagination li a{font-size: 0.14rem;}


.collect-main{width: 80%;margin: auto;padding-top: 1rem;padding-bottom: 1rem;}
.collect-main .text_01{width: 100%;font-size: 0.4rem;line-height: 1;}
.collect-main .text_02{width: 100%;font-size: 0.24rem;line-height: 1;margin-top: 0.2rem;}
.collect-main .list{width: 100%;height: auto;margin-top: 0.7rem;}
.collect-main .list ul{width: 100%;height: auto;display: grid;grid-template-columns: repeat(3, 1fr);column-gap:0.15rem;row-gap:0.3rem;}
.collect-main .list ul li{width: 100%;height: 5.7rem;overflow: hidden;}
.collect-main .list ul li .img{width: 100%;height: 4.8rem;overflow: hidden;}
.collect-main .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 4s;}
.collect-main .list ul li .txt{width: 100%;height: 0.9rem;padding: 0.1rem 0.1rem;box-sizing: border-box;}
.collect-main .list ul li .txt p{display: block;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.collect-main .list ul li .txt p:nth-child(1){font-size: 0.18rem;line-height: 1;text-decoration: underline;}
.collect-main .list ul li .txt p:nth-child(2){font-size: 0.18rem;line-height: 0.2rem;margin-top: 0.1rem;}
.collect-main .list ul li .txt p:nth-child(3){font-size: 0.18rem;margin-top: 0.05rem;}

.history-main{width: 80%;margin: auto;padding-top: 2rem;padding-bottom: 1rem;}
.history-main .text_01{width: 100%;font-size: 0.4rem;line-height: 1;}
.history-main .list{width: 100%;height: 7rem;margin-top: 0.7rem;display: flex;}
.history-main .list .top{width: 10%;height: 100%;background-color: #904139;color: #fff;font-size: 0.24rem;box-sizing: border-box;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;}
.history-main .list ul{width: 89%;height: 100%;display: flex;}
.history-main .list ul li{width: 1.12rem;height: 100%;position: relative;box-shadow: 0 0 16px 1px #eaeaea;margin-left: 0.04rem;transition: 1s ease-in-out;overflow: hidden;}
.history-main .list ul li .img{width: 100%;height: 100%;overflow: hidden;}
.history-main .list ul li .img img{width: auto;height: 100%;}
.history-main .list ul li .title{width: 100%;height: 100%;background-color: #0000001f;color: #fff;font-size: 0.24rem;padding: 0 0.1rem;box-sizing: border-box;display: flex;flex-wrap: wrap;align-content: center;justify-content: center; position: absolute;top: 0;left: 0;}
.history-main .list ul li .description{width: 100%;height: 0px;line-height: 0.3rem;box-sizing: border-box;font-size: 0.2rem;text-align: justify;overflow: hidden;transition: 0.5s;overflow: hidden;}
.history-main .list ul li.active{width: 7rem;}
.history-main .list ul li.active .title{display: none;}
.history-main .list ul li.active .img{display: none;}
.history-main .list ul li.active .description{height: 100%;padding: 1rem 0.3rem;}

.history-detail-main{width: 80%;height: auto;padding-top: 2rem;padding-bottom: 1rem;margin: auto;}
.history-detail-main .text_01{width: 100%;font-size: 0.36rem;font-weight: bold;line-height: 1;}
.history-detail-main .text_02{font-size: 0.24rem;width: 100%;line-height: 0.3rem;margin-top: 0.3rem;}
.history-detail-main .content{width: 100%;height: auto;padding-bottom: 1rem;text-align: justify;padding-top: 0.5rem;line-height: 0.28rem;font-size: 0.16rem;}
.history-detail-main .content img{display: block;margin: 0.2rem auto;}
.history-detail-main .content ul li{list-style: inherit;}
.history-detail-main .more{margin: auto;border-bottom: 2px solid #0C0C0C;display: block;width: 1.7rem;text-align: center;white-space: nowrap;}
.history-detail-main .more a{font-size: 0.24rem;}
.history-detail-main .other{width: 100%;height: auto;margin-top: 1rem;}
.history-detail-main .other ul{width: 100%;height: auto;}
.history-detail-main .other ul li{width: 100%;font-size: 0.28rem;margin-bottom: 0.2rem;}
.history-detail-main .other ul li:first-child{font-weight: bold;}
.history-detail-main .other ul li a{font-weight: normal;font-size: 0.24rem;display: inline-block;border-bottom: 2px solid #0C0C0C;}
.history-detail-main .other .preandnext{width: 100%;height: 0.5rem;display: flex;justify-content: space-between;}
.history-detail-main .other .preandnext .left{font-size: 0.18rem; width: 48%;height: 100%;display: flex;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: left;align-items: center;}
.history-detail-main .other .preandnext .right{font-size: 0.18rem;width: 48%;height: 100%;display: flex;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;align-items: center;justify-content: flex-end;}

.exhibit-main{width: 80%;height: auto;margin: auto;padding-top: 1.3rem;padding-bottom: 1rem;}
.exhibit-main .text_01{width: 100%;font-size: 0.4rem;text-align: center;}
.exhibit-main .text_02{width: 100%;font-size: 0.26rem;text-align: center;margin-top: 0.2rem;}
.exhibit-main .list{width: 100%;height: auto;margin-top: 0.8rem;padding-bottom: 1rem;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.exhibit-main .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.exhibit-main .list ul li{width: 4.6rem;height: 5.5rem;overflow: hidden;margin: 0 0.1rem 0.06rem 0.06rem;}
.exhibit-main .list ul li .img{width: 100%;height: 4.6rem;overflow: hidden;}
.exhibit-main .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 4s;object-fit:cover;}

.exhibit-main .list ul li .txt{width: 100%;height: 0.9rem;padding: 0.35rem 0;box-sizing: border-box; font-size: 0.26rem;text-align: center;background: url("../images/bg_03.jpg")no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;line-height: 0.3rem;}
.exhibit-main .story-page{width: 100%;height: 0.5rem;display: flex;justify-content: flex-end;}
.exhibit-main .story-page .box{width: 1rem;height: 100%;position: relative;display: flex;justify-content: center;}
.exhibit-main .story-page .box .prev{cursor: pointer}
.exhibit-main .story-page .box .next{cursor: pointer}
.exhibit-main .story-page .box .pagination{text-align: center;display: flex;flex-wrap: nowrap;align-items: center;}
.exhibit-main .story-page .box .pagination li{margin-left: 0.1rem;}
.exhibit-main .story-page .box .pagination li:first-child{font-size: 0.18rem;}
.exhibit-main .story-page .box .pagination li:last-child a{font-size: 0.18rem;}
.exhibit-main .story-page .box .pagination li.active{font-size: 0.2rem;}
.exhibit-main .story-page .box .pagination li a{font-size: 0.14rem;}

.facts_content{width: 12.8rem;height: auto;margin: auto;}
.facts_content .text_01{width: 100%;font-size: 0.3rem;padding-top: 1.5rem;padding-bottom: 0.5rem;}
.facts_content .list{width: 100%;height: auto;}
.facts_content .list ul{width: 100%;height: auto;}
.facts_content .list ul li{width: 100%;height: 5rem;display: flex;margin-bottom: 0.5rem;}
.facts_content .list ul li .left{width: 30%;height: 100%;background: url("../images/bg_02.png")no-repeat;background-size: 100% 100%;padding: 1rem 0 0 0.5rem;box-sizing: border-box;}
.facts_content .list ul li .left .txt_1{width: 100%;font-size: 0.32rem;}
.facts_content .list ul li .left .box{width: 100%;height: auto;border-left: 1px solid #252626;margin-top: 0.5rem;}
.facts_content .list ul li .left .box p{display: block;width: 100%;text-indent: 0.2rem;font-size: 0.18rem;line-height: 0.5rem;color: #393C41;}
.facts_content .list ul li .right{width: 70%;height: 100%;overflow: hidden;}
.facts_content .list ul li .right img{width: 100%;height: auto;min-height: 100%;}


.facts_detail{width: 12.8rem;height: auto;margin: auto;padding-top: 1.5rem;box-sizing: border-box;}
.facts_detail .options{width: 100%;height: auto;margin-bottom: 0.5rem;}
.facts_detail .options ul{width: 100%;height: auto;}
.facts_detail .options ul li{display: block;font-size: 0.18rem;margin-bottom: 0.1rem;list-style: circle;}
.facts_detail .options ul li a{text-decoration: underline;}
.facts_detail .title{width: 100%;font-size: 0.24rem;text-decoration: underline;margin-bottom: 0.2rem;}
.facts_detail .content{width: 100%;height: auto;line-height: 0.32rem;font-size: 0.16rem;text-align: justify;padding-bottom: 1rem;}

.support_content{width: 12.8rem;height: auto;margin: auto;padding-top: 1.5rem;box-sizing: border-box;}
.support_content .title{width: 2.5rem;height: 0.8rem;font-size: 0.4rem;border-bottom: 1px solid #252626;}
.support_content .list{width: 100%;height: auto;margin-top: 0.5rem;}
.support_content .list ul{width: 100%;height: auto;}
.support_content .list ul li{width: 100%;height: 2.8rem;background-color: #F9F9F9;margin-bottom: 0.2rem;display: flex;align-items: center;justify-content: space-around;}
.support_content .list ul li .img{width: 2.4rem;height: 2.4rem;overflow: hidden;border-radius: 2rem;}
.support_content .list ul li .img img{max-width: 100%;max-height: 100%;min-height: 100%;}
.support_content .list ul li .txt{width: 9rem;height: 2.4rem;display: flex;flex-wrap: wrap;align-content: center;}
.support_content .list ul li .txt p{display: block;width: 100%;}
.support_content .list ul li .txt p:nth-child(1){font-size: 0.28rem;margin-bottom: 0.2rem;}
.support_content .list ul li .txt p:nth-child(2){font-size: 0.20rem;}

.donation{width: 100%;height: auto;padding-top: 1rem;box-sizing: border-box;padding-bottom: 1rem;}
.donation .crumb{width: 12.8rem;height: 0.6rem;margin: auto;font-size: 0.18rem;}
.donation .crumb a{text-decoration: underline;}
.donation .title{width: 12.8rem;margin: auto;display: flex;height: 0.3rem;}
.donation .title .left{width: 35%;height: 100%;border-top: 1px solid #252626;}
.donation .title .center{width: 30%;font-size: 0.36rem;height: 100%;text-align: center;}
.donation .title .right{width: 35%;height: 100%;border-bottom: 1px solid #252626;}
.donation .description{width: 12.8rem;margin: auto;font-size: 0.2rem;margin-top: 0.6rem;margin-bottom: 0.6rem;}
.donation .donation_btn{width: 12.8rem;margin: auto;height: 1rem;display: flex;justify-content: center;align-items: center;}
.donation .donation_btn button{background-color: #B35B6D;width: 2rem}
.donation .message_title{width: 12.8rem;margin: auto;font-size: 0.16rem;margin-top: 0.3rem;margin-bottom: 0.3rem;}
.donation .message{width: 12.8rem;margin: auto;height: 1.5rem;}
.donation .message form{width: 100%;display: flex;flex-wrap: wrap;}
.donation .message textarea{width: 100%;margin-bottom: 0.3rem;}
.donation .message input{width: 1.5rem;margin-right: 0.1rem;}
.donation .message img{height: 0.38rem;margin-right: 0.05rem;}

.code{width: 2rem;height: 2rem;padding: 0.5rem;}
.code img{width: 100%;height: auto;}

.volunteer{width: 100%;height: auto;padding-top: 1rem;box-sizing: border-box;padding-bottom: 1rem;}
.volunteer .crumb{width: 12.8rem;height: 0.6rem;margin: auto;font-size: 0.18rem;}
.volunteer .crumb a{text-decoration: underline;}
.volunteer .title{width: 12.8rem;margin: auto;display: flex;height: 0.3rem;}
.volunteer .title .left{width: 35%;height: 100%;border-top: 1px solid #252626;}
.volunteer .title .center{width: 30%;font-size: 0.36rem;height: 100%;text-align: center;}
.volunteer .title .right{width: 35%;height: 100%;border-bottom: 1px solid #252626;}
.volunteer .description{width: 12.8rem;margin: auto;font-size: 0.2rem;margin-top: 0.6rem;margin-bottom: 0.6rem;}
.volunteer .message{width: 12.8rem;height: auto;margin: auto;}
.volunteer .message .form_title{font-size: 0.18rem;margin-bottom: 0.1rem;margin-top: 0.3rem;}
.volunteer .message .form_title span{color: #E60012;}
.volunteer .message textarea{width: 100%;}
.volunteer .message button{margin-top: 0.2rem;}
.volunteer .message .tips{width: 100%;font-size: 0.14rem;margin-top: 0.3rem;}
.volunteer .message .tips span{color: #E60012;}
.volunteer .message .form_code{display: flex;margin-top: 0.2rem;}
.volunteer .message .form_code input{width: 1.5rem;margin-right: 0.1rem;}
.volunteer .message .form_code img{height: 0.38rem;margin-right: 0.05rem;}
.volunteer .message .form_code button{margin-top: 0rem;}


.community{width: 100%;height: auto;padding-top: 1rem;box-sizing: border-box;padding-bottom: 1rem;}
.community .crumb{width: 12.8rem;height: 0.6rem;margin: auto;font-size: 0.18rem;}
.community .crumb a{text-decoration: underline;}
.community .title{width: 12.8rem;margin: auto;display: flex;height: 0.3rem;}
.community .title .left{width: 35%;height: 100%;border-top: 1px solid #252626;}
.community .title .center{width: 30%;font-size: 0.36rem;height: 100%;text-align: center;}
.community .title .right{width: 35%;height: 100%;border-bottom: 1px solid #252626;}
.community .description{width: 12.8rem;margin: auto;margin-bottom: 0.6rem;padding-top: 0.8rem;}
.community .description .text_01{font-size: 0.18rem;width: 100%;margin-bottom: 1rem;font-weight: bold;}
.community .description .img{width: 1.5rem;height: auto;display:inline-block;margin-right:0.5rem;}
.community .description .img img{width: 100%;}

.page-banner{width: 100%;height: auto;position: relative;padding-top: 0.65rem;}
.page-banner img{width: 100%;height: auto;}
.page-banner .txt{width: auto;font-size: 0.4rem;color: #fff;position: absolute;top: 3rem;left: 2.5rem;z-index: 2;}

.about{width: 14rem;height: auto;margin: auto;padding-top: 1.5rem;padding-bottom: 1rem;}
.about .text_01{font-size: 0.24rem;font-weight: bold;}
.about .icon{width: 100%;height: 3rem;margin-top: 0.5rem;}
.about .icon ul{width: 100%;height: 100%;display: flex;justify-content: space-between;}
.about .icon ul li{width: 25%;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;position: relative;margin-top: 0.3rem;}
.about .icon ul li .img{width: 1.5rem;height: 1rem;border-radius: 1rem;display: flex;justify-content: center;align-items: center;}
.about .icon ul li .img img{max-height: 100%;max-width: 100%;}
.about .icon ul li .txt{width: 100%;font-size: 0.18rem;text-align: center;margin-top: 0.3rem;font-weight: bold;}
/*.about .icon ul li:nth-child(3)::before{content: '';position: absolute;top: 0.4rem;left: 0.8rem;width: 1.5rem;height: 0.03rem;background-color: #E60012;}*/
/*.about .icon ul li:nth-child(3)::after{content: '';position: absolute;top: 0.6rem;right: 0.8rem;width: 1.5rem;height: 0.03rem;background-color: #E60012;}*/
.about .content{width: 100%;height: auto;}
.about .content p{display: block;width: 100%;font-size: 0.24rem;line-height: 0.3rem;margin-bottom: 0.3rem;text-align: justify;}
.about .content p:nth-child(1){font-weight: bold;}
.about .support_btn{width: 2.4rem;height: 0.66rem;text-align: center;line-height: 0.66rem;font-size: 0.18rem;color: #fff;background-color: #393C41;margin-top: 1rem;transition: 0.2s;}
.about .support_btn:hover{background-color: #E60012;}

.masters_detail{width: 14rem;margin: auto;padding-top: 1.5rem;height: auto;padding-bottom: 1rem;}
.masters_detail .name{width: 100%;font-size: 0.36rem;}
.masters_detail .life{width: 100%;font-size: 0.24rem;margin-top: 0.2rem;}
.masters_detail .dynasty{width: 100%;font-size: 0.24rem;margin-top: 0.2rem;margin-bottom: 0.2rem;}
.masters_detail .head{width: 2.23rem;height: 2.23rem;border-radius: 2rem;overflow: hidden;}
.masters_detail .head img{width: 100%;height: 100%;object-fit: cover;}
.masters_detail .description{width: 100%;height: auto;line-height: 0.3rem;font-size: 0.18rem;text-align: justify;margin-top: 0.2rem;}
.masters_detail .from{width: 100%;font-size: 0.3rem;margin-top: 0.5rem;margin-bottom: 0.5rem;position: relative;}
.masters_detail .from .view{position: absolute;right: 0;width: auto;height: 100%;font-size: 0.16rem;top: 0;display: flex;align-items: center;}
.masters_detail .from .view a{margin-left: 0.2rem;border-bottom: 2px solid #0C0C0C;}
.masters_detail .list{width: 100%;height: auto;}
.masters_detail .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.masters_detail .list ul li{width: 4.25rem;height: 5rem;overflow: hidden;margin-bottom: 0.2rem;margin-right:0.35rem;}
.masters_detail .list ul li .img{width: 100%;height: 4.25rem;overflow: hidden;}
.masters_detail .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 5s;}

.masters_detail .list ul li .txt{width: 100%;height: 0.5rem;line-height: 0.5rem;font-size: 0.16rem;}
.masters_detail .other{width: 100%;height: auto;border-top: 1px solid #252626;padding-top: 0.5rem;}
.masters_detail .other .text_01{width: 100%;font-size: 0.18rem;}
.masters_detail .other a{display: inline-block;font-size: 0.16rem;text-decoration: underline;margin: 0.2rem 0.2rem 0 0;}

.exhibit_banner{width: 100%;height: 100vh;position: fixed;z-index: -1;top: 0;left: 0;}
.exhibit_banner .title{width: 14rem;font-size: 0.36rem;}

.exhibit_detail{width: 100%;height: auto;padding-bottom: 1rem;position: relative;z-index: 11;background-color: #fff;margin-top: 5rem;}
.exhibit_detail .box{width: 14rem;margin: auto;}
.exhibit_detail .name{width: 100%;position: relative;top: -1rem;color: #fff;font-size: 0.44rem;font-weight: bold;}
.exhibit_detail .box .graydes{width: 100%;background-color: #ccc;padding: 0.2rem;box-sizing: border-box;line-height: 0.26rem;font-size: 0.16rem;margin-bottom: 0.2rem;}
.exhibit_detail .time{width: 100%;height: 0.3rem;margin-top: 0.3rem;}
.exhibit_detail .time ul{width: 100%;height: 100%;display: flex;justify-content: flex-end;}
.exhibit_detail .time ul li{height: 100%;font-size: 0.12rem;line-height: 0.3rem;margin-left: 0.5rem;}
.exhibit_detail .desc{width: 100%;height: auto;padding: 0.2rem 0.3rem;background-color: #eaeaea;font-size: 0.16rem;line-height: 0.3rem;text-align: justify;box-sizing: border-box;margin-top: 0.2rem;}
.exhibit_detail .description{width: 70%;height: auto;margin: auto;line-height: 0.3rem;font-size: 0.16rem;text-align: justify;margin-top: 0.2rem;}
.exhibit_detail .description img{max-width: 100%;}
.exhibit_detail .description ul{width: 100%;height: auto;padding: 0 20px;box-sizing: border-box;}
.exhibit_detail .description ul li{list-style-type: disc;}
.exhibit_detail .from{width: 100%;font-size: 0.3rem;margin-top: 0.5rem;margin-bottom: 0.5rem;position: relative;border-top: 1px solid #ccc;padding-top: 0.5rem;}
.exhibit_detail .list{width: 100%;height: auto;}
.exhibit_detail .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.exhibit_detail .list ul li{width: 4.25rem;height: 5.5rem;overflow: hidden;margin-bottom: 0.2rem;}
.exhibit_detail .list ul li .img{width: 100%;height: 4.25rem;overflow: hidden;}
.exhibit_detail .list ul li .img img{width: auto;height: 100%;transition: 5s;object-fit: cover;}

.exhibit_detail .list ul li .txt{width: 100%;line-height: 0.3rem;font-size: 0.16rem;padding-top: 0.2rem;box-sizing: border-box;}
.exhibit_detail .list ul li .txt p{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.exhibit_detail .list ul li .txt p:nth-child(1){font-weight: bold;}


.collect_detail{width: 100%;height: auto;padding-top: 0.6rem;padding-bottom: 1rem;}
.collect_detail .select{width: 100%;height: 1rem;position: relative;padding-left: 1.9rem;box-sizing: border-box;display: flex;align-items: center;}
.collect_detail .select .txt{font-size: 0.26rem;cursor: pointer;margin-right: 0.2rem;}
.collect_detail .select .txt i{font-size: 0.22rem;margin-left: 0.1rem;}
.collect_detail .select .info{position: absolute;top: 0.8rem;height: auto;left: 1.9rem;background-color: #F9F9F9;padding: 0.3rem 0.4rem;box-sizing: border-box;width: 8rem;display: none;transition: 0.5s;z-index: 99;}
.collect_detail .select .info table{width: 100%;height: auto;}
.collect_detail .select .info table tr{height: 0.6rem;width: 100%;}
.collect_detail .select .info table tr td{width: 3rem;border-bottom: 1px solid #eaeaea;border-right: 1px solid #eaeaea;font-size: 0.18rem;}
.collect_detail .select .info table tr td a{display: inline;border-bottom: 1px solid #0C0C0C;}
.collect_detail .select .info table tr td:first-child{width: 2rem;}
.collect_detail .select .info table tr td:last-child{border-right: none;padding: 0 30px;line-height:28px;}
.collect_detail .select .info table tr:last-child td{border-bottom: none;}
.collect_detail .select .info .box{width: 100%;height: auto;font-size: 0.16rem;line-height: 0.3rem;}
.collect_detail .select .info.active{display: block;}
.collect_detail .select .info .close{position: absolute;right: 14px;top: -40px;cursor: pointer;}
.collect_detail .select .info .close i{font-size: 30px;}
.collect_detail .banner{height: 78vh;position: relative;}
.collect_detail .banner .img{width: 100%;height: 100%;overflow: hidden;}
.collect_detail .banner .img img{width: 100%;display: block;margin: auto;height: 100%;object-fit: scale-down;}
.collect_detail .banner .controller{width: 2.5rem;height: 2rem;padding: 0.1rem 0.1rem;background-color: #1F2124;border-radius: 0.05rem;position: absolute;bottom: 0.2rem;right: 0.2rem;box-sizing: border-box;}
.collect_detail .banner .controller .controller_img{width: 100%;height: 1.6rem;overflow: hidden;border: 2px solid #fff;box-sizing: border-box;}
.collect_detail .banner .controller .controller_img img{width: 100%;height: 100%;object-fit: cover;}
.collect_detail .banner .controller .controller_btn{width: 100%;height: 0.2rem;display: flex;justify-content: space-between;margin-top: 0.05rem;}
.collect_detail .banner .controller .controller_btn .left{cursor: pointer; width: 0.16rem;height: 0.16rem;border: 2px solid #fff;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 0.02rem;}
.collect_detail .banner .controller .controller_btn .right{cursor: pointer;width: 0.16rem;height: 0.16rem;border: 2px solid #fff;color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 0.02rem;}
.collect_detail .banner .txt{width: 8rem;height: auto;position: absolute;left: 0.5rem;bottom: 0.5rem;}
.collect_detail .banner .txt .txt_1{font-size: 0.44rem;color: #fff;}
.collect_detail .banner .txt .txt_2{font-size: 0.34rem;}
.collect_detail .banner .txt .txt_2 a{text-decoration: underline;color: #fff;}
.collect_detail .banner .txt .txt_3{font-size: 0.18rem;color: #fff;margin-top: 0.2rem;}
.collect_detail .tips{width: 100%;height: 0.5rem;display: flex;justify-content: center;align-items: center;}
.collect_detail .tips i{transition: 0.5s; width: 0.4rem;height: 0.4rem;border: 1px solid #2672A1;border-radius: 0.5rem;display: flex;justify-content: center;align-items: center;font-size: 0.3rem;padding-top: 0.04rem;box-sizing: border-box;color: #2672A1;}
.collect_detail .tips i:hover{box-shadow: 0 0 2px 2px #2672A1;}
.collect_detail .more_title{width: 100%;font-size: 0.4rem;padding: 1rem 1rem;box-sizing: border-box;}
.collect_detail .more_title a{display: inline-block;border-bottom: 2px solid #0C0C0C;}
.collect_detail .list{width: 90%;height: auto;margin: auto;}
.collect_detail .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.collect_detail .list ul li{width: 5.25rem;height: 6.5rem;overflow: hidden;margin-bottom: 1rem;margin-left: 0.2rem;}
.collect_detail .list ul li .img{width: 100%;height: 5.25rem;overflow: hidden;}
.collect_detail .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 4s;}

.collect_detail .list ul li .txt{width: 100%;height: 0.9rem;}
.collect_detail .list ul li .txt p{display: block;width: 100%;}
.collect_detail .list ul li .txt p:nth-child(1){font-size: 0.18rem;line-height: 1;padding-top: 0.2rem;}
.collect_detail .list ul li .txt p:nth-child(2){font-size: 0.18rem;line-height: 0.3rem;margin-top: 0.1rem;}
.collect_detail .list ul li .txt p:nth-child(3){font-size: 0.18rem;margin-top: 0.1rem;}

.collect_detail .other{width: 90%;height: auto;border-top: 1px solid #252626;padding-top: 0.5rem;margin:auto;}
.collect_detail .other .text_01{width: 100%;font-size: 0.18rem;}
.collect_detail .other a{display: inline-block;font-size: 0.16rem;text-decoration: underline;margin: 0.2rem 0.2rem 0 0;}


.search{width: 80%;height: auto;margin: auto;padding: 1.5rem 0;box-sizing: border-box;}
.search .top{width: 100%;height: auto;padding-bottom: 0.3rem;}
.search .top .text_01{width: 100%;font-size: 0.34rem;margin-bottom: 0.1rem;}
.search .top .input{width: 100%;display: flex;position: relative;}
.search .top .input input{width: 3rem;}
.search .top .input .group{position: absolute;right: 0;top: 0;width: 1.5rem;display: flex;align-items: center;}
.search .top .input .group input{width: 0.2rem;}
.search .top .input .group span{border-bottom: 1px solid #0C0C0C;}
.search .top .input button{border: none;}
.search .top .input button i{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.search .top .input button i img{width: 0.24rem;}
.search .top .text_02{width: 1rem;font-size: 0.24rem;margin-top: 0.2rem;border-bottom: 2px solid #0C0C0C;}
.search .top .options{margin-top: 0.3rem;display: flex;}
.search .top .options .left{font-size: 0.18rem;width: 1rem;}
.search .top .options .right{height: auto;display: flex;flex-wrap: wrap;padding-top: 0.04rem;box-sizing: border-box;width: 14rem;}
.search .top .options .right .layui-form-checkbox{margin-bottom: 0.2rem;}
.search .top .options .right .layui-form-checkbox[lay-skin=primary]>div{font-size: 0.18rem!important;}
.search .top .options .right .layui-form-checkbox[lay-skin=primary]{min-height: 22px!important;}
.search .list{width: 100%;height: auto;margin: auto;}
.search .list ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.search .list ul li{width: 4.6rem;height: 5.5rem;overflow: hidden;margin-bottom: 0.3rem;margin-right: 0.3rem;}
.search .list ul li .img{width: 100%;height: 4.6rem;overflow: hidden;}
.search .list ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 4s;}

.search .list ul li .txt{width: 100%;height: 0.9rem;padding: 0.1rem 0.1rem;box-sizing: border-box;}
.search .list ul li .txt p{display: block;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search .list ul li .txt p:nth-child(1){font-size: 0.18rem;line-height: 1;text-decoration: underline;}
.search .list ul li .txt p:nth-child(2){font-size: 0.18rem;line-height: 0.3rem;}
.search .list ul li .txt p:nth-child(3){font-size: 0.18rem;}

.search .list .more_list{width: 100%;height: 2rem;display: flex;flex-wrap: wrap;justify-content: center;align-content: center;}
.search .list .more_list .text_01{width: 100%;font-size: 0.18rem;text-align: center;margin-bottom: 0.3rem;}
.search .list .more_list .line{width: 2rem;height: 0.02rem;background-color: #eaeaea;}
.search .list .more_list .line .line_bg{height: 100%;background-color: #0B90C4;width: 0%;}
.search .list .more_list .btn{transition: 0.3s; width: 2.7rem;height: 0.5rem;border-radius: 0.04rem;border: 1px solid #0B90C4;display: flex;justify-content: center;align-items: center;font-size: 0.18rem;}
.search .list .more_list .hr{width: 100%;height: 0.01rem;margin-bottom: 0.3rem;}
.search .list .more_list .btn:hover{background-color: #0B90C4;color: #fff;border-color: #fff;cursor: pointer;}



.search .list2{width: 100%;height: auto;}
.search .list2 .items{width: 100%;height: auto;}
.search .list2 .items .name{width: 100%;font-size: 0.18rem;padding: 0.2rem 0;box-sizing: border-box;}
.search .list2 .items ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.search .list2 .items ul li{width: 4.6rem;height: 5rem;overflow: hidden;margin-bottom: 0.5rem;margin-right: 0.4rem;}
.search .list2 .items ul li .img{width: 100%;height: 4rem;overflow: hidden;}
.search .list2 .items ul li .img img{width: 100%;height: auto;min-height: 100%;transition: 4s;}

.search .list2 .items ul li .txt{width: 100%;height: 0.9rem;padding: 0.1rem 0.1rem;box-sizing: border-box;}
.search .list2 .items ul li .txt p{display: block;width: 100%;}
.search .list2 .items ul li .txt p:nth-child(1){font-size: 0.18rem;line-height: 1;text-decoration: underline;}
.search .list2 .items ul li .txt p:nth-child(2){font-size: 0.18rem;line-height: 0.3rem;}
.search .list2 .items ul li .txt p:nth-child(3){font-size: 0.18rem;}

.contact{width: 15.2rem;height: auto;margin: auto;padding-top: 1.5rem;box-sizing: border-box;}
.contact .title{width: 3rem;height: 1rem;line-height: 1rem;font-size: 0.48rem;border-bottom: 1px solid #eaeaea;}
.contact .tips{width: 100%;}
.contact .tips p{display: block;width: 100%;font-size: 0.2rem;margin-top: 0.3rem;}
.contact .tips p:last-child{margin-top: 0.5rem;}
.contact .content{width: 8rem;height: auto;margin-top: 0.5rem;padding-bottom: 1.5rem;box-sizing: border-box;}
.contact .content p{display: block;margin-top: 0.2rem;}
.contact .content p label{font-size: 0.18rem;}
.contact .content p span{color: #E60012;}
.contact .content button{width: 3rem;margin-top: 0.3rem;background: #1FA1D2;}
.contact .content .form_code{display: flex;margin-top: 0.2rem;}
.contact .content .form_code input{width: 1.5rem;margin-right: 0.1rem;}
.contact .content .form_code img{height: 0.38rem;margin-right: 0.05rem;}
.contact .content .form_code button{margin-top: 0rem;}
.contact .content .rq{width: 100%;font-size: 0.14rem;margin-top: 0.3rem;}
.contact .content .rq span{color: #E60012;}

.register{width: 100%;height: auto;}
.register .top_banner{width: 100%;height: 1.5rem;overflow: hidden;padding-top: 0.6rem;}
.register .top_banner img{width: 100%;height: auto;}
.register .content{width: 6rem;height: auto;margin: auto;padding: 1rem 0;box-sizing: border-box;}
.register .content label{margin-bottom: 0.1rem;display: block;width: 100%;}
#usernote{font-size: 0.12rem;color: #E60012;}
#codeimg{height: 0.38rem;margin-left: 0.06rem;}

#pageContent {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position:relative;
    margin:0px auto;

}
#imgContainer {
    height: 100%;
    width: 100%;
}
#positionButtonDiv {
    background: rgb(58, 56, 63);
    background: rgba(58, 56, 63, 0.8);
    border: solid 1px #100000;
    color: #FFFFFF;
    padding: 0.1rem;
    text-align: left;
    position: absolute;
    right:0.3rem;
    bottom: 0.3rem;
}
#imageFullScreen{object-fit: cover;}
#positionButtonDiv .positionButtonSpan img {
    border: 0;
}

#positionButtonDiv p{margin-bottom: 0.1rem;display: block;width: 100%;}
.positionMapClass area {
    cursor: pointer;
}
.zoomButton {
    border: 0;
    cursor: pointer;
}
.zoomableContainer {
    background-color: #3A3B3C;

}

@media screen and (min-width: 1380px){
    .header-m{display: none;}
    .menu_list{display: none;}
}

@media screen and (max-width: 1200px) {
    header{display: none;}
    .header-m{width: 100%;height: 1rem;background-color: #393C41;position: fixed;z-index: 99;top: 0;left: 0;}
    .mobile-menu{width: 100%;height: 100%;margin: auto;position: relative;}
    .mobile-menu .logo{width: 100%;height: 100%;font-size: 0.4rem;display: flex;align-items: center;justify-content: center;color: #fff;position: relative;z-index: -1;}
    .mobile-menu .menu-btn{width: 1rem;height: 100%;position: absolute;right: 0;top: 0;z-index: 999;}
    .mobile-menu .menu-btn .open{width: 100%;height: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-content: center;}
    .mobile-menu .menu-btn .open span{width: 55%;height: 0.04rem;background-color: #fff;margin: 0.09rem auto;}
    .mobile-menu .menu-btn .close{width: 100%;height: 100%;display: flex;justify-content: center;flex-wrap: wrap;align-content: center;display: none;}
    .mobile-menu .menu-btn .close i{font-size: 0.8rem;color: #fff;}
    .menu_list{top: 1rem;position: fixed;left: 0;width: 100%;background-color: #393C41;z-index: 9999;height: 0vh;}
    .layui-nav.layui-nav-tree{width: 100%;position: relative;background-color: #393C41;height: 100%;}
    .layui-nav-tree .layui-nav-item a{height: 1rem;font-size: 0.4rem;display: flex;align-content: center;flex-wrap: wrap;justify-content: center;}
    .layui-nav-tree .layui-nav-item a i{top: 0.1rem;font-size: 0.4rem;}
    .index-banner{padding-top: 1.1rem;margin-top: 0;overflow: hidden;}
	.index-banner .swiper{height:100%;width:100%;}
    .index-banner .bannerImg{height: 100%;}
    .index-banner .bannerImg img{width: 100%;height: 100%;object-fit: cover;}
    .index-banner .bannerTxt{width: 100%;top: 1.5rem;height: 4rem;left: 0;}
    .index-banner .bannerTxt p:nth-child(1){font-size: 0.5rem;text-align: center;}
    .index-banner .bannerTxt p:nth-child(2){font-size: 0.32rem;top: 0.7rem;text-align: center;}
    .index-banner .bannerTxt a{font-size: 0.4rem;top: 1.5rem;text-align: center;display: block;margin:auto;}
    .index-cases{height: auto;padding: 0 0.2rem;box-sizing: border-box;margin-top: 0.5rem;}
    .index-cases ul{flex-wrap: wrap;justify-content: center;}
    .index-cases ul a{display: block;width: 100%;height: auto;margin-bottom: 0.4rem;}
    .index-cases ul li{width: 100%;height: auto;}
    .index-cases ul li .img{height: auto;}
    .index-cases ul li .txt{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 0.4rem;line-height: 0.4rem;padding: 0.5rem;}
	.index-collect{height:auto;}
    .index-collect a{font-size: 0.5rem;display: block;width: 100%;text-align: center;left: 0;top: 39%;}
    .index-about{height: auto;padding: 0.4rem 0.2rem;box-sizing: border-box;margin-top: 0.4rem;margin-bottom: 0.4rem;}
    .index-about .title{font-size: 0.4rem;}
    .index-about ul{height: auto;flex-wrap: wrap;justify-content: center;margin-top: 0.8rem;}
    .index-about ul a{display: block;width: 100%;height: auto;margin-bottom: 0.5rem;}
    .index-about ul li{width: 100%;height: 7rem;}
    .index-about ul li .img{height: 80%;}
    .index-about ul li p{font-size: 0.32rem;margin-top: 0.3rem;}
    footer .email{height: auto;flex-wrap: wrap;padding: 0.4rem 0.2rem;box-sizing: border-box;align-content: flex-start;overflow: hidden;}
    footer .email .left{width: 100%;height: auto;}
    footer .email .left .title{font-size: 0.3rem;text-align: center;}
    footer .email .left .input{width: 90%;margin: auto;height: 1rem;}
    footer .email .left .input input{height: 100%;font-size: 0.3rem;}
    footer .email .right .txt{font-size: 0.5rem;}
    footer .email .right{width: 100%;height: 2rem;}
    footer .footer_nav{display: none;}
    .exhibit-main{width: 90%;padding:1.5rem 0;box-sizing: border-box;}
    .exhibit-main .text_01{font-size: 0.6rem;margin-bottom: 1rem;}
    .exhibit-main .list ul{flex-wrap: wrap;}
    .exhibit-main .list ul a{width: 100%;display: block;}
    .exhibit-main .list ul li{width: 100%;height: auto;}
    .exhibit-main .list ul li .img{width: 100%;height: auto;}
    .exhibit-main .list ul li .txt{height: 1rem;font-size: 0.4rem;}
    .exhibit_detail{width: 90%;padding-top: 1.5rem;}
    .exhibit_detail .name{font-size: 0.4rem;text-align: center;}
    .exhibit_detail .description{font-size: 0.26rem;line-height: 0.6rem;}
    .exhibit_detail .description p{line-height: 0.6rem;}
    .exhibit_detail .list ul a{display: block;width: 100%;}
    .exhibit_detail .list ul a li{width: 100%}
    .exhibit_detail .list ul li .img{width: 100%;}
    .exhibit_detail .list ul li .img img{width: 100%}
    .data-more .button{width: 2.3rem;}
    .facts_content{width: 100%;height: auto;}
    .facts_content .text_01{text-align: center;}
    .facts_content .list ul li{position: relative;}
    .facts_content .list ul li .left{position: absolute;left: 0;top: 0;background: none;width: 100%}
    .facts_content .list ul li .right{width: 100%;height: auto;}
    .facts_content .list ul li .left .txt_1{color: #fff;}
    .facts_content .list ul li .left .box p{color: #fff;}
    .facts_content .list ul li .left .box{border-left: 1px solid #fff}
    .facts_detail{width: 100%;padding: 0.2rem;box-sizing: border-box;margin-top: 1.5rem;min-height: 10rem;}
    .facts_detail .options ul li{font-size: 0.32rem;}
    .facts_detail .content{font-size: 0.26rem;}


    .support_content{width: 100%;}
    .support_content .title{margin: auto;text-align: center;}
    .support_content .list ul li .img{width: 60%;height: 100%;display: flex;align-items: center;justify-content: center;}
    .support_content .list ul li .img img{width: 70%;height: auto;min-height: auto;border-radius: 2rem;}
    .donation .crumb{width: 100%;font-size: 0.3rem;height: 1rem;display: flex;justify-content: flex-start;align-items: center;}
    .donation .title{width: 100%;height: 1rem;margin-top: 1rem;}
    .donation .description{width: 100%;padding: 0.4rem;box-sizing: border-box;font-size: 0.26rem;text-align: center;}
    .donation .donation_btn{width: 100%;}
    .donation{min-height: 12rem;}
    .volunteer .crumb{width: 100%;font-size: 0.3rem;height: 1rem;display: flex;justify-content: flex-start;align-items: center;}
    .volunteer .title{width: 100%;height: 1rem;margin-top: 1rem;}
    .volunteer .description{width: 100%;padding: 0.4rem;box-sizing: border-box;font-size: 0.26rem;text-align: center;}
    .volunteer .message{width: 100%;padding: 0.2rem;box-sizing: border-box;}
    .volunteer .message .form_code{height: 0.68rem;}
    .volunteer .message .form_code img{height: 100%;}
    .community .crumb{width: 100%;font-size: 0.3rem;height: 1rem;display: flex;justify-content: flex-start;align-items: center;}
    .community .title{width: 100%;height: 1rem;margin-top: 1rem;}
    .community .description{width: 100%;padding: 0.4rem;box-sizing: border-box;font-size: 0.26rem;text-align: center;}
    .community .description .img{width: 100%;text-align: center;}
    .community .description .img img{width: 3rem;}
    .collect_detail .select{padding-left: 0.5rem;}
    .collect_detail{padding-top: 1.5rem;}
    .collect_detail .select .txt{font-size: 0.38rem;}
    .collect_detail .select .info{left: 0.5rem;width: 6.5rem;}
    .collect_detail .select .info table tr td{font-size: 0.24rem;}
    .collect_detail .list ul a{display: block;width: 100%;}
    .collect_detail .list ul li{width: 100%;height: 7.5rem;}
    .collect_detail .list ul li .txt p:nth-child(1){font-size: 0.32rem;}
    .collect_detail .list ul li .txt p:nth-child(2){font-size: 0.32rem;}
    .collect_detail .list ul li .txt p:nth-child(3){font-size: 0.32rem;}
    .search{width: 95%;}
    .search .top .input .group{width: 2.5rem;}
    .search .top .options .left{width: 15%;}
    .search .top .options .right{width: 85%;}
    .search .top .options .right .layui-form-checkbox{font-size: 0.24rem;}
    .search .top .options .right .layui-form-checkbox>div{white-space: normal;}
    .search .list ul a{display: block;width: 100%;}
    .search .list ul li{width: 100%;height: 7rem;}
    .search .list ul li .img{height: 5rem;}
    .search .list ul li .txt{height: auto;}
    .search .list ul li .txt p:nth-child(1){font-size: 0.3rem;}
    .search .list ul li .txt p:nth-child(2){font-size: 0.3rem;margin-top: 0.1rem;}
    .search .list ul li .txt p:nth-child(3){font-size: 0.3rem;margin-top: 0.1rem;}
    .search .list2 .items ul a{display: block;width: 100%;}
    .search .list2 .items ul li{width: 100%;height: 7rem;}
    .search .list2 .items ul li .img{height: 5rem;}
    .search .list2 .items ul li .txt{height: auto;}
    .search .list2 .items ul li .txt p:nth-child(1){font-size: 0.3rem;}
    .search .list2 .items ul li .txt p:nth-child(2){font-size: 0.3rem;margin-top: 0.1rem;}
    .search .list2 .items ul li .txt p:nth-child(3){font-size: 0.3rem;margin-top: 0.1rem;}
    .search .list2 .items .name{font-size: 0.32rem;}
    .story-main{width: 95%;}
    .story-main .list ul a{display: block;width: 100%;}
    .story-main .list ul li{width: 100%;}
    .story-main .story-page .box{width: 100%;}
    .story-main .story-page .box .pagination li:first-child{font-size: 0.3rem;}
    .story-main .story-page .box .pagination li.active{font-size: 0.3rem;font-weight: bold;}
    .story-main .story-page .box .pagination li{margin-left: 0.3rem;margin-right: 0.3rem;}
    .history-main{width: 95%;}
    .history-main .list{height: auto;flex-wrap: wrap;}
    .history-main .list .top{width: 100%;height: 1.2rem;}
    .history-main .list ul{flex-wrap: wrap;width: 100%;height: auto;}
    .history-main .list ul a{display: block;width: 100%;}
    .history-main .list ul li{width: 100%;height: 1.12rem;margin-left: 0;}
    .history-main .list ul li.active{height: 7rem;width: 100%;}
    .history-main .list ul li .img img{width: 100%;height: auto;}
    .masters-content{width: 100%;height: auto;padding: 1.5rem 0.1rem 1rem 0.1rem;box-sizing: border-box;}
    .masters-content .list ul a{display: block;width: 100%;}
    .masters-content .list ul li .left{width: 70%;}
    .masters-content .list ul li .right{width: 30%;}
    .masters_detail{width: 100%;padding: 1.5rem 0.1rem 1rem 0.1rem;box-sizing: border-box;}
    .masters_detail .description{font-size: 0.28rem;line-height: 0.36rem;}
    .masters_detail .from .view{position: relative;margin-top: 0.3rem;}
    .masters_detail .list ul a{width: 100%;display: block;}
    .masters_detail .list ul li{width: 100%;}
    .masters_detail .other .text_01{font-size: 0.3rem;}
    .masters_detail .other a{font-size: 0.28rem;}
    .collect-main{padding-top: 1.5rem;}
	.collect-main .list ul{display:block;}
    .collect-main .list ul a{width: 100%;display: block;}
    .collect-main .list ul li{width: 100%;height: 7rem;}
    .collect-main .list ul li .img{height: 5rem;}
    .collect-main .list ul li .txt{height: auto;}
    .collect-main .list ul li .txt p:nth-child(1){font-size: 0.3rem;line-height:1.2;}
    .collect-main .list ul li .txt p:nth-child(2){font-size: 0.3rem;margin-top: 0.1rem;line-height:1.5;}
    .collect-main .list ul li .txt p:nth-child(3){font-size: 0.3rem;margin-top: 0.1rem;}
    .collect_detail .more_title{padding: 1rem 0.4rem;}
}