.e_ContentMajorStyleBox-001{ height:auto; height-and-height-uint:auto; width-and-width-uint:100%; width:100%; background-color:rgba(255, 255, 255, 1); width-uint:%; padding:50px; } .e_ContentMajorStyleBox-001 .stylebox_top{ height:40px; width:auto; background-color:rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ vertical-align:middle; line-height:40px; margin-right:10px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_ContentMajorStyleBox-001 .title_icon::before{ content:""; } .e_ContentMajorStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); max-width:600px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-weight:normal; } .e_ContentMajorStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_ContentMajorStyleBox-001 .stylebox_title{ padding-left:15px; padding-right:15px; vertical-align:bottom; height:inherit; width:auto; font-size:0px; background-color:rgba(101, 190, 186, 1); white-space:nowrap; display:inline-block; } .e_ContentMajorStyleBox-001 .stylebox_link{ vertical-align:middle; margin-right:15px; height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; padding:0 15px; float:right; } .e_ContentMajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_ContentMajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_ContentMajorStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ width-and-height:custom; background-color:rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content{ height:calc(100% - 48px); height-and-height-uint:calc(100% - 48px); width-and-width-uint:100px; width:100%; border-style:solid; border-color:#f0f0f0; border-width:0px; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ width-and-height:custom; background-color:rgba(240,240,240,1); }.e_FlowCommonStyleBox-001{ border-top-style:solid; border-top-color:rgba(242, 134, 0, 1); height:auto; height-and-height-uint:auto; width-and-width-uint:100%; width:100%; background-color:rgba(255, 255, 255, 1); width-uint:%; padding:53px; border-top-width:4px; margin-bottom:80px; } .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{ height:40px; width:auto; background-color:#1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ vertical-align:middle; line-height:40px; margin-right:10px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_FlowCommonStyleBox-001 .title_icon::before{ content:""; } .e_FlowCommonStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); max-width:600px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-weight:normal; } .e_FlowCommonStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_FlowCommonStyleBox-001 .stylebox_title{ padding-left:15px; padding-right:15px; vertical-align:bottom; height:inherit; width:auto; font-size:0px; background-color:#1890FF; white-space:nowrap; display:inline-block; } .e_FlowCommonStyleBox-001 .stylebox_link{ vertical-align:middle; margin-right:15px; height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; float:right; } .e_FlowCommonStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_FlowCommonStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_FlowCommonStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ width-and-height:custom; background-color:rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content{ height:calc(100% - 48px); height-and-height-uint:calc(100% - 48px); width:100%; width-and-width-uint:100px; border-style:solid; border-color:#f0f0f0; border-width:0px; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ width-and-height:custom; background-color:rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.w_tabswitchbox-001{ width:100%; min-height:200px; margin: 0 auto; } .w_tabswitchbox-001 .w_tabswitchbox{ height:100%; width:100%; min-height: inherit; } .w_tabswitchbox-001 .p_box001::-webkit-scrollbar-thumb{ background-color:transparent; } .w_tabswitchbox-001 .p_box001::-webkit-scrollbar{ height: 0; } .w_tabswitchbox-001 .p_vline:last-of-type{ display: none; } .w_tabswitchbox-001 .p_relationbtntab .iconfont:before { content: ""; } .w_tabswitchbox-001 .p_relationbtntab .iconfont { color: rgba(225,225,225,1); } .w_tabswitchbox-001 .p_relationbtntab{ width: 100%; height: 100%; display: inline-block; vertical-align: middle; background-color: #ffffff; text-align: center; color: #070707; border-radius: 0; border-right: solid 1px #d9d9d9; } .w_tabswitchbox-001 .p_relationbtntab.active { color: rgba(255,255,255,1); background-color: #04b6ba; } .w_tabswitchbox-001 .p_relationbtntab:before{ content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } .w_tabswitchbox-001 .p_relationbtntab .font{ width: 100%; height: auto; font-size: 16px; background-color: inherit; color: inherit; display: inline-block; vertical-align: middle; } .w_tabswitchbox-001 .p_box003{ width:100%; height:100%; display:none; overflow: auto; position: static; } .w_tabswitchbox-001 .p_box003.active{ display: block; }  .w_tabswitchbox-001 > .layout_1 .p_box001{ width:100%; height:50px; display: block; font-size: 0; position:relative !important; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .w_tabswitchbox-001 > .layout_1 > div > .e_link-000{ width: calc(100% / 3); height: inherit; display: inline-block; cursor: pointer; } .w_tabswitchbox-001 > .layout_1 > div > .p_vline{ width: 0; height: 100%; display: inline-block; vertical-align: middle; border-left-width: 0px; border-left-style: solid; border-color:rgba(225,225,225,1); } .w_tabswitchbox-001 > .layout_1 .p_box002{ width: 100%; height:calc(100% - 50px); border-width: 0; border-style: solid; border-color:rgba(228, 228, 228, 1); background-color:rgba(255,255,255,1); margin-top: 14px; }   .w_tabswitchbox-001 .layout_2{ font-size: 0; } .w_tabswitchbox-001 > .layout_2 .p_box001{ width: 100px; height: 100%; min-height: inherit; display: inline-block; vertical-align: top; } .w_tabswitchbox-001 > .layout_2 .p_box002{ width: calc(100% - 100px); height: 100%; min-height: inherit; display: inline-block; vertical-align: top; border-width:1px; border-style: solid; border-color:rgba(228, 228, 228, 1); background-color:rgba(255,255,255,1); } .w_tabswitchbox-001 > .layout_2 > div > .e_link-000{ width: 100%; height: 50px; display: block; } .w_tabswitchbox-001 > .layout_2 > div > .p_vline{ width: 100%; height: 0px; display: block; }  .p_link-4 .p_relationbtntab{border:none;}@media only screen and (max-width:768px){ .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height:auto; min-width: 640px; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001 .p_ProductList{ margin:0; width: auto; height:auto; padding:0; overflow: hidden; background-color:transparent; white-space:normal; font-size: 0; } .c_portalResProduct_list-01001 .p_categorySummaryBox { padding:15px; border-bottom:1px solid rgba(0,0,0,0.09); } .c_portalResProduct_list-01001 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } .c_portalResProduct_list-01001 .p_sort{ margin:0; width: auto; height:auto; padding:0 15px; overflow: hidden; font-size: 16px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 10px solid #F5F5F5; } .c_portalResProduct_list-01001 .d_sortBtn{ -webkit-flex:1.5; flex: 1.5; -webkit-box-flex: 1.5; -moz-box-flex: 1.5; -ms-flex: 1.5; display: block; position: relative; width:100%; line-height: 40px; text-align: center; } .c_portalResProduct_list-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .p_default { -webkit-flex:1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont{ display:inline-block; font-size:12px; width:0; height:0; margin:5px 0 0 3px; font:0/0 arial; vertical-align: middle; border:5px dashed transparent; border-top:5px solid rgba(0,0,0,0.45); text-align:center; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: #1890FF; border-top-color: #1890FF; } .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow{ margin-top:0; border-top: 0 none; border-bottom: 5px solid rgba(0,0,0,0.45); } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before{ content:"\e69c"; } .c_portalResProduct_list-01001 .p_default .font .iconfont { display:none; } .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_list-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_list-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_list-01001 .p_Product:last-of-type .p_ProductInner { border:0 none; }  .c_portalResProduct_list-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_list-01001 .p_image { width: 100%; height: 100%; overflow: hidden; } .c_portalResProduct_list-01001 .p_imagesPc {display: none;} .c_portalResProduct_list-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; padding:0; } .c_portalResProduct_list-01001 .p_ThumbnailBox { display: none; } .c_portalResProduct_list-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_list-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_list-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_list-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_list-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_list-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_list-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } .c_portalResProduct_list-01001 .p_salePricePc, .c_portalResProduct_list-01001 .p_NomBoxPc { display: none; } .c_portalResProduct_list-01001 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001 .d_summary{ color:#999; font-size:12px; line-height:20px; text-align:left; vertical-align:top; word-break:break-all; }  .c_portalResProduct_list-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: "\e6d7"; } .c_portalResProduct_list-01001 .p_interaction{ 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; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001 .p_interaction .btn-default { display: inline-block; margin: 5px 0 0; } .c_portalResProduct_list-01001 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } } @media only screen and (min-width:769px){ .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height:auto; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001 .p_ProductList{ width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0;  } .c_portalResProduct_list-01001 .p_categorySummaryBox { padding:0 0 20px; margin:0 0 30px; border-bottom:1px solid rgba(0,0,0,0.09); } .c_portalResProduct_list-01001 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } .c_portalResProduct_list-01001 .p_sort{ margin:0 0 10px; width: auto; height:auto; padding:0 0 0 1px; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; clear:both; font-size: 14px; } .c_portalResProduct_list-01001 .d_sortBtn{ position:relative; float: left; height:30px; margin:0 0 0 -1px; line-height:30px; text-align:left; padding-left:15px; padding-right: 30px; background-color:rgba(255, 255, 255, 1); border-width:1px; border-style:solid; border-color:#D9D9D9; cursor:pointer; color:rgba(0,0,0,0.65); } .c_portalResProduct_list-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .p_default { padding-right: 15px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont{ display:inline-block; position:absolute; top:0; right:8px; font-size:12px; color:rgba(0,0,0,0.65); text-align:center; transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg); } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: #1890FF; } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow{ transform:rotate(180deg); -ms-transform:rotate(180deg);  -moz-transform:rotate(180deg);  -webkit-transform:rotate(180deg); } .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow{ transform:rotate(0deg); -ms-transform:rotate(0deg);  -moz-transform:rotate(0deg);  -webkit-transform:rotate(0deg); } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before{ content:"\e69a"; } .c_portalResProduct_list-01001 .p_default .iconfont.arrow { display: none; } .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/3); padding: 10px; height: inherit; } .c_portalResProduct_list-01001 .p_ProductInner { width: 100%; padding: 0 0 5px; background: #fff; box-sizing: content-box; } .c_portalResProduct_list-01001 .p_ProductInner:hover { border-width: 3px; border-color: #1890FF; margin: -2px; }  .c_portalResProduct_list-01001 .p_images { position: relative; width: 100%; height: 188px; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; } .c_portalResProduct_list-01001 .p_imagesMo {display: none;} .c_portalResProduct_list-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; padding-bottom: 75% !important; padding:0; } .c_portalResProduct_list-01001 .p_ThumbnailBox { position: absolute; left: 0; bottom: 1px; z-index: 10; width:236px; height: auto; padding:0; overflow: hidden; height: auto; } .c_portalResProduct_list-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_list-01001 .p_ThumbnailBox .p_thumbnail:hover { border-color: rgba(255,255,255,.7) }  .c_portalResProduct_list-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_list-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_list-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_list-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_list-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_list-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_list-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } .c_portalResProduct_list-01001 .p_salePriceMo, .c_portalResProduct_list-01001 .p_NomBoxMo { display: none; } .c_portalResProduct_list-01001 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001 .d_summary{ line-height:20px; text-align:left; vertical-align:top; word-break:break-all; } .c_portalResProduct_list-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: "\e6d7"; } .c_portalResProduct_list-01001 .p_interaction{ 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; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001 .p_interaction .btn-default { display: inline-block; margin:5px 0 0 ; } .c_portalResProduct_list-01001 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } } @media only screen and (min-width:769px) and (max-width: 1024px){} #c_portalResProduct_list-16092297357687762 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-16092297357687762 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16092297357687762 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16092297357687762 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16092297357687762 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762 .proSwiperBox{ position:relative; padding:20px 0px; } #c_portalResProduct_list-16092297357687762 .swiper-container{ width:100%; height:auto; } #c_portalResProduct_list-16092297357687762 .swiper-slide{ overflow:hidden; } #c_portalResProduct_list-16092297357687762 .proCotent{ position:relative; border:solid 1px #e4e4e4; padding:15px; position: relative; padding-bottom: 85%; overflow: hidden; } #c_portalResProduct_list-16092297357687762 .content{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; opacity:0; transition:all .5s ease; background-color:rgba(100,100,100,.5); } #c_portalResProduct_list-16092297357687762 .proLink{ position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; } #c_portalResProduct_list-16092297357687762 .swiper-button-prev{ position:absolute; top:0px; bottom:0px; left:0; margin:auto; width:30px; height:50px; line-height:50px; text-align:center; z-index:10; cursor:pointer; border-radius:1px; -webkit-transition:all 200ms ease; transition:all 200ms ease; font-size:1.5rem; color:#333; } #c_portalResProduct_list-16092297357687762 .swiper-button-next{ position:absolute; top:0px; bottom:0px; right:0; margin:auto; width:30px; height:50px; line-height:50px; text-align:center; z-index:10; cursor:pointer; border-radius:1px; -webkit-transition:all 200ms ease; transition:all 200ms ease; font-size:1.5rem; color:#333; } #c_portalResProduct_list-16092297357687762 .proPic{ max-height: 100%; transition:all .5s ease; transform:scale(1); position: absolute; transform: translate(-50%,-50%); left: 50%; top: 50%; max-height: 80%; } #c_portalResProduct_list-16092297357687762 .proTitle{ height:20px; position:absolute; top:0px; width:100%; text-align:center; opacity:0; color:#f7d32d; transition:all .5s ease; padding:0 20%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_portalResProduct_list-16092297357687762 .proMs{ position:absolute; bottom:0px; text-align:center; opacity:0; color:#fff; transition:all .5s ease; padding:0 20%; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3px; -webkit-box-orient:vertical; text-overflow:ellipsis; } #c_portalResProduct_list-16092297357687762 .proCotent:hover .proPic{ transform: translate(-50%,-50%) scale(1.1); } #c_portalResProduct_list-16092297357687762 .proCotent:hover .content{ opacity:1; } #c_portalResProduct_list-16092297357687762 .proCotent:hover .proTitle{ top:20%; opacity:1; } #c_portalResProduct_list-16092297357687762 .proCotent:hover .proMs{ bottom:calc((100% - 50% - 20px)/1); opacity:1; } #c_portalResProduct_list-16092297357687762 .proTitle1{ text-align:center; margin-top: 0; background: #919191; color: #fff; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; padding: 10px; display: block; } .swiper-slide:hover .proTitle1{background-color:#04b6ba!important;color:#fff;}.con_tit { position: absolute; bottom: 60px; color: #fff; } .con_tit .zh { font-size: 38px; line-height: 1.2; font-weight: bold; } .con_tit .en { font-size: 24px; font-weight: bold; line-height: 1.2; } .about { overflow: hidden; } .about .pic { width: 50%; overflow: hidden; margin-top:30px; } .about .con { width: 50%; padding: 30px 0 0 30px; } .about .pic img { width: 100%; display: block; transition: transform 1.2s ease-out 0s; -webkit-transition: -webkit-transform 1.2s ease-out 0s; } .about .pic:hover img { transform: scale(1.3); -webkit-transform: scale(1.3); } .about .con .tit { margin-bottom: 20px; } .about .con span { display: block; } .about .con span.cn { font-size: 24px; font-weight: bold; color: #333; } .about .con span.en { color: #e71f19; font-size: 18px; font-family: Arial, sans-serif; } .btnMore2 { border: 1px solid rgb(231, 43, 24); width: 108px; height: 40px; line-height: 40px; text-align: center; display: block; position: relative; overflow: hidden; margin-top: 8%; border-radius:5px; } .btnMore2 .bg50 { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block; } .btnMore2 .bg50:before { position: relative; content: ''; display: block; margin-top: 100%; } .btnMore2 .bg50:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; } .btnMore2 .txt { color:#e72b18; position: relative; } .btnMore2:hover { border-color: #e71f19; background-color: #e71f19; } .btnMore2:hover .bg50 { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; } .btnMore2:hover .bg50:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; } .btnMore2:hover .txt { color: #fff; } @-webkit-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45); } 100% { background: transparent; } } @-moz-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45); } 100% { background: transparent; } } @-ms-keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45); } 100% { background: transparent; } } @keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.45); } 100% { background: transparent; } } @-webkit-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @-moz-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @-ms-keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } @keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } .ibox-business-list { margin-left: -2%; } .ibox-business-list dd { float: left; display: block; position: relative; overflow: hidden; width: 23%; margin-left: 2%; } .ibox-business-list .img { overflow: hidden; } .ibox-business-list .img img { width: 100%; display: block; } .ibox-business-list .red50 { background: rgba(242,134,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .ibox-business-list .con { position: absolute; left: 0; top: 0; background-color: #fff; width: 100%; height: 100%; text-align: center; color: #333; -webkit-transition: 0.3s linear; transition: 0.3s linear; } .ibox-business-list .ico { width: 90px; height: 90px; display: block; margin: 50px auto 10px; position: relative; transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .ibox-business-list .ico img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ibox-business-list .ico .i1 { display: block; } .ibox-business-list .ico .i2 { display: none; } .ibox-business-list .t { font-size: 24px; line-height: 1.2; -webkit-transition: 0.3s; transition: 0.3s; } .ibox-business-list .more { background: url(//dfs.yun300.cn/group1/M00/02/CF/rBQBHVyLQZWEfkRXAAAAAIFROlo123.png?tenantId=216703&viewType=1&v=000) no-repeat scroll center center; width: 15px; height: 15px; display: block; margin: 22px auto 0; } .iinkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; } .ibox-business-list dd:hover .con { background-color: transparent; } .ibox-business-list dd:hover .ico { margin-top: 20px; } .ibox-business-list dd:hover .ico .i1 { display: none; } .ibox-business-list dd:hover .ico .i2 { display: block; } .ibox-business-list dd:hover .t { color: #fff; } .footer{ background: #f28600; } .foot{ max-width:1180px; margin:0 auto; padding:50px 0; overflow: hidden; } .foot ul li{ width:33.33%; float:left; color:#fff; line-height:2; padding-left:30px; } .foot ul li.li1{ background: url(//dfs.yun300.cn/group1/M00/02/D1/rBQBHVyLWr-EIQlFAAAAAJPn5kw216.png?tenantId=216703&viewType=1&v=000) no-repeat left center; } .foot ul li.li2{ background: url(//dfs.yun300.cn/group1/M00/15/5F/rBQBG1yLWtGET_MJAAAAAF3wNwM146.png?tenantId=216703&viewType=1&v=000) no-repeat left center; } .foot ul li.li3{ background: url(//dfs.yun300.cn/group1/M00/15/5F/rBQBG1yLWuGEdj8fAAAAAKVdT0g860.png?tenantId=216703&viewType=1&v=000) no-repeat left center; } .foot ul li a{ color:#fff; margin-right:10px; } .food{ background: #333; padding:10px 0; text-align: center; } .food p{ color:#fff; } .food a{ color:#fff; } .values-list { padding-top: 1px; padding-left: 1px; } .values-list .values-item{ float: left; width: 50%; margin-left: -1px; border-top-color: rgba(255, 255, 255, 0.2) } .values-item { position: relative; margin-top: -1px; padding: 40px 50px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-top-color: transparent; z-index: 1; } .values-item:first-child { border-color: rgba(255, 255, 255, 0.2); } .values-list .icon { display: inline-block; background: no-repeat center center; background-size: cover; vertical-align: top; left: 50px; width: 70px; height: 70px; transition: all .3s; } .values-item .icon { position: absolute; top: 50%; margin-top: -30px; background-color: #fff; background-size: auto; border-radius: 50%; } .values-item .info { margin-left: 85px; font-size: 24px; font-weight: bold; } .values-item:hover .icon { background-color: #e71f19; animation: iconShow .5s; } @keyframes iconShow { from, to { transform: scale(1, 1); } 25% { transform: scale(0.9, 1.1); } 50% { transform: scale(1.1, 0.9); } 75% { transform: scale(0.95, 1.05); } } .people { padding: 118px 0; background-color: rgba(242, 134, 0, 1); } .people strong { display: block; text-align: center; line-height: 1; color: #fff; font-size: 36px; margin-bottom: 16px; } .people small { display: block; line-height: 1; text-align: center; color: #fff; font-size: 16px; font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; } .resoucedown { text-align: center; } .resoucein { display: inline-block;  vertical-align: middle; margin-left: 2%; border: 2px solid #e71f19; width: 23%; padding-top: 59px; height: 160px; text-align: center; position: relative; transition: 0.34s; } .resoucein:last-child { margin-right: 0; } .resoucein:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(231, 31, 25); background: #0a2e4e\9; filter: alpha(opacity=80); position: absolute; left: 0; top: 0; -webkit-transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1); transition: -webkit-transform .38s cubic-bezier(.4, 0, .2, 1); transition: transform .38s cubic-bezier(.4, 0, .2, 1); transition: transform .38s cubic-bezier(.4, 0, .2, 1), -webkit-transform .38s cubic-bezier(.4, 0, .2, 1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; } .resoucein:hover { border-color: #f28600; } .resoucein:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9; } .resoucein:hover span { color: #fff; } .resoucein:hover span:before { background: #fff; } .resoucein span { position: relative; display: inline-block; margin: auto; line-height: 1; color: #333; font-size: 20px; text-align: center; font-weight: bold; padding-bottom: 25px; position: relative; transition: 0.34s; } .resoucein span:before { content: ""; width: 10px; height: 3px; background: #bf9f62; position: absolute; left: 50%; margin-left: -5px; bottom: 0; transition: 0.34s; } #allmap { height: 900px; width: 100%; overflow: hidden; } #allmap .BMapLib_nav_tab_content td{ display:inline-block; width: auto !important; } #allmap .BMap_stdMpCtrl{ display:none !important; } .BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;} @keyframes scales { 0% { opacity: 0.2; transform: scale(0.6);} 33% { opacity: 0.5; transform:scale(0.8);} 66% { opacity: 1; transform:scale(1);} 100% { opacity: 0.6; transform:scale(0.6); } } @media only screen and (max-width: 768px) { #allmap { height: 500px; } .resoucein { width: 47%; margin-bottom: 32px; float: left; margin-right: 0; } .resoucein:nth-child(2n+2) { float: right; } .resoucein span { font-size: 18px; } .people { padding: 30px 0; } .people strong { font-size: 20px; margin-bottom: 10px; } .people small { font-size: 12px; } .about { padding: 0 30px; } .about .pic { width: 100%; float: none; } .about .con { width: 100%; padding: 0 0 30px 0; float: none; } .about .cot p { text-align:justify; } .btnMore2 { margin-top: 3%; } .c_portalResPublic_codeContainer-01001 { min-height: 500px; width: 100%; } .ibox-business-list {  } .ibox-business-list dd {  width: 48%; margin-bottom: 2%; } .ibox-business-list .t{ font-size: 16px; } .ibox-business-list .img{  } .foot{ padding:30px; } .foot ul li{ width:100%; float:none; } .food{ padding:10px 30px; text-align:left; } .con_tit{ left:30px; } .con_tit .zh { font-size: 18px; line-height: 1.2; font-weight: bold; } .con_tit .en { font-size: 16px; } .values-list .values-item{ width:100%; float:none; } .values-list .icon{ width:60px; height:60px; } .ibox-business-list .ico { margin: 15% auto 10px; } } @media only screen and (min-width: 769px) { .c_portalResPublic_codeContainer-01001 { min-height: 500px; width: 100%; } } @media only screen and (max-width: 1180px) and (min-width: 769px) { .ibox-business-list .ico { width: 60px; height: 60px; } .con_tit{ left:30px; } .con_tit .zh { font-size: 18px; line-height: 1.2; font-weight: bold; } .con_tit .en { font-size: 16px; } .about{ padding:0 30px; } .about .con { padding: 0 0 0 30px; } .about .cot p { overflow: hidden; } .ibox-business-list .t { font-size: 16px; } #c_portalResPublic_codeContainer-15526280093404395{ padding:0 30px !important; } .ibox-business-list .ico { margin: 15% auto 10px; } .foot{ padding:30px; } .foot ul li{ width:100%; float:none; } .food{ padding:10px 30px; text-align:left; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { } .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=216703&viewType=1&v=000) no-repeat center; }.k_bannerbox .k_bannerbox .p_prompt{ } .k_bannerbox .swiper-pagination{position:absolute;bottom:20px;left:49%;z-index:99999;} .k_bannerbox .bannerBox{ width:100%; height:auto; } .k_bannerbox .content{ position:relative; width:100%; height:atuo; } .k_bannerbox .picB{ width:100%; height:auto; } .k_bannerbox .bannerPic{ position:relative; width:100%; top:0; left:0; transform:none; } .k_bannerbox .swiper-button-prev{ width:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; left: 0; background-color: rgba(37, 37, 37, 0.5); color:#fff; text-align:center; line-height: 55px; border-radius: 0; font-size: 35px; opacity: 0.5; transition: all 0.2s; padding-top: 5px; } .k_bannerbox .swiper-button-next{ width:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; right: 0; background-color: rgba(43, 43, 43, 0.5); color:#fff; text-align:center; line-height:38px; line-height: 55px; border-radius: 0; font-size: 35px; opacity: 0.5; transition: all 0.2s; padding-top: 5px; } .k_bannerbox .text{ position:absolute; top:50%; width:60%; max-width:1000px; left:0; right:0; margin:0 auto; transform:translateY(-30%); } .k_bannerbox .bannerTitle{ color:#fff; position:relative; padding-bottom:2rem; font-size:1.125rem; } .k_bannerbox .bannerTitle::before{ content:''; display:block; width:2rem; height:0.125rem; background-color:#e34646; position:absolute; top:2.25rem; } .k_bannerbox .bannerTitle::after{ content:''; display:block; width:2rem; height:0.125rem; background-color:#fff; position:absolute; top:2.25rem; left:2rem; } .k_bannerbox .summry{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#fff; font-size:1.5rem; letter-spacing:3px; } .k_bannerbox .bannerLink{ display:block; width:6rem; height:2rem; border-radius:1rem; background-color:#fff; text-align:center; line-height:2rem; color:#ccc; margin-top:3rem; } .k_bannerbox .text *{ transform:translateY(3rem); opacity:0; } .k_bannerbox .swiper-slide-active .text *{ transition:all 2s ease .5s; transform:translateY(0); opacity:1; } .k_bannerbox .bannerLink:hover{ background-color:rgba(227, 70, 70, 1); color:#fff; transition:all 2s ease; } @media only screen and (max-width: 1024px) and (min-width: 769px){ .k_bannerbox .bannerTitle { font-size: 1.25rem; } .k_bannerbox .summry { font-size: 1rem; } } @media only screen and (max-width: 768px){ .k_bannerbox .swiper-pagination{left:44%;bottom: 2px;} .k_bannerbox .bannerBtn { display:none; } .k_bannerbox .bannerTitle { font-size: 1rem; } .k_bannerbox .summry { font-size: 0.875rem; } } .k_bannerbox .swiper-pagination span{ background: #ffffffb3; border-radius: 100px; display: inline-block; margin-right: 8px; background-color: rgba(168, 168, 168, 0.81); width: 15px; height: 15px; border-radius: 50px; cursor: pointer; } .k_bannerbox .swiper-pagination-bullet-active{ background-color: #00899c!important; } .k_bannerbox .k_btn:hover{opacity:1;} .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .dot.current{ background:#0095a3; } .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:199px; border-radius:100px; line-height:35px; background-color:#00899c; z-index:9999; font-size:15px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .btnn:hover{ border:solid 4px #fff; } .k_bannerbox a.e_link.p_LinkA:hover{ border:none; } .k_bannerbox .swiper-slide:nth-child(2n+1) .btnn{ left:auto!important; right:19%!important; } @media only screen and (max-width: 768px){ .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:126px; border-radius:100px; line-height:20px; background-color:#00899c; z-index:9999; font-size:12px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .p_ThumbnailBox{ bottom:0px; } .k_bannerbox .swiper-pagination span{ width:10px; height:10px; } } .k_bannerbox .k_bannerbox .p_prompt{ } .k_bannerbox .swiper-pagination{position:absolute;bottom:20px;left: 50%;z-index:99999;transform: translate(-50%,-50%);} .k_bannerbox .bannerBox{ width:100%; height:auto; } .k_bannerbox .content{ position:relative; width:100%; height:atuo; z-index: 1; } .k_bannerbox .picB{ width:100%; height:auto; } .k_bannerbox .bannerPic{ position:relative; width:100%; top:0; left:0; transform:none; z-index: -1; } .k_bannerbox .swiper-button-prev{ width:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; left: 0; background-color: rgba(37, 37, 37, 0.5); color:#fff; text-align:center; line-height: 55px; border-radius: 0; font-size: 35px; opacity: 0.5; transition: all 0.2s; padding-top: 5px; } .k_bannerbox .swiper-button-next{ width:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; right: 0; background-color: rgba(43, 43, 43, 0.5); color:#fff; text-align:center; line-height:38px; line-height: 55px; border-radius: 0; font-size: 35px; opacity: 0.5; transition: all 0.2s; padding-top: 5px; } .k_bannerbox .text{ position:absolute; top:50%; width:60%; max-width:1000px; left:0; right:0; margin:0 auto; transform:translateY(-30%); } .k_bannerbox .bannerTitle{ color:#fff; position:relative; padding-bottom:2rem; font-size:1.125rem; } .k_bannerbox .bannerTitle::before{ content:''; display:block; width:2rem; height:0.125rem; background-color:#e34646; position:absolute; top:2.25rem; } .k_bannerbox .bannerTitle::after{ content:''; display:block; width:2rem; height:0.125rem; background-color:#fff; position:absolute; top:2.25rem; left:2rem; } .k_bannerbox .summry{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#fff; font-size:1.5rem; letter-spacing:3px; } .k_bannerbox .bannerLink{ display:block; width:6rem; height:2rem; border-radius:1rem; background-color:#fff; text-align:center; line-height:2rem; color:#ccc; margin-top:3rem; } .k_bannerbox .text *{ transform:translateY(3rem); opacity:0; } .k_bannerbox .swiper-slide-active .text *{ transition:all 2s ease .5s; transform:translateY(0); opacity:1; } .k_bannerbox .bannerLink:hover{ background-color:rgba(227, 70, 70, 1); color:#fff; transition:all 2s ease; } @media only screen and (max-width: 1024px) and (min-width: 769px){ .k_bannerbox .bannerTitle { font-size: 1.25rem; } .k_bannerbox .summry { font-size: 1rem; } } @media only screen and (min-width: 768px){ .k_bannerbox .mo{display:none;} } @media only screen and (max-width: 768px){ .k_bannerbox .pc{display:none;} .k_bannerbox .swiper-pagination{left: 50%;bottom: 2px;} .k_bannerbox .bannerBtn { display:none; } .k_bannerbox .bannerTitle { font-size: 1rem; } .k_bannerbox .summry { font-size: 0.875rem; } } .k_bannerbox .swiper-pagination span{ background: #ffffffb3; border-radius: 100px; display: inline-block; background-color: rgba(255, 255, 255, 0.81); width: 2.5vw; height: 10px; border-radius: 50px; cursor: pointer; margin: 0 0.5vw; transition: all 0.3s; } .k_bannerbox .swiper-pagination-bullet-active{ background-color: #04b6ba!important; } .k_bannerbox .k_btn:hover{opacity:1;} .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .p_MatteIcon .iconfont:before{ content:'\e602'; } .k_bannerbox >div{ animation-fill-mode:both; } .k_bannerbox .dot.current{ background:#0095a3; } .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:199px; border-radius:100px; line-height:35px; background-color:#00899c; z-index:9999; font-size:15px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .btnn:hover{ border:solid 4px #fff; } .k_bannerbox a.e_link.p_LinkA:hover{ border:none; } .k_bannerbox .swiper-slide:nth-child(2n+1) .btnn{ left:auto; right:19%; z-index:9999999; } @media only screen and (max-width: 768px){ .k_bannerbox .btnn{ position:absolute; left:19%; top:68%; color:#fff; display:block; width:126px; border-radius:100px; line-height:20px; background-color:#00899c; z-index:9999999; font-size:12px; text-align:center; font-weight:bold; opacity:1; border:solid 4px #00899c; } .k_bannerbox .p_ThumbnailBox{ bottom:0px; } .k_bannerbox .swiper-pagination span{ width:10px; height:10px; } } .swiper-slide-active{z-index:99999!important;}.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: 768px){ #w_grid-1609294686613,#c_portalResNews_list-1609294686723,#w_grid-1609294686633{display:none;} #w_grid-1590394536345,#w_grid-1609208507006{display:none;} #c_portalResEbizads_banner-15637860679723262{display:none;} #c_portalResEbizads_banner-15639332065932967{display:block;} #w_grid-1563786072668{margin-top:72px!important;} #w_fimg-1560928116377{width:100%!important;} #w_grid-1560928156933{margin-bottom:14!important;} #w_fimg-1563522087326{margin-top:30px!important;margin-left:auto!important;margin-right:auto!important;} #w_fimg-1563521163553{margin-top:30px!important;margin-left:auto!important;margin-right:auto!important;} #w_grid-1552619190890{margin-top:73px!important;} #c_portalResEbizads_banner-15635351101181578{display:block;} #c_portalResEbizads_banner-15526191926721909{display:none;} #w_common_text-1563325742732 span{font-size:24px!important;} #w_common_text-1560931145425 span{font-size:24px!important;} #w_common_text-1560931223596 span{font-size:24px!important;} #w_grid-1563522052940{margin-top:0px!important;} #w_grid-1563521997673{display:none;} .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ #c_portalResEbizads_banner-15639332065932967{display:none;} .fixed{margin-top:-52px!important;} .p_categoryBox .p_linkBox{padding: 15px 3.2vw!important;background-color: #f3f4f7;} .p_categoryBox .p_parentBox{float:left;} #c_portalResEbizads_banner-15635351101181578{display:none;} .p_page{display:inline-block!important;} .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; }.c_portalResNews_list-01001{ min-width: 320px; width: 100%; } .c_portalResNews_list-01001 .p_PromptNoneData { width: auto; text-align: center } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4" } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .font { display: table-cell; vertical-align: middle; text-align: left } .c_portalResNews_list-01001 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_content { padding-left: 65px }  .c_portalResNews_list-01001 .p_moreBtn { position: static; width: auto; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; text-align: center } .c_portalResNews_list-01001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle } .c_portalResNews_list-01001 .p_moreBtn .iconfont:before { content: "" } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle } .c_portalResNews_list-01001 .p_loading { width: 100%; height: 70px; line-height: 70px; text-align: center; } .c_portalResNews_list-01001 .p_loading .iconfont:before { content: "" } .c_portalResNews_list-01001 .p_loading .font { display: inline-block; margin-left: 20px; height: inherit }  .c_portalResNews_list-01001 .p_moreBox { margin: 0 20px; width: auto; height: auto; padding: 0; overflow: hidden }  .c_portalResNews_list-01001 .p_ToDetail { display: inline-block; margin: 0; padding: 5px 10px; min-width: 86px; text-align: center; white-space: nowrap; vertical-align: middle; } a>.c_portalResNews_list-01001 .p_ToDetail:hover { cursor: pointer }  .c_portalResNews_list-01001 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001 .p_summary { text-align: left; vertical-align: top; word-break: break-all }  .c_portalResNews_list-01001 .p_time { display: inline-block; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; vertical-align: top }  .c_portalResNews_list-01001 .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden }  .c_portalResNews_list-01001 .p_TitleBox { width: auto; height: auto; padding:5px 0; overflow: hidden; vertical-align: top; } .c_portalResNews_list-01001 .p_title { display: inline-table; width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; }  .c_portalResNews_list-01001 .p_header { margin: 5px 0 0; width: auto; height: auto; padding: 0; overflow: hidden; }  .c_portalResNews_list-01001 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden }  .c_portalResNews_list-01001 .p_images { margin: 0; width: 168px; height: 138px; padding: 0; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; margin-right: 15px }  .c_portalResNews_list-01001 .p_articles { margin: 0; width: inherit; height: 186px; padding: 0; }  .c_portalResNews_list-01001 .p_news { margin: 0; width: inherit; height: auto; padding: 0; overflow: hidden; }  .c_portalResNews_list-01001 .p_Newslist { margin: 0; padding: 0; overflow: hidden; } .c_portalResNews_list-01001 { overflow: hidden; } .c_portalResNews_list-01001 .p_content { width: auto; height: auto; vertical-align: top } .c_portalResNews_list-01001 .p_SummaryBox { width: auto; height: auto; } .c_portalResNews_list-01001 .p_assist { width: auto; height: auto; }   .c_portalResNews_list-01001 .p_icon { display: inline-block; vertical-align: middle; margin-top: 2px } .c_portalResNews_list-01001 .p_about { display: inline-block; vertical-align: middle }   .c_portalResNews_list-01001 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 15px 20px; overflow: hidden; float: left; } .c_portalResNews_list-01001 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden } .c_portalResNews_list-01001 .p_thumbnail img { width:100%;} .c_portalResNews_list-01001 .higher .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001 .widther .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001 .smaller .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001 .p_assist { margin-top: 2px; } .c_portalResNews_list-01001 .p_SummaryBox { clear: both; margin-bottom: 10px; margin-top: 8px } .c_portalResNews_list-01001 .p_ToDetail { float: right; position: relative } .c_portalResNews_list-01001 .p_summary { white-space: normal } .c_portalResNews_list-01001 .p_categorySummaryBox{ overflow: hidden; padding: 10px; } @media only screen and (max-width: 768px) { .c_portalResNews_list-01001 .p_articles{ margin-top: 10px !important; width: 100% !important; } .c_portalResNews_list-01001 .mp_linkUrl{ display: block; height: auto; } .c_portalResNews_list-01001 .p_SummaryBox{ display: none; } .c_portalResNews_list-01001 .p_ToDetail{ display: none !important; } .c_portalResNews_list-01001 .mP_SummaryBox{ clear: both; } .c_portalResNews_list-01001 .p_Information{ display: flex; padding: 10px 0; } .c_portalResNews_list-01001 .p_Information li{ flex: 1; height: 20px; overflow: hidden; } .c_portalResNews_list-01001 .p_KeyWord{ width: 100%; margin-top: 5px; } .c_portalResNews_list-01001 .p_KeyWord .p_tag{ padding: 5px 15px; margin-right: 10px; border-radius: 3px; } .c_portalResNews_list-01001 .blank{ width: 100%; height: 15px; overflow: hidden; } .c_portalResNews_list-01001 .p_articles{border: none} } @media only screen and (min-width: 769px) { .c_portalResNews_list-01001 .mp_linkUrl{ display: none; } .c_portalResNews_list-01001 .mP_SummaryBox{ display: none; } .c_portalResNews_list-01001 .p_Information{ display: none; } .c_portalResNews_list-01001 .p_KeyWord{ display: none; } .c_portalResNews_list-01001 .blank{display: none;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { } #c_portalResNews_list-16092351935706588 .p_articles{ width:calc((100% - 0px)/3); } #c_portalResNews_list-16092351935706588 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16092351935706588 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16092351935706588 >div{ animation-fill-mode:both; } #c_portalResNews_list-16092351935706588 .newListBox{ width:100%; height:auto; overflow:hidden; } #c_portalResNews_list-16092351935706588 .container{ width:100%; overflow:hidden; margin:1rem auto; padding:0; margin-bottom:0; } #c_portalResNews_list-16092351935706588 .newList{ overflow:hidden; padding:15px; width:calc(50% - 20px); height:190px; padding-bottom:15px; border:1px solid #dedede; transition:all .5s ease; float:left; margin:0 10px; margin-bottom:17px; } #c_portalResNews_list-16092351935706588 .newList1{ padding:30px; background:#fafafa; margin-bottom:40px; } #c_portalResNews_list-16092351935706588 .newList1 .newTitle{ font-size:1.125rem; font-weight:bold; margin-bottom:5px; } #c_portalResNews_list-16092351935706588 .newList1 .newSummry{ margin-bottom:15px; } #c_portalResNews_list-16092351935706588 .readMore{ display:block; float:none; width:130px; height:30px; padding:0; line-height:30px; border:1px solid #ccc; transition:all 0.3s ease; } #c_portalResNews_list-16092351935706588 .readIcon{ } #c_portalResNews_list-16092351935706588 .readMore:hover{ background:#ccc; color:#fff; } #c_portalResNews_list-16092351935706588 .newList1 .newLinkBox{ padding:0; } #c_portalResNews_list-16092351935706588 .newLinkBox{ position:relative; display:flex; flex-wrap:nowrap; width:100%; height:100%; padding-right:9%; overflow:hidden; } #c_portalResNews_list-16092351935706588 .leftTimeBox{ width:160px; background:#f5f5f5; text-align:center; font-family:arial; transition:all .5s ease; position: relative; } #c_portalResNews_list-16092351935706588 .centerContentBox{ width:calc((100% - 160px)/1); padding-left:4.5%; padding-top:1vw; } #c_portalResNews_list-16092351935706588 .rightIcon{ position:absolute; top:50%; right:0px; transform:translateY(-50%); width:40px; height:40px; border-radius:20px; overflow:hidden; } #c_portalResNews_list-16092351935706588 .newData{ font-size:2.75rem; line-height:46px; padding-top:15px; } #c_portalResNews_list-16092351935706588 .newTitle{ font-size:16px; color: #3e3e3e; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition: all .2s ease; display: block; } #c_portalResNews_list-16092351935706588 .newToolBox{ margin:3px 0; color:#b4b4b4; } #c_portalResNews_list-16092351935706588 .newSummry{ line-height:24px; overflow:hidden; color: #949494; font-size:14px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; } #c_portalResNews_list-16092351935706588 .rIcon{ position:absolute; top:0; left:0; display:block; width:auto; height:98%; transition: all .2s ease; } #c_portalResNews_list-16092351935706588 .redIcon{ opacity:0; } #c_portalResNews_list-16092351935706588 .whiteIcon{ opacity:1; } #c_portalResNews_list-16092351935706588 .newList:hover{ } #c_portalResNews_list-16092351935706588 .newList:hover .leftTimeBox{ background:#ccc; color:#fff; } #c_portalResNews_list-16092351935706588 .newList:hover .newTitle{ color: #04b6ba; } #c_portalResNews_list-16092351935706588 .newList:hover .redIcon{ opacity:1; } #c_portalResNews_list-16092351935706588 .newList:hover .whiteIcon{ opacity:0; } #c_portalResNews_list-16092351935706588 .data1{ margin-right:5px; } @media only screen and (min-width: 769px){ #c_portalResNews_list-16092351935706588 .container{ width: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResNews_list-16092351935706588 .container { max-width: 900px; } } #c_portalResNews_list-16092351935706588 .leftTimeBox img{width: 100%;transform: translate(-50%,-50%);top: 50%;left: 50%;position: absolute;} @media only screen and (max-width: 768px){ #c_portalResNews_list-16092351935706588 .newSummry{-webkit-line-clamp: 2;margin-top: 15px; max-height:45px;} #c_portalResNews_list-16092351935706588 .leftTimeBox{ overflow: hidden; width: 120px; position: relative; } #c_portalResNews_list-16092351935706588 .rightIcon{ display:none; } #c_portalResNews_list-16092351935706588 .newList1{ margin-bottom: 30px; } #c_portalResNews_list-16092351935706588 .newList { height: auto; padding: 0 0 5px 0; width: 100%; margin: 10px 0; } #c_portalResNews_list-16092351935706588 .newLinkBox{ padding:0; flex-wrap: wrap; } #c_portalResNews_list-16092351935706588 .centerContentBox{ width: calc(100% - 120px); padding: 20px; overflow: hidden; } }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%; margin:0px auto; }body,#-remove--flag{} @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResEbizads_banner-16092194546645299{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-16092197345630585 .flexbox{ display:flex; -webkit-justify-content:center; justify-content:center; align-items:center; margin-bottom:6px; } #c_portalResPublic_codeContainer-16092197345630585 .line{ width:5.3vw; height:1px; background-color:#04b6ba; } #c_portalResPublic_codeContainer-16092197345630585 .biy{ font-size:20px; color:#04b6ba; margin:0 15px; font-weight:bold; } #c_portalResPublic_codeContainer-16092197345630585 h2{ font-size:32px; color:#3c3c3c; text-align:center; font-weight:bold; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16092197345630585 .nh2{font-size:22px!important;} #c_portalResPublic_codeContainer-16092197345630585 .biy{font-size:16px;} } #c_portalResPublic_codeContainer-16092197345630585{ 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_portalResPublic_codeContainer-16092306932723302 .flexbox{ display:flex; -webkit-justify-content:left; justify-content:left; align-items:center; margin-bottom:6px; } #c_portalResPublic_codeContainer-16092306932723302 .line{ width:5.3vw; height:1px; background-color:#fff; } #c_portalResPublic_codeContainer-16092306932723302 .biy{ font-size:20px; color:#fff; margin:0 15px; margin-left:0px; font-weight:bold; } #c_portalResPublic_codeContainer-16092306932723302 h2{ font-size:32px; color:#fff; text-align:left; font-weight:bold; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16092306932723302 .nh2{font-size:22px!important;} #c_portalResPublic_codeContainer-16092306932723302 .biy{font-size:16px;} } #c_portalResPublic_codeContainer-16092306932723302{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092311696877797 .flexbox{ display:flex; -webkit-justify-content:center; justify-content:center; align-items:center; margin-bottom:6px; } #c_portalResPublic_codeContainer-16092311696877797 .line{ width:5.3vw; height:1px; background-color:#04b6ba; } #c_portalResPublic_codeContainer-16092311696877797 .biy{ font-size:20px; color:#04b6ba; margin:0 15px; font-weight:bold; } #c_portalResPublic_codeContainer-16092311696877797 h2{ font-size:32px; color:#3c3c3c; text-align:center; font-weight:bold; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16092311696877797 .nh2{font-size:22px!important;} #c_portalResPublic_codeContainer-16092311696877797 .biy{font-size:16px;} } #c_portalResPublic_codeContainer-16092311696877797{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092326198188458 .flexbox{ display:flex; -webkit-justify-content:center; justify-content:center; align-items:center; margin-bottom:6px; } #c_portalResPublic_codeContainer-16092326198188458 .line{ width:5.3vw; height:1px; background-color:#fff; } #c_portalResPublic_codeContainer-16092326198188458 .biy{ font-size:20px; color:#fff; margin:0 15px; font-weight:bold; } #c_portalResPublic_codeContainer-16092326198188458 h2{ font-size:32px; color:#fff; text-align:center; font-weight:bold; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16092326198188458 .nh2{font-size:22px!important;} #c_portalResPublic_codeContainer-16092326198188458 .biy{font-size:16px;} } #c_portalResPublic_codeContainer-16092326198188458{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092336619876180 .morea1{ display:inline-block; width:137px; line-height:39px; color:#04b6ba; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background:#f7f7f7; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092336619876180 .morea1:hover{ background-color:#04b6ba; color:#fff; } #c_portalResPublic_codeContainer-16092336619876180 .morea2{ display:inline-block; width:137px; line-height:39px; color:#fff; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background-color:#04b6ba; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092336619876180 .morea2:hover{ background-color:#f7f7f7; color:#04b6ba; } #c_portalResPublic_codeContainer-16092336619876180{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092343125899191 .morea1{ display:inline-block; width:137px; line-height:39px; color:#04b6ba; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background:#f7f7f7; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343125899191 .morea1:hover{ background-color:#04b6ba; color:#fff; } #c_portalResPublic_codeContainer-16092343125899191 .morea2{ display:inline-block; width:137px; line-height:39px; color:#fff; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background-color:#04b6ba; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343125899191 .morea2:hover{ background-color:#f7f7f7; color:#04b6ba; } #c_portalResPublic_codeContainer-16092343125899191{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092343197692787 .morea1{ display:inline-block; width:137px; line-height:39px; color:#04b6ba; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background:#f7f7f7; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343197692787 .morea1:hover{ background-color:#04b6ba; color:#fff; } #c_portalResPublic_codeContainer-16092343197692787 .morea2{ display:inline-block; width:137px; line-height:39px; color:#fff; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background-color:#04b6ba; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343197692787 .morea2:hover{ background-color:#f7f7f7; color:#04b6ba; } #c_portalResPublic_codeContainer-16092343197692787{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092343457781266 .morea1{ display:inline-block; width:137px; line-height:39px; color:#04b6ba; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background:#f7f7f7; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343457781266 .morea1:hover{ background-color:#04b6ba; color:#fff; } #c_portalResPublic_codeContainer-16092343457781266 .morea2{ display:inline-block; width:137px; line-height:39px; color:#fff; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background-color:#04b6ba; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343457781266 .morea2:hover{ background-color:#f7f7f7; color:#04b6ba; } #c_portalResPublic_codeContainer-16092343457781266{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092343512498340 .morea1{ display:inline-block; width:137px; line-height:39px; color:#04b6ba; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background:#f7f7f7; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343512498340 .morea1:hover{ background-color:#04b6ba; color:#fff; } #c_portalResPublic_codeContainer-16092343512498340 .morea2{ display:inline-block; width:137px; line-height:39px; color:#fff; border:solid 1px #04b6ba; text-align:center; margin-right:10px; margin-top:7.8%; background-color:#04b6ba; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092343512498340 .morea2:hover{ background-color:#f7f7f7; color:#04b6ba; } #c_portalResPublic_codeContainer-16092343512498340{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092346791417836 .flexbox{ display:flex; -webkit-justify-content:center; justify-content:center; align-items:center; margin-bottom:6px; } #c_portalResPublic_codeContainer-16092346791417836 .line{ width:5.3vw; height:1px; background-color:#04b6ba; } #c_portalResPublic_codeContainer-16092346791417836 .biy{ font-size:20px; color:#04b6ba; margin:0 15px; font-weight:bold; } #c_portalResPublic_codeContainer-16092346791417836 h2{ font-size:32px; color:#3c3c3c; text-align:center; font-weight:bold; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16092346791417836 .nh2{font-size:22px!important;} #c_portalResPublic_codeContainer-16092346791417836 .biy{font-size:16px;} } #c_portalResPublic_codeContainer-16092346791417836{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResNews_list-16092351935706588{ width:100%; max-width:1336px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092309152257087 .morea1{ display:block; width:137px; line-height:39px; color:#fff; border:solid 1px #fff; text-align:center; margin-top:45px; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092309152257087 .morea1:hover{ background-color:#04b6ba; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16092309152257087 .morea1{margin-top:20px;} } #c_portalResPublic_codeContainer-16092309152257087{ 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:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092315880194930 .morea1{ display:block; width:137px; line-height:39px; color:#04b6ba; border:solid 1px #04b6ba; text-align:center; margin:0 auto; margin-top:8.5%; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092315880194930 .morea1:hover{ background-color:#04b6ba; color:#fff; } #c_portalResPublic_codeContainer-16092315880194930{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092315074585242 .morea1{ display:block; width:137px; line-height:39px; color:#04b6ba; border:solid 1px #04b6ba; text-align:center; margin:0 auto; transition:all 0.3s; margin-top:8.5%; } #c_portalResPublic_codeContainer-16092315074585242 .morea1:hover{ background-color:#04b6ba; color:#fff; } #c_portalResPublic_codeContainer-16092315074585242{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16092345241042689 .morea1{ display:block; width:137px; line-height:39px; color:#fff; border:solid 1px #fff; text-align:center; margin:0 auto; margin-top:2.3%; transition:all 0.3s; } #c_portalResPublic_codeContainer-16092345241042689 .morea1:hover{ background-color:#fff; color:#04b6ba; } #c_portalResPublic_codeContainer-16092345241042689{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-16092291727561508 .proList1{ width:20%; padding:60px 25px; background-image:url(//dfs.yun300.cn/group1/M00/05/EC/rBQBHV_qw1WEfhxpAAAAAHYufpk113.jpg?tenantId=216703&viewType=1&v=000); background-size:cover; position:relative; } #c_portalResProduct_list-16092291727561508 .p_productsd{ display:flex; } #c_portalResProduct_list-16092291727561508 .post{ display:none; } #c_portalResProduct_list-16092291727561508 .title{ font-size:16px; color:#000; text-align:center; font-weight:bold; line-height:1.6; height:50px; } #c_portalResProduct_list-16092291727561508 .proImgBox img{ max-width:70%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #c_portalResProduct_list-16092291727561508 .proImgBox{ position:relative; padding-bottom:140%; margin-top:0; } #c_portalResProduct_list-16092291727561508 .active1.proList1{ width:80%; background-image:url(//dfs.yun300.cn/group1/M00/05/EC/rBQBHV_qw6WETzUlAAAAAN_O2FU138.jpg?tenantId=216703&viewType=1&v=000); padding:60px 50px; padding-bottom:20px; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .box-content .title{ color:#fff; text-align:left; margin-bottom:20px; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .box{ display:flex; padding-top:9%; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .box-content .post{ display:-webkit-box; color:#fff; font-size:14px; line-height:2.4; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .box-content{ display:block; width:62%; padding-right:35px; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .proImgBox{ width:36%; padding-bottom:44%; margin-top:-10%; } #c_portalResProduct_list-16092291727561508 .morea1{ display:none; transition:all 0.3s; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .morea1{ display:block; width:137px; line-height:39px; background-color:#04b6ba; color:#fff; border:solid 1px #00989b; text-align:center; margin-top:25px; } #c_portalResProduct_list-16092291727561508 .da_title{ color:#091d3e; font-size:16px; margin-top:10px; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .title{ height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_portalResProduct_list-16092291727561508 .logobox{ background-color:#fff; width:166px; height:111px; border:solid 1px #ddd; text-align:center; color:#091d3e; font-size:16px; font-weight:bold; position:absolute; top:-30px; left:20px; display:none; box-shadow:0px 0px 3px rgba(0,0,0,0.1); } #c_portalResProduct_list-16092291727561508 .active1.proList1 .logobox{ display:block; } #c_portalResProduct_list-16092291727561508 .logobox img{ max-width:80%; display:block; margin:0 auto; margin-top:10px; } #c_portalResProduct_list-16092291727561508 .active1.proList1 .morea1:hover{ background-color:#fff; color:#333; } @media only screen and (max-width:1400px){ #c_portalResProduct_list-16092291727561508 .title{height:90px;} } @media only screen and (min-width:1024px){ #c_portalResProduct_list-16092291727561508 .p_productsd_bot{display:none;} } @media only screen and (max-width:1024px){ #c_portalResProduct_list-16092291727561508 .proImgBox img{max-width:90%;} #c_portalResProduct_list-16092291727561508 .active1.proList1 .box-content{padding-right:10px;} #c_portalResProduct_list-16092291727561508 .active1.proList1 .box-content .post{font-size:13px;} #c_portalResProduct_list-16092291727561508 .p_productsd{display:none;} #c_portalResProduct_list-16092291727561508 .active1{width:100%;} #c_portalResProduct_list-16092291727561508 .active1.proList1 .morea1{font-size:14px;} #c_portalResProduct_list-16092291727561508 .active1.proList1 .box{padding-top:0;} #c_portalResProduct_list-16092291727561508 .title{font-size:18px;} #c_portalResProduct_list-16092291727561508 .da_title{font-size:14px;} #c_portalResProduct_list-16092291727561508 .logobox{width: 120px; height: 90px;display:none!important;} #c_portalResProduct_list-16092291727561508 .active1.proList1{padding: 40px 20px;padding-right:0;} #c_portalResProduct_list-16092291727561508 .logobox img{max-width:57%;} } #c_portalResProduct_list-16092291727561508{ width:auto; max-width:1320px; min-width:0px; height:auto; max-height:none; min-height:1px; margin-top:25px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:1.5%; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1609220120047 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609220120047 >div{ animation-fill-mode:both; } #w_grid-1609220120047 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609220120047> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:0; } #w_grid-1609220120047> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609220120047> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1609220120047> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0; } #w_grid-1609220120047> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609220120047> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609220120047> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0; } #w_grid-1609220120047> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609220120047> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1609230594115 > div > .p_gridbox{ background-color:rgba(9, 29, 62, 1); } #w_grid-1609230594115 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609230594115 >div{ animation-fill-mode:both; } #w_grid-1609230594115 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609230594115> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609230594115> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609230594115> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50%; } #w_grid-1609230594115> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609230594115> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609230594115> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609230594115> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609230594115> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1609230657135 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1609230625321 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609230625321 >div{ animation-fill-mode:both; } #w_fimg-1609230625321 img{ transition:all 1s; } #w_fimg-1609230625321 .animated{ overflow:hidden; } #w_fimg-1609230625321 .animated:hover img{ transform:scale(1.1); } #w_grid-1609231165019 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231165019 >div{ animation-fill-mode:both; } #w_grid-1609231165019 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609231165019> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1609231165019> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231165019> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1609231165019> div > .p_gridbox > .p_gridCell{ margin-bottom:5rem; margin-top:5rem; margin-left:0; } #w_grid-1609231165019> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231165019> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609231165019> div > .p_gridbox > .p_gridCell{ margin-bottom:5rem; margin-top:5rem; margin-left:0; } #w_grid-1609231165019> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231165019> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1609231215562 > div > .p_gridbox{ background-color:rgba(247, 247, 247, 1); } #w_grid-1609231215562 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231215562 >div{ animation-fill-mode:both; } #w_grid-1609231215562 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609231215562 > div > .p_gridbox{display:flex;align-items:center;} #w_grid-1609231215562> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609231215562> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609231215562> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50%; } #w_grid-1609231215562> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609231215562> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609231215562> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231215562> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609231215562> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1609231246232 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609231246232 >div{ animation-fill-mode:both; } #w_fimg-1609231246232 img{ transition:all 1s; } #w_fimg-1609231246232 .animated{ overflow:hidden; } #w_fimg-1609231246232 .animated:hover img{ transform:scale(1.1); } #w_grid-1609231268471 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231268471 >div{ animation-fill-mode:both; } #w_grid-1609231268471 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609231268471> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1609231268471> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231268471> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1609231303614 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609231303614 >div{ animation-fill-mode:both; } #w_grid-1609303114987 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609303114987 span{font-size:18px!important;} }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fline-1609231350955 .p_FLine{ border-top-color:rgba(200, 200, 200, 1); } #w_fline-1609231350955 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1609231350955 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1609231350955 >div{ animation-fill-mode:both; } #w_grid-1609231589145 > div > .p_gridbox{ background-color:rgba(247, 247, 247, 1); } #w_grid-1609231589145 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231589145 >div{ animation-fill-mode:both; } #w_grid-1609231589145 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609231589145 > div > .p_gridbox{display:flex;flex-wrap: wrap-reverse;} } @media only screen and (min-width: 769px){ #w_grid-1609231589145 > div > .p_gridbox{display:flex;align-items:center;} #w_grid-1609231589145> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609231589145> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609231589145> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50%; } #w_grid-1609231589145> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609231589145> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609231589145> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231589145> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609231589145> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1609231589158 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231589158 >div{ animation-fill-mode:both; } #w_grid-1609231589158 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609231589158> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1609231589158> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231589158> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1609231589164 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609231589164 >div{ animation-fill-mode:both; } #w_grid-1609303092774 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609303092774 span{font-size:18px!important;} }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fline-1609231589174 .p_FLine{ border-top-color:rgba(200, 200, 200, 1); } #w_fline-1609231589174 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1609231589174 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1609231589174 >div{ animation-fill-mode:both; } #w_fimg-1609231589152 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609231589152 >div{ animation-fill-mode:both; } #w_fimg-1609231589152 img{ transition:all 1s; } #w_fimg-1609231589152 .animated{ overflow:hidden; } #w_fimg-1609231589152 .animated:hover img{ transform:scale(1.1); } #w_grid-1609231694635 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609231694635 >div{ animation-fill-mode:both; } #w_grid-1609231694635 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609231694635> div > .p_gridbox > .p_gridCell{ margin-bottom:0.5rem; margin-top:0.5rem; margin-left:0; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1609231694635> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:6%; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:29.330399999999997%; margin-left:6%; margin-right:0px; clear:none; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:29.330399999999997%; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:29.330399999999997%; margin-left:6%; margin-right:0px; clear:none; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609231694635> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:4%; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:30.6636%; margin-left:4%; margin-right:0; clear:none; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:30.6636%; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:30.6636%; margin-left:4%; margin-right:0; clear:none; } #w_grid-1609231694635> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } #w_grid-1609231726145 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1609231758492 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609231758492 >div{ animation-fill-mode:both; } @media only screen and (max-width: 768px){ #w_fimg-1609231758492 img{max-width:50%;} } #w_grid-1609231880393 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1609231880406 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609231880406 >div{ animation-fill-mode:both; } @media only screen and (max-width: 768px){ #w_fimg-1609231880406 img{max-width:50%;} } #w_grid-1609231886385 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1609231886400 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1609231886400 >div{ animation-fill-mode:both; } @media only screen and (max-width: 768px){ #w_fimg-1609231886400 img{max-width:50%;} } #w_grid-1609232595121 > div > .p_gridbox{ background-image:url(/img/dq88a.jpg?tenantId=216703&viewType=1&v=000); } #w_grid-1609232595121 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609232595121 >div{ animation-fill-mode:both; } #w_grid-1609232595121 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609232595121> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1609232595121> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609232595121> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1609232595121> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0px; } #w_grid-1609232595121> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609232595121> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609232595121> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609232595121> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609232595121> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_tabswitchbox-1609232656856 > .layout_1 > div > .e_link-000{ width:calc((100% - 0px)/5); } #w_tabswitchbox-1609232656856 > .layout_1 .p_box002{ height:calc(100% - 50px); } #w_tabswitchbox-1609232656856 > .layout_1 .p_box001{ height:50px; } #w_tabswitchbox-1609232656856 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_tabswitchbox-1609232656856 >div{ animation-fill-mode:both; } #w_tabswitchbox-1609232656856 .iconfont12356:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_tabswitchbox-1609232656856 .iconfont12356789:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_tabswitchbox-1609232656856 .iconfont12356987645:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_tabswitchbox-1609232656856 .iconfont_1609232695778:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_tabswitchbox-1609232656856 .iconfont_1609232702564:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } @media only screen and (max-width: 768px){ #w_tabswitchbox-1609232656856 .p_relationbtntab .font{font-size:14px;} #w_tabswitchbox-1609232656856 > .layout_1 > div > .e_link-000{width: calc((100% - 0px)/3)!important;} } #w_grid-1609233469273 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609233469273 >div{ animation-fill-mode:both; } #w_grid-1609233469273 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609233469273> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609233469273> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:37.8%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609233469273> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:62.2%; } #w_grid-1609233469273> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609233469273> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609233469273> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609233469273> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609233469273> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1609233486158 img{ transition:all 1s; } #w_fimg-1609233486158 .animated{ overflow:hidden; } #w_fimg-1609233486158 .animated:hover img{ transform:scale(1.1); } #w_grid-1609233502683 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609234313756 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609234313756 >div{ animation-fill-mode:both; } #w_grid-1609234313756 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609234313756> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609234313756> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:37.8%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609234313756> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:62.2%; } #w_grid-1609234313756> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609234313756> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609234313756> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234313756> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609234313756> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1609234313765 img{ transition:all 1s; } #w_fimg-1609234313765 .animated{ overflow:hidden; } #w_fimg-1609234313765 .animated:hover img{ transform:scale(1.1); } #w_grid-1609234313771 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609234320936 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609234320936 >div{ animation-fill-mode:both; } #w_grid-1609234320936 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609234320936> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609234320936> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:37.8%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609234320936> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:62.2%; } #w_grid-1609234320936> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609234320936> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609234320936> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234320936> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609234320936> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1609234320941 img{ transition:all 1s; } #w_fimg-1609234320941 .animated{ overflow:hidden; } #w_fimg-1609234320941 .animated:hover img{ transform:scale(1.1); } #w_grid-1609234320949 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609234346938 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609234346938 >div{ animation-fill-mode:both; } #w_grid-1609234346938 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609234346938> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609234346938> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:37.8%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609234346938> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:62.2%; } #w_grid-1609234346938> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609234346938> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609234346938> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234346938> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609234346938> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1609234346948 img{ transition:all 1s; } #w_fimg-1609234346948 .animated{ overflow:hidden; } #w_fimg-1609234346948 .animated:hover img{ transform:scale(1.1); } #w_grid-1609234346953 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609234352418 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609234352418 >div{ animation-fill-mode:both; } #w_grid-1609234352418 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609234352418> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1609234352418> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:37.8%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609234352418> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:62.2%; } #w_grid-1609234352418> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609234352418> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609234352418> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234352418> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1609234352418> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1609234352423 img{ transition:all 1s; } #w_fimg-1609234352423 .animated{ overflow:hidden; } #w_fimg-1609234352423 .animated:hover img{ transform:scale(1.1); } #w_grid-1609234352428 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609234418933 > div > .p_gridbox{ background-color:rgba(4, 182, 186, 1); } #w_grid-1609234418933 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609234418933 >div{ animation-fill-mode:both; } #w_grid-1609234418933 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609234418933> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1609234418933> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234418933> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1609234418933> div > .p_gridbox > .p_gridCell{ margin-bottom:4.5rem; margin-top:4.5rem; margin-left:0px; } #w_grid-1609234418933> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1609234418933> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609234418933> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609234418933> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234418933> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1609303375954 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609303375954 span{font-size:22px!important;} }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609303403201 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609303403201 span{font-size:16px!important;} }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609234662275 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609234662275 >div{ animation-fill-mode:both; } #w_grid-1609234662275 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1609234662275> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1609234662275> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234662275> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1609234662275> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0; } #w_grid-1609234662275> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234662275> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1609234662275> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:4rem; margin-left:0; } #w_grid-1609234662275> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609234662275> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1609235194752 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609220120047{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609230594115{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609230657135{ width:100%; max-width:670px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:8%; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_common_text-1609230876509{ width:auto; max-width:530px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609230625321{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609231165019{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:433px; 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-1609231215562{ width:100%; max-width:1320px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:3.5%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_fimg-1609231246232{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609231268471{ width:80%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609231303614{ width:100%; max-width:52px; 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-1609303114987{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231324614{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1609231350955{ width:100%; max-width:42px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:13px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231375485{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:4%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609231589145{ width:100%; max-width:1320px; 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:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1609231589158{ width:80%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609231589164{ width:100%; max-width:52px; 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-1609303092774{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231589170{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1609231589174{ width:100%; max-width:42px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:13px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231589179{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:4%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609231589152{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609231694635{ width:100%; max-width:1322px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:60px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:30px; padding-right:30px; padding-bottom:0px; } #w_grid-1609231726145{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231729427{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609231758492{ width:100%; max-width:94px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:25px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231801288{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:25px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609231880393{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231880401{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609231880406{ width:100%; max-width:94px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:25px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231880412{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:25px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609231886385{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231886394{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609231886400{ width:100%; max-width:94px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:25px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609231886406{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:25px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609232595121{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:411px; 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_tabswitchbox-1609232656856{ width:90%; max-width:1300px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:2.5%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609233469273{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609233486158{ width:100%; max-width:794px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609233502683{ width:88%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609233512477{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609233533185{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234313756{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609234313765{ width:100%; max-width:794px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234313771{ width:88%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234313778{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234313781{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234320936{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609234320941{ width:100%; max-width:794px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234320949{ width:88%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234320956{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234320959{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234346938{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609234346948{ width:100%; max-width:794px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234346953{ width:88%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234346958{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234346962{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234352418{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1609234352423{ width:100%; max-width:794px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234352428{ width:88%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234352435{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234352438{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:6%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609234418933{ 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-1609303375954{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234438657{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609303403201{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1609234471768{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0.8%; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:30px; padding-right:30px; padding-bottom:0px; } #w_grid-1609234662275{ 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-1609235194752{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-16092297357687762 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-16092297357687762 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16092297357687762 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16092297357687762 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16092297357687762 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092297357687762{ max-height:none; padding-top:0px; padding-left:10px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:1320px; width:auto; margin-top:18px; margin-bottom:0px; min-width:0px; height:auto; padding-right:10px; } #c_portalResProduct_list-16092202287737640 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-16092202287737640 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16092202287737640 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16092202287737640 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16092202287737640 .proList{ width:20%; padding:60px 25px; background-image:url(//dfs.yun300.cn/group1/M00/05/EC/rBQBHV_qw1WEfhxpAAAAAHYufpk113.jpg?tenantId=216703&viewType=1&v=000); background-size:cover; position:relative; } #c_portalResProduct_list-16092202287737640 .p_productsd{ display:flex; } #c_portalResProduct_list-16092202287737640 .post{ display:none; } #c_portalResProduct_list-16092202287737640 .title{ font-size:16px; color:#000; text-align:center; font-weight:bold; line-height:1.6; height:50px; } #c_portalResProduct_list-16092202287737640 .proImgBox img{ max-width:70%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } #c_portalResProduct_list-16092202287737640 .proImgBox{ position:relative; padding-bottom:140%; margin-top:0px; } #c_portalResProduct_list-16092202287737640 .active.proList{ width:80%; background-image:url(//dfs.yun300.cn/group1/M00/05/EC/rBQBHV_qw6WETzUlAAAAAN_O2FU138.jpg?tenantId=216703&viewType=1&v=000); padding:60px 50px; padding-bottom:20px; } #c_portalResProduct_list-16092202287737640 .active.proList .box-content .title{ color:#fff; text-align:left; margin-bottom:20px; } #c_portalResProduct_list-16092202287737640 .active.proList .box{ display:flex; padding-top:9%; } #c_portalResProduct_list-16092202287737640 .active.proList .box-content .post{ display:-webkit-box; color:#fff; font-size:14px; line-height:2.4; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4; } #c_portalResProduct_list-16092202287737640 .active.proList .box-content{ display:block; width:62%; padding-right:35px; } #c_portalResProduct_list-16092202287737640 .active.proList .proImgBox{ width:36%; padding-bottom:44%; margin-top:-10%; } #c_portalResProduct_list-16092202287737640 .morea1{ display:none; transition:all 0.3s; } #c_portalResProduct_list-16092202287737640 .active.proList .morea1{ display:block; width:137px; line-height:39px; background-color:#04b6ba; color:#fff; border:solid 1px #00989b; text-align:center; margin-top:25px; } #c_portalResProduct_list-16092202287737640 .da_title{ color:#091d3e; font-size:16px; margin-top:10px; } #c_portalResProduct_list-16092202287737640 .active.proList .title{ height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_portalResProduct_list-16092202287737640 .logobox{ background-color:#fff; width:166px; height:111px; border:solid 1px #ddd; text-align:center; color:#091d3e; font-size:16px; font-weight:bold; position:absolute; top:-30px; left:20px; display:none; box-shadow:0px 0px 3px rgba(0,0,0,0.1); } #c_portalResProduct_list-16092202287737640 .active.proList .logobox{ display:block; } #c_portalResProduct_list-16092202287737640 .logobox img{ max-width:80%; display:block; margin:0 auto; margin-top:10px; } #c_portalResProduct_list-16092202287737640 .active.proList .morea1:hover{ background-color:#fff; color:#333; } @media only screen and (max-width:1400px){ #c_portalResProduct_list-16092202287737640 .title{height:90px;} } @media only screen and (min-width:1024px){ #c_portalResProduct_list-16092202287737640 .p_productsd_bot{display:none;} } @media only screen and (max-width:1024px){ #c_portalResProduct_list-16092202287737640 .proImgBox img{max-width:90%;} #c_portalResProduct_list-16092202287737640 .active.proList .box-content{padding-right:10px;} #c_portalResProduct_list-16092202287737640 .active.proList .box-content .post{font-size:13px;} #c_portalResProduct_list-16092202287737640 .p_productsd{display:none;} #c_portalResProduct_list-16092202287737640 .active{width:100%;} #c_portalResProduct_list-16092202287737640 .active.proList .morea1{font-size:14px;} #c_portalResProduct_list-16092202287737640 .active.proList .box{padding-top:0;} #c_portalResProduct_list-16092202287737640 .title{font-size:18px;} #c_portalResProduct_list-16092202287737640 .da_title{font-size:14px;} #c_portalResProduct_list-16092202287737640 .logobox{width: 120px; height: 90px;display:none!important;} #c_portalResProduct_list-16092202287737640 .active.proList{padding: 40px 20px;padding-right:0;} #c_portalResProduct_list-16092202287737640 .logobox img{max-width:57%;} } #c_portalResProduct_list-16092202287737640 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092202287737640 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092202287737640 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092202287737640 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16092202287737640{ max-height:none; padding-top:25px; padding-left:10px; padding-bottom:0px; min-height:1px; margin-right:auto; margin-left:auto; max-width:1320px; width:auto; margin-top:1.5%; margin-bottom:0px; min-width:0px; height:auto; padding-right:10px; }