@charset "utf-8";

@font-face
{font-family: MontserratMedium;
src: url('Montserrat-Medium.ttf')}


@font-face
{font-family: MontserratExtraBold;
src: url('Montserrat-ExtraBold.ttf')}

@font-face
{font-family: MontserratRegular;
src: url('Montserrat-Regular.ttf')}

@font-face
{font-family: MontserratSemiBold;
src: url('Montserrat-SemiBold.ttf')}

@font-face
{font-family: MontserratLight;
src: url('Montserrat-Light.ttf')}

@font-face
{font-family: OiRegular;
src: url('Oi-Regular.ttf')}

/* @font-face
{font-family: WatchRegular;
src: url('WatchRegular.ttf')} */


.MontserratExtraBold{font-family: 'MontserratExtraBold';}



@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: .16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


*{box-sizing:border-box;font-family: inherit;color:inherit;line-height: inherit;font-size:inherit;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'MontserratMedium', "microsoft yahei",'PingFang SC','PingFangMedium';/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}
.auto{margin:0 auto;max-width: 17rem;width: 94%;}
.auto1600{margin:0 auto;max-width: 16rem;width: 90%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.imgbox{display: block;overflow: hidden;}
.imgbox .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);}
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
.flex-center{display: flex;align-items: center;justify-content: center;}
html{font-size: 5.2083vw;}
body{overflow-x: hidden;line-height: 1.4;color:#242424;background:#f8f8f7;font-size:0.16rem;font-family: inherit;}
/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */

.btn{border:none;cursor: pointer;min-width: 2.35rem;height: 0.6rem;line-height: 0.6rem;border-radius:.29rem;display: inline-block;vertical-align: middle;padding:0 0.28rem;background:#000;color:#fff;font-size:0.18rem;text-align: center;}
.btn:hover{background-color: #de1414;}

.c-main{color:#c90000!important;}


/* 公共部分 */
.head{height: 0.95rem;background-color: #fff;position: sticky;width: 100%;left: 0;top: 0;z-index:100;border-bottom:1px solid #efefef; transition: all 0.3s ease;}
.head .wrap{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.head .r{display: flex;align-items: center;}


.hd-logo .img{height: 0.75rem;width: auto;}




.hd-nav li{display: inline-block;vertical-align: middle;margin:0 0 0 0.55rem;position: relative;}
.hd-nav li>a{display: block;color:#595959;line-height: 0.95rem;position: relative;}
.hd-nav li:hover>a,.hd-nav li.cur>a{color:#000;}


.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);}
.hd-nav.show{display: block;}

.hd-nav .drop{width: 2rem;position: absolute;left:50%;transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;background-color:#fff;margin-left: -1rem;box-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.1);}
.hd-nav .drop .lk{line-height: 0.22rem;display: block;text-align: center;border-bottom:1px solid #efefef;padding:0.12rem 0.1rem;}
.hd-nav .drop .lk:hover{color:#c90000;}
.hd-nav .drop .lk:last-child{border-bottom:none;}


.hd-sear{margin-left: 1.1rem;}
.hd-sear .icon{width: 0.3rem;height: 0.3rem;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 0.2rem;font-weight: bold;}
.hd-sear .icon::after{content:'\e651';font-family: 'iconfont';}


.hd-sear-box{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.7);z-index:110;display: none;}
.hd-sear-box .box{max-width: 8rem;line-height: 0.6rem;width: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius:.1rem;display: flex;overflow: hidden;}
.hd-sear-box .ipt-txt{color:#000;flex:1;overflow: hidden;padding:0 .2rem;}
.hd-sear-box .submit{width: 0.6rem;height: 0.6rem;border:none;cursor: pointer;margin-right: 0.05rem;font-size: 0.26rem;background:none;font-weight: bold;}
.hd-sear-box .submit::after{content:'\e651';font-family: 'iconfont';}

.hd-lang{position: relative;margin-left: 0.4rem;}
.hd-lang .font{color:#333;cursor: pointer;display: flex;align-items: center;font-size:0.19rem;}
.hd-lang .font i{font-size: 0.21rem;margin-right: 0.08rem;}
.hd-lang .font::after{content:'\e772';display: inline-block;vertical-align: middle;margin-left: 0.08rem;font-family: 'iconfont';}
.hd-lang .drop{position: absolute;width: .8rem;left: 50%;transform: translate(-50%,0);padding-top: 0.15rem;display: none;}
.hd-lang .dropbox{background-color: #fff;padding:.18rem 0 .08rem .15rem;position: relative;box-shadow:rgba(0, 0, 0, 0.25) 0 0 .1rem;}
.hd-lang .lk{font-size: 0.15rem;margin-bottom: 0.12rem;display: flex;align-items: center;}
.hd-lang .ic{width: 0.22rem;margin-right: 0.1rem;}
.hd-lang .lk:hover{color:#245e8c;}
.hd-lang:hover .drop{display: block;}








.foot{background:url(../images/ft_01.jpg) no-repeat center;background-size:cover;}
.foot .wrap{display: flex;justify-content: space-between;}

.ft-t{padding:0.7rem 0 0.45rem;color:rgba(255,255,255,.7);line-height:2.4;}
.ft-t .title{font-size:0.26rem;color:#fff;margin-bottom:0.1rem;}
.ft-t .info{max-width:4.5rem;width:30%;}
.ft-t .menu{display: flex;justify-content: space-between;max-width:10rem;margin-left:5%;}
.ft-t .lks li a{display: inline-block;line-height:inherit;}
.ft-t .lks li a:hover{color:#fff;}


.ft-b{padding:0.2rem 0;border-top:1px solid rgba(255,255,255,.2);color:#fff;}
.ft-b .social{display: flex;}
.ft-b .social a{margin-right: 0.42rem;font-size: 0.28rem;}
.ft-b .social a:last-child{margin-right: 0;}
.ft-b .social a:hover{opacity: 0.75;}
.ft-b .txt{text-align: right;}



.ft-sec{min-height:6.1rem;background:url(../images/art_03.jpg) no-repeat center;background-size:cover;color:#000;padding:1.2rem 0 1rem;text-align: center;position: relative;overflow: hidden;}
.ft-sec .auto{max-width:14rem;}
.ft-sec .title{font-size:0.46rem;}
.ft-sec .txt{font-size:0.18rem;margin:0.6rem 0 0;}
.ft-sec .more{margin:0.6rem 0 0;}
.ft-sec .picbox{width: 5.9rem;position: absolute;left:50%;top:0.8rem;transform: translate(-50%,0);}
.ft-sec .pic{width:100%;animation: rotateCircle 5s linear infinite;}


@keyframes rotateCircle {
	0% {
		transform: scale(0.9,0.9);
	}
	50% {
		transform: scale(1,1);
	}
	100% {
		transform: scale(1.1,1.1);
	}
}



/* Artists */
.top-bt{padding:0.6rem 0 0.5rem;border-bottom:1px solid #d7d7d7;}
.top-bt .smwz,.top-bt .bt{font-family: 'MontserratExtraBold';line-height: 1;}
.top-bt .smwz{font-size:1.22rem;-webkit-text-stroke-width: 2px;-webkit-text-stroke-color: rgba(75,75,75,.06);color:#f8f8f7;}
.top-bt .bt{font-size:0.76rem;color:#222;margin-top:-0.65rem;}


.idx-tt{text-align: center;margin:0 0 0.4rem;}
.idx-tt .bt{font-size:0.76rem;color:#222222;font-family: 'MontserratExtraBold';line-height:1.2;}
.idx-tt .smwz{font-size:0.18rem;color:#222;margin:0.15rem auto 0;}
.idx-tt.white .bt{color:#fff;}


.main{padding:0.4rem 0 1.2rem;}

.art-list{display: flex;flex-wrap:wrap;margin:-0.8rem 0 0 -2%;}
.art-list .item{width:23%;margin:0.8rem 0 0 2%;text-align: center;}
.art-list .imgbox{height:4.9rem;border-radius:0.1rem;box-shadow:0 0 0.1rem rgba(0,0,0,.47);}
.art-list .title{font-size:0.22rem;margin:0.2rem 0 0;}
.art-list .txt{margin-top:0.05rem;}
.art-list .item:hover .title{color:#de1414;}



/* CatalogDownload */

.down-list{display: flex;flex-wrap:wrap;margin:-0.5rem 0 0 -2%;}
.down-list .item{width:23%;margin:0.5rem 0 0 2%;text-align: center;padding:0.2rem;background:#fff;box-shadow:0 0 0.1rem rgba(9,26,34,.1);}
.down-list .imgbox{height:4.4rem;position: relative;}
.down-list .mask{position: absolute;left:0;top:0;right:0;bottom:0;background-color: rgba(0,0,0,.4);opacity: 0;transition: all 0.6s;}
.down-list .icon{width:0.92rem;height:0.92rem;background:#fff;border-radius:50%;font-size:0.36rem;color:#de1414;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;font-weight: bold;}
.down-list .icon::after{content:'\e629';font-family: 'iconfont';}

.down-list .title{color:#222222;margin:0.2rem 0 0;font-family: 'MontserratRegular';}
.down-list .item:hover .mask{opacity: 1;}
.down-list .icon:hover{color:#fff;background:#de1414;}


/* Faq */

.faq-list{}
.faq-list .item{margin-bottom:0.25rem;background:#fff;border-radius:0.1rem;padding:0.25rem 0.35rem;}
.faq-list .top{display: flex;align-items: center;cursor: pointer;}
.faq-list .top::after{content:'\eaf3';font-family: 'iconfont';width:0.34rem;height:0.34rem;background:#000;border-radius:50%;display: flex;align-items: center;justify-content: center;color:#fff;font-size:0.18rem;}
.faq-list .title{font-size:0.2rem;color:#030303;font-family: 'MontserratSemiBold';flex:1;overflow: hidden;}
.faq-list .drop{padding:0.25rem 0 0;display: none;}
.faq-list .txt{color:#2b2b2b;}
.faq-list .item.cur .drop{display: block;}
.faq-list .item.cur .top::after{content:'\e870';font-size:0.15rem;}

.faq-list .item .top:hover::after{background:#de1414;}
.faq-list .item .top:hover .title{color:#de1414;}
.faq-list .item:last-child{margin-bottom:0;}


/* Contact */
.lx-sec{padding:0.35rem 0;}
.lx-sec .detail{display: flex;align-items: center;justify-content: space-between;}
.lx-sec .info{width:47%;max-width:7.3rem;}
.lx-sec .title{font-size:0.24rem;font-family: 'MontserratRegular';}
.lx-sec .txt{color:#3f3f3f;margin:0.1rem 0 0.45rem;}
.lx-sec .fz{margin-bottom:0.2rem;display: flex;align-items: flex-start;line-height:0.3rem;}
.lx-sec .fz:last-child{margin-bottom:0;}
.lx-sec .fz .icon{width:0.3rem;margin:0 0.12rem 0 0;}
.lx-sec .imgbox{width:47%;max-width:7.75rem;height:4.25rem;border-radius:0.1rem;}


.lx-form{padding:0.55rem 0;background:#fff;}
.lx-form .auto{max-width:14.3rem;}

.lx-form .row{display: flex;justify-content: space-between;}
.lx-form .row .item{width: 49%;}
.lx-form .item{margin-bottom: 2%;border:1px solid #dadada;border-radius:0.05rem;overflow: hidden;}
.lx-form .box{background-color: #fff;display: flex;align-items: flex-start;width: 100%;}
.lx-form .tit{color:#000;line-height: 0.54rem;margin-left: 0.25rem;position: relative;font-family: 'MontserratLight';}

.lx-form .info{flex:1;overflow: hidden;}
.lx-form .ipt{width: 100%;font-family: 'MontserratLight';}
.lx-form .ipt-txt{height: 0.52rem;line-height: 0.52rem;padding:0 .18rem;}
.lx-form .con{height: 2.2rem;line-height: 1.3;padding:.18rem .18rem;resize:none;}



/* LocalPartnerList */
.inner-ban{height: 5.9rem;}

.crumb{color:#242424;line-height: 0.3rem;padding:0.17rem 0;}
.crumb a:hover{color:#de1414;}
/* .crumb .auto{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} */


.hz-sec{padding:0.35rem 0 0.5rem;}
.hz-sec .auto{max-width:15rem;}
.hz-sec .t-tit{font-size:0.54rem;margin-bottom:0.4rem;font-family: 'MontserratExtraBold';}
.hz-sec .smtit{font-size:0.24rem;padding:0 0 0.25rem;border-bottom:1px solid #9d9d9d;margin:0 0 0.6rem;}
.hz-sec .smtit .ico{width:0.44rem;margin:0 0.1rem 0 0;}
.hz-sec .detail{display: flex;flex-wrap:wrap;justify-content: space-between;}
.hz-sec .col{width:30%;}
.hz-sec .list .item{margin-bottom:0.4rem;}
.hz-sec .list .title{font-size:0.2rem;padding:0.1rem 0;border-bottom:1px solid #9d9d9d;cursor: pointer;}
.hz-sec .list .drop{display: none;}
.hz-sec .list .txt{font-family: 'MontserratRegular';margin:0.2rem 0 0;}
.hz-sec .list .txt p{margin-bottom:0.22rem;}
.hz-sec .list .txt p:last-child{margin-bottom:0;}
.hz-sec .list .item:hover .title{color:#de1414;}



/* PartnerRecruitment */
.recu-partner{padding:0.45rem 0 0.7rem;}
.recu-partner .auto{max-width:15rem;}
.recu-partner .detail{background:url(../images/recu_01.jpg) no-repeat center;background-size:cover;color:#fff;padding:0.4rem 0.4rem 0.6rem;border-radius:0.22rem;overflow: hidden;box-shadow:0 0 0.24rem rgba(0,0,0,.5);}
.recu-partner .title{font-size:0.32rem;font-weight: bold;}
.recu-partner .list{}
.recu-partner .list li{margin-top:0.28rem;}
.recu-partner .list .smtit{font-size:0.18rem;padding-left:0.2rem;position: relative;font-family: 'MontserratSemiBold';}
.recu-partner .list .smtit:before{content:'';width:0.07rem;height:0.07rem;border-radius:50%;position: absolute;left:0;top:0.08rem;background:#fff;}
.recu-partner .list .txt{margin:0.08rem 0 0 0.2rem;}
.recu-partner .bottxt{font-size:0.28rem;margin:0.45rem 0 0.35rem;font-weight: bold;}



.recu-qua{padding:0 0 1rem;}
.recu-qua .auto{max-width:15rem;}
.recu-qua .topbox{border-top:1px solid #d1d1d1;padding:0.55rem 0 0;}
.recu-qua .topbox .smtit{font-size:0.23rem;font-weight: bold;margin-bottom:0.25rem;}
.recu-qua .topbox .txt{font-size:0.18rem;font-weight: bold;line-height:1.8;padding-left:0.2rem;margin:0 0 0.45rem;}
.recu-qua .topbox .txt li{margin-bottom:0.15rem;list-style: disc;}
.recu-qua .topbox .txt li:last-child{margin-bottom:0;}
.recu-qua .topbox .txt span{font-weight: normal;}

.recu-link{}
.recu-link span{display: inline-block;vertical-align: middle;position: relative;line-height:1.2;font-size:0.24rem;font-weight: bold;color:#000;}
.recu-link span::before{content:'';position: absolute;left:0;bottom:0;height:2px;background:#000;width:100%;}
.recu-link span::after{content:'\e60e';font-family: 'iconfont';transform: rotate(-48deg);display: inline-block;position: absolute;right:-0.34rem;top:50%;line-height:0.2rem;margin-top:-0.1rem;font-size:0.2rem;}
.recu-link:hover span{color:#c90000;}
.recu-link:hover span::after{transform: rotate(-48deg) scale(1.1,1.1);}
.recu-link:hover span:before{background:#c90000;}

.recu-qua .botbox{border-radius:0.14rem;background:#f8f8f7;box-shadow:0 0 0.24rem rgba(9,26,34,.2);display: flex;align-items: center;overflow: hidden;margin-top:0.75rem;}
.recu-qua .botbox .info{width:50%;padding:0 8%;}
.recu-qua .botbox .t-tit{font-size:0.54rem;}
.recu-qua .botbox .desc{margin-top:0.2rem;line-height:1.8;}
.recu-qua .botbox .more{margin-top:0.5rem;}
.recu-qua .botbox .imgbox{width:50%;height:5.6rem;}




/* about */
.us-band{padding:0.7rem 0;}
.us-band .detail{display: flex;align-items: center;justify-content: space-between;}
.us-band .info{width:47%;}
.us-band .txt{color:#3f3f3f;}
.us-band .videobox{width:50%;height:5.5rem;border-radius:0.23rem;}
.us-band .videobox .playicon{width: 1rem;height: 1rem;}


.videobox{position:relative;overflow: hidden;background-color: #000;}
.videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.videobox .playicon{position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index:6;}
.videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.videobox .video{width: 100%;height: 100%;object-fit: contain;}


.us-fac{padding:0.7rem 0 0;background:#fff;}
.us-fac .idx-tt .smwz{max-width:11rem;}
.us-fac .detail{padding-left:1rem;}
.us-fac .item{height:4.75rem;border-radius:0.18rem;overflow: hidden;}
.us-fac .swiper-slide{width:7.45rem;}

.swiper-pagination{margin-top:0.5rem;position: static;}
.swiper-pagination-bullet{width:0.28rem;height:0.06rem;background:#b0b0b0;opacity: 1;margin:0 0.08rem!important;border-radius:0;}
.swiper-pagination-bullet-active{background:#000;}


.us-mission{padding:1rem 0 0.95rem;background-color: #fff;}
.us-mission .idx-tt .smwz{max-width:11rem;}
.us-mission .list{display: flex;justify-content: space-between;flex-wrap:wrap;padding-top:0.1rem;}
.us-mission .list .item{border:1px solid #e3e3e3;border-radius:0.38rem;padding:0.6rem 0 0.9rem;width:31%;text-align: center;max-width:5.2rem;}
.us-mission .list .ico{height:1.2rem;width:auto;margin:0 auto;}
.us-mission .list .ico-h{display: none;}
.us-mission .list .title{font-size:0.24rem;color:#222;margin-top:0.05rem;}
.us-mission .list .txt{font-size:0.18rem;color:#403f3f;max-width:3rem;margin:0.16rem auto 0;}
.us-mission .list .item:hover{background:#000;box-shadow:0 0 0.18rem rgba(4,0,0,.63);border-color:#000;}
.us-mission .list .item:hover .title,.us-mission .list .item:hover .txt{color:#fff;}
.us-mission .list .item:hover .ico-h{display: block;}
.us-mission .list .item:hover .ico-s{display: none;}



.us-timeline{padding:0.7rem 0;background:#f8f8f7;}
.us-timeline .auto{max-width:16.2rem;}
.us-timeline .detail{position: relative;}

.us-timeline .gallery{}
.us-timeline .item{display: flex;align-items: center;justify-content: space-between;padding:0.2rem 1.2rem 0;}
.us-timeline .item .info{width:50%;display: flex;align-items: center;}
.us-timeline .item .year{font-size:0.96rem;line-height:1;font-weight: bold;margin-right:0.35rem;}
.us-timeline .item .txt{color:#3f3f3f;}
.us-timeline .item .imgbox{height:3.1rem;width:45.5%;border-radius:0.08rem;box-shadow:0 0 0.16rem rgba(9,26,34,.17);}

.us-timeline .thumbs{margin-top:0.6rem;text-align: center;position: relative;}
.us-timeline .thumbs:before{content:'';position: absolute;left:0;width:100%;top:0.21rem;background:#ddd;height:1px;}
.us-timeline .grp{cursor: pointer;display: inline-block;min-width:1rem;}
.us-timeline .grp .circle{width:0.42rem;height:0.42rem;background:url(../images/us_11.png) no-repeat center;background-size:contain;display: block;margin:0 auto;}
.us-timeline .grp .year{font-size: 0.18rem;text-align: center;margin-top:0.09rem;}

.us-timeline .swiper-slide-thumb-active .grp .circle{background-image:url(../images/us_11-1.png);}
.us-timeline .gallery:hover .swiper-button{opacity: 1!important;}
.us-timeline .gallery .swiper-container{position: static;}
.us-timeline .swiper-button{top:auto;bottom:0.29rem;}



.swiper-button{width:0.5rem;height:0.5rem;background:#000;display: flex;align-items: center;justify-content: center;border-radius:50%;font-size:0.2rem;color:#fff;margin-top:-0.25rem;/* opacity: 0!important; */}
.swiper-button::after{content:'\e611';font-family: 'iconfont';}
.swiper-button:hover{background:#c90000;}
.swiper-button-prev{transform: rotate(180deg);left:0;}
.swiper-button-next{right:0;}



.us-cul{background:url(../images/us_08.jpg) no-repeat center;background-size:cover;padding:0.9rem 0;}
.us-cul .auto{max-width:16.6rem;}
.us-cul .idx-tt{margin:0;text-align: left;}
.us-cul .detail{display: flex;align-items: center;justify-content: space-between;}
.us-cul .info{/* width:38%;max-width:6.1rem; */ flex:1;overflow: hidden;}
.us-cul .txt{font-size:0.2rem;color:#fff;margin-top:0.28rem;line-height: 1.8;}


.us-cul .rbox{width:9.5rem;/* width:60%; */position: relative;padding-left:3.81rem;margin-left:1rem;}

.us-cul .imgbox{border:0.03rem solid #fff;position: absolute;}
.us-cul .imgbox .img{transition: all 0.6s;}
.us-cul .imgbox:hover .img{transform: scale(1.1,1.1);}

.us-cul .imgbox1{width:1.63rem;height:1rem;left:0;top:1.92rem;}
.us-cul .imgbox2{width:2.04rem;height:2.07rem;left:1.7rem;top:0.85rem;}
.us-cul .imgbox3{width:2.46rem;height:1.36rem;left:1.28rem;top:3rem;}
.us-cul .imgbox4{width:1rem;height:0.86rem;left:2.74rem;top:4.44rem;}

.us-cul .imgbox5{width:1.45rem;height:1.85rem;position: relative;}
.us-cul .imgbox6{width:2.05rem;height:2.54rem;position: relative;margin:0.07rem 0;}
.us-cul .imgbox7{width:2.05rem;height:1.06rem;position: relative;}


.us-cul .imgbox8{width:1.78rem;height:1.12rem;left:5.32rem;top:0.73rem;}
.us-cul .imgbox9{width:1.42rem;height:1.72rem;left:5.94rem;top:1.92rem;}
.us-cul .imgbox10{width:1.42rem;height:1.1rem;left:5.94rem;top:3.72rem;}
.us-cul .imgbox11{width:1.78rem;height:1.12rem;left:7.44rem;top:1.63rem;}

.us-cul .imgbox12{width:1.42rem;height:1.25rem;left:7.44rem;top:2.83rem;}





/* Instruments */
.cp-main{padding:0.3rem 0 0.9rem;}
.cp-main .wrap{display: flex;align-items: flex-start;}
.cp-main .l{width: 2.8rem;margin-right: 0.25rem;}
.cp-main .r{flex:1;overflow: hidden;}


.cp-menu{padding:0.2rem 0.15rem;background:#fafafa;}
.cp-menu .t-tit{font-size: 0.22rem;color:#000;font-family: 'MontserratSemiBold';margin-bottom:0.14rem;}

.cp-menu .list{}
.cp-menu .list .lk{display: block;font-size:0.16rem;color:#454545;line-height:0.24rem;padding:0.18rem 0;border-top:1px solid #cecece;}
.cp-menu .list .lk:before{content:'';width:0.05rem;height:0.05rem;background:#000;margin: -0.02rem 0.09rem 0 0;display:inline-block;vertical-align: middle;}
.cp-menu .list .lk:hover,.cp-menu .list .lk.cur{color:#c90000;}


.cp-list{display: flex;flex-wrap: wrap;margin:-0.5rem 0 0 -2%;}
.cp-list .item{width: 23%;margin:0.5rem 0 0 2%;}
.cp-list .imgbox{height: 5.3rem;background-color: #fafafa;display: flex!important;align-items: center;justify-content: center;}
.cp-list .img{width: 86%;height: 86%;object-fit: contain;}
.cp-list .title{font-size: 0.2rem;color:#000000;line-height: 1.3;-webkit-line-clamp: 2;margin-top:0.2rem;text-align: center;}
.cp-list .item:hover .title{color:#c90000;}


.pagelist{margin-top: 1rem;text-align: center;}
.layui-laypage{margin: 0;}
.layui-laypage a, .layui-laypage span{font-size: 0.22rem;min-width: 0.52rem;height: 0.52rem;background-color: #f6f6f6;margin:0 .06rem;line-height: 0.52rem;text-align: center;padding: 0;overflow: hidden;border:none!important;border-radius:50%;font-family: 'MontserratSemiBold';}
.layui-laypage .layui-laypage-prev,.layui-laypage .layui-laypage-next{padding:0 .1rem;background:transparent;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #000;}
.layui-laypage a:hover{color:#c90000;}
.layui-laypage .layui-laypage-skip{background-color: #fff;height: 0.52rem;line-height: 0.52rem;color:#333;}
.layui-laypage .layui-laypage-curr em{display: block;line-height: 0.52rem;}



/* InstrumentsDetail */
.cp-det{padding:0.65rem 0 0.2rem;}
.cp-det .auto{max-width:15.3rem;}




.cp-top{background-color: #fff;margin:0 0 1rem;display: flex;align-items: center;justify-content: space-between;}
.cp-top .info{width: 48%;max-width:7.1rem;}
.cp-top .title{font-size: 0.4rem;color:#000;margin-bottom:0.2rem;}
.cp-top .txt{line-height: 1.6;color:#222222;}
.cp-top .smtit{font-size: 0.22rem;color:#000;margin-bottom: 0.2rem;font-weight: bold;}

.cp-top .table{margin:0.4rem 0;}
.cp-top .table th,.cp-top .table td{padding:0.13rem 0 0.13rem 0.2rem;line-height:0.24rem;text-align: left;font-weight: normal;}
.cp-top .table th{font-size:0.22rem;color:#fff;background:#000000;}
.cp-top .table td{color:#222222;border-bottom:1px solid #cecece;}

.cp-top .btngrp{margin: 0.3rem 0 0 -0.15rem;display: flex;}
.cp-top .grp{padding:0.15rem;margin-right:0.4rem;border-radius:0.16rem;position: relative;}
.cp-top .grp .button{overflow: hidden;}
.cp-top .grp .arrow{width:0.7rem;height:100%;background:#333333;display: inline-block;border-radius:0 .29rem .29rem 0;vertical-align: middle;margin-left:0.25rem;font-size:0.22rem;float:right;}
.cp-top .grp .arrow::after{content:'\e772';font-family: 'iconfont';}
.cp-top .grp .drop{padding:0.11rem 0.15rem;position: absolute;width:100%;left:0;background:#f0f0f0;display: none;border-radius: 0 0 0.16rem 0.16rem;}
.cp-top .grp .drop .lk{display: block;padding:0.06rem 0.12rem;line-height:0.22rem;color:#282828;}
.cp-top .grp .drop .lk:hover{color:#de1414;}

.cp-top .grp2:hover{ background:#f0f0f0;}
.cp-top .grp2:hover .drop{display: block;}
.cp-top .grp2:hover .button{background-color: #de1414;}
.cp-top .grp2 .button{padding-right:0;min-width:2.15rem;}





.cp-top .slide{width: 48%;max-width:7.1rem;}
.cp-top .item .img{width: 95%;height: 95%;object-fit: contain;}

.cp-top .thumbs{margin-top:0.15rem;}
.cp-top .thumbs .item{height: 2.65rem; border-radius:.06rem;overflow: hidden;background-color: #fafafa;}
.cp-top .thumbs .item .img{opacity: 0.7;}
.cp-top .thumbs .swiper-slide-thumb-active .item .img{opacity: 1;}


.cp-top .gallery{position: relative;}
.cp-top .gallery .swiper-container{position: static;}
.cp-top .gallery .item{height: 8.5rem;background:#fafafa;display: flex;align-items: center;justify-content: center;}

.cp-top .gallery:hover .swiper-button{opacity: 1!important;}
.cp-top .swiper-button-prev{left:0.25rem;}
.cp-top .swiper-button-next{right:0.25rem;}



.cp-tit{font-size:0.42rem;color:#000;font-weight: bold;margin-bottom:0.2rem;}

.cp-mod{margin-bottom:0.8rem;}
.cp-mod .videobox{width:100%;height:5.9rem;}
.cp-mod .videobox .playicon{width: 1.1rem;height: 1.1rem;border:1px solid #fff;border-radius:50%;}

.cp-mod.product{border-top:1px solid #ddd;padding:0.45rem 0 0;}




/* index */
.idx-ban .item{height: calc(100vh - 0.95rem);position: relative;overflow: hidden;}
.idx-ban .box{position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);}
.idx-ban .title{font-size: 0.8rem;color:#000;font-family: 'OiRegular';line-height:1.3;}
.idx-ban .title *{font-family: inherit;}
.idx-ban .txt{font-size: 0.28rem;color:#000;margin-top: 0.2rem;}
.idx-ban .more{margin-top: 0.6rem;}

.idx-ban .item .img{transition: 3s linear;transform: scale(1.08);}
.idx-ban .swiper-slide-active .item img{transform: scale(1);}

.idx-ban .swiper-pagination{position: absolute;bottom:0.3rem;font-size:0;}


.idx-guitar{background:url(../images/idx_02.jpg) no-repeat center;background-size:cover;padding:0.7rem 0 0.9rem;}
.idx-guitar .list{display: flex;flex-wrap:wrap;margin:0 0 0 -3%;}
.idx-guitar .list .item{width:22%;margin:0 0 0 3%;display: flex;flex-direction: column;}
.idx-guitar .list .smbox{position: relative;}
.idx-guitar .list .imgbox{height:5.6rem;}
.idx-guitar .list .title{font-size:0.38rem;text-align: center;display: block;font-family: 'MontserratExtraBold';margin:0.15rem 0;}

.idx-guitar .list .line{width:1rem;height:0.17rem;background:rgba(236,239,240,.9);position: absolute;display: block;box-shadow:0 1px 0 rgba(0,0,0,.2);}

.idx-guitar .list .item1{margin-top:1.35rem;}
.idx-guitar .list .item2{margin-top:1.6rem;}
.idx-guitar .list .item3{}
.idx-guitar .list .item4{margin-top:1.1rem;}
.idx-guitar .list .item:nth-child(even){flex-direction: column-reverse;}
.idx-guitar .list .item:hover .title{color:#de1414;}

.idx-guitar .list .item1 .line1,.idx-guitar .list .item3 .line1{left:50%;top:0;transform: translate(-50%,-50%);}
.idx-guitar .list .item1 .line2,.idx-guitar .list .item3 .line2{display: none;}

.idx-guitar .list .item2 .line{top:0.1rem;}
.idx-guitar .list .item2 .line1{transform: rotate(45deg);right:-0.3rem;}
.idx-guitar .list .item2 .line2{transform: rotate(-45deg);left:-0.3rem;}


.idx-guitar .list .item4 .line1{transform: rotate(45deg);right:-0.3rem;top:0.1rem;}
.idx-guitar .list .item4 .line2{transform: rotate(45deg);left:-0.3rem;bottom:0.1rem;}


.idx-cp{position: relative;background:#fff;}
.idx-cp .auto{max-width:13.4rem;}
.idx-cp .gallery{position: relative;}
.idx-cp .item{background:url(../images/idx_07.jpg) no-repeat center;background-size:cover;}
.idx-cp .item .box{position: relative;min-height:6.45rem;padding:1rem 0 0.5rem;}
.idx-cp .item .info{max-width:6.6rem;color:#000;}
.idx-cp .item .bt{font-size:0.76rem;line-height:1.2;font-family: 'MontserratExtraBold';}
.idx-cp .item .smtit{font-size:0.3rem;font-weight: bold;margin-top:0.45rem;}
.idx-cp .item .txt{font-size:0.18rem;margin-top:0.12rem;max-width:5.45rem;}
.idx-cp .item .more{margin-top:0.3rem;}
.idx-cp .item .imgbox{width:6rem;height:8.1rem;position: absolute;right: 0;top:0;}
.idx-cp .item .pic{width:100%;height:100%;object-fit: contain;}

.idx-cp .grp{display: flex;align-items: center;cursor: pointer;height:2.2rem;}
.idx-cp .grp:before{content:'';position: absolute;left:50%;top:0;height:0.04rem;background:#e72c2c;width:0;transition: all 0.3s;}
.idx-cp .grp .imgbox{width:0.6rem;height:1.5rem;display: flex;align-items: center;justify-content: center;margin-right:0.1rem;}
.idx-cp .grp .imgbox .img{width:100%;height:100%;object-fit: contain;}
.idx-cp .grp .title{max-width:0.8rem;margin-top:0.2rem;}
.idx-cp .grp:hover .title{color:#e72c2c;}

.idx-cp .gallery .swiper-container{padding-bottom:2.2rem;}
.idx-cp .thumbs{position: absolute;width: 100%;left:0;bottom:0;}
.idx-cp .thumbs .swiper-slide{width:1.3rem;}
.idx-cp .thumbs .swiper-slide-thumb-active .grp:before{width: 100%;left:0;}

.idx-cp .swiper-button{width:1.3rem;height:1.3rem;background:#e72c2c;border-radius:50%;opacity: 1!important;padding-right:0.55rem;top:50%;margin-top:-2rem;}
.idx-cp .swiper-button-prev{left:-0.65rem;}
.idx-cp .swiper-button-next{right:-0.65rem;}

.idx-cp .swiper-button:hover{background:#000;}