html {
/*font-family: HarmonyOS_Sans_SC_Medium;*/
font-size: 62.5%;
}
body {
}
input[type=checkbox], input[type=radio] {
margin: 0!important;
line-height: normal;
}
a:focus {
text-decoration: none!important;
}
button {
border: 0;
outline: none;
}
/* 版心 */
.core {
/*width: 184rem;*/
/*width: 96%;*/
width: 1400px;
margin: 0 auto;
}
.w1200 {
width: 1200px;
}
/* header start */
.header-wrap {
position: fixed;
left: 50%;
top: 0;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
display: flex;
align-items: center;
background: #FFFFFF;
/*border-bottom: 1px solid #F0F2F1;*/
width: 100%;
z-index: 999;
}
.header {
/*display: flex;
justify-content: space-between;
align-items: center;*/
/*height: 138px;*/
width: 100%;
}
/* logo start */
.header-top-wrap {
width: 100%;
border-bottom: 1px solid #F0F2F1;
}
.header-top {
display: flex;
justify-content: space-between;
align-items: center;
height: 90px;
}
.header-t-left {
display: flex;
align-items: center;
}
.header-t-left span {
width: 1px;
height: 49px;
margin: 0 12px;
background: #332C2B93;
}
.header-t-left .txt {
display: flex;
flex-direction: column;
justify-content: center;
}
.header-t-left .txt p {
font-size: 18px;
font-weight: bold;
color: #332C2B;
margin-top: 3px;
}
.header-t-right {
display: flex;
align-items: center;
}
.header-t-right .t-right-txt {
margin-left: 6px;
}
.header-t-right img {
width: 70px;
}
.t-right-txt .phone {
font-size: 16px;
font-weight: bold;
color: #333333;
}
.t-right-txt .fuwu {
font-size: 10px;
color: #333333;
}
.header-nav-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 48px;
}
.header-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
/* logo end */
.header-l img {
width: 18.8rem;
height: 11.1rem;
}
.header-r {
height: 100%;
}
.header-r ul {
display: flex;
align-items: center;
height: 100%;
}
.header-r ul li {
height: 100%;
}
.header-r ul li a {
display: block;
padding: 0 4.5rem;
height: 100%;
line-height: 46px;
font-size: 16px;
color: #99A59E;
}
.header-r ul li a:hover {
/*background: rgba(2, 150, 66, 0.14);*/
color: #029642;
font-weight: bold;
border-bottom: 2px solid #029642;
}
.header-r ul li a.active {
/*background: rgba(2, 150, 66, 0.14);*/
color: #029642;
font-weight: bold;
border-bottom: 2px solid #029642;
}
/* pc端下拉 */
.slide-wrap {
display: none;
position: absolute;
top: 138px;
left: 0;
width: 100%;
/*height: 284px;*/
/*height: 200px;*/
background: rgba(255, 255, 255, 0.8);
padding: 20px 0;
}
.slide-wrap .slide {
display: flex;
justify-content: center;
align-items: center;
width: 96%;
}
.slide-wrap .slide li {
height: 100%;
/*margin-top: 20px;*/
}
.slide-wrap .slide li a {
display: block;
padding: 0 4.5rem;
height: 100%;
line-height: 5rem;
font-size: 16px;
color: #666666;
text-align: center;
}
.slide-wrap .slide li a:hover {
/*background: rgba(2, 150, 66, 0.14);*/
color: #029642;
font-weight: 500;
}
.menu {
display: none;
width: 7.2rem;
height: 7.2rem;
}
.menu img {
width: 100%;
}
.move-nav {
display: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
/*padding: 20px 0;*/
background: #FFFFFF;
/*transition: all 1s;*/
}
.nav-header {
display: flex;
justify-content: flex-end;
align-items: center;
height: 70px;
padding: 0 15px;
border-bottom: 1px solid #F0F2F1;
}
.move-close {
width: 7.2rem;
height: 7.2rem;
}
.move-close img {
width: 100%;
}
.nav-slider li {
/*padding: 0 20px;*/
border-bottom: 1px solid #F0F2F1;
}
.nav-slider li div {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 20px;
}
.nav-slider li div a {
display: block;
width: 100%;
line-height: 65px;
font-size: 16px;
color: #99A59E;
}
.nav-slider li div a.active {
font-weight: bold;
color: #029642;
}
.nav-slider li div i {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-top: 1px solid #99A59E;
border-right: 1px solid #99A59E;
transform: rotate(45deg);
}
.nav-slider li div .nav-dd {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 4rem;
height: 4rem;
color: #333333;
line-height: 4rem;
font-size: 16px;
text-align: center;
z-index: 12;
}
.nav-slider li div .nav-dd span {
position: absolute;
top: 0;
left: 0;
width: 100%;
font-weight: bold;
font-size: 16px;
color: #99A59E;
}
.nav-dd .yes {
display: block;
}
.nav-dd .no {
display: none;
}
.nav-slider li dl {
display: none;
font-size: 16px;
}
.nav-slider li dl dd {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
background: #F0F2F1;
}
.nav-slider li dl dd a {
display: block;
width: 100%;
line-height: 65px;
color: #66786E;
}
.nav-slider li dl dd i {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border-top: 1px solid #99A59E;
border-right: 1px solid #99A59E;
transform: rotate(45deg);
}
/* header end */
/* banner start */
.banner {
width: 100%;
margin-top: 138px;
}
.banner img {
width: 100%;
}
/* banner end */
/* footer start */
.footer-wrap {
width: 100%;
background: #001B0C;
}
.footer-header {
border-bottom: 1px solid #F5F5F5;
}
.footer {
display: flex;
justify-content: space-between;
padding: 3rem 0;
}
.footer-l {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 35%;
}
.footer-l ul {
display: flex;
flex-wrap: wrap;
}
.footer-l ul li {
font-size: 14px;
color: #F5FAF7;
width: 50%;
}
.footer-l .tpl img {
width: 35px;
height: 34px;
}
.footer-l .fax img {
width: 34px;
height: 34px;
}
.footer-l .phone img {
width: 34px;
height: 34px;
}
.footer-l .address img {
width: 34px;
height: 34px;
}
.footer-r {
display: flex;
align-items: center;
}
.footer-r .erweima {
width: 102px;
height: 102px;
}
.footer-r span {
width: 1px;
height: 100px;
margin: 0 4rem;
background: #F0F2F1;
}
.footer-r .footer-logo {
display: flex;
justify-content: center;
align-items: center;
width: 247px;
height: 104px;
border: 2px solid rgba(245, 250, 247, 1);
border-radius: 8px;
}
/*.footer-r .footer-logo img {*/
/* width: 17.1rem;*/
/* height: 4.9rem;*/
/*}*/
.footer-bottom {
height: 100%;
line-height: 5rem;
font-size: 14px;
color: #F5FAF7;
text-align: center;
}
.footer-bottom a{
color: #F5FAF7;
}
/* footer end */
/* service start */
.service-wrap {
margin-top: 10rem;
}
.service .service-title {
position: relative;
display: flex;
justify-content: center;
font-size: 8rem;
font-weight: bold;
color: #F0F2F1;
}
.service .service-title span {
position: absolute;
/*left: 50%;*/
bottom: 2rem;
/*transform: translateX(-50%);*/
font-size: 28px;
font-weight: bold;
color: #001B0C;
}
.service-content ul {
display: flex;
flex-wrap: wrap;
margin-top: 4rem;
}
.service-content ul li {
width: 25%;
padding: 40px 30px 20px;
border: 2px solid #FFFFFF;
}
.service-content ul li:hover {
background: rgba(245, 250, 247, 1);
border: 2px solid rgba(2, 150, 66, 1);
border-radius: 8px;
}
.service-content ul li a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.service-content ul li img {
width: 64px;
height: 64px;
}
.service-content ul li .icon {
content: '';
display: inline-block;
width: 64px;
height: 64px;
background-repeat: no-repeat;
background-size: 100%;
}
.service-content ul li .icon.song {
background-image: url(../images/song.png);
}
.service-content ul li .icon.bao {
background-image: url(../images/bao.png);
}
.service-content ul li .icon.shi {
background-image: url(../images/shi.png);
}
.service-content ul li .icon.cai {
background-image: url(../images/cai.png);
}
.service-content ul li.song:hover .icon.song {
background-image: url(../images/song-a.png);
}
.service-content ul li.bao:hover .icon.bao {
background-image: url(../images/bao-a.png);
}
.service-content ul li.shi:hover .icon.shi {
background-image: url(../images/shi-a.png);
}
.service-content ul li.cai:hover .icon.cai {
background-image: url(../images/cai-a.png);
}
.service-content ul li div {
padding: 5rem 0 1rem 0;
font-size: 18px;
font-weight: bold;
color: #001E0D;
}
.service-content ul li p {
line-height: 2em;
margin-bottom: 10px;
font-size: 14px;
color: #334B3D;
text-align: center;
}
.service-content ul li .link img {
visibility: hidden;
width: 40px;
height: 40px;
}
.service-content ul li:hover .link img {
visibility: visible;
}
/* service end */
/* 我们的承诺 start */
.promise-wrap {
margin-top: 10rem;
/*margin-top: 50rem;*/
}
.promise .promise-title {
position: relative;
display: flex;
justify-content: center;
font-size: 8rem;
font-weight: bold;
color: #F0F2F1;
}
.promise .promise-title span {
position: absolute;
/*left: 50%;*/
bottom: 2rem;
/*transform: translateX(-50%);*/
font-size: 28px;
font-weight: bold;
color: #001B0C;
}
.promise-content {
display: flex;
justify-content: space-between;
margin-top: 8rem;
}
.promise-content-left {
width: 24%;
}
.promise-content-center {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 49%;
}
.promise-content-right {
width: 24%;
}
.promise-content-left .line {
width: 48px;
height: 4px;
margin: 1rem 0;
background: #C9CECA;
}
.promise-content-left .des {
padding: 3rem 0;
}
.promise-content-left .des p {
font-size: 32px;
color: #C9CECA;
}
.promise-content-left .left-img {
position: relative;
overflow: hidden;
}
.promise-content-left .left-img:hover img {
transform: scale(1.2);
}
.promise-content-left .left-img img {
width: 100%;
transition: all 0.6s;
}
.promise-content-left .mask {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 2.2rem 3rem;
font-size: 24px;
/*background: rgba(0,0,0,0.4);*/
background: rgba(0,0,0,0.8);
color: #F0F2F1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.promise-c-head {
display: flex;
justify-content: space-between;
height: 48.5%;
}
.promise-c-head .head-l {
width: 62%;
background: linear-gradient(0, rgba(180, 199, 8, 1) 0%, rgba(53, 171, 104, 1) 100%);
}
.promise-c-head .head-r {
width: 35%;
overflow: hidden;
}
.promise-c-head .head-r:hover img {
transform: scale(1.2);
}
.promise-c-head .head-r img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.head-l {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 2rem;
}
.head-l .t {
font-size: 24px;
color: #FFFFFF;
}
.head-l .line {
width: 40px;
height: 1px;
margin: 2rem 4rem;
background: #F5FAF7;
}
.head-l p {
font-size: 14px;
line-height: 2em;
color: #F5FAF7;
text-align: center;
}
.head-r {
position: relative;
}
.head-r .mask {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 2.2rem 3rem;
font-size: 24px;
/*background: rgba(0,0,0,0.4);*/
background: rgba(0,0,0,0.8);
color: #F0F2F1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.promise-c-bottom {
display: flex;
justify-content: space-between;
height: 48.5%;
}
.promise-c-bottom .head-l {
width: 35%;
padding: 0 2rem;
background: linear-gradient(0, rgba(53, 171, 104, 1) 0%, rgba(98, 184, 33, 1) 100%)
}
.promise-c-bottom .head-r {
width: 62%;
overflow: hidden;
}
.promise-c-bottom .head-r:hover img {
transform: scale(1.2);
}
.promise-c-bottom .head-r img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.promise-content-right .head-l {
height: 100%;
background: linear-gradient(0, rgba(98, 184, 33, 1) 0%, rgba(187, 205, 36, 1) 100%);
}
/* 我们的承诺 end */
/* 新闻资讯 */
.news-wrap {
}
.news {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 10rem 0;
}
.news .news-l {
width: 12%;
}
.news .news-c {
width: 25%;
}
.news-l .title .en {
font-size: 56px;
font-weight: bold;
color: #001B0C;
}
.news-l .title .ch {
font-size: 28px;
font-weight: bold;
color: #001B0C;
}
.news-l .see-all {
display: flex;
justify-content: center;
align-items: center;
width: 16rem;
height: 4rem;
line-height: 4rem;
margin-top: 10rem;
border: 0.5px solid rgba(153, 165, 158, 1);
border-radius: 4px;
text-align: center;
font-size: 12px;
color: #99A59E;
}
.news-l .see-all:hover {
background: #029642;
color: #FFFFFF;
border: 0.5px #029642;
}
.news-l .see-all i {
content: '';
display: inline-block;
width: 12px;
height: 5px;
margin-left: 0.5rem;
background: url(../images/news-l.png) no-repeat;
background-size: 100%;
}
.news-c {
margin-top: 95px;
}
.news-c .title {
display: inline-block;
padding: 10px 0;
font-size: 18px;
font-weight: bold;
color: #001B0C;
border-bottom: 4px solid #001B0C;
border-radius: 4px;
}
.news-c-list {
padding-top: 4rem;
}
.news-c-list .c-item {
border-bottom: 1px solid #F5F6F6;
}
.news-c-list .c-item:hover .t {
color: #029642;
}
.news-c-list .c-item:nth-child(1) {
border-top: 1px solid #F5F6F6;
}
.news-c-list .c-item a {
display: flex;
justify-content: space-between;
align-items: center;
}
.news-c-list .c-item .c-item-left {
width: 92%;
padding: 4rem 0;
}
.c-item-left .time span {
margin-right: 2rem;
font-size: 14px;
color: #999999;
}
.c-item-left .t {
margin-top: 2rem;
font-size: 18px;
font-weight: 500;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-c-list .c-item .c-item-right {
width: 7%;
}
.news-c-list .c-item .c-item-right i {
content: '';
display: inline-block;
width: 22px;
height: 8px;
background: url(../images/news-list-r.png) no-repeat;
background-size: 100%;
}
/* 新闻资讯 */
/* 公司介绍 start */
.hkjj-container {
max-width: 1400px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
padding: 40px 20px;
font-family: "Source Han Sans CN", "Microsoft YaHei", sans-serif;
color: #333;
border-radius: 8px;
background-color: #fff;
}
.hkjj-text {
flex: 1 1 600px;
padding: 30px 40px 30px 30px;
box-sizing: border-box;
}
.hkjj-image {
flex: 1 1 600px;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
box-sizing: border-box;
}
.hkjj-en-title {
font-size: 18px;
font-weight: 600;
color: #35ab68;
letter-spacing: 2px;
margin-bottom: 10px;
text-transform: uppercase;
}
.hkjj-cn-title {
font-size: 36px;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 25px;
position: relative;
padding-bottom: 15px;
}
.hkjj-cn-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 70px;
height: 4px;
background-color: #35ab68;
}
.hkjj-description {
font-size: 17px;
line-height: 1.8;
margin-bottom: 40px;
color: #444;
text-align: justify;
}
.hkjj-info-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 30px;
justify-content: space-between;
}
.hkjj-info-item {
flex: 1;
min-width: 200px;
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hkjj-info-item:hover {
transform: translateY(-5px);
}
.hkjj-info-icon {
width: 24px;
height: 24px;
margin-bottom: 15px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.hkjj-info-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.hkjj-info-title {
font-size: 16px;
color: #666;
margin-bottom: 8px;
}
.hkjj-info-value {
font-size: 20px;
font-weight: 700;
color: #1a1a1a;
}
.hkjj-img {
max-width: 100%;
height: auto;
transition: transform 0.5s ease, box-shadow 0.5s ease;
}
.hkjj-img:hover {
transform: scale(1.02);
}
.hkjj-divider {
width: 100%;
height: 1px;
background-color: #e0e0e0;
margin: 20px 0;
}
/* 响应式设计 */
@media (max-width: 1100px) {
.hkjj-container {
padding: 30px 15px;
}
.hkjj-text,
.hkjj-image {
flex: 1 1 100%;
}
.hkjj-text {
padding-right: 30px;
}
}
@media (max-width: 768px) {
.hkjj-container {
padding: 20px 10px;
}
.hkjj-text {
padding: 20px;
}
.hkjj-cn-title {
font-size: 28px;
}
.hkjj-description {
font-size: 16px;
}
.hkjj-info-container {
flex-direction: column;
}
.hkjj-info-item {
width: 100%;
}
}
/* 打印样式 */
@media print {
.hkjj-container {
box-shadow: none;
padding: 0;
}
.hkjj-info-item {
box-shadow: none;
border: 1px solid #ddd;
}
}
/* 公司介绍 end */
.cooperation-wrap {
background: #F0F2F1;
padding: 50px 0;
}
.cooperation {
position: relative;
display: flex;
justify-content: flex-end;
/*align-items: center;*/
flex-wrap: wrap;
}
.cooperation-l {
position: absolute;
top: 0;
left: 0;
}
.cooperation-r {
width: 85%;
}
.cooperation-l .en {
font-size: 38px;
font-weight: bold;
color: #001B0C;
}
.cooperation-l .en-line {
display: flex;
align-items: center;
}
/*.cooperation-l .en-line::after {
content: '';
display: inline-block;
width: 160px;
height: 2px;
margin-left: 30px;
background: #001B0C;
}*/
.bottom-en {
position: absolute;
left: 0;
bottom: 15px;
font-size: 18px;
color: #C9CECA;
}
.cooperation-l .ch {
font-size: 28px;
font-weight: bold;
color: #001B0C;
}
.cooperation-r ul {
display: flex;
flex-wrap: wrap;
/*justify-content: space-between;*/
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
}
.cooperation-r ul li {
display: flex;
justify-content: center;
align-items: center;
width: 13.5%;
height: 100px;
margin-bottom: 25px;
margin-right: 8px;
background: #FFFFFF;
}
.cooperation-r ul li:hover img {
transform: rotateY(180deg);
}
.cooperation-r ul li img {
height: 62px;
transition: all 0.6s;
}
.cooperation-r ul li:nth-child(1) {
visibility: hidden;
}
.cooperation-r ul li:nth-child(2) {
visibility: hidden;
}
.cooperation-r ul li:nth-child(8) {
visibility: hidden;
}
.cooperation-r ul li:nth-child(15) {
visibility: hidden;
}
.cooperation-r ul li:nth-child(29) {
visibility: hidden;
}
/* 面包屑导航 start */
.bread-nav {
margin-top: 138px;
}
.breadcrumb {
padding: 20px 0;
margin-bottom: 0;
background-color: #FFFFFF;
}
.breadcrumb li a {
font-size: 14px;
color: #666666;
}
.breadcrumb>li+li:before {
content: ">";
padding: 0 10px;
color: #666666;
}
.breadcrumb li a.active {
color: #999999;
}
/* 面包屑导航 end */
/* 员工风采 start */
.staff-wrap {
background: #F0F2F1;
padding: 50px 0 20px 40px;
}
.staff {
display: flex;
justify-content: space-between;
align-items: center;
}
.staff-l {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 36%;
}
.staff-r {
width: 55%;
overflow: hidden;
}
.staff-r:hover img {
transform: scale(1.2);
}
.staff-r img {
width: 100%;
transition: all 0.6s;
}
.staff-l .content {
margin-top: 16rem;
}
.staff-l .title .en {
/*font-size: 80px;*/
font-size: 60px;
font-weight: bold;
color: #078C41;
}
.staff-l .title .ch {
/*font-size: 56px;*/
font-size: 60px;
font-weight: bold;
color: #333333;
}
.staff-l .content .c-t {
margin-bottom: 4rem;
font-size: 32px;
font-weight: bold;
color: #333333;
}
.staff-l .content p {
/*font-size: 16px;*/
font-size: 14px;
color: #333333;
margin-bottom: 2rem;
}
.staff-l .content .timer {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
color: #666666;
}
.staff-l .content i {
content: '';
display: inline-block;
width: 24px;
height: 10px;
background: url(../images/news-l.png) no-repeat;
background-size: 100%;
}
.staff-list {
width: 1200px;
margin: 80px auto 0;
}
.staff-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.staff-list ul li {
width: 48%;
margin-bottom: 4rem;
}
.staff-list ul li:hover .img img {
transform: scale(1.2);
}
.staff-list ul li:hover .content .title {
color: #029642;
}
.staff-list ul li:hover .content .des {
color: #029642;
}
.staff-list ul li .img {
overflow: hidden;
}
.staff-list ul li .img img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.staff-list ul li .content {
padding: 1.7rem 2.7rem;
}
.staff-list ul li .content .title {
font-size: 22px;
font-weight: bold;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.staff-list ul li .content .des {
margin: 20px 0;
font-size: 16px;
color: #333333;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 这里是超出几行省略 */
overflow: hidden;
}
.staff-list ul li .content .time {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 16px;
color: #666666;
}
.staff-list ul li .content .time i {
content: '';
display: inline-block;
width: 12px;
height: 5px;
background: url(../images/news-l.png) no-repeat;
background-size: 100%;
}
/* 员工风采 end */
/* 分页 start */
.page-wrap {
display: flex;
justify-content: flex-end;
/*width: 1200px;*/
margin: 5rem auto;
}
.page ul {
display: flex;
}
.page ul li a {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 10px;
background: #FFFFFF;
border: 1px solid #EBECEF;
color: #666666;
font-size: 16px;
}
.page ul li a.active {
background: #029642;
color: #FFFFFF;
}
.page ul li a:hover {
background: #029642;
color: #FFFFFF;
}
.page ul li a.prev::after {
content: '';
width: 24px;
height: 24px;
background: url(../images/staff/prev.png) no-repeat;
background-size: 100%;
}
.page ul li a.prev:hover {
background: #D6D9DD;
}
.page ul li a.next::after {
content: '';
width: 24px;
height: 24px;
background: url(../images/staff/next.png) no-repeat;
background-size: 100%;
}
.page ul li a.next:hover {
background: #D6D9DD;
}
.page ul li span {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
line-height: 40px;
margin-right: 10px;
background: #FFFFFF;
border: 1px solid #EBECEF;
color: #666666;
font-size: 16px;
}
.page ul li span.active {
background: #029642;
color: #FFFFFF;
}
.page ul li span:hover {
background: #029642;
color: #FFFFFF;
}
.page ul li span.prev::after {
content: '';
width: 24px;
height: 24px;
background: url(../images/staff/prev.png) no-repeat;
background-size: 100%;
}
.page ul li span.prev:hover {
background: #D6D9DD;
}
.page ul li span.next::after {
content: '';
width: 24px;
height: 24px;
background: url(../images/staff/next.png) no-repeat;
background-size: 100%;
}
.page ul li span.next:hover {
background: #D6D9DD;
}
.pagination>.active>span{
background: #029642;
color: #FFFFFF;
}
/* 分页 end */
/* 员工风采 详情 start */
.staff-detail-wrap {
width: 1200px;
margin: 0 auto;
}
.staff-detail-wrap .title {
padding: 12rem 0 4rem 0;
font-size: 34px;
font-weight: bold;
color: #333333;
text-align: center;
}
.edit-info ul {
display: flex;
align-items: center;
padding: 20px 0;
font-size: 14px;
color: #999999;
border-bottom: 1px solid #EBECEF;
}
.edit-info li {
margin-right: 4rem;
}
.staff-detail-wrap .content {
margin-top: 40px;
margin-bottom: 40px;
}
.staff-detail-wrap .content .img img {
width: 100%;
}
.staff-detail-wrap .content .des {
margin-top: 20px;
}
.staff-detail-wrap .content .des p {
padding: 5px 0;
font-size: 16px;
line-height: 2em;
color: #333333;
}
.staff-detail-wrap .content .des p img {
width: 100%;
}
/* 员工风采 详情 end */
/* 新闻动态 start */
.news-dynamic-title {
}
.news-dynamic-title .en {
/*font-size: 80px;*/
font-size: 64px;
font-weight: bold;
color: #078C41;
}
.news-dynamic-title .ch {
/*font-size: 56px;*/
font-size: 40px;
font-weight: bold;
color: #333333;
}
.dynamic-wrap {
display: flex;
margin-top: 20px;
}
.dynamic-wrap .dynamic-l {
width: 18%;
padding: 50px 0;
}
.dynamic-wrap .dynamic-r {
width: 65%;
}
.dynamic-wrap .dynamic-l li {
margin-bottom: 40px;
}
.dynamic-wrap .dynamic-l li a {
font-size: 18px;
color: #999999;
}
.dynamic-wrap .dynamic-l li:hover a {
color: #029642;
}
.dynamic-wrap .dynamic-l li.active a {
color: #029642;
}
.dynamic-list .dynamic-item {
padding: 20px 0;
border-bottom: 1px solid #F5F6F6;
}
.dynamic-list .dynamic-item:first-child {
border-top: 1px solid #F5F6F6;
}
.dynamic-list .dynamic-item:hover .dynamic-item-l img {
transform: scale(1.2);
}
.dynamic-list .dynamic-item:hover .dynamic-item-r-left .title {
color: #029642;
}
.dynamic-list .dynamic-item:hover .dynamic-item-r-left .des {
color: #029642;
}
.dynamic-list .dynamic-item a {
display: flex;
justify-content: space-between;
align-items: center;
}
.dynamic-item-l {
width: 15%;
border: 1px solid #E5E8E6;
overflow: hidden;
}
.dynamic-item-l img {
width: 100%;
transition: all 0.6s;
}
.dynamic-item .dynamic-item-r {
display: flex;
justify-content: space-between;
align-items: center;
width: 83%;
}
.dynamic-item-r-left {
width: 90%;
}
.dynamic-item-r-left .time span {
margin-right: 20px;
font-size: 14px;
color: #999999;
}
.dynamic-item-r-left .title {
padding: 10px 0;
font-size: 18px;
font-weight: bold;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dynamic-item-r-left .des {
font-size: 14px;
color: #666666;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 这里是超出几行省略 */
overflow: hidden;
}
.dynamic-item-r-right {
width: 3%;
}
.dynamic-item-r-right img {
width: 22px;
height: 8px;
}
.share-wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 30px 0;
margin-bottom: 50px;
border-top: 1px solid #EBECEF;
}
.share-l {
display: flex;
align-items: center;
width: 50%;
font-size: 14px;
color: #666666;
}
.share a {
display: inline-block;
height: 100%;
margin-right: 5px;
}
.share img {
width: 32px;
height: 32px;
}
.share-r {
display: flex;
align-items: center;
justify-content: space-between;
width: 50%;
}
.share-r a {
width: 48%;
padding: 10px 0;
font-size: 14px;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.share-r a:hover {
color: #029642;
}
/* 新闻动态 end */
/* 联系我们 start */
.contact-map {
position: relative;
margin-top: 80px;
}
.contact-content {
position: relative;
margin-top: -200px;
padding: 40px 0;
background: #FFFFFF;
z-index: 9;
}
.contact-content .title {
font-size: 32px;
font-weight: bold;
color: #333333;
text-align: center;
}
@media (max-width: 768px){
.contact-content .title{
font-size: 24px;
}
}
.contact-content ul {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: 80px;
}
.contact-content ul li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 24.3333%;
padding: 30px 10px;
border-right: 1px solid #F0F2F1;
/*border-bottom: 1px solid #F0F2F1;*/
}
.contact-content ul li:nth-child(3n) {
/*border-right: 0;*/
}
.contact-content ul li:nth-child(4n) {
border-right: 0;
}
.contact-content ul li:hover img {
transform: rotateY(180deg);
}
.contact-content ul li img {
width: 54px;
height: 54px;
transition: all 0.6s;
}
.contact-content ul li div {
margin-top: 15px;
font-size: 16px;
color: #333333;
}
.contact-content ul li p {
font-size: 22px;
font-weight: bold;
color: #333333;
text-align: center;
}
/* 联系我们 end */
/* 关于我们 start */
.about-wrap {
position: relative;
display: flex;
justify-content: space-between;
/*padding-left: 40px;*/
padding-left: 13%;
}
.about-l {
display: flex;
flex-direction: column;
justify-content: center;
width: 42.5%;
}
.about-l .mask {
position: relative;
width: 116px;
height: 220px;
/*left: -40px;*/
background: rgba(2, 150, 66, 0.14);
}
.about-l-wrap {
position: relative;
top: -120px;
}
.about-l .title {
margin-bottom: 60px;
font-size: 32px;
font-weight: bold;
color: #333333;
}
.about-l .content p {
padding: 10px 0;
line-height: 2em;
font-size: 14px;
color: #333333;
}
.about-r {
display: flex;
align-items: center;
width: 53%;
overflow: hidden;
}
.about-r:hover img {
transform: scale(1.2);
}
.about-r img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.about-list {
position: absolute;
/*left: 0;*/
left: 245px;
bottom: 0;
display: flex;
align-items: center;
padding: 10px 0;
/*margin-left: 40px;*/
background: #FFFFFF;
}
.about-list .intro-item {
display: flex;
align-items: center;
margin-right: 50px;
}
.about-list .intro-item .img img {
width: 88px;
height: 88px;
}
.about-list .intro-item .des {
margin-left: 15px;
}
.about-list .intro-item .des p {
font-size: 48px;
font-weight: bold;
color: #001B0C;
}
.about-list .intro-item .des p .counter {
font-size: 48px;
font-weight: bold;
color: #001B0C;
}
.about-list .intro-item .des span {
font-size: 24px;
font-weight: 500;
color: #001B0C;
}
.organizational {
margin-top: 120px;
}
.organizational .en {
/*text-align: right;*/
text-align: left;
}
.organizational .ch {
/*text-align: right;*/
text-align: left;
}
.organ-img {
display: flex;
justify-content: center;
width: 1150px;
}
.organ-img img {
width: 100%;
}
.company-culture-wrap {
position: relative;
margin-top: 120px;
}
.culture-content {
position: relative;
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 50px;
}
.culture-content-l {
/*position: relative;*/
/*right: 0;*/
width: 38%;
overflow: hidden;
}
.culture-content-l img {
/*width: 100%;*/
}
.culture-content-r {
position: absolute;
/*right: 0;*/
left: 0;
width: 81.25%;
height: 562px;
background: rgba(240, 242, 241, 0.5);
}
.culture-content-r .con {
display: flex;
justify-content: flex-end;
flex-direction: column;
align-items: flex-start;
position: relative;
top: -120px;
padding-right: 40px;
}
.culture-content-r .ch {
font-size: 52px;
font-weight: bold;
color: #333333;
}
.culture-content-r .ch.one {
margin-left: 105px;
}
.culture-content-r .ch .light {
color: #029642;
}
.culture-content-r .en {
font-size: 32px;
font-weight: 500;
color: #999999;
}
.culture-list {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
width: 92%;
}
.culture-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.culture-list ul li {
/*width: 23.7%;*/
width: 32%;
padding: 40px;
height: 192px;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
}
.culture-list ul li:nth-of-type(1) {
visibility: hidden;
}
.culture-list ul li:nth-of-type(2) {
visibility: hidden;
}
.culture-list ul li .title {
font-size: 16px;
color: #666666;
}
.culture-list ul li .ch {
padding: 12px 0 5px 0;
font-size: 22px;
font-weight: 500;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.culture-list ul li .en {
font-size: 14px;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.carousel {
position: relative;
display: flex;
align-items: center;
background: #F6F6F6;
margin-top: 30px;
}
.swiper-slide-next .carousel .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: rgba(0,0,0,.6);*/
z-index: 9;
}
.carousel-l {
position: relative;
width: 53%;
}
.carousel-l img {
width: 100%;
}
.carousel-r {
width: 35%;
margin-left: 30px;
font-size: 16px;
color: #333333;
}
.carousel-r p {
text-align: left;
}
.carousel-prev-next {
position: absolute;
right: -80px;
bottom: 0;
display: flex;
}
.carousel-prev {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background: #078C41;
cursor: pointer;
}
.carousel-prev:hover {
background: #055D29;
}
.carousel-prev i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/ca-prev.png) no-repeat;
background-size: 100%;
}
.carousel-next {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background: #078C41;
cursor: pointer;
}
.carousel-next:hover {
background: #055D29;
}
.carousel-next i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/ca-next.png) no-repeat;
background-size: 100%;
}
/* 关于我们 end */
/* 业务范围 start */
.group-wrap {
position: relative;
display: flex;
justify-content: flex-end;
align-items: center;
/*margin-left: 2%;*/
margin-left: 13%;
}
.group-wrap .news-dynamic-title {
/*position: relative;*/
position: absolute;
top: 0;
left: 0;
z-index: 9;
}
.group-right-wrap {
display: flex;
justify-content: center;
width: 90%;
height: 100%;
background: #F0F2F1;
}
.group-right {
display: flex;
flex-direction: column;
/*justify-content: center;*/
/*align-items: center;*/
/*position: absolute;
right: 0;
top: 0;*/
width: 50%;
height: 100%;
/*padding: 10px 40px 50px 250px;*/
/*background: #F0F2F1;*/
}
.group-right p {
/*font-size: 106px;*/
font-size: 70px;
font-weight: bold;
color: #029642;
}
.group-right .des {
color: #767676;
}
.group-right .end {
text-align: right;
}
.canteen-wrap {
margin-top: 120px;
}
.canteen {
display: flex;
justify-content: space-between;
align-items: center;
width: 98%;
margin-left: 2%;
}
.canteen-l {
width: 43.6%;
}
.canteen-r {
position: relative;
width: 54%;
overflow: hidden;
}
.canteen-r:hover img {
transform: scale(1.2);
}
.canteen-r img {
width: 100%;
transition: all 0.6s;
}
.canteen-l .head .en {
font-size: 56px;
font-weight: bold;
color: #CCCCCC;
}
.canteen-l .head .ch {
font-size: 32px;
font-weight: bold;
color: #333333;
}
.canteen-l .head .line {
font-size: 32px;
font-weight: bold;
color: #333333;
}
.canteen-l .content {
font-size: 14px;
color: #333333;
}
.canteen-l .content p {
line-height: 2em;
}
.canteen-prev {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 100px;
height: 100px;
background: url(../images/buss-prev.png) no-repeat;
background-size: 100%;
}
.canteen-next {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 100px;
height: 100px;
background: url(../images/buss-next.png) no-repeat;
background-size: 100%;
}
.canteen-pagination {
position: absolute;
right: 0;
bottom: 0;
width: 124px;
height: 80px;
line-height: 50px;
text-align: center;
font-size: 18px;
color: #FFFFFF;
background: rgba(0, 0, 0, 0.5);
}
.canteen-pagination .swiper-pagination-current {
font-size: 32px;
}
.foods-wrap {
margin-top: 120px;
}
.foods-head {
position: relative;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.foods-head-l {
position: absolute;
left: 0;
bottom: 0;
}
.foods-head-l ul {
display: flex;
}
.foods-head-l ul li {
width: 30px;
padding: 0 60px;
font-size: 28px;
border-right: 0.5px solid #E6E8E7;
}
.foods-head-l ul li a {
display: flex;
flex-direction: column;
align-items: center;
color: #999999;
}
.foods-head-l ul li:hover a {
color: #029642;
}
.foods-head-l ul li.active a {
color: #029642;
}
.foods-head-l ul li:hover i {
border: 2px solid #029642;
}
.foods-head-l ul li.active i {
border: 2px solid #029642;
}
.foods-head-l ul li:last-child {
border-right: 0;
}
.foods-head-l ul li i {
display: inline-block;
width: 14px;
height: 14px;
margin-bottom: 10px;
border: 2px solid #999999;
border-radius: 50%;
}
.foods-head-r .news-dynamic-title p {
text-align: right;
}
.foods-content {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
margin-top: 100px;
width: 100%;
}
.foods-content-l {
position: relative;
width: 66.6666%;
overflow: hidden;
}
.foods-content-l:hover img {
transform: scale(1.2);
}
.foods-content-l img {
width: 100%;
transition: all 0.6s;
}
.foods-content-c {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 18.75%;
}
.foods-content-c div {
overflow: hidden;
}
.foods-content-c div:hover img {
transform: scale(1.2);
}
.foods-content-c div:last-child {
margin-top: 10px;
}
.foods-content-c img {
width: 100%;
transition: all 0.6s;
}
.foods-content-r {
display: flex;
justify-content: center;
align-items: center;
width: 10%;
}
.foods-content-r .foods-prev {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background: #078C41;
}
.foods-content-r .foods-prev:hover {
background: #055D29;
}
.foods-content-r .foods-next {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background: #078C41;
}
.foods-content-r .foods-next:hover {
background: #055D29;
}
.foods-content-r .foods-prev i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/about/ca-prev.png) no-repeat;
background-size: 100%;
}
.foods-content-r .foods-next i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/about/ca-next.png) no-repeat;
background-size: 100%;
}
.foods-content-l .des {
position: absolute;
top: -40px;
right: 0;
}
.foods-content-l .des .ch {
display: flex;
flex-direction: column;
align-items: center;
font-size: 60px;
width: 30px;
color: #333333;
font-weight: 500;
}
.foods-content-l .des .ch span {
position: absolute;
top: 30px;
left: 0;
width: 30px;
}
.foods-content-l .des .ch i {
display: inline-block;
width: 80px;
height: 80px;
margin-bottom: 10px;
border: 8px solid #029642;
border-radius: 50%;
}
.foods-content-l .des .en {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 100px;
transform: rotate(90deg);
font-size: 48px;
color: #E3E3E3;
}
.wash-clean {
margin-top: 120px;
}
.content-item {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
background: #F0F2F1;
}
.content-item-l {
width: 50%;
}
.content-item-l img {
width: 100%;
}
.content-item-r {
/*width: 35%;*/
padding-right: 50px;
}
.content-item-r .n {
font-size: 80px;
color: #029642;
}
.content-item-r .title {
margin: 10px 0;
font-size: 32px;
color: #333333;
text-align: left;
}
.content-item-r .des {
padding: 10px 0;
line-height: 1.5em;
font-size: 16px;
color: #333333;
}
.content-item-r .points p {
line-height: 1.5em;
font-size: 14px;
color: #333333;
}
.foods-safety-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.safety-l {
width: 50%;
}
.safety-r {
width: 50%;
}
.safety-r .t {
position: relative;
font-size: 22px;
font-weight: 500;
color: #333333;
}
.safety-r .t::after {
position: absolute;
top: -20px;
left: -25px;
content: '';
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, rgba(2, 150, 66, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
}
.safety-r p {
margin-top: 15px;
font-size: 16px;
color: #333333;
}
.supplier {
margin-top: 120px;
}
.supplier-list {
position: relative;
top: -120px;
}
.supplier-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.supplier-list ul li {
display: flex;
width: 50%;
padding: 48px 0;
border-bottom: 1px solid #E5E8E6;
}
.supplier-list ul li:first-child {
visibility: hidden;
}
.supplier-list ul li .item-l {
width: 48px;
height: 48px;
}
.supplier-list ul li .item-l img {
width: 100%;
height: 100%;
}
.supplier-list ul li .item-r {
flex: 1;
margin-left: 20px;
}
.supplier-list ul li .item-r .t {
font-size: 22px;
color: #333333;
}
.supplier-list ul li .item-r p {
font-size: 16px;
color: #333333;
}
.supplier-icon {
}
.supplier-icon ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.supplier-icon ul li {
display: flex;
justify-content: center;
align-items: center;
width: 16%;
height: 140px;
margin-bottom: 20px;
border: 1px solid #E5E8E6;
}
.supplier-icon ul li:hover img {
transform: rotateY(180deg);
}
.supplier-icon ul li img {
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.foods-safety-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 100px;
padding: 100px 0;
background: linear-gradient(270deg, rgba(240, 242, 241, 1) 0%, rgba(240, 242, 241, 0) 100%);
}
.foods-safety-content-l {
width: 100%;
/*padding-left: 2%;*/
}
.foods-safety-content-l .head {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.foods-safety-content-r {
/*width: 100%;*/
position: relative;
/*left: -200px;*/
}
.foods-safety-content-r img {
width: 100%;
}
.foods-safety-content-l .con-l {
width: 30%;
}
.foods-safety-content-l .con-l .en {
font-size: 20px;
color: #9AA0AB;
}
.foods-safety-content-l .con-l .en p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.foods-safety-content-l .con-l .en .l {
font-size: 32px;
color: #029642;
}
.foods-safety-content-l .con-l .ch {
font-size: 32px;
color: #333333;
}
.foods-safety-content-l .con-l .ch p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.foods-safety-content-l .bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.foods-safety-content-l .bottom .bottom-l {
width: 65%;
}
.foods-safety-content-l .bottom .bottom-l img {
width: 100%;
}
.foods-safety-content-l .bottom .bottom-r {
width: 31.544444%;
}
.foods-safety-content-l .bottom .bottom-r img {
width: 100%;
}
.foods-safety-content-l .con-r {
width: 58%;
/*height: 240px;*/
/*border-width: 0px 0 240px 200px;*/
/*border-style: none none solid solid;*/
/*border-color: transparent transparent rgba(255,255,255,0.6) transparent;*/
}
.base-wrap {
margin-top: 120px;
}
.base-wrap .news-dynamic-title {
text-align: right;
}
.base-swiper {
margin-top: 30px;
}
.base-item {
position: relative;
width: 100%;
}
.base-item img {
width: 100%;
}
.base-item .base-content {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
/*align-items: center;*/
position: absolute;
top: 0;
right: 0;
width: 36%;
height: 100%;
padding: 0 40px;
background: rgba(255, 255, 255, 0.85);
}
.base-item .base-content .t {
margin-bottom: 30px;
font-size: 32px;
font-weight: bold;
color: #333333;
}
.base-item .base-content p {
margin-bottom: 10px;
line-height: 2em;
font-size: 16px;
color: #333333;
}
.base-prev-next {
position: absolute;
top: 0;
left: -80px;
z-index: 12;
display: flex;
}
.base-prev {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background: #078C41;
}
.base-prev:hover {
background: #055D29;
}
.base-prev i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/about/ca-prev.png) no-repeat;
background-size: 100%;
}
.base-next {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
background: #078C41;
}
.base-next:hover {
background: #055D29;
}
.base-next i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/about/ca-next.png) no-repeat;
background-size: 100%;
}
.base-swiper .swiper-slide-prev .base-prev-next {
display: none;
}
.base-swiper .swiper-slide-next .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 9;
}
/* 业务范围 end */
.wash-clean-content-mobile {
display: none;
margin-bottom: 20px;
background: rgba(240, 242, 241, 1);
}
.content-item-r-mobile {
padding: 20px !important;
}
.content-item-r .mobile-n {
font-size: 80px;
}
.content-item-r .mobile-title {
font-size: 24px;
margin: 0;
}
.content-item-r .mobile-des {
font-size: 16px;
}
.content-item-r .mobile-points {
font-size: 16px;
}
/*荣誉证书*/
.certificate-warp {
margin-top: 120px;
}
.cetificate-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 50px;
}
.myCetificate {
flex: 1;
}
.ceti-prev {
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
border-radius: 50%;
background: #078C41;
cursor: pointer;
}
.ceti-next {
margin-left: 20px;
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
border-radius: 50%;
background: #078C41;
cursor: pointer;
}
.ceti-prev i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/ca-prev.png) no-repeat;
background-size: 100%;
}
.ceti-next i {
content: '';
display: inline-block;
width: 14px;
height: 26px;
background: url(../images/ca-next.png) no-repeat;
background-size: 100%;
}
.ceti-prev:hover {
background: #055D29;
}
.ceti-next:hover {
background: #055D29;
}
.cetificate-item {
border: 1px solid #E6E8E6;
padding: 60px 20px;
}
/* 新修改业务范围 */
.switch-wrap {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 50px;
}
.switch-wrap .switch-item {
margin-left: 40px;
padding: 6px 0;
font-size: 18px;
font-weight: 400;
color: #999999;
}
.switch-wrap .switch-item.active {
font-weight: 500;
color: #333333;
border-bottom: 2px solid #029642FF;
}
/* 业务分类 */
.business-cate-wrap {
padding: 100px 0 100px 0;
}
.business-cate-wrap ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.business-cate-wrap ul li {
width: 9.5%;
margin-bottom: 50px;
}
.business-cate-wrap ul li a{
display: block;
}
.business-cate-wrap ul li .odd {
font-size: 48px;
color: #029642;
}
.business-cate-wrap ul li .even {
font-size: 48px;
color: #F08519;
}
.business-cate-wrap ul li .oddBg {
position: relative;
height: 480px;
background: linear-gradient(180deg, #029642FF 0%, #FFFFFFFF 100%);
}
.business-cate-wrap ul li .evenBg {
position: relative;
height: 480px;
background: linear-gradient(180deg, #FFFFFFFF 0%, #F08418FF 100%);
}
.business-cate-wrap ul li .oddBg span {
position: absolute;
right: 32px;
bottom: 32px;
/*writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向*/
writing-mode: vertical-rl;
color: #000000;
font-size: 22px;
letter-spacing: 5px;
}
.business-cate-wrap ul li .evenBg span {
position: absolute;
top: 32px;
right: 32px;
/*writing-mode 属性定义了文本水平或垂直排布以及在块级元素中文本的行进方向*/
writing-mode: vertical-rl;
color: #000000;
font-size: 22px;
letter-spacing: 5px;
}
.business-cate-wrap ul li a:hover .oddBg {
background: #029642FF;
}
.business-cate-wrap ul li a:hover .oddBg span {
color: #fff;
}
.business-cate-wrap ul li a:hover .evenBg {
background: #F08418FF;
}
.business-cate-wrap ul li a:hover .evenBg span {
color: #fff;
}
/* 团餐服务 */
.intserv-wrap {
margin-bottom: 100px;
}
.intserv-title {
display: flex;
justify-content: space-between;
align-items: center;
padding: 80px 0 40px 0;
}
.intserv-t-left .en {
font-size: 20px;
font-weight: bold;
color: #CCCCCCFF;
}
.intserv-t-left .ch {
font-size: 28px;
font-weight: bold;
color: #333333FF;
}
.intserv-t-right {
width: 78%;
margin-left: 30px;
}
.intserv-content p {
font-size: 16px;
color: #333333;
}
.intserv-content .txt {
margin-bottom: 40px;
}
.intserv-img ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.intserv-img ul li {
width: 50%;
margin-bottom: 15px;
overflow: hidden;
}
.intserv-img ul li img {
width: 100%;
transition: all 0.6s;
}
.intserv-img ul li:hover img {
transform: scale(1.2);
}
/* 食堂承包 */
.canteen-list {
position: relative;
}
.canteen-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.canteen-list ul li {
display: flex;
width: 100%;
height: 90px;
/*padding-top: 48px;*/
/*border-bottom: 1px solid #E5E8E6;*/
}
.canteen-list ul li .item-l {
width: 56px;
height: 56px;
}
.canteen-list ul li .item-l img {
width: 100%;
height: 100%;
}
.canteen-list ul li .item-r {
flex: 1;
/*margin-left: 20px;*/
}
.canteen-list ul li .item-r .t {
font-size: 18px;
font-weight: bold;
color: #333333;
}
.canteen-list ul li .item-r p {
font-size: 16px;
color: #333333;
}
.canteen-img {
/*padding: 50px 0;*/
}
.canteen-img ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.canteen-img ul li {
width: 100%;
margin-bottom: 20px;
overflow: hidden;
}
.canteen-img ul li img {
width: 50%;
transition: all 0.6s;
}
.canteen-img ul li:hover img {
transform: scale(1.2);
}
.canteen-warp {
margin-bottom: 0;
}
.kitchen-content {
font-size: 16px;
color: #333333;
margin-bottom: 20px;
}
.kitchen-li {
height: 300px !important;
}
.managenment-li {
height: 90px !important;
}
/* 餐厅设计 */
.design-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 600px;
margin-bottom: 100px;
}
.design-wrap .design-item {
width: 29%;
height: 100%;
overflow: hidden;
}
.design-wrap .design-item:hover img {
transform: scale(1.2);
}
.design-wrap .design-item img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.design-wrap .design-left {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 36%;
height: 100%;
}
.design-left .top {
border: 1px solid #333333FF;
padding: 30px 40px;
}
.design-left .bottom {
overflow: hidden;
}
.design-left .bottom:hover img {
transform: scale(1.2);
}
.design-left .top ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.design-left .top ul li {
width: 48%;
margin-bottom: 20px;
}
.design-left .top ul li p {
font-size: 18px;
font-weight: bold;
color: #333;
}
.design-left .top ul li span {
font-size: 12px;
color: #333;
}
/* 美食方案 */
.foods-scheme-wrap {
margin-top: 30px;
margin-bottom: 50px;
}
.foods-scheme-wrap ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.foods-scheme-wrap ul li {
position: relative;
width: 32%;
margin-bottom: 50px;
}
.foods-scheme-wrap ul li img{
width: 100%;
height: 100%;
}
.foods-scheme-wrap ul li .mask {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 20px 16px;
font-size: 18px;
color: #fff;
background: rgb(0,0,0,0.5);
text-align: center;
}
/* 免洗净菜 */
.clean-vegetable {
}
.clean-vegetable .title {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.clean-vegetable .title .en {
font-size: 24px;
font-weight: bold;
color: #CCCCCCFF;
}
.clean-vegetable .title .ch {
font-size: 28px;
font-weight: bold;
color: #333333;
}
.vege-customized {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 350px;
margin: 40px 0;
}
.vege-customized-left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 57%;
height: 100%;
}
.vege-customized-left .left-img {
width: 18%;
overflow: hidden;
}
.vege-customized-left .left-img:hover img {
transform: scale(1.2);
}
.vege-customized-left .left-img img {
transition: all 0.6s;
}
.vege-customized-left .content {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 80%;
height: 100%;
padding: 30px 10px;
background: linear-gradient(90deg, #F6F6F6FF 0%, #FFFFFF0 100%);
}
.vege-customized-left .content .t {
font-size: 22px;
font-weight: bold;
color: #333333;
}
.vege-customized-left .content p {
font-size: 16px;
color: #333333;
}
.vege-customized-left .content ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.vege-customized-left .content ul li {
width: 25%;
margin-bottom: 20px;
}
.vege-customized-right {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 40%;
height: 100%;
padding-left: 30px;
border-left: 1px solid #F2F2F2FF;
}
.vege-customized-right .content .t {
font-size: 22px;
font-weight: bold;
color: #333333;
}
.vege-customized-right .content p {
font-size: 16px;
color: #333333;
}
.line {
display: block;
width: 100%;
height: 1px;
background: #F2F2F2FF;
}
/* 加工包装 */
.machining {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 400px;
margin: 40px 0;
}
.machining-left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 50%;
height: 100%;
}
.machining-left .content {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 80%;
height: 100%;
padding: 30px 10px;
background: linear-gradient(90deg, #F6F6F6FF 0%, #FFFFFF0 100%);
}
.machining-left .content .t {
font-size: 22px;
font-weight: bold;
color: #333333;
}
.machining-left .content p {
font-size: 16px;
color: #333333;
}
.machining-left .content ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.machining-left .content ul li {
width: 32%;
margin-bottom: 20px;
}
.machining-right {
width: 50%;
overflow: hidden;
}
.machining-right img {
width: 100%;
transition: all 0.6s;
}
.machining-right:hover img {
transform: scale(1.2);
}
.vege-content-wrap {
margin: 30px 0;
}
.vege-content-wrap ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.vege-content-wrap ul li {
width: 33.33%;
height: 300px;
padding: 30px;
background: #F0F2F1FF;
color: #333333;
}
.vege-content-wrap ul li:hover {
background: #029642E5;
color: #fff;
}
.vege-content-wrap ul li .tt {
margin: 10px 0;
font-size: 18px;
font-weight: bold;
}
.vege-content-wrap ul li.des {
padding: 10px 0;
line-height: 1.5em;
font-size: 16px;
}
.vege-content-wrap ul li .points {
margin-top: 10px;
}
.vege-content-wrap ul li .points p {
line-height: 1.5em;
font-size: 14px;
}
.vege-options-wrap {
margin-bottom: 70px;
}
.vege-options {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 240px;
}
.vege-options .center {
justify-content: center;
}
.vege-options .center p {
margin-top: 15px;
}
.vege-options-left {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 50%;
height: 100%;
padding: 20px;
background: #F6F6F6FF;
}
.vege-options-right {
width: 50%;
height: 100%;
}
.vege-options-right img {
width: 100%;
height: 100%;
}
.vege-options-left .t {
font-size: 22px;
font-weight: bold;
color: #333333;
}
.vege-options-left p {
font-size: 16px;
color: #333333;
}
.vege-options-left ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 20px;
}
.vege-options-left li {
display: flex;
flex-direction: column;
align-items: center;
width: 32%;
margin-bottom: 10px;
}
.vege-options-left li span {
margin-top: 5px;
}
/* 嘉宝优势 */
.advantage {
}
.advantage .title .en {
font-size: 60px;
font-weight: bold;
color: #078C41;
}
.advantage .title .ch {
font-size: 40px;
font-weight: bold;
color: #333333;
}
.advantage-content {
padding: 20px 0;
font-size: 16px;
color: #333;
}
.advanage-list {
margin: 80px auto 0;
}
.advanage-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.advanage-list ul li {
width: 48%;
margin-bottom: 4rem;
}
.advanage-list ul li:hover .img img {
transform: scale(1.2);
}
.advanage-list ul li:hover .content .title {
color: #029642;
}
.advanage-list ul li:hover .content .des {
color: #029642;
}
.advanage-list ul li .img {
overflow: hidden;
}
.advanage-list ul li .img img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.advanage-list ul li .content {
padding: 1.7rem 2.7rem;
background: #f8f8f8;
}
.advanage-list ul li .content .title {
font-size: 22px;
font-weight: bold;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.advanage-list ul li .content .des {
margin: 20px 0;
font-size: 16px;
color: #333333;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 这里是超出几行省略 */
overflow: hidden;
}
/* 食材配送 */
.delivery-wrap .txt {
margin-bottom: 20px;
}
.de-one {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.de-one li {
width: 100%;
overflow: hidden;
}
.de-one li:hover img {
transform: scale(1.2);
}
.de-one li img {
width: 100%;
transition: all 0.6s;
}
.de-two {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.de-two li {
width: 24%;
overflow: hidden;
}
.de-two li:hover img {
transform: scale(1.2);
}
.de-two li img {
width: 100%;
transition: all 0.6s;
}
.delivery-advan ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.delivery-advan ul li {
display: flex;
flex-direction: column;
align-items: center;
width: 32%;
height: 240px;
padding: 40px;
background: #F6F6F6FF;
}
.delivery-advan ul li p {
margin-top: 20px;
text-align: center;
font-size: 16px;
color: #000000;
}
.delivery-assurance {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.assurance-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding: 10px;
width: 49%;
height: 160px;
color: #fff;
font-size: 16px;
}
.assurance-item .t {
font-size: 24px;
}
.assurance-item .t span {
font-size: 16px;
text-align: center;
}
.assurance-item .des {
text-align: center;
}
.assurance-item:nth-child(1) {
background: linear-gradient(90deg, #029642FF 0%, #3B9238FF 100%);
border-radius: 80px 0px 0px 0px;
}
.assurance-item:nth-child(2) {
background: linear-gradient(90deg, #579034FF 0%, #798D2EFF 100%);
border-radius: 0px 80px 0px 0px;
}
.assurance-item:nth-child(3) {
border-radius: 0px 0px 0px 80px;
background: linear-gradient(90deg, #F0851AFF 0%, #D7871EFF 100%);
}
.assurance-item:nth-child(4) {
border-radius: 0px 0px 80px 0px;
background: linear-gradient(90deg, #CB8820FF 0%, #B08B25FF 100%);
}
.system-warp {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
height: 350px;
}
.system-l {
width: 49%;
height: 100%;
overflow: hidden;
}
.system-l:hover img {
transform: scale(1.2);
}
.system-l img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.system-r {
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 49%;
height: 100%;
}
.system-r-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background: #F6F6F6FF;
width: 100%;
}
.system-r-item .system-r-item-l {
width: 23.5%;
}
.system-r-item .system-r-item-r {
width: 74%;
color: #333;
padding: 10px;
}
.system-r-item-r .t {
font-size: 22px;
}
.system-r-item-r p {
font-size: 16px;
}
.system-r-item-r ul {
display: flex;
flex-wrap: wrap;
/*justify-content: space-between;*/
align-items: center;
margin-top: 10px;
}
.system-r-item-r ul li {
/*width: 25%;*/
}
.jiagong {
padding: 30px 0;
}
.packing-wrap {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-top: 30px;
}
.packing-item {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 49%;
}
.packing-item .img {
width: 100%;
}
.packing-item .img img {
width: 100%;
}
.pack-content {
padding: 16px 30px;
height: 350px;
background: #F6F6F6FF;
}
.pack-content .t {
font-size: 22px;
font-weight: bold;
color: #333;
}
.pack-content p {
padding: 10px 0;
font-size: 16px;
color: #333;
}
.pack-content ul {
display: flex;
flex-wrap: wrap;
/*justify-content: space-between;*/
align-items: center;
}
.pack-content ul li {
margin-right: 20px;
margin-bottom: 10px;
}
/* 售后 */
.sales-warp {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
position: relative;
height: 350px;
margin: 30px auto;
}
.sales-warp .mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(8px);
}
.sales-warp .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.sales-warp .t {
font-size: 22px;
font-weight: bold;
color: #fff;
}
.sales-warp ul {
display: flex;
}
.sales-warp ul li {
display: flex;
align-items: center;
margin-left: 60px;
}
.sales-warp ul li span {
font-size: 16px;
color: #fff;
margin-left: 10px;
}
.sales-warp p {
font-size: 16px;
color: #fff;
text-align: center;
}
.guarantee-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 656px;
margin-bottom: 50px;
}
.guarantee-l {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 49%;
height: 100%;
color: #fff;
padding: 0 30px;
}
.guarantee-l .top {
text-align: center;
}
.guarantee-l .bottom {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 290px;
padding: 20px;
background: #029642E5;
color: #fff;
text-align: center;
}
.guarantee-r {
width: 49%;
height: 100%;
}
.guarantee-r ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
height: 100%;
}
.guarantee-r ul li {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
width: 49%;
height: 320px;
padding: 50px 30px;
color: #fff;
margin-bottom: 16px;
}
.guarantee-wrap .t {
font-size: 18px;
}
.guarantee-wrap p {
margin-top: 10px;
font-size: 16px;
}
.foods-sales {
margin: 50px auto;
}
.sales-des {
font-size: 16px;
color: #333;
}
.foods-sales .news-dynamic-title {
text-align: right;
padding: 20px 0;
}
.foods-sales-list {
position: relative;
}
.foods-sales-list ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.foods-sales-list ul li {
display: flex;
width: 49%;
height: 200px;
padding: 30px;
margin-bottom: 15px;
background: #F5FAF7FF;
}
.foods-sales-list ul li .item-l {
width: 64px;
height: 64px;
}
.foods-sales-list ul li .item-l img {
width: 100%;
height: 100%;
}
.foods-sales-list ul li .item-r {
flex: 1;
margin-left: 20px;
}
.foods-sales-list ul li .item-r .t {
font-size: 22px;
font-weight: bold;
color: #333333;
}
.foods-sales-list ul li .item-r p {
font-size: 16px;
color: #333333;
}
.cold-wrap {
margin-top: 50px;
}
.cold-list {
margin-top: 20px;
}
.cold-list ul {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.cold-list ul li {
width: 32%;
}
.cold-list ul li:hover img {
transform: scale(1.2);
}
.cold-list ul li .img {
width: 100%;
overflow: hidden;
}
.cold-list ul li .img img {
width: 100%;
transition: all 0.6s;
}
.cold-list ul li .content {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 25px;
height: 228px;
font-size: 22px;
color: #333;
background: #EDEDEDFF;
}
.cold-list ul li .content .t {
font-weight: bold;
}
.cold-list ul li .content p {
font-size: 16px;
}
.cold-list ul li .content .e {
text-transform: uppercase;
color: #D9DBDAFF;
}
.quality-wrap {
margin-top: 50px;
}
.quality-wrap .news-dynamic-title {
text-align: right;
}
.quality-des {
padding: 20px 0;
font-size: 16px;
color: #333;
text-align: right;
}
.quality-content {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 30px;
background: #F5FAF7FF
}
.quality-content .item-l {
width: 49%;
}
.quality-content .item-r {
width: 49%;
}
.quality-content .item-l div {
font-size: 40px;
font-weight: bold;
color: #333;
}
.quality-content .item-l p {
font-size: 16px;
color: #333;
margin-top: 20px;
}
.quality-content .item-r ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.quality-content .item-r ul li {
width: 49%;
height: 154px;
padding: 30px;
background: linear-gradient(180deg, #078C41FF 0%, #80D158FF 100%);
color: #fff;
margin-bottom: 15px;
}
.quality-content .item-r ul li .t {
font-size: 22px;
}
.quality-content .item-r ul li p {
font-size: 16px;
margin-top: 10px;
}
.safety-jiabao {
margin-top: 30px;
}
.safety-jiabao .news-dynamic-title {
padding: 10px 0;
text-align: right;
}
.safety-jiabao img {
width: 100%;
transition: all 0.6s;
}
.safety-jiabao .b {
overflow: hidden;
}
/*.safety-jiabao .b:hover img {
transform: scale(1.2);
}*/
.safe-two {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.safe-two .item {
width: 49%;
overflow: hidden;
}
.safe-two .item:hover img {
transform: scale(1.2);
}
.safe-content {
margin-top: 30px;
margin-bottom: 50px;
color: #333;
}
.safe-content .safe-t {
font-size: 22px;
font-weight: bold;
}
.safe-content p {
font-size: 16px;
margin-top: 10px;
}
/*服务流程*/
.process-container-fwlc {
max-width: 1400px;
margin: 0 auto;
padding: 30px 0px;
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
.process-grid-fwlc {
display: flex;
justify-content: space-between;
gap: 8px;
}
.process-item-fwlc {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
/*width: 12.5%;*/
}
.circle-wrapper-fwlc {
position: relative;
width: 80px;
height: 80px;
margin-bottom: 15px;
}
.circle-fwlc {
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #35ab68 0%, #b4c708 100%);
box-shadow: 0 5px 15px rgba(37, 117, 252, 0.2);
position: relative;
z-index: 2;
transition: transform 0.3s ease;
}
.process-item-fwlc:hover .circle-fwlc {
transform: scale(1.1);
}
.icon-box-fwlc {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.icon-img-fwlc {
width: 30px;
height: 30px;
filter: brightness(0) invert(1);
}
.index-fwlc {
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 30px;
height: 30px;
background-color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
/*font-size: 1rem;*/
font-weight: 700;
color: #000;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
z-index: 3;
border: 3px solid #f8f9fa;
transition: transform 0.3s ease;
}
.process-item-fwlc:hover .index-fwlc {
transform: translateX(-50%) scale(1.1);
}
.text-fwlc {
margin-top: 10px;
font-size: 2rem;
font-weight: 400;
color: #000;
line-height: 1.3;
}
.connector-fwlc {
position: absolute;
top: 40px;
left: 100%;
width: calc(100% - 80px);
height: 3px;
background-color: #eaeaea;
z-index: 1;
display: block;
}
.process-item-fwlc:last-child .connector-fwlc {
display: none;
}
@media (max-width: 1200px) {
.process-grid-fwlc {
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.process-item-fwlc {
width: calc(25% - 20px);
margin-bottom: 20px;
}
.connector-fwlc {
display: none !important;
}
}
@media (max-width: 768px) {
.process-item-fwlc {
width: calc(50% - 20px);
}
}
@media (max-width: 480px) {
.process-item-fwlc {
width: calc(50% - 10px);
}
.circle-wrapper-fwlc {
width: 70px;
height: 70px;
}
.icon-box-fwlc {
width: 35px;
height: 35px;
}
.icon-img-fwlc {
width: 25px;
height: 25px;
}
.index-fwlc {
width: 25px;
height: 25px;
font-size: 0.9rem;
bottom: -6px;
}
.text-fwlc {
font-size: 2rem;
}
}
@media (min-width: 1201px) {
.connector-fwlc {
display: block;
}
.process-item-fwlc:last-child .connector-fwlc {
display: none;
}
}
/*四大优势*/
.advantages-container-sdys {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
@media (max-width: 768px) {
.advantages-container-sdys {
padding: 0px 20px;
}
}
.advantage-box-sdys {
display: flex;
align-items: center;
margin-bottom: 80px;
min-height: 400px;
}
.text-section-sdys {
flex: 1;
padding: 30px;
}
.image-section-sdys {
flex: 1;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.advantage-img-sdys {
max-width: 100%;
height: auto;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.advantage-img-sdys:hover {
transform: translateY(-5px);
}
.number-title-container-sdys {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.number-sdys {
font-size: 48px;
font-weight: 800;
color: #00af4a;
margin-right: 15px;
line-height: 1;
}
.small-title-sdys {
font-size: 18px;
font-weight: 600;
color: #00af4a;
text-transform: uppercase;
letter-spacing: 1.5px;
padding: 5px 0;
position: relative;
}
.small-title-sdys::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(0, rgba(180, 199, 8, 1) 0%, rgba(53, 171, 104, 1) 100%);
}
.big-title-sdys {
font-size: 28px;
color: #00af4a;
margin-bottom: 20px;
font-weight: 700;
line-height: 1.3;
}
.description-sdys {
font-size: 18px;
color: #555;
line-height: 1.7;
max-width: 500px;
position: relative;
padding-left: 20px;
}
/* 四行简介布局 */
.intro-lines-sdys {
display: flex;
flex-direction: column;
gap: 12px;
}
.intro-line-sdys {
display: flex;
align-items: center;
padding: 8px 0;
}
.line-number-sdys {
width: 8px;
height: 8px;
background: linear-gradient(135deg, #b4c708, #35ab68);
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: bold;
margin-right: 12px;
flex-shrink: 0;
}
.line-text-sdys {
font-size: 16px;
color: #555;
line-height: 1.5;
}
/* 第一个优势 - 文字左，图片右 */
.advantage1-sdys .text-section-sdys {
order: 1;
}
.advantage1-sdys .image-section-sdys {
order: 2;
}
/* 第二个优势 - 文字右，图片左 */
.advantage2-sdys .text-section-sdys {
order: 2;
}
.advantage2-sdys .image-section-sdys {
order: 1;
}
/* 第三个优势 - 文字左，图片右 */
.advantage3-sdys .text-section-sdys {
order: 1;
}
.advantage3-sdys .image-section-sdys {
order: 2;
}
/* 第四个优势 - 文字右，图片左 */
.advantage4-sdys .text-section-sdys {
order: 2;
}
.advantage4-sdys .image-section-sdys {
order: 1;
}
/* 响应式设计 */
@media (max-width: 992px) {
.advantage-box-sdys {
flex-direction: column;
margin-bottom: 60px;
}
.advantage1-sdys .text-section-sdys,
.advantage1-sdys .image-section-sdys,
.advantage2-sdys .text-section-sdys,
.advantage2-sdys .image-section-sdys,
.advantage3-sdys .text-section-sdys,
.advantage3-sdys .image-section-sdys,
.advantage4-sdys .text-section-sdys,
.advantage4-sdys .image-section-sdys {
order: 1;
width: 100%;
}
.image-section-sdys {
margin-top: 30px;
}
.big-title-sdys {
font-size: 28px;
}
.description-sdys {
max-width: 100%;
}
}
@media (max-width: 576px) {
.big-title-sdys {
font-size: 24px;
}
.description-sdys {
font-size: 16px;
}
.number-sdys {
font-size: 36px;
}
.small-title-sdys {
font-size: 16px;
}
.line-text-sdys {
font-size: 14px;
}
.line-number-sdys {
width: 8px;
height: 8px;
font-size: 12px;
}
}
/*服务项目*/
.container-fwxm {
max-width: 1400px;
margin: 0 auto;
padding: 20px;
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
.carousel-container-fwxm {
position: relative;
overflow: hidden;
}
.carousel-track-fwxm {
display: flex;
transition: transform 0.5s ease;
cursor: grab;
user-select: none;
}
.carousel-page-fwxm {
flex: 0 0 100%;
display: flex;
padding: 20px;
box-sizing: border-box;
}
.service-item-fwxm {
flex: 0 0 calc(33.333% - 30px);
margin: 0 15px;
overflow: hidden;
position: relative;
}
.image-container-fwxm {
position: relative;
width: 100%;
padding-top: 100%; /* 创建1:1宽高比 */
overflow: hidden;
}
.service-image-fwxm {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.text-container-fwxm {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 15px;
background: linear-gradient(135deg, rgba(53, 171, 104, 0.85), rgba(180, 199, 8, 0.85));
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: white;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.service-title-fwxm {
font-size: 18px;
font-weight: 600;
margin: 0;
letter-spacing: 0.5px;
text-align: center;
line-height: 1.3;
}
.service-desc-fwxm {
font-size: 15px;
line-height: 1.5;
opacity: 0.9;
}
.indicators-container-fwxm {
display: flex;
justify-content: center;
margin-top: 8px;
gap: 15px;
}
.indicator-fwxm {
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #d1d8e0;
cursor: pointer;
transition: background-color 0.3s ease;
border: none;
padding: 0;
}
.indicator-fwxm.active-fwxm {
background-color: #869791;
}
.indicator-fwxm:hover {
background-color: #74b9ff;
}
@media (max-width: 1200px) {
.service-item-fwxm {
flex: 0 0 calc(50% - 30px);
margin-bottom: 20px;
}
.carousel-page-fwxm {
flex-wrap: wrap;
}
.text-container-fwxm {
min-height: 60px;
padding: 8px 12px;
}
.service-title-fwxm {
font-size: 20px;
}
}
@media (max-width: 768px) {
.service-item-fwxm {
flex: 0 0 93%;
}
.text-container-fwxm {
min-height: 55px;
padding: 6px 10px;
}
.service-title-fwxm {
font-size: 18px;
}
}
/*净菜中心*/
.container-jczx {
max-width: 1400px;
margin: 0 auto;
padding: 20px;
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
}
.product-item-jczx {
flex: 1;
min-width: 300px;
max-width: 400px;
border: 2px solid #029642;
border-radius: 15px;
overflow: hidden;
transition: transform 0.3s ease;
}
.product-item-jczx:hover {
transform: translateY(-5px);
}
.product-image-container-jczx {
width: 100%;
height: 250px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.product-image-jczx {
max-width: 90%;
max-height: 90%;
object-fit: contain;
}
.product-content-jczx {
padding: 20px;
}
.product-title-jczx {
font-size: 22px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
line-height: 1.3;
text-align: center;
}
.product-description-jczx {
font-size: 16px;
color: #666;
line-height: 1.6;
text-align: center;
}
@media (max-width: 1200px) {
.product-item-jczx {
min-width: 280px;
}
}
@media (max-width: 992px) {
.container-jczx {
gap: 20px;
}
.product-item-jczx {
min-width: 45%;
max-width: 45%;
}
}
@media (max-width: 768px) {
.product-item-jczx {
min-width: 100%;
max-width: 100%;
}
.product-image-container-jczx {
height: 220px;
}
}
@media (max-width: 480px) {
.container-jczx {
padding: 15px;
gap: 15px;
}
.product-image-container-jczx {
height: 200px;
}
.product-content-jczx {
padding: 15px;
}
.product-title-jczx {
font-size: 20px;
}
.product-description-jczx {
font-size: 14px;
}
}
/*集中加工*/
.container-jzjg {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
color: #333;
}
.section-title-jzjg {
text-align: center;
margin-bottom: 60px;
font-size: 36px;
font-weight: 600;
color: #2c3e50;
position: relative;
}
.section-title-jzjg::after {
content: '';
display: block;
width: 80px;
height: 4px;
background: linear-gradient(to right, #3498db, #2ecc71);
margin: 15px auto 0;
border-radius: 2px;
}
.content-wrapper-jzjg {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.text-content-jzjg {
flex: 1;
min-width: 300px;
padding-right: 20px;
}
.image-content-jzjg {
flex: 1;
min-width: 300px;
overflow: hidden;
}
.image-content-jzjg img {
width: 100%;
height: auto;
display: block;
transition: transform 0.5s ease;
}
.image-content-jzjg img:hover {
transform: scale(1.03);
}
.circle-container-jzjg {
display: flex;
align-items: center;
}
.circle-jzjg {
width: 10px;
height: 10px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
position: relative;
transition: transform 0.3s ease;
}
.circle-jzjg:hover {
transform: rotate(15deg);
}
.circle-jzjg::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border: 2px solid #2ecc71;
border-radius: 50%;
opacity: 0.7;
}
.circle-number-jzjg {
font-size: 28px;
font-weight: 700;
color: #3498db;
z-index: 2;
}
.title-section-jzjg {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.title-jzjg {
font-size: 32px;
font-weight: 700;
color: #2c3e50;
margin-right: 12px;
}
.slash-jzjg {
font-size: 40px;
color: #3498db;
font-weight: 300;
margin-right: 12px;
}
.english-title-jzjg {
font-size: 24px;
color: #7f8c8d;
font-weight: 500;
font-style: italic;
}
.description-jzjg {
font-size: 18px;
line-height: 1.7;
color: #555;
max-width: 600px;
}
.features-jzjg {
margin-top: 30px;
padding-left: 100px;
}
.feature-item-jzjg {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.feature-icon-jzjg {
width: 24px;
height: 24px;
background-color: #3498db;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
flex-shrink: 0;
margin-top: 3px;
}
.feature-icon-jzjg::after {
content: '✓';
color: white;
font-size: 14px;
font-weight: bold;
}
.feature-text-jzjg {
font-size: 16px;
color: #444;
line-height: 1.5;
}
/* 响应式设计 */
@media (max-width: 1200px) {
.content-wrapper-jzjg {
gap: 30px;
}
.title-jzjg {
font-size: 28px;
}
.english-title-jzjg {
font-size: 22px;
}
}
@media (max-width: 992px) {
.content-wrapper-jzjg {
flex-direction: column;
}
.text-content-jzjg {
padding-right: 0;
}
.description-jzjg,
.features-jzjg {
padding-left: 0;
}
.circle-container-jzjg {
justify-content: center;
flex-direction: column;
text-align: center;
margin-bottom: 40px;
}
.circle-jzjg {
margin-right: 0;
margin-bottom: 20px;
}
.title-section-jzjg {
justify-content: center;
}
}
@media (max-width: 768px) {
.section-title-jzjg {
font-size: 30px;
margin-bottom: 40px;
}
.title-jzjg {
font-size: 24px;
}
.english-title-jzjg {
font-size: 18px;
}
.description-jzjg {
font-size: 16px;
}
.circle-jzjg {
width: 70px;
height: 70px;
}
.circle-number-jzjg {
font-size: 24px;
}
}
@media (max-width: 480px) {
.container-jzjg {
padding: 20px 15px;
}
.section-title-jzjg {
font-size: 26px;
}
.title-jzjg {
font-size: 22px;
}
.english-title-jzjg {
font-size: 16px;
}
.circle-jzjg {
width: 60px;
height: 60px;
}
.circle-jzjg::before {
width: 45px;
height: 45px;
}
}
/*流程*/
.container-llt {
max-width: 1400px;
margin: 0 auto;
padding: 30px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.title-llt {
text-align: center;
font-size: 32px;
margin-bottom: 50px;
color: #333;
}
.process-row-llt {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 60px;
position: relative;
}
.process-item-llt {
width: 180px;
height: 100px;
border: 2px solid #2ecc71;
border-radius: 12px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
transition: all 0.3s ease;
cursor: pointer;
background-color: white;
}
.process-item-llt:hover {
transform: translateY(-5px);
}
.process-title-llt {
font-size: 20px;
font-weight: 600;
color: #2c3e50;
margin-bottom: 8px;
}
.process-en-llt {
font-size: 14px;
color: #2ecc71;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
}
.arrow-right-llt {
width: 50px;
height: 4px;
background-color: #2ecc71;
position: relative;
margin: 0 10px;
}
.arrow-right-llt::after {
content: '';
position: absolute;
right: -8px;
top: -6px;
width: 0;
height: 0;
border-left: 10px solid #2ecc71;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.arrow-down-llt {
width: 4px;
height: 60px;
background-color: #2ecc71;
position: absolute;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
}
.arrow-down-llt::after {
content: '';
position: absolute;
bottom: -8px;
left: -6px;
width: 0;
height: 0;
border-top: 10px solid #2ecc71;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.arrow-left-llt {
width: 50px;
height: 4px;
background-color: #2ecc71;
position: relative;
margin: 0 10px;
}
.arrow-left-llt::before {
content: '';
position: absolute;
left: -8px;
top: -6px;
width: 0;
height: 0;
border-right: 10px solid #2ecc71;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}
.second-row-llt {
flex-direction: row-reverse;
margin-bottom: 0;
margin-top: 80px;
}
.last-process-llt {
background-color: #2ecc71;
border-color: #2ecc71;
}
.last-process-llt .process-title-llt {
color: white;
}
.last-process-llt .process-en-llt {
color: white;
text-align: center;
width: 100%;
padding: 0 5px;
}
@media screen and (max-width: 1200px) {
.process-item-llt {
width: 150px;
height: 110px;
}
.arrow-right-llt,
.arrow-left-llt {
width: 40px;
}
}
@media screen and (max-width: 992px) {
.process-item-llt {
width: 130px;
height: 100px;
}
.process-title-llt {
font-size: 18px;
}
.process-en-llt {
font-size: 13px;
}
.arrow-right-llt,
.arrow-left-llt {
width: 30px;
}
}
@media screen and (max-width: 768px) {
.process-row-llt {
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 40px;
}
.process-item-llt {
width: 45%;
margin-bottom: 30px;
}
.arrow-right-llt,
.arrow-left-llt,
.arrow-down-llt {
display: none;
}
.second-row-llt {
flex-direction: row;
margin-top: 40px;
}
.second-row-llt .process-item-llt {
order: 0;
}
}
@media screen and (max-width: 480px) {
.process-item-llt {
width: 100%;
max-width: 280px;
}
.title-llt {
font-size: 26px;
}
.second-row-llt {
margin-top: 20px;
}
}
/*水触*/
.container-scm {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
color: #333;
}
.section-title-scm {
text-align: center;
margin-bottom: 60px;
font-size: 36px;
font-weight: 600;
color: #2c3e50;
position: relative;
}
.section-title-scm::after {
content: '';
display: block;
width: 80px;
height: 4px;
background: linear-gradient(to right, #3498db, #2ecc71);
margin: 15px auto 0;
border-radius: 2px;
}
.content-wrapper-scm {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 40px;
}
.text-content-scm {
flex: 1;
min-width: 300px;
padding-right: 20px;
}
.image-content-scm {
flex: 1;
min-width: 300px;
overflow: hidden;
}
.image-content-scm img {
width: 100%;
height: auto;
display: block;
transition: transform 0.5s ease;
}
.image-content-scm img:hover {
transform: scale(1.03);
}
.circle-container-scm {
display: flex;
align-items: center;
}
.circle-scm {
width: 10px;
height: 10px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
position: relative;
transition: transform 0.3s ease;
}
.circle-scm:hover {
transform: rotate(15deg);
}
.circle-scm::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
border: 2px solid #2ecc71;
border-radius: 50%;
opacity: 0.7;
}
.circle-number-scm {
font-size: 28px;
font-weight: 700;
color: #3498db;
z-index: 2;
}
.title-section-scm {
display: flex;
flex-direction: column;
}
.title-scm {
font-size: 32px;
font-weight: 700;
color: #2c3e50;
margin-bottom: 8px;
}
.english-line-scm {
display: flex;
align-items: center;
gap: 8px;
}
.slash-scm {
font-size: 20px;
color: #3498db;
font-weight: 300;
}
.english-title-scm {
font-size: 18px;
color: #7f8c8d;
font-weight: 500;
font-style: italic;
}
.description-scm {
font-size: 18px;
line-height: 1.7;
color: #555;
max-width: 600px;
margin-top: 20px;
}
.features-scm {
margin-top: 30px;
padding-left: 100px;
}
.feature-item-scm {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.feature-icon-scm {
width: 24px;
height: 24px;
background-color: #3498db;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
flex-shrink: 0;
margin-top: 3px;
}
.feature-icon-scm::after {
content: '✓';
color: white;
font-size: 14px;
font-weight: bold;
}
.feature-text-scm {
font-size: 16px;
color: #444;
line-height: 1.5;
}
/* 响应式设计 */
@media (max-width: 1200px) {
.content-wrapper-scm {
gap: 30px;
}
.title-scm {
font-size: 28px;
}
.english-title-scm {
font-size: 16px;
}
}
@media (max-width: 992px) {
.content-wrapper-scm {
flex-direction: column;
}
.text-content-scm {
padding-right: 0;
}
.description-scm,
.features-scm {
padding-left: 0;
}
.circle-container-scm {
justify-content: center;
flex-direction: column;
text-align: center;
margin-bottom: 40px;
}
.circle-scm {
margin-right: 0;
margin-bottom: 20px;
}
.title-section-scm {
align-items: center;
}
.english-line-scm {
justify-content: center;
}
}
@media (max-width: 768px) {
.section-title-scm {
font-size: 30px;
margin-bottom: 40px;
}
.title-scm {
font-size: 24px;
}
.english-title-scm {
font-size: 15px;
}
.description-scm {
font-size: 16px;
}
.circle-scm {
width: 10px;
height: 10px;
}
.circle-number-scm {
font-size: 24px;
}
}
@media (max-width: 480px) {
.container-scm {
padding: 20px 15px;
}
.section-title-scm {
font-size: 26px;
}
.title-scm {
font-size: 22px;
}
.english-title-scm {
font-size: 14px;
}
.circle-scm {
width: 10px;
height: 10px;
}
.circle-scm::before {
width: 10px;
height: 10px;
}
.english-line-scm {
flex-direction: column;
gap: 2px;
}
.slash-scm {
font-size: 18px;
}
}
/*配送规模*/
.container-psgm2 {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
font-family: 'Helvetica Neue', Arial, sans-serif;
}
.section-psgm2 {
display: flex;
align-items: center;
margin-bottom: 80px;
gap: 60px;
}
.image-container-psgm2 {
flex: 1;
overflow: hidden;
}
.image-psgm2 {
width: 100%;
height: 400px;
object-fit: cover;
transition: transform 0.5s ease;
}
.image-psgm2:hover {
transform: scale(1.03);
}
.text-content-psgm2 {
flex: 1;
padding: 20px 0;
}
.header-line-psgm2 {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.circle-psgm2 {
width: 15px;
height: 15px;
border: 2px solid #029642;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: #2c3e50;
margin-right: 20px;
flex-shrink: 0;
background-color: #fff;
box-sizing: border-box;
transition: border-color 0.3s ease, transform 0.3s ease;
}
.circle-psgm2:hover {
border-color: #d6e4ff;
transform: scale(1.1);
}
.title-psgm2 {
font-size: 28px;
font-weight: 700;
color: #2c3e50;
margin-right: 15px;
}
.slash-psgm2 {
font-size: 28px;
color: #029642;
margin-right: 15px;
font-weight: 300;
}
.english-psgm2 {
font-size: 20px;
color: #7f8c8d;
font-style: italic;
font-weight: 500;
}
.intro-psgm2 {
font-size: 18px;
line-height: 1.6;
color: #555;
}
/* 偶数部分样式 - 图片在右，文字在左 */
.section-even-psgm2 .image-container-psgm2 {
order: 2;
}
.section-even-psgm2 .text-content-psgm2 {
order: 1;
}
/* 响应式设计 */
@media (max-width: 992px) {
.section-psgm2 {
flex-direction: column;
gap: 30px;
}
.section-even-psgm2 .image-container-psgm2,
.section-even-psgm2 .text-content-psgm2 {
order: initial;
}
.image-psgm2 {
height: 300px;
}
.intro-psgm2 {
padding-left: 0;
}
}
@media (max-width: 768px) {
.header-line-psgm2 {
flex-wrap: wrap;
}
.title-psgm2 {
font-size: 24px;
}
.english-psgm2 {
font-size: 18px;
}
.circle-psgm2 {
width: 35px;
height: 35px;
border-width: 12px;
margin-right: 15px;
}
}
.container-psgm1 {
max-width: 1400px;
margin: 0 auto;
padding: 40px 20px;
font-family: Arial, sans-serif;
}
.header-psgm1 {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
flex-wrap: wrap;
width: 100%;
}
.circle-psgm1 {
width: 15px;
height: 15px;
border-radius: 50%;
border: 2px solid #029642;
margin-right: 20px;
background-color: #fff;
}
.title-container-psgm1 {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.main-title-psgm1 {
font-size: 32px;
font-weight: bold;
color: #333;
margin: 0;
}
.slash-psgm1 {
font-size: 32px;
color: #666;
margin: 0 10px;
}
.english-title-psgm1 {
font-size: 24px;
color: #666;
font-weight: normal;
}
.subtitle-psgm1 {
text-align: center;
margin: 40px 0;
width: 100%;
}
.subtitle-line1-psgm1 {
font-size: 22px;
color: #333;
margin-bottom: 10px;
}
.subtitle-line2-psgm1 {
font-size: 18px;
color: #666;
}
.params-container-psgm1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin: 50px 0;
}
.param-item-psgm1 {
display: flex;
align-items: flex-start;
padding: 15px;
border-radius: 8px;
}
.param-icon-psgm1 {
width: 40px;
height: 40px;
margin-right: 15px;
flex-shrink: 0;
}
.param-icon-psgm1 img {
width: 100%;
height: 100%;
object-fit: contain;
}
.param-content-psgm1 {
flex: 1;
}
.param-value-psgm1 {
display: flex;
align-items: baseline;
margin-bottom: 5px;
}
.param-number-psgm1 {
font-size: 28px;
font-weight: bold;
color: #029642;
position: relative;
margin-right: 5px;
}
.param-plus-psgm1 {
font-size: 16px;
color: #029642;
position: relative;
top: -8px;
right: -2px;
}
.param-unit-psgm1 {
font-size: 16px;
color: #666;
margin-left: 2px;
}
.param-desc-psgm1 {
font-size: 14px;
color: #666;
line-height: 1.4;
}
.horizontal-image-psgm1 {
width: 100%;
margin-top: 50px;
border-radius: 8px;
overflow: hidden;
}
.horizontal-image-psgm1 img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.header-psgm1 {
justify-content: center;
text-align: center;
}
.circle-psgm1 {
margin-right: 0;
margin-bottom: 15px;
}
.title-container-psgm1 {
justify-content: center;
}
.params-container-psgm1 {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
@media (max-width: 480px) {
.params-container-psgm1 {
grid-template-columns: 1fr;
}
.main-title-psgm1 {
font-size: 28px;
}
.english-title-psgm1 {
font-size: 20px;
}
}