:root{
--mainbg:#0073e6;
}
html {
scroll-behavior: smooth;
}
/* @font-face {
font-family:'MEB';
src: url('./Montserrat-ExtraBold-4.otf');
}
@font-face {
font-family:'MB';
src: url('./Montserrat-Bold-3.otf');
} */
/* 水波纹效果 */
@keyframes wave{
0%{-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translateX(50%);transform:translateX(50%);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
@keyframes wave2{
0%{-webkit-transform:translateX(0);transform:translateX(0);}
50%{-webkit-transform:translateX(-50%);transform:translateX(-50%);}
100%{-webkit-transform:translateX(0);transform:translateX(0);}
}
/* 波浪效果 */
.bolang-box{width:100%;height:fit-content;left: 0;right: 0;bottom:-85px;z-index: 2;}
.bolang-box .bolang{width: 200%;height:180px;bottom: 0;background-size: 60% !important;}
.bolang-box .bolang1{left: -100%;background: url(/images/icon/bolang3.png) repeat-x center top;-webkit-animation: wave 30s linear infinite 0s reverse;animation: wave 30s linear infinite 0s reverse;}
.bolang-box .bolang2{left: 0;background: url(/images/icon/bolang3.png) repeat-x center top;-webkit-animation: wave2 30s linear infinite 0s reverse;animation: wave2 30s linear infinite 0s reverse;opacity:.5;}
.bolang-box.hui .bolang1{background-image:url(/images/icon/bolang4.png);}
.bolang-box.hui .bolang2{background-image:url(/images/icon/bolang4.png);}
@media screen and (max-width:1680px) {
.bolang-box{bottom: -86px;}
}
@media screen and (max-width:1536px) {
.bolang-box{bottom: -96px;}
}
@media screen and (max-width:1440px) {
.bolang-box{bottom: -101px;}
}
@media screen and (max-width:1366px) {
.bolang-box{bottom: -106px;}
}
@media screen and (max-width:1280px) {
.bolang-box{bottom: -109px;}
}
@media screen and (max-width:1200px) {
.bolang-box{bottom: -113px;}
}
@media screen and (max-width:1024px) {
.bolang-box{bottom: -123px;}
}
@media screen and (max-width:750px) {
.bolang-box{bottom: -139px;}
.bolang-box.index{bottom: 143px;}
}
/* 波浪效果2 */
@keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1)
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(0.55)
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
.waveWrapper {overflow: hidden;position: absolute;inset:0;margin: auto;}
.waveWrapperInner {position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: -1px;}
.bgTop {z-index:5;opacity: 0.5;}
.bgMiddle {z-index:4;opacity: 0.75;}
.bgBottom {z-index:2;}
.wave {position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}
.waveTop {background-size: 50% 100px;background-image:url(/images/icon/bolang/wave-top.png);}
.waveAnimation .waveTop {animation: move-wave 3s;-webkit-animation: move-wave 3s;-webkit-animation-delay: 1s;animation-delay: 1s;}
.waveMiddle {background-size: 50% 120px;background-image:url(/images/icon/bolang/wave-mid.png);}
.waveAnimation .waveMiddle {animation: move_wave 10s linear infinite;}
.waveBottom {background-size: 50% 100px;background-image:url(/images/icon/bolang/wave-bot.png);}
.waveAnimation .waveBottom {animation: move_wave 15s linear infinite;}
/* 共用背景色 */
.con_bg{background-color:#f7fafc;}
/* 头部菜单栏 */
#header{top: 0;left: 0;height:fit-content;width:100%;z-index:10;background-color:transparent;}
#header.none{transform: translate3d(0px,-100%,0);}
/*#header:hover,*/
/*#header.cur{background-color:rgba(0, 0, 0, 0.6);}*/
#header .htop{height:90px;background-color:rgba(28,100,201,0.9);}
#header .hleft .logo{width:200px;}
#header .hleft .logo img{max-height:60px;object-fit:contain;}
#header .hleft .company{margin-left:20px;white-space:nowrap;}
#header .hleft .company .txt1{font-size:28px;font-weight:300;color:#fff;}
#header .hleft .company .txt2{font-size:12px;color:#fff;text-align:justify;letter-spacing:0.4px;}
#header .hattr{width:100%;height:50px;background-color:rgba(27,95,191,0.9);box-shadow: 0px 10px 20px 0px rgba(0, 45, 93, 0.05);}
#header .hnav .one-nav{margin:0 3.75%;}
#header .hnav .one-nav .nav-a{font-size:18px;color:#fff;text-align:center;position:relative;line-height:50px;}
#header .hnav .one-nav .nav-a::after{content:'';position:absolute;z-index:2;bottom:0;right:0;/*transform:translateX(-50%);*/width:0;height:4px;border-radius:2px;background-color:transparent;transition:all 0.3s linear;}
#header .hnav .one-nav.cur .nav-a,
#header .hnav .one-nav:hover .nav-a{font-weight:500;}
#header .hnav .one-nav.cur .nav-a::after,
#header .hnav .one-nav:hover .nav-a::after{width:100%;background-color:#fff;left:0;}
/* 二级下拉 */
#header .hnav .two-nav{width:100%;height:0;overflow:hidden;top:140px;left:0;z-index:10;background:#fff;}
#header .hnav .two-nav .hnavbg{padding:30px 0;}
#header .hnav .two-nav .hnavbg .tnav-a{font-size:18px;color:#666;font-weight:500;text-align: center;white-space:nowrap;margin:0 30px;line-height:50px;}
#header .hnav .two-nav .hnavbg .tnav-a:hover{color:var(--mainbg);}
/* 右侧 */
#header .hright{height:100%;}
#header .hright .hphone .hphone1{font-size:24px;line-height:30px;color:#fff;font-weight:600;margin-left:16px;}
#header .hright .hphone .icon{width:28px;height:24px;}
#header .hright .hphone .icon .svg{width:100%;height:100%;fill:#fff;}
#header .hright .lang{font-size:20px;color:#fff;line-height:30px;}
#header .hright .search{margin:0 38px 0 36px;}
#header .hright .search .svg{width:22px;height:22px;fill:#fff;}
#header .hright .menu{display:none;width:40px;height:40px;}
#header .hright .menu .svg{width:25px;height:25px;fill:#fff;}
#header .hright .menu.cur .i1{display:none;}
#header .hright .menu.cur .i2{display:inline-block;}
/* 头部移动端 */
#m-nav,#search-box,#header-blank{display:none;}
@media screen and (max-width:1440px) {
#header .hnav .two-nav .hnavbg .tnav-a{margin:0 20px;font-size:16px;}
}
@media screen and (max-width:1280px) {
#header .hright .search{margin:0 20px;}
}
/* @media screen and (max-width:1366px) {
#header .hnav .two-nav .hnavbg{flex-wrap:wrap;}
} */
@media screen and (max-width:1024px) {
#header .hattr,
#header .hright .hphone,
#header .hright .lang{display:none;}
#header .hright .search{margin:0 30px 0 0;}
#header .hright .menu{display:block;}
#m-nav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:90px; background: #fff;overflow-y: auto;}
#m-nav.cur{height: calc(100vh - 90px);border-top:1px solid #ebebeb;}
#m-nav .nav .one-nav{line-height:60px;}
#m-nav .nav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/icon/nav-icon.svg) no-repeat right;}
#m-nav .nav .one-nav.nobg .one{background: none;}
#m-nav .nav .one-nav.cur .one{background-image:url(/images/icon/nav-icon2.svg);}
#m-nav .nav .one-nav.cur.nobg .one{background: none;}
#m-nav .nav .one-nav .one-a{font-size:18px;font-weight:500;color:#333;}
#m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;}
#m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #ebebeb;}
#m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;color:#333;}
#m-nav .bot-box{margin:30px 0 60px}
#m-nav .bot-box .item{font-size:18px;color:#333;margin:0 10px;}
#m-nav .hphone{margin-top:30px;}
#m-nav .hphone .hphone1{font-size:24px;line-height:30px;color:#333;font-weight:600;margin-left:16px;}
#m-nav .hphone .icon{width:28px;height:24px;}
#m-nav .hphone .icon .svg{width:100%;height:100%;fill:#333;}
}
@media screen and (max-width:750px) {
#header-blank{display: block;height:90px;}
/*#header,*/
/*#header:hover{background-color:#00438f;}*/
#header .hright .search,
#header .hright .menu{width:50px;height:50px;}
#header .hright .search .svg,
#header .hright .menu .svg{transform:scale(1.5);}
#header .hright .search.cur .i1{display:none;}
#header .hright .search.cur .i2{display:inline-block;}
#header .hleft .company{display:none;}
/*#header .hleft .logo{width:20%;}*/
#m-nav .nav .one-nav{line-height:100px;}
#m-nav .nav .one-nav .one-a{font-size:36px;}
#m-nav .nav .one-nav .two-nav .two-a{font-size:30px;}
#m-nav .bot-box .item{font-size:30px;margin:0 20px;}
#m-nav .hphone .hphone1{font-size:30px;line-height:1.6;}
#search-box{width:100%;height:180px;z-index: 50;left: 0;right: 0;top:105px;background: #fff;display: none;flex-direction: column;justify-content: center;border-top:1px solid #ebebeb;}
#search-box .form-box{width: 92%;margin: 45px auto 0;height:90px;border-radius:43px;border: 1px solid #d1d1d1;overflow: hidden;}
#search-box .form-box .input{width: calc(100% - 90px);padding-left: 30px;}
#search-box .form-box .input input{width: 100%;height: 100%;font-size:30px;color:#333;}
#search-box .form-box .submit{width:90px;height:90px;background:var(--mainbg);border-left:1px solid rgba(0, 0, 0, 0.3);}
#search-box .form-box .submit .svg{width:17px;height:16px;fill:#fff;transform:scale(2);}
}
/* 底部 */
#footer .footer_bolang{width:100%;height:fit-content;left:0;top:193px;z-index: 2;}
#footer .footer_bolang .bolang{width:200%;height:180px;bottom:0;background-blend-mode:overlay;background-size: 60% !important;}
#footer .footer_bolang .bolang1{left: -100%;background: url(/images/icon/bolang1.png) repeat-x center top;-webkit-animation: wave 30s linear infinite 0s reverse;animation: wave 30s linear infinite 0s reverse;}
#footer .footer_bolang .bolang2{left: 0;background: url(/images/icon/bolang2.png) repeat-x center top;-webkit-animation: wave2 30s linear infinite 0s reverse;animation: wave2 30s linear infinite 0s reverse;}
@media (max-width:1680px) {
#footer .footer_bolang{top:197px;}
}
@media (max-width:1536px) {
#footer .footer_bolang{top:206px;}
}
@media (max-width:1440px) {
#footer .footer_bolang{top:212px;}
}
@media (max-width:1366px) {
#footer .footer_bolang{top:214px;}
}
@media (max-width:1280px) {
#footer .footer_bolang{top:221px;}
}
@media (max-width:1200px) {
#footer .footer_bolang{top:225px;}
}
@media (max-width:1024px) {
#footer .footer_bolang{top:234px;}
}
@media (max-width:750px) {
#footer .footer_bolang{top:190px;}
}
#footer{padding-top:110px;overflow:hidden;position:relative;}
#footer .footer_box{background:url(/images/icon/footerbg2.jpg) no-repeat center / cover;width:100%;height:fit-content;position:relative;z-index:3;background-blend-mode:overlay;}
#footer .ftop{padding:16px 0 20px;}
#footer .ftop .fform .form_tit{font-size:40px;font-weight:600;line-height:72px;color:#fff;margin-bottom:30px;}
#footer .ftop .fform .lable{gap:16px;}
#footer .ftop .fform .lable input{display:block;background-color:rgba(255, 255, 255, 0.15);border-radius:5px;line-height:50px;padding:0 20px;font-size:18px;color:#fff;}
#footer .ftop .fform .lable input.input{width:calc((100% - 45.626% - 187px - 48px) / 2);}
#footer .ftop .fform .lable input.text{width:45.626%;}
#footer .ftop .fform .lable input.submit{width:187px;border-radius:25px;background-color:var(--mainbg);transition:all 0.3s;}
#footer .ftop .fform .lable input.submit:hover{background-color:#fff;color:var(--mainbg);}
#footer .ftop .fform .lable input::placeholder{color:rgba(255, 255, 255, 0.3);}
#footer .ftop .fform .lable input::-moz-placeholder{color:rgba(255, 255, 255, 0.3);}
#footer .ftop .fform .lable input::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.3);}
#footer .fcontent{border-top:1px solid rgba(255, 255, 255, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.1);padding:30px 0;}
/*#footer .fleft{width:18%;min-width:200px;}*/
#footer .fleft{width:30%;min-width:200px;}
#footer .fleft .flogo{width:182px;}
#footer .fleft .share{margin:90px 0 0;}
#footer .fleft .share .s{width:40px;height:40px;line-height:40px; border-radius: 50%;background:rgba(255, 255, 255, 0.15);margin-right:20px;}
#footer .fleft .share .s:last-child{margin-right:0;}
#footer .fleft .share .s:nth-child(1):hover{background: #0a9d4b;}
#footer .fleft .share .s:nth-child(2):hover{background: #0aa4ea;}
#footer .fleft .share .s:nth-child(3):hover{background: #d7272a;}
#footer .fleft .share .s .ewm{border-radius: 5px; top:56px;left:0;z-index:2;width:103px;height:103px;box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.35);}
#footer .fleft .share .s:hover .ewm{display:inline-block;}
#footer .fleft .copyright{font-size:16px;line-height:30px;color:rgba(255, 255, 255, 0.8);margin-top:18px;}
#footer .tit{font-size:20px;line-height:22px;color:#fff;font-weight:500;margin-bottom:40px;}
#footer .fright .tit{text-align:center;}
/*#footer .fcenter{width:calc(100% - 136px - 18%);padding:0 2% 0 12.5%}*/
#footer .fcenter{width:calc(100% - 136px - 40%);padding:0 2% 0 2%}
#footer .fcenter .phone{margin-bottom:16px;}
#footer .fcenter .phone .icon{width:28px;height:24px;margin-right:20px;}
#footer .fcenter .phone .icon .svg{width:100%;height:100%;}
#footer .fcenter .phone .text{font-size:30px;font-weight:600;color:#fff;line-height:30px;}
#footer .fcenter .cont .text{font-size:16px;line-height:36px;color:rgba(255, 255, 255, 0.8);}
#footer .fright{width:136px;}
#footer .fright .pic .img{width:136px;}
#footer .fright .pic .txt{font-size:16px;line-height:30px;color:rgba(255, 255, 255, 0.8);margin-top:18px;text-align:center;}
#footer .fbot{padding:10px 0;}
#footer .fbot .icp{font-size:15px;color:rgba(255, 255, 255, 0.8);line-height:30px;}
#footer .fbot .icp span.block{margin-right:30px;}
@media screen and (max-width:1024px) {
#footer .fcenter{padding:0 4%;}
}
@media screen and (max-width:820px) {
#footer .fcontent{flex-direction:column;}
#footer .tit{margin-bottom:20px;}
#footer .fleft{width:100%;}
#footer .fleft .share{margin-top:40px;}
#footer .fcenter{padding:50px 0;width:100%;}
#footer .fright{width:100%;}
}
@media screen and (max-width:750px) {
#footer{padding:50px 0 150px 0;}
#footer .ftop .fform .lable{flex-direction:column;gap:30px;}
#footer .ftop .fform .lable input{width:100% !important;line-height:80px !important;font-size:30px !important;}
#footer .ftop .fform .lable input.submit{border-radius:37.5px;}
#footer .ftop .fform .lable input::placeholder{color:#fff;}
#footer .ftop .fform .lable input:-moz-placeholder{color:#fff;}
#footer .ftop .fform .lable input::-webkit-input-placeholder{color:#fff;}
#footer .tit{font-size:36px;line-height:1.6;}
#footer .fleft .flogo{width:38%;}
#footer .fleft .flogo img{width:100%;}
#footer .fbot .icp span:nth-child(2){display:inline-block}
#footer .fleft .icp,
#footer .fleft .copyright{font-size:30px;line-height:1.6;}
#footer .fleft .copyright{margin-top:50px;}
#footer .fleft .share{margin:50px 0 0;}
#footer .fleft .share .s{width:80px;height:80px;line-height: 80px;margin-right:40px}
#footer .fleft .share .s .svg{transform:scale(1.5);}
#footer .fcenter{padding-bottom:0;}
#footer .fcenter .cont .text{font-size:30px;line-height:1.6;}
#footer .fright{display:none;}
#footer .fright .tit{text-align:center;}
#footer .fright .pic .img{width:218px;margin:0 auto;}
#footer .fright .pic .txt{font-size:30px;line-height:36px;margin-top:20px;text-align:center;}
#footer .fbot{flex-direction:column;padding-bottom:30px;}
#footer .fbot .icp{flex-direction:column; font-size:30px;line-height:1.6;text-align:center;}
#footer .fbot .icp span.block{margin-right:0;}
#footer .fbot .icp span:nth-child(2) img{width:30px;}
}
/* 编辑器图片 */
.editor img{object-fit:contain;}
/* 首页banner */
#index-swiper .swiper1::after{content:'';position:absolute;top:0;left:0;background:url(/images/icon/topbg.png) no-repeat center / cover; width:100%;height:292px;z-index:2;}
#index-swiper .swiper1 .v{top: 0;left: 0;width: 100%;height: 100%;}
#index-swiper .swiper1 .v video{width: 100%;object-fit: fill;}
#index-swiper .swiper1 .pic{padding-top:49.479%;}
#index-swiper .swiper1 .pic img{object-fit:cover;}
#index-swiper .swiper1 .pic.mobile{padding-top:100%;}
#index-swiper .swiper1 .pn{opacity:0.5;}
#index-swiper .swiper1 .pn .svg{fill:#fff;}
#index-swiper .swiper1 .pn:hover{opacity:1;}
#index-swiper .swiper1 .banner_app{z-index:2;left:0;bottom:8.422%;width:100%;}
#index-swiper .swiper1 .banner_app .container{padding-bottom:30px;}
#index-swiper .swiper1 .banner_app .container .wrapper{width:fit-content;margin:0 auto;}
#index-swiper .swiper1 .banner_app .container .swiper-pagination{bottom:0;}
#index-swiper .swiper1 .banner_app .container .swiper-pagination-bullet{opacity:1;background:#fff;}
#index-swiper .swiper1 .banner_app .container .swiper-pagination-bullet-active{background:var(--mainbg);}
#index-swiper .swiper1 .banner_app .slide{padding:20px 8px;background-color:rgba(255, 255, 255, 0.8);backdrop-filter:blur(10px); border-radius:20px;overflow:hidden;transition:all 0.3s;height:auto;}
#index-swiper .swiper1 .banner_app .slide .name{font-size:18px;color:#333;margin-top:25px;}
#index-swiper .swiper1 .banner_app .slide .icon{max-width:65px;max-height:65px;margin:0 auto;transition:all 0.3s linear;transform:rotate(-360deg);}
#index-swiper .swiper1 .banner_app .slide:hover{background-color:rgba(0,115,230,0.9);box-shadow: 0px 10px 15px 0px rgba(0, 115, 230, 0.1);}
#index-swiper .swiper1 .banner_app .slide:hover .icon{transform:rotate(0);}
#index-swiper .swiper1 .banner_app .slide:hover .icon .i1{display:none;}
#index-swiper .swiper1 .banner_app .slide:hover .icon .i2{display:inline-block;}
#index-swiper .swiper1 .banner_app .slide:hover .name{color:#fff;}
@media (max-width:750px) {
#index-swiper .swiper1::after{display:none;}
#index-swiper .swiper1 .pn{opacity:1;}
#index-swiper .swiper1 .banner_app{position:relative;z-index:5; /*bottom:4.422%;*/}
#index-swiper .swiper1 .banner_app .container{padding:30px 20px;}
#index-swiper .swiper1 .banner_app .container .swiper-pagination-bullet{width:10px;height:10px;background:rgba(0,115,230,0.2);}
#index-swiper .swiper1 .banner_app .container .swiper-pagination-bullet-active{background:var(--mainbg);}
#index-swiper .swiper1 .banner_app .slide{padding:50px 10px;box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.35);}
#index-swiper .swiper1 .banner_app .slide .name{font-size:26px;}
}
/* 内页banner */
#inner-banner::after{content:'';position:absolute;top:0;left:0;background:url(/images/icon/topbg.png) no-repeat center / cover; width:100%;height:292px;z-index:2;}
#inner-banner .box .tit{font-size:36px;color:#fff;font-weight:500;padding-bottom:30px;line-height:1.6;text-shadow: 5px 9px 20px rgba(17, 81, 159, 0.3);}
@media screen and (max-width:1280px) {
#inner-banner .box .tit{padding-bottom:0;}
}
/*全站搜索*/
#search{width:100%; padding: 40px 0;margin-top:105px;}
#search .box{padding:0 40px;}
#search .form{margin-bottom:22px;margin-top: 20px;}
#search .form .text{width:340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-radius:5px 0 0 5px;border-right:none;font-size: 16px;}
#search .form .submit{height: 49px;width: 59px;border:1px solid var(--mainbg);border-radius:0 5px 5px 0;background: no-repeat center center var(--mainbg);color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;}
#search .form .submit .svg{width:25px;height:25px;fill:#fff;}
#search .list{width:100%;}
#search .list .info .cate{padding-left:15px;}
#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 li .title{margin-right:16px; line-height:22px; color:#333; font-size:16px; font-weight:700;max-width:40%;}
#search .list .info li:hover .title{color:var(--mainbg);}
#search .list .info li .day,
#search .list .info li .cate{color:#888888; font-size:16px; margin-right:20px;max-width:10%;}
#search .list .info li .day{margin:0;}
#search .list .info li .desc{height:60px; margin-top:1.375%; color:#888888; font-size:14px; line-height:30px;}
#search .txt{font-size: 16px;margin-top: 45px;color:#333;}
@media (max-width: 750px){
#search{margin-top:0;}
#search .form .text{width:400px;height: 60px;line-height: 60px;font-size: 30px;}
#search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;}
#search .list .info li .title{font-size: 36px;line-height: 1.6;display:block;max-width:100%;}
#search .list .info li .day,
#search .list .info li .cate{font-size: 28px;line-height: 1.6;max-width:50%;}
#search .list .info li .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/}
#search .txt{font-size: 30px;}
}
/* 重写分页 */
.turn_page{padding-top:30px;display:flex;justify-content:center;margin:0 auto;}
.turn_page .paging[type="default"] .paging_btn{transition:all 0.3s ; margin:0 5px; font-size:16px; border:1px solid #e5e5e5;width:50px; height:50px; border-radius:5px; background:#fff; color:#666;}
.turn_page .paging[type="default"] .paging_btn:nth-child(1) .svg{transform:rotate(180deg);}
.turn_page .paging[type="default"] .paging_btn:hover{border-color:var(--mainbg);color:var(--mainbg);}
.turn_page .paging[type="default"] .paging_btn.cur{background:var(--mainbg);color:#fff;border-color:var(--mainbg);}
.turn_page .paging[type="default"] > font{display:none;}
.turn_page .paging_btn{background:#fff;border-radius:5px;border:1px solid #e5e5e5;transition:all 0.3s;margin:0 5px;font-size:16px;width:50px;height:50px; color:#666;}
.turn_page .paging_btn:nth-child(1) .svg{transform:rotate(180deg);}
.turn_page .paging_btn .svg{fill:#666;}
.turn_page .paging_btn:hover .svg{fill:var(--mainbg);}
.turn_page .paging_btn:hover{border-color:var(--mainbg);}
@media screen and (max-width:750px) {
.turn_page{padding-top:50px;}
.turn_page .paging[type="default"] .paging_btn{font-size:26px;}
.turn_page .paging_btn .svg{transform:scale(1.5) !important;}
}
/* 侧边栏start */
#float-right{right:30px;top:50%;transform:translateY(-50%);z-index:20;display:flex;justify-content:center;flex-direction: column;pointer-events:none;}
#float-right .telBox{position:relative;margin-bottom:6px;width:52px;border-radius: 5px;pointer-events:auto;box-shadow: 0px 10px 15px 0px rgba(0, 115, 230, 0.1);}
#float-right .telBox .box{width:52px;border-radius: 5px;overflow:hidden;background-color: #fff;float: right;}
#float-right .telBox .box .telImg {width:52px;height:52px;flex-shrink: 0;}
#float-right .telBox .box .telImg .svg {fill:#333;}
#float-right .telBox .box .text {flex-shrink: 0;font-size:0;;width:180px;padding-right:60px;width:0;font-size:24px;font-weight:bold;line-height:1;white-space: nowrap;;transition: all 0.5s;color:#fff;}
#float-right .telBox:nth-child(2) .box .text{font-size:20px;}
#float-right .telBox:hover .box {width:300px;background-color: var(--mainbg);}
#float-right .telBox:hover {background-color: var(--mainbg);}
#float-right .telBox:hover .text {line-height: 52px;color: #fff;font-weight: 700;}
#float-right .telBox:hover .telImg .svg {fill:#fff;}
#float-right .messageBox{margin-bottom:6px;width:52px;height:52px;background-color: #fff;border-radius:5px;pointer-events:auto;box-shadow: 0px 10px 15px 0px rgba(0, 115, 230, 0.1);}
#float-right .messageBox .svg {fill:#333;}
#float-right .messageBox:hover{ background-color: var(--mainbg);}
#float-right .messageBox:hover .svg {fill:#fff;}
#float-right .codeBox{margin-bottom:6px;width:52px;height:52px;background-color: #fff;border-radius:5px;pointer-events:auto;box-shadow: 0px 10px 15px 0px rgba(0, 115, 230, 0.1);}
#float-right .codeBox .code {right:60px;top:50%;width:130px;height:130px;transform: translate(-20px,-50%);background-color: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 15%);padding:10px;border-radius: 5px;}
#float-right .codeBox .code img {width:100%;height:100%;}
#float-right .codeBox .svg {fill:#333;}
#float-right .codeBox:hover{background-color: var(--mainbg);}
#float-right .codeBox:hover .svg {fill:#fff;}
#float-right .codeBox:hover .code {display: block;}
#float-right .backTop{margin-bottom:6px;width:52px;height:52px;background-color: var(--mainbg);border-radius: 5px;pointer-events:auto;box-shadow: 0px 10px 15px 0px rgba(0, 115, 230, 0.1);}
#float-right .backTop .svg {fill:#fff;}
#float-right .backTop:hover{opacity:0.8;}
@media (max-width:750px) {
#float-right{background-color:#00438f;top:auto;left:0;right:0;bottom:0;width:100%;height:152px;flex-direction: row;transform:translateY(0);justify-content:center;align-items:center;pointer-events:auto;}
#float-right .telBox .box{background-color:transparent;}
#float-right .telBox:hover .box{width:70px;background-color:transparent;}
#float-right .telBox,
#float-right .messageBox,
#float-right .codeBox{margin:0 100px 0 0;width:70px;height:70px;box-shadow:none;background-color:transparent !important;}
#float-right .telBox .svg,
#float-right .messageBox .svg,
#float-right .codeBox .svg,
#float-right .backTop .svg{transform: scale(1.5);fill:#fff !important;}
#float-right .telBox .box,
#float-right .telBox .box .telImg{width:70px;height:70px;}
#float-right .telBox .box .text{display:none;}
#float-right .codeBox .code{right:auto;left:50%;transform:translate(-50%,0);top:-220px;width:200px;height:200px;}
#float-right .backTop{width:70px;height:70px;background-color:transparent !important;margin:0;box-shadow:none;}
#float-right .telBox,
#float-right .messageBox,
#float-right .codeBox,
#float-right .backTop{display:none !important;}
#float-right .m_box{display:flex;width:100%;height:100%;align-items:center;justify-content:center;}
#float-right .m_box .m_phone{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;}
#float-right .m_box .m_phone:nth-child(1){border-right:1px solid #fff;}
#float-right .m_box .svg{transform: scale(1.5);fill:#fff !important;}
#float-right .m_box .m_phone .txt{font-size:26px;color:#fff;line-height:1.6;margin-top:20px;text-align:center;}
}
/* 侧边栏end */
/* 二级导航 */
#subnav{width:100%;height:fit-content;padding-top:20px;}
#subnav .cont .slide{width:auto;min-width:180px;font-size:18px;color:#333;line-height:55px;margin:0 20px;transition:all 0.3s linear;border-radius:27.5px;border:1px solid #666;padding:0 20px;text-align:center;}
#subnav .cont .slide.pro{min-width:220px;}
#subnav .cont .slide:hover,
#subnav .cont .slide.cur{color:#fff;background-color:var(--mainbg);border-color:var(--mainbg);}
#subnav .cont .pn{display:none;width:20px;height:20px;}
#subnav .cont .pn.prev{margin-right:15px;}
#subnav .cont .pn.next{margin-left:15px;}
@media (max-width:750px) {
#subnav{padding-top:80px;}
#subnav .cont .container{max-width:calc(100% - 50px);}
#subnav .cont .slide{font-size:30px;margin:0 15px;}
#subnav .cont .pn{display:block;transform:scale(1.5);}
}
/* 面包屑 */
#crumbs{width:100%;height:40px;padding-bottom:20px;}
#crumbs .cont .name{font-size:18px;line-height:18px;color:#333;display:block;transition:all 0.3s;}
#crumbs .cont .txt{font-size:18px;line-height:18px;color:#333;margin:0 10px;}
#crumbs .cont .name.cur,
#crumbs .cont .name:hover{color:var(--mainbg);}
@media (max-width:750px) {
#crumbs{display:none;}
}
/* 提示信息 */
.notip{text-align:center;font-size:16px;line-height:1.6;color:var(--mainbg);width:100%;}
@media (max-width:750px) {
.notip{font-size:30px;}
}
/* 首页 */
.con_tit .img{left:-38px;top:-36px;z-index:4;}
.con_tit .img .icon .svg{width:37px;height:44px;fill:var(--mainbg);}
.con_tit .ind_tit{font-size:48px;font-weight:bold;line-height:48px;color:#333;z-index:3;position:relative;}
.con_tit .ind_en{top:-40px;left:0;font-size:100px;font-weight:bold;line-height:100px;color:#f5f7fa;z-index:2;font-family:'MEB';}
@media (max-width:1366px) {
.con_tit{padding-left:38px;}
.con_tit .img{left:0;}
.con_tit .ind_en{left:38px;}
}
@keyframes floatLeft {
from {
left: 1%;
}
to {
left: -1%;
}
}
@keyframes floatRight {
from {
right: 1%;
}
to {
right: -1%;
}
}
/*#ind_pro{padding:105px 0 96px;}*/
#ind_pro{padding:55px 0 46px;}
/*#ind_pro .top .nav{transform:translateY(24px);max-width:60%;overflow-x:auto;}*/
#ind_pro .top .nav{transform:translateY(24px);position: relative;margin:0;padding:0 25px;}
#ind_pro .top .nav .pn {position: absolute;top: 50%;z-index: 3;cursor: pointer; /*pointer-events: none;*/}
#ind_pro .top .nav .pn.swiper-button-disabled {opacity: 0;}
#ind_pro .top .nav .pn.prev {transform: translateY(-50%) rotate(90deg);left: 0px; /*animation: floatLeft 1s infinite alternate;*/}
#ind_pro .top .nav .pn.next {transform: translateY(-50%) rotate(-90deg);right: 0px; /*animation: floatRight 1s infinite alternate;*/}
#ind_pro .top .nav .name{font-size:18px;color:#333;line-height:30px;position:relative;margin-left:45px;display:block;transition:all 0.3s;padding-bottom:17px;white-space:nowrap;width: auto;}
#ind_pro .top .nav .name:first-child {margin-left: 0;}
#ind_pro .top .nav .name::after{content:'';position: absolute;right:0;bottom:0;z-index:2;width:0;height:4px;border-radius:2px;background-color:transparent;transition:all 0.3s linear;right:0;}
#ind_pro .top .nav .name:hover,
#ind_pro .top .nav .name.cur{font-weight:500;color:var(--mainbg);}
#ind_pro .top .nav .name:hover::after,
#ind_pro .top .nav .name.cur::after{left:0;width:100%;background-color:var(--mainbg);}
#ind_pro .bind{margin:100px 0 58px;}
#ind_pro .bind .con{display:flex;justify-content:space-between;gap:20px;}
#ind_pro .bind .con .item{width:calc((100% - 60px) / 4);}
#ind_pro .bind .con .item .pic{border-radius:20px;overflow:hidden;}
#ind_pro .bind .con .item .pic .img{padding-top:129.872%;z-index:2;display:flex;align-items:flex-end;}
/*#ind_pro .bind .con .item .pic .img img{max-width:80%;max-height:80%;}*/
#ind_pro .bind .con .item .pic .img img{max-width:90%;max-height:75%;bottom: 35px;top: auto;width:100%;height:100%;object-fit: contain;}
#ind_pro .bind .con .item .pic .bg{width:100%;height:100%;}
#ind_pro .bind .con .item .pic .bg img{width:100%;object-fit:cover;object-position:100%;}
#ind_pro .bind .con .item .pic .article{bottom:0;left:0;z-index:2;width:100%;height:fit-content;padding:7.796%;background: rgba(0, 115, 230, 0.9);opacity:0;transform:translateY(100%);}
#ind_pro .bind .con .item .pic .article .brief{font-size:16px;color:#fff;line-height:30px;}
#ind_pro .bind .con .item:hover .pic .article{opacity:1;transform:translate(0);}
#ind_pro .bind .con .item .name1{font-size:18px;color:#999;line-height:26px;margin:35px 0 10px;}
#ind_pro .bind .con .item .name2{font-size:22px;color:#333;font-weight:500;line-height:26px;}
#ind_pro .bind .con .item:hover .pic{box-shadow: 0px 15px 30px 0px rgba(0, 63, 157, 0.15);}
#ind_pro .bind .con .item:hover .name1{color:var(--mainbg);}
#ind_pro .bind .con .item:hover .name2{color:var(--mainbg);}
#ind_pro .more{width:180px;height:55px;border-radius:27.5px;background-color:var(--mainbg);margin:0 auto;border:1px solid var(--mainbg);}
#ind_pro .more .txt{font-size:18px;line-height:24px;color:#fff;}
#ind_pro .more .icon{width:8px;height:13px;margin-left:10px;}
#ind_pro .more .icon .svg{width:100%;height:100%;fill:#fff;}
#ind_pro .more:hover{background-color:#fff;}
#ind_pro .more:hover .txt{color:var(--mainbg);}
#ind_pro .more:hover .icon .svg{fill:var(--mainbg);}
@media (max-width:1366px) {
#ind_pro .top{flex-direction:column;}
#ind_pro .top .con_tit{width:100%;}
#ind_pro .top .nav{width:100%;margin-top:50px;transform:translateY(0);max-width:none;}
#ind_pro .top .nav .name{margin:0 30px 0 0;}
}
@media (max-width:750px) {
#ind_pro{padding:80px 0;}
#ind_pro .top .nav{flex-direction:column;align-items:flex-start;overflow:hidden;}
#ind_pro .top .nav .name{font-size:30px;line-height:1.6;width:100%;padding:0;margin:0 0 20px 0;background:url(/images/icon/honor_right.png) no-repeat right center;background-size:15px;}
#ind_pro .top .nav .name.cur{background-image:url(/images/icon/honor_right3.png);}
#ind_pro .top .nav .name::after{display:none;}
#ind_pro .bind{margin-top:50px;}
#ind_pro .bind .con{gap:30px;flex-wrap:wrap;}
#ind_pro .bind .con .item{width:calc(50% - 15px);}
/* #ind_pro .bind .con .item .pic{width:80%;margin:0 auto;} */
/* #ind_pro .bind .con .item .pic .img img{width:70%;} */
#ind_pro .bind .con .item .name1{font-size:30px;line-height:1.6;margin-top:20px;}
#ind_pro .bind .con .item .name2{font-size:36px;line-height:1.6;}
#ind_pro .more{width:220px;}
#ind_pro .more .txt{font-size:26px;margin-right:20px;}
#ind_pro .more .icon{transform:scale(1.5);}
}
/*#ind_app{background-color:#f7fafc;padding:100px 0 60px;}*/
#ind_app{background-color:#f7fafc;padding:50px 0 30px;}
#ind_app .top .con_tit{width:50%;}
#ind_app .top .con_tit .ind_en{color:#fff;}
#ind_app .top .right{width:50%;padding-left:24px;font-size:18px;line-height:36px;color:#333;}
#ind_app .cont{max-width:1640px;width:92%;margin:0 auto;}
#ind_app .cont .container{padding:35px 20px 23px;}
#ind_app .cont .slide{display:block;border-radius:20px;overflow:hidden;background-color:#fff;transition:all 0.3s linear;height:auto;}
#ind_app .cont .slide .pic{padding-top:70.13%;}
#ind_app .cont .slide .pic img{width:100%;height:100%;object-fit:cover;}
#ind_app .cont .slide .item{padding:36px 7.796% 50px;}
#ind_app .cont .slide .item .name{font-size:22px;line-height:26px;color:#333;font-weight:500;}
#ind_app .cont .slide .item .brief{font-size:18px;line-height:30px;color:#999;margin-top:15px;}
#ind_app .cont .slide:hover{box-shadow: 0px 15px 30px 0px rgba(0, 63, 157, 0.15);}
#ind_app .cont .slide:hover .name{color:var(--mainbg);}
#ind_app .cont .pn{z-index:2;top:51%;/*transform:translateY(-50%);*/width:65px;height:65px;border-radius:50%;background:#fff;box-shadow: 0px 10px 15px 0px rgba(11, 16, 26, 0.06);}
#ind_app .cont .prev{left:-18px;}
#ind_app .cont .next{right:-18px;}
#ind_app .cont .pn:hover{background:var(--mainbg);}
#ind_app .cont .pn:hover .i1{display:none;}
#ind_app .cont .pn:hover .i2{display:inline-block;}
@keyframes leftMove_index {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
#ind_app .partner{padding:30px;border-radius:20px;overflow:hidden;background-color:#fff;}
#ind_app .partner .pictures .demos{width:max-content;height:100%;white-space:nowrap;}
#ind_app .partner .pictures .demos .slide{width:max-content;height:100%;}
#ind_app .partner .pictures .demos .slide .img{display:inline-block;padding:20px 30px;height:100%;box-sizing:inherit;}
#ind_app .partner .pictures .demos .slide .img img{max-height:100%;display:inline-block;}
#ind_app .partner .layer{top:0;left:0;width:100%;height:100%;pointer-events: none;}
#ind_app .partner .layer .left,
#ind_app .partner .layer .right{width:30px;height:100%;background-color:#fff;}
.aniLeft{transition:all;animation:leftMove_index infinite linear 50s;}
.aniLeft:hover{animation-play-state:paused;}
@media screen and (max-width: 1680px){
#ind_app .cont .pn{top:50%;}
#ind_app .cont .prev{left:20px;}
#ind_app .cont .next{right:20px;}
}
@media screen and (max-width: 1536px){
#ind_app .cont .pn{top:47.5%;}
#ind_app .top{flex-direction:column;}
#ind_app .top .con_tit{width:100%;}
#ind_app .top .right{width:100%;padding:0;margin-top:30px;}
}
@media screen and (max-width: 1440px){
#ind_app .cont .pn{top:46%;}
}
@media screen and (max-width: 1280px){
#ind_app .cont .pn{top:43%;}
}
@media (max-width:1024px) {
#ind_app .cont .slide .item{padding:30px 10px;}
}
@media screen and (max-width: 750px){
#ind_app{padding:80px 0;}
#ind_app .top .con_tit .ind_en{font-size:82px;}
#ind_app .top .right{font-size:30px;line-height:1.6;}
#ind_app .cont .pn{top:50%;width:80px;height:80px;}
#ind_app .cont .pn img{transform:scale(1.5);}
#ind_app .cont .prev{left:-18px;}
#ind_app .cont .next{right:-18px;}
#ind_app .cont .slide .pic img{width:100%;}
#ind_app .cont .slide .item{padding:30px 30px 50px;}
#ind_app .cont .slide .item .name{font-size:36px;line-height:1.6;}
#ind_app .cont .slide .item .brief{font-size:30px;line-height:1.6;}
#ind_app .partner .pictures .demos .img img{min-width: 60px; max-width: 150px;}
#ind_app .partner .layer{display:none;}
}
/*#ind_about{padding:115px 0 125px;}*/
#ind_about{padding:65px 0;}
#ind_about .cont {align-items: normal;}
#ind_about .cont .left{width:50%;border-radius:20px;overflow:hidden;padding-right:5.626%;}
#ind_about .cont .left .pic{padding-top:66.901%;}
#ind_about .cont .left .pic img{width:100%;height:100%;object-fit:cover;}
#ind_about .cont .right{width:50%;padding-left:5%;display:flex;flex-direction:column;justify-content:space-between;}
#ind_about .cont .right .brief{font-size:18px;line-height:36px;color:#333;margin:45px 0 0px;}
#ind_about .cont .right .more{width:180px;height:55px;border-radius:27.5px;border:1px solid #ccc;}
#ind_about .cont .right .more .txt{font-size:18px;line-height:24px;color:#999;}
#ind_about .cont .right .more .icon{width:8px;height:13px;margin-left:10px;}
#ind_about .cont .right .more .icon .svg{width:100%;height:100%;fill:#b2b2b2;}
#ind_about .cont .right .more:hover{background-color:var(--mainbg);border-color:var(--mainbg);}
#ind_about .cont .right .more:hover .txt{color:#fff;}
#ind_about .cont .right .more:hover .icon .svg{fill:#fff;}
@media (max-width:1366px) {
#ind_about .cont .right .brief{margin:30px 0;}
}
@media (max-width:1280px) {
#ind_about .cont .con_tit .ind_en{font-size:90px;}
}
@media (max-width:1200px) {
#ind_about .cont .con_tit .ind_en{font-size:85px;}
}
@media (max-width:1024px) {
#ind_about .cont .right{padding-top:0;}
#ind_about .cont .left{padding-right:0;}
#ind_about .cont .con_tit .ind_en{font-size:70px;}
}
@media (max-width:750px) {
#ind_about{padding:80px 0;}
#ind_about .cont{flex-direction:column;}
#ind_about .cont .left{width:100%;}
#ind_about .cont .right{width:100%;padding-top:80px;}
#ind_about .cont .con_tit .ind_en{font-size:100px;}
#ind_about .cont .right .brief{font-size:30px;line-height:1.6;}
#ind_about .cont .right .more{width:220px;}
#ind_about .cont .right .more .txt{font-size:26px;margin-right:20px;}
#ind_about .cont .right .more .icon{transform:scale(1.5);}
}
/*#ind_news{padding:95px 0 80px;background-color:#f7fafc;}*/
#ind_news{padding:50px 0 50px;background-color:#f7fafc;}
#ind_news .top .con_tit .ind_en{color:#fff;}
#ind_news .top .more{width:180px;height:55px;border-radius:27.5px;border:1px solid #ccc;}
#ind_news .top .more .txt{font-size:18px;line-height:24px;color:#999;}
#ind_news .top .more .icon{width:8px;height:13px;margin-left:10px;}
#ind_news .top .more .icon .svg{width:100%;height:100%;fill:#b2b2b2;}
#ind_news .top .more:hover{background-color:var(--mainbg);border-color:var(--mainbg);}
#ind_news .top .more:hover .txt{color:#fff;}
#ind_news .top .more:hover .icon .svg{fill:#fff;}
/*#ind_news .list{gap:34px;margin-top:30px;}*/
/*#ind_news .list .li{width:calc((100% - 68px) / 3);background-color:#fff;border-radius:20px;overflow:hidden;}*/
/*#ind_news .list .li:not(.li.left){padding:3.126%;}*/
/*#ind_news .list .li .pic{padding-top:56.471%;}*/
/*#ind_news .list .li .pic img{width:100%;height:100%;object-fit:cover;}*/
/*#ind_news .list .li .cont{padding:7.836%;}*/
/*#ind_news .list .li .cont .name{font-size:24px;font-weight:500;color:#333;line-height:36px;}*/
/*#ind_news .list .li .cont .brief{font-size:18px;color:#666;line-height:30px;margin:20px 0 50px;}*/
/*#ind_news .list .li .cont .time{font-size:18px;color:#ccc;margin-top:0;}*/
/*#ind_news .list .li .item{margin-bottom:30px;display:block;}*/
/*#ind_news .list .li .item:last-child{margin-bottom:0;}*/
/*#ind_news .list .li .item .time{font-size:18px;color:#ccc;margin-top:8px;}*/
/*#ind_news .list .li .item .name{font-size:18px;color:#333;line-height:30px;}*/
/*#ind_news .list .li .item:hover .name,*/
/*#ind_news .list .li.left:hover .name{color:var(--mainbg);}*/
#ind_news .bot{margin-top:30px;}
#ind_news .bot .list{width:calc((100% - 70px) / 3);}
#ind_news .bot .list .list_top{padding:0 10px;margin-bottom:35px;}
#ind_news .bot .list .list_top .tit{font-size:24px;font-weight:bold;color:#333;line-height:1;}
#ind_news .bot .list .list_top .more .txt{font-size:18px;color:#999;line-height:1;margin-right:10px;}
#ind_news .bot .list .list_top .more .icon{width:8px;height:13px;}
#ind_news .bot .list .list_top .more .icon .svg{width:100%;height:100%;fill:#b2b2b2;}
#ind_news .bot .list .list_top .more:hover .txt{color:var(--mainbg);}
#ind_news .bot .list .list_top .more:hover .icon .svg{fill:var(--mainbg);}
#ind_news .bot .list .ul{background-color:#fff;border-radius:20px;overflow:hidden;}
#ind_news .bot .list .ul .pic{padding-top:56.471%;width:100%;}
#ind_news .bot .list .ul .pic img{width:100%;height:100%;object-fit:cover;}
#ind_news .bot .list .ul .li{padding:25px 5.885%;}
#ind_news .bot .list .ul .li .item{margin-bottom:20px;}
#ind_news .bot .list .ul .li .item .name{font-size:18px;color:#333;line-height:28px;}
#ind_news .bot .list .ul .li .item .time{font-size:16px;color:#ccc;line-height:1;}
#ind_news .bot .list .ul .li .item:hover .name{color:var(--mainbg);}
@media (max-width:1024px) {
/*#ind_news .list{gap:20px;}*/
/*#ind_news .list .li{width:calc((100% - 40px) / 3);}*/
#ind_news .bot .list{width:calc((100% - 40px) / 3);}
}
@media (max-width:750px) {
#ind_news{padding:80px 0;}
#ind_news .top .more{width:220px;}
#ind_news .top .more .txt{font-size:26px;margin-right:20px;}
#ind_news .top .more .icon{transform:scale(1.5);}
/*#ind_news .list{gap:30px;flex-direction:column;}*/
/*#ind_news .list .li{width:100%;}*/
/*#ind_news .list .li .cont,*/
/*#ind_news .list .li:not(.li.left){padding:50px 30px;}*/
/*#ind_news .list .li .pic img{width:100%;}*/
/*#ind_news .list .li .cont .name{font-size:36px;line-height:1.6;}*/
/*#ind_news .list .li .cont .brief{margin-bottom:30px;}*/
/*#ind_news .list .li .cont .brief,*/
/*#ind_news .list .li .cont .time,*/
/*#ind_news .list .li .item .name,*/
/*#ind_news .list .li .item .time{font-size:30px;line-height:1.6;}*/
#ind_news .bot{flex-direction:column;}
#ind_news .bot .list{width:100%;margin-bottom:40px;}
#ind_news .bot .list:last-child{margin-bottom:0;}
#ind_news .bot .list .list_top{margin-bottom:20px;}
#ind_news .bot .list .list_top .tit{font-size:36px;}
#ind_news .bot .list .list_top .more .txt{font-size:30px;}
#ind_news .bot .list .list_top .more .icon{width:20px;height:32.5px;}
#ind_news .bot .list .ul .li .item .name{font-size:30px;line-height:1.6;}
#ind_news .bot .list .ul .li .item .time{font-size:26px;line-height:1.6;}
}
/* 产品应用 */
#application{padding:10px 0 80px;}
#application .title{font-size:42px;line-height:1;color:#333;font-weight:500;margin:0 0 50px;}
#application .content .left{width:21.875%;min-width:200px;}
#application .content .left .box{width:100%;border-radius:20px;overflow:hidden;background-color:var(--mainbg);padding:23px 0;}
#application .content .left .slide{display:flex;align-items:center;justify-content:space-between;padding:10px 11%;width:100%;min-height:72px;font-size:18px;font-weight:500;color:#fff;position:relative;line-height:1.6;}
#application .content .left .slide:not(:last-child):after{position:absolute;content:'';left:0;bottom:0;width:calc(100% - (11% * 2));margin:0 11%;height:1px;background-color:rgba(255, 255, 255, 0.2);}
#application .content .left .slide.cur{background-color:rgba(255, 255, 255, 0.2);}
#application .content .left .slide span{max-width:calc(100% - 15px);}
#application .content .left .slide .svg{fill:#fff;opacity:0.3;width:8px;height:13px;}
#application .content .left .slide:hover .svg,
#application .content .left .slide.cur .svg{opacity:1;}
#application .content .left .slide:hover{background-color:rgba(255, 255, 255, 0.2);}
#application .content .right{width:calc((100% - 3.125% - 21.875%));margin-left:3.125%;}
#application .list .info{margin-bottom:60px;width:100%;background-color:#fff;display:flex;/*align-items:center;*/overflow:hidden;border-radius:20px;}
#application .list .info:last-child{margin-bottom: 0px;}
#application .list .info:nth-child(2n){flex-direction:row-reverse;}
#application .list .info .bp{width:50%;}
#application .list .info .bp .pic{padding-top:60%;}
#application .list .info .bp .pic img{width:100%;height:100%;object-fit:cover;}
#application .list .info .con{padding:30px 5%;width:50%;display:flex;flex-direction:column;justify-content:center;}
#application .list .info .con .tit{color:#1a1a1a;font-size:30px;font-weight:500;}
#application .list .info .con .desc{margin:2.5% 0 8%;color:#333;font-size:18px;line-height:36px;}
#application .list .info .con .more{width:fit-content;min-width:180px;height:55px;border: 1px solid #ccc;border-radius:27.5px;}
#application .list .info .con .more .txt{font-size:18px;color:#999;margin-right:10px;}
#application .list .info .con .more .icon .svg{width:8px;height:13px;fill:#999;}
#application .list .info:hover{box-shadow: 20px 35px 80px 0px rgba(0, 96, 227, 0.2);}
#application .list .info:hover .con .tit{color: var(--mainbg);}
#application .list .info:hover .con .more{background-color:var(--mainbg);border-color:var(--mainbg);box-shadow: 0px 10px 15px 0px rgba(0, 115, 230, 0.1);}
#application .list .info:hover .con .more .txt{color:#fff;}
#application .list .info:hover .con .more .icon .svg{fill:#fff;}
#application .notip{font-size:16px;color:var(--mainbg);line-height:30px;}
@media (max-width: 1280px){
#application .list .info{margin-bottom:50px;}
#application .list .info .con{padding: 30px 3.5%;}
}
@media (max-width: 750px){
#application .title{margin:0 0 30px;}
#application .content{flex-direction:column;}
#application .content .left{width:100%;margin-bottom:30px;}
#application .content .left .slide{font-size:30px;padding:10px 5%;}
#application .content .left .slide .svg{width:20px;height:32.5px;}
#application .content .right{width:100%;margin:0;}
#application{padding:50px 0;}
#application .list .info{display: block;}
#application .list .info .con,
#application .list .info .bp{width:100%;}
#application .list .info .con{padding:6%;}
#application .list .info .con .tit{font-size:36px;line-height:1.6;}
#application .list .info .con .desc{font-size: 30px;line-height:1.6;}
#application .list .info .con .more{height:70px;font-size:30px;width:220px;border-radius:37.5px;}
#application .list .info .con .more .txt{font-size:26px;margin-right:20px;}
#application .list .info .con .more .icon .svg{transform:scale(1.5);}
#application .notip{font-size:30px;line-height:1.6;}
}
/* 产品应用详情 */
.app_tit{font-size:36px;color:#333;font-weight:500;line-height:36px;padding-left:38px;position: relative;}
.app_tit::after{content:'';position: absolute;left:0;top:50%;transform:translateY(-50%);z-index: 2;width:8px;height:100%;border-radius:3px;background-color:var(--mainbg);}
@media (max-width:750px) {
.app_tit{font-size:42px;line-height:42px;}
}
#plan{padding:70px 0 115px;background:#f7fafc;}
#plan .tit{color: #1a1a1a;font-size: 36px;font-weight: 500;text-align:center;margin-bottom:30px;}
#plan .box{display:flex;justify-content:space-between;}
#plan .box .text{width:50%;}
#plan .box .text .app_tit{margin:100px 0 32px;}
#plan .box .text .brief{font-size:18px;color:#333;line-height:36px;}
#plan .box .pic{width:calc(50% - 50px);border-radius:20px;}
#plan .box .pic .img{padding-top:60%;}
#plan .box .pic .img img{width:100%;object-fit:cover;}
@media (max-width: 1536px){
#plan .box .text .app_tit{margin-top:50px;}
}
@media (max-width: 1366px) {
#plan .box .text .app_tit{margin-top:30px;}
}
@media (max-width: 1280px){
#plan{padding-bottom:80px;}
#plan .box .text .app_tit{margin-top:10px;}
}
@media (max-width: 750px){
#plan .box{flex-wrap: wrap;}
#plan .box .text{width: 100%;}
#plan .box .text .brief{font-size:30px;line-height:1.6;}
#plan .box .pic{width: 100%;margin-top: 50px;}
}
#implement{padding:80px 0 100px;}
#implement .cont{margin-top:42px;}
@media (max-width: 750px){
#implement{padding: 80px 0;}
#implement .editor *{font-size:30px !important;line-height:1.6 !important;}
}
#app_pro{padding:80px 0;background:#f7fafc;}
#app_pro .cont{margin-top:60px;}
#app_pro .cont .container .wrapper{width:fit-content;margin:0 auto;}
#app_pro .cont .slide{width:31.626%;}
#app_pro .cont .slide .pic{background-color:#fff;border-radius:20px;}
#app_pro .cont .slide .pic .img{padding-top:65.216%;}
#app_pro .cont .slide .pic .img img{object-fit:contain;max-width:80%;max-height:80%;}
#app_pro .cont .slide .tit{font-size:18px;color:#999;line-height:26px;margin:40px 0 10px;}
#app_pro .cont .slide .name{font-size:22px;color:#333;font-weight:500;line-height:26px;}
#app_pro .cont .slide:hover .name{color:var(--mainbg);}
#app_pro .cont .pn{z-index:2;width:68px;height:68px;border-radius:50%;background-color:#fff;top:30%;box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.1);}
#app_pro .cont .pn.prev{left:35px;}
#app_pro .cont .pn.next{right:35px;}
#app_pro .cont .pn:hover{background-color:var(--mainbg);}
#app_pro .cont .pn:hover .i1{display:none;}
#app_pro .cont .pn:hover .i2{display:inline-block;}
@media (max-width: 1024px){
#app_pro .cont .pn.prev{left:0;}
#app_pro .cont .pn.next{right:0;}
}
@media (max-width: 750px){
#app_pro{padding: 80px 0;}
#app_pro .cont .slide .tit{font-size:30px;line-height: 1.6;margin-top:30px;}
#app_pro .cont .slide .name{font-size:36px;line-height:1.6;}
#app_pro .cont .slide .pic .img img{width:100%;}
}
#classic_cases{padding:90px 0;}
#classic_cases .box{margin-top:50px;justify-content:space-between;}
#classic_cases .box .left{width:36.25%;margin-right:3.125%;}
#classic_cases .box .left .li{padding:28px 6.554% 32px;margin-bottom:38px;border-radius:10px;overflow:hidden;}
#classic_cases .box .left .li:last-child{margin-bottom: 0;}
#classic_cases .box .left .li .tit{font-size:24px;line-height:24px;color: #333;margin-bottom:15px;font-weight:500;}
#classic_cases .box .left .li .brief{font-size:16px;color:#999;line-height: 24px;}
#classic_cases .box .left .li.cur{background:linear-gradient(to right, #f7fafc 50%, #fff 100%);}
#classic_cases .box .left .li.cur .tit{color:var(--mainbg);}
#classic_cases .box .right{width:60.625%;}
#classic_cases .box .right .pic{border-radius:20px;overflow:hidden;width:100%;padding-top:53.244%;}
#classic_cases .box .right .pic img{width:100%;height:100%;object-fit:cover;}
#classic_cases .mb_box {display: none;}
@media (max-width: 1440px) {
#classic_cases .box .left .li{padding: 20px 25px;}
}
@media (max-width:1024px){
#classic_cases .box .left .li{margin-bottom:15px;}
}
@media (max-width: 750px){
#classic_cases{padding:80px 0 100px;}
#classic_cases .box{display: none;}
#classic_cases .mb_box{display: block;margin-top:50px;}
#classic_cases .mb_box .li{margin-bottom:50px;}
#classic_cases .mb_box .li:last-child{margin-bottom: 0;}
#classic_cases .mb_box .li .tit{font-size:36px;line-height:1.6;color:#333;font-weight:500;}
#classic_cases .mb_box .li .brief{font-size:30px;color: #333;line-height:1.6;margin-top:5px;}
#classic_cases .mb_box .pic{width:100%;margin-bottom:20px;border-radius:20px;}
#classic_cases .mb_box .pic .img{padding-top:53.244%;}
#classic_cases .mb_box .pic .img img{width:100%;height:100%;object-fit:cover;}
}
/* 产品中心 */
#products .content .cont_left{width:21.875%;min-width:200px;}
#products .content .cont_left .box{width:100%;border-radius:20px;overflow:hidden;}
#products .content .cont_left .tab_tit{font-size:26px;line-height:90px;color:#fff;font-weight:600;width:100%;padding:0 11.43%;background-color:var(--mainbg);}
#products .content .cont_left .tab{background-color:#fff;padding:4px 0 67px;}
#products .content .cont_left .tab .slide{display:flex;align-items:center;justify-content:space-between;padding:10px 11.43%;width:100%;min-height:72px;font-size:18px;font-weight:500;color:#333;position:relative;line-height:1.6;}
#products .content .cont_left .tab .slide:after{position:absolute;content:'';left:0;bottom:0;width:calc(100% - (11.43% * 2));margin:0 11.43%;height:1px;background-color:#f2f2f2;}
#products .content .cont_left .tab .slide.cur{background-color:rgba(255, 255, 255, 0.2);}
#products .content .cont_left .tab .slide span{max-width:calc(100% - 15px);}
#products .content .cont_left .tab .slide .svg{fill:#ccc;width:8px;height:13px;}
#products .content .cont_left .tab .slide:hover .svg,
#products .content .cont_left .tab .slide.cur .svg{fill:var(--mainbg);}
#products .content .cont_left .tab .slide:hover{color:var(--mainbg);}
#products .content .cont_right{width:calc((100% - 3.125% - 21.875%));margin-left:3.125%;}
#products {padding:20px 0 60px;}
/*#products .tag{padding-bottom:16px;}*/
#products .tag .slide{cursor:pointer;padding:0 10px;min-width:180px;width:auto;border-radius:27.5px;border:1px solid #666;line-height:55px;text-align:center;font-size:18px;color:#333;position:relative;transition:all 0.3s;margin:0 27px 27px 0;}
#products .tag .slide:hover,
#products .tag .slide.cur{background-color:var(--mainbg);color:#fff;border-color:var(--mainbg);/*border-radius:20px 20px 0 0;*/}
/* #products .tag .slide::after{content:'';position:absolute;bottom:-17px;left:0;z-index:2;width:100%;height:16px;background-color:#fff;transition:all 0.3s;transform:translateY(-16px);opacity:0;}
#products .tag .slide.cur::after{transform:translateY(0);opacity:1;} */
#products .tag .bind{background-color:#fff;padding:30px 40px;border-radius:20px;overflow:hidden;margin-bottom:16px;}
/*#products .tag .bind .con{gap:12px 10px;display:none;}*/
#products .tag .bind .con{gap:12px 10px;display:flex !important;}
#products .tag .bind .con.cur{display:flex !important;}
#products .tag .bind .con .tag_two{display:block;font-size:16px;color:#999;border-radius:5px;border:1px solid #e8ebed;line-height:40px;padding:0 18px;transition:all 0.3s;}
#products .tag .bind .con .tag_two:hover{border-color:var(--mainbg);color: var(--mainbg);}
#products .tag .bind .con .notip{font-size:16px;line-height:1.6;color:var(--mainbg);}
@media (max-width:750px) {
#products .content{flex-direction:column;}
#products .content .cont_left{width:100%;}
#products .content .cont_left .tab_tit{font-size:36px;padding:0 6%;}
#products .content .cont_left .tab .slide{font-size:30px;padding:0 6%;}
#products .content .cont_left .tab .slide .svg{width:20px;height:32.5px;}
#products .content .cont_right{width:100%;margin:30px 0 0 0;}
#products{padding-bottom:100px;}
#products .tag .slide{font-size:26px;line-height:70px;border-radius:37.5px;padding:0 20px;}
/* #products .tag .slide.cur{border-radius:25px 25px 0 0;} */
#products .tag .bind .con .tag_two{font-size:26px;line-height:70px;padding:0 20px;}
#products .tag .bind .con .notip{font-size:30px;}
}
/* 产品搜索共用样式 */
/*.pro_search{margin:30px 0 60px;background-color:#fff;border-radius:20px;overflow:hidden;padding:40px 3.126%;}*/
/*.pro_search .form_box{margin-bottom:30px;width:100%;}*/
.pro_search{margin:20px 0 30px;background-color:#fff;border-radius:20px;overflow:hidden;padding: 30px 2.126%;}
.pro_search .form_box{margin-bottom:20px;width:100%;}
.pro_search .tip{min-width:135px;width:fit-content;font-size:18px;line-height:52px;color:#333;white-space:nowrap;}
.pro_search.en .tip{min-width:190px;}
.pro_search .search{max-width:calc(100% - 135px);width:100%;}
.pro_search.en .search{max-width:calc(100% - 190px);}
.pro_search .search .input{padding:0 20px;width:42.493%;height:55px;border:1px solid #ccc;border-radius:10px;overflow:hidden;font-size:18px;color:#333;margin-right:20px;}
.pro_search .search .submit{background-color:var(--mainbg);min-width:150px;width:fit-content;height:55px;padding:0 10px;border-radius:10px;overflow:hidden;}
.pro_search .search .submit .txt{font-size:18px;color:#fff;margin-left:15px;}
.pro_search .search .submit .icon .svg{width:21px;height:21px;fill:#fff;}
.pro_search .key_list{gap:25px;max-width:calc(100% - 135px);}
.pro_search.en .key_list{max-width:calc(100% - 190px);}
.pro_search .key_list .key_li{min-width:145px;width:fit-content;line-height:50px;text-align:center;padding:0 10px;border-radius:10px;background-color:#f7fafc;border:1px solid #f7fafc;font-size:18px;color:#999;display:block;transition:all 0.3s linear;}
.pro_search .key_list .key_li.cur,
.pro_search .key_list .key_li:hover{color:var(--mainbg);border-color:var(--mainbg);}
@media (max-width:750px) {
.pro_search{padding:50px 30px;}
.pro_search .form_box{flex-direction:column;}
.pro_search .tip{width:100%;margin-bottom:30px;font-size:30px;line-height:1.6;}
.pro_search .search,
.pro_search.en .search{max-width:100%;width:100%;}
.pro_search .search .input{width:calc(100% - 240px);height:70px;font-size:30px;}
.pro_search .search .submit{min-width:220px;height:70px;}
.pro_search .search .submit .icon .svg{transform:scale(1.3);}
.pro_search .search .submit .txt{font-size:26px;}
.pro_search .key_box{flex-direction:column;}
.pro_search.en .key_list,
.pro_search .key_list{max-width:100%;}
.pro_search .key_list .key_li{font-size:26px;line-height:70px;padding:0 20px;min-width:150px;}
}
/* 产品列表共用样式 */
.pro_list{display:flex;flex-wrap:wrap;gap:20px 20px;}
.pro_list .pro_li{width:calc((100% - 60px) / 4);}
.pro_list .pro_li .pic{position:relative;overflow:hidden;border-radius:20px;}
/*.pro_list .pro_li .pic::after{content:'';position:absolute;inset:0;width:100%;height:100%;background:url(/images/ind-pro-bg.png) no-repeat center / cover;}*/
.pro_list .pro_li .pic .bg{width:100%;height:100%;object-fit:cover;}
.pro_list .pro_li .pic .img{z-index:2;width:100%;padding-top:129.87%;}
/*.pro_list .pro_li .pic .img img{max-width:80%;max-height:80%;}*/
.pro_list .pro_li .pic .img img{max-width: 80%;max-height: 70%;bottom: 35px;top: auto;width: 100%;height: 100%;object-fit: contain;}
.pro_list .pro_li .pic .article{bottom:0;left:0;z-index:2;width:100%;height:fit-content;padding:7.796%;background: rgba(0, 115, 230, 0.9);opacity:0;transform:translateY(100%);}
.pro_list .pro_li .pic .article .brief{font-size:16px;color:#fff;line-height:30px;}
.pro_list .pro_li .pro_cont{padding:0 10px;text-align:center;margin-top:25px;}
.pro_list .pro_li .pro_cont .name1{font-size:18px;line-height:26px;color:#999;}
.pro_list .pro_li .pro_cont .name2{font-size:22px;color:#333;line-height:26px;font-weight:500;margin:10px 0 0px;}
.pro_list .pro_li .pro_cont .pro_tag{gap:10px;margin:0 auto;width:fit-content;}
.pro_list .pro_li .pro_cont .pro_tag .pro_tag_li{font-size:16px;color:#999;padding:0 10px;line-height:34px;border:1px solid #e8ebed;border-radius:5px;display:block;}
.pro_list .pro_li .pro_cont .pro_tag .pro_tag_li:hover{color:var(--mainbg);border-color:var(--mainbg);}
.pro_list .pro_li:hover .pic{box-shadow: 0px 15px 30px 0px rgba(0, 63, 157, 0.15);}
.pro_list .pro_li:hover .pic .article{opacity:1;transform:translate(0);}
.pro_list .pro_li:hover .pro_cont .name1,
.pro_list .pro_li:hover .pro_cont .name2{color:var(--mainbg);}
@media screen and (max-width:1024px) {
.pro_list .pro_li{width:calc((100% - 40px) / 3);}
}
@media screen and (max-width:750px) {
.pro_list{margin-bottom:50px;}
.pro_list .pro_li{width:100%;}
.pro_list .pro_li .pic .article{padding:30px;}
.pro_list .pro_li .pic .article .brief{font-size:26px;line-height:1.6;}
.pro_list .pro_li .pic .img img{width:70%;height:70%;object-fit:contain;}
.pro_list .pro_li .pro_cont .name1{font-size:30px;line-height:1.6;}
.pro_list .pro_li .pro_cont .name2{font-size:36px;line-height:1.6;}
.pro_list .pro_li .pro_cont .pro_tag .pro_tag_li{font-size:26px;line-height:68px;padding:0 20px;}
}
/* 产品改版样式 */
#products .content .cont_right .pro_list .pro_li{width:calc((100% - 60px) / 3);}
#products .content .cont_right .pro_search .key_list .key_li{min-width:100px;}
@media (max-width:1024px) {
#products .content .cont_right .pro_list .pro_li{width:calc((100% - 60px) / 2);}
}
@media (max-width:750px) {
#products .content .cont_right .pro_list .pro_li{width:100%;}
}
/* 产品分类-列表 */
#products_category{padding:20px 0 60px;}
#products_category .pro_search{margin-top:0;}
#products_category .content .right .pro_search .key_list .key_li{min-width:100px;}
#products_category .content .left{width:21.875%;min-width:200px;}
#products_category .content .left .box{width:100%;border-radius:20px;overflow:hidden;}
#products_category .content .left .tab_tit{font-size:26px;line-height:90px;color:#fff;font-weight:600;width:100%;padding:0 11.43%;background-color:var(--mainbg);}
#products_category .content .left .tab{background-color:#fff;padding:4px 0 67px;}
#products_category .content .left .tab .slide{display:flex;align-items:center;justify-content:space-between;padding:10px 11.43%;width:100%;min-height:72px;font-size:18px;font-weight:500;color:#333;position:relative;line-height:1.6;}
#products_category .content .left .tab .slide:after{position:absolute;content:'';left:0;bottom:0;width:calc(100% - (11.43% * 2));margin:0 11.43%;height:1px;background-color:#f2f2f2;}
#products_category .content .left .tab .slide.cur{background-color:rgba(255, 255, 255, 0.2);color:var(--mainbg);}
#products_category .content .left .tab .slide span{max-width:calc(100% - 15px);}
#products_category .content .left .tab .slide .svg{fill:#ccc;width:8px;height:13px;}
#products_category .content .left .tab .slide:hover .svg,
#products_category .content .left .tab .slide.cur .svg{fill:var(--mainbg);}
#products_category .content .left .tab .slide:hover{color:var(--mainbg);}
#products_category .content .right{width:calc((100% - 3.125% - 21.875%));margin-left:3.125%;}
#products_category .content .right .pro_list .pro_li{width:calc((100% - 60px) / 3);}
@media (max-width:1024px) {
#products_category .content .right .pro_list .pro_li{width:calc((100% - 60px) / 2);}
}
@media (max-width:750px) {
#products_category .content{flex-direction:column;}
#products_category .content .left{width:100%;}
#products_category .content .left .tab_tit{font-size:36px;padding:0 6%;}
#products_category .content .left .tab .slide{font-size:30px;padding:0 6%;}
#products_category .content .left .tab .slide .svg{width:20px;height:32.5px;}
#products_category .content .right{width:100%;margin:30px 0 0 0;}
#products_category .content .right .pro_list .pro_li{width:100%;}
}
/* 产品中文-标签页 */
#products_tag{padding:70px 0 85px;}
#products_tag .top{background-color:#fff;border-radius:20px;overflow:hidden;padding:55px 4.875% 65px;margin-bottom:60px;box-shadow: 0px 10px 20px 0px rgba(118, 134, 159, 0.05);}
#products_tag .top .left{width:15%;}
#products_tag .top .left .name{line-height:36px;font-size:36px;font-weight:500;color:var(--mainbg);}
#products_tag .top .left .cate{font-size:18px;color:#999;margin-top:15px;}
#products_tag .top .right{width:77%;font-size:16px;color:#333;line-height:30px;}
@media (max-width:750px) {
#products_tag .top{flex-direction:column;}
#products_tag .top .left{width:100%;margin-bottom:30px;}
#products_tag .top .left .name{font-size:42px;line-height:1.6;}
#products_tag .top .left .cate{font-size:32px;line-height:1.6;margin-top:5px;}
#products_tag .top .right{width:100%;font-size:30px;line-height:1.6;}
}
/* 产品详情 */
.pro_tit{font-size:36px;color:#333;font-weight:500;line-height:36px;padding-left:38px;position: relative;}
.pro_tit::after{content:'';position: absolute;left:0;top:50%;transform:translateY(-50%);z-index: 2;width:8px;height:100%;border-radius:3px;background-color:var(--mainbg);}
@media (max-width:750px) {
.pro_tit{font-size:42px;line-height:42px;}
}
#pro_banner{width:100%;height:800px;background:url(/images/icon/products.jpg) no-repeat center / cover;}
#pro_banner .top{top:150px;left:0;z-index:3;width:100%;height:fit-content;}
#pro_banner .box .left{width:50%;}
#pro_banner .box .left .name1{font-size:42px;font-weight:600;color:var(--mainbg);}
#pro_banner .box .left .name2{font-size:55px;font-weight:bold;color:#333;margin:20px 0 50px;}
#pro_banner .box .left .brief{font-size:18px;color:#333;}
#pro_banner .box .right{width:50%;padding-top:40px;}
#pro_banner .box .right .bigpic{width:calc(100% - 96px);}
#pro_banner .box .right .bigpic .slide{padding-top:83.367%;}
#pro_banner .box .right .bigpic .slide img{max-width:80%;max-height:80%;object-fit:contain;}
#pro_banner .box .right .smallpic{width:96px;}
#pro_banner .box .right .smallpic .pn{width:50px;height:50px;border-radius:50%;background-color:#fff;margin:0 auto;}
#pro_banner .box .right .smallpic .pn:hover{background-color:var(--mainbg);}
#pro_banner .box .right .smallpic .pn:hover .i1{display:none;}
#pro_banner .box .right .smallpic .pn:hover .i2{display:inline-block;}
#pro_banner .box .right .smallpic .thumbs{height:334px;margin:20px 0;}
#pro_banner .box .right .smallpic .slide{padding:10px;border-radius:10px;overflow:hidden;background-color:#fff;border:2px solid transparent;}
#pro_banner .box .right .smallpic .slide.swiper-slide-thumb-active{border-color: var(--mainbg);}
@media (max-width:1440px) {
#pro_banner{height:700px;}
#pro_banner .box{padding-top:100px;}
}
@media (max-width:1280px) {
#pro_banner .box .left .name2{font-size:52px;}
}
@media (max-width:1200px) {
#pro_banner .box .left .name2{font-size:48px;}
#pro_banner .box .right{padding-top:0;}
}
@media (max-width:750px) {
#pro_banner{height:1000px;background-position-x:68%;}
#pro_banner .box .right .smallpic .pn{width:70px;height:70px;}
#pro_banner .box .right .smallpic .pn img{transform:scale(1.5);}
#pro_banner .box{flex-direction:column;padding:80px 0;}
#pro_banner .box .left{width:100%;}
#pro_banner .box .left .brief{font-size:28px;line-height:1.6;}
#pro_banner .box .right{width:100%;}
#pro_banner .box .right .bigpic .slide img{width:100%;}
}
#pro_detail{border-bottom:1px solid #e6e6e6;width:100%;height:75px;position:relative;z-index:2;}
#pro_detail .cont .container{overflow-y:visible;transform:translateY(-6px);}
#pro_detail .cont .container .slide{font-size:20px;color:#1a1a1a;line-height:80px;text-align:center;min-width:216px;width:auto;transition:all 0.3s linear;border-radius:10px 10px 0 0;padding:0 10px;}
#pro_detail .cont .container .slide:hover,
#pro_detail .cont .container .slide.cur{color:#fff;background-color:var(--mainbg);}
#pro_detail .cont .pn{display:none;width:10px;height:18px;}
#pro_detail .cont .pn.prev{margin-right:20px;}
#pro_detail .cont .pn.next{margin-left:20px;}
@media (max-width:750px) {
#pro_detail .cont{display:flex;justify-content:center;align-items:center;}
#pro_detail .cont .container{max-width:calc(100% - 50px);overflow:hidden;transform:translateY(0);}
#pro_detail .cont .container .slide{font-size:30px;line-height:75px;padding:0 20px;}
#pro_detail .cont .pn{display:block;transform:scale(1.5);}
}
/*#introduction{padding:100px 0;}*/
#introduction{padding:50px 0;}
#introduction .cont .left{width:50%;padding-right:6%;}
#introduction .cont .left .pro_tit{margin:/*86px 0 50px*/ 0 0 30px;}
#introduction .cont .left .brief{font-size:18px;line-height:40px;color:#333;}
#introduction .cont .right{width:50%;height:fit-content;border-radius:20px;overflow:hidden;background:url(/images/icon/pro-detailbg.png) no-repeat center / cover;}
#introduction .cont .right .pic{padding-top:65.125%;}
#introduction .cont .right .pic img{max-width:80%;max-height:80%;object-fit:contain;}
@media (max-width:1536px) {
#introduction .cont .left .pro_tit{margin-top:50px;}
}
@media (max-width:1366px) {
#introduction .cont .left .pro_tit{margin-top:30px;}
}
@media (max-width:1024px) {
#introduction .cont .left .pro_tit{margin:0 0 30px;}
}
@media (max-width:750px) {
#introduction .cont{flex-direction:column;}
#introduction .cont .left{width:100%;padding:0;}
#introduction .cont .left .brief{font-size:30px;line-height:1.6;}
#introduction .cont .right{width:100%;margin-top:50px;}
}
/*#parameters{padding:76px 0 68px;background-color:#f7fafc;}*/
#parameters{padding:56px 0 68px;background-color:#f7fafc;}
#parameters .cont{margin-top:30px;}
@media (max-width:750px) {
#parameters .editor{max-width:100%;overflow-y:auto;}
#parameters .editor * {font-size:30px !important;line-height:1.6 !important;}
}
/*#features{padding:100px 0;}*/
#features{padding:50px 0;}
#features .cont .left{width:/*37.5%*/ 32%;margin-right:4% /*6.875%*/;border-radius:20px;overflow:hidden;}
#features .cont .right{width:calc(100% - 36%) /*55.625%*/;}
#features .cont .right .brief{font-size:18px;line-height:40px;color:#333;margin-top:30px;}
#features .cont .right .brief table{margin:0 auto;}
.editor table{margin:0 auto;/*width:73.875% !important;*/}
@media (max-width:1536px) {
/* #features .cont .right .brief{max-height:450px;overflow-y:auto;} */
}
@media (max-width:1440px) {
/* #features .cont .right .brief{max-height:420px;} */
}
@media (max-width:1366px) {
/* #features .cont .right .brief{max-height:400px;} */
}
@media (max-width:1280px) {
/* #features .cont .right .brief{max-height:360px;} */
}
@media (max-width:1024px) {
/* #features .cont .right .brief{max-height:280px;} */
}
@media (max-width:750px) {
#features{padding:80px 0;}
#features .cont{flex-direction:column-reverse;}
#features .cont .left{width:100%;margin:30px 0 0;}
#features .cont .right{width:100%;}
#features .cont .right .brief{font-size:30px;line-height:1.8;margin-top:30px;}
#features .cont .right .editor *{font-size:30px !important;line-height:1.6 !important;}
}
/*#checklist{background-color:#f7fafc;padding:75px 0 100px;}*/
#checklist{background-color:#f7fafc;padding:35px 0 40px;}
#checklist .cont{font-size:18px;line-height:40px;color:#333;margin-top:30px;}
@media (max-width:750px) {
#checklist{padding-bottom:80px;}
#checklist .cont{font-size:30px;line-height:1.6;}
}
/*#related_pro{padding:75px 0 70px;}*/
#related_pro{padding:35px 0 30px;}
#related_pro .cont{margin-top:60px;}
#related_pro .cont .container .wrapper{width:fit-content;margin:0 auto;}
#related_pro .cont .slide{background-color:#f7fafc;border-radius:20px;padding-bottom:30px;}
#related_pro .cont .slide .pic .img{padding-top:80%;}
#related_pro .cont .slide .pic .img img{max-width:90%;max-height:90%;object-fit:contain;width:100%;height:100%;}
#related_pro .cont .slide .tit{font-size:18px;color:#999;line-height:26px;margin:20px 20px 10px;}
#related_pro .cont .slide .name{font-size:22px;color:#333;font-weight:500;line-height:26px;padding:0 20px;}
#related_pro .cont .slide:hover .name{color:var(--mainbg);}
#related_pro .cont .pn{z-index:2;width:68px;height:68px;border-radius:50%;background-color:#fff;top:50%;transform:translateY(-50%);box-shadow: 0px 10px 20px 0px rgba(153, 153, 153, 0.1);}
#related_pro .cont .pn.prev{left:-34px;}
#related_pro .cont .pn.next{right:-34px;}
#related_pro .cont .pn:hover{background-color:var(--mainbg);}
#related_pro .cont .pn:hover .i1{display:none;}
#related_pro .cont .pn:hover .i2{display:inline-block;}
@media (max-width: 750px){
#related_pro{padding-bottom:100px;}
#related_pro .cont .slide .pic img{width:100%;object-fit:contain;}
#related_pro .cont .slide .tit{font-size:30px;line-height:1.6;}
#related_pro .cont .slide .name{font-size:36px;line-height:1.6;}
}
/* 新闻列表 */
#news{padding:30px 0 60px;}
/* 修改版本 */
#news .ul .info{display:block;background-color:#fff;margin-bottom:20px;border-radius:20px;overflow:hidden;padding:50px 7.188% 50px 5.313%;}
#news .ul .info .date .listday{color: #999;font-size:48px;font-weight:600;line-height:1;}
#news .ul .info .date .listyears{color: #999;font-size: 18px;line-height:1;}
#news .ul .info .date .line{margin:25px 0;width:68px;height:1px;background-color:#e5e5e5;}
#news .ul .info .con{width:calc(100% - 68px - 11.429%);margin-left:11.429%;}
#news .ul .info .title{color: #333;font-size:24px;font-weight:500;margin-bottom:6px;}
#news .ul .info .desc{color: #999;font-size: 16px;line-height: 28px;}
#news .ul .info:hover .title,
#news .ul .info:hover .date .listday,
#news .ul .info:hover .date .listyears{color: var(--mainbg);}
#news .ul .info:hover .date .line{background-color:var(--mainbg);}
#news .ul .info:hover .desc{color:#333;}
@media (max-width: 750px){
#news .ul .info .date{display:none;}
#news .ul .info .time{font-size:30px;line-height:1.6;font-weight:500;display:block;color:#999;margin-top:5px;}
#news .ul .info .con{width:100%;float:none;margin-left:0;}
#news .ul .info .title{font-size: 36px;line-height:1.5;}
#news .ul .info .desc{font-size: 30px;line-height: 1.8;}
}
/* #news .hot{background:#fff;overflow:hidden;border-radius:20px;margin-bottom:67px;}
#news .hot .left{width:50%;}
#news .hot .left .img{padding-top:62.5%;}
#news .hot .left .img img{width:100%;height:100%;object-fit:cover;}
#news .hot .right{width:50%;}
#news .hot .right .hot_cont{padding: 0 8.75%;}
#news .hot .right .t1{font-size: 36px;font-weight: 500;color:#333;line-height: 48px;}
#news .hot .right .t2{font-size: 18px;color: #999;line-height:30px;margin:10px 0 22px;}
#news .hot .right .t3{font-size: 18px;color: #999;line-height:30px;}
#news .hot .right .more{display:flex;align-items:center;justify-content:center;width:150px;line-height:48px;border: 1px solid #ccc;border-radius:25px;margin-top: 50px;}
#news .hot .right .more .txt{font-size:16px;color:#999;margin-right:10px;transition:all 0.3s;}
#news .hot .right .more .icon{width:6px;height:10px;}
#news .hot .right .more .icon .svg{width:100%;height:100%;fill:rgb(153, 153, 153);}
#news .hot .right .more:hover{border-color:var(--mainbg);}
#news .hot .right .more:hover .txt{color:var(--mainbg);}
#news .hot .right .more:hover .icon .svg{fill:var(--mainbg);}
#news .cont{padding:40px 6.876% 90px;background-color:#fff;border-radius:20px;overflow:hidden;}
#news .cont .list .item{border-bottom:1px solid #e5e5e5;padding:30px 15px;}
#news .cont .list .item .name{width:calc(100% - 120px);font-size:20px;color:#333;line-height:38px;padding-left:34px;position:relative;}
#news .cont .list .item .name::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;width:8px;height: 8px;border-radius:50%;background-color:#333;transition:all 0.3s;}
#news .cont .list .item .time{width:92px;font-size:18px;color:#999;line-height:30px;}
#news .cont .list .item:hover{background-color:#f7fafc;}
#news .cont .list .item:hover .name{color:var(--mainbg);}
#news .cont .list .item:hover .name::after{background-color:var(--mainbg);}
#news .cont .list .item:hover .time{color:#333;}
#news .cont.nottip{font-size:16px;line-height:30px;color:var(--mainbg);}
@media (max-width:1024px) {
#news .hot .right .t2{margin:5px 0;}
#news .hot .right .more{margin-top:20px;}
}
@media (max-width:750px) {
#news .hot{flex-direction:column;margin-bottom:50px;}
#news .hot .left{width:100%;border-radius:20px;}
#news .hot .right{width:100%;padding:50px 30px;}
#news .hot .right .hot_cont{padding:0;}
#news .hot .right .t2{font-size:30px;line-height:1.6;margin-bottom:30px;}
#news .hot .right .t3{font-size:30px;line-height:1.6;}
#news .hot .right .more{margin-top:30px;width:200px;line-height:60px;border-radius:37.5px;}
#news .hot .right .more .txt{font-size:26px;margin-right:20px;}
#news .hot .right .more .icon{transform:scale(2);}
#news .cont{padding:50px 30px;}
#news .cont .list{margin-bottom:50px;}
#news .cont .list .item{flex-direction:column;}
#news .cont .list .item .name{width:100%;font-size:30px;line-height:1.6;}
#news .cont .list .item .time{width:100%;font-size:26px;line-height:1.6;padding-left:34px;}
#news .cont.nottip{font-size:30px;line-height:1.6;}
} */
/* 新闻详情 */
#news-detail{padding:60px 0 135px;}
#news-detail .left{width:68.875%;}
#news-detail .left .title{font-size:40px;line-height:55px;color:#333;font-weight:600;}
#news-detail .left .center{margin:24px 0 80px;gap:46px;}
#news-detail .left .center .pn .text{font-size:16px;color:#999;padding-left:10px;font-weight:500;line-height:20px;}
#news-detail .left .center .time .icon .svg{width:19px;height:18px;fill:var(--mainbg);}
/* #news-detail .left .center .author{margin-left:46px;} */
#news-detail .left .center .author .icon .svg{width:20px;height:20px;fill:var(--mainbg);}
#news-detail .right{width:23.75%;}
#news-detail .right .page_box{background:#fff;border-radius:20px;overflow:hidden;padding:10.53% 10.53% 90px;}
#news-detail .right .page_box .line{width:100%;height:1px;background-color:#ccc;margin:45px 0;}
#news-detail .right .page_box .page .txt{font-size: 20px;color: #333;font-weight: 500;line-height:30px;}
#news-detail .right .page_box .page .tit{font-size: 20px;color: #333;margin:15px 0;line-height:30px;}
#news-detail .right .page_box .page .time{font-size: 16px;color: #999;font-weight: 500;}
#news-detail .right .page_box .page:not(.none):hover .tit{color:var(--mainbg);}
@media screen and (max-width:1024px){
#news-detail{padding:60px 0 80px;}
#news-detail .box{flex-wrap:wrap;}
#news-detail .left{width: 100%;}
#news-detail .right{width:100%;margin-top: 30px;}
#news-detail .right .page_box{padding:50px;}
}
@media screen and (max-width:750px){
#news-detail .left .title{font-size: 42px;line-height:1.6;}
#news-detail .left .center{margin-bottom:50px;gap:20px;}
#news-detail .left .center .pn .text{font-size:30px;line-height:1.6;padding-left:20px;}
#news-detail .left .center .pn .icon .svg{transform:scale(1.5);}
#news-detail .left .content *{font-size: 30px !important; line-height: 1.6 !important; }
#news-detail .right .page_box .page .txt{font-size: 30px;}
#news-detail .right .page_box .page .tit{font-size: 30px;line-height:1.6;margin:20px 0;}
#news-detail .right .page_box .page .time{font-size: 26px;}
}
/* 案例分类检索 */
#case_nav{margin:54px 0 5px;}
#case_nav .cont{background-color:#fff;border-radius:20px;overflow:hidden;padding:37.5px 3.126%;}
/*#case_nav .cont .left{width:142px;margin-right:20px;font-size:18px;line-height:24px;color:#333;}*/
/*#case_nav .cont.en .left{width:210px;padding-bottom:10px;}*/
/*#case_nav .cont .right{width:calc(100% - 142px - 20px);}*/
/*#case_nav .cont.en .right{width:calc(100% - 20px - 210px);}*/
/*#case_nav .cont.en .right .container{padding-bottom:10px;}*/
#case_nav .cont .right{width:100%;display:flex;align-items:flex-start;}
#case_nav .cont .right .right_box{width:calc(100% - 140px);height:55px;overflow:hidden;}
#case_nav .cont .right .right_box .ul{gap:29px;width:100%;}
#case_nav .cont .right .slide{width:auto;font-size:18px;color:#333;line-height:53px;border:1px solid #ccc;border-radius:10px;min-width:195px;padding:0 10px;text-align:center;transition:all 0.3s;/*margin:0 29px 29px 0;*/}
#case_nav .cont .right .slide.cur,
#case_nav .cont .right .slide:hover{color:var(--mainbg);border-color:var(--mainbg);}
#case_nav .cont .right .more{width:140px;font-size:18px;color:#333;line-height:53px;border:1px solid #ccc;border-radius:10px;padding:0 20px;text-align:center;transition:all 0.3s;cursor:pointer;}
#case_nav .cont .right .more:hover{color:var(--mainbg);border-color:var(--mainbg);}
#case_nav .cont .pn{top:50%;transform:translateY(-50%);z-index:2;width:20px;height:20px;}
#case_nav .cont .pn .svg{width:100%;height:100%;}
#case_nav .cont .pn.prev{left:10px;}
#case_nav .cont .pn.next{right:10px;}
#case_nav .cont .pn:hover .svg{fill:var(--mainbg);}
@media screen and (max-width:1024px){
#case_nav .cont .pn.prev{left:5px;}
#case_nav .cont .pn.next{right:5px;}
}
@media screen and (max-width:750px){
#case_nav .cont{flex-direction:column;padding:35px 50px;}
#case_nav .cont .left{font-size:30px;width:100%;margin:0 0 30px 0;}
#case_nav .cont.en .left{width:100%;}
#case_nav .cont .right{width:100%;}
#case_nav .cont.en .right{width:100%;}
#case_nav .cont .right .slide{font-size:30px;line-height:1.8;}
#case_nav .cont .right .right_box{width:calc(100% - 250px);height:56px;}
#case_nav .cont .right .slide{font-size:30px;line-height:1.8;}
#case_nav .cont .right .more{width:250px;font-size:30px;line-height:1.8;}
#case_nav .cont .pn.prev{left:10px;}
#case_nav .cont .pn.next{right:10px;}
}
/* 案例列表 */
#case{padding-bottom:80px;}
#case .content{margin-bottom:10px;}
#case .content .card{width:50%; display:block;padding:54px 27px 50px 0;border-bottom: 1px solid #e0e0e0;}
#case .content .card:nth-child(even) {padding:54px 0 50px 27px;}
#case .content .card .bg{padding-top:53.101%;border-radius:20px;overflow:hidden;}
#case .content .card .title{margin:36px 0 17px;font-size:28px;font-weight:600;line-height:36px;color:#333;}
#case .content .card .brief{margin-bottom:25px;color:#999;line-height:30px;font-size:18px;}
#case .content .card .more{width:150px;line-height:50px;border:1px solid #ccc;border-radius:25px;}
#case .content .card .more .txt{font-size: 18px;color:#999;margin-right:10px;}
#case .content .card .more .icon{width:6px;height:10px;}
#case .content .card .more .icon .svg{width:100%;height:100%;fill:#999;}
#case .content .card:hover .bg img{transform:scale(1.1);}
#case .content .card:hover .title{color:var(--mainbg);}
#case .content .card:hover .brief{color:#333;}
#case .content .card:hover .more{border-color:var(--mainbg);background-color:var(--mainbg);}
#case .content .card:hover .more .txt{color:#fff;}
#case .content .card:hover .more .icon .svg{fill:#fff;}
#case .notip{font-size:16px;line-height:30px;color:var(--mainbg);margin-top:50px;}
@media screen and (max-width:750px){
#case .content{margin-bottom:50px;}
#case .content .card{width:100%;padding-right: 0px;}
#case .content .card:nth-child(even) {padding-left:0px;}
#case .content .card .title{margin-bottom:10px;font-size:36px;line-height:1.6;}
#case .content .card .brief{font-size: 30px;line-height:1.6;}
#case .content .card .more{width:200px;line-height:1.8;border-radius:37.5px;}
#case .content .card .more .txt{font-size:30px;margin-right:20px;}
#case .content .card .more .icon{transform:scale(2);}
#case .notip{font-size:30px;line-height:1.6;}
}
/* 案例详情 */
#case-detail{padding:60px 0 135px;}
#case-detail .left{width:68.875%;}
#case-detail .left .title{font-size:40px;line-height:55px;color:#333;font-weight:600;}
#case-detail .left .center{margin:24px 0 80px;gap:46px;}
#case-detail .left .center .pn .text{font-size:16px;color:#999;padding-left:10px;font-weight:500;line-height:20px;}
#case-detail .left .center .time .icon .svg{width:19px;height:18px;fill:var(--mainbg);}
/* #case-detail .left .center .author{margin-left:46px;} */
#case-detail .left .center .author .icon .svg{width:20px;height:20px;fill:var(--mainbg);}
#case-detail .right{width:23.75%;}
#case-detail .right .page_box{background:#fff;border-radius:20px;overflow:hidden;padding:10.53% 10.53% 90px;}
#case-detail .right .page_box .line{width:100%;height:1px;background-color:#ccc;margin:45px 0;}
#case-detail .right .page_box .page .txt{font-size: 20px;color: #333;font-weight: 500;line-height:30px;}
#case-detail .right .page_box .page .tit{font-size: 20px;color: #333;margin:15px 0;line-height:30px;}
#case-detail .right .page_box .page .time{font-size: 16px;color: #999;font-weight: 500;}
#case-detail .right .page_box .page:not(.none):hover .tit{color:var(--mainbg);}
@media screen and (max-width:1024px){
#case-detail{padding:60px 0 80px;}
#case-detail .box{flex-wrap:wrap;}
#case-detail .left{width: 100%;}
#case-detail .right{width:100%;margin-top: 30px;}
#case-detail .right .page_box{padding:50px;}
}
@media screen and (max-width:750px){
#case-detail .left .title{font-size: 42px;line-height:1.6;}
#case-detail .left .center{margin-bottom:50px;gap:20px;}
#case-detail .left .center .pn .text{font-size:30px;line-height:1.6;padding-left:20px;}
#case-detail .left .center .pn .icon .svg{transform:scale(1.5);}
#case-detail .left .content *{font-size: 30px !important; line-height: 1.6 !important; }
#case-detail .right .page_box .page .txt{font-size: 30px;}
#case-detail .right .page_box .page .tit{font-size: 30px;line-height:1.6;margin:20px 0;}
#case-detail .right .page_box .page .time{font-size: 26px;}
}
/* 联系我们 */
#contact{padding:65px 0;/*margin-bottom:-250px;*/}
#contact .tit{font-size:42px;line-height:42px;font-weight:500;color:#333;}
#contact .list {margin:82px 0 88px;}
#contact .list .item{width:calc(100% / 4);border-right:1px solid #e8e8e8;padding:0 2.5%;}
#contact .list .item:last-child{border-right:none;}
#contact .list .item .img{width:91.4px;height:91.4px;background-color:var(--mainbg);border-radius:50%;margin: 0 auto;}
#contact .list .item .name{font-size:18px;color:#1a1a1a;line-height:18px;margin:35px 0 32px;font-weight:500;text-align:center;}
#contact .list .item .txt{font-size:18px;color:#1a1a1a;line-height:30px;text-align:center;margin:0 auto;}
#contact .list .item:nth-child(2) .txt{max-width:170px;text-align:left;}
/* #contact .list .item .img{display: flex;align-items: center;justify-content: center;} */
#contact .list .item .img .svg{transform:scale(1.5);}
#contact .bot{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow: 0px 20px 50px 0px rgba(0, 63, 157, 0.08);}
#contact .bot .map{width:67.5%;}
#contact .bot .map .img{padding-top:67.593%;width:100%;z-index:2;height:100%;}
#contact .bot .map .img img{object-fit:cover;width:100%;height:100%;}
#contact .bot .map .item{left:0;bottom:0;right:0;padding:0 5.556% 7.5% 5.556%;z-index:3;max-width:100%;}
#contact .bot .map .item .icon img{max-width:200px;object-fit:contact;}
#contact .bot .map .item .name{font-size:42px;font-weight:500;color:#fff;line-height:42px;margin:22px 0 20px;}
#contact .bot .map .item .brief{font-size:18px;color:#fff;line-height:30px;white-space:wrap;}
#contact .bot .form{width:calc(100% - 67.5%);padding:60px 3.125%;}
#contact .bot .form .tit{font-size:42px;line-height:1;font-weight:500;color:#333;margin-bottom:37px;}
#contact .bot .form .grid .input{width:100%;height:58px;border:1.14px solid #e5e5e5;font-size:18px;color:#333333;padding:0px 20px;background-color:#fff;border-radius:5px;margin-bottom:30px;}
#contact .bot .form .grid .input:focus{border-color:var(--mainbg);}
#contact .bot .form .textarea{width:100%;height:165px;border:1.14px solid #e5e5e5;padding:20px;line-height: 1.5;font-size:18px;color:#333333;background-color:#fff;border-radius:5px;}
#contact .bot .form .textarea:focus{border-color:var(--mainbg);}
#contact .bot .form .btn{width:180px;line-height:55px;background-color:var(--mainbg);margin-top:40px;font-size:18px;color:#fff;text-align:center;border-radius:27.5px; box-shadow:0px 10px 15px 0px rgba(0, 115, 230, 0.1);transition:all 0.3s;border: 1px solid var(--mainbg);}
#contact .bot .form .btn:hover{color:var(--mainbg);background-color:#fff;}
#contact .bot .form .textarea::placeholder,
#contact .bot .form .grid .input::placeholder{color:#cccccc;}
#contact .bot .form .textarea::-webkit-input-placeholder,
#contact .bot .form .grid .input::-webkit-input-placeholder{color:#cccccc;}
#contact .bot .form .textarea::-moz-placeholder,
#contact .bot .form .grid .input::-moz-placeholder{color:#cccccc;}
#contact .bot .form .textarea::-ms-input-placeholder,
#contact .bot .form .grid .input::-ms-input-placeholder{color:#cccccc;}
/*#contact .map{width:100%;border-radius:20px;overflow:hidden;}*/
/*#contact .map .img img{object-fit:contain;width:100%;height:100%;}*/
/*#contact .map .item{left:0;bottom:0;right:0;margin:0 0 7.5% 6.875%;z-index:2;width:27%;max-width:100%;}*/
/*#contact .map .item .name{font-size:42px;font-weight:500;color:#fff;line-height:42px;margin:45px 0 20px;}*/
/*#contact .map .item .brief{font-size:18px;color:#fff;line-height:30px;white-space:wrap;}*/
/*@media (max-width:1680px) {*/
/* #contact .list .item{padding:0 2%;}*/
/*}*/
/*@media (max-width:1536px) {*/
/* #contact .list .item{padding:0 1.5%;}*/
/*}*/
/*@media (max-width:1440px) {*/
/* #contact .map .item{width:30%;}*/
/*}*/
/*@media (max-width:1280px) {*/
/* #contact .map .item{width:32%;margin:0 0 5% 5%;}*/
/*}*/
/*@media (max-width:1200px) {*/
/* #contact .map .item{width:35%;}*/
/*}*/
@media (max-width:1024px) {
#contact .list{flex-wrap:wrap;gap:60px 0;}
#contact .list .item{width:calc(100% / 2);padding:0 2.5%;}
#contact .list .item:nth-child(2n){border-right:none;}
#contact .bot .map .item .name{margin:15px 0;font-size:36px;}
#contact .list .item:nth-child(2) .txt{max-width:300px;}
}
@media (max-width:750px) {
/*#contact{padding:80px 0;margin-bottom:0;}*/
#contact .list{margin:50px 0;display:block;}
#contact .list .item{width:100%;padding:50px 0;border:none;border-bottom:2px solid #e6e6e6;}
#contact .list .item .img{width:100px;height:100px;}
#contact .list .item .img .svg{transform:scale(1.8);}
#contact .list .item .name{font-size:36px;line-height:1.6;margin:30px 0 10px;}
#contact .list .item .txt{font-size:30px;line-height:1.6;}
#contact .bot{flex-direction:column;}
#contact .bot .map{width:100%;}
#contact .bot .map .item{width:100%;height:fit-content;margin:0;padding:0 3%;position:static;}
#contact .bot .map .item .icon{position:absolute;bottom:50%;left:30px;}
#contact .bot .map .item .name{color:#333;}
#contact .bot .map .item .brief{font-size:26px;line-height:1.6;color:#333;}
#contact .bot .form{width:100%;}
#contact .bot .form .grid .input{width:100%;font-size:30px;margin-bottom: 30px;height:80px;}
#contact .bot .form .textarea{font-size:30px;line-height:1.6;}
#contact .bot .form .btn {font-size:30px;line-height:80px;width:220px;border-radius:37.5px;margin-top:50px;}
}
/*.feedback_box{width:100%;height:240px;background-color:#f7fafc;}*/
/*#feedback {background-color:#f7fafc;padding:80px 0;}*/
/*#feedback .tit {font-size:42px;line-height:42px;font-weight:500;color:#333;}*/
/*#feedback .form {margin-top:60px;}*/
/*#feedback .form .grid{display:flex;gap:20px;}*/
/*#feedback .form .grid .input{width:calc((100% - 70px) / 4);height:58px;border:1.14px solid #e5e5e5;font-size:18px;color:#333333;padding:0px 20px;background-color:#fff;border-radius:5px;}*/
/*#feedback .form .grid .input:focus{border-color:var(--mainbg);}*/
/*#feedback .form .textarea{width:100%;height:275px;border:1.14px solid #e5e5e5;padding:20px;line-height: 1.5;font-size:18px;color:#333333;background-color:#fff;border-radius:5px;}*/
/*#feedback .form .textarea:focus{border-color:var(--mainbg);}*/
/*#feedback .form .btn{width:180px;line-height:55px;background-color:var(--mainbg);margin:20px auto 0;font-size:18px;color:#fff;text-align:center;border-radius:27.5px; box-shadow:0px 10px 15px 0px rgba(0, 115, 230, 0.1);transition:all 0.3s;border: 1px solid var(--mainbg);}*/
/*#feedback .form .btn:hover{color:var(--mainbg);background-color:#fff;}*/
/*#feedback .form .textarea::placeholder,*/
/*#feedback .form .grid .input::placeholder{color:#cccccc;}*/
/*#feedback .form .textarea::-webkit-input-placeholder,*/
/*#feedback .form .grid .input::-webkit-input-placeholder{color:#cccccc;}*/
/*#feedback .form .textarea::-moz-placeholder,*/
/*#feedback .form .grid .input::-moz-placeholder{color:#cccccc;}*/
/*#feedback .form .textarea::-ms-input-placeholder,*/
/*#feedback .form .grid .input::-ms-input-placeholder{color:#cccccc;}*/
/*@media screen and (max-width:1440px) {*/
/* #feedback .form .grid {column-gap:30px}*/
/*}*/
/*@media screen and (max-width:1024px) {*/
/* #feedback .form .grid {column-gap:20px}*/
/* #feedback .form .grid {flex-wrap: wrap;}*/
/* #feedback .form .grid .input {width: calc((100% - 20px) / 2);}*/
/*}*/
/*@media screen and (max-width:750px) {*/
/* .feedback_box{display:none;}*/
/* #feedback .form {margin-top:50px;}*/
/* #feedback .form .grid {display:block;margin:0;}*/
/* #feedback .form .grid .input{width:100%;font-size:30px;margin-bottom: 30px;height:80px;}*/
/* #feedback .form .textarea{font-size:30px;line-height:1.6;}*/
/* #feedback .form .btn {font-size:30px;line-height:80px;width:220px;border-radius:37.5px;margin-top:50px;}*/
/*}*/
/* 服务支持-售后服务 */
#service{padding:30px 0 60px;}
#service .box{border-radius:20px;background-color:#fff;overflow:hidden;padding:110px 0;}
#service .box .cont{max-width:1100px;width:92%;margin:0 auto;}
@media (max-width:1280px) {
#service .box{padding:80px 0;}
}
@media (max-width:750px) {
#service .box{padding:50px 0;}
#service .box .editor *{font-size:30px !important;line-height:1.6 !important;}
}
/* 服务支持-资料下载 */
#down_search{margin:30px 0 50px;}
#down_search .cont{background-color:#fff;border-radius:20px;padding:43px 3.126%;}
#down_search .cont .tip{min-width:142px;margin-right:20px;font-size:18px;line-height:52px;color:#333;white-space:nowrap;}
#down_search .cont.en .tip{min-width:190px;}
#down_search .cont form{width:calc(100% - 162px); display:flex;align-items:center;}
#down_search .cont.en form{width:calc(100% - 210px);padding-bottom: 10px;}
#down_search .cont form .input{width:43.349%;height:55px;border:1px solid #ccc;border-radius:10px;font-size:16px;color:#333;padding:0 20px;}
#down_search .cont form .input:focus{border-color:var(--mainbg);}
#down_search .cont form .btn{background-color:var(--mainbg);width:150px;height:55px;border-radius:10px;margin-left:20px;}
#down_search .cont form .btn .txt{font-size:18px;color:#fff;margin-left:14px;}
#down_search .cont form .btn .icon .svg{width:22px;height:21px;fill:#fff;}
#down_search .cont .bot{margin-top:28px;}
#down_search .cont .bot .list{width:calc(100% - 162px);}
#down_search .cont.en .bot .list{width:calc(100% - 210px);}
#down_search .cont.en .bot .list .container{padding-bottom:10px;}
#down_search .cont .bot .list .slide{font-size:18px;width:auto;min-width:137px;padding:0 10px;line-height:55px;border-radius:10px;border:1px solid #ccc;color:#333;text-align:center;margin-right:20px;transition:all 0.3s linear;}
#down_search .cont .bot .list .slide.cur,
#down_search .cont .bot .list .slide:hover{color:var(--mainbg);border-color:var(--mainbg);}
/* #down_search .cont .bot .list .swiper-pagination{bottom:0;} */
@media (max-width:750px) {
#down_search .cont{padding:50px 30px;}
#down_search .cont .form{flex-direction:column;}
#down_search .cont .tip{width:100%;margin:0 0 20px 0;font-size:30px;line-height:1.6;}
#down_search .cont form {width:100%;}
#down_search .cont.en form {width:100%;}
#down_search .cont form .input{width:calc(100% - 220px);height:70px;font-size:30px;}
#down_search .cont form .btn{width:200px;height:70px;}
#down_search .cont form .btn .txt{font-size:30px;}
#down_search .cont form .btn .icon .svg{transform:scale(1.3);}
#down_search .cont .bot{flex-direction:column;}
#down_search .cont .bot .list{width:100%;}
#down_search .cont.en .bot .list{width:100%;}
#down_search .cont .bot .list .slide{font-size:30px;line-height:70px;}
}
#download{padding:0 0 60px 0;}
#download .content .ul{gap:30px 32px;}
#download .content .ul .li{width:calc((100% - 32px) / 2); padding:35px 2.5%;background-color:#fff;border-radius:20px;overflow:hidden;}
#download .content .ul .li .text{margin-bottom:16px;font-size:22px;line-height:26px;color:#1a1a1a;font-weight:500;}
#download .content .ul .li .subtext{margin-bottom: 44px;font-size: 18px;color:#999;}
#download .content .ul .li .btn{width:fit-content;min-width:120px;height:45px;background-color:#fff;border-radius:22.5px;border:1px solid #999;padding:0 20px;}
#download .content .ul .li .btn .download {margin-left:10px;color:#333;font-size:18px;}
#download .content .ul .li .btn .icon .svg{width:20px;height:20px;fill:#333;}
#download .content .ul .li:hover{box-shadow: 0px 15px 30px 0px rgba(0, 63, 157, 0.15);}
#download .content .ul .li:hover .text{color:var(--mainbg)}
#download .content .ul .li:hover .btn{background-color:var(--mainbg);border-color:var(--mainbg);}
#download .content .ul .li .btn:hover {opacity: .75;}
#download .content .ul .li:hover .subtext{color:#1a1a1a;}
#download .content .ul .li:hover .btn .icon .svg {fill:#fff;}
#download .content .ul .li:hover .btn .download{color:#fff;}
@media screen and (max-width: 750px) {
#download {padding:30px 0 80px 0;}
#download .content .ul .li{width:100%;padding:50px 30px;}
#download .content .ul .li .text{font-size:36px;line-height:1.6;}
#download .content .ul .li .subtext{font-size:30px;}
#download .content .ul .li .btn{border-radius:37.5px;width:200px;height:70px;}
#download .content .ul .li .btn .download {font-size:30px;}
#download .content .ul .li .btn .icon .svg {width:32px;height:32px;}
}
/* 服务支持-常见问题 */
#faq{padding:30px 0 60px;}
#faq .content{margin-bottom:10px;}
#faq .content .list{border-radius:20px;background:#fff;padding:33px 3.125%;margin-bottom:20px;}
#faq .content .list:last-child{margin-bottom:0;}
#faq .content .list .name{width:65%;font-size:20px;color:#1a1a1a;}
#faq .content .list .right{width:24%;display:flex;align-items:center;justify-content:space-between;}
#faq .content .list .right .time{font-size:18px;color:#999;}
#faq .content .list .right .btn{width:145px;height:55px;border-radius:27.5px;display:flex;align-items: center;justify-content: center;border:1px solid #ccc;font-size:18px;color:#666666;background-color:#fff;}
#faq .content .list:hover{background-color:var(--mainbg);box-shadow: 0px 10px 30px 0px rgba(181, 195, 205, 0.3);}
#faq .content .list:hover .name{color:#fff;}
#faq .content .list:hover .right .time{color:#fff;}
#faq .content .list:hover .right .btn{border-color:#fff;color:var(--mainbg);}
@media screen and (max-width:1280px) {
#faq .content .list .right {width:265px;}
}
@media(max-width: 750px){
#faq{padding-bottom:80px;}
#faq .content .list{display: block;}
#faq .content .list .name {width: 100%;line-height:1.6;font-size: 36px;}
#faq .content .list .right {width: 100%;margin-top:20px;}
#faq .content .list .right .time {font-size:30px;line-height:1.6;}
#faq .content .list .right .btn {width:200px;height:60px;font-size:26px;border-radius:37.5px;}
}
/* 常见问题详情 */
#faq-detail{padding:60px 0 135px;}
#faq-detail .left{width:68.875%;}
#faq-detail .left .title{font-size:40px;line-height:55px;color:#333;font-weight:600;}
#faq-detail .left .center{margin:24px 0 80px;gap:46px;}
#faq-detail .left .center .pn .text{font-size:16px;color:#999;padding-left:10px;font-weight:500;line-height:20px;}
#faq-detail .left .center .time .icon .svg{width:19px;height:18px;fill:var(--mainbg);}
/* #faq-detail .left .center .author{margin-left:46px;} */
#faq-detail .left .content *{word-break:break-all;max-width:100%;}
#faq-detail .left .center .author .icon .svg{width:20px;height:20px;fill:var(--mainbg);}
#faq-detail .right{width:23.75%;}
#faq-detail .right .page_box{background:#fff;border-radius:20px;overflow:hidden;padding:10.53% 10.53% 90px;}
#faq-detail .right .page_box .line{width:100%;height:1px;background-color:#ccc;margin:45px 0;}
#faq-detail .right .page_box .page .txt{font-size: 20px;color: #333;font-weight: 500;line-height:30px;}
#faq-detail .right .page_box .page .tit{font-size: 20px;color: #333;margin:15px 0;line-height:30px;}
#faq-detail .right .page_box .page .time{font-size: 16px;color: #999;font-weight: 500;}
#faq-detail .right .page_box .page:not(.none):hover .tit{color:var(--mainbg);}
@media screen and (max-width:1024px){
#faq-detail{padding:60px 0 80px;}
#faq-detail .box{flex-wrap:wrap;}
#faq-detail .left{width: 100%;}
#faq-detail .right{width:100%;margin-top: 30px;}
#faq-detail .right .page_box{padding:50px;}
}
@media screen and (max-width:750px){
#faq-detail .left .title{font-size: 42px;line-height:1.6;}
#faq-detail .left .center{margin-bottom:50px;gap:20px;}
#faq-detail .left .center .pn .text{font-size:30px;line-height:1.6;padding-left:20px;}
#faq-detail .left .center .pn .icon .svg{transform:scale(1.5);}
#faq-detail .left .content *{font-size: 30px !important; line-height: 1.6 !important; }
#faq-detail .right .page_box .page .txt{font-size: 30px;}
#faq-detail .right .page_box .page .tit{font-size: 30px;line-height:1.6;margin:20px 0;}
#faq-detail .right .page_box .page .time{font-size: 26px;}
}
/* 关于我们 */
#about{padding:10px 0 30px;}
#about .left{width:calc(50% - 7.188%);margin-right:30px;border-radius:20px;overflow:hidden;}
#about .left img{border-radius:20px;}
#about .right{width:calc(50% + 7.188% - 30px);}
#about .right .tit .name1{font-size:60px;line-height:70px;color:#333;margin-bottom:20px;/*font-family:'MEB';font-weight:bold;*/}
#about .right .tit .name2{font-size:48px;line-height:1;font-weight:500;color:#333;}
#about .right .company{font-size:26px;color:var(--mainbg);font-weight:300;line-height:1.6;margin:30px 0;}
#about .right .brief{font-size:18px;color:#333;line-height:36px;max-height:360px;overflow-y:auto;}
@media screen and (max-width:1024px) {
#about {padding:30px 0;}
#about .cont{flex-direction:column-reverse;}
#about .left{width:100%;}
#about .right{width:100%;margin-bottom:30px;}
}
@media screen and (max-width:750px) {
/*#about{padding-top:80px;}*/
#about .right .company{margin:30px 0;}
#about .right .brief{font-size:30px;line-height:1.6;}
}
#erum .box{/*height:830px;*/width:100%; height:650px;}
#erum .box .letter{font-size:250px;line-height:1;color:#f7fafc;font-weight:bold; z-index:2;top:0;left:7.292%;font-family:'MEB';}
#erum .box .letter img{max-width:700px;}
#erum .box .right{z-index:3;right:0;top:100px;width:calc(50% + 80px);border-radius:20px 0 0 20px;overflow:hidden;}
#erum .box .right .img{padding-top:/*57.693%*/ 45%;}
#erum .box .right .img img{width:100%;height:100%;object-fit:cover;}
#erum .box .left{z-index:4;left:0;top:180px;width:calc(50% + 80px);/*padding:7.292% 4.167% 7.084% 8.334%;*/padding:5% 2% 5% 8.334%;background:#fff;border-radius:0 20px 20px 0;overflow:hidden;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);}
#erum .box .left .brief{font-size:18px;line-height:36px;color:#1a1a1a;max-height:/*360px*/ 252px;overflow-y:auto;}
#erum .cont{margin:0px auto 30px;padding:25px 6%;}
#erum .cont .txt{width:100%;text-align:center;font-size:36px;font-weight:300;color:var(--mainbg);line-height:46px;}
#erum .cont::after,
#erum .cont::before{content:'';position:absolute;background: no-repeat center / 100%;width:49px;height:46px;top:50%;transform:translateY(-50%);}
#erum .cont::after{background-image:url(/images/icon/yh-left.png);left:30px;}
#erum .cont::before{background-image:url(/images/icon/yh-right.png);right:30px;}
@media screen and (max-width:1680px) {
#erum .box .letter{left:4%;}
#erum .box .left{padding-left:5%;}
}
@media screen and (max-width:1440px) {
#erum .box .left{padding:50px 4%;}
}
@media screen and (max-width:1280px) {
#erum .box{flex-direction:column;height:auto;}
#erum .box .left{position:static;width:100%;margin-top:180px;display:block;}
#erum .box .right{position:static;width:100%;display:block;}
#erum .cont::after{left:0;}
#erum .cont::before{right:0;}
}
@media screen and (max-width:1024px) {
#erum .box .letter{font-size:300px;}
#erum .cont{margin:50px auto;}
}
@media screen and (max-width:750px) {
#erum .box .letter{font-size:230px;line-height:180px;}
#erum .box .left{padding:50px 4%;}
#erum .box .left .tit{font-size:42px;line-height:normal;}
#erum .box .left .brief{font-size:30px;line-height:1.6;}
#erum .cont{padding:30px 80px;}
#erum .cont .txt{font-size:28px;line-height:1.6;}
}
/* 关于我们-资质专利 */
#honor {padding:60px 0 50px;overflow: hidden;background:url(/images/icon/honorbg.jpg) no-repeat center / cover;width:100%;height:fit-content;}
#honor .title{font-size:42px;color: #333;line-height:42px;font-weight:500;}
/* #honor .content{width: 87.92%; margin: 0 auto; overflow:hidden;padding-bottom:30px;}
#honor .content .container{padding-top:68px;width:400px;height:568px;margin:0 auto;overflow:visible; border-radius:20px;margin-bottom:60px;}
#honor .content .container .slide{border-radius:20px;background:#fff;padding: 0px 0 40px;}
#honor .content .container .slide{opacity: 0.7; transform: scale(0.6); background: #fff;}
#honor .content .container .slide[data-number="2"]{transform:translateX(80px) scale(0.6);}
#honor .content .container .slide[data-number="-2"]{transform:translateX(-80px) scale(0.6);}
#honor .content .container .swiper-slide-prev,
#honor .content .container .swiper-slide-next{transform:scale(0.7);opacity:1;background:#fff;}
#honor .content .container .swiper-slide-active,
#honor .content .container .swiper-slide-duplicate-active{transform:scale(1);opacity:1;box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);}
#honor .content .container .slide .box {display: flex;height: 100%;flex-direction: column;align-items: center;}
#honor .content .container .slide .box .img {width:100%;height:433px;padding:50px 50px 20px;display: flex;align-items: center;justify-content: center;}
#honor .content .container .slide .box .img img{max-width:100%;object-fit:contain;}
#honor .content .container .slide .box .text{font-size:16px;color:#333;line-height:24px;text-align: center;padding:0 10px;}
#honor .content .container .swiper-slide-active .box .box .img img,
#honor .content .container .swiper-slide-duplicate-active .box .box .img img{width:100%;}
#honor .content .container .swiper-slide-active .box .text,
#honor .content .container .swiper-slide-duplicate-active .box .text{font-size: 18px;line-height:28px;} */
/* 修改版本 */
#honor .content{width:calc(100% - (65px * 2));overflow:hidden;padding:50px 35px 0;}
#honor .content .container{width:100%;overflow:hidden;}
#honor .content .container .slide .top{width:100%;background-color:#fff;border-radius:10px;overflow:hidden;/*box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);*/padding:45px 20px;}
#honor .content .container .slide .pic{padding-top:124.26%;width:100%;}
#honor .content .container .slide .pic img{width:100%;height:100%;object-fit:contain;}
#honor .content .container .slide .text{font-size:18px;color:#333;line-height:30px;text-align:center;padding:0 5px;margin-top:30px;}
#honor .page{margin-bottom:60px;width: 65px; height: 65px; border-radius: 50%; background:#fff;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);}
#honor .page:hover{background:var(--mainbg);}
#honor .page:hover .i1{display:none;}
#honor .page:hover .i2{display:inline-block;}
@media (max-width: 750px) {
#honor .content .container .slide .text{font-size:26px;line-height:1.6;}
}
/* @media (max-width: 1680px) {
#honor .content{width:92%;}
#honor .content .container{transform:scale(0.92);}
}
@media (max-width:1536px) {
#honor .content .container{transform:scale(0.838);}
}
@media (max-width: 1440px) {
#honor .content .container{transform:scale(0.785);}
}
@media (max-width: 1366px) {
#honor .content{width:87%;}
#honor .content .container{transform:scale(1);}
}
@media (max-width: 1280px) {
#honor .content{width:92%;}
}
@media (max-width: 1024px) {
#honor .content .container{transform:scale(0.83);}
#honor .content .container .swiper-slide-prev,
#honor .content .container .swiper-slide-next{transform:scale(0.8);}
}
@media (max-width: 750px) {
#honor{padding-top:80px;}
#honor .content{width:100%;padding-bottom:80px;}
#honor .content .container{transform:scale(1);width:500px;height:fit-content}
#honor .content .container .swiper-slide-active .box .text,
#honor .content .container .swiper-slide-duplicate-active .box .text{font-size:30px;line-height: 1.6;padding:0 10px;}
#honor .content .page{width:75px;height:75px;}
} */
/* 关于我们-发展历程 */
#history{padding:30px 0 30px;}
#history .tit{font-size:42px;color: #333;line-height:42px;font-weight:500;}
#history .top{width: 100%;margin-top:73px;}
#history .top .li{display: flex;align-items: center;}
#history .top .li .img{width:50%;border-radius:20px;overflow:hidden;}
#history .top .li .img .pic{padding-top:60%;}
#history .top .li .img .pic img{width:100%;height:100%;object-fit:cover;}
/* #history .top .li .text{width:50%;height:fit-content;padding-left:4.376%;} */
#history .top .li .text{width:100%;height:fit-content;min-height:220px;display:flex;justify-content:center;align-items:center;}
#history .top .li .text .y{font-size:260px;color:#f5f7fa;z-index:1;transform:translate(0,-50%);font-weight:bold;top:45%;font-family:'MB';line-height:1;}
#history .top .li .text .desc{z-index:2;/*max-height:480px;overflow-y:auto;*/position:relative;}
#history .top .li .text .desc li{margin-bottom:30px;line-height:1.6;font-size:24px;color:#333;padding-left:20px;position: relative;}
#history .top .li .text .desc li::before{content: '';width: 6px;height: 6px;background:var(--mainbg);border-radius: 100%;left: 0;top: 16px;position: absolute;}
#history .bot{margin-top:60px;}
#history .bot .container{width:85%;padding-top:28px;height:100px;}
#history .bot .line{width:100%;height: 1px;background:rgba(51,51,51,0.15);left:0;right:0;top:32.5px;}
#history .bot .li .dian{width:11px;height:11px;background: #999;border-radius:50%;}
#history .bot .li .year{font-size:28px;color:#999;font-weight:600;}
#history .bot .li.swiper-slide-thumb-active .dian{width:23px;height:23px;background:var(--mainbg);transform:translateY(-7px);}
#history .bot .li.swiper-slide-thumb-active .year{font-size:36px;color:var(--mainbg);}
#history .bot .pn{width:65px;height: 65px;border-radius: 100%;top: 0;background-color:#fff;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.06);}
#history .bot .pn:hover{border-color: transparent;background:var(--mainbg);}
#history .bot .pn:hover .i1{display:none;}
#history .bot .pn:hover .i2{display:inline-block;}
#history .bot .prev{left:0;}
#history .bot .next{right:0;}
#history .bot .pn.swiper-button-disabled{opacity: 0;}
/* @media (max-width: 1536px){
#history .top .li .text .y{font-size:250px;}
}
@media (max-width: 1440px){
#history .top .li .text .y{font-size:230px;}
#history .top .li .text .desc{max-height:400px;}
}
@media (max-width: 1366px){
#history .top .li .text .y{font-size:220px;}
#history .top .li .text .desc{max-height:380px;}
}
@media (max-width: 1280px){
#history .top .li .text .y{font-size:200px;}
#history .top .li .text .desc{max-height:355px;}
}
@media (max-width:1024px){
#history .top .li .text .y{font-size:160px;}
#history .top .li .text .desc{max-height:285px;}
} */
@media (max-width: 980px){
#history .bot .container{width: 78%;}
}
@media (max-width: 750px){
#history{padding: 80px 0;}
#history .top{margin-top:60px;}
#history .top .li{flex-direction:column;}
#history .top .li .img{width:100%;}
#history .top .li .text{width:100%;padding-left:0;/*margin:50px 0;*/position:relative;}
/* #history .top .li .text .desc{max-height:360px;} */
#history .top .li .text .desc li{font-size:30px;}
#history .top .li .text .desc li::before{width:10px;height:10px;top:20px;}
#history .top .li .text .y{font-size:260px;}
#history .bot .container{width:70%;padding-top:10px;}
#history .bot .line{top:15px;}
#history .bot .li .year{font-size:36px;}
#history .bot .li.swiper-slide-thumb-active .year{font-size:42px;}
#history .bot .prev,
#history .bot .next{width: 90px;height: 90px;border: 1px solid #3a3a3a;border-radius: 100%;top: 0;transform: translateY(-30%);z-index: 10;}
}
/* 关于我们-合作伙伴 */
/*#partner{background: #f7fafc;width:100%;overflow:hidden;margin-bottom:-60px;}*/
/*#partner .title{font-size:42px;color: #333;line-height:42px;font-weight:500;padding-top:155px;}*/
/*#partner .content{width:64.0625%;background:#fff;padding:50px 3% 115px;margin-top:85px;position:relative;z-index:2;box-shadow: 15px 26px 40px 0px rgba(0, 0, 0, 0.1);border-radius:20px 20px 0 0;}*/
/*#partner .content .li{width:31.72%;margin-right:2.42%;margin-bottom:27px;border-radius:5px;border: 1px solid #e6e6e6;}*/
/*#partner .content .li:nth-child(3n){margin-right:0;}*/
/*#partner .content .li .pic{padding-top:42.761%;}*/
/*#partner .content .li .pic img{object-fit:contain;}*/
/*#partner .content .btn_box{margin-top:17px;}*/
/*#partner .content .btn_box .btn{width:17px;height:12px;}*/
/*#partner .content .btn_box .btn.prev{background:url(/file/_obj_/LY00206//images/page-l.png) no-repeat center;}*/
/*#partner .content .btn_box .btn.next{background:url(/file/_obj_/LY00206//images/page-r.png) no-repeat center;}*/
/*#partner .content .btn_box .line{width: 1px;height: 13px;background: #e6e6e6;margin:0 36px;}*/
/*#partner .content .btn_box .prev:hover{background-image: url(/file/_obj_/LY00206//images/page-l-h.png);}*/
/*#partner .content .btn_box .next:hover{background-image: url(/file/_obj_/LY00206//images/page-r-h.png);}*/
/*#partner .bg{width:63.6039%;top:0;right:0;z-index:0;}*/
/*@media (max-width: 1280px){*/
/* #partner .content{width: 75%;margin-top: 60px;}*/
/*}*/
/*@media (max-width: 1024px){*/
/* #partner{padding:80px 0;margin:0;}*/
/* #partner .title{padding-top:0;}*/
/* #partner .content{width:100%;padding:30px;border-radius:20px;}*/
/* #partner .bg{display: none;}*/
/*}*/
/*@media (max-width: 750px){*/
/* #partner .content .li{width:49%;margin-right:2%;margin-bottom:2%;}*/
/* #partner .content .li:nth-child(3n){margin-right:2%;}*/
/* #partner .content .li:nth-child(2n){margin-right:0;}*/
/* #partner .content .btn_box .btn{width:30px;height:30px;background-size:100% !important;}*/
/* #partner .content .btn_box .line{height:30px;}*/
/*}*/
/* 关于我们-合作伙伴-版面修改 */
#partner{padding:60px 0;background-color:#f7fafc;}
#partner .title{font-size:42px;color:#333;line-height:42px;font-weight:500;}
#partner .list{margin-top:30px;}
#partner .list .li{width:calc((100% - 18px) / 2);min-height:180px;margin:20px 18px 0 0;border-radius:20px;overflow:hidden;}
#partner .list .li:nth-child(-n+2){margin-top:0;}
#partner .list .li:nth-child(2n){margin-right:0;}
#partner .list .li .left{width:54px;background-color:var(--mainbg);writing-mode: vertical-rl;font-size:22px;line-height:24px;color:#fff;font-weight:500;display:flex;align-items:center;justify-content:center;padding:20px 0;}
#partner .list .li .right{width:calc(100% - 54px);background-color:#fff;display:flex;align-items:center;padding:35px 8.218%;}
#partner .list .li .right .container{width:100%;margin:0;}
#partner .list .li .right .slide{width:100%;height:auto;gap:5%;}
#partner .list .li .right .slide .pic{width:30%;height:100%;}
#partner .list .li .right .slide .pic img{object-fit:contain;}
#partner .list .li .right .pn{width:9px;height:16px;top:50%;transform:translateY(-50%);z-index:2;cursor:pointer;}
#partner .list .li .right .pn .svg{width:100%;height:100%;fill:#ccc;}
#partner .list .li .right .pn:hover .svg{fill:var(--mainbg);}
#partner .list .li .right .prev{left:10px;transform: rotate(180deg);}
#partner .list .li .right .next{right:10px;}
#partner .list .li .right .pn.swiper-button-disabled{cursor:text;}
#partner .list .li .right .pn.swiper-button-disabled:hover .svg{fill:#ccc;}
@media (max-width:1280px) {
#partner .list .li .right{padding:35px;}
}
@media (max-width:750px) {
#partner .list .li{width:100%;margin:0 0 30px 0 !important;min-height:200px;}
#partner .list .li .left{width:80px;font-size:30px;line-height:1.6;}
#partner .list .li .right{width:calc(100% - 80px);padding:30px 80px;}
#partner .list .li .right .slide .pic{width:calc((100% - 5%) / 2);}
#partner .list .li .right .slide .pic img{height:100%;}
#partner .list .li .right .prev{left:40px;transform: rotate(180deg) scale(1.8);}
#partner .list .li .right .next{right:40px;transform: scale(1.8);}
}