.lyuibtn_033 { --font-size: 20px; --icon-font-size: 12px; --color: #fff; --border-radius: 25px; --border-color: #fff; --width: max-content; --height: 50px; --padding: 0 30px; --background-color: transparent; --hover-color: #fff; --hover-border-color: var(--mainColor); --hover-background-color: var(--mainColor); height: var(--height);width: var(--width);border-radius: var(--border-radius);color: var(--color);padding: var(--padding); border: 1px solid var(--border-color); gap: 10px; overflow: hidden;transition: all 0.3s ease; } .lyuibtn_033::before{content: ""; display: block; width: 100%; height: 100%; background-color: var(--background-color); backdrop-filter: blur(30px); position: absolute;top: 0; left: 0; z-index: 0; transition: all 0.3s ease;} .lyuibtn_033-text{font-size: var(--icon-font-size); font-family: "Montserrat-Light"; font-size: var(--font-size); line-height: 1; letter-spacing: 0%; position: relative; z-index: 2;} .lyuibtn_033-icon{position: relative; z-index: 2; fill: none;} .lyuibtn_033-icon-svg{fill: var(--color);} @media (min-width: 992px) { .lyuibtn_033:hover{border-color: var(--hover-border-color); color: var(--hover-color);} .lyuibtn_033:hover .lyuibtn_033-icon-svg{fill: var(--hover-color);} .lyuibtn_033:hover::before{background-color: var(--hover-background-color);} } @media (max-width: 1440px) { .lyuibtn_033{ --padding: 0 25px;} } @media (max-width:1366px) { .lyuibtn_033 { --font-size: 18px; } } @media (max-width:1200px) { .lyuibtn_033 { --padding: 0 22px; --height: 45px; --font-size: 16px; } .lyuibtn_033-icon-svg{width: 10px; height: 10px;} .lyuibtn_033:hover{border-color: var(--border-color); color: var(--color);} .lyuibtn_033:hover .lyuibtn_033-icon-svg{fill: var(--color);} .lyuibtn_033:hover::before{background-color: var(--background-color);} } @media (max-width: 992px) { .lyuibtn_033 { --font-size: .1061rem; --icon-font-size: .1061rem; --padding: 0 .1894rem; gap: .0606rem; } } @media (max-width: 768px) { .lyuibtn_033 { --font-size: .26rem; --icon-font-size: .24rem; --padding: 0 .35rem; --height: .75rem; gap: .15rem; } } /*头部PC端*/ #ly_web_header_0001_0{position: fixed;width: 100%;left: 0;top: 0;z-index: 10; background-color: #fff; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);} #ly_web_header_0001_0 .logo{width: 240px;height: 22px;} #ly_web_header_0001_0 .logo img{max-width: 100%; max-height: 100%; object-fit: cover;} #ly_web_header_0001_0 .hnav{gap: 50px;} #ly_web_header_0001_0 .hnav .one-nav{line-height: 80px; height:100%; word-break: keep-all;} #ly_web_header_0001_0 .hnav .one-nav .nav-a{gap: 18px; font-family: "Montserrat-Light"; font-size: 20px; letter-spacing: 0%; color: #1A1A1A;} #ly_web_header_0001_0 .hnav .one-nav .nav-icon{flex: none; width: 9px; height: 6px; background: url() no-repeat center center; background-image: url(/module/ly-web/header/0001/images/jt.svg);} /* 右侧 */ #ly_web_header_0001_0 .hright{width: max-content; height: 80px; gap: 40px;} #ly_web_header_0001_0 .search{width: 24px; height: 24px; background: url() no-repeat center center; background-image: url(/module/ly-web/header/0001/images/search.svg);} #ly_web_header_0001_0 .lang{position: relative; height: 100%;} #ly_web_header_0001_0 .lang .icon{width: 24px; height: 24px; background: url() no-repeat center center; background-image: url(/module/ly-web/header/0001/images/lang.svg);} #ly_web_header_0001_0 .hright .btns{gap: 10px; } #ly_web_header_0001_0 .hright .btn{width: max-content; height: 40px; padding: 0 21px; border: 1px solid #B3B3B3; border-radius: 100px; font-family: "Montserrat-Light"; font-size: 20px; line-height: 1em; text-align: center; color: #1A1A1A;} #ly_web_header_0001_0 .hright .btn:hover{color: #fff; background-color: var(--mainColor); border-color: var(--mainColor);} #ly_web_header_0001_0 .hright .menu{display:none; width:30px; height:30px;} #ly_web_header_0001_0 .hright .menu > div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); font-size: 36px; color: #333;} #ly_web_header_0001_0 .hright .menu .icon2{opacity: 0;} #ly_web_header_0001_0 .hright .menu.cur .icon1{opacity: 0;} #ly_web_header_0001_0 .hright .menu.cur .icon2{opacity: 1;} #ly_web_header_0001_0 .scrollbar{scrollbar-width: auto;} #ly_web_header_0001_0 .scrollbar *{scrollbar-width: auto;} #ly_web_header_0001_0 .scrollbar *::-webkit-scrollbar {width: 6px;background: #eeeeee;height: 5px;} #ly_web_header_0001_0 .scrollbar::-webkit-scrollbar:hover, #ly_web_header_0001_0 .scrollbar *::-webkit-scrollbar:hover{background: transparent;} #ly_web_header_0001_0 .scrollbar::-webkit-scrollbar-thumb, #ly_web_header_0001_0 .scrollbar *::-webkit-scrollbar-thumb {border-radius: 10px;background: var(--mainColor) ;cursor:pointer; transition: all 0.5s ease;} /* 头部导航常规二级下拉栏样式：包括二级菜单栏+语言下拉栏 */ #ly_web_header_0001_0 .ly_web_header_0001_0_box{ height: 0; overflow: hidden; top: 80px; left: -25px; z-index: 10; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0;} #ly_web_header_0001_0 .ly_web_header_0001_0_ul{width: max-content; min-width: 240px; max-height: 500px; overflow: auto; padding: 30px; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; gap: 20px; position: relative;} #ly_web_header_0001_0 .ly_web_header_0001_0_ul::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(246, 246, 246, 0.9); backdrop-filter: blur(40px); z-index: -1;} #ly_web_header_0001_0 .ly_web_header_0001_0_ul.two-columns{display: grid; grid-template-rows: repeat(7, auto); grid-auto-flow: column;} #ly_web_header_0001_0 .ly_web_header_0001_0_li {font-family: "Montserrat-Light"; font-size: 18px; line-height: 1.3em; letter-spacing: 0%; color: #1A1A1A; gap:15px;} #ly_web_header_0001_0 .ly_web_header_0001_0_li .lang_img{width: 27px; height: 27px;} #ly_web_header_0001_0 .ly_web_header_0001_0_li:hover{color: var(--mainColor);} /* 产品 + 应用 公共 下拉菜单栏样式 */ .ly_web_header_0001_0_pro_box, .ly_web_header_0001_0_app_box { top: 80px; left: 0; width: 100%; z-index: 30; height: 0; opacity: 0; overflow: hidden; visibility: hidden; transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1); backdrop-filter: blur(50px); background-color: rgba(255, 255, 255, .8);} .ly_web_header_0001_0_pro_box.onCur, .ly_web_header_0001_0_app_box.onCur { height: calc(100vh - 80px); opacity: 1; visibility: visible;} /* .ly_web_header_0001_0_pro_box::before, .ly_web_header_0001_0_app_box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1); z-index: -1;} */ /* 产品下拉菜单栏样式 */ /*.ly_web_header_0001_0_pro_content{ height: 100%; padding: 50px 0; padding-left: 0;}*/ .ly_web_header_0001_0_pro_content{ height: 100%; padding: 20px 0; padding-left: 0;} /*.ly_web_header_0001_0_pro_cate{display: flex; flex-direction: column; gap: 20px; padding-right: 5px; height: 100%; max-height: calc(100% - 90px); overflow-y: auto;}*/ .ly_web_header_0001_0_pro_cate{display: flex; flex-direction: column; gap: 30px; padding-right: 5px; height: 100%; max-height: calc(100% - 55px); overflow-y: auto;} .ly_web_header_0001_0_pro_one{width: 100%; gap: 50px;} .ly_web_header_0001_0_pro_one_pic{width: 17.78%; flex: none; overflow: hidden; position: relative;} /*.ly_web_header_0001_0_pro_one_pic::before{ content: ''; display: block; width: 100%; padding-top: 46.875%;}*/ /*.ly_web_header_0001_0_pro_one:nth-child(1) .ly_web_header_0001_0_pro_one_pic::before{padding-top: 87.8%;}*/ /*.ly_web_header_0001_0_pro_one:nth-child(2) .ly_web_header_0001_0_pro_one_pic::before{padding-top: 72%;}*/ .ly_web_header_0001_0_pro_one_pic::before{ content: ''; display: block; width: 100%; padding-top: 73.5%;} .ly_web_header_0001_0_pro_one_name{padding: 20px; font-size: 18px; line-height: 1.3em; letter-spacing: 0%; color: #1a1a1a;} .ly_web_header_0001_0_pro_one_sub{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px 40px;} /*.ly_web_header_0001_0_pro_two_name{padding: 10px 24px 10px 0; gap: 10px; border-bottom: 1px solid #B3B3B3;}*/ .ly_web_header_0001_0_pro_two_name{padding: 6px 24px 6px 0; gap: 10px; border-bottom: 1px solid #B3B3B3;} .ly_web_header_0001_0_pro_two_name_text{display: block; font-family: "Montserrat-Medium"; font-size: 18px; line-height: 1.3em; letter-spacing: 0%; color: #1A1A1A;} .ly_web_header_0001_0_pro_two_name_icon{display: block; width: 12px; height: 12px; background: url() no-repeat center center; background-image: url(/module/ly-web/header/0001/images/jt2.svg);} /*.ly_web_header_0001_0_pro_three{margin-top: 20px; gap: 8px;}*/ .ly_web_header_0001_0_pro_three{margin-top: 10px; gap: 5px;} .ly_web_header_0001_0_pro_three_name{width: 100%; font-family: "Montserrat-Light"; font-size: 14px; line-height: 1.3em; letter-spacing: 0%; color: #4D4D4D;} /* 下拉菜单栏中 联系我们 样式 */ .ly_web_header_0001_0_contact{bottom: 0; left: 0; z-index: 5; width: 100%; height: 60px; background-color: var(--mainColor); } .ly_web_header_0001_0_contact_box{height: 100%; gap: 20px; } .ly_web_header_0001_0_contact_left {gap: 56px;} .ly_web_header_0001_0_contact_left .phone{gap: 10px; line-height: 1; letter-spacing: 0%; color: #fff;} .ly_web_header_0001_0_contact_left .phone .img{flex: none; width: 20px; height: 20px; background: url(/module/ly-web/header/0001/images/phone.svg) no-repeat center center;} .ly_web_header_0001_0_contact_left .phone span:nth-child(2){ font-size: 18px; } .ly_web_header_0001_0_contact_left .phone span:nth-child(3){ font-size: 24px; } .ly_web_header_0001_0_contact_left .contact{width: max-content; height: 36px; padding: 20px; gap: 10px; font-size: 18px; line-height: 1; letter-spacing: 0%; color: var(--mainColor); background-color: #fff; border-radius: 100px;} .ly_web_header_0001_0_contact_left .contact .img{flex: none; width: 24px; height: 19px; background: url(/module/ly-web/header/0001/images/contact.svg) no-repeat center center;} .ly_web_header_0001_0_contact_right{flex: none; width: 22px; height: 22px; background: url(/module/ly-web/header/0001/images/close.svg) no-repeat center center;} /* 应用下拉菜单栏样式 */ .ly_web_header_0001_0_app_content{height: 100%; display: flex; background-color: rgba(255, 255, 255, .8);} .ly_web_header_0001_0_app_info{width: 29.167%; height: 100%; padding: 50px 45px 120px 14.8%; display: flex; flex-direction: column; gap: 30px;} .ly_web_header_0001_0_app_info h2{font-family: "Montserrat-Medium"; font-size: 30px; line-height: 1.3em; letter-spacing: 0%; color: #000;} .ly_web_header_0001_0_app_info .brief{font-family: "Montserrat-Light"; font-size: 18px; line-height: 26px; letter-spacing: 0%; color: #4d4d4d;} .ly_web_header_0001_0_app_info .btn{--border-color: #B3B3B3; --background-color: #fff; --color: #1A1A1A; --hover-color: #fff; --hover-background-color: var(--mainColor) !important;} .ly_web_header_0001_0_app_right{width: calc(100% - 29.167%); height: 100%; padding: 50px 15% 120px 60px; gap: 5.88%; background: rgba(246, 246, 246, 0.9);} .ly_web_header_0001_0_app_list{width: 33.6%; padding-right: 5px; height: 100%; overflow-y: auto; display: flex; flex-direction: column; gap: 18px;} .ly_web_header_0001_0_app_item{gap: 10px; font-family: "Montserrat-Medium"; font-size: 18px; line-height: 1.5em; letter-spacing: 0%; color: #1A1A1A;} .ly_web_header_0001_0_app_item .jt{opacity: 0; transform: translateX(-10px); flex: none; width: 12px; height: 12px; background: url(/module/ly-web/header/0001/images/jt2.svg) no-repeat center center;} .ly_web_header_0001_0_app_cont{width: 60%;} .ly_web_header_0001_0_app_cont .pic {width: 100%;} .ly_web_header_0001_0_app_cont .pic::before{padding-top: 55.88%;} .ly_web_header_0001_0_app_cont .brief{margin-top: 20px; width: 100%; font-family: "Montserrat-Light"; font-size: 18px; line-height: 1.5em; letter-spacing: 0%; color: #4D4D4D; } .ly_web_header_0001_0_app_cont .more{margin-top: 40px; gap: 10px; font-family: "Montserrat-Light"; font-size: 20px; line-height: 1.5em; letter-spacing: 0%; color: #1a1a1a; } .ly_web_header_0001_0_app_cont .more .img{width: 32px; height: 32px; border-radius: 50%; background: #fff url(/module/ly-web/header/0001/images/jt3.svg) no-repeat center center;} /* 头部滚动时样式和鼠标移入时样式 */ @media screen and (min-width:751px) { #header.scroll-down #ly_web_header_0001_0 , #header.scroll-up #ly_web_header_0001_0{transform: translate(0,0);} .ly_web_header_0001_0_pro_two_name:hover .ly_web_header_0001_0_pro_two_name_text{color: var(--mainColor);} .ly_web_header_0001_0_pro_two_name:hover .ly_web_header_0001_0_pro_two_name_icon{transform: translateX(10px); background-image: url(/module/ly-web/header/0001/images/jt2-b.svg);} .ly_web_header_0001_0_pro_three_name:hover{color: var(--mainColor);} .ly_web_header_0001_0_app_item:hover, .ly_web_header_0001_0_app_cont .more:hover{color: var(--mainColor);} .ly_web_header_0001_0_app_item:hover .jt{opacity: 1; transform: translateX(0); background-image: url(/module/ly-web/header/0001/images/jt2-b.svg);} .ly_web_header_0001_0_app_cont .more:hover .img{background-color: var(--mainColor); background-image: url(/module/ly-web/header/0001/images/jt3-w.svg);} } /* 头部PC端响应式 */ @media screen and (max-width: 1950px) { .ly_web_header_0001_0_app_info {padding: 50px 50px 120px 8.5%;} .ly_web_header_0001_0_app_right {padding: 50px 4% 120px 4%;} } @media screen and (max-width: 1680px) { #ly_web_header_0001_0 .hnav{gap: 40px;} #ly_web_header_0001_0 .hright{gap: 30px;} .ly_web_header_0001_0_app_info {padding: 50px 50px 120px 4.2%;} } @media screen and (max-width: 1536px) { #ly_web_header_0001_0 .hnav{gap: 22px;} #ly_web_header_0001_0 .hnav .one-nav .nav-a{gap: 14px;} #ly_web_header_0001_0 .hright{gap: 30px;} .ly_web_header_0001_0_pro_two_name_text{font-size: 16px;} } @media screen and (max-width: 1440px) { #ly_web_header_0001_0 .hnav .one-nav .nav-a, #ly_web_header_0001_0 .hright .btn, #ly_web_header_0001_0 .ly_web_header_0001_0_li{font-size: 16px;} #ly_web_header_0001_0 .hright{gap: 20px;} #ly_web_header_0001_0 .ly_web_header_0001_0_ul{padding: 22px 25px; gap: 10px;} #ly_web_header_0001_0 .li_one{padding: 4px 0;} .ly_web_header_0001_0_pro_one_name{font-size: 16px;} .ly_web_header_0001_0_pro_one_sub{gap: 20px 30px;} .ly_web_header_0001_0_pro_two_name{padding: 6px 15px 6px 0;} .ly_web_header_0001_0_pro_two_name_text{font-size: 15px;} .ly_web_header_0001_0_app_info{gap: 20px;} .ly_web_header_0001_0_app_info h2{font-size: 28px;} } @media screen and (max-width: 1366px) { .ly_web_header_0001_0_app_info { padding: 40px 40px 120px 4.2%;} .ly_web_header_0001_0_app_info h2{font-size: 26px;} .ly_web_header_0001_0_app_info .brief{font-size: 16px; line-height: 1.5em;} .ly_web_header_0001_0_app_right { padding: 40px 4% 120px 4%;} .ly_web_header_0001_0_app_item{font-size: 16px;} .ly_web_header_0001_0_pro_one_pic::before{padding-top: 77.5%;} .ly_web_header_0001_0_pro_one{gap: 35px;} .ly_web_header_0001_0_pro_one_sub{gap: 15px 30px;} .ly_web_header_0001_0_pro_two_name_text{font-size: 14px;} } @media screen and (max-width: 1280px) { #ly_web_header_0001_0 .hnav{gap: 35px;} #ly_web_header_0001_0 .hnav .one-nav .nav-icon{display: none;} .ly_web_header_0001_0_pro_one_sub{gap: 15px 24px;} } /* 头部移动端 */ #ly_web_header_0001_0_m-nav,#ly_web_header_0001_0_search-box,#ly_web_header_0001_0_m-header-blank{display: none;} @media screen and (max-width: 1200px) { .header_blank{display: none;} #ly_web_header_0001_0{height: 80px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);} #ly_web_header_0001_0 .hnav{display:none;} #ly_web_header_0001_0 .hright{gap: 30px;} #ly_web_header_0001_0 .hright .menu{display:block;} #ly_web_header_0001_0_m-header-blank{display: block; height:80px;} #ly_web_header_0001_0_m-nav .one-icon{font-size: 20px; line-height: 1; font-weight: 700;color:#21292b;} #ly_web_header_0001_0_m-nav{display: block;width: 46%;height: 0;z-index:50;left: inherit;right: 0;top:80px; background: #fff; overflow-y: auto;} #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 80px);border-top:1px solid #ebebeb;} #ly_web_header_0001_0_m-nav .nav .one-nav{line-height:60px;} #ly_web_header_0001_0_m-nav .nav .one-nav .one{margin: 0 30px; border-bottom: 1px solid #ebebeb; font-weight: 700;color:#21292b; cursor:pointer; } #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{display: block; width: calc(100% - 10%); font-size:18px;} #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one .icon{transform: rotate(90deg);} /* 二级菜单 */ #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav, #ly_web_header_0001_0_m-nav .nav .two-item .three-nav, #ly_web_header_0001_0_m-nav .nav .three-item .four-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav>div, #ly_web_header_0001_0_m-nav .nav .two-item .three-nav>div, #ly_web_header_0001_0_m-nav .nav .three-item .four-nav>div{border-bottom: 1px solid #ebebeb;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a, #ly_web_header_0001_0_m-nav .nav .two-item .three-a, #ly_web_header_0001_0_m-nav .nav .three-item .four-a{font-size: 16px; line-height: 1.5em; color:#21292b; padding: 15px 0;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{gap: 10px;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a .lang_img{width: 25px; height: 25px;} #ly_web_header_0001_0_m-nav .bot-box{margin:30px 0 60px} #ly_web_header_0001_0_m-nav .bot-box .item .icon{width: 60px;height: 60px;line-height: 60px;border: 1px solid rgba(0, 0, 0, 0.3);font-size: 18px;color: #1a1a1a;border-radius: 100%;margin: 0 auto;} #ly_web_header_0001_0_m-nav .bot-box .item .tit{margin-top:12px;font-size:18px;color: #1a1a1a;} } @media screen and (max-width: 992px) { #ly_web_header_0001_0 .lang{display: none;} #ly_web_header_0001_0, #ly_web_header_0001_0 .hright, #ly_web_header_0001_0_m-header-blank{height: .6439rem;} #ly_web_header_0001_0_m-nav{top: calc(.6439rem - 2px);} #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - .6139rem);} #ly_web_header_0001_0 .hright, #ly_web_header_0001_0 .hright .btns{gap: .1515rem;} #ly_web_header_0001_0 .hright .btn{font-size: .1212rem;} #ly_web_header_0001_0 .hright .search{width: .2273rem; height: .2273rem; background-size: 80%;} #ly_web_header_0001_0 .hright .menu{width: .4545rem;height: 100%;} #ly_web_header_0001_0 .hright .menu > div{font-size: .303rem;} #ly_web_header_0001_0 .hright .btn:hover{color: #1a1a1a; background-color: transparent; border-color: #B3B3B3;} #ly_web_header_0001_0_m-nav{width: 100%;} #ly_web_header_0001_0_m-nav .one-icon{font-size: .197rem; } #ly_web_header_0001_0_m-nav .nav .one-nav .one{margin: 0 .303rem;} #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: .1667rem; line-height: 3em;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav, #ly_web_header_0001_0_m-nav .nav .two-item .three-nav, #ly_web_header_0001_0_m-nav .nav .three-item .four-nav{padding: 0 .303rem;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a, #ly_web_header_0001_0_m-nav .nav .two-item .three-a, #ly_web_header_0001_0_m-nav .nav .three-item .four-a{font-size: .1364rem; line-height: 3.5em;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{gap: .0758rem;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a .lang_img{width: .1894rem; height: .1894rem;} } @media screen and (max-width:768px) { #ly_web_header_0001_0, #ly_web_header_0001_0 .hright, #ly_web_header_0001_0_m-header-blank{height: .8rem;} #ly_web_header_0001_0_m-nav{top: calc(.8rem - 2px);} #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - .80rem);} #ly_web_header_0001_0 .logo{width: 2.8rem; height: .8rem;} #ly_web_header_0001_0 .hright .menu{width: .6rem;} #ly_web_header_0001_0 .hright .menu > div{font-size: .45rem;} #ly_web_header_0001_0 .hright .search{width: .4rem; height: .4rem; background-size: 80%;} #ly_web_header_0001_0 .hright .btn{font-size: .26rem; padding: 0 .2rem; height: .6rem;} #ly_web_header_0001_0_m-nav .one-icon{font-size: .34rem; } #ly_web_header_0001_0_m-nav .nav .one-nav .one{margin: 0 .3rem;} #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: .32rem; line-height: 3em;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav, #ly_web_header_0001_0_m-nav .nav .two-item .three-nav, #ly_web_header_0001_0_m-nav .nav .three-item .four-nav{padding: 0 .3rem;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a, #ly_web_header_0001_0_m-nav .nav .two-item .three-a, #ly_web_header_0001_0_m-nav .nav .three-item .four-a{font-size: .28rem; line-height: 1.5em;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{gap: .25rem;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a .lang_img{width: .5rem; height: .5rem;} } .ly_web_footer_0001_0{padding: 80px 0 30px; background-color: #00173A;} #ly_web_footer_0001_0_top{padding-bottom: 63px;} #ly_web_footer_0001_0_top .info{width: 20.56%;} #ly_web_footer_0001_0_top .logo{width: 240px; height: 22px;} #ly_web_footer_0001_0_top .contact{margin-top: 30px; gap: 20px;} #ly_web_footer_0001_0_top .contact .item{gap: 20px;} #ly_web_footer_0001_0_top .contact .icon{width: 16px; height: 16px; flex: none; margin-top: 6px;} #ly_web_footer_0001_0_top .contact .text{font-family: "Montserrat-Light"; font-size: 18px; line-height: 1.5em; letter-spacing: 0%; color: rgba(255, 255, 255, 0.5);} #ly_web_footer_0001_0_top .list{width: 71.11%; display: grid; grid-template-columns: 1fr 1fr 2fr 1fr; gap: 20px;} #ly_web_footer_0001_0_top .list_item .title{font-family: "Montserrat-Medium"; font-size: 18px; line-height: 1.6em; letter-spacing: 0%; color: #fff;} #ly_web_footer_0001_0_top .list_item .two_list{margin-top: 30px; } #ly_web_footer_0001_0_top .list_item .two_list .two{gap: 15px;} #ly_web_footer_0001_0_top .list_item .two_li{font-family: "Montserrat-Light"; font-size: 16px; line-height: 1.4em; letter-spacing: 0%; color: #fff; opacity: .5;} #ly_web_footer_0001_0_top .two-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; column-gap: 20px;} #ly_web_footer_0001_0_top .two-cols .two_li {width: auto;} /* 992px以上 鼠标悬停时的样式 */ @media screen and (min-width:992px) { #ly_web_footer_0001_0_top .list_item .two_li:hover{color: #fff; opacity: 1;} } @media (max-width: 1680px){ /*#ly_web_footer_0001_0_top .contact .text{font-size: 18px;}*/ #ly_web_footer_0001_0_top .list{width: 75%;} #ly_web_footer_0001_0_top .list_item .two_list{margin-top: 20px; } } @media (max-width: 1440px) { #ly_web_footer_0001_0_top{padding-bottom: 40px;} #ly_web_footer_0001_0_top .info{width: 22.529%;} #ly_web_footer_0001_0_top .contact{margin-top: 30px; gap: 15px;} #ly_web_footer_0001_0_top .contact .item{gap: 0 10px;} #ly_web_footer_0001_0_top .contact .text{font-size: 16px;} #ly_web_footer_0001_0_top .list{gap: 30px;} #ly_web_footer_0001_0_top .list_item .title{font-size: 18px; line-height: 1.2em;} #ly_web_footer_0001_0_top .list_item .two_list{margin-top: 26px; } #ly_web_footer_0001_0_top .list_item .two_list .two{gap: 15px;} #ly_web_footer_0001_0_top .list_item .two_li{font-size: 16px;} } @media (max-width: 1366px) { #ly_web_footer_0001_0_top .info{width: 23.529%;} } @media (max-width: 1280px) { #ly_web_footer_0001_0_top .info{width: 25.529%;} #ly_web_footer_0001_0_top .contact .text{font-size: 16px;} } @media (max-width: 1200px) { #ly_web_footer_0001_0_top .box{flex-direction: column-reverse;} #ly_web_footer_0001_0_top .logo.mobile{display: block; margin: 0 auto;} #ly_web_footer_0001_0_top .info{width: 100%; margin-top: 30px;} #ly_web_footer_0001_0_top .info .logo{display: none;} #ly_web_footer_0001_0_top .list{width: 100%;} #ly_web_footer_0001_0_top .list_item {margin-top: 45px;} } @media (max-width: 1100px) { #ly_web_footer_0001_0_top{padding: 0 0 40px;} #ly_web_footer_0001_0_top .list{display: grid; grid-template-columns: repeat(1, 1fr); gap: 10px;} #ly_web_footer_0001_0_top .list_item{ width: 100%; padding: 0; margin:0;} #ly_web_footer_0001_0_top .list_item .title{display: flex; justify-content: space-between; align-items: center; width: 100%; font-size: 18px; line-height: 3em; border-bottom: 1px solid #ddd; padding-bottom: 0; margin-bottom: 0; } #ly_web_footer_0001_0_top .list_item .title .one-icon{display: block; font-size: .197rem; line-height: 1; font-weight: 700;color:#fff;} #ly_web_footer_0001_0_top .list_item.cur .title .one-icon{transform: rotate(90deg);} #ly_web_footer_0001_0_top .list_item .two_list{margin: 0; height: 0; overflow: hidden; transition: all .5s ease;} #ly_web_footer_0001_0_top .list_item .two_list .two{padding-top: 15px; gap: 0;} #ly_web_footer_0001_0_top .list_item .two_li{margin-top: 0 !important; padding: 10px 0 !important; font-size: 16px !important; line-height: 1.2em !important; } #ly_web_footer_0001_0_top .two-cols { grid-template-columns: repeat(1, 1fr); column-gap: 0;} #ly_web_footer_0001_0_top .two-cols .two_li {width: 100%;} } @media (max-width: 992px) { .ly_web_footer_0001_0{padding: .6061rem 0 .2273rem; } #ly_web_footer_0001_0_top{padding: 0 0 .303rem;} #ly_web_footer_0001_0_top .list{margin-top: .303rem;} #ly_web_footer_0001_0_top .list_item .title{font-size: .1515rem; line-height: 2.8em; } #ly_web_footer_0001_0_top .list_item .title .one-icon{font-size: .1515rem; } #ly_web_footer_0001_0_top .list_item .two_li{padding: 0 !important; font-size: .1212rem !important; line-height: 2em !important; } #ly_web_footer_0001_0_top .info {margin-top: 0;} #ly_web_footer_0001_0_top .contact{margin-top: .1894rem;} #ly_web_footer_0001_0_top .contact .item{gap: 0 .1515rem;} #ly_web_footer_0001_0_top .contact .icon{width: .1136rem; height: .1136rem; } #ly_web_footer_0001_0_top .contact .text{width: calc(100% - .1515rem); font-size: .1364rem; } #ly_web_footer_0001_0_top .contact .text span{font-size: .1364rem; margin-bottom: .0379rem;} } @media (max-width: 768px) { .ly_web_footer_0001_0{padding: .8rem 0 ; } #ly_web_footer_0001_0_top{padding: 0 0 0.4rem;} #ly_web_footer_0001_0_top .list_item .title{font-size: .32rem; line-height: 3em; } #ly_web_footer_0001_0_top .list_item .title .one-icon{font-size: .3rem; } #ly_web_footer_0001_0_top .list_item .two{padding: .2rem 0;} #ly_web_footer_0001_0_top .list_item .two_li{font-size: .28rem !important; line-height: 2.5em !important; } #ly_web_footer_0001_0_top .info {margin-top: .35rem;} #ly_web_footer_0001_0_top .info .title{font-size: .32rem;} #ly_web_footer_0001_0_top .contact{margin-top: .35rem;} #ly_web_footer_0001_0_top .contact .item{gap: 0 .2rem;} #ly_web_footer_0001_0_top .contact .icon{width: .35rem; height: .35rem; margin: 0;} #ly_web_footer_0001_0_top .contact .text{width: calc(100% - .7rem); font-size: .3rem; } #ly_web_footer_0001_0_top .contact .text span{font-size: .28rem; margin-bottom: .1rem;} } /* 底部版权 */ #ly_web_footer_0001_0_bottom{} #ly_web_footer_0001_0_bottom .box{gap: 40px; align-items: flex-start;} #ly_web_footer_0001_0_bottom .share{gap: 40px;} #ly_web_footer_0001_0_bottom .share .item{width: 16px; height: 16px;} #ly_web_footer_0001_0_bottom .copyright, #ly_web_footer_0001_0_bottom .copyright a{font-family: "Montserrat-Light"; font-size: 18px; line-height: 16px; letter-spacing: 0%; color: #fff;} #ly_web_footer_0001_0_bottom .links{margin-top: 5px; gap: 20px; font-size: 16px; line-height: 1.5em; letter-spacing: 0%; color: #fff;} #ly_web_footer_0001_0_bottom .links a{opacity: .5;} /* 992px以上 鼠标悬停时的样式 */ @media screen and (min-width:992px) { #ly_web_footer_0001_0_bottom .links a:hover{opacity: 1;} } @media (max-width: 1440px) { #ly_web_footer_0001_0_bottom .copyright, #ly_web_footer_0001_0_bottom .copyright a, #ly_web_footer_0001_0_bottom .links{font-size: 16px;} } @media (max-width: 1200px) { #ly_web_footer_0001_0_bottom .box{flex-direction: column; gap: 35px;} #ly_web_footer_0001_0_bottom .right{width: 100%;} #ly_web_footer_0001_0_bottom .copyright, #ly_web_footer_0001_0_bottom .copyright a, #ly_web_footer_0001_0_bottom .links{text-align: center;} #ly_web_footer_0001_0_bottom .share{width: 100%;} #ly_web_footer_0001_0_bottom .share , #ly_web_footer_0001_0_bottom .links{justify-content: center;} } @media (max-width: 992px) { #ly_web_footer_0001_0_bottom .share .item{width: .1515rem; height: .1515rem;} #ly_web_footer_0001_0_bottom .copyright, #ly_web_footer_0001_0_bottom .copyright a, #ly_web_footer_0001_0_bottom .links{font-size: .1212rem;} } @media (max-width: 768px) { #ly_web_footer_0001_0_bottom .share .item{width: .4rem; height: .4rem;} #ly_web_footer_0001_0_bottom .copyright, #ly_web_footer_0001_0_bottom .copyright a, #ly_web_footer_0001_0_bottom .links{font-size: .28rem; line-height: 1.5em;} } #ly_web_sidebar_001_1{ bottom: 80px; right: 60px; width: 50px; z-index: 1000;} .ly_web_sidebar_001_1_item{ margin-top: 6px; width: 50px; height: 50px; background: var(--mainColor); font-size: 24px; color: #fff; border-radius: 50%; transition: all 0.5s ease; backdrop-filter: blur(30px);} .ly_web_sidebar_001_1_item::before{content: ''; position: absolute; top: 0; left: -70%; z-index: 2; width: 100%; height: 100%; opacity: 0; z-index: 5;} .ly_web_sidebar_001_1_item .icon{width: 24px; height: 24px; image-rendering: auto;} /* .ly_web_sidebar_001_1_item_code{ top: 0; right: 110%; width: 110px; height: 110px; background: #fff; border-radius: 10px; transform: translateX(10%); opacity: 0; pointer-events: none; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);} .ly_web_sidebar_001_1_item_code img{max-width: 80%; max-height: 80%; object-fit: cover;} */ .ly_web_sidebar_001_1_item_text{ bottom: 0; right: 0; padding: 20px; height: max-content; box-shadow: 0px 20px 30px 0px #0000001A; backdrop-filter: blur(50px); background-color: rgba(255,255,255,.8); font-size: 18px; color: #1a1a1a; white-space: nowrap; border-radius: 10px; opacity: 0; pointer-events: none;} .ly_web_sidebar_001_1_item_text .top{gap: 10px;} .ly_web_sidebar_001_1_item_text .top_icon{width: 24px; height: 24px; flex: none;} .ly_web_sidebar_001_1_item_text .info{padding-left: 30px; color: var(--mainColor);} .ly_web_sidebar_001_1_btn{margin-top: 20px; width: 50px; height: 60px; background: var(--mainColor); font-size: 24px; color: #fff; border-radius: 25px; transition: all 0.5s ease; position: relative; backdrop-filter: blur(30px)} .ly_web_sidebar_001_1_item.contact{width: 82px; height: 82px; background-color: transparent; margin-left: -15px; backdrop-filter: blur(0px);} .ly_web_sidebar_001_1_item.contact .icon{width: auto; height: auto;} @media (any-hover: hover) { .ly_web_sidebar_001_1_item:not(.contact):hover, .ly_web_sidebar_001_1_btn:hover{background-color: var(--mainColor);} .ly_web_sidebar_001_1_item.contact:hover .ly_web_sidebar_001_1_item_text, .ly_web_sidebar_001_1_item.phone:hover .ly_web_sidebar_001_1_item_text, .ly_web_sidebar_001_1_item.email:hover .ly_web_sidebar_001_1_item_text{ right: calc(100% + 15px); opacity: 1;} .ly_web_sidebar_001_1_item.wx:hover .ly_web_sidebar_001_1_item_code{ right: calc(100% + 15px); opacity: 1;} } @media (max-width: 1536px){ #ly_web_sidebar_001_1{right: 1vw;} } @media (max-width: 1440px) { /*#ly_web_sidebar_001_1{width: 48px;}*/ .ly_web_sidebar_001_1_item{width: 48px; height: 48px;} .ly_web_sidebar_001_1_btn{width: 48px; height: 66px;} .ly_web_sidebar_001_1_item_text{font-size: 18px;} } @media (max-width: 992px){ #ly_web_sidebar_001_1{ top: inherit; bottom: 2%; right: 0.11rem;} .ly_web_sidebar_001_1_item{width: 0.379rem;} .ly_web_sidebar_001_1_btn{ width: 0.379rem;height: 0.53rem;font-size: 0.182rem;border-radius: 0.189rem;} .ly_web_sidebar_001_1_btn::before{opacity: 1;} .ly_web_sidebar_001_1_item_text,.ly_web_sidebar_001_1_item::before{display: none !important;} } @media (max-width: 768px) { #ly_web_sidebar_001_1{ bottom: 5%; right: 0.3rem; width: .7rem;} .ly_web_sidebar_001_1_item{height: .7rem;} .ly_web_sidebar_001_1_btn{margin-top: .2rem; height: 0.7rem; border-radius: 50%;} .ly_web_sidebar_001_1_item img, .ly_web_sidebar_001_1_btn img{transform: scale(.8);} .ly_web_sidebar_001_1_item, .ly_web_sidebar_001_1_btn{ width: 0.7rem;} .ly_web_sidebar_001_1_item.contact{margin-left: -0.4rem; width: 1.5rem; height: 1.5rem;} }.lyuilocation_0001 { --width: 100%; --fontSize: 18px; --fontColor: #fff; --fontHoverColor: var(--mainColor); --opacity: .7; --activeOpacity: 1; height: var(--height); padding: var(--padding); } .lyuilocation_0001.gray{ --fontColor: #000; --opacity: .5; } .lyuilocation_0001 .box{height: 100%; gap: 10px;} .lyuilocation_0001-item{font-family: "Montserrat-Medium"; font-size: var(--fontSize); line-height: 1; letter-spacing: 0%; opacity: 1; color: var(--fontColor);} .lyuilocation_0001-icon, .lyuilocation_0001-item.home{width: 16px; height: 16px;} .lyuilocation_0001-item.home{background: url(/component/location/0001/images/home.svg) no-repeat center center;} .lyuilocation_0001-icon.icon-jt{background: url(/component/location/0001/images/jt.svg) no-repeat center center;} .lyuilocation_0001-item, .lyuilocation_0001-icon{opacity: var(--opacity);} .lyuilocation_0001-item:last-child{opacity: var(--activeOpacity);} .lyuilocation_0001.gray .lyuilocation_0001-item.home{background-image: url(/component/location/0001/images/home-g.svg);} .lyuilocation_0001.gray .lyuilocation_0001-icon.icon-jt{background-image: url(/component/location/0001/images/jt-g.svg);} @media (any-hover: hover) { .lyuilocation_0001 .lyuilocation_0001-item:hover {color: var(--fontHoverColor);} } @media screen and (max-width: 1200px) { .lyuilocation_0001{ display: none;} } /* 新闻详情 */ #ly_web_agreement_0001_0{margin-top: 80px; padding: 40px 0 120px;} #ly_web_agreement_0001_0 .crumbs{margin-bottom:70px;} #ly_web_agreement_0001_0 .title{font-size: 36px;color: #1a1a1a;line-height: 1.222;font-family: "Montserrat-Medium";} #ly_web_agreement_0001_0 .editor{margin-top:30px;padding-top: 30px;border-top: 1px solid #EEE;} #ly_web_agreement_0001_0 .editor *{font-size: 18px;color: #666;line-height: 1.444;font-family: "Montserrat-Light";} @media screen and (max-width:1280px){ #ly_web_agreement_0001_0 .title{font-size: 30px;} } @media screen and (max-width:1050px){ #ly_web_agreement_0001_0{padding: 40px 0 80px;} #ly_web_agreement_0001_0 .crumbs{margin-bottom:50px;} #ly_web_agreement_0001_0 .cont{display:block;} #ly_web_agreement_0001_0 .left{width: 100%;padding:0;} } @media screen and (max-width:992px){ #ly_web_agreement_0001_0{margin-top: .6439rem; padding: .6061rem 0;} #ly_web_agreement_0001_0 .crumbs{display: none;} #ly_web_agreement_0001_0 .right{margin-top:0.379rem;} #ly_web_agreement_0001_0 .title{font-size: 0.318rem;} #ly_web_agreement_0001_0 .editor{margin-top: 0.379rem;padding-top: 0.379rem;} #ly_web_agreement_0001_0 .editor *{font-size: 0.136rem !important;line-height:1.667 !important;} } @media screen and (max-width:768px){ #ly_web_agreement_0001_0{padding: .8rem 0;} #ly_web_agreement_0001_0 .right{margin-top:0.4rem;} #ly_web_agreement_0001_0 .title{font-size: 0.36rem;line-height:1.6;} #ly_web_agreement_0001_0 .editor{margin-top:0.5rem;padding-top:0.5rem;} #ly_web_agreement_0001_0 .editor *{font-size: 0.3rem !important;} }