/* 公用样式 */ #c-placeholder {height: 6.25rem;} header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; border-bottom: 1px solid transparent;} .headBox {transition: .5s; padding: 0 4%; height: 7.5rem; position: relative; z-index: 1;} .headBox .logo {padding:.625rem 0;height: 100%;} .headBox .logo img {height: 100%; max-width: 100%; max-height: 3rem; object-fit: contain; transition: .5s;} .headBox .le {height: 100%; flex-shrink: 0; width: auto;} .headBox .le .logo a {height: 100%; display: flex; align-items: center;} .headBox .re {height: 100%;} /* 导航 */ /* 取消layui默认样式 */ .qx-style {padding: 0; border-radius: 0; background: none;} .qx-style .layui-nav-item {line-height: initial;} .qx-style .layui-nav-item a {padding: 0;} /* 取消layui默认样式 end!!!*/ nav {height: 100%; width: 52%; margin-left: 15%;} nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;} nav .layui-nav > .layui-nav-item {display: flex; height: 100%; align-items: center; z-index: 1; position: relative;} nav .layui-nav > .layui-nav-item > a {color: #fff;position: relative; z-index: 1;font-size: var(--font18); transition: 0.4s; font-weight: 400;} nav .layui-nav > .layui-nav-item > a::after {content: ''; position: absolute; left: 50%; bottom: -10%; width: 0; height: 1px; z-index: -1; background: #fff;transition: .5s;} nav .layui-nav > .layui-nav-item > a > i {position: absolute; top: 50%; transform: translateY(-50%) translateX(150%); right: 0; font-size: var(--font12); display: none;} nav .layui-nav .layui-nav-item a:hover, nav .layui-nav .layui-this a {color: #fff;} nav .layui-nav .layui-nav-item:hover a::after, nav .layui-nav .layui-this a::after {width: 100%; left: 0;} nav .layui-nav > .layui-this:after , nav .layui-nav .layui-nav-bar {display: none;} nav .layui-nav .layui-this:after {display: none;} /* 默认下拉 */ nav .layui-nav .layui-nav-child {top: 80%; background: rgba(255, 255, 255,1); border-radius: .625rem; min-width: 8rem; line-height: initial;} nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font14);} @media (any-hover: hover) { nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #D8262A;} } nav .layui-nav .layui-nav-child dd.layui-this a{color: #fff; background: #D8262A;} /* 导航下拉 */ .navdown {position: absolute; left: 0; top: 100%; width: auto; min-width: 33rem; left: 50%; transform: translateX(-50%); border-radius: 1rem; display: none; background: #fff; padding:2rem} .nav-box{display: flex; justify-content: space-between; } .nav-box .pic{width: 45%; order: 2;} .nav-box .pic img{display: block; width: 100%;} .nav-box .list {width: 48%; } .nav-box .list dl dt a{display: block; font-size: var(--font16); color: #333; line-height: 2;} .nav-box .list dl dt a {display: block;font-size: var(--font18);color: #434343;border-bottom: 0.0625rem solid #eee;position: relative;padding-left: 1rem;padding-bottom: 0.5rem;margin-bottom: 0.5rem;transition: all 0.4s ease;} .nav-box .list dl dt a::before {position: absolute;left: 0px;bottom: -1px;height: 0.0625rem;width: 0%;background: #003D90;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;content: "";display: block;} @media (any-hover: hover) { .nav-box .list dl dt a:hover{color: #003D90;} .nav-box .list dl dt a:hover::before{ width: 100%;} } /* 搜索 */ .head_search {width: 3.25rem; height: 3.25rem; background: transparent; border-radius: 50%; cursor: pointer; } .head_search a {height: 100%;} .head_search img {width: 50%;} /* 搜索下拉 */ .hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;} .hadbox-sec4 {padding: 3.125rem 0; border-top: 1px solid #eee; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);backdrop-filter: blur(.625rem);background: rgba(255, 255, 255, 0.9);} .hadbox-sec4 .close {position: absolute; right: 2.5%; top: 5%; cursor: pointer; width: 1.25rem;} .hadbox-sec4 .close svg {width: 100%; height: 100%;} .hadbox-sec4 .f_tit {color: #222222;margin-bottom: 2.5rem;font-size: var(--font30);} .hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;} .hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;} .hadbox-sec4 .form i svg {width: 100%; height: 100%;} .hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem; color: #333333; flex: 1;} .hadbox-sec4 .form .f_sub {width: 10rem; height: 3.5rem; min-height: 40px; background: #D8262A;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;} @media screen and (min-width: 200px) and (max-width: 767px) { .hadbox-sec4 {padding: 1.75rem 1rem;} .hadbox-sec4 .form {padding-bottom: 1rem;} .hadbox-sec4 .f_tit {font-size: var(--font20);} .hadbox-sec4 .form .f_sub {width: 6rem; height: 3rem; font-size: var(--font18);} } /* header.c-head-move .headBox {transform: translateY(-100%);} */ header.c-style2 {background: #fff; border-bottom: 1px solid #ddd; } header.c-style2 .head_search {background: #333;} header.c-style2 .headBox {height: 6.25rem;} header.c-style2 nav .layui-nav > .layui-nav-item > a {color: #333;} header.c-style2 .mobmenu h4 {color: #333;} header.c-style2 .mobmenu dl dd {background: #333;} header.c-style2 nav .layui-nav > .layui-nav-item dd.layui-this a{background: #D8262A; color: #fff;} header.c-style2 nav .layui-nav > .layui-nav-item > a::after{background: #333;} @media (any-hover: hover) { header.c-style2 nav .layui-nav > .layui-nav-item dd a:hover{background: #D8262A; color: #fff;} header.c-style2 nav .layui-nav > .layui-nav-item > a:hover::after{background: #333;} } /* =================头部 end!!!=================== */ /* ===============公用css star!!!!===================*/ .more1 {display: inline-flex; border-radius: 6.25rem; background: #D8262A; color: #fff; line-height: 1.2; font-size: var(--font16); padding: 1.15rem 1.5rem; transition: .5s;} .more1 i {font-size: var(--font14);} @media (any-hover: hover) { .more1:hover {box-shadow: 0 0 0 .625rem rgba(216, 38, 42 , .2);} } /* ===============公用css end!!!!===================*/ /* =====首页 */ .indexBanner { position: relative; overflow: hidden;height: 100vh;} .indexBanner .swiper {height: 100%;} .indexBanner .slide .bjBox {position: relative; height: 100%;} .indexBanner .slide .bjBox img {width: 100%; object-fit: cover; height: 100%; transition: 1s linear 2s;transform: scale(1.1, 1.1); display: block;} .indexBanner .slide .box {} .indexBanner .slide .con {padding-top: 10%;} .indexBanner .slide .box .p1 {} .indexBanner .slide .box .p2 {margin-top: 3.75rem;} .indexBanner .slide .more {margin-top: 3.75rem;} /* 当前 */ .indexBanner .swiper-slide-active .bjBox img, .indexBanner .swiper-slide-duplicate-active .bjBox img {transition: 6s linear;transform: scale(1, 1);} /* 控件 */ .indexBanner .pagtion {text-align: left; bottom: auto; top: 75%;} .indexBanner .pagtion span {margin: 0 1rem !important;background: #F9F9F9; width: .813rem; height: .813rem; position: relative; opacity: 1; transition: .5s;} .indexBanner .pagtion span::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); width: 250%; height: 250%; border-radius: 50%; border: 2px solid #D8262A; transition: .5s;} .indexBanner .pagtion .swiper-pagination-bullet-active::before {transform: translate(-50%,-50%) scale(1);} .indexBanner .pagtion .swiper-pagination-bullet-active {background: #D8262A;} .banner_reconmd {position: absolute; bottom: 0; width: 100%; left: 0; border-top: 1px solid rgba(255, 255, 255,.1); padding: 2.5rem 0; z-index: 1;} .banner_reconmd .swiperBox {max-width: 40%; position: relative;} .banner_reconmd .swiper {position: static;} .banner_reconmd .slide .time {color: #fff;opacity: 0.5; font-size: var(--font14);} .banner_reconmd .slide .p1 {color: #fff;} .banner_reconmd .swjt {width: 1.75rem; height: 1.75rem;border: 1px solid #FFFFFF; border-radius: 50%; transition: .5s; top: 60%;} .banner_reconmd .swjt i {color: #fff; font-size: var(--font16);} .banner_reconmd .swjt.swiper-button-prev {left: auto; right: 0; transform: translateX(150%);} .banner_reconmd .swjt.swiper-button-next {left: auto; right: 0; transform: translateX(300%);} .banner_reconmd .videoBox {position: absolute; right: 0; bottom: 0; height: 100%; width: 11%;} .banner_reconmd .videoBox .imgBox {position: relative; height: 100%;} .banner_reconmd .videoBox .imgBox img {width: 100%; height: 100%; object-fit: cover;} .banner_reconmd .videoBox .icon {position: absolute; cursor: pointer; z-index: 2; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 2.5rem; height: 2.5rem; border-radius: 50%; background: rgba(216, 38, 42,.8);} .banner_reconmd .videoBox .icon i {display: block; background: #fff; clip-path: polygon(100% 50%, 10% 0, 10% 100%); width: .8rem; height: .8rem; } .banner_reconmd .videoBox .icon::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); width: 150%; height: 150%; border-radius: 50%; background: #fff; animation: scalemap 2s linear infinite;} @media (any-hover: hover) { .banner_reconmd .swjt:hover {background: #D8262A; border-color: #D8262A;} } .indexTle .t2 {line-height: 1.2} .indexTle .xian {background: #D8262A;border-radius: 6.25rem; width: 2rem; height: .313rem;} .indexOne {position: relative; overflow: hidden; z-index: 1; padding-bottom: 11.25rem; padding-top: 8.75rem;} .indexOne .waves {position: absolute;bottom: 0; left: 0; z-index: -1; height: 100%;} .indexOne .le .more {margin-top: 3.25rem;} .indexOne .re {width: 55%; margin-bottom: 3.75rem;} .indexOne .numlist {margin-top: 11.25rem;} .numlist .item .num {display: flex; align-items: flex-end; font-size: 4rem; color: #2E2E2E; font-family: Arial, Helvetica, sans-serif; line-height: .5;} .numlist .item .num .dw {font-size: 1.5rem;font-weight: bold;} .numlist .item .txt {margin-top: 1.25rem; color: #2E2E2E;} .indexTwo {background: linear-gradient(52deg, #1F1F1F 0%, #5F5F5F 53%, #232323 100%); position: relative; overflow: hidden;} .indexTwo .info {position: relative; min-height: 100vh; padding: 8rem 0;} .indexTwo .box {height: 100%;} .indexTwo .le {width: 55%;} .indexTwo .le .text p {margin-top: 1.5rem; text-align: justify;} .indexTwo .le .text p span {display: block;} .indexTwo .le .text {opacity: .8; padding-top: 2rem;} .indexTwo .cirle {width: 41.25rem; height: 41.25rem; background: #D8262A; border-radius: 50%; position: absolute; right: -4%; bottom: 1.25rem; } .indexTwo .photo {position: absolute; bottom: 0; right: calc(-4% + (41.25rem / 4)); width: 26%; z-index: 2;} .indexTwo .photo .imgBox img {width: 100%; max-height: 100%;} .indexTwo .photo .name {position: absolute; right: 0; transform: translateX(85%); bottom: 15%; } .indexTwo .photo .name img {width: 100%; max-height: 100%; max-width: 15rem;} /* .indexTwo .box2.box2-fade-in {opacity: 1;} */ .indexTwo .box1.box1-fade-in .indexTle {animation: fadeInUp 0.5s forwards !important;} .indexTwo .box1.box1-fade-out .indexTle {animation: fadeOutDown 0.5s forwards !important;} .indexTwo .box2.box2-fade-in .indexTle {animation: fadeInUp 0.5s forwards;} .indexTwo .box2.box2-hidden .indexTle {animation: fadeOutDown 0.5s forwards;} .indexTwo .box1.box1-fade-in .text {animation: fadeInUp 1s forwards !important;} .indexTwo .box1.box1-fade-out .text {animation: fadeOutDown 1s forwards !important;} .indexTwo .box2.box2-fade-in .text {animation: fadeInUp 1s forwards;} .indexTwo .box2.box2-hidden .text {animation: fadeOutDown 1s forwards;} .indexTwo .box1.box1-fade-in .photo {animation: fadeInUp 1s forwards !important;} .indexTwo .box1.box1-fade-out .photo {animation: fadeOutDown 1s forwards !important;} .indexTwo .box2.box2-fade-in .photo {animation: fadeInUp 1s forwards;} .indexTwo .box2.box2-hidden .photo {animation: fadeOutDown 1s forwards;} .indexTwo .box2 {position: absolute; top: 0; padding-top: 8rem; left: 0; } /* 产品与服务 */ .product-class{padding: 6.25rem 0;} .class-top{margin-bottom: 4.6875rem;} .proclass-list ul {gap: 0 .875rem;} .proclass-list ul li{flex: 1; transition: .6s; height: 37.25rem; overflow: hidden; position: relative; min-height: 24rem; border-radius: .625rem;} .proclass-list ul li::after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0,.6); top: 0; left: 0; z-index: 2;} .proclass-list ul li .pic{height: 100%; position: absolute; top: 0; z-index: 1; width: 100%;} .proclass-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;} .proclass-list ul li.on{flex: 1.75;} .proclass-list ul li .info{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding:0 1.6rem; z-index: 3; transition: .6s;} .proclass-list ul li .info strong{ display: block; transform: scale(0.8); margin-bottom: .75rem;} .proclass-list ul li .info h4{opacity: 0; margin-bottom: 2.1875rem;} .proclass-list ul li .info{transform: translateY(29%);} .proclass-list ul li.on .info{transform: translateY(-12%);} .proclass-list ul li.on .info strong{transform: scale(1); } .proclass-list ul li.on .info h4{opacity: 1;} .proclass-list ul li .more1{padding: 0.91rem 1rem;} @media (any-hover: hover) { .proclass-list ul li:hover .info{transform: translateY(-12%);} .proclass-list ul li:hover .info strong{transform: scale(1); } .proclass-list ul li:hover .info h4{opacity: 1;} } /* 疯狂伴习，选择一个系统性的破局方案 */ .ys-bg{background: url(../images/ys-bg.webp) no-repeat center; background-size: cover; padding: 6.25rem 0 8.375rem;} .ys-bg .box {position: relative;} /* 列表内容 */ .ys-bg .conlist {position: absolute;} .ys-bg .conlist ul {display: flex; justify-content: space-between; flex-wrap: wrap;} .ys-bg .conlist li {width: 50%; margin-top: 6.25rem; opacity: .7; transition: .5s;} .ys-bg .conlist li:nth-child(1) {margin-top: 0;} .ys-bg .conlist li:nth-child(6) {margin-top: 0;} .ys-bg .conlist li.left {} .ys-bg .conlist li.left .info {width: 55%; text-align: right;} .ys-bg .conlist li.right {width: 29%; position: relative; left: 1.875rem;} .ys-bg .conlist li .tit1 { margin-top: 0.625rem; transition: .5s; } .ys-bg .conlist li span { display: block; margin-top: 0.3125rem;} .ys-bg .conlist li.li6 {order: -6;} .ys-bg .conlist li.li1 {order: -5;} .ys-bg .conlist li.li5 {order: -4;} .ys-bg .conlist li.li2 {order: -3;} .ys-bg .conlist li.li4 {order: -2;} .ys-bg .conlist li.li3 {order: -1;} .ys-bg .conlist li.on {opacity: 1;} /* 圆内容 */ .ys-bg .cirleBox {width: 39.4375rem;height: 39.4375rem; border-radius: 50%; margin: auto; position: relative; margin-top: 6.25rem;} .ys-bg .cirleBox .svgBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0;} .ys-bg .cirleBox .wc {max-width: 100%; transition: .5s; position: absolute;} .ys-bg .cirleBox .imglist {width: 80%; height: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden; z-index: 2;} .ys-bg .cirleBox .imglist img {width: 100%; height: 100%; object-fit: cover;} .ys-bg .cirleBox .imglist .imgBox {width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1.1); opacity: 0; border-radius: 50%;transition: opacity 1s cubic-bezier(.435,.25,.15,.965),transform 1.5s cubic-bezier(.435,.25,.15,.965);overflow: hidden;} .ys-bg .cirleBox .imglist .imgBox.on {opacity: 1; transform: translate(-50%, -50%);} /* 圆点定位 */ .ys-bg .cirdot {width: 0;transform-origin: 50%;height: 50.1%;position: absolute;bottom: 50%;left: 50%} .ys-bg .cirdot li {position: absolute; height: calc(100% + .16rem);transform-origin: 50% 100%; transition: opacity .5s cubic-bezier(.435,.25,.15,.965);top: -.15rem; left: 0;} .ys-bg .cirdot li i {width: 0.75rem;height: 0.75rem;background: #fff;border: .125rem solid #d8262a; border-radius: 50%; position: absolute; top: 0; left: 50%;transform: translate(-50%);} .ys-bg .cirdot li:nth-child(1) {transform: rotate(45deg);} .ys-bg .cirdot li:nth-child(1) i {transform:translate(-50%)rotate(-45deg);} .ys-bg .cirdot li:nth-child(2) {transform: rotate(90deg);} .ys-bg .cirdot li:nth-child(2) i {transform: translate(-50%)rotate(-90deg);} .ys-bg .cirdot li:nth-child(3) { transform: rotate(135deg);} .ys-bg .cirdot li:nth-child(3) i {transform: translate(-50%)rotate(-135deg);} .ys-bg .cirdot li:nth-child(4) {transform: rotate(225deg);} .ys-bg .cirdot li:nth-child(4) i {transform: translate(-50%)rotate(-225deg);} .ys-bg .cirdot li:nth-child(5) {transform: rotate(270deg);} .ys-bg .cirdot li:nth-child(5) i {transform: translate(-50%)rotate(-270deg);} .ys-bg .cirdot li:nth-child(6) {transform: rotate(315deg);} .ys-bg .cirdot li:nth-child(6) i {transform: translate(-50%)rotate(-315deg);} .ys-bg .cirleBox#on1 .wc {transform: rotate(-5deg);} .ys-bg .cirleBox#on2 .wc {transform: rotate(40deg);} .ys-bg .cirleBox#on3 .wc {transform: rotate(85deg);} .ys-bg .cirleBox#on4 .wc {transform: rotate(175deg);} .ys-bg .cirleBox#on5 .wc {transform: rotate(220deg);} .ys-bg .cirleBox#on6 .wc {transform: rotate(265deg);} .ys-bg .cirleBox#on1 .cirdot li:nth-child(1) {opacity: 0;} .ys-bg .cirleBox#on2 .cirdot li:nth-child(2) {opacity: 0;} .ys-bg .cirleBox#on3 .cirdot li:nth-child(3) {opacity: 0;} .ys-bg .cirleBox#on4 .cirdot li:nth-child(4) {opacity: 0;} .ys-bg .cirleBox#on5 .cirdot li:nth-child(5) {opacity: 0;} .ys-bg .cirleBox#on6 .cirdot li:nth-child(6) {opacity: 0;} .ys-bg .cirle-bg{width: 91%; height: 91%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; overflow: hidden; background: rgba(255, 255, 255, 0.2); box-shadow: 0px 0px 65.1px 4.9px rgba(0, 0, 0, 0.15); z-index: 1;} /* 疯狂资讯 */ .news{padding: 6.75rem 0 8.75rem;} .news-top{margin-bottom: 3.375rem;} .latest-news{width: 42.26%;} .latest-news .pic{overflow: hidden; margin-bottom: 2.8125rem;} .latest-news .pic img{display: block; width: 100%; transition: .6s;} @media (any-hover: hover) { .latest-news a:hover .pic img{transform: scale(1.1);} } .news-box {position: relative;} .news-box .info span{display: block;} .news-box .info strong{color: #222222; margin-bottom: .5rem;} .news-box .info p{} .news-list{width: 50%;} .news-list ul li{border-bottom: 1px solid rgba(217,217,217,0.6); padding-bottom: 2.3125rem; margin-bottom: 3.0625rem;} .news-list ul li:last-child{margin-bottom: 0;} .news-list ul li strong{margin-bottom: 1rem!important;} .news-box .xian {position: absolute; top: 0; height: 100%; width: 1px; left: 46.6%; transform: translateX(-50%); background: rgba(221,221,221,0.6);} .news-box .xian2 {position: absolute; top: 0; height: 33.3%; width: 1px; left: 46.6%; transform: translateX(-50%); background: #D8262A; transition: height 0.3s ease; /* 平滑过渡效果 */} @media (any-hover: hover) { .news a:hover .info strong{color: #D8262A;} } /* 公共底部 */ .footer{background: #2f2f2f; padding: 6.5625rem 0 0;} .footer-box{padding-bottom: 6.25rem;} .footer-logo img{display: block; height: 3.3125rem; margin-bottom: 2.3125rem;} .footer-left p{line-height: 2.2;} .foot-share{padding: 2.125rem 0 0;} .foot-share ul li{margin-right: 1.625rem;} .foot-share ul li:last-child{margin-right: 0;} .foot-share ul li .icon{ height: 2.625rem; width: 2.625rem; } .foot-share ul li .icon svg{display: block; width: 100%;} .foot-share ul li:hover .icon svg{fill: #D8262A;} .foot-share ul li:nth-child(1) .icon svg{max-width: 67%;} .foot-share ul li:nth-child(2) .icon svg{max-width: 67%;} .foot-share ul li:nth-child(3) .icon svg{max-width: 61%;} .foternav{width: 63%;} .foternav dl dt a{display: block; margin-bottom: .8125rem;} .foternav dl dd a{display: block; line-height: 2.2; transition: .6s;} .flink{color: #666;} .flink ul{font-size: var(--font14);} .flink ul em{color: #666;} .flink ul li a{display: inline-block; border-right: 1px solid #666; line-height: 1; padding-right: .25rem; margin-right: .25rem; transition: .6s;} .flink ul li:last-child a{border-right: none;} @media (any-hover: hover) { .foternav dl dd a:hover,.flink ul li a:hover,.footer-copy a:hover{color: #fff;} } .flink{margin-bottom: 2.5rem;} .footer-copy{border-top: 1px solid rgba(216,216,216,0.1); padding: 2.1875rem 0;} .footer-copy p{color: #666; font-size: var(--font14); transition: .6s;} .footer-copy a{color: #666;} /* 内页头部字体黑色 */ header.header-black nav .layui-nav > .layui-nav-item > a{color: #333333;} header.header-black nav .layui-nav > .layui-nav-item > a::after{background: #333;} header.header-black .head_search img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);} header.header-black.c-style2 .head_search img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} /* 内页banner */ .ny-banner{position: relative; overflow: hidden;} .ny-banner .pic{} .ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 20rem} .ny-banner .info h1{font-size: 3.125rem; display: block; margin-bottom: .5rem; font-weight: 700;} .ny-banner .info h2{ line-height: 1.2;} .case-banner .pic img{min-height: 50rem;} /* 内页分类 */ .nyclass-bg{background: #f4f4f4; border-top: 1px solid #e4e4e4;} .class-list ul li{padding: 0 .625rem; position: relative; margin-right: 2.8125rem;} .class-list ul li:last-child{margin-right: 0;} .class-list ul li::after{position: absolute; content: ''; width: 0; height: .3125rem; background: #d8262a; left: 0; top: -0.0625rem; transition: .6s;} .class-list ul li a{display: block; color: #333333; line-height: 5.8;} .class-list ul li.on a{font-weight: 700;} .class-list ul li.on::after{width: 100%;} @media (any-hover: hover) { .class-list ul li:hover a{font-weight: 700;} .class-list ul li:hover::after{width: 100%;} } .position {font-size: var(--font15); } .position img{width: 1.125rem;margin-right: .625rem;} .position a{color: #333; margin: 0 .3125rem;} @media (any-hover: hover) { .position a:hover{color: #D8262A;} } /* 疯狂伴习 1V1 线上提分系统 */ .ny-title{margin-bottom: 4.375rem;} .ny-title strong{display: block; font-size: 2.5rem; margin-bottom: .8125rem; } .ny-title i{display: block; width: 2.5rem; height: .375rem; background: #cd373a; border-radius: .1875rem; margin: 0 auto;} .predicament{padding: 8.4375rem 0 7.5rem;} .predicament-list ul{gap: 1.25rem;} .predicament-list ul li {text-align: center;} .predicament-list ul li .icon img{display: block; width: 6rem; margin: 0 auto 1.5625rem;} .system-bg{background: url(../images/system-bg.webp) no-repeat center; background-size: cover; padding: 10.3125rem 0 9.75rem;} .system-bg .ny-title{margin-bottom: 2.1875rem;} .system-bg .info{width: 44%; text-align: center; margin: 0 auto;} .system-bg .info h3{line-height: 2;} .system-ys{padding: 5.5625rem 0 0;} .system-ys .ny-title{margin-bottom: 3.75rem;} .system-btn{width: 53.64%; margin: 0 auto; height: 4.375rem; background: #eeeeee; border-radius: 2.1875rem; position: sticky; top: 6.25rem; } .system-btn ul{height: 100%;} .system-btn ul li a{height: 100%; transition: .6s;} .system-btn ul li em{color: #333;} .system-btn ul li.on a,.system-btn ul li a.active {background: #cd373a; border-radius: 2.1875rem;} .system-btn ul li.on em,.system-btn ul li a.active em{color: #ffffff; font-weight: 700;} @media (any-hover: hover) { .system-btn ul li:hover a{background: #cd373a; border-radius: 2.1875rem;} .system-btn ul li:hover em{color: #ffffff; font-weight: 700;} } .system-list ul li{padding: 5.625rem 0;} .system-list ul li:nth-of-type(even){background: #f4f4f4;} .system-list ul li .system-box {padding: 0 4.6%;} .system-list ul li .pic{width: 47%; } .system-list ul li .pic img{display: block; width: 100%; border-radius: .625rem;} .system-list ul li .system-right{width: 48%;} .system-list ul li .system-title{border-bottom: 1px solid #DFDFDF; padding-bottom: 1.25rem; margin-bottom: 2.75rem;} .system-list ul li .system-title strong{} .system-list ul li .info{} .system-list ul li .info dl{margin-bottom: 2.0625rem; } .system-list ul li .info dl:last-child{margin-bottom: 0;} .system-list ul li .info dl dt{margin-right: .3125rem;} .system-list ul li .info dl dt img{width: 2.625rem; margin-right: 1.625rem;} .system-list ul li .info dl dt b{} .system-list ul li .info dl dd img{width: .5625rem; margin-right: .3125rem;} .system-list ul li .info dl dd span{color: #666;} .system-list ul li:nth-of-type(even) .system-box {flex-direction: row-reverse;} .system-list ul li .text dl{margin-bottom: 1.1875rem;} .system-list ul li .text dl:last-child{margin-bottom: 0;} .system-list ul li .text dl dt{width: .375rem; height: .375rem; background: #cd373a; border-radius: 50%; margin-top: .625rem; margin-right: .5625rem;} .system-list ul li .text dl dd{flex: 1;} .diagnosis-bg{background: url(../images/diagnosis-bg.webp) no-repeat center; background-size: cover; padding: 8.5625rem 0;} .diagnosis-bg .ny-title{margin-bottom: 2.5rem;} .diagnosis-bg .info{ text-align: center; margin-bottom: 2.375rem; } .diagnosis-bg .info h3{line-height: 2;} .join{padding: 6.6875rem 0 5.5625rem;} .join .ny-title strong{} .join .ny-title h2{color: #666; line-height: 1; margin-bottom: 2.6875rem;} .join-list ul{gap: 2.5rem;} .join-list ul li{height: 22.0625rem; background: #f2f2f2; border-radius: 1.5rem; padding: 4.75rem 13.5% 0; text-align: center;} .join-list ul li .icon img{width: 3.875rem; margin: 0 auto 1.875rem;} .join-list ul li strong{margin-bottom: .9375rem; display: block;} .join-list ul li p{color: #666666;} .message-bg{background: url(../images/message-bg.webp) no-repeat center; background-size: cover; padding: 6.6875rem 0 6.875rem;} #message{width: 46%; margin: 0 auto;} #message dl{background: #ffffff; border-radius: 5px; display: flex; align-items: center; padding: .625rem 0; margin-bottom: .9375rem;} #message dl dt{ width: 16%; text-align: center; border-right: 1px solid rgba(189,189,189,0.5); color: #9c9c9c; line-height: 2.4; margin-right: .625rem;} #message dl dd{flex: 1;height: 100%;} #message dl dd input{border: none; outline: none; color: #656565;} #message dl.messagecon{height: 11.4375rem; align-items: flex-start;} #message dl dd textarea{height: 100%;width: 100%; border: none; outline: none; resize: none; color: #656565;} #message dl.code{margin-bottom: 2rem;} #message dl.code dd{display: flex; align-items: center; justify-content: space-between;} #message dl.code img{height: 2.375rem;} #message button{display: block;background: #e80000;border-radius: 1.75rem;margin: 0 auto;font-size: var(--font16);height: 3.5rem;padding: 0 3.12rem;} #message p{color: #656565; margin-top: 1.25rem;} /* 省市区联动 */ /* .docs-methods {position: relative;width: 100%;bottom: 0;} .city-picker-input {opacity: 0 !important;top: -9999px;left: -9999px; position: absolute;} .city-picker-span {position: relative;display: block;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: none; color: #fff; cursor: pointer;} .city-picker-span > .placeholder {color: #fff;} .city-picker-span > .arrow {position: absolute;top: 50%;right: 8px;width: 10px;margin-top: -3px;height: 5px;background: url(../images/drop-arrow.png) -10px -25px no-repeat;} .city-picker-span.focus, .city-picker-span.open {border-bottom-color: #46A4FF;} .city-picker-span.open > .arrow {background-position: -10px -10px;} .city-picker-span > .title {white-space: nowrap; overflow-x: auto; display: inline-block; max-width: 95%; padding-right: 10px;} .city-picker-span > .title > span {color: #fff;padding: 5px;border-radius: 3px;} .city-picker-span > .title > span:hover {background-color: #f1f8ff;color: #138ABD;} .city-picker-dropdown {position: absolute; width: 315px;left: -9999px;top: -9999px;outline: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);z-index: 999999;display: none;min-width: 300px;margin-bottom: 20px;} .city-select-wrap {box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);} .city-select-tab { border-bottom: 1px solid #ccc; background: #f0f0f0;font-size: 13px;} .city-select-tab > a {display: inline-block;padding: 8px 22px;border-left: 1px solid #ccc;border-bottom: 1px solid transparent;color: #4D4D4D;text-align: center; outline: 0; text-decoration: none; cursor: pointer;font-size: 14px;margin-bottom: -1px;} .city-select-tab > a.active { background: #fff;border-bottom: 1px solid #fff;color: #46A4FF;} .city-select-tab > a:first-child {border-left: none;} .city-select-tab > a:last-child.active {border-right: 1px solid #ccc;} .city-select-content {width: 100%;min-height: 10px;background-color: #fff;padding: 10px 15px;} .city-select {font-size: 13px;} .city-select dl {line-height: 2;clear: both;padding: 3px 0;margin: 0;} .city-select dt {position: absolute;width: 2.5em;font-weight: 500;text-align: right;line-height: 2;} .city-select dd {margin-left: 0;line-height: 2;} .city-select.province dd {margin-left: 3em;} .city-select a {display: inline-block;padding: 0 10px;outline: 0;text-decoration: none;white-space: nowrap;margin-right: 2px;text-decoration: none;color: #333; cursor: pointer;} .city-select a:hover, .city-select a:focus {background-color: #f1f8ff;border-radius: 2px;color: #46A4FF;} .city-select a.active {background-color: #46A4FF;color: #fff;border-radius: 2px;} */ /* 疯狂伴习AI自习室 */ .studyMain .predicament-list ul li .icon img{width: 3.375rem;} .studyMain .predicament-list ul li p{color: #666666;} .study-bg{background: #eeeeee;} .study-bg .info,.study-bg .pic{width: 50%;} .study-bg .pic img{display: block; width: 100%; object-fit: cover;} .study-bg .info{display: flex;justify-content: flex-end;} .study-bg .text{margin-right: 19%;} .ny-title em{color: #cd373a;} .study-bg .ny-title{margin-bottom: 2.125rem;} .study-bg .ny-title i{margin: 0;} .study-bg .info h4{color: #666666; line-height: 2;} .study-ys{padding: 5.5625rem 0 8.8125rem;} .study-ys .system-btn{width: 40.93%;} .study-list ul li{padding: 5.625rem 0;} .study-list ul li:nth-of-type(even){background: #f4f4f4;} .study-list ul li .study-box {padding: 0 4.6%;} .study-list ul li:nth-of-type(even) .study-box {flex-direction: row-reverse;} .study-list ul li .pic{width: 47%; } .study-list ul li .pic img{display: block; width: 100%; border-radius: .625rem;} .study-list ul li .study-right{width: 48%;} .study-list ul li .study-title{margin-bottom: 1.875rem;} .study-list ul li .study-title em{color: #666666; display: block; line-height: 1; margin-bottom: 1.25rem;} .study-list ul li .study-title i{display: block; width: 1.8125rem; height: .375rem; background: #cd373a; border-radius: .1875rem;} .study-list ul li .info b{display: block; margin-bottom: .25rem;} .study-list ul li .info p{color: #666666; margin-bottom: .875rem;} .study-list ul li .info span{font-size: var(--font17); display: block;} .study-list ul li .info dl{margin-bottom: 2.375rem;} .study-list ul li .info dl dt{margin-bottom: .5rem;} .study-list ul li .info dl dd em{display: block; background: #e5e5e5; border-radius: 1.3125rem; color: #777777; padding:0.6rem 1.9rem; margin-right: .6875rem;} .study-list ul li .text dl dt{width: .375rem; height: .375rem; background: #cd373a; border-radius: 50%; margin-top: .625rem; margin-right: .5625rem;} .study-list ul li .text dl{margin-bottom: .875rem;} .study-list ul li .text dl:last-child{margin-bottom: 0;} .study-list ul li .study-right h4{color: #666666; margin-bottom: 1.625rem;} .difference-box{width: 88%; margin: 0 auto; align-items: flex-end; overflow: hidden;} .difference-le{width: 18%;height: 41.6875rem;background: linear-gradient(-24deg,rgba(255,180,165,0.2) 0%, rgba(231,10,22,0.2) 100%);border-radius: 3.75rem 0 0px 0px;display: flex;flex-direction: column;align-items: center;padding-top: 3.625rem;} .difference-mi{width: 44%;background: #d8262a;border-radius: 3.75rem 3.75rem 0px 0px;height: 50.4375rem;box-shadow: 0px 65px 53.01px 3.99px rgba(132, 28, 30, 0.53);text-align: center; padding: 3.75rem 0 0;} .difference-lr{width: 38%;height: 47.9375rem;background: #f7f7f7;border-radius: 0 3.75rem 0px 0px;text-align: center;padding: 4rem 0 0;} .difference-le strong{display: inline-block;background: #fef7f7;border-radius: 100px;width: 9.375rem;padding: 0.7rem 0;text-align: center;margin-bottom: 1.8125rem;} .difference-mi strong{display: inline-block;border-radius: 100px;background: #ffffff;color: #d8262a;font-weight: 800;margin: 0 auto;padding: 1.2rem 3rem; margin-bottom: 2.6875rem;} .difference-mi dl{width:80% ; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,0.5); padding: 1.6rem 0; padding-left: 4.0625rem;} .difference-mi dl img{display: block; width: 1.75rem; margin-right: .75rem;} .difference-lr strong{display: inline-block;border-radius: 100px;background: linear-gradient(0deg,#d4d4d4 0%, #ffffff 100%);font-weight: 800;margin: 0 auto;padding: 1.2rem 3rem;margin-bottom: 1rem;} .difference-lr dl{width: 94%;margin: 0 auto;border-bottom: 1px solid rgba(194,194,194,0.5);padding: 1.6rem 0;text-align: center;margin-right: 0;} .difference-lr dl dd{font-weight: 700;} .follow{background: #f7f7f7;} .follow .info,.follow .pic{width: 50%;} .follow .pic img{display: block; width: 100%; object-fit: cover;} .follow .info{display: flex; justify-content: flex-end;} .follow .text{margin-right: 26%;} .follow .info strong{display: block; font-size: 2.5rem; color: #333333;} .follow .info p{line-height: 2; margin-top: 2.25rem;} /* 疯狂惠选 */ .ny-banner .more1{background: #cd373a; margin-top: 3.4375rem;} .preferred{padding: 6.6875rem 0 5.3125rem;} .preferred-box .info{width: 44%;} .preferred-box .pic{width: 46.93%;} .preferred-box .pic img{display: block; width: 100%; object-fit: cover;} .preferred-box .ny-title{margin-bottom: 2.375rem;} .preferred-box .ny-title i{margin-left: 0;} .preferred-box .info h4{color: #666666; margin-bottom: 1.5rem;} .preferred-box .info .more1{background: #cd373a;padding: 1.04rem 2.37rem; margin-top: 1.875rem;} .strengths-bg{background: #f9f9f9; padding: 5.625rem 0 1.5625rem;} .strengths{padding: 0 11.93%;} .strengths .ny-title{margin-bottom: 2.1875rem;} .ny-title h3{color: #666666; width: 81%; margin: 0 auto;} .strengths .ny-title i{margin:0 auto 2.1875rem ;} .strengths-btn{width: 33.3125rem; margin: 0 auto 4.625rem; border-radius: 2.0625rem; background: #EEEEEE; position: sticky; top: 6.25rem;} .strengths-btn ul li a{ color: #333333; font-weight: bold; line-height: 4; display: block; text-align: center; padding: 0 2.9375rem; transition: .6s;} .strengths-btn ul li.on a,.strengths-btn ul li.active a,.strengths-btn ul li a.active {background: #CD373A; color: #ffffff; border-radius: 2.0625rem;} .strengths-box dl{margin-bottom: 5.5625rem;} .strengths-box dl:nth-of-type(even){flex-direction: row-reverse;} .strengths-box dl dt{} .strengths-box dl dt img{display: block; width: 100%; border-radius: .625rem;} .strengths-box dl dd{width: 46%;} .strengths-box dl dd em{color: #CD373A; display: block;} .strengths-box dl dd b{display: block; margin-bottom: .25rem;} .strengths-box dl dd i{display: block; width: 1.8125rem; height: .375rem; background: #CD373A; border-radius: .1875rem;} .strengths-box .text{margin-top: 1.875rem;} .strengths-box .text li{display: flex; margin-bottom: .625rem;} .strengths-box .text li span{width: .375rem;height: .375rem;background: #CD373A;border-radius: 50%;margin-top: 0.5rem;margin-right: .375rem;} .strengths-box .text li p{flex: 1;} .join-bg{background: url(../images/join-bg.webp) no-repeat center; background-attachment: fixed; padding: 16.0625rem 0 13rem; background-size: cover;} .join-bg .info h3,.join-bg .info h4{font-weight: bold;} .join-bg .info h4{font-size: 2.875rem; margin-bottom: 3.3125rem;} .join-bg .info img{display: block; width: 2.75rem; animation: floatUpDown 2s infinite ease-in-out; margin: 0 auto;} @keyframes floatUpDown { 0% { transform: translateY(0); /* 初始位置 */ } 50% { transform: translateY(-0.5rem); /* 向上移动8px */ } 100% { transform: translateY(0); /* 回到原位 */ } } /* 疯狂英语集训营 */ .training-bg{background: url(../images/training-bg.webp) no-repeat center; background-attachment: fixed; background-size: cover; padding: 5.0625rem 0 5.5625rem;} .training-bg .ny-title{margin-bottom: 1.75rem;} .training-bg .ny-title img{display: block; width: 1.5rem; margin: 1.125rem auto 0;} .training-bg .info b{display: inline-block; font-weight: bold; border-radius: 100px; background: #D8262A; padding: 1.2rem 1.6rem; margin-bottom: 1.25rem;} .training-bg .info h3{width: 58%; margin: 0 auto 2.0625rem;} .training-bg .info ul li{ display: inline-block; color: #555555; background: #EFEFEF; border-radius: 100px; margin: 0 .375rem; padding: 0.8rem 1.65rem;} .training-ys{padding: 5.625rem 0 6.875rem;} .training-ys .ny-title{margin-bottom: 3.5rem;} .training-list{margin-bottom: 3.125rem;} .training-list ul li{margin: 0 3.25rem;} .training-list ul li .icon{width: 2.9375rem; margin-right: .6875rem; display: flex; align-items: center; justify-content: center;} .training-list ul li .icon img{display: block; max-width: 100%;} .training-list ul li .text b{display: block; color: #999999;} .value{position: relative; } .value .pic{width: 58.13%;} .value .pic img{display: block; width: 100%; object-fit: cover;} .value .info-bg{position: absolute; right: 0; top: 0; width: 53%; height: 100%; z-index: 2; } .value .info-bg img{display: block; width: 100%; object-fit: cover;} .value .text{position: absolute;top: 0;width: 100%;height: 100%;z-index: 3;padding: 0 50px 0 90px;align-items: flex-start;flex-direction: column;justify-content: center;} .value .text em{} .value .text h3{margin-bottom: 3.625rem;} .value .text h4{font-weight: 500;} .core-bg{background: #f9f9f9; padding: 6.25rem 0 0;} .core-bg .ny-title{margin-bottom: 4.125rem;} .core-box{position: relative; padding-bottom: 5.125rem} .core-pic{position: absolute; bottom: 0; right: 0; width: 53%; height: 100%; z-index: 2;} .core-pic img{display: block; width: 100%; object-fit: cover;} .core-list{width: 59%; position: relative; z-index: 3; padding-top: 3.75rem;} .core-list ul li{padding: 0 3rem 2.375rem;} .core-list ul li:first-child{border-right: 1px solid rgba(152, 152, 152, 0.2); border-bottom: 1px solid rgba(152, 152, 152, 0.2);} .core-list ul li:nth-child(2){border-bottom: 1px solid rgba(152, 152, 152, 0.2);} .core-list ul li:nth-child(3){border-right: 1px solid rgba(152, 152, 152, 0.2);} .core-list ul li:nth-child(3),.core-list ul li:nth-child(4){padding-top: 3.375rem;} .core-list ul li h4{font-weight: bold; } .core-list ul li h5{margin-top: .25rem;} .core-list .text{margin-top: 1.25rem;} .core-list .text dl dt{width: .375rem; height: .375rem; background: #D8262A; border-radius: 50%; margin-top: .6rem; margin-right: .5rem;} .suitable-bg{background: url(../images/suitable-bg.webp) no-repeat center; padding:5.9375rem 0 15.625rem; background-size: cover;} .suitable-bg .ny-title{margin-bottom: 5.4375rem;} .suitable-bg .ny-title strong{color: #fff;} .suitable-bg .ny-title h3{color: #fff; margin-bottom: 1.5625rem;} .suitable-bg .ny-title i{background: #fff;} .suitable-list ul {gap: 9rem;} .suitable-list ul li{text-align: center;} .suitable-list ul li .icon{height: 3.375rem; margin-bottom: 1.5625rem;} .suitable-list ul li .icon img{display: block; max-height: 100%;margin: 0 auto; } .suitable-list ul li h4{margin-bottom: .625rem; font-weight: bold;} .play-bg{background: url(../images/plan-bg.webp) no-repeat center; background-size: cover; border-radius: 3.125rem; padding: 6.25rem 0 4.6875rem; transform: translateY(-7.875rem);} .play-bg .ny-title{margin-bottom: 3.125rem} #yzform{width: 45.46%; margin: 0 auto;} #yzform>dl{background: #FFFFFF; margin-bottom: .9375rem; display: flex; align-items: center; padding: .625rem 0;} #yzform dl dt{width: 16%;border-right: 1px solid rgba(189, 189, 189, 0.5);text-align: center;color: #9C9C9C;line-height: 2.5;display: inline-block; } #yzform dl dd{flex: 1; padding: 0 1rem;} #yzform dl dd input{width: 100%; } #yzform dl dd .city{gap: 1rem;} #yzform dl:nth-child(5){align-items: flex-start;} #yzform dl dd textarea{border: none;resize: none;padding: 0;height: 10.1875rem;} #yzform dl dd .incode{position: relative;} #yzform dl dd .incode input{border: none;} #yzform dl dd .incode img{position: absolute; right: 0; top: 0; height: 2.375rem; width: auto;} #yzform button{margin: 2rem auto 0;background: #E80000;color: #fff;padding: 0.5rem 3.05rem;border-radius: 100px;font-size: var(--font17);height: auto;display: block; margin-bottom: 1.25rem;} .play-bg .text p{color: #656565; text-align: center; } .play-note{margin-bottom: 7.5rem;} .play-note b{display: block; margin-bottom: .625rem;} .play-note p{color: #848484;} /* 全科系统 */ .general-bg{background: url(../images/general-bg.webp) no-repeat center; background-size: cover; padding: 8.25rem 0 9.6875rem;} .general-bg .ny-title{} .general-bg .ny-title strong{margin-bottom: 2.375rem;} .general-bg .info{width: 58%; margin: 0 auto; text-align: center;} .general-ys{padding: 5.625rem 0 8.75rem;} .general-ys .ny-title{margin-bottom: 1.875rem;} .general-ys .info{margin-bottom: 3.75rem;} .general-list ul{gap: 1.1875rem;} .general-list ul li{background: #F4F4F4; padding: 2rem 2.125rem 0; height: 15.625rem;} .general-list ul li .icon{width: 4.3125rem; height: 4.3125rem; background: #FFFFFF; border-radius: 50%; margin-bottom: 1.25rem;} .general-list ul li .icon img{display: block; max-width: 80%;} .general-list ul li h4{font-weight: bold; margin-bottom: .4375rem;} .general-list ul li h5{} .general-list ul li em{color: #cd373a;} .learn-bg{background: url(../images/learn-bg.webp) no-repeat center; background-size: cover; padding: 5.5625rem 0 10.3125rem;} .learn-bg .ny-title{margin-bottom: 13.4375rem;} .learn-bg .ny-title i{background: #fff;} .learn{position: relative;} .learn::after{position: absolute;content: '';height: .125rem;width: 100%;background: #F4F4F4;top: 25%;transform: translateY(-50%);z-index: 1;} .learn .w1700{padding: 0 4%;} .learn-list ul li{text-align: center;position: relative;z-index: 2;} .learn-list ul li .icon{width: 8.625rem; height: 8.625rem; background: #FFFFFF; border-radius: 50%; margin: 0 auto;} .learn-list ul li .icon img{display: block; max-width: 50%;} .learn-list ul li .learn-arrow{position: absolute; top: 25%; right: 0; transform: translateY(-50%); } .learn-list ul li .learn-arrow img{display: block; width: .625rem;} .learn-list ul li .text{width: 76%; margin: 0 auto;} .learn-list ul li .text b{display: block; margin-bottom: .5rem;} .learn-list ul li:nth-of-type(odd) .icon{margin-bottom: 1.75rem;} .learn-list ul li:nth-of-type(even) .text{position: absolute;transform: translateY(-120%);top: 0;left: 0;right: 0;} .learn-list ul li:nth-child(3) .text{width: 100%;} .mention{padding: 5.9375rem 0 6.875rem;} .mention .ny-title{margin-bottom:6.25rem;} .mention-list ul{gap: 6.25rem;} .mention-list ul li{} .mention-list ul li .icon{width: 4.3125rem; height: 4.3125rem; background: #F4F4F4; border-radius: 50%; margin-right: 1.1875rem;} .mention-list ul li .icon img{display: block; max-width: 52%;} .mention-list ul li .text{flex: 1;} .mention-list ul li .text h4{font-weight: bold;} .mention-list ul li .text h5{color: #666666;} .research-bg{background: #F4F4F4; padding: 5.9375rem 0 7.3125rem;} .research-list ul{gap: 1.5625rem;} .research-list ul li{background: #FFFFFF; padding: 2.0625rem 2.0625rem 0; height: 17.125rem;} .research-list ul li .icon{width: 4.75rem; height: 4.75rem; background: #CD373A; border-radius: 50%; margin: 0 auto 1.5625rem;} .research-list ul li .icon img{display: block; max-width: 80%;} .research-list ul li .text h4{font-weight: bold; margin-bottom: .625rem} .efficiency-bg{background: url(../images/efficiency-bg.webp) no-repeat center; background-size: cover; padding: 7.8125rem 0 20rem;} .efficiency-bg .ny-title h3{margin: 2.1875rem auto 0;} .general-play .play-bg{transform: translateY(-18.5625rem);} /* 进校系统 */ .school-bg{background: url(../images/school-bg.webp) no-repeat center; background-size: cover; padding: 6.4375rem 0 10.625rem;} .school-bg .ny-title i{margin: 0;} .school-bg .info{width: 47%;} .school-bg .info h3{margin-bottom: 1.625rem;} .break{padding: 5.3125rem 0 5.5625rem;} .break .ny-title h3{margin-top: 1.5625rem; color: #333;} .break-list ul{gap: 2.5rem} .break-list ul li{background: #F4F4F4; height: 21.875rem; border-radius: .625rem; padding: 5rem 2.1875rem 0; text-align: center;} .break-list ul li .icon{height: 3.625rem; margin: 0 auto 2.625rem; display: flex; align-items: center; justify-content: center;} .break-list ul li .icon img{display: block; max-height: 100%;} .break-list ul li .text h4{font-weight: bold; display: block; margin-bottom: .625rem;} .break-list ul li .text h5{} .break-ys ul li{background: #F4F4F4;} .break-ys ul li .pic,.break-ys ul li .info{width: 50%;} .break-ys ul li .pic img{display: block; width: 100%; object-fit: cover; min-height: 28.125rem; } .break-ys ul li .info{} .break-ys ul li .text{margin-left: 4.25rem; width: 69%;} .break-ys ul li .info h4{font-weight: bold; line-height: 1.2; display: block; margin-bottom: 1rem;} .break-ys ul li .info i{display: block; width: 1.8125rem; height: .375rem; background: #CD373A; border-radius: .1875rem; margin-bottom: 2.5rem;} .break-ys ul li .info dl{margin-bottom: 1.25rem;} .break-ys ul li .info dl dt span{display: block; width: .4375rem; height: .4375rem; background: #CD373A; border-radius: 50%; margin-right: .625rem; margin-top: .5rem;} .break-ys ul li .info dl dt b,.break-ys ul li .info dl dt p{flex: 1;} .break-ys ul li .info dl dd{margin-left: 1.2rem;} .break-ys ul li:nth-of-type(even){flex-direction: row-reverse;} .break-ys ul li:nth-of-type(even) .info {display: flex; justify-content: flex-end;} .break-ys ul li:nth-of-type(even) .text{margin-right: 6.8125rem; margin-left: 0; width: 68%;} .science{padding: 7.0625rem 0 8.875rem;} .school-system{background: url(../images/school-system.webp) no-repeat center; background-size: cover; padding:8rem 0 18.6rem;} .school-system .ny-title i{margin-bottom: 1.875rem} .school-play .play-bg{transform: translateY(-18.75rem);} /* 关于我们 */ .ny-banner2 .info{text-align: center;} .ny-banner2 .info h1{margin-bottom: 0; text-align: center; line-height: 1.3;} .ny-banner2 .info .icon img{display: block; width: 3.875rem; margin: 5.3125rem auto 0;} .company{padding: 8.625rem 0 6.25rem;} .company-box{margin-bottom: 9.375rem;} .company-box .info{width: 49%;} .about-title h2{display: block; font-size: 2.875rem;font-weight: bold; line-height: 1;} .company-box .info h3{color: #666; line-height: 1.8;} .company-box .pic{width: 44.2%;} .company-box .pic img{display: block; width: 100%; object-fit: cover; border-radius: 1.0625rem;} .culture-bg {background: url(../images/culture-bg.webp) no-repeat center; overflow: hidden; background-size: cover; height: 57.1875rem; position: relative;} .culture-bg .about-title{padding-top: 9.375rem;} .culture-bg .list {display: flex; align-items: flex-end; position: absolute; height: 100%; gap: .313rem; bottom: 0; z-index: 1; justify-content: space-between; width: 100%;} .culture-bg .list .item {padding: 2.5rem 3.75rem; background: rgba(0, 0, 0,.3); backdrop-filter: blur(.625rem); width:25%; height: 7.5rem; transition: .5s;} .culture-bg .list .item .p1 {display: flex; align-items: center; font-size: var(--font22); color: #fff; font-weight: 700; transition: .5s;} .culture-bg .list .item .p2 {display: none; font-size: var(--font28); color: #fff; font-weight: 700; margin-top: 1.25rem;} .culture-bg .list .item .icBox {height: 2.5rem;} .culture-bg .list .item .icBox img {max-height: 100%; max-width: 100%; object-fit: contain;} .culture-bg .list .item .icon {display: none; margin-top: 5rem; height: 2.5rem;} .culture-bg .list .item .icon img {max-height: 100%; max-width: 100%; object-fit: contain;} .culture-bg .list .item.active {height: 24rem;} .culture-bg .list .item.active .p1 {font-size: var(--font18);} .culture-bg .list .item.active .p1 .icBox {opacity: 0; animation: fadeOut .5s ease-in-out;} .culture-bg .list .item.active .p2 {display: block; animation: fadeIn .5s ease-in-out;} .culture-bg .list .item.active .icon {display: block; animation: fadeIn .5s ease-in-out;} .honor-bg{background: url(../images/honor-bg.webp) no-repeat center; overflow: hidden; background-size: cover; padding: 7.6875rem 0 0;} .honor-box{position: relative; margin-top: 3.25rem; padding-bottom: 10.8125rem;} .honor{width: 31%; height: 32.0625rem; overflow-y: scroll; position: relative;} .honor-list{position: relative; padding-top: 2.3125rem;} .honor-list::after{position: absolute;content: ''; width: .0625rem; height: 100%; background: rgba(217, 217, 217, 0.8);left: .8125rem; top: 0; } .honor-list dl{padding: 0.9rem 0;} .honor-list dl dt{} .honor-list dl dt span{width: 1.625rem; height: 1.625rem; background: transparent; border-radius: 50%; position: relative; } .honor-list dl dt span::after{position: absolute;content: ''; width: .625rem; height: .625rem; background: #E3E3E3; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; transition: .6s;} .honor-list dl dt span::before{position: absolute;content: ''; width: 100%; height: 100%; background: rgba(222, 17, 21, 0.1); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); z-index: 1; transition: .6s;} .honor-box .pic{width: 53.33%; position: absolute; bottom: 0; right: 2.34%;} .honor-box .pic img{display: block; width: 100%; object-fit: cover; } .honor-list dl dt em{margin: 0 3.4375rem 0 2.3125rem} @media (any-hover: hover) { .honor-list dl:hover dt span::after{background: #DE1115;} .honor-list dl:hover dt span::before{transform: translate(-50%, -50%) scale(1);} .honor-list dl:hover dt em{color: #DE1115;} .honor-list dl:hover dd{color: #DE1115;} } /* 内页新闻资讯 */ .ny-banner2 .info h2{margin-top: .5625rem;} .newsclass-bg{background: #fff; border-bottom: 1px solid rgba(216,216,216,0.45);} .newsclass-bg .class-list ul li a{font-size: var(--font18); color: #2F2F2F; font-weight: 500;} .newsclass-bg .class-list ul li::after{top: auto; bottom:-0.0625rem ;} .newsclass-bg .class-list ul li.on a{color: #DE1115; font-weight: bold;} @media (any-hover: hover) { .newsclass-bg .class-list ul li:hover a{color: #DE1115; font-weight: bold;} } .newsclass-bg .position,.newsclass-bg .position a{color: #999;} @media (any-hover: hover) { .newsclass-bg .position a:hover{color: #D8262A;} } .newsclass-bg .position img{filter: invert(100%) sepia(87%) saturate(9%) hue-rotate(39deg) brightness(111%) contrast(80%);} .newsMain{padding: 5rem 0;} .latest-top{border-radius: .625rem; background: #F6F6F6; margin-bottom: 6.0625rem;} .latest-top .pic,.latest-top .info{width: 50%; } .latest-top .pic{border-top-left-radius: .625rem; border-bottom-left-radius: .625rem; overflow: hidden;} .latest-top .pic img{display: block; width: 100%; object-fit: cover; transition: .6s;} .latest-top .info{padding: 0 3.3125rem;} .latest-top .info span{display: block;color: #3D3D3D;margin-bottom: 1.4375rem;} .latest-top .info strong{color: #3D3D3D;font-weight: 700;margin-bottom: 1.4375rem;} .latest-top .info p{color: #3D3D3D;margin-bottom: 2.8125rem;} .latest-top .info em{display: inline-block;border-radius: 100px;background: #D8262A;padding: 0.82rem 1.83rem; transition: .6s;} @media (any-hover: hover) { .latest-top a:hover .pic img{transform: scale(1.1);} .latest-top a:hover .info em{box-shadow: 0 0 0 .625rem rgba(216, 38, 42 , .2);} } .nynews-list{overflow: hidden;} .nynews-list ul{gap: 3.75rem 3.125rem;} .nynews-list ul li .pic{overflow: hidden; border-radius: .625rem;} .nynews-list ul li .pic img{display: block; width: 100%; object-fit: cover; transition: .6s;} .nynews-list ul li .info{padding: 1.25rem 1rem 0;} .nynews-list ul li .info span{color: #909090; margin-bottom: .4375rem; display: block;} .nynews-list ul li .info strong{color: #3D3D3D; margin-bottom: 1.5rem; min-height: 4.5rem;} .nynews-list ul li .info em{color: #3D3D3D;} @media (any-hover: hover) { .nynews-list ul li:hover .pic img{transform: scale(1.1);} .nynews-list ul li:hover .info strong{color: #DE1115;} } /* 案例列表页 */ .case-banner .jddwjz{top: 42%;} .case-banner .info{text-align: center;} .case-banner .info h1{font-size: 3.125rem; display: block; line-height: 1.3; margin-bottom: 0;} .case-btn{width: 49.5625rem; margin: 2.1875rem auto 0; border-radius: 100px; background: #fff;} .case-btn ul li a{color: #808080;line-height: 4;display: block;text-align: center;padding: 0 1.9375rem;transition: .6s;} .case-btn ul li.on a{background: #CD373A; color: #ffffff; border-radius: 2.0625rem; font-weight: bold;} @media (any-hover: hover) { .case-btn ul li:hover a{background: #CD373A; color: #ffffff; border-radius: 2.0625rem; font-weight: bold;} } .caseMain .latest-top .info em{border: 1px solid #9B9B9B; background: transparent;color: #505050;} @media (any-hover: hover) { .caseMain .latest-top a:hover .info em{background: #CD373A; border-color: #CD373A; color: #fff;} } .caseMain{padding: 0; transform: translateY(-16.75rem)} .nynews-list ul li .info p{color: #909090;} /* 方法论列表页 */ .methodology-list ul li{padding: 6.8125rem 0 7.125rem;} .methodology-list ul li:first-child{background: #F9F9F9;} .methodology-list ul li .info{width: 43.8%;} .methodology-list ul li .pic{width: 50.26%; border-radius: .75rem;} .methodology-list ul li .pic img{display: block; width: 100%; object-fit: cover; transition: .6s; border-radius: .75rem;} .methodology-list dl:first-child {border-bottom: 1px solid #EDEDED; padding-bottom: 4.375rem; margin-bottom: 4.5rem;} .methodology-list dl dt{width: 5.8125rem; height: 5.8125rem; background: #DB3438; border-radius: 50%; margin-right: 2rem;display: flex; align-items: center; justify-content: center;} .methodology-list dl dt img{display: block; max-width: 43%;} .methodology-list dl dd{ flex: 1;} .methodology-list dl dd h3{font-weight: bold; margin-bottom: .625rem;} .methodology-list dl dd p{color: #777; margin-bottom: 1.25rem;} .methodology-list dl dd span{color: #da3437;} .methodology-list ul li:last-child .methodology{flex-direction:row-reverse;} .scientific-bg{background: url(../images/scientific-bg.webp) no-repeat center; background-size: cover; padding: 5.9375rem 0; } .scientific-bg .ny-title{margin-bottom: 4.6875rem;} .scientific-bg .ny-title strong{margin-bottom: 0;} .scientific-bg .ny-title h3{color: #666666; margin: 1.875rem auto 2.8125rem; width: 64%;} .scientific-list ul{gap:2.3125rem 1.6875rem;} .scientific-list ul li{padding: 4.5625rem 3.375rem 4.375rem; text-align: center; background: linear-gradient(-31deg, rgba(229, 229, 229, 0.7) 0%, rgba(255, 255, 255, 0.7) 10%, rgba(198, 198, 198, 0.7) 30%, rgba(241, 241, 241, 0.7) 54%, rgba(191, 191, 191, 0.7) 76%, rgba(255, 255, 255, 0.7) 90%, rgba(227, 227, 227, 0.7) 100%); border-radius: 1.25rem; border: 1px solid rgba(225, 225, 225, 0.7);} .scientific-list ul li .icon{width: 3.875rem; height: 4.0625rem; margin: 0 auto 1.75rem;} .scientific-list ul li .icon img{display: block; max-width: 92%;} .scientific-list ul li .info h4{font-weight: bold; color: #333333;} .scientific-list ul li .info h5{color: #646464; margin-bottom: 1.875rem;} .scientific-list ul li .info p{color: #525252; text-align: left;} /* 商务合作 */ .choose{padding: 7.1875rem 0 8.75rem;} .businessMain .ny-title strong{margin-bottom: 0;} .choose-list ul{gap: .4375rem;} .choose-list ul li{border: 1px solid #F4F4F4; padding: 4.25rem 2.25rem 0; height: 29.4375rem;} .choose-list ul li .icon{display: flex; align-items: center; justify-content: center; width: 6.3125rem; height: 6.3125rem; background: #F6F6F6; border-radius: .625rem; margin-bottom: 2.375rem;} .choose-list ul li .icon img{display: block; max-width: 90%;} .choose-list ul li .info strong{ margin-bottom: 1.5rem; display: block;} .choose-list dl{margin-bottom: .25rem;} .choose-list dl dt{width: .375rem; height: .375rem; background: #C4C4C4; border-radius: 50%; margin-right: .6875rem; margin-top: .4rem;} .choose-list dl dd{flex: 1; color: #555555;} .investment-bg{background: url(../images/investment-bg.webp) no-repeat center; background-size: cover; padding: 7.375rem 0 11.4375rem; } .investment-bg .ny-title{margin-bottom: 6.25rem;} .investment-list ul{gap: 10rem;} .investment-list ul li{text-align: center;} .investment-list ul li .icon{width: 8.125rem; height: 8.125rem; background: #FFFFFF; border-radius: 50%; margin: 0 auto 3.5rem; position: relative;} .investment-list ul li .icon::after{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; width: 126%; height: 126%; background: rgba(244, 244, 244, .1); border-radius: 50%;} .investment-list ul li .icon h3{font-weight: bold;} .investment-list ul li .text p{color: #FFFFFF;} .process-bg{background: url(../images/process-bg.webp) no-repeat center; background-size: cover; padding: 7.8125rem 0 10.9375rem; } .process-bg .ny-title{margin-bottom: 9.6875rem;} .process{position: relative;} .process::after{position: absolute;content: '';width: 100%;height: 1px;background:rgba(205, 205, 205, 0.5);top: 28%;z-index: 1;} .process-list ul li{position: relative;z-index: 2;} .process-list ul li .arrow{position: absolute;content: '';right: 0;top: 25%;} .process-list ul li .arrow img{display: block; width: .5625rem; } .process-list ul li .icon{width: 7.125rem; height: 7.125rem; background: #FFFFFF; border-radius: 50%; margin: 0 auto 1.25rem; display: flex; align-items: center; justify-content: center;} .process-list ul li .icon img{display: block; max-width: 40%;} .process-list ul li .text{text-align: center;} .process-list ul li .text b{} .process-list ul li .text p{color: #666666; width: 66%; margin: 0 auto;} .agent{padding: 6.25rem 0 10rem;} .agent-list{position: relative; overflow: hidden; padding-bottom: 5.625rem;} .agent-list ul li{background: #efefef; padding: .625rem;} .agent-list ul li .pic{overflow: hidden;} .agent-list ul li .pic img{display: block; width: 100%;} #agent-num{bottom: 0;} #agent-num .swiper-pagination-bullet {width: .9375rem; height: .9375rem; background: #EFEFEF; border-radius: 50%; opacity: 1;} #agent-num .swiper-pagination-bullet-active {background: #CD373A;} .business-play{ background: url(../images/business-play.webp) no-repeat center; background-size: cover; } .business-play .play-bg{transform: translateY(0); background: transparent;} /* 新闻中心详情页 */ .newsxqMain{background: #f2f2f2; padding: 1.875rem 0 7.25rem;} .newsxqMain .position{margin-bottom: 2.5rem;} .newsxqMain .position img{filter: invert(100%) sepia(87%) saturate(9%) hue-rotate(39deg) brightness(111%) contrast(80%);} .nynews-box{align-items: flex-start;} .nynews-box .news-left{width: 67%; background: #fff; padding: 3.125rem 3.625rem; } .nynews-box .news-right{width: 30.57%; background: #fff; padding: 3.125rem 3.125rem; position: sticky; top: 6.125rem;} .newsxq-title{border-bottom: 1px solid #D8D8D8; padding-bottom: .625rem; margin-bottom: 1.875rem;} .newsxq-title h1{margin-bottom: 1.5rem;} .newsxq-title span{color: #666;} .newsxq-title span:first-child{margin-right: 3.125rem;} .newsxq-editor{margin-bottom: 2.5rem;} .newxq-more .more1{background: #c1c1c1;} .newxq-more .more1:hover{background: #CD373A; } .recom-title strong{font-size: var(--font26); margin-bottom: 2.5rem; display: block;} .recom-list ul li{border-bottom: 1px solid #D8D8D8; padding-bottom: 1.5rem; margin-bottom: 1.875rem;} .recom-list ul li h3{color: #333; } .recom-list ul li span{color: #666; margin-top: .9375rem} .recom-list ul li span:first-child{margin-right: 3.125rem;} @media (any-hover: hover) { .recom-list ul li:hover h3{color: #CD373A;} } .recom-list ul li .pic{overflow: hidden; margin-bottom: 1.25rem;} .recom-list ul li .pic img{display: block; width: 100%; transition: all .3s ease-in-out;} .recom-list ul li:hover .pic img{transform: scale(1.1);} .develop-bg{position: relative; overflow: hidden;} .develop{position: relative;/* content: ''; *//* width: 100%; *//* height: 100%; *//* top: 0; */ } .develop-pic{position: relative;top: 0;left: 0;width: 100%;height: 100%;} .develop-pic img{display: block; width: 100%; height: 100%; object-fit: cover;} .develop-info{position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;} .about-title a{display: inline-block;color: #DE1115;font-weight: bold;font-size: var(--font17);background: #FFFFFF;border-radius: 100px;padding: 0.93rem 1.84rem;} .develop-info .about-title h2 {margin: 1.25rem 0 5.5rem;} .develop-year {position: absolute; bottom: 7%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;} .develop-year img{display: block; width: 100%;} .develop.on {opacity: 0; height: 0; visibility: hidden;} .indexOnes {position: absolute; height: auto; opacity: 0; visibility: hidden; overflow: hidden;z-index: 9;clip-path: inset(0);width: 100%;top: 0;} .indexOnes.active {opacity: 1; visibility: visible; position: relative;} .indexOnes .bjBox {position: absolute; z-index: -1; left: 0; top: 0; width: 100vw; height: 100vh; } .indexOnes .bjBox img {width: 100%; height: 100%; object-fit: cover;} .scroll-fix {position: absolute;left: 0;top: 0;height: 100vh;width: 100%;overflow: hidden;} .scroll-wrapper {height: 100%;} .lfy-history-box .cup-line {position: absolute;left: 0;top: 29.17%;width: 300vw;z-index: 3;} .history-item {position: absolute;} .history-item .point {width: .75rem;height: .75rem;border-radius: 50%;background: #fff;} .history-item .point::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0); width: 600%; height: 600%; border-radius: 50%; border: 1px solid #fff; transition: .5s;} .history-item .point::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0); width: 300%; height: 300%; border-radius: 50%; background: #fff; opacity: .4; transition: .5s;} .history-text {position: absolute; left: 50%; transform: translateX(-50%); white-space: normal; width: 18rem; text-align: center; transition: .5s;pointer-events: none;} .history-text .time {font-size: 1.875rem;font-weight: 700; color: #fff; margin: .5rem 0; line-height: 1;} .history-text .txt {color: #fff;opacity: 0; transition: .5s;} .history-item:nth-child(even) .time {margin-bottom: .5rem;} .history-item:nth-child(even) {display: flex; flex-direction: column-reverse;} .history-item:nth-child(even) .txt {max-height: 0;} .cup-line .zhan-line {width: 100%;opacity: 0;} .cup-line .line {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: left center;background-size: cover;} .history-tit {position: absolute; padding: 0 2% 0 2.5%; z-index: 2; left: 0; top: 8%; justify-content: space-between; align-items: center; width: 100vw;} .history-tit .since {font-size: 10rem; color: rgba(255, 255, 255, 0.36); white-space: nowrap; font-weight: bold; font-family: 'Arial', sans-serif; color: transparent;-webkit-text-stroke: 2px rgba(255, 255, 255, 0.2);} .history-tit .t2 {opacity: .8;} .history-info {position: absolute; bottom: 10%; left: 2.5%;} .history-item .point::after {transform: translateX(-50%) translateY(-50%) scale(1);} .history-item .point::before {transform: translateX(-50%) translateY(-50%) scale(1); transition-delay: .1s;} .history-item .history-text .txt {opacity: .8;} .history-item:nth-child(odd) .history-text {margin-top: 2.5rem;} .history-item:nth-child(even) .history-text {margin-bottom: 5rem;} .history-item:nth-child(even) .txt {max-height: 12.5rem;} /* 前 8 个：完全按照你给出的坐标整理 */ .history-item:nth-child(1) { left: 3%; top: 40%; } .history-item:nth-child(2) { left: 10%; top: 60%; } .history-item:nth-child(3) { left: 17%; top: 94%; } .history-item:nth-child(4) { left: 24%; top: 95%; } .history-item:nth-child(5) { left: 31%; top: 56%; } .history-item:nth-child(6) { left: 38%; top: 11%; } .history-item:nth-child(7) { left: 45%; top: 10%; } .history-item:nth-child(8) { left: 52%; top: 43%; } .history-item:nth-child(9) {left: 59%;top: 73%;} .history-item:nth-child(10) {left: 66%;top: 67%;} .history-item:nth-child(11) {left: 73%;top: 30%;} .history-item:nth-child(12) {left: 80%;top: 6%;} .history-item:nth-child(13) {left: 87%;top: 25%;} .history-item:nth-child(14) {left: 94%;top: 79%;} .history-item:nth-child(15) { left: 98%; top: 70%;} /* @media (any-hover: hover) { .history-item:hover .point::after { transform: translateX(-50%) translateY(-50%) scale(1);} .history-item:hover .point::before { transform: translateX(-50%) translateY(-50%) scale(1); transition-delay: .1s;} .history-item:hover .history-text .txt {opacity: .8;} .history-item:nth-child(odd):hover .history-text {margin-top: 2.5rem;} .history-item:nth-child(even):hover .history-text {margin-bottom: 5rem;} .history-item:nth-child(even):hover .txt {max-height: 12.5rem;} } */ .indexOnes.on2 {position: absolute; opacity: 0;} .indexOnes.on .bjBox {position: fixed;} .indexOnes.on2 .bjBox {position: absolute; top: auto; bottom: 0;} @media screen and (min-width: 767px) { .history-info {opacity: 0;} .history-tit .since {opacity: 0;} } .develop-close{position: fixed; top: 12%; right: 2%; cursor: pointer;} .develop-close i{font-size: 2rem; color: #fff;} .news-editor img{display: block; width: 100%!important; height: auto;} .methodMain{padding: 5rem 0;}