* { margin: 0; padding: 0; outline: none }
html { font-family: "Noto Sans SC,PingFang SC,Microsoft Yahei,miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif"; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box }
*,
*:after,
*:before { -webkit-box-sizing: border-box; box-sizing: border-box }
body { scroll-behavior: smooth; min-width: 320px }
h1,
h2,
h3,
h4,
h5,
h6,
small,
big,
input,
textarea,
button,
select { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0; text-align: left }
ul,
ol,
menu { list-style: none }
img,
object,
input,
textarea,
button,
select { vertical-align: middle }
article,
aside,
footer,
header,
section,
nav,
figure,
figcaption,
hgroup,
details,
menu { display: block }
textarea { overflow: auto; resize: vertical }
input,
textarea,
button,
select,
a { outline: none; border: none }
input,
textarea { display: block; -webkit-user-select: auto }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
mark { background-color: transparent }
a,
ins,
s,
u,
del { text-decoration: none; color: inherit }
sup,
sub { vertical-align: baseline }
p { line-height: 1.72 }
h1,
h2,
h3,
h4,
h5,
h6,
span,
time,
small,
big { font-weight: 400; line-height: 1.2 }
video,
img,
audio,
canvas { font-size: 0; line-height: 1; display: inline-block; zoom: 1 }
html,
body { color: #333 }
/* 公共Class */
.bagcolor { background-color: #f5f5f5; }
.base80 { padding-top: 80px; padding-bottom: 80px; }
@media (max-width: 1440px) {
.base80 { padding-top: 70px; padding-bottom: 70px; }
}
@media (max-width: 1199px) {
.base80 { padding-top: 50px; padding-bottom: 50px; }
}
@media (max-width: 767px) {
.base80 { padding-top: 30px; padding-bottom: 30px; }
}
.base40 { padding-top: 40px; padding-bottom: 40px; }
.base100 { padding-top: 100px; padding-bottom: 100px; }
@media (max-width: 1440px) {
.base100 { padding-top: 80px; padding-bottom: 80px; }
}
@media (max-width: 1199px) {
.base100 { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 767px) {
.base100 { padding-top: 40px; padding-bottom: 40px; }
}
.base120 { padding-top: 120px; padding-bottom: 120px; }
@media (max-width: 1440px) {
.base120 { padding-top: 100px; padding-bottom: 100px; }
}
@media (max-width: 1199px) {
.base120 { padding-top: 80px; padding-bottom: 80px; }
}
@media (max-width: 991px) {
.base120 { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 767px) {
.base120 { padding-top: 40px; padding-bottom: 40px; }
}
.base140 { padding-top: 140px; padding-bottom: 140px; }
@media (max-width: 1681px) {
.base140 { padding-top: 120px; padding-bottom: 100px; }
}
@media (max-width: 1440px) {
.base140 { padding-top: 100px; padding-bottom: 100px; }
}
@media (max-width: 1366px) {
.base140 { padding-top: 80px; padding-bottom: 80px; }
}
@media (max-width: 991px) {
.base140 { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width: 767px) {
.base140 { padding-top: 40px; padding-bottom: 40px; }
}
.y30 { opacity: 0; -webkit-transform: translate3d(0, 30%, 0) scale(0.9); transform: translate3d(0, 30%, 0) scale(0.9) }
.y30.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s }
.y60 { opacity: 0; -webkit-transform: translate3d(0, 50%, 0) scale(0.9); transform: translate3d(0, 50%, 0) scale(0.9) }
.y60.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s }
.y100 { opacity: 0; -webkit-transform: translate3d(0, 100%, 0) scale(0.9); transform: translate3d(0, 100%, 0) scale(0.9) }
.y100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s }
.x50 { opacity: 0; -webkit-transform: translate3d(50%, 0, 0) scale(0.9); transform: translate3d(50%, 0, 0) scale(0.9) }
.x50.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s }
.x100 { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) scale(0.9); transform: translate3d(100%, 0, 0) scale(0.9) }
.x100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s }
.x-50 { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0) scale(0.9); transform: translate3d(-50%, 0, 0) scale(0.9) }
.x-50.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s }
.x-100 { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) scale(0.9); transform: translate3d(-100%, 0, 0) scale(0.9) }
.x-100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s }
.o { opacity: 0 }
.o.flag { opacity: 1; -webkit-transition: 1.7s; transition: 1.7s }
.doubleAni { position: relative; z-index: 1 }
.doubleAni:hover:after { width: 100%; opacity: .9 }
.doubleAni:hover:before { width: 100%; opacity: 1 }
.doubleAni:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; width: 60%; opacity: 0; background: #e60012; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) }
.doubleAni:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; width: 40%; opacity: 0; background: #e60012; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) }
.splitlist { line-height: 1.2; white-space: pre-wrap }
.splitlist.flag span { -webkit-animation: fadeInRight 1s forwards; animation: fadeInRight 1s forwards }
.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block }
.splitlist span.letters { color: #e60012 }
.popUp { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden }
.popUp.active { visibility: visible }
.popUp.active .popUpBg { visibility: visible; opacity: 1; -webkit-transition: .5s; transition: .5s }
.popUp.active .popUpBox { -webkit-transition: .5s; transition: .5s; -webkit-transform: translateY(0); transform: translateY(0) }
.popUp .popUpBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); visibility: hidden; opacity: 0; z-index: -1 }
.popUp .popUpBox { position: relative; width: 100%; height: auto; background: #fff; -webkit-transform: translateY(10%); transform: translateY(10%) }
.cursordot { position: fixed; top: 0; left: 0; border-radius: 100%; pointer-events: none; opacity: 0; will-change: transform; background-size: contain; mix-blend-mode: exclusion }
.cursordot::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: #fff; mix-blend-mode: exclusion }
.cursordot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border: 1px solid #fff; -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); mix-blend-mode: exclusion; border-radius: 50% }
.imgs { max-width: 100%; width: 100%; height: auto; display: block }
.deepmao { position: relative; top: -5.4688vw; display: block; height: 0; overflow: hidden }
.linkA { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 7 }
.photoSlides { position: relative; overflow: hidden; --bg: white
}
.photoSlides.ifIe:after { display: none }
.photoSlides.ifIe img { opacity: 1 }
.photoSlides:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0%; height: 100%; background: var(--bg); z-index: 3 }
.photoSlides.flag:after { width: 100%; -webkit-transition: .6s; transition: .6s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) }
.photoSlides.reset:after { width: 0%; right: auto; left: 0 }
.photoSlides img { opacity: 0; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s }
.ell { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.ells { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.wechat { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0,0,0,0.7); z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer }
.wechat.active { -webkit-transition: .3s; transition: .3s; visibility: visible; opacity: 1 }
.wechat.active div { -webkit-transform: translateY(0); transform: translateY(0) }
.wechat div { height: auto; padding: 20px; background: #eee; text-align: center; -webkit-transition: .3s; transition: .3s; -webkit-transform: translateY(50px); transform: translateY(50px) }
.wechat div img { display: block; margin: auto }
.wechat div p { font-size: 14px; color: #666; margin-top: 6px }
.videobox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; visibility: hidden; opacity: 0; color: #fff }
.videobox.active { visibility: visible; opacity: 1 }
.videobox.active .bg { visibility: visible; opacity: 1 }
.videobox.active .videoDom video { -webkit-transition-delay: .3s; transition-delay: .3s; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.videobox.active .videoDom .close { visibility: visible; opacity: 1 }
.videobox .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); -webkit-transition: .4s; transition: .4s; visibility: hidden; opacity: 0; z-index: -1 }
.videobox .videoDom { width: 61.8%; position: relative; line-height: 1; font-size: 0 }
.videobox .videoDom video { width: 100%; -webkit-transition: .4s; transition: .4s; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); opacity: 0; max-width: 100%; max-height: 100vh }
.videobox .videoDom .close { position: absolute; left: 100%; top: 0; width:.5rem;
height:.5rem;
display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #e60012; color: #fff; z-index: 3; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: .4s; transition: .4s }
.videobox .videoDom .close:after,
.videobox .videoDom .close:before { content: ''; width:.25rem;
height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transition: .4s; transition: .4s }
.videobox .videoDom .close:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) }
.videobox .videoDom .close:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) }
.videobox .videoDom .close:hover { background: #0562A9 }
.videobox .videoDom .close:hover:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg) }
.videobox .videoDom .close:hover:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg) }
.subnavHead { position: relative }
.subnavHead .bannerimg { overflow: hidden }
.subnavHead .bannerimg img { position: relative; width: 100%; display: block; will-change: transform }
.newspaper a { -webkit-transition: color .4s; transition: color .4s }
.newspaper a:link { color: #000 }
.newspaper a:visited { color: #000 }
.newspaper a:active { color: #e60012 }
.newspaper a:hover { color: #e60012 }
.newspaper img { max-width: 100% !important; height: auto !important }
@-webkit-keyframes pageTransTion { from {
visibility:visible;
opacity:1
}
to { visibility: hidden; opacity: 0 }
}
@keyframes pageTransTion { from {
visibility:visible;
opacity:1
}
to { visibility: hidden; opacity: 0 }
}
@-webkit-keyframes pageTransTionFirst { from {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to { -webkit-transform: translateY(100%); transform: translateY(100%) }
}
@keyframes pageTransTionFirst { from {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to { -webkit-transform: translateY(100%); transform: translateY(100%) }
}
@-webkit-keyframes pageTransTionSecond { from {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to { -webkit-transform: translateY(150%); transform: translateY(150%) }
}
@keyframes pageTransTionSecond { from {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to { -webkit-transform: translateY(150%); transform: translateY(150%) }
}
@-webkit-keyframes pageTransTionThird { from {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to { -webkit-transform: translateY(200%); transform: translateY(200%) }
}
@keyframes pageTransTionThird { from {
-webkit-transform:translateY(0%);
transform:translateY(0%)
}
to { -webkit-transform: translateY(200%); transform: translateY(200%) }
}
/* 分页 */
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.pagination span,
.pagination a { width: 40px; height: 40px; margin: 0 8px; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999 }
.pagination span,
.pagination a:hover { color: #FFF }
.pagination span,
.pagination a:hover { content: ''; -webkit-transition: .5s; transition: .5s; background: -webkit-gradient(linear, left top, left bottom, from(#e60012), to(#0E5E9E)); background: linear-gradient(to bottom, #e60012, #e60012) }
/*  */
.pageTransTionIn { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; -webkit-animation: pageTransTion .01s 1.2s forwards; animation: pageTransTion .01s 1.2s forwards }
.pageTransTionIn .pageTransTionFirst,
.pageTransTionIn .pageTransTionSecond,
.pageTransTionIn .pageTransTionThird { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.pageTransTionIn .pageTransTionFirst { background: #0562A9; -webkit-animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards }
.pageTransTionIn .pageTransTionSecond { background: #e60012; -webkit-animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards }
.pageTransTionIn .pageTransTionThird { background: #fff; -webkit-animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards }
.last3:nth-child(3n+1):nth-last-child(-n+3),
.last3:nth-child(3n+1):nth-last-child(-n+3) ~ li { margin-bottom: 0 }
.amap-logo,
.amap-copyright { display: none !important }
.amap-toolbar { z-index: 2; display: none !important }
.amap-scalecontrol { display: none !important }
.amap-layers:after { content: '' !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); z-index: 0 }
.amap-layers svg { width: 100% !important; height: 100% !important }
.amap-markers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden }
.innerdot { display: none !important }
.infobox { display: none }
.amap-info-contentContainer { width: auto; height: auto; max-width: 320px; padding: 15px 20px; background: #fff; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3) }
.amap-info-contentContainer h5 { color: #000; font-size: 18px }
.amap-info-contentContainer p { color: #999; font-size: 16px }
.mapdots { width: 1.2rem; height: 1.2rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; z-index: 1; color: #0562A9 }
.mapdots:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; z-index: -1; -webkit-animation: dots 1.5s infinite linear; animation: dots 1.4s infinite linear }
.mapdots:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; z-index: -1; -webkit-animation: dots 1.5s infinite linear; animation: dots 1.4s -.7s infinite linear }
.mapdots .dot {
width:.3rem;
height:.3rem; background: #e60012; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff }
.mapdots .dot img { width: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
@-webkit-keyframes dots { from {
opacity:1;
-webkit-transform:scale(0.1);
transform:scale(0.1)
}
to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes dots { from {
opacity:1;
-webkit-transform:scale(0.1);
transform:scale(0.1)
}
to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
.scrollNumItem { display: -webkit-box; display: -ms-flexbox; display: flex }
.scrollNumItem .scrollNumBox { position: relative; overflow: hidden }
.scrollNumItem .scrollNumBox .scrollNumUl { width: 100% }
.scrollNumItem .scrollNumBox .scrollNumUl li { height: 100%; width: 100% }
@-webkit-keyframes move { from {
-webkit-transform:translateY(-90%);
transform:translateY(-90%);
-webkit-filter:url(#blur);
filter:url(#blur)
}
to { -webkit-transform: translateY(1%); transform: translateY(1%); -webkit-filter: url(#blur); filter: url(#blur) }
}
@keyframes move { from {
-webkit-transform:translateY(-90%);
transform:translateY(-90%);
-webkit-filter:url(#blur);
filter:url(#blur)
}
to { -webkit-transform: translateY(1%); transform: translateY(1%); -webkit-filter: url(#blur); filter: url(#blur) }
}
@-webkit-keyframes bounce-in-down { from {
-webkit-transform:translateY(calc(var(--i) * -10% - 7%));
transform:translateY(calc(var(--i) * -10% - 7%));
-webkit-filter:none;
filter:none
}
25% {
-webkit-transform:translateY(calc(var(--i) * -10% + 3%));
transform:translateY(calc(var(--i) * -10% + 3%))
}
50% {
-webkit-transform:translateY(calc(var(--i) * -10% - 1%));
transform:translateY(calc(var(--i) * -10% - 1%))
}
70% {
-webkit-transform:translateY(calc(var(--i) * -10% + .6%));
transform:translateY(calc(var(--i) * -10% + .6%))
}
85% {
-webkit-transform:translateY(calc(var(--i) * -10% - .3%));
transform:translateY(calc(var(--i) * -10% - .3%))
}
to { -webkit-transform:translateY(calc(var(--i) * -10%));
transform:translateY(calc(var(--i) * -10%))
}
}
@keyframes bounce-in-down { from {
-webkit-transform:translateY(calc(var(--i) * -10% - 7%));
transform:translateY(calc(var(--i) * -10% - 7%));
-webkit-filter:none;
filter:none
}
25% {
-webkit-transform:translateY(calc(var(--i) * -10% + 3%));
transform:translateY(calc(var(--i) * -10% + 3%))
}
50% {
-webkit-transform:translateY(calc(var(--i) * -10% - 1%));
transform:translateY(calc(var(--i) * -10% - 1%))
}
70% {
-webkit-transform:translateY(calc(var(--i) * -10% + .6%));
transform:translateY(calc(var(--i) * -10% + .6%))
}
85% {
-webkit-transform:translateY(calc(var(--i) * -10% - .3%));
transform:translateY(calc(var(--i) * -10% - .3%))
}
to { -webkit-transform:translateY(calc(var(--i) * -10%));
transform:translateY(calc(var(--i) * -10%))
}
}
@media screen and (max-width: 768px) {
.noscroll { background-attachment: scroll !important }
.videobox .videoDom { width: 100% }
}
.snow { position: absolute; width: 2.08333vw; height: 2.39583vw; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; z-index: 9; pointer-events: none }
.snow:nth-child(1) { opacity: .948; -webkit-transform: translate(42.4812vw, -10px) scale(.8765); transform: translate(42.4812vw, -10px) scale(.8765); -webkit-animation: fall-1 11s -26s linear infinite; animation: fall-1 11s -26s linear infinite }
font-weight:400;
font-style:normal
}
:root { --swiper-theme-color:#007aff
}
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 }
.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box }
.swiper-container-android .swiper-slide,
.swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0) }
.swiper-container-multirow>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap }
.swiper-container-multirow-column>.swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }
.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform }
.swiper-slide-invisible-blank { visibility: hidden }
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide { height: auto }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform }
.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px }
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d }
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }
.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)) }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0))); background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0)) }
.swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none }
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start }
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory }
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory }
:root { --swiper-navigation-size:44px
}
.swiper-button-next,
.swiper-button-prev { position: absolute; top: 50%; width:calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
.swiper-button-next:after,
.swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1 }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { left: 10px; right: auto }
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after { content: 'prev' }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { right: 10px; left: auto }
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after { content: 'next' }
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000
}
.swiper-button-lock { display: none }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }
.swiper-pagination.swiper-pagination-hidden { opacity: 0 }
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66) }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33) }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }
.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) }
.swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0) }
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px }
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s transform, .2s top; transition: .2s transform, .2s top }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform, .2s left; transition: .2s transform, .2s left }
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform, .2s right; transition: .2s transform, .2s right }
.swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top }
.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.swiper-pagination-white { --swiper-pagination-color:#ffffff
}
.swiper-pagination-black { --swiper-pagination-color:#000000
}
.swiper-pagination-lock { display: none }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1) }
.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0 }
.swiper-scrollbar-cursor-drag { cursor: move }
.swiper-scrollbar-lock { display: none }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center }
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain }
.swiper-slide-zoomed { cursor: move }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent }
.swiper-lazy-preloader-white { --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black { --swiper-preloader-color:#000
}
@-webkit-keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin { 100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube { overflow: visible }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0 }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.swiper-container-flip { overflow: visible }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button { width: 44px; height: 44px; position: relative; background: none; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: 0.75; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; -webkit-box-shadow: none; box-shadow: none }
.pswp__button:focus,
.pswp__button:hover { opacity: 1 }
.pswp__button:active { outline: none; opacity: 0.9 }
.pswp__button::-moz-focus-inner {
padding:0;
border:0
}
.pswp__ui--over-close .pswp__button--close { opacity: 1 }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before { background: url(default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
.pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
background-image:url(default-skin.svg)
}
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
background:none
}
}
.pswp__button--close { background-position: 0 -44px }
.pswp__button--share { background-position: -44px -44px }
.pswp__button--fs { display: none }
.pswp--supports-fs .pswp__button--fs { display: block }
.pswp--fs .pswp__button--fs { background-position: -44px 0 }
.pswp__button--zoom { display: none; background-position: -88px 0 }
.pswp--zoom-allowed .pswp__button--zoom { display: block }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 }
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right { visibility: hidden }
.pswp__button--arrow--left,
.pswp__button--arrow--right { background: none; top: 50%; margin-top: -50px; width: 70px; height: 100px; position: absolute }
.pswp__button--arrow--left { left: 0 }
.pswp__button--arrow--right { right: 0 }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before { content: ''; top: 35px; background-color: rgba(0,0,0,0.3); height: 30px; width: 32px; position: absolute }
.pswp__button--arrow--left:before { left: 6px; background-position: -138px -44px }
.pswp__button--arrow--right:before { right: 6px; background-position: -94px -44px }
.pswp__counter,
.pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.pswp__share-modal { display: block; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__share-modal--hidden { display: none }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; -webkit-backface-visibility: hidden; will-change: transform }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000 }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 }
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px }
.pswp__share-modal--fade-in { opacity: 1 }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); transform: translateY(0) }
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none }
a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF }
a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A }
a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D }
a.pswp__share--download:hover { background: #DDD }
.pswp__counter { position: absolute; left: 0; top: 0; height: 50px; font-size: 13px; line-height: 44px; color: #FFF; opacity: 0.75; padding: 0 10px }
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px }
.pswp__caption small { font-size: 11px; color: #BBB }
.pswp__caption__center { text-align: left; max-width: 420px; margin: 0 auto; font-size: 13px; padding: 10px; line-height: 20px; color: #CCC }
.pswp__caption--empty { display: none }
.pswp__caption--fake { visibility: hidden }
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity 0.25s ease-out; transition: opacity 0.25s ease-out; will-change: opacity; direction: ltr }
.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px }
.pswp__preloader--active { opacity: 1 }
.pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat }
.pswp--css_animation .pswp__preloader--active { opacity: 1 }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise 500ms linear infinite; animation: clockwise 500ms linear infinite }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite }
.pswp--css_animation .pswp__preloader__icn { background: none; opacity: 0.75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden }
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: none; margin: 0 }
@media screen and (max-width: 1024px) {
.pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right }
}
@-webkit-keyframes clockwise { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes clockwise { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes donut-rotate { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(-140deg);
transform:rotate(-140deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes donut-rotate { 0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
50% {
-webkit-transform:rotate(-140deg);
transform:rotate(-140deg)
}
100% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550 }
.pswp__top-bar { position: absolute; left: 0; top: 0; width: 100%; background: transparent !important }
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) }
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right { visibility: visible }
.pswp__top-bar,
.pswp__caption { background-color: rgba(0,0,0,0.5) }
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption { background-color: rgba(0,0,0,0.3) }
.pswp__ui--idle .pswp__top-bar { opacity: 0 }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right { opacity: 0 }
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001 }
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter { display: none }
.pswp__element--disabled { display: none !important }
.pswp--minimal--dark .pswp__top-bar { background: none }/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: none }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box }
.pswp img { max-width: none }
.pswp--animate_opacity { opacity: 0.001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) }
.pswp--open { display: block }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: zoom-in }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: grab }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: grabbing }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
.pswp__container,
.pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 }
.pswp__container,
.pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1) }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1) }
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none }
.pswp__container,
.pswp__zoom-wrap { -webkit-backface-visibility: hidden }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0 }
.pswp__img--placeholder { -webkit-backface-visibility: hidden }
.pswp__img--placeholder--blank { background: #222 }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0 }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC }
.pswp__error-msg a { color: #CCC; text-decoration: underline }
.pswp__bg { background: rgba(0,0,0,0.8) }
.pswp__top-bar { background-color: transparent }
.pswp__top-bar .pswp__button--close { position: relative; width: 50px; height: 50px; top: 0; background: #e60012; font-size: 16px; color: white; background-position: 0 0; opacity: 1; z-index: 2 }
.pswp__caption { margin-top: 20px; background: transparent; bottom: 0; display: none }
.pswp__caption small { display: none }
.pswp__caption__center { width: auto; min-height: 44px; line-height: 1.2; -webkit-transition: .3s; transition: .3s; font-size: 14px; color: #747474; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background: white; -webkit-box-sizing: border-box; box-sizing: border-box }
.pswp__button { width: 30px; height: 30px; background: transparent }
.pswp__button--arrow--left,
.pswp__button--arrow--right { width: 46px; height: 46px; background: white; border-radius: 50%; -webkit-transition: .5s !important; transition: .5s !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; color: #e60012; opacity: 1 }
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover { background: #e60012; color: white }
.pswp__button--arrow--left { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.pswp__button--arrow--right { right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%) }
.pswp__button--arrow--left { margin-left: -600px }
.pswp__button--arrow--right { margin-right: -600px }
.pswp__button--arrow--left:before { width: 66px; height: 66px; background: transparent }
.pswp__button--arrow--right:before { width: 66px; height: 66px; background: transparent }
.atie-calendar,
.atie-calendar * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box }
.calendar-wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999 }
.atie-calendar-mask { position: fixed; height: 100%; width: 100% }
.atie-calendar { position: relative; outline: none; width: 280px; border: 1px solid #fff; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.15); box-shadow: 0 2px 8px rgba(0,0,0,0.15); background-clip: padding-box; line-height: 1.5 }
.atie-calendar-input-wrap { height: 34px; padding: 6px 10px; border-bottom: 1px solid #e8e8e8 }
.atie-calendar-input { border: 0; width: 100%; cursor: auto; outline: 0; height: 22px; color: rgba(0,0,0,0.65); background: #fff }
.atie-calendar-date-panel { position: relative }
.atie-calendar-header { height: 40px; line-height: 40px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom: 1px solid #e8e8e8 }
.atie-calendar-header>div>a { position: absolute; top: 0; font-size: 12px; cursor: pointer }
.atie-calendar-header>div>a:hover { color: #1890ff }
.atie-calendar-prev-year-btn { left: 7px }
.atie-calendar-prev-month-btn { left: 36px }
.atie-calendar-next-year-btn { right: 7px }
.atie-calendar-next-month-btn { right: 36px }
.atie-calendar-ym-select { font-weight: 500 }
.atie-calendar-body { padding: 8px 12px }
.atie-calendar table,
.atie-calendar td,
.atie-calendar th { border: 0; text-align: center }
.atie-calendar table { border-collapse: collapse; max-width: 100%; background-color: transparent; width: 100% }
.atie-calendar thead { display: table-header-group; vertical-align: middle; border-color: inherit }
.atie-calendar tbody { display: table-row-group; vertical-align: middle; border-color: inherit }
.atie-calendar tr { display: table-row; vertical-align: inherit; border-color: inherit }
.atie-calendar-column-header .atie-calendar-column-header-inner { display: block; font-weight: 400 }
.atie-calendar-cell { padding: 3px 0; height: 30px; cursor: pointer }
.atie-calendar-selected-day .atie-calendar-date { background: #d1e9ff }
.atie-calendar-last-month-cell .atie-calendar-date,
.atie-calendar-next-month-btn-day .atie-calendar-date { color: rgba(0,0,0,0.25) }
.atie-calendar-today .atie-calendar-date { border-color: #1890ff; font-weight: 700; color: #1890ff }
.atie-calendar-selected-date .atie-calendar-date,
.atie-calendar-selected-start-date .atie-calendar-date,
.atie-calendar-selected-end-date .atie-calendar-date { background: #1890ff; color: #fff; border: 1px solid transparent }
.atie-calendar-date { display: block; margin: 0 auto; color: rgba(0,0,0,0.65); border-radius: 2px; width: 24px; height: 24px; line-height: 22px; border: 1px solid transparent; padding: 0; background: transparent; text-align: center; -webkit-transition: background .3s ease; transition: background .3s ease }
.atie-calendar-footer { border-top: 1px solid #e8e8e8; line-height: 38px; padding: 0 12px }
.atie-calendar-footer-btn { text-align: center; display: block }
.atie-calendar .atie-calendar-today-btn { display: inline-block; text-align: center; color: #1890ff; cursor: pointer }
@font-face { font-family: "proximar"; src: url("../fonts/proximr/proximr.eot"); src: url("../fonts/proximr/proximr.eot") format("embedded-opentype"), url("../fonts/proximr/proximr.woff2") format("woff2"), url("../fonts/proximr/proximr.woff") format("woff"), url("../fonts/proximr/proximr.svg") format("svg"); font-weight: normal; font-style: swap }
@font-face { font-family: "proximal"; src: url("../fonts/proximal/proximal.eot"); src: url("../fonts/proximal/proximal.eot") format("embedded-opentype"), url("../fonts/proximal/proximal.woff2") format("woff2"), url("../fonts/proximal/proximal.woff") format("woff"), url("../fonts/proximal/proximal.svg") format("svg"); font-weight: normal; font-style: swap }
@font-face { font-family: "proximab"; src: url("../../fonts/proximb/proximb.eot"); src: url("../fonts/proximb/proximb.eot") format("embedded-opentype"), url("../fonts/proximb/proximb.woff2") format("woff2"), url("../fonts/proximb/proximb.woff") format("woff"), url("../fonts/proximb/proximb.svg") format("svg"); font-weight: normal; font-style: swap }
@media screen and (min-width: 1024px) {
.f76 { font-size: 76px; font-size: Max(3.95833vw, 28px) }
.f66 { font-size: 66px; font-size: Max(3.4375vw, 26px) }
.f60 { font-size: 60px; font-size: Max(3.125vw, 24px) }
.f50 { font-size: 50px; font-size: Max(2.60417vw, 24px) }
.f48 { font-size: 48px; font-size: Max(2.5vw, 24px) }
.f46 { font-size: 46px; font-size: Max(2.39583vw, 24px) }
.f36 { font-size: 36px; font-size: Max(1.875vw, 24px) }
.f30 { font-size: 30px; font-size: Max(1.5625vw, 22px) }
.f28 { font-size: 28px; font-size: Max(1.45833vw, 26px) }
.f26 { font-size: 26px; font-size: Max(1.35417vw, 22px) }
.f24 { font-size: 24px; font-size: Max(1.25vw, 18px) }
.f22 { font-size: 22px; font-size: Max(1.14583vw, 20px) }
.f20 { font-size: 20px; font-size: Max(1.04167vw, 18px) }
.f18 { font-size: 18px; font-size:Max(.9375vw, 16px)
}
.f16 { font-size: 16px; font-size:Max(.83333vw, 14px)
}
.f15 { font-size: 15px; font-size:Max(.78125vw, 13px)
}
.f14 { font-size: 14px; font-size:Max(.72917vw, 12px)
}
}
@media screen and (max-width: 1024px) {
.w22 { font-size: 2.73438vw }
.w20 { font-size: 2.53906vw }
.w18 { font-size: 2.34375vw }
.w16 { font-size: 1.95312vw }
.w14 { font-size: 1.75781vw }
.w13 { font-size: 1.34115vw }
}
@media screen and (max-width: 768px) {
.w22 { font-size: 5.86667vw }
.w20 { font-size: 5.33333vw }
.w18 { font-size: 4.8vw }
.w16 { font-size: 4.26667vw }
.w14 { font-size: 3.73333vw }
.w12 { font-size: 3.2vw }
}
::-webkit-scrollbar {
width:6px;
height:6px;
background-color:#fff
}
::-webkit-scrollbar-thumb {
background-color:#e60012
}
::-moz-selection {
background:#e60012;
color:#fff;
text-shadow:none
}
::selection { background: #e60012; color: #fff; text-shadow: none }
::-webkit-input-placeholder {
color:#999
}
:-moz-placeholder {
color:#999
}
::-moz-placeholder {
color:#999
}
:-ms-input-placeholder {
color:#999
}
.pageTransTionIn { display: none }
.scrollWrapper.false { position: static; will-change: auto }
.swiper-wrapper { will-change: transform }
.w1640 { width: 1640px; max-width: 100%; width: Min(1640px, 100%); margin: 0 auto }
.w1400 { width: 1400px; max-width: 100%; width: Min(1400px, 100%); margin: 0 auto }
.w1200 { width: 1200px; max-width: 100%; width: Min(1200px, 100%); margin: 0 auto }
.pointer { pointer-events: none }
.swiper-box1 { height: 100%; overflow: hidden; position: relative }
.swiper-box1 .swiper-pag { position: absolute; bottom: 2.6042vw; width: 100%; line-height: 1; text-align: center; z-index: 5 }
.swiper-box1 .swiper-pag span { width: 12px; height: 12px; margin: 0 10px !important; opacity: 1; background: #fff; -webkit-transition: .5s; transition: .5s }
.swiper-box1 .swiper-pag span.swiper-pagination-bullet-active { background: #e60012 }
.swiper-box1 .shubiao { position: absolute; z-index: 3; right: 4.4271vw; bottom: 2.3438vw; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-animation: shubiao 1.5s infinite; animation: shubiao 1.5s infinite }
.swiper-box1 .shubiao i { font-size: 1.7188vw; line-height: 1 }
.swiper-box1 .shubiao p { margin-top: 7px; font-size: 14px }
.swiper-box1>.w1640 { height: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 3; pointer-events: none }
.swiper-box1>.w1640 .appprev,
.swiper-box1>.w1640 .appnext { position: absolute; width: 52px; height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 17px; cursor: pointer; top: 50%; -webkit-transition: .5s; transition: .5s; z-index: 3; pointer-events: visible }
.swiper-box1>.w1640 .appprev:hover,
.swiper-box1>.w1640 .appnext:hover { color: #fff }
.swiper-box1>.w1640 .appprev:hover:before,
.swiper-box1>.w1640 .appnext:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.swiper-box1>.w1640 .appprev:hover:after,
.swiper-box1>.w1640 .appnext:hover:after { border-color: #e60012 }
.swiper-box1>.w1640 .appprev:after,
.swiper-box1>.w1640 .appnext:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #fff; -webkit-transition: .5s; transition: .5s }
.swiper-box1>.w1640 .appprev:before,
.swiper-box1>.w1640 .appnext:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: -1 }
.swiper-box1>.w1640 .appprev { left: 0; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%) }
.swiper-box1>.w1640 .appnext { right: 0; -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%) }
.swiper-box1 .swiper-wrapper .swiper-slide { height: 100%; font-size: 0; line-height: 1; overflow: hidden }
.box1img { height: 100%; width: 100% }
.box1img.active img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.box1img img { height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 7s; transition: 7s }
.box1img video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover }
.box1text { color: #fff; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1) }
.box1text.active .w1640 h5 span,
.box1text.active .w1640 h6 span,
.box1text.active .w1640 p span { -webkit-animation: fadeInRight 1.5s forwards; animation: fadeInRight 1.5s forwards }
.box1text.active .w1640 figure { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) }
.box1text .w1640 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.box1text .w1640 h6 { font-family: 'proximar'; text-transform: uppercase; letter-spacing: 0.3125vw; text-indent: 0.3125vw }
.box1text .w1640 h5 { margin: 0.2604vw 0 0.7813vw; font-weight: 700 }
.box1text .w1640 figure { margin-left: auto; margin-right: auto; margin-top: 3.6458vw; opacity: 0; -webkit-transform: translate3d(0, 30%, 0) scale(0.9); transform: translate3d(0, 30%, 0) scale(0.9); -webkit-transition: .44s; transition: .44s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) }
.footerSection { overflow: hidden }
.indexPrd { padding: 0 !important; position: relative; z-index: 1; overflow: hidden }
.indexPrd .threeBox { position: absolute; bottom: 0; width: 100%; height: 60%; left: 0; z-index: -1 }
.indexPrd .prdDianzhui { position: absolute; top: -5%; left: 0; -webkit-transform: translateX(-40%); transform: translateX(-40%); width: 10.4688vw }
.indexPrd .prdDianzhui img { -webkit-animation: rotate 15s linear infinite; animation: rotate 15s linear infinite }
.indexPrd .w1640 { padding: 0 5.4688vw; -webkit-box-sizing: border-box; box-sizing: border-box }
.indexPrd .w1640 .swiper { margin: 3.6458vw 0 2.6042vw; position: relative }
.indexPrd .w1640 .swiper .swiper-prd { width: 58.6979vw; overflow: hidden; margin-left: auto; margin-right: auto }
.indexPrd .w1640 .swiper .prdPrev,
.indexPrd .w1640 .swiper .prdNext { position: absolute; top: 50%; width: 52px; height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; -webkit-transition: .5s; transition: .5s }
.indexPrd .w1640 .swiper .prdPrev:after,
.indexPrd .w1640 .swiper .prdNext:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #999; -webkit-transition: .5s; transition: .5s }
.indexPrd .w1640 .swiper .prdPrev:hover,
.indexPrd .w1640 .swiper .prdNext:hover { background: #e60012; color: #fff }
.indexPrd .w1640 .swiper .prdPrev:hover:after,
.indexPrd .w1640 .swiper .prdNext:hover:after { border-color: #e60012 }
.indexPrd .w1640 .swiper .prdPrev { left: 0 }
.indexPrd .w1640 .swiper .prdNext { right: 0 }
.swiper-prdGalley { overflow: hidden }
.swiper-prdGalley .swiper-wrapper .swiper-slide { border: 2px solid rgba(0,0,0,0); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border .5s; transition: border .5s; position: relative; cursor: pointer }
.swiper-prdGalley .swiper-wrapper .swiper-slide:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #E1E1E1; -webkit-transition: .5s; transition: .5s }
.swiper-prdGalley .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { border-color: #e60012 }
.swiper-prdGalley .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after { opacity: 0 }
.swiperPrdBox { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100% }
.swiperPrdBox:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.swiperPrdBox:hover .font span { color: #e60012 }
.swiperPrdBox figure { width: 53.23%; overflow: hidden; border: 1px solid #E1E1E1; -webkit-box-sizing: border-box; box-sizing: border-box }
.swiperPrdBox figure img { -webkit-transition: .4s; transition: .4s }
.swiperPrdBox .font { background: -webkit-gradient(linear, left top, right top, from(#fff), to(#E1E1E1)); background: linear-gradient(to right, #fff, #E1E1E1); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 3.6458vw 4.6875vw 0 3.3854vw }
.swiperPrdBox .font .line { width: 1.3542vw; height: 0.2083vw; background: #e60012; margin: 0.7813vw 0 1.8229vw }
.swiperPrdBox .font h5 { line-height: 1.2 }
.swiperPrdBox .font p { -webkit-line-clamp: 3; color: #666; margin-bottom: 3.6458vw }
.swiperPrdBox .font span { color: #999; -webkit-transition: .4s; transition: .4s }
.ititle { text-align: center }
.ititle h6 { text-transform: uppercase; font-weight: 700 }
.ititle h6 span.letters { color: #e60012 }
.ititle h5 { font-weight: 700 }
.indexProgramme { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden }
.indexProgramme .swiper-programme { width: 62.5vw; overflow: hidden }
.indexProgramme .swiper-programme .swiper-wrapper .swiper-slide img { height: 100vh; -o-object-fit: cover; object-fit: cover }
.indexProgramme .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 5.9896vw 7.8125vw 0 3.125vw; -webkit-box-sizing: border-box; box-sizing: border-box }
.indexProgramme .font .ititle { text-align: left }
.indexProgramme .font p { margin: 3.5417vw 0; color: #666 }
.learn { width: 6.25vw; height: 2.1875vw; background: #e60012; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff }
.programmeItems { position: absolute; z-index: 5; bottom: 4.4271vw; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 17.9688vw }
.programmeItems a { position: relative; width: 13.5417vw; height: 15.625vw; opacity: 1; padding: 0.5208vw; background: rgba(0,0,0,0); border-radius: 0; border: 1px solid #E1E1E1; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .5s; transition: .5s; z-index: 1 }
.programmeItems a:last-child { border-right: 0.0521vw solid #E1E1E1 }
.programmeItems a.active { width: 15.625vw; height: 100%; border: none; -webkit-box-shadow: 1.0417vw 1.0417vw 1.5625vw rgba(0,0,0,0.15); box-shadow: 1.0417vw 1.0417vw 1.5625vw rgba(0,0,0,0.15); z-index: 2 }
.programmeItems a.active:after { height: 100% }
.programmeItems a.active i,
.programmeItems a.active h5,
.programmeItems a.active h6 { color: #fff }
.programmeItems a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; height: 0; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); background: -webkit-gradient(linear, left top, left bottom, from(#4AC0FF), to(#0E5E9E)); background: linear-gradient(to bottom, #4AC0FF, #0E5E9E); z-index: -1 }
.programmeItems a i { font-size: 2.7083vw; line-height: 1; color: #999; -webkit-transition: .5s; transition: .5s }
.programmeItems a h5 { line-height: 1.2; margin: 2.0833vw 0 0.7813vw; -webkit-transition: .5s; transition: .5s }
.programmeItems a h6 { font-family: 'proximar'; line-height: 1.5; -webkit-transition: .5s; transition: .5s; text-align: center }
.programmeItems a .jia { margin-top: 1.5625vw; width: 1.3542vw; height: 1.3542vw; position: relative }
.programmeItems a .jia:after,
.programmeItems a .jia:before { content: ''; width: 0.1042vw; height: 100%; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.programmeItems a .jia:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) }
.indexProject { position: relative; padding: 0 !important }
.indexProject .indexProjectzhui { position: absolute; top: 2.8646vw; left: 2.0833vw; width: 10.4688vw }
.indexProject .indexProjectzhui img { -webkit-animation: rotate 15s linear infinite; animation: rotate 15s linear infinite }
.indexProject .w1640 .list { margin: 8.5938vw 0 2.0833vw; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.indexProject .w1640 .learn { background: #fff; border: 0.0521vw solid #E1E1E1; -webkit-box-shadow: rgba(0,0,0,0.1); box-shadow: rgba(0,0,0,0.1); color: #666; -webkit-transition: .5s; transition: .5s; margin-left: auto; margin-right: auto }
.indexProject .w1640 .learn:hover { background: #e60012; border-color: #fff; color: #fff }
.indexProjectitem { position: relative; width: 32%; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 1.0417vw 1.0417vw 1.5625vw rgba(0,0,0,0); box-shadow: 1.0417vw 1.0417vw 1.5625vw rgba(0,0,0,0) }
.indexProjectitem:hover { -webkit-transform: translateY(-3.6458vw); transform: translateY(-3.6458vw); -webkit-box-shadow: 1.0417vw 1.0417vw 1.5625vw rgba(0,0,0,0.15); box-shadow: 1.0417vw 1.0417vw 1.5625vw rgba(0,0,0,0.15); z-index: 2 }
.indexProjectitem:hover .text { background: #e60012; color: #fff }
.indexProjectitem .text { height: 4.1667vw; background: #F6F6F6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 2.1875vw 0 1.6667vw; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-transition: .5s; transition: .5s }
.indexProjectitem .text h5 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 10px }
.indexProfile { position: relative; z-index: 1; color: #fff; text-align: center; padding: 0 !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.indexProfile .swiper-indexProfile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden }
.indexProfile:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: -1 }
.indexProfile .w1640 h5 { font-weight: 700; line-height: 1.4 }
.indexProfile .w1640>p { color: #fff; text-align: center; width: Min(768px, 100%); margin: 2.3438vw auto 4.6875vw }
.indexProfile .w1640 .learn { margin-left: auto; margin-right: auto; margin-top: 5.2083vw }
.profileNum { width: 1200px; max-width: 100%; width: Min(1200px, 100%); margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.profileNum .line { width: 0.0521vw; height: 4.3229vw; background: #fff; opacity: .5 }
.profileNum.itemAnimates .itemAnimate { opacity: 0 }
.profileNum.itemAnimates.flag .itemAnimate { -webkit-animation: fadeInUp2 1.2s forwards; animation: fadeInUp2 1.2s forwards }
.profileNum .item div { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 0.5208vw }
.profileNum .item div span { line-height: 1.2; font-family: 'proximab'; font-weight: 700 }
.profileNum .item div small { margin-left: 0.3646vw; display: block }
.profileNum .item div b { width: 1.7188vw; height: 1.7188vw; background: #e60012; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; position: absolute; top: 0; left: 100% }
.indexNews { padding: 0 !important }
.indexNews .w1640 .indexNewsBox { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5.2083vw }
.indexNews .w1640 .indexNewsBox .swiper { width: 44.7917vw }
.indexNewsList { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 4.4792vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box }
.indexNewsList .list { display: block; padding: 1.0417vw 4.4271vw 1.3021vw 1.5625vw; border-bottom: 0.0521vw solid rgba(112,112,112,0.18); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s }
.indexNewsList .list:hover { background: #e60012 }
.indexNewsList .list:hover h5 { margin-bottom: 1.3021vw; color: #fff }
.indexNewsList .list:hover p {
height:calc(0.7292vw * 2 * 1.8); color: #fff }
.indexNewsList .list:hover time { color: #fff }
.indexNewsList .list time { line-height: 1; font-family: 'proximar'; -webkit-transition: .5s; transition: .5s }
.indexNewsList .list h5 { line-height: 1.2; -webkit-transition: .5s; transition: .5s; margin-top: 0.7813vw }
.indexNewsList .list p { -webkit-transition: .5s; transition: .5s; height: 0; overflow: hidden }
.indexNewsimg { position: relative; display: block; overflow: hidden }
.indexNewsimg:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.indexNewsimg img { -webkit-transition: .5s; transition: .5s }
.indexNewsimg .text { position: absolute; bottom: 0; left: 0; height: 11.0938vw; background: rgba(255,255,255,0.9); width: 20.8333vw; padding: 2.0833vw 5.9896vw 0 2.8646vw; -webkit-box-sizing: border-box; box-sizing: border-box }
.indexNewsimg .text time { line-height: 1; font-family: 'proximar'; color: #999 }
.indexNewsimg .text p { font-weight: 500; margin-top: 1.0417vw }
.indexNewsimg .text i { position: absolute; right: 1.3021vw; bottom: 0.6771vw; border-radius: 50%; width: 1.4063vw; height: 1.4063vw; background: #e60012; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 0.625vw }
.subnavHead { color: #fff }
.subnavHead .bannerText { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2) }
.subnavHead .bannerText .w1640 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.subnavHead .bannerText .w1640 h5 { font-weight: 700 }
.subnavHead .bannerText .w1640 p { margin-top: 0.7813vw }
.subnavHead .bannerText .w1640 h6 { color: #e60012; font-weight: 700 }
.subnavHead .bannerText .w1640 .line { width: 40px; height: 5px; background: #fff; margin: 1.3021vw 0 3.6458vw }
.subnavHead .bannerText .w1640 small { width: 795px; max-width: 100%; line-height: 2; margin-left: auto; margin-right: auto; text-align: center }
.subnavHead .bannerText .w1640 figure { margin: 2.3438vw 0 0.5208vw }
.subnavBody { height: 4.1667vw; background: #f6f6f6 }
.subnavBody .w1640 { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.subnavBody .w1640 a { position: relative; height: 100%; margin: 0 2.0833vw; color: #666; -webkit-transition: .5s; transition: .5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.subnavBody .w1640 a.active { color: #e60012 }
.subnavBody .w1640 a.active:after { left: 0; width: 100% }
.subnavBody .w1640 a:after { content: ''; position: absolute; bottom: 0; right: 0; height: 0.2083vw; width: 0; background: #e60012; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) }
.prd { background: #F6F6F6; padding: 4.4792vw 0 }
.prd .w1400 { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.prd .w1400 i { width: 31.5% }
.prd .paging { margin-top: 35px }
.prdItem { width: 31.5%; margin-bottom: 2.6042vw; -webkit-box-shadow: 0 0.2604vw 0.5208vw rgba(0,0,0,0); box-shadow: 0 0.2604vw 0.5208vw rgba(0,0,0,0); -webkit-transition: .5s; transition: .5s; background: #fff }
.prdItem:hover { -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.18); box-shadow: 0 5px 10px rgba(0,0,0,0.18) }
.prdItem:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.prdItem:hover .font span { color: #e60012 }
.prdItem figure { overflow: hidden }
.prdItem figure img { -webkit-transition: .5s; transition: .5s }
.prdItem .font { padding: 0.2604vw 3.5417vw 1.3021vw 2.0833vw; -webkit-box-sizing: border-box; box-sizing: border-box }
.prdItem .font h5 { font-weight: 700 }
.prdItem .font p { margin: 1.0417vw 0 2.0833vw; color: #666 }
.prdItem .font span { color: #999; -webkit-transition: .4s; transition: .4s }
.prdInnerHead { position: relative; height: 42.7083vw; z-index: 1 }
.prdInnerHead .prdInnerHeadBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(130deg, #4D4D4D, #0F0F0F) }
.prdInnerHead .w1640 { padding: 0 2.1875vw 0 6.25vw; position: absolute; left: 50%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.prdInnerHeadFont { color: #fff; position: relative; width: 27.2917vw; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.prdInnerHeadFont .line { width: 40px; height: 5px; background: #fff; margin: 1.5625vw 0 3.6458vw }
.prdInnerHeadFont .shubiao { position: absolute; bottom: 3.6458vw; left: 0; text-align: center; -webkit-animation: shubiao 1.5s infinite; animation: shubiao 1.5s infinite }
.prdInnerHeadSwiper { width: 41.1458vw }
.prdInnerHeadSwiper .swiper-prdpag { text-align: center; line-height: 1; margin-top: 1.5625vw }
.prdInnerHeadSwiper .swiper-prdpag span { width: 12px; height: 12px; opacity: 1; margin: 0 10px; background: #fff; -webkit-transition: .5s; transition: .5s; cursor: pointer }
.prdInnerHeadSwiper .swiper-prdpag span.swiper-pagination-bullet-active { background: #e60012 }
.prdInnerHeadSwiper .swiper-prd { overflow: hidden }
.ptitle { text-align: center }
.ptitle h5 { font-weight: 700; padding-bottom:30px; }
.ptitle small { font-weight: 700; display: block; margin-bottom: 1.7813vw; margin-top: 0.7813vw }
.prdInnerFunction { padding: 4.4271vw 0 5.4688vw }
.prdInnerFunction .w1200 .ptitle { margin-bottom: 4.9479vw }
.prdInnerFunctionItem { display: -webkit-box; display: -ms-flexbox; display: flex }
.prdInnerFunctionItem:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.prdInnerFunctionItem figure { overflow: hidden; width: 50% }
.prdInnerFunctionItem figure img { -webkit-transition: .5s; transition: .5s }
.prdInnerFunctionItem .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 5.2083vw; padding-right: 9.375vw; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.prdInnerFunctionItem .font h5 { font-weight: 700; margin-bottom: 1.3021vw }
.prdInnerFunctionItem .font p { line-height: 2 }
@-webkit-keyframes qipao { 0% {
opacity:1;
-webkit-transform:translate(-50%, -50%) scale(1);
transform:translate(-50%, -50%) scale(1)
}
100% {
opacity:0;
-webkit-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2)
}
}
@keyframes qipao { 0% {
opacity:1;
-webkit-transform:translate(-50%, -50%) scale(1);
transform:translate(-50%, -50%) scale(1)
}
100% {
opacity:0;
-webkit-transform:translate(-50%, -50%) scale(2);
transform:translate(-50%, -50%) scale(2)
}
}
.prdInnerSpecial { overflow: hidden; color: #fff; position: relative; padding: 3.125vw 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; background: linear-gradient(140deg, #4AC0FF 0%, #0E5E9E 50%) }
.prdInnerSpecial .prdInnerSpecialBg1 { position: absolute; top: 0; left: 0; width: 18.4896vw; -webkit-transform: translate(-30%, -30%); transform: translate(-30%, -30%) }
.prdInnerSpecial .prdInnerSpecialBg2 { position: absolute; right: 0; bottom: 0; width: 18.4896vw; -webkit-transform: translate(50%, 20%); transform: translate(50%, 20%) }
.prdInnerSpecial .prdInnerSpecialBox { position: relative; width: 35.3125vw; height: 35.3125vw; border-radius: 50%; border: 1px solid rgba(255,255,255,0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.prdInnerSpecial .prdInnerSpecialBox:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 51.875vw; height: 51.875vw; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.3); -webkit-box-sizing: border-box; box-sizing: border-box }
.prdInnerSpecialItems { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.prdInnerSpecialItem { position: absolute }
.prdInnerSpecialItem:nth-child(odd) p { right: 100%; margin-right: 2.0833vw }
.prdInnerSpecialItem:nth-child(even) p { left: 100%; margin-left: 2.0833vw }
.prdInnerSpecialItem.item1 { top: 21%; left: 4.5%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.prdInnerSpecialItem.item2 { top: 21%; right: 4.5%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.prdInnerSpecialItem.item3 { top: 50%; left: 0%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.prdInnerSpecialItem.item4 { top: 50%; right: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.prdInnerSpecialItem.item5 { bottom: 21%; left: 4.5%; -webkit-transform: translateY(50%); transform: translateY(50%) }
.prdInnerSpecialItem.item6 { bottom: 21%; right: 4.5%; -webkit-transform: translateY(50%); transform: translateY(50%) }
.prdInnerSpecialItem i { position: relative; width: 3.3854vw; height: 3.3854vw; border-radius: 50%; background: #e60012; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.prdInnerSpecialItem i:after,
.prdInnerSpecialItem i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; background: #e60012; -webkit-animation: qipao 1.4s linear infinite; animation: qipao 1.4s linear infinite; z-index: -1 }
.prdInnerSpecialItem i:before { -webkit-animation-delay: -.7s; animation-delay: -.7s }
.prdInnerSpecialItem p { position: absolute; top: 50%; width: 8.3333vw; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.prdInnerSpecialInnerBox { width: 26.3021vw; height: 26.3021vw; border-radius: 50%; border: 1px dashed rgba(255,255,255,0.25); -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.prdInnerSpecialInnerBox .dot { width: 21.875vw; height: 21.875vw; background: -webkit-gradient(linear, left top, left bottom, from(#4AC0FF), to(#0E5E9E)); background: linear-gradient(to bottom, #4AC0FF, #0E5E9E); border-radius: 50%; text-align: center; padding-top: 1.3021vw; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.prdInnerSpecialInnerBox .dot h5 { font-weight: 700; margin-bottom: 0.7813vw }
.prdInnerSpecialInnerBox .dot figure { width: 17.5vw }
.prdInnerData { padding: 5.4688vw 0 4.9479vw }
.prdInnerTable { margin-top: 4.6875vw }
.prdInnerTable .item { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 3.125vw }
.prdInnerTable .item:last-child div { border: 1px solid rgba(112,112,112,0.3) }
.prdInnerTable .item div { border: 1px solid rgba(112,112,112,0.3); border-bottom: none; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.prdInnerTable .item div:first-child { width: 26.33%; padding: 0 1.5625vw 0 4.9479vw; background: #F7F9FC }
.prdInnerTable .item div:last-child { padding: 0 4.1667vw 0 7.2917vw; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #666; border-left: none }
.prdInnerSet { color: #fff; position: relative; z-index: 1 }
.prdInnerSet:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: -1 }
.prdInnerSet .w1200 { padding: 8.5938vw 0 9.375vw; position: relative }
.prdInnerSet .w1200 .ptitle h5 { margin-bottom: 0.8854vw }
.prdInnerSet .w1200 .list { position: absolute; bottom: 1.5625vw; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0; right: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.prdInnerSet .w1200 .list a { width: 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: pre-wrap; -webkit-transition: .5s; transition: .5s }
.prdInnerSet .w1200 .list a:last-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.prdInnerSet .w1200 .list a:hover { color: #e60012 }
.case { padding: 4.6875vw 0 4.4271vw; background: #F6F6F6 }
.case .paging { margin-top: 5.2083vw }
.caseItem { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.5625vw; background: #fff }
.caseItem:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.caseItem:hover .font span { color: #e60012 }
.caseItem:last-child { margin-bottom: 0 }
.caseItem figure { width: 35.83%; overflow: hidden }
.caseItem figure img { -webkit-transition: .5s; transition: .5s }
.caseItem .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 4.1667vw 0 5.2083vw; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.caseItem .font h5 { font-weight: 700; line-height: 1.2 }
.caseItem .font p { color: #666; -webkit-line-clamp: 3; margin: 1.8229vw 0 4.1667vw }
.caseItem .font span { color: #999; -webkit-transition: .5s; transition: .5s }
.caseInner { padding: 4.6875vw 0 4.9479vw }
.caseInner .w1400 .ptitle { text-align: left }
.caseInner .w1400 .ptitle p { color: #999; margin-top: 1.1979vw }
@-webkit-keyframes spin2 { from {
-webkit-transform:translate(50%, 13.4375vw) rotate(0turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
transform:translate(50%, 13.4375vw) rotate(0turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
}
to { -webkit-transform: translate(50%, 13.4375vw) rotate(1turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 13.4375vw) rotate(1turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%) }
}
@keyframes spin2 { from {
-webkit-transform:translate(50%, 13.4375vw) rotate(0turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%);
transform:translate(50%, 13.4375vw) rotate(0turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(1turn) translate(-50%, -50%)
}
to { -webkit-transform: translate(50%, 13.4375vw) rotate(1turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 13.4375vw) rotate(1turn) translate(-50%, -13.4375vw) translate(50%, 50%) rotate(0turn) translate(-50%, -50%) }
}
.caseInnerArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.caseInnerArea .areaLeft .swiper-areaFont { overflow: hidden; width: 49.8958vw; padding: 8px 0 }
.caseInnerArea .areaRight { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.caseInnerArea .areaRight .prev,
.caseInnerArea .areaRight .next { cursor: pointer; color: #666; font-size: 13px; -webkit-transition: .4s; transition: .4s }
.caseInnerArea .areaRight .prev:hover,
.caseInnerArea .areaRight .next:hover { color: #e60012 }
.caseInnerArea .areaRight .swiper-area { margin: 3.125vw 0; width: 14.5833vw; height: 22.9167vw; overflow: hidden }
.caseInnerArea .areaRight .swiper-area .swiper-wrapper .swiper-slide { cursor: pointer; -webkit-transition: color .5s; transition: color .5s; text-align: center }
.caseInnerArea .areaRight .swiper-area .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { font-weight: 700; color: #e60012 }
.areaLeftSwiper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.areaLeftSwiper .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 3.125vw }
.areaLeftSwiper .font h5 { font-weight: 700; margin-bottom: 2.0833vw }
.areaLeftSwiper .font p { color: #666; line-height: 2 }
.areaLeftSwiper .dot { width: 26.875vw; height: 26.875vw; border-radius: 50%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.areaLeftSwiper .dot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 26.0417vw; height: 26.0417vw; border-radius: 50%; border: 1px dashed #e60012; -webkit-box-sizing: border-box; box-sizing: border-box }
.areaLeftSwiper .dot .littledot { position: absolute; width: 0.8333vw; height: 0.8333vw; border-radius: 50%; background: #e60012; top: 0; -webkit-animation: spin2 10s infinite linear; animation: spin2 10s infinite linear }
.areaLeftSwiper .dot figure img { width: 22.1875vw; height: 22.1875vw; border-radius: 50% }
.caseInnerSystem { position: relative; z-index: 1; padding: 4.6875vw 0 5.4688vw }
.caseInnerSystem:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #e60012; opacity: .05 }
.caseInnerSystem .w1400 { text-align: center }
.caseInnerSystem .w1400 figure { margin-top: 3.125vw }
.caseInnerSystem .w1400 figure img { max-width: 100% }
.caseInnerData { padding-top: 4.6875vw; position: relative; z-index: 1 }
.caseInnerData .w1400 { text-align: center }
.caseInnerData .w1400 figure { margin-top: 3.3854vw }
.caseInnerData .w1400 figure img { max-width: 100% }
.caseInnerApp { padding: 4.9479vw 0 3.6458vw }
.caseInnerApp .w1640 { position: relative }
.caseInnerApp .w1640 .appprev,
.caseInnerApp .w1640 .appnext { position: absolute; width: 52px; height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #666; font-size: 17px; cursor: pointer; top: 50%; -webkit-transition: .5s; transition: .5s }
.caseInnerApp .w1640 .appprev:hover,
.caseInnerApp .w1640 .appnext:hover { color: #fff }
.caseInnerApp .w1640 .appprev:hover:before,
.caseInnerApp .w1640 .appnext:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.caseInnerApp .w1640 .appprev:hover:after,
.caseInnerApp .w1640 .appnext:hover:after { border-color: #e60012 }
.caseInnerApp .w1640 .appprev:after,
.caseInnerApp .w1640 .appnext:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #666; -webkit-transition: .5s; transition: .5s }
.caseInnerApp .w1640 .appprev:before,
.caseInnerApp .w1640 .appnext:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: -1 }
.caseInnerApp .w1640 .appprev { left: 0 }
.caseInnerApp .w1640 .appnext { right: 0 }
.caseInnerApp .w1640 .caseInnerAppSwiper { margin-top: 3.9063vw; position: relative }
.swiper-caseInnerApp { overflow: hidden; width: Min(1400px, 80%); margin-left: auto; margin-right: auto }
.swiper-caseInnerApp .swiper-wrapper .swiper-slide { overflow: hidden; cursor: pointer; border-radius: 1.5625vw }
.swiper-caseInnerApp .swiper-wrapper .swiper-slide:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.swiper-caseInnerApp .swiper-wrapper .swiper-slide img { border-radius: 1.5625vw; width: 100%; -webkit-transition: .5s; transition: .5s }
.casePrd { background: #FAFAFA; padding: 4.3333vw 0 4.4271vw }
.casePrd .w1400 .casePrdItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.casePrd .w1400 .casePrdItem i { width: 32% }
.casePrd .w1400 .casePrdItem .indexProjectitem { margin-bottom: 3.125vw }
.casePrd .paging { margin-top: 25px }
.InnerHead { background: #f6f6f6; height: 5.2083vw; }
.InnerHead .iconfont { margin-right: 10px; }
.InnerHead div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100% }
.InnerHead div .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.InnerHead div .link i { color: #e60012; display: block; margin-right: 0.5208vw }
.InnerHead div a { color: #666; -webkit-transition: .4s; transition: .4s }
.InnerHead div a:hover { color: #e60012 }
.InnerHeadLink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.InnerHeadLink span { color: #666; display: block; margin: 0 1.3021vw }
.newsInnerBox { padding-top: 4.6875vw }
.newsInnerBox .w1400 { padding: 0 5.2083vw }
.newsInnerBox .w1400 h5 { font-weight: 700; text-align: center }
.newsInnerBox .w1400 .newsInnerBoxTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.newsInnerBox .w1400 .newsInnerWrapper { padding-bottom: 5.4688vw }
.newsInnerBoxTitle { margin: 4.1667vw 0 3.9063vw }
.newsInnerBoxTitle div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; margin: 0 2.3438vw }
.newsInnerBoxTitle div i { display: block; margin-right: 0.7813vw }
.newsInnerBoxTitle div span { font-family: 'proximab' }
.newsInnerBoxTitle div .bdshare { margin-left: 0.7813vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.newsInnerBoxTitle div .bdshare a { display: block; margin: 0 !important; padding: 0 !important; background: none !important; color: #999; font-size: 1.1458vw; margin-right: 1.0417vw !important; -webkit-transition: .5s; transition: .5s }
.newsInnerBoxTitle div .bdshare a:hover { color: #e60012 }
.newsInnerBoxTitle div .bdshare a:last-child { margin-right: 0 }
.InnerBox { padding-top: 4.1667vw }
.InnerBox .w1400 h5 { font-weight: 700; text-align: center }
.InnerBox .w1400 .InnerBoxTitle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.InnerBox .w1400 .swiper { position: relative; padding-bottom: 4.1667vw }
.InnerBox .w1400 .swiper .swiperBox { position: relative }
.InnerBox .w1400 .swiper .swiperBox .prev,
.InnerBox .w1400 .swiper .swiperBox .next { position: absolute; width: 52px; height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; font-size: 17px; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; transition: .5s }
.InnerBox .w1400 .swiper .swiperBox .prev:hover,
.InnerBox .w1400 .swiper .swiperBox .next:hover { color: #fff }
.InnerBox .w1400 .swiper .swiperBox .prev:hover:before,
.InnerBox .w1400 .swiper .swiperBox .next:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.InnerBox .w1400 .swiper .swiperBox .prev:hover:after,
.InnerBox .w1400 .swiper .swiperBox .next:hover:after { border-color: #e60012 }
.InnerBox .w1400 .swiper .swiperBox .prev:after,
.InnerBox .w1400 .swiper .swiperBox .next:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #999; -webkit-transition: .5s; transition: .5s }
.InnerBox .w1400 .swiper .swiperBox .prev:before,
.InnerBox .w1400 .swiper .swiperBox .next:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: -1 }
.InnerBox .w1400 .swiper .swiperBox .prev { left: 0 }
.InnerBox .w1400 .swiper .swiperBox .next { right: 0 }
.InnerBoxOther { padding: 2.6042vw 0 4.1667vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid rgba(112,112,112,0.3) }
.InnerBoxOther a { width: 47%; color: #666; -webkit-transition: .4s; transition: .4s }
.InnerBoxOther a:last-child { text-align: right }
.InnerBoxOther a:hover { color: #e60012 }
.swiper-InnerBox { width: 1100px; max-width: 80%; width: Min(1100px, 80%); overflow: hidden; margin-left: auto; margin-right: auto }
.swiper-thumb { margin-top: 0.625vw; width: Min(1100px, 80%); margin-left: auto; margin-right: auto; overflow: hidden }
.swiper-thumb .swiper-wrapper .swiper-slide { opacity: .3; -webkit-transition: opacity .5s; transition: opacity .5s }
.swiper-thumb .swiper-wrapper .swiper-slide figure { position: relative; width: 100% }
.swiper-thumb .swiper-wrapper .swiper-slide figure img { width: 100% }
.swiper-thumb .swiper-wrapper .swiper-slide figure:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 4px solid rgba(0,0,0,0); -webkit-transition: .5s; transition: .5s; -webkit-box-sizing: border-box; box-sizing: border-box }
.swiper-thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { opacity: 1 }
.swiper-thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active figure:after { border-color: #e60012 }
.InnerBoxTitle { margin: 2.6042vw 0 }
.InnerBoxTitle div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 1.9271vw }
.InnerBoxTitle div i { color: #E1E1E1; display: block; margin-right: 0.7813vw }
.InnerBoxTitle div span { color: #666 }
.cooperate { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; margin-top: 1.0417vw; padding-bottom: 1.0417vw; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.cooperate .item { width: 49.4792vw; position: relative }
.cooperate .item .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.cooperate .item .bg.active:after { opacity: .9 }
.cooperate .item .bg.active h5 { margin: 25px 0 10px }
.cooperate .item .bg.active .line { width: 1px; height: 40px; margin-bottom: 20px }
.cooperate .item .bg:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); z-index: -2 }
.cooperate .item .bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(130deg, #e60012, #0E5E9E); z-index: -1; opacity: 0; -webkit-transition: .5s; transition: .5s }
.cooperate .item .bg i { line-height: 1 }
.cooperate .item .bg h5 { margin: 20px 0; -webkit-transition: .5s; transition: .5s }
.cooperate .item .bg .line { width: 24px; height: 1px; background: #fff; -webkit-transition: .5s; transition: .5s }
.cooperate .item .bg p { -webkit-transition: height .5s; transition: height .5s; overflow: hidden }
.myCooperate { padding: 4.6875vw 0 5.4688vw }
.myCooperate .w1200 button { cursor: pointer; width: 100%; height: 2.5vw; background: #e60012; color: #fff; margin-bottom: 1.5625vw }
.myCooperate .w1200 small { display: block; text-align: center; color: #666 }
.myCooperate .w1200 small i { font-style: normal }
.myCooperate .w1200 small:first-letter { color: red }
.myCooperateTitle { margin: 3.6458vw 0 2.6042vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.myCooperateTitle h6 { font-weight: 700; margin-right: 3.6458vw }
.myCooperateTitle .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 3.125vw; cursor: pointer }
.myCooperateTitle .list.active .dot { background: #e60012; border-color: #fff }
.myCooperateTitle .list .dot { position: relative; width: 14px; height: 14px; border-radius: 50%; -webkit-transition: .5s; transition: .5s; margin-right: 10px }
.myCooperateTitle .list .dot:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #999; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50% }
.myCooperateTitle .list .dot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 5px; height: 5px; border-radius: 50%; background: #fff }
.myCooperateTitle .list span { color: #666 }
.myCooperateInput { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.myCooperateInput input { height: 2.5vw; border: 1px solid #E1E1E1; -webkit-box-sizing: border-box; box-sizing: border-box; width: 49%; padding: 0 1.3021vw; margin-bottom: 0.7813vw }
.myCooperateText { margin: 0.5208vw 0 1.3021vw; padding-left: 25px }
.myCooperateText.text2 { margin: 2.0833vw 0 }
.myCooperateText.text2 span { margin-bottom: 0.7813vw }
.myCooperateText.text2 p { color: #666; line-height: 2 }
.myCooperateText span { font-weight: 700; display: block; white-space: pre-wrap }
.myCooperateText span:first-letter { color: red }
.myCooperateText span i { font-style: normal }
.myCooperateArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.myCooperateArea .list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 32%; height: 2.5vw; border: 1px solid #E1E1E1; padding: 0 1.0417vw 0 1.3542vw; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer }
.myCooperateArea .list span { color: #666 }
.myCooperateArea .list i { color: #999 }
.myCooperateArea .list ul { position: absolute; top: 100%; left: 0; width: 100%; z-index: 3; max-height: 7.8125vw; background: #e5e5e5; overflow-y: auto; opacity: 0; visibility: hidden; -webkit-transform: translate(0, 10%); transform: translate(0, 10%); -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1) }
.myCooperateArea .list ul.active { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0%); transform: translate(0, 0%) }
.myCooperateArea .list ul li { height: 1.5625vw; padding: 0 1.3021vw; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; color: #666; -webkit-transition: .5s; transition: .5s; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1); -webkit-box-sizing: border-box; box-sizing: border-box }
.myCooperateArea .list ul li:hover { background: #e60012; color: #fff }
.news { padding: 4.1667vw 0 3.8021vw; background: #FAFAFA }
.news .w1400 { position: relative; overflow: hidden }
.news .w1400 .appprev,
.news .w1400 .appnext { position: absolute; width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999; font-size: 14px; cursor: pointer; bottom: 2.6042vw; -webkit-transition: .5s; transition: .5s; background: #fff; z-index: 3 }
.news .w1400 .appprev:hover,
.news .w1400 .appnext:hover { color: #fff }
.news .w1400 .appprev:hover:before,
.news .w1400 .appnext:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.news .w1400 .appprev:before,
.news .w1400 .appnext:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e60012; -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: -1 }
.news .w1400 .appprev { right: 30.57% }
.news .w1400 .appnext { right: 26.42% }
.newsSwiper { display: -webkit-box; display: -ms-flexbox; display: flex }
.newsSwiper:hover figure img { -webkit-transform: scale(1.1); transform: scale(1.1) }
.newsSwiper figure { width: 60%; overflow: hidden }
.newsSwiper figure img { -webkit-transition: .5s; transition: .5s }
.newsSwiper .font { padding: 3.9063vw 3.8021vw 0 2.7083vw; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 1.0938vw; background: #F3F3F3 }
.newsSwiper .font time { color: #e60012; line-height: 1.2; font-family: 'proximar' }
.newsSwiper .font h5 { font-weight: 700; line-height: 1.7; margin: 1.0417vw 0 2.6042vw }
.newsSwiper .font p { line-height: 2; color: #666; -webkit-line-clamp: 3 }
.newsList { background: #FAFAFA; padding-bottom: 3.9063vw; padding-top: 60px; }
.newsList .w1400 { overflow: hidden }
.newsList .paging { margin-top: 1.8229vw }
.newsListItem { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 2.4479vw; margin-bottom: 2.6042vw; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 0 0.1563vw 0.3125vw rgba(0,0,0,0); box-shadow: 0 0.1563vw 0.3125vw rgba(0,0,0,0) }
.newsListItem:hover { -webkit-box-shadow: 0 0.1563vw 0.3125vw rgba(0,0,0,0.18); box-shadow: 0 0.1563vw 0.3125vw rgba(0,0,0,0.18); background: #fff }
.newsListItem:hover figure img { -webkit-transform: scale(1.05); transform: scale(1.05) }
.newsListItem:hover .font h5 { color: #e60012 }
.newsListItem figure { width: 24.28%; overflow: hidden }
.newsListItem figure img { -webkit-transition: .4s; transition: .4s }
.newsListItem .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 6.25vw 0 2.6042vw }
.newsListItem .font h5 { font-weight: 700; -webkit-transition: .4s; transition: .4s; margin: 1.8229vw 0 1.5625vw }
.newsListItem .font p { color: #666; line-height: 2 }
.newsListItem time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.newsListItem time span { color: #999; font-family: 'proximab'; line-height: 1.4 }
.profile { padding: 3.6458vw 0 4.1667vw; background: #FAFAFA; position: relative; z-index: 2 }
.profile .profileBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .15 }
.profile .w1200 { width: 52.0833vw; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 2.6042vw }
.profile .w1200 .text { margin-top: 2.6042vw }
.profile .w1200 p { color: #666 }
.swiper-profile { position: relative; overflow: hidden; height: 23.9583vw; }
.swiper-profile .prev,
.swiper-profile .next { position: absolute; width: 9.375vw; height: 5.2083vw; cursor: pointer; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.swiper-profile .prev p,
.swiper-profile .next p { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; color: #FFF }
.swiper-profile .prev { right: 50%; margin-right: 30.7292vw }
.swiper-profile .next { left: 50%; margin-left: 30.7292vw }
.swiper-profile .swiper-wrapper .swiper-slide { width: 52.0833vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.swiper-profile .swiper-wrapper .swiper-slide.swiper-slide-prev { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
.swiper-profile .swiper-wrapper .swiper-slide.swiper-slide-active .swiperProfileImg { width: 100% }
.swiper-profile .swiper-wrapper .swiper-slide .swiperProfileImg { width: 9.375vw; -webkit-transition: 1s; transition: 1s }
.time { padding: 5.4688vw 0; position: relative; z-index: 1 }
.time:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0,0,0,0.2) }
.time .w1640 .ptitle h5,
.time .w1640 .ptitle small { color: #fff }
.time .swiper { position: relative }
.time .swiper .appprev,
.time .swiper .appnext { position: absolute; width: 52px; height: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 17px; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .5s; transition: .5s; z-index: 4 }
.time .swiper .appprev:hover,
.time .swiper .appnext:hover { color: #fff }
.time .swiper .appprev:hover:before,
.time .swiper .appnext:hover:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.time .swiper .appprev:hover:after,
.time .swiper .appnext:hover:after { border-color: #e60012 }
.time .swiper .appprev:after,
.time .swiper .appnext:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #fff; -webkit-transition: .5s; transition: .5s }
.time .swiper .appprev:before,
.time .swiper .appnext:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: -1 }
.time .swiper .appprev { left: 0 }
.time .swiper .appnext { right: 0 }
.swiper-time { margin-top: 4.4271vw; position: relative; overflow: hidden }
.swiper-time:after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 2px; background: #fff }
.swiper-time .swiper-wrapper .swiper-slide { width: 380px; opacity: 1; -webkit-transition: 1s; transition: 1s; opacity: 0 }
.swiper-time .swiper-wrapper .swiper-slide.swiper-slide-active { opacity: 1 }
.swiper-time .swiper-wrapper .swiper-slide.swiper-slide-next { opacity: 1 }
.swiper-time .swiper-wrapper .swiper-slide.swiper-slide-next+.swiper-slide { opacity: 1 }
.swiperTimeBox { width: 100% }
.swiperTimeBox .item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.swiperTimeBox .item:nth-child(1) { -webkit-transform: translateX(180px); transform: translateX(180px) }
.swiperTimeBox .item:nth-child(1) .text { margin-bottom: 1.5625vw }
.swiperTimeBox .item:nth-child(1) .text:hover:after { border-top-color: #e60012 }
.swiperTimeBox .item:nth-child(1) .text:after { content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border: 8.0006px solid rgba(0,0,0,0); border-top-color: #fff; -webkit-transition: .5s; transition: .5s }
.swiperTimeBox .item:nth-child(1) .dot { -webkit-transform: translateY(50%); transform: translateY(50%) }
.swiperTimeBox .item:nth-child(2) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
.swiperTimeBox .item:nth-child(2) .text { margin-top: 1.5625vw }
.swiperTimeBox .item:nth-child(2) .text:hover:after { border-bottom-color: #e60012 }
.swiperTimeBox .item:nth-child(2) .text:after { content: ''; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border: 8.0006px solid rgba(0,0,0,0); border-bottom-color: #fff; -webkit-transition: .5s; transition: .5s }
.swiperTimeBox .item:nth-child(2) .dot { -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.swiperTimeBox .item .text { position: relative; padding: 1.5625vw 1.5625vw 2.3438vw 1.25vw; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; width: 100%; height: 8.3333vw; -webkit-transition: .5s; transition: .5s }
.swiperTimeBox .item .text:hover { background: #e60012 }
.swiperTimeBox .item .text:hover time,
.swiperTimeBox .item .text:hover p { color: #fff }
.swiperTimeBox .item .text time { line-height: 1; -webkit-transition: .4s; transition: .4s; font-weight: 700 }
.swiperTimeBox .item .text p { margin-top: 1.0417vw; color: #666; -webkit-transition: .4s; transition: .4s }
.swiperTimeBox .item .dot { width: 20px; height: 20px; border-radius: 50%; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative }
.swiperTimeBox .item .dot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 11px; height: 11px; border-radius: 50%; background: #fff }
.honor { padding: 5.2083vw 0 4.4271vw }
.honor .w1400 .paging { background: #E1E1E1; padding: 1.3021vw 0 }
.honorList { position: relative; margin: 2.3438vw 0 0.6771vw }
.honorList .honorimg { position: absolute; top: 3.3854vw; right: 15.2604vw; z-index: 3; opacity: 0; max-height: 100%; visibility: hidden; -webkit-transition: .5s; transition: .5s; -webkit-transform: translateY(5%); transform: translateY(5%); pointer-events: none }
.honorList .honorimg.active { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%) }
.honorList .honorItem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; padding: 2.0833vw 2.6042vw 1.3021vw 2.8646vw; border-bottom: 1px solid rgba(112,112,112,0.2); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .5s; transition: .5s }
.honorList .honorItem.active { background: #e60012 }
.honorList .honorItem.active .dot { background: #fff }
.honorList .honorItem.active p,
.honorList .honorItem.active span { color: #fff }
.honorList .honorItem img { display: none }
.honorList .honorItem .dot { width: 8px; height: 8px; border-radius: 50%; background: #e60012; -webkit-transition: .5s; transition: .5s }
.honorList .honorItem p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 1.1458vw; -webkit-transition: .5s; transition: .5s }
.honorList .honorItem span { -webkit-transition: .5s; transition: .5s }
.culture { padding: 9.25vw 0; position: relative; z-index: 1 }
.culture:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color:#F3F3F3 }
.culture .ptitle { position: absolute; left: 50%; top: 4.9479vw; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #000 }
.culture .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% }
.culture .w1400 .item { cursor: pointer; position: relative; padding: 0 4.4271vw; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.culture .w1400 .item:first-child:before { content: ''; position: absolute; width: 1px; height: 100%; left: 0; top: 0; background: #fff; opacity: .35 }
.culture .w1400 .item:after { content: ''; position: absolute; width: 1px; height: 100%; right: 0; top: 0; background: #fff; opacity: .35 }
.culture .w1400 .item i { line-height: 1 }
.culture .w1400 .item h5 { line-height: 1.2; margin-top: 2.3438vw }
.culture .w1400 .item .text { height: 0; overflow: hidden; -webkit-transition: .5s; transition: .5s; text-align: center }
.culture .w1400 .item .text .line { width: 18px; height: 1px; background: #fff; margin: 1.3021vw auto }
.contact { padding: 4.9479vw 0 0 }
.contact .w1400 .ptitle { margin-bottom: 5.9896vw }
.contactItems { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.contactItems .item { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 5.2083vw }
.contactItems .item i { color: #e60012; font-size: 28px; -webkit-transform: translateY(-5px); transform: translateY(-5px) }
.contactItems .item .text { margin-left: 1.4583vw }
.contactItems .item .text h5 { font-weight: 700; margin-bottom: 0.5208vw }
.contactItems .item .text p { color: #666; line-height: 2 }
.profileBot { position: relative; z-index: 1; padding-top: 4.9479vw; color: #fff }
.profileBot:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #e60012; opacity: .9 }
.profileBot .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 16.4063vw }
.profileBot .w1400 .font { margin-top: 3.9063vw }
.profileBot .w1400 .font h5 { font-weight: 700; line-height: 1.5 }
.profileBot .w1400 figure { position: relative; width: 265px }
.profileBot .w1400 figure .bg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.profileBot .w1400 figure .bg small { color: #666; display: block; text-align: center; margin-top: 8px }
footer { padding: 2.3438vw 0 1.0417vw; color: #D5D5D5; background: #333 }
footer .w1640 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.footerText { display: -webkit-box; display: -ms-flexbox; display: flex }
.footerText .item { margin-right: 4.1667vw; max-width: 260px }
.footerText .item i { margin-bottom: 1.0417vw; color: #fff; display: block }
.footerIcon { text-align: right }
.footerIcon .margin { margin: 20px 0 7px }
.footerIcon a { -webkit-transition: .4s; transition: .4s }
.footerIcon a:hover { color: #e60012 }
.fixedScroll { position: fixed; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 90px; background: #333; padding: 0.8854vw 0.8333vw; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 9; text-align: center }
.fixedScroll>span { color: #D5D5D5; margin: 0.2604vw 0 0.7813vw; display: block }
.fixedScroll figure { text-align: center }
.fixedScroll .item { position: relative; padding: 0.8333vw 0; border-top: 1px solid rgba(246,246,246,0.47) }
.fixedScroll .item:hover .pops { -webkit-transform: translate3d(-0.8333vw, -50%, 0); transform: translate3d(-0.8333vw, -50%, 0); opacity: 1 }
.fixedScroll .item .pops { position: absolute; top: 50%; -webkit-transform: translate3d(-0.8333vw, -20%, 0); transform: translate3d(-0.8333vw, -20%, 0); right: 100%; padding: 0.8333vw; background: #e60012; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 14px; opacity: 0; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 0 0 1px #e60012; box-shadow: 0 0 1px #e60012 }
.fixedScroll .item a { display: block; color: #fff }
.fixedScroll .item a:hover i { color: #e60012 }
.fixedScroll .item a:hover span { color: #e60012 }
.fixedScroll .item a i { line-height: 1; -webkit-transition: .4s; transition: .4s }
.fixedScroll .item a span { margin-top: 0.2604vw; display: block; -webkit-transition: .4s; transition: .4s }
.dehuikeji { height: 100vh; overflow: hidden }
.dehuikeji .swiper-wrapper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.dehuikeji .swiper-wrapper .swiper-slide:last-child { height: auto }
.indexSection { padding-top: 3vw; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden }
.w100 { width: 100% }
.h100 { height: 100% }
.prdDetails { margin-top: 3.125vw }
.prdDetails a { padding: 0.7813vw 2.3438vw; background: #e60012; border-radius: 1.5625vw }
.advantage { padding: 5.2083vw 0 5.9896vw }
.advantageHead { margin: 2.6042vw 0 2.3438vw; border-bottom: 1px solid rgba(0,0,0,0.1) }
.advantageHead .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.advantageHead .w1400 .navigation { width: 1px; height: 20px; background: #E1E1E1 }
.advantageHead .w1400 section { cursor: pointer; position: relative; padding: 1.8229vw 0; width: auto; height: auto; background: none; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.advantageHead .w1400 section.swiper-pagination-bullet-active:after { width: 100%; left: 0 }
.advantageHead .w1400 section:after { content: ''; position: absolute; bottom: 0; right: 0; height: 4px; width: 0%; background: #e60012; -webkit-transition: .6s; transition: .6s }
.advantageHead .w1400 section i { background: -webkit-gradient(linear, left top, left bottom, from(#e60012), to(#e60012)); background: linear-gradient(to bottom, #e60012, #e60012); -webkit-background-clip: text; color: transparent; line-height: 1; margin-right: 0.5208vw }
.advantageSwiper .w1400 { overflow: hidden }
.advantageSlide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.advantageSlide figure { width: 46.71% }
.advantageSlide figure img { width: 100% }
.advantageSlide .font { margin-left: 3.125vw; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.advantageSlide .font h5 { font-weight: 700 }
.advantageSlide .font .line { width: 36px; height: 4px; background: #e60012; margin: 1.0417vw 0 2.0833vw }
.advantageSlide .font .text p { line-height: 2; color: #666 }
.cloud { position: relative; background: #F3FCFF; margin-top: 5.46875vw; padding: 8.8542vw 0 5.9896vw }
.cloud .w1400 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.cloud .w1400 .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 6.5104vw }
.cloud .w1400 .font h5 { font-weight: 700 }
.cloud .w1400 .font .text { margin: 2.0833vw 0 3.3854vw }
.cloud .w1400 .font .text p { color: #666 }
.cloud .w1400 .cloudImg { width: 46.92%; position: relative }
.cloud .w1400 .cloudImg .cloudBgImg { width: 100% }
.cloud .w1400 .cloudImg .items { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.cloud .w1400 .cloudImg .items.flag .item:nth-child(1) { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: .7s; transition: .7s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s }
.cloud .w1400 .cloudImg .items.flag .item:nth-child(2) { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: .7s; transition: .7s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s }
.cloud .w1400 .cloudImg .items.flag .item:nth-child(3) { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: .7s; transition: .7s; -webkit-transition-delay: 0.6s; transition-delay: 0.6s }
.cloud .w1400 .cloudImg .items.flag .item:nth-child(4) { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: .7s; transition: .7s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s }
.cloud .w1400 .cloudImg .items.flag .item:nth-child(5) { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: .7s; transition: .7s; -webkit-transition-delay: 1s; transition-delay: 1s }
.cloud .w1400 .cloudImg .items.flag .item:nth-child(6) { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: .7s; transition: .7s; -webkit-transition-delay: 1.2s; transition-delay: 1.2s }
.cloud .w1400 .cloudImg .items .item { position: absolute; -webkit-transform: translate(0, 2.6042vw); transform: translate(0, 2.6042vw); opacity: 0 }
.cloud .w1400 .cloudImg .items .item img { width: 100% }
.cloud .w1400 .cloudImg .items .item:nth-child(1) { left: 9.893%; bottom: 14.51%; width: 32.57% }
.cloud .w1400 .cloudImg .items .item:nth-child(2) { right: 1.6%; bottom: 13.97%; width: 32.57% }
.cloud .w1400 .cloudImg .items .item:nth-child(3) { left: 30.44%; bottom: 37.63%; width: 38.50% }
.cloud .w1400 .cloudImg .items .item:nth-child(4) { right: 33.48%; bottom: 4.56%; width: 14.76% }
.cloud .w1400 .cloudImg .items .item:nth-child(5) { right: 16.89%; bottom: 62.09%; width: 18.72% }
.cloud .w1400 .cloudImg .items .item:nth-child(6) { left: 11.11%; bottom: 53.76%; width: 14.15% }
.download { padding: 0.625vw 1.875vw; border-radius: 21px; background: -webkit-gradient(linear, right top, left top, from(#53E9F6), color-stop(#32B7F9), to(#0B7BFD)); background: linear-gradient(to left, #53E9F6, #32B7F9, #0B7BFD); color: #fff }
.cloudSass { padding: 4.6875vw 0 1.3021vw; position: relative; z-index: 2 }
.cloudSass .cloudRound { top: 5.9375vw; right: 2.6042vw }
.cloudSassBox { margin-top: 5.2083vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.cloudSassList { width: 29.75% }
.cloudSassList .item { padding-left: 2.4479vw; margin-bottom: 2.6042vw; cursor: pointer }
.cloudSassList .item .head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.cloudSassList .item .head.is-collapsed h5 { -webkit-transform: scale(1); transform: scale(1); color: #0D7EFC; font-weight: 700 }
.cloudSassList .item .head figure { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 100%; margin-right: 1.0417vw }
.cloudSassList .item .head h5 { -webkit-transition: .5s; transition: .5s; -webkit-transform-origin: center left; transform-origin: center left; -webkit-transform: scale(0.83); transform: scale(0.83) }
.cloudSassList .item .box { overflow: hidden; height: 0; -webkit-transition: .5s; transition: .5s }
.cloudSassList .item .box .text { padding: 1.5625vw 0; border-bottom: 1px solid #0F81FC }
.cloudSassList .item .box .text p { color: #666 }
.cloudSassSwiper { position: relative; width: 65%; height: 43.9063vw; background: #fff; border-radius: 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.cloudSassSwiper:hover i { opacity: 1 }
.cloudSassSwiper i { position: absolute; bottom: 88px; right: 74px; width: 57px; height: 57px; background: -webkit-gradient(linear, left top, left bottom, from(#53E9F6), to(#0B7BFD)); background: linear-gradient(to bottom, #53E9F6, #0B7BFD); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: 6 }
.cloudSassSwiper .swiper-wrapper { height: 100% }
.cloudSassSwiper .swiper-wrapper .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100% }
.cloudSassSwiper .swiper-wrapper .swiper-slide img { max-width: 100%; display: inline-block }
.cloudRound { position: absolute; z-index: -1; width: 26.0417vw; height: 26.0417vw; -webkit-animation: randomWave 15s linear infinite; animation: randomWave 15s linear infinite }
@-webkit-keyframes randomWave { 0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10% {
-webkit-transform:translate3d(-10px, 19px, 0);
transform:translate3d(-10px, 19px, 0)
}
20% {
-webkit-transform:translate3d(45px, 22px, 0);
transform:translate3d(45px, 22px, 0)
}
30% {
-webkit-transform:translate3d(-25px, 20px, 0);
transform:translate3d(-25px, 20px, 0)
}
40% {
-webkit-transform:translate3d(-46px, 18px, 0);
transform:translate3d(-46px, 18px, 0)
}
50% {
-webkit-transform:translate3d(-1px, 21px, 0);
transform:translate3d(-1px, 21px, 0)
}
60% {
-webkit-transform:translate3d(50px, 34px, 0);
transform:translate3d(50px, 34px, 0)
}
70% {
-webkit-transform:translate3d(-24px, 17px, 0);
transform:translate3d(-24px, 17px, 0)
}
80% {
-webkit-transform:translate3d(23px, 28px, 0);
transform:translate3d(23px, 28px, 0)
}
90% {
-webkit-transform:translate3d(14px, 42px, 0);
transform:translate3d(14px, 42px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes randomWave { 0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10% {
-webkit-transform:translate3d(-10px, 19px, 0);
transform:translate3d(-10px, 19px, 0)
}
20% {
-webkit-transform:translate3d(45px, 22px, 0);
transform:translate3d(45px, 22px, 0)
}
30% {
-webkit-transform:translate3d(-25px, 20px, 0);
transform:translate3d(-25px, 20px, 0)
}
40% {
-webkit-transform:translate3d(-46px, 18px, 0);
transform:translate3d(-46px, 18px, 0)
}
50% {
-webkit-transform:translate3d(-1px, 21px, 0);
transform:translate3d(-1px, 21px, 0)
}
60% {
-webkit-transform:translate3d(50px, 34px, 0);
transform:translate3d(50px, 34px, 0)
}
70% {
-webkit-transform:translate3d(-24px, 17px, 0);
transform:translate3d(-24px, 17px, 0)
}
80% {
-webkit-transform:translate3d(23px, 28px, 0);
transform:translate3d(23px, 28px, 0)
}
90% {
-webkit-transform:translate3d(14px, 42px, 0);
transform:translate3d(14px, 42px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.cloudData { padding: 5.2083vw 0 5.625vw; background: #F3FCFF }
.cloudDataSlide .list { min-height: 3.4375vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 7px }
.cloudDataSlide .list:last-child { margin-bottom: 0 }
.cloudDataSlide .list:nth-child(even) div { background: #F2F2F2 }
.cloudDataSlide .list:nth-child(odd) div { background: #fff }
.cloudDataSlide .list:first-child { color: #fff; background: -webkit-gradient(linear, left top, right top, from(#0B7BFD), to(#53E9F6)); background: linear-gradient(to right, #0B7BFD, #53E9F6) }
.cloudDataSlide .list:first-child div { background: rgba(0,0,0,0) }
.cloudDataSlide .list:first-child div:last-child { padding-left: 5.0521vw }
.cloudDataSlide .list div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.cloudDataSlide .list div:first-child { width: 22.14%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.7813vw }
.cloudDataSlide .list div:last-child { width: 77.5%; padding: 0.7813vw 1.7188vw }
.cloudDataSwiperFlags { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: .5s; transition: .5s }
.cloudDataSwiperFlags.cloudDataSwiperFlag { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1 }
.cloudDataHead { margin: 4.9479vw 0 3.2813vw; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 8px solid #fff; -ms-flex-pack: distribute; justify-content: space-around }
.cloudDataHead section { cursor: pointer; width: auto; height: auto; opacity: 1; background: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.7813vw 2.6042vw 0.7813vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
.cloudDataHead section.swiper-pagination-bullet-active:after,
.cloudDataHead section.swiper-pagination-bullet-active:before { opacity: 1 }
.cloudDataHead section:after { content: ''; position: absolute; bottom: 0; width: 100%; height: 8px; background: #0D7EFC; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: .5s; transition: .5s }
.cloudDataHead section:before { content: ''; position: absolute; width: 0; height: 0; border: 10px solid rgba(0,0,0,0); border-top-color: #0D7EFC; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 140%); transform: translate(-50%, 140%); opacity: 0; -webkit-transition: .5s; transition: .5s }
.cloudDataHead section figure { position: relative; display: inline-block }
.cloudDataHead section figure .img2 { position: absolute; bottom: 0; right: 0 }
.cloudDataHead section figure .img2.cloudDataSwiperFlag { -webkit-transition-delay: .5s; transition-delay: .5s }
.cloudDataHead section p { font-weight: 700; margin-top: 1.3021vw }
.cloudEnd { padding: 5.2083vw 0 4.6875vw; position: relative; z-index: 2 }
.cloudEnd .item { margin-top: 2.8646vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.cloudEnd .item a { position: relative; display: block; margin: 0.5208vw 0 }
.cloudEnd .item a img { max-width: 100% }
.cloudEnd .item a:hover i { opacity: 1 }
.cloudEnd .item a i { position: absolute; bottom: 5%; right: 5%; width: 2.9688vw; height: 2.9688vw; background: -webkit-gradient(linear, left top, left bottom, from(#53E9F6), to(#0B7BFD)); background: linear-gradient(to bottom, #53E9F6, #0B7BFD); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: 6 }
.cloudEnd .cloudRound { top: 3.3854vw; left: -4.9479vw }
/* 产品中心 */
.productbox-section1 { padding-top: 10px; padding-bottom: 50px; }
.productbox-section1 .cont { margin: 0 -45px; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
@media (max-width: 1440px) {
.productbox-section1 .cont { margin: 0 -30px; }
}
@media (max-width: 1199px) {
.productbox-section1 .cont { margin: 0 -20px; }
}
@media (max-width: 991px) {
.productbox-section1 .cont { margin: 0; }
}
.productbox-section1 .cont .pnav,
.productbox-section1 .cont .gt { padding: 0 45px; }
@media (max-width: 1440px) {
.productbox-section1 .cont .pnav,
 .productbox-section1 .cont .gt { padding: 0 30px; }
}
@media (max-width: 1199px) {
.productbox-section1 .cont .pnav,
 .productbox-section1 .cont .gt { padding: 0 20px; }
}
@media (max-width: 991px) {
.productbox-section1 .cont .pnav,
 .productbox-section1 .cont .gt { padding: 0; }
}
.productbox-section1 .cont .pnav { width: 22%; }
@media (max-width: 991px) {
.productbox-section1 .cont .pnav { width: 100%; }
}
@media (min-width: 992px) {
.productbox-section1 .cont .pnav { position: sticky; top: 130px; }
}
.productbox-section1 .cont .pnav .min { width: 100%; }
.productbox-section1 .cont .pnav .min .zhu { display: none; }
@media (max-width: 991px) {
.productbox-section1 .cont .pnav .min .zhu { display: block; width: 100%; margin-bottom: 30px; }
.productbox-section1 .cont .pnav .min .zhu .tit { width: 100%; padding: 20px 16px; border-bottom: 2px solid #f1f1f1; display: flex; justify-content: space-between; font-size: 18px; color: #333; }
.productbox-section1 .cont .pnav .min .zhu .tit i { display: block; width: 10px; }
.productbox-section1 .cont .pnav .min .zhu .tit i img { width: 100%; }
.productbox-section1 .cont .pnav .min .zhu .tit i img:nth-child(2) { display: none; }
}
.productbox-section1 .cont .pnav .min .zhu.on1 .tit { color: #e60012; }
.productbox-section1 .cont .pnav .min .zhu.on1 .tit i img:nth-child(1) { display: none; }
.productbox-section1 .cont .pnav .min .zhu.on1 .tit i img:nth-child(2) { display: block; }
.productbox-section1 .cont .pnav .min .zhong { width: 100%; }
@media (max-width: 991px) {
.productbox-section1 .cont .pnav .min .zhong { display: none; }
}
.productbox-section1 .cont .pnav .min .zhong .item { width: 100%; border-bottom: 2px solid #f1f1f1; padding: 25px 10px; }
@media (max-width: 1440px) {
.productbox-section1 .cont .pnav .min .zhong .item { padding: 26px 24px; }
}
@media (max-width: 1199px) {
.productbox-section1 .cont .pnav .min .zhong .item { padding: 20px 16px; }
}
.productbox-section1 .cont .pnav .min .zhong .item:last-child { border-bottom: none; }
.productbox-section1 .cont .pnav .min .zhong .item:first-child { padding-top: 0; }
.productbox-section1 .cont .pnav .min .zhong .item .tit { width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 18px; }
@media (max-width: 1440px) {
.productbox-section1 .cont .pnav .min .zhong .item .tit { font-size: 16px; }
}
.productbox-section1 .cont .pnav .min .zhong .item .tit span { display: block; width: 80%; width: calc(100% - 20px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.productbox-section1 .cont .pnav .min .zhong .item .tit i { display: block; width: 10px; overflow: hidden; }
.productbox-section1 .cont .pnav .min .zhong .item .tit i img { float: left; width: 100%; }
.productbox-section1 .cont .pnav .min .zhong .item .tit i img:nth-child(2) { display: none; }
.productbox-section1 .cont .pnav .min .zhong .item .jut { width: 100%; padding-top: 21px; display: none; }
@media (max-width: 1440px) {
.productbox-section1 .cont .pnav .min .zhong .item .jut { padding-top: 16px; }
}
.productbox-section1 .cont .pnav .min .zhong .item .jut li { display: block; width: 100%; padding: 11px 0; }
@media (max-width: 1440px) {
.productbox-section1 .cont .pnav .min .zhong .item .jut li { padding: 16px 0; }
}
.productbox-section1 .cont .pnav .min .zhong .item .jut li .f_tit { font-size: 16px; color: #333333; padding-left: 30px; }
.productbox-section1 .cont .pnav .min .zhong .item .jut li .f_tit:hover { color: #e60012; }
@media (max-width: 1440px) {
.productbox-section1 .cont .pnav .min .zhong .item .jut li .f_tit { font-size: 14px; padding-left: 24px; }
}
.productbox-section1 .cont .pnav .min .zhong .item .jut .active .f_tit { color: #e60012; }
.productbox-section1 .cont .pnav .min .zhong .on .tit { color: #e60012; }
.productbox-section1 .cont .pnav .min .zhong .on .tit i img:nth-child(1) { display: none; }
.productbox-section1 .cont .pnav .min .zhong .on .tit i img:nth-child(2) { display: block; }
.productbox-section1 .cont .gt { width: 78%; }
@media (max-width: 991px) {
.productbox-section1 .cont .gt { width: 100%; }
}
.productbox-section1 .cont .gt .f_cont { display: flex; flex-wrap: wrap; margin: 0 -18px; }
@media (max-width: 1440px) {
.productbox-section1 .cont .gt .f_cont { margin: 0 -14px; }
}
@media (max-width: 1199px) {
.productbox-section1 .cont .gt .f_cont { margin: 0 -10px; }
}
@media (max-width: 991px) {
.productbox-section1 .cont .gt .f_cont { margin: 0 -5px; }
}
@media (max-width: 500px) {
.productbox-section1 .cont .gt .f_cont { margin: 0; }
}
.productbox-section1 .cont .gt .f_cont .item { width: 33.333%; padding: 0 18px; margin-bottom: 36px; }
@media (max-width: 1440px) {
.productbox-section1 .cont .gt .f_cont .item { padding: 0 14px; margin-bottom: 28px; }
}
@media (max-width: 1199px) {
.productbox-section1 .cont .gt .f_cont .item { padding: 0 10px; margin-bottom: 20px; }
}
@media (max-width: 991px) {
.productbox-section1 .cont .gt .f_cont .item { padding: 0 5px; margin-bottom: 10px; }
}
@media (max-width: 767px) {
.productbox-section1 .cont .gt .f_cont .item { width: 50%; }
}
@media (max-width: 500px) {
.productbox-section1 .cont .gt .f_cont .item { padding: 0; width: 100%; }
}
.productbox-section1 .cont .gt .f_cont .item .list { display: block; width: 100%; background-color: #f6f6f6; }
.productbox-section1 .cont .gt .f_cont .item .list .img { width: 100%; position: relative; padding-bottom: 114%; overflow: hidden; }
.productbox-section1 .cont .gt .f_cont .item .list .img img { width: 75%; height: 75%; object-fit: contain; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.productbox-section1 .cont .gt .f_cont .item .list .font { padding: 30px 16px; display: flex; justify-content: space-between; align-items: center; border-top: 2px solid #ececec; font-size: 18px; font-weight: bold; }
@media (max-width: 1440px) {
.productbox-section1 .cont .gt .f_cont .item .list .font { font-size: 16px; }
}
.productbox-section1 .cont .gt .f_cont .item .list .font span { display: block; width: 90%; width: calc(100% - 50px); overflow: hidden; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.productbox-section1 .cont .gt .f_cont .item .list .font span p { padding-top: 5px; }
@media (max-width: 1440px) {
.productbox-section1 .cont .gt .f_cont .item .list .font span { width: calc(100% - 30px); }
}
@media (max-width: 1199px) {
.productbox-section1 .cont .gt .f_cont .item .list .font span { width: calc(100% - 26px); }
}
.productbox-section1 .cont .gt .f_cont .item .list .font i { width: 40px; overflow: hidden; }
@media (max-width: 1440px) {
.productbox-section1 .cont .gt .f_cont .item .list .font i { width: 30px; }
}
@media (max-width: 1199px) {
.productbox-section1 .cont .gt .f_cont .item .list .font i { width: 26px; }
}
.productbox-section1 .cont .gt .f_cont .item .list .font i img { float: left; width: 100%; }
.productbox-section1 .cont .gt .f_cont .item .list .font i img:nth-child(2) { display: none; }
.productbox-section1 .cont .gt .f_cont .item .list:hover .img img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.productbox-section1 .cont .gt .f_cont .item .list:hover .font i img:nth-child(1) { display: none; }
.productbox-section1 .cont .gt .f_cont .item .list:hover .font i img:nth-child(2) { display: block; }
/* End */
/* 产品详情 */
.bread_info { background-color: #f6f6f6; padding: 33px 0; }
@media (max-width: 1199px) {
.bread_info { padding: 22px 0; }
}
.bread_info .cont .gt { justify-content: flex-start; }
.bread_info .cont .gt .img { display: block; flex-shrink: 0; width: 14px; overflow: hidden; }
@media (max-width: 1440px) {
.bread_info .cont .gt .img { width: 12px; }
}
.bread_info .cont .gt .img img { width: 100%; float: left; }
.product_info-section1 { background-color: #f6f6f6; padding: 60px 0; }
@media (max-width: 767px) {
.product_info-section1 { padding: 40px 0; }
}
.product_info-section1 .cont { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.product_info-section1 .cont .lt { width: 40%; max-width: 480px; }
@media (max-width: 991px) {
.product_info-section1 .cont .lt { width: 100%; max-width: 100%; order: 1; }
}
.product_info-section1 .cont .lt .xi { display: block; margin-top: 40px; color: #e60012; font-size: 24px; line-height: 1; }
@media (max-width: 1440px) {
.product_info-section1 .cont .lt .xi { margin-top: 30px; font-size: 16px; }
}
.product_info-section1 .cont .lt .tit { font-size: 40px; font-weight: bold; line-height: 1.4; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; margin-top: 14px; margin-bottom: 25px; }
@media (max-width: 1440px) {
.product_info-section1 .cont .lt .tit { font-size: 40px; margin-top: 10px; margin-bottom: 20px; }
}
@media (max-width: 1199px) {
.product_info-section1 .cont .lt .tit { font-size: 36px; margin-bottom: 15px; }
}
@media (max-width: 991px) {
.product_info-section1 .cont .lt .tit { font-size: 30px; }
}
@media (max-width: 767px) {
.product_info-section1 .cont .lt .tit { font-size: 26px; }
}
@media (max-width: 500px) {
.product_info-section1 .cont .lt .tit { font-size: 24px; }
}
.product_info-section1 .cont .lt .text { font-size: 16px; line-height: 24px; margin-bottom: 66px; color: #333333; }
@media (max-width: 1440px) {
.product_info-section1 .cont .lt .text { line-height: 22px; font-size: 14px; margin-bottom: 50px; }
}
@media (max-width: 1199px) {
.product_info-section1 .cont .lt .text { margin-bottom: 40px; }
}
@media (max-width: 991px) {
.product_info-section1 .cont .lt .text { margin-bottom: 30px; }
}
@media (max-width: 767px) {
.product_info-section1 .cont .lt .text { margin-bottom: 20px; }
}
.product_info-section1 .cont .lt .but { display: flex; justify-content: center; align-items: center; width: 225px; height: 60px; background-color: #e60012; color: #fff; font-weight: bold; font-size: 16px; margin-bottom: 40px; }
@media (max-width: 1440px) {
.product_info-section1 .cont .lt .but { width: 180px; height: 50px; margin-bottom: 30px; }
}
@media (max-width: 1199px) {
.product_info-section1 .cont .lt .but { margin-bottom: 20px; font-size: 14px; width: 160px; height: 40px; }
}
.product_info-section1 .cont .lt .f_but { width: 100%; }
.product_info-section1 .cont .lt .f_but .but1 { display: flex; align-items: center; margin-bottom: 26px; font-size: 16px; }
@media (max-width: 1440px) {
.product_info-section1 .cont .lt .f_but .but1 { margin-bottom: 20px; }
}
@media (max-width: 1199px) {
.product_info-section1 .cont .lt .f_but .but1 { font-size: 14px; margin-bottom: 16px; }
}
.product_info-section1 .cont .lt .f_but .but1 i { display: block; width: 25px; margin-right: 15px; }
@media (max-width: 1440px) {
.product_info-section1 .cont .lt .f_but .but1 i { width: 20px; margin-right: 12px; }
}
.product_info-section1 .cont .lt .f_but .but1 i img { width: 100%; }
.product_info-section1 .cont .gt { width: 56%; max-width: 830px; padding-right: 130px; }
@media (max-width: 1440px) {
.product_info-section1 .cont .gt { padding-right: 100px; }
}
@media (max-width: 1366px) {
.product_info-section1 .cont .gt { padding-right: 60px; }
}
@media (max-width: 991px) {
.product_info-section1 .cont .gt { width: 100%; max-width: 100%; order: 0; margin-bottom: 30px; }
}
.product_info-section1 .cont .gt .productinfo1-cont { width: 100%; }
.product_info-section1 .cont .gt .productinfo1-cont .img { width: 100%; position: relative; overflow: hidden; padding-bottom: 100%; }
.product_info-section1 .cont .gt .productinfo1-cont .img img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag { bottom: 60px; }
@media (max-width: 1440px) {
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag { bottom: 40px; }
}
@media (max-width: 500px) {
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag { bottom: 20px; }
}
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag span { width: 12px; height: 12px; outline: none; background-color: #c4c4c5; margin: 0 10px; opacity: 1; }
.product_info-section1 .cont .gt .productinfo1-cont .productinfo1-pag .swiper-pagination-bullet-active { background-color: #e60012; }
.product_info-section2 { padding: 60px 0; }
@media (max-width: 767px) {
.product_info-section2 { padding: 40px 0; }
}
.product_info-section2 .cont { margin: 0 -126px; display: flex; flex-wrap: wrap; align-items: flex-start; }
@media (max-width: 1681px) {
.product_info-section2 .cont { margin: 0 -60px; }
}
@media (max-width: 1440px) {
.product_info-section2 .cont { margin: 0 -30px; }
}
@media (max-width: 1366px) {
.product_info-section2 .cont { margin: 0 -20px; }
}
@media (max-width: 1199px) {
.product_info-section2 .cont { margin: 0 -10px; }
}
@media (max-width: 991px) {
.product_info-section2 .cont { padding: 0; }
}
.product_info-section2 .cont .lt,
.product_info-section2 .cont .gt { padding: 0 126px; }
@media (max-width: 1681px) {
.product_info-section2 .cont .lt,
 .product_info-section2 .cont .gt { padding: 0 60px; }
}
@media (max-width: 1440px) {
.product_info-section2 .cont .lt,
 .product_info-section2 .cont .gt { padding: 0 30px; }
}
@media (max-width: 1366px) {
.product_info-section2 .cont .lt,
 .product_info-section2 .cont .gt { padding: 0 20px; }
}
@media (max-width: 1199px) {
.product_info-section2 .cont .lt,
 .product_info-section2 .cont .gt { padding: 0 10px; }
}
@media (max-width: 991px) {
.product_info-section2 .cont .lt,
 .product_info-section2 .cont .gt { padding: 0; }
}
.product_info-section2 .cont .lt { width: 64%; }
@media (max-width: 991px) {
.product_info-section2 .cont .lt { width: 100%; }
}
.product_info-section2 .cont .lt .par_tit { font-weight: bold; font-size: 30px; line-height: 1; margin-bottom: 20px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .lt .par_tit { font-size: 30px; }
}
@media (max-width: 1366px) {
.product_info-section2 .cont .lt .par_tit { font-size: 28px; }
}
@media (max-width: 1199px) {
.product_info-section2 .cont .lt .par_tit { font-size: 26px; }
}
@media (max-width: 767px) {
.product_info-section2 .cont .lt .par_tit { font-size: 24px; }
}
@media (max-width: 1440px) {
.product_info-section2 .cont .lt .par_tit { margin-bottom: 16px; }
}
.product_info-section2 .cont .lt .item { width: 100%; padding-bottom: 38px; border-bottom: 2px solid #f8f8f8; margin-bottom: 70px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .lt .item { margin-bottom: 50px; padding-bottom: 28px; }
}
@media (max-width: 1199px) {
.product_info-section2 .cont .lt .item { margin-bottom: 40px; padding-bottom: 22px; }
}
@media (max-width: 991px) {
.product_info-section2 .cont .lt .item { margin-bottom: 30px; }
.product_info-section2 .cont .lt .item table { width:100% !important; }
}
.product_info-section2 .cont .lt .item .make-text strong { font-weight: bold; color: #333; }
.product_info-section2 .cont .lt .gui { padding-bottom: 0; border-bottom: none; }
.product_info-section2 .cont .lt .gui .par_tit { margin-bottom: 30px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .lt .gui .par_tit { margin-bottom: 20px; }
}
.product_info-section2 .cont .lt .lin { border-bottom: none; padding-bottom: 0; }
.product_info-section2 .cont .lt .lin .par_tit { margin-bottom: 30px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .lt .lin .par_tit { margin-bottom: 20px; }
}
.product_info-section2 .cont .lt .lin .jut { width: 100%; }
.product_info-section2 .cont .lt .lin .jut .f_item { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 30px; flex-wrap: wrap; background-color: #f8f8f8; }
@media (max-width: 1440px) {
.product_info-section2 .cont .lt .lin .jut .f_item { margin-bottom: 20px; }
}
.product_info-section2 .cont .lt .lin .jut .f_item:last-child { margin-bottom: 0; }
.product_info-section2 .cont .lt .lin .jut .f_item i { display: block; width: 100%; max-width: 200px; position: relative; padding-bottom: 13%; }
@media (max-width: 1681px) {
.product_info-section2 .cont .lt .lin .jut .f_item i { padding-bottom: 20%; }
}
@media (max-width: 767px) {
.product_info-section2 .cont .lt .lin .jut .f_item i { max-width: 140px; }
}
@media (max-width: 500px) {
.product_info-section2 .cont .lt .lin .jut .f_item i { max-width: 100%; padding-bottom: 56%; }
}
.product_info-section2 .cont .lt .lin .jut .f_item i img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.product_info-section2 .cont .lt .lin .jut .f_item .font { width: calc(100% - 200px); padding: 30px; }
@media (max-width: 991px) {
.product_info-section2 .cont .lt .lin .jut .f_item .font { padding: 24px 26px; }
}
@media (max-width: 767px) {
.product_info-section2 .cont .lt .lin .jut .f_item .font { width: calc(100% - 140px); }
}
@media (max-width: 500px) {
.product_info-section2 .cont .lt .lin .jut .f_item .font { width: 100%; }
}
.product_info-section2 .cont .lt .lin .jut .f_item .font .f_tit { font-weight: bold; font-size: 24px; line-height: 1.2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .lt .lin .jut .f_item .font .f_tit { font-size: 20px; }
}
.product_info-section2 .cont .lt .lin .jut .f_item .font .text { font-size: 16px; color: #777777; line-height: 20px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 42px; }
@media (max-width: 1199px) {
.product_info-section2 .cont .lt .lin .jut .f_item .font .text { font-size: 14px; line-height: 18px; height: 38px; }
}
.product_info-section2 .cont .gt { width: 36%; }
@media (max-width: 991px) {
.product_info-section2 .cont .gt { width: 100%; margin-top: 40px; }
}
@media (min-width: 992px) {
.product_info-section2 .cont .gt { position: sticky; top: 110px; }
}
.product_info-section2 .cont .gt .nav1 { width: 100%; margin-bottom: 40px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .gt .nav1 { margin-bottom: 30px; }
}
@media (max-width: 1199px) {
.product_info-section2 .cont .gt .nav1 { margin-bottom: 20px; }
}
@media (max-width: 991px) {
.product_info-section2 .cont .gt .nav1 { display: none; }
}
.product_info-section2 .cont .gt .nav1 .item { display: flex; justify-content: center; align-items: center; padding: 22px 0; line-height: 1; font-size: 18px; border-right: 2px solid transparent; margin-bottom: 12px; }
.product_info-section2 .cont .gt .nav1 .item:last-child { border-bottom: none; }
.product_info-section2 .cont .gt .nav1 .on { border-color: #e60012; color: #e60012; font-weight: bold; background-color: #f8f8f8; }
.product_info-section2 .cont .gt .f_cont { width: 100%; background-color: #f8f8f8; }
.product_info-section2 .cont .gt .f_cont .img { width: 100%; overflow: hidden; position: relative; }
.product_info-section2 .cont .gt .f_cont .img img { width: 100%; }
.product_info-section2 .cont .gt .f_cont .font { padding: 32px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .gt .f_cont .font { padding: 32px; }
}
.product_info-section2 .cont .gt .f_cont .font .f_tit { font-size: 24px; line-height: 1.4; font-weight: bold; margin-bottom: 22px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .gt .f_cont .font .f_tit { font-size: 20px; }
}
@media (max-width: 1440px) {
.product_info-section2 .cont .gt .f_cont .font .f_tit { margin-bottom: 20px; }
}
.product_info-section2 .cont .gt .f_cont .font .masg { display: block; width: 100%; }
.product_info-section2 .cont .gt .f_cont .font .masg .item { width: 100%; display: flex; align-items: center; margin-bottom: 12px; }
.product_info-section2 .cont .gt .f_cont .font .masg .item i { display: block; width: 16px; margin-right: 10px; }
.product_info-section2 .cont .gt .f_cont .font .masg .item i img { width: 100%; }
.product_info-section2 .cont .gt .f_cont .font .masg .item span { font-size: 16px; color: #333333; }
.product_info-section2 .cont .gt .f_cont .font .but { display: flex; align-items: center; justify-content: center; margin-top: 30px; background-color: #e60012; color: #fff; font-weight: bold; font-size: 16px; height: 60px; }
@media (max-width: 1440px) {
.product_info-section2 .cont .gt .f_cont .font .but { margin-bottom: 26px; height: 50px; }
}
@media (max-width: 767px) {
.product_info-section2 .cont .gt .f_cont .font .but { height: 40px; font-size: 14px; }
}
/**/
.product_info-section3 { padding-bottom: 150px; }
.product_info-section3 .tit { text-align: center; font-size: 40px; font-weight: bold; line-height: 1.4; margin-bottom: 55px; }
@media (max-width: 1440px) {
.product_info-section3 .tit { font-size: 36px; margin-bottom: 45px; }
}
@media (max-width: 1366px) {
.product_info-section3 .tit { margin-bottom: 40px; font-size: 34px; }
}
@media (max-width: 1199px) {
.product_info-section3 .tit { margin-bottom: 30px; font-size: 28px; }
}
@media (max-width: 991px) {
.product_info-section3 .tit { font-size: 24px; }
}
.product_info-section3 .produ_info-cont .item { width: 100%; }
.product_info-section3 .produ_info-cont .item .list { display: block; width: 100%; background-color: #f6f6f6; }
.product_info-section3 .produ_info-cont .item .list .img { width: 100%; position: relative; padding-bottom: 114%; overflow: hidden; }
.product_info-section3 .produ_info-cont .item .list .img img { width: 75%; height: 75%; object-fit: contain; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.product_info-section3 .produ_info-cont .item .list .font { padding: 30px 16px; display: flex; justify-content: space-between; align-items: center; border-top: 2px solid #ececec; font-size: 18px; font-weight: bold; }
@media (max-width: 1440px) {
.product_info-section3 .produ_info-cont .item .list .font { font-size: 16px; }
}
.product_info-section3 .produ_info-cont .item .list .font span { display: block; width: 90%; width: calc(100% - 50px); overflow: hidden; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1440px) {
.product_info-section3 .produ_info-cont .item .list .font span { width: calc(100% - 30px); }
}
@media (max-width: 1199px) {
.product_info-section3 .produ_info-cont .item .list .font span { width: calc(100% - 26px); }
}
.product_info-section3 .produ_info-cont .item .list .font i { width: 40px; overflow: hidden; }
@media (max-width: 1440px) {
.product_info-section3 .produ_info-cont .item .list .font i { width: 30px; }
}
@media (max-width: 1199px) {
.product_info-section3 .produ_info-cont .item .list .font i { width: 26px; }
}
.product_info-section3 .produ_info-cont .item .list .font i img { float: left; width: 100%; }
.product_info-section3 .produ_info-cont .item .list .font i img:nth-child(2) { display: none; }
.product_info-section3 .produ_info-cont .item .list:hover .img img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.product_info-section3 .produ_info-cont .item .list:hover .font i img:nth-child(1) { display: none; }
.product_info-section3 .produ_info-cont .item .list:hover .font i img:nth-child(2) { display: block; }
/* End */
/* 底部 */
.basecont { padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }
@media (min-width: 768px) {
.basecont { width: 83%; max-width: 1600px; }
}
.footerbox-fixed { width: 100%; padding: 70px 0; background: url(../images/fexbag.jpg) no-repeat center / cover; }
@media (max-width: 1440px) {
.footerbox-fixed { padding: 60px; }
}
@media (max-width: 1199px) {
.footerbox-fixed { padding: 40px 0; }
}
@media (max-width: 767px) {
.footerbox-fixed { padding: 30px 0; }
}
.footerbox-fixed .cont { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.footerbox-fixed .cont .tit { font-size: 36px; line-height: 1.3; font-weight: bold; }
@media (max-width: 1440px) {
.footerbox-fixed .cont .tit { font-size: 26px; }
}
@media (max-width: 1199px) {
.footerbox-fixed .cont .tit { font-size: 24px; }
}
@media (max-width: 767px) {
.footerbox-fixed .cont .tit { font-size: 22px; }
}
.footerbox-fixed .cont .tit span { color: #e60012; font-weight: bold; }
@media (max-width: 991px) {
.footerbox-fixed .cont .tit { width: 100%; margin-bottom: 16px; }
}
.footerbox-fixed .cont .but { display: flex; align-items: center; font-size: 18px; font-weight: bold; }
@media (max-width: 1199px) {
.footerbox-fixed .cont .but { font-size: 16px; }
}
@media (max-width: 767px) {
.footerbox-fixed .cont .but { font-size: 14px; }
}
.footerbox-fixed .cont .but span { padding-bottom: 10px; border-bottom: 1px solid #646464; margin-top: 10px; display: block; }
@media (max-width: 1440px) {
.footerbox-fixed .cont .but span { padding-bottom: 5px; margin-top: 5px; }
}
@media (max-width: 991px) {
.footerbox-fixed .cont .but span { margin-top: 3px; padding-bottom: 3px; }
}
.footerbox-fixed .cont .but i { display: block; width: 40px; margin-left: 24px; }
@media (max-width: 1440px) {
.footerbox-fixed .cont .but i { width: 30px; margin-left: 18px; }
}
@media (max-width: 1199px) {
.footerbox-fixed .cont .but i { width: 26px; margin-left: 16px; }
}
@media (max-width: 991px) {
.footerbox-fixed .cont .but i { width: 22px; margin-left: 14px; }
}
.footerbox-fixed .cont .but i img { width: 100%; }
.footerbox-fixed .cont .but:hover { color: #e60012; }
.footerbox-fixed .cont .but:hover span { border-color: #e60012; }
/* 弹窗 */
.f_fixed { position: fixed; top: 0; left: 0; width: 100%; }
.altbox { position: fixed; top: 0; width: 100%; height: 100%; z-index: 999; left: 100%; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.altbox:after { content: ""; clear: both; display: block; }
.altbox .bag { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.altbox .cont { position: relative; z-index: 2; width: 50%; height: 100vh; overflow: auto; background-color: #efefef; float: right; padding: 80px 80px 60px; overflow: auto; }
@media (max-width: 1440px) {
.altbox .cont { padding: 40px 60px; }
}
@media (max-width: 1199px) {
.altbox .cont { width: 100%; padding: 30px 40px; }
}
@media (max-width: 991px) {
.altbox .cont { padding: 40px 30px; }
}
@media (max-width: 767px) {
.altbox .cont { padding: 30px 20px; }
}
.altbox .cont::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 3px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.altbox .cont::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 background: #e60012;
}
.altbox .cont::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
 border-radius: 10px;
 background: #ededed;
}
.altbox .cont .cox { position: absolute; right: 80px; top: 50px; width: 25px; }
@media (max-width: 1440px) {
.altbox .cont .cox { right: 60px; top: 30px; width: 20px; }
}
@media (max-width: 1199px) {
.altbox .cont .cox { top: 20px; right: 30px; }
}
@media (max-width: 767px) {
.altbox .cont .cox { top: 15px; right: 20px; }
}
.altbox .cont .cox img { width: 100%; }
.altbox .cont .tit { font-weight: bold; font-size: 30px; margin-bottom: 20px; }
@media (max-width: 1440px) {
.altbox .cont .tit { font-size: 26px; margin-bottom: 14px; }
}
@media (max-width: 1366px) {
.altbox .cont .tit { font-size: 20px; }
}
@media (max-width: 1199px) {
.altbox .cont .tit { /* font-size: 18px; */ }
}
@media (max-width: 767px) {
.altbox .cont .tit { /* font-size: 16px; */ }
}
@media (max-width: 1440px) {
.altbox .cont .tit { margin-bottom: 60px; }
}
@media (max-width: 1199px) {
.altbox .cont .tit { margin-bottom: 40px; }
}
@media (max-width: 991px) {
.altbox .cont .tit { margin-bottom: 20px; }
}
.altbox .cont .list { width: 100%; margin-bottom: 10px; }
.altbox .cont .list .f_tit { font-size: 20px; color: #e60012; line-height: 1; margin-bottom: 14px; }
@media (max-width: 1440px) {
.altbox .cont .list .f_tit { font-size: 18px; }
}
@media (max-width: 1440px) {
.altbox .cont .list .f_tit { margin-bottom: 10px; }
}
@media (max-width: 1199px) {
.altbox .cont .list .f_tit { /* margin-bottom: 20px; */ }
}
@media (max-width: 991px) {
.altbox .cont .list .f_tit { /* margin-bottom: 16px; */ }
}
.altbox .cont .list .jut { display: flex; flex-wrap: wrap; margin: 0 -10px; }
@media (max-width: 1440px) {
.altbox .cont .list .jut { margin: 0 -5px; }
}
@media (max-width: 767px) {
.altbox .cont .list .jut { margin: 0; }
}
.altbox .cont .list .jut .item { padding: 0 10px; width: 50%; margin-bottom: 16px; }
@media (max-width: 1440px) {
.altbox .cont .list .jut .item { padding: 0 5px; margin-bottom: 12px; }
}
@media (max-width: 767px) {
.altbox .cont .list .jut .item { padding: 0; width: 100%; margin-bottom: 14px; }
}
.altbox .cont .list .jut .item span { display: block; line-height: 1; font-size: 16px; margin-bottom: 10px; }
@media (max-width: 1199px) {
.altbox .cont .list .jut .item span { font-size: 14px; margin-bottom: 8px; }
}
.altbox .cont .list .jut .item input,
.altbox .cont .list .jut .item textarea,
.altbox .cont .list .jut .item select { background-color: #fff; border: none; outline: none; resize: none; -webkit-appearance: none; appearance: none; width: 100%; height: 44px; padding: 8px 20px; }
@media (max-width: 1199px) {
.altbox .cont .list .jut .item input,
 .altbox .cont .list .jut .item textarea,
 .altbox .cont .list .jut .item select { height: 30px; }
}
.altbox .cont .list .jut .item textarea { width: 100%; height: 470px; height: 100px; }
.altbox .cont .list .jut .item select { background: #fff url(../images/selicon1.png) no-repeat; background-position: 95% 45%; background-size: 9px 16px; }
.altbox .cont .list .jut .textarea { width: 100%; }
.altbox .cont .but { display: flex; }
.altbox .cont .but span { display: block; width: 24px; height: 24px; border: 2px solid #8c9195; background-color: #fff; margin-right: 20px; flex-shrink: 0; }
@media (max-width: 1440px) {
.altbox .cont .list .jut .item textarea { height: 80px; }
.altbox .cont .but span { width: 20px; height: 20px; margin-right: 10px; }
}
.altbox .cont .but .du { display: block; width: calc(100% - 44px); font-size: 16px; }
@media (max-width: 1440px) {
.altbox .cont .but .du { width: calc(100% - 30px); }
}
@media (max-width: 1199px) {
.altbox .cont .but .du { font-size: 14px; }
}
.altbox .cont .on span { background-color: #e60012; border-color: #e60012; background: #e60012 url(../images/zhengque.png) no-repeat center; background-size: 50% 35%; }
.altbox .cont .sub { width: 390px; height: 50px; background-color: #37383c; font-size: 16px; color: #fff; border: none; margin-top: 26px; }
@media (max-width: 1440px) {
.altbox .cont .sub { width: 360px; margin-top: 20px; }
}
@media (max-width: 991px) {
.altbox .cont .sub { width: 300px; height: 40px; margin-top: 30px; }
}
@media (max-width: 767px) {
.altbox .cont .sub { width: 100%; margin-top: 20px; }
}
/* End: ; */
/* 售后服务 服务支持 */
.service-section1 .cont { width: 100%; }
.service-section1 .cont .item { width: 100%; max-width: 1140px; margin: 0 auto; text-align: center; }
.service-section1 .cont .item i { display: block; width: 150px; height: 150px; overflow: hidden; margin: 0 auto; border-radius: 50%; margin-bottom: 20px; }
.service-section1 .cont .item i img { width: 100%; height: 100%; object-fit: cover; }
.service-section1 .cont .item .tit { line-height: 1; font-size: 18px; margin-bottom: 40px; }
@media (max-width: 1440px) {
.service-section1 .cont .item .tit { margin-bottom: 30px; }
}
@media (max-width: 1199px) {
.service-section1 .cont .item .tit { font-size: 16px; }
}
.service-section1 .cont .item .text { font-size: 24px; line-height: 36px; padding: 0 100px; position: relative; }
@media (max-width: 1440px) {
.service-section1 .cont .item .text { font-size: 22px; line-height: 34px; padding: 0 80px; }
}
@media (max-width: 1199px) {
.service-section1 .cont .item .text { font-size: 20px; line-height: 32px; padding: 0 60px; }
}
@media (max-width: 991px) {
.service-section1 .cont .item .text { padding: 0 30px; font-size: 18px; }
}
@media (max-width: 767px) {
.service-section1 .cont .item .text { padding: 0; }
}
@media (min-width: 768px) {
.service-section1 .cont .item .text:after,
 .service-section1 .cont .item .text:before { content: ""; position: absolute; top: 0; display: block; width: 40px; height: 32px; background-size: 38px 32px; }
.service-section1 .cont .item .text:after { right: 0; background: url(../images/douright1.png) no-repeat center / contain; }
.service-section1 .cont .item .text:before { left: 0; background: url(../images/douleft1.png) no-repeat center / contain; }
}
@media (min-width: 768px) and (max-width: 1199px) {
.service-section1 .cont .item .text:after,
 .service-section1 .cont .item .text:before { width: 30px; height: 22px; background-size: 28px 22px; }
}
@media (min-width: 768px) and (max-width: 991px) {
.service-section1 .cont .item .text:after,
 .service-section1 .cont .item .text:before { width: 20px; height: 12px; background-size: 18px 12px; }
}
.service-section2 { background-color: #f7f7f7; }
.service-section2 .tit { font-weight: bold; font-size: 40px; text-align: center; line-height: 1.2; margin-bottom: 60px; }
@media (max-width: 1440px) {
.service-section2 .tit { font-size: 30px; }
}
@media (max-width: 1366px) {
.service-section2 .tit { font-size: 28px; }
}
@media (max-width: 1199px) {
.service-section2 .tit { font-size: 26px; }
}
@media (max-width: 767px) {
.service-section2 .tit { font-size: 24px; }
}
@media (max-width: 1199px) {
.service-section2 .tit { margin-bottom: 40px; }
}
@media (max-width: 767px) {
.service-section2 .tit { margin-bottom: 30px; }
}
.service-section2 .service2-cont { width: 1005; }
.service-section2 .service2-cont .item { width: 100%; position: relative; }
.service-section2 .service2-cont .item .img { overflow: hidden; position: relative; padding-bottom: 138.9%; width: 100%; }
.service-section2 .service2-cont .item .img img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.service-section2 .service2-cont .item .font { position: absolute; bottom: 0; left: 0; background: url(../images/jianbianimg1.png) no-repeat center / cover; width: 100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; padding: 40px 20px; }
@media (max-width: 1440px) {
.service-section2 .service2-cont .item .font { padding: 30px 20px; }
}
@media (max-width: 1199px) {
.service-section2 .service2-cont .item .font { padding: 26px 20px; }
}
.service-section2 .service2-cont .item .font .f_tit { font-size: 30px; font-weight: bold; line-height: 1.4; margin-bottom: 10px; }
@media (max-width: 1440px) {
.service-section2 .service2-cont .item .font .f_tit { font-size: 26px; }
}
@media (max-width: 1199px) {
.service-section2 .service2-cont .item .font .f_tit { font-size: 22px; }
}
@media (max-width: 991px) {
.service-section2 .service2-cont .item .font .f_tit { font-size: 18px; }
}
.service-section2 .service2-cont .item .font .text { font-size: 22px; }
@media (max-width: 1440px) {
.service-section2 .service2-cont .item .font .text { font-size: 20px; }
}
@media (max-width: 1199px) {
.service-section2 .service2-cont .item .font .text { font-size: 18px; }
}
@media (max-width: 991px) {
.service-section2 .service2-cont .item .font .text { font-size: 16px; }
}
.service-section3 .tit { font-weight: bold; font-size: 40px; text-align: center; line-height: 1.2; margin-bottom: 60px; }
@media (max-width: 1440px) {
.service-section3 .tit { font-size: 30px; }
}
@media (max-width: 1366px) {
.service-section3 .tit { font-size: 28px; }
}
@media (max-width: 1199px) {
.service-section3 .tit { font-size: 26px; }
}
@media (max-width: 767px) {
.service-section3 .tit { font-size: 24px; }
}
@media (max-width: 1199px) {
.service-section3 .tit { margin-bottom: 40px; }
}
@media (max-width: 767px) {
.service-section3 .tit { margin-bottom: 30px; }
}
.service-section3 .service3-cont { width: 100%; }
.service-section3 .service3-cont .item { width: 100%; text-align: center; }
.service-section3 .service3-cont .item .shu { font-size: 65px; color: #e60012; margin-bottom: 20px; }
@media (max-width: 1440px) {
.service-section3 .service3-cont .item .shu { font-size: 55px; margin-bottom: 16px; }
}
@media (max-width: 1199px) {
.service-section3 .service3-cont .item .shu { font-size: 35px; }
}
@media (max-width: 991px) {
.service-section3 .service3-cont .item .shu { font-size: 30px; }
}
.service-section3 .service3-cont .item .shu i { font-size: 35px; }
@media (max-width: 1440px) {
.service-section3 .service3-cont .item .shu i { font-size: 25px; }
}
@media (max-width: 1199px) {
.service-section3 .service3-cont .item .shu i { font-size: 20px; }
}
@media (max-width: 991px) {
.service-section3 .service3-cont .item .shu i { font-size: 16px; }
}
.service-section3 .service3-cont .item .text { font-size: 24px; line-height: 1.3; }
@media (max-width: 1440px) {
.service-section3 .service3-cont .item .text { font-size: 20px; }
}
/* 联系我们 */
.contactbox-section1 { padding-top: 60px; }
@media (max-width: 991px) {
.contactbox-section1 { padding-top: 30px; }
}
.contactbox-section1 .cont { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.contactbox-section1 .cont .lt,
.contactbox-section1 .cont .gt { width: 50%; }
@media (max-width: 991px) {
.contactbox-section1 .cont .lt,
 .contactbox-section1 .cont .gt { width: 100%; }
}
.contactbox-section1 .cont .tit { font-size: 32px; font-weight: bold; line-height: 1; margin-bottom: 40px; }
@media (max-width: 1440px) {
.contactbox-section1 .cont .tit { font-size: 30px; margin-bottom: 30px; }
}
@media (max-width: 1199px) {
.contactbox-section1 .cont .tit { font-size: 26px; }
}
@media (max-width: 767px) {
.contactbox-section1 .cont .tit { font-size: 22px; }
}
@media (max-width: 991px) {
.contactbox-section1 .cont .lt { margin-bottom: 30px; }
}
.contactbox-section1 .cont .lt .text { font-size: 30px; font-family: "FuturaBkBTBookItalic"; margin-bottom: 26px; }
@media (max-width: 1440px) {
.contactbox-section1 .cont .lt .text { font-size: 28px; margin-bottom: 20px; }
}
@media (max-width: 1199px) {
.contactbox-section1 .cont .lt .text { font-size: 24px; }
}
@media (max-width: 767px) {
.contactbox-section1 .cont .lt .text { font-size: 20px; }
}
@media (max-width: 1440px) {
.contactbox-section1 .cont .lt .text span { font-size: 30px; margin-bottom: 30px; }
}
@media (max-width: 1199px) {
.contactbox-section1 .cont .lt .text span { font-size: 26px; }
}
@media (max-width: 767px) {
.contactbox-section1 .cont .lt .text span { font-size: 22px; }
}
.contactbox-section1 .cont .lt .make-text { font-size: 14px!important; }
.contactbox-section1 .cont .gt .form { width: 100%; }
.contactbox-section1 .cont .gt .form .item { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }
.contactbox-section1 .cont .gt .form .item textarea,
.contactbox-section1 .cont .gt .form .item input,
.contactbox-section1 .cont .gt .form .item button { padding: 21px 24px; font-size: 16px; color: #b2b2b2; background-color: #f5f5f5; resize: none; outline: none; border: none; margin-bottom: 20px; }
@media (max-width: 767px) {
.contactbox-section1 .cont .gt .form .item textarea,
 .contactbox-section1 .cont .gt .form .item input,
 .contactbox-section1 .cont .gt .form .item button { font-size: 14px; }
}
@media (max-width: 500px) {
.contactbox-section1 .cont .gt .form .item textarea,
 .contactbox-section1 .cont .gt .form .item input,
 .contactbox-section1 .cont .gt .form .item button { margin-bottom: 16px; }
}
.contactbox-section1 .cont .gt .form .item input { width: calc(50% - 10px); }
@media (max-width: 1199px) {
.contactbox-section1 .cont .gt .form .item input { width: calc(50% - 5px); }
}
@media (max-width: 767px) {
.contactbox-section1 .cont .gt .form .item input { width: 100%; }
}
.contactbox-section1 .cont .gt .form .item textarea { width: 100%; height: 150px; }
@media (max-width: 1199px) {
.contactbox-section1 .cont .gt .form .item textarea { height: 120px; }
}
.contactbox-section1 .cont .gt .form .item button { width: 100%; background-color: #e60012; color: #fff; font-weight: bold; font-size: 18px; border-radius: 3px; }
@media (max-width: 767px) {
.contactbox-section1 .cont .gt .form .item button { font-size: 16px; }
}
.contactbox-section1 .cont .gt .form .emale1 input { width: 100%; }
.contactbox-section2 { background-color: #efefef; }
.page-contact-map {margin:auto auto;overflow: hidden; height: 618px;background: #f1f1f1; position: relative;clear: both;}