/*e_ContentMajorStyleBox-001*/ .e_ContentMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ /*stylebox_link*/ .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*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .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*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .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{ position:relative !important; width:100% !important; } .kk_product_cate_list{ text-align:center; } .kk_product_cate_list>div{ display:inline-block; margin:5px 10px !important; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .kk_product_cate_list>div:hover .p_linkBox{ background-color:#4bab26 !important; border:1px solid #4bab26 !important; } .kk_product_cate_list .p_linkBox{ padding:8px 30px !important; border-radius:5px; border:1px solid #0e3092 !important; background-color:#0e3092 !important; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .kk_product_cate_list>div a{ color:#fff; display:block; font-size:16px !important; margin:0px !important; padding:0px !important; background-color:transparent !important; } .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox .p_linkBox:hover{ background: #277bd1; } @media only screen and (max-width:768px) {body #c_portalResProduct_category-1603245802684 .index_type .p_categoryBox ,body #c_portalResProduct_category-1603245941865 .index_type .p_categoryBox,body #c_portalResProduct_category-1603246741477 .index_type .p_categoryBox,body #c_portalResProduct_category-16037635525116548 .index_type .p_categoryBox{ width: 90%!important; } .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 { position: relative !important; width: 100% !important; }img.fullScreen { margin-left: -30px; } .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; } .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; border-radius: 2px; 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: 15px; 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%; } /*p_category*/ .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-radius: 2px; border-bottom: 1px solid #fff; 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: 15px; 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:769px) and (max-width: 1024px) { .c_portalResProduct_category-01001 { height: auto; width: 280px; overflow: visible; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; } /*p_category*/ .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; } .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: 15px; 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_childBox .p_parentBox { width: 100%; } .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_btn-hide { width: 10%; height: 100%; /*float: left;*/ display: none; } .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%; } /*p_category*/ .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-radius: 2px; 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 .iconfont:before { /*content: '\e669';*/ } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before { content: '\e6c9'; /*color: rgba(101, 190, 186, 1);*/ } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8'; /*color: rgba(101, 190, 186, 1);*/ } .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; } } @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%; } /*p_category*/ .c_portalResProduct_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResProduct_category-01001 .p_categoryBox { line-height: 24px; min-height: 46px; } .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; border-radius: 2px; 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: 15px; 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; z-index: 9; } .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; } /*p_category*/ .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; border-radius: 2px; 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); display: none; } .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'; /*color: rgba(101, 190, 186, 1);*/ } .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before { content: '\e6c8'; /*color: rgba(101, 190, 186, 1);*/ } .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%; /*float: left;*/ background-color: #7F7F7F; display: none; } .c_portalResProduct_category-01001 .p_parentBox { background: #fff; color: #000; } } .c_portalResProduct_category-01001 .p_parentBox { background: transparent; color: #000; margin: 0 8px 6px; } .k_cate>.js_categoryBox{ text-align:left; } .k_cate>.js_categoryBox>.p_parentBox{ display:inline-block; } .k_cate>.js_categoryBox>.p_parentBox .p_linkBox{ padding:0px !important; } .k_cate>.js_categoryBox>.p_parentBox>.p_linkBox>a{ display:block; height: 46px; line-height: 46px; background-color:transparent; padding: 0px 36px; border-bottom:1px solid transparent; margin-bottom: -1px; border: solid #dcdcdc 1px; border-radius: 5px; } .k_cate .p_linkBox a:hover{ border-color:#067dc8!important; color:#067dc8 !important; } .k_cate .p_linkBox.click a{ border-color:#067dc8!important; color:#fff !important; background:#067dc8 !important; } @media screen and (max-width:916px){ .k_cate>.js_categoryBox>.p_parentBox>.p_linkBox>a{ padding:0px 10px; } } @media screen and (max-width:768px){ .c_portalResBreadcrumb_nav-01001001{ display:none; } .k_cate>.js_categoryBox{ /* background-color:#067dc8!important; */ /* margin-left:-100%; */ /* margin-right:-100%; */ /* padding-left:100%; */ /* padding-right:100%; */ width: auto; display: table; margin: 0 auto; } .k_cate>.js_categoryBox>.p_parentBox{ width:25%; width: auto !important; } .k_cate>.js_categoryBox>.p_parentBox>.p_linkBox>a{ width:100%; text-align:center; /* border-left:1px solid transparent; */ /* color:#fff !important; */ } .k_cate>.js_categoryBox>.p_parentBox:first-child>.p_linkBox>a{ /* border-left-color:transparent; */ } } .k_page_title{ height:55px; line-height:55px; background-color:#067dc8; color:#fff; font-size:14px; padding:0px 25px; display:none; } @media screen and (min-width:769px){ .k_page_title{ display:inline-block; } .k_cate .js_categoryBox{ display:inline-block; display: table; margin: 0 auto; } } /* zr index product cate */ .k_ipc_wrapper{ max-width:750px; margin:20px auto; } .k_ipc_wrapper .k_ipc_item{ width:33.33333%; float:left; position:relative; } .k_ipc_pic{ position:relative; padding:4px; } .k_ipc_pic:after{ content:" "; width:2px; height:40px; background-color:#eaeaea; position:absolute; left:-1px; top:0px; } .k_ipc_wrapper .k_ipc_item:first-child .k_ipc_pic:after{ display:none; } .k_ipc_pic img{ max-width:100%; } .k_ipc_wrapper .k_ipc_item a{ display:block; text-align:center; } .k_ipc_wrapper .k_ipc_item a p{ font-size:16px; line-height:24px; color:#404040; padding: 25px 15%; } .k_ipc_wrapper .k_ipc_item a:hover p{ color:#067dc8; } /* end */ #index_type .p_categoryBox .p_parentBox{ width: 100%; background: none; border: none; max-width: 100%; padding: 0; margin: 0; } #index_type .p_linkBox{border-bottom: 1px solid #234f8c;padding: 10px 0 6px 20px;background: url(http://www.wiair.cn/img/index_type_li.jpg) no-repeat 90% 15px;} #index_type .p_categoryBox .p_title{text-align: left;color: #e5e7ed;font-size: 16px;} #index_type .p_categoryBox .p_title:hover{color:#ed0115;} @media only screen and (max-width:768px) { #index_type .btn{display:none;} #index_type .p_category{display:block;position: relative;left: 0;top: 0;} #index_type .p_category .p_btn-hide{display:none;} #index_type .p_categoryBox{padding: 0 !important;background: none;width: 100%;} #index_type .p_linkBox {padding: 15px 0 16px 20px;height: 66px;background: url(http://www.wiair.cn/img/index_type_li.jpg) no-repeat 90% 20px;} } .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_childBox .p_title{padding: 0 0 0 0px;font-size: 12px;} .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_parentBox:hover .p_childBox{ min-width: 100%; display: block !important; WIDTH: AUTO; } .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_childBox{padding-left: 0px;display: none;position: absolute;top: 41px;z-index: 999999999999999;box-shadow: 1px 1px 5px rgba(51, 51, 51, 0.15);margin-left: -1px;} .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_parentBox .p_parentBox:hover { border: none; } .c_portalResProduct_category-01001 .index_type .p_categoryBox{ margin: 0 auto; display: table; } .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_parentBox .p_parentBox{ margin: 0; border: none; } .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_parentBox { width: 100%; padding: 0; margin: 0 0; max-width: 100%; border-radius: 5px; background: #fff; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; /* overflow: visible; */ max-width: 150px; /*float: left;*/ margin: 5px; } .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_parentBox:hover { border-bottom: 1px solid #277bd1; border-right: 1px solid #277bd1; border-left: 1px solid #277bd1; border-top: 1px solid #277bd1; } .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_parentBox:hover{/* background:#277bd1; */} .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_linkBox{padding:0;border: none;} .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_linkBox:hover .p_title{color:#fff;} .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_title{ position:relative; line-height: 46px; text-align: left; padding: 0 0 0 0px; text-align: center; } .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_title:after{ content:""; position:absolute; left:30px; top: 24px; height:10px; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; opacity: 0; } .c_portalResProduct_category-01001 .index_type .p_parentBox:hover .p_title:after{border-top: 1px solid #fff;border-right: 1px solid #fff;} .c_portalResProduct_category-01001 .index_typex .p_categoryBox .p_parentBox { width: 100%; padding: 0; margin: 0 0; max-width: 100%; border-radius: 0; background: #fff; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; overflow: visible; } .c_portalResProduct_category-01001 .index_typex .p_categoryBox .p_parentBox:hover { border-bottom: 1px solid #277bd1; border-right: 1px solid #277bd1; border-left: 1px solid #277bd1;} .c_portalResProduct_category-01001 .index_typex .p_categoryBox .p_parentBox:hover{background:#277bd1;} .c_portalResProduct_category-01001 .index_typex .p_categoryBox .p_linkBox{padding:0;} .c_portalResProduct_category-01001 .index_typex .p_categoryBox .p_title{ position:relative; line-height: 42px; text-align: left; padding: 0 0 0 60px; } .c_portalResProduct_category-01001 .index_typex .p_categoryBox .p_title:after{ content:""; position:absolute; left:30px; top: 16px; height:10px; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .c_portalResProduct_category-01001 .index_typex .p_parentBox:hover .p_title:after{border-top: 1px solid #fff;border-right: 1px solid #fff;} #index_types .k_cate>.js_categoryBox>.p_parentBox>.p_linkBox>a{ border: 2px solid #fff; color: #fff; font-size: 14px; line-height: 42px; } @media screen and (max-width:768px){ .czx_pcate .p_btn-show{ display:none; } .czx_pcate .p_category{ position:static !important; z-index:5 !important; top:0px !important; left:0px !important; height:auto !important; } .czx_pcate .background_assist{ display:none !important; } #w_grid-1553838589434 .czx_pcate .p_category .p_categoryBox{ width:100% !important; position:relative !important; top:0px !important; left:0px !important; overflow: visible; } #w_grid-1553838589434 .czx_pcate .p_category .p_categoryBox>.p_parentBox{ float:none !important; width: 31%; margin: 0 3px 6px; display: inline-block; position:relative; border:1px solid #dcdcdc; } #w_grid-1553838589434 .czx_pcate .p_category .p_categoryBox>.p_parentBox .p_linkBox{ height: inherit; position:relative; } #w_grid-1553838589434 .czx_pcate .p_category .p_categoryBox>.p_parentBox .p_linkBox>a{ height: 38px; line-height: 38px; font-size:15px; } .czx_pcate .p_categoryBtn{ line-height:38px; position: absolute; top: 50%; right: -3px; transform: translateY(-50%); width:32px; } .czx_pcate .zx_no_sub{ display:none; } #w_grid-1553838589434 .czx_pcate .p_categoryBox .p_parentBox .p_childBox.hide{ display:none !important; } .czx_pcate .p_categoryBox .p_childBox{ z-index:99 !important; } .czx_pcate .p_categoryBox .p_linkBox:hover .js_clickbtn:before, .czx_pcate .p_categoryBox .p_linkBox.click .js_clickbtn:before{ color:#fff; } #w_grid-1553838589434 .c_portalResProduct_category-01001 .index_type .p_categoryBox .p_childBox .p_title{ font-size:12px !important; } .czx_pcate{ margin-left:-10px !important; margin-right:-10px !important; } .p_categoryBox .p_childBox .p_linkBox.click a{ color:#666; } }/*面包屑导航*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList { display: block; } @media only screen and (max-width: 768px){/*小屏*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; }/*面包屑导航*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #277bd1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{ /* border: 1px solid #e0f2f1;*/ } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 0px solid #277bd1; border-bottom: 0px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; }/*普通短链接*/ .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } /*无效果/分组*/ .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #277bd1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #277bd1; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; }/*重要文字*/ .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; }/*面包屑导航*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #277bd1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #277bd1; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; }/*无效果/分组*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #277bd1; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #277bd1; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (min-width: 769px){/*大屏*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; }/*面包屑导航*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #666; border: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid transparent; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; }/*普通短链接*/ .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } /*无效果/分组*/ .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #277bd1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #277bd1; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; }/*重要文字*/ .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; }/*面包屑导航*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #277bd1; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; }/*无效果/分组*/ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; text-align: left; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #277bd1; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #277bd1; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ }.fa_CateImg { -webkit-mask-box-image-source: none!important; } .yp_logo{ background: url(../image/bb5.png) no-repeat center center; height: 260px; width: 260px; margin: 0 auto; position: absolute; left: 50%; top: 44%; margin: 0 auto 0 -130px; } .yuanpan{ position: absolute; left: 50%; top: 260px; /* background: #f00; */ height: 360px; width: 1000px; margin: 0 auto 0 -500px; } .yp_body{ width: 100%; height: auto; position: relative; } .yp_big{ width: 581px; height: 581px; margin: 0px auto 0 auto; background: url(../image/pan_big.png) no-repeat center center; /*animation: rotate1 15s linear infinite;*/ animation: lh2 30s infinite linear; -webkit-animation:lh2 30s infinite linear; -moz-animation:lh2 30s infinite linear; -ms-animation:lh2 30s infinite linear; -o-animation:lh2 30s infinite linear; } .yp_small{ width: 451px; height: 451px; margin: -514px auto 0 auto; background: url(../image/pan_small.png) no-repeat center center; animation: lhl 30s infinite linear; -webkit-animation:lhl 30s infinite linear; -moz-animation:lhl 30s infinite linear; -ms-animation:lhl 30s infinite linear; -o-animation:lhl 30s infinite linear; } .yp_body .pro.pro2{background: rgba(8,140,254,1);} .yp_body>.pro.pro2:before{background: rgba(8,140,254,0.5);} .yp_body>.pro.pro2:after{background: rgba(8,140,254,0.2);} .yp_body .pro.pro3{background: rgba(6,195,97,1);} .yp_body>.pro.pro3:before{background: rgba(6,195,97,0.5);} .yp_body>.pro.pro3:after{background: rgba(6,195,97,0.2);} .yp_body .pro.pro4{background: rgba(107,48,254,1);} .yp_body>.pro.pro4:before{background: rgba(07,48,254,0.5);} .yp_body>.pro.pro4:after{background: rgba(07,48,254,0.2);} .yp_body .pro.pro5{background: rgba(252,63,8,1);} .yp_body>.pro.pro5:before{background: rgba(252,63,8,0.5);} .yp_body>.pro.pro5:after{background: rgba(252,63,8,0.2);} .yp_body .pro.pro6{background: rgb(220, 127, 22)} .yp_body>.pro.pro6:before{background: rgb(220, 127, 22,0.5)} .yp_body>.pro.pro6:after{background: rgb(220, 127, 22,0.2)} .yp_body>.pro:hover>img{transform: translate(-50%,-50%) scale(1.18);} .yp_body>.pro:before{content:"";width: 48px;height: 48px;background: rgba(246,156,18,0.5);position: absolute;border-radius: 50%;z-index: 9999;top: -8px;left: -8px;cursor:pointer;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;} .yp_body>.pro:after{content:"";width: 60px;height: 60px;background: rgba(246,156,18,0.2);position: absolute;border-radius: 50%;z-index: 9999;left: -14px;top: -14px;cursor:pointer; transition:all 0.9s;-webkit-transition:all 0.9s;-moz-transition:all 0.9s;-o-transition:all 0.9s;} .yp_body>div:hover:after{width: 70px;height: 70px;left: -20px;top: -20px;} .yp_body>.pro:hover:before{width: 52px;height: 52px;top: -10px;left: -10px;} body .yp_body .pro1{ margin: 0 0 0 276px; top: 69px; } body .yp_body .pro>a{ width: 100%; height: 100%; display: block; text-align: center !important; vertical-align: middle; /* display: table-cell; */ padding: 5px 0 0 0; z-index: 999999999; position: relative; } body .yp_body .pro2{ margin: 0 0 0 680px; top: 70px; } body .yp_body .pro3{ margin: 0 0 0 269px; top: 476px; } body .yp_body .pro4{ margin: 0 0 0 768px; top: 270px; } body .yp_body .pro5{ margin: 0 0 0 685px; top: 476px; z-index: 99999; } .yp_body>div.pro5 .normal{ top: -10px; position: absolute; text-align: right; left: 57px; z-index: 8; }body .yp_body .pro6 { margin: 0 0 0 196px; top: 270px; } .pro:hover .normal{opacity:0;} .yp_body>div:hover .hover{opacity:1;} .yp_body .pro:nth-child(even) *{text-align: left;} .yp_body .pro:nth-child(even) .normal{ right: -365px; } .yp_body .pro>img{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s; margin: 0 auto; opacity: 1; position: relative; z-index: 999999; top: 44%; left: 50%; transform: translate(-50%,-50%) scale(1.0); max-width: 50%; width: 60%; height: 60%; } .yp_body .pro{ width: 32px; height: 32px; position: absolute; z-index: 99999; top: 0; left: 0; vertical-align: middle; background: #f69c12; border-radius: 50%; } .yp_body>div .normal{ transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; position: absolute; width: 340px; line-height: 25px; height: auto; height: auto; top: -15px; right: 50px; padding: 12px; text-align: right; } .yp_body>div .hover{ transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; box-shadow: 2px 0px 6px 4px rgba(0, 0, 0, 0.05) !important; opacity: 0; position: absolute; width: 327px; height: auto; background: #fff; top: -97px; left: -372px; padding: 12px; }.yp_body>div .pic{ padding: 2px 0 10px 0; } .yp_body>div h2{ width: auto; font-size: 20px; color: #000; line-height: 28px; padding: 0px 0 6px 0; } .yp_body>div p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media only screen and (max-width: 769px){ #c_portalResPublic_codeContainer-15875384810623368 .yp_big { background-size: 75%;}#c_portalResPublic_codeContainer-15875384810623368 .yp_small { background-size: 76%; }#c_portalResPublic_codeContainer-15875384810623368 .yp_body .pro1 { margin: 0 0 0 358px; top: 94px!important; }#c_portalResPublic_codeContainer-15875384810623368 .yp_body .pro5 { top: 280px!important; margin: 0 0 0 263px; } #c_portalResPublic_codeContainer-15875384810623368 .yp_body .pro2 { margin: 0 0 0 625px; top: 94px; }#c_portalResPublic_codeContainer-15875384810623368 .yp_body .pro4 { margin: 0 0 0 626px; top: 449px; } #c_portalResPublic_codeContainer-15875384810623368 .yp_body .pro3 { margin: 0 0 0 353px; top: 447px; }#c_portalResPublic_codeContainer-15875384810623368 .yp_body .pro6 { margin: 0 0 0 695px!important; top: 280px!important; } body .glist{width: 100% !important;padding: 0;} body .glist .gd-count:before{opacity:0;} body .glist>.gd-count{font-size:32px;height: 40px;} body .glist .gd-count:after{top: 3px;font-size: 13px;} body .yuanpan{-webkit-transform: scale(0.62, 0.62);-ms-transform: scale(0.62, 0.62);transform: scale(0.62, 0.62);top: 100px;} .yp_body>div .normal{width:200px ; margin: 53px 0 0 0;} body .yp_body>div.pro1 .normal,body .yp_body>div.pro3 .normal{right: -76px;text-align: center;} body .main .yp_body>div.pro2 .normal, body .yp_body>div.pro4 .normal{right: -76px !important;text-align: center !important;} body .main .yp_body>div.pro2 .normal *, body .yp_body>div.pro4 .normal *{text-align:center;} body .yp_body>div .normal p{display:none;} body .yp_body>div.pro2 .hover,body .yp_body>div.pro4 .hover{top:-240px;left:-220px;} body .yp_body>div.pro2 .hover{top:20px;} body .yp_body>div.pro3 .hover{top:-240px;} .yp_body>div.pro5 .normal { left: -75%; right: auto; width: 448%; text-align: center!important; } } .glist:nth-last-child(1) .gd-count:before{opacity:0;} .glist:nth-last-child(1){padding:0;width: 28%;} .glist{width: 36%;float: left;padding: 0 10% 20px 0;} .glist .gd-count:before{content:"";width: 1px;height: 52px;background: #cdd2d8;position: absolute;right: -12px;top: 6px;} .glist .gd-count:after{content:"";font-size: 16px;/* position: absolute; */top: -6px;/* margin-top: -40px; */font-weight: normal;position: absolute;} .glist .gd-count:after{content:"年";} .e_box .glist:nth-child(2) .gd-count:after{content:"项";} .e_box .glist:nth-child(3) .gd-count:after{content:"㎡";} .glist .gd-count{ position:relative; font-size: 58px; color: #3389e7; text-align: center; font-weight: bold; font-family: arial; line-height: 0.6em; margin: 0 auto 0 -36px; height: 60px; padding: 12px 0 0 0; } .glist .sub_info{text-align: center;font-size: 14px; color: #848484; margin: 0 auto 0 -36px;} .bottom_share img{width: 19px;height: 19px;margin: -1px 0px 0;} .bottom_share a{height: 32px;width: 32px;padding: 6px;display: block;margin: 0 12px 0 0;border-radius: 50%;float: left;position:relative;} .bottom_share a:hover{background:#03b529;} .bottom_share a:nth-child(2):hover{background:#dc4402;} .bottom_share a:nth-child(3):hover{background:#0083c9;} .bottom_share a:nth-child(4):hover{background:#0279c7;} .bottom_share a:nth-child(5):hover{background:#dc4d00;} .bottom_share img.weixin{width:120px;height: 120px;margin:10px auto 0 -50px;opacity:0;} .bottom_share a:hover img.weixin{opacity:1;} #c_portalResPublic_codeContainer-15873854390208234{width:1200px;height:120px; } .k_f_tel,.k_f_e,.k_f_a{ position:relative; padding-left:40px; margin-bottom:15px !important; line-height:30px !Important; color:#fff !Important; } .k_f_tel{ color:#fff !important; font-size:22px !important; font-weight:bold; } .k_f_e{ font-weight:bold; color:#fff !important; } .k_f_tel:before,.k_f_e:before,.k_f_a:before{ width:30px; height:30px; line-height:30px; font-size:25px; color:#999 !important; position:absolute; left:0px; font-family: 'iconfont' !important; } .k_f_tel:before{ content: '\e628'; } .k_f_e:before{ content: '\e676'; } .k_f_a:before{ content: '\e630'; } .k_copyright{ margin-top:30px; } @media only screen and (min-width: 769px){ #baidu_map{margin-top:10px!important;height:600px!important} } @media only screen and (max-width: 1600px) and (min-width: 1300px){ body .k_page_banner_container { width: 100%; height: 380px; display: table; } } #w_common_text-1557827406209{ width: 160% !important; background: #fff; position: relative; z-index: 2; } .k_pc_title{ text-align:center; margin:20px 0px 20px; } .k_title_right{ text-align:right; } .k_title_left{ text-align:left; } .k_pc_title h3{ font-size:18px; color:#333; font-weight:normal; margin-bottom:5px; position:relative; display:inline-block; padding:0px 100px; } .k_pc_title h3:before,.k_pc_title h3:after{ width:80px; height:1px; background-color:#000; content:" "; position:absolute; top:50%; } .k_pc_title h3:before{ left:0px; } .k_pc_title h3:after{ right:0px; } .k_pc_title span{ font-size:22px; color:#228bcb; text-transform: uppercase; font-weight:normal; margin-bottom:10px; display:block; } @media screen and (max-width:768px){ #w_common_text-1557827406209{ width: 100% !important; background: #fff; position: relative; z-index: auto; margin-bottom:25px !important; } .k_title_right{ text-align:center; } .k_title_left{ text-align:center; } .p_SwipPanelBox { display:none; } } .k_full_height{ display:table; text-align:center; width:100%; } .k_full_height>div{ display:table-cell; vertical-align:middle; text-align:center; height:50%; } .k_full_height img{ width:100%; } .k_index_bg{ position:relative; margin-top:95px } .k_index_bpic{ position:absolute; } .k_index_most_pic{ position:relative; } @keyframes lhl{0%{ transform:rotate(0deg); } 50%{ transform:rotate(180deg); } 100%{ transform:rotate(360deg); } } @keyframes lh2{0%{ transform:rotate(0deg); } 50%{ transform:rotate(-180deg); } 100%{ transform:rotate(-360deg); } } .k_index_bg_info{ position:absolute !important; width:100%; top:30%; } .k_index_more{ display:inline-block; font-size:14px; color:#228bcb; border:1px solid #fff; padding:10px 20px; border-radius:21px; margin-top:30px; } .k_index_more:hover{ color:#fff; border-color:#228bcb !important; background-color:#228bcb; } @media screen and (max-width:375px){ .k_index_about_info{ padding-top:10px !important; padding-bottom:25px !important; } .k_index_about_line{ margin-top:10px !important; margin-bottom:10px !important; } .k_index_more{ margin-top:10px; } .k_index_big_font{ font-size:28px !important; line-height:1.2em !important; } } /* page banner */ .k_page_banner{ width:100%; position:relative; } .k_page_banner_container{ width:100%; height:470px; display:table; } .k_page_banner_container>div>*{text-shadow: 0 0 0.2em rgba(0,0,0,0.1);} .k_page_banner_container>div{ vertical-align:middle; display:table-cell; padding-top: 3%; text-align:center; } .k_banner_en{ color:#fff; font-size:24px; position:relative;top:65px; line-height:1.3em; text-transform: uppercase; /* display:none; */ } .k_banner_en>span{ position:absolute; left:0px; } .k_banner_cn{ color:#fff; font-size:32px; top: -24px; line-height:1.8em; /* margin-top:10px; */ position:relative; } .k_banner_cn:after{ content:" "; width:150px; height:3px; background-color:#fff; display:none; margin-top:5px; } .k_banner_en,.k_banner_cn{ /* padding-left:75px; */ } @media screen and (max-width:620px){ .k_page_banner_container{ height:260px; }.k_banner_cn { font-size: 26px; top: -11px; }.k_banner_en { font-size: 17px; top: 57px; } } /* end */ .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ height:0px !important; } /* map info */ .k_map_info{ position:absolute; width:100%; bottom:30px; z-index:2; } .k_map_info_container{ max-width:640px; margin:0px auto; border-left:4px solid #228bcb; padding:35px 45px; background-color:#fff; } .k_map_info_container>div{ position:relative; color:#333333; padding-left:60px; margin-bottom:30px; } .k_map_info_container>div:last-child{ margin-bottom:0px; } .k_map_info_container>div>i{ position:absolute; font-size:24px; left:0px; top:1px; } .k_map_info_container>div p{ color:#333; font-size:18px; } .k_map_info_container>div p a{ color:#333; } @media screen and (max-width:768px){ #baidu_map{ height:350px !important; } .k_map_info{ position:static; margin-bottom:20px; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .k_map_info_container>div{ margin-bottom:15px; } .k_map_info_container{ padding:30px; } } /* end */ /* yx index title */ .k_yx_index_title{ position:relative; text-align:center; } .k_yx_index_title .k_en{ color:rgba(51,75,165,0.21); font-size:16px; text-transform: uppercase; position:absolute; z-index:0; width:100%; font-weight:bold; top:22px; display:none; } .k_yx_index_title .k_cn{ color:#228bcb; font-size:35px; font-weight:normal; position:relative; z-index:1; margin-bottom:18px; } .k_yx_index_title .k_title_des{ position:relative; padding:0px 0px; display:inline-block; font-size:16px; color:#8b8b8b; } .k_yx_index_title .k_title_des:before,.k_yx_index_title .k_title_des:after{ width:20px; height:1px; content:" "; display:block; position:absolute; top:50%; background-color:#000; display:none; } .k_yx_index_title .k_title_des:before{ left:0px; } .k_yx_index_title .k_title_des:after{ right:0px; } .k_yx_index_title.k_white .k_cn,.k_yx_index_title.k_white .k_title_des{ color:#fff; } .k_yx_index_title.k_white .k_en{ color:rgba(255,255,255,0.21); } .k_yx_index_title.k_white .k_title_des:before,.k_yx_index_title.k_white .k_title_des:after{ background-color:#fff; } .k_index_btn_link{ display:inline-block; border-radius:2px; border:1px solid #a4a4a4; color:#228bcb; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; font-size:16px; padding:8px 35px; } .k_index_btn_link:hover{ color:#fff; border-color:#228bcb; background-color:#228bcb; } /* index about */ .k_index_icon{ margin-bottom:30px; } .k_index_icon .k_index_icon_item{ float:left; width:33.3333%; padding-right:9%; } .k_index_icon_item a{ display:block; border:1px solid #ededed; text-align:center; padding:20px 5px; } .k_index_icon_item a .k_ia_pic{ width:50px; height:50px; background-repeat:no-repeat; background-size:100%; display:inline-block; } .k_index_icon_item a p{ font-size:16px; color:#b3b3b3; margin:5px 0px; } .k_index_icon_item a:hover{ border-color:#228bcb; background-color:#228bcb; } .k_index_icon_item a:hover p{ color:#fff; } .k_ia_gs .k_ia_pic{ background-image:url(../image/ab1.png); } .k_ia_cp .k_ia_pic{ background-image:url(../image/ab2.png); } .k_ia_lx .k_ia_pic{ background-image:url(../image/ab3.png); } a.k_ia_gs:hover .k_ia_pic{ background-image:url(../image/ab1_h.png); } a.k_ia_cp:hover .k_ia_pic{ background-image:url(../image/ab2_h.png); } a.k_ia_lx:hover .k_ia_pic{ background-image:url(../image/ab3_h.png); } @media screen and (max-width:768px){ .k_index_icon .k_index_icon_item{ padding-right:4%; } } /* end */ /* yx advantage */ .k_yx_adv{ margin-left:-22px; margin-right:-22px; } .k_yx_adv_item{ width:25%; float:left; text-align:center; padding:0px 22px; margin-bottom:20px; } .k_yx_adv_pic{ padding:30px; border-radius:50%; overflow:hidden; display:inline-block; background-color:#fff; } .k_adv_pic{ width:57px; height:57px; background-size:100%; } .k_yx_adv_item h5{ color:#fff; font-size:24px; margin:25px 0px 18px; } .k_yx_adv_item p{ color:#fff; font-size:14px; line-height:1.8em; } .k_adv_1 .k_adv_pic{ background-image:url(../image/av1.png); } .k_adv_2 .k_adv_pic{ background-image:url(../image/av2.png); } .k_adv_3 .k_adv_pic{ background-image:url(http://www.wiair.cn/img/av3.png); } .k_adv_4 .k_adv_pic{ background-image:url(http://www.wiair.cn/img/av4.png); } .k_yx_adv_item:hover .k_yx_adv_pic{ background-color:#228bcb; } .k_yx_adv_item.k_adv_1:hover .k_adv_pic{ background-image:url(../image/av1_h.png); } .k_yx_adv_item.k_adv_2:hover .k_adv_pic{ background-image:url(../image/av2_h.png); } .k_yx_adv_item.k_adv_3:hover .k_adv_pic{ background-image:url(../image/av3_h.png); } .k_yx_adv_item.k_adv_4:hover .k_adv_pic{ background-image:url(../image/av4_h.png); } @media screen and (max-width:768px){ .k_yx_adv_item{ width:100%; } } /* end */ /* zr about */ .k_index_about{ margin-left:-5px; margin-right:-5px; } .k_index_about div[class^="k_col_"]{ margin:0px !important; padding:5px !important; } .k_about_table{ display:table; height:248px; width:100%; border:2px solid #fff; background-color:#fff; padding:10px; } .k_about_table>div{ display:table-cell; text-align:center; vertical-align:middle; } .k_about_table img{ max-width:100%; } .k_about_table p{ line-height:24px; } .k_about_style_1 p{ margin-top:30px; font-size:18px; } .k_about_style_2 p{ font-size:14px; line-height:28px; } @media screen and (min-width:769px){ .k_about_table_info{ padding-left:40px; } } /* end */ /* ld footer */ .k_ld_footer{ background-color:#212830; } .k_ld_footer_wrapper{ margin:0px auto; padding:18px 20px; max-width:1640px; } .k_ld_footer_col{ float:left; width:50%; } .k_ld_footer_col p,.k_ld_footer_col a{ color:#fff !important; font-size:14px; line-height:24px; } .k_ld_footer_col a:hover{ color:#eee !important; } @media screen and (max-width:768px){ .k_ld_footer_col{ width:100%; } .k_ld_footer_col p{ text-align:center !important; } } /* end */ /* ld index wrapper */ .k_ld_index{ position:relative; width:100%; margin-top:0px; } .k_ld_index_wrapper{ width:100%; height:100%; position:relative; } .k_ld_index_middle{ left:0px; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); position:absolute; } /* end */ @keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } @-moz-keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } @-webkit-keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } @-o-keyframes lhl { 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } /* dl index page one */ .k_ld_index_page_one{ position:relative; width:654px; height:654px; margin:0px auto; padding:55px; } .k_ld_index_page_one img{ max-width:100%; } .k_ld_index_page_one_bg{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:1; } .k_ld_index_page_one_bg img{ animation:lhl 30s infinite linear; -webkit-animation:lhl 30s infinite linear; -moz-animation:lhl 30s infinite linear; -ms-animation:lhl 30s infinite linear; -o-animation:lhl 30s infinite linear; } .k_ld_index_page_one_content{ position:relative; z-index:2; background-image:url(http://www.wiair.cn/img/circle222.png); background-size:cover; display:table; width:100%; height:100%; vertical-align:middle; text-align:center; } .k_ld_index_page_one_content>div{ display:table-cell; vertical-align:middle; text-align:center; } .k_ld_index_page_one_text{ color:#fff; } .k_ld_index_page_one_text p{ font-size:22px; line-height:42px; margin-bottom:15px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ font-size:32px; margin-top:20px; } .k_dl_i_btn{ display:inline-block; font-size:14px; border:1px solid #fff; color:#fff; line-height:24px; padding: 8px 35px; border-radius: 50px; margin:10px 0px; } .k_dl_i_btn:hover{ background-color:#6cc500 !important; color:#fff !important; border-color:#6cc500 !important; } @media screen and (max-width:1366px){ body .glist .gd-count{font-size: 46px;} body .glist .sub_info{ font-size: 13px; line-height: 45px; } .k_ld_index_page_one{ height:554px; width:554px; } .k_ld_index_page_one_text p{ margin-bottom:8px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ font-size:26px; } } @media screen and (max-width:660px){ .k_ld_index_page_one{ height:400px; width:400px; padding: 25px; } .k_ld_index_page_one_text p{ margin-bottom:8px; font-size:16px; line-height:24px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ font-size:18px; } } @media screen and (max-width:456px){ .k_ld_index_page_one{ height:320px; width:320px; padding: 15px; } .k_ld_index_page_one_text p.k_ld_index_page_one_title{ margin-top:8px; } .k_ld_index_page_one_logo img{ max-width:50%; } } /* end*/ /* dl index page two */ .k_ld_index_title{ text-align:center; } .k_ld_index_title_cn{ font-size:36px; color:#fff; font-weight:bold; line-height:56px; } .k_ld_index_title_en{ color:#fff; font-size:20px; text-transform: uppercase; line-height:36px; } .k_ld_index_title_line{ width:40px; height:3px; margin:12px auto; background-color:#fff; } .k_ld_index_title_two .k_ld_index_title_cn{ font-size: 24px; line-height:36px; } .k_ld_index_title_two .k_ld_index_title_en{ font-size: 30px; font-weight:bold; } @media screen and (max-width:620px){ .k_ld_index_title_cn,.k_ld_index_title_two .k_ld_index_title_cn{ font-size:24px; line-height:36px; } .k_ld_index_title_en,.k_ld_index_title_two .k_ld_index_title_en{ font-size:16px; line-height:24px; font-weight:normal; } } .k_ld_index_page_two{ position:relative; width:100%; } .k_ld_index_paget_title_wrapper{ position:absolute; left:0px; right:0px; z-index:3; top: 20%; } .k_ld_index_paget_btn_wrapper{ text-align:center; position:absolute; left:0px; right:0px; z-index:3; bottom:14%; } .k_ld_index_paget_content_wrapper{ position:relative; z-index:2; } .k_ld_index_p_wrapper{ border-right:1px solid rgba(255,255,255,0.15); background-color:rgba(0,103,168,0); } .k_ld_index_p_table{ width:100%; height:100%; display:table; vertical-align:middle; text-align:center; } .k_ld_index_p_table>div{ display:table-cell; vertical-align:middle; text-align:center; } .k_ld_index_info{ font-size: 14px; color: #fff; padding: 60px 4% 40px 4%; } .k_ld_index_p_pic{ margin-bottom:12px; } .k_ld_index_p_pic_wrapper{ display:inline-block; width: 116px; height: 116px; backgroud-size:auto; background-position:center; background-repeat:no-repeat; border:2px solid #fff; border-radius:50%; background-color:rgba(255,255,255,0); background-size: 52% 52%; } .k_ld_index_p_content h4{ color:#fff; font-size:23px; line-height:36px; } .k_ld_index_p_content p:after{content:"";width:36px;height:2px;background:#fff;position:absolute;left:50%;bottom: -15px;margin:0 auto 0 -18px;} .k_ld_index_p_content p{position:relative; color:#fff; font-size:12px; text-transform: uppercase; line-height:18px; } .k_ld_index_more .k_dl_i_btn{ font-size:12px; padding: 2px 18px; margin-top:20px; background-color:rgba(255,255,255,1); color:#0061ae; } .k_ld_index_more .k_dl_i_btn:hover{ color:#fff !important; background-color:rgba(255,255,255,0) !important; border-color:#fff !important; } .k_ld_swiper_nav{ text-align:center; margin:15px auto; } .k_ld_swiper_nav>span{ display:inline-block; margin: 0px 5px; width:16px; width: 8px; height: 8px; border-radius: 50%; background-color:#fff; } .k_ld_swiper_nav>span:hover, .k_ld_swiper_nav>span.swiper-pagination-bullet-active{ background-color:#6cc500; } #k_ld_p_swiper .k_ld_swiper_nav{ position:absolute; left:0px; right:0px; bottom:22%; z-index:3; display:none; } .k_ld_index_p_wrapper:hover{ background-color:rgba(0,103,168,0.78); } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper{ /* background-color:rgba(255,255,255,1) */ } body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k1{background-image:url(../image/type01.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k2{background-image:url(../image/type02.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k3{background-image:url(../image/type03.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k4{background-image:url(../image/type04.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k5{background-image:url(../image/type05.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k6{background-image:url(../image/type01.png);} body .pagebox .swiper-wrapper .swiper-slide .k_ld_index_p_pic_wrapper.k7{background-image:url(../image/type02.png);} /* .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper.k1{ background-image:url(/img/ip1_h.png) !important; } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper.k2{ background-image:url(/img/ip2_h.png) !important; } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper.k3{ background-image:url(/img/ip3_h.png) !important; } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper.k4{ background-image:url(/img/ip4_h.png) !important; } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper.k5{ background-image:url(/img/ip5_h.png) !important; } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper.k6{ background-image:url(/img/ip6_h.png) !important; } .k_ld_index_p_wrapper:hover .k_ld_index_p_pic_wrapper.k7{ background-image:url(/img/ip7_h.png) !important; } */ .k_ld_index_p_wrapper:hover .k_ld_index_more .k_dl_i_btn{ color:#fff; background-color:rgba(255,255,255,0); } @media screen and (max-width:1100px){ #k_ld_p_swiper .k_ld_swiper_nav{ display:block; bottom: 18%; } } /* end */ /* ld index about */ .k_ld_index_page_six{ position:relative; width:100%; } .k_ld_index_about{ max-width:1140px; padding-left:20px; padding-right:20px; margin:0px auto; } .k_ld_index_about_text{ margin: 40px auto 80px; } .k_ld_index_about_link{ text-align:center; } .k_ld_index_about_link_item { display:inline-block; margin: 0px 30px; } .k_ld_index_about_link_item img{ max-width:100%; } @media screen and (max-width:768px){ .k_ld_index_p_table>div{ /* padding: 160px 0 0 0; */ } .k_ld_index_p_pic{padding: 156px 0 0 0;} .k_ld_index_info{ padding: 30px 4% 10px 4%; height: 90px; } .k_ld_index_paget_btn_wrapper{bottom: 1.6%;} .k_ld_index_paget_title_wrapper{padding:32px 0 0 0;} .k_ld_index_about_text{ margin:20px auto 20px; } .k_ld_index_about_link_item { display:inline-block; margin: 0px 0px; width:80px; } } @media screen and (max-width:620px){ .k_ld_index_about .k_ld_index_title_two .k_ld_index_title_cn{ font-size:14px; font-weight:normal; line-height:24px; } .k_ld_index_about .k_ld_index_title_two .k_ld_index_about_title{ font-size: 24px; font-weight: bold; } .k_ld_index_about_text p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } } /* end */ .yp_body .pro:nth-child(even) .hover{ top: -90px; left: 100px; }#c_portalResProduct_detail-15829859012724561 .row{ margin:0; display: none; } #c_portalResProduct_detail-15829859012724561 .col-md-8{ padding:0; } #c_portalResProduct_detail-15829859012724561 .col-md-4{ padding:0; width: 800px; margin: 0 auto; float: none; } #c_portalResProduct_detail-15829859012724561 .productDetail{ padding:50px 20px; } #c_portalResProduct_detail-15829859012724561 .proDetailTitle{ margin-bottom:10px; color:#414141; font-weight: 600; font-size: 20px; text-align: center; } #c_portalResProduct_detail-15829859012724561 .coverImg{ position:relative; width:100%; height:0; padding-bottom:50%; overflow:hidden; } #c_portalResProduct_detail-15829859012724561 .proImg{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; } #c_portalResProduct_detail-15829859012724561 .summary{ margin:10px 0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; width:100%; line-height:1.8; font-size:1rem; color:#414141; margin-bottom:1rem; } #c_portalResProduct_detail-15829859012724561 .left{ padding-right:15px; } #c_portalResProduct_detail-15829859012724561 .right{ padding-left:15px; } #c_portalResProduct_detail-15829859012724561 .attrSet{ background-color:#f5f5f5; padding:1rem; margin-top:1rem; border:1px solid #dddede; } #c_portalResProduct_detail-15829859012724561 .attrInfo{ margin:10px 0; } #c_portalResProduct_detail-15829859012724561 .content{ /* padding:3rem 2rem; */ margin-top:2rem; overflow:hidden; /* background-color:#f5f5f5; */ } #c_portalResProduct_detail-15829859012724561 .leftc{ padding:10px; background:#fff; display: none; } #c_portalResProduct_detail-15829859012724561 .ms{ background-color:#FF3300; color:#fff; font-size:1rem; text-transform:uppercase; padding:10px; margin:0; font-weight:600; } #c_portalResProduct_detail-15829859012724561 .description span{ font-size:0.875rem; line-height:1.8; color:#414141; margin-bottom:1rem; } #c_portalResProduct_detail-15829859012724561 .description p{ padding:20px; font-size:0.875rem; line-height:1.8; color:#414141; margin-bottom:1rem; background:transparent!important; } #c_portalResProduct_detail-15829859012724561 .photo{ color:#414141; text-transform:uppercase; margin:0 0 .75rem; font-size:16px; line-height:16px; font-weight:600; padding:0; display: none; } #c_portalResProduct_detail-15829859012724561 .wyz-big{ padding-bottom:50px; } #c_portalResProduct_detail-15829859012724561 .swiper-container{ height:100%; } #c_portalResProduct_detail-15829859012724561 .swiper-wrapper{ height:100%; } #c_portalResProduct_detail-15829859012724561 .list-pic{ overflow:hidden; } #c_portalResProduct_detail-15829859012724561 .g1{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; } #c_portalResProduct_detail-15829859012724561 .swiper-btn{ position:absolute; top:35%; width:24px; height:40px; font-size:1rem; opacity:1; color:#fff; background-color:rgba(0, 0, 0, .5); z-index:9999; cutsor:pointer; } #c_portalResProduct_detail-15829859012724561 .next1{ right:0; } #c_portalResProduct_detail-15829859012724561 .next1 .iconfont{ display:flex; transform:rotateZ(-90deg); justify-content:center; align-items:center; } #c_portalResProduct_detail-15829859012724561 .prev1 .iconfont{ display:flex; justify-content:center; align-items:center; transform:rotateZ(90deg); } #c_portalResProduct_detail-15829859012724561 .pagaition{ position:absolute; bottom:20px; left:0; right:0; text-align:center; } #c_portalResProduct_detail-15829859012724561 .pagaition span{ display:inline-block; background-color:#d3d7d9; border-radius:50%; margin:0 5px; width:12px; height:12px; border:1px solid #d3d7d9; } #c_portalResProduct_detail-15829859012724561 span.swiper-pagination-bullet-active{ background-color:#ff3300; border:1px solid #ff3300; margin:0 5px; } #c_portalResProduct_detail-15829859012724561 .video{ color:#414141; text-transform:uppercase; margin:0 0 .75rem; font-size:16px; line-height:16px; font-weight:600; padding:0; display: none; } #c_portalResProduct_detail-15829859012724561 .videoBox{ position:relative; height:250px; overflow:hidden; } #c_portalResProduct_detail-15829859012724561 .videoImg{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; } #c_portalResProduct_detail-15829859012724561 .swichBox{ display:flex; justify-content:space-between; padding:20px; font-size:0.875rem; display: none; } #c_portalResProduct_detail-15829859012724561 .prevGuid{ marign-right:5px; } #c_portalResProduct_detail-15829859012724561 .nextGuid{ margin-right:5px; } #c_portalResProduct_detail-15829859012724561 .mainPic{ height: 500px; margin: 0 auto; } #c_portalResProduct_detail-15829859012724561 .parametersBox{ margin:15px 0; } #c_portalResProduct_detail-15829859012724561 .specName{ padding:20px; font-size:0.875rem; line-height:1.8; color:#414141; margin-bottom:1rem; background:transparent!important; } #c_portalResProduct_detail-15829859012724561 .tabValue{ padding:20px; } #c_portalResProduct_detail-15829859012724561 .tabValue p{ font-size:0.875rem; line-height:1.8; color:#414141; margin-bottom:1rem; background:transparent!important; } @media only screen and (max-width: 992px){ .swiper-container { border-right: #e6e6e6 1px solid; }.iconBox { display: none!important; }body #c_portalResProduct_detail-1603247377515 td { border: #000 0px solid; width: 100%; display: block; }body #c_portalResProduct_detail-1603247377515 h2 a { color: #fff; width: 100%; display: block; text-align: center; margin-bottom: 20px; margin-top: -10px; } body #c_portalResProduct_detail-15905692430700917 .e_box.d_customBoxA.TabCont table,body #c_portalResProduct_detail-1603245941870 .e_box.d_customBoxA.TabCont table{ width: 100%; } #c_portalResProduct_detail-15905692430700917 .e_HtmlEditor.d_description table tr ,body #c_portalResProduct_detail-1603245941870 .e_HtmlEditor.d_description table tr{ display: block; width: 100%; }#c_portalResProduct_detail-15905692430700917 .e_HtmlEditor.d_description table td ,body #c_portalResProduct_detail-1603245941870 .e_HtmlEditor.d_description table td{ border: none!important; padding: 0!important; width: 100%!important; display: block!important;font-size: 0px; padding-top: 0px !important; padding-bottom: 0px !important; }#c_portalResProduct_detail-15905692430700917 td img ,body #c_portalResProduct_detail-1603245941870 td img{ width: 100%!important; height: auto!important; margin: 0!important; margin-top: 15px!important; } body #c_portalResProduct_detail-15905692430700917 { width: 100%; } #c_portalResProduct_detail-15829859012724561 .productDetail{ padding:30px 0; } #c_portalResProduct_detail-15829859012724561 .proDetailTitle{ padding:0 20px; } #c_portalResProduct_detail-15829859012724561 .content { padding: 1.5rem 1rem; } #c_portalResProduct_detail-15829859012724561 .top { padding:0 20px; } #c_portalResProduct_detail-15829859012724561 .rightc { overflow: hidden; margin-top: 20px; } #c_portalResProduct_detail-15829859012724561 .right { padding-left:0; } } #c_portalResProduct_detail-15829859012724561 #layui-layer2{ border:10px solid #fff; } @media screen and (max-width: 768px){ .c_portalResProduct_detail-04001 { margin-left: auto; margin-right: auto; min-width: 250px; max-width: 100%; max-height: 100%; }.hid{display:none;} .c_portalResProduct_detail-04001 .dom_mo{ display: inline-block; } .c_portalResProduct_detail-04001 .p_TagBox{ text-align: right; } .c_portalResProduct_detail-04001 .p_tag{ display: inline-block; margin-right: 5px; } .c_portalResProduct_detail-04001 .p_tag:last-child{ margin: 0; } .c_portalResProduct_detail-04001 .p_products { padding-top: 10px; } .c_portalResProduct_detail-04001 .product { width: calc((100% - 0px)/10); margin-right: 2%; height: auto; display: inline-block; vertical-align: middle; cursor: pointer; } .c_portalResProduct_detail-04001 .p_Product.size { display: inline-block; margin-right: 2%; vertical-align: middle; height: 32px; border-radius: 3px; padding: 5px 10px; cursor: pointer; margin-bottom: 10px; border: 1px solid rgba(0, 0, 0, 0.15); } .c_portalResProduct_detail-04001 .p_Product.size:nth-of-type(1), .c_portalResProduct_detail-04001 .product:nth-of-type(1) { margin-left: 30px; } .c_portalResProduct_detail-04001 .p_Product.active { border: 1px solid red; } .c_portalResProduct_detail-04001 .p_Product .p_images { position: relative; width: 100%; height: 0; text-align: center; font-size: 0; overflow: hidden; margin: 0; padding: 0; } .c_portalResProduct_detail-04001 .d_tagA { display: inline-block; margin: 0; padding: 5px 10px; min-width: 59px; text-align: center; } .c_portalResProduct_detail-04001 .d_nameL { display: inline-block; margin: 0; padding: 0; vertical-align: middle; text-align: left; } .c_portalResProduct_detail-04001 .d_nameL .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_KeywordBox { width: auto; height: auto; white-space: nowrap; padding: 20px; } .c_portalResProduct_detail-04001 .d_SpecInfo { display: table; margin: 0; padding-left: 10px; width: 76%; height: 36px; text-align: left; } .c_portalResProduct_detail-04001 .d_SpecInfo .font { display: table-cell; white-space: nowrap; vertical-align: middle; height: inherit; } .c_portalResProduct_detail-04001 .d_SpecName { float: left; border-bottom: none; display: table; margin: 0; padding-right: 5px; height: 36px; width: 10%; text-align: right; padding-right: 30px; } .c_portalResProduct_detail-04001 .d_SpecName .font { display: table-cell; vertical-align: middle; white-space: nowrap; width: 100%; height: inherit; } .c_portalResProduct_detail-04001 .p_ProParametersBox { margin-top: 20px; border: none; } .c_portalResProduct_detail-04001 .d_SpecTitle { display: inline-table; margin: 0; height: 38px; width: 100%; padding: 5px; cursor: pointer; text-align: left; } .c_portalResProduct_detail-04001 .d_headTitle { display: inline-block; margin: 0; padding: 0; text-align: center; } .c_portalResProduct_detail-04001 .d_TextBox { margin: 0; width: 236px; height: 317px; padding: 0; } .c_portalResProduct_detail-04001 .d_ProInfoA { display: inline-table; float: left; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_ProInfoA .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_ProTitle { display: inline-table; margin: 0; padding: 0; text-align: right; padding-right: 10px; } .c_portalResProduct_detail-04001 .d_ProTitle .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_BaseInfo { display: inline-block; width: auto; height: auto; margin-bottom: 10px; padding: 0; overflow: hidden; width: 100%; } .c_portalResProduct_detail-04001 .d_BaseInfoBox { display: none; white-space: normal; width: 100%; padding: 10px 20px 20px 10px; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .d_SpecTab, .c_portalResProduct_detail-04001 .d_DecTab { float: left; width: auto; height: 45px; text-align: center; padding: 0 25px; padding:0px 10px; cursor: pointer; } .c_portalResProduct_detail-04001 .d_SpecTab:hover, .c_portalResProduct_detail-04001 .d_DecTab:hover { background: transparent; box-shadow: none; color: #277bd1; border-bottom: 2px solid #277bd1; font-size: 16px; } .c_portalResProduct_detail-04001 .p_show360 { position: static; margin-right: 10px; margin-bottom: 10px; float: left; width: auto; height: 28px; } .c_portalResProduct_detail-04001 .p_interaction { margin: 0; width: 236px; height: 317px; padding: 0; } .c_portalResProduct_detail-04001 .p_interaction button { margin-bottom: 10px; } .c_portalResProduct_detail-04001 .d_unitB { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_unitB .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameO { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameO .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_plus { float: left; width: 28px; height: 28px; font-weight: bold; text-align: center; vertical-align: middle; border-left: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c_portalResProduct_detail-04001 .d_plus:hover, .c_portalResProduct_detail-04001 .d_plus:active { box-shadow: none; border-left: none; } .c_portalResProduct_detail-04001 .d_plus .font { display: table-cell; vertical-align: middle; width: inherit; height: initial; user-select: none; padding-top: 5px; } .c_portalResProduct_detail-04001 .p_input { float: left; width: 40px; height: 28px; text-align: center; } .c_portalResProduct_detail-04001 .p_input input, .c_portalResProduct_detail-04001 .p_input .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-left: 7px; } .c_portalResProduct_detail-04001 .d_minus { float: left; width: 28px; height: 28px; text-align: center; vertical-align: middle; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .c_portalResProduct_detail-04001 .d_nameM { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameM .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_Service { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_Service .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameN { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameN .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_ServiceBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_unitA { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_unitA .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_MarketPrice { display: inline-block; margin: 0; padding: 0; } .c_portalResProduct_detail-04001 .d_MarketPrice .font { text-decoration: line-through; white-space: nowrap; } .c_portalResProduct_detail-04001 .d_nameH { display: inline-block; margin: 0; padding: 0; text-align: right; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameH .font { display: block; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .c_portalResProduct_detail-04001 .d_MarketPriceBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_unit { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_SalePrice { display: inline-table; margin: 0; padding: 0; color: rgba(204, 0, 0, 1); text-align: left; } .c_portalResProduct_detail-04001 .d_SalePriceBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_nameG { display: inline-block; vertical-align: middle; margin: 0; padding: 0; text-align: right; width: 70px; } .c_portalResProduct_detail-04001 .d_nameG .font { display: block; white-space: nowrap; text-align: right; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_SortName { display: inline-block; width: auto; height: auto; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_NumBox { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .p_view { display: inline-block; } .c_portalResProduct_detail-04001 .p_AssistNameB { display: inline-block; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .p_AssistNameB .font { vertical-align: middle; white-space: nowrap; width: inherit; } .c_portalResProduct_detail-04001 .p_assist { display: none; } .c_portalResProduct_detail-04001 .p_SwitchBtnC { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; color: rgba(0, 0, 0, 0.15); position: absolute; left: 2px; bottom: 0px; width: 28px; height: calc(100% - 20px); } .c_portalResProduct_detail-04001 .p_SwitchBtnC .iconfont::before { content: "\e687"; position: absolute; top: 50%; transform: translate(0, -50%); } .c_portalResProduct_detail-04001 .p_SwitchBtnD { position: absolute; right: 4px; bottom: 0px; width: 28px; height: calc(100% - 20px); cursor: pointer; font-size: 28px; color: rgba(0, 0, 0, 0.15); } .c_portalResProduct_detail-04001 .p_SwitchBtnD .iconfont::before { content: "\e6ae"; position: absolute; top: 50%; transform: translate(0, -50%); } .c_portalResProduct_detail-04001 .p_ProRelationImg { display: inline-block !important; background: #ccc; border: none; border-radius: 50%; margin-top: 24px; } .c_portalResProduct_detail-04001 .p_ProRelationImg.item_hide { display: none !important; } .c_portalResProduct_detail-04001 .p_ProRelationImg.active { border: none; width: 12px !important; height: 12px !important; } .c_portalResProduct_detail-04001 .p_ProRelationImg.widther { height: 0; padding-bottom: 11.22%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.widther .AtlasRelationImgBoxA { width: 100%; height: auto; text-align: center; vertical-align: middle; border-style: none; position: absolute; top: 50%; transform: translate(0, -50%); } .c_portalResProduct_detail-04001 .p_ProRelationImg.widther .AtlasRelationImgBoxA img { width: 100%; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; } .c_portalResProduct_detail-04001 .p_ProRelationImg.higher { height: 0; padding-bottom: 11.22%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.higher .AtlasRelationImgBoxA { height: 100%; width: auto; text-align: center; vertical-align: middle; border-style: none; position: absolute; left: 50%; transform: translate(-50%, 0); } .c_portalResProduct_detail-04001 .p_ProRelationImg.higher .AtlasRelationImgBoxA img { height: auto; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; } .c_portalResProduct_detail-04001 .p_ProRelationImg.smaller { height: 0; padding-bottom: 11.22%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.smaller .AtlasRelationImgBoxA { height: auto; width: auto; text-align: center; vertical-align: middle; border-style: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .c_portalResProduct_detail-04001 .p_ProRelationImg.smaller .AtlasRelationImgBoxA img { height: auto; width: auto; } .c_portalResProduct_detail-04001 .p_imageA .p_assist { width: 100%; height: auto; display: inline-block; padding-left: 36px; margin-top: 10px; } .c_portalResProduct_detail-04001 .p_ThumbnailBox { margin: 0; width: 236px; height: 317px; padding: 0; min-height: 100px; } #easy_zoom { display: none !important; } .c_portalResProduct_detail-04001 .d_ProductDetail { height: auto; width: 100%; display: flex; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-items: stretch; -moz-flex-flow: row wrap; -moz-align-items: stretch; display: -ms-flexbox; display: -ms-flex; -ms-flex-flow: row wrap; -ms-align-items: stretch; display: flex; flex-flow: row wrap; display: -webkit-box; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .c_portalResProduct_detail-04001 .p_imagesA { position: relative; } .c_portalResProduct_detail-04001 .p_ProInfo { float: left; padding-left: 70px; width: auto; height: auto; min-width: 200px; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; } .c_portalResProduct_detail-04001 .p_content { width: auto; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; } .c_portalResProduct_detail-04001 .d_ProName h1{ font-size: 18px; line-height: 30px; text-align: center; } .c_portalResProduct_detail-04001 .d_ProName { width: 100%; padding: 10px 0; } .c_portalResProduct_detail-04001 .d_nameC { display: inline-block; vertical-align: top; margin-right: 10px; text-align: right; width: 88px; } .c_portalResProduct_detail-04001 .p_PriceBox { background: #FFF1F0; width: auto; height: auto; padding: 0; min-height: 52px; margin: 18px 0; padding-top: 10px; } .c_portalResProduct_detail-04001 .p_PriceBox .p_ViewBox { display: none; } .c_portalResProduct_detail-04001 .d_num { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_numA { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_SalePriceBox { display: inline-block; width: auto; height: auto; vertical-align: middle; margin-right: 20px !important; } .c_portalResProduct_detail-04001 .d_MarketPriceBox { display: inline-block; width: auto; height: auto; vertical-align: middle; margin-right: 20px !important; } .c_portalResProduct_detail-04001 .d_unit { display: inline-block; vertical-align: middle; width: auto; margin-right: 30px; } .c_portalResProduct_detail-04001 .d_MarketPrice, .c_portalResProduct_detail-04001 .d_MarketPriceBox, .c_portalResProduct_detail-04001 .d_unitA { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_NumberBox { width: auto; height: 28px;display: none; vertical-align: middle; overflow: hidden; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .d_nameM { margin-right: 30px; vertical-align: top; float: left; margin-top: 3px; } .c_portalResProduct_detail-04001 .d_nameM .font { text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_portalResProduct_detail-04001 .d_nameO { width: 70px; display: inline-block; margin-right: 5px; vertical-align: middle; /* width: 100%; */ } .c_portalResProduct_detail-04001 .d_nameO .font { text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_portalResProduct_detail-04001 .p_interaction { width: auto; height: auto;display:none; } .c_portalResProduct_detail-04001 .d_nameD { width: 88px; display: inline-block; margin-right: 10px; vertical-align: top; } .c_portalResProduct_detail-04001 .d_nameD .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%; text-align: right; } .c_portalResProduct_detail-04001 .d_sort { vertical-align: middle; display: inline-block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; } .c_portalResProduct_detail-04001 .d_sort .font { white-space: normal; } .c_portalResProduct_detail-04001 .p_qrbuyUrlBox{ position: relative; display: inline-block; } .c_portalResProduct_detail-04001 .p_qrbuyText { margin-top: 5px; } .c_portalResProduct_detail-04001 .p_imagesB { position: absolute; top: 90px; display: none; width: auto; height: auto; z-index: 10000; left: 0px; } .c_portalResProduct_detail-04001 .p_qrbuyUrlBox:hover .p_qrbuyText, .c_portalResProduct_detail-04001 .p_qrbuyUrlBox:hover .p_imagesB { display: block !important; } .c_portalResProduct_detail-04001 .p_AddCart { position: relative; float: left; margin-right: 10px; margin-bottom: 10px; height: 28px; } .c_portalResProduct_detail-04001 .p_tipsBox{ position: absolute; padding: 10px 20px; text-align: center; border-radius: 10px; top: -50px; white-space: nowrap; left: 50%; transform: translate(-50%, 0); } .c_portalResProduct_detail-04001 .p_tipsBox .iconfont::before{ content: '\e6c9'; position: absolute; bottom: -9px; left: 50%; transform: translate(-50%, 0); } .c_portalResProduct_detail-04001 .p_dealer { position: static; float: left; margin-right: 10px; margin-bottom: 10px; height: 28px; } .c_portalResProduct_detail-04001 .p_dealer .iconfont { margin-right: 10px; } .c_portalResProduct_detail-04001 .p_handBooksBox{ position: relative; float: left; width: auto; margin-right: 10px; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .p_downHandbook{ display: block; width: 100%; height: 28px; color: rgba(255, 255, 255, 1); background-color: rgba(106, 186, 190, 1); text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; white-space: nowrap; } .c_portalResProduct_detail-04001 .d_DescriptionBoxA { clear: both; width: 100%; height: auto; overflow: visible; margin-top: 20px; } .c_portalResProduct_detail-04001 .d_TabTitleBox { width: auto; height: auto; overflow: visible; } .c_portalResProduct_detail-04001 .d_DecTab { float: left; width: auto; font-size: 16px; } .c_portalResProduct_detail-04001 .d_ProTitle { width: 100px; float: left; } .c_portalResProduct_detail-04001 .d_ProTitle .font { display: block; width: auto; overflow: hidden; text-overflow: ellipsis; } .c_portalResProduct_detail-04001 .d_ProInfoA { display: inline-block; float: left; } .c_portalResProduct_detail-04001 .d_ProInfoA .font { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_portalResProduct_detail-04001 .d_unitB { position: inherit; vertical-align: middle; margin-left: 10px; } .c_portalResProduct_detail-04001 .d_num .iconfont { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_DescriptionBigbox { width: auto; height: auto; clear: both; margin: 0; padding: 0; overflow: hidden; padding: 20px 0 10px 0; } .c_portalResProduct_detail-04001 .p_zoom { position: absolute; left: 20px; top: 20px; cursor: move; z-index: 999; } .c_portalResProduct_detail-04001 .d_TextBox { width: 100%; height: auto; border: none; padding-right: 20px; padding-left: 20px; margin-bottom: 20px; overflow: hidden; } .c_portalResProduct_detail-04001 .d_headTitle { float: left; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .d_text { display: inline; font-family: normal; word-break: break-all; } .c_portalResProduct_detail-04001 .p_ProSummary .font { display: inline-block; width: 70px; vertical-align: middle; text-align: right; margin-right: 10px; } .c_portalResProduct_detail-04001 .p_QRCode { display: none; } .c_portalResProduct_detail-04001 .d_tagA { padding: 0px; min-width: auto; margin-left: 10px; vertical-align: middle; cursor: default; border-radius: 3px; padding: 2px 5px; text-align: center; min-width: 50px; } .c_portalResProduct_detail-04001 .p_nextpage { width: auto; height: auto; width: 50%; } .c_portalResProduct_detail-04001 .p_nextpageA { float: right; width: 50%; height: auto; margin: 0; background-color: transparent; overflow: hidden; vertical-align: middle; text-align: right; } .c_portalResProduct_detail-04001 .p_nextName { display: inline-block; margin-right: 10px; padding: 0; vertical-align: middle; text-align: left; } .c_portalResProduct_detail-04001 .p_nextName .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .p_nextNameA { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .p_nextBox { width: auto; height: auto; margin: 0; padding: 20px; margin-top: 40px; overflow: hidden; } .c_portalResProduct_detail-04001 .p_nextpage { float: left; } .c_portalResProduct_detail-04001 .p_masker-wp { z-index: 99999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .c_portalResProduct_detail-04001 .masker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.55; z-index: 999; } .c_portalResProduct_detail-04001 #viewwindow { width: 100%; height: 100%; top: 0 !important; overflow: hidden; } .c_portalResProduct_detail-04001 #turntable { max-height: 100%; max-width: 100%; } .c_portalResProduct_detail-04001 .p_agreement { width: 800px; height: 800px; position: absolute; top: 50%; left: 50%; z-index: 999999; animation: scale 1s; animation-fill-mode: both; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border: 1px solid; background: #fff; } .c_portalResProduct_detail-04001 .animate { animation-name: animate; animation-duration: 0.8s; } @keyframes animate { 0% { transform: translate(-50%, -50%) scale(0); } 100% { transform: translate(-50%, -50%) scale(1); } } .c_portalResProduct_detail-04001 .p_Close { width: auto; position: absolute; cursor: pointer; top: 18px; right: 10px; z-index: 523; } .c_portalResProduct_detail-04001 .p_imagesA { width: 100%; } .c_portalResProduct_detail-04001 .p_imagesA .p_images { width: inherit !important; } .c_portalResProduct_detail-04001 .p_ThumbnailBox { position: absolute; right: 20px; bottom: 20px; height: auto !important; min-height: auto !important; border: none; padding: 0 30px; text-align: center; } .c_portalResProduct_detail-04001 .p_zoom, #easy_zoom { display: none !important; cursor: pointer !important; width: 0 !important; height: 0 !important; } .c_portalResProduct_detail-04001 .p_PriceBox .p_ViewBox { display: inline-block; } .c_portalResProduct_detail-04001 .p_ViewBox { margin-left: 50px; } .c_portalResProduct_detail-04001 .d_NumBox { width: 50%; } .c_portalResProduct_detail-04001 .p_Buy{ display: inline-block; } .c_portalResProduct_detail-04001 .p_interaction button { width: 170px; height: 42px; background: #277bd1; color: #fff; font-size: 18px; } .c_portalResProduct_detail-04001 .d_SpecName{ width: 20%; } .c_portalResProduct_detail-04001 .d_SpecInfo .font{ white-space: normal; } .c_portalResProduct_detail-04001 .p_nextBox { margin: 40px -8px 0 -8px; background: rgba(0, 0, 0, 0.02); padding: 0; } .c_portalResProduct_detail-04001 .p_nextName, .c_portalResProduct_detail-04001 .p_MinorLink, .c_portalResProduct_detail-04001 .p_nextNameA { width: 100%; text-align: center; margin: 0; } .c_portalResProduct_detail-04001 .p_MinorLink .font{ word-break: break-all; } .c_portalResProduct_detail-04001 .p_nextpage, .c_portalResProduct_detail-04001 .p_nextpageA { padding: 10px 0; } .c_portalResProduct_detail-04001 .p_nextpage { border-right: 1px solid rgba(0, 0, 0, 0.04); } .c_portalResProduct_detail-04001 .d_SalePriceBox, .c_portalResProduct_detail-04001 .d_MarketPriceBox, .c_portalResProduct_detail-04001 .p_ViewBox { margin: 0; } .c_portalResProduct_detail-04001 .d_nameG, .c_portalResProduct_detail-04001 .d_nameH { width: auto; } .c_portalResProduct_detail-04001 .d_unit{ margin: 0; } .c_portalResProduct_detail-04001 .p_ProParametersBox{ margin: 20px auto 0; } .c_portalResProduct_detail-04001 .p_SpecBox{ width: 100%; } .c_portalResProduct_detail-04001 .p_ProInfo, .c_portalResProduct_detail-04001 .d_DescriptionBoxA { padding: 0 8px; } .c_portalResProduct_detail-04001 .d_TabTitleBox{ display: flex; overflow: hidden; } .c_portalResProduct_detail-04001 .d_SpecTab{ float: none; padding: 0; display: inline-block; width: calc(100% / 4); /* display: none; */ width:auto; padding:0px 10px; } .c_portalResProduct_detail-04001 .d_SpecTab .font{ display: block; font-size: 16px; text-align: center; } .c_portalResProduct_detail-04001 .p_ThumbnailBox .active{ background: #277bd1;} .c_portalResProduct_detail-04001 .active{ background: #fff; font-size: 16px; color: #277bd1; border-bottom: 2px solid #277bd1; } .c_portalResProduct_detail-04001 .d_TextBox, .c_portalResProduct_detail-04001 .d_description { vertical-align: middle; } .c_portalResProduct_detail-04001 .p_shopCartBox { display: inline-block; position: relative; width: auto; margin-bottom: 10px; text-align: center; } .c_portalResProduct_detail-04001 .p_shopCart{ text-align: right; padding-right: 10px; } .c_portalResProduct_detail-04001 .p_shopCartNum{ position: absolute; top: 0; right: 0; display: inline-table; min-width: 20px; height: 20px; padding: 3px 5px; border-radius: 50%; } .c_portalResProduct_detail-04001 .p_shopCartNum .font{ display: table-cell; vertical-align: middle; } } @media only screen and (min-width: 769px){ .c_portalResProduct_detail-04001{ margin-left: auto; margin-right: auto; min-width: 250px; max-width: 100%; max-height: 100%; width: 100%; height: 100%; overflow: hidden; } .c_portalResProduct_detail-04001 .dom_mo{ display: none; } .panel { width: 280px; left: 70%; } #easy_zoom { width: 450px!important; height: 450px!important; border: 1px solid #eee; background: #fff; color: #333; position: absolute; top: 60px; left: 400px; overflow: hidden; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; box-shadow: 0 0 5px #777; /* vertical and horizontal alignment used for preloader text */ text-align: center; z-index: 999; } .c_portalResProduct_detail-04001 .p_shade { width: 100%; height: 100%; /* background-color: rgba(0, 0, 0, .6); */ } .c_portalResProduct_detail-04001 .p_products { width: auto; height: auto; overflow: hidden; white-space: normal; padding-top: 10px; clear: both; } .c_portalResProduct_detail-04001 .product { width: calc((100% - 0px)/10); margin-right: 2%; height: auto; display: inline-block; vertical-align: middle; cursor: pointer; } .c_portalResProduct_detail-04001 .p_Product.size { display: inline-block; margin-right: 2%; vertical-align: middle; height: 32px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; padding: 5px 10px; cursor: pointer; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .p_Product.size:nth-of-type(1), .c_portalResProduct_detail-04001 .product:nth-of-type(1) { margin-left: 30px; } .c_portalResProduct_detail-04001 .p_Product.active{ border: 1px solid red; } .c_portalResProduct_detail-04001 .p_Product .p_images { position: relative; width: 100%; height: 0; text-align: center; font-size: 0; overflow: hidden; margin: 0; padding: 0; } .c_portalResProduct_detail-04001 .p_PopupWindow { display: none; position: absolute; margin: 0; width: auto; height: auto; padding: 0; z-index: 999999; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c_portalResProduct_detail-04001 .p_PopupWindow iframe { width: 100%; height: 100%; } .c_portalResProduct_detail-04001 .p_success .promptbox { padding: 10px; } .c_portalResProduct_detail-04001 .p_success .promptbox .assistfont { display: none; } .c_portalResProduct_detail-04001 .p_nextpage { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_tagA { display: inline-block; margin: 0; padding: 5px 10px; min-width: 59px; text-align: center; border-radius: 3px; margin-right: 10px; } .c_portalResProduct_detail-04001 .d_tagA .font { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_tagA:hover { cursor: pointer; } .e_title.c_portalResProduct_detail-04001 .d_linkF { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .d_linkF { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_linkF:hover { text-decoration: underline; cursor: pointer; } .c_portalResProduct_detail-04001 .d_linkF:active { text-decoration: none; margin-top: 0; } .c_portalResProduct_detail-04001 .d_nameL { display: inline-block; margin: 0; padding: 0; vertical-align: middle; text-align: left; } .c_portalResProduct_detail-04001 .d_nameL .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_KeywordBox { width: auto; height: auto; white-space: nowrap; padding: 20px; } .c_portalResProduct_detail-04001 .d_comment { margin: 0; width: 236px; height: 317px; padding: 0; } .c_portalResProduct_detail-04001 .d_TextBoxBig { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_SpecInfo { display: table; margin: 0; padding-left: 10px; width: 76%; height: 36px; text-align: left; } .c_portalResProduct_detail-04001 .d_SpecInfo .font { display: table-cell; white-space: nowrap; vertical-align: middle; height: inherit; } .c_portalResProduct_detail-04001 .d_SpecName { float: left; border-bottom: none; display: table; margin: 0; padding-right: 5px; height: 36px; width: 10%; text-align: right; padding-right: 30px; } .c_portalResProduct_detail-04001 .d_SpecName .font { display: table-cell; vertical-align: middle; white-space: nowrap; width: 100%; height: inherit; } .c_portalResProduct_detail-04001 .d_SpecBoxContA { width: auto; height: auto; padding: 20px; margin-bottom: 20px; } .c_portalResProduct_detail-04001 .p_ProParametersBox{ border-bottom: none; margin: 20px; border: none; margin: 0; } .c_portalResProduct_detail-04001 .d_SpecTitle { display: inline-table; margin: 0; height: 38px; width: 100%; padding: 5px; cursor: pointer; text-align: left; } .c_portalResProduct_detail-04001 .d_SpecTitle .font { display: table-cell; white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_text { font-family: normal; word-break: break-all; } .c_portalResProduct_detail-04001 .d_headTitle { display: inline-block; margin: 0; padding: 0; text-align: center; } .c_portalResProduct_detail-04001 .d_headTitle .font { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_TextBox { margin: 0; width: 236px; height: 317px; padding: 0; } .c_portalResProduct_detail-04001 .d_ProInfoA { display: inline-table; float: left; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_ProInfoA .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_ProTitle { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_ProTitle .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_BaseInfo { display: inline-block; width: auto; height: auto; margin-bottom: 10px; padding: 0; overflow: hidden; width: 100%; display: block; } .c_portalResProduct_detail-04001 .d_BaseInfoBox { display: inline-block; white-space: normal; width: 100%; padding: 0px 0px 2px 0px; margin-bottom: 12px; background: none; } .c_portalResProduct_detail-04001 .d_DescriptionBoxB { margin: 0; width: 236px; height: 317px; padding: 0; } .c_portalResProduct_detail-04001 .d_SpecTab, .c_portalResProduct_detail-04001 .d_DecTab { float: left; width: auto; height: 45px; text-align: center; padding: 10px 50px 0 50px; cursor: pointer; } .c_portalResProduct_detail-04001 .d_DecTab:hover{ background: none; box-shadow: none; color: #277bd1; border-bottom: 2px solid #277bd1; } .c_portalResProduct_detail-04001 .d_TabTitleBox, .c_portalResProduct_detail-04001 .d_DescriptionBoxA { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .p_show360 { position: static; margin-right: 10px; margin-bottom: 10px; float: left; width: auto; height: 28px; } .c_portalResProduct_detail-04001 .p_downloadBox { width: auto; height: auto; display: inline-block; padding: 0 12px; } .c_portalResProduct_detail-04001 .p_Buy { height: 50px; text-align: center; padding: 0; position: inherit; } .c_portalResProduct_detail-04001 .p_interaction { margin: 0; width: 236px; height: 317px; padding: 0; } .c_portalResProduct_detail-04001 .p_interaction button{ margin-bottom: 10px; background: #277bd1; width: 116px; color: #fff; border: none; PADDING: 6PX; } .c_portalResProduct_detail-04001 .d_unitB { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_unitB .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_numA { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_numA .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameO { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameO .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_plus { float: left; width: 28px; height: 28px; font-weight: bold; text-align: center; vertical-align: middle; border-left: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c_portalResProduct_detail-04001 .d_plus:hover, .c_portalResProduct_detail-04001 .d_plus:active { box-shadow: none; border-left: none; } .c_portalResProduct_detail-04001 .d_plus .font { display: table-cell; vertical-align: middle; width: inherit; height: initial; user-select: none; padding-top: 5px; } .c_portalResProduct_detail-04001 .p_input { float: left; width: 40px; height: 28px; text-align: center; } .c_portalResProduct_detail-04001 .p_input:hover { cursor: text; } .c_portalResProduct_detail-04001 .p_input input, .c_portalResProduct_detail-04001 .p_input .InputText { display: inline-block; height: inherit; width: inherit; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-left: 7px; } .c_portalResProduct_detail-04001 .p_input input:hover, .c_portalResProduct_detail-04001 .p_input .InputText:hover { cursor: text; } .c_portalResProduct_detail-04001 .d_minus { float: left; width: 28px; height: 28px; text-align: center; vertical-align: middle; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .c_portalResProduct_detail-04001 .d_minus:hover, .c_portalResProduct_detail-04001 .d_minus:active { box-shadow: none; border-right: none; } .c_portalResProduct_detail-04001 .d_minus .font { display: table-cell; vertical-align: middle; width: inherit; height: initial; user-select: none; padding-top: 5px; } .c_portalResProduct_detail-04001 .d_nameM { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameM .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_Service { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_Service .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameN { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameN .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_ServiceBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_FontSpec { display: table; position: relative; min-width: 90px; height: 31px; text-align: center; padding-top: 0; padding-right: 12px; padding-left: 12px; white-space: nowrap; text-align: center; word-break: normal; } .c_portalResProduct_detail-04001 .d_FontSpec:hover { min-width: 90px; height: 31px; } .c_portalResProduct_detail-04001 .d_FontSpec .font { padding: 0 0 0 5px; display: table-cell; vertical-align: middle; bottom: 0; } .c_portalResProduct_detail-04001 .d_nameK { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameK .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_nameK .iconfont:before { content: ""; } .c_portalResProduct_detail-04001 .d_FontSpecBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_ImgSpec { display: table; position: relative; min-width: 90px; height: 31px; text-align: center; padding: 0 12px 0 12px; white-space: nowrap; text-align: center; word-break: normal; } .c_portalResProduct_detail-04001 .d_ImgSpec:hover { min-width: 90px; height: 31px; } .c_portalResProduct_detail-04001 .d_ImgSpec .font { padding: 0 0 0 5px; display: table-cell; vertical-align: middle; bottom: 0; } .c_portalResProduct_detail-04001 .d_ImgSpec .active:before { display: block; padding: 5px 3px 3px 5px; border-top-left-radius: 15px; position: absolute; right: 0; bottom: 0; z-index: 3; } .c_portalResProduct_detail-04001 .d_nameJ { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameJ .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_ImgSpecBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_ColorSpec { display: table; position: relative; min-width: 90px; height: 31px; color: rgba(0, 0, 0, 1); border-width: 2px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: rgba(255, 255, 255, 1); text-align: center; padding-top: 0; padding-right: 12px; padding-left: 12px; white-space: nowrap; text-align: center; word-break: normal; } .c_portalResProduct_detail-04001 .d_ColorSpec:hover { color: rgba(0, 0, 0, 1); min-width: 90px; height: 31px; border-width: 2px; border-style: solid; border-color: rgba(101, 190, 186, 1); background-color: rgba(255, 255, 255, 1); } .c_portalResProduct_detail-04001 .d_ColorSpec.active { border-width: 2px; border-color: rgba(101, 190, 186, 1); } .c_portalResProduct_detail-04001 .d_ColorSpec .font { padding: 0 0 0 5px; display: table-cell; vertical-align: middle; bottom: 0; } .c_portalResProduct_detail-04001 .d_ColorSpec .iconfont { display: inline; color: rgba(255, 255, 255, 1); } .c_portalResProduct_detail-04001 .d_ColorSpec:hover .iconfont { color: rgba(255, 255, 255, 1); } .c_portalResProduct_detail-04001 .d_ColorSpec:active .iconfont { color: rgba(255, 255, 255, 1); } .c_portalResProduct_detail-04001 .d_ColorSpec .iconfont:before { content: ""; } .c_portalResProduct_detail-04001 .d_ColorSpec .active:before { display: block; padding: 5px 3px 3px 5px; border-top-left-radius: 15px; content: "\e6c6"; position: absolute; right: 0; bottom: 0; z-index: 3; background: rgba(101, 190, 186, 1); } .c_portalResProduct_detail-04001 .d_nameI { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameI .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_ColorSpecBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_SpecBoxA { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; margin-top: 10px; } .c_portalResProduct_detail-04001 .d_unitA { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_unitA .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_MarketPrice { display: inline-block; margin: 0; padding: 0; } .c_portalResProduct_detail-04001 .d_MarketPrice .font { text-decoration: line-through; white-space: nowrap; } .c_portalResProduct_detail-04001 .d_nameH { display: inline-block; margin: 0; padding: 0; text-align: right; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameH .font { display: block; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .c_portalResProduct_detail-04001 .d_MarketPriceBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_unit { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_unit .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_SalePrice { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_SalePrice .font { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameG { margin: 0; padding: 0; text-align: right; width: 70px; display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameG .font { display: block; vertical-align: middle; white-space: nowrap; text-align: right; text-overflow: ellipsis; overflow: hidden; } .c_portalResProduct_detail-04001 .d_SalePriceBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_ArticleHline { width: 100%; height: 0px; } .c_portalResProduct_detail-04001 .d_Weight { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_Weight .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameF { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameF .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_WeightBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_size { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_size .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameE { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameE .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_SizeBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .e_title.c_portalResProduct_detail-04001 .d_sort { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .d_sort { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_sort:hover { text-decoration: underline; font-weight: bold; cursor: pointer; } .c_portalResProduct_detail-04001 .d_sort:active { text-decoration: none; margin-top: 0; } .e_title.c_portalResProduct_detail-04001 .d_linkA { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .d_linkA { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_linkA:hover { text-decoration: underline; cursor: pointer; } .c_portalResProduct_detail-04001 .d_linkA:active { text-decoration: none; margin-top: 0; } .c_portalResProduct_detail-04001 .d_nameD { display: inline-table; margin: 0; padding: 0; } .c_portalResProduct_detail-04001 .d_nameD .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_SortName { display: inline-block; width: auto; height: auto; vertical-align: middle; margin-left: 20px; width: 100%; padding: 12px 0 0 0; } .c_portalResProduct_detail-04001 .d_num { display: inline-table; margin: 0; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .d_num .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .d_NumBox { display: inline-block; width: auto; height: auto; vertical-align: middle; margin-right: 20px; } .c_portalResProduct_detail-04001 .d_VlineB { width: 100%; height: 0px; } .c_portalResProduct_detail-04001 .d_summary { text-align: left; vertical-align: top; word-break: break-all; } .c_portalResProduct_detail-04001 .d_nameB { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameB .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_ProSummary { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .d_Title { display: inline-block; margin: 0; padding: 0; text-align: center; } .c_portalResProduct_detail-04001 .d_Title .font { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameA { display: inline-table; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .d_nameA .font { white-space: nowrap; vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .d_ProName { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .e_title.c_portalResProduct_detail-04001 .p_share { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .p_share { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .p_share:hover { text-decoration: underline; font-weight: bold; cursor: pointer; } .c_portalResProduct_detail-04001 .p_share:active { text-decoration: none; margin-top: 0; } .e_title.c_portalResProduct_detail-04001 .d_linkD { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .d_linkD { white-space: nowrap; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_linkD:hover { text-decoration: underline; font-weight: bold; cursor: pointer; } .c_portalResProduct_detail-04001 .d_linkD:active { text-decoration: none; margin-top: 0; } .c_portalResProduct_detail-04001 .p_AssistNameD { display: inline-block; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .p_AssistNameD .font { vertical-align: middle; white-space: nowrap; width: inherit; } .c_portalResProduct_detail-04001 .p_ShareBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .e_title.c_portalResProduct_detail-04001 .p_commentA { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .p_commentA { white-space: nowrap; vertical-align: middle; } a>.e_title.c_portalResProduct_detail-04001 .p_commentA:hover { text-decoration: underline; font-weight: bold; cursor: pointer; } a>.e_title.c_portalResProduct_detail-04001 .p_commentA:active { text-decoration: none; margin-top: 0; } .e_title.c_portalResProduct_detail-04001 .d_linkC { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .d_linkC { white-space: nowrap; vertical-align: middle; } a>.e_title.c_portalResProduct_detail-04001 .d_linkC:hover { text-decoration: underline; cursor: pointer; } a>.e_title.c_portalResProduct_detail-04001 .d_linkC:active { text-decoration: none; margin-top: 0; } .c_portalResProduct_detail-04001 .p_AssistNameC { display: inline-block; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .p_AssistNameC .font { vertical-align: middle; white-space: nowrap; width: inherit; } .c_portalResProduct_detail-04001 .p_CommentBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .p_view { display: inline-block; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; } .c_portalResProduct_detail-04001 .p_view .font { vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .p_AssistNameB { display: inline-block; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .p_AssistNameB .font { vertical-align: middle; white-space: nowrap; width: inherit; } .c_portalResProduct_detail-04001 .p_ViewBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .p_favorite { display: inline-table; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; } .c_portalResProduct_detail-04001 .p_favorite .font { vertical-align: middle; display: table-cell; } .c_portalResProduct_detail-04001 .p_AssistNameA { display: inline-block; margin: 0; padding: 0; text-align: right; } .c_portalResProduct_detail-04001 .p_AssistNameA .font { vertical-align: middle; white-space: nowrap; width: inherit; } .c_portalResProduct_detail-04001 .p_FavoriteBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .c_portalResProduct_detail-04001 .p_SwitchBtnC { display: inline-block; vertical-align: middle; cursor: pointer; font-size: 28px; position: absolute; left: 2px; bottom: 0px; width: 28px; height: calc(100% - 20px); color: #e0e0e0; } .c_portalResProduct_detail-04001 .p_SwitchBtnC:hover { color: rgba(0, 0, 0, 0.45); } .c_portalResProduct_detail-04001 .p_SwitchBtnC:hover .iconfont { color: rgba(0,0,0,0.45); } .c_portalResProduct_detail-04001 .p_SwitchBtnC:active .iconfont { /* color: rgba(0,0,0,0.45); */ } .c_portalResProduct_detail-04001 .p_SwitchBtnC .font { height: 100%; color: #e0e0e0; } .c_portalResProduct_detail-04001 .p_SwitchBtnC .iconfont::before { content: "\e687"; position: absolute; top: 50%; transform: translate(0, -50%); /* color: #e0e0e0; */ } .c_portalResProduct_detail-04001 .p_SwitchBtnD { position: absolute; right: 4px; bottom: 0px; width: 28px; height: calc(100% - 20px); cursor: pointer; font-size: 28px; color: rgba(0, 0, 0, 0.15); } .c_portalResProduct_detail-04001 .p_SwitchBtnD:hover { color: rgba(0,0,0,0.45); } .c_portalResProduct_detail-04001 .p_SwitchBtnD:hover .iconfont { color: rgba(0,0,0,0.45); } .c_portalResProduct_detail-04001 .p_SwitchBtnD:active .iconfont { color: rgba(0,0,0,0.45); } .c_portalResProduct_detail-04001 .p_SwitchBtnD .font { height: 100%; } .c_portalResProduct_detail-04001 .p_SwitchBtnD .iconfont::before { content: "\e6ae"; position: absolute; top: 50%; transform: translate(0, -50%); } .c_portalResProduct_detail-04001 .p_ProRelationImg { position: relative; float: left; margin-right: 5px; border: 2px solid rgba(0,0,0,0); border-style: solid; cursor: pointer; overflow: hidden; } .c_portalResProduct_detail-04001 .p_ProRelationImg img { display: block; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .c_portalResProduct_detail-04001 .p_ProRelationImg:hover { border-color: #277bd1; } .c_portalResProduct_detail-04001 .p_ProRelationImg:hover .shape { border-bottom-color: rgba(105, 192, 188, 1) } .c_portalResProduct_detail-04001 .p_ProRelationImg.click img { border-color: rgba(105, 192, 188, 1); } .c_portalResProduct_detail-04001 .p_ProRelationImg.active { border-width: 2px; border-color: #277bd1; } .c_portalResProduct_detail-04001 .p_ThumbnailBox { margin: 0; width: 236px; height: 317px; padding: 0; min-height: 100px; } .c_portalResProduct_detail-04001 .p_easy_zoom { padding: 0; } .c_portalResProduct_detail-04001 .p_easy_zoom { border: 5px solid #eee; background: #fff; position: absolute; top: 60px; left: 400px; overflow: hidden; -moz-box-shadow: 0 0 10px #777; -webkit-box-shadow: 0 0 10px #777; box-shadow: 0 0 10px #777; text-align: center; z-index: 999; } .c_portalResProduct_detail-04001 #easy_zoom { padding: 0; } .c_portalResProduct_detail-04001 .p_zoom { border-width: 0; text-align: center; margin: 0; width: 145px !important; height: 151px !important; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; padding-top: 2px; background: rgba(254, 238, 167, .3); border: 1px solid rgba(212, 212, 212, .3); } .c_portalResProduct_detail-04001 .p_TagBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden; } .e_title.c_portalResProduct_detail-04001 .p_linkB { display: inline-block; padding: 0; text-align: left; } .e_title.c_portalResProduct_detail-04001 .p_linkB { white-space: nowrap; vertical-align: middle; } a>.e_title.c_portalResProduct_detail-04001 .p_linkB:hover { text-decoration: underline; font-weight: bold; cursor: pointer; } a>.e_title.c_portalResProduct_detail-04001 .p_linkB:active { text-decoration: none; margin-top: 0; } .c_portalResProduct_detail-04001 .p_ProductDetail { margin: 0; width: 880px; height: auto; padding: 0; } .c_portalResProduct_detail-04001 .d_ProductDetail { height: auto; width: 100%; display: flex; display: -webkit-flex; -webkit-flex-flow: row wrap; -webkit-align-items: stretch; -moz-flex-flow: row wrap; -moz-align-items: stretch; display: -ms-flexbox; display: -ms-flex; -ms-flex-flow: row wrap; -ms-align-items: stretch; display: flex; flex-flow: row wrap; display: -webkit-box; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .c_portalResProduct_detail-04001 .p_imagesA .c_p_dev_imgListMO {display:none;} .c_portalResProduct_detail-04001 .p_imagesA { position:relative; float: left; width: auto; height: auto; padding-bottom: 20px; margin: 0; padding: 0 0 25px 0; } .c_portalResProduct_detail-04001 .p_imagesA .c_p_dev_imgListPC{} .c_portalResProduct_detail-04001 .p_images { margin: 0; width: 450px!important; height: 450px!important; padding: 0; overflow: hidden; border: 1px solid #f1f1f1; } .c_portalResProduct_detail-04001 .p_image { width: 100%; height: 100%; } .c_portalResProduct_detail-04001 .p_ThumbnailBox { width: auto; height: auto; overflow: hidden; padding-top: 20px; padding-left: 33px; padding-right: 26px; position: relative; margin: -26% 0 0 108%; } .c_portalResProduct_detail-04001 .p_assist { width: 100%; height: auto; display: inline-block; padding-left: 36px; margin-top: 10px; display: none; } .c_portalResProduct_detail-04001 .p_FavoriteBox { width: auto; height: auto; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_detail-04001 .p_CommentBox { width: auto; height: auto; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_detail-04001 .p_ShareBox { width: auto; height: auto; display: inline-block; padding-right: 40px; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_detail-04001 .p_ViewBox { width: auto; height: auto; display: inline-block; vertical-align: middle; margin-right: 5px; } .c_portalResProduct_detail-04001 .p_AssistNameB { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .p_AssistNameB .iconfont { margin-right: 5px; } .c_portalResProduct_detail-04001 .p_AssistNameB .iconfont:before { content: "\e69e"; } .c_portalResProduct_detail-04001 .p_favorite { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .p_commentA { display: inline-block; vertical-align: middle; margin-top: 0; } .c_portalResProduct_detail-04001 .p_share { display: inline-block; vertical-align: middle; margin-top: 0; cursor: text; } .c_portalResProduct_detail-04001 .p_ProInfo { float: left; padding-left: 70px; width: auto; height: auto; min-width: 200px; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; } .c_portalResProduct_detail-04001 .p_content { width: auto; height: auto; margin: 0 0 16px 0; padding: 0 0 16px 0; } .c_portalResProduct_detail-04001 .d_ProName { width: auto; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; min-height: 34px; } .c_portalResProduct_detail-04001 .d_nameB { width: 70px; display: inline-block; margin-right: 5px; vertical-align: top; } .c_portalResProduct_detail-04001 .d_nameB .font { text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_portalResProduct_detail-04001 .d_ProSummary { width: auto; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px dashed #dddcdc; } .c_portalResProduct_detail-04001 .d_summary { display: inline-block; vertical-align: middle; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; white-space: normal; } .c_portalResProduct_detail-04001 .d_nameC { display: inline-block; vertical-align: top; width: 82px; text-align: left; } .c_portalResProduct_detail-04001 .d_SizeBox { width: auto; height: auto; vertical-align: middle; margin-bottom: 20px; } .c_portalResProduct_detail-04001 .d_WeightBox { width: auto; height: auto; vertical-align: middle; margin-bottom: 20px; } .c_portalResProduct_detail-04001 .d_ArticleHline { width: auto; height: auto; margin-top: 10px; margin-bottom: 10px; border-top-style: dashed; } .c_portalResProduct_detail-04001 .p_PriceBox { background: #FFF1F0; width: auto; height: auto; padding: 0; margin-bottom: 0px; min-height: 52px; margin: 18px 0; padding-top: 10px; /* display: none; */ } .c_portalResProduct_detail-04001 .p_PriceBox .p_ViewBox{ display: none; } .c_portalResProduct_detail-04001 .d_num, .c_portalResProduct_detail-04001 .d_numA, .c_portalResProduct_detail-04001 .d_Weight, .c_portalResProduct_detail-04001 .d_SalePrice, .c_portalResProduct_detail-04001 .d_MarketPrice, .c_portalResProduct_detail-04001 .d_MarketPriceBox, .c_portalResProduct_detail-04001 .d_unitA { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_SalePriceBox { display: inline-block; width: auto; height: auto; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_MarketPriceBox { width: auto; height: auto; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_unit { display: inline-block; vertical-align: middle; width: auto; margin-right: 30px; } .c_portalResProduct_detail-04001 .d_MOQ { display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_ColorSpecBox { width: auto; height: auto; overflow: hidden; vertical-align: middle; margin-bottom: 20px; } .c_portalResProduct_detail-04001 .d_nameI { float: left; width: 70px; display: inline-block; margin-right: 5px; vertical-align: top; margin-top: 5px; } .c_portalResProduct_detail-04001 .d_nameI .font { display: block; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .c_portalResProduct_detail-04001 .d_ColorSpec { float: left; vertical-align: middle; margin-right: 10px; margin-bottom: 5px; } .c_portalResProduct_detail-04001 .d_ImgSpecBox { width: auto; height: auto; overflow: hidden; vertical-align: middle; margin-bottom: 20px; } .c_portalResProduct_detail-04001 .d_Service { vertical-align: middle; display: inline-block; } .c_portalResProduct_detail-04001 .d_Service .iconfont { display: inline-block; } .c_portalResProduct_detail-04001 .d_nameN { width: 70px; display: inline-block; margin-right: 5px; vertical-align: top; } .c_portalResProduct_detail-04001 .d_nameN .font { display: block; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .c_portalResProduct_detail-04001 .d_nameJ { display: inline-block; float: left; width: 70px; margin-right: 5px; vertical-align: top; margin-top: 5px; } .c_portalResProduct_detail-04001 .d_nameJ .font { display: block; text-align: right; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .c_portalResProduct_detail-04001 .d_ImgSpec { float: left; vertical-align: middle; margin-right: 10px; } .c_portalResProduct_detail-04001 .d_FontSpecBox { width: auto; height: auto; overflow: hidden; vertical-align: middle; margin-bottom: 20px; } .c_portalResProduct_detail-04001 .d_nameK { display: inline-block; float: left; width: 70px; margin-right: 5px; vertical-align: top; margin-top: 5px; } .c_portalResProduct_detail-04001 .d_nameK .font { display: block; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_portalResProduct_detail-04001 .d_FontSpec { float: left; vertical-align: middle; margin-right: 10px; } .c_portalResProduct_detail-04001 .d_ServiceBox { width: auto; height: auto; display: inline-block; vertical-align: middle; margin-bottom: 20px; } .c_portalResProduct_detail-04001 .d_NumberBox { width: auto; height: 28px; vertical-align: middle; overflow: hidden; margin-bottom: 10px; display: none; } .c_portalResProduct_detail-04001 .d_nameM { margin-right: 30px; vertical-align: top; float: left; margin-top: 3px; } .c_portalResProduct_detail-04001 .d_nameM .font { text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_portalResProduct_detail-04001 .p_infoB { float: left; display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameO { display: inline-block; width: 70px; margin-right: 5px; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_nameO .font { text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_portalResProduct_detail-04001 .p_interaction { width: auto; height: auto; PADDING: 10px 0 0 110PX; } .c_portalResProduct_detail-04001 .d_nameA { width: 70px; margin-right: 5px; vertical-align: top; display: inline-block; } .c_portalResProduct_detail-04001 .d_nameA .font { text-align: right; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_portalResProduct_detail-04001 .d_VlineB { margin-top: 10px; margin-bottom: 10px; border-top-style: dashed; } .c_portalResProduct_detail-04001 .d_nameD { width: 82px; display: inline-block; margin-right: 0px; vertical-align: top; text-align: right; } .c_portalResProduct_detail-04001 .d_nameD .font { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; text-align: left; } .c_portalResProduct_detail-04001 .d_sort { vertical-align: middle; display: inline-block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; } .c_portalResProduct_detail-04001 .d_sort .font { white-space: normal; } .c_portalResProduct_detail-04001 .d_nameE { width: 70px; display: inline-block; margin-right: 5px; vertical-align: top; } .c_portalResProduct_detail-04001 .d_nameE .font { text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_portalResProduct_detail-04001 .d_nameF { width: 70px; display: inline-block; margin-right: 5px; vertical-align: top; } .c_portalResProduct_detail-04001 .d_nameF .font { text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; } .c_portalResProduct_detail-04001 .d_HlineA { margin-top: 10px; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .p_qrbuyUrlBox { position: relative; display: inline-block; } .c_portalResProduct_detail-04001 .p_qrbuyText { margin-top: 5px; } .c_portalResProduct_detail-04001 .p_qrbuyUrlBox:hover .p_imagesB { display: block; } .c_portalResProduct_detail-04001 .p_imagesB { display: none; position: absolute; top: 50px; width: auto; height: auto; z-index: 10000; left: 0px; } .c_portalResProduct_detail-04001 .p_Buy { position: static; float: left; margin-right: 10px; margin-bottom: 10px; height: 28px; } .c_portalResProduct_detail-04001 .p_AddCart { position: relative; float: left; margin-right: 10px; margin-bottom: 10px; height: 28px; } .c_portalResProduct_detail-04001 .p_tipsBox{ position: absolute; padding: 10px 20px; text-align: center; border-radius: 10px; top: -50px; white-space: nowrap; left: 50%; transform: translate(-50%, 0); } .c_portalResProduct_detail-04001 .p_tipsBox .iconfont::before{ content: '\e6c9'; position: absolute; bottom: -9px; left: 50%; transform: translate(-50%, 0); } .c_portalResProduct_detail-04001 .p_dealer { position: static; float: left; margin-right: 10px; margin-bottom: 10px; height: 28px; } .c_portalResProduct_detail-04001 .p_dealer .iconfont { margin-right: 10px; } .c_portalResProduct_detail-04001 .p_handBooksBox, .c_portalResProduct_detail-04001 .p_FAQBox { position: relative; float: left; width: auto; margin-right: 10px; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .p_downHandbook, .c_portalResProduct_detail-04001 .p_downFAQ { display: block; width: 100%; height: 28px; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; white-space: nowrap; } .c_portalResProduct_detail-04001 .p_downHandbook .iconfont::before, .c_portalResProduct_detail-04001 .p_downFAQ .iconfont::before { content: "\e6c9"; display: inline-block; margin-left: 10px; } .c_portalResProduct_detail-04001 .p_boxCont { position: absolute; left: 0; top: 28px; width: 100%; box-sizing: border-box; } .c_portalResProduct_detail-04001 .p_itemTitle { padding-left: 10px; height: 24px; cursor: pointer; } .c_portalResProduct_detail-04001 .p_itemTitle .font { word-break: break-all; white-space: nowrap; text-overflow: ellipsis; height: 30px; overflow: hidden; } .c_portalResProduct_detail-04001 .d_DescriptionBoxA { clear: both; width: 100%; height: auto; overflow: visible; margin-top: 40px; } .c_portalResProduct_detail-04001 .d_DescriptionBoxB { clear: both; width: auto; height: auto; overflow: visible; border: none; } .c_portalResProduct_detail-04001 .d_TabTitleBox { overflow: hidden; width: auto; height: auto; /* overflow: visible; */ border: 0px solid #ddd; /* border-bottom: none; */ } .c_portalResProduct_detail-04001 .d_DecTab { float: left; width: auto; font-size: 15px; /* color: #277bd1; */ /* border-bottom: 2px solid #277bd1; */ /* display: none; */ border: 1px solid #ddd; } .c_portalResProduct_detail-04001 .d_DecTab.active{ color: #fff; border-bottom: 1px solid #277bd1; background: #277bd1; border: 1px #277bd1 solid; } .c_portalResProduct_detail-04001 .d_TextTab { float: left; width: auto; } .c_portalResProduct_detail-04001 .d_CommentTab { float: left; width: auto; margin-right: 2px; } .c_portalResProduct_detail-04001 .d_ProTitle { margin-right: 6px; width: 88px; float: left; } .c_portalResProduct_detail-04001 .d_ProTitle .font { display: block; width: 103px; overflow: hidden; text-overflow: ellipsis; } .c_portalResProduct_detail-04001 .d_ProInfoA { display: inline-block; float: left; } .c_portalResProduct_detail-04001 .d_ProInfoA .font { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .c_portalResProduct_detail-04001 .d_description { width: auto; height: auto; white-space: normal; padding: 0 0px; } .c_portalResProduct_detail-04001 .d_unitB { position: inherit; vertical-align: middle; } .c_portalResProduct_detail-04001 .d_num .iconfont { display: inline-block; } .c_portalResProduct_detail-04001 .d_DescriptionBigbox { width: auto; height: auto; clear: both; margin: 1px auto 0 auto; padding: 15px 0; overflow: hidden; max-width: 100%; border: none; } .c_portalResProduct_detail-04001 .p_zoom { position: absolute; left: 20px; top: 20px; cursor: move; z-index: 999; } .c_portalResProduct_detail-04001 .d_SpecBoxA { width: auto; height: auto; } .c_portalResProduct_detail-04001 .d_TextBox { width: 100%; height: auto; border: none; padding-right: 20px; padding-left: 0px; margin-bottom: 20px; overflow: hidden; /* display: none; */ } .c_portalResProduct_detail-04001 .d_headTitle { float: left; margin-bottom: 10px; display: none; } .c_portalResProduct_detail-04001 .d_text { display: inline; } .c_portalResProduct_detail-04001 .d_TextBoxBig { width: auto; height: auto; border: none; } .c_portalResProduct_detail-04001 .d_comment { width: auto; height: auto; border: none; } .c_portalResProduct_detail-04001 .p_TagBox { position: absolute; right: 0; top: 0; width: auto; height: auto; display: none; } .c_portalResProduct_detail-04001 .p_tag { display: inline-block; float: left; margin-left: 5px; margin-bottom: 5px; } .c_portalResProduct_detail-04001 .p_nextpage { width: auto; height: auto; width: 50%; } .c_portalResProduct_detail-04001 .p_nextpageA { float: right; width: 50%; height: auto; margin: 0; background-color: transparent; overflow: hidden; vertical-align: middle; text-align: right; } .c_portalResProduct_detail-04001 .p_nextName { display: inline-block; margin-right: 10px; padding: 0; vertical-align: middle; text-align: left; } .c_portalResProduct_detail-04001 .p_nextName .font { vertical-align: middle; } .c_portalResProduct_detail-04001 .p_nextNameA { display: inline-block; vertical-align: middle; margin-left: 10px; padding: 0; text-align: left; } .c_portalResProduct_detail-04001 .p_MinorLink{ display: inline-block; vertical-align: middle; } .c_portalResProduct_detail-04001 .p_nextBox { width: auto; height: auto; margin: 0; padding: 20px; margin-top: 40px; overflow: hidden; } .c_portalResProduct_detail-04001 .p_nextBox a:hover{ color: #277bd1; } .c_portalResProduct_detail-04001 .p_nextpage { float: left; vertical-align: middle; } .c_portalResProduct_detail-04001 .AtlasRelationImgBoxA { width: 100%; height: 100%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.widther { height: 0; padding-bottom: 11.22%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.widther .AtlasRelationImgBoxA { width: 100%; height: auto; text-align: center; vertical-align: middle; border-style: none; position: absolute; top: 50%; transform: translate(0, -50%); } .c_portalResProduct_detail-04001 .p_ProRelationImg.widther .AtlasRelationImgBoxA img { width: 100%; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; } .c_portalResProduct_detail-04001 .p_ProRelationImg.higher { height: 0; padding-bottom: 11.22%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.higher .AtlasRelationImgBoxA { height: 100%; width: auto; text-align: center; vertical-align: middle; border-style: none; position: absolute; left: 50%; transform: translate(-50%, 0); height: auto; width: 100%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.higher .AtlasRelationImgBoxA img { height: auto!important; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; } .c_portalResProduct_detail-04001 .p_ProRelationImg.smaller { height: 0; padding-bottom: 11.22%; } .c_portalResProduct_detail-04001 .p_ProRelationImg.smaller .AtlasRelationImgBoxA { height: auto; width: auto; text-align: center; vertical-align: middle; border-style: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .c_portalResProduct_detail-04001 .p_ProRelationImg.smaller .AtlasRelationImgBoxA img { height: auto; width: auto; } .c_portalResProduct_detail-04001 .d_Title { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; font-size: 22px; } .c_portalResProduct_detail-04001 .d_Title .font { font-weight: bold; white-space: normal; text-align: left; } .c_portalResProduct_detail-04001 .p_linkB { position: static; width: inherit; } .c_portalResProduct_detail-04001 .p_QRCode { width: auto; height: auto; text-align: center; margin: 40px 0 0; display: none; } .c_portalResProduct_detail-04001 .p_SaveText { width: auto; height: auto; margin-bottom: 10px; } .c_portalResProduct_detail-04001 .p_imageD { width: auto; height: auto; } .c_portalResProduct_detail-04001 .p_imageD img { width: 225px; height: 225px; } .c_portalResProduct_detail-04001 .p_imageD:after { display: none; } .c_portalResProduct_detail-04001 .e_btn.js_disabled { pointer-events: none; } .c_portalResProduct_detail-04001 .p_masker-wp { z-index: 99999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } .c_portalResProduct_detail-04001 .masker { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.55; z-index: 999; } .c_portalResProduct_detail-04001 #viewwindow { width: 100%; height: 100%; top: 0 !important; overflow: hidden; } .c_portalResProduct_detail-04001 #turntable { max-height: 100%; max-width: 100%; } .c_portalResProduct_detail-04001 .p_agreement { width: 800px; height: 800px; position: absolute; top: 50%; left: 50%; z-index: 999999; animation: scale 1s; animation-fill-mode: both; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .c_portalResProduct_detail-04001 .animate { animation-name: animate; animation-duration: 0.8s; } @keyframes animate { 0% { transform: translate(-50%, -50%) scale(0); } 100% { transform: translate(-50%, -50%) scale(1); } } .c_portalResProduct_detail-04001 .p_Close { width: auto; position: absolute; color: #000; cursor: pointer; top: 18px; right: 10px; z-index: 523; } .c_portalResProduct_detail-04001 .p_ProSummary .font { display: inline-block; width: 70px; vertical-align: middle; text-align: right; margin-right: 10px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResProduct_detail-04001 .p_imagesA .p_images { width: 420px !important; height: 320px !important; } } .c_portalResProduct_detail-04001 .p_assist { display: none; }.c_portalResProduct_detail-04001 .d_SortName { display: none; width: 100%; padding: 10px 0 10px 0; margin: 0; } .c_portalResProduct_detail-04001 .d_NumBox {display: none !important;padding: 10px 0 0;} .c_portalResProduct_detail-04001 .p_PriceBox {display: none;} .c_portalResProduct_detail-04001 .d_NumberBox {/* display: none; */} .c_portalResProduct_detail-04001 .p_interaction {/*display: none;*/} .c_portalResProduct_detail-04001 .p_shopCart {display: none;} .c_portalResProduct_detail-04001 .background_shopCart {display: none;} .pagebox .d_summary{ font-family:Arial,Helvetica,sans-serif!important; overflow:hidden!important; text-overflow:ellipsis!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; line-height:30px!important; } .borderB_dividers{ border-bottom:0px solid #e8e8e8; } .k_pd_smn{ margin:15px auto; width:100%; text-align:center; } .k_pd_smn>span{ display:inline-block; width:10px; height:10px; background-color:#ccc; border-radius:50%; margin:4px; } .k_pd_smn>span.swiper-pagination-bullet-active{ background-color:#00a0e9; } .p_customC iframe[height*='600'][width*='800']{ height:460px; } @media screen and (max-width:768px){ .reset_style table{ width:100% !important; table-layout: fixed; } .p_ProductDetail .reset_style table tr td:first-child{ width:40%; } .reset_style img{ max-width:100% !important; height:auto !important; float:none !important; margin:10px auto !important; } .d_DecTab{ border: 1px solid #ccc;width: 33.33%!important; padding: 11px 15px !important; } .d_DecTab.active{ border-color:#277bd1; } } @media screen and (max-width:670px){ .p_customC iframe{ height:210px !important; } .zx_bw_service_detail .reset_style iframe{ height:210px !important; } }body .p_categoryBox .p_linkBox.click .color_assist,body .p_categoryBox .p_linkBox.click a {color: #fff;} body .p_categoryBox .p_linkBox.click{background:#277bd1;} body #w_common_text-1587538627871,body #w_fline-1587538697060,body #c_portalResComplaintPage_detail-15889332712006991,#w_grid-1607502251809,#w_grid-1607503378204 { display: none; }#c_portalResEbizads_banner-16031004831014420{ overflow: hidden!important; } #w_grid-1603180373136 { 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; position: absolute; top: auto; left: 0px!important; z-index: auto; bottom: 0px; right: 0px; }body #w_grid-1603180373136 { left: 0px!important; } body #c_portalResIntro_category-16030705538596580 .fa_HomeAbout:after { background: rgba(0,0,0,0); } body #w_grid-1603259263483{ position: fixed; top: 0; left: 0px; z-index: 999; bottom: auto; right: auto; } body .show_ul{ z-index: 999!important; } /* #w_grid-1587718419445 .p_gridCell .reset_style:nth-child(1){ padding:10px; min-height:82px; background:#0258b8; } #w_grid-1587718419445 .p_gridCell .reset_style:nth-child(1) *{ min-height:82px; background:#0258b8; line-height:82px; } */ @media only screen and (max-width: 1640px) and (min-width: 1300px){ #w_grid-1603259002689> div > .p_gridbox > .p_gridCell:nth-child(3n+0) { width: 10.3942%; margin-left: 0; } body #c_portalResnav_main-16032590879399841 .k_ld_nav_info { text-align: right; padding: 27px 0px; margin-left: 0px; } body #w_grid-1603259002689> div > .p_gridbox > .p_gridCell:nth-child(3n+0) { width: 9%; margin-left: 0; }body #w_grid-1603259002689> div > .p_gridbox > .p_gridCell:nth-child(3n+2) { width: 71%;margin-left: 4%; }body #c_portalResnav_main-16032590879377583 .nav_h3 { font-size: 15px; }body #c_portalResnav_main-16032590879377583 .yj_li { margin: 0px 15px; }body #c_portalResIntro_category-16030705538596580 .zx_banner_info_summary { font-size: 24px; line-height: 0; }body #w_common_text-1603100593001 p span,#w_common_text-1603100843301 p span{ font-size:14px;line-height: 24px!important; }body #w_common_text-1603100426929 h2 span,body #w_common_text-1603100843296 h2 span{ font-size: 32px!important; }body #w_grid-1603100417328 { margin-top: 18%; }body #c_portalResNews_list-16031658392196677 .p_assist1 h6.color_assist { font-size: 68px; }body #c_portalResNews_list-16031658392196677 .p_articles { padding: 120px 20px 300px 20px!important; }body #w_grid-1603178313993 { max-width: 390px; }body #c_portalResnav_main-16031807425326787 .botUl { margin: 0.5rem 0; padding: 0 2rem; }body #w_common_text-1603100593001 ,body #w_common_text-1603100843301,body #w_common_text-1603100637490,body #w_common_text-1603100843304{ margin-top: 15px; } body #c_portalResEbizads_banner-16031004831014420 .picB { width: 104%; height: auto; }body #c_portalResProduct_list-16031859141126601 .zx_product_tab_control { margin-bottom: 0; }body #c_portalResProduct_list-16031859141126601 .zx_product_tab_swiper_container { width: 80%;margin:0 auto!important; } body #w_grid-1603180308437 { min-height: 360px; }body #w_grid-1603100843291 { margin-top: 5%; } body #w_grid-1603172056423 { margin-top: 8%; }body #c_portalResProduct_list-16031859141126601 .zx_pt_pic img { width: 80%; }body #w_grid-1603180687338 { margin-top: 10px;margin-bottom: 0; }body #c_portalResnav_main-16031807425326787 .botLinkS { color: rgb(158, 158, 158); line-height: 29px; } body #c_portalResProduct_list-16031859141126601 .zx_pic_wrapper img { width: 85%; }body #c_portalResNews_list-16031658392196677 .p_summary { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 25px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }body #c_portalResNews_list-16031658392196677 .p_Information li { margin-bottom: 30px; color: #929292; display: none; }body #c_portalResNews_list-16031658392196677 .p_images { width: 100%!important; height: 165px!important; }body #w_common_text-1588937884311 p strong{ font-size:28px!important; } body #c_portalResNews_list-16031658392196677 .p_ToDetail { margin-top: 0; }body #c_portalResNews_list-16031658392196677 .p_articles { min-width: 270px; }body #w_grid-1603165586492> div > .p_gridbox > .p_gridCell:nth-child(2n+1) { width: 33.99%; }body #w_grid-1603165586492> div > .p_gridbox > .p_gridCell:nth-child(2n+0) { width: 66%; } body #w_common_text-1603177897488 h2 span{ font-size: 40px; } body #w_common_text-1603178191506 { margin-top: 35px; } } @media only screen and (min-width:769px) and (max-width:1366px){body #w_grid-1603180687338,body #w_grid-1603244163592 { margin-top: 10px; margin-bottom: 10px; }body #c_portalResnav_main-16031807425326787 .botLinkS ,#c_portalResnav_main-16032442484407032 .botLinkS{ color: rgb(158, 158, 158); line-height: 25px; }body #w_grid-1603181919309 { margin-bottom: 5px; }body #w_fline-1603181821551 { margin-bottom: 0; }body #w_common_text-1603177897488 h2 span{ font-size: 35px; }body .k_page_banner_container { width: 100%; height: 360px; display: table; }body #w_grid-1603244163603 { margin-bottom: 10px; }p.san img { width: 31.5%!important; height: auto!important; }body #c_portalResProduct_detail-15905692430700917 .p_images ,body #c_portalResProduct_detail-1603245941870 .p_images { width: 500px!important; height: 380px!important; }body #c_portalResIntro_category-16030705538596580 h3.zx_banner_info_title { font-size: 50px; } body #c_portalResNews_list-16031658392196677 .p_images { height: 145px!important; }body #c_portalResNews_list-16031658392196677 .p_assist1 h6.color_assist { font-size: 90px; }body #c_portalResNews_list-16031658392196677 .p_articles { padding: 100px 20px 300px 20px; }#c_portalResNews_list-16031658392196677 .p_Information li { display: none; }body #c_portalResnav_main-16031807425326787 .botUl ,body #c_portalResnav_main-16032442484407032 .botUl{ margin: 0.5rem 0; padding: 0 3%; }body #w_grid-1603180828980 .p_dimage ,body #w_grid-1603244163609 .p_dimage{ width: 72%; margin: 0 auto; }body #w_common_text-1588937884311 p span{ font-size: 24px!important; }body #w_common_text-1587541293932,body #w_common_text-1588937578437,body #w_common_text-1588937568897,body #w_common_text-1603844860357 { margin-top: 5px; margin-bottom: 35px; } body #w_grid-1587541136491 > div > .p_gridbox,body #w_grid-1604397473813 > div > .p_gridbox,body #w_grid-1604397478363 > div > .p_gridbox,body #w_grid-1604397482515 > div > .p_gridbox { background: url(../image/2323.png) no-repeat center center; background-size: 90%; } body .main #w_grid-1587540272197{margin-top: 1.6%;} body #c_portalResIntro_category-16030705538596580 .fa_AbCate { margin-top: 39%; } body .main #w_common_text-1588937884311{ margin-top: 110px;} body #c_portalResPublic_codeContainer-15873854390208234{margin-top: 30px;} body #w_common_text-1587385106696 *{letter-spacing:0;} body #w_common_text-1587385238353{margin-top:20px;} body #w_grid-1572592130358> div > .p_gridbox > .p_gridCell:nth-child(2n+0){margin-left:4%;} body #w_fimg-1587385017891{ margin-bottom: 1px; margin-top: 110px; } body #w_common_text-1603857025808 p span{ font-size:15px!important; }body #w_common_text-1603857025808 { max-width: 100%; margin-top: 10px; margin-left: 15px; }body #w_common_text-1603100593001 p span,body #w_common_text-1603100843301 p span { font-size: 12px; line-height: 24px!important; }body #c_portalResNews_list-15955734835946722 .p_images { width: 185px!important;height: auto!important; } body #c_portalResNews_list-15955734835946722 .p_summary { line-height: 22px; } body #c_portalResNews_list-15955734835946722 .p_ToDetail { height: 34px; margin-top: 0; line-height: 24px; }body #w_grid-1603856990655> div > .p_gridbox > .p_gridCell:nth-child(4n+2),body #w_grid-1603856990655> div > .p_gridbox > .p_gridCell:nth-child(4n+3),body #w_grid-1603856990655> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width: 24%; margin-left: 1%; }#w_grid-1603856990655 img { width: 66%; }body #w_grid-1603857025794 { margin-top: 0; } #w_grid-1603857025789 ,#w_grid-1595578900538,#w_grid-1595578900562,#w_grid-1595578900585{ max-width: 50px!important; min-height: 50px!important; } body #w_common_text-1603100843296,body #w_common_text-1603100426929{ display:none; }body #w_common_text-1603100637490 { margin-bottom: 20px; } body #w_common_text-1603100530635 { margin-top: 35px; }body #c_portalResProduct_list-16031859141126601 .zx_pt_pic img { width: 80px; height: auto; }body #w_common_text-1603177897488 h2 span{ font-size: 35px; } body #w_grid-1603172056423 { margin-top: 10%; } body #c_portalResProduct_list-16031859141126601 .zx_product_tab_control { margin-bottom: 0!important; } body #c_portalResProduct_list-16031859141126601 { margin-top: 20px; } } @media only screen and (max-width:769px){ body #w_grid-1555550361313 > div > .p_gridbox { background-image: url(../image/qw.jpg); background-position-x: 65%; background-size: cover; } body #w_grid-1614579093352 > div > .p_gridbox,body #w_grid-1565407547575 > div > .p_gridbox ,body #w_grid-1614579645697 > div > .p_gridbox,body #w_grid-1555556004882 > div > .p_gridbox{ background-image: url(../image/z43.png); background-position-x: 7%; } body #w_grid-1557905732931 { margin-top: 0; }body #w_common_text-1595578707133 p span{ font-size: 26px; }body #w_grid-1595578900545 ,body #w_grid-1595578900567{ margin-top: 10px;}body #w_common_text-1603857025808 { margin-top: 0;} body #w_common_text-1588937884311 p strong{ font-size: 24px; }body #w_grid-1603856990655 { width: 82%; margin-top: 0; }body #w_grid-1603857025780 >div ,body #w_grid-1595578900525 >div,body #w_grid-1595578900529 >div,body #w_grid-1595578900534 >div{ padding: 10px 10px; }body #c_portalResnav_main-16032590879377583 .ej_ul { display: none; width: 100%!important; min-width: 100%; position: relative !important; margin-left: 0px !important; left: 0; transform:translatex(0%); }body #c_portalResnav_main-16032590879377583 .jt ,body #c_portalResnav_main-16032576607842733 .jt { width: 40%; }body #w_common_text-1603100843304 h2 a span,body #w_common_text-1603100637490 h2 a span { font-size: 14px; } body #c_portalResnav_main-16032590879377583 .yj_link ,body #c_portalResnav_main-16032576607842733 .yj_link { width: 60%; }body #c_portalResnav_main-16032590879377583 .ej_ul .nav_h3 a,body #c_portalResnav_main-16032576607842733 .ej_ul .nav_h3 a { color: #ffffff; }body #c_portalResnav_main-16032590879377583 .ej_ul .nav_h3 ,body #c_portalResnav_main-16032576607842733 .ej_ul .nav_h3{ text-align: left; } body #w_grid-1603857025780> div > .p_gridbox > .p_gridCell:nth-child(2n+1) ,body #w_grid-1595578900525> div > .p_gridbox > .p_gridCell:nth-child(2n+1),body #w_grid-1595578900529> div > .p_gridbox > .p_gridCell:nth-child(2n+1),body #w_grid-1595578900534> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ width: 24.06%; }body #c_portalResMessage_form-15582748202066510 span.e_title.d_formItemStar.color_error.p_intentionIntroStar { display: none; }body #c_portalResPublic_codeContainer-15955787474146508 { padding-left: 20px; padding-right: 20px; } body #w_common_text-1603857025808 p span,body div#content_box-1595578900545-0 p span,body #w_common_text-1595578900577 p span,body #w_grid-1595578900592 p span{ font-size: 15px!important }body #c_portalResMessage_form-15582748202066510 { margin-top: 30px; } body #w_grid-1603857025780> div > .p_gridbox > .p_gridCell:nth-child(2n+0) ,body #w_grid-1595578900525> div > .p_gridbox > .p_gridCell:nth-child(2n+0),body #w_grid-1595578900529> div > .p_gridbox > .p_gridCell:nth-child(2n+0),body #w_grid-1595578900534> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width: 75.94%; } body #c_portalResProduct_list-16031859141126601 .zx_product_tab_btn { width: 30%; margin: 0px 16px; }body #c_portalResProduct_list-16031859141126601 .zx_pt_pic img { width: 60%!important; }body #c_portalResProduct_list-16031859141126601 .zx_pt_name { font-size: 13px; margin: 15px 0; }body #c_portalResProduct_list-16031859141126601 .zx_pt_swiper_btn { position: absolute; width: 35px; height: 35px; line-height: 35px; font-size: 12px; }body #c_portalResProduct_list-16031859141126601 .zx_pt_item_pic img { width: 100%; }body #c_portalResProduct_list-16031859141126601 .zx_product_tab_control { margin-top: 85px; margin-bottom: 50px; }body #c_portalResProduct_list-16031859141126601 .zx_pt_item { padding: 0; }body .p_SwipPanelBox .p_SwipPanel { padding: 0; padding-right: 5px; }body #w_grid-1603165586492 { padding-left: 20px; padding-right: 20px; }body #c_portalResNews_list-16031658392196677 .p_summary { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 25px; -webkit-box-orient: vertical; -webkit-line-clamp: 3!important; } body #w_common_text-1603100593001 p span,body #w_common_text-1603100843301 p span{ font-size: 14px;line-height: 20px !important; }body #w_common_text-1603100637490,body #w_common_text-1603100843304{ margin-top: 5px!important; } body #c_portalResEbizads_banner-16031004831014420 ,body #w_common_text-1603100426929,body #w_common_text-1603100843296,body #c_portalResEbizads_banner-16031008666520404,body div#content_box-1603765969441-1{ display: none;}body #w_common_text-1603100530635 p span,body #w_common_text-1603100843299 p span{ font-weight: bold; font-size: 18px; }body #w_common_text-1603100530635 { margin-top: 40px; margin-top:10px; }body #w_common_text-1603100843299 { margin-top: 0px; } body #w_grid-1603259002689 ,body #w_grid-1603251354136{ padding-left: 15px; padding-right: 15px; }body #content_box-1603259002689-1 .c_portalResnav_main-01001,body div#c_portalResnav_main-16032576607842733 { background: rgba(255,255,255,0)!important; }body div#content_box-1603259002689-0,body div#content_box-1603251354136-0 { width: 48%; float: left; }body #w_grid-1603259002689 > div > .p_gridbox > .p_gridCell:nth-child(n+1) ,body #w_grid-1603251354136 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0px; clear: none; }div#content_box-1603259002689-1,body div#content_box-1603251354136-1 { width: 52%; float: left; }body #c_portalResnav_main-16032590879399841.c_portalResnav_main-01001007 ,body #c_portalResnav_main-16032516197931193{ position: absolute; top: 0; left: 43%; background: rgba(255,255,255,0); }body #w_common_text-1603100593001 ,body #w_common_text-1603100843301,body #w_common_text-1603100843304{ margin-top: 4px; }body #w_fline-1603100664114{ margin-top: 15px; } #c_portalResProduct_list-15955686678799952 .p_title { padding: 0; }body #w_sfbox-1572498307420 .p_SwipPanelBox { right: 0; } #c_portalResProduct_category-15922787606909771 .index_type .p_categoryBox ,#c_portalResProduct_category-15922817705983715 .index_type .p_categoryBox{ margin: 0 auto!important; display: block!important; width: 100% !important; position: absolute!important;max-width: 100%!important;border-top: 0!important; left: 36px!important; }#c_portalResProduct_category-15922787606909771 .index_type .p_categoryBox .p_parentBox ,#c_portalResProduct_category-15922817705983715 .index_type .p_categoryBox .p_parentBox,#c_portalResProduct_category-1603245802684 .index_type .p_categoryBox .p_parentBox,#c_portalResProduct_category-1603245941865 .index_type .p_categoryBox .p_parentBox,#c_portalResProduct_category-1603246741477 .index_type .p_categoryBox .p_parentBox,#c_portalResProduct_category-16037635525116548 .index_type .p_categoryBox .p_parentBox{ border-top: 0; max-width: 100%; float: left; margin: 0; }#c_portalResProduct_category-15922787606909771 .btn ,#c_portalResProduct_category-15922817705983715 .btn,#c_portalResProduct_category-1603245802684 .btn,#c_portalResProduct_category-1603245941865 .btn,#c_portalResProduct_category-1603246741477 .btn,#c_portalResProduct_category-16037635525116548 .btn{ width: 100%; padding: 10px 12px;} #c_portalResProduct_category-15922787606909771 .btn-primary,#c_portalResProduct_category-15922817705983715 .btn-primary,#c_portalResProduct_category-1603245802684 .btn-primary,#c_portalResProduct_category-1603245941865 .btn-primary,#c_portalResProduct_category-1603246741477 .btn-primary,#c_portalResProduct_category-16037635525116548 .btn-primary{ color: #fff; background-color: #067dc8; border-color: #067dc8; }body #w_common_text-1602809135410 { padding-top: 20px; padding-left: 30px; padding-right: 30px; padding-bottom: 20px; }#c_portalResnav_main-15662901484340078 .k_ld_headder_container .k_nav.k_active { width: calc(100% + 150px) !important; }body #c_portalResnav_main-15662901484340078 .k_ld_header { min-height: 70px; } #c_portalResEbizads_banner-15922729368147061 .swiper-pagination span.current { background: #fff; }#copyright article .reset_style p{ margin-bottom-bottom: 19px!important; }#c_portalResIntro_detail-15653397325463319 img,#c_portalResNews_detail-15555562474675234 img,#c_portalResIntro_detail-1595577818804 img{ margin-bottom:20px;width:100%!important;height:auto!important;} #c_portalResProduct_detail-15905692430700917 .e_box .reset_style p { font-size: 16px; line-height: 30px!important; }#w_grid-1557908306087 { padding-top: 20px!important; padding-left: 0!important; padding-right: 0!important; padding-bottom: 0!important; }#c_portalResIntro_category-15579034465651749 { margin-bottom: 30px!important; }#c_portalResPublic_codeContainer-1595577818784 .k_banner_en ,#c_portalResPublic_codeContainer-1589423060068 .k_banner_en{ font-size: 28px; } #wenhua td,#c_portalResIntro_detail-1595577818804 td{ display:block!important;} #c_portalResProduct_detail-15905692430700917 td,#c_portalResProduct_detail-1603245941870 .e_box.d_customBoxA.TabCont td { border: #ccc 1px solid!important; padding: 10px 10px!important;width:auto!important; }body #w_grid-1603180373136 { min-height: 0; position: absolute; left: auto!important; } #c_portalResPublic_codeContainer-15875384810623368 .yp_body .hover,body #w_grid-1603180687338 ,body #w_fline-1603181821551,body div#content_box-1603765799890-1,body div#content_box-1603765917618-1{ display:none; }#w_common_text-1587541293932 { margin-bottom: 0 !important; padding-left: 0px !important; padding-right: 0px !important; } #c_portalResProduct_category-15922787606909771 .p_category ,#c_portalResProduct_category-15922817705983715 .p_category { z-index: 9999999999!important; }#c_portalResProduct_category-15922817705983715 { margin-top: 20px!important; margin-bottom: 0!important; }#c_portalResProduct_detail-15905692430700917 .c_portalResProduct_detail-15905692430700917-imgjs.c_p_dev_imgListPC,body #w_common_text-1603177897488 ,body #c_portalResNews_list-16031658392196677 .p_assist,body #c_portalResNews_list-16031658392196677 .p_Information li,body div#content_box-1558278539340-1,body div#content_box-1603765512723-1,body div#content_box-1603765631290-1{ display: none; }body #w_common_text-1603178043643 h3 span{ font-size: 28px; }body #w_grid-1603177844282 { margin-top: 23%; min-height: 10px; }body #w_common_text-1603178191506 { margin-top: 20px; } body #c_portalResNews_list-16031658392196677 .p_articles { padding: 0; margin-bottom: 100px; }body #c_portalResNews_list-16031658392196677 .item_hide { margin: 0; }body #c_portalResNews_list-16031658392196677 .p_images { height: auto!important; } body #c_portalResNews_list-16031658392196677 .p_content { margin-top: 10px; } body #c_portalResNews_list-16031658392196677 .borderB_default { border-bottom: 0; border-left: 0; } body #content_box-1578472502766-1,body #w_grid-1603244163592,body #w_fline-1603244163597{display:none;} body #w_grid-1553838589434{margin-top: 0px;} body #w_common_text-1588937884311{margin-top: 70px;} body #w_common_text-1588935130118{margin-top: 100px;} body #w_grid-1603178313993 { margin-top: 0; }body div#content_box-1603178313993-0,body div#content_box-1603178313993-1,body div#content_box-1603178313993-2 { width: 30%; margin-right: 10px; float: left; }body #w_common_text-1603178191506 p span{ line-height: 24px; font-size: 14px; }body #w_common_text-1603244163636 { margin-top: 15px; }body #w_grid-1603244163584 { min-height: 35px; } body #w_grid-1603178313993 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: none; }body #w_grid-1603178313993 .p_CommonBtn ,body #w_fbtn-1603178507242,body #w_fbtn-1603178512576,body #w_fbtn-1603178517424 { line-height: 37px; min-height: 37px; }body #w_common_text-1603181935750 { margin-top: 15px; } body #w_fbtn-1603178507242 .p_CommonBtn ,body #w_fbtn-1603178512576 .p_CommonBtn ,body #w_fbtn-1603178517424 .p_CommonBtn { height: 37px; }body #c_portalResNews_list-16031658392196677 { margin-top: 20px; } body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell{ clear: none !important; width: 100%; background-size: 100%; position: relative; background: none; max-width: 100%; margin: 0; min-height: 168px; } #w_grid-1588938245402,#c_portalResProduct_category-15894211194998049{display:none;} #w_grid-1587540272197{display:none;} body .main .p_gridbox #content_box-1587540272197-0{width: 100%;margin: 0 auto !important;} #c_portalResnav_main-15725052098167317 .k_ld_logo { padding: 0; }body #w_grid-1604397422628 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: none; }body #w_grid-1604397422628 p span{ font-size:13px } body div#content_box-1604397422628-0,body div#content_box-1604397422628-1, body div#content_box-1604397422628-2, body div#content_box-1604397422628-3 { float: left; width: 48%; margin: 0px 5px; }body #w_common_text-1603181953965 p { text-align: left!important; } #content_box-1587541136491-0 .w_fimg-000{width:46%;float:left;margin: 0 2% 2%;min-height: 60px;} #w_grid-1587540272197 .p_gridCell{width:46%;float:left;margin: 0 2% 2% 2% !important;min-height: 60px;clear: none !important;} #w_grid-1587540272197 .p_gridCell .p_gridCell{width:100%;} #w_grid-1587540272197 .p_gridCell .w_fbtn-001{margin-top:12px;} #w_grid-1587540272197 .p_gridCell .p_gridbox{/*background-size:100% 100%;*/} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(1){margin:36px 10px 0;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(2){margin:0px 10px;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(1) *{font-size:20px !important;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(2) *{font-size: 15px !important;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style *{text-align:center;} body #w_fimg-1587384917336{max-width:100%; margin:0 auto;overflow:hidden;} body #w_fimg-1587384917336 .w_img{margin:-60px auto -160px;} body #w_fimg-1587385017891{display: none;margin:12px auto 10px;} #content_box-1572592130358-1 *{text-align:center !important;letter-spacing: 0;} body #w_common_text-1587385238353{margin:18px auto 40px;display: none;} body #w_common_text-1587384946860{margin-top:10px;} body #w_common_text-1587384946860 *{font-size:24px;} body #c_portalResPublic_codeContainer-15873854390208234{width: 94%;margin: 4% 0% 2% 6%;display:none;max-width: 96%;height: 100%;min-height: auto;clear: both;} body #w_fbtn-1587385322357{margin: 0px auto 0;clear: both;display: block;PADDING: 5PX 0 0 0;} body #w_common_text-1587538627871{margin: 105px auto 0;} body #w_common_text-1587541293946{margin-bottom:12px;} body #w_grid-1587541136491 ,body #w_grid-1604397473813,body #w_grid-1604397478363,body #w_grid-1604397482515{ margin-top: 0; margin-bottom: 0; }body #w_grid-1604397422628 { padding-left: 20px; margin-top: 5px; }body #w_grid-1604397422628 .p_link002{ display: none; }div#content_box-1604397422628-0 { margin-top: 4px!important; }body #w_common_text-1588937578437 { margin-top: 5px; }body #w_grid-1587541136491 > div > .p_gridbox ,body #w_grid-1604397473813 > div > .p_gridbox,body #w_grid-1604397478363 > div > .p_gridbox,body #w_grid-1604397482515 > div > .p_gridbox{ background: none; }body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell { min-height: 100px; } body #w_common_text-1604397473878 { margin-bottom: 30px; } } body .main #w_grid-1588938245402 {position:absolute;top: 20px;right:0;width:420px;z-index:999;min-height: 220px;} body .main #w_grid-1588938245402 > div > .p_gridbox{padding:10px 38px; background: rgba(6,125,200,0.88); height:inherit; min-height: 220px; } body .main #w_grid-1588938245402 .w_fimg-001{margin:26px auto;} body .main #w_grid-1588938245402 .p_title{color:#fff; line-height:2em; padding:3px 0 0 0; font-size:14px;} table.pro{ border-collapse: separate; border-spacing: 1px 1px; border: none; background: #ccc; } table.pro td{background:#fff;padding-top: 5px;padding-bottom: 3px;} table.pro td[bgcolor="#2982bd"],table.pro td[bgcolor="#2982bd"] *{color: #fff;} table.pro td[bgcolor="#2982bd"]{background:#2982bd;} table.pro td[bgcolor="#067dc8"],table.pro td[bgcolor="#067dc8"] *{color: #fff;} table.pro td[bgcolor="#067dc8"]{background:#067dc8;} .w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .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: 1300px){ .e_HtmlEditor table{width:100%;} #w_grid-1554195410658{ padding-left:20px !important; padding-right:20px !important; } } .w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video{ height:100% !important; object-fit:cover !important; } @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_common_text-1557890638159{ margin-top:25px !important; margin-left: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: 1500px) and (min-width: 769px){ body #w_fimg-1587385017891 { display: none;} body #w_common_text-1587384946860 { margin-top: 130px; }body #w_common_text-1587385238353 { margin-top: 20px; } }@media only screen and (max-width: 1400px) and (min-width: 769px){ #w_common_text-1602809135410 { display: none; }} @media only screen and (max-width: 768px){ #w_grid-1555409809275 .p_gridCell p{ text-align:center !important; } #w_grid-1565414397363{ display:none; } } @media screen and (max-width:1240px){ #w_grid-1557823873295{ padding-right:0px !important; } } #w_grid-1557913257542>.w_grid:before{ position:absolute; width:100%; content:" "; height:215px; top:0px; left:0px; background-color:#f8f8f8; } #content_box-1557825620408-0{ z-index:2; } #w_grid-1557887666160,#w_grid-1556610320681,#w_grid-1555554431772,#w_grid-1557912060843,#w_grid-1557912658021,#w_grid-1557888300062,#w_grid-1557905459393,#w_grid-1557916719219,#w_grid-1557916772308,#w_grid-1557916825965,#w_grid-1557916890393,#w_grid-1558278539333,#w_grid-1565417134814,#w_grid-1565418799278,#w_grid-1595577818744,#w_grid-1589423059988,#w_grid-1603245802634,#w_grid-1603245941830,#w_grid-1603246741427,#w_grid-1603247377475{ display:block; background-color:transparent !important; border-bottom:1px solid #e8e8e8; } #w_grid-1557887666160> div > .p_gridbox,#w_grid-1556610320681> div > .p_gridbox,#w_grid-1555554431772> div > .p_gridbox,#w_grid-1557912060843> div > .p_gridbox,#w_grid-1557912658021> div > .p_gridbox,#w_grid-1557888300062> div > .p_gridbox,#w_grid-1557905459393> div > .p_gridbox,#w_grid-1557916719219> div > .p_gridbox,#w_grid-1557916772308> div > .p_gridbox,#w_grid-1557916825965> div > .p_gridbox,#w_grid-1557916890393> div > .p_gridbox,#w_grid-1558278539333> div > .p_gridbox{ background-color: transparent !important; } @media screen and (max-width:1440px){ #w_grid-1603180373136{ position:absolute; bottom:0px; left:0px; right:0px; } } @media screen and (max-width:768px){ #w_common_text-1603244163640 p{ text-align:left !important; } #c_portalResEbizads_banner-16031004831014420,#c_portalResEbizads_banner-16031008666520404{ display:block !important; padding-left:30px !important; padding-right:30px !important; padding-top:8px !important; } #c_portalResEbizads_banner-16031004831014420 .k_zb_banner_nav,#c_portalResEbizads_banner-16031008666520404 .k_zb_banner_nav1{ bottom:6px !important; } #c_portalResEbizads_banner-16031004831014420 .k_zb_banner_nav>span,#c_portalResEbizads_banner-16031008666520404 .k_zb_banner_nav1>span{ width:10px; height:10px; margin:3px; } #w_common_text-1603100637490{ margin-bottom:0px !important; } #w_common_text-1603100593001,#w_common_text-1603100843301{ height:44px !important; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } #w_grid-1603100843291{ margin-top:10px !important; } #w_grid-1603180308437 > div > .p_gridbox{ background-image:none !important; } } @media screen and (max-width:769px){ #w_fline-1603244163597,#w_fline-1603181821551,body #w_grid-1607502251809,body #w_grid-1607503378204{ display:block !important; } #w_grid-1603244163592,#w_grid-1603180687338{ margin:15px 0px 0px !important; padding:0px !important; }body div#content_box-1607502251809-0 ,body div#content_box-1607503378204-0{ width: 43%; float: left; }body #w_grid-1607502251809 > div > .p_gridbox > .p_gridCell:nth-child(n+1),body #w_grid-1607502274779 > div > .p_gridbox > .p_gridCell:nth-child(n+1) ,body #w_grid-1607503378204 > div > .p_gridbox > .p_gridCell:nth-child(n+1),body #w_grid-1607503378215 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ clear: none; } body div#content_box-1607502251809-1 ,body div#content_box-1607503378204-1{ width: 54%; float: left; }body #w_fimg-1607502266274 img ,body #w_fimg-1607503378221 img{ max-width: 120px; margin-bottom: 0; }body #w_fimg-1607502266274,body #w_fimg-1607503378221 { margin-top: 5px; }body #w_fimg-1607502260275 img ,body #w_fimg-1607503378211 img{ max-width: 45px; } body div#content_box-1607502274779-0, body div#content_box-1607502274779-1 ,body div#content_box-1607503378215-0,body div#content_box-1607503378215-1{ float: left; width: 45%; margin-left: 7px!important; }body #w_fimg-1607502266274 .p_title .font,body #w_fimg-1607502260275 .p_title .font ,body #w_fimg-1607503378211 .p_title .font,body #w_fimg-1607503378221 .p_title .font{ line-height: 30px; font-size: 12px; } #content_box-1603244163592-0,#content_box-1603180687338-0{ display:none; } #content_box-1603244163592-1,#content_box-1603967216300-0{ display: flex; justify-content: center; align-items: flex-end; } #w_fimg-1603968013188,#w_fimg-1604029248541,#w_fimg-1603967368470,#w_fimg-1604028895626{ width:auto !important; margin:0px 20px !important; } #w_fimg-1603967368470,#w_fimg-1603968013188{ max-width:40px !important; } #w_fimg-1604028895626,#w_fimg-1604029248541{ min-height:30px !important; } #w_fimg-1603968013188 .p_link002,#w_fimg-1604029248541 .p_link002,#w_fimg-1603967368470 .p_link002,#w_fimg-1604028895626 .p_link002{ display:none; } #w_grid-1603244163609,#w_grid-1603180828980{ text-align:center !important; margin-top:10px !important; max-width:100% !important; } #content_box-1603244163609-0,#content_box-1603244163609-1,#content_box-1603180828980-0,#content_box-1603180828980-1{ display: inline-block !important; width: 22% !important; float: none !important; margin: 0px 10px !important; } /* index contact */ #w_fimg-1588937066604,#w_fimg-1604397473843,#w_fimg-1604397478400,#w_fimg-1604397482561{ min-height:40px !important; } #w_common_text-1588937578437,#w_common_text-1604397473878,#w_common_text-1604397478434,#w_common_text-1604397482593{ height:45px !important; margin-bottom:5px !important; } #w_common_text-1588937578437 *,#w_common_text-1604397473878 *,#w_common_text-1604397478434 *,#w_common_text-1604397482593 *{ line-height:16px !important; } body div#content_box-1604397422628-0, body div#content_box-1604397422628-1, body div#content_box-1604397422628-2, body div#content_box-1604397422628-3{ max-height:100px; margin-top: 0px !important; } #w_common_text-1603181935750,#w_common_text-1603244163636{ margin-top:0px !important; } } @media screen and (max-width:1460px) and (min-width:769px){ #w_grid-1558278539340> div > .p_gridbox > .p_gridCell:nth-child(2n+1), #w_grid-1603765512723> div > .p_gridbox > .p_gridCell:nth-child(2n+1), #w_grid-1603765631290> div > .p_gridbox > .p_gridCell:nth-child(2n+1), #w_grid-1603765799890> div > .p_gridbox > .p_gridCell:nth-child(2n+1), #w_grid-1603765917618> div > .p_gridbox > .p_gridCell:nth-child(2n+1), #w_grid-1603765969441> div > .p_gridbox > .p_gridCell:nth-child(2n+1) { width:69.86% !important; } } @media screen and (max-width:768px){ #w_grid-1603178313993 #content_box-1603178313993-0,#w_grid-1603178313993 #content_box-1603178313993-1{ width:42%; } }@media only screen and (max-width: 768px){/*Ã¥Â°ÂÃ¥Â±Â*/ .c_portalResSearch_total-01001{ margin-left: auto; margin-right: auto; width: 100%; display: block; font-size: 0; padding: 0 10px; } .c_portalResSearch_total-01001 .p_contentBox{ width: 100%; height: auto; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResSearch_total-01001 .p_headbox{ width: auto; height: auto; border: 1px solid rgba(240, 240, 240, 1); border-radius: 5px; padding: 10px 0px; position: relative; display: none; margin: 0 10px; } .c_portalResSearch_total-01001 .p_searchBox{ width: 55%; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResSearch_total-01001 .p_searchBox .p_input{ width: 100%; display: inline-block; height: 50px; vertical-align: middle; color: inherit; position: relative; font-size: 24px; } .c_portalResSearch_total-01001 .p_searchBox .p_input .forward{ display: none; } .c_portalResSearch_total-01001 .p_searchBox .p_input .forward:before{ content: "\e6d5"; color: #797979; } .c_portalResSearch_total-01001 .p_searchBtn{ width: 26%; height: 50px; display: inline-block; vertical-align: middle; font-size: 24px; color: #777; border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); text-align: center; padding-top: 0; position: inherit; margin: 0; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; } .c_portalResSearch_total-01001 .p_searchBtn:hover{ box-shadow:none; cursor:pointer; } .c_portalResSearch_total-01001 .p_searchBtn .iconfont{ margin-right: 5px; } .c_portalResSearch_total-01001 .p_searchBtn .font{ display: inline-table; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; line-height: 50px; } .c_portalResSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; /* border-width: 1px; */ /* border-style: solid; */ /* border-color: #f0f0f0; */ padding-left: 5px; padding-right: 5px; border: none; } .c_portalResSearch_total-01001 .p_select{ height: auto; font-size: 0; display: inline-block; width: 25%; vertical-align: middle; float: left; } .c_portalResSearch_total-01001 .p_select input{ width: inherit; height: 50px; border: none; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 24px; position: absolute; padding-left: 10px !important; padding-right: 10px !important; } .c_portalResSearch_total-01001 .p_select .shape { display: inline-block; width: 25px; height: 50px; position: static!important; line-height: 50px; /* background-color: #fafafa; */ text-align: center; /* border: 1px solid rgba(240, 240, 240, 1); */ border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); float: right; top: 0!important; transform: translateY(0%); margin-right: 10px; } .c_portalResSearch_total-01001 .p_select .shape:before { content: "\e69c"; font-size: 24px; } .c_portalResSearch_total-01001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 80px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); z-index: 99; background-color: #fff; font-size: 0; border-radius: 5px; } .c_portalResSearch_total-01001 .p_select li { width: calc(100% / 4); height: auto; display: inline-block; margin: 20px 0; text-align: center; font-size: 22px; border-left: 1px solid #ccc; } .c_portalResSearch_total-01001 .p_select li:nth-child(1){ border-left:none } .c_portalResSearch_total-01001 .p_select li:nth-child(5){ border-left:none } .c_portalResSearch_total-01001 .p_select li i img{ display: none; } input::-webkit-input-placeholder{ font-size:24px; line-height:50px; color:#777; } .c_portalResSearch_total-01001 .p_searchBtnBox{ display: block; width: 100%; height: auto; padding: 10px 10px; background-color: #067dc8; border-radius: 5px; margin-bottom: 30px; margin: 0 0px 30px 0px; } .c_portalResSearch_total-01001 .p_searchBtnA{ width: 100%; height: auto; padding: 10px 10px; font-size: 24px; color: #fff; text-align: center; } .c_portalResSearch_total-01001 .p_headbox.active:before { width: 0px; height: 0px; position: absolute; top: -40px; left: 41px; padding: 0; border-bottom: 20px solid #FFFFFF; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; display: block; content: ""; z-index: 12; } .c_portalResSearch_total-01001 .p_headbox.active:after { width: 0px; height: 0px; position: absolute; top: -41px; left: 41px; padding: 0; border-bottom: 20px solid #efe7e7; border-top: 20px solid transparent; border-left: 20px solid transparent; border-right: 20px solid transparent; display: block; content: ""; z-index: 10; } .c_portalResSearch_total-01001 .p_input .iconfont.last{ position: absolute; color: #afafaf; right: 14px; font-size: 26px; cursor: pointer; height: auto; top: 50%; transform: translateY(-50%); } .c_portalResSearch_total-01001 .p_input .iconfont.last:before { content: "\e640"; } .c_portalResSearch_total-01001 .p_searchBtnA:hover{ box-shadow: none; } .c_portalResSearch_total-01001 .p_searchBtnA .iconfont:before{ content:"\e661"; font-size: 30px; vertical-align: middle; margin-right: 10px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){/*Ã¤Â¸Â­Ã¥Â±Â*/ .c_portalResSearch_total-01001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 192px; width: auto; display: inline-block; font-size: 0; } .c_portalResSearch_total-01001 .p_contentBox{ width: 100%; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResSearch_total-01001 .p_headbox{ width: 100%; height: auto; } .c_portalResSearch_total-01001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResSearch_total-01001 .p_searchBox .p_input{ width: 220px; display: inline-block; height: 40px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_portalResSearch_total-01001 .p_searchBox .p_input .last{ display: none; } .c_portalResSearch_total-01001 .p_searchBox .p_input .forward{ /* display: none; */ position: absolute; left: 5px; top: 50%; transform: translateY(-50%); height: auto; font-size: 15px; } .c_portalResSearch_total-01001 .p_searchBox .p_input .forward:before{ content: "\e661"; color: #a9a9a9; } .c_portalResSearch_total-01001 .p_searchBtn{ width: auto; height: 40px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0); background-color: #067dc8; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 20px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c_portalResSearch_total-01001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_portalResSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #f0f0f0; padding-left: 25px; padding-right: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .c_portalResSearch_total-01001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_portalResSearch_total-01001 .p_select input{ width: 75px; height: 40px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding: 0 10px; } .c_portalResSearch_total-01001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: #067dc8; } .c_portalResSearch_total-01001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_portalResSearch_total-01001 .p_select .shape { display: inline-block; width: 30px; height: 40px; position: absolute; right: 0; line-height: 40px; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_portalResSearch_total-01001 .p_select .shape:before { content: "\e6c9"; } .c_portalResSearch_total-01001 .p_select .shape:hover { color: #067dc8; } .c_portalResSearch_total-01001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 40px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_portalResSearch_total-01001 .p_select li { width: auto; height: 40px; line-height: 40px; display: block; text-align: center; } .c_portalResSearch_total-01001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: #067dc8; } .c_portalResSearch_total-01001 .p_select li i img{ display: none; } .c_portalResSearch_total-01001 .p_searchBtnBox{ display: none; } } @media only screen and (min-width: 769px){/*Ã¥Â¤Â§Ã¥Â±Â*/ .c_portalResSearch_total-01001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 192px; width: auto; display: inline-block; font-size: 0; } .c_portalResSearch_total-01001 .p_contentBox{ width: 100%; height: auto; overflow: visible; white-space: nowrap; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResSearch_total-01001 .p_headbox{ width: 100%; height: auto; } .c_portalResSearch_total-01001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_portalResSearch_total-01001 .p_searchBox .p_input{ width: 400px; display: inline-block; height: 40px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_portalResSearch_total-01001 .p_searchBox .p_input .last{ display: none; } .c_portalResSearch_total-01001 .p_searchBox .p_input .forward{ /* display: none; */ position: absolute; left: 5px; top: 50%; transform: translateY(-50%); height: auto; font-size: 15px; } .c_portalResSearch_total-01001 .p_searchBox .p_input .forward:before{ content: "\e661"; color: #a9a9a9; } .c_portalResSearch_total-01001 .p_searchBtn{ width: auto; height: 40px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 1px; border-style: solid; border-color: rgba(255,255,255,0); background-color: #067dc8; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 20px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .c_portalResSearch_total-01001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_portalResSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 1px; border-style: solid; border-color: #f0f0f0; padding-left: 25px; padding-right: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .c_portalResSearch_total-01001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_portalResSearch_total-01001 .p_select input{ width: 75px; height: 40px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding: 0 10px; } .c_portalResSearch_total-01001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: #067dc8; } .c_portalResSearch_total-01001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_portalResSearch_total-01001 .p_select .shape { display: inline-block; width: 30px; height: 40px; position: absolute; right: 0; line-height: 40px; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_portalResSearch_total-01001 .p_select .shape:before { content: "\e6c9"; } .c_portalResSearch_total-01001 .p_select .shape:hover { color: #067dc8; } .c_portalResSearch_total-01001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 40px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_portalResSearch_total-01001 .p_select li { width: auto; height: 40px; line-height: 40px; display: block; text-align: center; } .c_portalResSearch_total-01001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: #067dc8; } .c_portalResSearch_total-01001 .p_select li i img{ display: none; } .c_portalResSearch_total-01001 .p_searchBtnBox{ display: none; } } #content_box-1565403442990-0{ text-align:center; } #content_box-1565420573582-1{ text-align:right; padding-top: 13px; padding-right: 65px; }/* 移动设备样式 */ @media only screen and (max-width:768px){ #c_portalResProduct_relatedlist-1603245941875 .d_HeadBox { height: 50px; margin-top: 20px; } #c_portalResProduct_relatedlist-15905692433817409 .d_HeadBox { height: 50px; margin-top: 20px; } .c_portalResProduct_relatedlist-01001 { overflow: hidden; width: 100%; height:auto; min-width: 640px; margin-left: 0; margin-right: 0; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_portalResProduct_relatedlist-01001 .p_ProductList{ margin:0; width: auto; height:auto; padding:0; overflow: hidden; background-color:transparent; white-space:normal; font-size: 0; } /* 列表主体样式start */ .c_portalResProduct_relatedlist-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_relatedlist-01001 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/1)!important; padding: 15px 15px 0; height: inherit; } .c_portalResProduct_relatedlist-01001 .p_ProductInner { width:100%; padding:0 0 15px; border-top: 0 none; border-left: 0 none; border-right: 0 none; box-sizing: content-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .c_portalResProduct_relatedlist-01001 .p_Product:last-of-type .p_ProductInner { border:0 none; } /* 图片 */ .c_portalResProduct_relatedlist-01001 .p_images { position: relative; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; webkit-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_relatedlist-01001 .p_image { width: 100%; height: 100%; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .p_imagesPc {display: none;} .c_portalResProduct_relatedlist-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_relatedlist-01001 .p_image { width: 100%; height: 100%; padding:0; } /* 缩略图移动端隐藏 */ .c_portalResProduct_relatedlist-01001 .p_ThumbnailBox { display: none; } /*列表文本内容*/ .c_portalResProduct_relatedlist-01001 .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } /* 标题 */ .c_portalResProduct_relatedlist-01001 .d_HeadBox{ margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; } .c_portalResProduct_relatedlist-01001 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; display: none; } .c_portalResProduct_relatedlist-01001 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_relatedlist-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_relatedlist-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_relatedlist-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } /* 隐藏移动的标签 */ .c_portalResProduct_relatedlist-01001 .p_salePricePc, .c_portalResProduct_relatedlist-01001 .p_NomBoxPc { display: none; } /* 零售价 */ .c_portalResProduct_relatedlist-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_relatedlist-01001 .p_priceUnit::before { content: "\e6d7"; } /* 列表主体样式end */ } /* 屏幕宽度在769px以上pc端样式 */ @media only screen and (min-width:769px){ .c_portalResProduct_relatedlist-01001 { overflow: hidden; width: 100%; height:auto; margin-left: 0; margin-right: 0; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResProduct_relatedlist-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_portalResProduct_relatedlist-01001 .p_ProductList{ width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 20px 25px; } /* 列表主体样式start */ .c_portalResProduct_relatedlist-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_relatedlist-01001 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/3); padding: 10px; height: inherit; } .c_portalResProduct_relatedlist-01001 .p_ProductInner { width: 100%; padding: 0 0 5px; box-sizing: content-box; } .c_portalResProduct_relatedlist-01001 .p_ProductInner:hover { border-width: 3px; border-color: #1890FF; margin: -2px; } /* 图片 */ .c_portalResProduct_relatedlist-01001 .p_images { position: relative; width: 100%; height: 188px; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; } .c_portalResProduct_relatedlist-01001 .p_imagesMo {display: none;} .c_portalResProduct_relatedlist-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_relatedlist-01001 .p_image { width: 100%; height: 100%; padding:0; } /* 缩略图移动端隐藏 */ .c_portalResProduct_relatedlist-01001 .p_ThumbnailBox { position: absolute; left: 0; bottom: 1px; z-index: 10; width:236px; height: auto; padding:0; overflow: hidden; height: auto; } .c_portalResProduct_relatedlist-01001 .p_ThumbnailBox .p_thumbnail { position: relative; width: 42px; height: 34px; float: left; margin: 0 2px; max-width: 42px; max-height: 34px; overflow:hidden; border:2px solid rgba(0,0,0,.45) } .c_portalResProduct_relatedlist-01001 .p_ThumbnailBox .p_thumbnail:hover { border-color: rgba(255,255,255,.7) } /*列表文本内容*/ .c_portalResProduct_relatedlist-01001 .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } /* 标题 */ .c_portalResProduct_relatedlist-01001 .d_HeadBox{ margin:5px 0 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; } .c_portalResProduct_relatedlist-01001 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_relatedlist-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_relatedlist-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_relatedlist-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_relatedlist-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } /* 隐藏移动的标签 */ .c_portalResProduct_relatedlist-01001 .p_salePriceMo, .c_portalResProduct_relatedlist-01001 .p_NomBoxMo { display: none; } /* 零售价 */ .c_portalResProduct_relatedlist-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_relatedlist-01001 .p_priceUnit::before { content: "\e6d7"; } /* 列表主体样式end */ } /* html body .main .p_image img, body .main .p_image img { height: auto!important; width: 70% !important; } */ /* 屏幕宽度介于768px-1024px样式 */ @media only screen and (min-width:769px) and (max-width: 1024px){} html body #c_portalResProduct_relatedlist-1603247377520 .p_image img{ height: auto!important; width: 75% !important; } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #w_grid-1554256678591 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1554256678591*/ /*w_grid-1554256678591*/ /*w_grid-1554256678591*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1554256681598 > div > .p_gridbox{ background-image:url(../image/500921483.jpg); } #w_grid-1554256681598 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1554256681598 >div{ animation-fill-mode:both; } #w_grid-1554256681598 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1554256681598*/ /*w_grid-1554256681598*/@media only screen and (min-width: 769px){ #w_grid-1554256681598> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1554256681598> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1554256681598> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1554256681598*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1554256681598 .p_gridbox{ background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; } #w_grid-1554256696734 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1554256696734*/ /*w_grid-1554256696734*/ /*w_grid-1554256696734*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1554256724904 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1554256724904*/ /*w_grid-1554256724904*/ /*w_grid-1554256724904*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1554258662710 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1554258662710*/ /*w_grid-1554258662710*/ /*w_grid-1554258662710*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1554256678591{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:749px; 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-1554256681598{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:450px; 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-1554256696734{ width:100%; max-width:1340px; min-width:0px; height:auto; max-height:none; min-height:508px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:40px; padding-left:20px; padding-right:20px; padding-bottom:40px; } #w_grid-1554256724904{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:73px; 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-1554258662710{ 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_portalResPublic_codeContainer-1603247377495{ 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; } #c_portalResBreadcrumb_nav-16037660562689607 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResBreadcrumb_nav-16037660562689607 >div{ animation-fill-mode:both; } #c_portalResSearch_total-16037660562690591 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResSearch_total-16037660562690591 >div{ animation-fill-mode:both; } #c_portalResSearch_total-16037660562690591 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResSearch_total-16037660562690591 .p_info .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResSearch_total-16037660562690591 .p_atlas .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResSearch_total-16037660562690591 .p_companyfile .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResSearch_total-16037660562690591 .p_recruit .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResSearch_total-16037660562690591 .p_intro .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResSearch_total-16037660562690591 .p_mapPosition .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResSearch_total-16037660562690591 .p_question .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResSearch_total-16037660562690591 .p_searchBox .p_input{ width:240px; } #c_portalResBreadcrumb_nav-16037660562689607{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:30px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResSearch_total-16037660562690591{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:6px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_detail-1603247377515 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_detail-1603247377515 >div{ animation-fill-mode:both; } #c_portalResProduct_detail-1603247377515 .p_image{ width:100%; height:100%; background:#ffffff; border:#e4e4e4 1px solid; } #c_portalResProduct_detail-1603247377515 h3{ color:#2982bd; font-size:24px; font-weight:600; line-height:38px; margin-bottom:20px; } #c_portalResProduct_detail-1603247377515 .reset_style p{ font-size:16px; line-height:35px; } #c_portalResProduct_detail-1603247377515 .p_imagesA{ display:none; } #c_portalResProduct_detail-1603247377515 .p_ProInfo{ display:none; } #c_portalResProduct_detail-1603247377515 .d_TabTitleBox{ display:none; } #c_portalResProduct_detail-1603247377515 .d_DescriptionBoxA{ margin-top:0; } #c_portalResProduct_detail-1603247377515 .reset_style h1{ font-weight:700; font-size:32px; margin-bottom:30px; display:block; } #c_portalResProduct_detail-1603247377515 table a{ background:#09f; width:210px; padding:10px 40px; border-radius:3px; } #c_portalResProduct_detail-1603247377515 h2 a{ color:#fff; } #c_portalResProduct_detail-1603247377515 td{ border:#000 0px solid; } #c_portalResProduct_detail-1603247377515 .p_nextBox{ margin-top:0; } #c_portalResProduct_detail-1603247377515{ width:100%; max-width:1460px; min-width:250px; height:100%; max-height:100%; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #c_portalResProduct_relatedlist-1603247377520 .p_Product{width:calc((100% - 0px)/4); } #c_portalResProduct_relatedlist-1603247377520 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_relatedlist-1603247377520 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_relatedlist-1603247377520 >div{ animation-fill-mode:both; } #c_portalResProduct_relatedlist-1603247377520 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_relatedlist-1603247377520 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_relatedlist-1603247377520 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_relatedlist-1603247377520 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_relatedlist-1603247377520 .stylebox_title{ background-color:#277bd1!important; } #c_portalResProduct_relatedlist-1603247377520 .stylebox_top{ background-color:#277bd1!important; } #c_portalResProduct_relatedlist-1603247377520 .p_ProductList{ padding:20px 0; } #c_portalResProduct_relatedlist-1603247377520 .d_HeadBox{ height:50px; } #c_portalResProduct_relatedlist-1603247377520 a:hover{ color:#1e95d4; } #c_portalResProduct_relatedlist-1603247377520 .p_ThumbnailBox{ display:none; } #c_portalResProduct_relatedlist-1603247377520 .p_ProductInner:hover{ border-width:1px; border-color:#1e95d4; margin:0; } #c_portalResProduct_relatedlist-1603247377520{ width:100%; max-width:1480px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:50px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_grid-1603247377445 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1603247377445*/ /*w_grid-1603247377445*/ /*w_grid-1603247377445*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1603247377455 > div > .p_gridbox{ background-image:url(../image/z37.png); } #w_grid-1603247377455 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603247377455 >div{ animation-fill-mode:both; } #w_grid-1603247377455 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1603247377455*/ /*w_grid-1603247377455*/@media only screen and (min-width: 769px){ #w_grid-1603247377455> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1603247377455> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1603247377455> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1603247377455*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1603247377455 .p_gridbox{ background-repeat:no-repeat; background-position:center center; background-size:cover; } #w_grid-1603247377465 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1603247377465*/ /*w_grid-1603247377465*/ /*w_grid-1603247377465*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1603247377475 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603247377475 >div{ animation-fill-mode:both; } #w_grid-1603247377475 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1603247377475*/ /*w_grid-1603247377475*/@media only screen and (min-width: 769px){ #w_grid-1603247377475> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1603247377475> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1603247377475> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1603247377475*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1603765969441 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603765969441 >div{ animation-fill-mode:both; } #w_grid-1603765969441 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1603765969441*/ /*w_grid-1603765969441*/@media only screen and (min-width: 769px){ #w_grid-1603765969441> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1603765969441> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:21.14%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1603765969441> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:78.86%; } #w_grid-1603765969441> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } /*w_grid-1603765969441*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1603763465699 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603763465699 >div{ animation-fill-mode:both; } #w_grid-1603763465699 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1603763465699*/ /*w_grid-1603763465699*/@media only screen and (min-width: 769px){ #w_grid-1603763465699> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1603763465699> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1603763465699> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1603763465699*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1603763465699> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1603763465699> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:29.659999999999997%; margin-left:0; margin-right:0; clear:none; } #w_grid-1603763465699> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:70.34%; } #w_grid-1603763465699> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1603247377445{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:744px; 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-1603247377455{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:60px; 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-1603247377465{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:60px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_grid-1603247377475{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1603765969441{ width:100%; max-width:1460px; 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:20px; padding-right:30px; padding-bottom:0px; } #w_grid-1603763465699{ width:100%; max-width:1440px; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:35px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom:0px; } #c_portalResProduct_category-16309172170062910 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_category-16309172170062910 >div{ animation-fill-mode:both; } #c_portalResProduct_category-16309172170062910 .index_type .p_categoryBox{ margin-left:140px; display:flex; flex-wrap:wrap; width:100px; } @media screen and (max-width:768px){ #c_portalResProduct_category-16309172170062910 .czx_pcate .p_category .p_categoryBox>.p_parentBox{ width:47% !important; } } #c_portalResProduct_category-16309172170062910{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:800px; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }