.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_ContentOrdinaryStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: transparent; } .e_ContentOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_ContentOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_ContentOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_ContentOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_public_credible-01001{width:100px; height:100px; overflow: hidden;position:absolute; } .c_public_credible-01001 .content{ width: 100px; height: 100px; }.c_public_credible-01001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_public_credible-01001 >div{animation-fill-mode:both; }#w_img-1576717971319 img { position: relative; animation: myfirst 30s; animation-iteration-count: 1000;opacity: 0.35; } @keyframes myfirst{ 0% {transform:rotate(0deg)} 50% {transform: rotate(180deg)} 100% {transform: rotate(360deg)} } .w_img-001 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-001 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-001 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-001 .p_title:active{ color:rgba(69,165,161,1); } .w_img-001 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-001 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-001 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-001 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; }  .e_title.w_img-001 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link002 .iconfont:before{ display: inline-block; content:""; }  .e_title.w_img-001 .p_link001{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-001 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-001 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-001 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-001 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-001 .p_link001 .iconfont:before{ display: inline-block; content:""; }  .w_img-001 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-001{ position:absolute; width:280px; height:250px; } .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .font { white-space: nowrap; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-001 .e_image:hover:after { background: transparent; }.w_sfbox-001 > div > .p_SwipPanelBox{ margin:0; padding:0; background-color:transparent; overflow: hidden; width: auto; height: auto; position: absolute; top: 50%; right: 30px; transform: translate(0,-50%); padding: 30px 0; z-index: 999; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel{ width: auto; height: auto; font-size: 14px; color: #795430; font-size: 12px; padding: 0 10px; border-width: 1px; border-style: solid; border-color: transparent; text-align: right; margin-top: 13px; margin-bottom: 10px; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel:first-child{ margin-top: 0; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .font{ width: auto; height: auto; display: block;  line-height: 14px; vertical-align: middle; cursor: pointer; font-family: NotoSansHans-Regular; font-size: inherit; color:inherit; color: #fff; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape{ width: 40px; height: 1px; display: inline-block; background: #fff; vertical-align: middle; position: relative; cursor: pointer; overflow: hidden; transition: all .5s; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div{ width: 100%; height: 100%; background-color: #fff; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape{width: 70px;transition: all .5s;} .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape div{ background-color: #910011; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active{ color: #910011; } .w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape img{ position: absolute; width: 100%; height: 100%; display: block; } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_fboxChild{ border-color:rgba(228,228,228,0); overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size:auto; } .w_sfbox-001 > .w_sfbox > .p_fbox{ width:100%; } .w_sfbox-001 > .w_sfbox{ width:100%; } .w_sfbox-001{ width:100%; } .w_sfbox-001 .tips{ position: absolute; width: 100%; text-align: center; display: none !important; } .w_sfbox-001 .tips .title{ text-align: center; font-size: 18px; color: #c3c3c3; } .w_sfbox-001 .tips .content{ text-align: center; font-size: 14px; font-family: arial; color: #a2a2a2; font-weight: normal; line-height: 24px; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_footer{ width: 100%; height: 200px; background-color: #2e77ba; position: relative; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; } .w_sfbox-001 .p_SwipPanelBox.hor-right .font{ float: right; margin-right: 0; margin-left: 5px; } .w_sfbox-001 .p_SwipPanelBox.hor-right .shape{ margin-right: 5px; margin-left: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-top .font{ margin: 0 0 5px 0; writing-mode:vertical-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-top .shape{ margin: 5px 0 0 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel{ padding: 0 0 0 10px; float: left; margin: 0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child{ padding:0; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .font{ margin: 5px 0 0 0; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; writing-mode:tb-lr; display: block; } .w_sfbox-001 .p_SwipPanelBox.ver-bottom .shape{ margin: 0 0 5px 0; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox{ position:relative; background-color:#F4F4F4; overflow: hidden; } .w_sfbox-001 > .w_sfbox > .p_fbox > .p_wrapbox video{ position: absolute; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox{ height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; animation-name: bgMagnify; animation-duration: 10s; background-size: 100% 100%; z-index: 9; }#c_public_htmlCode-15500291382235511{width:100%!important;} #c_public_htmlCode-15841721415876814 { background: #111; padding: 30px; } .c_public_htmlCode-01001{ position:absolute; width:300px; height:390px; overflow:hidden; } #c_public_htmlCode-15767177974314882{ width: 100%!important; left: 0px!important; top: 150px!important; pointer-events: none; animation-name:fadeInRight; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; } .hamburger-navigation { width: 100%; height: 100%; position: fixed; display: flex; flex-direction: column; justify-content: center; text-align: center; margin: 0; padding: 0; visibility: hidden; } .hamburger-navigation li { width: 100%; float: left; opacity: 0; pointer-events: none; display: block; transition: transform 0.3s, opacity 0.3s; transform: translateY(100%); transition-timing-function: ease-out; margin: 15px 0; } .hamburger-navigation li .dropdown { display: none; margin: 0; padding: 0 10%; } .hamburger-navigation li .dropdown li { width: auto; margin: 0 10px; display: inline-block; float: none; font-size: 14px; font-weight: 700; } .hamburger-navigation li .dropdown li .dropdown { padding: 0; margin-top: 10px; } .hamburger-navigation li .dropdown li .dropdown li { font-size: 17px; font-weight: 400; font-family: var(--font-secondary); } .hamburger-navigation.is-opened { z-index: 5; visibility: visible; } .hamburger-navigation li a { color: #fff; opacity: 1; font: 46px/1.1 "times new roman", arial, tahoma, "Microsoft Yahei", "Microsoft JhengHei", sans-serif; text-transform: uppercase; position: relative; } .hamburger-navigation li p { color: #fff; opacity: 1; font-size: 20px; text-transform: uppercase; position: relative; } .hamburger-navigation li a { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform: all 0.4s ease; transition: all 0.4s ease; } .hamburger-navigation li a span { font-size: 11px; padding: 0 5px; background: #fff; color: #f50c1a; position: absolute; right: -4px; top: -14px; } .hamburger-navigation li a:hover { text-decoration: none; text-shadow: 0 0 30px rgba(255,255,255,0.6); } .hamburger-navigation.is-opened li { opacity: 1; transform: translateY(0) rotate(0); pointer-events: auto; transition-timing-function: ease; transition-duration:1s; } .hamburger-navigation li:nth-of-type(1) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(1) { transition-delay: 1.2s; } .hamburger-navigation li:nth-of-type(2) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(2) { transition-delay: 1.4s; } .hamburger-navigation li:nth-of-type(3) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(3) { transition-delay:1.6s; } .hamburger-navigation li:nth-of-type(4) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(4) { transition-delay: 1.8s; } .hamburger-navigation li:nth-of-type(5) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(5) { transition-delay: 2s; } .hamburger-navigation li:nth-of-type(6) { transition-delay: 0s; } .hamburger-navigation.is-opened li:nth-of-type(6) { transition-delay: 2.2s; } .shape-overlays { width: 100vw; height: 100vh; pointer-events: none; position: fixed; top: 0; left: 0; z-index: 4; } .shape-overlays.is-opened { pointer-events: auto; } .shape-overlays__path:nth-of-type(1) { fill: #000; } .shape-overlays__path:nth-of-type(2) { fill: #910011; } .shape-overlays__path:nth-of-type(3) { fill: #1d1d1f; } @-webkit-keyframes intervalHamburgerBorder { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6); } } @keyframes intervalHamburgerBorder { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 80% { -webkit-transform: scale(1.6); transform: scale(1.6); } 100% { opacity: 0; -webkit-transform: scale(1.6); transform: scale(1.6); } } .header{background:rgba(0,0,0,0.5);} .hamburger { width: 35px; height: 35px; display: block; position: relative; cursor: pointer; z-index: 110;  background: #910011; pointer-events: auto; -webkit-tap-highlight-color: rgba(0,0,0,0); margin-top: 0px!important; display: none; } .hamburger__line { width: 20px; height: 2px; overflow: hidden; position: absolute; z-index: 10; } .hamburger__line-in { width: 84px; height: 2px; position: absolute; top: 0; left: 0; } .hamburger__line-in::before, .hamburger__line-in::after { width: 28px; height: 2px; content: ''; display: block; position: absolute; top: 0; background-color: #fff; } .hamburger__line-in::before { left: -56px; } .hamburger__line-in::after { left: 0; } .hamburger__line--01, .hamburger__line--02, .hamburger__line--03, .hamburger__line--cross01, .hamburger__line--cross02 { left: 8px; } .hamburger__line--01 { top: 10px; } .hamburger__line--02, .hamburger__line--cross01, .hamburger__line--cross02 { top: 16px; } .hamburger__line--03 { top: 22px; } .hamburger__line--cross01 { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .hamburger__line--cross02 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger__line { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger__line-in { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger__line-in::before, .hamburger__line-in::after { -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .hamburger__line-in--cross01, .hamburger__line-in--cross02 { -webkit-transform: translateX(-33.3%); transform: translateX(-33.3%); } .hamburger__line-in--01 { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .hamburger__line-in--02 { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .hamburger__line-in--02::before, .hamburger__line-in--02::after { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hamburger__line-in--03 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .hamburger__line-in--03::before, .hamburger__line-in--03::after { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger__line-in--cross01 { -webkit-transition-delay: 0.0s; transition-delay: 0.0s; } .hamburger__line-in--cross02 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hamburger__line-in--cross02::before, .hamburger__line-in--cross02::after { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger.is-opened-navi .hamburger__line-in--01, .hamburger.is-opened-navi .hamburger__line-in--02, .hamburger.is-opened-navi .hamburger__line-in--03 { -webkit-transform: translateX(33.3%); transform: translateX(33.3%); } .hamburger.is-opened-navi .hamburger__line-in--cross01, .hamburger.is-opened-navi .hamburger__line-in--cross02 { -webkit-transform: translateX(0); transform: translateX(0); } .hamburger.is-opened-navi .hamburger__line-in--01 { -webkit-transition-delay: 0s; transition-delay: 0s; } .hamburger.is-opened-navi .hamburger__line-in--02 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .hamburger.is-opened-navi .hamburger__line-in--03 { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hamburger.is-opened-navi .hamburger__line-in--cross01 { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .hamburger.is-opened-navi .hamburger__line-in--cross02 { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .hamburger:hover .hamburger__line-in::before, .hamburger:hover .hamburger__line-in::after { -webkit-transform: translateX(200%); transform: translateX(200%); } .hamburger:hover .hamburger__line-in--01::before, .hamburger:hover .hamburger__line-in--01::after, .hamburger:hover .hamburger__line-in--02::before, .hamburger:hover .hamburger__line-in--02::after, .hamburger:hover .hamburger__line-in--03::before, .hamburger:hover .hamburger__line-in--03::after { -webkit-transition-duration: 1s; transition-duration: 1s; } .hamburger:hover .hamburger__line-in--cross01::before, .hamburger:hover .hamburger__line-in--cross01::after, .hamburger:hover .hamburger__line-in--cross02::before, .hamburger:hover .hamburger__line-in--cross02::after { -webkit-transition-duration: 0s; transition-duration: 0s; } .hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before, .hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after, .hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before, .hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after { -webkit-transition-duration: 1s; transition-duration: 1s; } .hamburger.is-opened-navi:hover .hamburger__line-in--01::before, .hamburger.is-opened-navi:hover .hamburger__line-in--01::after, .hamburger.is-opened-navi:hover .hamburger__line-in--02::before, .hamburger.is-opened-navi:hover .hamburger__line-in--02::after, .hamburger.is-opened-navi:hover .hamburger__line-in--03::before, .hamburger.is-opened-navi:hover .hamburger__line-in--03::after { -webkit-transition-duration: 0s; transition-duration: 0s; } .btnMore{ border-radius: 25px; height: 50px; line-height: 50px; width: 180px; text-align: center; color: #fff!important; background-color: #910011; display: block; position: relative; overflow: hidden; text-transform: uppercase; font-size: 12px; font-family: arial, helvetica, sans-serif;} .btnMore .txt { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block;} .btnMore .txt:before { position: relative; content: ''; display: block; margin-top: 100%;} .btnMore .txt:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;} .btnMore:hover{ background-color: #73010e;} .btnMore:hover .txt {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;} .btnMore:hover .txt:after {-moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s;} @-webkit-keyframes anim-out-pseudo { 0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;} } @-moz-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45); }100% { background: transparent; } } @-ms-keyframes anim-out-pseudo { 0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;} } @keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45);}100% {background: transparent;} } @-webkit-keyframes anim-out { 0% { width: 0%;}100% {width: 100%; } } @-moz-keyframes anim-out { 0% { width: 0%; } 100% {width: 100%;} } @-ms-keyframes anim-out { 0% {width: 0%;}100% {width: 100%;} } @keyframes anim-out { 0% {width: 0%; } 100% {width: 100%;} } .top_nav_mm{margin-left: 15px;width:70px;height:35px;float:right;} .top_nav_mm ul li { float: left; text-transform: uppercase; color: #fff; width: 35px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #910011; } .top_nav_mm ul li.lang a { display: block; color: #fff; } .Scroll-tip { position: absolute; z-index: 5; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100px; color: #fff; text-align: center; } .Tipss { text-transform: uppercase; font-size: 0.825rem; } .tip_anim { display: inline-block; margin: 0.75rem 0; height: 80px; left: 50%; margin-left: -1px; position: relative; } .Tipss span { text-align: center; width: 100%; display: inline-block; color: #fff;  } .tip_anim span { display: inline-block; width: 2px; height: 100%; background: #fff; animation-name: scrollTip; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 1); } @keyframes scrollTip { 0% { transform: scale(1, 0); transform-origin: top; } 49% { transform: scale(1, 1); transform-origin: top; } 51% { transform: scale(1, 1); transform-origin: bottom; } 100% { transform: scale(1, 0); transform-origin: bottom; } } .header{opacity: 1!important;} .c_product_category-01001016 .p_articlesA.current .p_link{ background: #910011!important; cursor: pointer; } .c_product_category-01001016 .p_articlesA.current .font{ color: #fff!important; cursor: pointer; } .c_news_category-01001003 .p_articlesA.current .p_link{ background: #910011!important; cursor: pointer; } .c_news_category-01001003 .p_articlesA.current .font{ color: #fff!important; cursor: pointer; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  } #w_rbox-1536315607779{left:50%!important;margin-left:-500px;top:50%!important;margin-top:-150px;} #w_rbox-1536315607779 span{text-shadow:0 3px 3px rgba(0, 0, 0, 0.3);} #w_rbox-1576655962119{width:65%!important;top:0px!important;left:35%!important;height:100%!important;} #w_rbox-1576666774164,#w_rbox-1576670954693{left:50%!important;margin-left:-600px;top:50%!important;margin-top:-250px;} #w_common_text-1540264566780,#w_common_text-1576649208552{opacity: 0.65;}#w_img-1584171224801{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } #w_img-1584171224801:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; } .w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; } #w_img-1550042947839 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550115045514 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550127073404 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550136969679 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550132287050 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550134670935 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550136214476 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550136609169 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550155838081 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } #w_img-1550157450088 { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; } @keyframes myS { 0% { transform:translate(0, -10px); -webkit-transform:translate(0, -10px); } 50% { transform:translate(0, 0); -webkit-transform:translate(0, 0); } 100% { transform:translate(0, -10px); -webkit-transform:translate(0, -10px); } }.next_button,.prev_button,.progressbar,.info_slide_dots{ display:none!important; } .c_ebizads_banner-77002001{position:absolute;width:1920px;height:400px;overflow:hidden} .container_skitter{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;transition: all .5s } .container_skitter:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;transition: all .5s } .cubeRandom{width:100% !important;height:100% !important;} #topmenu ul { margin:0; padding:0; } #topmenu ul li { float:left; font-size:12px; list-style:none; background:#222; position:relative; text-align:center; text-transform:uppercase; width:70px; margin:0 10px;display:inline; line-height:30px; } #topmenu ul li a { color:#aaa; text-decoration:none; } #topmenu ul li a:hover { color:#fff; } #topmenu ul li.active a{ color:#fff;font-weight:800; } .box_skitter { position: relative; width: 100%; height: 100%; background: #000; } .box_skitter img { max-width: none; } .box_skitter ul { display: none; } .box_skitter .container_skitter { overflow: hidden; position: relative; } .box_skitter .image { overflow: hidden; } .box_skitter .image img { display: none; } .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; } .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; } .box_skitter .prev_button { position: absolute; top: 50%; left: 35px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .next_button { position: absolute; top: 50%; right: 35px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .prev_button:hover, .box_skitter .next_button:hover { opacity: 0.5 !important; } .box_skitter .info_slide { position: absolute; top: 15px; left: 15px; z-index: 100; background: #000; color: #fff; font: bold 11px arial; padding: 5px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.75; } .box_skitter .info_slide .image_number { background: #333; float: left; padding: 2px 10px; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .info_slide .image_number:hover { background: #000; } .box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover { background: #cc3333; float: left; padding: 2px 10px; margin: 0 5px 0 0; } .box_skitter .container_thumbs { position: relative; overflow: hidden; height: 50px; } .box_skitter .info_slide_thumb { height: 50px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; top: auto; top: 0; left: 0; padding: 0 !important; opacity: 1.0; } .box_skitter .info_slide_thumb .image_number { overflow: hidden; width: 100px; height: 50px; position: relative; margin: 0 !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .box_skitter .info_slide_thumb .image_number img { position: absolute; top: -30px; left: -30px; height: 100px; } .box_skitter .box_scroll_thumbs { padding: 0; } .box_skitter .box_scroll_thumbs .scroll_thumbs { position: absolute; bottom: 60px; left: 50px; background: #ccc; background: -moz-linear-gradient(-90deg, #555, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); width: 200px; height: 10px; overflow: hidden; text-indent: -9999em; z-index: 101; cursor: pointer; border: 0px solid #333; } .box_skitter .info_slide_dots { position: absolute; bottom: -40px; z-index: 151; padding: 5px 0 5px 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } .box_skitter .info_slide_dots .image_number { background: #333; float: left; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 18px; height: 18px; text-indent: -9999em; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .info_slide_dots .image_number:hover { background: #000; } .box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover { background: #cc3333; float: left; margin: 0 5px 0 0; } .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; display: none; } .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; color: #fff; display: none; opacity: 0.4; background: #000; } .box_skitter .label_skitter p { padding: 10px; margin: 0; font: normal 16px arial,tahoma; letter-spacing: -1px; } .box_skitter .progressbar { background: #000; position: absolute; top: 5px; left: 15px; height: 5px; width: 200px; z-index: 99; border-radius: 20px; } .box_skitter .preview_slide { display: none; position: absolute; z-index: 152; bottom: 30px; left: -40px; width: 100px; height: 100px; background: #fff; border: 1px solid #222; -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; overflow: hidden; } .box_skitter .preview_slide ul { height: 100px !important; overflow: hidden !important; margin: 0 !important; list-style: none !important; display: block !important; position: absolute !important; top: 0; left: 0; } .box_skitter .preview_slide ul li { width: 100px !important; height: 100px !important; overflow: hidden !important; float: left !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important; } .box_skitter .preview_slide ul li img { position: absolute !important; top: 0 !important; left: 0 !important; height: 150px !important; width: auto !important; } #overlay_skitter { position: absolute; top: 0; left: 0; width: 100%; z-index: 9998; opacity: 1; background: #000; } .box_skitter .focus_button { position: absolute; top: 50%; z-index: 100; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .play_pause_button { position: absolute; top: 50%; z-index: 151; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .play_pause_button.play_button { } .box_skitter .play_pause_button:hover { opacity: 0.5 !important; } .box_skitter .focus_button:hover { opacity: 0.5 !important; } .box_skitter_large { width: 100%; height: 100%; } .box_skitter_small { width: 200px; height: 100px; } .box_skitter .focus_button, .box_skitter .next_button, .box_skitter .prev_button, .box_skitter .play_pause_button { display: block; background: url('../images/sprite-default.png?tenantId=165922&viewType=1&v=000') no-repeat; } .box_skitter .next_button { background-position: -0px -42px; width: 42px; height: 42px; } .box_skitter .prev_button { background-position: -42px -42px; width: 42px; height: 42px; } .box_skitter .play_pause_button { background-position: -0px -0px; width: 42px; height: 42px; } .box_skitter .play_pause_button.play_button { background-position: -0px -84px; width: 42px; height: 42px; } .box_skitter .focus_button { background-position: -42px -0px; width: 42px; height: 42px; } .skitter-minimalist .prev_button, .skitter-minimalist .next_button, .skitter-minimalist .play_pause_button, .skitter-minimalist .focus_button { display: block; background: url('../images/sprite-minimalist.png?tenantId=165922&viewType=1&v=000') no-repeat !important; } .skitter-minimalist .prev_button { background-position: -0px -0px !important; width: 24px !important; height: 28px !important; left: -45px !important; } .skitter-minimalist .next_button { background-position: -0px -28px !important; width: 24px !important; height: 28px !important; right: -45px !important; } .skitter-minimalist .play_pause_button { background-position: -0px -74px !important; width: 18px !important; height: 18px !important; } .skitter-minimalist .play_pause_button.play_button { background-position: -0px -56px !important; width: 18px !important; height: 18px !important; } .skitter-minimalist .focus_button { background-position: -0px -92px !important; width: 18px !important; height: 18px !important; } .skitter-minimalist .info_slide { background: transparent; } .skitter-minimalist .info_slide .image_number { background: #000; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; } .skitter-minimalist .info_slide .image_number:hover { background: #111; } .skitter-minimalist .info_slide .image_number_select, .skitter-minimalist .info_slide .image_number_select:hover { background: #cc3333; } .skitter-minimalist .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; } .skitter-round .prev_button, .skitter-round .next_button, .skitter-round .play_pause_button, .skitter-round .focus_button { display: block; background: url('../images/sprite-round.png?tenantId=165922&viewType=1&v=000') no-repeat; } .skitter-round .prev_button { background-position: -0px -0px; width: 23px; height: 47px; left: -23px; } .skitter-round .next_button { background-position: -23px -0px; width: 23px; height: 47px; right: -23px; } .skitter-round .next_button:hover, .skitter-round .prev_button:hover { opacity: 1; } .skitter-round .play_pause_button { background-position: -0px -70px; width: 47px; height: 23px; top: 24px; left: 24px !important; } .skitter-round .play_pause_button.play_button { background-position: -0px -47px; width: 47px; height: 23px; top: 24px; } .skitter-round .focus_button { background-position: -0px -93px; width: 47px; height: 23px; top: 24px; left: 82px !important; } .skitter-round .info_slide { background: transparent; } .skitter-round .info_slide .image_number { background: #999; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; } .skitter-round .info_slide .image_number:hover { background: #333; } .skitter-round .info_slide .image_number_select, .skitter-round .info_slide .image_number_select:hover { background: #111; } .skitter-round .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; background: #999; } .skitter-round .info_slide_dots .image_number:hover { background: #333; } .skitter-round .info_slide_dots .image_number_select, .skitter-round .info_slide_dots .image_number_select:hover { background: #111; } .skitter-round .progressbar { top: -10px; left: 0px; background: #333; box-shadow: rgba(255,255,255,0.3) 1px 1px 0; } .skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button { display: block; background: url('http://dfs.yun300.cn/group1/M00/00/3D/CgI9FVhP-WCEMZy_AAAAAOed_B0097.png?tenantId=165922&viewType=1&v=000') no-repeat; } .skitter-clean .prev_button { background-position: 0px 0px; width: 47px; height: 46px; } .skitter-clean .next_button { background-position: 0px -46px; width: 47px; height: 46px; } .skitter-clean .play_pause_button { background-position: -0px -133px; width: 41px; height: 41px; } .skitter-clean .play_pause_button.play_button { background-position: -0px -92px; width: 41px; height: 41px; } .skitter-clean .focus_button { background-position: -0px -174px; width: 41px; height: 41px; } .skitter-clean .info_slide { background: transparent; } .skitter-clean .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color:#333; } .skitter-clean .info_slide .image_number:hover { background: #ccc; } .skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover { background: #111; color:#fff; } .skitter-clean .info_slide_dots { bottom: 10px; background: rgba(255,255,255,0.8); box-shadow: rgba(0,0,0,0.3) 1px 1px 0; } .skitter-clean .info_slide_dots .image_number { width: 14px; height: 14px; background: #999; } .skitter-clean .info_slide_dots .image_number:hover { background: #333; } .skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover { background: #111; } .skitter-clean .progressbar { top: 5px; left: 5px; background: #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 0; } .skitter-square .play_pause_button, .skitter-square .next_button, .skitter-square .focus_button, .skitter-square .prev_button { display: block; background: url('../images/sprite-square.png?tenantId=165922&viewType=1&v=000') no-repeat; } .skitter-square .play_pause_button { background-position: -55px -0px; width: 55px; height: 55px; top: 10px !important; left: 10px !important; bottom: auto !important; right: auto !important; margin-top:0; } .skitter-square .play_pause_button.play_button { background-position: -0px -0px; width: 55px; height: 55px; } .skitter-square .focus_button { background-position: -55px -55px; width: 55px; height: 55px; top: 10px !important; left: 65px !important; bottom: auto !important; right: auto !important; margin-top:0; } .skitter-square .next_button { background-position: -0px -55px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 10px; } .skitter-square .prev_button { background-position: -0px -110px; width: 55px; height: 55px; top: auto; left: auto; bottom: 10px; right: 65px; } .skitter-square .info_slide { background: transparent; } .skitter-square .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color:#333; } .skitter-square .info_slide .image_number:hover { background: #ccc; } .skitter-square .info_slide .image_number_select, .skitter-square .info_slide .image_number_select:hover { background: #111; color:#fff; } .skitter-square .info_slide_dots .image_number { width: 14px; height: 14px; box-shadow: rgba(255,255,255,0.2) 1px 1px 0; background: #ccc; } .skitter-square .info_slide_dots .image_number:hover { background: #999; } .skitter-square .info_slide_dots .image_number_select, .skitter-square .info_slide_dots .image_number_select:hover { background: #555; } .skitter-square .progressbar { top:0 !important; left: 0 !important; width: 100%; background: #fff; border-radius: 0; height: 2px; } .c_ebizads_banner-77002001 .p_MatteIcon .iconfont:before{content:'\e602'; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox,#-remove--flag{} body,#-remove--flag{}  .loading { position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; background: #000; } .page { width: 100%; height: 100%; } .ysylogo { position: absolute; color: #fff; top: 45%; left: 50%; margin-left: -52px; text-transform: uppercase; opacity: 1; letter-spacing: 0.5em; font-weight: bold; } .load_aim { width: 100%; text-align: center; top: 57%; position: absolute; } .load_anc { width: 200px; height: 2px; margin: auto; overflow: hidden; } .load_anc span { display: block; width: 100%; height: 100%; background: #fff; animation-name: anim_load; animation-duration: 1.2s; animation-timing-function: cubic-bezier(0.52, 0, 0.08, 1); animation-iteration-count: infinite; } .load_text { position: absolute; color: #fff; top: 56%; text-transform: uppercase; opacity: 0.5; font-size: 18px; text-align: center; width: 100%; letter-spacing: 0.5em; font-weight: bold; margin-left: 0.25em; } @keyframes anim_load { 0% { transform: translate3d(-100%,0,0); } 50% { transform: translate3d(0,0%,0); } 100% { transform: translate3d(100%,0,0); } } .load-div { z-index: 9999999999999999999!important; position: fixed; text-align: center; width: 100%; height: 100%; top: 0px; transition: all 3s; background:#1d1d1f; background-repeat: repeat; } .sk-double1-bounce { width: 50px; height: 50px; position: relative; } .sk-double-bounce .sk-child { width: 50px; height: 50px; border-radius: 50%; background-color: #bfa781; opacity: 0.6; position: absolute; top:45%; left: 50%; margin-left: -25px; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } #c_public_htmlCode-15500491095663973{ position:absolute; top:0px; left:0px; z-index:1; width:180px; height:70px; } #c_public_htmlCode-15500645483285793{ position:absolute; top:0px; left:0px; z-index:1; width:180px; height:70px; } #c_public_htmlCode-15500683653217059{ position:absolute; top:10px; left:29px; z-index:1; width:180px; height:70px; } #c_ebizads_banner-15766621515130689 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_ebizads_banner-15766621515130689{ position:absolute; top:0px; left:0px; z-index:1; width:980px; height:650px; } #c_public_htmlCode-15767177974314882 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_public_htmlCode-15767177974314882{ position:absolute; top:150px; left:0px; z-index:100; width:100%; height:520px; } #c_public_credible-16092892821557992 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_public_credible-16092892821557992 >div{ animation-fill-mode:both; } #c_public_credible-16092892821557992{ position:fixed; top:auto; left:auto; bottom:50px; right:18px; transform:none; width:100px; height:32px; z-index:120; content:"rb"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_sfbox-1536311742128 .p_footer{ height:200px; } #w_sfbox-1536311742128 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_sfbox-1536311742128 .ping_0{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1536311742128 .ping_1{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1536311742128 .ping_2{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1536311742128 .ping_3{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1536311742128 .ping_4{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_sfbox-1536311742128 .p_fbox{ background-repeat:repeat; background-image:url(/img/909.png?tenantId=165922&viewType=1&v=000); background-image-part-image:url(/img/909.png?tenantId=165922&viewType=1&v=000); } #w_rbox-1536315607779 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1536315607779 >div{ animation-fill-mode:both; } #w_rbox-1550049839855 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550049839855 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:5s; animation-fill-mode:both; } #w_rbox-1576655962119 div.w_rbox>.p_rbox{ background-image:url(/img/vintage.png?tenantId=165922&viewType=1&v=000); background-image-part-image:url(/img/vintage.png?tenantId=165922&viewType=1&v=000); background-repeat:repeat; } #w_rbox-1576655962119 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1576655962119 >div{ animation-name:fadeInRight; animation-duration:3s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1550064565204 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550064565204 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:5s; animation-fill-mode:both; } #w_rbox-1576662196552 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1576662196552 >div{ animation-name:fadeInRight; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_rbox-1576666774164 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1576666774164 >div{ animation-fill-mode:both; } #w_rbox-1576670954693 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1576670954693 >div{ animation-fill-mode:both; } #w_rbox-1550068382123 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1550068382123 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:3s; animation-fill-mode:both; } #w_common_text-1536315712907 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1536315712907 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:2.5s; animation-fill-mode:both; } #w_common_text-1576652701582 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1576652701582 >div{ animation-name:fadeInDown; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; } #w_common_text-1550048548533 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550048548533 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:3.5s; animation-fill-mode:both; } #w_img-1550045630797 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550045630797 >div{ animation-name:fadeInLeft; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_img-1550045630797 img{ filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.6s; } #w_img-1550045630797 img:hover{ filter:grayscale(0); -webkit-filter:grayscale(0); transition:all 0.6s; transform:scale(1.03,1.03); } #w_common_text-1550048702835 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550048702835 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:4s; animation-fill-mode:both; } #w_common_text-1550047834794 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550047834794 >div{ animation-name:fadeInDown; animation-duration:2s; animation-delay:3s; animation-fill-mode:both; } #w_common_text-1550048593842 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550048593842 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:4.5s; animation-fill-mode:both; } #w_img-1536319094075 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1536319094075 >div{ animation-name:fadeInLeft; animation-duration:15s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1550062955126 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550062955126 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:3.5s; animation-fill-mode:both; } #w_common_text-1550062955133 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550062955133 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:4.5s; animation-fill-mode:both; } #w_common_text-1550063553946 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550063553946 >div{ animation-name:fadeInDown; animation-duration:2s; animation-delay:3s; animation-fill-mode:both; } #w_common_text-1550062955142 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550062955142 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:4s; animation-fill-mode:both; } #w_img-1536319715675 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1536319715675 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_img-1536319715675 img{ filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.6s; } #w_img-1536319715675 img:hover{ filter:grayscale(0); -webkit-filter:grayscale(0); transform:scale(1.1,1.1); } #w_common_text-1550067153006 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550067153006 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:3.5s; animation-fill-mode:both; } #w_common_text-1576666260227 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1576666260227 >div{ animation-name:fadeInDown; animation-duration:2s; animation-delay:3s; animation-fill-mode:both; } #w_img-1550065736471 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550065736471 >div{ animation-name:fadeInLeft; animation-duration:2s; animation-delay:1.5s; animation-fill-mode:both; } #w_img-1550065736471 img{ filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.6s; } #w_img-1550065736471 img:hover{ filter:grayscale(0); -webkit-filter:grayscale(0); transform:scale(1.1,1.1); } #w_img-1550065755238 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1550065755238 >div{ animation-name:fadeInDown; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; } #w_img-1550065755238 img{ filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.6s; } #w_img-1550065755238 img:hover{ filter:grayscale(0); -webkit-filter:grayscale(0); transform:scale(1.1,1.1); } #w_common_text-1550067194290 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550067194290 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:4.5s; animation-fill-mode:both; } #w_common_text-1550067194298 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550067194298 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:4s; animation-fill-mode:both; } #w_img-1576670401967 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1576670401967 >div{ animation-name:fadeInRight; animation-duration:2s; animation-delay:1.5s; animation-fill-mode:both; } #w_img-1576670401967 img{ filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.6s; } #w_img-1576670401967 img:hover{ filter:grayscale(0); -webkit-filter:grayscale(0); transform:scale(1.1,1.1); } #w_img-1576670435002 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1576670435002 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; } #w_img-1576670435002 img{ filter:grayscale(100%); -webkit-filter:grayscale(100%); transition:all 0.6s; } #w_img-1576670435002 img:hover{ filter:grayscale(0); -webkit-filter:grayscale(0); transform:scale(1.1,1.1); } #w_common_text-1576670963725 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1576670963725 >div{ animation-name:fadeInDown; animation-duration:2s; animation-delay:3s; animation-fill-mode:both; } #w_common_text-1550068077430 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550068077430 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:2.5s; animation-fill-mode:both; } #w_common_text-1550068090381 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1550068090381 >div{ animation-name:fadeInUp; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; } #w_img-1576717971319 .p_link001{ height:calc(100%); } #w_img-1576717971319 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1576717971319 >div{ animation-name:fadeIn; animation-duration:8s; animation-delay:1s; animation-fill-mode:both; } #w_sfbox-1536311742128{ position:absolute; top:0px; left:0px; z-index:100; width:1920px; height:896px; } #w_rbox-1536315607779{ position:absolute; top:50%; left:50%; z-index:101; width:1000px; height:300px; } #w_rbox-1550049839855{ position:absolute; top:590px; left:980px; z-index:106; width:267px; height:103px; } #w_rbox-1576655962119{ position:absolute; top:0px; left:35%; z-index:100; width:65%; height:100%; } #w_rbox-1550064565204{ position:absolute; top:540px; left:378px; z-index:106; width:267px; height:103px; } #w_rbox-1576662196552{ position:absolute; top:140px; left:940px; z-index:101; width:980px; height:670px; } #w_rbox-1576666774164{ position:absolute; top:50%; left:50%; z-index:101; width:1200px; height:500px; } #w_rbox-1576670954693{ position:absolute; top:448px; left:960px; z-index:100; width:1200px; height:500px; } #w_rbox-1550068382123{ position:absolute; top:378.5px; left:472.5px; z-index:104; width:233px; height:91px; } #w_common_text-1536315712907{ position:absolute; top:135px; left:0px; z-index:4; width:1000px; height:97px; } #w_common_text-1576652701582{ position:absolute; top:40px; left:0px; z-index:5; width:1000px; height:85px; } #w_common_text-1550048548533{ position:absolute; top:288px; left:980px; z-index:103; width:660px; height:53px; } #w_img-1550045630797{ position:absolute; top:130px; left:0px; z-index:101; width:930px; height:680px; } #w_common_text-1550048702835{ position:absolute; top:360px; left:980px; z-index:105; width:310px; height:57px; } #w_common_text-1550047834794{ position:absolute; top:190px; left:980px; z-index:102; width:566px; height:106px; } #w_common_text-1550048593842{ position:absolute; top:420px; left:980px; z-index:104; width:551px; height:155px; } #w_img-1536319094075{ position:absolute; top:695px; left:378px; z-index:100; width:1167px; height:150px; } #w_common_text-1550062955126{ position:absolute; top:281px; left:376.5px; z-index:102; width:497px; height:53px; } #w_common_text-1550062955133{ position:absolute; top:415.5px; left:376.5px; z-index:103; width:508px; height:115px; } #w_common_text-1550063553946{ position:absolute; top:178px; left:376.5px; z-index:105; width:442px; height:106px; } #w_common_text-1550062955142{ position:absolute; top:350.5px; left:376.5px; z-index:104; width:508px; height:64px; } #w_img-1536319715675{ position:absolute; top:-60px; left:665px; z-index:1; width:280px; height:560px; } #w_common_text-1550067153006{ position:absolute; top:100px; left:0px; z-index:2; width:390px; height:42px; } #w_common_text-1576666260227{ position:absolute; top:0px; left:0px; z-index:3; width:390px; height:106px; } #w_img-1550065736471{ position:absolute; top:349px; left:251px; z-index:4; width:320px; height:200px; } #w_img-1550065755238{ position:absolute; top:-10px; left:1016px; z-index:5; width:204px; height:270px; } #w_common_text-1550067194290{ position:absolute; top:210px; left:0px; z-index:6; width:405px; height:96px; } #w_common_text-1550067194298{ position:absolute; top:158px; left:0px; z-index:7; width:461px; height:48px; } #w_img-1576670401967{ position:absolute; top:310px; left:976px; z-index:8; width:224px; height:220px; } #w_img-1576670435002{ position:absolute; top:46px; left:442px; z-index:9; width:186px; height:250.385px; } #w_common_text-1576670963725{ position:absolute; top:70px; left:0px; z-index:101; width:1200px; height:106px; } #w_common_text-1550068077430{ position:absolute; top:275px; left:0px; z-index:102; width:1200px; height:80px; } #w_common_text-1550068090381{ position:absolute; top:180px; left:0px; z-index:103; width:1200px; height:62px; } #w_img-1576717971319{ position:absolute; top:-50.5px; left:300px; z-index:100; width:600px; height:600px; }