.fill-current {
    fill: currentColor;
	margin-right: .5vw
}
/*banner*/ 
.banner{position: relative}
.banner .swiper-wrapper{height:49.47vw; margin-bottom:9.1vw}
.banner .swiper-slide .weap{   position:relative; z-index:1}
.banner .swiper-slide .img{   z-index:1; left:0; right:0;top:0; bottom:0; overflow:hidden} 
.banner .swiper-slide .img img{display:block;width:100%;object-fit:cover;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);height:49.47vw}
.banner .swiper-slide.swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-moz-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);-o-transition:3s cubic-bezier(0.59,0.5,0.41,0.92);transition:3s cubic-bezier(0.59,0.5,0.41,0.92);}
.banner .pagination-all{ position:absolute; z-index:2; left:0; right:0; text-align:center; bottom:20px}
.banner .pagination-all>div{ display:inline-block; vertical-align:middle; color:#fff; width:auto; margin:0 10px}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background-color:#fff; margin:0 10px}
 
.index01{ margin-bottom:7.4vw}
.index01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; }
.index01 .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.index01 .left img{ display:block; width:100%}
.index01 .right{ flex: 0 0 35%; width:35%; margin-left:5.2vw}
.index01 .right .p1{font-weight: 500;  margin-bottom:0.6vw; font-size: clamp(0.7812rem, calc(0.7812rem + ((0.790 - 0.7812) * ((100vw - 20rem) / (96 - 20)))), 0.790rem);}
.index01 .right .p2{ margin-bottom:1.5vw;    font-weight: 300;
    line-height: 1.1;
    letter-spacing: -.025em;
    font-size: clamp(1.5407407407407407rem, calc(1.5407407407407407rem + ((2.1 - 1.5407407407407407) * ((100vw - 20rem) / (96 - 20)))), 2.1rem);}
.index01 .right .p2{font-size: clamp(1.5407407407407407rem, calc(1.5407407407407407rem + ((1.625 - 1.5407407407407407) * ((100vw - 20rem) / (96 - 20)))), 1.625rem);}
.index01 .right .p2 a{font-size: clamp(1.5407407407407407rem, calc(1.5407407407407407rem + ((1.625 - 1.5407407407407407) * ((100vw - 20rem) / (96 - 20)))), 1.625rem);}
.index01 .right .p3{ margin-bottom:1.3vw;font-size: clamp(.8511837997896059rem,calc(.8511837997896059rem + ((.9766627992082023 - .8511837997896059) * ((100vw - 20rem) / (96 - 20)))),.9766627992082023rem)}
.index01 .right .p4{ line-height:1.2; margin-bottom:1.5vw;font-size: clamp(.8511837997896059rem,calc(.8511837997896059rem + ((.9766627992082023 - .8511837997896059) * ((100vw - 20rem) / (96 - 20)))),.9766627992082023rem)}
.index01 .right .p5{ font-size: clamp(.8511837997896059rem,calc(.8511837997896059rem + ((.9766627992082023 - .8511837997896059) * ((100vw - 20rem) / (96 - 20)))),.9766627992082023rem);line-height: 1.5;margin-bottom:2.4vw}
 
.index01 .right .p6 a{font-size: clamp(.8511837997896059rem,calc(.8511837997896059rem + ((.9766627992082023 - .8511837997896059) * ((100vw - 20rem) / (96 - 20)))),.9766627992082023rem);}

.plo{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:2.6vw;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.plo .left{ position:relative;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.plo h3 i{ font-weight:lighter; margin-left:1vw}
.plo h3{position: relative;display:inline-block}
.plo em{ display:block; position:absolute; z-index:3; color:#756eef; right:-6px;top:-6px;transform: rotate(45deg); font-size: 16px}


.list01 ul{ margin:0 -2vw;font-size: 0;}
.list01 li{display: inline-block; width:33.33%; margin-bottom:3vw;vertical-align: top;}
.list01 li .a{ margin:0 2vw;}
.list01 li .img a{ display:block; height:100%;  background-color:#f6f6f5; font-size:0; text-align:center}
.list01 li .img img{ vertical-align:middle; max-height:100%; max-width:100%;position:relative; display:block;top:50%; left:50%;transform: translate(-50%,-50%);}
.list01 li .img{ margin-bottom:2vw; height:18vw;background-color:#f6f6f5; text-align:center}
.index02 .list01 li .img{ height:15vw}
.list01 li .info{ line-height:1.3;font-size: 16px;}
.list01 li h3{ margin-bottom:1vw; font-weight: 400;line-height: 1.1;font-size: clamp(1.2rem,calc(1.2rem + ((1.2 - 1.5) * ((100vw - 20rem) / (96 - 20)))),1.5rem);  }

.list01 li .info .p1 a,.list01 li .info .date{font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem); }
 
.index02 .weap{ padding-bottom:4vw; margin-bottom:2.6vw; border-bottom:1px solid #f6f6f5}

.index03 .weap{ padding-bottom:4vw; margin-bottom:2.6vw; border-bottom:1px solid #f6f6f5}
.index04 .weap{ padding-bottom:4vw; margin-bottom:2.6vw; }

.index05{ margin-bottom:4.6vw;}
.index05 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; background-color:#f6f6f5;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index05 .weap>div{ width:50%; }
.index05 .left{ padding:4.4vw 7vw }
.index05 .right img{ width:100%; height:100%}
.index05 .left .p1{ margin-bottom:1vw;font-size: clamp(0.7703703703703704rem, calc(0.7703703703703704rem + ((0.8125 - 0.7703703703703704) * ((100vw - 20rem) / (96 - 20)))), 0.8125rem);line-height: 1.5;}
.index05 .left .p2{ margin-bottom:1vw;font-weight: 300;line-height: 1.4;font-size: clamp(1.2430555555555556rem, calc(1.2430555555555556rem + ((1.3125 - 1.2430555555555556) * ((100vw - 20rem) / (96 - 20)))), 1.3125rem);}

.mores{ display:inline-block; padding: 0 .7vw; text-align:center; text-decoration:none; border:1px solid #000000; height: 3rem;line-height: 3rem;font-size: clamp(.8511837997896059rem,calc(.8511837997896059rem + ((.9766627992082023 - .8511837997896059) * ((100vw - 20rem) / (96 - 20)))),.9766627992082023rem); font-weight: 500}
.mores:hover{ background-color:#000; color:#fff; text-decoration:none}
 
 

.index06 .hd{ margin-bottom:1vw}
.index06 .hd h3{ font-family:"pfjtx"; text-transform:uppercase}
.index06 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start;}
.index06 ul li{ padding-right:7vw}
.index06 ul li .more{margin-top: .5vw}


.lanmu-01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; padding-top: 3.3vw; padding-bottom: 3.3vw}
.lanmu-01 .left{ font-size:0;}
.lanmu-01 .left img{  vertical-align:middle; height:clamp(1.8511837997896059rem,calc(1.8511837997896059rem + ((1.9766627992082023 - 1.8511837997896059) * ((100vw - 20rem) / (96 - 20)))),1.9766627992082023rem);margin-right:1vw}
.lanmu-01 .left span{ vertical-align:middle}
.lanmu-01 .ul{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; text-align:right}
.lanmu-01 ul li{ display:inline-block; margin:0 1.5vw}
.lanmu-01 ul li.on a{ text-decoration:underline}
.lanmu-01 .right a{ margin-left:1vw}
.lanmu-01 .right a.on{ text-decoration:underline}
.lanmu-01{ border-bottom:1px solid #e0e0e0; }
.mmenu .m{display: none}

.lanmu-02{ padding:2.2vw 0; margin-bottom:2vw;}
.lanmu-02 .weap{display: none;}
.lanmu-02.block .weap{display: block}
.lanmu-02 a{ margin-right:1.5vw;}
.lanmu-02 a.on{ text-decoration:underline}

.list02 li{ margin-bottom:3.2vw;}
.list02 li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.list02 .img{ width:53%; height:26.5vw; line-height:26.5vw; background-color:#f6f6f5; text-align:center}
.list02 .img img{ max-width:100%; max-height:100%; text-align:center; vertical-align:middle}
.list02 .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-left:3vw; padding-left:3vw;  color:#666}
.list02 .txt h3{ color:#333; margin-bottom:1vw;line-height: 1.4;font-weight: 500}
.list02 .txt .p1{ border-bottom:1px solid #ebebeb; padding-bottom:.5vw; margin-bottom:.5vw;}
.list02 .txt .p5{ display:none}
.list02 .txt .p2{ margin-bottom:1vw}
.list02 .txt .p3{ margin-bottom:1vw}
.list02 .txt .p4 { display:inline-block}
.list02 .txt .p4 .more{ cursor:pointer; }
.list02 .txt .p4 .more:hover{ text-decoration:underline}
.list02 .txt .p5{ margin-top:2vw;}

.lanmu-03{ margin-bottom:4vw}

.about-01{ margin-bottom:4vw;}
.about-01 li{ padding:1.5vw 0; border-bottom:1px solid #e0e0e0}
.about-01 li:last-child{ border-bottom:none}
.about-01 li .p1{ margin-bottom:.5vw}
.about-01 .icos p{  margin-bottom:.5vw;}
.about-01 .icos i{ display:inline-block; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:100%; vertical-align:middle; margin-right:.5vw;}
.about-01 .icos .ico-instagram{ background-image:url(../images/ico-a01.png)}
.about-01 .icos .ico-wechat{ background-image:url(../images/ico-a02.png)}
.about-01 .icos .ico-email{ background-image:url(../images/ico-a03.png)}
.about-01 .icos .ico-telephone{ background-image:url(../images/ico-a04.png)}

.about-02 ul{ margin: 1.5vw 1.5vw}
.about-02 li{ width:50%; float:left; margin-bottom:3vw;}
.about-02 li .a{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;   background-color:#f6f6f6; margin:0 1.5vw;}
.about-02 li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;padding:1.2vw 2vw}
.about-02 li .a .img{flex:0 0 40%; width:40%;  font-size:0; text-align:center; }
.about-02 li .a .img img{ vertical-align:middle; max-height:100%; max-width:100%; position:relative; display:block;top:50%; left:50%;transform: translate(-50%,-50%); }
.about-02 li .a h3{ line-height:1.5; margin-bottom:.6vw}
.about-02 li .a .p1{margin-bottom:.6vw}
.about-02 li .a:hover .p1{ text-decoration:none}
 

.searcha{ cursor:pointer}
.searcha:before {content: "";display: inline-block;width: 30px;height: 30px;background: url(../images/ico-ss.png) no-repeat center;background-size: 70%;vertical-align: middle;margin-right: .5vw;}

.seachbox{ background-color:#f6f6f5; border-bottom:1px solid #e0e0e0;  text-align:center; padding:4vw 0;display: none}
.seachbox.block{display: block}
.seachbox .box{ width:620px; max-width:100%; margin:0 auto; position:relative}
.seachbox .box .input{ width:100%; height:55px; border:none; border-bottom:1px solid #333; padding:0; background:none}
.seachbox .box .inbtn{ position:absolute; z-index:2;  border:none; width:55px; bottom:0;top:0; right:0; background-color:transparent; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:40%; background-image:url(../images/ico-close.png)}

.artists-01 { padding:3.6vw 0;}  
.artists-01 li{ width:16.66%; float:left; margin-bottom:1.1vw;}
.artists-01 li.on a{ text-decoration:underline}

.artists-02{ background-color:#f6f6f6; margin-bottom:4vw;}
.list-03{ padding-top:4.2vw}
.list-03 ul{ margin:0 -2.2vw;font-size: 0;}
.list-03 li{ display: inline-block;vertical-align: top; width:20%; margin-bottom:4.2vw}
.list-03 li a{ display:block; margin:0 2.2vw;}
.list-03 li .img{ height:14vw; background-color:#ececec;}
.list-03 li .img img{vertical-align:middle; max-height:100%; max-width:100%; position:relative; display:block;top:50%; left:50%;transform: translate(-50%,-50%);}
.list-03 li .txt{ margin-top:.5vw;}

.channel-01{ padding:2vw 0;}
.channel-01 .box{ display:inline-block; position:relative;}
.channel-01 .box span{ min-width:210px; display:inline-block; padding:.1vw 0; border-bottom:1px solid #333; position:relative; cursor:pointer}
 
.channel-01 .box ul{ position:absolute; z-index:2; left:0; right:0; background-color:#fff; padding:.3vw; display:none}
.channel-01 .box ul li{ margin-bottom:.1vw}
.channel-01 .box span:after{ content:""; display:block; width:20px; height:20px; position:absolute; z-index:2; background:url(../images/jt-d.png) no-repeat center; background-size:100%; right:0;top:0}

.paths{ padding:1vw 0; border-bottom: solid 1px #eaeaea}
.channellist-01{ padding:3vw 0; text-align:center; border-bottom: solid 1px #eaeaea; margin-bottom:4vw}
.channellist-01 h1.title{ line-height:1.4; padding:1vw 0}
.channellist-01 .p2{ margin-bottom:4vw;}
.channellist-01  .conn{ overflow:hidden}
.channellist-01  .conn img{ max-width:100%}

.channellist-02{border-bottom: 1px solid #eaeaea; margin-bottom: 3vw; padding-bottom: 4vw}
.channellist-02 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start}
.channellist-02 .left{ width: 218px;flex:0 0 218px;}
.channellist-02 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.channellist-02 .left .p1{ margin-bottom: .5vw}
.channellist-02 .left .p1 a:before {content: "";display: inline-block;width: 23px;height: 23px;background: url(../images/jt-r.png) no-repeat center;background-size: 70%;vertical-align: middle;margin-right: .5vw;}
.channellist-02 .left .p2 span:before {content: "";display: inline-block;width: 23px;height: 23px;background: url(../images/ico-fx.png) no-repeat center;background-size: 90%;vertical-align: middle;margin-right: .5vw;}
.channellist-02 .left .p2 span{ cursor: pointer}
.channellist-02 .left .p2 ul{ display: none;border-top: 1px solid #eaeaea; width: 130px; max-width: 100%; padding-top: .5vw; margin-top: .5vw  }
.channellist-02 .left .p2 i {display: inline-block;width: 20px;height:20px;vertical-align: middle;margin-right: .1vw;}
.channellist-02 .left .p2 .ico-mail {background: url(../images/ico-email.png) no-repeat center;background-size: 90%;}
.channellist-02 .left .p2 .ico-WHATSAPP {background: url(../images/ico-whatsapp.png) no-repeat center;background-size: 90%;}
.channellist-02 .right .p3{ margin-bottom: 3vw}
.channellist-02 .right .p5{ border-top:1px solid #eaeaea; margin-top:2vw; padding-top: 2vw; }

.collect-01{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; background: #f6f6f6 }
.collect-01 .left{ width: 35%;flex:0 0 35%; padding: 5.4vw 3.8vw}
.collect-01 .left .p1{ margin-bottom: 1vw;}
.collect-01 .left .title{ margin-bottom: 1vw;line-height: 1.4;font-weight: 500}
.collect-01 .left .p4{ margin-top: 2vw;}
 
.collect-01 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.collect-01 .right img{ max-width: 100%; display: block}

.collect-02{ margin-top: 5vw;}
.list-04 ul{ margin: 0 -1.4vw;font-size: 0;}
.list-04 li{ width: 33.33%;display: inline-block;vertical-align: top; margin-bottom: 2.5vw}
.list-04 li .a{ margin: 0 1.4vw;}
.list-04 li .a .img{ margin-bottom: 2vw;}
.list-04 li .a .img a{ display: block; height: 24.2vw; background-color: #f0f0f0; position: relative}
.list-04 li .a .img a img{vertical-align:middle; max-height:100%; max-width:100%; position:relative; display:block;top:50%; left:50%;transform: translate(-50%,-50%);}
.list-04 li .a .p1{font-style: italic; line-height: 1.2}
.list-04 li .a .p2{ font-weight: bold}
.list-04 li .a .txt{ position: relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start;font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem); }
.list-04 li .a .txt .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.list-04 li .a .txt .Purchase{ display: block;   padding:.5vw 1vw; border: 1px solid #333}
.list-04 li .a .txt .Purchase:hover{ background-color: #000; color: #fff; text-decoration: none}

.artislist-01{ background-color: #f6f6f6; padding: 4.5vw 0;}
.artislist-01 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.artislist-01 .weap>div{ width: 50%;flex:0 0 50%}
.artislist-01 .left{ text-align: center}
.artislist-01 .left .title{ margin-bottom: 1vw}
.artislist-01 .right img{width: 100%; display: block}
.artislist-02{border-bottom: 1px solid #e9e9e9}
.artislist-02 .box{padding: 1vw 0; text-align: center}
.artislist-02 .box li{display: inline-block;margin: 0 1.5vw}

.artislist-03{padding: 3vw 0;border-bottom: 1px solid #e9e9e9}
.artislist-03 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.artislist-03 .left{width: 36%;flex:0 0 36%;margin-right: 4vw}
.artislist-03 .left .img{height:30vw; }
.artislist-03 .left .img img{vertical-align:middle; max-height:100%; max-width:100%; position:relative; display:block;top:50%; left:50%;transform: translate(-50%,-50%);}
.artislist-03 .right{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.artislist-03 .right .p1{margin-bottom: 2vw}
.artislist-03 .right .p2-all{display: none;margin-bottom: .5vw}
.artislist-03 .right .p2{cursor: pointer;}
.artislist-03 .right .p2:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/jt-r.png) no-repeat center;
    background-size: 70%;
    vertical-align: middle;
    margin-right: 0.5vw;
}
.artislist-03 .right .p3 a:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/jt-r.png) no-repeat center;
    background-size: 70%;
    vertical-align: middle;
    margin-right: 0.5vw;
	transform: rotate(90deg);
}
.artislist-03 .right .p2{margin-bottom: .5vw}
.artislist-03 .right .p3{margin-bottom: .5vw}

.artislist-03 .right .p4 span:before {content: "";display: inline-block;width: 23px;height: 23px;background: url(../images/ico-fx.png) no-repeat center;background-size: 90%;vertical-align: middle;margin-right: .5vw;}
.artislist-03 .right .p4 span{ cursor: pointer}
.artislist-03 .right .p4 ul{ display: none;border-top: 1px solid #eaeaea; width: 130px; max-width: 100%; padding-top: .5vw; margin-top: .5vw  }
.artislist-03 .right .p4 i {display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-right: .1vw;}
.artislist-03 .right .p4 .ico-mail {background: url(../images/ico-email.png) no-repeat center;background-size: 90%;}
.artislist-03 .right .p4 .ico-WHATSAPP {background: url(../images/ico-whatsapp.png) no-repeat center;background-size: 90%;}

.artislist-04{padding: 3vw 0;border-bottom: 1px solid #e9e9e9}
.artislist-04 .list-04 li:nth-child(n+7){display: none}
.artislist-04 .list-04.block li:nth-child(n+7){display: block}
.viewall{cursor: pointer}
.viewall:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/ico-viewall.png) no-repeat center;
    background-size: 70%;
    vertical-align: middle;
    margin-right: 0.5vw; 
}

.artislist-05 video{background: #000}
.artislist-05{padding: 3vw 0;border-bottom: 1px solid #e9e9e9}
.viewmore:after{
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/ico-jia.png) no-repeat center;
    background-size: 70%;
    vertical-align: middle;
    margin-left: 0.5vw; 
} 
.artislist-06{padding: 3vw 0; }
.collectlist01{border-bottom: 1px solid #eaeaea}
.collectlist01 .weap{
	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;  
}
.collectlist01 .left{width: 67%;flex:0 0 67%;margin-right: 4vw; padding-bottom: 3vw}
.collectlist01 .left img{vertical-align:middle; max-height:100%; max-width:100%; position:relative; display:block;top:50%; left:50%;transform: translate(-50%,-50%); }
.collectlist01 .left .bd{margin-bottom: 1vw;}
.collectlist01 .left .bd li{height:40vw;background-color: #f6f6f6 }
.collectlist01 .left .hd ul{margin: 0 -.5vw;overflow: hidden}
.collectlist01 .left .hd li{width: 20%;float:left; margin-bottom: 1vw;cursor: pointer}
.collectlist01 .left .hd li span{display: block;margin: 0 .5vw; height: 7.5vw;background-color: #f6f6f6}
.collectlist01 .left .hd li.on span{border: 1px solid #000}
.collectlist01 .right{background-color: #f6f6f6;padding: 2.5vw}
.collectlist01 .right .title{line-height: 1.2;margin-bottom: 1.5vw;font-size: clamp(1.2rem,calc(1.2rem + ((1.2 - 1.5) * ((100vw - 20rem) / (96 - 20)))),1.5rem); }
.collectlist01 .right .p1{font-weight: bold; margin-bottom: .5vw;font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem);}
.collectlist01 .right .p1{font-weight: bold; margin-bottom: .5vw;font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem);}
.collectlist01 .right .p2{  padding-bottom: 1vw}
.collectlist01 .right .p2 .a{display: inline-block;border: 1px solid #333; padding: .5vw .5vw;margin-right: .5vw;cursor: pointer; margin-bottom: 1vw}
.collectlist01 .right .p2 i {display: inline-block;width: 20px;height: 20px;vertical-align: middle;margin-right: .1vw;position: relative}
.collectlist01 .right .p2 .ico-email {background: url(../images/ico-email.png) no-repeat center;background-size: 90%;top:-.1vw}
.collectlist01 .right .p2 .ico-whatsapp {background: url(../images/ico-whatsapp.png) no-repeat center;background-size: 90%;}
.collectlist01 .right .p2 .a:hover{background-color: #333;color: #fff;text-decoration: none}
.collectlist01 .right .p2 .a:hover i{filter: brightness(0) invert(1);}
.collectlist01 .right .p3 .ptitle{padding: .8vw 0;cursor: pointer;border-top: 1px solid #eaeaea;position: relative}
.collectlist01 .right .p3 .pps{margin-top: .5vw;margin-bottom: 1vw;display: none}
.collectlist01 .right .p3 .ptitle:after{content: "";display: block;width: 23px;height: 23px;background: url(../images/ico-jia.png) no-repeat center;background-size: 70%;position: absolute;z-index: 2;right:0;top:50%;margin-top: -11.5px;}
.collectlist01 .right .p3 .ptitle.on:after{background: url(../images/ico-jiah.png) no-repeat center;background-size: 70%;}
.collectlist01 .right .p3 .pps.block{display: block}
.collectlist02{padding:6vw 0 }
.collectlist02 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.collectlist02 .weap>div{width: 50%;flex:0 0 50%}
.collectlist02 .left{text-align: center;}
.collectlist02 .left img{width: 30vw;max-width: 90%;}
.collectlist02 .right a:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/jt-r.png) no-repeat center;
    background-size: 70%;
    vertical-align: middle;
    margin-right: 0.5vw;
}
.exhibitions01{height: 100vh;overflow: hidden;position: relative}
.exhibitions01 .img{height: 100%;}
.exhibitions01 .img img{display: block;width: 100%;height: 100%;object-fit: cover}
.exhibitions01 .txt{ position: absolute; z-index: 2;bottom: 2.8vw;left: 0;right: 0;text-align: center; color: #fff; line-height: 1.3}
.exhibitions01 .txt .p2{font-style: italic;margin-bottom: 4vw}
.exhibitions01 .txt .p3{margin-bottom: 3vw}
.exhibitions01 .txt .d:before{content: "";display:inline-block;width: 23px;height: 23px;background: url(../images/jt-r.png) no-repeat center;background-size: 70%; filter: brightness(0) invert(1);transform: rotate(90deg) }
.exhibitions02{padding: 4vw 0; border-bottom: 1px solid #eaeaea}
.exhibitions02 .swiper-slide{width: 60%; background: #fff}
.exhibitions02 .swiper-slide img{display: block;width: 100%;opacity: .5;transition: all 0.3s;}
.exhibitions02 .swiper-pointer-events{ position: relative}
.exhibitions02 .swiper-slide.swiper-slide-active img{opacity: 1}
.exhibitions02 .swiper-button-prev{background-color: #000000;border-radius: 50%; width:3.4vw; height: 3.4vw; font-size: 0 ; left: 8%; background-image: url(../images/jt-rh.png); background-repeat:no-repeat; background-position:center; background-size: 50%;transform:rotate(180deg)}
.exhibitions02 .swiper-button-next{background-color: #000000;border-radius: 50%; width:3.4vw; height: 3.4vw; font-size: 0 ; right: 8%;background-image: url(../images/jt-rh.png); background-repeat:no-repeat; background-position:center; background-size: 50%  }
.exhibitions02 .swiper-button-next:after, .exhibitions02 .swiper-button-prev:after{ display: none}
.exhibitions02 .swiper-button-prev:hover,.exhibitions02 .swiper-button-next:hover{background-color: #fff;border: 1px solid #000;background-image: url(../images/jt-r.png);}
.exhibitions02 .swiper-button-prev,.exhibitions02 .swiper-button-next{opacity:0}
.exhibitions02 .swiper-pointer-events:hover .swiper-button-prev,.exhibitions02 .swiper-pointer-events:hover .swiper-button-next{opacity:1}

.exhibitions03{padding: 4vw 0; border-bottom: 1px solid #eaeaea}
.exhibitions03 .weap{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; align-items: flex-start}
.exhibitions03 .left{width: 59%;flex:0 0 59%;margin-right: 4vw}
.exhibitions03 .left img{display: block;width: 100%;}
.exhibitions03 .right {-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width: 0; padding-top: 1vw}
.exhibitions03 .right .title{margin-bottom: .09vw;font-size: clamp(1.2rem,calc(1.2rem + ((1.2 - 1.5) * ((100vw - 20rem) / (96 - 20)))),1.5rem);}
.exhibitions03 .right .p2{margin-bottom: 1vw;font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem);}
.exhibitions03 .right .p3{line-height: 1.6}
.exhibitions03 .right .p4{ margin-top: 1vw;}
.exhibitions03 .right .p4 span{cursor: pointer;font-size: clamp(.8888rem,calc(.8888rem + ((.9375 - .8888) * ((100vw - 20rem) / (96 - 20)))),.9375rem);}
.exhibitions03 .right .p4 span:before{content: "";display:inline-block;width: 20px;height: 20px;background: url(../images/jt-r.png) no-repeat center;background-size: 80%; vertical-align: middle; margin-right: .1vw  }
.exhibitions03 .right .p5{line-height: 1.6; margin-top: 1vw; display: none}
.exhibitions04{padding: 4vw 0;}
.privacybox{position: fixed;z-index: 998;left: 0;right: 0;bottom: 0;background-color: #fff;}
.privacybox .box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;padding: 1vw 2vw;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.privacybox .box .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.privacybox .box .right span{display: inline-block;border: 1px solid #cdcdcd;padding: .2vw 1vw; margin-left: 1vw;cursor: pointer}
.privacybox .box .right span.on{ background-color: #000; color: #fff}
.privacybox .box .right span:hover{background-color: #000; color: #fff}
.privacybox .box .right span.on:hover{background-color: #fff; color: #000}

.formpop{position: fixed;z-index:999;background-color: rgba(1,1,1,.5); left: 0;right: 0;top:0;bottom: 0;    backdrop-filter: blur(3px); }
.formpop .box{ width:927px; max-width: 85%; background-color: #fff; margin: 0 auto;position: relative;top:50%;transform: translateY(-50%); padding: 1vw 1vw;padding-bottom: 1.5vw}
.formpop .input{ width: 100%;background: #fff; border: none;border-bottom: 1px solid #eaeaea;padding:.5vw .8vw}
.formpop .p2{ margin-bottom: 3vw}
.privacyboxform .p3{position: relative;margin-bottom: 3vw}
.bt{position: absolute;z-index: 2;right:0;top:50%;transform: translateY(-50%)}
.privacyboxform .p4{margin-bottom: 3vw}
.privacyboxform .p4 li{margin-bottom: 1vw}
.privacyboxform .p4 li input{ margin-right: .5vw}
.privacyboxform .p4 li label{ cursor: pointer}
.formpop .p5{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;flex-direction: row-reverse;}
.formpop .p5 .left{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; color: #868686;font-weight: bold;line-height: 1.3}
.formpop .p5 .left a{color: #868686;text-decoration: underline}
.formpop .p5 .right .inbtn{width: 100%;background: #fff;border: 1px solid #cdcdcd;color: #cdcdcd;padding: .8vw 0;cursor: pointer}
.formpop .p5 .right .inbtn:hover{background-color: #000;color: #fff}
.formpop .p5 .right{width: 40%;flex:0 0 40%}
.privacyboxform li{overflow: hidden;position: relative}
.privacyboxform li input{display: none}
.privacyboxform li i{display: inline-block;vertical-align: middle;border: 1px solid #000000;width: 20px;height: 20px;margin-right: 1vw}
.privacyboxform li input:checked+i{background: url(../images/ico-g.png) no-repeat center; background-size: 70%}
.formpop .close{position: absolute; z-index: 3;right: 0;top:-30px;color: #fff;background: url(../images/ico-close1.png) no-repeat left center;background-size: 18px; padding-left: 30px;cursor: pointer}

.formpop{display: none}
.formpop.block{display:block}

.formpop .p6{ margin-bottom: 2vw;}
.formpop .p6 li{float:left;width: 50%; position: relative; margin-bottom: 1vw}
.formpop .p6 .intextarea textarea{ width: 100%; display: block;border: none;border: 1px solid #e5e7eb;padding: 1vw;}
.formpop .p6 .intextarea{ margin-top: 1vw}
.formpop .p6 ul{ margin: 0 -1vw;}
.formpop .p6 .p{margin: 0 1vw;}
.formpop .p6 .bt{right: 1vw}
 
.foor{position: relative;top:-100px}
.exhibitions01-01 .p02 ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content:space-between;justify-content:space-between;-moz-box-pack:space-between;-webkit--moz-box-pack:space-betweenr;box-pack:space-between;}
.exhibitions01-01{border-bottom: 1px solid #eaeaea;padding: 3vw 0;font-weight: bold}
.exhibitions01-01 .p01{margin-bottom: 2vw;}
.exhibitions01-01 .p02{color:#A3A2A2}
.exhibitions01-01 .p02 .p{color: #000}
.exhibitions01-01 .p02 .p a{text-decoration: underline}


@media (max-width: 1000px){ 
	.index01 .left{margin-bottom: 2vw}
	.index01 .weap{display: block;}
	.index01 .right{width: 100%; margin-left: 0}
	.mores{padding: 0 3vw;    height: 2.5rem;
    line-height: 2.5rem;}
}
@media (max-width: 766px){ 
	.list01 li{width: 100%; margin-bottom: 8vw}
	.list01 li .img{height: 54vw}
	.privacybox .box{display: block;padding: 3vw}
	.privacybox .box .left{ margin-bottom: 4vw;}
	.privacybox .p2{line-height: 1.3}
	.privacybox .box .right span{margin-left: 0;margin-right: 2vw}
	.index05 .weap{display: block;}
	.index05 .weap>div{width: 100%}
	.index01 .right .p6 a:before{ width: 18px;height: 15px; margin-right: 3vw}
	.mores:before{margin-right: 2vw; width: 4vw;height: 4vw}
	.index06 ul{display: block; }
	.index06 ul li{ padding-right: 0; margin-bottom: 6vw}
	.lanmu-01 .left img{ height:clamp(1.1rem,calc(1.1rem + ((1.1 - 1) * ((100vw - 20rem) / (96 - 20)))),1.1rem); }
	.lanmu-01 .weap{display: block}
	.about-02 li{width: 100%}
	.about-02 li .a{display: block;margin: 0}
	.about-02 li .a .img{width: 100%; height: 40vw}
	.about-02 li .txt{padding: 4vw 3vw;}
	.lanmu-01 .right{margin-top: .5rem;font-size: 0}
	.lanmu-01 .right a{font-size:16px;margin-left: 0;margin-right: 0;width: 50%;display: inline-block;font-weight: bold}
	.about-01 .icos i{ 
	    margin-right: 1vw;
	}
	.about-01 .icos p{
		margin-bottom: 2vw;
	
	}
	.seachbox .box .inbtn{width: 45px;}
	.lanmu-01 .weap{position: relative}
	.searcha{position: absolute;right: 10px;top:20px}
	.artists-01 li{width: 50%;text-align: center}
	.list-03 li{width: 50%}
	.list-03 li .img{height: 42vw}
	.index05 .left{padding: 3vw 3vw}
	.channellist-01 h1.title{line-height: 1.2}
	.channellist-02 .weap{display: block}
	.channellist-02 .left{width: 100%; margin-bottom: 4vw}
	.collect-01{display: block}
	.collect-01 .left{width: 100%}
	.list-04 li{width: 100%}
	.list-04 li .a .img a{height: 48vw}
	.collectlist01 .weap{display: block}
	.collectlist01 .left{width: 100%; margin-bottom: 0}
	.collectlist01{margin-top: 3vw; padding-bottom: 2vw}
	.collectlist01 .left .bd li{height: 80vw}
	.collectlist01 .left .hd li span{height: 15vw}
	.collectlist02 .weap{display: block}
	.collectlist02 .weap>div{width: 100%}
	.collectlist02 .left img{width: 100%; max-width: 100%}
	.exhibitions03 .weap{display: block}
	.exhibitions03 .left{width: 100%}
	.exhibitions01{height: 60vh}
	.fz84{font-size: 50px}
	.fz44{font-size: 26px}
	.exhibitions02 .swiper-slide{width: 70%}
	.list02 li .a{display: block}
	.list02 li{margin-bottom: 6vw}
	.list02 .img{width: 100%;height: 52vw; line-height:52vw;margin-bottom: .5rem}
	.exhibitions02 .swiper-container{position: relative}
.exhibitions02 .swiper-button-prev, .exhibitions02 .swiper-button-next{opacity: 1}
.exhibitions02 .swiper-button-prev,.exhibitions02 .swiper-button-next{width: 6vw;height: 6vw}
	.artislist-01 .weap{display: block}	
	.artislist-01 .weap>div{width: 100%}
	.artislist-01 .left{margin-bottom: 1vw}
	.artislist-03 .weap{display: block}
	.artislist-03 .left{width: 100%;margin-right: 0; margin-bottom: 4vw}
	.artislist-03 .left .img{height: 60vw;}
	.exhibitions01-01 .p02 ul{display: block}
.exhibitions01-01 .p02 ul li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin-top:6vw;}
	.exhibitions01-01 .p02 ul li .t{width: 120px;flex:0 0 120px}
	.formpop .p5{display: block}
	.formpop .p5 .right{width: 100%;margin-bottom: 4vw}
	.formpop .box{padding: 3vw}
	.formpop .input{padding: 2vw 1vw}
	.formpop .p5 .right .inbtn{padding: 2vw 0}
	.formpop .p6 li{width: 100%}
	.channel-01 .box{display: block;}
	.channel-01 .box span{min-width: 100%;padding: 1vw 0}
	.channel-01 .box ul li a{display: block;line-height: 2.5}
	.lanmu-01 ul{font-size: 0;margin-top: .5rem}
	.lanmu-01 ul li{width: 50%;margin: 0;}
	.lanmu-01 ul li a{display: block;margin-top: .2rem;font-weight:bold}
	.lanmu-01 .ul{text-align: left}
	.list02 .txt{padding-left: 0}
	.index06 ul li .more{margin-top: 2vw}
	/*.mmenu{position: relative}
	.mmenu .m{display:block;text-align: left;position: relative;padding: .8rem 0;border-bottom: 1px solid #000}
	.mmenu .m .fill-current{position: absolute;z-index: 2;right: 0;top: 50%;transform: translateY(-50%)}
	.collect-01 .left .title{line-height: 1.1}
	.mmenu ul{position: absolute;z-index: 2;left: 0;right: 0;background-color:#fff;  box-shadow: 0 0 10px 0 rgba(2,2,2,.1);display: none}
	.mmenu ul li{display: block;text-align: left}
	.mmenu ul li a{padding: .5rem 0;display: block}*/
}