@charset "utf-8"; /* ===================棣栭〉鏍峰紡========================== */ .banner-lun > img{width: 100%;} .banner-lun > img.pc {height: calc(100vh - 80px);} .banner-lun .content{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;z-index: 3;} .banner-lun .line{width: 85px;height: 4px;background-color: #22282f;} .banner-lun .btn a{width: 110px;height: 40px;} .banner-lun .btn a:nth-child(1){margin-right: 10px;} .bannerMix{width: 100%;position: relative;} /* banner瑙嗛 */ .banner .hasVideo .banner-image img{animation: hasVideoImg 0s ease both;} @keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}} .banner .hasVideo .banner-image {width: 100%;height: 100%;} .banner .hasVideo video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;} .banner .hasVideo video.v2{object-fit: fill;background: #010001;height:117%;top:-8.5%;} @media all and (max-width:1140px) { .banner .hasVideo .banner-image img{animation: none;} .banner .hasVideo video{display: none;} .banner-image img{min-height: 400px;} } /* 鏂囧瓧鏁堟灉-鍙宠竟鐗 */ .banner-lun .line {display: none;} .banner-lun .title, .banner-lun .text, .banner-lun .btn,.banner-lun .line{opacity: 0;} .swiper-slide-active .banner-lun .title{animation: bannerRun 1s ease both .4s;} .swiper-slide-active .banner-lun .text{animation: bannerRun 1s ease both .5s;} .swiper-slide-active .banner-lun .btn{animation: bannerRun 1s ease both .6s;} .oneSlide .banner-lun .title{animation: bannerRun 1s ease both .4s;} .oneSlide .banner-lun .text{animation: bannerRun 1s ease both .5s;} .oneSlide .banner-lun .btn{animation: bannerRun 1s ease both .6s;} @keyframes bannerRun{0%{opacity: 0;transform: translateY(60px);filter: blur(4px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}} /* -- */ .banner-dot{position: absolute;width: 100%;z-index: 2;left: 0;bottom: 36px;} .banner-dot .contain{display: flex;justify-content: center;} .banner-dot .swiper-pagination{position: relative;font-size: 0;bottom: 0;text-align: left;} .banner-dot .swiper-pagination-bullet{width: 36px;height: 3px;background: rgba(190, 203, 224, .5);opacity: 1;margin: 0 12px 0 0 !important;position: relative;border-radius: 0;overflow: hidden;} .banner-dot .swiper-pagination-bullet:last-child{margin-right: 0 !important;} .banner-dot .swiper-pagination-bullet:before{content: "";width: 0;height: 100%;background: #0079ff;position: absolute;top: 0;left: 0;} .banner-dot .swiper-pagination-bullet-active.swiper-pagination-bullet:before{animation: bulletLine 2.5s linear both 0.8s;} .banner-dot .swiper-pagination-bullet-active.oneBullet:before{animation: bulletLine 2.3s linear both 0s;} @keyframes bulletLine{0%{width: 0;}100%{width: 100%;}} .indtb{position: relative;z-index: 9;margin-top: -90px;display: none;} .indtb ul{margin-left: -16px;align-items: flex-end;} .indtb li{width: calc(25% - 16px);margin-left: 16px;display: flex;justify-content: center;padding: 0 24px;flex-direction: column;height: 100px;border-radius: 10px;overflow: hidden;position: relative;background: #fff;border: 1px solid #fff;box-shadow: 0px 12px 16.66px 0.34px rgba(85, 98, 151, 0.11);} .indtb li .title{align-items: center;position: relative;z-index: 4;transform: translate3d(0,0,10px);} .indtb li .title i{width: 22px;} .indtb li .title i img{width: 100%;} .indtb li .title p{line-height: 1.14;width: calc(100% - 22px);padding-left: 12px;transition: all .4s ease;} .indtb li .link{position: relative;z-index: 4;transform: translate3d(0,0,10px);padding-left: 34px;width: 100%;color: #0079ff;display: flex;align-items: center;} .indtb li .link i{font-size: 12px;transform: rotate(180deg);margin-left: 8px;transition: all .4s ease;} .indtb li.down{transition: all .4s ease;cursor: pointer;} .indtb li.down::before, .indtb li.down::after{content: "";position: absolute;transition: all .4s ease;z-index: 1;} .indtb li.down::before{width: 155px;height: 134px;background: url('../images/index/indtbIcon4.png') no-repeat right bottom/100% auto;top: -24px;left: -20px;} .indtb li.down::after{width: 201px;height: 201px;background: url('../images/index/indtbIcon5.png') no-repeat left top/100% auto;right: -112px;bottom: -140px;} .indtb li.down:hover{box-shadow: 0px 12px 16.66px 0.34px rgba(53, 152, 255, 0.2);} .indtb li.down:hover .title p{color: #0079ff;} .indtb li.down:hover::before{transform: translate(10px,10px);} .indtb li.down:hover::after{transform: translate(-10px,-10px);} .indtb li.down a{position: relative;z-index: 3;} .indtb li.main{height: 128px;background: #fffdfb;align-items: center;} .indtb li.main .name{position: relative;z-index: 4;transform: translate3d(0,0,10px);display: flex;width: 100%;justify-content: center;color: #e9a158;} .indtb li.main .name span{line-height: 1.14;height: 34px;display: flex;align-items: center;padding: 0 24px;position: relative;} .indtb li.main .name span::before, .indtb li.main .name span::after{content: "";position: absolute;width: 15px;height: 100%;top: 0;left: 0;background: url('../images/index/indtbIcon1.png') no-repeat left center;} .indtb li.main .name span::after{left: auto;right: 0;transform: rotateY(180deg);} .indtb li.main .hint{position: relative;z-index: 4;transform: translate3d(0,0,10px);color: #5c2f0b;} .indtb li.main::before{content: "";position: absolute;width: 98px;height: 115px;background: url('../images/index/indtbIcon2.png') no-repeat right bottom/auto 100%;right: 24px;bottom: -8px;} .indtb-loop{display: none;} .CommonTitle {display: flex;flex-direction: column;align-items: center;} .CommonTitle .btn{display: flex;align-items: center;transition: all .4s ease;position: relative;} .CommonTitle .btn i{font-size: 12px;transform: rotate(180deg);margin-left: 10px;} .CommonTitle .btn::before{content: "";position: absolute;bottom: 0px;height: 1px;background-color: #0079ff;width: 0%;transition: all .4s ease;} .CommonTitle .btn:hover::before{width: 100%;} .indfw {margin-top: -40px;background-size: cover !important;} .indfw-muen {padding: 0px 250px;padding-bottom: 22px;justify-content: space-between;border-bottom: 1px solid #e9eef6;} .indfw-muen .list{display: flex;flex-direction: column;align-items: center;} .indfw-muen .list .img{height: 70px;transition: all .4s ease;} .indfw-muen .list .img img{max-height: 100%;} .indfw-muen .list .title{color: #202124;transition: all .4s ease;} .indfw-muen .list.active .title{color: #0079ff;} .indfw-muen .list:hover .img{transform: translateY(-10px);} .indfw-hide > .muen{display: none;} .indfw-hide > .muen.active{display: block;} .indfw-cont .cont-l{width: 34%;padding-right: 32px;} .indfw-cont .cont-r{width: 66%;} .indfw-cont .cont-l .cont{width: 100%;height: 100%;position: relative;border-radius: 3px;overflow: hidden;min-height: 375px;display: block;} .indfw-cont .cont-l .cont > img{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;z-index: 1;} .indfw-cont .cont-l .cont .show{position: relative;width: 100%;height: 100%;padding: 30px;z-index: 2;} .indfw-cont .cont-l .cont .show .title{color: #02060f;display: flex;align-items: center;transition: all .4s ease;} .indfw-cont .cont-l .cont:hover .show .title{color: #0079ff;} .indfw-cont .cont-l .cont .show .title span{width: 38px;height: 19px;border-radius: 3px;border: 1px solid #ff4454;color: #ff4454;display: flex;justify-content: center;align-items: center;margin-left: 20px;} .indfw-cont .cont-l .cont .show .text{color: #4f5a6a;} .indfw-cont .cont-l .cont .show .btn{width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;background-color: #f4f6f9;border-radius: 100px;transform: rotate(180deg);transition: all .4s ease;} .indfw-cont .cont-l .cont .show .btn i{font-size: 12px;color: #02060f;} .indfw-cont .cont-l .cont .show .btn:hover{transform: rotate(90deg);} .indfw-list {margin-right: -30px;margin-bottom: -30px;} .indfw-list .list {width: calc(100%/2 - 30px);height: 172px;margin-right: 30px;margin-bottom: 30px;border-radius: 3px;background-color: #fff;padding: 30px 30px 35px 30px;transition: all .4s ease;} .indfw-list .list:hover {box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.1);} .indfw-list .list .title{color: #1a2233;transition: all .4s ease;} .indfw-list .list .text{color: #4f5a6a;} .indfw-list .list .hit {margin-bottom: -10px;} .indfw-list .list .hit span{padding: 0px 14px;height: 26px;border: 1px solid #eeeeee;border-radius: 3px;display: flex;justify-content: center;align-items: center;margin-right: 10px;margin-bottom: 10px;transition: all .4s ease;} .indfw-list .list .hit span:hover {background-color: #0079ff;color: #fff;} .indfw-list .list:hover .title{color: #0079ff;} .indxx {background-size: cover !important;} .indxx-cont {border-radius: 10px;overflow: hidden;background-color: rgba(0, 0, 0, .2);} .indxx-cont .cont-l{width: 26%;padding: 85px 60px 55px 105px;border-right: 1px solid #3279c9;} .indxx-cont .cont-r{width: 74%;} .indxx-muen {width: 100%;overflow-y: auto;height: 420px;} .indxx-muen::-webkit-scrollbar {width: 2px;} .indxx-muen::-webkit-scrollbar-thumb {background: #0079ff;} .indxx-muen::-webkit-scrollbar-track {background: #f1f1f1;} .indxx-muen a{display: flex;align-items: center;border-radius: 3px;padding: 8px 0px;padding-left: 47px;padding-right: 10px;margin-bottom: 12px;transition: all .4s ease;} .indxx-muen a:last-child{margin-bottom: 0px;} .indxx-muen a.active{background-color: #0079ff;} .indxx-show{width: 100%;height: 100%;} .indxx-show > .muen{visibility: hidden;height: 0;overflow: hidden;pointer-events: none;display: flex;} .indxx-show > .muen.active{visibility: visible;height: auto;pointer-events: auto;} .indxx-show-l {width: 61%;height: 100%;padding: 80px 85px;border-right: 1px solid #3279c9;} .indxx-show-r {width: 39%;padding: 80px 105px 50px 105px;display: flex;flex-direction: column;justify-content: center;} .indxx-show-l li{width: calc(100%/4);display: flex;flex-direction: column;align-items: center;} .indxx-show-l li .img{height: 34px;} .indxx-show-l li .img img{max-height: 100%;} .indxx-show-l .line{width: 100%;height: 1px;background-color: rgba(255, 255, 255, .2);} .indxx-show-l .btn a:nth-child(1){width: 116px;height: 44px;margin-right: 17px;} .indxx-show-l .btn a:nth-child(2){width: 147px;height: 44px;} .indxx-logo {margin-right: -17px;margin-bottom: -17px;} .indxx-logo .list{width: calc(100%/2 - 17px);margin-right: 17px;margin-bottom: 17px;height: 80px;background-color: #fff;border-radius: 5px;display: flex;justify-content: center;align-items: center;position: relative;padding: 5px;} .indxx-logo .list > img{max-height: 100%;transition: all .4s ease;} .indxx-logo .list:hover > img{transform: scale(1.04);} .indxx-svp .swiper-container{height: 388px;} /* .indxx-logo .list .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;opacity: 0;transition: all .4s ease;} .indxx-logo .list .show > div{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border: 1px solid #fff;border-radius: 100px;color: #fff;} .indxx-logo .list .show i{font-size: 12px;} .indxx-logo .list:hover .show{opacity: 1;} */ .indys{background-size: cover !important;} .indys-list .list{width: calc(100%/6);display: flex;flex-direction: column;align-items: center;} .indys-list .list .number{line-height: 1;} .indys-list .list .number span{margin-right: 5px;color: #f08300 !important;} .listBox > ul{margin-left: -20px;flex-wrap: nowrap;} .listBox > ul > li{width: 220px;height: 290px;margin-left: 20px;position: relative;overflow: hidden;border-radius: 6px;background-color: #fff;} .listBox > ul > li.active{width: calc(100% - 220px*3 - 20px*4);} .listBox > ul > li img.bg{position: absolute;right: 0px;top: 0px;} .listBox > ul > li .show{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 55px 25px;opacity: 1;transition: all .4s ease;} .listBox > ul > li .show .number{color: #c7dfff;line-height: 1;} .listBox > ul > li .hide{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 20px 50px;opacity: 0;transition: all .4s ease;} .listBox > ul > li .hide ul li{margin-right: 70px;display: flex;flex-direction: column;justify-content: center;} .listBox > ul > li .hide ul li .img{display: flex;justify-content: center;} .listBox > ul > li.active .hide{animation: listBox .4s ease both .4s;} @keyframes listBox {0%{opacity: 0;transform: translateX(-100px);}100%{opacity: 1;transform: translateX(0px);}} .listBox > ul > li.active .show{opacity: 0;} .indxw-cont .cont-l{width: 67%;padding-right: 25px;} .indxw-cont .cont-r{width: 33%;position: relative;border-radius: 6px;overflow: hidden;background-color: #f7f9fb;padding: 30px 0px 30px 30px;} .indxw-list {margin-right: -25px;} .indxw-list .list{width: calc(100%/2 - 25px);margin-right: 25px;border-radius: 6px;background-color: #f7f9fb;overflow: hidden;} .indxw-list .list .img{height: 270px;overflow: hidden;position: relative;} .indxw-list .list .img > img{width: 100%;height: 100%;transition: all .4s ease;} .indxw-list .list .img span{position: absolute;top: 0%;left: 0%;width: 92px;height: 33px;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .5);} .indxw-list .list:hover .img > img{transform: scale(1.04);} .indxw-list .list .cont{padding: 46px 38px;} .indxw-list .list .cont .title{color: #373d49;transition: all .4s ease;} .indxw-list .list .cont .text{color: #7a8799;} .indxw-list .list .cont .hit li{margin-right: 35px;display: flex;align-items: center;color: #7a8799;} .indxw-list .list .cont .hit li i{margin-right: 10px;} .indxw-list .list:hover .cont .title{color: #0079ff;} .indxw-cont .cont-r span{position: absolute;top: 0%;left: 0%;width: 92px;height: 33px;display: flex;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, .5);} .indxw-muen {overflow-y: auto;height: 420px;padding-right: 30px;} .indxw-muen::-webkit-scrollbar {width: 2px;} .indxw-muen::-webkit-scrollbar-thumb {background: #0079ff;} .indxw-muen::-webkit-scrollbar-track {background: #f1f1f1;} .indxw-muen .list{border-bottom: 1px solid #eaeaea;display: block;padding: 20px 0px;} .indxw-muen .list .data{display: flex;align-items: center;color: #7a8799;} .indxw-muen .list .data i{margin-right: 10px;} .indxw-muen .list .title{color: #373d49;transition: all .4s ease;} .indxw-muen .list:last-child{padding-bottom: 0px;border: 0px;} .indxw-muen .list:hover .title{color: #0079ff;} .indxw-logo-svp-lun{display: flex;flex-direction: column;align-items: center;} .indxw-logo-svp-lun .img{width: 80px;height: 80px;display: flex;justify-content: center;align-items: center;border-radius: 100px;border: 1px solid rgb(247, 249, 251); box-shadow: 0px 12px 16.15px 0.85px rgba(85, 98, 151, 0.06);padding: 5px;transition: all .4s ease;} .indxw-logo-svp-lun .img img{max-height: 100%;} .indxw-logo-svp-lun .title{color: #7a8799;} .indxw-logo-svp-lun:hover .img{transform: translateY(-10px);} .indxx .contain{width: 1570px;} .indcp-list {margin-right: -23px;} .indcp-list .list{width: calc(100%/3 - 23px);margin-right: 23px;border: 1px solid #eef2f9;border-radius: 6px;overflow: hidden;background-color: #fff;height: 480px;padding: 60px 0px;position: relative;transition: all .4s ease;} .indcp-list .list:hover{box-shadow: 0px 20px 32px 3px rgba(18, 79, 221, 0.15);} .indcp-list .list::before{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 0px;background-color: #0079ff;transition: all .4s ease;} .indcp-list .list:hover::before{height: 190px;} .indcp-list .list > div{position: relative;z-index: 2;} .indcp-list .list .cont{padding: 0px 60px;transition: all .4s ease;} .indcp-list .list:hover .cont{margin-top: 0px;} .indcp-list .list img.bg{position: absolute;bottom: 0px;right: 0px;opacity: 0;transition: all .4s ease;} .indcp-list .list:hover img.bg{opacity: 1;} .indcp-list .list .btn{display: flex;justify-content: center;opacity: 0;transition: all .4s ease;} .indcp-list .list .btn a{width: 116px;height: 44px;display: flex;justify-content: center;align-items: center;background-color: #0079ff;border-radius: 3px;color: #fff;transition: all .4s ease;} .indcp-list .list .btn a:hover{background-color: #001eff;} .indcp-list .list:hover .btn{opacity: 1;} .indcp-list .list .img{height: 215px;display: flex;align-items: center;justify-content: center;} .indcp-list .list .img img{max-height: 100%;} .indxx-page {justify-content: center;align-items: center;} .indxx-page a{color: #fff;display: block;font-size: 14px;} .indxx-page .swiper-btn{margin: 0px 10px;} .indxx-page .prev a{transform: rotate(-90deg);} .indxx-page .next a{transform: rotate(90deg);} .indxx {background: none !important;background-color: #fff !important;} .indxx .CommonTitle .title{color: #1a2233 !important;} .indxx-cont {background-color: #f7f9fb;} .indxx-muen a {color: #1a2233;} .indxx-muen a.active {color: #fff;} .indxx-cont .cont-l {border-right: 1px solid #ecf0f6;} .indxx-show-l {border-right: 1px solid #ecf0f6;} .indxx-show-l > .title{color: #1a2233;} .indxx-show-l > .text{color: #636974;} .indxx-show-l li .title{color: #1a2233;} .indxx-show-r .title{color: #1a2233;} .indxx-page a{color: #818992;} .indxx-page a:hover{color: #001eff;} .indxx-show-l .line {background-color: #ecf0f6;} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ /*.banner-lun > img.pc {height: 620px;} */ } @media all and (max-width:1590px) { /* 1440 脳 (700) */ .indfw-muen {padding: 0px 150px;padding-bottom: 20px;} .indfw-cont .cont-l .cont{min-height: 325px;} .indxx-logo .list{height: 65px;} .indxx-cont .cont-l {padding: 35px 30px 35px 50px;} .indxx-show-l {padding: 50px 50px;} .indxx-show-r {width: 39%;padding: 45px;} .indxx-svp .swiper-container {height: 328px;} .listBox > ul > li{width: 180px;} .listBox > ul > li.active{width: calc(100% - 180px*3 - 20px*4);} .listBox > ul > li .hide ul li {margin-right: 35px;} .indxw-list .list .img{height: 222px;} .indxw-list .list .cont {padding: 30px 25px;} .indxw-cont .cont-r {padding: 25px 0px 25px 25px;} .indxw-muen {height: 340px;padding-right: 25px;} .indxx-muen {height: 370px;} /* .banner-lun > img.pc {height: 690px;}s */ .indfw-list .list {height: 147px;} .indcp-list .list {width: calc(100%/3 - 23px);margin-right: 23px;height: 440px;padding: 30px 0px;} .indcp-list .list:hover::before {height: 160px;} .indxx .contain {width: 1140px;} .banner-dot {bottom: 20px;} } @media all and (max-width:1430px) { /* 1360 */ } @media all and (max-width:1350px) { /* 1280 */ } @media all and (max-width:1270px) { /* 1152 脳 (700) */ .indtb ul {margin-left: -10px;} .indtb li {width: calc(25% - 10px);margin-left: 10px;padding: 0 16px;height: 84px;} .indtb li.main {height: 110px;} .indtb li.main::before {width: 100px;height: 100px;right: 10px;} .indtb li.down::before {width: 126px;height: 114px;} .indtb li.down::after{width: 170px;height: 170px;right: -86px;bottom: -130px;} .indtb {margin-top: -76px;} .indfw {margin-top: -34px;} .banner-dot {bottom: 20px;} .indxx .contain {width: 92%;} } /* ------------------------骞虫澘绔?------------------------- */ @media all and (max-width:1100px) { /* 1024 妯睆 */ .banner-lun > img.pc {height: calc(100vh - 60px);} } @media all and (max-width:1000px) { /* 720 绔栧睆 */ .indtb li {width: calc(33.3333% - 10px);margin-top: 10px;} .indtb li.main{width: calc(100% - 10px);margin-top: 0;} .banner-lun > img{min-height: 400px;} .indfw-muen{padding: 0px;padding-bottom: 20px;} .indcp-list {margin-right: 0px;margin-bottom: -15px;} .indcp-list .list {width: 100%;margin-right: 0px;margin-bottom: 15px;height: auto;padding: 30px 0px;} .indcp-list .list .img {height: 100px;} .indcp-list .list:hover::before {height: 93px;} .indcp-list .list .cont {margin-top: 20px;} .indcp-list .list:hover .cont {margin-top: 20px;} .indcp-list .list .btn{opacity: 1;} .indxx-svp .swiper-container {height: 288px;} } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:680px) { /* 绉诲姩缁堢 360 閫傞厤 */ .indtb li.main {height: 92px;width: 100%;} .indtb>.contain>ul{margin: 0;padding: 0 4%;} .indtb li {width: 100%;margin: 0;border-radius: 6px;height: 76px;box-shadow: 0px 6px 12px 0px rgba(85, 98, 151, 0.1);} .indtb {margin-top: 0px;padding-top: 26px;background-color: #f9fbff;} .indtb .contain{width: 100%;} .indtb>.contain>ul li.down{display: none;} .indtb-loop{display: block;} .indtb-loop .swiper-container{padding: 10px 4%;} .indtb-loop .swiper-pagination{position: relative;font-size: 0;top: 0;bottom: 0;width: 100%;margin-top: 20px;} .indtb-loop .swiper-pagination-bullet{width: 8px;height: 8px;background: #c0d3fe;opacity: 1;margin: 0 0 0 8px !important;} .indtb-loop .swiper-pagination-bullet:first-child{margin: 0 !important;} .indtb-loop .swiper-pagination-bullet-active {opacity: 1;background: #0079ff;} .banner-dot {bottom: 20px;} .banner-dot .contain{display: flex;justify-content: center;} .indfw-muen .list .img {height: 30px;} .indfw-muen {padding: 0px;padding-bottom: 10px;} .indfw-cont .cont-l {width: 100%;padding-right: 0px;} .indfw-cont .cont-r {width: 100%;margin-top: 15px;} .indfw-list {margin-right: 0px;margin-bottom: -15px;} .indfw-list .list{width: 100%;margin-right: 0px;margin-bottom: 15px;padding: 15px;height: auto;} .indfw-cont .cont-l .cont {min-height: 175px;} .indfw-cont .cont-l .cont .show{padding: 15px;} .indxx-cont {border-radius: 5px;} .indxx-muen {overflow-y: hidden;overflow-x: auto;display: flex;height: auto;padding-bottom: 10px;} .indxx-cont .cont-l{width: 100%;padding: 15px;} .indxx-muen a {padding: 0px;width: auto;margin-bottom: 0px;width: auto;height: 30px;justify-content: center;padding: 0px 15px;white-space: pre;} .indxx-muen > div{display: flex;} .indxx-muen::-webkit-scrollbar {height: 2px;} .indxx-muen::-webkit-scrollbar-thumb {background: #0079ff;} .indxx-muen::-webkit-scrollbar-track {background: #f1f1f1;} .indxx-show > .muen.active {flex-wrap: wrap;} .indxx-show-l{width: 100%;height: auto;padding: 15px;} .indxx-show-r{width: 100%;} .indxx-cont .cont-r{width: 100%;} .indxx-show-r{padding: 15px;} .indxx-logo .list {height: 55px;} .indxx-show-l li{text-align: center;} .indys-list {margin-bottom: -10px;} .indys-list .list {width: calc(100%/3);margin-bottom: 10px;} .listBox > ul {flex-wrap: wrap;} .listBox > ul > li {width: 100% !important;border-radius: 3px;height: auto;margin-bottom: 15px;} .listBox > ul > li:last-child{margin-bottom: 0px;} .listBox > ul > li .show {display: none;} .listBox > ul > li .hide{opacity: 1 !important;position: relative;padding: 20px;} .listBox > ul > li.active .hide {animation: none;} .listBox > ul > li .hide ul {margin-right: -5px;} .listBox > ul > li .hide ul li {width: calc(100%/3 - 5px);margin-right: 5px;text-align: center;} .indxw-cont .cont-l{width: 100%;padding-right: 0px;} .indxw-list {margin-right: 0px;margin-bottom: -15px;} .indxw-list .list {width: 100%;margin-right: 0px;border-radius: 3px;margin-bottom: 15px;} .indxw-list .list .img{height: 218px;} .indxw-list .list .cont{padding: 15px;} .indxw-cont .cont-r{width: 100%;margin-top: 15px;} .indxw-cont .cont-r {padding: 15px 0px 15px 15px;padding-top: 40px;} .indxw-muen {height: 210px;padding-right: 15px;} .indxw-muen .list {padding: 10px 0px;} .indxw-logo-svp-lun .img {width: 60px;height: 60px;padding: 10px;} .indxw-logo-svp-lun .title {text-align: center;} .indxx-show-l li .img {height: 25px;} .indxx-show-l .btn {margin-right: -10px;} .indxx-show-l .btn a{width: calc(100%/2 - 10px) !important;margin-right: 10px !important;} .indxx-show-r > .title{font-size: 16px;} .indxx-show-r {min-height: 339px;} .indfw-muen .list .img {height: 50px;} .banner-lun .content {align-items: flex-start;display: flex !important;top: 18px;} .banner-lun .btn a {width: 100px;height: 34px;} }