/* 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 80px;} #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: .26rem;} #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 80px 10px 0;} @media(max-width: 1200px){ #my_footer_0001_0_con .item{margin-right: 30px;} } @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{margin-right: 25px;width: fit-content;height: fit-content;} #my_footer_0001_0_bot .share_box .share .icon{width: 45px;height: 45px;background-color: #414141;border-radius: 50%;} #my_footer_0001_0_bot .share_box .share .svg{fill: #c6c6c6;width:25px;height:auto;} #my_footer_0001_0_bot .share_box .share .ewm{display:none;width:110px;height:110px;bottom:calc(100% + 5px);left:0;z-index:5;background-color:#fff;padding:5px;box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.15);border-radius: 5px;} #my_footer_0001_0_bot .share_box .share:hover .ewm{display:block;} #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 .icon{background-color: rgba(255,255,255,1);} #my_footer_0001_0_bot .share_box .share:hover .svg{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{margin: 0 1vw;} #my_footer_0001_0_bot .share_box .share .icon{width: 4.5vw;height: 4.5vw;} #my_footer_0001_0_bot .share_box .share .ewm{left:50%;transform: translateX(-50%);} #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{margin: 0 1.5vw;} #my_footer_0001_0_bot .share_box .share .icon{width: 8vw;height: 8vw;} #my_footer_0001_0_bot .share_box .share .svg{width: 4vw;} #my_footer_0001_0_bot .copyright{font-size: .3rem;line-height: 1.6;} }.lyuibtn_005 { --font-size: 18px; --icon-font-size: calc(var(--font-size) + 2px); --color: #fff; --background-color: #333; --border-color: transparent; --border-width: 2px; --border-radius: 10px; --width: 180px; --height: 50px; --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_005:hover, .lyuibtn_005.active { /*--color: var(--hover-color);*/ /*--border-color: var(--hover-background-color);*/ /*--background-color: var(--hover-background-color);*/ --border-radius: var(--hover-border-radius); /*transform: scale(1.15);*/ /*backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);*/ /*background-color: #fff;*/ /*filter: blur(1.2px);*/ box-shadow: 0 0 25px 12px rgba(51, 51, 51, 0.6), 0 0 45px 25px rgba(51, 51, 51, 0.4); } /*.lyuibtn_005:hover .lyuibtn_005-bg{backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);background-color: rgba(51,51,51,.5);}*/ .lyuibtn_005-icon{margin-left: var(--gap);font-size: var(--icon-font-size);} @media(max-width: 992px){ .lyuibtn_005 { --font-size: .136rem; --width: 20vw; --height: 6vw; --padding: 0 2.5vw; } } @media(max-width: 768px){ .lyuibtn_005 { --font-size: .18rem; --width: 25vw; --height: 8vw; --padding: 0 3vw; } } @media(max-width: 567px){ .lyuibtn_005 { --font-size: .3rem; --width: 42vw; --height: 12vw; --padding: 0 5vw; } } #my_index_hengfu_0002_0{width: 100%;background: #000;} /*#my_index_hengfu_0002_0 .slide-inner{height: 56.25vw;}*/ #my_index_hengfu_0002_0 .slide-inner{height: 49.479vw;} #my_index_hengfu_0002_0 .slide-inner::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;/*background: url(/module/my/index-hengfu/0002/images/banner-bg.png) no-repeat center / cover;*/z-index: 1;} #my_index_hengfu_0002_0 .text{display: flex;flex-direction: column;justify-content: center;z-index: 2;color: #fff;} #my_index_hengfu_0002_0 .text .txt1{font-size: 76px;line-height: 1.075;} #my_index_hengfu_0002_0 .text .txt2{font-size: 22px;margin-top: 25px;} /*#my_index_hengfu_0002_0 .text .more{width: 190px;height: 50px;color: #fff;background: var(--mainColor);margin-top: 70px;border-radius: 25px;}*/ #my_index_hengfu_0002_0 .text .more{margin-top: 70px;} #my_index_hengfu_0002_0 video{width: 100%;height: 100%;object-fit: cover;} #my_index_hengfu_0002_0 .page_box{right: 50px;bottom: 50px;z-index: 2;} #my_index_hengfu_0002_0 .page_box .page{width: auto;margin-right: 22px;font-size: 18px;color: #fff;} #my_index_hengfu_0002_0 .page_box .canvas{width: 50px;height: 50px;} @media(max-width: 1680px){ #my_index_hengfu_0002_0 .text .txt1{font-size: 70px;} } @media(max-width: 1536px){ #my_index_hengfu_0002_0 .text .txt1{font-size: 64px;} } @media(max-width: 1440px){ #my_index_hengfu_0002_0 .text .txt1{font-size: 58px;} } @media(max-width: 1366px){ #my_index_hengfu_0002_0 .text .txt1{font-size: 52px;} } @media(max-width: 1280px){ #my_index_hengfu_0002_0 .text .txt1{font-size: 46px;} #my_index_hengfu_0002_0 .text .txt2{font-size: 20px;margin-top: 10px;} #my_index_hengfu_0002_0 .text .more{width: 220px;margin-top: 40px;} } @media(max-width: 1200px){ #my_index_hengfu_0002_0 .text .txt1{font-size: 42px;} #my_index_hengfu_0002_0 .text .txt2{font-size: 18px;} } @media(max-width: 992px){ #my_index_hengfu_0002_0 .text .txt1{font-size: .36rem;} #my_index_hengfu_0002_0 .text .txt2{font-size: .181rem;margin-top: 2.5vw;} #my_index_hengfu_0002_0 .page_box{right: 5vw;bottom: 5vw;} #my_index_hengfu_0002_0 .page_box .page{margin-right: 2.2vw;font-size: .136rem;} #my_index_hengfu_0002_0 .page_box .canvas{width: 5vw;height: 5vw;} } @media(max-width: 768px){ #my_index_hengfu_0002_0 .slide-inner{height: 100vw;} #my_index_hengfu_0002_0 .text .txt1{font-size: .42rem;} #my_index_hengfu_0002_0 .text .txt2{font-size: .26rem;margin-top: 3vw;} #my_index_hengfu_0002_0 .text .more{width: fit-content;min-width: 20vw;height: 8vw;line-height: 8vw;font-size: 0.26rem;margin-top: 3vw;padding: 0 3vw;} #my_index_hengfu_0002_0 .page_box .page{font-size: .18rem;} #my_index_hengfu_0002_0 .page_box .canvas{width: 6vw;height: 6vw;} } @media(max-width: 576px){ #my_index_hengfu_0002_0 .slide-inner{height: 126vw;} #my_index_hengfu_0002_0 .text .txt1{font-size: .42rem;} #my_index_hengfu_0002_0 .text .txt2{font-size: .26rem;line-height: 1.6;} #my_index_hengfu_0002_0 .text .more{min-width: 25vw;} #my_index_hengfu_0002_0 .page_box .page{margin-right: 5vw;font-size: .3rem;} #my_index_hengfu_0002_0 .page_box .canvas{width: 8vw;height: 8vw;} } #my_index_about_0002_1{padding: 85px 0 20px;background: url(/module/my/index-about/0002/images/bg.jpg) no-repeat center / cover;} #my_index_about_0002_1 .title{font-size: 45px;color: #fff;line-height: 1;} #my_index_about_0002_1 .brief{/*width: 59.25%;*/font-size: 20px;color: #c4c4c4;line-height: 1.416;margin: 20px auto 15px;} #my_index_about_0002_1 .brief2{font-size: 26px;color: var(--mainColor);line-height: 1.6;margin: 0 auto;} #my_index_about_0002_1 .pic{width: 100%;margin-top: 6px;} #my_index_about_0002_1 .pic::before{content: '';padding-top: 12%;} #my_index_about_0002_1 .pic2{width: 100%;margin-top: 6px;} #my_index_about_0002_1 .pic2::before{content: '';padding-top: 40%;} /*@media(max-width: 1680px){*/ /* #my_index_about_0002_1 .title{font-size: 56px;}*/ /*}*/ @media(max-width: 1536px){ /*#my_index_about_0002_1 .title{font-size: 52px;}*/ #my_index_about_0002_1 .brief{font-size: 22px;} #my_index_about_0002_1 .brief2{font-size: 26px;} } @media(max-width: 1440px){ /*#my_index_about_0002_1 .title{font-size: 48px;}*/ #my_index_about_0002_1 .box{width: 100%;} } @media(max-width: 1366px){ #my_index_about_0002_1 .title{font-size: 42px;} #my_index_about_0002_1 .li{padding-top: 30px;padding-right: 30px;} } @media(max-width: 1280px){ #my_index_about_0002_1 .title{font-size: 40px;} /*#my_index_about_0002_1 .brief{width: 75%;}*/ } @media(max-width: 1024px){ /*#my_index_about_0002_1 .brief{width: 100%;}*/ } @media(max-width: 992px){ #my_index_about_0002_1{padding: 8vw 0 2vw;} #my_index_about_0002_1 .title{font-size: .303rem;} #my_index_about_0002_1 .brief{font-size: .181rem;margin: 2vw auto 1.5vw;} #my_index_about_0002_1 .brief2{font-size: .227rem;} #my_index_about_0002_1 .pic, #my_index_about_0002_1 .pic2{margin-top: .6vw;} } @media(max-width: 768px){ #my_index_about_0002_1 .title{font-size: .4rem;} #my_index_about_0002_1 .brief{font-size: .24rem;} #my_index_about_0002_1 .brief2{font-size: .3rem;} #my_index_about_0002_1 .pic, #my_index_about_0002_1 .pic2{margin-top: 1vw;} } @media(max-width: 576px){ #my_index_about_0002_1 {padding: 10vw 0 5vw;margin-top: -2px;min-height: 150vw;} #my_index_about_0002_1 .title{font-size: .48rem;} #my_index_about_0002_1 .brief{font-size: .3rem;} #my_index_about_0002_1 .brief2{font-size: .36rem;} #my_index_about_0002_1 .pic, #my_index_about_0002_1 .pic2{margin-top: 2vw;} } .lyuibtn_005 { --font-size: 18px; --icon-font-size: calc(var(--font-size) + 2px); --color: #fff; --background-color: #333; --border-color: transparent; --border-width: 2px; --border-radius: 10px; --width: 180px; --height: 50px; --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_005:hover, .lyuibtn_005.active { /*--color: var(--hover-color);*/ /*--border-color: var(--hover-background-color);*/ /*--background-color: var(--hover-background-color);*/ --border-radius: var(--hover-border-radius); /*transform: scale(1.15);*/ /*backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);*/ /*background-color: #fff;*/ /*filter: blur(1.2px);*/ box-shadow: 0 0 25px 12px rgba(51, 51, 51, 0.6), 0 0 45px 25px rgba(51, 51, 51, 0.4); } /*.lyuibtn_005:hover .lyuibtn_005-bg{backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);background-color: rgba(51,51,51,.5);}*/ .lyuibtn_005-icon{margin-left: var(--gap);font-size: var(--icon-font-size);} @media(max-width: 992px){ .lyuibtn_005 { --font-size: .136rem; --width: 20vw; --height: 6vw; --padding: 0 2.5vw; } } @media(max-width: 768px){ .lyuibtn_005 { --font-size: .18rem; --width: 25vw; --height: 8vw; --padding: 0 3vw; } } @media(max-width: 567px){ .lyuibtn_005 { --font-size: .3rem; --width: 42vw; --height: 12vw; --padding: 0 5vw; } } #jsf_web_index_solution_0001_2{width:100%;height:975px;overflow:hidden;position: relative;} #jsf_web_index_solution_0001_2 .cw1350{width:92%;max-width: 1350px;margin:0 auto;} #jsf_web_index_solution_0001_2 .title{top:100px;font-size: 45px;color: #fff;line-height: 1.167;} #jsf_web_index_solution_0001_2 .bg_box .img video{width:100%;height:100%;object-fit:cover;} #jsf_web_index_solution_0001_2 .bg_box .img img{width:100%;height:100%;object-fit:cover;opacity:1;} /* #jsf_web_index_solution_0001_2 .bg_box .img.cur img{opacity:1;} */ #jsf_web_index_solution_0001_2 .left{width:33.333%;margin-right:8.377%;padding-left:14.922%;} #jsf_web_index_solution_0001_2 .right{width:calc(100% - 33.333% - 8.377%);border-radius: 10px 0 0 10px;overflow: hidden;} #jsf_web_index_solution_0001_2 .first .btn{opacity: 0;pointer-events: none;} #jsf_web_index_solution_0001_2 .cont{padding-top:170px;} #jsf_web_index_solution_0001_2 .name{font-size: 38px;color:#fff;} #jsf_web_index_solution_0001_2 .brief{font-size: 16px;color: #fff;line-height: 1.667;margin:15px 0 50px;} #jsf_web_index_solution_0001_2 .video{margin-left:10px;width: 50px;height: 50px;border-radius:50%;border: 2px solid rgb(255, 255, 255);} #jsf_web_index_solution_0001_2 .video .svg{fill:#fff;} #jsf_web_index_solution_0001_2 .video:hover{border-color: var(--mainColor);} #jsf_web_index_solution_0001_2 .video:hover .svg{fill:var(--mainColor);} #jsf_web_index_solution_0001_2 .control .slide{width:240px;} #jsf_web_index_solution_0001_2 .pic{width:100%;border-radius:10px;} #jsf_web_index_solution_0001_2 .pic::after{width:100%;padding-top:150%;} #jsf_web_index_solution_0001_2 .mask{position: absolute;left:0;bottom:0;width: 100%;height: 46.389%;background: linear-gradient(to top,rgba(0,0,0,0.6) 10%,rgba(0,0,0,0) 100%);} #jsf_web_index_solution_0001_2 .name2{left: 0;bottom:30px;width:100%;padding:0 4% 20px;font-size: 20px;color: #fff;line-height: 1.2;} #jsf_web_index_solution_0001_2 .name2::after{content: "";position: absolute;left: 4%;bottom: 0;background-color: #fff;width: 22px;height: 2px;z-index: 2;} #jsf_web_index_solution_0001_2 .right .bot{margin-top:40px;} #jsf_web_index_solution_0001_2 .an .pn{border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 50%;width: 52px;height: 52px;font-size:12px;color:#fff;font-weight:bold;} #jsf_web_index_solution_0001_2 .an .pn.prev{margin-right:10px;} #jsf_web_index_solution_0001_2 .an .pn:hover{border-color: #fff;} #jsf_web_index_solution_0001_2 .page{font-size: 30px;color: #fff;line-height: 1.2;} #jsf_web_index_solution_0001_2 .scrollbar{margin: 0 20px;background: rgba(255, 255, 255,0.3);width: 58.149%;height: 2px;} #jsf_web_index_solution_0001_2 .scrollbar .xian{z-index:2;left:0;top:0;height:100%;background: var(--mainColor);} @media(max-width: 1680px){ #jsf_web_index_solution_0001_2 .left{padding-left:165px;} } @media(max-width: 1536px){ #jsf_web_index_solution_0001_2{height:875px;} #jsf_web_index_solution_0001_2 .left{padding-left:6.5%;} } @media(max-width: 1440px){ #jsf_web_index_solution_0001_2{height:800px;} #jsf_web_index_solution_0001_2 .title{font-size:42px;} #jsf_web_index_solution_0001_2 .left{padding-left:4%;} #jsf_web_index_solution_0001_2 .name{font-size:36px;} #jsf_web_index_solution_0001_2 .brief{font-size:16px;} #jsf_web_index_solution_0001_2 .name2{font-size:18px;bottom:6%;} } @media(max-width: 1024px){ #jsf_web_index_solution_0001_2 .left{width:33.333%;margin-right:4%;} #jsf_web_index_solution_0001_2 .right{width:calc(100% - 33.333% - 4%);} #jsf_web_index_solution_0001_2 .name{font-size: 30px;} } @media(max-width: 992px){ #jsf_web_index_solution_0001_2{height:6.061rem;} #jsf_web_index_solution_0001_2 .title{top:.606rem;font-size: .318rem;} #jsf_web_index_solution_0001_2 .right{border-radius: .076rem 0 0 .076rem;} #jsf_web_index_solution_0001_2 .cont{padding-top:1.288rem;} #jsf_web_index_solution_0001_2 .name{font-size: .227rem;} #jsf_web_index_solution_0001_2 .brief{font-size: .121rem;margin:.114rem 0 .379rem;} #jsf_web_index_solution_0001_2 .video{margin-left:.076rem;width: .379rem;height: .379rem;} #jsf_web_index_solution_0001_2 .control .slide{width:1.818rem;} #jsf_web_index_solution_0001_2 .pic{border-radius:.076rem;} #jsf_web_index_solution_0001_2 .name2{bottom:6%;padding:0 4% .152rem;font-size: .136rem;} #jsf_web_index_solution_0001_2 .name2::after{width: .167rem;height: .015rem;} #jsf_web_index_solution_0001_2 .right .bot{margin-top:.303rem;} #jsf_web_index_solution_0001_2 .an .pn{width: .394rem;height: .394rem;font-size:.091rem;} #jsf_web_index_solution_0001_2 .an .pn.prev{margin-right:.076rem;} #jsf_web_index_solution_0001_2 .page{font-size: .227rem;} #jsf_web_index_solution_0001_2 .scrollbar{margin: 0 .152rem;height: .015rem;} } @media(max-width: 768px){ #jsf_web_index_solution_0001_2{height:8rem;} #jsf_web_index_solution_0001_2 .title{top:.8rem;font-size: .42rem;} #jsf_web_index_solution_0001_2 .left{min-width:3rem;} #jsf_web_index_solution_0001_2 .right{border-radius: .1rem 0 0 .1rem;} #jsf_web_index_solution_0001_2 .cont{padding-top:1.7rem;} #jsf_web_index_solution_0001_2 .name{font-size: .3rem;} #jsf_web_index_solution_0001_2 .brief{font-size: .16rem;margin:.15rem 0 .5rem;} #jsf_web_index_solution_0001_2 .video{margin-left:.1rem;width: .5rem;height: .5rem;} #jsf_web_index_solution_0001_2 .control .slide{width:2.4rem;} #jsf_web_index_solution_0001_2 .pic{border-radius:.1rem;} #jsf_web_index_solution_0001_2 .name2{bottom:6%;padding:0 4% .2rem;font-size: .18rem;} #jsf_web_index_solution_0001_2 .name2::after{width: .22rem;height: .02rem;} #jsf_web_index_solution_0001_2 .right .bot{margin-top:.4rem;} #jsf_web_index_solution_0001_2 .an .pn{width: .52rem;height: .52rem;font-size:.12rem;} #jsf_web_index_solution_0001_2 .an .pn.prev{margin-right:.1rem;} #jsf_web_index_solution_0001_2 .page{font-size: .3rem;} #jsf_web_index_solution_0001_2 .scrollbar{margin: 0 .2rem;height: .02rem;} } @media(max-width: 576px){ #jsf_web_index_solution_0001_2{height:165vw;padding-bottom:10vw;margin-top: -2px;} #jsf_web_index_solution_0001_2 .title{font-size: .52rem;} #jsf_web_index_solution_0001_2 .cont{display: block;} #jsf_web_index_solution_0001_2 .left{width:100%;margin:0 0 .5rem;padding:0 4%;} #jsf_web_index_solution_0001_2 .right{width:100%;padding:0 0 0 4%;} #jsf_web_index_solution_0001_2 .cont{padding-top:1.7rem;} #jsf_web_index_solution_0001_2 .name{font-size: .36rem;} #jsf_web_index_solution_0001_2 .brief{font-size: .26rem;height: 2.1671rem;} #jsf_web_index_solution_0001_2 .video{width: .8rem;height: .8rem;padding-left:0.05rem;} #jsf_web_index_solution_0001_2 .name2{font-size: .28rem;} #jsf_web_index_solution_0001_2 .an .pn{width: .7rem;height: .7rem;font-size:.22rem;} #jsf_web_index_solution_0001_2 .page{font-size: .36rem;} } #jsf_web_index_other_0001_3{width: 100%;padding-top:44.792%;} #jsf_web_index_other_0001_3 .cw1350{max-width:1350px;width:92%;margin: 0 auto;} #jsf_web_index_other_0001_3 img{width:100%;height:100%;object-fit:cover;} #jsf_web_index_other_0001_3 .cont{padding:80px 0;} #jsf_web_index_other_0001_3 .title{margin-bottom:40px;font-size: 45px;color: #fff;line-height: 1.167;} #jsf_web_index_other_0001_3 .li{margin-right:20px;font-size: 22px;color:#888;line-height: 1.25;cursor: pointer;} #jsf_web_index_other_0001_3 .li:last-child{margin-right:0;} #jsf_web_index_other_0001_3 .li.cur{font-family: "Figtree-Medium";color:var(--mainColor);} #jsf_web_index_other_0001_3 .brief{margin:30px 0 55px;font-size: 16px;color: #fff;line-height: 1.667;max-width:55%;} @media screen and (max-width: 1440px) { #jsf_web_index_other_0001_3 .title{font-size: 42px;margin-bottom:30px;} #jsf_web_index_other_0001_3 .li{font-size:20px;} #jsf_web_index_other_0001_3 .brief{font-size:16px;margin:20px 0 30px;} } @media screen and (max-width: 1024px) { #jsf_web_index_other_0001_3 .brief{max-width:55%;} } @media screen and (max-width: 992px) { #jsf_web_index_other_0001_3 .cont{padding:8vw 0;} #jsf_web_index_other_0001_3 .title{margin-bottom:.227rem;font-size: .318rem;} #jsf_web_index_other_0001_3 .li{margin-right:.152rem;font-size: .152rem;} #jsf_web_index_other_0001_3 .brief{margin:.152rem 0 .227rem;font-size: .121rem;} } @media screen and (max-width: 768px) { #jsf_web_index_other_0001_3{padding-top:50%;} #jsf_web_index_other_0001_3 .title{margin-bottom:.3rem;font-size: .42rem;} #jsf_web_index_other_0001_3 .li{margin-right:.2rem;font-size: .2rem;} #jsf_web_index_other_0001_3 .brief{margin:.2rem 0 .3rem;font-size: .16rem;max-width:80%;} } @media screen and (max-width: 576px) { #jsf_web_index_other_0001_3{padding-top:90%;margin-top: -2px;} #jsf_web_index_other_0001_3 .cont{padding:10vw 0;} #jsf_web_index_other_0001_3 .cont .tab{flex-wrap: wrap;} #jsf_web_index_other_0001_3 .title{font-size: .52rem;} #jsf_web_index_other_0001_3 .li{font-size: .3rem;width: 50%;margin-right: 0;margin-bottom: 3vw;} #jsf_web_index_other_0001_3 .brief{font-size: .26rem;max-width:100%;} } /*#jsf_web_index_products_0001_4{width: 100%;height:975px;}*/ #jsf_web_index_products_0001_4{width: 100%;height:950px;background-color: #000;} #jsf_web_index_products_0001_4 .title{top:100px;font-size: 45px;color: #fff;line-height: 1;text-align:center;} #jsf_web_index_products_0001_4 .li{width:26.042%;height:100%;position: relative;transition: 0.8s;} #jsf_web_index_products_0001_4 .li .bg img{width:100%;height:100%;object-fit: cover;} #jsf_web_index_products_0001_4 .li .info{padding:100px 4% 90px;position: relative;z-index: 5;} #jsf_web_index_products_0001_4 .li .name1{padding:0 20px;left:0;bottom: 9%;z-index:2;width:100%;} #jsf_web_index_products_0001_4 .li .name{font-size: 26px;color:#fff;line-height: 1;text-align: center;} #jsf_web_index_products_0001_4 .li .brief{margin:20px auto 0;max-width:53%;font-size: 18px;color: rgba(255, 255, 255, 0.5);line-height: 1.667;text-align: center;} @media screen and (min-width: 769px) { #jsf_web_index_products_0001_4 .li .bg::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color: rgb(21, 22, 23, 0.4);backdrop-filter: blur(3px);transition: 0.3s;} #jsf_web_index_products_0001_4 .li .com{opacity: 0;transform: translate(0,120px);} #jsf_web_index_products_0001_4 .li.cur{width:calc(100% - 2 * 26.042%);} #jsf_web_index_products_0001_4 .li.cur .com{transform: translate(0,0);opacity: 1;} #jsf_web_index_products_0001_4 .li.cur .name1{opacity:0;/*transform: translate(0,-120px);*/} #jsf_web_index_products_0001_4 .li.cur .bg::after{backdrop-filter:unset;background-color: transparent;} #jsf_web_index_products_0001_4 .li.cur .bg .i1{display: none;} #jsf_web_index_products_0001_4 .li.cur .bg .i2{display: block;} } @media screen and (max-width: 1680px) { #jsf_web_index_products_0001_4 .li .brief{max-width:68%;} } @media screen and (max-width: 1536px) { #jsf_web_index_products_0001_4 .li .brief{max-width:78%;} } @media screen and (max-width: 1440px) { #jsf_web_index_products_0001_4{height:750px;} #jsf_web_index_products_0001_4 .title{font-size: 42px;} #jsf_web_index_products_0001_4 .li .brief{max-width:88%;} } @media screen and (max-width: 1024px) { #jsf_web_index_products_0001_4 .title{top:80px;} #jsf_web_index_products_0001_4 .li .info{padding:80px 4%;} #jsf_web_index_products_0001_4 .li .brief{max-width:100%;} } @media screen and (max-width: 992px) { #jsf_web_index_products_0001_4{height:5.682rem;} #jsf_web_index_products_0001_4 .title{font-size: .318rem;top:8vw;} #jsf_web_index_products_0001_4 .li .info{padding:8vw 4%;} #jsf_web_index_products_0001_4 .li .name1{padding:0 .152rem;} #jsf_web_index_products_0001_4 .li .name{font-size: .197rem;} #jsf_web_index_products_0001_4 .li .brief{margin-top:.152rem;font-size: .136rem;} } @media screen and (max-width: 768px) { #jsf_web_index_products_0001_4{height:auto;} #jsf_web_index_products_0001_4 .title{font-size: .42rem;} #jsf_web_index_products_0001_4 .accordion{display:block;} #jsf_web_index_products_0001_4 .li{width:100%;display:block;} #jsf_web_index_products_0001_4 .li .name1{display:none;} #jsf_web_index_products_0001_4 .li .info{min-height:8rem;} #jsf_web_index_products_0001_4 .li .info::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.2);} #jsf_web_index_products_0001_4 .li .name{font-size: 0.26rem;position: relative;} #jsf_web_index_products_0001_4 .li .brief{margin-top:0.2rem;font-size: 0.18rem;color: rgba(255, 255, 255, 0.8);position: relative;} } @media screen and (max-width: 576px) { #jsf_web_index_products_0001_4 .title{font-size: .52rem;top:10vw;} #jsf_web_index_products_0001_4 .li .info{padding:10vw 4%;} #jsf_web_index_products_0001_4 .li .name{font-size: 0.36rem;} #jsf_web_index_products_0001_4 .li .brief{font-size: 0.26rem;} } #my_index_roboverse_0001_5{} #my_index_roboverse_0001_5 .box::before{content: '';padding-top: 51.041%;display: block;} /*#my_index_roboverse_0001_5 .pic img{opacity: 0;transition: all .3s;} #my_index_roboverse_0001_5 .pic.cur img{opacity: 1;}*/ #my_index_roboverse_0001_5 .title{font-size: 45px;color: #fff;line-height: 1;left: 30px;right: 30px;top: 85px;margin: auto;z-index: 2;} #my_index_roboverse_0001_5 .content{top: 50%;transform: translateY(-50%);left: 13.28%;width: 25%;} #my_index_roboverse_0001_5 .li{height: 120px;padding: 0 30px;} #my_index_roboverse_0001_5 .li .icon{width: 40px;height: 40px;} #my_index_roboverse_0001_5 .li .text{width: calc(100% - 40px);padding-left: 20px;} #my_index_roboverse_0001_5 .li .tit{font-size: 22px;color: #fff;} #my_index_roboverse_0001_5 .li .brief{font-size: 18px;color: rgba(255,255,255,.5);margin-top: 0;height: 0;} #my_index_roboverse_0001_5 .li.cur .brief{margin-top: 16px;} #my_index_roboverse_0001_5 .moveblock{display: block;position: absolute;transition: .3s;background: rgba(255,255,255,.05);border-radius: 10px;left: 0;top: 0;height: 0;width: 100%;pointer-events: none;} @media(max-width: 1680px){ /*#my_index_roboverse_0001_5 .title{font-size: 56px;}*/ #my_index_roboverse_0001_5 .content{width: 30%;left: 9.5%;} } @media(max-width: 1536px){ /*#my_index_roboverse_0001_5 .title{font-size: 52px;top: 3vw;}*/ #my_index_roboverse_0001_5 .content{width: 32%;left: 5.5%;} } @media(max-width: 1440px){ /*#my_index_roboverse_0001_5 .title{font-size: 48px;}*/ #my_index_roboverse_0001_5 .content{width: 35%;left: 4%;} } @media(max-width: 1366px){ #my_index_roboverse_0001_5 .title{font-size: 42px;} } @media(max-width: 1280px){ #my_index_roboverse_0001_5 .title{font-size: 40px;} } @media(max-width: 1100px){ #my_index_roboverse_0001_5 .content{width: 40%;} } @media(max-width: 992px){ #my_index_roboverse_0001_5 .box::before{padding-top: 62vw;} #my_index_roboverse_0001_5 .title{font-size: .303rem;} #my_index_roboverse_0001_5 .li{height: 12vw;padding: 0 3vw;} #my_index_roboverse_0001_5 .li .icon{width: 4vw;height: 4vw;} #my_index_roboverse_0001_5 .li .text{width: calc(100% - 4vw);padding-left: 2vw;} #my_index_roboverse_0001_5 .li .tit{font-size: .167rem;} #my_index_roboverse_0001_5 .li .brief{font-size: .136rem;} #my_index_roboverse_0001_5 .li.cur .brief{margin-top: 1.6vw;} } @media(max-width: 768px){ #my_index_roboverse_0001_5 .title{font-size: .4rem;} #my_index_roboverse_0001_5 .content{width: 50%;} #my_index_roboverse_0001_5 .li{height: 15vw;} #my_index_roboverse_0001_5 .li .icon{width: 4vw;height: 4vw;} #my_index_roboverse_0001_5 .li .text{width: calc(100% - 4vw);padding-left: 2vw;} #my_index_roboverse_0001_5 .li .tit{font-size: .22rem;} #my_index_roboverse_0001_5 .li .brief{font-size: .18rem;} #my_index_roboverse_0001_5 .li.cur .brief{margin-top: 1.6vw;} } @media(max-width: 576px){ #my_index_roboverse_0001_5 .box::before{padding-top: 80vw;} #my_index_roboverse_0001_5 .title{font-size: .48rem;top: 5vw} #my_index_roboverse_0001_5 .content{width: 96%;left: 4%;margin-top: 5vw;} #my_index_roboverse_0001_5 .li{height: 20vw;} #my_index_roboverse_0001_5 .li .icon{width: 6vw;height: 6vw;} #my_index_roboverse_0001_5 .li .text{width: calc(100% - 6vw);padding-left: 4vw;} #my_index_roboverse_0001_5 .li .tit{font-size: .36rem;} #my_index_roboverse_0001_5 .li .brief{font-size: .26rem;color: rgba(255,255,255,.8);} } .lyuiitem_003 { --width: 31.259%; width: var(--width); } .lyuiitem_003-img::before{content: '';padding-top: 56.161%;} .lyuiitem_003-cate{padding: 0 8px;font-size: 16px;color: #fff;height: 25px;background-color: #222;/*border-radius: 5px;left: 20px;top: 20px;*/right: 0;top: 0;z-index: 1;background: url(/images/news-cate-bg.png) no-repeat center;min-width: 97px;min-height: 43px;} .lyuiitem_003-time{font-size: 16px;color: #666;margin: 26px 0 12px;} .lyuiitem_003-name{font-size: 18px;color: #222;line-height: 1.667;} .lyuiitem_003-logo{height: auto !important;bottom: 0;} @media (any-hover: hover) { .lyuiitem_003:hover .lyuiitem_003-name {color: var(--mainColor);} .lyuiitem_003:hover .lyuiitem_003-logo{transform: scale(1) !important;} } @media(max-width:992px){ .lyuiitem_003-cate{padding: 0 .8vw;font-size: .106rem;height: 2.5vw;/*left: 2vw;top: 2vw;*/} .lyuiitem_003-time{font-size: .121rem;margin: 2.6vw 0 1.2vw;} .lyuiitem_003-name{font-size: .136rem;} } @media(max-width:768px){ .lyuiitem_003 { --width: 100%; } .lyuiitem_003-cate{padding: 0 1vw;font-size: .14rem;height: 3vw;/*left: 3vw;top: 3vw;*/} .lyuiitem_003-time{font-size: .16rem;margin: 3vw 0 2vw;} .lyuiitem_003-name{font-size: .18rem;} } @media(max-width:576px){ .lyuiitem_003-cate{padding: 0 2vw;font-size: .26rem;height: 6vw;} .lyuiitem_003-time {font-size: .26rem;margin: 3.5vw 0;} .lyuiitem_003-name {font-size: .3rem;} } .lyuibtn_005 { --font-size: 18px; --icon-font-size: calc(var(--font-size) + 2px); --color: #fff; --background-color: #333; --border-color: transparent; --border-width: 2px; --border-radius: 10px; --width: 180px; --height: 50px; --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_005:hover, .lyuibtn_005.active { /*--color: var(--hover-color);*/ /*--border-color: var(--hover-background-color);*/ /*--background-color: var(--hover-background-color);*/ --border-radius: var(--hover-border-radius); /*transform: scale(1.15);*/ /*backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);*/ /*background-color: #fff;*/ /*filter: blur(1.2px);*/ box-shadow: 0 0 25px 12px rgba(51, 51, 51, 0.6), 0 0 45px 25px rgba(51, 51, 51, 0.4); } /*.lyuibtn_005:hover .lyuibtn_005-bg{backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);background-color: rgba(51,51,51,.5);}*/ .lyuibtn_005-icon{margin-left: var(--gap);font-size: var(--icon-font-size);} @media(max-width: 992px){ .lyuibtn_005 { --font-size: .136rem; --width: 20vw; --height: 6vw; --padding: 0 2.5vw; } } @media(max-width: 768px){ .lyuibtn_005 { --font-size: .18rem; --width: 25vw; --height: 8vw; --padding: 0 3vw; } } @media(max-width: 567px){ .lyuibtn_005 { --font-size: .3rem; --width: 42vw; --height: 12vw; --padding: 0 5vw; } } #my_index_blog_0002_6{padding: 90px 0 120px;background-color: #1e1e1e;} #my_index_blog_0002_6 .title{font-size: 45px;color: #fff;line-height: 1;} #my_index_blog_0002_6 .category{margin: 30px 0 46px;} #my_index_blog_0002_6 .category .item{font-size: 24px;color: #fff;} #my_index_blog_0002_6 .category span{font-size: 24px;color: #fff;margin: 0 5px;} #my_index_blog_0002_6 .category span:last-child{display: none;} #my_index_blog_0002_6 .content{margin-top: 60px;} #my_index_blog_0002_6 .li{width: 100%;} #my_index_blog_0002_6 .li .lyuiitem_003-time{color: rgba(255,255,255,.5);} #my_index_blog_0002_6 .li .lyuiitem_003-name{color: #fff;} #my_index_blog_0002_6 .btn{width: 51px;height: 95px;top: 20%;z-index: 2;} #my_index_blog_0002_6 .btn.prev{left: -125px;} #my_index_blog_0002_6 .btn.next{right: -125px;} #my_index_blog_0002_6 .btn .svg path{transition: all .3s;} #my_index_blog_0002_6 .page_el{margin-top: 30px;} #my_index_blog_0002_6 .page_el .swiper-pagination-bullet{width: 30px;height: 4px;border-radius: 2px;margin: 0 2px;background-color: #fff;transition: all .3s;position: relative;} #my_index_blog_0002_6 .page_el .swiper-pagination-bullet::before{content: '';position: absolute;width: 100%;height: 20px;top: -8px;} #my_index_blog_0002_6 .page_el .swiper-pagination-bullet-active{width: 45px;} #my_index_blog_0002_6 .more{--width: 185px;margin-top: 50px;border-radius: 25px;} @media (any-hover:hover){ #my_index_blog_0002_6 .category .item:hover{color: var(--mainColor);} #my_index_blog_0002_6 .li:hover .lyuiitem_003-name{color: var(--mainColor);} #my_index_blog_0002_6 .btn:hover .svg path{stroke: var(--mainColor);} } @media(max-width: 1680px){ /*#my_index_blog_0002_6 .title{font-size: 56px;}*/ #my_index_blog_0002_6 .btn{width: 40px;height: 80px;} #my_index_blog_0002_6 .btn.prev{left: -80px;} #my_index_blog_0002_6 .btn.next{right: -80px;} } @media(max-width: 1536px){ /*#my_index_blog_0002_6 .title{font-size: 52px;}*/ #my_index_blog_0002_6 .btn.prev{left: -45px;} #my_index_blog_0002_6 .btn.next{right: -45px;} } @media(max-width: 1440px){ /*#my_index_blog_0002_6 .title{font-size: 48px;}*/ } @media(max-width: 1366px){ #my_index_blog_0002_6 .title{font-size: 42px;} #my_index_blog_0002_6 .btn.prev{left: 20px;} #my_index_blog_0002_6 .btn.next{right: 20px;} #my_index_blog_0002_6 .btn .svg path{stroke: var(--mainColor);} } @media(max-width: 1280px){ #my_index_blog_0002_6 .title{font-size: 40px;} } @media(max-width: 992px){ #my_index_blog_0002_6{padding: 8vw 0;} #my_index_blog_0002_6 .title{font-size: .303rem;} #my_index_blog_0002_6 .category{margin: 3vw 0 4.6vw;} #my_index_blog_0002_6 .category .item{font-size: .181rem;} #my_index_blog_0002_6 .category span{font-size: .151rem;margin: 0 1.4vw;} #my_index_blog_0002_6 .more{width: 25vw;} #my_index_blog_0002_6 .content{margin-top: 6vw;} #my_index_blog_0002_6 .btn{width: 4vw;height: 8vw;top: 25%;} #my_index_blog_0002_6 .btn.prev{left: 2vw;} #my_index_blog_0002_6 .btn.next{right: 2vw;} } @media(max-width: 768px){ #my_index_blog_0002_6 .title{font-size: .4rem;} #my_index_blog_0002_6 .category .item{font-size: .24rem;} #my_index_blog_0002_6 .category span{font-size: .2rem;margin: 0 2vw;} #my_index_blog_0002_6 .more{width: 30vw;} } @media(max-width: 576px){ #my_index_blog_0002_6{padding: 10vw 0;} #my_index_blog_0002_6 .title{font-size: .48rem;} #my_index_blog_0002_6 .category{margin: 5vw 0;;} #my_index_blog_0002_6 .category .item{font-size: .36rem;} #my_index_blog_0002_6 .category span{font-size: .3rem;margin: 0 3vw;} #my_index_blog_0002_6 .more{width: 40vw;} #my_index_blog_0002_6 .btn{width: 6vw;height: 10vw;top: 30%;} } .lyuibtn_005 { --font-size: 18px; --icon-font-size: calc(var(--font-size) + 2px); --color: #fff; --background-color: #333; --border-color: transparent; --border-width: 2px; --border-radius: 10px; --width: 180px; --height: 50px; --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_005:hover, .lyuibtn_005.active { /*--color: var(--hover-color);*/ /*--border-color: var(--hover-background-color);*/ /*--background-color: var(--hover-background-color);*/ --border-radius: var(--hover-border-radius); /*transform: scale(1.15);*/ /*backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);*/ /*background-color: #fff;*/ /*filter: blur(1.2px);*/ box-shadow: 0 0 25px 12px rgba(51, 51, 51, 0.6), 0 0 45px 25px rgba(51, 51, 51, 0.4); } /*.lyuibtn_005:hover .lyuibtn_005-bg{backdrop-filter: blur(50px);-webkit-backdrop-filter: blur(50px);background-color: rgba(51,51,51,.5);}*/ .lyuibtn_005-icon{margin-left: var(--gap);font-size: var(--icon-font-size);} @media(max-width: 992px){ .lyuibtn_005 { --font-size: .136rem; --width: 20vw; --height: 6vw; --padding: 0 2.5vw; } } @media(max-width: 768px){ .lyuibtn_005 { --font-size: .18rem; --width: 25vw; --height: 8vw; --padding: 0 3vw; } } @media(max-width: 567px){ .lyuibtn_005 { --font-size: .3rem; --width: 42vw; --height: 12vw; --padding: 0 5vw; } } #my_feedback_0003_7_form {padding: 55px 0 65px;background: url(/module/my/feedback/0003/images/bg.jpg) no-repeat center / cover;} #my_feedback_0003_7_form .box{/*border-top: 1px solid rgba(0,0,0,.1);*/} #my_feedback_0003_7_form .title {font-size: 42px;color: #fff;line-height: 1;} #my_feedback_0003_7_form .form {margin-top: 25px;} #my_feedback_0003_7_form .form .cont{width: 82.962%;} #my_feedback_0003_7_form .form .input{width: 23.778%;height: 60px;border-bottom: 1px solid rgba(255,255,255,.3);font-size: 16px;color: #fff;margin-right: 1.629%;} #my_feedback_0003_7_form .form .input:nth-child(4n){margin-right: 0;} #my_feedback_0003_7_form .form .textarea{height: 45px;border-bottom: 1px solid rgba(255,255,255,.3);width: 100%;line-height: 1.6;font-size: 16px;color: #fff;margin-top: 22px;} #my_feedback_0003_7_form .form .policy{font-size: 16px;color: rgba(255,255,255,.5);margin-top: 22px;padding-left: 42px;background: url(/module/my/feedback/0003/images/check.svg) no-repeat left / 22px;min-height: 22px;line-height: 1.6;} #my_feedback_0003_7_form .form .policy.cur{background-image: url(/module/my/feedback/0003/images/checked.svg);} #my_feedback_0003_7_form .form .policy a:hover{color: var(--mainColor);} /*#my_feedback_0003_7_form .form .btn{width: 200px;height: 60px;line-height: 60px;font-size: 18px;color: #fff;background: var(--mainColor);border-radius: 10px;}*/ /*#my_feedback_0003_7_form .form .btn:hover{opacity: .8;}*/ #my_feedback_0003_7_form .form .btn{width: 180px;border-radius: 25px;} #my_feedback_0003_7_form .form input::-webkit-input-placeholder{color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form input:-moz-placeholder {color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form input::-moz-placeholder{color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form input:-ms-input-placeholder {color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form textarea::-webkit-input-placeholder{color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form textarea:-moz-placeholder {color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form textarea::-moz-placeholder{color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form textarea:-ms-input-placeholder {color: rgba(255,255,255,.5);} #my_feedback_0003_7_form .form .input.focus{border-color: #fff;} #my_feedback_0003_7_form .form .input.focus input::-webkit-input-placeholder{color: rgba(255,255,255,1);} #my_feedback_0003_7_form .form .input.focus input:-moz-placeholder {color: rgba(255,255,255,1);} #my_feedback_0003_7_form .form .input.focus input::-moz-placeholder{color: rgba(255,255,255,1);} #my_feedback_0003_7_form .form .input.focus input:-ms-input-placeholder {color: rgba(255,255,255,1);} #my_feedback_0003_7_form .form .textarea.focus{border-color: #fff;} #my_feedback_0003_7_form .form .textarea.focus textarea::-webkit-input-placeholder{color: rgba(255,255,255,1);} #my_feedback_0003_7_form .form .textarea.focus textarea:-moz-placeholder {color: rgba(255,255,255,1);} #my_feedback_0003_7_form .form .textarea.focus textarea::-moz-placeholder{color: rgba(255,255,255,1);} #my_feedback_0003_7_form .form .textarea.focus textarea:-ms-input-placeholder {color: rgba(255,255,255,1);} /* 表单检查错误样式 */ #my_feedback_0003_7_form .form .input.is-error{border-color: red;} #my_feedback_0003_7_form .form .textarea.is-error{border-color: red;} /* 白色背景样式 */ /*#my_feedback_0003_7_form.bgfff{background-color: #fff;} #my_feedback_0003_7_form.bgfff .form .input, #my_feedback_0003_7_form.bgfff .form .textarea{background-color: #f6f6f6;} #my_feedback_0003_7_form.bgfff .form .input.focus, #my_feedback_0003_7_form.bgfff .form .textarea.focus, #my_feedback_0003_7_form.bgfff .form .input.is-error, #my_feedback_0003_7_form.bgfff .form .textarea.is-error{background-color: #fff;} #my_feedback_0003_7_form.bgfff .form .policy{background-image: url(/module/my/feedback/0003/images/check2.svg);} #my_feedback_0003_7_form.bgfff .form .policy.cur{background-image: url(/module/my/feedback/0003/images/checked2.svg);}*/ /*@media(max-width: 1680px){*/ /* #my_feedback_0003_7_form .title{font-size: 56px;}*/ /*}*/ /*@media(max-width: 1536px){*/ /* #my_feedback_0003_7_form .title{font-size: 52px;}*/ /*}*/ /*@media(max-width: 1440px){*/ /* #my_feedback_0003_7_form .title{font-size: 48px;}*/ /*}*/ /*@media(max-width: 1366px){*/ /* #my_feedback_0003_7_form .title{font-size: 42px;}*/ /*}*/ @media(max-width: 1280px){ #my_feedback_0003_7_form .title{font-size: 40px;} } @media(max-width: 1200px){ #my_feedback_0003_7_form .form .cont{width: 100%;} #my_feedback_0003_7_form .form .submit.pc{display: none;} #my_feedback_0003_7_form .form .submit.mobile{display: block;width: fit-content;} #my_feedback_0003_7_form .form .btn{margin-top: 30px;} } @media(max-width: 992px){ #my_feedback_0003_7_form{padding: 5.5vw 0 6.5vw;} #my_feedback_0003_7_form .title{font-size: .303rem;} #my_feedback_0003_7_form .form{margin-top: 5vw;} #my_feedback_0003_7_form .form .cont>div{flex-wrap: wrap;} #my_feedback_0003_7_form .form .input{width: 100%;height: 6vw;font-size: .121rem;padding: 0px 2.4vw;/*margin-bottom: 2vw;*/margin-right: 0;} #my_feedback_0003_7_form .form .input:last-child{margin-bottom: 0;} #my_feedback_0003_7_form .form .textarea{height: 4.5vw;padding: 0 2.4vw;font-size: .121rem;} #my_feedback_0003_7_form .form .policy{font-size: .121rem;margin-top: 2.2vw;min-height: 2.2vw;padding-left: 4.2vw;background-size: 2.2vw;} #my_feedback_0003_7_form .form .btn{width: 20vw;height: 6vw;line-height: 6vw;font-size: .136rem;margin: 3vw auto 0;} } @media(max-width: 768px){ #my_feedback_0003_7_form{padding: 8vw 0;} #my_feedback_0003_7_form .title{font-size: .4rem;} #my_feedback_0003_7_form .form .input{height: 8vw;line-height: 7.6vw;font-size: .16rem;} #my_feedback_0003_7_form .form .textarea{font-size: .16rem;} #my_feedback_0003_7_form .form .policy{font-size: .16rem;background-size: 3vw;} #my_feedback_0003_7_form .form .btn{font-size: .18rem;} } @media(max-width: 576px){ #my_feedback_0003_7_form{padding: 10vw 0;} #my_feedback_0003_7_form .title{font-size: .48rem;} #my_feedback_0003_7_form .form .input{height: 10vw;font-size: .26rem;padding: 0px 3vw;margin-bottom: 3vw;} #my_feedback_0003_7_form .form .textarea{height: 10vw;padding: 0 3vw;font-size: .26rem;} #my_feedback_0003_7_form .form .policy{font-size: .26rem;margin-top: 3vw;min-height: 3vw;padding-left: 6vw;background-size: 4vw;} #my_feedback_0003_7_form .form .btn{width: 30vw;height: 10vw;line-height: 10vw;font-size: .26rem;margin-top: 5vw;} }