/**{font-family: "微软雅黑";}*/ /* *{font-family: "Muli";} */ @font-face{ font-family: GR; src: url('/html/font/gilroy-regular-3.otf'); } @font-face{ font-family: GB; src: url('/html/font/gilroy-bold-4.otf'); } @font-face{ font-family: GM; src: url('/html/font/Gilroy-Medium-2.otf'); } @font-face{ font-family: YS; src: url('/html/font/优设标题黑.ttf'); } @font-face{ font-family: GEB; src: url('/html/font/Gilroy-ExtraBoldItalic-10.otf'); } /*@font-face{*/ /* font-family: SHR;*/ /* src: url('/html/font/SourceHanSansCN-Regular.otf');*/ /*}*/ @font-face{ font-family: SHR; src: url('/html/font/SourceHanSansCN-Regular.woff2'); } @font-face{ font-family: SHB; src: url('/html/font/SourceHanSansCN-Bold.woff2'); } *{font-family: SHR;} .hide{display: none;} .cw1280{ max-width: 1280px; width: 92%; margin: auto;} .editor img, .detail img{display: inline-block;} .text-line,[text-line]{overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .text-line.line1,[text-line][line1]{-webkit-line-clamp:1;} .text-line.line3,[text-line][line3]{-webkit-line-clamp:3;} .text-line.line4,[text-line][line4]{-webkit-line-clamp:4;} .text-line.line5,[text-line][line5]{-webkit-line-clamp:5;} .paging[type='default'] .a{border: unset!important;width: 50px!important;height: 50px!important;line-height: 50px!important;font-size: 20px!important;color: #999999!important;} .paging[type='default'] .a:hover{color: #102744!important} .paging[type='default'] .a:first-child, .paging[type='default'] .a:last-child, .paging[type='default'] .a:nth-last-child(2){color: #cfcfcf!important;border: 1px solid #cfcfcf!important;line-height: 45px!important;} .paging[type='default'] .a:first-child:hover, .paging[type='default'] .a:last-child:hover, .paging[type='default'] .a:nth-last-child(2):hover{color: #102744!important;border: 1px solid #102744!important;} .paging[type='default'] .a.cur{background: unset!important;color: #102744!important;} form.page-form{margin-left: 30px;padding: 0 !important;background: none !important;} form.page-form>div{display: flex;align-items: center;} form.page-form input[name='pg']{width: 50px;height: 50px;background: #fff;text-align: center;color: #102744;font-size: 18px;margin: 0 10px;} form.page-form span{font-size: 18px;color: #71778f;} .page .paging[type='default'] .a, form.page-form input[name='pg']{border: 1px solid #cfcfcf !important;} form.page-form .submit{font-size: 16px;color: #999;margin-left: 16px;padding-right: 18px;} form.page-form .submit:hover{color: #102744;} @media (max-width: 750px){ .paging[type='default'] .a{width: 60px!important;height: 60px!important;line-height: 60px!important;font-size: 26px!important;} .paging[type='default'] .a:first-child, .paging[type='default'] .a:last-child{line-height: 55px!important;} form.page-form input[name='pg'], form.page-form span{font-size: 26px !important;} form.page-form .submit{font-size: 26px;} } :root{ --theme-color : #67bbc9; /* 主题色 */ } /* 占位fixed元素 */ #placeholder-banner { position: fixed; top: 0; left: 0; width: 100%; z-index: 200; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; } #placeholder-banner img{width:100%;} .close-btn { font-size: 24px; cursor: pointer; color: white; position: absolute; left: 96%; } .nav-var{ --navHight : 80px; /* 导航高度 */ --background : #fff; /* 导航背景色 */ --background-0 : rgba(0,0,0,0); /* 导航透明背景色 */ } #top{width: 100%;height: var(--navHight);background-color: var(--background);} #header{width: 100%;height: var(--navHight);position: fixed;top: 0;left: 0;z-index: 9;background:#d3d6d66f;} #header.move-up{top: -80px;} #header .header-bg{background-color: var(--background);border-bottom: 1px solid #e5e5e5;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} #header .header{display: flex;height: var(--navHight);} .header .left-box{display: flex;align-items: center;} .header .left-box .logo{width: 294px;height: var(--navHight);position: relative;} .header .left-box .logo img{max-width: 100%;max-height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;} .header .left-box .logo .logo2{opacity: 0;} .header .middle-box{padding-left: 50px;width: calc(100% - 231px - 294px);} .header .middle-box .nav-box{height: var(--navHight);display: inline-block;} .header .middle-box .nav-box .nav-name{padding: 0 37px;height: var(--navHight);display: block;line-height: var(--navHight);font-size: 18px;} .header .middle-box .nav-box .nav-name.cur, .header .middle-box .nav-box .nav-name:hover{color: var(--theme-color);font-weight: bold;} .header .middle-box .nav-box:hover .subnav-box{box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);} #header.move-up .header .middle-box .nav-box .subnav-box{pointer-events: none;} .header .middle-box .nav-box .style{position: absolute;top: var(--navHight);left: 50%;transform: translateX(-50%);background: rgba(255,255,255);opacity: 0;pointer-events: none;} .header .middle-box .nav-box:hover .style{opacity: 1;pointer-events: auto;} .header .middle-box .nav-box .style .subnav{font-size: 16px;padding: 0 45px;height: 50px;line-height: 50px;white-space: nowrap;display: block;} .header .middle-box .nav-box .style .subnav:first-child{margin-top: 15px;} .header .middle-box .nav-box .style .subnav:last-child{margin-bottom: 15px;} .header .middle-box .nav-box .style .subnav i{padding: 0 10px;margin-right: 10px;} .header .middle-box .nav-box .style .subnav.cur, .header .middle-box .nav-box .style .subnav:hover{color: var(--theme-color);} .header .middle-box .nav-box .style2{position: absolute;top: var(--navHight);left: 0;width: 100vw;background: rgba(255,255,255);display: flex;justify-content: center;opacity: 0;pointer-events: none;} .header .middle-box .nav-box:hover .style2{opacity: 1;pointer-events: auto;} .header .middle-box .nav-box .style2 .subnav{font-size: 16px;padding: 0 45px;height: 120px;line-height: 120px;white-space: nowrap;display: block;} .header .middle-box .nav-box .style2 .subnav i{padding: 0 10px;margin-right: 10px;} .header .middle-box .nav-box .style2 .subnav.cur, .header .middle-box .nav-box .style2 .subnav:hover{color: var(--theme-color);} .header .middle-box .nav-box .style2 .subnav .icon{fill: #666;font-family: unset;} .header .middle-box .nav-box .style2 .subnav:hover .icon{fill: var(--theme-color);} .header .middle-box .nav-box .style3{position: absolute;top: var(--navHight);left: 0;width: 100%;background: rgba(255,255,255);display: flex;justify-content: center;opacity: 0;pointer-events: none;} .header .middle-box .nav-box:hover .style3{opacity: 1;pointer-events: auto;} .header .middle-box .nav-box .style3 .content{display: flex;flex-wrap: wrap;padding: 50px 0 20px;margin: 0 -10px;} .header .middle-box .nav-box .style3 .content .subnav{width: calc((100% - 100px)/ 5);margin: 0 10px 20px;font-size: 16px;line-height: 60px;color: #444;text-align: center;} .header .middle-box .nav-box:hover .style3 .content .subnav.cur, .header .middle-box .nav-box:hover .style3 .content .subnav:hover{color: var(--theme-color);} .header .middle-box .nav-box .style3 .content .subnav .pic{overflow: hidden;font-size: 0;line-height: 0;border-radius: 5px;} .header .middle-box .nav-box .style4{position: absolute;top: var(--navHight);left: 0;width: 100%;background-image: url("/html/images/icon/nav1.png");background-size: cover;display: flex;justify-content: center;opacity: 0;pointer-events: none;background-color: #fff;} .header .middle-box .nav-box:hover .style4{opacity: 1;pointer-events: auto;} .header .middle-box .nav-box .style4 .content{display: flex;} .header .middle-box .nav-box .style4 .left{width: 380px;border-right: 1px solid #e5e5e5;padding: 35px 0;} .header .middle-box .nav-box .style4 .right{width: calc(100% - 380px);padding-top: 40px;} .header .middle-box .nav-box .style4 .left .subnav{display: block;height: 60px;line-height: 60px;font-size: 16px;padding-left: 37%;} .header .middle-box .nav-box .style4 .left .subnav.cur, .header .middle-box .nav-box .style4 .left .subnav:hover{color: var(--theme-color);} .header .middle-box .nav-box .style4 .left .subnav i{padding: 0 10px;margin-right: 10px;} .header .middle-box .nav-box .style4 .right .pro-list{max-height: 520px;overflow: hidden;} .header .middle-box .nav-box .style4 .right .pro{width: 210px;display: inline-block;font-size: 0;vertical-align: top;margin-bottom: 40px;} .header .middle-box .nav-box .style4 .right .pro .pic-obj{width: 210px;height: 160px;} .header .middle-box .nav-box .style4 .right .pro .name{font-size: 18px;line-height: 26px;color: #15284b;text-align: center;font-family: GR;margin: 5px 0;} .header .middle-box .nav-box .style4 .right .pro:hover .name{color: var(--theme-color);font-family: GB;} .header .middle-box .nav-box .style4 .right .pro .hot{background: var(--theme-color);font-family: GM;font-size: 14px;color: #fff;line-height: 24px;border-radius: 12px;width: fit-content;padding: 0 10px;margin: 0 auto;} .header .middle-box .nav-box .style4 .right .more{font-size: 16px;color: #15284b;display: block;width: fit-content;line-height: 30px;margin: 15px 0 15px 30%;} .header .middle-box .nav-box .style4 .right .more span{vertical-align: middle;} .header .middle-box .nav-box .style4 .right .more .icon{fill: #15284b;margin-left: 10px;vertical-align: middle;} .header .middle-box .nav-box .style4 .right .more:hover{color: var(--theme-color);} .header .middle-box .nav-box .style4 .right .more:hover .icon{fill: var(--theme-color);} .header .right-box{display: flex;} .header .right-box .search{height: var(--navHight);cursor: pointer;padding: 0 25px;} .header .right-box .search>svg{fill: #666;} .header .right-box .search:hover>svg{fill: var(--theme-color);} .header .right-box .language-box{font-size: 18px;color: #666666;line-height: var(--navHight);} .header .right-box .language-box .lang{display: block;height: var(--navHight);padding: 0 25px;} .header .right-box .language-box:hover{color: var(--theme-color);} .header .right-box .member-box .login{display: inline-block;;width: 86px;font-size: 18px;color: #666666;line-height: var(--navHight);text-align: center;} .header .right-box .member-box .login:hover{color: var(--theme-color);} #top.height0{height: 0;} #header.height0 .header-bg{background-color: rgba(0,0,0,12%);border-bottom-color: transparent;} #header.height0 .header .left-box .logo .logo2{opacity: 1;} #header.height0 .header .left-box .logo .logo1{opacity: 0;} #header.height0 .header .middle-box .nav-box .nav-name{color: #fff;} #header.height0 .header .right-box .search>svg{fill: #fff;} #header.height0 .header .right-box .language-box, #header.height0 .header .right-box .member-box .login{color: #fff;} #header.height0:hover .header-bg{background-color: var(--background);border-bottom: 1px solid #e5e5e5;} #header.height0:hover .header .left-box .logo .logo2{opacity: 0;} #header.height0:hover .header .left-box .logo .logo1{opacity: 1;} #header.height0:hover .header .middle-box .nav-box .nav-name{color: #333;} #header.height0:hover .header .middle-box .nav-box .nav-name:hover{color: var(--theme-color);} #header.height0:hover .header .right-box .search>svg{fill: #666;} #header.height0:hover .header .right-box .search>svg:hover{fill: var(--theme-color);} #header.height0:hover .header .right-box .language-box, #header.height0:hover .header .right-box .member-box .login{color: #666;} #header.height0:hover .header .right-box .language-box:hover, #header.height0:hover .header .right-box .member-box .login:hover{color: var(--theme-color);} .header .right-box .mb-btn{width: 50px;height: var(--navHight);position: relative;} .header .right-box .mb-btn>div{width: 20px;height: 2px;border-radius: 2px;background: #666666;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .header .right-box .mb-btn>div:before, .header .right-box .mb-btn>div:after{content: '';display: block;width: inherit;height: inherit;background: #666666;position: absolute;} .header .right-box .mb-btn>div:before{transform: translateY(-7px);} .header .right-box .mb-btn>div:after{transform: translateY(7px);} .header .right-box .mb-btn.cur>div{background: transparent!important;} .header .right-box .mb-btn.cur>div:before{transform: translateY(0) rotate(-45deg);} .header .right-box .mb-btn.cur>div:after{transform: translateY(0) rotate(45deg);} .header .right-box .mb-btn:hover>div, .header .right-box .mb-btn:hover>div:before, .header .right-box .mb-btn:hover>div:after{background: var(--theme-color);} #header.height0 .header .right-box .mb-btn>div, #header.height0 .header .right-box .mb-btn>div:before, #header.height0 .header .right-box .mb-btn>div:after{background: #fff;} #header.height0:hover .header .right-box .mb-btn>div, #header.height0:hover .header .right-box .mb-btn>div:before, #header.height0:hover .header .right-box .mb-btn>div:after{background: #666;} #header.height0:hover .header .right-box .mb-btn:hover>div, #header.height0:hover .header .right-box .mb-btn:hover>div:before, #header.height0:hover .header .right-box .mb-btn:hover>div:after{background: var(--theme-color);} /* 手机端 */ .header-mb{width: 100%;height: calc(100vh - var(--navHight));overflow: hidden;position: absolute;top: var(--navHight);left: 100%;background: #ffffff;display: flex;flex-direction: column;} .header-mb .nav-box .nav{display: block;text-align: center;height: 60px;line-height: 60px;font-size: 16px;border-bottom: 1px solid #d8d8d8;} .header-mb .nav-box .nav.on{color: var(--theme-color);font-weight: bold;} .header-mb .nav-box .subnav-box{overflow: hidden;} .header-mb .nav-box .subnav-box .subnav{display: block;text-align: center;height: 0;line-height: 50px;font-size: 14px;transform: translateY(-50px);opacity: 0;} .header-mb.cur{left: 0;} .header-mb .nav-box.cur .subnav-box .subnav{height: 50px;transform: translateY(0);border-bottom: 1px dashed #d8d8d8;opacity: 1;} .header-mb .nav-box.cur .subnav-box .subnav:last-child{border-bottom-style: solid;} .header-mb .top-box{height: 0;} .header-mb .middle-box{height: calc(100% - 0px - 0px);} .header-mb .middle-box .content .nav-box{width: 100%;text-align: center;} .header-mb .bottom-box{height: 0;} @media (max-width: 1680px){ #header .middle-box .nav-box .nav-name{padding: 0 30px;} } @media (max-width: 1520px){ #header{top:46px!important;} #header .middle-box .nav-box .nav-name{padding: 0 20px;} } @media (max-width: 1400px){ #header{top:46px!important;} #header .middle-box .nav-box .nav-name{padding: 0 15px;} .header .middle-box .nav-box .style3 .content .subnav{width: calc((100% - 80px)/ 4);} } @media (max-width: 1320px){ #header{top:36px!important;} .header-mb{width: 400px;} .header-mb.cur{left: calc(100% - 400px);} #header .header{justify-content: space-between;} #header .header .middle-box{display: none;} #header .right-box .mb-btn{display: block;} } @media (max-width: 750px){ #header{top:20px!important;} .header .right-box .search{padding: 0 25px;} .header .right-box .search>svg{transform: scale(1.5);} .header .right-box .language-box .lang{padding: 0 25px;font-size: 26px;} .header .right-box .member-box .login{width: 100px;font-size: 26px;} .header .right-box .mb-btn{width: 80px;} .header .right-box .mb-btn>div{width: 25px;height: 3px;} .header .right-box .mb-btn>div:before{transform: translateY(-9px);} .header .right-box .mb-btn>div:after{transform: translateY(9px);} .header-mb{width: 100%;} .header-mb.cur{left: 0;} .header-mb .nav-box .nav{height: 80px;line-height: 80px;font-size: 30px;} .header-mb .nav-box .subnav-box .subnav{line-height: 70px;font-size: 26px;} .header-mb .nav-box.cur .subnav-box .subnav{height: 70px;} } #banner{width: 100%;} #crumbs{height: 80px;line-height: 30px;font-size: 16px;padding: 25px 0;color: transparent;} #sidebar{width: 260px;} #sidebar .nav{width: 100%;height: 60px;display: flex;align-items: center;padding: 0 20px;border-bottom: 2px solid #fff;background: #f7f8f9;} #sidebar .nav .icon-obj{padding: 0 12px;margin-right: 10px;} #sidebar .nav .name{font-size: 16px;width: calc(100% - 34px - 7px);} #sidebar .nav .icon{fill: #666666;} #sidebar .nav:hover, #sidebar .nav.cur{background: #15284b;} #sidebar .nav:hover .name, #sidebar .nav.cur .name{color: var(--theme-color);font-weight: bold;} #sidebar .nav:hover .icon, #sidebar .nav.cur .icon {fill: var(--theme-color);} @media (max-width: 750px) { #sidebar{display: none;} } #top-bar{position: fixed;z-index: 8;bottom: 50px;right: 30px;} #top-bar .item{width: 50px;height: 50px;border-radius: 50%;margin-bottom: 20px;background: #fff;box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);display: block;fill: var(--theme-color);} #top-bar .item .m-pic{width: 160px;} #top-bar .item:first-child{display: none;} #top-bar .item:last-child{margin-bottom: 0;transform: rotate(-90deg);} #top-bar .item:hover{box-shadow: 0 0 15px 0 rgba(103, 187, 201, .4);} /*#top-bar.top{}*/ /*#top-bar.middle{top: 50%;right: 30px;transform: translateY(-50%);}*/ /*#top-bar.bottom{}*/ @media (max-width: 750px) { #top-bar{display: none;} } #footer{overflow: visible;position: relative;} #footer .footer-bg{width: 100%;height: calc(100% - 80px);background: url("/html/images/footer-bg.png") no-repeat;background-size: cover;position: absolute;bottom: 0;left: 0;z-index: -1;} #footer.height100{padding-top: 90px;} #footer.height100 .footer-bg{height: 100%;} #footer .feedback{background: #061326;padding: 45px 35px;position: relative;margin-bottom: 50px;} #footer .feedback form{position: relative;z-index: 1;font-size: 0;} #footer .feedback .form-bg{position: absolute;top: 0;right: 0;left: 0;bottom: 0;} #footer .feedback .form-title{font-size: 30px;line-height: 1;color: #fff;text-align: center;margin-bottom: 10px;} #footer .feedback .form-brief{font-size: 18px;line-height: 1;color: #b1b7c8;text-align: center;margin-bottom: 25px;} #footer .feedback .input{width: calc((100% - 30px - 12.5%)/ 3);height: 60px;line-height: 60px;margin-right: 10px;background: #15284b;font-size: 16px;color: #fff;padding: 0 20px;} #footer .feedback .input::placeholder{color: #6d7896;} #footer .feedback input[type='submit']{width: 12.5%;height: 60px;line-height: 60px;background: var(--theme-color);color: #fff;font-size: 20px;} #footer .content{display: flex;} #footer .content .left{width: 460px;margin-bottom: 50px;} #footer .content .left .logo{max-width: 100%;margin-bottom: 15px;} #footer .content .left .company{font-size: 36px;color: #fff;line-height: 1;margin-bottom: 20px;} #footer .content .left .text{font-size: 16px;line-height: 20px;color: #b1b7c8;margin-bottom: 15px;} #footer .content .left .text *{vertical-align: middle;} #footer .content .left .text img{margin-right: 10px;} #footer .content .left .share-box{margin: 20px 0 30px;} #footer .content .left .share-box .btn{display: inline-block;width: 42px;height: 42px;border-radius: 50%;margin-right: 30px;background: #0f2040;position: relative; border: 1px solid transparent;} #footer .content .left .share-box .btn:hover{border-color: var(--theme-color);} #footer .content .left .share-box .btn .pic{height: 100%;} /* #footer .content .left .share-box .btn>svg{fill: var(--theme-color);} */ /* #footer .content .left .share-box .btn:hover>svg{fill: #0f2040;} */ #footer .content .left .share-box .btn .code-box{width: 120px;padding: 10px;position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);background: #fff;opacity: 0;pointer-events: none;overflow: visible;} #footer .content .left .share-box .btn .code-box i{display: block;width: 10px;height: 10px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,100%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;} #footer .content .left .share-box .btn:hover .code-box{opacity: 1;pointer-events: auto;} #footer .content .left .code-box1{width: 120px;margin-bottom: 30px;} #footer .content .left .subscribe{max-width: 390px;} #footer .content .left .subscribe .form-title{font-size: 20px;line-height: 1;color: #fff;margin-bottom: 20px;} #footer .content .left .subscribe .form-brief{font-size: 16px;line-height: 1.4;color: #b1b7c8;margin-bottom: 25px;} #footer .content .left .subscribe .input-box{width: 100%;display: flex;padding: 0 15px;height: 50px;background: #0f2040;} #footer .content .left .subscribe .input-box input[type="text"]{width: calc(100% - 40px);height: 50px;line-height: 50px;font-size: 16px;color: #fff;} #footer .content .left .subscribe .input-box input[type="text"]::placeholder{color: #6d7896;} #footer .content .left .subscribe .input-box input[type="submit"]{width: 40px;text-align: center;height: 50px;line-height: 50px;font-size: 16px;color: #67bbc9;} #footer .content .right{width: calc(100% - 460px);display: flex;flex-wrap: wrap;} #footer .content .right .nav-box{width: 33.33333%;text-align: right;margin-bottom: 50px;} #footer .content .right .nav-box .nav-name{font-size: 20px;color: #fff;line-height: 45px;margin-bottom: 5px;} #footer .content .right .nav-box .subnav-box{} #footer .content .right .nav-box .subnav-box a{line-height: 40px;font-size: 16px;color: #b1b7c8;display: inline-block;width: fit-content;} #footer .content .right .nav-box .subnav-box a:hover{color: var(--theme-color);} #footer .bottom{width: 100%;} #footer .bottom .links{border-top: 1px solid #1d3758;padding: 12px 0;} #footer .bottom .links .link{color: #6d7896;font-size: 14px;line-height: 26px;margin-right: 25px;} #footer .bottom .links .link:first-child{margin-right: 15px;} #footer .bottom .links a.link:hover{color: var(--theme-color);} #footer .bottom .copyright{background: #0f2040;line-height: 50px;font-size: 14px;color: #6d7896;} #footer .bottom .copyright .cw1600{display: flex;flex-wrap: wrap;justify-content: space-between;} @media (max-width: 750px) { #footer .feedback .form-title{font-size: 36px;margin-bottom: 20px;} #footer .feedback .form-brief{font-size: 28px;margin-bottom: 40px} #footer .feedback .input{width: 100%;margin-right: 0;margin-bottom: 30px;height: 80px;line-height: 80px;font-size: 26px;} #footer .feedback input[type='submit']{width: 100%;line-height: 80px;height: 80px;font-size: 26px;} #footer .content{flex-wrap: wrap;} #footer .content .left{width: 100%;} #footer .content .right{width: 100%;} #footer .content .left .text{font-size: 26px;line-height: 40px;} #footer .content .left .text img{margin-right: 20px;transform: scale(1.5);} #footer .content .left .share-box{text-align: center} #footer .content .left .share-box .btn{width: 70px;height: 70px;margin-right: 60px;} #footer .content .left .share-box .btn svg{transform: scale(1.6);} #footer .content .left .share-box .btn .code-box{bottom: 90px;width: 200px;} #footer .content .left .subscribe{max-width: unset;} #footer .content .left .subscribe .form-title{font-size: 30px;} #footer .content .left .subscribe .form-brief{font-size: 26px;line-height: 2;} #footer .content .left .subscribe .input-box{height: 80px;} #footer .content .left .subscribe .input-box input[type="text"]{width: calc(100% - 80px);height: 80px;line-height: 80px;font-size: 26px;} #footer .content .left .subscribe .input-box input[type="submit"]{width: 80px;height: 80px;line-height: 80px;font-size: 26px;} #footer .content .right .nav-box{width: 100%;text-align: left;margin-bottom: 30px;} #footer .content .right .nav-box .nav-name{font-size: 30px;position: relative;} #footer .content .right .nav-box .nav-name:before{content: '';width: 31px;height: 3px;border-radius: 2px;display: block;background: #fff;position: absolute;right: 0;top: 21px;} #footer .content .right .nav-box .nav-name:after{content: '';width: 3px;height: 31px;border-radius: 2px;display: block;background: #fff;position: absolute;right: 14px;top: 8px;} #footer .content .right .nav-box .subnav-box p{font-size: 0;} #footer .content .right .nav-box .subnav-box a{font-size: 26px;line-height: 60px;height: 0;overflow: hidden;opacity: 0;} #footer .content .right .nav-box.cur .subnav-box a{height: 60px;opacity: 1;} #footer .content .right .nav-box.cur .nav-name:before{transform: rotate(360deg);} #footer .content .right .nav-box.cur .nav-name:after{transform: rotate(360deg);opacity: 0;} #footer .bottom .links .link{font-size: 24px;line-height: 40px;} #footer .bottom .copyright{font-size: 24px;padding: 10px 0;text-align: center;} #footer .bottom .copyright .right{width: 100%;} } .global-title{padding-bottom: 25px;position: relative;margin-bottom: 50px;} .global-title .title{font-size: 50px;line-height: 50px;font-family: YS;color: #15284b;position: relative;z-index: 1;} .global-title .subtitle{font-size: 50px;line-height: 50px;font-family: GEB;color: #e3e6ea;position: absolute;left: 0;bottom: 0;text-transform: uppercase;} .global-title .title2{color: #fff;} .global-title .subtitle2{color: #213559;} #index-banner .swiper-pagination{margin-bottom: 55px;} #index-banner .slide{width: 100%;height: 100vh;overflow: hidden;} #index-banner .pic{height: 100%;min-width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #index-banner .video{width: 100%; height: 100%; object-fit: cover;} #index-banner .swiper-pagination-bullet{width: 5.2%; height: 7px;opacity: 1;background: rgba(255,255,255,.2);border-radius: unset; position: relative;} #index-banner .swiper-pagination-bullet-active{width: 5.2%;height: 7px; background: rgba(255,255,255,.2);} #index-banner .swiper-pagination-bullet-active .time-bar{height: 7px; background: #67bbc9;} #index-banner .swiper-pagination-bullet .txt, #index-banner .swiper-pagination-bullet .txt2{display: none; color: #fff; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); min-height: calc(9px * 2);} #index-banner .swiper-pagination-bullet .txt{top: 14px;} #index-banner .swiper-pagination-bullet .txt2{bottom: 20px;} /* #index-banner .swiper-pagination-bullet:hover .txt, #index-banner .swiper-pagination-bullet-active .txt, */ #index-banner .swiper-pagination-bullet .txt{display: block;} #index-banner .swiper-pagination-bullet:hover .txt2{display: block;} @media (max-width: 750px){ #index-banner .slide{height: 500px;} } #index-pro{background: #f2f5f8;padding: 110px 0 120px;} #index-pro .content{display: flex;} #index-pro .content .sidebar{width: 280px;} #index-pro .content .sidebar .pro-cate{height: 80px;line-height: 80px;display: block;border-left: 1px solid #d2cedf;font-size: 18px;cursor: pointer;} #index-pro .content .sidebar .pro-cate span{border-left: 1px solid transparent;padding-left: 20px;display: inline-block;} #index-pro .content .sidebar .pro-cate .icon{fill: transparent;margin-left: 25px;} #index-pro .content .sidebar .pro-cate.cur{color: var(--theme-color);border-left: 1px solid var(--theme-color);} #index-pro .content .sidebar .pro-cate.cur span{border-left: 1px solid var(--theme-color);} #index-pro .content .sidebar .pro-cate.cur .icon{fill: var(--theme-color);} #index-pro .content .pro-box{width: calc(100% - 280px);} #index-pro .content .pro-box ul li{position: relative;} #index-pro .content .pro-box .slide{width: calc((100% - 60px)/ 3 - 1px);margin-right: 30px;} #index-pro .content .pro-box .hot{position: absolute;top: -3px;right: -3px;z-index: 2;} #index-pro .content .pro-box .slide-style1 .pro{width: 100%;height: 710px;padding: 55px 20px;background: #fff;display: block;text-align: center;margin-top: 10px;position: relative;} #index-pro .content .pro-box .slide-style1 .pro .name{font-size: 38px;line-height: 1;margin-bottom: 10px;font-family: GR;} #index-pro .content .pro-box .slide-style1 .pro .sub-name{font-size: 18px;line-height: 1;margin-bottom: 20px;color: #666666;} #index-pro .content .pro-box .slide-style1 .pro .brief{font-size: 16px;line-height: 24px;margin-bottom: 30px;color: #666666;} #index-pro .content .pro-box .slide-style1 .pro .more{font-size: 16px;line-height: 26px;margin-bottom: 100px;color: #666666;} #index-pro .content .pro-box .slide-style1 .pro .more .icon{fill: #999;margin-left: 5px;} #index-pro .content .pro-box .slide-style1 .pro .pic-obj{width: 100%;height: 230px;} #index-pro .content .pro-box .slide-style1 .pro:hover .name, #index-pro .content .pro-box .slide-style1 .pro:hover .more{color: var(--theme-color);} #index-pro .content .pro-box .slide-style1 .pro:hover .more .icon{fill: var(--theme-color);} #index-pro .content .pro-box .slide-style2 .pro{width: 100%;height: calc((710px - 30px)/2);display: block;position: relative;background: #fff;padding: 20px;} #index-pro .content .pro-box .slide-style2 .pro:last-child{margin: 0;} #index-pro .content .pro-box .slide-style2 .pro:first-child{margin: 10px 0 30px;} #index-pro .content .pro-box .slide-style2 .pro .text-box{width: calc(100% - 40px);height: calc(100% - 40px);background: var(--theme-color);text-align: center;position: absolute;top: 20px;left: 20px;color: #fff;z-index: 1;} #index-pro .content .pro-box .slide-style2 .pro .text-box .name{font-size: 32px;margin-top: 36px;margin-bottom: 10px;font-family: GR;} #index-pro .content .pro-box .slide-style2 .pro .text-box .sub-name{font-size: 18px;margin-bottom: 10px;} #index-pro .content .pro-box .slide-style2 .pro .text-box .brief{font-size: 16px;line-height: 24px;margin-bottom: 10px;} #index-pro .content .pro-box .slide-style2 .pro .text-box .more{font-size: 16px;} #index-pro .content .pro-box .slide-style2 .pro .text-box .more .icon{fill: #FFFFFF;margin-left: 5px;} #index-pro .content .pro-box .slide-style2 .pro .name2{font-size: 32px;font-family: GR;margin: 20px 0 40px;text-align: center;} #index-pro .content .pro-box .slide-style2 .pro .pic-obj{width: 100%;height: 180px;} #index-pro .content .pro-box .btn-box{height: 100%;width: 60px;position: absolute;top: 0;left: calc(100% + 40px);} #index-pro .content .pro-box .btn-box .btn{width: 60px;height: 60px;border-radius: 50%;border: 2px solid #cccccc;display: flex;justify-content: center;align-items: center;cursor: pointer;} #index-pro .content .pro-box .btn-box .btn.prev{position: absolute;top: calc(50% + 15px);} #index-pro .content .pro-box .btn-box .btn.next{position: absolute;bottom: calc(50% + 15px);} #index-pro .content .pro-box .btn-box .btn.more{position: absolute;bottom: 20px;} #index-pro .content .pro-box .btn-box .btn.prev svg{transform: scale(1.4) rotate(180deg);fill: #15284b;} #index-pro .content .pro-box .btn-box .btn.next svg{transform: scale(1.4);fill: #15284b;} #index-pro .content .pro-box .btn-box .btn.more i{width: 5px;height: 5px;border-radius: 50%;background: #15284b;margin: 0 3px;} #index-pro .content .pro-box .btn-box .btn:hover{background: #15284b;border: 2px solid #15284b;} #index-pro .content .pro-box .btn-box .btn:hover svg{fill: #fff;} #index-pro .content .pro-box .btn-box .btn:hover i{background: #fff;} @media (max-width: 1860px){ #index-pro .content .pro-box .btn-box{width: 100%;height: 60px;left: 0;bottom: -90px;top: unset;right: unset;} #index-pro .content .pro-box .btn-box .btn.prev{top: unset;left: 0;} #index-pro .content .pro-box .btn-box .btn.next{bottom: unset;right: 0;} #index-pro .content .pro-box .btn-box .btn.more{bottom: unset;left: calc(50% - 30px);} } @media (max-width: 1440px){ #index-pro .content .pro-box .slide{width: calc((100% - 40px)/ 2 - 1px);margin-right: 30px;} } @media (max-width: 1200px){ #index-pro .content .pro-box .slide{width: 385px;} } @media (max-width: 750px){ #index-pro .content{flex-direction: column;} #index-pro .content .sidebar{width:100%; } #index-pro .content .sidebar ul{display: flex; justify-content: space-around; margin-bottom: 50px;flex-wrap: wrap;} #index-pro .content .sidebar .pro-cate{/*width: 100%;*/width: 50%;font-size: 26px; display: flex; align-items: center;} #index-pro .content .sidebar .pro-cate span{padding-left: 10px;} #index-pro .content .sidebar .pro-cate.cur .icon{transform: scale(1.5) rotate(90deg);margin-bottom: 3px; margin-left: 15px;} #index-pro .content .pro-box{width: 100%;} #index-pro .content .pro-box .slide{width: 100%;} #index-pro .content .pro-box .slide-style1 .pro .sub-name{font-size: 28px;} #index-pro .content .pro-box .slide-style1 .pro .brief{font-size: 26px;line-height: 1.5;} #index-pro .content .pro-box .slide-style1 .pro .more{font-size: 26px;margin-bottom: 40px;} #index-pro .content .pro-box .slide-style2 .pro{margin-bottom: 30px;} #index-pro .content .pro-box .slide-style2 .pro:last-child{margin: 0;} #index-pro .content .pro-box .slide-style2 .pro .text-box .sub-name{font-size: 24px;} #index-pro .content .pro-box .slide-style2 .pro .text-box .brief{font-size: 24px;line-height: 30px;} #index-pro .content .pro-box .slide-style2 .pro .text-box .more{font-size: 24px;} } #index-about{display: flex;background: #15284b url("/html/images/footer-bg.png") no-repeat;background-size: cover;} #index-about .text-box{width: calc(100% - 560px);padding: 115px 90px 50px calc((100% - 1600px)/ 2);} #index-about .text-box .global-title{margin-bottom: 100px;} #index-about .text-box .name{font-size: 32px;font-weight: bold;color: #fff;margin-bottom: 30px;} #index-about .text-box .detail{font-size: 16px;line-height: 30px;margin-bottom: 60px;min-height: 270px;color: #fff;} #index-about .text-box .data-box{display: flex;flex-wrap: wrap;} #index-about .text-box .data-box .data{width: fit-content;margin-right: 90px;margin-bottom: 30px;} #index-about .text-box .data-box .data .number-box{font-family: GM;color: var(--theme-color);} #index-about .text-box .data-box .data .number-box .number{font-size: 50px;} #index-about .text-box .data-box .data .number-box .unit{font-size: 30px;} #index-about .text-box .data-box .data .data-name{font-size: 16px;color: #c8d8ec;} #index-about .pic-box{width: 560px;background: #0d1930;overflow: hidden;} #index-about .pic-box .video-box{width: 100%;padding-top: 73.21428%;position: relative;} #index-about .pic-box .video-box .video{width: 100%; height: 100%; object-fit: cover;position: absolute;top: 0;left: 0;cursor: pointer;} #index-about .pic-box .video-box .video-pic{width: 100%; height: 100%;position: absolute;top: 0;left: 0;background: #0d1930;cursor: pointer;} #index-about .pic-box .video-box .video-pic .pic{width: 100%; height: 100%;opacity: 0.55;} #index-about .pic-box .video-box .video-pic .icon-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 50%;background: rgba(255,255,255,.1);} /* #index-about .pic-box .logo-list{display: flex;flex-direction: column;justify-content: center; height: calc(100% - 410px);} */ #index-about .pic-box .logo-list{display: flex;flex-direction: column;justify-content: center; height: 540px;overflow-y: scroll;} #index-about .pic-box .logo-list .logo-box{display: flex;justify-content: center;align-items: center;min-height: 180px;height: calc(100% / 3);border-bottom: 1px solid #15284b;overflow: hidden;} #index-about .pic-box .logo-list .logo-box:last-child{border-bottom-color: transparent;} #index-about .pic-box .logo-list .logo-box .logo{text-align: center;} #index-about .pic-box .logo-list .logo-box .logo .pic{margin-bottom: 15px;} #index-about .pic-box .logo-list .logo-box .logo .name{font-size: 18px;color: #c8d8ec;} #index-about .pic-box .logo-list .logo-box:hover .logo{transform: scale(1.1);} @media (max-width: 1756px){ #index-about .text-box{width: calc(100% - 560px);padding: 115px 60px 50px 4%;} } @media (max-width: 1680px){ #index-about .text-box .data-box .data{margin-right: 50px;} } @media (max-width: 1680px){ #index-about .text-box .data-box .data{margin-right: 20px;} } @media (max-width: 750px){ #index-about{flex-wrap: wrap;} #index-about .text-box, #index-about .pic-box{width: 100%;} #index-about .text-box .global-title{margin-bottom: 60px;} #index-about .text-box .detail{font-size: 26px;line-height: 2;} #index-about .text-box .data-box .data{margin-right: 0;width: 50%;} #index-about .text-box .data-box .data .number-box .number{font-size: 60px;} #index-about .text-box .data-box .data .number-box .unit{font-size: 40px;} #index-about .text-box .data-box .data .data-name{font-size: 26px;} /* #index-about .pic-box .logo-list{height: auto;} */ #index-about .pic-box .logo-list .logo-box .logo .name{font-size: 24px;} } #index-honor{padding: 180px 0 100px;background: #f2f5f8;overflow: hidden;} #index-honor .text-box{display: flex;flex-wrap: wrap;margin-bottom: 110px;} #index-honor .text-box .left{width: calc(100% - 770px);} #index-honor .text-box .left .brief{font-size: 18px;line-height: 30px;min-height: 90px;margin-bottom: 20px;} #index-honor .text-box .left .data-box{display: flex;flex-wrap: wrap;} #index-honor .text-box .left .data-box .data{margin-right: 150px;margin-bottom: 30px;} #index-honor .text-box .left .data-box .data .number-box{font-family: GM;color: var(--theme-color);} #index-honor .text-box .left .data-box .data .number-box .number{font-size: 50px;} #index-honor .text-box .left .data-box .data .number-box .unit{font-size: 30px;} #index-honor .text-box .left .data-box .data .data-name{font-size: 16px;} #index-honor .text-box .right{width: 770px;display: flex;flex-direction: column;justify-content: center;font-size: 0;} #index-honor .text-box .right>div>span{padding: 0 10px;color: #c7d4e1;font-family: GB;display: inline-block;-webkit-transition:.3s;transition:.3s;} #index-honor .text-box .right .row1{text-align: left;line-height: 100px;height: 100px;padding-left: 28%;} #index-honor .text-box .right .row2{text-align: right;line-height: 100px;height: 100px;} #index-honor .text-box .right .row3{text-align: left;line-height: 80px;height: 80px;} #index-honor .text-box .right .row4{text-align: left;line-height: 70px;height: 70px;padding-left: 24%;} #index-honor .text-box .right .row1 span:nth-child(1){font-size: 80px;} #index-honor .text-box .right .row1 span:nth-child(2){font-size: 50px;} #index-honor .text-box .right .row2 span:nth-child(1){font-size: 50px;} #index-honor .text-box .right .row2 span:nth-child(2){font-size: 100px;} #index-honor .text-box .right .row2 span:nth-child(3){font-size: 60px;} #index-honor .text-box .right .row3 span:nth-child(1){font-size: 50px;} #index-honor .text-box .right .row3 span:nth-child(2){font-size: 70px;} #index-honor .text-box .right .row3 span:nth-child(3){font-size: 60px;} #index-honor .text-box .right .row4 span:nth-child(1){font-size: 40px;} #index-honor .text-box .right .row4 span:nth-child(2){font-size: 50px;} #index-honor .text-box .right .row4 span:nth-child(3){font-size: 60px;} #index-honor .text-box .right .row4 span:nth-child(4){font-size: 40px;} #index-honor .text-box .right>div>span:hover{color: var(--theme-color);transform: scale(1.05);} #index-honor .honor-box{width: 100%;} #index-honor .honor-box ul{overflow: visible;} #index-honor .honor-box ul li{width: 200px;margin-right: 50px;cursor: pointer;} #index-honor .honor-box ul li .pic{width: 200px;height: 260px;background: #fff;padding: 15px;margin-bottom: 10px;} #index-honor .honor-box ul li .name{text-align: center;font-size: 16px;line-height: 30px;} #index-honor .honor-box ul li:hover .name{color: var(--theme-color);} @media (max-width: 1680px) { #index-honor .text-box .left .data-box .data{margin-right: 100px;} } @media (max-width: 1440px) { #index-honor .text-box .left .data-box .data{margin-right: 50px;} } @media (max-width: 1280px) { #index-honor{padding: 90px 0 70px;} #index-honor .text-box .left .data-box .data{margin-right: 80px;} #index-honor .text-box{margin-bottom: 20px;} } @media (max-width: 1200px) { #index-honor .text-box .left .data-box .data{margin-right: 40px;} } @media (max-width: 1024px) { #index-honor .text-box .left, #index-honor .text-box .right{width: 100%;} #index-honor .text-box .left .data-box{justify-content: center;} #index-honor .text-box .left .data-box .data{margin-right: 150px;margin-bottom: 50px;} #index-honor .text-box .left .data-box .data:last-child{margin-right: 0;} #index-honor .text-box{margin-bottom: 40px;} } @media (max-width: 750px) { #index-honor .text-box .left .brief{font-size: 28px;line-height: 2;} #index-honor .text-box .left .data-box .data{margin-right: 0;width: 33%;} #index-honor .text-box .left .data-box .data .number-box .number{font-size: 60px;} #index-honor .text-box .left .data-box .data .number-box .unit{font-size: 40px;} #index-honor .text-box .left .data-box .data .data-name{font-size: 26px;} #index-honor .text-box .right .row1{padding: 0;} #index-honor .text-box .right .row2 span:nth-child(2){font-size: 80px;} #index-honor .text-box .right .row3 span:nth-child(1){font-size: 40px;} #index-honor .text-box .right .row3 span:nth-child(2){font-size: 60px;} #index-honor .text-box .right .row4{padding: 0;text-align: right;} #index-honor .honor-box .container .slide .name{font-size: 24px;} } #index-partner{padding: 100px 0 120px;position: relative;overflow: hidden;} #index-partner:before{content: '';display: block;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: #15284b url("/html/images/footer-bg.png") no-repeat;background-size: cover;transform: rotate(180deg);z-index: -1;} #index-partner .global-title{margin-bottom: 80px;} #index-partner .content{display: flex;flex-wrap: wrap;} #index-partner .content .left{width: 50%;} #index-partner .content .left .slide{display: flex;flex-wrap: wrap;} #index-partner .content .left .logo{width: calc(25% - 20px);height: 80px;margin: 0 10px 40px;} #index-partner .content .right{width: 50%;padding-left: 11.875%;padding-right: 6.25%;} #index-partner .content .right .text-box{margin-bottom: 30px;position: relative;} #index-partner .content .right .text-box:before{content: url("/html/images/icon/icon-shuangyinhao.png");position: absolute;top: -80px;left: -100px;transform: rotate(180deg);} #index-partner .content .right .text-box:after{content: url("/html/images/icon/icon-shuangyinhao.png");position: absolute;bottom: -40px;right: -110px;} #index-partner .content .right .text-box .container{height: 185px;} #index-partner .content .right .text-box .name{text-transform: uppercase;font-size: 30px;color: #fff;margin-bottom: 20px;} #index-partner .content .right .text-box .brief{font-size: 16px;color: #fff;line-height: 30px;height: 120px;} #index-partner .content .right .btn-box{display: flex;justify-content: space-between;} #index-partner .content .right .btn-box .btn{display: block;width: calc(50% - 10px);height: 80px;line-height: 80px;font-size: 16px;text-align: center;color: #fff;border: 1px solid #fff;} #index-partner .content .right .btn-box .btn .icon{margin-left: 30px;fill: #fff;} #index-partner .content .right .btn-box .btn:hover{color: var(--theme-color);background: #fff;} #index-partner .content .right .btn-box .btn:hover .icon{transform: translateX(10px);fill: var(--theme-color);} @keyframes partner-title { 0% {opacity: 0;transform: translateY(0);} 20% {opacity: 1;transform: translateY(0);} 60% {opacity: 1;transform: translateY(0);} 80% {opacity: 0;transform: translateY(-300%);} 100% {opacity: 0;transform: translateY(-300%);} } @keyframes partner-brief { 0% {opacity: 0;transform: translateY(0);} 20% {opacity: 1;transform: translateY(0);} 70% {opacity: 1;transform: translateY(0);} 90% {opacity: 0;transform: translateY(-200%);} 100% {opacity: 0;transform: translateY(-200%);} } #index-partner .content .right .text-box .slide{opacity: 0;} #index-partner .content .right .text-box .slide.swiper-slide-active{opacity: 1;} #index-partner .content .right .text-box .slide.swiper-slide-active .name{animation: partner-title 5s linear;} #index-partner .content .right .text-box .slide.swiper-slide-active .brief{animation: partner-brief 5s linear;} #index-partner .content .right .text-box .slide.swiper-slide-next{animation: unset;} @media (max-width: 1440px) { #index-partner .content .right .btn-box .btn .icon{margin-left: 10px;} } @media (max-width: 1280px) { #index-partner .content .right .btn-box .btn .icon{display: none;} } @media (max-width: 750px) { #index-partner{padding-bottom: 80px;} #index-partner .content{flex-direction: column-reverse;} #index-partner .content .left{width: 100%;padding: 0;} #index-partner .content .right{width: 100%;padding: 0 11.875%;} #index-partner .content .right .text-box:before{left: -80px;} #index-partner .content .right .text-box:after{right: -80px;} #index-partner .content .right .text-box .container{height: 225px;} #index-partner .content .right .text-box .name{font-size: 36px;} #index-partner .content .right .text-box .brief{font-size: 26px;line-height: 40px;height: 160px;} #index-partner .content .right .btn-box .btn{font-size: 26px;margin-bottom: 40px;} } #index-news{padding: 100px 0;} #index-news .top{display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;border-bottom: 2px solid #e7e7e7;} #index-news .top .global-title{margin-bottom: 0;} #index-news .top .more{font-size: 16px;color: #15284b;} #index-news .top .more .icon{margin-left: 5px;fill: #15284b;} #index-news .top .more{font-size: 16px;color: #15284b;} #index-news .top .more .icon{margin-left: 5px;fill: #15284b;} #index-news .top .more:hover{color: var(--theme-color);} #index-news .top .more:hover .icon{fill: var(--theme-color);} #index-news .content .news{border-bottom: 2px solid #e7e7e7;padding: 30px 0;display: flex;align-items: center;font-size: 0;overflow: hidden;} #index-news .content .news .left{width: 100%;display: flex;} #index-news .content .news .left .date{width: 160px;line-height: 18px;font-family: GM;font-size: 18px;color: var(--theme-color);} #index-news .content .news .left .name{width: calc(100% - 160px - 160px);line-height: 18px;font-size: 18px;color: #282828;} #index-news .content .news.cur .left .name{-webkit-line-clamp: 2;} #index-news .content .news .left .brief{width: 0;font-size: 16px;color: #888888;line-height: 30px;max-height: 0;overflow: hidden;} #index-news .content .news .left .more{width: 160px;line-height: 18px;font-size: 14px;color: #999999;text-align: right;} #index-news .content .news .left .more .icon{fill: #999;margin-left: 5px;} #index-news .content .news .right{width: 0;height: 0;overflow: hidden;} #index-news .content .news.cur .left{width: calc(100% - 460px);flex-direction: column;padding-right: 70px;} #index-news .content .news.cur .left .date{width: 100%;margin-bottom: 25px;} #index-news .content .news.cur .left .name{width: 100%;font-size: 22px;color: #15284b;line-height: 30px;margin-bottom: 15px;font-weight: bold;} #index-news .content .news.cur .left .brief{width: 100%;max-height: 90px;} #index-news .content .news.cur .more{height: 0;overflow: hidden;} #index-news .content .news.cur .right{width: 460px;height: 245px;overflow: hidden;} @media (max-width: 750px) { #index-news .top .more{font-size: 26px;} #index-news .top .more .icon{margin: 0 10px 3px;transform: scale(1.5);} #index-news .content .news.cur{flex-wrap: wrap;} #index-news .content .news.cur .left{width: 100%;padding: 0 0 30px 0;} #index-news .content .news.cur .right{width: 100%;height: auto;} #index-news .content .news .left .date{font-size: 28px;line-height: 30px;} #index-news .content .news .left .name{font-size: 28px;line-height: 30px;} #index-news .content .news.cur .left .name{font-size: 32px;line-height: 1.5;} #index-news .content .news.cur .left .brief{max-height: unset;font-size: 26px;line-height: 1.5;} #index-news .content .news.cur .right img{width: 100%;} #index-news .content .news .left .more{font-size: 24px;} #index-news .content .news .left .more .icon{transform: scale(1.5);margin-bottom: 3px;margin-left: 10px;} } .products{display: flex;justify-content: space-between;padding-bottom: 120px;} #pro-sidebar{width: 260px;z-index: 2;} #pro-sidebar .mCSB_scrollTools{display: none!important;} #pro-sidebar .sidebar{max-height: calc(100vh - var(--navHight) - 100px);overflow-y:auto;scrollbar-width: none;-ms-overflow-style: none;} #pro-sidebar .sidebar::-webkit-scrollbar{display: none;} #pro-sidebar .nav-one:nth-child(9){margin-top: 30px;} #pro-sidebar .nav-one .one{width: 100%;height: 60px;line-height: 60px;padding: 0 20px;display: flex;align-items: center;font-size: 16px;background: #f7f8f9;border-bottom: 2px solid #fff;} #pro-sidebar .nav-one .one i{padding: 0 10px;margin-right: 10px;} #pro-sidebar .nav-one .one .tit-one{width: calc(100% - 30px - 22px);} #pro-sidebar .nav-one .one svg{transform: rotate(90deg);margin-left: 10px;} #pro-sidebar .nav-one .nav-two{} #pro-sidebar .nav-one .nav-two .two{display: flex;align-items: center;height: 0;line-height: 50px;padding: 0 20px 0 50px;font-size: 16px;background: #ecf1f4;overflow: hidden;opacity: 0;} #pro-sidebar .nav-one .nav-two .two i{width: 16px;height: 16px;background: #666666;margin-right: 10px;position: relative;} #pro-sidebar .nav-one .nav-two .two i:before{content: '';display: block;width: 2px;height: 10px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;} #pro-sidebar .nav-one .nav-two .two i:after{content: '';display: block;width: 10px;height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;} #pro-sidebar .nav-one .nav-two .nav-three .three{display: block;font-size: 14px;height: 0;line-height: 40px;padding: 0 20px 0 75px;color: #666666;background: #dde6ec;overflow: hidden;opacity: 0;} #pro-sidebar .nav-one.cur .one{background: #15284b;} #pro-sidebar .nav-one.cur .one .tit-one{color: var(--theme-color);font-weight: bold;} #pro-sidebar .nav-one.cur .one svg{fill: var(--theme-color);transform: rotate(-90deg);} #pro-sidebar .nav-one.cur .nav-two .two{height: 50px;opacity: 1;} #pro-sidebar .nav-one.cur .nav-two.cur .two span{color: var(--theme-color);font-weight: bold;} #pro-sidebar .nav-one.cur .nav-two.cur .two i{background: var(--theme-color);} #pro-sidebar .nav-one.cur .nav-two.cur .two i:before{background: #fff;opacity: 0;} #pro-sidebar .nav-one.cur .nav-two.cur .two i:after{background: #fff;} #pro-sidebar .nav-one.cur .nav-two.cur .nav-three .three{height: 40px;opacity: 1;} #pro-sidebar .nav-one.cur .nav-two.cur .nav-three .three:hover, #pro-sidebar .nav-one.cur .nav-two.cur .nav-three .three.cur{background: var(--theme-color);color: #fff;} #pro-sidebar .mobile-close{width: 100%;height: 80px;line-height: 80px;font-size: 26px;justify-content: space-between;padding-left: 20px;} #pro-sidebar .mobile-close div{width: 80px;height: 80px;position: relative;} #pro-sidebar .mobile-close div:before{content: '';display: block;width: 40px;height: 4px;background: #666666;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);} #pro-sidebar .mobile-close div:after{content: '';display: block;width: 4px;height: 40px;background: #666666;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg)} @media (max-width: 750px){ #pro-sidebar{width: 100%;position: fixed;top: var(--navHight);left: -100%;z-index: 8;} #pro-sidebar.cur{left: 0;} #pro-sidebar .mobile-show{display: block;position: absolute;right: -50px;top: 300px;background: var(--theme-color);color: #fff;width: 50px;padding: 10px;font-size: 26px;border-radius: 0 5px 5px 0;} #pro-sidebar.cur .mobile-close{display: flex;} #pro-sidebar .sidebar{max-height: unset;height: calc(100vh - var(--navHight));background: #fff;} #pro-sidebar .nav-one .one{height: 80px;line-height: 80px;font-size: 28px;padding: 0 40px;} #pro-sidebar .nav-one .one i{transform: scale(1.5);} #pro-sidebar .nav-one .one svg{transform: scale(2) rotate(-90deg);} #pro-sidebar .nav-one.cur .one svg{transform: scale(2) rotate(90deg);} #pro-sidebar .nav-one.cur .nav-two .two{height: 70px;line-height: 70px;font-size: 26px;padding-left: 90px;} #pro-sidebar .nav-one.cur .nav-two .two i{transform: scale(1.5);} #pro-sidebar .nav-one.cur .nav-two.cur .nav-three .three{height: 60px;line-height: 60px;font-size: 24px;padding-left: 140px;} } #pro-list{width: calc(100% - 260px - 60px);min-height: calc(100vh - var(--navHight));} #pro-list .pro-top{display:flex;} #pro-list .pro-jianjie {width:auto;margin-right:20px;margin-bottom: 30px;/*padding: 20px;background: #f8faff;*/border-left: 3px solid #15284b;border-radius: 6px;box-shadow: 0 3px 12px rgba(74, 110, 227, 0.08);} #pro-list .pro-jianjie h1{color:#15284b;font-size: 1.2em;line-height: 1.3;padding:10px;} #pro-list .pro-jianjie p {color: #333;line-height: 1.7;font-size: 1em;padding:0 10px 10px 10px;} #pro-list .pro-search{width: 26%;margin-bottom: 30px;display: flex;justify-content: end;align-items: center;} #pro-list .pro-search form{width: 280px;height: 50px;line-height: 50px;border: 1px solid #cccccc;display: flex;position: relative;} #pro-list .pro-search form input[type='text']{width: calc(100% - 50px);height: 100%;padding: 0 20px;font-size: 16px;} #pro-list .pro-search form input[type='submit']{width: 50px;height: 50px;cursor: pointer;} #pro-list .pro-search form svg{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);fill: #6c6c6c;z-index: -1;} #pro-list .pro-search form input[type='submit']:hover+svg{fill: var(--theme-color);} #pro-list .list{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 20px;} #pro-list .list .pro{width: calc((100% - 50px)/2);display: flex;align-items: center; padding: 40px;background: #f7f8f9;margin: 0 50px 20px 0;} #pro-list .list .pro:nth-child(2n){margin-right: 0;} #pro-list .list .pro .text-box{width: calc(100% - 210px);} #pro-list .list .pro .text-box .name{font-size: 20px;color: #15284b;font-weight: bold;margin-bottom: 15px;} /* #pro-list .list .pro .text-box .brief-box{margin-bottom: 40px;} */ #pro-list .list .pro .text-box .brief-box .text{display: flex;font-size: 14px;line-height: 26px;} #pro-list .list .pro .text-box .data-box{display: flex;flex-wrap: wrap;} #pro-list .list .pro .text-box .data-box .data{position: relative;width: 20px;height: 30px;margin-right: 20px;z-index: 1;} #pro-list .list .pro .text-box .data-box .data i{width: 100%;height: 100%;display: block;} #pro-list .list .pro .text-box .data-box .data i img{transform: scale(0.7) translate(-50%,-50%);} #pro-list .list .pro .text-box .data-box .data .tip{width: fit-content;position: absolute;bottom: calc(100% + 5px);left: 50%;white-space: nowrap;box-shadow: 0 0 8px 0 rgba(21, 40, 75, 0.2);padding: 8px 9px;background: #fff;border-radius: 2px;z-index: -1;} #pro-list .list .pro .text-box .data-box .data .tip:before{content: url("/html/images/icon/icon-tip.jpg");position: absolute;top: 100%;left: -10px;} #pro-list .list .pro:hover .text-box .name{color: var(--theme-color);} #pro-list .list .pro:hover .hover-obj.pic-obj .def-show{opacity: 0;} #pro-list .list .pro:hover .hover-obj.pic-obj .hover-show{opacity: 1;} #pro-list .list .pro .pic-box{width: 210px;height: 210px;} @media (max-width: 1440px){ #pro-list .list .pro .text-box{width: 50%;} #pro-list .list .pro .pic-box{width: 50%;} } @media (max-width: 1366px){ #pro-list .list .pro{flex-wrap: wrap;margin-right: 0;} #pro-list .list .pro .text-box{width: 100%;} #pro-list .list .pro .pic-box{width: 100%;} #pro-list .list .pro .text-box .brief-box{margin-bottom: 20px;} #pro-list .list .pro .text-box .data-box{margin-bottom: 20px;} } @media (max-width: 1024px){ #pro-list .list .pro{width: 100%;} #pro-list .list .pro .text-box{width: calc(100% - 210px);} #pro-list .list .pro .pic-box{width: 210px;} #pro-list .list .pro .text-box .data-box{margin-bottom: 0;} } @media (max-width: 750px){ #pro-list{width: 100%;min-height: unset;} #pro-list .pro-jianjie { margin-bottom: 30px; padding: 20px;} #pro-list .pro-jianjie h2 { font-size: 30px;} #pro-list .pro-jianjie p { font-size: 24px; line-height: 1.5; margin-top: 20px;} #pro-list .list .pro .text-box .name{font-size: 30px;} #pro-list .list .pro .text-box .brief-box .text{font-size: 24px;line-height: 40px;} #pro-list .list .pro .text-box .data-box .data{margin-right: 30px;margin-left: 5px;} #pro-list .list .pro .text-box .data-box .data i img{transform: scale(1) translate(-50%,-50%);} } .product #crumbs .cw1600{padding-left: 6.25%;} #product{background: url("/html/images/icon/pro-bg.png");background-size: cover;padding-bottom: 80px;} #product .content{background: #fff;display: flex;} #product .pic-box{width: 41.875%;border-right: 1px solid #f5f5f7;padding-bottom: 30px;} #product .pic-frame{width: 100%;position: relative;} #product .pic-frame:before{content: '';padding-top: 89.55224%;display: block;} #product .pic-frame .icon-magnifier{position: absolute;top: 20px;right: 20px;fill: #ccc;z-index: 5;} #product .pic-frame:hover .icon-magnifier{fill: var(--theme-color);} #product .pic-frame .pic{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;justify-content: center;align-items: center;} #product .pic-frame .pic ul{width: 100%;height: 100%;} #product .pic-frame .pic li{width: 100%;height: 100%;} #product .pic-frame .pic .container{width: 100%;height: 100%;} #product .pic-frame .pic .slide{display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 40px;} #product .pic-frame .pic video{max-width: 100%;max-height: 100%;} #product .pic-frame .pic .swiper-pagination{bottom: 50px;} #product .pic-frame .pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;border: 1px solid #cecece;width: 10px;height: 10px;opacity: 1;} #product .pic-frame .pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--theme-color);border-color: var(--theme-color);} #product .pic-btn{display: flex;flex-wrap: wrap;justify-content: center;padding: 0 40px;} #product .pic-btn .btn{width: calc((100% - 30px)/4);height: 50px;line-height: 50px;text-align: center;border: 1px solid #e8e8e8;border-radius: 25px;margin-right: 10px;margin-bottom: 10px;cursor: pointer;font-size: 16px;} #product .pic-btn .btn:last-child{margin-right: 0;} #product .pic-btn .btn.cur{background: var(--theme-color);background-color: var(--theme-color);color: #fff;} #product .pic-btn .btn i{padding: 0 8px;margin: 8px;} #product .text-box{padding: 80px 60px 20px 60px;width: calc(100% - 41.875%);display: flex;flex-direction: column;justify-content: space-between;} #product .text-box .top .name{font-size: 24px;font-weight: bold;margin-bottom: 20px;} #product .text-box .top .brief{font-size:1.4em;line-height: 30px;color: #666666;margin-bottom: 30px;} #product .text-box .top .brief h2{font-size:20px;color:rgb(49, 133, 155);} #product .text-box .bottom{} #product .text-box .bottom .icon-box{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;} #product .text-box .bottom .icon-box .data-box{display: flex;flex-wrap: wrap;width: calc(100% - 180px);} #product .text-box .bottom .icon-box .data-box .data{display: flex;flex-direction: column;align-items: center;margin-right: 40px;margin-bottom: 20px;} #product .text-box .bottom .icon-box .data-box .data i{height: 36px;width: 36px;} #product .text-box .bottom .icon-box .data-box .data .tip{font-size: 14px;line-height: 1.5;} #product .text-box .bottom .icon-box .data-box .data:hover .tip{color: var(--theme-color);} #product .text-box .bottom .icon-box .contact-btn{width: 180px;height: 60px;line-height: 60px;text-align: center;background: #f2f5f8;font-size: 18px;color: #15284b;margin-bottom: 20px;} #product .text-box .bottom .icon-box .contact-btn:hover{background: #15284b;color: #fff;} #product .text-box .bottom .icon-box .contact-btn i{padding: 0 13px;margin-right: 10px;} #product .text-box .bottom .btn-box{display: flex;flex-wrap: wrap;} #product .text-box .bottom .btn-box .btn{width: calc((100% - 60px)/ 3);margin-right: 30px;height: 60px;line-height: 26px;padding: 17px 0;font-size: 18px;border: 1px solid #cccccc;margin-bottom: 40px;text-align: center;position: relative;cursor: pointer;} #product .text-box .bottom .btn-box .btn:nth-child(3n){margin-right: 0;} #product .text-box .bottom .btn-box .btn.cur, #product .text-box .bottom .btn-box .btn:hover{color: var(--theme-color);font-weight: bold;} #product .text-box .bottom .btn-box .btn:before{content: '';display: block;width: calc(100% + 2px);height: 3px;background: transparent;position: absolute;top: -1px;left: -1px;} #product .text-box .bottom .btn-box .btn.cur:before, #product .text-box .bottom .btn-box .btn:hover:before{background: var(--theme-color);} #pro-detail{background: #f2f5f8;} #pro-detail.cur{padding: 100px 0;} #pro-detail .global-title{margin-bottom: 35px;} #pro-detail .content{height: 0;overflow: hidden;} #pro-detail .content.cur{height: auto;} #pro-detail .parameter{padding: 55px 55px 45px;background: #fff;} #pro-detail .parameter .name{font-size: 18px;font-weight: bold;margin-bottom: 20px;} #pro-detail .parameter .table{width: 100%;/*display: flex;flex-wrap: wrap;*/} #pro-detail .parameter .table table{width: 100% !important;} /* 极简内容美化方案 */ #pro-detail .parameter .table table { width: 100%; border: 1px solid #e2e8f0; margin: 1.5em 0; border-collapse: collapse; } #pro-detail .parameter .table th, td { padding: 0.8em; border: 1px solid #00206547; text-align: left; font-size: 1.2em; } #pro-detail .parameter .table tr:nth-child(1){ background:#f2f5f8;font-size:1.4em;font-weight:bold; } #pro-detail .parameter .table th { background: #e3e6ea;font-size:1.4em;font-weight:bold; } @media (max-width: 640px) { #pro-detail .parameter .table table { display: block; overflow-x: auto; } } #pro-detail .parameter .table .row{width: 50%;border-bottom: 1px solid #e7ebf0;display: flex;padding: 15px 30px 15px 0;line-height: 30px;} #pro-detail .parameter .table .row table tr{border-bottom: 1px solid #e7ebf0;} #pro-detail .parameter .table .row.last{ width: 100%;} #pro-detail .parameter .table .row:last-child{width: 100%;border-bottom: unset;} #pro-detail .parameter .table .row .tit{width: 120px;font-size: 16px;color: #888888;} #pro-detail .parameter .table .row .txt{width: calc(100% - 120px);font-size: 16px;} #pro-detail .purchase{display: flex;flex-wrap: wrap;margin-bottom: -40px;} #pro-detail .purchase .data{display: block;padding: 25px 25px 40px;width: calc((100% - 120px)/ 4);margin-right: 40px;background: #fff;margin-bottom: 40px;} #pro-detail .purchase .data:nth-child(4n){margin-right: 0;} #pro-detail .purchase .data .pic{height: 100px;width: 100%;} #pro-detail .purchase .data .name{font-size: 18px;line-height: 40px;text-align: center;} #pro-detail .related-pro{position: relative;} #pro-detail .related-pro .slide{width: 370px;background: #fff;margin-right: 40px;} #pro-detail .related-pro .slide .pro{display: block;padding: 70px 25px 35px;width: 100%;} #pro-detail .related-pro .slide .pro:hover .pic.pic-obj .def-show{opacity: 0;} #pro-detail .related-pro .slide .pro:hover .pic.pic-obj .hover-show{opacity: 1;} #pro-detail .related-pro .slide .pro .pic{width: 100%;height: 250px;} #pro-detail .related-pro .slide .pro .name{width: 100%;text-align: center;font-size: 16px;color: #666666;line-height: 40px;} #pro-detail .related-pro .slide .pro:hover .name{color: var(--theme-color);font-weight: bold;} #pro-detail .related-pro .slide .pro .subname{ width: 100%; line-height: 40px; font-size: 14px; color: #333; text-align: center;} #pro-detail .related-pro .slide .pro .icon-box{display: flex;flex-wrap: wrap;justify-content: center;} #pro-detail .related-pro .slide .pro .icon-box .icon{position: relative;width: 25px;height: 30px;margin-right: 10px;z-index: 1;} #pro-detail .related-pro .slide .pro .icon-box .icon:last-child{margin-right: 0;} #pro-detail .related-pro .slide .pro .icon-box .icon i{width: 100%;height: 100%;display: block;} #pro-detail .related-pro .slide .pro .icon-box .icon i img{transform: scale(0.8) translate(-50%,-50%);} #pro-detail .related-pro .slide .pro .icon-box .icon .tip{width: fit-content;position: absolute;bottom: calc(100% + 5px);left: 50%;transform: translateX(-50%);white-space: nowrap;box-shadow: 0 0 8px 0 rgba(21, 40, 75, 0.2);padding: 8px 9px;background: #fff;border-radius: 2px;z-index: -1;} #pro-detail .related-pro .btn-box{height: 100%;width: 60px;position: absolute;top: 0;left: calc(100% + 40px);} #pro-detail .related-pro .btn-box .btn{width: 60px;height: 60px;border-radius: 50%;border: 2px solid #cccccc;display: flex;justify-content: center;align-items: center;cursor: pointer;} #pro-detail .related-pro .btn-box .btn.prev{position: absolute;top: calc(50% + 15px);} #pro-detail .related-pro .btn-box .btn.next{position: absolute;bottom: calc(50% + 15px);} #pro-detail .related-pro .btn-box .btn.prev svg{transform: scale(1.4) rotate(180deg);fill: #15284b;} #pro-detail .related-pro .btn-box .btn.next svg{transform: scale(1.4);fill: #15284b;} #pro-detail .related-pro .btn-box .btn:hover{background: #15284b;border: 2px solid #15284b;} #pro-detail .related-pro .btn-box .btn:hover svg{fill: #fff;} #pro-detail .related-pro .btn-box .btn:hover i{background: #fff;} #pro-detail .download{} #pro-detail .download .row{display: flex;align-items: center;padding: 30px 0;line-height: 30px;font-size: 16px;border-bottom: 2px solid #e3e6ea;cursor: pointer;} #pro-detail .download .row:hover{border-bottom-color: var(--theme-color);} #pro-detail .download .row .tip{color: #999999;} #pro-detail .download .row .name{width: 46.25%;padding-left: 30px;} #pro-detail .download .row:hover .name{color: var(--theme-color);font-weight: bold;} #pro-detail .download .row .date{width: 18.75%;padding-left: 30px;} #pro-detail .download .row .size{width: 15%;padding-left: 30px;} #pro-detail .download .row .times{width: 14.375%;padding-left: 30px;} #pro-detail .download .row .icon{width: 5.625%;} #pro-detail .content .detail{font-size: 16px;} /***、#pro-detail .content .detail{position:relative;width:100%;min-height:100vh;padding:20px;box-sizing:border-box;} #pro-detail .content .detail h2{margin: 0 50px;position: relative;z-index: 2;font-size: 1em;line-height: 1.2;color: #333;font-weight: 600;width: calc(50% - 30px);} #pro-detail .content .detail p:has(img){position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:0;} #pro-detail .content .detail p img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:0;object-fit: cover;} #pro-detail .content .detail p:not(:has(img)),.detail ul {position: relative;z-index: 1;width: 50%;background: rgba(255,255,255,0.8);padding: 20px;margin: 10px 0 0px 30px;} #pro-detail .content .detail ul{ display: flex; flex-wrap: wrap; gap: 15px; list-style: none; padding:15px;} #pro-detail .content .detail ul li{ width:28%; margin-left:15px; background: #f0f0f0; border-radius: 4px; list-style:none; } #pro-detail .content .detail ul li p{padding:0px;margin:0px;width:100%;}*/ /* 3.24*/ #pro-detail .content .detail { position: relative; min-width: 600px; min-height:600px; margin: 20px auto; padding: 20px; background: transparent; } #pro-detail .content .detail > h2, #pro-detail .content .detail > p:first-of-type:not(:has(img)) { position: absolute; left: 0; width: 49%; margin-left:80px; z-index: 3; padding: 15px; border-radius: 6px; } #pro-detail .content .detail > h2 { top: 50px; margin: 0; color: #333; } /* 假设父栏目激活时有属性[data-active="true"] */ #pro-detail .content.cur> .detail > p:first-of-type { display: block; /* 显示 */ } #pro-detail .content > .detail > p:first-of-type { display: none; /* 隐藏 */ } #pro-detail .content.cur> .detail > ul { display: inline-flex; /* 显示 */ } #pro-detail .content > .detail > ul{ display:none; /* 隐藏 */ } #pro-detail .content .detail > p:first-of-type:not(:has(img)) { line-height: 1.8; font-size: 1.1em; color:#808285; margin-top: 15% !important; margin-left:9%; } #pro-detail .content .detail > ul { position: absolute; left: 0; width: 51%; color:#263957; margin: 28% 0 0 6.6%; /* 隐藏 display: flex;*/ flex-wrap: wrap; gap: 4px; background: rgba(255,255,255,0.9); padding: 10px 35px 10px ; border-radius: 6px; } #pro-detail .content .detail > ul li { width: calc(33.33% - 3px); width: 28%; line-height:26px; border-radius: 4px; list-style:none; padding: 8px; box-sizing: border-box; z-index: 3; } /*#pro-detail .content .detail > ul li p{height:41px;}*/ #pro-detail .content .detail > ul li p::before { content: "|"; /* 竖线 */ margin-right: 8px; /* 根据需要调整间距 */ } #pro-detail .content .detail p img { width: 100%; height: auto; border-radius: 8px; margin-top: 0; position: relative; z-index: 1; } @media (max-width: 768px) { #pro-detail .content .detail > h2 { top: 30px; } #pro-detail .content .detail > p:first-of-type { top: 100px; } #pro-detail .content .detail > ul { top: 220px; } #pro-detail .content .detail > p:first-of-type:not(:has(img)) { line-height: 1.8; font-size: 0.6em; color:#808285; margin-left:9%;} #pro-detail .content .detail > h2, #pro-detail .content .detail > p:first-of-type, #pro-detail .content .detail > ul { width: 70%; padding: 10px; } } @media (max-width: 480px) { #pro-detail .content .detail > h2 { top: 20px; } #pro-detail .content .detail > p:first-of-type { top: 90px; } #pro-detail .content .detail > ul { top: 200px; } #pro-detail .content .detail > h2, #pro-detail .content .detail > p:first-of-type, #pro-detail .content .detail > ul { width: 100%; left: 0; right: 0; } }/* 增加的内容 */ #pro-detail .content .detail table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-family: -apple-system, sans-serif; } /* 核心容器 */ #pro-detail .content .detail table { width: 100%; border-collapse: collapse; table-layout: auto; /* 启用自动列宽分配 */ font-family: 'Segoe UI', system-ui, sans-serif; } /* 引脚表格式 */ #pro-detail .content .detail table thead th { background: #68bbca; color: white; padding: 1rem 1.2rem; position: sticky; left: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: clamp(14px, 1.2vw, 16px); text-align: center; /* 标题居中 */ min-width: 120px; line-height: 3.5; } /* 内容单元格 */ #pro-detail .content .detail table tbody td { padding: 0.8rem 1.2rem; border: 1px solid #e2e8f0; white-space: normal; word-break: break-word; height: 50px; font-size: clamp(13px, 1.1vw, 15px); text-align: center; /* 内容居中 */ min-width: 150px; /* 最小列宽 */ } /* 智能列宽分配 */ #pro-detail .content .detail table td.宽列 { width: auto; /* 根据内容自动扩展 */ max-width: 40%; /* 最大占宽限制 */ } /* 斑马纹效果 */ #pro-detail .content .detail table tbody tr:nth-child(even) { background-color: #f8fafc; } /* 移动端优化 */ @media (max-width: 768px) { #pro-detail .content .detail table thead th { padding: 0.8rem; font-size: clamp(12px, 4vw, 14px); min-width: 100px; } #pro-detail .content .detail table tbody td { padding: 0.6rem; font-size: clamp(12px, 3.5vw, 13px); min-width: 120px; } } /* 交互效果 */ #pro-detail .content .detail table tbody tr:hover { background-color: #eff6ff; transition: background-color 0.2s; } /* 增加的表格布局 */ #pro-detail .content .drift {display: none; /**transition: all .3s ease;*/position:fixed;top:80px;width:100%;z-index:999;-webkit-backface-visibility: hidden; will-change: transform;overflow: visible;} #pro-detail.onthis .content .drift {display: flex;} #pro-detail .content .drift .li{} #pro-detail .content .drift .li{width: 10%;margin-right: 30px;height: 60px;line-height: 26px;padding: 17px 0;font-size: 18px;border: 1px solid #cccccc;margin-bottom: 40px;text-align: center;position: relative;cursor: pointer;#f2f5f8;background:#f2f5f8;} #pro-detail .content .drift .li:last-child{margin-right: 0;} #pro-detail .content .drift .li.cur, #pro-detail .content .drift .li:hover{color: var(--theme-color);font-weight: bold;} #pro-detail .content .drift .li:before{content: '';display: block;width: calc(100% + 2px);height: 3px;background: transparent;position: absolute;top: -1px;left: -1px;} #pro-detail .content .drift .li.cur:before, #pro-detail .content .drift .li:hover:before{background: var(--theme-color);} @media (max-width: 1280px){ #pro-detail .purchase .data{width: calc((100% - 80px)/ 3);} #pro-detail .purchase .data:nth-child(4n){margin-right: 40px;} #pro-detail .purchase .data:nth-child(3n){margin-right: 0;} #pro-detail .download .row .name{width: calc(100% - 260px - 210px - 180px - 65px);} #pro-detail .download .row .date{width: 260px;} #pro-detail .download .row .size{width: 210px;} #pro-detail .download .row .times{width: 180px;} #pro-detail .download .row .icon{width: 65px;} } @media (max-width: 1024px){ #product .content{flex-wrap: wrap;} #product .pic-box{width: 100%;} #product .text-box{width: 100%;padding-top: 20px;} #product .pic-frame:before{padding-top: 0;height: 600px;} #pro-detail .download .row .name{width: calc(100% - 260px - 210px - 65px);} #pro-detail .download .row .times{display: none} } @media (max-width: 750px){ #product .pic-btn .btn{width: calc((100% - 10px)/2);height: 60px;line-height: 60px;font-size: 26px;border-radius: 30px;} #product .pic-btn .btn:nth-child(2n){margin-right: 0;} #product .pic-btn .btn i{margin-right: 15px;} #product .pic-btn .btn i img{transform: scale(1.4) translate(-50%,-40%);} #product .pic-frame .icon-magnifier{right: 40px;top: 40px;transform: scale(1.5);} #product .text-box .top .name{font-size: 34px;} #product .text-box .top .brief{font-size: 26px;line-height: 2;} #product .text-box .bottom .icon-box .data-box .data .tip{font-size: 22px;} #product .text-box .bottom .icon-box .contact-btn{font-size: 24px;} #product .text-box .bottom .btn-box .btn{font-size: 24px;} #pro-detail .content .detail{font-size: 26px;line-height: 2;} #pro-detail .parameter .name{font-size: 28px;} #pro-detail .parameter .table .row{width: 100%;padding: 20px 0;line-height: 2;} #pro-detail .parameter .table .row .tit{width: 160px;font-size: 26px;} #pro-detail .parameter .table .row .txt{width: calc(100% - 160px);font-size: 26px;} #pro-detail .purchase .data{width: calc((100% - 40px)/ 2);} #pro-detail .purchase .data:nth-child(3n){margin-right: 40px;} #pro-detail .purchase .data:nth-child(2n){margin-right: 0;} #pro-detail .purchase .data .name{font-size: 26px;line-height: 40px;margin-top: 10px;} #pro-detail .related-pro .slide .pro .name{font-size: 26px;line-height: 50px;} #pro-detail .related-pro .slide .pro .subname{ line-height: 50px; font-size: 22px;} #pro-detail .download .row{font-size: 26px;line-height: 2;} #pro-detail .download .row .date{width: 210px;} #pro-detail .download .row .date .tip, #pro-detail .download .row .size{display: none;} #pro-detail .download .row .name{width: calc(100% - 210px - 65px);} #pro-detail .content .drift .li{width: 30%; font-size: 24px;} #pro-detail .content .drift .li:nth-child(3n){margin-right: 0;} } .pro-comments{padding: 100px 0;} .pro-comments .content{display: flex;} #pro-comments{width: 50%;padding-right: 60px;} #pro-comments .comments{height: 560px;position: relative;} #pro-comments .comments .box{height: 560px;} #pro-comments .comments .mask{width: 100%;height: 160px;background: linear-gradient(to top ,#fff,transparent);position: absolute;left: 0;bottom: 0;z-index: 10;} #pro-comments .comments .space{width: 100%;height: 80px;} #pro-comments .comments .item{display: flex;margin-bottom: 25px;} #pro-comments .comments .item .icon-box{display: flex;width: 60px;} #pro-comments .comments .item .icon-box .icon{width: 60px;height: 60px;border-radius: 50%;background: #67bbc9;} #pro-comments .comments .item .text-box{width: calc(100% - 60px);padding-left: 15px;padding-right: 50px;} #pro-comments .comments .item .text-box .date{line-height: 30px;font-size: 16px;color: #888888;} #pro-comments .comments .item .text-box .text{font-size: 16px;line-height: 1.5;} #pro-comments .comments .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{width: 8px;background: #f2f5f8;border-radius: 0;} #pro-comments .comments .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px;background: #cccccc;border-radius: 0;} #pro-feedback{width: 50%;} #pro-feedback .global-title .title{font-family: SHB;} #pro-feedback form input[type='text']{width: 100%;height: 60px;line-height: 60px;padding: 0 20px;background: #f2f5f8;margin-bottom: 30px;font-size: 16px;} #pro-feedback form input[type='text']::placeholder{color: #666666;} #pro-feedback form textarea{width: 100%;height: 200px;line-height: 30px;padding: 20px;background: #f2f5f8;font-size: 16px;margin-bottom: 30px;} #pro-feedback form textarea::placeholder{color: #666666;} #pro-feedback form .btn-box{display: flex;justify-content: space-between;} #pro-feedback form .btn-box .contact-btn{display: block;width: 200px;height: 60px;line-height: 60px;background: #15284b;text-align: center;font-size: 16px;color: #fff;} #pro-feedback form .btn-box .contact-btn *{vertical-align: middle;} #pro-feedback form .btn-box .contact-btn img{margin-right: 10px;} #pro-feedback form .btn-box input[type='submit']{display: block;width: 200px;height: 60px;line-height: 60px;background: var(--theme-color);text-align: center;font-size: 16px;color: #fff;cursor: pointer;} @media (max-width: 750px){ .pro-comments .content{flex-wrap: wrap;} #pro-comments{width: 100%;padding-right: 0;margin-bottom: 100px;} #pro-feedback{width: 100%;} #pro-comments .comments .item .text-box{padding-right: 20px;} #pro-comments .comments .item .text-box .date{font-size: 26px;line-height: 40px;} #pro-comments .comments .item .text-box .text{font-size: 26px;line-height: 2;} #pro-feedback form input[type='text']{height: 80px;line-height: 80px;font-size: 26px;} #pro-feedback form textarea{font-size: 26px;line-height: 40px;} #pro-feedback form .btn-box .contact-btn{font-size: 26px;width: 250px;} #pro-feedback form .btn-box input[type='submit']{font-size: 26px;width: 250px;} } #member{width: 100%;min-height: 100vh;padding: 100px 0 40px;display: flex;justify-content: center;align-items: center;background: url("/html/images/login-bg.png") bottom center;background-size: cover;} #member form{width: 540px;border-radius: 10px;background: #fff;padding: 50px 70px 60px;display: flex;flex-direction: column;align-items: center;} #member form .logo{margin-bottom: 15px;} #member form .title{margin-bottom: 30px;font-size: 20px;font-weight: bold;} #member form .input{width: 100%;height: 50px;line-height: 50px;margin-bottom: 20px;border-bottom: 1px solid #999999;font-size: 16px;display: flex;} #member form .input input{width: 100%;} #member form .input input::placeholder{color: #999999;} #member form .input input[name='Password']{width: calc(100% - 40px);} #member form .input .password-btn{width: 40px;height: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;} #member form .input input[name='VCode']{width: calc(100% - 125px);} #member form .input .vcdeo{height: 100%;} #member form .forgot{width: 100%;height: 35px;text-align: right;margin-bottom: 20px;font-size: 16px;} #member form .forgot .btn{line-height: 35px;border-bottom: 2px solid #adadad;} #member form input[type='submit']{width: 100%;height: 50px;line-height: 50px;border-radius: 5px;background: var(--theme-color);font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 20px;cursor: pointer;} #member form .register{display: block;width: 100%;height: 50px;line-height: 50px;border-radius: 5px;border: 1px solid #cccccc;font-size: 18px;text-align: center;} #member form .code{width: 125px;line-height: 50px;text-decoration: underline;cursor: pointer;text-align: right;color: #0f2040;} #member form .height20{width: 100%;height: 20px;} @media (max-width: 750px) { #member form .title{font-size: 30px;} #member form .input{font-size: 26px;line-height: 80px;height: 80px;} #member form .input input[name='Password']{width: calc(100% - 60px);} #member form .input .password-btn{width: 60px;} #member form .input .password-btn img{transform: scale(1.5);} #member form .forgot{height: 40px;line-height: 45px;font-size: 26px;margin-bottom: 30px;} #member form .register, #member form input[type='submit']{height: 60px;line-height: 60px;font-size: 26px;} #member form .input input[name='VCode']{width: calc(100% - 200px);} #member form .code{width: 200px;line-height: 80px;} } .follow-box{width: calc(100% - 260px - 60px);} @media (max-width: 750px) { .follow-box{width: 100%;} } .case{padding-bottom: 100px;} .case .content{display: flex;justify-content: space-between;} #case{} #case .tab{display: flex;margin-bottom: 50px;} #case .tab li{width: 25%;height: 60px;line-height: 60px;border-bottom: 2px solid #e6eaef;text-align: center;font-size: 18px;cursor: pointer;} #case .tab li.cur, #case .tab li:hover{color: var(--theme-color);border-bottom-color: var(--theme-color);font-weight: bold;} #case .detail{margin-bottom: 50px;font-size: 16px;line-height: 2;color: #666666;} #case .app{display: flex;margin-bottom: 50px;} #case .app a{width: calc((100% - 60px)/ 4);padding: 20px;/*line-height: 40px;*/text-align: center;font-size: 16px;border: 1px solid #cccccc;margin-right: 20px;} #case .app a:nth-child(4n){margin-right: 0;} #case .case-list .item{display: flex;margin-bottom: 30px;} #case .case-list .item:last-child{margin-bottom: 0;} #case .case-list .item .text-box{width: calc(100% - 600px);padding: 50px 60px 60px;background: #f7f8f9;} #case .case-list .item .text-box .name{font-size: 24px;line-height: 40px;margin-bottom: 20px;} #case .case-list .item:hover .text-box .name{color: var(--theme-color);} #case .case-list .item .text-box .brief{font-size: 16px;line-height: 30px;color: #666666;margin-bottom: 50px;} #case .case-list .item .text-box .more{font-size: 16px;color: #15284b;} /*#case .case-list .item:hover .text-box .more{color: var(--theme-color);}*/ #case .case-list .item .text-box .more svg{fill: #364664;margin-left: 5px;vertical-align: middle;} /*#case .case-list .item:hover .text-box .more svg{fill: var(--theme-color);}*/ #case .case-list .item .pic{width: 600px;} #case .case-list .item .pic:after{padding-top: 47%;} #case form{padding: 50px 50px 70px;margin-top: 30px;background: #f7f8f9;display: flex;flex-wrap: wrap;} #case form input[type="text"]{width: calc((100% - 40px)/ 2);margin-bottom: 40px;margin-right: 40px;height: 60px;line-height: 60px;background: #fff;font-size: 16px;padding: 0 20px;} #case form input[type="text"]:nth-child(2n){margin-right: 0;} #case form textarea{width: 100%;height: 200px;line-height: 30px;padding: 10px 20px;background: #fff;font-size: 16px;margin-bottom: 40px;} #case form input[type="text"]::placeholder, #case form textarea::placeholder{color: #666666;} #case form .btn-box{width: 100%;display: flex;justify-content: space-between;} #case form .btn-box .contact-btn{display: block;width: 200px;height: 60px;line-height: 60px;background: #15284b;text-align: center;font-size: 16px;color: #fff;} #case form .btn-box .contact-btn *{vertical-align: middle;} #case form .btn-box .contact-btn img{margin-right: 10px;} #case form .btn-box input[type='submit']{display: block;width: 200px;height: 60px;line-height: 60px;background: var(--theme-color);text-align: center;font-size: 16px;color: #fff;cursor: pointer;} @media (max-width: 1440px) { #case .case-list .item .pic{width: 46.875%;} #case .case-list .item .text-box{width: calc(100% - 46.875%);padding: 30px;display: flex;flex-direction: column;justify-content: center;} #case .case-list .item .text-box .name{margin-bottom: 10px;} #case .case-list .item .text-box .brief{-webkit-line-clamp: 3;margin-bottom: 20px;} } @media (max-width: 1024px) { #case .case-list .item .text-box .name{margin-bottom: 0;} #case .case-list .item .text-box .brief{-webkit-line-clamp: 2;margin-bottom: 10px;} } @media (max-width: 750px) { #case .tab li{font-size: 28px;height: 80px;line-height: 80px;} #case .detail{font-size: 26px;line-height: 2;} #case .case-list .item{flex-wrap: wrap;flex-direction: column-reverse;} #case .case-list .item .text-box{width: 100%;} #case .case-list .item .pic{width: 100%;} #case .case-list .item .text-box .name{-webkit-line-clamp: 2;margin-bottom: 20px;font-size: 32px;} #case .case-list .item .text-box .brief{-webkit-line-clamp: 4;margin-bottom: 40px;font-size: 26px;line-height: 2;} #case .case-list .item .text-box .more{font-size: 26px;} #case .case-list .item .text-box .more svg{transform: scale(1.5);margin-left: 10px;} } #case-body #footer{ margin-top: -80px;} #case-detail{padding-bottom: 100px;} #case-detail .name{font-size: 36px;margin-bottom: 50px;font-weight: bold;text-align: center;} #case-detail .detail{font-size: 16px;color: #666666;line-height: 2;padding-bottom: 70px;border-bottom: 2px solid #e7ebf0;margin-bottom: 50px;} #case-detail .btn-box{width: 100%;display: flex;justify-content: space-between;} #case-detail .btn-box .btn{width: 480px;height: 60px;line-height: 60px;border: 1px solid #e7ebf0;padding: 0 20px;text-align: center;} #case-detail .btn-box .btn .tip{font-size: 16px;color: #999999;} #case-detail .btn-box .btn .tit{font-size: 16px;color: #333333;} #case-detail .btn-box .btn.cur:hover{border: 1px solid var(--theme-color);} #case-detail .btn-box .btn.cur:hover .tit{color: var(--theme-color);} #case-detail .btn-box .more{width: 180px;height: 60px;line-height: 60px;font-size: 16px;color: #FFFFFF;background: var(--theme-color);text-align: center;} #case-detail .btn-box .more .icon{width: 20px;display: inline-block;margin-right: 15px;vertical-align: middle;} #case-detail .btn-box .more .icon span{display: block;width: 100%;height: 2px;background: #FFFFFF;margin-bottom: 5px;} #case-detail .btn-box .more .icon span:last-child{margin-bottom: 0;} #case-rel-pro{ padding: 93px 0 200px; background: #f2f5f8;} #case-rel-pro .pro-list .pro{ padding: 38px 0 30px; display: flex; background: #f7f8f9;margin: 0 50px 20px 0;} #case-rel-pro .pro-list .pro:last-child{ margin-right: 0;} #case-rel-pro .pro-list .pro .pic-box{width: 100%;height: 240px;} #case-rel-pro .pro-list .pro .cate{ margin-top: 13px; width: 100%; line-height: 26px; font-size: 16px; color: #666; text-align: center;} #case-rel-pro .pro-list .pro .text-box{ width: 100%;} #case-rel-pro .pro-list .pro .text-box .name{font-size: 26px;color: #333; margin-bottom: 15px; text-align: center;} #case-rel-pro .pro-list .pro .text-box .data-box{ display: flex; flex-wrap: wrap; margin-top: 14px;} #case-rel-pro .pro-list .pro .text-box .data-box .data{position: relative;width: 20px;height: 30px;margin-right: 20px;z-index: 1;} #case-rel-pro .pro-list .pro .text-box .data-box .data i{width: 100%;height: 100%;display: block;} #case-rel-pro .pro-list .pro .text-box .data-box .data i img{transform: scale(0.7) translate(-50%,-50%);} #case-rel-pro .pro-list .pro .text-box .data-box .data .tip{width: fit-content;position: absolute;bottom: calc(100% + 5px);left: 50%;white-space: nowrap;box-shadow: 0 0 8px 0 rgba(21, 40, 75, 0.2);padding: 8px 9px;background: #fff;border-radius: 2px;z-index: -1;} #case-rel-pro .pro-list .pro .text-box .data-box .data .tip:before{content: url("/html/images/icon/icon-tip.jpg");position: absolute;top: 100%;left: -10px;} #case-rel-pro .pro-list .pro:hover .text-box .name{color: var(--theme-color);} #case-rel-pro .pro-list .pro:hover .hover-obj.pic-obj .def-show{opacity: 0;} #case-rel-pro .pro-list .pro:hover .hover-obj.pic-obj .hover-show{opacity: 1;} @media (max-width: 750px){ #case-rel-pro .pro-list .pro .text-box .name{font-size: 30px;} #case-rel-pro .pro-list .pro .text-box .brief-box .text{font-size: 24px;line-height: 40px;} #case-rel-pro .pro-list .pro .text-box .data-box .data{margin-right: 30px;margin-left: 5px;} #case-rel-pro .pro-list .pro .text-box .data-box .data i img{transform: scale(1) translate(-50%,-50%);} } @media (max-width: 1280px) { #case-detail .btn-box .btn{width: 400px;} } @media (max-width: 1024px) { #case-detail .btn-box .btn{width: 350px;} } @media (max-width: 750px) { #case-detail .name{font-size: 40px;} #case-detail .detail{font-size: 26px;line-height: 2;} #case-detail .btn-box{flex-wrap: wrap;} #case-detail .btn-box .btn{width: 450px;margin-bottom: 30px;height: 70px;line-height: 70px;text-align: left;} #case-detail .btn-box .btn .tip, #case-detail .btn-box .btn .tit{font-size: 26px;} #case-detail .btn-box .more{width: 200px;font-size: 26px;margin-bottom: 30px;height: 70px;line-height: 70px;} } .news{padding-bottom: 120px;} .news .content{display: flex;justify-content: space-between;} #news{} #news .top-news{position: relative;display: block;} #news .top-news .date-box{width: 100px;height: 100px;background: var(--theme-color);text-align: center;font-size: 0;position: absolute;top: 0;left: 0;color: #fff;} #news .top-news .date-box .day{font-size: 62px;font-family: GB;line-height: 70px;} #news .top-news .date-box .date{font-size: 18px;font-family: GB;line-height: 20px;} #news .top-news .text-box{width: 100%;padding: 25px 30px;background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;text-align: left;} #news .top-news .text-box .name{font-size: 24px;color: #fff;font-weight: bold;margin-bottom: 10px;} #news .top-news .text-box .brief{font-size: 16px;color: #cccccc;line-height: 1.5;} #news .item{display: flex;padding: 50px 0;border-bottom: 1px solid #e6e6e6;} #news .item:last-of-type{margin-bottom: 50px;} #news .item .date-box{width: 125px;color: #cccccc;text-align: center;font-size: 0;margin-right: 4.296875%;} #news .item .date-box .day{font-size: 62px;font-family: GB;line-height: 70px;} #news .item .date-box .date{font-size: 18px;font-family: GB;line-height: 20px;} #news .item .pic{width: 360px;height: 200px;} #news .item .text-box{width: calc(100% - 4.296875% - 125px - 360px);padding: 0 40px;position: relative;} #news .item .text-box .name{font-size: 24px;font-weight: bold;line-height: 35px;margin-bottom: 20px;} #news .item .text-box .brief{font-size: 16px;line-height: 30px;color: #999999;} #news .item .text-box .more{font-size: 16px;color: #cccccc;position: absolute;left: 40px;bottom: 0;} #news .item:hover{background: #f7f7f7;} #news .item:hover .date-box{color: var(--theme-color);} #news .item:hover .text-box .name, #news .item:hover .text-box .more{color: var(--theme-color);} #news .item:hover .text-box .brief{color: #1a1a1a;} @media (max-width: 1280px) { #news .item{position: relative;} #news .item .date-box{width: 80px;height: 80px;background: var(--theme-color);text-align: center;font-size: 0;position: absolute;top: 50px;left: 0;color: #fff;z-index: 1;} #news .item .date-box .day{font-size: 44px;font-family: GB;line-height: 50px;} #news .item .date-box .date{font-size: 18px;font-family: GB;line-height: 20px;} #news .item:hover .date-box{color: #fff;} #news .item .text-box{width: calc(100% - 360px);} #news .item .text-box .name{margin-bottom: 10px;} } @media (max-width: 1024px) { #news .top-news .text-box{position: relative;background: #0d1930;} #news .item{flex-wrap: wrap;padding-bottom: 25px;} #news .item .pic{width: 100%;height: auto;} #news .item .text-box{width: 100%;padding: 25px 30px 0;} #news .item .text-box .more{position: unset;text-align: right;margin-top: 10px;} #news .top-news .text-box .brief{-webkit-line-clamp: 3;} } @media (max-width: 750px) { #news .top-news .text-box .name{font-size: 30px;margin-bottom: 20px;line-height: 1.5;} #news .top-news .text-box .brief{font-size: 24px;line-height: 1.8;} #news .item .text-box .name{font-size: 30px;line-height: 1.5;} #news .item .text-box .brief{font-size: 24px;line-height: 1.8;} #news .item .text-box .more{font-size: 24px;} } #news-detail{padding-bottom: 120px;} #news-detail .content{display: flex;justify-content: space-between;flex-wrap: wrap;} #news-detail .news-box{width: calc(100% - 360px - 60px);} #news-detail .news-box .name{/**font-size: 36px;**/font-size: 26px;font-weight: bold;margin-bottom: 10px;text-align: center;} #news-detail .news-box .data-box{display: flex;justify-content: center;flex-wrap: wrap;} #news-detail .news-box .data-box .data{font-size: 16px;line-height: 30px;white-space: nowrap;margin-right: 25px;} #news-detail .news-box .data-box .data:last-child{margin-right: 0;} #news-detail .news-box .data-box .data .tit{color: #999999;} #news-detail .news-box .data-box .data .txt{color: #333333;} #news-detail .news-box .detail{margin: 25px 0;padding: 50px 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;font-size: 16px;color: #666666;line-height: 2;} #news-detail .news-box .keyword-box{width: 100%;font-size: 16px;margin-bottom: 60px;} #news-detail .news-box .keyword-box span{ font-size: 20px; color: #888888;} #news-detail .news-box .keyword-box a{ font-size: 20px; color: var(--theme-color);text-decoration: underline;margin-right: 10px;} #news-detail .news-box .btn-box{display: flex;} #news-detail .news-box .btn-box .page-btn{width: calc(100% - 180px);padding-right: 60px;} #news-detail .news-box .btn-box .page-btn .btn{width: fit-content;font-size: 16px;line-height: 35px;} #news-detail .news-box .btn-box .page-btn .btn .tip{ font-size: 20px; color: #888888;} #news-detail .news-box .btn-box .page-btn .btn .tit{ font-size: 20px; color: #333333;} #news-detail .news-box .btn-box .page-btn .btn.cur:hover .tit{color: var(--theme-color);} #news-detail .news-box .btn-box .more{width: 180px;height: 60px;line-height: 60px;font-size: 16px;color: #FFFFFF;background: var(--theme-color);text-align: center;} #news-detail .news-box .btn-box .more .icon{width: 20px;display: inline-block;margin-right: 15px;vertical-align: middle;} #news-detail .news-box .btn-box .more .icon span{display: block;width: 100%;height: 2px;background: #FFFFFF;margin-bottom: 5px;} #news-detail .news-box .btn-box .more .icon span:last-child{margin-bottom: 0;} #news-detail .right-box{width: 360px;} #news-detail .right-box .ad-pic{display: block;margin-bottom: 30px;} #news-detail .right-box .keyword-box{background: #f7f8f9;padding: 30px;margin-bottom: 30px;} #news-detail .right-box .keyword-box .tit{font-size: 18px;font-weight: bold;margin-bottom: 20px} #news-detail .right-box .keyword-box .keyword{font-size: 16px;line-height: 2;} #news-detail .right-box .keyword-box .keyword a{display: inline-block;margin-right: 10px;white-space: nowrap;} #news-detail .right-box .keyword-box .keyword a:hover{color: var(--theme-color);} #news-detail .right-box .news-recommend{background: #f7f8f9;} #news-detail .right-box .news-recommend .tit{font-size: 18px;font-weight: bold;height: 70px;line-height: 70px;padding: 0 30px;border-bottom: 1px solid #e6e6e6;} #news-detail .right-box .news-recommend .news-list{padding: 10px 30px;} #news-detail .right-box .news-recommend .news-list .item{border-bottom: 1px solid #e6e6e6;padding: 15px 0;display: block;} #news-detail .right-box .news-recommend .news-list .item:last-child{border-bottom: unset;} #news-detail .right-box .news-recommend .news-list .item .name{font-size: 16px;line-height: 24px;color: #444444;margin-bottom: 10px;} #news-detail .right-box .news-recommend .news-list .item:hover .name{color: var(--theme-color);} #news-detail .right-box .news-recommend .news-list .item .date{font-size: 14px;line-height: 20px;color: #999999;} @media (max-width: 1280px) { #news-detail .news-box{width: calc(100% - 250px - 60px);} #news-detail .right-box{width: 250px;} } @media (max-width: 750px) { #news-detail .news-box{width: 100%;} #news-detail .right-box{width: 100%;} #news-detail .news-box .name{font-size: 42px;} #news-detail .news-box .data-box .data{font-size: 24px;line-height: 1.5;} #news-detail .news-box .detail{font-size: 26px;} #news-detail .news-box .keyword-box{font-size: 26px;margin-bottom: 30px;} #news-detail .news-box .btn-box .more{display: none;} #news-detail .news-box .btn-box .page-btn{width: 100%;padding-right: 0;margin-bottom: 50px;} #news-detail .news-box .btn-box .page-btn .btn{font-size: 26px;line-height: 60px;} #news-detail .right-box .keyword-box .tit{font-size: 30px;} #news-detail .right-box .keyword-box .keyword a{font-size: 26px;line-height: 2;} #news-detail .right-box .news-recommend .tit{font-size: 30px;height: 80px;line-height: 80px;} #news-detail .right-box .news-recommend .news-list .item{padding-bottom: 30px;} #news-detail .right-box .news-recommend .news-list .item .name{font-size: 26px;line-height: 2;} #news-detail .right-box .news-recommend .news-list .item .date{font-size: 26px;text-align: right;line-height: 1;} } .service{padding-bottom: 100px;} .service .content{display: flex;justify-content: space-between;} .service .detail{font-size: 18px;line-height: 2;} #system{} #system .animation-box{padding: 50px 0;pointer-events: none;} #system .animation-box .circle{width: 60.9375%;padding-top: 60.9375%;margin: 0 auto;position: relative;} #system .animation-box .circle-1{width: 38.46153%;height: 38.46153%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #system .animation-box .text-box-1, #system .animation-box .circle-2{width: 69.23076%;height: 69.23076%;border: 2px solid #ccd2dc;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #system .animation-box .circle-3{width: 100%;height: 100%;border: 1px solid #e8ebef;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #system .animation-box .text-box-1 .tit{font-size: 28px;color: #15284b;width: fit-content;position: absolute;top: -70px;left: 50%;transform: translateX(-50%);} #system .animation-box .text-box-1 .tit:after{content: '';display: block;width: 0;height: 0;border: 14px solid transparent;border-top-color: #15284b;box-sizing: content-box;margin: 5px auto;} #system .animation-box .text-box-1 .text-1{width: 100%;height: 100%;padding-top: calc((100% - 60px)/ 2);padding-left: 5%;position: absolute;top: 0;left: 0;} #system .animation-box .text-box-1 .text-1 .text{width: 60px;height: 60px;border-radius: 50%;background: var(--theme-color);font-size: 18px;color: #FFFFFF;text-align: center;line-height: 60px;} #system .animation-box .text-box-2{width: calc(100% + 60px);height: calc(100% + 60px);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #system .animation-box .text-box-2 .tit{font-size: 28px;color: #15284b;width: fit-content;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);} #system .animation-box .text-box-2 .tit:after{content: '';display: block;width: 0;height: 0;border: 14px solid transparent;border-top-color: #15284b;box-sizing: content-box;margin: 5px auto;} #system .animation-box .text-box-2 .text-2{width: 100%;height: 100%;padding-top: calc((100% - 60px)/ 2);position: absolute;top: 0;left: 0;} #system .animation-box .text-box-2 .text-2 .text{width: 60px;height: 60px;border-radius: 50%;background: var(--theme-color);font-size: 18px;color: #FFFFFF;display: flex;justify-content: center;align-items: center;} #system .animation-box .text-box-2 .text-2 .text .tip{font-size: 16px;line-height: 24px;color: #666666;position: absolute;white-space: nowrap;height: 100%;display: flex;align-items: center;} #system .animation-box .text-box-2 .text-2 .text0 .tip, #system .animation-box .text-box-2 .text-2 .text1 .tip, #system .animation-box .text-box-2 .text-2 .text5 .tip{right: 75px;} #system .animation-box .text-box-2 .text-2 .text2 .tip, #system .animation-box .text-box-2 .text-2 .text3 .tip, #system .animation-box .text-box-2 .text-2 .text4 .tip{left: 75px;} @media (max-width: 1280px) { #system .animation-box{pointer-events: auto;} #system .animation-box .circle{width: 100%;padding: 0;} #system .animation-box .circle-1{width: 200px;height: 200px;position: unset;transform: unset;margin: 0 auto;} #system .animation-box .circle-2, #system .animation-box .circle-3{display: none;} #system .animation-box .text-box-1{position: unset;border: unset;transform: unset;border-radius: unset;width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: center;} #system .animation-box .text-box-1 .tit{position: unset;width: 100%;text-align: center;transform: unset;margin-top: 20px;} #system .animation-box .text-box-1 .text-1{position: unset;width: 60px;height: 60px;padding: 0;margin: 0 20px;transform: unset!important;} #system .animation-box .text-box-1 .text-1 .text{transform: unset!important;} #system .animation-box .text-box-2{position: unset;border: unset;transform: unset;border-radius: unset;width: 100%;height: auto;display: flex;flex-wrap: wrap;} #system .animation-box .text-box-2 .text-2{position: unset;width: 50%;height: auto;transform: unset!important;display: flex;justify-content: start;padding: 20px;} #system .animation-box .text-box-2 .text-2:nth-of-type(2n){justify-content: end;} #system .animation-box .text-box-2 .tit{position: unset;width: 100%;text-align: center;transform: unset;margin-top: 40px;} #system .animation-box .text-box-2 .text-2 .text{transform: unset!important;} #system .animation-box .text-box-2 .text-2 .text0 .tip, #system .animation-box .text-box-2 .text-2 .text2 .tip, #system .animation-box .text-box-2 .text-2 .text4 .tip{right: 90px;left: unset;text-align: right;} #system .animation-box .text-box-2 .text-2 .text1 .tip, #system .animation-box .text-box-2 .text-2 .text3 .tip, #system .animation-box .text-box-2 .text-2 .text5 .tip{left: 90px;right: unset;text-align: left;} } @media (max-width: 750px) { .service .detail{font-size: 26px;line-height: 2;} #system .animation-box .text-box-1 .tit{font-size: 36px;} #system .animation-box .text-box-1 .text-1{width: 80px;height: 80px;margin: 20px 60px;} #system .animation-box .text-box-1 .text-1 .text{width: 80px;height: 80px;line-height: 80px;font-size: 26px;} #system .animation-box .text-box-2 .tit{font-size: 36px;margin-bottom: 20px;} #system .animation-box .text-box-2 .text-2{width: 50%;justify-content: center;padding: 0 40px 40px;} #system .animation-box .text-box-2 .text-2:nth-of-type(2n){justify-content: center;} #system .animation-box .text-box-2 .text-2 .text{width: 80px;height: 80px;margin-bottom: 140px;} #system .animation-box .text-box-2 .text-2 .text img{transform: scale(1.3);} #system .animation-box .text-box-2 .text-2 .text .tip{font-size: 26px;line-height: 2;} #system .animation-box .text-box-2 .text-2 .text0 .tip, #system .animation-box .text-box-2 .text-2 .text2 .tip, #system .animation-box .text-box-2 .text-2 .text4 .tip, #system .animation-box .text-box-2 .text-2 .text1 .tip, #system .animation-box .text-box-2 .text-2 .text3 .tip, #system .animation-box .text-box-2 .text-2 .text5 .tip{right: unset;left: 50%;top: 120px;bottom: unset;transform: translateX(-50%);text-align: center;} } #quality{} #quality .animation-box{width: 100%;padding-top: 76.5625%;position: relative;margin: 80px 0 50px;} #quality .animation-box .data{text-align: center;width: fit-content;position: absolute;z-index: 1;overflow: unset;} #quality .animation-box .data .text{text-align: center;font-size: 18px;line-height: 30px;} #quality .animation-box .data .icon{display: inline-block;width: 30px;height: 30px;border-radius: 50%;text-align: center;font-size: 16px;font-weight: bold;background: #15284b;color: #fff;margin-right: 5px;} #quality .animation-box .line-1{width: 45.546875%;height: 2.448979%;position: absolute;} #quality .animation-box .line-2{width: 28.4375%;height: 23.87755%;position: absolute;} #quality .animation-box .line-3{width: 30.625%;height: 26.224489%;position: absolute;} #quality .animation-box .data0{top: 1%;left: 9.21875%;} #quality .animation-box .data1{top: 0;left: 66.796875%;} #quality .animation-box .data2{top: 22.65306%;left: 38.046875%;} #quality .animation-box .data3{top: 46.22448%;left: 9.296875%;} #quality .animation-box .data4{top: 48.97959%;left: 66.796875%;} #quality .animation-box .data5{top: 76.5306%;left: 37.96875%;} #quality .animation-box .line0{top: 5%;left: 25%;} #quality .animation-box .line1{top: 7.24489%;left: 40.703125%;} #quality .animation-box .line2{top: 30.61224489%;left: 10.703125%;} #quality .animation-box .line3{top: 54.08163%;left: 25%;} #quality .animation-box .line4{top: 56.0204%;left: 38.515625%;} @media (max-width: 1440px) { #quality .animation-box .line0{top: 6%;left: 28%;} #quality .animation-box .line1{top: 8.24489%;left: 42.703125%;} #quality .animation-box .line2{top: 31.61224489%;left: 12.2%;} #quality .animation-box .line3{top: 55.08163%;left: 28.5%;} #quality .animation-box .line4{top: 58.0204%;left: 40%;} } @media (max-width: 1366px) { #quality .animation-box .line0{top: 7%;left: 30%;} #quality .animation-box .line1{top: 9.24489%;left: 44.703125%;} #quality .animation-box .line2{top: 32.61224489%;left: 14.2%;} #quality .animation-box .line3{top: 56.08163%;left: 30.5%;} #quality .animation-box .line4{top: 59.0204%;left: 42%;} #quality .animation-box .data>*{transform: scale(0.8);} } @media (max-width: 1280px) { #quality .animation-box{width: 750px;padding-top: 1300px;margin: 80px auto 0;} #quality .animation-box .def{display: none;} #quality .animation-box .mob{display: block;} #quality .animation-box .line-1, #quality .animation-box .line-2, #quality .animation-box .line-3{width: auto;height: auto;} #quality .animation-box .data>*{transform: scale(1);} #quality .animation-box .data0{top: 1%;left: 3%;} #quality .animation-box .data1{top: 0;left: unset;right: 3%;} #quality .animation-box .data2{top: 24%;left: calc((100% - 264px)/ 2);} #quality .animation-box .data3{top: 50%;left: 3%;} #quality .animation-box .data4{top: 52.5%;left: unset;right: 3%;} #quality .animation-box .data5{top: 78%;left: calc((100% - 264px)/ 2);} #quality .animation-box .line0{top: 3%;left: 33%;} #quality .animation-box .line1{top: 5%;left: 48%;} #quality .animation-box .line2{top: 31%;left: 19%;} #quality .animation-box .line3{top: 56.5%;left: 33%;} #quality .animation-box .line4{top: 58.5%;left: 48%;} } @media (max-width: 1024px) { #quality .animation-box{transform: scale(.8) translate(-11%,-18%);margin-bottom: -350px;} } @media (max-width: 750px) { #quality .animation-box{width: 100%;} #quality .animation-box .data0{top: 1%;left: 0;} #quality .animation-box .data1{top: 0;left: unset;right: 0;} #quality .animation-box .data3{top: 50%;left: 0;} #quality .animation-box .data4{top: 52.5%;left: unset;right: 0;} #quality .animation-box{transform: scale(1) translate(0,0);margin-bottom: 50px;} #quality .animation-box .data .text{font-size: 26px;} #quality .animation-box .data .icon{width: 40px;height: 40px;line-height: 40px;font-size: 24px;} } #service{} #service .animation-box{padding: 0 0 220px;} #service .animation-box .circle-box{width: 32.8125%;padding-top: 32.8125%;position: relative;margin: 0 auto;} #service .animation-box .circle-box .circle{width: 100%;height: 100%;padding: 11.90476%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 2px dotted var(--theme-color);border-radius: 50%;} #service .animation-box .circle-box .data{width: 100%;display: flex;position: absolute;} #service .animation-box .circle-box .data img{width: 129px;height: 61px;display: block;} #service .animation-box .circle-box .data .text-box{width: calc(100% - 129px);padding: 0 20px;} #service .animation-box .circle-box .data .text-box .tit{font-size: 24px;font-weight: bold;line-height: 30px;margin-bottom: 10px;} #service .animation-box .circle-box .data .text-box .txt{font-size: 16px;line-height: 24px;color: #666666;} #service .animation-box .circle-box .data0{top: 3%;right: 89%;flex-direction: row-reverse;text-align: right;} #service .animation-box .circle-box .data0 img{margin-top: 35px;} #service .animation-box .circle-box .data1{top: 3%;left: 89%;} #service .animation-box .circle-box .data1 img{transform:rotateY(180deg);margin-top: 35px;} #service .animation-box .circle-box .data2{top: 74%;right: 89%;flex-direction: row-reverse;text-align: right;} #service .animation-box .circle-box .data2 img{transform:rotateX(180deg);} #service .animation-box .circle-box .data2 .text-box{margin-top: 27px;} #service .animation-box .circle-box .data3{top: 74%;left: 89%;} #service .animation-box .circle-box .data3 img{transform:rotateX(180deg) rotateY(180deg);} #service .animation-box .circle-box .data3 .text-box{margin-top: 27px;} #service .animation-box .circle-box .data4{top: 96.90476%;left: 0;flex-direction: column;align-items: center;} #service .animation-box .circle-box .data4 img{width: 26px;height: 71px;} #service .animation-box .circle-box .data4 .text-box{text-align: center;margin-top: 10px;} #service .data-box{display: flex;flex-wrap: wrap;justify-content: center;margin-top: 50px;} #service .data-box .data{width: 240px;margin-left: -40px;} #service .data-box .data:first-child{margin-left: 0;} #service .data-box .data .pic{width: 240px;height: 240px;border: 10px solid #fff;border-radius: 50%;overflow: hidden;} #service .data-box .data .text-box{padding: 0 20px;margin-top: 10px;text-align: center;margin-bottom: 20px;} #service .data-box .data .text-box .tit{font-size: 22px;margin-bottom: 10px;} #service .data-box .data:hover .text-box .tit{ color: var(--theme-color);} #service .data-box .data .text-box .txt{font-size: 16px;color: #666666;} @media (max-width: 1440px) { #service .animation-box .circle-box .data0{top: 3%;right: 91%;} #service .animation-box .circle-box .data1{top: 3%;left: 91%;} #service .animation-box .circle-box .data2{top: 71%;right: 90%;} #service .animation-box .circle-box .data3{top: 71%;left: 90%;} #service .animation-box .circle-box .data4{top: 96.90476%;left: 0;} #service .data-box{padding: 0 60px;} #service .data-box .data:nth-of-type(4n){margin-left: 0;} } @media (max-width: 1366px) { #service .animation-box .circle-box .data0{top: 3%;right: 91.5%;} #service .animation-box .circle-box .data1{top: 3%;left: 91%;} #service .animation-box .circle-box .data2{top: 71%;right: 89%;} #service .animation-box .circle-box .data3{top: 71%;left: 89%;} #service .animation-box .circle-box .data4{top: 96%;left: 0;} #service .animation-box .circle-box .data{width: 120%;} #service .animation-box .circle-box .data4{left: -10%;} } @media (max-width: 1280px) { #service .data-box{padding: 0;} } @media (max-width: 1024px) { #service .animation-box{padding: 50px 0 80px;} #service .animation-box .circle-box{width: 100%;height: auto;padding-top: 0;} #service .animation-box .circle-box .circle{width: 300px;height: 300px;position: unset;margin: 0 auto;transform: unset;padding: 30px;margin-bottom: 40px;} #service .animation-box .circle-box .data{position: unset;width: 100%;} #service .animation-box .circle-box .data img{display: none;} #service .animation-box .circle-box .data .text-box{width: 100%;text-align: left;margin-top: 0!important;padding-left: 30px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e3e3e3;position: relative;} #service .animation-box .circle-box .data .text-box:before{content: '';display: block;width: 15px;height: 15px;border-radius: 50%;background: var(--theme-color);position: absolute;left: 0;top: 7px;} #service .data-box .data{width: 220px;} #service .data-box .data .pic{width: 220px;height: 220px;} } @media (max-width: 750px) { #service .animation-box .circle-box .circle{width: 520px;height: 520px;padding: 50px;} #service .animation-box .circle-box .data .text-box{padding-left: 50px;} #service .animation-box .circle-box .data .text-box:before{width: 25px;height: 25px;top: 5px;} #service .animation-box .circle-box .data .text-box .tit{font-size: 32px;line-height: 1;} #service .animation-box .circle-box .data .text-box .txt{font-size: 24px;line-height: 2;} #service .data-box .data{width: 240px;} #service .data-box .data .pic{width: 240px;height: 240px;} #service .data-box .data .text-box .tit{font-size: 30px;} #service .data-box .data .text-box .txt{font-size: 24px;} } #download{padding-bottom: 120px;} #download .top-box{padding: 25px 50px;background: #f7f8f9;} #download .top-box .top{display: flex;flex-direction: row-reverse;border-bottom: 1px solid #e7eaed;} #download .top-box .top form{width: 280px;height: 50px;line-height: 50px;background: #fff;display: flex;position: relative;} #download .top-box .top form input[type='text']{width: calc(100% - 50px);height: 100%;padding: 0 20px;font-size: 16px;} #download .top-box .top form input[type='submit']{width: 50px;height: 50px;cursor: pointer;position: relative;z-index: 1;} #download .top-box .top form svg{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);fill: #6c6c6c;} #download .top-box .top form input[type='submit']:hover+svg{fill: var(--theme-color);} /*#download .top-box .top [tab]{width: calc(100% - 280px);display: flex;align-items: start;flex-wrap: wrap;}*/ /*#download .top-box .top [tab]>a{font-size: 16px;margin-right: 60px;height: 75px;line-height: 50px;}*/ /*#download .top-box .top [tab]>a:hover,*/ /*#download .top-box .top [tab] .cur{border-bottom: 2px solid var(--theme-color);color: var(--theme-color);font-weight: bold;}*/ /*#download .top-box [tab-contents] li{display: flex;flex-wrap: wrap;padding-top: 25px;}*/ /*#download .top-box [tab-contents] li a{display: block;height: 50px;line-height: 50px;margin-right: 45px;font-size: 16px;color: #666666;}*/ /*#download .top-box [tab-contents] li a:hover,*/ /*#download .top-box [tab-contents] li a.cur{font-weight: bold;color: var(--theme-color);}*/ #download .top-box .top ul{width: calc(100% - 280px);display: flex;align-items: start;flex-wrap: wrap;} #download .top-box .top ul>a{font-size: 16px;margin-right: 60px;height: 75px;line-height: 50px;} #download .top-box .top ul>a:hover, #download .top-box .top ul .cur{border-bottom: 2px solid var(--theme-color);color: var(--theme-color);font-weight: bold;} #download .top-box ul li{display: flex;flex-wrap: wrap;padding-top: 25px;} #download .top-box ul li a{display: block;height: 50px;line-height: 50px;margin-right: 45px;font-size: 16px;color: #666666;} #download .top-box ul li a:hover, #download .top-box ul li a.cur{font-weight: bold;color: var(--theme-color);} #download .download-box{margin-bottom: 60px;} #download .download-box .row{display: flex;padding: 30px 0;line-height: 30px;font-size: 16px;border-bottom: 2px solid #e3e6ea;cursor: pointer;} #download .download-box .row:hover{border-bottom-color: var(--theme-color);} #download .download-box .row .tip{color: #999999;} #download .download-box .row .name{width: 46.25%;padding-left: 30px;} #download .download-box .row:hover .name{color: var(--theme-color);font-weight: bold;} #download .download-box .row .date{width: 18.75%;padding-left: 30px;} #download .download-box .row .size{width: 15%;padding-left: 30px;} #download .download-box .row .times{width: 14.375%;padding-left: 30px;} #download .download-box .row .icon{width: 5.625%;} @media (max-width: 1680px) { #download .download-box .row .name{width: calc(100% - 260px - 210px - 180px - 65px);} #download .download-box .row .date{width: 260px;} #download .download-box .row .size{width: 210px;} #download .download-box .row .times{width: 180px;} #download .download-box .row .icon{width: 65px;} } @media (max-width: 1440px){ #download .download-box .row .name{width: calc(100% - 260px - 210px - 65px);} #download .download-box .row .times{display: none} } @media (max-width: 1366px){ #download .top-box .top [tab]>a{margin-right: 25px;} } @media (max-width: 1280px){ #download .download-box .row .date{width: 230px;} #download .download-box .row .size{display: none;} #download .download-box .row .name{width: calc(100% - 230px - 65px);} } @media (max-width: 1280px){ #download .top-box{padding: 25px 25px;} #download .top-box .top [tab]>a{margin-right: 20px;} } @media (max-width: 1024px){ #download .top-box .top{flex-direction: column;} #download .top-box .top form{width: 100%;margin-bottom: 20px;} #download .top-box .top [tab]{width: 100%;} } @media (max-width: 750px){ #download .top-box .top form{height: 80px;line-height: 80px;} #download .top-box .top form input[type='text']{width: calc(100% - 80px);font-size: 26px;} #download .top-box .top form input[type='submit']{width: 80px;height: 80px;} #download .top-box .top form svg{right: 30px;transform: scale(1.5) translateY(-30%);} #download .top-box .top [tab]>a{font-size: 26px;} #download .download-box .row .date{width: 210px;} #download .download-box .row .name{width: calc(100% - 210px - 65px);} #download .download-box .row .date .tip{display: none;} #download .download-box .row{font-size: 26px;line-height: 2;} } #question{padding-bottom: 40px;} #question .top-box{display: flex;padding: 10px 10px 10px 20px;background: #f7f8f9;align-items: start;justify-content: space-between;margin-bottom: 20px;} #question .top-box .category{width: calc(100% - 150px);} #question .top-box .category a{height: 40px;line-height: 40px;margin-right: 60px;display: inline-block;font-size: 16px;} #question .top-box .category a:before{content: '';width: 8px;height: 2px;line-height: 40px;display: inline-block;background: #888888;margin-right: 10px;vertical-align: middle;} #question .top-box .category a:hover, #question .top-box .category a.cur{color: var(--theme-color);font-weight: bold;} #question .top-box .category a:hover:before, #question .top-box .category a.cur:before{background: var(--theme-color);} #question .top-box .btn{max-width: 150px;padding: 0 20px;height: 40px;border-radius: 4px;line-height: 40px;background: #15284b;color: #fff;font-size: 16px;text-align: center;} #question .top-box .btn img{margin-right: 5px;vertical-align: middle;} #question .top-box .btn:hover, #question .top-box .btn.cur{background: var(--theme-color);} #question .problem-box{margin-bottom: 60px;} #question .problem-box .problem{padding: 35px 0;border-bottom: 2px solid #f2f2f2;} #question .problem-box .problem .tit{display: flex;align-items: center;} #question .problem-box .problem .tit .icon-yuan{margin: 0 20px;width: 15px;height: 15px;border: 3px solid #cccccc;border-radius: 50%;} #question .problem-box .problem .tit .text-box{width: calc(100% - 55px - 8.984375%);display: flex;} #question .problem-box .problem .tit .text-box .name{font-size: 16px;color: #1a1a1a;line-height: 26px;width: 100%;} #question .problem-box .problem .tit .text-box .right{display: flex;justify-content: end;width: 0;overflow: hidden;font-size: 16px;align-items: center;} #question .problem-box .problem .tit .text-box .right>div{white-space: nowrap;} #question .problem-box .problem .tit .text-box .right>div:first-child{margin-right: 30px;} #question .problem-box .problem .tit .text-box .right>div>span:first-child{color: #999999;margin-right: 10px;} #question .problem-box .problem .tit .text-box .right>div>span:last-child{color: #333333;} #question .problem-box .problem .tit .icon-jiantou{width: 8.984375%;padding-right: 30px;text-align: right;} #question .problem-box .problem .tit .icon-jiantou svg{fill: #888888;transform: rotate(90deg);} #question .problem-box .problem .detail-box{height: 0;overflow: hidden;} #question .problem-box .problem .detail-box .detail{padding: 35px 8.984375% 0 55px;font-size: 16px;color: #666666;word-break: break-word;} #question .problem-box .problem:hover, #question .problem-box .problem.cur{background: #f7f8f9;} #question .problem-box .problem:hover .tit .icon-yuan, #question .problem-box .problem.cur .tit .icon-yuan{border-color: var(--theme-color);} #question .problem-box .problem:hover .tit .text-box .name{font-size: 18px;font-weight: bold;} #question .problem-box .problem.cur .tit .text-box .name{font-size: 18px;font-weight: bold;width: calc(100% - 300px);} #question .problem-box .problem.cur .tit .text-box .right{width: 300px;} #question .problem-box .problem:hover .tit .icon-jiantou svg{fill: var(--theme-color);} #question .problem-box .problem.cur .tit .icon-jiantou svg{fill: var(--theme-color);transform: rotate(270deg);} #question .problem-form.detail{font-size: 16px;color: #888888;padding: 5px 0 25px;} #question form{padding: 50px 50px 70px;background: #f7f8f9;font-size: 0;} #question form input[type='text']{width: calc((100% - 40px)/ 2);height: 60px;line-height: 60px;margin-right: 40px;padding: 0 20px;font-size: 16px;background: #fff;margin-bottom: 40px;} #question form input[type='text']::placeholder{color: #666666;} #question form input[type='text']:nth-of-type(2n){margin-right: 0;} #question form textarea{width: 100%;height: 200px;padding: 10px 20px;font-size: 16px;line-height: 30px;background: #fff;margin-bottom: 40px;} #question form textarea::placeholder{color: #666666;} #question form .btn-box{display: flex;justify-content: space-between;} #question form .btn-box .contact-btn{display: block;width: 200px;height: 60px;line-height: 60px;background: #15284b;text-align: center;font-size: 16px;color: #fff;} #question form .btn-box .contact-btn *{vertical-align: middle;} #question form .btn-box .contact-btn img{margin-right: 10px;} #question form .btn-box .more{width: 200px;height: 60px;line-height: 60px;font-size: 16px;color: #15284b;background: #fff;text-align: center;} #question form .btn-box .more .icon{width: 20px;display: inline-block;margin-right: 15px;vertical-align: middle;} #question form .btn-box .more .icon span{display: block;width: 100%;height: 2px;background: #15284b;margin-bottom: 5px;} #question form .btn-box .more .icon span:last-child{margin-bottom: 0;} #question form .btn-box input[type='submit']{display: block;width: 200px;height: 60px;line-height: 60px;background: var(--theme-color);text-align: center;font-size: 16px;color: #fff;cursor: pointer;} @media (max-width: 1280px){ #question .top-box .category a{margin-right: 40px;} } @media (max-width: 1200px){ #question .top-box .category a{margin-right: 25px;} } @media (max-width: 1024px){ #question .problem-box .problem.cur .tit .text-box .right{width: 140px;} #question .problem-box .problem .tit .text-box .right>div:first-child{margin-right: 0;} #question .problem-box .problem.cur .tit .text-box .right .reading{display: none;} #question .problem-box .problem.cur .tit .text-box .name{width: calc(100% - 140px);} #question form .btn-box .more{display: none;} } @media (max-width: 750px){ #question .top-box .category a{height: 60px;line-height: 60px;font-size: 26px;} #question .top-box .category{width: calc(100% - 180px);} #question .top-box .btn{max-width: 180px;height: 60px;line-height: 60px;font-size: 26px;} #question .problem-box .problem .tit .icon-yuan{width: 20px;height: 20px;} #question .problem-box .problem .tit .text-box .name{font-size: 26px;line-height: 1.5;width: 100%;} #question .problem-box .problem.cur .tit .text-box .name{width: 100%;} #question .problem-box .problem:hover .tit .text-box .name{font-size: 26px;line-height: 1.5;font-weight: unset;} #question .problem-box .problem.cur .tit .text-box .name{font-size: 28px;font-weight: bold;} #question .problem-box .problem.cur .tit .text-box .right{display: none;} #question .problem-box .problem .tit .icon-jiantou svg{transform: scale(1.5) rotate(90deg);} #question .problem-box .problem.cur .tit .icon-jiantou svg{transform: scale(1.5) rotate(270deg);} #question .problem-box .problem .detail-box .detail{font-size: 26px;line-height: 2;} #question .problem-box .problem:hover .tit .icon-yuan{border-color: #ccc;} #question .problem-box .problem.cur .tit .icon-yuan{border-color: var(--theme-color);} #question .problem-box .problem:hover .tit .icon-jiantou svg{fill: #888888;} #question .problem-box .problem.cur .tit .icon-jiantou svg{fill: var(--theme-color);} #question .problem-box .problem:hover{background: #fff;} #question .problem-box .problem.cur{background: #f7f8f9;} #question .problem-form.detail{font-size: 26px;line-height: 2;} #question form input[type='text']{width: 100%;margin-right: 0;height: 80px;line-height: 80px;font-size: 26px;} #question form textarea{font-size: 26px;line-height: 40px;} #question form .btn-box input[type='submit'], #question form .btn-box .contact-btn{width: calc((100% - 40px)/ 2);font-size: 26px;height: 70px;line-height: 70px;} #question form .btn-box .contact-btn *{vertical-align: unset;} } .about{padding-bottom: 100px;} .about .content{display: flex;justify-content: space-between;} .about .detail{font-size: 18px;line-height: 2;} @media (max-width: 1024px){ .about .detail{font-size: 26px;line-height: 2;} } #company{} #company .text-box{display: flex;margin: 80px 0 140px;} #company .text-box .detail{width: calc(100% - 580px);padding-right: 20px;} #company .text-box .pic-box{width: 580px;perspective: 500px;display: flex;align-items: center;} #company .text-box .pic-box .video-box{width: 100%;padding-top: 54.545454%;position: relative;transform: rotateY(-10deg);overflow: hidden;} #company .text-box .pic-box .video-box .video{width: 100%; height: 100%; object-fit: cover;position: absolute;top: 0;left: 0;cursor: pointer;} #company .text-box .pic-box .video-box .video-pic{width: 100%; height: 100%;position: absolute;top: 0;left: 0;background: #0d1930;cursor: pointer;} #company .text-box .pic-box .video-box .video-pic .pic{width: 100%; height: 100%;opacity: 0.55;} #company .text-box .pic-box .video-box .video-pic .icon-box{position: absolute;top: 50%;left: 50%;transform: scale(.95) translate(-50%,-50%);border-radius: 50%;background: rgba(255,255,255,.1);} #company .text-box .pic-box .video-box.cur{transform: rotateY(0);} #company .data-box{display: flex;flex-wrap: wrap;margin: 50px 0 100px;} #company .data-box .data{width: calc((100% - 60px)/ 4);height: 140px;background: #f7f8f9;margin-right: 20px;margin-bottom: 20px;padding: 20px;} #company .data-box .data:nth-child(4n){margin-right: 0;} #company .data2-box{display: flex;flex-wrap: wrap;/**margin: 60px 0 100px;**/justify-content: center;} #company .data2-box .data{width: 350px;height: 350px;border-radius: 50%;background: rgba(103,187,201,.2);display: flex;flex-direction: column;align-items: center;flex-wrap: wrap;margin: 0 -15px 20px;text-align: center;} #company .data2-box .data img{margin-top: 100px;margin-bottom: 20px;} #company .data2-box .data .name{font-size: 26px;font-weight: bold;margin-top:126px;margin-bottom: 5px;} #company .data2-box .data .text{font-size: 18px;width: 70%;margin: 0 auto;} #company .data2-box .data:hover img{margin-top: 85px;} #company .data2-box .data:hover .name{font-size: 26px;} #company .data2-box .data:hover .text{font-size: 18px;} @media (max-width: 1440px){ #company .data2-box .data{width: 300px;height: 300px;} #company .data2-box .data img{margin-top: 80px;} } @media (max-width: 1366px){ #company .text-box{flex-wrap: wrap;} #company .text-box .detail{width: 100%;} #company .text-box .pic-box{width: 100%;} #company .text-box .pic-box .video-box{transform: unset;margin-top: 50px;} #company .data-box .data{width: calc((100% - 40px)/ 3);} #company .data-box .data:nth-child(4n){margin-right: 20px;} #company .data-box .data:nth-child(3n){margin-right: 0;} } @media (max-width: 1280px){ #company .data2-box .data{width: 250px;height: 250px;} #company .data2-box .data img{margin-top: 50px;} #company .data2-box .data .text{width: 65%;} } @media (max-width: 1024px){ #company .data-box .data{width: calc((100% - 20px)/ 2);} #company .data-box .data:nth-child(3n){margin-right: 20px;} #company .data-box .data:nth-child(2n){margin-right: 0;} #company .data2-box{display: block;} #company .data2-box .data{width: 300px;height: 300px;margin: -40px auto;} #company .data2-box .data:first-child{margin-top: 0;} #company .data2-box .data img{margin-top: 80px;} #company .data2-box .data .text{width: 70%;} #company .detail{font-size: 26px;line-height: 2;} } @media (max-width: 750px){ #company .detail{font-size: 26px;line-height: 2;} #company .data2-box .data{width: 400px;height: 400px;margin: -40px auto;} #company .data2-box .data img{margin-top: 100px;} #company .data2-box .data .name{font-size: 30px;} #company .data2-box .data .text{font-size: 26px;line-height: 1.5;} } #strength{} #strength .data-box{display: flex;flex-wrap: wrap;margin: 30px 0 30px;} #strength .data-box .data{width: calc((100% - 80px)/ 3);margin-right: 40px;background: #f7f8f9;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 35px;margin-bottom: 40px;} #strength .data-box .data:nth-child(3n){margin-right: 0;} #strength .data-box .data .logo{height: 60px;margin-bottom: 15px;} #strength .data-box .data .name{font-size: 18px;color: #15284b;} #strength .map-box{margin-bottom: 110px;position: relative;} #strength .map-box .data2-box{position: absolute;top: 0;left: 0;height: 100%;display: flex;flex-direction: column;justify-content: space-around;padding-bottom: 50px;z-index: 1;} #strength .map-box .data2-box .data .number{font-size: 50px;font-family: GM;color: var(--theme-color);text-align: left;} #strength .map-box .data2-box .data .number .unit{font-size: 30px;} #strength .map-box .data2-box .data .tit{font-size: 16px;text-align: left;} #strength .map-box .map{position: relative;} #strength .map-box .map .sign-box{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #strength .map-box .map .sign-box .sign{position: absolute;width: 6px;height: 6px;transform: translate(-50%,50%);} #strength .map-box .map .sign-box .sign .icon{width: 100%;height: 100%;border-radius: 50%;background: var(--theme-color);position: relative;} #strength .map-box .map .sign-box .sign:nth-child(1) .icon, #strength .map-box .map .sign-box .sign:nth-child(2) .icon, #strength .map-box .map .sign-box .sign:nth-child(3) .icon{background: #ffc600;} #strength .map-box .map .sign-box .sign .icon div{width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;background-color: inherit;} #strength .map-box .map .sign-box .sign .icon div{animation: map-sign 2.5s infinite linear;} #strength .animation-box{padding: 200px 0 220px;} #strength .animation-box .circle-box{width: 32.8125%;padding-top: 32.8125%;position: relative;margin: 0 auto;} #strength .animation-box .circle-box .circle{width: 100%;height: 100%;padding: 11.90476%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border: 2px dotted var(--theme-color);border-radius: 50%;} #strength .animation-box .circle-box .data{width: 100%;display: flex;position: absolute;} #strength .animation-box .circle-box .data img{width: 129px;height: 61px;display: block;} #strength .animation-box .circle-box .data .text-box{width: calc(100% - 129px);padding: 0 20px;} #strength .animation-box .circle-box .data .text-box .tit, #strength .animation-box .circle-box .data .text-box .txt{font-size: 20px;font-weight: bold;line-height: 30px;} #strength .animation-box .circle-box .data0{top: 3%;right: 89%;flex-direction: row-reverse;text-align: right;} #strength .animation-box .circle-box .data0 img{margin-top: 35px;} #strength .animation-box .circle-box .data1{top: 3%;left: 89%;} #strength .animation-box .circle-box .data1 img{transform:rotateY(180deg);margin-top: 35px;} #strength .animation-box .circle-box .data2{top: 74%;right: 89%;flex-direction: row-reverse;text-align: right;} #strength .animation-box .circle-box .data2 img{transform:rotateX(180deg);} #strength .animation-box .circle-box .data2 .text-box{margin-top: 27px;} #strength .animation-box .circle-box .data3{top: 74%;left: 89%;} #strength .animation-box .circle-box .data3 img{transform:rotateX(180deg) rotateY(180deg);} #strength .animation-box .circle-box .data3 .text-box{margin-top: 27px;} #strength .animation-box .circle-box .data4{top: 96.90476%;left: 0%;flex-direction: column;align-items: center;} #strength .animation-box .circle-box .data4 img{width: 26px;height: 71px;} #strength .animation-box .circle-box .data4 .text-box{text-align: center;margin-top: 10px;} #strength .animation-box .circle-box .data5{bottom: 96.90476%;left: 0%;flex-direction: column-reverse;align-items: center;} #strength .animation-box .circle-box .data5 img{width: 26px;height: 71px;transform: rotateX(180deg);} #strength .animation-box .circle-box .data5 .text-box{text-align: center;margin-bottom: 10px;} @media (max-width: 1440px){ #strength .animation-box .circle-box .data{width: 120%;} #strength .animation-box .circle-box .data0{top: 3%;right: 91%;} #strength .animation-box .circle-box .data1{top: 3%;left: 91%;} #strength .animation-box .circle-box .data2{top: 74%;right: 87%;} #strength .animation-box .circle-box .data3{top: 74%;left: 87%;} #strength .animation-box .circle-box .data4{top: 96%;left: -10%;} #strength .animation-box .circle-box .data5{bottom: 96%;left: -10%;} #strength .animation-box .circle-box .data4 .text-box, #strength .animation-box .circle-box .data5 .text-box{width: 100%;} } @media (max-width: 1366px){ #strength .animation-box .circle-box .data .text-box .tit, #strength .animation-box .circle-box .data .text-box .txt{font-size: 18px;} } @media (max-width: 1280px){ #strength .map-box .data2-box{position: unset;flex-direction: row;} #strength .map-box .data2-box .data .tit{text-align: center;} #strength .data-box .data .name{font-size: 16px;} #strength .map-box .map{pointer-events: none;margin-left: -120px;width: calc(100% + 120px);} #strength .animation-box .circle-box .data{width: 130%;} #strength .animation-box .circle-box .data0{top: 3%;right: 93%;} #strength .animation-box .circle-box .data1{top: 3%;left: 92%;} #strength .animation-box .circle-box .data2{top: 74%;right: 86%;} #strength .animation-box .circle-box .data3{top: 74%;left: 86%;} #strength .animation-box .circle-box .data4{top: 95%;left: -15%;} #strength .animation-box .circle-box .data5{bottom: 95%;left: -15%;} #strength .animation-box .circle-box .data .text-box .tit, #strength .animation-box .circle-box .data .text-box .txt{font-size: 16px;} } @media (max-width: 1024px){ #strength .data-box{justify-content: center;} #strength .data-box .data{width: calc((100% - 40px)/ 2);} #strength .data-box .data:nth-child(3n){margin-right: 40px;} #strength .data-box .data:nth-child(2n){margin-right: 0;} #strength .map-box .map{pointer-events: none;margin-left: -100px;width: calc(100% + 100px);} #strength .animation-box{padding: 50px 0 40px;} #strength .animation-box .circle-box{width: 100%;height: auto;padding-top: 0;} #strength .animation-box .circle-box .circle{width: 300px;height: 300px;position: unset;margin: 0 auto;transform: unset;padding: 30px;margin-bottom: 40px;} #strength .animation-box .circle-box .data{position: unset;width: 100%;} #strength .animation-box .circle-box .data img{display: none;} #strength .animation-box .circle-box .data .text-box{width: 100%;text-align: left;margin-top: 0!important;padding-left: 30px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e3e3e3;position: relative;} #strength .animation-box .circle-box .data .text-box:before{content: '';display: block;width: 15px;height: 15px;border-radius: 50%;background: var(--theme-color);position: absolute;left: 0;top: 7px;} } @media (max-width: 750px){ #strength .data-box .data{width: 100%;margin-right: 0!important;padding: 40px;} #strength .data-box .data .logo{height: 150px;} #strength .data-box .data .logo img{transform: scale(1.5);} #strength .data-box .data .name{font-size: 26px;} #strength .map-box .data2-box .data .number{font-size: 60px;} #strength .map-box .data2-box .data .number .unit{font-size: 40px;} #strength .map-box .data2-box .data .tit{font-size: 26px;} #strength .animation-box .circle-box .circle{width: 520px;height: 520px;padding: 50px;} #strength .animation-box .circle-box .data .text-box{padding-left: 50px;} #strength .animation-box .circle-box .data .text-box:before{width: 25px;height: 25px;top: 5px;} #strength .animation-box .circle-box .data .text-box .tit{font-size: 32px;line-height: 1;} #strength .animation-box .circle-box .data .text-box .txt{font-size: 24px;line-height: 2;} } #contact{} #contact .contact{margin-bottom: 100px;display: flex;justify-content: space-between;flex-wrap: wrap;} #contact .contact .text-box{width: 54%;} #contact .contact .text-box .item{padding: 30px;border-radius: 15px;background: #f7f8f9;margin-bottom: 10px;display: flex;} #contact .contact .text-box .item .icon{width: 40px;margin-right: 15px;} #contact .contact .text-box .item .text{width: calc(100% - 40px - 15px);} #contact .contact .text-box .item .text .tit{font-size: 20px;font-weight: bold;line-height: 35px;margin-bottom: 10px;} #contact .contact .text-box .item .text .txt{font-size: 16px;line-height: 2;} #contact .contact .text-box .item .text .txt:hover a{color: var(--theme-color);} #contact .contact .text-box .item .btn-box{display: flex;flex-direction: column;justify-content: end;} #contact .contact .text-box .item .btn-box .btn{width: 120px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;border-radius: 8px;background: var(--theme-color);display: block;} #contact .contact .text-box .item2 .text{width: calc(100% - 40px - 15px - 120px);} #contact .contact .text-box .item .url{text-decoration:underline;width: 48%;margin-right: 3%;margin-bottom: 5px;} #contact .contact .text-box .item .url:nth-child(2n){margin-right: 0;} #contact .contact .text-box .item .url:hover{color: var(--theme-color);} #contact .contact .text-box .item .data2-box{display: flex;flex-wrap: wrap;} #contact .contact .text-box .item .data2-box .data{display: flex;flex-direction: column;align-items: center;margin-right: 30px;position: relative;} #contact .contact .text-box .item .data2-box .data .icon2{width: 36px;height: 36px;border-radius: 50%;background: #edeff1;} #contact .contact .text-box .item .data2-box .data .name{font-size: 14px;color: #666666;line-height: 2;} #contact .contact .text-box .item .data2-box .data:hover .name{color: var(--theme-color);} #contact .contact .text-box .item .code-box{width: 120px;border-radius: 8px;background: #fff;position: absolute;bottom: calc(100% + 10px);padding: 10px;box-shadow: 0 0 10px 0 rgba(0,0,0,.2);} #contact .contact .map-box{width: calc(46% - 40px);position: relative;margin-bottom: 10px;border-radius: 15px;overflow: hidden;} #contact .contact .map-box .text-box{width: 100%;padding: 30px;background: #f7f8f9;position: absolute;bottom: 0;left: 0;display: flex;} #contact .contact .map-box .text-box .icon{width: 40px;margin-right: 15px;} #contact .contact .map-box .text-box .text{width: calc(100% - 40px - 15px);} #contact .contact .map-box .text-box .text .tit{font-size: 20px;font-weight: bold;line-height: 35px;} #contact .contact .map-box .text-box .text .txt{font-size: 16px;line-height: 2;} #contact .contact .map-box .map{width: 100%;height: 100%;position: relative;overflow: hidden;} /* #contact .contact .map-box .map img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;} */ #contact form{padding: 50px 50px 70px;background: #f7f8f9;font-size: 0;} #contact form input[type='text']{width: calc((100% - 40px)/ 2);height: 60px;line-height: 60px;margin-right: 40px;padding: 0 20px;font-size: 16px;background: #fff;margin-bottom: 40px;} #contact form input[type='text']::placeholder{color: #666666;} #contact form input[type='text']:nth-of-type(2n){margin-right: 0;} #contact form textarea{width: 100%;height: 200px;padding: 10px 20px;font-size: 16px;line-height: 30px;background: #fff;margin-bottom: 40px;} #contact form textarea::placeholder{color: #666666;} #contact form .btn-box{display: flex;justify-content: space-between;} #contact form .btn-box .contact-btn{display: block;width: 200px;height: 60px;line-height: 60px;background: #15284b;text-align: center;font-size: 16px;color: #fff;} #contact form .btn-box .contact-btn *{vertical-align: middle;} #contact form .btn-box .contact-btn img{margin-right: 10px;} #contact form .btn-box input[type='submit']{display: block;width: 200px;height: 60px;line-height: 60px;background: var(--theme-color);text-align: center;font-size: 16px;color: #fff;cursor: pointer;} @media (max-width: 1280px){ #contact .contact .text-box{width: 100%;} #contact .contact .map-box{width: 100%;height: 500px;} } @media (max-width: 1000px){ #contact .contact .text-box .item .url{display: block;margin-right: 0;} } @media (max-width: 750px){ #contact .contact .text-box .item{margin-bottom: 20px;} #contact .contact .map-box{height: 600px;} #contact .contact .map-box .text-box .text .tit, #contact .contact .text-box .item .text .tit{font-size: 32px;margin-bottom: 20px;} #contact .contact .map-box .text-box .text .txt, #contact .contact .text-box .item .text .txt{font-size: 26px;} #contact .contact .text-box .item .data2-box .data .icon2{width: 80px;height: 80px;} #contact .contact .text-box .item .data2-box .data .icon2 img{transform: scale(1.5);} #contact .contact .text-box .item .data2-box .data .name{font-size: 24px;} #contact .contact .text-box .item .code-box{width: 200px;} #contact form input[type='text']{width: 100%;height: 80px;line-height: 80px;margin-right: 0;font-size: 26px;} #contact form textarea{font-size: 26px;line-height: 40px;} #contact form .btn-box input[type='submit'], #contact form .btn-box .contact-btn{width: calc((100% - 40px)/ 2);font-size: 26px;height: 70px;line-height: 70px;} #contact form .btn-box .contact-btn *{vertical-align: unset;} } #privacy{padding: 100px 0;} #privacy .detail{font-size: 18px;line-height: 2;} @media (max-width: 750px){ #privacy .detail{font-size: 26px;} } #sitemap{padding: 50px 0;} #sitemap .item{padding: 20px 0;margin-bottom: 20px;border-bottom: 1px solid #15284b;} #sitemap .item .title{width: fit-content;display: block;font-size: 20px;font-weight: bold;margin-bottom: 20px;} #sitemap .item .one{font-size: 18px;margin-right: 20px;margin-bottom: 20px;display: inline-block;} #sitemap .item *[href]:hover{color: var(--theme-color);} @media (max-width: 750px){ #sitemap .item .title{font-size: 30px;} #sitemap .item .one{font-size: 26px;} } #content {padding:0px 0 80px 0px;} #content .detail{font-size:18px;line-height:2;} @media (max-width:750px) { #content .detail,#content .detail *{font-size:30px !important;} }