/* 公共样式 */ @font-face { font-family: 'PR'; src: url("../font/PlusJakartaDisplay-Regular.otf") format("opentype"); } @font-face { font-family: 'PM'; src: url("../font/PlusJakartaDisplay-Medium.otf") format("opentype"); } @font-face { font-family: 'PG'; src: url("../font/PlusJakartaDisplay-Bold.otf") format("opentype"); } :root{ --main:#0c65ff; --main2:#3d84ff; --color:#292c33; --color2:#8a8e99; } .son_body {padding-top: 151px;} @media screen and (max-width:750px) { .son_body {padding-top: 171px;} } *::-webkit-scrollbar {width: 1px;background: #fff;height: 5px;} *::-webkit-scrollbar-thumb {border-radius: 2px;background: var(--main);cursor:pointer;} /* 层级 头部导航20 头部搜素25 侧边栏15*/ body::before {content: '';width: 100%;height: 100%;opacity: 0;pointer-events: none; position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, 0.5);z-index: 15;transition: all 0.3s linear;} body.cur::before {opacity: 1;} body.index {background: #f5f6f7;} #title_text {font-weight: 500;text-align: center;} #title_text .en {font-size: 26px;color: #ccc;} #title_text .cn {font-size: 42px;} @media screen and (max-width:750px) { #title_text .en {font-size: 36px;} } /*全站搜索*/ /* #search{width:100%; padding-bottom:40px;padding-top: 173px;} */ #search {padding: 210px 0 230px;width:100%;} #search .form{margin-bottom:45px;margin-top: 30px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid var(--color);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(../image/phone_sousuo.png) no-repeat center center var(--color);color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: var(--color); font-size:16px; font-weight:700;white-space: revert;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{/*height:60px;*/ overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info li{padding: 35px 0;} #search .list .info .title{font-size: 36px;line-height: 1.6;display: block;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } /* 头部导航 */ #header {position: relative;z-index: 20;position: fixed;width: 100%;left: 0;top: 0;} #header .content {display: flex;align-items: center;justify-content: space-between;} #header.scroll-down {transform: translate(0,-100%);} #header.scroll-up {transform: translate(0,0%);} #header .logo {object-fit: contain;max-width: 175px;} @media (max-width: 750px){ #header .logo {object-fit: contain;filter: brightness(0) invert(100%);max-width: 230px;} } #header .use {display: flex;align-items: center;} #header .use .box {cursor:pointer;display: flex;align-items: center;font-size: 16px;color: #fff;margin-right: 35px;position: relative;} #header .use .box:last-child {margin-right: 0;} #header .use .box .icon {margin-right: 14px;} #header .use .box .icon img {object-fit: contain;filter: brightness(0) invert(100%);} #header .use .buy::before {content: '';width: 165px;height: 20px;background: transparent;position: absolute;left: 50%;top: 20px;transform: translateX(-50%);display: none;} #header .use .buy:hover::before {display: block;} #header .use .buy .out {display: none; min-width: 165px;background: #fff;border-radius: 20px;position: absolute;top: 40px;left: 50%;transform: translateX(-50%);z-index: 2;} #header .use .buy .out .ul {padding: 20px;} #header .use .buy .out .ul .li {display: flex;align-items: center;font-size: 18px;margin-top: 15px;} #header .use .buy .out .ul .li:first-child {margin-top: 0;} #header .use .buy .out .ul .li .buy-icon {width: 45px;height: 45px;border-radius: 50%;background: var(--color);margin-right: 8px;} #header .use .buy .out .ul .li:hover {color: var(--main);} #header .use .buy .out .ul .li:hover .buy-icon {background: var(--main);} #header .menu {width: 34.659%;display: flex;justify-content: space-between;} #header .menu .box {position: relative;} #header .menu .box .title {font-size: 18px;line-height: 115px;position: relative;color: #fff;} #header .menu .box .title::before {content: '';width: 0;height: 3px;background: var(--main);position: absolute;bottom: 32px;left: auto;right: 0;transition: all 0.3s linear;} #header .menu .box:hover .title:hover {color: var(--main);} #header .menu .box:hover .title::before {left: 0;right: auto;width: 100%;} #header:hover, #header.scroll-down, #header.scroll-up, #header.son {border-bottom: 1px solid #e9e9ea;background: #fff;} #header:hover .logo, #header.scroll-down .logo, #header.scroll-up .logo, #header.son .logo {filter: none;} #header:hover .menu .box .title, #header.scroll-down .menu .box .title, #header.scroll-up .menu .box .title, #header.son .menu .box .title {color: var(--color);} #header:hover .use .box, #header.scroll-down .use .box, #header.scroll-up .use .box, #header.son .use .box {color: var(--color);} #header:hover .use .box .icon img, #header.scroll-down .use .box .icon img, #header.scroll-up .use .box .icon img, #header.son .use .box .icon img {filter: none;} #header .menu .box .title.cur {color: var(--main);} /* 其他下拉 */ #header .menu .box .out_other {position: fixed;width: 100%; left: 0;top: 100px;background: #fff;border-radius: 0 0 30px 30px;z-index: 20;height: 0;overflow: hidden;} #header .menu .box .out_other .info {padding: 38px 0 58px;display: flex;justify-content: center;} #header .menu .box .out_other .info .list {font-size: 18px;color: var(--color);margin-right: 3.645%;} #header .menu .box .out_other .info .list:last-child {margin-right: 0;} #header .menu .box .out_other .info .list.cur, #header .menu .box .out_other .info .list:hover {color: var(--main);} /* 产品下拉 */ #header .menu .box .out_products {position: fixed;width: 100%; left: 0;top: 100px;background: #fff;border-radius: 0 0 30px 30px;z-index: 20;height: 0;overflow: hidden;} #header .menu .box .out_products .info {padding: 38px 4.166% 58px;} #header .menu .box .out_products .info .top {display: flex;} #header .menu .box .out_products .info .top .item {width: 13.636%;margin-right: 3.636%;} #header .menu .box .out_products .info .top .item:last-child {margin-right: 0;} #header .menu .box .out_products .info .top .item .img {padding-top: 104.166%;border-radius: 20px;background: #f5f6f7;position: relative;overflow: hidden;} #header .menu .box .out_products .info .top .item .img img {max-width: 220px;max-height: 200px;} #header .menu .box .out_products .info .top .item .img img {transform: scale(0.8) translate(-62%, -62%);} #header .menu .box .out_products .info .top .item .text {display: flex;align-items: flex-start;justify-content: center;font-size: 18px;font-weight: 500;color: var(--color);margin-top: 20px;} #header .menu .box .out_products .info .top .item .text .tip {line-height: 15px;padding: 0 5px;color: #fff;background: #ff3a0c;font-size: 9px;border-radius: 3px;font-family: 'PR';margin-left: 5px;} #header .menu .box .out_products .info .top .item .text .tip.new {background: var(--main);} #header .menu .box .out_products .info .bot {margin-top: 55px;display: flex;justify-content: center;position: relative;} #header .menu .box .out_products .info .btn {width: 180px;height: 52px;border-radius: 30px;text-align: center;line-height: 52px;box-sizing: border-box;font-size: 16px;margin-right: 20px;} #header .menu .box .out_products .info .btn:last-child {margin-right: 0;} #header .menu .box .out_products .info .btn.one {background: var(--main);color: #fff;} #header .menu .box .out_products .info .btn.two {border: 1px solid var(--color);color: var(--color);} #header .menu .box .out_products .info .bot .pn {position: absolute;top: 0;width: 72px;color: var(--main);text-align: center;line-height: 44px; height: 44px;line-height: 44px;-webkit-border-radius: 23px;-moz-border-radius: 23px;border-radius: 23px;background-color: #f7f8fa;text-align: center;cursor: pointer;} #header .menu .box .out_products .info .bot .pn::before {content: '▶';} #header .menu .box .out_products .info .bot .pn.prev {left: 0;} #header .menu .box .out_products .info .bot .pn.next {right: 0;} #header .menu .box .out_products .info .bot .pn.prev::before {content: '◀';} #header .menu .box .out_products .info .bot .pn:hover {background: var(--main);color: #fff;} #header .menu .box .out_products .info .bot .pn.swiper-button-disabled {opacity: 0.8;pointer-events: none;color: #ccc;} /* 头部搜素 */ #header-search {position: fixed;left: 0;top: 0;background: #fff;width: 100%;z-index: 25;border-radius: 0 0 30px 30px;display: none;} #header-search .top {padding: 0 4.166%;height: 150px;display: flex;align-items: center;justify-content: space-between;} #header-search .top .content {width: 42.613%;padding-bottom: 13px;display: flex;align-items: center;justify-content: space-between;position: relative;} #header-search .top .content::before {content: '';width: 0;height: 2px;background: #e9e9e9;position: absolute;left: 0;bottom: 0;transition: all 0.5s linear;} #header-search.cur .top .content::before {width: 100%;} #header-search .top .content .input {width: calc(100% - 50px);font-size: 16px;} #header-search .top .content .input::placeholder {color: var(--color2);} #header-search .top .content .submit {cursor:pointer;} #header-search .top .content .submit {cursor:pointer;position: relative; right: -50%;} #header-search.cur .top .content .submit {right: 0%;} #header-search .top .close {cursor:pointer;opacity: 0;} #header-search.cur .top .close {cursor:pointer;opacity: 1;} #header-search .bot {display: flex;justify-content: center;padding: 0 4.166% 100px;} #header-search .bot .ul {width: 42.613%;font-size: 16px;} #header-search .bot .ul .tit {color: var(--color2);} #header-search .bot .ul .li {color: var(--color);margin-top: 13px;} #header-search .bot .ul .li:hover {color: var(--main);} #phone {width: 100%;background: #fff;height: 100%;position: fixed;top: 120px;left: 0;z-index: 99;display: none;overflow-y: auto !important;} #phone .menu .ul .title {margin: 0 30px; font-size: 36px;line-height: 110px;border-bottom: 1px solid #ebebeb;display: flex;align-items: center;justify-content: space-between;} #phone .menu .ul .title .img {transform: rotate(-90deg);} #phone .menu .ul .box {background: #f7f7f7;display: none;} #phone .menu .ul .li {margin: 0 60px;} #phone .menu .ul .li .nav {font-size: 30px;line-height: 100px;border-bottom: 1px solid #ebebeb;} #phone .menu .ul .li .nav:last-child {border: none;} #phone .menu .ul .title.cur .img {transform: rotate(0deg);} #phone .en {font-size: 36px; margin: 30px 0; display: flex;justify-content: space-evenly;} #phone .url {margin-top: 50px;transform: scale(1.5);width: 80px;height: 80px;border-radius: 50%;border: 1px solid ;margin: 50px auto 0;} #No000_search-box {display: none;} #No000_search-box{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb; width: 100%;height:150px;z-index: 50;left: 0;right: 0;top:120px;background: #fff;flex-direction: column;justify-content: center;} #No000_search-box .form-box{width: 92%;margin: 45px auto 0;height: 60px;border: 1px solid #d1d1d1;border-radius:10px;overflow: hidden;box-sizing: border-box;} #No000_search-box .form-box .input{width: calc(100% - 60px);padding-left: 30px;} #No000_search-box .form-box .input input{width: 100%;height: 100%;font-size:18px;color:#333;} #No000_search-box .form-box .submit{width: 60px;height: 100%;background: url(../image/phone_sousuo.png) no-repeat center;position: relative;z-index: 3;background: var(--main);} #No000_search-box .form-box .submit::before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: url(../image/phone_sousuo.png) no-repeat center;} #header .use .box.phone, #header .use .box.sousuo_mobile {display: none;} @media screen and (max-width:1440px) { #header .menu {width: 43.659%;} #header .menu .box .out_products .info .top .item .img img {transform: scale(0.7) translate(-72%, -72%);} } @media screen and (max-width:1024px) { #header {background: #fff;} #header .content {height: 120px;} #header .logo {filter: none;} #header .menu {display: none;} #header .use .box {display: none;} #header .use .box.phone {display: flex;} #header .use .box.phone img:nth-of-type(2) {display: none;} #header .use .box.phone img:nth-of-type(1) {display: block;} #header .use .box.sousuo_mobile {display: block;transform: scale(1.3);margin-top: 7px;} } @media screen and (max-width:750px) { #No000_search-box .form-box .input input {font-size: 26px;} } /* banner部分 */ #banner {border-radius: 0 0 30px 30px;overflow: hidden;position: relative;} #banner.index .swiper-container {height: 970px;} #banner.index .img {height: 100%;} #banner.index .img img {object-fit: cover;} #banner.index .video {object-fit: cover;width: 100%;height: 100%;} /* #banner .slide .out {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); color: #fff;text-align: center;width: 100%;padding: 0 4.166%;} */ #banner .slide .out {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); color: #fff;width: 100%;padding: 0 4.166%;} #banner .slide .out .title {font-size: 60px;font-weight: 500;} #banner .slide .out .text {font-size: 24px;} #banner .slide .out .btn_box {display: flex;margin-top: 78px;} #banner .slide .out .btn_box .btn {display: flex;align-items: center;transition: all .5s cubic-bezier(.33, 0, .67, 1);margin-right: 20px;} #banner .slide .out .btn_box .btn.hide {display: none;} #banner .slide .out .btn_box .btn:last-child {margin-right: 0;} #banner .slide .out .btn_box .btn span {font-size: 24px;-webkit-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;-o-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;-moz-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;} #banner .slide .out .btn_box .btn .rand { width: 40px;height: 26px;border: solid 3px #fff;margin-left: 7px;border-radius: 16px;transition: all .5s cubic-bezier(.33, 0, .67, 1);position: relative;box-sizing: border-box;} #banner .slide .out .btn_box .btn .rand::before {content: '▶';position: absolute;top: 50%; left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);opacity: 1;font-size: 12px;line-height: 24px;display: inline-block;text-align: center;vertical-align: top;-webkit-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;-o-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;-moz-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;} #banner .slide .out .btn_box .btn .rand:after {content: '●';position: absolute;top: 50%;left: 60%;-webkit-transform: translate(-60%,-50%);-moz-transform: translate(-60%,-50%);-ms-transform: translate(-60%,-50%);-o-transform: translate(-60%,-50%);transform: translate(-60%,-50%);font-family: 'button-ui';opacity: 0;font-size: 12px;line-height: 24px;display: inline-block;text-align: center;vertical-align: middle;-webkit-transition: all .33s cubic-bezier(.33, 0, .83, 1);-o-transition: all .33s cubic-bezier(.33, 0, .83, 1);-moz-transition: all .33s cubic-bezier(.33, 0, .83, 1);transition: all .33s cubic-bezier(.33, 0, .83, 1);} #banner .slide .out .btn_box .btn:hover span {-webkit-transform: scaleX(1.04);-moz-transform: scaleX(1.04);-ms-transform: scaleX(1.04);-o-transform: scaleX(1.04);transform: scaleX(1.04);color: var(--main);} #banner .slide .out .btn_box .btn:hover .rand {border-color: var(--main);-webkit-transform: scale(1.2) translateX(6px);-moz-transform: scale(1.2) translateX(6px);-ms-transform: scale(1.2) translateX(6px);-o-transform: scale(1.2) translateX(6px);transform: scale(1.2) translateX(6px);} #banner .slide .out .btn_box .btn:hover .rand::before {opacity: 0;color: var(--main);-webkit-transform: translate(7px,-50%) scale(.3);-moz-transform: translate(7px,-50%) scale(.3);-ms-transform: translate(7px,-50%) scale(.3);-o-transform: translate(7px,-50%) scale(.3);transform: translate(7px,-50%) scale(.3);-webkit-transition: all .33s cubic-bezier(.33, 0, .67, 1);-o-transition: all .33s cubic-bezier(.33, 0, .67, 1);-moz-transition: all .33s cubic-bezier(.33, 0, .67, 1);transition: all .33s cubic-bezier(.33, 0, .67, 1);} #banner .slide .out .btn_box .btn:hover .rand::after {opacity: 1;color: var(--main);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);-webkit-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;-o-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;-moz-transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;transition: all .33s cubic-bezier(.33, 0, .67, 1) .17s;} #banner .swiper-pagination {bottom: 80px;} #banner .swiper-pagination-bullet {width: 12px;height: 12px;border-radius: 50%;opacity: 0.3s;background: transparent;margin: 0 10px;border: 1px solid #fff;transition: all 0.3s linear;box-sizing: border-box;} #banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;} #banner.son .out {position: absolute;left: 45%;top: 50%;transform: translate(-50%,-50%);} #banner.son .out .title {text-align: center;line-height: 70px;color: #fff;font-size: 50px;font-weight: 500;} #banner.son .out .form {width: 620px;height: 70px;border-radius: 35px;background: #fff;margin: 40px auto 0;display: flex;align-items: center;justify-content: space-between;} #banner.son .out .form.other {width: 420px;} #banner.son .out .form .choose {width: 130px;position: relative;cursor:pointer;} #banner.son .out .form .choose .one {display: flex;align-items: center;justify-content: space-between;padding: 0 30px;font-size: 16px;color: var(--color);line-height: 30px;border-right: 1px solid #e8e8eb;} #banner.son .out .form .choose .one .icon {position: relative;z-index: 3;} #banner.son .out .form .choose.cur .one .icon {transform: rotate(180deg);} #banner.son .out .form .choose .two {position: absolute;left: 0;width: 99%;border-radius: 35px;background: #fff;top: -19px;display: none;} #banner.son .out .form .choose .two .li {margin-top: 23px;padding: 0 30px;font-size: 16px;color: var(--color);line-height: 1;} #banner.son .out .form .choose .two .li:last-child {margin-bottom: 35px;} #banner.son .out .form .choose .two .li:hover {color: var(--main);} #banner.son .out .form .btn {width: 100px;cursor:pointer;} #banner.son .out .form .input {width: 390px;padding-left: 28px;font-size: 16px;color: var(--color);} #banner.son .out .form .input::placeholder {color: var(--color2);} /* #banner.son .out .form .choose .two .li:first-child {margin-top: 0;} */ #banner.products .out .title {text-align: left;} @media screen and (max-width:1024px) { #banner {margin-top: 120px;} } @media screen and (max-width:750px) { #banner.son .out .title, #banner .slide .out .title {font-size: 42px;line-height: 1.5;} #banner .slide .out .text {font-size: 30px;} #banner.son .out .form .input {font-size: 26px;} #banner.son .out .form .choose .one {font-size: 26px;padding: 0 20px;} #banner.son .out .form .btn img {transform: scale(1.3);} #banner.son .out .form .choose .two .li {font-size: 26px;} } /* 底部导航 */ #footer { background: #fafafa; } #footer .top {display: flex;justify-content: space-between;} #footer .top .box {width: 25%;height: 220px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 20px;font-weight: 500;color: var(--color);} #footer .top .box .icon {height: 43px;margin-bottom: 35px;} #footer .bot {padding: 80px 0 88px;background: var(--color);border-radius: 30px 30px 0 0;} #footer .bot .one {display: flex;align-items: center;justify-content: space-between;} #footer .bot .one .logo {max-width: 275px;} #footer .bot .one .menu {} #footer .bot .one .menu {display: flex;justify-content: space-between;width: 40.909%;} #footer .bot .one .menu .box {font-size: 18px;color: #fff;position: relative;} #footer .bot .one .menu .box:hover {color: var(--main);} #footer .bot .one .menu .box .out {position: absolute;right: -25px;bottom: 25px;background: #fff;border-radius: 15px;color: var(--color);width: 120px;text-align: center;z-index: 30;height: 0;overflow: hidden;} #footer .bot .one .menu .box .out .li {padding: 10px 0;} #footer .bot .one .menu .box .out .li:hover {color: var(--main);} #footer .bot .one .menu .box .out.mobile {display: none;} #footer .bot .one .menu .box:hover .out {height: 88px;} #footer .bot .two {margin-top: 75px;display: flex;justify-content: space-between;align-items: flex-end;} #footer .bot .two .left .tip {font-size: 16px;color: var(--main);} #footer .bot .two .left .box {width: 365px;margin-top: 30px;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.3);display: flex;align-items: center;justify-content: space-between;} #footer .bot .two .left .box .input {font-size: 16px;color: #fff;width: calc(100% - 40px);} #footer .bot .two .left .box .input::placeholder {color: rgba(255, 255, 255, 0.5);} #footer .bot .two .left .box .btn {cursor:pointer;} #footer .bot .two .right .share {display: flex;justify-content: flex-end;} #footer .bot .two .right .share .box {width: 42px;height: 42px;border-radius: 50%;border: 1px solid #fff;margin-right: 22px;opacity: 0.5;} #footer .bot .two .right .share .box:last-child {margin-right: 0;} #footer .bot .two .right .share .box:hover {opacity: 1;} #footer .bot .two .right .tip {font-size: 16px;color: #fff;opacity: 0.5;margin-top: 33px;} #footer .bot .two .right .tip.add {display: flex;justify-content: flex-end;margin-top: 15px;} #footer .bot .two .right .tip.add .box {margin-right: 30px;} #footer .bot .two .right .tip.add .box:last-child {margin-right: 0;} #footer .bot .two .right .tip.add .box:hover {color: var(--main);} #footer .bot .two .right .tip.add .box.hide {display: none;} #footer .bot .one .menu .box .icon {display: none;} @media screen and (max-width:1280px) { #footer .bot .one .menu {width: 50%;} } @media screen and (max-width:1024px) { #footer .bot .two {display: block;} #footer .bot .one .menu {width: 60%;} #footer .bot .two .right .share {justify-content: flex-start;margin-top: 30px;} #footer .bot .two .right .tip.add {justify-content: flex-start;} } @media screen and (max-width:750px) { #footer .top {flex-wrap: wrap;} #footer .top .box {width: 50%;} #footer .top .box .icon {transform: scale(1.3);} #footer .top .box {font-size: 26px;} #footer .bot .one {display: block;} #footer .bot .one .menu {width: 100%;display: block;margin-top: 30px;} #footer .bot .one .menu .box {font-size: 36px;margin-top: 20px;} #footer .bot .one .menu .box:first-child {margin-top: 0;} #footer .bot .one .menu .box .out {height: auto;position: relative;left: auto;bottom: auto;width: 100%;right: auto;background: transparent;margin-top: 20px;display: none;} #footer .bot .one .menu .box .out .li {color: #fff;text-align: left;} #footer .bot .one .menu .box:hover .out {height: auto;} #footer .bot .one .menu .box .icon {display: block;} #footer .bot .one .menu .box .title {cursor:pointer;display: flex;align-items: center;justify-content: space-between;} #footer .bot .one .menu .box .title.cur .icon {transform: rotate(180deg);} #footer .bot .two {display: block;} #footer .bot .two .right .share {justify-content: flex-start;margin-top: 30px;} #footer .bot .two .left .tip {font-size: 30px;} #footer .bot .two .left .box {width: 100%;} #footer .bot .two .left .box .input {font-size: 26px;} #footer .bot .two .left .box .btn {transform: scale(1.3);} #footer .bot .two .right .share .box {width: 60px;height: 60px;} #footer .bot .two .right .share .box img {transform: scale(1.3);} #footer .bot .two .right .tip {font-size: 26px;line-height: 1.6;} } /* 面包屑 */ #bread {margin-top: 25px;line-height: 45px;color: var(--color2);font-size: 16px;} #bread .span:last-child {color: var(--color);} #bread .span {max-width: 30%;} @media screen and (max-width:750px) { #bread {display: none;} } /* 侧边栏 */ #float {position: fixed;right: 60px;top: 65%;transform: translateY(-50%);z-index: 15;} #float .box {margin-top: 15px;position: relative;} #float .box:first-child {margin-top: 0;} #float .box .icon {width: 56px;height: 56px;border-radius: 50%;background: #fff;cursor:pointer;box-shadow: 4px 7px 16px 0px rgba(0, 0, 0, 0.08);} #float .box:first-child .icon {background: var(--main);} #float .box .out {width: 180px;position: absolute;right: 0;bottom: 0;border-radius: 15px;overflow: hidden;background: #fff;display: none;} #float .box .out .top_head {height: 50px;display: flex;justify-content: space-between;align-items: center;padding: 0 18px;background: var(--main);} #float .box .out .top_head .top_text {display: flex;align-items: center;font-size: 16px;font-weight: 500;color: #fff;} #float .box .out .top_head .top_text .img {margin-right: 10px;} #float .box .out .top_head .close {opacity: 0.75;cursor:pointer;} #float .box .out .info .code {padding: 25px 0;border-bottom: 1px solid rgba(41, 44, 51, 0.1);} #float .box .out .info .code .text {font-size: 16px;color: var(--color);margin-top: 10px;text-align: center;} #float .box .out .info .ul {padding: 25px 24px;} #float .box .out .info .ul .li {margin-top: 15px;font-size: 16px;} #float .box .out .info .ul .li:first-child {margin-top: 0;} #float .box .out .info .ul .li .text {color: var(--color2);} #float .box .out .info .ul .li .num {font-family: 'PM';color: var(--color);margin-top: 5px;} @media screen and (max-width:750px) { #float {top: auto;right: auto;left: 0;bottom: 0;transform: translate(0,0);display:flex;width: 100%;} #float .box {margin-top: 0;width: 50%;} #float .box .icon {width: 100%;border-radius: 0;} #float .box .out {right: auto;bottom: 56px;;left: 50%;transform: translate(-50%,0);position: fixed;width: 100%;} #float .box .out .top_head {height: 60px;} #float .box .out .top_head .top_text {font-size: 26px;} #float .box .out .info .ul .li {font-size: 26px;} #float .box .out .info .code .text {font-size: 26px;} #float .box .out .top_head .close {transform: scale(1.3);} } /* 发现绿联私有云 */ #index-discover {padding: 90px 0 150px;overflow: hidden;background: #fff;} #index-discover .module_text {font-weight: 500;display: flex;justify-content: space-between;align-items: flex-end;} #index-discover .module_text .en {font-size: 26px;color: #ccc;} #index-discover .module_text .cn {font-size: 42px;} #index-discover .module_text .right {display: flex;} #index-discover .module_text .right .pn {cursor: pointer;width: 60px;height: 60px;border-radius: 50%;background: rgba(23, 108, 255, 0.5);} #index-discover .module_text .right .pn .svg {fill: #fff;} #index-discover .module_text .right .pn.next {transform: rotate(180deg);margin-left: 30px;} #index-discover .module_text .right .pn:hover {background: var(--main);} #index-discover .module_text .right .pn.swiper-button-disabled {opacity: 0.8;pointer-events: none;color: #ccc;} #index-discover .content {margin-top: 35px;overflow: visible;} #index-discover .content .slide {width: 52.84%;border-radius: 30px;position: relative;overflow: hidden;margin-right: 1.988%;} #index-discover .content .box {width: 52.84%;border-radius: 30px;position: relative;overflow: hidden;margin-right: 1.988%;opacity: 0;} /* #index-discover .content .box */ #index-discover .content .slide:last-child {margin-right: 0;} #index-discover .content .slide {background: url(../image/discover1.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;} #index-discover .content .slide::before {content: '';min-height: 308px;width: 100%;position: absolute;left: 0;bottom: 0; background-image: linear-gradient(transparent,rgba(0,0,0,0.6));z-index: 1;} #index-discover .content .slide .word {position: relative;z-index: 2;padding: 6.989% 6.451%;min-height: 560px;display: flex;flex-direction: column;justify-content: space-between;color: #fff;} #index-discover .content .slide .word .name {font-family: 'PG';font-size: 55px;line-height: 1;} #index-discover .content .slide .word .bot {display: flex;align-items: center;justify-content: space-between;} #index-discover .content .slide .word .bot .brief {line-height: 46px;font-size: 32px;width: calc(100% - 100px);} #index-discover .content .slide .word .bot .btn {width: 64px;height: 64px;border-radius: 50%;background: #fff;} #index-discover .content .slide:hover {cursor: grab;cursor: unset;} #index-discover .content .slide:hover .word .bot .btn {background: var(--main);} #index-discover .content .slide:hover .word .bot .btn img {object-fit: contain;filter: brightness(0) invert(100%);} /* #index-discover .content .slide .out {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--main);z-index: 3;padding: 6.989% 6.451%;color: #fff;opacity: 0;} */ #index-discover .content .slide .out {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 3;padding: 6.989% 6.451%;color: #fff;opacity: 0;background: rgba(0, 0, 0, 0.5);} #index-discover .content .slide .out .title {font-size: 36px;font-weight: 600;} #index-discover .content .slide .out .text {font-size: 18px;margin-top: 10px;} #index-discover .content .slide .out .ul {width: 100%; margin-top: 60px;display: flex;white-space: nowrap;overflow-x: auto;} #index-discover .content .slide .out .ul .li {width: 30%;margin-right: 5%;} #index-discover .content .slide .out .ul .li {width: 243px;margin-right: 40px;} #index-discover .content .slide .out .ul .li:last-child {margin-right: 0;} #index-discover .content .slide .out .ul .li .icon {min-height: 61px;} #index-discover .content .slide .out .ul .li .name {margin-top: 18px;line-height: 30px;font-size: 22px;font-weight: 600;} #index-discover .content .slide .out .ul .li .ol {margin-top: 10px;max-height: 100px;overflow-y: auto;} #index-discover .content .slide .out .ul .li .ol::-webkit-scrollbar {width: 2px;background: #fff;height: 5px;} #index-discover .content .slide .out .ul .li .ol::-webkit-scrollbar-thumb {border-radius: 2px;background: var(--color2);cursor:pointer;cursor:pointer;} #index-discover .content .slide .out .ul .li .ol .item {font-size: 16px;margin-left: 17px;margin-top: 5px;position: relative;} #index-discover .content .slide .out .ul .li .ol .item::before {content: '';width: 6px;height: 6px;border-radius: 50%;position: absolute;left: -17px;top: 8px;background: #fff;} #index-discover .content .slide .out .en {font-family: 'PG';font-size: 160px;font-weight: 700;color: var(--color);opacity: 0.08;position: absolute;right: -3%;bottom: -12%;} #index-discover .content .slide:hover .out {opacity: 1;} #index-discover .content .slide:hover .word {opacity: 0;} @media screen and (max-width:1536px) { #index-discover .content .slide {width: 64.84%;} } @media screen and (max-width:1024px) { #index-discover .content .slide {width: 100%;} } @media screen and (max-width:750px) { #index-discover .module_text .en {font-size: 30px;} #index-discover .content .slide .out .text {font-size: 30px;} #index-discover .content .slide .out .ul {white-space: unset;max-height: 285px;overflow: auto;flex-wrap: wrap;margin-top: 40px;justify-content: space-between;} #index-discover .content .slide .out .ul .li {width: 49%;margin-right: 0;margin-top: 20px;} #index-discover .content .slide .out .ul .li .name {font-size: 26px;} #index-discover .content .slide .out .ul .li .ol {max-height: none;} #index-discover .content .slide .out .ul .li .ol .item {font-size: 24px;line-height: 1.6;} } /* 产品模块 */ #index-products {padding: 140px 0 75px;background: #f5f6f7;} #index-products .content {display: grid;grid-template-columns: repeat(4,23.522%);grid-gap: 1.988%;} #index-products .content .box {background: #fff;border-radius: 30px;padding: 14.492% 9.661%;height: 540px;position: relative;} #index-products .content .big {grid-column: span 2;grid-row: span 2;padding: 6.96% 4.64%;height: 645px;} #index-products .content .min {height: 540px;} #index-products .content .box .name {font-size: 30px;font-weight: 500;color: var(--color);} #index-products .content .box .brief {font-size: 16px;color: var(--color2);margin-top: 5px;} #index-products .content .box .btn {display: flex;align-items: center;font-size: 16px;color: #000;margin-top: 30px;} #index-products .content .box .btn .icon {display: flex;align-items: center;justify-content: center;margin-left: 15px;} #index-products .content .box .btn .icon img {transform: scale(1);} #index-products .content .box .btn .icon img:nth-of-type(2) {display: none;} #index-products .content .box .img {position: absolute; right: 0;bottom: 60px;width: 91.791%;padding-top: 91.791%;} #index-products .content .box .img img {max-width: 230px;} #index-products .content .big .img {position: absolute; right: 75px;bottom: 85px;width: 52.148%;padding-top: 52.148%;} #index-products .content .big .img img {max-width: 450px;} #index-products .content .box .img img{bottom: 0;top: auto;left: 50%; transform: translate(-50%,0);} #index-products .content .box:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #index-products .content .box:hover .name {color: var(--main);} #index-products .content .box:hover .brief {color: var(--color);} #index-products .content .box:hover .btn {color: var(--main);} #index-products .content .box:hover .btn .icon img:nth-of-type(1) {display: none;} #index-products .content .box:hover .btn .icon img:nth-of-type(2) {display: block;} #index-products .btn_a {width: 135px;height: 52px;border-radius: 30px;border: 1px solid #1a1a1a;text-align: center;line-height: 52px;box-sizing: border-box;color: var(--color);font-size: 16px;margin: 75px auto 0 ;} #index-products .btn_a:hover {color: #fff;border-color: var(--main);background: var(--main);} @media screen and (max-width:1024px) { #index-products .content{display: block;} #index-products .content .box {display: block;width: 100%;margin-top: 30px;} #index-products .content .box:first-child {margin-top: 0;} #index-products .content .box .img {width: 47.85%;padding-top: 32.791%;} } @media screen and (max-width:750px) { #index-products .content .box {padding: 30px;height: auto;} #index-products .content .box .img {position: relative;right: auto;bottom: auto;width: 100%;padding-top: 0;margin-top: 30px;} #index-products .content .box .img .max {position: relative;} #index-products .content .box .name {font-size: 36px;} #index-products .content .box .brief {font-size: 30px;} #index-products .content .box .btn {font-size: 26px;} #index-products .content .box .btn .icon {transform: scale(1.3);} #index-products .btn_a {width: 150px;height: 60px;font-size: 26px;line-height: 60px;} } /* 我们的优势 */ #index-advantage {border-radius: 0 0 30px 30px;overflow: hidden;position: relative;} #index-advantage .big_box {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: url(../image/202404261349057035.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;display: none !important;} #index-advantage .big_box.cur {display: block !important;} #index-advantage .content {min-height: 970px;padding: 100px 0;display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 2;} #index-advantage .content .module_text {font-weight: 500;color: #fff;} #index-advantage .content .module_text .en {font-size: 26px;opacity: 0.3;} #index-advantage .content .module_text .cn {font-size: 42px;} #index-advantage .content .info .bind .box {color: #fff;display: none;} #index-advantage .content .info .bind .box.cur {display: block;} #index-advantage .content .info .bind .box .num {font-weight: 500;font-size: 24px;color: var(--main);} #index-advantage .content .info .bind .box .name {font-size: 72px;font-weight: 300;} #index-advantage .content .info .bind .box .brief {font-size: 20px;margin-top: 15px;} #index-advantage .content .info .container {margin-top: 80px;} /* #index-advantage .content .info .container .slide {cursor:pointer;width: 12.5%;height: 220px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);border-radius: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 20px;color: #fff;transition: all 0.3s linear;margin-right: 2.045%;} */ #index-advantage .content .info .container .slide {cursor:pointer;width: 220px;height: 220px;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);border-radius: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 20px;color: #fff;transition: all 0.3s linear;margin-right: 2.045%;} #index-advantage .content .info .container .slide:last-child {margin-right: 0;} #index-advantage .content .info .container .slide .icon {min-height: 50px;margin-bottom: 35px;} #index-advantage .content .info .container .slide.cur, #index-advantage .content .info .container .slide:hover {background: var(--main);backdrop-filter: blur(0px);} @media screen and (max-width:750px) { #index-advantage .content .module_text .en {font-size: 30px;} #index-advantage .content .info .bind .box .num {font-size: 26px;} #index-advantage .content .info .bind .box .name {font-size: 42px;} #index-advantage .content .info .bind .box .brief {font-size: 30px;line-height: 1.6;} #index-advantage .content .info .container .slide {font-size: 26px;} } /* 品牌理念 */ #index-brand {padding: 120px 0 160px;} #index-brand .content {display: flex;justify-content: space-between;align-items: flex-start;} #index-brand .content .left {width: 43.181%;} #index-brand .content .left .module_text {font-weight: 500;} #index-brand .content .left .module_text .en {font-size: 26px;color: #ccc;} #index-brand .content .left .module_text .cn {font-size: 42px;} #index-brand .content .left .title {font-size: 26px;color: var(--main);font-weight: 500;margin-top: 65px;} #index-brand .content .left .name {margin-top: 40px;line-height: 61px;font-size: 45px;margin-top: 45px;font-weight: 300;} #index-brand .content .left .brief {margin-top: 20px;line-height: 35px;font-size: 18px;color: var(--color);} #index-brand .content .left .btn {width: 115px;height: 52px;border-radius: 30px;border: 1px solid #1a1a1a;text-align: center;line-height: 52px;box-sizing: border-box;color: var(--color);font-size: 16px;margin-top: 125px;} #index-brand .content .left .btn:hover {color: #fff;border-color: var(--main);background: var(--main);} #index-brand .content .right {margin-top: 28px;width: 49.09%;overflow: hidden;border-radius: 30px;position: relative;} #index-brand .content .right .img {cursor:pointer;} #index-brand .content .right .img .i-pic {padding-top: 78.703%;} #index-brand .content .right .img .play {position: absolute;right: 50px;bottom: 50px;} #index-brand .content .right .video {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 100%;height: 100%;display: none;} #index-brand .content .right .video video {object-fit: cover;width: 100%;height: 100%;} @media screen and (max-width:1024px) { #index-brand .content {flex-direction: column-reverse;} #index-brand .content .right {width: 100%;margin-top: 0;} #index-brand .content .left {width: 100%;margin-top: 30px;} } @media screen and (max-width:750px) { #index-brand .content .left .module_text .en {font-size: 30px;} #index-brand .content .left .title {font-size: 36px;} #index-brand .content .left .name {font-size: 42px;} #index-brand .content .left .brief {font-size: 30px;line-height: 1.6;} #index-brand .content .left .btn {width: 150px;height: 60px;line-height: 60px;font-size: 26px;} } /* 最新动态 */ #index-news {padding: 110px 0 180px;background: #fff;} #index-news .top {display: flex;justify-content: space-between;align-items: flex-end;} #index-news .top .module_text {font-weight: 500;} #index-news .top .module_text .en {font-size: 26px;color: #ccc;} #index-news .top .module_text .cn {font-size: 42px;} #index-news .top .btn {width: 115px;height: 52px;border-radius: 30px;border: 1px solid #1a1a1a;text-align: center;line-height: 52px;box-sizing: border-box;color: var(--color);font-size: 16px;} #index-news .top .btn:hover {color: #fff;border-color: var(--main);background: var(--main);} #index-news .content {margin-top: 36px;display: flex;} #index-news .content .box {width: 23.579%;border-radius: 30px;overflow: hidden;margin-right: 1.875%;} #index-news .content .box:last-child {margin-right: 0;} #index-news .content .box .img {padding-top: 67.228%;} #index-news .content .box .word {padding: 6.024% 7.228% 8.433%;background: #f7f9fa;} #index-news .content .box .word .name {font-size: 22px;font-weight: 500;color: var(--color);} #index-news .content .box .word .brief {margin-top: 15px;line-height: 25px;color: var(--color2);font-size: 16px;height: 50px;} #index-news .content .box .word .time {font-size: 18px;margin-top: 70px;} #index-news .content .box:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #index-news .content .box:hover .word {background: #fff;} #index-news .content .box:hover .word .name {color: var(--main);} #index-news .content .box:hover .word .brief {color: var(--color);} #index-news .content .box:hover .word .time {color: var(--main);} @media screen and (max-width:1024px) { #index-news .content {flex-wrap: wrap;justify-content: space-between;margin-top: 6px;} #index-news .content .box {width: 49%;margin-right: 0;margin-top: 30px;} } @media screen and (max-width:750px) { #index-news .top .module_text .en {font-size: 30px;} #index-news .top .btn {width: 150px;height: 60px;line-height: 60px;font-size: 26px;} #index-news .content .box {width: 100%;} #index-news .content .box .word .name {font-size: 36px;} #index-news .content .box .word .brief {font-size: 30px;line-height: 1.6;} #index-news .content .box .word .time {font-size: 26px;} } /* 产品模块 */ /* 筛选区域 */ #products {padding-bottom: 115px;} #products .choose .top {display: flex;justify-content: flex-end;} #products .choose .top .btn {width: 120px;height: 40px;border-radius: 20px;text-align: center;line-height: 40px;color: #fff;font-size: 16px;background: var(--main);} #products .choose .top .btn:hover {background: var(--main2);} #products .choose .form {padding: 45px 50px 50px;border-radius: 30px;background: #fff;margin-top: 20px;} #products .choose .form .list {padding-bottom: 15px;border-bottom: 1px solid rgba(41, 44, 51, 0.1);display: flex;align-items: flex-start;font-size: 16px;color: var(--color2);justify-content: space-between;margin-top: 25px;} #products .choose .form .list:first-child {margin-top: 0;} #products .choose .form .list .text {color: var(--color);margin-top: 5px;width: 10%;} #products .choose .form .list .ul {width: calc(100% - 62px);display: flex;flex-wrap: wrap;} #products .choose .form .list .ul .li {cursor:pointer;margin-top: 5px;padding-right: 13px;position: relative;margin-right: 14px;} #products .choose .form .list .ul .li::before {content: '';height: 75%;width: 1px;background: var(--color2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} #products .choose .form .list .ul .li:last-child::before {display: none;} #products .choose .form .list .ul .li.cur, #products .choose .form .list .ul .li:hover {color: var(--main);} #products .content .list {margin-top: 40px;border-radius: 30px;background: #fff;overflow: hidden;display: flex;align-items: center;justify-content: space-between;} #products .content .list:nth-child(2n) {flex-direction: row-reverse;} #products .content .list .img {width: 50%;padding-top: 37.5%;position: relative;} #products .content .list .img .max {max-width: 450px;} #products .content .list .word {width: 50%;padding: 0 6.666%;} #products .content .list .word .name {font-size: 30px;font-weight: 500;color: var(--color);} #products .content .list .word .brief {margin-top: 24px;line-height: 29px;color: var(--color2);font-size: 16px;} #products .content .list .word .btn_box {display: flex;margin-top: 55px;position: relative;} #products .content .list .word .btn_box .btn_one {width: 135px;height: 52px;border-radius: 30px;text-align: center;line-height: 52px;color: #fff;font-size: 16px;background: var(--main);} #products .content .list .word .btn_box .btn_one:hover {background: var(--main2);} #products .content .list .word .btn_box .btn_two {position: absolute;left: 155px;} #products .content .list .word .btn_box .btn_two {width: 135px;border-radius: 26px;border: 1px solid #1a1a1a;padding: 6px;} #products .content .list .word .btn_box .btn_two .one {line-height: 40px;text-align: center;font-size: 16px;} #products .content .list .word .btn_box .btn_two .two {padding: 0px 0;background: #fff;border-radius: 5px 5px 20px 20px;display: flex;height: 0;overflow: hidden;} #products .content .list .word .btn_box .btn_two .two .box {width: 50%;border-right: 1px solid rgba(41, 44, 51, 0.1);} #products .content .list .word .btn_box .btn_two .two .box:last-child {border-right: 0;} #products .content .list .word .btn_box .btn_two .two .box img {transform: scale(1);} #products .content .list .word .btn_box .btn_two .two .box .text {margin-top: 3px;font-size: 14px;color: var(--color);text-align: center;} #products .content .list .word .btn_box .btn_two .two .box:hover .text {color: var(--main);} #products .content .list .word .btn_box .btn_two:hover {background: var(--main);border-color: var(--main);color: #fff;} #products .content .list .word .btn_box .btn_two:hover .two {height: 65px;padding: 12px 0;} #products .content .list:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #products .content .page_btn {display: flex;justify-content: center;align-items: center; font-size: 18px;color: var(--color);margin-top: 45px;cursor:pointer;} #products .content .page_btn img {margin-right: 10px;} #products .content .page_btn.isend {display: none;} @media screen and (max-width:1024px) { #products .content .list .img {transform: scale(0.7);} } @media screen and (max-width:750px) { #products {padding-top: 30px;} #products .choose .form .list {display: block;} #products .choose .form .list .text {width: 100%;} #products .choose .form .list .ul {width: 100%;} #products .choose .form .list {font-size: 26px;} #products .choose .top .btn {width: 150px;height: 60px;line-height: 60px;font-size: 26px;border-radius: 30px;} #products .content .list, #products .content .list:nth-child(2n) {flex-direction: column-reverse;} #products .content .list .img {width: 100%;padding-top: 0;} #products .content .list .img .max {position: relative;transform: scale(1);left: auto;top: auto;} #products .content .list .word {width: 100%;padding: 30px;} #products .content .list .word .name {font-size: 36px;} #products .content .list .word .brief {font-size: 30px;line-height: 1.6;} #products .content .list {overflow: visible;} #products .content .list .word .btn_box .btn_one {width: 150px;height: 60px;font-size: 26px;line-height: 60px;} #products .content .list .word .btn_box .btn_two {left: 180px;width: 150px;border-radius: 30px;} #products .content .list .word .btn_box .btn_two .one {line-height: 48px;font-size: 26px;} #products .content .page_btn {font-size: 26px;} #products .content .page_btn img {transform: scale(1.3);} #products .content .list .word .btn_box .btn_two .two .box .text {font-size: 20px;} } /* 拓展配件 */ #parts {padding: 95px 0 120px;background: #ffffff;} #parts .title {text-align: center;} #parts .title .en {font-size: 24px;font-family: 'PR';color: var(--color2);} #parts .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #parts .content {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px;} #parts .content .box {width: 48.333%;border-radius: 30px;background: #f7f9fa;padding: 3.333%;display: flex;align-items: center;justify-content: space-between;margin-top: 40px;} #parts .content .box .img {width: 50%;padding-top: 50%;border-radius: 30px;} #parts .content .box .word {width: 38%;} #parts .content .box .word .num {font-size: 18px;color: var(--color);} #parts .content .box .word .name {margin-top: 10px;line-height: 28px;font-size: 20px;font-weight: 500;} #parts .content .box .word .btn {display: flex;align-items: center;font-size: 16px;color: var(--main);margin-top: 40px;} #parts .content .box .word .btn img {margin-left: 15px;} #parts .content .box:hover .word .btn {opacity: 0.8;} #parts .page_btn {display: flex;justify-content: center;align-items: center; font-size: 18px;color: var(--color);margin-top: 45px;cursor:pointer;} #parts .page_btn img {margin-right: 10px;} #parts .content .page_btn.isend {display: none;} @media screen and (max-width:750px) { #parts .title .en {font-size: 30px;} #parts .content .page_btn {font-size: 26px;} #parts .content .page_btn img {transform: scale(1.3);} #parts .content .box {width: 100%;} #parts .content .box .word .num {font-size: 26px;} #parts .content .box .word .name {font-size: 30px;line-height: 1.6;} #parts .content .box .word .btn {font-size: 26px;} #parts .content .box .word .btn .icon {transform: scale(1.3);} } /* 看合适 */ #contrast {padding: 95px 0 115px;} #contrast .title {text-align: center;} #contrast .title .en {font-size: 24px;font-family: 'PR';color: var(--color2);} #contrast .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #contrast .content {display: flex;margin-top: 40px;} #contrast .content .box {width: 31.833%;margin-right: 2.25%;} #contrast .content .box:last-child {margin-right: 0;} #contrast .content .box .img {padding-top: 74.869%;position: relative;border-radius: 30px;overflow: hidden;} #contrast .content .box .img .max {max-width: 286px;max-height: 200px;} #contrast .content .box .word {text-align: center;} #contrast .content .box .word .name {font-size: 28px;font-family: 'PM';margin-top: 10px;} #contrast .content .box .word .brief {font-size: 18px;color: var(--color2);margin-top: 5px;} #contrast .content .box .word .num {font-size: 16px;text-align: center;color: var(--color2);margin-top: 30px;} /* #contrast .content .box .word .btn {width: 135px;height: 52px;border-radius: 30px;background: var(--main);color: #fff;line-height: 52px;margin: 35px auto 0;font-size: 16px;color: #fff;} */ /* #contrast .content .box .word .btn:hover {background: var(--main2);} */ #contrast .content .box .word .btn {height: 52px;margin: 35px auto 0;position: relative;z-index: 10;} #contrast .content .box .word .btn .btn_two {position: absolute;left: 50%;transform: translateX(-50%);z-index: 2;} #contrast .content .box .word .btn .btn_two {width: 135px;border-radius: 26px;background: var(--main);color: #fff;padding: 6px;} #contrast .content .box .word .btn .btn_two .one {line-height: 40px;text-align: center;font-size: 16px;} #contrast .content .box .word .btn .btn_two .two {padding: 0px 0;background: #fff;border-radius: 5px 5px 20px 20px;display: flex;height: 0;overflow: hidden;} #contrast .content .box .word .btn .btn_two .two .box {width: 50%;border-right: 1px solid rgba(41, 44, 51, 0.1);} #contrast .content .box .word .btn .btn_two .two .box:last-child {border-right: 0;} #contrast .content .box .word .btn .btn_two .two .box img {transform: scale(1);} #contrast .content .box .word .btn .btn_two .two .box .text {margin-top: 3px;font-size: 14px;color: var(--color);text-align: center;} #contrast .content .box .word .btn .btn_two .two .box:hover .text {color: var(--main);} #contrast .content .box .word .btn .btn_two:hover .two {height: 65px;padding: 12px 0;} #contrast .content .box .word .go {display: flex;align-items: center;justify-content: center; font-size: 16px;color: var(--main);margin-top: 40px;} #contrast .content .box .word .go img {margin-left: 15px;} #contrast .content .box .word .go:hover {opacity: 0.8;} #contrast.products {padding: 95px 0 75px;} #contrast .down_list {display: none;z-index: 10;} #contrast .down_list .content {margin-top: 0;} #contrast .down_list.mover {width: 100%;background: #fff; display: block;top: 0;left: 50%;transform: translateX(-50%); position: fixed;width: 100%;} #contrast .btn_choose {width: 220px;position: relative;margin: auto;z-index: 12;height: 60px;} #contrast .btn_choose .info {position: absolute;border-radius: 30px;border: 1px solid #8a8e99;width: 100%;background: #fff;} #contrast .btn_choose .top {height: 60px;box-sizing: border-box;padding: 0 30px; display: flex;align-items: center;justify-content: space-between;cursor:pointer;} #contrast .btn_choose .top .name {font-family: 'PR';font-size: 16px;} #contrast .btn_choose .top.cur .svg {transform: rotate(-180deg);} #contrast .btn_choose .out {display: none;max-height: 230px;overflow-y: auto !important;border-radius: 0 0 30px 30px;} #contrast .btn_choose .out .li {font-size: 16px;text-align: center;line-height: 40px;margin: 5px 0;cursor:pointer;} #contrast .btn_choose .out .li:last-child {margin-bottom: 0;} #contrast .btn_choose .out .li:hover {background: var(--main);color: #fff;} @media screen and (max-width:1024px) { #contrast .content .box .img {transform: scale(0.7);} } @media screen and (max-width:750px) { #contrast .title .en {font-size: 30px;} #contrast .content .item:last-child {display: none;} #contrast .content {justify-content: space-between;} #contrast .content .box {width: 49%;margin-right: 0;} #contrast .content .box .word .name {font-size: 30px;} #contrast .content .box .word .brief {font-size: 26px;} #contrast .content .box .word .num {font-size: 24px;} #contrast .content .box .word .btn .btn_two {width: 150px;border-radius: 30px;} #contrast .content .box .word .btn .btn_two .one {line-height: 48px;font-size: 26px;} #contrast .content .box .word .go {font-size: 26px;} #contrast .content .box .word .go .icon {transform: scale(1.3);} } /* 产品详情 */ /* 面包屑 产品 */ #bread-products {border-bottom: 1px solid #e9e9ea;background: #fff;position: relative;z-index: 19;} #bread-products.mover {position: fixed;left: 0;top: 0;width: 100%;z-index: 15;} #bread-products .content {height: 60px;display: flex;align-items: center;justify-content: space-between;} #bread-products .content .name {font-size: 18px;font-weight: 500;} #bread-products .content .use {display: flex;align-items: center;} #bread-products .content .use .box {display: flex;align-items: center;font-size: 16px;color: var(--color);margin-right: 50px;} #bread-products .content .use .box .svg {fill: var(--color);margin-right: 15px;} #bread-products .content .use .box.cur, #bread-products .content .use .box:hover {color: var(--main);} #bread-products .content .use .box.cur .svg, #bread-products .content .use .box:hover .svg {fill: var(--main);} #bread-products .content .use .btn {width: 120px;height: 40px;border-radius: 30px;text-align: center;line-height: 40px;font-size: 16px;color: #fff;background: var(--main);position: relative;} #bread-products .content .use .btn:hover {background: var(--main2);} #bread-products .content .use .btn::before {content: '';width: 165px;height: 20px;background: transparent;position: absolute;left: 50%;top: 20px;transform: translateX(-50%);display: none;} #bread-products .content .use .btn:hover::before {display: block;} #bread-products .content .use .btn .out {display: none; min-width: 165px;background: #fff;border-radius: 20px;position: absolute;top: 40px;left: 50%;transform: translateX(-50%);z-index: 20;} #bread-products .content .use .btn .out.other {top: 60px;z-index: 1;} #bread-products .content .use .btn .out .ul {padding: 20px;} #bread-products .content .use .btn .out .ul .li {display: flex;align-items: center;font-size: 18px;margin-top: 15px;color: var(--color);} #bread-products .content .use .btn .out .ul .li:first-child {margin-top: 0;} #bread-products .content .use .btn .out .ul .li .buy-icon {width: 45px;height: 45px;border-radius: 50%;background: var(--color);margin-right: 8px;} #bread-products .content .use .btn .out .ul .li:hover {color: var(--main);} #bread-products .content .use .btn .out .ul .li:hover .buy-icon {background: var(--main);} /* 产品详情 */ #products-detail {padding: 17px 0 40px;display: flex;align-items: center;justify-content: space-between;} /* 详情 */ #products-detail .detail {display: flex;align-items: center;} #products-detail .detail .img {width: 32.666%;padding-top: 32.666%;position: relative;} #products-detail .detail .img .max {max-width: 380px;} #products-detail .detail .word {width: 36.333%;} #products-detail .detail .word .name {font-size: 28px;font-family: 'PM';color: var(--color);font-weight: 500;} #products-detail .detail .word .brief {margin-top: 5px;color: var(--color2);font-size: 18px;} #products-detail .detail .word .info {margin-top: 40px;line-height: 29px;font-size: 16px;color: var(--color2);} #products-detail .content {padding-bottom: 45px;} #products-detail .content .list {cursor:pointer;padding: 55px 0 75px;border-top: 1px solid #e9e9ea;display: flex;align-items: flex-start;justify-content: space-between;} #products-detail .content .list .btn {display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;margin-top: 6px;} #products-detail .content .list .btn img:nth-of-type(2) {display: none;} #products-detail .content .list .name {width: 20%; font-size: 26px;color: var(--color);padding-right: 40px;} #products-detail .content .down {width: calc(100% - 20% - 20px);margin-top: 4px;overflow: hidden;} #products-detail .content .down .ul .li {display: flex;align-items: flex-start;font-size: 18px;color: var(--color);justify-content: space-between;margin-top: 30px;padding-right: 40px;} #products-detail .content .down .ul .li:first-child {margin-top: 0;} #products-detail .content .down .ul .li .brief {color: var(--color2);width: calc(100% - 25%);} #products-detail .content .list.cur .down .ul .li .text {opacity: 0;} #products-detail .content .list.cur .btn img:nth-of-type(1) {display: none;} #products-detail .content .list.cur .btn img:nth-of-type(2) {display: block;} @media screen and (max-width:1024px) { #products-detail .detail .img .max {max-width: 100%;} } @media screen and (max-width:750px) { #bread-products .content {display: block;height: auto;padding: 15px 0;} #bread-products .content .use {margin-top: 15px;} #bread-products .content .name {font-size: 26px;} #bread-products .content .use .box {font-size: 26px;} #bread-products .content .use .box .svg {transform: scale(1.3);} #bread-products .content .use .btn {width: 150px;height: 60px;line-height: 60px;font-size: 26px;} #bread-products .content .use .btn .out {top: 60px;width: 200px;} #bread-products .content .use .btn .out .ul .li {font-size: 26px;} #products-detail {padding: 80px 0;} #products-detail .detail {flex-direction: column-reverse;} #products-detail .detail .img {width: 100%;padding-top: 0;position: relative;} #products-detail .detail .img .max {position: relative;left: auto;top: auto;transform: translate(0,0);} #products-detail .detail .word {width: 100%;margin: 30px 0;} #products-detail .detail .word .name {font-size: 36px;} #products-detail .detail .word .brief {font-size: 30px;} #products-detail .detail .word .info {font-size: 28px;line-height: 1.6;} #products-detail .content .list {flex-wrap: wrap;} #products-detail .content .list .name {width: 100%;margin-bottom: 30px;} #products-detail .content .down {width: calc(100% - 100px);} #products-detail .content .down .ul .li {display: block;padding-right: 0;} #products-detail .content .down .ul .li {font-size: 30px;line-height: 1.6;} #products-detail .content .down .ul .li .brief {width: 100%;margin-top: 15px;} #products-detail .content .list .btn {transform: scale(1.3)translateY(-45px);} } /* 产品对比内容 */ #pro-contrast {padding-bottom: 45px;} #pro-contrast .btn_box {display: flex;justify-content: flex-end;} #pro-contrast .btn_box .btn {width: 135px;height: 52px;box-sizing: border-box;border-radius: 30px;text-align: center;line-height: 52px;font-size: 16px;border: 1px solid var(--color);color: var(--color);margin-right: 20px;cursor:pointer;} #pro-contrast .btn_box .btn:last-child {margin-right: 0;} #pro-contrast .btn_box .btn.different {border-color: var(--main);color: var(--main);} /* #pro-contrast .btn_box .btn.cur, */ #pro-contrast .btn_box .btn:hover {border-color: var(--main);color: var(--main);} #pro-contrast .btn_box .different.cur, #pro-contrast .btn_box .different:hover {border-color: var(--main);color: #fff;background: var(--main);} #pro-contrast .content {margin-top: 30px;} #pro-contrast .content .list {border-top: 1px solid #e9e9ea;padding: 50px 0 75px;cursor:pointer;} #pro-contrast .content .list .one {display: flex;align-items: center;justify-content: space-between;} #pro-contrast .content .list .one .name {font-size: 26px;color: var(--color);} #pro-contrast .content .list .one .close {display: flex;align-items: center;justify-content: center;} #pro-contrast .content .list .one .close img:nth-of-type(2) {display: none;} #pro-contrast .content .list.cur .one .close img:nth-of-type(1) {display: none;} #pro-contrast .content .list.cur .one .close img:nth-of-type(2) {display: block;} #pro-contrast .content .list .ul {margin-top: 45px;font-size: 18px;color: var(--color2);} #pro-contrast .content .list .ul .li {display: flex;align-items: flex-start;margin-top: 30px;} #pro-contrast .content .list .ul .li.hide {display: none;} #pro-contrast .content .list .ul .li:first-child {margin-top: 0;} #pro-contrast .content .list .ul .li .text {color: var(--color);width: 12.5%;} #pro-contrast .content .list .ul .li .data {width: 75%;display: flex;} #pro-contrast .content .list .ul .li .data .num {width: 31.833%;margin-right: 2.25%;text-align: center;} #pro-contrast .content .list .ul .li .data .num:last-child {margin-right: 0;} #pro-contrast .content .list .ul .li .data .num.hide_num {opacity: 0;} @media screen and (max-width:750px) { #pro-contrast .btn_box .btn {width: 150px;height: 60px;line-height: 60px;font-size: 26px;} #pro-contrast .content .list .one .name {font-size: 36px;} #pro-contrast .content .list .one .close {transform: scale(1.3);} #pro-contrast .content .list .ul .li {flex-wrap: wrap;font-size: 26px;line-height: 1.5;} #pro-contrast .content .list .ul .li .text {width: 100%;} #pro-contrast .content .list .ul .li .data {width: 100%;margin-top: 20px;} #pro-contrast .content .list .ul .li .data .num {width: 100%;margin-right: 0;text-align: left;} } /* 系统软件 */ #client-download {padding: 35px 0 120px;} #client-download .content .btn { /* display: flex; */ align-items: center; font-size: 16px; margin-top: 30px; margin-bottom: 30px; color: var(--main); text-align: center; } #client-download .content .btn img { margin-left: 15px; } #client-download {padding: 35px 0 120px;background-color: #fff;} #client-download .title {text-align: center;} #client-download .title .en {font-size: 24px;font-family: 'PR';color: var(--color2);} #client-download .title .cn {font-size: 36px;font-weight: 500;color: var(--color);margin-top: 50px;} #client-download .content {display: flex;margin-top: 30px;} #client-download .content .box {width: auto; margin-top: 50px;border-radius: 30px;background: #f5f6f7;padding: 30px;margin-right: 2.75%;} #client-download .content .box .name {font-size: 22px;font-weight: 600;margin-top: 40px;text-align: center;} #client-download .content .box .brief {line-height: 27px;font-size: 16px;color: var(--color2);margin-top: 17px;text-align: center;} @media screen and (max-width:750px) { #client-download .title .en {font-size: 30px;} #client-download .content {flex-wrap: wrap;margin-top: 20px;} #client-download .content .box {width: 100%;margin-top: 30px;margin-right: 0;padding: 30px;} #client-download .content .box .name {font-size: 36px;} #client-download .content .box .brief {font-size: 30px;line-height: 1.6;} #client-download .content .btn{font-size: 30px;} } /* 为什么 */ #system-why {padding: 35px 0 120px;} #system-why .title {text-align: center;} #system-why .title .en {font-size: 24px;font-family: 'PR';color: var(--color2);} #system-why .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #system-why .content {display: flex;margin-top: 50px;} #system-why .content .box {width: 31.5%; margin-top: 50px;border-radius: 30px;background: #fff;padding: 4.416% 3.666%;margin-right: 2.75%;} #system-why .content .box:last-child {margin-right: 0;} #system-why .content .box .name {font-size: 22px;font-weight: 500;margin-top: 40px;} #system-why .content .box .brief {line-height: 27px;font-size: 16px;color: var(--color2);margin-top: 17px;} @media screen and (max-width:750px) { #system-why .title .en {font-size: 30px;} #system-why .content {flex-wrap: wrap;margin-top: 20px;} #system-why .content .box {width: 100%;margin-top: 30px;margin-right: 0;padding: 30px;} #system-why .content .box .name {font-size: 36px;} #system-why .content .box .brief {font-size: 30px;line-height: 1.6;} } /* 产品展示 */ #system-products {padding: 90px 0 120px;background: #fff;} #system-products .title {text-align: center;} #system-products .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #system-products .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #system-products .content {display: flex;margin-top: 20px;justify-content: space-between;flex-wrap: wrap;} #system-products .content .box {width: 48.333%;border-radius: 30px;padding: 5%;color: #fff;min-height: 435px;margin-top: 30px;} #system-products .content .box .name {font-size: 32px;font-weight: 500;} #system-products .content .box .brief {margin-top: 20px; line-height: 28px;font-size: 16px;opacity: 0.75;} #system-products .content .box .btn {display: flex;align-items: center;font-size: 16px;margin-top: 50px;} #system-products .content .box .btn img {margin-left: 15px;} @media screen and (max-width:750px) { #system-products .title .en {font-size: 30px;} #system-products .content .box {width: 100%;} #system-products .content .box .name {font-size: 36px;} #system-products .content .box .brief {font-size: 30px;line-height: 1.6;} #system-products .content .box .btn {font-size: 26px;} #system-products .content .box .btn img {transform: scale(1.3);} } /* 在线体验 */ #system-online {padding: 90px 0 120px;} #system-online .title {text-align: center;} #system-online .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #system-online .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #system-online .content {margin-top: 50px;min-height: 450px;border-radius: 30px;padding: 0 6.666%; display: flex;flex-direction: column;justify-content: center; background-image: url(../image/online.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} #system-online .content .name {font-size: 28px;font-weight: 500;color: var(--color);} #system-online .content .brief {margin-top: 15px;line-height: 25px;font-size: 16px;} #system-online .content .btn {display: flex;align-items: center;font-size: 16px;margin-top: 50px;color: var(--main);} #system-online .content .btn img {margin-left: 15px;} /* 系统对比 */ #system-contrast {padding: 90px 0 120px;background: #fff;} #system-contrast .title {text-align: center;} #system-contrast .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #system-contrast .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #system-contrast .content {margin-top: 50px;min-height: 450px;border-radius: 30px;padding: 0 6.666%; display: flex;flex-direction: column;justify-content: center; background-image: url(../image/contrast.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;} #system-contrast .content .name {font-size: 28px;font-weight: 500;color: var(--color);} #system-contrast .content .brief {margin-top: 15px;line-height: 25px;font-size: 16px;} #system-contrast .content .btn {display: flex;align-items: center;font-size: 16px;margin-top: 75px;color: var(--main);} #system-contrast .content .btn img {margin-left: 15px;} @media screen and (max-width:750px) { #system-online .title .en, #system-contrast .title .en {font-size: 30px;} #system-contrast .content .name, #system-online .content .name {font-size: 36px;} #system-contrast .content .brief, #system-online .content .brief {font-size: 26px;line-height: 1.6;} #system-contrast .content .btn, #system-online .content .btn {font-size: 26px;} #system-contrast .content .btn img, #system-online .content .btn img {transform: scale(1.3);} } @media only screen and (max-width: 768px) { #client-download .content { display: grid; margin-top: 30px; } } @media only screen and (max-width: 1100px) { #client-download .content { display: grid; margin-top: 30px; } } /* 系统详情 */ #system-detail {padding: 35px 0 120px;} #system-detail .title {text-align: center;} #system-detail .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #system-detail .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #system-detail .content {margin-top: 50px;display: flex;justify-content: space-between;} #system-detail .content .left {width: 15.714%;} #system-detail .content .left .choose .box {border-radius: 10px;background: #fff;margin-top: 5px;} #system-detail .content .left .choose .box:first-child {margin-top: 0;} /* #system-detail .content .left .choose .box .top {height: 57px;padding: 0 20px;display: flex;align-items: center;justify-content: space-between;} */ #system-detail .content .left .choose .box .top {height: 57px;padding: 0 10px;display: flex;align-items: center;justify-content: space-between;} #system-detail .content .left .choose .box .top .tit_box {width: calc(100% - 15px);display: flex;align-items: center;justify-content: space-between;} #system-detail .content .left .choose .box .top .tit_box .text {width: calc(100% - 30px);font-size: 18px;font-weight: 500;color: var(--color);} #system-detail .content .left .choose .box .top:hover .tit_box .text, #system-detail .content .left .choose .box .top.cur .tit_box .text {color: var(--main);} #system-detail .content .left .choose .box .top.cur .tit_box .text {color: var(--main);} #system-detail .content .left .choose .box .top.cur .svg {transform: rotate(90deg);} /* #system-detail .content .left .choose .box .bot {border-top: 1px solid var(--color2);display: none;} */ /* #system-detail .content .left .choose .box .bot {border-top: 1px solid var(--color2);height: 0;overflow: hidden;} */ #system-detail .content .left .choose .box .bot {height: 0;overflow: hidden;} #system-detail .content .left .choose .box .bot .ul {padding: 15px 0 20px;} #system-detail .content .left .choose .box .bot .ul .li {padding-left: 22.727%;color: var(--color2);font-size: 16px;margin-top: 12px;margin-right: 22.727%;} #system-detail .content .left .choose .box .bot .ul .li:first-child {margin-top: 0;} #system-detail .content .left .choose .box .bot .ul .li.cur, #system-detail .content .left .choose .box .bot .ul .li:hover {color: var(--main);} #system-detail .content {position: relative;} #system-detail .content .left {position: relative;} #system-detail .content .left.mover .choose {position: sticky;top: 0;width: 100%;} #system-detail .content .right {width: 80%;} #system-detail .content .right .ul {margin-top: 40px;} #system-detail .content .right .ul:first-child {margin-top: 0;} #system-detail .content .right .ul .banner {border-radius: 30px;min-height: 500px;padding: 40px 60px;color: #fff;text-align: left;} #system-detail .content .right .ul .banner .text {font-size: 32px;font-weight: 500;} #system-detail .content .right .ul .banner .brief {font-size: 16px;margin-top: 30px;white-space: pre-wrap;} #system-detail .content .right .ul .list {padding: 5.357%;background: #fff;border-radius: 30px;margin-top: 40px;display: flex;align-items: center;justify-content: space-between;} #system-detail .content .right .ul .list .word {width: 37%;} #system-detail .content .right .ul .list .word .name {font-size: 32px;font-weight: 500;color: var(--color);} #system-detail .content .right .ul .list .word .brief {line-height: 28px;font-size: 16px;color: var(--color2);margin-top: 20px;} #system-detail .content .right .ul .list .img {width: 50.6%;padding-top: 38%;border-radius: 15px;position: relative;overflow: hidden;} #system-detail .content .right .ul .list.portrait {display: block;} #system-detail .content .right .ul .list.portrait .word {width: 100%;} #system-detail .content .right .ul .list.portrait .img {width: 100%;padding-top: 36.8%;} #system-detail .content .right .ul .list.img_left {flex-direction: row-reverse;} #system-detail.system-contrast .content {justify-content: center;} @media screen and (max-width:1024px) { #system-detail .title .en {font-size: 30px;} #system-detail .content .left {display: none;} #system-detail .content .right {width: 100%;} } @media screen and (max-width:750px) { #system-detail .content .right .ul .list.img_left, #system-detail .content .right .ul .list {display: block;} #system-detail .content .right .ul .list .word {width: 100%;} #system-detail .content .right .ul .list .img {width: 100%;padding-top: 0;margin-top: 30px;} #system-detail .content .right .ul .list .img .max {position: relative;} #system-detail .content .right .ul .list .word .name {font-size: 36px;} #system-detail .content .right .ul .list .word .brief {font-size: 30px;line-height: 1.6;} #system-detail .content .right .ul .banner .text {font-size: 36px;font-weight: 500;} #system-detail .content .right .ul .banner .brief {font-size: 30px;line-height: 1.6;} #system-detail .content .right .ul .list.portrait .img {padding:0} #system-detail .content .right .ul .list.portrait .img .max {position: relative;} } /* 服务中心 */ /* 搜素框 */ #service-search {position: relative;} #service-search .content {background: #fff;border-radius: 35px;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);position: absolute;left: 50%;transform: translateX(-50%);top: -35px; z-index: 3;} #service-search .content .top {padding: 0 3.333%;height: 70px;display: flex;align-items: center;justify-content: space-between;} #service-search .content .top .btn {cursor:pointer;} #service-search .content .top .input {line-height: 70px;width: calc(100% - 37px);font-size: 16px;color: var(--color);} #service-search .content .top .inputinput::placeholder {color: var(--color2);} #service-search .content .bot {height: 0;overflow: hidden;} #service-search .content .bot .info {padding: 5px 6.416% 25px;} #service-search .content .bot .info .text {font-size: 16px;color: var(--color2);} #service-search .content .bot .info .ul {max-height: 200px;overflow: auto;} #service-search .content .bot .info .ul .li {margin-top: 12px;font-size: 16px;color: #292c33;} #service-search .content .bot .info .ul .li:hover {color: var(--main);} #service-search .content.cur {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} /* 服务中心 */ #service-center {padding: 125px 0 120px;} #service-center .title {text-align: center;} #service-center .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #service-center .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #service-center .content {margin-top: 21px;display: flex;flex-wrap: wrap;} #service-center .content .box {background: #fff;border-radius: 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 29px;} #service-center .content .box:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #service-center .content .box .name {font-size: 22px;font-weight: 500;color: var(--color);margin-top: 35px;} #service-center .content .box .brief {font-size: 16px;color: var(--color2);margin-top: 10px;} #service-center .content.c4 .box {width: calc((100% - (24px * 3)) / 4); height: 282px;margin-right: 2%;} #service-center .content.c4 .box:nth-child(4n) {margin-right: 0;} #service-center .content.c3 .box {width: calc((100% - (24px * 2)) / 3); height: 282px;margin-right: 2%;} #service-center .content.c3 .box:nth-child(3n) {margin-right: 0;} @media screen and (max-width:1024px) { #service-center .title .en {font-size: 30px;} #service-center .content {justify-content: space-between;} #service-center .content.c3 .box, #service-center .content.c4 .box {width: 49%;margin-right: 0;padding: 30px;} #service-center .content .box .name {font-size: 28px;} #service-center .content .box .brief {font-size: 24px;text-align: center;} } @media screen and (max-width:750px) { #service-search .content .top .input {font-size: 26px;width: calc(100% - 60px);} #service-search .content .top .btn img {transform: scale(1.3);} #service-search .content .bot .info .text {font-size: 26px;} #service-search .content .bot .info .ul .li {font-size: 26px;} } /* 服务资讯 */ #service-information {padding: 90px 0 120px;background: #fff;} #service-information .title {text-align: center;} #service-information .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #service-information .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #service-information .cw1200 {position: relative;z-index: 3;} #service-information .content {margin-top: 50px;min-height: 450px;border-radius: 30px;padding: 0 6.666%; display: flex;flex-direction: column;justify-content: center; background-image: url(../image/info.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;} #service-information .content::before {content: '';width: 91.666%;height: 100%;border-radius: 30px;background: #fafafa;position: absolute;left: 50%;transform: translateX(-50%);bottom: -30px;z-index: -1;} #service-information .content .name {font-size: 28px;font-weight: 500;color: var(--color);} #service-information .content .brief {margin-top: 15px;line-height: 25px;font-size: 16px;} #service-information .content .btn {display: flex;align-items: center;font-size: 16px;margin-top: 75px;color: var(--main);} #service-information .content .btn img {margin-left: 15px;} @media screen and (max-width:1024px) { #service-information .title .en {font-size: 30px;} #service-information .content .btn {font-size: 26px;} #service-information .content .btn img {transform: scale(1.3);} } /* 热门问题 */ #service-faq {padding: 90px 0 120px;} #service-faq.faq {padding-top: 0;} #service-faq .title {text-align: center;} #service-faq .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #service-faq .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #service-faq .content {margin-top: 50px;padding: 55px 5% 60px;background: #fff;border-radius: 30px;} #service-faq .content .ul {display: flex;justify-content: space-between;flex-wrap: wrap;} #service-faq .content .ul .li {width: 47.222%; display: flex;justify-content: space-between;align-items: center;padding-bottom: 25px;border-bottom: 1px solid #e9e9ea;margin-top: 45px;} #service-faq .content .ul .li:nth-child(-n+2) {margin-top: 0;} #service-faq .content .ul .li .text {font-size: 20px;font-weight: 500;color: var(--color);width: calc(100% - 15px);} #service-faq .content .ul .li .icon {fill: var(--color));width: 8px;height: 14px;} #service-faq .content .ul .li:hover .text {color: var(--main);} #service-faq .content .ul .li:hover .icon {fill: var(--main);} #service-faq .content .btn {cursor:pointer;width: 140px;height: 52px;border-radius: 30px;text-align: center;line-height: 52px;box-sizing: border-box;border: 1px solid #1a1a1a;font-size: 16px;color: var(--color);margin: 60px auto 0;} #service-faq .content .btn:hover {background: var(--main);border-color: var(--main);color: #fff;} @media screen and (max-width:1024px) { #service-faq .content .ul .li:nth-child(-n+2), #service-faq .content .ul .li {width: 100%;margin-top: 45px;} #service-faq .content .ul .li:first-child {margin-top: 0;} } @media screen and (max-width:750px) { #service-faq .title .en {font-size: 30px;} #service-faq .content .ul .li .text {font-size: 30px;} #service-faq .content .ul .li .icon {transform: scale(1.3);} #service-faq .content .btn {width: 160px;height: 60px;font-size: 26px;line-height: 60px;} } /* 下载中心 */ #download {padding: 35px 0 190px;} #download.compatible {padding-bottom: 120px;} #download .title {text-align: center;} #download .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #download .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #download .location {min-height: 70px;position: relative;margin: 50px auto 0;} #download .content {width: 70%;background: #fff;border-radius: 35px;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.1);min-height: 70px;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 9;} #download .content .top {padding: 0 4.761%;height: 70px;display: flex;align-items: center;justify-content: space-between;font-size: 16px;color: var(--color);fill: var(--color); cursor:pointer;} #download .content.cur .top {color: var(--main);} #download .content.cur .icon {transform: rotate(90deg);fill: var(--main);} #download .content .bot {height: 0;overflow: hidden;} #download .content .bot .info {padding: 5px 6.416% 25px;} #download .content .bot .info .text {font-size: 16px;color: var(--color2);} #download .content .bot .info .search {margin: 15px 0;} #download .content .bot .info .search .text {font-size: 16px;color: var(--color2);} #download .content .bot .info .search .cont {border: 1px solid #ccc; padding: 0 10px; border-radius: 10px;display: flex;align-items: center;justify-content: space-between;margin-top: 5px;} #download .content .bot .info .search .cont.hide {display: none;} #download .content .bot .info .search .cont .input {line-height: 50px;font-size: 16px;width: calc(100% - 30px);} #download .content .bot .info .search .cont .input::placeholder {color: var(--color2);} #download .content .bot .info .search .cont .btn {cursor:pointer;} #download .content .bot .info .ul {max-height: 220px;overflow: auto;} #download .content .bot .info .ul .li {margin-top: 12px;font-size: 16px;color: #292c33;} #download .content .bot .info .ul .li.hide {display: none;} #download .content .bot .info .ul .li:hover {color: var(--main);} #download .content.cur {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #download .tip {text-align: center;line-height: 36px;font-size: 16px;color: var(--color2);margin-top: 50px;} #download .prompt {margin: 30px auto 0;width: 70%;background: #fff;border-radius: 30px;padding: 45px 5% 60px;} #download .prompt .title {text-align: center;font-weight: 500;font-size: 20px;color: var(--color);} #download .prompt .ul {font-size: 16px;color: var(--color2);margin-top: 25px;line-height: 36px;} @media screen and (max-width:750px) { #download .title .en {font-size: 30px;} #download .tip {font-size: 30px;line-height: 1.6;} #download .content {width: 100%;} #download .content .top {font-size: 26px;} #download .content .top .icon {transform: scale(1.3);} #download .content.cur .icon {transform: rotate(90deg) scale(1.3);fill: var(--main);} #download .content .bot .info .text {font-size: 24px;} #download .content .bot .info .ul .li {font-size: 26px;} #download .prompt {width: 100%;} #download .prompt .title {font-size: 36px;} #download .prompt .ul {font-size: 30px;line-height: 1.6;} #download .content .bot .info .search .text {font-size: 26px;} #download .content .bot .info .search .cont .input {line-height: 60px; font-size: 26px;width: calc(100% - 50px);} #download .content .bot .info .search .cont .btn_son {transform: scale(1.3);} } /* 下载中心 列表 */ #download-list {padding: 100px 0 120px;} #download-list .title {text-align: center;} #download-list .title .en {font-size: 24px;font-family: 'PR';color: #cccccc;} #download-list .title .cn {font-size: 42px;font-weight: 500;color: var(--color);} #download-list .choose {margin-top: 50px;display: flex;justify-content: flex-end;position: relative;} /* #download-list .choose .content {position: absolute;left: 0;z-index: 5; width: 50.666%;background: #fff;border-radius: 35px;} */ #download-list .choose .content {position: absolute;left: 0;z-index: 5; width: 33.666%;background: #fff;border-radius: 35px;} #download-list .choose .content .top {padding: 0 5%;height: 70px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight: 500; color: var(--color);fill: var(--color); cursor:pointer;} #download-list .choose .content.cur .top {color: var(--main);} #download-list .choose .content.cur .icon {transform: rotate(90deg);fill: var(--main);} #download-list .choose .content .bot {height: 0;overflow: hidden;} #download-list .choose .content .bot .info {padding: 5px 6.416% 25px;} #download-list .choose .content .bot .info .text {font-size: 16px;color: var(--color2);} #download-list .choose .content .bot .info .search {margin: 15px 0;} #download-list .choose .content .bot .info .search .text {font-size: 16px;color: var(--color2);} #download-list .choose .content .bot .info .search .cont {border: 1px solid #ccc; padding: 0 10px; border-radius: 10px;display: flex;align-items: center;justify-content: space-between;margin-top: 5px;} #download-list .choose .content .bot .info .search .cont.hide {display: none;} #download-list .choose .content .bot .info .search .cont .input {line-height: 50px;font-size: 16px;width: calc(100% - 30px);} #download-list .choose .content .bot .info .search .cont .input::placeholder {color: var(--color2);} #download-list .choose .content .bot .info .search .cont .btn_son {cursor:pointer;} #download-list .choose .content .bot .info .ul {max-height: 220px;overflow: auto;} #download-list .choose .content .bot .info .ul .li {margin-top: 12px;font-size: 16px;color: #292c33;} #download-list .choose .content .bot .info .ul .li.hide {display: none;} #download-list .choose .content .bot .info .ul .li:hover {color: var(--main);} #download-list .choose .content.cur {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #download-list .choose .btn_box {display: flex;} #download-list .choose .btn {width: 180px;height: 70px;border-radius: 40px;background: #fff;text-align: center;line-height: 70px;font-size: 18px;color: var(--color);font-weight: 500;margin-right: 20px;cursor:pointer;} #download-list .choose .btn:last-child {margin-right: 0;} #download-list .choose .btn.cur, #download-list .choose .btn:hover {background: var(--main);color: #fff;} #download-list .bind {margin-top: 40px;} #download-list .bind .bind_box {display: none;} #download-list .bind .bind_box.cur {display: block;} #download-list .bind .bind_box .list {padding: 5.833% 5% 5.833% 0;background: #fff;border-radius: 30px; display: flex;align-items: center; justify-content: space-between;margin-top: 20px;} #download-list .bind .bind_box .list:first-child {margin-top: 0;} #download-list .bind .bind_box .list .logo {width: 17.543%;border-right: 1px solid #f5f6f7;height: 166px;} #download-list .bind .bind_box .list .ul {width: 56.403%;line-height: 31px;font-size: 16px;color: var(--color2);} #download-list .bind .bind_box .list .ul .toggle-btn {color: var(--main);margin-left: 13px;cursor:pointer;} #download-list .bind .bind_box .list .ul pre {white-space: pre-line !important;} #download-list .bind .bind_box .list .end {width: 150px;} #download-list .bind .bind_box .list .end .img {width: 150px;padding-top: 150px;border-radius: 5px;border:1px solid #e3e5eb;position: relative;} #download-list .bind .bind_box .list .end .text {text-align: center;font-size: 16px;color: var(--color2);margin-top: 15px;} #download-list .bind .bind_box .list .btn {width: 150px;height: 60px;border-radius: 30px;text-align: center;line-height: 60px;background: var(--main);color: #fff;font-size: 16px;cursor:pointer;} #download-list .bind .bind_box .list .btn:hover {background: var(--main2);} #download-list .bind .bind_box .end .other {text-align: center;font-size: 16px;color: var(--main);margin-top: 30px;} #download-list .bind .bind_box .list:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #download-list .bind .bind_box .list:hover .ul {color: var(--color);} #download-list .bind .bind_box .listhover .end .text {color: var(--main);} #download-list .bind .bind_box .word_list {padding: 45px 5% 45px 0;background: #fff;border-radius: 30px;display: flex;justify-content: space-between;align-content: center;margin-top: 20px;} #download-list .bind .bind_box .word_list:first-child {margin-top: 0;} #download-list .bind .bind_box .word_list .logo {width: 17.543%;border-right: 1px solid #f5f6f7;min-height: 60px;line-height: 1.6; text-align: center;font-family: 'PM';font-size: 18px;display: flex;align-items: center;justify-content: center;padding-left: 30px;} #download-list .bind .bind_box .word_list .ul {width: calc(100% - 100px - 17.5435% - 150px);line-height: 31px;font-size: 16px;color: var(--color2);} #download-list .bind .bind_box .word_list .btn {width: 150px;height: 60px;border-radius: 30px;text-align: center;line-height: 60px;background: var(--main);color: #fff;font-size: 16px;cursor:pointer;} #download-list .bind .bind_box .word_list .btn:hover {background: var(--main2);} #download-list .bind .bind_box .choose_two {margin: 25px 0;background: #fff;font-size: 16px;color: var(--color);line-height: 60px;display: flex;justify-content: center;} #download-list .bind .bind_box .choose_two .box {padding: 0 30px;cursor:pointer;} #download-list .bind .bind_box .choose_two .box:hover, #download-list .bind .bind_box .choose_two .box.cur {color: var(--main);} #download-list .bind .bind_box .bind_choose_two .choose_box {display: none;} #download-list .bind .bind_box .bind_choose_two .choose_box.cur {display: block;} #download-list .bind .bind_box .bind_choose_two .text_book {padding: 5.833% 5%;background: #fff;border-radius: 30px;} #download-list .bind .bind_box .bind_choose_two .text_book .ul .li {margin-top: 30px;} #download-list .bind .bind_box .bind_choose_two .text_book .ul .li:first-child {margin-top: 0;} #download-list .bind .bind_box .bind_choose_two .text_book .ul .li .text {font-size: 20px;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6;font-weight: 500;} #download-list .bind .bind_box .bind_choose_two .text_book .ul .li .text .time {margin-left: 20px;font-family: 'PM';} #download-list .bind .bind_box .bind_choose_two .text_book .ul .li .brief {margin-top: 20px; line-height: 31px;font-size: 16px;color: var(--color2);} #download-list .bind .bind_box .bind_choose_two .text_book .history-item {color: var(--color);display: flex;font-size: 14px;justify-content: space-between;line-height: 24px;padding: 8px 0;margin-top: 20px;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item:first-child {margin-top: 0;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info {align-items: center;display: flex;justify-content: space-between;width: 85%;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right {display: flex} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-size { width: 120px} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-time {margin-left: 20px;width: 90px} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-time span {display: none} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn {display: flex; margin-left: 20px} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-check {color: var(--text-color-title-dark);cursor: pointer; padding: 8px;width: 72px} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-check:hover {color: #2660f5} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-download {color: var(--text-color-title-dark);cursor: pointer;padding: 8px;width: 72px} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-download:hover {color: #2660f5} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box {margin-left: 8px;position: relative;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box .out {padding: 0 10px; height: 0;overflow: hidden; position: absolute;right: 0;background: #fff; box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);z-index: 3;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box .out .tip {text-align: right;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box:hover .out {height: 48px;} #download-list .end_tip {position: static;width: 100%;padding-top: 100px;text-align: center;font-size: 14px;left: 0;bottom: 0;color: #8a8e99;} /* 应用下载 */ #download-list .app .content {display: flex;flex-wrap: wrap;} #download-list .app .content .item {width: 31.666%;padding: 30px;background: #fff;margin-right: 1.6%;margin-top: 30px;border-radius: 15px ;display: flex;flex-direction: column;justify-content: space-between;min-height: 300px;} #download-list .app .content .item .tit {display: flex;align-items: center;line-height: 22px;font-weight: 600;font-size: 16px;} #download-list .app .content .item .tit .icon {width: 48px;height: 48px;margin-right: 10px;border-radius: 8px;overflow: hidden;} #download-list .app .content .item .brief {color: rgba(0,0,0,0.6);line-height: 20px;font-size: 14px;margin-top: 12px;} #download-list .app .content .item .tip {margin-top: 4px;color: rgb(187 161 112 / 1);line-height: 20px;font-weight: 500;font-size: 12px;} #download-list .app .content .item .btn_box {display: flex;align-items: center;margin-top: 30px;} #download-list .app .content .item .btn_box .down_btn {text-align: center;padding: 8px 10px;color: #BBA170;border: 1px #BBA170 solid;min-width: 140px;font-size: 16px;} #download-list .app .content .item .btn_box .down_btn:hover {background: #BBA170;color: #fff;} #download-list .app .content .item .btn_box .md5 {color: rgb(153 153 153 / 1);font-weight: 500;font-size: 16px;margin-left: 25px;cursor: pointer;} #download-pup {background: rgba(0, 0, 0, .8);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 2000;display: none;} #download-pup .content {background-color: #fff;border-radius: 12px;padding: 32px 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 560px;z-index: 3000;} #download-pup .content .title {color: var(--color);font-size: 20px;line-height: 20px;width: 100%;} #download-pup .content .brief {margin-top: 36px;min-height: 180px;color: var(--color);font-size: 14px;line-height: 24px;max-height: 180px;overflow-y: scroll;} #download-code {background: rgba(0, 0, 0, .8);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 100;display: none;} #download-code .content {background-color: #fff;border-radius: 12px;padding: 32px 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: 560px;z-index: 3000;} #download-code .content .title {color: var(--color);font-size: 20px;line-height: 20px;width: 100%;text-align: center;} #download-code .content .form {margin-top: 30px;} #download-code .content .info {display: flex;justify-content: space-between;} #download-code .content .info .tip {font-size: 14px;} #download-code .content .info .tip.blue {color: var(--main);} #download-code .content .info .label {width: 48%;} #download-code .content .info .label .input {line-height: 30px;font-size: 16px;border: 1px solid;margin-top: 10px;padding: 0 5px;} #download-code .content .info .code {width: 48%;} #download-code .content .info .code .imgs {height: 60px;margin-bottom: 10px;} #download-code .content .btn_box {margin-top: 20px;display: flex;justify-content: center;} #download-code .content .btn_box .btn {width: 100px;line-height: 40px;text-align: center;font-size: 16px;border-radius: 5px;border: 1px solid;cursor:pointer;} #download-code .content .btn_box .btn:first-child {background: var(--main);border-color: var(--main);color: #fff;margin-right: 30px;} @media screen and (max-width:1280px) { #download-list .choose .content {width: 31.666%;} } @media screen and (max-width:1200px) { #download-list .choose .content {width: 28%;} } @media screen and (max-width:1024px) { #download-list .choose {flex-wrap: wrap;padding-top: 90px;} #download-list .choose .content {width: 100%;top: 0;} #download-list .choose .btn_box {width: 100%;justify-content: center;} #download-list .app .content {justify-content: space-between;} #download-list .app .content .item {width: 49%;margin-right: 0;} } @media screen and (max-width:750px) { #download-list .choose .btn {font-size: 26px;} #download-list .choose .content .top {font-size: 26px;} #download-list .choose .content .top .icon {transform: scale(1.3);} #download-list .choose .content .bot .info .text {font-size: 24px;} #download-list .choose .content .bot .info .ul .li {font-size: 26px;} #download-list .bind .bind_box .list {display: block;padding: 30px;} #download-list .bind .bind_box .list .logo {width: 100%;} #download-list .bind .bind_box .list .logo img {transform: scale(1.3);} #download-list .bind .bind_box .list .ul {width: 100%;margin: 30px 0;font-size: 30px;line-height: 1.6;} #download-list .bind .bind_box .list .end {width: 100%;} #download-list .bind .bind_box .list .end .img {width: 200px;height: 200px;margin: auto;} #download-list .bind .bind_box .list .end .img .max {width: 80%;} #download-list .bind .bind_box .list .end .text {font-size: 26px;} #download-list .bind .bind_box .list .btn {height: 70px;line-height: 70px;font-size: 26px;width: 100%;} #download-list .bind .bind_box .list .md5 {margin-top: 30px;text-align: center;font-size: 26px;} #download-list .bind .bind_box .choose_two {font-size: 24px;} #download-list .bind .bind_box .bind_choose_two .text_book .ul .li .text {font-size: 36px;} #download-list .bind .bind_box .bind_choose_two .text_book .ul .li .brief {font-size: 30px;line-height: 1.6;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item {font-size: 26px;display: block;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-download, #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-check, #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-size, #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-time {width: auto;padding: 0;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn {margin-left: 0;margin-top: 30px;justify-content: flex-end;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info {width: 100%;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box {margin-left: 30px;} #download-pup .content .title {font-size: 36px;} #download-pup .content .brief {font-size: 30px;line-height: 1.5;} #download-pup .content .brief {max-height: 400px;} #download-list .bind .bind_box .word_list {display: block;padding: 50px 30px;} #download-list .bind .bind_box .word_list .logo {width: 100%;font-size: 36px;padding-left: 0;} #download-list .bind .bind_box .word_list .ul {margin: 30px 0;font-size: 30px;line-height: 1.6;width: 100%;} #download-list .bind .bind_box .word_list .btn {width: 100%;height: 70px;font-size: 26px;} #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box .out { line-height: 1.8; } #download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box:hover .out { height: 100px; } #download-list .choose .content .bot .info .search .text {font-size: 26px;} #download-list .choose .content .bot .info .search .cont .input {line-height: 60px; font-size: 26px;width: calc(100% - 50px);} #download-list .choose .content .bot .info .search .cont .btn_son {transform: scale(1.3);} #download-list .app .content .item {width: 100%;margin-right: 0;} #download-list .app .content .item .tit {font-size: 36px;line-height: 1.6;} #download-list .app .content .item .tit .icon {width: 58px;height: 58px;} #download-list .app .content .item .brief {font-size: 30px;line-height: 1.6;margin-top: 30px;} #download-list .app .content .item .tip {font-size: 30px;line-height: 1.6;margin-top: 15px;} #download-list .app .content .item .btn_box .md5, #download-list .app .content .item .btn_box .down_btn {font-size: 26px;} } /* 在线文档支持 */ #online-support {padding: 90px 0 120px;} #online-support .content {margin-top: 50px;display: flex;justify-content: space-between;} #online-support .content .box {width: calc((100% - (18px * 2)) / 3);margin-right: 2%;padding: 5% 3.333%;background: #f5f6f7;border-radius: 30px;display: flex;justify-content: space-between;align-items: flex-start;} #online-support .content .box .icon {width: 80px;height: 80px;border-radius: 50%;background: #fff;} #online-support .content .box .word {width: calc(100% - 100px);} #online-support .content .box .word .name {font-size: 22px;font-weight: 500;color: var(--color);} #online-support .content .box .word .brief {margin-top: 5px;line-height: 25px;font-size: 16px;color: var(--color2);} #online-support .content .box .word .btn {width: 115px;height: 52px;border-radius: 26px;box-sizing: border-box;text-align: center;line-height: 52px;font-size: 16px;color: var(--color);border: 1px solid #1a1a11;margin-top: 50px;} #online-support .content .box:hover {background: #fff;box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #online-support .content .box:hover .icon {background: var(--main);} #online-support .content .box:hover .icon img {object-fit: contain;filter: brightness(0) invert(100%);} #online-support .content .box:hover .word .btn {color: var(--main);border-color: var(--main);} /* 服务简介 */ #retuen-service {background: #f5f6f7;padding: 120px 0;} #retuen-service .content {display: flex;justify-content: space-between;align-items: center; border-radius: 30px;overflow: hidden;background: #fff;} #retuen-service .content .img {width: 57.5%;padding-top: 38.333%;} #retuen-service .content .word {width: 42.5%;padding: 0 7.5%;} #retuen-service .content .word .title {line-height: 46px;font-size: 32px;font-weight: 500;} #retuen-service .content .word .data {display: flex;margin-top: 12px;flex-wrap: wrap;} #retuen-service .content .word .data .box {width: 65px;height: 65px;border-radius: 50%;border: 1px solid #d4d5d6;margin-right: 20px;margin-top: 20px;} #retuen-service .content .word .data .box:last-child {margin-right: 0;} #retuen-service .content .word .btn {font-size: 16px;color: #000000;margin-top: 75px;} @media screen and (max-width:750px) { #online-support .content {display: block;margin-top: 20px;} #online-support .content .box {width: 100%;margin-top: 30px;display: block;padding: 30px;} #online-support .content .box .icon {width: 120px;height: 120px;margin-bottom: 30px;} #online-support .content .box .icon img {transform: scale(1.3);} #online-support .content .box .word .name {font-size: 36px;} #online-support .content .box .word .brief {font-size: 30px;line-height: 1.6;} #online-support .content .box .word .btn {width: 150px;height: 60px;line-height: 60px;font-size: 26px;border-radius: 30px;} #retuen-service .content {display: block;} #retuen-service .content .img {width: 100%;padding-top: 0;} #retuen-service .content .img .max {position: relative;} #retuen-service .content .word {width: 100%;padding: 30px;} #retuen-service .content .word .title {font-size: 36px;} #retuen-service .content .word .data .box {width: 80px;height: 80px;} #retuen-service .content .word .data .box img {transform: scale(1.3);} #retuen-service .content .word .btn {font-size: 26px;display: flex;align-items: center;} #retuen-service .content .word .btn img {transform: scale(1.3);margin-left: 20px;} } /* 教程列表 */ #tutorial {padding: 60px 0 120px;} #tutorial .content {display: flex;justify-content: space-between;} #tutorial .content .left {width: 23.333%;} #tutorial .content .left .choose .list {padding-bottom: 40px;border-bottom: 1px solid #e0e1e3;margin-top: 50px;} #tutorial .content .left .choose .list:first-child {margin-top: 0;} #tutorial .content .left .choose .list .title {font-size: 20px;font-weight: 500;color: var(--color);margin-bottom: 25px;} #tutorial .content .left .choose .list .search {padding: 0 7.142%;background: #fff;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;} #tutorial .content .left .choose .list .search.hide {display: none;} #tutorial .content .left .choose .list .search .input {line-height: 50px;font-size: 16px;} #tutorial .content .left .choose .list .search .input::placeholder {color: var(--color2);} #tutorial .content .left .choose .list .search .btn {cursor:pointer;} #tutorial .content .left .choose .list .ul .li {color: var(--color2);font-size: 16px;line-height: 19px; display: flex;justify-content: space-between;align-items: flex-start;cursor:pointer;margin-top: 17px;} #tutorial .content .left .choose .list .ul .li.hide {display: none;} #tutorial .content .left .choose .list .ul .li:first-child {margin-top: 0;} #tutorial .content .left .choose .list .ul .li .checkbox {width: 19px;height: 19px;border: 1px solid #bfc2c8;border-radius: 3px;text-align: center;color: #fff;} #tutorial .content .left .choose .list .ul .li .checkbox::before {content: '✔';opacity: 0;transition: all 0.3s linear;} /* #tutorial .content .left .choose .list .ul .li .text {width: calc(100% - 40px - 50px);} */ #tutorial .content .left .choose .list .ul .li .text {width: calc(100% - 40px - 30px);} #tutorial .content .left .choose .list .ul .li .num {text-align: right;width: 30px; } #tutorial .content .left .choose .list .ul .li.cur, #tutorial .content .left .choose .list .ul .li:hover {color: var(--color);} #tutorial .content .left .choose .list .ul .li.cur .checkbox {background: var(--main);border-color: var(--main);} #tutorial .content .left .choose .list .ul .li.cur .checkbox:before {opacity: 1;} #tutorial .content .right {width: 70%;} #tutorial .content .right .list {padding: 3.571% 7.738% 5.357% 3.571%;background: #fff;border-radius: 30px;display: flex;justify-content: space-between;align-items: flex-start;margin-top: 33px;} #tutorial .content .right .list:first-child {margin-top: 0;} #tutorial .content .right .list .img {width: 21.476%;padding-top: 21.476%;position: relative;} #tutorial .content .right .list .word {width: calc(100% - 21.476% - 40px);} #tutorial .content .right .list .word .name {font-size: 22px;font-weight: 500;color: var(--color);} #tutorial .content .right .list .word .brief {margin-top: 20px;line-height: 25px;font-size: 16px;color: var(--color2);min-height: 75px;} #tutorial .content .right .list .word .bot {margin-top: 55px;display: flex;justify-content: space-between;align-items: flex-start;} #tutorial .content .right .list .word .time {font-size: 18px;color: var(--color);opacity: 0.5;margin-top: 5px;} #tutorial .content .right .list .word .bot .category {display: flex;flex-wrap: wrap;max-width: 70%;} #tutorial .content .right .list .word .bot .category .item { height: auto;padding: 4px 7px;font-size: 12px;background: #eaf7ff;margin-right: 5px;border-radius: 3px;margin-top: 5px;} #tutorial .content .right .list:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #tutorial .content .right .list:hover .word .name {color: var(--main);} #tutorial .content .right .list:hover .word .brief {color: var(--color);} @media screen and (max-width:1024px) { #tutorial .content {display: block;} #tutorial .content .left {width: 100%;} #tutorial .content .left .choose .list {margin-top: 30px;} #tutorial .content .left .choose .list .title {margin-bottom: 0;} #tutorial .content .left .choose .list .search {margin-top: 17px;padding: 0 30px;} #tutorial .content .left .choose .list .ul {display: flex;flex-wrap: wrap;} #tutorial .content .left .choose .list .ul .li:first-child, #tutorial .content .left .choose .list .ul .li {width: 33%;margin-top: 17px;padding-right: 10px;} #tutorial .content .right {width: 100%;margin-top: 30px;} } @media screen and (max-width:750px) { #tutorial .content .left .choose .list .ul {justify-content: space-between;} #tutorial .content .left .choose .list .ul .li:first-child, #tutorial .content .left .choose .list .ul .li {width: 49%;margin-top: 17px;} #tutorial .content .left .choose .list .title {font-size: 36px;} /* #tutorial .content .left .choose .list .ul .li {font-size: 26px;line-height: 1.6;} */ #tutorial .content .left .choose .list .ul .li .num, #tutorial .content .left .choose .list .ul .li .text {font-size: 26px;line-height: 1.6;} #tutorial .content .left .choose .list .ul .li .checkbox {width: 30px;height: 30px;margin-top: 5px;} #tutorial .content .left .choose .list .ul .li .checkbox::before {line-height: 30px;font-size: 24px;} #tutorial .content .left .choose .list .search .input {line-height: 60px;font-size: 26px;} #tutorial .content .left .choose .list .search .btn {transform: scale(1.3);} #tutorial .content .right .list {display: block;padding: 30px;} #tutorial .content .right .list .img {width: 100%;padding-top: 50%;} #tutorial .content .right .list .img .max {transform: scale(1.3) translate(-50%,-50%);} #tutorial .content .right .list .word {width: 100%;} #tutorial .content .right .list .word .name {font-size: 36px;} #tutorial .content .right .list .word .brief {font-size: 30px;line-height: 1.6;} #tutorial .content .right .list .word .time {font-size: 26px;} #tutorial .content .right .list .word .bot {display: block;} #tutorial .content .right .list .word .bot .category {max-width: none;width: 100%;margin-top: 10px;} #tutorial .content .right .list .word .bot .category .item {font-size: 26px;margin-right: 10px;margin-top: 10px;} } /* 分页 */ #page {margin-top: 60px;display: flex;justify-content: center;} #page.other {justify-content: flex-start;} #page .lyui_paging_btn, #page .num {width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 16px;color: #666666;margin-right: 5px;border-radius: 10px;transition: all 0.3s linear;} #page .lyui_paging_btn:last-child, #page .num:last-child {margin-right: 0;} #page .lyui_paging_btn.cur, #page .lyui_paging_btn:hover, #page .num.cur, #page .num:hover {background: var(--main);color: #fff;} #page .lyui_paging_prev, #page .lyui_paging_next, #page .pn {width: 100px;height: 50px;border-radius: 10px;border: 1px solid #e6e6e6;box-sizing: border-box;text-align: center;line-height: 50px;font-size: 16px;color: #666666;background: #fff;transition: all 0.3s linear;} #page .lyui_paging_next, #page .pn.next {margin-left: 20px;} #page .lyui_paging_next .svg, #page .pn.next .svg {margin-left: 10px;} #page .lyui_paging_prev, #page .pn.prev {margin-right: 20px;} #page .lyui_paging_prev .svg, #page .pn.prev .svg {transform: rotate(180deg);margin-right: 10px;} #page .lyui_paging_prev:hover, #page .lyui_paging_next:hover, #page .pn:hover {background: var(--main);border-color: var(--main);color: #fff;} #page .lyui_paging_prev:hover .svg, #page .lyui_paging_next:hover .svg, #page .pn:hover .svg {object-fit: contain;filter: brightness(0) invert(100%);} #page .lyui_paging>font {display: none;} /* @media screen and (max-width:750px) { #page .lyui_paging_prev, #page .lyui_paging_next, #page .pn {width: 160px;height: 60px;line-height: 60px;font-size: 26px;} #page .lyui_paging_prev .svg, #page .lyui_paging_next .svg, #page .pn .svg {transform: scale(1.3);} #page .lyui_paging_prev .svg, #page .pn.prev .svg {transform: rotate(180deg) scale(1.3);margin-right: 10px;} #page .lyui_paging_btn, #page .num {width: 60px;height: 60px;line-height: 60px;font-size: 26px;} } */ /* 文档详情 */ #tutorial-detail {padding: 35px 0 120px;} #tutorial-detail .content {border-radius: 30px;background: #fff;padding: 70px 8.333% 100px;} #tutorial-detail .content .title {text-align: center;font-size: 36px;font-weight: 500;color: var(--color);} #tutorial-detail .content .time {display: flex;justify-content: center;align-items: center;font-size: 16px;font-family: 'PR';color: var(--color2);margin-top: 20px;} #tutorial-detail .content .time .icon {margin-right: 10px;} #tutorial-detail .content .detail {line-height: 38px;margin-top: 70px;} #tutorial-detail .content .detail * {max-width: 100%;} #tutorial-detail .content .detail {padding: 30px 0;} #tutorial-detail .content .detail * {max-width: 100%;white-space: pre-line !important;overflow: hidden;text-overflow: ellipsis;} #tutorial-detail .content .detail p {display: block;} #tutorial-detail .content .detail span {display: contents;} #tutorial-detail .content .share {margin-top: 100px;display: flex;justify-content: center;} #tutorial-detail .content .share .box {margin-right: 35px;cursor:pointer;} #tutorial-detail .content .share .box:last-child {margin-right: 0;} #tutorial-detail .content .share .box .svg {fill: #cccccc;} #tutorial-detail .content .share .box::last-child {margin-right: 0;} #tutorial-detail .content .share .box:hover .wechat {fill: #22ac38;} #tutorial-detail .content .share .box:hover .sina {fill: #e60012;} #tutorial-detail .content .share .box:hover .qq {fill: #0aa4ea;} #tutorial-detail .content .share .box:hover .facebook {fill: #3b579b;} #tutorial-detail .content .share .box:hover .linkedin {fill: #37b4ee;} #tutorial-detail .content .page {display: flex;justify-content: space-between;margin-top: 90px;} #tutorial-detail .content .page .pn {width: 48%;border-radius: 15px;background: #f5f6f7;padding: 30px 4%;} #tutorial-detail .content .page .pn .text {font-size: 16px;color: var(--color2);} #tutorial-detail .content .page .pn .name {font-size: 22px;color: var(--color);min-height: 58px;margin-top: 5px;} #tutorial-detail .content .page .pn .time_box {display: flex;align-items: center;font-size: 16px;color: var(--color2);margin-top: 30px;} #tutorial-detail .content .page .pn .time_box .icon {margin-right: 5px;} #tutorial-detail .content .page .pn:hover .name {color: var(--main);} #tutorial-detail .content .page.news .pn:hover {background: var(--main);} #tutorial-detail .content .page.news .pn:hover .text {color: #fff;} #tutorial-detail .content .page.news .pn:hover .name {color: #fff;} #tutorial-detail .content .page.news .pn:hover .time_box {color: #fff;} #tutorial-detail .content .page.news .pn:hover .time_box .icon img {object-fit: contain;filter: brightness(0) invert(100%);} #tutorial-detail .recommend {margin-top: 40px;border-radius: 30px;background: #fff;padding: 45px 5% 65px;} #tutorial-detail .recommend .title {font-size: 26px;color: var(--color);} #tutorial-detail .recommend .ul {margin-top: 35px;display: flex;justify-content: space-between;flex-wrap: wrap;} #tutorial-detail .recommend .ul .li {width: calc((100% - 60px)/2);font-size: 16px;color: var(--color2);display: flex;justify-content: space-between;padding-bottom: 15px;border-bottom: 1px solid #e9e9ea;margin-top: 35px;} #tutorial-detail .recommend .ul .li:nth-child(-n+2) {margin-top: 0;} #tutorial-detail .recommend .ul .li .name {color: var(--color);width: calc(100% - 100px);} #tutorial-detail .recommend .ul .li:hover, #tutorial-detail .recommend .ul .li:hover .name {color: var(--main);} @media screen and (max-width:750px) { #tutorial-detail .content {padding: 70px 30px 100px;} #tutorial-detail .content .time {font-size: 26px;} #tutorial-detail .content .time .icon {transform: scale(1.3);} #tutorial-detail .content .detail * {font-size: 30px !important;line-height: 1.8 !important;overflow: hidden;text-overflow: ellipsis;} #tutorial-detail .content .share .box .svg {transform: scale(1.3);} #tutorial-detail .content .page {display: block;} #tutorial-detail .content .page .pn {width: 100%;} #tutorial-detail .content .page .pn:last-child {margin-top: 30px;} #tutorial-detail .content .page .pn .text {font-size: 24px;} #tutorial-detail .content .page.news .pn .name {font-size: 36px;} #tutorial-detail .content .page .pn .time_box {font-size: 26px;} #tutorial-detail .content .page .pn .time_box .icon {transform: scale(1.3);} #tutorial-detail .recommend .title {font-size: 36px;} #tutorial-detail .recommend .ul .li:nth-child(-n+2), #tutorial-detail .recommend .ul .li {width: 100%;margin-top: 35px;display: block;font-size: 26px;} #tutorial-detail .recommend .ul .li:first-child {margin-top: 0;} #tutorial-detail .recommend .ul .li .name {width: 100%;margin-bottom: 20px;} } @media screen and (max-width:750px) { #tutorial-detail .content .detail * {font-size: 26px !important;line-height: 1.8 !important;} } /* 视频教程 */ #video {padding: 35px 0 120px;} #video .choose {display: flex;justify-content: center;font-size: 22px;color: var(--color);} #video .choose .box {margin-right: 4.166%;} #video .choose .box:last-child {margin-right: 0;} #video .choose .box.cur, #video .choose .box:hover {color: var(--main);} #video .content {margin-top: 12px;display: flex;flex-wrap: wrap;} #video .content .box {width: calc((100% - 2.75%*2)/3);border-radius: 30px;overflow: hidden;background: #fff;margin-right: 2.75%;margin-top: 33px;cursor:pointer;} #video .content .box:nth-child(3n) {margin-right: 0;} #video .content .box .info {position: relative;} #video .content .box .info .img {padding-top: 66.666%;position: relative;} #video .content .box .info .img::before {content: '';width: 100%;height: 100%;background: var(--color);opacity: 0.7;position: absolute;left: 0;top: 0;z-index: 1;transition: all 0.3s linear;} #video .content .box .info .play {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;} #video .content .box .word {padding: 26px 7.936%;} #video .content .box .name {line-height: 27px;font-size: 18px;color: var(--color);font-weight: 500;} #video .content .box:hover .img::before {opacity: 0.2;} #video .content .box:hover .play {opacity: 0;} #video .content .box:hover .name {color: var(--main);} /* 视频弹窗 */ #video-pup {position: fixed;background: rgba(41, 44, 51, 0.75);width: 100%;height: 100%;z-index: 25;top: 0;left: 0;display: none;} /* #video-pup .content {padding-top: 37.5%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} */ #video-pup .content {height: 78.5%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} #video-pup .content .video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} #video-pup .content .video .mp4 {object-fit: cover;width: 100%;height: 100%;} #video-pup .content .close {right: -40px;top: 0;position: absolute;cursor:pointer;} @media screen and (max-width:1024px) { #video .content {justify-content: space-between;} #video .content .box {width: 48%;margin-right: 0;} #video-pup .content .close {right: 5px;top: 5px;} } @media screen and (max-width:750px) { #video .content .box .name {font-size: 26px;line-height: 1.6;} } /* 玩机教程 */ #play {padding: 55px 0 120px;} #play .content {display: flex;justify-content: space-between;} #play .content .left {width: 23.333%;} #play .content .left .tit {font-size: 22px;font-weight: 500;display: none;} #play .content .left .choose .list {padding-bottom: 25px;border-bottom: 1px solid #e0e1e3;margin-top: 35px;} #play .content .left .choose .list:first-child {margin-top: 0;} #play .content .left .choose .list .title {font-size: 20px;font-weight: 500;color: var(--color);} #play .content .left .choose .list .ul {margin-top: 22px;padding-left: 18px;} #play .content .left .choose .list .ul .li {display: flex;align-items: center;font-size: 16px;color: var(--color2);margin-top: 12px;} #play .content .left .choose .list .ul .li:first-child {margin-top: 0;} #play .content .left .choose .list .ul .li .icon {display: flex;align-items: center;justify-content: center;margin-right: 5px;} #play .content .left .choose .list .ul .li .icon img:nth-of-type(2) {display: none;} #play .content .left .choose .list .ul .li.cur, #play .content .left .choose .list .ul .li:hover {color: var(--main);} #play .content .left .choose .list .ul .li.cur .icon img:nth-of-type(1), #play .content .left .choose .list .ul .li:hover .icon img:nth-of-type(1) {display: none;} #play .content .left .choose .list .ul .li.cur .icon img:nth-of-type(2), #play .content .left .choose .list .ul .li:hover .icon img:nth-of-type(2) {display: block;} #play .content .right {width: 70%;} #play .content .right .list {background: #fff;border-radius: 30px;padding: 2.38% 7.738% 2.38% 2.38%;display: flex;justify-content: space-between;align-items: center;margin-top: 33px;} #play .content .right .list:first-child {margin-top: 0;} #play .content .right .list .img {width: 31.788%;padding-top: 42.384%;border-radius: 15px;overflow: hidden;} #play .content .right .list .word {width: calc(100% - 31.788% - 40px);} #play .content .right .list .word .time {display: flex;align-items: center;font-size: 16px;font-family: 'PR';color: var(--color2);} #play .content .right .list .word .time .svg {margin-right: 10px;} #play .content .right .list .word .name {font-size: 22px;color: var(--color);font-weight: 500;margin-top: 25px;} #play .content .right .list .word .brief {margin-top: 20px;line-height: 25px;font-size: 16px;color: var(--color2);min-height: 75px;} #play .content .right .list .word .user {display: flex;display: flex;align-items: center;font-size: 16px;color: var(--color2);margin-top: 55px;} #play .content .right .list .word .user .user_img {width: 40px;height: 40px;border-radius: 50%;margin-right: 12px;} #play .content .right .list:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #play .content .right .list:hover .name {color: var(--main);} #play .content .right .list:hover .brief {color: var(--color);} @media screen and (max-width:1024px) { #play .content {display: block;} #play .content .left {width: 100%;position: relative;} #play .content .left .tit {display: flex;align-items: center;justify-content: space-between;padding-bottom: 30px;border-bottom: 1px solid var(--color);cursor:pointer;} #play .content .left .tit.cur {color: var(--main);} #play .content .left .tit.cur .icon {transform: rotate(90deg);fill: var(--main);} #play .content .left .choose {position: absolute;z-index: 2;background: #fff;width: 100%;box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);border-radius: 0 0 30px 30px;display: none;} #play .content .left .choose.cur {max-height: 500px;overflow: auto !important;} #play .content .left .choose .list .title {padding: 15px 20px;} #play .content .left .choose .list .ul {padding: 0 28px;margin-top: 0;} #play .content .right {width: 100%;margin-top: 30px;} } @media screen and (max-width:750px) { #play .content .left .tit {font-size: 36px;} #play .content .left .tit .icon {transform: scale(1.3);} #play .content .left .tit.cur .icon {transform: rotate(90deg) scale(1.3);fill: var(--main);} #play .content .left .choose .list .title {font-size: 30px;} #play .content .left .choose .list .ul .li {font-size: 26px;} #play .content .left .choose .list .ul .li .icon {transform: scale(1.3);} #play .content .right .list {padding: 30px;display: block;} #play .content .right .list .img {width: 100%;padding-top: 0;height: 500px;object-fit: cover;} #play .content .right .list .img .max {position: relative;} #play .content .right .list .word {width: 100%;margin-top: 30px;} #play .content .right .list .word .time {font-size: 26px;} #play .content .right .list .word .time .svg {transform: scale(1.3);} #play .content .right .list .word .name {font-size: 36px;} #play .content .right .list .word .brief {font-size: 30px;line-height: 1.8;} #play .content .right .list .word .user {font-size: 26px;} #play .content .right .list .word .user .user_img {width: 60px;height: 60px;} } /* 兼容说明 */ #compatible {padding: 40px 0 115px;} #compatible .content {display: flex;justify-content: space-between;align-items: center;margin-top: 50px;} #compatible .content .left {width: 45%;} #compatible .content .left .img {padding-top: 75%;background: #fff;border-radius: 30px;position: relative;overflow: hidden;} #compatible .content .left .img .max {max-width: 380px;} #compatible .content .left .text {text-align: center;margin-top: 15px;font-size: 16px;font-weight: 500;color: var(--color);} #compatible .content .right {width: 50%;} #compatible .content .right .name {font-size: 20px;font-weight: 500;color: var(--color);} #compatible .content .right .brief {margin-top: 25px;line-height: 31px;font-size: 16px;color: var(--color);} @media screen and (max-width:1024px) { #compatible .content {display: block;} #compatible .content .left {width: 100%;} #compatible .content .left .img {width: 60%;padding-top: 50%;margin: auto;} #compatible .content .right {width: 100%;margin-top: 30px;} } @media screen and (max-width:750px) { #compatible .content .left .img {width: 100%;padding-top: 80%;} #compatible .content .left .text {font-size: 36px;margin-top: 30px;} #compatible .content .right .name {font-size: 36px;} #compatible .content .right .brief {font-size: 30px;line-height: 1.5;} } /* 兼容说明 内容区 */ #compatible-list {padding-bottom: 120px;} #compatible-list .choose {display: flex;justify-content: center;} #compatible-list .choose .location {width: 54.166%;height: 70px;position: relative;} #compatible-list .choose .location .content {width: 100%; position: absolute;left: 0;z-index: 5;background: #fff;border-radius: 35px;} #compatible-list .choose .location .content .top {padding: 0 5%;height: 70px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-weight: 500; color: var(--color);fill: var(--color); cursor:pointer;} #compatible-list .choose .location .content .top .input {width: calc(100% - 20px);} #compatible-list .choose .location .content .icon {transform: rotate(90deg);fill: var(--color2);} /* #compatible-list .choose .location .content.cur .top {color: var(--main);} */ #compatible-list .choose .location .content.cur .icon {fill: var(--color);} #compatible-list .choose .location .content .bot {height: 0;overflow: hidden;} #compatible-list .choose .location .content .bot .info {padding: 5px 6.416% 25px;} #compatible-list .choose .location .content .bot .info .text {font-size: 16px;color: var(--color2);} #compatible-list .choose .location .content .bot .info .ul .li {margin-top: 12px;font-size: 16px;color: #292c33;} #compatible-list .choose .location .content .bot .info .ul .li:hover {color: var(--main);} #compatible-list .choose .location .content.cur {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #compatible-list .choose .btn {width: 160px;height: 70px;line-height: 70px;text-align: center;background: var(--main);color: #fff;font-size: 16px;border-radius: 40px;margin-left: 10px;cursor:pointer;} #compatible-list .choose .btn:hover {background: var(--main2);} #compatible-list .list {margin-top: 30px;} #compatible-list .list .head {display: flex;justify-content: space-between;} #compatible-list .list .head .box {width: 25%;position: relative;} #compatible-list .list .head .box.hide {display: none;} #compatible-list .list .head .box .top {height: 70px;background: #fff;border-radius: 10px;padding: 0 10%;display: flex;justify-content: space-between;align-items: center;font-size: 16px;color: var(--color2);cursor:pointer;} #compatible-list .list .head .box .top .icon {transform: rotate(90deg);fill: var(--color2);} #compatible-list .list .head .box .bot {width: 100%;max-height: 210px; background: #fff;border-radius: 10px;overflow-y: auto;position: absolute;left: 0;top: 80px;z-index: 3;box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);display: none;overflow: auto !important} /* #compatible-list .list .head .box .bot.cur {overflow: auto !important;} */ #compatible-list .list .head .box .bot .li {padding: 0 10%;font-size: 16px;color: var(--color);line-height: 40px;margin: 10px 0;cursor:pointer;} #compatible-list .list .head .box .bot .li:hover {color: #fff;background: var(--main);} #compatible-list .list .head .box.long {width: 49.166%;} #compatible-list .list .head .box.long .top {padding: 0 5.454%;} #compatible-list .list .head .box.long .bot .li {padding: 0 5.454%;} #compatible-list .list .content .item {margin-top: 5px;padding: 20px 0;border-radius: 10px;background: #ffffff;display: flex;justify-content: space-between;} #compatible-list .list .content .item .box {width: 25%;text-align: center;font-size: 18px;color: var(--color);display: flex;align-items: center;justify-content: center;border-right: 1px solid #dfe0e1;padding: 10px 2.5%;} #compatible-list .list .content .item .box.other {font-family: 'PR';} #compatible-list .list .content .item .long {width: 49.166%;padding: 10px 2.5%;display: flex;flex-wrap: wrap;} #compatible-list .list .content .item .long .li {line-height: 29px;font-size: 18px;font-family: 'PR';color: var(--color);width: 50%;} #compatible-list .list .content .item:hover {box-shadow: 5px 9px 20px 0px rgba(23, 108, 255, 0.2);position: relative;z-index: 2;} #compatible-list .list .page_btn {display: flex;justify-content: center;align-items: center; font-size: 18px;color: var(--color);margin-top: 45px;cursor:pointer;} #compatible-list .list .page_btn img {margin-right: 10px;} #compatible-list .list .page_btn.isend {display: none;} #compatible-list .list.c2 .head .box {width: 49.75%;} #compatible-list .list.c2 .content .item .box {width: 49.75%;} @media screen and (max-width:1024px) { #compatible-list .choose .location {width: 80%;} } @media screen and (max-width:750px) { #compatible-list .choose .location .content .top {font-size: 26px;} #compatible-list .choose .location .content .top .icon {transform: scale(1.3);} #compatible-list .choose .btn {font-size: 26px;} #compatible-list .list .content .item .long {display: block;} #compatible-list .list .content .item .long .li {width: 100%;font-size: 24px;line-height: 1.6;} #compatible-list .list .content .item .box {text-align: left;font-size: 24px;} #compatible-list .list .head .box .bot .li {font-size: 24px;} #compatible-list .list .head .box .top {font-size: 26px;} #compatible-list .list .head .box .top .icon img {transform: scale(1.3);} #compatible-list .choose .location .content .bot .info .text {font-size: 26px;} #compatible-list .choose .location .content .bot .info .ul .li {font-size: 26px;} #compatible-list .list .page_btn {font-size: 26px;} #compatible-list .list .page_btn img {transform: scale(1.3);} } /* 门店查询 */ #store {padding: 45px 0 120px;} #store .big_box {margin-top: 50px;position: relative;} #store .big_box .map .img {padding-top: 800px;overflow: hidden;border-radius: 35px;display: none;} #store .big_box .map .img img {object-fit: cover;} #store .big_box .map .img.cur {display: block;} #store .big_box .choose {width: 28.125%;position: absolute;right: 50px;top: 50%;transform: translateY(-50%);} #store .big_box .choose .input_box {display: flex;align-items: center;justify-content: space-between;border-radius: 30px;background: #fff;padding: 0 6.666%;} #store .big_box .choose .input_box .input {line-height: 60px;width: calc(100% - 50px);font-size: 16px;color: var(--color);} #store .big_box .choose .input_box .input::placeholder {color: var(--color2);} #store .big_box .choose .input_box .btn {cursor:pointer;} #store .big_box .choose .content {margin-top: 20px;background: #fff;border-radius: 20px;overflow: hidden;} #store .big_box .choose .content .head {display: flex;align-items: center;justify-content: space-between;font-size: 16px;color: var(--color);height: 55px;padding: 0 6.666%;border-bottom: 1px solid #f3f3f5;cursor:pointer;} #store .big_box .choose .content .head .icon {transform: rotate(90deg);} #store .big_box .choose .content .head.cur .icon {transform: rotate(-90deg);} #store .big_box .choose .content .bot {height: 526px;overflow-y: auto;} #store .big_box .choose .content .bot.region {position: absolute;left: 0;width: 100%; background: #fff;z-index: 2;display: none;border-radius: 0 0 20px 20px;} #store .big_box .choose .content .region.cur {overflow: auto !important;} #store .big_box .choose .content .bot::-webkit-scrollbar {width: 5px;background: #fff;} #store .big_box .choose .content .bot::-webkit-scrollbar-thumb {border-radius: 3px;background: var(--color2);cursor:pointer;} #store .big_box .choose .content .bot .ul {padding: 25px 0 35px;} #store .big_box .choose .content .bot .ul .li {padding: 0 6.666%;font-size: 16px;color: var(--color);margin-top: 15px;cursor:pointer;} #store .big_box .choose .content .bot .ul .li:first-child {margin-top: 0;} #store .big_box .choose .content .bot .ul .li:hover {color: var(--main);} #store .big_box .choose .content .bot .list {padding: 30px;border-bottom: 1px solid #f3f3f5;} #store .big_box .choose .content .bot .list .name {font-size: 18px;font-weight: 500;color: var(--color);} #store .big_box .choose .content .bot .list .ol {margin-top: 12px;} #store .big_box .choose .content .bot .list .ol .li {display: flex;justify-content: space-between;align-items: flex-start;margin-top: 14px;cursor:pointer;} #store .big_box .choose .content .bot .list .ol .li:first-child {margin-top: 0;} #store .big_box .choose .content .bot .list .ol .li .text {font-size: 16px;color: var(--color2);width: calc(100% - 27px);} #store .big_box .choose .content .bot .list.cur .name, #store .big_box .choose .content .bot .list:hover .name {color: var(--main);} @media screen and (max-width:1366px) { #store .big_box .choose {width: 35.125%;} } @media screen and (max-width:1024px) { #store .big_box {display: flex;flex-direction: column-reverse;} #store .big_box .choose {position: relative;right: 0;top: 0;transform: translateY(0);width: 100%;} #store .big_box .choose .input_box {padding: 0 30px;} #store .big_box .choose .content .head {padding: 0 30px;} #store .big_box .choose .content .bot {height: 382px;} #store .big_box .choose .content .bot .ul .li {padding: 0 30px;} #store .big_box .map {margin-top: 30px;} } @media screen and (max-width:750px) { #store .big_box .choose .input_box .input {height: 70px;font-size: 26px;} #store .big_box .choose .input_box .btn {transform: scale(1.3);} #store .big_box .choose .content .head {font-size: 26px;height: 77px;} #store .big_box .choose .content .head .icon {transform: rotate(90deg) scale(1.3);} #store .big_box .choose .content .head.cur .icon {transform: rotate(-90deg) scale(1.3);} #store .big_box .choose .content .bot .ul .li {font-size: 26px;} #store .big_box .choose .content .bot .list .name {font-size: 26px;} #store .big_box .choose .content .bot .list .ol .li .text {font-size: 24px;} #store .big_box .choose .content .bot .list .ol .li .icon {transform: scale(1.3);padding-top: 6px;} } /* 资讯中心 */ /* 热门 选项区 */ #news-hot {padding: 40px 0 120px;} #news-hot .choose {display: flex;justify-content: center;} #news-hot .choose .box {font-size: 22px;color: var(--color);margin-right: 4.166%;} #news-hot .choose .box:last-child {margin-right: 0;} #news-hot .choose .box:hover {color: var(--main);} #news-hot .choose .box.cur {color: var(--main);font-weight: 500;} #news-hot .content {display: flex;flex-wrap: wrap;margin-top: 42px;} #news-hot .content .hot {width: 65.75%;border-radius: 30px;overflow: hidden;margin: 0;position: relative;} #news-hot .content .hot .img {padding-top: 66.666%;} #news-hot .content .hot .img::before {content: '';width: 100%;height: 100%;position: absolute;z-index: 2;left: 0;bottom: 0; background-image: url('../image/bg.png');background-position: bottom center;background-repeat: no-repeat;background-size: cover;} #news-hot .content .hot .info {width: 100%; padding: 5.069%;display: flex;justify-content: space-between;align-items: flex-end;position: absolute;left: 0;bottom: 0;z-index: 3;} #news-hot .content .hot .info .word {width: calc(100% - 100px);color: #fff;} #news-hot .content .hot .info .word .name {font-size: 22px;font-weight: 500;} #news-hot .content .hot .info .word .time {font-size: 18px;margin-top: 10px;} #news-hot .content .hot .info .page {display: flex;align-items: center;} #news-hot .content .hot .info .page .pn {opacity: 0.75;cursor:pointer;} #news-hot .content .hot .info .page .pn.prev {transform: rotate(-180deg);margin-right: 20px;} #news-hot .content .hot .info .page .pn:hover {opacity: 1;} #news-hot .content .box {width: 31.5%;border-radius: 30px;background: #f7f9fa;overflow: hidden;} #news-hot .content .box .img {padding-top: 66.666%;} #news-hot .content .box .word {padding: 20px 7.936% 35px;} #news-hot .content .box .word .name {line-height: 32px;font-size: 22px;font-weight: 500;} #news-hot .content .box .word .brief {font-size: 16px;color: var(--color2);margin-top: 15px;line-height: 25px;} #news-hot .content .box .word .time {margin-top: 35px;font-size: 18px;} #news-hot .content .box:hover {background: #fff;box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #news-hot .content .box:hover .word .name {color: var(--main);} #news-hot .content .box:hover .word .brief {color: var(--color);} #news-hot .content .box:hover .word .time {color: var(--main);} #news-hot .content .item {margin-top: 33px;margin-right: 2.75%;} #news-hot .content .item:last-child {margin-right: 0;} #news-hot .content .item:nth-child(2) {margin-right: 0;} @media screen and (max-width:1024px) { #news-hot .content {justify-content: space-between;} #news-hot .content .item {margin-right: 0;width: 48%;} #news-hot .content .hot {width: 100%;} } @media screen and (max-width:750px) { #news-hot .choose .box {font-size: 26px;} #news-hot .content .hot .info .word .name {font-size: 26px;} #news-hot .content .hot .info .word .time {font-size: 24px;} #news-hot .content .hot .info .page .pn {transform: scale(1.3);} #news-hot .content .hot .info .page .pn.prev {transform: rotate(-180deg) scale(1.3);margin-right: 20px;} #news-hot .content .box .word .name {font-size: 26px;line-height: 1.6;} #news-hot .content .box .word .brief {font-size: 24px;line-height: 1.6;} #news-hot .content .box .word .time {font-size: 24px;} } /* 列表 */ #news-list {padding: 95px 0 120px;background: #f5f6f7;} #news-list .content {display: flex;justify-content: space-between;} #news-list .content .text {font-size: 22px;font-weight: 500;color: var(--color);margin-bottom: 25px;} #news-list .content .left {width: 65.75%;} #news-list .content .left .list {display: flex;justify-content: space-between;flex-wrap: wrap;} #news-list .content .left .box {width: 47.908%;border-radius: 30px;background: #fff;overflow: hidden;margin-top: 33px;} #news-list .content .left .box:nth-child(-n+2) {margin-top: 0 ;} #news-list .content .left .box .img {padding-top: 66.666%;} #news-list .content .left .box .word {padding: 20px 7.936% 35px;} #news-list .content .left .box .word .name {line-height: 32px;font-size: 22px;font-weight: 500;} #news-list .content .left .box .word .brief {font-size: 16px;color: var(--color2);margin-top: 15px;line-height: 25px;} #news-list .content .left .box .word .time {margin-top: 35px;font-size: 18px;} #news-list .content .left .box:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #news-list .content .left .box:hover .word .name {color: var(--main);} #news-list .content .left .box:hover .word .brief {color: var(--color);} #news-list .content .left .box:hover .word .time {color: var(--main);} #news-list .content .right {width: 31.5%;} #news-list .content .right .ul .li {padding: 6.613% 7.936%;background: #fff;border-radius: 15px;display: flex;align-items: center;justify-content: space-between;margin-top: 20px;} #news-list .content .right .ul .li:first-child {margin-top: 0;} #news-list .content .right .ul .li .word {color: var(--color);width: calc(100% - 37.735% - 30px);} #news-list .content .right .ul .li .word .name {line-height: 27px;font-size: 18px;font-weight: 500;} #news-list .content .right .ul .li .word .time {font-size: 18px;opacity: 0.5;margin-top: 10px;} #news-list .content .right .ul .li .img {width: 37.735%;padding-top: 25.157%;border-radius: 5px;overflow: hidden;} #news-list .content .right .ul .li:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #news-list .content .right .ul .li:hover .word .name {color: var(--main);} #news-list .content .right .ul .li:hover .word .time {opacity: 1;} @media screen and (max-width:1024px) { #news-list .content {flex-direction: column-reverse;} #news-list .content .right {width: 100%;} #news-list .content .right .ul {display: flex;justify-content: space-between;flex-wrap: wrap;} #news-list .content .right .ul .li:first-child, #news-list .content .right .ul .li {width: 48%;margin-top: 20px;padding: 30px;} #news-list .content .left {width: 100%;margin-top: 30px;} } @media screen and (max-width:750px) { #news-list .content .text {font-size: 36px;} #news-list .content .right .ul .li:first-child, #news-list .content .right .ul .li {width: 100%;} #news-list .content .right .ul .li .word .name {font-size: 26px;line-height: 1.6;} #news-list .content .right .ul .li .word .time {font-size: 24px;} #news-list .content .left .box .word .name {font-size: 26px;line-height: 1.6;} #news-list .content .left .box .word .brief {font-size: 24px;line-height: 1.6;} #news-list .content .left .box .word .time {font-size: 24px;} } /* 联系我们 */ #contact {padding: 80px 0 120px;} #contact .content {border-radius: 30px;overflow: hidden;background: #fff;display: flex;align-items: center;justify-content: space-between;} #contact .content .img {width: 50%;padding-top: 37.5%;} #contact .content .word {padding: 0 8.333%;width: 50%;} #contact .content .word .text {font-size: 24px;font-weight: 500;color: var(--color);} #contact .content .word .ul {margin-top: 48px;} #contact .content .word .ul .li {display: flex;justify-content: space-between;margin-top: 40px;} #contact .content .word .ul .li:first-child {margin-top: 0;} #contact .content .word .ul .li .name {font-size: 16px;color: var(--color);width: calc(100% - 33px);} #contact .buy {border-radius: 30px;background: #fff;padding: 45px 5% 50px;margin-top: 40px;} #contact .buy .name {font-size: 24px;font-weight: 500;color: var(--color);} #contact .buy .brief {font-size: 16px;color: var(--color2);margin-top: 10px;} #contact .buy .info {display: flex;justify-content: space-between;flex-wrap: wrap;} #contact .buy .info .box {width: calc((100% - 40px * 3)/4);margin-top: 35px;} #contact .buy .info .box .icon {border-radius: 10px;background: #f5f6f7;position: relative;padding-top: 240px;} #contact .buy .info .box .icon .code {opacity: 0;} #contact .buy .info .box .text {text-align: center;font-size: 16px;margin-top: 15px;} #contact .buy .info .box:hover .icon {background: #fff;box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} #contact .buy .info .box:hover .icon .code {opacity: 1;} #contact .list {display: flex;flex-wrap: wrap;justify-content: space-between;} #contact .list .box {width: 48.333%; padding: 45px 5% 55px;background: #fff;border-radius: 30px;margin-top: 40px;} #contact .list .box .text {font-size: 24px;font-weight: 500;color: var(--color);} #contact .list .box .ul {margin-top: 30px;} #contact .list .box .ul .item .brief {font-size: 16px;color: var(--color2);line-height: 28px;white-space: pre-wrap;} #contact .list .box .ul .item .info {display: flex;align-items: flex-start;justify-content: space-between;margin-top: 15px;} #contact .list .box .ul .item .info .code {width: 100px;padding-top: 100px;} #contact .list .box .ul .item .info .word {font-size: 16px;color: var(--color);width: calc(100% - 126px);line-height: 35px;} #contact .list .box .ul .btn_box {margin-top: 45px;display: flex;justify-content: space-between;} #contact .list .box .ul .btn_box .btn {width: 47.826%;background: #f5f6f7;padding: 30px 8.695%;border-radius: 10px;} #contact .list .box .ul .btn_box .btn .name {font-size: 18px;color: var(--color);} #contact .list .box .ul .btn_box .btn .go {display: flex;align-items: center;margin-top: 5px;font-size: 16px;color: var(--main);justify-content: space-between;} #contact .list .box .ul .btn_box .btn:hover {background: var(--main);} #contact .list .box .ul .btn_box .btn:hover .name {color: #fff;} #contact .list .box .ul .btn_box .btn:hover .go {color: #fff;} #contact .list .box .ul .btn_box .btn:hover .go .icon {transform: translateX(-50px);object-fit: contain;filter: brightness(0) invert(100%);} #contact .list .box.long {width: 100%;} #contact .list .box.long .item {width: 48.333%;border-right: 1px solid #e9e9ea;margin-top: 45px;} #contact .list .box.long .item:nth-child(-n+2) {margin-top: 0;} #contact .list .box.long .item:last-child, #contact .list .box.long .item:nth-child(2n) {border-right: none;} #contact .list .box.long .ul {display: flex;flex-wrap: wrap;justify-content: space-between;} #contact .list .box.other {width: 100%;} #contact .list .box.other .word {display: flex;justify-content: space-between;flex-wrap: wrap;} #contact .list .box.other .word .li {width: 43.186%;} #contact .list .box:hover {box-shadow: 15px 26px 50px 0px rgba(23, 108, 255, 0.2);} @media screen and (max-width:1024px) { #contact .buy .info .box {width: 46%;} #contact .buy .info .box .icon {padding-top: 340px;} #contact .list .box .ul .item .info .word {display: block;} #contact .list .box .ul .item .info .word .li {width: 100%;} /* #contact .list .box .ul .item .info {display: block;} #contact .list .box .ul .item .info .word {width: 100%;} */ } @media screen and (max-width:750px) { #contact .content {display: block;} #contact .content .img {width: 100%;padding-top: 0;} #contact .content .img .max {position: relative;} #contact .content .word {width: 100%;padding: 30px;} #contact .content .word .text {font-size: 34px;} #contact .content .word .ul .li .name {font-size: 26px;} #contact .content .word .ul .li .icon {transform: scale(1.3);padding-top: 6px;} #contact .buy .name {font-size: 34px;} #contact .buy .brief {font-size: 26px;} #contact .buy .info .box {width: 48%;} #contact .buy .info .box .icon {padding-top: 300px;} #contact .buy .info .box .icon .svg {transform: scale(1.3) translate(-50% -50%);} #contact .buy .info .box .text {font-size: 26px;} #contact .list .box .text {font-size: 34px;} #contact .list .box .ul .item .brief {font-size: 26px;line-height: 1.6;} #contact .list .box.long .item:nth-child(-n+2), #contact .list .box.long .item {width: 100%;margin-top: 45px;} #contact .list .box.long .item:first-child {margin-top: 0;} #contact .list .box .ul .item .info .word {font-size: 26px;line-height: 1.6;} #contact .list .box {width: 100%;} #contact .list .box .ul .btn_box .btn .name {font-size: 28px;} #contact .list .box .ul .btn_box .btn .go {font-size: 26px;} #contact .list .box .ul .btn_box .btn .go .icon {transform: scale(1.3);} #contact .list .box .ul .btn_box .btn:hover .go .icon {transform: scale(1.3) translateX(-50px);object-fit: contain;filter: brightness(0) invert(100%);} } #products-img .img img {object-fit: cover;} #products-html {position: relative;z-index: 5;} #products-html .iframe {height: 130vh;} #products-html * {max-width: 100%;} .detail_content {padding: 30px 0;} .detail_content * {max-width: 100%;white-space: pre-line !important;} .detail_content p {display: block;} .detail_content span {display: contents;} @media screen and (max-width:750px) { .detail_content * {font-size: 30px !important;line-height: 1.8 !important;} } #products-html-other {z-index: 10;position: relative;} #products-html-other * {/* z-index: 1; */}