.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-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_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-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_FlowCommonStyleBox-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_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.product-list{ width:100%; } #ce-products .ce-btn:hover{ background-color:#0d68b2; color:#fff; } .product-list li:hover p{ background-color:#0d68b2; } .jp_ys_innerProBox{ position:relative; padding: 0 30px; } .product-list li{ width:25%; float:left; } .fa_flex2{ flex-direction: row-reverse; } .product-list li .produImg{ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-height: 100%; } .product-list li p{ line-height: 59px; font-family: 'Barlow-Medium'!important; color: #fff; text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; background: #2e2e2e; font-size: 18px; text-transform: uppercase; transition: all 0.8s; } .product-list li div{ font-size: 16px; color: #080808; text-align:center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; } .product-list .imgbox{ overflow:hidden; position:relative; padding-bottom: 90%; } .product-list .imgbox:hover{ -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .fa_flexwrap{ flex-wrap: wrap; margin: 0 -10px; } .product-lista{ color: #ffffff!important; display: block; width: 163px; height: 41px; line-height: 41px; border-radius: 0px; font-size: 21px; text-align: center; background-color: #f8b62b; margin: 0 auto; margin-top: 13%; } .fa_position{ position:absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-image: linear-gradient(rgba(255,94,97,0.94), rgba(211,48,47,0.94)); display:flex; align-items:center; opacity: 0; transition: all 0.3s ease; } .fa_ProLi{ width:24%; position: relative; padding: 10px; } .fa_cen{ width:100%; text-align: center; } .fa_ProLi:first-child{ width: 51%; display: block; } .fa_ProLi .fa_Imgmin{ padding-bottom: 99%!important; position:relative; height:0; overflow: hidden; } .fa_ProLi:first-child .fa_Imgmin{ padding-bottom: 45%!important; } .fa_position *{ color:#fff; } .velocity_img{ margin-bottom:20px; } .fa_position h3{ font-size:16px; margin-bottom:8px; } .fa_ProLi:hover .fa_position{ opacity:1; } .fa_ProLi:hover .jzimg{transform: translate(-50%,-50%) scale(1.5);} .fa_ProLi .jzimg{transition:all 0.3s;} @media only screen and (max-width: 768px){ .fa_ProLi:first-child{width: 100%;} .fa_ProLi{padding:5px;width: 50%;} .jp_ys_innerProBox{ padding:15px; } .product-lista{ font-size:16px; width: 120px; height: 35px; line-height: 35px; } .product-list li div{ font-size:13px; } .product-list li p{ font-size: 14px; text-overflow: inherit; white-space: break-spaces; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; padding: 0 10px; line-height: 40px; } .product-list li{ width:50%; padding: 10px; } .velocity_img{zoom:0.5;} } .fa_cen p{padding:0 10px;}.subpage_ad:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; } .subpage_ad{ width:100%; position:relative; height: 450px; overflow:hidden; } .pcitem{ width:100%; height: 100%; } .bannerPic{ object-fit: cover; object-position: center; width: 100%; height: 100%; position: relative; } .subpage_ad .text{ position: absolute; width: 100%; color: #fff; text-align: center; top: 40%; line-height: 1.6; z-index: 1; } .subpage_ad .ad-tit{ font-size: 40px; font-weight: bold; } .subpage_ad .ad-line{ height: 1px; width: 6%; background: #fff; margin: 0.8% auto; display: none; } .subpage_ad .ad-sum{ font-size: 14px; letter-spacing: 0; color: #fff; letter-spacing: 2px; margin-top: 5px; } .inner-wrap:before{ background-color:var(--color); border-radius:200px; height:100%; width:100%; display:block; content:''; transition:all 0.45s cubic-bezier(.15,0.2,.1,1) 0s; -webkit-transition:all 0.45s cubic-bezier(.15,0.2,.1,1) 0s; } .nectar_video_lightbox:hover .inner-wrap:before{ -webkit-transform:scale(1.15); transform:scale(1.15); } .inner-wrap svg{ position:absolute; top:50%; left:50%; margin-left:2px; transform:translate(-50%,-50%); } .inner-wrap path{ fill:#fff; } .inner-wrap{ height:100%; width:100%; display:block; position:relative; } .play:before{ display:block; content:''; position:absolute; top:50%; left:50%; border:1px solid rgba(255,255,255,.5); border-radius:50%; -webkit-transform:scale(.35) translateY(-50%) translateX(-50%); -ms-transform:scale(.35) translateY(-50%) translateX(-50%); transform:scale(.35) translateY(-50%) translateX(-50%); transform-origin:0 0; opacity:0; width:50px; height:50px; z-index:-1; -webkit-animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite; animation:pulse-1 2.6s cubic-bezier(.25,.9,.2,1) 0.4s infinite; } .play{ height:52px; width:52px; position:relative; vertical-align:middle; display:inline-block; top:-5px; } .link-text{ display:inline-block; margin-left:25px; font-size:32px; line-height:40px; color:#fff; font-weight:100; } .ba-cen{ max-width:1400px; margin:0 auto; width:90%; text-align: center; } .wpb_wrapper{ margin-top:7%; display: none; } @media only screen and (max-width: 1200px){ .subpage_ad .ad-tit{ font-size: 40px; line-height: 46px; } .subpage_ad .ad-sum{ font-size: 20px; line-height: 20px; } } @media only screen and (max-width: 1024px){ .subpage_ad .ad-sum{ font-size: 14px; margin-top:10px; } .subpage_ad{ height: 170px; margin-top: 0; } .subpage_ad .ad-tit{ font-size: 22px; line-height: 25px; } } @media only screen and (max-width: 768px){ .wpb_wrapper{ zoom:0.5; } }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } #w_grid-1611307425431{opacity:0;} u{text-decoration: none;font-family:'Barlow-Medium'!important;} u span{font-family:'Barlow-Medium'!important;} s{text-decoration: none;font-family:'Barlow-Bold'!important;} s span{font-family:'Barlow-Bold'!important;} #w_common_text-1611281395567{position:relative;z-index:1} @keyframes adeinUp{ 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); } 100%{opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } @keyframes adeinDown{ 0% { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } 100%{opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } #c_portalResPublic_codeContainer-16082907765166729{position:relative;z-index:1;} .adeinUp{ animation-name: adeinUp; animation-fill-mode: both; } .adeinDown{ animation-name: adeinDown; animation-fill-mode: both; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ #w_grid-1628739673808{display:none;} u span{font-size:24px!important;} #w_fline-1609998454501,#w_grid-1611300190125,#w_grid-1611304208840,#w_grid-1611540339285,#w_common_text-1611541150100,#w_common_text-1611540438959,#w_grid-1611540265527,#w_grid-1611624652661{display:none;} #w_grid-1615784980316,#w_grid-1615785474401,#w_grid-1615784980316,#w_grid-1615785522139,#w_grid-1615785184572,#w_grid-1615784819610,#w_grid-1622627903798,#w_common_text-1627466564514,#w_fimg-1627465460072,#w_common_text-1627466595033,#w_common_text-1627466687384,#w_grid-1627538718612{display:none;} .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResEbizads_banner-1625905754609 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-1625905754609 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-1625905754609{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1625905754449 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1625905754479 > div > .p_gridbox{ background-color:rgba(245, 246, 250, 1); } #w_grid-1625905754479 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1625905754479 >div{ animation-fill-mode:both; } #w_grid-1625905754479 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1625905754479> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1625905754479> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1625905754479> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1625905754479> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0px; } #w_grid-1625905754479> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1625905754479> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1625905754479> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:0; } #w_grid-1625905754479> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1625905754479> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1625905754489 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1625905754489 >div{ animation-fill-mode:both; } #w_grid-1625905754489 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1625905754489> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1625905754489> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1625905754489> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1625905754489> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1625905754489> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1625905754489> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1625905754489> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1625905754589 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1625905754449{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1625905754479{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1625905754489{ width:90%; max-width:1200px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1625905754589{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-16285008751176173 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-16285008751176173 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16285008751176173 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16285008751176173 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16285008751176173 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16285008751176173 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16285008751176173 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16285008751176173 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16285008751176173 .fa_ProLi{ width:50%; } #c_portalResProduct_list-16285008751176173 .fa_flexwrap{ margin:0px; display:flex; } #c_portalResProduct_list-16285008751176173 .fa_Imgmin{ padding-bottom:51%!important; } #c_portalResProduct_list-16285008751176173 .fa_Proimg{ background-color:#fff; } #c_portalResProduct_list-16285008751176173 .ce-fa-es-ais{ background-color:#fff; padding:20px; } #c_portalResProduct_list-16285008751176173 .fa_position{ top:-100%; opacity:1; } #c_portalResProduct_list-16285008751176173 .fa_ProLi:hover .fa_position{ top:0px; } #c_portalResProduct_list-16285008751176173 .velocity_img img{ max-width:100px; } #c_portalResProduct_list-16285008751176173 .ce-fa-es-ais h3{ font-size:20px; color:#2e2e2e; } #c_portalResProduct_list-16285008751176173 .ce-fa-es-ais p{ font-size:14px; color:#a0a0a0; margin-top:16px; } #c_portalResProduct_list-16285008751176173 .fa-tranbox{ transition:all 0.5s; } #c_portalResProduct_list-16285008751176173 .fa_ProLi:hover .fa-tranbox{ -webkit-box-shadow:0px 5px 5px rgba(0,0,0,.1); box-shadow:0px 5px 5px rgba(0,0,0,.1); -webkit-transform:translate3d(0, -4px, 0); transform:translate3d(0, -4px, 0); } @media only screen and (max-width: 768px){ #c_portalResProduct_list-16285008751176173 .fa_ProLi{width:100%;} } #c_portalResProduct_list-16285008751176173{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }