/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%; }
.ind-banner .onebox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 2; top: 20%; }
.ind-banner .onebox h2{ font-size: 0.48rem; line-height: 0.64rem; font-weight: 400; color: #fff;}
.ind-banner .onebox h3{ margin-top: 0.1rem; font-size: 0.4rem; line-height: 0.64rem; font-weight: 400; color: #fff;}
.ind-banner .onebox .btnGroup{ margin-top: 0.2rem; }
.ind-banner .onebox .btnGroup li{ display: inline-block; margin: 0 0.1rem; }
.ind-banner .onebox .btnGroup li a{ width: 1.56rem; height: 0.48rem; border: #fff solid 1px; border-radius: 0.48rem; color: #fff; font-size: 0.16rem; }
.ind-banner .onebox .btnGroup li a:hover{ border: none; background-image: linear-gradient(90deg, #ee1d23 0%, #ef3d22 100%); background-blend-mode: normal, normal; }

.ind-banner .swiper-pagination{ width: auto; bottom: 30px; left: 50%; transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); } 
.ind-banner .swiper-pagination:before{ content: ''; position: absolute; top: 50%; margin-top: 1px; left: 50%; width: calc(100% - 10px); height: 1px; background: rgba(255,255,255,0.3); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.ind-banner .swiper-pagination .swiper-pagination-bullet { position: relative; width: 6px; height: 6px; box-sizing: border-box; margin: 0 1.0rem; border-radius: 50%; background: #fff; opacity: 1;}
/*.ind-banner .swiper-pagination .swiper-pagination-bullet:after{ content: ''; position: absolute; top: 50%; left: 50%; width: 26px; height: 26px; background: #a8aeb0; border: solid 1px #fff; opacity: 0; border-radius: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
*/
.ind-banner .swiper-pagination .swiper-pagination-bullet:before{ content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; background: url(../images/nimg18_1.png) no-repeat center; background-size: 100%; opacity: 0; transform: rotate(-90deg); -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.ind-banner .swiper-pagination .swiper-pagination-bullet:first-of-type { margin: 0 1.0rem 0 0;}
.ind-banner .swiper-pagination .swiper-pagination-bullet:last-of-type{ margin: 0 0 0 1.0rem; }
.ind-banner .swiper-pagination .swiper-pagination-bullet-active::before { opacity: 1; transform: rotate(0); -o-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0);}
.ind-banner .swiper-pagination .swiper-pagination-bullet-prev{ background-image: linear-gradient(90deg, #dac28d 0%, #c29946 100%); background-blend-mode: normal, normal; }

/*.ind-banner .swiper-pagination-bullet { position: relative; display: inline-block; width: 6px; height: 6px; opacity: 1; background: #fff; border: none; box-sizing:border-box; border-radius: 50%; margin: 0!important; } 
.ind-banner .swiper-pagination-bullet-active { background-image: linear-gradient(90deg, #dac28d 0%, #c29946 100%); background-blend-mode: normal, normal;} */

.ind-banner .mouse{ position: absolute; left: 0.5rem; bottom: 0.4rem; z-index: 3; width: 22px; padding-top: 110px; background: url(../images/line1.png) center top no-repeat; }
.ind-banner .zi{ text-align: center; color: #c4a16f; font-size: var(--fs14); line-height: 14px; padding-bottom: 0.12rem; }
.ind-banner .kuang{ position: relative; width: 22px; height: 36px; border-radius: 0.2rem; border: 1px solid #ddb972; }
.ind-banner .kuang span{ left: 50%; margin-left: -1px; position: absolute; top: 13px; width: 2px; height: 5px; background: #c4a16f; animation: upDown 1s ease-out infinite;} 

.indTxt{ text-align: center; position: relative; padding: 0.4rem 0 0.35rem; }
.indTxt:after{ content: ''; position: absolute; border-radius: 4px; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 4px; background-image: linear-gradient(90deg, #bd9557 0%, #d0b06e 100%); background-blend-mode: normal, normal; }
.indTxt .cn{ position: relative; z-index: 1; font-weight: 400; font-size: var(--fs36); line-height: 0.36rem; color: #fff; }
.indTxt .cn img{ height: 0.35rem; margin-right: 0.12rem; }
.indTxt .en{ display: none; text-transform: uppercase; width: 100%; position: absolute; left: 0; top: 0; color: transparent; font-family:'Mont-B'; font-size: var(--fs72); line-height: 0.6rem; -webkit-text-stroke: 1px #d0ab67; text-stroke: 1px #d0ab67; opacity: 0.4;}
.indTxt .enImg{ position: absolute; left: 0; top: 0; width: 100%; }
.indTxt .enImg img{ height: 0.52rem; }

.indexP1{ padding-top: 0.9rem; height: 7.4rem; background: url(../images/indexP1.jpg) center bottom no-repeat; background-size: cover; }
.indexP1 .wal{ display: flex; display: -webkit-flex; align-items: center;
  -webkit-align-items: center;  justify-content: space-between;
 -webkit-justify-content: space-between;}
.indexP1 .leftDiv{ width: 6.4rem; }
.indexP1 .titleDiv{ position: relative; padding: 0.4rem 0 0.35rem; align-items: flex-end;}
.indexP1 .titleDiv:after{ content: ''; position: absolute; border-radius: 4px; left: 0; bottom: 0; width: 30px; height: 4px; background-image: linear-gradient(90deg, #bd9557 0%, #d0b06e 100%); background-blend-mode: normal, normal; }
.indexP1 .titleDiv .cn{ position: relative; z-index: 1; font-weight: 400; font-size: var(--fs36); line-height: 0.36rem; color: #fff; }
.indexP1 .titleDiv .cn img{ height: 0.35rem; margin-right: 0.12rem; }
.indexP1 .titleDiv .en{ display: none; text-transform: uppercase; position: absolute; left: -1.15rem; top: 0; color: transparent; font-family:'Mont-B'; font-size: var(--fs72); line-height: 0.6rem; -webkit-text-stroke: 1px #d0ab67; text-stroke: 1px #d0ab67; opacity: 0.4;}
.indexP1 .titleDiv .enImg{ position: absolute; left: -1.15rem; top: 0; }
.indexP1 .titleDiv .enImg img{ width: 3.86rem; }
.indexP1 .titleDiv .stock{ padding-left: 0.35rem; font-size: var(--fs18); line-height: 0.18rem;}
.indexP1 .titleDiv .stock em{ padding-left: 5px; color: #999; font-size: var(--fs20); }
.indexP1 .name{ color:#fff; font-size:var(--fs24); margin-top:0.3rem; line-height:0.32rem;}
.indexP1 .content{ margin: 0.3rem 0 0.4rem; font-size: var(--fs18); color: rgba(255,255,255,0.8); line-height: 0.32rem; }

.indexP1 .videobox{ width: 100%; height: 4.8rem; position: relative; overflow: hidden; }
.indexP1 .videobox .imgDiv{ height: 4.8rem; }
.indexP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP1 .videobox video{ max-width:100%; max-height: 5.4rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.indexP1 .videobox.cur{ background:#000;}
.indexP1 .videobox.cur .imgDiv,.indexP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.indexP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.indexP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 65px; height: 65px; margin-left:-32px; margin-top:-32px; z-index:1;}
.indexP1 .videobox .playbox img{ width: 65px; }

.indexP1 .rightDiv{ width: 7.62rem; /*padding-top: 0.3rem; */}
.indexP1 .rightDiv video{ width:100%;}
.indexP1 .btnDiv{ margin-top: 0.5rem; width: 1.72rem; }
.indexP1 .btnDiv a{ position: relative; overflow: hidden; display: block; text-align: center; width: 100%; height: 0.52rem; line-height: 0.52rem; color: #fff; border-radius: 0.48rem; background-image: linear-gradient(90deg, #85602c 0%, #af8a51 100%); background-blend-mode: normal, normal; font-size: var(--fs16); }
.indexP1 .btnDiv span{ position: relative; z-index: 1; }
.indexP1 .btnDiv i{ display: block;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0; }
.indexP1 .btnDiv i:before{ position: relative; content: ''; display: block; margin-top: 100%; }
.indexP1 .btnDiv i:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.indexP1 .btnDiv a:hover i{ -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s }
.indexP1 .btnDiv a:hover i:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.indexP2{ padding-top: 0.9rem; background: #181717; }
.indexP2 .list{ padding-top: 0.85rem; }
.indexP2 .list li{ position: relative; }
.indexP2 .list li .imgDiv img{ width: 100%; }
.indexP2 .list li .bg{ position: absolute; right: 0; top: 0; width: 30%; height: 100%; padding: 0 1.0rem 0 0.75rem; background: rgba(0,0,0,0.6); z-index: 1;}
.indexP2 .list li .layer{ position: absolute; right: 0; top: 0; width: 30%; height: 100%; padding: 0 1.0rem 0 0.75rem;/* background: rgba(0,0,0,0.6);*/ z-index: 2; }
.indexP2 .list li:nth-child(even) .bg{ right: auto; left: 0;}
.indexP2 .list li:nth-child(even) .layer{ right: auto; left: 0; padding: 0 0.3rem 0 1.0rem; }
.indexP2 .list li .num{ font-family: 'Din-R'; display: block; font-size: var(--fs72); line-height: 0.56rem;}
.indexP2 .list li .num .pj{ float: right; width: 0.88rem; padding-bottom: 0.4rem; background: url(../images/line2.png) right bottom no-repeat; background-size: 0.65rem;}
.indexP2 .list li:nth-child(even) .num .pj{ float: left; }
.indexP2 .list li .num em{ background-image:-webkit-linear-gradient(top,#a5a5a5,transparent);
 background-image:linear-gradient(to bottom,#a5a5a5,transparent); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.indexP2 .list li .en{ margin-top: 0.1rem; text-transform: uppercase; font-family: 'Mont-M'; font-size: var(--fs60); line-height: 0.72rem; }
.indexP2 .list li .en em{ display: inline-block; background-image:-webkit-linear-gradient(left,#bc9556,#eac67a);
 background-image:linear-gradient(to right,#bc9556,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.indexP2 .list li .cn{ margin: 0.1rem 0 0.4rem; font-size: var(--fs30); line-height: 0.36rem; color: #fff; }
.indexP2 .list li .msg{ font-size: var(--fs15); line-height: 0.32rem; color: #fff; text-align: justify; }
.indexP2 .list li .btnDiv{ margin-top: 0.5rem; width: 1.6rem; height: 0.52rem; border: #b99355 solid 1px; border-radius: 0.48rem; text-align: center; line-height: 0.5rem; font-size: var(--fs16); color: #cfb076; }
.indexP2 .list li .btnDiv:hover{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9556 0%, #e9c57a 100%); background-blend-mode: normal, normal; color: #fff; }

.indexP3{ padding-top: 1.0rem; background: #181717; }
.indexP3 .mxfDiv{ position: relative; margin-top: 0.7rem; overflow: hidden; }
.indexP3 .bg img{ width: 100%; }
.indexP3 .list li{ position: absolute; font-size: var(--fs26); }
.indexP3 .list li a{ width: 1.94rem; height: 0.62rem; color: #d9ba84; border: #e4c17e solid 2px; border-radius: 0.48rem; background: rgba(0,0,0,0.5); box-shadow: 0 0 0.2rem 8px rgba(254, 254, 182, 0.4);}
.indexP3 .list li:nth-child(1){ left: 8%; bottom: 4.2%; }
.indexP3 .list li:nth-child(2){ left: 22.75%; bottom: 10%; }
.indexP3 .list li:nth-child(3){ left: 52.4%; bottom: 46.4%; }
.indexP3 .list li:nth-child(4){ left: 52%; bottom: 17.5%; }
.indexP3 .list li:nth-child(5){ right: 9.375%; bottom: 34%; }
.indexP3 .list li a:hover{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear;}


.indexP4{ overflow: hidden; padding-top: 0.9rem; height: 10.15rem; background: url(../images/indexP4.jpg) center no-repeat; background-size: cover; }
.indexP4 .indTxt{ margin-bottom: 0.8rem; }
.indNews .swiper-container{ width: 20.8rem; }
.indNews .swiper-slide{ width: 3.68rem; }
/*.indNews .swiper-slide-duplicate-prev{ opacity: 0.5; }*/
.indNews .imgDiv{ height: 2.3rem; overflow: hidden; }
.indNews .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indNews .botDiv{ position: relative; padding: 0.28rem 0.28rem 0; height: 2.5rem; background: rgba(17,17,17,0.5);}
.indNews .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #c29b5b; }
.indNews .name{ font-size: var(--fs18); color: #fff; line-height: 0.3rem; height: 0.6rem; overflow: hidden; }
.indNews .time{ font-size: var(--fs15); line-height: 0.15rem; margin-top: 0.2rem; color: rgba(194,155,91,0.2); font-family: 'Mont-R'; }
.indNews .ico{ position: relative; margin-top: 0.3rem; width: 0.5rem; height: 0.5rem; border: rgba(194,155,91,0.2) solid 1px; border-radius: 50%; }
.indNews .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 15px; height: 13px; margin-left: -7px; margin-top: -6px; background: url(../images/nimg15_1.png) center no-repeat; }
.indNews .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indNews .box:hover .botDiv:after{ width: 100%; }
.indNews .box:hover .ico{ border: none; background-image: linear-gradient(90deg, #bc9556 0%, #e9c57a 100%); background-blend-mode: normal, normal; }
.indNews .box:hover .ico:after{ background: url(../images/nimg15_1on.png) center no-repeat;}

.indexP4 .moreBtn{ margin: 1.05rem auto 0; width: 1.6rem; }
.indexP4 .moreBtn a{ display: block; width: 100%; height: 0.52rem; border: #b99355 solid 1px; border-radius: 0.48rem; text-align: center; line-height: 0.5rem; font-size: var(--fs16); color: #cfb076; }
.indexP4 .moreBtn a:hover{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9556 0%, #e9c57a 100%); background-blend-mode: normal, normal; color: #fff;}


.rightForm{ position: absolute; right: 0; top: 0.15rem; z-index: 1; }
.rightForm .select{ width: 2.48rem; position: relative; margin-left:0.2rem; }
.rightForm .caption { position: relative; cursor: pointer; height: 0.6rem; line-height: 0.6rem; padding-left: 0.25rem; padding-right: 0.5rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: var(--fs16); color: #c4a16f; border: #4c4132 solid 1px; border-radius: 6px;}
.rightForm .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.rightForm .caption:after { content: ""; display: block; width: 0.17rem; height: 0.11rem; background: url(../images/selectIco2.png) no-repeat right center; background-size: 0.17rem; position: absolute; right: 0.2rem; top: 50%; margin-top: -5px; z-index: 1;}
.rightForm .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 12; background: #181717; max-height: 2.5rem; overflow-y: auto; display: none; border: 1px solid #4c4132; border-top: none; box-sizing: border-box;}
.rightForm .xlist::-webkit-scrollbar { width: 4px;}
.rightForm .xlist::-webkit-scrollbar-track { background-color: #e5e5e5;}
.rightForm .xlist::-webkit-scrollbar-thumb { background-color: #c4a16f;} 
.rightForm .xlist a { display: block; font-size: var(--fs16); color: #c4a16f; height: 0.5rem; line-height: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.25rem; border-bottom: 1px solid #4c4132;}
.rightForm .xlist a:hover, .rightForm .xlist a.on { color: #655033;}
.rightForm .xlist a:last-child { border-bottom: none;}
.rightForm .form{ margin-left: 0.2rem; width: 2.48rem; height: 0.6rem; border: 1px solid #4c4132; position: relative; border-radius: 6px; }
.rightForm .form .input1{ width: 100%; box-sizing: border-box; padding-left: 0.25rem; font-size: var(--fs16); color: #c4a16f; height: 0.6rem; line-height: 0.6rem; }
.rightForm .form .input1::-webkit-input-placeholder{ /* WebKit browsers */ color: #c4a16f;}
.rightForm .form .input1:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c4a16f;}
.rightForm .form .input1::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c4a16f;}
.rightForm .form .input1:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #c4a16f;}
.rightForm .form .btn1{ position: absolute; right: 0; width: 0.5rem; height: 0.6rem; background: url(../images/nimg16_1on.png) center no-repeat; }
.rightForm .btnDiv a{ display: block; overflow: hidden; position: relative; text-indent: 0.26rem; width: 1.32rem; height: 0.6rem; line-height: 0.6rem; color: #fff; font-size: var(--fs18); border-radius: 6px; background: linear-gradient(90deg, #8c652e 0%, #bc9456 100%); background-blend-mode: normal, normal; }
.rightForm .btnDiv a:after{ content: ''; position: absolute; right: 0.28rem; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: url(../images/nimg16_1.png) center no-repeat; }
.rightForm .btnDiv span{ position: relative; z-index: 1; }
.rightForm .btnDiv i{ display: block;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0; }
.rightForm .btnDiv i:before{ position: relative; content: ''; display: block; margin-top: 100%; }
.rightForm .btnDiv i:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.rightForm .btnDiv a:hover i{ -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s }
.rightForm .btnDiv a:hover i:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}



.program{ padding: 1.4rem 0;}
.program .secondTab{ text-align: center; padding-bottom: 0.5rem; }
.program .secondTab li{ display: inline-block; margin: 0 0.2rem; font-size: var(--fs24); }
.program .secondTab li a{ border: transparent solid 1px; display: block; color: #999; text-align: center; padding:0 0.3rem; height: 0.6rem; line-height: 0.58rem; border-radius: 0.48rem; }
.program .secondTab li .on{ border: #caa461 solid 1px; color: #c4a16f;}
.program .secondTab li a:hover{ color: #c4a16f;}

.program .list{ padding: 0.95rem 0 0.5rem; }
.program .list ul{ margin-right: -1.66rem; }
.program .list li{ float: left; width: 33.33%; margin-bottom: 1.36rem;}
.program .list li .box{ margin-right: 1.66rem; }
.program .list li .imgDiv{ height: 7.1rem; overflow: hidden; }
.program .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.program .list li .name{ margin-top: 0.4rem; font-size: var(--fs30); height: 0.96rem; line-height: 0.48rem; overflow: hidden; }
.program .list li .name em{ display: inline-block; background-image:-webkit-linear-gradient(left,#907345,#eac67a);
 background-image:linear-gradient(to right,#907345,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.program .list li .year{ line-height: 0.36rem; height:0.4rem; overflow:hidden; color: #c4a16f; font-size: var(--fs24); font-family:'Poppins-L';}
.program .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.program2 .list li .imgDiv{ height:auto;}
.program2 .list li .imgDiv img{ height:auto;}

.artist{ padding: 1.4rem 0 1.6rem;}
.artist .list{ padding-top: 0.95rem; }
.artist .list ul{ margin-right: -0.19rem; }
.artist .list li{ float: left; width: 25%; margin-bottom: 0.5rem; }
.artist .list li .box{ margin-right: 0.19rem; height: 4.7rem; position: relative; }
.artist .list li .imgDiv{ height: 4.7rem; position: relative;}
.artist .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 250px; background: url(../images/bg1.png) bottom repeat-x; }
.artist .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.artist .list li .before{ position: absolute; left: 0.3rem; bottom: 0.3rem; padding-left: 0.2rem; height: 0.75rem; z-index: 1; color: #fff; }
.artist .list li .before:before{ content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: linear-gradient(180deg, #eac67b 0%, #bc9557 100%); background-blend-mode: normal, normal; }
.artist .list li .name{ color: #fff; font-size: var(--fs30); line-height: 0.3rem; margin-bottom: 0.1rem; }
.artist .list li .wen{ color: #fff; font-size: var(--fs14); line-height: 0.18rem; max-height: 0.36rem; overflow: hidden;}


.events{ padding: 1.4rem 0; }
.events .toptop{ position: relative; z-index: 1; }
.events .list{ padding: 1.3rem 0 0.65rem; }
.events .list ul{ margin-right: -0.46rem; }
.events .list li{ float: left; width: 33.33%; margin-bottom: 0.8rem;}
.events .list li .box{ margin-right: 0.46rem; }
.events .list li .imgDiv{ height: 2.56rem; overflow: hidden; }
.events .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.events .list li .botDiv{ position: relative; height: 1.88rem; padding: 0.45rem 0.32rem 0; background: #1c1b1b; }
.events .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #bc9456 0%, #e9c67a 100%); background-blend-mode: normal, normal; z-index: 1; }
.events .list li .name{ font-size: var(--fs24); color: #c4a16f; line-height: 0.36rem; max-height: 0.72rem; overflow: hidden; }
.events .list li .time{ margin-top: 0.12rem; color: #655033; font-size: var(--fs16); line-height: 0.16rem; font-family: 'Poppins-L'; }
.events .list li .box:hover .botDiv:after{ width: 100%; }
.events .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.digitalman{ padding: 1.4rem 0 1.6rem; }
.digitalman .videobox{ margin-top:0.8rem; width: 100%; height: 6.58rem; position: relative; overflow: hidden; }
.digitalman .videobox .imgDiv{ height: 6.58rem; }
.digitalman .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.digitalman .videobox video{ max-width:100%; max-height:6.58rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.digitalman .videobox.cur{ background:#000;}
.digitalman .videobox.cur .imgDiv, .digitalman .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.digitalman .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.digitalman .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 1.14rem; height: 1.14rem; margin-left:-0.57rem; margin-top:-0.57rem; z-index:1;}
.digitalman .videobox .playbox:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); border-radius: 50%; animation: warn 3.5s ease-out infinite; }
.digitalman .videobox .playbox:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -0.5rem; margin-top: -0.5rem; width: 1.0rem; height: 1.0rem; digitalman: rgba(255,255,255,0.2); border-radius: 50%; animation: warn 2.5s ease-out infinite; }
.digitalman .videobox .playbox img{ position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; width: 42px; }

/*.digitalman .videobox{ margin-top:0.8rem;}
.digitalman .videobox img{ width:100%;}*/

.digitalman .list{ padding-top: 1.4rem; }
.digitalman .list ul{ margin-right: -0.4rem; }
.digitalman .list li{ float: left; width: 50%; margin-bottom: 0.4rem;}
.digitalman .list li .box{ position: relative; margin-right: 0.4rem; overflow: hidden; }
.digitalman .list li .box a{ display: block; width: 100%; height: 100%; }
.digitalman .list li .box a:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.digitalman .list li .imgDiv{ height: 7.36rem; position: relative;}
.digitalman .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg1.png) bottom repeat-x; }
.digitalman .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.digitalman .list li .layer{ width: 100%; padding:0 0.4rem; height: 0.8rem; position: absolute; left: 0; bottom: 0; z-index: 1; }
.digitalman .list li .layer .name{ text-align: center; font-weight: bold; position: relative; font-size: var(--fs30); height: 0.8rem; line-height: 0.8rem; /*font-family: 'Harmony-M';*/ overflow:hidden; }
.digitalman .list li .layer .name em{ color: #fff; display: inline-block; }
.digitalman .list li .layer .msg{ color: #fff; font-size: var(--fs16); line-height: 0.32rem; text-align: center;}
.digitalman .list li .box:hover a:after{ opacity: 1;}
.digitalman .list li .box:hover .layer{ height: 60%;}
.digitalman .list li .box:hover .name{ font-size: var(--fs36); }
.digitalman .list li .box:hover .name em{ background-image:-webkit-linear-gradient(left,#907345,#eac67a);
 background-image:linear-gradient(to right,#907345,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}

.business{ padding: 1.9rem 0 1.5rem; }
.business .list{ padding-bottom: 1.5rem; }
.business .list li{ margin-bottom: 0.2rem; }
.business .list li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.business .list li .imgDiv img{ width: 100%; }
.business .list li .bg{ position: absolute; left: 0; top: 0; width: 34%; height: 100%; background: url(../images/bg2.png) repeat; z-index: 1;}
.business .list li .layer{ position: absolute; left: 0; top: 0; width: 34%; height: 100%; padding: 0 0.6rem 0 0.9rem; z-index: 2;}
.business .list li:nth-child(even) .bg{ left: auto; right: 0;}
.business .list li:nth-child(even) .layer{ left: auto; right: 0; padding: 0 0.3rem 0 2.5rem; }
.business .list li .logo{ margin-bottom: 0.3rem; }
.business .list li .logo img{ max-height: 1.0rem; }
.business .list li .name{ color: #fff; font-size: var(--fs40); line-height: 0.56rem; font-weight: bold; /*font-family: 'Harmony-M';*/}
.business .list li .msg{ margin: 0.1rem 0 0.3rem; font-size: var(--fs24); line-height: 0.32rem; color: #fff; }
.business .list li .more{ position: relative; width: 1.5rem; height: 0.5rem; overflow: hidden; color: #fff; font-size: var(--fs18); border-radius: 0.48rem; font-family: 'Harmony-L'; background: rgba(0,0,0,0.2); border: #bea265 solid 1px; }
.business .list li .more:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#e9c67a 0,#bc9456); background-blend-mode: normal, normal; transition: 0.5s;}
.business .list li .more p{ position:relative; z-index:1; width: 100%; height: 100%;}
.business .list li .more em{ margin-left: 10px; width: 15px; height: 13px; background: url(../images/nimg15_2.png) no-repeat; }
.business .list li a:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.business .list li a:hover .more{ border: none; }
.business .list li a:hover .more:after{ width:100%;}
.business .list li a:hover .more em{ background: url(../images/nimg15_1on.png) no-repeat;}

.newsP1{ padding: 0.55rem 0 1.1rem; }
.newsP1 .toptop{ height: 1.48rem; position: relative; z-index: 1; }
.newsPic .swiper-slide a{ display: block; width: 100%; height: 100%; }
.newsPic .mxfDiv{ position: relative; padding: 0 0.65rem 0 8.1rem; height: 5.33rem; background: #000; }
.newsPic .imgDiv{ position: absolute; left: 0; top: 0; width: 7.56rem; height: 5.33rem; }
.newsPic .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.newsPic .time{ padding: 0.45rem 0 0.2rem; font-size: var(--fs18); line-height: 0.18rem; color: #655033; font-family:'Mont-M';}
.newsPic .time em{ display: block; color: #c4a16f; font-size: var(--fs48); line-height: 0.48rem; font-family:'Din-B'; }
.newsPic .name{ font-size: 0.3rem; color: #c4a16f; line-height: 0.48rem; height: 0.96rem; overflow: hidden; }
.newsPic .content{ font-size: var(--fs16); color: #999; line-height: 0.3rem; height: 1.2rem; overflow: hidden; margin-top: 0.15rem; }
.newsPic .more{ position: relative; overflow: hidden; margin-top: 0.3rem; width: 1.6rem; height: 0.56rem; color: #c4a16f; font-size: var(--fs16); border-radius: 0.48rem; border: #c4a16f solid 1px; }
.newsPic .more p{ position:relative; z-index:1; width: 100%; height: 100%;}
.newsPic .more:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#e9c67a 0,#bc9456); background-blend-mode: normal, normal; transition: 0.5s;}
.newsPic .more em{ margin-left: 0.15rem; width: 15px; height: 13px; background: url(../images/nimg15_2.png) no-repeat; }
.newsPic .swiper-pagination{ bottom: 1.1rem!important; left: auto!important; right: 0.65rem; margin-left: 0; text-align: left; width: auto!important; }
.newsPic .swiper-pagination-bullet { position: relative; width: 13px; height: 13px; opacity: 1; box-sizing: border-box; background: rgba(255,255,255,0.3); margin-left: 0.2rem!important;} 
.newsPic .swiper-pagination-bullet-active { background: #c4a16f; } 
.newsPic .swiper-slide:hover .more{ color: #fff; }
.newsPic .swiper-slide:hover .more:after{ width:100%;}
.newsPic .swiper-slide:hover .more em{ background: url(../images/nimg15_1on.png) no-repeat; }

.newsP2 .toptop{ height: 0.56rem; position: relative; }
.newsP2 .toptop:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #2d2c2c; z-index: 1; }
.newsP2 .toptop .wal{ position: relative; height: 0.56rem; }
.newsP2 .newsTab li{ float: left; margin-right: 0.7rem;}
.newsP2 .newsTab li a{ display: block; position: relative; z-index: 2; height: 0.56rem; font-size: var(--fs24); line-height: 0.24rem; color: #999;}
.newsP2 .newsTab li a:after{ content: ''; position: absolute; width: 0; left: 50%; height: 4px; bottom: 0; background-image: linear-gradient(90deg,#bd9557 0,#e7c378); background-blend-mode: normal, normal; }
.newsP2 .newsTab .aNow, .newsP2 .newsTab a:hover{/* font-family: 'Harmony-M';*/ color: #c4a16f; }
.newsP2 .newsTab .aNow:after, .newsP2 .newsTab a:hover:after{ left: 0; width: 100%; }

.newsP2{ padding-bottom: 1.6rem; }
.newsP2 .list{ position: relative; margin-top: 0.7rem;}
.newsP2 .list:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #2d2c2c; }
.newsP2 .list li{ float: left; width: 33.33%; }
.newsP2 .list li .box{ border-right: #2d2c2c solid 1px; height: 6.46rem; position: relative;}
.newsP2 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #2d2c2c; }
.newsP2 .list li a{ display: block; width: 100%; height: 100%; }
.newsP2 .list li .mxfDiv{ padding: 0.75rem 0.6rem 0; }
.newsP2 .list li .time{ font-size: var(--fs18); line-height: 0.18rem; color: #655033; }
.newsP2 .list li .name{ margin-top: 0.2rem; font-size: var(--fs24); line-height: 0.36rem; height: 0.72rem; overflow: hidden; color: #c4a16f; }
.newsP2 .list li .content{ margin-top: 0.25rem; font-size: var(--fs16); line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #999; }
.newsP2 .list li .imgDiv{ margin-top: 0.25rem; overflow: hidden; }
.newsP2 .list li .imgDiv img{ width: 100%;}
.newsP2 .list li:hover .box:after{ height: 2px; background: #c4a16f; }
.newsP2 .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsP2 .pageNum{ margin-top: 1.6rem; }
.newsP2 .pageMore{ margin-top: 0.8rem; }

.newsTop{ background: #000; padding: 1.0rem 0 0.6rem; border-bottom: #c69f5e solid 1px; }
.newsTop .name{ margin: 0 auto; text-align: center; color: #c4a16f; font-weight: 400; font-size: var(--fs40); font-weight: bold; line-height: 0.64rem; padding-bottom: 0.4rem; /*font-family: 'Harmony-M';*/}
.newsTop .time{ text-align: center; color: #655033; font-size: var(--fs18); font-family: 'Mont-R'; }
.newsTop .time img{ margin-right: 15px; position: relative; top: -1px; }

.newsBot{ background: #181717; padding-bottom: 1.6rem; }
.newsBot .leftDiv{ width: 11.96rem; padding-left: 0.45rem; }
.newsBot .conDiv{ background: #1d1c1c; padding: 0.7rem 1.2rem 0.75rem; }
.newsBot .content{ font-size: var(--fs16); color: #999; line-height: 0.32rem; text-align: justify; }
.newsBot .imgDiv{ padding: 0.3rem 0; }
.newsBot .imgDiv img{ max-width: 8.94rem; }
.newsBot .backBtn{ margin: 1.2rem auto 0; width: 1.5rem; }
.newsBot .backBtn a{ width: 100%; display: block; overflow: hidden; position: relative; height: 0.5rem; border-radius: 0.48rem; font-size: var(--fs18); color: #333; background-image: linear-gradient(90deg,#bd9557 0,#e7c378); background-blend-mode: normal, normal; }
.newsBot .backBtn p{ position:relative; z-index:1; width: 100%; height: 100%;}
.newsBot .backBtn a:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#e9c67a 0,#bc9456); background-blend-mode: normal, normal; transition: 0.5s;}
.newsBot .backBtn a:hover:after{ width:100%;}

.pageDown{ margin-top: 0.95rem; }
.pageDown ul{ margin-right: -0.56rem; }
.pageDown li{ float: left; width: 50%; font-size: var(--fs16);}
.pageDown li .box{ margin-right: 0.56rem; height: 0.8rem; border-radius: 0.12rem; border: #5f5e5e solid 1px; background: #1d1c1c; position: relative; padding-left: 0.95rem; padding-right: 0.85rem; }
.pageDown li em{ position: absolute; left: 0.25rem; top: 50%; margin-top: -0.15rem; line-height: 0.3rem; color: #999;}
.pageDown li a{ height: 0.8rem; line-height: 0.24rem; overflow: hidden; color: #999; }
.pageDown li .box:hover{ border: #c4a16f solid 1px; }
.pageDown li .box:hover em, .pageDown li .box:hover a{ color: #c4a16f; }

.sideNews{ width: 3.36rem; padding: 0.45rem 0.5rem 0; }
.sideNews .title{ font-size: var(--fs18); line-height: 0.18rem; font-weight: 400; color: #c4a16f; font-weight: bold; padding-bottom: 0.16rem; /*font-family: 'Harmony-M';*/}
.sideNews .list li{ padding-bottom: 0.45rem;}
.sideNews .list li .imgDiv img{ width: 100%; }
.sideNews .list li .name{ font-size: var(--fs16); color: #999; line-height: 0.3rem; margin-top: 0.12rem; }
.sideNews .list li a:hover .name{ color: #c4a16f; }
.sideNews .moreBtn{ margin-top: 0.18rem; }
.sideNews .moreBtn a{ width: 1.68rem; height: 0.5rem; border: #c4a16f solid 1px; border-radius: 0.48rem; font-size: var(--fs16); color: #c4a16f; }
.sideNews .moreBtn em{ margin-left: 0.2rem; width: 16px; height: 12px; background: url(../images/nimg15_2.png) no-repeat;}
.sideNews .moreBtn a:hover{ color: #fff; background-image: linear-gradient(90deg,#e9c67a 0,#bc9456); background-blend-mode: normal, normal;}
.sideNews .moreBtn a:hover em{ background: url(../images/nimg15_1on.png) no-repeat;}

.businessList{ padding: 1.3rem 0 1.6rem; }
.businessList .topDiv{ position: relative; z-index: 1; }
.businessList .content{ margin-top: 0.48rem; font-size: var(--fs16); line-height: 0.32rem; color: #999; /*width: 10.0rem;*/ }
.businessList .bigImg{ margin-top:1.0rem;}
.businessList .bigImg img{ width:100%;}
.businessList .list{ padding: 1.0rem 0; }
.businessList .list ul{ margin-right: -0.46rem; }
.businessList .list li{ float: left; width: 33.33%; margin-bottom: 0.64rem; }
.businessList .list li .box{ margin-right: 0.46rem; position: relative; }
.businessList .list li .box a{ position: relative; display: block; width: 100%; height: 100%; overflow: hidden; z-index: 2; }
.businessList .list li .box a:before{content:""; z-index: 2; position: absolute;left:0;top:0;border-top:2px solid #bc9456;border-left:2px solid #bc9456;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.businessList .list li .box a:after{content:""; z-index: 2; position: absolute;right:0;bottom:0;border-right:2px solid #bc9456;border-bottom:2px solid #bc9456;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.businessList .list li .imgDiv{ position: relative;}
.businessList .list li .imgDiv:before{ content: ''; z-index: 1; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.businessList .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg4.png) bottom repeat-x; }
.businessList .list li .imgDiv img{ width: 100%; }
.businessList .list li .layer{ width: 100%; padding:0 0.2rem; height: 0.8rem; position: absolute; left: 0; bottom: 0; z-index: 1; }
.businessList .list li .layer .name{ text-align: center; position: relative; font-size: var(--fs24); height: 0.8rem; line-height: 0.8rem; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.businessList .list li .more{ position: relative; width: 1.5rem; height: 0.5rem; overflow: hidden; color: #fff; font-size: var(--fs18); margin: 0 auto; border-radius: 0.48rem; background: linear-gradient(90deg, #bc9456 0%, #e9c67a 100%); background-blend-mode: normal, normal; }
.businessList .list li .more:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#e9c67a 0,#bc9456); background-blend-mode: normal, normal; transition: 0.5s;}
.businessList .list li .more p{ position:relative; z-index:1; width: 100%; height: 100%;}
.businessList .list li .more em{ margin-left: 10px; width: 15px; height: 13px; background: url(../images/nimg15_1on.png) no-repeat; }
.businessList .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.businessList .list li .box:hover a:before{width:100%;height:100%;visibility: visible;}
.businessList .list li .box:hover a:after{width:100%;height:100%;visibility: visible;}
.businessList .list li .box:hover .imgDiv:before{ opacity: 1;}
.businessList .list li .box:hover .layer{ height: 65%;}

.online{ padding-top: 1.2rem; height: 9.78rem; background: url(../images/onlineBg.jpg) center no-repeat; background-size: cover; }
.onlinePic{ position: relative; margin-top: 0.8rem; padding-bottom: 1.3rem;}
.onlinePic .imgList{ overflow: hidden; width: 19.4rem; padding-top: 0.2rem; }
.onlinePic .box{ top: 0; border: transparent solid 1px; width: 3.68rem; height: 4.7rem; padding: 0.55rem 0.5rem 0; border-radius: 0.16rem; position: relative; overflow: hidden; }
.onlinePic .box .bg{ position: absolute; opacity: 0.6; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(180deg,#000 0,#1a1a1a); background-blend-mode: normal, normal; }
.onlinePic .box .ico{ position: relative; border: #3a2e1c solid 1px; z-index: 1; width: 0.8rem; height: 0.8rem; border-radius: 50%; }
.onlinePic .box .ico img{ position: absolute; left: 50%; top: 50%; width: 0.6rem; margin-left: -0.3rem; margin-top: -0.3rem; }
.onlinePic .box .ico .img1{ opacity: 0; }
.onlinePic .box .links{ position: relative; z-index: 1; margin-top: 0.4rem; padding-right: 0.3rem; }
.onlinePic .box .links li{ margin-bottom: 0.06rem; font-size: var(--fs16); }
.onlinePic .box .links li a{ position: relative; height: 0.3rem; line-height: 0.3rem; display: block; color: #999; }
.onlinePic .box .links li em{ display: inline-block; padding-right: 0.42rem; position: relative; }
.onlinePic .box .links li em:after{ content: ''; opacity: 0; position: absolute; right: 0.1rem; top: 50%; margin-top: -6px; width: 14px; height: 12px; background: url(../images/nimg14_1.png) no-repeat;}
.onlinePic .box .links li a:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #473d2e; }
.onlinePic .box .links li a:hover{ color: #c4a16f; }
.onlinePic .box .links li a:hover:before{ width: 100%; }
.onlinePic .box .links li a:hover em:after{ opacity: 1; right: 0; }
.onlinePic .box:hover{ top: -0.2rem; border: #816d4f solid 1px; }
.onlinePic .box:hover .ico{ border: none; background-image: linear-gradient(90deg, #a17f4b 0%, #eac57a 100%); background-blend-mode: normal, normal;}
.onlinePic .box:hover .ico img{ opacity: 0; }
.onlinePic .box:hover .ico .img1{ opacity: 1; }
.onlinePic .pjDiv{ position: absolute; right: 50%; margin-right: -7.66rem; bottom: 0;  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.onlinePic .temeDiv{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.onlinePic .swiper-pagination { position: relative; width: 3.8rem; height: 3px; background: rgba(102,102,102,0.3);}
.onlinePic .swiper-pagination-progress .swiper-pagination-progressbar{ height: 3px; background: #c4a16f; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}

.onlinePic .arrowDiv{ margin-right: 0.3rem; }
.onlinePic .arrowDiv .se{ position: relative; float: left; margin: 0 0.2rem; display: block; overflow: hidden; width: 0.6rem; height: 0.6rem; border: #c4a16f solid 1px; border-radius: 50%; }
.onlinePic .arrowDiv .se:after{ content: ''; position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; }
.onlinePic .arrowDiv .prev:before{ content: ''; z-index: 1; position: absolute; left: 50%; top: 50%; margin-left: -4px; width: 7px; height: 10px; margin-top: -5px; background: url(../images/nimg7_left.png) no-repeat; }
.onlinePic .arrowDiv .next:before{ content: ''; z-index: 1; position: absolute; right: 50%; top: 50%; margin-right: -4px; width: 7px; height: 10px; margin-top: -5px; background: url(../images/nimg7_right.png) no-repeat; }
.onlinePic .arrowDiv .se:hover{ border: none; }
.onlinePic .arrowDiv .se:hover:after{ opacity: 1; }
.onlinePic .arrowDiv .prev:hover:before{ background: url(../images/nimg7_lefton.png) no-repeat;}
.onlinePic .arrowDiv .next:hover:before{ background: url(../images/nimg7_righton.png) no-repeat;}

.disclosureP1{ padding: 0.75rem 0; }
.disclosureP1.on{ padding: 2.15rem 0 0.75rem; }
.disclosureP1 .mxfDiv{ margin-bottom: 0.8rem; position: relative; min-height:0.65rem; /* overflow: hidden;*/ }
.disclosureP1 .mxfDiv .wal{ position:relative;}
.disclosureP1 .secondTab{ padding-top: 0.05rem; /*position:sticky; top:1.0rem; */}
.disclosureP1 .secondTab li{ float: left; font-size: var(--fs18); }
.disclosureP1 .secondTab li a{ border: transparent solid 1px; display: block; color: #999; text-align: center; width: 1.5rem; height: 0.56rem; line-height: 0.54rem; border-radius: 0.48rem; }
.disclosureP1 .secondTab li .on{ border: #caa461 solid 1px; color: #c4a16f;}
.disclosureP1 .mxfDiv.on{ background:rgba(0,0,0,0.3); position:fixed; left:0; top:1.0rem; width:100%; height:0.56rem; z-index:2;}


.disclosureP1 .lan{ position: absolute; right: 0; top: 0; padding-left: 0.7rem; }
.disclosureP1 .lan em{ position: absolute; left: 0; top: 0; line-height: 0.65rem; color: #999; font-size: var(--fs16); }
.disclosureP1 .lan li{ margin-left: 0.2rem; float: left; font-size: var(--fs18); }
.disclosureP1 .lan li a{ display: block; background: #1b1a1a; color: #a9a9a9; width: 0.65rem; height: 0.65rem; text-align: center; line-height: 0.63rem; border-radius: 50%; border: #4b3c2e solid 1px; }
.disclosureP1 .lan li .on, .disclosureP1 .lan li a:hover{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; color: #333; }

.disclosureP1 .leftDiv{ width: 11.06rem; }
.disclosureP1 .toptop{ height: 1.55rem; position: relative; z-index: 1; }
.disclosureP1 .list li{ margin-bottom: 0.2rem; }
.disclosureP1 .list li a{ display: block; position: relative; height: 0.94rem; background: #2f2e2e; padding: 0 1.2rem 0 1.56rem;}
.disclosureP1 .list li .time{ position: absolute; left: 0; top: 0; width: 1.2rem; color: #614e33; font-size: var(--fs14); height: 0.94rem; text-align: center; font-family:'Poppins-R'; }
.disclosureP1 .list li .time:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.22rem; width: 2px; height: 0.45rem; background: rgba(231,231,231,0.2); }
.disclosureP1 .list li .time em{ font-size: var(--fs48); line-height: 0.48rem; color: #c4a16f; font-family:'Din-R';}
.disclosureP1 .list li .name{ font-size: var(--fs22); line-height: 0.32rem; height: 0.94rem; overflow: hidden; color: #999; }
.disclosureP1 .list li .ico{ position: absolute; right: 0.5rem; top: 50%; margin-top: -0.21rem; width: 0.3rem; height: 0.42rem; background: url(../images/nimg30_1.png) no-repeat; background-size: 0.3rem; }
.disclosureP1 .list li a:hover{ background-image: linear-gradient(90deg, #916f39 0%, #b2924d 100%); background-blend-mode: normal, normal;}
.disclosureP1 .list li a:hover .time, .disclosureP1 .list li a:hover .time em, .disclosureP1 .list li a:hover .name{ color: #fff; }
.disclosureP1 .list li a:hover .ico{ background: url(../images/nimg30_1on.png) no-repeat; background-size: 0.3rem; }

.disclosureP1 .rightDiv{ width: 3.68rem; padding-top: 1.55rem; }

.companyInfo{ height: 6.64rem; background: center no-repeat; background-size: cover; padding: 0.7rem 0.5rem 0 0.3rem; }
.companyInfo .cn{ font-weight: 400; font-size: var(--fs24); color: #c4a16f; line-height: 0.24rem; margin-bottom: 0.2rem; font-weight: bold; /*font-family: 'Harmony-M';*/ }
.companyInfo .en{ font-weight: 400; font-size: var(--fs14); color: #655033; line-height: 0.14rem; }
.companyInfo .num{ color: #c4a16f; font-size: var(--fs24); line-height: 0.24rem; margin: 0.45rem 0 0.2rem; font-family: 'Poppins-R'; }
.companyInfo .wen{ margin-bottom: 0.45rem; font-size: var(--fs14); color: #999; line-height: 0.14rem; }
.companyInfo .price{ color: #c4a16f; font-size: var(--fs60); line-height: 0.46rem; font-family:'Din-R'; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.companyInfo .price img{ margin-left: 0.1rem; }
.companyInfo .tips{ margin-top: 0.45rem; font-size: var(--fs16); color: #999; line-height: 0.24rem; }

.disclosureP2{ padding: 1.3rem 0 0.8rem; background: #333; }
.disclosureP2 .toptop{ height: 1.85rem; position: relative; z-index: 1; }
.disclosureP2 .list ul{ margin-right: -0.2rem; }
.disclosureP2 .list li{ float: left; width: 50%; margin-bottom: 0.5rem; }
.disclosureP2 .list li .box{ margin-right: 0.2rem; }
.disclosureP2 .list li a{ display: block; position: relative; height: 5.0rem; background: #181717; padding: 1.3rem 0.6rem 0 4.76rem; }
.disclosureP2 .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 3.68rem; height: 5.0rem; overflow: hidden; }
.disclosureP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.disclosureP2 .list li .year{ font-size: var(--fs48); line-height: 0.42rem; margin-bottom: 0.15rem; font-family:'Din-R'; }
.disclosureP2 .list li .year em{ display: inline-block; background-image:-webkit-linear-gradient(left,#bc9456,#e9c57a);
 background-image:linear-gradient(to right,#bc9456,#e9c57a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.disclosureP2 .list li .name{ font-size: var(--fs24); line-height: 0.36rem; color: #c4a16f; }
.disclosureP2 .list li .more{ margin-top: 0.45rem; width: 1.5rem; height: 0.5rem; border-radius: 0.48rem; border: #4c4132 solid 1px; color: #999; font-size: var(--fs18); }
.disclosureP2 .list li .more em{ margin-left: 0.1rem; width: 0.26rem; height: 0.26rem; background: url(../images/nimg26_1.png) no-repeat; background-size: 0.26rem; }
.disclosureP2 .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.disclosureP2 .list li a:hover .more{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; color: #fff; }
.disclosureP2 .list li a:hover .more em{ background: url(../images/nimg26_1on.png) no-repeat; background-size: 0.26rem; }

.disclosureP3{ padding: 1.3rem 0 0.95rem; background: #181717; }
.disclosureP3 .toptop{ height: 1.5rem; position: relative; z-index: 1; }
.disclosureP3 .result{ margin-bottom: 0.3rem; color: #999; font-size: var(--fs18); }
.disclosureP3 .list{ padding-bottom: 0.75rem; }
.disclosureP3 .list li{ margin-bottom: 0.2rem; }
.disclosureP3 .list li a{ display: block; position: relative; height: 1.2rem; background: #232222; padding: 0 1.2rem 0 2.0rem;}
.disclosureP3 .list li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #cea864; }
.disclosureP3 .list li .layer{ position: absolute; left: 0; top: 0; width: 1.4rem; height: 1.2rem; text-align: center; }
.disclosureP3 .list li .layer:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.22rem; width: 2px; height: 0.45rem; background: rgba(231,231,231,0.2); }
.disclosureP3 .list li .time{ width: 1.2rem; height: 1.2rem; color: #614e33; font-size: var(--fs14); font-family:'Poppins-R'; }
.disclosureP3 .list li .time em{ font-size: var(--fs48); line-height: 0.48rem; font-family:'Din-R';}
.disclosureP3 .list li .name{ font-size: var(--fs22); line-height: 0.28rem; height: 1.2rem; overflow: hidden; color: #999; }
.disclosureP3 .list li .name em{ display: block; font-size: var(--fs16); }
.disclosureP3 .list li .ico{ position: absolute; right: 0.8rem; top: 50%; margin-top: -17px; width: 47px; height: 35px; border-radius: 0.48rem; border: rgba(196,161,111,0.3) solid 1px; }
.disclosureP3 .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -5px; width: 6px; height: 10px; background: url(../images/ico3.png) no-repeat; }
.disclosureP3 .list li a:hover:before{ width: 2px; }
.disclosureP3 .list li a:hover{ background: #302f2f;}
.disclosureP3 .list li a:hover .time em, .disclosureP3 .list li a:hover .name{ color: #c4a16f; }
.disclosureP3 .list li a:hover .ico{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; }
.disclosureP3 .list li a:hover .ico:after{ background: url(../images/ico3on.png) no-repeat;}

.disclosureP4{ background: #262626; padding: 1.4rem 0 1.5rem;  }


.governanceP1{ padding: 0.75rem 0 1.2rem; }
.governanceP1 .mxfDiv{ min-height: 0.65rem; margin-bottom: 0.5rem; position: relative; overflow: hidden; }
.governanceP1 .lan{ position: absolute; right: 0; top: 0; padding-left: 0.7rem; }
.governanceP1 .lan em{ position: absolute; left: 0; top: 0; line-height: 0.65rem; color: #999; font-size: var(--fs16); }
.governanceP1 .lan li{ margin-left: 0.2rem; float: left; font-size: var(--fs18); }
.governanceP1 .lan li a{ display: block; background: #1b1a1a; color: #a9a9a9; width: 0.65rem; height: 0.65rem; text-align: center; line-height: 0.63rem; border-radius: 50%; border: #4b3c2e solid 1px; }
.governanceP1 .lan li .on, .governanceP1 .lan li a:hover{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; color: #333; }

.governanceP1 .leftDiv{ width: 11.06rem; }
.governanceP1 .pageTitle{ height: 1.55rem; }
.governanceP1 .list li{ margin-bottom: 0.3rem; background: #2f2e2e; height: 1.9rem; position: relative; padding: 0 1.0rem 0 4.52rem; font-size: var(--fs22); line-height: 0.36rem; color: #c4a16f; }
.governanceP1 .list li .txt{ position: absolute; left: 0; top: 0; width: 3.68rem; height: 100%; padding-left: 1.4rem; color: #fff; line-height: 1.9rem; background-image: linear-gradient(90deg, #916f39 0%, #b2914d 100%); background-blend-mode: normal, normal; }
.governanceP1 .list li .txt img{ position: absolute; left: 0.6rem; top: 50%; margin-top: -0.28rem; width: 0.53rem; }
.governanceP1 .rightDiv{ width: 3.68rem; padding-top: 1.55rem; }


.governanceP2{ padding: 1.3rem 0 1.75rem; background: #262626;}
.governanceP2 .list{ margin-top: 0.75rem; }
.governanceP2 .list li{ margin-bottom: 0.2rem; }
.governanceP2 .list li a{ display: block; position: relative; height: 0.94rem; background: #3c3c3c; padding: 0 1.2rem 0 1.56rem;}
.governanceP2 .list li .layer{ position: absolute; left: 0; top: 0; width: 1.2rem; height: 0.94rem; text-align: center; }
.governanceP2 .list li .layer:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.22rem; width: 2px; height: 0.45rem; background: rgba(231,231,231,0.2); }
.governanceP2 .list li .time{ width: 1.2rem; height: 0.94rem; color: #614e33; font-size: var(--fs14); font-family:'Poppins-R'; }
.governanceP2 .list li .time em{ font-size: var(--fs48); line-height: 0.48rem; font-family:'Din-R'; color: #c4a16f;}
.governanceP2 .list li .name{ font-size: var(--fs22); line-height: 0.32rem; height: 0.94rem; overflow: hidden; color: #999; }
.governanceP2 .list li .ico{ position: absolute; right: 0.5rem; top: 50%; margin-top: -0.21rem; width: 0.3rem; height: 0.42rem; background: url(../images/nimg30_1.png) no-repeat; background-size: 0.3rem; }
.governanceP2 .list li a:hover{ background-image: linear-gradient(90deg, #916f39 0%, #b2924d 100%); background-blend-mode: normal, normal;}
.governanceP2 .list li a:hover .time, .governanceP2 .list li a:hover .time em, .governanceP2 .list li a:hover .name{ color: #fff; }
.governanceP2 .list li a:hover .ico{ background: url(../images/nimg30_1on.png) no-repeat; background-size: 0.3rem; }

.managers{ padding: 0.75rem 0 2.2rem; background: #121212; }
.managers .mxfDiv{ min-height: 0.65rem; margin-bottom: 0.5rem; position: relative; overflow: hidden; }
.managers .lan{ position: absolute; right: 0; top: 0; padding-left: 0.7rem; }
.managers .lan em{ position: absolute; left: 0; top: 0; line-height: 0.65rem; color: #999; font-size: var(--fs16); }
.managers .lan li{ margin-left: 0.2rem; float: left; font-size: var(--fs18); }
.managers .lan li a{ display: block; background: #1b1a1a; color: #a9a9a9; width: 0.65rem; height: 0.65rem; text-align: center; line-height: 0.63rem; border-radius: 50%; border: #4b3c2e solid 1px; }
.managers .lan li .on, .managers .lan li a:hover{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; color: #333; }
.managers .pageTitle{ margin-bottom: 0.4rem; }
.managers .list li{ border-bottom: #d7b16b solid 1px; position: relative; height: 3.94rem; padding: 0 0.5rem 0 7.0rem; }
.managers .list li .imgDiv{ position: absolute; left: 0; top: 0.2rem; width: 2.8rem; height: 3.5rem; border: #d7b16b solid 1px; overflow: hidden; }
.managers .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.managers .list li .name{ position: absolute; left: 3.76rem; top: 0.9rem; font-size: var(--fs40); line-height: 0.4rem; height: 0.9rem; color: #c4a16f; font-weight: bold; /*font-family: 'Harmony-M';*/ }
.managers .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 3px; background-image: linear-gradient(90deg, #bc9456 0%, #e8c479 100%); background-blend-mode: normal, normal; }
.managers .list li .conDiv{ padding-top: 0.9rem; }
.managers .list li .txt{ font-size: var(--fs18); line-height: 0.18rem; color: #c4a16f; font-weight: bold; }
.managers .list li .msg{ margin-top: 0.3rem; color: #999; line-height: 0.34rem; font-size: var(--fs16); }
.managers .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.investor{ padding: 0.75rem 0 1.8rem; }
.investor .mxfDiv{ min-height: 0.65rem; margin-bottom: 0.5rem; position: relative; overflow: hidden; }
.investor .lan{ position: absolute; right: 0; top: 0; padding-left: 0.7rem; }
.investor .lan em{ position: absolute; left: 0; top: 0; line-height: 0.65rem; color: #999; font-size: var(--fs16); }
.investor .lan li{ margin-left: 0.2rem; float: left; font-size: var(--fs18); }
.investor .lan li a{ display: block; background: #1b1a1a; color: #a9a9a9; width: 0.65rem; height: 0.65rem; text-align: center; line-height: 0.63rem; border-radius: 50%; border: #4b3c2e solid 1px; }
.investor .lan li .on, .investor .lan li a:hover{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; color: #333; }
.investor .lastDiv{ margin-top: 1.0rem; }
.investor .rightImg{ width: 7.56rem; order: 1; }
.investor .rightImg img{ width: 100%; }
.investor .leftDiv{ width: 7.2rem; }
.investor .list li{ position: relative; padding-left: 1.35rem; height: 1.06rem; margin-bottom: 0.7rem; }
.investor .list li:last-child{ margin-bottom: 0; }
.investor .list li .ico{ position: absolute; left: 0; top: 0; width: 1.06rem; height: 1.06rem; border: rgba(196,161,111,0.3) solid 1px; border-radius: 50%; }
.investor .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.22rem; margin-top: -0.22rem; width: 0.44rem; }
.investor .list li .txt{ color: #c4a16f; font-size: var(--fs18); font-weight: bold; line-height: 0.18rem; margin-bottom: 0.12rem; /*font-family: 'Harmony-M';*/ }
.investor .list li .wen{ color: #999; font-size: var(--fs16); line-height: 0.3rem; }

.communicate{ padding: 0.75rem 0 2.3rem; }
.communicate .mxfDiv{ min-height: 0.65rem; margin-bottom: 0.5rem; position: relative; overflow: hidden; }
.communicate .lan{ position: absolute; right: 0; top: 0; padding-left: 0.7rem; }
.communicate .lan em{ position: absolute; left: 0; top: 0; line-height: 0.65rem; color: #999; font-size: var(--fs16); }
.communicate .lan li{ margin-left: 0.2rem; float: left; font-size: var(--fs18); }
.communicate .lan li a{ display: block; background: #1b1a1a; color: #a9a9a9; width: 0.65rem; height: 0.65rem; text-align: center; line-height: 0.63rem; border-radius: 50%; border: #4b3c2e solid 1px; }
.communicate .lan li .on, .communicate .lan li a:hover{ border: transparent solid 1px; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; color: #333; }
.communicate .midDiv{ width: 11.4rem; margin: 1.1rem auto 0; }
.communicate .title{ font-weight: 400; color: #c4a16f; font-size: var(--fs30); line-height: 0.3rem; margin-bottom: 0.55rem; font-weight: bold; }
.communicate .content{ font-size: var(--fs16); line-height: 0.32rem; color: #999; text-align: justify; padding-bottom: 0.35rem; }
.communicate .txt{ font-weight: 400; color: #c4a16f; font-size: var(--fs24); font-weight: bold; line-height: 0.24rem; margin-bottom: 0.4rem; /*font-family: 'Harmony-M';*/ }
.communicate .btnGroup li{ margin-bottom: 0.2rem;}
.communicate .btnGroup li a{ display: block; font-weight: bold; /*font-family: 'Harmony-M';*/ position: relative; font-size: var(--fs18); color: #999; padding-left: 0.64rem; width: 3.3rem; line-height: 0.54rem; height: 0.56rem; border: #6e5c43 solid 1px; border-radius: 0.1rem; }
.communicate .btnGroup li img{ position: absolute; display: block; left: 0.24rem; top: 50%; margin-top: -0.13rem; width: 0.26rem;}
.communicate .btnGroup li a:hover{ background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; color: #fff; }

.contact{ padding: 1.25rem 0 1.65rem; }
.contact .list ul{ margin-right: -0.2rem; }
.contact .list li{ float: left; width: 50%; margin-bottom: 0.4rem; }
.contact .list li .box{ cursor: pointer; margin-right: 0.2rem; border: transparent solid 1px; background: #131212; border-radius: 0.12rem; height: 4.7rem; position: relative; padding: 0.45rem 0.7rem 0 1.9rem; }
.contact .list li .num{ position: absolute; left: 0.36rem; top: 0.45rem; font-size: var(--fs48); line-height: 0.48rem; font-family:'Din-R'; }
.contact .list li .num em{ background-image: -webkit-linear-gradient(top, #b79356, transparent);
    background-image: linear-gradient(to bottom, #b79356, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
.contact .list li .en{ font-weight: 400; font-size: var(--fs36); line-height: 0.36rem; font-family: 'Mont-M'; }
.contact .list li .en em{ display: inline-block; background-image:-webkit-linear-gradient(left,#bc9556,#eac67a);
 background-image:linear-gradient(to right,#bc9556,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.contact .list li .cn{ margin-top: 0.1rem; font-weight: 400; font-size: var(--fs36); line-height: 0.36rem; color: #fff; font-weight: bold; /*font-family: 'Harmony-M';*/}
.contact .list li .msg{ margin-top: 0.45rem; }
.contact .list li .msg dd{ padding-bottom: 0.56rem; }
.contact .list li .msg dd:last-child{ padding-bottom: 0; }
.contact .list li .msg dd .txt{ margin-bottom: 0.12rem; color: #c4a16f; font-size: var(--fs18); line-height: 0.18rem; }
.contact .list li .msg dd .wen{ color: #999; font-size: var(--fs14); line-height: 0.24rem; }
.contact .list li .box:hover{ border: #c4a16f solid 1px; }

.offline{ padding: 0.8rem 0 2.0rem; }
.offline .secondTab{ text-align: center; padding-bottom: 0.5rem; }
.offline .secondTab li{ display: inline-block; margin: 0 0.2rem; font-size: var(--fs24); }
.offline .secondTab li a{ border: transparent solid 1px; display: block; color: #999; text-align: center; width: 1.66rem; height: 0.6rem; line-height: 0.58rem; border-radius: 0.48rem; }
.offline .secondTab li .on{ border: #caa461 solid 1px; color: #c4a16f;}
.offline .secondTab li a:hover{ color: #c4a16f;}

.offline .list{ padding-top: 1.15rem; }
.offline .list li{ margin-bottom: 2.0rem; position: relative; overflow: hidden; }
.offline .list li .live-action{ width: calc(50% - 10px); height: 6.58rem; position:relative;}
.offline .list li .live-action .imgDiv{ height: 6.58rem; background: center no-repeat; background-size: cover;}
.offline .list li .live-action .imgDiv img{ width: 100%; }
.offline .list li .live-action .se{ position: absolute; display: block; top: 50%; margin-top:-25px; width: 50px; height: 50px; border-radius: 50%; background: #fff; z-index: 3; box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.1); }
.offline .list li .live-action .se:hover{ border: none; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal;}
.offline .list li .live-action .prev{ left:0.2rem; }
.offline .list li .live-action .next{ right: 0.2rem; }
.offline .list li .live-action .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_left.png) no-repeat; }
.offline .list li .live-action .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_right.png) no-repeat; }
.offline .list li .live-action .prev:hover:after{ background: url(../images/nimg12_lefton.png) no-repeat;}
.offline .list li .live-action .next:hover:after{ background: url(../images/nimg12_righton.png) no-repeat;}

.offline .list li .conDiv{ position: absolute; top: 0; right: 50%; margin-right: -7.66rem; width: 6.0rem; height:6.58rem; display: flex; display: -webkit-flex;  justify-content: center; -webkit-justify-content: center; flex-direction: column; -webkit-flex-direction: column;}
.offline .list li:nth-child(even) .live-action{ float: right;}
.offline .list li:nth-child(even) .conDiv{ left: 50%; right: auto; margin-right: 0; margin-left: -7.66rem; }

.offline .list li .name{ color: #c4a16f; font-size: 0.52rem; line-height: 0.6rem; font-weight: bold; font-weight: 400; }
.offline .list li .msg{ margin: 0.1rem 0 0.35rem; color: #999; font-size: var(--fs16); line-height: 0.36rem; overflow: hidden; }
.offline .list li .content{ font-size: var(--fs16); line-height: 0.36rem;}

.artistP1{ padding: 1.2rem 0 1.0rem; background: #181717; }
.artistP1 .mxfDiv{ margin-top: 1.15rem; }
.artistP1 .leftImg{ width: 5.86rem; }
.artistP1 .leftImg img{ width: 100%; }
.artistP1 .rightCon{ width: 7.54rem; }
.artistP1 .name{ font-size: var(--fs60); line-height: 0.72rem; font-weight: 400; text-transform: uppercase; font-weight: bold; }
.artistP1 .name em{ display: inline-block; background-image:-webkit-linear-gradient(left,#bc9556,#eac67a);
 background-image:linear-gradient(to right,#bc9556,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.artistP1 .wen{ margin: 0.18rem 0 0.8rem; color: #c4a16f; font-size: var(--fs24); line-height: 0.36rem; }
.artistP1 .msg{ color: #999; font-size: var(--fs18); line-height: 0.36rem; }

.artistP2{ padding: 1.15rem 0 0.95rem; background-image: linear-gradient(180deg, #000 0%, #111010 100%); background-blend-mode: normal, normal; }
.artistP2 .toptop{ position: relative; margin-bottom: 1.2rem;}
.artistP2 .title{ position: absolute; left: 0; top: 0; color: #c4a16f; font-size: var(--fs36); line-height: 0.36rem; font-weight: bold; }
.artistP2 .tabDiv{ text-align: center; }
.artistP2 .tabDiv li{ display: inline-block; margin: 0 0.06rem; font-size: var(--fs18); }
.artistP2 .tabDiv li .box{ cursor: pointer; border: transparent solid 1px; color: #999; text-align: center; width: 1.4rem; height: 0.5rem; line-height: 0.48rem; border-radius: 0.48rem;}
.artistP2 .tabDiv .on .box{ border: #caa461 solid 1px; color: #c4a16f;}
.artistP2 .backBtn{ width: 1.5rem; margin: 0.85rem auto 0; }
.artistP2 .backBtn a{ display: block; overflow: hidden; position: relative; text-align: center; width: 100%; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: var(--fs18); border-radius: 0.48rem; background: linear-gradient(90deg, #bc9456 0%, #eac67a 100%); background-blend-mode: normal, normal; }
.artistP2 .backBtn span{ position: relative; z-index: 1; }
.artistP2 .backBtn i{ display: block;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0; }
.artistP2 .backBtn i:before{ position: relative; content: ''; display: block; margin-top: 100%; }
.artistP2 .backBtn i:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.artistP2 .backBtn a:hover i{ -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s }
.artistP2 .backBtn a:hover i:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.caseBox{ display: none; position: relative;}
.caseBox .bg{ position:absolute; top:0; left:50%; margin-left:7.68rem; width:25%; height:4.7rem; background:rgba(0,0,0,0.5); z-index:2;}
.caseBox .swiper-container { width: 18.4rem; overflow: hidden; position: static; }
.caseBox .swiper-slide{ width: auto; }
.caseBox .imgDiv{ width: 2.9rem; height: 4.7rem; overflow: hidden;}
.caseBox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.caseBox .name{ margin-top: 0.25rem; font-size: var(--fs16); line-height: 0.28rem; height: 0.28rem; overflow: hidden; color: #666; }
.caseBox .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.caseBox .se{ position: absolute; display: block; top: 2.1rem; width: 50px; height: 50px; border-radius: 50%; border: rgba(191,157,108,0.5) solid 1px; z-index: 3; }
.caseBox .se:hover{ border: none; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal;}
.caseBox .prev{ left: 50%; margin-left: -8.38rem; }
.caseBox .next{ right: 50%; margin-right: -8.38rem; }
.caseBox .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_left.png) no-repeat; }
.caseBox .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_right.png) no-repeat; }
.caseBox .prev:hover:after{ background: url(../images/nimg12_lefton.png) no-repeat;}
.caseBox .next:hover:after{ background: url(../images/nimg12_righton.png) no-repeat;}


.productBox{ overflow: hidden; border-bottom: #181717 solid 5px; padding: 1.1rem 0 2.8rem; background: #181717 url(../images/productBg.jpg) center bottom no-repeat; background-size: 100%; }
.productBox .leftDiv{ width: 6.6rem; position: relative; }

.productBox .detail-box .imgDiv{ height: 6.6rem; }
.productBox .detail-box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.productBox .detail-box .list .item { display: none; position: relative;}
.productBox .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productBox .box-container{ position: relative; margin-top: 0.8rem; width: 4.54rem }
.productBox .img-swiper{ width: 4.54rem; margin: 0 auto; }
.productBox .img-swiper .limg{ border-radius: 4px; height: 1.0rem; overflow: hidden; cursor: pointer; opacity: 0.4;}
.productBox .img-swiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.productBox .swiper-slide.swiper-slide-active .limg{ opacity: 1;; }
.productBox .swiper-btn{ position: absolute; display: block; width: 8px; height: 14px; top: 50%; margin-top: -7px; }
.productBox .prev{ left: -0.35rem; background: url("../images/nimg8_left.png") center no-repeat; }
.productBox .next{ right: -0.35rem; background: url("../images/nimg8_right.png") center no-repeat;}
.productBox .prev:hover{ background: url("../images/nimg8_lefton.png") center no-repeat;}
.productBox .next:hover{ background: url("../images/nimg8_righton.png") center no-repeat;}

.productBox .rightCon{ width: 7.56rem; height: 6.6rem; position: relative;}
.productBox .name{ padding-bottom: 0.2rem; font-size: var(--fs48); line-height: 0.48rem; font-weight: 400; border-bottom: #c4a16f solid 1px; }
.productBox .name em{ display: inline-block; background-image:-webkit-linear-gradient(left,#bc9556,#eac67a);
 background-image:linear-gradient(to right,#bc9556,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.productBox .txt{ margin-top: 0.2rem; font-size: var(--fs30); line-height: 0.42rem; color: #999; }
.productBox .msg{ margin-top: 0.05rem; font-size: var(--fs18); line-height: 0.3rem; height: 0.9rem; overflow: hidden; color: #999; }
.productBox .buy{ padding-top: 0.15rem; }
.productBox .buy em{ margin-bottom: 0.3rem; display: block; font-size: var(--fs18); color: #999; }
.productBox .buy li{ float: left; margin-right: 0.2rem; }
.productBox .buy li a{ display: block; position: relative; width: 0.6rem; height: 0.6rem; border: #4f422e solid 1px; border-radius: 4px; }
.productBox .buy li img{ position: absolute; left: 50%; top: 50%; width: 0.46rem; margin-left: -0.23rem; margin-top: -0.23rem; }
.productBox .buy li .img1{ opacity: 0; }
.productBox .buy li a:hover{ border: #c4a16f solid 1px; background: #c4a16f; }
.productBox .buy li a:hover img{ opacity: 0; }
.productBox .buy li a:hover .img1{ opacity: 1; }


.productBox .backBtn{ width: 1.5rem; position: absolute; left: 0; bottom: 0;}
.productBox .backBtn a{ display: block; overflow: hidden; position: relative; text-align: center; width: 100%; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: var(--fs18); border-radius: 0.48rem; background: linear-gradient(90deg, #bc9456 0%, #eac67a 100%); background-blend-mode: normal, normal; }
.productBox .backBtn span{ position: relative; z-index: 1; }
.productBox .backBtn i{ display: block;
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0; }
.productBox .backBtn i:before{ position: relative; content: ''; display: block; margin-top: 100%; }
.productBox .backBtn i:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.productBox .backBtn a:hover i{ -moz-animation: anim-out .75s;
    -webkit-animation: anim-out .75s;
    animation: anim-out .75s }
.productBox .backBtn a:hover i:after {
    -moz-animation: anim-out-pseudo .75s;
    -webkit-animation: anim-out-pseudo .75s;
    animation: anim-out-pseudo .75s
}

.tools{ padding: 1.4rem 0 0.65rem; }
.tools .list{ padding-top: 1.4rem; }
.tools .list li{ float: left; width: 50%; }
.tools .list li .toptop{ position: relative; padding-left: 1.15rem; height: 1.6rem; }
.tools .list li .num{ position: absolute; left: 0; top: 0; font-size: 1.2rem; line-height: 0.96rem; font-family: 'Din-R'; background-image:-webkit-linear-gradient(top,#bb9456,transparent);
 background-image:linear-gradient(to bottom,#bb9456,transparent); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.tools .list li .name{ font-weight: 400; color: #c4a16f; font-size: var(--fs48); line-height: 0.48rem; }
.tools .list li .msg{ margin-top: 0.2rem; font-size: var(--fs24); line-height: 0.24rem; color: #675945; }
.tools .list li .botbot{ padding-left: 1.15rem; }
.tools .list li .phoneImg img{ width: 3.1rem; }
.tools .list li .mxf{ margin-left: 0.7rem; }
.tools .list li .ewm{ width: 1.5rem; height: 1.5rem; border: #4a3d2a solid 1px; border-radius: 0.1rem; padding: 9px; }
.tools .list li .ewm img{ width: 100%; }
.tools .list li .zi{ text-align: center; margin-top: 0.12rem; font-size: var(--fs14); line-height: 0.24rem; color: #999; }


.searchBox{ padding:1.2rem 0 1.0rem; }
.searchBox .toptop{ position:relative; padding-right:200px; height:100px;}
.searchBox .result span{ color:#999; display: inline-block; font-size: var(--fs16); margin-right: 0.3rem; line-height: 0.62rem;}
.searchBox .result b{ margin: 0 4px; color: #c4a16f; font-family: "Mont-R"; text-decoration: underline;}
.searchBox .form{ width: 3.25rem; box-sizing: border-box; position: absolute; right:0; top:0; overflow: hidden; border:#4c4132 solid 1px;}
.searchBox .form .input1{ height: 0.62rem; box-sizing: border-box; line-height: 0.62rem; color: #c4a16f; width: 100%; font-size: var(--fs16); padding-left: 0.2rem; }
.searchBox .form .input1::-webkit-input-placeholder{ color: #c4a16f; opacity: 1;}
.searchBox .form .input1:-moz-placeholder{ color: #c4a16f; opacity: 1;}
.searchBox .form .input1::-moz-placeholder{ color: #c4a16f; opacity: 1;}
.searchBox .form .input1:-ms-input-placeholder{ color: #c4a16f; opacity: 1;}
.searchBox .form .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.searchBox .form .btnDiv a{ display: block; width: 0.62rem; height: 0.62rem; background: url(../images/nimg16_1on.png) center no-repeat; }

.searchBox .list{ padding-bottom:0.9rem;}
.searchBox .list li { position: relative; list-style: none; font-size: var(--fs16); border-bottom: 1px dashed #eee;}
.searchBox .list li:first-child { border-top: 1px dashed #999;}
.searchBox .list li a {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding: 0.1rem 0;
  align-items: center;
}
.searchBox .list .title {
  flex: 1;
  color: #999;
  line-height: 0.48rem;
  margin-right: 1rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.searchBox .list p { color: #ccc; font-family: "Mont-R";}
.searchBox .list li:hover .title { color: #cfb076;}
.searchBox .tips { display: none; text-align:center; font-size:var(--fs20); color: #999;}


.robotstore{ padding: 0.8rem 0 1.35rem; }
.robotstore .secondTab{ text-align: center; padding-bottom: 0.5rem; }
.robotstore .secondTab li{ display: inline-block; margin: 0 0.2rem; font-size: var(--fs24); }
.robotstore .secondTab li a{ border: transparent solid 1px; display: block; color: #999; text-align: center; width: 1.66rem; height: 0.6rem; line-height: 0.58rem; border-radius: 0.48rem; }
.robotstore .secondTab li .on{ border: #caa461 solid 1px; color: #c4a16f;}
.robotstore .secondTab li a:hover{ color: #c4a16f;}
.robotstore .name{ padding: 0.75rem 0 0.6rem; color: #c4a16f; font-size: var(--fs48); line-height: 0.48rem; text-align: center;  font-weight: bold; }
.robotstore .content{ font-size: var(--fs16); margin: 0 auto 0.7rem; width: 11.4rem; color: #999; line-height: 0.32rem; }
.robotstore .content strong{ font-size: var(--fs20); color:#c4a16f;}
.robotstore .bigImg img{ width: 100%; }
/*.robotstore .mxfDiv{ margin-top: 1.3rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; }
.robotstore .imgDiv{ width: 7.56rem; order: 1; }
.robotstore .imgDiv img{ width: 100%; }
.robotstore .conDiv{ width: 6.5rem; }
.robotstore .msg{ font-size: var(--fs16); color: #999; line-height: 0.32rem; }*/
.robotstore .list{ margin-top:1.0rem;}
.robotstore .list:after{ content: ''; display:block; clear:both; }
.robotstore .list ul{ margin-right:-0.4rem;}
.robotstore .list li{ float:left; width:50%;}
.robotstore .list li .imgDiv{ margin-right:0.4rem;}
.robotstore .list li .imgDiv img{ width:100%;}


.aboutP1{ padding: 1.2rem 0 1.4rem; }
.aboutP1.on{ padding: 2.0rem 0 1.4rem; }
.aboutP1 .pageTitle{ margin-bottom: 0.65rem; }
.aboutP1 .mxfDiv{ margin-bottom: 1.7rem; overflow: hidden;color: #999; font-size: var(--fs18); line-height: 0.32rem; text-align: justify; }
.aboutP1 .leftCon{ width: 8.9rem; color: #999; font-size: var(--fs16); line-height: 0.3rem; text-align: justify; }
.aboutP1 .rightImg{ width: 5.62rem; margin-left: 0.8rem; margin-bottom:0.4rem; }
.aboutP1 .rightImg img{ width: 100%; }

.aboutP1 .videobox{ width: 100%; height: 6.58rem; position: relative; overflow: hidden; }
.aboutP1 .videobox .imgDiv{ height: 6.58rem; }
.aboutP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP1 .videobox video{ max-width:100%; max-height:6.58rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv, .aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 1.14rem; height: 1.14rem; margin-left:-0.57rem; margin-top:-0.57rem; z-index:1;}
.aboutP1 .videobox .playbox:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); border-radius: 50%; animation: warn 3.5s ease-out infinite; }
.aboutP1 .videobox .playbox:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -0.5rem; margin-top: -0.5rem; width: 1.0rem; height: 1.0rem; background: rgba(255,255,255,0.2); border-radius: 50%; animation: warn 2.5s ease-out infinite; }
.aboutP1 .videobox .playbox img{ position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; width: 42px; }

.aboutP2{ position:relative; height: 8.0rem; background: center no-repeat; background-size: cover; }
.aboutP2 .txtLayer{ position:absolute; left:50%; margin-left:-7.66rem; top:0.6rem; text-align: left; }
.aboutP2 .txtLayer .en{  background-image:-webkit-linear-gradient(left,#fff,#fff);
 background-image:linear-gradient(to right,#fff,#fff); }
.aboutP2 .msg{ margin-top: 0.85rem; font-size: var(--fs48); line-height: 0.48rem; color: #fff; }

.aboutP3{ padding: 1.0rem 0; background: #000 url(../images/nimg572Bg.png) right top no-repeat; background-size: 5.72rem; overflow: hidden; }
.aboutP3 .pageTitle{ margin-bottom: 0.6rem; }

.historyPic .box-container{ width: 2.6rem; height: 6.7rem; background: url(../images/line3.png) left center no-repeat; position: relative; }
.historyPic .img-swiper{ width: 2.6rem; height: 6.7rem; }
.historyPic .img-swiper .year{ cursor: pointer; font-size: var(--fs24); line-height: 1.34rem; text-align: center; color: #666; font-family:'Din-SB'; }
.historyPic .img-swiper .year em{ display: inline-block; }

.historyPic .swiper-slide.swiper-slide-active .year{ font-size: var(--fs36); line-height: 1.34rem;}
.historyPic .swiper-slide.swiper-slide-active .year em{ background-image:-webkit-linear-gradient(left,#907345,#eac67a);
 background-image:linear-gradient(to right,#907345,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.historyPic .swiper-slide.swiper-slide-prev .year, .historyPic .swiper-slide.swiper-slide-next .year{ color: #fff; }
.historyPic .swiper-btn{ position: absolute; left: 0; display: block; width: 100%; height: 10px; z-index: 2;}
.historyPic .swiper-btn:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: url(../images/line4.png) center no-repeat; }
.historyPic .prev{ top: 50%; margin-top: -0.84rem; background: url("../images/nimg17_top.png") center no-repeat; }
.historyPic .next{ bottom: 50%; margin-bottom: -0.84rem; background: url("../images/nimg17_bot.png") center no-repeat;}
.historyPic .prev:hover{ background: url("../images/nimg17_topon.png") center no-repeat; }
.historyPic .next:hover{ background: url("../images/nimg17_boton.png") center no-repeat; }

.historyPic .detail-box{ width: 11.42rem; }
.historyPic .detail-box .item{ display: none; position: relative; }
.historyPic .detail-box .item.on{ display: block; animation: fadeOfOpacity .5s linear; }
.historyPic .detail-box .mxfDiv{ position: relative; }
.historyPic .detail-box .leftImg{ width: 100%; animation: am_right 0.8s ease-out 0.1s backwards; -webkit-animation: am_right 0.8s ease-out 0.1s backwards; }
.historyPic .detail-box .leftImg img{ width: 100%; }
.historyPic .detail-box .year{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; -webkit-text-stroke: 1px #e2bd8b; text-stroke: 1px #e2bd8b; position: absolute; right: 1.67rem; top: 2.56rem; font-family: 'Din-SB'; z-index: 2; font-size: 2.0rem; line-height: 1.8rem; background-image: -webkit-linear-gradient(top,#000,transparent);
    background-image: linear-gradient(to bottom,#000,transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }


.aboutP4{ background: #111; position: relative; overflow: hidden; padding: 1.1rem 0 1.5rem; }
.aboutP4 .pageTitle{ text-align: center; }

.partnerPic{ margin-top: 0.75rem; position: relative; z-index: 2; }
.partnerPic .imgList{ overflow: hidden; }
.partnerPic .line{ padding: 0.15rem 0; }
.partnerPic .line li{ float: left; }
.partnerPic .line_t{ padding: 0.15rem 0.85rem; }
.partnerPic .line_t li{ width: 14.28%; }
.partnerPic .line_m li{ width: 12.5%; }
.partnerPic .line li .box{ cursor: pointer; width: 1.4rem; height: 1.4rem; text-align: center; color: #c4a16f; font-size: var(--fs18); line-height: 0.3rem; border: #463c2d solid 1px; border-radius: 50%; background: #131313; margin: 0 auto; }
.partnerPic .line li .box:hover{ border: #c09e6d solid 1px; background: #191919; }
.partnerPic .se{ position: absolute; top: 50%; margin-top: -0.3rem; display: block; overflow: hidden; width: 0.6rem; height: 0.6rem; border: #c4a16f solid 1px; border-radius: 50%; }
.partnerPic .se:after{ content: ''; position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(90deg, #bc9456 0%, #e4c178 100%); background-blend-mode: normal, normal; }
.partnerPic .prev{ left: 50%; margin-left: -8.46rem; }
.partnerPic .next{ right: 50%; margin-right: -8.46rem; }
.partnerPic .prev:before{ content: ''; z-index: 1; position: absolute; left: 50%; top: 50%; margin-left: -4px; width: 7px; height: 10px; margin-top: -5px; background: url(../images/nimg7_left.png) no-repeat; }
.partnerPic .next:before{ content: ''; z-index: 1; position: absolute; right: 50%; top: 50%; margin-right: -4px; width: 7px; height: 10px; margin-top: -5px; background: url(../images/nimg7_right.png) no-repeat; }
.partnerPic .se:hover{ border: none; }
.partnerPic .se:hover:after{ opacity: 1; }
.partnerPic .prev:hover:before{ background: url(../images/nimg7_lefton.png) no-repeat;}
.partnerPic .next:hover:before{ background: url(../images/nimg7_righton.png) no-repeat;}
.partnerPic .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 0.6rem; }
.partnerPic .swiper-pagination-bullet{ background: #3d311d; opacity: 1; }
.partnerPic .swiper-pagination-bullet-active{ background: #8c734e; }

.aboutP4 .aboutP4-3D { position: absolute; bottom: -65%; left: 0; opacity: 1;}

.history{ padding: 1.0rem 0 1.5rem; }
.history .pageTitle{ margin-bottom: 0.6rem; }

.lishiPic .box-container{ position: sticky; top: 1.0rem; width: 2.6rem; height: 6.7rem; background: url(../images/line3.png) left center no-repeat;/* position: relative;*/ }
.lishiPic .img-swiper{ width: 2.6rem; height: 6.7rem; }
.lishiPic .img-swiper .year{ cursor: pointer; font-size: var(--fs24); line-height: 1.34rem; text-align: center; color: #666; font-family:'Din-SB'; }
.lishiPic .img-swiper .year em{ display: inline-block; }

.lishiPic .swiper-slide.swiper-slide-active .year{ font-size: var(--fs36); line-height: 1.34rem;}
.lishiPic .swiper-slide.swiper-slide-active .year em{ background-image:-webkit-linear-gradient(left,#907345,#eac67a);
 background-image:linear-gradient(to right,#907345,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.lishiPic .swiper-slide.swiper-slide-prev .year, .lishiPic .swiper-slide.swiper-slide-next .year{ color: #fff; }
.lishiPic .swiper-btn{ position: absolute; left: 0; display: block; width: 100%; height: 10px; z-index: 2;}
.lishiPic .swiper-btn:before{ content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: url(../images/line4.png) center no-repeat; }
.lishiPic .prev{ top: 50%; margin-top: -0.84rem; background: url("../images/nimg17_top.png") center no-repeat; }
.lishiPic .next{ bottom: 50%; margin-bottom: -0.84rem; background: url("../images/nimg17_bot.png") center no-repeat;}
.lishiPic .prev:hover{ background: url("../images/nimg17_topon.png") center no-repeat; }
.lishiPic .next:hover{ background: url("../images/nimg17_boton.png") center no-repeat; }

.lishiPic .detail-box{ width: 11.42rem; }
.lishiPic .detail-box .item{ display: none; position: relative; }
.lishiPic .detail-box .item.on{ display: block; animation: fadeOfOpacity .5s linear; }


.history .list{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.history .list li{ border-bottom: #4c4132 solid 1px; padding-bottom: 0.6rem; margin-bottom: 0.6rem; }
.history .list li .imgDiv{ width: 5.62rem; }
.history .list li .imgDiv img{ width: 100%; }
.history .list li .conDiv{ width: 4.84rem; }
.history .list li .time{ display: inline-block; font-family: 'Poppins-R'; font-size: var(--fs48); line-height: 0.48rem; background-image:-webkit-linear-gradient(left,#907345,#eac67a);
 background-image:linear-gradient(to right,#907345,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.history .list li .name{ margin-top: 0.15rem; font-size: var(--fs18); line-height: 0.36rem; color: #999; }
.history .pageMore{ padding-top: 0.65rem; }
.history .w1142{ clear: both; width: 11.42rem; }
.history .backBtn{ padding-top: 0.85rem; width: 1.5rem; margin: 0 auto; }
.history .backBtn a{ display: block; overflow: hidden; position: relative; text-align: center; width: 100%; height: 0.5rem; line-height: 0.5rem; color: #c4a16f; border: #c9a360 solid 1px; font-size: var(--fs18); border-radius: 0.48rem;}
.history .backBtn a:hover{ border: transparent solid 1px; color: #fff; background: linear-gradient(90deg, #bc9456 0%, #eac67a 100%);
    background-blend-mode: normal, normal;}

.creation{ padding: 0.8rem 0 1.3rem; }
.creation .secondTab{ text-align: center; padding-bottom: 0.5rem; }
.creation .secondTab li{ display: inline-block; margin: 0 0.2rem; font-size: var(--fs24); }
.creation .secondTab li a{ border: transparent solid 1px; display: block; color: #999; text-align: center; width: 1.66rem; height: 0.6rem; line-height: 0.58rem; border-radius: 0.48rem; }
.creation .secondTab li .on{ border: #caa461 solid 1px; color: #c4a16f;}
.creation .secondTab li a:hover{ color: #c4a16f;}
.creation .detail{ margin-top: 0.6rem; }
.creation .detail a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.creation .detail .imgDiv img{ width: 100%; }
.creation .detail .bg{ position: absolute; left: 0; top: 0; width: 40.7%; height: 100%; background: rgba(0,0,0,0.6); z-index: 1;}
.creation .detail .layer{ position: absolute; left: 0; top: 0; width: 40.7%; height: 100%; padding: 0 0.6rem 0 0.7rem; z-index: 2;}
.creation .detail .name{ color: #c4a16f; font-size: var(--fs48); line-height: 0.56rem; font-weight: bold;}
.creation .detail .msg{ margin: 0.18rem 0 0.45rem; font-size: var(--fs16); line-height: 0.32rem; color: #fff; }
.creation .detail .more{ position: relative; width: 1.5rem; height: 0.5rem; overflow: hidden; color: #fff; font-size: var(--fs18); border-radius: 0.48rem; background: rgba(0,0,0,0.2); border: #bea265 solid 1px; }
.creation .detail .more:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#8c652e 0,#bc9456); background-blend-mode: normal, normal; transition: 0.5s;}
.creation .detail .more p{ position:relative; z-index:1; width: 100%; height: 100%;}
.creation .detail .more em{ margin-left: 10px; width: 15px; height: 13px; background: url(../images/nimg15_2.png) no-repeat; }
.creation .detail a:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.creation .detail a:hover .more{ border: none; }
.creation .detail a:hover .more:after{ width:100%;}
.creation .detail a:hover .more em{ background: url(../images/nimg15_1on.png) no-repeat;}

.creation .videobox{ margin-top:0.8rem; width: 100%; height: 6.58rem; position: relative; overflow: hidden; }
.creation .videobox .imgDiv{ height: 6.58rem; }
.creation .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.creation .videobox video{ max-width:100%; max-height:6.58rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.creation .videobox.cur{ background:#000;}
.creation .videobox.cur .imgDiv, .creation .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.creation .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.creation .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 1.14rem; height: 1.14rem; margin-left:-0.57rem; margin-top:-0.57rem; z-index:1;}
.creation .videobox .playbox:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); border-radius: 50%; animation: warn 3.5s ease-out infinite; }
.creation .videobox .playbox:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -0.5rem; margin-top: -0.5rem; width: 1.0rem; height: 1.0rem; digitalman: rgba(255,255,255,0.2); border-radius: 50%; animation: warn 2.5s ease-out infinite; }
.creation .videobox .playbox img{ position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; width: 42px; }

.creation .list{ padding: 0.2rem 0 1.0rem; }
.creation .list ul{ margin-right: -0.2rem; }
.creation .list li{ float: left; width: 50%; margin-bottom: 0.2rem; }
.creation .list li .box{ margin-right: 0.2rem; }
.creation .list li a{ display: block; width: 100%; height: 7.36rem; position: relative; background:url(../images/nimg756Bg.jpg) center no-repeat; background-size:cover; overflow: hidden;}
.creation .list li a:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #c4a16f;border-left:1px solid #c4a16f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.creation .list li a:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:1px solid #c4a16f;border-bottom:1px solid #c4a16f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.creation .list li .imgDiv img{ width: 100%; }
.creation .list li .name{ position: absolute; left: 0; bottom: 0.3rem; width: 100%; text-align: center; color: #fff; font-size: var(--fs30); line-height: 0.5rem;  font-weight: bold;}
.creation .list li a:hover .imgDiv img{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.creation .list li a:hover:before{width:100%;height:100%;visibility: visible;}
.creation .list li a:hover:after{width:100%;height:100%;visibility: visible;}
.creation .list li a:hover .name{ color: #c4a16f; }

.licensing{ padding: 0.8rem 0 1.75rem; }
.licensing .secondTab{ text-align: center; padding-bottom: 0.5rem; }
.licensing .secondTab li{ display: inline-block; margin: 0 0.2rem; font-size: var(--fs24); }
.licensing .secondTab li a{ border: transparent solid 1px; display: block; color: #999; text-align: center; width: 1.66rem; height: 0.6rem; line-height: 0.58rem; border-radius: 0.48rem; }
.licensing .secondTab li .on{ border: #caa461 solid 1px; color: #c4a16f;}
.licensing .secondTab li a:hover{ color: #c4a16f;}
.licensing .list{ padding: 0.6rem 0 0.5rem; }
.licensing .list ul{ margin-right: -0.2rem; }
.licensing .list li{ float: left; width: 50%; margin-bottom: 1.0rem; }
.licensing .list li .box{ margin-right: 0.2rem; }
.licensing .list li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.licensing .list li a:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #c4a16f;border-left:1px solid #c4a16f;width:0;height:0;transition:all 0.5s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.licensing .list li a:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:1px solid #c4a16f;border-bottom:1px solid #c4a16f;width:0;height:0;transition:all 0.5s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.licensing .list li .imgDiv{ position: relative; height: 4.5rem; overflow: hidden;}
.licensing .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #c4a16f; }
.licensing .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.licensing .list li .name{ height: 1.2rem; padding: 0 0.3rem; font-size: var(--fs24); color: #bda06b; background: #020202; }
.licensing .list li .name img{ width: 1.3rem; margin-right: 0.35rem; }
.licensing .list li .name em{ padding-left: 0.6rem; position: relative; }
.licensing .list li .name em:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -0.11rem; width: 0.22rem; height: 0.22rem; background: url(../images/nimg22_1.png) no-repeat; background-size: 0.22rem; }
.licensing .list li a:hover .imgDiv:after{ width: 100%; }
.licensing .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.licensing .list li a:hover:before{width:100%;height:100%;visibility: visible;}
.licensing .list li a:hover:after{width:100%;height:100%;visibility: visible;}

.creationshow{ padding: 1.4rem 0 1.0rem; }
.creationshow .name{ font-weight: 400; text-align: center; padding: 0.4rem 0 0.25rem; color: #fefefe; font-size: var(--fs48); line-height: 0.48rem; }
.creationshow .content{ width: 10.6rem; margin: 0 auto; color: #999; font-size: var(--fs16); line-height: 0.32rem; text-align: center; }
.creationshow .bigImg{ margin-top: 1.0rem; }
.creationshow .bigImg img{ width: 100%; }
.creationshow .list{ margin: 0.5rem 0 0.55rem; font-size: 0.14rem; font-size: 16px }
.creationshow .list ul{ margin-right: -0.46rem; }
.creationshow .list li{ float: left; width: 33.33%; margin-bottom: 0.4rem;}
.creationshow .list li .bg{ opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; background:url(../images/nimg480Bg.jpg) no-repeat; background-size:cover; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.creationshow .list li .imgDiv{ cursor: pointer; margin-right: 0.46rem; height: 5.64rem; position: relative; background:url(../images/bg5.jpg) repeat-x; overflow: hidden;}
.creationshow .list li .imgDiv:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #c4a16f;border-left:1px solid #c4a16f;width:0;height:0;transition:all 0.5s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.creationshow .list li .imgDiv:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:1px solid #c4a16f;border-bottom:1px solid #c4a16f;width:0;height:0;transition:all 0.5s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.creationshow .list li .imgDiv img{ position:relative; z-index:1; width: 100%; height: 100%; object-fit: cover; }
/*.creationshow .list li .imgDiv:hover{ background:url(../images/nimg480Bg.jpg) no-repeat; background-size:cover;}*/
.creationshow .list li .imgDiv:hover .bg{ opacity:1;}
.creationshow .list li .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.creationshow .list li .imgDiv:hover:before{width:100%;height:100%;visibility: visible;}
.creationshow .list li .imgDiv:hover:after{width:100%;height:100%;visibility: visible;}

.duty{ padding: 0.65rem 0 1.6rem; }
.duty .mxfDiv{ margin-top: 0.7rem; background: #131212; padding: 1.0rem 1.67rem 1.15rem; }
.duty .name{ font-size: var(--fs48); line-height: 0.48rem; font-weight: 400; }
.duty .name em{ letter-spacing: 5px; display: inline-block; background-image:-webkit-linear-gradient(left,#907345,#eac67a);
 background-image:linear-gradient(to right,#907345,#eac67a); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; }
.duty .content{ margin: 0.35rem 0 1.2rem; font-size: var(--fs16); line-height: 0.32rem; color: #999; }
.duty .limg em{ display: inline-block; background: url(../images/nimg52_1.png) center no-repeat; background-size: 0.52rem; width: 3.2rem; height: 0.52rem; }
.duty .bigImg{ margin-top: 1.2rem; }
.duty .bigImg img{ width: 100%; }