.sliderContainer > div { height: 100vh; } .Top003124 { font-family: 'SourceHanSansCN-Regular'; padding-left: 32px; padding-right: 80px; } .Top003124.hover { background-color: #fff; } .Top003124.hover menu li span a { color: #000 !important; } .Top003124.hover .logo img.white { display: none !important; } .Top003124.hover .logo img.black { display: block !important; } .Top003124.hover .top-lang .icon { background-image: url(../images/lang_active.png); } .Top003124:hover menu li span a { color: #000 !important; } .Top003124:hover .logo img.white { display: none !important; } .Top003124:hover .logo img.black { display: block !important; } .Top003124:hover .top-lang .icon { background-image: url(../images/lang_active.png); } @media (min-width:1025px) { .Top003124 { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; transition: background-color 0.3s, transform 1s; } } @media (max-width:1024px) { .Top003124 { height: 0.925em; } .Top003124 .wap-fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .Top003124 .logo .white { display: none; } .Top003124 .auto { position: relative; border-top: 1px solid #eee; } } .Top003124 .logo { float: left; display: table; height: 90px; position: relative;z-index: 2;} .Top003124 .logo a { display: table-cell; vertical-align: middle; } .Top003124 .logo img { height: 3.9375em; } .Top003124 .logo img.black { display: none; } @media (max-width:1024px) { .Top003124 .logo { height: 4em; } .Top003124 .logo img.black { height: 3em; display: block !important; } .Top003124 .logo a { padding-left: 10px; } .Top003124 img.white { display: none !important; } } .Top003124 .top-nav dd { font-family: 'Bebas'; } .Top003124 .top-nav dd.oa a { display: block; border: 1px solid #ccc; border-radius: 50%; text-align: center; } .Top003124.hover .top-nav dd.oa a { border-color: #ccc; } .Top003124 .top-nav dd.lang a { margin: 0 5px; } .Top003124 .top-lang { position: relative; z-index: 100; } .Top003124 .top-lang .box { position: absolute; top: 100%; left: -10px; right: -10px; padding: 10px 10px 10px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.2); display: none; } .Top003124 .top-lang { margin: 0 1.61vw 0 1.56vw; } .Top003124 .top-lang .icon { width: 20px; height: 20px; background: url(../images/lang.png) no-repeat center center; background-size: 100%; } .Top003124 .top-lang .icon.active { background-image: url(../images/lang_active.png); } .Top003124 .top-lang .box { text-align: center; } .Top003124 .top-nav dd.stock b { font-weight: normal; } .Top003124 .top-nav { margin-right: 0px; } @media (min-width:1025px) { .Top003124 .top-nav { float: right; margin-left: 70px; font-size: 0.875em; display: flex; align-items: center; height: 90px; } .Top003124 .top-nav dd { float: left; line-height: 2.5714em; } .Top003124 .top-nav dd.oa { margin-left: 4.2857em; } .Top003124 .top-nav dd.oa a { width: 2.5714em; } .Top003124 .top-nav dd.stock { margin-right: 2.1428em; padding-right: 2.1428em; border-right: 1px solid rgba(255, 255, 255, 0.1); } .Top003124:not(.hover) .top-nav dd.stock { border-right-color: #fff; } } @media (max-width:1024px) { .Top003124 .top-nav { position: absolute; right: 0; bottom: 100%; display: flex; align-items: center; margin-bottom: 0.5em; } .Top003124 .top-nav dd { line-height: 2; } .Top003124 .top-nav dd:not(:last-child) { margin-right: 1em; } .Top003124 .top-nav dd.oa a { width: 2em; } } .Top003124 menu li:nth-of-type(3) { position: static; } .Top003124 menu li span { display: block; } .Top003124 menu li span a { color: #fff; } .Top003124 menu li .sub.anotherSub { border-top: 1px solid #f0f0f0; } .Top003124 menu li .sub.anotherSub dl { padding: 0; } .Top003124 menu li .sub.anotherSub dt { padding: 0 40px; } .Top003124 menu li .sub.anotherSub dt a { color: #666; display: block; line-height: 80px; position: relative; } .Top003124 menu li .sub.anotherSub dt a::after { content: ""; position: absolute; width: 9px; height: 15px; background-image: url(../images/prosubArrow.png); right: 0; top: 50%; transform: translateY(-50%); } .Top003124 menu li .sub.anotherSub dt:hover { background-color: #8bbb2d; } .Top003124 menu li .sub.anotherSub dt:hover a { color: #fff; } .Top003124 menu li .sub.anotherSub dt:hover a::after { background-image: url(../images/prosubArrow_active.png); } .Top003124 menu li .sub.prosub { margin-left: 0; border-radius: 0; width: auto; position: absolute; left: 160px !important; right: 160px !important; border-top: 1px solid #f0f0f0; } .Top003124 menu li .sub.prosub .proContent { display: flex; } .Top003124 menu li .sub.prosub .proContent > dl { background-color: #fff; width: 25%; padding: 0; border-right: 1px solid #f0f0f0; } .Top003124 menu li .sub.prosub .proContent > dl dt { padding: 0 10%; line-height: 80px; } .Top003124 menu li .sub.prosub .proContent > dl dt:not(:nth-of-type(1)) { border-top: 1px solid #f0f0f0; } .Top003124 menu li .sub.prosub .proContent dl dt a { text-align: start; position: relative; display: block; color: #666; } .Top003124 menu li .sub.prosub .proContent > dl dt a { font-weight: 600; } .Top003124 menu li .sub.prosub .proContent dl dt a::after { content: ""; position: absolute; width: 9px; height: 15px; background-image: url(../images/prosubArrow.png); right: 0; top: 50%; transform: translateY(-50%); } .Top003124 menu li .sub.prosub .proContent dl dt:hover { color: #fff; background-color: #8bbb2d; } .Top003124 menu li .sub.prosub .proContent dl dt:hover a { color: #fff; } .Top003124 menu li .sub.prosub .proContent dl dt:hover a::after { background-image: url(../images/prosubArrow_active.png); } .Top003124 menu li .sub.prosub .proContent .prosubRight { flex: 1; } .Top003124 menu li .sub.prosub .proContent .prosubRight .rightItem { display: none; } menu li .sub.prosub .proContent .prosubRight .rightItem.active { display: block; } .Top003124 menu li .sub.prosub .proContent .rightTop { padding-top: 45px; padding-bottom: 57px; padding-left: 80px; background-position: right; background-repeat: no-repeat; } .Top003124 menu li .sub.prosub .proContent .rightTop p { color: #333; margin: 0; line-height: 1.5; } .Top003124 menu li .sub.prosub .prosubRight aside { font-weight: bold; font-size: calc(22/16 * 1em); color: #000; line-height: 2.36; } .Top003124 menu li .sub.prosub .prosubRight .rightBottom { } .Top003124 menu li .sub.prosub .prosubRight .rightBottom dl { background-color: #fff; padding-top: 30px; padding-bottom: 40px; width: 100%; display: flex; flex-wrap: wrap; } .Top003124 menu li .sub.prosub .prosubRight .rightBottom dt { margin-left: 40px; padding: 0 40px; width: 43.33333%; line-height: 70px; } .Top003124 menu li .sub.prosub .prosubRight .rightBottom dt:not(:nth-last-of-type(1)) { margin-bottom: 10px; } .Top003124 menu li .sub.prosub .proContent .rightBottom dl dt a { color: #333; } .Top003124 menu li .sub.prosub .proContent .rightBottom dl dt:hover a { color: #fff; } .Top003124 menu li .sub.prosub .proContent .rightBottom dl dt a::after { background-image: url(../images/prosubArrow2.png); } .Top003124 menu li .sub.prosub .proContent .rightBottom dl dt:hover a::after { background-image: url(../images/prosubArrow_active.png); } .Top003124 menu li.aon span a { color: #1c8b3b !important; } @media(min-width:1280px) { .Top003124 menu li:not(:last-child) { margin-right: 5em; } } @media (min-width:1025px) { .Top003124 menu li .sub.prosub .proContent .rightTop { background-color: #f9f9f9; } .Top003124 menu { float: right; } .Top003124 menu li { float: left; } .Top003124 menu li:not(:last-child) { margin-right: 3.5em; } .Top003124 menu li span, .Top003124 menu li span a { line-height: 90px; } .Top003124 menu li span a { display: block; position: relative; z-index: 1; } .Top003124 menu li span a:after { position: absolute; content: ''; left: 0; bottom: 0; height: 2px; background-color: #1c8b3b; transition: 0.3s; } .Top003124 menu li:hover span a:after, .Top003124 menu li.aon span a:after { width: 100%; } .Top003124 menu li .sub.anotherSub { margin-left: 0; width: 400px; left: 50% !important; transform: translateX(-50%); position: absolute; top: 100%; background-color: #fff; overflow: hidden; } } @media (max-width:1024px) { .Top003124 menu { position: fixed; left: -100%; top: 4em; height: calc(100% - 7em); overflow-y: auto; background-color: #fff; width: 350px; opacity: 0; transition: 0.3s ease; } .menu-show .Top003124 menu { left: 0; opacity: 1; transform: translateX(0); } .Top003124 menu li { border-bottom: 1px solid #eee; } .Top003124 menu li span { padding-top: 1em; padding-bottom: 1em; padding-left: 1em; } .Top003124 .has-sub span .op:before, .Top003124 .has-sub span .op:after { background-color: #ccc; } .Top003124 menu li .sub.prosub { position: static; overflow-x: auto; } .Top003124 menu li .sub.prosub .proContent { width: 250%; } .Top003124 menu li .sub.prosub .proContent .rightTop { background-size: cover; } .Top003124 menu li .sub.prosub .proContent > dl dt a { font-size: calc(10/16 * 1em); } .Top003124 menu li .sub.prosub .proContent .rightBottom dl dt a { font-size: calc(10/16 * 1em); } } @media(max-width:640px) { .Top003124 { font-size: 3.5vw; height: 4em; } .Top003124 menu { width: 200px; } .Top003124 menu li .sub.prosub .proContent > dl dt a { font-size: calc(16/16 * 1em); } .Top003124 menu li .sub.prosub .proContent .rightBottom dl dt a { font-size: calc(16/16 * 1em); } .Top003124 menu li .sub.prosub .prosubRight .rightBottom dt { width: 100%; } .Top003124 menu li .sub.prosub .proContent > dl dt { line-height: 40px; } .Top003124 menu li .sub.prosub .prosubRight .rightBottom dt { line-height: 40px; } .Top003124 menu li .sub.anotherSub dt a { line-height: 40px; } } .Top003124 .open-search { position: absolute; right: 0; top: 0; width: 80px; height: 90px; background: #8bbb2d url(../images/Top003124-btn.svg) no-repeat center; cursor: pointer; background-size: auto 23.53%; z-index: 2;} .Top003124 .top-search { position: absolute; right: 0; top: 100%; background-color: #fff; width: 100%; max-width: 400px; } .Top003124 .top-search .btn { background-color: rgba(0, 0, 0, 1); background-image: url(../images/Top003124-btn.svg); background-size: auto 50%; } .Top003124 .open-search.on:before, .Top003124 .open-search.on:after { width: 40%; left: 30%; } .Top003124.hover .open-search.on:before, .Top003124.hover .open-search.on:after { background-color: rgba(0, 0, 0, 1); } @media (max-width:1024px) { .Top003124 .open-search { width: 2.4em; height: 2.4em; top: 50%; margin-top: -1.2em; /* background-color: rgba(0, 0, 0, 1); */ background-size: auto 60%; right: 2.6em; } .Top003124 .open-menu { width: 2.4em; height: 2.4em; right: 0;z-index: 2; } .Top003124 .open-menu i { width: 60%; left: 20%; background-color: rgba(0, 0, 0, 1); } } .Banner003192 { position: relative; } .Banner003192 li.slick-slide video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; z-index: 1; } /* .Banner003192 li.slick-slide video{ width: 100%; height: 100%; object-fit: cover; } */ @media (min-width:1025px) { .Banner003192 .wap { display: none; } } @media (max-width:1024px) { .Banner003192 .pc { display: none; } } .Banner003192 li.slick-slide { position: relative; } .Banner003192 [class*=txt-style-] { position: absolute; top: 0; color: #fff; z-index: 10; } .Banner003192 .tit { font-family: 'HarmonyOS_Sans_SC_Bold'; font-size: calc(50 / 1920 * 100vw); margin-bottom: calc(20 / 65 * 1em); transition: 0.3s; color: #fff; } .Banner003192 .sub-tit { font-size: calc(30 / 1920 * 100vw); line-height: 1.2; transition: 0.3s 0.3s; } .Banner003192 .txt-style-1 { left: 0; right: 0; top: calc(215 / 960 * 100%); } .Banner003192 .txt-style-1 .tit { line-height: 70px; font-size: calc(54/16 * 1em); transform: translateX(30px); opacity: 0; } .Banner003192 .txt-style-1 .tit > span { color: #8bbb2d; } .Banner003192 .txt-style-1 .sub-tit { line-height: 87px; font-size: calc(26/16 * 1em); transform: translateX(30px); opacity: 0; color: #c6c5c0; } .Banner003192 .ani-show .txt-style-1 .tit, .Banner003192 .ani-show .txt-style-1 .sub-tit { transform: translateX(0); opacity: 1; } .Banner003192 .txt-style-2 { text-align: center; top: 0; left: 0; width: 100%; height: 100%; } .Banner003192 .txt-style-2 .ytable { height: 100%; } .Banner003192 .open-video { display: block; margin: 0 auto; width: calc(60 / 1920 * 100vw); height: calc(60 / 1920 * 100vw); background: url(../images/Banner003192-play.png) no-repeat center center; background-size: contain; margin-bottom: calc(60 / 1920 * 100vw); cursor: pointer; transform: translateY(30px); opacity: 0; transition: 0.3s; } .Banner003192 .txt-style-2 .tit { transform: translateY(30px); opacity: 0; transition-delay: 0.3s; } .Banner003192 .txt-style-2 .sub-tit { letter-spacing: calc(9 / 1920 * 100vw); transform: translateY(30px); opacity: 0; transition-delay: 0.6s; } .Banner003192 .ani-show .open-video, .Banner003192 .ani-show .txt-style-2 .tit, .Banner003192 .ani-show .txt-style-2 .sub-tit { transform: translateY(0); opacity: 1; } .Banner003192 .txt-style-3 { left: 0; width: 100%; top: calc(281 / 960 * 100%); } .Banner003192 .txt-style-3 .auto { max-width: 1440px; width: 90%; } .Banner003192 .txt-style-3 .tit { transform: translateX(30px); opacity: 0; } .Banner003192 .txt-style-3 .sub-tit { transform: translateX(30px); opacity: 0; } .Banner003192 .ani-show .txt-style-3 .tit, .Banner003192 .ani-show .txt-style-3 .sub-tit { transform: translateX(0); opacity: 1; } @media(min-width:1921px) { .Banner003192 .txt-style-1 { max-width: 100%; width: 84%; } .Home_Global .sliderBox { width: 84%; } } @media(min-width:1025px) and (max-width:1800px) { .Banner003192 .txt-style-1 { width: 84%; } .Home_Global .sliderBox { width: 84%; } } /* 2024.7.9 */ /* @media (min-width:1025px) { */ .Banner003192 li.slick-slide .img-block { height: 100%; object-fit: cover; } .fp-tableCell .slider { height: 100%; } .fp-tableCell .slider li { height: 100%; } .fp-tableCell .slick-list { height: 100%; } .fp-tableCell .slick-track { height: 100vh; } .fp-tableCell .slick-slide { height: 100%; } .fp-tableCell > img { height: 100%; object-fit: cover; } /* } */ @media(max-width:1024px) { /* .fp-tableCell { height: auto !important; } */ /* .fp-section.fp-table { height: auto !important; } */ } .Banner003192 .slick-pages { display: flex; font-size: calc(23/16 * 1em); position: absolute; left: calc(162 / 16 * 1em); bottom: calc(64/16 * 1em); color: #fff; z-index: 20; } .Banner003192 .slick-pages span { color: rgba(255, 255, 255, .4); } .Banner003192 .slick-pages figure { margin: 0 12px; } .Banner003192 .slick-dots { position: absolute; right: calc(141 / 1920 * 100vw); bottom: calc(66 / 960 * 100%); z-index: 20; } .Banner003192 .slick-dots li { float: left; width: calc(30 / 1920 * 100vw); height: 3px; background-color: rgba(255, 255, 255, 1); opacity: 0.5; margin-left: 10px; } .Banner003192 .slick-dots li button { display: none; } .Banner003192 .slick-dots li.slick-active { opacity: 1; } .Banner003192 .slick-arrow { font-size: calc(23/16 * 1em); color: transparent; position: absolute; position: absolute; width: 13px; height: 21px; z-index: 99; left: calc(162 / 16* 1em); bottom: calc(64 / 16* 1em); background-image: url(../images/button-active.png); } .Banner003192 .slick-arrow.slick-disabled { background-image: url(../images/button-disabled.png); } .Banner003192 .slick-arrow.slick-prev { margin-left: calc(-35/16 * 1em); transform: rotate(180deg); } .Banner003192 .slick-arrow.slick-next { margin-left: calc(88/16 * 1em); } .Banner003192 .slick-prev.slick-disabled { transform: none; } .Banner003192 .slick-next.slick-disabled { transform: rotate(180deg); } @media(max-width:1440px) { } @media(max-width:1024px) { .Banner003192 .slick-pages { left: 50%; transform: translateX(-50%); } .Banner003192 .txt-style-1 .sub-tit { font-size: calc(16/16 * 1em); line-height: 2; } .Banner003192 .txt-style-1 .tit { font-size: calc(24/16 * 1em); line-height: 2; } .Banner003192 .slick-arrow { background-size: cover; left: calc(100/16 * 1em); } .Banner003192 .slick-arrow.slick-next { right: 40%; left: unset; margin: 0; } .Banner003192 .slick-arrow.slick-prev { left: 40%; margin-left: unset; } } @media(max-width:640px) { .Banner003192 .txt-style-1 .tit { font-size: calc(18/16 * 1em); } .Banner003192 .slick-arrow { bottom: calc(20/16 * 1em); } .Banner003192 .slick-pages { bottom: calc(20/16 * 1em); } .Banner003192 .slick-arrow.slick-prev { left: 35%; } .Banner003192 .slick-arrow.slick-next { right: 35%; } } .Banner003086 { position: relative; } .Banner003086 .auto { max-width: 1600px; } .Banner003086 .slider li { position: relative; } .Banner003086 .ytable { height: 100%; } .Banner003086 .txt-area { font-family: 'Alibaba-PuHuiTi-Regular'; position: absolute; color: #c6c5c0; ; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; font-size: 62px; } .Banner003086 .txt-area .t-1 { font-size: 0.387em; transform: translateX(50px); } .Banner003086 .txt-area .t-2 { transform: translateX(100px); } .Banner003086 .txt-area .t-3 { font-family: 'Alibaba-PuHuiTi-Bold'; transform: translateX(150px); } .Banner003086 .ani-show .txt-area aside { opacity: 1; transform: translateX(0); } .Banner003086 .slick-dots { position: absolute; left: 50%; transform: translateX(-50%); z-index: 20; bottom: 2.55vw; } .Banner003086 .slick-dots li { float: left; width: 30px; position: relative; height: 30px; border: solid 1px transparent; } .Banner003086 .slick-dots li button { font-size: 0; width: 8px; height: 8px; background: #e1e1e1; opacity: 0.5; padding: 0; border: 0; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -4px; } .Banner003086 .slick-dots li:not(:last-child) { margin-right: 4.74vw; } .Banner003086 .slick-dots li:not(:last-child):after { left: 100%; margin-left: 0.34vw; width: 4.07vw; height: 2px; position: absolute; content: ''; top: 50%; margin-top: -1px; background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.5) 20%, transparent 50%); background-size: 8px 2px; background-repeat: repeat-x; } .Banner003086 .slick-dots li.slick-active { border-color: #fff; } .Banner003086 .slick-dots li.slick-active button { opacity: 1; } .Banner003086 .txt-style-2 { position: absolute; left: 0; right: 0; top: calc(168 / 960* 100%); color: #fff; } .Banner003086 .fp-tableCell img { width: 100%; } .Banner003086 .txt-style-2 .sub-tit { font-size: calc(24/16 * 1em); line-height: 90px; } .Banner003086 .txt-style-2 .sub-subtit { font-size: calc(48/16 * 1em); line-height: 64px; font-weight: 100; } .Banner003086 .txt-style-2 .tit { font-size: calc(48/16 * 1em); line-height: 64px; font-weight: bold; color: #fff; } .Banner003086 .txt-style-2 .tit > span { color: #8bbb2d; } .Banner003086 .txt-style-2 p { line-height: 2; margin: 0; margin-top: 35px; } .Banner003086 .companyDetailB { position: absolute; bottom: 0; display: flex; justify-content: space-between; padding-right: 80px; padding-left: calc(160 / 1920* 100vw); width: 100%; } .Banner003086 .companyDetailB .leftContent { display: flex; flex: 1; } .Banner003086 .companyDetailB .leftContent .leftItem { width: 25%; color: #fff; display: flex; flex-direction: column; justify-content: center; } .Banner003086 .companyDetailB .leftContent .leftItem aside { line-height: 2.5; font-size: calc(13/16 * 1em); } .Banner003086 .companyDetailB .leftContent .leftItem p { font-weight: bold; line-height: 1.875; font-size: calc(43/16 * 1em); margin: 0; } .Banner003086 .companyDetailB .leftContent .leftItem p sub { vertical-align: super; font-weight: normal; } .Banner003086 .companyDetailB .rightContent { position: relative; } .Banner003086 .videoContainer { z-index: 999; display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); left: 0; top: 0; } .Banner003086 .videoBox { width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .Banner003086 .videoBox .videoClose { cursor: pointer; position: absolute; top: 0; right: 0; font-size: 20px; background-color: #000; color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .Banner003086 .videoBox video { max-width: 100% } .Banner003086 .companyDetailB .rightContent .videoMask { position: absolute; top: 0; width: 100%; height: 100%; } .Banner003086 .companyDetailB .rightContent .videoMaskM { position: absolute; opacity: .9; height: 100%; width: 100%; } .Banner003086 .companyDetailB .rightContent .videoMaskC { position: relative; z-index: 2; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; } .Banner003086 .companyDetailB .rightContent .videoMaskC figure { cursor: pointer; } .Banner003086 .companyDetailB .rightContent .videoMaskC p { color: #fff; } @media(min-width:1921px) { .Banner003086 .txt-style-2 { max-width: 100%; width: 84%; } } @media(min-width:1025px) and (max-width:1800px) { .Banner003086 .txt-style-2 { width: 84%; } } @media(min-width:1025px) { .Banner003086 .slider img { object-fit: cover; height: 100%; } } @media(max-width:1024px) { .Banner003086 .txt-area { font-size: 5vw; padding: 0 2vw; } .Banner003086 .txt-style-2 .sub-tit { font-size: calc(16/16 * 1em); line-height: 1.5; } .Banner003086 .txt-style-2 .sub-subtit { font-size: calc(24/16 * 1em); line-height: 1.5; } .Banner003086 .txt-style-2 .tit { font-size: calc(24/16 * 1em); line-height: 1.5; } .Banner003086 .companyDetailB .rightContent > figure { width: calc(300/16 * 1em); } .Banner003086 .companyDetailB .rightContent video { width: calc(300/16 * 1em); height: auto; } .Banner003086 .companyDetailB .leftContent .leftItem p { font-size: calc(18/16 * 1em); } .Banner003086 .txt-style-2 p { margin-top: 10px; } } @media(max-width:800px) { .Banner003086 .companyDetailB .rightContent > figure { width: calc(200/16 * 1em); } .Banner003086 .companyDetailB .rightContent video { width: calc(200/16 * 1em); } } @media(max-width:640px) { .Banner003086 .slick-dots li { width: 20px; height: 20px; } .Banner003086 .companyDetailB .rightContent { display: none; } .Banner003086 .companyDetailB .leftContent .leftItem { text-align: center; } .Banner003086 .txt-style-2 { top: calc(50 / 960* 100%); } .Banner003086 .txt-style-2 .tit { font-size: calc(18/16 * 1em); } .Banner003086 .txt-style-2 .sub-tit { font-size: calc(12/16 * 1em); } .Banner003086 .txt-style-2 p { font-size: calc(12/16 * 1em); line-height: 1.5; } .Banner003086 .txt-style-2 .sub-subtit { font-size: calc(18/16 * 1em); } .Banner003086 .companyDetailB { padding: 0; } .Banner003086 .companyDetailB .leftContent .leftItem aside { font-size: calc(12/16 * 1em); line-height: 1.5; } .Banner003086 .companyDetailB .leftContent .leftItem p { line-height: 1.5; } } #fp-nav.fp-right { left: 69px; width: 16px; } #fp-nav ul li { margin: 40px 0; } #fp-nav ul li a span { left: 0; top: 0; width: 10px; height: 10px; border: 2px solid #999; background-color: transparent; margin: 0; } #fp-nav ul li a.active span { width: 10px; height: 10px; border-color: #fff; margin: 0; } #fp-nav.green ul li a.active span { border-color: #1c8b3b; } #fp-nav ul li:hover a.active span { width: 10px; height: 10px; border-color: #1c8b3b; margin: 0; } #fp-nav ul li:hover a span { margin: 0; border-color: #1c8b3b; } #fp-nav ul li a .fp-sr-only { display: none; } #fp-nav ul li .fp-tooltip.fp-right { display: none; } .mouse { opacity: .4; margin-top: 20px; background: url(../images/mouse.png) no-repeat center; width: 16px; height: 22px; background-size: contain; z-index: 30; margin-left: 0; } .screenChange { cursor: pointer; position: absolute; ; z-index: 30; left: calc(69 / 1920* 100vw); margin-left: 0; bottom: calc(80 / 960 * 100%); width: 16px; text-align: center; color: #c6c5c0; color: rgba(255, 255, 255, .4); } .screenChange span { line-height: 1.5; } .screenChange.green span { color: #1c8b3b; } .screenChange.green .mouse { background-image: url(../images/mouse_active.png); } .screenChange:hover { color: #1c8b3b; } .screenChange:hover .mouse { background-image: url(../images/mouse_active.png); opacity: 1;} @media(max-width:1200px) { .screenChange { display: none !important; } } .Banner003192_partner .txt-style-1 { position: absolute; color: #fff; z-index: 10; left: 0; right: 0; top: calc(215 / 960* 100%); } .Banner003192_partner .txt-style-1 .sub-tit { font-size: calc(105/16 * 1em); color: #1c8b3b; font-weight: bold; line-height: 2; } .Banner003192_partner .txt-style-1 .sub-tit sub { font-size: 28px; vertical-align: super; } .Banner003192_partner .txt-style-1 .tit_t { font-size: calc(24/16 * 1em); color: #333; line-height: 4; } .Banner003192_partner .txt-style-1 .tit{ font-size: calc(32/16 * 1em); color: #000; line-height: 1.25; max-width: 45%;} .Banner003192_partner .txt-style-1 .tit span { color: #8bbb2d; } .Banner003192_partner .slick-slider { height: 100%; } .Banner003192_partner .slick-list { height: 100%; } .Banner003192_partner .slick-track { height: 100%; } .Banner003192_partner .slick-slide { height: 100%; background-position: left center; background-repeat: no-repeat; position: relative; } .Banner003192_partner .slick-slide { background-size: auto, cover; } .Banner003192_partner .slick-slide:nth-of-type(2n) { background-size: cover; } .Banner003192_partner .slick-arrow { position: absolute; width: 14px; height: 22px; z-index: 99; left: calc(160 / 1920* 100vw); bottom: calc(81 / 960* 100%); background-image: url(../images/partnerArrow_active.png); } .Banner003192_partner .slick-arrow:hover { background-image: url(../images/partnerArrow_active.png); } .Banner003192_partner .slick-arrow.slick-disabled { background-image: url(../images/partnerArrow.png); } .Banner003192_partner .slick-arrow.slick-prev { transform: rotate(180deg); } .Banner003192_partner .slick-next.slick-disabled { transform: rotate(180deg); } .Banner003192_partner .slick-prev.slick-disabled { transform: rotate(0); } .Banner003192_partner .slick-arrow.slick-prev { margin-left: 0px; } .Banner003192_partner .slick-arrow.slick-next { margin-left: 58px; } .Banner003192_partner .partnerList { position: absolute; z-index: 90; width: 77.5%; height: 100%; top: 0; display: flex; left: calc(435 / 1920* 100vw); flex-wrap: wrap; } .Banner003192_partner .partnerList li { height: calc(184/953 * 100vh); color: #1c8b3b; position: relative; background-color: #fff; margin: 4px; width: 11.9%; list-style: none; display: flex; align-items: center; justify-content: center; } .Banner003192_partner .partnerList li:nth-of-type(-n+8) { margin-top: 0; } .Banner003192_partner .partnerList li:nth-last-of-type(-n+8) { margin-bottom: 0; } .Banner003192_partner .partnerList li img { width: auto; transition: .3s linear; } .Banner003192_partner .partnerList li::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 3px solid #8bbb2d; opacity: 0; transition: .3s; } .Banner003192_partner .partnerList li:hover::after { opacity: 1; } /* .Banner003192_partner .partnerList li img { filter: grayscale(100%); opacity: .5; } */ .Banner003192_partner .partnerList li:hover img { /* filter: grayscale(100%); */ opacity: 1; transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; } .Banner003192_partner .partnerList li a { display: flex; justify-content: center; align-items: center; z-index: 100; position: relative; cursor: pointer; width: 100%; height: 100%; } .Banner003192_partner .partnerList li span { position: relative; color: #1c8b3b; } .Banner003192_partner .partnerList li span::after { position: absolute; content: ""; width: 8px; height: 14px; top: 50%; transform: translateY(-50%); right: -28px; background-image: url(../images/parternArrow.png); background-repeat: no-repeat; } .Banner003192_partner .shadow { position: absolute; top: 0; width: 100%; height: 10%; z-index: 98; background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(255, 255, 255, 0) 100%); } @media(min-width:1921px) { .Banner003192_partner .txt-style-1 { max-width: 100%; width: 84%; } } @media (min-width:1025px) and (max-width:1800px) { .Banner003192_partner .txt-style-1 { width: 84%; } } @media(min-width:1025px) { .Banner003192_partner .wap { display: none; } } @media(max-width:1440px) { .Banner003192_partner .partnerList li { width: 11.5%; } } @media(max-width:1024px) { .Banner003192_partner .txt-style-1 .sub-tit { font-size: calc(30/16 * 1em); } .Banner003192_partner .txt-style-1 .tit_t { font-size: calc(16/16 * 1em); } .Banner003192_partner .txt-style-1 .tit { font-size: calc(24/16 * 1em); } .Banner003192_partner .partnerList { padding: 10px 0; } .Banner003192_partner .partnerList li { height: 18.5%; } .Banner003192_partner .partnerList li img { max-width: 50%; } } @media(max-width:768px) { .Banner003192_partner .partnerList li { width: 10.5%; height: 17.5%; } .Banner003192_partner .partnerList li span { font-size: calc(12/16 * 1em); } .Banner003192_partner .partnerList li span::after { right: -10px; } } @media(max-width:640px) { .Banner003192_partner .txt-style-1 { top: 10%; } .Banner003192_partner .txt-style-1 .sub-tit { font-size: calc(20/16 * 1em); line-height: 1.5; } .Banner003192_partner .txt-style-1 .tit_t { line-height: 2; } .Banner003192_partner .txt-style-1 .sub-tit sub { font-size: 14px; } .Banner003192_partner .txt-style-1 .tit { font-size: calc(18/16 * 1em); } .Banner003192_partner .slick-arrow { left: 20px; } .Banner003192_partner .partnerList li { width: 9.5%; height: 16.5%; } .Banner003192_partner .partnerList li span::after { display: none; } .Banner003192_partner .partnerList li img { max-height: 50%; } } .Banner003192_wap .plist1_swiper .pitem{margin-bottom:1.5%;padding-bottom:54%;position:relative;background-color:#fff;box-shadow:0 0 15px rgba(225,228,231,.57);} .Banner003192_wap .plist1_swiper .pitem:not(:nth-child(3n+1)){margin-left:1.5%;} .Banner003192_wap .plist1_swiper .pitem img{position:absolute;left:50%;top:50%;max-height:20px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);} .Banner003192_wap .plist1_swiper .swiper-slide{margin-top:10px;} .Banner003192_wap .plist1_swiper{margin-top:25px;} .Banner003192_wap{position:relative;overflow:hidden;} .Banner003192_wap::before{content:'';display:block;position:absolute;left:23%;top:8%;background-image:radial-gradient(circle,#3b9856,transparent);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);opacity:.3;width:40vh;height:40vh;border-radius:50%;filter:blur(60px);display: none} .Banner003192_wap::after{content:'';display:block;position:absolute;left:70%;top:85%;background-image:radial-gradient(circle,#99c34c,transparent);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);opacity:.3;width:40vh;height:40vh;border-radius:50%;filter:blur(60px);display: none} .Banner003192_wap .w_96{position:relative;z-index:2;} @media(min-width:1921px){ .Banner003192_wap .auto{max-width:100%;width:84%;} } @media(min-width:1025px){ .Banner003192_wap .hbox1{position: relative;padding-top: 3%;margin-bottom: 1%} .Banner003192_wap .hbox1 .sub-tit{font-size:calc(105/16 * 1em);color:#1c8b3b;font-weight:bold;line-height:1;position: absolute;right: 0;bottom: 0;} .Banner003192_wap .hbox1 .sub-tit sub{font-size:28px;vertical-align:super;} .Banner003192_wap .hbox1 .tit_t{font-size:calc(24/16 * 1em);color:#333;line-height:4;} .Banner003192_wap .hbox1 .tit{font-size:calc(32/16 * 1em);color:#000;line-height:1.25;max-width: 45%;} .Banner003192_wap .hbox1 .tit span{color:#8bbb2d;} } .Home_Global { position: relative; } .Home_Global .home_move { position: absolute; left: calc(447 / 1920* 100vw); top: calc(228 / 960* 100%); } .fp-tableCell > img { width: 100%; } .Home_Global .txt-style-1 { position: absolute; color: #fff; left: 0; right: 0; top: calc(215 / 960* 100%); } .Home_Global .txt-style-1 .tit_t { font-size: calc(24/16 * 1em); line-height: 4; } .Home_Global .txt-style-1 .tit { font-size: calc(48/16 * 1em); line-height: 1.25; } .Home_Global .txt-style-1 .tit span { color: #8bbb2d; } .Home_Global .sliderBox { position: absolute; top: calc(242 / 960* 100%); left: 0; right: 0; } .Home_Global .sliderBox .slick-track {height: auto;} .Home_Global .slider { position: absolute; right: 0; top: 0; list-style: none; width: 320px; } .Home_Global .slider figure { padding-bottom: 100%; background-repeat: no-repeat; } .Home_Global .slider .titleBox { background-color: #8bbb2d; color: #fff; padding: 40px; padding-bottom: 116px; } .Home_Global .slider .titleBox h2 { font-size: calc(28/16 * 1em); margin: 0; line-height: 34px; } .Home_Global .slider .titleBox p { max-width: 100%; margin: 0; margin-top: 21px;height: 80px; overflow: hidden; -webkit-line-clamp: 5; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .Home_Global .slider .slick-dots { display: flex; position: absolute; z-index: 10; bottom: 10%; list-style: none; left: 40px; } .Home_Global .slider .slick-dots li { width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, .3); } .Home_Global .slider .slick-dots li:not(:nth-of-type(1)) { margin-left: 10px; } .Home_Global .slider .slick-dots button { display: none; } .Home_Global .slider .slick-dots .slick-active { background-color: #fff; } @media(min-width:1921px) { .Home_Global .txt-style-1 { max-width: 100%; width: 84%; } } @media(min-width:1025px) and (max-width:1800px) { .Home_Global .txt-style-1 { width: 84%; } .Home_Global .sliderBox { width: 84%; } } @media(min-width:1025px) { .Home_Global .wap { display: none; } .Home_Global .sliderBox .slider { height: auto; } } @media(max-width:1024px) { .Home_Global .txt-style-1 .tit_t { font-size: calc(16/16 * 1em); } .Home_Global .txt-style-1 .tit { font-size: calc(24/16 * 1em); } .Home_Global > .fp-tableCell> figure img { max-width: 50%; } .Home_Global .slider .titleBox { padding: calc(20/16 * 1em); padding-bottom: calc(40/16 * 1em); } .Home_Global .sliderBox { top: 10%; } .Home_Global .slider figure { padding-bottom: 60%; } .Home_Global .slider .titleBox h2 { font-size: calc(18/16 * 1em); } .Home_Global .slider .titleBox p { font-size: calc(16/16 * 1em); margin-top: 10px; } } @media(max-width:768px) { .Home_Global .slider figure { padding-bottom: 40%; } .Home_Global .slider { width: 250px; } } @media(max-width:640px) { .Home_Global .sliderBox { display: none; } } .Bottom002887 { font-family: 'SourceHanSansCN-Light'; background: #f9f9f9; } .Bottom002887, .Bottom002887 a { color: #000; } .Bottom002887 .auto { background-repeat: no-repeat; background-position: top; } .Bottom002887 .copyright { padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.1); line-height: 30px; } .Bottom002887 .copyright .fr { overflow: hidden; } .Bottom002887 .copyright .fr a { float: left; height: 30px; } .Bottom002887 .copyright .fr a.knet { background: url("../images/knet.png") no-repeat center center; width: 84px; } .Bottom002887 .copyright .fr a.wlzxnet { background: url("../images/wlzxnet.png") no-repeat left center; padding-left: 37px; margin-right: 37px; } .Bottom002887 .b_link { line-height: 24px; } .Bottom002887 .b_link > div { margin-top: 100px; } .Bottom002887 .b_link .fr { position: relative; padding-left: 70px; } .Bottom002887 .b_link .fr span { position: absolute; left: 0; top: 0; } .Bottom002887 .b_link .fr a { margin-left: 25px; display: inline-block; } .Bottom002887 .b_link .fl a { display: inline-block; } .Bottom002887 .b_link .fl a:hover { color: #1c8b3b; } .Bottom002887 .b_link .fl i { text-align: center; margin: 0 20px; display: inline-block; vertical-align: middle; background: rgba(255, 255, 255, 0.2); } .Bottom002887 .b_nav div.code { margin: 0 auto; padding-right: 160px; } .Bottom002887 .code li { float: left; width: 43.75%; text-align: center; } .Bottom002887 .code li:nth-child(2n) { float: right; } .Bottom002887 .code li aside { color: rgba(255, 255, 255, 0.5); margin-top: 10px; } .Bottom002887 .code li img { border-radius: 4px; display: block; width: 100%; } .Bottom002887 .code .tit:not(:nth-of-type(1)) { margin-top: calc(48/16 * 1em); } .Bottom002887 .b_nav .tit { font-family: 'SourceHanSansCN-Bold'; font-size: 16px; margin-bottom: 24px; } .Bottom002887 .b_nav .tit a { font-weight: bold; color: #000; } .Bottom002887 .b_nav > nav, .Bottom002887 .b_nav > div { padding: 100px 0; } .Bottom002887 .b_nav nav dd { line-height: 2; } .Bottom002887 .b_nav nav dd a { color: #666; } .Bottom002887 .b_nav nav dd a:hover { color: #1c8b3b; } .Bottom002887 .b_nav .tit a:hover { color: #1c8b3b; } .Bottom002887 .b_nav nav { border-right: 1px solid #f0f0f0; } .Bottom002887 .call { color: #666; margin-top: 24px; margin-bottom: 10px; line-height: 2; font-size: calc(14/16 * 1em); font-family: 'IMPACT'; } .Bottom002887 .contact p { line-height: 1.5; } .Bottom002887 .code p { line-height: 1.5; } .Bottom002887 .b_nav nav .item .item_List:not(:nth-last-of-type(1)) { margin-bottom: calc(32/16 * 1em); } .Bottom002887 .b_nav nav .item .item_List:not(:nth-of-type(1)) { margin-top: calc(60/16 * 1em); } .Bottom002887 .b_nav nav.fl { width: 43.75%; } .Bottom002887 .b_nav nav.fl .top { padding-left: 160px; margin-bottom: 80px; } .Bottom002887 .b_nav nav.fl .bottom { padding-left: 160px; border-top: 1px solid #f0f0f0; } .Bottom002887 .b_link nav.fl { width: 100%; margin-bottom: 34px; } @media(min-width:641px) { .Bottom002887 .b_nav nav .item { float: left; /* max-width: 120px; */ max-width: 230px; } .Bottom002887 .b_nav nav .item dl { display: block !important; } } @media(min-width:1025px) { .Bottom002887 .code { width: 20%; } .Bottom002887 div.contact { width: 31.25%; padding-left: 3.15%; padding-right: 3.15%; } } @media(max-width:1366px) { .Bottom002887 .b_nav nav.fl .top{ padding-left: 50px; } .Bottom002887 .b_nav div.code{ padding-right: 50px; } .Bottom002887 .b_nav nav .item { max-width: 250px; } } @media(max-width:1024px) { .Bottom002887 .b_nav nav .item .item_List:not(:nth-of-type(1)) { margin-top: 0; } .Bottom002887 .b_nav nav .item .item_List:not(:nth-last-of-type(1)) { margin-bottom: 0; } .Bottom002887 .contact, .Bottom002887 .code .tit { text-align: center; } .Bottom002887 .contact { padding: 20px 0; } .Bottom002887 .b_nav nav.fl { width: 100%; text-align: center; } .Bottom002887 .b_nav nav { border: none; } .Bottom002887 .b_nav > nav { padding: calc(50/16 * 1em) 0; } .Bottom002887 .b_nav { width: 96%; margin: 0 auto; } .Bottom002887 .b_nav nav.fl .top { padding: 0; margin-bottom: calc(25/16 * 1em); } .Bottom002887 .b_nav nav.fl .bottom { padding: 0; } .Bottom002887 .b_link > div { margin-top: calc(25/16 * 1em); } .Bottom002887 .b_nav > div { padding: calc(50/16 * 1em) 0; } .Bottom002887 .b_nav div.code { padding-right: 0; text-align: center; } } @media(max-width:640px) { .Bottom002887 .b_nav nav .item { margin: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .Bottom002887 .b_nav nav .item dl { display: none; padding-bottom: 20px; } .Bottom002887 .b_nav .tit { padding: 20px 0; } .Bottom002887 .b_nav nav .tit { position: relative; z-index: 1; margin-bottom: 0; text-align: start; } .Bottom002887 .b_nav nav .tit i { position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -8px; transition: 0.3s; } .Bottom002887 .b_nav nav .tit i.on { transform: rotate(45deg); } .Bottom002887 .b_nav nav .tit i:before, .Bottom002887 .b_nav nav .tit i:after { position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #000; } .Bottom002887 .b_nav nav .tit i:before { width: 50%; height: 2px; } .Bottom002887 .b_nav nav .tit i:after { width: 2px; height: 50%; } .Bottom002887 .b_nav nav dd { padding: 5px 0; text-align: start; } .Bottom002887 .code { max-width: 280px; } .Bottom002887 .code li img { width: 80%; margin: 0 auto; } } .Banner002167 { position: relative; z-index: 1; } .Banner002167 .textContent { position: absolute; position: absolute; top: 50%; color: #fff; left: 50%; transform: translate(-50%, -50%); } .Banner002167 aside.title { font-size: calc(56/16 * 1em); } .Banner002167 .backimg { background-size: cover; height: 413px; background-position: center top; background-repeat: no-repeat; } .Banner002167 img { display: none; } @media(max-width:1024px) { .Banner002167 aside.title { font-size: calc(30/16 * 1em); } } @media(max-width:1024px) { .Banner002167 div.backimg { display: none; } .Banner002167 img { display: block; width: 100%; } } @media(max-width:640px) { .Banner002167 aside { font-size: 24px; } } .Banner002167 .current { font-family: 'SourceHanSansCN-Regular'; padding: 2em 0; font-size: 0.875em; padding-left: 30px; background: url(../images/home.png) no-repeat left center; } .Banner002167 .current span { color: #fff; } .Banner002167 .current a { color: #fff; } .columnMenu { max-width: 76%; border-bottom: 1px solid #f0f0f0; position: absolute; left: 0; right: 0; bottom: 0; background-color: #fff; } .columnMenu::after { width: 12%; height: calc(100% + 1px); position: absolute; right: 0; content: ""; background-color: #fff; transform: skewX(45deg) translateX(50%); top: 0; border-bottom: 1px solid #f0f0f0; } .columnMenu ul { list-style: none; display: flex;flex-wrap: wrap; max-width: 1140px; margin: 0 auto; width: 96%; } .columnMenu ul { list-style: none; } .columnMenu ul li { position: relative; z-index: 10; } .columnMenu ul li:not(:nth-last-of-type(1)) { margin-right: calc(20/16 * 1em); } .columnMenu ul li.active a { color: #1c8b3b; position: relative; } .columnMenu ul li.active::after { width: 100%; position: absolute; content: ""; left: 0; bottom: 0; height: 2px; background-color: #1c8b3b; transition: .3s; } .columnMenu ul li a { line-height: 80px; font-size: calc(16/16 * 1em); color: #000; } .columnMenu ul li a:hover { color: #1c8b3b; } @media(max-width:1459px) { .columnMenu ul li:not(:nth-last-of-type(1)) { margin-right: calc(30/16 * 1em); } } @media(max-width:1280px) { .columnMenu ul li a{ font-size: calc(16/16 * 1em); } .columnMenu ul li:not(:nth-last-of-type(1)) { margin-right: calc(15 / 16* 1em); } .columnMenu{ max-width: 90%; } } @media(max-width:1024px) { .columnMenu { max-width: 100%; top: 100%; bottom: unset; } .columnMenu ul { flex-wrap: wrap; } .columnMenu ul li a { line-height: 3; } .columnMenu::after { display: none; } .columnMenu ul li:not(:nth-last-of-type(1)) { margin-right: calc(10/16 * 1em); } } @media(max-width:640px) { .columnMenu ul li a { font-size: calc(14/16 * 1em); } } .RighInfo003186 { font-family: 'SourceHanSansCN-Regular'; padding-top: calc(120 / 1920 * 100vw); padding-bottom: calc(150 / 1920 * 100vw); overflow: hidden; } .RighInfo003186 .column-name aside { position: relative; z-index: 4; } .RighInfo003186 .column-name .cn { font-size: calc(38 / 16 * 1em); color: #333; font-family: 'SourceHanSansCN-Bold'; line-height: 1; } .RighInfo003186 .column-name .en { font-family: 'Oswald-Regular'; font-size: calc(30 / 16 * 1em); color: #b8b8b8; line-height: calc(26 / 30 * 1em); margin-top: calc(7 / 30 * 1em); } .RighInfo003186 .column-name .mark { position: absolute; left: 0; top: 0; background: url(../images/RighInfo003186-title-bg.png) no-repeat; width: calc(133 / 16 * 1em); height: calc(133 / 16 * 1em); background-size: contain; } @media (min-width:1025px) { .RighInfo003186 .left-intro { width: calc(550 / 1600 * 100%); } .RighInfo003186 .number { max-width: calc(460 / 16 * 1em); } } @media(max-width:1024px) { .RighInfo003186 { padding-top: calc(75/16 * 1em); } .RighInfo003186 .column-name .cn { font-size: calc(24/16 * 1em); } .RighInfo003186 .intro p { font-size: calc(10/16 * 1em); } } .RighInfo003186 .left-intro .column-name { margin-bottom: calc(146 / 16 * 1em); } .RighInfo003186 .intro h2 { margin: 0 0 calc(20 / 40 * 1em); color: #bf9c50; font-family: 'Oswald-Medium'; font-size: calc(40 / 16 * 1em); } .RighInfo003186 .intro p { margin: 0; font-family: 'SourceHanSansCN-Regular'; line-height: 2; } .RighInfo003186 .intro + .number { margin-top: calc(63 / 16 * 1em); } .RighInfo003186 .number li { position: relative; width: 100%; border-bottom: 1px solid #f0f0f0; } .RighInfo003186 .number li::after { content: ""; position: absolute; background-color: #000; height: 1px; } .RighInfo003186 .number li:nth-of-type(1)::after { width: 100%; } .RighInfo003186 .number li:nth-of-type(2)::after { width: 43.5%; } .RighInfo003186 .number li:nth-of-type(3)::after { width: 11%; } .RighInfo003186 .number li:nth-of-type(4)::after { width: 22%; } .RighInfo003186 .number li:nth-of-type(5)::after { width: 11%; } .RighInfo003186 .number li:not(:nth-last-of-type(1)) { margin-bottom: 30px; } .RighInfo003186 .number li .inner { position: relative; } .RighInfo003186 .number li .icon { position: absolute; right: 0; bottom: 0; width: calc(44 / 16 * 1em); } .RighInfo003186 .number li h3 { margin: 0; color: #000; font-family: 'Oswald-Medium'; font-size: calc(29 / 16 * 1em); font-weight: bold; line-height: 1; } .RighInfo003186 .number li h3 sub { font-size: calc(13/29 * 1em); vertical-align: super; margin-left: 5px; } .RighInfo003186 .number li aside { color: #333333; font-size: calc(18/16 * 1em); line-height: 3.22; } .RighInfo003186 section.companyInfo { display: flex; } .RighInfo003186 section .right-img { flex: 1; } .RighInfo003186 section .right-img .pic { margin-top: 40px; } @media (max-width:1024px) { .RighInfo003186 .number li h3 { font-size: calc(16/16 * 1em); } .RighInfo003186 .number li aside { font-size: calc(14/16 * 1em); } .RighInfo003186 .left-intro .column-name { margin-bottom: calc(50/16 * 1em); } .RighInfo003186 section.companyInfo .left-intro { width: 45%; margin-right: 3%; } .RighInfo003186 section.companyInfo { justify-content: space-between; } } @media(max-width:640px) { .RighInfo003186 section.companyInfo { flex-wrap: wrap; } .RighInfo003186 section.companyInfo .left-intro { width: 100%; margin-right: 0; } .RighInfo003186 section .right-img { margin-top: 20px; } .RighInfo003186 .intro p { font-size: calc(16/16 * 1em); } .Banner002167 .textContent { display: block; } .Banner002167 aside.title { font-size: calc(24/16 * 1em); } } .companyHistory { position: relative; } .companyHistory .textContent { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .companyHistory .historyTop { position: relative; padding: calc(40/16 * 1em) calc(50/16 * 1em); background-color: rgba(139, 187, 45, .6); width: calc(700 / 16* 1em); margin: 0 auto; border: 1px solid #1c8b3b; } .companyHistory .historyTop aside { font-size: calc(32/16 * 1em); line-height: 2.5; } .companyHistory aside { display: block; color: #000; background-color: #fff; box-shadow: 1px 1px 10px 0px #999; text-align: center; } .companyHistory .historyBottom { display: flex; margin-top: calc(65/16 * 1em); } .companyHistory .historyBottom .item { border: 1px solid #1c8b3b; position: relative; padding: calc(75/16 * 1em) calc(55/16 * 1em); background-color: rgba(139, 187, 45, .6); min-width: calc(300/16 * 1em); } .companyHistory .historyBottom .item:not(:nth-last-of-type(1)) { margin-right: calc(110/16 * 1em); } .companyHistory .historyBottom .item aside { left: 50%; top: 0; transform: translate(-50%, -50%); position: absolute; white-space: nowrap; font-size: calc(24/16 * 1em); line-height: 2.9; width: calc(220/24 * 1em); } .companyHistory .historyBottom .item aside::after { content: ""; position: absolute; width: 1px; height: calc(32/24 * 1em); background-color: #1c8b3b; top: 0; left: 50%; transform: translate(-50%, -100%); } .companyHistory .historyBottom .item ul { list-style: none; display: flex; justify-content: center; } .companyHistory .historyBottom .item ul li { color: #000; font-size: calc(20/16 * 1em); background-color: #fff; box-shadow: 1px 1px 10px 0px #999; width: calc(70/20 * 1em); writing-mode: vertical-rl; vertical-align: middle; text-align: center; padding: calc(18/16 * 1em); } .companyHistory .historyBottom .item ul li:not(:nth-last-of-type(1)) { margin-right: calc(40/20 * 1em); } .companyHistory .border-v { height: calc(32/16 * 1em); width: 1px; background-color: #1c8b3b; margin: 0 auto; } .companyHistory .border { height: 1px; width: 100px; background-color: #1c8b3b; margin: 0 auto; font-size: calc(24/16 * 1em); } @media(max-width:1500px) { .companyHistory .historyTop { width: calc(600 / 16* 1em); padding: calc(20 / 16* 1em) calc(25 / 16* 1em); } .companyHistory .historyTop aside { line-height: 1.5; } .companyHistory .historyBottom .item:not(:nth-last-of-type(1)) { margin-right: calc(50 / 16* 1em); } .companyHistory .historyBottom .item { padding: calc(35/16 * 1em) calc(25/16 * 1em); } .companyHistory .historyBottom .item ul li { width: calc(50/16 * 1em); padding: 10px calc(15/16 * 1em); } .companyHistory .historyBottom .item aside::after { height: calc(29/16 * 1em); } .companyHistory .historyBottom .item aside { line-height: 1.9; } .companyHistory .historyBottom .item { min-width: calc(240/16 * 1em); } } @media(max-width:1280px) { .companyHistory .historyBottom .item aside::after { height: calc(15/16 * 1em); } .companyHistory .historyBottom { margin-top: calc(44/16 * 1em); } } @media(max-width:1024px) { .companyHistory .historyTop aside { font-size: calc(16/16 * 1em); } .companyHistory .historyBottom .item aside { font-size: calc(14/16 * 1em); } .companyHistory .historyBottom .item { min-width: unset; } .companyHistory .historyTop { width: 90%; } .companyHistory .historyBottom .item ul li { font-size: calc(10/16 * 1em); width: calc(30/16 * 1em); padding: 10px calc(5 / 16* 1em); } .companyHistory .historyBottom .item aside { width: calc(120/16 * 1em); padding: 0 calc(10/16 * 1em); } .companyHistory .historyBottom .item:not(:nth-last-of-type(1)) { margin-right: calc(20/16 * 1em); } .companyHistory .historyBottom .item { padding: calc(25/16 * 1em); } .companyHistory .border-v, .companyHistory .historyBottom .item aside::after { height: calc(10/16 * 1em); } .companyHistory .historyBottom { margin-top: calc(21/16 * 1em); } } @media(max-width:900px) { .companyHistory .textContent { position: relative; transform: none; left: 0; } .companyHistory .historyBottom { margin-top: calc(21/16 * 1em); justify-content: center; } .companyHistory .historyTop { width: 50%; } .companyHistory section > img { display: none; } .companyHistory .historyTop { padding: calc(10 / 16* 1em) calc(25 / 16* 1em); } .companyHistory .historyTop aside { padding: 0 10px; } .companyHistory .historyBottom .item ul li { font-size: calc(14/16 * 1em); } .companyHistory .historyBottom .item ul li:not(:nth-last-of-type(1)) { margin-right: calc(10/16 * 1em); } } .companyAchievement > section { display: flex; padding: calc(90/16 * 1em) 0 calc(135/16 * 1em) 0; justify-content: space-between; } .companyAchievement > section h3 { font-size: calc(50/16 * 1em); color: #000; line-height: 2.26; margin: 0; } .companyAchievement > section p { font-size: calc(18/16 * 1em); line-height: 2.22; margin: 0; color: #333; } .companyAchievement > section ul { text-align: center; margin-top: calc(40/16 * 1em); list-style: none; display: flex; align-items: flex-end; min-height: 450px;max-height: 600px;} .companyAchievement > section ul li:not(:nth-last-of-type(1)) { margin-right: calc(73/16 * 1em); } .companyAchievement > section ul aside { font-size: calc(21/16 * 1em); line-height: 3; color: #8bbb2d; } .companyAchievement > section ul .shape { width: calc(112/16 * 1em); background-color: #8bbb2d; } .companyAchievement > section ul span { font-size: calc(18/16 * 1em); color: #333; line-height: 2.5; } @media(max-width:1024px) { .companyAchievement > section { flex-wrap: wrap; } .companyAchievement > section ul .shape { width: calc(60/16 * 1em); } .companyAchievement > section { padding: calc(45/16 * 1em) 0 calc(50/16 * 1em); } .companyAchievement > section h3 { font-size: calc(24/16 * 1em); } .companyAchievement > section p { font-size: calc(16/16 * 1em); } .companyAchievement > section ul li:not(:nth-last-of-type(1)) { margin-right: calc(20/16 * 1em); } .companyAchievement .AchievementRight { margin-top: 20px; } .companyAchievement > section ul { margin-top: calc(20/16 * 1em); } } .Timeline002789 { padding: calc(105/16 * 1em) 0; background-repeat: no-repeat; background-size: cover; } .Timeline002789 .title { font-size: calc(48/16 * 1em); color: #000; text-align: center; line-height: 1; } .Timeline002789 .content p { line-height: 2; margin: 0; } .Timeline002789 .slider li { border-left: 1px solid #f0f0f0; } .Timeline002789 .slider .content::-webkit-scrollbar { width: 3px; } .Timeline002789 .slider .content::-webkit-scrollbar-track { background: #eeeeee; max-height: 260px; width: 3px; -webkit-appearance: none; } .Timeline002789 .slider .content::-webkit-scrollbar-thumb { background: #8bbb2d; width: 3px !important; } #fp-nav.fp-right { left: calc(69 / 1920* 100vw); } @media(max-width:1200px) { #fp-nav.fp-right { display: none !important; } } .Timeline002789 .slider li .content { padding: 0 calc(20/16 * 1em); /* height: calc(328/16 * 1em); */ height: calc(450 / 16* 1em); overflow-y: auto; } .Timeline002789 .slider li .topContent { padding-bottom: 15px; } .Timeline002789 .slider li .content img { margin-top: 10px; } .Timeline002789 .slider li .middleTime { display: flex; padding-left: calc(20/16 * 1em); position: relative; } .Timeline002789 .slider li .middleTime time { position: relative; line-height: 1; margin-right: 20px; font-size: calc(26/16 * 1em); color: #8bbb2d; } .Timeline002789 .slider li .middleTime .decorate { background-position: 0 -2px; position: relative; flex: 1; background-image: url(../images/companyTimedecorate.png); background-repeat: repeat-x; } .Timeline002789 .slider .spotContainer { display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 50%; transform: translate(50%, -50%); width: 20px; height: 20px; border: 1px solid #f0f0f0; border-radius: 50%; } .Timeline002789 .slider .spotContainer .spot { width: 10px; height: 10px; border-radius: 50%; background-color: #f0f0f0; } .Timeline002789 .slider li .bottomContent { padding-top: calc(30/16 * 1em); height: calc(450 / 16* 1em); } .Timeline002789 .historyCate { position: absolute; left: calc(50/16 * 1em); top: 0; bottom: 0; display: flex; flex-direction: column; justify-content:space-evenly; } .Timeline002789 .historyCate aside { background-image: url(../images/companyTimeTitleBack.png); color: #fff; height: calc(60/18 * 1em); width: calc(60/18 * 1em); font-size: calc(14/16 * 1em); background-color: #8bbb2d; padding: calc(21/18 * 1em) 0; display: flex; align-items: center; justify-content: center; line-height: 1; word-break: break-word; background-size: contain; background-repeat: no-repeat; background-position: center; width: calc(250 / 18* 1em); text-align: center; } .Timeline002789 .historyCate .decorate { width:calc(180 / 16* 1em); background-size: 100% auto; height: calc(16/16 * 1em); background-image: url(../images/companyTimedecorate.png); background-repeat: repeat-x; background-position: 0 -2px; } .Timeline002789 .slick-slider { padding-left: calc(275 / 18* 1em);padding-right: calc(54/16 * 1em); margin-top: calc(68/16 * 1em); position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .Timeline002789 .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; } .Timeline002789 .slick-list:focus { outline: none } .Timeline002789 .slick-list.dragging { cursor: pointer; cursor: hand; } .Timeline002789 .slick-slider .slick-track, .Timeline002789 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .Timeline002789 .slick-track { position: relative; top: 0; left: 0; display: block; } .Timeline002789 .slick-track:before, .Timeline002789 .slick-track:after { display: table; content: ''; } .Timeline002789 .slick-track:after { clear: both; } .Timeline002789 .slick-loading .slick-track { visibility: hidden; } .Timeline002789 .slick-slide { display: none; float: left; min-height: 1px; } [dir = 'rtl'] .slick-slide { float: right; } .Timeline002789 .slick-slide .slick-loading img { display: none; } .Timeline002789 .slick-slide .dragging img { pointer-events: none; } .Timeline002789 .slick-initialized .slick-slide { display: block; } .Timeline002789 .slick-loading .slick-slide { visibility: hidden; } .Timeline002789 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .Timeline002789 .slick-arrow .slick-hidden { display: none; } .Timeline002789 li .pic { border-bottom: 1px solid #e5e5e5; background: url(../images/Timeline002789-line.png) repeat-x left bottom; padding-bottom: 29px; } .Timeline002789 li .Ispic { padding-bottom: 50%; width: 90%; margin: 0 auto; border-radius: 6px; } .Timeline002789 li .inner { position: relative; padding-top: 54px; text-align: center; } .Timeline002789 li .inner:after { position: absolute; left: 50%; margin-left: -6px; top: 0; width: 1px; height: 40px; background: #e5e5e5; content: ''; } .Timeline002789 li .inner time { font-size: 22px; display: block; font-family: , sans-serif; font-weight: bold; color: #555 } .Timeline002789 li .inner p { line-height: 22px; max-height: 70px; overflow: auto; color: #666; width: 80%; margin: 5px auto 0; } .Timeline002789 .slick-arrow { transform: translateY(-50%); font-size: 0; width: 60px; height: 60px; border: 0; position: absolute; top: 50%; cursor: pointer; padding: 0; background: #8bbb2d; z-index: 10; border-radius: 50%; } .Timeline002789 .slick-arrow:before { position: absolute; content: ''; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 50%; top: 50%; margin: -5px 0 0 -6px; } .Timeline002789 .slick-prev:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -3px; } .Timeline002789 .slick-disabled { background: #cccccc; } @media(min-width:1025px) { .Timeline002789 .slick-prev { left: 0; } .Timeline002789 .slick-next { right: 0; } } @media(max-width:1024px) { .Timeline002789 .slick-prev { left: 0; } .Timeline002789 .slick-next { right: 0; } .Timeline002789 .historyCate .decorate { background-position: 0px 6px; } .Timeline002789 .slider li .middleTime .decorate { background-position: 0px 6px; } .Timeline002789 .slider li .middleTime time { font-size: calc(20/16 * 1em); } .Timeline002789 .slider .spotContainer { display: none; } .Timeline002789 .historyCate aside { font-size: calc(12/16 * 1em); /* height: calc(265 / 18* 1em); */ } .Timeline002789 { padding: calc(125/16 * 1em) 0; } .Timeline002789 .title { font-size: calc(24/16 * 1em); } .Timeline002789 .slick-slider { margin-top: calc(30/16 * 1em); } .Timeline002789 .content p { font-size: calc(14/16 * 1em); } .Timeline002789 .slider li .middleTime .decorate { background-position: 0 0; } .Timeline002789 .slider li .content { height: calc(200/16 * 1em); } .Timeline002789 .slick-slider { padding-left: calc(50 / 16* 1em); } .Timeline002789 .historyCate { position: absolute; top: 0; justify-content: space-between; flex-direction: unset; } .Timeline002789 .slick-slider { padding-top: 80px; } .Timeline002789 .historyCate .decorate { display: none; } .Timeline002789 .historyCate aside { width: 49%; } } @media(max-width:640px) { .Timeline002789 .slick-arrow { width: 30px; height: 30px; } .Timeline002789 .slick-slider { padding-top: 50px; } } .certificate { padding: calc(100/16 * 1em) 0 calc(260/16 * 1em) 0; } .certificate .slick-track { display: flex; align-items: center; } .certificate .slick-slide { transition: .5s; } .certificate .slick-current { transform: rotateY(-45deg); } .certificate .slick-current+li { transform: rotateY(-22.5deg); } .certificate .slick-current+li+li+li { transform: rotateY(22.5deg); } .certificate .slick-current+li+li+li+li { transform: rotateY(45deg); } .certificate .slick-slide img { margin: 0 auto; display: block; } .certificate aside { font-size: calc(48/16 * 1em); color: #000; line-height: 1; } .certificate .content > p { line-height: 2; margin: 0; color: #333; margin-top: calc(30/16 * 1em); margin-bottom: calc(70/16 * 1em); } .certificate .slick-slide p { margin: 0; margin-top: 10px; text-align: center; opacity: 0; transition: .5s; } .certificate .slick-slide.slick-current+li+li p { opacity: 1; } .certificate .slick-arrow { font-size: 0; width: 60px; height: 60px; border: 0; position: absolute; cursor: pointer; padding: 0; background: #8bbb2d; z-index: 10; border-radius: 50%; bottom: -130px; left: 50%; transform: translateX(-50%); } .certificate .slick-arrow.slick-disabled { background-color: transparent; border: 1px solid #666; } .certificate .slick-arrow.slick-disabled:before { border-color: #333; } .certificate .slick-arrow.slick-prev { margin-left: -85px; } .certificate .slick-arrow.slick-next { margin-left: 85px; } .certificate .slick-arrow:before { position: absolute; content: ''; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 50%; top: 50%; margin: -5px 0 0 -6px; } .certificate .slick-prev:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -3px; } @media(max-width:1024px) { .certificate { padding: calc(75/16 * 1em) 0 calc(100/16 * 1em); } .certificate aside { font-size: calc(24/16 * 1em); } .certificate .content > p { font-size: calc(16/16 * 1em); } .certificate .slick-current+li { transform: none; } .certificate .slick-current+li+li { transform: rotateY(45deg); } .certificate .slick-slide.slick-current+li+li p { opacity: 0; } .certificate .slick-slide.slick-current+li p { opacity: 1; } .certificate .content > p { margin-top: calc(10/16 * 1em); margin-bottom: calc(30/16 * 1em); } } @media(max-width:640px) { .certificate { padding: calc(75/16 * 1em) 0 calc(50/16 * 1em); } .certificate .slick-arrow { width: 40px; height: 40px; } .certificate .slick-current { transform: none; } .certificate .slick-arrow { bottom: -10%; } .certificate .slick-current p { opacity: 1; } } .RighInfo003141 { font-family: 'SourceHanSansCN-Regular'; } .RighInfo003141 .auto { padding-bottom: 2em; } .RighInfo003141 .intro { padding-top: calc(120/16 * 1em); margin-bottom: calc(65/16 * 1em); } .RighInfo003141 .intro .title { font-weight: bold; font-size: calc(48/16 * 1em); color: #000; } .RighInfo003141 .intro .info { padding-top: calc(70/16 * 1em); } .RighInfo003141 .intro .info aside { margin-top: 50px; line-height: 2.5; font-size: calc(20/16 * 1em); color: #000; font-weight: bold; } .RighInfo003141 .intro .info p { line-height: 2; margin: 0; } .RighInfo003141 .number-count { margin: 4.5625em 0; box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); border: solid 1px #f3f3f3; padding: 3.6875em 0; } .RighInfo003141 .number-count li { color: #333333; } .RighInfo003141 .number-count li span { display: inline-block; position: relative; font-size: 2em; font-family: 'Bebas'; color: #da251d; margin: 0 5px; } .RighInfo003141 .number-count li span i { font-style: normal; } .RighInfo003141 .number-count li span i.ani { position: absolute; left: 0; top: 0; } .RighInfo003141 .number-count li span i.opa { opacity: 0; } .RighInfo003141 .number-count li sup { display: inline-block; vertical-align: top; color: #da251d; font-size: 1em; font-family: 'SourceHanSansCN-Medium'; } .RighInfo003141 .plate dd { margin-bottom: 2.8565%; position: relative; overflow: hidden; } .RighInfo003141 .plate dd img { transition: .3s; } .RighInfo003141 .plate dd:hover img { transform: scale(1.1); } .RighInfo003141 .plate dd .txt { text-align: center; position: absolute; z-index: 2; box-shadow: 0px 0.625em 4.375em rgba(0, 0, 0, 0.05); bottom: 5%; left: 0%; right: 0; margin: 0 auto; width: 75%; } .RighInfo003141 .plate dd .mask { z-index: 1; display: block; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: .3; top: 0; } .RighInfo003141 .plate dd .txt aside { font-size: calc(32/16 * 1em); color: #8bbb2d; line-height: 2.2; } .RighInfo003141 .plate dd .txt p { font-size: calc(18/16 * 1em); color: #fff; margin: 0; line-height: 2; } .RighInfo003141 .intro .img { overflow: hidden; } .RighInfo003141 .intro .img img { transition: .3s; } .RighInfo003141 .intro .img:hover img { transform: scale(1.1); } @media (min-width:1025px) { .RighInfo003141 .intro .info { width: 47.929%; } .RighInfo003141 .intro .title { line-height: 1; } .RighInfo003141 .intro .img { width: 47.215%; } .RighInfo003141 .number-count ul { display: table; margin: 0 auto; } .RighInfo003141 .number-count li { float: left; } .RighInfo003141 .number-count li:not(:last-child) { margin-right: 3.5em; } .RighInfo003141 .plate dd { float: left; width: 31.429%; } .RighInfo003141 .plate dd:not(:last-child) { margin-right: 2.8565%; } } @media (max-width:1024px) { .RighInfo003141 .number-count li { text-align: center; padding: 1em 0 } .RighInfo003141 .number-count { margin: 2em 0; padding: 2em 0; } .RighInfo003141 .intro { padding-top: calc(75/16 * 1em); margin-bottom: calc(30/16 * 1em); } .RighInfo003141 .intro .info { margin-bottom: 10px; padding-top: 0; } .RighInfo003141 .intro .title { font-size: calc(24/16 * 1em); } .RighInfo003141 .intro .info aside { margin-top: 20px; } .RighInfo003141 .plate dl { display: flex; justify-content: space-between; } .RighInfo003141 .plate dd { width: 31.5%; } .RighInfo003141 .plate dd .txt aside { font-size: calc(18/16 * 1em); } .RighInfo003141 .plate dd .txt p { font-size: calc(14/16 * 1em); } .RighInfo003141 .plate dd .txt { top: 10%; } } @media(max-width:640px) { .RighInfo003141 .plate dl { flex-wrap: wrap; } .RighInfo003141 .plate dd { width: 48.5%; margin: 0 auto; margin-bottom: 10px; } .RighInfo003141 .plate dd .txt p { font-size: calc(16/16 * 1em); } } .RighInfo003148 .auto { padding: calc(100/16 * 1em) 0 calc(120/16 * 1em) 0; ; } .RighInfo003148 aside.title { font-size: calc(50/16 * 1em); text-align: center; line-height: 1; margin-bottom: 60px; color: #000; } .RighInfo003148 div.title { font-size: calc(35/16 * 1em); color: #000; line-height: 1; margin-bottom: 40px; margin-top: 30px; } .RighInfo003148 .items-group .items { background-color: #f0f0f0; } .RighInfo003148 .items-group .items p { color: #333; font-size: calc(18/16 * 1em); line-height: 1.5; margin: 0; } @media (min-width:1025px) { .RighInfo003148 .items-group .img { width: 50%; } .RighInfo003148 .items-group .items .txt { padding: 0 calc(80/16 * 1em); } } @media (max-width:1024px) { .RighInfo003148 .items-group .txt { padding: 2em 10px; } .RighInfo003148 .box-rows dd { padding-bottom: 3em; margin-bottom: 4em; } .RighInfo003148 .box-rows dd p { width: 90%; } .RighInfo003148 aside.title { margin-bottom: calc(30/16 * 1em); } .RighInfo003148 .auto { padding: calc(75/16 * 1em) 0 calc(50/16 * 1em); } .RighInfo003148 aside.title { font-size: calc(24/16 * 1em); } .RighInfo003148 div.title { font-size: calc(20/16 * 1em); } .RighInfo003148 .itemBox { display: flex; flex-wrap: wrap; } .RighInfo003148 .items-group .items { margin-bottom: 3%; width: 48.5%; } .RighInfo003148 .items-group .items:not(:nth-of-type(2n)) { margin-right: 3%; } .RighInfo003148 .items-group .items p { font-size: calc(16/16 * 1em); } } .RighInfo002523 { padding: calc(100/16 * 1em) 0 calc(80/16 * 1em) 0; } .RighInfo002523 aside.title { font-size: calc(50/16 * 1em); text-align: center; line-height: 1; margin-bottom: 60px; color: #000; } .RighInfo002523 .process { background-color: #f0f0f0; padding: 0 calc(80/16 * 1em); padding-top: calc(60/16 * 1em); padding-bottom: calc(105/16 * 1em); } .solution .subTitle { font-size: calc(35/16 * 1em); text-align: center; margin: 0; color: #000; line-height: 1; margin-bottom: calc(50/35 * 1em); } .RighInfo002523 li { margin-right: calc(35/16 * 1em); margin-bottom: calc(35/16 * 1em); background-color: #fff; width: calc(260/16 * 1em); display: flex; align-items: center; justify-content: center; float: left; text-align: center; position: relative; } .RighInfo002523 ul:nth-of-type(2) li { margin-bottom: 0; } .RighInfo002523 ul:nth-of-type(1) li:nth-last-of-type(1) { margin-right: 0; } .RighInfo002523 ul:nth-of-type(2) li:nth-of-type(1) { margin-right: 0; } .RighInfo002523 li span { font-size: calc(80/16 * 1em); /* color: #8bbb2d; opacity: .2; */ color: rgba(139, 187, 45, .2); position: absolute; } .RighInfo002523 li h5 { margin: 0; line-height: calc(100/22 * 1em); font-size: calc(18/16 * 1em); color: #333; } .RighInfo002523 li::before { z-index: 1; position: absolute; content: ''; width: 100%; top: 50%; height: 13px; width: calc(114/16 * 1em); background-image: url(../images/arrow.png); background-repeat: no-repeat; } .RighInfo002523 ul:nth-of-type(1) li::before { right: 0; transform: translate(60%, -50%); } .RighInfo002523 ul:nth-of-type(2) li::before { left: 0; transform: translate(-60%, -50%) rotate(180deg); } .RighInfo002523 ul li:last-child::before { transform: rotate(90deg) translate(50%, 0) !important; } .RighInfo002523 ul:nth-of-type(2) li:last-child::before { display: none; } @media(max-width:1440px) { .RighInfo002523 li { width: calc(216/16 * 1em); } } @media(max-width:1280px) { .RighInfo002523 li h5{ font-size: 12px; } .RighInfo002523 li { width: calc(180 / 16* 1em); } .RighInfo002523 li { margin-right: calc(32 / 16* 1em); } .RighInfo002523 li span { font-size: calc(60/16 * 1em); } } @media(max-width:1250px) { .RighInfo002523 li { margin-right: calc(22 / 16* 1em); } } @media(min-width:769px) { .RighInfo002523 ul:nth-child(2n) li { float: right; } } @media(max-width:1024px) { .RighInfo002523 { padding: calc(75 / 16* 1em) 0 calc(40 / 16* 1em) 0; } .RighInfo002523 aside.title { font-size: calc(24/16 * 1em); } .RighInfo002523 .process { padding: 0 calc(40/16 * 1em); padding-top: calc(30/16 * 1em); padding-bottom: calc(50/16 * 1em); } .solution .subTitle { font-size: calc(20/16 * 1em); margin-bottom: calc(25/16 * 1em); } .RighInfo002523 li span { font-size: calc(24/16 * 1em); opacity: .3; } .RighInfo002523 li h5 { font-size: calc(14/16 * 1em); line-height: 1.5; font-weight: normal; } .RighInfo002523 li { width: 18.5%; margin-right: 1.85%; height: 68px;} .RighInfo002523 li::before { display: none; } .RighInfo002523 aside.title { margin-bottom: 30px; } } @media(max-width:768px) { .RighInfo002523 ul::after { display: none; } .RighInfo002523 li { width: 100%; padding: 2%; margin-bottom: 10px !important; margin-right: 0; } } .PicList002482 { padding: 3% 0; } .PicList002482 ul { position: relative; display: flex; justify-content: space-between; margin-bottom: calc(80/16 * 1em); } .PicList002482 ol { background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; position: relative; background-color: #f5f5f5; overflow: hidden; } .PicList002482 ol .content { transition: .5s; opacity: 0; top: 100%; position: absolute; color: #fff; padding: 0 calc(80/16 * 1em); } .PicList002482 ol .contentMask { opacity: 1; transition: .3s; position: absolute; color: #fff; padding: 0 calc(80/16 * 1em); } .PicList002482 ol .contentMask .icon { text-align: center; } .PicList002482 ol .content .deliverTitle { font-size: calc(22/16 * 1em); line-height: 1; margin-top: calc(20/16 * 1em); margin-bottom: calc(24/16 * 1em); } .PicList002482 ol .contentMask .deliverTitle { font-size: calc(30/16 * 1em); line-height: 2.33333; } .PicList002482 ol:hover .contentMask { opacity: 0; } .PicList002482 ol:hover .content { top: 50%; transform: translateY(-50%); opacity: 1; } .PicList002482 ol .content p { margin: 0; line-height: 2; } .PicList002482 h3 { font-size: 16px; font-weight: normal; height: 60px; line-height: 30px; overflow: hidden; } .PicList002482 ol { width: 23.75%; transition: .3s; height: calc(500/16 * 1em); } .PicList002482 ol.active { width: 50%; } @media(max-width:1024px) { .PicList002482 ol { width: 50%; margin-bottom: 10px; } .PicList002482 ol.active { width: 100%; } .PicList002482 ol .content { padding: 0 calc(20/16 * 1em); } .PicList002482 ol .content p { font-size: calc(10/16 * 1em); line-height: 1.5; } .PicList002482 ol .content .deliverTitle { font-size: calc(14/16 * 1em); } .PicList002482 ul { flex-wrap: wrap; } .PicList002482 ol { width: 48.5%; } .PicList002482 ol > img { width: 100%; } .PicList002482 ul { margin-bottom: calc(40/16 * 1em); } } @media(max-width:640px) { .PicList002482 ol { width: 100%; } .PicList002482 ol .content p { font-size: calc(16/16 * 1em); } .PicList002482 ol .content .deliverTitle { font-size: calc(20/16 * 1em); } } .service .ul { display: flex; justify-content: space-between; margin-bottom: calc(80/16 * 1em); } .service .ul li { background-color: #f0f0f0; width: 18.75%; text-align: center; padding-top: calc(50/16 * 1em); padding-bottom: calc(40/16 * 1em); } .service .ul li .serviceTitle { line-height: 1; font-size: calc(22/16 * 1em); color: #333; margin-top: calc(15/22 * 1em); margin-bottom: calc(20/22 * 1em); } .service .ul li p { margin: 0; line-height: 2; } .service .ul li .icon .active { display: none; } .service .ul li:hover { background-color: #8bbb2d; color: #fff; } .service .ul li:hover .serviceTitle { color: #fff; } .service .ul li:hover .icon img { display: none; } .service .ul li:hover .icon .active { display: inline-block; } @media(max-width:1024px) { .service .ul { flex-wrap: wrap; justify-content: start; } .service .ul li { width: 32.5%; margin-bottom: 10px; } .service .ul li:not(:nth-of-type(3n)) { margin-right: 1.25%; } .service .ul li .serviceTitle { font-size: calc(18/16 * 1em); } .service .ul li p { font-size: calc(14/16 * 1em); padding: 0 10px; } .service .ul { margin-bottom: calc(40/16 * 1em); } } .sale { padding-bottom: calc(150/16 * 1em); } .sale .ul { margin-top: -20px; } .sale .ul .slick-track { padding: calc(20/16 * 1em) 0 calc(65/16 * 1em) 0; } .sale .ul li > div { margin-right: calc(20/16 * 1em); background-color: #fff; box-shadow: 1px 1px 10px 3px #f0f0f0; } .sale .ul li figure { text-align: center; padding: calc(15/16 * 1em) 0; } .sale .slider .slick-arrow { transform: translateY(50%); font-size: 0; width: 50px; height: 50px; border: 0; position: absolute; cursor: pointer; padding: 0; background: #8bbb2d; z-index: 10; bottom: 0; right: 0; border-radius: 50%; } .sale .slider .slick-arrow:before { position: absolute; content: ''; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 50%; top: 50%; margin: -5px 0 0 -6px; } .sale .slick-arrow.slick-prev { right: 64px; } .sale .slick-arrow.slick-prev:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -3px; } .sale .slick-arrow.slick-disabled { background: #cccccc; } .sale .line { position: relative; height: 1px; background-color: #f0f0f0; width: calc(100% - 140/16 * 1em); } .sale .lineGreen { transition: .5s; width: 0%; position: absolute; height: 3px; background-color: #8bbb2d; top: 50%; transform: translateY(-50%); } @media(min-width:1441px) { .sale .ul li.slick-current + li +li +li > div { margin-right: 0; } } @media(max-width:1024px) { .sale { padding-bottom: calc(50/16 * 1em); } } @media(max-width:640px) { .sale .slider .slick-arrow { width: 30px; height: 30px; } .sale .ul li > div { margin-right: 0; } } .PicList002938 { padding-top: calc(70/16 * 1em); } .PicList002938 ul { padding: calc(40/16 * 1em) 0; border-bottom: 1px solid #cecece; display: flex; } .PicList002938 li .inner { padding-left: calc(49/16 * 1em); } .PicList002938 ul > a { padding-top: calc(30/16 * 1em); width: 76.25%; position: relative; } .PicList002938 ul > a .go { position: absolute; width: 60px; height: 60px; border: 1px solid #cecece; border-radius: 50%; right: 0; top: 50%; transform: translateY(-50%); } .PicList002938 ul > a .go:before { position: absolute; content: ''; width: 10px; height: 10px; border-right: 2px solid #999; border-top: 2px solid #999; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 50%; top: 50%; margin: -5px 0 0 -6px; } .PicList002938 ul:hover { border-color: #8bbb2d; } .PicList002938 ul:hover > a li aside { color: #8bbb2d; } .PicList002938 ul:hover > a .go { background-color: #8bbb2d; border: none; } .PicList002938 ul:hover > a .go:before { border-color: #fff; } .PicList002938 li time { line-height: 4; color: #c8c8c8; background-image: url(../images/calendar.png); background-repeat: no-repeat; padding-left: calc(37/16 * 1em); } .PicList002938 li p { color: #b8b8b8; line-height: 2; margin: 0; max-width: 80%; } .PicList002938 li aside { font-size: calc(19/16 * 1em); font-weight: bold; line-height: 1; margin-bottom: 16px; } .PicList002938 li aside a { color: #1e1e1e; } .PicList002938 ol { width: 24.375%; } @media(max-width:1024px) { .PicList002938 { padding-top: calc(35/16 * 1em); } .PicList002938 li aside { font-size: calc(16/16 * 1em); max-width: 80%; } .PicList002938 li p { font-size: calc(14/16 * 1em); } .PicList002938 ul > a { width: 50%; padding-top: 0; } .PicList002938 ul { align-items: center; } .PicList002938 li p { max-width: 90%; } .PicList002938 li .inner { padding-left: calc(25/16 * 1em); } .PicList002938 ul > a .go { width: 30px; height: 30px; } .PicList002938 ol { width: 100%; } } @media(max-width:640px) { .PicList002938 li .inner { padding-left: 3vw; font-size: 14px; } .PicList002938 li aside { font-size: 16px; } } @media(max-width:480px) { .PicList002938 .ytable, .PicList002938 .ytable-cell { display: block; } .PicList002938 ul { padding: 3vw 0; } .PicList002938 li .inner { padding: 3vw; } } .Page002274 { text-align: center; padding: calc(50/16 * 1em) 0 calc(120/16 * 1em); color: #666666; } .Page002274 .Pages * { vertical-align: middle; } .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total { display: none; } .Page002274 .Pages a { max-width: 51px; display: inline-block; padding: 0 21px; line-height: 37px; background-color: #f0f0f0; color: #999; margin-left: 5px; } .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur { color: #fff; background-color: #8bbb2d; } .Page002274 .Pages em { font-style: normal; display: inline-block; vertical-align: middle; } .Page002274 .Pages .i_text { width: 47px; height: 36px; line-height: 36px; border: 1px solid #ceced5; } .Page002274 .Pages .i_button { cursor: pointer; background: none; width: 47px; height: 36px; border: 1px solid #ceced5; } .Page002274 .Pages .p_jump b { font-weight: normal; margin: 0 5px; } .Page002274 .Pages .a_prev, .Page002274 .Pages .a_next { font-family: 宋体; font-weight: bold; padding: 0 21px; } .Page002274 .Pages .p_page > a { color: #666; } .Page002274 .Pages .p_page > a:hover { color: #fff; } @media(max-width:1024px) { .Page002274 { padding: calc(25/16 * 1em) 0 calc(50/16 * 1em); } } @media(max-width:1000px) { .Page002274 .Pages em { display: none; } } @media(max-width:640px) { .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end { display: none; } .Page002274 .Pages a { padding: 0 10px; } } .newsInfo { border-top: 1px solid #f0f0f0; padding-bottom: calc(120/16 * 1em); } .info .current { padding: calc(30/16 * 1em) 0 calc(35/16 * 1em) 0; font-size: 0.875em; color: #999; padding-left: 30px; background: url(../images/home-active.png) no-repeat left center; } .info .current a { color: #999; } .newsInfo .infoContent { padding: calc(80/16 * 1em) calc(60/16 * 1em); background-color: #f9f9f9; } .newsInfo .infoContent .title { font-size: calc(30/16 * 1em); color: #000; font-weight: bold; line-height: 1; } .newsInfo .infoContent .info { line-height: calc(64/16 * 1em); } .newsInfo .infoContent .info time { margin-right: calc(60/16 * 1em); padding-left: calc(26 / 16* 1em); background-repeat: no-repeat; color: #999; background-image: url(../images/calendar.png); } .newsInfo .infoContent .info span { color: #999; padding-left: calc(24/16 * 1em); background-repeat: no-repeat; background-image: url(../images/editor.png); } .newsInfo .infoContent .content { border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; padding-bottom: calc(30/16 * 1em); } .newsInfo .infoContent .content p { line-height: 2; font-size: calc(14/16 * 1em); color: #333; margin: 20px 0; } .newsInfo .infoContent .content p span { color: #000; font-weight: bold; } @media(max-width:1024px) { .newsInfo .infoContent { padding: calc(40/16 * 1em) calc(20/16 * 1em); } .newsInfo .infoContent .title { font-size: calc(20/16 * 1em); line-height: 1.5; text-align: center; } .newsInfo .infoContent .info time { background-position: center left; } .newsInfo .infoContent .info span { background-position: center left; } .newsInfo { padding-bottom: calc(50/16 * 1em); } } .Detail_page { padding-top: calc(30/16 * 1em); } .Detail_page .pp { position: relative; } .Detail_page .pp span { display: block; line-height: 2; } .Detail_page .pp span b { font-weight: normal; } .Detail_page .pp span.noNext a { color: #999; } .Detail_page .pp .btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .Detail_page .pp .btn a { display: block; background-repeat: no-repeat; background-position: top center; color: #8bbb2d; padding-top: calc(30/16 * 1em); background-image: url(../images/back.png); } @media(max-width:1024px) { .Detail_page .pp .btn { position: relative; transform: none; } .Detail_page .pp .btn a { display: inline-block; padding-top: calc(15/16 * 1em); margin-top: 10px; } } @media(max-width:640px) { .Detail_page .pp .btn a { display: inline-block; padding-top: calc(25/16 * 1em); margin-top: 10px; } } .PicList002797 { padding: calc(100/16 * 1em) 0 calc(90/16 * 1em) 0; } .PicList002797 li { float: left; width: 31%; margin: 0 3.5% 3.5% 0; box-shadow: 1px 1px 10px 1px #f0f0f0; } .PicList002797 li:nth-child(3n) { margin-right: 0; } .PicList002797 li a { display: block; position: relative; padding: calc(80/16 * 1em) calc(55/16 * 1em) calc(30/16 * 1em) calc(55/16 * 1em); } .PicList002797 li a:hover h3 { color: #8bbb2d; } .PicList002797 li a:hover .more span { color: #8bbb2d; } .PicList002797 li a:hover .inner .hover { bottom: 0; } .PicList002797 li a .inner { height: calc(290/16 * 1em); position: relative; overflow: hidden; } .PicList002797 li a .inner .hover { position: absolute; bottom: calc(-20/16 * 1em); left: 50%; transform: translateX(-50%); transition: .3s; width: 100%;} .PicList002797 li h3 { margin: 0; text-align: center; font-weight: normal; } .PicList002797 li figure { padding-bottom: 56%; margin-bottom: 4%; } .PicList002797 li h3 { font-size: calc(24/20 * 1em); color: #202020; } .PicList002797 .Page002274 { padding: 0; } .PicList002797 .more { display: block; text-align: center; margin-top: calc(10/16 * 1em); } @media(max-width:1024px) { .PicList002797 { padding: calc(100/16 * 1em) 0 calc(50/16 * 1em); } .PicList002797 li h3 { font-size: calc(16/16 * 1em); } .PicList002797 li { width: 48%; margin-left: 1%; margin-right: 1%; } .PicList002797 .more span { font-size: calc(14/16 * 1em); } .PicList002797 li a { padding: calc(30/16 * 1em) calc(25/16 * 1em) calc(10/16 * 1em) calc(25/16 * 1em); } .PicList002797 li a .inner { height: calc(200/16 * 1em); } } @media(max-width:640px) { .PicList002797 li a .inner { height: calc(250/16 * 1em); } .PicList002797 li { float: none; width: auto; } .PicList002797 li h3 { font-size: 14px; } } .productInfo { border-top: 1px solid #f0f0f0; padding-bottom: calc(140 / 16* 1em); } .productInfo aside.title { font-size: calc(50/16 * 1em); color: #000; text-align: center; line-height: 1; margin-top: 70px; margin-bottom: 30px; } .productInfo .detail p { text-align: center; font-size: calc(18/16 * 1em); color: #999; line-height: 1.89; margin: 0; } .productInfo .detail figure { text-align: center; } .productInfo .detail figure img { max-width: 75%; } .productInfo table { width: 100%; } .productInfo table th, .productInfo table td { text-align: center; line-height: 1.3;padding: 15px 0;} .productInfo table th { font-size: calc(18/16 * 1em); line-height: 1.5; /* width: 33.333%; */ color: #fff; background-color: #8bbb2d; } .productInfo table td { font-size: calc(16/16 * 1em); color: #333; border: 1px solid #f0f0f0; line-height: 1.3; padding: 15px 0; } .productInfo .relate .slick-list{ padding: 0 15px; } .productInfo .relate ul li { background-color: #fff; /* float: left; width: 48.5%; margin: 0 3% 3% 0; */ margin: 30px; box-shadow: 1px 1px 10px 1px #f0f0f0; } /* .productInfo .relate ul li:nth-of-type(2n) { margin-right: 0; } */ .productInfo .relate ul li figure { padding-bottom: 45%; margin-bottom: 4%; background-size: 85%; } .productInfo .relate ul li h3 { text-align: center; font-size: calc(23/16 * 1em); font-weight: normal; } @media(max-width:1024px) { .productInfo aside.title { font-size: calc(24/16 * 1em); margin-top: calc(30/16 * 1em); margin-bottom: calc(20/16 * 1em); } .productInfo .detail p { font-size: calc(16/16 * 1em); } .productInfo table th { font-size: calc(16/16 * 1em); } .productInfo table td { font-size: calc(14/16 * 1em); line-height: 2; } .productInfo .relate ul li h3 { font-size: calc(16/16 * 1em); } .productInfo { padding-bottom: calc(50/16 * 1em); } } @media(max-width:640px) { .productInfo .relate .slick-list{ padding: 0; } .productInfo .relate ul li { margin: 15px; } } .Timeline002789 .slick-arrow { top: 50%; } @media(max-width:1024px) { .Timeline002789 .slick-arrow { top: 49%; } } @media(max-width:480px) { .Timeline002789 .slick-arrow { top: 59%; } } .download { padding-top: calc(75/16 * 1em); padding-bottom: calc(120/16 * 1em); } .download aside.title { font-size: calc(26/16 * 1em); font-weight: bold; color: #000; } .download select { appearance: none; padding: 0 calc(25/16 * 1em); border: 1px solid #f0f0f0; height: calc(50/16 * 1em); width: calc(270/16 * 1em); color: #999; border-radius: 9999px; } .download select option { height: calc(50/16 * 1em); display: block; } .download .titleBox { display: flex; justify-content: space-between; align-items: center; } .download .selectBox { display: flex; } .download .titleBox { margin-bottom: 30px } .Menu002306 { position: relative; width: calc(270/16 * 1em); } .Menu002306:first-child { margin-right: calc(20/16 * 1em); } .Menu002306 .side-open_menu { line-height: calc(50/16 * 1em); display: block; border: 1px solid #eee; padding: 0 calc(25/16 * 1em); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999; border-radius: 20px; position: relative; height: calc(50/16 * 1em); } .Menu002306 .side-open_menu::after { position: absolute; content: ''; width: 7px; height: 7px; border-right: 2px solid #666; border-top: 2px solid #666; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); right: calc(25/16 * 1em); top: 50%; margin: -5px 0 0 -6px; } .Menu002306 .side-menu { top: calc(35/16 * 1em); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border: 1px solid #eee; border-top: none; width: 100%; left: 0; position: absolute; z-index: 1; background-color: #fff; display: none; padding: calc(10/16 * 1em) 0; } .Menu002306 .side-menu ul { list-style: none; } .Menu002306 .side-menu ul li { padding: 0 calc(25 / 16* 1em); } .Menu002306 .side-menu ul a { line-height: 2; color: #999; } .Menu002306 .side-menu ul li:hover { background-color: #8bbb2d; } .Menu002306 .side-menu ul li:hover a { color: #fff; display: block; } .download .tableBox { margin-bottom: calc(60/16 * 1em); } .download table { width: 100%; } .download table th, .download table td { line-height: 60px; } .download table th { width: 16.25%; text-align: center; font-size: calc(18/16 * 1em); background-color: #8bbb2d; color: #fff; font-weight: bold; } .download table th:nth-of-type(1) { width: 33.4375%; text-align: start; padding: 0 calc(40/18 * 1em); } .download table td { text-align: center; border: 1px solid #f0f0f0; } .download table tr td:nth-of-type(1) { text-align: start; padding: 0 calc(40/16 * 1em); } .download table td a { background-image: url(../images/downLoad.png); display: block; height: 60px; background-repeat: no-repeat; background-position: center center; } .download table tr:hover td { color: #8bbb2d; } .download table tr:hover a { background-image: url(../images/downLoad_active.png); } .download .Page002274 { padding: 0; } .download .cateMenu { display: flex; list-style: none; margin-bottom: calc(32/16 * 1em); } .download .cateMenu li { position: relative; } .download .cateMenu li:not(:last-child) { margin-right: calc(50/16 * 1em); } .download .cateMenu li a { font-size: calc(22/16 * 1em); line-height: 1.8; } .download .cateMenu li:hover a, .download .cateMenu li.active a { color: #8bbb2d; position: relative; } .download .cateMenu li.active::before { width: 100%; position: absolute; content: ""; bottom: 0; height: 2px; background-color: #8bbb2d; } @media(max-width:1024px) { .download { padding-top: calc(75/16 * 1em); padding-bottom: calc(50/16 * 1em); } .download aside.title { font-size: calc(20/16 * 1em); } .Menu002306 { width: calc(130/16 * 1em); } .Menu002306 .side-open_menu { font-size: calc(14/16 * 1em); } .Menu002306 .side-open_menu { padding: 0 calc(15/16 * 1em); } .download table th { line-height: 1.5; font-size: calc(16/16 * 1em); } .download table td { line-height: 1.5; text-align: center; } .download table tr td:nth-of-type(1) { padding: 0 calc(10/16 * 1em); text-align: center; } .download table th:nth-of-type(1) { text-align: center; } .download .cateMenu li a { font-size: calc(18/16 * 1em); } } .contact { padding: calc(100/16 * 1em) 0 calc(120/16 * 1em); } .contact aside.title { font-size: calc(48/16 * 1em); line-height: 1; color: #000; } .contact .topBox { margin-bottom: calc(60/16 * 1em); display: flex; justify-content: space-between; align-items: end; } .contact .topBox p { margin-top: 33px; margin-bottom: 0; line-height: 1; font-size: calc(20/16 * 1em); color: #666; } .contact .cateMenu { list-style: none; display: flex; } .contact .cateMenu li { /* width: calc(180/16 * 1em); */ width: fit-content; padding: 0 10px; line-height: calc(60/16 * 1em); background-color: #f0f0f0; } .contact .cateMenu li:not(:last-child) { margin-right: calc(20/16 * 1em); } .contact .cateMenu li a { display: block; font-size: calc(19/16 * 1em); text-align: center; } .contact .cateMenu li.active, .contact .cateMenu li:hover { background-color: #8bbb2d; } .contact .cateMenu li.active a, .contact .cateMenu li:hover a { color: #fff; } .contact .Page002274 { padding: 0; } @media(max-width:1024px) { .contact { padding: calc(75/16 * 1em) 0 calc(60/16 * 1em); } .contact aside.title { font-size: calc(24/16 * 1em); } .contact .topBox p { font-size: calc(16/16 * 1em); line-height: 1.5; } .contact .topBox { flex-wrap: wrap; margin-bottom: calc(30/16 * 1em); } .contact .cateMenu { width: 100%; margin-top: 20px; } } .mask { z-index: 999; background-color: rgba(0, 0, 0, .5); position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; display: none; } .mask .pop { max-width: 96%; z-index: 100; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 420px; padding: calc(52/16 * 1em) calc(40/16 * 1em) calc(46/16 * 1em); background-color: #ecf1e2; text-align: center; } .mask .pop .popTitle { font-size: calc(32/16 * 1em); color: #000; font-weight: bold; line-height: 1; } .mask .pop p { line-height: 1.5; margin-top: 16px; margin-bottom: 26px; display: inline-block; background-position: center left; padding-left: calc(25/16 * 1em); background-image: url(../images/lock.png); background-repeat: no-repeat; } .mask .pop form > div { margin-bottom: 10px; } .mask .pop input, .mask .pop select { display: block; width: 100%; background-color: #fff; border: none; line-height: calc(54/16 * 1em); padding: 0 calc(20/16 * 1em); } .mask .pop select { height: calc(54/16 * 1em); color: #666; } .mask .pop #upload { display: none; } .mask label { cursor: pointer; width: calc(160/16 * 1em); color: #fff; background-color: #333; height: calc(54/16 * 1em); text-align: center; line-height: calc(54/16 * 1em); display: inline-block; } .mask .uploadBox { display: flex; } .mask .uploadBox span { text-align: start; margin-left: 20px; display: flex; align-items: center; } .mask form input[type="submit"] { cursor: pointer; margin-top: 16px; background-color: #8bbb2d; color: #fff; } .mask .close { cursor: pointer; position: absolute; font-size: 40px; color: #000; right: 11px; top: 11px; } .TextList002514 { margin-bottom: calc(40/16 * 1em); } .TextList002514 .listTitle { height: calc(100/16 * 1em); align-items: end; display: flex; padding: 0 calc(50/16 * 1em); background-color: #f0f0f0; } .TextList002514 .listTitle span { line-height: 4; font-size: calc(19/16 * 1em); color: #000; } .TextList002514 .listTitle span:nth-of-type(1), .TextList002514 .listTitle span:nth-of-type(3) { width: 20.2%; } .TextList002514 .listTitle span:nth-of-type(2) { width: 19.5%; } .TextList002514 .listTitle span:nth-of-type(4) { width: 20.5%} .TextList002514 .listTitle span:nth-of-type(5) { flex: 1; } .TextList002514 .job-title { line-height: 70px; padding: 0 calc(50/16 * 1em); cursor: pointer; position: relative; display: flex; color: #999; background-color: #f9f9f9; } .TextList002514 .list:nth-of-type(2n+1) .job-title { background-color: #f0f0f0; } .TextList002514 .job-title span:nth-of-type(1), .TextList002514 .job-title span:nth-of-type(3) { width: 20.2%; } .TextList002514 .job-title span:nth-of-type(2) { width: 19.5%; } .TextList002514 .job-title span:nth-of-type(4) { width: 20.5%; } .TextList002514 .job-title span:nth-of-type(5) { flex: 1; } .TextList002514 .job-title i { position: absolute; width: 26px; height: 26px; background: #fff; border-radius: 50%; right: calc(50/16 * 1em); top: 50%; margin-top: -11px; border: 1px solid #999; } .TextList002514 .job-title i::before, .TextList002514 .job-title i::after { position: absolute; content: ''; background: #999; } .TextList002514 .job-title i::before { left: 20%; width: 60%; height: 2px; top: 50%; margin-top: -1px; } .TextList002514 .job-title i::after { left: 50%; margin-left: -1px; width: 2px; top: 20%; height: 60%; } .TextList002514 .job-title.select i::after { display: none; } .TextList002514 .job-title.select { color: #fff; background-color: #8bbb2d !important; } .TextList002514 .job-title.select i { border-color: #fff; } .TextList002514 .job-title.select i::before { background-color: #8bbb2d; } .TextList002514 .job-main { display: none; padding: calc(35/16 * 1em) calc(50/16 * 1em) calc(48/16 * 1em); background-color: #f0f0f0; } .TextList002514 .job-main strong { margin-bottom: 18px; display: block; } .TextList002514 .job-main p { line-height: 1.5; margin: 0; } .TextList002514 .job-main p:not(:last-child) { margin-bottom: 13px; } .TextList002514 .jobContent { position: relative; padding-bottom: 60px;} .TextList002514 .job-email { cursor: pointer; position: absolute; right: 0; bottom: 0; width: calc(160/16 * 1em); text-align: center; line-height: calc(50/16 * 1em); background-color: #8bbb2d; color: #fff; } @media(max-width:1024px) { .TextList002514 .listTitle { height: calc(50/16 * 1em); width: 150%; } .TextList002514 .job-title { line-height: calc(50/16 * 1em); } .TextList002514 .list { width: 150%; } .TextList002514 .listTitle span { line-height: 2; } .TextList002514 { overflow-x: auto; } } @media(max-width:640px) { .TextList002514 .list { width: 200%; } .TextList002514 .listTitle { width: 200%; } } .contactInfo { padding: calc(115/16 * 1em) 0 calc(100/16 * 1em); } .PicList002045 li { display: flex; flex-direction: column; justify-content: center; height: calc(354/16 * 1em); padding: 0 calc(25/16 * 1em); border: 1px solid #f0f0f0; float: left; width: 32%; margin-right: 2%; position: relative; text-align: center; } .PicList002045 li aside.title { font-size: calc(26/16 * 1em); line-height: 1; margin-top: 40px; margin-bottom: 16px; } .PicList002045 li:nth-child(3n) { margin-right: 0; } .PicList002045 li:nth-of-type(-n+3) { margin-bottom: 2%; } .PicList002045 li figure { margin: 0 auto; border-radius: 50%; width: 100px; height: 100px; border: 1px solid #f0f0f0; display: flex; justify-content: center; align-items: center; } .PicList002045 li p { font-size: 14px; color: #000; line-height: 2; margin: 0; } @media(max-width:1200px) { .PicList002045 li { height: calc(400/16 * 1em); } } @media(max-width:1024px) { .contactInfo { padding: calc(75/16 * 1em) 0; } .PicList002045 li { padding: 0 calc(10/16 * 1em); height: calc(300/16 * 1em); } .PicList002045 li aside.title { font-size: calc(16/16 * 1em); } } @media(max-width:768px) { .PicList002045 li { width: 49%; } .PicList002045 li:nth-child(3n) { margin-right: 2%; } .PicList002045 li:nth-child(2n) { margin-right: 0; } .PicList002045 li p { font-size: 13px; } .PicList002045 li figure { width: 50px; height: 50px; } .PicList002045 li figure img { max-width: 50%; } } @media(max-width:640px) { .PicList002045 li { width: 100%; } } #map { width: 100%; height: calc(561/16 * 1em); } .scene { width: 100%; } .scene video { width: 100%; object-fit: fill;} .scene .tips { position: absolute; display: flex; justify-content: center; z-index: 10; pointer-events: none; } .scene .tips:hover { pointer-events: all; } .scene .tips .circle { position: relative; margin-top: 0.3vw; width: 0.4vw; height: 0.4vw; border-radius: 50%; background: #fff; border: 0.5vw solid #1557b0; pointer-events: all; } .scene .tips .circle::before, .scene .tips .circle::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1vw; height: 1vw; border-radius: 50%; background: #1565b063; z-index: -1; } .scene .tips .circle::before { animation: circleAnim 3s .75s infinite; } .scene .tips .circle::after { animation: circleAnim 3s infinite; } @keyframes circleAnim { 0% { transform: translate(-50%, -50%) scale(1); opacity: 0 } 20% { opacity: 1 } 75% { transform: translate(-50%, -50%) scale(2.5); opacity: 0 } 100% { opacity: 0 } } .scene .tips .content { position: relative; opacity: 1; font-size: 0.8vw; width: auto; padding: 0.5vw 1vw; border-radius: 1vw; color: #fff; margin-left: 0.5vw; transition: all 0.5s; white-space: nowrap; } .scene .tips .content::before { position: absolute; left: 0; top: 0; content: ''; width: 2vw; height: 100%; border-radius: 1vw; background: #1557b0; opacity: 0; } .scene .tips:hover .content::before { transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1; width: 100%; } .scene .tips:hover .content { opacity: 1; } .scene .tips .content span { position: relative; padding-right: 1vw; } .scene .tips .content span::before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.4vw; height: 0.8vw; background: url(../images/arr.svg) no-repeat; background-size: 100%; } .scene .tips .content span { opacity: 0; } .scene .tips:hover .content span { transition: all 0.3s 0.2s; opacity: 1; transition: all 0.1s; } .t1 { left: 31vw; top: 8vw; } .t2 { left: 59vw; top: 13vw; } .t3 { left: 50vw; top: 22vw; } .t4 { left: 82vw; top: 18vw; } .t5 { left: 86vw; top: 31vw; } /* .t6 { left: 50vw; top: 31vw; } */ .t6 { left: 69vw; top: 28vw; } .t7 { left: 32vw; top: 29vw; } .t8 { left: 17vw; top: 25vw; } .t9 {left: 47.5vw;top: 10vw;} @media(min-width:1025px) { .scene { height: 100%; } .scene video { height: 100%; object-fit: fill; } } @media(max-width:1024px) { .scene { display: flex; } } #d1 { opacity: 1; animation: flicker 2s infinite linear reverse; animation-delay: 2s; } #d2 { opacity: 1; animation: flicker 2s infinite linear reverse; animation-delay: 2s; } #d3 { opacity: 1; animation: flicker 2s infinite linear reverse; animation-delay: 2s; } #d4 { opacity: 1; animation: flicker 2s infinite linear reverse; animation-delay: 2s; } #d5 { opacity: 1; animation: flicker 2s infinite linear reverse; animation-delay: 2s; } #d6 { opacity: 1; animation: flicker 2s infinite linear reverse; animation-delay: 2s; } @keyframes flicker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /* 2024.7.4 */ #fp-nav ul li { margin: 20px 0 !important; } #fp-nav ul li a span{ margin: 0 !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border: 3px solid #3f4249 !important; display: block; background-color: transparent !important; } #fp-nav.cur ul li a span{ border-color: rgba(255, 255, 255, .4) !important; } #fp-nav ul li a.active span, #fp-nav.cur ul li a.active span{ border-color: #fff !important; } .Banner003192_partner .partnerList::before{ content: ''; display: block; position: absolute; left: 34%; top: 50%; background-image: radial-gradient(circle, #abcd68, transparent); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); opacity: .3; width: 40em; height: 40em; border-radius: 50%; } .Bottom002887 .b_link .fl i:last-child { display: none; } .whiter .Top003124{ border-bottom: 1px solid rgba(255, 255, 255, .4); } .PicList002938 ul:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .PicList002938 ol{ overflow: hidden; } .PicList002938 ol img{ transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } @media(max-width:640px) { .Bottom002887 .code .tit:not(:nth-of-type(1)) { margin-top: 0; margin-bottom: 0; } .Bottom002887 .call { margin-top: 10px; } .Bottom002887 .b_nav .tit { padding: 10px 0; } .Bottom002887 .b_nav .tit { margin-bottom: 0; } .Bottom002887 .call { margin: 5px 0; } .Bottom002887 .code { max-width: unset; padding: 0 15px; } .Bottom002887 .b_nav > div { padding: 15px 0; } .Bottom002887 .b_nav > nav { padding: 15px 0; } .Bottom002887 .b_link nav.fl { margin-bottom: 0; } .Bottom002887 .contact { width: 43%; } .Bottom002887 .b_nav div.code { width: 41%; } .Bottom002887 .b_nav { display: flex; flex-wrap: wrap; } .Bottom002887 .b_nav nav.fl.clearfix { width: 100%; } .Home_Global > .fp-tableCell> figure { transform: scale(.2); left: -22%; top: -123%; } .Banner003086 .fp-tableCell img { height: 230px; } .Banner003086 .companyDetailB { bottom: 15px; } .RighInfo003148 .items-group .items { width: 100%; margin-right: 0 !important; } .RighInfo003148 .ytable { display: flex; flex-wrap: wrap; } .RighInfo003148 .itemBox .items:nth-child(2n+1) .ytable{ flex-direction: column-reverse; } /* 导航 */ .Top003124 menu li .sub.prosub .proContent .prosubRight { display: none; } .Top003124 menu li .sub.prosub .proContent { width: 100%; } .Top003124 menu li .sub.prosub .proContent > dl { width: 100%; } .Top003124 menu li .sub.anotherSub dt { padding: 0 15px; text-align: left; } } .RighInfo003148 .items-group .items .img{ overflow: hidden; } .RighInfo003148 .items-group .items .img img{ transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .RighInfo003148 .items-group .items:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } /* 新增 */ .about01{ padding: 9.7% 0; background-repeat: no-repeat; background-size: cover; } .about01 h3{ font-size: calc(50/16 * 1em); color: #fff; line-height: 1.3; margin: 0; text-align: center; } .about01 .instro{ margin: 25px 0 0; line-height: 1.77; font-size: calc(18/16 * 1em); color: #fff; text-align: center; } .about01 .list1{ margin-top: 50px; } .list1{ display: flex; flex-wrap: wrap; } .list1 .item{ background-color: rgba(247,247,247, .9); margin-bottom: 1.25%; width:32.375%; padding: 2.82% 2.82% 3.13%; position: relative; overflow: hidden; } .list1 .item:not(:nth-child(3n+1)){ margin-left: 1.4375%; } .list1 .item:hover{ background-color: #88ba28; color: #fff; } .list1 .item:hover::before{ content: ''; display: block; position: absolute; left: 6%; top: 23%; width: 105%; height: 242%; background-image: url(../images/about01_icon01.png); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: .06; } .list1 .item:hover .li1::before{ background-color: #fff; } .list1 .tit{ font-size: calc(24/16 * 1em); color: #000; } .ul2{ padding: 10px 0 0; display: flex; flex-wrap: wrap; } .ul2 .li1{ margin-top: 15px; padding-left: 13px; position: relative; width: 49%; } .ul2 .li1:not(:nth-child(2n+1)){ margin-left: 2%; } .ul2 .li1::before{ content: ''; display: block; background-color: #666666; position: absolute; left: 0; top: 9px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 5px; height: 5px; } @media(max-width:1024px) { .about01 h3{ font-size: calc(24/16 * 1em); } .about01 .instro { font-size: calc(16/16 * 1em); } .list1 .tit { font-size: calc(16/16 * 1em); } } @media(max-width:768px) { .list1 .item { width: 49%; } .list1 .item:not(:nth-child(3n+1)){ margin-left: 0; } .list1 .item:not(:nth-child(2n+1)){ margin-left: 2%; } .about01{ padding: 25px 0; } .about01 .list1{ margin-top: 25px; } } @media(max-width:640px) { .ul2 .li1 { font-size: 14px; } .list1 .item { width: 100%; } .list1 .item:not(:nth-child(2n+1)){ margin-left: 0; } .ul2 .li1{ margin-top: 5px; } } /* 手机端 */ .blockpc{ display: block; } .blockwap{ display: none; } @media(max-width:768px) { .blockpc{ display: none; } .blockwap{ display: block; } .Banner003192 .txt-style-1 .sub-tit { font-size: 14px; padding: 0 10px; } .Banner003192 .txt-style-1 .tit { font-size: 24px; padding: 0 10px; } .Top003124{ height: 0px; } .Banner003192 .slick-arrow.slick-prev { left: 32%; bottom: 51px; } .Banner003192 .slick-pages { bottom: 50px; } .Banner003192 .slick-arrow.slick-next { right: 32%; bottom: 51px; } .scene video { width: 100vh; /* height: 375px; */ object-fit: cover; } .scene_box { transform: rotate(90deg); width: 100vh; /*height: 375px; */position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; transform-origin: 28% 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .scene { position: relative; width: 100vh; /* height: 375px; */ } .scene .tips .circle{ transform: scale(1.5); } .t1 {left: 50vw;top: 15vw;} .t2 {left: 109vw;top: 27vw;} .t3 {left: 89vw;top: 44vw;} .t4 {left: 150vw;top: 39vw;} .t5 {left: 162vw;top: 64vw;} .t6 {left: 128vw;top: 58vw;} .t7 {left: 53vw;top: 57vw;} .t8 {left: 17vw;top: 53vw;} .t9 { left: 83.5vw; top: 19vw; } .Banner003086 .fp-tableCell li img { height: 100vh; object-fit: cover; position: absolute; left: 0; top: 0; } .Banner003086 .txt-style-2 { position: relative; z-index: 2; top: unset; left: unset; right: unset; } .Banner003086 .slider>li { padding: 85px 0 0; height: auto; } .Banner003086 .txt-style-2 .sub-tit { font-size: 14px; color: #fff; } .Banner003086 .txt-style-2 .sub-subtit { font-size: 20px; color: #fff; } .Banner003086 .txt-style-2 .tit { font-size: 20px; } .Banner003086 .txt-style-2 p { font-size: 11px; color: #fff; } .Banner003086 .companyDetailB { position: relative; bottom: unset; z-index: 2; flex-wrap: wrap; margin-top: 35px; } .Banner003086 .companyDetailB .leftContent .leftItem { width: 50%; height: auto; margin-bottom: 10px; text-align: left; } .Banner003086 .companyDetailB .leftContent { flex-wrap: wrap; width: 100%; flex: unset; padding: 0 15px; } .Banner003086 .companyDetailB .leftContent .leftItem p { font-size: 20px; } .Banner003086 .companyDetailB .leftContent .leftItem aside { font-size: 14px; } .Banner003086 .companyDetailB .rightContent { display: block; width: 180px; height: 80px; position: relative; margin-top: 5%; } .Banner003086 .companyDetailB .rightContent > figure { display: none; } .Banner003086 .fp-tableCell .videoMaskC img { height: 30px; } .Banner003086 .companyDetailB .rightContent .videoMaskC p{ margin: 10px 0; } .Banner003086 .companyDetailB .rightContent .videoMask { position: relative; top: unset; margin-left: 15px; } .Banner003192_wap{ padding: 85px 0 0; height: 100%; } .hbox1 .sub-tit{ font-size: 14px; } .hbox1 .tit_t{ font-size: 14px; } .hbox1 .tit { font-size: 24px; margin-top: 15px; } .plist1_swiper .pitem{ margin-bottom: 1.5%; padding-bottom: 54%; position: relative; background-color: #fff; box-shadow: 0 0 15px rgba(225, 228, 231, .57); } .plist1_swiper .pitem:not(:nth-child(3n+1)){ margin-left: 1.5%; } .plist1_swiper .pitem img{ position: absolute; left: 50%; top: 50%; max-height: 20px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .plist1_swiper .swiper-slide{ margin-top: 10px; } .Banner003192_wap .plist1_swiper{ margin-top: 25px; } .Banner003192_wap{ position: relative; background-color: #fff; overflow: hidden; } .Banner003192_wap::before{ content: ''; display: block; position: absolute; left: 23%; top: 8%; background-image: radial-gradient(circle, #3b9856, transparent); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); opacity: .3; width: 40vh; height: 40vh; border-radius: 50%; filter: blur(60px); } .Banner003192_wap::after{ content: ''; display: block; position: absolute; left: 70%; top: 85%; background-image: radial-gradient(circle, #99c34c, transparent); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); opacity: .3; width: 40vh; height: 40vh; border-radius: 50%; filter: blur(60px); } .Banner003192_wap .w_96{ position: relative; z-index: 2; } .hbox1 .sub-tit sub { font-size: 18px; vertical-align: baseline; } .Home_Global .txt-style-1 .tit_t{ font-size: 14px; } .Home_Global .txt-style-1 .tit{ font-size: 24px; } .Home_Global > .fp-tableCell> figure { transform: scale(.5); left: -47%; top: 20%; } .Home_Global .sliderBox{ display: block; position: relative; left: unset; top: unset; right: unset; } .Home_Global .sliderBox .slider { height: auto; } .Home_Global .sliderBox .slick-track { height: auto; } .Home_Global .slider { position: absolute; right: 0; top: 0; list-style: none; width: 100%; } .Home_Global .txt-style-1 { position: relative; top: unset; left: unset; right: unset; } .home_gbox{ padding: 65px 0 458px; position: static !important; transform: unset !important; -webkit-transform: unset !important; -moz-transform: unset !important; -ms-transform: unset !important; -o-transform: unset !important; } .Home_Global .slider li { display: flex; } .Home_Global .slider figure { width: 45%; background-size: cover; } .Home_Global .slider .titleBox { width: 60%; } .Home_Global .home_move { width: 100%; display: flex; align-items: center; justify-content: unset; height: 150px; position: absolute; bottom: 11%; left: 50%; top: unset; transform: translate(-50%,0) scale(.6); -webkit-transform: translate(-50%,0) scale(.6); -moz-transform: translate(-50%,0) scale(.6); -ms-transform: translate(-50%,0) scale(.6); -o-transform: translate(-50%,0) scale(.6); } .Home_Global .slider .slick-dots { right: 40px; left: 47%; bottom: 30px; } .home_gbox>img{ opacity: 0; } .Bottom002887 .b_nav { padding: 25px 0 25px; } .Bottom002887 .b_nav nav.fl .top { display: none; } .Bottom002887 .b_link > div { margin-top: 10px; } .Bottom002887 .b_nav > nav { padding: 0 0 0; } .Bottom002887 .b_nav .tit { padding: 5px 0; } .Bottom002887 .b_nav nav.fl .bottom { border-top: none; } .Bottom002887 .b_nav > div { font-size: 12px; } .Bottom002887 .b_nav .tit { font-size: 14px; } .Bottom002887 .contact { width: 100%; order: 21; } .Bottom002887 .b_nav div.code { width: 100%; margin: 0; order: 1; } .Bottom002887 .b_nav { flex-direction: column-reverse; } .Bottom002887 .b_nav nav.fl.clearfix {order: 1;} .TextList002514 .listTitle, .TextList002514 .job-title{ padding: 0 15px; } .TextList002514 .job-main{ padding:15px; } .download .titleBox { margin-bottom: 15px; } .download .tableBox { margin-bottom: 15px; } .plist2 .item{ padding: 20px 35px 20px 0; position: relative; border-bottom: 4px solid #f2f2f2; display: block; } .plist2 .item:first-child{ border-bottom: 4px solid #f2f2f2; } .plist2 .tit{ font-size: 18px; color: #000; line-height: 1.2; } .plist2 .text_box{ width: 100%; display: flex; align-items: center; color: #666666; font-size: 16px; padding-top: 15px; } .plist2 .text_box div:not(:first-child){ margin-left: 30px; } .plist2 .icon{ background-image: url(../images/plist2_icon01.png); background-repeat: no-repeat; width: 22px; height: 20px; position: absolute; right: 10px; bottom: 10px; } .RighInfo002523 ul:nth-child(1) li { width: 49%; } .RighInfo002523 ul:nth-child(1) li:not(:nth-child(2n+1)) { margin-left: 2%; } .RighInfo002523 ul:nth-child(2) li { width: 49%; } .RighInfo002523 ul:nth-child(2) li:not(:nth-child(2n)) { margin-left: 2%; } .RighInfo002523 li h5 { font-size: 12px; padding:5px 0; } .RighInfo002523 li span { font-size: 36px; } .RighInfo002523 .process { padding-left: 15px; padding-right: 15px; } .PicList002482 ol .contentMask { opacity: 0; } .PicList002482 ol .content { top: 50%; transform: translateY(-50%); opacity: 1; } .PicList002482 ol .content p{ color: rgba(255, 255, 255, .8); } .service .ul li { width: 49%; margin-bottom: 2%; } .service .ul li:not(:nth-of-type(3n)) { margin-right: 0; } .service .ul li:not(:nth-of-type(2n)) { margin-right: 2%; } .service .ul li p { line-height: 1.3; } .sale .slider .slick-slide{ padding: 0 10px; } .sale .ul .slick-track { padding: 15px 0 20px 0; } .sale .line { width: calc(100% - 100 / 16* 1em); } .sale .slick-arrow.slick-prev { right: 40px; } .RighInfo003186 .number li { width: 49%; } .RighInfo003186 .number li:not(:nth-child(2n+1)) { margin-left: 2%; } .RighInfo003186 .number { display: flex; flex-wrap: wrap; } .RighInfo003186 .number li h3 { font-size: 18px; } .RighInfo003186 .number li aside { font-size: 14px; } .companyAchievement > section ul .shape { width: 100%; } .companyAchievement > section ul li { width: 20.5%; } .companyAchievement > section ul li:not(:nth-last-of-type(1)) { margin-right: 6%; } .Top003124 menu{ width: 100%; height: 100%; } .Top003124 .top-search .btn{ background-color: #8bbb2d; } .Top003124 .top-lang .box { padding: 3px 5px; background-color: #fff; } .Top003124 .top-lang.on .icon:before{ top: 24px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .Top003124 .top-lang .icon:before{ content: ''; display: block; position: absolute; top: 22px; border-top: 2px solid #000; border-right: 2px solid #000; right: -15px; width: 6px; height: 6px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); } .Top003124 .top-nav { position: relative; margin-bottom: 0; display: block; height: 4em; z-index: 1; } .Top003124 .top-nav dd { display: flex; align-items: center; height: 100%; width: 20px; position: absolute; right: 90px; } .Top003124 .top-lang .icon { background-image: url(../images/lang_active.png); } .Top003124 .top-lang .box a { display: block; margin: 0 5px; } .Top003124 .top-lang .box a.active{ color: #1c8b3b; } .open-search.on:before, .open-search.on:after{ background-color: #000; } .Banner002167 img { height: 260px; object-fit: cover; } .Banner002167 .textContent { top: 60%; } .Banner002167 .current { padding: 15px 0; padding-left: 30px; } .hbox1 .tit{ color: #000; } .hbox1 .tit span { color: #8bbb2d; } .bot_wap .bot_item { display: flex; align-items: center; justify-content: center; } .RighInfo002523 ul:nth-of-type(2) li:nth-of-type(1){ margin-left: 2%; } .bot_wap .bot_item .nM { margin-left: 15px; } .bot_wap .bot_item .call { white-space: nowrap; } .bot_wap .bot_item.bot_wx { flex-wrap: wrap; } .bot_wap .bot_item.bot_wx .call { width: 100%; } .bot_wap .bot_item.bot_address { flex-wrap: wrap; } .bot_wap .bot_item.bot_address .nM { margin-left: 0; } .Bottom002887 .call { line-height: 1.5; } .bot_wap .bot_item.bot_wx figure { width: 90px; } .Bottom002887 .b_nav > div { padding-bottom: 0; } .Bottom002887 .b_nav { padding: 15px 0; } } .relate .slick-arrow { transform: translateY(-50%); font-size: 0; width: 60px; height: 60px; border: 0; position: absolute; top: 50%; cursor: pointer; padding: 0; background: #8bbb2d; z-index: 10; border-radius: 50%; } .relate .slick-arrow:before { position: absolute; content: ''; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); left: 50%; top: 50%; margin: -5px 0 0 -6px; } .relate .slick-prev:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -3px; } @media(min-width:1025px) { .relate .slick-prev { left: 0; } .relate .slick-next { right: 0; } } .relate .slick-disabled { background: #cccccc; } @media(max-width:1024px) { .relate .slick-prev { left: 0; } .relate .slick-next { right: 0; } } @media(max-width:640px) { .relate .slick-arrow { width: 30px; height: 30px; } .productInfo table th, .productInfo table td { line-height: 1.3; } } .fp-section.fp-table, .fp-slide.fp-table{ background-size: cover; background-repeat: no-repeat; } .Home_Global .home_move svg { width: 71vh; height: 67vh; } @media(max-width:640px) { .Banner003192 li.slick-slide video{ opacity: 0 !important; } .Banner003192 .open-video {display: block;margin: 0 auto;width: 40px;height: 40px;background: url(../images/Banner003192-play.png) no-repeat center center;background-size: contain;margin-bottom: calc(60 / 1920 * 100vw);cursor: pointer;transform: translateY(30px);opacity: 0;transition: 0.3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) !important;z-index: 2222;opacity: 1 !important;} } .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;} @media(max-width:640px) { .scene .tips .content { opacity: 1; margin-top: -6px; margin-left: 5px; } .scene .tips .content::before { width: 100%; opacity: 1; } .scene .tips .content span { color: #fff; font-size: 12px; opacity: 1; } .scene .tips .circle { width: 5px; height: 5px; } } .PicList002938 ul > a li { display: block; padding-right: 60px; } @media(max-width:640px) { .PicList002938 ul > a li { padding-right: 40px; } } @media(max-width:768px) { .TextList002514 { overflow: unset; border-bottom: 2px solid #eee; } .TextList002514 .listTitle { width: 100%; flex-wrap: wrap; align-items: self-start; height: auto; background-color: transparent; } .TextList002514 .listTitle span { width: 50% !important; } .TextList002514 .listTitle { display: none; } .TextList002514 .list { width: 100%; } .TextList002514 .job-title { flex-wrap: wrap; padding-right: 40px; padding-top: 15px; padding-bottom: 15px; background-color: transparent; border-top: 2px solid #eee; } .TextList002514 .job-title i { right: 10px; } .TextList002514 .job-title span { line-height: 1.5; width: 100% !important; padding-top:5px; } .TextList002514 .list:nth-of-type(2n+1) .job-title { background-color: transparent; } .TextList002514 .job-email { right: unset; left: 0; } } .ie{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #2d739c; width: 100%; height: 100%; z-index: 99999; } .ie .ie_content{ width: 100%; height: 100%; } .ie .ie_main{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); line-height: 1.3; } .ie .ie_main *{ color: #fff; font-size: 24px; } .TextList002514 .job-title span a{ display: none; } @media(max-width:768px) { .TextList002514 .job-title span a{ display: inline-block; color: #999; margin-right: 10px; } .TextList002514 .job-title.select span a{ color: #fff; } } .home_gbox{ position: absolute; color: #fff; left: 0; right: 0; top: calc(215 / 960* 100%); z-index: 2; } .home_global_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .home_global_bg>div{ background-repeat: no-repeat; width: 100%; height: 100%; } .home_global_bg>div.blockpc{ background-size: cover; background-position: center; } .home_global_bg>div.blockwap{ background-position: center bottom; background-size: 100% 100vh; } @media(max-width:640px) { .mask .uploadBox { flex-wrap: wrap; } .mask .uploadBox span { width: 100%; margin-left: 0; margin-top: 5px; } .mask label { width: 100%; } } /* 2024.8.26 */ .Banner003192_swiper{ } .Banner003192_swiper .video_box{ width: 100%; z-index: 2; } .Banner003192_swiper .imgbox{ height: 100vh; position: relative; overflow: hidden; } .Banner003192_swiper .video_box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .Banner003192_swiper .imgbox img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .Banner003192_swiper .video_box video{ width: 100%; height: 100%; object-fit: cover; } .Banner003192_swiper .text_box{ position:absolute; top: 50%; width:100%; z-index:2; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); } .Banner003192_swiper .sub-tit{ line-height: 87px; font-size: calc(26 / 16* 1em); transform: translateX(30px); opacity: 0; color: #fff; transform: translate(0,100px); -webkit-transform: translate(0,100px); -moz-transform: translate(0,100px); -ms-transform: translate(0,100px); -o-transform: translate(0,100px); transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; } .banner .tit{ font-family: 'HarmonyOS_Sans_SC_Bold'; font-size: calc(65 / 1920* 100vw); margin-bottom: calc(20 / 65* 1em); opacity: 0; color: #c6c5c0; transform: translate(0,100px); -webkit-transform: translate(0,100px); -moz-transform: translate(0,100px); -ms-transform: translate(0,100px); -o-transform: translate(0,100px); transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; } .Banner003192_swiper .swiper-slide-active .sub-tit, .Banner003192_swiper .swiper-slide-active .tit{ transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); opacity: 1; } .Banner003192 .tit > span { color: #8bbb2d; } .Banner003192_swiper{ position: relative; } .Banner003192_swiper .swiper_box{ position: absolute; bottom: calc(64 / 16* 1em); display: flex; align-items: center; z-index: 2; position: absolute; left: calc(162 / 16* 1em); bottom: calc(64 / 16* 1em); } .Banner003192_swiper .swiper_btn{ font-size: calc(23 / 16* 1em); color: transparent; width: 13px; height: 21px; z-index: 99; background-image: url(../images/button-active.png); cursor: pointer; } .Banner003192_swiper .swiper_btn.prev{ transform: rotate(180deg); } .Banner003192_swiper .uimgbox{ display: flex; align-items: center; justify-content: space-between; margin: 0 25px; font-size: calc(23 / 16* 1em); color: #fff; } .Banner003192_swiper .uimg{ margin: 0 12px; } .Banner003192_swiper .pactive, .Banner003192_swiper .plength{ color: rgba(255, 255, 255, .4); } .video_btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display: none; background-image: url(../images/videoPlay.png); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; z-index: 3; } @media(max-width:768px) { .Banner003192_swiper .swiper_box{ left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); bottom: 3%; } .Banner003192_swiper .video_box{ display: none; } .Banner003192_swiper .video_btn{ display: block; } } .videoMask1 { position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.6); left: 0; top: 0; width: 100%; height: 100%; display: none; } .videoMask1 .videoBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; max-width: 94%; } .videoMask1 .videoBox video { width: 100%; } .videoMask1 .videoBox .close { position: absolute; right: 5px; top: 5px; padding: 10px; z-index: 10; cursor: pointer; padding-top: 2%; } .videoMask1 .videoBox .close:before, .videoMask1 .videoBox .close:after { content: ""; position: absolute; width: 100%; left: 0; top: 50%; border-bottom: 1px solid #fff; } .videoMask1 .videoBox .close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } .videoMask1 .videoBox .close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } .video_click{ cursor: pointer; } @media (max-width: 680px){ .videoMask1 .videoBox{ width: 90%; } } @media (max-width: 680px){ .Timeline002789 .slider li .middleTime{ margin: 15px 0; } } /* 20240909 */ .companyAchievement > section ul .shape{height: 0;transition: ease-in-out 2s;} .Banner003192_partner .partnerList li{border:4px solid transparent;margin:0;background:none;height:20%;width:10%;} .Banner003192_partner .partnerList li::before{content:"";position:absolute;left:4px;right:4px;top:4px;bottom:4px;background:#fff;z-index:-1;} .Banner003192_partner .partnerList{justify-content:flex-start;} .Banner003192_partner .partnerList li:nth-child(11),.Banner003192_partner .partnerList li:nth-child(28){margin-left:15%;} .Banner003192_partner .partnerList li:nth-child(19){margin-left:10%;} .Banner003192_partner .partnerList li:nth-child(18),.Banner003192_partner .partnerList li:nth-child(35){} .Banner003192_partner .partnerList::before{z-index: -1;filter: blur(75px);} .Home_Global .home_move svg { opacity: 0; }