:root{ --main: #013b96; } @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCLwR26eg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCCwR26eg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCIwR26eg.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiIW_3QRQ.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiBW_3QRQ.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin-ext */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiLW_3QRQ.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'PT Sans Narrow'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/ptsansnarrow/v18/BngSUXNadjH0qYEzV7ab-oWlsbg95AiFW_0.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body *{font-family: "PT Sans Narrow";} /*分页*/ #turn_page{margin-top: 60px;} #turn_page .lyui_paging_btn, #turn_page .lyui_paging_point{width: 50px;height: 50px;border-radius: 5px;border: 1px solid #e5e5e5;color: #666;background: #fff;} #turn_page .lyui_paging_prev, #turn_page .lyui_paging_next{width: 50px;height: 50px;border: 1px solid #e5e5e5;display: none;background: #fff;} #turn_page .lyui_paging_prev[href], #turn_page .lyui_paging_next[href]{display: flex;} #turn_page .lyui_paging_btn.cur{background-color: var(--main) !important;color: #fff !important;border-color: var(--main);} #turn_page .lyui_paging_btn:not(.cur):hover, #turn_page .lyui_paging_prev:hover, #turn_page .lyui_paging_next:hover{border-color: var(--main) !important;background-color: #fafafa !important;color: var(--main) !important;} #turn_page .lyui_paging_prev svg{transform: rotate(180deg);} #turn_page .lyui_paging_btn:hover{background-color: var(--main) !important;color: #fff !important;border-color: var(--main);} #turn_page .lyui_paging_prev:hover, #turn_page .lyui_paging_next:hover{border-color: var(--main) !important;background-color: var(--main) !important;color: #fff !important;} #turn_page .lyui_paging_prev:hover svg, #turn_page .lyui_paging_next:hover svg{fill: #fff;} #turn_page .page_btn{width: 50px;height: 50px;border: 1px solid #e5e5e5;color: #666;width: 50px;height: 50px;background: #fff;border-radius: 5px;} #turn_page .page_btn.page_first{margin-right: 10px;} #turn_page .page_btn.page_end{margin-left: 10px;} #turn_page .page_btn.page_first svg{transform: rotate(180deg);} #turn_page .page_btn:hover{border-color: var(--main) !important;background-color: var(--main) !important;} #turn_page .page_btn:hover svg{fill: #fff;} @media(max-width: 750px){ [alert] .at-contents{font-size: 26px;} .lyui_paging_label, .lyui_paging_point, .lyui_paging_btn{width: 60px !important;height:60px !important;font-size: 26px !important;background: #fff;} .lyui_paging_prev, .lyui_paging_next{width: 60px !important;height:60px !important;font-size: 26px !important;background: #fff;} #turn_page .page_btn{width: 60px;height: 60px;} #turn_page .lyui_paging_prev svg{transform: rotate(180deg) scale(1.6);} #turn_page .lyui_paging_next svg{transform: scale(1.6);} #turn_page .page_btn.page_first svg{transform: rotate(180deg) scale(1.6);margin: 0 1px;} #turn_page .page_btn.page_end svg{transform: scale(1.6);margin: 0 1px;} } /*全站搜索*/ #search{width:100%; padding-bottom:40px;padding-top: 60px;} #search .form{margin-bottom:45px;margin-top: 30px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid var(--main);border-top-right-radius: 5px;border-bottom-right-radius:5px;background: var(--main);color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;} #search .form .submit svg path{fill: #fff;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{max-width: 100%;margin-right:16px; line-height:22px; color: var(--main); font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{/*height:60px;*/ overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search{padding-top: 60px;} #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .form .submit svg{width: 30px;height: 30px;} #search .list .info li{padding: 35px 0;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } /*头部PC端*/ .header_blank{height: 150px;} #header{top: 0;left: 0;height:150px;width: 100%;z-index:10;} #header .header-top{height: 35px;line-height: 35px;background: #000000;} #header .header-top .item{font-size: 16px;color: #fff;font-family: 'PT Sans Narrow';opacity: .6;margin-right: 48px;} #header .header-top .item:last-child{margin-right: 0;} #header .header-top .item .svg{margin-right: 10px;} #header .header-top .item:hover{opacity: 1;} #header .logo{width:160px;height: 56px;} #header .logo img:nth-child(1){display: inline-block;} #header .logo img:nth-child(2){display: none;} #header .hattr{margin-left: auto;margin-right: 60px;} #header .hnav .one-nav{line-height:115px;height:100%;margin-right:60px;} #header .hnav .one-nav:last-child{margin-right:0px;} #header .hnav .one-nav::after{position:absolute;content: '';bottom:0;right:0;left:0;width:100%;height:3px;background:transparent;z-index:2;transition: all .3s;display: none;} #header .hnav .one-nav .nav-a{font-size:20px;color:#fff;} #header .hnav .one-nav:hover .nav-a{color: var(--main);} /*#header .hnav .one-nav.cur .nav-a{color: var(--main);}*/ /*普通下拉*/ /*#header .hnav .one-nav .two-nav{width:100%; height:0; overflow:hidden; top:150px; left:0;right:0; z-index:3;} #header .hnav .two-nav .hnavbg{display:flex;line-height:100px; justify-content: center; background:#fff;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);border-top: 1px solid #e6eef7;} #header .hnav .two-nav .hnavbg>div{margin:0 43px;} #header .hnav .two-nav .hnavbg>div .tnav-a{font-size: 16px;color:#222;white-space:nowrap;} #header .hnav .two-nav .hnavbg>div:hover .tnav-a{font-weight:500;color:var(--main);}*/ #header .hnav .one-nav .two-nav{height:0; overflow:hidden; top:115px; left:50%;z-index:3;transform:translateX(-50%);} #header .hnav .two-nav .hnavbg{background:#fefefe;padding:10px 0; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);text-align: center;} #header .hnav .two-nav .hnavbg>div{width:100%;line-height: 42px;padding:0 30px;} #header .hnav .two-nav .hnavbg>div:hover{background:#f5f5f5;} #header .hnav .two-nav .hnavbg>div .tnav-a{font-size: 16px;color:#666666;white-space:nowrap;width:100%;} #header .hnav .two-nav .hnavbg>div:hover .tnav-a{color: var(--main);} /*产品下拉*/ #header .hnav .one-nav:hover .pro_nav{box-shadow: 0 5px 5px 0 rgba(0,0,0,.05);} #header .hnav .pro_nav{overflow: hidden;top:150px;left: 0;right: 0;width: 100%;z-index: 2;background: #fff;height: 0;} #header .hnav .pro_nav .h{border-top: 1px solid #eee;} #header .hnav .pro_nav .content{padding: 20px 0;} #header .hnav .pro_nav .left{width: 300px;} #header .hnav .pro_nav .left .li{font-size: 18px;color: #222;padding-right: 20px;line-height: 1.6;margin-bottom: 40px;position: relative;font-family: 'PT Sans Narrow';} #header .hnav .pro_nav .left .li:hover, #header .hnav .pro_nav .left .li.cur{color: var(--main);} #header .hnav .pro_nav .left .more{min-width: 190px;height: 55px;border-radius: 30px;padding: 0 20px;font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';background: var(--main);line-height: 1.2;width: fit-content;} #header .hnav .pro_nav .left .more .svg{margin: 3px 0 0 25px;} #header .hnav .pro_nav .left .more:hover{opacity: .8;} #header .hnav .pro_nav .bind{width: calc(100% - 300px);border-left: 1px solid #cedef0;padding-left: 60px;} #header .hnav .pro_nav .righ .cont{} #header .hnav .pro_nav .righ .cont .li{width: 15.151%;margin-right: 1.8188%;margin-bottom: 40px;} #header .hnav .pro_nav .righ .cont .li:nth-child(6n){margin-right: 0;} #header .hnav .pro_nav .righ .cont .li:nth-last-child(-n+6){margin-bottom: 0;} #header .hnav .pro_nav .righ .cont .li .pic{width: 100%;border-radius: 8px;border: 2px solid #e6eef7;} #header .hnav .pro_nav .righ .cont .li .pic::before{content: '';padding-top: 100%;} #header .hnav .pro_nav .righ .cont .li .pic img{max-width: 80%;max-height: 80%;mix-blend-mode: darken;} #header .hnav .pro_nav .righ .cont .li .tit{font-size: 18px;color: #222;margin-top: 10px;text-align: center;line-height: 1.6;} #header .hnav .pro_nav .righ .cont .li:hover .pic{border-color: var(--main);} #header .hnav .pro_nav .righ .cont .li:hover .tit{color: var(--main);} #header .hnav .pro_nav .righ .cont .li .tag{width: 45px;height: 20px;border-radius: 8px 0 12px 0;font-size: 12px;color: #fff;left: 0;top: 0;z-index: 2;} #header .hnav .pro_nav .righ .cont .li .tag.new{background: #61bf25;} #header .hnav .pro_nav .righ .cont .li .tag.hot{background: #f5410a;} #header .hnav .pro_nav .righ .cont .li .icon{margin-bottom: 10px;} /*行业下拉*/ #header .hnav .one-nav:hover .indu_nav{box-shadow: 0 5px 5px 0 rgba(0,0,0,.05);} #header .hnav .indu_nav{overflow: hidden;top:150px;left: 0;right: 0;width: 100%;z-index: 2;background: #fff;height: 0;} #header .hnav .indu_nav .h{border-top: 1px solid #eee;} #header .hnav .indu_nav .content{padding: 60px 0;} #header .hnav .indu_nav .left{width: 300px;} #header .hnav .indu_nav .left .li{font-size: 18px;color: #222;padding-right: 20px;line-height: 1.6;margin-bottom: 40px;position: relative;font-family: 'PT Sans Narrow';} #header .hnav .indu_nav .left .li:hover, #header .hnav .indu_nav .left .li.cur{color: var(--main);} #header .hnav .indu_nav .left .more{min-width: 190px;height: 55px;border-radius: 30px;padding: 0 20px;font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';background: var(--main);line-height: 1.2;width: fit-content;} #header .hnav .indu_nav .left .more .svg{margin: 3px 0 0 25px;} #header .hnav .indu_nav .left .more:hover{opacity: .8;} #header .hnav .indu_nav .bind{width: calc(100% - 300px);border-left: 1px solid #cedef0;padding-left: 60px;} #header .hnav .indu_nav .righ .txt{font-size: 18px;color: var(--main);line-height: 1.6;width: fit-content;} #header .hnav .indu_nav .righ .txt .svg{margin: 3px 0 0 10px;} #header .hnav .indu_nav .righ .cont{margin-top: 35px;} #header .hnav .indu_nav .righ .cont .li{width: 49.09%;} #header .hnav .indu_nav .righ .cont .li .pic{width: 100%;border-radius: 8px;} #header .hnav .indu_nav .righ .cont .li .pic::before{content: '';padding-top: 56.172%;} #header .hnav .indu_nav .righ .cont .li .pic img{object-fit: cover;} #header .hnav .indu_nav .righ .cont .li .tit{font-size: 18px;color: #222;margin-top: 10px;line-height: 1.6;} #header .hnav .indu_nav .righ .cont .li .brief{font-size: 16px;color: #666;font-family: 'PT Sans Narrow';margin: 8px 0 15px;line-height: 1.6;} #header .hnav .indu_nav .righ .cont .li .more{font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';line-height: 1.6;} #header .hnav .indu_nav .righ .cont .li .more .svg{margin: 4px 0 0 10px;line-height: 1.6;} #header .hnav .indu_nav .righ .cont .li:hover .tit{color: var(--main);} #header .hnav .indu_nav .righ .cont .list{width: 45.455%;} #header .hnav .indu_nav .righ .cont .list .item{} #header .hnav .indu_nav .righ .cont .list .item:first-child{margin-bottom: 30px;} #header .hnav .indu_nav .righ .cont .list .item .pic{width: 33.333%;border-radius: 8px;border: 2px solid #e6eef7;} #header .hnav .indu_nav .righ .cont .list .item .pic::before{content: '';padding-top: 100%;} #header .hnav .indu_nav .righ .cont .list .item .pic img{max-width: 80%;max-height: 80%;mix-blend-mode: darken;} #header .hnav .indu_nav .righ .cont .list .item .text{width: 66.667%;padding-left: 30px;line-height: 1.6;} #header .hnav .indu_nav .righ .cont .list .item .text .tit{font-size: 18px;color: #222;} #header .hnav .indu_nav .righ .cont .list .item .text .brief{font-size: 18px;color: #222;} #header .hnav .indu_nav .righ .cont .list .item .text .more{font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';margin-top: 25px;} #header .hnav .indu_nav .righ .cont .list .item .text .more .svg{margin: 3px 0 0 10px;} #header .hnav .indu_nav .righ .cont .list .item .tag{width: 45px;height: 20px;border-radius: 8px 0 12px 0;font-size: 12px;color: #fff;left: 0;top: 0;z-index: 2;} #header .hnav .indu_nav .righ .cont .list .item .tag.new{background: #61bf25;} #header .hnav .indu_nav .righ .cont .list .item .tag.hot{background: #f5410a;} #header .hnav .indu_nav .righ .cont .list .item:hover .pic{border-color: var(--main);} #header .hnav .indu_nav .righ .cont .list .item:hover .tit{color: var(--main);} #header .hright{height:115px;} #header .hright .search{width:21px;height:21px;margin-right:35px;} #header .hright .lang{width:21px;height:21px;} #header .hright .menu{display:none; background:url(../images/menu-icon.png) no-repeat center / cover;width:30px;height:30px;} #header .hright .menu.cur{background-image:url(/images/h-close-icon.svg);} /* 头部滚动时样式和鼠标移入时样式 */ @media screen and (min-width:751px) { #header.none{transform: translate3d(0px,-35px,0);} #header.cur{box-shadow: 0 0 5px 0 rgba(0,0,0,.1);} #header.detail, #header.cur, #header:hover{background:#fff;} #header.detail .logo img:nth-child(1), #header.cur .logo img:nth-child(1), #header:hover .logo img:nth-child(1){display: none;} #header.detail .logo img:nth-child(2), #header.cur .logo img:nth-child(2), #header:hover .logo img:nth-child(2){display: inline-block;} #header.detail .hnav .one-nav .nav-a, #header.cur .hnav .one-nav .nav-a, #header:hover .hnav .one-nav .nav-a{color: #222;} #header.detail .hnav .one-nav:hover .nav-a, #header.cur .hnav .one-nav:hover .nav-a, #header:hover .hnav .one-nav:hover .nav-a{color: var(--main);} #header.detail .one-nav:hover::after, #header.cur .hnav .one-nav:hover::after, #header:hover .hnav .one-nav.cur::after{background-color:var(--main);} #header.detail .hnav .one-nav.cur .nav-a, #header.cur .hnav .one-nav.cur .nav-a, #header:hover .hnav .one-nav.cur .nav-a{color: var(--main);} #header.detail .one-nav.cur::after, #header.cur .hnav .one-nav.cur::after, #header:hover .hnav .one-nav.cur::after{background-color:var(--main);} #header.detail .hright .search svg, #header.cur .hright .search svg, #header:hover .hright .search svg, #header.detail .hright .lang svg, #header.cur .hright .lang svg, #header:hover .hright .lang svg{fill: #222;} } /* PC端头部语言 */ #header .lang .h-lang{width:140px;/*height:100px;*/z-index:5;top:68px;left:50%;transform:translateX(-50%); overflow:hidden;display:none;background:#fff;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);} #header .lang .h-lang .lang-box .name{width:100%;text-align:center; font-size:16px;line-height:50px;color:#666;} #header .lang .h-lang .lang-box .name:hover{background:#f5f5f5;color:#1a1a1a;} @media screen and (max-width:1680px) { #header .hnav .one-nav{margin-right: 50px;} } @media screen and (max-width:1536px) { #header .hnav .one-nav{margin-right: 45px;} } @media screen and (max-width:1440px) { #header .hnav .one-nav{margin-right:40px;} } @media screen and (max-width:1280px) { #header .hnav .one-nav, #header .hright .search{margin-right:30px;} #header .hnav .pro_nav .left .li{margin-bottom: 20px;} #header .hnav .pro_nav .bind{padding-left: 30px;} #header .hnav .indu_nav .left .li{margin-bottom: 20px;} #header .hnav .indu_nav .bind{padding-left: 30px;} } /* 头部移动端 */ #header_m-nav,#header_search-box,#header_m-header-blank{display: none;} @media screen and (max-width:1100px) { .header_blank{display: none;} #header_m-header-blank{display: block;height:150px;} #header{background: #fff;} #header .logo img:nth-child(1){display: none;} #header .logo img:nth-child(2){display: inline-block;} #header .hright .search .search-icon{display: none;} #header .hright .search .search-icon.mobile{display: block;} #header .hright .search svg{fill: #222;transform: scale(1.2);} #header .hnav, #header .hright .search .h-search, #header .hright .lang{display:none;} #header .hright .menu{display:block;} #header .hright .search{width:22px;height:22px;} #header_m-nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:150px; background: #fff;overflow-y: auto;border-top:1px solid transparent;} #header_m-nav.cur{height: calc(100vh - 150px);border-top-color: #ebebeb;} #header_m-nav .nav .one-nav{line-height:60px;} #header_m-nav .nav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/nav-icon1.png) no-repeat right;} #header_m-nav .nav .one-nav.nobg .one{background: none;} #header_m-nav .nav .one-nav.cur .one{background-image:url(/images/nav-icon2.png);} #header_m-nav .nav .one-nav.cur.nobg .one{background: none;} #header_m-nav .nav .one-nav .one-a{font-size:18px;font-weight: 700;color:#222;} #header_m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #header_m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #ebebeb;} #header_m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;color:#222;} #header_m-nav .bot-box{margin:30px 0 60px} #header_m-nav .bot-box .item .icon{width: 60px;height: 60px;line-height: 60px;border: 1px solid #333;font-size: 18px;color: #222;border-radius: 100%;margin: 0 auto;} #header_m-nav .bot-box .item .tit{font-size:18px;color: #222;margin-top:20px;} #header_search-box{width: 100%;height:150px;z-index: 50;left: 0;right: 0;top:150px;background: #fff;display: none;flex-direction: column;justify-content: center;border-top:1px solid #f7f7f7;box-shadow: 0px 1px 0px 0px rgba(242, 242, 242, 1); } #header_search-box .form-box{width: 92%;margin: 45px auto 0;height: 60px;border: 1px solid #d1d1d1;border-radius:30px;overflow: hidden;} #header_search-box .form-box .input{width: calc(100% - 60px);padding-left: 30px;} #header_search-box .form-box .input input{width: 100%;height: 100%;font-size:18px;color:#333;} #header_search-box .form-box .submit{width: 60px;height: 60px;background: url(/images/search2.svg) no-repeat 14px center;border-left:1px solid #d1d1d1;} } @media screen and (max-width:750px) { #header_m-header-blank, #header{height: 170px;} #header .header-top{height: 55px;line-height: 55px;} #header .header-top .item{font-size: 14px;} #header .header-top .item .svg{margin-right: 15px;transform: scale(1.5);} /*#header .hright .search{width:36px;height:36px;}*/ #header .hright .search{margin-right: 40px;} #header .hright .search svg{transform: scale(2);} #header .hright .menu{width:45px;height:45px;} #header_m-nav{top: 170px;} #header_m-nav.cur{height: calc(100vh - 170px);} #header_m-nav .nav .one-nav{line-height:100px;} #header_m-nav .nav .one-nav .one-a{font-size:36px;} #header_m-nav .nav .one-nav .two-nav .two-a{font-size:30px;} #header_m-nav .bot-box .item .icon{width:80px;height:80px;line-height: 80px;font-size:30px;} #header_m-nav .bot-box .item .tit{font-size:30px;} #header_search-box{height:180px;top: 170px;} #header_search-box .form-box{height:90px;border-radius:43px;} #header_search-box .form-box .input{width:calc(100% - 90px);} #header_search-box .form-box .input input{font-size:30px;} #header_search-box .form-box .submit{width:90px;height:90px;background-size:40px;background-position: center;} } /*banner*/ #banner{width: 100%;} #banner .slide-inner::before{content: '';padding-top: 40%;/*width: 100%;background: rgba(0,0,0,.5);z-index: 1;position: relative;*/} #banner .swiper-pagination-bullets{bottom: 50px;} #banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: .3;background: transparent;margin: 0 15px;border: 2px solid #fff;position: relative;transition: all .3s;} #banner .swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--main);border-color: var(--main);opacity: 1;} #banner .text_box{display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;background:rgba(0,0,0,.5);} #banner .text_box .txt1{font-size: 66px;font-family: 'PT Sans Narrow';line-height: 1;} #banner .text_box .txt2{font-size: 24px;line-height: 1.5;margin: 20px 0 70px;} #banner .text_box .btn_box{} #banner .text_box .btn_box .more{min-width: 190px;height: 55px;border-radius: 30px;padding: 0 30px;font-size: 18px;font-family: 'PT Sans Narrow';background: rgba(11,92,181,.65);margin-right: 20px;} #banner .text_box .btn_box .more .svg{margin: 3px 0 0 25px;} #banner .text_box .btn_box .more:hover{background: var(--main);} #banner .btn{width: 54px;height: 104px;top: 50%;transform: translateY(-50%);z-index: 2;opacity: .3;} #banner .btn.prev{/*left: 35px;*/left: 60px;transform: translateY(-50%) rotate(180deg);} #banner .btn.next{/*right: 35px;*/right: 60px;} #banner .btn:hover{opacity: 1;} #inner_banner{width: 100%;} #inner_banner .pic::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);z-index: 1;} #inner_banner .text_box{display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;} #inner_banner .text_box .title{font-size: 56px;font-family: 'PT Sans Narrow';line-height: 1;margin-top: 80px;} @media(max-width: 1536px){ #banner .text_box .txt1{font-size: 56px;} #banner .btn.prev{left: 15px;} #banner .btn.next{right: 15px;} #inner_banner .text_box .title{font-size: 48px;} } @media(max-width: 1440px){ #banner .text_box .txt1{font-size: 50px;} } @media(max-width: 1366px){ #banner .text_box .txt1{font-size: 42px;} #inner_banner .text_box .title{font-size: 42px;} } @media(max-width: 1280px){ #banner .text_box .txt1{font-size: 42px;margin-top: 80px;} #banner .text_box .txt2{margin-bottom: 50px;} #inner_banner .text_box .title{font-size: 36px;} } @media(max-width: 1100px){ #banner .text_box .txt1{margin-top: 0;font-size: 36px;} #banner .text_box .txt2{margin-bottom: 30px;font-size: 18px;} #inner_banner .text_box .title{margin-top: 0;} } @media(max-width: 750px){ #banner .slide-inner::before{padding-top: 40%;} #banner .text_box .cw1360{padding: 0 30px;} #banner .text_box .txt1{font-size: 48px;} #banner .text_box .txt2{font-size: 22px;} #banner .text_box .btn_box .more{font-size: 26px;} #banner .text_box .btn_box .more .svg{transform: scale(1.5);} #inner_banner .text_box .title{font-size: 56px;} } #index_products{padding: 70px 0 0;} #index_products .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #index_products .content{} #index_products .content .li{width: 32.738%;margin-right: 1.786%;} #index_products .content .li .item{background: rgba(11,92,181,.03);padding: 50px 50px 40px 60px;border-radius: 8px;/*overflow: hidden;*/} #index_products .content .li .item .bg{width: 100%;height: 110%;margin: 0 auto;left: 0;top: 0;background: url(/images/index-pro-bg.png) no-repeat center / 100% 100%;pointer-events: none;opacity: 0;} #index_products .content .li .item .tit{font-size: 42px;color: #222;font-family: 'PT Sans Narrow';text-align:center;} #index_products .content .li .item .brief{font-size: 20px;color: #333;font-family: 'PT Sans Narrow';text-align:center;} #index_products .content .li .item .more{width: 55px;height: 55px;border-radius: 50%;border: 1px solid #105fb6;margin-top: 50px;position: relative;z-index: 2;} #index_products .content .li .item .more .txt{display: none;font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';} #index_products .content .li .item .more .svg path{transition: all .3s;} #index_products .content .li .item .pic{width: 50%;margin-left: auto;margin-top: -30px;} #index_products .content .li .item .pic::before{content: '';padding-top: 180.769%;} #index_products .content .li .item .pic img{mix-blend-mode: darken;} #index_products .content .li .item:hover .bg{opacity: 1;} #index_products .content .li .item:hover .tit{color: var(--main);} #index_products .content .li .item:hover .more{width: 160px;border-radius: 30px;background: var(--main);} #index_products .content .li .item:hover .more .txt{display: block;} #index_products .content .li .item:hover .more .svg{margin: 3px 0 0 55px;} #index_products .content .li .item:hover .more .svg path{stroke: #fff;} @media(max-width: 1680px){ #index_products .content .li:nth-child(3) .item:nth-child(2){padding-top: 55px;padding-bottom: 50px;} } @media(max-width: 1440px){ #index_products .content .li .item{padding-left: 30px;padding-right: 30px;} #index_products .content .li:nth-child(3) .item:nth-child(2){padding-top: 45px;} } @media(max-width: 1280px){ #index_products .content .li .item .tit{font-size: 30px;} #index_products .content .li .item .brief{font-size: 16px;} } @media(max-width: 1024px){ #index_products .content{flex-wrap: wrap;} #index_products .content .li{width: 48%;margin-right: 4%;} #index_products .content .li:nth-child(2){margin-right: 0;} #index_products .content .li:nth-child(3){width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #index_products .content .li{width: 100%;margin-right: 0;margin-bottom: 30px;} #index_products .content .li:last-child{margin-bottom: 0;} #index_products .content .li .item .pic::before{padding-top: 120%;} #index_products .content .li .item .tit{font-size: 36px;} #index_products .content .li .item .brief{font-size: 30px;} #index_products .content .li .item .bg{opacity: 1;} #index_products .content .li .item .tit{color: var(--main);} #index_products .content .li .item .more{width: 160px;border-radius: 30px;background: var(--main);} #index_products .content .li .item .more .txt{display: block;font-size: 26px;} #index_products .content .li .item .more .svg{margin: 3px 0 0 25px;transform: scale(1.5);} #index_products .content .li .item .more .svg path{stroke: #fff;} } #index_industries{padding: 70px 0;} #index_industries .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #index_industries .content{margin-top: 40px;} #index_industries .content .li{width: 32%;margin: 0 1.3% 30px 0;border-radius: 8px;overflow: hidden;} #index_industries .content .li::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(3,30,60,.2);z-index: 1;} #index_industries .content .li .pic::before{content: '';padding-top: 63.889%;} #index_industries .content .li .pic img{object-fit: cover;} #index_industries .content .li .text{padding: 55px;display: flex;flex-direction: column;justify-content: space-between;z-index: 2;} #index_industries .content .li .text .icon{width: 80px;height: 70px;} #index_industries .content .li .text .tit{font-size: 24px;color: #fff;margin-top: auto;} #index_industries .content .li .text .more{font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';opacity: .5;margin-top: 5px;} #index_industries .content .li .text .more .svg{margin: 3px 0 0 8px;} #index_industries .content .li:hover .text .tit{color: var(--main);} @media(max-width: 1440px){ #index_industries .content .li .text{padding: 30px;} } @media(max-width: 1280px){ #index_industries .content .li .text .icon{transform: scale(.8);} } @media(max-width: 1024px){ } @media(max-width: 750px){ #index_industries .content .li .text{padding: 50px;} #index_industries .content .li .text .icon{transform: scale(1.2);} #index_industries .content .li .text .tit{font-size: 36px;} #index_industries .content .li .text .more{font-size: 30px;} #index_industries .content .li .text .more .svg{transform: scale(1.5);} } #index_news{padding: 70px 0 100px;background: #f5f7fa;} #index_news .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #index_news .content{margin-top: 45px;} #index_news .content .time{width: 60px;height: 60px;background: var(--main);border-radius: 8px 0 12px 0;left: 0;top: 0;z-index: 2;color: #fff;line-height: 1;} #index_news .content .time .d{font-size: 26px;} #index_news .content .time .m{font-size: 16px;font-family: 'PT Sans Narrow';} #index_news .content .left{width: 39.286%;} #index_news .content .left .pic{border-radius: 8px;} #index_news .content .left .pic::before{content: '';padding-top: 56.212%;} #index_news .content .left .tit{font-size: 28px;color: #222;line-height: 1.428;margin-top: 20px;} #index_news .content .left .brief{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';line-height: 1.667;margin: 20px 0 42px;} #index_news .content .left .more{min-width: 160px;height: 55px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';width: fit-content;padding: 0 20px;} #index_news .content .left .more .svg{margin: 3px 0 0 55px;} #index_news .content .left:hover .tit{color: var(--main);} #index_news .content .right{width: 99%;} #index_news .content .right .li{padding-bottom: 30px;margin-bottom: 35px;border-bottom: 1px solid #dcdee1;} #index_news .content .right .li:nth-child(2n){flex-direction: row-reverse;} #index_news .content .right .li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} #index_news .content .right .li .pic{width: 41.667%;border-radius: 8px;} #index_news .content .right .li .pic::before{content: '';padding-top: 56.25%;} #index_news .content .right .li .text{width: 58.333%;padding-left: 28px;} #index_news .content .right .li:nth-child(2n) .text{padding-left: 0;padding-right: 28px;} #index_news .content .right .li .text .tit{font-size: 24px;color: #222;line-height: 1.416;} #index_news .content .right .li .text .brief{font-size: 18px;color: #666;line-height: 1.667;font-family: 'PT Sans Narrow';margin: 15px 0 25px;} #index_news .content .right .li .text .more{font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';} #index_news .content .right .li .text .more .svg{margin: 3px 0 0 6px;} #index_news .content .right .li:hover .text .tit{color: var(--main);} @media(max-width: 1440px){ #index_news .content .left .tit{font-size: 22px;} #index_news .content .left .brief{font-size: 16px;margin: 15px 0 25px;} #index_news .content .right .li .text .tit{font-size: 20px;} #index_news .content .right .li .text .brief{font-size: 16px;margin: 10px 0;} } @media(max-width: 1024px){ #index_news .content{flex-wrap: wrap;} #index_news .content .left{width: 100%;} #index_news .content .right{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #index_news .content .time{width: 80px;height: 80px;} #index_news .content .time .d{font-size: 30px;} #index_news .content .time .m{font-size: 26px;} #index_news .content .left .tit, #index_news .content .right .li .text .tit{font-size: 36px;} #index_news .content .left .brief, #index_news .content .right .li .text .brief{font-size: 24px;} #index_news .content .left .more, #index_news .content .right .li .text .more{font-size: 24px;} #index_news .content .left .more .svg{margin-left: 25px;} #index_news .content .left .more .svg, #index_news .content .right .li .text .more .svg{transform: scale(1.5);} #index_news .content .right .li{display: block;} #index_news .content .right .li .pic{width: 100%;} #index_news .content .right .li .text{width: 100%;margin-top: 30px;padding-left: 0;} #index_news .content .right .li:nth-child(2n) .text{padding-right: 0;} } #index_partner{padding: 75px 0 90px;overflow: hidden;} #index_partner .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #index_partner .content{margin-top: 40px;} #index_partner .content .pictures{height: 100px;white-space: nowrap;} #index_partner .content .pictures .demos{width: max-content;height: 100%;white-space: nowrap;transition: all;animation: leftMove_index infinite linear 50s;} #index_partner .content .pictures .demos:hover{animation-play-state: paused;} #index_partner .content .pictures .demos .slide{width: max-content;height: 100%;} #index_partner .content .pictures .demos .img{display: inline-block;width: 230px;height: 100%;overflow: hidden;} #index_partner .content .pictures .demos .img img{max-width: 90%;max-height: 100%;filter: grayscale(100%);opacity: .5;} #index_partner .content .pictures .demos .img:hover img{filter: grayscale(0);opacity: 1;} @keyframes leftMove_index { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media(max-width: 750px){ #index_partner .content .pictures .demos{animation-duration: 80s;} #index_partner .content .pictures .demos .img{width: 200px;} #index_partner .content .pictures .demos .img img{filter: grayscale(0);opacity: 1;} } #index_subscribe{padding: 100px 0 100px;background: url(../images/products.jpg) no-repeat center / cover;overflow: hidden;} #index_subscribe .title{font-size: 56px;font-family: 'PT Sans Narrow';line-height: 1;color:#fff;} #index_subscribe .brief{font-size: 18px;font-family: 'PT Sans Narrow';margin: 15px 0 42px;} #index_subscribe .more{min-width: 240px;height: 55px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';margin: 0 auto;width: fit-content;padding: 0 30px;} #index_subscribe .more .svg{margin: 3px 0 0 30px;} #index_subscribe .more:hover{opacity: .8;} @media(max-width: 750px){ #index_subscribe .brief{font-size: 30px;} #index_subscribe .more{font-size: 30px;height: 65px;border-radius: 40px;} #index_subscribe .more .svg{transform: scale(1.5);} } #index_subscribes{padding: 50px 0 80px;overflow: hidden;} #index_subscribes .title{font-size: 56px;font-family: 'PT Sans Narrow';line-height: 1;} #index_subscribes .brief{font-size: 18px;font-family: 'PT Sans Narrow';margin: 15px 0 42px;} #index_subscribes .more{min-width: 240px;height: 55px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';margin: 0 auto;width: fit-content;padding: 0 30px;} #index_subscribes .more .svg{margin: 3px 0 0 30px;} #index_subscribes .more:hover{opacity: .8;} @media(max-width: 750px){ #index_subscribes .brief{font-size: 24px;} #index_subscribes .more{font-size: 24px;height: 65px;border-radius: 40px;} #index_subscribes .more .svg{transform: scale(1.5);} } /*产品列表*/ #products{background:#f7f9fc;position: relative;z-index: 3;} #products::before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% - 170px);background: #f7f9fc;} #products .box{position: relative;z-index: 2;} #products .left{width: 340px;padding: 70px 0 120px;border-right: 1px solid #dcdee1;} /*#products .left .cont{position: sticky;top: 150px;}*/ #products .left .cont .li{border-bottom: 1px solid #dcdee1;padding-bottom: 50px;margin-bottom: 50px;} #products .left .cont .li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} #products .left .cont .li .item{cursor: pointer;padding-right: 50px;} #products .left .cont .li .item .tit{width: calc(100% - 25px); font-size: 24px; color: #222;font-family: 'PT Sans Narrow';} #products .left .cont .li .item .btn{width:14px; height: 14px;} #products .left .cont .li .item .btn:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 14px; background: #222; transform: translate(-50%, -50%);transition: all .3s;} #products .left .cont .li .item .btn:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; background: #222; transform: translate(-50%, -50%);transition: all .3s;} #products .left .cont .li.cur .item .btn:before{opacity: 0;} /*#products .left .cont .li.cur .item .btn:after{background: var(--main);}*/ #products .left .cont .li .con{height: 0;overflow: hidden;} #products .left .cont .li .con .h{padding-top: 20px;} #products .left .cont .li .con .item{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';margin-bottom: 20px;border-right: 3px solid transparent;} #products .left .cont .li .con .item:last-child{margin-bottom: 0;} #products .left .cont .li .con .item:hover{color: var(--main);} #products .left .cont .li .con .item.cur{color: var(--main);border-right-color: var(--main);} #products .right{width: calc(100% - 420px);padding: 20px 0 70px;} #products .right .text{font-size: 24px;color: #222;font-family: 'PT Sans Narrow';} #products .right .content{} /*#products .right .content .li{width: 31.746%;margin: 0 2.381% 30px 0;background: #fff;border-radius: 8px;overflow: hidden;padding: 45px 20px 40px;} #products .right .content .li:nth-child(3n){margin-right: 0;}*/ #products .right .content .li{width: 30%;margin: 0 1.333% 30px 0;background: #fff;border-radius: 8px;overflow: hidden;} #products .right .content .li .pic{} #products .right .content .li .pic::before{content: '';padding-top: 105.556%;} #products .right .content .li .pic img{max-width: 80%;} #products .right .content .li .tit{font-size: 30px;color: #222;padding: 10px;} #products .right .content .li .brief{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';padding: 15px;} #products .right .content .li:hover{box-shadow: 0 0 20px 0 rgba(11,92,181,.1);} #products .right .content .li:hover .tit{color: var(--main);} @media(max-width: 1366px){ #products .right{width: calc(100% - 380px);} #products .right .content .li .tit{font-size: 24px;} #products .right .content .li .brief{font-size: 16px;} } @media(max-width: 1100px){ #products .box{flex-wrap: wrap;} #products .left{width: 100%;border-right: 0;padding-bottom: 0;} #products .left .cont .li .item{padding-right: 0;} #products .right{width: 100%;padding-bottom: 100px;} } @media(max-width: 750px){ #products .left .cont .li .item .tit{width: calc(100% - 50px);font-size: 36px;} #products .left .cont .li .item .btn{width:30px; height: 30px;} #products .left .cont .li .item .btn:before{height: 30px;} #products .left .cont .li .item .btn:after{width: 30px;} #products .left .cont .li .con .item{font-size: 30px;} #products .right .text{font-size: 36px;} #products .right .content .li{width: 100%;margin-right: 0;} #products .right .content .li:nth-child(3n){margin-right: 0;} #products .right .content .li .pic::before{padding-top: 53.556%;} #products .right .content .li .tit{font-size: 36px;} #products .right .content .li .brief{font-size: 30px;} } /*产品详情*/ #products_top{padding: 190px 0 80px;background: url(/images/products-detail-bg.png) no-repeat center / cover;overflow: hidden;} #products_top .left{width: 39.88%;color: #fff;margin-left: 10.12%;} #products_top .left .title{font-size: 66px;font-family: 'PT Sans Narrow';} #products_top .left .brief{font-size: 30px;font-family: 'PT Sans Narrow';} #products_top .left .cont{width: 550px;margin-top: 50px;} #products_top .left .cont .item{width: 90px;height: 90px;background: var(--main);border-radius: 50%;margin: 0 20px 20px 0;} #products_top .left .cont .item .con{} #products_top .left .cont .item .con2{width: 200px;height: 100%;border-radius: 50px;background: #fff;opacity: 0;pointer-events: none;} #products_top .left .cont .item .con2 .ico{width: 90px;height: 90px;} #products_top .left .cont .item .con2 .t{width: calc(100% - 90px);font-size: 16px;color: #222;font-family: 'PT Sans Narrow';padding: 0 6px;} #products_top .left .cont .item:hover .con2{opacity: 1;z-index: 2;pointer-events: auto;} #products_top .left .btn_box{margin-top: 60px;} #products_top .left .btn_box .btn{width: fit-content;min-width: 190px;height: 55px;padding: 0 30px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';} #products_top .left .btn_box .btn:first-child{margin-right: 20px;} #products_top .left .btn_box .btn .svg{margin: 3px 0 0 20px;} #products_top .left .btn_box .btn .svg path{transition: all .3s;} #products_top .left .btn_box .btn:hover{background: #fff;color: var(--main);} #products_top .left .btn_box .btn:hover .svg path{stroke: var(--main);} #products_top .pic{width: 50%;} #products_top .pic::before{content: '';padding-top: 80.952%;} @media(max-width: 1536px){ #products_top .left{width: 45%;margin-left: 5%;} } @media(max-width: 1366px){ #products_top .left{width: 50%;margin-left: 0;} #products_top .left .title{font-size: 56px;} #products_top .left .brief{font-size: 26px;} #products_top .left .cont, #products_top .left .btn_box{margin-top: 30px;} } @media(max-width: 1100px){ #products_top{padding-top: 80px;} } @media(max-width: 1024px){ #products_top .box{flex-direction: column-reverse;} #products_top .pic{width: 60%;} #products_top .left{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #products_top .pic{width: 90%;} #products_top .left .brief{font-size: 30px;} #products_top .left .cont{width: 100%;} #products_top .left .cont .item{width: 46%;} #products_top .left .cont .item .con2{width: 100%;} #products_top .left .cont .item .con2{opacity: 1;z-index: 2;pointer-events: auto;} #products_top .left .cont .item .con2 .t{font-size: 26px;} #products_top .left .btn_box .btn{font-size: 30px;height: 65px;} #products_top .left .btn_box .btn .svg{transform: scale(1.5);} } #products_high{padding: 65px 0 10px;} #products_high .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #products_high .content{margin-top: 50px;} #products_high .content .container{width: 38.69%;padding-bottom: 30px;} #products_high .content .container .swiper-pagination-bullet-active{background: var(--main);} #products_high .content .pic::before{content: '';padding-top: 125%;} #products_high .content .cont{width: 50%;} #products_high .content .cont .item{width: 47.619%;margin-bottom: 40px;} #products_high .content .cont .item:nth-last-child(-n+2){margin-bottom: 0;} #products_high .content .cont .item .icon{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #d0e6ff;} #products_high .content .cont .item .tit{font-size: 30px;color: #222;line-height: 1.4;font-family: 'PT Sans Narrow';margin: 20px 0 10px;} #products_high .content .cont .item .brief{font-size: 18px;color: #666;line-height: 1.667;font-family: 'PT Sans Narrow';} @media(max-width: 1536px){ #products_high .content .cont{width: 55%;} } @media(max-width: 1366px){ #products_high .content .cont .item .tit{font-size: 24px;} } @media(max-width: 1024px){ #products_high .content{flex-wrap: wrap;} #products_high .content .container{margin: 0 auto;} #products_high .content .cont{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #products_high .content .container{width: 65%;} #products_high .content .cont .item{width: 100%;} #products_high .content .cont .item .tit{font-size: 36px;} #products_high .content .cont .item .brief{font-size: 30px;} } #pro_intro{width: 100%;} #pro_intro .li{} #pro_intro .li .pic::before{content: '';padding-top: 46.875%;} #pro_intro .li .text_box{display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;} #pro_intro .li .text_box .text{width: 45%;} #pro_intro .li .text_box .title{font-size: 56px;font-family: 'PT Sans Narrow';line-height: 1;} #pro_intro .li .text_box .brief{font-size: 20px;font-family: 'PT Sans Narrow';line-height: 1.6;margin-top: 25px;} @media(max-width: 1536px){ #pro_intro .li .text_box .text{width: 50%;} #pro_intro .li .text_box .title{font-size: 48px;} } @media(max-width: 1200px){ #pro_intro .li .text_box .title{font-size: 42px;} } @media(max-width: 1024px){ #pro_intro .li{margin-bottom: 50px;} /*#pro_intro .li:last-child{margin-bottom: 0;}*/ #pro_intro .li .text_box{position: static;color: #222;} #pro_intro .li .text_box .text{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #pro_intro .li .text_box .brief{font-size: 30px;} } #products_editor{max-width: 1920px;margin: 0 auto;} #products_editor img{max-width: 100%;display: block;margin: 0 auto;} #products_spe{padding: 10px 0 100px;background: #f5f7fa;} #products_spe .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #products_spe .content{width: 55%;margin: 60px auto 0;} #products_spe .content{font-size: 16px;color: #222;font-family: 'PT Sans Narrow';} #products_spe .content .list{padding-bottom: 40px;border-bottom: 1px solid #e0e2e6;margin-bottom: 40px;cursor: pointer;} #products_spe .content .list:last-child{margin-bottom: 0;} #products_spe .content .list .tit{width: 240px;font-size: 26px;color: var(--main);padding-right: 20px;} #products_spe .content .list .cont{width: calc(100% - 240px);padding-right: 80px;height: 0;overflow: hidden;transition: all .5s;cursor: default;} #products_spe .content .list .cont .h{padding-top: 5px;} #products_spe .content .list .cont .li{margin-bottom: 25px;} #products_spe .content .list .cont .li:last-child{margin-bottom: 0;} #products_spe .content .list .cont .li .t{width: 240px;max-width: 100%;font-size: 18px;color: #292c33;padding-right: 20px;} #products_spe .content .list .cont .li .bri{width: calc(100% - 240px);font-size: 18px;color: #656870;font-family: 'PT Sans Narrow';} #products_spe .content .list .btn{width: 18px;height: 18px;right: 40px;top: 10px;} #products_spe .content .list .btn:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 18px; background: #222; transform: translate(-50%, -50%);transition: all .3s;} #products_spe .content .list .btn:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; background: #222; transform: translate(-50%, -50%);transition: all .3s;} #products_spe .content .list.cur .btn:before{opacity: 0;} @media(max-width: 1280px){ #products_spe .content{width: 88%;} } @media(max-width: 1024px){ #products_spe .content{width: 100%;} } @media(max-width: 750px){ #products_spe .content .list{flex-wrap: wrap;} #products_spe .content .list .tit{width: 100%;font-size: 36px;padding-right: 0;} #products_spe .content .list .cont{width: 100%;padding-right: 0;} #products_spe .content .list .cont .h{padding-top: 30px;} #products_spe .content .list .cont .li .t{font-size: 30px;} #products_spe .content .list .cont .li .bri{font-size: 30px;} #products_spe .content .list .btn{width: 30px;height: 30px;} #products_spe .content .list .btn:before{height: 30px;} #products_spe .content .list .btn:after{width: 30px;} } #products_acc{padding: 65px 0 50px;background: #f5f7fa;} #products_acc .box:nth-child(2){margin-top: 65px;} #products_acc .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #products_acc .content{margin-top: 40px;} #products_acc .content .li{background: #fff;border-radius: 8px;overflow: hidden;padding: 20px 10px 25px;} #products_acc .content .li .pic{width: 70%;margin: 0 auto;} #products_acc .content .li .pic::before{content: '';padding-top: 100%;} #products_acc .content .li .tit{font-size: 24px;color: #222;margin-top: 20px;} #products_acc .content .li .brief{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';margin-top: 3px;} #products_acc .content .li:hover .tit{color: var(--main);} #products_acc .content .btn{width: 55px;height: 55px;border-radius: 50%;border: 1px solid var(--main);top: 50%;transform: translateY(-50%);z-index: 2;} #products_acc .content .btn.prev{left: -30px;} #products_acc .content .btn.next{right: -30px;} #products_acc .content .btn.next .svg{transform: rotate(180deg);} #products_acc .content .btn .svg path{transition: all .3s;} #products_acc .content .btn:hover{background: var(--main);} #products_acc .content .btn:hover .svg path{stroke: #fff;} @media(max-width: 1024px){ #products_acc .content .btn.prev{left: -15px;} #products_acc .content .btn.next{right: -15px;} } @media(max-width: 750px){ #products_acc .content .li .tit{font-size: 30px;} #products_acc .content .li .brief{font-size: 26px;} #products_acc .content .btn{background: var(--main);} #products_acc .content .btn.prev .svg{transform: translateX(-2px) scale(1.5);} #products_acc .content .btn.next .svg{transform: translateX(2px) rotate(180deg) scale(1.5);} #products_acc .content .btn .svg path{stroke: #fff;} } /*行业*/ #banner_indu{width: 100%;position: relative;} #banner_indu .pic::before{content: '';padding-top: 46.875%;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: relative;z-index: 1;} #banner_indu .text_box{display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;} #banner_indu .text_box .tit{font-size: 66px;font-family: 'PT Sans Narrow';margin-top: 80px;line-height: 1.25;} #banner_indu .text_box .brief{width: 45%;font-size: 20px;font-family: 'PT Sans Narrow';margin-top: 20px;line-height: 1.5;} #banner_indu .text_box .icon{width: 57px;height: 57px;background: url(/images/indu-banner-icon.png) no-repeat center / cover;margin-top: 70px;} @media(max-width: 1536px){ #banner_indu .text_box .brief{width: 50%;} } @media(max-width: 1440px){ #banner_indu .text_box .tit{font-size: 56px;} #banner_indu .text_box .brief{width: 60%;} } @media(max-width: 1280px){ #banner_indu .text_box .brief{width: 80%;} #banner_indu .text_box .icon{margin-top: 30px;} } @media(max-width: 1100px){ #banner_indu .text_box .tit{margin-top: 0;font-size: 48px;} #banner_indu .text_box .brief{width: 100%;font-size: 18px;} } @media(max-width: 750px){ #banner_indu .pic .pc{display: none;} #banner_indu .pic .mobile{display: block;} #banner_indu .text_box .tit{font-size: 56px;} #banner_indu .text_box .brief{font-size: 30px;} #banner_indu .pic::before{padding-top: 120%;} } #indu_chal{padding: 80px 0 100px;max-width: 1920px;margin: 0 auto;} #indu_chal .pic{width: 50%;border-radius: 0 12px 12px 0;} #indu_chal .pic::before{content: '';padding-top: 66.667%;} #indu_chal .text{width: 50%;padding: 0 120px 0 80px;} #indu_chal .text .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #indu_chal .text .brief{font-size: 18px;color: #666;line-height: 1.667;font-family: 'PT Sans Narrow';margin-top: 20px;} @media(max-width: 1536px){ #indu_chal .text{padding-right: 80px;} } @media(max-width: 1280px){ #indu_chal .text{padding-left: 40px;} #indu_chal .text .title{font-size: 48px;} } @media(max-width: 1024px){ #indu_chal{flex-wrap: wrap;} #indu_chal .pic{width: 100%;border-radius: 8px;} #indu_chal .text{width: 100%;margin-top: 30px;padding: 0 4%;} } @media(max-width: 750px){ #indu_chal .text .brief{font-size: 30px;} } #indu_solu{padding: 65px 0 70px;background: #f5f7fa;} #indu_solu .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #indu_solu .brief{font-size: 18px;color: #666;line-height: 1.667;font-family: 'PT Sans Narrow';margin-top: 20px;padding: 0 19.642%;} #indu_solu .content{margin-top: 50px;} #indu_solu .content .li{width: 32.142%;margin: 0 1.787% 30px 0;background: #fff;border-radius: 8px;overflow: hidden;padding: 35px 40px 45px;} #indu_solu .content .li:nth-child(3n){margin-right: 0;} #indu_solu .content .li .icon{width: 75px;height: 75px;} #indu_solu .content .li .tit{font-size: 24px;color: #222;line-height: 1.4;margin: 15px 0;} #indu_solu .content .li .bri{font-size: 18px;color: #666;line-height: 1.667;font-family: 'PT Sans Narrow';} #indu_solu .content .li:hover .tit{color: var(--main);} @media(max-width: 1536px){ #indu_solu .brief{padding: 0 10%;} } @media(max-width: 1024px){ #indu_solu .brief{padding: 0;} #indu_solu .content .li{width: 48%;margin-right: 4%;} #indu_solu .content .li:nth-child(3n){margin-right: 4%;} #indu_solu .content .li:nth-child(2n){margin-right: 0;} } @media(max-width: 750px){ #indu_solu .brief{font-size: 30px;} #indu_solu .content .li{width: 100%;margin-right: 0;} #indu_solu .content .li:nth-child(3n){margin-right: 0;} #indu_solu .content .li .tit{font-size: 36px;} #indu_solu .content .li .bri{font-size: 30px;} } #re_case{padding: 70px 0 100px;} #re_case .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #re_case .content{margin-top: 55px;padding-bottom: 70px;} #re_case .content .li{background: #f7fafd;border-radius: 8px;overflow: hidden;height: auto;} #re_case .content .li .pic{width: 51.219%;} #re_case .content .li .pic::before{content: '';padding-top: 66.667%;} #re_case .content .li .text{width: 48.781%;padding: 20px 40px;display: flex;flex-direction: column;justify-content: center;} #re_case .content .li .text .time{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';} #re_case .content .li .text .tit{font-size: 24px;color: #222;line-height: 1.416;margin-top: 5px;} #re_case .content .li .text .more{font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';margin-top: auto;} #re_case .content .li .text .more .svg{margin: 3px 0 0 6px;} #re_case .content .li:hover .text .tit{color: var(--main);} #re_case .content .swiper-pagination-bullets{bottom: 0;} #re_case .content .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: transparent;border: 2px solid #b2b2b2;} #re_case .content .swiper-pagination-bullet-active{border-color: var(--main);background: var(--main);} #re_case.indu{padding-bottom: 40px;} @media(max-width: 1536px){ #re_case .content .li .text{padding: 20px 30px;} #re_case .content .li .text .tit{font-size: 20px;} } @media(max-width: 1280px){ /*#re_case .content .li .text{padding: 15px;}*/ /*#re_case .content .li .text .time{font-size: 16px;} #re_case .content .li .text .tit{font-size: 18px;} #re_case .content .li .text .more{font-size: 16px;}*/ } @media(max-width: 1200px){ #re_case .content .li{flex-wrap: wrap;} #re_case .content .li .pic{width: 100%;} #re_case .content .li .text{width: 100%;} #re_case .content .li .text .tit{margin: 15px 0;} } @media(max-width: 750px){ #re_case .content .li .text .time{font-size: 30px;} #re_case .content .li .text .tit{font-size: 36px;} #re_case .content .li .text .more{font-size: 30px;} } #re_pro{padding: 40px 0 20px;} #re_pro .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #re_pro .content{margin-top: 40px;} /*#re_pro .content .li{width: 31.746%;margin: 0 2.381% 30px 0;border-radius: 8px;overflow: hidden;padding: 45px 20px 40px;background: #f7fafd;} #re_pro .content .li:nth-child(3n){margin-right: 0;}*/ #re_pro .content .li{width: 15%;margin: 0 2% 30px 0;border-radius: 8px;overflow: hidden;padding: 45px 20px 40px;background: #f7fafd;} #re_pro .content .li:nth-child(6n){margin-right: 0;} #re_pro .content .li .pic{} #re_pro .content .li .pic::before{content: '';padding-top: 84.906%;} #re_pro .content .li .tit{font-size: 30px;color: #222;margin: 25px 0 5px;line-height: 1.25;} #re_pro .content .li .brief{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';} #re_pro .content .li:hover{box-shadow: 0 0 20px 0 rgba(11,92,181,.1);} #re_pro .content .li:hover .tit{color: var(--main);} #re_pro .btn_box{margin-top: 30px;} #re_pro .btn_box .more{min-width: 190px;height: 55px;border-radius: 30px;padding: 0 30px;font-size: 18px;font-family: 'PT Sans Narrow';background: rgba(11,92,181,1);margin-right: 20px;color: #fff;} #re_pro .btn_box .more .svg{margin: 3px 0 0 25px;} #re_pro .btn_box .more:hover{opacity: .8;} #re_pro.case{padding-bottom: 70px;} @media(max-width: 1366px){ #re_pro .content .li .tit{font-size: 24px;} #re_pro .content .li .brief{font-size: 16px;} } @media(max-width: 1200px){ #re_pro .content .li{width: 31.746%;margin: 0 2.381% 30px 0;} #re_pro .content .li:nth-child(6n){margin-right: 2.381%;} #re_pro .content .li:nth-child(3n){margin-right: 0;} } @media(max-width: 750px){ #re_pro .content .li{width: 100%;margin-right: 0;} #re_pro .content .li:nth-child(3n){margin-right: 0;} #re_pro .content .li .pic::before{padding-top: 53.556%;} #re_pro .content .li .tit{font-size: 36px;} #re_pro .content .li .brief{font-size: 30px;} #re_pro .btn_box .more{font-size: 26px;} #re_pro .btn_box .more .svg{transform: scale(1.5);} } #find_a_partner{padding: 50px 0 120px;} #find_a_partner .box{border-radius: 8px;overflow: hidden;background: #f7fafd;} #find_a_partner .pic{width: 50%;border-radius: 8px;} #find_a_partner .pic::before{content: '';padding-top: 66.667%;} #find_a_partner .text{width: 50%;display: flex;;flex-direction: column;justify-content: center;padding: 20px 120px;} #find_a_partner .text .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #find_a_partner .text .brief{font-size: 22px;color: #222;font-family: 'PT Sans Narrow';} #find_a_partner .text .more{width: fit-content;min-width: 240px;height: 55px;padding: 0 30px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';margin-top: 70px;} #find_a_partner .text .more .svg{fill: #fff;margin: 3px 0 0 75px;} #find_a_partner.products{background: #f5f7fa;} #find_a_partner.products .box{background: #fff;} @media(any-hover:hover){ #find_a_partner .text .more:hover{opacity: .8;} } @media(max-width: 1536px){ #find_a_partner .text{padding: 20px 80px;} } @media(max-width: 1366px){ #find_a_partner .text{padding: 20px 50px;} #find_a_partner .text .title{font-size: 48px;} #find_a_partner .text .brief{font-size: 18px;} #find_a_partner .text .more{margin-top: 40px;} } @media(max-width: 1024px){ #find_a_partner .box{flex-wrap: wrap;} #find_a_partner .pic{width: 100%;margin-top: 30px;} #find_a_partner .text{width: 100%;padding-top: 30px;} } @media(max-width: 750px){ #find_a_partner .text .brief{font-size: 30px;} #find_a_partner .text .more{font-size: 30px;height: 65px;border-radius: 40px;} #find_a_partner .text .more .svg{transform: scale(1.5);} } /*案例详情*/ #banner_case{width: 100%;position: relative;} #banner_case .pic::before{content: '';padding-top: 23.4375%;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: relative;z-index: 1;} #banner_case .text_box{display: flex;flex-direction: column;justify-content: center;text-align: center;z-index: 2;color: #fff;} #banner_case .text_box .tit{font-size: 40px;font-family: 'PT Sans Narrow';margin-top: 100px;line-height: 1.25;} #banner_case .text_box .time{font-size: 18px;font-family: 'PT Sans Narrow';margin-top: 15px;} @media(max-width: 1536px){ #banner_case .text_box .tit{font-size: 32px;} } @media(max-width: 1366px){ #banner_case .text_box .tit{font-size: 26px;margin-top: 140px;} } @media(max-width: 1200px){ #banner_case .pic::before{padding-top: 30%;} } @media(max-width: 1100px){ #banner_case .text_box .tit{margin-top: 0;} } @media(max-width: 750px){ #banner_case .pic::before{padding-top: 60%;} #banner_case .text_box .tit{font-size: 42px;} #banner_case .text_box .time{font-size: 30px;} } #case_detail{padding: 100px 0 40px;} #case_detail .pic{width: 50%;} #case_detail .pic::before{content: '';padding-top: 66.667%;} #case_detail .text{width: 50%;padding-left: 80px;font-size: 20px;color: #222;line-height: 1.6;font-family: 'PT Sans Narrow';} @media(max-width: 1366px){ #case_detail .text{padding-left: 30px;font-size: 18px;} } @media(max-width: 1024px){ #case_detail .box{flex-wrap: wrap;} #case_detail .pic{width: 100%;} #case_detail .text{width: 100%;padding-left: 0;margin-top: 30px;} } @media(max-width: 750px){ #case_detail .text{font-size: 30px;} } #case_chall{padding: 40px 0 50px;} #case_chall .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #case_chall .content{margin-top: 40px;background: #f7fafd;border-radius: 30px;overflow: hidden;padding: 65px 0 45px;} #case_chall .content::before{content: '';width: 73px;height: 71px;position: absolute;left: 100px;top: 80px;background: url(/images/case-icon1.png) no-repeat center / 100%;} #case_chall .content::after{content: '';width: 74px;height: 70px;position: absolute;right: 100px;bottom: 80px;background: url(/images/case-icon2.png) no-repeat center / 100%;} #case_chall .content .container{width: 71.428%;padding-bottom: 60px;} #case_chall .content .li{} #case_chall .content .li .tit{font-size: 24px;color: #222;line-height: 1.25;} #case_chall .content .li .brief{font-size: 18px;color: #666;line-height: 1.667;font-family: 'PT Sans Narrow';margin-top: 30px;} #case_chall .content .swiper-pagination-bullets{bottom: 0;} #case_chall .content .swiper-pagination-bullet{width: 50px;height: 4px;background: #eaedf0;opacity: 1;border-radius: 2px;margin: 0 10px;} #case_chall .content .swiper-pagination-bullet-active{background: #d80c18;} @media(max-width: 1366px){ #case_chall .content::before{left: 30px;} #case_chall .content::after{right: 30px;} } @media(max-width: 1024px){ #case_chall .content::before{width: 45px;} #case_chall .content::after{width: 45px;} } @media(max-width: 750px){ #case_chall .content::before{top: 30px;} #case_chall .content::after{bottom: 30px;} #case_chall .content .container{width: 80%;} #case_chall .content .li .tit{font-size: 36px;} #case_chall .content .li .brief{font-size: 30px;} } #case_solu{padding: 50px 0 40px;} #case_solu .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #case_solu .content{margin-top: 40px;flex-direction: column;} #case_solu .pic{width: 60%;margin-top: 30px;} #case_solu .pic::before{content: '';padding-top: 66.667%;} #case_solu .text{width: 80%;/*padding-right: 80px;*/font-size: 20px;color: #222;line-height: 1.6;font-family: 'PT Sans Narrow';} @media(max-width: 1366px){ #case_solu .text{/*padding-right: 30px;*/font-size: 18px;} } @media(max-width: 1024px){ #case_solu .content{flex-wrap: wrap;} #case_solu .pic{width: 100%;margin-top: 30px;} #case_solu .text{width: 100%;/*padding-right: 0;*/} } @media(max-width: 750px){ #case_solu .text{font-size: 30px;} } #case_text{padding: 95px 0 100px;background: #f7fafd;} #case_text .text{font-size: 24px;color: #222;line-height: 1.5;font-family: 'PT Sans Narrow';padding: 0 19.643%;} @media(max-width: 1366px){ #case_text .text{padding: 0 10%;} } @media(max-width: 1024px){ #case_text .text{padding: 0;} } @media(max-width: 750px){ #case_text .text{font-size: 30px;} } /*下载*/ #download{padding: 70px 0 120px;background: #f5f7fa;} #download .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #download .top{margin-top: 40px;} #download .cate_box{width: 640px;margin-left: 0;} #download .cate_box .li{width: fit-content;min-width: 200px;height: 55px;padding: 0 25px;font-size: 18px;color: #222;font-family: 'PT Sans Narrow';border-radius: 30px;border: 1px solid #dfe1e3;margin-right: 20px;transition: all .3s;} #download .cate_box .li:last-child{margin-right: 0;} #download .cate_box .li.cur{background: var(--main);border-color: var(--main);color: #fff;} #download .cate_box .li:not(.cur):hover{border-color: var(--main);color: var(--main);} #download .form_box{width: calc(100% - 700px);} #download .form_box .label{width: 100%;height: 55px;border: 1px solid #dfe1e3;border-radius: 30px;overflow: hidden;margin: 0 auto;background: #fff;} #download .form_box .label.focus{border-color: var(--main);} #download .form_box .label .input{width: calc(100% - 55px);padding: 0 25px;font-size: 18px;color: #222;font-family: 'PT Sans Narrow';} #download .form_box .label .input::-webkit-input-placeholder{color: #999;} #download .form_box .label .input::-moz-placeholder{color: #999;opacity: 1;} #download .form_box .label .input::-ms-input-placeholder{color: #999;} #download .form_box .label .submit{width: 55px;height: 55px;font-size: 0;background: url(/images/search2.svg) no-repeat center;} #download .bot{margin-top: 50px;} #download .bot .text{font-size: 28px;color: #222;font-family: 'PT Sans Narrow';} #download .bot .content{margin-top: 20px;} #download .bot .content .li{width: 48.809%;background: #fff;border-radius: 8px;overflow: hidden;padding: 32px 40px 40px;margin-bottom: 40px;} #download .bot .content .li:nth-last-child(-n+2){margin-bottom: 0;} #download .bot .content .li .tit{font-size: 18px;color: #222;word-break: break-all;} #download .bot .content .li .time{font-size: 16px;color: #666;font-family: 'PT Sans Narrow';margin: 10px 0 40px;} #download .bot .content .li .down{min-width: 162px;width: fit-content;height: 47px;border-radius: 30px;border: 2px solid #e6eef7;font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';padding: 0 25px;} #download .bot .content .li .down .icon{width: 24px;height: 24px;margin-right: 15px;} #download .bot .content .li .down .icon img:nth-child(2){opacity: 0;} #download .bot .content .li .ico{width: 100px;height: 100px;right: 0;bottom: 0;opacity: .05;} #download .bot .content .li .btn_box .down:nth-child(2){margin-left: 20px;} #download .bot .content .li:hover{box-shadow: 0 0 20px 0 rgba(18,92,181,.1);} #download .bot .content .li .down:hover{color: #fff;background: var(--main);border-color: var(--main);} #download .bot .content .li .down:hover .icon img:nth-child(1){opacity: 0;} #download .bot .content .li .down:hover .icon img:nth-child(2){opacity: 1;} @media(max-width: 1024px){ #download .top{flex-wrap: wrap;} #download .cate_box{width: 100%;} #download .form_box{width: 100%;margin-top: 30px;} #download .bot .content .li{width: 100%;} #download .bot .content .li:nth-last-child(2){margin-bottom: 40px;} } @media(max-width: 750px){ #download .cate_box .li{font-size: 30px;} #download .form_box .label{width: 100%;height: 65px;border-radius: 40px;} #download .form_box .label .input{font-size: 26px;width: calc(100% - 65px);} #download .form_box .label .submit{width: 65px;height: 65px;background-size: 26px;} #download .bot .text{font-size: 36px;} #download .bot .content .li{box-shadow: 0 0 20px 0 rgba(18,92,181,.1);} #download .bot .content .li .tit{font-size: 30px;} #download .bot .content .li .time{font-size: 30px;} #download .bot .content .li .down{height: 60px;font-size: 30px;color: #fff;background: var(--main);border-color: var(--main);} #download .bot .content .li .down .icon{transform: scale(1.2);} #download .bot .content .li .down .icon img:nth-child(1){opacity: 0;} #download .bot .content .li .down .icon img:nth-child(2){opacity: 1;} } #faq{padding: 65px 0 120px;background: #f5f7fa;} #faq .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #faq .form_box{margin-top: 35px;} #faq .form_box .label{width: 44.643%;height: 55px;border: 1px solid #dfe1e3;border-radius: 30px;overflow: hidden;margin: 0 auto;background: #fff;} #faq .form_box .label.focus{border-color: var(--main);} #faq .form_box .label .input{width: calc(100% - 55px);padding: 0 25px;font-size: 18px;color: #222;font-family: 'PT Sans Narrow';} #faq .form_box .label .input::-webkit-input-placeholder{color: #999;} #faq .form_box .label .input::-moz-placeholder{color: #999;opacity: 1;} #faq .form_box .label .input::-ms-input-placeholder{color: #999;} #faq .form_box .label .submit{width: 55px;height: 55px;font-size: 0;background: url(/images/search2.svg) no-repeat center;} #faq .box{margin-top: 60px;position: relative;z-index: 2;} #faq .left{width: 260px;} #faq .left .cont{position: sticky;top: 150px;background: #fff;border-radius: 8px;padding: 25px 0;} #faq .left .cont .li{padding: 0 28px;margin-bottom: 15px;border-left: 3px solid transparent;font-size: 16px; color: #666;font-family: 'PT Sans Narrow';} #faq .left .cont .li:last-child{margin-bottom: 0;} #faq .left .cont .li.cur{border-left-color: var(--main);} #faq .left .cont .li:hover{color: var(--main);} #faq .left .cont .li.cur{color: var(--main);} #faq .right{width: calc(100% - 300px);} #faq .right .content{margin-bottom: 50px;} #faq .right .content:last-child{margin-bottom: 0;} #faq .right .content .cate_tit{} #faq .right .content .cate_tit .icon{height: 50px;margin-right: 15px;} #faq .right .content .cate_tit .tit{width: calc(100% - 65px);font-size: 36px;color: var(--main);} #faq .right .content .list{border-radius: 8px;overflow: hidden;background: #fff;padding: 20px 40px 40px;margin-top: 28px;} #faq .right .content .list .item{padding: 25px 0;border-bottom: 1px solid #f2f2f2;cursor: pointer;} #faq .right .content .list .item .tit{font-size: 20px;color: #222;line-height: 1.2;} #faq .right .content .list .item .con{height: 0;overflow: hidden;cursor: default;} #faq .right .content .list .item .con .con_in{padding: 15px 35px 15px 0;line-height: 1.667;font-size: 18px;color: #222;font-family: 'PT Sans Narrow';} #faq .right .content .list .item.cur .tit{color: var(--main);} #faq .right .content .list .item.cur .icon{transform: rotate(180deg);} #faq .right .content .list .item.cur .icon svg path{stroke: var(--main);} @media(max-width: 1024px){ #faq .form_box .label{width: 60%;} #faq .box{flex-wrap: wrap;} #faq .box .left{width: 100%;} #faq .box .right{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #faq .form_box .label{width: 100%;height: 65px;border-radius: 40px;} #faq .form_box .label .input{font-size: 26px;width: calc(100% - 65px);} #faq .form_box .label .submit{width: 65px;height: 65px;background-size: 26px;} #faq .left .cont .li{font-size: 30px;margin-bottom: 20px;} #faq .right .content .list .item .tit{font-size: 30px;line-height: 1.6;} #faq .right .content .list .item .con .con_in{font-size: 30px;} } #after_sales{padding: 65px 0 120px;background: #f5f7fa;} #after_sales .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #after_sales .content{margin-top: 30px;} #after_sales .content *{font-family: 'PT Sans Narrow';} /*关于*/ #about{padding: 80px 0 100px;background: #f5f7fa;} #about .title{font-size: 50px;color: var(--main);font-family: 'PT Sans Narrow';line-height: 1.32;} #about .content{margin-top: 80px;} #about .content .text{width: 50%;padding-right: 120px;} #about .content .text .tit{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #about .content .text .brief{font-size: 18px;color: #222;font-family: 'PT Sans Narrow';line-height: 1.667;margin-top: 30px;} #about .content .container{width: 50%;border-radius: 8px;overflow: hidden;} #about .content .pic::before{content: '';padding-top: 59.524%;} #about .content .container .swiper-pagination-bullet-active{background: var(--main);} @media(max-width: 1366px){ #about .content .text{padding-right: 60px;} } @media(max-width: 1024px){ #about .title{font-size: 42px;} #about .content{flex-wrap: wrap;margin-top: 30px;} #about .content .text{width: 100%;padding-right: 0;} #about .content .container{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #about .content .text .brief{font-size: 30px;} } #brand{padding: 65px 0 95px;overflow: hidden;} #brand .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #brand .content{margin-top: 50px;} #brand .content .pic_box{width: 50%;} #brand .content .pic_box .pic::before{content: '';padding-top: 70%;} #brand .content .right{width: 39.881%;} #brand .content .right .li{padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid rgba(11,92,191,.1);} #brand .content .right .li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} #brand .content .right .li .tit{font-size: 36px;color: #fff;font-family: 'PT Sans Narrow';text-shadow: -1px -1px 0 rgba(34,34,34,.5), 1px -1px 0 rgba(34,34,34,.5),-1px 1px 0 rgba(34,34,34,.5),1px 1px 0 rgba(34,34,34,.5);} #brand .content .right .li .tit span{color: #d80c18;text-shadow: none;font-family: 'PT Sans Narrow';} #brand .content .right .li .brief{font-size: 18px;color: #999;font-family: 'PT Sans Narrow';} #brand .content .right .li.cur .tit{color: #222;text-shadow: none;} #brand .content .right .li.cur .brief{color: #666;} @media(max-width: 1024px){ #brand .content{flex-direction: column-reverse;} #brand .content .pic_box{width: 100%;margin-top: 50px;} #brand .content .right{width: 100%;} #brand .content .right .li .tit{font-size: 42px;} #brand .content .right .li .brief{font-size: 30px;} } #history{background: url(/images/history-bg.jpg) no-repeat center / cover;padding: 65px 0px 0; height: 900px; overflow: hidden;} #history .bigtit{font-size: 56px;color: #fff;font-family: 'PT Sans Narrow';text-align: center;} #history .con{margin-top: 80px; display: flex; align-items: center;} #history .con .left{width: 50%;height: 540px;margin: 0;} #history .con .left .slide{height: 100px;} #history .con .left .slide .t1{width: 35.411%; height: 100px; line-height: 98px; color: rgba(255,255,255,0.5); text-align: right; border-top: 1px solid transparent;border-bottom: 1px solid transparent; font-size: 26px;font-family: 'PT Sans Narrow';} #history .con .left .slide.swiper-slide-active .t1{border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);color: #fff;} #history .con .left .btn{position: absolute;top: 50%;margin-top: -80px;z-index: 2;left: 50%; } #history .con .left .buton{width: 70px; height:70px; border: 2px solid rgba(255,255,255,0.1); border-radius: 50%;} #history .con .left .buton .svg{opacity: 0.3;} #history .con .left .buton.next{margin-top: 20px;} #history .con .left .buton:hover{border-color: rgba(255,255,255,0.3);} #history .con .left .buton:hover .svg{opacity: 1;} #history .con .right{width: 50%;margin: 0;} #history .con .right .slide{text-align: left; padding-right: 18.571%;} #history .con .right .year{font-size: 46px; color: #fff; font-family: 'PT Sans Narrow'; text-align: left;} #history .con .right .tit{font-size: 32px;color: #fff;font-family: 'PT Sans Narrow';margin: 35px 0 20px;} #history .con .right .info{height: calc(30px * 6); overflow-y: auto;font-size: 18px;color: #fff;line-height: 30px;font-family: 'PT Sans Narrow';text-align: left;} #history .con .right .info::-webkit-scrollbar{height: 96%; width: 2px;} #history .con .right .info::-webkit-scrollbar-thumb{background: #fff;border-radius: 0;} #history .con .right .info::-webkit-scrollbar-thumb:hover{box-shadow: #f2f2f2 1px 1px 1px inset;} @media (max-width: 1440px) { #history .con .right .slide{padding-right: 9.571%;} } @media (max-width: 1280px) { #history{height: 800px;} #history .con{margin-top: 20px;} #history .con .left{height: 470px;} } @media (max-width: 1024px) { #history{height: 735px;} #history .con .left{height: 420px;} } @media (max-width: 750px) { #history{padding: 80px 0; height: auto;} #history .con .left{display: none;} #history .con .right{width: 100%; padding-bottom: 80px;} #history .con .right .slide{text-align: left; padding: 0 8.571%;} #history .con .right .year{font-size: 42px; line-height: 1.5;} #history .con .right .tit{font-size: 36px;} #history .con .right .info{height: auto;font-size: 30px;line-height: 1.5;} #history .con .right .swiper-pagination{bottom: 0;} #history .con .right .swiper-pagination .swiper-pagination-bullet{background: #fff;} } #strength{padding: 65px 0 80px;background: #f5f7fa;} #strength .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #strength .content{margin-top: 50px;} #strength .content .li{width: 18.5%;border-radius: 8px;overflow: hidden;background: #fff;margin-right: 1.5%;position: relative;} #strength .content .li .tit{font-size: 36px;color: #01419a;text-align:center;} #strength .content .li .brief{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';line-height: 1.667;margin-top: 15px;text-align:center;} #strength .content .li .icon{width: 70px;height: 70px;right: 60px;bottom: 45px;} @media(max-width: 1024px){ #strength .content{flex-wrap: wrap;} #strength .content .li{width: 100%;margin-bottom: 30px;} #strength .content .li:last-child{margin-bottom: 0;} } @media(max-width: 750px){ #strength .content .li .tit{font-size: 42px;} #strength .content .li .brief{font-size: 30px;} } #layout{padding-bottom: 100px;background: #f5f7fa;} #layout .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #layout .content{margin-top: 50px;} #layout .content .pic{width: calc(100% - 325px);} #layout .content .pic::before{content: '';padding-top: 48.928%;} #layout .content .data_box{width: 325px;padding-left: 60px;} #layout .content .data_box .li{margin-bottom: 60px;} #layout .content .data_box .li:last-child{margin-bottom: 0;} #layout .content .data_box .li .icon{width: 45px;height: 45px;margin-right: 25px;margin-top: 15px;} #layout .content .data_box .li .text{width: calc(100% - 70px;)} #layout .content .data_box .li .text .num{font-size: 46px;color: #222;font-family: 'PT Sans Narrow';} #layout .content .data_box .li .text .num *{font-family: 'PT Sans Narrow';text-align: justify-content;} #layout .content .data_box .li .text .tit{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';} @media(max-width: 1366px){ #layout .content .data_box .li{margin-bottom: 30px;} } @media(max-width: 1024px){ #layout .content{flex-wrap: wrap;} #layout .content .pic{width: 100%;} #layout .content .data_box{width: 100%;margin-top: 30px;padding-left: 0;} } @media(max-width: 750px){ #layout .content .data_box .li .text .num{font-size: 56px;} #layout .content .data_box .li .text .tit{font-size: 30px;} } #vision{padding: 60px 0 100px;} #vision .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #vision .content{margin-top: 50px;} #vision .content .li{width: 48.214%;border-radius: 8px;overflow: hidden;} #vision .content .li .pic::before{content: '';padding-top: 66.667%;width: 100%;height: 100%;background: rgba(0,0,0,.4);position: relative;z-index: 1;} #vision .content .li .text{display: flex;flex-direction: column;justify-content: center;padding: 20px;color: #fff;text-align: center;overflow-y: auto;z-index: 2;} #vision .content .li .text::-webkit-scrollbar{height: 96%; width: 2px;} #vision .content .li .text::-webkit-scrollbar-thumb{background: #fff;border-radius: 0;} #vision .content .li .text .tit{font-size: 32px;font-family: 'PT Sans Narrow';} #vision .content .li .text .brief{font-size: 18px;font-family: 'PT Sans Narrow';margin-top: 12px;} @media(max-width: 1024px){ #vision .content{flex-wrap: wrap;} #vision .content .li{width: 100%;margin-bottom: 30px;} #vision .content .li:last-child{margin-bottom: 0;} } @media(max-width: 750px){ #vision .content .li .text .tit{font-size: 42px;} #vision .content .li .text .brief{font-size: 30px;} } /*新闻列表*/ #news{padding: 70px 0 120px;background: #f5f7fa;} #news .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #news .content{margin-top: 10px;} #news .content .li{width: 32.142%;margin: 30px 1.787% 0 0;border-radius: 8px;overflow: hidden;} #news .content .li:nth-child(3n){margin-right: 0;} #news .content .li .time{width: 60px;height: 60px;background: var(--main);border-radius: 8px 0 12px 0;left: 0;top: 0;z-index: 2;color: #fff;line-height: 1;} #news .content .li .time .d{font-size: 26px;} #news .content .li .time .m{font-size: 16px;font-family: 'PT Sans Narrow';} #news .content .li .pic{border-radius: 8px;} #news .content .li .pic::before{content: '';padding-top: 56.212%;} #news .content .li .text{padding: 20px 30px 30px;} #news .content .li .tit{font-size: 24px;color: #222;line-height: 1.417;margin-top: 20px;} #news .content .li .brief{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';line-height: 1.667;margin: 12px 0 20px;} #news .content .li .more{font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';} #news .content .li .more .svg{margin: 3px 0 0 6px;} #news .content .li:hover{background: #fff;box-shadow: 0 0 20px 0 rgba(11,92,181,.1);} #news .content .li:hover .tit{color: var(--main);} @media(max-width: 1536px){ #news .content .li .tit{font-size: 20px;} #news .content .li .brief, #news .content .li .more{font-size: 16px;} } @media(max-width: 1024px){ #news .content .li{width: 48%;margin-right: 4%;} #news .content .li:nth-child(3n){margin-right: 4%;} #news .content .li:nth-child(2n){margin-right: 0;} } @media(max-width: 750px){ #news .content .li{width: 100%;margin-right: 0;background: #fff;box-shadow: 0 0 20px 0 rgba(11,92,181,.1);} #news .content .li:nth-child(3n){margin-right: 0;} #news .content .li .time{width: 100px;height: 100px;} #news .content .li .time .m{font-size: 24px;} #news .content .li .tit{font-size: 30px;color: var(--main);} #news .content .li .brief, #news .content .li .more{font-size: 26px;} } /*新闻详情*/ #news_detail{padding: 10px 0 10px;} #news_detail .box{background: #fff;border-radius: 8px;overflow: hidden;padding: 45px 60px 80px;} #news_detail .box .title{font-size: 50px;color: #222;line-height: 1.2;font-family: 'PT Sans Narrow';} #news_detail .box .time{font-size: 20px;color: #666;font-family: 'PT Sans Narrow';margin-top: 20px;} #news_detail .box .content{margin-top: 30px;padding-top: 50px;border-top: 1px solid #e6eef7;} #news_detail .box .share{display: flex;justify-content: center;align-items: center;margin-top: 40px;} #news_detail .box .share .txt{font-size: 20px;color: #222;margin-right: 18px;} #news_detail .box .share .btn{margin-right: 18px;} #news_detail .box .share .btn:hover{opacity: .8;} #news_detail .bot{margin-top: 3px;} #news_detail .bot .item{width: calc((100% - 6px) / 3);background: #fff;border-radius: 8px;display: flex;flex-direction: column;justify-content: center;} #news_detail .bot .item .t{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';} #news_detail .bot .item .tit{font-size: 20px;color: #222;font-family: 'PT Sans Narrow';line-height: 1.3;margin-top: 8px;} #news_detail .bot .item .txt{font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';margin-top: 12px;} #news_detail .bot .item:hover .tit{color: var(--main);} @media(max-width: 1024px){ #news_detail .box .title{font-size: 42px;} #news_detail .box{padding: 45px 30px 80px;} } @media(max-width: 750px){ #news_detail .box .time{font-size: 30px;} #news_detail .box .share .txt{font-size: 30px;margin-right: 50px;} #news_detail .box .share .btn{margin-right: 50px;transform: scale(1.5);} #news_detail .bot{flex-wrap: wrap;} #news_detail .bot .item{width: 100%;} #news_detail .bot .item:nth-child(2), #news_detail .bot .item:nth-child(3){margin-top: 3px;} #news_detail .bot .item .t, #news_detail .bot .item .txt{font-size: 30px;} #news_detail .bot .item .tit{font-size: 36px;} } #events{padding: 60px 0 80px;background: #f5f7fa;} #events .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #events .content{margin-top: 40px;} #events .content .li{width: 24.107%;margin: 0 1.19% 20px 0;border-radius: 8px;overflow: hidden;background: #fff;padding: 40px 40px 50px;display: flex;flex-direction: column;justify-content: space-between;} #events .content .li:nth-child(4n){margin-right: 0;} #events .content .li .pic::before{content: '';padding-top: 53.333%;} #events .content .li .pic img{max-width: 80%;max-height: 80%;} #events .content .li .tit{font-size: 28px;color: #222;line-height: 1.143;margin-top: 25px;} #events .content .li .txt{font-size: 18px;color: #222;font-family: 'PT Sans Narrow';padding-left: 28px;} #events .content .li .txt.time{background: url(/images/events-icon1.png) no-repeat left;margin-top: 15px;} #events .content .li .txt.addr{background: url(/images/events-icon2.png) no-repeat left;margin-top: 8px;margin-bottom: auto;} #events .content .li .btn{margin-top: 40px;width: 100%;height: 55px;border-radius: 30px;font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';padding: 0 30px 0 25px;border: 1px solid var(--main);line-height: 1.2;} #events .content .li .btn .svg{margin: 3px 0 0 0;min-width: 10px;} #events .content .li .btn .svg path{transition: all .3s;} #events .content .li:hover{box-shadow: 0 0 20px 0 rgba(11,92,181,.1);} #events .content .li:hover .tit{color: var(--main);} #events .content .li .btn:hover{background: var(--main);color: #fff;} #events .content .li .btn:hover .svg path{stroke: #fff;} @media(max-width: 1680px){ #events .content .li{padding-left: 30px;padding-right: 30px;} #events .content .li .tit{font-size: 26px;} } @media(max-width: 1536px){ #events .content .li .tit{font-size: 24px;} } @media(max-width: 1200px){ #events .content .li{width: 32%;margin-right: 2%;} #events .content .li:nth-child(4n){margin-right: 2%;} #events .content .li:nth-child(3n){margin-right: 0;} } @media(max-width: 1024px){ #events .content .li{width: 49%;margin-right: 2%;} #events .content .li:nth-child(4n){margin-right: 2%;} #events .content .li:nth-child(3n){margin-right: 2%;} #events .content .li:nth-child(2n){margin-right: 0;} } @media(max-width: 750px){ #events .content .li{width: 100%;margin-right: 0 !important;box-shadow: 0 0 20px 0 rgba(11,92,181,.1);} #events .content .li .tit{font-size: 36px;color: var(--main);} #events .content .li .txt{font-size: 30px;padding-left: 38px;background-size: 22px !important;} #events .content .li .btn{height: 65px;font-size: 30px;background: var(--main);color: #fff;} #events .content .li .btn .svg path{stroke: #fff;transform: scale(1.5);} } #banner_events{width: 100%;position: relative;} #banner_events .pic::before{content: '';padding-top: 42.1875%;width: 100%;height: 100%;background: rgba(9,53,101,.6);position: relative;z-index: 1;} #banner_events .text_box{display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;} #banner_events .text_box .tit{font-size: 66px;font-family: 'PT Sans Narrow';margin-top: -30px;line-height: 1.2;} #banner_events .text_box .brief{font-size: 20px;font-family: 'PT Sans Narrow';line-height: 1.5;margin-top: 30px;} #banner_events .text_box .txt{font-size: 20px;color: #f5f7fa;font-family: 'PT Sans Narrow';padding-left: 28px;} #banner_events .text_box .txt.time{background: url(/images/events-icon3.png) no-repeat left;margin-top: 20px;} #banner_events .text_box .txt.addr{background: url(/images/events-icon4.png) no-repeat left;margin-top: 8px;} #banner_events .text_box .btn{width: 360px;height: 55px;padding: 0 25px;background: var(--main);border-radius: 30px;font-size: 18px;font-family: 'PT Sans Narrow';margin-top: 55px;} #banner_events .text_box .btn:hover{opacity: .8;} @media(max-width: 1536px){ #banner_events .text_box .tit{font-size: 56px;} } @media(max-width: 1366px){ #banner_events .text_box .tit{font-size: 48px;margin-top: 0;} } @media(max-width: 1280px){ #banner_events .text_box .tit{font-size: 42px;} #banner_events .text_box .brief, #banner_events .text_box .txt{font-size: 18px;} #banner_events .text_box .btn{margin-top: 30px;} } @media(max-width: 1024px){ #banner_events .pic::before{padding-top: 55%;} } @media(max-width: 750px){ #banner_events .pic::before{padding-top: 108%;} #banner_events .text_box .brief, #banner_events .text_box .txt{font-size: 30px;} #banner_events .text_box .txt{padding-left: 38px;background-size: 22px !important;} #banner_events .text_box .btn{width: 400px;height: 65px;font-size: 26px;} #banner_events .text_box .btn .svg{transform: scale(1.5);} } #events_detail{padding: 80px 0 120px;} #events_detail .info{} #events_detail .info .brief{font-size: 24px;color: #222;font-family: 'PT Sans Narrow';line-height: 1.667;padding: 0 17.857%;} #events_detail .info .icon{width: 57px;height: 57px;margin: 50px auto 0;} #events_detail .content{margin-top: 120px;} #events_detail .content .li{margin-bottom: 80px;} #events_detail .content .li:nth-child(2n){flex-direction: row-reverse;} #events_detail .content .li:last-child{margin-bottom: 0;} #events_detail .content .li .pic{width: 50%;border-radius: 8px;} #events_detail .content .li .pic::before{content: '';padding-top: 66.667%;} #events_detail .content .li .text{width: 50%;padding-left: 80px;} #events_detail .content .li:nth-child(2n) .text{padding-left: 0;padding-right: 80px;} #events_detail .content .li .text .tit{font-size: 46px;color: #222;font-family: 'PT Sans Narrow';} #events_detail .content .li .text .brief{font-size: 18px;color: #666;font-family: 'PT Sans Narrow';line-height: 1.667;margin-top: 20px;} #events_detail .content .li .text .more{width: fit-content;font-size: 18px;color: var(--main);font-family: 'PT Sans Narrow';margin-top: 40px;} #events_detail .content .li .text .more .svg{margin: 3px 0 0 20px;} @media(max-width: 1680px){ #events_detail .info .brief{padding: 0 12%;} } @media(max-width: 1440px){ #events_detail .content .li .text{padding-left: 30px;} #events_detail .content .li:nth-child(2n) .text{padding-left: 0;padding-right: 30px;} #events_detail .content .li .text .tit{font-size: 42px;} } @media(max-width: 1366px){ #events_detail .info .brief{padding: 0 4%;} } @media(max-width: 1024px){ #events_detail .info .brief{padding: 0;} #events_detail .content{margin-top: 80px;} #events_detail .content .li{flex-direction: column !important;margin-bottom: 50px;padding: 0 !important;} #events_detail .content .li .pic{width: 100%;} #events_detail .content .li .text{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #events_detail .info .brief, #events_detail .content .li .text .brief, #events_detail .content .li .text .more{font-size: 30px;} #events_detail .content .li .text .more .svg{transform: scale(1.5);} } /*联系我们*/ #contact{padding: 70px 0 90px;background: #f5f7fa;} #contact .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #contact .content{margin-top: 45px;} #contact .content .li{width: 33.333%;padding: 0 30px;} #contact .content .li:nth-child(1), #contact .content .li:nth-child(2){width: 50%;border-bottom: 1px solid #dcdee1;padding-bottom: 72px;margin-bottom: 80px;} #contact .content .li .icon{width: 45px;height: 45px;margin: 0 auto;} #contact .content .li .tit{font-size: 20px;color: #666;font-family: 'PT Sans Narrow';line-height: 1.5;text-align: center;margin-top: 15px;} #contact .content .li .brief{font-size: 20px;color: #222;font-family: 'PT Sans Narrow';line-height: 1.5;text-align: center;} @media (max-width:750px) { #contact{padding-bottom: 50px;} #contact .content .li{width: 100% !important;padding-bottom: 30px !important;margin-bottom: 30px !important;border-bottom: 1px solid #dcdee1;padding-left: 0;padding-right: 0;} #contact .content .li .tit, #contact .content .li .brief{font-size: 30px;} } #message{padding-bottom: 120px;background: #f5f7fa;} #message .box{padding: 65px 60px 60px;background: #fff;border-radius: 8px;overflow: hidden;} #message .box .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #message .box .brief{font-size: 20px;color: #000;font-family: 'PT Sans Narrow';margin-top: 10px;} #message .form_box{margin-top: 55px;} #message .form_box .li{width: 24.0625%;margin-bottom:20px;margin-right: 1.25%;} #message .form_box .li.mr0{margin-right: 0;} #message .form_box .li .input{width:100%;height:60px;line-height:56px;border:2px solid #e6eef7;padding:0 20px;font-size:18px;color:#222;font-family: 'PT Sans Narrow';border-radius: 8px;overflow: hidden;} #message .form_box .li .input:focus{border-color: var(--main);} #message .form_box .li .input::-webkit-input-placeholder{color: #999;} #message .form_box .li .input::-moz-placeholder{color: #999;opacity: 1;} #message .form_box .li .input::-ms-input-placeholder{color: #999;} #message .form_box .li .input:focus::-webkit-input-placeholder{color: var(--main);} #message .form_box .li .input:focus::-moz-placeholder{color: var(--main);opacity: 1;} #message .form_box .li .input:focus::-ms-input-placeholder{color: var(--main);} #message .form_box .li.textarea{width: 100%;margin-bottom: 0;} #message .form_box .li .input.area{height:240px;line-height:30px;padding-top:10px;} #message .form_box .submit{width: fit-content;min-width: 240px;height: 55px;padding: 0 30px;border-radius: 30px;background: var(--main);font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';margin: 50px auto 0;} #message .form_box .submit .svg{fill: #fff;margin: 3px 0 0 75px;} @media(any-hover:hover){ #message .form_box .submit:hover{opacity: .8;} } @media (max-width:750px) { #message{padding: 20px 0 80px;} #message .box{padding-left: 30px;padding-right: 30px;} #message .box .brief{font-size: 30px;} #message .form_box .li{width: 100%;margin-bottom:20px;margin-right: 0;} #message .form_box .li .notice{font-size:30px;line-height:normal;margin-bottom:10px;} #message .form_box .li .input{font-size:30px;height:72px;line-height:70px;} #message .form_box .li .input.area{padding-top: 20px;} #message .form_box .submit{font-size: 30px;height: 65px;border-radius: 40px;} #message .form_box .submit .svg{transform: scale(1.5);} } /*合作伙伴*/ #partner{padding: 65px 0 120px;background: #f5f7fa;} #partner .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #partner .brief{font-size: 20px;color: #666;font-family: 'PT Sans Narrow';margin-top: 6px;} #partner .content{margin-top: 55px;} #partner .content .list{margin-bottom: 70px;} #partner .content .list:last-child{margin-bottom: 0;} #partner .content .list .left{width: 250px;padding-right: 20px;margin-top: 25px;} #partner .content .list .left .ico{width: 31px;height: 31px;margin-right: 14px;} #partner .content .list .left .tit{width: calc(100% - 45px);font-size: 24px;color: var(--main);line-height: 1.083;} #partner .content .list .right{width: calc(100% - 250px);} #partner .content .list .right .pic{width: 16.084%;margin: 0 0.6992% 10px 0;border-radius: 8px;background: #fff;} #partner .content .list .right .pic::before{content: '';padding-top: 47.826%;} #partner .content .list .right .pic:nth-child(6n){margin-right: 0;} #partner .content .list .right .pic img{max-width: 80%;max-height: 80%;} @media(max-width: 1200px){ #partner .content .list .right .pic{width: 24%;margin-right: 1.333%;} #partner .content .list .right .pic:nth-child(6n){margin-right: 1.333%;} #partner .content .list .right .pic:nth-child(4n){margin-right: 0;} } @media(max-width: 1024px){ #partner .content .list .left{width: 100%;padding-right: 0;margin-top: 0;} #partner .content .list .right{width: 100%;margin-top: 30px;} } @media(max-width: 750px){ #partner .brief{font-size: 30px;} #partner .content .list .left .tit{font-size: 36px;} #partner .content .list .right .pic{width: 32%;margin-right: 2% !important;} #partner .content .list .right .pic:nth-child(3n){margin-right: 0 !important;} } /*经销商*/ @keyframes map-sign { 0% {transform: scale(1);opacity: .3;} 66% {transform: scale(5);opacity: 0;} 100% {transform: scale(5);opacity: 0;} } #dealers{padding: 65px 0 115px;background: #f5f7fa;overflow: hidden;} #dealers .title{font-size: 56px;color: #222;font-family: 'PT Sans Narrow';} #dealers .brief{font-size: 20px;color: #666;font-family: 'PT Sans Narrow';margin-top: 6px;line-height: 1.5;} #dealers .map_box{margin-top: 80px;} #dealers .map{} #dealers .address{} #dealers .address .item{position: absolute;z-index: 5;cursor: pointer;} #dealers .address .item .point{width: 10px;height: 10px;background: var(--main);border-radius: 50%;position: relative;} #dealers .address .item .point::before, #dealers .address .item .point::after{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;background-color:var(--main);z-index: -1;pointer-events: none;animation: map-sign 3s infinite ease-out;} #dealers .address .item .point::before{animation-delay: .3s;} #dealers .address .item .point::after{animation-delay: .8s;} #dealers .address .item .title{font-size: 16px;color: #8ea4c2;position: absolute;left: 22px;top: -9px;font-family: "KAR";} #dealers .address .item .content{width: 740px;height: 420px;position: absolute;box-shadow: 0px 20px 40px 0px rgba(92, 117, 153, 0.25);left: 50px;top: -100px;opacity: 0;pointer-events: none;padding: 30px;border-radius: 15px;overflow: hidden;background: #fff;} #dealers .address .item .content::before{content: '';width: 100%;height: 350px;position: absolute;left: 0;bottom: 0;z-index: 2;background: url(/images/dealers-bg.png) no-repeat bottom / 100%;pointer-events: none;} #dealers .address .item .content .close{width: 16px;height: 16px;right: 20px;top: 20px;} #dealers .address .item .content .cont{height: calc(100% - 20px);overflow-y: auto;margin-top: 20px;} #dealers .address .item .content .cont::-webkit-scrollbar, #dealers .address .item .content .cont *::-webkit-scrollbar{width:4px;background:#e5e5e5;} #dealers .address .item .content .cont::-webkit-scrollbar-thumb, #dealers .address .item .content .cont *::-webkit-scrollbar-thumb{background:var(--main);border-radius:0;} #dealers .address .item .content .cont .li{margin-bottom: 30px;} #dealers .address .item .content .cont .li .pic{width: 39.705%;} #dealers .address .item .content .cont .li .pic::before{content: '';padding-top: 66.667%;} #dealers .address .item .content .cont .li .text{width: 60.295%;padding-left: 30px;} #dealers .address .item .content .cont .li .text .tit{font-size: 24px;color: var(--main);} #dealers .address .item .content .cont .li .text .bri{font-size: 16px;color: #222;margin-top: 12px;} #dealers .address .item.item2 .content{top: -200px;} #dealers .address .item.item3 .content, #dealers .address .item.item6 .content, #dealers .address .item.item4 .content{left: -760px;} #dealers .address .item.cur{z-index: 6;} #dealers .address .item.cur .point{background: #d80c18;} /*#dealers .address .item.cur .point::before, #dealers .address .item.cur .point::after{animation: map-sign 3s infinite ease-out;} #dealers .address .item.cur .point::before{animation-delay: .3s;} #dealers .address .item.cur .point::after{animation-delay: .8s;}*/ #dealers .address .item.cur .point::before, #dealers .address .item.cur .point::after{background-color: #d80c18;} #dealers .address .item.cur .title{font-size: 18px;color: #333;} #dealers .address .item.cur .content{opacity: 1;pointer-events: all;} #dealers .address .item1 .title{left: -20px;top: 10px;} #dealers .address .item4 .title{left: -80px;top: -14px;} #dealers .address .item5 .title{left: -85px;top: -9px;} #dealers .address .item6 .title{left: -30px;top: -30px;} #dealers .map_box_m{display: none;} @media(max-width: 1366px){ #dealers .address .item .content{width: 700px;height: 360px;} } @media(max-width: 1200px){ #dealers .address .item .content{width: 530px;height: 360px;} #dealers .address .item.item7 .content, #dealers .address .item.item4 .content{left: -550px;} } @media(max-width: 1024px){ #dealers .map_box{display: none;} #dealers .map_box_m{display: block;margin-top: 35px;} #dealers .map_box_m .content{box-shadow: 0px 20px 40px 0px rgba(92, 117, 153, 0.25);padding: 30px;border-radius: 15px;overflow: hidden;background: #fff;margin-bottom: 30px;} #dealers .map_box_m .content:last-child{margin-bottom: 0;} #dealers .map_box_m .content .title_m{font-size: 30px;color: #222;} #dealers .map_box_m .content .cont{margin-top: 20px;} #dealers .map_box_m .content .cont::-webkit-scrollbar, #dealers .map_box_m .content .cont *::-webkit-scrollbar{width:4px;background:#e5e5e5;} #dealers .map_box_m .content .cont::-webkit-scrollbar-thumb, #dealers .map_box_m .content .cont *::-webkit-scrollbar-thumb{background:var(--main);border-radius:0;} #dealers .map_box_m .content .cont .li{margin-bottom: 30px;} #dealers .map_box_m .content .cont .li .pic{width: 39.705%;} #dealers .map_box_m .content .cont .li .pic::before{content: '';padding-top: 66.667%;} #dealers .map_box_m .content .cont .li .text{width: 60.295%;padding-left: 30px;} #dealers .map_box_m .content .cont .li .text .tit{font-size: 24px;color: var(--main);} #dealers .map_box_m .content .cont .li .text .bri{font-size: 16px;color: #222;margin-top: 12px;} } @media(max-width: 750px){ #dealers .brief{font-size: 30px;} #dealers .map_box_m .content .title_m{font-size: 36px;} #dealers .map_box_m .content .cont .li{flex-wrap: wrap;} #dealers .map_box_m .content .cont .li .pic{width: 100%;} #dealers .map_box_m .content .cont .li .text{width: 100%;margin-top: 20px;padding-left: 0;} #dealers .map_box_m .content .cont .li .text .tit, #dealers .map_box_m .content .cont .li .text .bri{font-size: 30px;} } /*底部*/ #footer{width: 100%;padding: 70px 0 60px;background: #000000;} #footer .ftop{} #footer .ftop .tit{font-size: 24px;color: #fff;margin-bottom: 30px;line-height: 1;} #footer .ftop .contact{max-width: 30%;} #footer .ftop .contact .item{display: flex;margin-bottom: 12px;opacity: .7;align-items: flex-start;} #footer .ftop .contact .item:last-child{margin-bottom: 0;} #footer .ftop .contact .item .svg{width: 20px;margin-right: 15px;} #footer .ftop .contact .item.time .svg{transform: translateY(4px);} #footer .ftop .contact .item.phone .svg{transform: translateY(4px);} #footer .ftop .contact .item.email .svg{transform: translateY(6px);} #footer .ftop .contact .item.address .svg{transform: translateY(4px);} #footer .ftop .contact .item .txt{width: calc(100% - 35px);font-size: 18px;color: #fff;font-family: 'PT Sans Narrow';} #footer .ftop .nav{width: 40%;} #footer .ftop .nav .list:nth-child(1) .tit{margin-bottom: 20px;} #footer .ftop .nav .list:nth-child(2) .tit:nth-child(1){margin-bottom: 45px;} #footer .ftop .nav .list:nth-child(2) .tit:nth-child(2){margin-bottom: 15px;} #footer .ftop .nav .list .con{} #footer .ftop .nav .list .con .li{font-size: 18px;color: #fff;line-height: 2;font-family: 'PT Sans Narrow';opacity: .7;} #footer .ftop .nav .list .con .li:hover{opacity: 1;} #footer .ftop .share_box .share{display: flex;align-items: center;flex-wrap: wrap;} #footer .ftop .share_box .share .s{margin-right: 10px;width: 50px;height: 50px;background: rgba(11,92,181,.2);border-radius: 50%;transition: all .3s;} #footer .ftop .share_box .share .s:last-child{margin-right: 0;} #footer .ftop .share_box .share .s .icon{opacity: .7;transition: all .3s;} #footer .ftop .share_box .share .s .ewm{width:110px;height:110px;top:-130px;right:0;z-index:2;border-radius: 5px;background:#fff;} #footer .ftop .share_box .share .s:hover{background: rgba(11,92,181,1);} #footer .ftop .share_box .share .s:hover .icon{opacity: 1;} #footer .ftop .share_box .share .s:hover .ewm{display: inline-block;} #footer .fbot{margin-top: 75px;padding-top: 60px;border-top: 1px solid rgba(255,255,255,.1);} #footer .fbot .flogo{width: 149px;height: 52px;} #footer .fbot .txt, #footer .fbot .copyright{font-size:16px;color:#fff;opacity: 0.3;line-height: 1.875;text-align: right;} #footer .fbot .txt:hover{opacity: 1;} @media screen and (max-width:1280px) { #footer .fbot.fbot_en{flex-direction:column;align-items: center;} #footer .fbot.fbot_en .right{margin-top:10px;} } @media screen and (max-width:1200px) { #footer{padding: 50px 0 80px;} #footer .ftop{flex-wrap: wrap;} #footer .ftop .contact{max-width: 48%;} #footer .ftop .nav{width: 36%;} #footer .ftop .share_box{width: 100%;margin-top: 30px;} #footer .fbot{width: 100%;padding-top:30px;} #footer .fbot .right{margin-top:10px;} } @media screen and (max-width:1024px) { #footer .ftop .nav{width: 40%;} } @media screen and (max-width:750px) { #footer{padding-bottom: 130px;} #footer .ftop .tit{font-size: 36px;} #footer .ftop .contact{max-width: none;width: 100%;} #footer .ftop .contact .item .svg{margin-right: 20px;transform: scale(1.5);} #footer .ftop .contact .item.time .svg{transform: translateY(15px) scale(1.5);} #footer .ftop .contact .item.phone .svg{transform: translateY(15px) scale(1.5);} #footer .ftop .contact .item.email .svg{transform: translateY(15px) scale(1.5);} #footer .ftop .contact .item.address .svg{transform: translateY(15px) scale(1.5);} #footer .ftop .contact .item .txt{font-size: 30px;} #footer .ftop .nav{width: 100%;margin-top: 30px;justify-content: flex-start;} #footer .ftop .nav .list{margin-right: 50px;} #footer .ftop .nav .list .con .li{font-size: 30px;} #footer .ftop .share_box .share .s{width: 60px;height: 60px;} #footer .ftop .share_box .share .s .icon img{height: 26px;} #footer .ftop .share_box .share .s .ewm{width:160px;height: 160px;top:-180px;left: 50%;right: auto;transform: translateX(-50%);} #footer .fbot{padding-top:50px;flex-wrap: wrap;} #footer .fbot .flogo{margin: 0 auto;} #footer .fbot .text{width: 100%;margin-top: 30px;} #footer .fbot .text>div{justify-content: center;} #footer .fbot .copyright, #footer .fbot .txt{font-size:30px;text-align: center;} } /* 侧边栏start */ #float_right{/*right:52px;*/right:12px;top:50%;transform:translateY(-50%);z-index:20;} #float_right .content{padding: 20px 0;background: #fff;border-radius: 30px;margin-bottom: 20px;box-shadow: 0 0 20px 0 rgba(6,28,52,.15);} #float_right .content .li{width: 46px;margin-bottom: 20px;} #float_right .content .li:last-child{margin-bottom: 0;} #float_right .li.codeBox .code{right:40px;top:50%;width:110px;height:110px;transform: translate(-20px,-50%);background-color: #fff;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);/*padding:10px;*/border-radius: 5px;} #float_right .li.telBox .phone{right:40px;top:50%;transform: translate(-20px,-50%);background-color: #fff;box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);border-radius: 5px;font-size: 16px;color: var(--main);white-space: nowrap;padding: 10px 15px;} #float_right .li.codeBox:hover .code{display: block;} #float_right .li.telBox:hover .phone{display: block;} #float_right .backTop{width:46px;height:46px;background-color: var(--main);box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.05);border-radius: 30px;} #float_right .backTop:hover{opacity: .8;} @media (max-width:1680px) { #float_right{right: 10px;} } @media (max-width:750px) { #float_right{background-color:#fff;top:auto;left:0;right:0;bottom:0;width:100%;height:100px;transform:translateY(0);display: flex;} #float_right .content{display: flex;width: 75%;margin-bottom: 0;box-shadow: none;} #float_right .content .li{width: 33.333%;height: 100%;background: #fff;border-radius: 0;} #float_right .content .li .icon{height: 100%;} #float_right .content .li .svg{width: 30px;height: 30px;fill: #fff;} #float_right .li.codeBox .code{width: 150px;height: 150px;top: -95px;right: auto;left: 50%;transform: translate(-50%,-50%);} #float_right .li.telBox .phone{top: -50px;left: 0;font-size: 30px;right: auto;transform: translate(0,-50%);} #float_right .backTop{width: 25%;height: 100%;background: #fff;box-shadow: none;} #float_right .backTop .svg{transform: scale(1.5);} #float_right .backTop .svg path{stroke: var(--main);} } /* 侧边栏end */