@charset "utf-8";
.indexAll{
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.container01{width: 8.3rem;position: relative;z-index: 1;bottom: -1px;left: 0;right: 0;margin: 0 auto;}
.write_box{ position: relative; z-index: 2;}
.container01 .box{ position: relative; display: flex; align-items: center; justify-content: center;}
.container01 .box>img{width: 5rem;max-width: 94%;}
.container01 .box .top{position: absolute;top: 0;right: 0;bottom: 0.6rem;left: 0;display: flex;align-items: flex-end;justify-content: center;}
.container01 .box .top a{ display: flex;align-items: center;justify-content: center; flex-direction: column;}
.container01 .box .top h6{ font-size: .14rem; color:#63065f; margin-bottom: .3rem}
.container01 .box .top .banner-next{ position: relative; height: auto; z-index: 1;}
/* .container01 .box .top .banner-next::before{content: "";position: absolute;width: 1px;bottom: 0;background: #63065f;top: .21rem;left: 50%;margin-left: -.5px;z-index: -1;display: none;} */
.container01 .box .top .banner-next .next-icon{
  /* width: .21rem; */
  /* border: #63065f 1px solid; border-radius: 11px; background: #fff;  */
  -webkit-animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;
  -moz-animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;
  animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;
  }
@keyframes scroll {
  0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);  }
  50% { -webkit-transform: translateY(.1rem); -moz-transform: translateY(.1rem); -o-transform: translateY(.1rem); transform: translateY(.1rem); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);  }
}
/* .container01 .box .top .banner-next .next-icon::before{ content: ""; position: absolute; width: .03rem; height: .09rem; background: #63065f; left: 50%; top: .06rem; margin-left: -.015rem} */

.ban-ss{margin-top: 0.3rem;position: absolute;left: 50%;right: 0;bottom: -0.25rem;width: 5.5rem;max-width: 100%;transform: translateX(-50%);display: none;}

