.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_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); }.wyj__proBox {padding:100px 80px; position:relative;} .wyj__proBox .wyj__proContainer{display:flex; flex-wrap:wrap; } .wyj__proBox .wyj__proContainer .wyj__proLi {padding:50px;} .wyj__proBox .wyj__proContainer .wyj__proLi a {display:block;position:relative;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox {width:100%;position:relative; background:#000; overflow:hidden;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox img {width:100%;opacity:1; transition:all 0.5s;} .wyj__proBox .wyj__proContainer .wyj__proLi a .txtBox {padding:15px 0;} .wyj__proBox .wyj__proContainer .wyj__proLi a .txtBox .proTitle {font-size:2rem;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt {position:absolute; top:50%; transform:translateY(-50%); padding:0 50px; text-align:center; z-index:4; width:100%; color:#fff;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt h1{padding-bottom:50px; font-size:26px; transition:all 0.5s; opacity:0; line-height:1.6;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt .proSummry {margin-top:20px; padding:10px 25px; display:inline-block;transition:all 0.5s; opacity:0; background:#f00;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:before,.wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:after{ position: absolute; z-index:2; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } .wyj__proBox .wyj__proContainer .wyj__proLi a:hover {box-shadow:0 10px 30px rgba(0,0,0,0.3);} .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox:before, .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox:after{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox img {opacity:0.7; transform:scale(1.1);} .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox .proInfoTxt h1{padding-bottom:0; opacity:1;} .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox .proInfoTxt .proSummry { opacity:1;} .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(2) {padding:6%;} .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(3) {padding:6%;margin-top:-50px;} .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(4) {margin-top:-50px;} .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(6) {padding:6% ;} .p_OccupyBox {position:relative;z-index:5;} @media only screen and (max-width:768px){ .wyj__proBox {padding:60px 15px;} .wyj__proBox .wyj__proContainer .wyj__proLi {padding:20px 0px !important; width:100% !important; margin:0!important;} .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt h1 {font-size:16px; } } @media only screen and (min-width:769px) and (max-width: 1024px){} .c_portalResProduct_list-01001031 .p_Product{ width:calc((100% - 0px)/2); } .c_portalResProduct_list-01001031 .p_CommonSummaryBoxA{ text-align:center; } .c_portalResProduct_list-01001031 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResProduct_list-01001031 >div{ animation-fill-mode:both; } .c_portalResProduct_list-01001031 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResProduct_list-01001031 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResProduct_list-01001031 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResProduct_list-01001031 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.storesBox {padding:80px; position:relative; background:#FDF6F1; z-index:12;} .storesBox .storemap {width:100%; display:flex; flex-wrap:wrap; position:relative;z-index:4;} .storesBox .storemap .mapBox {width:75%; } .storesBox .storemap .mapBox .cn-map {width:100% !important; height:auto !important; max-width:1400px;} .storesBox .storemap .mapBox .jsmap-svg-container {width:100% !important; height:100% !important; position:relative !important;} .storesBox .storemap .mapBox .jsmap-svg-container svg {width:100%; height:auto; margin-left:-100px !important;} .storesBox .storemap .storeRim {width:25%; display:flex;align-items:center;} .storesBox .storemap .storeRim .storeList {width:100%; background:#fff; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:15px; margin-left:auto;} .storesBox .storemap .storeRim .storeList .storetitle {padding-bottom:15px; border-bottom:1px #ddd solid; display:flex;} .storesBox .storemap .storeRim .storeList .storetitle h3 {flex:1; font-size:18px; color:#222; line-height:30px;} .storesBox .storemap .storeRim .storeList .storetitle p {display:flex; align-items:center;} .storesBox .storemap .storeRim .storeList .storetitle p svg {fill:#666; height:20px;} .storesBox .storemap .storeRim .storeList .storetitle p span {padding-left:10px; font-size:16px; color:#333; font-weight:bold;} .storesBox .storemap .storeRim .storeList ul{ height:450px; margin:15px 0; overflow-y:auto; position:relative;} .storesBox .storemap .storeRim .storeList ul li {padding:15px 0; border-bottom:1px #ddd solid; transform:translate(0,100px); opacity:0; visibility:hidden; position:absolute; transition:all 0.5s;} .storesBox .storemap .storeRim .storeList ul li.active {transform:translate(0,0); opacity:1;visibility:visible;position:relative;} .storesBox .storemap .storeRim .storeList ul li h3 {font-size:14px; color:#333; display:flex; line-height:20px;} .storesBox .storemap .storeRim .storeList ul li h3 span {font-size:12px; padding:0 10px; border-radius:5px; margin-right:10px;} .storesBox .storemap .storeRim .storeList ul li h3 span.zm {background:#f00; color:#fff; } .storesBox .storemap .storeRim .storeList ul li h3 span.zq {background:#e8c0a4; color:#222; } .storesBox .storemap .storeRim .storeList ul li p {font-size:14px; color:#666; line-height:1.5; padding:5px 0;} .nodata {width:100%; height:100%;position:absolute; left:0; top:0; z-index:3; opacity:0;visibility:hidden; transition:all 0.5s; display:flex ;flex-wrap:wrap; justify-content:center;flex-direction:column; background:#fff;} .nodata.showD {opacity:1;visibility:visible;} .nodata h2 { text-align:center; padding-bottom:20px;font-size:20px;} .nodata a {display:block; width:150px; margin:0 auto; text-align:center; border:1px #e00000 solid; color:#fff; line-height:40px; transition:all 0.5s; background:#e00000;} .nodata a:hover {color:#fff;background:#333; border-color:#333;}  @media only screen and (max-width:768px){ .storesBox {padding:100px 15px;} .storesBox .storemap .mapBox .jsmap-svg-container svg {width:auto; height:300px; margin-left:-115px !important;} .storesBox .storemap .mapBox {width:100%; } .storesBox .storemap .storeRim {width:100%;} }  @media only screen and (min-width:769px) and (max-width: 1024px){}.cn_cateBox {width:100%; background:#f8f8f8; padding:100px 80px; position:relative;} .cn_cateBox .cateInfo { padding-bottom:40px;} .cn_cateBox .cncateRim { position:relative;z-index:5; } .cn_cateBox .cncateRim ul {display:flex; flex-wrap:wrap; } .cn_cateBox .cncateRim ul li {flex:1; max-width:25%;} .cn_cateBox .cncateRim ul li a{display:block; line-height:60px;padding:0 20px; font-size:14px; color:#666; text-align:center; background:#fff; position:relative; overflow:hidden;} .cn_cateBox .cncateRim ul li a span {position:relative;z-index:5;} .cn_cateBox .cncateRim ul li a:before {content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:100%; background:#333; transition:all 0.3s ease 0.1s; z-index:1;} .cn_cateBox .cncateRim ul li a:after {content:"";display:block; width:100%; height:100%; position:absolute; left:0; top:100%; background:#e90111; transition:all 0.3s ease 0.3s; z-index:2;} .cn_cateBox .cncateRim ul li a:hover:before {top:0;} .cn_cateBox .cncateRim ul li a:hover:after {top:0;} .cn_cateBox .cncateRim ul li a.light:before {top:0;} .cn_cateBox .cncateRim ul li a.light:after {top:0;} .cn_cateBox .cncateRim ul li a:hover , .cn_cateBox .cncateRim ul li a.light{ color:#fff;} @media only screen and (max-width: 768px){ .cn_cateBox {padding:80px 15px;} .cn_cateBox .cateInfo {padding-bottom:10px;} .cn_cateBox .cncateRim ul {background:#fff;} .cn_cateBox .cncateRim ul li {width:50%;flex:none; max-width:50%;} } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 1200px) and (min-width: 769px){ .cn_cateBox .cncateRim ul {background:#fff;} .cn_cateBox .cncateRim ul li {width:25%;flex:none; max-width:50%;} }.pub_banner { width:100%; position:relative; height:500px; overflow:hidden;} .pub_banner .pub_line {z-index:5;} .pub_banner:before{ content:""; dislay:block; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:1; position:absolute;} .pub_banner .bannerImg{ width:100%; height:100%; animation: bannerimg 2s;} .pub_banner .banner_info { position:absolute; width:100%; z-index:2; color:#fff; text-align:center; left:0; top:60%;transform: translateY(-50%); padding:0 15px;} .pub_banner .banner_info h1{ font-size:3rem; animation: puBanner 2s; line-height:1.5; text-shadow:0 5px 10px rgba(0,0,0,0.2);} .pub_banner .banner_info p {font-size:16px;text-transform: uppercase;animation: puBanner 3s; text-shadow:0 5px 10px rgba(0,0,0,0.2); } @keyframes puBanner { from {transform: translateY(100px); opacity:0;} to {transform: translateY(0px);opacity:1;} } @keyframes bannerimg { from {transform: scale(1.2);} to {transform: scale(1);} } @keyframes jiantoushang { from { opacity:0;} to { opacity:1;} } .pub_banner i.icon-jiantou {color:#fff; font-size:24px; position:absolute; bottom:20px; left:50%; transform: translateX(-50%) rotate(90deg); z-index:3; height:30px; animation: jiantoushang 2s;} @media (max-width: 768px) { .pub_banner { width:100%; position:relative; height:300px; overflow:hidden;} .pub_banner img{ width:auto; height:100%;} .pub_banner .banner_info h1{ font-size:20px; padding-bottom:5px;} .pub_banner .banner_info p {font-size:12px;text-transform: uppercase;} }.c_portalResEbizads_banner-01001002 .p_MatteIcon .iconfont:before{content:'\e602'; } .c_portalResEbizads_banner-01001002 >div{animation-fill-mode:both; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResProduct_category-16509068515979662 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_category-16509068515979662 >div{ animation-fill-mode:both; } #c_portalResProduct_category-16509068515979662{ 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_portalResProduct_list-16509068809552411{ 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_portalResProduct_list-16509539816897757 .p_Product{ width:calc((100% - 0px)/4); } #c_portalResProduct_list-16509539816897757 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16509539816897757 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16509539816897757 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16509539816897757 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16509539816897757 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16509539816897757 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16509539816897757 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16509539816897757{ width:100%; height:auto; } #c_portalResEbizads_banner-1650906616598 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-1650906616598 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-1650906616598{ 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; }