body{overflow: visible !important;} .container-fluid { overflow: visible !important; } @media (max-width: 1400px) { .container-fluid { overflow: hidden !important; } }/* 头部 */ #header { z-index: 998; } #header .navWrap { transition: all 0.8s ease; border-bottom: 1px solid #ffffff4f; position: relative; } #header .navWrap:hover { background: #FFFFFF !important; box-shadow: 0px 4px 18px 0px rgba(132, 132, 132, 0.3) !important; } #header .navWrap.header-type-a { background: #FFFFFF; box-shadow: 0px 4px 18px 0px rgba(132, 132, 132, 0.3); } #header .navWrap .location { margin: auto; } #header .navWrap .location .location-row { margin: auto; } #header .navWrap .location .nav { display: block; padding: 0; } #header .navWrap .location .nav .nav-lf { display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative; } #header .navWrap .location .nav .nav-lf>li { height: 100%; } #header .navWrap .location .nav .nav-lf>li>a { font-size: 16px; color: #FFFFFF; height: 100%; display: flex; align-items: center; transition: all 0.7s ease; } #header .navWrap:hover .location .nav .nav-lf>li>a { color: #333333 !important; } #header .navWrap.header-type-a .location .nav .nav-lf>li>a { color: #333333; } #header .navWrap .location .nav .nav-lf>li.current>a { color: #CF9B73 !important; } /* #header .navWrap:hover .location .nav .nav-lf>li.current>a { color: #570B0F !important; } */ #header .navWrap .location .logo a { display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 0 0 10px 10px; } #header .navWrap .location .logo a img { max-width: 100%; } #header .navWrap:hover .location .logo a .logo01 { display: none !important; } #header .navWrap .location .logo a .logo02 { display: none; } #header .navWrap:hover .location .logo a .logo02 { display: block !important; } #header .navWrap.header-type-a .location .logo a .logo01 { display: none; } #header .navWrap.header-type-a .location .logo a .logo02 { display: block; } #header .navWrap .location .nav .nav-rg { display: flex; justify-content: space-between; align-items: center; height: 100%; position: relative; } #header .navWrap .location .nav .nav-rg>li { height: 100%; } #header .navWrap .location .nav .nav-rg>li>a { font-size: 16px; color: #FFFFFF; height: 100%; display: flex; align-items: center; transition: all 0.7s ease; } #header .navWrap:hover .location .nav .nav-rg>li>a { color: #333333 !important; } #header .navWrap.header-type-a .location .nav .nav-rg>li>a { color: #333333; } #header .navWrap .location .nav .nav-rg>li.current>a { color: #CF9B73 !important; } #header .navWrap .location .nav .nav-rg>li>a i { margin-right: 6px; } #pctops { position: absolute; top: 0; right: 0; height: 100%; width: 76px; border-left: 1px solid #ffffff4f; padding-top: 26px; cursor: pointer; display: none; } #pctops span { display: block; width: 26px; margin: 4px auto; height: 2px; background: #FFFFFF; transition: all .6s ease; } #header .navWrap:hover #pctops span { background: #CF9B73 !important; } #header .navWrap.header-type-a #pctops span { background: #CF9B73 !important; } .s0 { transform: rotate(45deg) translateY(9px); margin-left: 30px !important; } .s1 { opacity: 0; } .s2 { transform: rotate(-45deg) translateY(-9px); margin-left: 30px !important; } @media (max-width: 1400px) { .enheader .navWrap .location .nav .nav-rg>li>a { font-size: 14px !important; } } @media (max-width: 1200px) { #header .navWrap .location { margin: 0; } #header .navWrap .location .nav { display: none; } #header .navWrap .location .logo { padding: 0; } #header .navWrap .location .logo a { justify-content: start; padding: 0; border-radius: 0; padding: 10px 0; transform: translateX(20px); } #pctops { display: block; } } @media (max-width: 499px) { #header .navWrap .location .logo a { transform: translateX(12px); } #header .navWrap .location .logo a img { max-width: 70%; } #pctops { padding-top: 21px; } } /* 电脑二级 */ #header .navWrap .location2bg { background: url(../images/subpage/headerji.jpg) no-repeat; /* background-size: 100% 100%; */ background-size: cover; background-position: center; overflow: hidden; max-height: 0; transition: all 0.8s ease; } .enheader .navWrap .location2bg { background-size: 100% 100% !important; } #header .navWrap:hover .location2bg { max-height: 600px; } #header .navWrap .location2 { margin: auto; padding-top: 12px; padding-bottom: 50px; } #header .navWrap .location2 .location2-row { margin: auto; } #header .navWrap .location2 .nav2 { display: block; padding: 0; } #header .navWrap .location2 .nav2 .nav2-lf { display: flex; justify-content: space-between; /* align-items: center; */ /* height: 100%; */ position: relative; } #header .navWrap .location2 .nav2 .nav2-lf>li { height: 100%; } #header .navWrap .location2 .nav2 .nav2-lf>li>a { height: 100%; display: flex; align-items: center; transition: all 0.7s ease; font-size: 14px; line-height: 18px; color: #666666; margin-bottom: 12px; transition: all 0.5s ease; } .enheader .navWrap .location2 .nav2 .nav2-lf>li>a { font-size: 12px !important; line-height: 14px !important; } #header .navWrap .location2 .nav2 .nav2-lf>li>a.current { color: #570B0F !important; } #header .navWrap .location2 .nav2 .nav2-lf>li>a:hover { color: #570B0F; transform: translateX(4px); } #header .navWrap .location2 .logo2 a { display: flex; align-items: center; justify-content: center; border-radius: 0 0 10px 10px; } #header .navWrap .location2 .logo2 a p { font-size: 14px; color: #666666; transition: all 0.5s ease; transform: translateX(-22%); } #header .navWrap .location2 .logo2 a:hover p { color: #570B0F; transform: translateX(-18%); } #header .navWrap .location2 .logo2 a img { max-width: 100%; } #header .navWrap:hover .location2 .logo2 a .logo01 { display: none !important; } #header .navWrap .location2 .logo2 a .logo02 { display: none; } #header .navWrap:hover .location2 .logo2 a .logo02 { display: block !important; } #header .navWrap .location2 .nav2 .nav2-rg { display: flex; justify-content: space-between; /* align-items: center; */ /* height: 100%; */ position: relative; } #header .navWrap .location2 .nav2 .nav2-rg>li { height: 100%; } #header .navWrap .location2 .nav2 .nav2-rg>li>a { height: 100%; display: flex; align-items: center; transition: all 0.7s ease; font-size: 14px; line-height: 18px; color: #666666; margin-bottom: 12px; transition: all 0.5s ease; } .enheader .navWrap .location2 .nav2 .nav2-rg>li>a { font-size: 12px !important; line-height: 14px !important; } #header .navWrap .location2 .nav2 .nav2-rg>li>a:hover { color: #570B0F; transform: translateX(4px); } #header .navWrap .location2 .nav2 .nav2-rg>li>a i { margin-right: 6px; } #header .navWrap .location2 .erjibtm { display: flex; justify-content: center; } #header .navWrap .location2 .erjibtm .erjibtmloca { display: flex; justify-content: center; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-lf .tdcode { padding-bottom: 8px; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-lf .tdcode img { width: 100%; max-width: 103px; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-lf .tdcodetext p { font-size: 14px; color: #333333; text-align: center; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-rg { padding-left: 20px; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-rg .rgtext p { font-size: 14px; color: #333333; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-rg .rgtext2 a { display: flex; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-rg .rgtext2 p { font-size: 30px; font-weight: bold; color: #570B0F; background: linear-gradient(to right, #570B0F, #570B0F) no-repeat right 80%; background-size: 0px 1px; transition: background-size 0.5s; padding-bottom: 10px; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-rg .rgtext2 p:hover { background-position: left 80%; background-size: 100% 1px; } #header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-rg .rgtext3 p { font-size: 14px; color: #333333; } @media (max-width: 1200px) { #header .navWrap .location2bg { display: none; } } /* @media (max-width: 499px) { .header .navWrap .location2 .erjibtm .erjibtmloca .erjibtm-lf { display: none !important; } } */ /* phone */ #bottom { display: none; width: 100%; height: 100vh; background: #fff; transition: all 0.2s ease; animation-name: fadeInUp11t; animation-duration: 0.8s; } @keyframes fadeInUp11t { 0% { opacity: 0; /* -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) */ -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @media (max-width: 1536px) { .head-content .head-offset .content-box { padding: 0; } } @media (max-width: 1400px) { .head-content .head-offset .content-box .head-logo { padding-left: 0px; } } @media (max-width: 1240px) { .head-content .head-offset .content-box { justify-content: space-between; } .head-content .head-offset .content-box .head-navigation { display: none; } .head-content .head-offset .content-box .head-toggle .nonebox { display: block; margin-left: 20px; } .head-content .head-offset .content-box .head-search { display: none; } .head-content .head-offset .content-box .head-toggle .phone-search { display: block; } .head-content .head-offset .content-box .head-toggle .phone-search i { /* color: #ffffff; */ font-size: 16px; } .head-content .head-offset:hover .content-box .head-toggle .phone-search i { color: #222222 !important; } } @media (max-width: 1200px) { .head-content .head-offset .content-box .head-logo { padding-left: 0px; } } @media (max-width: 499px) { .head-content .head-offset .content-box .head-logo { padding-left: 12px; } .head-content .head-offset .content-box .head-logo { padding: 6px 0; } .head-content .head-offset .content-box .head-logo a img { max-width: 60%; } } .headAll .xiaoping ul li .xiaopingsanji { display: flex; height: 45px; align-items: center; } .headAll .xiaoping .menu_list li .xiaopingsanji a { width: 100%; } .headAll .xiaoping ul li i { /* color: #fff; */ color: #333; padding-left: 15px; } .menu_head { height: 46px; line-height: 46px; padding: 0 38px; border-bottom: 1px solid #33333330; display: flex; justify-content: space-between; } .menu_head a { font-size: 16px; /* color: #fff; */ color: #333; font-weight: bold; /* font-family: ml; */ width: 90%; display: block; } .xiantiao { border-bottom: 1px solid #33333330; } .xiantiao a { color: #CF9B73; /* font-weight: bold; */ } .menu_body { line-height: 38px; display: none; border-bottom: 1px solid #33333330; ; } .menu_body a { display: block; /* height: 38px; */ line-height: 32px; padding-left: 53px; /* color: #fff; */ color: #666; font-family: 'ml'; text-decoration: none; font-size: 16px; } .menu_body h2 { padding-left: 53px; font-size: 16px; font-family: 'ml'; color: #333; font-weight: bold; line-height: 28px; } .menu_body a:hover { color: #CF9B73; background-color: rgba(237, 237, 237, 0.8); } .menu_body .danqiana { color: #CF9B73; background-color: rgba(237, 237, 237, 0.8); } /* 首页 */ /* 主体 */ #index-wrap { position: relative; /* width: 100vw; */ height: 100vh; } #index-wrap>.swiper-wrapper .swiper-slide { overflow: hidden; } #index-wrap>.swiper-wrapper .swiper-slide:nth-child(6) { /* height: 100vh; */ height: auto !important; } #index-wrap>.swiper-pagination { right: 3%; } #index-wrap>.swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; margin: 28px 0; position: relative; opacity: 1; background: #FFFFFF; position: relative; transition: all 0.5s ease; } #index-wrap>.swiper-pagination.header-type-aa .swiper-pagination-bullet { background: #AF9879; transition: all 0.5s ease; } #index-wrap>.swiper-pagination .swiper-pagination-bullet::before { position: absolute; content: ""; border: 1px solid #cf9b7300; width: 0px; height: 0px; left: 50%; bottom: 50%; transform: translate(-50%, 50%); border-radius: 50px; transition: all 0.5s ease; } #index-wrap>.swiper-pagination .swiper-pagination-bullet-active { position: relative; } #index-wrap>.swiper-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active { background: #AF9879; } #index-wrap>.swiper-pagination .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active { background: #AF9879; } #index-wrap>.swiper-pagination .swiper-pagination-bullet-active::before { width: 25px; height: 25px; border: 1px solid #FFFFFF; } #index-wrap>.swiper-pagination .swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active::before { border: 1px solid #AF9879; } #index-wrap>.swiper-pagination .swiper-pagination-bullet:nth-child(5).swiper-pagination-bullet-active::before { border: 1px solid #AF9879; } #bottom .langue1 { /* display: flex; */ padding: 0 38px; padding-top: 40px; } #bottom .langue1 .title { padding-bottom: 14px; } #bottom .langue1 .title h2 { font-size: 16px; /* color: #fff; */ color: #333; /* font-weight: bold; */ font-family: Poppins-Medium; /* font-family: ml; */ width: 90%; display: block; } #bottom .langue1 a { /* margin-right: 15px; */ display: flex; margin-bottom: 10px; } #bottom .langue1 a img { width: 40px; margin-right: 6px; } #bottom .langue1 a p { /* height: 38px; */ line-height: 32px; /* padding-left: 53px; */ /* color: #fff; */ color: #666; font-family: Poppins-Regular; /* font-family: 'ml'; */ text-decoration: none; font-size: 16px; } /* banner */ #ind01-wrap { width: 100vw; height: 100vh; } #ind01-wrap>.swiper-wrapper .swiper-slide img { width: 100%; height: 100vh; object-fit: cover; object-position: center center; } #ind01-wrap>.swiper-wrapper .swiper-slide-active img { animation: scale-bg 5s linear forwards; } @keyframes scale-bg { 0% { transform: scale(1.1); } 100% { transform: scale(1); } } #ind01-wrap>.swiper-wrapper .swiper-slide .img2 { display: none; } /* #ind01-wrap>.swiper-wrapper .swiper-slide-active img { animation: scale-bg 6s linear forwards; } @keyframes scale-bg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } */ #ind01-wrap>.swiper-num { position: absolute; left: 12%; bottom: 76px; z-index: 2; font-family: Poppins-LightItalic; font-size: 14px; color: #FFFFFF; } #ind01-wrap>.swiper-num span { font-size: 22px; font-family: Poppins-Italic; transform: skewX(-10deg); color: #FFFFFF; margin-right: 5px; } #ind01-wrap>.swiper-num .active { display: inline-block; font-size: 22px; } #ind01-wrap>.swiper-num .total { display: inline-block; font-size: 14px; } #ind01-wrap>.swiper-pagination { position: absolute; bottom: 74px; width: auto; left: 12%; } #ind01-wrap>.swiper-pagination .swiper-pagination-bullet { width: 100%; height: 1px; /* margin: 0 5px; */ border-radius: 0%; position: absolute; z-index: 0; overflow: hidden; background: none; opacity: 1; margin: 0; } #ind01-wrap>.swiper-pagination .swiper-pagination-bullet:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; opacity: 0.4; } #ind01-wrap>.swiper-pagination .swiper-pagination-bullet-active { background: none; width: 80px; margin: 0; } #ind01-wrap>.swiper-pagination .swiper-pagination-bullet:after { content: ""; width: 0; height: 100%; position: absolute; left: 0; top: 0; /* background: var(--main-color); */ background: #CF9B73; z-index: 1; } #ind01-wrap>.swiper-pagination .swiper-pagination-bullet-active:after { width: 100%; transition-delay: 1600ms; transition-duration: 5500ms; transition-timing-function: ease-in-out; transition-property: all; /* transition: all 5500ms; */ } @media (max-width: 499px) { #ind01-wrap>.swiper-wrapper .swiper-slide .img1 { display: none; } #ind01-wrap>.swiper-wrapper .swiper-slide .img2 { display: block; } } .ind02-wrap { margin: auto; } .ind02-wrap .ind02-lf { padding: 0; } .ind02-wrap .ind02-lf .lftop { height: 78vh; background: url(../images/lftopbg.png) no-repeat; background-size: cover; background-position: bottom left; } .ind02-wrap .ind02-lf .lftop .lftop-sack { padding-right: calc(10rem * .5); position: relative; top: 54%; transform: translateY(-50%); /* opacity: 0; visibility: hidden; transition: 0.98s; */ } /* #index-wrap>.swiper-wrapper>.swiper-slide-active .ind02-wrap .ind02-lf .lftop .lftop-sack { opacity: 1; visibility: visible; transition: 0.98s 0.8s; } */ .ind02-wrap .ind02-lf .lftop .lftop-sack .title { padding-bottom: 2px; opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind02-wrap .ind02-lf .lftop .lftop-sack .title { opacity: 1; visibility: visible; transition: 0.98s 0.8s; transform: translateY(0px); transition-delay: 0.8s; } .ind02-wrap .ind02-lf .lftop .lftop-sack .title h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .ind02-wrap .ind02-lf .lftop .lftop-sack .smalltitle { padding-bottom: 30px; opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind02-wrap .ind02-lf .lftop .lftop-sack .smalltitle { opacity: 1; visibility: visible; transition: 0.98s 0.8s; transform: translateY(0px); transition-delay: 0.9s; } .ind02-wrap .ind02-lf .lftop .lftop-sack .smalltitle h3 { font-family: Poppins-Medium; font-size: 28px; color: #6C6C6C; } .ind02-wrap .ind02-lf .lftop .lftop-sack .smalltitle h3 span { color: #570B0F; } .ind02-wrap .ind02-lf .lftop .lftop-sack .context { padding-bottom: 24px; opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind02-wrap .ind02-lf .lftop .lftop-sack .context { opacity: 1; visibility: visible; transition: 0.98s 0.8s; transform: translateY(0px); transition-delay: 1s; } .ind02-wrap .ind02-lf .lftop .lftop-sack .context p { font-size: 16px; line-height: 28px; text-align: justify; color: #333333; text-indent: 2em; } .enind02-wrap .ind02-lf .lftop .lftop-sack .context p { text-indent: 0em; text-align: start; line-height: 26px; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox { display: flex; align-items: center; opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox { opacity: 1; visibility: visible; transition: 0.98s 0.8s; transform: translateY(0px); transition-delay: 1s; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btnimgbg { position: relative; z-index: 1; margin-right: 10px; border: 1px solid #CFCFCF; border-radius: 50%; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btnimgbg::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #570B0F; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: all 1s; z-index: 1; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox:hover .btnimgbg::before { transform: translate(-50%, -50%) scale(1, 1); } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btnimg { /* border: 1px solid #CFCFCF; */ display: flex; align-items: center; padding: 24px 20px; /* border-radius: 50%; */ /* margin-right: 10px; */ position: relative; z-index: 9; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btnimg img { z-index: 10; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btnimg .img2 { display: none; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox:hover .btnimg .img1 { display: none; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox:hover .btnimg .img2 { display: block; } /* .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btnimg::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #570B0F; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: all 1s; z-index: -1; } */ /* .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox:hover .btnimg::before { transform: translate(-50%, -50%) scale(1, 1); } */ .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btntext .btntextp { padding-bottom: 6px; border-bottom: 1px solid #CFCFCF; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btntext .btntextp p { font-size: 14px; color: #838383; transition: all 0.5s ease; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox:hover .btntext .btntextp p { color: #570B0F; } .ind02-wrap .ind02-lf .lftop .lftop-sack .btnbox .btntext .btntextp p i { font-size: 16px; margin-left: 20px; } .ind02-wrap .ind02-lf .lfbtm { height: 22vh; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack { height: 100%; position: relative; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack::before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(to right, #C7AC88, #9B876D); width: 50%; z-index: 1; transition: width 2.5s; width: 100%; transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack::before { transition: 0.98s 0.8s; width: 50%; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack::after { content: ''; display: block; width: 50%; position: absolute; top: 0; bottom: 0; right: 0; background: url(../images/lfbtmsabe.jpg) no-repeat; background-size: cover } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack .lfbtm-ul { display: flex; align-items: center; height: 100%; justify-content: space-around; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack .lfbtm-ul .lfbtm-list { /* height: 100%; */ z-index: 2; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack .lfbtm-ul .lfbtm-list .lfbtm-top { display: flex; margin-bottom: 2px; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack .lfbtm-ul .lfbtm-list .lfbtm-top h2 { font-size: 55px; font-weight: 500; color: #FFFFFF; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack .lfbtm-ul .lfbtm-list .lfbtm-top p { padding-top: 16px; margin-left: 10px; font-size: 16px; color: #FFFFFF; } .ind02-wrap .ind02-lf .lfbtm .lfbtm-sack .lfbtm-ul .lfbtm-list .lfbtm-btm p { font-size: 16px; color: #FFFFFF; } .ind02-wrap .ind02-rg { padding: 0; } .ind02-wrap .ind02-rg .ind02rg-sack .ind02rg-img { position: relative; } .ind02-wrap .ind02-rg .ind02rg-sack .ind02rg-img::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; right: 0; background: #FFFFFF; transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind02-wrap .ind02-rg .ind02rg-sack .ind02rg-img::after { width: 0; transition: 0.98s 0.8s; } .ind02-wrap .ind02-rg .ind02rg-sack .ind02rg-img img { width: 100%; height: 100vh; object-fit: cover; object-position: center; } @media (max-width: 1536px) { .ind02-wrap .ind02-lf .lftop .lftop-sack .smalltitle { padding-bottom: 13px; } .ind02-wrap .ind02-lf .lftop .lftop-sack { top: 55%; } } @media (max-width: 1400px) { .ind02-wrap .ind02-rg { display: none; } .ind02-wrap .ind02-lf .lftop .lftop-sack { padding-left: calc(14rem * .5); padding-right: calc(14rem * .5); } } @media (max-width: 700px) { .ind02-wrap .ind02-lf .lftop { height: 100vh; } .ind02-wrap .ind02-lf .lftop .lftop-sack { padding-left: calc(4.5rem * .5); padding-right: calc(4.5rem * .5); } } @media (max-width: 499px) { .ind02-wrap .ind02-lf .lftop .lftop-sack { padding-left: calc(2.5rem * .5); padding-right: calc(2.5rem * .5); } .ind02-wrap .ind02-lf .lftop .lftop-sack .title h2 { font-size: 28px; } .ind02-wrap .ind02-lf .lftop .lftop-sack .smalltitle h3 { font-size: 18px; } .ind02-wrap .ind02-lf .lftop .lftop-sack .smalltitle { padding-bottom: 28px; } .ind02-wrap .ind02-lf .lftop .lftop-sack .context { padding-bottom: 20px; } } .ind03-wrap { height: 100%; background: url(../images/ind03bg.jpg) no-repeat; background-size: cover; background-position: center; } .ind03-wrap .ind03-wrap-video { position: relative; height: 100%; } .ind03-wrap .ind03-wrap-video .video-box .video { width: 100%; object-fit: cover; } .ind03-wrap .ind03-wrap-video .video-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ind03-wrap .ind03-wrap-video .video-text .cn { font-size: 55px; font-weight: 500; color: #FFFFFF; margin-bottom: 10px; opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind03-wrap .ind03-wrap-video .video-text .cn { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind03-wrap .ind03-wrap-video .video-text .en { font-family: Poppins-Medium; font-size: 28px; color: #FFFFFF; margin-bottom: 30px; opacity: 0; visibility: hidden; transform: translateY(50px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind03-wrap .ind03-wrap-video .video-text .en { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind03-wrap .ind03-wrap-video .video-text .video-play { font-size: 16px; font-weight: 500; color: #FFFFFF; opacity: 0; visibility: hidden; transform: translateY(60px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind03-wrap .ind03-wrap-video .video-text .video-play { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind03-wrap .ind03-wrap-video .video-text .video-play img { font-size: 16px; font-weight: 500; color: #FFFFFF; margin-right: 14px; transition: ease 1s; } .ind03-wrap .ind03-wrap-video .video-text .video-play:hover img { transform: rotate(360deg); } @media (max-width: 499px) { .ind03-wrap .ind03-wrap-video .video-text .cn { font-size: 22px; margin-bottom: 5px; } .ind03-wrap .ind03-wrap-video .video-text .en { font-size: 18px; } } .ind04-wrap .ind04-sack { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); margin: auto; } .ind04-wrap .ind04-sack .ind04lf { margin: auto 0; padding-right: calc(10.5rem * .5); } .ind04-wrap .ind04-sack .ind04lf .lftitle { padding-bottom: 10px; } .ind04-wrap .ind04-sack .ind04lf .lftitle h2 { font-size: 38px; font-weight: 500; color: #FFFFFF; opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04lf .lftitle h2 { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind04-wrap .ind04-sack .ind04lf .smalltitle { padding-bottom: 66px; } .enind04-wrap .ind04-sack .ind04lf .smalltitle { padding-bottom: 22px; } .ind04-wrap .ind04-sack .ind04lf .smalltitle h3 { font-family: Poppins-Medium; font-size: 28px; color: #CBCBCB; opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04lf .smalltitle h3 { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind04-wrap .ind04-sack .ind04lf .smalltitle h3 span { color: #FECD8B; } .ind04-wrap .ind04-sack .ind04lf .context { padding-bottom: 60px; } .ind04-wrap .ind04-sack .ind04lf .context p { font-size: 16px; line-height: 28px; color: #FFFFFF; opacity: 0; visibility: hidden; transform: translateY(50px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04lf .context p { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico { display: none; } .ind04-wrap .ind04-sack .ind04lf .btnbox { display: flex; align-items: center; opacity: 0; visibility: hidden; transform: translateY(60px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04lf .btnbox { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind04-wrap .ind04-sack .ind04lf .btnbox .btnimg { border: 1px solid #FFFFFF; display: flex; align-items: center; padding: 24px 20px; border-radius: 50%; margin-right: 10px; position: relative; } .ind04-wrap .ind04-sack .ind04lf .btnbox .btnimg::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #FECD8B; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: all 1s; } .ind04-wrap .ind04-sack .ind04lf .btnbox:hover .btnimg::before { transform: translate(-50%, -50%) scale(1, 1); } .ind04-wrap .ind04-sack .ind04lf .btnbox .btnimg img { z-index: 10; } .ind04-wrap .ind04-sack .ind04lf .btnbox .btnimg .img2 { display: none; } .ind04-wrap .ind04-sack .ind04lf .btnbox:hover .btnimg .img1 { display: none; } .ind04-wrap .ind04-sack .ind04lf .btnbox:hover .btnimg .img2 { display: block; } .ind04-wrap .ind04-sack .ind04lf .btnbox .btntext .btntextp { padding-bottom: 6px; border-bottom: 1px solid #FFFFFF; } .ind04-wrap .ind04-sack .ind04lf .btnbox .btntext .btntextp p { font-size: 14px; color: #FFFFFF; transition: all 0.5s ease; } .ind04-wrap .ind04-sack .ind04lf .btnbox:hover .btntext .btntextp p { color: #FECD8B; } .ind04-wrap .ind04-sack .ind04lf .btnbox .btntext .btntextp p i { font-size: 16px; margin-left: 20px; } .ind04-wrap .ind04-sack .ind04rg { padding: 0; position: relative; } .ind04-wrap .ind04-sack .ind04rg .ind04rg-img { position: relative; } .ind04-wrap .ind04-sack .ind04rg .ind04rg-img img { width: 100%; } .ind04-wrap .ind04-sack .ind04rg .ind04rg-img .img2 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); left: 12%; top: 11%; width: 76%; animation: rotation 30s linear infinite; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox { position: absolute; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(1) { top: -16%; left: 50%; transform: translateX(-50%); } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(2) { top: 50%; right: -35%; transform: translateY(-50%); } .enind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(2) { top: 50%; right: -38%; transform: translateY(-50%); } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(3) { bottom: -16%; right: 50%; transform: translateX(50%); } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(4) { top: 50%; left: -39%; transform: translateY(-50%); } .enind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(4) { top: 50%; left: -28%; transform: translateY(-50%); } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(1) a { display: flex; align-items: center; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(-40px); transition: 0.98s; transition-delay: 0.4s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(1) a { opacity: 1; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; transition-delay: 0.4s; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(2) a { opacity: 0; visibility: hidden; transform: translateY(-40px); transition: 0.98s; transition-delay: 0.7s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(2) a { opacity: 1; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; transition-delay: 0.7s; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(3) a { display: flex; align-items: center; flex-direction: column; opacity: 0; visibility: hidden; transform: translateY(-40px); transition: 0.98s; transition-delay: 1s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(3) a { opacity: 1; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; transition-delay: 1s; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(4) a { opacity: 0; visibility: hidden; transform: translatey(-40px); transition: 0.98s; transition-delay: 1.1s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(4) a { opacity: 1; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; transition-delay: 1.1s; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox a { display: flex; align-items: center; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox a p { font-size: 20px; font-weight: 500; color: #FFFFFF; padding: 8px; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox a img { border: 1px solid #ffffff52; border-radius: 50%; padding: 10px; transition: all 0.8s ease; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox a:hover img { transform: rotateY(180deg); } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox.current a img { background: #570B0F; transition: all 0.5s ease; border: 1px solid #570B0F; } .ind04-wrap .ind04-bg .bgimg img { object-fit: cover; object-position: center; } @media (min-width: 1730px) { .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(1) { top: -13%; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(2) { right: -28%; } .enind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(2) { right: -33%; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(3) { bottom: -13%; } .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(4) { left: -32%; } .enind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox:nth-child(4) { left: -27%; } } @media (max-width: 1400px) { .ind04-wrap .ind04-sack .ind04rg .ind04-ico .icobox a p { opacity: 0; } } @media (max-width: 1200px) { .ind04-wrap .ind04-sack .ind04rg { display: none; } } @media (max-width: 499px) { .ind04-wrap .ind04-sack .ind04lf { padding: 0; } .ind04-wrap .ind04-sack .ind04lf .lftitle h2 { font-size: 28px; } .ind04-wrap .ind04-sack .ind04lf .smalltitle { padding-bottom: 24px; } .enind04-wrap .ind04-sack .ind04lf .smalltitle { padding-bottom: 8px; } .ind04-wrap .ind04-sack .ind04lf .smalltitle h3 { font-size: 18px; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico { display: block; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox { margin-bottom: 6px; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox:nth-child(1) { opacity: 0; visibility: hidden; transform: translateY(60px); transition: 0.98s; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox:nth-child(2) { opacity: 0; visibility: hidden; transform: translateY(70px); transition: 0.98s; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox:nth-child(3) { opacity: 0; visibility: hidden; transform: translateY(80px); transition: 0.98s; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox:nth-child(4) { opacity: 0; visibility: hidden; transform: translateY(90px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox { opacity: 1; visibility: visible; transform: translateY(0); transition: 0.98s 0.8s; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox:last-child { margin-bottom: 30px; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox a { display: flex; align-items: center; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox a img { border: 1px solid #ffffff52; border-radius: 50%; padding: 4px; } .ind04-wrap .ind04-sack .ind04lf .context { padding-bottom: 16px; } .ind04-wrap .ind04-sack .ind04lf .ind04lf-ico .icobox a p { font-size: 16px; font-weight: 500; color: #FFFFFF; padding-left: 8px; } } .ind05-wrap { margin: auto; height: 100%; } .ind05-wrap .ind05-lf { padding: 0; position: relative; } .ind05-wrap .ind05-lf #ind05-new { overflow: hidden; height: 100vh; /* opacity: 0; visibility: hidden; transform: translateX(-40px); transition: 0.98s; */ /* position: relative; */ } .ind05-wrap .ind05-lf::after { position: absolute; content: ""; width: 100%; height: 100%; top: 0; right: 0; background: #FFFFFF; transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind05-wrap .ind05-lf::after { width: 0; transition: 0.98s 0.8s; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .imgbox { height: 75vh; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .imgbox img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox { background: #AF9879; height: 25vh; position: relative; padding: 40px 110px 0 200px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top { display: flex; } .enind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox1 { display: flex; align-items: center; padding-right: 10px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox1 h2 { font-size: 38px; font-weight: 500; color: #FFFFFF; min-width: 176px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox1 h3 { font-family: Poppins-Medium; font-size: 28px; text-transform: uppercase; color: #FFFFFF; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox2 { border-left: 1px solid #FFFFFF80; padding-left: 20px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox2 p { font-size: 18px; color: #FFFFFF; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox2 .time { padding-top: 10px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox2 .time p { font-size: 14px; color: #FFFFFF; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm { position: absolute; background: #877255; width: 100%; height: 60px; display: flex; align-items: center; bottom: 20px; left: 0; padding-left: 200px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm p { font-size: 16px; color: #FFFFFF; transition: all 0.5s ease; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm:hover p { transform: translateX(5px); } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm p i { margin-left: 10px; } .ind05-wrap .ind05-rg { margin: auto; padding-right: calc(10rem * .5); padding-left: calc(8.5rem * .5); } .ind05-wrap .ind05-rg .lftitle { opacity: 0; visibility: hidden; transform: translateY(40px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind05-wrap .ind05-rg .lftitle { opacity: 1; padding-top: 30px; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; } .ind05-wrap .ind05-rg .lftitle h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .ind05-wrap .ind05-rg .smalltitle { padding-bottom: 70px; opacity: 0; visibility: hidden; transform: translateY(30px); transition: 0.98s; /* transition-delay: 0.9s; */ } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind05-wrap .ind05-rg .smalltitle { opacity: 1; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; /* transition-delay: 0.9s; */ } .ind05-wrap .ind05-rg .smalltitle h3 { font-family: Poppins-Medium; font-size: 28px; text-transform: uppercase; color: #6C6C6C; } .ind05-wrap .ind05-rg .smalltitle h3 span { color: #570B0F; } .ind05-wrap .ind05-rg .ind05-ul { opacity: 0; visibility: hidden; transform: translateY(30px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind05-wrap .ind05-rg .ind05-ul { opacity: 1; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list { margin-bottom: 40px; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list:last-child { margin-bottom: 60px; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox { display: flex; align-items: center; width: 80%; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .imgbox { width: 180px; min-width: 180px; overflow: hidden; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .imgbox img { width: 100%; transition: all 0.5s ease; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list:hover .ind05-listbox .imgbox img { transform: scale(1.1); } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .textbox { padding-left: 20px; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .textbox .title { padding-bottom: 10px; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .textbox .title p { font-size: 18px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox:hover .textbox .title p { color: #AF9879; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .textbox .time p { font-size: 14px; color: #666666; transition: all 0.5s ease; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox:hover .textbox .time p { color: #AF9879; } .ind05-wrap .ind05-rg .btnbox { display: flex; align-items: center; opacity: 0; visibility: hidden; transform: translateY(30px); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active .ind05-wrap .ind05-rg .btnbox { opacity: 1; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; } .ind05-wrap .ind05-rg .btnbox .btnimg { border: 1px solid #CFCFCF; display: flex; align-items: center; padding: 24px 20px; border-radius: 50%; margin-right: 10px; position: relative; } .ind05-wrap .ind05-rg .btnbox .btnimg::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #570B0F; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: all 1s; } .ind05-wrap .ind05-rg .btnbox:hover .btnimg::before { transform: translate(-50%, -50%) scale(1, 1); } .ind05-wrap .ind05-rg .btnbox .btnimg img { z-index: 10; } .ind05-wrap .ind05-rg .btnbox .btnimg .img2 { display: none; } .ind05-wrap .ind05-rg .btnbox:hover .btnimg .img1 { display: none; } .ind05-wrap .ind05-rg .btnbox:hover .btnimg .img2 { display: block; } .ind05-wrap .ind05-rg .btnbox .btntext .btntextp { padding-bottom: 6px; border-bottom: 1px solid #CFCFCF; } .ind05-wrap .ind05-rg .btnbox .btntext .btntextp p { font-size: 14px; color: #838383; transition: all 0.5s ease; } .ind05-wrap .ind05-rg .btnbox:hover .btntext .btntextp p { color: #570B0F; } .ind05-wrap .ind05-rg .btnbox .btntext .btntextp p i { font-size: 16px; margin-left: 20px; } @media (max-width: 1536px) { .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .imgbox { height: 74vh; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox { height: 26vh; padding: 22px 80px 0 200px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm { height: 52px; } .ind05-wrap .ind05-rg { padding-left: calc(4.5rem * .5); } .ind05-wrap .ind05-rg .smalltitle { padding-bottom: 45px; } } @media (max-width: 1400px) { #index-wrap>.swiper-wrapper>.swiper-slide-active .ind05-wrap .ind05-rg .lftitle { opacity: 1; padding-top: 0; visibility: visible; transform: translateY(0%); transition: 0.98s 0.8s; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox { padding: 22px 80px 0 66px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm { padding-left: 66px; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox { width: 100%; } } @media (max-width: 992px) { .ind05-wrap .ind05-lf { display: none; } .ind05-wrap .ind05-rg { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } } @media (max-width: 499px) { .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .imgbox { min-width: 116px; max-width: 90px; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list { margin-bottom: 18px; } .ind05-wrap .ind05-rg .lftitle h2 { font-size: 28px; } .ind05-wrap .ind05-rg .smalltitle h3 { font-size: 18px; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list .ind05-listbox .textbox .title p { font-size: 16px; } .ind05-wrap .ind05-rg .smalltitle { padding-bottom: 16px; } .ind05-wrap .ind05-lf { display: block; height: 46vh; } .ind05-wrap .ind05-rg { height: 54vh; } .ind05-wrap .ind05-lf #ind05-new { overflow: hidden; height: 43vh; } .ind05-wrap .ind05-rg .ind05-ul .ind05-list:last-child { margin-bottom: 20px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .imgbox { height: 32vh; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox { padding: 10px 18px 0 20px; height: 11vh; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox1 h2 { font-size: 22px; font-weight: 500; color: #FFFFFF; min-width: 130px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox1 h3 { font-family: Poppins-Medium; font-size: 18px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox2 p { font-size: 14px; -webkit-line-clamp: 1; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm { padding-left: 20px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-top .textbox2 .time { padding-top: 2px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm { height: 35px; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide .textbox .textbox-btm { display: none; } .ind05-wrap .ind05-lf #ind05-new>.swiper-wrapper .swiper-slide a { display: block; height: 100%; } .ind05-wrap .ind05-rg .btnbox .btnimg { padding: 15px 11px; } } #ind06-wrap-radio { width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, .5); position: fixed; left: 0; top: 0; z-index: 999 !important; display: flex; justify-content: center; align-items: center; opacity: 0; transition: ease .6s; visibility: hidden; display: none; } #ind06-wrap-radio.on { opacity: 1; visibility: visible; display: flex; } #ind06-wrap-radio .close_btn { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #fff; position: relative; right: 0; top: 0; z-index: 100; cursor: pointer; background: #000; } #ind06-wrap-radio .close_btn .iconfont { font-size: 40px; color: #FFFFFF; } #video { width: 980px; max-width: 100%; max-height: 100%; } #ind06-wrap-radio .warp { display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; } #ind06-wrap-radio .warp .videobbg { display: flex; } /* subpage公共区间 */ .sub-banner { position: relative; } .sub-banner .banner { overflow: hidden; } .sub-banner .banner img { width: 100%; object-fit: cover; object-position: center; animation: blue 2s 0s ease both; } @keyframes blue { 0% { -webkit-transform: scale(1.1); -mos-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -mos-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .sub-banner .banner-text { position: absolute; top: 46%; transform: translateY(-50%); left: 0; width: 100%; } .sub-banner .banner-text .banner-textloc { margin: auto; } .sub-banner .banner-text .banner-textloc .banner-title { padding-bottom: 8px; } .sub-banner .banner-text .banner-textloc .banner-title h2 { font-size: 50px; font-weight: 500; color: #FFFFFF; } .sub-banner .banner-text .banner-textloc .banner-smtitle { padding-bottom: 34px; } .sub-banner .banner-text .banner-textloc .banner-smtitle p { font-family: Poppins-Regular; font-size: 36px; text-transform: uppercase; color: #FFFFFF; } .ensub-banner .banner-text .banner-textloc .banner-smtitle p { font-family: Noto Sans SC; font-size: 50px; } .sub-banner .banner-text .banner-textloc .banner-line { border: 1px solid #FFFFFF; width: 46px; margin-bottom: 34px; } .sub-banner .banner-text .banner-textloc .banner-context P { font-size: 18px; color: #FFFFFF; } .ensub-banner .banner-text .banner-textloc .banner-context P { font-size: 22px; /* letter-spacing: 0.02em; */ } @media (max-width: 1200px) { .sub-banner .banner img { height: 80vh; } } @media (max-width: 499px) { .sub-banner .banner img { height: 60vh; } .sub-banner .banner-text .banner-textloc .banner-title { padding-bottom: 0px; } .sub-banner .banner-text .banner-textloc .banner-title h2 { font-size: 28px; } .sub-banner .banner-text .banner-textloc .banner-smtitle { padding-bottom: 6px; } .sub-banner .banner-text .banner-textloc .banner-smtitle p { font-size: 20px; } .ensub-banner .banner-text .banner-textloc .banner-smtitle p { font-size: 24px; } .ensub-banner .banner-text .banner-textloc .banner-context P { font-size: 18px; line-height: 24px; } .sub-banner .banner-text .banner-textloc .banner-line { margin-bottom: 24px; } } .subnav { border-bottom: 1px solid #D8D8D8; } .subnav .subnav-loc { margin: auto; display: flex; justify-content: space-between; align-items: center; } .subnav .subnav-loc::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgb(133, 133, 133); } .subnav .subnav-loc::-webkit-scrollbar { width: 4px; height: 4px; } .subnav .subnav-loc::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); } .subnavspical .subnav-loc { padding: 30px 0; } .subnavteshu .subnav-loc .subnav-lf { /*display: none;*/ } .subnav .subnav-loc .subnav-lf nav .breadcrumb { margin: 0; } .subnav .subnav-loc .subnav-lf nav .breadcrumb>li { font-size: 14px; color: #666666; transition: all 0.5s ease; } .subnav .subnav-loc .subnav-lf nav .breadcrumb>li a { font-size: 14px; color: #666666; transition: all 0.5s ease; } .subnav .subnav-loc .subnav-lf nav .breadcrumb>.breadcrumb-item:hover { color: #570B0F; } .subnav .subnav-loc .subnav-lf nav .breadcrumb>.breadcrumb-item:hover a { color: #570B0F; } .subnav .subnav-loc .subnav-rg ul { display: flex; align-items: center; overflow: hidden; } .subnav .subnav-loc .subnav-rg ul li { width: 132px; text-align: center; position: relative; /* overflow: hidden; */ } .ensubnav .subnav-loc .subnav-rg ul li { width: 166px !important; } .eensubnav .subnav-loc .subnav-rg ul li { width: 227px !important; } .ensubnavSp .subnav-loc .subnav-rg ul li { width: 140px !important; } .subnav .subnav-loc .subnav-rg ul li .filter { position: absolute; z-index: -1; width: 100%; height: 100%; border: 0; left: -100%; top: -100%; background: #570B0F; overflow: hidden; } .subnav .subnav-loc .subnav-rg ul li .trans { -o-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -ms-transition-duration: 0.7s; transition-duration: 0.7s; opacity: 0; /* display: none; */ } .subnav .subnav-loc .subnav-rg ul li:hover .trans { /* display: block; */ opacity: 1; } .subnav .subnav-loc .subnav-rg ul li a { font-size: 16px; color: #666666; width: 100%; display: block; padding: 30px 0; transition: all 0.5s ease; position: relative; } .ensubnav .subnav-loc .subnav-rg ul li a { font-size: 14px; } .subnav .subnav-loc .subnav-rg ul li:hover a { color: #FFFFFF !important; } .subnav .subnav-loc .subnav-rg ul .on a { color: #FFFFFF; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: ">"; } @media (max-width: 1536px) { .subnav .subnav-loc .subnav-lf { display: none; } } @media (max-width: 1450px) { .ensubnav .subnav-loc { overflow-x: scroll !important; } } @media (max-width: 1400px) { .subnavspical { display: none; } .subnav .subnav-loc .subnav-lf { display: none; } } @media (max-width: 992px) { .subnav .subnav-loc { overflow-x: scroll; } } @media (max-width: 499px) { .subnav .subnav-loc .subnav-rg ul li a { padding: 18px 0; } .subnav .subnav-loc::-webkit-scrollbar-track { background-color: rgb(233, 233, 233); } #float_circle.float_exhibit { display: none; } .subnav .subnav-loc .subnav-rg ul .on a { background: #570B0F; } } #float_circle { width: 128px; height: 100%; position: absolute; bottom: 0; display: inline-block; z-index: -1; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-opacity: 0; opacity: 0; } #float_circle.float_exhibit { -webkit-opacity: 1; opacity: 1; } #float_circle:after { content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 50%; background-color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.35s; transition: all 0.35s; } #float_circle:after { background-color: #570B0F; } /* 分页器 */ #pagination { margin: auto; /* padding: 60px 0; */ padding-bottom: 100px; } #pagination .pagination { justify-content: center; align-items: center; } #pagination .pagination .page-item { margin: 0 4px; height: 36px; } #pagination .pagination .page-item:first-child { margin-right: 10px; } #pagination .pagination .page-item:last-child { margin-left: 10px; } #pagination .pagination .page-item .page-link { border-radius: 0; padding-left: 14px; padding-right: 14px; font-size: 16px; color: #999999; border: none; height: 100%; transition: all 0.5s ease; background: none; } #pagination .pagination .page-item .page-link:hover { background: #AF9879; color: #FFFFFF; box-shadow: none; border: none; } #pagination .pagination .page-item .page-link:focus { background: #AF9879; color: #FFFFFF; box-shadow: none; border: none; } #pagination .pagination .page-item .page-link:active { background: #AF9879; color: #FFFFFF; box-shadow: none; border: none; } #pagination .pagination .active .page-link { background: #AF9879; color: #FFFFFF; box-shadow: none; border: none; } @media (max-width: 499px) { #pagination { padding-bottom: 50px; } } /* subpage公共区间结束 */ /* 产品中心开始 */ .sub-product { background: #F5F5F5; } .sub-product .product-sack { margin: auto; padding-top: 80px; padding-bottom: 20px; } .sub-product .product-sack .product-loca { margin-right: calc(-.5 * 2.5rem); margin-left: calc(-.5 * 2.5rem); } .sub-product .product-sack .product-loca .product-list { padding-right: calc(2.5rem * .5); padding-left: calc(2.5rem * .5); } .sub-product .product-sack .product-loca .product-list .listbox { margin-bottom: 70px; transition: all 0.5s ease; } .sub-product .product-sack .product-loca .product-list .listbox:hover { box-shadow: 0px 4px 10px 0px rgba(189, 189, 189, 0.3); } .sub-product .product-sack .product-loca .product-list .listbox .listtop { overflow: hidden; } .sub-product .product-sack .product-loca .product-list .listbox .listtop img { width: 100%; transition: all 0.8s ease; } .sub-product .product-sack .product-loca .product-list .listbox:hover .listtop img { transform: scale(1.1); } .sub-product .product-sack .product-loca .product-list .listbox .listbtm { display: flex; align-items: center; justify-content: center; background: #FFFFFF; padding: 30px 12px; } .sub-product .product-sack .product-loca .product-list .listbox .listbtm .listtitle { padding-right: 17px; } .sub-product .product-sack .product-loca .product-list .listbox .listbtm .listtitle h2 { font-size: 28px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .sub-product .product-sack .product-loca .product-list .listbox .listbtm i { font-size: 30px; color: #AF9879; transition: all 0.5s ease; opacity: 0; } .sub-product .product-sack .product-loca .product-list .listbox:hover .listbtm i { transform: translateX(8px); opacity: 1; } @media (max-width: 499px) { .sub-product .product-sack .product-loca .product-list .listbox .listbtm .listtitle h2 { font-size: 24px; } .sub-product .product-sack .product-loca .product-list .listbox .listbtm i { display: none; } .sub-product .product-sack .product-loca .product-list .listbox .listbtm { padding: 14px 12px; } .sub-product .product-sack .product-loca .product-list .listbox { margin-bottom: 30px; } .sub-product .product-sack { padding-top: 46px; padding-bottom: 20px; } } /* 产品中心结束 */ /* 产品中心详情开始 */ .sub-productdetail .sub-productdetail-top { background: #F5F5F5; } .sub-productdetail .sub-productdetail-top .top-sack { margin: auto; padding-top: 74px; padding-bottom: 100px; } .sub-productdetail .sub-productdetail-top .top-sack .toptitle { padding-bottom: 22px; } .sub-productdetail .sub-productdetail-top .top-sack .toptitle h2 { font-size: 38px; font-weight: 500; color: #333333; } .ensub-productdetail .sub-productdetail-top .top-sack .toptitle h2 { letter-spacing: 0; } .sub-productdetail .sub-productdetail-top .top-sack .topsmalltitle { padding-bottom: 54px; } .sub-productdetail .sub-productdetail-top .top-sack .topsmalltitle span { font-size: 20px; letter-spacing: 0.32em; color: #FFFFFF; background: #AF9879; padding: 10px 26px; position: relative; display: inline-block; height: 100%; } .ensub-productdetail .sub-productdetail-top .top-sack .topsmalltitle span { letter-spacing: 0.02em; } .sub-productdetail .sub-productdetail-top .top-sack .topsmalltitle span s { display: block; width: 18px; height: 50px; position: absolute; top: 0; right: -14px; background: url(../images/subpage/simg.png) no-repeat; background-position: left top; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox { display: flex; justify-content: space-between; align-items: center; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox .text { width: 56.6%; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox .text p { font-size: 16px; color: #333333; } .ensub-productdetail .sub-productdetail-top .top-sack .toptextbox .text p { line-height: 28px; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox .logoimg { display: flex; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox .logoimg .imgbox { margin-left: 10px; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox .logoimg .imgbox:nth-child(1) { margin-left: 0; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox .logoimg .imgbox img { max-width: 96px; width: 100%; } .sub-productdetail .sub-productdetail-btm { padding-top: 90px; padding-bottom: 85px; } .sub-productdetail .sub-productdetail-btm .btm-sack { margin: auto; } .sub-productdetail .sub-productdetail-btm .btm-sack .btmtitle { padding-bottom: 12px; } .sub-productdetail .sub-productdetail-btm .btm-sack .btmtitle h2 { font-size: 36px; font-weight: 500; color: #333333; } .ensub-productdetail .sub-productdetail-btm .btm-sack .btmtitle h2 { letter-spacing: 0; } .sub-productdetail .sub-productdetail-btm .btm-swiper { margin: auto; } #subprobtm-swiper { position: relative; overflow: hidden; padding-top: 65px; padding-bottom: 65px; } #subprobtm-swiper>.swiper-wrapper .swiper-slide .imgbox img { width: 100%; } #subprobtm-swiper>.subprobtm-prev { width: 50px; height: 50px; transition: all 0.5s ease; } #subprobtm-swiper>.subprobtm-prev:hover { background: #AF9879; } #subprobtm-swiper>.subprobtm-prev::after { content: '' !important; background: url(../images/left.png) no-repeat; background-size: cover; transition: all 0.3s ease; width: 17px; height: 30px; } #subprobtm-swiper>.subprobtm-next { width: 50px; height: 50px; transition: all 0.5s ease; } #subprobtm-swiper>.subprobtm-next:hover { background: #AF9879; } #subprobtm-swiper>.subprobtm-next::after { content: '' !important; background: url(../images/right.png) no-repeat; background-size: cover; transition: all 0.3s ease; width: 17px; height: 30px; } #subprobtm-swiper>.swiper-pagination .swiper-pagination-bullet-active { background: #AF9879; } @media (max-width: 1200px) { .sub-productdetail .sub-productdetail-top .top-sack .toptextbox { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; } .sub-productdetail .sub-productdetail-top .top-sack .toptextbox .text { width: 100%; padding-bottom: 20px; } } @media (max-width: 499px) { #subprobtm-swiper>.subprobtm-prev { display: none; } #subprobtm-swiper>.subprobtm-next { display: none; } #subprobtm-swiper>.swiper-pagination { display: block; } .sub-productdetail .sub-productdetail-top .top-sack .toptitle { padding-bottom: 14px; } .sub-productdetail .sub-productdetail-top .top-sack .toptitle h2 { font-size: 28px; } .sub-productdetail .sub-productdetail-top .top-sack .topsmalltitle { padding-bottom: 26px; } .ensub-productdetail .sub-productdetail-top .top-sack .toptextbox .text p { line-height: 22px; } .sub-productdetail .sub-productdetail-top .top-sack { margin: auto; padding-top: 36px; padding-bottom: 44px; } .sub-productdetail .sub-productdetail-btm .btm-sack .btmtitle h2 { font-size: 28px; } .sub-productdetail .sub-productdetail-btm { padding-top: 34px; padding-bottom: 24px; } .sub-productdetail .sub-productdetail-btm .btm-sack .btmtitle { padding-bottom: 0px; } } /* 产品中心详情结束 */ /* 新闻开始 */ .sub-news1 { background: #F5F5F5; padding-top: 100px; padding-bottom: 100px; } .sub-news1 .news1-sack { margin: auto; background: #FFFFFF; padding: 24px 84px; } #news1-swiper { position: relative; overflow: hidden; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-img { padding-right: calc(7.5rem * .5); } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-img .imgbox { overflow: hidden; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-img img { width: 100%; transition: all 0.8s ease; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca:hover .swiper-img img { transform: scale(1.1); } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg { padding-left: calc(8.5rem * .5); padding-top: 30px; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgtitle { padding-bottom: 44px; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgtitle h2 { font-size: 24px; font-weight: 500; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; color: #AF9879; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgtext { padding-bottom: 34px; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgtext p { font-size: 14px; line-height: 25px; text-align: justify; color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgbtm { display: flex; align-items: center; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgbtm p { font-size: 14px; color: #AF9879; margin-right: 20px; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgbtm i { font-size: 14px; color: #AF9879; font-weight: bold; transition: all 0.5s ease; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca:hover .swiper-rg .rgbtm i { transform: translateX(5px); } #news1-swiper>.swiper-pagination { text-align: end; } #news1-swiper>.swiper-pagination .swiper-pagination-bullet { width: 30px; height: 2px; border-radius: 5px; } #news1-swiper>.swiper-pagination .swiper-pagination-bullet-active { background: #AF9879; } .sub-news1-btm .btm-sack { margin: auto; padding-top: 70px; } .sub-news1-btm .btm-sack>ul { margin-right: calc(-.5 * 6rem); margin-left: calc(-.5 * 6rem); padding-bottom: 60px; } .sub-news1-btm .btm-sack ul .list { padding-right: calc(6rem * .5); padding-left: calc(6rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(1) { padding-right: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(4) { padding-right: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(7) { padding-right: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(1) .listbox { padding-right: calc(6rem * .5); border-left: 1px solid #d8d8d800; } .sub-news1-btm .btm-sack ul .list:nth-child(4) .listbox { padding-right: calc(6rem * .5); border-left: 1px solid #d8d8d800; } .sub-news1-btm .btm-sack ul .list:nth-child(7) .listbox { padding-right: calc(6rem * .5); border-left: 1px solid #d8d8d800; } .sub-news1-btm .btm-sack ul .list:nth-child(2) { padding-right: calc(0rem * .5); padding-left: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(5) { padding-right: calc(0rem * .5); padding-left: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(8) { padding-right: calc(0rem * .5); padding-left: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(2) .listbox { padding-right: calc(6rem * .5); padding-left: calc(6rem * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(5) .listbox { padding-right: calc(6rem * .5); padding-left: calc(6rem * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(8) .listbox { padding-right: calc(6rem * .5); padding-left: calc(6rem * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(3) { padding-left: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(6) { padding-left: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(9) { padding-left: calc(0rem * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(3) .listbox { padding-left: calc(6rem * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(6) .listbox { padding-left: calc(6rem * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(9) .listbox { padding-left: calc(6rem * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list .listbox { border-bottom: 1px solid #D8D8D8; padding-top: 46px; } .sub-news1-btm .btm-sack ul .list .listbox .timebox p { font-family: Arial; font-size: 18px; color: #666666; } .sub-news1-btm .btm-sack ul .list .listbox .timebox p span { color: #AF9879; font-size: 60px; margin-right: 10px; } .sub-news1-btm .btm-sack ul .list .listbox .imgbox { margin-bottom: 30px; position: relative; } .sub-news1-btm .btm-sack ul .list .listbox .imgbox::before { content: ""; position: absolute; width: 100%; height: 100%; background: #0000005c; opacity: 0; transition: all 0.5s ease; } .sub-news1-btm .btm-sack ul .list .listbox:hover .imgbox::before { opacity: 1; } .sub-news1-btm .btm-sack ul .list .listbox .imgbox img { width: 100%; } .sub-news1-btm .btm-sack ul .list .listbox .newstitle { padding-bottom: 8px; } .sub-news1-btm .btm-sack ul .list .listbox .newstitle h2 { font-size: 18px; font-weight: 500; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease; } .sub-news1-btm .btm-sack ul .list .listbox:hover .newstitle h2 { color: #AF9879; } .sub-news1-btm .btm-sack ul .list .listbox .newstext { padding-bottom: 20px; } .sub-news1-btm .btm-sack ul .list .listbox .newstext p { font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .sub-news1-btm .btm-sack ul .list .listbox .newsbtn { display: flex; align-items: center; padding-bottom: 66px; } .sub-news1-btm .btm-sack ul .list .listbox .newsbtn p { font-size: 14px; color: #666666; margin-right: 20px; transition: all 0.5s ease; } .sub-news1-btm .btm-sack ul .list .listbox:hover .newsbtn p { color: #AF9879; } .sub-news1-btm .btm-sack ul .list .listbox .newsbtn i { font-size: 14px; color: #666666; font-weight: bold; transition: all 0.5s ease; } .sub-news1-btm .btm-sack ul .list .listbox:hover .newsbtn i { color: #AF9879; transform: translateX(5px); } .sub-news3 { background: #F5F5F5; } .sub-news3 .news3-sack { margin: auto; padding-top: 74px; } .sub-news3 .news3-sack>ul { margin-right: calc(-.5 * 2.5rem); margin-left: calc(-.5 * 2.5rem); padding-bottom: 40px; } .sub-news3 .news3-sack ul .list { padding-right: calc(2.5rem * .5); padding-left: calc(2.5rem * .5); } .sub-news3 .news3-sack ul .list .listbox { margin-bottom: 46px; } .sub-news3 .news3-sack ul .list .listbox .list-top { overflow: hidden; } .sub-news3 .news3-sack ul .list .listbox .list-top img { width: 100%; transition: all 1s ease; } .sub-news3 .news3-sack ul .list .listbox:hover .list-top img { transform: scale(1.1); } .sub-news3 .news3-sack ul .list .listbox .list-btm { background: #FFFFFF; padding: 72px 60px 46px; } .sub-news3 .news3-sack ul .list .listbox .list-btm .titlebtn { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; } .sub-news3 .news3-sack ul .list .listbox .list-btm .titlebtn .title { margin-right: 12px; } .sub-news3 .news3-sack ul .list .listbox .list-btm .titlebtn .title h2 { font-size: 20px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease; } .sub-news3 .news3-sack ul .list .listbox:hover .list-btm .titlebtn .title h2 { color: #AF9879; } .sub-news3 .news3-sack ul .list .listbox .list-btm .titlebtn .newsbtn { min-width: 88px; } .sub-news3 .news3-sack ul .list .listbox .list-btm .titlebtn .newsbtn p { font-size: 14px; color: #AF9879; transform: translateX(-5px); transition: all 0.5s ease; opacity: 0; } .sub-news3 .news3-sack ul .list .listbox:hover .list-btm .titlebtn .newsbtn p { transform: translateX(0px); opacity: 1; } .sub-news3 .news3-sack ul .list .listbox .list-btm .titlebtn .newsbtn p span { margin-left: 16px; } .sub-news3 .news3-sack ul .list .listbox .list-btm .newstime p { font-family: Arial; font-size: 16px; color: #999999; } @media (max-width: 1400px) { .sub-news3 .news3-sack ul .list .listbox .list-btm { padding: 37px 18px 41px; } } @media (max-width: 1200px) { .sub-news1 .news1-sack { padding: 20px 20px; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-img { padding-right: calc(var(--bs-gutter-x) * .5); } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg { padding-left: calc(var(--bs-gutter-x) * .5); } .sub-news1-btm .btm-sack>ul { margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .sub-news1-btm .btm-sack ul .list .listbox { padding-top: 0px; } .sub-news1-btm .btm-sack ul .list { border-bottom: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(1) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(4) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(7) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .sub-news1-btm .btm-sack ul .list .listbox { border: none; } .sub-news1-btm .btm-sack ul .list:nth-child(1) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(4) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(7) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(2) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(5) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(8) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(2) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(5) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(8) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(3) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(6) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(10) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); border-left: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(9) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } .sub-news1-btm .btm-sack ul .list:nth-child(3) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(6) .listbox { padding: 0; border-left: none; } .sub-news1-btm .btm-sack ul .list:nth-child(9) .listbox { padding: 0; border-left: none; } } @media (max-width: 499px) { .sub-news1 { padding-top: 30px; padding-bottom: 48px; } .sub-news1 .news1-sack { padding: 12px; } .sub-news1-btm .btm-sack>ul { padding-bottom: 0px; } #news1-swiper>.swiper-wrapper .swiper-slide .swiper-loca .swiper-rg .rgtitle { padding-bottom: 14px; } .sub-news1-btm .btm-sack ul .list:nth-child(2) { border: none; border-bottom: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(4) { border: none; border-bottom: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(6) { border: none; border-bottom: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(8) { border: none; border-bottom: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list:nth-child(10) { border: none; border-bottom: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list { border: none; border-bottom: 1px solid #D8D8D8; } .sub-news1-btm .btm-sack ul .list .listbox .newsbtn { padding-bottom: 26px; } .sub-news1-btm .btm-sack { margin: auto; padding-top: 14px; } .sub-news3 .news3-sack>ul { padding-bottom: 18px; } .sub-news3 .news3-sack { padding-top: 42px; } .sub-news3 .news3-sack ul .list .listbox { margin-bottom: 26px; } .sub-news3 .news3-sack ul .list .listbox .list-btm { padding: 18px 12px 18px; } } /* 新闻详情 */ .sub-newsdetail { background: #F5F5F5; padding-top: 40px; padding-bottom: 132px; } .sub-newsdetail .newsdetail-sack { margin: auto; background: #FFFFFF; padding: 50px 90px; } .sub-newsdetail .newsdetail-sack .detailbox { align-items: flex-start; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf { position: sticky; top: 90px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfbox {} .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime { background: #AF9879; width: 70%; padding: 16px 0 20px; margin-bottom: 124px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime .math1 p { font-family: Arial; font-size: 50px; color: #FFFFFF; text-align: center; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime .line { width: 72%; height: 1px; opacity: 0.5; background: #FFFFFF; margin: auto; margin-bottom: 10px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime .math2 p { font-family: Arial; font-size: 16px; color: #FFFFFF; text-align: center; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfprve { margin-bottom: 36px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfprve>a { display: flex; align-items: center; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfprve i { font-size: 16px; color: #FFFFFF; background: #AF9879; border-radius: 50%; padding: 7px 11px; margin-right: 10px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfprve p { font-size: 16px; color: #666666; transition: all 0.5s ease; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfprve:hover p { color: #AF9879; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfreturn { margin-bottom: 36px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfreturn>a { display: flex; align-items: center; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfreturn i { font-size: 16px; color: #FFFFFF; background: #AF9879; border-radius: 50%; padding: 7px 11px; margin-right: 10px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfreturn p { font-size: 16px; color: #666666; transition: all 0.5s ease; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfreturn:hover p { color: #AF9879; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .rgnext>a { display: flex; align-items: center; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .rgnext i { font-size: 16px; color: #FFFFFF; background: #AF9879; border-radius: 50%; padding: 7px 11px; margin-right: 10px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .rgnext p { font-size: 16px; color: #666666; transition: all 0.5s ease; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .rgnext:hover p { color: #AF9879; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox { padding-top: 10px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .lfcontext h2 { font-size: 28px; font-weight: 500; color: #333333; margin-bottom: 68px; text-align: center; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .lfcontext p { font-size: 16px; text-align: justify; color: #666666; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .lfcontext p iframe { width: 100%; min-width: auto !important; height: 400px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .lfcontext img { max-width: 100%; } /* 新闻详情 */ .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji { margin-bottom: 12px; display: none; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji>a { display: flex; align-items: center; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji i { font-size: 16px; color: #FFFFFF; background: #AF9879; border-radius: 50%; padding: 7px 11px; margin-right: 10px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji p { font-size: 16px; color: #666666; transition: all 0.5s ease; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji:hover p { color: #AF9879; } @media (max-width: 1400px) { .sub-newsdetail .newsdetail-sack { padding: 50px 38px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime { width: 138px; margin-bottom: 50px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfprve { display: none; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lfreturn { display: none; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .rgnext { display: none; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji { display: block; } } @media (max-width:499px) { .sub-newsdetail { padding-bottom: 50px; } .sub-newsdetail .newsdetail-sack { padding: 16px 12px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime { margin-bottom: 22px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime .math1 p { font-size: 28px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .lfcontext h2 { margin-bottom: 32px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji p { font-size: 14px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji { margin-bottom: 8px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-rg .lfbox .zhutishouji i { font-size: 14px; padding: 6px 10px; } .sub-newsdetail .newsdetail-sack .detailbox .detail-lf .lftime { width: 116px; } } /* 新闻结束 */ /* 联系我们开始 */ .sub-contus .contus-top .top-loca { margin: auto; padding-top: 70px; } .sub-contus .contus-top .top-loca .toplf { padding: 0; } .sub-contus .contus-top .top-loca .toplf #map { width: 100%; height: 925px; font-size: 12px } .sub-contus .contus-top .top-loca .toplf #maps { width: 100%; height: 925px; font-size: 12px } .sub-contus .contus-top .top-loca .toplf #maps img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .sub-contus .contus-top .top-loca .toplf #map .BMapLabel { background: url(../images/subpage/contactuslogo.png) no-repeat; background-size: 100%; width: 269px; height: 96px; background-color: rgba(0, 0, 0, 0) !important; box-shadow: none !important; border: none !important; border-radius: 10px; left: -40px !important; top: -108px !important; color: #ffffff00; } .sub-contus .contus-top .top-loca .toplf #map .BMap_Marker>div>img { opacity: 0; } .sub-contus .contus-top .top-loca .toprg { padding: 0; background: url(../images/subpage/toprgbg.jpg) no-repeat; background-size: cover; background-position: bottom right; } .sub-contus .contus-top .top-loca .toprg .domesticbox { padding: 60px; border-bottom: 1px solid #FFE7C342; } .sub-contus .contus-top .top-loca .toprg .international {} .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-bigtitle { padding-bottom: 24px; } .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-bigtitle h2 { font-size: 24px; font-weight: 500; color: #FFFFFF; } .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-yewu { display: flex; align-items: center; } .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-yewu i { font-size: 14px; color: #AF9879; background: #FFFFFF; border-radius: 50%; padding: 3px 7px; margin-right: 10px; } .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-yewu p { font-size: 14px; color: #FFFFFF; } /* .sub-contus .contus-top .top-loca .toprg .domesticbox .yewup a { background: linear-gradient(to right, #E2C297, #E2C297) no-repeat right 80%; background-size: 0px 1px; transition: background-size 0.5s; padding-bottom: 10px; } .sub-contus .contus-top .top-loca .toprg .domesticbox .yewup a:hover { background-position: left 80%; background-size: 100% 1px; } */ .sub-contus .contus-top .top-loca .toprg .domesticbox .yewup a p { font-family: Arial; font-size: 30px; color: #FFFFFF; padding-left: 38px; transition: all 0.5s ease; } .sub-contus .contus-top .top-loca .toprg .domesticbox .yewup a:hover p { color: #E2C297; } .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-ziyuan { display: flex; align-items: center; } .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-ziyuan i { font-size: 14px; color: #AF9879; background: #FFFFFF; border-radius: 50%; padding: 3px 7px; margin-right: 10px; } .sub-contus .contus-top .top-loca .toprg .domesticbox .domestic-ziyuan p { font-size: 14px; color: #FFFFFF; } .sub-contus .contus-top .top-loca .toprg .domesticbox .ziyuanp a { margin-bottom: 10px; display: block; } .sub-contus .contus-top .top-loca .toprg .domesticbox .ziyuanp a p { font-family: Arial; font-size: 30px; color: #FFFFFF; padding-left: 38px; transition: all 0.5s ease; } .sub-contus .contus-top .top-loca .toprg .domesticbox .ziyuanp a:hover p { color: #E2C297; } .sub-contus .contus-top .top-loca .toprg .domesticbox .e-mail p { font-size: 16px; color: #FFFFFF; padding-left: 38px; } .sub-contus .contus-top .top-loca .toprg .domesticbox .e-mail p span a { font-size: 16px; color: #FFFFFF; transition: all 0.5s ease; } .sub-contus .contus-top .top-loca .toprg .domesticbox .e-mail p span a:hover { color: #E2C297; } .sub-contus .contus-top .top-loca .toprg .domesticbox .address p { font-size: 16px; color: #FFFFFF; padding-left: 38px; } .sub-contus .contus-btm .btm-loca { margin: auto; background: url(../images/subpage/btmlfimg.jpg) no-repeat; background-size: cover; background-position: center center; padding: 0; background-attachment: fixed; } /* .sub-contus .contus-btm .btm-loca .btm-lf { background: url(../images/subpage/btmlfimg.jpg) no-repeat; background-size: cover; background-position: center center; padding: 0; background-attachment: fixed; } */ .sub-contus .contus-btm .btm-loca .btm-rg { padding: 100px; padding: calc(12rem * .5); padding-right: calc(26rem * .5); background: #FFFFFF; } .sub-contus .contus-btm .btm-loca .btm-rg .btm-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .sub-contus .contus-btm .btm-loca .btm-rg .btm-smalltitle { padding-bottom: 80px; } .sub-contus .contus-btm .btm-loca .btm-rg .btm-smalltitle p { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ } .ensub-contus .contus-btm .btm-loca .btm-rg .btm-smalltitle p { font-family: Noto Sans SC; } .sub-contus .contus-btm .btm-loca .btm-rg .btm-smalltitle p span { color: #570B0F } #myform>.online-information {} #myform>.online-information .fillinbox { /* border-bottom: 1px solid #CBCBCB; */ position: relative; } #myform>.online-information .fillinbox label { font-size: 14px; font-weight: 500; color: #333333; position: relative; z-index: 1; line-height: 60px; } #myform>.online-information .fillinbox label span { color: #C49B5E; } #myform>.online-information .fillinbox .form-input { /* text-indent: 30px; */ font-size: 14px; color: #999999; border-radius: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding-left: 86px; box-sizing: border-box; border-bottom: 1px solid #CBCBCB; } #myform>.online-information .fillinbox .form-input:-webkit-autofill, #myform>.online-information .fillinbox .form-input:-webkit-autofill:hover, #myform>.online-information .fillinbox .form-input:-webkit-autofill:focus { border: 1px solid #E2E2E2; -webkit-text-fill-color: #333333; -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset; transition: background-color 5000s ease-in-out 0s; } #myform>.online-information .fillinbox .form-input::-webkit-input-placeholder { color: #999999; } #myform>.online-information .fillinbox .form-input:-moz-placeholder { color: #999999; } #myform>.online-information .fillinbox .form-input::-moz-placeholder { color: #999999; } #myform>.online-information .fillinbox .form-input:-ms-input-placeholder { color: #999999; } #myform .tuxingyanz .tijiao>button { width: 100%; border-radius: 0; margin-top: 54px; background: #AF9879; border: none; padding-top: 24px; padding-bottom: 24px; } @media (max-width: 1536px) { .sub-contus .contus-btm .btm-loca .btm-rg { padding-right: calc(10rem * .5); } } @media (max-width: 1200px) { .sub-contus .contus-top .top-loca .toplf #map { height: 528px; } .sub-contus .contus-top .top-loca .toplf #maps { height: 528px; } .sub-contus .contus-btm .btm-loca .btm-lf { display: none; } .sub-contus .contus-btm .btm-loca .btm-rg { padding: calc(8rem * .5); } } @media (max-width: 499px) { .sub-contus .contus-top .top-loca { padding-top: 30px; } .sub-contus .contus-top .top-loca .toplf { display: none; } .sub-contus .contus-top .top-loca .toplf #map { height: 300px; } .sub-contus .contus-top .top-loca .toplf #maps { height: 300px; } .sub-contus .contus-top .top-loca .toprg .domesticbox { padding: 14px; padding-top: 24px; padding-bottom: 30px; } .sub-contus .contus-btm .btm-loca .btm-rg { padding: 14px; padding-top: 30px; padding-bottom: 60px; } .sub-contus .contus-btm .btm-loca .btm-rg .btm-title h2 { font-size: 28px; } .sub-contus .contus-btm .btm-loca .btm-rg .btm-smalltitle { padding-bottom: 10px; } .sub-contus .contus-btm .btm-loca .btm-rg .btm-smalltitle p { font-size: 18px; } #myform .tuxingyanz .tijiao>button { margin-top: 28px; padding-top: 12px; padding-bottom: 12px; } .ensub-contus .contus-top .top-loca .toprg .domesticbox .domestic-bigtitle h2 { font-size: 21px; } } /* 联系我们结束 */ /* 招商加盟开始 */ .sub-join .sub-join01 { background: #F5F5F5; } .sub-join .sub-join01 .join01-sack { margin: auto; padding-top: 56px; padding-bottom: 94px; } .sub-join .sub-join01 .join01-sack .join01-title { padding-bottom: 8px; } .sub-join .sub-join01 .join01-sack .join01-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-join .sub-join01 .join01-sack .join01-smalltitle { padding-bottom: 36px; } .sub-join .sub-join01 .join01-sack .join01-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-join .sub-join01 .join01-sack .join01-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join01 .join01-sack .join01-smalltitle h3 span { color: #570B0F; } .sub-join .sub-join01 .join01-sack .join01-text { padding: 0 calc(20rem * .5); padding-bottom: 40px; } .sub-join .sub-join01 .join01-sack .join01-text p { font-weight: normal; font-size: 18px; text-align: center; color: #3D3D3D; } .sub-join .sub-join01 .join01-sack .join01-img img { width: 100%; } @media (max-width: 1400px) { .sub-join .sub-join01 .join01-sack .join01-text { padding: 0; padding-bottom: 40px; } } @media (max-width: 499px) { .sub-join .sub-join01 .join01-sack { padding-top: 40px; padding-bottom: 60px; } .sub-join .sub-join01 .join01-sack .join01-title h2 { font-size: 28px; } .sub-join .sub-join01 .join01-sack .join01-smalltitle { padding-bottom: 23px; } .sub-join .sub-join01 .join01-sack .join01-smalltitle h3 { font-size: 18px; } .sub-join .sub-join01 .join01-sack .join01-text p { font-size: 16px; } .ensub-join .sub-join01 .join01-sack .join01-text p { font-size: 14px; } } .sub-join .sub-join02 .join02-sack { margin: auto; padding-top: 56px; padding-bottom: 94px; } .sub-join .sub-join02 .join02-sack .join02-title { padding-bottom: 8px; } .sub-join .sub-join02 .join02-sack .join02-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-join .sub-join02 .join02-sack .join02-smalltitle { padding-bottom: 60px; } .sub-join .sub-join02 .join02-sack .join02-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-join .sub-join02 .join02-sack .join02-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join02 .join02-sack .join02-smalltitle h3 span { color: #570B0F; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox { border: 1px solid #D7D7D7; padding: 48px 66px; transition: all 0.5s ease; height: 100%; } .ensub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox { padding: 42px 46px } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox:hover { background: #AF9879; box-shadow: 0px 4px 18px 0px rgba(132, 132, 132, 0.3); } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboximg { padding-bottom: 38px; display: flex; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboximg i { font-size: 52px; color: rgba(175, 152, 121); border: 1px solid #AF9879; border-radius: 50%; padding: 14px; transition: all 0.5s ease; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox:hover .listboximg i { background: #FFFFFF; animation: rotation 30s linear infinite; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboximg .imgbox { border: 1px solid #AF9879; border-radius: 50%; padding: 13px; transition: all 0.8s ease; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox:hover .listboximg .imgbox { background: #FFFFFF; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboximg img { transition: all 0.8s ease; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox:hover .listboximg img { transform: rotateY(360deg); } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboxtitle { padding-bottom: 10px; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboxtitle h2 { font-size: 24px; font-weight: 500; color: #333333; transition: all 0.5s ease; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox:hover .listboxtitle h2 { color: #FFFFFF; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboxtext p { font-size: 14px; line-height: 25px; color: #666666; transition: all 0.5s ease; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox:hover .listboxtext p { color: #FFFFFF; } @media (max-width: 1200px) { .sub-join .sub-join02 .join02-sack .join02-ul .join02-list { margin-bottom: 20px; } } @media (max-width: 499px) { .sub-join .sub-join02 .join02-sack { padding-top: 30px; padding-bottom: 30px; } .sub-join .sub-join02 .join02-sack .join02-title h2 { font-size: 28px; } .sub-join .sub-join02 .join02-sack .join02-smalltitle { padding-bottom: 24px; } .sub-join .sub-join02 .join02-sack .join02-smalltitle h3 { font-size: 18px; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox { padding: 16px 14px; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboximg { padding-bottom: 12px; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboximg .imgbox { padding: 2px; } .sub-join .sub-join02 .join02-sack .join02-ul .join02-list .join02-listbox .listboxtitle h2 { font-size: 20px; } } .sub-join .sub-join03 { background: url(../images/subpage/join03bg.jpg) no-repeat; background-size: cover; background-position: center; /* background-attachment: fixed; */ } .sub-join .sub-join03 .join03-sack { margin: auto; padding-top: 90px; padding-bottom: 200px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-title { padding-bottom: 8px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .sub-join .sub-join03 .join03-sack .join03-context .join03-smalltitle { padding-bottom: 40px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; color: #666666; } .ensub-join .sub-join03 .join03-sack .join03-context .join03-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join03 .join03-sack .join03-context .join03-smalltitle h3 span { color: #570B0F; } .sub-join .sub-join03 .join03-sack .join03-context .join03-block p { font-weight: 500; color: #333333; font-size: 18px; } .ensub-join .sub-join03 .join03-sack .join03-context .join03-block p { padding-bottom: 16px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-smblock { padding-bottom: 20px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-smblock p { font-weight: 400; color: #333333; font-size: 14px; line-height: 25px; } @media (max-width: 499px) { .sub-join .sub-join03 .join03-sack { padding-top: 45px; padding-bottom: 40px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-title h2 { font-size: 28px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-smalltitle { padding-bottom: 20px; } .sub-join .sub-join03 .join03-sack .join03-context .join03-smalltitle h3 { font-size: 18px; } } .sub-join .sub-join04 .join04-sack { margin: auto; padding-top: 56px; padding-bottom: 94px; } .sub-join .sub-join04 .join04-sack .join04-title { padding-bottom: 8px; } .sub-join .sub-join04 .join04-sack .join04-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-join .sub-join04 .join04-sack .join04-smalltitle { padding-bottom: 78px; } .sub-join .sub-join04 .join04-sack .join04-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-join .sub-join04 .join04-sack .join04-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join04 .join04-sack .join04-smalltitle h3 span { color: #570B0F; } .sub-join .sub-join04 .join04-sack .join04-ul { margin-right: calc(-.5 * 1rem); margin-left: calc(-.5 * 1rem); } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list { padding-right: calc(1rem * .5); padding-left: calc(1rem * .5); } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox { background: #FAFAFA; padding: 50px 20px; height: 100%; transition: all 0.5s ease; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox:hover { background: #AF9879; box-shadow: 0px 4px 18px 0px rgba(132, 132, 132, 0.3); transform: translateY(-15px); } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox .listboximg { display: flex; justify-content: center; margin-bottom: 20px; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox:hover .listboximg .imgbox .imgzong { display: none; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox .listboximg .imgbox .imgbai { display: none; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox:hover .listboximg .imgbox .imgbai { display: block; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox .listboxtitle h2 { font-size: 16px; color: #333333; text-align: center; font-weight: normal; line-height: 22px; transition: all 0.5s ease; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox:hover .listboxtitle h2 { color: #FFFFFF; } @media (max-width: 1200px) { .sub-join .sub-join04 .join04-sack .join04-ul .join04-list { margin-bottom: 20px; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox:hover { transform: translateY(-5px); } } @media (max-width: 499px) { .sub-join .sub-join04 .join04-sack { padding-top: 40px; padding-bottom: 36px; } .sub-join .sub-join04 .join04-sack .join04-title h2 { font-size: 28px; } .sub-join .sub-join04 .join04-sack .join04-smalltitle { padding-bottom: 34px; } .sub-join .sub-join04 .join04-sack .join04-smalltitle h3 { font-size: 18px; } .sub-join .sub-join04 .join04-sack .join04-ul .join04-list .join04-listbox { padding: 22px 10px; } } .sub-join .sub-join05 { background: url(../images/subpage/join05bg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } .sub-join .sub-join05 .join05-sack { margin: auto; padding-top: 244px; padding-bottom: 348px; } .sub-join .sub-join05 .join05-sack .join05-context .join05-title { padding-bottom: 8px; } .sub-join .sub-join05 .join05-sack .join05-context .join05-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .sub-join .sub-join05 .join05-sack .join05-context .join05-smalltitle { padding-bottom: 40px; } .sub-join .sub-join05 .join05-sack .join05-context .join05-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; } .ensub-join .sub-join05 .join05-sack .join05-context .join05-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join05 .join05-sack .join05-context .join05-smalltitle h3 span { color: #570B0F; } .sub-join .sub-join05 .join05-sack .join05-context .join05-text p { font-size: 14px; line-height: 25px; text-align: justify; color: #333333; } .ensub-join .sub-join05 .join05-sack .join05-context .join05-text p { text-align: start; font-size: 16px; } @media (max-width: 499px) { .sub-join .sub-join05 { background-position: center right; } .sub-join .sub-join05 .join05-sack { padding-top: 44px; padding-bottom: 54px; } .sub-join .sub-join05 .join05-sack .join05-context .join05-title h2 { font-size: 28px; } .sub-join .sub-join05 .join05-sack .join05-context .join05-smalltitle { padding-bottom: 22px; } .sub-join .sub-join05 .join05-sack .join05-context .join05-smalltitle h3 { font-size: 18px; } } .sub-join .sub-join06 { background: #F5F5F5; } .sub-join .sub-join06 .join06-sack { margin: auto; padding-top: 114px; padding-bottom: 120px; } .sub-join .sub-join06 .join06-sack .join06-title { padding-bottom: 8px; } .sub-join .sub-join06 .join06-sack .join06-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-join .sub-join06 .join06-sack .join06-smalltitle { padding-bottom: 98px; } .sub-join .sub-join06 .join06-sack .join06-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-join .sub-join06 .join06-sack .join06-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join06 .join06-sack .join06-smalltitle h3 span { color: #570B0F; } .sub-join .sub-join06 .join06-sack .join06-ul { margin-right: calc(-.5 * 1rem); margin-left: calc(-.5 * 1rem); } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list { padding-right: calc(1rem * .5); padding-left: calc(1rem * .5); } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox { background: #FFFFFF; border: 1px solid #DFDFDF; height: 100%; padding: 30px 20px 32px; transition: all 0.5s ease; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox:hover { box-shadow: 0px 4px 18px 0px rgba(132, 132, 132, 0.3); background: #AF9879; transform: translateY(-10px); } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox .math { padding-bottom: 14px; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox .math p { font-family: Roboto; font-size: 30px; font-weight: 500; text-align: end; color: #AF9879; transition: all 0.5s ease; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox:hover .math p { color: #FFFFFF; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox .title { padding-bottom: 10px; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox .title h2 { font-size: 24px; font-weight: 500; color: #333333; transition: all 0.5s ease; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox:hover .title h2 { color: #FFFFFF; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox .text p { font-size: 16px; text-align: justify; color: #666666; transition: all 0.5s ease; } .ensub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox .text p { text-align: start; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox:hover .text p { color: #FFFFFF; } @media (max-width: 1400px) { .sub-join .sub-join06 .join06-sack .join06-ul .join06-list { margin-bottom: 20px; } } @media (max-width: 499px) { .sub-join .sub-join06 .join06-sack { padding-top: 42px; padding-bottom: 32px; } .sub-join .sub-join06 .join06-sack .join06-title h2 { font-size: 28px; } .sub-join .sub-join06 .join06-sack .join06-smalltitle { padding-bottom: 30px; } .sub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox { padding: 16px 12px 16px; } .sub-join .sub-join06 .join06-sack .join06-smalltitle h3 { font-size: 18px; } .ensub-join .sub-join06 .join06-sack .join06-ul .join06-list .join06-listbox .text p { font-size: 14px; } } .sub-join .sub-join07 .join07-sack { margin: auto; padding-top: 126px; padding-bottom: 90px; } .sub-join .sub-join07 .join07-sack .join07-title { padding-bottom: 8px; } .sub-join .sub-join07 .join07-sack .join07-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-join .sub-join07 .join07-sack .join07-smalltitle { padding-bottom: 40px; } .sub-join .sub-join07 .join07-sack .join07-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-join .sub-join07 .join07-sack .join07-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join07 .join07-sack .join07-smalltitle h3 span { color: #570B0F; } .sub-join .sub-join07 .join07-sack .join07-text { padding: 0 130px 0px; } .sub-join .sub-join07 .join07-sack .join07-text p { font-size: 18px; text-align: center; color: #3D3D3D; } @media (max-width: 1400px) { .sub-join .sub-join07 .join07-sack .join07-text { padding: 0; } } @media (max-width: 499px) { .sub-join .sub-join07 .join07-sack { padding-top: 40px; padding-bottom: 22px; } .sub-join .sub-join07 .join07-sack .join07-title h2 { font-size: 28px; } .sub-join .sub-join07 .join07-sack .join07-smalltitle { padding-bottom: 30px; } .sub-join .sub-join07 .join07-sack .join07-smalltitle h3 { font-size: 18px; } .sub-join .sub-join07 .join07-sack .join07-text p { font-size: 16px; } .ensub-join .sub-join07 .join07-sack .join07-text p { font-size: 14px; } #subprobtm-swiper { padding-top: 34px; padding-bottom: 46px; } } .sub-join .sub-join08 { background: #F5F5F5; } .sub-join .sub-join08 .join08-sack { margin: auto; padding-top: 86px; padding-bottom: 56px; } .sub-join .sub-join08 .join08-sack .join08-title { padding-bottom: 8px; } .sub-join .sub-join08 .join08-sack .join08-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-join .sub-join08 .join08-sack .join08-smalltitle { padding-bottom: 60px; } .sub-join .sub-join08 .join08-sack .join08-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-join .sub-join08 .join08-sack .join08-smalltitle h3 { font-family: Noto Sans SC; } .sub-join .sub-join08 .join08-sack .join08-smalltitle h3 span { color: #570B0F; } #myform2>.online-information .fillinbox { margin-bottom: 20px; } #myform2>.online-information .fillinbox:last-child { margin-bottom: 50px; } #myform2>.online-information .fillinbox input { width: 100%; border: 1px solid #D7D7D7; /* text-indent: 30px; */ padding: 18px 20px; font-size: 16px; font-weight: normal; line-height: normal; letter-spacing: 0em; color: #333333; border-radius: 0; } #myform2>.online-information .fillinbox .form-input { width: 100%; border: 1px solid #D7D7D7; /* text-indent: 30px; */ padding: 18px 20px; font-size: 16px; font-weight: normal; line-height: normal; letter-spacing: 0em; color: #333333; border-radius: 0; } #myform2>.online-information .fillinbox .form-input:-webkit-autofill, #myform2>.online-information .fillinbox .form-input:-webkit-autofill:hover, #myform2>.online-information .fillinbox .form-input:-webkit-autofill:focus { border: 1px solid #AF9879; -webkit-text-fill-color: #333333; -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset; transition: background-color 5000s ease-in-out 0s; } #myform2>.online-information .fillinbox .form-input::-webkit-input-placeholder { color: #666666; } #myform2>.online-information .fillinbox .form-input:-moz-placeholder { color: #666666; } #myform2>.online-information .fillinbox .form-input::-moz-placeholder { color: #666666; } #myform2>.online-information .fillinbox .form-input:-ms-input-placeholder { color: #666666; } #myform2>.tuxingyanz { padding-bottom: 36px; } #myform2>.tuxingyanz .tijiao { display: flex; justify-content: center; } #myform2>.tuxingyanz .tijiao button { font-size: 22px; font-weight: 500; color: #FFFFFF; text-align: center; width: 299px; height: 66px; background: #AF9879; border-radius: 100px; transition: all 0.5s ease; } #myform2>.tuxingyanz .tijiao button:hover { background: #af9879e3; } #myform2>.tuxingyanz .tijiao button p span { padding-right: 10px; } .sub-join .sub-join08 .join08-sack .join08-p p { font-size: 16px; color: #3D3D3D; } @media (max-width: 499px) { .sub-join .sub-join08 .join08-sack { padding-top: 36px; padding-bottom: 43px; } .sub-join .sub-join08 .join08-sack .join08-title h2 { font-size: 28px; } .sub-join .sub-join08 .join08-sack .join08-smalltitle { padding-bottom: 28px; } .sub-join .sub-join08 .join08-sack .join08-smalltitle h3 { font-size: 18px; } #myform2>.online-information .fillinbox { margin-bottom: 10px; } #myform2>.online-information .fillinbox .form-input { padding: 14px 10px; } #myform2>.online-information .fillinbox:last-child { margin-bottom: 28px; } #myform2>.tuxingyanz .tijiao button { font-size: 18px; height: 46px; } .sub-join .sub-join08 .join08-sack .join08-p p { font-size: 14px; } } /* 招商加盟结束 */ /* 人力资源开始 */ .sub-huamn .sub-huamn01 .huamn01-sack { margin: auto; padding-top: 86px; /*padding-bottom: 134px;*/ } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-title { padding-bottom: 8px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-smalltitle { padding-bottom: 46px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-huamn .sub-huamn01 .huamn01-sack .huamn01-smalltitle h3 { font-family: Noto Sans SC; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-smalltitle h3 span { color: #570B0F; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-text { padding-bottom: 74px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-text p { font-size: 18px; text-align: center; color: #3D3D3D; } .sub-huamn .sub-huamn01 .huamn01-sack .linian { margin: auto; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf { padding: 0; position: relative; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lfimgbox { overflow: hidden; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lfimgbox img { width: 100%; transition: all 0.8s ease; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lfimgbox:hover img { transform: scale(1.1); } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox { position: absolute; bottom: 0; left: 0; background: #AF9879; padding: 42px 24px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox .lftitle { padding-bottom: 10px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox .lftitle h2 { font-size: 28px; font-weight: 500; color: #FFFFFF; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox .lftext p { font-size: 14px; text-align: justify; color: #FFFFFF; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox .lftext p { text-align: start; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg { padding: 0; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop { height: 50%; background: url(../images/subpage/rgtopbg.jpg) no-repeat; background-size: cover; background-position: center; padding: 70px 46% 10px 30px; overflow: hidden; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop { padding: 30px 46% 10px 30px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop .rgtoptitle { padding-bottom: 15px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop .rgtoptitle h2 { font-size: 28px; font-weight: 500; color: #FFFFFF; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop .rgtoptext p { font-size: 14px; text-align: justify; color: #FFFFFF; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop .rgtoptext p { text-align: start; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm { height: 50%; background: url(../images/subpage/rgbtmbg.jpg) no-repeat; background-size: cover; background-position: center; padding: 70px 52% 10px 30px; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm { padding: 30px 52% 10px 30px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm .rgbtmtitle { padding-bottom: 15px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm .rgbtmtitle h2 { font-size: 28px; font-weight: 500; color: #333333; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm .rgbtmtext p { font-size: 14px; text-align: justify; color: #333333; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm .rgbtmtext p { text-align: start; } .sub-huamn .sub-huamn02 .huamn02-sack { margin: auto; padding-top: 90px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-title { padding-bottom: 8px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-smalltitle { padding-bottom: 50px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; /* font-weight: 300; */ color: #666666; text-align: center; } .ensub-huamn .sub-huamn02 .huamn02-sack .huamn02-smalltitle h3 { font-family: Noto Sans SC; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-smalltitle h3 span { color: #570B0F; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox { margin-bottom: 38px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox .firstbg { background: #AF9879; padding: 18px 8px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox .firstbg .firsttext>div p { font-size: 18px; font-weight: 500; color: #FFFFFF; text-align: center; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox { margin-bottom: 18px; border: 1px solid #E0E0E0; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list:last-child .bigbox { margin-bottom: 80px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg { padding: 30px 8px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox>div { display: flex; justify-content: center; align-items: center; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox>div p { font-size: 16px; color: #333333; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox .box1 p { font-weight: 500; font-size: 18px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox .box5 a i { background: #AF9879; border-radius: 50px; color: #FFFFFF; padding: 8px 12px; font-size: 16px; transition: all 0.6s ease-in-out; transform: rotate(-360deg); display: block; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list.yins .bigbox .topbg .topbox .box5 a i { transform: rotate(-180deg); } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone { max-height: 0; overflow: hidden; transition: all 0.6s ease-in-out; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list.yins .bigbox .bottomnone { max-height: 500px; transition: all 0.8s ease-in-out; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone .buttombox { background: #F5F5F5; padding: 50px 70px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone .buttombox .responsibilities { padding-bottom: 30px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone .buttombox .responsibilities h2 { font-size: 16px; font-weight: 500; color: #333333; margin-bottom: 10px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone .buttombox .responsibilities p { font-size: 16px; color: #666666; padding-left: 10px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone .buttombox .request h2 { font-size: 16px; font-weight: 500; color: #333333; margin-bottom: 10px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone .buttombox .request p { font-size: 16px; color: #666666; padding-left: 10px; } @media (max-width: 1600px) { .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop { padding: 30px 34% 10px 30px; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm { padding: 30px 34% 10px 30px; } } @media (max-width: 1400px) { .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop { padding: 28px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm { padding: 28px; } } @media (max-width: 1200px) { .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox .firstbg .firsttext { justify-content: space-between; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox .firstbg .firsttext .text2, .text3, .text4 { display: none; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox { justify-content: space-between; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox .box2 { display: none; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox .box3 { display: none; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox .box4 { display: none; } } @media (max-width: 499px) { .sub-huamn .sub-huamn01 .huamn01-sack { padding-top: 30px; padding-bottom: 50px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-title h2 { font-size: 28px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-smalltitle { padding-bottom: 24px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-smalltitle h3 { font-size: 18px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-text { padding-bottom: 40px; } .sub-huamn .sub-huamn01 .huamn01-sack .huamn01-text p { font-size: 16px; } .ensub-huamn .sub-huamn01 .huamn01-sack .huamn01-text p { font-size: 14px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lfimgbox img { object-position: center; object-fit: cover; height: 146px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox { background: #af987900; padding: 0 12px 28px 12px; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox { padding: 20px 12px 14px 12px; background: #AF9879; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox .lftitle { padding-bottom: 4px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox .lftitle h2 { font-size: 18px; } .ensub-huamn .sub-huamn01 .huamn01-sack .linian .linian-lf .lftextbox .lftext p { line-height: 18px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop .rgtoptitle h2 { font-size: 18px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm .rgbtmtitle h2 { font-size: 18px; color: #ffffff; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop { padding: 16px 12px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop .rgtoptext { padding-bottom: 24px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgtop .rgtoptext p { line-height: 18px; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm { padding: 16px 12px; background: #AF9879; } .sub-huamn .sub-huamn01 .huamn01-sack .linian .linian-rg .rgbtm .rgbtmtext p { line-height: 18px; color: #ffffff; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox .firstbg .firsttext>div p { text-align: start; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox .firstbg .firsttext .text5 p { text-align: center; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox .box1 { justify-content: start; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox { margin-bottom: 14px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-first .firstbox .firstbg { padding: 12px 8px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg { padding: 14px 8px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .bottomnone .buttombox { padding: 19px 0px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list:last-child .bigbox { margin-bottom: 40px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-title h2 { font-size: 28px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-smalltitle { padding-bottom: 30px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-smalltitle h3 { font-size: 18px; } .sub-huamn .sub-huamn02 .huamn02-sack .huamn02-ul .huamn02-list .bigbox .topbg .topbox .box5 a i { padding: 4px 8px; } } /* 人力资源结束 */ /* 业务模块开始 */ .sub-business { padding-bottom: 150px; } .sub-business .sub-business01 { margin: auto; background: url(../images/subpage/businessimgbg.png) no-repeat; background-size: cover; background-position: top center; padding-bottom: 44px; margin-top: 94px; } .sub-business .sub-business01 .business01-lf { padding: 0; padding-right: calc(13rem * .5); } .sub-business .sub-business01 .business01-lf .lfbox img { width: 100%; } .sub-business .sub-business01 .business01-rg { padding: 0; } .sub-business .sub-business01 .business01-rg .rgbox { padding-right: calc(0rem * .5); padding-top: 110px; } .sub-business .sub-business01 .business01-rg .rgbox .rgtitle { padding-bottom: 32px; } .sub-business .sub-business01 .business01-rg .rgbox .rgtitle h2 { font-size: 48px; font-weight: 500; color: #333333; } .ensub-business .sub-business01 .business01-rg .rgbox .rgtitle h2 { font-size: 36px; } .sub-business .sub-business01 .business01-rg .rgbox .rgline { border: 2px solid #AF9879; width: 52px; margin-bottom: 36px; } .sub-business .sub-business01 .business01-rg .rgbox .rgtext { padding-bottom: 66px; } .sub-business .sub-business01 .business01-rg .rgbox .rgtext p { font-size: 16px; text-align: justify; color: #3D3D3D; } .ensub-business .sub-business01 .business01-rg .rgbox .rgtext p { font-size: 14px; text-align: start; } .sub-business .sub-business01 .business01-rg .rgbox ul .list .listimg { position: relative; left: 0; top: 0; } .sub-business .sub-business01 .business01-rg .rgbox ul .list .listimg::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #33333370; transition: all 0.5s ease; } .sub-business .sub-business01 .business01-rg .rgbox ul .danqian .listimg::after { background: #33333300; } .sub-business .sub-business01 .business01-rg .rgbox ul .list .listimg img { width: 100%; } .sub-business .sub-business02 { margin: auto; background: url(../images/subpage/businessimgbg.png) no-repeat; background-size: cover; background-position: top center; padding-bottom: 44px; margin-top: 94px; } .sub-business .sub-business02 .business02-lf { padding: 0; } .sub-business .sub-business02 .business02-lf .lfbox2 img { width: 100%; } .sub-business .sub-business02 .business02-rg { padding: 0; } .sub-business .sub-business02 .business02-rg .rgbox { padding: 0; padding-left: calc(13rem * .5); padding-top: 110px; } .sub-business .sub-business02 .business02-rg .rgbox .rgtitle { padding-bottom: 32px; } .sub-business .sub-business02 .business02-rg .rgbox .rgtitle h2 { font-size: 48px; font-weight: 500; color: #333333; } .ensub-business .sub-business02 .business02-rg .rgbox .rgtitle h2 { font-size: 36px; } .sub-business .sub-business02 .business02-rg .rgbox .rgline { border: 2px solid #AF9879; width: 52px; margin-bottom: 36px; } .sub-business .sub-business02 .business02-rg .rgbox .rgtext { padding-bottom: 66px; } .sub-business .sub-business02 .business02-rg .rgbox .rgtext p { font-size: 16px; text-align: justify; color: #3D3D3D; } .ensub-business .sub-business02 .business02-rg .rgbox .rgtext p { font-size: 14px; text-align: start; } .sub-business .sub-business02 .business02-rg .rgbox ul .list .listimg { position: relative; } .sub-business .sub-business02 .business02-rg .rgbox ul .list .listimg::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #33333370; transition: all 0.5s ease; } .sub-business .sub-business02 .business02-rg .rgbox ul .danqian .listimg::after { background: #33333300; } .sub-business .sub-business02 .business02-rg .rgbox ul .list .listimg img { width: 100%; } @media (max-width: 1400px) { .sub-business .sub-business01 .business01-lf { padding: 0; } .sub-business .sub-business01 .business01-rg { margin: auto; } .sub-business .sub-business01 .business01-rg .rgbox { padding-right: calc(0rem * .5); } .sub-business .sub-business02 .business02-rg { margin: auto; } .sub-business .sub-business02 .business02-rg .rgbox { padding: 0; } .sub-business .sub-business02 .business02-rg .rgbox ul { margin-bottom: 40px; } } @media (max-width: 499px) { .sub-business { padding-bottom: 0px; } .sub-business .sub-business01 { padding-bottom: 0px; margin-top: 0px; background-image: none; } .sub-business .sub-business01 .business01-lf { display: none; } .sub-business .sub-business01 .business01-rg .rgbox { padding-top: 38px; } .sub-business .sub-business01 .business01-rg .rgbox .rgtext { padding-bottom: 24px; } /* .sub-business .sub-business01 .business01-rg .rgbox ul { display: none; } */ .sub-business .sub-business01 .business01-rg .rgbox .rgtitle { padding-bottom: 18px; } .sub-business .sub-business01 .business01-rg .rgbox .rgtitle h2 { font-size: 28px; } .sub-business .sub-business02 { padding-bottom: 0px; margin-top: 0px; background-image: none; } .sub-business .sub-business02 .business02-rg .rgbox { padding-top: 38px; } .sub-business .sub-business02 .business02-rg .rgbox .rgtext { padding-bottom: 24px; } .sub-business .sub-business02 .business02-rg .rgbox .rgtextlas { padding-bottom: 60px; } /* .sub-business .sub-business02 .business02-rg .rgbox ul { display: none; } */ .sub-business .sub-business02 .business02-lf { display: none; } .sub-business .sub-business02 .business02-rg .rgbox .rgtitle { padding-bottom: 18px; } .sub-business .sub-business02 .business02-rg .rgbox .rgtitle h2 { font-size: 28px; } .sub-business .sub-business01 .business01-rg .rgbox ul { margin-right: calc(-.5 * 1rem); margin-left: calc(-.5 * 1rem); } .sub-business .sub-business01 .business01-rg .rgbox ul .list { padding-right: calc(1rem* .5); padding-left: calc(1rem * .5); } .sub-business .sub-business02 .business02-rg .rgbox ul { margin-right: calc(-.5 * 1rem); margin-left: calc(-.5 * 1rem); } .sub-business .sub-business02 .business02-rg .rgbox ul .list { padding-right: calc(1rem* .5); padding-left: calc(1rem * .5); } } /* 业务模块结束 */ /* 走进千惠开始 */ /* 荣誉 */ .sub-aboutry { background: #F5F5F5; } .sub-aboutry .aboutry-sack { margin: auto; padding-top: 64px; } .sub-aboutry .aboutry-sack .aboutry-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .lftitle h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .smalltitle h3 { font-family: Poppins-Light; font-size: 28px; color: #666666; } .ensub-aboutry .aboutry-sack .aboutry-top .toplf .smalltitle h3 { font-family: Noto Sans SC; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .smalltitle h3 span { color: #570B0F; } .sub-aboutry .aboutry-sack .aboutry-top .toprg>ul { display: flex; align-items: center; } .sub-aboutry .aboutry-sack .aboutry-top .toprg>ul .toprglist { margin-left: 40px; overflow: hidden; } .sub-aboutry .aboutry-sack .aboutry-top .toprg>ul .toprglist a { font-size: 16px; color: #AF9879; padding: 3px 17px; border: 1px solid #AF9879; border-radius: 50px; display: block; transition: all 0.5s ease; } .sub-aboutry .aboutry-sack .aboutry-top .toprg>ul .toprglist a:hover { color: #FFFFFF; border: 1px solid #AF9879; background: #AF9879; } .sub-aboutry .aboutry-sack .aboutry-top .toprg>ul .current a { color: #FFFFFF; border: 1px solid #AF9879; background: #AF9879; } .sub-aboutry .aboutry-sack .aboutry-btm>ul { margin-right: calc(-.5 * 2.5rem); margin-left: calc(-.5 * 2.5rem); margin-bottom: 30px; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist { padding-right: calc(2.5rem * .5); padding-left: calc(2.5rem * .5); margin-bottom: 40px; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox { background: #FFFFFF; padding: 22px; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox .btmtopimg { border: 1px solid #AF9879; margin-bottom: 22px; position: relative; cursor: pointer; padding: 14px; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox .btmtopimg img { width: 100%; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox .btmtopimg .zoom-in { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; background: #d9a655b4; transition: all 0.5s ease; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox:hover .btmtopimg .zoom-in { opacity: 1; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox .btmtopimg .zoom-in i { color: #FFFFFF; font-size: 22px; font-weight: bold; transform: scale(1.8); transition: all 0.5s ease; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox:hover .btmtopimg .zoom-in i { transform: scale(1); } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox .btmtoptext p { font-size: 18px; text-align: center; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox:hover .btmtoptext p { color: #AF9879; } #outerbox { width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 99999; } #outerbox .iconcha { top: 11%; right: 13vw; position: absolute; transition: ease 1s; } #outerbox .iconcha i { font-size: 30px; font-weight: bold; color: #FFFFFF; cursor: pointer; } #outerbox .iconcha:hover { transform: rotate(360deg); } #innerbox { position: absolute; z-index: 9999; top: 50% !important; transform: translateY(-50%) !important; } #innerbox #bigimg { cursor: grab; background: #ffffff; /* padding: 5px; */ border-radius: 7px; } @media (max-width: 1200px) { .sub-aboutry .aboutry-sack .aboutry-top { align-items: flex-start; flex-direction: column; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .smalltitle { padding-bottom: 40px; } .sub-aboutry .aboutry-sack .aboutry-top .toprg>ul .toprglist { margin-left: 0; margin-right: 40px; } .sub-aboutry .aboutry-sack .aboutry-btm>ul { margin-right: calc(-.5 * 1.5rem); margin-left: calc(-.5 * 1.5rem); } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist { padding-right: calc(1.5rem * .5); padding-left: calc(1.5rem * .5); } } @media (max-width: 499px) { .sub-aboutry .aboutry-sack { padding-top: 40px; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .lftitle { padding-bottom: 8px; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .lftitle h2 { font-size: 28px; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .smalltitle { padding-bottom: 20px; } .sub-aboutry .aboutry-sack .aboutry-top .toplf .smalltitle h3 { font-size: 18px; } .sub-aboutry .aboutry-sack .aboutry-btm>ul { margin-bottom: 20px; } .sub-aboutry .aboutry-sack .aboutry-top .toprg>ul .toprglist { margin-right: 8px; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist .btmbigbox { padding: 14px; } .sub-aboutry .aboutry-sack .aboutry-btm .btmlist { margin-bottom: 24px; } } /* 经历 */ .sub-aboutjl .aboutjl-sack .aboutjl-loca { margin: auto; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf { padding-left: 0; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox { background: url(../images/subpage/beijin.jpg) no-repeat; background-size: cover; background-position: bottom left; padding: 158px 120px 200px 120px; /* position: -webkit-sticky; position: sticky; top: 75px; */ } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .pictext { display: flex; align-items: center; padding-bottom: 30px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .pictext .imgbox { padding-right: 20px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .pictext .text p { font-size: 30px; font-weight: 500; color: #FFFFFF; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .line { border-bottom: 1px solid #ffffff70; margin-bottom: 40px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .jieshao { padding-bottom: 60px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .jieshao p { font-size: 16px; line-height: 27px; text-align: justify; color: #FFFFFF; } .ensub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .jieshao p { text-align: start; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .qianm { display: flex; justify-content: end; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg { padding-right: calc(9rem * .5); padding-left: calc(9.5rem * .5); padding-top: 80px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .title { padding-bottom: 8px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .title h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .smalltitle { padding-bottom: 60px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .smalltitle h3 { font-family: Poppins-Light; font-size: 28px; color: #666666; } .ensub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .smalltitle h3 { font-family: Noto Sans SC; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .smalltitle h3 span { color: #570B0F; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .text { padding-bottom: 36px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .text2 { padding-bottom: 66px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .text p { font-size: 16px; line-height: 28px; text-align: justify; color: #333333; text-indent: 2em; } .ensub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .text p { text-indent: 0em; text-align: start; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox { position: relative; margin-bottom: 40px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 { display: flex; align-items: center; justify-content: space-between; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conlf { background: #AF9879; border-radius: 50px; padding: 10px 28px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conlf p { font-size: 25px; font-weight: 500; color: #FFFFFF; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conrg a { border: 1px solid #AF9879; display: block; border-radius: 500px; padding: 10px 14px; background: #FFFFFF; transition: all 0.5s ease; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conrg a:hover { background: #AF9879; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conrg a i { color: #AF9879; font-weight: bold; font-size: 18px; transition: all 0.5s ease; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conrg a:hover i { color: #FFFFFF; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox2 { border-bottom: 1px solid #AF9879; content: ""; position: absolute; width: 100%; left: 0; top: 50%; z-index: -1; transform: translateY(-50%); } @media (max-width: 1536px) { .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox { padding: 90px 70px 140px 60px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .pictext .text p { font-size: 26px; } } @media (max-width: 1400px) { .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf { padding: 0; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg { padding-right: calc(0rem * .5); padding-left: calc(0rem * .5); margin: auto; } } @media (max-width: 499px) { .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox { padding: 34px 20px 46px 20px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .line { margin-bottom: 30px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-lf .lfbox .jieshao { padding-bottom: 30px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg { padding-top: 30px; padding-bottom: 30px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .title h2 { font-size: 30px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .smalltitle { padding-bottom: 24px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .smalltitle h3 { font-size: 24px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox { margin-bottom: 30px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conlf p { font-size: 20px; } .sub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .text2 { padding-bottom: 30px; } .ensub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .text p { font-size: 14px; line-height: 21px; } .ensub-aboutjl .aboutjl-sack .aboutjl-loca .aboutjl-rg .rgbox .contextbox .conbox1 .conlf { padding: 7px 10px; } } /* 关于千惠 */ .sub-aboutqhui .aboutqhui01 { background: url(../images/subpage/aboutqhui01bg.jpg)no-repeat; background-size: cover; background-position: top center; background-attachment: fixed; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack { margin: auto; padding-top: 80px; padding-bottom: 98px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-title { padding-bottom: 8px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-smalltitle { padding-bottom: 52px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; text-transform: uppercase; color: #666666; text-align: center; } .ensub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-smalltitle h3 { font-family: Noto Sans SC; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-smalltitle h3 span { color: #570B0F; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-text { padding-bottom: 64px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-text p { font-size: 16px; line-height: 28px; text-align: justify; color: #333333; } .ensub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-text p { text-align: start; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-img { display: flex; justify-content: end; } @media (max-width: 499px) { .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack { padding-top: 40px; padding-bottom: 60px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-title h2 { font-size: 28px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-smalltitle { padding-bottom: 34px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-smalltitle h3 { font-size: 18px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-text { padding-bottom: 40px; } .sub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-img img { width: 74%; } .ensub-aboutqhui .aboutqhui01 .aboutqhui01-sack .aboutqhui01-text p { font-size: 14px; line-height: 21px; } } .sub-aboutqhui .aboutqhui02 { background: url(../images/subpage/aboutqhui02bg.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack { margin: auto; padding-top: 104px; padding-bottom: 90px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf .aboutqhui02lftitle { padding-bottom: 8px; padding-top: 10px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf .aboutqhui02lftitle h2 { font-size: 38px; font-weight: 500; color: #FFFFFF; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf .aboutqhui02lfsmalltitle h3 { font-family: Poppins-Light; font-size: 28px; text-transform: uppercase; color: #FFFFFF; } .ensub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf .aboutqhui02lfsmalltitle h3 { font-family: Noto Sans SC; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02rg-titlt { display: flex; padding-bottom: 20px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02rg-titlt h2 { font-size: 16px; font-weight: 500; color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 50px; padding: 8px 14px; text-align: center; /* width: 125px; */ } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02rg-text { padding-bottom: 20px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02rg-text p { font-size: 25px; text-align: justify; color: #FFFFFF; } .ensub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02rg-text p { text-align: start; font-size: 20px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02-line { border-bottom: 1px solid #ffffff7b; width: 100%; margin-bottom: 30px; } @media (max-width: 1400px) { .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf { padding-bottom: 40px; } } @media (max-width: 499px) { .sub-aboutqhui .aboutqhui02 { background-attachment: local; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack { padding-top: 50px; padding-bottom: 40px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf .aboutqhui02lftitle h2 { font-size: 28px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf .aboutqhui02lfsmalltitle h3 { font-size: 18px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02rg-text p { font-size: 18px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-lf { padding-bottom: 20px; } .sub-aboutqhui .aboutqhui02 .aboutqhui02-sack .aboutqhui02-loca .aboutqhui02-rg .aboutqhui02-line { margin-bottom: 22px; } } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca { margin: auto; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf { padding: 0; position: relative; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lfimg { overflow: hidden; width: 0; height: 100%; transition: all 1s ease; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lfimg img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext { position: absolute; bottom: 0; left: 0; background: #AF9879; padding: 64px 40px 56px; } .ensub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext { padding: 46px 40px 56px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext .lfname p { font-size: 38px; font-weight: 500; color: #FFFFFF; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext .lfname p span { font-size: 36px; text-transform: uppercase; margin-left: 12px; } .ensub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext .lfname p span { margin-left: 0px; text-transform: capitalize; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext .lfzhiwei { position: relative; padding-bottom: 12px; margin-bottom: 16px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext .lfzhiwei::after { position: absolute; content: ""; width: 100%; left: 0; bottom: 0; border-bottom: 2.5px solid #FFFFFF; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext .lfzhiwei p { font-size: 38px; font-weight: 500; color: #FFFFFF; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf .aboutqhui03-lftext .lfyyu p { font-size: 18px; color: #FFFFFF; font-weight: normal; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg { padding-right: calc(28rem * .5); padding-left: calc(9rem * .5); padding-top: 90px; padding-bottom: 40px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-title { padding-bottom: 20px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-title h2 { font-size: 42px; font-weight: 500; color: #570B0F; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-smalltitle { padding-bottom: 40px; } .ensub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-smalltitle { padding-bottom: 28px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-smalltitle h3 { font-size: 24px; line-height: 37px; color: #666666; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-line { border-bottom: 2.5px solid #570B0F; margin-bottom: 40px; } .ensub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-line { margin-bottom: 20px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text1 { padding-bottom: 60px; } .ensub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text1 { padding-bottom: 24px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text1 p { font-size: 16px; font-weight: 500; line-height: 28px; text-align: justify; color: #333333; } .ensub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text1 p { text-align: start; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text2 { padding-bottom: 40px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text2 p { font-size: 16px; line-height: 28px; text-align: justify; color: #666666; } .ensub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text2 p { text-align: start; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox { display: flex; align-items: center; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox .btnimg { border: 1px solid #CFCFCF; display: flex; align-items: center; padding: 24px 20px; border-radius: 50%; margin-right: 10px; position: relative; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox .btnimg::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #570B0F; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: all 1s; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox:hover .btnimg::before { transform: translate(-50%, -50%) scale(1, 1); } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox .btnimg img { z-index: 10; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox .btnimg .img2 { display: none; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox:hover .btnimg .img1 { display: none; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox:hover .btnimg .img2 { display: block; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox .btntext .btntextp { padding-bottom: 6px; border-bottom: 1px solid #CFCFCF; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox .btntext .btntextp p { font-size: 14px; color: #838383; transition: all 0.5s ease; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox:hover .btntext .btntextp p { color: #570B0F; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg a .btnbox .btntext .btntextp p i { font-size: 16px; margin-left: 20px; } @media (max-width: 1536px) { .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg { padding-right: calc(24rem * .5); } } @media (max-width: 1400px) { .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg { padding-right: calc(var(--bs-gutter-x) * .5); } } @media (max-width: 1200px) { .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-lf { display: none; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg { padding-right: calc(0rem * .5); padding-left: calc(0rem * .5); margin: auto; } } @media (max-width: 499px) { .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg { padding-top: 50px; padding-bottom: 40px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-title h2 { font-size: 28px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-smalltitle { padding-bottom: 22px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-smalltitle h3 { font-size: 18px; line-height: 26px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-line { margin-bottom: 30px; } .sub-aboutqhui .aboutqhui03 .aboutqhui03-loca .aboutqhui03-rg .ab03rg-text1 { padding-bottom: 28px; } } .sub-aboutqhui .aboutqhui04 { background: url(../images/subpage/ab04bg.png) no-repeat; background-size: cover; background-position: center; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack { margin: auto; padding-top: 120px; padding-bottom: 120px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lftitle h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfsmalltitle { padding-bottom: 54px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfsmalltitle h3 { text-transform: uppercase; font-family: Poppins-Light; font-size: 28px; color: #666666; } .ensub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfsmalltitle h3 { font-family: Noto Sans SC; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfsmalltitle h3 span { color: #570B0F; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox { margin-bottom: 40px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul { display: flex; flex-direction: column; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul .toprglist { max-width: 100px; margin-bottom: 16px; } .ensub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul .toprglist { max-width: fit-content; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul .toprglist a { color: #333333; padding: 3px 17px; border: 1px solid #333333; border-radius: 50px; display: block; font-size: 16px; transition: all 0.5s ease; } .ensub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul .toprglist a { padding: 4px 16px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul .current a { color: #FFFFFF; background: #AF9879; border: 1px solid #33333300; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox { display: flex; align-items: center; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox .btnimg { border: 1px solid #333333; display: flex; align-items: center; padding: 24px 20px; border-radius: 50%; margin-right: 10px; position: relative; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox .btnimg::before { content: ""; display: block; width: 100%; height: 100%; border-radius: 50%; background: #570B0F; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0, 0); transition: all 1s; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox:hover .btnimg::before { transform: translate(-50%, -50%) scale(1, 1); } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox .btnimg img { z-index: 10; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox .btnimg .img2 { display: none; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox:hover .btnimg .img1 { display: none; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox:hover .btnimg .img2 { display: block; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox .btntext .btntextp { padding-bottom: 6px; border-bottom: 1px solid #333333ce; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox .btntext .btntextp p { font-size: 14px; color: #333333; transition: all 0.5s ease; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox:hover .btntext .btntextp p { color: #570B0F; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox .btntext .btntextp p i { font-size: 16px; margin-left: 20px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist { margin-bottom: 26px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox { background: #FFFFFF; padding: 22px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox .btmtopimg { border: 1px solid #AF9879; margin-bottom: 22px; position: relative; cursor: pointer; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox .btmtopimg img { width: 100%; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox .btmtopimg .zoom-in { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; background: #d9a655b4; transition: all 0.5s ease; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox:hover .btmtopimg .zoom-in { opacity: 1; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox .btmtopimg .zoom-in i { color: #FFFFFF; font-size: 22px; font-weight: bold; transform: scale(1.8); transition: all 0.5s ease; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox:hover .btmtopimg .zoom-in i { transform: scale(1); } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox .btmtoptext p { font-size: 18px; text-align: center; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; transition: all 0.5s ease; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox:hover .btmtoptext p { color: #AF9879; } @media (max-width: 1400px) { .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul { flex-direction: row; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul .toprglist { margin-bottom: 0; margin-right: 12px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf a .btnbox { margin-bottom: 30px; } } @media (max-width: 499px) { .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack { padding-top: 50px; padding-bottom: 30px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lftitle h2 { font-size: 28px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfsmalltitle h3 { font-size: 18px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfsmalltitle { padding-bottom: 24px; } .sub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-rg .aboutry-btm .btmlist .btmbigbox { padding: 14px; } .ensub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul { flex-direction: column; } .ensub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox ul .toprglist { margin-bottom: 10px; } .ensub-aboutqhui .aboutqhui04 .aboutqhui04-sack .aboutqhui04-loca .aboutqhui04-lf .ab04lfbox { margin-bottom: 16px; } } .sub-aboutqhui .aboutqhui05 { background: url(../images/subpage/ab05bg.png) no-repeat; background-size: cover; background-position: center; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack { margin: auto; padding-top: 166px; padding-bottom: 146px; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-title { padding-bottom: 8px; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; text-align: center; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-smalltitle { padding-bottom: 60px; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-smalltitle h3 { font-size: 28px; font-family: Poppins-Light; text-transform: uppercase; color: #666666; text-align: center; } .ensub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-smalltitle h3 { font-family: Noto Sans SC; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-smalltitle h3 span { color: #570B0F; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-loca { margin-right: calc(-.5 * 0.8rem); margin-left: calc(-.5 * 0.8rem); } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-loca .ab05-list { margin-bottom: 12px; padding-right: calc(0.8rem * .5); padding-left: calc(0.8rem * .5); } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-loca .ab05-list .imgbox { overflow: hidden; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-loca .ab05-list .imgbox img { width: 100%; transition: all 0.5s ease; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-loca .ab05-list .imgbox:hover img { transform: scale(1.1); } @media (max-width: 499px) { .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack { padding-top: 40px; padding-bottom: 50px; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-title h2 { font-size: 28px; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-smalltitle { padding-bottom: 24px; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-smalltitle h3 { font-size: 18px; } .sub-aboutqhui .aboutqhui05 .aboutqhui05-sack .ab05-loca .ab05-list { margin-bottom: 8px; } } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack { margin: auto; padding-top: 78px; padding-bottom: 60px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-title { padding-bottom: 8px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-title h2 { font-size: 38px; font-weight: 500; color: #570B0F; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-smalltitle { padding-bottom: 30px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-smalltitle h3 { font-family: Poppins-Light; font-size: 28px; text-transform: uppercase; color: #666666; } .ensub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-smalltitle h3 { font-family: Noto Sans SC; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-smalltitle h3 span { color: #570B0F; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-text p { font-size: 16px; line-height: 28px; text-align: justify; /* 浏览器可能不支持 */ color: #333333; } .ensub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-text p { text-align: start; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm { position: relative; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btmditu img { width: 100%; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btmditu .img2 { display: none; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-lfimg .ab06btmimgbox { position: absolute; top: 0; left: 0; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-lfimg .ab06btmimgbox img { width: 100%; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-rgtrxt { position: absolute; top: 30px; right: 0; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-rgtrxt .ab06btm-title { min-width: 130px; padding-bottom: 10px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-rgtrxt .ab06btm-title h2 { font-size: 18px; font-weight: 500; color: #333333; text-align: center; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-rgtrxt ul .list { min-width: 130px; border: 1px solid #AF9879; border-radius: 5px; margin-bottom: 10px; cursor: pointer; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-rgtrxt ul .list p { font-size: 18px; color: #333333; text-align: center; padding: 6px 0; transition: all 0.5s ease; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-rgtrxt ul .list.current p { color: #FFFFFF; background: #AF9879; } @media (max-width: 1200px) { .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-rgtrxt { display: none; } } @media (max-width: 499px) { .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack { padding-top: 40px; padding-bottom: 46px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-title h2 { font-size: 28px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-smalltitle { padding-bottom: 18px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06top .ab06-smalltitle h3 { font-size: 18px; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btmditu .img1 { display: none; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btmditu .img2 { display: block; } .sub-aboutqhui .aboutqhui06 .aboutqhui06-sack .ab06btm .ab06btm-lfimg .ab06btmimgbox { display: none; } } /* 走进千惠结束 */ /* 脚丫子开始 */ #footer { background: #333333; position: relative; overflow: hidden; } #footer .footer-sack { margin: auto; padding-top: 100px; padding-bottom: 74px; z-index: 2; position: relative; } #footer .footer-sack .footer-top { padding-bottom: 3px; } #footer .footer-sack .footer-top .top-loca .toplf { padding-right: calc(8.5rem * .5); } .enfooter .footer-sack .footer-top .top-loca .toplf { padding-right: calc(var(--bs-gutter-x) * .5) !important; } #footer .footer-sacks .footer-top .top-loca .toplf .lfloca .lflist { opacity: 0; visibility: hidden; transform: translateX(40PX); transition: 0.98s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist { opacity: 1; visibility: visible; transform: translateX(0%); transition: 0.98s 0.8s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(1) { transition-delay: 0.8s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(2) { transition-delay: 0.9s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(3) { transition-delay: 1s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(4) { transition-delay: 1.1s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(5) { transition-delay: 1.2s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(6) { transition-delay: 1.3s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(7) { transition-delay: 1.4s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(8) { transition-delay: 1.5s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(9) { transition-delay: 1.6s; } #index-wrap>.swiper-wrapper>.swiper-slide-active #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist:nth-child(10) { transition-delay: 1.7s; } #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist>a p { font-size: 16px; font-weight: 500; color: #FFFFFF; margin-bottom: 24px; } #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist>dl dd { padding-bottom: 10px; } #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist>dl dd a p { font-size: 14px; color: #8D8D8D; transition: all 0.5s ease; } #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist>dl dd a:hover p { color: #FFFFFF; transform: translateX(5px); } #footer .footer-sack .footer-top .top-loca .toprg { display: flex; flex-direction: column; align-items: flex-end; padding-left: 0; } #footer .footer-sack .footer-top .top-loca .toprg .tdcodebox .tdcode-img { display: flex; justify-content: center; padding-bottom: 12px; } #footer .footer-sack .footer-top .top-loca .toprg .tdcodebox .tdcode-img img { max-width: 102px; } #footer .footer-sack .footer-top .top-loca .toprg .tdcodebox .tdcode-text p { font-size: 14px; color: #FFFFFF; text-align: center; } #footer .footer-sack .footer-mi { /* display: flex; */ justify-content: end; padding-bottom: 86px; } #footer .footer-sack .footer-mi .mi-hotlinebox1 { text-align: end; } #footer .footer-sack .footer-mi .mi-hotlinebox { display: flex; /* text-align: end; */ align-items: center; justify-content: end; padding-bottom: 8px; } #footer .footer-sack .footer-mi .mi-hotlinebox i { color: #FFFFFF; padding: 3px 7px; background: #E2C297; border-radius: 50px; margin-right: 13px; } #footer .footer-sack .footer-mi .mi-hotlinebox p { font-size: 14px; color: #FFFFFF; } #footer .footer-sack .footer-mi .mi-phone { padding-bottom: 22px; } #footer .footer-sack .footer-mi .mi-phone p { text-align: end; } #footer .footer-sack .footer-mi .mi-phone p a { font-size: 30px; font-weight: 500; color: #E2C297; background: linear-gradient(to right, #E2C297, #E2C297) no-repeat right 80%; background-size: 0px 1px; transition: background-size 0.5s; padding-bottom: 10px; } #footer .footer-sack .footer-mi .mi-phone p a:hover { background-position: left 80%; background-size: 100% 1px; } #footer .footer-sack .footer-mi .mi-title { padding-bottom: 26px; } #footer .footer-sack .footer-mi .mi-title h2 { font-size: 20px; font-weight: 500; color: #FFFFFF; text-align: end; } #footer .footer-sack .footer-mi .mi-address p { font-size: 14px; color: #8D8D8D; text-align: end; } #footer .footer-sack .footer-btm { display: flex; align-items: center; } #footer .footer-sack .footer-btm .btm-lf .copyright p a { font-size: 14px; color: rgb(102, 102, 102); margin-right: 10px; } #footer .footer-sack .footer-btm .btm-rg .techno p a { font-size: 14px; color: rgb(102, 102, 102); } #footer .footerhua { position: absolute; right: -18%; bottom: -51%; z-index: 0; opacity: 0.2; animation: rotation 30s linear infinite; width: 42vw; height: 42vw; } #footer .footerhua .huabox img { width: 100%; } @keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @media (max-width: 1400px) { #footer .footer-sack .footer-top .top-loca .toplf { padding-right: calc(1.5rem * .5); } #footer .footer-sack .footer-top .top-loca .toprg { align-items: flex-start; padding-top: 30px; padding-bottom: 40px; } #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist { margin-bottom: 20px; } } @media (max-width: 992px) { #footer .footer-sack .footer-btm { align-items: flex-start; flex-direction: column; } } @media (max-width: 499px) { #footer .footer-sack { padding-top: 26px; padding-bottom: 20px; } #footer .footer-sack .footer-top .top-loca .toplf .lfloca { display: none; margin-right: calc(-.5 * 0.5rem); margin-left: calc(-.5 * 0.5rem); } #footer .footer-sack .footer-top .top-loca .toplf .lfloca .lflist { padding-right: calc(0.5rem * .5); padding-left: calc(0.5rem * .5); } /* #footer .footer-sack .footer-top .top-loca .toprg { display: none; } */ #footer .footer-sack .footer-top .top-loca .toprg { align-items: flex-start; padding-top: 0; padding-bottom: 13px; display: block; /* display: none; */ } .footer .footer-sack .footer-top .top-loca .toprg { display: none !important; } #footer .footer-sack .footer-top .top-loca .toprg .tdcodebox .tdcode-img img { max-width: 80px; } #footer .footer-sack .footer-mi { justify-content: start; padding-bottom: 24px; } #footer .footer-sack .footer-mi .mi-phone { padding-bottom: 5px; } #footer .footer-sack .footer-mi .mi-title { padding-bottom: 20px; } #footer .footer-sack .footer-mi .mi-hotlinebox { justify-content: start; } #footer .footer-sack .footer-mi .mi-phone p { text-align: start; } #footer .footer-sack .footer-mi .mi-title h2 { text-align: start; } #footer .footer-sack .footer-mi .mi-address p { text-align: start; } #footer .footerhua { right: -43%; bottom: -29%; width: 84vw; height: 84vw; } #footer .footer-sack .footer-mi .mi-phone p a { margin-bottom: 10px; } } /* 脚丫子结束 */ .footTfourbox { position: fixed; bottom: 13%; right: 1%; z-index: 99999; } .footTfourbox:hover { cursor: pointer; } .footTfourbox .fanhuibox { /* display: none; */ opacity: 0; transform: scale(.1); transition: all .36s; } .footTfourbox .fanhuibox .imgbix img { width: 60px; } .footTfourbox .fanhuibox .imgbix { max-width: 60px; /* max-height: 47px; */ margin: auto; } .footTfourbox .fanhuibox .wenzibox h2 { font-family: Noto Sans SC; font-size: 14px; font-weight: 500; line-height: 33px; text-align: center; letter-spacing: 0.04em; color: #1687DE; } .mc_gotop.mc1_show { opacity: 1; transform: scale(1); } @media (max-width: 499px) { .footTfourbox { bottom: 8%; right: 3%; } .footTfourbox .fanhuibox .imgbix img { width: 46px; } } @media (max-width: 1100px) { #ind06-wrap-radio .warp .videobbg { flex-direction: column-reverse; align-items: flex-end; } #ind06-wrap-radio .close_btn .iconfont { font-size: 26px; } #ind06-wrap-radio .close_btn { width: 30px; height: 30px; } } a:hover { cursor: pointer; }