@charset "utf-8"; /* ===================首页样式========================== */ .banner{width: 100%;overflow: hidden;position: relative;background: #2b2f2f;} .banner-image{width: 100%;} .banner-image img{width: 100%;transform:translate3d(0,0,0);} .banner-image img.pc{height: 100vh;} .banner-image img.mb{height: calc(100vh - 60px);} .banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;color: #fff;transform:translate3d(0,0,0);} .banner .swiper-slide{transform:translate3d(0,0,0);overflow:hidden;} /* -- */ .banner .hasVideo .banner-image img{animation: hasVideoImg 1s ease both;} @keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}} .banner .hasVideo video{width: 148%;height: 132%;object-fit: cover;position: absolute;top: -12%;left: -24%;z-index: 2;max-width: none;} @media all and (max-width:1151px) {.banner .hasVideo .banner-image img{animation: none;}.banner .hasVideo video{display: none;}} /* slide1 */ .banner .slide1 .banner-cont{display: none;text-align: center;} .banner .slide1 .banner-cont img{width: 665px;} /* slide2 */ .banner .slide2 .banner-cont .contain{position: relative;height: 100%;} .banner .slide2 .banner-cont img{position: absolute;} .banner .slide2 .banner-cont img.logo{width: 410px;top: 160px;right: 0;} .banner .slide2 .banner-cont img.text{width: 698px;right: 15%;top: calc(15% + 160px);} /* slide3 */ .banner .slide3 .banner-cont .contain{display: flex;justify-content: flex-end;} .banner-cont-box{text-align: left;max-width: 636px;} .banner-cont-logo{width: 184px;} .banner-cont-head{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .2);} .banner-cont-head .title{line-height: 1.1;letter-spacing: 6px;} .banner-cont-head .text{line-height: 1.1;} .banner-cont-head .text span:not(:first-child){margin-left: 24px;} .banner-cont-list{width: 100%;} .banner-cont-list ul{align-items: flex-start;justify-content: space-between;margin-top: -30px;} .banner-cont-list li{width: auto;max-width: calc(50% - 20px);margin-top: 30px;} .banner-cont-list li .name{position: relative;line-height: 1.1;padding-left: 12px;} .banner-cont-list li .name::before{content: "";position: absolute;width: 3px;height: 16px;left: 0;background: #fff;top: 50%;margin-top: -8px;} .banner-cont-list li .text{width: 100%;} .banner-cont-list li .image{display: flex;} .banner-cont-list li .image p{width: 100px;} .banner-cont-list li .image p:not(:first-child){margin-left: 16px;} .banner-cont-list li .image p img{width: 100%;} /* -- */ .banner .slide1 .banner-cont img, .banner .slide2 .banner-cont img{opacity: 0;} .banner-cont-logo, .banner-cont-head, .banner-cont-list{opacity: 0;} .swiper-slide-active.slide1 .banner-cont img{animation: bannerRunUp 1s ease both .9s;} .swiper-slide-active.slide2 .banner-cont img.logo{animation: bannerRunRt 1s ease both .9s;} .swiper-slide-active.slide2 .banner-cont img.text{animation: bannerRunLt 1s ease both .9s;} .swiper-slide-active.slide3 .banner-cont-logo{animation: bannerRunUp 1s ease both .9s;} .swiper-slide-active.slide3 .banner-cont-head{animation: bannerRunUp 1s ease both 1s;} .swiper-slide-active.slide3 .banner-cont-list{animation: bannerRunUp 1s ease both 1.1s;} .oneSlide.slide1 .banner-cont img{animation: bannerRunUp 1s ease both .4s;} @keyframes bannerRunUp{0%{opacity: 0;transform: translateY(60px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}} @keyframes bannerRunLt{0%{opacity: 0;transform: translateX(-180px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}} @keyframes bannerRunRt{0%{opacity: 0;transform: translateX(180px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}} /* -- */ .banner .swiper-pagination{bottom: 44px;font-size: 0;pointer-events: none;} .banner .swiper-pagination-bullet{width: 2px;height: 2px;opacity: 1;background: transparent;pointer-events: auto;position: relative;margin: 0 0 0 32px !important;} .banner .swiper-pagination-bullet:first-child{margin: 0 !important;} .banner .swiper-pagination-bullet::before, .banner .swiper-pagination-bullet::after{content: "";position: absolute;top: 50%;left: 50%;transition: all .4s ease;border-radius: 50%;} .banner .swiper-pagination-bullet::before{width: 8px;height: 8px;margin: -4px 0 0 -4px;background: rgba(255, 255, 255, .5);} .banner .swiper-pagination-bullet::after{width: 18px;height: 18px;margin: -9px 0 0 -9px;border: 1px solid #fff;transform: scale(0);} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before{background: #fff;transform: scale(0.5);} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active::after{transform: scale(1);} /* -- */ .banner-hint{position: absolute;transform: translate3d(0,0,10px);z-index: 8;left: 56px;bottom: 0;pointer-events: none;} .banner-hint span{display: block;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;font-size: 14px;color: #fff;font-family: "G";text-transform: uppercase;} .banner-hint i{display: block;width: 1px;position: relative;height: 60px;margin: 16px auto 0;} .banner-hint i::before{content: "";position: absolute;width: 100%;height: 0;opacity: 0;background: #fff;top: 0;left: 0;animation: bannerHint 2.4s ease infinite;} @keyframes bannerHint {0%{opacity: 0;height: 0;top: 0;bottom: auto;}1%{opacity: 1;top: 0;bottom: auto;}49%{opacity: 1;height: 100%;top: 0;bottom: auto;}50%{opacity: 1;top: auto;bottom: 0;}99%{opacity: 1;height: 0;top: auto;bottom: 0;}100%{opacity: 0;top: 0;bottom: auto;}} .indTitle{width: auto;position: relative;z-index: 4;} .indTitle .text, .indTitle .title{line-height: 1.1;position: relative;font-weight: 700;} .indTitle .text{text-transform: uppercase;color: #999;font-family: "G";display: flex;align-items: center;} .indTitle .text span{position: relative;padding-right: 18px;} .indTitle .text span::after{content: "";position: absolute;right: -60px;width: 60px;height: 2px;background: #d9a674;top: 50%;margin-top: -1px;} .indTitle .title{font-family: "H";color: #333;margin-left: -6px;} .indTitle.white .text, .indTitle.white .title{color: #fff;} .indTitle.white .text span::after{background: #fff;} .indMore{width: 200px;height: 56px;border: 1px solid #333;position: relative;display: flex;align-items: center;justify-content: center;font-family: "GB";text-transform: uppercase;overflow: hidden;transition: border .4s ease;} .indMore span{position: relative;z-index: 4;padding-right: 40px;color: #333;background: url('../images/index/moreArr.png') no-repeat right center;transition: all .3s linear;} .indMore::before{content: "";position: absolute;z-index: 1;background: #006650;transition: all .4s linear;width: 300px;height: 200px;transform-origin: 0 0;border-radius: 50%;top: 100%;right: 100%;} .indMore:hover{border-color: #006650;} .indMore:hover span{color: #fff;background-image: url('../images/index/moreArrH.png');} .indMore:hover::before{top: -50px;right: -50px;} .indMore.white{border-color: #fff;} .indMore.white span{color: #fff;background-image: url('../images/index/moreArrH.png');} .indMore.white::before{background: #fff;} .indMore.white:hover span{color: #333;background-image: url('../images/index/moreArr.png');} .indgy{background: #f1f2f3 url('../images/index/indgyBg.png') no-repeat right 16% bottom/36.6% auto;} .indgy-wrap{width: 100%;} .indgy-wrap .contain{width: 100%;padding-left: calc(50% - 700px);align-items: flex-start;} .indgy-info{width: calc(100% - 920px);padding: 16px 116px 0 0;} .indgy-info-more{width: 100%;} .indgy-info-more .title{line-height: 1.1;font-weight: 500;} .indgy-info-more .title b{font-weight: 500;} .indgy-info-more .text{width: 100%;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;} .indgy-info-more .text p:not(:first-child){margin-top: 4px;} .indgy-image{width: 920px;} .indgy-image img{width: 100%;} .indgy-number{width: 100%;} .indgy-number ul{justify-content: space-between;} .indgy-number li{width: auto;position: relative;} .indgy-number li:first-child{padding-left: 0;} .indgy-number li:last-child{padding-right: 0;} .indgy-number li .num{display: flex;color: #006650;line-height: 1;} .indgy-number li .num span{font-family: Arial;line-height: 0.8;margin-right: 6px;} .indgy-number li:not(:first-child)::before{content: "";position: absolute;width: 1px;height: 100%;left: -95px;top: 0;background: #cccccc;} .indgy-number li:nth-child(2) .num{width: 195px;} .indgy-number li:nth-child(3) .num{width: 156px;} .indgy-number li:nth-child(4) .num{width: 105px;} .indcp{background: #fff;} .indcp-head{width: 100%;position: relative;display: flex;} .indcp-head .indTitle{background: #fff;} .indcp-head-logo{position: absolute;height: 146px;bottom: -46px;right: calc(700px - 50vw);animation: indcpRun 6s linear infinite;} .indcp-head-logo img{height: 100%;} @keyframes indcpRun{0%{transform: translateX(0);}50%{transform: translateX(-80px);}100%{transform: translateX(0);}} .indcp-head-line{width: 0;height: 1px;position: absolute;left: 0;background: #aeaeae;bottom: 24px;} .widthAni{animation: widthAni 1.3s ease forwards;} @keyframes widthAni {0%{width: 0;}100%{width: 100%;}} .indcp-loop{width: 100%;} .indcp-loop .swiper-container{overflow: visible;} .indcp-loop .swiper-wrapper{flex-wrap: nowrap;width: auto;margin-left: -8px;} .indcp-loop .swiper-slide{width: 150px;margin-left: 8px;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;} .indcp-loop .swiper-slide.active{width: calc(100% - 150px*3 - 8px*4);} .indcp-loop .swiper-slide:nth-child(1), .indcp-loop .swiper-slide:nth-child(5){margin-top: 60px;} .indcp-loop .swiper-slide:nth-child(2), .indcp-loop .swiper-slide:nth-child(4), .indcp-loop .swiper-slide:nth-child(6){margin-top: 30px;} /* -- */ .indcp-items{width: 100%;position: relative;overflow: hidden;height: 500px;color: #fff;transform: translate3d(0,0,0);} .indcp-items img{height: 100%;position: absolute;max-width: none;object-fit: fill;top: 0;left: 50%;transform: translateX(-50%);} .indcp-items::before, .indcp-items::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;transition: all .4s ease;} .indcp-items::before{background: rgba(0, 0, 0, .3);} .indcp-items::after{background:linear-gradient(to right,rgba(0,0,0,.5),transparent);opacity: 0;} .indcp-items-hint{position: absolute;transition: all .4s ease .4s;writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;top: 40px;width: 34px;line-height: 34px;text-align: center;left: 50%;margin-left: -17px;z-index: 4;padding-top: 60px;letter-spacing: 10px;} .indcp-items-hint::before{content: "";position: absolute;width: 20px;height: 20px;border-radius: 50%;border: 3px solid #fff;top: 0;left: 0;right: 0;margin: 0 auto;} .indcp-items-mix{opacity: 0;transition: all .4s ease;position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: space-between;z-index: 5;padding: 90px 60px 60px;} .indcp-items-mix .cont .title{line-height: 1.1;} .indcp-items-mix .cont .text{font-family: "G";text-transform: uppercase;} .indcp-items-mix .cont{opacity: 0;transform: translateY(50px);} .indcp-items-mix .link{opacity: 0;transform: translateY(-50px);} .indcp-loop .swiper-slide.active .indcp-items::before{opacity: 0;transition: all .4s ease .4s;} .indcp-loop .swiper-slide.active .indcp-items::after{opacity: 1;transition: all .4s ease .4s;} .indcp-loop .swiper-slide.active .indcp-items-hint{opacity: 0;transition: all .4s ease;} .indcp-loop .swiper-slide.active .indcp-items-mix{opacity: 1;transition: all .4s ease .4s;} .indcp-loop .swiper-slide.active .indcp-items-mix .cont{opacity: 1;transform: translateY(0);transition: all .6s ease .5s;} .indcp-loop .swiper-slide.active .indcp-items-mix .link{opacity: 1;transform: translateY(0);transition: all .6s ease .5s;} /* -- */ .indcp-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;} .indcp-loop .swiper-pagination-bullet{background: #999;opacity: 1;margin: 0 0 0 8px !important;} .indcp-loop .swiper-pagination-bullet:first-child{margin: 0 !important;} .indcp-loop .swiper-pagination-bullet-active {background: #006650;} .indyy{background: #fff;} .indyy-bg{width: 100%;height: 780px;} .indyy>.swiper-container>.swiper-wrapper>.swiper-slide{overflow: hidden;} /* -- */ .indyy-1{position: absolute;width: 690px;left: 0;right: 0;margin: 0 auto;height: 614px;top: 50%;margin-top: -307px;z-index: 2;display: flex;align-items: center;justify-content: center;} .indyy-1-img{width: 100%;} .indyy-1-mix{position: absolute;width: 100%;height: 100%;top: -44px;left: 0;z-index: 3;} .indyy-1-items{position: absolute;height: 106px;border-bottom: 1px solid rgba(255, 255, 255, .3);padding-top: 60px;left: -42.5%;transition: border .4s ease;} .indyy-1-items:nth-child(2n){left: auto;right: -42.5%;} .indyy-1-items.it1, .indyy-1-items.it2{top: 0;} .indyy-1-items.it3, .indyy-1-items.it4{top: calc(106px*1);} .indyy-1-items.it5, .indyy-1-items.it6{top: calc(106px*2);} .indyy-1-items.it7, .indyy-1-items.it8{top: calc(106px*3);} .indyy-1-items.it9, .indyy-1-items.it10{top: calc(106px*4);} .indyy-1-items.it11,.indyy-1-items.it12{top: calc(106px*5);} .indyy-1-items .text{padding-left: 24px;transition: all .4s ease;position: relative;} .indyy-1-items .text::before, .indyy-1-items .text::after{content: "";position: absolute;border-radius: 50%;transition: all .4s ease;} .indyy-1-items .text::before{width: 8px;height: 8px;background: #fff;left: 4px;top: 8px;} .indyy-1-items .text::after{width: 16px;height: 16px;top: 4px;left: 0;border: 1px solid #fff;} .indyy-1-items:nth-child(2n) .text{padding-left: 0;padding-right: 24px;text-align: right;} .indyy-1-items:nth-child(2n) .text::before{left: auto;right: 4px;} .indyy-1-items:nth-child(2n) .text::after{left: auto;right: 0;} .indyy-1-items.it1{width: 85.2%;} .indyy-1-items.it2{width: 53.6%;} .indyy-1-items.it3{width: 71.88%;} .indyy-1-items.it4{width: 47.2%;} .indyy-1-items.it5{width: 55.36%;} .indyy-1-items.it6{width: 38.55%;} .indyy-1-items.it7{width: 38.55%;} /* */ .indyy-1-items.it9{width: 80.28%;} /* */ .indyy-1-items.it8{width: 70.1%;} .indyy-1-items.it9{width: 50%;} .indyy-1-items.it10{width: 61.73%;} .indyy-1-items.it11{width: 57%;} .indyy-1-items.it12{width: 71.88%;} .indyy-1-items .dot{width: 1px;height: 1px;position: absolute;z-index: 4;} .indyy-1-items .dot i, .indyy-1-items .dot::before, .indyy-1-items .dot::after{position: absolute;border-radius: 50%;left: 50%;top: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;} .indyy-1-items .dot i{z-index: 2;background: #fff;} .indyy-1-items .dot::before, .indyy-1-items .dot::after{content: "";z-index: 2;animation: indyy1Run 1.5s linear infinite;} .indyy-1-items .dot::before{background: rgba(0, 102, 80, .6);animation-delay: 0s;} .indyy-1-items .dot::after{background: rgba(255, 255, 255, .4);animation-delay: .4s;} @keyframes indyy1Run{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(7)}} .indyy-1-items.it1 .dot{right: 0%;bottom: 0%;} .indyy-1-items.it2 .dot{left: -28%;bottom: -98%;} .indyy-1-items.it3 .dot{right: 0%;bottom: 0%;} .indyy-1-items.it4 .dot{left: -34%;bottom: -92%;} .indyy-1-items.it5 .dot{right: 0%;bottom: 0%;} .indyy-1-items.it6 .dot{left: -42%;bottom: -64%;} .indyy-1-items.it7 .dot{right: -37%;bottom: 19%;} .indyy-1-items.it8 .dot{left: 0%;bottom: 0%;} .indyy-1-items.it9 .dot{right: -61%;bottom: 105%;} .indyy-1-items.it10 .dot{left: -27%;bottom: 82%;} .indyy-1-items.it11 .dot{right: -34%;bottom: 108%;} .indyy-1-items.it12 .dot{left: -30%;bottom: 78%;} .indyy-1-items .line{background: rgba(255, 255, 255, .3);height: 1px;position: absolute;bottom: -1px;transform-origin: left top;transition: background .4s ease;} .indyy-1-items:nth-child(2n) .line{transform-origin: right top;} .indyy-1-items.it2 .line{width: 144px;left: -144px;transform: rotate(-45deg);} .indyy-1-items.it4 .line{width: 144px;left: -144px;transform: rotate(-40.8deg);} .indyy-1-items.it6 .line{width: 130px;left: -130px;transform: rotate(-31deg);} /* */ .indyy-1-items.it7 .line{width: 95px;right: -95px;transform: rotate(-13deg);} .indyy-1-items.it9 .line{width: 240px;right: -240px;transform: rotate(-28deg);} .indyy-1-items.it11 .line{width: 175px;right: -175px;transform: rotate(-40.5deg);} /* */ .indyy-1-items.it10 .line{width: 144px;left: -144px;transform: rotate(37.2deg);} .indyy-1-items.it12 .line{width: 170px;left: -170px;transform: rotate(29deg);} .indyy-1-items:hover .text{color: #d9a674;} .indyy-1-items:hover .text::before{background: #d9a674;} .indyy-1-items:hover .text::after{border-color: #d9a674;} .indyy-1-items:hover{border-color: #d9a674;} .indyy-1-items:hover .line{background: #d9a674;} /* -- */ .indyy-2{width: 480px;height: 480px;position: absolute;z-index: 2;left: 0;right: 0;margin: 0 auto;top: 50%;margin-top: -240px;display: flex;align-items: center;justify-content: center;} .indyy-2::before, .indyy-2::after{content: "";position: absolute;} .indyy-2::before{width: 756px;height: 756px;animation: indyy2QF 50s linear infinite;top: 50%;left: 50%;margin: -378px 0 0 -378px;background: url('../images/index/indyy2qq1.png') no-repeat center/100% auto;} .indyy-2::after{width: 586px;height: 586px;animation: indyy2Q 20s linear infinite;top: 50%;left: 50%;margin: -293px 0 0 -293px;background: url('../images/index/indyy2qq2.png') no-repeat center/100% auto;} @keyframes indyy2QF{0%{transform: rotate(0);}100% {transform: rotate(-360deg);}} @keyframes indyy2Q{0%{transform: rotate(0);}100% {transform: rotate(360deg);}} .indyy-2-menu{position: absolute;z-index: 8;width: 100%;height: 100%;top: 0;left: 0;user-select: none;} .indyy-2-menu-link{position: absolute;cursor: pointer;display: flex;align-items: center;left: -47.5%;} .indyy-2-menu-link .icon{position: relative;width: 60px;height: 60px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;transition: all .4s ease;} .indyy-2-menu-link .icon::before{content: "";position: absolute;width: 80px;height: 80px;border-radius: 50%;border: 1px dashed #fff;left: 50%;top: 50%;margin: -40px 0 0 -40px;transition: all .4s ease;} .indyy-2-menu-link .icon p{position: relative;line-height: 1;} .indyy-2-menu-link .icon img{max-width: 41px;max-height: 34px;transition: all .4s ease;} .indyy-2-menu-link .icon img.h{position: absolute;top: 0;left: 0;opacity: 0;} .indyy-2-menu-link .cont{margin-left: 30px;} .indyy-2-menu-link .num{font-family: Arial;line-height: 1;} .indyy-2-menu-link .text{margin-top: 2px;max-width: 96px;} .indyy-2-menu-link.lk3, .indyy-2-menu-link.lk4{flex-direction: row-reverse;text-align: right;} .indyy-2-menu-link.lk3 .cont, .indyy-2-menu-link.lk4 .cont{margin-left: 0;margin-right: 30px;} .indyy-2-menu-link.lk1, .indyy-2-menu-link.lk2{left: auto;right: -47.5%;} .indyy-2-menu-link.lk1, .indyy-2-menu-link.lk4{top: 0%;} .indyy-2-menu-link.lk2, .indyy-2-menu-link.lk3{bottom: 0%;} .indyy-2-menu-link:hover .icon, .indyy-2-menu-link.active .icon{background: #006650;} .indyy-2-menu-link:hover .icon img.s, .indyy-2-menu-link.active .icon img.s{opacity: 0;} .indyy-2-menu-link:hover .icon img.h, .indyy-2-menu-link.active .icon img.h{opacity: 1;} .indyy-2-menu-link.active .icon::before{border-color: #006650;} .indyy-2-loop{width: 100%;height: 100%;border-radius: 50%;background: rgba(255, 255, 255, .5);position: relative;} .indyy-2-loop::before{content: "";position: absolute;background: #006650;width: calc(100% - 80px);height: calc(100% - 80px);top: 40px;left: 40px;border-radius: 50%;} .indyy-2-loop .swiper-container{width: calc(100% - 160px);top: 100px;position: absolute;left: 0;right: 0;margin: 0 auto;color: #fff;text-align: center;padding-bottom: 40px;} .indyy-2-loop-items{width: 100%;} .indyy-2-loop-items .icon{width: 60px;height: 46px;display: flex;align-items: flex-end;justify-content: center;margin: 0 auto;} .indyy-2-loop-items .icon img{max-height: 100%;} .indyy-2-loop-items .title{line-height: 1.1;} .indyy-2-loop-items .text p br{height: 12px;} .indyy-2-loop-items .num{line-height: 1.1;font-family: Arial;color: rgba(255, 255, 255, .3);} .indyy-2-loop-items .icon, .indyy-2-loop-items .title, .indyy-2-loop-items .text, .indyy-2-loop-items .num{opacity: 0;} .indyy-2 .swiper-slide-active .indyy-2-loop-items .icon{animation: indyy2cont 1s ease both .4s;} .indyy-2 .swiper-slide-active .indyy-2-loop-items .title{animation: indyy2cont 1s ease both .5s;} .indyy-2 .swiper-slide-active .indyy-2-loop-items .text{animation: indyy2cont 1s ease both .6s;} .indyy-2 .swiper-slide-active .indyy-2-loop-items .num{animation: indyy2cont 1s ease both .7s;} @keyframes indyy2cont {0%{opacity: 0;transform: translateY(40px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}} /* -- */ .indyy-3{width: 407px;height: 470px;position: absolute;z-index: 2;left: 0;right: 0;margin: 0 auto;top: 50%;margin-top: -235px;background: url('../images/index/indyy3L3.png') no-repeat center/auto 100%;} .indyy-3::before, .indyy-3::after{content: "";position: absolute;} .indyy-3::before{width: 846px;height: 976px;top: 50%;left: 50%;margin: -488px 0 0 -423px;background: url('../images/index/indyy3L1.png') no-repeat center/100% auto;} .indyy-3::after{width: 570px;height: 658px;top: 50%;left: 50%;margin: -329px 0 0 -285px;background: url('../images/index/indyy3L2.png') no-repeat center/100% auto;} .indyy-3-menu{width: 1028px;height: 34px;position: absolute;z-index: 4;top: 50%;left: 50%;margin: -17px 0 0 -514px;user-select: none;} .indyy-3-menu-link{display: flex;align-items: center;height: 34px;color: #fff;position: absolute;top: 0;cursor: pointer;} .indyy-3-menu-link .text{line-height: 1.1;margin-left: 16px;} .indyy-3-menu-link i{width: 8px;height: 8px;border-radius: 50%;position: relative;display: block;} .indyy-3-menu-link i::before, .indyy-3-menu-link i::after{content: "";position: absolute;background: #fff;transition: all .4s ease;border-radius: 50%;} .indyy-3-menu-link i::before{width: 20px;height: 20px;opacity: 0.3;left: 50%;top: 50%;margin: -10px 0 0 -10px;} .indyy-3-menu-link i::after{width: 100%;height: 100%;top: 0;left: 0;} .indyy-3-menu-link.active i::before, .indyy-3-menu-link:hover i::before{background: #006650;opacity: 0.5;} .indyy-3-menu-link.active i::after, .indyy-3-menu-link:hover i::after{background: #d9a674;} .indyy-3-menu-link.lk1, .indyy-3-menu-link.lk2{flex-direction: row-reverse;} .indyy-3-menu-link.lk1 .text, .indyy-3-menu-link.lk2 .text{margin-left: 0;margin-right: 16px;} .indyy-3-menu-link.lk1{left: 0%;} .indyy-3-menu-link.lk2{left: 13.4%;} .indyy-3-menu-link.lk3{right: 13.4%;} .indyy-3-menu-link.lk4{right: 0%;} .indyy-3-loop{width: 100%;position: absolute;z-index: 2;top: 100px;left: 0;padding: 0 48px;} .indyy-3-loop .swiper-container{padding-bottom: 40px;color: #fff;text-align: center;} .indyy-3-loop-items{width: 100%;} .indyy-3-loop-items .icon{width: 60px;height: 46px;display: flex;align-items: flex-end;justify-content: center;margin: 0 auto;} .indyy-3-loop-items .icon img{max-height: 100%;} .indyy-3-loop-items .title{line-height: 1.1;} .indyy-3-loop-items .text p br{height: 12px;} .indyy-3-loop-items .icon, .indyy-3-loop-items .title, .indyy-3-loop-items .text{opacity: 0;} .indyy-3 .swiper-slide-active .indyy-3-loop-items .icon{animation: indyy3cont 1s ease both .4s;} .indyy-3 .swiper-slide-active .indyy-3-loop-items .title{animation: indyy3cont 1s ease both .5s;} .indyy-3 .swiper-slide-active .indyy-3-loop-items .text{animation: indyy3cont 1s ease both .6s;} .indyy-3 .swiper-slide-active .indyy-3-loop-items .num{animation: indyy3cont 1s ease both .7s;} @keyframes indyy3cont {0%{opacity: 0;transform: translateY(40px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}} /* -- */ .indyy-prev, .indyy-next{position: absolute;width: 60px;height: 60px;top: 50%;margin-top: -30px;border-radius: 50%;border: 1px solid #fff;background: url('../images/index/btnArrH.png') no-repeat center;cursor: pointer;transition: all .4s ease;transform: translate3d(0,0,10px);z-index: 8;} .indyy-prev{transform: rotateY(180deg);left: 7%;} .indyy-next{right: 7%;} .indyy-prev:hover, .indyy-next:hover{border-color: transparent;background-color: rgba(255, 255, 255, .3);} .indyy .swiper-pagination{bottom: 40px;font-size: 0;} .indyy .swiper-pagination-bullet{background: #d9a674;opacity: 1;margin: 0 0 0 20px !important;position: relative;transition: all .4s ease;} .indyy .swiper-pagination-bullet::before{content: "";position: absolute;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #d9a674;left: 50%;top: 50%;margin: -6px 0 0 -6px;transform: scale(0);transition: all .4s ease;} .indyy .swiper-pagination-bullet:first-child{margin: 0 !important;} .indyy .swiper-pagination-bullet-active{background: transparent;} .indyy .swiper-pagination-bullet-active::before{transform: scale(1);} .indal, .indhz{background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: fixed;} .indal-head{position: absolute;z-index: 4;width: 100%;top: 100px;left: 0;pointer-events: none;} .indal-mix .contain{width: 100%;padding-right: calc(50% - 700px);} .indal-loop{width: 100%;position: relative;} .indal-loop img{width: 100%;object-fit: cover;height: 720px;} .indal-loop-cont{position: absolute;width: 100%;left: 0;bottom: 100px;padding-left: calc(50vw - 700px);} .indal-loop-cont .name{line-height: 1;} .indal-loop-cont .text{width: 100%;padding-left: 28px;position: relative;} .indal-loop-cont .text::before{content: "\e768";font-family: "icon";position: absolute;left: 0;top: 0;font-size: 18px;} .indal-loop-cont .name, .indal-loop-cont .text{opacity: 0;} .swiper-slide-active .indal-loop-cont .name{animation: indalRun 1s ease both .8s;} .swiper-slide-active .indal-loop-cont .text{animation: indalRun 1s ease both .9s;} @keyframes indalRun {0%{opacity: 0;transform: translateY(60px);filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}} .indal-control{width: 100%;justify-content: flex-end;align-items: center;} .indal-control .swiper-pagination{font-size: 0;position: relative;bottom: 0;margin: 0 20px;} .indal-control .swiper-pagination-bullet{background: #fff;opacity: 1;margin: 0 0 0 12px !important;} .indal-control .swiper-pagination-bullet:first-child{margin: 0 !important;} .indal-control .swiper-pagination-bullet-active {background: #006650;} .indal-prev, .indal-next{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #333;background: url('../images/index/btnArr.png') no-repeat center;cursor: pointer;transition: all .4s ease;} .indal-prev{transform: rotateY(180deg);} .indal-prev:hover, .indal-next:hover{border-color: #006650;background-image: url('../images/index/btnArrH.png');background-color: #006650;} .indxw{background: #f1f2f3;} .indxw-head{width: 100%;align-items: center;justify-content: space-between;} .indxw-list{width: 100%;} .indxw-items{width: 33.3333%;display: flex;overflow: hidden;background: #fff;flex-wrap: wrap;} .indxw-image, .indxw-cont{width: 100%;height: 320px;position: relative;} .indxw-image{overflow: hidden;} .indxw-image img{width: 100%;height: 100%;transition: all .6s ease;} .indxw-cont{padding: 50px 40px;display: flex;flex-direction: column;justify-content: space-between;transform: translate3d(0,0,10px);z-index: 4;} .indxw-cont-t{width: 100%;} .indxw-cont-t .title{color: #000;transition: all .4s ease;} .indxw-cont-t .text{color: #999;} .indxw-cont-b{width: 100%;display: flex;justify-content: space-between;align-items: center;} .indxw-cont-b .time{line-height: 1.1;} .indxw-cont-b .link{line-height: 1.1;position: relative;transition: color .4s ease;} .indxw-cont-b .link::before{content: "";position: absolute;width: calc(100% + 16px);left: -8px;bottom: -6px;background: #999;height: 1px;transition: all .4s ease;} .indxw-cont::before{content: "";position: absolute;left: 50%;margin-left: -9px;top: -12px;border-left: 9px solid transparent;border-right: 9px solid transparent;border-bottom: 12px solid rgba(255, 255, 255, .7);width: 0;height: 0;} .indxw-items:hover .indxw-image img{transform: scale(1.06);} .indxw-items:hover .indxw-cont-t .title{color: #006650;} .indxw-items:hover .indxw-cont-b .link{color: #006650;} .indxw-items:hover .indxw-cont-b .link::before{background: #006650;} .indxw-items:nth-child(2n){flex-direction: column-reverse;} .indxw-items:nth-child(2n) .indxw-cont::before{transform: rotate(180deg);top: auto;bottom: -12px;} .indhz{width: 100%;} .indhz-header{justify-content: space-between;align-items: flex-end;} .indhz-nav{border-top: 1px solid rgba(255, 255, 255, .3);} .indhz-nav-item{width: 80px;margin-left: 40px;position: relative;} .indhz-nav-item:first-child{margin-left: 0;} .indhz-nav-item::after{content: "";position: absolute;left: 0;top: -1px;width: 0;height: 2px;background: #fff;transition: all .4s ease;} .indhz-nav-item.active::after{width: 100%;} .indhz-nav-item:nth-child(2){text-align: center;} .indhz-nav-item:nth-child(3){text-align: right;} .indhz-loop{width: 100%;} .indhz-list{width: 100%;} .indhz-ul{margin: -20px 0 0 -20px;} .indhz-link{width: calc(20% - 20px);background: #fff;margin: 20px 0 0 20px;height: 96px;border-radius: 5px;padding: 8px;display: flex;align-items: center;justify-content: center;transition: all .4s ease;} .indhz-link img{max-height: 80%;transition: all .4s ease;max-width: 80%;} .indhz-link:hover{box-shadow: 0 4px 16px 0 rgba(255, 255, 255, .5);} .indhz-link:hover img{transform: translateY(-2px);} .indhz-loop .swiper-pagination{bottom: 0;font-size: 0;display:none;position: relative;} .indhz-loop .swiper-pagination-bullet{background: #999;opacity: 1;margin: 0 0 0 8px !important;} .indhz-loop .swiper-pagination-bullet:first-child{margin: 0 !important;} .indhz-loop .swiper-pagination-bullet-active {background: #006650;} /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px) { /* 1600 × (900) */ .indyy-prev{left: 3%;} .indyy-next{right: 3%;} } @media all and (max-width:1590px) { /* 1440 × (700) */ .banner-hint {left: 40px;} .banner .slide2 .banner-cont img.logo {width: 389px;top: 120px;} .banner .slide2 .banner-cont img.text {width: 570px;top: calc(15% + 120px);} .banner-cont-box {max-width: 586px;} .banner-cont-list li .text{font-size: 13px;} .banner-cont-list ul {margin-top: -20px;} .banner-cont-list li {max-width: calc(50% - 12px);margin-top: 20px;} .indgy-wrap .contain {padding-left: calc(50% - 600px);} .indgy-image {width: 710px;} .indgy-info {width: calc(100% - 710px);padding: 0 60px 0 0;} .indMore {width: 168px;height: 50px;} .indgy-number li:nth-child(2) .num {width: 145px;} .indgy-number li:nth-child(3) .num {width: auto;} .indgy-number li:nth-child(4) .num{width: 85px;} .indcp-head-line {bottom: 18px;} .indcp-head-logo {height: 110px;bottom: -34px;right: calc(600px - 50vw);} .indcp-items {height: 440px;} .indcp-items-hint::before {width: 16px;height: 16px;} .indcp-items-hint {padding-top: 36px;letter-spacing: 8px;top: 32px;} .indcp-loop .swiper-slide {width: 130px;} .indcp-loop .swiper-slide.active {width: calc(100% - 130px*3 - 8px*4);} .indcp-loop .swiper-slide:nth-child(1), .indcp-loop .swiper-slide:nth-child(5) {margin-top: 48px;} .indcp-loop .swiper-slide:nth-child(2), .indcp-loop .swiper-slide:nth-child(4), .indcp-loop .swiper-slide:nth-child(6) {margin-top: 24px;} .indcp-items-mix {padding: 70px 50px 50px;} .indyy-1 {width: 600px;height: 534px;margin-top: -267px;} .indyy-1-items {height: 94px;padding-top: 52px;} .indyy-1-items.it3, .indyy-1-items.it4{top: calc(94px*1);} .indyy-1-items.it5, .indyy-1-items.it6{top: calc(94px*2);} .indyy-1-items.it7, .indyy-1-items.it8{top: calc(94px*3);} .indyy-1-items.it9, .indyy-1-items.it10{top: calc(94px*4);} .indyy-1-items.it11,.indyy-1-items.it12{top: calc(94px*5);} .indyy-1-items.it2 .line {width: 126px;left: -126px;transform: rotate(-45.5deg);} .indyy-1-items.it4 .line {width: 128px;left: -128px;transform: rotate(-41.4deg);} .indyy-1-items.it6 .line {width: 110px;left: -110px;transform: rotate(-31deg);} .indyy-1-items.it10 .line {width: 126px;left: -126px;transform: rotate(37.8deg);} .indyy-1-items.it12 .line {width: 148px;left: -148px;transform: rotate(29.5deg);} .indyy-bg {height: 700px;} .indyy-2 {width: 420px;height: 420px;margin-top: -210px;} .indyy-2::before {width: 656px;height: 656px;margin: -328px 0 0 -328px;} .indyy-2::after {width: 510px;height: 510px;margin: -255px 0 0 -255px;} .indyy-2-loop::before {width: calc(100% - 60px);height: calc(100% - 60px);top: 30px;left: 30px;} .indyy-2-loop .swiper-container{top: 90px;} .indyy-3 {width: 381px;height: 440px;margin-top: -220px;} .indyy-3::before {width: 750px;height: 900px;margin: -450px 0 0 -375px;} .indyy-3::after {width: 504px;height: 600px;margin: -300px 0 0 -252px;} .indyy-3-menu {width: 916px;margin: -17px 0 0 -458px;} .indyy-3-loop {padding: 0 30px;} .indal-mix .contain {padding-right: calc(50% - 600px);} .indal-loop-cont {bottom: 70px;padding-left: calc(50vw - 600px);} .indyy-prev, .indyy-next {width: 50px;height: 50px;margin-top: -25px;} .indal-head{top: 70px;} .indal-prev, .indal-next{width: 50px;height: 50px;} .indxw-image, .indxw-cont{height: 280px;} .indxw-cont {padding: 40px 32px;} .indgy-number li:not(:first-child)::before {left: -82px;} .indal-loop img{height: 600px;} } @media all and (max-width:1430px) { /* 1360 */ .indgy-info-more .text{font-size: 15px;line-height: 24px;} .indgy-info {padding: 0 50px 0 0;} .indyy-prev{left: 2%;} .indyy-next{right: 2%;} } @media all and (max-width:1350px) { /* 1280 */ .indyy-prev{left: 1%;} .indyy-next{right: 1%;} } @media all and (max-width:1270px) { /* 1152 × (700) */ .banner .slide2 .banner-cont img.logo {width: 347px;} .banner .slide2 .banner-cont img.text {width: 502px;} .banner-cont-list ul {margin-top: -16px;} .banner-cont-list li {width: 100%;max-width: none;margin-top: 16px;} .banner-cont-head .text span:not(:first-child) {margin-left: 20px;} .banner-cont-head .title{font-size: 30px;} .banner-cont-box {max-width: 440px;} .indgy-wrap .contain {padding-left: calc(50% - 480px);} .indgy-image {width: 600px;} .indgy-info {width: calc(100% - 600px);padding: 0 40px 0 0;} .indMore {width: 152px;height: 48px;} .indgy-number li:nth-child(2) .num {width: 127px;} .indgy-number li:nth-child(4) .num{width: 77px;} .indgy-number li:not(:first-child)::before {left: -58px;} .indcp-head-line {bottom: 16px;} .indcp-head-logo {height: 90px;bottom: -28px;right: calc(480px - 50vw);} .indcp-loop .swiper-slide {width: 110px;} .indcp-loop .swiper-slide.active {width: calc(100% - 110px*3 - 8px*4);} .indcp-items {height: 328px;} .indcp-items-mix {padding: 50px 40px 40px;} .indyy-prev, .indyy-next{display: none;} .indyy-1 {width: 480px;height: 430px;margin-top: -215px;} .indyy-1-items .text::before {top: 7px;} .indyy-1-items .text::after{top: 3px;} .indyy-1-items {height: 74px;padding-top: 35px;} .indyy-1-items.it3, .indyy-1-items.it4{top: calc(74px*1);} .indyy-1-items.it5, .indyy-1-items.it6{top: calc(74px*2);} .indyy-1-items.it7, .indyy-1-items.it8{top: calc(74px*3);} .indyy-1-items.it9, .indyy-1-items.it10{top: calc(74px*4);} .indyy-1-items.it11,.indyy-1-items.it12{top: calc(74px*5);} .indyy-1-mix {top: -28px;} .indyy-bg {height: 620px;} .indyy-1-items.it2 .line {width: 102px;left: -102px;transform: rotate(-44deg);} .indyy-1-items.it4 .line {width: 100px;left: -100px;transform: rotate(-41deg);} .indyy-1-items.it6 .line {width: 90px;left: -90px;transform: rotate(-30.5deg);} .indyy-1-items.it10 .line {width: 100px;left: -100px;transform: rotate(37.2deg);} .indyy-1-items.it12 .line {width: 116px;left: -116px;transform: rotate(29deg);} .indyy-2 {width: 390px;height: 390px;margin-top: -195px;} .indyy-2-loop::before {width: calc(100% - 40px);height: calc(100% - 40px);top: 20px;left: 20px;} .indyy-2-loop .swiper-container {width: calc(100% - 100px);top: 80px;} .indyy-2::before {width: 600px;height: 600px;margin: -300px 0 0 -300px;} .indyy-2::after {width: 470px;height: 470px;margin: -235px 0 0 -235px;} .indyy-3-menu {width: 904px;margin: -17px 0 0 -452px;} .indyy-3::before {width: 746px;height: 900px;margin: -450px 0 0 -373px;} .indyy .swiper-pagination {bottom: 32px;} .indal-mix .contain {padding-right: calc(50% - 480px);} .indal-loop-cont {bottom: 60px;padding-left: calc(50vw - 480px);} .indal-head {top: 60px;} .indxw-image, .indxw-cont{height: 220px;} .indxw-cont {padding: 28px 24px;} .indhz-ul {margin: -12px 0 0 -12px;} .indhz-link {width: calc(20% - 12px);margin: 12px 0 0 12px;height: 88px;} .indal-loop img{height: 500px;} } @media all and (max-width:1140px) { /* 1024 */ .banner .slide1 .banner-cont{display: flex;} .banner .slide1 .banner-cont img {width: 580px;} .banner-image img.pc {height: 60vh;} } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ .banner .slide1 .banner-cont img {width: 427px;} .banner .slide2 .banner-cont img.logo {width: 327px;top: 60px;} .banner .slide2 .banner-cont img.text {width: 468px;top: calc(18% + 60px);right: 12%;} .banner-cont-list li:not(:last-child){display: none;} .banner-cont-head .title {font-size: 26px;} .indgy-wrap .contain {padding: 0 4%;} .indgy-info{width: 100%;padding: 0;} .indgy-image{width: 100%;margin-top: 36px;} .indgy-number li:not(:first-child)::before {left: -26px;} .indcp-head-logo {height: 70px;bottom: -18px;right: -4%;} .indcp-loop .swiper-pagination{display:block;margin-top: 24px;} .indcp-loop .swiper-container{overflow: hidden;} .indcp-loop .swiper-wrapper{justify-content: flex-start;margin: 0;width: 100%;flex-wrap: nowrap;} .indcp-loop .swiper-slide{width: 100%;margin: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;margin-top: 0 !important;} .indcp-items{height: auto;} .indcp-items img {width: 100%;height: 250px;position: static;object-fit: cover;left: 0;transform: translateX(0);} .indcp-items-hint{display: none;} .indcp-items::before{display: none;} .indcp-items::after{opacity: 1;} .indcp-items-mix{opacity: 1;} .indcp-loop .swiper-slide-active .indcp-items-mix .cont{opacity: 1;transform: translateY(0);transition: all .6s ease .8s;} .indcp-loop .swiper-slide-active .indcp-items-mix .link{opacity: 1;transform: translateY(0);transition: all .6s ease .8s;} .indal-mix .contain {padding-right: 4%;} .indal-loop-cont {bottom: 40px;padding-left: 4%;} .indal-head {top: 40px;} .indhz-link {width: calc(33.3333% - 12px);} .indyy-1-items{width: 5px !important;border-bottom: none;height: 5px !important;padding: 0;left: 0;} .indyy-1-items:nth-child(2n), .indyy-1-items.it11{right: 0;} .indyy-1-items .text::after{display: none;} .indyy-1-items .text{position: absolute;padding: 0 !important;color: #fff !important;bottom: 16px;z-index: 5;border-radius: 5px;background: rgba(0, 0, 0, .5);width: 180px;left: 50%;margin-left: -90px;text-align: center !important;height: 68px;display: none;flex-direction: column;align-items: center;justify-content: center;} .indyy-1-items .text::before{position: absolute;left: 50% !important;right: auto;margin-left: -8px;bottom: -8px;top: auto;border-radius: 0;background: transparent !important;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid rgba(0, 0, 0, .5);width: 0;height: 0;} .indyy-1-items .line{display: none;} .indyy-1-items .dot{top: 2px !important;left: 2px !important;bottom: auto !important;right: auto !important;} .indyy-1-items.it1{top: 17%;left: 42%;} .indyy-1-items.it2{top: 33%;right: 25%;} .indyy-1-items.it3{top: 33%;left: 28%;} .indyy-1-items.it4{top: 50%;right: 21%;} .indyy-1-items.it5{top: 52%;left: 12%;} .indyy-1-items.it6{top: 62%;right: 12%;} .indyy-1-items.it7{top: 65%;left: 10%;} .indyy-1-items.it8{top: 69%;right: 27%;} .indyy-1-items.it9{top: 68%;left: 36%;} .indyy-1-items.it10{top: 72%;right: 34%;} .indyy-1-items.it11{top: 84%;left: 34%;} .indyy-1-items.it12{top: 89%;right: 50%;} .indyy-2-menu-link{left: -40%;} .indyy-2-menu-link.lk1, .indyy-2-menu-link.lk2 {left: auto;right: -40%;} .indyy-2 {width: 370px;height: 370px;margin-top: -185px;} .indyy-2::before {width: 520px;height: 520px;margin: -260px 0 0 -260px;} .indyy-2::after {width: 410px;height: 410px;margin: -205px 0 0 -205px;} .indyy-3::before, .indyy-3::after{display: none;} .indyy-3 {margin-top: -260px;} .indyy-3-menu{width: 680px;margin: 0 0 0 -340px;top: auto;bottom: -60px;display: flex;justify-content: center;} .indyy-3-menu-link{position: static;flex-direction: row !important;} .indyy-3-menu-link .text{margin: 0 0 0 16px !important;} .indyy-3-menu-link:not(:first-child){margin-left: 40px;} .indxw-ul{margin-top: -16px;} .indxw-items{flex-direction: column !important;width: 100%;margin-top: 16px;} .indxw-items:nth-child(2n) .indxw-cont::before {transform: rotate(0);top: -12px;bottom: auto;} .indxw-image, .indxw-cont {height: auto;} .indxw-cont-b{margin-top: 28px;} .banner-hint {left: 3%;} .indal-loop img{min-height: 240px;} .indxw-cont::before{display: none;} .indgy {background: #f1f2f3;} } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ .banner-hint span{font-size: 12px;} .banner-hint i {height: 32px;margin: 10px auto 0;} .banner .swiper-pagination-bullet {margin: 0 0 0 28px !important;} .banner .swiper-pagination {bottom: 36px;} .banner .slide1 .banner-cont img {width: 270px;} .banner .slide2 .banner-cont img.logo {width: 284px;top: 36px;} .banner .slide2 .banner-cont img.text {width: 92%;top: calc(18% + 60px);right: 4%;} .banner-cont-head .title {font-size: 24px;letter-spacing: 4px;} .banner-cont-box{max-width: none;width: 100%;} .banner-cont-head .text span:not(:first-child) {margin-left: 12px;} .banner-cont-head .text{font-size: 16px;} .indTitle .title {margin-left: -4px;} .indTitle .text span::after {right: -40px;width: 40px;} .indTitle .text span {padding-right: 12px;} .indgy-info-more .text {font-size: 14px;line-height: 22px;} .indMore span {padding-right: 30px;} .indMore {width: 120px;height: 38px;padding-bottom: 2px;} .indgy-image {margin-top: 24px;} .indgy-number li:nth-child(2), .indgy-number li:nth-child(3){width: 50%;margin-bottom: 16px;} .indgy-number li .num{justify-content: center;} .indgy-number li .num span {margin-right: 4px;font-size: 24px;} .indgy-number li:nth-child(2) .num {width: auto;} .indgy-number li:nth-child(2)::before{display: none;} .indgy-number li:not(:first-child)::before{left: 0;} .indgy-number li .text{font-size: 12px;} .indgy-number li{order: 3;width: 33.333%;text-align: center;} .indgy-number li:nth-child(2){order: 1;} .indgy-number li:nth-child(3){order: 2;} .indgy-number li:nth-child(4) .num{width: auto;} .indgy-number{margin-top: 28px;} .indcp-head-line {bottom: 13px;} .indcp-head-logo {height: 24px;bottom: 2px;right: -4%;} .indcp-items-mix {padding: 24px 15px 20px;} .indyy-1 {width: 320px;height: 286px;margin-top: -143px;} .indyy-1-mix {top: -20px;} .indyy-2 {width: 300px;height: 300px;margin-top: -190px;} .indyy-2::before, .indyy-2::after{display: none;} .indyy-2-loop::before {width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px;} .indyy-2-loop .swiper-container {width: calc(100% - 80px);top: 60px;} .indyy-2-menu-link {left: 0;} .indyy-2-menu-link.lk1, .indyy-2-menu-link.lk2 {left: auto;right: 0;} .indyy-1-items .text {width: 150px;margin-left: -75px;height: 60px;} .indyy-1-items.it5 .text{left: 16px;margin-left: 0;bottom: auto;top: 50%;margin-top: -30px;} .indyy-1-items.it5 .text::before{transform: rotate(90deg);left: -12px !important;margin-left: 0;top: 50%;margin-top: -4px;bottom: auto;} .indyy-1-items.it6 .text{left: auto;right: 16px;margin-left: 0;bottom: auto;top: 50%;margin-top: -30px;} .indyy-1-items.it6 .text::before{transform: rotate(-90deg);left: auto !important;right: -12px !important;margin-left: 0;top: 50%;margin-top: -4px;bottom: auto;} .indyy-2-menu-link .icon {display: none;} .indyy-2-menu-link .text {margin-top: 2px;max-width: 62px;font-size: 15px;} .indyy-2-menu-link .cont {margin: 0 !important;text-align: center;} .indyy-2-menu{width: 320px;margin: 0 0 0 -160px;left: 50%;height: auto;top: auto;bottom: -68px;display: flex;align-items: center;justify-content: center;} .indyy-2-menu-link{position: static;} .indyy-2-menu-link:not(:first-child){margin-left: 20px;} .indyy-2-menu-link .num{width: 30px;height: 30px;border-radius: 50%;line-height: 1;padding-top: 2px;margin: 0 auto;display: flex;align-items: center;justify-content: center;transition: all .4s ease;} .indyy-2-menu-link.active .num{background: #006650;} .indyy-3 {width: 322px;height: 368px;margin-top: -228px;} .indyy-3-loop {top: 80px;padding: 0 16px;} .indyy-3-menu {width: 320px;margin: 0 0 0 -160px;height: auto;bottom: -50px;} .indyy-3-menu-link .text {margin: 12px 0 0 !important;} .indyy-3-menu-link{flex-direction: column !important;justify-content: center;align-items: center;height: auto;} .indyy-3-menu-link:not(:first-child) {margin-left: 20px;} .indyy-bg {height: 500px;} .indyy .swiper-pagination {bottom: 26px;} .indal-loop-cont .text::before {top: -2px;font-size: 16px;} .indal-loop-cont .text {padding-left: 24px; margin-top: 8px;} .indal-head {top: 24px;} .indal-loop-cont {bottom: 24px;} .indal-prev, .indal-next{display: none;} .indal-control .swiper-pagination {margin: 0;} .indxw-cont {padding: 22px 16px;} .indxw-cont-b {margin-top: 24px;} .indhz-ul {margin: -4px 0 0 -4px;} .indhz-link {width: calc(33.3333% - 4px);margin: 4px 0 0 4px;height: 60px;border-radius: 3px;} .indhz-nav{margin-top: 30px;width: 100%;justify-content: space-between;} .indal-loop img{height: 300px;} }