@charset "utf-8";.header .logo p {color: #666666;}
.header .logo img.i1 {opacity: 0;visibility: hidden;}
.header .logo img.i2 {opacity: 1;visibility: visible;}
.header .topnav ul li > a {color: #101010;}
.header .toplink ul li:before {background: #666;opacity: 0.4;}
.header .toplink ul li .a {color: #666;}
.header .toplink ul li .showSear {color: #666;}
.header .toplink ul li .a i {color: #666;}
.header .topser a {color: #333;}
.header #openBtn .lcbody .lcitem div {background: #333;}
.header .toplink ul li svg {fill: #666;}
.fp-viewing-page1 .header .logo p {color: #fff;}
.fp-viewing-page1 .header .logo img.i2 {opacity: 0;visibility: hidden;}
.fp-viewing-page1 .header .logo img.i1 {opacity: 1;visibility: visible;}
.fp-viewing-page1 .header .topnav ul li > a {color: #fff;}
.fp-viewing-page1 .header .toplink ul li:before {background: #fff;opacity: 0.4;}
.fp-viewing-page1 .header .toplink ul li .a {color: #fff;}
.fp-viewing-page1 .header .toplink ul li .showSear {color: #fff;}
.fp-viewing-page1 .header .toplink ul li .a i {color: #fff;}
.fp-viewing-page1 .header .topser a {color: #fff;}
.fp-viewing-page1 .header #openBtn .lcbody .lcitem div {background: #fff;}
.fp-viewing-page1 .header .toplink ul li svg {fill: #fff;}
.fp-viewing-page1.navShow .header .logo p {color: #333;}
.fp-viewing-page1.navShow .header .logo img.i1 {opacity: 0;visibility: hidden;}
.fp-viewing-page1.navShow .header .logo img.i2 {opacity: 1;visibility: visible;}
.fp-viewing-page1.navShow .header .topnav ul li > a {color: #333;}
.fp-viewing-page1.navShow .header .toplink ul li:before {background: #333;opacity: 0.4;}
.fp-viewing-page1.navShow .header .toplink ul li .a {color: #333;}
.fp-viewing-page1.navShow .header .toplink ul li .showSear {color: #333;}
.fp-viewing-page1.navShow .header .toplink ul li .a i {color: #333;}
.fp-viewing-page1.navShow .header .topser a {color: #333;}
.fp-viewing-page1.navShow .header #openBtn .lcbody .lcitem div {background: #333;}
.fp-viewing-page1.navShow .header .toplink ul li svg {fill: #333;}
.ftop {position: fixed;z-index: 100;top: 50%;right: 3%;transform: translateY(-50%);}
.ftop ul {flex-direction: column;align-items: center;justify-content: center;}
.ftop ul li {padding: 0.1rem 0;}
.ftop ul li .a {display: flex;align-items: center;justify-content: center;width: 0.08rem;height: 0.08rem;background: rgba(130, 51, 135, 0.3);border-radius: 50vw;transition: 0.5s;}
.ftop ul li .a::after {content: "";position: absolute;width: 0.06rem;height: 0.06rem;background: #fff;border-radius: 50vw;opacity: 0;transition: 0.5s;border: #823387 2px solid;}
.ftop ul li.active .a:after {opacity: 1;}
.fp-viewing-page1 .ftop ul li .a {background: rgba(255, 255, 255, 0.3);}
.kBox {height: 1rem;}
.banner_box {padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner {overflow: hidden;}
.banner:after {content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;height: 23vh;
  display:none;
}
.banner .a {display: block;position: relative;z-index: 1;overflow: hidden;}
.banner .imgBox {overflow: hidden;width: 100%;transform: scale(1);}
.banner .imgBox .img {padding-bottom: 100vh;transition: 0s;transform: scale(1) !important;}
.banner .imgBox .img video {opacity: 0.9;}
.banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox {animation: sca 6s linear 0s normal both;}
@keyframes sca {
  0% {transform: scale(1.06);}100% {transform: scale(1);}
}
.banner .dots {justify-content: flex-end;align-items: center;position: absolute;right: 0;bottom: 0.3rem;left: 0;}
.banner .dots span {width: 0.48rem;height: 0.48rem;background: none;font-size: 0.16rem;color: #fff;opacity: 1;margin: 0 0 0 0.15rem !important;position: relative;z-index: 1;}
.banner .dots span:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.5s;}
.banner .dots span:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 0.5s;}
.banner .dots span.active:before {opacity: 0;}
.banner .dots span.active:after {opacity: 1;}
.pad1 {padding: 0.75rem 0;overflow: hidden;}
.tit1 {align-items: center;margin-bottom: 0.5rem;}
.tit1 .ll {font-size: 0.36rem;color: #333;font-weight: normal;}
.tit1 .ll font {color: #823387;}
.more1 {width: 0.52rem;height: 0.52rem;justify-content: center;align-items: center;position: relative;font-size: 0.12rem;color: #823387;font-family: "Barlow italic";}
.more1::before {content: "";position: absolute;top: 0;left: -0.04rem;width: 100%;height: 100%;background: url(../images/more1.png) center no-repeat;background-size: cover;transition: 0.5s;animation: 10s roted linear 0s infinite;}
.more1::after {content: "";position: absolute;top: 0;right: -0.04rem;width: 100%;height: 100%;background: url(../images/more1.png) center no-repeat;background-size: cover;transition: 0.5s;animation: 10s roted linear 0s infinite;}body {background: url(../images/index2_b.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.index2 .left {width: 43.875%;}
.index2 .right {width: 53%;}

.slides1 .tit1 .ll font, .slides1 .tit1 .ll{ color: #aaaaac;}
.slides1 .hd li{ margin: 0 .9rem 0 0; position: relative;}
.slides1 .hd li::before{ content: ""; position: absolute; top: 50%; right: -0.45rem; width: 1px; height: 0.34rem; background: #d1d2d6; transform: translateY(-50%);}

.slides1 .hd li:last-child{ margin-right: 0 !important;}
.slides1 .hd li:last-child:before{ display: none !important;}

.slides1 .tit1 li.on .ll font{ color: #823387;}
.slides1 .tit1 li.on .ll{color: #333;}



.ls1 .a {display: block;}
.ls1 .imgBox .img {padding-bottom: 56.028%;}
.ls1 .txt {background: #fff;box-shadow: 0px 27px 29px 0px rgba(121, 50, 207, 0.03);padding: 0 0.14rem;position: relative;height: 1.46rem;align-items: center;}
.ls1 .time {
  width: 0.64rem;
    height: 0.6rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: relative;top: -0.6rem;z-index: 1;}
.ls1 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls1 .time:after {content: "";position: absolute;width: 0.4rem;height: 1px;background: #8a4090;
top: 50%;transition: 0.5s;}
.ls1 .time h3, .ls1 .time h6 {
   font-size: 0.2rem;
    color: #8a4090;
    font-family: "Barlow italic";
    font-weight: normal;
    align-items: flex-start;
    line-height: 1.4;
    width: 0.6rem;
    transition: 0.5s;   
   text-align: center;  
}
.ls1 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls1 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls1 .con {flex: 1;overflow: hidden;}
.ls1 h4 {margin-bottom: 0.12rem;}
.more2 {align-items: center;font-size: 0.16rem;color: #8a4090;position: relative;}
.more2 i {font-size: 0.36rem;color: #8a4090;font-family: "lib";position: relative;z-index: 1;display: flex;align-items: center;margin: 0 0 0 0.12rem;}
.more2 i::after {content: "";position: absolute;width: 0.18rem;height: 0.18rem;background: #8a4090;border-radius: 50vw;opacity: 0.15;top: 54%;transform: translateY(-50%);right: 0;z-index: -1;}
.ls2 {margin: 0 -0.2rem;}
.ls2 li {width: 50%;padding: 0 0.2rem;margin-bottom: 0.46rem;}
.ls2 .a {display: block;position: relative;}
.ls2 .imgBox:after {content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);z-index: 1;height: 1rem;}
.ls2 .txt {position: absolute;right: 0;bottom: 0;left: 0;padding: 0 0.14rem 0.1rem;}
.ls2 .time {
width: 0.5rem;
    height: 0.46rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: absolute;top: 0.12rem;left: -0.12rem;z-index: 1;}
.ls2 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls2 .time:after {content: "";position: absolute;width: 0.28rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls2 .time h3, .ls2 .time h6 {font-size: 0.16rem;color: #8a4090;font-family: "Barlow italic";font-weight: normal;
   align-items: flex-start;line-height: 1.4;width: 0.46rem;transition: 0.5s;
   text-align: center;
}
.ls2 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls2 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls2 h4 {font-size: 0.18rem;color: #fff !important;}
.ls3Box {padding: 0 1rem;position: relative;overflow: visible;}
.ls3 .a {filter: drop-shadow(0px 0.28rem 0.28rem rgba(121, 50, 207, 0.09));}
.ls3 .imgBox {width: 7.75rem;}
.ls3 .txt {flex: 1;overflow: hidden;background: url(../images/lt3_b.png) center no-repeat;background-size: 100% 100%;padding: 0 0.5rem;position: relative;flex-direction: column;justify-content: center;transform: translateY(.2rem);}
.ls3 .time {width: 0.85rem;height: 0.8rem;background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: relative;top: -0.6rem;z-index: 1;}
.ls3 .p {margin: 0.3rem 0 0.4rem;}
.ls3 .p p {font-size: 0.18rem;color: #333;line-height: 1.5;padding: 0.06rem 0;padding-left: 0.3rem;}
.ls3 .p .p1 {background: url(../images/ls3_i1.png) left 0.1rem no-repeat;background-size: 0.2rem 0.2rem;}
.ls3 .p .p2 {background: url(../images/ls3_i2.png) left 0.1rem no-repeat;background-size: 0.2rem 0.2rem;}
.ls3 .p .p3 {background: url(../images/ls3_i3.png) left 0.1rem no-repeat;background-size: 0.2rem 0.2rem;}
.ls3Box{ padding-top: .3rem !important;}
.arrow1 {position: absolute;width: 0.44rem;height: 0.44rem;border: #8a4090 1px dashed;border-radius: 50vw;top: 50%;transform: translateY(-50%);cursor: pointer;font-size: 0.3rem;color: #8a4090;font-family: "lib";display: flex;align-items: center;justify-content: center;transition: 0.5s;z-index: 2;}
.arrow1.prev {left: 0;}
.arrow1.next {right: 0;}
.arrow1.prev1 {left: 0;}
.arrow1.next1 {right: 0;}
.more3 {background: url(../images/more3.png) center no-repeat;background-size: 100% 100%;width: 1.83rem;height: 0.48rem;align-items: center;justify-content: center;font-size: 0.18rem;color: #8a4090;transition: 0.5s;position: relative;z-index: 1;}
.more3:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.index4 .left {width: 47%;}
.index4 .left .arc-con {margin-bottom: 0.7rem;}
.index4 .left .arc-con p{ margin-bottom: 0 !important;text-indent: 2em;}
.index4 .right {width: 50%;}
.more3s::before {opacity: 1;}
.more3s {color: #fff;width: 2.4rem;}
.index5 .left {width: 50%; position: relative;}
.index5s .left::after{content: "";position: absolute;background: url(../images/tuoyuan.png) center no-repeat;background-size: 100% 100%;width: .3rem;height: .18rem;top: 50%;left: 50%;z-index: -1;margin: -.09rem 0 0 -.15rem;animation: tiao 2s infinite linear; opacity: 0; transition: .5s; }
.index5s.active .left::after{ opacity: 1; transition-delay: 1.5s;}
@keyframes tiao {
    0% { transform: translateY(0);}
    50% {transform: translateY(.1rem);}
    100% {transform: translateY(0);}
}
.index5 .right .arc-con {margin-bottom: 0.4rem;}
.index5 .right {width: 50%;}
.index6 .left {width: 50%;}
.index6 .left .arc-con {margin-bottom: 0.7rem;}
.index6 .right {width: 50%;}
.index7 .left {width: 50%;order: 1;}
.index7 .right .arc-con {margin-bottom: 0.7rem;}
.index7 .right {width: 50%;}
.ls4Box{overflow: visible}
.ls4 dl dd{width: 33.33%;height: 100vh;display: flex;align-items: center;}
.ls4 dl dd .dots2{width: .22rem;height: .22rem;position: relative;z-index: 1;margin: 0 auto;}
.ls4 dl dd .dots2 .circle{width: 30vw;height: 30vw;border-radius: 50vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ls4 dl dd .dots2 .dot{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient( -139deg, rgb(115,49,252) 0%, rgb(130,51,135) 100%);border-radius: 50vw;}
.ls4 dl dd .dots2 .dot::before{content: "";position: absolute;width: 1px;background: url(../images/ls4_l1.png) center no-repeat;width: 1px;height: 15.36vw;left: 50%;transform: translateX(-50%);background-size: 100% 100% !important;}
.ls4 dl dd .dots2 h4{font-size: .2rem;color: #7e33a4;left: calc(100% + .12rem);position: absolute;white-space: nowrap;top: 50%;transform: translateY(-50%);}
.ls4 dl dd .dots2 .ico{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: .5s;}
.ls4 dl dd .dots2 .ico img{width: 100%;}
.ls4 dl dd .dots2 .box{position: absolute;top: calc(100% + .2rem);left: 50%;transform: translateX(-50%);display: flex;opacity: 0;visibility: hidden;transition: .5s;}
.ls4 dl dd .dots2 .box p{
  display: flex;
}
.ls4 dl dd .dots2 .box .a{font-size: .18rem;color: #7538e4;display: block;padding: .1rem .1rem;margin: 0 .5vw;line-height: 1.1;position: relative;}
.ls4 dl dd .dots2 .box .a:before{content: "";position: absolute;background: url(../images/ls4_b1.png) center no-repeat;width: 1px;height: 3.32rem;left: 0;top: 0;background-size: 100% 100% !important;}
.ls4 dl dd .dots2 .box .a:after{content: "";position: absolute;background: #7538e4;width: .08rem;height: .08rem;border-radius: 50vw;left: -.04rem;top: 0;}
.ls4 dl dd:nth-child(2) .dots2 .dot::before{height: 16.45vw;background: url(../images/ls4_l2.png) center no-repeat;width: .03rem;}
.ls4 dl dd:nth-child(3) .dots2 .dot::before{height: 19.89vw;background: url(../images/ls4_l3.png) center no-repeat;}
.ls4 dl dd:nth-child(2){padding-bottom: 6vw;}
.ls4 dl dd:nth-child(3){padding-top: 6vw;}
.ls4 dl dd:nth-child(1) .dots2 .ico1{width: .56rem;height: .56rem;top: 30%;left: 30%;transform: translate(-10vw, -4vw);}
.ls4 dl dd:nth-child(1) .dots2 .ico2{width: .4rem;height: .4rem;top: 30%;left: 30%;transform: translate(6vw, 4vw);}
.ls4 dl dd:nth-child(2) .dots2 .ico1{width: .62rem;height: .62rem;top: 30%;left: 30%;transform: translate(-10vw, -4vw);}
.ls4 dl dd:nth-child(2) .dots2 .ico2{width: .4rem;height: .4rem;top: 30%;left: 30%;transform: translate(7vw, -10vw);}
.ls4 dl dd:nth-child(3) .dots2 .ico1{width: .52rem;height: .52rem;top: 30%;left: 30%;transform: translate(-1.25vw, -10vw);}
.ls4 dl dd:nth-child(3) .dots2 .ico2{width: .4rem;height: .4rem;top: 30%;left: 30%;transform: translate(10vw, 0vw);}
.ls4 dl dd .dots2 .box .a:nth-child(1){margin-top: 4vw;}
.ls4 dl dd .dots2 .box .a:nth-child(2){margin-top: 1vw;}
.ls4 dl dd .dots2 .box .a:nth-child(3){margin-top: 6vw;color: #7e33a4;}
.ls4 dl dd .dots2 .box .a:nth-child(4){margin-top: 3vw;}
.ls4 dl dd .dots2 .box .a:nth-child(5){margin-top: 4vw;}
.ls4 dl dd .dots2 .box .a:nth-child(6){margin-top: 2vw;}
.ls4 dl dd .dots2 .box .a:nth-child(7){margin-top: 3vw;color: #7e33a4;}
.ls4 dl dd .dots2 .box .a:nth-child(8){margin-top: 2vw;}
.ls4 dl dd .dots2 .box .a:nth-child(3):after, .ls4 dl dd .dots2 .box .a:nth-child(7):after{background: #7e33a4;}
.ls4 dl dd .dots2 .box .a:nth-child(3):before, .ls4 dl dd .dots2 .box .a:nth-child(4):before, .ls4 dl dd .dots2 .box .a:nth-child(5):before, .ls4 dl dd .dots2 .box .a:nth-child(6):before, .ls4 dl dd .dots2 .box .a:nth-child(7):before, .ls4 dl dd .dots2 .box .a:nth-child(8):before{height: 2.16rem}
.circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;border: #7538e4 1px dotted;transform: scale(0);animation: circleScale 5s linear infinite;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: -1;}
.circle span:nth-of-type(2) {animation-delay: 1s;}
.circle span:nth-of-type(3) {animation-delay: 2s;}
.circle span:nth-of-type(4) {animation-delay: 3s;}
.circle span:nth-of-type(5) {animation-delay: 4s;}
@keyframes circleScale {
  0% {opacity: 1;transform: scale(0);}100% {opacity: 0;transform: scale(1);}
}
.ls4W{ position: relative;z-index: 1;}
.ls4W .tit1{ position: absolute; left: 0; top: 50%; margin: -13vw 0 0;}
/*.ls4W .arrow1.prev{left: 5%;}
.ls4W .arrow1.next{right: 5%;}*/
.ls5Box{padding: 1rem 0;}
.ls5 li{width: 25%;text-align: center;position: relative;}
.ls5 .a{ position: relative; z-index: 1;}
.ls5 .a::before{content: "";position: absolute;background: url(../images/ls5_b2.png) center no-repeat;width: 100%;height: 100%;right: 0;top: 50%;transform: translateY(-47%) scale(1.5);background-size: contain; opacity: 0; transition: .5s}
.ls5 li::before{content: "";position: absolute;background: url(../images/ls5_b.png) center no-repeat;width: 1px;height: 2.96rem;right: 0;top: 50%;transform: translateY(-50%);background-size: 100% 100% !important;}
.ls5 .ico{width: 1.5rem;margin: 0 auto -.1rem;}
.ls5 .ico img{width: 100%;}
.ls5 h4 big{font-size: .45rem;color: #7e33a4;}
.ls5 h4 small{font-size: .24rem;color: #7e33a4;}
.ls5 h6{font-size: .18rem;color: #000000;padding: 0 25%;}
.ls5 li.swiper-slide-active + li + li + li:before{display: none !important;}

.ls101{margin: 0 -.11rem .3rem;}
.ls101 li{width: 25%; padding: 0 .11rem; margin-bottom: .2rem;position: relative;}
.ls101 .a{ height: 1.32rem; background: #fff; box-shadow: 0px 27px .28rem rgba(121, 50, 207, 0.09); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.ls101 .ico{width: .5rem;margin: .04rem auto;}
.ls101 img{ width: 100%; transition: .5s;}
.ls101 li:nth-child(1) h4{ color: #823387;}
.ls101 li:nth-child(2) h4{ color: #7e33a4;}
.ls101 li:nth-child(3) h4{ color: #7a32c8;}
.ls101 li:nth-child(4) h4{ color: #7431f2;}

.ls200Box{ padding: .5rem .2rem; margin: -.5rem -.2rem;  }
.ls200 a{ display: block; transition: .5s;}
.ls200 .a {display: block;position: relative; transition: .5s;}
.ls200 .imgBox:after {content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);z-index: 1;height: 1rem;}
.ls200 .imgBox .img{ padding-bottom: 75%;}
.ls200 .txt {position: absolute;right: 0;bottom: 0;left: 0;padding: 0 0.14rem 0.1rem;}
.ls200 .time {
width: 0.5rem;
    height: 0.46rem;
background: url(../images/ls1_b.png) center no-repeat;background-size: 100% 100%;flex-direction: column;justify-content: center;align-items: center;margin: 0 0.24rem 0 0;position: absolute;top: 0.12rem;left: -0.12rem;z-index: 1;}
.ls200 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(-37deg, rgb(115, 49, 252) 0%, rgb(130, 51, 135) 100%);z-index: -1;opacity: 0;transition: 0.5s;}
.ls200 .time:after {content: "";position: absolute;width: 0.28rem;height: 1px;background: #8a4090;top: 50%;transition: 0.5s;}
.ls200 .time h3, .ls200 .time h6 {font-size: 0.16rem;color: #8a4090;font-family: "Barlow italic";font-weight: normal;align-items: flex-start;line-height: 1.4;width: 0.46rem;transition: 0.5s;
  text-align: center;
}
.ls200 .time h3 small {font-size: 0.12rem;margin: 0 0 0 0.04rem;transition: 0.5s;}
.ls200 .time h6 {justify-content: flex-end;transition: 0.5s;}
.ls200 h4 {font-size: 0.18rem;color: #fff !important;}

.ls200 .p {margin: 0.2rem 0 0.4rem;}
.ls200 .p p {font-size: 0.16rem;color: #333;line-height: 1.5;padding: 0.02rem 0;padding-left: 0.3rem;}
.ls200 .p .p1 {background: url(../images/ls3_i1.png) left 0.04rem no-repeat;background-size: 0.2rem 0.2rem;}
.ls200 .p .p2 {background: url(../images/ls3_i2.png) left 0.04rem no-repeat;background-size: 0.2rem 0.2rem;}
.ls200 .p .p3 {background: url(../images/ls3_i3.png) left 0.04rem no-repeat;background-size: 0.2rem 0.2rem;}

@media (max-width: 1200px) {
  .index4 .left .arc-con{
  padding-right:1rem;
}

.index5 .right{
       padding-left: 1rem;
    box-sizing: border-box;
}

}


@media (max-width: 1024px) {
  .index4 .left .arc-con{
  padding-right:2rem;
}

.index5 .right{
       padding-left: 2rem;
}

}

@media (min-width: 769px) {
  .ls1 .a:hover .time:before {opacity: 1;}
  .ls1 .a:hover .time * {color: #fff;}
  .ls1 .a:hover .time:after {background: #fff;}
  .ls2 .a:hover .time:before {opacity: 1;}
  .ls2 .a:hover .time * {color: #fff;}
  .ls2 .a:hover .time:after {background: #fff;}
  .arrow1:hover {background: #8a4090;color: #fff;}
  .ls3 .a:hover .more3 {color: #fff;}
  .ls3 .a:hover .more3:before {opacity: 1;}
  .more3s:hover {letter-spacing: 0.02rem;color: #fff;}
  .ls4 dl dd:hover .dots2 .box{opacity: 1;visibility: visible;}
  .ls4 dl dd:nth-child(1):hover .dots2 .ico2{opacity: 0;visibility: hidden}
  .ls101 .a:hover img{ transform: rotateY(180deg);}
  .ls5 .a:hover::before{ opacity: 1}

  .ls200Box, .ls200Box *{ cursor:url(../images/shoubiao.png),default;}

  .ls200 .swiper-slide-active a{ transform: scale(1.1);}
}
@media (max-width: 769px) {
  .banner .imgBox .img{padding-bottom: 50%;}
  .section, .fp-tableCell {height: auto !important;}
  .section{overflow: hidden;padding: .4rem 0;}
  .ftop{display: none;}
  .kBox{display: none;}
  .index1{padding:0}
  .tit1{margin-bottom: .25rem;text-align: center;}
  .tit1 .ll{font-size: .24rem;}
  .more1{width: .36rem;height: .36rem;}
  .index2 .left{width: 100%;}
  .index2 .right{width: 100%;padding: .3rem 0 0;}
  .ls2 {margin: 0 -10px;}
  .ls2 li {padding: 0 10px;margin-bottom: 0.2rem;}
  .index3{padding-top: 0 !important;}
  .ls3Box{padding: 0 0 .8rem;}
  .ls3 .imgBox{width: 100%;}
  .ls3 .txt{height: 3.3rem;flex: auto;width: 100%;padding: 0 15px;}
  .arrow1{top: auto;transform: none;bottom: 0;width: .36rem;height: .36rem;font-size: .2rem;}
  .arrow1.prev1{left: 50% !important;margin-left: -.5rem;}
  .arrow1.next1{right: 50% !important;margin-right: -.5rem;}
  .arrow1.prev{left: 50% !important;margin-left: -.5rem;}
  .arrow1.next{right: 50% !important;margin-right: -.5rem;}
  .index4{padding-top: 0 !important;}
  .index4 .left{width: 100%}
  .index4 .left .arc-con {margin-bottom: 0.2rem;
    padding-right:0;
}

  .more3{width: 1.2rem;height: .4rem;font-size: .16rem;}
  .more3s{width: 1.1rem;margin: 0 auto;}
  .index5{padding-top: 0 !important;}
  .index5 .right{width: 100%;
    padding-left:0;
}
  .index5 .right .arc-con {margin-bottom: 0.3rem;}
  .index6{padding-top: 0 !important;}
  .index6 .left{width: 100%}
  .index6 .left .arc-con {margin-bottom: 0.3rem;}
  .index7{padding-top: 0 !important;}
  .index7 .right{width: 100%}
  .index7 .right .arc-con {margin-bottom: 0.2rem;}
  .ls4Box{padding-bottom: .5rem}
  .ls4 dl dd{height: 12vw;}
  .ls4 dl dd:nth-child(1) .dots2 .ico1{width: .3rem;height: .3rem;top: 30%;left: 30%;transform: translate(-10vw, -4vw);}
  .ls4 dl dd:nth-child(1) .dots2 .ico2{width: .24rem;height: .24rem;top: 90%;left: 30%;transform: translate(6vw, 4vw);}
  .ls4 dl dd:nth-child(2) .dots2 .ico1{width: .26rem;height: .26rem;top: 30%;left: 30%;transform: translate(-10vw, -4vw);}
  .ls4 dl dd:nth-child(2) .dots2 .ico2{width: .24rem;height: .24rem;top: 30%;left: 30%;transform: translate(7vw, -10vw);}
  .ls4 dl dd:nth-child(3) .dots2 .ico1{width: .24rem;height: .24rem;top: 30%;left: 30%;transform: translate(-1.25vw, -10vw);}
  .ls4 dl dd:nth-child(3) .dots2 .ico2{width: .2rem;height: .2rem;top: 200%;left: 30%;transform: translate(10vw, 0vw);}
  .ls4 dl dd .dots2{transform: scale(.8) translateX(-8vw);}
  .ls4 dl dd .dots2 h4{left: calc(100% + .1rem);}
  .ls3 .p p{font-size: .16rem;background-size: 0.16rem 0.16rem !important;}
  .ls3 .p{margin: .15rem 0 .25rem}
  .ls5 li{width: 50%;margin-bottom: .15rem;}
  .ls5 .ico{width: .6rem;margin: 0 auto 0;}
  .ls5 h4 big{font-size: .24rem}
  .ls5 h4 small{font-size: .14rem;margin: 0 0 0 .04rem}
  .ls5 h6{font-size: .16rem}
  .ls5 li::before{height: .6rem}
  .ls5 li:nth-child(2n)::before{display: none}
  .ls2 h4{font-size: .16rem !important;-webkit-line-clamp: 1;}
  .ls2 .time{transform: scale(.7);top: 0;left: -.2rem;}
  .ls1 .time{transform: scale(.8);}

  .slides1 .hd li{ margin-right: .4rem;}
  .slides1 .hd li::before{ height: .24rem; right: -.2rem;}
  .ls4W .tit1{margin: 0;top: -.4rem;}
  .ls101{margin: 0 -7px .1rem;}
  .ls101 li{width: 50%; padding: 0 7px; margin-bottom: .2rem;position: relative;}
  .ls101 .ico{ width: .36rem}
  .ls101 .a{ height: 1rem}
  .index9{ padding-top: 0}

  .ls5Box{ padding: 0}
  #canvas{ opacity: 0; visibility: hidden}

  .ls200Box{ padding: 0 .2rem; margin: 0 -.2rem;  }
}
@media (max-width: 560px) {}
#canvas {position: absolute;width: 100vw !important;height: 100vh !important;overflow: hidden;margin: 0px;padding: 0px;opacity: 1;}