a:hover{color:#550a65;} /*Top003124 */ .Top003124{background: #550a65;transition: background-color 0.3s, transform 1s;} @media (min-width:1025px) { .Top003124{position: relative;width: 100%;left: 0;top: 0;z-index: 100;} .Top003124.Down{transform: translateY(-5.3125em);} .Top003124.hover{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);border-bottom:0;} .Top003124.hover .logo .white, .Top003124:not(.hover) .logo .red{display: none;} .Top003124:not(.hover), .Top003124:not(.hover) a:not(:hover){color: #fff;} } .Top003124.fixed{position: fixed;width: 100%;z-index: 100;} @media (max-width:1024px) { .Top003124{ } .Top003124 .wap-fixed{position: relative;width: 100%;left: 0;top: 0;z-index: 100;padding-top: 0em;} .Top003124 .logo .white{} .Top003124 .auto{position: relative;} } .Top003124 .logo{float: left;display: table;height:5.3125em;} .Top003124 .logo a{display: table-cell; vertical-align: middle;} .Top003124 .logo img{height: 0.53rem;} @media (max-width:1024px) { .Top003124 .logo{height: 4em;} .Top003124 .logo img{height: 2.8em;} } .Top003124 .top-nav dd{} .Top003124 .top-nav dd.oa a{display: block; border: 1px solid #ccc;border-radius: 50%;text-align: center;} .Top003124.hover .top-nav dd.oa a{border-color: #ccc;} .Top003124 .top-nav dd.lang a{margin: 0 5px;} .Top003124 .top-nav dd.stock{font-size:0.2rem;background:url(../images/top-tel.svg) no-repeat left center/0.22rem;padding-left:0.25rem;} .Top003124 .top-nav dd.stock b{color:#fabe00;} .Top003124.hover .top-nav dd.stock{color:#550a65;background:url(../images/top-tel.svg) no-repeat left center/0.22rem;} @media(min-width:1025px) and (max-width:1770px) { .Top003124 .top-nav{margin-right: 8.34vw;} } @media (min-width:1025px) { .Top003124 .top-nav{float: right; margin-left: 5em;padding-top: 1.3em; font-size: 0.875em; } .Top003124 .top-nav dd{float: left;line-height:2.5714em;} .Top003124 .top-nav dd.oa{margin-left: 4.2857em;} .Top003124 .top-nav dd.oa a{width:2.5714em;} .Top003124 .top-nav dd.stock{} .Top003124:not(.hover) .top-nav dd.stock{border-right-color: #fff;} } @media (max-width:1024px) { .Top003124 .top-nav{position: absolute;right: 0; bottom: 100%;display: flex;align-items: center; margin-bottom: 0.5em;} .Top003124 .top-nav dd{line-height: 2;} .Top003124 .top-nav dd:not(:last-child){margin-right: 1em;} .Top003124 .top-nav dd.oa a{width:2em;} } .Top003124 menu li span{display: block;} @media (min-width:1025px) { .Top003124 menu{float: right;} .Top003124 menu li{float: left;} .Top003124 menu li:not(:last-child){margin-right: 3.8em;} .Top003124 menu li span, .Top003124 menu li span a{line-height:4.723em;font-size:0.18rem;} .Top003124 menu li.aon span a{color:#fabe00 !important;} .Top003124.hover menu li.aon span a{color:#550a65;} .Top003124 menu li span a{display: block;position: relative;z-index: 1;} .Top003124 menu li span a:after{position: absolute;content: ''; left: 0; bottom: 0; height: 3px;background-color: #fabe00; transition: 0.3s;} .Top003124.hover menu li span a:after{background-color:#550a65;} .Top003124 menu li:hover span a:after, .Top003124 menu li.aon span a:after{width: 100%;} .Top003124 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px; overflow: hidden;} .Top003124 menu li .sub dl{background:#550a65;} .Top003124 menu li .sub dl dt a:hover{color:#fabe00;} } @media (max-width:1024px) { .Top003124 menu{position: fixed; left: -100%;top:4em;height: calc(100% - 4em); overflow: auto; background-color: #fff; width: 220px;opacity: 0;transition: 0.3s ease;} .menu-show .Top003124 menu{left: 0; opacity: 1; transform:translateX(0);} .Top003124 menu li{ border-bottom: 1px solid #eee;} .Top003124 menu li span{padding-top: 1em; padding-bottom: 1em;padding-left: 1em;} .Top003124 .has-sub span .op:before, .Top003124 .has-sub span .op:after{background-color: #ccc;} .Top003124 menu li .sub{background-color: #f8f8f8;} } .Top003124 .open-search{position: absolute;right: 0; top: 0;width: 5.3125em;height:5.3125em; background:url(../images/Top003124-btn.svg) no-repeat center; cursor: pointer; background-size: auto 28%;} .Top003124.hover .open-search{background-color:rgba(85,10,101,1);} .Top003124 .top-search{position: absolute;right: 0; top: 100%; background-color: #fff; width: 100%;max-width: 400px;} .Top003124 .top-search .btn{background-color: #550a65; background-image: url(../images/Top003124-btn.svg); background-size: auto 54%;} .Top003124 .open-search.on:before, .Top003124 .open-search.on:after{width: 40%; left: 30%;} .Top003124.hover .open-search.on:before, .Top003124.hover .open-search.on:after{background-color: rgba(0,0,0,1);} @media (max-width:1024px) { .Top003124 .open-search{width:2.4em; height: 2.4em; top: 50%;margin-top: -1.2em; background-size: auto 60%; right: 2.6em;} .Top003124 .open-menu{width:2.4em; height: 2.4em; right: 0;} .Top003124 .open-menu i{width: 60%; left: 20%;background-color: rgba(249,191,0,1);} } /*Banner002826 */ .Banner002826{position: relative; z-index: 1;overflow: hidden} /*方法4*/ /*.Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: -100%; top: -100%; min-height: 100%; min-width: 100%; opacity: 0; transition: 0.3s;} .Banner002826 li.video-show video{left: 50%;opacity: 1;top: 50%; transform: translate(-50%,-50%);} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;transition: 0.3s;} .Banner002826 li.video-show .open-video{opacity: 1;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} }*/ /*方法1，2，3*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img.pc{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;} .Banner002826 li.slick-slide video + a{visibility: hidden;} .Banner002826 .txt-style{position: absolute; top: 0;color: #fff;z-index: 10;left: calc(80 / 960 * 100%);width: 100%; top:calc(360 / 960 * 100%);text-shadow: 2px 5px 10px rgba(0,0,0,0.4)} .Banner002826 .txt-style-2{left: auto;right: calc(100 / 960* 100%);top: calc(360 / 960* 100%);width: auto;} .Banner002826 .txt-style-3{left:0;text-align: center;} .Banner002826 .txt-style .auto{} .Banner002826 .tit{font-size: calc(64 / 1920 * 100vw); margin-bottom:calc(20 / 65 * 1em);font-weight: bold; transition: 0.3s;} .Banner002826 .sub-tit{font-size: calc(30 / 1920 * 100vw); line-height: 1.2; transition: 0.3s 0.3s;} .Banner002826 .txt-style-1{top:calc(480 / 960 * 100%);} .Banner002826 .txt-style-1 .tit{font-size: calc(56 / 1920 * 100vw);line-height: 1.5} .Banner002826 .txt-style-1 .tit span{display: block;font-size: calc(28 / 1920 * 100vw);font-weight: normal;} .Banner002826 .txt-style-1 .tit2{margin-top:2vw;} .Banner002826 .txt-style .tit{transform: translateX(30px); opacity: 0;} .Banner002826 .txt-style .sub-tit{transform: translateX(30px); opacity: 0;} .Banner002826 .ani-show .txt-style .tit, .Banner002826 .ani-show .txt-style .sub-tit{transform: translateX(0); opacity: 1;} .Banner002826 img {display: block;width: 100%;height: auto;/* 绑定自动缩放动画 */animation: zoomMove 10s ease-in-out infinite;} /* 定义 放大→缩小 循环动画 */ /*@keyframes zoomMove { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } */ @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} } /*方法5 添加播放按钮+弹窗*/ /*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;} .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/ .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 15px; height: 15px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 10px;} .Banner002826 .slick-dots li.slick-active{background-color:#fff;} .Banner002826 .slick-dots li button{display: none;} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 4px;} } .index-title{margin-bottom:0.35rem;} .index-title .cn{font-size:0.4rem;font-weight: bold;color:#000;} .index-title .en{color:rgba(0,0,0,0.3);font-size:0.2rem;margin-top:0.05rem;} .index-more a{display: inline-block;padding: 0 calc(60 / 16 * 1em) 0 calc(30 / 16 * 1em);line-height: calc(56 / 16 * 1em);border: solid 2px #550a65;border-radius: calc(60 / 16 * 1em);color: #550a65;background: url(../images/more.svg) no-repeat right calc(21 / 16 * 1em) center;transition: 0.3s;background-size: auto calc(12 / 16 * 1em);} .index-more a:hover {background-color: #550a65;color: #fff;background-image: url(../images/more-on.svg);background-position: left calc(21 / 16 * 1em) center;padding: 0 calc(30 / 16 * 1em) 0 calc(60 / 16 * 1em);} @media(max-width:768px){ .index-title{margin-bottom:0.2rem;} .index-title .cn{font-size:0.3rem;} .index-title .en{font-size:0.18rem;} .index-more a{line-height: calc(50 / 16 * 1em);padding:0 calc(50 / 16 * 1em) 0 calc(25 / 16 * 1em);} } .column-title{margin-bottom:0.35rem;} .column-title .cn{font-size:0.4rem;font-weight: bold;color:#000;line-height: 1.2} .column-title .cn:after{content:'';width:1.6rem;height: 0.04rem;background: linear-gradient(45deg, #550a65, transparent);display: block;margin-top:0.2rem;} .column-title.center{text-align: center;} .column-title.center .cn:after{margin:0.2rem auto 0;background: linear-gradient(45deg, transparent, #550a65, transparent);} @media(max-width:768px){ .column-title{margin-bottom:0.2rem;} .column-title .cn{font-size:0.3rem;} .column-title .cn:after{width:1rem;} } /*Floor003170 */ .Floor003170{position: relative;z-index: 1;padding:3.5vw 0;} .Floor003170::before{position: absolute;content: '';left: 0; top: 0; height: 70%;width:42%; background: #f2f2f2;background-size: cover;z-index: -1;display: none;} .Floor003170 .right-con{ padding-top:2em;color: #333;} .Floor003170 .right-con h3{color:#550a65;font-size:0.32rem;line-height: 1.4;margin:0 0 0.3rem;} .Floor003170 .right-con p{font-size:0.16rem;color:#666;line-height: 1.8} .Floor003170 .right-con pre{line-height: 2;color: #666;} .Floor003170 .right-con .index-more{margin-top:2.5vw;} @media (min-width:1025px) { .Floor003170 .pic{width: 50%;} .Floor003170 .right-con{width:43%;} .Floor003170 .right-con pre{margin-bottom: 6.875em;} } @media (max-width:1024px) { .Floor003170{padding-bottom: 8vw;} .Floor003170::before{height: 40%; width: 51%;} .Floor003170 .right-con pre{margin-bottom: 4em;} } @media(max-width:768px){ .Floor003170 .right-con h3{font-size:0.26rem;margin:0 0 0.15rem;} } /* .Floor002466 为demo编号 */ .Floor002466{padding:0 0 3.5vw;} .Floor002466 .list{ overflow: hidden;} .Floor002466 .list .list-wrap{ margin:0 0;} .Floor002466 .list .ul{ float: left; width: 50%; padding: 0 0.8% 1.5%;} .Floor002466 .list .item{width:32%;float:left;margin-right:2%;} .Floor002466 .list .item:nth-child(3n){margin-right:0;} .Floor002466 .list .item-inner{ position: relative;} .Floor002466 .list .item .linkhref{ position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; display: block;} .Floor002466 .list .item .pic{ background-repeat: no-repeat; background-position: center; background-size: cover; } .Floor002466 .list .item+.item{} .Floor002466 .list .item .pic{ padding-bottom: 60%;} .Floor002466 .list .item .word{position: absolute; color: #fabe00; bottom: 0; left: 0;padding:0.35rem;background:linear-gradient(transparent,rgba(0,0,0,0.55));} .Floor002466 .list .item .word h2{font-size:0.24rem; margin: 0; padding-left: 0; position: relative;} .Floor002466 .list .item .word h2 i{ font-style: normal; position: relative; left: 0; top: 0;width:0.45rem;height: 0.45rem;display: flex;align-items: center;justify-content: center;margin-bottom:0.1rem;} .Floor002466 .list .item .word figure{ font-size: 0.16rem; padding: 0 15px 0 0;color:#fff; opacity: 0;transition: all .3s; line-height: 1.8; height: 0;} .Floor002466 .list .item .item-inner:hover .word figure{ margin: 15px 0 0; opacity: 1; height: 0.6rem;} @media(max-width:768px){ .Floor002466{padding:0 0 8vw;} .Floor002466 .list .item{width:100%;float:none;margin-right:0;margin-bottom:2%;} .Floor002466 .list .item .word{padding:0.2rem;} .Floor002466 .list .item .word h2{font-size:0.22rem;} } /*Floor003114 */ .Floor003114{padding:3.5vw 0;background: #f7f7f7;background-size: cover;overflow: hidden;font-size: 16px;} .Floor003114 .title{position: relative;} .Floor003114 .auto{} .Floor003114 .btn{position: absolute;right: 0;bottom: 0;} .Floor003114 .slick-arrow{width:0.5rem;height:0.5rem;margin-left: 15px;position: relative;border-radius: 50%;border:2px solid #550a65;background:url(../images/more.svg) no-repeat center/0.12rem;} .Floor003114 .slick-next{} .Floor003114 .slick-prev{transform: rotate(180deg);} .Floor003114 .slick-arrow:hover{background:#550a65 url(../images/more-on.svg) no-repeat center/0.12rem;} .Floor003114 .slider{width: 100%;overflow: hidden;} .Floor003114 .slider .ul{margin:0 -0.2rem;} .Floor003114 .slider .slick-list{overflow: inherit;} .Floor003114 .slick-slide:not(.slick-active){opacity: 0.5;} .Floor003114 .slick-slide >div {display: block;margin:0 0.2rem;padding-bottom: 1px;} .Floor003114 .pic{background: #fff;position: relative;overflow:hidden;} .Floor003114 .pic:before{position: absolute;content: '';left: 50%;transform: translateX(-50%);height: 3px;background-color: #550a65;top: 0;transition:width 0.3s; width: 0;} .Floor003114 .slick-slide.slick-active > div:hover .pic:before{width: 100%;} .Floor003114 .pic .Ispic{max-width: 100%;margin: 0 auto;padding-bottom: 64%;transition: 0.3s;} .Floor003114 .txt{border-bottom: 1px solid #e8e8e8;width:100%;position: relative;padding:0.28rem 0;} .Floor003114 .txt aside{color: #333;font-size:0.22rem;margin-bottom:0.1rem;} .Floor003114 .slick-slide.slick-active > div:hover .txt aside a{color: #550a65;} .Floor003114 .slick-slide.slick-active > div:hover .Ispic{transform: scale(1.1);} .Floor003114 .txt:before{position: absolute;content: '';width: 27px; height: 3px; background-color: #550a65; left: 0em; bottom: -2px;} .Floor003114 .txt .btns a{font-size:0.16rem;color:#999;display: inline-block;margin-right:0.1rem;padding-left:0.24rem;line-height: 1.5} .Floor003114 .txt .btns a.down{background:url(../images/down-icon.svg) no-repeat left center/0.19rem;} .Floor003114 .txt .btns a.time{background:url(../images/time-icon.svg) no-repeat left center/0.17rem;} @media (max-width:640px) { .Floor003114{font-size: 3.5vw;padding:8vw 0;} .Floor003114 .slider .ul{padding-right: 18%;} } /*Floor003054 */ .Floor003054{position: relative; z-index: 1;padding:3.5vw 0 2.5vw;} .Floor003054 .auto{ position: relative; z-index: 4;} .Floor003054 .numBox{line-height:1;position:relative;font-size: 0.4rem;color: #550a65; font-weight: bold;display: inline-block;margin-right:0.16rem;} .Floor003054 .numBox .sub{position:absolute;right:-0.22rem;font-size: 0.24rem; font-style: normal;} .Floor003054 .dw{margin-top:.12rem;line-height:1;font-size: 0.2rem; color: #333;} .Floor003054 .left{text-align: center;} .Floor003054 .right{margin-top: 0vw;} .Floor003054 .right .item{} .Floor003054 .right .item .ul{} .Floor003054 .right .Ispic{width:78%;margin:0 auto; padding-bottom:45%;background-size:contain; background-color: #fff;} .Floor003054 .slider-li .slick-slide{padding:0.12rem;} .Floor003054 .slider-li .slick-slide div{float: left;box-shadow: 0 0 0.12rem rgba(0,0,0,0.1);border-radius: 0.1rem;overflow: hidden; } .Floor003054 .slider-li .slick-slide div:hover{box-shadow: 0 0 0.14rem rgba(85,10,101,0.45);} .Floor003054 .slider-nav{margin: 1vw 0 0.5vw 0;height: 2.6rem;overflow: auto;padding-right:0.04rem;} .Floor003054 .slider-nav::-webkit-scrollbar{width: 2px; height:2px;-webkit-overflow-scrolling : touch;} .Floor003054 .slider-nav::-webkit-scrollbar:hover{} .Floor003054 .slider-nav::-webkit-scrollbar-track{} .Floor003054 .slider-nav::-webkit-scrollbar-thumb{border-radius: 5px;background: #550a65;} .Floor003054 .slider-nav::-webkit-scrollbar-button{height: 0px;width: 0;} .Floor003054 .slider-nav .inner{position: relative;margin: 2px 0;} .Floor003054 .slider-nav .inner-cell{background: #f8f8f8; text-align: center;line-height: 1.4em; padding: 0.55em 0; cursor: pointer;font-size: 0.18rem;border-radius: 0.5rem;} .Floor003054 .slick-current .inner-cell{background: #550a65;} .Floor003054 .slider-nav .inner-cell > *{display: inline-block; vertical-align: middle;} .Floor003054 .slider-nav .inner-cell b{font-weight: normal;color: #333;} .Floor003054 .slider-nav .icon{margin-right: 20px;} .Floor003054 .slider-nav .icon img{width: 28px; height: 28px;} .Floor003054 .slider-nav li:not(.slick-current) .icon img.blue{display: none;} .Floor003054 .slider-nav li.slick-current .icon img.white{display: none;} .Floor003054 .slider-nav li.slick-current .inner-cell b{font-weight: bold;color: #fff;} .Floor003054 .slick-dots{overflow: hidden;text-align: center; padding:0;} .Floor003054 .slick-dots li{display: inline-block;position: relative;width: 28px; height: 28px;} .Floor003054 .slick-dots li button{ padding: 0; width:28.572%;height: 28.572%;background: #e5e5e5; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);font-size: 0; border: 0;} .Floor003054 .slick-dots li.slick-active button{background: #550a65; width: 50%; height: 50%;} .Floor003054 .slick-dots li.slick-active:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #550a65; border-radius: 50%;clip:rect(0 28px 7px 0);animation:zhuan 2s infinite linear;} @keyframes zhuan{ 0%{transform: rotate(-360deg);} 100%{transform: rotate(0);} } @media(min-width:641px){ .Floor003054 .slider-li .slick-slide div{width: 18.4%;margin-bottom: 2%;} .Floor003054 .slider-li .slick-slide div:not(:nth-child(5n)){margin-right: 2%;} } @media(min-width:1025px){ .Floor003054 .left{width: 11%;} .Floor003054 .right{width: 86%;} .Floor003054 .index-more a{text-align: center;line-height: calc(42.52 / 16 * 1em);} .Floor003054 .slider-nav .inner-cell{} .Floor003054 .slider-nav .inner:after{position: absolute; content: ''; height: 1px; background-color: #550a65;right: 0.1rem; top: 50%; width: 0; transition: 0.3s;display: none;} .Floor003054 .slider-nav li.slick-current .inner:after{width: 14%; } } @media(min-width:1025px) and (max-width:1366px){ .Floor003054 .slider-nav .inner-cell{font-size: 1.5vw;padding: 1em 0;} } @media(max-width:1700px){ .Floor003054 .left{width:13%;} } @media(max-width:1024px){ .Floor003054 .left{width:100%;} .Floor003054 .left{position: relative;} .Floor003054 .left .more{position: absolute;right: 0; top: 0;} .Floor003054 .left .more a{font-size: 8vw;} } @media(max-width:640px){ .Floor003054{padding:8vw 0;} .Floor003054 .numBox{font-size:0.4rem;} .Floor003054 .slider-nav{height: 1.7rem;margin-bottom:3vw;} .Floor003054 .slider-nav .slick-track{transform: translate3d(0, 0, 0);} .Floor003054 .slider-li .slick-slide div{width: 49%;margin-bottom: 2%;} .Floor003054 .slider-li .slick-slide div:not(:nth-child(2n)){margin-right: 2%;} .Floor003054 .slider-nav .inner-cell{font-size: 4vw;padding: 0.5em 0;} .Floor003054 .slider-nav .icon{margin-right: 10px;} .Floor003054 .slider-nav .icon img{width: 6vw;height: 6vw;} .Floor003054 .left .more a{font-size: 12vw;} .Floor003054 .right .Ispic{padding-bottom:40%;} } /*Bottom003222 */ .Bottom003222{background-color:#550a65;padding-top:0.5rem;} .Bottom003222, .Bottom003222 a:not(:hover){color:#fff} .Bottom003222 a:hover{color:#fabe00;} .Bottom003222 .f-top{margin-bottom:0.25rem} .Bottom003222 .f-top .logo{width:2.17rem} .Bottom003222 .f-top .share li + li{margin-left:0.08rem} .Bottom003222 .f-top .share li a{border-radius:50%;display:block;width:0.43rem;height:0.43rem;background-position:center center;background-repeat:no-repeat;background-size:contain;background-color:rgba(255,255,255,0.1);transition:0.3s} .Bottom003222 .f-top .share li a:hover{background-color:#fabe00} .Bottom003222 .f-top .share li.wx a{background-image:url(../images/Bottom003222-share-wx.svg);background-size:auto 0.17rem} .Bottom003222 .f-top .share li.wb a{background-image:url(../images/Bottom003222-share-wb.svg);background-size:auto 0.18rem} .Bottom003222 .f-top .share li.dy a{background-image:url(../images/Bottom003222-share-dy.svg);background-size:auto 0.18rem} .Bottom003222 .f-top .share li.in a{background-image:url(../images/Bottom003222-share-in.svg);background-size:auto 0.16rem} .Bottom003222 .f-top .share li.fb a{background-image:url(../images/Bottom003222-share-fb.svg);background-size:auto 0.19rem} .Bottom003222 .f-top .share li.ytb a{background-image:url(../images/Bottom003222-share-ytb.svg);background-size:auto 0.13rem} .Bottom003222 .f-top .share li.ing a{background-image:url(../images/Bottom003222-share-ing.svg);background-size:auto 0.18rem} .Bottom003222 .f-mid .contact dd{padding-left:0.28rem;line-height:calc(34 / 18);font-size:var(--font-size18);background-position:center center;background-repeat:no-repeat;background-size:contain;background-size:0.17rem auto;background-position:left 0.4em} .Bottom003222 .f-mid .contact dd + dd{margin-top:0.15rem} .Bottom003222 .f-mid .contact dd.tel{background-image:url(../images/Bottom003222-tel.svg);background-position:left 0.3em;line-height:1} .Bottom003222 .f-mid .contact dd.tel a{color:#fabe00} .Bottom003222 .f-mid .contact dd.add{background-image:url(../images/Bottom003222-add.svg)} .Bottom003222 .f-mid .contact dd.email{background-image:url(../images/Bottom003222-email.svg);background-size:0.18rem auto;background-position:left 0.7em} .Bottom003222 .f-mid .contact li{float:left;width:33%;padding-right:0.25rem;margin-bottom:0.12rem;} .Bottom003222 .f-mid .contact li h2{font-size:0.18rem;font-weight: normal;margin:0;margin-bottom:0.08rem;} .Bottom003222 .f-mid .contact li p{font-size:0.15rem;margin:0.05rem 0;padding-left:0.22rem;color:rgba(255,255,255,0.8);} .Bottom003222 .f-mid .contact li p.tel{background:url(../images/Bottom003222-tel.svg) no-repeat left top 0.04rem/0.14rem} .Bottom003222 .f-mid .contact li p.addr{background:url(../images/Bottom003222-add.svg) no-repeat left top 0.03rem/0.12rem} .Bottom003222 nav{margin-bottom:0.25rem;width:63%;} .Bottom003222 nav ul ol{font-size:var(--font-size18)} .Bottom003222 nav ul ol li + li{margin-top:0.2rem} .Bottom003222 nav li{font-size:var(--font-size18)} .Bottom003222 .f-mid .QRcodelist{width:3.6rem;text-align: center;float:right;} .Bottom003222 .f-mid .QRcodelist li{} .Bottom003222 .f-mid .QRcodelist li img{max-width:1.05rem;} .Bottom003222 .f-mid .QRcodelist li p{margin:0.1rem 0 0;} .Bottom003222 .f-bottom{padding:0.2rem 0;border-top:1px solid rgba(255,255,255,0.1);margin-top:0.3rem} .Bottom003222 .f-bottom, .Bottom003222 .f-bottom a:not(:hover){color:rgba(255,255,255,0.5)} .Bottom003222 .f-bottom .other a:not(:last-child):after{content:"·";margin:0 1em} @media (min-width:1025px) { .Bottom003222 .f-mid .contact{max-width:12rem} .Bottom003222 .f-mid nav ul{width:8.5rem} } @media (max-width:1024px) { .Bottom003222 nav{display: none;} .Bottom003222 .f-top{flex-direction: column;align-items: center;margin-bottom:0.1rem;} .Bottom003222 .f-top .logo{margin-bottom: 0.2rem;} .Bottom003222 .f-mid .QRcodelist{width:auto;text-align: center;float:none;} .Bottom003222 .f-mid .contact{margin-bottom: 0.3rem;} .Bottom003222 .f-mid .contact li{float:none;width:100%;padding-right:0;} .Bottom003222 .f-mid .QRcodelist li img{max-width:1.2rem;} .Bottom003222 .f-bottom{text-align: center;} .Bottom003222 .copyright{margin-bottom: 0.1rem;} } /*RighInfo002973 */ .RighInfo002973{padding:3.5vw 0; color: #333;} .RighInfo002973 > .auto{max-width: 1300px;box-shadow: 0 0 0.3rem rgba(0,0,0,0.08)} .RighInfo002973 .news-details{max-width: 1226px; padding: 3% 0;} .RighInfo002973 .news-details .title{text-align: center;border-bottom:1px solid #e8e8e8;padding-bottom:0.2rem;} .RighInfo002973 .news-details .title h1{font-size: 0.3rem;font-weight: normal; margin: 0 0 20px 0;} .RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;color:#999;} .RighInfo002973 .news-details .edit-info{line-height: 1.875em;border-bottom: 1px solid #d2d2d2;padding: 2% 0; margin-bottom: 2%;} .RighInfo002973 .pn-page aside{padding: 8px 0;} .RighInfo002973 .pn-page aside a{color: #666;} .RighInfo002973 .pn-page aside a b{color: #333;} .RighInfo002973 .operating a:hover, .RighInfo002973 .pn-page aside a:hover{color: #550a65;} .RighInfo002973 .operating{overflow: hidden;line-height: 24px;} .RighInfo002973 .operating a{padding-left: 25px;background-repeat: no-repeat;background-position: left center;} .RighInfo002973 .operating a:not(:last-child){margin-right: 45px;} .RighInfo002973 .operating a.a-print{background-image: url("../images/RighInfo002973_print.png");} .RighInfo002973 .operating a.a-close{background-image: url("../images/RighInfo002973_close.png");} @media(min-width:1025px){ .RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;} .RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);} .RighInfo002973 .operating a{float: left;} } @media(max-width:1024px){ .RighInfo002973 .operating{text-align: right; padding-bottom: 20px;} .RighInfo002973 .operating a{display: inline-block;} } @media(max-width:640px){ .RighInfo002973 .news-details .title h1{font-size:5vw;} .RighInfo002973{padding:8vw 0;} } /*PicList002171 */ .PicList002171{ padding-top:3.5vw;} .PicList002171 li{ float:left; width:18%; margin-right:2.5%; margin-bottom:2.5%;} .PicList002171 li a{position:relative; display:block;box-shadow: 0 0 0.1rem rgba(0,0,0,0.1);background-color: #fff;border-radius: 0.1rem;overflow: hidden;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li .Ispic{padding-bottom:45%;background-size:contain;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(85,10,101,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:0.18rem; color:#fff; padding:0 0.1rem;} @media(min-width:769px){ .PicList002171 li:nth-child(5n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171{padding-top:8vw;} .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } /*Spec002780 */ .Spec002780 {padding: var(--padMar60) 0 0 0;} .Spec002780 .box{background: #550a65;padding:0.2rem 0.25rem;} .Spec002780 dl {border-bottom: 1px solid rgba(255,255,255,0.1);overflow: hidden;line-height: 24px;position: relative;min-height: 60px;padding: 0.12rem 0.1rem 0.12rem 0.7rem;} .Spec002780 dt {position: absolute;left: 0;top: 0;height: 100%;width:0.68rem;color: #fff;line-height: calc(45 / 16 * 1em);font-size: calc(16 / 16 * 1em);} .Spec002780 dt span {position: relative;top: 50%;transform: translateY(-50%);display: block;} .Spec002780 dd {position: relative;padding: 0 0.4rem 0 0;overflow: hidden;line-height: 36px;} .Spec002780 dd a {color: #fff;font-size:calc(16 / 16 * 1em);line-height: 2;padding: 0em 10px;display: inline-block;margin: 3px 0;margin-right:3px;border-radius: 3px;border: 1px solid transparent;} .Spec002780 dd a.on, .Spec002780 dd a:hover {color: #550a65;background: #fff; border: 1px solid #550a65;} .Spec002780 .search {position: relative;} .Spec002780 .search .text {width: 100%;line-height: 45px;height: 45px;border: 1px solid #eee;font-size: calc(16 / 16 * 1em);border-radius: 5px;color: #666;padding: 0 90px 0 20px;} .Spec002780 .search .btn {position: absolute;right: 0;top: 0;width: 80px;height: 100%;border: none;background: #550a65;color: #fff;border-radius: 5px;font-size: calc(16 / 16 * 1em);} .Spec002780 dd span{ position:absolute; right:0; top:8px;text-align:center; width:25px; height:25px; border:2px solid #550a65; color:#550a65; cursor:pointer; display:none; border-radius:30px; } .Spec002780 dd span b{ display: none;} .Spec002780 dd span i{border-color: #fff; width: 6px;height: 6px;border-top: 2px solid #550a65;border-left: 2px solid #550a65;display: block;transform: rotate(45deg);position: absolute;left: 8px;top: 8px;} .Spec002780 dd span i.on{transform:rotate(222deg); top: 4px;} @media(max-width:640px) { .Spec002780 .box{padding:0.15rem 0.15rem;} .Spec002780 dd a:after {margin: 0 5px;} .Spec002780 dl {padding: 0;min-height: inherit;margin-bottom: 0} .Spec002780 dt {position: relative;height: auto;width: auto;text-align: left;margin-bottom: 0px;padding: 0px;padding-left: 0px;background-position: 34px 26px;line-height: 40px;} .Spec002780 dt span {top: 0%;transform: translateY(-0%);} } /*PicList003142 */ .PicList003142{padding:3.5vw 0 0;} .PicList003142 li{float: left; margin-bottom: 2%;} .PicList003142 li .txt{box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05);padding: 1.5em;} .PicList003142 li .tit{ font-size: 0.22rem;line-height: 1.55;} .PicList003142 li p{font-size: 1em; line-height: 1.78571; min-height: 3.57142em;color: #666;margin-top:0.08rem;} .PicList003142 li .pic{overflow: hidden;} .PicList003142 li .Ispic{padding-bottom: 64%;transition: 0.3s;} .PicList003142 li a:hover .Ispic{transform: scale(1.1);} .PicList003142 li a:hover{color: #550a65;} .PicList003142 li time{color: #999999;display: block;background: url(../images/PicList003142-icon.svg) no-repeat right center;} .PicList003142 li a:hover time{background-image: url(../images/PicList003142-icon-red.svg);} @media (min-width:1025px) { .PicList003142 li{width: 23.5%;} .PicList003142 li:not(:nth-child(4n)){margin-right: 2%;} .PicList003142 li:nth-child(4n+1){clear: left;} } @media (max-width:1024px) { .PicList003142 .auto{margin-top: 2em;} .PicList003142 li{width: 48%;} .PicList003142 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003142 li:nth-child(2n+1){clear: left;} .PicList003142 li .txt{padding: 1em;} } @media(max-width:768px){ .PicList003142 li{width:100%;} } /* .PicList000593 为demo编号 */ .PicList000593{ padding:3.5vw 0;} .PicList000593 li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%;} .PicList000593 li:nth-child(1){width:100%;} .PicList000593 li:nth-child(3n+1){ margin-right:0;} .PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;} .PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #550a65;cursor: pointer;} .PicList000593 li .video_files .close::before, .PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList000593 li .video_files .close::before{ transform:rotate(45deg);} .PicList000593 li .video_files .close::after{ transform:rotate(-45deg);} .PicList000593 li figure{ position:relative;} .PicList000593 li figure em{ display:block; padding-bottom:64%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList000593 li:nth-child(1) figure em{padding-bottom:50%;} .PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.3); } .PicList000593 li figure a::before, .PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList000593 li figure a::before{width: 0.7rem;height: 0.7rem;border:0.03rem solid rgba(255,255,255,1);margin-left: -0.35rem;margin-top: -0.35rem;border-radius: 50%;} .PicList000593 li figure a::after{width: 0;height: 0;border-top: 0.13rem solid transparent;border-bottom: 0.13rem solid transparent;border-left: 0.15rem solid rgba(255,255,255,1);margin-left: -0.05rem;margin-top: -0.13rem;} .PicList000593 li p{text-align:center;font-size:0.24rem;color:#550a65;margin:0;padding:0.18rem 0;font-weight: bold;} .PicList000593 li:nth-child(1) p{font-size:0.28rem;} @media(max-width:768px){ .PicList000593 li{width:100%; margin-right:0%;} .PicList000593 li:nth-child(3n){ margin-right:2%;} .PicList000593 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000593 li figure a::before{width: 0.5rem;height: 0.5rem;margin-left: -0.25rem;margin-top: -0.25rem;} .PicList000593 li figure a::after{border-top-width: 0.1rem;border-bottom-width: 0.1rem;border-left-width: 0.15rem;margin-left: -0.04rem;margin-top: -0.06rem;} } /*Floor */ .Banner002730{ position:relative;/* margin-top:0.85rem; */} .Banner002730 .ytable{height: 100%;} .Banner002730 .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color: #fabe00;text-shadow: 0 0 0.05rem rgba(0,0,0,0.5);} .Banner002730 .txt .auto{ } .Banner002730 .txt .cn{font-size:0.4rem;font-weight: bold;margin-top:0rem;} .Banner002730 .txt .en{text-align: left;font-size:0.2rem;margin-top:0.02rem;} @media(min-width:1025px){ .Banner002730 figure{ height:450px;} .Banner002730 img{ display:none;} } @media(max-width:1024px){ .Banner002730 figure{ display:none;} .Banner002730 img{ width:100%; display:block;} .Banner002730 .auto{ width:80%;} .Banner002730 .fr{float: right;} } @media(max-width:640px){ .Banner002730 .txt{font-size: 24px;} } /*Menu003135 */ .Menu003135{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);} .Menu003135 .current{ font-size: 0.15rem; padding-left: 1.21428em;background: url(../images/Menu003135-icon.svg) no-repeat left center;background-size: 1em auto; line-height: 5.3;} .Menu003135 .current, .Menu003135 .current a:not(:hover){color: #999;} .Menu003135 .current span{color: #333;} .Menu003135 .nav-menu li{float: left;font-size:0.16rem;line-height: 5;} .Menu003135 .nav-menu li:not(:last-child){margin-right:2.222em;} .Menu003135 .nav-menu li a{display: block;position: relative;} .Menu003135 .nav-menu li a:hover, .Menu003135 .nav-menu li.aon a{color: #550a65;} .Menu003135 .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height: 2px;background-color: #550a65;} @media (max-width:1024px) { .Menu003135 .current{display: none;} .Menu003135 .nav-menu li{line-height:3;width:33.3%;text-align: center;} .Menu003135 .nav-menu li:not(:last-child){margin-right:0;} } /*PicList000687 */ .PicList000687{padding: 3.5vw 0 0 0;overflow: hidden;} .PicList000687 .auto{} .PicList000687 .tit{font-size:0.22rem;color: #333;font-weight: normal;} .PicList000687 time{} .PicList000687 p{line-height: 1.715em;color: #7d7d7d;height: 3.43em; margin-bottom: 2.03vw;} @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} } .PicList000687 .news-top{padding-bottom:3vw;} .PicList000687 .news-top .info{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;} .PicList000687 .news-top time{display: inline-block;color: rgba(0,0,0,0.5);font-size: 0.16rem;background:#fabe00;padding: 0 0.15rem 0.1rem;border-radius: 0.1rem;text-align: center;} .PicList000687 .news-top time span{display: block;font-size: 0.46rem;font-weight: bold;border-bottom: 1px solid rgba(0,0,0,0.2);color: #550a65;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 20px; height:4px; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#550a65;} .PicList000687 .news-top li .Ispic{ padding-bottom: 58.334%;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 45%;} .PicList000687 .news-top .info .main{padding-left: 5.21vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687{padding:8vw 0 0 0;} .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw 0;} } @media(max-width:640px){ } .PicList000687 .news-list{background: #f5f5f5;padding: 3.5vw 0 0 0;} .PicList000687 .news-list li{background: #fff; margin-bottom: 1.41vw;} .PicList000687 .news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .PicList000687 .news-list .main{border-left: 2px solid #550a65; padding-left: 4vw; padding-right: 4vw;} .PicList000687 .news-list .tit{margin-bottom: 0.12rem;} .PicList000687 .news-list li:hover .tit{color:#550a65;} .PicList000687 .news-list li p{margin-bottom:0vw;} .PicList000687 .news-list time{color: #bbb;} .PicList000687 .news-list .more{line-height: normal;color: #a5894b;background: none;width: auto; text-align: left;} .PicList000687 .news-list .more:after{background-image: url("../images/PicList000687_more.gif");} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 315px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;} .PicList000687 .news-list .main{padding: 4vw;border-top: 2px solid #550a65;border-left:0; border-bottom: 0;} } /*Page002623 */ .Page002623{padding: 2vw 0 3.5vw 0; text-align: center;font-size: 18px;} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 2.5vw; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;line-height: 50px; width: 50px; margin: 0 1px;border-radius: 50%;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: #fff;background: #550a65;} .Page002623 .Pages .p_page > a{font-size: 0;height: 50px;position: relative;} .Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;} .Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;} .Page002623 .Pages a.a_prev:hover:before{border-right-color: #fff;} .Page002623 .Pages a.a_next:hover:before{border-left-color: #fff;} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #eee;} } /*RighInfo003141 */ .RighInfo003141{padding:3.5vw 0;} .RighInfo003141 .intro{} .RighInfo003141 .intro .info{ font-size: 0.16rem; line-height: 2;} .RighInfo003141 .intro .info h3{color: #550a65;font-size: 0.32rem;line-height: 1.4;margin: 0 0 0.3rem;} .RighInfo003141 .intro .info p{margin: 1em 0;} .RighInfo003141 .number-count{margin: 4.5625em 0;box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; padding: 3.6875em 0;} .RighInfo003141 .number-count li{color: #333333;} .RighInfo003141 .number-count li span{display: inline-block;position: relative;font-size: 2em;color: #da251d; margin: 0 5px;} .RighInfo003141 .number-count li span i{font-style: normal;} .RighInfo003141 .number-count li span i.ani{position: absolute; left: 0;top: 0;} .RighInfo003141 .number-count li span i.opa{opacity: 0;} .RighInfo003141 .number-count li sup{display: inline-block;vertical-align: top;color: #da251d;font-size:1em;} @media (min-width:1025px) { .RighInfo003141 .intro .info{width: 47.5%;} .RighInfo003141 .intro .img{width: 47.5%;} .RighInfo003141 .number-count ul{display: table; margin: 0 auto;} .RighInfo003141 .number-count li{float: left;} .RighInfo003141 .number-count li:not(:last-child){margin-right: 3.5em;} } @media (max-width:1024px) { .RighInfo003141 .number-count li{text-align: center;padding: 1em 0} .RighInfo003141 .number-count{margin: 2em 0; padding: 2em 0;} } @media(max-width:768px){ .RighInfo003141{padding:8vw 0;} .RighInfo003141 .intro .info h3{font-size:0.26rem;margin:0 0 0.2rem;} } /*RighInfo003137 */ .RighInfo003137{padding:3.5vw 0 3.5vw;background:#f8f8f8;} .RighInfo003137 .auto{position: relative;z-index: 1; } .RighInfo003137 .con{display: flex;justify-content: space-between;align-items: center;box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.08);border-radius: 0.1rem;background:#fff;border-top:3px solid #550a65;padding:2.5vw;} .RighInfo003137 .pic{width: 40%;} .RighInfo003137 .pic img{} .RighInfo003137 ul{width:100%;} .RighInfo003137 ul li{width:49%;float:left;margin: 0.15rem 0;background:#f5f5f5;border-radius: 0.12rem} .RighInfo003137 ul li:nth-child(2n){float:right;} .RighInfo003137 ul li .inner{margin: 0 auto; display: flex;align-items: center;} .RighInfo003137 ul li .name{width:70%;} .RighInfo003137 ul li .name .cn{font-size: 0.22rem;color: #333;line-height: 1.5;margin-bottom:0.05rem;} .RighInfo003137 ul li:hover .name .cn{color:#550a65;} .RighInfo003137 ul li .name p{margin:0;font-size:0.22rem;color:#550a65;} .RighInfo003137 ul li .icon{margin-right:0.35rem;background:#550a65;color:#fff;width:1.7rem;text-align: center;padding:0.1rem;border-radius: 0.12rem;position: relative;} .RighInfo003137 ul li .icon:after{content:'';width:0.35rem;height: 0.35rem;background:url(../images/star.png) no-repeat center/contain;display: block;position: absolute;right:-0.12rem;top:32%;} .RighInfo003137 ul li .icon img{height: 2.5em;transition: all 0.6s;filter: brightness(0) invert(1);margin-bottom:0.03rem;} .RighInfo003137 ul li:hover .icon img{transform: rotateY(180deg);} .RighInfo003137 ul li .icon aside{font-size:0.22rem;} @media(max-width:786px){ .RighInfo003137{padding:8vw 0;} .RighInfo003137 .con{display: block;} .RighInfo003137 .pic{width:100%;} .RighInfo003137 ul{width:100%;} .RighInfo003137 ul li{width:100%;} } /*Floor003236 */ .Floor003236{background: url(../images/Floor003236-bg.jpg) no-repeat center bottom;background-size: cover; overflow: hidden;padding:3.5vw 0;color: #333;--hover-color: #550a65;--white: #fff;} .Floor003236 .column-title{margin-bottom:0.45rem;} .Floor003236 .splide__arrow{width: 0.5rem; height: 0.5rem; background-color: var(--hover-color); opacity: 1; background-position: center center;background-repeat: no-repeat; background-size: auto 0.18rem;} .Floor003236 .splide__arrow svg{opacity: 0;} .Floor003236 .splide__arrow--prev{background-image: url(../images/btn-prev.svg); left: 0;} .Floor003236 .splide__arrow--next{background-image: url(../images/btn-next.svg);right: 0;} .Floor003236 .splide__arrow:disabled{cursor: default;background-color: #ddebf6; opacity: 1;} .Floor003236 .splide:before{position: absolute; content: ''; height: 1px;width: 100vw; left: 50%;margin-left: -50vw;background-color: #d8e1eb; top: 50%;} .Floor003236 .splide__list{height: auto;} .Floor003236 .splide__slider{position: relative;z-index: 4;} .Floor003236 .splide__slide{display: flex;flex-direction: column;position: relative;} .Floor003236 .splide__slide:after{position: absolute; content: ''; height: 1px;top: 50%;width: 0;transform: translateX(-50%);background-color: var(--hover-color); left: 50%; transition: 0.3s 0.3s;z-index: 3;} .Floor003236 .splide__slide.is-active:after{width: 100%;} .Floor003236 .splide__slide:before{position: absolute; content: ''; width:100%; height:0;border-radius: 0.16rem; left:0;z-index: 1; transition: 0.5s; top: 0;background: linear-gradient(to bottom, rgb(85,10,101,0.85) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);} .Floor003236 .splide__slide.is-active:before{height: 100%;} .Floor003236 .splide__slide:hover:before{background: linear-gradient(to bottom, rgb(85,10,101,0.85) 0%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);} .Floor003236 .opacity:before, .Floor003236 .opacity:after{position: absolute; content: '';width: 2.78rem; height: 100%; top: 0;} .Floor003236 .opacity:before{left: 0;} .Floor003236 .opacity:after{right:0} .Floor003236 .splide__slide > div{height: 2.9rem;position: relative; z-index: 5;} .Floor003236 .txt{padding: 1rem 0.47rem 0 0.48rem;} .Floor003236 .txt pre{line-height: calc(32 / 18); font-size: var(--font-size18);color: var(--txt-color-666);text-align: center;max-height: 1.6rem;overflow: auto;} .Floor003236 .year{text-align: center; padding: 0.4rem; } .Floor003236 .year h3{font-size: var(--font-size32);margin: 0; transition: 0.3s;} .Floor003236 .splide__slide.is-active .year h3{font-size: var(--font-size40);color: var(--hover-color) !important; } .Floor003236 .icon-dot{position: absolute; width: 0.2rem; height: 0.2rem;background-color: var(--white);border-radius: 50%; left: 50%;margin-left: -0.1rem; transition: 0.3s;top: -0.1rem;} .Floor003236 .icon-dot::before, .Floor003236 .icon-dot:after{position: absolute; content: '';left: 50%; transition: 0.3s;} .Floor003236 .icon-dot::before{width: 1px; height: 0.4rem; background-color: #d8e1eb; margin-left: -0.5px; top: -0.46rem;} .Floor003236 .icon-dot:after{border-radius: 50%; width: 0.09rem; height: 0.09rem; top: 50%;margin: -0.045rem 0 0 -0.045rem; background-color: var(--hover-color);} .Floor003236 .splide__slide.is-active .icon-dot{background-color: rgba(85, 10, 101, 0.1); width: 0.25rem; height: 0.25rem; margin-left: -0.125rem;top: -0.125rem;} .Floor003236 .splide__slide.is-active .icon-dot:before{background-color: var(--hover-color); height: 0.75rem;top: -0.64rem;} .Floor003236 .splide__arrow{ transition: 0.3s; background-color: #fff;} .Floor003236 .splide__arrow:hover{opacity: 1; background-color: var(--hover-color);} .Floor003236 .splide__arrow--prev{background-image: url(../images/btn-prev2.svg);} .Floor003236 .splide__arrow--next{background-image: url(../images/btn-next2.svg);} .Floor003236 .splide__arrow--prev:hover{background-image: url(../images/btn-prev.svg);} .Floor003236 .splide__arrow--next:hover{background-image: url(../images/btn-next.svg);} @media (min-width:641px) { .Floor003236 .splide__slide:nth-child(2n):before{top:auto; bottom: 0;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(85,10,101,0.85) 100%);} .Floor003236 .splide__slide:nth-child(2n):hover:before{background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(85,10,101,0.85) 100%);} .Floor003236 .splide__slide:nth-child(2n){flex-direction: column-reverse; } .Floor003236 .splide__slide:nth-child(2n) .year{display: flex;align-items:flex-end; justify-content: center;} .Floor003236 .splide__slide:nth-child(2n) .txt{padding-top: 1.02rem;} .Floor003236 .splide__slide:nth-child(2n) .icon-dot{bottom: -0.1rem; top: auto;} .Floor003236 .splide__slide:nth-child(2n) .icon-dot:before{top: 0.44rem;} .Floor003236 .splide__slide:nth-child(2n).is-active .icon-dot{bottom: -0.125rem; top: auto;} .Floor003236 .splide__slide:nth-child(2n).is-active .icon-dot:before{top: 0.125rem;} } @media (min-width:1025px) { .Floor003236 .splide__slide.is-visible .year h3, .Floor003236 .splide__slide.is-visible pre{ background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);-webkit-background-clip: text; color: transparent;} .Floor003236 .splide__slide.is-visible ~ .splide__slide.is-visible .year h3{color: #333;} .Floor003236 .splide__slide.is-visible ~ .splide__slide.is-visible pre{color: #333;} .Floor003236 .splide__slide.is-visible ~ .splide__slide.is-active pre{color:#fff;} .Floor003236 .splide__slide.is-visible ~ .splide__slide.is-active:hover pre{} .Floor003236 .splide__slide.is-next ~ .splide__slide.is-visible .year h3, .Floor003236 .splide__slide.is-next ~ .splide__slide.is-visible pre{ background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);-webkit-background-clip: text; color: transparent;} } @media (max-width:1024px) { .Floor003236 .splide__slide:before{width: auto; left: 0.1rem; right: 0.1rem;} .Floor003236 .splide__slide.is-active:after{width: calc(100% - 0.2rem);} .Floor003236 .txt{padding: 0.2rem;} .Floor003236 .txt pre{max-height: 1.18rem;color:#fff;} .Floor003236 .year{padding: 0.2rem;} .Floor003236 .year h3{font-size: var(--font-size26);} .Floor003236 .splide__slide.is-active .year h3{font-size: 0.28rem;} .Floor003236 .splide__slide > div{height: 1.6rem;} .Floor003236 .splide__slide:nth-child(2n) .txt{padding-top: 0.3rem;} .Floor003236 .icon-dot::before{height: 0.1rem;} .Floor003236 .icon-dot::before{top: -0.1rem;} .Floor003236 .splide__slide.is-active .icon-dot:before{height: 0.2rem;} } @media (max-width:640px) { .Floor003236{--lr:14vw;padding:8vw 0;} .Floor003236 .splide__slide:before{left: var(--lr); right: var(--lr);} .Floor003236 .txt{padding-left: calc(var(--lr) + 0.2rem);padding-right: calc(var(--lr) + 0.2rem);} .Floor003236 .splide__slide.is-active .icon-dot:before{top: -0.1rem;} .Floor003236 .txt pre{font-size: 0.16rem;} } .History{background-repeat: no-repeat;background-position: center;background-size:cover;position:relative;z-index:5; padding: 3.5vw 0;--hover-color:#550a65;font-size: var(--font-size18);} .History .column-title{margin-bottom:0.11rem;} .History .catetitle{color: #fabe00;font-size: 0.78rem; padding:0 0.4rem; font-weight: bold;} .History .tab-nav {padding: 0.15rem 0.5rem 0.7rem;border-radius: 0.1rem;background: url(../images/Menu002956-bg.jpg) no-repeat bottom center / cover;background-color: #550a65;min-height: 4.4rem;} .History .tab-nav ul{padding:0;} .History .tab-nav li{margin:0.05rem 0;cursor: pointer;} .History .tab-nav li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.15);} .History .tab-nav li a{display: block;line-height: 26px; padding: 0.14rem 0rem;font-size: 0.24rem;position: relative; z-index: 1;color:#fff;border-radius: 0.05rem;} .History .tab-nav a:after{position: absolute; content: '';border:4px solid transparent; border-top-width: 6px;border-top-color: #550a65; top: 50%; margin-top: -4px; right: 30px; opacity: 0; transition: 0.3s;display: none} .History .tab-nav li.on a{font-weight: bold;color: #fabe00;} .History .tab-nav li.on a:after{opacity: 1;} .History .tablist{background:url(../images/History-tablistbg.png) no-repeat left top -0.06rem/contain; background-color: #f3eef4;padding: 0.3rem 0.2rem 0.4rem 0.4rem; border-radius: 0;} .History .list{overflow:auto;line-height:calc(30 / 18 * 1em);height: 5.25rem; } .History .list::-webkit-scrollbar{width: 4px; height:4px; background-color: #eee} .History .list::-webkit-scrollbar:hover{} .History .list::-webkit-scrollbar-track{width:4px;background-color:#f0f0f0;-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em;} .History .list::-webkit-scrollbar-thumb{border-radius: 5px;background-color:#550a65;} .History .list::-webkit-scrollbar-thumb:hover {background-color:#550a65} .History .tabinfo .title{font-size: 0.24rem; margin-bottom: 0.5rem;color: #fabe00;font-weight: bold;} .History .tabinfo .list ul{} .History .tabinfo .list li{margin-bottom:0.08rem;position:relative;padding-left:0.36rem;font-size: 0.16rem;color: #666;} .History .tabinfo .list li:before{content:"";position:absolute;left:0;top:0.06rem;width:0.24rem;height:0.22rem;background-image: url(../images/star_p.png); background-repeat: no-repeat; background-position: left center; background-size: contain;} .History .tabinfo .list li span{margin-right:0.1rem;} @media (min-width:1025px) { .History .box{ display: flex; flex-wrap: wrap; justify-content: space-between;} .History .left{ width: 18%;padding-top: 0.52rem;} .History .right{ width: 77%;} } @media (max-width:1024px) { .History .catetitle{font-size: 0.48rem;} .History .left{ margin-bottom: 0.24rem;} .History .tab-nav{min-height: 3.5rem;} .History .tablist{padding: 0.2rem;background: url(../images/History-tablistbg.png) no-repeat left top / 1024px;} .History .tabinfo{max-height: inherit;} } /*Floor003239 */ .Floor003239{background-repeat: no-repeat;background-position: center;background-size:cover;position:relative;z-index:5; padding: 3.5vw 0;--hover-color:#550a65;font-size: var(--font-size18);} .Floor003239 .swiper-wrapper{height: auto;} .Floor003239 .hisbox{padding:0 0.8rem;position:relative;z-index: 3;} .Floor003239 .hisbox .swiper-slide{height:auto;} .Floor003239 .hisbox .controls a{position:absolute;margin:0;margin-top:-0.35rem;top:50%;box-shadow:0 0 0.27rem rgba(7,130,203,0.08);color:var(--hover-color); width: 0.5rem; height: 0.5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center; background-color:#fff;cursor: pointer;background-repeat: no-repeat;background-position: center;border:2px solid var(--hover-color);} .Floor003239 .hisbox .controls a.prev{left:0;background-image: url(../images/btn-prev2.svg);} .Floor003239 .hisbox .controls a.next{right:0;background-image: url(../images/btn-next2.svg);} .Floor003239 .hisbox .controls a:hover{background-color:var(--hover-color);} .Floor003239 .hisbox .controls a.prev:hover{background-image: url(../images/btn-prev.svg);} .Floor003239 .hisbox .controls a.next:hover{background-image: url(../images/btn-next.svg);} .Floor003239 .hisbox .item{padding:0.2rem;min-height:100%;background:var(--hover-color);border-radius: 0.15rem;} .Floor003239 .hisbox .item .img{height: 3.68rem; padding:0.3rem; background:#fff;border-radius:0.2rem;box-shadow:0 0 0.27rem rgba(7,130,203,0.08);justify-content:center;align-items:center;display: flex;} .Floor003239 .hisbox .item .img img{max-height: 80%;max-width: 80%;} .Floor003239 .hisbox .item .txt{overflow:auto;color:#fff;line-height:calc(30 / 18 * 1em);height: 3.6rem;} .Floor003239 .hisbox .item .txt::-webkit-scrollbar{width: 3px; height:3px;-webkit-overflow-scrolling : touch;} .Floor003239 .hisbox .item .txt::-webkit-scrollbar:hover{} .Floor003239 .hisbox .item .txt::-webkit-scrollbar-track{} .Floor003239 .hisbox .item .txt::-webkit-scrollbar-thumb{border-radius: 5px;background: rgba(255,255,255,0.3);} .Floor003239 .hisbox .item .txt::-webkit-scrollbar-button{height: 0px;width: 0;} .Floor003239 .hisbox .item ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding:0.2rem;} .Floor003239 .hisbox .item li{margin-bottom:0.2rem;position:relative;/* padding-left:0.15rem; */width:48%;} /* .Floor003239 .hisbox .item li:before{content:"";position:absolute;left:0;top:0.83em;width:0.05rem;height:0.05rem;border-radius:50%;background:#fabe00;margin-top:-2px;} */ .Floor003239 .hisbox .item li span{color:#550a65;margin-right:0.1rem;background: #fabe00;padding: 0.02rem 0.05rem;border-radius: 0.05rem;font-size: 0.16rem;} .Floor003239 .hisbox .item .year{line-height:1;font-size:calc(100 / 1920 * 100vw);background:linear-gradient(0deg,#eaf7ff,var(--hover-color));-webkit-background-clip:text;color:transparent;opacity:0.1;margin: 0; } .Floor003239 .hisThumb{ background:url(../images/Floor003239-line.png) no-repeat center top;background-size:auto 1.88rem; margin-top: 1vw;} .Floor003239 .hisThumb .swiper-slide{height:2.6rem;cursor:pointer;text-align:center;} .Floor003239 .hisThumb .i{display:inline-block;position:relative;padding-top:0.8rem;color:#333;line-height:1;transition:1s;padding-bottom:1em;} .Floor003239 .hisThumb .i .ico{background:#fff;position:absolute;left:50%;margin-left: -0.46rem;top:0;display: flex;align-items: center;justify-content: center;width: 0.73rem;height: 0.68rem; background-image: url(../images/star_p.png); background-repeat: no-repeat; background-position: center center; background-size: contain;} /* .Floor003239 .hisThumb .i .ico:after{content:"";width:0.1rem;height:0.1rem;background:#bbb;border-radius:50%;display: block;} */ .Floor003239 .hisThumb .i p{transform:scale(1);transition:.3s;margin: 0; font-size: 0.24rem;font-weight: 500;margin-top:0.1rem;line-height: 1.25;} .Floor003239 .hisThumb .swiper-slide-active .i p, .Floor003239 .hisThumb .cur .i p{color:var(--hover-color);transform:scale(1.4);} .Floor003239 .hisThumb .swiper-slide-active .i .ico, .Floor003239 .hisThumb .cur .i .ico{ background-image: url(../images/star.png);} /* .Floor003239 .hisThumb .cur .i .ico:after{background:var(--hover-color);} */ @media (min-width:1025px) { .Floor003239 .hisbox .item .img{flex:0 0 auto;width:calc(552 / 1216 * 100%);} .Floor003239 .hisbox .item .txt{flex:1 1 auto;} .Floor003239 .hisThumb .i{top:calc(85 / 260 * 100%);} .Floor003239 .hisThumb .swiper-slide-active .i{top: calc(73 / 260 * 100%);} .Floor003239 .hisThumb .swiper-slide-next .i{top:calc(47 / 260 * 100%);} .Floor003239 .hisThumb .swiper-slide-next+.swiper-slide .i{top:calc(92 / 260 * 100%);} } @media (max-width:1024px) { .Floor003239 .hisbox .item{padding: 0.1rem;} .Floor003239 .hisbox .item .year{font-size: var(--font-size70);} .Floor003239 .hisbox .item .txt{} .Floor003239 .hisbox .item .txt .year{margin: 0.3rem 0;} .Floor003239 .hisThumb{background-size: 100% auto;} .Floor003239 .hisThumb .swiper-slide{height:2.2rem;} .Floor003239 .hisThumb .i{top:calc(25 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-active .i{top: calc(29 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-next .i{top:calc(6 / 220 * 100%);} .Floor003239 .hisThumb .i .ico{width: 0.7em;height: 0.7em;margin-left: -0.35em;} .Floor003239 .hisThumb .i p{font-size: var(--font-size24);} } @media (max-width:640px) { .Floor003239 .hisbox{padding: 0 0.5rem;} .Floor003239 .hisbox .controls a{width: 0.4rem; height: 0.4rem;} .Floor003239 .hisbox .item .img{height: 60vw;padding: 0.2rem;} .Floor003239 .hisbox .item .year{font-size: var(--font-size50);} .Floor003239 .hisThumb{background-size: auto 1rem;} .Floor003239 .hisThumb .swiper-slide{height: 1.8rem;} .Floor003239 .hisThumb .i .ico{width: 0.5em;height: 0.5em; margin-left: -0.25em;} .Floor003239 .hisThumb .cur .i p{transform: scale(1);} .Floor003239 .hisThumb .i p{font-size: var(--font-size18);} .Floor003239 .hisThumb .i{padding-top: 0.6rem;top:calc(69 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-active .i{top: calc(17 / 220 * 100%);} .Floor003239 .hisThumb .swiper-slide-next .i{top:calc(31 / 220 * 100%);} .Floor003239 .hisbox .item ul{padding:0.1rem;} .Floor003239 .hisbox .item li{width:100%;margin-bottom:0.1rem;} } /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{padding:3.5vw 0 2vw;background:#f8f8f8;} .PicList002433 .main{ padding:2% 0 0;} .PicList002433 .main .slick-arrow{ position:absolute; top:42%; width:0.5rem; height:0.5rem; margin-top:-0.25rem; border:2px solid #550a65; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:#550a65; } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:15px; height:15px; border-top:2px solid #550a65; border-right:2px solid #550a65; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-7px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:275px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:275px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto;width:90%; line-height:20px; max-height:40px; color:#333;font-size:0.18rem;} .PicList002433 .list .ul-3 li{width:33.33333333%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ } .PicList002433 .list li .ytable{ height:180px;} .PicList002433 .list li figure img{ max-height:180px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433{padding:8vw 0;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{height: 80px;} .PicList002433 .list li .ytable{ height:180px;} .PicList002433 .list li figure img{ max-height:180px;} .PicList002433 .list li aside{height: 80px;} } .Contactlist{padding:3.5vw 0;} .Contactlist ul{display: flex;flex-wrap: wrap;} .Contactlist li{width:31.65%;float:left;margin-right:2.5%;margin-bottom:2.5%;box-shadow: 0 0 0.1rem rgba(0,0,0,0.08);padding:0;position: relative;} .Contactlist li:nth-child(3n){margin-right:0;} .Contactlist li:before {position: absolute;content: '';left: 50%;transform: translateX(-50%);height: 3px;background-color: #550a65;top: 0;transition: width 0.3s;width: 0;} .Contactlist li:hover:before {width: 100%;} .Contactlist li h2{font-size:0.24rem;font-weight: normal;color:#fff;margin:0;background:#550a65;padding:0.1rem 0.2rem 0.1rem 0.2rem;text-align: center;position: relative;} .Contactlist li h2 span{position: relative;padding-right:0.32rem;background:url(../images/star.png) no-repeat right center/0.26rem;} .Contactlist li .txt{padding:0.25rem;border-top:2px solid #f9bf00;} .Contactlist li:hover .txt{background:#550a65;} .Contactlist li p{font-size:0.18rem;padding-left:0.25rem;margin:0.1rem 0;} .Contactlist li p.tel{background:url(../images/tel-icon.svg) no-repeat left top 0.06rem/0.14rem;} .Contactlist li p.addr{background:url(../images/addr-icon.svg) no-repeat left top 0.04rem/0.14rem;} .Contactlist li:hover .txt p{filter: brightness(0) invert(1);} @media(max-width:768px){ .Contactlist{padding:8vw 0;} .Contactlist li{width:100%;margin-right:0;} } /*Form002219*/ .Form002219{ padding: 5vw 0 3.5vw;background:#f8f8f8;} .Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px;} .Form002219 dl.odd{ margin-left:4%;} .Form002219 dt{color: #666;font-size: 0.18rem;position:absolute;left:0;width:70px;text-align:right;line-height: 0.5rem;} .Form002219 .text{border: 1px solid #e8e8e8;border-radius:5px;width:100%;padding:0 10px;line-height: 0.5rem;height: 0.5rem;color:#5b5b5b;font-size:0.16rem;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border: 1px solid #e8e8e8;border-radius:5px;overflow:hidden;resize:none;width:100%;height: 2rem;padding:10px;color: #666;} .Form002219 .btn{ display:inline-block; line-height:0.5rem; min-width:1.6rem; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:0.16rem; border:none; border-radius:0.5rem; cursor:pointer;} .Form002219 .submitbtn{ color:#fff; background-color:#550a65;} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:150px;} } @media(max-width:480px){ .Form002219{padding:8vw 0;} .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } .Propertyinvestment{padding:0;} .Propertyinvestment .box{padding:3.5vw 0;} .Propertyinvestment .box .tit2{color:#550a65;font-size:0.36rem;margin:0 0 0.4rem;line-height: 1} .Propertyinvestment .box .tit2.center{text-align: center;} .Propertyinvestment .box1 .auto{display: flex;align-items: center;justify-content: space-between;} .Propertyinvestment .box1 .pic{width:50%;position: relative;} .Propertyinvestment .box1 .pic img{display: block;width:100%;} .Propertyinvestment .box1 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Propertyinvestment .box1 .video_files video{width:100%; height:100%; background-color:#000;} .Propertyinvestment .box1 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #550a65;cursor: pointer;} .Propertyinvestment .box1 .video_files .close::before, .Propertyinvestment .box1 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .Propertyinvestment .box1 .video_files .close::before{ transform:rotate(45deg);} .Propertyinvestment .box1 .video_files .close::after{ transform:rotate(-45deg);} .Propertyinvestment .box1 .a_play{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.35); } .Propertyinvestment .box1 .a_play::before, .Propertyinvestment .box1 .a_play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .Propertyinvestment .box1 .a_play::before{width: 0.7rem;height: 0.7rem;border: 0.03rem solid rgba(255,255,255,1);margin-left: -0.35rem;margin-top: -0.35rem;border-radius: 50%;} .Propertyinvestment .box1 .a_play::after{width: 0;height: 0;border-top: 0.12rem solid transparent;border-bottom: 0.12rem solid transparent;border-left: 0.16rem solid rgba(255,255,255,1);margin-left: -0.05rem;margin-top: -0.12rem;} .Propertyinvestment .box1 .text{width:50%;padding-right:5%; line-height: 1.8;font-size:0.18rem;} .Propertyinvestment .box1 .text h2{font-size:0.4rem;color:#333;margin:0;margin-bottom:0.4rem;line-height: 1;} .Propertyinvestment .box1 .text h2:after{content:'';width:1.6rem;height: 0.04rem;background: linear-gradient(45deg, #550a65, transparent);display: block;margin-top:0.2rem;} .Propertyinvestment .box1 .text h3{margin-top:0.35rem;margin-bottom:0.3rem;} .Propertyinvestment .box1 .text dl dd{font-size:0.22rem;color:#333;} .Propertyinvestment .box1 .text dl dd b{color:#333;} .Propertyinvestment .box2{background:#f8f8f8;} .Propertyinvestment .box2 ul{display: flex;flex-wrap: wrap;} .Propertyinvestment .box2 ul li{width:31.65%;float:left;margin-right:2.5%;margin-bottom:2%; background:#fff;background: linear-gradient(180deg, rgba(85,10,101,0.06), #fff); text-align: center;padding:0.3rem;border-radius: 0.15rem;overflow: hidden;border-top:0.03rem solid #550a65;transition: all 0.5s;} .Propertyinvestment .box2 ul li:nth-child(3n){margin-right:0;} .Propertyinvestment .box2 ul li h2{font-size:0.24rem;color:#333;} .Propertyinvestment .box2 ul li p{line-height: 1.6} .Propertyinvestment .box2 ul li:hover{background:#550a65;} .Propertyinvestment .box2 ul li:hover .icon{filter: brightness(0) invert(1);} .Propertyinvestment .box2 ul li:hover h2{color:#fff;} .Propertyinvestment .box2 ul li:hover p{color:#fff;} .Propertyinvestment .box3 ul{display: flex;flex-wrap: wrap;} .Propertyinvestment .box3 ul li{width:23.1%;float:left;margin-right:2.5%;margin-bottom:2%; background:#fff;text-align: center;box-shadow: 0 0 0.15rem rgba(0,0,0,0.08);border-radius: 0.1rem;overflow: hidden;} .Propertyinvestment .box3 ul li:nth-child(4n){margin-right:0;} .Propertyinvestment .box3 ul li .pic{overflow: hidden;} .Propertyinvestment .box3 ul li figure{padding-bottom:64%;background-color:#eee;transition: 0.3s;} .Propertyinvestment .box3 ul li:hover figure{transform: scale(1.1);} .Propertyinvestment .box3 ul li .txt{padding:0.25rem;} .Propertyinvestment .box3 ul li h2{font-size:0.24rem;color:#333;font-weight: normal; margin-top:0;margin-bottom:0.1rem;} .Propertyinvestment .box3 ul li:hover h2{color:#550a65;} .Propertyinvestment .box3 ul li p{line-height: 1.6} .Propertyinvestment .box4{background:#f8f8f8;} .Propertyinvestment .box4 .auto{display: flex;align-items: center;justify-content: space-between;background:#fff;box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.08);} .Propertyinvestment .box4 .pic{width:50%;} .Propertyinvestment .box4 .text{width:50%;padding-left:5%; line-height: 1.8;font-size:0.18rem;} .Propertyinvestment .box4 .text h4{font-size:0.28rem;color:#550a65;margin:0 0 0.2rem;line-height: 1;display: flex;align-items: center;} .Propertyinvestment .box4 .text h4 img{margin-right:0.05rem;} .Propertyinvestment .box4 .text .h4_2{margin-top:0.25rem;} .Propertyinvestment .box4 .text p{font-size:0.18rem;color:#333;margin:0.07rem 0;padding-left:0.15rem;position: relative;} .Propertyinvestment .box4 .text p b{color:#333;margin-right:0.1rem;} .Propertyinvestment .box4 .text p:after{content:'';width:0.04rem;height: 0.04rem;background:#550a65;display: block;border-radius: 50%;position: absolute;left:0;top:0.15rem;} @media(max-width:768px){ .Propertyinvestment .box{padding:8vw 0;} .Propertyinvestment .box1 .text h2:after{width:1rem;} .Propertyinvestment .box1 .auto{display: block;} .Propertyinvestment .box1 .text{width:100%;padding-right:0;} .Propertyinvestment .box1 .text h2{font-size:0.3rem;margin-bottom:0.2rem;} .Propertyinvestment .box1 .pic{width:100%;} .Propertyinvestment .box .tit2{font-size:0.3rem;} .Propertyinvestment .box2 ul li{width:100%;margin-right:0;} .Propertyinvestment .box3 ul li{width:100%;margin-right:0;} .Propertyinvestment .box4 .auto{display: block;} .Propertyinvestment .box4 .pic{width:100%;} .Propertyinvestment .box4 .text{width:100%;padding:0.2rem;} } .FinancialInvestment{padding:3.5vw 0;} .FinancialInvestment .box{margin-bottom:2.5vw;} .FinancialInvestment .box h2{font-size:0.4rem;color:#333;margin:0;margin-bottom:0.4rem;line-height: 1;} .FinancialInvestment .box p{line-height: 1.8;font-size: 0.18rem;} .FinancialInvestment .slider{margin:0 -0.18rem;} .FinancialInvestment li a{margin:0 0.18rem;display: block;} .FinancialInvestment li figure{padding-bottom:64%;background-color:#e8e8e8;} .FinancialInvestment .slick-arrow{ position:absolute;top:42%; width:0.5rem;height:0.5rem;border-radius: 50%;border:2px solid #550a65;background:url(../images/more.svg) no-repeat center/0.12rem;} .FinancialInvestment .slick-prev{ left:-0.5rem;transform: rotate(180deg);} .FinancialInvestment .slick-next{ right:-0.5rem;} .FinancialInvestment .box2{margin-bottom:0;padding-top:1vw;} @media(max-width:768px){ .FinancialInvestment{padding:8vw 0;} .FinancialInvestment .box h2{font-size:0.3rem;margin-bottom:0.2rem;} .FinancialInvestment .slider{margin:0;} .FinancialInvestment li a{margin:0;} .FinancialInvestment .slick-arrow{z-index: 10} .FinancialInvestment .slick-prev{left:0;} .FinancialInvestment .slick-next{right:0;} } /*.RighInfo003134 为demo编号*/ .RighInfo003134 {padding:3.5vw 0 0;} .RighInfo003134 .img-side{ margin: 0 auto 4.5em;} .RighInfo003134 .img-side .ytable-cell{ padding-bottom:0;} .RighInfo003134 .img-group li .video video{background: #000;height: 4.5rem;} .RighInfo003134 .img-group .small li .video video{height: 1.05rem;} .RighInfo003134 .img-group li .Ispic{padding-bottom:62.5%;} .RighInfo003134 .small{ padding:0 0.3rem; margin-top:0.15rem; position:relative;} .RighInfo003134 .small .slick-arrow{ position:absolute; height:100%; top:0; width:0.25rem; z-index:10; cursor:pointer; background-position:center center; background-repeat:no-repeat;font-size: 0;border: 0;background-color: transparent;} .RighInfo003134 .small .slick-prev{ left:0; background-image:url(../images/RighInfo002092-btn_prev.png);} .RighInfo003134 .small .slick-next{ right:0;background-image:url(../images/RighInfo002092-btn_next.png);} .RighInfo003134 .small .slick-disabled{ cursor:default;} .RighInfo003134 .small li figure{ margin:0 auto; padding-bottom:90%; background-size:contain; max-width:90%; border:1px solid #e5e5e5;} .RighInfo003134 .small li.slick-current figure{ border-color:#550a65;} .RighInfo003134 .controls{display: table;position: relative;padding: 0 .6rem; margin:.2rem auto 0;} .RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;} .RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #550a65; width: 100%;height: 100%;} .RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003134 .controls .slick-disabled{cursor: default;} .RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003134 .txt .fu{font-size: var(--font-size22);color: #333;margin-bottom: .1rem; } .RighInfo003134 .txt .tit{ margin: 0; color: #550a65;font-size: var(--font-size38);padding-bottom:.2rem;} .RighInfo003134 .txt .price{color:#fabe00;} .RighInfo003134 .txt .price .span1{font-size:0.36rem;font-weight: bold;} .RighInfo003134 .txt .price .span2{color:#666;margin-left:0.4rem;} .RighInfo003134 .txt dl{margin:0.15rem 0;} .RighInfo003134 .txt dl dd{float:left;margin-right:11%;} .RighInfo003134 .txt dl dd span{font-size:0.24rem;color:#333;font-weight: bold;} .RighInfo003134 .txt dl dd p{margin:0;} .RighInfo003134 .txt .basic{position: relative; line-height:2;font-size:var(--font-size18);color: #333;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:0.15rem 0; } .RighInfo003134 .txt .basic span{ display: block;} .RighInfo003134 .txt .basic .ewm{position: absolute;right:0;top:0.1rem;} .RighInfo003134 .txt .sub{margin-top: 0;line-height:2;font-size:var(--font-size16);color: #666;margin-bottom: 0; } .RighInfo003134 .txt .btn{margin-top: .5rem;} .RighInfo003134 .txt .btn .back{background: #fff;color: #550a65;border: 2px solid #550a65;border-radius: .5rem;} .RighInfo003134 .txt .btn .back:hover{background:#550a65; color: #fff;} .RighInfo003134 .txt .btn a{display: inline-block;height:3.375em;line-height:3.375em;text-align: center;padding: 0 .3rem;} .RighInfo003134 .txt .btn .back:after{background-image: url(../images/icon-back2.svg);} .RighInfo003134 .txt .btn .back:hover:after{background-image: url(../images/icon-back.svg);} .RighInfo003134 .txt .btn a::after{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width:.22rem;height:3.375em;margin-left:.12rem;} .RighInfo003134 .img-side .tit4 ul{width: 70%; margin-bottom: 50px;} .RighInfo003134 .img-side .txt .tit4 .xh{font-style: normal;font-size: 1.5em;margin-bottom: .2rem;position: relative;padding-left:.18rem;color: #550a65;line-height: 1;} .RighInfo003134 .img-side .txt .tit4 .xh:after{content: '';background: #550a65;width: 4px;height: 24px;position: absolute; left: 0; } .RighInfo003134 .img-side .tit4 li{ line-height:30px;font-size:1em; padding:10px 0; border-bottom:1px dashed #eaeaea; padding-left:40px;background:url(../images/TextList001131-li_hover.png) no-repeat left center;} .RighInfo003134 .img-side .tit4 li:hover span{ background-color:#550a65;} .RighInfo003134 .img-side .tit4 li:hover a{color:#550a65;} .RighInfo003134 .img-side .tit4 li a{ display:block; overflow:hidden; font-size: 1em; color: #222;} @media (min-width:1025px) { .RighInfo003134 .img-group{width:45%;background: url(../uploadfiles/bg.jpg) no-repeat center; border-radius: 50px 0 0 0;background-size: cover;} .RighInfo003134 .img-side .ytable-cell{padding-top: 0;} .RighInfo003134 .img-side .txt{padding: 0 0 0 8%;vertical-align: top;} } @media (max-width:1024px) { .RighInfo003134 .img-side{ padding: 0;} .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} } @media(max-width:768px){ .RighInfo003134 .img-side{margin:0 auto 2em;} .RighInfo003134 .img-side .tit4 li{ font-size:14px; padding:10px 0;} .RighInfo003134{padding: calc(50 / 16 * 1em) 0 0;} .RighInfo003134 .img-side .tit{font-size:0.3rem;} .RighInfo003134 .img-group{margin-bottom:0.2rem;} .RighInfo003134 .img-group li .video video{height: 3rem} .RighInfo003134 .img-group .small li .video video{height: 0.8rem;} .RighInfo003134 .txt .basic .ewm{position: relative;} .RighInfo003134 .txt .btn{margin-top:0.3rem;} } /*.RighInfo000171*/ .RighInfo000171{padding:3.5vw 0; background:#f8f8f8;} .RighInfo000171 .title{ color:#000; padding-bottom:.2rem; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: .2rem;} .RighInfo000171 .title h1{margin:0;font-size:.3rem; font-weight: normal; line-height:1.2; font-weight: bold;} .RighInfo000171 .info{ color: #333; line-height:1.875;font-size:.16rem; } .RighInfo000171 .info p{ margin: 0 0 .2rem 0;} .RighInfo000171 .info .basic:not(:last-child){margin-bottom: 0.24rem} .RighInfo000171 .info .subtit{font-size:.22rem;line-height:1.2;color:#000;font-weight: bold; margin-bottom: .18rem;} .RighInfo000171 .info .item{line-height:1.8;display: flex;align-items: baseline} .RighInfo000171 .info .item:not(:last-child){margin-bottom: 0.1rem} .RighInfo000171 .info .item span{color: #999;flex: 0 0 auto} .RighInfo000171 .info .item span{margin-right: 0.1rem;} .RighInfo000171 .info .itemlist .item{width:48%;float:left;margin-right:4%;} .RighInfo000171 .info .itemlist .item:nth-child(2n){margin-right:0;} .RighInfo000171 .info .piclist{display: flex;flex-wrap: wrap;} .RighInfo000171 .info .piclist li{width:48.5%;float:left;margin-right:3%;margin-bottom:3%;} .RighInfo000171 .info .piclist li:nth-child(2n){margin-right:0;} .RighInfo000171 .info .piclist li .Ispic{padding-bottom:64%;background-color:#f8f8f8;} .RighInfo000171 .info img{margin-bottom: .2rem;} .RighInfo000171 .info .pic{ margin:2% auto; display: block;} .RighInfo000171 .info .pic1{ float:right; margin-bottom:2%; margin-left:3%;} .RighInfo000171 .info .pic2{ float:left; margin-bottom:2%; margin-right:3%;} .RighInfo000171 .right{ padding:0;} .RighInfo000171 .right li+li{margin-top:.2rem; padding-top:.2rem; border-top: 1px dashed rgba(0, 0, 0, 0.1);} .RighInfo000171 .right li a{display: flex; justify-content: space-between; align-items: center;} .RighInfo000171 .right .pic{overflow: hidden; transition: 0.3s;} .RighInfo000171 .right .pic{width:34%;} .RighInfo000171 .right .text{width:60%;} .RighInfo000171 .right li:hover .pic{transform: scale(1.08); transition: 0.3s;} .RighInfo000171 .right .tit{font-size:var(--font-size22); line-height:1.5; color:#333; margin:0; font-weight: 500;} .RighInfo000171 .right p{font-size: var(--font-size16); color:#666; line-height: 1.6; margin: .1rem 0 0 0; } .RighInfo000171 .right li:hover .tit{color: #550a65;} @media(min-width:1025px){ .RighInfo000171 .flex{display: flex; align-items:flex-start; justify-content: space-between;} .RighInfo000171 .left{width:70%; padding-right:1.2rem;} .RighInfo000171 .right{width:30%;} } @media(max-width:1024px){ .RighInfo000171{ padding:.5rem 0;} } @media(max-width:768px){ .RighInfo000171 .info .itemlist .item{width:100%;} .RighInfo000171 .info .piclist li{width:100%;} .RighInfo000171 .right{margin-top:0.2rem;} } .oneshot{padding:3.5vw 0;line-height: 1.75;min-height: 4rem;} .oneshot .ul_sitemap{display: flex;flex-wrap: wrap;} .oneshot .ul_sitemap li{border-bottom:1px solid #e8e8e8;padding:0.15rem 0;width: 100%;float: left;} .oneshot .ul_sitemap li:nth-child(2n){margin-right:0} .oneshot .ul_sitemap li a{color:#333;} .oneshot .ul_sitemap li a:hover{color:#550a65;} .oneshot .ul_sitemap li strong{font-size:0.22rem;font-weight: normal;display: block;position: relative;padding-left:0.15rem;margin-bottom: 0rem;} .oneshot .ul_sitemap li strong:after{content:'';width:5px;height:5px;background:#550a65;display:block;position:absolute;left:0;top:50%;margin-top:-3px;border-radius:50%;} .oneshot .ul_sitemap li span{display: block;} .oneshot .ul_sitemap li span a{font-size:0.16rem;color:#666;margin-right:0.12rem;} @media(max-width:768px){ .oneshot{padding:8vw 0;} .oneshot .ul_sitemap li{width:100%} } .list_istop{padding:3.5vw 0 3.5vw;margin: 0 auto;margin-top:0%;} .list_istop ul{margin-bottom:3%;} .list_istop ol{overflow:hidden; padding-bottom:0.15rem; margin-bottom:0.15rem;border-bottom: 1px solid #eee;} .list_istop ol img{ float:left; width:30%; margin-right: 2%;} .list_istop ol h1{ margin:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#010101; font-weight:normal;} .list_istop ol time{ color: #999; margin-right: 5%;font-size: 14px;} .list_istop ol p{ margin:2% 0; color:#707070; line-height:24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .list_istop ol a.more{ color:#9e0e02;display:inline-block;} .list_istop li {position: relative; border-bottom: 1px #e4e4e4 dotted; font-size:0.18rem;padding:1.2em 0; overflow:hidden;} .list_istop li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#ccc; left:5px; top:50%; margin-top:-2px;} .list_istop li time{ float:right; font-size:0.16rem; color:#999;} .list_istop li a{ display:block; float:left; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;color:#333;} .list_istop li a:hover{ color:#550a65;} @media(max-width:640px){ .list_istop{padding:8vw 0;} .list_istop li a{width:77%;} } .Recruitment{padding:3.5vw 0 1vw;} .Recruitment .w22{width:18%;} .Recruitment .w75{width:79%; padding-bottom:0;} @media(max-width:768px){ .Recruitment .w22, .Recruitment .w75{width:100%;} } /*Menu002956 */ .Menu002956{margin: 0 0;} .Menu002956 nav{background: #550a65;padding: 0.15rem 0.25rem 0.7rem;border-radius: 0.1rem;background: url(../images/Menu002956-bg.jpg) no-repeat bottom center / cover;background-color: #550a65;} .Menu002956 h1{margin: 0;position: relative; padding: 0.18rem 0; } .Menu002956 h1 span{position: relative; z-index: 4; display: block;font-size: 0.26rem;color: #fff;line-height: 1em;} .Menu002956 h1 i{position: absolute;} .Menu002956 select{width:100%;font-size:0.16rem;display: block;height: 0.45rem;padding:0 0.05rem;margin:0.1rem 0;} .Menu002956 ul{padding:0;} .Menu002956 li{margin:0.05rem 0;} .Menu002956 li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.15);} .Menu002956 li a{display: block;line-height: 26px; padding: 0.14rem 0.18rem;font-size: 0.18rem;position: relative; z-index: 1;color:#fff;border-radius: 0.05rem;} .Menu002956 li a:after{position: absolute; content: '';border:4px solid transparent; border-top-width: 6px;border-top-color: #550a65; top: 50%; margin-top: -4px; right: 30px; opacity: 0; transition: 0.3s;} .Menu002956 li a:hover, .Menu002956 li.aon a{font-weight: bold;color: #fabe00;} .Menu002956 li a:hover:after, .Menu002956 li.aon a:after{opacity: 1;} @media(min-width:1025px){ .Menu002956{overflow: hidden;} .Menu002956 ul{display: block!important;} } @media(max-width:1024px){ .Menu002956{position: relative; z-index: 40;} .Menu002956 ul{display: none;position: absolute; left: 0px;top: 100%; right: 0; z-index: 40;background: #550a65;border-radius: 0.1rem;} .Menu002956 i.wap-open{position: absolute; width: 30px; height: 30px; right: 40px;background: #fff; z-index: 10; top: 50%;margin-top: -15px; border-radius: 50%; transition: 0.3s;} .Menu002956 i.wap-open:before, .Menu002956 i.wap-open:after{position: absolute; content: ''; left: 50%; top: 50%; background: #550a65; transform: translate(-50%,-50%);} .Menu002956 i.wap-open:before{width: 10px; height: 2px; } .Menu002956 i.wap-open:after{width: 2px; height: 10px; } .Menu002956 i.wap-open.on{transform: rotate(45deg);} } @media(max-width:640px){ .Menu002956 nav{padding: 0.1rem;background:#550a65;} .Menu002956 h1 span{font-size: 4.5vw;} .Menu002956 h1{padding: 3vw 0 3vw 0.1rem; } .Menu002956 i.wap-open{right: 6vw;margin-top: -12px; width: 24px; height: 24px;} } /*TextList002739 */ .TextList002739{} .TextList002739 .list-group .tit{cursor: pointer; line-height: 62px; font-size: 0.18rem;color:#333;} .TextList002739 .list-group .tit:before{background: #550a65; width: 4px; height: 4px; display: inline-block; content: '';vertical-align: middle; margin-right: 25px; } .TextList002739 .title{ padding:0 40px; line-height: 60px; background: #550a65; font-size:0.16rem; color: #fff; border-bottom: 1px solid #ededed;margin-top: 0px;} .TextList002739 .title time, .TextList002739 .tit time{float: right; } .TextList002739 .tit time{color: #888;} .TextList002739 .list{border-bottom: 1px solid #e8e8e8;} .TextList002739 .tit{padding: 0 40px; background: #fafafa; font-weight: normal; margin: 0;} .TextList002739 .tit.active{background: #fff; margin: 0 40px; padding: 0; border-bottom: 2px solid #550a65; color: #550a65;} .TextList002739 .tit.active time{color: #550a65;} .TextList002739 .info{padding: 10px 40px 20px 70px;} .TextList002739 .info .singlePage{line-height: 1.8; color: #333;} .TextList002739 .info .singlePage p{margin:0.1rem 0;} .TextList002739 .info .singlePage .mailbox span{color:#550a65;} @media(min-width:769px){ .TextList002739 .title time{ margin-right: 78px;} .TextList002739 .tit time{padding-right: 60px;font-size:0.16rem;} } @media(max-width:768px){ .TextList002739 .title{ padding:0 20px; line-height: 50px;} .TextList002739 .tit{padding: 0 20px;} .TextList002739 .tit.active{margin: 0 20px;} .TextList002739 .title time{ margin-right: 12px;} .TextList002739 .list-group .tit:before{ margin-right: 10px;} .TextList002739 .info{padding: 10px 20px 10px 34px;} } @media(max-width:480px){ .TextList002739 .tit time{margin-right: 0;} .TextList002739 .tit time{ font-size: 12px;} } /* .TextList001652 为demo编号 */ .TextList001652 .list_ul, .TextList001652 .job_ol{ overflow:hidden; clear:both;} .TextList001652 .job_ol li, .TextList001652 .list_ul li{ list-style:none; float:left; width:16.65%; text-align:center; position: relative;} .TextList001652 .list_ul.active{border-bottom: 2px solid #550a65;color: #550a65;} .TextList001652 .job_ol li{ background-color:#550a65; color:#fff; line-height:3.625em;} .TextList001652 .list_ul li span{color:#ff0000;position: absolute; top: 5px;} .TextList001652 .list_ul li span img{margin-left: 5px;} .TextList001652 .list{ border-bottom:1px solid #e8e8e8;} .TextList001652 .job_info{ display:none;line-height: 1.8;color:#333;} .TextList001652 .list_ul{ cursor:pointer;color:#333;background:#fafafa;} .TextList001652 .list_ul li{ padding:1.2em 0;} .TextList001652 .list_ul li:nth-child(6){padding:0.85em 0;} .TextList001652 .list_ul li:nth-child(6) a{border-radius:5px; display:inline-block; padding:1% 7%; line-height:1.8em;background: #fabe00;color: #550a65;} .TextList001652 .job_info{padding:2% 5% 2%;} .TextList001652 .job_info .mailbox span{color:#550a65;} @media(max-width:640px){ .TextList001652 .job_ol li, .TextList001652 .list_ul li{width:33.2%;} .TextList001652 .job_ol li:nth-child(2), .TextList001652 .list_ul li:nth-child(2){ display:none;} .TextList001652 .job_ol li:nth-child(3), .TextList001652 .list_ul li:nth-child(3){ display:none;} .TextList001652 .job_ol li:nth-child(4), .TextList001652 .list_ul li:nth-child(4){ display:none;} } .Other002907{position: fixed; right: 0.1rem; top: 60%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 200; border: 1px solid #eee; border-bottom: 0; width: 0.7rem;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Other002907 li:not(:last-child){ border-bottom: 1px solid #eee;} .Other002907 li a{ text-align: center;display: block;line-height: 30px; padding-top: 0.36rem;background-position: center 0.14rem;background-repeat: no-repeat; font-size: 0.14rem;color: #666; } .Other002907 li a:hover{color: #550a65;font-weight: bold;} .Other002907 li.li_1 a{background-image: url("../images/Other002907_icon1.svg");background-size:0.24rem;} .Other002907 li.li_4 a{background-image: url("../images/Other002907_gettop.png");background-position: center 20px; background-color: #550a65;font-size: 14px;color: #fff; margin-left: -1px; margin-right: -1px;padding-top: 0.35rem; height: 0.7rem; line-height: normal;}