:root{ --ThemeColor:#004898; --ThemeColor2:#e5004f; --paddingLeft:72px; --headHeight:100px; } .i-pic img{height:100%;object-fit:cover;} .i-pic video{width:100%;height:100%;object-fit:cover;} .ct img,.ct video{object-fit:contain;} .cv img,.cv video{object-fit:cover;} .not_info{font-size:18px;color:var(--ThemeColor);} @media screen and (max-width:750px) { .not_info{font-size:30px;} } @keyframes expand{ 0%{opacity:0;transform:scale(5.6);} 50%{opacity:0.5;transform:scale(10)} to{opacity:0;transform:scale(15);} } @keyframes expand2{ 0%{opacity:0;transform:scale(3);} 50%{opacity:0.5;} to{opacity:0;transform:scale(5);} } @keyframes small_expand{ 0%{opacity:0;transform:scale(1);} 50%{opacity:1;} to{opacity:0;transform:scale(3);} } @keyframes small_expand2{ 0%{opacity:0;transform:scale(1);} 50%{opacity:1;} to{opacity:0;transform:scale(5);} } /* 头部 */ #header{top: 0;left: 0;z-index:10;width:100%;height:var(--headHeight);padding-top:10px;} /* logo */ #header .logo img{max-height:90%;object-fit:contain;} /* 导航 */ #header .hnav{flex: 1;padding: 0 30px;} #header .one_nav{margin-right:var(--paddingLeft);} #header .one_nav:last-child{margin-right:0;} #header .one_nav .nav_a{font-size:18px;color:#f1f1f1;font-weight:500;text-align:center;line-height:calc(var(--headHeight) - 11px);white-space:nowrap;position:relative;} #header .one_nav .nav_a::after{content: '';position: absolute;left: 50%;transform: translateX(-50%); top: 68px;width: 5px;height: 5px;border: 3px solid transparent;border-radius: 50%;z-index: 2;transition: 0.3s;} #header .one_nav.cur .nav_a::after, #header .one_nav:hover .nav_a::after{border-color: var(--ThemeColor2);} /* PC导航下拉 */ #header .two_nav{min-width:120px;height:0;overflow:hidden;top:100%;left:50%;transform:translateX(-50%);z-index:9;} #header .two_nav .hnavbg{padding-top:10px;} #header .two_nav .hnavbg .two_nav_list{padding:10px 0;background-color:#fff;box-shadow: 0px 20px 40px 0px rgba(0, 72, 152, 0.15);border-radius:10px;} #header .two_nav .hnavbg .tnav_a{font-size:16px;color:#333;white-space:nowrap;font-weight:500;line-height:40px;text-align:center;padding:0 20px;} #header .two_nav .hnavbg .tnav_a:hover{color:var(--ThemeColor);} /* 对比导航 */ #header_nav_width_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;} #header_nav_width_compare .head_nav_list{margin:0 30px;} #header_nav_width_compare .head_nav_list .li{font-size: 18px;margin-left: var(--paddingLeft);} #header_nav_width_compare .head_nav_list .li:first-of-type{margin-left: 0;} /* 右侧 */ #header .h_btn{margin-left:50px;border: .8px rgba(255, 255, 255 ,0.2) solid;border-radius: 26px;max-width: 210px;height: 52px;padding:0 25px;} #header .search{width:18px;height:18px;} #header .search .svg{fill:#fff;width:100%;height:100%;} #header .lang{margin-left:35px;} #header .lang .txt{font-size:18px;color: rgba(241, 241, 241, 0.502);line-height:1;} #header .lang .txt:hover, #header .lang .txt.cur{color:#f1f1f1;} #header .lang .line{font-size:18px;color:rgba(241, 241, 241, 0.302);margin:0 20px;line-height:1;} /* 菜单样式 */ #header .menu{display:none;width:25px;height:20px;margin-left:30px;} #header .menu .menu_bar{display:block;width:100%;height:2px;background-color:#fff;transform-origin:0;} #header .menu .menu_bar:nth-child(2){width:80%;} #header .menu.cur .menu_bar:nth-child(1){transform:rotateZ(45deg);} #header .menu.cur .menu_bar:nth-child(2){display:none;} #header .menu.cur .menu_bar:nth-child(3){transform:rotateZ(-45deg);} /* 导航占位 */ #m_header_blank{display:none;width:100%;height:var(--headHeight);} /* 移动端导航下拉 */ #m_nav{width: 100%;height: 0;z-index:50;left: 0;right: 0;top:var(--headHeight); background: #fff;overflow-y: auto;} #m_nav.cur{height: calc(100vh - var(--headHeight));} #m_nav .nav{width:100%;border-top:1px solid rgba(0, 0, 0, .2);} #m_nav .one_nav .one{padding:0 30px;border-bottom: 1px solid rgba(0, 0, 0, .2);} #m_nav .one_nav .one .icon{width:20px;height:20px;} #m_nav .one_nav .one .icon .svg{width:100%;height:100%;fill:#333;} #m_nav .one_nav.cur .one .icon{transform:rotate(90deg);} #m_nav .one_nav .one .one_a{font-size:18px;line-height:60px;color:#333;font-weight:500;} #m_nav .one_nav .two_nav{width: 100%;background: #f7f7f7;} #m_nav .one_nav .two_nav>div{border-bottom: 1px solid rgba(0, 0, 0, .1);} #m_nav .one_nav .two_nav .two_a{font-size: 16px;line-height:50px;color:#333;font-weight:500;padding: 0 30px;} /* 导航栏放不下时 */ .header_nav.pc_app #header .hnav{display:none;} .header_nav.pc_app #header .menu{display:block;} @media screen and (min-width:751px) { #header.none{transform:translate3d(0px,-100%,0);} #header.cur:not(.none){box-shadow: 0px 20px 40px 0px rgba(0, 72, 152, 0.15);} #header.cur{background-color:#fff;} #header.cur .one_nav .nav_a{color:#333;} #header.cur .lang .txt{color:#999;} #header.cur .lang .txt:hover, #header.cur .lang .txt.cur{color:#333;} #header.cur .lang .line{color:rgba(0, 0, 0, .3);} #header.cur .search .svg{fill:#333;} #header.cur .h_btn{border-color: rgba(0, 0, 0, .2);} #header.cur .menu .menu_bar{background-color:#333;} #header.w_search:not(.none){box-shadow: 0px 20px 40px 0px rgba(0, 72, 152, 0.15);} #header.w_search{background-color:#fff;} #header.w_search .one_nav .nav_a{color:#333;} #header.w_search .lang .txt{color:#999;} #header.w_search .lang .txt:hover, #header.w_search .lang .txt.cur{color:#333;} #header.w_search .lang .line{color:rgba(0, 0, 0, .3);} #header.w_search .search .svg{fill:#333;} #header.w_search .h_btn{border-color: rgba(0, 0, 0, .2);} #header.w_search .menu .menu_bar{background-color:#333;} } @media screen and (max-width: 1366px) {#header .h_btn{margin-left:0;}} @media screen and (max-width: 1024px) {#header .hnav{display: none;}#header .menu{display: block;}} @media screen and (max-width:750px) { #m_header_blank{display:block;} #header{background-color:#fff;padding-top:0;} #header .h_btn{border:none;width:auto;height:auto;border-radius:0;} #header .lang{display:none;} #header .search{width:40px;height:40px;} #header .search .svg{fill:#333;} #header .menu{width:40px;height:32.5px;} #header .menu .menu_bar{height:4px;background-color:#333;} #m_nav .one_nav .one .one_a{font-size:36px;line-height:100px;} #m_nav .one_nav .one .icon{width:35px;height:35px;} #m_nav .one_nav .two_nav .two_a{font-size:30px;line-height:80px;} #m_nav .bot_box{display:block;margin:50px auto;} #m_nav .bot_box .lang .txt, #m_nav .bot_box .lang .line{font-size:36px;color:#333;font-weight:500;} #m_nav .bot_box .lang .line{margin:0 20px;} #m_nav .bot_box .lang .txt.cur{color:var(--ThemeColor);} } /* 底部 */ #footer{background:url('/images/bg/footer-bg.jpg') no-repeat right bottom / cover;} #footer .top{padding: 90px 0;border:1px solid rgba(255, 255, 255, 0.051);} #footer .top .title{font-size: 45px;font-weight: 500;color: rgb(255, 255, 255);margin-bottom:35px;} #footer .top .inp{width:20.938%;height: 56px;margin-right:15px;font-size:18px;font-weight:500;color:#fff;padding:0 20px;border-radius: 10px;background-color: #0c284d;} #footer .top .inp.message{width: calc(100% - 20.938% * 2 - 160px - 15px * 3);} #footer .top .inp::placeholder{color: rgba(255, 255, 255, 0.302);} #footer .top .inp::-moz-placeholder{color: rgba(255, 255, 255, 0.302);} #footer .top .inp::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.302);} #footer .top .submit{font-size: 18px;font-weight: 500;color: rgb(255, 255, 255);background-color: var(--ThemeColor2);width: 160px;height: 56px;border-radius:28px;} #footer .bot{padding:70px 0 55px;} #footer .flogo img{max-height:90px;} #footer .fnav{max-width:80%;padding-top:15px;} #footer .fnav .li{margin-left:85px;font-size: 20px;color: rgba(255, 255, 255, 0.502);line-height: 1.75;text-align: right;} #footer .fnav .li:first-child{margin-left:30px;} #footer .fnav .li:hover{color:#fff;} #footer .finfo{padding:50px 0 40px;} #footer .finfo .item{max-width:49%;} #footer .finfo .tip{font-size: 24px;font-weight: 500;color: #fff;line-height: 2;} #footer .finfo .phone{font-size: 32px;font-weight: 500;color:var(--ThemeColor2);} #footer .finfo .text{font-size: 18px;color:#fff;line-height: 2.222;margin-top:25px;} #footer .finfo .list{gap:30px 0;} #footer .finfo .li{margin-left:42px;} #footer .finfo .li:nth-child(1){margin-left:0;} #footer .finfo .li .qrcode{width:120px;height:120px;border-radius:8px;overflow:hidden;margin:0 auto;} #footer .finfo .li .name{font-size: 18px;color: #fff;line-height: 1.667;text-align: center;margin-top:16px;} #footer .copyright{padding:45px 0 0;border-top:1px solid rgba(255, 255, 255, 0.051);} #footer .copyright .text{font-size: 16px;color: rgba(255, 255, 255, 0.302);} #footer .copyright .text .line{margin:0 14px;} #footer .copyright .share .s{margin-left:38px;} #footer .copyright .share .s .svg{fill:rgba(255, 255, 255, 0.302);} #footer .copyright .share .s:hover .svg{fill:#fff;} @media screen and (max-width:1440px) { #footer .top .title{font-size:36px;} } @media screen and (max-width:1024px) { #footer .top{padding:80px 0 50px;} #footer .bot{padding-top:50px;} #footer .fnav .li{margin-left:50px;} #footer .copyright{flex-direction: column} #footer .copyright .share{margin-top:20px;} #footer .copyright .share .s{margin:0 15px;} } @media screen and (max-width:750px) { #footer .top{border-bottom:2px solid rgba(255, 255, 255, 0.1);} #footer .top .title{font-size:42px;} #footer .top .footer_form{display: block;} #footer .top .inp{width:100%;margin:0 0 20px;height:70px;border-radius:12px;font-size:30px;} #footer .top .inp.message{width:100%;} #footer .top .submit{width:100%;font-size:30px;height:70px;border-radius:35px;} #footer .bot{padding-bottom:130px;} #footer .bot_nav, #footer .finfo{display: block;} #footer .finfo .item{max-width:100%;} #footer .finfo .tip{font-size:34px;} #footer .finfo .phone{font-size:42px;} #footer .finfo .text{font-size:28px;line-height:1.8;} #footer .finfo .list{justify-content:center;margin-top:50px;gap:40px;} #footer .finfo .li{margin-left:0;} #footer .finfo .li .name{font-size:26px;} #footer .flogo{text-align:left;} #footer .fnav{max-width:100%;padding-top:30px;} #footer .fnav .li{font-size:36px;width:100%;margin:0 !important;padding:18px 0 20px;text-align:left;border-bottom:2px solid rgba(255, 255, 255, 0.1);} #footer .copyright{border-top:2px solid rgba(255, 255, 255, 0.1);} #footer .copyright .text{font-size:26px;text-align:center;line-height:1.6;} #footer .copyright .text .line{display:none;} #footer .copyright .text span{display:block;} #footer .copyright .share .s{height:32px;} #footer .copyright .share .s .svg{transform: scale(1.5);} } /* 侧边栏 */ #float_win{right:2.102%;bottom:10%;z-index:9;} #float_win .bn{margin-top:15px;border-radius: 50%;background-color: #fff;width: 67px;height: 67px;box-shadow: 0px 10px 20px 0px rgba(0, 72, 152, 0.1);} #float_win .bn.online{background-color:var(--ThemeColor2);} #float_win .bn .icon .svg{fill:#333;} #float_win .bn:hover{background-color:var(--ThemeColor2);} #float_win .bn:hover .icon .svg{fill:#fff;} @media screen and (max-width:750px) { #float_win{bottom:0;right:0;left:0;width:100%;display:flex;} #float_win .bn{width:50%;height:80px;border-radius:0;box-shadow:none;margin-top:0;} #float_win .bn .icon img, #float_win .bn .icon .svg{transform: scale(1.5);} } /* 首页banner */ #banner{width:100%;overflow:hidden;position:relative;z-index:2;} #banner .container::before{content:'';position: absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:url('/images/bg/banner-mask.png') no-repeat top left / cover;} #banner .slide .slide-inner::after{content:'';position: relative;z-index:1;width:100%;padding-top:50%;} #banner .slide .slide-inner video, #banner .slide .slide-inner img{width:100%;height:100%;object-fit:cover;} #banner .text_box{z-index:3;} #banner .info{max-width:60%;} #banner .info .title{font-size: 60px;color: #fff;line-height: 1.29;font-weight:bold;text-shadow: 5px 8.66px 30px rgba(0, 72, 152, 0.6);} #banner .info .brief{font-size: 22px;color: #fff;line-height: 1.636;margin-top:12px;} #banner .info .btn{padding:0 20px;border: 2px rgba(255, 255, 255, 0.502) solid;border-radius: 26px;width: 201px;height: 52px;margin-top:85px;} #banner .info .btn .txt{font-size: 16px;color:#fff;} #banner .info .btn .icon .svg{width:18px;height:18px;fill:#fff;} #banner .info .btn:hover{background-color: var(--ThemeColor2);border-color: var(--ThemeColor2);} #banner .circle-page{max-width:1600px;width:92%;margin:0 auto;bottom: 6.31%;display:flex;align-items:flex-start;} #banner .circle-page .circle{margin:0 20px 0 0;position:relative;} #banner .circle-page .circle .d{opacity:0;} #banner .circle-page .circle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background-color:#fff;opacity:0.2;transition: 0.3s;} #banner .circle-page .circle.cur::after{opacity:1;} #banner .circle-page .circle.cur .d{opacity:1;} @keyframes updown { 0%{transform: translateY(-5px);} 50%{transform: translateY(5px);} 100%{transform: translateY(-5px);} } #banner .mouse{animation: updown 3s linear infinite 0s;bottom:6.31%;left:50%;transform: translateX(-50%);pointer-events:none;z-index:2;} #banner .mouse .svg{width:32px;height:32px;fill:#fff;} /* 内页banner */ #inner_banner{width:100%;overflow:hidden;position:relative;} #inner_banner .mask{width:100%;height:100%;background: url('/images/bg/banner-bg.png') no-repeat center / cover;} #inner_banner .pic video, #inner_banner .pic img{width:100%;object-fit:contain;} #inner_banner .info .title{font-size: 48px;font-weight:600;color: rgb(255, 255, 255);line-height: 1.667;text-align: center;text-shadow: 5px 8.66px 30px rgba(0, 72, 152, 0.6);} #inner_banner .info .brief{font-size: 20px;color: rgb(255, 255, 255);line-height: 1.6;text-align: center;margin-top:12px;} @media screen and (max-width: 1440px){ #banner .info .title{font-size:48px;} } @media screen and (max-width: 1280px){ #banner .info{max-width:100%;} #banner .info .title{font-size:42px;} #banner .info .btn{margin-top:50px;} } @media screen and (max-width: 1024px){ #banner .info .title{font-size:36px;} #banner .info .btn{margin-top:30px;} } @media screen and (max-width: 750px){ /* #banner .slide .pics::before{display:none;} */ #banner .slide .slide-inner::after{padding-top:128%;} #banner .info .btn{min-width:260px;height:70px;border-radius:35px;padding:0 30px;margin-top:50px;} #banner .info .btn .txt{font-size:26px;} #banner .info .btn .icon .svg{width:30px;height:30px;} #inner_banner .info .title, #banner .info .title{font-size:42px;} #banner .info .brief, #inner_banner .info .brief{font-size:30px;line-height:1.6;} } /* 详情页banner */ #detail_banner{width:100%;padding-top:116px;overflow:hidden;background:url('/images/bg/blog-detail-bg.jpg') no-repeat center / cover;} #detail_banner .line{background-color: rgb(255, 255, 255);opacity: 0.2;width: 100%;height: 1px;} #detail_banner .cont{min-height:480px;} #detail_banner .title{max-width:70%;font-size: 48px;font-weight: 600;color: #fff;line-height: 1.563;} #detail_banner .crumbs{padding:25px 0;gap:20px 0;} #detail_banner .crumbs .home{width:17px;height:18px;margin-right:18px;} #detail_banner .crumbs .home .svg{width:100%;height:100%;fill:rgba(255, 255, 255, 0.5);} #detail_banner .crumbs .home:hover .svg{fill:#fff;} #detail_banner .crumbs .name, #detail_banner .crumbs .line2{font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 1;} #detail_banner .crumbs .line2{margin:0 10px;} #detail_banner .crumbs .name:hover{color:#fff;} #detail_banner .bot{padding:40px 0;font-size: 18px;color: rgba(255, 255, 255, 0.502);line-height: 1;} #detail_banner .time .line3{margin:0 28px;} #detail_banner .return{width:fit-content;} #detail_banner .return:hover{color:#fff;} @media screen and (max-width: 1024px){ #detail_banner .title{max-width:100%;} } @media screen and (max-width: 750px){ #detail_banner{padding-top:0;} #detail_banner .line{display:none;} #detail_banner .crumbs{padding:40px 0;} #detail_banner .crumbs .home{width:29px;height:30px;} #detail_banner .crumbs .name, #detail_banner .crumbs .line2{font-size:26px;} #detail_banner .crumbs .name:last-child{width:100%;} #detail_banner .title{font-size:42px;} #detail_banner .bot{font-size:28px;} } /* 分页 */ .turn_page{margin-top:100px;} .turn_page .svg{fill:#666;} .turn_page .svg.icon_prev{transform:rotate(180deg);} .turn_page .start{margin-right:0.5em;} .turn_page .lyui_paging_btn, .turn_page .lyui_paging_prev, .turn_page .lyui_paging_next{font-size:20px;color:#666;min-width:60px;height:60px;border-radius:50%;cursor:pointer;background:#fff;transition:.3s;} .turn_page .lyui_paging_btn:hover, .turn_page .lyui_paging_prev:hover, .turn_page .lyui_paging_next:hover, .turn_page .lyui_paging_btn.cur{background-color:var(--ThemeColor2);color:#fff;} .turn_page .lyui_paging_btn:hover .svg, .turn_page .lyui_paging_prev:hover .svg, .turn_page .lyui_paging_next:hover .svg{fill:#fff;} .turn_page .lyui_paging > font{display:none;} @media (max-width:750px) { .turn_page{margin-top:50px;} .turn_page .svg{transform:scale(1.5);} .turn_page .svg.icon_prev{transform:rotate(182deg) scale(1.5);} .turn_page .lyui_paging_btn, .turn_page .lyui_paging_prev, .turn_page .lyui_paging_next{min-width:60px;height:60px;border-radius:8px;font-size:26px;} } /* 二级导航 */ #subnav{position:absolute;z-index:5;left:50%;transform: translate(-50%,-50%);} #subnav .cont{width:100%;padding:0 30px;border-radius: 15px;background-color:#fff;box-shadow: 0px 20px 40px 0px rgba(0, 72, 152, 0.15);} #subnav .slide{min-width:220px;width:fit-content;padding:0 10px;transition: 0.3s;font-size: 20px;color: #999;line-height: 82px;text-align: center;display:block;/*width:calc(100% / 7);*/} #subnav .slide.cur{font-weight:500;color:#333;} #subnav .slide:hover{color:#333;} #subnav .thehovermaskbg{height:4px;background-color:var(--ThemeColor2);bottom:0;} @media screen and (max-width: 750px) { #subnav .cont{padding:0 60px;} #subnav .pn{width:60px;height:100%;top:50%;transform: translateY(-50%);display:flex;background-color:#fff;z-index:2;} #subnav .pn.prev{left:0;} #subnav .pn.next{right:0;} #subnav .pn i{font-size:35px;color:var(--ThemeColor);} #subnav .slide{font-size:30px;min-width:auto;padding:0 30px;border-bottom:3px solid transparent;} #subnav .slide.cur{border-bottom:3px solid var(--ThemeColor2);} } /* 首页产品 */ #ind_pro{padding:150px 0 0;} #ind_pro .tit1{font-size: 24px;font-weight: 500;color:#333;line-height:1;margin-bottom:36px;} #ind_pro .tit2{font-size: 48px;font-weight: 600;color:var(--ThemeColor);line-height:1;} #ind_pro .right{max-width:60%;} #ind_pro .tab .li{width:fit-content;margin-left:100px;font-size: 20px;font-weight: 500;color: #999;transition: 0.3s linear;cursor: pointer;position: relative;padding-bottom:20px;} #ind_pro .tab .li:nth-child(1){margin-left:0;} #ind_pro .tab .li::after{content:'';position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:0;height:3px;background-color:var(--ThemeColor2);transition: 0.3s linear;opacity:0;border-radius: 1.5px;} #ind_pro .tab .li.cur, #ind_pro .tab .li:hover{color:#333;} #ind_pro .tab .li.cur::after, #ind_pro .tab .li:hover::after{opacity:1;width:100%;} #ind_pro .bind{} #ind_pro .bind .container{padding:100px 0 0;overflow: visible;} #ind_pro .bind .slide{width:917px;display:block;border-radius:30px;overflow:hidden;} #ind_pro .bind .slide::after{content:'';position:absolute;z-index:1;width:100%;height:100%;background-color:#fff;top:0;left:0;pointer-events: none;opacity:0.8;transition: 0.3s;} #ind_pro .bind .slide .pic{width:100%;height:100%;padding-top:57.797%;} #ind_pro .bind .slide .item{padding:65px 70px;} #ind_pro .bind .slide .numb{font-size: 36px;color: #fff;line-height: 1;} #ind_pro .bind .slide .text{width:65%;} #ind_pro .bind .slide .name{font-size: 30px;font-weight: 500;color: #fff;} #ind_pro .bind .slide .brief{font-size: 18px;color: #fff;line-height: 1.667;} #ind_pro .bind .slide .more{font-size:18px;color:#fff;line-height:1;background-color:var(--ThemeColor2);border-radius: 26px;padding:0 30px;width:fit-content;height: 52px;display:flex;align-items:center;justify-content:center;} /* #ind_pro .bind .slide .more{border-radius: 50%;background-color:#fff;width: 66px;height: 66px;} #ind_pro .bind .slide .more .svg{width:25px;height:25px;fill:var(--ThemeColor);} */ #ind_pro .bind .slide.swiper-slide-active{box-shadow: 0px 40px 60px 0px rgba(0, 72, 152, 0.35);} #ind_pro .bind .slide.swiper-slide-active::after{opacity:0;} /* #ind_pro .bind .slide.swiper-slide-active .more{background-color: var(--ThemeColor2);} #ind_pro .bind .slide.swiper-slide-active .more .svg{fill:#fff;} */ #ind_pro .bind .swiper-scrollbar{background-color: rgb(246, 248, 250);height: 3px;border-radius: 1.5px;bottom:0;} #ind_pro .bind .swiper-scrollbar-drag{background: var(--ThemeColor);border-radius: 1.5px;} #ind_pro .btns .pn{width:80px;height: 80px;border: 2px solid #999;z-index: 10;top: 50%;border-radius: 50%;} #ind_pro .btns .pn i{font-size:20px;font-weight:bold;color:#999;} #ind_pro .btns .prev{left: 8%;} #ind_pro .btns .next{right: 8%;} #ind_pro .btns .pn:hover{background-color:var(--ThemeColor);border-color:var(--ThemeColor);} #ind_pro .btns .pn:hover i{color:#fff;} @media screen and (max-width:1680px) { #ind_pro .btns .prev{left: 4%;} #ind_pro .btns .next{right: 4%;} } @media screen and (max-width: 1440px) { #ind_pro .tab .li{margin-left:60px;} } @media screen and (max-width: 1200px) { #ind_pro{padding-top:100px;} #ind_pro .top{display:block;} #ind_pro .right{max-width:100%;margin-top:50px;} } @media screen and (max-width: 1024px) { #ind_pro .bind .slide{width:100%;} } @media screen and (max-width: 750px) { #ind_pro .tit1{font-size:30px;margin-bottom:20px;} #ind_pro .tit2{font-size:42px;} #ind_pro .tab .li{font-size:30px;margin-left:30px;} #ind_pro .bind .container{padding:80px 0 30px;} #ind_pro .bind .slide .item{padding:30px;} #ind_pro .bind .slide .info{display:block;} #ind_pro .bind .slide .text{width:100%;} #ind_pro .bind .slide .numb{font-size:42px;} #ind_pro .bind .slide .name{font-size:36px;} #ind_pro .bind .slide .brief{font-size:28px;line-height:1.6;} #ind_pro .bind .slide .more{font-size:26px;height:60px;border-radius:30px;margin-top:10px;} #ind_pro .btns{display:flex;padding:0 4%;} #ind_pro .btns .pn{position:static;margin-right:30px;} } /* 首页含行业应用 */ #ind_app {padding-top:150px;} #ind_app .tit1{font-size: 24px;font-weight: 500;color:#333;line-height:1;margin-bottom:36px;text-align:center;} #ind_app .tit2{font-size: 48px;font-weight: 600;color:var(--ThemeColor);line-height:1;text-align:center;} #ind_app .bot{margin-top:70px;} #ind_app .bg{width:100%;height:955px;;} #ind_app .mask{left:0;top:50%;transform: translateY(-50%);width:100%;height:100%;} #ind_app .info{z-index:2;top:24%;} #ind_app .item {max-width:43%;} #ind_app .item .name{font-size: 42px;font-weight: 600;color: #fff;line-height: 1.381;} #ind_app .item .brief{font-size: 18px;color: #fff;line-height: 1.667;margin-top:15px;} #ind_app .item .btn{padding:0 20px;border: 2px rgba(255, 255, 255, 0.502) solid;border-radius: 26px;width: 201px;height: 52px;margin-top:48px;} #ind_app .item .btn .txt{font-size: 16px;color:#fff;} #ind_app .item .btn .icon .svg{width:18px;height:18px;fill:#fff;} #ind_app .item .btn:hover{background-color:#0062d9;border-color:#0062d9;} #ind_app .app_cate{bottom:10.516%;z-index:3;} #ind_app .cate_cont{width:100%;border-radius: 20px;background-color: rgba(0, 43, 91,0.702);} #ind_app .cate_cont .slide{padding:30px 2.5% 30px 3.75%;transition: 0.3s;height: auto;} #ind_app .cate_cont .slide .icon{padding:10px;border: 1px rgba(255, 255, 255 ,0.302) solid;border-radius: 50%;width: 60px;height: 60px;margin-right:25px;} #ind_app .cate_cont .slide .name{flex:1;font-size: 16px;font-weight: 500;color: #fff;line-height: 1.556;} #ind_app .cate_cont .slide.cur{background-color:#0062d9;} #ind_app .cate_cont .slide.cur .icon{background-color:#fff;border-color:#fff;} #ind_app .cate_cont .slide.cur .icon .i1{display:none;} #ind_app .cate_cont .slide.cur .icon .i2{display:inline-block;} @media screen and (max-width: 1024px) { #ind_app{padding-top:80px;} #ind_app .item{max-width: 50%;} #ind_app .cate_cont .slide{padding:30px;} } @media screen and (max-width: 750px) { #ind_app .tit1{font-size:30px;margin-bottom:20px;} #ind_app .tit2{font-size:42px;} #ind_app .bot{margin-top:50px;} #ind_app .info{top:20%;} #ind_app .item{max-width: 100%;} #ind_app .item .brief{font-size:28px;line-height:1.6;} #ind_app .item .btn{min-width:260px;height:70px;border-radius:35px;padding:0 30px;} #ind_app .item .btn .txt{font-size:26px;} #ind_app .item .btn .icon .svg{width:30px;height:30px;} #ind_app .cate_cont .slide .name{font-size:26px;} } /* 首页关于我们 */ .ind_bg1{background: url('/images/bg/ind_bg1.jpg') no-repeat center center;background-size:cover;} #ind_about{padding:160px 0 90px;} #ind_about .left{width:50%;padding-right:8%;} #ind_about .tit1{font-size: 24px;font-weight: 500;color:#333;line-height:1;margin-bottom:36px;} #ind_about .tit2{font-size: 48px;font-weight: 600;color:var(--ThemeColor);line-height:1;} #ind_about .brief{font-size: 18px;color:#999;line-height: 2;margin-top:50px;} #ind_about .btn{margin-top: 70px;padding:0 10px 0 20px;border-radius: 26px;background-color: #fff;width: 201px;height: 52px;border-radius:26px;} #ind_about .btn .txt{font-size: 16px;color: #999;line-height: 1;} #ind_about .btn .icon{color:#fff;border-radius: 50%;background-color: var(--ThemeColor2);width: 26px;height: 26px;} #ind_about .btn .icon .svg{width:15px;height:15px;fill:#fff;} #ind_about .btn:hover{border-color:var(--ThemeColor2);color:#fff;background-color:var(--ThemeColor2);} #ind_about .btn:hover .txt{color:#fff;} #ind_about .btn:hover .icon{transform:translateX(-5px);background-color:#fff;} #ind_about .btn:hover .icon .svg{fill:var(--ThemeColor2);} #ind_about .data{margin-top:105px;gap:0 12%;} #ind_about .data .item{margin:0 0 12% 0;} #ind_about .data .num{font-size: 48px;font-weight: 600;color: var(--ThemeColor);line-height: 1;} #ind_about .data .name{font-size: 20px;font-weight: 500;color: var(--ThemeColor);line-height: 1.6;margin-top:20px;} #ind_about .right{width:50%;} #ind_about .li{width:calc((100% - 5.63%) / 2);min-height:400px;margin:0 5.63% 6.25% 0;overflow: hidden;border-radius: 30px;background-color:#fff;} #ind_about .li:nth-child(2n){margin-right:0;transform:translateY(75px);} #ind_about .li .info{width:100%;height:100%;padding:50px 35px 40px;position: relative;z-index:2;} #ind_about .li .li_bg{width:100%;height:100%;opacity:0;} #ind_about .li .icon{width:fit-content;height:65px;} #ind_about .li .name{font-size: 30px;font-weight: 500;color: rgb(51, 51, 51);line-height: 1.333;margin-top:75px;} #ind_about .li .numb{font-size: 30px;font-weight: 500;color: rgb(212, 214, 217);line-height: 1;margin-top:55px;} @media screen and (min-width: 751px) { #ind_about .li:hover{box-shadow: 0px 40px 60px 0px rgba(0, 72, 152, 0.35);} #ind_about .li:hover .li_bg{opacity:1;} #ind_about .li:hover .name{color:#fff;} #ind_about .li:hover .numb{color: rgba(255, 255, 255, 0.302);} #ind_about .li:hover .icon .i1{display:none;} #ind_about .li:hover .icon .i2{display:inline-block;} } @media screen and (max-width: 1440px) { #ind_about .left{padding-right:4%;} #ind_about .btn{margin-top:50px;} #ind_about .data{margin-top:60px;gap: 0 6%;} #ind_about .data .item{margin:0 0 6% 0;} #ind_about .data .num{font-size:42px;} #ind_about .data .name{font-size:16px;} #ind_about .li .info{padding:30px 20px 20px;} #ind_about .li .name{font-size:24px;} } @media screen and (max-width: 1280px) { #ind_about .data .item{width:calc(50% - 3%);} } @media screen and (max-width: 1024px) { #ind_about{padding:80px 0;} #ind_about .cont{display:block;} #ind_about .left{width:100%;padding:0 0 30px 0;} #ind_about .right{width:100%;} #ind_about .data .item{width:calc((100% - 6% * 2) / 3);padding-left:3%;} } @media screen and (max-width: 750px) { #ind_about .tit1{font-size:30px;margin-bottom:20px;} #ind_about .tit2{font-size:42px;} #ind_about .brief{font-size:28px;line-height:1.6;margin-top:30px;} #ind_about .btn{min-width:260px;height:70px;border-radius:35px;padding:0 20px 0 30px;} #ind_about .btn .txt{font-size:26px;} #ind_about .btn .icon{width:40px;height:40px;} #ind_about .btn .icon .svg{width:25px;height:25px;} #ind_about .data{gap:30px;} #ind_about .data .item{width:calc((100% - 30px) / 2);padding-left:0;margin-bottom:0;} #ind_about .data .num{font-size:42px;} #ind_about .data .name{font-size:26px;margin-top:10px;} #ind_about .li{min-height:350px;box-shadow: 0px 40px 60px 0px rgba(0, 72, 152, 0.35);} #ind_about .li .li_bg{opacity:1;} #ind_about .li .name{font-size:26px;color:#fff;} #ind_about .li .numb{color: rgba(255, 255, 255, 0.302);} #ind_about .li .icon .i1{display:none;} #ind_about .li .icon .i2{display:inline-block;} } /* 首页全球创新 */ #ind_innovate{padding:80px 0 160px;} #ind_innovate .left{width:50%;} #ind_innovate .left .pic{width:100%;padding-top:95%;border-radius:50px;} #ind_innovate .right{width:50%;padding-left:6.25%;} #ind_innovate .tit1{font-size: 24px;font-weight: 500;color:#333;line-height:1;margin-bottom:36px;} #ind_innovate .tit2{font-size: 48px;font-weight: 600;color:var(--ThemeColor);line-height:1;} #ind_innovate .brief{font-size: 18px;color:#999;line-height: 2;margin:50px 0;max-height:calc(18px * 3 * 2);overflow-y:auto;} #ind_innovate .li{width:calc((100% - 25px * 2) / 3);padding:6.43% 4% 5%;background-color:#f6f8fa;border-radius: 20px;overflow:hidden;} #ind_innovate .li .icon{height:50px;margin-bottom:32px;} #ind_innovate .li .name{font-size: 24px;font-weight: 500;color: rgb(51, 51, 51);line-height: 1.458;text-align:center;hyphens: auto;overflow: hidden;width: 100%;word-wrap: break-word;} #ind_innovate .li.cur{ background-image: -moz-linear-gradient( 30deg, rgb(0,64,152) 15%, rgb(85,185,255) 100%); background-image: -webkit-linear-gradient( 30deg, rgb(0,64,152) 15%, rgb(85,185,255) 100%); background-image: -ms-linear-gradient( 30deg, rgb(0,64,152) 15%, rgb(85,185,255) 100%); box-shadow: 0px 30px 50px 0px rgba(0, 72, 152, 0.35); } #ind_innovate .li.cur .icon .i1{display:none;} #ind_innovate .li.cur .icon .i2{display:inline-block;} #ind_innovate .li.cur .name{color:#fff;} #ind_innovate .bind{margin-top:50px;max-height:calc(18px * 5 * 2);overflow-y:auto;} #ind_innovate .bind .con{font-size: 18px;color: rgb(51, 51, 51);line-height: 2;} @media screen and (max-width: 1440px) { #ind_innovate .right{padding-left:3%;} #ind_innovate .li{padding:5% 3% 4%;} #ind_innovate .tit1{margin-bottom:20px;} #ind_innovate .brief{margin:30px 0;font-size:16px;line-height:1.6;max-height:calc(16px * 3 * 1.6);} #ind_innovate .li .name{font-size:20px;} #ind_innovate .bind{margin-top:30px;max-height:calc(16px * 5 * 1.6);} #ind_innovate .bind .con{line-height:1.6;font-size:16px;} } @media screen and (max-width: 1024px) { #ind_innovate{padding:80px 0;} #ind_innovate .cont{display:block;} #ind_innovate .left{width:100%;} #ind_innovate .right{width:100%;margin-top:30px;padding-left:0;} #ind_innovate .brief{max-height: none;} #ind_innovate .li .name{font-size:26px;} #ind_innovate .bind{max-height: none;} } @media screen and (max-width: 750px) { #ind_innovate .tit1{font-size:30px;} #ind_innovate .tit2{font-size:42px;} #ind_innovate .brief{font-size:28px;line-height:1.6;} #ind_innovate .bind .con{font-size:28px;} } /* 首页客户 */ .ind_bg2{background: url('/images/bg/ind_bg2.png') no-repeat center center;background-size:cover;} #ind_layout{padding:180px 0 100px;overflow:hidden;position: relative;} #ind_layout .cont{position:relative;z-index:3;} #ind_layout .info{width:39%;} #ind_layout .tit1{font-size: 24px;font-weight: 500;color:#333;line-height:1;margin-bottom:36px;} #ind_layout .tit2{font-size: 48px;font-weight: 600;color:var(--ThemeColor);line-height:1;} #ind_layout .brief{font-size: 18px;color:#999;line-height: 2;margin:50px 0 190px;} #ind_layout .tab .li{width:calc((100% - 20px) / 2);border-radius: 20px;background-color: rgb(255, 255, 255);overflow:hidden;padding:30px 25px 35px;} #ind_layout .tab .li .top{margin-bottom:56px;} #ind_layout .tab .li .numb{flex:1;font-size: 55px;font-weight: 600;color: var(--ThemeColor);line-height: 1;} #ind_layout .tab .li .icon{width:54px;height:54px;} #ind_layout .tab .li .text{flex:1;font-size: 24px;font-weight: 500;color: rgb(51, 51, 51);line-height: 1;} #ind_layout .tab .li .btn{font-size: 20px;font-weight:bold;color: rgb(220, 222, 224);line-height:24px;} #ind_layout .tab .li.cur{ background-image: -moz-linear-gradient( 30deg, rgb(0,64,152) 15%, rgb(85,185,255) 100%); background-image: -webkit-linear-gradient( 30deg, rgb(0,64,152) 15%, rgb(85,185,255) 100%); background-image: -ms-linear-gradient( 30deg, rgb(0,64,152) 15%, rgb(85,185,255) 100%); box-shadow: 0px 30px 50px 0px rgba(0, 72, 152, 0.35); } #ind_layout .tab .li.cur .icon .i1{display:none;} #ind_layout .tab .li.cur .icon .i2{display:inline-block;} #ind_layout .tab .li.cur .numb, #ind_layout .tab .li.cur .text, #ind_layout .tab .li.cur .btn{color:#fff;} #ind_layout .map{right:0;top:50px;z-index:2;max-width:100%;} #ind_layout .map .china{margin-right:260px;} #ind_layout .map .global{margin-top:4.3%;} #ind_layout .map .pic{width: fit-content;margin:0 auto;} #ind_layout .d{z-index:2;} #ind_layout .d .item{border-radius: 50%;background-color: #0069d5;width: 12px;height: 12px;z-index:2;} #ind_layout .d .item .y{display:none;} #ind_layout .d:not(.first) .item::before, #ind_layout .d:not(.first) .item::after{width: 100%;height: 100%;border-radius: 50%;position: absolute;left:0;top:0;content: '';z-index: -1;pointer-events: none;} #ind_layout .d:not(.first) .item::before{background-color: rgba(0, 105, 213, 0.2);animation: small_expand 3s linear 0s infinite;} #ind_layout .d:not(.first) .item::after{background-color: rgba(0, 105, 213, 0.05);animation: small_expand2 3s linear 2.1s infinite;} #ind_layout .d.first .item{background-color: var(--ThemeColor2);} #ind_layout .d.first .item .y{display:block;width: 100%;height: 100%;border-radius: 50%;position: absolute;left:0;top:0;z-index:-1;background-color: rgba(229, 0, 79,0.3);animation: expand2 3s linear infinite;} #ind_layout .d.first .item::before, #ind_layout .d.first .item::after{width: 100%;height: 100%;border-radius: 50%;position: absolute;left:0;top:0;content: '';z-index: -1;pointer-events: none;} #ind_layout .d.first .item::before{background-color: rgba(229, 0, 79,0.2);animation: expand 3s linear 0s infinite;} #ind_layout .d.first .item::after{background-color: rgba(229, 0, 79,0.05);animation: expand 3s linear 2.1s infinite;} #ind_layout .d .item .name{--popup_text:6px;font-size: 16px;color: rgb(51, 51, 51);text-align:center;z-index:1;line-height:1;} #ind_layout .d .item .name.top{left:50%;bottom:calc(100% + var(--popup_text));transform: translateX(-50%);} #ind_layout .d .item .name.bottom{left:50%;top:calc(100% + var(--popup_text));transform: translateX(-50%);} #ind_layout .d .item .name.left{right:calc(100% + var(--popup_text));top:50%;transform: translateY(-50%);} #ind_layout .d .item .name.right{left:calc(100% + var(--popup_text));top:50%;transform: translateY(-50%);} #ind_layout .d .item .tip{font-size: 18px;font-weight: 600;color: rgb(255, 255, 255);line-height: 1.222;text-align: center;background-color:var(--ThemeColor2);border-radius: 50%;bottom:calc(100% + 10px);left:50%;transform: translateX(-50%);z-index:1;white-space: nowrap;min-width:80px;height: 80px;padding:15px;} #ind_layout .d .item .tip::after{content:'';width:0;height:0;border:10px solid transparent;border-top-color:var(--ThemeColor2);position: absolute;left:50%;top:95%;transform: translateX(-50%);} @media screen and (max-width: 1680px) { #ind_layout .map .china{margin-right:160px;} } @media screen and (max-width: 1536px) { #ind_layout .map .china{margin-right:60px;} } @media screen and (max-width: 1440px) { #ind_layout .map .china{margin-right:0;} #ind_layout .tab .li .text{font-size:18px;} #ind_layout .brief{margin:50px 0 100px;} } @media screen and (max-width: 1280px) { #ind_layout .info{width:50%;} } @media screen and (max-width: 1024px) { #ind_layout{padding:80px 0 50px;} #ind_layout .info{width:70%;} #ind_layout .map{position: static;margin-top:50px;} #ind_layout .map .global{margin-top:0;} } @media screen and (max-width: 750px) { #ind_layout{padding: 80px 0 ;} #ind_layout .info{width:100%;} #ind_layout .tit1{font-size:30px;margin-bottom:20px;} #ind_layout .tit2{font-size:42px;} #ind_layout .brief{font-size:28px;line-height:1.6;margin-bottom:50px;} #ind_layout .tab{display:block;} #ind_layout .tab .li{width:100%;margin-top:30px;} #ind_layout .tab .li .btn, #ind_layout .tab .li .text{font-size:30px;line-height: 1.6;} } #ind_partner{padding:60px 0 110px;} #ind_partner .tit1{font-size: 24px;font-weight: 500;color:#333;line-height:1;margin-bottom:36px;} #ind_partner .tit2{font-size: 48px;font-weight: 600;color:var(--ThemeColor);line-height:1;} #ind_partner .box{padding:0 40px;} #ind_partner .container{border-radius:30px;padding:80px 40px 90px;} #ind_partner .slide {display:flex;flex-wrap:wrap;gap:1px;} #ind_partner .slide .pic{width:calc((100% - 5px) / 6);height:200px;background-color:#fff;overflow:hidden;padding:2%;transition: 0.3s;border-radius: 15px;} /* #ind_partner .slide .pic.btlr{border-top-left-radius: 30px;} #ind_partner .slide .pic.bblr{border-bottom-left-radius: 30px;} #ind_partner .slide .pic.btrr{border-top-right-radius: 30px;} #ind_partner .slide .pic.bbrr{border-bottom-right-radius: 30px;} */ #ind_partner .slide .pic:hover{z-index:2;transform:scale(1.05);border-radius: 15px;box-shadow: 0px 30px 60px 0px rgba(0, 108, 185, 0.1);} #ind_partner .swiper-pagination-bullet{margin:0 10px;bottom:0;border-radius: 50%;background-color: rgb(0, 0, 0);opacity: 0.2;width: 10px;height: 10px;transition: 0.3s;} #ind_partner .swiper-pagination-bullet-active{opacity:1;background-color: var(--ThemeColor2);} @media screen and (max-width: 1024px) { #ind_partner{padding-bottom:80px;} } @media screen and (max-width: 750px) { #ind_partner .cw1680{width:100%;} #ind_partner .tit1{font-size:30px;margin-bottom:20px;} #ind_partner .tit2{font-size:42px;} #ind_partner .box{padding:0 30px;} #ind_partner .container{padding:50px 30px 80px;} #ind_partner .slide .pic{width:calc((100% - 2px) / 3);} } /* 首页新闻 */ #ind_blog{padding:150px 0 160px;} #ind_blog .tit1{font-size: 24px;font-weight: 500;color:#333;line-height:1;margin-bottom:36px;} #ind_blog .tit2{font-size: 48px;font-weight: 600;color:var(--ThemeColor);line-height:1;} #ind_blog .right{max-width:60%;} #ind_blog .tab .li{margin-left:100px;width:fit-content;font-size: 20px;font-weight: 500;color: #999;transition: 0.3s linear;cursor: pointer;position: relative;padding-bottom:20px;} #ind_blog .tab .li:nth-child(1){margin-left:0;} #ind_blog .tab .li::after{content:'';position:absolute;bottom:0;left:50%;transform: translateX(-50%);width:0;height:3px;background-color:var(--ThemeColor2);transition: 0.3s linear;opacity:0;border-radius: 1.5px;} #ind_blog .tab .li.cur, #ind_blog .tab .li:hover{color:#333;} #ind_blog .tab .li.cur::after, #ind_blog .tab .li:hover::after{opacity:1;width:100%;} #ind_blog .bot .container{padding:75px 0 0;} #ind_blog .bot .slide .img{width:100%;padding-top:60.51%;border-radius:30px;} #ind_blog .bot .slide .time{font-size: 18px;line-height: 1;color: #999;margin:35px 0 16px;} #ind_blog .bot .slide .name{font-size: 24px;line-height: 1.5;color: #333;font-weight:500;height:calc(36px * 2);} #ind_blog .bot .slide .btn{margin-top: 50px;padding:0 10px 0 20px;border-radius: 26px;background-color: #f6f8fa;width: 201px;height: 52px;border-radius:26px;} #ind_blog .bot .slide .btn .txt{font-size: 16px;color: #999;line-height: 1;} #ind_blog .bot .slide .btn .icon{color:#fff;border-radius: 50%;background-color: var(--ThemeColor2);width: 26px;height: 26px;} #ind_blog .bot .slide .btn .icon .svg{width:15px;height:15px;fill:#fff;} #ind_blog .bot .slide:hover .btn{border-color:var(--ThemeColor2);color:#fff;background-color:var(--ThemeColor2);} #ind_blog .bot .slide:hover .btn .txt{color:#fff;} #ind_blog .bot .slide:hover .btn .icon{transform:translateX(-5px);background-color:#fff;} #ind_blog .bot .slide:hover .btn .icon .svg{fill:var(--ThemeColor2);} #ind_blog .bot .swiper-scrollbar{background-color: rgb(246, 248, 250);height: 3px;border-radius: 1.5px;bottom:0;} #ind_blog .bot .swiper-scrollbar-drag{background: var(--ThemeColor);border-radius: 1.5px;} #ind_blog .btns .pn{width:80px;height: 80px;border: 2px solid #fff;z-index: 10;top: 50%;border-radius: 50%;transform:translateY(-50%);box-shadow: 0px 10px 20px 0px rgba(0, 72, 152, 0.1);} #ind_blog .btns .pn i{font-size:20px;font-weight:bold;color:#fff;} #ind_blog .btns .prev{left: 1px;} #ind_blog .btns .next{right: 1px;} #ind_blog .btns .pn:hover{background-color:var(--ThemeColor);border-color:var(--ThemeColor);} #ind_blog .btns .pn:hover i{color:#fff;} @media screen and (max-width:1440px) { #ind_blog .tab .li{margin-left:50px;} } @media screen and (max-width:1024px) { #ind_blog{padding:80px 0;} #ind_blog .top{display:block;} #ind_blog .tit1{margin-bottom:20px;} #ind_blog .right{max-width:100%;} #ind_blog .tab{margin-top:30px;} #ind_blog .btns .pn{top:45%;} } @media screen and (max-width:750px) { #ind_blog .tit1{font-size:30px;} #ind_blog .tit2{font-size:42px;} #ind_blog .tab .li{font-size:30px;} #ind_blog .bot .container{padding:50px 0;} #ind_blog .bot .slide .time{font-size:28px;} #ind_blog .bot .slide .name{font-size:36px;height:calc(54px * 2);} #ind_blog .bot .slide .btn{padding:0 20px 0 30px; height:70px;border-radius:35px;min-width:260px;} #ind_blog .bot .slide .btn .txt{font-size:26px;} #ind_blog .bot .slide .btn .icon{width:40px;height:40px;} #ind_blog .bot .slide .btn .icon .svg{width:25px;height:25px;} } /* 关于我们 */ #about {padding:160px 0 120px;overflow:hidden;} #about .left{width:calc(100% - 34.375% - 5.625%);margin-right:5.625%;} #about .title{font-size: 48px;font-weight: 600;color: var(--ThemeColor);} #about .brief{font-size: 18px;color: #333;line-height: 2;margin-top:45px;} #about .right{width:34.375%;} #about .right .pic{width:100%;padding-top:117.819%;border-radius:30px;} #about .right .pic .video{width:50px;height:50px;border-radius:50%;border:2px solid var(--ThemeColor);cursor: pointer;transition: 0.3s;} #about .right .pic .video .icon{font-size:20px;line-height:1;color:var(--ThemeColor);margin-left:5px;} #about .right .pic .video:hover{transform:translate(-50%,-50%) scale(1.2);} #about .list{margin-top:120px;} #about .li{width:calc(100% / 6);padding:0 15px;position:relative;border-right:1px solid #dedede;} #about .li:nth-child(1){border-left:1px solid #dedede;} #about .li:nth-child(1)::before{content:'';position:absolute;z-index:2;left:-1px;top:0;width:1px;height:14px;background-color:var(--ThemeColor);} #about .li::after{content:'';position:absolute;z-index:2;right:-1px;top:0;width:1px;height:14px;background-color:var(--ThemeColor);} #about .li .num{font-size:36px;color:var(--ThemeColor);font-weight:bold;line-height:1;} #about .li .num span{font-size:48px;} #about .li .txt{font-size:18px;color:var(--ThemeColor);line-height:1.2;margin-top:15px;} @media screen and (max-width:1440px) { #about .li .num{font-size:30px;} #about .li .txt, #about .brief{font-size:16px;} } @media screen and (max-width:1280px) { #about .list{flex-wrap:wrap;gap:50px 0;} #about .li{width:calc(100% / 3);} } @media screen and (max-width:1280px) and (min-width:751px) { #about .li:nth-child(3n+1){border-left:1px solid #dedede;} #about .li:nth-child(3n+1)::before{content:'';position:absolute;z-index:2;left:-1px;top:0;width:1px;height:14px;background-color:var(--ThemeColor);} } @media (max-width: 1024px){ #about{padding:120px 0 80px;} #about .top{display:block;} #about .left{width: 100%;margin:0 0 50px 0;} #about .right{width: 100%;} #about .list{margin-top:80px;} } @media (max-width: 750px){ #about .title{font-size:42px;} #about .brief{font-size:28px;line-height:1.6;margin-top:30px;} #about .right .pic .video{width:100px;height:100px;border-width: 3px;} #about .right .pic .video .icon{font-size:40px;} #about .list{margin-top:50px;} #about .li{width:calc(100% / 2);border-width:2px;} #about .li:nth-child(2n+1){border-left:2px solid #dedede;} #about .li:nth-child(2n+1)::before{content:'';position:absolute;z-index:2;left:-2px;top:0;width:2px;height:14px;background-color:var(--ThemeColor);} #about .li .num{font-size:36px;text-align:center;} #about .li .txt{font-size:26px;text-align:center;} } #culture{padding:130px 0 145px;background-color:#f6f8fa;} #culture .title{margin-bottom:80px;font-size: 48px;font-weight: 600;color: var(--ThemeColor);line-height: 1;text-align: center;} #culture .li{width:23.75%;height:600px;border-radius: 30px;position: relative;} #culture .li::after{content: '';position: absolute;z-index: 2;bottom: 0;left: 0;width: 100%;height: 270px;background:url('/images/bg/culture-mask.png') repeat-x center bottom / 380px 100%;opacity:0.9;transition: all 0.3s;} #culture .li .info{padding:7%;display:flex;flex-direction: column; justify-content: flex-end;z-index:3;} #culture .li .text2{opacity:0;height:0;overflow:hidden;transform: translate(0,120px);} #culture .li .letter{text-align:center;font-size: 28px;color: rgba(255, 255, 255, 0.5);font-weight: bold;text-transform: uppercase;line-height: 1.2;} #culture .li .name{text-align:center;margin:15px 0 35px;font-size:28px;font-weight: 500;color: #fff;line-height: 1.2;} #culture .li .brief{font-size: 24px;line-height: 1.666;color: #fff;opacity: 0;transform: translate(0,120px);height:0;overflow:hidden;} @media screen and (min-width: 751px) { #culture .li.cur{width:50%;} #culture .li.cur .text1{opacity:0;height:0;overflow:hidden;} #culture .li.cur .text2{opacity:1;height:auto;transform: translate(0,0);} #culture .li.cur .letter{text-align: left;font-size: 42px;color:#fff;} #culture .li.cur .name{text-align:left;font-size: 40px;} #culture .li.cur .brief{transform: translate(0,0);opacity: 1;height:auto;} } @media screen and (max-width: 1366px) { #culture .li .letter{font-size:22px;} #culture .li .name{font-size:22px;margin:5px 0 25px;} #culture .li .brief{font-size:18px;} #culture .li.cur .letter{font-size: 36px;} #culture .li.cur .name{font-size: 34px;} } @media screen and (max-width: 1024px) { #culture .li .letter, #culture .li .name{font-size:20px;} #culture .li .brief{font-size:16px;} #culture .li.cur .letter{font-size: 34px;} #culture .li.cur .name{font-size: 32px;} } @media screen and (max-width: 750px) { #culture{padding: 80px 0;} #culture .title{font-size:42px;margin-bottom:50px;} #culture .cont{flex-wrap: wrap;} #culture .li{margin-top: 15px; width: 100%;} #culture .li .info{padding:5%;} #culture .li .text1{display:none;} #culture .li .text2{opacity:1;height:auto;transform: translate(0,0);} #culture .li .letter{text-align: left;font-size:42px;color:#fff;} #culture .li .name{text-align:left;font-size: 40px;} #culture .li .brief{font-size:26px;transform: translate(0,0);opacity: 1;height:auto;} } #history{padding:110px 0 140px;background: url('/images/bg/brand-history-bg.jpg') no-repeat center / cover;} #history .title{font-size: 48px;font-weight: 600;color: var(--ThemeColor);line-height: 1;text-align: center;} #history .line{width: calc(100% - 160px);height:2px;background: #999;left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%)} #history .pc-cont{margin:0 130px;padding-top:10px;} #history .pc-cont .slide{height:660px;transition:0.3s;} #history .pc-cont .slide .li{width:100%;max-height:50%;} #history .pc-cont .slide .li .year{font-size: 42px;font-weight: bold;color: var(--ThemeColor);line-height: 1.2;} #history .pc-cont .slide .li .brief{max-height:170px;overflow-y:auto;width: 405px;margin:20px 0;} #history .pc-cont .slide:last-child .li .brief{width:100%;} #history .pc-cont .slide .li .brief .tit{font-size: 24px;line-height: 36px;color: #333;font-weight:600;} #history .pc-cont .slide .li .brief .txt{font-size: 16px;line-height: 28px;color: #333;margin-top:5px;} #history .pc-cont .slide .li i{width: 2px;height: 18px;background-color: #999;left: 6px;} #history .pc-cont .slide .li.top{bottom: 50.9%;padding: 0 0 30px;} #history .pc-cont .slide .li.top i{bottom:0;} #history .pc-cont .slide .li.bot{top: 49.4%;padding: 30px 0 0;} #history .pc-cont .slide .li.bot i{top:0;} /* #history .prev.swiper-button-disabled, #history .next.swiper-button-disabled{opacity: 0;} */ #history .btns .pn{width:80px;height: 80px;border: 2px solid #999;z-index: 10;top: 50%;transform: translateY(-50%);border-radius: 50%;} #history .btns .pn i{font-size:20px;font-weight:bold;color:#999;} #history .btns .prev{left: 0;} #history .btns .next{right: 0;} #history .btns .pn:hover{background-color:var(--ThemeColor);border-color:var(--ThemeColor);} #history .btns .pn:hover i{color:#fff;} @media (max-width: 1024px){#history {padding:80px 0;}} @media (max-width: 750px){ #history .title{font-size: 42px;} #history .line, #history .pc-cont, #history .btns{display: none;} #history .mb-cont{display:block;padding:50px 0;} #history .mb-cont .slide .year{font-size: 62px;line-height:1;font-weight: bold;margin-bottom: 15px;} #history .mb-cont .slide .brief .tit{font-size:36px;line-height:1.6;color:#333;} #history .mb-cont .slide .brief .txt{font-size:26px;line-height:1.6;color:#333;} } #honor{width:100%;padding:115px 0 95px;overflow:hidden;background: url('/images/bg/honor-bg.jpg') no-repeat center bottom / 100%;} #honor .title{font-size: 48px;font-weight: 600;color: var(--ThemeColor);line-height: 1;text-align: center;} #honor .container{padding:90px 0;width:400px;margin:0 auto;overflow:visible;} #honor .container .slide{border-radius:20px;background:#f6f8fa;padding:40px 0;transition: 0.3s;} #honor .container .slide[data-number="2"]{transform:translateX(90px) scale(0.55);} #honor .container .slide[data-number="-2"]{transform:translateX(-90px) scale(0.55);} #honor .container .swiper-slide-prev, #honor .container .swiper-slide-next{transform:scale(0.7);} #honor .container .swiper-slide-active, #honor .container .swiper-slide-duplicate-active{background-color:#fff;transform:scale(1);box-shadow: 0px 20px 50px 0px rgba(143, 168, 204, 0.3);} #honor .container .slide .pic{width:100%;padding:0 12.5%;} #honor .container .slide .pic .img{width:100%;padding-top:120%;} #honor .container .slide .pic .img img{min-width:60%;} #honor .container .slide .text{font-size:20px;color:#999;text-align:center;margin-top:36px;padding:0 7%;} #honor .container .swiper-slide-active .img img{width:100%;} #honor .container .swiper-slide-active .text, #honor .container .swiper-slide-duplicate-active .text{color:#333;font-weight:500;} #honor .pn{width:80px;height:80px;border-radius:50%;background: #fff;} #honor .pn i{font-size:20px;color:#333;font-weight:bold;} #honor .prev{margin-right:40px;} #honor .pn:hover{background: var(--ThemeColor);} #honor .pn:hover i{color:#fff;} @media (max-width: 1024px) { #honor{padding:80px 0;background-size: cover;} } @media (max-width: 750px) { #honor .title{font-size:42px;} #honor .container{width:500px;} #honor .container .swiper-slide-active .text, #honor .container .swiper-slide-duplicate-active .text{font-size:30px;} #honor .pn{width:75px;height:75px;} #honor .pn .svg{transform:scale(1.5);} } #about_social{width:100%;overflow:hidden;background: no-repeat center / cover;} #about_social .box{min-height:814px;padding:80px 0;display:flex;justify-content: flex-end;align-items: center;} #about_social .info{width:50%;min-height: 450px;height:fit-content;padding:4%;border-radius: 30px;background-color: rgba(255, 255, 255, 0.902);box-shadow: 0px 30px 50px 0px rgba(0, 39, 82, 0.2);} #about_social .title{font-size: 48px;font-weight: 600;color: var(--ThemeColor);} #about_social .brief{font-size: 18px;color: #333;line-height: 2;margin-top:30px;} @media screen and (max-width: 1024px) { #about_social .info{width:70%;} } @media screen and (max-width: 750px) { #about_social .info{width:100%;} #about_social .title{font-size:42px;} #about_social .brief{font-size:28px;line-height:1.6;} } /* 产品中心 */ #products{padding:170px 0 145px;background-color:#f6f8fa;overflow:hidden;} #products .left{width:50%;} #products .name{font-size: 48px;font-weight: 600;color: var(--ThemeColor);} #products .brief{font-size: 18px;color: rgb(51, 51, 51);line-height: 2;margin-top:4.75%;} #products .right{width:calc(50% - 7.5%);margin-left:7.5%;} #products .pic{width:100%;padding-top:76.471%;border-radius:30px;} #products .list{margin-top:11.25%;padding:0 20px;gap:20px;} #products .li .icon{padding:10px;border-radius: 50%;background-color: rgb(255, 255, 255);width: 120px;height: 120px;margin:0 auto;} #products .li .txt{font-size: 20px;font-weight: 500;color: rgb(51, 51, 51);line-height: 1.5;text-align:center;margin-top:35px;} #products .bot{margin-top:8.438%;} #products .item{display:block;overflow:hidden;border-radius: 19px;background-color: rgb(255, 255, 255);} #products .item.w4{width:calc((100% - 32px * 3) / 4);padding:40px 30px;} #products .item.w2{width:calc((100% - 30px) / 2);padding:40px 30px;} #products .item.nourl, #products .item.nourl *{cursor: inherit;} #products .item .icon{width:fit-content;height:50px;margin-bottom:30px;} #products .item .tit{max-width:calc(100% - 20px - 25px);font-size: 28px;font-weight:500; color: rgb(51, 51, 51);margin-right:20px;} #products .item .jt .svg{width: 30px;height: 30px;fill:#ccc;} #products .item .txt{font-size: 16px;color: rgb(102, 102, 102);line-height: 1.875;margin-top:6px;} #products .item:hover{background-color: rgb(0, 72, 152);box-shadow: 0px 20px 40px 0px rgba(76, 112, 153, 0.35);} #products .item:hover .icon .i1{display: none;} #products .item:hover .icon .i2{display: inline-block;} #products .item:hover .jt .svg{fill:#fff;} #products .item:hover .tit, #products .item:hover .txt{color:#fff;} @media screen and (max-width: 1440px) { #products .list{margin-top:6%;padding:0;} #products .brief{font-size:16px;line-height:1.6;} #products .item .txt{line-height:1.6;} } @media screen and (max-width: 1280px) { #products .right {width: calc(50% - 3%);margin-left: 3%;} } @media screen and (max-width: 1024px) { #products{padding:120px 0 60px;} #products .ul{flex-wrap: wrap;} #products .item.w4{width:calc((100% - 32px) / 2);margin-bottom:32px;} } @media screen and (max-width: 750px) { #products .top{display:block;} #products .left{width:100%;} #products .name{font-size:42px;} #products .brief{font-size:28px;line-height:1.6;margin-top:20px;} #products .list{margin-top:30px;} #products .li .txt{font-size:26px;} #products .right{width:100%;margin-left:0;margin-top:50px;} #products .bot{margin-top:50px;} #products .item.w2, #products .item.w4{width:100%;margin-bottom:32px;} #products .item .tit{font-size:36px;} #products .item .txt{font-size:26px;} #products .item .jt .svg{width:40px;height:40px;} } /* 设备列表 */ #equipment{padding:110px 0 95px;} #equipment .title{font-size: 42px;font-weight: 600;color: rgb(51, 51, 51);line-height: 1;} #equipment .li{width:50%;border-bottom:1px solid #e6e6e6;} #equipment .left{width:44.586%;} #equipment .pic{width:100%;padding-top:85.714%;border-radius:19px;} #equipment .right{width:calc(100% - 44.586% - 5.096%);margin-left:5.096%;} #equipment .name{font-size: 30px;font-weight: 500;color: rgb(51, 51, 51);line-height: 1.2;} #equipment .brief{font-size: 16px;color: rgb(51, 51, 51);line-height: 1.875;margin-top:18px;max-height:calc(30px * 7);overflow-y: auto;} #equipment .more{margin:86px auto 0;border-radius: 50%;background-color: var(--ThemeColor);box-shadow: 0px 12px 20px 0px rgba(0, 72, 152, 0.2);width: 66px;height: 66px;} #equipment .more .svg{width:25px;height:25px;fill:#fff;transform:rotate(90deg);} #equipment .more:hover{transform: translateY(3px);} @media screen and (min-width: 1025px){ #equipment .li{padding:58px 15px 58px 0;} #equipment .li:nth-child(2n){padding:58px 0 58px 15px;} } @media screen and (max-width: 1280px) { #equipment .brief{max-height: calc(30px * 6);} } @media screen and (max-width: 1024px) { #equipment{padding:80px 0;} #equipment .li{width:calc(100% / 3);display:block;} #equipment .left{width:100%;} #equipment .right{width:100%;margin:20px 0 0 0;} #equipment .brief{margin-top:10px;max-height:none;} } @media screen and (max-width: 1024px) and (min-width: 751px){ #equipment .li:nth-child(3n+1){padding:50px 20px 50px 0;} #equipment .li:nth-child(3n){padding:50px 0 50px 20px;} #equipment .li:nth-child(3n-1){padding:50px 10px 50px 10px;} } @media screen and (max-width: 750px) { #equipment .li{width:100%;} #equipment .li{padding:50px 0;} #equipment .name{font-size:36px;} #equipment .brief{font-size:26px;line-height:1.6;} #equipment .more{margin-top:50px;} } /* 线体详情 */ #pro_detail{padding:145px 0 150px;background-color:#f6f8fa;} #pro_detail .pro_subnav .slide{margin:0 10px;transition: 0.3s;display:block;min-width: 180px;width:fit-content;padding:0 20px; height: 60px;border: 2px rgba(102, 102, 102,0.302) solid;font-size: 20px;color: rgb(51, 51, 51);line-height: 54px;text-align: center;border-radius:30px;} #pro_detail .pro_subnav .slide:last-child{margin-right:0;} #pro_detail .pro_subnav .slide:hover{color:var(--ThemeColor);border-color: var(--ThemeColor);} #pro_detail .pro_subnav .slide.cur{font-weight:500;color:#fff;background-color:var(--ThemeColor);border-color: var(--ThemeColor);} #pro_detail .title{margin-top:90px;font-size: 42px;font-weight: 600;color:var(--ThemeColor);line-height: 1;text-align: center;} #pro_detail .pictures{padding:60px 0 100px;} #pro_detail .pictures .slide{width:72.188%;border-radius:19px;overflow:hidden;transition: 0.3s;} #pro_detail .pictures .slide .pic{width:100%;padding-top:55.411%;} #pro_detail .pictures .slide.swiper-slide-active{box-shadow: 0px 30px 60px 0px rgba(0, 28, 60, 0.3);} #pro_detail .pictures .swiper-pagination{bottom:calc(100px + 4.6%) /*17.2%;*/} #pro_detail .pictures .swiper-pagination-bullet{background: rgb(255, 255, 255);width: 10px;height: 10px;opacity:1;margin: 0 10px;} #pro_detail .pictures .swiper-pagination-bullet-active{background: var(--ThemeColor2);} /* mask */ #pro_detail .pictures .slide::after{content:'';background-color: #000f2d;opacity: 0.749;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;pointer-events: none;transition: 0.3s;} #pro_detail .pictures .slide.swiper-slide-active::after{opacity:0;} #pro_detail .pictures .pn{border-radius: 50%;background-color: rgb(255, 255, 255);position: absolute;top: 46.5%;transform: translateY(-50%); width: 66px;height: 66px;z-index:2;} #pro_detail .pictures .pn.prev{left:5.313%;} #pro_detail .pictures .pn.next{right:5.313%;} #pro_detail .pictures .pn .svg{width: 30px;height: 30px;fill:#333;} #pro_detail .pictures .pn.prev .svg{transform: rotate(180deg);} #pro_detail .pictures .pn:hover{background-color:var(--ThemeColor2);} #pro_detail .pictures .pn:hover .svg{fill:#fff;} #pro_detail .li{margin-bottom:42px;} #pro_detail .li:last-child{margin-bottom:0;} #pro_detail .li .tit{font-size: 30px;font-weight: 600;color: rgb(51, 51, 51);} #pro_detail .li .txt{font-size: 18px;color: rgb(51, 51, 51);line-height: 2;margin-top:15px;} @media screen and (min-width: 751px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(840px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-840px) scale(.84) !important;} @media (max-width: 1680px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(806.5px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-806.5px) scale(.84) !important;} } @media (max-width: 1536px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(737px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-737px) scale(.84) !important;} } @media (max-width: 1440px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(690px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-690px) scale(.84) !important;} } @media (max-width: 1366px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(654px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-654px) scale(.84) !important;} } @media (max-width: 1280px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(613px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-613px) scale(.84) !important;} } @media (max-width: 1200px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(574px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-574px) scale(.84) !important;} } @media (max-width: 1024px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(490px) scale(.84) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(-490px) scale(.84) !important;} } @media (max-width: 750px) { #pro_detail .pictures .slide.swiper-slide-prev{transform: translateX(0) scale(0) !important;} #pro_detail .pictures .slide.swiper-slide-next{transform: translateX(0) scale(0) !important;} } } @media screen and (max-width: 750px) { #pro_detail{padding:120px 0 80px;} #pro_detail .title{margin-top:60px;} #pro_detail .pro_subnav{padding:0 50px;} #pro_detail .pro_subnav .slide{font-size:30px;height:70px;border-radius: 35px;line-height:66px;} #pro_detail .pro_subnav .pn{width:50px;height:100%;top:50%;transform: translateY(-50%);z-index:2;display:flex;} #pro_detail .pro_subnav .pn.prev{left:0;} #pro_detail .pro_subnav .pn.next{right:0;} #pro_detail .pro_subnav .pn i{font-size:35px;color:var(--ThemeColor);} #pro_detail .pictures .slide{width: 100%;} #pro_detail .pictures .slide::after{display: none; } #pro_detail .pictures .slide.swiper-slide-active{box-shadow: none;} #pro_detail .pictures .swiper-pagination-bullet{margin:0 5px;} #pro_detail .li .tit{font-size:36px;} #pro_detail .li .txt{font-size:28px;line-height:1.6;} } /* 新闻中心 */ #blog{background: #f6f8fa;padding: 170px 0 115px;} #blog .item{width: calc((100% - 2.5% * 2) / 3);margin:2.5% 2.5% 0 0;background: #fff; border-radius: 20px;overflow:hidden;} #blog .item:nth-child(-n+3){margin-top: 0;} #blog .item:nth-child(3n){margin-right: 0;} #blog .btn{width: 49px; height: 49px; border-radius: 50%;} #blog .btn i{font-size:12px;color:#fff;font-weight:bold;line-height:1;margin-left:2px;} #blog .bot .pic{padding-top: 61.66%;} #blog .bot .info{padding: 35px 7.71% 20px;} #blog .bot .cate{font-size: 16px; color: #999; line-height:1;} #blog .bot .name{margin:12px 0 22px;font-size: 24px;color: #333;line-height: 36px;height: calc(36px * 2);font-weight: 500;} #blog .bot .time{font-size: 16px;color: #999;} #blog .bot .btn{background-color: var(--ThemeColor);} #blog .top{height: 100%; top: inherit; bottom: -110%; background:var(--ThemeColor); padding: 40px 7.71% 20px; flex-direction: column; justify-content: space-between;} #blog .top .cate{font-size: 16px; color: rgba(255,255,255,0.5); line-height: 25px;} #blog .top .name{margin:10px 0 30px;font-size: 24px; color: #fff;line-height: 36px;font-weight: 500;} #blog .top .brief{font-size: 16px;color: #fff;line-height: 30px;} #blog .top .time{font-size: 16px;color: rgba(255,255,255,0.5);} #blog .top .btn{background-color: var(--ThemeColor2);} @media (any-hover: hover) {#blog .item:hover .top{bottom: 0;}} @media (max-width: 1366px) { #blog .bot .name{height: calc(30px * 2);} #blog .bot .name, #blog .top .name{font-size: 20px; line-height:1.5;} #blog .top .brief{line-height: 1.5;} } @media (max-width: 750px) { #blog{padding: 130px 0 80px;} #blog .item{width: 100%; margin:50px 0 0;} #blog .item:nth-child(-n+3){margin-top: 50px;} #blog .item:first-child{margin-top: 0;} #blog .top{display: none;} #blog .bot .info{padding: 50px 40px;} #blog .bot .name{font-size: 32px;height: calc(48px * 2);} #blog .bot .cate, #blog .bot .time{font-size: 26px;} #blog .btn i{font-size:20px;} } /* 新闻详情 */ #blog_detail{background-color:#f6f8fa;} #blog_detail .left{width:72.143%;border-right: 1px solid #dedede;} #blog_detail .detail{font-size: 18px;color: #333;line-height:2;padding:75px 5.926% 90px 0;border-bottom: 1px solid #dedede;} #blog_detail .detail * {max-width: 100%;} #blog_detail .detail img {object-fit: contain;} #blog_detail .page{padding:70px 5.947% 60px 0;} #blog_detail .pn:first-child {margin-bottom:25px;} #blog_detail .pn .text{white-space:nowrap;font-size: 18px;font-weight: 500;color: #999;line-height: 1.667;} #blog_detail .pn .name{flex:1;font-size: 18px;color: #999;line-height: 1.667;} #blog_detail .pn .line{width:1px;background-color:#999;height:16px;margin:7px 30px;} #blog_detail .pn:hover .line{background-color:var(--ThemeColor);} #blog_detail .pn:hover .text, #blog_detail .pn:hover .name{color:var(--ThemeColor);} #blog_detail .right{width:calc(100% - 72.143%);} #blog_detail .share{padding:40px 0 40px 21.795%;border-bottom: 1px solid #dedede;} #blog_detail .share .box {cursor:pointer;width: 49px;height: 49px;border-radius: 50%;background-color: #e6e6e6;margin-right:25px;} #blog_detail .share .box:last-child {margin-right: 0;} #blog_detail .share .box .svg {fill:#333;} #blog_detail .share .box:hover{background-color: var(--ThemeColor2);} #blog_detail .share .box:hover .svg{fill:#fff;} #blog_detail .list{padding:48px 0 40px 21.795%;} #blog_detail .related_tit{margin-bottom:30px;font-size: 24px;font-weight: 500;color: #333;line-height: 1.5;} #blog_detail .li{width:100%;padding-bottom: 22px;border-bottom: 1px solid #dedede;margin-top: 30px;} #blog_detail .li:first-child {margin-top: 0;} #blog_detail .li .related_pic{width:100%;padding-top:68.853%;border-radius:20px;margin-bottom:20px;} #blog_detail .li .day{font-size:26px;font-weight: 600;color: #333;line-height: 1;text-align: center;} #blog_detail .li .year{font-size:14px;color: #333;line-height: 1;text-align: center;margin-top:4px;} #blog_detail .li .line{width:1px;height:38px;background-color:#dedede;margin:0 16px;} #blog_detail .li .name{flex:1;font-size:16px;color: #333;line-height: 1.5;} #blog_detail .li:hover .day, #blog_detail .li:hover .year, #blog_detail .li:hover .name {color: var(--ThemeColor);} #blog_detail .li:hover .line{background-color:var(--ThemeColor);} @media screen and (max-width:1440px){ #blog_detail .share, #blog_detail .list{padding-left:16%;} } @media screen and (max-width:1024px) { #blog_detail .content{display: block;} #blog_detail .left{width: 100%;border-right: none;} #blog_detail .page, #blog_detail .detail{padding:50px 0;} #blog_detail .right {width: 100%;} #blog_detail .share{padding-left:0;border-top:1px solid #dedede;} #blog_detail .share .box {margin-right: 20px;} #blog_detail .list{padding-left:0;} #blog_detail .ul{display:flex;flex-wrap:wrap;} #blog_detail .li{width:calc(50% - 15px);margin:0 30px 30px 0;} #blog_detail .li:nth-child(2n){margin-right:0;} } @media screen and (max-width:750px) { #blog_detail .detail * {font-size: 30px !important;line-height: 1.8 !important;} #blog_detail .pn .line{height:28px;margin:7px 20px;} #blog_detail .pn .name, #blog_detail .pn .text{font-size:28px;line-height: 1.5;} #blog_detail .share .box {width: 80px;height: 80px;} #blog_detail .share .box .svg {transform: scale(1.3);} #blog_detail .related_tit{font-size: 36px;} #blog_detail .li {width: 100%;margin:0 0 50px 0;} #blog_detail .li .word{display:block;} #blog_detail .li .line, #blog_detail .li .time{display:none;} #blog_detail .li .name{font-size:30px;width:100%;} #blog_detail .li .mb_time{font-size:28px;color:#999;line-height:1.5;margin-top:15px;display:block;} } /* 案例 */ #case {padding: 120px 0 165px;background: #f6f8fa;} #case .crumbs{margin-bottom: 80px;} #case .crumbs .name, #case .crumbs .line2{font-size: 18px;color:#333;line-height: 1;} #case .crumbs .line2{margin:0 10px;} #case .crumbs .name:hover{color:var(--ThemeColor);} #case .li{border-radius: 20px;background-color:#fff;overflow: hidden;margin-top: 80px;} #case .li:first-child {margin-top: 0;} #case .li:nth-child(2n) {flex-direction: row-reverse;} #case .li .item{width:50%;} #case .li .pic{width: 100%;height:100%;padding-top:68.75%;} #case .li .right{padding:30px 5%;} #case .li .title{font-size: 36px;font-weight: 500;color:#333;} #case .li .brief{font-size: 18px;line-height: 36px;color:#333;margin-top:30px;} #case .li .btn{margin-top: 70px;padding:0 10px 0 20px;border-radius: 26px;background-color: #f6f8fa;width: 201px;height: 52px;border-radius:26px;} #case .li .btn .txt{font-size: 16px;color: #999;line-height: 1;} #case .li .btn .icon{color:#fff;border-radius: 50%;background-color: var(--ThemeColor2);width: 26px;height: 26px;} #case .li .btn .icon .svg{width:15px;height:15px;fill:#fff;} #case .li:hover {box-shadow: 15px 25.98px 50px 0px rgba(0, 72, 152, 0.2);} #case .li:hover .btn{border-color:var(--ThemeColor2);color:#fff;background-color:var(--ThemeColor2);} #case .li:hover .btn .txt{color:#fff;} #case .li:hover .btn .icon{transform:translateX(-5px);background-color:#fff;} #case .li:hover .btn .icon .svg{fill:var(--ThemeColor2);} @media screen and (max-width:1024px) { #case{padding:120px 0 80px;} } @media screen and (max-width:750px) { #case .crumbs{display:none;} #case .li{display:block;} #case .li .item{width:100%;} #case .li .right{padding: 30px;} #case .li .brief{font-size: 28px;line-height: 1.6;margin-top:20px;} #case .li .btn{padding:0 20px 0 30px;margin-top:30px;width:280px;height:70px;border-radius:35px;} #case .li .btn .txt{font-size:26px;} #case .li .btn .icon{width:40px;height:40px;} #case .li .btn .icon .svg{width:25px;height:25px;} } /* 案例详情 */ #case_detail{background-color:#f6f8fa;} #case_detail .left{width:72.143%;border-right: 1px solid #dedede;} #case_detail .thumbnail{padding:90px 5.926% 0 0;} #case_detail .main{margin-bottom:30px;} #case_detail .main .slide{border-radius:30px;overflow: hidden;} #case_detail .main .slide .pic{width:100%;padding-top:52.631%;} #case_detail .bot{padding:0 7px;} #case_detail .thumbs{margin:0 12px;width:calc(100% - 12px * 2 - 56px * 2);} #case_detail .thumbs .slide{border-radius:10px;overflow: hidden;transition: 0.3s;} #case_detail .thumbs .slide::before{content:'';position:absolute;left:0;top:0;z-index:3;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:10px;border: 3px solid transparent;transition: 0.3s;pointer-events:none;} #case_detail .thumbs .slide::after{content:'';position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background-color:rgba(0, 0, 0, .4);transition: 0.3s;} #case_detail .thumbs .slide .play{z-index:3;} #case_detail .thumbs .slide .play .svg{width: 40px;height: 40px;fill:#fff;} #case_detail .thumbs .slide:hover .play .svg{transform: scale(1.2);} #case_detail .thumbs .slide .pic{width:100%;padding-top:52.632%;} #case_detail .thumbs .slide.swiper-slide-thumb-active::before{border-color:var(--ThemeColor);} #case_detail .thumbs .slide.swiper-slide-thumb-active::after{background-color:transparent;} #case_detail .pn{border-radius: 50%;background-color: #fff;box-shadow: 5px 8.66px 20px 0px rgba(0, 72, 152, 0.2);width: 56px;height: 56px;} #case_detail .pn .svg{width:20px;height:20px;fill:#333;} #case_detail .pn.prev .svg{transform: rotate(180deg);} #case_detail .pn:hover{background-color: var(--ThemeColor);} #case_detail .pn:hover .svg{fill:#fff;} #case_detail .item{padding:85px 5.926% 150px 0;} #case_detail .item_li{margin-bottom:42px;} #case_detail .item_li:last-child {margin-bottom: 0;} #case_detail .item_li .tit{font-size: 30px;font-weight: 500;color: #333;} #case_detail .item_li .txt{font-size: 18px;color: #333;line-height:2;margin-top:15px;} #case_detail .item_li .txt::before {content: "\00A0\00A0";display: inline-block;width: 3ch;height: 0;visibility: hidden;} #case_detail .right{width:calc(100% - 72.143%);} #case_detail .share{padding:40px 0 40px 21.795%;border-bottom: 1px solid #dedede;} #case_detail .share .box {cursor:pointer;width: 49px;height: 49px;border-radius: 50%;background-color: #e6e6e6;margin-right:25px;} #case_detail .share .box:last-child {margin-right: 0;} #case_detail .share .box .svg {fill:#333;} #case_detail .share .box:hover{background-color: var(--ThemeColor2);} #case_detail .share .box:hover .svg{fill:#fff;} #case_detail .list{padding:48px 0 40px 21.795%;} #case_detail .related_tit{margin-bottom:30px;font-size: 24px;font-weight: 500;color: #333;line-height: 1.5;} #case_detail .li{width:100%;padding-bottom:35px;border-bottom: 1px solid #dedede;margin-top: 30px;} #case_detail .li:first-child {margin-top: 0;} #case_detail .li .related_pic{width:100%;padding-top:68.853%;border-radius:20px;margin-bottom:25px;} #case_detail .li .name{font-size:18px;color: #333;line-height: 1.333;} #case_detail .li:hover .name{color: var(--ThemeColor);font-weight:500;} @media screen and (max-width:1440px){ #case_detail .share, #case_detail .list{padding-left:16%;} } @media screen and (max-width:1024px) { #case_detail .content{display: block;} #case_detail .left{width: 100%;border-right: none;} #case_detail .thumbnail, #case_detail .item{padding:50px 0;} #case_detail .right {width: 100%;} #case_detail .share{padding-left:0;border-top:1px solid #dedede;} #case_detail .share .box {margin-right: 20px;} #case_detail .list{padding-left:0;} #case_detail .ul{display:flex;flex-wrap:wrap;} #case_detail .li{width:calc(50% - 15px);margin:0 30px 30px 0;} #case_detail .li:nth-child(2n){margin-right:0;} } @media screen and (max-width:750px) { #case_detail .pn .svg{width:30px;height:30px;} #case_detail .item_li .tit{font-size: 36px;} #case_detail .item_li .txt{font-size: 28px;line-height: 1.6;} #case_detail .share .box {width: 80px;height: 80px;} #case_detail .share .box .svg {transform: scale(1.3);} #case_detail .related_tit{font-size: 36px;} #case_detail .li {width: 100%;margin:0 0 50px 0;} #case_detail .li .word{display:block;} #case_detail .li .line, #case_detail .li .time{display:none;} #case_detail .li .name{font-size:30px;width:100%;} #case_detail .li .mb_time{font-size:28px;color:#999;line-height:1.5;margin-top:15px;display:block;} } /* 联系我们 */ #contact{padding-top:60px;overflow:hidden;} #contact .li{width:100%;padding:110px 0;background-color:#fff;} #contact .li:nth-child(2n){background-color:#f6f8fa;} #contact .li:nth-child(2n) .cont{flex-direction:row-reverse;} #contact .li:nth-child(2n-1) .cont .left{padding-left:10%;} #contact .left{width:43.75%;} #contact .left .company{font-size: 30px;font-weight: 500;color: #333;} #contact .left .name{font-size:36px;font-weight:600;color:var(--ThemeColor);margin:12px 0 26px;} #contact .left .line{background-color: rgb(217, 217, 217);width: 392px;height: 2px;} #contact .left .item{margin-top:40px;} #contact .left .tit{font-size: 18px;color: #999;line-height: 1;margin-bottom:7px;} #contact .left .txt{font-size: 16px;color: #333;line-height: 1.75;} #contact .right{width:43.75%;} #contact .right.first{width:50%;} #contact .w_50vw{width:50vw;max-width: 960px;} #contact .pic{width:100%;padding-top:80%;border-radius:30px;} #contact .first .pic{padding-top:58.333%;border-radius:30px 0 0 30px;} @media screen and (max-width:1440px) { #contact .li:nth-child(2n-1) .cont .left{padding-left:5%;} #contact .left .company{font-size:26px;} #contact .left .name{font-size:30px;margin:5px 0 15px;} #contact .left .item{margin-top:20px;} #contact .left .txt{line-height:1.6;} } @media screen and (max-width:1200px) { #contact .right{width:50%;} #contact .li:nth-child(2n-1) .cont .left{padding-left:2.8%;} #contact .left .line{width:75%;} } @media screen and (max-width:1024px) { #contact .li{padding:80px 0;} #contact .left .company{font-size:20px;} #contact .left .name{font-size:26px;margin:5px 0 10px;} #contact .left .item{margin-top:15px;} } @media screen and (max-width:750px) { #contact .li .cont{display: block;} #contact .left{width:100%;padding:0 50px !important;margin-bottom:30px;} #contact .left .company{font-size:36px;} #contact .left .name{font-size:42px;margin:10px 0 30px;} #contact .left .item{margin-top:30px;} #contact .left .tit{font-size:28px;} #contact .left .txt{font-size:26px;} #contact .right{width:100% !important;} #contact .w_50vw{max-width:100%;width:100%;} #contact .first .pic{border-radius:30px;} } /* 联系我们-表单 */ #feedback{padding:100px 0 125px;background-color:#f6f8fa;} #feedback .title{font-size: 48px;font-weight:600;color: #333;line-height: 1;text-align: center;margin-bottom:70px;} #feedback .form{padding:70px 6.25% 80px;border-radius: 30px;background-color: rgb(255, 255, 255);} #feedback .form .item{width:calc((100% - 2.858%) / 2);margin:0 2.858% 20px 0;} #feedback .form .item:nth-child(2n){margin-right:0;} #feedback .form .placeholder{font-size: 18px;padding: 0 20px;color:#999;line-height: 58px;width:100%;} #feedback .form .placeholder .red{color:#ff0000;} #feedback .form textarea::placeholder{color:#999;} #feedback .form textarea::-moz-placeholder{color:#999;} #feedback .form textarea::-webkit-input-placeholder{color:#999;} #feedback .form .input{width:100%;height:60px;font-size: 18px;color: #333;padding: 0px 20px;border: 1px solid #e6e6e6;border-radius: 10px;} #feedback .form .textarea{width: 100%;height:186px;padding: 15px 20px;line-height: 1.5;font-size: 18px;color: #333;border: 1px solid #e6e6e6;border-radius: 10px;margin-bottom:40px;} #feedback .form input, #feedback .form textarea{width:100%;height:100%;} #feedback .form .vcode{max-width:580px;width:100%;height: 60px;font-size: 18px;color: #333;margin-right:30px;} #feedback .form .vcode .input{width:calc(100% - 156px);height:100%;border-radius:10px 0 0 10px;overflow: hidden;} #feedback .form .vcode .input:hover{border-color:var(--ThemeColor);} #feedback .form .vcode .code{width:156px;height:100%;cursor: pointer;border:1px solid #e6e6e6;border-radius: 0 10px 10px 0;overflow: hidden;} #feedback .form .submit{background-color:var(--ThemeColor);min-width: 255px;width:fit-content;padding:0 20px;height: 60px;font-size: 20px;text-align: center;color:#fff;border-radius:30px;} #feedback .form .input:hover, #feedback .form .textarea:hover{border-color: var(--ThemeColor);} @media screen and (max-width:750px) { #feedback{padding:80px 0;} #feedback .title{font-size:42px;margin-bottom:50px;} #feedback .form{padding:30px;} #feedback .form .item{width:100%;margin:0 0 30px 0;} #feedback .form .textarea{font-size:30px;height:260px;border-radius: 12px;} #feedback .form .input{font-size:30px;height:70px;border-radius: 12px;} #feedback .form .placeholder{font-size:30px;line-height:68px;} #feedback .form .bot{display:block;} #feedback .form .vcode{max-width:100%;height:70px;font-size:30px;} #feedback .form .vcode .input{width:calc(100% - 200px);border-radius: 12px 0 0 12px;} #feedback .form .vcode .code{width:200px;border-radius: 0 12px 12px 0;} #feedback .form .submit{min-width:300px;font-size:30px;height:70px;border-radius:35px;margin-top:30px;} } /* 全球网络 */ #global{padding:170px 0 15px;background:#f6f8fa url('/images/bg/global-bg.png') center bottom / cover;overflow:hidden;} #global .title{font-size: 48px;font-weight: 600;color: rgb(17, 65, 130);line-height: 1.25;text-align: center;} #global .brief{font-size: 18px;color: #333;line-height: 2;text-align: center;margin:22px 0 52px;} #global .tab .li{cursor: pointer;transition: 0.3s;border-radius: 26px;padding:0 20px;background-color: #fff;box-shadow: 5px 8.66px 20px 0px rgba(94, 118, 144, 0.1);min-width: 160px;width:fit-content;height: 52px;margin:0 21px;font-size: 18px;color: #333;text-align: center;} #global .tab .li.cur{background-color:var(--ThemeColor);color:#fff;} #global .con:nth-child(2){margin-top:40px;} #global .con .map{width:fit-content;margin:0 auto;} #global .d{z-index:2;} #global .d.cur{z-index:3;} #global .d .item{border-radius: 50%;background-color: rgb(0, 105, 213);width: 12px;height: 12px;z-index:2;} #global .d .item .y{display:none;} #global .d:not(.first) .item::before, #global .d:not(.first) .item::after{width: 100%;height: 100%;border-radius: 50%;position: absolute;left:0;top:0;content: '';z-index: -1;pointer-events: none;} #global .d:not(.first) .item::before{background-color: rgba(0, 105, 213, 0.2);animation: small_expand 3s linear 0s infinite;} #global .d:not(.first) .item::after{background-color: rgba(0, 105, 213, 0.05);animation: small_expand2 3s linear 2.1s infinite;} #global .d.first .item{background-color: var(--ThemeColor2);} #global .d.first .item .y{display:block;width: 100%;height: 100%;border-radius: 50%;position: absolute;left:0;top:0;z-index:-1;background-color: rgba(229, 0, 79,0.3);animation: expand2 3s linear infinite;} #global .d.first .item::before, #global .d.first .item::after{width: 100%;height: 100%;border-radius: 50%;position: absolute;left:0;top:0;content: '';z-index: -1;pointer-events: none;} #global .d.first .item::before{background-color: rgba(229, 0, 79,0.2);animation: expand 3s linear 0s infinite;} #global .d.first .item::after{background-color: rgba(229, 0, 79,0.05);animation: expand 3s linear 2.1s infinite;} #global .d .item .name{--popup_text:6px;font-size: 16px;color: rgb(51, 51, 51);text-align:center;z-index:1;line-height:1;} #global .d .item .name.top{left:50%;bottom:calc(100% + var(--popup_text));transform: translateX(-50%);} #global .d .item .name.bottom{left:50%;top:calc(100% + var(--popup_text));transform: translateX(-50%);} #global .d .item .name.left{right:calc(100% + var(--popup_text));top:50%;transform: translateY(-50%);} #global .d .item .name.right{left:calc(100% + var(--popup_text));top:50%;transform: translateY(-50%);} #global .d .item .tip{font-size: 18px;font-weight: 600;color: rgb(255, 255, 255);line-height: 1.222;text-align: center;background-color:var(--ThemeColor2);border-radius: 50%;bottom:calc(100% + 10px);left:50%;transform: translateX(-50%);z-index:1;white-space: nowrap;min-width:80px;height: 80px;padding:15px;} #global .d .item .tip::after{content:'';width:0;height:0;border:10px solid transparent;border-top-color:var(--ThemeColor2);position: absolute;left:50%;top:95%;transform: translateX(-50%);} #global .d .brief_popup{opacity:0;pointer-events:none;z-index:2;left:60px;top:-60px;transition: 0.3s;} #global .d .brief_popup .description{text-align: left; font-size: 16px;color: rgb(255, 255, 255);line-height: 1.875;border-radius: 20px;background-color: rgb(17, 65, 130,0.95);box-shadow: 15px 25.981px 40px 0px rgba(0, 72, 152, 0.3);width: 425px;padding:25px 28px;} #global .d.cur .brief_popup{opacity:1;pointer-events: all;} @media screen and (max-width:1536px) { #global .d .brief_popup{left: 40px;} } @media screen and (max-width:1440px) { #global .d .brief_popup{left:20px;} } @media screen and (max-width:1366px) { #global .d .brief_popup .description{width:350px;} } @media screen and (max-width:1280px) { #global .d .brief_popup{left:auto;right:50px;} #global .d .brief_popup .description{width:425px;} } @media screen and (max-width:750px) { #global{padding:120px 0 60px;} #global .title{font-size:42px;} #global .brief{font-size:30px;line-height:1.6;} #global .tab .li{font-size:30px;height:70px;border-radius: 35px;min-width:200px;} #global .d .brief_popup{display:none;} #global .mb_cont{display:block;} #global .mb_li{background-color:#fff;border-radius:30px;padding:30px;} #global .mb_li .mb_name{font-size:36px;color:var(--ThemeColor);font-weight:500;} #global .mb_li .mb_brief{font-size:26px;margin-top:20px;line-height:1.6;} } /*全站搜索*/ #search{width:100%;padding:180px 0 100px;} #search .form{margin-bottom:45px;} #search .form .search_form{width:60%;height:60px;margin:0 auto;border: 1px solid #ccc;border-radius:30px;} #search .form .search_form .text{padding:0 30px;width:calc(100% - 60px);height:100%;font-size:18px;color:#333;} #search .form .search_form .text::placeholder{color:#999;transition: 0.3s;} #search .form .search_form .text:hover::placeholder{color:#333;} #search .form .search_form .text:hover::-webkit-input-placeholder{color:#333;} #search .form .search_form .text:hover::-moz-placeholder{color:#333;} #search .form .search_form .submit{width:60px;height:100%;background-color:var(--ThemeColor);padding-right:5px;} #search .form .search_form .submit .svg{width:25px;height:25px;fill:#fff;} #search .form .search_form .submit:hover{background-color:var(--ThemeColor);} #search .form .search_form:hover{border-color:var(--ThemeColor);} #search .list{width:100%;} #search .list .info .cate{padding-left:15px;} #search .list .info li{padding:20px 0; border-bottom:1px solid #ccc;} #search .list .info li:first-child{border-top:1px solid #ccc;} #search .list .info li .title{transition:all 0.3s;max-width:80%;margin-right:16px;line-height:22px; color:#333;font-size:18px;font-weight:500;font-family:'MiSans-Medium';} #search .list .info li .day, #search .list .info li .cate{color:#666;font-size:16px;margin-right:20px;transition:0.3s;} #search .list .info li .day{margin:0;} #search .list .info li .desc{margin-top:1.375%;color:#999;font-size:16px;line-height:30px;transition:0.3s;} #search .list .info li:hover .desc{color:#333;} #search .list .info li:hover .day, #search .list .info li:hover .cate, #search .list .info li:hover .title{color:var(--ThemeColor);} @media (max-width: 750px){ #search{padding:80px 0;} #search .form .search_form{width:100%;height:70px;border-radius:35px;} #search .form .search_form .text{width:calc(100% - 100px);font-size:28px;border-color:#fff;} #search .form .search_form .submit{width:100px;} #search .list .info li .title{font-size:36px;line-height: 1.6;max-width:100%;} #search .list .info li .day, #search .list .info li .cate{font-size: 28px;line-height: 1.6;} #search .list .info li .desc{font-size: 30px;line-height: 1.6;} #search .form .search_form .submit .svg{width:40px;height:40px;} }