.ban-ss1{display: flex;justify-content: space-between;border-bottom: 2px solid #63065f;margin-bottom: 0.1rem;align-items: center;}
.ban-ss1 input{width: calc(100% - 0.35rem);line-height: 0.4rem;}

.ban-ss1 input[type=text]::-webkit-input-placeholder{
  color:rgba(111,6,101,0.3);  font-size: 0.24rem;
}  
.ban-ss1 input[type=text]:-moz-placeholder{
  color:rgba(111,6,101,0.3);  font-size: 0.24rem;
}  
.ban-ss1 input[type=text]::-moz-placeholder{
  color:rgba(111,6,101,0.3);  font-size: 0.24rem;
}  
.ban-ss1 input[type=text]:-ms-input-placeholder {
  color:rgba(111,6,101,0.3);  font-size: 0.24rem;
} 

.more001 .a{color: #63065f;display: flex;align-items: center;transition: .5s;cursor: pointer;}
.more001 .a .ico{margin: 0 .1rem 0 0;width: 63px;height: 35px;display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}
.more001 .a .ico:before{content:"";position: absolute;width: 35px;height: 35px;background:#63065f;border-radius: 50%;z-index: -1;transition: .5s;left: 50%;top: 0;bottom: 0;transform: rotateX(0deg) translateX(-50%);}
.more001 .a .ico:after{content:"";position: absolute;width: 35px;height: 35px;background: #e2be8f;/* border: rgba(99,6,95,.2) 6px dashed; */border-radius: 50%;z-index: -1;left: 50%; transition: .5s;transform: rotateX(90deg) translateX(-50%);opacity: 0;}
.more001w .a .ico .img2 {
    display: none;
}
.more001w .a{color: #fff}
.more001w .a .ico:before{ background:#915591}
.more001w .a .ico .img2{ display: none}
.more001 .a:hover .ico:before{ transform: rotateX(-90deg) translateX(-50%); opacity:0}
  .more001 .a:hover .ico:after{ transform: rotateX(0deg) translateX(-50%); opacity:1}
  .more001 .a:hover{color:#e2be8f;}
  .more001w .a:hover .ico .img1{ display: none}
  .more001w .a:hover .ico .img2{ display: block}

.ban-ss1 svg{width: 0.2rem;fill: #63065f;height: 0.2rem;}

.ban-ss h3{display: flex;flex-wrap: wrap;}
.ban-ss h3 span{font-size: 0.12rem;color: #b6b6b6;font-weight: bold;padding-right: 0.1rem;}
.ban-ss h3 a{font-size: 0.12rem;color: #333;padding: 0 0.08rem;}
.ban-ss h3 a.b{ color: #63065f; font-weight: bold}
.ban-ss h3 a:hover{color: #63065f;}
.ban-ss h3 a:nth-child(2){padding-left: 0;}

.indexAll.blured{filter:blur(5px);}
.banner{height: 100vh;position: relative;}

.main-visual-wrapper{width: 100%;overflow: hidden;position: relative;}
.main-visual-slider {
	overflow:hidden;
	width: 100vw;
	height: 100vh;
	/* background-color:#000; */
	position: relative;
}
.main-visual-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}
.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
    transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;
}
.main-visual-slider .swiper-slide .visual-img{position:absolute;top:0px;left:0px;bottom:0px;right:0px;width:1649px;height: 100%;width:100%;/* background-size:cover !important; */}
.main-visual-slider .swiper-slide .visual-img a{display: block;width: 100%;height: 100%;}
.main-visual-slider .swiper-slide .visual-img img, .main-visual-slider .swiper-slide .visual-img video{width:100%;height:100%;object-fit: cover;}
.main-visual-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;
}
.main-visual-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}
.banner .slide-banner .swiper-slide .bat{position: absolute;height: .7rem;top:50%;transform: translateY(-50%);z-index: 3;}
.banner .slide-banner .swiper-slide .bat1{ right: 110%}
.banner .slide-banner .swiper-slide .bat2{ left: 110%}
@media screen and (max-width: 1200px){
.banner .slide-banner .swiper-slide .bat{height: .3rem;/* left: 50%; *//* top:45%; *//* transform: translateX(-50%)  translateY(-50%); */}
}
.main-visual-slider .swiper-slide .visual-img .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display:flex;align-items: flex-end;padding: 0 0 .3rem 50px; z-index: 1}
.main-visual-slider .swiper-slide .visual-img .txt::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(/en/css/../images/hei_bg.png) center bottom no-repeat;background-size: 100% 1.4rem;z-index: -1;}
.main-visual-slider .swiper-slide .visual-img .txt h3{font-size: .26rem;color: #fff;width: auto;line-height: 1.375;text-shadow: 0 0 0.3rem rgba(0,0,0,.6);/* background: rgba(0,0,0,.6); *//* padding: .1rem .16rem; */max-width: 65%;}

.main-visual-slider .swiper-pagination-bullet{width: .42rem;height: .42rem;background: none;opacity: 1;margin: 0 !important;transition: .5s;position: relative;}
.main-visual-slider .swiper-pagination-bullet:before{content:"";position: absolute;width: .13rem;height: .13rem;background: rgba(255,255,255,.7);border-radius: 50%;transition: .5s;top: 50%;left: 50%;margin: -.065rem 0 0 -.065rem;}
.main-visual-slider .swiper-pagination-bullet:after{content:"";position: absolute;width: .31rem;height: .31rem;background: url(/en/css/../images/banner_dots_on.png) center no-repeat;transition: .5s;left: 50%;top: 50%;margin: -.155rem;opacity: 0;background-size: 100% auto;transform: scale(0);}
.main-visual-slider .swiper-pagination{padding: 0 0;width: 100%;display: flex;justify-content: flex-end; position: relative}
.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity: 0}
.main-visual-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ opacity: 1; transform: scale(1)}

.main-visual-slider .swiper-pagination_box{position: absolute;bottom: .25rem;padding-right: .86rem;right: 0;display: flex;align-items: center;z-index: 1;}
.b_m{position: relative;z-index: 1;margin-left: .2rem;}
.b_m:before{ content:""; position: absolute; left: 0; width: 2px; height: .2rem; background: #ffff; opacity: .5; top: 50%; margin-top: -.1rem}
.b_m h6{ display: flex; align-items: center; padding: 0 0 0 .25rem; }
.b_m h6{ font-size: .14rem; color: #fff; white-space: nowrap}
.b_m h6 svg{width: .3rem;height: .3rem;fill: #fff;transform: rotateX(180deg);margin: 0 0 0 .1rem;transition: .5s;}


.miso-arrow1_b .miso-arrow1{position: absolute;left: 0;right: 0;z-index: 10;}
.miso-arrow1_b *{ transition: all 0.5s ease 0s;}
.miso-arrow1_b .wp{ display: flex; align-items:  center; justify-content: flex-end;}
.miso-arrow1_b .miso-arrow1{width: .27rem;height: .57rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;top: 50%;margin-top: -.28rem;}
.miso-arrow1_b .miso-arrow1 img{width: 100%;height: 100%;opacity: .5;}
.miso-arrow1_b .miso-arrow1.miso-prev1{left: 1.2rem;}
.miso-arrow1_b .miso-arrow1.miso-next1{right: 1.2rem;left: auto;}

.miso-arrow1_b .miso-arrow1:hover img{ opacity: 1}
.miso-arrow1_b .miso-prev1:hover .img2{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.miso-arrow1_b .miso-prev1:hover .img1{transform: translate(calc(-50% - 100%), -50%) scale(0);opacity: 0;}
.miso-arrow1_b .miso-next1:hover .img2{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.miso-arrow1_b .miso-next1:hover .img1{transform: translate(calc(-50% + 100%), -50%) scale(0);opacity: 0;}



.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{object-fit: cover;}

.cursor,.cursor::after{user-select:none;pointer-events:none;mix-blend-mode:difference}
.cursor{width:.8rem;height:.8rem;position:absolute;left:0;top:0;pointer-events:none;z-index:120;visibility:hidden;
    pointer-events: none; cursor: none;text-align: center;border-radius: 50%;font-size: .14rem;}
.cursor .drag{opacity: 0;visibility: hidden;transition: .3s}
.cursor.drag .drag{opacity:1;visibility: visible;}
.cursor.drag:before{display: none}
.cursor.drag { mix-blend-mode: normal;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);width:.8rem;height:.8rem;line-height: .8rem;background: rgba(255, 255, 255, 0.4);}
.cursor:before{content:'';display:block;width:.5rem;height:.5rem;background:#fff;border-radius:50%;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:all .4s cubic-bezier(.3,1.83,.49,.88);display: none\0}
.banner_box1{height: 100vh;position: relative;overflow: hidden;}
banner_box1s{ overflow: hidden;}
.banner{overflow: hidden;position: fixed;overflow: hidden;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 0;}
.banner .pubSvg{position: absolute;height: 70vh;left: 50%;transform:translateX(-50%) translateY(-50%);top: 56%;z-index: 5;pointer-events: none;max-height: 70vh;display:none;}
.banner .pubSvg svg{height: 100%;max-width: 100%;display: flex;justify-content: center;}
.banner .pubSvg svg:last-child{ position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.banner .scSvg{position: absolute;right: 0;width: calc((100vw - 16rem) / 2 + 16rem);bottom: -2.3rem;z-index: 6}
.banner .scSvg img{width: 100%}
.banner .scDown{position: absolute;bottom: .2rem;z-index: 10;left: 50%;transform:translateX(-50%);color: #fff;font-size: .14rem}
.banner .scDown i{display: block;width:23px;height: 33px;animation: up 1.5s linear infinite }
.banner .cls-0{ opacity: .4}
.banner .cls-1{fill:none;stroke:#fff;}.banner .cls-1,.banner .cls-2{fill-rule:evenodd;}.banner .cls-2,.banner .cls-3{fill:#fff;}

.banner .cls-3,.banner .cls-5,.banner .cls-6,.banner .cls-7{stroke:#fff;}.banner .cls-6{stroke-miterlimit:10;}.banner .cls-7,.banner .cls-loop{stroke-width:4px;}.banner .cls-loop{stroke:#fff;fill: none;}
.banner .swiper-slide-active .cls-0{ opacity: .7; transition: all 1s linear 6s}

.home1 .left .more001{position: relative;bottom: .35rem;z-index: 5;justify-content: flex-end;}
.home1 .right .more001{position: relative;bottom: 0;z-index: 5;justify-content: flex-end;}
.intit {margin-bottom: .3rem}
.intit h3{font-size: .5rem;font-size: .36rem;font-family: 'bell';font-weight: bold;color: #580254;/*text-transform: uppercase;*/background: url(/en/css/../images/title001_bg.png) center 0 no-repeat;background-size: auto 100% !important;padding-top: .15rem}
.intit h3:after{content: '';height: 5px;width:.6rem;background:#580254;display: block;margin: .1rem 0 0 0 }

.homea .aright .intit h3{background: url(/en/css/../images/titbg.png) center 0 no-repeat;}
.home2 .right .intit h3{background: url(/en/css/../images/titbg.png) center 0 no-repeat;}
.homeb .rr .intit h3{background-position: right 0;padding-right: 1.2rem}
.inmore{color: #580254;font-size: .2rem;font-family: 'bell';position: relative;padding-right: .25rem}
.inmore span{position: relative;z-index: 3}
.inmore:after{content: '';position: absolute;left: 0;bottom: -2px;height: 1px;background: rgba(102,19,98,.4);width: 90%;z-index: 0}
.inmore:before{content: '';position: absolute;right: 10%;bottom: -2px;height: 1px;background: rgba(102,19,98,.8);width: 0;transition: .5s .2s;z-index: 2}
.inmore .cir{width: .3rem;height: .3rem;border-radius: 50%;position: absolute;right: 0;bottom:-.1rem;}
.inmore .cir:before{content: ''; width: .25rem;height: .25rem;border-radius: 50%;position: absolute;left:-.1rem;top: -.1rem;background: linear-gradient(45deg,rgba(229,73,198,.5) 0%,rgba(255,255,255,0) 100%);transition: .3s}
.inmore .cir:after{content: ''; width: .3rem;height: .3rem;border-radius: 50%;position: absolute;right:0;bottom: 0;background: linear-gradient(-135deg,rgba(210,190,135,.8) 0%,rgba(255,255,255,0) 100%);transition: .3s}
.inmore .line{position: absolute;left: -10px;width: 1px;height: 16px;background:  rgba(102,19,98,.4);top: 10px}
.inmore .line:before{content: ''; position: absolute;left: -3px;width: 1px;height: 16px;background:  rgba(102,19,98,.4);top: 5px;transition: .3s}
.inmore .line:after{content: ''; position: absolute;right: -3px;width: 1px;height: 16px;background:  rgba(102,19,98,.4);top: 5px;transition: .3s}

.inmore:hover:before{ width: 90%; left:0; right: auto;transition: .3s 0s}
.inmore:hover .cir:before{width: .35rem;height: .35rem}
.inmore:hover .cir:after{width: .25rem;height: .25rem}
.inmore:hover .line:before{top: -5px}
.inmore:hover .line:after{top: -5px}

.homea{padding: .8rem 0 1rem;position: relative;overflow: hidden;min-height: 500px;background: #fff url(../images/abg.png) no-repeat right bottom;}
.homea .aleft .more001 .a{ transform: translateY(.4rem)}
.homea .aleft h3{color: #620b62}
.homea .aright .inmore{color: #fff}
.homea .aright .intit{background: #620b62;padding: .4rem .4rem .3rem;margin-bottom: 0;}
.homea .aright .intit h3{color: #f7cf80}
.homea .aright .intit h3:after{display: none}
.homea .aright .inmore .line{background: rgba(255,255,255,.4);}
.homea .aright .inmore .line:before{background: rgba(255,255,255,.4);}
.homea .aright .inmore .line:after{background: rgba(255,255,255,.4);}
.homea .aright .inmore:after{background: rgba(255,255,255,.4);}
.homea .aright .inmore:before{background: rgba(255,255,255,.8);}
.homea .habg{width:100%;height: 3.3rem;position: absolute;right: 0;top:.2rem;pointer-events: none;z-index: 0}
.homea .habg1{width:100%;height: .31rem;position: absolute;left: 0;top: 1.5rem;pointer-events: none;z-index: 0;}
.homea .habgsc{background: url(/en/css/../images/aline.png) no-repeat right bottom;width: 100%;height: 2.5rem;position: absolute;right: -.5rem;bottom: 0;pointer-events: none;background-size: auto 100%}
.homea .cira{width: 2rem;height: 2rem;border-radius: 50%;position: absolute;right: -1rem;top: -.5rem;background:  linear-gradient(25deg,rgba(229,73,198,.5) 0%,rgba(255,255,255,0) 80%);opacity: .6;pointer-events: none;z-index: 0;box-shadow: -1rem 1rem 1rem rgba(229,73,198,.2);}
.homea .cirb{width: 4.4rem;height: 4.4rem;border-radius: 50%;position: absolute;left: -1.4rem;top: -2rem;background: linear-gradient(-145deg,rgba(229,73,198,.4) 0%,rgba(255,255,255,0) 80%);opacity: 1;pointer-events: none;z-index: 0;/* box-shadow: 1rem 1rem 1rem rgba(242,171,33,.2); */}
@media (max-width: 1680px){
	.homea .habg,.banner .scSvg{width: calc(97%)}
}

@media (min-width: 1940px){
.banner .scSvg{bottom: -3rem}  
.banner .scSvg,.homea .habg{width: 94%}
}


.homea .aleft{width: 60.75%;padding-left: 0!important;background: url(/en/css/../images/add2.png) no-repeat 1rem top;}
.homea .aleft .intit{ margin-bottom: .5rem}
.homea .aright{width: 35%;margin-top:1.23rem;background: #fff;box-shadow: 0 .15rem .25rem rgba(0,0,0,.1)}
.homea .lista{}
.homea .lista li{width: 47.5%;margin-bottom: .2rem}
.homea .lista li .pic{height: 2.85rem}
.homea .lista li .txt{padding: .2rem ;}
.homea .lista li .txt time{color: #580254;}
.homea .lista li .txt h4{font-size: .2rem;line-height: 1.4em;margin-top: .1rem}
.homea .listb{padding: .2rem .4rem;}
.homea .listb li:first-child{border-top: 0;padding-top: .1rem}
.homea .listb li{padding: .32rem 0;border-bottom: 1px dashed #ddd;}
.homea .listb li h4{font-size: .18rem;line-height: 1.5em;margin-bottom: .1rem}
.homea .listb li p{font-size: .15rem;line-height: 1.6em;color: #666;max-height: 3.2em\0;}

.homeb{position: relative;z-index: 4;/* background: #fff; */}
.homeb .wp:nth-child(1){ justify-content: flex-start; flex-wrap: wrap}
.homeb .wp:nth-child(2){ align-items: self-start}
.homeb .wp .ll{color: #e6c390;margin-right: .3rem;}
.homeb .wp .ll h2{font-family: 'bell';font-size: 2.18rem;margin: -.4rem 0;}
.homeb .wp .rr h2{font-family: 'bell';font-size: .5rem;color: #750070;font-weight: bold;margin-bottom: .2rem;}
.homeb .wp .rr h3 span{text-transform: capitalize;/* font-size: .5rem; */}
.homeb .wp .rr .intit h3:after{background: #750070;margin-left: .06rem;}
.homeb .wp .rr .intit h3{ color: #750070;}
.homeb .wp .rr .intit h3 font{color: #e6c390;}

.homeb .aleft{width: calc(100% - 57.875%);padding: .4rem .6rem 0 0;}
.homeb .aleft .inmorep{
    float: left;
}
.homeb .aright{width: 57.875%;position: relative;z-index: 1;}

.homeb .alefts{padding-bottom: 1.2rem;}
.homeb .aleft .inmore{/* position: absolute; *//* left: 15px; *//* bottom: 10px; */}
.homeb .aleft .desc{font-size: .16rem;line-height: .36rem;color: #333333;}
.homeb .aright ul li{width: 47%}
.list3 h3{font-size: .3rem;color: #750070;padding: 0 .15rem;line-height: 1.5;margin-bottom: .18rem;}
.list2 .dd1 .a1{position: relative;z-index: 1;display: block;}
.list2 .dd1 .a1 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1}
.list2 .dd1 .a1 .top{padding: .2rem .25rem;display: flex;flex-direction: column;justify-content: flex-end;}
.list2 .dd1 .a1 .top h6{color: #fff;}
.list2 .dd1 .a1 .top h4{font-size: .2rem;color: #fff;line-height: 1.4em;margin-top: .16rem; }
.list2 .dd1{ margin-bottom: .1rem}
.list2 .dd2{border-bottom: #dcdcdc 1px dashed;padding: .15rem .25rem;position: relative;z-index: 1;}
.list2 .dd2:before{ content: ""; position: absolute; width: 1px; height: .32rem; background: #750070; left: 0; top: .16rem}
.list2 .dd2 h4{font-size: .18rem;line-height: 1.5em;}
.list2 .dd2:last-child{ border-bottom: none}

.list2 .pic{height: 2.7rem;}
.list2 .pic:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;background: url(/en/css/../images/bamask.png) no-repeat bottom center;background-size: 101% 101%;height: 2rem}
/* .homeb .aright ul li .txt{padding:.3rem .2rem .2rem}
.homeb .aright ul li .txt h4 a{font-size: .2rem;color: #750070}
.homeb .aright ul li .txt p{line-height: 1.6em;color: #6e6e6e;margin-top: .15rem}
.homeb .aright ul li .links{padding: 0 .2rem .2rem}
.homeb .aright ul li .links p{font-weight: bold;padding: .07rem 0}
.homeb .aright ul li .links p a{position: relative;padding-left: .15rem}
.homeb .aright ul li .links p a:before{content: '';width: 6px;height: 6px;border-radius: 50%;background: #750070;position: absolute;left: 0;top: .05rem} */
.homec{background: #fff url(../images/cbg.jpg) no-repeat top center;background-size: cover;padding: 1.5rem 0 1.5rem;position: relative;z-index: 3;margin-top: -.2rem;}
.homec .scirs{width: 4rem;height: 4rem;border-radius: 50%;position: absolute;right: -2rem;top: -1.5rem;background:  linear-gradient(25deg,rgba(229,73,198,.5) 0%,rgba(255,255,255,0) 80%);opacity: .6;pointer-events: none;z-index: 0;box-shadow: -1rem 1rem 1rem rgba(229,73,198,.2);}
.homec .intit{position: absolute;top: 0;left: .75rem;transform-origin: left top;transform: rotate(90deg);}
.homec .intit h3{margin-right: 1.5rem}
.homec .intit .inmore{font-weight: bold;}
.homec .wp{padding-left: 2.5rem;}
.homec .scir{width: 46.3vw;height: 46.3vw;border-radius: 50%;position: absolute;right: -9.3vw;top: .5rem;z-index: 3;transition: .6s .3s;}
.homec .scirss{width: 46.3vw;height: 46.3vw;border-radius: 50%;border: 1px solid #be52b9;position: absolute;right: -9.3vw;top: .5rem;z-index: 1;padding-top: 5%;}
.homec .scirss img{width: 53%;position: absolute;left: 50%;margin-left: -28%;}
.homec .scir ul li{position: absolute;width: 1.14rem;height: 1.14rem;margin-left: -.57rem;background: rgba(255,255,255,0);top: 50%;margin-top: -.57rem;border-radius: 50%;cursor: pointer;}
.homec .scir ul li i{display: block;width: 24px;height: 24px;border-radius: 50%;border: 1px solid #be52b9;background: #fff;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: flex;justify-content: center;flex-direction: column;}
.homec .scir ul li i:before{content: '';position: absolute;width: 14px;height: 14px;border-radius: 50%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: #581854;z-index: 2;}
.homec .scir ul li span{font-family: 'bell';color: #750070;position: absolute;left: 280%;top:50%;white-space: nowrap;font-size: .36rem;transform: translateY(-50%);width: 0;display: block;overflow: hidden;font-weight: bold;text-align: center;}



.homec .scir ul li:after{content: '';height: 1px;background: #822579;position: absolute;top: 50%;left: calc(100% - .3rem);width: 0;opacity: .5;}
.homec .scir ul li:nth-child(1){left: 0;top: 50%}
.homec .scir ul li:nth-child(2){left: .45vw;top: calc(50% + 4.25vw);}
.homec .scir ul li:nth-child(3){left: 1.65vw;top: calc(50% + 8.35vw);}
.homec .scir ul li:nth-child(4){left: 3.6vw;top: calc(50% + 12.3vw);}
.homec .scir ul li:nth-child(5){left: 6.35vw;top: calc(50% + 15.85vw);}
.homec .scir ul li:nth-child(6){left: 9.65vw;top: calc(50% + 18.85vw);}

@media (min-width: 1940px){
.homec .scir{width: 8.9rem;height: 8.9rem;right: -1.8rem;top: 0}
.homec .scirss{width: 8.9rem;height: 8.9rem;right: -1.8rem;top: 0}	

.homec .scir ul li:nth-child(2){left: .15rem;top: calc(50% + 1.2rem)}
.homec .scir ul li:nth-child(3){left: .6rem;top: calc(50% + 2.2rem)}
.homec .scir ul li:nth-child(4){left: 1.35rem;top: calc(50% + 3.2rem)}
.homec .scir ul li:nth-child(5){left: 2.35rem;top: calc(50% + 3.9rem)}



}
/*.zoom125 .homec .scir ul li:nth-child(2){left: 12px;}
.zoom125 .homec .scir ul li:nth-child(3){left: 45px;}
.zoom125 .homec .scir ul li:nth-child(4){left: 100px;}

.zoom150 .homec .scir ul li:nth-child(2){left: 5px;}
.zoom150 .homec .scir ul li:nth-child(3){left: 25px;}
.zoom150 .homec .scir ul li:nth-child(4){left: 60px;}

*/
.homec .scir ul li i svg{height: .65rem;margin: 0 auto;position: relative;z-index: 5;display: block;}
.homec .scir ul li i .st0{fill:none;stroke:rgba(255,255,255,.4);stroke-width:1px;stroke-miterlimit:10;}
.homec .scir ul li.on{}
.homec .scir ul li.on i{width: 100%;height: 100%;background:linear-gradient(135deg,#b647a1 0%,#5e0759 100%);border: 0;padding-bottom: .1rem;transition: .3s }
.homec .scir ul li.on i:before{width: .7rem;height: .7rem;background:linear-gradient(-135deg,#9e378b 0%,#5e1c58 100%);transition: .5s .5s;}
.homec .scir ul li.on span{width: 3.4rem;transition: .8s 1.3s;}
.homec .scir ul li.on:after{width: 2.14rem;transition: .5s 1s;}
.homec .scir ul li.on:nth-child(2){transform: rotate(-10deg);}
.homec .scir ul li.on:nth-child(3){transform: rotate(-20deg);}
.homec .scir ul li.on:nth-child(4){transform: rotate(-30deg);}
.homec .scir ul li.on:nth-child(5){transform: rotate(-40deg);}
.homec .scir ul li.on:nth-child(6){transform: rotate(-50deg);}

.homec .aright{max-width: 6.26rem;/* height: 6rem */}
.homec .aright .item{padding: .25rem .6rem;border-bottom: 1px solid #b5b5b5;position: relative;}
.homec .aright .item:after{content: '';width: .5rem;height: 4px;background: #c3a259;left: .6rem;bottom: -2px;position: absolute;}
/*.homec .aright .item:before{content: '';width: 8.04rem;height: 3.75rem;background:url(/en/css/../images/linerbg1.png) no-repeat center;background-size: 100% 100%; left: -.7rem;top:-.27rem;position: absolute;z-index: 0;pointer-events: none;opacity: 0;visibility: hidden;}*/
.homec .aright .item h4{font-size: .24rem;font-weight: bold;font-family: 'bell';position: relative;z-index: 3;cursor: pointer;}
.homec .aright .item .desc{display: none;font-size: .17rem;color: #ab8533;line-height: 1.6em;margin-top: .1rem;position: relative;z-index: 3;}
.homec .aright .item.on{background: linear-gradient(90deg,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);/* margin-bottom: .3rem; */border-bottom: 0;box-shadow: -.5rem .6rem 1rem rgba(0,0,0,.2);margin-top: .3rem;}
.homec .aright .item.on:after{bottom: auto;top: 0;background: #750070 }
/*.homec .aright .item.on:before{opacity: 1;visibility: visible;}*/
.homec .aright .item.on h4{color: #750070}
.homec .aright .item.on .desc{}
.homec .aright ul li:nth-child(1) .desc{display: block;}
.homec .aright ul li.on:nth-child(1){margin-top: 0}

.homed{padding: 1rem 0 2rem;background: #e0d4bb;position: relative;z-index: 1;}
.homed .scbg{width: 100%;height: 22.5%;position: absolute;top: 10%;left: 0; z-index: -1; display: flex; align-items: center}
.homed .scbg img{max-width: 54%; max-height: 100%}
.homed .scbg2{ display: flex; justify-content: flex-end; top: 32.5%}
.homed .scbg3{ top: 54%}
.homed .scbg4{ display: flex; justify-content: flex-end; top: 75.5%}


.homed .slideData{opacity: 0;padding: 0 0 0 1rem;}
.homed .slideDatap.show .slideData{opacity: 1}
.homed .slideDatap .dot{position: absolute;width: 16px;height: 16px;top: .88rem;margin-top: -8px;left: -.5rem;background: #580254;z-index: 3;
	border-radius: 50%;opacity: 0;visibility: hidden;}
@keyframes scale{0%{transform:scale(1)}50%,75%{transform:scale(2)}100%,78%{opacity:0}}
@keyframes scales{0%{transform:scale(1)}50%,75%{transform:scale(3)}100%,78%{opacity:0}}

.homed .slideDatap .pgba{left: 0;width: 3rem;top: .8rem;margin: -.07rem 0 0;text-align: left;bottom: auto;position: absolute;z-index: 10;}
.homed .slideDatap .pgba span{width: .3rem;height: .3rem;border-radius: 50%;padding: 0;margin: 0 -.06rem;position: relative;opacity: 1;background: transparent;transition: .5s;}
.homed .slideDatap .pgba span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #c3a259;opacity: 1;border: #b941b3 1px solid; border-radius: 50%; transform: scale(0)}
.homed .slideDatap .pgba span:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #4f174c;opacity: 1; border-radius: 50%; transform: scale(.3)}
.homed .slideDatap .pgba span.active{margin: 0 .04rem;}
.homed .slideDatap .pgba span.active:before{transform: scale(1)}
.homed .slideDatap .pgba span.active:after{transform: scale(.4)}

.homed .slideDatap .dot:before{content:'';display:block;width:100%;height:100%;border-radius:50%;opacity:.4;background:#6510ad;animation:scale 1.5s infinite cubic-bezier(0,0,.49,1.02);top:0;left: 0;position: absolute;;z-index: 0}
.homed .slideDatap .dot:after{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.4;background:#6510ad;top:0;left:0;animation:scales 1.5s infinite cubic-bezier(0,0,.49,1.02);content: '';z-index: 0}
.homed .slideDatap.show .dot{opacity: 1;visibility: visible;transition: .3s 1.3s}
.homed .slideData .sico{width: 1.76rem;height: 1.76rem;margin: 0 auto;background: rgba(255,255,255,.7);border-radius: 50%;display: flex;justify-content: center;flex-direction: column;transition: .3s;position: relative;}
.homed .slideData .sico:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px dashed #580254;transition: .3s;animation: roted 50s linear infinite}
.homed .slideData .sico i svg{width: 1.4rem;height: 1.4rem;display: block;margin: 0 auto;position: relative;z-index: 3}
.homed .slideData .sico i svg .cls-1{fill:none;stroke:#d8ab47;stroke-miterlimit:10;stroke-width:1px;}
.homed .slideData .sico i svg .cls-2{fill:none;stroke:#d8ab47;stroke-miterlimit:10;stroke-width:1px;}
.homed .slideData .sico i svg .cls-4{fill:none;stroke:#d8ab47;stroke-miterlimit:10;stroke-width:1px;}
.homed .slideData .sico i svg .cls-5{fill:none;stroke:#d8ab47;stroke-miterlimit:10;stroke-width:1px;}
.homed .slideData .sico i svg .cls-3{stroke-linejoin:round;stroke:#d8ab47;stroke-miterlimit:10;stroke-width:1px;fill:none;}
.homed .slideData .swiper-slide{text-align: center;opacity: 0;visibility: hidden!important;display: flex;flex-direction: column;align-items: center;}
.homed .slideData .swiper-slide:hover .sico{background:  #f09f02;border-color: #f09f02}
.homed .slideData .swiper-slide:hover .sico:after{opacity: 0}
.homed .slideData .swiper-slide:nth-child(2n+1):hover .sico{background:  #0f64b9;border-color: #0f64b9}
.homed .slideData .swiper-slide:hover .sico i svg .cls-1{stroke: #fff}
.homed .slideData .swiper-slide-active{opacity: 1;visibility: visible!important;transition: .5s}
.homed .slideData .swiper-slide-next{opacity: 1;visibility: visible!important;transition: .5s}
.homed .slideData .swiper-slide-next+.swiper-slide{opacity: 1;visibility: visible!important;transition: .5s}
.homed .slideData .swiper-slide-next+.swiper-slide+.swiper-slide{opacity: 1;visibility: visible!important;transition: .5s}
.homed .slideData .swiper-slide .txt h4{font-size: .6rem;line-height: 1em}
.homed .slideData .swiper-slide .txt p{font-size: .18rem;color: #580254;text-transform: uppercase;font-family: 'bell';margin-top: .1rem}
.homed .svgbg{position: relative;z-index: 0;padding-left: 5%;width: 100%;height: 100%;}
.homed .svgbg .pore{/* width: 100%; */width: 8rem\0;}
.homed .svgbg .cls-1{fill:none;stroke:#63065f;stroke-miterlimit:10;}
.homed .svgbg svg{display: block;margin: 0 auto;height: 7.52rem;pointer-events: none;transition: .5s;}

.pore{position:relative;/* max-width: 100%; */}
.homed .svgp{}
.homed .svgbg{position: relative;width: 100%;height: 100%;display: flex;justify-content: center;}

.homed_box{ display: flex; justify-content: space-between}

.homed .svgbg .show svg{opacity: .2;}
.homed .homed_box{position: absolute;width: 100%;top: 62%;transform: translateY(-50%) translateX(-50%);z-index: 5;left: 50%;align-items: center;}
.homed .homed_box .intit{width: 2.72rem;margin: -1rem 0 0;}
.homed .homed_box .intit h3{ white-space: nowrap}
.homed .slideDatap{position: relative;width: 100%;z-index: 5;right: 0;}
.homed .slideDatap:after{content: '';border-top: 1px dashed #b5919b;position: absolute;top: .88rem;left: .1rem;right: 0;width: 0;z-index: 0;pointer-events: none;}

.homed .slideDatap.show:after{width: 90%;transition: .5s 1s;}
.homed .slideDatap.show:before{opacity: .2;left:-10vw;transition: .5s 1.5s}
.homed  .mathColor li{position: absolute;background: #fff;border-width: 1px;border-style: solid;padding: 0 .25rem;border-radius: .3rem;line-height: .28rem;cursor: pointer;display: inline-block!important;z-index: 5;transition: .8s;visibility: hidden;opacity: 0;}

.homed .show .mathColor li{visibility: visible;opacity: 1;animation:maColor 4s 2s linear infinite;}
.homed .show .mathColor li:hover{animation:none;transition: 0s 0s}
@keyframes maColor{0%{opacity: 1;}50%{opacity:.3;}100%{opacity: 1;}}
.homed  .mathColor li:nth-child(1){left:40%;top: 0;animation-delay: 2.1s;transition-delay: .2s }
.homed  .mathColor li:nth-child(2){left:50%;top: 10%;animation-delay: 2.2s;transition-delay: .4s }
.homed  .mathColor li:nth-child(3){left:15%;top: 16%;animation-delay: 2.3s;transition-delay: .6s }
.homed  .mathColor li:nth-child(4){left:52%;top: 28%;animation-delay: 2.2s;transition-delay: .8s }
.homed  .mathColor li:nth-child(5){left:24%;top: 30%;animation-delay: 2.4s;transition-delay: .3s }
.homed  .mathColor li:nth-child(6){left:20%;top: 79%;animation-delay: 2.6s;transition-delay: .5s }
.homed  .mathColor li:nth-child(7){left:-5%;top: 82%;animation-delay: 2.2s;transition-delay: .7s }
.homed  .mathColor li:nth-child(8){left:55%;top: 80%;animation-delay: 2.5s;transition-delay: .9s }
.homed  .mathColor li:nth-child(9){left:90%;top: 84%;animation-delay: 2.3s;transition-delay: .2s }
.homed  .mathColor li:nth-child(10){left:24%;top:86%;animation-delay: 2.2s;transition-delay: .4s }
.homed  .mathColor li:nth-child(11){left:2%;top: 93%;animation-delay: 2.4s;transition-delay: .6s }
.homed  .mathColor li:nth-child(12){left:38%;top: 98%;animation-delay: 2.2s;transition-delay: .8s }
.homed  .mathColor li:nth-child(13){left:78%;top: 95%;animation-delay: 2.1s;transition-delay: .5s }
.homed  .mathColor li:hover a{color:#fff;}
.homed .wp .intit{ justify-content: center;}

.homee{ position: relative; z-index: 2}
.homee .aleft{width: 50%}
.homee .aright{width: 50%}
.homee ul li{width: 100%;position: relative;overflow:hidden;}
.homee ul li .a1{display: flex;position: relative;z-index: 1;overflow: hidden;}
.homee ul li .pic{position: relative;width: 52%;overflow: visible;z-index: 4;}
.homee ul li .pic .a{display: block;position: relative;width: calc(100% + 4.35%);/* height: 100%; */padding-bottom: 96%;transform: scale(1);}
.homee ul li .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;padding: .25rem;color: #fff;font-size: .2rem; background: #620b62;}
.homee ul li .txt h4{line-height: 1.4em}
.homee ul li a{display: block;position: relative}
.homee ul li .txts{padding:1rem .5rem;font-family: 'bell';width: 48%;background: #620b62;overflow: hidden;display:flex;justify-content: center;align-items: center;}
.homee ul li .txts h4{font-size:.46rem;color: #f7cf80;font-weight: bold;text-transform: capitalize;margin-bottom: .2rem;font-family: Century Gothic;}
.homee ul li .txts p{line-height: 1.8em;font-size: .2rem;color: #fff;font-family: Century Gothic;}
.homee .aleft ul li .scbg{position: absolute;left: -1rem;bottom: 0;width: 11.28rem;height: 4.8rem;background: url(/en/css/../images/eline.png) no-repeat left bottom;z-index: -1;}

.homee .aright ul li .scbg{position: absolute;width: 2.85rem;height: 3.11rem;position: absolute;right: -.4rem;bottom: 0;z-index: 2;pointer-events: none;mix-blend-mode: screen}

.list6{margin-top: -27.95%;}
.list6 .pic .a{display: block;position: relative;width: 100%;/* height: 100%; */padding-bottom: 77.91%;transform: scale(1) !important;top: -10%;}

@media screen and (min-width: 1025px){
.homee .aleft ul li .trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}	
.homee .aleft ul li .bg-mask:hover .pic .a{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

}

.homef{/*background: url(/en/css/../images/ftbg.png);*/position: relative;overflow: hidden;}
.homefs{padding: 0 0.4rem;position: relative;background: url(/en/css/../images/hfbg.jpg) no-repeat center;background-size: cover}
.homefs .slideF{padding: 1.56rem 0;}
.homefs:after{content: '';height: 1px;background: rgba(99,6,95,.25);;position: absolute;left: 0;width: 100%;top: 50%}
.homefs .swiper-slide{}
/*.homefs .swiper-slide:after{content: '';width: .35rem;height: .35rem;border-radius: 50%;left: 50%;top: 50%;margin-left: -.175rem;margin-top: -.175rem;position: absolute;z-index: 1;transform: scale(1);transition: .5s;border: #620b62 2px solid;box-sizing: border-box;}
.homefs .swiper-slide:before{content: '';width: 18px;height: 18px;background: linear-gradient(-135deg,#9e378b 0%,#5e1c58 100%);border-radius: 50%;left: 50%;top: 50%;margin-left: -9px;margin-top: -9px;position: absolute;z-index: 2;transform: scale(1);transition: .5s;opacity: 0;}*/
.homefs .swiper-slide a{display: block;position: relative;padding: 0 .1rem;}
.homefs .swiper-slide .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;padding-top: .75rem;transition: .3s;display: none}
.homefs .swiper-slide .txt h4{font-size: .32rem;color: #f7cf80;font-family: Century Gothic;transition: .3s;}
.homefs .swiper-slide .pic{height: 3.1rem;position: relative;opacity: 1;visibility: visible;}

@media (min-width: 1200px){
.homefs .swiper-slide a{display: flex;position: relative;/* transition: .5s; */padding: 0 .1rem;width: 100%;height: 3.1rem;justify-content: center;align-items: center;}
.homefs .swiper-slide .pic{height: 2.2rem;position: relative;opacity: 1;visibility: visible;width: 2.2rem;border-radius: 50%}
.homefs .swiper-slide:hover .pic{height: 3.1rem;width: 100%;border-radius: 0}
.homefs .swiper-slide:hover .pic h5{font-size: .48rem}
}

.homefs .swiper-slide .pic h5{position: absolute;left: 5%;right: 5%;bottom: 50%;transform: translateY(100%);z-index: 3;font-weight: bold;text-align: center;color: #fff;font-size: .28rem;text-shadow: 0 0 .15rem rgba(0,0,0,.25);line-height: 1em;opacity: 0;font-family: Century Gothic;/*font-family: 'bell';*/}
.homef .scir1{width: 4rem;height: 4rem;border-radius: 50%;position: absolute;right: -2rem;bottom: 1.2rem;background:  linear-gradient(25deg,rgba(229,73,198,.5) 0%,rgba(255,255,255,0) 80%);opacity: .4;pointer-events: none;z-index: 0;box-shadow: -1rem 1rem 1rem rgba(229,73,198,.2)}
.homef .scir2{width: 4rem;height: 4rem;border-radius: 50%;position: absolute;left: -2rem;top: -1rem;background:  linear-gradient(-45deg,rgba(229,73,198,.5) 0%,rgba(255,255,255,0) 80%);opacity: .4;pointer-events: none;z-index: 0;box-shadow: 1rem 1rem 1rem rgba(229,73,198,.2)}
.homeb .scir2{width: 3.5rem;height: 3.5rem;border-radius: 50%;position: absolute;left: 30%;top: 0;background:  linear-gradient(-45deg,rgba(229,73,198,.5) 0%,rgba(255,255,255,0) 80%);opacity: .4;pointer-events: none;z-index: 0;box-shadow: 1rem 1rem 1rem rgba(229,73,198,.2)}

.homefs .swiper-slide a{}
.homefs .swiper-slide .pic{opacity: 1;visibility: visible;transition: .5s;}
.homefs .swiper-slide .pic h5{transform: translateY(50%);opacity: 1;; transition: .5s}
.homefs .swiper-slide .txt{opacity: 0;visibility: hidden;}
.homefs .swiper-slide .txt h4{transform: translateY(.5rem);}
.homefs .swiper-slide:after{opacity: 0;transform: scale(0);}
.homefs .swiper-slide:before{opacity: 0;transform: scale(0);}
.homefs .pgba{position: absolute;bottom: .3rem;left: 0;text-align: center;width: 100%}
.homefs .pgba span{border-radius: .2rem;height: 6px;width: .25rem;background: #000;opacity: .3;margin-right: .15rem}
.homefs .pgba span.active{background:#63065f ;opacity: 1}

.zoom150 .homed .slideDatap{max-width: 14.28rem;}
/*ie11*/ 

/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}


.list5 li:nth-child(2) .pic{ order: 1;}
.homee ul li:nth-child(2) .pic .a{ float: right;}
.homee ul li:nth-child(2) .txts{ background: url(/en/css/../images/list5_bg2.jpg) center no-repeat; background-size: cover;align-items: center;justify-content: center;display: flex;}
.homee .aright ul li .txts{background: url(/en/css/../images/e6bg.jpg) center no-repeat;background-size: cover;display: flex;align-items: center;justify-content: center;padding: 0 0 0 .2rem;}
.homee .aright ul li .txts h4{color: #620b62;position: relative;z-index: 10;font-size: .46rem;white-space: nowrap;}

@media(max-width: 1600px){
	.homee .aright ul li .txts h4,.homee ul li .txts h4{ font-size: .36rem}
	.homec .aright{max-width: 6rem;}
}
@media (max-width: 640px){
    .homee ul li .txts h4{font-size: .3rem !important;}
    .homee .aright ul li .txts{padding: 0 15px 0 .3rem !important;}

    .homed .homed_box .intit{width: 100%;display: none;}
    .homed .slideDatap .pgba{ top: .53rem}
    .homed .homed_box{ top: 64%}
.home2 .right:after{display:none;}
}

.list101 li .a1{ position: relative;z-index: 1;display: block;}
.list101 li .pic:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;background: url(/en/css/../images/bamask.png) no-repeat bottom center;background-size: 101% 101%;height: 2rem}
.list101 li .a1 .bg-mask .pic .a{ padding-bottom: 56.28%;}
.list101 li .a1 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1}
.list101 li .a1 .top{padding: .3rem .35rem;display: flex;flex-direction: column;justify-content: flex-end;}
.list101 li .a1 .top h6{color: #fff;font-size: .16rem;}
.list101 li .a1 .top h4{font-size: .24rem;color: #fff;line-height: 1.4em;margin-top: .14rem;}
.list101 li .a1 .top h4 span{ background: none}
.list101 li .a1 .top p{font-size: .14rem;color: #fff;line-height: .24rem;height: .72rem\0;position: relative;margin: 0;}
.list101 li .a1 .top hr{background: rgba(255,255,255,.4);margin: .15rem 0 .1rem;height: 1px;border: none;}
.list101 li:hover .a1 .bg-mask .pic .a{transform: scale(1.08);}

/* Arrows */
.miso-prev, .miso-next {position: absolute;display: flex;height: 20px;width: 20px;line-height: 0;font-size:0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;align-items: center;justify-content: center;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block}
.miso-lightbox .miso-prev:before{ content: ''; background: url(/en/css/../images/left_svg.svg) center no-repeat;}
.miso-lightbox .miso-next:before{ content: ''; background: url(/en/css/../images/right_svg.svg) center no-repeat;}
@media(max-width: 768px){
	.miso-prev, .miso-next{ width:20px; height:20px;}
	.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px}
} 
/*Slider ½لتّ*/

.list101_box{ position: relative; z-index: 1}
.list101_box .miso-arrow{ width: .3rem; height: .3rem; fill: #fff; z-index: 10}
.list101_box .miso-prev{transform: rotate(90deg) translateX(-60%);left: .2rem;}
.list101_box .miso-next{transform: rotate(-90deg) translateX(60%);right: .2rem;}

.homea .aleft .content{ margin: .7rem 0 0;}
.homea .aleft .content .left{width: 66.66%;}
.homea .aleft .content .right{width: calc(100% - 66.66%);padding: 0 0 0 .42rem;margin: -.1rem 0 0;}
.list102{ display: flex; margin: 0 -.2rem;}
.list102 li{ width: 50%; padding: 0 .2rem;}
.list102 li .a1{position: relative;z-index: 1;/* display: block; */}
.list102 li .a1 .bg-mask .pic .a{ padding-bottom: 56.28%;}
.list102 li .a1 .top{padding: .16rem 0 0;display: flex;flex-direction: column;justify-content: flex-end;}
.list102 li .a1 .top h6{color: #750070;font-size: .16rem;}
.list102 li .a1 .top h4{font-size: .18rem;color: #333333;line-height: .3rem;height: .9rem\0;margin-top: .06rem;}
.list102 li .a1 .time{ position: absolute; top: -.31rem; left: .18rem; width: .62rem; height: .62rem; background: #e6c390; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.list102 li .a1 .time h3{ font-size: .3rem; color: #fff;}
.list102 li .a1 .time h6{ font-size: 12px; color: #fff; margin: .02rem 0 0;}

.list103 li{border-bottom: #dedede 1px solid;padding: .25rem 0;}
.list103 li .a1 h4{font-size: .18rem;color: #333333;line-height: .3rem;height: .9rem\0;}
.list103 li:nth-child(1){ padding-top: 0}
.list103 li:last-child{ padding-bottom: 0; border-bottom: none}

.home1 .left{ width: 50%;}
.home1 .right{ width: 50%; padding: 0 0 0 .6rem;}

.home1 .intit{ margin-bottom: .5rem;}
.home1 .intit h3{ font-size: .36rem;}
.list104 li{ width: 50%;}
.list104 li .a1 .bg-mask .pic .a{ padding-bottom: 56.28%;}
.list104 li .con{height: 3.36rem;padding: 0 .38rem;display: flex;flex-direction: column;justify-content: center;background: #fafafa;position: relative;z-index: 1;}
.list104 li .con::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 0; z-index: -1; background: #e6c390;}
.list104 li .con h5{font-size: .18rem;color: #333333;line-height: .3rem;max-height: 1.2rem\0;position: relative;padding: 0 0 0 .2rem;}
.list104 li .con h5:before{content:"";position: absolute;top: .06rem;left:0;width: 2px;height: .18rem;background: #63065f;}
.list104 li .con p{font-size: .16rem;color: #5f5f5f;line-height: 24px;height: 96px;margin: .15rem 0 .2rem;padding: 0 0 0 .2rem;}
.list104 li .con h6{font-size: .16rem;color: #69005f;margin-bottom: .2rem;padding: 0 0 0 .2rem;}
.list104 li:nth-child(1) .con{ background: #69005f;}
.list104 li:nth-child(1) .con *{ color: #fff;}
.list104 li:nth-child(1) .con p{ opacity: .6;}
.list104 li:nth-child(1) .con h5::before{background: #fff;}
.list104 li:nth-child(1) .aline_b {background-image: linear-gradient(#fff,#fff);}
.list104 li:nth-child(2){ transform: translateY(-.46rem);}

.list105 li a{ display: flex; flex-wrap: wrap; align-items: center;}
.list105 li .a1 .bg-mask{ width: 4rem;}
.list105 li .a1 .bg-mask .pic .a{ padding-bottom: 56.28%;}
.list105 li a .con{ width: calc(100% - 4rem); padding: 0 0 0 .38rem;}
.list105 li a .con h5{font-size: .18rem;color: #333333;line-height: .3rem;max-height: 1.2rem\0;transition: .5s;}
.list105 li a .con h6{font-size: .16rem;color: #69005f;margin: .2rem 0 0;}

.list106{border-top: #d4d4d4 1px solid;padding: .2rem 0 0;margin: .3rem 0 0;/* display: none; */}
.list106 li a{display: block;padding: .06rem 0;}
.list106 li a h5{font-size: .18rem;color: #333333;line-height: .3rem;position: relative;padding: 0 0 0 .2rem;transition: .5s;overflow: hidden;text-overflow: ellipsis;/* white-space: nowrap; */max-height: .6rem\0;}
.list106 li a h5:before{content:"";position: absolute;top: .06rem;left:0;width: 2px;height: .18rem;background: #63065f;}

.home2{position: relative;z-index: 1;padding-bottom: .5rem;}
.home2:after{width: 33%;height: 96%;background:url(/en/css/../images/xz7.png) no-repeat;background-size:100%;right: 0;bottom: 67%;content:"";position:absolute;}
.home2 .wp{ position: relative; z-index: 1}
.home2 .bg1{position: relative;left: 50%;transform: translateX(-50%);height: 5.72rem;max-width: inherit;margin-bottom: -1.8rem;}
.home2 .left{width: calc(100% - 5.76rem);transform: translateY(-.9rem);}
.home2 .left .bg-mask{width: calc((100vw - 16rem)/2 + 100%);float: right;}
.home2 .left .bg-mask .pic{border-radius: 0 0;}
.home2 .right{width: 5.76rem;position: relative;}
.home2 .right:after{width: 69%;height: 18%;background:url(/en/css/../images/xz1.png) no-repeat;background-size:100%;right:-10%;top: -45%;}
.home2 .right:before{width: 4.41rem;height: 1.24rem;background:url(/en/css/../images/xz2.png) no-repeat;background-size: 100% 100%;right: 0;bottom: 0%;content:"";position:absolute;z-index: 100;}
.home2 .left .bg-mask .pic .a{padding-bottom: 44.08%;padding-bottom: 5.22rem;}
.home2 .right .intit{ margin: 0 0 1.4rem .5rem;}
.home2 .right .intit h3{color: #e0d4bb;/*text-transform: capitalize;*/font-size: .56rem;}
.home2 .right .intit h3 font{ color: #fff}
.home2 .right .intit h3:after{ background: #e0d4bb;}

.list107 li .a{display: flex;height: .9rem;background: #fff;padding: 0 0 0 .5rem;font-size: .3rem;color: #750070;transition: .2s;align-items: center;float: right;width: 100%;position: relative;z-index: 1;font-family: 'bell';}
.list107 li .a:before{content: "";position: absolute;top: 0;width: 2px;height: 0;background: #750070;right: 0;transition: .5s;opacity: 0;}
.list107 li .a svg{width: .4rem;height: .4rem;fill: #750070;transition: .5s;opacity: 0;}
.list107 li.on{position: relative;z-index: 10;}
.list107 li.on .a{width: calc(100% + .8rem); box-shadow: 0px 6px 46px 0px rgba(0, 0, 0, 0.13); font-size: .4rem; font-weight: bold}
.list107 li.on .a svg{ transform: translateX(.1rem); opacity: 1}
.list107 li.on .a:before{height: 100%;opacity: 1;}

.homeb .aright .bg-mask .pic .a{padding-bottom: 44.87%;}
.homeb .aright .top{position: absolute;bottom: 0;left: 0;z-index: 1;background: url(/en/css/../images/homeb1.png) center no-repeat;width: 3.44rem;height: 1.7rem;display: flex;flex-direction: column;justify-content: flex-end;background-size: 100% 100%;}
.homeb .aright .top h3{font-size: .3rem;font-family: 'bell';font-weight: bold;color: #580254;text-transform: capitalize;}
.homeb .aright .top svg{width: .4rem;height: .4rem;fill: #750070;transition: .5s;margin: -.05rem 0 0;}

.ar_wap{ display: none}

.home12{background: url(/en/css/../images/home2_bg.jpg) center 41% no-repeat;background-size: 100% auto;}

@media (max-width: 1024px){
   .homea .aright{margin-top:.4rem}
   .homea .aleft{background: transparent}
}

@media(min-width: 1024px){
  .list102 li .a1:hover .top h4{ color: #63065f;}
  .list103 li .a1:hover h4{ color: #63065f;}
  .list105 li .a1:hover .con h5{ color: #63065f;}
  .list106 li .a1:hover h5{ color: #63065f;}


}
@media(max-width: 1700px){
  .home2 .left .bg-mask{width: 106%;float: right;}
  .home2 .left .bg-mask .pic .a{padding-bottom: 44.08%;padding-bottom: 4.5rem;}
    .homec .scir ul li span{font-size: .26rem;left: 254%;}
    .homec .scir ul li.on:after{ width: 1.75rem}
    .homec .wp{
    padding-left: 2rem;
}
.homec .scir ul li.on span{width: 2.6rem;}
.homea .aright .intit{ padding: .3rem .4rem}
.homea .listb li{ padding: .15rem 0}
}
@media(max-width: 1600px){	
.homec .scir ul li.on span{width: 2.4rem;}
.homec .scir ul li span{ left: 260%}
.home2 .right:before{width: 2.64rem;height: .74rem;background:url(/en/css/../images/xz2.png) no-repeat;background-size: 100% 100%;right: 0;bottom: -8%;content:"";position:absolute;z-index: 100;/* transform: scale(.8); */}
}
@media(max-width: 1500px){	
.homec .scir ul li span{ left: 230%}
}

@media(max-width: 1400px){	
    .homec .aright{max-width: 5rem;}
    .homefs .swiper-slide .pic h5{font-size: .4rem}
    .homea .aright .intit{padding: .1rem .4rem;}
    .homec .scir ul li span{ left: 220%}
}
@media(max-width: 1320px){	
.homec .scir ul li span{left: 190%;}
}
@media(max-width: 1200px){	
	.home1 .left{ width: 100%;}
  .home1 .right{width: 100%;padding: .5rem 0 0;}
  .home2 .bg1{height: 3rem;margin-bottom: -1rem;}
    .home2 .right .intit{ margin: 0 0 .6rem .5rem;}
    .homec .scir ul li span{font-size: .26rem;left: 180%;}
    .homec .scir ul li.on:after{ width: 1rem}
    .home2 .right .intit h3{ font-size: .4rem}
.home2:after{display:none;}
}
@media(max-width: 992px){
	.home2 .left{ width: calc(100% - 4rem)}
    .home2 .right{width: 4rem;position: static;}
    .list107 li.on .a{ font-size: .3rem}

    .homeb .wp .ll{ width: 100%}
    .homeb .wp .ll h2{ font-size: .6rem; margin: 0; }
    .homeb .wp .rr{ width: 100%}
    .homeb .wp .rr h2{ font-size: .3rem}
    .homeb .wp .rr .intit h3{ font-size: .36rem}
    .home2 .right:before{left: -53vw;right: auto;transform: scale(.7);}
}
@media(max-width: 768px){
	.home2 .left{ width: calc(100% - 3rem)}
    .home2 .right{ width: 3rem;}
    .list107 li.on .a{ font-size: .3rem}
    .intit h3{ font-size: .3rem}
    .list107 li .a, .list107 li.on .a{font-size: .26rem;height: .9rem;}
    .home2 .bg1{margin-bottom: -1.15rem;height: 2.5rem;}
    .home2 .left .bg-mask .pic .a{padding-bottom: 44.08%;padding-bottom: 3rem;}
    .home2{padding-bottom: .3rem;padding-top: .3rem;}

.list102 li .a1 .time{width: 1.25rem;height: .4rem;line-height: .4rem;left: .1rem;top: auto;position: relative;bottom: .16rem;flex-direction: row;align-items: baseline;}
    .list102 li .a1 .time h3{ margin-right: .06rem}
    .list102 li .a1 .time h6{ margin: 0}
    .list102 li .a1 .top{ padding-top: 0}
    .home2 .right:before{left: -58vw;right: auto;transform: scale(.7);}
}
@media(max-width: 640px){
	.homea .aleft .content .left{ width: 100%;}
  .homea .aleft .content .right{width: 100%;margin: 0;padding: .3rem 0 0;}
  .homea .aleft .content{ margin: .3rem 0 0}
  .list102{ margin: 0 -.1rem}
  .list102 li{ padding: 0 .1rem}
    .list103 li{ padding: .15rem 0}

    .home2 .left{width: calc(100% - 1.25rem);}
    .home2 .right{width: 1.25rem;padding: .4rem 0 0;}
    .ar_web{ display: none}
    .ar_wap{display: block;position: relative;z-index: 1;padding: 0 15px;margin-bottom: .5rem;}
    .ar_wap.intit h3{color: #fff;font-size: .3rem;text-align: center;}
    .ar_wap.intit h3:after{background: #fff;margin: .1rem auto 0;}
    .home2 .left .bg-mask .pic .a{padding-bottom: 1.75rem;}
    .list107 li .a, .list107 li.on .a{height: .6rem;padding: 0 0 0 .3rem;font-size: .2rem;}
    .list107 li .a {width: calc(100% + .8rem);}

    .list104 li .con{padding: 0 15px;height: 1.85rem;}
    .list104 li .con p{ display: none}

    .list103 li .a1 h4, .list102 li .a1 .top h4, .homea .listb li h4{ font-size: .2rem}

    .list104 li .con h6{margin: .1rem 0 .1rem;}
    .list105 li .a1 .bg-mask{ width: 2rem;}
    .list105 li a .con{ width: calc(100% - 2rem); padding: 0 0 0 15px}
    .home1 .intit h3{ font-size: .3rem}
    .home1 .intit{ margin-bottom: .3rem}
    .home2 .left .bg-mask .pic { border-radius: 0 .6rem 0 0;}
    .list104 li:nth-child(2) { transform: translateY(0);}
    .list105 li a .con h6{ margin: .1rem 0 0}

    .homea .listb li{ padding: .2rem 0}
    .homeb .aright .top{padding: 15px 0 0 0;height: auto;}
    .homeb .aright .top *{ transform: translateX(.1rem) translateY(.3rem)}
    .list101 li .a1 .top{ padding: 15px 15px .2rem}
    .list107 li .a svg{ width: .2rem; height: .2rem}
    .home2 .wp{ align-items: flex-end}
    .home2 .left .bg-mask{width: 108%;float: right;}
    .homefs .swiper-slide .pic h5{ font-size: .3rem}

    .homeb .aright .top h3{font-size: .24rem;/* margin: .1rem 0 0; */}
}
@media(max-width: 456px){
	.home2 .right:before{left: -70vw;right: auto;transform: scale(.7);}
} <!--0.00010919570922852-->