body{ overflow:hidden; font-family: "sans-serif";} /* ========================================================================== 头部导航：全面适配 WordPress 原生菜单结构与多语言高亮（全量保留原设计） ========================================================================== */ .header{ color:#fff; position:fixed; top:0; left:0; width:100%; z-index:9999;} .header .auto-inner{ position: relative; z-index:9;} .header .logo-top{ width:20%;} .header .logo-top img{ width:1rem;transition: all .5s;} /* 一级导航容器适配 WordPress menu 类 */ .header .nav .menu{ height:100%; list-style: none; margin: 0; padding: 0;} .header .nav li{ margin:0 .25rem; padding:.36rem 0; font-size:.16rem; position:relative;transition: all .5s; list-style: none;} .header .nav li>a{ color:#fff; display:block; padding:.1rem 0;} /* 二级菜单：完美继承原 .nav li dl 样式的 WordPress 映射 */ .header .nav li ul.sub-menu{ position:absolute; left:50%; top:100%; background:rgba(255,255,255,0.9); width:1.5rem; transform:translateX(-50%); display:none; list-style: none; margin: 0; padding: 0;} /* 二级单项：完美继承原 dl dd 样式的 WordPress 映射 */ .header .nav li ul.sub-menu li{ border-bottom:dashed 1px #ccc; padding:.08rem 0; text-align:center; width: 100%; margin: 0;} .header .nav li ul.sub-menu li:last-child{ border-bottom:none;} .header .nav li ul.sub-menu li a{ color: #333; display: block; padding: 0;} .header .nav li ul.sub-menu li a:hover{ color:#ed6d00;} .header .nav li:hover ul.sub-menu{ display:block;} .header.onFixed .nav li{padding: 0;} .header.onFixed .logo-top img{width: .8rem;} .header .search-box{ height:100%;} .header .search-box .icon{ cursor:pointer; display:block; width:.45rem; height:.45rem; background-image:url(../images/search.svg); background-repeat:no-repeat; background-position:center; background-size:.2rem;} .header .search-box .icon.on{ background-image:url(../images/close.svg); background-size:.2rem;} .header .search-box .search-con{ background:#fff; padding:.1rem; position:absolute; right:0; top:100%; width:4rem; border-radius:5px; box-shadow:0 2px 15px rgba(0,0,0,.1); display:none;} .header .search-box .search-con .wtd100{ width:100%;} .header .search-box .search-con input{ font-size:.16rem; width:calc(100% - .45rem); outline:none; display:block; margin:0; padding:0; border:none;} .header .search-box .search-con .but{cursor:pointer; width:.35rem; height:.35rem; background:url(../images/search2.svg) no-repeat center; background-size:.2rem;} .header .versions{ margin-left:.2rem; height:100%;} .header .versions .icon{ cursor:pointer; display:block; width:.45rem; height:.45rem; background-image:url(../images/global.svg); background-repeat:no-repeat; background-position:center; background-size:.17rem;} .header .versions .box{text-align: left;display:none;padding-top: .4rem; position:absolute; top:calc(100% - .4rem); left:0; width:100%;/*animation:0.5s ease 0.1s 1 normal backwards running fadeInUp; -webkit-animation:0.5s ease 0.1s 1 normal backwards running fadeInUp;*/z-index: 333;} .header .versions .main{background: rgba(255, 255, 255, .9); padding: .4rem .3rem;box-sizing: border-box; box-shadow:0 0 10px rgba(0,0,0,.1);} .header .versions h3{font-size: .26rem;font-weight: bold;text-align: center;color: #333;} .header .versions .ul{margin-top: .35rem;margin-left: auto;margin-right: auto;max-width: 8rem;width: 100%;color: #555; list-style: none; padding: 0;} .header .versions .ul li{padding-bottom: .3rem;margin-bottom: .3rem;border-bottom: 1px solid #ccc; list-style: none;} .header .versions .ul li .name{margin-bottom: .2rem;font-size: .22rem;color: #555;} .header .versions .ul li dl{display: flex;margin: -1%;flex-wrap: wrap;} .header .versions .ul li dl dd{width: 18%;margin: 1%; list-style: none;} .header .versions .ul li dl dd a{font-size: .18rem;color: #555;} .header .versions .ul li:last-child{ border-bottom:none;padding-bottom: 0;margin-bottom: 0;} .header .versions .ul li dl dd a:hover{color:#ff8e3e;} .header .versions:hover .box{ display:block;} .header .icon-menu{ font-size:0; cursor:pointer; width:25px; height:24px; border-radius:50%; position:relative; z-index:12; display:none;} .header .icon-menu i{ -webkit-transition: all .4s ease-out; transition: all .4s ease-out; display:block; height:2px; background:#fff; border-radius:5px; width:100%;} .header .icon-menu.active i:nth-of-type(1){ margin:0; width:30px; transform: rotate(45deg) translate(6px,6px);} .header .icon-menu.active i:nth-of-type(2){ opacity:0;} .header .icon-menu.active i:nth-of-type(3){width:30px; transform: rotate(-45deg) translate(5px,-5px);} .header.onFixed{ background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);} .header.onFixed .nav li>a{ color:#333;} .header.onFixed .search-box .icon{ background-image:url(../images/search2.svg);} .header.onFixed .search-box .icon.on{ background-image:url(../images/close1.svg); background-size:.16rem;} .header.onFixed .versions .icon{ background-image:url(../images/global2.svg);} .header.onFixed .logo-top .tacit{ opacity:1;} .header.onFixed .logo-top .inter{ opacity:0;} .header.onFixed .icon-menu i{ background:#000;} /* 高亮融合：合并支持原本的 .on 激活和 WordPress 系统的原生多语言激活状态类名 */ .header .nav li>a:hover, .header .nav li.on>a, .header .nav li.current-menu-item>a, .header .nav li.current-menu-ancestor>a, .header .nav li.current_page_item>a{ color:#ff8e3e;} /* 固定透明度转换时，高亮项依然强制锁定为品牌的橙色 */ .header.onFixed .nav li.current-menu-item>a, .header.onFixed .nav li.current-menu-ancestor>a, .header.onFixed .nav li.current_page_item>a{ color:#ff8e3e !important;} .nav-black{ background:rgba(0,0,0,.5); position:fixed; width:100%; height:100%; left:0; top:0; z-index:8; display:none;} /* ========================================================================== 响应式断点：1024px 媒体查询适配 ========================================================================== */ @media (max-width:1024px){ .header .logo-top{ padding:.15rem 0;} .header .nav{ position:fixed; top:1.09rem; right:-100%; width:35vw; height:calc(100vh - 1.09rem); background:#fff; padding:.2rem; box-shadow:0 10px 10px rgba(0,0,0,.1); z-index:3; transition:all .5s; overflow:auto;} .header .nav .menu{ align-content:flex-start;} .header .nav li{ font-size:.18rem; padding:0; margin:0; width:100%; border-bottom:solid 1px #eee;} .header .nav li a{color:#000;} .header .nav.on{ right:0;} .header .nav li.on>a, .header .nav li.current-menu-item>a, .header .nav li.current-menu-ancestor>a{ color:#ff8e3e;} .header .icon-menu{ margin-left:.3rem; display:-webkit-flex; display:flex;} .header.onFixed .search-box .icon.on{ background-size:.35rem;} /* 移动端二级容器：将原 li dl 映射为符合 WP 原生的 li ul.sub-menu */ .header .nav li ul.sub-menu{ border-top:solid 1px #eee; position:relative; width:100%; left:auto; transform:translateX(0); background: transparent; box-shadow: none;} /* 移动端二级单项：将原 dl dd 映射为 sub-menu li */ .header .nav li ul.sub-menu li{ font-size:.16rem; text-align:left; border-bottom: none; padding: 0;} .header .nav li:hover ul.sub-menu{ display:none;} /* 智能小箭头：自动识别在后台菜单中拥有二级子项（menu-item-has-children）的项并添加箭头 */ .header .nav li.menu-item-has-children:after{ position: absolute; content: ""; width: 0; height: 0; border-left: solid .1rem transparent; border-right: solid .1rem transparent; border-top: solid .1rem #333; right: .1rem; top: .35rem; pointer-events: none; } .header .versions .box{padding-top: .6rem;top: calc(100% - .6rem);} } /* ========================================================================== 响应式断点：768px 媒体查询适配 ========================================================================== */ @media (max-width:768px){ .header .versions .icon{ background-size:.35rem;} .header .search-box .icon{ background-size:.35rem;} .header .search-box .icon.on{ background-size:.35rem;} .header .search-box .search-con .but{background-size: 0.3rem;} } /* ========================================================================== 响应式断点：640px 媒体查询适配 ========================================================================== */ @media (max-width:640px){ .header .nav{ width:60%; top:1.05rem;} .header .nav li{ font-size:.26rem;} .header .nav li>a{ padding:.2rem;} .header .search-box .icon.on{ background-size:.35rem;} .header .search-box .search-con{ padding:.15rem .2rem;} .header .search-box .search-con input{ font-size:.24rem;} .header .nav li ul.sub-menu li{ font-size:.24rem; padding:.1rem .2rem;} } /* 底部 */ .footer{ background:#e2e3e4; color:#333;position: relative;z-index: 5;} .footer a{ color:rgba(51,51,51,.5);} .footer .footer-one{ padding:.6rem 0;} .footer .footer-left .footer-logo{ margin-right:.5rem;} .footer .footer-left .footer-logo img{ max-width:1.09rem;} .footer .footer-left .footer-one{ padding:.65rem 0;} .footer .footer-left .name{ font-size:.24rem;} .footer .footer-left .tel{ margin:.1rem 0 0; font-size:.24rem; color:#ed6d00; font-family:"SourceHanSansSC_Medium";} .footer .footer-left .email{ font-family:"SourceHanSansSC_Medium"; font-size:.22rem; margin-bottom:.2rem;} .footer .footer-left .email a{font-weight:500; color:#ed6d00;} .footer .footer-left .text{margin-top: .1rem;} .footer .footer-left .share-box .icon{ position:relative; margin-right:.15rem;background:#d9dada; border-radius:100%;} .footer .footer-left .share-box .icon .code{ position:absolute;} .footer .footer-left .share-box .icon i{ width:.45rem; height:.45rem; display:block; background-size:contain; border-radius:50%; background-position:center; background-repeat: no-repeat; opacity:1;background:#d9dada;} .footer .footer-left .share-box .icon:last-child{ margin-right:0;} .footer .footer-left .share-box .icon-wx i{ background-image:url(../images/wx-icon.png);} .footer .footer-left .share-box .icon-wb i{ background-image:url(../images/wb-icon.png);} .footer .footer-left .share-box .code{ position:absolute; top:100%; width:.82rem; padding-top:.1rem; display:none; animation: 0.8s ease 0.2s 1 normal backwards running ComeUp; -webkit-animation: 0.8s ease 0.2s 1 normal backwards running ComeUp; } .footer .footer-left .share-box .code::after{ position:absolute; top:0; left:.23rem; content:''; display:block; height:.35rem; border-left:dashed 1px rgba(255,255,255,.3);} .footer .footer-left .share-box .code img{ max-width:.82rem; width:.82rem;} .footer .footer-left .share-box .icon:hover .code{ display:block;} .footer .footer-dl{ width:62%;margin-top: .1rem;} .footer .footer-dl dt a{ font-size:.24rem; margin-bottom:.2rem;color: #333;} .footer .footer-dl dd{ font-size:.2rem; line-height:2; margin-bottom:.05rem;} .footer a:hover{ color:#333;font-weight: 700;} .footer .footer-two{ font-size:.14rem; color:rgba(51,51,51,.5); padding:.3rem 0 .2rem; border-top:solid 1px rgba(255,255,255,.1);border-top: solid 1px #d7d7d7;} .footer .footer-two .auxiliary em{ margin:0 .1rem; display:block; font-size:.11rem; font-style:normal;} .footer .footer-two .auxiliary em:last-child{ display:none;} .footer .footer-two .auxiliary a{ display:block;} @-webkit-keyframes ComeUp{ 0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes ComeUp{ 0%{opacity:0; -webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);} 100%{opacity:1;-webkit-transform:none;transform:none} } @media (max-width:640px){ .footer .footer-one{ padding:.3rem 0 .5rem; justify-content:center;} .footer .share-box{ justify-content:center;} .footer .footer-left{ justify-content:center; flex-wrap:wrap;} .footer .footer-left .text{ width:100%; text-align:center;} .footer .footer-left .name{ font-size:.22rem;} .footer .footer-left .share-box .icon i{ width:.65rem; height:.65rem;} .footer .footer-left .footer-logo{ margin-right:0;} .footer .footer-dl{ display:none;} .footer .footer-two{ text-align:center; justify-content:center; font-size:.24rem; flex-wrap: wrap;} } /* 内页banner */ .Inside-ban{ z-index:7;} .Inside-ban img{ width:100%;} .Inside-ban .text{ line-height:1.2; position:absolute; left:0; top:50%; width:100%; z-index:2; transform: translateY(-50%);margin-top: .3rem;opacity: 0;transition: all .5s;} .Inside-ban .text.active{opacity: 1;margin-top: 0;} .Inside-ban .text .tit-en{ text-transform: uppercase; color:rgba(255,255,255,.6); font-size:.46rem; font-family:"SourceHanSansSC_Medium";} .Inside-ban .text .tit-cn{ color:#fff; font-size:.5rem;} .Inside-ban .paly-but{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.6rem; height:.6rem; background-image: url(../images/play2.png); z-index:5; background-repeat:no-repeat; background-position:center; background-size:contain;} .Inside-ban .video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; -webkit-object-fit: cover; } .Inside-ban .otm{ opacity:0;} @media (max-width:1024px){ .Inside-ban .text .tit-en{ font-size:.35rem;} .Inside-ban .text .tit-cn{ font-size:.4rem;} } @media (max-width:640px){ .Inside-ban .text{ line-height:1.3;} .Inside-ban .text .tit-en{ font-size:.3rem;} .Inside-ban .text .tit-cn{ font-size:.36rem;} .Inside-ban img{ height:40vh; object-fit:cover;} } /* 产品列表 */ .pro-one{ padding:.8rem 0 0rem;} .pro-one .back-bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;} .pro-one .back-bg img{ width:100%; height:100%; object-fit:cover;} .pro-one .auto-inner{ z-index:2;} .pro-one .intro-box{ color:#666666; margin-bottom:.55rem; width:100%;} .pro-one .intro-box .title-box{font-family:"SourceHanSansSC_Medium"; width:50%;} .pro-one .intro-box .title-box .title-cn{ color:#666; font-size:.4rem;font-weight:normal;} .pro-one .intro-box .title-box .title-en{ text-transform:uppercase; font-size:.2rem; color:#999999;} .pro-one .intro-box .intro-con{ padding-top: .1rem;font-size:.18rem; width:50%; line-height:1.5;} .pro-one .intro-box .intro-con .des{margin:0;font-size: .2rem;} .pro-one .intro-box .intro-con strong{ display:block; margin-bottom:.5em;font-size: .24rem; /* color:#ff8e3e; */ font-weight:500;} .pro-one .intro-box .intro-con h2{ display:block; margin-bottom:.5em;font-size: .24rem; /* color:#ff8e3e; */ font-weight:500;} .pro-one .other-con{ width:100%;} .pro-one .other-con .salvage-box{ width:76%; text-align:center;} .pro-one .other-con .salvage-box .salvage-img canvas{ width:100%; height:100%;} .pro-one .other-con .salvage-box .ile-txt{ margin-top:-.5rem; margin-bottom:.25rem;font-weight:normal;} .pro-one .other-con .salvage-box .ile-txt span{font-size: .24rem;} .pro-one .other-con .salvage-box .ile-txt::before{ margin-right:.5em; content:''; display:block; width:2px; height:1em; background:#ed6d00;} .pro-one .other-con .list{ width:20.63%;} .pro-one .list .item{ width:100%; margin-bottom:2%;} .pro-one .list .item .pic{ width:100%; position:relative;} .pro-one .list .item .pic img{width: 100%;} .pro-one .list .item .pic .svg-bg{ position:absolute; left:0; top:0; width:100%; height:118.295%; opacity:0; transition: all .5s; } .pro-one .list .item .pic .svg-bg svg{ width:100%;height:100%;} .pro-one .list .item .pic figure{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:top center; background-repeat:no-repeat; background-size:cover; transition: all .5s; } .pro-one .list .item .text{ color:#fff; position:absolute; left:0; top:50%; width:100%; padding:0 .2rem; transform:translateY(-50%);} .pro-one .list .item .text .icon{ margin-right:.15rem;} .pro-one .list .item .text .icon span{ position:relative; width:.8rem; display:block;} .pro-one .list .item .text .icon span img{ width:100%; position:relative; z-index:3;} .pro-one .list .item .text .icon span::after, .pro-one .list .item .text .icon span::before{ position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; border-radius:100%; overflow:hidden; transition:all .5s;} .pro-one .list .item .text .icon span::after{ border:dashed 1px #ff8e3e; opacity:1;} .pro-one .list .item .text .icon span::before{ background-image:linear-gradient(-50deg,transparent,#ed6d00); opacity:0;} .pro-one .list .item .text .tit-box{width:calc(100% - .8rem);} .pro-one .list .item .text .tit-box .tit-cn{ margin-bottom:0.5em; font-size:.22rem; color:#fff;font-weight:normal;} .pro-one .list .item .text .tit-box .tit-en{ text-transform:uppercase; font-size:.14rem; color:#999999;} .pro-one .list .item:hover .icon span::after{ opacity:0;} .pro-one .list .item:hover .icon span::before{ opacity:1;} .pro-one .list .item:hover .text .tit-box .tit-en{ color:#fff;} .pro-list{ background:#f8f8f8; padding:.7rem 0;} .pro-list .pro-menu{ width:23.5%; background:#fff; padding:.4rem .2rem;} .pro-list .pro-menu .lanme{ margin-bottom:.2rem; font-size:.2rem; color:#333333;} .pro-list .pro-menu .item{ margin-bottom:.4rem; border-bottom:solid 1px #dfdfdf;} .pro-list .pro-menu .item:last-child{ border-bottom:none; margin-bottom:0;} .pro-list .pro-menu .item dl{ padding-bottom:.1rem;} .pro-list .pro-menu .item dd{ cursor:pointer; display:-webkit-flex; display:flex; padding:.1rem; width:45%; margin-bottom:.15rem; border-radius:3px;} .pro-list .pro-menu .item dd span{ display:block; width:calc(100% - .35rem);} .pro-list .pro-menu .item dd .choice{ margin-right:.12rem; margin-top:.02rem; width:.2rem; height:.2rem; border:solid 1px #bfbfbf; cursor:pointer; border-radius:3px;} .pro-list .pro-menu .item dd .choice i{ display:block; width:100%; height:100%; opacity:0; background-image:url(../images/tick.svg); background-repeat:no-repeat; background-size:.14rem; background-position:center;} .pro-list .pro-menu .item dd:hover, .pro-list .pro-menu .item dd.active{ background:rgba(255,124,13,.1);} .pro-list .pro-menu .item dd.active .choice{ border-color:#ed6d00;} .pro-list .pro-menu .item dd.active .choice i{ opacity:1;} .pro-list .pro-side{ width:74.5%;} .pro-list .pro-search{ border-bottom:solid 1px #e5e5e5; padding-bottom:.25rem;} .pro-list .pro-search .name{ font-size:.24rem; margin-right:1em;font-weight:normal;} .pro-list .pro-search .search-con{position: relative;width:5.5rem; border-radius:5px; border:solid 1px #e5e5e5;} .pro-list .pro-search .search-con input{ background:none; font-size:.16rem; width:calc(100% - 1.1rem); outline:none; display:block; margin:0; padding:.15rem .2rem; border:none;} .pro-list .pro-search .search-con .but{position: absolute;right: .05rem;top: .05rem;cursor:pointer; width:1.1rem;height: calc(100% - .1rem); background:#ff8e3e url(../images/search.svg) no-repeat center; background-size:.2rem;border-radius:5px;} .pro-list .list{ padding:.35rem 0;} .pro-list .list .ul{ width:100%;} .pro-list .list li{ position:relative; width:31.041%; margin-right:3.4%; margin-bottom:3.4%; background:#fff; border:solid 1px #efefef;transition: all .5s;} .pro-list .list li .state{ font-size:.18rem; position:absolute; left:.2rem; top:.2rem; background:#ff7c0d; color:#fff; line-height:2.2; min-width:5em; text-align:center; border-radius:3px;} .pro-list .list li .pic figure{ display:block; width:100%; padding-bottom:100%; background-repeat:no-repeat; background-size:contain; background-position:center;transition:all .3s;} .pro-list .list li .txt{ padding-bottom:0; text-align:center;} .pro-list .list li .txt .tit{ color:#333333; font-size:.22rem;transition:all .3s;font-weight:normal;} .pro-list .list li .txt .des{opacity:0;height:0;;transition:all .3s;transform:translateY(0.1rem);color:#999;line-height:0.25rem;width:100%;padding:0 0.3rem;margin:0.1rem 0 0.2rem;} .pro-list .list li:hover .txt .des{opacity:1;transform:translateY(0);height:0.75rem;} .pro-list .list li:hover .pic figure{padding-bottom:calc(100% - 0.85rem);} .pro-list .list li:hover .pic figure img{object-fit:contain;} .pro-list .list li:nth-child(3n){ margin-right:0;} .pro-list .list li:hover{ transform: translateY(-.1rem); box-shadow: 2px 2px 10px rgba(0, 0, 0, .1); } .pro-list .list li:hover .txt .tit{ color: #ed6d00; } @media (max-width:1024px){ .pro-one{ padding:1rem 0 1.3rem;} .pro-one .intro-box .title-box{ width:48%;} .pro-one .intro-box .title-box .title-cn{ font-size:.36rem;} .pro-one .intro-box .title-box .title-en{ font-size:.18rem;} .pro-list .pro-menu{ width:28%; padding:.2rem .1rem;} .pro-list .pro-menu .item dd{ width:48%; margin-bottom:.1rem;} .pro-list .pro-side{ width:68%;} .pro-one .list .item .text{ top:25%;} .pro-one .list .item .text .icon{ margin-bottom:.3rem;} .pro-one .list .item .text .icon span{ width:.6rem;} .pro-one .list .item .text .tit-box .tit-cn{ font-size:.22rem;} .pro-one .list .item .text .tit-box .tit-en{ font-size:.18rem;} .pro-list .list li{ width:32%; margin-right:2%; margin-bottom:2%;} .pro-list .list li .txt{ padding-bottom:.2rem;} .pro-list .list li .txt .tit{ font-size:.2rem;} .pro-list .list li .state{ font-size:.14rem; min-width:3em;} .pro-one .other-con{ flex-wrap:wrap;} .pro-one .other-con .salvage-box{ width:100%;} .pro-one .other-con .list{ width:100%; justify-content:space-between;} .pro-one .list .item{ width:49%; margin-bottom:2%; margin-right:0;} } @media (max-width:768px){ .pro-list .pro-menu{ width:30%; font-size:.18rem;} .pro-list .list li .txt{ padding:0 .2rem .2rem; font-size:.18rem;} } @media (max-width:640px){ .pro-one{ padding:1rem 0;} .pro-one .intro-box{ margin-bottom:.35rem;} .pro-one .intro-box .title-box{ width:100%;} .pro-one .intro-box .title-box .title-en{ font-size:.22rem;} .pro-one .intro-box .intro-con{ line-height:2; font-size:.24rem; margin-top:1em; width:100%;} .pro-one .other-con{ flex-wrap:wrap;} .pro-one .other-con .salvage-box{ width:100%; text-align:center;} .pro-one .other-con .salvage-box .ile-txt{ margin-top:0;} .pro-one .other-con .list{ width:100%;} .pro-one .list{ justify-content:space-between;} .pro-one .list .item{ width:100%; margin-bottom:.2rem; margin-right:0;} .pro-one .list .item .text{ top:50%; transform:translateY(-50%); justify-content:space-between;} .pro-one .list .item .text .tit-box{ width:calc(100% - 1rem);} .pro-one .list .item .text .tit-box .tit-cn{ font-size:.28rem;} .pro-one .list .item .text .tit-box .tit-en{ font-size:.24rem;} .pro-one .list .item .text .icon{ width:.7rem; margin:0;} .pro-one .list .item .text .icon span{ width:.7rem;} .pro-one .list .item .pic .svg-bg{ opacity:1;} .pro-one .list .item figure{ opacity:0;} .pro-list .pro-menu{ width:100%; margin-bottom:.5rem;} .pro-list .pro-menu .item dl{ font-size:.24rem; max-height:10em; justify-content:flex-start; overflow:auto; -webkit-overflow-scrolling: touch;} .pro-list .pro-menu .item dl::-webkit-scrollbar{width:.05rem;background:#ccc} .pro-list .pro-menu .item dl::-webkit-scrollbar-thumb{background:#ff8e3e;} .pro-list .pro-menu .item dd{ width:32%; margin-right:2%;} .pro-list .pro-menu .item dd span{ width:calc(100% - .4rem);} .pro-list .pro-menu .item dd .choice{ margin-top:.2em; width:.25rem; height:.25rem; margin-right:0.1rem;} .pro-list .pro-menu .item dd:nth-child(3n){ margin-right:0;} .pro-list .pro-menu .lanme{ font-size:.26rem; margin-bottom:.1rem;} .pro-list .list li:nth-child(3n), .pro-list .list li{ width:48%; margin-right:4%; margin-bottom:4%;} .pro-list .list li .state{ font-size:.22rem;} .pro-list .list li:nth-child(2n){ margin-right:0;} .pro-list .list li .txt{ font-size:.22rem;} .pro-list .list li .txt .tit{ font-size:.26rem;} .pro-list .pro-side{ width:100%;} .pro-list .pro-search .search-con{ width:4.5rem;} .pro-list .pro-search .search-con .but{ background-size:.24rem;} .pro-list .pro-search .search-con input{ font-size:.22rem;} } /* 加载 */ .load-box{ font-size:.16rem;} .load-box .load-icon{ margin:0 auto; width:.54rem; height:.54rem; background-image: url(../images/load-icon.png); animation: rot 3s linear infinite; -webkit-animation:rot 2s linear infinite; background-size:contain;} .load-box .txt{ margin-top:.05rem; color:#333333;} @-webkit-keyframes rot{ from{ -webkit-transform:rotate(0deg); } to{ -webkit-transform:rotate(360deg); } } @media (max-width:640px){ .load-box{ font-size:.22rem;} } /* 当前位置 */ .current-box{ margin-top:1.22rem; font-family:"SourceHanSansSC_Light"; color:#999999; padding:.2rem 0; background:#fff;} .current-box a{ display:block; color:#999999;} .current-box i{ display:block; width:.2rem; background-image: url(../images/arrow.svg); background-repeat:no-repeat; background-position:center;} .current-box .current-txt{ padding-left:.3rem; background-image:url(../images/current.svg); background-size:.19rem; background-repeat:no-repeat; background-position:center left;} .current-box a:hover{color: #ed6d00;} /* 产品详情 */ .header .ProTop-back{ position:absolute; top:0; left:0; height:100%; width:100%; object-fit:cover;} .header.onFixed .ProTop-back{ opacity:0;} .proInfo-one{ padding:.65rem 0; background:#fff; direction:rtl;} .proInfo-one .switc-box{ width:45%;} .proInfo-one .switc-box .big-box{ width:100%;} .proInfo-one #gallery{ width:100%; border-radius:5px;overflow:hidden;} .proInfo-one #gallery .pic{ border-radius:5px;overflow:hidden;} .proInfo-one #gallery .pic img{ height:6.2rem; width:100%; object-fit:contain; border:none;} .proInfo-one .color-list li.color_box{position:relative; cursor:pointer; width:.25rem; height:.25rem; margin-right:.15rem; overflow: hidden;} .proInfo-one .color-list li::after{ position:absolute; right:-.06rem; top:-.02rem; content:''; display:block; width:0; height:0; border-left:.1rem solid transparent; border-right:.1rem solid transparent; border-bottom:.1rem solid transparent; transform: rotate(45deg); opacity:0;} .proInfo-one .color-list li::before{ position:absolute; right:0; top:0; content:''; display:block; width:.08rem; height:.06rem; background-image:url(../images/tick2.svg); background-size:contain; background-repeat:no-repeat; background-position:center; z-index:2; opacity:0;} .proInfo-one .color-list li.color_white{ background:#ffffff; border:solid 2px #ed6d00;} .proInfo-one .color-list li.color_orange{ background:#27519c; border:solid 2px #27519c;} .proInfo-one .color-list li.color_blue{ background:#ed6d00; border:solid 2px #ed6d00;} .proInfo-one .color-list li.color_red{ background:#b70e0e; border:solid 2px #b70e0e;} .proInfo-one .color-list li.on.color_white::after{ background:#ed6d00;} .proInfo-one .color-list li.on.color_orange::after{ background:#27519c;} .proInfo-one .color-list li.on.color_blue::after{ background:#ed6d00;} .proInfo-one .color-list li.on.color_red::after{ background:#b70e0e;} .proInfo-one .color-list li.on::after{ opacity:1;} .proInfo-one .color-list li.on::before{ opacity:1;} .proInfo-one .color-list li:last-child{ margin-right:0;} .proInfo-one .Inquiry .text_form{ margin-bottom:.35rem; background:#fff; border:solid 1px #e5e5e5; padding:.15rem; border-radius:5px;} .proInfo-one .Inquiry textarea{border:none;margin:0; padding:0;outline:none; width:100%; display:block; min-height:8em; width:100%!important;} .proInfo-one .submit .but{ cursor:pointer; line-height:3.3; background:#ed6d00; padding:0 .3rem; color:#fff; border-radius:6px;} .proInfo-one .submit .but span{ padding-left:.35rem; background-image:url(../images/kefu.svg); background-repeat:no-repeat; background-position:left center; background-size:.24rem;} .proInfo-one .intro-data{ width:50%; color:#333; direction:ltr;} .proInfo-one .intro-data .olw-iow{ padding-bottom:.35rem;} .proInfo-one .intro-data .title{ width:calc(100% - 8em); font-family:"SourceHanSansSC_Medium"; line-height:1.2; font-size:.36rem;font-weight:normal;} .proInfo-one .intro-data .merit{ margin-bottom:.3rem;} .proInfo-one .intro-data .merit .con{ line-height:1.8; font-family:"SourceHanSansSC_Light"; color:#666666;} .proInfo-one .intro-data .other-txt{ color:#000; line-height:2; margin:.2rem 0 2em;} .proInfo-one .intro-data .tishi{ color:#000; margin-top:1em;} .proInfo-one .intro-data .other-txt p{ margin:0;} .proInfo-one .intro-data .argument-table .tit{ font-size:.18rem; color:#fff; padding:.05rem .2rem; line-height:2; background:#ed6d00;font-weight:normal;} .proInfo-one .intro-data .argument-table .lve-box table{ width:100%;} .proInfo-one .intro-data .argument-table .lve-box table td{ padding:0.1rem 0.2rem; color:#000000; width:55%; border-bottom:solid 1px #eaeaea;} .proInfo-one .intro-data .argument-table .lve-box table td:first-child{ color:#888; width:45%;} .proInfo-one .intro-data .argument-table .lve-box table td:first-child h3{font-weight:normal;} h1,h2,h3,h4,h5,h6{padding:0;margin:0;} .Adaptive-box{ background:#f8f8f8; padding:1rem 0; color:#333;} .Adaptive-box .cneter{overflow:hidden;} .Adaptive-box .para-tit{ text-align:center; font-family:"SourceHanSansSC_Medium"; margin-bottom:.5rem; font-size:.36rem;font-weight:normal;} .Adaptive-box .para-tit::after{ content:''; display:block; width:2em; height:2px; background:#bfbfbf; margin:.15rem auto 0;} .Adaptive-box .list{ margin-left:-1.9%;} .Adaptive-box .list .item{ font-size:.18rem; background:rgba(255,255,255,.2); width:25%; padding-left:1.9%; margin-bottom:3%; border-bottom:solid 1px #e6e6e6; padding-bottom:2%;} .Adaptive-box .list .item .shadow{ transition:all .5s;} .Adaptive-box .list .item dl{ padding:.2rem .1rem;} .Adaptive-box .list .item dl dd{ padding:.07rem 0;} .Adaptive-box .list .item dl dd h3{font-weight:normal;} .Adaptive-box .list .item .name{ color:#888888; white-space:nowrap;} .Adaptive-box .list .item .shadow:hover{ transform:translateY(-5%); box-shadow:0 0 10px rgba(0,0,0,.1);} @media (max-width:1024px){ .proInfo-one #gallery .pic img{ width:100%; height:auto;} .proInfo-one .switc-box .small-box{ padding:.2rem .17rem;} .proInfo-one #thumbs{ height:3.5rem;} .proInfo-one .submit .but{ line-height:3;} .proInfo-one .switc-but{ margin-left:-8px;} } @media (max-width:768px){ .proInfo-one #thumbs{ height:auto;} .proInfo-one .switc-box .big-box{ width:100%;} .proInfo-one .switc-box .small-box{ width:100%; padding:.2rem 20px;} .proInfo-one .switc-but{ left:auto; top:50%; width:20px; height:30px; margin:0; margin-top:-15px; bottom:auto; transform:rotate(0deg);} .proInfo-one .swiper-button-prev{ left:0; justify-content:flex-start;} .proInfo-one .swiper-button-next{ right:0; justify-content:flex-end;} } @media (max-width:640px){ .proInfo-one .switc-box{ width:100%;} .proInfo-one .intro-data{ width:100%; margin-top:.4rem;} .proInfo-one .intro-data .olw-iow{ flex-wrap:wrap;} .proInfo-one .intro-data .title{ margin-bottom:1em; width:100%;} .proInfo-one .color-list li.color_box{ width:.4rem; height:.4rem;} .proInfo-one .color-list li::after{ top:-.1rem; right:-.18rem; border-left:.22rem solid transparent; border-right:.22rem solid transparent; border-bottom:.3rem solid transparent;} .proInfo-one .color-list li::before{ width:.14rem; height:.1rem;} .parameter-box{ padding:.5rem 0;} .parameter-box .para-tit{ margin-bottom:.2rem;} .parameter-box .list li:nth-child(3n), .parameter-box .list li{ width:48.5%; margin-right:3%; margin-bottom:3%;} .parameter-box .list li:nth-child(2n){ margin-right:0;} .Adaptive-box{ padding:.5rem 0;} .Adaptive-box .para-tit{ margin-bottom:.2rem;} .Adaptive-box .list .item{ width:50%; font-size:12px;} } /* 内页 */ .Inside-tit{ margin-bottom:.75rem; text-align:center;} .Inside-tit .tit-small{font-size: .24rem;} .Inside-tit .tit-cn{ font-size:.4rem;font-weight:normal;} .Inside-tit .tit-en{ color:#999999; font-size:.2rem; text-transform: uppercase;} /* 服务 */ .service-box{ padding:1rem 0 1.7rem;} .service-box .service-bg{ position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:1;} .service-box .service-bg img{ width:100%; height:100%; object-fit:cover;} .service-box .auto-inner{ z-index:2;} .service-box li{ padding:.55rem .35rem;width:14.5%; margin-right:2.6%; background:#fff; box-shadow:0px 1px 38px 0px rgba(0, 0, 0, 0.05); font-family:"HarmonyOS_Regular"; transition: all .5s;} .service-box li .icon{ position:absolute; top:-.2rem; right:-.2rem; border:solid .1rem rgba(0,0,0,.05); border-radius:100%;} .service-box li .icon span{ width:.66rem; height:.66rem; display:block; background:#ed6d00; border-radius:100%;} .service-box li .des{font-family:"SourceHanSansSC_Light";} .service-box li .time span{ line-height:.9; font-size:.6rem;} .service-box li .time .center{ margin-bottom:2em; padding-bottom:2em; position:relative;} .service-box li .time .center::after{ position:absolute; bottom:0; left:.5em; content:''; display:block; width:1.4em; height:2px; background:#ed6d00;} .service-box li .time em{ font-style:normal;} .service-box li:nth-child(6n){ margin-right:0;} .service-box li:hover{transform: translateY(-.1rem);} .service-box li:hover .time .center{color: #ed6d00;} @media (max-width:1024px){ .service-box li{ width:31%; margin-right:3.4%; margin-bottom:5%;} .service-box li:nth-child(3n){ margin-right:0;} } @media (max-width:640px){ .service-box li:nth-child(3n), .service-box li{ width:47%; margin-right:6%; margin-bottom:5%;} .service-box li:nth-child(2n){ margin-right:0;} } /* 售前咨询 */ .gray-bgcolor{ padding:.8rem 0; background:#f8f8f8;} .consultation-box{ margin-top:-1.6rem; background:#fff; padding:.8rem 5%; position:relative; z-index:8;} .consultation-box .wtd30{ width:30%; margin-right:5%;} .consultation-box .mar-rig{ margin-right:0;} .consultation-box .wtd60{ width:65%;} .consultation-box .wtd100{ width:100%;} .consultation-box .form-box{ font-size:.2rem; color:#333333; } .consultation-box .form-box input{ line-height:4; display:block; outline:none; width:100%; color:#333333; border:none; margin:0; padding:0;} .consultation-box .form-box input::-webkit-input-placeholder {color:#333333;} .consultation-box .form-box input:-ms-input-placeholder {color:#333333;} .consultation-box .form-box input::placeholder{color:#333333;} .consultation-box .form-box select{ height:100%; line-height:4; display:block; color:#333333; outline:none; width:100%; border:none; margin:0; padding:0;} .consultation-box .form-box .item{ margin-bottom:.1rem; border-bottom:solid 1px #e5e5e5;} .consultation-box .submit-box{ margin-top:.4rem;} .consultation-box .submit-box .but{ min-width:1.6rem; cursor:pointer; line-height:3.3; background:#ed6d00; padding:0 .3rem; color:#fff; border-radius:6px; text-align:center;} .consultation-box .submit-box .but span{ padding-left:.35rem; background-image:url(../images/tick3.png); background-repeat:no-repeat; background-position:left center; background-size:.2rem;} @media (max-width:640px){ .consultation-box .wtd30{ width:48%; margin-right:4%;} .consultation-box .wtd30:nth-child(2n){ margin-right:0;} .consultation-box .wtd60{ width:100%; height:.8rem;} .consultation-box .wtd100{ width:100%;} .consultation-box .form-box input{ line-height:3.26;} .consultation-box .submit-box .but{ min-width:2rem;} } /* 售后服务 */ .AfterSale-one{ padding:1rem 0;} .AfterSale-one .wtd100{ width:100%;} .AfterSale-one .text{ width:45%;} .AfterSale-one .text .ul{ margin-bottom:.7rem;} .AfterSale-one .text .ul li{ width:43.5%; border-bottom:solid 1px #eee; padding:.25rem 0;} .AfterSale-one .text .ul li .name{ margin-bottom:.15rem; font-size:.16rem; color:#555555;} .AfterSale-one .text .ul li .name img{ width:.25rem;} .AfterSale-one .text .ul li .name span{ padding-left:.1rem;} .AfterSale-one .text .ul li .wz{ font-size:.2rem; color:#333333;} .AfterSale-one .text .item{ color:#666666; text-align:center; margin-right:.4rem;} .AfterSale-one .text .item:last-child{ margin-right:0;} .AfterSale-one .text .item .wz{ margin-top:.1rem;} .AfterSale-one .text .item .pic img{ width:1.1rem;} .AfterSale-one .AfterSale-big{ width:50%; text-align:right;} .AfterSale-two{ padding:1rem 0; background:#f8f8f8;} .AfterSale-two .item{ width:23.5%; margin-bottom:2%; margin-right:2%; text-align:center; background:#fff; padding:1rem .1rem; box-shadow:0 0 10px rgba(0,0,0,.01); transition: all .5s; } .AfterSale-two .item:nth-child(4n){ margin-right:0;} .AfterSale-two .item .text{ margin-top:.3rem; text-align:center;} .AfterSale-two .item .text .tit{ font-size:.24rem;} .AfterSale-two .item .text .des{ margin-top:.1rem; color:#999999;} .AfterSale-two .item .icon{ flex-wrap:wrap;} .AfterSale-two .item .icon img{ width:.8rem;} .AfterSale-two .item .line{ margin-top:.3rem; width:100%;} .AfterSale-two .item .line::after{ margin:0 auto; content:''; display:block; width:2em; height:2px; background:#cccccc;} .AfterSale-two .item:hover{ transform: translateY(-.1rem); box-shadow: 2px 2px 10px rgba(0, 0, 0, .1); } .AfterSale-two .item:hover .text .tit{ color: #ed6d00; } @media (max-width:1024px){ .AfterSale-one .text{ width:100%; margin-bottom:5%;} .AfterSale-one .code-box{ justify-content:center;} .AfterSale-one .AfterSale-big{ width:100%; text-align:center;} .AfterSale-one .text .ul li .name{ font-size:.2rem;} .AfterSale-two .item{ padding:.4rem .1rem;} .AfterSale-two .item .text .des{ font-size:.16rem;} } @media (max-width:640px){ .AfterSale-one .text .ul li .name{ font-size:.22rem;} .AfterSale-one .text .ul li .wz{ font-size:.26rem;} .AfterSale-two .item{ width:48%; margin-right:4%; margin-bottom:4%;} .AfterSale-two .item:nth-child(2n){ margin-right:0;} .AfterSale-two .item .text .tit{ font-size:.3rem;} .AfterSale-two .item .text .des{ font-size:.24rem;} } /* 全球布局 */ .question-bg{ padding:1rem 0; background:#ebeef5;} .question-box .Inside-tit{ margin-bottom:.3rem;} .question-box .tishi{ position:absolute; bottom:0; left:0; width:100%; text-align:center; font-family:"SourceHanSansSC_Light";} .question-list{ margin-top:.55rem;} .question-list .item{ padding:.4rem .5rem; border:solid 1px #d0d3da; border-right:none;} .question-list .item:last-child{ border-right:solid 1px #d0d3da;} .question-list .item em{ font-style:normal; padding:0 .1rem;} .question-list .item .suxz{ line-height:1; position:relative; color:#333333; font-size:.36rem; font-family:"SourceHanSansSC_Bold";} .question-list .item .time{ padding-bottom:.25rem;} .question-list .item .time::after{ position:absolute; bottom:0; left:0; display:block; content:''; width:.2rem; height:2px; background:#ed6d00;} .question-list .item .text{ padding-left:.1rem;} .question-list .item .text .name{ font-size:.18rem;} .question-list .item .text .wil{ color:#555555;} @media (max-width:1024px){ .question-list .item{ font-size:.14rem; padding:.3rem;} } @media (max-width:640px){ .question-list .item{ font-size:.22rem; width:50%; margin-bottom:.2rem;} .question-list .item .suxz{ font-size:.4rem;} .question-list .item .text .name{ font-size:.24rem;} .question-list .item:nth-child(2n){ border-right:solid 1px #d0d3da;} .question-list .item:last-child{ width:100%;} .question-box .tishi{position: static;} } /* 常见问题 */ .faq-search{ margin-bottom:.5rem;} .faq-search .search-con{ background:#fff; padding:.1rem .45rem; box-shadow: 0px 1px .2rem 0px rgba(0, 0, 0, 0.07); border-radius:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; } .faq-search .search-con .wtd100{ width:100%;} .faq-search .search-con input{ width:6rem; font-size:.16rem; outline:none; display:block; margin:0; padding:0; border:none;} .faq-search .search-con .but{cursor:pointer; width:.35rem; height:.35rem; background:url(../images/search3.png) no-repeat center; background-size:.2rem;} .faq-box .Inside-tit{ margin-bottom:.5rem;} .faq-box .faq-menu{ padding-bottom:.35rem; width:23.5%; background:#fff;} .faq-box .faq-menu>.ul>li{ border-bottom:solid 1px #f2f2f2;} .faq-box .faq-menu>.ul>li>a{ color:#666666; font-size:.2rem; padding:.25rem .4rem; display:block; border-top:solid 2px transparent;} .faq-box .faq-menu>.ul>li>a h2{font-weight:normal;font-size:0.2rem;} .faq-box .faq-menu li>.ul{ display:none; padding:.1rem .55rem;} .faq-box .faq-menu li.level>a{ position:relative;} .faq-box .faq-menu li.level>a i{ position:absolute; top:.32rem; right:.4rem;} .faq-box .faq-menu li.level>a i::after{ font-size:.12rem; font-weight:bold; font-style:normal; display:block; content:'next'; font-family:swiper-icons;} .faq-box .faq-menu li.on >a i{ color:#ed6d00; transform: rotate(-90deg);} .faq-box .faq-menu li>.ul>li{ font-size:.16rem; margin:.1rem 0; line-height:2;} .faq-box .faq-menu li>.ul>li>a{ color:#999999;} .faq-box .faq-menu li>.ul>li.on>a, .faq-box .faq-menu li>.ul>li>a:hover{ color:#ed6d00;} .faq-box .faq-menu>.ul>li.on>a, .faq-box .faq-menu>.ul>li:hover>a{ background:#fef9f5; border-color:#ed6d00;} .faq-box .faq-menu .web-menu{ display:none;} .faq-box .faq-list{ width:75%;} .faq-box .faq-list .list{ margin-bottom:.6rem; width:100%;} .faq-box .faq-list .item{ background:#fff; margin-bottom:.12rem; padding:0 .5rem;} .faq-box .faq-list .item .tit-box{ cursor:pointer; width:100%;} .faq-box .faq-list .item .tit-box .tit{ font-size:.2rem; padding:.25rem 0; padding-right:1rem;font-weight:normal;} .faq-box .faq-list .item .tit-box .tit i{ color:#ed6d00; font-style:normal;} .faq-box .faq-list .item .tit-box .more{ font-size:.16rem; color:#999999; cursor:pointer; position:absolute; top:.28rem; right:0;} .faq-box .faq-list .item .tit-box .more span{ padding-right:.15rem;} .faq-box .faq-list .item .tit-box .more::after{ content:''; display:block; width:.21rem; height:.21rem; background-image:url(../images/arrow-icon.png); background-size:.21rem; background-repeat:no-repeat; background-position:center;} .faq-box .faq-list .item .des{ color:#999999; line-height:2; border-top:solid 1px #efefef; padding:.3rem 0; display:none;} .faq-box .faq-list .item.on .tit-box .more{ color:#ed6d00;} .faq-box .faq-list .item.on .tit-box .more::after{ transform: rotate(-180deg); transition:all .5s;} @media (max-width:1024px){ .faq-box .faq-menu>.ul>li>a{ padding:.15rem .25rem; font-size:.18rem;} .faq-box .faq-menu li>.ul{ padding:.1rem .3rem;} .faq-box .faq-menu li>.ul>li{ margin:0;} .faq-box .faq-menu li.level>a i{ top:.21rem; right:.3rem;} .faq-box .faq-list .item{ padding:0 .3rem;} .faq-box .faq-list .item .tit-box .more{ top:.21rem;} .faq-box .faq-list .item .tit-box .more::after{ background-size:.2rem; } .faq-box .faq-list .item .tit-box .tit{ padding:.2rem 0; padding-right:5em; font-size:.18rem;} } @media (max-width:640px){ .faq-search .search-con input{ width:4rem; line-height:2; font-size:.24rem;} .faq-search .search-con .but{ height:auto; background-size:80%;} .faq-box .faq-menu{ width:100%; padding:0; position:relative; z-index:10;} .faq-box .faq-menu .web-menu{ font-size:.26rem; padding:.2rem; display:block; position:relative; border:solid 1px #ededed;} .faq-box .faq-menu .web-menu::after{ width:.4rem; height:.4rem; position:absolute; top:50%; right:.2rem; font-size:.2rem; font-weight:bold; font-style:normal; display:-webkit-flex; display:flex; align-items:center; justify-content:center; content:'next'; font-family:swiper-icons; margin-top:-.2rem; transition:all .5s;} .faq-box .faq-menu .web-menu.active::after{ color:#ed6d00; transform: rotate(90deg);} .faq-box .faq-menu ul{ background:#fff; display:none; position:absolute; left:0; top:100%; width:100%; z-index:5; box-shadow:0 0 10px rgba(0, 0, 0, .1);} .faq-box .faq-menu>.ul>li>a{ font-size:.26rem;} .faq-box .faq-menu>.ul>li>a h2{ font-size:.26rem;} .faq-box .faq-list{ width:100%; margin-top:.5rem;} .faq-box .faq-list .item .tit-box .tit{ padding-right:4em; font-size:.26rem;} .faq-box .faq-list .item .tit-box .more{ font-size:.22rem;} } /* 技术文档 */ .Technical-box .Inside-tit{ margin-bottom:.4rem;} .Technical-list .item-list{ margin-bottom:.2rem;} .Technical-list .tit-iwlx{ margin-bottom:.3rem;} .Technical-list .tit-iwlx .name{ font-size:.3rem;} .Technical-list .tit-iwlx .name::before{ margin-right:.2rem; background-image:url(../images/arrow2.svg); content:''; display:block; width:.06rem; height:.15rem;} .Technical-list .tit-iwlx .more a{ margin-right:5px; color:#999999;} .Technical-list .tit-iwlx .more i{ margin-left:.1rem; font-weight:bold; font-family:'宋体'; letter-spacing:-5px; font-style:normal;} .Technical-list li{ margin-right:2%; width:32%; margin-bottom:.3rem; background:#fff; padding:.45rem .25rem; transition: all .5s; } .Technical-list li:hover{ transform: translateY(-.1rem); box-shadow: 2px 2px 10px rgba(0, 0, 0, .1); } .Technical-list li:hover .text .tit{ color:#ed6d00; } .Technical-list li .icon{ margin-right:.15rem; width:.53rem;} .Technical-list li .text{ width:calc(100% - 1.9rem);} .Technical-list li .text .tit{ margin-bottom:.05rem; font-size:.2rem;} .Technical-list li .text .other{ color:#999999;} .Technical-list li .text .other .nian{ margin-right:.2rem;} .Technical-list li .text .other .daty{ margin-right:.2rem;} .Technical-list li .dow-but{ cursor:pointer; width:.8rem; color:#999;} .Technical-list li .dow-but i{ margin-right:.1rem; display:block; width:.2rem; height:.2rem; background-image:url(../images/dow-icon.png); background-size:contain;} .Technical-list li:nth-child(3n){ margin-right:0;} .Technical-list li .dow-but:hover{ color:#ed6d00;} .Technical-list .tit-iwlx .more a:hover{ color:#ed6d00;} @media (max-width:1024px){ .Technical-list li:nth-child(3n), .Technical-list li{ width:48%; margin-right:4%;} .Technical-list li:nth-child(2n){ margin-right:0;} } @media (max-width:640px){ .Technical-list li:nth-child(3n), .Technical-list li:nth-child(2n), .Technical-list li{ width:100%; margin-right:0;} } /* 内页当前位置 */ .current-menu{ color:#999999; background:#fff;} .current-menu .menu li{ margin-right:.5rem;} .current-menu .menu li:last-child{ margin-right:0;} .current-menu .menu li a{ display:block; padding:.2rem 0; font-size: .2rem;color:#333333; position:relative;} .current-menu .menu li a:hover, .current-menu .menu li.on a{ color:#ed6d00;} .current-menu .menu li.on a::after{ position:absolute; bottom:0; left:0; content:''; display:block; width:100%; height:2px; background:#ed6d00;} .current-menu .current-txt{ font-family:"SourceHanSansSC_Light"; padding-left:.3rem; background-image:url(../images/current.svg); background-size:.19rem; background-repeat:no-repeat; background-position:center left;} .current-menu .current-txt a{ display:block; color:#999999;} .current-menu .current-txt i{ display:block; width:.2rem; background-image: url(../images/arrow.svg); background-repeat:no-repeat; background-position:center;} @media (max-width:768px){ .current-menu .current-txt{ display:none; } } /* 公司介绍 */ .Company-one .text-box{ position:absolute; top:20%;/* transform: translateY(-50%); */ width:100%; font-family:"SourceHanSansSC_Medium";} .Company-one .text-box .txt-padd{ padding-left:.45rem; max-width:7.5rem;} .Company-one .text-box .tit-en{ color:#fff; font-size:.2rem; text-transform: uppercase; font-family:"SourceHanSansSC_Normal";} .Company-one .text-box .tit-en i{ font-style: normal;} .Company-one .text-box .tit-cn{ color:#fff; margin-bottom:.2rem; font-size:.36rem; color:#000;} .Company-one .text-box .tit-big{ color:#fff; margin-bottom:.35rem; font-size:.52rem;font-weight:normal;} .Company-one .text-box .des{ color:#000; font-size:.18rem; line-height:2; font-family:"SourceHanSansSC_Light";} .Company-two{ color:#fff;} .Company-two .text-box{ position:absolute; top:.8rem; width:100%; font-family:"SourceHanSansSC_Medium";} .Company-two .text-box .txt-padd{ padding-left:.9rem; max-width:6.8rem;} .Company-two .text-box .tit-en{ color:#999999; font-size:.24rem; text-transform: uppercase; font-family:"SourceHanSansSC_Normal";} .Company-two .text-box .tit-en i{ font-style: normal; color:#999999;} .Company-two .text-box .tit-cn{ margin-bottom:.1rem; font-size:.4rem; color:#fff;font-weight:normal;} .Company-two .text-box .tit-big{ margin-bottom:.2rem; font-size:.16rem; color:#999999;} .Company-two .text-box .des{ padding-right: .1rem;line-height:2; font-size:.2rem; font-family:"SourceHanSansSC_Light";max-height: 2.5rem;overflow-x: hidden;} .Company-two .text-box .des::-webkit-scrollbar{width: .05rem;background: #ccc} .Company-two .text-box .des::-webkit-scrollbar-thumb{background: #fff;} .Company-two .text-box .des p{ margin:0;} .Company-two .company-video{ position:absolute; right:7%; top:25%;} .Company-two .company-video .paly-but{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:.6rem; height:.6rem; background-image: url(../images/play3.png); z-index:5; background-repeat:no-repeat; background-position:center; background-size:contain;} .Company-two .company-video .video-img{ width:6rem; height:3.375rem; overflow:hidden;} .Company-two .company-video .video-img img{width: 3.375rem;height: 3.375rem;object-fit: contain;margin: 0 auto;border-radius: 50%;display: block;} .Company-two .company-video #Avideo1{ opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;} .Company-two .company-video .video-img.active{ border-radius:0;} .Company-two .company-video .video-img.active img{ opacity:0;} .Company-two .company-video .video-img.active #Avideo1{ opacity:1;} .Company-two .company-video .video-img .close{font-size: 0.24rem;color: #fff;opacity: 0;position: absolute;right: 5px;top: 5px;z-index: 9;cursor: pointer;padding: 0 10px;border-radius: 50%;background: rgba(0,0,0,.6);} .Company-two .company-video .video-img.active .close{opacity: 1;} .Company-three{ padding:.8rem 0 .3rem; background-image:url(../images/about-bg1.jpg); background-size:cover; background-repeat: no-repeat; background-position:center top;} .Company-three .txt-box{ margin-bottom:1rem;} .Company-three .txt-box .tit-en{ color:#999999; font-size:.24rem; text-transform:uppercase; font-family:"SourceHanSansSC_Normal";} .Company-three .txt-box .tit-en i{ font-style: normal;} .Company-three .txt-box .tit-cn{ font-family:"SourceHanSansSC_Medium"; font-size:.4rem;font-weight:normal;} .Company-three .years-box{ padding:0 .7rem;} .Company-three .years-box .line{ margin-top:.15rem; position:absolute; left:-50vw; width:200vw; height:2px; background:#e2e2e2;} .Company-three .years-box .swiper-slide{ text-align:center; display:-webkit-flex; display:flex; justify-content:center; height:auto;} .Company-three .years-box .swiper-slide .center{ cursor:pointer;} .Company-three .years-box .swiper-slide .pot{ display:inline-block; border:solid .08rem transparent; border-radius:100%;} .Company-three .years-box .swiper-slide .pot::after{ width:.15rem; height:.15rem; content:''; display:block; background:#ed6d00; border-radius:100%;} .Company-three .years-box .swiper-slide .years-txt{ margin-top:.2rem; font-size:.4rem;} .Company-three .years-box .swiper-slide .years-txt span{ display:block;} .Company-three .years-box .swiper-slide-thumb-active .years-txt{ color:#ed6d00; margin-top:0; line-height:1.2; font-size:.6rem; } .Company-three .years-box .swiper-slide-thumb-active .pot{ border-color:rgba(237,109,0,.4);} .Company-three .years-box .swiper-but{ background:#fff; width:.8rem; height:.8rem; box-shadow:0 .2rem .18rem rgba(20, 35, 61, 0.1); border-radius:100%; outline:none;} .Company-three .years-box .swiper-but::after{ font-size:0; width:.8rem; height:.8rem; background-image:url(../images/arrow3.png); background-repeat:no-repeat; background-position:center; border-radius:100%;} .Company-three .years-box .swiper-button-next::after{ transform: rotate(-180deg);} .Company-three .years-box .swiper-button-prev{ top:-.02rem;} .Company-three .years-box .swiper-button-next{ top:-.02rem;} .Company-three .history-con{ padding:.7rem;} .Company-three .history-con .item .pic{ width:50%; overflow:hidden;} .Company-three .history-con .item .pic img{ transition:all .5s;} .Company-three .history-con .item .txt{ font-size:.2rem; line-height:2; padding:0 .6rem; padding-right:0; width:50%;} .Company-three .history-con .item:hover .pic img{ transform:scale(1.1);} .Company-four{ padding:1rem 0 0; background-image:url(../images/about-bg2.jpg); background-size:cover; background-repeat: no-repeat; background-position:center top;} .Company-four .txt-box{ margin-bottom:1rem; text-align:center;} .Company-four .txt-box .tit-en{ color:#999999; font-size:.24rem; text-transform:uppercase; font-family:"SourceHanSansSC_Normal";} .Company-four .txt-box .tit-en i{ font-style:normal; color:#999999;} .Company-four .txt-box .tit-cn{ font-family:"SourceHanSansSC_Medium"; font-size:.4rem;font-weight:normal;} .Company-four .honor-box{ padding-bottom:1.5rem;} .Company-four .honor-switc{ padding:0 .85rem;} .Company-four .honor-switc .swiper-slide{ transition:all .5s;} .Company-four .honor-switc .swiper-slide, .Company-four .honor-switc .swiper-slide-active{ padding:.83rem 0 ;} .Company-four .honor-switc .swiper-slide-next, .Company-four .honor-switc .swiper-slide-duplicate-prev{ padding-top:0;} .Company-four .honor-switc .item{ font-size:.2rem; text-align:center;} .Company-four .honor-switc .item .txt{ margin-top:.2rem;font-size:0.2rem;font-weight:normal;} .Company-four .honor-switc .item .pot{ position:absolute; left:50%; bottom:-0.45rem; display:inline-block; border:solid .08rem rgba(237,109,0,.4); border-radius:100%; transform:translateX(-50%);} .Company-four .honor-switc .item .pot::after{ width:.15rem; height:.15rem; content:''; display:block; background:#ed6d00; border-radius:100%;} .Company-four .honor-switc .swiper-slide-next .pot{ bottom:-0.56rem;} .Company-four .honor-switc .swiper-slide-duplicate-prev .pot{ bottom:-0.62rem;} .Company-four .honor-switc .swiper-but{ background:#fff; width:.8rem; height:.8rem; box-shadow:0 .2rem .18rem rgba(20, 35, 61, 0.1); border-radius:100%; outline:none;} .Company-four .honor-switc .swiper-but::after{ font-size:0; width:.8rem; height:.8rem; background-image:url(../images/arrow3.png); background-repeat:no-repeat; background-position:center; background-size:.25rem; border-radius:100%;} .Company-four .honor-switc .swiper-button-next::after{ transform:rotate(-180deg);} .Company-four .honor-switc .swiper-button-prev{ left:0; top:35%;} .Company-four .honor-switc .swiper-button-next{ right:0; top:35%;} .Company-four .line{ position:absolute; left:0; bottom:1.98rem; width:100%; height:.79rem; background-image:url(../images/line-honor.png); background-repeat:no-repeat; background-position:center; background-size:cover;} @media (max-width:1440px){ .Company-four .line{ bottom:1.95rem;} .Company-four .honor-switc .swiper-slide, .Company-four .honor-switc .swiper-slide-active{ padding:.8rem 0;} .Company-four .honor-switc .swiper-slide-next, .Company-four .honor-switc .swiper-slide-duplicate-prev{ padding-top:0;} .Company-four .honor-switc .swiper-slide-next .pot{bottom:-0.52rem;} .Company-four .honor-switc .swiper-slide-duplicate-prev .pot{bottom:-0.55rem;} .Company-four .line{ background-position:center;} } @media (max-width:1024px){ .Company-four .line{ background-position:25% center;} .Company-one .text-box{ top:15%; color:#fff;} .Company-one .text-box .tit-big{ margin-bottom:.2rem;} .Company-one .text-box .txt-padd{ padding-left:0; max-width:6.5rem;} .Company-one .text-box .tit-cn{ font-size:.24rem; margin-bottom:.1rem;} .Company-one .text-box .tit-big{ font-size:.3rem;} .Company-two .text-box{ top:10%; color:#fff;} .Company-two .text-box .txt-padd{ padding-left:0; max-width:5rem;} .Company-two .text-box .tit-big{ font-size:.3rem; margin-bottom:.2rem;} .Company-two .text-box .tit-cn{ font-size:.24rem; margin-bottom:.1rem;} .Company-two .text-box .des{ line-height:1.7;} .Company-two .company-video{ right:4%; top:15%;} .Company-two .company-video .video-img{ width:3.5rem; height:3.5rem;} } @media (max-width:640px){ .Company-one .text-box{ position:relative; padding:1.35rem 0 .7rem;} .Company-one .Company-bg{ position:absolute; height:100%; width:100%;} .Company-one .Company-bg img{ width:100%; height:100%; object-fit:cover;} .Company-one .text-box .des{ font-size:.24rem;} .Company-one .text-box .tit-en{ font-size:.22rem;} .Company-one .text-box .txt-padd{ max-width:100%;} .Company-two .text-box{ position:relative; padding:.6rem 0;} .Company-two .Company-bg{ position:absolute; height:100%;} .Company-two .Company-bg img{ width:170%; height:100%; object-fit:cover;max-width: none;} .Company-two .text-box .des{ font-size:.24rem;} .Company-two .text-box .tit-en{ font-size:.22rem;} .Company-two .text-box .txt-padd{ max-width:100%;} .Company-two .company-video{ padding:0 .4rem .4rem; left:0; bottom:auto; position:relative; border:none;} .Company-two .company-video .video-img{ width:3.5rem; height:3.5rem;} .Company-three .history-con{ padding:.5rem 0;} .Company-three .history-con .item .pic{ width:100%;} .Company-three .history-con .item .txt{ font-size:.24rem; width:100%; padding:5%;} .Company-three .years-box .swiper-slide-thumb-active .years-txt{ line-height:1.5; margin-top:.2rem; font-size:.4rem;} .Company-three .years-box .swiper-slide .pot::after{ width:10px; height:10px;} .Company-three .years-box .swiper-but{ top:.1rem;} .Company-three .years-box .swiper-button-prev{ left:0;} .Company-three .years-box .swiper-button-next{ right:0;} .Company-four .txt-box{ margin-bottom:.6rem;} .Company-four .line{ display:none;} .Company-four .honor-switc{ padding:0 .6rem;} .Company-four .honor-switc .swiper-slide, .Company-four .honor-switc .swiper-slide-active{ padding:0;} .Company-four .honor-switc .swiper-but{ width:.5rem; height:.5rem;} .Company-four .honor-switc .item .txt{ font-size:.22rem;} .Company-four .honor-switc .item .pot{display:none;} } /* */ .success-one .text-box{ position:absolute; top:50%; transform: translateY(-50%); width:100%; font-family:"SourceHanSansSC_Medium";} .success-one .text-box .txt-padd{ padding-left:.45rem; max-width:7.5rem;} .success-one .text-box .tit-en{ color:#fff; font-size:.2rem; text-transform: uppercase; font-family:"SourceHanSansSC_Normal";} .success-one .text-box .tit-en i{ font-style: normal;} .success-one .text-box .tit-cn{ color:#fff; margin-bottom:.2rem; font-size:.36rem; color:#000;} .success-one .text-box .tit-big{ color:#fff; margin-bottom:.35rem; font-size:.52rem;} .success-one .text-box .des{ color:#000; font-size:.18rem; line-height:2; font-family:"SourceHanSansSC_Light";} .success-one .return-but{ display:-webkit-flex; display:flex;} .success-one .return-but a{ display:-webkit-flex; display:flex; align-items:center; justify-content:space-between; min-width:1.6rem; padding:.1rem .3rem; border-radius:1rem; background:#ed6d00; color:#fff;} .success-one .return-but a span{ display:block;} .success-one .return-but a::after{ margin-top:.02rem; content:''; display:block; width:.1rem; height:.1rem;background-image:url(../images/arrow4.png); background-position:center; background-repeat:no-repeat; background-size:.09rem;} @media (max-width:1024px){ .success-one .text-box .tit-big{ margin-bottom:.2rem;} .success-one .text-box .txt-padd{ padding-left:0; max-width:6.5rem;} .success-one .text-box .tit-cn{ font-size:.24rem; margin-bottom:.1rem;} .success-one .text-box .tit-big{ font-size:.3rem;} } @media (max-width:640px){ .success-one .text-box .des{ font-size:.24rem;} .success-one .text-box .tit-en{ font-size:.22rem;} .success-one .text-box .txt-padd{ max-width:100%;} .success-one .Company-bg img{ min-height:59vh; object-fit:cover;} } /* 新闻资讯 */ .new-top{ margin-bottom:.6rem;} .new-top .item{ font-size:.16rem; width:31.5%; background:#fff; margin-right:2.74%;} .new-top .item:nth-child(3n){ margin-right:0;} .new-top .item a{ display:block; padding:.4rem;} .new-top .item .time{ margin-bottom:.1rem; font-family:"SourceHanSansSC_Light";} .new-top .item .tit{ color:#666666; margin-bottom:.25rem; font-size:.24rem; height:3.1em;} .new-top .item .pic figure{ padding-bottom:56.605%; background-size:cover; background-repeat:no-repeat; background-position:center;} .new-top .item .des{ margin:.25rem 0; font-size: .2rem;color:#555555; line-height:1.8;} .new-top .item .but{ min-width:1.6rem; color:#555555; border:solid 1px #ebeef5; padding:.1rem .3rem; border-radius:1rem;} .new-top .item .but span{ display:block;} .new-top .item .but::after{ margin-top:.02rem; content:''; display:block; width:.1rem; height:.1rem; background-image:url(../images/arrow5.png); background-size:.09rem; background-position:center; background-repeat:no-repeat;} .new-top .item a:hover{ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);} .new-top .item a:hover .but{ background:#ed6d00; color:#fff;} .new-top .item a:hover .but::after{ background-image:url(../images/arrow4.png); background-position:center; background-repeat:no-repeat; background-size:.09rem;} .news-list li{ margin-bottom:.3rem;} .news-list li a{ padding:.5rem .7rem; background:#fff; transition:all .5s;} .news-list li .time{ padding:.1rem 0; width:1.2rem; border-right:solid 1px #ebeef5;} .news-list li .time .day{ margin-bottom:.15rem; font-size:.24rem; color:#666666;} .news-list li .time .years{ color:#555555;font-size: .2rem;} .news-list li .text{ padding-left:.55rem; padding-right:15%; width:calc(100% - 2.9rem);} .news-list li .but{ min-width:1.6rem; color:#555555; border:solid 1px #ebeef5; padding:.1rem .3rem; border-radius:1rem;} .news-list li .but span{ display:block;} .news-list li .but::after{ margin-top:.02rem; content:''; display:block; width:.1rem; height:.1rem; background-image:url(../images/arrow5.png); background-size:.09rem; background-position:center; background-repeat:no-repeat;} .news-list li .tit{ color:#666666; margin-bottom:.2rem; font-size:.22rem;font-weight:normal;} .news-list li .des{ line-height:2; color:#555555;font-size: .2rem;} .news-list li a:hover{ box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.06);} .news-list li a:hover .but{ background:#ed6d00; color:#fff;} .news-list li a:hover .but::after{ background-image:url(../images/arrow4.png); background-position:center; background-repeat:no-repeat; background-size:.09rem;} .news-list2 li .text{ padding-left:0; padding-right:5%;} @media (max-width:1024px){ .new-top .item a{ padding:.2rem;} .new-top .item .tit{ font-size:.2rem;} .news-list li a{ padding:.4rem .5rem;} .news-list li .text{ padding-right:5%;} } @media (max-width:640px){ .new-top .item{ font-size:.24rem; width:100%; margin-bottom:4%; margin-right:0;} .new-top .item a{ padding:.35rem;} .new-top .item .tit{ font-size:.28rem; height:auto;} .new-top .item .but{ min-width:2rem;} .new-top .item .but::after{ width:.15rem; height:.15rem; background-size:70%;} .new-top .item a:hover .but::after{ width:.15rem; height:.15rem; background-size:70%;} .news-list li a{ padding:.35rem;} .news-list li .time{ width:100%; display:flex; display:-webkit-flex; justify-content:flex-end; direction:rtl; border-right:none;} .news-list li .time .day{ margin-left:.12rem; margin-bottom:0;} .news-list li .tit{ font-size:.28rem;} .news-list li .text{ width:100%; padding-left:0; padding-right:0;} .news-list li .more{ width:100%; margin-top:.2rem;} .news-list li .but{ min-width:2rem;} .news-list li .but::after{ width:.15rem; height:.15rem; background-size:70%;} .news-list li a:hover .but::after{ width:.15rem; height:.15rem; background-size:70%;} } /* 新闻详情 */ .back-color2{ background:#f8f8f8;} .news-info-box{ padding:1rem 0;} .news-info-box .tit{ font-family:"SourceHanSansSC_Medium"; font-size:.36rem;font-weight:normal;} .news-info-box .other-box{font-family:"SourceHanSansSC_Light"; padding:.25rem 0; color:#999999;} .news-info-box .other-box>div{ margin-right:2em;} .news-info-box .other-box .share .icon{ width:.3rem; height:.3rem; display:block; background-repeat:no-repeat; background-position:center; background-size:.25rem; opacity:.5;} .news-info-box .other-box .share .wx{ background-image:url(../images/share-icon1.png);} .news-info-box .other-box .share .qq{ background-image:url(../images/share-icon2.png);} .news-info-box .other-box .share .wb{ background-image:url(../images/share-icon3.png);} .news-info-box .other-box .share .tx{ background-image:url(../images/share-icon4.png);} .news-info-box .news-info{ font-family:"SourceHanSansSC_Light"; line-height:2; width:67.5%;} .news-info-box .news-con p{ margin:0;} .news-info-box .article-box{ padding:.6rem 0; border-top:solid 1px #e6e6e6;} .news-info-box .article-box dl{ width:calc(100% - 2rem); line-height:1.8;} .news-info-box .article-box dl dd{ line-height:2.5; color:#999999;} .news-info-box .article-box dl dd a{ position:relative; color:#333333;} .news-info-box .article-box dl dd a:hover{ color:#ed6d00;} .news-info-box .article-box .more .aniu{ cursor:pointer; line-height:3; font-family:"HarmonyOS-Light"; color:#414141; padding:0 .3rem; transition:all .5s; border:solid 1px #ededed; border-radius:1rem; } .news-info-box .article-box .more .aniu i{ margin-right:.15rem; display:block; width:.14rem; height:.14rem; background-image:url(../images/return.png); background-repeat:no-repeat; background-position:center right; background-size:contain; transition: all .5s;} .news-info-box .return{ display:none;} .news-info-box .push-box{ width:28%;} .news-info-box .push-box .lanmu{ margin-bottom:.35rem; font-size:.24rem;} .news-info-box .push-box li{ margin-bottom:.2rem; font-family:"HarmonyOS-Light";} .news-info-box .push-box li .pic{ width:1.5rem; overflow:hidden;} .news-info-box .push-box li .pic figure{ padding-bottom:66.666666666%; transition:all .5s;} .news-info-box .push-box li .text{ padding-left:.2rem; width:calc(100% - 1.5rem);} .news-info-box .push-box li .text .title{ font-size:.18rem; margin:.1rem 0;} .news-info-box .push-box li .text .time{ font-size:.16rem; color:#999999;} .news-info-box .push-box li:hover .pic figure{ transform:scale(1.1);} .news-info-box .push-box li:hover .text .title{ color:#ed6d00;} @media (max-width:1024px){ .news-info-box .article-box .more .aniu{ font-size:.16rem;} .news-info-box .return{ display:none; margin:.5rem 0 .3rem; width:100%;} .news-info-box .return .aniu{ cursor:pointer; line-height:3; font-family:"HarmonyOS-Light"; color:#414141; padding:0 .3rem; transition:all .5s; border:solid 1px #ededed; border-radius:1rem; } .news-info-box .return .aniu i{ margin-right:.15rem; display:block; width:.14rem; height:.14rem; background-image:url(../images/return.png); background-repeat:no-repeat; background-position:center right; background-size:contain; transition: all .5s;} } @media (max-width:768px){ .news-info-box .article-box .more .aniu{ font-size:.2rem;} } @media (max-width:640px){ .news-info-box{ padding-top:0;} .news-info-box .other div{ margin:0 1em;} .news-info-box .article-box{ padding:.3rem 0;} .news-info-box .article-box dl{ width:100%;} .news-info-box .article-box .more{ display:none;} .news-info-box .article-box .more .aniu{ font-size:.22rem;} .news-info-box .tit{ font-size:.3rem;} .news-info-box .other-box .share .icon{ width:.4rem; height:.4rem; background-size:.35rem;} .news-info-box .return{ display:-webkit-flex; display:flex;} .news-info-box .news-info{ width:100%;} .news-info-box .push-box{ width:100%;} .news-info-box .push-box .lanmu{ font-size:.32rem;} .news-info-box .push-box li .pic{ width:2rem;} .news-info-box .push-box li .text{ width:calc(100% - 2rem);} .news-info-box .push-box li .text .title{ font-size:.22rem;} .news-info-box .push-box li .text .time{ font-size:.2rem;} } /* 联系我们 */ .contact-one{ padding:1.2rem 0;} .contact-one .map-box{ width:50%;} .contact-one .map-box iframe{ display:block; width:100% !important; height:100% !important; min-height:4.5rem; border:0;} .contact-one .cotext{ width:43.75%;} .contact-one .cotext .center{ width:100%;} .contact-one .cotext .title{ margin-bottom:.4rem; font-size:.4rem; font-family:"SourceHanSansSC_Medium"; } .contact-one .cotext .title span{ display: block; font-size: .24rem;} .contact-one .cotext dl{ width:100%; font-size:.16rem;} .contact-one .cotext dl dd{ padding:.2rem 0; border-bottom:solid 1px #e1e1e1;} .contact-one .cotext dl dd .name{ margin-bottom:.1rem; color:#999999;font-size: .2rem;} .contact-one .cotext dl dd .wz{ font-size:.24rem; color:#666666;} .contact-one .other-box{ margin-top:.3rem;} .contact-one .other-box .navwx{ cursor:pointer; width:1.6rem; text-align:center; line-height:3; color:#fff; background:#ed6d00; border-radius:1rem;} .contact-one .other-box .navwx span{ background-image:url(../images/contact-icon.png); padding-left:.3rem; background-repeat:no-repeat; background-position:center left; background-size:.18rem;} .contact-one .other-box .gzw .shera .icon{ margin-right:.15rem; background:#5a5a5a; width:.45rem; height:.45rem; border-radius:1rem; background-position:center; background-repeat: no-repeat; background-size:.25rem; position: relative;} /* .contact-one .other-box .gzw .shera .icon::after{ content:''; display:block; width:.45rem; height:.45rem;} */ .contact-one .other-box .gzw .shera .icon:last-child{ margin-right:0;} .contact-one .other-box .gzw .shera .icon1::after{ background-image:url(../images/share-icon6.png);} .contact-one .other-box .gzw .shera .icon2::after{ background-image:url(../images/share-icon5.png);} .contact-one .other-box .gzw .shera figure{ position:absolute; top:100%; width:1.2rem; display:none; animation: 0.8s ease 0.2s 1 normal backwards running ComeUp; -webkit-animation: 0.8s ease 0.2s 1 normal backwards running ComeUp; left: 50%; margin-left: -.6rem; } .contact-one .other-box .gzw .shera figure img{width:100%} .contact-one .other-box .gzw .shera .icon:hover figure{ display:block;} .contact-two{ padding-bottom:1.3rem; max-width:1280px; margin:0 auto;} .contact-two .wtd48{ width:48%;} .contact-two .wtd100{ width:100%;} .contact-two .item{ margin-bottom:.2rem; border-bottom:solid 1px #e6e6e6; padding:.1rem 0;} .contact-two .item input{ outline:none; display:block; font-size: .2rem;line-height:3; width:100%; border:none; margin:0; padding:0;} .contact-two .item textarea{ resize:none; min-height:5em; font-size: .2rem; outline:none; display:block; width:100%; border:none; margin:0; padding:0;} .contact-two .item.ver-box input{ width:80%;} .contact-two .verimg img{ width:1.2rem;} .contact-two .submit{ margin-top:.3rem;} .contact-two .submit .but{ cursor:pointer; background:#ed6d00; width:1.8rem; font-size: .24rem;text-align:center; color:#fff; line-height:2.5; border-radius:1rem; } @media (max-width:1024px){ .contact-one{ padding:1rem 0;} .contact-one .other-box .navwx{ line-height:2.5;} } @media (max-width:640px){ .contact-one .map-box{ width:100%;} .contact-one .cotext{ margin-top:.5rem; width:100%;} .contact-one .cotext .title{ margin-bottom:.2rem;} .contact-one .cotext dl{ font-size:.24rem;} .contact-one .cotext dl dd .wz{ font-size:.26rem;} .contact-one .other-box .navwx{ width:2rem;} } /* 单篇 */ .single-piece{ padding:.2rem 0;} /* 悬浮 */ .anxious{ position:fixed; right:.1rem; bottom:1rem; z-index:10; display:none;} .anxious .icon{margin-bottom:.1rem;display:block;background:#fff;box-shadow:0px 3px 10px 0px rgba(20, 35, 61, 0.1); border-radius:100%;} .anxious .icon:last-child{ margin-bottom:0;} .anxious .icon::after{ content:''; width:.5rem; height:.5rem; display:block; background-repeat:no-repeat; background-position:center; background-size:contain;} .anxious .icon1::after{ background-image:url(../images/hang-icon1.png);} .anxious .icon2::after{ background-image:url(../images/hang-icon2.png);} .anxious .icon3::after{ background-image:url(../images/hang-icon3.png);} .anxious .icon4::after{ background-image:url(../images/hang-icon4.png);} .anxious .icon5::after{ background-image:url(../images/hang-icon5.png);} @media (max-width:640px){ .anxious{ display:none;} } .Popbtn{background:#fff;box-shadow:0px 3px 10px 0px rgba(20, 35, 61, 0.1); border-radius:50%;background:#fff;width:0.64rem;height:0.64rem;display:block;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;} .Popbtn img{width:0.28rem;} .Popbtn p{margin:0;margin-top:0;font-size:0.14rem;} /*Page002623 */ .Page002623{ font-size:.18rem; text-align:center; padding:.5rem 0;} .Page002623 .Pages{ display:-webkit-flex; display:flex; justify-content:center; align-items:center;} .Page002623 .Pages >span.p_jump, .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages .f1, .Page002623 .Pages .f2, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages >span.p_jump input{ text-align:center; outline:none; font-size:.14rem; color:#666666; width:4em; border:none; padding:0; margin:0; height:.6rem;} .Page002623 .Pages >span.p_jump .i_button{ border-left:solid 1px #edecec; cursor:pointer;} .Page002623 .Pages em{float: left;margin:0 .05rem; font-style: normal;} .Page002623 .Pages a{color:#666666;float:left;line-height:.6rem;width:.6rem;margin:0 .05rem;border-radius:100%;transition:all .5s;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color:#fff;background:#ed6d00;} .Page002623 .Pages .p_page{ margin-right:1em;} .Page002623 .Pages .p_page > a{ height:.6rem;position:relative;} .Page002623 .Pages .p_page > a:after{ content:''; font-family:swiper-icons;} .Page002623 .Pages .p_page>.a_prev::after{ content:'prev';} .Page002623 .Pages .p_page>.a_next::after{ content:'next';} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display:block;} .Page002623 .Pages .p_page{ margin-right:0.5em;} .Page002623 .Pages >span.p_jump input{ font-size:.2rem;} .Page002623 .Pages a{ width:.5rem; height:.5rem; line-height:.5rem; background-color: #eee;} .Page002623 .Pages .p_page > a{height:.5rem;} .Page002623 .Pages >span.p_jump input{ height:.5rem;} } .about-company{ height: 100vh; display: flex; align-items: center; position: relative; } .about-company video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover; } .about-company .auto-inner{ width: 100%; position: relative; z-index: 3; } .about-company .company-box{ max-width: 7.5rem; } .about-company .company-info h2{ font-size: .4rem; } .about-company .company-info .desc{ line-height: 1.8; margin-top: .2rem; font-size: .24rem; } .about-company dl{ display: flex; flex-wrap: wrap; margin-top: .9rem; } .about-company dl dd p{ margin: 0; } .about-company dl dd .num { display: inline-flex; padding-right: 20px; margin-bottom: .15rem; background-position: right bottom; background-repeat: no-repeat; } .about-company dl dd:nth-of-type(1) .num{ background-size: .34rem; } .about-company dl dd:nth-of-type(2) .num{ background-size: .38rem; } .about-company dl dd:nth-of-type(3) .num{ background-size: .45rem; } .about-company dl dd .num span{ font-size: .4rem; color: #ed6d00; display:-webkit-flex; display:flex; line-height:1; font-weight:700; } .about-company dl dd .num em{ display: flex; justify-content: space-between; flex-direction: column; color: #555; margin-left: .1rem; font-style: normal; } .about-company dl dd .num em i{ font-style: normal; } .about-company dl dd:not(:last-child) { margin-right: .7rem; } @media (min-width: 1024px){ .about-company dl dd:nth-of-type(1){width:48%;margin-right:4%;} .about-company dl dd:nth-of-type(2){width:48%;margin-right:0;} .about-company dl dd:nth-of-type(3){width:48%;margin-right:4%;} } /* 弹窗 */ .my-popup{ position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 8rem; max-width: 8rem; z-index: 999; background-color: #fff; border-radius: 5px; padding: .3rem; display: none; } .my-popup .pp-close{ position: absolute; right: -.18rem; top: -.18rem; cursor: pointer; width: .36rem; height: .36rem; border-radius: 50%; background: #125ca0 url(../images/pp_close.svg) no-repeat center/.2rem; } .my-popup .pp-main > *{ display: none; } .my-popup .pp-text > h3{ font-size: .2rem; color: #125ca0; margin-bottom: .2rem; } .my-popup .pp-text .pp-video{ position: relative; } .my-popup .pp-text .pp-video video{ width: 100%; object-fit: cover; object-position: bottom; background-color: #000; } .my-popup .pp-text .pp-video .play-btn{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play3.png) no-repeat center/.6rem; z-index: 3; cursor: pointer; opacity: .7; } .my-popup .pp-text .pp-video .play-btn:hover{ opacity: 1; } .my-popup .pp-text .pp-edit{ max-height: 4.3rem; min-height: 4.3rem; padding-right: .3rem; overflow-x: hidden; overflow-y: auto; } .my-popup .pp-text .pp-edit .pp-t{ display: none; } .my-popup .pp-text .pp-edit .pp-t img{ height: auto !important; } /* 自定义整个滚动条 */ .my-popup .pp-text .pp-edit::-webkit-scrollbar { width: 8px; /* 设置滚动条的宽度 */ background-color: transparent; /* 滚动条的背景色 */ } /* 自定义滚动条轨道 */ .my-popup .pp-text .pp-edit::-webkit-scrollbar-track { background: transparent; /* 轨道的背景色 */ border-radius: 8px; /* 轨道的圆角 */ } /* 自定义滚动条的滑块（thumb） */ .my-popup .pp-text .pp-edit::-webkit-scrollbar-thumb { background-color: #125ca0; /* 滑块的背景色 */ border-radius: 10px; /* 滑块的圆角 */ } @media (max-width: 640px) { .my-popup{ max-width: 95%; min-width: 95%; } .about-company dl{ margin-top:.4rem;} .about-company dl dd{ width:48%; margin-right: 0; } .about-company dl dd:not(:last-child){ padding-right:.2rem; margin-right:0; } .about-company dl dd .num{ min-height: .8rem; align-items:flex-end; } .about-company dl dd .num span{ font-size: .5rem; } .about-company video{ position:relative; height:65vh; object-position:75%; } .about-company{ height:auto; flex-wrap:wrap-reverse; background:#f8fafb; } } /* 弹窗 end */ .Company-bg img{width: 100%;} .anxious{ display: block; bottom: 4rem; z-index: 1000; } .anxious .icon{ display: none; } .anxious .icon3{ display: block; } .Inside-box { position: relative; z-index: 999; } .mc_a1_hd { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 20px; } .mc_a1_hd .mc_title40 { font-size: 0.4rem; } .mc_a1_hd .mc_a1_more { margin-right: 10px; } .mc_a1_hd .mc_h1_morebtn{ display: flex; align-items: center; } .mc_a1_hd .icon-nextstep{ display: block; width: .1rem; height: .1rem; background-image: url(../images/arrow5.png); background-size: .09rem; background-position: center; background-repeat: no-repeat; transform: translateX(5px); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .mc_a1_hd .mc_a1_more:hover .icon-nextstep{ transform: translateX(10px); } .load-box .load-icon { width: 0.32rem; height: 0.32rem; background-image: url(../images/down.png); animation: none; -webkit-animation: none; background-size: contain; } #loadMore{ cursor: pointer; } .header.onFixed{ z-index: 1000; } /*20250424*/ .lxwmBtn{ display: inline-flex; justify-content: center; align-items: center; border: 0.01rem solid #333; border-radius: 0.05rem; margin-top: 0.2rem; font-size: 0.18rem; line-height: 1; background: #fff; transition: all 0.3s ease; width: 1.2rem; height: 0.41rem; } .lxwmBtn:hover{ border-color:#ed6d00; background-color:#ed6d00; color:#fff; } .para-tit-sub{ text-align: center; margin-top: -0.4rem; margin-bottom: 0.5rem; color: #888888; } .lxwmLogo{ margin-bottom:0.1rem; } .lxwmLogo img{ height:0.4rem; } .contact-one .other-box .gzw .shera .icon{ background-color: transparent !important; background-size: cover; } .footer .footer-left .share-box .icon{ background: transparent; display: flex; justify-content: center; align-items: center; } .footer .footer-left .share-box .icon img{ width:100%; height:100%; } @media screen and (max-width:640px){ .para-tit-sub{margin-top:0;margin-bottom:0.2rem} } .new-top .item, .news-list li a{border-radius:0.1rem} .news-info-box .push-box li .pic figure, .pro-list .list li .pic figure, .new-top .item .pic figure{position:relative} .news-info-box .push-box li .pic figure img, .pro-list .list li .pic figure img, .new-top .item .pic figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; } .new-top .item a{height:100%} .website{padding:0.3rem 0;max-width:1000px;margin:0 auto;} .website ul li{padding:0.3rem 0;border-bottom:1px dotted #e5e5e5;} .website ul li span a{font-size: 0.2rem;color:#ff8e3e;font-weight: bold;display: block;} .website ul li .nav{} .website ul li .nav dl dd{display: inline-block;margin-right:0.4rem;margin-top:0.15rem;} @media(max-width:640px){ .website ul li span a{font-size:0.26rem;} } /*20250515*/ .Popup_quote{width:100%;height:100%;background:rgba(0,0,0,0.7);position:fixed;top:0;left:0;z-index:9999;display:none;} .Popup_quote .PopupBox{width:90%;max-width:10rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;padding:0.2rem;background:url(../images/popbg.png) no-repeat center center;background-size:cover;border-radius:2px;border:1px solid rgba(255,255,255,0.2);} .Popup_quote .PopupBox .bgbox{background:#fff;border-radius:3px;overflow:hidden;} .Popup_quote .PopupBox .PopupBoxTit{background:#f9f9f9;padding:0.45rem 0.3rem 0.1rem;border-bottom:1px solid #e5e5e5;} .Popup_quote .PopupBox .PopupBoxTit .close{position:absolute;right:0.4rem;top:0.4rem;display:flex;align-items:center;font-size:0.22rem;cursor:pointer;} .Popup_quote .PopupBox .PopupBoxTit .close i{display:block;width:0.16rem;height:0.16rem;background:url(../images/close515.png) no-repeat center;background-size:contain;margin-left:0.1rem;} .Popup_quote .PopupBox .PopupBoxTit .logo img{width:0.36rem;} .Popup_quote .PopupBox .PopupBoxTit .logo{text-align:center;} .Popup_quote .PopupBox .PopupBoxTit .title{font-size:0.36rem;font-weight:bold;text-align:center;color:#000;margin:0.1rem 0 0.2rem 0;line-height:1.4} .Popup_quote .PopupBox .PopupBoxTit ul{display:flex;flex-wrap:wrap;justify-content:center;} .Popup_quote .PopupBox .PopupBoxTit ul li{margin:0 0.2rem;display:flex;align-items:center;font-size:0.2rem;margin-top:0.1rem;color:#999;} .Popup_quote .PopupBox .PopupBoxTit ul li span{font-size:0.22rem;color:#555;} .Popup_quote .PopupBox .PopupBoxTit ul li img{display:inline-block;max-height:16px;margin-right:0.1rem;} .Popup_quote .PopupBox .PopupBoxCon{padding:0.4rem 0.5rem;} .Popup_quote .PopupBox .PopupBoxCon .text{font-size:0.2rem;line-height:1.5;text-align:center;max-width:6.4rem;margin:0 auto;color:#333;margin-bottom:0.2rem;} .Popup_quote .PopupBox .PopupBoxCon ul{display:flex;flex-wrap:wrap;margin-left:-8%;} .Popup_quote .PopupBox .PopupBoxCon ul li{width:42%;margin-left:8%;margin-top:0.2rem;border-bottom:1px solid #e6e6e6;position:relative;} .Popup_quote .PopupBox .PopupBoxCon ul li input{width:100%;height:0.6rem;padding-left:0.2rem;font-size:0.2rem;border:none;} .Popup_quote .PopupBox .PopupBoxCon ul li i{color:#ed6d00;position:absolute;left:0;top:50%;transform:translateY(-50%);font-style:normal;font-size:0.22rem;} .Popup_quote .PopupBox .PopupBoxCon ul li input:focus{border:none;outline:none;} .Popup_quote .PopupBox .PopupBoxCon ul li textarea{width:100%;height:1.2rem;padding-left:0.2rem;font-size:0.2rem;border:none;resize: none;} .Popup_quote .PopupBox .PopupBoxCon ul li textarea:focus{border:none;outline:none;} .Popup_quote .PopupBox .PopupBoxCon ul li.col100{width:92%;} .Popup_quote .PopupBox .PopupBoxCon .formbtn{text-align:center;margin-top:0.4rem;} .Popup_quote .PopupBox .PopupBoxCon .formbtn button{width:1.8rem;line-height:0.55rem;border-radius:0.55rem;font-size:0.2rem;background:#ed6d00;color:#fff;border:none;} .Popup_quote .PopupBox .PopupBoxCon ul li.yzm{display:flex;align-items:center;justify-content:space-between;} @media(max-width:640px){ } /* 20250618 */ .success-one .text-box .txt-padd.tc{padding-left:0;text-align:center;max-width:100%;} .success-one .text-box .txt-padd.tc .return-but{justify-content:center;} .new-top .item .tit{font-weight:normal;} @media(max-width:1024px){ .Inside-box{min-height:3rem;} } .proInfo-one .intro-data .other-txt table, .proInfo-one .intro-data .other-txt table td,.proInfo-one .intro-data .other-txt table tr{border: 1px solid;} /* 确保前台输入框聚焦（点击输入答案）时，整体组合外观依然正常 */ .ff-captcha-input:focus { border-right: none !important; /* 保持中间拼接处不出现突兀的蓝色边框 */ box-shadow: none !important; /* 避免 Fluent Forms 原生外发光样式错位 */ } .ff-captcha-img-wrap { margin: 0 !important; padding: 0 !important; }