/* fixed 不占位 scroll-top 头部触顶状态 -> 白字导航 */ :root{ --paddingLeft:92px; --head_top_height:80px; --font_1st_px:18px; /* 一级菜单字体 */ --head_fz_color:#222; /* 菜单按钮颜色 */ } #my_header_0001_0{height: var(--head_top_height);box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: #222;display: flex;flex-direction: column;justify-content: center;} #header.fixed.scroll-top #my_header_0001_0{box-shadow: none;color: #fff;} /* 滚动到一定距离，将导航隐藏 */ /*#header_bg, #header_ct{transition:.3s;opacity: 1;} #header.scroll-down #header_bg, #header.scroll-down #header_ct{transform: translateY(-100%);pointer-events: none;}*/ /* 背景色 */ #header_bg{height: var(--head_top_height);width: 100%;pointer-events: none;transition: .3s;background: #fff;} #header.fixed.scroll-top #header_bg{background: transparent;} /* logo部分 */ #my_header_0001_0 .weblogo{height: 100%;overflow: hidden;} #my_header_0001_0 .weblogo .logo_w{max-height: 90%;display: none;} #my_header_0001_0 .weblogo .logo_b{max-height: 90%;display: block;} #my_header_0001_0 .weblogo img{object-fit: contain;} #header.fixed.scroll-top #my_header_0001_0 .weblogo .logo_w{display: block;} #header.fixed.scroll-top #my_header_0001_0 .weblogo .logo_b{display: none;} /* 导航栏目 */ #my_header_0001_0 .head_nav{flex: 1;/*margin: 0 30px 0 8%;*/} #my_header_0001_0 .head_nav .li{font-size: var(--font_1st_px);height: var(--head_top_height);margin-right: var(--paddingLeft);transition: .3s ease-out;cursor: pointer;white-space: nowrap;} #my_header_0001_0 .head_nav .li > a{line-height: 2;} #my_header_0001_0 .head_nav .li:last-of-type{margin-right: 0;} #my_header_0001_0 .head_nav .li:hover, #my_header_0001_0 .head_nav .li.cur{color: var(--mainColor);} #my_header_0001_0 .head_nav .two-nav{height:0; overflow:hidden; top:var(--head_top_height); left:50%;z-index:3;transform:translateX(-50%);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);} #my_header_0001_0 .head_nav .two-nav .hnavbg{background:#fefefe;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);text-align: center;} #my_header_0001_0 .head_nav .two-nav .hnavbg>div{width:100%;line-height: 42px;padding:0 30px;} #my_header_0001_0 .head_nav .two-nav .hnavbg>div:hover{background:var(--mainColor);} #my_header_0001_0 .head_nav .two-nav .hnavbg>div .tnav-a{font-size: 16px;color:#666666;white-space:nowrap;width:100%;} #my_header_0001_0 .head_nav .two-nav .hnavbg>div:hover .tnav-a{color:#fff;} /*#my_header_0001_0 .head_nav .two-nav.pro_nav .two{text-align: left;padding: 0 40px 0 20px;}*/ /*#my_header_0001_0 .head_nav .two-nav.pro_nav .two.hasbg{background: url(/images/nav-icon1.png) no-repeat center right 15px / 6px;}*/ #my_header_0001_0 .head_nav .two-nav.pro_nav .two.hasbg:hover{background-color: var(--mainColor);} #my_header_0001_0 .head_nav .two-nav .hnavbg .three-nav{background: #fff;left: 100%;top: 0;display: none;padding: 10px 0;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);} #my_header_0001_0 .head_nav .two-nav .hnavbg .three-nav .three{/*white-space: nowrap;*/padding: 10px 20px;/*width: 220px;*/line-height: 1.5;font-size: 16px;color: #666;} #my_header_0001_0 .head_nav .two-nav .two:hover .three-nav{display: block;} #my_header_0001_0 .head_nav .two-nav .hnavbg .three-nav .three:hover{background:var(--mainColor);color: #fff;} /* 右侧部分 */ #my_header_0001_0 .head_btn{display: flex;align-items: center;font-size: 18px;} #my_header_0001_0 .head_btn .contact{width: 120px; height: 32px;margin-right:30px;border-radius: 25px; background-color: var(--mainColor);color: #fff;} #my_header_0001_0 .head_btn .contact:hover{opacity: .8;} #my_header_0001_0 .head_btn .search, #my_header_0001_0 .head_btn .user{margin-right:30px;} #my_header_0001_0 .head_btn .svg{width:20px;fill: #222;} #header.fixed.scroll-top #my_header_0001_0 .head_btn .svg{fill: #fff;} #my_header_0001_0 .lang .h{width:100px;z-index:5;top:49px;left:50%;transform:translateX(-50%); overflow:hidden;display:none;background:#fff;box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);} #my_header_0001_0 .lang .name{width:100%;text-align:center; font-size:16px;line-height:50px;color:#666;} #my_header_0001_0 .lang .name:hover{background:var(--mainColor);color:#fff;} /* 移动端菜单按钮 */ /*#my_header_0001_0 .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;} #my_header_0001_0 .head .menu i{width: 36px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;} #my_header_0001_0 .head .menu i::before{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-14px);transition: .3s;} #my_header_0001_0 .head .menu i::after{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(14px);transition: .3s;} #header.fixed.scroll-top #my_header_0001_0 .head .menu i, #header.fixed.scroll-top #my_header_0001_0 .head .menu i::before, #header.fixed.scroll-top #my_header_0001_0 .head .menu i::after{background: #fff;} #my_header_0001_0 .menu.cur i{background: transparent !important;} #my_header_0001_0 .menu.cur i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);} #my_header_0001_0 .menu.cur i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);}*/ #header.hover.scroll-top #my_header_0001_0 .weblogo .logo_w{display: none;} #header.hover.scroll-top #my_header_0001_0 .weblogo .logo_b{display: block;} #header.hover.fixed.scroll-top #my_header_0001_0{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} #header.hover.fixed.scroll-top #header_bg{background: #fff;} /*#header.hover.fixed.scroll-top #my_header_0001_0 .head .menu i, #header.hover.fixed.scroll-top #my_header_0001_0 .head .menu i::before, #header.hover.fixed.scroll-top #my_header_0001_0 .head .menu i::after{background: var(--head_fz_color);}*/ #header.hover.fixed.scroll-top #my_header_0001_0{color: #222;} #header.hover.fixed.scroll-top #my_header_0001_0 .head_btn .svg{fill: #222;} /*#my_header_0001_0 .two_nav{width: 100%;height: 0;left: 0;top: var(--head_top_height);right: 0;z-index:10;background:rgba(0, 0, 0, 0.75);overflow: hidden;} #my_header_0001_0 .two_nav .hnavbg{background-color: #fff;padding: 32px 0 45px 0;} #my_header_0001_0 .two_nav .cont{padding-left: 470px;} #my_header_0001_0 .two_nav .list:nth-child(1){width: 164px;} #my_header_0001_0 .two_nav .list:nth-child(2){width: 236px;} #my_header_0001_0 .two_nav .list:nth-child(3){width: 207px;} #my_header_0001_0 .two_nav .list:nth-child(4){width: 158px;} #my_header_0001_0 .two_nav .t{font-size: 16px;color: #222;margin-bottom: 15px;} #my_header_0001_0 .two_nav .item{font-size: 16px;color: #555;margin-bottom: 20px;} #my_header_0001_0 .two_nav .item .svg{margin-right: 6px;} #my_header_0001_0 .two_nav .item .svg path{transition: all .3s;} #my_header_0001_0 .two_nav .item:hover, #my_header_0001_0 .two_nav .t:hover{color: var(--mainColor);} #my_header_0001_0 .two_nav .item:hover .svg path{stroke: var(--mainColor);}*/ /*@media(max-width: 1536px){ :root{ --paddingLeft:50px; } }*/ @media(max-width: 1440px){ :root{ --paddingLeft:40px; } /*#my_header_0001_0 .head_nav{margin: 0;} #my_header_0001_0 .two_nav .list:nth-child(1){width: 115px;} #my_header_0001_0 .two_nav .list:nth-child(2){width: 182px;} #my_header_0001_0 .two_nav .list:nth-child(3){width: 157px;} #my_header_0001_0 .two_nav .list:nth-child(4){width: 100px;}*/ } @media(max-width: 1366px){ #my_header_0001_0 .head_btn .contact, #my_header_0001_0 .head_btn .search, #my_header_0001_0 .head_btn .user{margin-right:20px;} } /*@media(max-width: 1280px){ :root{ --paddingLeft:30px; } }*/ @media(max-width: 1200px){ :root{ --paddingLeft:20px; } #my_header_0001_0 .head_nav{margin: 0;} /*#my_header_0001_0 .two_nav .list:nth-child(1){width: 95px;} #my_header_0001_0 .two_nav .list:nth-child(2){width: 163px;} #my_header_0001_0 .two_nav .list:nth-child(3){width: 136px;} #my_header_0001_0 .two_nav .list:nth-child(4){width: 83px;} #my_header_0001_0 .two_nav .t, #my_header_0001_0 .two_nav .item{font-size: 14px;}*/ } @media only screen and (max-width: 1100px) { #header.scroll-down #header_bg, #header.scroll-down #header_ct{transform: translateY(0);pointer-events: all;} #header.fixed.scroll-top #header_bg{background: #fff;} #header.fixed.scroll-top #my_header_0001_0 .weblogo .logo_w{display: none;} #header.fixed.scroll-top #my_header_0001_0 .weblogo .logo_b{display: block;} /*#header.fixed.scroll-top #my_header_0001_0 .head .menu i, #header.fixed.scroll-top #my_header_0001_0 .head .menu i::before, #header.fixed.scroll-top #my_header_0001_0 .head .menu i::after{background: var(--head_fz_color);}*/ #my_header_0001_0 .head .menu{display: block;width: 30px;height: 30px;background: url(/module/my/header/0001/images/menu-icon.svg) no-repeat center / cover;} #my_header_0001_0 .head .menu.cur{background-image: url(/module/my/header/0001/images/h-close-icon.svg);} #header.fixed.scroll-top #my_header_0001_0 .head_btn .svg{fill: #222;} #my_header_0001_0 .head_btn .contact, #my_header_0001_0 .head_btn .lang{display: none;} #my_header_0001_0 .head_nav .li{margin: 0 8px;} #my_header_0001_0 .head_nav {display: none;} /*#my_header_0001_0 .head .menu{display: block;}*/ #my_header_0001_0 .head_btn{flex: 1;justify-content: flex-end;} #my_header_0001_0_mnav{display: block;width: 100%;height: 0;z-index:50;left: 0;right: 0;top:var(--head_top_height); background: #fff;overflow-y: auto;/*border-top:1px solid transparent;*/} #my_header_0001_0_mnav.cur{height: calc(100vh - var(--head_top_height));border-top-color: #ebebeb;} #my_header_0001_0_mnav .one-nav{line-height:60px;} #my_header_0001_0_mnav .one-nav .one{cursor:pointer; margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/module/my/header/0001/images/nav-icon1.png) no-repeat right;} #my_header_0001_0_mnav .one-nav.nobg .one{background: none;} #my_header_0001_0_mnav .one-nav.cur .one{background-image:url(/module/my/header/0001/images/nav-icon2.png);} #my_header_0001_0_mnav .one-nav.cur.nobg .one{background: none;} #my_header_0001_0_mnav .one-nav .one-a{font-size:18px;font-weight: 700;color:#222;} #my_header_0001_0_mnav .two-nav{width: 100%;background: #f6f6f6;padding: 0 30px;} #my_header_0001_0_mnav .two-nav .two{border-bottom: 1px solid #ebebeb;padding: 0 30px;} #my_header_0001_0_mnav .two-nav .two.two-pro{padding: 0;} #my_header_0001_0_mnav .two-nav .two-a{font-size: 16px;color:#222;} #my_header_0001_0_mnav .two-li{padding: 0 30px;background: url(/module/my/header/0001/images/nav-icon1.png) no-repeat right;} #my_header_0001_0_mnav .two.cur .two-li{background-image:url(/module/my/header/0001/images/nav-icon2.png);} #my_header_0001_0_mnav .two-nav .pro-box{border-top: 1px solid #ebebeb; padding: 0 50px;} #my_header_0001_0_mnav .two-nav .pro-name{display: block; font-size: 16px;color:#222; border-bottom: 1px solid #ebebeb;} #my_header_0001_0_mnav .two-nav .pro-name:last-child{border-bottom: 0;} #my_header_0001_0_mnav .bot_box{margin:30px 0 60px} #my_header_0001_0_mnav .bot_box .item .icon{width: 60px;height: 60px;border: 1px solid #222;font-size: 18px;color: #222;border-radius: 50%;margin: 0 15px;} #my_header_0001_0_mnav .bot_box .item .icon.cur{border-color: var(--mainColor);color: var(--mainColor);} #my_header_0001_0_mnav .bot_box .item .tit{font-size:18px;color: #222;margin-top:20px;} } @media only screen and (max-width: 992px) { #my_header_0001_0 .weblogo{width: 17.3vw;} #my_header_0001_0 .head_btn{font-size: 0.136rem;} #my_header_0001_0 .head_btn .contact{width: auto;;min-width: 12vw; height: 5vw;padding: 0 2.5vw;} #my_header_0001_0 .head_btn .contact, #my_header_0001_0 .head_btn .search, #my_header_0001_0 .head_btn .user, #my_header_0001_0 .head_btn .lang{margin-right:3vw;} /*#my_header_0001_0 .head .menu{padding: 0.3vw 0.2vw;margin-right: 0.2vw;} #my_header_0001_0 .head .menu i{width: 3.6vw;height: 0.2vw;} #my_header_0001_0 .head .menu i::before, #my_header_0001_0 .head .menu i::after{height: 0.2vw;}*/ #my_header_0001_0 ..head .menu{width: 3vw;height: 3vw;} #my_header_0001_0_mnav .one-nav .one{margin: 0 3vw;} #my_header_0001_0_mnav .one-nav .one-a{font-size: 0.136rem;} #my_header_0001_0_mnav .two-nav, #my_header_0001_0_mnav .two-nav .two{padding: 0 3vw;} #my_header_0001_0_mnav .two-nav .two-a{font-size: 0.121rem;} #my_header_0001_0_mnav .two-li{padding: 0 3vw;} #my_header_0001_0_mnav .two-nav .pro-box{padding: 0 5vw;} #my_header_0001_0_mnav .two-nav .pro-name{font-size: .121rem;} #my_header_0001_0_mnav .bot_box{margin:3vw 0 6vw} #my_header_0001_0_mnav .bot_box .item .icon{width: 6vw;height: 6vw;font-size: .136rem;margin: 0 1.5vw;} #my_header_0001_0_mnav .bot_box .item .tit{font-size:.136rem;margin-top:2vw;} } @media only screen and (max-width: 768px) { #my_header_0001_0 .weblogo{width: 25vw;} #my_header_0001_0 .head_btn{font-size: 0.18rem;} #my_header_0001_0 .head_btn .svg{width: 4vw;height: 4vw;} /* #my_header_0001_0 .head .menu i{width: 5vw;} #my_header_0001_0 .head .menu i::before{transform: translateY(-2vw);} #my_header_0001_0 .head .menu i::after{transform: translateY(2vw);} #my_header_0001_0 .menu.cur i::before{transform: translateY(0) rotateZ(45deg);} #my_header_0001_0 .menu.cur i::after{transform: translateY(0) rotateZ(-45deg);}*/ #my_header_0001_0 .head .menu{width: 5vw;height: 5vw;} #my_header_0001_0_mnav .one-nav .one{background-size: 1vw;margin: 0 5vw;} #my_header_0001_0_mnav .one-nav.cur .one{background-size: 2vw;} #my_header_0001_0_mnav .one-nav .one-a{font-size: 0.18rem;} #my_header_0001_0_mnav .two-nav, #my_header_0001_0_mnav .two-nav .two{padding: 0 5vw;} #my_header_0001_0_mnav .two-nav .two-a{font-size: 0.16rem;} #my_header_0001_0_mnav .two-li{padding: 0 5vw;background-size: 1vw;} #my_header_0001_0_mnav .two.cur .two-li{background-size: 2vw;} #my_header_0001_0_mnav .two-nav .pro-box{padding: 0 8vw;} #my_header_0001_0_mnav .two-nav .pro-name{font-size: .16rem;} #my_header_0001_0_mnav .bot_box .item .icon{width: 8vw;height: 8vw;font-size: .18rem;} #my_header_0001_0_mnav .bot_box .item .tit{font-size:.18rem;} } @media only screen and (max-width: 576px) { :root{ --head_top_height:14vw; } #my_header_0001_0 .weblogo{width: 30vw;} #my_header_0001_0 .head_btn{font-size: 0.26rem;} #my_header_0001_0 .head_btn .contact{height: 6vw;} #my_header_0001_0 .head_btn .svg{width: 5vw;height: 5vw;} /*#my_header_0001_0 .head .menu i{width: 5.6vw;}*/ #my_header_0001_0 .head .menu{width: 6vw;height: 6vw;} #my_header_0001_0_mnav .one-nav{line-height: 12vw;} #my_header_0001_0_mnav .one-nav .one{background-size: 2vw;} #my_header_0001_0_mnav .one-nav.cur .one{background-size: 4vw;} #my_header_0001_0_mnav .one-nav .one-a{font-size: 0.28rem;} #my_header_0001_0_mnav .two-nav .two-a{font-size: 0.26rem;} #my_header_0001_0_mnav .two-li{background-size: 2vw;} #my_header_0001_0_mnav .two.cur .two-li{background-size: 4vw;} #my_header_0001_0_mnav .two-nav .pro-name{font-size: .26rem;} #my_header_0001_0_mnav .bot_box .item .icon{width: 12vw;height: 12vw;font-size: .3rem;} #my_header_0001_0_mnav .bot_box .item .tit{font-size:.3rem;} } .lyuibtn_004 { --font-size: 18px; --icon-font-size: calc(var(--font-size) + 2px); --color: #0099ff; --background-color: none; --border-color: rgba(0,153,255,.3); --border-width: 2px; --border-radius: 10px; --width: 200px; --height: 60px; --padding: 0 25px; --gap: 3px; display: inline-flex; --hover-background-color: #0099ff; --hover-color: #fff; --hover-border-radius: 30px; height: var(--height);width: var(--width);border-radius: var(--border-radius);background-color: var(--background-color);font-size: var(--font-size);color: var(--color);padding: var(--padding);border: var(--border-width) solid var(--border-color);line-height: 1; } .lyuibtn_004:hover, .lyuibtn_004.active { --color: var(--hover-color); --border-color: var(--hover-background-color); --background-color: var(--hover-background-color); --border-radius: var(--hover-border-radius); } .lyuibtn_004-icon{margin-left: var(--gap);font-size: var(--icon-font-size);} @media(max-width: 992px){ .lyuibtn_004 { --font-size: .136rem; --width: 20vw; --height: 6vw; --padding: 0 2.5vw; } } @media(max-width: 768px){ .lyuibtn_004 { --font-size: .18rem; --width: 25vw; --height: 8vw; --padding: 0 3vw; } } @media(max-width: 567px){ .lyuibtn_004 { --font-size: .3rem; --width: 42vw; --height: 12vw; --padding: 0 5vw; } } .my_footer_0001_0{padding: 60px 0 80px;background: #111;} @media(max-width: 768px){ .my_footer_0001_0{padding: 8vw 0;} } @media(max-width: 576px){ .my_footer_0001_0{padding: 10vw 0;} } #my_footer_0001_0_top{padding-bottom: 58px;border-bottom: 1px solid rgba(255,255,255,.1);} #my_footer_0001_0_top .logo{width: 208px;height: 48px;} #my_footer_0001_0_top .email{font-size: 22px;color: var(--mainColor);} @media(max-width: 992px){ #my_footer_0001_0_top .logo{width: 20vw;height: auto;} #my_footer_0001_0_top .email{font-size: .167rem;} } @media(max-width: 768px){ #my_footer_0001_0_top{padding-bottom: 8vw;} #my_footer_0001_0_top .email{font-size: .22rem;} } @media(max-width: 576px){ #my_footer_0001_0_top{padding-bottom: 10vw;} #my_footer_0001_0_top .box{flex-direction: column;} #my_footer_0001_0_top .logo{width: 40vw;} #my_footer_0001_0_top .email{font-size: .3rem;margin-top: 5vw;} } #my_footer_0001_0_mid{padding: 55px 0 50px;} #my_footer_0001_0_mid .nav_box{width: calc(100% - 290px);padding-right: 80px;} #my_footer_0001_0_mid .nav{padding-right: 20px;} #my_footer_0001_0_mid .nav_one .one_a{font-size: 20px;color: #fff;} #my_footer_0001_0_mid .nav_two{margin-top: 25px;} #my_footer_0001_0_mid .nav_two .two_a{font-size: 16px;color: rgba(255,255,255,.6);word-break: break-all;margin-bottom: 12px;} @media (any-hover:hover){ #my_footer_0001_0_mid .nav_two .two_a:hover{color: rgba(255,255,255,1);} } #my_footer_0001_0_mid .talk{width: 290px;} #my_footer_0001_0_mid .talk .title{font-size: 24px;color: #fff;margin-bottom: 18px;} #my_footer_0001_0_mid .talk .brief{font-size: 16px;color: rgba(255,255,255,.6);line-height: 1.625;margin: 20px 0 25px;} #my_footer_0001_0_mid .talk .btn{border-color: rgba(255,255,255,.2);color: #fff;} #my_footer_0001_0_mid .talk .btn1{margin-bottom: 35px;} #my_footer_0001_0_mid .form{width: 100%;height: 60px;border-radius: 10px;background-color: #fff;padding: 0 25px;} #my_footer_0001_0_mid .input{width: calc(100% - 20px);height: 100%;padding-right: 10px;font-size: 16px;color: #222;} #my_footer_0001_0_mid .submit{width: 20px;height: 100%;font-size: 20px;color: var(--mainColor);} @media(max-width: 1440px){ #my_footer_0001_0_mid .nav_box{padding-right: 30px;} } @media(max-width: 1200px){ #my_footer_0001_0_mid{display: flex;flex-direction: column-reverse;} #my_footer_0001_0_mid .nav_box{width: 100%;padding-right: 0;margin-top: 50px;} #my_footer_0001_0_mid .talk{width: 50%;margin: 0 auto;} } @media(max-width: 992px){ #my_footer_0001_0_mid .talk .title{font-size: .181rem;margin-bottom: 2vw;} #my_footer_0001_0_mid .talk .brief{font-size: .12rem;} #my_footer_0001_0_mid .nav_box{flex-direction: column;} #my_footer_0001_0_mid .nav{padding-right: 0;} #my_footer_0001_0_mid .nav_one{border-bottom: 1px solid rgba(255,255,255,.1);} #my_footer_0001_0_mid .nav_one .one_a{font-size: .151rem;line-height: 7vw;} #my_footer_0001_0_mid .nav_one .jt{display: block; width: 2.2vw;} #my_footer_0001_0_mid .nav_one .svg{fill: #fff; transform: scale(1) rotate(180deg);} #my_footer_0001_0_mid .nav.cur .jt .svg{transform: scale(1) rotate(90deg);} #my_footer_0001_0_mid .nav_two{margin-top: 0;height: 0;overflow: hidden;} #my_footer_0001_0_mid .nav_two .two_a{font-size: .121rem;margin-bottom: 0;padding: 1vw 3vw; margin-top: 0; font-size: .1212rem; line-height: 5vw; border-bottom:1px solid rgba(255,255,255,.1);} #my_footer_0001_0_mid .form{height: 6vw;padding: 0 2.5vw;} #my_footer_0001_0_mid .input{width: calc(100% - 2vw);font-size: .121rem;} #my_footer_0001_0_mid .submit{width: 2vw;font-size: .136rem;} } @media(max-width: 768px){ #my_footer_0001_0_mid{padding: 8vw 0;} #my_footer_0001_0_mid .nav_one .one_a{font-size: .2rem; line-height: 8.5vw;} #my_footer_0001_0_mid .nav_two .two_a{font-size: .16rem; line-height: 6.5vw;} #my_footer_0001_0_mid .talk{width: 100%;text-align: center;} #my_footer_0001_0_mid .talk .title{font-size: .24rem;margin-bottom: 3vw;} #my_footer_0001_0_mid .talk .brief{font-size: .16rem;} #my_footer_0001_0_mid .form{height: 8vw;} #my_footer_0001_0_mid .input{width: calc(100% - 3vw);font-size: .16rem;} #my_footer_0001_0_mid .submit{width: 3vw;font-size: .18rem;} } @media(max-width: 576px){ #my_footer_0001_0_mid{padding: 10vw 0;} #my_footer_0001_0_mid .nav_one .one_a{font-size: .32rem; line-height: 13vw;} #my_footer_0001_0_mid .nav_two .two_a{font-size: .26rem; line-height: 10vw;} #my_footer_0001_0_mid .nav_one .jt{width: 4.2vw;} #my_footer_0001_0_mid .talk .title{font-size: .36rem;margin-bottom: 6vw;} #my_footer_0001_0_mid .talk .brief{font-size: .30rem;} #my_footer_0001_0_mid .form{height: 12vw;padding: 0 5vw;} #my_footer_0001_0_mid .input{width: calc(100% - 5vw);font-size: .26rem;} #my_footer_0001_0_mid .submit{width: 5vw;font-size: .3rem;} } #my_footer_0001_0_con{margin-bottom: 50px;} #my_footer_0001_0_con .item{font-size: 16px;color: #fff;margin: 0 20px 10px 0;} @media(max-width: 992px){ #my_footer_0001_0_con{margin-bottom: 5vw;} #my_footer_0001_0_con .item{font-size: .121rem;margin: 0 2vw 1vw 0;} } @media(max-width: 768px){ #my_footer_0001_0_con{margin-bottom: 5vw;} #my_footer_0001_0_con .item{font-size: .16rem;} } @media(max-width: 576px){ #my_footer_0001_0_con{margin-bottom: 5vw;} #my_footer_0001_0_con .item{width: 100%;font-size: .3rem;margin-right: 0;margin-bottom: 2vw;line-height: 1.6;} } #my_footer_0001_0_bot{} #my_footer_0001_0_bot .share_box{} #my_footer_0001_0_bot .share_box .share{width: 45px;height: 45px;background-color: #414141;border-radius: 50%;margin-right: 25px;} #my_footer_0001_0_bot .share_box .share path{fill: #c6c6c6;transition: all .3s;} #my_footer_0001_0_bot .copyright{font-size: 16px;color: rgba(255,255,255,.3);} @media (any-hover:hover){ #my_footer_0001_0_bot .share_box .share:hover{background-color: rgba(255,255,255,1);} #my_footer_0001_0_bot .share_box .share:hover path{fill: rgb(3, 21, 40);} #my_footer_0001_0_bot .copyright a:hover{color: rgba(255,255,255,1);} } @media(max-width: 992px){ #my_footer_0001_0_bot{flex-direction: column;} #my_footer_0001_0_bot .share_box .share{width: 4.5vw;height: 4.5vw;margin: 0 1vw;} #my_footer_0001_0_bot .copyright{font-size: .121rem;margin-top: 2.5vw;text-align: center;} } @media(max-width: 768px){ #my_footer_0001_0_bot .copyright{font-size: .16rem;} } @media(max-width: 576px){ #my_footer_0001_0_bot .share_box .share{width: 8vw;height: 8vw;margin: 0 1.5vw;} #my_footer_0001_0_bot .share_box .share svg{width: 4vw;height: 4vw;} #my_footer_0001_0_bot .copyright{font-size: .3rem;line-height: 1.6;} } #my_hengfu_0001_0{width: 100%;} #my_hengfu_0001_0 .text_box{display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;} #my_hengfu_0001_0 .text_box .title{font-size: 76px;line-height: 1;} #my_hengfu_0001_0 .text_box .brief{font-size: 24px;line-height: 1.25;margin-top: 20px;} #my_hengfu_0001_0 .pic::before{content: '';padding-top: 31.25%;position: relative;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;/*background-color: rgba(0,0,0,.3);*/} /*#my_hengfu_0001_0.contact .pic::before{background-color: rgba(0,0,0,.5);}*/ @media(max-width: 1680px){ #my_hengfu_0001_0 .text_box .title{font-size: 70px;} } @media(max-width: 1536px){ #my_hengfu_0001_0 .text_box .title{font-size: 64px;} } @media(max-width: 1440px){ #my_hengfu_0001_0 .text_box .title{font-size: 58px;} } @media(max-width: 1366px){ #my_hengfu_0001_0 .text_box .title{font-size: 52px;} } @media(max-width: 1280px){ #my_hengfu_0001_0 .text_box .title{font-size: 46px;} #my_hengfu_0001_0 .text_box .brief{font-size: 20px;margin-top: 10px;} } @media(max-width: 1200px){ #my_hengfu_0001_0 .text_box .title{font-size: 44px;} #my_hengfu_0001_0 .text_box .brief{font-size: 18px;} } @media(max-width: 992px){ #my_hengfu_0001_0 .pic::before{padding-top: 40vw;} #my_hengfu_0001_0 .text_box .title{font-size: .5rem;} #my_hengfu_0001_0 .text_box .brief{font-size: .185rem;margin-top: 1vw;} } @media(max-width: 768px){ #my_hengfu_0001_0 .pic::before{padding-top: 50vw;} #my_hengfu_0001_0 .text_box .title{font-size: .56rem;} #my_hengfu_0001_0 .text_box .brief{font-size: .26rem;line-height: 1.6;margin-top: 3vw;} } @media(max-width: 576px){ #my_hengfu_0001_0 .pic::before{padding-top: 80vw;} } #my_breadcrumb_0001_1{margin-top: -60px;position: relative;z-index: 2;} #my_breadcrumb_0001_1 .breadcrumb{display: flex;align-items: center;padding: 18px 0;font-size: 16px;line-height: 1;color: #fff;} #my_breadcrumb_0001_1 .breadcrumb .icon{margin-right: 10px;margin-top: 3px;} #my_breadcrumb_0001_1 .breadcrumb .icon path{fill: #fff;} #my_breadcrumb_0001_1 .breadcrumb .txt{opacity: .5;} #my_breadcrumb_0001_1 .breadcrumb i{font-size: 18px;opacity: .5;} #my_breadcrumb_0001_1 .breadcrumb .before{opacity: .5;} #my_breadcrumb_0001_1 .breadcrumb .span{margin: 0 10px;} #my_breadcrumb_0001_1 .breadcrumb .span i{font-size: 14px;} #my_breadcrumb_0001_1.detail{margin-top: 0;background-color: #f6f6f6;} #my_breadcrumb_0001_1.detail .breadcrumb{padding: 40px 0 0;color: #222;} #my_breadcrumb_0001_1.detail .breadcrumb .icon path{fill: #222;} @media screen and (max-width:992px) { #my_breadcrumb_0001_1 .breadcrumb{display: none;} } #jsf_web_contact_0001_2{padding:100px 0 0;} #jsf_web_contact_0001_2 .cont{width:100%;padding-bottom:60px;border-bottom: 1px solid #ebebeb;} #jsf_web_contact_0001_2 .item{padding-right:3%;} #jsf_web_contact_0001_2 .item:last-child{padding-right:0;} #jsf_web_contact_0001_2 .item .icon{margin-bottom: 40px;height:45px;text-align: start;} #jsf_web_contact_0001_2 .item .icon img {object-fit: contain;} #jsf_web_contact_0001_2 .item .p1{margin-bottom: 17px; font-size: 18px; color: #1a1a1a; font-weight: bold;text-align: start;} #jsf_web_contact_0001_2 .item .p2{margin-bottom: 10px; font-size: 16px; color: #1a1a1a;text-align: start;} #jsf_web_contact_0001_2 .item .p2:last-child{margin-bottom: 0;} @media screen and (min-width: 769px) { #jsf_web_contact_0001_2 .item:hover .icon img {transform: translateY(-10px);} } @media screen and (max-width: 1024px) { #jsf_web_contact_0001_2{padding-top:80px;} } @media screen and (max-width: 992px) { #jsf_web_contact_0001_2{padding-top:8vw;} #jsf_web_contact_0001_2 .cont{padding-bottom:.379rem;} #jsf_web_contact_0001_2 .item{padding-right:2%;} #jsf_web_contact_0001_2 .item .icon{margin-bottom: .303rem;height:.341rem;} #jsf_web_contact_0001_2 .item .p1{margin-bottom: .129rem; font-size: .136rem;} #jsf_web_contact_0001_2 .item .p2{margin-bottom: .076rem; font-size: .121rem;} } @media screen and (max-width: 768px) { #jsf_web_contact_0001_2 .cont{padding-bottom:.5rem;flex-wrap: wrap;} #jsf_web_contact_0001_2 .item{width:50%;padding-right:2%;margin-top:0.5rem;} #jsf_web_contact_0001_2 .item:nth-child(-n+2){margin-top:0;} #jsf_web_contact_0001_2 .item .icon{margin-bottom: .2rem;height:.45rem;} #jsf_web_contact_0001_2 .item .p1{margin-bottom: .17rem; font-size: .18rem;} #jsf_web_contact_0001_2 .item .p2{margin-bottom: .1rem; font-size: .16rem;} } @media screen and (max-width: 576px) { #jsf_web_contact_0001_2{padding-top:10vw;} #jsf_web_contact_0001_2 .cont{padding-bottom:.5rem;flex-wrap: wrap;} #jsf_web_contact_0001_2 .item{width:100%;padding:0 !important;margin:0 0 0.5rem 0 !important;} #jsf_web_contact_0001_2 .item:last-child{margin-bottom:0 !important;} #jsf_web_contact_0001_2 .item .p1{font-size: .3rem;} #jsf_web_contact_0001_2 .item .p2{font-size: .28rem;} }.lyuibtn_004 { --font-size: 18px; --icon-font-size: calc(var(--font-size) + 2px); --color: #0099ff; --background-color: none; --border-color: rgba(0,153,255,.3); --border-width: 2px; --border-radius: 10px; --width: 200px; --height: 60px; --padding: 0 25px; --gap: 3px; display: inline-flex; --hover-background-color: #0099ff; --hover-color: #fff; --hover-border-radius: 30px; height: var(--height);width: var(--width);border-radius: var(--border-radius);background-color: var(--background-color);font-size: var(--font-size);color: var(--color);padding: var(--padding);border: var(--border-width) solid var(--border-color);line-height: 1; } .lyuibtn_004:hover, .lyuibtn_004.active { --color: var(--hover-color); --border-color: var(--hover-background-color); --background-color: var(--hover-background-color); --border-radius: var(--hover-border-radius); } .lyuibtn_004-icon{margin-left: var(--gap);font-size: var(--icon-font-size);} @media(max-width: 992px){ .lyuibtn_004 { --font-size: .136rem; --width: 20vw; --height: 6vw; --padding: 0 2.5vw; } } @media(max-width: 768px){ .lyuibtn_004 { --font-size: .18rem; --width: 25vw; --height: 8vw; --padding: 0 3vw; } } @media(max-width: 567px){ .lyuibtn_004 { --font-size: .3rem; --width: 42vw; --height: 12vw; --padding: 0 5vw; } } .my_feedback_0002_3{padding: 90px 0 120px;} .my_feedback_0002_3 .wrap{margin-top: 70px;} #my_feedback_0002_3_title .title{font-size: 60px;color: #222;line-height: 1;} @media(max-width: 1680px){ #my_feedback_0002_3_title .title{font-size: 56px;} } @media(max-width: 1536px){ #my_feedback_0002_3_title .title{font-size: 52px;} } @media(max-width: 1440px){ #my_feedback_0002_3_title .title{font-size: 48px;} } @media(max-width: 1366px){ #my_feedback_0002_3_title .title{font-size: 42px;} } @media(max-width: 1280px){ #my_feedback_0002_3_title .title{font-size: 40px;} } @media(max-width: 992px){ .my_feedback_0002_3{padding: 8vw 0;} .my_feedback_0002_3 .wrap{margin-top: 5vw;} #my_feedback_0002_3_title .title{font-size: .303rem;} } @media(max-width: 768px){ .my_feedback_0002_3 .wrap{flex-wrap: wrap;} #my_feedback_0002_3_title .title{font-size: .4rem;} } @media(max-width: 576px){ .my_feedback_0002_3{padding: 10vw 0;} #my_feedback_0002_3_title .title{font-size: .48rem;} } #my_feedback_0002_3_info{width: 38.181%;padding-right: 30px;} #my_feedback_0002_3_info .item{margin-bottom: 50px;} #my_feedback_0002_3_info .item .icon{width: 33px;height: 33px;} #my_feedback_0002_3_info .item .tit{font-size: 16px;color: #222;margin-left: 10px;} #my_feedback_0002_3_info .item .brief{font-size: 20px;color: #222;margin-top: 20px;display: inline-block;} @media (any-hover:hover){ #my_feedback_0002_3_info .item .brief:hover{color: var(--mainColor);} } @media(max-width: 1366px){ #my_feedback_0002_3_info .item .brief{font-size: 18px;} } @media(max-width: 992px){ #my_feedback_0002_3_info{padding-right: 3vw;} #my_feedback_0002_3_info .item{margin-bottom: 5vw;} #my_feedback_0002_3_info .item .icon{width: 3.3vw;height: 3.3vw;} #my_feedback_0002_3_info .item .tit{font-size: .121rem;} #my_feedback_0002_3_info .item .brief{font-size: .111rem;margin-top: 1vw;} } @media(max-width: 768px){ #my_feedback_0002_3_info{width: 100%;padding-right: 0;} #my_feedback_0002_3_info .item .tit{font-size: .16rem;} #my_feedback_0002_3_info .item .brief{font-size: .2rem;} } @media(max-width: 576px){ #my_feedback_0002_3_info{padding-right: 3vw;} #my_feedback_0002_3_info .item{margin-bottom: 5vw;} #my_feedback_0002_3_info .item .icon{width: 6vw;height: 6vw;} #my_feedback_0002_3_info .item .tit{font-size: .26rem;} #my_feedback_0002_3_info .item .brief{font-size: .3rem;} } #my_feedback_0002_3_form {width: 61.819%;} #my_feedback_0002_3_form .form .input{width: 100%;height: 60px;border: 2px solid transparent;font-size: 16px;color: #222;padding: 0px 24px;background-color: #f6f6f6;border-radius: 10px;margin-bottom: 20px;} #my_feedback_0002_3_form .form .textarea{height: 220px;border: 2px solid transparent;width: 100%; padding: 20px 24px;line-height: 1.6;font-size: 16px;color: #222;background-color: #f6f6f6;border-radius: 10px;} #my_feedback_0002_3_form .form .policy{font-size: 16px;color: #222;margin-top: 22px;padding-left: 42px;background: url(/module/my/feedback/0002/images/check.svg) no-repeat left / 22px;min-height: 22px;line-height: 1.6;} #my_feedback_0002_3_form .form .policy.cur{background-image: url(/module/my/feedback/0002/images/checked.svg);} #my_feedback_0002_3_form .form .policy a:hover{color: var(--mainColor);} /*#my_feedback_0002_3_form .form .btn{width: 200px;height: 60px;line-height: 60px;font-size: 18px;color: #fff;margin: 40px 0 0;background: var(--mainColor);border-radius: 10px;} #my_feedback_0002_3_form .form .btn:hover{opacity: .8;}*/ #my_feedback_0002_3_form .form .submit{width: fit-content;margin-top: 40px;} #my_feedback_0002_3_form .form .btn{justify-content: center;border-color: var(--mainColor);background-color: var(--mainColor);color: #fff;} #my_feedback_0002_3_form .form .input.focus{border-color: var(--mainColor);background-color: #fff;} #my_feedback_0002_3_form .form .textarea.focus{border-color: var(--mainColor);background-color: #fff;} /* 表单检查错误样式 */ #my_feedback_0002_3_form .form .input.is-error{border-color: red;background-color: #fff;} #my_feedback_0002_3_form .form .textarea.is-error{border-color: red;background-color: #fff;} @media(max-width: 992px){ #my_feedback_0002_3_form .form .input{height: 6vw;font-size: .121rem;padding: 0px 2.4vw;margin-bottom: 2vw;border-radius: 1vw;} #my_feedback_0002_3_form .form .textarea{height: 22vw;padding: 2vw 2.4vw;font-size: .121rem;border-radius: 1vw;} #my_feedback_0002_3_form .form .policy{font-size: .121rem;margin-top: 2.2vw;min-height: 2.2vw;padding-left: 4.2vw;background-size: 2.2vw;} #my_feedback_0002_3_form .form .submit{margin: 4vw 0 0;} #my_feedback_0002_3_form .form .btn{width: 20vw;height: 6vw;line-height: 6vw;font-size: .136rem;border-radius: 1vw;} } @media(max-width: 768px){ #my_feedback_0002_3_form {width: 100%;} #my_feedback_0002_3_form .form .input{height: 8vw;line-height: 7.6vw;font-size: .16rem;} #my_feedback_0002_3_form .form .textarea{font-size: .16rem;} #my_feedback_0002_3_form .form .policy{font-size: .16rem;background-size: 3vw;} #my_feedback_0002_3_form .form .btn{font-size: .18rem;} } @media(max-width: 576px){ #my_feedback_0002_3_form .form .input{height: 10vw;font-size: .26rem;padding: 0px 3vw;margin-bottom: 3vw;} #my_feedback_0002_3_form .form .textarea{height: 25vw;padding: 2vw 2.4vw;font-size: .26rem;} #my_feedback_0002_3_form .form .policy{font-size: .26rem;margin-top: 3vw;min-height: 3vw;padding-left: 6vw;background-size: 4vw;} #my_feedback_0002_3_form .form .btn{width: 30vw;height: 10vw;line-height: 10vw;font-size: .26rem;} }