/* fixed 不占位 scroll-top 头部触顶状态 -> 白字导航 */ :root{ --paddingLeft:64px; --head_top_height:96px; --font_1st_px:16px; /* 一级菜单字体 */ } @media only screen and (max-width: 1440px) { :root{ --paddingLeft:50px; } } @media only screen and (max-width: 1280px) { :root{ --paddingLeft:30px; } } @media only screen and (max-width: 992px) { :root{ --paddingLeft:.227rem; --head_top_height:.727rem; } } @media only screen and (max-width: 768px){ :root{ --head_top_height:0.8rem; } } @media only screen and (max-width: 576px) { :root{ --head_top_height:0.9rem; } } /* 头部 */ #my_header_0001_0_pc{top: 0;left: 0;z-index:10;width:100%;height:var(--head_top_height);box-shadow: none;} /* logo */ #my_header_0001_0_pc .logo{max-width:150px;height:100%;overflow:hidden;} #my_header_0001_0_pc .logo img{max-height:80%;object-fit:contain;} /* 导航 */ #my_header_0001_0_pc .nav{padding:0 30px;} #my_header_0001_0_pc .nav .one_nav{margin-right:var(--paddingLeft);font-size:var(--font_1st_px);color:#333;text-align:center;line-height:var(--head_top_height);white-space:nowrap;position: relative;} #my_header_0001_0_pc .nav .one_nav:last-child{margin-right:0;} #my_header_0001_0_pc .nav .one_nav:hover, #my_header_0001_0_pc .nav .one_nav.cur{color:var(--mainColor);} #my_header_0001_0_pc .nav .one_nav::after{content:'';display:block;width:0;height:3px;background-color:var(--mainColor);position:absolute;right:0;top:0;transition:.3s linear;} #my_header_0001_0_pc .nav .one_nav:hover::after, #my_header_0001_0_pc .nav .one_nav.cur::after{width:100%;right:auto;left:0;} /* 对比导航 */ #my_header_0001_0_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;} #my_header_0001_0_compare .head_nav_list{padding:0 30px;} #my_header_0001_0_compare .head_nav_list .li{font-size: var(--font_1st_px);margin-left: var(--paddingLeft);} #my_header_0001_0_compare .head_nav_list .li:first-child{margin-left: 0;} /* PC导航下拉 */ #my_header_0001_0_pc .nav .two_nav{left:0;width:100%;height:0;overflow:hidden;top:var(--head_top_height);z-index:9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background-color: rgba(255, 255, 255 ,0.8);border-radius:0 0 10px 10px;} #my_header_0001_0_pc .nav .two_nav .h{padding:10px 0;} #my_header_0001_0_pc .nav .two_nav .h .tnav_a2, #my_header_0001_0_pc .nav .two_nav .h .tnav_a{font-size:var(--font_1st_px);color:#666;white-space:nowrap;padding:0 30px;line-height:48px;text-align:center;} #my_header_0001_0_pc .nav .two_nav .h .tnav_a{padding:0 60px;} #my_header_0001_0_pc .nav .two_nav .h .tnav_a2:hover, #my_header_0001_0_pc .nav .two_nav .h .tnav_a:hover{color:var(--mainColor);/*background-color: rgb(0, 153, 204, 0.1);*/} /* 产品下拉导航 */ #my_header_0001_0_pc .nav .pro_nav{text-align:left;} #my_header_0001_0_pc .nav .pro_nav .h{padding:0;} #my_header_0001_0_pc .nav .left{width:230px;max-height:510px;overflow-y: auto;} #my_header_0001_0_pc .nav .left::-webkit-scrollbar{height:2px;width:2px;background:rgba(0,0,0,0)} #my_header_0001_0_pc .nav .left::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.0);} #my_header_0001_0_pc .nav .right{width:calc(100% - 230px);} #my_header_0001_0_pc .nav .tab{position: relative;width:100%;padding:40px 0 50px;} #my_header_0001_0_pc .nav .tab::after{content:'';position: absolute;right:1px;top:0;width: 1px;height:100%;background-color:rgba(0, 0, 0, 0.1);} #my_header_0001_0_pc .nav .p_name{margin-top:20px;width:100%;font-size: 16px;color:#455d6e;line-height:normal;white-space:wrap;} #my_header_0001_0_pc .nav .p_name::after{content:'';position:absolute;right:0px;top:50%;transform:translateY(-50%);z-index:2;background-color:var(--mainColor);width: 3px;height: 26px;transition: 0.3s;opacity: 0;} #my_header_0001_0_pc .nav .p_name:first-child{margin-top:0;} #my_header_0001_0_pc .nav .p_name .tnav_a2{width:calc(100% - 35px - 13%);} #my_header_0001_0_pc .nav .p_name .p_icon{margin-right:13%;width:35px;height:35px;} #my_header_0001_0_pc .nav .p_name.cur{color: var(--mainColor);} #my_header_0001_0_pc .nav .p_name.cur .i1{display:none;} #my_header_0001_0_pc .nav .p_name.cur .i2{display:inline-block;} #my_header_0001_0_pc .nav .p_name.cur::after{opacity:1;} #my_header_0001_0_pc .nav .tab2{width:300px;padding:40px 0 50px 0;position: relative;max-height:510px;overflow-y: auto;} #my_header_0001_0_pc .nav .tab2::after{content:'';position: absolute;right:1px;top:0;width: 1px;height:100%;background-color:rgba(0, 0, 0, 0.1);} #my_header_0001_0_pc .nav .p_name2{font-size: 16px;color: #455d6e;margin-top:20px;line-height:35px;position: relative;width:100%;padding:0 6.66% 0 20%;white-space:wrap;} #my_header_0001_0_pc .nav .p_name2::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;background-color:var(--mainColor);width: 3px;height: 26px;transition: 0.3s;opacity: 0;} #my_header_0001_0_pc .nav .p_name2:first-child{margin-top:0;} #my_header_0001_0_pc .nav .p_name2.cur{color:var(--mainColor);} #my_header_0001_0_pc .nav .p_name2.cur::after{opacity:1;} #my_header_0001_0_pc .nav .bind2{width:calc(100% - 300px);padding:40px 0 50px 3.929%;max-height:510px;overflow-y: auto;} #my_header_0001_0_pc .nav .p_name3{font-size: 16px;color: #455d6e;line-height:35px;width:calc(100% / 3);margin-bottom:20px;padding-right:20px;white-space:wrap;} #my_header_0001_0_pc .nav .p_name3:hover{color:var(--mainColor);} #my_header_0001_0_pc .nav .ly_null2{padding:40px 0 50px 2%;} /* 右侧-搜索/语言 */ #my_header_0001_0_pc .hright{margin-left:50px;} #my_header_0001_0_pc .search{margin-left:40px;width:160px;height:40px;border-radius:40px;padding:0 20px;border:1px solid #333;} #my_header_0001_0_pc .search .inp{width:calc(100% - 18px - 10px);margin-right:10px;font-size:16px;color:#333;} #my_header_0001_0_pc .search .inp::placeholder{color:#333;} #my_header_0001_0_pc .search .inp::-moz-placeholder{color:#333;} #my_header_0001_0_pc .search .inp::-webkit-input-placeholder{color:#333;} #my_header_0001_0_pc .lang{font-size:16px;color:#333;line-height:1;} #my_header_0001_0_pc .lang:hover{color:var(--mainColor);} #my_header_0001_0_pc .lang{margin-left:40px;} #my_header_0001_0_pc .icon .svg{width:18px;height:auto;fill:#333;} #my_header_0001_0_pc .lang.icon .svg{width: 22px;} #my_header_0001_0_pc .icon:hover .svg{fill:var(--mainColor);} /* 右侧-电话 */ #my_header_0001_0_pc .phone .icon2 .svg{width:22px;height:auto;fill: var(--mainColor);} #my_header_0001_0_pc .phone .cd_words_wrapper{display: inline-block;position: relative;text-align: left;} #my_header_0001_0_pc .phone .cd_words_wrapper b {display: inline-block;position: absolute;white-space: nowrap;left: 0;top: 0;font-size:20px;color: var(--mainColor);} #my_header_0001_0_pc .phone .cd_words_wrapper b.is-visible {position: relative;} #my_header_0001_0_pc .phone .cd_headline.scale i {display: inline-block;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);font-style:normal;} #my_header_0001_0_pc .phone .cd_headline.scale i.in {-webkit-animation: my_header_0001_0-scale-up 0.6s forwards;-moz-animation: my_header_0001_0-scale-up 0.6s forwards;animation: my_header_0001_0-scale-up 0.6s forwards;} #my_header_0001_0_pc .phone .cd_headline.scale i.out {-webkit-animation: my_header_0001_0-scale-down 0.6s forwards;-moz-animation: my_header_0001_0-scale-down 0.6s forwards;animation: my_header_0001_0-scale-down 0.6s forwards;} /* 右侧-菜单按钮 */ #my_header_0001_0_pc .menu{display:none;width:25px;height:20px;margin-left:30px;} #my_header_0001_0_pc .menu .menu_bar{display:block;width:100%;height:2px;background-color:#333;transform-origin:0;} #my_header_0001_0_pc .menu .menu_bar:nth-child(2){width:80%;} #my_header_0001_0_pc .menu.cur .menu_bar:nth-child(1){transform:rotateZ(45deg);} #my_header_0001_0_pc .menu.cur .menu_bar:nth-child(2){display:none;} #my_header_0001_0_pc .menu.cur .menu_bar:nth-child(3){transform:rotateZ(-45deg);} /* 导航占位 */ #my_header_0001_0_header_blank{display:none;width:100%;height:var(--head_top_height);} /* 移动端导航下拉 */ #my_header_0001_0_mobiel{width: 100%;height: 0;z-index:50;left: 0;right: 0;top:var(--head_top_height); background: #fff;overflow-y: auto;} #my_header_0001_0_mobiel.cur{height: calc(100vh - var(--head_top_height));} #my_header_0001_0_mobiel .nav{width:100%;border-top:1px solid rgba(0, 0, 0, .2);} #my_header_0001_0_mobiel .navli .one_nav{font-size:18px;line-height:60px;color:#333;font-weight:500;padding:0 30px;border-bottom: 1px solid rgba(0, 0, 0, .2);} #my_header_0001_0_mobiel .navli .one_nav .icon{font-size:inherit;line-height:1;} #my_header_0001_0_mobiel .navli.cur .one_nav .icon{transform:rotate(90deg);} #my_header_0001_0_mobiel .navli .two_nav{width: 100%;background: #f7f7f7;} #my_header_0001_0_mobiel .navli .two_nav{font-size: 18px;line-height:50px;color:#333;font-weight:500;} #my_header_0001_0_mobiel .navli .two_nav .item{border-bottom: 1px dashed rgba(0, 0, 0, .2);padding: 0 30px;} #my_header_0001_0_mobiel .navli .two_nav .item:last-child{border: none;} #my_header_0001_0_mobiel .navli .two_nav .p_nav{padding:0 30px 10px;} #my_header_0001_0_mobiel .navli .two_nav .p_name{font-size: 18px;color:#333;line-height:30px;} /* 导航栏放不下时 */ .my_header_0001_0.pc_app #my_header_0001_0_pc .nav{display:none;} .my_header_0001_0.pc_app #my_header_0001_0_pc .menu{display:block;} @media screen and (min-width:769px) { #my_header_0001_0_header_blank.show{display:block;} /* 导航占位时 */ #my_header_0001_0_pc.show{background-color: #fff;/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/} #my_header_0001_0_pc.none{transform:translate3d(0px,-100%,0);} #my_header_0001_0_pc:hover, #my_header_0001_0_pc.cur{background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} } @media screen and (max-width: 1366px) { #my_header_0001_0_pc .hright, #my_header_0001_0_pc .search, #my_header_0001_0_pc .lang{margin-left:30px;} #my_header_0001_0 .nav .p_name3{width:50%;} } @media screen and (max-width: 1024px) { #my_header_0001_0_header_blank{display:block;} #my_header_0001_0_pc{background-color:#fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} #my_header_0001_0_pc .cont{padding:0;} #my_header_0001_0_pc .nav{display: none;} #my_header_0001_0_pc .menu{display: block;} } @media screen and (max-width:992px) { #my_header_0001_0_pc .logo{max-width:40%;} #my_header_0001_0_pc .search{margin-left:.303rem;width:1.212rem;height:.303rem;border-radius:.303rem;padding:0 .152rem;} #my_header_0001_0_pc .search .inp{width:calc(100% - .136rem - .076rem);margin-right:.076rem;font-size:.121rem;} #my_header_0001_0_pc .phone, #my_header_0001_0_pc .lang{display:none;} #my_header_0001_0_pc .search, #my_header_0001_0_pc .hright, #my_header_0001_0_pc .lang{margin-left:.227rem;} #my_header_0001_0_pc .icon{width:fit-content;} #my_header_0001_0_pc .icon .svg{width:.136rem;} #my_header_0001_0_pc .lang.icon .svg{width: 0.167rem;} #my_header_0001_0_pc .menu{width:.189rem;height:.152rem;margin-left:.227rem;} #my_header_0001_0_pc .menu .menu_bar{height:.015rem;} #my_header_0001_0_mobiel .navli .one_nav{font-size:.136rem;line-height:.455rem;padding:0 .227rem;} #my_header_0001_0_mobiel .navli .two_nav{font-size: .136rem;line-height:.379rem;} #my_header_0001_0_mobiel .navli .two_nav .item{padding: 0 .227rem;} #my_header_0001_0_mobiel .navli .two_nav .p_nav{padding:0 .227rem .076rem;} #my_header_0001_0_mobiel .navli .two_nav .p_name{font-size: .136rem;line-height:.227rem;} #my_header_0001_0_mobiel .m_lang{display:block;padding:.379rem 0;} #my_header_0001_0_mobiel .m_lang .svg{width:.152rem;height:auto;fill:#333;} #my_header_0001_0_mobiel .m_lang .lang_tit{font-size:.136rem;color:#333;font-weight:600;margin-left:.152rem;} #my_header_0001_0_mobiel .m_lang .lang_tit.cur{color:var(--mainColor);} } @media screen and (max-width:768px) { #my_header_0001_0_pc .search{width:1.6rem;height:.4rem;border-radius:.4rem;padding:0 .2rem;} #my_header_0001_0_pc .search .inp{width:calc(100% - .2rem - .18rem);margin-right:.1rem;font-size:.16rem;} #my_header_0001_0_pc .search, #my_header_0001_0_pc .lang{margin-left:0.3rem;} #my_header_0001_0_pc .icon .svg{width:0.18rem;} #my_header_0001_0_pc .lang.icon .svg{width: .22rem;} #my_header_0001_0_pc .menu{width:.25rem;height:.2rem;margin-left:.3rem;} #my_header_0001_0_pc .menu .menu_bar{height:.02rem;} #my_header_0001_0_mobiel .navli .one_nav{font-size:0.18rem;line-height:0.6rem;padding:0 0.3rem;} #my_header_0001_0_mobiel .navli .two_nav{font-size: 0.18rem;line-height:0.5rem;} #my_header_0001_0_mobiel .navli .two_nav .item{padding: 0 0.3rem;} #my_header_0001_0_mobiel .navli .two_nav .p_nav{padding:0 0.3rem 0.1rem;} #my_header_0001_0_mobiel .navli .two_nav .p_name{font-size: 0.18rem;line-height:0.3rem;} #my_header_0001_0_mobiel .m_lang{padding:0.5rem 0;} #my_header_0001_0_mobiel .m_lang .svg{width:0.2rem;} #my_header_0001_0_mobiel .m_lang .lang_tit{font-size:.18rem;margin-left:.2rem;} } @media screen and (max-width:576px) { #my_header_0001_0_pc .search{display:none;} #my_header_0001_0_pc .m_search{display:block;} #my_header_0001_0_pc .icon{margin-left:0.3rem;} #my_header_0001_0_pc .icon .svg{width:0.35rem;} #my_header_0001_0_pc .lang.icon .svg{width: 0.4rem;} #my_header_0001_0_pc .menu{width:0.425rem;height:0.325rem;} #my_header_0001_0_pc .menu .menu_bar{height:0.04rem;} #my_header_0001_0_mobiel .navli .one_nav{font-size:0.36rem;line-height:1rem;} #my_header_0001_0_mobiel .navli .two_nav{font-size:0.3rem;line-height:0.8rem;} #my_header_0001_0_mobiel .m_lang .svg{width:0.6rem;} #my_header_0001_0_mobiel .m_lang .lang_tit{font-size:0.3rem;} } @-webkit-keyframes my_header_0001_0-scale-up { 0% {-webkit-transform: scale(0);opacity: 0;} 60% {-webkit-transform: scale(1.2);opacity: 1;} 100% {-webkit-transform: scale(1);opacity: 1;} } @-moz-keyframes my_header_0001_0-scale-up { 0% {-moz-transform: scale(0);opacity: 0;} 60% {-moz-transform: scale(1.2);opacity: 1;} 100% {-moz-transform: scale(1);opacity: 1;} } @keyframes my_header_0001_0-scale-up { 0% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;} 60% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);opacity: 1;} 100% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;} } @-webkit-keyframes my_header_0001_0-scale-down { 0% {-webkit-transform: scale(1);opacity: 1;} 60% {-webkit-transform: scale(0);opacity: 0;} } @-moz-keyframes my_header_0001_0-scale-down { 0% {-moz-transform: scale(1);opacity: 1;} 60% {-moz-transform: scale(0);opacity: 0;} } @keyframes my_header_0001_0-scale-down { 0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;} 60% {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;} }.lyuibtn_004 { --font-size: 16px; --icon-font-size: calc(var(--font-size) - 2px); --color: #fff; --background-color: var(--mainColor); --border-radius: 16px; --width: 180px; --height: 60px; --padding: 0 25px; --gap: 20px; height: var(--height);min-width: var(--width);width:fit-content; border-radius: var(--border-radius); background-color: var(--background-color); font-size: var(--font-size); color: var(--color); padding:var(--padding); line-height: 1; } .lyuibtn_004:hover{transform: translateY(5px);} .lyuibtn_004-icon{margin-left: var(--gap);font-size: var(--icon-font-size);font-weight:bold;} @media screen and (max-width: 992px) { .lyuibtn_004 { --font-size: .121rem; --icon-font-size: calc(var(--font-size) - .015rem); --border-radius: .121rem; --width: 1.364rem; --height: .455rem; --padding: 0 .189rem; --gap: .152rem; } .lyuibtn_004:hover{transform: translateY(.038rem);} } @media screen and (max-width: 768px) { .lyuibtn_004 { --font-size: .16rem; --icon-font-size: calc(var(--font-size) - .02rem); --border-radius: .16rem; --width: 1.8rem; --height: .6rem; --padding: 0 .25rem; --gap: .2rem; } .lyuibtn_004:hover{transform: translateY(.05rem);} } @media screen and (max-width: 576px) { .lyuibtn_004 { --font-size: .26rem; --border-radius: .18rem; --width: 2.2rem; --height: .7rem; } } #my_footer_0001_0{background-color: #041e27;padding:70px 0 80px;overflow:hidden;} /* logo */ #my_footer_0001_0 .foot_logo{width: 161px;margin-right:8.6%;} #my_footer_0001_0 .foot_logo img{object-fit: contain;width:100%;} /* 菜单 */ #my_footer_0001_0 .foot_nav .ul .title{font-size: 20px;color: #fff;line-height: 1.2;margin-bottom: 25px;} #my_footer_0001_0 .foot_nav .ul .title i{display: none;} #my_footer_0001_0 .foot_nav .ul .li{font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 1.5;margin-top:7px;} #my_footer_0001_0 .bot{margin-top:75px;} #my_footer_0001_0 .copyright{font-size: 16px;color: rgba(255, 255, 255, 0.3);line-height: 1.2;} #my_footer_0001_0 .copyright span:nth-child(2){margin:0 20px;} #my_footer_0001_0 .share .s{width:fit-content;margin-left:35px;cursor: pointer;} #my_footer_0001_0 .share .s .svg{width:25px;height:auto;fill:rgba(255, 255, 255, 0.3);} #my_footer_0001_0 .share .s:hover .svg{fill:#fff;} @media (any-hover: hover){ #my_footer_0001_0 .foot_nav .ul .title:hover, #my_footer_0001_0 .foot_nav .ul .li:hover{color:#fff;} } @media screen and (max-width:1024px) { #my_footer_0001_0 .top{display:block;} #my_footer_0001_0 .foot_logo{margin:0 auto 50px ;} #my_footer_0001_0 .foot_nav{width:100%;} } @media screen and (max-width:992px) { #my_footer_0001_0{padding:7vw 0 8vw;} #my_footer_0001_0 .foot_logo{width: 1.22rem;margin-bottom:.379rem ;} #my_footer_0001_0 .foot_nav .ul .title{font-size:.152rem;margin-bottom: .189rem;} #my_footer_0001_0 .foot_nav .ul .li{font-size: .121rem;margin-top:.053rem;} #my_footer_0001_0 .bot{margin-top:.568rem;} #my_footer_0001_0 .copyright{font-size: .121rem;} #my_footer_0001_0 .copyright span:nth-child(2){margin:0 .152rem;} #my_footer_0001_0 .share .s{margin-left:.265rem;} #my_footer_0001_0 .share .s .svg{width:.189rem;} } @media screen and (max-width:768px) { #my_footer_0001_0 .foot_logo{width:1.61rem;} #my_footer_0001_0 .foot_nav{display:block;} #my_footer_0001_0 .foot_nav .ul{width:100%;border-bottom:.01rem solid rgba(255,255,255,0.2);} #my_footer_0001_0 .foot_nav .ul:nth-child(1){border-top:.01rem solid rgba(255,255,255,0.2);} #my_footer_0001_0 .foot_nav .ul .title{font-size: .18rem;line-height: 0.7rem;margin: 0;} #my_footer_0001_0 .foot_nav .ul .title i{display: block;} #my_footer_0001_0 .foot_nav .ul .list{display: none;} #my_footer_0001_0 .foot_nav .ul .li{font-size: .16rem;line-height: .5rem;padding: 0 .3rem;border-top: .01rem dashed rgba(255,255,255,0.2);} #my_footer_0001_0 .foot_nav .ul .li a{display: block;} #my_footer_0001_0 .bot{margin-top:0.5rem;display:block;} #my_footer_0001_0 .copyright{font-size: 0.16rem;text-align:center;} #my_footer_0001_0 .copyright span:nth-child(2){margin:0 0.2rem;} #my_footer_0001_0 .share{justify-content:center;margin-top:0.3rem;} #my_footer_0001_0 .share .s{margin:0 0.2rem;} #my_footer_0001_0 .share .s .svg{width:0.25rem;} } @media screen and (max-width:576px) { #my_footer_0001_0 {padding:10vw 0 18vw;} #my_footer_0001_0 .foot_logo{width: 3rem;} #my_footer_0001_0 .foot_nav .ul .title{font-size: .32rem;line-height:1rem;} #my_footer_0001_0 .foot_nav .ul .li{font-size: .26rem;line-height: .8rem;} #my_footer_0001_0 .copyright{font-size: 0.26rem;} #my_footer_0001_0 .share .s .svg{width:0.4rem;} } /* 侧边栏 */ #my_footer_0001_0_side{position: fixed;right:4%;bottom:10%;z-index:9;} #my_footer_0001_0_side .info{cursor: pointer;margin-bottom:10px;border-radius: 12px;background-color: var(--mainColor);width: 60px;min-height: 60px;} #my_footer_0001_0_side .info .icon .svg{fill:#fff;width:30px;height:auto;} #my_footer_0001_0_side .info.kf .icon .svg{width:20px;} #my_footer_0001_0_side .info .txt{font-size: 14px;color: #fff;line-height: 1;margin-bottom:5px;} #my_footer_0001_0_side .info.kf .txt{margin-bottom:0;margin-top:5px;} #my_footer_0001_0_side .info.back_top{background-color: rgb(179, 221, 235);} #my_footer_0001_0_side .info .top{font-size:20px;color: rgba(0, 0, 0,0.5);} #my_footer_0001_0_side .info.back_top:hover{background-color: var(--mainColor);} #my_footer_0001_0_side .info.back_top:hover .top{color:#fff;} /* 二维码和电话 */ #my_footer_0001_0_side .box{display:none;right:100%;top:50%;transform: translateY(-50%);z-index:2;} #my_footer_0001_0_side .btn:hover .box{display:block;} #my_footer_0001_0_side .con{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);border-radius:10px;padding:10px;background-color:#fff;margin-right:10px;} #my_footer_0001_0_side .con .qrcode{max-width:100px;max-height:100px;width:100%;height:100%;margin:auto;} #my_footer_0001_0_side .con .phone{font-size:16px;color:#333;margin-top:10px;white-space: nowrap;line-height:1;} @media screen and (max-width:992px) { #my_footer_0001_0_side .info{margin-bottom:.076rem;border-radius: .091rem;width: .455rem;min-height: .455rem;} #my_footer_0001_0_side .info .icon .svg{width:.227rem;} #my_footer_0001_0_side .info.kf .icon .svg{width:.152rem;} #my_footer_0001_0_side .info .txt{font-size: .106rem;margin-bottom:.038rem;} #my_footer_0001_0_side .info.kf .txt{margin-top:.038rem;} #my_footer_0001_0_side .info .top{font-size:.152rem;} /* 二维码和电话 */ #my_footer_0001_0_side .con{border-radius:.076rem;padding:.076rem;margin-right:.076rem;} #my_footer_0001_0_side .con .qrcode{max-width:.758rem;max-height:.758rem;} #my_footer_0001_0_side .con .phone{font-size:.121rem;margin-top:.076rem;} } @media screen and (max-width:768px) { #my_footer_0001_0_side .info{margin-bottom:.1rem;border-radius: .12rem;width: .6rem;min-height: .6rem;} #my_footer_0001_0_side .info .icon .svg{width:.3rem;} #my_footer_0001_0_side .info.kf .icon .svg{width:0.2rem;} #my_footer_0001_0_side .info .txt{font-size: .14rem;margin-bottom:.05rem;} #my_footer_0001_0_side .info.kf .txt{margin-top:.05rem;} #my_footer_0001_0_side .info .top{font-size:.2rem;} /* 二维码和电话 */ #my_footer_0001_0_side .con{border-radius:.1rem;padding:.1rem;margin-right:.1rem;} #my_footer_0001_0_side .con .qrcode{max-width:1rem;max-height:1rem;} #my_footer_0001_0_side .con .phone{font-size:.16rem;margin-top:.1rem;} } @media screen and (max-width:576px) { #my_footer_0001_0_side{display: flex;right:0;left:0;bottom:0;width:100%;} #my_footer_0001_0_side .btn{width:calc(100% / 4);height:1rem;} #my_footer_0001_0_side .info{width:100%;min-height:100%;border-radius:0;margin:0;border-right:1px solid #fff;} #my_footer_0001_0_side .info.back_top{border:none;} #my_footer_0001_0_side .info .icon .svg{width:.5rem;} #my_footer_0001_0_side .info.kf .icon .svg{width:0.4rem;} #my_footer_0001_0_side .info .txt{font-size: .24rem;} #my_footer_0001_0_side .info .top{font-size:.3rem;font-weight:bold;} /* 二维码和电话 */ #my_footer_0001_0_side .box{right:auto;top:auto;bottom:100%;left:50%;transform: translate(-50%,0);} #my_footer_0001_0_side .con{border-radius:.1rem;padding:.2rem;margin:0 0 .2rem 0;} #my_footer_0001_0_side .con .qrcode{max-width:2rem;max-height:2rem;} #my_footer_0001_0_side .con .phone{font-size:.26rem;margin-top:.2rem;} } /* 定制弹窗 */ #my_footer_0001_0_side_pop .content{max-width:1280px;width:92%;margin:0 auto;max-height:90vh;overflow-y: auto;} #my_footer_0001_0_side_pop .close{position: absolute;z-index: 6;top:30px;right:30px;cursor: pointer;color: rgb(9, 32, 48);font-size: 28px;} #my_footer_0001_0_side_pop .close:hover{transform: rotate(90deg);} #my_footer_0001_0_side_pop .info{padding:50px 8.706% 100px 4.706%;position: relative;z-index: 5;background: no-repeat center / cover;overflow: hidden;border-radius:16px;} #my_footer_0001_0_side_pop .title2{font-size: 50px;color:#092030;line-height: 1;text-align:center;} #my_footer_0001_0_side_pop .brief{margin-top:20px;font-size: 18px;color: var(--mainColor);line-height: 1.727;text-align:center;} #my_footer_0001_0_side_pop .left{width:35.067%;} #my_footer_0001_0_side_pop .right{width:50.755%;} #my_footer_0001_0_side_pop .bot{margin-top:60px;} #my_footer_0001_0_side_pop .form .label{margin-bottom:20px;} #my_footer_0001_0_side_pop .form .tip{width:100px;padding-right:10px;font-size: 18px;color: #333;flex:1;text-align:justify;text-align-last: justify;} #my_footer_0001_0_side_pop .form .tip span{text-align:justify;flex: 1;} #my_footer_0001_0_side_pop .form .tip.one{line-height:55px;} #my_footer_0001_0_side_pop .form .option{width:calc(100% - 100px);} #my_footer_0001_0_side_pop .form .select{width:100%;height:55px;border-radius: 10px;background-color:#fff;padding:0 30px 0 20px;font-size:18px;color:#666;margin-bottom:10px;} #my_footer_0001_0_side_pop .form .select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url('/module/my/footer/0001/images/drop.png') no-repeat scroll 92% center #fff;} #my_footer_0001_0_side_pop .form .select:last-child{margin-bottom:0;} #my_footer_0001_0_side_pop .form .select::-ms-expand {display: none;} #my_footer_0001_0_side_pop .form .drop{width:100%;height:0;z-index:2;overflow:hidden;top:100%;left:0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} #my_footer_0001_0_side_pop .form .droph{background-color: #fff;border-radius: 10px;padding:15px 20px;line-height:40px;max-height:230px;overflow-y: auto;} #my_footer_0001_0_side_pop .form .drop_name.cur, #my_footer_0001_0_side_pop .form .drop_name:hover{color:var(--mainColor);} #my_footer_0001_0_side_pop .form .inp{width:calc(100% - 100px);height:55px;border-radius: 10px;overflow:hidden;background-color:#fff;padding:0 20px;font-size:18px;color:#333;} #my_footer_0001_0_side_pop .form .inp::placeholder{color: #ccc;} #my_footer_0001_0_side_pop .form .inp::-moz-placeholder{color: #ccc;} #my_footer_0001_0_side_pop .form .inp::-webkit-input-placeholder{color: #ccc;} #my_footer_0001_0_side_pop .form .inp:-ms-input-placeholder{color: #ccc;} #my_footer_0001_0_side_pop .more{margin-left:100px;} #my_footer_0001_0_side_pop.cur .more:hover{transform: translateY(5px);} #my_footer_0001_0_side_pop .tab{margin:35px 0 50px;} #my_footer_0001_0_side_pop .tab .name{padding:0 7.2%;font-size: 28px;color: rgba(9, 32, 48, 0.502);text-align: center;line-height: 1;cursor: pointer;} #my_footer_0001_0_side_pop .tab .name:nth-child(1){border-right:1px solid rgb(9, 32, 48 ,0.2);} #my_footer_0001_0_side_pop .tab .name.cur{color:var(--mainColor);} #my_footer_0001_0_side_pop .bind .con{max-width:100%;max-height:330px;} @media screen and (max-width: 1440px) { #my_footer_0001_0_side_pop .title2{font-size: 42px;} #my_footer_0001_0_side_pop .cont{align-items:center;} #my_footer_0001_0_side_pop .form .tip, #my_footer_0001_0_side_pop .form .select, #my_footer_0001_0_side_pop .form .inp{font-size: 16px;} #my_footer_0001_0_side_pop .tab .name{padding:0 5%;font-size: 20px;} } @media screen and (max-width: 1366px) { #my_footer_0001_0_side_pop .left{width:40%;} } @media screen and (max-width: 1024px) { #my_footer_0001_0_side_pop .bot{margin-top:50px;} } @media screen and (max-width: 992px) { #my_footer_0001_0_side_pop .close{top:.227rem;right:.227rem;font-size: .212rem;} #my_footer_0001_0_side_pop .info{padding:8vw 4% !important;} #my_footer_0001_0_side_pop .title2{font-size: .318rem;} #my_footer_0001_0_side_pop .bot{margin-top:.379rem;} #my_footer_0001_0_side_pop .brief{margin-top:.152rem;font-size: .167rem;line-height: 1.727;} #my_footer_0001_0_side_pop .form .label{margin-bottom:.152rem;} #my_footer_0001_0_side_pop .form .tip{width:.758rem;padding-right:.076rem;font-size: .136rem;} #my_footer_0001_0_side_pop .form .tip.one{line-height:.417rem;} #my_footer_0001_0_side_pop .form .option{width:calc(100% - .758rem);} #my_footer_0001_0_side_pop .form .select{height:.417rem;border-radius: .076rem;padding:0 .227rem 0 .152rem;font-size:.136rem;margin-bottom:.152rem;} #my_footer_0001_0_side_pop .form .inp{width:calc(100% - .758rem);height:.417rem;border-radius: .076rem;padding:0 .152rem;font-size:.136rem;} #my_footer_0001_0_side_pop .form .droph{border-radius: .076rem;padding:.114rem .152rem;line-height:.303rem;max-height:1.742rem;} #my_footer_0001_0_side_pop .more{margin-left:.758rem;} #my_footer_0001_0_side_pop .tab{margin:.265rem 0 .379rem;} #my_footer_0001_0_side_pop .tab .name{padding:0 4%;font-size: .152rem;} #my_footer_0001_0_side_pop .bind .con{max-height:2.5rem;} } @media screen and (max-width: 768px) { #my_footer_0001_0_side_pop .close{top:0.3rem;right:0.3rem;font-size: 0.28rem;} #my_footer_0001_0_side_pop .cont{display:block;} #my_footer_0001_0_side_pop .left{width:100%;margin-bottom:.5rem;} #my_footer_0001_0_side_pop .right{width:100%;} #my_footer_0001_0_side_pop .brief{margin-top:.2rem;font-size: .22rem;line-height: 1.727;} #my_footer_0001_0_side_pop .form .label{margin-bottom:.2rem;} #my_footer_0001_0_side_pop .form .tip{width:1rem;padding-right:.1rem;font-size: .18rem;} #my_footer_0001_0_side_pop .form .tip.one{line-height:.55rem;} #my_footer_0001_0_side_pop .form .option{width:calc(100% - 1rem);} #my_footer_0001_0_side_pop .form .select{height:.55rem;border-radius: .1rem;padding:0 .3rem 0 .2rem;font-size:.18rem;margin-bottom:.2rem;background-position-x: 96%;} #my_footer_0001_0_side_pop .form .inp{width:calc(100% - 1rem);height:.55rem;border-radius: .1rem;padding:0 .2rem;font-size:.18rem;} #my_footer_0001_0_side_pop .form .droph{border-radius: .1rem;padding:.15rem .2rem;line-height:.4rem;max-height:2.3rem;} #my_footer_0001_0_side_pop .more{margin-left:1rem;} #my_footer_0001_0_side_pop .tab{margin:.35rem 0 .5rem;} #my_footer_0001_0_side_pop .tab .name{padding:0 4%;font-size: .2rem;} #my_footer_0001_0_side_pop .bind .con{max-height:3.3rem;} #my_footer_0001_0_side_pop .bot{margin-top:0.5rem;} } @media screen and (max-width: 576px) { #my_footer_0001_0_side_pop .title2{font-size: 0.52rem;} #my_footer_0001_0_side_pop .info{padding:10vw 4% !important;} #my_footer_0001_0_side_pop .brief{font-size: .26rem;line-height: 1.6;} #my_footer_0001_0_side_pop .form .label{display:block;margin-bottom:0.5rem;} #my_footer_0001_0_side_pop .form .tip{width:100%;font-size: .28rem;margin-bottom: 0.1rem;text-align: left;text-align-last:left;} #my_footer_0001_0_side_pop .form .tip span{text-align:left;text-align-last:left;} #my_footer_0001_0_side_pop .form .tip.one{line-height:1.6;} #my_footer_0001_0_side_pop .form .option{width:100%;} #my_footer_0001_0_side_pop .form .select{height:.7rem;padding:0 .3rem 0 .2rem;font-size:.28rem;} #my_footer_0001_0_side_pop .form .inp{width:100%;height:.7rem;font-size:.28rem;} #my_footer_0001_0_side_pop .more{margin-left:0;} #my_footer_0001_0_side_pop .tab{margin:.35rem 0 .5rem;} #my_footer_0001_0_side_pop .tab .name{font-size: .3rem;} #my_footer_0001_0_side_pop .bind .con{max-height:4.3rem;} }/* 二级导航 */ .lyuisubnav_001{width: 100%;background-color: rgba(0, 153, 204, 0.35);backdrop-filter: blur(10px);} .lyuisubnav_001 .slide{font-size:18px;color:#fff;text-align: center;line-height:70px;font-weight:500;transition:0.3s;position:relative;border-right:2px solid rgba(255, 255, 255, 0.1);overflow:hidden;} .lyuisubnav_001 .slide:last-child{border-right:none;} .lyuisubnav_001 .slide span{line-height:normal;} /* 发光图层 */ .lyuisubnav_001 .slide::before{content:'';position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;z-index:2;width: 213px;height: 67px;background:url('/component/subnav/001/images/mask.png') no-repeat center / cover;transition: 0.3s linear;opacity:0;pointer-events: none;} .lyuisubnav_001 .slide:hover::before, .lyuisubnav_001 .slide.cur::before{opacity:1;} /* 线条 */ .lyuisubnav_001 .slide::after{content:'';position: absolute;right: 0;top: 0;width: 0;height: 3px;background-color:transparent;transition: 0.3s linear;} .lyuisubnav_001 .slide:hover::after, .lyuisubnav_001 .slide.cur::after{background-color:var(--mainColor);width:100%;right:auto;left:0;} @media screen and (max-width:1024px) {} @media screen and (max-width:992px) { .lyuisubnav_001{backdrop-filter: blur(.076rem);} .lyuisubnav_001 .slide{font-size:.136rem;line-height:.53rem;} .lyuisubnav_001 .slide::before{width: 1.614rem;height: .508rem;} .lyuisubnav_001 .slide::after{height: .023rem;} } @media screen and (max-width:768px) { .lyuisubnav_001{backdrop-filter:unset;background-color: var(--mainColor);} .lyuisubnav_001 .slide{font-size:.18rem;line-height:.7rem;} .lyuisubnav_001 .slide::before{width: 2.13rem;height: .67rem;} .lyuisubnav_001 .slide::after{height: .03rem;} } @media screen and (max-width:576px) { .lyuisubnav_001 .cont{max-width:calc(100% - 1rem);display:flex;align-items: center;} .lyuisubnav_001 .container{width: fit-content;} .lyuisubnav_001 .slide{width:fit-content !important;padding:0 0.3rem;font-size:.28rem;line-height:.8rem;} .lyuisubnav_001 .slide:first-child{border-left:2px solid rgba(255, 255, 255, 0.1);;} .lyuisubnav_001 .slide:last-child{border-right:2px solid rgba(255, 255, 255, 0.1);;} .lyuisubnav_001 .lyuisubnav_001-pn{width:0.5rem;height:100%;display:flex;align-items:center;justify-content:center;} .lyuisubnav_001 .lyuisubnav_001-pn i{color:#fff;font-size:0.3rem;font-weight:bold;} } /* 首页banner */ #my_hengfu_0001_0{width:100%;overflow:hidden;} /* #my_hengfu_0001_0 .mask{position:absolute;top:0;left:0;width:100%;height:180px;background:url('/module/my/hengfu/0001/images/mask.png') no-repeat center / cover;z-index:2;pointer-events: none;} */ #my_hengfu_0001_0 .slide-inner::after{content:'';position: relative;z-index:1;width:100%;padding-top:44.27%;pointer-events: none;} #my_hengfu_0001_0 .slide-inner video, #my_hengfu_0001_0 .slide-inner img{position: absolute;left:0;top:0;} #my_hengfu_0001_0 .swiper-pagination{bottom: 7.1%;} #my_hengfu_0001_0 .swiper-pagination-bullet{background:rgba(255, 255, 255, 0.2);opacity: 1;width: 30px;height: 3px;transition: 0.3s;border-radius: 0;} #my_hengfu_0001_0 .swiper-pagination-bullet-active{width: 120px;} #my_hengfu_0001_0 .swiper-pagination-bullet-active .el-bar{background:var(--mainColor);} /* 内页banner */ #my_hengfu_0001_0_inner{width:100%;overflow:hidden;position:relative;} #my_hengfu_0001_0_inner .pic video, #my_hengfu_0001_0_inner .pic img{width:100%;height:100%;object-fit: contain;} #my_hengfu_0001_0_inner .mask{position:absolute;top:0;left:0;width:100%;height:180px;background:url('/module/my/hengfu/0001/images/mask.png') no-repeat center / cover;z-index:3;pointer-events: none;} #my_hengfu_0001_0_inner .name{font-size: 60px;line-height: 1;} /* 二级菜单 */ #my_hengfu_0001_0_subnav{bottom:0;z-index:5;} /* 面包屑 */ #my_hengfu_0001_0_crumbs{width:100%;left: 0;bottom:0;z-index:5;background-color: rgb(0, 153, 204,0.35);backdrop-filter: blur(10px);} @media screen and (max-width: 1440px){ #my_hengfu_0001_0_inner .name{font-size: 42px;} } @media screen and (max-width: 1024px) { #my_hengfu_0001_0 .mask, #my_hengfu_0001_0_inner .mask{display:none;} } @media screen and (max-width: 992px){ #my_hengfu_0001_0_inner .name{font-size: .318rem;} #my_hengfu_0001_0 .swiper-pagination-bullet{width: .227rem;height: .023rem;} #my_hengfu_0001_0 .swiper-pagination-bullet-active{width: .909rem;} } @media screen and (max-width: 768px){ #my_hengfu_0001_0 .slide .slide-inner::after{padding-top:113.333%;} #my_hengfu_0001_0_inner .name{font-size:0.42rem;} #my_hengfu_0001_0_subnav{position: static;transform: translate(0);width:100%;} #my_hengfu_0001_0 .swiper-pagination-bullet{width: 0.3rem;height: 0.03rem;} #my_hengfu_0001_0 .swiper-pagination-bullet-active{width: 1.2rem;} } @media screen and (max-width: 576px){ #my_hengfu_0001_0_inner .name{font-size:0.52rem;} } .lyuiitem_003{width: 100%;padding:25px 11.943% 30px;} .lyuiitem_003.border{border: 1px solid rgb(214, 230, 236);} .lyuiitem_003.border2{border-right: 1px solid rgb(214, 230, 236);} /* .lyuiitem_003.border2:first-child{border-left: 1px solid rgb(214, 230, 236);} */ .lyuiitem_003-name{font-size: 22px;color: rgb(9, 32, 48);line-height: 1.364;text-align: center;} .lyuiitem_003-brief {margin-top:16px;font-size: 16px;color: rgb(69, 93, 110);line-height: 1.5;text-align: center;} .lyuiitem_003-img{width:100%;padding-top:100%;margin-top:66px;} @media (any-hover: hover) { .lyuiitem_003.border:hover {border-color:var(--mainColor);} .lyuiitem_003:hover .lyuiitem_003-name {color: var(--mainColor);} } @media screen and (max-width:1440px) { .lyuiitem_003-name{font-size: 20px;} .lyuiitem_003-img{margin-top:50px;} } @media screen and (max-width:1024px) { .lyuiitem_003{padding:20px;} .lyuiitem_003-name{font-size: 18px;} .lyuiitem_003-img{margin-top:30px;} } @media screen and (max-width:992px) { .lyuiitem_003{padding:.152rem;} .lyuiitem_003-name{font-size: .136rem;} .lyuiitem_003-brief {margin-top:.121rem;font-size: .121rem;} .lyuiitem_003-img{margin-top:.227rem;} } @media screen and (max-width:768px) { .lyuiitem_003{padding:.3rem .2rem .2rem;} .lyuiitem_003-name{font-size: .18rem;} .lyuiitem_003-brief {margin-top:.16rem;font-size: .16rem;} .lyuiitem_003-img{margin-top:.3rem;} } @media screen and (max-width:576px) { .lyuiitem_003-name{font-size: .28rem;} .lyuiitem_003-brief{font-size: .26rem;} } #my_index_product_0001_1{padding:80px 0 100px;overflow: hidden;background: url('/module/my/index-product/0001/images/bg.jpg') no-repeat center / cover;} #my_index_product_0001_1 .title{font-size: 50px;color: rgb(9, 32, 48);line-height: 1;text-align:center;} /* 一级分类 */ #my_index_product_0001_1 .tab{margin-top:25px;position: relative;} #my_index_product_0001_1 .tab::after{content: "";position: absolute;left:0;top:50%;transform: translateY(-50%);z-index:2;width: 1px;height: 30px;background-color: #d0e4eb;} #my_index_product_0001_1 .tab .container{padding:0 1px 1px;} #my_index_product_0001_1 .tab .container::before{content: "";position: absolute;left:0;bottom:1px;z-index:0;width: 100%;height: 1px;background-color: #d0e4eb;} #my_index_product_0001_1 .tab .slide{width:calc(100% / 8);transition: 0.3s;position: relative;line-height:75px;padding:0 10px;} #my_index_product_0001_1 .tab .slide::after{content: "";position: absolute;right:0;bottom:-1px;z-index:4;width: 0;height: 3px;background-color:transparent;transition: 0.3s;} #my_index_product_0001_1 .tab .slide::before{content: "";background-color: #d0e4eb;position: absolute;right:0;top:50%;transform: translateY(-50%);width: 1px;height: 30px;} #my_index_product_0001_1 .tab .slide .icon{max-width:35px;max-height:31px;} #my_index_product_0001_1 .tab .slide .name{margin-left:10px;font-size: 16px;color: #455d6e;} /* 效果 */ #my_index_product_0001_1 .tab .slide:hover::after, #my_index_product_0001_1 .tab .slide.cur::after{width: 100%;right: 0;left:0;background-color: var(--mainColor);} #my_index_product_0001_1 .tab .slide:hover .icon .i1, #my_index_product_0001_1 .tab .slide.cur .icon .i1{display:none;} #my_index_product_0001_1 .tab .slide:hover .icon .i2, #my_index_product_0001_1 .tab .slide.cur .icon .i2{display:inline-block;} #my_index_product_0001_1 .tab .slide:hover .name, #my_index_product_0001_1 .tab .slide.cur .name{color:var(--mainColor);} /* 按钮 */ #my_index_product_0001_1 .pn{top:50%;transform: translateY(-50%);z-index:2;position: absolute;} #my_index_product_0001_1 .pn.prev{left:-120px;} #my_index_product_0001_1 .pn.next{right:-120px;} #my_index_product_0001_1 .pn .icon{font-weight:bold;border: 1px solid rgb(186, 214, 223);width: 60px;height: 60px;color: rgb(9, 32, 48);font-size: 14px;border-radius: 12px;} #my_index_product_0001_1 .pn:hover .icon{background-color: var(--mainColor);color: #fff;border-color: var(--mainColor);} #my_index_product_0001_1 .tab .pn.prev{left:-60px;} #my_index_product_0001_1 .tab .pn.next{right:-60px;} #my_index_product_0001_1 .tab .pn .icon{width:40px;height:40px;} /* 列表内容 */ #my_index_product_0001_1 .bind{margin-top:50px;} #my_index_product_0001_1 .bind .list{border-left: 1px solid rgb(214, 230, 236);padding:0 1px;} @media screen and (max-width: 1440px) { #my_index_product_0001_1 .title{font-size: 42px;} #my_index_product_0001_1 .tab{width:92%;margin:25px auto 0;} #my_index_product_0001_1 .tab .slide{width:calc(100% / 6);} #my_index_product_0001_1 .pn.prev{left:-60px;} #my_index_product_0001_1 .pn.next{right:-60px;} #my_index_product_0001_1 .pn .icon{width:50px;height:50px;} #my_index_product_0001_1 .tab .pn{display: block;} #my_index_product_0001_1 .tab .pn.prev{left:-50px;} #my_index_product_0001_1 .tab .pn.next{right:-50px;} #my_index_product_0001_1 .bind{width:92%;margin:25px auto 0;} } @media screen and (max-width: 1024px) { #my_index_product_0001_1{padding:80px 0;} #my_index_product_0001_1 .tab .slide{width:calc(100% / 5);} } @media screen and (max-width: 992px) { #my_index_product_0001_1{padding:8vw 0;} #my_index_product_0001_1 .title{font-size: .318rem;} #my_index_product_0001_1 .tab{margin-top:.189rem;} #my_index_product_0001_1 .tab::after{height: .227rem;} #my_index_product_0001_1 .tab .slide{width:calc(100% / 4);line-height:.568rem;padding:0 .076rem;} #my_index_product_0001_1 .tab .slide::after{height: .023rem;} #my_index_product_0001_1 .tab .slide::before{height: .227rem;} #my_index_product_0001_1 .tab .slide .icon{max-width:.265rem;max-height:.235rem;} #my_index_product_0001_1 .tab .slide .name{margin-left:.076rem;font-size: .121rem;} /* 按钮 */ #my_index_product_0001_1 .pn.prev{left:-0.379rem;} #my_index_product_0001_1 .pn.next{right:-0.379rem;} #my_index_product_0001_1 .pn .icon{width: .303rem;height: .303rem;font-size: .106rem;border-radius: .091rem;} #my_index_product_0001_1 .tab .pn.prev{left:-0.379rem;} #my_index_product_0001_1 .tab .pn.next{right:-0.379rem;} /* 列表内容 */ #my_index_product_0001_1 .bind{margin-top:.379rem;} } @media screen and (max-width: 768px) { #my_index_product_0001_1 .title{font-size: .42rem;} #my_index_product_0001_1 .tab{margin-top:.25rem;} #my_index_product_0001_1 .tab::after{height: .3rem;} #my_index_product_0001_1 .tab .slide{width:calc(100% / 3);line-height:.75rem;padding:0 .1rem;} #my_index_product_0001_1 .tab .slide::after{height: .03rem;} #my_index_product_0001_1 .tab .slide::before{height: .3rem;} #my_index_product_0001_1 .tab .slide .icon{max-width:.35rem;max-height:.31rem;} #my_index_product_0001_1 .tab .slide .name{margin-left:.1rem;font-size: .16rem;} /* 按钮 */ #my_index_product_0001_1 .pn.prev{left:-0.5rem !important;} #my_index_product_0001_1 .pn.next{right:-0.5rem !important;} #my_index_product_0001_1 .pn .icon{width: .4rem !important;height: .4rem !important;font-size: .14rem;} /* 列表内容 */ #my_index_product_0001_1 .bind{margin-top:0.5rem;} } @media screen and (max-width: 576px) { #my_index_product_0001_1{padding:10vw 0;} #my_index_product_0001_1 .title{font-size: .52rem;} #my_index_product_0001_1 .tab .slide{width:calc(100% / 2);} #my_index_product_0001_1 .tab .slide .name{font-size: .26rem;} #my_index_product_0001_1 .pro_li{border: none;} #my_index_product_0001_1 .bind .list{border-left: none;padding: 0;} /* 按钮 */ #my_index_product_0001_1 .bind .pn.prev{left:-0.3rem !important;} #my_index_product_0001_1 .bind .pn.next{right:-0.3rem !important;} #my_index_product_0001_1 .pn .icon{font-size: .16rem;} }.lyuibtn_004 { --font-size: 16px; --icon-font-size: calc(var(--font-size) - 2px); --color: #fff; --background-color: var(--mainColor); --border-radius: 16px; --width: 180px; --height: 60px; --padding: 0 25px; --gap: 20px; height: var(--height);min-width: var(--width);width:fit-content; border-radius: var(--border-radius); background-color: var(--background-color); font-size: var(--font-size); color: var(--color); padding:var(--padding); line-height: 1; } .lyuibtn_004:hover{transform: translateY(5px);} .lyuibtn_004-icon{margin-left: var(--gap);font-size: var(--icon-font-size);font-weight:bold;} @media screen and (max-width: 992px) { .lyuibtn_004 { --font-size: .121rem; --icon-font-size: calc(var(--font-size) - .015rem); --border-radius: .121rem; --width: 1.364rem; --height: .455rem; --padding: 0 .189rem; --gap: .152rem; } .lyuibtn_004:hover{transform: translateY(.038rem);} } @media screen and (max-width: 768px) { .lyuibtn_004 { --font-size: .16rem; --icon-font-size: calc(var(--font-size) - .02rem); --border-radius: .16rem; --width: 1.8rem; --height: .6rem; --padding: 0 .25rem; --gap: .2rem; } .lyuibtn_004:hover{transform: translateY(.05rem);} } @media screen and (max-width: 576px) { .lyuibtn_004 { --font-size: .26rem; --border-radius: .18rem; --width: 2.2rem; --height: .7rem; } } #my_index_other_0001_2{width: 100%;height:895px;overflow: hidden;} #my_index_other_0001_2 .li{width:16.85%;height:100%;border-right:2px solid #fff;position: relative;} #my_index_other_0001_2 .li:last-child{border-right:none;} #my_index_other_0001_2 .li .bg img{width:100%;height:100%;object-fit: cover;} #my_index_other_0001_2 .li .title1{padding:0 20px;font-size: 26px;color:#092030;line-height: 1;text-align: center;left:0;bottom: 9%;z-index:2;width:100%;} #my_index_other_0001_2 .li .info{padding:6.328%;position: relative;z-index: 5;} #my_index_other_0001_2 .li .title2{font-size: 50px;color:#092030;line-height: 1;text-align:center;} /* 定制 */ #my_index_other_0001_2 .li1 .info{padding:6.328% 5.54%;padding-right:8.706%;} #my_index_other_0001_2 .li1 .brief{margin-top:20px;font-size: 22px;color: var(--mainColor);line-height: 1.727;text-align:center;} #my_index_other_0001_2 .li1 .left{width:35.067%;} #my_index_other_0001_2 .li1 .right{width:50.755%;} #my_index_other_0001_2 .li1 .form .label{margin-bottom:20px;} #my_index_other_0001_2 .li1 .form .tip{width:100px;padding-right:10px;font-size: 18px;color: #333;flex:1;text-align:justify;text-align-last: justify;} #my_index_other_0001_2 .li1 .form .tip span{text-align:justify;flex: 1;} #my_index_other_0001_2 .li1 .form .tip.one{line-height:55px;} #my_index_other_0001_2 .li1 .form .option{width:calc(100% - 100px);} #my_index_other_0001_2 .li1 .form .select{width:100%;height:55px;border-radius: 10px;background-color:#fff;padding:0 30px 0 20px;margin-bottom:10px;font-size:18px;color:#666;} #my_index_other_0001_2 .li1 .form .select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url('/module/my/index-other/0001/images/drop.png') no-repeat scroll 92% center #fff;} #my_index_other_0001_2 .li1 .form .select:last-child{margin-bottom:0;} #my_index_other_0001_2 .li1 .form .select::-ms-expand {display: none;} #my_index_other_0001_2 .li1 .form .select input{font-size:18px;color:#666;line-height:1.778;} #my_index_other_0001_2 .li1 .form .drop{width:100%;height:0;z-index:2;overflow:hidden;top:100%;left:0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} #my_index_other_0001_2 .li1 .form .droph{background-color: #fff;border-radius: 10px;padding:15px 20px;line-height:40px;max-height:230px;overflow-y: auto;} #my_index_other_0001_2 .li1 .form .drop_name.cur, #my_index_other_0001_2 .li1 .form .drop_name:hover{color:var(--mainColor);} #my_index_other_0001_2 .li1 .form .inp{width:calc(100% - 100px);height:55px;border-radius: 10px;overflow:hidden;background-color:#fff;padding:0 20px;font-size:18px;color:#333;} #my_index_other_0001_2 .li1 .form .inp::placeholder{color: #ccc;} #my_index_other_0001_2 .li1 .form .inp::-moz-placeholder{color: #ccc;} #my_index_other_0001_2 .li1 .form .inp::-webkit-input-placeholder{color: #ccc;} #my_index_other_0001_2 .li1 .form .inp:-ms-input-placeholder{color: #ccc;} #my_index_other_0001_2 .li1 .more{margin-left:100px;} #my_index_other_0001_2 .li1.cur .more:hover{transform: translateY(5px);} #my_index_other_0001_2 .li1 .tab{margin:35px 0 50px;} #my_index_other_0001_2 .li1 .tab .name{padding:0 7.2%;font-size: 28px;color: rgba(9, 32, 48, 0.502);text-align: center;line-height: 1;cursor: pointer;} #my_index_other_0001_2 .li1 .tab .name:nth-child(1){border-right:1px solid rgb(9, 32, 48 ,0.2);} #my_index_other_0001_2 .li1 .tab .name.cur{color:var(--mainColor);} #my_index_other_0001_2 .li1 .bind .con{max-width:100%;max-height:330px;} /* 国标GB */ #my_index_other_0001_2 .li2 .info{padding:6.328% 0;} #my_index_other_0001_2 .li2 .top{padding:0 4%;} #my_index_other_0001_2 .li2 .brief{margin-top:22px;font-size: 20px;color: rgb(69, 93, 110);text-align:center;} #my_index_other_0001_2 .li2 .item{width:calc(100% / 6);padding:0 20px;margin-top:50px;} #my_index_other_0001_2 .li2 .item .icon{max-width:105px;height: 100px;margin:0 auto;} #my_index_other_0001_2 .li2 .item .txt{margin-top:26px;font-size: 16px;color: #333;text-align: center;} /* 解决方案 */ #my_index_other_0001_2 .li3 .brief{margin-top:22px;font-size: 20px;color: rgb(69, 93, 110);text-align:center;} #my_index_other_0001_2 .li3 .bot{margin-top:36px;} #my_index_other_0001_2 .li3 .item{width:calc((100% - 20px) / 2);padding:2.715%;margin:20px 20px 0 0;overflow:hidden;border-radius: 16px;background-color: rgba(29, 58, 71,0.4);} #my_index_other_0001_2 .li3 .item:nth-child(2n){margin-right:0;} #my_index_other_0001_2 .li3 .item .left{width:45.64%;} #my_index_other_0001_2 .li3 .item .right{width:calc(100% - 45.64%);padding-left:6.2%;} #my_index_other_0001_2 .li3 .item .pic{width: 100%;padding-top:100%;border-radius:50%;} #my_index_other_0001_2 .li3 .item .name{font-size: 22px;color: rgb(255, 255, 255);line-height: 1.364;} #my_index_other_0001_2 .li3 .item .desc{margin-top:6px;font-size: 16px;color: rgb(255, 255, 255);line-height: 1.75;} #my_index_other_0001_2 .li3 .item .more{margin-top:30px;} #my_index_other_0001_2 .li3 .item .more .txt{margin-right:15px;font-size: 16px;color:#fff;line-height:1;} #my_index_other_0001_2 .li3 .item .more .icon{font-size: 12px;font-weight:bold;color:#fff;line-height:1;} #my_index_other_0001_2 .li3 .item:hover{background-color: var(--mainColor);} @media screen and (min-width: 1025px) { /* 共同样式 */ #my_index_other_0001_2 .li .com{opacity: 0;transform: translate(0,120px);} #my_index_other_0001_2 .li.cur{width:calc(100% - 2 * 16.85%);} #my_index_other_0001_2 .li.cur .title1{opacity:0;} #my_index_other_0001_2 .li.cur .com{transform: translate(0,0);opacity: 1;} #my_index_other_0001_2 .li.cur .bg .bg1{display:none;} #my_index_other_0001_2 .li.cur .bg .bg2{display: block;} } @media screen and (max-width: 1440px) { #my_index_other_0001_2 .li .title2{font-size: 42px;} #my_index_other_0001_2 .li1 .cont{align-items:center;} #my_index_other_0001_2 .li1 .form .tip, #my_index_other_0001_2 .li1 .form .select, #my_index_other_0001_2 .li1 .form .select input, #my_index_other_0001_2 .li1 .form .inp{font-size: 16px;} #my_index_other_0001_2 .li1 .tab .name{padding:0 5%;font-size: 20px;} } @media screen and (max-width: 1366px) { #my_index_other_0001_2 .li1 .left{width:40%;} } @media screen and (max-width: 1024px) { #my_index_other_0001_2{height:auto;} #my_index_other_0001_2 .accordion{display:block;} #my_index_other_0001_2 .li{display:block;width:100%;border-right:none;} #my_index_other_0001_2 .li .info{width:100%;padding:80px 4% !important;} #my_index_other_0001_2 .li .bg .bg1{display:none;} #my_index_other_0001_2 .li .bg .bg2{display:inline-block;} #my_index_other_0001_2 .li .title1{display:none;} #my_index_other_0001_2 .li1 .bot{margin-top:50px;} } @media screen and (max-width: 992px) { #my_index_other_0001_2 .li .info{padding:8vw 4% !important;} #my_index_other_0001_2 .li .title2{font-size: .318rem;} /* 定制 */ #my_index_other_0001_2 .li1 .brief{margin-top:.152rem;font-size: .167rem;line-height: 1.727;} #my_index_other_0001_2 .li1 .form .label{margin-bottom:.152rem;} #my_index_other_0001_2 .li1 .form .tip{width:.758rem;padding-right:.076rem;font-size: .136rem;} #my_index_other_0001_2 .li1 .form .tip.one{line-height:.417rem;} #my_index_other_0001_2 .li1 .form .option{width:calc(100% - .758rem);} #my_index_other_0001_2 .li1 .form .select{height:.417rem;border-radius: .076rem;padding:0 .227rem 0 .152rem;font-size:.136rem;margin-bottom:.076rem;} #my_index_other_0001_2 .li1 .form .inp{width:calc(100% - .758rem);height:.417rem;border-radius: .076rem;padding:0 .152rem;font-size:.136rem;} #my_index_other_0001_2 .li1 .form .select input{font-size:.136rem;} #my_index_other_0001_2 .li1 .form .droph{border-radius: .076rem;padding:.114rem .152rem;line-height:.303rem;max-height:1.742rem;} #my_index_other_0001_2 .li1 .more{margin-left:.758rem;} #my_index_other_0001_2 .li1 .tab{margin:.265rem 0 .379rem;} #my_index_other_0001_2 .li1 .tab .name{padding:0 4%;font-size: .152rem;} #my_index_other_0001_2 .li1 .bind .con{max-height:2.5rem;} #my_index_other_0001_2 .li1 .bot{margin-top:.379rem;} /* 国标GB */ #my_index_other_0001_2 .li2 .brief{margin-top:.167rem;font-size: .152rem;} #my_index_other_0001_2 .li2 .item{width:calc(100% / 6);padding:0 .152rem;margin-top:.379rem;} #my_index_other_0001_2 .li2 .item .icon{max-width:.795rem;height: .758rem;} #my_index_other_0001_2 .li2 .item .txt{margin-top:.197rem;font-size: .121rem;} /* 解决方案 */ #my_index_other_0001_2 .li3 .brief{margin-top:.167rem;font-size: .152rem;} #my_index_other_0001_2 .li3 .bot{margin-top:.273rem;} #my_index_other_0001_2 .li3 .item{width:calc((100% - .152rem) / 2);margin:.152rem .152rem 0 0;border-radius: .121rem;} #my_index_other_0001_2 .li3 .item .name{font-size: .167rem;} #my_index_other_0001_2 .li3 .item .desc{margin-top:.045rem;font-size: .121rem;} #my_index_other_0001_2 .li3 .item .more{margin-top:.227rem;} #my_index_other_0001_2 .li3 .item .more .txt{margin-right:.114rem;font-size: .121rem;} #my_index_other_0001_2 .li3 .item .more .icon{font-size: .091rem;} } @media screen and (max-width: 768px) { /* 定制 */ #my_index_other_0001_2 .li1 .cont{display:block;} #my_index_other_0001_2 .li1 .left{width:100%;margin-bottom:.5rem;} #my_index_other_0001_2 .li1 .right{width:100%;} #my_index_other_0001_2 .li1 .brief{margin-top:.2rem;font-size: .22rem;line-height: 1.727;} #my_index_other_0001_2 .li1 .form .label{margin-bottom:.2rem;} #my_index_other_0001_2 .li1 .form .tip{width:1rem;padding-right:.1rem;font-size: .18rem;} #my_index_other_0001_2 .li1 .form .tip.one{line-height:.55rem;} #my_index_other_0001_2 .li1 .form .option{width:calc(100% - 1rem);} #my_index_other_0001_2 .li1 .form .select{height:.55rem;border-radius: .1rem;padding:0 .3rem 0 .2rem;font-size:.18rem;margin-bottom:.1rem;background-position-x: 96%;} #my_index_other_0001_2 .li1 .form .droph{border-radius: .1rem;padding:.15rem .2rem;line-height:.4rem;max-height:2.3rem;} #my_index_other_0001_2 .li1 .form .select input{font-size:.16rem;} #my_index_other_0001_2 .li1 .form .inp{width:calc(100% - 1rem);height:.55rem;border-radius: .1rem;padding:0 .2rem;font-size:.18rem;} #my_index_other_0001_2 .li1 .more{margin-left:1rem;} #my_index_other_0001_2 .li1 .tab{margin:.35rem 0 .5rem;} #my_index_other_0001_2 .li1 .tab .name{padding:0 4%;font-size: .2rem;} #my_index_other_0001_2 .li1 .bind .con{max-height:3.3rem;} #my_index_other_0001_2 .li1 .bot{margin-top:0.5rem;} /* 国标GB */ #my_index_other_0001_2 .li2 .brief{margin-top:.22rem;font-size: .2rem;} #my_index_other_0001_2 .li2 .item{width:calc(100% / 3);padding:0 .2rem;margin-top:.5rem;} #my_index_other_0001_2 .li2 .item .icon{max-width:1.05rem;height: 1rem;} #my_index_other_0001_2 .li2 .item .txt{margin-top:.26rem;font-size: .16rem;} /* 解决方案 */ #my_index_other_0001_2 .li3 .brief{margin-top:.22rem;font-size: .2rem;} #my_index_other_0001_2 .li3 .bot{margin-top:.36rem;} #my_index_other_0001_2 .li3 .item{width:100%;margin:.2rem 0 0 0;border-radius: .16rem;} #my_index_other_0001_2 .li3 .item .left{width:35%;} #my_index_other_0001_2 .li3 .item .right{width:65%;} #my_index_other_0001_2 .li3 .item .name{font-size: .22rem;} #my_index_other_0001_2 .li3 .item .desc{margin-top:.06rem;font-size: .16rem;} #my_index_other_0001_2 .li3 .item .more{margin-top:.3rem;} #my_index_other_0001_2 .li3 .item .more .txt{margin-right:.15rem;font-size: .16rem;} #my_index_other_0001_2 .li3 .item .more .icon{font-size: .12rem;} } @media screen and (max-width: 576px) { #my_index_other_0001_2 .li .title2{font-size: 0.52rem;} #my_index_other_0001_2 .li .info{padding:10vw 4% !important;} /* 定制 */ #my_index_other_0001_2 .li1 .left{width:100%;margin-bottom:10vw;} #my_index_other_0001_2 .li1 .brief{font-size: .26rem;line-height: 1.6;} #my_index_other_0001_2 .li1 .form .label{display:block;margin-bottom:0.5rem;} #my_index_other_0001_2 .li1 .form .tip{width:100%;font-size: .28rem;margin-bottom: 0.1rem;text-align: left;text-align-last:left;} #my_index_other_0001_2 .li1 .form .tip span{text-align: left;} #my_index_other_0001_2 .li1 .form .tip.one{line-height:1.6;} #my_index_other_0001_2 .li1 .form .option{width:100%;} #my_index_other_0001_2 .li1 .form .select{height:.7rem;padding:0 .3rem 0 .2rem;font-size:.28rem;} #my_index_other_0001_2 .li1 .form .inp{width:100%;height:.7rem;font-size:.28rem;} #my_index_other_0001_2 .li1 .form .select input{font-size:.28rem;} #my_index_other_0001_2 .li1 .more{margin-left:0;} #my_index_other_0001_2 .li1 .tab{margin:.35rem 0 .5rem;} #my_index_other_0001_2 .li1 .tab .name{font-size: .3rem;} #my_index_other_0001_2 .li1 .bind .con{max-height:4.3rem;} /* 国标GB */ #my_index_other_0001_2 .li2 .brief{font-size: .26rem;} #my_index_other_0001_2 .li2 .item{width:calc(100% / 2);} #my_index_other_0001_2 .li2 .item .icon{max-width:2.05rem;height: 2rem;} #my_index_other_0001_2 .li2 .item .txt{font-size: .26rem;} /* 解决方案 */ #my_index_other_0001_2 .li3 .brief{font-size: .26rem;} #my_index_other_0001_2 .li3 .item .left{width:35%;} #my_index_other_0001_2 .li3 .item .right{width:65%;} #my_index_other_0001_2 .li3 .item .name{font-size: .3rem;} #my_index_other_0001_2 .li3 .item .desc{font-size: .26rem;} #my_index_other_0001_2 .li3 .item .more .txt{font-size: .26rem;} #my_index_other_0001_2 .li3 .item .more .icon{font-size: .22rem;} }.lyuibtn_004 { --font-size: 16px; --icon-font-size: calc(var(--font-size) - 2px); --color: #fff; --background-color: var(--mainColor); --border-radius: 16px; --width: 180px; --height: 60px; --padding: 0 25px; --gap: 20px; height: var(--height);min-width: var(--width);width:fit-content; border-radius: var(--border-radius); background-color: var(--background-color); font-size: var(--font-size); color: var(--color); padding:var(--padding); line-height: 1; } .lyuibtn_004:hover{transform: translateY(5px);} .lyuibtn_004-icon{margin-left: var(--gap);font-size: var(--icon-font-size);font-weight:bold;} @media screen and (max-width: 992px) { .lyuibtn_004 { --font-size: .121rem; --icon-font-size: calc(var(--font-size) - .015rem); --border-radius: .121rem; --width: 1.364rem; --height: .455rem; --padding: 0 .189rem; --gap: .152rem; } .lyuibtn_004:hover{transform: translateY(.038rem);} } @media screen and (max-width: 768px) { .lyuibtn_004 { --font-size: .16rem; --icon-font-size: calc(var(--font-size) - .02rem); --border-radius: .16rem; --width: 1.8rem; --height: .6rem; --padding: 0 .25rem; --gap: .2rem; } .lyuibtn_004:hover{transform: translateY(.05rem);} } @media screen and (max-width: 576px) { .lyuibtn_004 { --font-size: .26rem; --border-radius: .18rem; --width: 2.2rem; --height: .7rem; } } #my_index_about_0001_3{width: 100%;height:895px;overflow: hidden;margin-top:10px;} #my_index_about_0001_3 .li{width:16.85%;height:100%;border-right:2px solid #fff;position: relative;} #my_index_about_0001_3 .li:last-child{border-right:none;} #my_index_about_0001_3 .li .bg img{width:100%;height:100%;object-fit: cover;} #my_index_about_0001_3 .li .bg::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(9, 32, 48, 0.5);transition: 0.3s;} #my_index_about_0001_3 .li .title1{padding:0 20px;font-size: 26px;color:#fff;line-height: 1;text-align: center;left:0;bottom: 9%;z-index:2;width:100%;} #my_index_about_0001_3 .li .info{padding:6.328%;position: relative;z-index: 5;} #my_index_about_0001_3 .li .title2{font-size: 50px;color:#fff;line-height: 1;text-align:center;margin-bottom:60px;} /* 合作伙伴 */ #my_index_about_0001_3 .li1{} #my_index_about_0001_3 .li1 .info{padding:6.328% 5.54%;} #my_index_about_0001_3 .li1 .item{width:calc((100% - 20px * 4) / 5);margin:0 20px 20px 0;border-radius:20px;overflow:hidden;padding:10px 20px;background-color: #fff;} #my_index_about_0001_3 .li1 .item:nth-child(5n){margin-right:0;} #my_index_about_0001_3 .li1 .item .img{width:100%;padding-top:46.875%;} #my_index_about_0001_3 .li1 .more{margin:40px auto 0;} #my_index_about_0001_3 .li1.cur .more:hover{transform: translateY(5px);} #my_index_about_0001_3 .li1.cur .bg::after{background-color: rgba(9, 32, 48, 0.8);} /* 关于我们 */ #my_index_about_0001_3 .li2{} #my_index_about_0001_3 .li2 .left{width:47%;} #my_index_about_0001_3 .li2 .name{font-size: 32px;color: #fff;} #my_index_about_0001_3 .li2 .brief{margin-top:18px;font-size: 16px;color: #fff;line-height: 1.75;} #my_index_about_0001_3 .li2 .more{margin-top:42px;} #my_index_about_0001_3 .li2 .right{max-width:360px;} #my_index_about_0001_3 .li2 .item{margin-top:50px;min-width:120px;text-align: left;} #my_index_about_0001_3 .li2 .item .num{font-size: 40px;color: #fff;line-height: 1;} #my_index_about_0001_3 .li2 .item .unit{margin-left:5px;font-size: 20px;color: #fff;line-height: 1.1;} #my_index_about_0001_3 .li2 .item .tit{margin-top:12px;font-size: 16px;color: #fff;} /* 荣誉资质 */ #my_index_about_0001_3 .li3 .info{padding-right:4.739%;} #my_index_about_0001_3 .li3 .left{width: 50%;} #my_index_about_0001_3 .li3 .right{width:37.5%;padding-top:20px;} #my_index_about_0001_3 .li3 .brief{font-size: 16px;color: #fff;line-height: 1.75;} #my_index_about_0001_3 .li3 .more{margin-top:45px;} #my_index_about_0001_3 .li3 .item{padding:0 5px;width:calc(100% / 3);} #my_index_about_0001_3 .li3 .item .icon{max-width:75px;max-height:60px;margin:0 auto;} #my_index_about_0001_3 .li3 .item .icon img{filter: brightness(0) invert(100%);} #my_index_about_0001_3 .li3 .item .txt{margin-top:20px;font-size: 16px;color: #fff;line-height: 1.25;word-break: break-all;} @media screen and (min-width: 1025px) { #my_index_about_0001_3 .li .com{opacity: 0;transform: translate(0,120px);} #my_index_about_0001_3 .li.cur{width:calc(100% - 2 * 16.85%);} #my_index_about_0001_3 .li.cur .title1{opacity:0;} #my_index_about_0001_3 .li.cur .com{transform: translate(0,0);opacity: 1;} } @media screen and (max-width: 1440px) { #my_index_about_0001_3{height:695px;} #my_index_about_0001_3 .li3 .right{width:45%;} } @media screen and (max-width: 1024px) { #my_index_about_0001_3{height: auto;margin-top:0;} #my_index_about_0001_3 .accordion{display: block;} #my_index_about_0001_3 .li{width:100%;border-right:none;} #my_index_about_0001_3 .li .title1{display:none;} #my_index_about_0001_3 .li .info{padding:80px 4% !important;} #my_index_about_0001_3 .li .title2{font-size: 42px;margin-bottom:50px;} } @media screen and (max-width: 992px) { #my_index_about_0001_3 .li .info{padding:8vw 4% !important;} #my_index_about_0001_3 .li .title2{font-size: .318rem;margin-bottom:.379rem;} /* 合作伙伴 */ #my_index_about_0001_3 .li1 .item{width:calc((100% - .152rem * 4) / 5);margin:0 .152rem .152rem 0;border-radius:.152rem;padding:.076rem .152rem;} #my_index_about_0001_3 .li1 .more{margin:.303rem auto 0;} /* 关于我们 */ #my_index_about_0001_3 .li2 .left{width:47%;} #my_index_about_0001_3 .li2 .name{font-size: .242rem;} #my_index_about_0001_3 .li2 .brief{margin-top:.136rem;font-size: .121rem;} #my_index_about_0001_3 .li2 .more{margin-top:.227rem;} #my_index_about_0001_3 .li2 .right{max-width:2.727rem;} #my_index_about_0001_3 .li2 .item{margin-top:.379rem;min-width:.909rem;} #my_index_about_0001_3 .li2 .item .num{font-size: .303rem;} #my_index_about_0001_3 .li2 .item .unit{margin-left:.038rem;font-size: .152rem;} #my_index_about_0001_3 .li2 .item .tit{margin-top:.091rem;font-size: .121rem;} /* 荣誉资质 */ #my_index_about_0001_3 .li3 .left{width: 50%;} #my_index_about_0001_3 .li3 .right{width:45%;padding-top:.152rem;} #my_index_about_0001_3 .li3 .brief{font-size: .121rem;} #my_index_about_0001_3 .li3 .more{margin-top:.341rem;} #my_index_about_0001_3 .li3 .item{padding:0 .038rem;} #my_index_about_0001_3 .li3 .item .icon{max-width:.568rem;max-height:.455rem;} #my_index_about_0001_3 .li3 .item .txt{margin-top:.152rem;font-size: .121rem;} } @media screen and (max-width: 768px) { #my_index_about_0001_3 .li .title2{font-size: .42rem;margin-bottom:.5rem;} /* 合作伙伴 */ #my_index_about_0001_3 .li1 .item{width:calc((100% - .2rem * 3) / 4);margin:0 .2rem .2rem 0;border-radius:.2rem;padding:.1rem .2rem;} #my_index_about_0001_3 .li1 .item:nth-child(5n){margin-right:0.2rem;} #my_index_about_0001_3 .li1 .item:nth-child(4n){margin-right:0;} #my_index_about_0001_3 .li1 .more{margin:.3rem auto 0;} /* 关于我们 */ #my_index_about_0001_3 .li2 .bot{display: block;} #my_index_about_0001_3 .li2 .left{width:100%;} #my_index_about_0001_3 .li2 .name{font-size: .32rem;} #my_index_about_0001_3 .li2 .brief{margin-top:.18rem;font-size: .16rem;} #my_index_about_0001_3 .li2 .more{margin-top:.3rem;} #my_index_about_0001_3 .li2 .right{max-width:100%;} #my_index_about_0001_3 .li2 .item{margin-top:.5rem;min-width:1.2rem;} #my_index_about_0001_3 .li2 .item .num{font-size: .4rem;} #my_index_about_0001_3 .li2 .item .unit{margin-left:.05rem;font-size: .2rem;} #my_index_about_0001_3 .li2 .item .tit{margin-top:.12rem;font-size: .16rem;} /* 荣誉资质 */ #my_index_about_0001_3 .li3 .bot{display: block;} #my_index_about_0001_3 .li3 .left{width: 100%;} #my_index_about_0001_3 .li3 .right{width:100%;padding-top:.5rem;} #my_index_about_0001_3 .li3 .brief{font-size: .16rem;} #my_index_about_0001_3 .li3 .more{margin-top:.45rem;} #my_index_about_0001_3 .li3 .item{padding:0 .05rem;} #my_index_about_0001_3 .li3 .item .icon{max-width:.75rem;max-height:.6rem;} #my_index_about_0001_3 .li3 .item .txt{margin-top:.2rem;font-size: .16rem;} } @media screen and (max-width: 576px) { #my_index_about_0001_3 .li .info{padding:10vw 4% !important;min-height:9rem;} #my_index_about_0001_3 .li .title2{font-size: .52rem;} /* 合作伙伴 */ #my_index_about_0001_3 .li1 .item{width:calc((100% - .2rem * 2) / 3);} #my_index_about_0001_3 .li1 .item:nth-child(4n){margin-right:0.2rem;} #my_index_about_0001_3 .li1 .item:nth-child(3n){margin-right:0;} /* 关于我们 */ #my_index_about_0001_3 .li2 .name{font-size: .32rem;} #my_index_about_0001_3 .li2 .brief{font-size: .26rem;} #my_index_about_0001_3 .li2 .item{margin-top:.5rem;min-width:1.2rem;} #my_index_about_0001_3 .li2 .item .num{font-size: .4rem;} #my_index_about_0001_3 .li2 .item .unit{font-size: .3rem;} #my_index_about_0001_3 .li2 .item .tit{font-size: .26rem;} /* 荣誉资质 */ #my_index_about_0001_3 .li3 .brief{font-size: .26rem;} #my_index_about_0001_3 .li3 .item .icon{max-width:.85rem;max-height:.7rem;} #my_index_about_0001_3 .li3 .item .txt{font-size: .26rem;} } #my_index_news_0001_4{width: 100%;height:895px;overflow: hidden;margin-top:10px;} #my_index_news_0001_4 .li{width:16.85%;height:100%;border-right:2px solid #fff;position: relative;} #my_index_news_0001_4 .li:last-child{border-right:none;} #my_index_news_0001_4 .li .bg img{width:100%;height:100%;object-fit: cover;} #my_index_news_0001_4 .li .bg::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(9, 32, 48, 0.5);} #my_index_news_0001_4 .li .title1{padding:0 20px;font-size: 26px;color:#fff;line-height: 1;text-align: center;left:0;bottom: 9%;z-index:2;width:100%;} #my_index_news_0001_4 .li .info{padding:6.328%;position: relative;z-index: 5;} #my_index_news_0001_4 .item{border-radius:16px;overflow:hidden;} #my_index_news_0001_4 .item:nth-child(1){margin-bottom:30px;} #my_index_news_0001_4 .item .left{width: 39.865%;} #my_index_news_0001_4 .item .right{width:calc(100% - 39.865%);padding:20px 3.6%;background-color: rgba(131, 224, 255,0.2);backdrop-filter: blur(10px);} #my_index_news_0001_4 .item:hover .right{background-color: var(--mainColor);backdrop-filter:unset;} #my_index_news_0001_4 .title2{font-size: 50px;color:#fff;line-height: 1;text-align:center;margin-bottom:60px;} #my_index_news_0001_4 .item .pic{width: 100%;height:100%;padding-top:62.5%;} #my_index_news_0001_4 .item .time{font-size: 16px;color:#fff;line-height:1;} #my_index_news_0001_4 .item .name{margin-top:8px;font-size: 22px;color:#fff;line-height: 1.364;} #my_index_news_0001_4 .item .brief{margin-top:20px;font-size: 16px;color:#fff;line-height: 1.75;} #my_index_news_0001_4 .item .more{margin-top:46px;} #my_index_news_0001_4 .item .more .txt{margin-right:15px;font-size: 16px;color:#fff;line-height:1;} #my_index_news_0001_4 .item .more .icon{font-size: 12px;font-weight:bold;color:#fff;line-height:1;} @media screen and (min-width: 769px) { #my_index_news_0001_4 .li .com{opacity: 0;transform: translate(0,120px);} #my_index_news_0001_4 .li.cur{width:calc(100% - 2 * 16.85%);} #my_index_news_0001_4 .li.cur .title1{opacity:0;} #my_index_news_0001_4 .li.cur .com{transform: translate(0,0);opacity: 1;} } @media screen and (max-width: 1440px) { #my_index_news_0001_4{height:750px;} #my_index_news_0001_4 .li .title1{font-size:20px;} #my_index_news_0001_4 .title2{font-size: 42px;margin-bottom:50px;} #my_index_news_0001_4 .item .name{font-size: 20px;} } @media screen and (max-width: 1024px) { #my_index_news_0001_4 .li .info{padding:80px 4%;} } @media screen and (max-width: 992px) { #my_index_news_0001_4{height:5.682rem;margin-top:.076rem;} #my_index_news_0001_4 .li .info{padding:8vw 4%;} #my_index_news_0001_4 .li .title1{padding:0 .152rem;font-size: .152rem;} #my_index_news_0001_4 .item{border-radius:.121rem;} #my_index_news_0001_4 .item:nth-child(1){margin-bottom:.227rem;} #my_index_news_0001_4 .item .right{padding:.152rem 3.6%;} #my_index_news_0001_4 .title2{font-size: .318rem;margin-bottom:.379rem;} #my_index_news_0001_4 .item .time{font-size: .121rem;} #my_index_news_0001_4 .item .name{margin-top:.061rem;font-size: .152rem;} #my_index_news_0001_4 .item .brief{margin-top:.152rem;font-size: .121rem;} #my_index_news_0001_4 .item .more{margin-top:.348rem;} #my_index_news_0001_4 .item .more .txt{margin-right:.114rem;font-size: .121rem;} #my_index_news_0001_4 .item .more .icon{font-size: .091rem;} } @media screen and (max-width: 768px) { #my_index_news_0001_4{height:auto;margin-top:0;} #my_index_news_0001_4 .accordion{display:block;} #my_index_news_0001_4 .li{width:100%;display:block;border-right:none;} #my_index_news_0001_4 .li .info{padding:8vw 4%;} #my_index_news_0001_4 .li .title1{display:none;} #my_index_news_0001_4 .item{border-radius:.16rem;} #my_index_news_0001_4 .item:nth-child(1){margin-bottom:.3rem;} #my_index_news_0001_4 .item .right{padding:.2rem 3.6%;} #my_index_news_0001_4 .title2{font-size: .42rem;margin-bottom:.5rem;} #my_index_news_0001_4 .item .time{font-size: .16rem;} #my_index_news_0001_4 .item .name{margin-top:.08rem;font-size: .2rem;} #my_index_news_0001_4 .item .brief{margin-top:.2rem;font-size: .16rem;} #my_index_news_0001_4 .item .more{margin-top:.3rem;} #my_index_news_0001_4 .item .more .txt{margin-right:.15rem;font-size: .16rem;} #my_index_news_0001_4 .item .more .icon{font-size: .12rem;} } @media screen and (max-width: 576px) { #my_index_news_0001_4 .li .info{padding:10vw 4%;} #my_index_news_0001_4 .title2{font-size: .52rem;} #my_index_news_0001_4 .item .time{font-size: .26rem;} #my_index_news_0001_4 .item .name{font-size: .3rem;} #my_index_news_0001_4 .item .brief{font-size: .26rem;} #my_index_news_0001_4 .item .more .txt{font-size: .26rem;} #my_index_news_0001_4 .item .more .icon{font-size: .22rem;} }.lyuibtn_004 { --font-size: 16px; --icon-font-size: calc(var(--font-size) - 2px); --color: #fff; --background-color: var(--mainColor); --border-radius: 16px; --width: 180px; --height: 60px; --padding: 0 25px; --gap: 20px; height: var(--height);min-width: var(--width);width:fit-content; border-radius: var(--border-radius); background-color: var(--background-color); font-size: var(--font-size); color: var(--color); padding:var(--padding); line-height: 1; } .lyuibtn_004:hover{transform: translateY(5px);} .lyuibtn_004-icon{margin-left: var(--gap);font-size: var(--icon-font-size);font-weight:bold;} @media screen and (max-width: 992px) { .lyuibtn_004 { --font-size: .121rem; --icon-font-size: calc(var(--font-size) - .015rem); --border-radius: .121rem; --width: 1.364rem; --height: .455rem; --padding: 0 .189rem; --gap: .152rem; } .lyuibtn_004:hover{transform: translateY(.038rem);} } @media screen and (max-width: 768px) { .lyuibtn_004 { --font-size: .16rem; --icon-font-size: calc(var(--font-size) - .02rem); --border-radius: .16rem; --width: 1.8rem; --height: .6rem; --padding: 0 .25rem; --gap: .2rem; } .lyuibtn_004:hover{transform: translateY(.05rem);} } @media screen and (max-width: 576px) { .lyuibtn_004 { --font-size: .26rem; --border-radius: .18rem; --width: 2.2rem; --height: .7rem; } } #my_contact_0001_5{padding:80px 0 100px;overflow:hidden;background: url('/module/my/contact/0001/images/bg.jpg') no-repeat center / cover;} #my_contact_0001_5 .title{font-size: 50px;color: rgb(9, 32, 48);line-height: 1;text-align: center;} #my_contact_0001_5 .brief{font-size: 16px;margin-top:30px;color: rgb(133, 146, 156);line-height: 1.875;text-align: center;} #my_contact_0001_5 .cont{margin-top:50px;} #my_contact_0001_5 .left{width:calc(100% - 65.715%);padding-right:2%;} #my_contact_0001_5 .right{width:65.715%;} #my_contact_0001_5 .left .item{margin-bottom:50px;} #my_contact_0001_5 .left .item .tit{font-size: 16px;margin-left:10px;color: rgb(69, 93, 110);line-height: 1.2;} #my_contact_0001_5 .left .item .txt{font-size: 18px;margin-top:15px;color: rgb(9, 32, 48);line-height: 1.444;} #my_contact_0001_5 .qrcode img{width:100%;max-width:105px;object-fit:contain;} #my_contact_0001_5 .form .li{width:calc((100% - 20px) / 2);margin:0 20px 20px 0;} #my_contact_0001_5 .form .li:nth-child(2n){margin-right:0;} #my_contact_0001_5 .form .inp{transition: 0.3s;display:block;border: 1.5px solid rgb(216, 225, 228);color: #455d6e;height:60px;border-radius: 16px;font-size: 16px;padding:0 20px;background-color: #fff;} #my_contact_0001_5 .form .inp.focus{border-color:var(--mainColor);} #my_contact_0001_5 .form .inp.text{width:100%;height:160px;line-height:1.6;padding-top:15px;padding-bottom:15px;} /* 验证码 */ #my_contact_0001_5 .form .code{margin-top:20px;} #my_contact_0001_5 .form .code input{width: calc(100% - 160px);} #my_contact_0001_5 .form .img_code{right:10px;top:50%;transform: translateY(-50%);z-index:2;width:150px;height:50px;/*background-color: #f3fbfe;*/} #my_contact_0001_5 .form .tips{font-size: 16px;color: #455d6e;line-height: 1.2;white-space: nowrap;margin-left:20px;} #my_contact_0001_5 .form .tips span{color:var(--mainColor);} #my_contact_0001_5 .form .submit{margin:40px auto 0;} #my_contact_0001_5 .form input,#my_contact_0001_5 .form textarea{display:block;width:100%;height:100%;} #my_contact_0001_5 .form textarea::placeholder,#my_contact_0001_5 .form input::placeholder{color:#455d6e;} #my_contact_0001_5 .form textarea::-moz-placeholder,#my_contact_0001_5 .form input::-moz-placeholder{color:#455d6e;} #my_contact_0001_5 .form textarea::-ms-input-placeholder,#my_contact_0001_5 .form input::-ms-input-placeholder{color:#455d6e;} #my_contact_0001_5 .form textarea::-webkit-input-placeholder,#my_contact_0001_5 .form input::-webkit-input-placeholder{color:#455d6e;} @media screen and (max-width: 1024px) { #my_contact_0001_5{padding:80px 0;} #my_contact_0001_5 .title{font-size: 42px;} } @media screen and (max-width: 992px) { #my_contact_0001_5{padding:8vw 0;} #my_contact_0001_5 .title{font-size: .318rem;} #my_contact_0001_5 .brief{font-size: .121rem;margin-top:.227rem;line-height:1.6;} #my_contact_0001_5 .cont{margin-top:.379rem;} #my_contact_0001_5 .left .item{margin-bottom:.379rem;} #my_contact_0001_5 .left .item .tit{font-size: .121rem;margin-left:.076rem;} #my_contact_0001_5 .left .item .txt{font-size: .136rem;margin-top:.114rem;} #my_contact_0001_5 .qrcode img{max-width:.795rem;} #my_contact_0001_5 .form .li{width:calc((100% - .152rem) / 2);margin:0 .152rem .152rem 0;} #my_contact_0001_5 .form .inp{height:.455rem;border-radius: .121rem;font-size: .121rem;padding:0 .152rem;} #my_contact_0001_5 .form .inp.text{height:1.212rem;padding-top:.114rem;padding-bottom:.114rem;} /* 验证码 */ #my_contact_0001_5 .form .code{margin-top:.152rem;} #my_contact_0001_5 .form .code input{width: calc(100% - 1.212rem);} #my_contact_0001_5 .form .img_code{right:.076rem;width:1.136rem;height:.379rem;} #my_contact_0001_5 .form .tips{font-size: .121rem;margin-left:.152rem;} #my_contact_0001_5 .form .submit{margin-top:.303rem;} } @media screen and (max-width: 768px) { #my_contact_0001_5 .title{font-size: .42rem;} #my_contact_0001_5 .brief{font-size: .16rem;margin-top:.3rem;} #my_contact_0001_5 .cont{margin-top:.5rem;display:block;} #my_contact_0001_5 .left{width:100%;padding:0 0 0.5rem 0;display:flex;flex-wrap: wrap;justify-content:space-between;} #my_contact_0001_5 .right{width:100%;} #my_contact_0001_5 .left .item{margin-bottom:.5rem;width:48%;} #my_contact_0001_5 .left .item:nth-child(3){width:100%;} #my_contact_0001_5 .left .item .tit{font-size: .16rem;margin-left:.1rem;} #my_contact_0001_5 .left .item .txt{font-size: .18rem;margin-top:.15rem;} #my_contact_0001_5 .qrcode img{max-width:1.05rem;} #my_contact_0001_5 .form .li{width:calc((100% - .2rem) / 2);margin:0 .2rem .2rem 0;} #my_contact_0001_5 .form .inp{height:.6rem;border-radius: .16rem;font-size: .16rem;padding:0 .2rem;} #my_contact_0001_5 .form .inp.text{height:1.6rem;padding-top:.15rem;padding-bottom:.15rem;} /* 验证码 */ #my_contact_0001_5 .form .code{margin-top:.2rem;} #my_contact_0001_5 .form .code input{width: calc(100% - 1.6rem);} #my_contact_0001_5 .form .img_code{right:.1rem;width:1.5rem;height:.5rem;} #my_contact_0001_5 .form .tips{font-size: .16rem;margin-left:.2rem;} #my_contact_0001_5 .form .submit{margin-top:.4rem;} } @media screen and (max-width: 576px) { #my_contact_0001_5{padding:10vw 0;} #my_contact_0001_5 .title{font-size: .52rem;} #my_contact_0001_5 .brief{font-size: .26rem;} #my_contact_0001_5 .left .item{margin-bottom:.5rem;width:100%;} #my_contact_0001_5 .left .item .tit{font-size: .26rem;} #my_contact_0001_5 .left .item .txt{font-size: .28rem;} #my_contact_0001_5 .qrcode img{max-width:2rem;} #my_contact_0001_5 .form .li{width:100%;margin:0 0 .3rem 0;} #my_contact_0001_5 .form .inp{height:.7rem;border-radius: .18rem;font-size: .26rem;} #my_contact_0001_5 .form .inp.text{height:2rem;} /* 验证码 */ #my_contact_0001_5 .form .code input{width: calc(100% - 1.6rem);} #my_contact_0001_5 .form .tips{font-size: .26rem;} }