.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_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResProduct_category-01001 .p_categoryBox .p_parentBox .p_linkBox:hover{ background: #e6f7ff; } @media only screen and (max-width:1023px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .c_portalResProduct_category-01001 .p_btn-show { display: inline-block; width: 100%; background: #EF982E; border: none; margin-top: 20px; } .c_portalResProduct_category-01001 .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { width: 100%; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_childBox .p_parentBox { background: #FFFFFF; } .c_portalResProduct_category-01001 .p_childBox .p_parentBox .p_linkBox { background: #EFEFF4; width: 100%; border-bottom: 1px solid #d5d5d6; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_childBox { background: #efeff4; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; background: #fff; } .c_portalResProduct_category-01001 .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #ccc; height: 50px; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before { content: '\e69a'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e69c'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px; width: 100%; } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_childBox { background: #efeff4; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } .c_portalResProduct_category-01001 .p_btn-show .p_c-fff { color: #fff; } .c_portalResProduct_category-01001 .p_btn-show .p_c-fff { margin: 0 0 0 10px; vertical-align: middle; width: auto; float: right; line-height: 50px; } .c_portalResProduct_category-01001 .p_categoryBox { overflow-y: auto; height: 100%; float: left; } } @media only screen and (min-width:1024px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .e_title .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before { content: '\e6c9'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8'; color: #7B7B7E; } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; }  .c_portalResProduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; } .c_portalResProduct_category-01001 .p_btn-show { display: none; } .c_portalResProduct_category-01001 .p_title { font-size: 16px; } .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding: 5px 10px; border-bottom: 1px solid #fff; } .c_portalResProduct_category-01001 .p_categoryBox .p_title { height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center; } .c_portalResProduct_category-01001 .p_categoryBtn { display: inline-block; vertical-align: middle; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0); border-style: solid; border-width: 0; color: rgba(101, 190, 186, 1); height: auto; width: 14px; margin: 0 4px 0 0; padding: 0; position: static; text-align: center; font-size: 14px; color: rgba(217, 217, 217, 1); } .c_portalResProduct_category-01001 .p_categoryBtn:active { border-width: 0; border-style: solid; color: rgba(101, 190, 186, 1); border-color: rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0); box-shadow: none; } .c_portalResProduct_category-01001 .p_linkBox .c { content: '\e6c9';  } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8';  } .c_portalResProduct_category-01001 .p_categoryBox .p_childBox { padding-left: 20px } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox { position: relative; height: auto; } .c_portalResProduct_category-01001 .p_categoryBox .slideOut { position: absolute; left: 100%; top: 0; width: 100%; height: auto; } .c_portalResProduct_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_category-01001 .p_image>img { width: 100%; height: 100%; } .c_portalResProduct_category-01001 .p_num .iconfont:before { content: '' } .c_portalResProduct_category-01001 .p_num { color: #ccc; } .c_portalResProduct_category-01001 .p_childBox .p_num { color: #333; } .c_portalResProduct_category-01001 .p_btn-hide { width: 10%; height: 100%;  background-color: #7F7F7F; display: none; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } }.c_product_list-00349003{overflow:hidden;width:925px; height:1111px; position:absolute; } .p_page .pre .i_pre { font-size: 14px; display: inline-block; } .rebox-prev{ left: 15% !important;} .rebox-next{right: 15% !important;} .rebox-contents{top:10% !important; left: 15% !important; text-align: center; width: 70% !important; height: 70% !important;} .p_page .next .i_next{ font-size: 14px; display: inline-block;color:#333;} .iconfont{ display: none;} .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .common-padd{margin:0 auto;} .product-list li{width: 33%;float:left;margin: 0px; margin-bottom: 20px; padding: 0 1px;} .product-list li figure{max-height: 320px;display:block;line-height:normal;overflow:hidden;position:relative;min-height: 320px;} .product-list li figure img{ display:block; width:100%; height:320px; transition:424ms linear;} .product-list li figcaption{display: block; color: #333; font-size: 22px; line-height: normal; transition: 350ms; text-align: left; background-color: #fff; padding-top: 30px; padding-left: 7.5188%; padding-right: 13.15789%; padding-bottom: 50px; font-weight: 400;} .product-box .product-down{ float:left;} .product-list li figure mark{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;background: rgba(142, 195, 31, 0);background:#eb6123\9;filter:alpha(opacity=20);z-index:20;opacity:0;transform:skewX(45deg);visibility:hidden;transition:360ms;} .product-list li figure mark b{ display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;} .product-list li figure mark b:before{content:"";width:100%;height: 2px;background: #f0982e;position:absolute;left:0;top:23px;transform:translateX(-200px);-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);} .product-list li figure mark b:after{content:"";width: 2px;height:100%;background: #f0982e;position:absolute;left:23px;top:0;transform:translateY(-200px);-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);} .product-list li figure mark:before{content:"";width:100%;height:0%;border-left: 3px solid #8ec31f;border-right: 3px solid #8ec31f;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;display: none;} .product-list li figure mark:after{content:"";width:0%;height:100%;border-top: 3px solid #8ec31f;border-bottom: 3px solid #8ec31f;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;display: none;} .product-list li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;} .product-list li:hover figure mark:before{ height:100%; transition:330ms 200ms;} .product-list li:hover figure mark:after{ width:100%; transition:330ms 200ms;} .product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);} .product-list li:hover figure mark b:before{ transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);} .product-list li:hover figure mark b:after{ transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);} .product-list li:hover figcaption{color: #f0982e;} .p_page div{ float:left; line-height:30px; margin-left:2px; } .e_pagebox{ width:auto; height:auto; clear:both; margin-right:30px; margin-top:30px; margin-bottom:30px; position:relative; display: inline-block; text-align: right; float: right; width: auto; } .p_page .pre{ display:inline-table; float:left; margin-left:18px; margin-right:5px; } .p_page .pageNum{ display:inline-block; position:static; float:left; margin-right:5px; line-height:30px; } .p_page .next{ display:inline-table; float:left; } .p_page .PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .p_PageInterval{ display:inline-block; position:static; float:left; margin-right:5px; line-height:38px; font-size:12px; } .p_page .pre:after{ content:""; display:none; position:absolute; top:5px; left:-14px; width:27px; height:27px; background-color:rgba(242, 242, 242, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:hover:after{ top:4px; left:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .pre:active:after{ top:8px; left:-12px; width:28px; height:25px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); box-shadow:0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -o-transform:rotate(-226deg); -ms-transform:rotate(-226deg); transform:rotate(-226deg); z-index:-1; } .p_page .pre{ height:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .p_page .pre:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color: #f0982e; cursor:pointer; } .p_page .pre:active{ background-color:rgba(90, 170, 167, 1); } .p_page .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .pre:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pre:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pre .iconfont:before{ content:""; margin-right:5px; } .p_page .next:after{ content:""; display:none; position:absolute; top:5px; right:-14px; width:27px; height:27px; background-color:rgba(101, 190, 186, 1); font-size:0; line-height:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); z-index:-1; } .p_page .next:hover:after{ top:5px; right:-12px; background-color:rgba(101, 190, 186, 1); border-radius:4px 0 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); z-index:-1; width:26px; height:26px; } .p_page .next:active:after{ top:8px; right:-12px; width:27px; height:24px; background-color:rgba(90, 170, 167, 1); border-radius:0 3px 0 0; -webkit-box-shadow:0 3px 0px #777; -moz-box-shadow:0 3px 0px #777; box-shadow:0 3px 0px #777; -webkit-transform:rotate(226deg); -moz-transform:rotate(226deg); -o-transform:rotate(226deg); -ms-transform:rotate(226deg); transform:rotate(226deg); z-index:-1; } .p_page .next{ height:30px; color: #fff; border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align:center; padding-top:0; padding-right:20px; padding-left:20px; position:relative; left:0; top:0; } .p_page .next:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color: #f0982e; cursor:pointer; } .p_page .next:active{ background-color:rgba(90, 170, 167, 1); } .p_page .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size:12px; } .p_page .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .next:active .iconfont{ color:rgba(255,255,255,1); } .p_page .next .iconfont:before{ content:""; margin-top:3px; float:right; margin-left:5px; } .p_page .pageNum{ position:absolute; background-size:100% 100%; color:inherit; cursor:pointer; display:table; font-family:inherit; font-size:14px; font-weight:inherit; height:inherit; text-decoration:none; width:inherit; } .p_page .pageNum{ height:30px; width:30px; color:rgba(102, 102, 102, 1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); background-color:rgba(242, 242, 242, 1); text-align:center; position:relative; } .p_page .pageNum:hover{ color:rgba(255,255,255,1); border-width:0; border-style:solid; border-color:rgba(255,255,255,0); cursor:pointer; text-decoration:none; background-color: #f0982e; } .p_page .pageNum:active{ text-decoration:none; background-color:rgba(90, 170, 167, 1); } .p_page .pageNum.active{ text-decoration:none; background-color: #f0982e; color:rgba(255,255,255,1); } .p_page .pageNum .font{ display:table-cell; vertical-align:middle; bottom:0; } .p_page .pageNum .iconfont{ display:inline; color:rgba(255,255,255,1); vertical-align:middle; } .p_page .pageNum:hover .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum:active .iconfont{ color:rgba(255,255,255,1); } .p_page .pageNum .iconfont:before{ content:""; } .p_page .PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_page .p_PageInterval{ line-height:30px; cursor:text; color:rgba(102,102,102,1); } .p_OccupyBox{ margin:0; width:auto; height:auto; padding:0; border:none; overflow:hidden; text-align: right; } .clear{ clear:both; } .c_product_list-00349003 .p_Product{width:calc((100% - 0px)/4); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_product_list-00349003 .p_CommonSummaryBoxA {text-align:center; }.c_product_list-00349003 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_product_list-00349003 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-00349003 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-00349003 >div{animation-fill-mode:both;text-align: center;}.c_product_list-00453006 .p_Product{width:calc((100% - 0px)/4); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }.c_product_list-00453006 .p_CommonSummaryBoxA {text-align:center; }.c_product_list-00453006 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_product_list-00453006 >div{animation-fill-mode:both; }.c_product_list-00453006 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_product_list-00453006 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } @media only screen and (max-width: 768px){ .product-list li{ width: 100%;} }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } #w_grid-1642751818611,#w_grid-1647511349464,#w_grid-1647565741176,#w_grid-1647573098738{ padding-left:25px; border-left:3px solid #F0831E; } #w_common_text-1658740530262,#w_common_text-1658740530277,#w_common_text-1658740530292,#w_common_text-1660895875977{ text-transform: uppercase;} .screen_3 .p_bgBox{ background-position: top center !important;} .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_grid-1667981327173{max-width: 100% !important;} #w_grid-1642730411628,#w_fimg-1642730379621,#c_portalResPublic_codeContainer-16427609319477734,#c_portalResnav_main-16426502606776166,#w_grid-1642758402024,#w_grid-1642757109038,#w_grid-1642757783948,#w_grid-1642751818611,#w_grid-1642752581952,#w_grid-1661929079152,#w_grid-1658740529752{display:none;} #w_grid-1658740529712 >div{ border-left: none !important; padding-left: 0px !important; margin-top: 20px;} #w_common_text-1658740530312{ margin-top: 50px !important;} #w_grid-1642664653356 >div{border-left: none !important; padding-left: 0px !important;} #w_fimg-1642664623076{ max-width: 70px !important;} #w_common_text-1642664913464 span,#w_common_text-1642664965469 span,#w_common_text-1642664969363 span,#w_common_text-1658740530307 span{font-size: 20px !important;} #c_portalResProduct_list-1658740530387 .swiper-container{width: 80% !important; margin: auto !important;} #c_portalResProduct_list-1658740530387 .swiper-slide{width: 100% !important;} #w_common_text-1564041910324 span,#w_common_text-1642664965472 span,#w_common_text-1642664969366 span{font-size: 14px !important;} #w_grid-1564035878345{width: 80% !important;margin: 0px 0px 0px 20px !important;} #w_common_text-1642669484665 span,#w_common_text-1642674053151 span,#w_common_text-1642673730200 span{ font-size: 20px !important;} #w_grid-1642673696019{margin-top:30% !important;} #c_portalResProduct_list-16426719133633288 .swiper-button-next{right: 0px !important;left: auto !important;} #c_portalResProduct_list-16426719133633288 .swiper-container{width: 70% !important; margin: auto !important;} #w_grid-1642669449479,#w_grid-1642674027078{margin-top: 30% !important;} #c_portalResProduct_list-16426719133633288 .proTitle{ font-size: 16px !important;} #c_portalResProduct_list-16426719133633288 .proMs{font-size: 14px !important;} #w_grid-1642731466380,#w_grid-1642731511489{ margin: 0px !important;} #w_grid-1642731511489{ margin-top: 30px !important;} #w_fbtn-1642665494621 .p_CommonBtn{ width: 120px !important;} #w_fbtn-1642665494621 .p_CommonBtn .font{ font-size: 14px !important;} #w_fbtn-1642665494621{ min-height: 42px !important;} #w_common_text-1557135107147 span,#w_common_text-1568862045363 span,#w_common_text-1557362967677 span{ font-size: 20px !important;} #w_common_text-1642814325633 span,#w_common_text-1557302729614 span,#w_common_text-1557363042531 span,#w_common_text-1642749929288 span,#w_common_text-1642749271043 span,#w_common_text-1647568448358 span,#w_common_text-1658742141803 span,#w_common_text-1658740530312 span,#w_common_text-1658740530317 span{font-size: 24px !important;} #c_portalResProduct_list-1658740530387{ margin-top: 20px !important;} #w_common_text-1658740530307,#w_common_text-1658740530317{margin-top: 50px !important; text-align: center;} #c_portalResNews_list-1658740530407 .rightBox .newList{ width: 46% !important;} #w_grid-1647567570358{padding-top: 50px !important; padding-bottom: 50px !important;} #c_portalResNews_list-16427492555096989 .newTitle1,#w_common_text-1662342554486 span{ font-size: 18px !important;} #c_portalResNews_list-16427492555096989 .container{ padding: 10px !important;} #w_common_text-1568861631008{ margin-top: 10px !important;} #c_portalResProduct_list-1557302729639,#w_grid-1642757109018,#w_grid-1642757783928,#w_grid-1642751657280,#w_grid-1642752581932{ margin-top: 0px !important;} #w_common_text-1557363042531{ padding-bottom: 0px !important;} #c_portalResPublic_codeContainer-15573634458162245{height: 300px !important; min-height: 300px !important;} #w_grid-1658742016113{ margin: 20px auto 0px !important;} #w_common_text-1650265590117 span,#w_common_text-1658808870094 span{ font-size: 20px !important;} .application_t{font-size: 20px !important;} #w_grid-1661161112296 > div > .p_gridbox > .p_gridCell:nth-child(n+1),#w_grid-1661161323689 > div > .p_gridbox > .p_gridCell:nth-child(n+1){clear: none !important; width: 50%; float: left; margin-bottom: 20px;} #w_sfbox-1658740529642 .p_SwipPanelBox{ left: 0px !important; } #w_fline-1661159002273,#w_fline-1661159168426,#w_fline-1661159176290{ margin: auto !important;} #w_common_text-1659064574260 span,#w_common_text-1659064477315 span,#w_common_text-1659064502515 span,#w_common_text-1659064516459 span,#w_common_text-1659064528569 span{font-size: 28px !important;} #w_common_text-1659064574260,#w_common_text-1659064477315,#w_common_text-1659064502515,#w_common_text-1659064516459,#w_common_text-1659064528569{ margin-top: 20px !important;} #c_portalResProduct_detail-16427528567986632 .d_BaseInfo:nth-child(odd),#c_portalResProduct_detail-16427528567986632 .d_BaseInfo:nth-child(even){width: 100% !important;} #c_portalResProduct_detail-16427528567986632 .d_description h2,#w_common_text-1647575644410 span{font-size: 26px !important;} .product-list li figure img{height: auto !important;} .product-list li figure{ min-height: 150px !important;} .product-list li figcaption{ font-size: 16px !important; padding-bottom: 30px !important;} .e_pagebox{ width: 100%;} #w_grid-1650266747573{margin-bottom: 20px !important;} #w_common_text-1557362967677 span,#w_common_text-1662342893329 span{ font-size: 18px !important; } #w_common_text-1642750088734 span{font-size: 14px !important; } #w_grid-1662342893326{ margin: 20px auto 0px !important;} #w_grid-1662342893323{ width: 80% !important; margin: 30px auto 0px !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){ #w_grid-1642669449479{ margin-top: 33% !important;} #w_grid-1642673696019{margin-top: 23% !important;} #c_portalResProduct_list-16426739191164941 .col{ height: 160px !important;} #w_grid-1642674027078{ margin-top: 16% !important;} } @media only screen and (max-width: 1366px) and (min-width: 1025px){ #w_grid-1642669449479{ margin-top: 23% !important;} }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } } #c_product_list-16428161840162857 .p_Product{ width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } #c_product_list-16428161840162857 .p_CommonSummaryBoxA { text-align:center; } #c_product_list-16428161840162857 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_product_list-16428161840162857 >div{ animation-fill-mode:both; } #c_product_list-16428161840162857 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_list-16428161840162857 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_product_list-16428161840162857{ 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: 1200px) and (min-width: 1025px){ } @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_portalResEbizads_banner-1642758271844 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-1642758271844 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-1642758271844 .subpage_ad{ position:relative; height:460px; overflow:hidden; } #c_portalResEbizads_banner-1642758271844 .bgimg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:no-repeat center/cover; } #c_portalResEbizads_banner-1642758271844 .mobitem{ display:none; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .text{ position:absolute; width:80%; color:#fff; text-align:left; top:48%; left:10%; FONT-VARIANT:JIS78; transform:translate(0, -50%); z-index:4; } #c_portalResEbizads_banner-1642758271844 .capitalize{ text-transform:capitalize; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-tit{ font-size:40px; font-weight:normal; line-height:47px; height:47px; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-tit::after{ content:''; display:block; width:217px; opacity:1; height:47px; background:url(/img/guang.png?tenantId=266435&viewType=1&v=000) no-repeat; position:absolute; left:80px; top:0; z-index:-1; transition:all 1s linear .6s; -webkit-transition:all 1s linear .6s; } #c_portalResEbizads_banner-1642758271844 .subpage_ad.active .ad-tit::after{ width:217px; opacity:1; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-line{ height:2px; width:3%; background:#fff; margin:0.8% auto; display:none; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-sum{ font-size:20px; font-weight:normal; margin-top:10px; } @media only screen and (max-width: 1200px) and (min-width: 1025px){ #c_portalResEbizads_banner-1642758271844 .subpage_ad { height: 450px; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-tit { font-size: 30px; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-sum { font-size: 16px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResEbizads_banner-1642758271844 .subpage_ad { height: 400px; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-tit { font-size: 30px; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-sum { font-size: 16px; } } @media only screen and (max-width: 768px){ #c_portalResEbizads_banner-1642758271844 .subpage_ad { height: 40vh; } #c_portalResEbizads_banner-1642758271844 .pcitem { display: none !important; } #c_portalResEbizads_banner-1642758271844 .mobitem { display: block; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .text { top: 49%; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-tit { font-size: 26px; font-weight:bold; } #c_portalResEbizads_banner-1642758271844 .subpage_ad .ad-sum { font-size: 14px; } } #c_portalResEbizads_banner-1642758271844{ width:auto; max-width:none; min-width:300px; 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_category-16502667477323959 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_category-16502667477323959 >div{ animation-fill-mode:both; } #c_portalResProduct_category-16502667477323959 .cateBox{ width:100%; } #c_portalResProduct_category-16502667477323959 .light a{ color:#f0982e !important; } @media only screen and (min-width: 769px){ #c_portalResProduct_category-16502667477323959 .cateBox{ height:50px; } #c_portalResProduct_category-16502667477323959 .btnjt{ display:none; } #c_portalResProduct_category-16502667477323959 .backBtn{ display:none; } #c_portalResProduct_category-16502667477323959 .cate1{ width:100%; height:50px; overflow:visible; font-size:0px; white-space:nowrap; } #c_portalResProduct_category-16502667477323959 .cateListBox{ position:relative; width:120px; height:auto; } #c_portalResProduct_category-16502667477323959 .li1{ display:inline-block;margin-right: 30px;transition: all .36s ease; } #c_portalResProduct_category-16502667477323959 .cateNameH3{ width:100%; } #c_portalResProduct_category-16502667477323959 .cateName{ display:inline-block; height:50px; line-height:50px; width:100%; padding-left:0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; text-align:center; } #c_portalResProduct_category-16502667477323959 .cateName1{ font-size: 18px; color: #333; } #c_portalResProduct_category-16502667477323959 .cateName2{ font-size:0.875rem;color: #999;height: 36px; line-height: 36px; } #c_portalResProduct_category-16502667477323959 .cateName3{ width:100%; text-align:center; padding:0px; font-size:0.875rem; } #c_portalResProduct_category-16502667477323959 .cate2{ display:none; position:absolute; z-index:999;background: #222;transition: all .36s ease; } #c_portalResProduct_category-16502667477323959 .cate3{ display:none; position:absolute; left:100%; top:0px; } #c_portalResProduct_category-16502667477323959 .cateName:hover{ color: #F2B210; } #c_portalResProduct_category-16502667477323959 .li1:hover .cate2{ display:block; } #c_portalResProduct_category-16502667477323959 .li2:hover .cate3{ display:block; } } @media only screen and (max-width: 768px){ #c_portalResProduct_category-16502667477323959 .cateBox { overflow: hidden; } #c_portalResProduct_category-16502667477323959 .backBtn { width: 50px; height: 50px; line-height: 50px; text-align: center; } #c_portalResProduct_category-16502667477323959 .backBtn>i { font-size: 1.8rem; } #c_portalResProduct_category-16502667477323959 .cate { display: none; } #c_portalResProduct_category-16502667477323959 .cate1 { display: none; width: 100%; height: auto; background-color: #333; position: absolute; left: 0; overflow: hidden; z-index: 999; } #c_portalResProduct_category-16502667477323959 .cateNameH3 { width: 100%; height: 50px; line-height: 50px; font-size: 0; border-bottom: 1px solid #999; } #c_portalResProduct_category-16502667477323959 .cateName { display: inline-block; height: 50px; line-height: 50px; width: 80%; padding-left: 10px; background: none!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; } #c_portalResProduct_category-16502667477323959 .cateName:hover { background: none!important; } #c_portalResProduct_category-16502667477323959 .li2 { padding-left: 20px; } #c_portalResProduct_category-16502667477323959 .li3 { padding-left: 20px; } #c_portalResProduct_category-16502667477323959 .cateName1 { font-size: 1rem; } #c_portalResProduct_category-16502667477323959 .cateName2 { font-size: 0.875rem;color: #999; } #c_portalResProduct_category-16502667477323959 .cateName3 { font-size: 0.875rem; } #c_portalResProduct_category-16502667477323959 .btnjt { font-size: 1rem; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; vertical-align: top; color: #fff; } #c_portalResProduct_category-16502667477323959 .btnjtRote { transform: rotateZ(90deg); } #c_portalResProduct_category-16502667477323959 .backBtn .iconfont { vertical-align: middle; } } #c_portalResProduct_category-16502667477323959{ width:100%; 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-1642758271789 > 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-1642758271819 > div > .p_gridbox{ background-color:rgba(248, 249, 249, 1); } #w_grid-1642758271819 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1642758271819 >div{ animation-fill-mode:both; } #w_grid-1642758271819 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1642758271819> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:0rem; margin-left:0; } #w_grid-1642758271819> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1642758271819> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1642758271819> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:0%; } #w_grid-1642758271819> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1642758271819> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1642758271819> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:2rem; margin-left:0%; } #w_grid-1642758271819> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0%; margin-right:0; clear:none; } #w_grid-1642758271819> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1647572892353 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 0); } #w_grid-1647572892353 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1647572892353 >div{ animation-fill-mode:both; } #w_grid-1647572892353 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1647572892353> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1647572892353> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1647572892353> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1647572892353> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1647572892353> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1647572892353> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1650266747573 > div > .p_gridbox{ overflow:visible; } #w_grid-1650266747573 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1650266747573 >div{ animation-fill-mode:both; } #w_grid-1650266747573 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } #w_grid-1650266747573 .p_gridCell{ float:none!important; }  @media only screen and (min-width: 769px){ #w_grid-1650266747573> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1650266747573> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1650266747573> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1662348026561 > 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-1642758271789{ 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-1642758271819{ 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-1647572892353{ width:90%; max-width:1600px; 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-1650266747573{ 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:50px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1662348026561{ 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_category-16623480266686105 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_category-16623480266686105 >div{ animation-fill-mode:both; } #c_portalResProduct_category-16623480266686105 .p_categoryBox{ font-size:0px; } #c_portalResProduct_category-16623480266686105 .p_parentBox{ display:inline-block; background-color:#fff; margin-right:10px; margin-bottom:10px; } @media only screen and (min-width: 769px){ #c_portalResProduct_category-16623480266686105 .js_clickbtn{ display:none; } #c_portalResProduct_category-16623480266686105 .p_childBox{ display:none; } #c_portalResProduct_category-16623480266686105 .p_parentBox .p_parentBox{ width:100%; } #c_portalResProduct_category-16623480266686105 .p_parentBox:hover >.p_childBox{ display:block; } #c_portalResProduct_category-16623480266686105 .p_categoryBox>.p_parentBox >.p_childBox{ width:100%; position:absolute; left:0px; top:auto; padding-left:0px; z-index:1; } #c_portalResProduct_category-16623480266686105 .cateBox2 .p_parentBox .p_childBox{ width:100%; position:absolute; left:100%; top:0px; padding-left:0px; } #c_portalResProduct_category-16623480266686105 .p_linkBox{ padding:0px; width:222px; width-uint:px; width-and-width-uint:222px; height:48px; height-uint:px; height-and-height-uint:48px; width-and-height:222px,48px; text-align:center; vertical-align:middle; } #c_portalResProduct_category-16623480266686105 .p_linkBox1{ border:0px; } } #c_portalResProduct_category-16623480266686105 .p_header{ background-color:rgba(238, 238, 238, 1); } #c_portalResProduct_category-16623480266686105 .p_articlesC{ background-color:rgba(238, 238, 238, 1); } #c_portalResProduct_category-16623480266686105 .p_head{ background-color:rgba(238, 238, 238, 1); } #c_portalResProduct_category-16623480266686105 .p_parentBox:hover{ color:rgba(255, 255, 255, 1); } #c_portalResProduct_category-16623480266686105 .p_linkBox:hover{ background-color:#EF982E; color:rgba(255, 255, 255, 1); } #c_portalResProduct_category-16623480266686105 .p_title:hover{ color:rgba(255, 255, 255, 1); } #c_portalResProduct_category-16623480266686105 .p_title{ padding-top:10px; padding-right:15px; padding-bottom:10px; padding-left:15px; text-align:center; vertical-align:middle; } #c_portalResProduct_category-16623480266686105{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }