Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230
Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 6
@charset "utf-8";
/*reset*/
body,
button,
dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
li,
ol,
option,
p,
pre,
select,
td,
textarea,
th,
ul {
margin: 0;
padding: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
outline: 0 none;
}
:focus,
:hover {
outline: 0 none;
}
:link,
:visited {
text-decoration: none;
}
::-moz-focus-inner {
border: 0;
}
article,
aside,
dialog,
figuer,
footer,
header,
menu,
nav,
section {
display: block;
}
em,
i {
font-style: normal;
}
b,
caption,
h1,
h2,
h3,
h4,
h5,
h6,
th {
font-weight: 400;
}
li {
list-style: none;
}
img {
border: none;
-ms-interpolation-mode: bicubic;
-webkit-filter: inherit;
filter: inherit;
vertical-align: middle;
}
a,
s,
u {
text-decoration: none;
}
sub,
sup {
font-size: 67%;
}
textarea {
border: none;
background: 0 0;
overflow: auto;
resize: none;
}
button,
input,
select,
textarea {
font-family: 'Microsoft YaHei', '微软雅黑';
vertical-align: top;
}
input[type=checkbox],
input[type=radio] {
vertical-align: middle;
position: relative;
top: -1px;
}
input::-ms-clear {
display: none;
}
input:focus {
-webkit-user-modify: read-write-plaintext-only;
}
button,
input {
background: 0 0;
border: none;
border-radius: 0;
}
button,
input[type=reset],
input[type=button],
input[type=submit] {
-webkit-appearance: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
a {
vertical-align: baseline;
}
.ysqMoveBox:after,
.ysqJsBox:after,
.box:after,
.cle:after,
.list:after,
.tapList:after,
.container:after,
.row:after,
.w:after,
.imax:after,
.w-p:after,
.w-m:after {
height: 0;
content: ' ';
display: block;
clear: both;
visibility: hidden;
font-size: 0;
}
video::-internal-media-controls-download-button {
display: none;
}
video::-webkit-media-controls-enclosure {
overflow: hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
video.videoBg::-webkit-media-controls,
video.videoBg::-ms-media-controls,
video.videoBg::-moz-media-controls,
video.videoBg::-webkit-media-controls-enclosure {
display: none !important;
}
video.videoBg::-webkit-media-controls-panel,
video.videoBg::-webkit-media-controls-panel-container,
video.videoBg::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none;
}
.btn,
.more,
.button,
.link,
.ctr,
label,
[data-fancybox] {
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.03);
}
/*--自定义部分--*/
html {
margin: 0 auto;
word-break: break-word;
word-wrap: break-word;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.imax {
position: relative;
}
.imax center,
.imax video {
margin-left: auto !important;
margin-right: auto !important;
display: block !important;
}
.imax * {
max-width: 100%;
white-space: normal !important;
}
.imax img,
.imax video {
height: auto !important;
}
.imax tr,
.imax td {
border-style: solid;
border-width: 1px;
border-color: windowtext;
}
.imax b,
.imax th {
font-weight: bold;
}
.imax i {
font-style: italic;
}
.imax s {
text-decoration: line-through;
}
.imax u {
text-decoration: underline;
}
p,
div {
max-height: 10000rem;
}
.info,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
em,
b,
i,
span,
a,
s,
textarea,
input,
select {
font: inherit;
font-size: 1em;
color: inherit;
}
strong {
font-weight: bold;
}
.oh,
.shade {
position: relative;
overflow: hidden;
}
.TAlert {
z-index: 99998 !important;
}
.shade {
display: block;
width: 100%;
height: 100%;
}
.contain {
position: relative;
}
img.fixedbg,
img.bg,
.pic img,
.videoBg {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
}
.icoImg {
-o-object-fit: contain;
object-fit: contain;
}
div.bg {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.pic img {
position: absolute;
left: 0;
top: 0;
z-index: 1;
border-radius: inherit;
width: 100% !important;
height: 100% !important;
}
.img img,
.fiture img {
position: relative;
z-index: 1;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: contain;
object-fit: contain;
}
.img.Dh img,
.fiture.Dh img {
width: 100%;
}
.img.Dv img,
.fiture.Dv img {
height: 100%;
}
._pen,
.bg,
.fixedbg,
.z-1,
.MouseMove a,
.TouchMove a,
.MouseMove .skin,
.TouchMove .skin,
.dct {
pointer-events: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.img,
.pic,
.vm {
position: relative;
overflow: hidden;
display: block;
font-size: 0;
}
.img,
.fiture {
text-align: center;
}
.img img,
.vmbox {
position: relative;
z-index: 1;
display: inline-block;
max-width: 100% !important;
max-height: 100% !important;
width: auto;
height: auto;
vertical-align: middle;
}
.fiture img {
display: inline-block;
max-width: 100% !important;
max-height: 100% !important;
vertical-align: middle;
}
.imgScroll.x {
overflow-x: auto;
max-width: 100%;
}
.imgScroll.y {
overflow-y: auto;
}
.imgScroll img {
max-width: none !important;
width: auto !important;
height: auto !important;
}
.bg,
.shadow,
.wh100,
.mask,
.shade > .box,
.shade > .ysqMoveBox,
.shade > .ysqJsBox,
.videoBg {
z-index: 2;
position: absolute !important;
left: 0;
top: 0;
max-width: none !important;
width: 100%;
height: 100%;
}
.shade > .slideBox {
width: 300%;
}
.shade [data-fancybox] {
width: 100%;
height: 100%;
display: block;
}
.fixedbg {
position: fixed !important;
left: 0;
top: 0;
max-width: none !important;
width: 100%;
height: 100%;
pointer-events: none;
}
.z1,
.shade {
z-index: 1;
}
.shadow {
z-index: 4;
}
.mask {
z-index: 6;
}
.z90 {
z-index: 90;
}
#loadingMask {
z-index: 2117 !important;
}
.fixedbg,
.bg,
.z-1 {
z-index: -1;
}
.ctr.reject {
display: none;
}
.reject {
cursor: default;
}
.ysqUEO .reject {
cursor: not-allowed;
}
.waiting {
cursor: wait;
}
.loading,
.loading-m,
.load-error {
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
transition: none !important;
-webkit-transition: none !important;
}
.load-error img {
display: none;
}
.Tt > .box,
.Tt > .ysqMoveBox,
.Tt > .ysqJsBox {
display: none;
}
.Tt > .box.on,
.Tt > .ysqMoveBox.on,
.Tt > .ysqJsBox.on {
display: block;
}
.Tg .btn {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.getWordsWidth {
position: fixed;
white-space: nowrap;
visibility: hidden;
}
.getWordsWidth * {
display: inline !important;
}
.getWordsWidth br {
display: none !important;
}
/*布局*/
.scroll-wrap {
position: relative;
}
.scroll-wrap.show {
opacity: 1;
-webkit-transition: opacity 250ms,background 250ms;
transition: opacity 250ms,background 250ms;
}
.db {
display: block!important;
}
.dn {
display: none!important;
}
.ma,
.w,
.container {
margin-left: auto;
margin-right: auto;
display: block;
}
.m0 {
margin: 0!important;
}
.p0 {
padding: 0!important;
}
.nw,
.aft {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wsn {
white-space: nowrap;
}
.hr {
width: 100%;
height: 1px;
}
.vr {
width: 1px;
height: 100%;
}
.h100 {
height: 100% !important;
}
.w100 {
width: 100% !important;
}
.t0 {
top: 0;
}
.b0 {
bottom: 0;
}
.l0 {
left: 0;
}
.r0 {
right: 0;
}
.t50 {
top: 50% !important;
}
.l50 {
left: 50% !important;
}
.poa {
position: absolute !important;
}
.por {
position: relative !important;
}
.pod {
position: static !important;
}
.pof {
position: fixed !important;
}
.fl,
.fld,
.l {
float: left;
}
.fr,
.frd,
.r {
float: right;
}
.tsn {
-webkit-transition: none !important;
transition: none !important;
}
.ts {
-webkit-transition: 250ms;
transition: 250ms;
}
/* font */
.lh1 {
line-height: 1;
}
.ti2 {
text-indent: 2em;
}
.ttu {
text-transform: uppercase;
}
.wmrl {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.wmlr {
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
.ffw {
font-family: 'Microsoft YaHei', '微软雅黑' !important;
}
.ffh {
font-family: 'SimHei', '黑体' !important;
}
.ffs {
font-family: 'SimSun', '宋体' !important;
}
.ffk {
font-family: 'KaiTi', '楷体' !important;
}
.ffa {
font-family: Arial, sans-serif !important;
}
.ffv {
font-family: verdana, sans-serif !important;
}
.fft {
font-family: Tahoma, sans-serif !important;
}
.fb,
.fwb {
font-weight: 700;
}
.fwl {
font-weight: 100;
}
.fi {
font-style: italic;
}
.cfff {
color: #fff;
}
.c000 {
color: #000;
}
.c333 {
color: #333;
}
.c666 {
color: #666;
}
.c999 {
color: #999;
}
.cf00 {
color: #f00;
}
.tac {
text-align: center!important;
}
.tal {
text-align: left!important;
}
.tar {
text-align: right!important;
}
.taj {
text-align: justify!important;
}
/* css3 default */
.AniDo {
position: relative;
}
.AniDo {
opacity: 0;
-webkit-transition: 0s !important;
transition: 0s !important;
}
.lazyimg {
opacity: 0;
}
.AniDoing,
.Done {
opacity: 1;
-webkit-transition: .3s !important;
transition: .3s !important;
}
.AniDone {
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
opacity: 1 !important;
-webkit-transition: 0s !important;
transition: 0s !important;
-wekit-transition: 0s !important;
}
.lazyimg {
-webkit-transition: none !important;
transition: none !important;
}
.jsAct {
-webkit-animation-duration: 133ms;
animation-duration: 133ms;
}
.AniStart .op0 {
visibility: hidden;
}
.AniDid .op0 {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.lazyimg.Done {
-webkit-transition: opacity 0.8s, -webkit-transform 0.8s !important;
-webkit-transition: opacity .8s,-webkit-transform .8s !important;
transition: opacity .8s,-webkit-transform .8s !important;
transition: opacity .8s,transform .8s !important;
transition: opacity .8s,transform .8s,-webkit-transform .8s !important;
}
.AniDo,
.HovAni,
.ActAni {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
}
.aniSerialize {
-webkit-animation-duration: .25s;
animation-duration: .25s;
}
.AniDoFast {
-webkit-animation-duration: .4s;
animation-duration: .4s;
}
.AniDoSlow {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
}
.AniDoTortoise {
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
.scroll-wrap {
opacity: 1 !important;
}
.pagination {
display: none;
}
.pagination._show {
display: block;
}
.willdrag .box,
.MouseDown .box {
cursor: all-scroll;
}
.MouseMove .box,
.MouseMove .link,
.MouseMove .btn {
cursor: all-scroll;
}
/* 下划线 */
.ysqUEO.pc .aft {
display: inline-block;
max-width: 100%;
vertical-align: top;
}
.ysqUEO.pc .aft.aftl {
padding-bottom: 0;
}
.ysqUEO.pc .aftl,
.ysqUEO.pc .aftm,
.ysqUEO.pc .aftr {
position: relative;
overflow: hidden;
padding-bottom: 1px;
}
.aftl:hover,
.aftm:hover,
.aftr:hover,
.tduh:hover {
text-decoration: underline;
}
.ysqUEO.pc .aftl,
.ysqUEO.pc .aftm,
.ysqUEO.pc .aftr {
text-decoration: none;
}
.ysqUEO.pc .aftl:after,
.ysqUEO.pc .aftm:after,
.ysqUEO.pc .aftr:after {
position: absolute;
bottom: 0px;
content: " ";
width: 0;
border-bottom: solid 1px;
-webkit-transition: width 0.33s,left 0.33s ;
transition: width 0.33s,left 0.33s ;
}
.ysqUEO.pc .aftl:hover:after,
.ysqUEO.pc .aftr:hover:after {
width: 100%;
-webkit-transition: width 0.33s;
transition: width 0.33s;
}
/*L*/
.ysqUEO.pc .aftl:after {
left: 100%;
}
.ysqUEO.pc .aftl:hover:after {
left: 0;
}
/*M*/
.ysqUEO.pc .aftm:after {
left: 50%;
}
.ysqUEO.pc .aftm:hover:after {
left: 0;
width: 100%;
}
/*R*/
.ysqUEO.pc .aftr:after {
right: 100%;
}
.ysqUEO.pc .aftr:hover:after {
right: 0;
}
/*style*/
@charset "utf-8";
/*! Project : 晨明电动车
+---------style.css----------+
| |
| Author | yeshiqiu |
| Q__Q | 337676937 |
| Addr | SC_Chengdu |
| Date | 2021.05.10 |
| |
+--!-_-!--------------!-_-!--+
*/
.pf100 {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.pa100 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.pr100 {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.bge {
background-color: #eee;
}
.bgf {
background-color: #fff;
}
.bgf1 {
background-color: #f1f1f1;
}
.bgf5 {
background-color: #f5f5f5;
}
select {
-webkit-appearance: none ;
-moz-appearance: none ;
appearance: none ;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFEmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNi0wN1QxMDoxMTo1MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMDdUMTA6MTI6MjcrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjc1NTIyMDlhLThjOTQtOGY0Ni05NjFkLTdmODYxZDE2ODA1MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzU1MjIwOWEtOGM5NC04ZjQ2LTk2MWQtN2Y4NjFkMTY4MDUyIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTA3VDEwOjExOjUzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Phbo2BUAAAGhSURBVGje7ZhPKwVRGIePPzsWxJINJQvWsqXIB0BspHAXNkoZW6XkA8iGfANhayEllu6GrSyEzdXtFivG71czNd3uNWfmnLl3Tt7FU9Ocqfd5Vu/MKN/3lcsoCZAACZAACZAACZCA/xzgeV4n2AevoOIIdD0BXQxYBL6jLDBg3eGANQYMgDcH5ek8yAAyBUoOyZcCZxUGkHnw6YA8HedC72gAKTgQUIg6VweQ7RzLb1X71gpQwV7Im/xeLdd6Aa3gOEfyR4GTdgDpABc5kD8LXFTSANILrpsofwV6/nKMCyDDoNgE+XswFOenE0DGwXMD5Z/AmI6bbgCZAe8NkOeMaV2vJAHhti5nKP8R3bJZBJBV8JXRK8JyUp80AWQT/FiU/wYbaVzSBpBdiwE7aT1MAsihBfkDEwfTgHZwbiB/CtqaGUC6wV0K+Vt+lJvOtxFA+sFjAvkH0Gdjtq0AMgpeNOT5zIituTYDyGTMtzXPJmzOtB1AZuts63JwpvIeEG7rSkSe1ytZzMoqoAUsgRtwyT9owT37AfJ3WgIkQAIkwIRfcr5yHGTCwbkAAAAASUVORK5CYII=");
}
select {
background-size: 16px auto;
background-position: 95% 50%;
background-repeat: no-repeat;
}
/* 固定调用animations-start */
@-webkit-keyframes AniDotScaleOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50%,
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
@keyframes AniDotScaleOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
50%,
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
@-webkit-keyframes fadeInRightm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightm {
-webkit-animation-name: fadeInRightm;
animation-name: fadeInRightm;
}
@-webkit-keyframes fadeInLeftm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftm {
-webkit-animation-name: fadeInLeftm;
animation-name: fadeInLeftm;
}
@-webkit-keyframes fadeInUpm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpm {
-webkit-animation-name: fadeInUpm;
animation-name: fadeInUpm;
}
@-webkit-keyframes fadeInDownm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownm {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownm {
-webkit-animation-name: fadeInDownm;
animation-name: fadeInDownm;
}
@-webkit-keyframes slideInRightm {
0% {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInRightm {
0% {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInRightm {
-webkit-animation-name: slideInRightm;
animation-name: slideInRightm;
opacity: 1 !important;
}
@-webkit-keyframes slideInLeftm {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInLeftm {
0% {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInLeftm {
-webkit-animation-name: slideInLeftm;
animation-name: slideInLeftm;
opacity: 1 !important;
}
@-webkit-keyframes slideInUpm {
0% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInUpm {
0% {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInUpm {
-webkit-animation-name: slideInUpm;
animation-name: slideInUpm;
opacity: 1 !important;
}
@-webkit-keyframes slideInDownm {
0% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes slideInDownm {
0% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.slideInDownm {
-webkit-animation-name: slideInDownm;
animation-name: slideInDownm;
opacity: 1 !important;
}
@-webkit-keyframes fadeIns {
0% {
opacity: 0.5;
}
to {
opacity: 1;
}
}
@keyframes fadeIns {
0% {
opacity: 0.5;
}
to {
opacity: 1;
}
}
.fadeIns {
-webkit-animation-name: fadeIns;
animation-name: fadeIns;
}
@-webkit-keyframes dotShake {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
transform: translate3d(-8%, 0, 0) rotate(-4deg);
}
30% {
-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
transform: translate3d(6.6%, 0, 0) rotate(2deg);
}
45% {
-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
}
60% {
-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
transform: translate3d(4.5%, 0, 0) rotate(1deg);
}
75% {
-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
transform: translate3d(-2%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes dotShake {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-8%, 0, 0) rotate(-4deg);
transform: translate3d(-8%, 0, 0) rotate(-4deg);
}
30% {
-webkit-transform: translate3d(6.6%, 0, 0) rotate(2deg);
transform: translate3d(6.6%, 0, 0) rotate(2deg);
}
45% {
-webkit-transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
transform: translate3d(-5.5%, 0, 0) rotate(-2deg);
}
60% {
-webkit-transform: translate3d(4.5%, 0, 0) rotate(1deg);
transform: translate3d(4.5%, 0, 0) rotate(1deg);
}
75% {
-webkit-transform: translate3d(-2%, 0, 0) rotate(-1deg);
transform: translate3d(-2%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.dotShake {
-webkit-animation-name: dotShake;
animation-name: dotShake;
}
@-webkit-keyframes rotate360 {
0% {
-webkit-transform: none !important;
transform: none !important;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate360 {
0% {
-webkit-transform: none !important;
transform: none !important;
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotate360 {
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateInYm {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInYm {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInYm {
-webkit-animation-name: rotateInYm;
animation-name: rotateInYm;
}
@-webkit-keyframes AniStriking {
0%,
50%,
to {
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
}
@keyframes AniStriking {
0%,
50%,
to {
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
}
.AniStriking {
-webkit-animation-name: AniStriking;
animation-name: AniStriking;
}
@-webkit-keyframes AniOpStriking {
0%,
50%,
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
opacity: .7;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
@keyframes AniOpStriking {
0%,
50%,
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
25%,
75% {
opacity: .7;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
}
.AniOpStriking {
-webkit-animation-name: AniOpStriking;
animation-name: AniOpStriking;
}
@-webkit-keyframes AniShiny {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes AniShiny {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.AniShiny {
-webkit-animation-name: AniShiny;
animation-name: AniShiny;
}
@-webkit-keyframes scaleInDown {
0% {
-webkit-transform: scale(1, 1.25) translateY(20%);
transform: scale(1, 1.25) translateY(20%);
-webkit-transform-origin: 50% 25%;
transform-origin: 50% 25%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
@keyframes scaleInDown {
0% {
-webkit-transform: scale(1, 1.25) translateY(20%);
transform: scale(1, 1.25) translateY(20%);
-webkit-transform-origin: 50% 25%;
transform-origin: 50% 25%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
.scaleInDown {
-webkit-animation-name: scaleInDown;
animation-name: scaleInDown;
}
@-webkit-keyframes scaleInRight {
0% {
-webkit-transform: scale(1.25, 1) translateX(20%);
transform: scale(1.25, 1) translateX(20%);
-webkit-transform-origin: 25% 50%;
transform-origin: 25% 50%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
@keyframes scaleInRight {
0% {
-webkit-transform: scale(1.25, 1) translateX(20%);
transform: scale(1.25, 1) translateX(20%);
-webkit-transform-origin: 25% 50%;
transform-origin: 25% 50%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
.scaleInRight {
-webkit-animation-name: scaleInRight;
animation-name: scaleInRight;
}
@-webkit-keyframes scaleInUp {
0% {
-webkit-transform: scale(1, 1.25) translateY(-20%);
transform: scale(1, 1.25) translateY(-20%);
-webkit-transform-origin: 50% 75%;
transform-origin: 50% 75%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
@keyframes scaleInUp {
0% {
-webkit-transform: scale(1, 1.25) translateY(-20%);
transform: scale(1, 1.25) translateY(-20%);
-webkit-transform-origin: 50% 75%;
transform-origin: 50% 75%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
.scaleInUp {
-webkit-animation-name: scaleInUp;
animation-name: scaleInUp;
}
@-webkit-keyframes scaleInLeft {
0% {
-webkit-transform: scale(1.25, 1) translateX(-20%);
transform: scale(1.25, 1) translateX(-20%);
-webkit-transform-origin: 75% 50%;
transform-origin: 75% 50%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
@keyframes scaleInLeft {
0% {
-webkit-transform: scale(1.25, 1) translateX(-20%);
transform: scale(1.25, 1) translateX(-20%);
-webkit-transform-origin: 75% 50%;
transform-origin: 75% 50%;
}
100% {
-webkit-transform: none !important;
transform: none !important;
}
}
.scaleInLeft {
-webkit-animation-name: scaleInLeft;
animation-name: scaleInLeft;
}
@-webkit-keyframes animateStay {
0,
100% {
opacity: 1;
}
}
@keyframes animateStay {
0,
100% {
opacity: 1;
}
}
.animateStay {
-webkit-animation-name: animateStay;
animation-name: animateStay;
}
@-webkit-keyframes AniNone {
0,
100% {
-webkit-transform: none !important;
transform: none !important;
opacity: 1;
visibility: visible;
}
}
@keyframes AniNone {
0,
100% {
-webkit-transform: none !important;
transform: none !important;
opacity: 1;
visibility: visible;
}
}
.AniNone {
-webkit-animation-name: AniNone;
animation-name: AniNone;
opacity: 1;
}
@-webkit-keyframes AniCalmdown {
}
@keyframes AniCalmdown {
}
.AniCalmdown {
-webkit-animation-name: AniCalmdown;
animation-name: AniCalmdown;
-webkit-animation-duration: .5s !important;
animation-duration: .5s !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none;
}
.waitAniTitleBlock,
.waitAniBlock {
display: inline-block;
vertical-align: top;
}
.waitAniTitleBlock,
.waitAniBlock {
position: relative;
overflow: hidden;
-webkit-animation-duration: 2s !important;
animation-duration: 2s !important;
}
.waitAniTitleBlock:before,
.waitAniBlock:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 8;
background-color: currentColor;
}
.waitAniTitleBlock:before,
.waitAniBlock:before {
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
.waitAniTitleBlock._dirv:before,
.waitAniBlock._dirv:before {
-webkit-transform: translateY(-105%);
transform: translateY(-105%);
}
.waitAniTitleBlock.AniStart .hideWord,
.waitAniBlock.AniStart .hideWord,
.waitAniTitleBlock.AniStart .hidePic,
.waitAniBlock.AniStart .hidePic,
.waitAniTitleBlock.AniStart .hideBlock,
.waitAniBlock.AniStart .hideBlock {
-webkit-transition: all 0ms ease-out 0ms;
transition: all 0ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.waitAniTitleBlock.AniStart:before,
.waitAniBlock.AniStart:before {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 500ms cubic-bezier(0, 0, 0.3, 0.6) 0s;
transition: all 500ms cubic-bezier(0, 0, 0.3, 0.6) 0s;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.waitAniTitleBlock.AniStart._dirv:before,
.waitAniBlock.AniStart._dirv:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.waitAniTitleBlock.AniDid .hideWord,
.waitAniBlock.AniDid .hideWord,
.waitAniTitleBlock.AniDid .hidePic,
.waitAniBlock.AniDid .hidePic,
.waitAniTitleBlock.AniDid .hideBlock,
.waitAniBlock.AniDid .hideBlock {
-webkit-transition: all 0ms ease-out 10ms;
transition: all 0ms ease-out 10ms;
opacity: 1;
visibility: visible;
}
.waitAniTitleBlock.AniDid:before,
.waitAniBlock.AniDid:before {
-webkit-transform: translateX(105%);
transform: translateX(105%);
-webkit-transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s;
transition: all 400ms cubic-bezier(0, 0, 0, 0.8) 0s;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.waitAniTitleBlock.AniDid._dirv:before,
.waitAniBlock.AniDid._dirv:before {
-webkit-transform: translateY(105%);
transform: translateY(105%);
}
/* 固定调用animations-end */
/* baseCss */
.en {
word-break: keep-all;
}
.tdu {
text-decoration: underline;
}
.oh {
position: relative;
overflow: hidden;
}
.ma {
margin-left: auto;
margin-right: auto;
}
.dib {
display: inline-block;
vertical-align: top;
}
.vab {
vertical-align: bottom;
}
.vam {
vertical-align: middle;
}
.vat {
vertical-align: top;
}
.unsel,
.dct {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.insel {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.op0 {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.op1 {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.tapList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.tapList:after {
display: none;
}
.tapList .item {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.lhd5 {
height: .5em;
}
.reject {
cursor: not-allowed;
}
.poss {
position: static !important;
}
.emptyList {
text-align: center;
font-size: 120%;
background-color: #f5f5f5;
color: #222;
font-weight: bold;
}
.hidePoint {
position: absolute;
height: 0;
visibility: hidden;
top: 0;
left: 0;
}
.viewport {
position: relative;
font-size: 0;
}
.pc .viewport {
overflow: hidden;
}
.hScroll {
width: 100%;
white-space: nowrap;
}
.hScroll .scrollBox,
.hScroll .overview {
display: inline-block;
vertical-align: top;
}
.wap .hScroll {
overflow-x: auto;
overflow-y: hidden;
}
.vScroll {
height: 100%;
}
.wap .vScroll {
overflow-y: auto;
overflow-x: hidden;
}
.oScroll {
width: 100%;
height: 100%;
}
.invisible {
visibility: hidden;
position: absolute !important;
z-index: -1;
}
.ensp {
display: inline-block;
vertical-align: middle;
width: .5em;
height: 1px;
}
.cnsp {
display: inline-block;
vertical-align: middle;
width: 1em;
height: 1px;
}
.pa100.link {
position: absolute !important;
right: 0;
bottom: 0;
width: auto;
height: auto;
z-index: 8;
text-indent: -9999px;
overflow: hidden;
white-space: nowrap;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
text-align: left !important;
}
.pa4 {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.bgct {
background-color: transparent !important;
}
.enter,
.reset {
position: relative;
overflow: hidden;
}
.enter .iptBtn,
.reset .iptBtn {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.kong {
pointer-events: none;
}
.aniSpan {
position: static !important;
min-height: 1px;
display: block;
}
.TAlert.nohead .head,
.TAlert.nohead .foot {
display: none;
}
.lazybox {
z-index: 1;
}
.lazybox:before {
content: " ";
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 2px;
border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.lazybox._loaded:before {
-webkit-transition: all 100ms ease-out 0ms;
transition: all 100ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.loding000 {
border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}
.lodingFFF {
border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1);
}
.scs.hbgOn img,
.scst.hbgOn img,
.scs:hover img,
.scst:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.scs img {
-webkit-transition-duration: 330ms;
transition-duration: 330ms;
}
.scst img {
-webkit-transition-duration: 330ms;
transition-duration: 330ms;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
/* resetEnd */
.c1 {
color: #d81920;
}
.bgc1 {
background-color: #d81920;
}
.c2 {
color: #fe8300;
}
.bgc2 {
background-color: #fe8300;
}
.c3 {
color: #e6e6e6;
}
.bgc3 {
background-color: #e6e6e6;
}
.c1b {
color: #c2161d;
}
.bgc1b {
background-color: #c2161d;
}
.c4 {
color: #fffc00;
}
.ca {
color: #333333;
}
.cb {
color: #666666;
}
.cs {
color: #999999;
}
html {
min-width: 440px;
}
@media screen and (min-width: 1025px) {
html {
min-width: 1200px;
}
}
body {
color: #666666;
font: 14px/1 Microsoft YaHei, '微软雅黑', Arial, sans-serif;
}
a {
color: #333333;
}
a.on {
color: #d81920;
}
@media screen and (min-width: 1025px) {
a:hover {
color: #d81920;
}
}
@media screen and (max-width: 1024px) {
a:active {
color: #d81920;
}
}
.vmbox {
font-size: 14px;
line-height: 1;
font-family: Microsoft YaHei, '微软雅黑';
}
.info {
font-size: 14px;
line-height: 1.7143;
}
.info * {
background-color: transparent !important;
}
.imax {
font-size: 16px;
line-height: 2;
}
@media screen and (max-width: 1024px) {
.imax {
font-size: 14px;
line-height: 1.75;
}
}
::-moz-selection {
background: #aa1419;
color: #fff;
text-shadow: none;
}
::selection {
background: #aa1419;
color: #fff;
text-shadow: none;
}
.pc ::-webkit-scrollbar {
position: absolute;
width: 8px;
height: 8px;
}
.pc ::-webkit-scrollbar-thumb {
width: 8px;
height: 8px;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.25);
}
.pc ::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
}
.pc ::-webkit-scrollbar-corner {
background: transparent;
height: 0;
width: 0;
}
.load-error {
background-image: url(../images/based/error.gif);
}
@font-face {
font-family: "Helvetica Neue";
font-weight: normal;
font-style: normal;
src: url("fonts/Helvetica Neue.woff2") format("woff2"), url("fonts/Helvetica Neue.woff") format("woff"), url("fonts/Helvetica Neue.ttf") format("truetype"), url("fonts/Helvetica Neue.eot") format("embedded-opentype"), url("fonts/Helvetica Neue.svg") format("svg"), url("fonts/Helvetica Neue.otf") format("opentype");
}
@font-face {
font-family: "Humnst777";
src: url("fonts/Humnst777 Lt BT.woff2") format("woff2"), url("fonts/Humnst777 Lt BT.woff") format("woff"), url("fonts/Humnst777 Lt BT.ttf") format("truetype"), url("fonts/Humnst777 Lt BT.eot") format("embedded-opentype"), url("fonts/Humnst777 Lt BT.svg") format("svg"), url("fonts/Humnst777 Lt BT.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Mohave";
src: url("fonts/Mohave.woff2") format("woff2"), url("fonts/Mohave.woff") format("woff"), url("fonts/Mohave.ttf") format("truetype"), url("fonts/Mohave.eot") format("embedded-opentype"), url("fonts/Mohave.svg") format("svg"), url("fonts/Mohave.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Alien Encounters Solid";
src: url("fonts/Alien Encounters Solid.woff2") format("woff2"), url("fonts/Alien Encounters Solid.woff") format("woff"), url("fonts/Alien Encounters Solid.ttf") format("truetype"), url("fonts/Alien Encounters Solid.eot") format("embedded-opentype"), url("fonts/Alien Encounters Solid.svg") format("svg"), url("fonts/Alien Encounters Solid.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
.maxmw {
width: auto;
width: calc(100% - 30px);
margin-left: auto !important;
margin-right: auto !important;
max-width: 720px;
}
.container,
.w {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
}
@media screen and (min-width: 1025px) {
.container,
.w {
width: 1200px;
}
}
@media screen and (max-width: 1024px) {
.container,
.w {
width: auto !important;
width: calc(100% - 30px) !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: 720px !important;
}
}
/* 组件 */
/* keyframes use */
.AniDo {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes fadeInRights {
0% {
opacity: 0.6;
-webkit-transform: translate3d(35px, 0, 0);
transform: translate3d(35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRights {
0% {
opacity: 0.6;
-webkit-transform: translate3d(35px, 0, 0);
transform: translate3d(35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRights {
-webkit-animation-name: fadeInRights;
animation-name: fadeInRights;
}
@-webkit-keyframes fadeInLefts {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-35px, 0, 0);
transform: translate3d(-35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLefts {
0% {
opacity: 0.6;
-webkit-transform: translate3d(-35px, 0, 0);
transform: translate3d(-35px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLefts {
-webkit-animation-name: fadeInLefts;
animation-name: fadeInLefts;
}
@-webkit-keyframes fadeInUps {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -35px, 0);
transform: translate3d(0, -35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUps {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, -35px, 0);
transform: translate3d(0, -35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUps {
-webkit-animation-name: fadeInUps;
animation-name: fadeInUps;
}
@-webkit-keyframes fadeInDowns {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 35px, 0);
transform: translate3d(0, 35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDowns {
0% {
opacity: 0.6;
-webkit-transform: translate3d(0, 35px, 0);
transform: translate3d(0, 35px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDowns {
-webkit-animation-name: fadeInDowns;
animation-name: fadeInDowns;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes zoomIns {
0% {
opacity: 0;
-webkit-transform: scale3d(0.77, 0.77, 0.77);
transform: scale3d(0.77, 0.77, 0.77);
}
50%,
100% {
opacity: 1;
}
}
@keyframes zoomIns {
0% {
opacity: 0;
-webkit-transform: scale3d(0.77, 0.77, 0.77);
transform: scale3d(0.77, 0.77, 0.77);
}
50%,
100% {
opacity: 1;
}
}
.zoomIns {
-webkit-animation-name: zoomIns;
animation-name: zoomIns;
}
.AnflashOver {
position: relative;
overflow: hidden;
-webkit-animation-duration: 333ms;
animation-duration: 333ms;
}
.AnflashOver:before {
-webkit-animation-name: AnflashOver;
animation-name: AnflashOver;
-webkit-animation-duration: 333ms;
animation-duration: 333ms;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
content: "";
position: absolute;
overflow: hidden;
width: 80px;
height: 150px;
left: 0;
top: 0;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
background: gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
}
@-webkit-keyframes AnflashOver {
0% {
-webkit-transform: skewX(-25deg) translateX(-149px);
transform: skewX(-25deg) translateX(-149px);
}
to {
left: 100%;
-webkit-transform: skewX(-25deg) translateX(149px);
transform: skewX(-25deg) translateX(149px);
}
}
@keyframes AnflashOver {
0% {
-webkit-transform: skewX(-25deg) translateX(-149px);
transform: skewX(-25deg) translateX(-149px);
}
to {
left: 100%;
-webkit-transform: skewX(-25deg) translateX(149px);
transform: skewX(-25deg) translateX(149px);
}
}
@-webkit-keyframes swings {
20% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
40% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
60% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
80% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swings {
20% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
40% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
60% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
80% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swings {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swings;
animation-name: swings;
}
@-webkit-keyframes bgHmove {
0% {
background-position: 0 50%;
}
100% {
background-position: 100% 50%;
}
}
@keyframes bgHmove {
0% {
background-position: 0 50%;
}
100% {
background-position: 100% 50%;
}
}
@-webkit-keyframes breath_dot {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes breath_dot {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@-webkit-keyframes updownFloat {
0% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes updownFloat {
0% {
-webkit-transform: translateY(-200%);
transform: translateY(-200%);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.updownFloat {
-webkit-animation-name: updownFloat;
animation-name: updownFloat;
}
/* ------------------- htmls ------------------- */
.consultBtnX,
.index-flow .consult-btn,
.landing-section .consult-btn {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
width: 144px;
padding-left: 0;
height: 44px;
line-height: 44px;
position: relative;
z-index: 1;
border-radius: 44px;
overflow: hidden;
text-align: center;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
padding-left: 290px;
}
.consultBtnX:before,
.index-flow .consult-btn:before,
.landing-section .consult-btn:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
border: #d81920 solid 1px;
border-radius: 44px;
}
.consultBtnX .span1,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
position: absolute;
left: 0;
top: 0;
width: 0;
text-align: center;
color: #d81920;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
white-space: nowrap;
}
.consultBtnX .span2,
.index-flow .consult-btn .span2,
.landing-section .consult-btn .span2 {
width: 144px;
height: 44px;
position: absolute;
right: 0;
top: 0;
background-color: #d81920;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.consultBtnX .span2:after,
.index-flow .consult-btn .span2:after,
.landing-section .consult-btn .span2:after {
content: " ";
display: inline-block;
vertical-align: top;
width: 36px;
height: 44px;
background-image: url(../images/ico-touch.png);
background-size: 20px auto;
background-position: 100% 15px;
background-repeat: no-repeat;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
pointer-events: none;
}
.consultBtnX .span1,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
width: 290px;
}
@media screen and (min-width: 1025px) {
.consultBtnX:hover .span2,
.index-flow .consult-btn:hover .span2,
.landing-section .consult-btn:hover .span2 {
padding-right: 0;
}
.consultBtnX:hover .span2:after,
.index-flow .consult-btn:hover .span2:after,
.landing-section .consult-btn:hover .span2:after {
background-size: 22px auto;
background-position: 60% 10px;
width: 36px;
-webkit-transition: all 150ms ease-out 0s;
transition: all 150ms ease-out 0s;
}
}
@media screen and (max-width: 1024px) {
.consultBtnX,
.index-flow .consult-btn,
.landing-section .consult-btn {
margin-top: 1rem;
padding-left: 240px;
}
.consultBtnX .span1,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
width: 240px;
}
}
.formItem {
position: relative;
}
.formItem .aftPD {
position: absolute;
left: 100%;
top: 0;
color: #f00;
margin-left: 8px;
white-space: nowrap;
font-size: 14px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.formItem .skin::-webkit-input-placeholder {
color: #999999;
}
.formItem .skin:-moz-placeholder {
color: #999999;
}
.formItem .skin::-moz-placeholder {
color: #999999;
}
.formItem .skin:-ms-input-placeholder {
color: #999999;
}
.formItem .skin._focus {
border-color: #2e9fd9 !important;
/* box-shadow: 0 0 1px 2px fade(@c1,15%); */
}
.formItem.red .skin {
color: #f00 ;
border-color: #f00 ;
}
.formItem.red .skin::-webkit-input-placeholder {
color: #ff0000;
}
.formItem.red .skin:-moz-placeholder {
color: #ff0000;
}
.formItem.red .skin::-moz-placeholder {
color: #ff0000;
}
.formItem.red .skin:-ms-input-placeholder {
color: #ff0000;
}
.ysqUEO .aBtnMask {
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnMask:after {
background-color: rgba(255, 255, 255, 0.1);
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.ysqUEO .aBtnMask:after {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .aBtnMask:hover:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
}
.ysqUEO .aBtnSc {
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnSc:after {
background-color: rgba(255, 255, 255, 0.1);
content: " ";
position: absolute;
border-radius: 50%;
left: 50%;
top: 50%;
width: 120%;
padding-bottom: 120%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
z-index: -1;
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.ysqUEO .aBtnSc:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.ysqUEO .aBtnSc:hover:after {
-webkit-transition: all 350ms ease-in 0ms;
transition: all 350ms ease-in 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.ysqUEO .aBtnlr {
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .aBtnlr:after {
background-color: #d81920;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
content: " ";
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 100%;
z-index: -1;
pointer-events: none;
}
@media screen and (min-width: 1025px) {
.ysqUEO .aBtnlr:hover:after {
width: 100%;
left: 0;
-webkit-transition: left 0ms ease-out 0s, width 400ms ease-out 0s;
transition: left 0ms ease-out 0s, width 400ms ease-out 0s;
}
}
/* ysq _ ROW */
.ysqRow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.ysqRow:after {
display: none;
}
.ysqRow:after {
display: none;
}
.ysqRow > .item {
position: relative;
overflow: hidden;
z-index: 1;
float: left;
-webkit-transition: background 250ms,color 250ms,-webkit-transform 250ms;
transition: background 250ms,color 250ms,-webkit-transform 250ms;
transition: transform 250ms,background 250ms,color 250ms;
transition: transform 250ms,background 250ms,color 250ms,-webkit-transform 250ms;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
li.kong {
height: 0 !important;
min-height: 0 !important;
visibility: hidden;
margin-top: 0 !important;
}
/* 滚动加载 */
.scrollAjax #loadState {
position: relative;
width: 200px;
height: 40px;
margin: 40px auto 0;
cursor: pointer;
text-align: center;
line-height: 40px;
background-color: #d81920;
color: #fff;
font-size: 16px;
}
.scrollAjax #loadState.off {
background-color: #ddd;
color: #333;
cursor: default;
cursor: not-allowed;
}
.scrollAjax #loadState.ing:after {
content: " ";
-webkit-animation-name: dotMove;
animation-name: dotMove;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-timing-function: steps(4);
animation-timing-function: steps(4);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes dotMove {
0%,
100% {
content: ".";
}
33% {
content: "..";
}
66% {
content: "...";
}
}
@keyframes dotMove {
0%,
100% {
content: ".";
}
33% {
content: "..";
}
66% {
content: "...";
}
}
.scrollAjax #loadState.retry {
overflow: hidden;
background-color: #d81920;
cursor: pointer;
}
.scrollAjax #loadState.retry:before {
content: "";
position: absolute;
overflow: hidden;
width: 80px;
height: 150px;
left: 0;
top: 0;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
-webkit-transform: skewX(-25deg) translateX(-149px);
transform: skewX(-25deg) translateX(-149px);
-webkit-transition: none 250ms ease-out 0s;
transition: none 250ms ease-out 0s;
}
.scrollAjax #loadState.retry:hover:before {
left: 100%;
-webkit-transform: skewX(-25deg) translateX(149px);
transform: skewX(-25deg) translateX(149px);
top: 0;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
}
.scrollAjax .pageList {
display: none;
}
/* 模态窗 */
.TAlert {
display: none;
position: fixed;
left: 0;
top: 0;
z-index: 99;
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
}
.ysqUEO .TAlert .contain {
opacity: 0;
-webkit-transition: all 330ms ease-out 0s;
transition: all 330ms ease-out 0s;
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
.ysqUEO .TAlert.showUp .contain {
opacity: 1;
-webkit-transform: none !important;
transform: none !important;
}
.ysqUEO .TAlert.hideOut .contain {
opacity: 0;
-webkit-transform: scale(0.2) !important;
transform: scale(0.2) !important;
}
.TAlert .contain {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden;
z-index: 9;
}
.TAlert .contain .head {
border-bottom: #cccccc solid 1px;
color: #333;
background-color: #fff;
}
.TAlert .contain .body {
background-color: #fff;
color: #444;
}
.TAlert .contain .foot {
position: relative;
width: 100%;
border-top: #cccccc solid 1px;
}
.TAlert .contain .foot .btn {
position: absolute;
top: 0;
width: 50%;
text-align: center;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.TAlert .contain .foot .btn.enter {
left: 0;
background-color: #d81920;
color: #fff;
}
.TAlert .contain .foot .btn.close {
right: 0;
background-color: #f1f1f1;
border-left: #cfcfcf solid 1px;
color: #333;
}
.TAlert .contain .foot .btn.w100 {
border-left: none;
}
.TAlert .TAlert .contain {
width: 320px;
max-width: 90%;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
text-align: left;
line-height: 1.4333;
font-size: 16px;
border-radius: 5px ;
}
.TAlert .TAlert .contain .Tclose {
position: absolute;
top: 2px;
right: 2px;
width: 40px;
height: 40px;
}
.TAlert .TAlert .contain .Tclose s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 36px;
font-size: 20px;
color: #333333;
font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif;
white-space: nowrap;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .TAlert .TAlert .contain .Tclose s {
overflow: hidden;
text-indent: 120%;
}
.ysqUEO .TAlert .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .TAlert .contain .Tclose s:after {
pointer-events: none !important;
content: " ";
position: absolute;
left: 10px;
width: 20px;
height: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
color: inherit;
background-color: currentColor;
}
.ysqUEO .TAlert .TAlert .contain .Tclose s:before {
top: 14px;
-webkit-transform: rotate(45deg) translate(3.93502884px, 0);
transform: rotate(45deg) translate(3.93502884px, 0);
top: 9px;
}
.ysqUEO .TAlert .TAlert .contain .Tclose s:after {
bottom: 14px;
-webkit-transform: rotate(-45deg) translate(3.93502884px, 0);
transform: rotate(-45deg) translate(3.93502884px, 0);
bottom: 9px;
}
@media screen and (min-width: 1025px) {
.ysqUEO .TAlert .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .TAlert .contain .Tclose s:after {
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
}
.TAlert .TAlert .contain .Tclose s:hover {
color: #333333;
}
}
@media screen and (max-width: 1024px) {
.TAlert .TAlert .contain .Tclose s:active {
color: #333333;
}
}
.TAlert .TAlert .contain .Tclose s:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.TAlert .TAlert .contain .head {
padding: 10px 15px;
}
.TAlert .TAlert .contain .body {
padding: 15px;
font-size: 14px;
}
.TAlert .TAlert .contain .foot {
height: 40px;
}
.TAlert .TAlert .contain .foot .btn {
overflow: hidden;
z-index: 0;
height: 40px;
line-height: 40px;
font-size: 15px;
}
.TAlert .TAlert .contain .foot .btn:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
pointer-events: none;
border-radius: inherit;
background-color: rgba(0, 0, 0, 0);
}
.TAlert .TAlert .contain .foot .btn:hover:before {
background-color: rgba(0, 0, 0, 0.1);
}
.TAlert .TAlert.qrcode_ {
background-color: rgba(0, 0, 0, 0.6);
}
.TAlert .TAlert.qrcode_ .contain {
width: auto;
overflow: visible;
}
.TAlert .TAlert.qrcode_ .contain .head {
padding: 0;
}
.TAlert .TAlert.qrcode_ .contain .Tclose {
top: -40px;
right: -5px;
}
.TAlert .TAlert.qrcode_ .contain .Tclose s {
color: #fff;
}
.TAlert .TAlert.qrcode_ .contain .pic {
width: 160px;
height: 160px;
}
.TAlert .TAlert.qrcode_ .contain .foot {
display: none !important;
}
.TAlert .contain {
width: 320px;
max-width: 90%;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
text-align: left;
line-height: 1.4333;
font-size: 16px;
border-radius: 5px ;
}
.TAlert .contain .Tclose {
position: absolute;
top: 2px;
right: 2px;
width: 40px;
height: 40px;
}
.TAlert .contain .Tclose s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 36px;
font-size: 20px;
color: #333333;
font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif;
white-space: nowrap;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.ysqUEO .TAlert .contain .Tclose s {
overflow: hidden;
text-indent: 120%;
}
.ysqUEO .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .contain .Tclose s:after {
pointer-events: none !important;
content: " ";
position: absolute;
left: 10px;
width: 20px;
height: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
color: inherit;
background-color: currentColor;
}
.ysqUEO .TAlert .contain .Tclose s:before {
top: 14px;
-webkit-transform: rotate(45deg) translate(3.93502884px, 0);
transform: rotate(45deg) translate(3.93502884px, 0);
top: 9px;
}
.ysqUEO .TAlert .contain .Tclose s:after {
bottom: 14px;
-webkit-transform: rotate(-45deg) translate(3.93502884px, 0);
transform: rotate(-45deg) translate(3.93502884px, 0);
bottom: 9px;
}
@media screen and (min-width: 1025px) {
.ysqUEO .TAlert .contain .Tclose s:before,
.ysqUEO .TAlert .contain .Tclose s:after {
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
}
.TAlert .contain .Tclose s:hover {
color: #333333;
}
}
@media screen and (max-width: 1024px) {
.TAlert .contain .Tclose s:active {
color: #333333;
}
}
.TAlert .contain .Tclose s:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.TAlert .contain .head {
padding: 10px 15px;
}
.TAlert .contain .body {
padding: 15px;
font-size: 14px;
}
.TAlert .contain .foot {
height: 40px;
}
.TAlert .contain .foot .btn {
overflow: hidden;
z-index: 0;
height: 40px;
line-height: 40px;
font-size: 15px;
}
.TAlert .contain .foot .btn:before {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
pointer-events: none;
border-radius: inherit;
background-color: rgba(0, 0, 0, 0);
}
.TAlert .contain .foot .btn:hover:before {
background-color: rgba(0, 0, 0, 0.1);
}
.TAlert.qrcode_ {
background-color: rgba(0, 0, 0, 0.6);
}
.TAlert.qrcode_ .contain {
width: auto;
overflow: visible;
}
.TAlert.qrcode_ .contain .head {
padding: 0;
}
.TAlert.qrcode_ .contain .Tclose {
top: -40px;
right: -5px;
}
.TAlert.qrcode_ .contain .Tclose s {
color: #fff;
}
.TAlert.qrcode_ .contain .pic {
width: 160px;
height: 160px;
}
.TAlert.qrcode_ .contain .foot {
display: none !important;
}
.pageListBox {
padding-top: 0.9rem;
}
.pageListBox .pageList {
position: relative;
line-height: 34px;
font-size: 0;
text-align: center;
white-space: nowrap;
overflow-x: hidden;
}
.pageListBox .pageList ul {
position: relative;
float: none !important;
}
.pageListBox .pageList ul,
.pageListBox .pageList ul li {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
}
.pageListBox .pageList ul li {
margin: 0 4px;
font-size: 14px;
}
.pageListBox .pageList a {
display: block;
min-width: 14px;
height: 34px;
padding: 0 10px;
font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑';
color: #333333;
z-index: 2;
position: relative;
background-color: transparent;
color: #333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
font-size: 14px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.pageListBox .pageList a:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #dddddd solid 1px;
z-index: -1;
}
.pageListBox .pageList a.selected {
background-color: #d81920;
color: #fff;
}
.pageListBox .pageList a.selected:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.pageListBox .pageList a:active:after {
-webkit-transition: all 0ms ease-out 0ms !important;
transition: all 0ms ease-out 0ms !important;
opacity: 1 !important;
visibility: visible !important;
border-color: #fff;
}
@media screen and (min-width: 1025px) {
.pageListBox .pageList {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.pageListBox .pageList a:hover {
background-color: #d81920;
color: #fff;
}
.pageListBox .pageList a:hover:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
}
@media screen and (max-width: 1024px) {
.pageListBox .pageList {
overflow-x: auto;
overflow-y: hidden;
}
.pageListBox .pageList a:active {
background-color: #d81920;
color: #fff;
-webkit-transition: none !important;
transition: none !important;
}
.pageListBox .pageList a:active:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
}
@media screen and (max-width: 768px) {
.pageListBox .pageList ul li {
margin-left: 4px;
margin-right: 4px;
}
}
/*模拟滚动条*/
.module-Scrollbox {
position: relative;
height: 100%;
}
.module-Scrollbox.y {
padding-right: 20px;
}
.module-Scrollbox.y .scrollbar {
right: 0;
width: 3px;
height: 100%;
top: 0;
}
.module-Scrollbox.y .scrollbar .track {
position: absolute;
top: 0;
right: 0px;
width: 3px;
height: 100%;
background-color: #e5e5e5;
}
.module-Scrollbox.y .scrollbar .thumb {
height: 0;
right: 0px;
width: 3px;
background-color: #d81920;
}
.module-Scrollbox.x .scrollbar {
height: 3px;
width: 100%;
bottom: 0;
}
.module-Scrollbox.x .scrollbar .track {
position: absolute;
top: 0;
right: 0;
height: 3px;
background-color: #e5e5e5;
}
.module-Scrollbox.x .scrollbar .thumb {
width: 0;
left: 0;
height: 3px;
background-color: #d81920;
}
.module-Scrollbox.x .overview {
display: inline-block;
}
.module-Scrollbox .scrollbar {
/* display: none; */
position: absolute;
z-index: 3;
right: 0;
}
.module-Scrollbox .scrollbar .track {
position: relative;
}
.module-Scrollbox .scrollbar .thumb {
position: absolute;
top: 0;
cursor: pointer;
border-radius: 1.5px;
-webkit-transition: all 80ms ease-out 0s;
transition: all 80ms ease-out 0s;
}
.module-Scrollbox .scrollbar .thumb .end {
height: 3px;
width: 3px;
}
.module-Scrollbox .viewport {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
.module-Scrollbox .overview {
position: relative;
-webkit-transition: all 150ms ease-in 0s;
transition: all 150ms ease-in 0s;
}
.module-Scrollbox .disable {
display: none;
}
@media screen and (max-width: 1024px) {
.module-Scrollbox {
overflow: auto;
padding-right: 0;
}
.module-Scrollbox .viewport {
width: auto;
height: auto;
}
.module-Scrollbox .scrollbar {
display: none !important;
}
}
html {
font-size: 50px;
}
@media screen and (max-width: 1600px) {
html {
font-size: 40px;
}
}
@media screen and (max-width: 1024px) {
html {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
html {
font-size: 25px;
}
}
@media screen and (max-width: 560px) {
html {
font-size: 20px;
}
}
@media screen and (max-width: 1024px) {
.fzRes {
font-size: 100px;
}
}
@media screen and (max-width: 749px) {
.fzRes {
font-size: 90px;
}
}
@media screen and (max-width: 699px) {
.fzRes {
font-size: 85px;
}
}
@media screen and (max-width: 649px) {
.fzRes {
font-size: 80px;
}
}
@media screen and (max-width: 599px) {
.fzRes {
font-size: 75px;
}
}
@media screen and (max-width: 549px) {
.fzRes {
font-size: 70px;
}
}
@media screen and (max-width: 499px) {
.fzRes {
font-size: 65px;
}
}
@media screen and (max-width: 449px) {
.fzRes {
font-size: 60px;
}
}
.fz60,
.sAbout-intro .digitalData .col .sdt i,
.index-about .digitalData .col .sdt i {
font-size: 60px;
}
@media screen and (max-width: 1024px) {
.fz60,
.sAbout-intro .digitalData .col .sdt i,
.index-about .digitalData .col .sdt i {
font-size: 42px;
}
}
@media screen and (max-width: 768px) {
.fz60,
.sAbout-intro .digitalData .col .sdt i,
.index-about .digitalData .col .sdt i {
font-size: 32px;
}
}
.fz48,
.subpage-head .en,
.index-head .en,
.index-head2 .en,
.landing-head.skin1,
.landing-project .head .sdt,
.landing-project .head2 .sdt {
font-size: 48px;
}
@media screen and (max-width: 1024px) {
.fz48,
.subpage-head .en,
.index-head .en,
.index-head2 .en,
.landing-head.skin1,
.landing-project .head .sdt,
.landing-project .head2 .sdt {
font-size: 36px;
}
}
@media screen and (max-width: 768px) {
.fz48,
.subpage-head .en,
.index-head .en,
.index-head2 .en,
.landing-head.skin1,
.landing-project .head .sdt,
.landing-project .head2 .sdt {
font-size: 28px;
}
}
.fz40,
.index-banner .fns .counts .now {
font-size: 40px;
}
@media screen and (max-width: 1024px) {
.fz40,
.index-banner .fns .counts .now {
font-size: 30px;
}
}
.fz36,
.subpage-head .cn,
.index-system .oList .oLi .txt .wrapIn {
font-size: 36px;
}
@media screen and (max-width: 1024px) {
.fz36,
.subpage-head .cn,
.index-system .oList .oLi .txt .wrapIn {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.fz36,
.subpage-head .cn,
.index-system .oList .oLi .txt .wrapIn {
font-size: 24px;
}
}
.fz32,
.sProject-list .item .snum,
.sProject-list .item .txt .title,
.sContact-intro .head .dib,
.index-head2 .cn,
.landing-project .list .item .txt .snum,
.landing-project .list .item .txt .dt .p1 {
font-size: 32px;
}
@media screen and (max-width: 1024px) {
.fz32,
.sProject-list .item .snum,
.sProject-list .item .txt .title,
.sContact-intro .head .dib,
.index-head2 .cn,
.landing-project .list .item .txt .snum,
.landing-project .list .item .txt .dt .p1 {
font-size: 24px;
}
}
.fz28,
.sAfterSale-section2 .head,
.sAbout-factory .head,
.index-head .cn,
.landing-project .list .item .txt .dt .p2 {
font-size: 28px;
}
@media screen and (max-width: 1024px) {
.fz28,
.sAfterSale-section2 .head,
.sAbout-factory .head,
.index-head .cn,
.landing-project .list .item .txt .dt .p2 {
font-size: 20px;
}
}
.fz24,
.subpage-head .aside,
.sProduct-intro .head .title,
.sProduct-project-tab .Tg .btn .wrapIn,
.sCase-intro .head .title,
.sAfterSale-section2 .list6 .item .dt,
.sQuestion-list .item .question .snum,
.sAbout-culture .oList .oLi .txt .wrapIn .dt,
.sContact-intro .head .btn,
.sContact-list .item .txt .title,
.index-banner .fns .counts .all,
.index-informations .contain .head .this,
.index-informations-inform .dt,
.landing-product-tab .Tg .btn1 {
font-size: 24px;
}
@media screen and (max-width: 1024px) {
.fz24,
.subpage-head .aside,
.sProduct-intro .head .title,
.sProduct-project-tab .Tg .btn .wrapIn,
.sCase-intro .head .title,
.sAfterSale-section2 .list6 .item .dt,
.sQuestion-list .item .question .snum,
.sAbout-culture .oList .oLi .txt .wrapIn .dt,
.sContact-intro .head .btn,
.sContact-list .item .txt .title,
.index-banner .fns .counts .all,
.index-informations .contain .head .this,
.index-informations-inform .dt,
.landing-product-tab .Tg .btn1 {
font-size: 18px;
}
}
.fz20,
.consultBtnX .span1,
.sProduct-list .item .txt .title,
.sProduct-relative-resMove .item .txt .title,
.sMaintenance-tab .contain .Tg .btn .wrapIn,
.sQuestion-list .item .question .title,
.sContact-intro .oList .oLi .sdt,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
font-size: 20px;
}
@media screen and (max-width: 1024px) {
.fz20,
.consultBtnX .span1,
.sProduct-list .item .txt .title,
.sProduct-relative-resMove .item .txt .title,
.sMaintenance-tab .contain .Tg .btn .wrapIn,
.sQuestion-list .item .question .title,
.sContact-intro .oList .oLi .sdt,
.index-flow .consult-btn .span1,
.landing-section .consult-btn .span1 {
font-size: 16px;
}
}
.fz18,
.consultBtnX .span2,
.landing-btn1,
.index-flow .consult-btn .span2,
.landing-section .consult-btn .span2 {
font-size: 18px;
}
@media screen and (max-width: 1024px) {
.fz18,
.consultBtnX .span2,
.landing-btn1,
.index-flow .consult-btn .span2,
.landing-section .consult-btn .span2 {
font-size: 14px;
}
}
.fz16 {
font-size: 16px;
}
@media screen and (max-width: 1440px) {
.fz16 {
font-size: 14px;
}
}
.fz14 {
font-size: 14px;
}
@media screen and (max-width: 1440px) {
.fz14 {
font-size: 12px;
}
}
.fzx16,
.floatMessageBoard .Tt .formCheck,
.footer-b,
.subpage-nav .link2,
.subpage-thirdNav .link3,
.subpage-form,
.sNews-list .item .txt .title,
.sNews-view-head .aside,
.sView-foot .ctr,
.sView-foot .backToList,
.sView-foot2,
.sProduct-list .item .txt .abstract,
.sProduct-filter .sel-Line,
.sProduct-intro .head .abstract,
.sProduct-detail-section .head .consult_btns .btn,
.sProduct-parameter-tab .Tg .btn,
.sProduct-parameter-table .tr,
.sProduct-relative-resMove .item .txt .abstract,
.sProduct-project-tab .Tt .box .txt,
.sCase-relative-resMove .item .title,
.sCase-list .item .title,
.sCase-switch .Tt .box .wrapIn .abstract,
.sFactory-resMove .item .title,
.sAfterSale-section2 .aside,
.sAfterSale-section2 .list6 .item .dd,
.sDepreciation-list .item .title,
.sComponent-list .item .title,
.sProject-list .item .txt .oList .oLi,
.sAbout-intro .digitalData .col .sdd,
.sAbout-factory .description,
.sAbout-culture .oList .oLi .txt .wrapIn .dd,
.sHonor-brand .oList .oLi .dt span,
.sTerritory-distribution .description,
.sHr-list,
.sContact-intro .oList .oLi .sdd,
.index-about .digitalData .col .sdd,
.index-about .lr .right .body,
.index-about .lr .right .more,
.index-system .oList .oLi .txt .dd .abstract,
.index-flow .oList .oLi p,
.index-case-tab .Tg .btn,
.index-case-swiper .item .title,
.index-informations .contain .head .more,
.index-informations-news .item,
.landing-product-list .item .title,
.landing-axdvantage .body .item .sdd,
.landing-service .oList .oLi,
.landing-project .list .item .txt .oList .oLi,
.landing-case-tab .Tg .btn {
font-size: 16px;
}
@media screen and (max-width: 1024px) {
.fzx16,
.floatMessageBoard .Tt .formCheck,
.footer-b,
.subpage-nav .link2,
.subpage-thirdNav .link3,
.subpage-form,
.sNews-list .item .txt .title,
.sNews-view-head .aside,
.sView-foot .ctr,
.sView-foot .backToList,
.sView-foot2,
.sProduct-list .item .txt .abstract,
.sProduct-filter .sel-Line,
.sProduct-intro .head .abstract,
.sProduct-detail-section .head .consult_btns .btn,
.sProduct-parameter-tab .Tg .btn,
.sProduct-parameter-table .tr,
.sProduct-relative-resMove .item .txt .abstract,
.sProduct-project-tab .Tt .box .txt,
.sCase-relative-resMove .item .title,
.sCase-list .item .title,
.sCase-switch .Tt .box .wrapIn .abstract,
.sFactory-resMove .item .title,
.sAfterSale-section2 .aside,
.sAfterSale-section2 .list6 .item .dd,
.sDepreciation-list .item .title,
.sComponent-list .item .title,
.sProject-list .item .txt .oList .oLi,
.sAbout-intro .digitalData .col .sdd,
.sAbout-factory .description,
.sAbout-culture .oList .oLi .txt .wrapIn .dd,
.sHonor-brand .oList .oLi .dt span,
.sTerritory-distribution .description,
.sHr-list,
.sContact-intro .oList .oLi .sdd,
.index-about .digitalData .col .sdd,
.index-about .lr .right .body,
.index-about .lr .right .more,
.index-system .oList .oLi .txt .dd .abstract,
.index-flow .oList .oLi p,
.index-case-tab .Tg .btn,
.index-case-swiper .item .title,
.index-informations .contain .head .more,
.index-informations-news .item,
.landing-product-list .item .title,
.landing-axdvantage .body .item .sdd,
.landing-service .oList .oLi,
.landing-project .list .item .txt .oList .oLi,
.landing-case-tab .Tg .btn {
font-size: 14px;
}
}
@media screen and (min-width: 1025px) {
.pc-hide,
.m-link {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
.m-hide {
display: none !important;
}
.m-link {
display: block;
z-index: 11;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.05);
}
}
/* 自定义响应结构 */
.ctr.ctr_pdtView {
z-index: 20;
position: absolute;
right: 0;
top: 50%;
margin-top: -28px;
width: 56px;
height: 56px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ctr.ctr_pdtView:before,
.ctr.ctr_pdtView:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 50%;
}
.ctr.ctr_pdtView:before {
z-index: -1;
pointer-events: none;
background-image: url(../images/arrows-pdtView.png);
background-size: 100% 100%;
background-position: 0 0;
background-repeat: no-repeat;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ctr.ctr_pdtView:after {
z-index: -2;
pointer-events: none;
border: #d81920 solid 1px;
}
.ctr.ctr_pdtView > span {
position: absolute;
left: 0;
width: 100%;
top: 100%;
margin-top: 0.4rem;
text-align: center;
font-size: 14px;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ctr.ctr_pdtView.prev {
left: 0;
}
.ctr.ctr_pdtView.prev:before {
background-position: 0 0;
}
.ctr.ctr_pdtView.prev:hover:before {
margin-left: -5px;
}
.ctr.ctr_pdtView.prev:hover > span {
color: #d81920;
}
.ctr.ctr_pdtView.next {
right: 0;
}
.ctr.ctr_pdtView.next:before {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ctr.ctr_pdtView.next:hover:before {
margin-right: -5px;
}
.ctr.ctr_pdtView.next:hover > span {
color: #d81920;
}
.ctr.ctr_pdtView[href="#"],
.ctr.ctr_pdtView[href=""] {
cursor: not-allowed;
}
.ctr.ctr_pdtView[href="#"] > span,
.ctr.ctr_pdtView[href=""] > span {
color: #999999 !important;
}
.ctr.ctr_pdtView[href="#"]:before,
.ctr.ctr_pdtView[href=""]:before {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
margin: 0 !important;
}
.ctr.ctr_pdtView[href="#"]:after,
.ctr.ctr_pdtView[href=""]:after {
border-color: #999999;
background-color: #eee;
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdtView {
margin-top: -18px;
width: 36px;
height: 36px;
}
.ctr.ctr_pdtView > span {
display: none;
}
}
.ctr.ctr_pdtAlbum {
display: none;
z-index: 20;
position: absolute;
top: 50%;
margin-top: -30px;
width: 40px;
height: 60px;
line-height: 60px;
color: #333333;
}
.ctr.ctr_pdtAlbum s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 36px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_pdtAlbum s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_pdtAlbum s:before,
.ysqUEO .ctr.ctr_pdtAlbum s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2.5px;
margin-top: -1.25px;
background-color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_pdtAlbum:hover {
color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdtAlbum:active {
color: #d81920;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_pdtAlbum {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_pdtAlbum s:before,
.ysqUEO .ctr.ctr_pdtAlbum s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_pdtAlbum:hover s:before,
.ysqUEO .ctr.ctr_pdtAlbum:hover s:after {
background-color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdtAlbum:active s:before,
.ctr.ctr_pdtAlbum:active s:after {
background-color: #d81920;
}
}
.ysqUEO .ctr.ctr_pdtAlbum.prev s:before,
.ysqUEO .ctr.ctr_pdtAlbum.prev s:after {
margin-left: -6.5px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_pdtAlbum.prev s:before {
-webkit-transform: rotate(-42deg) translateX(-1.25px);
transform: rotate(-42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.prev s:after {
-webkit-transform: rotate(42deg) translateX(-1.25px);
transform: rotate(42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.next s:before,
.ysqUEO .ctr.ctr_pdtAlbum.next s:after {
margin-left: -11.5px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_pdtAlbum.next s:before {
-webkit-transform: rotate(-42deg) translateX(1.25px);
transform: rotate(-42deg) translateX(1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.next s:after {
-webkit-transform: rotate(42deg) translateX(1.25px);
transform: rotate(42deg) translateX(1.25px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_pdtAlbum.prev:hover s:before {
-webkit-transform: rotate(-46deg) translateX(-1.25px);
transform: rotate(-46deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.prev:hover s:after {
-webkit-transform: rotate(46deg) translateX(-1.25px);
transform: rotate(46deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.next:hover s:before {
-webkit-transform: rotate(-46deg) translateX(1.25px);
transform: rotate(-46deg) translateX(1.25px);
}
.ysqUEO .ctr.ctr_pdtAlbum.next:hover s:after {
-webkit-transform: rotate(46deg) translateX(1.25px);
transform: rotate(46deg) translateX(1.25px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdtAlbum.prev:active s:before,
.ctr.ctr_pdtAlbum.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_pdtAlbum.prev:active s:before {
-webkit-transform: rotate(-46deg) translateX(-1.25px);
transform: rotate(-46deg) translateX(-1.25px);
}
.ctr.ctr_pdtAlbum.prev:active s:after {
-webkit-transform: rotate(46deg) translateX(-1.25px);
transform: rotate(46deg) translateX(-1.25px);
}
.ctr.ctr_pdtAlbum.next:active s:before,
.ctr.ctr_pdtAlbum.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_pdtAlbum.next:active s:before {
-webkit-transform: rotate(-46deg) translateX(1.25px);
transform: rotate(-46deg) translateX(1.25px);
}
.ctr.ctr_pdtAlbum.next:active s:after {
-webkit-transform: rotate(46deg) translateX(1.25px);
transform: rotate(46deg) translateX(1.25px);
}
}
.ctr.ctr_pdtAlbum.prev {
left: 0;
}
.ctr.ctr_pdtAlbum.next {
right: 0;
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdtAlbum {
width: 30px;
height: 45px;
margin-top: -22.5px;
}
.ctr.ctr_pdtAlbum s {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.ctr.ctr_pdtAlbum:active {
color: #fff;
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_pdtAlbum:active:after {
background-color: #d81920 !important;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.ctr.ctr_navLR {
z-index: 20;
position: absolute;
right: 0;
top: 0;
width: 32px;
height: 100%;
background-color: #c2161d;
color: #ffffff;
}
.ctr.ctr_navLR.reject {
display: none;
}
.ctr.ctr_navLR s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 20px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_navLR s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_navLR s:before,
.ysqUEO .ctr.ctr_navLR s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_navLR:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_navLR:active {
color: #ffffff;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_navLR {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_navLR s:before,
.ysqUEO .ctr.ctr_navLR s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_navLR:hover s:before,
.ysqUEO .ctr.ctr_navLR:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_navLR:active s:before,
.ctr.ctr_navLR:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .ctr.ctr_navLR.prev s:before,
.ysqUEO .ctr.ctr_navLR.prev s:after {
margin-left: -3px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_navLR.prev s:before {
-webkit-transform: rotate(-35deg) translateX(-1px);
transform: rotate(-35deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_navLR.prev s:after {
-webkit-transform: rotate(35deg) translateX(-1px);
transform: rotate(35deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_navLR.next s:before,
.ysqUEO .ctr.ctr_navLR.next s:after {
margin-left: -7px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_navLR.next s:before {
-webkit-transform: rotate(-35deg) translateX(1px);
transform: rotate(-35deg) translateX(1px);
}
.ysqUEO .ctr.ctr_navLR.next s:after {
-webkit-transform: rotate(35deg) translateX(1px);
transform: rotate(35deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_navLR.prev:hover s:before {
-webkit-transform: rotate(-42deg) translateX(-1px);
transform: rotate(-42deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_navLR.prev:hover s:after {
-webkit-transform: rotate(42deg) translateX(-1px);
transform: rotate(42deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_navLR.next:hover s:before {
-webkit-transform: rotate(-42deg) translateX(1px);
transform: rotate(-42deg) translateX(1px);
}
.ysqUEO .ctr.ctr_navLR.next:hover s:after {
-webkit-transform: rotate(42deg) translateX(1px);
transform: rotate(42deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_navLR.prev:active s:before,
.ctr.ctr_navLR.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_navLR.prev:active s:before {
-webkit-transform: rotate(-42deg) translateX(-1px);
transform: rotate(-42deg) translateX(-1px);
}
.ctr.ctr_navLR.prev:active s:after {
-webkit-transform: rotate(42deg) translateX(-1px);
transform: rotate(42deg) translateX(-1px);
}
.ctr.ctr_navLR.next:active s:before,
.ctr.ctr_navLR.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_navLR.next:active s:before {
-webkit-transform: rotate(-42deg) translateX(1px);
transform: rotate(-42deg) translateX(1px);
}
.ctr.ctr_navLR.next:active s:after {
-webkit-transform: rotate(42deg) translateX(1px);
transform: rotate(42deg) translateX(1px);
}
}
.ctr.ctr_navLR.prev {
left: 0;
}
.ctr.ctr_navLR.next {
right: 0;
}
.ctr.ctr_circle {
display: none;
z-index: 20;
position: absolute;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
line-height: 40px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
border-radius: 50%;
background-color: #d81920;
color: #ffffff;
}
.ctr.ctr_circle s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 20px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_circle s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_circle s:before,
.ysqUEO .ctr.ctr_circle s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_circle:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_circle:active {
color: #ffffff;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_circle {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_circle s:before,
.ysqUEO .ctr.ctr_circle s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_circle:hover s:before,
.ysqUEO .ctr.ctr_circle:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_circle:active s:before,
.ctr.ctr_circle:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .ctr.ctr_circle.prev s:before,
.ysqUEO .ctr.ctr_circle.prev s:after {
margin-left: -3px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_circle.prev s:before {
-webkit-transform: rotate(-44deg) translateX(-1px);
transform: rotate(-44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_circle.prev s:after {
-webkit-transform: rotate(44deg) translateX(-1px);
transform: rotate(44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_circle.next s:before,
.ysqUEO .ctr.ctr_circle.next s:after {
margin-left: -7px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_circle.next s:before {
-webkit-transform: rotate(-44deg) translateX(1px);
transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .ctr.ctr_circle.next s:after {
-webkit-transform: rotate(44deg) translateX(1px);
transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_circle.prev:hover s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_circle.prev:hover s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_circle.next:hover s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ysqUEO .ctr.ctr_circle.next:hover s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_circle.prev:active s:before,
.ctr.ctr_circle.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_circle.prev:active s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ctr.ctr_circle.prev:active s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ctr.ctr_circle.next:active s:before,
.ctr.ctr_circle.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_circle.next:active s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ctr.ctr_circle.next:active s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
.ctr.ctr_circle.prev {
left: 0;
}
.ctr.ctr_circle.next {
right: 0;
}
.ctr.ctr_pdt {
display: none;
z-index: 20;
position: absolute;
width: 48px;
height: 48px;
line-height: 48px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
border-radius: 50%;
color: #d81920;
}
.ctr.ctr_pdt:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
border: #d81920 solid 1px;
border-radius: 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ctr.ctr_pdt s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 32px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_pdt s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_pdt s:before,
.ysqUEO .ctr.ctr_pdt s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 3px;
margin-top: -1.5px;
background-color: #d81920;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_pdt:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdt:active {
color: #ffffff;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_pdt {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_pdt s:before,
.ysqUEO .ctr.ctr_pdt s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_pdt:hover s:before,
.ysqUEO .ctr.ctr_pdt:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdt:active s:before,
.ctr.ctr_pdt:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .ctr.ctr_pdt.prev s:before,
.ysqUEO .ctr.ctr_pdt.prev s:after {
margin-left: -5px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_pdt.prev s:before {
-webkit-transform: rotate(-44deg) translateX(-1.5px);
transform: rotate(-44deg) translateX(-1.5px);
}
.ysqUEO .ctr.ctr_pdt.prev s:after {
-webkit-transform: rotate(44deg) translateX(-1.5px);
transform: rotate(44deg) translateX(-1.5px);
}
.ysqUEO .ctr.ctr_pdt.next s:before,
.ysqUEO .ctr.ctr_pdt.next s:after {
margin-left: -11px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_pdt.next s:before {
-webkit-transform: rotate(-44deg) translateX(1.5px);
transform: rotate(-44deg) translateX(1.5px);
}
.ysqUEO .ctr.ctr_pdt.next s:after {
-webkit-transform: rotate(44deg) translateX(1.5px);
transform: rotate(44deg) translateX(1.5px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_pdt.prev:hover s:before {
-webkit-transform: rotate(-50deg) translateX(-1.5px);
transform: rotate(-50deg) translateX(-1.5px);
}
.ysqUEO .ctr.ctr_pdt.prev:hover s:after {
-webkit-transform: rotate(50deg) translateX(-1.5px);
transform: rotate(50deg) translateX(-1.5px);
}
.ysqUEO .ctr.ctr_pdt.next:hover s:before {
-webkit-transform: rotate(-50deg) translateX(1.5px);
transform: rotate(-50deg) translateX(1.5px);
}
.ysqUEO .ctr.ctr_pdt.next:hover s:after {
-webkit-transform: rotate(50deg) translateX(1.5px);
transform: rotate(50deg) translateX(1.5px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdt.prev:active s:before,
.ctr.ctr_pdt.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_pdt.prev:active s:before {
-webkit-transform: rotate(-50deg) translateX(-1.5px);
transform: rotate(-50deg) translateX(-1.5px);
}
.ctr.ctr_pdt.prev:active s:after {
-webkit-transform: rotate(50deg) translateX(-1.5px);
transform: rotate(50deg) translateX(-1.5px);
}
.ctr.ctr_pdt.next:active s:before,
.ctr.ctr_pdt.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_pdt.next:active s:before {
-webkit-transform: rotate(-50deg) translateX(1.5px);
transform: rotate(-50deg) translateX(1.5px);
}
.ctr.ctr_pdt.next:active s:after {
-webkit-transform: rotate(50deg) translateX(1.5px);
transform: rotate(50deg) translateX(1.5px);
}
}
@media screen and (min-width: 1025px) {
.ctr.ctr_pdt:hover:after {
background-color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_pdt:active:after {
background-color: #d81920;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.ctr.ctr_banner {
display: none;
z-index: 20;
position: absolute;
top: 50%;
margin-top: -18px;
width: 24px;
height: 36px;
line-height: 36px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
color: #d81920;
color: #ffffff;
}
.ctr.ctr_banner s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 36px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_banner s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_banner s:before,
.ysqUEO .ctr.ctr_banner s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_banner:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_banner:active {
color: #ffffff;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_banner {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_banner s:before,
.ysqUEO .ctr.ctr_banner s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_banner:hover s:before,
.ysqUEO .ctr.ctr_banner:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_banner:active s:before,
.ctr.ctr_banner:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .ctr.ctr_banner.prev s:before,
.ysqUEO .ctr.ctr_banner.prev s:after {
margin-left: -7px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_banner.prev s:before {
-webkit-transform: rotate(-42deg) translateX(-1px);
transform: rotate(-42deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_banner.prev s:after {
-webkit-transform: rotate(42deg) translateX(-1px);
transform: rotate(42deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_banner.next s:before,
.ysqUEO .ctr.ctr_banner.next s:after {
margin-left: -11px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_banner.next s:before {
-webkit-transform: rotate(-42deg) translateX(1px);
transform: rotate(-42deg) translateX(1px);
}
.ysqUEO .ctr.ctr_banner.next s:after {
-webkit-transform: rotate(42deg) translateX(1px);
transform: rotate(42deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_banner.prev:hover s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_banner.prev:hover s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_banner.next:hover s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ysqUEO .ctr.ctr_banner.next:hover s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_banner.prev:active s:before,
.ctr.ctr_banner.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_banner.prev:active s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ctr.ctr_banner.prev:active s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ctr.ctr_banner.next:active s:before,
.ctr.ctr_banner.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_banner.next:active s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ctr.ctr_banner.next:active s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
.ctr.ctr_banner.prev {
left: 0;
}
.ctr.ctr_banner.next {
right: 0;
}
.ctr.ctr_event {
display: none;
z-index: 20;
position: absolute;
top: 50%;
margin-top: -50px;
width: 60px;
height: 100px;
line-height: 100px;
color: #b9b9b9;
}
.ctr.ctr_event s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 64px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_event s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_event s:before,
.ysqUEO .ctr.ctr_event s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 32px;
height: 2.5px;
margin-top: -1.25px;
background-color: #b9b9b9;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_event:hover {
color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_event:active {
color: #d81920;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_event {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_event s:before,
.ysqUEO .ctr.ctr_event s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_event:hover s:before,
.ysqUEO .ctr.ctr_event:hover s:after {
background-color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_event:active s:before,
.ctr.ctr_event:active s:after {
background-color: #d81920;
}
}
.ysqUEO .ctr.ctr_event.prev s:before,
.ysqUEO .ctr.ctr_event.prev s:after {
margin-left: -13.5px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_event.prev s:before {
-webkit-transform: rotate(-42deg) translateX(-1.25px);
transform: rotate(-42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_event.prev s:after {
-webkit-transform: rotate(42deg) translateX(-1.25px);
transform: rotate(42deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_event.next s:before,
.ysqUEO .ctr.ctr_event.next s:after {
margin-left: -18.5px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_event.next s:before {
-webkit-transform: rotate(-42deg) translateX(1.25px);
transform: rotate(-42deg) translateX(1.25px);
}
.ysqUEO .ctr.ctr_event.next s:after {
-webkit-transform: rotate(42deg) translateX(1.25px);
transform: rotate(42deg) translateX(1.25px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_event.prev:hover s:before {
-webkit-transform: rotate(-46deg) translateX(-1.25px);
transform: rotate(-46deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_event.prev:hover s:after {
-webkit-transform: rotate(46deg) translateX(-1.25px);
transform: rotate(46deg) translateX(-1.25px);
}
.ysqUEO .ctr.ctr_event.next:hover s:before {
-webkit-transform: rotate(-46deg) translateX(1.25px);
transform: rotate(-46deg) translateX(1.25px);
}
.ysqUEO .ctr.ctr_event.next:hover s:after {
-webkit-transform: rotate(46deg) translateX(1.25px);
transform: rotate(46deg) translateX(1.25px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_event.prev:active s:before,
.ctr.ctr_event.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_event.prev:active s:before {
-webkit-transform: rotate(-46deg) translateX(-1.25px);
transform: rotate(-46deg) translateX(-1.25px);
}
.ctr.ctr_event.prev:active s:after {
-webkit-transform: rotate(46deg) translateX(-1.25px);
transform: rotate(46deg) translateX(-1.25px);
}
.ctr.ctr_event.next:active s:before,
.ctr.ctr_event.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_event.next:active s:before {
-webkit-transform: rotate(-46deg) translateX(1.25px);
transform: rotate(-46deg) translateX(1.25px);
}
.ctr.ctr_event.next:active s:after {
-webkit-transform: rotate(46deg) translateX(1.25px);
transform: rotate(46deg) translateX(1.25px);
}
}
.ctr.ctr_event.prev {
left: 0;
}
.ctr.ctr_event.next {
right: 0;
}
@media screen and (max-width: 1024px) {
.ctr.ctr_event {
width: 30px;
height: 50px;
margin-top: -25px;
}
.ctr.ctr_event s {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
.ctr.ctr_event:active {
color: #fff;
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_event:active:after {
background-color: #d81920 !important;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.ctr.ctr_case {
display: none;
z-index: 20;
position: absolute;
width: 48px;
height: 48px;
line-height: 48px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
background-color: #e0e0e0;
color: #d81920;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_case:hover {
background-color: #d81920;
color: #fff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_case {
width: 32px;
height: 48px;
}
.ctr.ctr_case:active {
background-color: #d81920;
color: #fff;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.ctr.ctr_case s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 24px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_case s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_case s:before,
.ysqUEO .ctr.ctr_case s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
margin-top: -1px;
background-color: #d81920;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_case:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_case:active {
color: #ffffff;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_case {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_case s:before,
.ysqUEO .ctr.ctr_case s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_case:hover s:before,
.ysqUEO .ctr.ctr_case:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_case:active s:before,
.ctr.ctr_case:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .ctr.ctr_case.prev s:before,
.ysqUEO .ctr.ctr_case.prev s:after {
margin-left: -4px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_case.prev s:before {
-webkit-transform: rotate(-44deg) translateX(-1px);
transform: rotate(-44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_case.prev s:after {
-webkit-transform: rotate(44deg) translateX(-1px);
transform: rotate(44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_case.next s:before,
.ysqUEO .ctr.ctr_case.next s:after {
margin-left: -8px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_case.next s:before {
-webkit-transform: rotate(-44deg) translateX(1px);
transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .ctr.ctr_case.next s:after {
-webkit-transform: rotate(44deg) translateX(1px);
transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_case.prev:hover s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_case.prev:hover s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_case.next:hover s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ysqUEO .ctr.ctr_case.next:hover s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_case.prev:active s:before,
.ctr.ctr_case.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_case.prev:active s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ctr.ctr_case.prev:active s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ctr.ctr_case.next:active s:before,
.ctr.ctr_case.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_case.next:active s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ctr.ctr_case.next:active s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
.ctr.ctr_caseAlbum {
display: none;
z-index: 20;
position: absolute;
width: 64px;
height: 128px;
line-height: 128px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
top: 50%;
margin-top: -64px;
overflow: hidden;
color: #ffffff;
}
.ctr.ctr_caseAlbum:after {
content: " ";
position: absolute;
top: 0;
width: 128px;
height: 128px;
border-radius: 128px;
background-color: #d81920;
z-index: -1;
pointer-events: none;
}
.ctr.ctr_caseAlbum.prev:after {
right: 0;
}
.ctr.ctr_caseAlbum.next:after {
left: 0;
}
@media screen and (max-width: 1024px) {
.ctr.ctr_caseAlbum {
width: 32px;
height: 64px;
line-height: 64px;
margin-top: -32px;
}
.ctr.ctr_caseAlbum:after {
width: 64px;
height: 64px;
border-radius: 64px;
}
.ctr.ctr_caseAlbum s {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
.ctr.ctr_caseAlbum s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 32px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .ctr.ctr_caseAlbum s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
padding: inherit;
}
.ysqUEO .ctr.ctr_caseAlbum s:before,
.ysqUEO .ctr.ctr_caseAlbum s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.ctr.ctr_caseAlbum:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_caseAlbum:active {
color: #ffffff;
}
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_caseAlbum {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .ctr.ctr_caseAlbum s:before,
.ysqUEO .ctr.ctr_caseAlbum s:after {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.ysqUEO .ctr.ctr_caseAlbum:hover s:before,
.ysqUEO .ctr.ctr_caseAlbum:hover s:after {
background-color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_caseAlbum:active s:before,
.ctr.ctr_caseAlbum:active s:after {
background-color: #ffffff;
}
}
.ysqUEO .ctr.ctr_caseAlbum.prev s:before,
.ysqUEO .ctr.ctr_caseAlbum.prev s:after {
margin-left: -6px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.ysqUEO .ctr.ctr_caseAlbum.prev s:before {
-webkit-transform: rotate(-44deg) translateX(-1px);
transform: rotate(-44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_caseAlbum.prev s:after {
-webkit-transform: rotate(44deg) translateX(-1px);
transform: rotate(44deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_caseAlbum.next s:before,
.ysqUEO .ctr.ctr_caseAlbum.next s:after {
margin-left: -10px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.ysqUEO .ctr.ctr_caseAlbum.next s:before {
-webkit-transform: rotate(-44deg) translateX(1px);
transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .ctr.ctr_caseAlbum.next s:after {
-webkit-transform: rotate(44deg) translateX(1px);
transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.ysqUEO .ctr.ctr_caseAlbum.prev:hover s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_caseAlbum.prev:hover s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ysqUEO .ctr.ctr_caseAlbum.next:hover s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ysqUEO .ctr.ctr_caseAlbum.next:hover s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
@media screen and (max-width: 1024px) {
.ctr.ctr_caseAlbum.prev:active s:before,
.ctr.ctr_caseAlbum.prev:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_caseAlbum.prev:active s:before {
-webkit-transform: rotate(-50deg) translateX(-1px);
transform: rotate(-50deg) translateX(-1px);
}
.ctr.ctr_caseAlbum.prev:active s:after {
-webkit-transform: rotate(50deg) translateX(-1px);
transform: rotate(50deg) translateX(-1px);
}
.ctr.ctr_caseAlbum.next:active s:before,
.ctr.ctr_caseAlbum.next:active s:after {
-webkit-transition: 0ms;
transition: 0ms;
}
.ctr.ctr_caseAlbum.next:active s:before {
-webkit-transform: rotate(-50deg) translateX(1px);
transform: rotate(-50deg) translateX(1px);
}
.ctr.ctr_caseAlbum.next:active s:after {
-webkit-transform: rotate(50deg) translateX(1px);
transform: rotate(50deg) translateX(1px);
}
}
.pagination.pagination_banner {
overflow: hidden;
white-space: nowrap;
line-height: 0;
position: relative;
margin-top: 20px;
width: 100%;
text-align: center;
}
.pagination.pagination_banner .btn {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 1;
width: 12px;
height: 12px;
border: 0 solid #d81920;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
border-radius: 12px;
background-color: #fff;
}
.pagination.pagination_banner .btn:nth-child(1n+2) {
margin-left: 20px;
}
.pagination.pagination_banner .btn > em {
display: none;
}
.pagination.pagination_banner .btn.on {
background-color: #d81920 !important;
}
@media screen and (max-width: 1024px) {
.pagination.pagination_banner {
margin-top: 0.4rem;
}
.pagination.pagination_banner .btn {
width: 8px;
height: 8px;
}
.pagination.pagination_banner .btn:nth-child(1n+2) {
margin-left: 8px;
}
}
.pagination.pagination_case {
overflow: hidden;
white-space: nowrap;
line-height: 0;
position: relative;
margin-top: 20px;
width: 100%;
text-align: center;
}
.pagination.pagination_case .btn {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 1;
width: 10px;
height: 10px;
border: 0 solid #d81920;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
border-radius: 10px;
background-color: #e0e0e0;
}
.pagination.pagination_case .btn:nth-child(1n+2) {
margin-left: 20px;
}
.pagination.pagination_case .btn > em {
display: none;
}
.pagination.pagination_case .btn.on {
background-color: #d81920 !important;
}
@media screen and (max-width: 1024px) {
.pagination.pagination_case {
margin-top: 0.4rem;
}
.pagination.pagination_case .btn {
width: 8px;
height: 8px;
}
.pagination.pagination_case .btn:nth-child(1n+2) {
margin-left: 8px;
}
}
/* floatFns */
.floatFns {
position: fixed;
z-index: 88;
right: 0;
top: 100%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.floatFns .item {
position: relative;
z-index: 2;
display: block;
margin-top: 2px;
width: 72px;
height: 72px;
text-align: center;
}
.floatFns .item:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
border: solid 1px #d81920;
background-color: #fff;
}
.floatFns .item:first-child {
margin-top: 0;
}
.floatFns .item .stay {
z-index: 2;
position: relative;
display: block;
width: 72px;
height: 24px;
padding-top: 48px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.floatFns .item .stay,
.floatFns .item .stay a {
color: #d81920;
}
.floatFns .item .icon {
position: absolute;
top: 8px;
left: 50%;
margin-left: -18px;
width: 36px;
height: 36px;
background-position: -9999px 0;
background-repeat: no-repeat;
}
.floatFns .item .icon:before,
.floatFns .item .icon:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: inherit;
background-size: 100% 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.floatFns .item .icon:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.floatFns .item .icon:after {
-webkit-filter: grayscale(100%) brightness(500%);
filter: grayscale(100%) brightness(500%);
-webkit-transform: scale(2);
transform: scale(2);
}
.floatFns .item .hide {
z-index: 1;
position: absolute;
right: 100%;
top: 0;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.2);
}
.floatFns .item .padbox {
background-color: #d81920;
min-height: 22px;
line-height: 22px;
padding: 14px 24px;
color: #fff;
font-size: 14px;
white-space: nowrap;
text-align: left;
}
.floatFns .item .padbox a {
color: #fff;
}
.floatFns .item .qrcode {
width: 120px;
height: 120px;
background-color: #fff;
}
.floatFns .item .qrcode img {
display: block;
width: 100%;
height: 100%;
}
.floatFns .item:hover .stay {
background-color: #d81920;
}
.floatFns .item:hover .stay,
.floatFns .item:hover .stay a {
color: #ffffff;
}
.floatFns .item:hover .icon:before {
-webkit-transition: all 330ms ease-out 0ms;
transition: all 330ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
}
.floatFns .item:hover .icon:after {
-webkit-transition: all 330ms ease-out 0ms;
transition: all 330ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.floatFns .item:hover .hide {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
@media screen and (max-width: 1024px) {
.floatFns {
display: none;
}
}
/* floatMessageBoard */
.floatMessageBoard {
position: fixed;
bottom: 5%;
left: 0;
z-index: 80;
}
.floatMessageBoard .Tg {
position: fixed;
left: -5px;
bottom: 0;
width: 65px;
height: 144px;
border-radius: 0 6px 6px 0;
background-color: #d81920;
color: #fff;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.floatMessageBoard .Tg span {
width: 1em;
font-size: 24px;
line-height: 1.12;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding-right: 4px;
}
.floatMessageBoard .Tg .arrow {
position: absolute;
right: -16px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #d81920;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
z-index: -1;
color: #ffffff;
}
.floatMessageBoard .Tg .arrow s {
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.floatMessageBoard .Tg .arrow s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 24px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .floatMessageBoard .Tg .arrow s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.ysqUEO .floatMessageBoard .Tg .arrow s:before,
.ysqUEO .floatMessageBoard .Tg .arrow s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
margin-left: -8px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .floatMessageBoard .Tg .arrow s:before {
-webkit-transform: rotate(-44deg) translateX(1px);
transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .floatMessageBoard .Tg .arrow s:after {
-webkit-transform: rotate(44deg) translateX(1px);
transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.floatMessageBoard .Tg .arrow:hover {
color: #ffffff;
}
.floatMessageBoard .Tg .arrow:hover s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.floatMessageBoard .Tg .arrow:hover s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
@media screen and (max-width: 1024px) {
.floatMessageBoard .Tg .arrow:active {
color: #ffffff;
}
.floatMessageBoard .Tg .arrow:active s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.floatMessageBoard .Tg .arrow:active s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
.floatMessageBoard .Tg:hover {
left: 0;
}
.floatMessageBoard .Tt {
position: fixed;
right: 100%;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);
height: 144px;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
min-width: 1200px;
}
.floatMessageBoard .Tt .contain {
padding: 30px 0 25px;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.floatMessageBoard .Tt .head {
position: absolute;
font-size: 28px;
color: #fff;
}
.floatMessageBoard .Tt .head:after {
content: " ";
display: block;
margin-top: 15px;
width: 64px;
height: 2px;
background-color: #fff;
}
.floatMessageBoard .Tt .head .cn {
line-height: 32px;
}
.floatMessageBoard .Tt .head .en {
margin-top: 8px;
text-transform: uppercase;
font-family: "Mohave", Tahoma, Arial, sans-serif;
}
.floatMessageBoard .Tt .formCheck {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding-left: 240px;
}
.floatMessageBoard .Tt .formCheck:after {
display: none;
}
.floatMessageBoard .Tt .formCheck .formItem {
margin-bottom: 10px;
margin-left: 10px;
}
.floatMessageBoard .Tt .formCheck .formItem .skin {
width: 100%;
border: #ffffff solid 1px !important;
padding: 8px 15px;
line-height: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
background-color: #fff;
}
.floatMessageBoard .Tt .formCheck .formItem .skin._focus {
-webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.15);
}
.floatMessageBoard .Tt .formCheck .formItem .skin {
height: 40px;
}
.floatMessageBoard .Tt .formCheck .formItem.w1 {
width: 240px;
}
.floatMessageBoard .Tt .formCheck .formItem.w2 {
width: 450px;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
width: 100%;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm:after {
display: none;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .skin {
float: left;
width: 240px;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .refreshVC {
float: left;
width: 40px;
height: 40px;
margin-left: 10px;
background-image: url(../images/ico-refresh.png);
background-size: 32px auto;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .refreshVC:active {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 0ms;
transition: 0ms;
}
.floatMessageBoard .Tt .formCheck .formItem.yzm .bindClick {
float: left;
height: 40px;
width: 120px;
margin-left: 10px;
}
.floatMessageBoard .Tt .formCheck .formItem .enter {
width: 160px;
height: 40px;
line-height: 40px;
background-color: #d81920;
color: #fff;
text-align: center;
font-weight: bold;
}
.floatMessageBoard .Tt .formCheck .close {
position: absolute;
top: 0;
right: -44px;
width: 24px;
height: 24px;
cursor: pointer;
z-index: 80;
border-radius: 50%;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.floatMessageBoard .Tt .formCheck .close:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #ffffff solid 1px;
border-radius: 50%;
z-index: -1;
pointer-events: none;
}
.floatMessageBoard .Tt .formCheck .close s {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 21.6px;
font-size: 12px;
color: #ffffff;
font-family: Microsoft YaHei, '微软雅黑', Arial, sans-serif;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s {
overflow: hidden;
text-indent: 120%;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:before,
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:after {
pointer-events: none !important;
content: " ";
position: absolute;
left: 6px;
width: 12px;
height: 1px;
border-radius: 2px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
color: inherit;
background-color: currentColor;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:before {
top: 10px;
-webkit-transform: rotate(45deg) translate(2.38172798px, 0);
transform: rotate(45deg) translate(2.38172798px, 0);
top: 5.5px;
}
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:after {
bottom: 10px;
-webkit-transform: rotate(-45deg) translate(2.38172798px, 0);
transform: rotate(-45deg) translate(2.38172798px, 0);
bottom: 5.5px;
}
@media screen and (min-width: 1025px) {
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:before,
.ysqUEO .floatMessageBoard .Tt .formCheck .close s:after {
-webkit-transition: all 300ms ease-out 0ms;
transition: all 300ms ease-out 0ms;
}
.floatMessageBoard .Tt .formCheck .close s:hover {
color: #ffffff;
}
}
@media screen and (max-width: 1024px) {
.floatMessageBoard .Tt .formCheck .close s:active {
color: #ffffff;
}
}
.floatMessageBoard .Tt .formCheck .close s:hover {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
@media screen and (max-width: 1280px) {
.floatMessageBoard .Tt .formCheck {
padding-left: 0;
width: 960px;
}
.floatMessageBoard .Tt .head {
display: none;
}
}
@media screen and (max-width: 1024px) {
.floatMessageBoard {
display: none !important;
}
}
.floatMessageBoard.unfold .Tg {
left: 100%;
-webkit-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.floatMessageBoard.unfold .Tt {
right: 0;
-webkit-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.floatMessageBoard.unfold .Tt .close {
-webkit-transition: all 250ms ease-out 200ms;
transition: all 250ms ease-out 200ms;
opacity: 1;
visibility: visible;
}
body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute!important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transform: translateZ(0);
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
-webkit-transition-duration: inherit;
transition-duration: inherit;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
-webkit-transition: opacity .25s ease,visibility 0s ease .25s;
transition: opacity .25s ease,visibility 0s ease .25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
-webkit-transition: opacity .25s ease 0s,visibility 0s ease 0s;
transition: opacity .25s ease 0s,visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition-property: opacity,-webkit-transform;
transition-property: opacity,-webkit-transform;
transition-property: transform,opacity;
transition-property: transform,opacity,-webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: -webkit-grab;
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
-webkit-transition: color .2s;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
cursor: not-allowed;
opacity: .5 !important;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.fancybox-caption {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding: 75px 44px 25px 44px;
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
-webkit-animation: a 1s linear infinite;
animation: a 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.fancybox-animated {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding:max(0px)) {
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
-webkit-transition: all .2s;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 2px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
[data-fancybox-close]:hover svg {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.fancy_zoomer {
position: relative;
display: inline-block;
vertical-align: top;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.fancy_zoomer:before,
.fancy_zoomer:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.fancy_zoomer:before {
z-index: 2;
background-color: rgba(0, 0, 0, 0.2);
}
.fancy_zoomer:after {
z-index: 3;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAAzFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jif6XAAAAQ3RSTlMAAel+6hkQBjHtTEGAA8XSBew9WNCS+ehnx5OBPMDB+Fc3rZY59/pA0cLGkfX2lGjMyU1/60tkxPypZu/uo18rGwv9Pt5kUAAAAT9JREFUOMuFk+d2gkAQhdelSVFAQMSGPbHE9F5Mct//nUJRdwlt/szu4ePsvVMIOYWlbTd+GPqbrWaRgpANEed4MOQc4PiAKeiSoki6YAK+k/3emgPrDrt3xsC8xQMzLHsN/pdGb4kZh/Txvvj/7OID+/NlgqtpXvp0h8nJBcV1kbs30KMjA2umIWgzLWMYyUERwbkA2HkIUYmzhktSTBAXWpw83JcRAvpxeoZeRlwgUSVCKiMkiHHqIpFDbsBF6khBlydcnrjlifpX2rVKPQg1bisrdpfIsTGsrnrUuRHrnOmyzo2OnSvt/hNEuXKCHndg07yHmpvCAfBaPckvgN3MbsOY34YREGYR4tB0oywr3SjqNFVA5RF5YLPG2YPIRQ6JNtsL6GpFA09LC5VHcpEgh1rkk1Qj9PermiA/3+QPtGA20vrliSMAAAAASUVORK5CYII=");
background-size: auto;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transform: scale(0);
transform: scale(0);
}
.fancy_zoomer:hover:before,
.fancy_zoomer:hover:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.swiper-container {
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.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(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.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;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform;
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-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.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: 0.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: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -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: 0.2s top, 0.2s -webkit-transform;
transition: 0.2s top, 0.2s -webkit-transform;
-webkit-transition: .2s transform,.2s top;
transition: .2s transform,.2s top;
transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.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: 0.2s left, 0.2s -webkit-transform;
transition: 0.2s left, 0.2s -webkit-transform;
-webkit-transition: .2s transform,.2s left;
transition: .2s transform,.2s left;
transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 0.2s right, 0.2s -webkit-transform;
transition: 0.2s right, 0.2s -webkit-transform;
-webkit-transition: .2s transform,.2s right;
transition: .2s transform,.2s right;
transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
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-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #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 steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-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: 0;
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;
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-horizontal .swiper-slide {
width: auto;
white-space: normal;
font-size: 0;
}
/* header */
:root {
--headerH: 190px;
}
:root .scroll-wrap {
padding-top: 190px;
}
:root .hidePoint {
top: -60px;
margin-top: -1rem;
}
@media screen and (max-width: 1024px) {
:root {
--headerH: 64px;
}
:root .scroll-wrap {
padding-top: 64px;
}
:root .hidePoint {
top: -64px;
}
}
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 20;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
background-color: #fff;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.header .bg {
display: none;
z-index: 5;
}
.header .contain {
height: 100%;
}
.header .logo {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 52px;
}
.header .logo img {
display: block;
height: 100%;
}
.header .logo .words {
position: absolute;
left: 100%;
top: 50%;
margin-top: -26px;
margin-left: 15px;
padding-left: 16px;
white-space: nowrap;
line-height: 26px;
color: #333333;
}
.header .logo .words:before {
content: " ";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 1px;
background-image: -webkit-linear-gradient(90deg, #ffffff, #bbbbbb, #ffffff);
}
.header .logo .words .p1 {
font-size: 16px;
font-weight: bold;
}
.header .logo .words .p2 {
font-size: 14px;
}
.header .secNav {
display: none;
}
.header .navbtn {
display: none;
}
.header.fixedNav {
-webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1025px) {
.header {
min-width: 1200px;
height: 190px;
}
.header.fixedNav {
-webkit-transform: translateY(-130px);
transform: translateY(-130px);
}
.header-t {
height: 30px;
line-height: 30px;
background-color: #eaeaea;
}
.header-t .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.header-t .contain:after {
display: none;
}
.header-m {
height: 100px;
line-height: 100px;
background-color: #fff;
}
.header-m .tels {
position: absolute;
right: 0;
top: 50%;
margin-top: -26px;
padding-left: 24px;
padding-top: 24px;
height: 20px;
line-height: 20px;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.header-m .tels,
.header-m .tels a {
color: #d81920;
}
.header-m .tels:after {
display: none;
}
.header-m .tels:before {
content: " ";
position: absolute;
left: 0;
top: 0;
background-image: url(../images/dct-hotline.png);
background-size: auto 100%;
background-position: 0 0;
background-repeat: no-repeat;
width: 50px;
height: 44px;
z-index: -1;
pointer-events: none;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-animation-name: swings;
animation-name: swings;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
.header-m .tels .sdt {
font-size: 14px;
}
.header-m .tels .sdd {
font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 20px;
}
.header-b {
height: 60px;
line-height: 60px;
background-color: #d81920;
color: #fff;
}
.header .firNav {
position: relative;
z-index: 2;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.header .firNav:after {
display: none;
}
.header .firNav:before,
.header .firNav:after {
content: " ";
position: absolute;
top: 50%;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: rgba(255, 255, 255, 0.33);
z-index: -1;
pointer-events: none;
display: block;
}
.header .firNav:before {
left: 0;
}
.header .firNav:after {
right: 0;
}
.header .firNav .firItem {
z-index: 2;
position: relative;
width: 50%;
text-align: center;
}
.header .firNav .firItem:nth-child(1n+2):before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: rgba(255, 255, 255, 0.33);
z-index: -1;
pointer-events: none;
}
.header .firNav .firItem .link1 {
position: relative;
overflow: hidden;
display: block;
font-size: 16px;
color: #fff;
padding: 0 0.4rem;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.header .firNav .firItem .link1:after {
content: " ";
position: absolute;
left: 50%;
top: 50%;
margin-top: 1em;
margin-left: -0.5em;
width: 1em;
height: 1px;
background-color: #fff;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
}
.header .firNav .firItem.on .link1:after,
.header .firNav .firItem:hover .link1:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.header .secNav {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 6px 0;
z-index: 30;
font-size: 0;
line-height: 0;
text-align: left;
background-color: rgba(216, 25, 32, 0.98);
text-align: center;
min-width: 100%;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.header .secNav .col {
display: block;
white-space: nowrap;
font-size: 14px;
}
.header .secNav .col:nth-child(1n+2) {
margin-left: 10px;
}
.header .secNav .secItem {
position: relative;
display: block;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.header .secNav .secItem .link2 {
color: #fff;
display: block;
min-width: 64px;
padding: 5px 12px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
line-height: 24px;
font-size: 14px;
}
.header .secNav .secItem.on,
.header .secNav .secItem:hover {
background-color: rgba(0, 0, 0, 0.08);
color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.header {
height: 64px;
line-height: 64px;
}
.header .contain.w {
width: 100% !important;
max-width: 100% !important;
}
.header-t {
display: none;
}
.header-m {
height: 100%;
}
.header-m .tels {
display: none;
}
.header-m .logo {
left: 15px;
height: 44px;
}
.header-m .logo .words {
display: none;
}
.header-b {
position: absolute;
right: 0;
top: 0;
}
.header .bg {
position: fixed !important;
background-color: rgba(0, 0, 0, 0.2);
}
.header .navbtn {
z-index: 45;
position: absolute;
overflow: hidden;
display: block;
right: -5px;
top: 9px;
padding: 5px;
width: 36px;
height: 36px;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
margin-right: 15px;
}
.header .navbtn s {
position: absolute;
left: 5px;
display: block;
width: 36px;
height: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #d81920;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.header .navbtn .i1 {
top: 9px;
}
.header .navbtn .i2 {
top: 50%;
margin-top: -2px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.header .navbtn .i3 {
bottom: 9px;
}
.navShow .header .navbtn {
position: fixed;
z-index: 80;
margin-right: 15px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.navShow .header .navbtn .i1 {
-webkit-transform: rotate(45deg) translate(7.038px, 0);
transform: rotate(45deg) translate(7.038px, 0);
top: 3px;
}
.navShow .header .navbtn .i2 {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.navShow .header .navbtn .i3 {
-webkit-transform: rotate(-45deg) translate(7.038px, 0);
transform: rotate(-45deg) translate(7.038px, 0);
bottom: 3px;
}
.header .firNav {
position: fixed;
z-index: 29;
right: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 5%;
padding-right: 5%;
overflow-y: auto;
background-color: #fff;
padding-top: 64px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
text-align: center;
}
.header .firNav .link {
display: block;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.04);
}
.header .firNav .firItem {
position: relative;
overflow: hidden;
font-size: 18px;
line-height: 40px;
border-bottom: #d7e2e8 solid 1px;
padding: 0 8px;
}
.header .firNav .firItem.on > .link {
color: #d81920;
}
.header .firNav .firItem.on .secNav {
display: block;
}
.header .firNav .firItem.on .ctr {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.header .secNav {
padding: 8px 0 !important;
line-height: 1.5;
font-size: 16px;
display: none;
border-top: #eeeeee solid 1px;
margin-left: 3%;
margin-right: 3%;
}
.header .secNav .col {
display: block;
}
.header .secNav .secItem {
line-height: 32px;
display: block;
white-space: nowrap;
color: #777;
}
.header .secNav .secItem:active {
color: #111;
}
.header .secNav .secItem.on {
color: #111;
text-decoration: underline;
}
.header .secNav + .ctr {
display: block;
}
.navShow .header .bg {
display: block;
}
.navShow .header .contain {
z-index: 8;
}
.navShow .firNav {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
-webkit-transform: none !important;
transform: none !important;
}
}
/* footer */
.footer {
position: relative;
z-index: 1;
background-color: #202530;
font-size: 16px;
}
.footer,
.footer a {
color: rgba(255, 255, 255, 0.22);
}
.footer-nav {
height: 64px;
line-height: 64px;
background-color: #d81920;
color: #fff;
}
.footer-nav .contain {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.footer-nav .contain:after {
display: none;
}
.footer-nav .contain:before,
.footer-nav .contain:after {
content: " ";
position: absolute;
top: 50%;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: rgba(255, 255, 255, 0.33);
z-index: -1;
pointer-events: none;
display: block;
}
.footer-nav .contain:before {
left: 0;
}
.footer-nav .contain:after {
right: 0;
}
.footer-nav .contain .link1 {
position: relative;
overflow: hidden;
display: block;
font-size: 16px;
color: #fff;
padding: 0 0.4rem;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
width: 50%;
text-align: center;
}
.footer-nav .contain .link1:nth-child(1n+2):before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: rgba(255, 255, 255, 0.33);
z-index: -1;
pointer-events: none;
}
@media screen and (max-width: 1024px) {
.footer-nav {
display: none;
}
}
.footer-t {
padding: 55px 0 35px;
}
.footer-t .contain {
padding-right: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 144px;
}
.footer-t .left {
position: relative;
}
.footer-t .searchBox {
position: absolute;
right: 280px;
top: 0;
height: 32px;
line-height: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer-t .searchBox .skin {
width: 292px;
height: 32px;
line-height: 32px;
padding: 0 48px 0 20px;
border-radius: 32px;
background-color: #fff;
font-size: 14px;
color: #666666;
}
.footer-t .searchBox .enter {
position: absolute;
right: 8px;
top: 0;
width: 32px;
height: 32px;
background-image: url(../images/btn-zoomer.png);
background-size: 32px 32px;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 50%;
text-indent: -9999px;
}
.footer-t .searchBox .enter:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.footer-t .links {
color: #fff;
padding-right: 400px;
line-height: 32px;
}
.footer-t .links .link {
color: #fff;
}
.footer-t .qrcode {
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
width: 220px;
}
.footer-t .qrcode:after {
display: none;
}
.footer-t .qrcode .item {
width: 100px;
text-align: center;
color: rgba(255, 255, 255, 0.5);
}
.footer-t .qrcode .item .pic {
width: 100px;
height: 100px;
}
.footer-t .qrcode .item p {
margin-top: 15px;
}
.footer-t .qrcode .item:nth-child(1n+2) {
margin-right: 20px;
}
.footer-t .contact {
margin-top: 30px;
border-top: rgba(255, 255, 255, 0.2) solid 1px;
padding-top: 30px;
line-height: 1.5;
}
.footer-t .contact .dib {
margin-right: 10px;
}
@media screen and (max-width: 1024px) {
.footer-t {
padding-top: 1rem;
padding-bottom: 0.8rem;
}
.footer-t .contain {
padding-right: 0;
text-align: center;
}
.footer-t .searchBox {
position: relative;
right: auto;
width: 360px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.footer-t .links {
margin-top: 0.8rem;
text-align: center;
padding-right: 0;
line-height: 24px;
}
.footer-t .links .sdt {
display: none;
}
.footer-t .links .sdd .link {
margin: 0 5px;
}
.footer-t .qrcode {
margin-top: 0.6rem;
position: relative;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-t .qrcode .item {
display: inline-block;
vertical-align: top;
margin: 0 5px;
}
.footer-t .contact {
margin-top: 0.8rem;
padding-top: 0.8rem;
}
.footer-t .contact .dib {
margin: 0 5px;
}
}
.footer-b {
line-height: 20px;
padding: 0.4rem 0;
background-color: #1e222b;
}
.footer-b .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.footer-b .contain:after {
display: none;
}
@media screen and (max-width: 1024px) {
.footer-b .contain {
display: block;
}
}
@media screen and (max-width: 1024px) {
.footer-b {
text-align: center;
}
.footer-b .contain > span {
float: none;
display: inline-block;
vertical-align: top;
margin: 0 5px;
}
}
/* subpage */
.subpage {
position: relative;
z-index: 2;
background-color: #ffffff;
}
.subpage-banner {
position: relative;
overflow: hidden;
z-index: 2;
height: 560px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
height: 440px;
}
.subpage-banner:after {
display: none;
}
.subpage-banner .bg {
background-color: #eee;
}
.subpage-banner .words {
text-align: center;
color: #fff;
font-size: 40px;
line-height: 1.8;
}
.subpage-banner.skin-about .words {
text-align: right;
font-size: 36px;
line-height: 1.66666667;
}
.subpage-banner.skin-about .words .wrapIn {
position: relative;
display: inline-block;
vertical-align: top;
text-align: left;
padding: 0 55px 0 30px;
color: #333333;
}
.subpage-banner.skin-about .words .wrapIn .dct {
position: absolute;
right: 100%;
bottom: 0;
width: 8.33333333em;
}
@media screen and (max-width: 1024px) {
.subpage-banner.skin-about .words {
font-size: 18px;
}
.subpage-banner.skin-about .words .wrapIn {
padding-right: 0;
padding-left: 0.6rem;
}
}
.subpage-banner.skin-product .words {
text-align: left;
padding-bottom: 1rem;
}
.subpage-banner.skin-case .words {
text-align: right;
}
.subpage-banner.skin-case .words p:nth-child(1) {
padding-right: 2em;
}
.subpage-banner.skin-aftsale .words {
text-align: right;
}
.subpage-banner.skin-aftsale .words .wrapIn {
display: inline-block;
vertical-align: top;
text-align: left;
line-height: 1.5;
}
.subpage-banner.skin-aftsale .words .wrapIn p {
padding: 0 2rem;
font-size: 52px;
}
@media screen and (max-width: 1024px) {
.subpage-banner.skin-aftsale .words .wrapIn p {
font-size: 24px;
}
}
@media screen and (max-width: 1024px) {
.subpage-banner {
height: 100px;
padding: 3.6rem 0;
padding: 3rem 0;
}
.subpage-banner .words {
font-size: 24px;
line-height: 1.5;
}
}
.subpage-neck {
position: relative;
margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
.subpage-neck {
margin-top: 0;
}
.sSearch-pdt + .subpage-neck {
display: none;
}
}
.subpage-crumbs {
position: relative;
margin-top: 1rem;
height: 50px;
padding-bottom: 40px;
}
.subpage-crumbs .r {
margin-top: 22px;
font-size: 16px;
line-height: 20px;
text-align: right;
color: #999999;
}
.subpage-crumbs .r .link {
color: #999999;
}
.subpage-crumbs .r .link:hover {
color: #d81920;
}
.subpage-crumbs .now {
position: absolute;
left: 0;
top: 0;
z-index: 8;
}
.subpage-crumbs .now .en {
height: 50px;
line-height: 50px;
font-weight: bold;
color: #707070;
font-size: 50px;
font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.subpage-crumbs .now .en s {
text-transform: uppercase;
color: #d81920;
}
.subpage-crumbs .now .hr {
margin-top: 20px;
width: 24px;
height: 3px;
background-color: #d81920;
}
.subpage-crumbs .now .cn {
margin-top: 16px;
height: 42px;
line-height: 42px;
font-size: 30px;
}
.subpage-crumbs .now .slogan {
display: inline-block;
vertical-align: bottom;
margin-left: 30px;
color: #999999;
font-size: 16px;
line-height: 24px;
}
.subpage-crumbs + .subpage-nav {
margin-top: 0;
}
@media screen and (max-width: 1024px) {
.subpage-crumbs {
display: none;
}
}
.subpage-nav {
z-index: 2;
position: relative;
overflow: hidden;
margin-top: 40px;
height: 42px;
}
.subpage-nav .contain {
height: 100%;
}
.subpage-nav .contain:before,
.subpage-nav .contain:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
height: 100%;
width: 1000px;
top: 0;
visibility: visible;
}
.subpage-nav .contain:before {
right: 100%;
margin-right: 30px;
background-color: #e6e6e6;
}
.subpage-nav .contain:after {
left: 100%;
margin-left: 30px;
background-color: #d81920;
}
.subpage-nav .wrapIn {
position: relative;
padding-left: 500px;
height: 100%;
text-align: right;
z-index: 6;
}
.subpage-nav .wrapIn .viewport {
background-color: #fff;
margin-left: auto;
width: 100%;
}
.subpage-nav .wrapIn .hr {
position: absolute;
top: 28px;
right: 0;
left: 500px;
background-color: rgba(216, 25, 32, 0.2);
width: auto;
}
.subpage-nav .link2 {
position: relative;
z-index: 3;
display: inline-block;
vertical-align: top;
min-width: 4em;
padding: 0 25px;
height: 42px;
line-height: 42px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
text-align: center;
color: #333333;
}
.subpage-nav .link2:nth-child(1n+2) {
margin-left: 10px;
}
.subpage-nav .link2:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #e6e6e6 solid 1px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
z-index: -1;
pointer-events: none;
}
.subpage-nav .link2.on {
color: #d81920;
}
.subpage-nav .link2.on:after {
border-color: #d81920;
}
.subpage-nav._bindjs .wrapIn {
padding-right: 40px;
}
@media screen and (max-width: 1024px) {
.subpage-nav {
width: 100%;
padding: 0;
height: 36px;
margin-top: 0;
padding: 10px 0;
background-color: #eaeaea;
}
.subpage-nav .contain:before,
.subpage-nav .contain:after {
display: none;
}
.subpage-nav .wrapIn {
padding: 0 !important;
text-align: center;
}
.subpage-nav .wrapIn .viewport {
background-color: #eaeaea;
width: 100%;
}
.subpage-nav .wrapIn .hr {
display: none;
}
.subpage-nav .link2 {
height: 36px;
line-height: 36px;
padding: 0 0.6rem;
}
.subpage-nav .link2:after {
display: none;
}
.subpage-nav .link2.on {
color: #fff;
background-color: #d81920;
}
}
.subpage-thirdNav {
z-index: 5;
position: relative;
overflow: hidden;
height: 48px;
background-color: #d81920;
padding: 0 35px;
text-align: center;
}
.subpage-thirdNav .link3 {
position: relative;
z-index: 3;
display: inline-block;
vertical-align: top;
height: 48px;
line-height: 48px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
text-align: center;
color: #fff;
width: 220px;
padding: 0 0.8rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.05);
}
.subpage-thirdNav .link3:after {
content: " ";
position: absolute;
left: 50%;
bottom: -1px;
margin-left: -10px;
overflow: hidden;
width: 0;
height: 0;
border-width: 8px 10px;
border-color: transparent transparent #ffffff transparent;
border-style: solid;
-webkit-transform: translateY(105%);
transform: translateY(105%);
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.subpage-thirdNav .link3.on:after {
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: all 400ms ease-out 0ms;
transition: all 400ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.subpage-thirdNav + div {
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.subpage-thirdNav {
height: 40px;
padding: 0;
}
.subpage-thirdNav .link3 {
height: 40px;
line-height: 40px;
width: auto;
padding: 0 0.6rem;
}
.subpage-thirdNav + div {
margin-top: 0.8rem;
}
}
.subpage-imax {
padding: 40px 0;
color: #333333;
line-height: 2.5;
}
.subpage-imax + .axd {
margin-top: 0 !important;
}
@media screen and (max-width: 1024px) {
.subpage-imax {
line-height: 1.75;
padding: 0.8rem 0;
}
}
.subpage-wrap {
position: relative;
overflow: hidden;
z-index: 2;
padding-top: 50px;
}
@media screen and (max-width: 1024px) {
.subpage-wrap {
padding-top: 1rem;
}
}
.subpage-wrap .axd {
margin-top: 50px;
z-index: -1;
width: 100%;
text-align: center;
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.subpage-wrap .axd .qImg {
display: block;
position: relative;
left: 50%;
width: 1920px;
margin-left: -960px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.subpage-wrap .axd:hover .qImg {
-webkit-transform: scale(1.025);
transform: scale(1.025);
}
}
@media screen and (max-width: 1024px) {
.subpage-wrap .axd {
margin-top: 1rem;
}
.subpage-wrap .axd .qImg {
left: 0;
margin-left: 0;
width: 100%;
}
}
.subpage-section0 {
background-color: #fff;
padding-top: 50px;
padding-bottom: 50px;
margin-top: -50px;
}
@media screen and (max-width: 1024px) {
.subpage-section0 {
padding-top: 1rem;
padding-bottom: 1rem;
margin-top: -1rem;
}
}
.subpage-head {
text-align: center;
position: relative;
overflow: hidden;
z-index: 2;
padding-top: 20px;
}
.subpage-head .en {
position: absolute;
left: 0;
top: 0;
z-index: -1;
pointer-events: none;
width: 100%;
font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #f7f7f7;
text-align: center;
padding-left: 0.05em;
letter-spacing: 0.05em;
}
.subpage-head .cn {
color: #d81920;
font-weight: bold;
text-align: center;
padding-left: 0.05em;
letter-spacing: 0.05em;
}
.subpage-head .cn s {
color: #333333;
}
.subpage-head .aside {
margin-top: 25px;
line-height: 1.5;
color: #333333;
font-weight: lighter;
}
.subpage-head .imax {
margin-top: 25px;
}
@media screen and (max-width: 1024px) {
.subpage-head {
padding-top: 0.4rem;
}
.subpage-head .aside,
.subpage-head .imax {
margin-top: 0.5rem;
}
}
@media screen and (max-width: 640px) {
.subpage-head .en {
font-size: 26px;
}
.subpage-head .cn {
font-size: 22px;
}
.subpage-head .aside {
font-size: 16px;
}
}
.subpage-lr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
padding-bottom: 1rem;
}
.subpage-lr:after {
display: none;
}
@media screen and (max-width: 1024px) {
.subpage-lr {
display: block;
}
}
.subpage-lr + .axd {
margin-top: 0;
}
@media screen and (min-width: 1025px) {
.subpage-main {
width: 900px;
}
}
.subpage-side {
width: 240px;
position: -webkit-sticky;
position: sticky;
top: 80px;
}
.subpage-side .head {
height: 22px;
line-height: 22px;
font-size: 16px;
color: #333333;
margin-bottom: 20px;
}
.subpage-side .head span {
position: relative;
}
.subpage-side .head span:before {
position: absolute;
left: 100%;
top: 100%;
margin-top: -12px;
content: " ";
overflow: hidden;
width: 0;
height: 0;
border-width: 8px 8px;
border-color: transparent #d81920 transparent transparent;
border-style: solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
pointer-events: none;
}
@media screen and (max-width: 1024px) {
.subpage-side {
display: none;
}
}
.subpage-form {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.subpage-form:after {
display: none;
}
.subpage-form .formItem {
margin-bottom: 15px;
}
.subpage-form .formItem .focus {
width: 100%;
display: block;
color: #333333;
padding: 10px 0;
line-height: 20px;
}
.subpage-form .formItem .skin {
width: 100%;
border: #d9d9d9 solid 1px;
padding: 10px 15px;
line-height: 24px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.subpage-form .formItem .skin {
height: 46px;
}
.subpage-form .formItem textarea.skin {
height: 300px;
}
.subpage-form .formItem.w33 {
width: 380px;
}
.subpage-form .formItem.w50 {
width: 590px;
}
.subpage-form .formItem.w100 {
width: 100%;
}
.subpage-form .formItem.yzm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.subpage-form .formItem.yzm:after {
display: none;
}
.subpage-form .formItem.yzm .skin {
float: left;
width: 360px;
}
.subpage-form .formItem.yzm .refreshVC {
float: left;
width: 46px;
height: 46px;
margin-left: 2px;
margin-right: 2px;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABoVBMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACZEnYaAAAAinRSTlMA7YsPgg0FgMHwM+eulHqoMStuWYerLxopfIjVFN2kiigtE1bmZScs26Ih6o1PkhH5BknuKhA0ulig44GlUkxR1zCm3sboZwpNLvfYufy+PeJCzWvxjw64Nxhb4R1BhANG647Rb/WTNlpA5acmy6wMsfRztpfa/pzffcBeoeRjRCXz1FOWm7/EYk6rfx5LAAACCklEQVRIx+2W1VrDQBCFS2lJSmmBClK0SHF3d3d3d3d3h31qupsGaLKZTXtL5/Kc+TMrJ/mi0QQqUH5X2YNF+5ZVlZS+pfeRDLbWpiGxqputB+rReFsQ8q4cXYFKdrUEyWspXRUbhugV1sFmK8XmJ95kM+tOr0dFIdPFhJeFzsO8FI9QkCeupbuUBUfgtokmLy3DLtCGaBbdyVdUysSbc0JfhviVmSgjoRP9S1y0cPcRCrZ+F6RLCRyn4NoL4dmfhG6g7wqhXJjew/AH1ZpxO1EgXE5GZ1McLQkRPHoF98QqZAMhHQhbcAsv11s8EYyB4EcSM1lQksT0N4Kj02jPj/x982IhuBV3FEvEv+9tPQA344ZQiZjPceEkPxznqFMAGxwcF4ebwjluXeKFYr0WmPr1d3kSrxhrrdCGdb9sssSKwWIbeNbidcrTEGLAshOCm5Sv8515UZpc+qLdZcZ6AhzuatxTQzGyyVMXQXjD3XFGdXgM98CjTQhFUo05MvoYpgt3FIxhQneBsGsc/FKwv+z0IvlGRqdf8EICofvuZc5mBV/PomfXhBiceB/pZD/tVZRVRo4ngvsvZR4pJbVXkMaYK596FtNv4F9rzA4TfyQKqex9F9kV/gyqVB3btJGCloyoPHT91Z0EDbLFq7+zorrb7R9yMNEa7Ot/3ED7fH7WhdYypNcE6l/XN+gpHB/8pOaXAAAAAElFTkSuQmCC");
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.subpage-form .formItem.yzm .refreshVC:active {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
-webkit-transition: 0ms;
transition: 0ms;
}
.subpage-form .formItem.yzm .bindClick {
height: 46px;
width: 130px;
}
.subpage-form .formItem .enter {
width: 200px;
height: 46px;
line-height: 46px;
background-color: #d81920;
color: #fff;
text-align: center;
}
@media screen and (max-width: 1024px) {
.subpage-form .formItem {
width: 100% !important;
margin-bottom: 0;
}
.subpage-form .formItem:nth-child(1n+2) {
margin-top: 0.3rem;
}
.subpage-form .formItem.yzm .l {
width: 100%;
}
.subpage-form .formItem.yzm .skin {
width: calc(100% - 180px);
}
.subpage-form .formItem textarea.skin {
height: 180px;
}
.subpage-form .formItem .enter {
width: 100%;
margin-top: 0.4rem;
}
}
/* sNews */
.sNews-list {
position: relative;
}
.sNews-list .item {
position: relative;
overflow: hidden;
width: 100%;
border-bottom: #e2e2e2 solid 1px;
}
.sNews-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 56.44444444%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sNews-list .item .txt {
padding: 0.76rem 0;
}
.sNews-list .item .txt .date {
font-size: 14px;
color: #666666;
}
.sNews-list .item .txt .title {
margin-top: 0.4rem;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
font-weight: bold;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
}
.sNews-list .item .txt .abstract {
margin-top: 0.4rem;
font-size: 14px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 48px;
color: #999999;
}
@media screen and (min-width: 1025px) {
.sNews-list .item:hover .txt .title {
color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.sNews-list .item:active .txt .title {
color: #d81920;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.sNews-relative .item {
position: relative;
width: 100%;
}
.sNews-relative .item:nth-child(1n+2) {
margin-top: 22px;
}
.sNews-relative .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 56.44444444%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
overflow: visible;
}
.sNews-relative .item .title {
padding: 10px 0;
font-size: 14px;
line-height: 24px;
color: #666666;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
border-bottom: #e5e5e5 solid 1px;
}
.sNews-relative .item:hover .title {
color: #d81920;
}
.sNews-view-wrap {
overflow: visible;
}
.sNews-view-wrap .contain {
padding-left: 210px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sNews-view-wrap .side {
float: left;
margin-left: -210px;
position: -webkit-sticky;
position: sticky;
top: 80px;
padding-bottom: 40px;
}
.sNews-view-wrap .side .date {
width: 132px;
height: 132px;
padding: 20px;
background-color: #d81920;
color: #fff;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
}
.sNews-view-wrap .side .date .d {
font-size: 50px;
line-height: 1;
}
.sNews-view-wrap .side .date .my {
border-top: rgba(255, 255, 255, 0.22) solid 1px;
margin-top: 20px;
padding-top: 10px;
font-size: 16px;
}
.sNews-view-wrap .side .sNews-view-foot {
margin-top: 2.4rem;
}
.sNews-view-wrap .side .sNews-view-foot .page_ctr .icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sNews-view-wrap .side .sNews-view-foot .page_ctr.next .icon {
right: auto;
left: 0;
}
@media screen and (max-width: 1024px) {
.sNews-view-wrap .contain {
padding-left: 0;
}
.sNews-view-wrap .side {
display: none;
}
}
.sNews-view-head {
padding-bottom: 0.9rem;
}
.sNews-view-head h1 {
font-size: 28px;
line-height: 1.42857143;
color: #333333;
}
.sNews-view-head .aside {
margin-top: 0.6rem;
color: #d81920;
}
.sNews-view-head .aside span {
margin-right: 10px;
}
@media screen and (max-width: 1024px) {
.sNews-view-head h1 {
font-size: 18px;
}
}
.sNews-view-foot {
line-height: 40px;
position: relative;
}
.sNews-view-foot .page_ctr {
position: relative;
padding-left: 40px;
height: 40px;
display: block;
}
.sNews-view-foot .page_ctr:nth-child(1n+2) {
margin-top: 36px;
}
.sNews-view-foot .page_ctr .icon {
display: block;
}
.sNews-view-foot .page_ctr span {
margin-left: 8px;
color: #666666;
white-space: nowrap;
}
.sNews-view-foot .page_ctr[href="#"],
.sNews-view-foot .page_ctr[href=""] {
cursor: not-allowed;
}
.sNews-view-foot .page_ctr[href="#"] .icon,
.sNews-view-foot .page_ctr[href=""] .icon {
background-color: #ddd;
}
.sNews-view-foot .page_ctr[href="#"] span,
.sNews-view-foot .page_ctr[href=""] span {
color: #999999;
}
.sNews-view-foot .backToList .icon {
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
background-color: #d81920;
border-radius: 50%;
}
.sNews-view-foot .backToList .icon > s {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background-color: #fff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sNews-view-foot .backToList .icon > s:before,
.sNews-view-foot .backToList .icon > s:after {
content: " ";
position: absolute;
left: 50%;
top: 50%;
background-color: #d81920;
-webkit-transition: all 250ms ease-out 50ms;
transition: all 250ms ease-out 50ms;
}
.sNews-view-foot .backToList .icon > s:before {
width: 2px;
height: 10px;
margin-left: -1px;
margin-top: -5px;
}
.sNews-view-foot .backToList .icon > s:after {
width: 10px;
height: 2px;
margin-left: -5px;
margin-top: -1px;
}
@media screen and (max-width: 1024px) {
.sNews-view-foot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
margin-top: 0.8rem;
}
.sNews-view-foot:after {
display: none;
}
.sNews-view-foot .page_ctr {
margin-top: 0 !important;
}
}
/* sEvent */
.sEvent-list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sEvent-list:after {
display: none;
}
.sEvent-list .item {
position: relative;
}
.sEvent-list .item:before {
content: " ";
z-index: -2;
pointer-events: none;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
border-top: #dfdfdf solid 1px;
border-bottom: rgba(223, 223, 223, 0.54) solid 1px;
}
.sEvent-list .item:after {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
bottom: 0;
width: 0;
height: 0;
border-top: #d81920 solid 1px;
border-bottom: rgba(216, 25, 32, 0.54) solid 1px;
}
.sEvent-list .item:nth-child(1n+1) {
width: 32%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sEvent-list .item:nth-child( 3n+1) {
margin-left: 0;
}
.sEvent-list .item:nth-child( 1n+4) {
margin-top: 2%;
}
.sEvent-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.63157895%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sEvent-list .item .title {
line-height: 24px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
padding: 12px 0;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
@media screen and (min-width: 1025px) {
.sEvent-list .item:hover .title {
color: #d81920;
}
.sEvent-list .item:hover:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
}
@media screen and (max-width: 1024px) {
.sEvent-list .item:nth-child(1n+1) {
width: 49%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sEvent-list .item:nth-child( 2n+1) {
margin-left: 0;
}
.sEvent-list .item:nth-child( 1n+3) {
margin-top: 2%;
}
.sEvent-list .item .title {
padding: 8px 0;
}
.sEvent-list .item:active .title {
color: #d81920;
-webkit-transition: 0ms;
transition: 0ms;
}
.sEvent-list .item:active:before {
border-top: #d81920 solid 1px;
border-bottom: rgba(216, 25, 32, 0.54) solid 1px;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.sEvent-tab {
position: relative;
padding-bottom: 35px;
border-bottom: #d81920 5px solid;
}
.sEvent-tab .Tt {
position: relative;
overflow: hidden;
border: #efefef solid 1px;
padding: 60px 120px 0;
}
.sEvent-tab .Tt .box {
position: relative;
}
.sEvent-tab .Tt .box .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.63157895%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sEvent-tab .Tt .box .title {
padding: 30px;
font-size: 24px;
line-height: 1.5;
text-align: center;
color: #333333;
}
.sEvent-tab .Tt .ctr_event.prev {
left: 35px;
}
.sEvent-tab .Tt .ctr_event.next {
right: 35px;
}
.sEvent-tab .Tg {
position: relative;
overflow: hidden;
margin-top: 30px;
}
.sEvent-tab .Tg .btn {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
width: 152px;
}
.sEvent-tab .Tg .btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #d81920 solid 2px;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
z-index: 8;
pointer-events: none;
}
.sEvent-tab .Tg .btn:nth-child(1n+2) {
margin-left: 8px;
}
.sEvent-tab .Tg .btn .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.63157895%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sEvent-tab .Tg .btn.on:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
@media screen and (max-width: 1024px) {
.sEvent-tab {
padding-bottom: 0.6rem;
}
.sEvent-tab .Tt {
padding: 0;
}
.sEvent-tab .Tt .box .title {
padding: 0.6rem;
font-size: 16px;
}
.sEvent-tab .Tt .ctr_event {
background-color: rgba(0, 0, 0, 0.5);
margin-top: 31.31578947%;
top: -30px;
}
.sEvent-tab .Tt .ctr_event.prev {
left: 0;
}
.sEvent-tab .Tt .ctr_event.next {
right: 0;
}
.sEvent-tab .Tg {
margin-top: 0.6rem;
}
.sEvent-tab .Tg .btn {
width: 120px;
}
}
/* sSearch */
.sSearch-pdt {
position: relative;
z-index: 8;
width: 100%;
height: 60px;
line-height: 60px;
background-color: #d81920;
color: #fff;
margin-top: 1px;
}
.subpage-banner + .sSearch-pdt {
margin-top: -60px;
}
.sSearch-pdt .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
height: 100%;
}
.sSearch-pdt .contain:after {
display: none;
}
@media screen and (max-width: 1024px) {
.sSearch-pdt .contain {
display: block;
}
}
.sSearch-pdt .keywords {
padding: 18px 0 18px 6.5em;
line-height: 24px;
height: 24px;
}
.sSearch-pdt .keywords .sdt {
float: left;
margin-left: -6.5em;
}
.sSearch-pdt .keywords .sdd {
position: relative;
width: 480px;
height: 24px;
line-height: 24px;
}
.sSearch-pdt .keywords .sdd._bindjs {
padding-right: 40px;
}
.sSearch-pdt .keywords .sdd .link {
color: #fff;
display: inline-block;
vertical-align: top;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
line-height: 24px;
font-size: 14px;
}
.sSearch-pdt .keywords .sdd .link:nth-child(1n+2) {
margin-left: 15px;
}
.sSearch-pdt .keywords .sdd .ctr_navLR {
height: 40px;
line-height: 40px;
top: 50%;
margin-top: -20px;
}
.sSearch-pdt .result .ci {
text-decoration: underline;
margin: 0 2px;
font-size: 1.1em;
}
.sSearch-pdt .searchBox {
position: relative;
height: 32px;
line-height: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sSearch-pdt .searchBox .skin {
width: 360px ;
height: 32px;
line-height: 32px;
padding: 0 48px 0 20px;
border-radius: 32px;
background-color: #fff;
font-size: 14px;
color: #666666;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sSearch-pdt .searchBox .enter {
position: absolute;
right: 8px;
top: 0;
width: 32px;
height: 32px;
background-image: url(../images/btn-zoomer.png);
background-size: 32px 32px;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 50%;
text-indent: -9999px;
}
.sSearch-pdt .searchBox .enter:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
@media screen and (max-width: 1024px) {
.sSearch-pdt {
height: 32px;
line-height: 32px;
padding: 8px 0;
}
.subpage-banner + .sSearch-pdt {
margin-top: -48px;
}
.sSearch-pdt .keywords,
.sSearch-pdt .result {
display: none;
}
.sSearch-pdt .searchBox {
margin-left: auto;
}
.sSearch-pdt .searchBox .skin {
width: 100%;
}
}
.sSearch-list .item {
position: relative;
border-bottom: #d9d9d9 solid 1px;
padding-top: 15px;
padding-bottom: 15px;
line-height: 24px;
}
.sSearch-list .item .title {
margin-right: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sSearch-list .item .keyColor {
color: #d81920;
}
.sSearch-list .item .date {
position: absolute;
right: 0;
top: 15px;
color: #999999;
}
.sSearch-list .item .abstract {
margin-top: 4px;
font-size: 14px;
line-height: 22px;
}
.sSearch-list .emptyList {
border-bottom: none;
font-weight: normal;
letter-spacing: 2px;
}
@media screen and (max-width: 1024px) {
.sSearch-list .item {
padding: 10px 0;
}
.sSearch-list .item .date {
top: 10px;
}
}
/* sView */
.sView-content {
padding: 30px 0;
color: #333333;
}
@media screen and (max-width: 1024px) {
.sView-content {
padding: 0.6rem 0;
}
}
.sView-foot {
position: relative;
background-color: #d81920;
height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.sView-foot:after {
display: none;
}
.sView-foot .ctr,
.sView-foot .backToList {
height: 20px;
line-height: 20px;
padding: 20px 20px;
color: #fff;
}
.sView-foot .ctr[href="#"],
.sView-foot .ctr[href=""] {
cursor: not-allowed;
}
.sView-foot .ctr[href="#"]:after,
.sView-foot .ctr[href=""]:after {
display: none;
}
@media screen and (max-width: 1024px) {
.sView-foot {
height: 48px;
}
.sView-foot .ctr,
.sView-foot .backToList {
padding: 14px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sView-foot .ctr:active,
.sView-foot .backToList:active {
background-color: rgba(255, 255, 255, 0.15);
-webkit-transition: 0ms;
transition: 0ms;
}
}
.sView-foot2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
border-top: #dddddd solid 1px;
border-bottom: #dddddd solid 1px;
margin-top: 40px;
}
.sView-foot2:after {
display: none;
}
.sView-foot2 .ctr {
padding: 15px 0;
line-height: 20px;
}
@media screen and (max-width: 1024px) {
.sView-foot2 {
margin-top: 0.8rem;
}
.sView-foot2 .ctr {
padding: 10px 0;
}
}
/* sProduct */
.sProduct-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sProduct-list:after {
display: none;
}
.sProduct-filter + .sProduct-list {
margin-top: 60px;
}
.sProduct-list .item {
position: relative;
}
.sProduct-list .item .tag {
position: absolute;
top: 6px;
right: 12px;
z-index: 9;
pointer-events: none;
}
.sProduct-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 56.31578947%;
background-color: #f1f1f1;
overflow: visible;
background-color: transparent !important;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-list .item .pic img {
-o-object-fit: contain;
object-fit: contain;
}
.sProduct-list .item .txt {
padding: 0.9rem 0.4rem;
text-align: center;
}
.sProduct-list .item .txt .vmbox {
text-align: left;
}
.sProduct-list .item .txt .title {
line-height: 30px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-list .item .txt .abstract {
margin-top: 10px;
color: #999999;
line-height: 1.25em;
}
.sProduct-list .item .txt .abstract p {
position: relative;
}
.sProduct-list .item .txt .abstract p:nth-child(1n+2) {
margin-top: 0.375em;
}
.sProduct-list .item:hover .pic {
-webkit-filter: brightness(106%);
filter: brightness(106%);
}
.sProduct-list .item:hover .txt .title {
color: #d81920;
}
@media screen and (max-width: 1024px) {
.sProduct-list .item .txt {
padding-left: 0;
padding-right: 0;
}
.sProduct-list .item .txt .abstract {
margin-top: 5px;
}
}
.sProduct-list .item:nth-child(1n+1) {
width: 32%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sProduct-list .item:nth-child( 3n+1) {
margin-left: 0;
}
.sProduct-list .item:nth-child( 1n+4) {
margin-top: 2%;
}
@media screen and (max-width: 1024px) {
.sProduct-filter + .sProduct-list {
margin-top: 1rem;
}
.sProduct-list .item:nth-child(1n+1) {
width: 49%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sProduct-list .item:nth-child( 2n+1) {
margin-left: 0;
}
.sProduct-list .item:nth-child( 1n+3) {
margin-top: 2%;
}
}
.sProduct-filter {
position: relative;
overflow: hidden;
}
.sProduct-filter .sel-Line {
position: relative;
border-bottom: #ededed solid 1px;
margin-top: -1px;
padding: 15px 5px 15px 100px;
color: #333333;
}
.sProduct-filter .sel-Line .sel-Param {
position: absolute;
left: 0;
top: 15px;
line-height: 40px;
width: 4.25em;
text-align: right;
font-weight: bold;
}
.sProduct-filter .sel-Line .sel-Param .panel {
color: #d81920;
}
.sProduct-filter .sel-Line .sel-Param .panel:before {
content: "：";
color: #333333;
}
.sProduct-filter .sel-Line .sel-Param .showAll {
position: absolute;
right: 4px;
top: 4px;
width: 24px;
height: 24px;
border-radius: 24px;
background-color: #999999;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
color: #ffffff;
}
.sProduct-filter .sel-Line .sel-Param .showAll s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 16px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:before,
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 1px;
margin-top: -0.5px;
background-color: #ffffff;
margin-left: -5px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:before {
-webkit-transform: rotate(-44deg) translateX(0.5px);
transform: rotate(-44deg) translateX(0.5px);
}
.ysqUEO .sProduct-filter .sel-Line .sel-Param .showAll s:after {
-webkit-transform: rotate(44deg) translateX(0.5px);
transform: rotate(44deg) translateX(0.5px);
}
@media screen and (min-width: 1025px) {
.sProduct-filter .sel-Line .sel-Param .showAll:hover {
color: #ffffff;
}
.sProduct-filter .sel-Line .sel-Param .showAll:hover s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sProduct-filter .sel-Line .sel-Param .showAll:hover s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
@media screen and (max-width: 1024px) {
.sProduct-filter .sel-Line .sel-Param .showAll:active {
color: #ffffff;
}
.sProduct-filter .sel-Line .sel-Param .showAll:active s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sProduct-filter .sel-Line .sel-Param .showAll:active s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
.sProduct-filter .sel-Line .sel-Param.unfold .showAll {
background-color: #d81920;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sProduct-filter .sel-Line .sel-Value {
position: relative;
overflow: hidden;
font-size: 0;
min-height: 32px;
margin-right: -8px;
}
.sProduct-filter .sel-Line .sel-Value .btn {
display: inline-block;
vertical-align: top;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
font-size: 14px;
height: 32px;
line-height: 32px;
padding-left: 20px;
padding-right: 20px;
color: #333333;
margin: 4px 8px;
border-radius: 40px;
}
.sProduct-filter .sel-Line .sel-Value .btn:hover {
color: #d81920;
}
.sProduct-filter .sel-Line .sel-Value .btn.on {
background-color: #d81920;
color: #fff;
}
@media screen and (max-width: 1024px) {
.sProduct-filter .sel-Line {
padding: 10px 5px;
}
.sProduct-filter .sel-Line .sel-Param {
position: relative;
top: auto;
left: auto;
line-height: 30px;
width: auto;
text-align: left;
}
.sProduct-filter .sel-Line .sel-Value {
margin-right: -4px;
display: none;
margin-top: 6px;
-webkit-transition: none !important;
transition: none !important;
min-height: 0;
}
.sProduct-filter .sel-Line .sel-Value .btn {
margin: 2px 4px;
line-height: 30px;
height: 30px;
padding-left: 12px;
padding-right: 12px;
}
}
.sProduct-intro {
position: relative;
padding: 40px 0 50px;
margin-top: -50px;
background-image: -webkit-linear-gradient(-90deg, #ffffff, #f5f5f5);
}
.sProduct-intro .head {
position: relative;
padding-right: 140px;
}
.sProduct-intro .head .title {
line-height: 1.5;
color: #333333;
font-weight: bold;
}
.sProduct-intro .head .abstract {
margin-top: 10px;
color: #999999;
line-height: 1.5;
}
.sProduct-intro .head .abstract span {
display: inline-block;
vertical-align: top;
margin-right: .5em;
}
.sProduct-intro .head .backToList {
position: absolute;
right: 0;
bottom: 0;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: #d81920;
}
.sProduct-intro .body {
margin-top: 40px;
position: relative;
min-height: 200px;
padding: 0 200px;
}
.sProduct-intro .body .ctr_pdtView {
top: 225px;
}
@media screen and (max-width: 1024px) {
.sProduct-intro .body {
padding: 0;
}
.sProduct-intro .body .ctr_pdtView {
display: none;
}
}
@media screen and (max-width: 1024px) {
.sProduct-intro {
padding: 0.8rem 0 1rem;
margin-top: -1rem;
}
.sProduct-intro .head {
padding-right: 100px;
}
.sProduct-intro .head .abstract {
margin-top: 0.2rem;
}
.sProduct-intro .head .backToList {
width: 84px;
height: 32px;
line-height: 32px;
}
.sProduct-intro .body {
margin-top: 0.7rem;
}
}
.sProduct-album .Tt {
position: relative;
overflow: hidden;
width: 100%;
height: 0 !important;
padding-bottom: 56.31578947%;
background-color: #f1f1f1;
}
.sProduct-album .Tt img {
-o-object-fit: contain;
object-fit: contain;
}
.sProduct-album .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-album .Tt .box .pic {
width: 100%;
height: 100%;
background-color: #f1f1f1;
}
.sProduct-album .Tt .box.on {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
z-index: 6;
}
.sProduct-album .Tg {
position: relative;
padding: 0 165px;
margin-top: 30px;
}
.sProduct-album .Tg .btn {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
width: 108px;
z-index: 2;
}
.sProduct-album .Tg .btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #d81920 solid 2px;
z-index: 8;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-album .Tg .btn:nth-child(1n+2) {
margin-left: 12px;
}
.sProduct-album .Tg .btn .pic {
width: 100%;
height: 0 !important;
padding-bottom: 56.31578947%;
background-color: #f1f1f1;
background-color: #fff;
}
.sProduct-album .Tg .btn .pic img {
-o-object-fit: contain;
object-fit: contain;
}
.sProduct-album .Tg .btn.on:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0.8;
visibility: visible;
}
.sProduct-album .Tg .ctr_pdtAlbum.prev {
left: 100px;
}
.sProduct-album .Tg .ctr_pdtAlbum.next {
right: 100px;
}
@media screen and (max-width: 1024px) {
.sProduct-album .Tg {
padding: 0 36px;
margin-top: 0.6rem;
}
.sProduct-album .Tg .btn {
width: 86px;
height: 48px;
}
.sProduct-album .Tg .ctr_pdtAlbum.prev {
left: 0;
}
.sProduct-album .Tg .ctr_pdtAlbum.next {
right: 0;
}
}
.sProduct-detail {
position: relative;
overflow: hidden;
z-index: 2;
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.sProduct-detail {
margin-top: 0.8rem;
}
.sProduct-detail > .contain {
padding-top: 0.4rem;
}
}
.sProduct-detail-section {
position: relative;
overflow: hidden;
z-index: 2;
}
.sProduct-detail-section:nth-child(1n+2) {
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.sProduct-detail-section:nth-child(6) {
display: none;
}
}
.sProduct-detail-section .head {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
height: 50px;
line-height: 50px;
}
.sProduct-detail-section .head:after {
display: none;
}
.sProduct-detail-section .head .l {
position: relative;
height: 24px;
line-height: 24px;
padding-left: 22px;
font-size: 24px;
color: #333333;
font-weight: bold;
}
.sProduct-detail-section .head .l:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
width: 4px;
height: 18px;
background-color: #d81920;
}
.sProduct-detail-section .head .more {
position: absolute;
right: 0;
top: 50%;
margin-top: -15px;
height: 30px;
line-height: 30px;
padding-right: 42px;
}
.sProduct-detail-section .head .more .arrow {
position: absolute;
right: 12px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #d81920;
color: #ffffff;
}
.sProduct-detail-section .head .more .arrow s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 16px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .sProduct-detail-section .head .more .arrow s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.ysqUEO .sProduct-detail-section .head .more .arrow s:before,
.ysqUEO .sProduct-detail-section .head .more .arrow s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
margin-left: -6px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .sProduct-detail-section .head .more .arrow s:before {
-webkit-transform: rotate(-44deg) translateX(1px);
transform: rotate(-44deg) translateX(1px);
}
.ysqUEO .sProduct-detail-section .head .more .arrow s:after {
-webkit-transform: rotate(44deg) translateX(1px);
transform: rotate(44deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.sProduct-detail-section .head .more .arrow:hover {
color: #ffffff;
}
.sProduct-detail-section .head .more .arrow:hover s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sProduct-detail-section .head .more .arrow:hover s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
@media screen and (max-width: 1024px) {
.sProduct-detail-section .head .more .arrow:active {
color: #ffffff;
}
.sProduct-detail-section .head .more .arrow:active s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sProduct-detail-section .head .more .arrow:active s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
.sProduct-detail-section .head .more .arrow s {
-webkit-transform: scale(0.75) translateX(3%);
transform: scale(0.75) translateX(3%);
}
.sProduct-detail-section .head .more .arrow:after {
content: " ";
position: absolute;
left: 2px;
top: 2px;
right: 2px;
bottom: 2px;
background-color: #d81920;
z-index: -1;
pointer-events: none;
border-radius: 50%;
-webkit-animation-name: AniDotScaleOut;
animation-name: AniDotScaleOut;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sProduct-detail-section .head .consult_btns {
font-size: 0;
text-align: right;
}
.sProduct-detail-section .head .consult_btns .btn {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
width: 150px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
}
.sProduct-detail-section .head .consult_btns .btn:after {
background-color: rgba(0, 0, 0, 0.05);
}
.sProduct-detail-section .head .consult_btns .btn:nth-child(1n+2) {
margin-left: 12px;
}
.sProduct-detail-section .body {
margin-top: 20px;
}
.sProduct-detail-section .body .hr {
margin-top: 40px;
display: block;
background-color: #cccccc;
}
@media screen and (max-width: 1024px) {
.sProduct-detail-section:nth-child(1n+2) {
margin-top: 0.8rem;
}
.sProduct-detail-section .head {
height: 36px;
line-height: 36px;
}
.sProduct-detail-section .head .l {
padding-left: 12px;
font-size: 18px;
}
.sProduct-detail-section .head .consult_btns .btn {
width: 108px;
height: 36px;
line-height: 36px;
}
.sProduct-detail-section .body {
margin-top: 0.4rem;
}
.sProduct-detail-section .body .hr {
margin-top: 0.8rem;
}
}
.sProduct-anchor {
z-index: 80;
position: fixed;
}
.sProduct-anchor .btn {
position: relative;
overflow: hidden;
background-color: #e2e2e2;
color: #333333;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sProduct-anchor .btn.on {
background-color: #d81920;
color: #fff;
}
@media screen and (min-width: 1025px) {
.sProduct-anchor {
top: 120%;
right: 50%;
margin-right: 740px;
}
.sProduct-anchor .btn {
display: block;
width: 48px;
height: 48px;
}
.sProduct-anchor .btn:nth-child(1n+2) {
margin-top: 2px;
}
.sProduct-anchor .btn span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 36px;
height: 36px;
display: inline-block;
vertical-align: top;
line-height: 18px;
font-size: 16px;
text-align: center;
padding-left: 1px;
letter-spacing: 1px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
.sProduct-anchor {
margin-right: 640px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
.sProduct-anchor {
margin-right: 610px;
}
}
@media screen and (max-width: 1024px) {
.sProduct-anchor {
display: none;
}
}
.sProduct-parameter-tab {
position: relative;
}
.sProduct-parameter-tab .Tg {
position: relative;
overflow: hidden;
z-index: 2;
}
.sProduct-parameter-tab .Tg:after {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #dfdfdf;
}
.sProduct-parameter-tab .Tg .btn {
z-index: 2;
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
color: #666666;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
padding: 20px 0;
}
.sProduct-parameter-tab .Tg .btn:after {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
bottom: 0;
width: 0;
height: 1px;
background-color: #d81920;
}
.sProduct-parameter-tab .Tg .btn:nth-child(1n+2) {
margin-left: 36px;
}
.sProduct-parameter-tab .Tg .btn.on {
color: #d81920;
font-weight: bold;
}
.sProduct-parameter-tab .Tg .btn.on:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
.sProduct-parameter-tab .Tt {
margin-top: 20px;
}
@media screen and (max-width: 1024px) {
.sProduct-parameter-tab .Tg .btn {
padding: 12px 0;
}
.sProduct-parameter-tab .Tg .btn:nth-child(1n+2) {
margin-left: 20px;
}
}
.sProduct-parameter-table,
.sProduct-parameter-table .tr,
.sProduct-parameter-table .td {
border: none !important;
}
.sProduct-parameter-table .tr:nth-child(2n+2) {
background-color: #f6f6f6;
}
.sProduct-parameter-table .td {
padding: 15px 0;
line-height: 20px;
}
.sProduct-parameter-table .td.td1 {
width: 120px;
text-align: right;
color: #333333;
}
.sProduct-parameter-table .td.td2 {
padding-left: 60px;
color: #999999;
}
@media screen and (max-width: 1024px) {
.sProduct-parameter-table .td {
padding: 10px 0;
line-height: 24px;
}
.sProduct-parameter-table .td.td1 {
width: 6em;
}
.sProduct-parameter-table .td.td2 {
padding-left: 0.8rem;
padding-right: 0.6rem;
}
}
.sProduct-photo-tab {
position: relative;
}
.sProduct-photo-tab .Tt {
position: relative;
overflow: hidden;
width: 100%;
height: 0 !important;
padding-bottom: 56.31578947%;
background-color: #f1f1f1;
background-color: #fff;
}
.sProduct-photo-tab .Tt img {
-o-object-fit: contain;
object-fit: contain;
}
.sProduct-photo-tab .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-photo-tab .Tt .box .pic {
width: 100%;
height: 100%;
background-color: #f1f1f1;
}
.sProduct-photo-tab .Tt .box.on {
-webkit-transition: all 0ms ease-out 0ms;
transition: all 0ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
z-index: 6;
}
.sProduct-photo-tab .Tt .box.leave {
-webkit-transition: all 0ms ease-out 0ms;
transition: all 0ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sProduct-photo-tab .Tt .box.come {
background-color: transparent;
}
.sProduct-photo-tab .Tt .box.come .pic {
-webkit-clip-path: inset(0% 50%);
clip-path: inset(0% 50%);
-webkit-transition: 0ms;
transition: 0ms;
}
.sProduct-photo-tab .Tt .box.on .pic {
-webkit-clip-path: inset(0%);
clip-path: inset(0%);
-webkit-transition: all 330ms ease-out 0s;
transition: all 330ms ease-out 0s;
}
.sProduct-photo-tab .Tg {
position: relative;
margin-top: 16px;
}
.sProduct-photo-tab .Tg .btn {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
width: 288px;
z-index: 2;
}
.sProduct-photo-tab .Tg .btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #d81920 solid 2px;
z-index: 8;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-photo-tab .Tg .btn:nth-child(1n+2) {
margin-left: 16px;
}
.sProduct-photo-tab .Tg .btn .pic {
width: 100%;
height: 0 !important;
padding-bottom: 56.31578947%;
background-color: #f1f1f1;
}
.sProduct-photo-tab .Tg .btn .pic img {
-o-object-fit: contain;
object-fit: contain;
}
.sProduct-photo-tab .Tg .btn.on:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0.8;
visibility: visible;
}
@media screen and (max-width: 1024px) {
.sProduct-photo-tab .Tg {
margin-top: 0.4rem;
}
.sProduct-photo-tab .Tg .btn {
width: 25vw;
}
.sProduct-photo-tab .Tg .btn:nth-child(1n+2) {
margin-left: 0.4rem;
}
}
.sProduct-relative-resMove {
padding-top: 40px;
}
.sProduct-relative-resMove .shade {
height: auto;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-relative-resMove .box {
position: relative !important;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sProduct-relative-resMove .box:after {
display: none;
}
.sProduct-relative-resMove._loaded .shade {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sProduct-relative-resMove .item {
overflow: hidden;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
width: 400px;
position: relative;
}
.sProduct-relative-resMove .item .tag {
position: absolute;
top: 6px;
right: 12px;
z-index: 9;
pointer-events: none;
}
.sProduct-relative-resMove .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 56.31578947%;
background-color: #f1f1f1;
overflow: visible;
background-color: transparent !important;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-relative-resMove .item .pic img {
-o-object-fit: contain;
object-fit: contain;
}
.sProduct-relative-resMove .item .txt {
padding: 0.9rem 0.4rem;
text-align: center;
}
.sProduct-relative-resMove .item .txt .vmbox {
text-align: left;
}
.sProduct-relative-resMove .item .txt .title {
line-height: 30px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-relative-resMove .item .txt .abstract {
margin-top: 10px;
color: #999999;
line-height: 1.25em;
}
.sProduct-relative-resMove .item .txt .abstract p {
position: relative;
}
.sProduct-relative-resMove .item .txt .abstract p:nth-child(1n+2) {
margin-top: 0.375em;
}
.sProduct-relative-resMove .item:hover .pic {
-webkit-filter: brightness(106%);
filter: brightness(106%);
}
.sProduct-relative-resMove .item:hover .txt .title {
color: #d81920;
}
@media screen and (max-width: 1024px) {
.sProduct-relative-resMove .item .txt {
padding-left: 0;
padding-right: 0;
}
.sProduct-relative-resMove .item .txt .abstract {
margin-top: 5px;
}
}
.sProduct-relative-resMove .pagination.pagination_case {
margin-top: 0 !important;
}
@media screen and (max-width: 1024px) {
.sProduct-relative-resMove {
margin-top: 0.8rem;
}
}
.sProduct-project-tab {
position: relative;
padding-right: 410px;
}
.sProduct-project-tab .Tt {
position: relative;
overflow: hidden;
width: 100%;
height: 0 !important;
padding-bottom: 62.56410256%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sProduct-project-tab .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transition: all 400ms ease-out 0ms;
transition: all 400ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sProduct-project-tab .Tt .box .pic {
width: 100%;
height: 100%;
background-color: #f1f1f1;
}
.sProduct-project-tab .Tt .box .txt {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 30px;
z-index: 6;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
}
.sProduct-project-tab .Tt .box .txt .item {
position: relative;
line-height: 1.5;
padding-left: 15px;
}
.sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) {
margin-top: 10px;
}
.sProduct-project-tab .Tt .box .txt .item:before {
content: " ";
position: absolute;
left: 0;
top: 12px;
margin-top: -5px;
overflow: hidden;
width: 0;
height: 0;
border-width: 5px 6px;
border-color: transparent transparent transparent #ffffff;
border-style: solid;
}
.sProduct-project-tab .Tt .box .txt .item .sdt {
font-weight: bold;
}
.sProduct-project-tab .Tt .box.on {
-webkit-transition: all 540ms ease-out 0ms;
transition: all 540ms ease-out 0ms;
opacity: 1;
visibility: visible;
z-index: 6;
}
.sProduct-project-tab .Tg {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 388px;
}
.sProduct-project-tab .Tg .oScroll {
width: 100%;
height: 100%;
}
.sProduct-project-tab .Tg .btn {
position: relative;
overflow: hidden;
z-index: 2;
display: block;
height: 110px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
background-color: #f6f6f6;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sProduct-project-tab .Tg .btn:after {
display: none;
}
.sProduct-project-tab .Tg .btn:nth-child(1n+2) {
margin-top: 18px;
}
.sProduct-project-tab .Tg .btn:before {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #d81920;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.sProduct-project-tab .Tg .btn .wrapIn {
padding: 0 45px;
font-weight: bold;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
line-height: 1.4;
}
.sProduct-project-tab .Tg .btn.on:before {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.sProduct-project-tab .Tg .btn.on .wrapIn {
color: #fff;
}
@media screen and (max-width: 1024px) {
.sProduct-project-tab {
padding-right: 0;
}
.sProduct-project-tab .Tt .box .txt {
padding: 12px;
}
.sProduct-project-tab .Tt .box .txt .item:before {
top: 10.5px;
}
.sProduct-project-tab .Tt .box .txt .item:nth-child(1n+2) {
margin-top: 5px;
}
.sProduct-project-tab .Tg {
position: relative;
width: 100%;
margin-top: 12px;
}
.sProduct-project-tab .Tg .oScroll {
overflow-x: auto;
white-space: nowrap;
}
.sProduct-project-tab .Tg .btn {
display: inline-block;
vertical-align: top;
height: auto;
}
.sProduct-project-tab .Tg .btn:nth-child(1n+2) {
margin-left: 0.4rem;
margin-top: 0;
}
.sProduct-project-tab .Tg .btn .wrapIn {
padding: 0.4rem 0.6rem;
font-size: 16px;
}
}
.sProduct-imax .imax {
color: #333333;
}
/* sCase */
.sCase-relative-resMove {
position: relative;
}
.sCase-relative-resMove .shade {
height: auto;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sCase-relative-resMove .box {
position: relative !important;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sCase-relative-resMove .box:after {
display: none;
}
.sCase-relative-resMove._loaded .shade {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sCase-relative-resMove .item {
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
width: 400px;
position: relative;
overflow: hidden;
z-index: 2;
}
.sCase-relative-resMove .item:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 4;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.sCase-relative-resMove .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.56410256%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sCase-relative-resMove .item .bottomIn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 48px;
z-index: 6;
}
.sCase-relative-resMove .item .title {
position: absolute;
left: 0;
bottom: 0;
right: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.5;
padding: 15px;
color: #fff;
}
.sCase-relative-resMove .item .more {
position: absolute;
right: 0;
bottom: 0;
width: 68px;
height: 48px;
line-height: 48px;
color: #fff;
text-align: center;
padding-left: 0.04em;
letter-spacing: 0.04em;
font-size: 14px;
}
@media screen and (min-width: 1025px) {
.sCase-relative-resMove .item:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sCase-relative-resMove .item .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.sCase-relative-resMove .item .bottomIn:before,
.sCase-relative-resMove .item .bottomIn:after {
content: " ";
position: absolute;
left: 100%;
top: 100%;
z-index: -1;
pointer-events: none;
background-color: #d81920;
border-radius: 50%;
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sCase-relative-resMove .item .bottomIn:before {
z-index: -2;
opacity: .5;
width: 45%;
padding-bottom: 45%;
-webkit-transform-origin: 52% 52%;
transform-origin: 52% 52%;
margin-left: -21%;
margin-top: -26%;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sCase-relative-resMove .item .bottomIn:after {
width: 35%;
padding-bottom: 35%;
-webkit-transform-origin: 48% 48%;
transform-origin: 48% 48%;
margin-left: -10%;
margin-top: -15%;
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.sCase-relative-resMove .item:hover:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sCase-relative-resMove .item:hover .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.sCase-relative-resMove .item:hover .bottomIn:before,
.sCase-relative-resMove .item:hover .bottomIn:after {
-webkit-animation-play-state: running;
animation-play-state: running;
}
}
@media screen and (max-width: 1024px) {
.sCase-relative-resMove .item .title {
right: 0;
text-align: center;
padding: 0.4rem;
}
.sCase-relative-resMove .item .more {
display: none;
}
}
.sCase-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sCase-list:after {
display: none;
}
.sCase-list .item {
position: relative;
overflow: hidden;
z-index: 2;
}
.sCase-list .item:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 4;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.sCase-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.56410256%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sCase-list .item .bottomIn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 48px;
z-index: 6;
}
.sCase-list .item .title {
position: absolute;
left: 0;
bottom: 0;
right: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.5;
padding: 15px;
color: #fff;
}
.sCase-list .item .more {
position: absolute;
right: 0;
bottom: 0;
width: 68px;
height: 48px;
line-height: 48px;
color: #fff;
text-align: center;
padding-left: 0.04em;
letter-spacing: 0.04em;
font-size: 14px;
}
@media screen and (min-width: 1025px) {
.sCase-list .item:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sCase-list .item .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.sCase-list .item .bottomIn:before,
.sCase-list .item .bottomIn:after {
content: " ";
position: absolute;
left: 100%;
top: 100%;
z-index: -1;
pointer-events: none;
background-color: #d81920;
border-radius: 50%;
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sCase-list .item .bottomIn:before {
z-index: -2;
opacity: .5;
width: 45%;
padding-bottom: 45%;
-webkit-transform-origin: 52% 52%;
transform-origin: 52% 52%;
margin-left: -21%;
margin-top: -26%;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sCase-list .item .bottomIn:after {
width: 35%;
padding-bottom: 35%;
-webkit-transform-origin: 48% 48%;
transform-origin: 48% 48%;
margin-left: -10%;
margin-top: -15%;
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.sCase-list .item:hover:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sCase-list .item:hover .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.sCase-list .item:hover .bottomIn:before,
.sCase-list .item:hover .bottomIn:after {
-webkit-animation-play-state: running;
animation-play-state: running;
}
}
@media screen and (max-width: 1024px) {
.sCase-list .item .title {
right: 0;
text-align: center;
padding: 0.4rem;
}
.sCase-list .item .more {
display: none;
}
}
.sCase-list .item:nth-child(1n+1) {
width: 32.5%;
margin-left: 1.25%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sCase-list .item:nth-child( 3n+1) {
margin-left: 0;
}
.sCase-list .item:nth-child( 1n+4) {
margin-top: 1.25%;
}
@media screen and (max-width: 1024px) {
.sCase-list .item:nth-child(1n+1) {
width: 49%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sCase-list .item:nth-child( 2n+1) {
margin-left: 0;
}
.sCase-list .item:nth-child( 1n+3) {
margin-top: 2%;
}
}
.sCase-switch {
position: relative;
padding-left: 480px;
height: 454px;
}
.sCase-switch .item {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.sCase-switch .item .pic {
width: 100%;
height: 100%;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
background-color: #f1f1f1;
}
.sCase-switch .Tt {
position: absolute;
left: 0;
top: 0;
width: 480px;
height: 100%;
background-color: #fff;
}
.sCase-switch .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 60px;
}
.sCase-switch .Tt .box .wrapIn {
padding: 25px;
}
.sCase-switch .Tt .box .wrapIn .title {
font-size: 22px;
color: #333333;
line-height: 30px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sCase-switch .Tt .box .wrapIn .abstract {
margin-top: 40px;
line-height: 1.75em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 5.25em;
color: #666666;
}
.sCase-switch + .sCase-list {
margin-top: 2.4rem;
}
.sCase-switch + .sCase-list:after {
display: block;
content: " ";
position: absolute;
left: 50%;
top: 0;
margin-top: -1.2rem;
margin-left: -1500px;
width: 3000px;
height: 1.2rem;
z-index: -1;
pointer-events: none;
visibility: visible;
background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (min-width: 1025px) {
.sCase-switch .Tt .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
background-color: #fff;
}
.sCase-switch .Tt .box:after {
display: none;
}
.sCase-switch .Tt .box.on {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sCase-switch .Tt .ctr_case {
bottom: 0;
}
.sCase-switch .Tt .ctr_case.prev {
right: 0;
}
.sCase-switch .Tt .ctr_case.next {
left: 100%;
}
.sCase-switch .Tt .pagination_case {
position: absolute;
bottom: 35px;
left: 25px;
right: 80px;
text-align: left;
}
}
@media screen and (max-width: 1024px) {
.sCase-switch {
padding-left: 0;
height: auto;
}
.sCase-switch .shade,
.sCase-switch .box {
position: relative !important;
height: auto !important;
}
.sCase-switch .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.56410256%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sCase-switch .item.on {
position: relative !important;
}
.sCase-switch .Tt {
position: relative;
width: 100%;
height: auto;
}
.sCase-switch .Tt .box {
padding-bottom: 0;
}
.sCase-switch .Tt .box .wrapIn {
padding: 0.6rem 0;
}
.sCase-switch .Tt .box .wrapIn .title {
font-size: 18px;
}
.sCase-switch .Tt .box .wrapIn .abstract {
margin-top: 0.3rem;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 3em;
height: 3em;
}
.sCase-switch .Tt .ctr_case {
bottom: 100%;
margin-bottom: 31.28205128%;
-webkit-transform: translateY(24px);
transform: translateY(24px);
}
.sCase-switch .Tt .ctr_case.prev {
left: 0;
}
.sCase-switch .Tt .ctr_case.next {
right: 0;
}
.sCase-switch .Tt .pagination_case {
position: absolute;
left: 0;
bottom: 100%;
margin-bottom: 0.6rem;
z-index: 9;
text-align: center;
width: 100%;
}
}
.sCase-switch-clone {
position: absolute;
top: 0;
width: 720px;
height: 454px;
pointer-events: none;
}
@media screen and (max-width: 1024px) {
.sCase-switch-clone {
display: none;
}
}
.sCase-switch-prev {
right: 100%;
margin-right: 30px;
}
.sCase-switch-next {
left: 100%;
margin-left: 30px;
}
.sCase-intro {
position: relative;
}
.sCase-intro .head {
position: relative;
padding-right: 140px;
}
.sCase-intro .head .title {
line-height: 40px;
color: #333333;
font-weight: bold;
}
.sCase-intro .head .backToList {
position: absolute;
right: 0;
bottom: 0;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: #d81920;
}
.sCase-intro .body {
margin-top: 40px;
position: relative;
min-height: 200px;
}
.sCase-intro .body .sCase-album {
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.sCase-intro .head {
padding-right: 100px;
}
.sCase-intro .head .title {
line-height: 1.5;
}
.sCase-intro .head .backToList {
width: 84px;
height: 32px;
line-height: 32px;
}
.sCase-intro .body {
margin-top: 0.8rem;
}
.sCase-intro .body .sCase-album {
margin-top: 0.8rem;
}
}
.sCase-album .Tt {
position: relative;
overflow: hidden;
width: 100%;
height: 0 !important;
padding-bottom: 56.31578947%;
background-color: #f1f1f1;
}
.sCase-album .Tt img {
-o-object-fit: contain;
object-fit: contain;
}
.sCase-album .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sCase-album .Tt .box .pic {
width: 100%;
height: 100%;
background-color: #f1f1f1;
}
.sCase-album .Tt .box.on {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
z-index: 6;
}
.sCase-album .Tt .ctr_caseAlbum.prev {
left: -5px;
}
.sCase-album .Tt .ctr_caseAlbum.next {
right: -5px;
}
.sCase-album .Tg {
position: relative;
margin-top: 20px;
}
.sCase-album .Tg .btn {
display: inline-block;
vertical-align: top;
position: relative;
overflow: hidden;
width: 185px;
z-index: 2;
}
.sCase-album .Tg .btn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: #d81920 solid 2px;
z-index: 8;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sCase-album .Tg .btn:nth-child(1n+2) {
margin-left: 18px;
}
.sCase-album .Tg .btn .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.56410256%;
/* img {object-fit:contain;} */
background-color: #f1f1f1;
}
.sCase-album .Tg .btn.on:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0.8;
visibility: visible;
}
@media screen and (min-width: 1025px) {
.sCase-album .Tt .ctr_caseAlbum {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sCase-album .Tt .ctr_caseAlbum.prev {
left: -100px;
}
.sCase-album .Tt .ctr_caseAlbum.next {
right: -100px;
}
.sCase-album .Tt:hover .ctr_caseAlbum.prev {
left: -5px;
}
.sCase-album .Tt:hover .ctr_caseAlbum.next {
right: -5px;
}
}
@media screen and (max-width: 1024px) {
.sCase-album .Tg {
margin-top: 0.4rem;
}
.sCase-album .Tg .btn {
width: 106px;
}
.sCase-album .Tg .btn:nth-child(1n+2) {
margin-left: 10px;
}
.sCase-album .Tg .ctr_pdtAlbum.prev {
left: 0;
}
.sCase-album .Tg .ctr_pdtAlbum.next {
right: 0;
}
}
/* sFactory */
.sFactory-resMove {
position: relative;
}
.sFactory-resMove .shade {
height: auto;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sFactory-resMove .box {
position: relative !important;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.sFactory-resMove .box:after {
display: none;
}
.sFactory-resMove._loaded .shade {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sFactory-resMove .item {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
width: 400px;
}
.sFactory-resMove .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.69430052%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.sFactory-resMove .item .pic:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 7;
pointer-events: none;
background-image: url(../images/btns-zoomer.png);
background-size: 80px auto;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.sFactory-resMove .item .title {
margin-top: 4px;
height: 44px;
line-height: 44px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
background-color: #f6f6f6;
padding: 0 15px;
}
@media screen and (min-width: 1025px) {
.sFactory-resMove .item:hover .pic:after {
-webkit-transition: all 400ms ease-out 0ms;
transition: all 400ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
}
@media screen and (max-width: 1024px) {
.sFactory-resMove .item .pic:after {
background-size: 64px 64px;
}
.sFactory-resMove .item:active .pic:after {
-webkit-transition: all 400ms ease-out 0ms;
transition: all 400ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
}
/* sAfterSale */
.sAfterSale-wrap {
background-color: #f5f5f5;
}
.sAfterSale-wrap .axd {
margin-top: 0 !important;
}
.sAfterSale-section2 {
padding-top: 55px;
padding-bottom: 55px;
}
.sAfterSale-section2 .head {
text-align: center;
font-weight: bold;
color: #d81920;
}
.sAfterSale-section2 .aside {
margin-top: 25px;
line-height: 1.75;
text-align: center;
}
.sAfterSale-section2 .list6 {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sAfterSale-section2 .list6:after {
display: none;
}
.sAfterSale-section2 .list6 .item {
background-color: #fff;
border: #e4e4e4 solid 1px;
text-align: center;
padding: 35px 40px 50px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sAfterSale-section2 .list6 .item:nth-child(1n+1) {
width: 32%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sAfterSale-section2 .list6 .item:nth-child( 3n+1) {
margin-left: 0;
}
.sAfterSale-section2 .list6 .item:nth-child( 1n+4) {
margin-top: 2%;
}
.sAfterSale-section2 .list6 .item .icoImg {
width: 140px;
height: 100px;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.sAfterSale-section2 .list6 .item .dt {
margin-top: 15px;
color: #333333;
font-weight: bold;
line-height: 1.5;
}
.sAfterSale-section2 .list6 .item .dd {
margin-top: 25px;
line-height: 1.75em;
color: #666666;
}
@media screen and (min-width: 1025px) {
.sAfterSale-section2 .list6 .item:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.sAfterSale-section2 .list6 .item:hover .icoImg {
-webkit-transform: rotateY(360deg) translateY(-2px);
transform: rotateY(360deg) translateY(-2px);
}
}
@media screen and (max-width: 1024px) {
.sAfterSale-section2 {
padding-top: 1.1rem;
padding-bottom: 1.1rem;
}
.sAfterSale-section2 .aside {
margin-top: 0.5rem;
}
.sAfterSale-section2 .list6 {
margin-top: 0.8rem;
}
.sAfterSale-section2 .list6 .item {
padding: 0.6rem 0.7rem 1rem;
}
.sAfterSale-section2 .list6 .item:nth-child(1n+1) {
width: 49%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sAfterSale-section2 .list6 .item:nth-child( 2n+1) {
margin-left: 0;
}
.sAfterSale-section2 .list6 .item:nth-child( 1n+3) {
margin-top: 2%;
}
.sAfterSale-section2 .list6 .item .icoImg {
width: 112px;
height: 80px;
}
.sAfterSale-section2 .list6 .item .dt {
margin-top: 0.3rem;
}
.sAfterSale-section2 .list6 .item .dd {
margin-top: 0.5rem;
line-height: 1.5;
}
}
/* sMaintenance */
.sMaintenance-tab {
z-index: 2;
position: relative;
overflow: hidden;
padding: 90px 0 110px;
}
.sMaintenance-tab .contain {
position: relative;
padding-left: 332px;
}
.sMaintenance-tab .contain .Tt {
width: 100%;
position: relative;
overflow: hidden;
height: 510px;
background-color: #fff;
}
.sMaintenance-tab .contain .Tt .box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
background-color: #fff;
color: #333333;
-webkit-transition: all 400ms ease-out 0ms;
transition: all 400ms ease-out 0ms;
opacity: 0;
visibility: hidden;
padding: 35px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sMaintenance-tab .contain .Tt .box.on {
-webkit-transition: all 540ms ease-out 0ms;
transition: all 540ms ease-out 0ms;
opacity: 1;
visibility: visible;
z-index: 6;
}
.sMaintenance-tab .contain .Tg {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 330px;
}
.sMaintenance-tab .contain .Tg .oScroll {
width: 100%;
height: 100%;
}
.sMaintenance-tab .contain .Tg .btn {
position: relative;
z-index: 2;
display: block;
width: 310px;
margin-right: 20px;
line-height: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
background-color: #fff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
text-align: center;
}
.sMaintenance-tab .contain .Tg .btn:after {
display: none;
}
.sMaintenance-tab .contain .Tg .btn:nth-child(1n+2) {
margin-top: 30px;
}
.sMaintenance-tab .contain .Tg .btn:before {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 100%;
top: 50%;
margin-top: -10px;
overflow: hidden;
width: 0;
height: 0;
border-width: 10px 12px;
border-color: transparent transparent transparent #d81920;
border-style: solid;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.sMaintenance-tab .contain .Tg .btn .wrapIn {
padding: 0.4rem;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
line-height: 1.4;
}
.sMaintenance-tab .contain .Tg .btn.on {
background-color: #d81920;
}
.sMaintenance-tab .contain .Tg .btn.on:before {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.sMaintenance-tab .contain .Tg .btn.on .wrapIn {
color: #fff;
}
@media screen and (max-width: 1024px) {
.sMaintenance-tab .contain {
padding-left: 0;
}
.sMaintenance-tab .contain .Tt {
height: 12rem;
}
.sMaintenance-tab .contain .Tt .box {
padding: 0.8rem 0.2rem 0.8rem 0.8rem;
}
.sMaintenance-tab .contain .Tt .box .module-Scrollbox {
padding-right: 0.6rem;
}
.sMaintenance-tab .contain .Tg {
position: relative;
width: 100%;
margin-top: 12px;
}
.sMaintenance-tab .contain .Tg .oScroll {
overflow-x: auto;
white-space: nowrap;
}
.sMaintenance-tab .contain .Tg .btn {
display: inline-block;
vertical-align: top;
margin-top: 10px !important;
width: auto;
height: auto;
padding: 0;
margin-right: 0;
}
.sMaintenance-tab .contain .Tg .btn:nth-child(1n+2) {
margin-left: 0.4rem;
}
.sMaintenance-tab .contain .Tg .btn:before {
border-color: transparent transparent #d81920 transparent;
left: 50%;
margin-left: -10px;
margin-top: 2px;
top: auto;
bottom: 100%;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
border-width: 8px 10px;
}
.sMaintenance-tab .contain .Tg .btn .wrapIn {
padding: 0.4rem 0.6rem;
font-size: 16px;
}
}
@media screen and (max-width: 1024px) {
.sMaintenance-tab {
padding: 1.2rem 0 1.6rem;
}
}
/* sWarranty */
/* sQuestion */
.sQuestion-list {
margin-top: -40px;
}
.sQuestion-list .item {
background-color: #fff;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
position: relative;
z-index: 2;
}
.sQuestion-list .item:after {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 0;
top: 100%;
width: 100%;
height: 0;
background-color: #f7f8f9;
}
.sQuestion-list .item .contain {
padding: 40px 65px;
border-bottom: #f6f6f6 solid 1px;
}
.sQuestion-list .item .question {
position: relative;
cursor: pointer;
min-height: 30px;
line-height: 30px;
padding: 5px 0;
}
.sQuestion-list .item .question .snum {
position: absolute;
left: -65px;
top: 0;
width: 45px;
height: 36px;
line-height: 36px;
border-radius: 3px;
background-color: #999999;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
color: #fff;
text-align: center;
z-index: 2;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sQuestion-list .item .question .snum:before {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 0;
top: 100%;
margin-top: -8px;
overflow: hidden;
width: 0;
height: 0;
border-width: 8px 8px;
border-color: transparent transparent transparent #999999;
border-style: solid;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sQuestion-list .item .question .title {
color: #333333;
}
.sQuestion-list .item .question .arrow {
position: absolute;
right: -60px;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #999999;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
color: #ffffff;
}
.sQuestion-list .item .question .arrow s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 20px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .sQuestion-list .item .question .arrow s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.ysqUEO .sQuestion-list .item .question .arrow s:before,
.ysqUEO .sQuestion-list .item .question .arrow s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 1px;
margin-top: -0.5px;
background-color: #ffffff;
margin-left: -6px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .sQuestion-list .item .question .arrow s:before {
-webkit-transform: rotate(-44deg) translateX(0.5px);
transform: rotate(-44deg) translateX(0.5px);
}
.ysqUEO .sQuestion-list .item .question .arrow s:after {
-webkit-transform: rotate(44deg) translateX(0.5px);
transform: rotate(44deg) translateX(0.5px);
}
@media screen and (min-width: 1025px) {
.sQuestion-list .item .question .arrow:hover {
color: #ffffff;
}
.sQuestion-list .item .question .arrow:hover s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sQuestion-list .item .question .arrow:hover s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
@media screen and (max-width: 1024px) {
.sQuestion-list .item .question .arrow:active {
color: #ffffff;
}
.sQuestion-list .item .question .arrow:active s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sQuestion-list .item .question .arrow:active s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
.sQuestion-list .item .answer {
display: none;
}
.sQuestion-list .item .answer .imax {
padding-top: 35px;
}
.sQuestion-list .item.unfold:after {
top: 0;
height: 100%;
-webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
}
.sQuestion-list .item.unfold .question .snum {
background-color: #d81920;
}
.sQuestion-list .item.unfold .question .snum:before {
border-left-color: #d81920;
}
.sQuestion-list .item.unfold .question .arrow {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #d81920;
}
@media screen and (min-width: 1025px) {
.sQuestion-list .item .arrow:hover {
background-color: #d81920;
}
.sQuestion-list .item:hover .question .arrow {
right: -66px;
}
.sQuestion-list .item:hover .question .snum {
background-color: #d81920;
}
.sQuestion-list .item:hover .question .snum:before {
border-left-color: #d81920;
}
.sQuestion-list .item:hover .question .arrow {
background-color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.sQuestion-list {
margin-top: -0.8rem;
}
.sQuestion-list .item .contain {
padding: 0.8rem 0;
}
.sQuestion-list .item .question .snum {
left: 0;
position: relative;
float: left;
color: #333333;
background-color: transparent !important;
width: auto;
height: auto;
line-height: inherit;
}
.sQuestion-list .item .question .snum:before {
display: none;
}
.sQuestion-list .item .question .snum:after {
content: " ";
width: .5em;
height: 1px;
display: inline-block;
vertical-align: top;
}
.sQuestion-list .item .question .arrow {
right: 0;
margin-top: -16px;
width: 32px;
height: 32px;
}
.sQuestion-list .item .question .arrow s {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.sQuestion-list .item .answer .imax {
padding: 0.7rem 0.8rem 0;
}
}
.sQuestion-list.list2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-top: 0;
}
.sQuestion-list.list2:after {
display: none;
}
.sQuestion-list.list2 .item:nth-child(1n+1) {
width: 48%;
margin-left: 4%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sQuestion-list.list2 .item:nth-child( 2n+1) {
margin-left: 0;
}
.sQuestion-list.list2 .item:nth-child( 1n+3) {
margin-top: 2%;
}
.sQuestion-list.list2 .item .contain {
padding: 20px 65px;
}
@media screen and (max-width: 1024px) {
.sQuestion-list.list2 .item:nth-child(1n+1) {
width: 100%;
margin-left: 0%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sQuestion-list.list2 .item:nth-child( 1n+1) {
margin-left: 0;
}
.sQuestion-list.list2 .item:nth-child( 1n+2) {
margin-top: 0%;
}
.sQuestion-list.list2 .item .contain {
padding: 0.6rem 0;
}
.sQuestion-list.list2 .item:nth-child(1n+2) {
margin-top: 2%;
}
}
/* sDepreciation,.sComponent */
.sDepreciation-list,
.sComponent-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
width: 100%;
margin-top: 35px;
}
.sDepreciation-list:after,
.sComponent-list:after {
display: none;
}
.sDepreciation-list .item:nth-child(1n+1),
.sComponent-list .item:nth-child(1n+1) {
width: 32%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sDepreciation-list .item:nth-child( 3n+1),
.sComponent-list .item:nth-child( 3n+1) {
margin-left: 0;
}
.sDepreciation-list .item:nth-child( 1n+4),
.sComponent-list .item:nth-child( 1n+4) {
margin-top: 0%;
}
.sDepreciation-list .item .pic,
.sComponent-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.63157895%;
background-color: #f1f1f1;
}
.sDepreciation-list .item .title,
.sComponent-list .item .title {
text-align: center;
padding: 15px;
line-height: 20px;
}
@media screen and (max-width: 1024px) {
.sDepreciation-list,
.sComponent-list {
margin-top: 0.7rem;
}
.sDepreciation-list .item:nth-child(1n+1),
.sComponent-list .item:nth-child(1n+1) {
width: 49%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sDepreciation-list .item:nth-child( 2n+1),
.sComponent-list .item:nth-child( 2n+1) {
margin-left: 0;
}
.sDepreciation-list .item:nth-child( 1n+3),
.sComponent-list .item:nth-child( 1n+3) {
margin-top: 0%;
}
}
.sDepreciation-form,
.sComponent-form {
position: relative;
overflow: hidden;
z-index: 2;
padding-top: 50px;
}
.sDepreciation-form:after,
.sComponent-form:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2.4rem;
z-index: -1;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (max-width: 1024px) {
.sDepreciation-form,
.sComponent-form {
padding-top: 1rem;
}
}
.sDepreciation-form.skinspe,
.sComponent-form.skinspe {
padding-top: 0 !important;
}
.sDepreciation-form.skinspe:after,
.sComponent-form.skinspe:after {
display: none;
}
/* sProject */
.sProject-list .item {
position: relative;
overflow: hidden;
z-index: 2;
background-color: #f5f5f5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.sProject-list .item:after {
display: none;
}
@media screen and (max-width: 1024px) {
.sProject-list .item {
display: block;
}
}
.sProject-list .item .snum {
position: absolute;
z-index: 8;
pointer-events: none;
top: 0;
width: 64px;
height: 100px;
background-color: #d81920;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
text-align: center;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sProject-list .item .snum span {
display: inline-block;
vertical-align: top;
padding: 20px 0 10px;
border-bottom: #ffffff solid 2px;
}
.sProject-list .item .pic {
height: 0 !important;
padding-bottom: 31.25%;
width: 50%;
}
.sProject-list .item .txt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
width: 50%;
max-height: 375px;
}
.sProject-list .item .txt:after {
display: none;
}
.sProject-list .item .txt .wrapIn {
padding: 30px 50px;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 100%;
width: 100%;
overflow-y: auto;
}
.sProject-list .item .txt .title {
font-weight: bold;
color: #d81920;
line-height: 1.25;
}
.sProject-list .item .txt .oList {
margin-top: 30px;
}
.sProject-list .item .txt .oList .oLi {
position: relative;
overflow: hidden;
padding-left: 20px;
z-index: 1;
line-height: 1.625;
color: #666666;
}
.sProject-list .item .txt .oList .oLi:before {
content: " ";
position: absolute;
left: 0;
top: 0.8125em;
margin-top: -5px;
overflow: hidden;
width: 0;
height: 0;
border-width: 5px 6px;
border-color: transparent transparent transparent #d81920;
border-style: solid;
}
.sProject-list .item .txt .oList .oLi:nth-child(1n+2) {
margin-top: 20px;
}
.sProject-list .item .txt .oList .oLi .sdt {
color: #d81920;
font-weight: bold;
}
.sProject-list .item:nth-child(2n+1) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.sProject-list .item:nth-child(2n+1) .snum {
left: 0;
}
.sProject-list .item:nth-child(2n+2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.sProject-list .item:nth-child(2n+2) .snum {
right: 0;
}
@media screen and (max-width: 1024px) {
.sProject-list .item .snum {
left: 0;
width: 48px;
height: 72px;
}
.sProject-list .item .snum span {
padding: 12px 0 6px;
}
.sProject-list .item .pic,
.sProject-list .item .txt {
width: 100%;
max-height: auto;
}
.sProject-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.5%;
}
.sProject-list .item .txt .wrapIn {
padding: 1rem;
}
.sProject-list .item .txt .title {
font-size: 20px;
line-height: 1.5;
}
.sProject-list .item .txt .oList {
margin-top: 0.6rem;
}
.sProject-list .item .txt .oList .oLi {
padding-left: 12px;
}
.sProject-list .item .txt .oList .oLi:nth-child(1n+2) {
margin-top: 0.4rem;
}
}
/* sAbout */
.sAbout-intro {
position: relative;
z-index: 3;
padding: 50px 0 60px;
margin-top: -50px;
}
.sAbout-intro .arrow {
position: absolute;
left: 50%;
top: 100%;
margin-top: -50px;
margin-left: -45px;
width: 90px;
height: 90px;
border-radius: 90px;
background-color: #fff;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
z-index: -1;
pointer-events: none;
color: #d81920;
}
.sAbout-intro .arrow s {
-webkit-transform: rotate(90deg) translateX(6px);
transform: rotate(90deg) translateX(6px);
}
.sAbout-intro .arrow s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 48px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .sAbout-intro .arrow s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.ysqUEO .sAbout-intro .arrow s:before,
.ysqUEO .sAbout-intro .arrow s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 3px;
margin-top: -1.5px;
background-color: #d81920;
margin-left: -15px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .sAbout-intro .arrow s:before {
-webkit-transform: rotate(-44deg) translateX(1.5px);
transform: rotate(-44deg) translateX(1.5px);
}
.ysqUEO .sAbout-intro .arrow s:after {
-webkit-transform: rotate(44deg) translateX(1.5px);
transform: rotate(44deg) translateX(1.5px);
}
@media screen and (min-width: 1025px) {
.sAbout-intro .arrow:hover {
color: #d81920;
}
.sAbout-intro .arrow:hover s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sAbout-intro .arrow:hover s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
@media screen and (max-width: 1024px) {
.sAbout-intro .arrow:active {
color: #d81920;
}
.sAbout-intro .arrow:active s:before {
-webkit-transform: rotate(-44deg);
transform: rotate(-44deg);
}
.sAbout-intro .arrow:active s:after {
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
}
}
.sAbout-intro + div {
z-index: 2;
}
.sAbout-intro .digitalData {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
padding-top: 20px;
}
.sAbout-intro .digitalData:after {
display: none;
}
.sAbout-intro .digitalData .col {
padding: 0 30px;
text-align: center;
}
.sAbout-intro .digitalData .col .sdt {
color: #d81920;
}
.sAbout-intro .digitalData .col .sdt i {
display: inline-block;
vertical-align: top;
font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-right: 5px;
}
.sAbout-intro .digitalData .col .sdt sub,
.sAbout-intro .digitalData .col .sdt sup {
line-height: 30px;
}
.sAbout-intro .digitalData .col .sdt sub {
display: inline-block;
vertical-align: bottom;
font-size: 16px;
}
.sAbout-intro .digitalData .col .sdt sup {
display: inline-block;
vertical-align: top;
font-size: 20px;
}
.sAbout-intro .digitalData .col .sdd {
color: #333333;
line-height: 1.25;
margin-top: 5px;
}
.sAbout-intro .imax {
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.sAbout-intro {
padding: 1rem 0 1.2rem;
margin-top: -1rem;
}
.sAbout-intro .arrow {
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
.sAbout-intro .digitalData {
padding-top: 0.4rem;
}
.sAbout-intro .digitalData .col {
padding: 0 5px;
}
.sAbout-intro .digitalData .col .sdd {
max-width: 5em;
margin-left: auto;
margin-right: auto;
}
.sAbout-intro .imax {
margin-top: 0.6rem;
}
}
@media screen and (max-width: 640px) {
.sAbout-intro .digitalData .col .sdt i {
font-size: 22px;
margin-right: 2px;
}
.sAbout-intro .digitalData .col .sdt sub,
.sAbout-intro .digitalData .col .sdt sup {
line-height: 1;
}
.sAbout-intro .digitalData .col .sdt sub {
font-size: 12px;
}
.sAbout-intro .digitalData .col .sdt sup {
font-size: 14px;
}
.sAbout-intro .digitalData .col .sdd {
font-size: 12px;
}
}
.sAbout-honor {
position: relative;
padding: 100px 0;
}
.sAbout-honor-switch {
width: 480px;
max-width: 100%;
}
.sAbout-honor-switch .shade {
width: 100%;
height: 0 !important;
padding-bottom: 75%;
background-color: #ebebeb;
}
.sAbout-honor-switch .item {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #ebebeb;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
}
.sAbout-honor-switch .item .pic {
width: 100%;
height: 100%;
}
.sAbout-honor-switch .item .pic img {
-o-object-fit: contain;
object-fit: contain;
}
.sAbout-honor-switch .pagination_case {
position: absolute;
left: 0;
top: 100%;
margin-top: 15px;
width: 100%;
text-align: center;
}
@media screen and (max-width: 1024px) {
.sAbout-honor-switch {
padding-bottom: 20px;
}
.sAbout-honor-switch .pagination_case {
margin-top: -10px;
}
}
.sAbout-honor .contain {
background-color: #fff;
border-radius: 16px;
padding: 50px;
}
.sAbout-honor .txt {
margin-right: 530px;
min-height: 360px;
padding: 10px 0;
}
.sAbout-honor .sAbout-honor-switch {
position: absolute;
right: 50px;
top: 50px;
}
@media screen and (max-width: 1024px) {
.sAbout-honor {
padding: 2rem 0;
}
.sAbout-honor .contain {
padding: 1rem;
}
.sAbout-honor .txt {
margin-right: 0;
margin-top: 0.4rem;
min-height: 0;
}
.sAbout-honor .sAbout-honor-switch {
margin-left: auto;
margin-right: auto;
position: relative;
right: 0;
top: 0;
width: 100%;
}
.sAbout-honor .sAbout-honor-switch .item {
padding: 0.6rem;
}
}
.sAbout-factory {
padding: 50px 0;
}
.sAbout-factory .description {
line-height: 1.875;
color: #666666;
}
.sAbout-factory .head {
margin-bottom: 20px;
margin-top: 30px;
text-align: center;
height: 30px;
line-height: 30px;
padding: 15px;
color: #fff;
background-color: #d81920;
}
@media screen and (max-width: 1024px) {
.sAbout-factory {
padding: 1rem 0;
}
.sAbout-factory .head {
margin-top: 0.6rem;
margin-bottom: 0.4rem;
padding: 0.3rem;
}
}
.sAbout-culture .oList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-top: 40px;
}
.sAbout-culture .oList:after {
display: none;
}
.sAbout-culture .oList .oLi {
position: relative;
width: 232px;
}
.sAbout-culture .oList .oLi:nth-child(2n+1) {
margin-bottom: 30px;
}
.sAbout-culture .oList .oLi:nth-child(2n+2) {
margin-top: 30px;
}
.sAbout-culture .oList .oLi .pic {
background-color: #f1f1f1;
}
.sAbout-culture .oList .oLi .txt {
z-index: 8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.sAbout-culture .oList .oLi .txt:after {
display: none;
}
.sAbout-culture .oList .oLi .txt .wrapIn {
position: relative;
padding: 20px 40px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 5;
color: #fff;
text-shadow: 1px 1.732px 6px rgba(0, 0, 0, 0.72);
text-align: center;
white-space: normal;
}
.sAbout-culture .oList .oLi .txt .wrapIn .dt {
line-height: 1.5;
}
.sAbout-culture .oList .oLi .txt .wrapIn .dd {
line-height: 1.5;
}
.sAbout-culture .oList .oLi .txt .wrapIn .dd:before {
content: " ";
display: block;
margin-top: 15px;
margin-bottom: 15px;
width: 30px;
height: 3px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
.sAbout-culture .oList .oLi .txt {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0);
}
.sAbout-culture .oList .oLi ._loaded + .txt {
-webkit-transition: all 400ms ease-out 200ms;
transition: all 400ms ease-out 200ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
@media screen and (min-width: 1025px) {
.sAbout-culture .oList .oLi .pic {
width: 100%;
height: 0 !important;
padding-bottom: 166.37931034%;
}
.sAbout-culture .oList .oLi .txt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 1024px) {
.sAbout-culture .oList {
margin-top: 0.8rem;
overflow-x: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.sAbout-culture .oList .oLi {
display: inline-block;
vertical-align: top;
width: 220px;
min-width: 220px;
}
.sAbout-culture .oList .oLi .pic {
width: 100%;
height: 0 !important;
padding-bottom: 124.78448276%;
}
.sAbout-culture .oList .oLi .txt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.sAbout-culture .oList .oLi:nth-child(1n+2) {
margin-left: 10px;
}
.sAbout-culture .oList .oLi:nth-child(1n+1) {
margin-top: 0;
margin-bottom: 0;
}
}
/* sHonor */
.sHonor-wrap {
padding-top: 0;
}
.sHonor-brand {
position: relative;
overflow: hidden;
z-index: 2;
padding-top: 50px;
}
.sHonor-brand + .sHonor-awards:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2.4rem;
z-index: -1;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (max-width: 1024px) {
.sHonor-brand {
padding-top: 1rem;
}
}
.sHonor-brand .oList {
position: relative;
margin-top: 40px;
padding-bottom: 20px;
}
.sHonor-brand .oList .oLi {
position: relative;
}
.sHonor-brand .oList .oLi .dt {
position: relative;
overflow: hidden;
}
.sHonor-brand .oList .oLi .dt span {
position: relative;
z-index: 2;
display: block;
height: 42px;
line-height: 42px;
padding: 0 15px;
width: 360px ;
color: #fff;
font-weight: bold;
}
.sHonor-brand .oList .oLi .dt span,
.sHonor-brand .oList .oLi .dt:before,
.sHonor-brand .oList .oLi .dt:after {
background-image: url(../images/bgs-axdvantage.png);
background-size: 100% 100%;
background-position: 100% 50%;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 61.8%;
}
.sHonor-brand .oList .oLi .dt:before,
.sHonor-brand .oList .oLi .dt:after {
content: " ";
position: absolute;
top: 0;
pointer-events: none;
width: 360px;
height: 100%;
}
.sHonor-brand .oList .oLi .dt:before {
left: 10px;
opacity: .5;
z-index: -1;
}
.sHonor-brand .oList .oLi .dt:after {
left: 20px;
opacity: .2;
z-index: -2;
}
.sHonor-brand .oList .oLi .dd {
padding: 25px 15px;
color: #333333;
}
@media screen and (max-width: 1024px) {
.sHonor-brand .oList {
margin-top: 0.8rem;
padding-bottom: 0.4rem;
}
.sHonor-brand .oList .oLi .dt span {
height: 36px;
line-height: 36px;
}
.sHonor-brand .oList .oLi .dd {
padding: 0.6rem;
}
}
.sHonor-awards {
position: relative;
overflow: hidden;
z-index: 2;
padding-top: 50px;
}
.sHonor-awards + .sHonor-brand {
margin-top: 40px;
}
.sHonor-awards + .sHonor-brand:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2.4rem;
z-index: -1;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
@media screen and (max-width: 1024px) {
.sHonor-awards {
padding-top: 1rem;
}
.sHonor-awards + .sHonor-brand {
margin-top: 0.8rem;
}
}
.sHonor-awards-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-top: 40px;
}
.sHonor-awards-list:after {
display: none;
}
.sHonor-awards-list .item {
padding: 0.7rem;
background-image: url(../images/bgs-honor-awards-item.jpg);
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.sHonor-awards-list .item:nth-child(1n+1) {
width: 24%;
margin-left: 1.33333333%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sHonor-awards-list .item:nth-child( 4n+1) {
margin-left: 0;
}
.sHonor-awards-list .item:nth-child( 1n+5) {
margin-top: 1.33333333%;
}
.sHonor-awards-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 75%;
background-color: transparent !important;
}
.sHonor-awards-list .item .pic.loading {
background-color: #fff !important;
}
.sHonor-awards-list .item .pic img {
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (min-width: 1025px) {
.sHonor-awards-list .item .pic {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sHonor-awards-list .item:hover .pic {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media screen and (max-width: 1024px) {
.sHonor-awards-list {
margin-top: 0.8rem;
}
.sHonor-awards-list .item:nth-child(1n+1) {
width: 32.5%;
margin-left: 1.25%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sHonor-awards-list .item:nth-child( 3n+1) {
margin-left: 0;
}
.sHonor-awards-list .item:nth-child( 1n+4) {
margin-top: 1.25%;
}
}
@media screen and (max-width: 640px) {
.sHonor-awards-list .item:nth-child(1n+1) {
width: 49%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sHonor-awards-list .item:nth-child( 2n+1) {
margin-left: 0;
}
.sHonor-awards-list .item:nth-child( 1n+3) {
margin-top: 2%;
}
}
/* sTerritory */
.sTerritory-distribution {
padding-bottom: 50px;
/* citymapSearch */
}
@media screen and (max-width: 1024px) {
.sTerritory-distribution {
padding-bottom: 1rem;
}
}
.sTerritory-distribution .maps {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.sTerritory-distribution .maps:after {
display: none;
}
@media screen and (max-width: 1024px) {
.sTerritory-distribution .maps {
display: block;
}
}
.sTerritory-distribution .citymapSearch {
position: relative;
z-index: 1;
padding-top: 0;
padding-bottom: 0;
background-repeat: repeat;
margin-top: 40px;
width: 830px;
}
@media screen and (max-width: 1024px) {
.sTerritory-distribution .citymapSearch {
margin-top: 0.8rem;
}
}
.sTerritory-distribution .citymapSearch .mapBox {
position: relative;
z-index: 2;
width: 100%;
height: 0 !important;
padding-bottom: 80.72289157%;
font-size: 100px;
}
.sTerritory-distribution .citymapSearch .mapImg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
}
.sTerritory-distribution .citymapSearch .mapList {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.sTerritory-distribution .citymapSearch .mapList li {
z-index: 1;
position: absolute;
width: 0.2em;
height: 0.3em;
}
.sTerritory-distribution .citymapSearch .mapList li .piece {
position: absolute;
display: none;
z-index: -1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.sTerritory-distribution .citymapSearch .mapList li .mapText {
width: 80px;
text-align: center;
position: absolute;
bottom: -8px;
z-index: 10;
left: 50%;
margin-left: -40px;
font-size: 14px;
color: #444343;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sTerritory-distribution .citymapSearch .mapList li .dot {
position: absolute;
width: 20px;
height: 20px;
pointer-events: none;
z-index: 4;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.sTerritory-distribution .citymapSearch .mapList li .dot:before,
.sTerritory-distribution .citymapSearch .mapList li .dot:after {
content: " ";
background-color: #d81920;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
}
.sTerritory-distribution .citymapSearch .mapList li .dot:before {
z-index: 1;
width: 10px;
height: 10px;
margin-left: -5px;
margin-top: -5px;
}
.sTerritory-distribution .citymapSearch .mapList li .dot:after {
z-index: -1;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
opacity: .2;
}
.sTerritory-distribution .citymapSearch .mapList li.active .dot {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.sTerritory-distribution .citymapSearch .mapList li.main .mapText {
color: #fefefe;
}
.sTerritory-distribution .citymapSearch .mapList li.main .piece {
display: block;
}
.sTerritory-distribution .citymapSearch .mapList li.main .dot:before,
.sTerritory-distribution .citymapSearch .mapList li.main .dot:after {
background-color: #fff;
}
.sTerritory-distribution .citymapSearch .mapList li.main .dot:after {
-webkit-animation-name: breath_dot;
animation-name: breath_dot;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.sTerritory-distribution .citymapSearch .mapList li.SX {
top: 50.74626866%;
left: 57.22891566%;
}
.sTerritory-distribution .citymapSearch .mapList li.SX .piece {
top: -0.75em;
left: -0.34em;
width: 0.78em;
height: 1.43em;
}
.sTerritory-distribution .citymapSearch .mapList li.NX {
top: 42.53731343%;
left: 52.04819277%;
}
.sTerritory-distribution .citymapSearch .mapList li.NX .piece {
top: -0.14em;
left: -0.12em;
width: 0.46em;
height: 0.7em;
}
.sTerritory-distribution .citymapSearch .mapList li.GS {
top: 47.76119403%;
left: 49.39759036%;
}
.sTerritory-distribution .citymapSearch .mapList li.GS .piece {
top: -1.24em;
left: -1.51em;
width: 2.22em;
height: 1.97em;
}
.sTerritory-distribution .citymapSearch .mapList li.SC {
top: 58.20895522%;
left: 47.22891566%;
height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.SC .dot {
top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.SC .piece {
top: -0.28em;
left: -0.77em;
width: 1.53em;
height: 1.54em;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ {
top: 61.64179104%;
left: 53.61445783%;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ .mapText {
margin-left: -20px;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ .dot {
left: 100%;
}
.sTerritory-distribution .citymapSearch .mapList li.CQ .piece {
top: -0.12em;
left: -0.09em;
width: 0.73em;
height: 0.77em;
}
.sTerritory-distribution .citymapSearch .mapList li.SXX {
top: 42.68656716%;
left: 62.65060241%;
}
.sTerritory-distribution .citymapSearch .mapList li.SXX .piece {
top: -0.42em;
left: -0.13em;
width: 0.54em;
height: 1.1em;
}
.sTerritory-distribution .citymapSearch .mapList li.XJ {
top: 25.82089552%;
left: 20.24096386%;
}
.sTerritory-distribution .citymapSearch .mapList li.XJ .piece {
top: -1.09em;
left: -1.68em;
width: 3.13em;
height: 2.45em;
}
.sTerritory-distribution .citymapSearch .mapList li.YN {
top: 76.71641791%;
left: 42.65060241%;
}
.sTerritory-distribution .citymapSearch .mapList li.YN .piece {
top: -0.59em;
left: -0.47em;
width: 1.38em;
height: 1.51em;
}
.sTerritory-distribution .citymapSearch .mapList li.GX {
top: 79.10447761%;
left: 58.19277108%;
}
.sTerritory-distribution .citymapSearch .mapList li.GX .piece {
top: -0.15em;
left: -0.6em;
width: 1.18em;
height: 0.89em;
}
.sTerritory-distribution .citymapSearch .mapList li.HaiN {
top: 91.64179104%;
left: 60.48192771%;
height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.HaiN .dot {
top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.HaiN .piece {
top: 0.17em;
left: -0.15em;
width: 0.4em;
height: 0.33em;
}
.sTerritory-distribution .citymapSearch .mapList li.GD {
top: 76.71641791%;
left: 66.74698795%;
height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.GD .dot {
top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.GD .piece {
top: 0.14em;
left: -0.52em;
width: 1.24em;
height: 0.96em;
}
.sTerritory-distribution .citymapSearch .mapList li.HuN {
top: 67.01492537%;
left: 63.61445783%;
height: 50px;
}
.sTerritory-distribution .citymapSearch .mapList li.HuN .dot {
top: 20px;
}
.sTerritory-distribution .citymapSearch .mapList li.HuN .piece {
top: -0.09em;
left: -0.39em;
width: 0.84em;
height: 1.03em;
}
.sTerritory-distribution .citymapSearch .mapList li.HuB {
top: 59.85074627%;
left: 64.81927711%;
}
.sTerritory-distribution .citymapSearch .mapList li.HuB .piece {
top: -0.17em;
left: -0.55em;
width: 1.17em;
height: 0.74em;
}
.sTerritory-distribution .citymapSearch .mapList li.HeN {
top: 50.44776119%;
left: 66.38554217%;
}
.sTerritory-distribution .citymapSearch .mapList li.HeN .piece {
top: -0.15em;
left: -0.4em;
width: 0.88em;
height: 0.88em;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ {
top: 70.89552239%;
left: 77.71084337%;
height: 40px;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ .dot {
top: 10px;
right: 50%;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ .mapText {
margin-left: -50px;
}
.sTerritory-distribution .citymapSearch .mapList li.FJ .piece {
top: -0.06em;
left: -0.37em;
width: 0.66em;
height: 0.86em;
}
.sTerritory-distribution .citymapSearch .mapList li.JX {
top: 66.56716418%;
left: 71.20481928%;
}
.sTerritory-distribution .citymapSearch .mapList li.JX .piece {
top: -0.09em;
left: -0.25em;
width: 0.73em;
height: 1.06em;
}
.sTerritory-distribution .citymapSearch .mapList li.ZJ {
top: 61.64179104%;
left: 78.91566265%;
}
.sTerritory-distribution .citymapSearch .mapList li.ZJ .piece {
top: 0.14em;
left: -0.22em;
width: 0.58em;
height: 0.58em;
}
.sTerritory-distribution .citymapSearch .mapList li.AH {
top: 57.1641791%;
left: 73.01204819%;
}
.sTerritory-distribution .citymapSearch .mapList li.AH .piece {
top: -0.32em;
left: -0.26em;
width: 0.73em;
height: 0.93em;
}
.sTerritory-distribution .citymapSearch .mapList li.JS {
top: 53.13432836%;
left: 77.71084337%;
}
.sTerritory-distribution .citymapSearch .mapList li.JS .piece {
top: -0.16em;
left: -0.46em;
width: 0.86em;
height: 0.87em;
}
.sTerritory-distribution .citymapSearch .mapList li.JS .mapText {
bottom: 0;
}
.sTerritory-distribution .citymapSearch .mapList li.SD {
top: 44.7761194%;
left: 71.68674699%;
}
.sTerritory-distribution .citymapSearch .mapList li.SD .piece {
top: -0.14em;
left: -0.18em;
width: 1em;
height: 0.68em;
}
.sTerritory-distribution .citymapSearch .mapList li.TJ {
top: 34.7761194%;
left: 71.3253012%;
}
.sTerritory-distribution .citymapSearch .mapList li.TJ .piece {
top: 0.01em;
left: -0.19em;
width: 0.37em;
height: 0.43em;
}
.sTerritory-distribution .citymapSearch .mapList li.LN {
top: 26.71641791%;
left: 80.48192771%;
}
.sTerritory-distribution .citymapSearch .mapList li.LN .dot {
top: 40px;
}
.sTerritory-distribution .citymapSearch .mapList li.LN .piece {
top: 0.01em;
left: -0.49em;
width: 0.93em;
height: 0.88em;
}
.sTerritory-distribution .citymapSearch .mapList li.HeB {
top: 38.95522388%;
left: 67.71084337%;
}
.sTerritory-distribution .citymapSearch .mapList li.HeB .piece {
top: -0.59em;
left: -0.12em;
width: 0.83em;
height: 1.22em;
}
.sTerritory-distribution .citymapSearch .mapList li.GZ {
top: 70.14925373%;
left: 53.61445783%;
height: 45px;
}
.sTerritory-distribution .citymapSearch .mapList li.GZ .dot {
top: 15px;
}
.sTerritory-distribution .citymapSearch .mapList li.GZ .piece {
top: -0.15em;
left: -0.38em;
width: 0.98em;
height: 0.89em;
}
.sTerritory-distribution .citymapSearch .mapList li.HLJ {
top: 9.85074627%;
left: 84.57831325%;
height: 44px;
}
.sTerritory-distribution .citymapSearch .mapList li.HLJ .dot {
top: 14px;
}
.sTerritory-distribution .citymapSearch .mapList li.HLJ .piece {
top: -0.66em;
right: -0.66em;
width: 1.77em;
height: 1.61em;
}
.sTerritory-distribution .citymapSearch .mapList li.XZ {
top: 49.25373134%;
left: 15.06024096%;
}
.sTerritory-distribution .citymapSearch .mapList li.XZ .piece {
top: -0.42em;
left: -0.95em;
width: 3.07em;
height: 1.97em;
}
.sTerritory-distribution .citymapSearch .mapList li.QH {
top: 41.79104478%;
left: 32.65060241%;
}
.sTerritory-distribution .citymapSearch .mapList li.QH .piece {
top: -0.24em;
left: -0.68em;
width: 1.95em;
height: 1.48em;
}
.sTerritory-distribution .citymapSearch .mapList li.NMG {
top: 31.34328358%;
left: 57.8313253%;
}
.sTerritory-distribution .citymapSearch .mapList li.NMG .piece {
top: -2.04em;
left: -1.51em;
width: 3.44em;
height: 2.96em;
}
.sTerritory-distribution .citymapSearch .mapList li.JL {
top: 20.14925373%;
left: 82.89156627%;
}
.sTerritory-distribution .citymapSearch .mapList li.JL .piece {
top: -0.09em;
left: -0.54em;
width: 1.36em;
height: 0.89em;
}
.sTerritory-distribution .citymapSearch .mapList li.TW {
top: 79.25373134%;
left: 81.3253012%;
}
.sTerritory-distribution .citymapSearch .mapList li.TW .piece {
top: 0;
left: 0;
width: 0.26em;
height: 0.63em;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ {
top: 31.34328358%;
left: 68.07228916%;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ .dot {
top: 20px;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ .mapText {
bottom: 5px;
}
.sTerritory-distribution .citymapSearch .mapList li.BJ .piece {
top: 0.27em;
left: 0em;
width: 0.2em;
height: 0.2em;
}
.sTerritory-distribution .citymapSearch .mapList li.SH {
top: 55.37313433%;
left: 80.72289157%;
}
.sTerritory-distribution .citymapSearch .mapList li.SH .dot {
top: 35px;
left: -5px;
}
.sTerritory-distribution .citymapSearch .mapList li.SH .mapText {
margin-left: -48px;
bottom: -4px;
}
.sTerritory-distribution .citymapSearch .mapList li.SH .piece {
top: 0.4em;
left: 0em;
width: 0.1em;
height: 0.1em;
}
.sTerritory-distribution .citymapSearch .mapList li.XG {
top: 80.59701493%;
left: 69.87951807%;
height: 35px;
}
.sTerritory-distribution .citymapSearch .mapList li.XG .piece {
top: 0.36em;
left: -0.08em;
width: 0.1em;
height: 0.1em;
}
.sTerritory-distribution .citymapSearch .mapList li.AM {
top: 82.08955224%;
left: 64.3373494%;
height: 35px;
}
.sTerritory-distribution .citymapSearch .mapList li.AM .piece {
top: 0.31em;
left: 0.23em;
width: 0.1em;
height: 0.1em;
}
.sTerritory-distribution .description {
width: 320px;
}
@media screen and (max-width: 1024px) {
.sTerritory-distribution .citymapSearch {
width: 100%;
height: auto;
display: none;
}
.sTerritory-distribution .description {
width: 100%;
margin-top: 0.6rem;
}
}
.sTerritory-partner {
position: relative;
overflow: hidden;
z-index: 2;
padding-top: 50px;
}
@media screen and (max-width: 1024px) {
.sTerritory-partner {
padding-top: 1rem;
}
}
.sTerritory-partner:after {
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 2.4rem;
z-index: -1;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, #f1f1f1, #ffffff 90%, #ffffff);
}
.sTerritory-partner-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-top: 35px;
}
.sTerritory-partner-list:after {
display: none;
}
.sTerritory-partner-list .item {
position: relative;
overflow: hidden;
z-index: 2;
}
.sTerritory-partner-list .item:nth-child(1n+1) {
width: 190px;
margin-left: 12px;
margin-top: 0;
}
.sTerritory-partner-list .item:nth-child( 6n+1) {
margin-left: 0;
}
.sTerritory-partner-list .item:nth-child( 1n+7) {
margin-top: 12px;
}
.sTerritory-partner-list .item:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 5;
border: #e5e5e5 solid 1px;
pointer-events: none;
}
.sTerritory-partner-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 49.47368421%;
background-color: #fff;
}
.sTerritory-partner-list .item .pic img {
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (min-width: 1025px) {
.sTerritory-partner-list .item .pic {
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sTerritory-partner-list .item:hover .pic {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
}
@media screen and (max-width: 1024px) {
.sTerritory-partner-list {
margin-top: 0.7rem;
}
.sTerritory-partner-list .item:nth-child(1n+1) {
width: 24%;
margin-left: 1.33333333%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sTerritory-partner-list .item:nth-child( 4n+1) {
margin-left: 0;
}
.sTerritory-partner-list .item:nth-child( 1n+5) {
margin-top: 1.33333333%;
}
}
@media screen and (max-width: 640px) {
.sTerritory-partner-list .item:nth-child(1n+1) {
width: 32.5%;
margin-left: 1.25%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sTerritory-partner-list .item:nth-child( 3n+1) {
margin-left: 0;
}
.sTerritory-partner-list .item:nth-child( 1n+4) {
margin-top: 1.25%;
}
}
/* sHr */
.sHr-list .tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.sHr-list .tr:after {
display: none;
}
.sHr-list .td {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
padding: 0.3rem;
line-height: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sHr-list .td.td1 {
width: 150px;
}
.sHr-list .td.td2 {
width: 100px;
margin-left: 80px;
}
.sHr-list .td.td3 {
width: 120px;
margin-left: 80px;
}
.sHr-list .td.td4 {
width: 180px;
margin-left: 60px;
}
.sHr-list .td.td5 {
width: 140px;
margin-left: 60px;
}
.sHr-list .td.td6 {
width: 160px;
margin-left: 70px;
}
.sHr-list .thead {
background-color: #d81920;
color: #fff;
padding: 3px 0;
}
.sHr-list .item {
position: relative;
overflow: hidden;
border-bottom: #e9e9e9 dashed 1px;
}
.sHr-list .item:nth-child(1n+2) {
margin-top: 10px;
}
.sHr-list .item .spreadBtn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
line-height: 40px;
color: #333333;
}
.sHr-list .item .spreadBtn s {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.sHr-list .item .spreadBtn s {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-family: SimSun, '宋体' !important;
text-align: center;
font-size: 24px;
font-weight: bold;
pointer-events: none;
}
.ysqUEO .sHr-list .item .spreadBtn s {
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.ysqUEO .sHr-list .item .spreadBtn s:before,
.ysqUEO .sHr-list .item .spreadBtn s:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 12px;
height: 2px;
margin-top: -1px;
background-color: #333333;
margin-left: -8px;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.ysqUEO .sHr-list .item .spreadBtn s:before {
-webkit-transform: rotate(-45deg) translateX(1px);
transform: rotate(-45deg) translateX(1px);
}
.ysqUEO .sHr-list .item .spreadBtn s:after {
-webkit-transform: rotate(45deg) translateX(1px);
transform: rotate(45deg) translateX(1px);
}
@media screen and (min-width: 1025px) {
.sHr-list .item .spreadBtn:hover {
color: #333333;
}
.sHr-list .item .spreadBtn:hover s:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sHr-list .item .spreadBtn:hover s:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@media screen and (max-width: 1024px) {
.sHr-list .item .spreadBtn:active {
color: #333333;
}
.sHr-list .item .spreadBtn:active s:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sHr-list .item .spreadBtn:active s:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.sHr-list .item .show {
background-color: #eeeeee;
}
.sHr-list .item .hide {
display: none;
}
.sHr-list .item .hide .imax {
padding: 0.8rem;
}
.sHr-list .item .hide .base {
margin-bottom: .5em;
}
.sHr-list .item .hide .base .dib {
margin-right: 8px;
}
.sHr-list .item .hide .sdt {
font-weight: bold;
color: #333333;
}
.sHr-list .item .hide .aside {
line-height: 1.875;
color: #d81920;
}
.sHr-list .item.unfold .spreadBtn s {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media screen and (max-width: 1024px) {
.sHr-list .td.td1 {
width: 80%;
text-align: left;
padding-left: 0.8rem;
padding-right: 0.8rem;
}
.sHr-list .td.td2 {
display: none;
}
.sHr-list .td.td3 {
display: none;
}
.sHr-list .td.td4 {
display: none;
}
.sHr-list .td.td5 {
margin-left: 0;
}
.sHr-list .td.td6 {
margin-left: 0;
width: 8em;
}
}
/* sContact */
.sContact-intro .head {
position: relative;
padding-right: 200px;
min-height: 48px;
line-height: 48px;
}
.sContact-intro .head .dib {
font-weight: lighter;
color: #333333;
}
.sContact-intro .head .btn {
position: absolute;
right: 0;
top: 0;
width: 160px;
height: 48px;
line-height: 48px;
border-radius: 48px;
color: #fff;
background-color: #d81920;
text-align: center;
}
.sContact-intro .oList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 40px 0 50px;
}
.sContact-intro .oList:after {
display: none;
}
.sContact-intro .oList .oLi {
position: relative;
overflow: hidden;
z-index: 2;
padding: 5px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
width: 25%;
}
.sContact-intro .oList .oLi:before {
content: " ";
position: absolute;
left: 0;
top: 10%;
bottom: 10%;
width: 1px;
height: 140px;
background-color: #e3e3e3;
display: none;
}
.sContact-intro .oList .oLi .ico {
display: block;
margin-left: auto;
margin-right: auto;
width: 66px;
height: 66px;
background-size: 66px 66px;
background-position: 50% 50%;
background-repeat: no-repeat;
border-radius: 50%;
background-color: #d81920;
color: #fff;
}
.sContact-intro .oList .oLi .sdt {
margin-top: 5px;
color: #999999;
line-height: 1.5;
}
.sContact-intro .oList .oLi .sdd {
margin-top: 5px;
color: #333333;
line-height: 1.4333;
}
@media screen and (min-width: 1025px) {
.sContact-intro .oList .oLi:nth-child(1n+2):before {
display: block;
}
}
@media screen and (max-width: 1024px) {
.sContact-intro .head {
line-height: 1.5;
padding-right: 172px;
}
.sContact-intro .head .dib {
font-size: 18px;
line-height: 24px;
padding: 8px 0;
}
.sContact-intro .head .btn {
width: 144px;
height: 40px;
line-height: 40px;
font-size: 16px;
}
.sContact-intro .oList {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.8rem 0 1rem;
}
.sContact-intro .oList .oLi {
width: 50%;
padding: 0.6rem;
}
.sContact-intro .oList .oLi:nth-child(1n+3) {
margin-top: 0.4rem;
}
.sContact-intro .oList .oLi:nth-child(2n+2):before {
display: block;
}
.sContact-intro .oList .oLi .ico {
width: 48px;
height: 48px;
background-size: 60px 60px;
}
.sContact-intro .oList .oLi .sdd {
margin-top: 0;
}
}
.sContact-map {
position: relative;
z-index: 2;
height: 12.4rem;
}
.sContact-map #dituContent {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 1.1;
background-color: #f5f3f0;
}
.sContact-map #dituContent .BMap_bubble_title {
font-size: 16px;
margin-bottom: 5px;
padding-right: 16px;
color: #d81920;
}
.sContact-map #dituContent .BMap_bubble_content {
width: auto;
font-size: 14px;
line-height: 18px;
}
.sContact-map #dituContent img {
max-width: none;
}
._pen .sContact-map {
pointer-events: none;
}
.sContact-list {
margin-top: 50px;
}
.sContact-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.sContact-list .item:after {
display: none;
}
@media screen and (max-width: 1024px) {
.sContact-list .item {
display: block;
}
}
.sContact-list .item:nth-child(1n+2) {
margin-top: 30px;
}
.sContact-list .item .pic {
width: 294px;
height: 294px;
border-radius: 50%;
background-color: #f1f1f1;
}
.sContact-list .item .txt {
width: 810px;
}
.sContact-list .item .txt .title {
color: #333333;
line-height: 1.5;
}
.sContact-list .item .txt .content {
color: #333333;
}
.sContact-list .item .txt .content:before {
content: " ";
display: block;
margin-bottom: 25px;
margin-top: 20px;
width: 1.3rem;
height: 2px;
background-color: #333333;
}
@media screen and (max-width: 1024px) {
.sContact-list {
margin-top: 1rem;
}
.sContact-list .item {
border-bottom: #cccccc dashed 1px;
padding-bottom: 0.6rem;
}
.sContact-list .item:nth-child(1n+2) {
margin-top: 0.6rem;
}
.sContact-list .item .pic {
display: none;
}
.sContact-list .item .txt {
width: 100%;
}
.sContact-list .item .txt .content:before {
margin-top: 0.4rem;
margin-bottom: 0.5rem;
}
}
/* index */
.index {
position: relative;
overflow: hidden;
}
.index .sContact-map {
pointer-events: none;
}
.index-banner {
position: relative;
overflow: hidden;
height: 500px;
}
.index-banner .item {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #eee;
}
.index-banner .item .bg.c {
left: 50%;
margin-left: -960px;
width: 1920px;
}
.index-banner .item.moveItem {
position: absolute;
}
.index-banner .pagination_banner {
z-index: 10;
position: absolute;
left: 50%;
margin-left: -600px;
bottom: 40px;
width: auto;
bottom: 20px;
}
.index-banner .fns {
position: absolute;
right: 50%;
bottom: 25px;
height: 36px;
margin-right: -600px;
padding: 0 40px;
z-index: 10;
bottom: 10px;
}
.index-banner .fns .counts {
color: #fff;
font-family: SimHei, '黑体';
line-height: 32px;
}
.index-banner .fns .counts .now {
margin-right: 2px;
}
.index-banner + .sSearch-pdt {
margin-top: 0;
}
@media screen and (max-width: 1024px) {
.index-banner {
padding-bottom: 56%;
height: 0;
}
.index-banner .shade {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.index-banner .fns {
display: none;
}
.index-banner .pagination_banner {
left: 0;
margin-left: 0;
width: 100%;
bottom: 0.8rem;
}
}
.index-head .en {
font-family: "Mohave", Tahoma, Arial, sans-serif;
color: #333333;
text-transform: uppercase;
font-weight: bold;
}
.index-head .cn {
color: #d81920;
margin-top: 10px;
}
.index-head .cn s {
color: #333333;
}
@media screen and (max-width: 1024px) {
.index-head {
text-align: center;
}
}
.index-head2 {
position: relative;
z-index: 2;
padding: 50px 0 40px;
line-height: 1;
}
.index-head2 .en {
font-family: "Humnst777", Tahoma, Arial, sans-serif;
position: relative;
z-index: -1;
pointer-events: none;
width: 100%;
text-transform: uppercase;
color: #e3e3e3;
text-align: center;
padding-left: 0.05em;
letter-spacing: 0.05em;
font-weight: lighter;
margin-bottom: -0.5em;
}
.index-head2 .cn {
position: relative;
z-index: 2;
color: #333333;
text-align: center;
padding-left: 0.05em;
letter-spacing: 0.05em;
}
.index-head2 .cn s {
color: #333333;
}
.index-head2:after {
content: " ";
display: block;
margin-left: auto;
margin-right: auto;
width: 40px;
height: 2px;
background-color: #d81920;
margin-top: 15px;
}
@media screen and (max-width: 1024px) {
.index-head2 {
padding: 1rem 0 0.8rem;
}
}
.index-product {
position: relative;
overflow: hidden;
z-index: 2;
}
.index-product .Tg {
position: relative;
z-index: 2;
text-align: center;
}
.index-product .Tg:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #eaeaea;
z-index: -1;
pointer-events: none;
}
.index-product .Tg .btn {
position: relative;
overflow: hidden;
z-index: 2;
display: inline-block;
vertical-align: top;
width: 128px;
height: 96px;
padding: 20px 0;
text-align: center;
font-size: 14px;
}
.index-product .Tg .btn:after {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
left: 100%;
bottom: 0;
width: 0;
height: 4px;
background-color: #d81920;
}
.index-product .Tg .btn .ico {
width: 128px;
height: 74px;
display: block;
position: relative;
overflow: hidden;
}
.index-product .Tg .btn .ico:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(../images/icon-pdtv.png);
background-repeat: no-repeat;
-webkit-transition: all 240ms ease-out 0s;
transition: all 240ms ease-out 0s;
}
.index-product .Tg .btn .ico.i1::after {
background-position: 0 0px;
}
.index-product .Tg .btn .ico.i2::after {
background-position: 0 -74px;
}
.index-product .Tg .btn .ico.i3::after {
background-position: 0 -148px;
}
.index-product .Tg .btn .ico.i4::after {
background-position: 0 -222px;
}
.index-product .Tg .btn .ico.i5::after {
background-position: 0 -296px;
}
.index-product .Tg .btn .ico.i6::after {
background-position: 0 -370px;
}
.index-product .Tg .btn .ico.i7::after {
background-position: 0 -444px;
}
.index-product .Tg .btn .ico.i8::after {
background-position: 0 -518px;
}
.index-product .Tg .btn .ico.i9::after {
background-position: 0 -592px;
}
.index-product .Tg .btn.on .ico {
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.index-product .Tg .btn.on .ico.i1::after {
background-position: -128px 0px;
}
.index-product .Tg .btn.on .ico.i2::after {
background-position: -128px -74px;
}
.index-product .Tg .btn.on .ico.i3::after {
background-position: -128px -148px;
}
.index-product .Tg .btn.on .ico.i4::after {
background-position: -128px -222px;
}
.index-product .Tg .btn.on .ico.i5::after {
background-position: -128px -296px;
}
.index-product .Tg .btn.on .ico.i6::after {
background-position: -128px -370px;
}
.index-product .Tg .btn.on .ico.i7::after {
background-position: -128px -444px;
}
.index-product .Tg .btn.on .ico.i8::after {
background-position: -128px -518px;
}
.index-product .Tg .btn.on .ico.i9::after {
background-position: -128px -592px;
}
.index-product .Tg .btn.on:after {
left: 0;
width: 100%;
-webkit-transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
transition: left 0ms ease-out 0s, width 220ms ease-out 0s;
}
.index-product .Tt {
position: relative;
overflow: hidden;
background-color: #fff;
background-image: url(../images/bgi-product.png);
background-size: cover;
background-position: 50% 100%;
background-repeat: no-repeat;
padding-top: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.index-product .Tt .box {
position: relative;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1024px) {
.index-product .Tg .btn {
width: 24.5vw;
height: auto;
padding: 0 0 0.6rem;
}
.index-product .Tg .btn:nth-child(1n+2) {
margin-left: 10px;
}
.index-product .Tg .btn .ico {
width: 104px;
height: 60px;
margin-left: auto;
margin-right: auto;
}
.index-product .Tg .btn .ico:after {
width: 128px;
height: 74px;
left: 50%;
top: 50%;
margin-left: -64px;
margin-top: -37px;
-webkit-transform: scale(0.8125);
transform: scale(0.8125);
}
.index-product .Tt {
padding-top: 1.2rem;
}
}
.index-product-rotateMove {
position: relative;
width: 100%;
height: 730px;
}
.index-product-rotateMove .item.moveItem.base {
padding: 0;
width: 0;
height: 0;
top: 365px;
left: 600px;
opacity: 0;
}
.index-product-rotateMove .item.moveItem.L2.pOn {
padding: 0;
width: 100px;
height: 100px;
top: 315px;
left: -1100px;
opacity: 1;
}
.index-product-rotateMove .item.moveItem.L1.pOn {
padding: 0;
width: 1200px;
height: 670px;
top: 30px;
left: -1100px;
opacity: 1;
}
.index-product-rotateMove .item.moveItem.L0 {
padding: 0;
width: 1200px;
height: 670px;
top: 30px;
left: 0px;
opacity: 1;
}
.index-product-rotateMove .item.moveItem.L1.nOn {
padding: 0;
width: 1200px;
height: 670px;
top: 30px;
left: 1100px;
opacity: 1;
}
.index-product-rotateMove .item.moveItem.L2.nOn {
padding: 0;
width: 100px;
height: 100px;
top: 315px;
left: 2200px;
opacity: 1;
}
.index-product-rotateMove .shade {
left: 50%;
width: 1200px;
margin-left: -600px;
overflow: visible;
}
.index-product-rotateMove .shade:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url(../images/based/loading.gif);
background-size: auto;
background-position: 50% 50%;
background-repeat: no-repeat;
mix-blend-mode: overlay;
}
.index-product-rotateMove .box {
opacity: 0;
-webkit-transition: opacity 250ms ease-out 450ms;
transition: opacity 250ms ease-out 450ms;
}
.index-product-rotateMove._loaded .shade:before {
-webkit-transition: all 250ms ease-out 400ms;
transition: all 250ms ease-out 400ms;
opacity: 0;
visibility: hidden;
}
.index-product-rotateMove._loaded .box {
opacity: 1;
}
.index-product-rotateMove .box {
position: relative;
z-index: 1;
height: 100%;
white-space: nowrap;
}
.index-product-rotateMove .item {
display: inline-block;
vertical-align: top;
position: relative;
width: auto;
height: 730px;
cursor: pointer;
-webkit-transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s;
transition: all 400ms ease-out 0s, z-index 0ms ease-out 0s;
}
.index-product-rotateMove .item.moveItem {
position: absolute;
left: 0;
top: 0;
}
.index-product-rotateMove .item .pic {
margin-top: 130px;
width: 100%;
height: 0 !important;
padding-bottom: 45%;
background-color: transparent !important;
-webkit-filter: blur(8px);
filter: blur(8px);
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
-webkit-transform: scale(0.85);
transform: scale(0.85);
}
.index-product-rotateMove .item .pic img {
-o-object-fit: contain;
object-fit: contain;
}
.index-product-rotateMove .item .txt {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
width: 100%;
text-align: center;
font-size: 36px;
color: #333333;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.index-product-rotateMove .item .txt .type {
margin-top: 15px;
font-weight: bold;
}
.index-product-rotateMove .item.on .pic {
-webkit-filter: blur(0);
filter: blur(0);
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: all 600ms ease-out 0s;
transition: all 600ms ease-out 0s;
}
.index-product-rotateMove .item.on .txt {
-webkit-transition: all 400ms ease-out 200ms;
transition: all 400ms ease-out 200ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
@media screen and (max-width: 1024px) {
.index-product-rotateMove {
font-size: 100px;
}
}
@media screen and (max-width: 749px) {
.index-product-rotateMove {
font-size: 90px;
}
}
@media screen and (max-width: 699px) {
.index-product-rotateMove {
font-size: 85px;
}
}
@media screen and (max-width: 649px) {
.index-product-rotateMove {
font-size: 80px;
}
}
@media screen and (max-width: 599px) {
.index-product-rotateMove {
font-size: 75px;
}
}
@media screen and (max-width: 549px) {
.index-product-rotateMove {
font-size: 70px;
}
}
@media screen and (max-width: 499px) {
.index-product-rotateMove {
font-size: 65px;
}
}
@media screen and (max-width: 449px) {
.index-product-rotateMove {
font-size: 60px;
}
}
@media screen and (min-width: 1025px) {
.index-product-rotateMove .ctrs {
position: absolute;
bottom: 135px;
right: 50%;
margin-right: -550px;
z-index: 8;
width: 48px;
height: 108px;
}
.index-product-rotateMove .ctrs .ctr_pdt {
left: 0;
}
.index-product-rotateMove .ctrs .ctr_pdt.prev {
top: 0;
}
.index-product-rotateMove .ctrs .ctr_pdt.next {
bottom: 0;
}
}
@media screen and (max-width: 1024px) {
.index-product-rotateMove {
width: 100%;
height: 3.24em;
overflow: visible;
padding-bottom: 1rem;
padding-top: 64px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.index-product-rotateMove .shade {
position: absolute;
top: 0;
width: 7.2em;
margin-left: -3.6em;
height: 100%;
}
.index-product-rotateMove .item.moveItem {
padding-top: 72px !important;
}
.index-product-rotateMove .item.moveItem.base {
width: 0;
height: 0;
top: 1.62em;
left: 3.6em;
opacity: 0;
}
.index-product-rotateMove .item.moveItem.L2.pOn {
width: 0.8em;
height: 0.8em;
top: 1.22em;
left: -6.8em;
opacity: 0;
}
.index-product-rotateMove .item.moveItem.L1.pOn {
width: 7.2em;
height: 3.24em;
top: 0em;
left: -6.6em;
opacity: 1;
}
.index-product-rotateMove .item.moveItem.L0 {
width: 7.2em;
height: 3.24em;
top: 0em;
left: 0em;
opacity: 1;
}
.index-product-rotateMove .item.moveItem.L1.nOn {
width: 7.2em;
height: 3.24em;
top: 0em;
left: 6.6em;
opacity: 1;
}
.index-product-rotateMove .item.moveItem.L2.nOn {
width: 0.8em;
height: 0.8em;
top: 1.22em;
left: 13.2em;
opacity: 0;
}
.index-product-rotateMove .item.moveItem .pic {
margin-top: 0 !important;
}
.index-product-rotateMove .item.moveItem .txt {
font-size: 24px;
}
.index-product-rotateMove .item.moveItem .txt .type {
margin-top: 5px;
}
.index-product-rotateMove .ctrs {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 0;
}
.index-product-rotateMove .ctrs .ctr_pdt {
top: 0;
margin-top: -18px;
width: 36px;
height: 36px;
}
.index-product-rotateMove .ctrs .ctr_pdt s {
-webkit-transform: scale(0.625);
transform: scale(0.625);
}
.index-product-rotateMove .ctrs .ctr_pdt.prev {
left: 15px;
}
.index-product-rotateMove .ctrs .ctr_pdt.next {
right: 15px;
}
}
.index-about {
position: relative;
overflow: hidden;
z-index: 1;
}
.index-about .digitalData {
position: relative;
overflow: hidden;
z-index: 2;
padding: 45px 0;
background-color: #d81920;
height: 200px;
}
.index-about .digitalData .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.index-about .digitalData .contain:after {
display: none;
}
.index-about .digitalData .col {
position: relative;
z-index: 2;
width: 200px;
height: 200px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
color: #fff;
}
.index-about .digitalData .col:after {
display: none;
}
.index-about .digitalData .col:nth-child(1n+2) {
margin-left: 50px;
}
.index-about .digitalData .col:before {
content: " ";
z-index: -2;
pointer-events: none;
position: absolute;
left: 0;
width: 100%;
padding-bottom: 100%;
height: 0;
border: rgba(255, 255, 255, 0.3) solid 1px;
border-radius: 50%;
}
.index-about .digitalData .col:after {
display: block;
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 100%;
top: 50%;
margin-top: -6px;
margin-left: -6px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #fff;
-webkit-transform-origin: -94px 50%;
transform-origin: -94px 50%;
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 12s;
animation-duration: 12s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.index-about .digitalData .col .sdt i {
display: inline-block;
vertical-align: top;
font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-right: 5px;
}
.index-about .digitalData .col .sdt sub,
.index-about .digitalData .col .sdt sup {
line-height: 30px;
}
.index-about .digitalData .col .sdt sub {
display: inline-block;
vertical-align: bottom;
font-size: 16px;
}
.index-about .digitalData .col .sdt sup {
display: inline-block;
vertical-align: top;
font-size: 20px;
}
.index-about .digitalData .col .sdd {
line-height: 1.25;
margin-top: 5px;
}
.index-about .digitalData .col:nth-child(1):after {
-webkit-animation-delay: -10.4s;
animation-delay: -10.4s;
}
.index-about .digitalData .col:nth-child(2):after {
-webkit-animation-delay: -8.8s;
animation-delay: -8.8s;
}
.index-about .digitalData .col:nth-child(3):after {
-webkit-animation-delay: -7.2s;
animation-delay: -7.2s;
}
.index-about .digitalData .col:nth-child(4):after {
-webkit-animation-delay: -5.6s;
animation-delay: -5.6s;
}
.index-about .digitalData .col:nth-child(5):after {
-webkit-animation-delay: -4s;
animation-delay: -4s;
}
@media screen and (max-width: 1024px) {
.index-about .digitalData {
height: auto;
padding: 0.9rem 0;
}
.index-about .digitalData .contain {
max-width: 640px !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.index-about .digitalData .col {
width: 160px;
height: 160px;
}
.index-about .digitalData .col:nth-child(1n+2) {
margin-left: 20px;
}
.index-about .digitalData .col:nth-child(4) {
margin-left: 0 !important;
}
.index-about .digitalData .col:after {
-webkit-transform-origin: -76px 50%;
transform-origin: -76px 50%;
width: 8px;
height: 8px;
margin-top: -4px;
margin-left: -4px;
}
.index-about .digitalData .col .sdt sub,
.index-about .digitalData .col .sdt sup {
line-height: 1;
}
}
@media screen and (max-width: 640px) {
.index-about .digitalData .col {
width: 128px;
height: 128px;
}
.index-about .digitalData .col:nth-child(1n+2) {
margin-left: 8px;
}
.index-about .digitalData .col:after {
-webkit-transform-origin: -60px 50%;
transform-origin: -60px 50%;
}
}
.index-about .lr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
position: relative;
overflow: hidden;
z-index: 2;
}
.index-about .lr:after {
display: none;
}
@media screen and (max-width: 1024px) {
.index-about .lr {
display: block;
}
}
.index-about .lr:after {
display: block;
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(../images/bgi-abut.png);
background-size: 40.98958333vw 29.375vw;
background-position: 100% 100%;
background-repeat: no-repeat;
}
.index-about .lr .left,
.index-about .lr .right {
width: 50%;
position: relative;
z-index: 2;
}
.index-about .lr .right .wrap {
padding: 1rem 0 1rem 1.8rem;
width: 600px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.index-about .lr .right .fastnav {
font-size: 18px;
line-height: 1.5;
margin-bottom: 40px;
}
.index-about .lr .right .fastnav .link:nth-child(1n+2) {
margin-left: 30px;
}
.index-about .lr .right .body {
margin-top: 0.8rem;
line-height: 1.875em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
max-height: 7.5em;
}
.index-about .lr .right .more {
display: inline-block;
vertical-align: top;
margin-top: 1rem;
color: #d81920;
line-height: 20px;
}
@media screen and (min-width: 1025px) {
.index-about .lr {
min-width: 1200px;
}
}
@media screen and (max-width: 1600px) {
.index-about .lr .right .fastnav {
display: none;
}
}
@media screen and (max-width: 1024px) {
.index-about .lr .left,
.index-about .lr .right {
width: 100%;
}
.index-about .lr .right .wrap {
width: auto;
width: calc(100% - 30px);
margin-left: auto !important;
margin-right: auto !important;
max-width: 720px;
padding-left: 0;
}
.index-about .lr .right .body {
text-align: center;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
max-height: 9em;
}
.index-about .lr .right .more {
display: block;
width: 6em;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 120px;
height: 32px;
line-height: 32px;
border: solid 1px #d81920;
color: #d81920;
text-decoration: none !important;
}
.index-about .lr .right .more:active {
background-color: #d81920;
color: #fff;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.index-about .index-about-switch {
position: relative;
overflow: hidden;
}
.index-about .index-about-switch .shade {
width: 100%;
height: 0 !important;
padding-bottom: 66.66666667%;
}
.index-about .index-about-switch .item {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #f1f1f1;
}
.index-about .index-about-switch .item .pic {
width: 100%;
height: 100%;
}
.index-about .index-about-switch .item .playBtn:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
pointer-events: none;
z-index: 5;
}
.index-about .index-about-switch .item .playBtn .icon {
position: absolute;
top: 50%;
left: 50%;
margin: -36px 0 0 -36px;
width: 72px;
height: 72px;
z-index: 8;
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.index-about .index-about-switch .item .playBtn .icon:before,
.index-about .index-about-switch .item .playBtn .icon:after {
content: " ";
position: absolute;
z-index: 8;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 400ms ease-out 0s;
transition: all 400ms ease-out 0s;
}
.index-about .index-about-switch .item .playBtn .icon:before {
width: 72px;
height: 72px;
border-radius: 50%;
border: #ffffff solid 1px;
-webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.index-about .index-about-switch .item .playBtn .icon:after {
overflow: hidden;
width: 0;
height: 0;
border-width: 14px 18px;
border-color: transparent transparent transparent #ffffff;
border-style: solid;
margin-left: 12px;
}
.index-about .index-about-switch .item .playBtn:hover .icon {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.index-about .index-about-switch .item .playBtn:hover:after {
background-color: rgba(0, 0, 0, 0.2);
}
.index-about .index-about-switch .pagination_banner {
position: absolute;
left: 0;
bottom: 0.7rem;
width: 100%;
z-index: 8;
}
@media screen and (max-width: 1600px) {
.index-about .index-about-switch .playBtn .icon {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@media screen and (max-width: 1024px) {
.index-about {
z-index: 3;
padding-bottom: 0.4rem;
margin-bottom: -0.4rem;
}
.index-about:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
left: 0;
width: 100%;
bottom: 0;
top: 0;
background-image: url(../images/bgs-flow.png);
background-size: 100% auto;
background-position: 50% 100%;
background-repeat: no-repeat;
}
}
.index-system {
position: relative;
z-index: 4;
background-color: #f6f6f6;
}
.index-system .dct {
z-index: -1;
pointer-events: none;
position: absolute;
top: -13.54166667vw;
right: -20.83333333vw;
width: 48.75vw;
height: 22.86458333vw;
}
.index-system .oList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
position: relative;
overflow: hidden;
}
.index-system .oList:after {
display: none;
}
@media screen and (max-width: 1024px) {
.index-system .oList {
display: block;
}
}
.index-system .oList .oLi {
width: 25%;
position: relative;
overflow: hidden;
z-index: 2;
}
.index-system .oList .oLi:before,
.index-system .oList .oLi:after {
content: " ";
width: 100%;
height: 0 !important;
padding-bottom: 75%;
display: none;
}
.index-system .oList .oLi .pic {
z-index: 1;
width: 100%;
height: 0 !important;
padding-bottom: 75%;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.index-system .oList .oLi .txt {
position: absolute;
left: 0;
z-index: 2;
width: 100%;
height: 0 !important;
padding-bottom: 75%;
}
.index-system .oList .oLi .txt:before {
content: " ";
z-index: -1;
pointer-events: none;
width: 0;
height: 0;
border-width: 18px;
border-color: transparent;
border-style: solid;
position: absolute;
left: 50%;
margin-left: -18px;
}
.index-system .oList .oLi .txt .wrapIn {
color: #fff;
text-align: center;
}
.index-system .oList .oLi .txt .dt {
line-height: 1.5;
}
.index-system .oList .oLi .txt .dd {
padding-right: 10px;
}
.index-system .oList .oLi .txt .dd .scrollbar .track {
background-color: rgba(255, 255, 255, 0.5);
}
.index-system .oList .oLi .txt .dd .scrollbar .thumb {
background-color: #fff;
}
.index-system .oList .oLi .txt .dd .abstract {
line-height: 1.75;
}
.index-system .oList .oLi:nth-child(1) {
background-color: #735a8f;
}
.index-system .oList .oLi:nth-child(1) .txt:before {
border-color: #735a8f transparent;
}
.index-system .oList .oLi:nth-child(2) {
background-color: #cf483e;
}
.index-system .oList .oLi:nth-child(2) .txt:before {
border-color: #cf483e transparent;
}
.index-system .oList .oLi:nth-child(3) {
background-color: #348a87;
}
.index-system .oList .oLi:nth-child(3) .txt:before {
border-color: #348a87 transparent;
}
.index-system .oList .oLi:nth-child(4) {
background-color: #34548a;
}
.index-system .oList .oLi:nth-child(4) .txt:before {
border-color: #34548a transparent;
}
@media screen and (min-width: 1025px) {
.index-system .oList .oLi:nth-child(2n+1):after {
display: block;
}
.index-system .oList .oLi:nth-child(2n+1) .txt {
bottom: 0;
}
.index-system .oList .oLi:nth-child(2n+1) .txt:before {
bottom: 99%;
border-top-color: transparent !important;
}
.index-system .oList .oLi:nth-child(2n+2):before {
display: block;
}
.index-system .oList .oLi:nth-child(2n+2) .txt {
top: 0;
}
.index-system .oList .oLi:nth-child(2n+2) .txt:before {
top: 99%;
border-bottom-color: transparent !important;
}
.index-system .oList .oLi .txt .wrapIn {
position: absolute;
left: 2.60416667vw;
top: 2.60416667vw;
right: 2.60416667vw;
bottom: 2.60416667vw;
}
.index-system .oList .oLi .txt .dd {
position: absolute;
top: 2em;
bottom: 0;
left: 0;
right: 0;
height: auto;
}
}
@media screen and (max-width: 1600px) {
.index-system .oList .oLi .txt .wrapIn {
font-size: 28px;
}
}
@media screen and (max-width: 1440px) {
.index-system .oList .oLi .txt .wrapIn {
font-size: 24px;
}
.index-system .oList .oLi .txt .dd .abstract {
line-height: 1.5;
}
}
@media screen and (max-width: 1024px) {
.index-system .oList .oLi {
width: 100%;
}
.index-system .oList .oLi:nth-child(1n+1) .pic {
padding-bottom: 62.5%;
}
.index-system .oList .oLi:nth-child(1n+1) .txt {
position: relative;
height: auto !important;
padding: 1rem 0 1.2rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.index-system .oList .oLi:nth-child(1n+1) .txt:before {
bottom: 99%;
border-top-color: transparent !important;
border-width: 12px;
margin-left: -12px;
}
.index-system .oList .oLi:nth-child(1n+1) .txt .wrapIn {
width: auto;
width: calc(100% - 30px);
margin-left: auto !important;
margin-right: auto !important;
max-width: 720px;
}
.index-system .oList .oLi:nth-child(1n+1) .txt .dt {
font-size: 20px;
}
.index-system .oList .oLi:nth-child(1n+1) .txt .dd {
margin-top: 0.2rem;
padding-right: 0;
}
}
@media screen and (max-width: 1024px) {
.index-system {
display: none;
}
.index-system .index-head2 {
display: none;
}
.index-system .oList {
display: none;
}
}
.index-flow {
overflow: hidden;
position: relative;
z-index: 2;
padding: 80px 0 120px;
}
.index-flow:before {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: -webkit-linear-gradient(-90deg, #ffffff, #ffffff 55%, #f4f4f4 100%);
}
.index-flow .canvasRoom {
background-image: url(../images/bgs-flow.png);
background-size: 100% auto;
background-position: 50% 100%;
background-repeat: no-repeat;
}
.index-flow .oList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
margin-top: 50px;
}
.index-flow .oList:after {
display: none;
}
.index-flow .oList .oLi {
position: relative;
text-align: center;
z-index: 1;
width: 80px;
}
.index-flow .oList .oLi:before {
z-index: -1;
pointer-events: none;
content: " ";
position: absolute;
bottom: 16px;
right: 50%;
height: 1px;
margin-right: 20px;
width: 120px;
background-color: #eaeaea;
display: none;
}
.index-flow .oList .oLi .ico {
width: 72px;
height: 72px;
display: block;
margin-left: auto;
margin-right: auto;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.index-flow .oList .oLi p {
margin-top: 10px;
line-height: 20px;
color: #333333;
}
.index-flow .oList .oLi .snum {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: 32px;
height: 32px;
border-radius: 50%;
border: #b7b6b6 solid 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 30px;
text-align: center;
font-size: 14px;
font-family: Arial, sans-serif, Microsoft YaHei, '微软雅黑';
color: #999999;
}
@media screen and (min-width: 1025px) {
.index-flow .oList .oLi:nth-child(1n+2):before {
display: block;
}
}
@media screen and (max-width: 1024px) {
.index-flow {
padding: 1.6rem 0 2.4rem;
}
.index-flow .oList {
margin-top: 1rem;
}
.index-flow .oList .oLi {
width: 74px;
}
.index-flow .oList .oLi .ico {
width: 64px;
height: 64px;
}
.index-flow .oList .oLi .snum {
display: none;
}
.index-flow .oList .oLi p {
margin-top: 0.2rem;
}
}
@media screen and (max-width: 768px) {
.index-flow .oList .oLi {
width: 24.5%;
}
.index-flow .oList .oLi .ico {
width: 48px;
height: 48px;
}
.index-flow .oList .oLi:nth-child(1n+5) {
margin-top: 0.6rem;
}
}
.index-case {
position: relative;
overflow: hidden;
z-index: 2;
}
.index-case-tab {
position: relative;
z-index: 7;
}
.index-case-tab .Tg {
margin-top: -15px;
text-align: center;
}
.index-case-tab .Tg .btn {
display: inline-block;
vertical-align: top;
color: #999999;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
line-height: 1.4;
}
.index-case-tab .Tg .btn:nth-child(1n+2) {
margin-left: 0.6rem;
}
.index-case-tab .Tg .btn:hover {
color: #d81920;
}
.index-case-tab .Tg .btn.on {
color: #d81920;
}
.index-case-tab .Tt {
position: relative;
overflow: hidden;
margin-top: 30px;
}
.index-case-tab .Tt .box {
display: block;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.index-case-tab .Tt .box.on {
position: relative;
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.index-case-tab .Tt .sCase-list {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.index-case-tab .Tt .sCase-list .item {
width: 1%;
}
@media screen and (max-width: 1024px) {
.index-case-tab .Tt {
margin-top: 0.6rem;
}
}
.index-case-tab .Tt {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.index-case-tab._loaded .Tt {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.index-case .sCase-list .item {
border-radius: 10px;
}
.index-case-swiper + .index-case-swiper {
margin-top: 1.25%;
}
.index-case-swiper .swiper-wrapper {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.index-case-swiper .item {
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border-radius: 10px;
width: 32.5vw;
position: relative;
overflow: hidden;
z-index: 2;
}
.index-case-swiper .item:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 4;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.index-case-swiper .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.56410256%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.index-case-swiper .item .bottomIn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 48px;
z-index: 6;
}
.index-case-swiper .item .title {
position: absolute;
left: 0;
bottom: 0;
right: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.5;
padding: 15px;
color: #fff;
}
.index-case-swiper .item .more {
position: absolute;
right: 0;
bottom: 0;
width: 68px;
height: 48px;
line-height: 48px;
color: #fff;
text-align: center;
padding-left: 0.04em;
letter-spacing: 0.04em;
font-size: 14px;
}
@media screen and (min-width: 1025px) {
.index-case-swiper .item:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.index-case-swiper .item .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.index-case-swiper .item .bottomIn:before,
.index-case-swiper .item .bottomIn:after {
content: " ";
position: absolute;
left: 100%;
top: 100%;
z-index: -1;
pointer-events: none;
background-color: #d81920;
border-radius: 50%;
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.index-case-swiper .item .bottomIn:before {
z-index: -2;
opacity: .5;
width: 45%;
padding-bottom: 45%;
-webkit-transform-origin: 52% 52%;
transform-origin: 52% 52%;
margin-left: -21%;
margin-top: -26%;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.index-case-swiper .item .bottomIn:after {
width: 35%;
padding-bottom: 35%;
-webkit-transform-origin: 48% 48%;
transform-origin: 48% 48%;
margin-left: -10%;
margin-top: -15%;
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.index-case-swiper .item:hover:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.index-case-swiper .item:hover .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.index-case-swiper .item:hover .bottomIn:before,
.index-case-swiper .item:hover .bottomIn:after {
-webkit-animation-play-state: running;
animation-play-state: running;
}
}
@media screen and (max-width: 1024px) {
.index-case-swiper .item .title {
right: 0;
text-align: center;
padding: 0.4rem;
}
.index-case-swiper .item .more {
display: none;
}
}
.index-informations .contain {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
padding: 60px 0;
}
.index-informations .contain:after {
display: none;
}
@media screen and (max-width: 1024px) {
.index-informations .contain {
display: block;
}
}
.index-informations .contain .left {
width: 760px;
}
.index-informations .contain .right {
width: 410px;
}
.index-informations .contain .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
.index-informations .contain .head:after {
display: none;
}
.index-informations .contain .head .this {
z-index: 2;
position: relative;
padding-left: 12px;
line-height: 30px;
color: #333333;
}
.index-informations .contain .head .this:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
width: 4px;
height: 1em;
margin-top: -0.5em;
background-color: #d81920;
z-index: -1;
pointer-events: none;
}
.index-informations .contain .head .more {
line-height: 20px;
color: #d81920;
}
.index-informations .contain .body {
margin-top: 25px;
}
@media screen and (max-width: 1024px) {
.index-informations .contain {
padding: 1.2rem 0;
}
.index-informations .contain .left,
.index-informations .contain .right {
width: 100%;
}
.index-informations .contain .right {
margin-top: 0.8rem;
}
.index-informations .contain .body {
margin-top: 0.5rem;
}
}
.index-informations-question {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.index-informations-question:after {
display: none;
}
.index-informations-question .item {
position: relative;
overflow: hidden;
padding: 10px 15px 20px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: #d6d6d6 solid 1px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-informations-question .item:nth-child(1n+1) {
width: 368px;
margin-left: 24px;
margin-top: 0;
}
.index-informations-question .item:nth-child( 2n+1) {
margin-left: 0;
}
.index-informations-question .item:nth-child( 1n+3) {
margin-top: 20px;
}
.index-informations-question .item .title,
.index-informations-question .item .content {
padding-left: 50px;
position: relative;
}
.index-informations-question .item .title:before,
.index-informations-question .item .content:before {
content: " ";
width: 36px;
height: 36px;
position: absolute;
left: 0;
top: 0;
background-size: auto;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.index-informations-question .item .title {
height: 36px;
line-height: 36px;
font-size: 16px;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-informations-question .item .title:before {
background-image: url(../images/ico-qmark.png);
background-color: #d81920;
}
.index-informations-question .item .content {
margin-top: 15px;
font-size: 14px;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 4.5em;
height: 4.5em;
}
.index-informations-question .item .content:before {
background-image: url(../images/ico-amark.png);
background-color: #209773;
}
.index-informations-question .item .tail {
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
line-height: 20px;
padding-left: 50px;
}
.index-informations-question .item .tail:after {
display: none;
}
.index-informations-question .item .tail .more {
color: #d81920;
border-bottom: #d81920 solid 1px;
}
.index-informations-question .item .tail .saw {
padding-left: 30px;
background-image: url(../images/ico-saw.png);
background-size: auto;
background-position: 0 50%;
background-repeat: no-repeat;
color: #666666;
}
@media screen and (min-width: 1025px) {
.index-informations-question .item:hover {
border-color: #d81920;
}
.index-informations-question .item:hover .title {
color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.index-informations-question .item:active {
border-color: #d81920;
-webkit-transition: 0ms;
transition: 0ms;
}
.index-informations-question .item:active .title {
color: #d81920;
-webkit-transition: 0ms;
transition: 0ms;
}
}
@media screen and (max-width: 1024px) {
.index-informations-question .item:nth-child(1n+1) {
width: 100%;
margin-left: 0;
margin-top: 0;
}
.index-informations-question .item:nth-child( 1n+1) {
margin-left: 0;
}
.index-informations-question .item:nth-child( 1n+2) {
margin-top: 0.4rem;
}
.index-informations-question .item .content {
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
max-height: 3em;
height: 3em;
}
.index-informations-question .item:nth-child(1n+5) {
display: none;
}
}
.index-informations-news .item {
position: relative;
overflow: hidden;
z-index: 2;
height: 26px;
padding: 5px 0;
line-height: 26px;
}
.index-informations-news .item .title {
margin-right: 48px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.index-informations-news .item .time {
position: absolute;
right: 0;
top: 5px;
}
@media screen and (min-width: 1025px) {
.index-informations-news .item:hover .title {
color: #d81920;
}
}
@media screen and (max-width: 1024px) {
.index-informations-news .item {
height: 20px;
line-height: 20px;
}
.index-informations-news .item:active .title {
color: #d81920;
-webkit-transition: 0ms;
transition: 0ms;
}
}
.index-informations-inform {
margin-top: 15px;
position: relative;
overflow: hidden;
border: #d81920 solid 1px;
height: 272px;
}
.index-informations-inform .dt {
height: 44px;
line-height: 44px;
color: #fff;
background-color: #d81920;
text-align: center;
}
.index-informations-inform .dd {
height: 222px;
margin: 3px 15px;
}
.index-informations-inform .dd .box {
height: auto !important;
}
.index-informations-inform .dd .item {
border-bottom: #c8c8c8 dashed 1px;
height: 24px;
line-height: 24px;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.index-informations-inform .dd .item:after {
display: none;
}
.index .BMap_cpyCtrl {
display: none !important;
}
/* landing */
.landing .index-banner {
height: 500px;
}
.landing .index-banner .pagination_banner {
bottom: 20px;
}
.landing .index-banner .fns {
bottom: 10px;
}
@media screen and (max-width: 1024px) {
.landing .index-banner {
height: 0;
padding-bottom: 40%;
}
.landing .index-banner .pagination_banner {
bottom: .4rem;
}
}
.landing .index-informations {
position: relative;
z-index: 6;
background-color: #fff;
}
.landing-section {
position: relative;
overflow: hidden;
z-index: 2;
}
.landing-section .bg.c {
width: 1920px;
left: 50%;
margin-left: -960px;
}
.landing-section .bg.c.t {
top: 0;
height: auto;
}
.landing-section .bg.c.b {
top: auto;
bottom: 0;
height: auto;
}
@media screen and (max-width: 1024px) {
.landing-section .bg.c {
width: 100%;
left: 0;
margin-left: 0;
}
}
.landing-section .wave {
pointer-events: none;
position: relative;
left: 50%;
top: 0;
margin-left: -960px;
width: 1920px;
height: 138px;
}
.landing-section .wave .line {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.landing-section .wave .line:before {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: auto 100%;
background-position: 0% 50%;
background-repeat: repeat-x;
-webkit-animation-name: bgHmove;
animation-name: bgHmove;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-duration: 16s;
animation-duration: 16s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.landing-section .wave .line1:before {
background-image: url(../images/lp/wave-s1.png);
}
.landing-section .wave .line2:before {
background-image: url(../images/lp/wave-s2.png);
}
.landing-section .wave .line3:before {
background-image: url(../images/lp/wave-s3.png);
}
.landing-section .wave.AniStart .line:before {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.landing-section .wave.AniDid .line:before {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.landing-axd {
position: relative;
overflow: hidden;
z-index: 2;
}
.landing-axd .qImg {
position: relative;
left: 50%;
margin-left: -960px;
width: 1920px;
}
@media screen and (min-width: 1025px) {
.landing-axd {
overflow: hidden;
}
.landing-axd:before {
content: "";
z-index: 22;
position: absolute;
overflow: hidden;
width: 40%;
height: 100%;
left: 0;
top: 0;
min-width: 60px;
max-width: 122px;
left: -100%;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
-webkit-transition: none 250ms ease-out 0s;
transition: none 250ms ease-out 0s;
pointer-events: none;
background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0));
}
.landing-axd:hover:before {
left: 155%;
-webkit-transition: all 1200ms ease-out 0s;
transition: all 1200ms ease-out 0s;
}
}
@media screen and (max-width: 1024px) {
.landing-axd .qImg {
left: 0;
margin-left: 0;
width: 100%;
}
}
.landing-head {
position: relative;
text-align: center;
}
.landing-head + .landing-product-list,
.landing-head + .sCase-list {
margin-top: 50px;
}
@media screen and (max-width: 1024px) {
.landing-head + .landing-product-list,
.landing-head + .sCase-list {
margin-top: 1rem;
}
}
.landing-head.skin1 .en {
font-size: 1.125em;
line-height: .9;
font-family: Helvetica, Arial, sans-serif;
color: #333333;
opacity: .1;
text-transform: uppercase;
}
.landing-head.skin1 .cn {
position: relative;
z-index: 3;
margin-top: -0.5em;
font-size: 1em;
font-weight: bold;
}
.landing-head.skin1 .hr {
margin-top: 0.4rem;
display: block;
margin-left: auto;
margin-right: auto;
width: 44px;
height: 4px;
}
.landing-head.skin2 {
font-size: 42px;
}
.landing-head.skin2 .en {
line-height: .9;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.landing-head.skin2 .cn {
color: #333333;
margin-top: 10px;
}
.landing-head.skin2 .cn:before,
.landing-head.skin2 .cn:after {
content: " ";
display: inline-block;
vertical-align: top;
margin: 0 20px;
width: 102px;
height: 1em;
background-image: url(../images/lp/line-skin2.png);
background-size: 100% auto;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.landing-head.skin2 .hr {
margin-top: 0.4rem;
display: block;
margin-left: auto;
margin-right: auto;
width: 44px;
height: 4px;
}
@media screen and (max-width: 1024px) {
.landing-head.skin2 {
font-size: 32px;
}
}
.landing-btn1 {
display: block;
width: 160px;
height: 44px;
line-height: 44px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.landing-btn1 {
margin-top: 1rem;
}
}
.landing-product-list {
*zoom: 1;
}
.landing-product-list:after {
content: "";
clear: both;
display: table;
}
.landing-product-list .item {
z-index: 2;
float: left;
position: relative;
overflow: hidden;
width: 386px;
height: 214px;
}
.landing-product-list .item:after {
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 4;
pointer-events: none;
background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.01) 40%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.4) 100%);
}
.landing-product-list .item .pic {
width: 100%;
height: 0 !important;
padding-bottom: 62.56410256%;
background-color: #f1f1f1;
/* img {object-fit:contain;} */
}
.landing-product-list .item .bottomIn {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 48px;
z-index: 6;
}
.landing-product-list .item .title {
position: absolute;
left: 0;
bottom: 0;
right: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 1.5;
padding: 15px;
color: #fff;
}
.landing-product-list .item .more {
position: absolute;
right: 0;
bottom: 0;
width: 68px;
height: 48px;
line-height: 48px;
color: #fff;
text-align: center;
padding-left: 0.04em;
letter-spacing: 0.04em;
font-size: 14px;
}
@media screen and (min-width: 1025px) {
.landing-product-list .item:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
}
.landing-product-list .item .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.landing-product-list .item .bottomIn:before,
.landing-product-list .item .bottomIn:after {
content: " ";
position: absolute;
left: 100%;
top: 100%;
z-index: -1;
pointer-events: none;
background-color: #d81920;
border-radius: 50%;
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.landing-product-list .item .bottomIn:before {
z-index: -2;
opacity: .5;
width: 45%;
padding-bottom: 45%;
-webkit-transform-origin: 52% 52%;
transform-origin: 52% 52%;
margin-left: -21%;
margin-top: -26%;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.landing-product-list .item .bottomIn:after {
width: 35%;
padding-bottom: 35%;
-webkit-transform-origin: 48% 48%;
transform-origin: 48% 48%;
margin-left: -10%;
margin-top: -15%;
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.landing-product-list .item:hover:after {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
}
.landing-product-list .item:hover .bottomIn {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-transform: none !important;
transform: none !important;
}
.landing-product-list .item:hover .bottomIn:before,
.landing-product-list .item:hover .bottomIn:after {
-webkit-animation-play-state: running;
animation-play-state: running;
}
}
@media screen and (max-width: 1024px) {
.landing-product-list .item .title {
right: 0;
text-align: center;
padding: 0.4rem;
}
.landing-product-list .item .more {
display: none;
}
}
.landing-product-list .item:nth-child(1) {
width: 792px;
height: 448px;
}
.landing-product-list .item:nth-child(1n+1) {
margin-left: 20px;
}
.landing-product-list .item:nth-child(1n+3) {
margin-top: 20px;
}
.landing-product-list .item:nth-child(3n+1) {
margin-left: 0;
}
.landing-product-list .item:nth-child(1n+7) {
display: none !important;
}
.landing-product-list .item .pic {
padding-bottom: 56.31578947% !important;
}
.landing-product-list .item .bottomIn:before,
.landing-product-list .item .bottomIn:after {
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
.landing-product-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.landing-product-list:after {
display: none;
}
.landing-product-list .item {
float: none;
height: auto !important;
}
.landing-product-list .item:nth-child(1n+1) {
width: 49%;
margin-left: 2%;
margin-top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.landing-product-list .item:nth-child( 2n+1) {
margin-left: 0;
}
.landing-product-list .item:nth-child( 1n+3) {
margin-top: 2%;
}
}
.landing-product-tab {
margin-top: 32px;
}
.landing-product-tab .Tg {
font-size: 0;
text-align: center;
}
.landing-product-tab .Tg .btn1 {
display: inline-block;
vertical-align: top;
margin: 0 2px;
padding: 0 25px;
min-width: 4em;
height: 42px;
line-height: 42px;
border-radius: 42px;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.landing-product-tab .Tg .btn2 {
display: inline-block;
vertical-align: top;
margin: 0 5px;
padding: 0 25px;
min-width: 4em;
height: 40px;
line-height: 40px;
border-radius: 40px;
color: #333333;
font-size: 16px;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
border-radius: 4px;
}
.landing-product-tab .Tt {
margin-top: 80px;
min-height: 680px;
}
@media screen and (max-width: 1024px) {
.landing-product-tab {
margin-top: 0.64rem;
}
.landing-product-tab .Tt {
margin-top: 1rem;
min-height: 6rem;
}
}
.landing-axdvantage .head {
line-height: 1.65;
text-align: center;
}
.landing-axdvantage .head .p1 {
font-size: 40px;
color: #333333;
font-weight: bold;
}
.landing-axdvantage .head .p2 {
font-size: 40px;
color: #333333;
text-align: center;
padding-left: 0.15em;
letter-spacing: 0.15em;
}
.landing-axdvantage .head .p3 {
margin-top: 0.2rem;
font-size: 24px;
}
.landing-axdvantage .head .p3 span {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top;
line-height: 48px;
padding: 0 1em;
font-weight: lighter;
border-radius: 100px;
}
.landing-axdvantage .head .p4 {
position: relative;
overflow: hidden;
margin-top: 0.2rem;
font-size: 24px;
border-bottom: transparent solid 1px;
}
.landing-axdvantage .head .p4 span {
position: relative;
z-index: 2;
display: inline-block;
vertical-align: top;
line-height: 48px;
padding: 0 1em;
font-weight: lighter;
}
.landing-axdvantage .head .p4 span:before,
.landing-axdvantage .head .p4 span:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
top: 0;
height: 100%;
width: 24px;
}
.landing-axdvantage .head .p4 span:before {
right: 100%;
margin-right: -12px;
-webkit-transform: skewX(-0.46364761rad);
transform: skewX(-0.46364761rad);
}
.landing-axdvantage .head .p4 span:after {
left: 100%;
margin-left: -12px;
-webkit-transform: skewX(0.46364761rad);
transform: skewX(0.46364761rad);
}
.landing-axdvantage .body {
position: relative;
margin-top: 135px;
height: 480px;
}
.landing-axdvantage .body .center {
position: absolute;
left: 50%;
top: 50%;
margin-left: -222px;
margin-top: -222px;
width: 444px;
height: 444px;
z-index: 1;
}
.landing-axdvantage .body .center:before {
content: " ";
z-index: -1;
pointer-events: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-size: 100% 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.landing-axdvantage .body .center .this {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 390px;
height: 390px;
}
.landing-axdvantage .body .center.AniStart:before {
-webkit-transition: all 0ms ease-out 0ms;
transition: all 0ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 12s;
animation-duration: 12s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.landing-axdvantage .body .center.AniDid:before {
-webkit-transition: all 250ms ease-out 0ms;
transition: all 250ms ease-out 0ms;
opacity: 1;
visibility: visible;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.landing-axdvantage .body .item {
position: absolute;
padding: 0.2rem 0;
width: 330px;
}
.landing-axdvantage .body .item.i1,
.landing-axdvantage .body .item.i3 {
right: 50%;
margin-right: 260px;
text-align: right;
}
.landing-axdvantage .body .item.i2,
.landing-axdvantage .body .item.i4 {
left: 50%;
margin-left: 260px;
text-align: left;
}
.landing-axdvantage .body .item.i1 {
top: 0;
}
.landing-axdvantage .body .item.i2 {
top: 0;
}
.landing-axdvantage .body .item.i3 {
top: 280px;
}
.landing-axdvantage .body .item.i4 {
top: 280px;
}
.landing-axdvantage .body .item .sdt {
font-size: 30px;
line-height: 1.66666667;
color: #333333;
}
.landing-axdvantage .body .item .sdd {
margin-top: 10px;
line-height: 1.625;
color: #999999;
}
@media screen and (max-width: 1024px) {
.landing-axdvantage .head .p1 {
font-size: 24px;
}
.landing-axdvantage .head .p2 {
font-size: 24px;
letter-spacing: 0;
padding-left: 0;
}
.landing-axdvantage .head .p3,
.landing-axdvantage .head .p4 {
font-size: 16px;
}
.landing-axdvantage .head .p3 span,
.landing-axdvantage .head .p4 span {
line-height: 32px;
}
.landing-axdvantage .body {
height: auto;
margin-top: 1.2rem;
}
.landing-axdvantage .body .center {
display: none;
}
.landing-axdvantage .body .item:nth-child(1n+1) {
width: 100%;
position: relative;
left: auto;
right: auto;
margin: auto;
text-align: left;
top: auto;
}
.landing-axdvantage .body .item:nth-child(1n+2) {
margin-top: 2%;
}
.landing-axdvantage .body .item .sdt {
font-size: 20px;
}
}
.landing-service .wave {
margin-top: 25px;
}
.landing-service .oList {
margin-top: 30px;
position: relative;
z-index: 2;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.landing-service .oList:after {
display: none;
}
.landing-service .oList .oLi {
display: inline-block;
vertical-align: top;
position: relative;
z-index: 1;
width: 228px;
height: 338px;
border-radius: 228px;
line-height: 1.625;
color: #fff;
padding: 40px 15px ;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.landing-service .oList .oLi:nth-child(1n+2) {
margin-left: 15px ;
}
.landing-service .oList .oLi .dot {
position: absolute;
top: -80px;
left: 50%;
margin-left: -11px;
width: 22px;
height: 22px;
border-radius: 50%;
}
.landing-service .oList .oLi .dot:after {
content: " ";
position: absolute;
left: 50%;
top: 50%;
width: 12px;
height: 12px;
margin-left: -6px;
margin-top: -6px;
border-radius: inherit;
}
.landing-service .oList .oLi .snum {
font-family: "Alien Encounters Solid", Tahoma, Arial, sans-serif;
margin-left: auto;
margin-right: auto;
font-size: 42px;
width: 88px;
height: 88px;
line-height: 92px;
border-radius: 50%;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.landing-service .oList .oLi .sdt {
margin-top: 25px;
font-size: 18px;
line-height: 1.5;
font-weight: bold;
}
.landing-service .oList .oLi .sdd {
padding: 0 10px;
}
.landing-service .oList .oLi .sdd:before {
content: " ";
display: block;
margin: 10px auto;
width: 16px;
height: 2px;
background-color: #fff;
}
.landing-service .oList .oLi.AniStart .dot {
-webkit-animation-name: updownFloat;
animation-name: updownFloat;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.landing-service .oList .oLi.AniDid .dot {
-webkit-animation-play-state: running;
animation-play-state: running;
}
.landing-service .oList .oLi:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.15);
}
.landing-service .foot {
margin-top: 60px;
text-align: center;
}
.landing-service .foot .aside {
font-size: 18px;
line-height: 1.66666667;
color: #333333;
}
.landing-service .foot .btn {
margin-top: 20px;
}
@media screen and (max-width: 1024px) {
.landing-service .wave {
display: none;
}
.landing-service .oList {
margin-top: 1rem;
}
.landing-service .oList .oLi {
padding: 0.8rem 10px 1rem;
height: 260px;
}
.landing-service .oList .oLi:nth-child(1n+1) {
margin: 0 5px;
}
.landing-service .oList .oLi .dot {
display: none !important;
}
.landing-service .oList .oLi .snum {
width: 64px;
height: 64px;
font-size: 32px;
line-height: 70px;
}
.landing-service .oList .oLi .sdt {
margin-top: 0.5rem;
font-size: 16px;
}
.landing-service .foot {
margin-top: 1.2rem;
}
.landing-service .foot .aside {
font-size: 16px;
}
.landing-service .foot .btn {
margin-top: 0.4rem;
}
}
@media screen and (max-width: 768px) {
.landing-service .oList {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.landing-service .oList .oLi {
border-radius: 0.6rem;
min-width: 200px;
height: auto;
width: 49%;
}
.landing-service .oList .oLi:nth-child(1n+1) {
margin: 0;
}
.landing-service .oList .oLi:nth-child(1n+3) {
margin-top: 2%;
}
.landing-service .oList .oLi:nth-child(3) {
width: 100%;
}
}
.landing-project .head {
padding-top: 90px;
background-image: url(../images/lp/ggc-bg4-head.png);
background-size: auto;
background-position: 50% 0;
background-repeat: no-repeat;
text-align: center;
}
.landing-project .head .sdt {
font-weight: bold;
}
.landing-project .head .sdt em {
color: #ea1819;
font-size: 1.41666667em;
margin: 0 .1em;
}
.landing-project .head .sdd {
position: relative;
overflow: hidden;
margin-top: 12px;
height: 40px;
line-height: 40px;
}
.landing-project .head .sdd:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background-color: #e5e5e5;
z-index: -1;
pointer-events: none;
}
.landing-project .head .sdd span {
position: relative;
z-index: 2;
font-size: 20px;
font-weight: lighter;
display: inline-block;
vertical-align: top;
padding: 0 40px;
}
.landing-project .head .sdd span:before,
.landing-project .head .sdd span:after {
content: " ";
position: absolute;
z-index: -1;
pointer-events: none;
top: 0;
height: 100%;
width: 20px;
-webkit-transform: skewX(-0.46364761rad);
transform: skewX(-0.46364761rad);
}
.landing-project .head .sdd span:before {
right: 100%;
margin-right: -10px;
}
.landing-project .head .sdd span:after {
left: 100%;
margin-left: -10px;
}
@media screen and (max-width: 1024px) {
.landing-project .head {
padding-top: 1.8rem;
background-size: auto 100px;
}
.landing-project .head .sdd {
height: 36px;
line-height: 36px;
}
.landing-project .head .sdd span {
font-size: 16px;
padding: 0 0.4rem;
}
}
.landing-project .head2 {
text-align: center;
}
.landing-project .head2 .sdt {
font-weight: bold;
}
.landing-project .head2 .sdt em {
color: #ea1819;
font-size: 1.41666667em;
margin: 0 .1em;
}
.landing-project .head2 .sdt:before,
.landing-project .head2 .sdt:after {
content: " ";
display: inline-block;
vertical-align: bottom;
margin: 0 20px;
width: 102px;
height: 1em;
background-image: url(../images/lp/line-skin2.png);
background-size: 100% auto;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.landing-project .head2 .sdd {
position: relative;
overflow: hidden;
margin-top: 16px;
font-size: 22px;
font-family: Helvetica, Arial, sans-serif;
color: #999999;
text-transform: uppercase;
text-align: center;
padding-left: 0.02em;
letter-spacing: 0.02em;
}
@media screen and (max-width: 1024px) {
.landing-project .head2 .sdd {
font-size: 16px;
margin-top: 10px;
}
}
.landing-project .list {
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.landing-project .list {
margin-top: 0.8rem;
}
}
.landing-project .list .item {
position: relative;
overflow: hidden;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
padding: 10px 0 30px;
}
.landing-project .list .item:after {
display: none;
}
@media screen and (max-width: 1024px) {
.landing-project .list .item {
display: block;
}
}
.landing-project .list .item:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 22px;
display: block;
pointer-events: none;
background-image: url(../images/lp/line-hr.png);
background-size: auto 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.landing-project .list .item .picArea {
width: 550px;
padding: 0 15px;
}
.landing-project .list .item .picArea .qImg {
max-width: 100%;
}
.landing-project .list .item .txt {
width: 520px;
position: relative;
padding-left: 110px;
padding-top: 30px;
padding-bottom: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.landing-project .list .item .txt .snum {
position: absolute;
z-index: 8;
pointer-events: none;
left: 0;
top: 35px;
width: 64px;
height: 100px;
background-color: #d81920;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
clip-path: polygon(0 0,100% 0,100% 100%, 50% 88%,0 100%,0 0);
text-align: center;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.landing-project .list .item .txt .snum span {
display: inline-block;
vertical-align: top;
padding: 20px 0 10px;
border-bottom: #ffffff solid 2px;
}
.landing-project .list .item .txt .dt {
line-height: 1.75;
white-space: nowrap;
}
.landing-project .list .item .txt .dt .p1 {
font-weight: bold;
}
.landing-project .list .item .txt .oList {
margin-top: 30px;
}
.landing-project .list .item .txt .oList .oLi {
position: relative;
overflow: hidden;
padding-left: 20px;
z-index: 1;
line-height: 1.625;
color: #666666;
}
.landing-project .list .item .txt .oList .oLi:before {
content: " ";
position: absolute;
left: 0;
top: 0.8125em;
margin-top: -5px;
overflow: hidden;
width: 0;
height: 0;
border-width: 5px 6px;
border-color: transparent transparent transparent transparent;
border-style: solid;
}
.landing-project .list .item .txt .oList .oLi:nth-child(1n+2) {
margin-top: 20px;
}
.landing-project .list .item .txt .oList .oLi .sdt {
font-weight: bold;
}
.landing-project .list .item:nth-child(2n+1) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.landing-project .list .item:nth-child(2n+2) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media screen and (max-width: 1024px) {
.landing-project .list .item {
padding: 10px 0 30px;
}
.landing-project .list .item .picArea,
.landing-project .list .item .txt {
width: 100%;
max-height: auto;
}
.landing-project .list .item .picArea {
padding: 0;
}
.landing-project .list .item .txt {
padding-left: 72px;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.landing-project .list .item .txt .snum {
top: 0.7rem;
left: 0;
width: 48px;
height: 72px;
}
.landing-project .list .item .txt .snum span {
padding: 12px 0 6px;
}
.landing-project .list .item .txt .dt {
white-space: normal;
}
.landing-project .list .item .txt .oList {
margin-top: 0.6rem;
}
.landing-project .list .item .txt .oList .oLi {
padding-left: 12px;
}
.landing-project .list .item .txt .oList .oLi:nth-child(1n+2) {
margin-top: 0.4rem;
}
}
@media screen and (max-width: 1024px) {
.landing-project .list {
margin-top: 0.8rem;
}
}
.landing-case-tab {
margin-top: 35px;
}
.landing-case-tab .Tg {
font-size: 0;
text-align: center;
padding: 0.3rem 0;
border-top: #ececec solid 1px;
border-bottom: #ececec solid 1px;
}
.landing-case-tab .Tg .btn {
display: inline-block;
vertical-align: top;
margin: 0 2px;
padding: 0 25px;
height: 32px;
line-height: 32px;
color: #333333;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
}
.landing-case-tab .Tt {
margin-top: 45px;
height: 503px;
}
.landing-case-tab .Ta {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
@media screen and (max-width: 1024px) {
.landing-case-tab {
margin-top: 0.7rem;
}
.landing-case-tab .Tt {
margin-top: 0.9rem;
height: auto;
}
.landing-case-tab .Ta {
margin-top: 1rem;
}
}
.landing-ggc .ci {
color: #128858;
}
.landing-ggc .bgci {
background-color: #128858;
}
.landing-ggc .landing-head .cn {
color: #128858;
}
.landing-ggc .landing-head .hr {
background-color: #128858;
}
.landing-ggc .landing-btn1 {
background-color: #128858;
color: #fff !important;
}
.landing-ggc .consult-btn:before {
border-color: #128858;
}
.landing-ggc .consult-btn .span1 {
color: #128858;
}
.landing-ggc .consult-btn .span2 {
background-color: #128858;
background-image: -webkit-linear-gradient(0deg, #128858 0%, #0fb370 100%);
}
.landing-ggc .landing-product-list .item .bottomIn:before,
.landing-ggc .sCase-list .item .bottomIn:before,
.landing-ggc .landing-product-list .item .bottomIn:after,
.landing-ggc .sCase-list .item .bottomIn:after {
background-color: #128858;
}
.landing-ggc-product {
padding-top: 80px;
padding-bottom: 400px;
}
.landing-ggc-product + .landing-section {
z-index: 4;
}
@media screen and (max-width: 1024px) {
.landing-ggc-product {
padding-top: 1.6rem;
padding-bottom: 5.6rem;
}
}
.landing-ggc-product .landing-product-tab .Tg .btn:hover {
color: #128858;
}
.landing-ggc-product .landing-product-tab .Tg .btn.on {
color: #fff !important;
background-color: #128858;
}
.landing-ggc-axdvantage {
margin-top: -90px;
padding-bottom: 240px;
}
@media screen and (max-width: 1024px) {
.landing-ggc-axdvantage {
margin-top: -0.4rem;
padding-bottom: 4.8rem;
}
}
.landing-ggc-axdvantage .head .p3 span {
background-color: #128858;
color: #fff;
}
.landing-ggc-axdvantage .body .center:before {
background-image: url(../images/lp/ggc-bg2-center.png);
}
.landing-ggc-service {
padding-top: 60px;
padding-bottom: 305px;
}
@media screen and (max-width: 1024px) {
.landing-ggc-service {
padding-top: 1.2rem;
padding-bottom: 6.1rem;
}
}
.landing-ggc-service .oList .oLi {
background-color: #128858;
}
.landing-ggc-service .oList .oLi .dot {
background-color: rgba(18, 136, 88, 0.2);
}
.landing-ggc-service .oList .oLi .dot:after {
background-color: #128858;
}
.landing-ggc-service .oList .oLi .snum {
color: #128858;
}
.landing-ggc-project {
padding-top: 30px;
padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
.landing-ggc-project {
padding-top: 0.6rem;
padding-bottom: 4rem;
}
}
.landing-ggc-project .head {
background-image: url(../images/lp/ggc-bg4-head.png);
}
.landing-ggc-project .head .sdt {
color: #128858;
}
.landing-ggc-project .head .sdd span {
background-color: #128858;
color: #fff;
}
.landing-ggc-project .head .sdd span:before,
.landing-ggc-project .head .sdd span:after {
background-color: #128858;
}
.landing-ggc-project .list .item .txt .dt {
color: #128858;
}
.landing-ggc-project .list .item .txt .oList .oLi:before {
border-left-color: #128858;
}
.landing-ggc-project .list .item .txt .oList .oLi .sdt {
color: #128858;
}
.landing-ggc-case {
padding-top: 55px;
padding-bottom: 160px;
}
@media screen and (max-width: 1024px) {
.landing-ggc-case {
padding-top: 1.1rem;
padding-bottom: 3.2rem;
}
}
.landing-ggc-case-tab .Tg .btn:hover {
color: #128858;
}
.landing-ggc-case-tab .Tg .btn.on {
color: #fff !important;
background-color: #128858;
}
.landing-hwc .ci {
color: #12a87b;
}
.landing-hwc .bgci {
background-color: #12a87b;
}
.landing-hwc .landing-head .cn {
color: #12a87b;
}
.landing-hwc .landing-head .hr {
background-color: #12a87b;
}
.landing-hwc .landing-btn1 {
background-color: #12a87b;
color: #fff !important;
}
.landing-hwc .consult-btn:before {
border-color: #12a87b;
}
.landing-hwc .consult-btn .span1 {
color: #12a87b;
}
.landing-hwc .consult-btn .span2 {
background-color: #12a87b;
background-image: -webkit-linear-gradient(0deg, #12a87b 0%, #16cc82 100%);
}
.landing-hwc .landing-product-list .item .bottomIn:before,
.landing-hwc .sCase-list .item .bottomIn:before,
.landing-hwc .landing-product-list .item .bottomIn:after,
.landing-hwc .sCase-list .item .bottomIn:after {
background-color: #12a87b;
}
.landing-hwc-product {
padding-top: 80px;
padding-bottom: 400px;
}
.landing-hwc-product + .landing-section {
z-index: 4;
}
@media screen and (max-width: 1024px) {
.landing-hwc-product {
padding-top: 1.6rem;
padding-bottom: 5.6rem;
}
}
.landing-hwc-product .landing-product-tab .Tg .btn:hover {
color: #12a87b;
}
.landing-hwc-product .landing-product-tab .Tg .btn.on {
color: #fff !important;
background-color: #12a87b;
}
.landing-hwc-axdvantage {
margin-top: -90px;
padding-bottom: 265px;
}
@media screen and (max-width: 1024px) {
.landing-hwc-axdvantage {
margin-top: -0.4rem;
padding-bottom: 5.3rem;
}
}
.landing-hwc-axdvantage .head .p3 span {
background-color: #12a87b;
color: #fff;
}
.landing-hwc-axdvantage .body .center:before {
background-image: url(../images/lp/hwc-bg2-center.png);
}
.landing-hwc-service {
padding-top: 60px;
padding-bottom: 180px;
}
@media screen and (max-width: 1024px) {
.landing-hwc-service {
padding-top: 1.2rem;
padding-bottom: 3.6rem;
}
}
.landing-hwc-service .oList .oLi {
background-color: #12a87b;
}
.landing-hwc-service .oList .oLi .dot {
background-color: rgba(18, 168, 123, 0.2);
}
.landing-hwc-service .oList .oLi .dot:after {
background-color: #12a87b;
}
.landing-hwc-service .oList .oLi .snum {
color: #12a87b;
}
.landing-hwc-project {
padding-top: 30px;
padding-bottom: 180px;
}
@media screen and (max-width: 1024px) {
.landing-hwc-project {
padding-top: 0.6rem;
padding-bottom: 3.6rem;
}
}
.landing-hwc-project .head {
background-image: url(../images/lp/ggc-bg4-head.png);
}
.landing-hwc-project .head .sdt {
color: #12a87b;
}
.landing-hwc-project .head .sdd span {
background-color: #12a87b;
color: #fff;
}
.landing-hwc-project .head .sdd span:before,
.landing-hwc-project .head .sdd span:after {
background-color: #12a87b;
}
.landing-hwc-project .list .item .txt .dt {
color: #12a87b;
}
.landing-hwc-project .list .item .txt .oList .oLi:before {
border-left-color: #12a87b;
}
.landing-hwc-project .list .item .txt .oList .oLi .sdt {
color: #12a87b;
}
.landing-hwc-case {
padding-top: 55px;
padding-bottom: 160px;
}
@media screen and (max-width: 1024px) {
.landing-hwc-case {
padding-top: 1.1rem;
padding-bottom: 3.2rem;
}
}
.landing-hwc-case-tab .Tg .btn:hover {
color: #12a87b;
}
.landing-hwc-case-tab .Tg .btn.on {
color: #fff !important;
background-color: #12a87b;
}
.landing-jwc .ci {
color: #1c377b;
}
.landing-jwc .bgci {
background-color: #1c377b;
}
.landing-jwc .landing-head .en {
color: #1c377b;
}
.landing-jwc .landing-head .hr {
background-color: #1c377b;
}
.landing-jwc .landing-btn1 {
background-color: #1c377b;
color: #fff !important;
}
.landing-jwc .consult-btn:before {
border-color: #1c377b;
}
.landing-jwc .consult-btn .span1 {
color: #1c377b;
}
.landing-jwc .consult-btn .span2 {
background-color: #1c377b;
background-image: -webkit-linear-gradient(0deg, #1c377b 0%, #0071d1 100%);
}
.landing-jwc .landing-product-list .item .bottomIn:before,
.landing-jwc .sCase-list .item .bottomIn:before,
.landing-jwc .landing-product-list .item .bottomIn:after,
.landing-jwc .sCase-list .item .bottomIn:after {
background-color: #1c377b;
}
.landing-jwc-product {
padding-top: 80px;
padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
.landing-jwc-product {
padding-top: 1.6rem;
padding-bottom: 4rem;
}
}
.landing-jwc-product .landing-product-tab .Tg .btn {
background-color: #0071d1;
color: #fff;
}
.landing-jwc-product .landing-product-tab .Tg .btn.on {
color: #fff !important;
background-color: #1c377b;
}
.landing-jwc-product .landing-product-tab .Tt {
margin-top: 45px;
}
@media screen and (max-width: 1024px) {
.landing-jwc-product .landing-product-tab .Tt {
margin-top: 0.9rem;
}
}
.landing-jwc-axdvantage {
margin-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.landing-jwc-axdvantage {
margin-top: 1.2rem;
padding-bottom: 1.2rem;
}
}
.landing-jwc-axdvantage .head .p4 {
border-bottom-color: #1c377b;
}
.landing-jwc-axdvantage .head .p4 span {
background-color: #1c377b;
color: #fff;
}
.landing-jwc-axdvantage .head .p4 span:before,
.landing-jwc-axdvantage .head .p4 span:after {
background-color: #1c377b;
}
.landing-jwc-axdvantage .body .center:before {
background-image: url(../images/lp/jwc-bg2-center.png);
}
.landing-jwc-service {
padding-top: 60px;
padding-bottom: 500px;
}
@media screen and (max-width: 1024px) {
.landing-jwc-service {
padding-top: 1.2rem;
padding-bottom: 10rem;
}
}
.landing-jwc-service .oList .oLi {
background-color: #1c377b;
}
.landing-jwc-service .oList .oLi .dot {
background-color: rgba(28, 55, 123, 0.2);
}
.landing-jwc-service .oList .oLi .dot:after {
background-color: #1c377b;
}
.landing-jwc-service .oList .oLi .snum {
color: #1c377b;
}
.landing-jwc-project {
margin-top: -160px;
padding-top: 30px;
padding-bottom: 50px;
z-index: 4;
}
@media screen and (max-width: 1024px) {
.landing-jwc-project {
margin-top: -0.8rem;
padding-top: 0.6rem;
padding-bottom: 1rem;
}
}
.landing-jwc-project .head2 .sdt {
color: #1c377b;
}
.landing-jwc-project .head2 .sdd span {
background-color: #1c377b;
color: #fff;
}
.landing-jwc-project .head2 .sdd span:before,
.landing-jwc-project .head2 .sdd span:after {
background-color: #1c377b;
}
.landing-jwc-project .list .item .txt .dt {
color: #1c377b;
}
.landing-jwc-project .list .item .txt .oList .oLi:before {
border-left-color: #1c377b;
}
.landing-jwc-project .list .item .txt .oList .oLi .sdt {
color: #1c377b;
}
.landing-jwc-case {
padding-top: 55px;
padding-bottom: 135px;
}
@media screen and (max-width: 1024px) {
.landing-jwc-case {
padding-top: 1.1rem;
padding-bottom: 2.7rem;
}
}
.landing-jwc-case-tab .Tg .btn:hover {
color: #1c377b;
}
.landing-jwc-case-tab .Tg .btn.on {
color: #fff !important;
background-color: #1c377b;
}
.landing-xfc .ci {
color: #d81920;
}
.landing-xfc .bgci {
background-color: #d81920;
}
.landing-xfc .landing-head .en {
color: #d81920;
}
.landing-xfc .landing-head .hr {
background-color: #d81920;
}
.landing-xfc .landing-btn1 {
background-color: #d81920;
color: #fff !important;
}
.landing-xfc .consult-btn:before {
border-color: #d81920;
}
.landing-xfc .consult-btn .span1 {
color: #d81920;
}
.landing-xfc .consult-btn .span2 {
background-color: #d81920;
background-image: -webkit-linear-gradient(0deg, #bb0f16 0%, #d81920 100%);
}
.landing-xfc .landing-product-list .item .bottomIn:before,
.landing-xfc .sCase-list .item .bottomIn:before,
.landing-xfc .landing-product-list .item .bottomIn:after,
.landing-xfc .sCase-list .item .bottomIn:after {
background-color: #d81920;
}
.landing-xfc-product {
padding-top: 80px;
padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
.landing-xfc-product {
padding-top: 1.6rem;
padding-bottom: 4rem;
}
}
.landing-xfc-product .landing-product-tab .Tg .btn {
background-color: rgba(177, 20, 26, 0.83);
color: #fff;
}
.landing-xfc-product .landing-product-tab .Tg .btn.on {
color: #fff !important;
background-color: #d81920;
}
.landing-xfc-product .landing-product-tab .Tt {
margin-top: 45px;
}
@media screen and (max-width: 1024px) {
.landing-xfc-product .landing-product-tab .Tt {
margin-top: 0.9rem;
}
}
.landing-xfc-axdvantage {
margin-top: 60px;
padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
.landing-xfc-axdvantage {
margin-top: 1.2rem;
padding-bottom: 1.2rem;
}
}
.landing-xfc-axdvantage .head .p4 {
border-bottom-color: #d81920;
}
.landing-xfc-axdvantage .head .p4 span {
background-color: #d81920;
color: #fff;
}
.landing-xfc-axdvantage .head .p4 span:before,
.landing-xfc-axdvantage .head .p4 span:after {
background-color: #d81920;
}
.landing-xfc-axdvantage .body .center:before {
background-image: url(../images/lp/xfc-bg2-center.png);
}
.landing-xfc-service {
padding-top: 60px;
padding-bottom: 380px;
}
@media screen and (max-width: 1024px) {
.landing-xfc-service {
padding-top: 1.2rem;
padding-bottom: 7.6rem;
}
}
.landing-xfc-service .oList .oLi {
background-color: #d81920;
}
.landing-xfc-service .oList .oLi .dot {
background-color: rgba(216, 25, 32, 0.2);
}
.landing-xfc-service .oList .oLi .dot:after {
background-color: #d81920;
}
.landing-xfc-service .oList .oLi .snum {
color: #d81920;
}
.landing-xfc-project {
margin-top: -60px;
padding-top: 30px;
padding-bottom: 50px;
z-index: 4;
}
@media screen and (max-width: 1024px) {
.landing-xfc-project {
margin-top: -0.8rem;
padding-top: 0.6rem;
padding-bottom: 1rem;
}
}
.landing-xfc-project .head2 .sdt {
color: #333333;
}
.landing-xfc-project .head2 .sdd span {
background-color: #d81920;
color: #fff;
}
.landing-xfc-project .head2 .sdd span:before,
.landing-xfc-project .head2 .sdd span:after {
background-color: #d81920;
}
.landing-xfc-project .list .item .txt .dt {
color: #d81920;
}
.landing-xfc-project .list .item .txt .oList .oLi:before {
border-left-color: #d81920;
}
.landing-xfc-project .list .item .txt .oList .oLi .sdt {
color: #d81920;
}
.landing-xfc-case {
padding-top: 55px;
padding-bottom: 105px;
}
@media screen and (max-width: 1024px) {
.landing-xfc-case {
padding-top: 1.1rem;
padding-bottom: 2.1rem;
}
}
.landing-xfc-case-tab .Tg .btn:hover {
color: #d81920;
}
.landing-xfc-case-tab .Tg .btn.on {
color: #fff !important;
background-color: #d81920;
}
.landing-dzc .ci {
color: #d81920;
}
.landing-dzc .bgci {
background-color: #d81920;
}
.landing-dzc .landing-head .en {
color: #d81920;
}
.landing-dzc .landing-head .hr {
background-color: #d81920;
}
.landing-dzc .landing-btn1 {
background-color: #d81920;
color: #fff !important;
}
.landing-dzc .consult-btn:before {
border-color: #d81920;
}
.landing-dzc .consult-btn .span1 {
color: #d81920;
}
.landing-dzc .consult-btn .span2 {
background-color: #d81920;
background-image: -webkit-linear-gradient(0deg, #bb0f16 0%, #d81920 100%);
}
.landing-dzc .landing-product-list .item .bottomIn:before,
.landing-dzc .sCase-list .item .bottomIn:before,
.landing-dzc .landing-product-list .item .bottomIn:after,
.landing-dzc .sCase-list .item .bottomIn:after {
background-color: #d81920;
}
.landing-dzc-product {
padding-top: 80px;
padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
.landing-dzc-product {
padding-top: 1.6rem;
padding-bottom: 4rem;
}
}
.landing-dzc-product .landing-product-tab .Tg .btn {
background-color: rgba(177, 20, 26, 0.83);
color: #fff;
}
.landing-dzc-product .landing-product-tab .Tg .btn.on {
color: #fff !important;
background-color: #d81920;
}
.landing-dzc-product .landing-product-tab .Tt {
margin-top: 45px;
}
@media screen and (max-width: 1024px) {
.landing-dzc-product .landing-product-tab .Tt {
margin-top: 0.9rem;
}
}
.landing-dzc-axdvantage {
margin-top: 60px;
padding-bottom: 260px;
}
@media screen and (max-width: 1024px) {
.landing-dzc-axdvantage {
margin-top: 1.2rem;
padding-bottom: 5.2rem;
}
}
.landing-dzc-axdvantage .head .p4 {
border-bottom-color: #d81920;
}
.landing-dzc-axdvantage .head .p4 span {
background-color: #d81920;
color: #fff;
}
.landing-dzc-axdvantage .head .p4 span:before,
.landing-dzc-axdvantage .head .p4 span:after {
background-color: #d81920;
}
.landing-dzc-axdvantage .body .center:before {
background-image: url(../images/lp/dzc-bg2-center.png);
}
.landing-dzc-service {
padding-top: 80px;
padding-bottom: 380px;
}
@media screen and (max-width: 1024px) {
.landing-dzc-service {
padding-top: 1.6rem;
padding-bottom: 7.6rem;
}
}
.landing-dzc-service .oList .oLi {
background-color: #d81920;
}
.landing-dzc-service .oList .oLi .dot {
background-color: rgba(216, 25, 32, 0.2);
}
.landing-dzc-service .oList .oLi .dot:after {
background-color: #d81920;
}
.landing-dzc-service .oList .oLi .snum {
color: #d81920;
}
.landing-dzc-project {
margin-top: -60px;
padding-top: 30px;
padding-bottom: 50px;
z-index: 4;
}
@media screen and (max-width: 1024px) {
.landing-dzc-project {
margin-top: -0.8rem;
padding-top: 0.6rem;
padding-bottom: 1rem;
}
}
.landing-dzc-project .head2 .sdt {
color: #333333;
}
.landing-dzc-project .head2 .sdd span {
background-color: #d81920;
color: #fff;
}
.landing-dzc-project .head2 .sdd span:before,
.landing-dzc-project .head2 .sdd span:after {
background-color: #d81920;
}
.landing-dzc-project .list .item .txt .dt {
color: #d81920;
}
.landing-dzc-project .list .item .txt .oList .oLi:before {
border-left-color: #d81920;
}
.landing-dzc-project .list .item .txt .oList .oLi .sdt {
color: #d81920;
}
.landing-dzc-case {
padding-top: 55px;
padding-bottom: 105px;
}
@media screen and (max-width: 1024px) {
.landing-dzc-case {
padding-top: 1.1rem;
padding-bottom: 2.1rem;
}
}
.landing-dzc-case-tab .Tg .btn:hover {
color: #d81920;
}
.landing-dzc-case-tab .Tg .btn.on {
color: #fff !important;
background-color: #d81920;
}
#nb_icon_wrap {
top: auto !important;
bottom: 2%;
}
.lazybox {
z-index: 1;
}
.lazybox:before {
content: " ";
position: absolute;
left: 50%;
top: 50%;
border-radius: 50%;
z-index: -1;
pointer-events: none;
-webkit-transition: all 250ms ease-out 0s;
transition: all 250ms ease-out 0s;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 2px;
border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
-webkit-animation-name: rotate360;
animation-name: rotate360;
-webkit-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.lazybox._loaded:before {
-webkit-transition: all 100ms ease-out 0ms;
transition: all 100ms ease-out 0ms;
opacity: 0;
visibility: hidden;
-webkit-animation-name: none;
animation-name: none;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.lazybox:before {
margin: -24px 0 0 -24px;
width: 48px;
height: 48px;
}
@media screen and (max-width: 1024px) {
.lazybox:before {
margin: -16px 0 0 -16px;
width: 32px;
height: 32px;
}
}