html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
caption,
tbody,
tfoot,
thead,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0px;
padding: 0px;
border: 0px;
font-size: 100%;
outline: none;
}
html {
overflow-x: hidden;
}
p {
line-height: initial;
}
body {
/* font-family: "PingFang SC", 微软雅�? "Microsoft YaHei", Arial, 黑�? 宋�? */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
input,
select,
button {
vertical-align: middle;
outline: none;
padding: 0px;
}
ol,
ul,
li {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: none;
}
/*strong,*/
/*i,*/
/*em,*/
/*b {*/
/* font-style: normal;*/
/* font-weight: normal;*/
/*}*/
img {
border: 0px;
}
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
appearance: none;
border-radius: 0px;
}
textarea {
appearance: none;
border-radius: 0px;
background: none;
outline: none;
padding: 0px;
margin: 0px;
border: none;
}
::selection {
background: rgb(235, 177, 18);
color: rgb(255, 255, 255);
text-shadow: none;
}
a {
text-decoration: none;
cursor: pointer;
color: rgb(0, 0, 0);
transition: all 0.3s ease 0s;
}
a:link,
a:visited {
text-decoration: none;
}
a:active,
.clear {
clear: both;
}
.clearfix::before,
.clearfix::after {
display: table;
content: "";
line-height: 0px;
}
.clearfix::after {
clear: both;
}
.clearfix {}
.fl {
float: left;
}
.fr {
float: right;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: normal;
display: block;
}
input,
button,
table,
tr,
td,
textarea {
font-family: "Microsoft yahei", Arial;
}
.w1500 {
padding-left: 10vw;
padding-right: 10vw;
}
p {
display: block;
margin-block: 0em 0px;
margin-inline: 0px;
}
@font-face {
font-family: TIN;
src: url("../fonts/tungsten.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: BIN;
src: url("../fonts/BrownStd-Regular.woff.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: SIN;
src: url("../fonts/times new roman.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: AIN;
src: url("../fonts/AslinaBold.otf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: CIN;
src: url("../fonts/CgFuturaMaxiBd.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: DIN;
src: url("../fonts/din-medium.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: MIN;
src: url("../fonts/montserrat-regular.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: SIN;
src: url("../fonts/stsong_0.ttf");
font-weight: normal;
font-style: normal;
}
header {
height: 85px;
width: 100%;
box-sizing: border-box;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 10000;
background: #fff;
border-bottom: 1px solid rgb(230, 230, 230);
}
header .logo img {
display: block;
height: 80px;
position: relative;
z-index: 999;
}
.logo {
position: relative;
}
.header a {
position: relative;
}
.header {
z-index: 99999999999999999;
}
header .logo::before {
content: '';
position: absolute;
width: 290px;
height: 132px;
background: url(../images/circle.png);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 99;
left: 50%;
bottom: -52px;
margin-left: -145px;
transition: all 0.2s;
display: none;
}
.logo {
position: relative;
z-index: 999;
text-align: center;
}
.nav {
width: 80%;
margin-left: 0;
display: flex;
/* justify-content: flex-end; */
padding-right: 2%;
}
.nav li {
width: 20%;
float: left;
line-height: 85px;
text-align: center;
font-size: 18px;
font-weight: 550;
position: relative;
}
.navAll {
display: flex;
align-items: center;
width: 75%;
}
.nav li a {
color: rgb(36, 36, 36);
}
.nav li a:hover {
color: rgb(229, 185, 75) !important;
}
.nav li .show {
position: absolute;
display: none;
top: 85px;
left: -15%;
width: 130%;
text-align: center;
overflow: hidden;
padding: 6px 0px;
background: rgb(255, 255, 255);
z-index: 999;
}
.nav li:hover .show {
display: block;
}
.nav li .show a {
line-height: 36px;
position: relative;
font-size: 14px;
color: rgb(0, 0, 0);
display: block;
}
.nav li .show a:hover {
color: rgb(50, 121, 230);
}
.menubox.solid {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 9999;
height: 85px;
line-height: 85px;
background: rgb(255, 255, 255);
border-bottom: none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;
transition: all 0.3s ease-in 0s;
}
.menubox.solid a:hover {
color: rgb(222, 87, 39);
}
@-webkit-keyframes bgscale {
0% {
transform: scale(1.05);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes bgscale {
0% {
transform: scale(1.05);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes bgscale2 {
0% {
opacity: 1;
transform: scale(1);
}
100% {
transform: scale(1.05);
}
}
@keyframes bgscale2 {
0% {
opacity: 1;
transform: scale(1);
}
100% {
transform: scale(1.05);
}
}
@-webkit-keyframes jello {
0%,
11.1%,
100% {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.195312deg) skewY(-0.195312deg);
}
}
@keyframes jello {
0%,
11.1%,
100% {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.195312deg) skewY(-0.195312deg);
}
}
.menu-handler {
width: 64px;
float: right;
height: 54px;
display: none;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
.menu-handler span {
position: relative;
display: block;
margin: 25.5px auto 0px;
width: 28px;
height: 3px;
background-color: rgb(229, 185, 75);
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.menu-handler span::after,
.menu-handler span::before {
content: "";
position: absolute;
display: inline-block;
width: 100%;
height: 3px;
left: 0px;
background-color: rgb(229, 185, 75);
transition-duration: 0.3s, 0.3s;
transition-delay: 0.3s, 0s;
}
.menu-handler span::before {
top: -9px;
transition-property: top, transform;
}
.menu-handler span::after {
bottom: -9px;
transition-property: bottom, transform;
}
.menu-handler.active span {
background-color: transparent;
transition-delay: 0s, 0s;
}
.menu-handler.active span::after,
.menu-handler.active span::before {
transition-delay: 0s, 0.3s;
}
.menu-handler.active span::before {
top: 0px;
transform: rotate(45deg);
}
.menu-handler.active span::after {
bottom: 0px;
transform: rotate(-45deg);
}
.menuBox a:link,
.menuBox a:visited {
color: rgb(255, 255, 255);
}
.menuBox a:active,
.menuBox a:hover {
color: rgb(255, 255, 255);
}
.menuBox {
background-color: rgba(138, 166, 43, 1);
color: rgb(255, 255, 255);
position: fixed;
display: none;
right: 0px;
top: 0px;
height: 100vh;
overflow: hidden auto;
transform: translateX(100%);
width: 400px;
z-index: 99999999980;
transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.menuMoblie {
padding: 50px 50px;
padding-bottom: 30px;
}
.menuMoblie .nav-link {
display: block;
font-size: 20px;
padding: 10px 22px 10px 80px;
position: relative;
}
.menuMoblie .cur {
opacity: 0.9;
border-top: 1px solid rgb(219, 219, 219);
border-bottom: 1px solid rgb(219, 219, 219);
background-color: rgb(232, 232, 232);
}
.menuMoblie .cur .nav-link {
color: rgb(229, 185, 75);
}
.menuMoblie .subnav {
padding-bottom: 12px;
display: none;
}
.menuMoblie .subnav a {
position: relative;
display: block;
padding: 10px 22px 10px 80px;
line-height: 1.4;
color: rgb(51, 51, 51);
font-size: 15px;
}
.pusher-black {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-color: rgba(0, 0, 0, 0.4);
z-index: 900;
visibility: hidden;
opacity: 0;
transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1) 0s;
}
.menuOpen .pusher-black {
visibility: visible;
opacity: 1;
}
.menuOpen .menuBox {
transform: translateX(0px);
}
.header {
display: flex;
padding-left: 5vw;
padding-right: 5vw;
align-items: center;
justify-content: space-between;
}
.rightFlex {
display: flex;
align-items: center;
height: 85px;
justify-content: flex-end;
width: 13em;
}
.nav a,
.comp5 {
transition: all 0.3s ease 0s;
}
.nav a:hover {
color: rgb(229, 185, 75) !important;
}
.nav .on a {
color: #272926 !important;
}
.telIcon {
display: flex;
align-items: center;
font-size: 20px;
color: rgb(51, 51, 51);
font-family: DIN;
height: 85px;
}
.telIcon img {
margin-right: 12px;
}
.index-input {
background: rgb(245, 245, 245);
height: 85px;
display: flex;
align-items: center;
justify-content: center;
width: 85px;
}
.banner {
overflow: hidden;
width: 100%;
}
.banner img {
float: left;
width: 100%;
object-fit: cover;
}
.banner {
position: relative;
z-index: 60;
width: 100%;
margin-top: 85px;
}
.index-banner .swiper-slide {
background: 50% center / cover no-repeat;
position: relative;
}
@-webkit-keyframes svgCircleAnmi {
0% {
stroke-dasharray: 0, 339;
}
100% {
stroke-dasharray: 339, 339;
}
}
.svg-swiper-pagination {
position: absolute;
z-index: 1;
display: flex;
flex-flow: column wrap;
justify-content: flex-end;
right: 25px;
top: 42%;
margin-top: 40px;
left: auto !important;
bottom: auto !important;
width: auto !important;
}
.svg-swiper-pagination .swiper-pagination-bullet {
background: transparent;
opacity: 1;
width: 12px;
height: 12px;
outline: none;
bottom: 60px;
position: relative;
margin: 18px !important;
}
.svg-swiper-pagination .swiper-pagination-bullet::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
z-index: 0;
width: 8px;
height: 8px;
background-color: transparent;
border: 1px solid rgb(255, 255, 255);
border-radius: 50%;
margin: -5px 0px 0px -5px;
transition: opacity 0.3s ease 0s;
}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
background-color: rgb(255, 255, 255);
}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .svg {
opacity: 0.9;
}
.svg-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle2 {
animation: 5s linear 0s 1 normal forwards running svgCircleAnmi;
}
.svg-swiper-pagination .svg {
width: 30px;
height: 30px;
position: absolute;
top: -9px;
left: -9px;
transform: rotate(-90deg);
opacity: 0;
transition: opacity 0.3s ease 0s;
display: block;
}
.svg-swiper-pagination .circle1 {
stroke: transparent;
}
.Circle {
overflow: hidden;
}
.svg-swiper-pagination .circle2 {
stroke: rgb(255, 255, 255);
stroke-dasharray: 0, 339;
}
.index-banner .txt h1 {
font-size: 50px;
letter-spacing: 8px;
}
.index-banner .txt p {
letter-spacing: 20px;
margin: 30px 0px 60px;
}
.index-banner .txt span {
width: 200px;
height: 50px;
border-radius: 25px;
margin: 0px auto;
font-size: 16px;
letter-spacing: 5px;
}
.main-btn {
position: relative;
z-index: 5;
overflow: hidden;
}
.main-btn::before {
position: absolute;
content: "";
top: 50%;
left: 50%;
width: 0px;
height: 0px;
padding: 50%;
border-radius: 50%;
z-index: -1;
transform: translate3d(-50%, -50%, 0px) scale(0);
transition: all 0.4s linear 0s;
}
.main-btn:hover {
color: rgb(255, 255, 255);
}
.main-btn:hover::before {
transform: translate3d(-50%, -50%, 0px) scale(1.5);
}
.index-banner .txt .main-btn::before {
background: rgb(255, 255, 255);
}
.index-banner video {
min-width: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
object-fit: cover;
display: none;
}
.index-banner figure {
width: 100%;
height: 100%;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
}
.index-banner .txt {
position: relative;
z-index: 5;
}
.video-box {
position: relative;
}
.item-video a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
justify-content: flex-end;
}
.item-video img {
transition: all 0.6s ease 0s;
}
.conn2_right {
position: absolute;
display: flex;
width: 100%;
justify-content: flex-end;
left: -30%;
z-index: 9999;
top: 20%;
}
.conn2_right:hover .item-video img {
transform: scale(0.9);
}
.conn2_right:hover .con2_imgWbox {
transform: scale(1.03);
}
.conn2_right p {
position: absolute;
top: 58%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: rgb(255, 255, 255);
line-height: 2.4vw;
font-size: 1.8vw;
}
.video-popwrap {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 36663;
border-radius: 5px;
border: 10px solid rgb(255, 255, 255);
}
.popbg {
display: none;
position: fixed;
inset: 0px;
background: rgba(0, 0, 0, 0.8);
z-index: 99999999;
}
.popclose {
position: absolute;
top: -60px;
right: -85px;
border-radius: 100%;
color: rgb(255, 255, 255);
cursor: pointer;
height: 60px;
width: 60px;
text-align: center;
line-height: 43px;
font-size: 58px;
z-index: 33333;
}
.item-video a:hover::before {
opacity: 0.6;
transform: scale(1);
inset: -10px;
width: 100px;
height: 100px;
}
.aboutFlex {
display: flex;
padding-left: 10vw;
/* align-items: center; */
}
.About {
overflow: hidden;
}
.ab1 {
font-size: 50px;
margin-bottom: 3vw;
font-weight: 600;
}
.ab2 {
color: rgb(102, 102, 102);
font-size: 28px;
margin-bottom: 1.8vw;
}
.ab3 {
margin-bottom: 5vw;
}
.ab3 p {
color: rgb(102, 102, 102);
font-size: 15px;
line-height: 38px;
width: 94%;
}
.ab4 {
width: 290px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgb(102, 102, 102);
color: rgb(102, 102, 102);
font-size: 16px;
border-radius: 35px;
position: relative;
transition: all 0.6s;
}
.ab4:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 0;
height: 100%;
border-radius: 35px;
transition: all 0.6s;
background: #6eb939;
}
.ab4:hover:after {
width: 100%;
}
.ab4:hover .am1 {
color: #fff;
}
.ab4:hover .am2 {
width: 68px;
height: 34px;
background: url(../images/arr.png);
}
.am1 {
position: relative;
z-index: 99;
transition: all 0.4s;
}
.am2 {
display: inline-block;
width: 68px;
height: 34px;
background: url(../images/arr1.png);
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 99;
margin-left: 25px;
}
.aboutLeft {
width: 60%;
position: relative;
z-index: 9999;
padding-top: 6vw;
padding-right: 19%;
}
.conn2_right .img {
position: absolute;
}
.bannerTop {
margin-top: 85px;
}
.advFlex {
padding: 60px 0px;
display: flex;
align-items: center;
justify-content: space-between;
}
.advTit>p:nth-child(1) {
color: rgb(26, 32, 44);
font-size: 40px;
margin-bottom: 10px;
font-weight: 600;
}
.advTit>p:nth-child(2) {
color: rgb(102, 102, 102);
font-size: 16px;
}
.readMore {
color: rgb(102, 102, 102);
font-size: 16px;
border: 1px solid rgb(169, 169, 169);
word-spacing: 10px;
width: 210px;
height: 58px;
text-align: center;
line-height: 58px;
transition: all 0.6s;
position: relative;
display: inline-block;
}
.rg {
position: relative;
z-index: 99;
}
.readMore:hover .rg {
color: #fff;
}
.readMore:hover::after {
width: 100%;
}
.readMore::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 0;
height: 100%;
transition: all 0.6s;
background: #6eb939;
}
footer {
/* background: rgb(45, 45, 45); */
background: rgb(40,43,40);
padding-top: 75px;
}
.footer {
display: flex;
justify-content: space-between;
}
.footLine {
margin-top: 55px;
}
.footLine>p:nth-child(1) {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
margin-bottom: 10px;
}
.footLine>p:nth-child(2) {
color: rgb(255, 255, 255);
font-size: 40px;
font-family: DIN;
}
.footMiddle {
display: flex;
width: 40%;
justify-content: space-between;
padding-left: 4%;
margin-top: 10px;
}
.footLink p {
color: rgb(255, 255, 255);
font-size: 18px;
margin-bottom: 30px;
text-align: center;
}
.footA a {
color: rgba(255, 255, 255, 0.6);
text-align: center;
margin-bottom: 20px;
font-size: 15px;
display: block;
transition: all 0.2s;
}
.footA a:hover {
color: #fff;
}
.footRight {
display: flex;
margin-top: 10px;
}
.footRight>div:nth-child(1) {
margin-right: 35px;
}
.footEwm>p:nth-child(1) img {
width: 120px;
height: 120px;
}
.footEwm>p:nth-child(2) {
margin-top: 15px;
text-align: center;
color: rgb(255, 255, 255);
font-size: 15px;
}
.devideApply {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 20px;
}
.devideApply input {
height: 56px;
width: 90%;
font-size: 16px;
color: rgb(136, 136, 136);
}
.devideApply {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 20px;
border: 1px solid rgba(255, 255, 255, 0.2);
margin-top: 0px;
margin-bottom: 0px;
cursor: pointer;
z-index: 999;
position: relative;
width: 340px;
}
.hidePro {
overflow-y: auto;
position: absolute;
left: 0px;
right: 0px;
bottom: 52px;
border-bottom: none;
border-top: none;
background: rgba(255, 255, 255, 0.9);
box-sizing: border-box;
border-left: 1px solid rgb(180, 180, 180);
border-right: 1px solid rgb(180, 180, 180);
display: none;
z-index: 999;
}
.hidePro a {
padding: 12px 20px;
font-size: 14px;
border-bottom: 1px solid rgb(180, 180, 180);
border-left: 1px solid rgb(255, 255, 255);
border-right: 1px solid rgb(255, 255, 255);
box-sizing: border-box;
cursor: pointer;
display: block;
}
.hidePro a:hover {
color: rgb(229, 185, 75);
}
.prochoose {
color: rgba(255, 255, 255, 0.6);
font-size: 16px;
padding: 15px 0px;
/* position: absolute; */
left: 0;
right: 0;
width: 100%;
/* height: 50px; */
}
.foBottom {
margin-top: 65px;
border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.bottomFlex {
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px 0px;
}
.bottomFlex p {
color: rgba(255, 255, 255, 0.6);
font-size: 15px;
}
.bottomA {
display: flex;
align-items: center;
color: rgba(255, 255, 255, 0.6);
font-size: 15px;
}
.bottomA a {
margin-left: 25px;
}
.inWord {
position: absolute;
top: 38%;
}
.in1 {
font-size: 50px;
margin-bottom: 28px;
color: rgb(255, 255, 255);
letter-spacing: 4px;
}
.in2 {
font-size: 28px;
color: rgb(255, 255, 255);
font-family: arial;
text-transform: uppercase;
}
.Brand {
display: flex;
padding: 0px 6vw;
}
.about11Index {
padding: 70px 4vw
}
.brandPic {
width: 45%;
overflow: hidden;
/*display: flex;*/
/*align-items: center;*/
/*position: relative;*/
}
/*.brandPic::after {*/
/* content: '';*/
/* position: absolute;*/
/* left: 3vw;*/
/* right: 3vw;*/
/* background: rgb(229, 185, 75);*/
/* top: 0;*/
/* bottom: 0;*/
/*}*/
.brandPic img {
position: relative;
border-radius: 10px;
z-index: 999;
}
.brandDesc {
width: 55%;
padding-left: 50px;
display: flex;
flex-direction: column;
/*padding-top: 5vw;*/
}
.brandDesc_two {
/* width: 54%;
padding-left: 50px; */
display: flex;
flex-direction: column;
/*padding-top: 5vw;*/
}
.br1 {
font-size: 45px;
color: rgb(0, 0, 0);
margin-bottom: 10px;
font-weight: 600;
position: relative;
}
.br2 {
position: absolute;
top: 50%;
left: 0;
line-height: 1;
margin-top: -26px;
font-size: 60px;
font-family: SIN;
text-transform: uppercase;
color: rgb(231 231 231 / .2);
z-index: -1;
}
.br3 {
margin-top: 25px;
font-size: 32px;
color: rgb(51, 51, 51);
letter-spacing: 1px;
word-spacing: 5px;
margin-bottom: 24px;
}
.br4 p {
font-size: 16px;
color: rgb(102, 102, 102);
line-height: 38px;
motion-path: 20px;
}
.hisTit {
padding: 60px 0;
}
.hisTit>p:nth-child(1) {
text-align: center;
color: #fff;
font-size: 45px;
margin-bottom: 10px;
letter-spacing: 2px;
font-weight: 600;
}
.hisTit>p:nth-child(2) {
text-transform: uppercase;
text-align: center;
color: #fff;
font-size: 30px;
font-family: SIN;
}
.development-history {
padding-bottom: 120px;
background: url(../images/green.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.swiper-mhistory {}
.swiper-history-year {
position: relative;
}
.swiper-history-year::before {
content: '';
display: block;
width: 100%;
height: 1px;
background: #ccc;
position: absolute;
left: 0;
top: 20px;
}
.swiper-history {
position: relative;
z-index: 999;
}
.swiper-history-year .swiper-slide {
text-align: center;
color: #999;
font-size: 30px;
background: #f6f6f6;
font-family: 'Barlow-Light', Microsoft Yahei, Arial;
}
.swiper-history-year .swiper-slide.swiper-slide-thumb-active {
color: #5fa82b;
font-weight: bold;
}
.development-history {}
.swiper-history .swiper-history-time {
text-align: center;
background: url("../images/line.png") center no-repeat;
padding-top: 20px;
background-position-y: 134px;
background-size: 55%;
}
.swiper-history .swiper-history-time .year-num {
font-size: 30px;
color: #fff;
font-family: MIN;
letter-spacing: 1px;
padding-top: 96px;
}
.swiper-history .swiper-history-time .year-num span {
color: #fff;
}
.swiper-history .swiper-history-time .text {
font-size: 18px;
font-family: MIN;
letter-spacing: 1px;
line-height: 25px;
color: rgba(255, 255, 255, 0.9);
margin: auto;
overflow: hidden;
display: none;
margin-top: -10px;
}
.swiper-history .swiper-history-time .swiper-slide-active .year-num {
font-family: MIN;
font-size: 110px;
color: #fff;
padding-top: 40px;
font-weight: 600;
letter-spacing: 14px;
position: relative;
display: inline-block;
}
/* .swiper-history .swiper-history-time .swiper-slide-active .year-num::after{
content: '';
position: absolute;
left: -50%;
height: 2px;
background: rgba(255,255,255,0.4);
width: 15vw;
top: 62%;
}
.swiper-history .swiper-history-time .swiper-slide-active .year-num::before{
content: '';
position: absolute;
right: -50%;
height: 2px;
background: rgba(255,255,255,0.4);
width: 15vw;
top: 62%;
} */
.swiper-history .swiper-history-time .swiper-slide-active .year-num span {
color: #5fa82b;
}
.swiper-history .swiper-history-time .swiper-slide-active .text {
display: block;
height: 160px;
}
.swiper-history .swiper-history-time .swiper-button-next,
.swiper-history .swiper-history-time .swiper-button-prev {
background-color: #fff;
width: 65px;
height: 65px;
border-radius: 100%;
opacity: 1;
top: 40%;
}
.swiper-history .swiper-history-time .swiper-button-next {
right: 10vw;
background: #ffffff00;
border: none;
}
.swiper-history .swiper-history-time .swiper-button-prev {
left: 10vw;
background: rgb(119 209 56 / 0%);
border: none;
}
.mbshow {
display: none !important;
}
.swiper-history .swiper-history-time .swiper-button-prev::after {
color: #fff;
font-size: 22px;
}
.swiper-history .swiper-history-time .swiper-button-next::after {
color: rgb(200, 200, 200);
font-size: 22px;
}
.swiper-history .swiper-history-time .text img {
margin-right: 10px;
width: 15%;
}
.toryWord {
font-size: 130px;
text-align: center;
color: rgba(255, 255, 255, 0.6);
letter-spacing: 10px;
font-family: MIN;
font-weight: 600;
margin-top: -50px;
}
.culTit {
padding: 60px 0 60px 0;
}
.culTit>p:nth-child(1) {
text-align: center;
color: #000;
font-size: 45px;
margin-bottom: 10px;
letter-spacing: 2px;
font-weight: 600;
}
.culTit>p:nth-child(2) {
text-transform: uppercase;
text-align: center;
color: #000;
font-size: 30px;
font-family: SIN;
}
.find {
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
opacity: 0;
-o-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
}
.tfind {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
opacity: 0;
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.ani.find,
.ani.tfind {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
opacity: 1;
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.finu {
-webkit-transform: translateY(-60px);
-moz-transform: translateY(-60px);
opacity: 0;
-o-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);
}
.tfinu {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
opacity: 0;
-o-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.ani.finu,
.ani.tfinu {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
opacity: 1;
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.finl {
-webkit-transform: translateX(-60px);
-moz-transform: translateX(-60px);
opacity: 0;
-o-transform: translateX(-60px);
-ms-transform: translateX(-60px);
transform: translateX(-60px);
}
.tfinl {
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
opacity: 0;
-o-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
.ani.finl,
.ani.tfinl {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
opacity: 1;
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.finr {
-webkit-transform: translateX(60px);
-moz-transform: translateX(60px);
opacity: 0;
-o-transform: translateX(60px);
-ms-transform: translateX(60px);
transform: translateX(60px);
}
.tfinr {
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
opacity: 0;
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.ani.finr,
.ani.tfinr {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
opacity: 1;
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.scl01 {
-webkit-transform: scale(0.1, 0.1);
-o-transform: scale(0.1, 0.1);
transform: scale(0.1, 0.1);
-moz-transform: scale(0.1, 0.1);
-ms-transform: scale(0.1, 0.1);
opacity: 0;
}
.scl05 {
-webkit-transform: scale(0.5, 0.5);
-o-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
-moz-transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
opacity: 0;
}
.scl09 {
-webkit-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
-moz-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
opacity: 0;
}
.scl12 {
-webkit-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
opacity: 0;
}
.scl15 {
-webkit-transform: scale(1.5, 1.5);
-o-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5);
-moz-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
opacity: 0;
}
.ani.scl01,
.ani.scl05,
.ani.scl09,
.ani.scl12,
.ani.scl15 {
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
opacity: 1;
}
.wenhua {
padding: 136px 0 180px;
position: relative;
z-index: 2;
}
.whlist {
font-size: 0;
text-align: center;
padding: 0 4vw;
}
.whlist li {
display: inline-block;
width: 18.8%;
position: relative;
margin-right: 1.5%;
}
.whlist li:last-child {
margin-right: 0;
}
.whlist li:hover {
box-shadow: 1px 1px 10px 1px rgb(210, 210, 210);
border-radius: 10px;
}
.whlist li .lin {
border-radius: 10px;
}
.whlist li a {
display: block;
border: 1px solid #6eb939;
border-radius: 10px;
position: relative;
overflow: hidden;
padding: 0px 30px 35px 30px;
}
.whlist li:hover a {
border-color: rgb(229, 185, 75);
}
.whlist i {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background-size: 20px 20px;
opacity: 0;
-webkit-transition: 0.6s;
transition: 0.6s;
}
.whlist i.bg1 {
background-image: linear-gradient(45deg, rgb(229, 185, 75) 100%, transparent 0);
-webkit-transform: translate(-20%, 0%);
transform: translate(-20%, 0%);
}
.whlist i.bg2 {
background-image: linear-gradient(45deg, transparent 100%, rgb(229, 185, 75) 0);
-webkit-transform: translate(20%, 0%);
transform: translate(20%, 0%);
}
.whlist li:hover i.bg1,
.whlist li:hover i.bg2 {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.whlist .tupian {
width: 100%;
height: 222px;
position: relative;
background: url('../images/zuan1.png') bottom no-repeat;
-webkit-transition: .5s;
transition: .5s;
}
.whlist li:hover .tupian {
background-image: url('../images/zuan11.png');
}
.whlist .hex {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 114px;
height: 113px;
-webkit-transition: 2s;
transition: 2s;
background: url('../images/hex1.png') center no-repeat;
margin-left: -57px;
margin-top: -57px;
}
.whlist li:hover .hex {
background-image: url('../images/hex11.png');
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
}
.whlist .pic {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
width: 80px;
height: 80px;
margin-left: -40px;
margin-top: -40px;
}
.whlist .pic .fig {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.whlist .i1 .p1 .fig {
background: url('../images/wh1.png') center no-repeat;
}
.whlist .i1 .p2 .fig {
background: url('../images/wh11.png') center no-repeat;
}
.whlist .i2 .p1 .fig {
background: url('../images/wh2.png') center no-repeat;
}
.whlist .i2 .p2 .fig {
background: url('../images/wh22.png') center no-repeat;
}
.whlist .i3 .p1 .fig {
background: url('../images/wh3.png') center no-repeat;
}
.whlist .i3 .p2 .fig {
background: url('../images/wh33.png') center no-repeat;
}
.whlist .i4 .p1 .fig {
background: url('../images/wh4.png') center no-repeat;
}
.whlist .i4 .p2 .fig {
background: url('../images/wh44.png') center no-repeat;
}
.whlist .i5 .p1 .fig {
background: url('../images/wh5.png') center no-repeat;
}
.whlist .i5 .p2 .fig {
background: url('../images/wh55.png') center no-repeat;
}
.Culture {
background: url('../images/grey.jpg') center no-repeat;
padding-bottom: 120px;
}
.rollover {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
overflow: visible !important;
-webkit-transition: 1s;
transition: 1s;
}
.rollover .p1,
.rollover .p2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.rollover .p2 {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
li:hover .rollover {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
li:hover .p1 .fig {
opacity: 0 !important;
z-index: -100;
}
.whlist li .wz {
position: relative;
z-index: 3;
}
.whlist li h3 {
font-size: 26px;
color: rgb(229, 185, 75);
overflow: hidden;
-webkit-transition: .5s;
transition: .5s;
}
.whlist li .hx {
font-size: 16px;
color: #808080;
font-family: MIN;
text-transform: uppercase;
font-weight: 600;
margin-top: 15px;
margin-bottom: 12px;
-webkit-transition: .5s;
transition: .5s;
}
.whlist li .txt {
font-size: 16px;
color: #666;
line-height: 30px;
height: 120px;
max-width: 240px;
overflow: hidden;
margin: 0 auto;
padding: 0;
-webkit-transition: .5s;
transition: .5s;
}
.whlist li .txt span {
display: inline-block;
}
.whlist li:hover h3 {
color: #fff;
}
.whlist li:hover .txt {
color: #fff;
}
.whlist li:hover .hx {
color: #fff;
}
@media screen and (max-width: 1440px) {
.wenhua {
border-top-left-radius: 200px;
}
}
@media screen and (max-width: 1023px) {
.wenhua {
padding: 100px 0 140px;
}
.whlist li {
width: 100%;
margin-top: 12px;
margin-right: 0;
}
.whlist .tupian {
height: 160px;
}
.whlist li .wz {
margin-top: 0;
}
.whlist li .hx {
margin-top: 14px;
}
}
@media screen and (max-width: 750px) {
.wenhua {
padding: 80px 0 100px;
border-top-left-radius: 100px;
}
}
@media screen and (max-width: 640px) {
.whlist li h3 {
font-size: 18px;
line-height: 32px;
height: 32px;
}
.whlist li .txt {
font-size: 14px;
line-height: 22px;
height: auto;
}
}
.Business {
display: flex;
margin-top: 90px;
padding-bottom: 130px;
}
.busDesc {
width: 58%;
padding-right: 4%;
}
.bus1 {
font-size: 45px;
color: #000;
position: relative;
z-index: 99;
font-weight: 600;
}
.bus2 {
font-family: MIN;
font-size: 70px;
letter-spacing: 4px;
color: rgb(235, 235, 235);
text-transform: uppercase;
margin-top: -50px;
position: relative;
left: -5px;
font-weight: 600;
}
.bus3 {
width: 40px;
height: 4px;
background: rgb(235, 235, 235);
margin-top: 15px;
}
.bus4 {
font-size: 24px;
color: #1a202c;
font-weight: 600;
margin-bottom: 40px;
margin-top: 40px;
}
.bus5 {
width: 90%;
font-size: 18px;
color: #1a202c;
line-height: 38px;
margin-bottom: 90px;
}
.bus6 {
display: inline-block;
width: 220px;
height: 60px;
text-align: center;
line-height: 60px;
border-radius: 0 35px 0 0;
color: #fff;
font-size: 18px;
background: #5fa82b;
transition: all 0.5s;
}
.bus6:hover {
border-radius: 0 35px;
transform: translateX(15px);
}
.serEye {
text-align: center;
padding: 110px;
border: 1px solid rgb(235, 235, 235);
border-radius: 50%;
}
.eyePart:hover {
box-shadow: 1px 1px 15px 1px rgba(95, 168, 43, 0.7);
background: rgba(95, 168, 43, 1);
}
.serEye>div:hover .ico1 {
transform: rotateZ(180deg);
}
.serEye>div img,
.serEye>div {
transition: all 0.5s;
cursor: pointer;
}
.serEye>div:nth-child(2) {
position: absolute;
top: 4%;
left: 10%;
}
.serEye>div:nth-child(3) {
position: absolute;
top: 3%;
right: 8%;
}
.serEye>div:nth-child(4) {
position: absolute;
top: 54%;
left: -8%;
}
.serEye>div:nth-child(5) {
position: absolute;
top: 46%;
right: -9%;
}
.serEye>div:nth-child(6) {
position: absolute;
top: 90%;
left: 43%;
}
.serEye {
text-align: center;
padding: 80px;
border: 1px solid rgb(235, 235, 235);
border-radius: 50%;
position: relative;
}
.eyePart {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
width: 105px;
height: 105px;
box-shadow: 1px 1px 15px 1px rgb(235 235 235);
background: #fff;
flex-direction: column;
}
.serRight {
width: 50%;
padding: 0 3vw;
}
.Eye1 .ico1 {
width: 49px;
height: 46px;
background: url(../images/ic5.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye2 .ico1 {
width: 44px;
height: 44px;
background: url(../images/ic4.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye3 .ico1 {
width: 45px;
height: 41px;
background: url(../images/ic1.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye4 .ico1 {
width: 55px;
height: 36px;
background: url(../images/ic3.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye5 .ico1 {
width: 46px;
height: 41px;
background: url(../images/ic2.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye1:hover .ico1 {
width: 49px;
height: 46px;
background: url(../images/ic55.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye2:hover .ico1 {
width: 44px;
height: 44px;
background: url(../images/ic44.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye3:hover .ico1 {
width: 45px;
height: 41px;
background: url(../images/ic11.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye4:hover .ico1 {
width: 55px;
height: 36px;
background: url(../images/ic33.png);
background-repeat: no-repeat;
background-size: cover;
}
.Eye5:hover .ico1 {
width: 46px;
height: 41px;
background: url(../images/ic22.png);
background-repeat: no-repeat;
background-size: cover;
}
.ico2 {
font-size: 18px;
margin-top: 10px;
transition: all 0.2s;
}
.ico1 {
transition: all 0.6s;
}
.serEye>div:hover .ico2 {
color: #fff;
}
.sideNav {
display: flex;
margin-top: -90px;
position: relative;
z-index: 99;
}
.sideNav a {
display: inline-block;
width: 50%;
text-align: center;
font-size: 22px;
color: #333333;
height: 90px;
line-height: 90px;
background: rgba(255, 255, 255, 0.8);
letter-spacing: 1px;
}
.sideNav .on {
background: rgb(230, 190, 75);
color: #fff;
}
.Contact {
display: flex;
}
.Address {
width: 50%;
padding: 50px;
}
.addTit>p:nth-child(1) {
font-size: 40px;
color: #333333;
/* font-weight: 600; */
margin-bottom: 25px;
}
.addTit>p:nth-child(2) {
width: 36px;
height: 5px;
background: rgb(230, 230, 230);
margin-bottom: 15px;
}
.addUl {
display: flex;
padding: 45px 0;
}
.addName {
position: relative;
top: -5px;
margin: 0 30px;
width: 4em;
}
.addName>p:nth-child(1) {
font-size: 26px;
margin-bottom: 10px;
}
.addName>p:nth-child(2) {
text-transform: uppercase;
font-size: 16px;
color: #888888;
}
.addMore p {
font-size: 16px;
color: #333333;
margin-bottom: 23px;
}
.addMore p:last-child {
margin-bottom: 0;
}
.addUl {
border-bottom: 1px solid rgb(218, 218, 218);
}
.addBox>ul:last-child {
border-bottom: none;
}
.addTel {
font-size: 32px !important;
font-family: DIN;
margin-bottom: 10px !important;
position: relative;
top: -8px !important;
}
.tactEwm {
display: flex;
margin-top: 10px;
}
.tactEwm>div:nth-child(1) {
margin-right: 35px;
}
.ewmOther>p:nth-child(1) {
padding: 5px;
border: 1px solid rgb(218, 218, 218);
}
.ewmOther>p:nth-child(1) img {
width: 110px;
height: 110px;
}
.ewmOther>p:nth-child(2) {
margin-top: 12px;
text-align: center;
color: rgb(0, 0, 0);
font-size: 15px;
}
.joinTit>p:nth-child(1) {
font-size: 34px;
color: #333;
margin-bottom: 20px;
text-align: center;
}
.joinTit>p:nth-child(2) {
font-size: 22px;
color: #666666;
text-align: center;
}
.joinTit {
padding: 60px 0;
}
.Search {
display: flex;
max-width: 1200px;
margin: auto;
}
.Search input {
height: 80px;
line-height: 80px;
padding: 0 30px;
font-size: 17px;
color: #888888;
background: rgb(242, 249, 237);
border-radius: 8px;
width: 85%;
letter-spacing: 1px;
}
.Search a {
width: 160px;
margin-left: 10px;
border-radius: 8px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 20px;
background: rgb(229, 185, 75);
letter-spacing: 1px;
}
.Search a img {
margin-right: 10px;
}
/*å¼Ã�?€šÃ‚¹ÃƒÂ§Ã‚ªâ€â€Â�?/
/*弹�?/
.g5liebiao {
width: 100%;
margin: 0 -8px;
margin-top: 50px;
}
.g5abt h2 {
display: inline-block;
color: #555555;
font-size: 22px;
width: 265px;
overflow: hidden;
}
.g5listita a {
width: 170px;
height: 45px;
line-height: 45px;
display: block;
background: #fff;
margin-top: 20px;
position: absolute;
bottom: 10px;
left: 15px;
}
.g5listita a p {
color: #3c276e;
padding-left: 35px;
line-height: 45px;
}
.g5listita a p::after {
position: absolute;
content: "";
width: 7px;
height: 13px;
background: url(../images/sanjiaoa.png) no-repeat center;
right: 56px;
top: 50%;
transform: translateY(-50%);
background-size: cover;
color: #3c276e;
}
.g5tan {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
.tancoiii {
margin-top: 20px;
padding: 0 0 15px;
border-bottom: 1px solid #eeeeee;
}
.tancoiii h4 {
font-weight: bold;
font-size: 18px;
}
.tancoiii p {
color: #666666;
font-size: 14px;
/* font-weight:lighter; */
line-height: 28px;
}
.tancon {
max-width: 1200px;
width: 65%;
position: absolute;
padding: 0 73px 0;
background: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
}
.g5lianjie {
width: 100%;
height: 52px;
margin-top: 20px;
margin-bottom: 20px;
}
.g5lianjie p {
display: block;
width: 100%;
height: 100%;
color: #274fa1;
font-family: "微软雅�?;
font-weight: bold;
font-size: 16px;
}
.tanright {
width: 58px;
height: 58px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.tanright img {
width: 100%;
}
.tancoiiiab {
color: #333333;
font-size: 20px;
font-weight: bold;
}
.tancoiii2 {
color: #666666;
font-size: 14px;
font-weight: lighter;
line-height: 35px;
}
.tancoiiiab .t1 {
display: inline-block;
width: 24%;
color: #666666;
font-size: 14px;
}
.tancoiiiab .t1 b {
display: block;
color: #333333;
font-size: 18px;
margin-top: 10px;
}
.rc-popscroll {
max-height: 450px;
overflow-y: scroll;
padding-right: 60px;
/* margin-top: 30px; */
padding-bottom: 30px;
}
.rc-popscroll::-webkit-scrollbar {
/*滚动æ¡整体样å¼ÂÂÂ�?/
/*高宽分别对åºâ€ÂÂ横竖滚动æ¡的尺å¯ÂÂÂ�?/
width: 5px;
}
.rc-popscroll::-webkit-scrollbar-thumb {
/*滚动æ¡里é¢å°ÂÂÂæ–¹åÂÂÂâ€â€Â�?/
background: rgb(229, 185, 75);
width: 5px;
}
.rc-popscroll::-webkit-scrollbar-track {
/*滚动æ¡里é¢轨é“*/
background: #f2f5f9;
width: 5px;
}
.job-description .swiper-container {
width: 100%;
height: 300PX;
}
.job-description .swiper-container .swiper-slide {
height: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.g5lianjie {}
.g5lianjie ul {
font-size: 16px;
color: #000;
font-weight: initial;
}
.g5lianjie ul li {
line-height: 30px;
}
.indAbout .bottom li:last-child:after {
display: none;
}
.workList li {
width: 48.7%;
margin-right: 2.5%;
border: 1px solid rgb(227, 227, 227);
}
.workList li a {
border: 2px solid transparent;
transition: all 0.4s;
}
.workList li:hover {
border: 1px solid rgb(229, 185, 75);
}
.workList li:hover>a {
border: 2px solid rgb(229, 185, 75);
}
.workList li:hover .more {
border: 1px solid rgb(229, 185, 75) !important;
}
.workList {
margin-top: 65px;
margin-bottom: 60px;
}
.workList li:nth-child(2n) {
margin-right: 0;
}
.workList li img {
width: 185px;
height: 185px;
object-fit: cover;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.workList li .txt {
align-items: flex-start;
width: calc(100% - 230px);
}
.workList li .txt .more em {
position: relative;
z-index: 5;
}
.workList li .txt .more {
border: 1px solid rgb(115, 115, 115);
width: 170px;
height: 45px;
transition: all .36s;
-webkit-transition: all .36s;
-moz-transition: all .36s;
-ms-transition: all .36s;
-o-transition: all .36s;
font-size: 14px;
}
.workList li:hover .more {
color: #fff;
}
.workList li .more::after {
background-color: rgb(229, 185, 75);
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: block;
content: '';
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
.workList li:hover .more::after {
width: 100%;
}
.pubTit>p:nth-child(1) {
font-size: 40px;
color: #000;
font-weight: 600;
margin-bottom: 10px;
text-align: center;
}
.pubTit>p:nth-child(2) {
font-size: 28px;
color: #333333;
text-align: center;
text-transform: uppercase;
}
.pubTit {
padding: 50px 0;
}
.tupian {
overflow: hidden;
}
.tupian img {
float: left;
width: 100%;
}
.Store {
background: rgb(245, 245, 245);
}
.storeDesc {
width: 370px;
padding: 30px;
background: #fff;
margin-top: -150px;
position: relative;
z-index: 999999999999999;
left: 80px;
border-radius: 12px;
}
.stName {
font-size: 28px;
color: #000;
margin-bottom: 22px;
}
.stWord p {
font-size: 14px;
color: #333333;
margin-bottom: 12px;
}
.stNow {
width: 140px;
height: 40px;
text-align: center;
line-height: 40px;
border: 1px solid #000;
font-size: 14px;
color: #000;
position: relative;
margin-top: 32px;
}
.stNow::after {
content: '';
position: absolute;
left: 0;
width: 25px;
height: 1px;
top: 50%;
background: #000;
}
.gongcheng .swiper-wrapper {
padding-bottom: 120px;
}
.gongcheng .swiper-button-prev {
top: auto;
left: auto;
right: 180px;
}
.gongcheng .swiper-button-next {
top: auto;
right: auto;
}
.gongcheng .swiper-button-prev:after {
font-size: 18px;
color: rgb(98, 98, 98);
font-weight: 600;
}
.gongcheng .swiper-button-next:after {
font-size: 18px;
font-weight: 600;
color: rgb(98, 98, 98);
}
.gongcheng .swiper-button-prev:hover::after {
color: rgb(229, 185, 75);
}
.gongcheng .swiper-button-next:hover::after {
color: rgb(229, 185, 75);
}
.tianjia {
position: absolute;
top: 90%;
right: 50%;
display: flex;
align-items: center;
/* width: 50px; */
margin-right: -90px;
}
.gongcheng .swiper-pagination {
bottom: 0;
}
.gongcheng .tianjia:before {
content: '';
position: absolute;
left: 0;
width: 140px;
height: 1px;
background: rgb(200, 200, 200);
top: 0;
margin-top: -12px;
margin-left: -180px;
}
.dangqian {
font-size: 22px;
color: #000;
font-family: DIN;
position: relative;
left: -25px;
/* top: 2px; */
top: auto;
}
.scoreMore {
border: 12px solid rgb(138, 176, 58);
position: relative;
}
.Score {
position: relative;
}
.Score .swiper-button-prev {
width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
background: rgb(245, 245, 245);
border-radius: 50%;
transition: all 0.4s;
left: -80px;
}
.Score .swiper-button-next {
width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
background: rgb(245, 245, 245);
border-radius: 50%;
transition: all 0.4s;
right: -80px;
}
.Score .swiper-button-next.swiper-button-disabled {
opacity: 1;
}
.Score .swiper-button-prev.swiper-button-disabled {
opacity: 1;
}
.Score .swiper-button-prev:after {
font-size: 22px;
color: #000;
}
.Score .swiper-button-next:after {
font-size: 22px;
color: #000;
}
.Score .swiper-button-prev:hover {
background: rgb(229, 185, 75);
}
.Score .swiper-button-next:hover {
background: rgb(229, 185, 75);
}
.Score .swiper-button-prev:hover::after {
color: #fff;
}
.Score .swiper-button-next:hover::after {
color: #fff;
}
.sc1 {
width: 260px;
height: 55px;
background: url(../images/gr.png);
background-repeat: no-repeat;
background-size: cover;
font-size: 30px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: -35px;
margin-left: -12px;
}
.Score .swiper-wrapper {
padding-top: 50px;
}
.scoreTit>p:nth-child(1) {
font-size: 40px;
color: #000;
font-weight: 600;
margin-bottom: 10px;
text-align: center;
}
.scoreTit>p:nth-child(2) {
font-size: 28px;
color: #333333;
text-align: center;
text-transform: uppercase;
}
.scoreTit {
padding: 60px 0 40px;
}
.scWord {
padding: 68px 0 45px 0;
}
.sc2 {
font-size: 32px;
color: #000;
text-align: center;
position: relative;
z-index: 99;
}
.sc3 {
text-transform: uppercase;
font-size: 28px;
font-family: MIN;
color: rgb(225, 225, 225);
text-align: center;
font-weight: 600;
word-spacing: 6px;
padding-bottom: 60px;
margin-top: -98px;
}
.sc2 span {
display: inline-block;
border-bottom: 1px solid rgb(220, 220, 220);
padding-bottom: 40px;
}
.sc4 {
text-align: center;
font-size: 20px;
padding-top: 38px;
}
.bg-grey {
background: rgb(245, 245, 245);
margin-top: 75px;
padding-bottom: 80px;
}
.storeTable {
background: #fff;
width: 100%;
box-shadow: 1px 1px 10px 1px rgb(230, 230, 230);
}
.storeTable tr th,
.storeTable tr td {
border: 1px solid rgb(238, 238, 238);
padding: 22px 45px;
font-size: 18px;
color: #000;
text-align: left;
}
.storeTable tr th {
font-weight: normal;
background: rgb(205, 205, 205);
padding: 25px 45px;
}
.storeTable tr th:nth-child(1),
.storeTable tr td:nth-child(1) {
width: 26%;
}
.storeTable tr th:nth-child(2),
.storeTable tr td:nth-child(2) {
width: 15%;
}
.storeTable tr th:nth-child(3),
.storeTable tr td:nth-child(3) {
width: 59%;
}
.marquee{ height: 660px;}
.storeTable {
padding-bottom: 30px;
/* overflow-y: scroll;
margin-top: 30px; */
}
/*.tableScroll::-webkit-scrollbar {*/
/*滚ÃÂ�?¥Ãƒâ€¦Ã‚ Ã‚¨Ã¦Â¡整体样å¼ÂÂÂ�?/
/*高宽分别对åºâ€ÂÂ横竖滚动æ¡的尺å¯ÂÂÂ�?/
width: 5px;
}
.tableScroll::-webkit-scrollbar-thumb {
/*滚动æ¡里é¢å°ÂÂÂæ–¹åÂÂÂâ€â€Â�?/
background: rgb(229, 185, 75);
width: 5px;
}
.tableScroll::-webkit-scrollbar-track {
/*滚åŠÃ�?‚¨Ã¦Â¡里é¢轨é“*/
/* background: rgb(238, 238, 238);*/
/* width: 5px;*/
/*}*/
.Star {
position: relative;
}
.storeTable thead {
padding-right: 25px;
}
.Super {
display: flex;
margin-top: 30px;
align-items: center;
overflow: hidden;
}
.supBox {
display: flex;
flex-direction: column;
width: 33.3%;
}
.Super>div:nth-child(3)>div:nth-child(2) {
margin-bottom: 0;
}
.Super>div:nth-child(1)>div:nth-child(2) {
margin-bottom: 0;
}
.Super>div:nth-child(3) .supPart {
background: url(../images/tribg3.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 222px;
padding: 0px 65px;
margin-bottom: 55px;
display: flex;
flex-direction: column;
justify-content: center;
}
.supPart {
background: url(../images/tribg2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 222px;
padding: 0px 45px;
margin-bottom: 55px;
display: flex;
flex-direction: column;
justify-content: center;
transition: all 0.4s;
position: relative;
}
.super1:hover::after {
width: 100%;
}
.super1::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 0;
transition: all 0.6s;
background: url(../images/tribg1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.super2:hover::after {
width: 100%;
}
.super2::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 0;
transition: all 0.6s;
background: url(../images/tribg4.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.sup1 {
font-size: 24px;
color: #808080;
margin-bottom: 20px;
position: relative;
z-index: 99;
transition: all 0.5s;
}
.sup2 {
font-size: 15px;
color: #808080;
line-height: 30px;
position: relative;
z-index: 99;
transition: all 0.5s;
}
.supPart:hover .sup1 {
color: #fff;
}
.supPart:hover .sup2 {
color: #fff;
}
.supPart {
border-radius: 5px;
}
.superPic {
overflow: hidden;
width: 33.3%;
margin: 0 -30px;
}
.superPic {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.wyHide::before {
content: '';
display: block;
transition: all 1s;
position: absolute;
border: 22px solid rgba(110, 187, 57, 0.9);
border-radius: 100%;
opacity: 0.8;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
display: none;
}
.wyHide {
position: relative;
}
.wyHide img {
content: '';
display: block;
transition: all 1s;
position: absolute;
border: 20px solid rgb(110, 187, 57, 0.5);
border-radius: 100%;
opacity: 1;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
/* width: 59%; */
/* height: 70%; */
}
@keyframes borderchange1 {
from {
transform: scale(0.9);
opacity: 0.8;
filter: blur(0);
}
50% {
transform: scale(1.2);
opacity: 0;
filter: blur(10px);
}
to {
transform: scale(0.9);
opacity: 0.8;
filter: blur(0);
}
}
.superPic img {
float: left;
}
.supPart {
position: relative;
cursor: pointer;
z-index: 999;
}
.Policy {
margin-top: 90px;
}
.policyFlex {
display: flex;
align-items: center;
margin-top: -70px;
}
.Policy {
background: url(../images/world.jpg);
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 60px;
background-attachment: fixed;
}
.policyDesc {
width: 50%;
background: rgba(251 202 14 / 21%);
position: relative;
padding: 60px 65px 75px 65px;
border-bottom: 10px solid rgb(229, 185, 75);
}
.po1 {
font-size: 36px;
color: #010101;
margin-bottom: 36px;
position: relative;
z-index: 99;
letter-spacing: 1px;
}
.po2 {
font-size: 25px;
color: #010101;
margin-bottom: 16px;
position: relative;
z-index: 99;
letter-spacing: 1px;
}
.po3 {
font-size: 18px;
color: #010101;
line-height: 36px;
margin-bottom: 50px;
position: relative;
z-index: 99;
}
.po4 {
display: flex;
align-items: center;
font-size: 26px;
position: relative;
z-index: 99;
}
.po4 span {
font-size: 32px;
color: #6eb939;
font-family: DIN;
margin-left: 10px;
}
.policyImg {
width: 50%;
padding: 0 5%;
}
.po5 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.application-wrap {
padding: 0 4vw;
margin-bottom: 90px;
margin-top: 20px;
}
.process-top {
width: 100%;
display: flex;
}
.process-item {
width: 25%;
height: 100%;
display: flex;
transition: all 0.4s;
cursor: pointer;
}
.process-item-2 {
cursor: pointer;
}
.process-align img {
transition: all 0.4s;
}
.process-item:hover img {
transform: rotateY(180deg);
}
.process-item-2:hover img {
transform: rotateY(180deg);
}
.process-item .process-align {
display: flex;
}
.process-item-2 {
width: 25%;
height: 100%;
display: flex;
}
.process-item-2 .process-align {
display: flex;
align-items: center;
}
.process-item img {
width: 80px;
height: 80px;
}
.process-item-2 img {
width: 80px;
height: 80px;
}
.process-item-text {
margin-left: 10px;
}
.process-item-text .process-item-title {
font-size: 24px;
color: #333333;
line-height: 33px;
margin-bottom: 10px;
font-family: DIN;
}
.process-top .process-item .process-item-text .process-item-txt {
font-size: 16px;
font-weight: 400;
color: #333333;
line-height: 24px;
}
.process-line {
margin: 0 auto;
}
#lottie {
width: 87%;
margin: 0 auto;
}
.process-bottom {
width: 100%;
display: flex;
}
.process-bottom .process-item-2 .process-align {
margin: 0 0 0 auto;
}
.process-line {
text-align: center;
padding: 20px 0;
margin-left: -40px;
}
.process-line img {
width: 90%;
}
.cpt-query__list li {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
font-size: 20px;
position: relative;
cursor: pointer;
-webkit-transition: background .4s ease-out;
transition: background .4s ease-out
}
.cpt-query__list li:nth-child(odd) {
background-color: rgb(240, 240, 240)
}
.cpt-query__list li:nth-child(even) {
background-color: #fff
}
.cpt-query__list li:hover {
background: rgb(229, 185, 75);
}
.cpt-query__list li:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px
}
.cpt-query__list li:last-child {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px
}
.cpt-query__list .item-box {
padding: 40px 3em;
}
.cpt-query__list .on {
background-color: rgb(229, 185, 75) !important
}
.cpt-query__list .on .txt {
color: #000;
background: #fff;
}
.cpt-query__list .on .dec {
color: #fff;
}
.cpt-query__list .on .title {
color: #fff;
}
.cpt-query__list .on .title-i {
width: 36px;
height: 36px;
background: url(../images/zhankaigb.png);
background-size: cover;
z-index: 1600;
}
.cpt-query__list .dec,
.cpt-query__list .title,
.cpt-query__list .txt {
-webkit-transition: color .3s ease-out;
transition: color .3s ease-out
}
.cpt-query__list .txt {
background: #fff;
}
.cpt-query__list .title {
font-size: 22px;
}
.cpt-query__list .dec,
.cpt-query__list .title,
.cpt-query__list .title-i {
display: inline-block;
vertical-align: top;
-webkit-transition: color .4s ease-out;
transition: color .4s ease-out
}
.cpt-query__list .dec {
font-weight: 700;
text-transform: uppercase;
color: #000;
letter-spacing: 1px;
width: 48px
}
.cpt-query__list li:hover .dec {
color: #fff;
}
.cpt-query__list li:hover .title {
color: #fff;
}
.cpt-query__list .title {
line-height: 1.2;
letter-spacing: 1px;
font-weight: 700;
color: #000;
cursor: pointer;
}
.cpt-query__list .title-i {
width: 36px;
height: 36px;
position: absolute;
right: 40px;
background: url(../images/zhankai.png);
background-size: cover;
}
.cpt-query__list li:hover .title-i {
width: 36px;
height: 36px;
background: url(../images/zhankaigb.png);
background-size: cover;
right: 40px;
}
.cpt-query__list .txt {
padding: 40px 3em;
display: none;
pointer-events: none
}
.cpt-query__list .txt p {
margin-bottom: 4px
}
.cpt-query__list .title {
width: calc(100% - 63px);
margin-top: 2px
}
.Ques {
padding-bottom: 90px;
background: url(../images/ques.jpg);
background-repeat: no-repeat;
background-size: cover;
}
.paragraph {
font-size: 18px;
line-height: 36px;
}
.peaceTable {
background: #fff;
width: 100%;
border-left: 1px solid rgb(230, 230, 230);
border-right: 1px solid rgb(230, 230, 230);
}
.peaceTable tr {
border-bottom: 1px solid rgb(230, 230, 230);
}
.peaceTable tr th,
.peaceTable tr td {
padding: 15px 40px;
font-size: 18px;
color: #000;
text-align: left;
}
.peaceTable tr th {
font-weight: normal;
background: rgb(226, 226, 226);
padding: 15px 40px;
font-size: 22px;
}
.peaceHead tr th:nth-child(1),
.peaceTable tr td:nth-child(1) {
width: 15%;
text-align: center;
display: none;
}
.peaceHead tr th:nth-child(2),
.peaceTable tr td:nth-child(2) {
width: 50%;
}
.peaceHead tr th:nth-child(3),
.peaceTable tr td:nth-child(3) {
width: 50%;
}
.peaceScroll {
max-height: 380px;
overflow-y: scroll;
padding-right: 0px;
}
.peaceScroll::-webkit-scrollbar {
width: 5px;
}
.peaceScroll::-webkit-scrollbar-thumb {
background: rgb(229, 185, 75);
width: 5px;
}
.peaceScroll::-webkit-scrollbar-track {
background: rgb(238, 238, 238);
width: 5px;
}
.openWindow {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: none;
}
.Score {
cursor: pointer;
}
.scoreWindow {
position: absolute;
background: #fff;
padding: 0 50px 65px 50px;
width: 1000px;
margin: auto;
height: 620px;
left: 50%;
top: 50%;
margin-left: -500px;
margin-top: -310px;
}
.winTit {
text-align: center;
padding: 35px 0;
font-size: 34px;
}
.winClose {
position: absolute;
border-radius: 50%;
right: -33px;
top: -33px;
cursor: pointer;
width: 7%;
}
.starFlex {
display: flex;
position: relative;
}
.Star {
width: 100%;
}
.starFlex::after {
content: '';
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 50%;
width: 50%;
background: url(../images/tw.jpg);
background-repeat: no-repeat;
background-size: cover;
height: 100%;
z-index: -1;
}
.starBox {
position: absolute;
border-radius: 10px;
background: rgb(229, 185, 75);
width: 460px;
height: 500px;
top: 50%;
margin-top: -250px;
left: 73%;
z-index: 99999999;
padding-top: 180px !important;
overflow: hidden;
}
.starBox img {
position: absolute;
left: 40px;
right: 0;
bottom: -30px;
}
.messTit {
padding-top: 70px;
}
.messTit>p:nth-child(1) {
font-size: 38px;
text-align: center;
margin-bottom: 25px;
}
.messTit>p:nth-child(2) {
width: 35px;
height: 5px;
background: rgb(232, 232, 232);
margin: auto;
}
.messFlex {
display: flex;
flex-wrap: wrap;
}
.messFlex>div:nth-child(2n) {
margin-right: 0;
}
.messPut {
width: 47.5%;
margin-right: 5%;
}
.messName {
font-size: 16px;
color: #333333;
margin-bottom: 20px;
margin-top: 40px;
}
.messIn {
display: flex;
align-items: center;
background: rgb(249, 249, 249);
padding: 20px 25px;
border: 1px solid rgb(229, 229, 229);
}
.messIn input {
color: #aaaaaa;
font-size: 16px;
}
.messIn img {
margin-right: 20px;
}
.areaName {
font-size: 16px;
color: #333333;
margin-bottom: 20px;
margin-top: 40px;
}
.areaPut {
display: flex;
align-items: flex-start;
background: rgb(249, 249, 249);
padding: 20px 25px;
border: 1px solid rgb(229, 229, 229);
}
.areaPut textarea {
color: #aaaaaa;
font-size: 16px;
padding-bottom: 100px;
}
.areaPut img {
margin-right: 20px;
position: relative;
top: 2px;
}
.yzm {
display: flex;
align-items: center;
justify-content: center;
margin-top: 55px;
margin-bottom: 120px;
}
.yzmPut {
font-size: 16px;
color: #aaaaaa;
width: 205px;
height: 56px;
line-height: 56px;
padding: 0 20px;
border: 1px solid rgb(229, 229, 229);
background: rgb(249, 249, 249);
}
.yzmWord {
margin-right: 40px;
display: flex;
align-items: center;
border: 1px solid transparent;
height: 56px;
line-height: 56px;
}
.yzmNow {
width: 100%;
height: 56px;
line-height: 56px;
text-align: center;
color: #fff;
font-size: 20px;
background: rgb(229, 185, 75);
}
.wapapplication-wrap {
display: none;
}
.About {
position: relative;
}
.About::after {
content: '';
position: absolute;
left: 0;
width: 70%;
bottom: 0;
background: url(../images/about1.jpg);
background-repeat: no-repeat;
top: 0;
background-size: cover;
}
.advImg {
overflow: hidden;
}
.advImg img {
float: left;
width: 100%;
}
.advAll {
position: absolute;
left: 40px;
top: auto;
bottom: -120px;
}
.index-s5 .swiper-slide-active {
position: relative;
}
.index-s5 .swiper-slide-active::after {
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
z-index: 999;
}
.Advantage .swiper-slide-active .advAll {
bottom: auto;
top: 90px;
z-index: 999;
}
.Advantage .swiper-slide-active .advWord {
opacity: 1;
}
.advWord {
transition: all 0.4s;
}
.advDesc {
margin-bottom: 60px;
}
.advDesc>p:nth-child(1) {
font-size: 36px;
color: #fff;
margin-bottom: 15px;
}
.advDesc>p:nth-child(2) {
font-size: 18px;
font-family: DIN;
color: #fff;
letter-spacing: 1px;
word-spacing: 6px;
}
.advWord {
width: 80%;
font-size: 16px;
color: #fff;
line-height: 35px;
opacity: 0;
}
.Advantage {
padding-left: 10vw;
}
.Advantage .swiper-slide {
height: 600px;
}
.Advantage .swiper-slide-next {
width: 25% !important;
}
.Advantage .swiper-slide-next .advImg img {
height: 100%;
}
.Advantage .swiper-slide-duplicate-prev {
width: 25% !important;
position: relative;
}
.Advantage .swiper-slide-duplicate-prev::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
width: 100%;
height: 100%;
}
.Advantage {
padding-bottom: 80px;
}
.Advantage {
position: relative;
}
.Advantage .swiper-button-prev {
left: 7vw;
}
.Advantage .swiper-button-next {
right: 7vw;
}
.Advantage .swiper-button-prev:after {
font-size: 30px;
color: #000;
font-weight: 600;
}
.Advantage .swiper-button-next:after {
font-size: 30px;
color: #000;
font-weight: 600;
}
.aboutRight {
overflow: hidden;
position: relative;
z-index: 99;
width: 40%;
}
.aboutRight img {
float: left;
width: 100%;
height: 100%;
}
.Advantage .swiper-button-prev,
.Advantage .swiper-button-next {
top: 42%;
}
.nihao {
transition: all 0.5s;
}
.tupian {
transition: all 0.5s;
}
.tupian img {
transition: all 0.5s;
}
.stNow {
transition: all 0.5s;
}
.rs {
transition: all 0.5s;
}
.sc4 {
transition: all 0.5s;
}
.storeDesc {
transition: all 0.5s;
display: none;
}
.stNow::after {
transition: all 0.5s;
}
.nihao:hover .tupian img {
transform: scale(1.08);
}
.nihao:hover .storeDesc {
box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
transform: translateY(-15px);
}
.nihao:hover .stNow {
background: #6eb939;
color: #fff;
border: 1px solid #6eb939;
}
.nihao:hover .stNow::after {
background: #fff;
}
.scp {
display: inline;
transition: all 0.4s;
}
.scoreMore {
transition: all 0.4s;
}
.sc4 {
transition: all 0.4s;
}
.scoreMore:hover .scp {
background: rgb(138, 176, 58);
color: #fff;
padding: 5px 10px;
border-radius: 5px;
}
.Circle {
position: relative;
transition: all 0.5s;
}
.Circle::before {
content: '';
position: absolute;
left: 20vw;
right: 20vw;
top: 9vw;
height: 100%;
background: url(../images/cir1.png);
background-repeat: no-repeat;
background-size: 100%;
transition: all 0.5s;
animation: warn2 5s linear 5s infinite;
z-index: 999;
}
.Circle::after {
content: '';
position: absolute;
left: 10vw;
right: 10vw;
top: 0;
bottom: 0;
background: url(../images/cir1.png);
background-repeat: no-repeat;
background-size: cover;
transition: all 0.5s;
animation: warn1 5s linear 5s infinite;
}
@keyframes warn1 {
0% {
transform: scale(1);
}
25% {
transform: scale(1.04);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.04);
}
100% {
transform: scale(1);
}
}
@keyframes warn2 {
0% {
transform: scale(1);
}
25% {
transform: scale(1.1);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.star1 {
color: #fff;
font-size: 30px;
margin-bottom: 30px;
}
.star2 {
color: #fff;
font-size: 16px;
line-height: 28px;
}
.starBox {
padding: 70px 60px;
}
.sideMenu {
width: 80px;
background: #fff;
border-radius: 100px;
box-shadow: 1px 1px 10px 1px rgb(220, 220, 220);
position: fixed;
right: 10px;
z-index: 9999;
top: 60%;
padding-top: 60px;
}
.sideAsk {
border-bottom: 1px solid rgb(238, 238, 238);
padding: 18px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
}
.sideAsk p {
color: #333333;
font-size: 14px;
margin-top: 6px;
}
.sideAsk img {
width: 35%;
}
.backTop {
padding: 18px 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.hideAsk {
display: none;
}
.sideShow:hover .hideAsk {
display: block;
}
.hideAsk {
position: absolute;
left: -130px;
}
.hideAsk img {
width: 120px;
}
.sideIcon {
position: absolute;
top: -20px;
}
.wapDevelopment {
display: none;
}
.wapDevelopment {
padding-bottom: 50px;
background: url(../images/green.jpg);
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.Star .swiper-button-prev {
cursor: pointer;
}
.Star .swiper-button-next {
cursor: pointer;
}
.Star .swiper-button-prev:after {
width: 23px;
height: 20px;
background: url(../images/left.png);
background-repeat: no-repeat;
background-size: cover;
content: '';
}
.Star .swiper-button-next:after {
width: 23px;
height: 20px;
background: url(../images/right.png);
background-repeat: no-repeat;
background-size: cover;
content: '';
}
.Star .swiper-pagination {
color: #fff;
font-size: 30px;
font-family: DIN;
position: relative;
left: 12px;
}
.stNum {
font-size: 60px;
}
.Star .swiper-pagination {
display: flex;
align-items: flex-end;
}
.stNum {
position: relative;
top: 8px;
}
.stAll {
position: relative;
left: 5px;
}
.stFlex {
position: absolute;
display: flex;
align-items: center;
left: 61%;
top: 11vw;
}
.Star .swiper-button-prev,
.Star .swiper-button-next {
top: 340px;
}
.map {
text-align: center;
padding: 50px 0;
overflow: hidden;
margin: 0px auto;
width: 1124px;
position: relative;
}
.map img {
max-width: 100%;
}
.map ul li {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 16px;
}
.map ul li svg {
background: url(../images/local.png);
background-repeat: no-repeat;
background-size: cover;
width: 25px;
height: 31px;
animation: ani-svg2 1s linear 0s alternate infinite;
}
.map ul li:hover svg {
color: rgb(4, 105, 179, 1);
animation: ani-svg2 0s linear 0s alternate infinite;
}
.map ul li:nth-child(1) {
top: 23%;
left: 33%;
}
.map ul li:nth-child(1) svg {
animation: ani-svg2 2s linear 0s alternate infinite;
}
.map ul li:nth-child(2) {
top: 33%;
left: 62%;
}
.map ul li:nth-child(2) svg {
animation: ani-svg2 2.5s linear 0s alternate infinite;
}
.map ul li:nth-child(3) {
top: 35%;
left: 68%;
}
/* .map ul li:nth-child(3) svg{animation: ani-svg2 3s linear 0s alternate infinite; } */
.map ul li:nth-child(4) {
top: 40%;
left: 57%;
}
.map ul li:nth-child(5) {
top: 60%;
left: 57%;
}
.map ul li:nth-child(5) svg {
animation: ani-svg2 2s linear 0s alternate infinite;
}
.map ul li:nth-child(6) {
top: 47%;
left: 51%;
}
/* .map ul li:nth-child(6) svg{animation: ani-svg2 3s linear 0s alternate infinite; } */
.map ul li:nth-child(7) {
top: 74%;
left: 58%;
}
.map ul li:nth-child(8) {
top: 76%;
left: 68%;
}
.map ul li:nth-child(9) {
top: 59%;
left: 67%;
}
.map ul li:nth-child(9) svg {
animation: ani-svg2 2.5s linear 0s alternate infinite;
}
.map ul li:nth-child(10) {
top: 49%;
left: 71%;
}
.map ul li:nth-child(10) svg {
animation: ani-svg2 2s linear 0s alternate infinite;
}
.map ul li:nth-child(11) {
top: 50%;
left: 62%;
}
.map ul li:nth-child(12) {
top: 43%;
left: 65%;
}
@keyframes ani-svg2 {
0% {
opacity: .6;
transform: translateY(-5px);
}
50% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: .6;
transform: translateY(5px);
}
}
.World {
display: none;
}
.gongcheng .swiper-slide .storeDesc {
opacity: 0;
}
.gongcheng .swiper-slide-active .storeDesc {
opacity: 1;
}
.index-s5 .bot-block {
position: relative;
}
.index-s5 .bot-block .items {
padding-left: 8vw;
padding-right: calc(70.625vw + 24px);
}
.index-s5 .bot-block .item {
position: relative;
overflow: hidden;
width: 18.75vw;
height: 32vw;
transition: width 0.5s ease 0s;
}
.index-s5 .bot-block .item .img-box {
width: 61.25vw;
height: 100%;
position: relative;
top: 0px;
left: 50%;
margin-left: -30.625vw;
z-index: 1;
opacity: 0.1;
transition: opacity 0.3s ease 0s;
}
.index-s5 .bot-block .item .show {
position: absolute;
left: 0px;
bottom: 0px;
width: 18.75vw;
padding: 3vw 3vw 3vw 5vw;
font-size: 24px;
line-height: 1.5;
color: rgb(255, 255, 255);
z-index: 2;
transition: all 0.3s ease 0s;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
}
.index-s5 .bot-block .item .hide {
width: 100%;
height: 100%;
position: absolute;
top: 30%;
/* left: 50%; */
display: inline-block;
/* margin-left: -30.625vw; */
padding: 5vw;
z-index: 2;
opacity: 0;
/* visibility: hidden; */
transition: all 0.3s ease 0s;
z-index: 9999;
}
.index-s5 .bot-block .item img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease 0s;
}
.index-s5 .bot-block .item h3 {
font-size: 26px;
color: rgb(255, 255, 255);
position: relative;
}
.index-s5 .bot-block .item h3::after {
content: '';
/* position: absolute; */
width: 45px;
height: 3px;
display: block;
margin-top: 20px;
background: #fff;
margin-top: 30px;
}
.index-s5 .bot-block .item a {
display: block;
position: absolute;
bottom: 6.25vw;
left: 6.25vw;
width: 120px;
font-size: 14px;
line-height: 40px;
color: rgb(92, 62, 62);
text-align: center;
background-image: linear-gradient(90deg, rgb(247, 180, 42), rgb(242, 152, 3));
transition: all 0.3s ease 0s;
}
.index-s5 .bot-block .item a:hover {
transform: translateY(-5px) !important;
box-shadow: rgba(242, 152, 3, 0.3) 0px 10px 30px !important;
}
.index-s5 .bot-block .item:hover img {
transform: scale(1.1) !important;
}
.index-s5 .bot-block .item.swiper-slide-active {
width: 61.25vw !important;
}
.index-s5 .bot-block .item.swiper-slide-active .show {
opacity: 1 !important;
top: 10%;
bottom: auto;
width: 100%;
z-index: 9999;
}
.index-s5 .bot-block .item.swiper-slide-active .hide {
opacity: 1 !important;
z-index: 9999;
}
.index-s5 .bot-block .item.swiper-slide-active .img-box,
.index-s5 .bot-block .item.swiper-slide-next .img-box {
opacity: 1 !important;
}
.index-s5 .button {
position: absolute;
top: 50%;
margin-top: -30px;
width: 60px;
height: 60px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
background-image: url("../images/prev-3.png");
transition: all 0.3s ease 0s;
cursor: pointer;
z-index: 2;
background-size: 17px;
}
.index-s5 .button-prev {
left: 50px;
}
.index-s5 .button-next {
right: 0px;
transform: rotateY(180deg);
}
.index-s5 .pagination {
margin-top: 2vw;
text-align: center;
}
.index-s5 .pagination span {
display: inline-block;
vertical-align: top;
width: 24px;
height: 24px;
margin: 0px 10px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../images/icon-3-1.png");
cursor: pointer;
}
.index-s5 .pagination span.active {
background-image: url("../images/icon-3-2.png");
animation: 10s linear 0s infinite normal none running o-rotate;
}
.index-s5 a.more {
display: block;
position: absolute;
right: 0px;
top: 60px;
width: 180px;
font-size: 16px;
line-height: 48px;
color: rgb(92, 62, 62);
text-align: center;
background-image: linear-gradient(90deg, rgb(247, 180, 42), rgb(242, 152, 3));
transition: all 0.3s ease 0s;
}
.index-s5 a.more:hover {
transform: translateY(-5px);
box-shadow: rgba(242, 152, 3, 0.3) 0px 10px 30px;
}
.index-s5 .show {
transition: all 0.4s;
}
.index-s5 .show {
margin-bottom: 60px;
}
.index-s5 .show>p:nth-child(1) {
font-size: 36px;
color: #fff;
margin-bottom: 15px;
}
.index-s5 .show>p:nth-child(2) {
font-size: 18px;
font-family: DIN;
color: #fff;
letter-spacing: 1px;
word-spacing: 6px;
}
.index-s5 .hide>p {
width: 80%;
font-size: 16px;
color: #fff;
line-height: 32px;
}
.index-s5 .bot-block .item.swiper-slide .hide>p {
/* opacity: 0; */
}
.index-main {
margin-bottom: 75px;
}
.Market {
position: relative;
}
.markFlex {
display: flex;
}
.starPic {
width: 75%;
overflow: hidden;
}
.starPic img {
float: left;
width: 100%;
}
.markTw {
width: 25%;
overflow: hidden;
}
.markTw img {
float: left;
width: 100%;
height: 100%;
}
.con2_imgWbox {
width: 315px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
}
.swiper-history-time .swiper-slide-prev .year-num {
position: relative;
left: 55px;
}
.swiper-history-time .swiper-slide-next .year-num {
position: relative;
left: -55px;
}
.swiper-history-time .swiper-slide-active .year-num {
position: relative;
left: 10px;
}
.hideNum {
color: rgba(255, 255, 255, 0.5);
position: absolute;
left: 5vw;
bottom: -3vw;
font-size: 120px;
font-family: 'MIN';
opacity: 0;
}
.index-s5 .bot-block .item.swiper-slide-active .hideNum {
opacity: 1;
z-index: 999;
font-weight: 600;
}
.storeTable thead tr>th:nth-child(1) {
width: 25.9%;
}
.storeTable thead tr>th:nth-child(2) {
width: 14.9%;
}
.wyBox {
position: relative;
}
.wyHide {
position: absolute;
left: 25%;
width: 52%;
z-index: 9999;
}
@keyframes rotatechange {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.cr {
animation: rotatechange 10s infinite linear;
}
.crBox {
display: flex;
align-items: center;
justify-content: center;
}
.crside {
position: absolute;
}
.peaceTable th {
border-bottom: none;
}
.peaceHead {
max-height: 380px;
overflow-y: scroll;
padding-right: 0px;
}
.peaceHead::-webkit-scrollbar {
width: 5px;
}
.peaceHead::-webkit-scrollbar-thumb {
background: transparent;
width: 5px;
}
.peaceHead::-webkit-scrollbar-track {
background: rgb(238, 238, 238);
width: 5px;
}
.navbar-fixed-top .logo::before {
opacity: 0;
}
.proAll {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.advantagesMore {
border: 1px solid #a5a5a5;
width: 265px;
height: 65px;
position: relative;
}
.advantagesMore span {
position: relative;
z-index: 5;
}
.advantagesMore::after {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 0;
height: 100%;
content: '';
display: block;
background-color: #6eb939;
transition: all .36s;
}
.advantagesMore:hover::after {
width: 100%;
}
.advantagesMore:hover {
color: #fff;
}
.advantagesUl li {
position: relative;
width: 15.5%;
border-radius: 15px;
overflow: hidden;
transition: all .36s;
}
.advantagesUl li.on {
width: 50%;
}
.advantagesUl li .img::after {
display: block;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.advantagesUl li .img img {
width: 100%;
height: 560px;
object-fit: cover;
position: relative;
z-index: 2;
transition: all 0.2s;
}
.advantagesUl li .txt {
padding: 100px 30px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
}
.advantagesUl li .txt .bottom {
width: 62px;
height: 62px;
background-color: #6eb939;
border-radius: 50%;
}
.advantagesUl li .text {
transition: all .56s;
padding: 35px 50px;
position: absolute;
bottom: 30px;
left: 30px;
width: calc(100% - 60px);
z-index: 10;
}
.advantagesUl li .text span {
position: absolute;
left: 50px;
top: -40px;
}
.advantagesUl li .text {
transform: translateX(-200%);
border-radius: 20px;
}
.advantagesUl li .txt .top,
.advantagesUl li .txt .bottom {
transition: all .56s;
}
.advantagesUl li.on .txt .top,
.advantagesUl li.on .txt .bottom {
transform: translateX(200%);
}
.advantagesUl li.on .text {
transform: translateX(0);
}
.advantagesUl li.on .img::after {
background-color: rgba(0, 0, 0, 0.1);
}
.f28 {
margin-bottom: 10px;
}
.whlist>li:nth-child(1) {
transition-delay: .1s;
}
.whlist>li:nth-child(2) {
transition-delay: .2s;
}
.whlist>li:nth-child(3) {
transition-delay: .3s;
}
.whlist>li:nth-child(4) {
transition-delay: .4s;
}
.whlist>li:nth-child(5) {
transition-delay: .5s;
}
.superPic {
position: relative;
}
@keyframes ripple-wave1 {
to {
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0.1), 0 0 0 45px rgba(255, 255, 255, 0.02);
}
}
.wyHide img {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
width: 150px;
height: 150px;
border-radius: 50%;
background-color: #eeff09;
opacity: 0.5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 rgba(229, 185, 75, 0.1), 0 0 0 15px rgba(229, 185, 75, 0.1), 0 0 0 30px rgba(229, 185, 75, 0.1);
animation: ripple-wave1 1s linear infinite;
animation-play-state: running;
opacity: 1;
visibility: visible;
-webkit-animation: ripple-wave1 1s linear infinite;
}
@keyframes ripple-wave1 {
to {
box-shadow: 0 0 0 15px rgba(229, 185, 75, 0.1), 0 0 0 30px rgba(229, 185, 75, 0.1), 0 0 0 45px rgba(229, 185, 75, 0.02);
}
}
.noScreen {
display: none;
}
.outWide {
position: fixed;
top: 0px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
z-index: 9999;
}
.inWide {
position: fixed;
top: 0px;
left: 0px;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
z-index: 9999;
}
.inWide .OutScreen {
margin: 0 4vw;
}
.OutScreen {
position: relative;
border-radius: 8px;
background: rgb(112, 186, 1);
}
.fr1 {
border-radius: 8px;
}
.fr2 {
position: absolute;
top: 0;
right: 0;
border-radius: 0 5px 0 0;
cursor: pointer;
}
.wapHornor {
display: none;
}
.navTel {
display: flex;
align-items: center;
font-size: 25px;
font-family: DIN;
color: #fff;
padding: 0 50px;
}
.navTel img {
margin-right: 10px;
}
.wapEwm {
display: none;
}
.icontFlex {
display: flex;
align-items: center;
}
.icon20 {
display: none;
margin-right: 10px;
width: 20px;
position: relative;
top: 1px;
}
.inin {
display: none;
}
.zhanwei {
padding-top: 110px;
margin-top: -110px
}
.moadvantages {
display: none;
}
.advantagesdesc p {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width:750px) {
.advantagesdesc p {
font-size: 14px;
line-height: 2;
}
}
.text-center {
text-align: center;
}
.text-nowrap {
white-space: nowrap;
}
.processBox {
padding: 5vh 0;
}
.processUl {
display: flex;
background: url(../images/processlline.png) no-repeat center center;
background-size: 96% auto;
height: 500px;
}
.processUl li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 8.3%;
padding: 0 8px;
}
.processUl li:nth-child(2n) {
justify-content: flex-end;
}
.processUl li .iconYuan {
position: relative;
width: 98px;
height: 98px;
border-radius: 50%;
border: 1px solid #e5e5e5;
display: flex;
align-items: center;
justify-content: center;
}
.processUl li .iconYuan img {
width: 46%;
}
.processUl li .text {
font-size: 20px;
color: #666;
margin-top: 10px;
}
.processUl li .iconYuan:hover {
background-color: #6eb939;
}
.processUl li .iconYuan:hover img {
filter: grayscale(100%) brightness(500%);
animation: jello 1.2s;
}
.processUl .iconYuan i:before {
content: '';
position: absolute;
left: 0;
top: 0;
border: 1px solid #6eb939;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0
}
.processUl .iconYuan i:after {
content: '';
position: absolute;
left: 0;
top: 0;
border: 1px solid #6eb939;
width: 100%;
height: 100%;
border-radius: 50%;
opacity: 0
}
.processUl li .iconYuan:hover i:before {
animation: serv_one_border .9s 0s ease 1;
}
.processUl li .iconYuan:hover i:after {
animation: serv_one_border 1.5s 0s ease 1;
}
@media screen and (max-width:1440px) {
.processUl {
height: 450PX;
}
.processUl li .iconYuan {
width: 80PX;
height: 80PX;
}
.processUl li .text {
font-size: 18PX;
}
}
@media screen and (max-width:1000px) {
.processBox {
padding: 2.5vh 20px
}
.processUl {
flex-direction: column;
height: auto;
background: #fff;
}
.processUl li {
flex-direction: row;
width: 100%;
margin-bottom: 15px;
align-items: center;
transition: all 0s !important;
}
.processUl li:nth-child(2n) {
justify-content: flex-start;
}
.processUl li .iconYuan {
width: 50px;
height: 50px;
}
.processUl li .text {
margin-top: 0;
margin-left: 15px;
font-size: 14px;
text-align: left;
}
.processUl li .iconYuan {
background-color: #6eb939;
}
.processUl li .iconYuan img {
filter: grayscale(100%) brightness(500%);
}
}
@keyframes serv_one_border {
0% {
opacity: 0
}
5% {
opacity: 1
}
80% {
opacity: 0
}
100% {
opacity: 0;
transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5)
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: none;
-moz-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-moz-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
-moz-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}