@charset "utf-8";
/* ===================棣栭〉鏍峰紡========================== */
.indhead{width: 100%;position: relative;background: #fff;}
.banner{width: 100%;overflow: hidden;position: relative;}
.banner-img{width: 100%;overflow: hidden;}
.banner-img img{width: 100%;object-fit: cover;}
.banner-img img.none-pad-mb{height: calc(100vh - 84px);}
.banner-img img.none-pc{min-height: 600px;}
.banner-cont{position: absolute;width: 100%;height: 100%;z-index: 3;top: 0;left: 0;display: flex;align-items: center;color: #fff;}
.banner-cont-width{max-width: 620px;}
.banner-cont .name{line-height: 1.1;font-family: "M";color: #000;}
.banner-cont .desc{width: auto;color: #444;text-transform: uppercase;font-family: "B";}
.banner-cont .link{width: 100%;display: flex;align-items: center;}
.banner-cont .link a.btn-grad{display: flex;align-items: center;justify-content: center;width: 200px;height: 50px;border-radius: 25px; margin-right: 18px;text-align: center;text-transform: uppercase;transition: 0.5s;color: #fff;box-shadow: 0 7px 24px 0 rgba(107, 107, 107, 0.27);overflow: hidden;position: relative;}
.banner-cont .link a.btn-grad span{position: relative;z-index: 2;}
.banner-cont .link a.btn-grad:last-child{margin-right: 0;}
.banner-cont .link a.btn-grad1::before, .banner-cont .link a.btn-grad1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height:100%;border-radius: 25px;transition: all .4s ease;}
.banner-cont .link a.btn-grad1::before, .banner-cont .link a.btn-grad1a::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 25px;box-shadow: 0 0 12px 2px rgba(171, 149, 236, 0.67) inset,0 0 12px 2px rgba(255, 255, 255, 0.24) inset;transition: all .4s ease;}
.banner-cont .link a.btn-grad1::before{background: linear-gradient(to left,#b461ef 0%,#8d71ff 40%,#52eaea 100%);}
.banner-cont .link a.btn-grad1::after{opacity: 0;background: linear-gradient(to right,#b461ef 0%,#8d71ff 40%,#52eaea 100%)}
.banner-cont .link a.btn-grad1:hover::after{opacity: 1;}
.banner-cont .link a.btn-grad2{border: 1px solid #fff; background-image: none;color: #fff;}
.banner-cont .link a.btn-grad:hover{background-position: right center; text-decoration: none;}
.banner-cont .link a.btn-grad2:hover{background-color: #6C3EC0;border-color: #6C3EC0;color: #fff;}
.banner-cont .name, .banner-cont .desc, .banner-cont .link{opacity: 1;}
.swiper-slide-active .banner-cont .name{animation: bannerRight 1s ease both .8s;}
.swiper-slide-active .banner-cont .desc{animation: bannerRight 1s ease both .9s;}
.swiper-slide-active .banner-cont .link{animation: bannerRight 1s ease both 1s;}
.oneSlide .banner-cont .name{animation: bannerRight 1s ease both .4s;}
.oneSlide .banner-cont .desc{animation: bannerRight 1s ease both .5s;}
.oneSlide .banner-cont .link{animation: bannerRight 1s ease both .6s;}
/* @keyframes bannerRight{0%{opacity: 0;transform: translateX(200px);filter: blur(6px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}} */
.banner .swiper-pagination{bottom: 50px;text-align: left;width: 100%;left: 0;}
.banner .swiper-pagination-bullet{width: 64px;height: 4px;overflow: hidden;background: rgba(185, 176, 191, .7);opacity: 1;margin: 0 0 0 20px !important;position: relative;border-radius: 2px;}
.banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.banner .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: linear-gradient(to right, #b461ef 0%, #706eff  100%);position: absolute;top: 0;left: 0;}
.banner .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 4s linear both .8s;}
.banner .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 3.8s linear both 0s;}
@keyframes bulletLine{0%{width: 0;}100%{width: 100%;}}

.banner-bar{width: 100%;position: absolute;z-index: 2;left: 0;bottom: 0;}
.banner-bar img{width: 100%;object-fit: cover;}

.bannerBottom{position: absolute;left:0;bottom:0;width: 100%;min-height: 100px;background-color: rgba(255, 255, 255, .4);z-index: 3;display: flex;align-items: center;justify-content: center;padding:48px 0}
.bannerBottom .bannerB_item{padding:0 70px;display: flex;align-items: center;}
.bannerBottom .bannerB_item img{width: 61px;margin-right: 20px;vertical-align: middle;}
.bannerBottom .bannerB_item h6{color: #262c34;font-weight: block;font-family: "B";}
.bannerBottom .bannerB_item .desc{color: #666b70;}         

/* bannerOne */
.bannerOne .contain{position: relative;}
.bannerOne .banner-cont-width{position: relative;z-index: 4;}
.bannerOne-run{width: 996px;right: -240px;position: absolute;height: 600px;top: 50%;margin-top: -260px;}
.bannerOne-run .dz{position: absolute;width: 100%;left: 0;bottom: 0;}
.bannerOne-run .earth{width: 330px;height: 320px;animation: bannerOneEarth 12s linear infinite;margin: 0 auto;background: url('../images/index/banner/img2_1.png') no-repeat center/100% auto;position: relative;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;font-weight: 700;}
@keyframes bannerOneEarth {0%{transform: translate(0,0);}12.5%{transform: translate(12px,6px);}25%{transform: translate(12px,12px);}37.5%{transform: translate(6px,12px);}50%{transform: translate(0,0);}62.5%{transform: translate(12px,6px);}75%{transform: translate(12px,-12px);}87.5%{transform: translate(6px,-12px);}100%{transform: translate(0,0);}}
.bannerOne-run .earth-qq{position: absolute;z-index: 2;width: 410px;height: 410px;top: 50%;left: 50%;margin: -205px 0 0 -205px;}
.bannerOne-run .earth-qq i{position: absolute;background-repeat: no-repeat;background-position: center;background-size: 100% auto;}
.bannerOne-run .earth-qq i.q1{width: 100%;height: 100%;top: 0;left: 0;background-image: url('../images/index/banner/img2_2.png');animation: bannerOneQq 12s linear infinite;}
.bannerOne-run .earth-qq i.q2{width: 342px;height: 342px;top: 50%;left: 50%;margin: -171px 0 0 -171px;background-image: url('../images/index/banner/img2_3.png');animation: bannerOneQqF 14s linear infinite;}
.bannerOne-run .earth-qq i.q3{width: 291px;height: 291px;top: 50%;left: 50%;margin: -145px 0 0 -145px;background-image: url('../images/index/banner/img2_4.png');animation: bannerOneQq 10s linear infinite;}
@keyframes bannerOneQq{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes bannerOneQqF{0%{transform: rotate(0);}100%{transform: rotate(-360deg);}}
.bannerOne-run .earth span{position: relative;margin: 2px 0 0 2px;z-index: 4;width: 40px;height: 41px;background: url('../images/index/banner/img2_5.png') no-repeat center/100% auto;}
.bannerOne-run .earth .earth-line{display: none;position: absolute;width: 100%;height: 100%;z-index: 5;top: 0;left: 0;overflow: hidden;border-radius: 50%;}
.bannerOne-run .earth .earth-line::after{content: "";transform: translateY(260px);animation: bannerOneLine 8s linear infinite;position: absolute;width: 555px;height: 212px;z-index: 5;top: 0;left: 50%;margin-left: -278px;overflow: hidden;border-radius: 50%;background: url('../images/index/banner/img3.png') no-repeat center/100% auto;}
@keyframes bannerOneLine {0%{transform: translateY(260px);}50%{transform: translateY(-70px);}100%{transform: translateY(260px);}}
.bannerOne-run .goods{position: absolute;width: 100%;height: 100%;z-index: 4;top: 0;left: 0;}
.bannerOne-run .goods-items{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.bannerOne-run .goods-items p{position: absolute;}
.bannerOne-run .goods-items p img{max-width: 100%;}
.bannerOne-run .goods-items p.g1{width: 291px;left: 3%;top: -2%;animation: bannerOneGoods 4s linear infinite;}
.bannerOne-run .goods-items p.g2{width: 264px;left: -3%;top: 27%;animation: bannerOneGoods 4s linear infinite;}
.bannerOne-run .goods-items p.g3{width: 248px;left: 16%;top: 24%;animation: bannerOneGoodsF 4s linear infinite;}
.bannerOne-run .goods-items p.g4{width: 306px;left: 7%;top: 38%;animation: bannerOneGoodsF 4s linear infinite;}
.bannerOne-run .goods-items p.g5{width: 282px;left: 62%;top: 20%;animation: bannerOneGoodsF 4s linear infinite;}
.bannerOne-run .goods-items p.g6{width: 242px;left: 78%;top: 32%;animation: bannerOneGoods 4s linear infinite;}
.bannerOne-run .goods-items p.g7{width: 297px;left: 66%;top: 47%;animation: bannerOneGoodsF 4s linear infinite;}
.bannerOne-run .goods-items p.stop{animation: none !important;}
@keyframes bannerOneGoods {0%{transform: translateY(0);}50%{transform: translateY(-10px);}100%{transform: translateY(0);}}
@keyframes bannerOneGoodsF {0%{transform: translateY(0);}50%{transform: translateY(10px);}100%{transform: translateY(0);}}
.bannerOne-run .goods-dots{position: absolute;width: 100%;height: 100%;z-index: 6;top: 0;left: 0;}
.bannerOne-run .goods-dots i{position: absolute;width: 146px;height: 142px;opacity: 0;}
.bannerOne-run .goods-dots i.d1{left: 9%;top: 5%;}
.bannerOne-run .goods-dots i.d2{left: 0.5%;top: 30.5%;}
.bannerOne-run .goods-dots i.d3{left: 20%;top: 29%;}
.bannerOne-run .goods-dots i.d4{left: 13.5%;top: 49%;}
.bannerOne-run .goods-dots i.d5{left: 67.5%;top: 27%;}
.bannerOne-run .goods-dots i.d6{left: 81.5%;top: 35%;}
.bannerOne-run .goods-dots i.d7{left: 72%;top: 55%;}
.bannerOne-run .scan{position: absolute;transition: all .4s;width: 146px;height: 142px;left: 9%;top: 5%;z-index: 8;overflow: hidden;background: url('../images/index/banner/img5.png') no-repeat center/100% auto;border-radius: 26px;}
.bannerOne-run .scan::after{content: "";position: absolute;width: 555px;height: 212px;transform: translateY(-150px);opacity: 0;top: 0;margin-left: -278px;left: 50%;background: url('../images/index/banner/img3F.png') no-repeat center/100% auto;}
.bannerOne-run .scan.active::after{animation: bannerOneScan 1.8s linear both .4s;}
@keyframes bannerOneScan {0%{transform: translateY(-150px);opacity: 0;}1%{opacity: 1;}99%{opacity: 1;}100%{transform: translateY(40px);opacity: 0;}}

@media all and (max-width:1700px) {
    .bannerOne-run {right: -168px;}
}
@media all and (max-width:1599px) {
    .bannerOne-run {width: 800px;right: -30px;height: 510px;margin-top: -220px;}
    .bannerOne-run .earth {width: 280px;height: 270px;}
    .bannerOne-run .goods-items p.g1{width: 261px;}
    .bannerOne-run .goods-items p.g2{width: 234px;}
    .bannerOne-run .goods-items p.g3{width: 218px;}
    .bannerOne-run .goods-items p.g4{width: 276px;}
    .bannerOne-run .goods-items p.g5{width: 252px;}
    .bannerOne-run .goods-items p.g6{width: 212px;}
    .bannerOne-run .goods-items p.g7{width: 267px;}
    .bannerOne-run .scan {width: 128px;height: 125px;border-radius: 26px;left: 10%;top: 6%;}
    .bannerOne-run .goods-dots i{width: 128px;height: 125px;}
    .bannerOne-run .goods-dots i.d1{left: 10%;top: 6%;}
    .bannerOne-run .goods-dots i.d2{left: 1.5%;top: 33%;}
    .bannerOne-run .goods-dots i.d3{left: 20%;top: 29%;}
    .bannerOne-run .goods-dots i.d4{left: 14.5%;top: 51%;}
    .bannerOne-run .goods-dots i.d5{left: 68.5%;top: 29%;}
    .bannerOne-run .goods-dots i.d6{left: 82%;top: 35%;}
    .bannerOne-run .goods-dots i.d7{left: 73%;top: 57%;}
}
@media all and (max-width:1279px) {
    .bannerOne-run {right: -230px;}
}
@media all and (max-width:1151px) {
    .bannerOne .none-pad-mb{display: none !important;}
    .bannerOne .none-pc{display: block !important;}
    .bannerOne .bannerOne-run{display: none;}
}
/* over */


/* 涓棿鍐呭 */
.mianTitle{width: 100%;text-align: center;}
.mianTitle .title{line-height: 1;font-weight: 700;color: #333;}
.mianTitle .text{color: #6b6b6b;max-width: 840px;margin-left: auto;margin-right: auto;}
.mianTitle.white .title, .mianTitle.white .text{color: #fff;}

.mianHx-mix{width: 100%;justify-content: center;align-items: center;}
.mianHx-menu{width: 510px;height: 510px;background: #f7f7f7;border-radius: 50%;user-select: none;box-shadow: 0 0 16px 0 rgba(0,0,0,0.1) inset;overflow: hidden;position: relative;z-index:9;transform:scale(1);}
.mianHx-menu-click{width: 100%;position: relative;height: 100%;z-index: 1;}
.mianHx-menu-line{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.mianHx-menu-line::before, .mianHx-menu-line::after{content: "";position: absolute;width: 2px;height: 100%;background: #fff;opacity: 1;top: 0;left: 50%;margin-left: -1px;}
.mianHx-menu-line::before{transform: rotate(45deg);}
.mianHx-menu-line::after{transform: rotate(-45deg);}
.mianHx-menu-1, .mianHx-menu-2{position: absolute;top: 50%;left: 50%;border-radius: 50%;display: flex;align-items: center;cursor: pointer;justify-content: center;font-size: 18px;font-family: "M";color: #6c3ec0;}
.mianHx-menu-1{width: 176px;height: 176px;margin: -88px 0 0 -88px;background: #e5e5e5;z-index: 6;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2) inset;}
.mianHx-menu-1 i{content: "";position: absolute;width: 2px;height: 150px;left: 50%;margin-left: -2px;top: 112px;border: 1px dashed #41e0e6;transition: height .4s ease;}
.mianHx-menu-1 i::before, .mianHx-menu-1 i::after{content: "";position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #41e0e6;left: 50%;margin-left: -5px;}
.mianHx-menu-1 i::before{top: -4px;}
.mianHx-menu-1 i::after{bottom: -4px;}
.mianHx-menu-click.top .mianHx-menu-1 i, .mianHx-menu-click.bottom .mianHx-menu-1 i{height: 164px;}
.mianHx-menu-2{width: 322px;height: 322px;margin: -161px 0 0 -161px;align-items: flex-end;padding-bottom: 28px;background: #f4f4f4;z-index: 5;box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3) inset;}
.mianHx-menu-3{position: absolute;z-index: 3;width: 100%;height: 100%;left: 0;left: 0;}
.mianHx-menu-3>div{position: absolute;cursor: pointer;font-size: 16px;color: #5b5b5b;display: flex;transition: color .4s ease;}
.mianHx-menu-3>div span{display: flex;align-items: center;height: 94px;min-width: 94px;justify-content: center;}
.mianHx-menu-3>div.top{clip-path: polygon(100% 0, 0 0, 50% 100%);top: 0;left: 0;width: 100%;height: 50%;justify-content: center;align-items: flex-start;}
.mianHx-menu-3>div.right{clip-path: polygon(100% 0, 0 50%, 100% 100%);top: 0;right: 0;width: 50%;height: 100%;justify-content: flex-end;align-items: center;}
.mianHx-menu-3>div.bottom{clip-path: polygon(50% 0, 0 100%, 100% 100%);bottom: 0;left: 0;width: 100%;height: 50%;justify-content: center;align-items: flex-end;}
.mianHx-menu-3>div.left{clip-path: polygon(0 0, 0 100%, 100% 50%);top: 0;left: 0;width: 50%;height: 100%;justify-content: flex-start;align-items: center;}
.mianHx-menu-3>div:hover{color: #6c3ec0;}
.mianHx-menu-3>div.active{color: #fff;font-size: 20px;font-family: "B";cursor: default;}
.mianHx-menu-leaf{position: absolute;width: 100%;height: 50%;transform: rotate(180deg);background: #725B9F;z-index: 2;clip-path: polygon(100% 0, 0 0, 50% 100%);top: 0;left: 0;transform-origin: bottom center;}
.mianHx-menu-click.on .mianHx-menu-leaf, .mianHx-menu-click.on .hasRun{transition: all .4s ease;}
.mianHx-menu-2.active{background: #725B9F;color: #fff;}
.mianHx-menu-1.active{background: #725B9F;color: #fff;}
.mianHx-menu-1.active i{height: 4px !important;}
.mianHx-menu-1.change i{height: 80px !important;}
.mianHx-info{width: 640px;margin-left: 100px;}
.mianHx-info .items{width: 100%;display: none;justify-content: center;}
.items-contain{width: auto;max-width:471px}
.mianHx-info .items.active{display: flex;}
.mianHx-info .title{color: #725B9F;font-family:'M';}
.mianHx-info .hint{color:#4a4a4a;font-family:'M';}
.mianHx-info .text{color: #4a4a4a;line-height: 24px;}
.mianHx-info .text p{position: relative;padding-left: 28px;margin-top:10px;}
.mianHx-info .text p:first-child{margin-top:0}
.mianHx-info .text p::before{content: "";width: 16px;height: 14px;background: url('../images/index/index_con_icon2.png') no-repeat left center;position: absolute;left: 0;top: 4px;}

.bgcolor1{
    background: -webkit-linear-gradient(to bottom, #fff 0%, #cacdf6 23%, #f8f8fa 100%);
    background: -o-linear-gradient(to bottom, #fff 0%, #cacdf6 23%, #f8f8fa 100%);
    background: -moz-linear-gradient(to bottom, #fff 0%, #cacdf6 23%, #f8f8fa 100%);
    background: linear-gradient(to bottom, #fff 0%, #cacdf6 23%, #f8f8fa 100%);
    position: relative;
}
.indBgColor{
    background: -webkit-linear-gradient(to bottom, #fff 0%, #f7f7f7 23%, #f8f8fa 100%);
    background: -o-linear-gradient(to bottom, #fff 0%, #f7f7f7 23%, #f8f8fa 100%);
    background: -moz-linear-gradient(to bottom, #fff 0%, #f7f7f7 23%, #f8f8fa 100%);
    background: linear-gradient(to bottom, #fff 0%, #f7f7f7 23%, #f8f8fa 100%);
    position: relative;
}

.bgicon{position: absolute;left: 0;top:30%;width: 18%;min-width: 200px;display: none;}
.mianHy{position: relative;z-index: 2;}
.mianHy .swiperItems{width: 100%;}
.mianHy .swiperItems .swiperItems-ul{margin: -30px 0 0 -30px;}
.mianHy .swiperItems .sitems{width: calc(33.333% - 30px);background-color: #fff;border-radius: 6px;margin: 30px 0 0 30px;transition: box-shadow .4s ease;overflow: hidden;position: relative;}
.mianHy .swiperItems .sitems::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8));}
.mianHy .swiperItems .sitems img{width: 100%;transition: all .6s ease;}
.mianHy .swiperItems .sitems:hover img{transform: scale(1.06);}
.mianHy .swiperItems .sitems-cont{position: absolute;width: 100%;bottom: 0;padding: 30px 35px;color: #fff;left: 0;z-index: 2;}
.mianHy .swiperItems .sitems .title{font-size: 20px;}
.mianHy .swiperItems .sitems .desc{line-height: 1.24;}
/* .mianHy .swiperItems .sitems>a{color: #36343d;margin-top: 20px;transition: color .4s ease;}
.mianHy .swiperItems .sitems>a span{padding-right: 18px;background: url('../images/common/arrR.svg') no-repeat right top 3px/16px auto;transition: all .4s ease;}
.mianHy .swiperItems .sitems>a:hover span{background-image: url('../images/common/arrRH.svg');color: #6C3EC0;} */
.mianHy .swiperItems .sitems:hover .icon{transform: translateY(-4px);}

.mianHy .swiper-button-prev{left: -5px;background-size: 17px auto;}
.mianHy .swiper-button-next{right: -5px;background-size: 17px auto;}
.mianHy .swiper-pagination{display: none;}

.maincon-loop{max-width: 1160px;margin: 0 auto;position: relative;}
.maincon-loop>.swiper-container{max-width: 920px;box-shadow: 0 11px 27px 0 rgba(108,108,108,0.11);border-radius: 10px;overflow: hidden;background: #fff;}
.mianXr-list{width: 100%;height: 408px;overflow: hidden;padding: 50px 70px;position: relative;}
.mianXr-list ul{transition-timing-function: linear;}
.mianXr-list li{display: flex;align-items: center;width: 100%;height: 84px !important;}
.mianXr-list li .icon{width: 69px;height: 69px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #fff;box-shadow: 0 12px 17px 2px rgba(85,98,151,0.11);}
.mianXr-list li .icon i{width: 60px;height: 60px;border-radius: 50%;overflow: hidden;background: #fff;border: 2px solid #fff;box-shadow: 0 12px 17px 2px rgba(85,98,151,0.11);}
.mianXr-list li .icon i img{width: 100%;height: 100%;}
.mianXr-list li .text{width: 360px;margin-left: 32px;box-shadow: 0 0 35px 0 rgba(53,25,161,0.23);background: #523c96;font-size: 16px;color: #fff;line-height: 24px;border-radius: 30px;padding: 18px 20px;border-bottom-left-radius: 0px;}
.mianXr-list li:nth-child(2n){align-items: center;flex-direction: row-reverse;justify-content: flex-start;}
.mianXr-list li:nth-child(2n) .icon i{background: #262626;display: flex;align-items: center;justify-content: center;}
.mianXr-list li:nth-child(2n) .icon i img{width: auto;height: auto;}
.mianXr-list li:nth-child(2n) .text{border-radius: 30px;border-bottom-right-radius: 0px;background: #a48dff;margin-left: 0;margin-right: 32px;}
.maincon-loop .swiper-pagination{bottom: 0;display: none;}

.mianXr .swiper-button-prev,.mianXr .swiper-button-next{background-image: none;margin-top: -47px;width: 94px;height: 94px;}
.mianXr .logos{width: 100%;}
.mianXr .logos-ul{margin: -14px 0 0 -12px;}
.mianXr .logos a{width: calc(16.6666% - 12px);margin: 14px 0 0 12px;background: #fff;display: flex;align-items: center;justify-content: center;padding: 12px;height: 98px;border-radius: 10px;transition: all .4s ease;box-shadow: 0 11px 27px 0 rgba(108,108,108,0.14);}
.mianXr .logos a img{max-width: 100%;max-height: 100%;transition: all .4s ease;}
.mianXr .logos a:hover img{transform: translateY(-4px);}

.mianHz{background-color: #fff;}
.mianHz .mianTitle{margin: 0;}
.mianHz-auth{display: flex;justify-content: center;flex-wrap: wrap;}
.mianHz .maincon .puitem{width: 16%;text-align: center;min-height: 110px;display: flex;align-items: center;justify-content: center;}
.mianHz .maincon .top{border:1px solid #f2f2f2;border-radius: 6px;}
.mianHz .maincon .titem{border-right:1px solid #f2f2f2;display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 270px;justify-content: space-evenly;}
.mianHz .maincon .titem:last-child{border-right:none}
.mianHz .maincon .titem .images{width: 92px;height: 92px;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 1px solid #f3f3f3;transition: all .4s ease;}
.mianHz .maincon .titem img{max-width: 84%;max-height: 84%;}
.mianHz .maincon .titem:hover .images{transform: translateY(-4px);}
.mianHz .maincon .titem h5{color: #523c96;font-weight: bold;height: 60px;display: flex;align-items: center;justify-content: center;}
.mianHz .maincon .titem .desc{color: #687086;margin-top: 10px;}
.mianHz .maincon .publicbluea,.mianXw .maincon .publicbluea{justify-content: center;}
.mianHz-loop{width: 100%;}
.mianHz-loop .swiper-wrapper{transition-timing-function: linear;}
.mianHz-loop-image{width: 100%;height: 140px;display: flex;align-items: center;justify-content: center;}
.mianHz-loop-image img{max-width: 88%;max-height: 88%;transition: all .4s ease;}
.mianXw .newItem{display: flex;align-items: center;justify-content: space-between;}
.mianXw .newItem .left{height: 350px;}
.mianXw .newItem .left{width: 34%;}
.mianXw .newItem .center{width: 31.5%;}
.mianXw .newItem .right{width: 31.5%;}
.mianXw .newItem .center,.mianXw .newItem .right{height: 350px;display: flex;flex-direction: column;justify-content: space-between;}
.mianXw .newItem .center>div{height: 165px;width: 100%;margin: 0 auto;}
.mianXw .newItem .right>a{height: 102px;width: 100%;margin: 0 auto;background-color: #fff;box-shadow: 0px 9px 9px 0 rgba(190, 190, 190, 0.09);display: flex;flex-direction: column;justify-content: center;padding:0 20px;transition: all .4s ease;}
.mianXw .newItem .right>a:hover{box-shadow: 0px 9px 9px 0 rgba(190, 190, 190, .3);}
.mianXw .newItem .imgtxt{border-radius: 6px;overflow: hidden;position: relative;}
.mianXw .newItem .left img{height: 100%;}
.mianXw .newItem .imgtxt a>img{width: 100%;min-height: 100%;vertical-align: middle;transition: all .4s;}
.mianXw .newItem .imgtxt:hover a>img{transform: scale(1.1);transform-origin: center;}
.mianXw .newItem .imgtxt .text{width: 100%;padding: 10px 20px;background-color: rgba(0,0,0,0.5);color: #fff;position: absolute;left: 0;bottom:0}
.mianXw .times img{width: 16px;}
.mianXw .newItem .right .wtext{border-radius: 6px;}
.mianXw .newItem .right .wtext p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 2px;color: #444;transition: all .4s ease;}
.mianXw .newItem .right .wtext:hover p:first-child{color: #6C3EC0;}
.mianXw .newItem .link{display: block;width: 100%;height: 100%;}
.mianXw .newItem .imgtxt .times, .mianXw .newItem .right .wtext .times{display: flex;align-items: center;margin-top: 2px;}
.mianXw .newItem .imgtxt .times img, .mianXw .newItem .right .wtext .times img{margin-right: 8px;}
.mianXw{background: #f8f8fa;}
.mianXw .mianTitle{margin: 0;}
.mianXw .newItem .right .wtext p.times{color: #c3c3c3;}


/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900) */
    
}

@media all and (max-width:1599px) {
    /* 1440 脳 (700)  */
    .banner-cont .link a.btn-grad{width: 180px;height: 44px;border-radius: 22px;}
    .banner-cont .link a.btn-grad1::before, .banner-cont .link a.btn-grad1::after{border-radius: 22px;}
    .banner-cont .link a.btn-grad1::before, .banner-cont .link a.btn-grad1a::after{border-radius: 22px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
    
    
    
}

@media all and (max-width:1359px) {
    /* 1280 */
    
}

@media all and (max-width:1279px) {
    /* 1152 脳 (700) */
    .mianHz .maincon .puitem{width: 33%;}
    .mianHz .maincon .titem:nth-of-type(3n){border-right:none}
    .mianHz .maincon .titem:nth-of-type(n+4){border-top:1px solid #f2f2f2}
    .mianXw .newItem{flex-wrap: wrap;}
    .mianXw .newItem>div{max-width: 100%;height: 260px;flex-shrink: 0;}
    .mianXw .newItem .left{width: 49%;}
    .mianXw .newItem .center{width: 49%;}
    .mianXw .newItem .right{width: 100%;margin-top: 20px;}
    .mianXw .newItem .right>a{width: 100%;}
    .mianHx-info {margin-left: 80px;width: 360px;}
    .mianHx-info .text p {margin-top: 6px;}
    .mianHx-menu {width: 440px;height: 440px;}
    .mianHx-menu-1 {width: 150px;height: 150px;margin: -75px 0 0 -75px;}
    .mianHx-menu-2 {width: 290px;height: 290px;margin: -145px 0 0 -145px;padding-bottom: 20px;}
    .mianHx-menu-3>div span {height: 74px;min-width: 74px;}
    .mianHx-menu-1 i {height: 126px;top: 100px;}
    .mianHx-menu-click.top .mianHx-menu-1 i, .mianHx-menu-click.bottom .mianHx-menu-1 i {height: 140px;}
    .mianHx-menu-1.change i {height: 68px !important;}
    .mianXr .swiper-button-prev, .mianXr .swiper-button-next{display: none;}
    .maincon-loop{padding-bottom: 40px;}
    .maincon-loop .swiper-pagination{display: block;width: 100%;text-align: center;}
    .maincon-loop .swiper-pagination-bullet {width: 10px;height: 10px;background: #a48dff;opacity: 1;margin: 0 8px;}
    .maincon-loop .swiper-pagination-bullet-active {background: #523c96;}
    .bannerBottom .bannerB_item {padding: 0 40px;}
    .banner-img img.none-pad-mb {height: 70vh;}
    .mianXw .newItem .right{height: auto;}
    .mianXw .newItem .right a{margin-top: 10px;}
    .mianXw .newItem .right a:first-child{margin-top: 0;}
    .mianHz-loop-image{height: 120px;}
    .mianHy .swiperItems .swiperItems-ul {margin: -20px 0 0 -20px;}
    .mianHy .swiperItems .sitems {width: calc(33.3333% - 20px);margin: 20px 0 0 20px;}
    .mianHy .swiperItems .sitems-cont {padding: 20px 16px;}
    .items-contain {max-width: 100%;}
}

@media all and (max-width:1151px) {
    /* 1024 */
}


/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    /* 骞虫澘璁惧 720 閫傞厤 */
    .banner-cont .link a.btn-grad{height: 38px;width: 120px;border-radius: 19px;}
    .banner-cont .link a.btn-grad1::before, .banner-cont .link a.btn-grad1::after{border-radius: 19px;}
    .banner-cont .link a.btn-grad1::before, .banner-cont .link a.btn-grad1a::after{border-radius: 19px;}
    .bannerBottom{padding: 15px 0;}
    .bannerBottom .bannerB_item img{width: 40px;}
    .bannerBottom .bannerB_item h6{font-size: 18px;}
    .bannerBottom .bannerB_item h6 span{font-size: 12px;}
    .bannerBottom .bannerB_item .desc{font-size: 12px;}
    .mianXr-list {padding: 40px 50px;}
    .bannerBottom .bannerB_item {padding: 0 20px;}
    .banner .swiper-pagination {bottom: 40px;}
    .mianHx-menu{margin: 0 auto;}
    .mianHx-info{width: 100%;margin: 60px 0 0;}
    .mianXr .logos a {width: calc(33.3333% - 12px);}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    .bannerBottom{flex-wrap: wrap;}
    .bannerBottom .bannerB_item{width: 45%;margin-bottom: 10px;}
    .bannerBottom .bannerB_item:nth-of-type(2n){width: 55%;}
    .bannerBottom .bannerB_item:nth-of-type(3),.bannerBottom .bannerB_item:nth-of-type(4){margin-bottom: 0px;}
    .bannerBottom .bannerB_item img{width: 30px;}
    .banner .swiper-pagination-bullet {width: 40px;margin: 0 0 0 12px !important;}
    .banner-img img.none-pc {min-height: 470px;}
    .banner .swiper-pagination {bottom: 30px;}
    .indhead {padding-bottom: 10px;}

    .mianHx-menu {width: 300px;height: 300px;}
    .mianHx-menu-1, .mianHx-menu-2{font-size: 16px;}
    .mianHx-menu-1 {width: 80px;height: 80px;margin: -40px 0 0 -40px;}
    .mianHx-menu-2 {width: 170px;height: 170px;margin: -85px 0 0 -85px;padding-bottom: 10px;}
    .mianHx-menu-3>div.active {font-size: 18px;}
    .mianHx-menu-3>div span {height: 66px;min-width: 66px;}
    .mianHx-menu-1 i {height: 74px;top: 56px;}
    .mianHx-menu-1 i::before, .mianHx-menu-1 i::after {width: 8px;height: 8px;margin-left: -4px;}
    .mianHx-menu-1 i::after {bottom: -2px;}
    .mianHx-menu-click.top .mianHx-menu-1 i, .mianHx-menu-click.bottom .mianHx-menu-1 i {height: 88px;}
    .mianHx-menu-1.change i {height: 34px !important;}
    .mianHx-info {margin: 20px 0 0;}
    .mianHx-info .text {margin-top: 8px;}
    /* .mianHy .swiper-slide {padding: 0;}
    .mianHy .swiper-container{padding: 0 0 28px;}
    .mianHy .swiper-button-prev, .mianHy .swiper-button-next{display: none;}
    .mianHy .swiperItems .sitems{margin-bottom: 2%;min-height: auto;padding: 24px 12px;}
    .mianHy .swiperItems .sitems>p.desc{display: none;}
    .mianHy .swiperItems .sitems>img {width: 74px;}
    .mianHy .swiperItems .sitems>a {margin-top: 8px;}
    .mianHy .swiperItems .sitems>p {margin-top: 14px;width: 100%;}
    .mianHy .swiper-pagination{display: block;bottom: 0;}
    .mianHy .swiper-pagination{display: block;width: 100%;text-align: center;}
    .mianHy .swiper-pagination-bullet {width: 8px;height: 8px;background: #a48dff;opacity: 1;margin: 0 7px !important;}
    .mianHy .swiper-pagination-bullet-active {background: #523c96;}
    .mianHy .swiperItems .sitems>p:first-of-type {margin-top: 16px;} */
    .mianHy .swiperItems .swiperItems-ul {margin: -10px 0 0 -10px;}
    .mianHy .swiperItems .sitems {width: calc(50% - 10px);margin: 10px 0 0 10px;}
    .mianHy .swiperItems .sitems-cont {padding: 10px 12px;}
    .mianHy .swiperItems .sitems .title {font-size: 16px;}
    .mianHy .swiperItems .sitems .desc{font-size: 14px;}

    .maincon-loop {padding-bottom: 34px;}
    .maincon-loop .swiper-pagination-bullet {width: 8px;height: 8px;margin: 0 7px;}
    .mianXr-list {padding: 28px 14px;height: 300px;}
    .maincon-loop>.swiper-container {border-radius: 10px;}
    .mianXr-list li .text {width: 200px; margin-left: 14px;font-size: 12px;line-height: 16px;border-radius: 10px;padding: 10px 12px;border-bottom-left-radius: 0px;}
    .mianXr-list li:nth-child(2n) .text{border-radius: 10px;border-bottom-right-radius: 0px;margin-right: 14px;}
    .mianXr-list li {height: 60px !important;  }
    .mianXr .logos-ul {margin: -8px 0 0 -8px;}
    .mianXr .logos a {width: calc(33.3333% - 8px);margin: 8px 0 0 8px;padding: 8px;height: 60px;}

    .mianHz .maincon .puitem{width: 50%;}
    .mianHz .maincon .titem:nth-of-type(3n){border-right:1px solid #f2f2f2}
    .mianHz .maincon .titem:nth-of-type(n+4){border-top:1px solid #f2f2f2}
    .mianHz .maincon .titem:nth-of-type(2n){border-right:none}
    .mianHz .maincon .titem:nth-of-type(n+3){border-top:1px solid #f2f2f2}
    .mianHz-loop-image {height: 90px;}

    .mianXw .newItem{flex-wrap: wrap;}
    .mianXw .newItem>div{max-width: 100%;height: 260px;flex-shrink: 0;flex: auto;}
    .mianXw .newItem .left,.mianXw .newItem .center,.mianXw .newItem .right{width: 100%;margin-top: 15px;}
    .mianXw .newItem .right>a,.mianXw .newItem .center>div{width: 100%;}
    .mianXw .newItem .center, .mianXw .newItem .right{height: auto;}
    .mianXw .newItem .center .imgtxt{margin-top: 15px;}
    .mianXw .newItem .center .imgtxt:first-child{margin-top: 0;}
    .mianXw .newItem .left {height: auto;margin-top: 0;}
}