.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_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); } .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); }.nav_hebox{ font-size:0px; text-align:center; } .nav_hebox a{ display:inline-block; width:207px; height:40px; text-align:center; line-height:40px; font-size:21px; margin:0 12px; } .nav_hebox .our{ background-color:#f8b62a; color:#fff; } .nav_hebox .brand{ background-color:#fff; color:#080808; } .nav_hebox .Find{ background-color:#fff; color:#080808; width:181px; } .flex-endbox{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; position: relative; } .flex-endbox .por_left{ font-size: 2.125rem; color: #282828; letter-spacing: 2px; } .flex-endbox a{ font-size: 1rem; color: #000; position:relative; transition:all 0.3s ease-out; } .flexcenbox{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding:12% 5%; align-items:center; } .flexcenbox .left{ margin-right:30px; } .flexcenbox img{ max-width:100%; } .flexcenbox h3{ font-size:30px; color:#1a1a1a; font-family: 宋体; font-weight:bold; } .flexcenbox p{ font-size:14px; color:#666666; margin-top:10px; } .flex-endbox a:after{ position:absolute; width:0; height:1px; background-color:#efa220; transition:all 0.3s ease-out; left:0px; bottom:0px; content:""; } .flex-endbox a:hover:after{ width:100%; } .flex-endbox a:hover{ color:#efa220; } .contitle{ font-size: 2.125rem; color: #282828; letter-spacing: 0; text-align: center; margin-bottom: 2.8vw; font-weight: 200; } .contactbox .telbox a{ font-size: 44px; color:#000; font-weight:bold; display:block; line-height: 0.7; font-family: fantasy; letter-spacing: 2px; } .contactbox .telbox{ display:flex; } .contactbox .telbox span{ display:block; font-size: 1.0625rem; color: rgba(65,65,65,.85); margin-bottom: .6vw; } .contactbox .telbox a:after{ display:none; } .contactbox .telbox i{ font-size: 70px; color: #efa220; } .contactbox .c_right{ margin-left: 2.5vw; } .contactbox .telbox a:hover{ } .codebox{ text-align:center; width: 100%; display:flex; margin-top: 8%; } .contactbox:after{ content:""; display:block; position:absolute; width:1px; height:100%; background-color:#eee; left:50%; top:0px; display: none; } .codebox img{ max-width:134px; } .codebox div{ margin-right: 2vw; } .codebox span{ font-size: 14px; color: #999; margin-top:5px; display:block; } .contitle2{ margin-top:7vw; margin-bottom: 3vw; } .iconbox i{ font-size:50px; color: #efa220; } .contitle1{ font-size:42px; color:#000010; text-align:center; } .ce-lcbox{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 84px; } .ce-lc-list{ position:relative; } .ce-lc-imgbox{ width:126px; height:126px; text-align:center; border:solid 10px rgba(255,255,255,0.2); border-radius:100px; position: relative; z-index: 1; cursor: pointer; transition:all 0.3s; } .ce-lc-img{ width:100%; height:100%; background-color:#fff; border-radius:100px; line-height:104px; } .ce-lc-list .ce-lc-title{ font-size:18px; color:#fff; text-align:center; margin-top:22px; } .ce-lc-line{ position:absolute; height: 70%; width: 2px; background-color:#efa220; transform: rotate(-38deg); top: 25px; left: 114%; z-index: 0; } .ce-lc-list:nth-child(2n){ margin-top: 240px; } .ce-lc-img img{ transition:all 1s; } .ce-lc-imgbox:hover .ce-lc-img img{ transform: rotatey(360deg); } .ce-lc-imgbox:hover{ border-color:rgba(239, 162, 32, 0.3); border-width:10px; } .ce-lc-list:nth-child(2n) .ce-lc-line{ transform: rotate(38deg); top: auto; bottom: 37px; height: 200%; } .fxbox{ display: flex; justify-content: flex-end; } .fxbox a{ margin-left:1.5vw; } .ce-in-title{ font-size: 36px; color:#000; font-family:'Gilroy-bold'!important; padding-left:14px; border-left: solid 1px #808080; line-height:1; } .ce-in-deo{ display:block; width:165px; line-height:46px; border-radius:3px; text-align:center; color:#fff; transition: all 0.1s; border: 1px solid #eee; } @media only screen and (max-width: 1366px){ .ce-lc-list:nth-child(2n) .ce-lc-line{ bottom: 134px; height:136%; } } @media only screen and (max-width: 1024px){ .ce-lc-line{ display:none; } .ce-lc-list{ margin-top:0!important; width:25%; margin-bottom:20px; } .ce-lcbox{ flex-wrap: wrap; } .ce-lc-imgbox{ margin:0 auto; } } @media only screen and (max-width: 768px){ .Sharebox span{ font-size: 14px!important; } .Sharebox img{ zoom: 0.6; } .ce-in-title{ font-size:24px; } .ce-in-deo{ zoom:0.8; width:110px; line-height:35px; } .ce-lc-imgbox{ zoom:0.6; } .ce-lc-list .ce-lc-title{ font-size:14px; margin-top:10px; } .pories img{ zoom:0.6!important; } .ce-lcbox{ margin-top:30px; } .titlebox h2{ font-size:24px!important; } .flex-endbox{ display:block; text-align:center; } .flex-endbox .por_left{ font-size:22px; margin-bottom:10px; margin-top: 20px; } .flex-endbox a{ font-size:14px; color:#efa220; margin-left:5px; padding-top:0px; } .c_portalResProduct_list-01001014 .proBox{ margin:0 auto; } .titlebox h3{ font-size:13px!important; } .flexcenbox h3{ font-size:20px; } .flexcenbox .left{ margin-right:20px; } .flexcenbox{ padding:5% 0; } .pories .right{ width:80%; } .nav_hebox a{ margin:10px 0; font-size: 16px; } .iconbox i{ font-size:36px; } .contitle{ font-size:24px; } .contitle1{ font-size:24px; } } .ce-in-deo:hover{ background-color: rgb(255 255 255 / 68%); color:#fff; box-shadow: 2px 3px 5px rgb(208 204 186 / 50%); } .Sharebox{ text-align:center; display: flex; justify-content: center; } .Sharebox span{ display:block; font-size: 16px; color: #2c2c2c; margin-top: 18px; } .Sharebox a{ margin:0 3vw; } .w_fimg-000 .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_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=255679&viewType=1&v=1661509255000) no-repeat center; }.c_portalResEbizads_banner-01001011{ width: 100%!important; overflow: hidden; height:500px; } @keyframes fangda { 0% { transform: scale(1,1) } 50% { transform: scale(1.1,1.1) } 100% { transform: scale(1,1) } } .c_portalResEbizads_banner-01001011 .p_MatteIcon .iconfont:before{content:'\e602'; } .c_portalResEbizads_banner-01001011 >div{animation-fill-mode:both; } .c_portalResEbizads_banner-01001011 .subpage_ad{ position:relative; height: 580px; overflow:hidden; background:#000; } .c_portalResEbizads_banner-01001011 .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center center/cover; } .c_portalResEbizads_banner-01001011 .subpage_ad .text{ position:absolute; width: 94%; color:#fff; top:80%; max-width: 1200px; left: 50%; line-height: 2; transform: translate(-50%, -50%); z-index:4; } .c_portalResEbizads_banner-01001011 .capitalize{ text-transform:capitalize; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-tit{ font-size: 38px; line-height: 1.2; color: #ffffff; font-family: 'bebas'; animation-name: fadeInUp; animation-duration: 1.2s; animation-delay:0.75s; animation-fill-mode: both; font-weight:bold; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-line{ width: 50px; height: 2px; background-color: rgba(255, 255, 255, 0.8); margin-top: 10px; margin-bottom: 10px; display: none; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-sum{ font-size: 32px; color: #e8e8e8; font-weight:normal; line-height: 2; margin: 30px 0; animation-name: fadeIn; animation-duration: 1.8s; animation-delay: 1s; animation-fill-mode: both; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-sum span{ font-size: 30px; display: inline-block; margin-top: 0; font-weight: normal; color: rgba(255,255,255,0.6); position: relative; padding-top: 8px; max-width: 700px; line-height: 1.8; width: 100%; padding-top: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-sum span:before{ width:36px; background-color: #ffffff; height: 1px; margin-top:18px; position:absolute; left:0; top:0; content:''; } @media only screen and (max-width: 768px){ .c_portalResEbizads_banner-01001011 .subpage_ad .text{ top:65%; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-sum span{ font-size:14px; line-height:1.8; } .c_portalResEbizads_banner-01001011 .subpage_ad .pcitem{ display:none; } .c_portalResEbizads_banner-01001011 .subpage_ad{ height: 150px; max-height:360px; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-tit{ font-size: 16px; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-sum{ font-size: 16px; margin-top: 0; margin-bottom: 10px;} .c_portalResEbizads_banner-01001011 .subpage_ad .ad-sum{ line-height:2; } } @media only screen and (min-width: 769px){ .c_portalResEbizads_banner-01001011 .subpage_ad .mobitem{ display:none; } } @media only screen and (min-width: 769px) and (max-width:1366px){ .c_portalResEbizads_banner-01001011 .subpage_ad{ height:450px; } .c_portalResEbizads_banner-01001011 .subpage_ad .text{ top:50%; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-tit{ font-size: 42px; } .c_portalResEbizads_banner-01001011 .subpage_ad .ad-sum{ font-size: 28px; line-height: 1.6; margin-top: 15px; } }.k_bannerbox .k_bannerbox .p_prompt{ } .k_bannerbox .swiper-pagination{position:absolute;bottom:20px;left:49%;z-index:99999;} .k_bannerbox .bannerBox{ width:100%; height:auto; } .k_bannerbox .content{ position:relative; width:100%; height:atuo; } .k_bannerbox .picB{ width:100%; height:auto; } .k_bannerbox .bannerPic{ position:relative; width:100%; top:0; left:0; transform:none; } .k_bannerbox .swiper-button-prev{ width:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; left: 0; color:#fff; text-align:center; line-height: 55px; border-radius: 0; font-size: 35px; opacity: 0.5; transition: all 0.2s; padding-top: 5px; } .k_bannerbox .swiper-button-next{ width:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; right: 0; background-color: rgba(43, 43, 43, 0.5); color:#fff; text-align:center; line-height:38px; line-height: 55px; border-radius: 0; font-size: 35px; opacity: 0.5; transition: all 0.2s; padding-top: 5px; } .k_bannerbox .text{ position:absolute; top:50%; width:60%; max-width:1000px; left:0; right:0; margin:0 auto; transform:translateY(-30%); } .k_bannerbox .bannerTitle{ color:#fff; position:relative; padding-bottom:2rem; font-size:1.125rem; } .k_bannerbox .bannerTitle::before{ content:''; display:block; width:2rem; height:0.125rem; background-color:#e34646; position:absolute; top:2.25rem; } .k_bannerbox .bannerTitle::after{ content:''; display:block; width:2rem; height:0.125rem; background-color:#fff; position:absolute; top:2.25rem; left:2rem; } .k_bannerbox .summry{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#fff; font-size:1.5rem; letter-spacing:3px; } .k_bannerbox .bannerLink{ display:block; width:6rem; height:2rem; border-radius:1rem; background-color:#fff; text-align:center; line-height:2rem; color:#ccc; margin-top:3rem; } .k_bannerbox .text *{ transform:translateY(3rem); opacity:0; } .k_bannerbox .swiper-slide-active .text *{ transition:all 2s ease .5s; transform:translateY(0); opacity:1; } .k_bannerbox .bannerLink:hover{ background-color:rgba(227, 70, 70, 1); color:#fff; transition:all 2s ease; } @media only screen and (max-width: 1024px) and (min-width: 769px){ .k_bannerbox .bannerTitle { font-size: 1.25rem; } .k_bannerbox .summry { font-size: 1rem; } } @media only screen and (max-width: 768px){ .k_bannerbox .swiper-pagination{left:44%;bottom: 2px;} .k_bannerbox .bannerBtn { display:none; } .k_bannerbox .bannerTitle { font-size: 1rem; } .k_bannerbox .summry { font-size: 0.875rem; } } .k_bannerbox .swiper-pagination span{ border-radius: 100px; display: inline-block; margin-right: 8px; width: 15px; height: 15px; border-radius: 50px; cursor: pointer; } .k_bannerbox .swiper-pagination-bullet-active{ background-color: #00899c!important; } .k_bannerbox .k_btn:hover{opacity:1;} .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .dot.current{ background:#0095a3; } .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:199px; border-radius:100px; line-height:35px; background-color:#00899c; z-index:9999; font-size:15px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .btnn:hover{ border:solid 4px #fff; } .k_bannerbox a.e_link.p_LinkA:hover{ border:none; } .k_bannerbox .swiper-slide:nth-child(2n+1) .btnn{ left:auto!important; right:19%!important; } @media only screen and (max-width: 768px){ .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:126px; border-radius:100px; line-height:20px; background-color:#00899c; z-index:9999; font-size:12px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .p_ThumbnailBox{ bottom:0px; } .k_bannerbox .swiper-pagination span{ width:10px; height:10px; } } .k_bannerbox .k_bannerbox .p_prompt{ } .k_bannerbox .swiper-pagination{position:absolute;bottom: 1.5vw;left: 50%;z-index:99999;transform: translate(-50%);} .k_bannerbox .bannerBox{ width:100%; height:auto; } .k_bannerbox .content{ position:relative; width:100%; height:atuo; z-index: 1; } .k_bannerbox .picB{ width:100%; height:auto; } .k_bannerbox .bannerPic{ position:relative; width:100%; top:0; left:0; transform:none; z-index: -1; } .k_bannerbox .swiper-button-prev{ width: 80px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; left: 0; color: rgba(255,255,255,0.5); text-align:center; line-height: 75px; border-radius: 0; font-size: 28px; transition: all 0.2s; border-radius: 100px; left: 3%; background-color: rgba(0,0,0,0.1); opacity: 0; transition: all 0.5s; } .k_bannerbox .swiper-button-next{ width: 80px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; right: 0; text-align:center; line-height: 75px; font-size: 28px; transition: all 0.5s; right: 3%; background: none; opacity: 0; background-color: rgba(0,0,0,0.1); color: rgba(255,255,255,0.5); } .k_bannerbox .text{ position:absolute; top:50%; width:60%; max-width:1000px; left:0; right:0; margin:0 auto; transform:translateY(-30%); } .k_bannerbox .bannerTitle{ color:#fff; position:relative; padding-bottom:2rem; font-size:1.125rem; } .k_bannerbox .bannerTitle::before{ content:''; display:block; width:2rem; height:0.125rem; background-color:#e34646; position:absolute; top:2.25rem; } .k_bannerbox .bannerTitle::after{ content:''; display:block; width:2rem; height:0.125rem; background-color:#fff; position:absolute; top:2.25rem; left:2rem; } .k_bannerbox .summry{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#fff; font-size:1.5rem; letter-spacing:3px; } .k_bannerbox .bannerLink{ display:block; width:6rem; height:2rem; border-radius:1rem; background-color:#fff; text-align:center; line-height:2rem; color:#ccc; margin-top:3rem; } .k_bannerbox .text *{ transform:translateY(3rem); opacity:0; } .k_bannerbox .swiper-slide-active .text *{ transition:all 2s ease .5s; transform:translateY(0); opacity:1; } .k_bannerbox .bannerLink:hover{ background-color:rgba(227, 70, 70, 1); color:#fff; transition:all 2s ease; } @media only screen and (max-width: 1024px) and (min-width: 769px){ .k_bannerbox .bannerTitle { font-size: 1.25rem; } .k_bannerbox .summry { font-size: 1rem; } } @media only screen and (min-width: 768px){ .k_bannerbox .mo{display:none;} } @media only screen and (max-width: 768px){ .k_bannerbox .pc{display:none;} .k_bannerbox .swiper-pagination{left: 50%;bottom: 2px;} .k_bannerbox .bannerBtn { display:none; } .k_bannerbox .bannerTitle { font-size: 1rem; } .k_bannerbox .summry { font-size: 0.875rem; } } .k_bannerbox .swiper-pagination span{ border: none; border-radius: 100px; display: inline-block; width: 10px; height: 10px; border-radius: 50px; cursor: pointer; margin: 0 8px; border: solid 2px #fff; } .k_bannerbox .swiper-pagination-bullet-active{ background-color: #ffffff!important; } .k_bannerbox .k_btn:hover{opacity:1;} .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .dot.current{ background:#0095a3; } .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:199px; border-radius:100px; line-height:35px; background-color:#00899c; z-index:9999; font-size:15px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .btnn:hover{ border:solid 4px #fff; } .k_bannerbox a.e_link.p_LinkA:hover{ border:none; } .k_bannerbox .swiper-slide:nth-child(2n+1) .btnn{ left:auto; right:19%; z-index:9999999; } @media only screen and (max-width: 768px){ .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:126px; border-radius:100px; line-height:20px; background-color:#00899c; z-index:9999999; font-size:12px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .p_ThumbnailBox{ bottom:0px; } .k_bannerbox .swiper-pagination span{ width:10px; height:10px; } } .k_bannerbox:hover .k_btn{opacity:1;}.c_portalResPublic_codeContainer-01001034 .kefu{ position:fixed; z-index:999; right: 20px; top:40%; } .c_portalResPublic_codeContainer-01001034 .imgbox{ background-color: rgb(255 255 255); width: 50px; text-align:center; cursor:pointer; transition:all 0.5s cubic-bezier(.165,.84,.44,1); -webkit-transition:all 0.5s cubic-bezier(.165,.84,.44,1); position:relative; display: flex; align-items: center; -webkit-justify-content: center; justify-content: center; margin: 10px 0; box-shadow: 0px 0px 5px rgb(0 0 0 / 10%); border-radius: 10px; height: 50px; } .c_portalResPublic_codeContainer-01001034 span{ display:block; color: #999; font-size: 12px; } .c_portalResPublic_codeContainer-01001034 .imgbox img{ display:block; margin:0 auto; margin-top:9px; max-width: 16px; } .c_portalResPublic_codeContainer-01001034 .imgbox .weixin{ position:absolute; opacity:0; margin-top:0px; height:0px; right:90px; top:30px; transition:all 0.3s cubic-bezier(.165,.84,.44,1); -webkit-transition:all 0.3s cubic-bezier(.165,.84,.44,1); box-shadow:0px 0px 10px rgba(0,0,0,0.2); } .c_portalResPublic_codeContainer-01001034 .top .imgbox{ background-color: #fcd000; margin-top:5px; border:none; } .c_portalResPublic_codeContainer-01001034 .top .imgbox span{ color:#fff; } .c_portalResPublic_codeContainer-01001034 .imgbox:hover{ background-color: #2d2523; } .c_portalResPublic_codeContainer-01001034 .imgbox:hover span{ color:#fff; } .c_portalResPublic_codeContainer-01001034 .imgbox:hover .tb{ filter:brightness(100); } .c_portalResPublic_codeContainer-01001034 .ewm:hover .weixin{ display:block; height:auto; opacity:1; top:0px; } .c_portalResPublic_codeContainer-01001034 .ds{ position:absolute; z-index:-1; right: 20px; display:block; color:#fff; background-color:#fff; transition:all 0.5s cubic-bezier(.165,.84,.44,1); -webkit-transition:all 0.5s cubic-bezier(.165,.84,.44,1); line-height: 50px; padding: 0 30px; top:0; font-size: 14px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); opacity:0; width: 0; white-space: pre; overflow: hidden; border-radius: 100px; } .c_portalResPublic_codeContainer-01001034 .tel:hover .ds{ opacity:1; background-color: #2d2523; right: 50px; width: max-content; } .c_portalResPublic_codeContainer-01001034 .kefu i{font-size: 20px;color: #808080;line-height: 50px;} .c_portalResPublic_codeContainer-01001034 .kefu li:hover i{color:#fff;} @media only screen and (max-width: 768px){ .kefu{ display:none!important; } }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .p_more{ width:200px; line-height:40px; height:40px; background-color:#f8b62a; color:#fff; text-align:center; margin:10px auto; margin-top: 30px; } .p_more .font{ line-height:40px; font-size:21px; } .p_more:active{background:#f8b62a;} .reset_style h3 span{font-family:'Gilroy-Bold'!important;} .reset_style h6{font-weight:500;} s{text-decoration:none!important;} @media only screen and (max-width: 768px){ .reset_style s{font-size:14px!important;} .reset_style s span{font-size:14px!important;} .reset_style h2 span{font-size:24px!important;} .reset_style h6 span{font-size:18px!important;} .panel-title{font-size:16px;} .p_more .font{font-size:16px;} } .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: 0.1px; 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-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } #w_fimg-1637567535902{ margin-left: 0px!important; } #w_fimg-1637568345527,#w_fimg-1637568647442,#w_fimg-1637568665813,#w_fimg-1637568667623{ max-width: 45px!important; } } @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){ }.jp_ys_innerProBox{ width:100%; } .jp_ys_innerProBox .figure{ position:relative; height:0px; overflow:hidden; padding-bottom: 80%; } .figure .ce-proImg{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; max-width: 100%; max-height: 100%; } .ce-pro-name{ font-size: 36px; color:#464749; font-family: 'Gilroy-bold'!important; } .ce-hrefbox{ display:block; } .ce-contentbox{ text-align:center; background-color: #fff; } .ce-btnbox a{ display:inline-block; width:140px; line-height:40px; max-width: 46%; border: solid 1px #b7b7b7; color: #464749; margin: 0 2%; transition: all 0.3s; } .ce-btnbox{ padding:40px; } .ce-pro-sum{ margin-top:12px; font-size: 24px; color: #464749; line-height:24px; margin-bottom:20px; display: block; min-height: 24px; } .jp_ys_innerProBox li:hover{ box-shadow: 0px 5px 15px rgb(0,0,0,0.1); transform: translatey(-2px); } .jp_ys_innerProBox li{ transition:all 0.3s; width: 33.333%; } .jp_ys_innerProBox .proUl{ padding:10px 0; } .ce-btnbox a:hover{ background-color: #808080; color:#fff; border-color: #808080; box-shadow: 2px 3px 5px rgb(208 204 186 / 50%); } @media only screen and (max-width: 768px){ .ce-pro-sum{font-size:14px;} .ce-contentbox{padding-top:20px;} .ce-btnbox{padding:14px;} .ce-pro-name{font-size:16px;} .ce-btnbox a{width:100%;max-width: 100%;margin: 5px 0;zoom: 0.7;} }.contente{ position:absolute; top:0px; left:0px; padding: 0 7%; display:flex; align-items:center; height: 100%; width: 100%; } .proCotent{ position:relative; } .proCotent img{ width:100%; } .contcen{ width:100%; } .ce-productlist .aTop img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 70%; max-height: 70%; } .cep_title{ color:#fff; font-size:36px; color:#fff; } .cep-line{ width:47px; height:3px; background-color:#fff; margin-top: 15px; margin-bottom: 30px; } .cea_summary{ font-size:16px; color:#fff; line-height: 30px; max-width: 590px; } .ce-proLink{ border-radius: 5px; display:block; width:143px; line-height:52px; background-color:#0f6bb0; text-align:center; font-size: 16px; color: #fff; margin-top: 35px; transition:all 0.3s; } .ce-proLink:hover{ box-shadow:2px 2px 5px rgba(255,255,255,0.8); color:#fff; } .ce-de-btn{ position:absolute; top:50%; z-index:99; transform: translatey(-50%); width: 50px; line-height: 50px; border-radius: 100px; text-align: center; color: #fff; transition: all 0.3s; left: 0; opacity:0; } .proSwiperBoxd .swiper-button-next{ left:auto; right:0px; } .proSwiperBoxd:hover .ce-de-btn{ opacity:1; cursor: pointer; } .proSwiperBoxd:hover .swiper-button-prev{ left:20px; } .proSwiperBoxd:hover .swiper-button-next{ right:20px; } .ce-de-btn:hover{ background-color:rgba(0,0,0,0.2); } .swiper-pagination22 span{ display:inline-block; width:50px; height:4px; background-color:rgba(255,255,255,0.5); margin: 0px 6px; cursor: pointer; position:relative; } .swiper-pagination22{ position:absolute; bottom:30px; text-align:center; width:100%; z-index: 1; } .proSwiperBoxd{ position:relative; } .swiper-pagination22 .swiper-pagination-bullet-active:after{ content:""; display:block; width:100%; height:100%; background-color:#fff; position:absolute; left:0px; top:0px; animation-name: lv-fadeinWidth; animation-duration: 6000ms; } @keyframes lv-fadeinWidth{ 0% { width: 0%; } 100%{ width: 100%; } } @media only screen and (max-width: 768px){ .proCotent img{ min-height:300px; } .cep_title{ font-size:18px!important; } .cea_summary{ font-size:14px; } .ce-proLink{ width:120px; line-height: 35px; font-size:14px; margin-top: 20px; } .swiper-pagination22{ bottom: 20px!important; zoom:0.8; } .cep-line{ margin-bottom: 15px; height: 2px; margin-top: 10px; } .cea_summary{ -webkit-box-orient:vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 1.8; } } .ce-productlist .p_Product{ width:calc((100% - 0px)/3); } .ce-productlist .p_CommonSummaryBoxA{ text-align:center; } .ce-productlist .relative{ position:relative; } .ce-productlist .absolute{ position:absolute; } .ce-productlist #products{ width:100%; height:auto; overflow:hidden; } .ce-productlist .ce-btn{ position: absolute; left: 0px; top: 44%; transform: translatey(-50%); z-index: 1; background-color: rgba(0,0,0,0.0); width: 57px; line-height: 57px; text-align: center; color: #fff; font-size: 16px; cursor: pointer; transition: all 0.3s; border-radius: 0; } .ce-productlist .proName{ width:100%; height:auto; text-align:center; margin:1rem 0 2rem; } .ce-productlist .list{ position:relative; width:100%; height:auto; } .ce-productlist .swiper-container-pro{ width:100%; margin:0 auto; padding: 15px 0; } .ce-productlist .swiper-wrapperUl{ width:100%; } .ce-productlist .productLi{ overflow:hidden; width:25%; float:left; margin-bottom:20px; background: #fff; transition: all 0.3s;} .ce-productlist .block{ display:block; } .ce-productlist .aTop{ width:100%; height:0px; padding-bottom: 89%; overflow:hidden; background-position: center; background-repeat: no-repeat; transition: all 0.3s; } .ce-productlist .picture{ width:100%; height:100%; top:0px; left:0px; } .ce-productlist .ce-proPic{ position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; transition: all 0.5s; max-width: 100%; max-height: 100%; } .ce-productlist .number{ margin-top:15%; font-size:18px; padding-left:20%; color:#fff; } .ce-productlist .number::before{ content:''; position:absolute; left:5%; top:0px; bottom:0px; margin:auto; display:block; width:10%; height:2px; background:#fff; } .ce-productlist .blue{ background:rgb(0 0 0 / 30%); top:100%; left:0px; width:100%; height:100%; transition:all .5s ease; } .ce-productlist .desc1{ padding:0 20%; color:#fff; height:6rem; line-height:1.5rem; overflow:hidden; margin-top:10px; } .ce-productlist .proName2{ display:block; color: #464749; font-size: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; line-height: 44px; } .ce-productlist .More-ds{ text-align:left; border-top:solid 1px #ddd; padding-top:12px; margin-top:12px; } .ce-productlist .More-ds a{ display:flex; align-items:center; } .ce-productlist .More-ds a img{ display:block; width:17px; } .ce-productlist .More-ds a span{ display:block; width:calc(100% - 17px); font-family:'bb3815'; color:#212121; } .ce-productlist .desc2{ color:#888; font-size:0.75rem; margin:16px 0 28px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:1; letter-spacing:1px; transition:all 0.3s; } .ce-productlist #products .swiper-button-prev{ position:absolute; top:34%; left:0px; cursor:pointer; font-size:18px; background:#d3d3d3; width:55px; height:55px; color:#fff; text-align:center; line-height:55px; border-radius:100px; transition:all 0.3s; } .ce-productlist .a-tbei:hover{ background-color:#0048cc!important; } .ce-productlist #products .swiper-button-next{ position:absolute; top:34%; right:0px; cursor:pointer; font-size:18px; background:#d3d3d3; width:55px; height:55px; color:#fff; text-align:center; line-height:55px; border-radius:100px; } .ce-productlist .proPrice{ color:red; display:none; } .ce-productlist .swiper-button-next{ right:0px; left:auto; } .ce-pr-sum{ font-size:14px; color:#464749; line-height:24px; } @media only screen and (min-width: 769px){ .ce-productlist .productLi:hover .blue{ top:0px; } .ce-productlist .productLi:hover .desc2{ opacity:0; } } .ce-productlist .productLi:hover .ce-text-center{ } .ce-productlist .ce-btn:hover{ background-color: rgb(0 0 0 / 43%); } .ce-switchbox{ display:flex; align-items:center; justify-content: center; margin-top: 10px; } .ce-switchbox .ce-switch{ width:11px; height:11px; border-radius:100px; overflow:hidden; position:relative; margin: 0 0.5vw; cursor: pointer; display: inline-block; border: solid 1px #fff; transition: all 0.2s; } .ce-switchbox .ce-switch img{ position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; } .ce-retail{ font-size:24px; color:#000000; font-weight: bold; font-family: 'Arial'!important; } .ce-retail1{ font-size: 20px; color:#666; font-family: 'Arial'!important;  text-decoration: line-through; } .ce-pro-imgbox{ display:none; } .ce-re-flex{display: flex; margin-top: 15px; justify-content: space-evenly; align-items: baseline;} @media only screen and (max-width: 769px){ .ce-productlist .list{ padding:0; } .ce-re-flex{ flex-wrap: wrap; } .ce-retail1{ font-size:14px; } .ce-productlist .proName2{ font-size:14px; margin-top:0px; padding: 0 10px; } .ce-productlist .ce-btn{ zoom: 0.8; } .ce-productlist .productLi{ width:100%; padding: 0; } .ce-productlist .swiper-container-pro{ width:100%; } .ce-productlist .a-tbei{ display:none; } .ce-productlist .productLi{ padding-bottom:0px; } } .ce-productlist .productLi:hover .proPic{ } .ce-productlist .productLi:hover{ box-shadow: 0px 5px 15px rgb(0,0,0,0.1); } .ce-text-center{ width: 100%; text-align: center; padding: 20px 20px; } 
 
 .ce-switch.black{ background-color:black; } 
 .ce-switch.grey{ background-color:grey; } 
 .ce-switch.white{ background-color:white; box-shadow:0px 1px 4px rgb(0 0 0 / 14%); } 
 .ce-switch.red{ background-color:red; } 
 .ce-switch.blue{ background-color:blue; } 
 .ce-switch.orange{ background-color:orange; } 
 .ce-switch.brown{ background-color:brown; }
 .ce-switch.green{ background-color:green; } 
 .ce-switch.yellow{ background-color:yellow ; } 
 .ce-switch.purple{ background-color:purple; } 
 .ce-switch.golden{ background-color:gold; } 
 .ce-switch.pink{ background-color:pink; } 
 
 .ce-switch:hover{ box-shadow: 0px 2px 5px rgb(0 0 0 / 53%); } @media only screen and (max-width: 769px){ .ce-text-center{ padding-top:0; } .ce-retail{ font-size:18px; } }.c_portalResFriendlink_list-01001002 .p_articles{ width:calc((100% - 0px)/20); margin:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; } .c_portalResFriendlink_list-01001002 .p_CommonSummaryBoxA{ text-align:center; } .swiper-wrapperd{font-size:0;text-align:center;} .swiper-slided{display:inline-block;width: 25%;margin: 3% 0;opacity: 0.5;} .c_portalResFriendlink_list-01001002 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResFriendlink_list-01001002 >div{ animation-fill-mode:both; } .c_portalResFriendlink_list-01001002 .btn_l{ background-image:url(//dfs.yun300.cn/group1/M00/19/63/rBQBG18D6C2EAfkGAAAAAL9Jtxs816.png?tenantId=255679&viewType=1&v=1661509255000); width:18px; height:26px; } .c_portalResFriendlink_list-01001002 .btn_l:after{ display:none; } .c_portalResFriendlink_list-01001002 .imgBox{position:relative;overflow:hidden;margin: 0 auto;} .c_portalResFriendlink_list-01001002 .img{position: relative;max-width:100%;max-height: 100%;} .c_portalResFriendlink_list-01001002 .swiper-button-prev{ background-position:-2px 0; left:0px; } .c_portalResFriendlink_list-01001002 .swiper-button-prev:hover{ background-position:85px 0; } .c_portalResFriendlink_list-01001002 .swiper-button-next{ background-position:131px 0; right:0px; } .c_portalResFriendlink_list-01001002 .swiper-button-next:hover{ background-position:154px 0; } .c_portalResFriendlink_list-01001002 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResFriendlink_list-01001002 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResFriendlink_list-01001002 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResFriendlink_list-01001002 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResFriendlink_list-01001002 .swiper-container{ padding:0 20px; } @media only screen and (max-width: 768px){ .swiper-slided{width:33.333%;padding:5%;} }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%;margin:0px auto;}body,#-remove--flag{} #c_portalResEbizads_banner-1636080862353{ 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; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-1636080862363{ 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; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-1636080862378{ 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; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResProduct_list-1636080862373 .p_Product{ width:calc((100% - 0px)/10); } #c_portalResProduct_list-1636080862373 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-1636080862373 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-1636080862373 >div{ animation-fill-mode:both; } #c_portalResProduct_list-1636080862373 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862373 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862373 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862373 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862373 .ce-pr-sum{ display:none; } #c_portalResProduct_list-1636080862373{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:3px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-1636080862388 .p_Product{ width:calc((100% - 0px)/10); } #c_portalResProduct_list-1636080862388 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-1636080862388 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-1636080862388 >div{ animation-fill-mode:both; } #c_portalResProduct_list-1636080862388 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862388 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862388 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862388 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862388 .ce-pr-sum{ display:none; } #c_portalResProduct_list-1636080862388{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:3px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16360844854385887{ 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; } #c_portalResFriendlink_list-1636080862393 .p_articles{ width:calc((100% - 0px)/20); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_portalResFriendlink_list-1636080862393 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResFriendlink_list-1636080862393 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResFriendlink_list-1636080862393 >div{ animation-fill-mode:both; } #c_portalResFriendlink_list-1636080862393 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-1636080862393 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-1636080862393 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-1636080862393 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-1636080862393{ width:90%; max-width:1480px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0.2%; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-1636080862358 .p_Product{ width:calc((100% - 0px)/10); } #c_portalResProduct_list-1636080862358 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-1636080862358 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-1636080862358 >div{ animation-fill-mode:both; } #c_portalResProduct_list-1636080862358 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862358 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862358 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862358 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-1636080862358{ width:90%; max-width:1480px; 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_portalResEbizads_banner-16390292161307658 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16390292161307658 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16390292161307658{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:22px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResEbizads_banner-16390305991426411 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16390305991426411 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16390305991426411{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:22px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1636080862098 > div > .p_gridbox{ background-color:rgba(247, 247, 247, 1); } #w_grid-1636080862098 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1636080862098 >div{ animation-fill-mode:both; } #w_grid-1636080862098 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1636080862098> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1636080862098> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862098> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1636080862098> div > .p_gridbox > .p_gridCell{ margin-bottom:6rem; margin-top:6rem; margin-left:0px; } #w_grid-1636080862098> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1636080862098> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1636080862098> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1636080862098> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862098> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1636080862108 > 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-1636080862148 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1636080862148 >div{ animation-fill-mode:both; } #w_grid-1636080862148 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1636080862148> div > .p_gridbox > .p_gridCell{ margin-bottom:5rem; margin-top:5rem; margin-left:0; } #w_grid-1636080862148> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862148> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1636080862188 > div > .p_gridbox{ background-image:url(/img/xzzz2.jpg?tenantId=255679&viewType=1&v=1661509255000); background-color:rgba(242, 242, 243, 1); } #w_grid-1636080862188 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1636080862188 >div{ animation-fill-mode:both; } #w_grid-1636080862188 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1636080862188> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1636080862188> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862188> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1636080862188> div > .p_gridbox > .p_gridCell{ margin-bottom:6rem; margin-top:6rem; margin-left:0px; } #w_grid-1636080862188> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1636080862188> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1636080862188> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1636080862188> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862188> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1636080862198 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1636080862198 span{font-size:20px!important;} }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1636080862208 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1636080862208 >div{ animation-fill-mode:both; } #w_grid-1636080862208 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1636080862208> div > .p_gridbox > .p_gridCell{ margin-bottom:0.5rem; margin-top:0.5rem; margin-left:0; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1636080862208> div > .p_gridbox > .p_gridCell{ margin-bottom:2.5rem; margin-top:2.5rem; margin-left:0px; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1636080862208> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:33.33333333333333%; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862208> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } #w_grid-1636080862218 > 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-1636080862238 > 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-1636080862258 > 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-1636080862278 > div > .p_gridbox{ background-color:rgba(247, 247, 247, 1); } #w_grid-1636080862278 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1636080862278 >div{ animation-fill-mode:both; } #w_grid-1636080862278 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1636080862278> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1636080862278> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862278> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1636080862278> div > .p_gridbox > .p_gridCell{ margin-bottom:5rem; margin-top:5rem; margin-left:0px; } #w_grid-1636080862278> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1636080862278> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1636080862278> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:0; } #w_grid-1636080862278> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1636080862278> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1636080862288 > 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-1636080862098{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; 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-1636080862108{ width:90%; max-width:1480px; min-width:0px; height:auto; max-height:none; min-height:192px; 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-1636080862148{ width:90%; max-width:1480px; min-width:0px; height:auto; max-height:none; min-height:192px; 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-1636080862188{ width:100%; max-width:1478px; min-width:0px; height:auto; max-height:none; min-height:192px; 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_common_text-1636080862318{ width:90%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:1.5%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1636080862198{ 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_common_text-1636080862323{ width:auto; max-width:none; min-width:0px; height:72px; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:2%; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1636080862208{ width:90%; max-width:1480px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-top:3%; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1636080862218{ 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_fimg-1636080862228{ width:100%; max-width:61px; 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_common_text-1636080862328{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1636080862238{ 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_fimg-1636080862248{ width:100%; max-width:71px; 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_common_text-1636080862333{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1636080862258{ 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_fimg-1636080862268{ width:100%; max-width:64px; 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_common_text-1636080862338{ width:auto; max-width:none; min-width:0px; height:26px; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1641780702205{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:200px; 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_fimg-1654688062515{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:200px; 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-1636080862278{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; 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-1636080862288{ 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_common_text-1636080862343{ width:90%; 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; }