.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }#w_tabswitchbox-1583476067031 .proSummry{display:none;} .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: #fff; border: 1px solid #ddd; text-align: center; color: #959595; padding: 0 30px; border-radius: 20px; } .w_tabswitchbox-001 .p_relationbtntab.active { color: rgba(255,255,255,1); background-color: #cf1522; border-color: #cf1522; } .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: 40px!important; display: block; text-align: center; 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: auto!important; height: inherit; display: inline-block; cursor: pointer; margin: 0 5px; } .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);     }   .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_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color: #cf1522!important; color: #fff; } .p_CommonSquareNumBtn{ width: 80px!important; height: 3px!important; } .p_CommonSummaryBoxA{margin-top:15px;} #c_portalResProduct_list-15973039010246050 .porTbox{ border:1px solid #eee; } #c_portalResProduct_list-16238289123380793 .lantern { margin-left: 0px!important; margin-right: 0px!important; } @media only screen and (max-width:768px){ .c_portalResProduct_list-01001 .proLi { width: calc(100% / 2); height: auto; float: left; padding: 5px!important; } .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: 0 15px 15px;  display: block; overflow: hidden; } .c_portalResProduct_list-01001 .p_categorySummary { color: #666; font-size: 14px; line-height: 28px; 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; margin-bottom: 20px; } .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; padding-top: 1px!important; } #c_portalResProduct_list-15984500831691658{ background: #fff; } .c_portalResProduct_list-01001 .p_ProductList{ width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 20px 25px; } .c_portalResProduct_list-01001 .p_categorySummaryBox { padding: 0px; margin: 10px 0px 0; background: #f9f9f9; overflow: hidden; display: flex; align-items: center; } .c_portalResProduct_list-01001 .p_categorySummary { color: #333; font-size: 14px; line-height: 22px; line-height: 26px; text-align: left; vertical-align: top; float: left; word-break: break-all; width: 100%; } .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; 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: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-15620386297305948 .p_Product{ width:calc((100% - 0px)/5); } #c_portalResProduct_list-15620386297305948 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-15620386297305948 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-15620386297305948 >div{ animation-fill-mode:both; } #c_portalResProduct_list-15620386297305948 .relative{ position:relative; } #c_portalResProduct_list-15620386297305948 .absolute{ position:absolute; } #c_portalResProduct_list-15620386297305948 #products{ width:100%; height:auto; overflow:hidden; padding:1rem 0rem; } #c_portalResProduct_list-15620386297305948 .proName{ width:100%; height:auto; text-align:center; margin:1rem 0 2rem; } #c_portalResProduct_list-15620386297305948 .list{ position:relative; width:100%; height:auto; } #c_portalResProduct_list-15620386297305948 .swiper-container-pro{ width:calc(100% - 64px); margin:0 auto; } #c_portalResProduct_list-15620386297305948 .swiper-wrapperUl{ width:100%; } #c_portalResProduct_list-15620386297305948 .productLi{ overflow:hidden; } #c_portalResProduct_list-15620386297305948 .block{ display:block; } #c_portalResProduct_list-15620386297305948 .aTop{ width:100%; height:0px; padding-bottom:100%; overflow:hidden; } #c_portalResProduct_list-15620386297305948 .picture{ width:100%; height:100%; top:0px; left:0px; background: #fff; } #c_portalResProduct_list-15620386297305948 .proPic{ width:100%; height:100%; padding: 15px; } #c_portalResProduct_list-15620386297305948 .number{ margin-top:15%; margin-bottom:5%; font-size:16px; padding-left:20%; color:#fff; } #c_portalResProduct_list-15620386297305948 .number::before{ content:''; position:absolute; left:5%; top:0px; bottom:0px; margin:auto; display:block; width:10%; height:2px; background:#fff; } #c_portalResProduct_list-15620386297305948 .blue{ background: rgba(172, 105, 23, 0.6); top:100%; left:0px; width:100%; height:100%; transition:all .5s ease; } #c_portalResProduct_list-15620386297305948 .desc1{ padding:0 20%; color:#fff; height:6rem; line-height:1.5rem; overflow:hidden; } #c_portalResProduct_list-15620386297305948 .proName2{ display:block; color:#333; font-size:16px; background:#fff; margin-top:0px; padding:0 15%; border-top: 1px solid #ac6917; line-height:60px; overflow:hidden; transition:all .5s ease; text-overflow:ellipsis; white-space:nowrap; } #c_portalResProduct_list-15620386297305948 .desc2{ color:#888; font-size:0.75rem; margin:16px 0 28px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:1; letter-spacing:1px; transition:all .5s ease; display:none; } #c_portalResProduct_list-15620386297305948 #products .swiper-button-prev{ position:absolute; top:43%; left:0px; font-size:2rem; cursor:pointer; color:#fff; transition:all .5s ease; } #c_portalResProduct_list-15620386297305948 #products .swiper-button-prev:hover{ color:#015bbb; } #c_portalResProduct_list-15620386297305948 #products .swiper-button-next{ position:absolute; top:43%; right:0px; font-size:2rem; cursor:pointer; color:#fff; transition:all .5s ease; } #c_portalResProduct_list-15620386297305948 #products .swiper-button-next:hover{ color:#015bbb; } #c_portalResProduct_list-15620386297305948 .proPrice{ color:red; display:none; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-15620386297305948 .productLi:hover .blue{ top:0px; } #c_portalResProduct_list-15620386297305948 .productLi:hover .proName2{ background: #ac6917; color:#fff; } #c_portalResProduct_list-15620386297305948 .productLi:hover .desc2{ opacity:0; } } @media only screen and (max-width: 768px){ #c_portalResProduct_list-15620386297305948 .productLi:hover .proName2{ background: #ac6917; color:#fff; } #c_portalResProduct_list-15620386297305948 .proName2{ line-height: 42px; font-size:14px; } } #c_portalResProduct_list-15620386297305948 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15620386297305948 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15620386297305948 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15620386297305948 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15645349625938354 .p_Product{ width:calc((100% - 0px)/4); } #c_portalResProduct_list-15645349625938354 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-15645349625938354 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-15645349625938354 >div{ animation-fill-mode:both; } #c_portalResProduct_list-15645349625938354 .proBox{ width:100%; height:auto; overflow:hidden; } #c_portalResProduct_list-15645349625938354 .proContainer{ width:100%; height:auto; overflow:hidden; margin:0rem auto; } #c_portalResProduct_list-15645349625938354 .proLi{ position:relative; overflow:hidden; padding:20px 10px; } #c_portalResProduct_list-15645349625938354 .porTbox{ position:relative; overflow:hidden; width:100%; height:auto; padding-bottom:100%;  background: #fff; } #c_portalResProduct_list-15645349625938354 .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; padding: 0; } #c_portalResProduct_list-15645349625938354 .porBbox{ position:relative; overflow:hidden; width:100%; height:auto; padding:20px 20px 10px; border-top: none; background: #fff; } #c_portalResProduct_list-15645349625938354 .proTitle{ font-size:1rem; color:#666; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; margin-bottom:10px; } #c_portalResProduct_list-15645349625938354 .proSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; display:none; } #c_portalResProduct_list-15645349625938354 .lookDetail{ position:relative; display:block; color:#fff; display:none; height:38px; line-height:38px; border-top:1px solid #e5e5e5; } #c_portalResProduct_list-15645349625938354 .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px; } #c_portalResProduct_list-15645349625938354 .arrowsR img{ position:absolute; transition:all .5s ease; } #c_portalResProduct_list-15645349625938354 .harr{ opacity:0; } #c_portalResProduct_list-15645349625938354 .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; transition:all 0.5s ease; } #c_portalResProduct_list-15645349625938354 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; display:none; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; } #c_portalResProduct_list-15645349625938354 .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResProduct_list-15645349625938354 .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResProduct_list-15645349625938354 .lookDetail:hover .barr{ opacity:0; } #c_portalResProduct_list-15645349625938354 .lookDetail:hover .harr{ opacity:1; } #c_portalResProduct_list-15645349625938354 .proLi:hover .showBox{ opacity:1; } #c_portalResProduct_list-15645349625938354 .proLi:hover .proImg{ transform:translate( -50% ,-50%) scale(1.1); } #c_portalResProduct_list-15645349625938354 .proLi:hover .showBoxLink::before{ width:1rem; } #c_portalResProduct_list-15645349625938354 .proLi:hover .showBoxLink::after{ width:1rem; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-15645349625938354 .proContainer{ max-width:100%; } #c_portalResProduct_list-15645349625938354 .proLi{ width:calc(100% / 4); height:auto; float:left; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResProduct_list-15645349625938354 .proContainer { max-width:100%; } #c_portalResProduct_list-15645349625938354 .proLi { width:50%; height:auto; } } #c_portalResProduct_list-15645349625938354 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15645349625938354 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15645349625938354 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15645349625938354 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResProduct_list-01001 .proBox{ width:100%; height:auto; overflow:hidden; } .c_portalResProduct_list-01001 .proContainer{ width:100%; height:auto; overflow:hidden; margin:1rem auto; } .c_portalResProduct_list-01001 .proLi{ position:relative; overflow:hidden; padding:20px; } .c_portalResProduct_list-01001 .porTbox{ position:relative; overflow:hidden; width:100%; height: auto; padding-bottom: 66.6%; display: block; } .c_portalResProduct_list-01001 .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; display: block; } .c_portalResProduct_list-01001 .porBbox{ position:relative; overflow:hidden; width:100%; height: 60px; padding:20px 20px 10px;  } .c_portalResProduct_list-01001 .proTitle{ font-size:1rem; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; text-align: center; } .c_portalResProduct_list-01001 .proSummry{ color:#777;   margin: 10px 0 0;  } .c_portalResProduct_list-01001 .lookDetail{ position:relative; display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5; display: none; } .c_portalResProduct_list-01001 .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px; } .c_portalResProduct_list-01001 .arrowsR img{ position:absolute; transition:all .5s ease; } .c_portalResProduct_list-01001 .harr{ opacity:0; } .c_portalResProduct_list-01001 .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; transition:all 0.5s ease; } .c_portalResProduct_list-01001 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; display: none; } .c_portalResProduct_list-01001 .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } .c_portalResProduct_list-01001 .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } .c_portalResProduct_list-01001 .lookDetail:hover .barr{ opacity:0; } .c_portalResProduct_list-01001 .lookDetail:hover .harr{ opacity:1; } .c_portalResProduct_list-01001 .proLi:hover .showBox{ opacity:1; } .c_portalResProduct_list-01001 .proLi:hover .proImg{ transform:translate( -50% ,-50%) scale(1.1); } .c_portalResProduct_list-01001 .proLi:hover .showBoxLink::before{ width:1rem; } .c_portalResProduct_list-01001 .proLi:hover .showBoxLink::after{ width:1rem; } @media only screen and (min-width: 769px){ .c_portalResProduct_list-01001 .proContainer{  } .c_portalResProduct_list-01001 .proLi{ width: calc((100% - 120px)/4); height: 100%;  } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResProduct_list-01001 .proContainer { max-width:900px; } .c_portalResProduct_list-01001 .proLi { width:50%; height:400px; } } .c_portalResProduct_list-01001 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResProduct_list-01001 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResProduct_list-01001 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResProduct_list-01001 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .proLi:hover .porBbox{background: #da251d!important;} .proLi:hover .porBbox .proTitle{color:#fff!important;} .new{color:#e71a19;font-size:14px;font-family:arial;font-weight: bold;} #c_portalResProduct_list-15977525073490535 .relative{ position:relative; } #c_portalResProduct_list-15977525073490535 .absolute{ position:absolute; } #c_portalResProduct_list-15977525073490535 #products{ width:100%; height:auto; overflow:hidden; padding: 0; } #c_portalResProduct_list-15977525073490535 .proName{ width:100%; height:auto; text-align:center; margin:1rem 0 2rem; } #c_portalResProduct_list-15977525073490535 .list{ position:relative; width:100%; height:auto; } #c_portalResProduct_list-15977525073490535 .swiper-container-pro{ width: 100%; margin:0 auto; } #c_portalResProduct_list-15977525073490535 .swiper-wrapperUl{ width:100%; display: flex; align-items: center; max-height: 640px; } #c_portalResProduct_list-15977525073490535 .productLi{ overflow:hidden; display: flex; align-items: center; } #c_portalResProduct_list-15977525073490535 .block{ display:block; } #c_portalResProduct_list-15977525073490535 .aTop{ width:100%; height:0px; padding-bottom: 100%; overflow:hidden; } #c_portalResProduct_list-15977525073490535 .picture{ width:100%; height: auto; padding-bottom: 100%; top:0px; left:0px;   } #c_portalResProduct_list-15977525073490535 .proPic{ width:100%; height: auto; } #c_portalResProduct_list-15977525073490535 .number{ margin-top: 10px; font-size: 30px; padding-left: 0; color: #cf1522; text-align: left; font-family: arial; font-weight: bold; } #c_portalResProduct_list-15977525073490535 .number::before{ content:''; position:absolute; left:5%; top:0px; bottom:0px; margin:auto; display:block; width:10%; height:2px; background:#fff; display: none; } #c_portalResProduct_list-15977525073490535 .blue{ background:rgba(0,102,210,0.8); top:100%; left:0px; width:100%; height:100%; transition:all .5s ease; display: none; } #c_portalResProduct_list-15977525073490535 .desc1{ padding:0 20%; color:#fff; height:6rem; line-height:1.5rem; overflow:hidden; } #c_portalResProduct_list-15977525073490535 .proName2{ display:block; color:#333; font-size: 20px; font-weight: bold; margin-top: 5px; padding: 0; overflow:hidden; text-overflow:ellipsis;  } #c_portalResProduct_list-15977525073490535 .desc2{ color: #333; font-size: 18px; font-weight: bold; margin: 5px 0 5px 0; overflow:hidden; line-height: 30px; text-overflow:ellipsis;  opacity:1; letter-spacing: 0; transition:all .5s ease; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: none; } #c_portalResProduct_list-15977525073490535 #products .swiper-button-prev{ position:absolute; bottom: 0; right: 60px; font-size: 20px; line-height: 40px; text-align: center; width: 40px; height: 40px; background: #999; cursor:pointer; color: #fff; z-index: 9; } #c_portalResProduct_list-15977525073490535 #products .swiper-button-next{ position:absolute; position: absolute; bottom: 0; right: 0; font-size: 20px; line-height: 40px; text-align: center; width: 40px; height: 40px; background: #cf1522; cursor: pointer; color: #fff; z-index: 9; } #c_portalResProduct_list-15977525073490535 .proPrice{ color:red; display:none; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-15977525073490535 .productLi:hover .blue{ top:0px; } #c_portalResProduct_list-15977525073490535 .productLi:hover .desc2{  } } #c_portalResProduct_list-15977525073490535 .swiper-slide-prev{ opacity: 0; } #c_portalResProduct_list-15977525073490535 .swiper-slide-active{width: 75%!important;margin: 0!important;transition: all 0.3s;} #c_portalResProduct_list-15977525073490535 .swiper-slide-next{width: 20%!important;margin: 0 5% 0 2%!important;transition: all .3s;} #c_portalResProduct_list-15977525073490535 .swiper-slide-next .text-center{display:none;} #c_portalResProduct_list-15977525073490535 .swiper-slide-active .aTop{width: 60%!important;float:right;padding-bottom: 60%!important;transition: all 0s;} #c_portalResProduct_list-15977525073490535 .swiper-slide-active .text-center{width: 35%!important;float:left;text-align: left;margin-right: 5%;transition: all .5s;} #c_portalResProduct_list-15977525073490535 .cpmore{width:200px;height: 30px;color: #cf1522;font-weight: bold;line-height: 30px;font-size: 16px;text-align: left;transition: all .5s;} #c_portalResProduct_list-15977525073490535 .cpmore:hover{border-radius:20px;} @media only screen and (max-width: 768px){ #c_portalResProduct_list-15977525073490535 .swiper-slide-active{width: 100%!important;margin: 0!important;transition: all 0.3s;padding-bottom: 30px;} #c_portalResProduct_list-15977525073490535 .swiper-slide-next{width: 0%!important;margin: 0 5% 0 2%!important;transition: all .3s;} #c_portalResProduct_list-15977525073490535 .swiper-slide-next .text-center{display:none;} #c_portalResProduct_list-15977525073490535 .swiper-slide-active .aTop{width: 100%!important;float: left;display: block;padding-bottom: 100%!important;transition: all 0s;} #c_portalResProduct_list-15977525073490535 .swiper-slide-active .text-center{width: 100%!important;float: right;text-align: left;display: block;margin-right: 0;transition: all .5s;margin-top: 0;} #c_portalResProduct_list-15977525073490535 .cpmore{transition: all .5s;} #c_portalResProduct_list-15977525073490535 .cpmore:hover{border-radius:20px;} #c_portalResProduct_list-15977525073490535 .productLi{ display:block; } #c_portalResProduct_list-15977525073490535 .number{ margin:0px; font-size: 20px; } #c_portalResProduct_list-15977525073490535 .desc2{ margin: 5px 0 5px 0; font-size: 14px; line-height: 26px; } #c_portalResProduct_list-15977525073490535 .swiper-container-pro{ margin-top:10px;border-top:1px solid #eee;padding-top:15px; } #c_portalResProduct_list-15977525073490535 .aTop{ margin-top:-20px; } #content_box-1597740988735-1{display:none;} } #c_portalResProduct_list-15977525073490535 .number{} #c_portalResProduct_list-15980881799497083 .proBox{ width:100%; height:auto; overflow:hidden; background: #fff; } #c_portalResProduct_list-15980881799497083 .proContainer{ width:100%; height:auto; margin: 0;  font-size:0; overflow:hidden; } #c_portalResProduct_list-15980881799497083 .proLi{ position:relative; overflow:hidden; padding: 0; height:auto; font-size:14px; background: #f7f7f7; background-size: cover; } #c_portalResProduct_list-15980881799497083 .proLink{ position:relative; display:block; width:100%; height:100%; overflow:hidden; transition:all 0.5s ease;  } #c_portalResProduct_list-15980881799497083 .proLink::after{ content:''; position:absolute; left:0px; bottom:0; width:0px; height:2px; background-color: rgb(231 29 28); transition:all .5s ease; } #c_portalResProduct_list-15980881799497083 .proTitle{ position:relative; text-align: center; padding: 0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333; margin-top: 5px; margin-bottom: 10px; font-size: 16px; height: 40px; line-height: 40px; transition:all .5s ease; } #c_portalResProduct_list-15980881799497083 .search{ position:absolute; left:10px; top:10px; display:block; width:20px; height:20px; color:#fff; z-index: 9; } #c_portalResProduct_list-15980881799497083 .proImgBox{ position:relative; width:100%; height:0; padding-bottom: 100%; overflow:hidden; } #c_portalResProduct_list-15980881799497083 .proImg{ position:absolute; top:50%; left:50%; transform: translate(-50%, -50%) scale(0.7); width:100%; transition: all .6s; } #c_portalResProduct_list-15980881799497083 .proSummry{ padding: 0px 30px 0; } #c_portalResProduct_list-15980881799497083 .p_Product:hover .iconfont{ opacity: 1;transition:.5s; } #c_portalResProduct_list-15980881799497083 .iconfont{ transition:.5s; opacity: 0; } #c_portalResProduct_list-15980881799497083 .sum{ display:-webkit-box; overflow:hidden; -webkit-line-clamp: 10; -webkit-box-orient:vertical;  overflow-wrap: normal!important; line-height: 1.8; font-size: 14px; color: #fff; } #c_portalResProduct_list-15980881799497083 .lookMore{ width: calc((100% - 60px)/1); padding: 10px 20px; margin: 30px; text-align:center; font-size: 14px; color: #e71a19; font-family:Oswald; background: #999; display: none; position: absolute; bottom: 0; } #c_portalResProduct_list-15980881799497083 .proLink::before{ content:''; position:absolute; left:-170px; top:-70px; width:140px; height:140px; background-color: #e71a19; transform:rotate(45deg); transition:all .5s ease; z-index: 9; } #c_portalResProduct_list-15980881799497083 .proLi:hover .proLink::before{ left:-110px; } #c_portalResProduct_list-15980881799497083 .proLi:hover .proTitle::before{ left:-100px; } #c_portalResProduct_list-15980881799497083 .proLi:hover .proImg{ transform: translate(-50%, -50%) scale(0.75); transition: all .6s; } #c_portalResProduct_list-15980881799497083 .proLi:hover .lookMore .iconfont{ margin-left:5px; } #c_portalResProduct_list-15980881799497083 .proLi:hover .proLink{ box-shadow:0 0 20px #ddd; } #c_portalResProduct_list-15980881799497083 .proLi:hover .proLink::after{  } #c_portalResProduct_list-15980881799497083 .proLi:hover .proLink::after{  } @media only screen and (min-width: 769px){ #c_portalResProduct_list-15980881799497083 .proContainer{ max-width: 1100px; margin: 0 auto; padding-bottom: 40px;  background-repeat: no-repeat; background-size: contain; background-position-y: bottom; text-align: center; } #c_portalResProduct_list-15980881799497083 .proLi{ margin: 10px; width: calc((100% - 80px)/4)!important; display: inline-block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResProduct_list-15980881799497083 .proContainer { max-width: 900px; } #c_portalResProduct_list-15980881799497083 .proLi { width: 50%; } } @media only screen and (max-width: 768px){ #c_portalResProduct_list-15980881799497083 .proContainer { max-width: 700px; min-width: 300px; } #c_portalResProduct_list-15980881799497083 .proLi { width: 100%; } } #c_portalResProduct_list-15980881799497083 .proLi:hover .lookMore{ background: #fff; } #c_portalResProduct_list-15980881799497083 .p_categorySummaryBox{  } .cphd{ position: absolute; background: rgba(231,26,25,0.9); height: 100%; transition: all .6s; bottom: -100%; display: none; } #c_portalResProduct_list-15980881799497083 .proLi:hover .cphd{ bottom: 0; transition: all .6s; } #c_portalResProduct_list-15980881799497083 .cphd .proTitle{margin-top: 30px;color:#fff;} .triangle { width: 0; height: 0; border-bottom: 20px solid #fff; border-left: 20px solid transparent; right: 0; bottom: 0; position: absolute; } .flt{ width: 50%; float: left; text-align: center; height: 330px; overflow: hidden;  } .flt img{width:100%;max-width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);height: 100%;width: auto;max-width: initial;transition: all .5s ease;} .fgt{ height: 40px; background: #fff; line-height: 40px; margin: 25px 0 0; float: left; display: none; } .fgtbt{ width: 120px; background: #e71a19; color: #fff; font-size: 16px; text-align: center; } #flt2,#flt1,#flt3{display:none;max-width: 300px;float: right;margin-right: 100px;border-radius: 50%;background: #f7f7f7;} .c_portalResProduct_list-01001 .p_categoryName{ font-size: 26px; color: #333; margin-bottom: 10px; } .flr{float:left;padding: 30px 40px 30px 40px;width: 50%;} #c_portalResProduct_list-15984500831691658 .ss_title{ text-align:center; margin-bottom:4rem; } #c_portalResProduct_list-15984500831691658 .ss_title h1{ font-weight:bold; font-size:1.5rem; margin-bottom:0.5rem; } #c_portalResProduct_list-15984500831691658 .ss_title h1 span{ color:#cf8b32; margin-right:0.2rem; } #c_portalResProduct_list-15984500831691658 .ss_title h4{ opacity:0.4; } #c_portalResProduct_list-15984500831691658 .project-container{ margin:0 -5%; } #c_portalResProduct_list-15984500831691658 .pj_imgC{ width:auto; height:100%; position:absolute; left:50%; transform:translateX(-50%); } #c_portalResProduct_list-15984500831691658 .project_list{ margin:0 0.5rem; } #c_portalResProduct_list-15984500831691658 .pj_titles{ margin: 10px; } #c_portalResProduct_list-15984500831691658 .pj_title{ font-size:1.15rem; line-height:1.2; margin-bottom:0.25rem; } #c_portalResProduct_list-15984500831691658 span.time{ display:block; font-size:0.825rem; opacity:0.8; color:#cf8b32; position:absolute; right:0px; top:0px; line-height:1.8; } #c_portalResProduct_list-15984500831691658 .project_list > a{ display:block; position:absolute; z-index:10; left:0px; right:0px; top:0px; bottom:0px; } #c_portalResProduct_list-15984500831691658 .S02{ padding:5rem 0; } #c_portalResProduct_list-15984500831691658 .pj_summary{ font-size:0.875rem; margin-bottom:1rem; opacity:0.8; line-height:1.5; display: none!important; } #c_portalResProduct_list-15984500831691658 .project-container{ margin:0 -5%; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide .project_list{ transition:0.8s; opacity:0.15; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide.swiper-slide-active .project_list{ opacity:1; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide.swiper-slide-prev .project_list{ opacity:1; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide.swiper-slide-next .project_list{ opacity:1; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide .project_list .pj_titles{ transition:0.8s; opacity:0; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide.swiper-slide-active .project_list .pj_titles{ opacity:1; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide.swiper-slide-prev .project_list .pj_titles{ opacity:1; } #c_portalResProduct_list-15984500831691658 .project-slide.swiper-slide.swiper-slide-next .project_list .pj_titles{ opacity:1; } #c_portalResProduct_list-15984500831691658 .pj-prev-btn{ position:absolute; z-index:20; left:0px; width: 33%; bottom:0px; top:0px; cursor:pointer; display:flex; flex-flow:column; justify-content:center; background: rgba(255,255,255,0.8); } #c_portalResProduct_list-15984500831691658 .pj-prev-btn .btns{ color:#000; text-align:center; position:absolute; bottom: 48%; left:0px; right:0px; text-transform:uppercase; font-size:0.825rem; } #c_portalResProduct_list-15984500831691658 .pj-next-btn{ position:absolute; z-index:20; right:0px; width: 33%; bottom:0px; top:0px; cursor:pointer; display:flex; flex-flow:column; justify-content:center; background: rgba(255,255,255,0.8); } #c_portalResProduct_list-15984500831691658 .pj-next-btn .btns{ color:#000; text-align:center; position:absolute; bottom: 48%; left:0px; right:0px; text-transform:uppercase; font-size:0.825rem; } #c_portalResProduct_list-15984500831691658 .pj-prev-btn .btns > *{ display:inline-block; vertical-align:middle; margin:0.5rem 0.5rem; } #c_portalResProduct_list-15984500831691658 .pj-next-btn .btns > *{ display:inline-block; vertical-align:middle; margin:0.5rem 0.5rem; } #c_portalResProduct_list-15984500831691658 .pj_img{ position:relative; height:0px; padding-bottom: 75%; overflow:hidden; transform:perspective(1000px) translate3d(0, 0, 0px); transition:0.5s; box-shadow:0px 10px 50px rgba(0, 0, 0, 0); } #c_portalResProduct_list-15984500831691658 .project_list:hover .pj_img{ overflow:hidden; transform:perspective(1000px) translate3d(0, 0, 30px); transition:0.5s;  } #c_portalResProduct_list-15984500831691658 .pj_title{ font-size: 16px; line-height:1.2; margin-bottom:0.25rem; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; } @media screen and (min-width: 769px){ #c_portalResProduct_list-15984500831691658 .pj_summary{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2px; -webkit-box-orient:vertical; text-overflow:ellipsis; } } @media screen and (max-width: 1100px){ #c_portalResProduct_list-15984500831691658 .project-container { margin: 0 0.5%; } #c_portalResProduct_list-15984500831691658 .pj-prev-btn .btns { display: none; } #c_portalResProduct_list-15984500831691658 .pj-next-btn .btns { display: none; } #c_portalResProduct_list-15984500831691658 .pj_titles { margin: 1rem 0; padding-right: 0; } } @media screen and (max-width: 769px){ #c_portalResProduct_list-15984500831691658 .S02 { padding: 2rem 0; } #c_portalResProduct_list-15984500831691658 .project-container { margin: 0 20px; background: #fff; } #c_portalResProduct_list-15984500831691658 .pj-prev-btn { display: none; } #c_portalResProduct_list-15984500831691658 .pj-next-btn { display: none; } } #c_portalResProduct_list-15984500831691658 .sL_icon{ background-size:contain; width:18px; height:18px; background-repeat:no-repeat; background-position:center; } #c_portalResProduct_list-15984500831691658 img{  } #c_portalResProduct_list-15984500831691658 .more_btn{ margin:4rem 0; text-align:center; } #c_portalResProduct_list-15984500831691658 .mBtn{ display:inline-block; } #c_portalResProduct_list-15984500831691658 .mBtn a{ display:inline-block; padding:1rem 2rem; border:2px solid #d39545; color:#000; } #c_portalResProduct_list-15984500831691658 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResProduct_list-15984500831691658 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResProduct_list-15984500831691658 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResProduct_list-15984500831691658 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResProduct_list-15984500831691658 .projects{overflow:hidden;max-width: 1200px;margin: 0 auto;padding-bottom: 40px;} #A2{display:none;} @media only screen and (max-width: 768px){ #c_portalResProduct_list-15984500831691658{ margin:20px 0!important; } .flt{ width:100%; height: 200px; } .flr{ width:100%; background: #fff; padding: 20px; } #c_portalResProduct_list-15984500831691658 .projects{ padding-bottom:0px!important; } .c_portalResProduct_list-01001 .p_categoryName{ font-size: 20px; } }  #c_portalResProduct_list-16238067958840802 .proBox{ width:100%; height:auto; overflow:hidden; } #c_portalResProduct_list-16238067958840802 .proContainer{ width:100%; height:auto; overflow:hidden; font-size:0px; margin: 0; } #c_portalResProduct_list-16238067958840802 .proLi{ position:relative; overflow:hidden; margin: 10px; padding: 0; font-size:14px; border: 1px solid #eee; } #c_portalResProduct_list-16238067958840802 .porTbox{ position:relative; overflow:hidden; width:100%; height: AUTO; border-radius: 0; } #c_portalResProduct_list-16238067958840802 .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; } #c_portalResProduct_list-16238067958840802 .porBbox{ position:relative; overflow:hidden; width:100%; height: AUTO; padding: 10PX;  BACKGROUND: TRANSPARENT!important; } #c_portalResProduct_list-16238067958840802 .proLi:hover .proTitle{color: #cf1522!important;} #c_portalResProduct_list-16238067958840802 .proTitle{ font-size: 16px; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; font-weight: bold; } #c_portalResProduct_list-16238067958840802 .proSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; } #c_portalResProduct_list-16238067958840802 .lookDetail{ position:relative; display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5; } #c_portalResProduct_list-16238067958840802 .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px; } #c_portalResProduct_list-16238067958840802 .arrowsR img{ position:absolute; transition:all .5s ease; } #c_portalResProduct_list-16238067958840802 .harr{ opacity:0; } #c_portalResProduct_list-16238067958840802 .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.6); transition:all 0.5s ease; } #c_portalResProduct_list-16238067958840802 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; } #c_portalResProduct_list-16238067958840802 .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResProduct_list-16238067958840802 .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-16238067958840802 .proLi{ height: AUTO; width: calc((100% - 80px)/4)!important; } #c_portalResProduct_list-16238067958840802 .lookDetail:hover .barr{ opacity:0; } #c_portalResProduct_list-16238067958840802 .lookDetail:hover .harr{ opacity:1; } #c_portalResProduct_list-16238067958840802 .proLi:hover .showBox{ opacity:1; } #c_portalResProduct_list-16238067958840802 .proLi:hover .proImg{ transform: translate( -50%, -50%) scale(1.05); } #c_portalResProduct_list-16238067958840802 .proLi:hover .showBoxLink::before{ width:1rem; } #c_portalResProduct_list-16238067958840802 .proLi:hover showBoxLink::after{ width:1rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResProduct_list-16238067958840802 .proContainer { max-width:100%; } #c_portalResProduct_list-16238067958840802 .proLi { width:50%; height:auto; } } @media only screen and (max-width: 768px){ #c_portalResProduct_list-16238067958840802 .proLi{ width: calc((100% - 20px)/2)!important; padding: 0px!important; margin: 5px; } #c_portalResProduct_list-16238067958840802 .porBbox{ padding: 0; } #c_portalResProduct_list-16238067958840802 .proTitle{ font-size:14px; } }  #c_portalResProduct_list-1626082031650 .proBox{ width:100%; height:auto; overflow:hidden; } #c_portalResProduct_list-1626082031650 .proContainer{ width:100%; height:auto; overflow:hidden; font-size:0px; margin: 0; } #c_portalResProduct_list-1626082031650 .proLi{ position:relative; overflow:hidden; margin: 10px; padding: 0; font-size:14px; border: 1px solid #eee; pointer-events: none; } #c_portalResProduct_list-1626082031650 .porTbox{ position:relative; overflow:hidden; width:100%; height: AUTO; border-radius: 0; padding-bottom: 100%; } #c_portalResProduct_list-1626082031650 .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; } #c_portalResProduct_list-1626082031650 .porBbox{ position:relative; overflow:hidden; width:100%; height: AUTO; padding: 10PX;  BACKGROUND: TRANSPARENT!important; } #c_portalResProduct_list-1626082031650 .proLi:hover .proTitle{color: #cf1522!important;} #c_portalResProduct_list-1626082031650 .proTitle{ font-size: 14px; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; font-weight: bold; } #c_portalResProduct_list-1626082031650 .proSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; } #c_portalResProduct_list-1626082031650 .lookDetail{ position:relative; display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5; } #c_portalResProduct_list-1626082031650 .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px; } #c_portalResProduct_list-1626082031650 .arrowsR img{ position:absolute; transition:all .5s ease; } #c_portalResProduct_list-1626082031650 .harr{ opacity:0; } #c_portalResProduct_list-1626082031650 .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.6); transition:all 0.5s ease; } #c_portalResProduct_list-1626082031650 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; } #c_portalResProduct_list-1626082031650 .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResProduct_list-1626082031650 .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-1626082031650 .proLi{ height: AUTO; width: calc((100% - 80px)/4)!important; } #c_portalResProduct_list-1626082031650 .lookDetail:hover .barr{ opacity:0; } #c_portalResProduct_list-1626082031650 .lookDetail:hover .harr{ opacity:1; } #c_portalResProduct_list-1626082031650 .proLi:hover .showBox{ opacity:1; } #c_portalResProduct_list-1626082031650 .proLi:hover .proImg{ transform: translate( -50%, -50%) scale(1.05); } #c_portalResProduct_list-1626082031650 .proLi:hover .showBoxLink::before{ width:1rem; } #c_portalResProduct_list-1626082031650 .proLi:hover showBoxLink::after{ width:1rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResProduct_list-1626082031650 .proContainer { max-width:100%; } #c_portalResProduct_list-1626082031650 .proLi { width:50%; height:auto; } } @media only screen and (max-width: 768px){ #c_portalResProduct_list-1626082031650 .proLi{ width: calc((100% - 20px)/2)!important; padding: 0px!important; margin: 5px; } #c_portalResProduct_list-1626082031650 .porBbox{ padding: 0; } #c_portalResProduct_list-1626082031650 .proTitle{ font-size:14px; } } .lg-backdrop,.lg-outer{z-index:99999!important} #c_portalResProduct_list-16238289123380793 .proBox{ width:100%; height:auto; overflow:hidden; } #c_portalResProduct_list-16238289123380793 .proContainer{ width:100%; height:auto; overflow:hidden; font-size:0px; margin:1rem auto; } #c_portalResProduct_list-16238289123380793 .proLi{ position:relative; overflow:hidden; padding: 10px; font-size:14px; } #c_portalResProduct_list-16238289123380793 .porTbox{ position:relative; overflow:hidden; width:100%; height:auto; border: 1px solid #eee; border-bottom: none; padding-bottom: 100%; } #c_portalResProduct_list-16238289123380793 .proImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; } #c_portalResProduct_list-16238289123380793 .porBbox{ position:relative; overflow:hidden; width:100%; height:auto; padding:15px; border:1px solid #f2f2f2; } #c_portalResProduct_list-16238289123380793 .proTitle{ font-size: 14px; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; } #c_portalResProduct_list-16238289123380793 .proSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; } #c_portalResProduct_list-16238289123380793 .lookDetail{ position:relative; display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5; } #c_portalResProduct_list-16238289123380793 .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px; } #c_portalResProduct_list-16238289123380793 .arrowsR img{ position:absolute; transition:all .5s ease; } #c_portalResProduct_list-16238289123380793 .harr{ opacity:0; } #c_portalResProduct_list-16238289123380793 .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.6); transition:all 0.5s ease; } #c_portalResProduct_list-16238289123380793 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; } #c_portalResProduct_list-16238289123380793 .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResProduct_list-16238289123380793 .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-16238289123380793 .proLi{ height:auto; } #c_portalResProduct_list-16238289123380793 .lookDetail:hover .barr{ opacity:0; } #c_portalResProduct_list-16238289123380793 .lookDetail:hover .harr{ opacity:1; } #c_portalResProduct_list-16238289123380793 .proLi:hover .showBox{ opacity:1; } #c_portalResProduct_list-16238289123380793 .proLi:hover .proImg{ transform:translate( -50%, -50%) scale(1.1); } #c_portalResProduct_list-16238289123380793 .proLi:hover .showBoxLink::before{ width:1rem; } #c_portalResProduct_list-16238289123380793 .proLi:hover showBoxLink::after{ width:1rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResProduct_list-16238289123380793 .proContainer { max-width:100%; } #c_portalResProduct_list-16238289123380793 .proLi { width:50%; height:auto; } } .fenlei{ position: absolute; bottom: 5%; left: 0; z-index: 9; } .fenlei a{display:block;} .cpfl{ background: #fff; margin-bottom: 10px; text-align: left; padding: 10px 20px; border: 1px solid #ddd; border-radius: 20px; } .cpfl:hover{background:#cf1522;color:#fff;} @media only screen and (max-width: 768px){ .fenlei{ position: relative; } }  #c_portalResProduct_list-16238120351984199 .PhotoList_k1 .ul{ font-size:0px; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li{ font-size:16px; transition:0.3s ease 0s; margin-bottom:2.5%; width:23%; margin-left:2.6%; background:#f0f0f0; padding:10px; display:inline-block; vertical-align:top; box-sizing:border-box; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li a{ font-size:0px; overflow:hidden; text-align:center;  width:100%; margin:0 auto; height: 480px; display:block; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li a:before{ content:''; display:inline-block; vertical-align:middle; height:100%; width:0px; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 img{ display:inline-block; vertical-align:middle; transition:0.5s linear 0s; width: 100%; height: auto; margin-left:0px; transform:scale(1); width: 100%; height:auto; transition:all .5s ease; left: 50%!important; top: 50%!important; -webkit-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; position: absolute; padding: 10px; border: 1px solid #eee; box-shadow: 0 0px 10px #ddd; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 h4{ display:none; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li span{ white-space:nowrap; transition:0.3s ease 0s; display:block; width:100%; text-align:center; overflow:hidden; text-overflow:ellipsis; font-size:14px; padding:3% 10px; box-sizing:border-box; border:none; } @media screen and (min-width: 769px){ #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li:hover img{ transform:scale(1.1); } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li:hover span{ color:#d50a1d; background:#fff; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li{ width: 14%; margin:1%; padding:0px; background:transparent; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li:nth-child(2),#c_portalResProduct_list-16238120351984199 .PhotoList_k1 li:nth-child(4){width: 18%;} #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li:nth-child(3){width: 26%;} } @media screen and (max-width: 1100px){ #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li a { height: 21.2vw; } } @media screen and (max-width: 768px){ #c_portalResProduct_list-16238120351984199 .PhotoList_k1 { padding: 0px; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li { width: 31.33%; margin: 1%; padding: 0; background: transparent; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li a { height: 34vw; padding: 0; background: transparent; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li span { padding: 2vw; font-size: 14px; } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li:nth-child(2n+1) { } #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li:nth-child(2n+0) { } } @media screen and (max-width: 1500px){ #c_portalResProduct_list-16238120351984199 .PhotoList_k1 li span { font-size: 14px; } } #c_portalResProduct_list-16238120351984199 .PhotoList_k1{ width:100%; transition:0.3s ease 0s; font-size:14px; } #c_portalResProduct_list-16238120351984199 .lineBlock{ display:inline-block; width:100%; height:100%; overflow:hidden; position: relative; } #c_portalResProduct_list-16238120351984199 .lantern { margin-left: 60px!important; margin-right: 60px!important; } .p_CommonSwitchBtnA,.p_CommonSwitchBtnB{ font-size:20px;color:#666;padding:5px 10px; border:1px solid #eee; } .p_CommonSwitchBtnA:hover,.p_CommonSwitchBtnB:hover{ coloe:#c90000; } @media screen and (max-width: 768px){ .p_CommonSquareNumBtn { width:40px!important;font-size:0px; } #c_portalResProduct_list-16238120351984199 .lantern{ margin-left: 0px!important; margin-right: 0px!important; } .p_CommonSwitchBtnA,.p_CommonSwitchBtnB{ display:none; } }#c_portalResPublic_codeContainer-15788147248349856{ float: right; } @media only screen and (max-width: 768px){ #flaosBox{display:none;} .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001{ min-height:auto; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-15620345960087889 .f-cb{ zoom:1; } #c_portalResPublic_codeContainer-15620345960087889 .f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } #c_portalResPublic_codeContainer-15620345960087889 .about-num{ margin-top:0px; padding-top:24px; padding-bottom:25px; background:none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li{ float:left; width:50%; position:relative; padding-left:2vw; margin-bottom:15px; margin-top:15px; text-align:left; border-left:1px solid #ccc; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:before{ content:''; position:absolute; left:-1px; top:0; width:1px; height:30%; background: #ac6917; z-index:1; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li h2{ font-family:'Oswald', sans-serif; font-size:55px; color: #ac6917; line-height:72px; display:inline-block; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li p{ color:#333; font-size:16px; line-height:36px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num .count-unit{ font-size:16px; color: #ac6917; text-align:right; display:inline-block; font-style:normal; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li .bot p{ font-size:15px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-15620345960087889 .about-num li h2{ font-size:40px; line-height: 46px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li p{ font-size:14px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li{ width:50%; border-bottom: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:nth-child(1){ border-top: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:nth-child(2){ border-top: none; border-right: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:nth-child(4){ border-right: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:last-child{ display:block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-15620345960087889 .about-num li h2{ font-size:50px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li p{ font-size:14px; } } @media only screen and (max-width: 1024px){ #c_portalResPublic_codeContainer-15788147248349856{ display:none; } } #c_portalResPublic_codeContainer-15788147248349856 .head_lan{width:140px;position:relative;margin-left:auto;margin-right:0px;background:none;border: 1px solid #e89513;padding:0px 10px;border-radius:30px;transition:all .5s ease;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan.fixed{ background:#23498b; border:none; } #c_portalResPublic_codeContainer-15788147248349856 .lan_con{ width:auto; display:flex; justify-content:center; align-items:center; } #c_portalResPublic_codeContainer-15788147248349856 .lan_con:hover{ cursor:pointer; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit{ width:auto; line-height:36px; display:flex; align-items:center; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit span{display:inline-block;font-size:14px;color: #e89513;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.map{ width:auto; margin-right:5px; text-align:center; display:inline-block; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.jt{ width:auto; margin-left:5px; text-align:center; transform:scale(0.7); display:inline-block; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.map:before{content:'\e614';color: #e89513;font-size:16px;text-align:center;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.jt:before{content:'\e69a';color: #e89513;font-size:12px;text-align:center;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list{ display:flex; width:120px; background:#fff; padding:3px 0px 10px 0px; position:fixed; z-index:99; top:50px; font-size:13px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); opacity:0; visibility:hidden; transform:translate(0, 20px); transition:all .3s ease; flex-direction:column; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list.cur{ opacity:1; transform:translate(0, 0px); visibility:visible; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list span{ position:relative; line-height:1px; display:inline-block; height:1px; width:100%; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list .iconfont:before{ content:'\e6c8'; color:#fff; position:absolute; font-size:24px; width:100%; top:-5px; text-align:center; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list a{ color:#666; display:block; text-align:center; height:30px; line-height:30px; transition:all .3s ease; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list a:hover{color: #e89513;} #c_portalResPublic_codeContainer-15788147248349856{ 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; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-15788141568635599{display:none!important;} } .e-k:hover{transform: scale(1.1);} .e-q{font-size: 13px;} .e-n{padding: 15px;} .e-r{font-size: 13px;} .e-k{display: inline-block;vertical-align: top;width: 16.66%;height: 293px;background-color: #fff;padding-top: 62px;transition: all .3s;text-align: center;cursor: pointer;position: relative;float: left;} .e-k:after{content: "";display: block;width: 1px;height: 100%;background-color: #e7efe9;position: absolute;right: 0;top: 0;} .e-k:last-child:after{display: none;} .e-k:before{content: "";display: block;width: 35px;height: 2px;background-color: #da251d;position: absolute;left: 50%;margin-left: -17px;bottom: 49px;} .e-l{width: 60px;height: 60px;margin-bottom: 24px;} .e-l2{display: none;} .e-m{font-size: 20px;color: #4a4a4a;line-height: 26px;text-align: center;padding: 0 10px;} .e-k:hover{transform: scale(1.15);background:#da251d;z-index: 10;box-shadow: 0 2px 27px rgba(0,29,47,0.36);padding-top: 35px;} .e-k:hover .e-l{margin-bottom: 15px;} .e-k:hover .e-l1{display: none;} .e-k:hover .e-l2{display: inline-block;} .e-k:hover:after{display: none;} .e-k:hover:before{display: none;} .e-k:hover .e-m{display: none;} .e-k:hover .e-n{display: block;} .e-n{width: 100%;padding: 0 20px;display: none;} .e-o{font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 18px;} .e-p{font-size: 16px;position: relative;top: -6px;padding-left: 6px;font-weight: normal;} .e-q{font-size: 12px;color: #fff;line-height: 20px;text-align: center;margin-bottom: 28px;min-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .e-r{font-size: 12px;color: #fff;text-align: center;line-height: 20px;} #c_portalResPublic_codeContainer-16237507186397980 .f-cb:after{ display:block; height:0px; clear:both; visibility:hidden; overflow:hidden; content:"."; } #c_portalResPublic_codeContainer-16237507186397980 .about-num{ margin-top:0px; padding:25px 0; background:none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li{ float:left; width:25%; text-align:center; border-right:1px solid rgba(0,0,0,0.1); min-height: 100px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(4){ border-right:none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num sup{ vertical-align:super; top:-1.5em; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li h2{ font-size: 48px; color: #333333cc; line-height:50px; display:inline-block; font-family: arial; font-weight: bold; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li p{ color:#666; font-size:14px; line-height: 22px; margin-top: 12px; padding: 0 20px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num .count-unit{ font-size:14px; color:#666; text-align:right; display:inline-block; font-style:normal; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li .bot p{ font-size:14px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16237507186397980 .about-num li h2{ font-size: 37px; margin-top: 10px; line-height: 40px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li p{ font-size:14px; margin-top: 0; margin-bottom: 10px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li{ width:50%; border-bottom: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1);  } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(2){ border-right: none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(3){ border-bottom: none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(4){ border-bottom: none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:last-child{ } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-16237507186397980 .about-num li h2{ font-size:30px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li p{ font-size:14px; } }  #c_portalResPublic_codeContainer-15979354596671853 .f-cb{ zoom:1px; } #c_portalResPublic_codeContainer-15979354596671853 .f-cb:after{ display:block; height:0px; clear:both; visibility:hidden; overflow:hidden; content:"."; } #c_portalResPublic_codeContainer-15979354596671853 .about-num{ margin-top:0px; padding-top:40px; padding-bottom:40px; background:none; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li{ float:left; width: 25%; text-align:center;  } #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(1){  } #c_portalResPublic_codeContainer-15979354596671853 .about-num sup{ vertical-align:super; top:-1.5em; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li h2{ font-family:'Rubik', sans-serif; font-size: 40px; color:#fff; font-weight:bold; line-height:60px; display:inline-block; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li p{ color:#fff; font-size:16px; font-family:'Rubik', sans-serif; line-height:36px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num .count-unit{ font-size: 18px; color:#fff; text-align:right; display:inline-block; font-style:normal; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li .bot p{ font-size:15px; color:#fff; line-height:24px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-15979354596671853 .about-num li h2{ font-size:40px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li p{ font-size:14px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li{ width:50%;   } #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(1){} #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(2){} #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(4){} #c_portalResPublic_codeContainer-15979354596671853 .about-num li:last-child{ } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-15979354596671853 .about-num li h2{ font-size:40px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li p{ font-size:14px; } }@media (max-width: 768px){ #c_portalResEbizads_banner-15619728421301970 .bannerBox .m-banner-img { width:140%!important;margin-left:-20%;max-width:140%!important; } } @media only screen and (max-width: 768px){ .c_portalResEbizads_banner-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_portalResEbizads_banner-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_portalResEbizads_banner-01001 .p_SwitchBtnD{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before{ content: '\e687'; display: inline-block; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before{ content: '\e687'; display: inline-block; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_portalResEbizads_banner-01001 .p_ListNumBtn{ display:inline-table; height:30px; width:30px; background-color:#67b8b4; border-width:1px; border-color:transparent; color:#999999; font-size: 12px; font-family:'Microsoft YaHei'; } .c_portalResEbizads_banner-01001 .p_ListNumBtn img{ display:none; } .c_portalResEbizads_banner-01001 .p_ListNumBtn .shape{ display:table-cell; width:inherit; height:inherit; text-align:center; vertical-align:middle; } .c_portalResEbizads_banner-01001 .p_ListNumBtn:active { color:rgba(255,255,255,1); } .c_portalResEbizads_banner-01001 .p_ListNumBtn.active { color:rgba(255,255,255,1); } .c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active { color:rgba(255,255,255,1); }  .c_portalResEbizads_banner-01001 .p_SquareNumBtn{ display:inline-block; height:10px; width:100px; padding:0; background-color:#f2f2f2; border-width:1px; border-color:transparent; font-size: 12px; font-family:'Microsoft YaHei'; text-align:center; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn img{ display:none; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn:active { background-color:#67b8b4; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn.active { background-color:#67b8b4; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active { background-color:#67b8b4; }  .c_portalResEbizads_banner-01001 .p_CircleNumBtn{ width:15px; height:15px; display: inline-table; background-color:rgba(228,228,228,1); color:rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn img{ display:none; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn:active { background-color:rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_CircleNumBtn.active { background-color:rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active { background-color:rgba(105,192,188,1); }  .c_portalResEbizads_banner-01001 .p_NumBtn{ width:150px; height:66px; border-color:rgba(242,242,242,1); border-width:2px; border-style:solid; } .c_portalResEbizads_banner-01001 .p_NumBtn .shape{ display:none; } .c_portalResEbizads_banner-01001 .p_NumBtn:active{ border-color:rgba(103,184,180,1); } .c_portalResEbizads_banner-01001 .p_NumBtn.active{ border-color:rgba(103,184,180,1); }  .c_portalResEbizads_banner-01001 .p_ThumbnailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; }  .c_portalResEbizads_banner-01001 .p_ImgSummary{ text-align:justify; vertical-align:top; word-break:break-all; } .c_portalResEbizads_banner-01001 .p_ImgHead{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:nowrap; overflow:visible; } .c_portalResEbizads_banner-01001 .p_ImgHead .font{ display:table-cell; vertical-align:top; line-height: 30px; } .c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before{ content:""; } .c_portalResEbizads_banner-01001 .p_TitleBox{ width: inherit; height: auto; overflow: hidden; }   .c_portalResEbizads_banner-01001 .p_SummaryBox{ width: inherit; height: auto; border-width:1px; border-style:none; border-color:rgba(228,228,228,0); background-color:rgba(179, 179, 179,1); overflow: visible; }  .c_portalResEbizads_banner-01001 .p_SwitchBtnB{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color:rgba(255,255,255,1); font-size:40px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB .font{ display:table; width:inherit; height:inherit;  pointer-events:none; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont{ display: table-cell; vertical-align: middle; position: relative; top: 3px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(106,192,189,1); } .c_portalResEbizads_banner-01001 .p_SwitchBtnB:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_portalResEbizads_banner-01001 .p_interactionB{ width: inherit; height: auto; background-color: transparent; overflow: hidden; }  .c_portalResEbizads_banner-01001 .p_SwitchBtnA{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color:rgba(255,255,255,1); font-size:40px; z-index: 999; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA .font{ display:table; width:inherit; height:inherit;  pointer-events:none; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont{ display: table-cell; vertical-align: middle; position: relative; top: 3px; right: 4px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(106,192,189,1); } .c_portalResEbizads_banner-01001 .p_SwitchBtnA:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_portalResEbizads_banner-01001 .p_interactionA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_portalResEbizads_banner-01001 .p_interactionA + .p_interactionA { left: initial; right: 0; }  .c_portalResEbizads_banner-01001 .p_imageA{ width: auto; height: auto; overflow: hidden; }   .c_portalResEbizads_banner-01001 .p_images{ width: inherit; height: auto; background-color: transparent; overflow: hidden; }  .c_portalResEbizads_banner-01001 .p_banner{ width: inherit; height:auto; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; overflow: visible; } .c_portalResEbizads_banner-01001{ min-width: 300px; overflow:auto; } .c_portalResEbizads_banner-01001 .p_banner{ width:100%; height:100%; background-color: transparent; } .c_portalResEbizads_banner-01001 .p_images{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_ThumbnailBox{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_interactionA{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_interactionB{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_TitleBox{ border-width: 0; } .c_portalResEbizads_banner-01001 .p_TitleBoxA{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_portalResEbizads_banner-01001 .c_banner{ width:inherit; height:inherit; } .c_portalResEbizads_banner-01001 .p_images{ width:inherit; height:inherit; box-sizing:border-box; -moz-box-sizing:border-box; } .c_portalResEbizads_banner-01001 .p_LinkA{ width:inherit; height:inherit; display: block; position: relative; } .c_portalResEbizads_banner-01001 .p_imageA{ vertical-align:baseline; text-align:center; width:inherit; height:inherit; } .c_portalResEbizads_banner-01001 .p_imageA:hover{ background-color:transparent; } .c_portalResEbizads_banner-01001 .p_imageA:hover:after{ background-color:transparent; } .c_portalResEbizads_banner-01001 .p_interactionA{ cursor: pointer; left: 0; height: 100%; position: absolute; top: 0; z-index:99; overflow:visible; } .c_portalResEbizads_banner-01001 .p_interactionB{ cursor: pointer; right: 0; height:100%; position: absolute; top: 0; z-index: 99; overflow:visible; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA{ position: absolute; top: 50%; margin-top: -37px; padding-top: 10px; color:rgb(187, 182, 182); left: 0; width:33px; height:64px; background-color: rgba(0,0,0,0.5); z-index: 999; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before{ font-size: 30px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB{ position: absolute; top: 50%; margin-top: -37px; right: 0; width:33px; height:64px; background-color: rgba(0,0,0,0.5); z-index: 999; padding-top: 10px; color:rgb(187, 182, 182); } .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before{ font-size: 30px; } .c_portalResEbizads_banner-01001 .p_SummaryBox{ width:100%; position:absolute; bottom:0; left:0; z-index:5; height:70px; background-color: transparent; display: none; } .c_portalResEbizads_banner-01001 .p_SummaryBox:hover{ background-color: transparent; } .c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB{ display: block; background-color: rgba(0,0,0,0.5); } .c_portalResEbizads_banner-01001 .p_TitleBox { width: 100%; height: auto; height: 60px; line-height: 60px; padding: 0 10px; position: absolute; bottom: 0; left: 0; z-index: 999; font-weight: bold; } .c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span{ display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span { color: #fff; } .c_portalResEbizads_banner-01001 .p_TitleBoxA{ width:100%; height:inherit; padding-left:20px; padding-right:20px; } .c_portalResEbizads_banner-01001 .p_ThumbnailBox{ position:absolute; text-align:center; font-size:0; z-index:6; overflow:hidden; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA{ padding-right: 30px; padding-left: 30px; width: 100%; position: absolute; right: 0; bottom: 0; text-align: right; font-size: 0; z-index: 6; overflow: hidden; } .c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child{ margin-left: 0; } .c_portalResEbizads_banner-01001 .p_NumBtn{ margin-right:6px; font-size:0; width: 90px; height: auto; display: inline-block; overflow: hidden; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn{ margin-left:10px; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn{ margin-left:10px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC{ position:absolute; top: 50%; left: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResEbizads_banner-01001 .p_SwitchBtnD{ position:absolute; top: 50%; right: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResEbizads_banner-01001 .p_CircleNumBtn, .c_portalResEbizads_banner-01001 .p_SquareNumBtn, .c_portalResEbizads_banner-01001 .p_ListNumBtn{ margin-top:20px; margin-bottom:20px; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn{ width:98px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before{ content: "\e6ae"; font-size: 30px; } .c_portalResEbizads_banner-01001 .p_ImgSummary{ font-weight: normal; white-space: normal; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont{ font-size: 30px; color: rgba(255,255,255,.6); display: table-cell; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont{ font-size: 30px; color: rgba(255,255,255,.6); display: table-cell; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont { color: rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont { color: rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_NumBtn:hover{ border-color: rgba(103,184,180,1); }  .c_portalResEbizads_banner-01001 .swiper-container { margin: 0 auto; position: relative; overflow: hidden;  z-index: 1; height: 100%; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .c_portalResEbizads_banner-01001 .p_MatteIcon:before{content:'\e752';.} .c_portalResEbizads_banner-01001 .widther img{ width: auto!important; } .c_portalResEbizads_banner-01001 .swiper-pagination { position: absolute; z-index: 20; bottom: 65px; width: 100%; text-align: center; } .c_portalResEbizads_banner-01001 .dot{ width: 20px; height: 20px; } .c_portalResEbizads_banner-01001 .swiper-pagination span{ display: inline-block; margin-right: 4px; } .c_portalResEbizads_banner-01001 .background_default{ display: inline-block; width: 27px; height: 27px; border-radius: 50%; margin: 0 5px; opacity: 0.8; cursor: pointer; } .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; max-width: 100%; } .c_portalResEbizads_banner-01001 .background_default{ width: 17px; height: 17px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA{ display: none; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB{ display: none; } } @media only screen and (min-width: 769px){ .c_portalResEbizads_banner-01001 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_portalResEbizads_banner-01001 .p_prompt .promptbox{ width: auto; height: 100%; } .c_portalResEbizads_banner-01001 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_portalResEbizads_banner-01001 .p_SwitchBtnD{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before{ content: '\e687'; display: inline-block; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before{ content: '\e687'; display: inline-block; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_portalResEbizads_banner-01001 .p_ListNumBtn{ display:inline-table; height:30px; width:30px; background-color:#67b8b4; border-width:1px; border-color:transparent; color:#999999; font-size: 12px; font-family:'Microsoft YaHei'; } .c_portalResEbizads_banner-01001 .p_ListNumBtn img{ display:none; } .c_portalResEbizads_banner-01001 .p_ListNumBtn .shape{ display:table-cell; width:inherit; height:inherit; text-align:center; vertical-align:middle; } .c_portalResEbizads_banner-01001 .p_ListNumBtn:active { color:rgba(255,255,255,1); } .c_portalResEbizads_banner-01001 .p_ListNumBtn.active { color:rgba(255,255,255,1); } .c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active { color:rgba(255,255,255,1); }  .c_portalResEbizads_banner-01001 .p_SquareNumBtn{ display:inline-block; height:10px; width:100px; padding:0; background-color:#f2f2f2; border-width:1px; border-color:transparent; font-size: 12px; font-family:'Microsoft YaHei'; text-align:center; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn img{ display:none; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn:active { background-color:#67b8b4; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn.active { background-color:#67b8b4; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active { background-color:#67b8b4; }  .c_portalResEbizads_banner-01001 .p_CircleNumBtn{ width:15px; height:15px; display: inline-table; background-color:rgba(228,228,228,1); color:rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn img{ display:none; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn:active { background-color:rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_CircleNumBtn.active { background-color:rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active { background-color:rgba(105,192,188,1); }  .c_portalResEbizads_banner-01001 .p_NumBtn{ width:150px; height:66px; border-color:rgba(242,242,242,1); border-width:2px; border-style:solid; } .c_portalResEbizads_banner-01001 .p_NumBtn .shape{ display:none; } .c_portalResEbizads_banner-01001 .p_NumBtn:active{ border-color:rgba(103,184,180,1); } .c_portalResEbizads_banner-01001 .p_NumBtn.active{ border-color:rgba(103,184,180,1); }  .c_portalResEbizads_banner-01001 .p_ThumbnailBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; }  .c_portalResEbizads_banner-01001 .p_ImgSummary{ text-align:justify; vertical-align:top; word-break:break-all; } .c_portalResEbizads_banner-01001 .p_ImgHead{ display:inline-table; margin:0; padding:0; color:#323232; font-size:30px; font-weight:400; text-align:left; white-space:nowrap; overflow:visible; } .c_portalResEbizads_banner-01001 .p_ImgHead .font{ display:table-cell; vertical-align:top; line-height: 30px; } .c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before{ content:""; } .c_portalResEbizads_banner-01001 .p_TitleBox{ width: inherit; height: auto; overflow: hidden; }   .c_portalResEbizads_banner-01001 .p_SummaryBox{ width: inherit; height: auto; border-width:1px; border-style:none; border-color:rgba(228,228,228,0); background-color:rgba(179, 179, 179,1); overflow: visible; }  .c_portalResEbizads_banner-01001 .p_SwitchBtnB{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color:rgba(255,255,255,1); font-size:40px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB .font{ display:table; width:inherit; height:inherit;  pointer-events:none; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont{ display: table-cell; vertical-align: middle; position: relative; top: 3px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(106,192,189,1); } .c_portalResEbizads_banner-01001 .p_SwitchBtnB:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_portalResEbizads_banner-01001 .p_interactionB{ width: inherit; height: auto; background-color: transparent; overflow: hidden; }  .c_portalResEbizads_banner-01001 .p_SwitchBtnA{ background:rgba(81,80,80,.3); width:64px; height:139px; cursor:pointer; text-align:center; color:rgba(255,255,255,1); font-size:40px; z-index: 999; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA .font{ display:table; width:inherit; height:inherit;  pointer-events:none; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont{ display: table-cell; vertical-align: middle; position: relative; top: 3px; right: 4px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(115,115,115,.7); color:rgba(106,192,189,1); } .c_portalResEbizads_banner-01001 .p_SwitchBtnA:active{ border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(81,80,80,.7); } .c_portalResEbizads_banner-01001 .p_interactionA{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_portalResEbizads_banner-01001 .p_interactionA + .p_interactionA { left: initial; right: 0; }  .c_portalResEbizads_banner-01001 .p_imageA{ width: auto; height: auto; overflow: hidden; }   .c_portalResEbizads_banner-01001 .p_images{ width: inherit; height: auto; background-color: transparent; overflow: hidden; }  .c_portalResEbizads_banner-01001 .p_banner{ width: inherit; height:auto; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; overflow: visible; } .c_portalResEbizads_banner-01001{ min-width: 300px; overflow:auto; } .c_portalResEbizads_banner-01001 .p_banner{ width:100%; height:100%; background-color: transparent; } .c_portalResEbizads_banner-01001 .p_images{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_ThumbnailBox{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_interactionA{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_interactionB{ width:auto; height:auto; } .c_portalResEbizads_banner-01001 .p_TitleBox{ border-width: 0; } .c_portalResEbizads_banner-01001 .p_TitleBoxA{ width:auto; height:auto; border-width: 0; background-color: transparent; } .c_portalResEbizads_banner-01001 .c_banner{ width:inherit; height:inherit; } .c_portalResEbizads_banner-01001 .p_images{ width:inherit; height:inherit; box-sizing:border-box; -moz-box-sizing:border-box; } .c_portalResEbizads_banner-01001 .p_LinkA{ width:inherit; height:inherit; display: block; position: relative; } .c_portalResEbizads_banner-01001 .p_imageA{ vertical-align:baseline; text-align:center; width:inherit; height:inherit; } .c_portalResEbizads_banner-01001 .p_imageA:hover{ background-color:transparent; } .c_portalResEbizads_banner-01001 .p_imageA:hover:after{ background-color:transparent; } .c_portalResEbizads_banner-01001 .p_interactionA{ cursor: pointer; left: 0; height: 100%; position: absolute; top: 0; z-index:99; overflow:visible; } .c_portalResEbizads_banner-01001 .p_interactionB{ cursor: pointer; right: 0; height:100%; position: absolute; top: 0; z-index: 99; overflow:visible; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA{ position: absolute; top: 50%; margin-top: -37px; padding-top: 10px; color:rgb(187, 182, 182); left: 0; width:33px; height:64px; background-color: rgba(0,0,0,0.5); z-index: 999; } .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before{ font-size: 30px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnB{ position: absolute; top: 50%; margin-top: -37px; right: 0; width:33px; height:64px; background-color: rgba(0,0,0,0.5); z-index: 999; padding-top: 10px; color:rgb(187, 182, 182); } .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before{ font-size: 30px; } .c_portalResEbizads_banner-01001 .p_SummaryBox{ width:100%; position:absolute; bottom:0; left:0; z-index:5; height:70px; background-color: transparent; display: none; } .c_portalResEbizads_banner-01001 .p_SummaryBox:hover{ background-color: transparent; } .c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB{ display: block; background-color: rgba(0,0,0,0.5); } .c_portalResEbizads_banner-01001 .p_TitleBox { width: 100%; height: auto; height: 80px; padding: 10px; position: absolute; bottom: 0; left: 0; z-index: 999; font-weight: bold; } .c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span{ display: block; height: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 15px; } .c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span { color: #fff; } .c_portalResEbizads_banner-01001 .p_TitleBoxA{ width:100%; height:inherit; padding-left:20px; padding-right:20px; } .c_portalResEbizads_banner-01001 .p_ImgHead{ padding-top:10px; padding-bottom:12px; font-size: 30px; font-weight: normal; font-family: "黑体"; color: #fff; white-space: normal; } .c_portalResEbizads_banner-01001 .p_ThumbnailBox{ position:absolute; text-align:center; font-size:0; z-index:6; overflow:hidden; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA{ padding-right: 30px; padding-left: 30px; width: 100%; position: absolute; right: 0; bottom: 0; text-align: right; font-size: 0; z-index: 6; overflow: hidden; } .c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child{ margin-left: 0; } .c_portalResEbizads_banner-01001 .p_NumBtn{ margin-right:6px; font-size:0; width: 90px; height: auto; display: inline-block; overflow: hidden; } .c_portalResEbizads_banner-01001 .p_CircleNumBtn{ margin-left:10px; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn{ margin-left:10px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC{ position:absolute; top: 50%; left: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResEbizads_banner-01001 .p_SwitchBtnD{ position:absolute; top: 50%; right: 0; cursor: pointer; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResEbizads_banner-01001 .p_CircleNumBtn, .c_portalResEbizads_banner-01001 .p_SquareNumBtn, .c_portalResEbizads_banner-01001 .p_ListNumBtn{ margin-top:20px; margin-bottom:20px; } .c_portalResEbizads_banner-01001 .p_SquareNumBtn{ width:98px; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before{ content: "\e6ae"; font-size: 30px; } .c_portalResEbizads_banner-01001 .p_ImgSummary{ font-weight: normal; white-space: normal; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont{ font-size: 30px; color: rgba(255,255,255,.6); display: table-cell; } .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont{ font-size: 30px; color: rgba(255,255,255,.6); display: table-cell; } .c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont { color: rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont { color: rgba(105,192,188,1); } .c_portalResEbizads_banner-01001 .p_NumBtn:hover{ border-color: rgba(103,184,180,1); }  .c_portalResEbizads_banner-01001 .swiper-container { margin: 0 auto; position: relative; overflow: hidden;  z-index: 1; height: 100%; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } .c_portalResEbizads_banner-01001 .p_MatteIcon:before{content:'\e752';} .c_portalResEbizads_banner-01001 .widther img{ width: auto!important; } .c_portalResEbizads_banner-01001 .swiper-pagination { position: absolute; z-index: 20; bottom: 80px; width: 100%; text-align: center; } .c_portalResEbizads_banner-01001 .swiper-pagination span{ display: inline-block; margin-right: 4px; } .c_portalResEbizads_banner-01001 .background_default{ display: inline-block; width: 27px; height: 27px; border-radius: 50%; margin: 0 5px; opacity: 0.8; cursor: pointer; } .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; max-width: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResEbizads_banner-15969642098322305 .bannerVideoBox{ position:relative; width:100%; height:100vh;  min-height:200px; overflow:hidden; } #c_portalResEbizads_banner-15969642098322305 .wyz-vido-Container3{ height:100%; } #c_portalResEbizads_banner-15969642098322305 .wyz-vido-Container3 .swiper-slide{ background-position:center center; background-size:cover; } #c_portalResEbizads_banner-15969642098322305 .e_switchbtn{ position:absolute; top:50%; transform:translateY(-50%); width:30px; height:50px; line-height:50px; text-align:center; z-index:999; background:rgba(0, 0, 0, .5); color:#fff; cursor:pointer; } #c_portalResEbizads_banner-15969642098322305 .btn-next{ right:0px; } #c_portalResEbizads_banner-15969642098322305 .bannerTitle{ position:absolute; bottom:20%; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.5); } #c_portalResEbizads_banner-15969642098322305 .link{ display:block; color:#fff; padding:20px; font-size:inherit; font-family:inherit; } .txt{width: 32%;left: 18%;color: #fff;position: absolute;top: 40%;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);} .bt{font-size:55px;font-weight: bold;line-height: 64px;} .gy{font-size:18px;margin-top: 20px;} .xq{font-size:16px;border:1px solid #fff;width:140px;height:40px;text-align:center;line-height:40px;color: #fff;margin-top: 35px;border-radius: 3px;} @media only screen and (max-width: 1400px) and (min-width: 1024px){ .txt{width: 40%;left: 15%;color: #fff;position: absolute;top: 30%;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);} .bt{font-size: 48px;font-weight: bold;line-height: 60px;} .gy{font-size:18px;margin-top: 20px;} .xq{font-size:16px;border:1px solid #fff;width:140px;height:40px;text-align:center;line-height:40px;color: #fff;margin-top: 35px;border-radius: 3px;} #c_portalResEbizads_banner-15969642098322305{margin-top:0px!important;} } @media only screen and (max-width: 768px){ .txt{width: 70%;left: 15%;color: #fff;position: absolute;top: 30%;text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);} .bt{font-size: 26px;font-weight: bold;line-height: 38px;} .gy{font-size:18px;margin-top: 20px;} .xq{font-size:16px;border:1px solid #fff;width:140px;height:40px;text-align:center;line-height:40px;color: #fff;margin-top: 35px;border-radius: 3px;} #c_portalResEbizads_banner-15969642098322305{margin-top:0px!important;} } .c_portalResEbizads_banner-01001 .text{ display:none!important; } .c_portalResEbizads_banner-01001 .subpage_ad { position: relative; height: 400px!important; overflow: hidden; } @media only screen and (max-width: 1600px) and (min-width: 1201px){ .c_portalResEbizads_banner-01001 .subpage_ad { position: relative; height: 350px!important; overflow: hidden; } } @media only screen and (max-width: 1200px) and (min-width: 1025px){ .c_portalResEbizads_banner-01001 .subpage_ad { position: relative; height: 300px!important; overflow: hidden; } } @media only screen and (max-width: 1024px) and (min-width: 709px){ .c_portalResEbizads_banner-01001 .subpage_ad { position: relative; height: 250px!important; overflow: hidden; } } @media only screen and (max-width: 768px){ .c_portalResEbizads_banner-01001 .subpage_ad { height: 135px!important; } }@media only screen and (max-width: 1024px){ #w_fimg-1578814722245{max-width: 110px!important;} } #w_fimg-1596967669138,#w_fimg-1596968055585{border:10px solid #fff;} .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=240633&viewType=1&v=000) no-repeat center; }#content_box-1623317890845-1,#content_box-1623317890845-3{border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);} @media only screen and (min-width: 1201px){ #w_grid-1623393591156{max-width: 40%!important;} #w_grid-1623394251041{max-width: 72%!important;margin-top: -380px!important;} } @media only screen and (max-width: 1200px){ #w_grid-1623393591156{max-width: 100%!important;} #w_grid-1623394251041{max-width: 100%!important;margin-top: 0px!important;} #w_common_text-1624704628468 span{font-size:20px!important} } #w_grid-1623391834083 .p_gridCell{position: relative;} #content_box-1623391834083-0:after{content: '';width:18px;height:24px;position:absolute;right:-15px;top:16%;background:url(/img/hkyou.png?tenantId=240633&viewType=1&v=000);animation-name:fadeInLeft;animation-duration:1s;animation-delay:1.5s;animation-fill-mode:both;} #content_box-1623391834083-1:after{content: '';width:18px;height:24px;position:absolute;right:-15px;top:16%;background:url(/img/hkyou.png?tenantId=240633&viewType=1&v=000);animation-name:fadeInLeft;animation-duration:1s;animation-delay:1.7s;animation-fill-mode:both;} #content_box-1623391834083-2:after{content: '';width:18px;height:24px;position:absolute;right:-15px;top:16%;background:url(/img/hkyou.png?tenantId=240633&viewType=1&v=000);animation-name:fadeInLeft;animation-duration:1s;animation-delay:1.9s;animation-fill-mode:both;} #content_box-1623391834083-3:after{content: '';width:18px;height:24px;position:absolute;right:-15px;top:16%;background:url(/img/hkyou.png?tenantId=240633&viewType=1&v=000);animation-name:fadeInLeft;animation-duration:1s;animation-delay:2.1s;animation-fill-mode:both;} #content_box-1623391834083-4:after{content: '';width:18px;height:24px;position:absolute;right:-15px;top:16%;background:url(/img/hkyou.png?tenantId=240633&viewType=1&v=000);animation-name:fadeInLeft;animation-duration:1s;animation-delay:2.3s;animation-fill-mode:both;} #w_grid-1626751725287{z-index:9;position: relative;} #w_grid-1626751725287 .p_gridbox{overflow: visible;display:inline-bolck;} @media only screen and (max-width: 768px){ #w_grid-1623391834083 .p_gridCell:after{right:-10px!important;top:11%!important;}#content_box-1623391834083-2:after{display:none} #content_box-1623317890845-3{border:none;} #content_box-1623317890845-4{border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2);} #w_grid-1578814722200{max-height:70px!important;height:70px!important;min-height:70px!important;} #w_grid-1597721034755,#w_grid-1597730893017,#w_grid-1597740988721{margin:40px auto!important;} #w_grid-1597735045449{margin:30px auto!important;} #c_portalResProduct_list-15977525073490535{margin-top:20px!important;} #w_grid-1597634067012 .p_gridbox{background-size: 200%;background-position-y: 520px!important;} #w_common_text-1597904249968,#content_box-1598082922111-0{margin-top:0px!important;} #w_grid-1597891376747{margin-bottom:0px!important;} #content_box-1597891376720-0,#w_grid-1597931962367{margin-top:20px!important;} #w_common_text-1597994151386,#w_common_text-1597995857661,#w_grid-1598177594715,#w_grid-1598172458231,#w_common_text-1597933095547,#w_grid-1597931962407{width:100%!important;} #w_grid-1597995857576{padding:0px!important;} #w_grid-1598167194038{margin-top:20px!important;} #content_box-1597892823249-0{margin-bottom:0px!important;} #w_grid-1597904092427{margin:40px 2%!important;} #w_grid-1598172146773{margin:0 0 40px!important;} #w_grid-1598172374730{width:100%!important;margin-top:50px!important;} #w_grid-1597933095531{width:100%!important;} #w_common_text-1597931962442,#w_common_text-1597931383850{margin-top:0px!important;} body .reset_style h1 span{font-size:20px!important;font-weight: normal!important;} body .reset_style h2 span{font-size:16px!important;} body .reset_style h3 span{font-size:14px!important;} } #w_grid-1597721034755,#w_grid-1597730893017{margin:100px auto;} #w_grid-1578814722200{HEIGHT:90PX} #w_grid-1597740988721 .p_gridbox{background-image: none!important;background-color: transparent!important;} @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1578814722200{max-height:70px!important;height:70px!important;min-height:70px!important;} } #c_portalResnav_main-15845236208268891{z-index: 99999!important;} body .reset_style h3 span,body .reset_style h2 span,body .reset_style h1 span{font-weight:normal!important;font-weight: normal!important;} @media only screen and (max-width: 1360px){ #c_portalResSearch_total-15834649910892650{display:none!important;} } @media only screen and (max-width: 1024px){ #content_box-1578814154269-1{display:none!important;} } @media only screen and (max-width: 1200px){ #w_grid-1564456455396{margin-top:60px!important;} } #w_common_text-1583465931687{background:url(/img/zdtel.png?tenantId=240633&viewType=1&v=000) no-repeat left center;} #w_common_text-1583466290939{background:url(/img/zbb1.png?tenantId=240633&viewType=1&v=000) no-repeat left center;} #w_common_text-1583472813558{background:url(/img/zbb2.png?tenantId=240633&viewType=1&v=000) no-repeat left center;} #w_common_text-1583472828860{background:url(/img/zbb3.png?tenantId=240633&viewType=1&v=000) no-repeat left center;} #w_common_text-1583472833995{background:url(/img/zbb4.png?tenantId=240633&viewType=1&v=000) no-repeat left center;} #w_common_text-1740202407942{background:url(/img/xxx01.png?tenantId=240633&viewType=1&v=000) no-repeat left center;} #w_grid-1578814722214{left: 0!important;transform: none!important;-webkit-transform: none!important;} #w_grid-1596969178583 .p_gridbox{overflow: visible!important;} #w_grid-1596971479223 .p_gridCell{ display: flex; align-items: center; } #w_grid-1596962235465{ position: fixed; z-index: 9; } #w_sfbox-1596961665529 .p_footer { height: auto!important; } .w_grid-000{ margin-left: auto; margin-right: auto; min-height: AUTO; 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-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1597910474926{ background:#f0f0f0;} #w_grid-1597935145239{ background-image:url(/img/baoyweix.jpg?tenantId=240633&viewType=1&v=000); background-image-part-image:url(/img/baoyweix.jpg?tenantId=240633&viewType=1&v=000); background-attachment:fixed;background-size: cover;} #w_grid-1597971631292{ background-image:url(/img/qysl.jpg?tenantId=240633&viewType=1&v=000); background-image-part-image:url(/img/qysl.jpg?tenantId=240633&viewType=1&v=000); background-attachment:fixed;background-size: cover;} #w_grid-1597993553812{ background-color:rgba(255, 255, 255, 0); background-image:url(/img/neiybj.png?tenantId=240633&viewType=1&v=000); background-image-part-image:url(/img/neiybj.png?tenantId=240633&viewType=1&v=000); background-repeat:no-repeat; background-position:center center;} #w_grid-1597995857546{ background-color:rgba(255, 255, 255, 0); background-image:url(/img/neiybj.png?tenantId=240633&viewType=1&v=000); background-image-part-image:url(/img/neiybj.png?tenantId=240633&viewType=1&v=000); background-repeat:no-repeat; background-position:center center;} #w_grid-1597911329650{ background-color:rgba(255, 255, 255, 0); background-image:url(/img/neiybj.png?tenantId=240633&viewType=1&v=000); background-image-part-image:url(/img/neiybj.png?tenantId=240633&viewType=1&v=000); background-repeat:no-repeat; background-position:center center;}  #w_grid-1624935419248 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1624935419248> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0.2%; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width:46.3%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+1){ margin-left:0px; clear:left; margin-right:0px; width:46.3%; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+2){ width:53.1%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+3){ width:53.1%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n){ margin-right:0px; } } @media only screen and (min-width: 769px){ #w_grid-1624935419248> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0.2%; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width:23.15%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+1){ margin-left:0px; clear:left; margin-right:0px; width:23.15%; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+2){ width:26.55%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+3){ width:26.55%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1624935419248> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0.2%; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width:23.15%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+1){ margin-left:0px; clear:left; margin-right:0px; width:23.15%; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+2){ width:26.55%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n+3){ width:26.55%; margin-left:0.2%; margin-right:0px; clear:none; } #w_grid-1624935419248> div > .p_gridbox > .p_gridCell:nth-child(4n){ margin-right:0px; } } #w_grid-1624935419248 .w_fimg-000{background:#000;} #w_grid-1624935419248 img{opacity: 0.65;transition: all .3s;} #w_grid-1624935419248 .w_fimg-000:hover img{opacity: 1;transition: all .3s;}#c_portalResPublic_codeContainer-15788147248349856{ float: right; } @media only screen and (max-width: 768px){ #flaosBox{display:none;} .c_portalResPublic_codeContainer-01001012{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001012{ min-height:auto; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-15620345960087889 .f-cb{ zoom:1; } #c_portalResPublic_codeContainer-15620345960087889 .f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } #c_portalResPublic_codeContainer-15620345960087889 .about-num{ margin-top:0px; padding-top:24px; padding-bottom:25px; background:none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li{ float:left; width:50%; position:relative; padding-left:2vw; margin-bottom:15px; margin-top:15px; text-align:left; border-left:1px solid #ccc; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:before{ content:''; position:absolute; left:-1px; top:0; width:1px; height:30%; background: #ac6917; z-index:1; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li h2{ font-family:'Oswald', sans-serif; font-size:55px; color: #ac6917; line-height:72px; display:inline-block; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li p{ color:#333; font-size:16px; line-height:36px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num .count-unit{ font-size:16px; color: #ac6917; text-align:right; display:inline-block; font-style:normal; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li .bot p{ font-size:15px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-15620345960087889 .about-num li h2{ font-size:40px; line-height: 46px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li p{ font-size:14px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li{ width:50%; border-bottom: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:nth-child(1){ border-top: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:nth-child(2){ border-top: none; border-right: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:nth-child(4){ border-right: none; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li:last-child{ display:block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-15620345960087889 .about-num li h2{ font-size:50px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15620345960087889 .about-num li p{ font-size:14px; } } @media only screen and (max-width: 1024px){ #c_portalResPublic_codeContainer-15788147248349856{ display:none; } } #c_portalResPublic_codeContainer-15788147248349856 .head_lan{width:140px;position:relative;margin-left:auto;margin-right:0px;background:none;border: 1px solid #e89513;padding:0px 10px;border-radius:30px;transition:all .5s ease;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan.fixed{ background:#23498b; border:none; } #c_portalResPublic_codeContainer-15788147248349856 .lan_con{ width:auto; display:flex; justify-content:center; align-items:center; } #c_portalResPublic_codeContainer-15788147248349856 .lan_con:hover{ cursor:pointer; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit{ width:auto; line-height:36px; display:flex; align-items:center; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit span{display:inline-block;font-size:14px;color: #e89513;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.map{ width:auto; margin-right:5px; text-align:center; display:inline-block; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.jt{ width:auto; margin-left:5px; text-align:center; transform:scale(0.7); display:inline-block; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.map:before{content:'\e614';color: #e89513;font-size:16px;text-align:center;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_tit .iconfont.jt:before{content:'\e69a';color: #e89513;font-size:12px;text-align:center;} #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list{ display:flex; width:120px; background:#fff; padding:3px 0px 10px 0px; position:fixed; z-index:99; top:50px; font-size:13px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); opacity:0; visibility:hidden; transform:translate(0, 20px); transition:all .3s ease; flex-direction:column; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list.cur{ opacity:1; transform:translate(0, 0px); visibility:visible; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list span{ position:relative; line-height:1px; display:inline-block; height:1px; width:100%; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list .iconfont:before{ content:'\e6c8'; color:#fff; position:absolute; font-size:24px; width:100%; top:-5px; text-align:center; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list a{ color:#666; display:block; text-align:center; height:30px; line-height:30px; transition:all .3s ease; } #c_portalResPublic_codeContainer-15788147248349856 .head_lan .lan_list a:hover{color: #e89513;} #c_portalResPublic_codeContainer-15788147248349856{ 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; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-15788141568635599{display:none!important;} } .e-k:hover{transform: scale(1.1);} .e-q{font-size: 13px;} .e-n{padding: 15px;} .e-r{font-size: 13px;} .e-k{display: inline-block;vertical-align: top;width: 16.66%;height: 293px;background-color: #fff;padding-top: 62px;transition: all .3s;text-align: center;cursor: pointer;position: relative;float: left;} .e-k:after{content: "";display: block;width: 1px;height: 100%;background-color: #e7efe9;position: absolute;right: 0;top: 0;} .e-k:last-child:after{display: none;} .e-k:before{content: "";display: block;width: 35px;height: 2px;background-color: #da251d;position: absolute;left: 50%;margin-left: -17px;bottom: 49px;} .e-l{width: 60px;height: 60px;margin-bottom: 24px;} .e-l2{display: none;} .e-m{font-size: 20px;color: #4a4a4a;line-height: 26px;text-align: center;padding: 0 10px;} .e-k:hover{transform: scale(1.15);background:#da251d;z-index: 10;box-shadow: 0 2px 27px rgba(0,29,47,0.36);padding-top: 35px;} .e-k:hover .e-l{margin-bottom: 15px;} .e-k:hover .e-l1{display: none;} .e-k:hover .e-l2{display: inline-block;} .e-k:hover:after{display: none;} .e-k:hover:before{display: none;} .e-k:hover .e-m{display: none;} .e-k:hover .e-n{display: block;} .e-n{width: 100%;padding: 0 20px;display: none;} .e-o{font-size: 20px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 18px;} .e-p{font-size: 16px;position: relative;top: -6px;padding-left: 6px;font-weight: normal;} .e-q{font-size: 12px;color: #fff;line-height: 20px;text-align: center;margin-bottom: 28px;min-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .e-r{font-size: 12px;color: #fff;text-align: center;line-height: 20px;} #c_portalResPublic_codeContainer-16237507186397980 .f-cb:after{ display:block; height:0px; clear:both; visibility:hidden; overflow:hidden; content:"."; } #c_portalResPublic_codeContainer-16237507186397980 .about-num{ margin-top:0px; padding:25px 0; background:none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li{ float:left; width:25%; text-align:center; border-right:1px solid rgba(0,0,0,0.1); min-height: 100px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(4){ border-right:none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num sup{ vertical-align:super; top:-1.5em; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li h2{ font-size: 48px; color: #333333cc; line-height:50px; display:inline-block; font-family: arial; font-weight: bold; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li p{ color:#666; font-size:14px; line-height: 22px; margin-top: 12px; padding: 0 20px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num .count-unit{ font-size:14px; color:#666; text-align:right; display:inline-block; font-style:normal; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li .bot p{ font-size:14px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16237507186397980 .about-num li h2{ font-size: 37px; margin-top: 10px; line-height: 40px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li p{ font-size:14px; margin-top: 0; margin-bottom: 10px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li{ width:50%; border-bottom: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(2){ border-right: none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(3){ border-bottom: none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:nth-child(4){ border-bottom: none; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li:last-child{ } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-16237507186397980 .about-num li h2{ font-size:30px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-16237507186397980 .about-num li p{ font-size:14px; } } #c_portalResPublic_codeContainer-15979354596671853 .f-cb{ zoom:1px; } #c_portalResPublic_codeContainer-15979354596671853 .f-cb:after{ display:block; height:0px; clear:both; visibility:hidden; overflow:hidden; content:"."; } #c_portalResPublic_codeContainer-15979354596671853 .about-num{ margin-top:0px; padding-top:40px; padding-bottom:40px; background:none; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li{ float:left; width: 25%; text-align:center; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(1){ } #c_portalResPublic_codeContainer-15979354596671853 .about-num sup{ vertical-align:super; top:-1.5em; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li h2{ font-family:'Rubik', sans-serif; font-size: 40px; color:#fff; font-weight:bold; line-height:60px; display:inline-block; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li p{ color:#fff; font-size:16px; font-family:'Rubik', sans-serif; line-height:36px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num .count-unit{ font-size: 18px; color:#fff; text-align:right; display:inline-block; font-style:normal; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li .bot p{ font-size:15px; color:#fff; line-height:24px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-15979354596671853 .about-num li h2{ font-size:40px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li p{ font-size:14px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li{ width:50%; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(1){} #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(2){} #c_portalResPublic_codeContainer-15979354596671853 .about-num li:nth-child(4){} #c_portalResPublic_codeContainer-15979354596671853 .about-num li:last-child{ } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResPublic_codeContainer-15979354596671853 .about-num li h2{ font-size:40px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num .count-unit{ font-size:14px; } #c_portalResPublic_codeContainer-15979354596671853 .about-num li p{ font-size:14px; } } .prz { position: relative; height: auto; padding-bottom: 82.857%; } .map-box { position: absolute; top: 0; left: 0; background: url(/img/maphk.png?tenantId=240633&viewType=1&v=000) no-repeat center/contain; width: 100%; height: 100%; background-size: contain; } .map-box .china-map, .map-box .world-map { width: 100%; height: 100%; } .map-box .point { width: 10px; height: 10px; background: rgba(207,21,37,0.7); border-radius: 50%; left: 860px; top: 108px; cursor: pointer; position: absolute; } .map-box .point .breath { transform: translateX(-50%) translateY(-50%); left: 5px; top: 5px; border-radius: 50%; background: rgba(207,21,37,0.2); animation: map_point 2s infinite; position: absolute; } @keyframes map_point { 0% { width: 0; height: 0; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1); } 50% { width: 20px; height: 20px; box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2); } 100% { width: 0; height: 0; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1); } } .map-box .point .line { display: none!important; width: 50px; margin-top: -22px; text-align: center; margin-left: -20px; text-shadow: 0 0px 1px #ffffff; } .map-box .point:hover .line{display: block!important;} .map-row{ position: absolute; top: 0%; font-size: 36px; z-index: 99; width: 90%; line-height: 45px; left: 0%; color: #333; } .map-row span{ display: block; color: #cf1522; line-height: 50px; font-size: 28px; } @media only screen and (max-width: 768px){ .map-row{ position: absolute; top: 3%; font-size: 20px; z-index: 99; width: 70%; line-height: 28px; left: 2%; color: #333; } .map-row span{ display: block; color: #cf1522; line-height: 30px; font-size: 16px; } }@media screen and (max-width: 768px) { .c_portalResMessage_form-01001{ width: 100%; overflow: hidden; } .c_portalResMessage_form-01001 .p_intentionIntroTitle{ width: 100%; padding: 0; text-align: left; margin-bottom: 10px; margin-top: 20px; } .c_portalResMessage_form-01001 .p_UnitName{ margin-top: 10px; } .c_portalResMessage_form-01001 .p_CoupWBox{ padding: 0; width: 80%; margin: 32px auto 32px; } .c_portalResMessage_form-01001 .p_CoupWBox button{ width: 100%; } .c_portalResMessage_form-01001 .p_ConWBox{ padding: 0; } .c_portalResMessage_form-01001 .form-group{ margin: 0; padding: 0 15px; } .c_portalResMessage_form-01001 .p_image { position: absolute; right: 16px; top: 50px; height: 29px; } .c_portalResMessage_form-01001 .p_checkboxA{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 .shape{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 label.option .font{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 .p_sex{ display: inline-block; } .c_portalResMessage_form-01001 .p_DepictInfoB p img { max-width: 100% !important; } .c_portalResMessage_form-01001 .p_CaptchasBox{ position: relative; } } @media only screen and (min-width: 769px) { .c_portalResMessage_form-01001 .e_box, .c_portalResMessage_form-01001 .e_icon, .c_portalResMessage_form-01001 .e_title { width: auto; height: auto; } .c_portalResMessage_form-01001 { width: 100%; height: auto; overflow: hidden; } .c_portalResMessage_form-01001 .p_inquiry { } .c_portalResMessage_form-01001 .p_ConWBox { padding: 5px 40px 25px; } .c_portalResMessage_form-01001 .boxTitle { overflow: hidden; } .c_portalResMessage_form-01001 .p_titleBoxA { } .c_portalResMessage_form-01001 .boxTitleText { padding: 0 15px; font-size: 16px; float: left; height: 40px; line-height: 40px; padding-bottom: 9px; text-align: center; } .c_portalResMessage_form-01001 .boxTitleText .font { display: table-cell; white-space: nowrap; vertical-align: middle; } .c_portalResMessage_form-01001 .boxTitleText .iconfont:before { display: inline-block; } .c_portalResMessage_form-01001 .p_NameB { display: inline-block; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001 .p_NameInfoB { display: inline-block; font-size: 20px; font-weight: bold; text-align: left; }  .c_portalResMessage_form-01001 .p_DepictBoxB { padding: 10px 0 0; line-height: 20px; overflow: hidden; } .c_portalResMessage_form-01001 .p_DepicNameB { float: left; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001 .p_DepictInfoB { display: flex; font-size: 14px; } .c_portalResMessage_form-01001 .p_DepictInfoB .reset_style p { font-size: 14px; } .c_portalResMessage_form-01001 .p_groupBox { padding-top: 0; }  .c_portalResMessage_form-01001 .p_ContactInfo .p_groupBox .p_GuideBox { vertical-align: top; } .c_portalResMessage_form-01001 .p_groupBox textarea { display: block; width: inherit; height: inherit; resize: none; height: 92px; padding: 6px; background: none; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_text { width: 335px; display: inline-block; position: relative; }  .c_portalResMessage_form-01001 .d_CustomValueBox { max-width: 725px; display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; } .c_portalResMessage_form-01001 .p_sex { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; } .c_portalResMessage_form-01001 .p_sex .option { width: auto; height: auto; cursor: pointer; line-height: 100%; } .c_portalResMessage_form-01001 .p_sex .shape { display: inline-block; vertical-align: top; width: 15px; height: 15px; border-radius: 50%; position: relative; top: 2px; } .c_portalResMessage_form-01001 .p_sex .radio { z-index: 99; opacity: 0; cursor: pointer; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+.iconfont.first { opacity: 1; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+i:after { content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 0; left: 0; display: block; } .c_portalResMessage_form-01001 .p_sex input[type="radio"]:checked+.iconfont.first:before { content: "\e669"; font-size: 21px; position: absolute; top: -3px; left: -3px; }  .c_portalResMessage_form-01001 .p_ContactInfo>div .e_unit { display: inline-block; }  .c_portalResMessage_form-01001 .p_DateIcon { position: absolute; left: 310px; display: inline-block; width: 20px; top: 50%; font-size: 18px; margin-top: -10px; cursor: pointer; }  .c_portalResMessage_form-01001 .p_checkboxContainerBox { width: auto; height: auto; margin: 10px 0; } .c_portalResMessage_form-01001 .p_checkboxContainerB { width: auto; height: auto; display: inline-block; vertical-align: middle; font-size: 16px; } .c_portalResMessage_form-01001 .p_checkboxContainerA { display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; } .c_portalResMessage_form-01001 .p_checkboxA { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; }  .c_portalResMessage_form-01001 .p_checkboxA .shape { display: inline-block; vertical-align: middle;  } .c_portalResMessage_form-01001 .p_checkboxA .shape .iconfont{ display: none; } .c_portalResMessage_form-01001 .p_checkboxA .option { width: auto; height: auto; position: relative; } .c_portalResMessage_form-01001 .p_checkboxA:hover { cursor: pointer; } .c_portalResMessage_form-01001 .p_checkboxA label:hover { cursor: pointer; } .c_portalResMessage_form-01001 .p_checkboxA .font { width: auto; display: inline-block; } .c_portalResMessage_form-01001 .p_checkboxA .first:before {  } .c_portalResMessage_form-01001 .p_checkboxA .first { height: 0; width: 0; border: 10px solid transparent; font-size: 20px; opacity: 0; position: absolute; bottom: -10px; right: -9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:checked+i { opacity: 1; } .c_portalResMessage_form-01001 .p_checkboxA input[type="checkbox"]:checked+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .c_portalResMessage_form-01001 .p_checkboxA input[type=checkbox]:hover+i { opacity: 1; } .c_portalResMessage_form-01001 .p_checkboxA input[type=checkbox]:hover+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .c_portalResMessage_form-01001 .p_checkboxA .option .font { display: inline-block; vertical-align: middle;  } .c_portalResMessage_form-01001 .p_checkboxA.active .shape { }  .c_portalResMessage_form-01001 .p_ContactInfo { padding-top: 10px; } .c_portalResMessage_form-01001 .p_ContactInfo>div { margin-top: 24px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_GuideBox { display: inline-block; width: 110px; height: 30px; line-height: 30px; text-align: right; overflow: hidden; vertical-align: middle; } .c_portalResMessage_form-01001 .p_GuideBox .e_icon { display: inline-block; font-size: 14px; vertical-align: middle; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_GuideBox .e_title { display: inline-block; font-size: 14px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_input, .c_portalResMessage_form-01001 .e_droplist, .c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryBox, .c_portalResMessage_form-01001 select.InputText { width: 335px; height: 30px; display: inline-block; vertical-align: middle; position: relative; } .c_portalResMessage_form-01001 select.InputText{ padding: 2px 10px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_input .InputText { border-radius: 2px; padding-left: 7px; line-height: inherit; height: inherit; width: inherit; display: inline-block; background: none; } .c_portalResMessage_form-01001 .p_ContactInfo>div .e_input .iconfont, .c_portalResMessage_form-01001 .e_droplist .InputIcon { display: block; width: 22px; height: inherit; text-align: center; line-height: inherit; position: absolute; top: 0; left: 0; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryBox { width: 165px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_EntryInput { width: 165px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_image { display: inline-block; position: relative; width: 85px; height: 30px; border-style: none; cursor: pointer; vertical-align: middle; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_AssistLabelA { position: relative; padding-right: 16px; cursor: pointer; display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_AssistLabelA .iconfont:before { position: absolute; right: 0; top: 3px; content: ""; display: block; } .c_portalResMessage_form-01001 .e_droplist input { width: calc(100% - 30px); border-radius: 2px 0 0 2px; padding-left: 7px; height: inherit; line-height: inherit; display: inline-block; background: none; } .c_portalResMessage_form-01001 .e_droplist .shape { display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; top: 0; right: 0; font-size: 12px; border-left: none; } .c_portalResMessage_form-01001 .e_droplist .shape { cursor: default; } .c_portalResMessage_form-01001 .p_AreaBox .e_droplist .shape:before { content: "\e6c9"; } .c_portalResMessage_form-01001 .e_droplist.error input { } .c_portalResMessage_form-01001 .e_droplist.error .shape { } .c_portalResMessage_form-01001 .e_droplist.hover input { } .c_portalResMessage_form-01001 .e_droplist.hover .shape { } .c_portalResMessage_form-01001 .e_droplist.hover input { } .c_portalResMessage_form-01001 .e_droplist:hover input { } .c_portalResMessage_form-01001 .e_droplist:hover .shape { } .c_portalResMessage_form-01001 .e_droplist:hover input { } .c_portalResMessage_form-01001 .e_droplist.hover .itembox { } .c_portalResMessage_form-01001 .e_droplist .itembox { width: 100%; max-height: 100px; overflow: auto; position: absolute; top: 30px; left: 0; font-size: 12px; border-top: none; z-index: 99; } .c_portalResMessage_form-01001 .e_droplist .itembox li { height: 30px; line-height: 30px; padding-left: 5px; } .c_portalResMessage_form-01001 .e_droplist .itembox li span { margin-left: 5px; } .c_portalResMessage_form-01001 .e_droplist .itembox li>i { font-size: 18px; line-height: 30px; } .c_portalResMessage_form-01001 .e_droplist .itembox li>i.ItemFirst { margin-left: 5px; } .c_portalResMessage_form-01001 .e_droplist:hover .itembox { } .c_portalResMessage_form-01001 .e_droplist .itembox li:hover { cursor: pointer; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_selectB { width: auto; } .c_portalResMessage_form-01001 .p_eqdesc>div .p_LoginPrompt { left: 559px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .p_LoginPrompt .text-error:after, .c_portalResMessage_form-01001 .p_eqdesc>div .p_LoginPrompt .text-error:after { left: -15px; } .c_portalResMessage_form-01001 .p_ContactInfo>div .success .text-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .text-error { display: none; } .c_portalResMessage_form-01001 .p_groupBox>div .success .icon-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .icon-error { display: inline-block; vertical-align: middle; height: 14px; font-size: 14px; margin: 0 10px; position: static; width: auto; margin-top: 8px; } .c_portalResMessage_form-01001 .p_groupBox>div .success .text-error, .c_portalResMessage_form-01001 .p_eqdesc>div.success .text-error { display: none; }  .c_portalResMessage_form-01001 .p_CoupWBox, .c_portalResMessage_form-01001 .p_CoupWBoxA { height: 40px; } .c_portalResMessage_form-01001 .p_CoupWBox>div, .c_portalResMessage_form-01001 .p_CoupWBoxA>div { margin-top: 9px; font-size: 14px; padding: 0 16px; cursor: pointer; } .c_portalResMessage_form-01001 .p_SaveWBtn, .c_portalResMessage_form-01001 .p_SaveWBtnA { float: left; margin-left: 20px; height: 25px; text-align: center; line-height: 25px; } .c_portalResMessage_form-01001 .p_canelbtn, .c_portalResMessage_form-01001 .p_canelbtnA { float: right; margin-right: 20px; height: 25px; line-height: 25px; }  .c_portalResMessage_form-01001 .p_succ, .c_portalResMessage_form-01001 .p_fail { width: 300px; height: 113px; font-size: 22px; margin: auto; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999999; display: none; line-height: 102px; text-align: center; } .c_portalResMessage_form-01001 .p_succ .iconfont, .c_portalResMessage_form-01001 .p_fail .iconfont { margin-right: 10px; display: inline-block; } .c_portalResMessage_form-01001 .p_succ .iconfont:before { content: "\e648"; } .c_portalResMessage_form-01001 .p_succ .fontbox, .c_portalResMessage_form-01001 .p_fail .fontbox { display: inline-block; } .c_portalResMessage_form-01001 .p_fail { width: 360px; } .c_portalResMessage_form-01001 .p_fail .iconfont { } .c_portalResMessage_form-01001 .p_fail .iconfont:before { content: "\e641"; } .c_portalResMessage_form-01001 .numTxt::-webkit-outer-spin-button, .c_portalResMessage_form-01001 .numTxt::-webkit-inner-spin-button { -webkit-appearance: none !important; -moz-appearance: textfield; } .c_portalResMessage_form-01001 .p_eqdescName .font, .c_portalResMessage_form-01001 .p_nameB .font, .c_portalResMessage_form-01001 .p_NickName .font, .c_portalResMessage_form-01001 .p_nameC .font, .c_portalResMessage_form-01001 .p_nameE .font, .c_portalResMessage_form-01001 .p_nameD .font, .c_portalResMessage_form-01001 .p_nameH .font, .c_portalResMessage_form-01001 .p_nameL .font, .c_portalResMessage_form-01001 .p_nameJ .font, .c_portalResMessage_form-01001 .p_nameM .font, .c_portalResMessage_form-01001 .p_nameG .font, .c_portalResMessage_form-01001 .p_SectorName .font, .c_portalResMessage_form-01001 .p_JobName .font, .c_portalResMessage_form-01001 .p_BusinessName .font, .c_portalResMessage_form-01001 .p_nameA .font, .c_portalResMessage_form-01001 .p_nameI .font, .c_portalResMessage_form-01001 .p_nameF .font, .c_portalResMessage_form-01001 .p_area .font, .c_portalResMessage_form-01001 .p_nameK .font, .c_portalResMessage_form-01001 .p_titleC .font { overflow: hidden; max-width: 6em; text-overflow: ellipsis; white-space: nowrap; } .c_portalResMessage_form-01001 .p_groupBox .p_GuideBox .e_icon.p_desc_star { display: inline-block; font-size: 14px; vertical-align: 1px; } .c_portalResMessage_form-01001 .p_PromptDisabled { margin: 15px; } .c_portalResMessage_form-01001 .p_PromptNoneData { width: auto; background-color: inherit; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 100px; height: 100%; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; font-weight: bold; text-align: left; } .c_portalResMessage_form-01001 .p_PromptNoneData .promptbox { width: auto; height: 100%; } .c_portalResMessage_form-01001 .p_PromptNoneData .prompt_content { font-size: 14px; padding-left: 65px; } .c_portalResMessage_form-01001 .p_SectorBox.error .p_selectC { } .c_portalResMessage_form-01001 .p_SectorBox.error .e_droplist .shape { height: 28px; } .c_portalResMessage_form-01001 .p_LoginPrompt { position: absolute; bottom: -22px; left: 0; white-space: nowrap; } .c_portalResMessage_form-01001 .p_intentionIntroTitle{ min-width: 120px; text-align: right; } .c_portalResMessage_form-01001 .form-control{ max-width: 470px; } .c_portalResMessage_form-01001 .p_CoupWBox { padding-left: 102px; margin-bottom: 30px; } .c_portalResMessage_form-01001 .p_selectC{ display: inline-block; position: relative; } .c_portalResMessage_form-01001 .p_UnitName{ position: absolute; right: -110px; top: 6px; width: 100px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResMessage_form-16233946577760674 .p_TelephoneBox{ display:none; } #c_portalResMessage_form-16233946577760674 .p_GenderBox{ display:none; } #c_portalResMessage_form-16233946577760674 .p_NameBox{ display:none; } #c_portalResMessage_form-16233946577760674 .p_DepictBoxB{ display:none; } #c_portalResMessage_form-16233946577760674 .p_FullNameBox{ width: calc((100% - 9px)/2); display:inline-block; } #c_portalResMessage_form-16233946577760674 .p_PhoneBox{ width: calc((100% - 0px)/2); display:inline-block; } #c_portalResMessage_form-16233946577760674 .p_EmailBox{ width: calc((100% - 8px)/2); display:inline-block; } #c_portalResMessage_form-16233946577760674 .p_CaptchasBox{ width: calc((100% - 0px)/2); display:inline-block; } #c_portalResMessage_form-16233946577760674 .form-control{ border-radius:0px; max-width:none; border:0px solid #d2d2d2; box-shadow:none; height:42px; } #c_portalResMessage_form-16233946577760674 .e_text{ width:100%; } #c_portalResMessage_form-16233946577760674 .p_intentionIntroTitle{ min-width:auto; } #c_portalResMessage_form-16233946577760674 .form-group{ margin: 0px 0px 10px; border: 1px solid #eee; } #c_portalResMessage_form-16233946577760674 .control-label{ display:none; } #c_portalResMessage_form-16233946577760674 .InputText{ border-radius:0px; padding-left:10px; background-color:white; color:#333; } #c_portalResMessage_form-16233946577760674 .e_input{ height:42px; width:100%; } #c_portalResMessage_form-16233946577760674 .p_groupBox textarea{ min-height: 100px; padding:10px; max-width:100%; } #c_portalResMessage_form-16233946577760674 .btn-primary{ background-color: #cf1522; border-color:#329cff; border:0px; border-radius:0px; width: 150px; height:42px; transition:0.5s; } #c_portalResMessage_form-16233946577760674 .btn-primary:hover{ background-color: #9c0d16; } #c_portalResMessage_form-16233946577760674 .p_CoupWBox{ padding-left:0px;   margin-top: 10px; padding: 0; } #c_portalResMessage_form-16233946577760674 .p_EntryBox{ height:42px; width:calc(100% - 98px); display:inline-block; } #c_portalResMessage_form-16233946577760674 .p_image{ width:90px; height:42px; display:inline-block; vertical-align:top; } #c_portalResMessage_form-16233946577760674 .p_ConWBox{ padding:0px; } @media screen and (max-width: 768px){ #c_portalResMessage_form-16233946577760674 .p_FullNameBox{ width:calc((100% - 45px)/2); display:inline-block; } #c_portalResMessage_form-16233946577760674 .p_PhoneBox{ width:calc((100% - 45px)/2); display:inline-block; } #c_portalResMessage_form-16233946577760674 .p_EmailBox{ width: calc((100% - 45px)/2); padding-right:20px !important; } #c_portalResMessage_form-16233946577760674 .p_CaptchasBox{ width:100%; padding-right:20px !important; } #c_portalResMessage_form-16233946577760674 .p_CoupWBox{ margin-top: 30px; width: 100%; padding: 0 10px; } #c_portalResMessage_form-16233946577760674 .form-group { padding: 0; margin: 10px 10px; } #c_portalResMessage_form-16233946577760674 .p_image{ bottom: auto; position: unset; } #c_portalResMessage_form-16233946577760674 .p_ContactInfo { padding: 0; } } #c_portalResMessage_form-16233946577760674 input::-webkit-input-placeholder { color: #999; font-size:14px!important; } #c_portalResMessage_form-1623833839800 input::-webkit-input-placeholder { color: #999; font-size:14px!important; }  #c_portalResMessage_form-16242814351004082 .p_TelephoneBox{ display:none; } #c_portalResMessage_form-16242814351004082 .p_GenderBox{ display:none; } #c_portalResMessage_form-16242814351004082 .p_NameBox{ display:none; } #c_portalResMessage_form-16242814351004082 .p_DepictBoxB{ display:none; } #c_portalResMessage_form-16242814351004082 .p_FullNameBox{ width:calc((100% - 85px)/2); display:inline-block; } #c_portalResMessage_form-16242814351004082 .p_PhoneBox{ width:calc((100% - 85px)/2); display:inline-block; } #c_portalResMessage_form-16242814351004082 .p_EmailBox{ width:calc((100% - 85px)/2); display:inline-block; } #c_portalResMessage_form-16242814351004082 .p_CaptchasBox{ width:calc((100% - 85px)/2); display:inline-block; } #c_portalResMessage_form-16242814351004082 .form-control{ border-radius:0px; max-width:none; border:1px solid #eee; box-shadow:none; height:42px; } #c_portalResMessage_form-16242814351004082 .e_text{ width:100%; } #c_portalResMessage_form-16242814351004082 .p_intentionIntroTitle{ min-width:auto; } #c_portalResMessage_form-16242814351004082 .form-group{ margin:10px 20px; } #c_portalResMessage_form-16242814351004082 .control-label{ display:none; } #c_portalResMessage_form-16242814351004082 .InputText{ border-radius:0px; padding-left:10px; background-color: transparent; color: #fff; } #c_portalResMessage_form-16242814351004082 .e_input{ height:42px; width:100%; } #c_portalResMessage_form-16242814351004082 .p_groupBox textarea{ min-height:160px; padding:10px; max-width:100%; background: transparent; } #c_portalResMessage_form-16242814351004082 .btn-primary{ background-color: #cf1522; border-color:#329cff; border:0px; border-radius:0px; width:100%; height:42px; transition:0.5s; } #c_portalResMessage_form-16242814351004082 .btn-primary:hover{ background-color:#cf1522; } #c_portalResMessage_form-16242814351004082 .p_CoupWBox{ padding-left:0px; display:flex; justify-content:center; margin-top:30px; padding:0 20px; } #c_portalResMessage_form-16242814351004082 .p_EntryBox{ height:42px; width:calc(100% - 98px); display:inline-block; } #c_portalResMessage_form-16242814351004082 .p_image{ width:90px; height:42px; display:inline-block; vertical-align:top; } #c_portalResMessage_form-16242814351004082 .p_ConWBox{ padding:0px; } @media screen and (max-width: 768px){ #c_portalResMessage_form-16242814351004082 .p_FullNameBox{ width:calc((100% - 45px)/2); display:inline-block; } #c_portalResMessage_form-16242814351004082 .p_PhoneBox{ width:calc((100% - 45px)/2); display:inline-block; } #c_portalResMessage_form-16242814351004082 .p_EmailBox{ width:100%; padding-right:20px !important; } #c_portalResMessage_form-16242814351004082 .p_CaptchasBox{ width:100%; padding-right:20px !important; } #c_portalResMessage_form-16242814351004082 .p_CoupWBox{ margin-top: 30px; width: 100%; padding: 0 10px; } #c_portalResMessage_form-16242814351004082 .form-group { padding: 0; margin: 10px 10px; } #c_portalResMessage_form-16242814351004082 .p_image{ bottom: auto; position: unset; } #c_portalResMessage_form-16242814351004082 .p_ContactInfo { padding: 0 10px; } } #c_portalResMessage_form-16242814351004082 input::-webkit-input-placeholder{ color:#999; font-size:14px!important; }.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; }@media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001008{ width:100%; } #flaosBox{display:none!important;} } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001008{ width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #flaosBox{position:fixed;width:75px;z-index:200;right:5px;bottom: 100px;} #flaosBox li{margin-bottom:2px;overflow:hidden;height:56px;width:75px;cursor:pointer;position:relative;background: rgba(218,37,28,0.8);} #flaosBox li.queryshow{ overflow:visible; } #flaosBox li.queryshow .box-inner{ width:75px; position:relative; right:auto; } #flaosBox li .box-inner{ width:225px; height:56px; position:absolute; right:-150px; } #flaosBox li .box-inner a{ display:block; width:75px; float:left; height:20px; padding-top:36px; line-height:18px; color:#fff!important; text-align:center; font-size:12px; } #flaosBox li .box-inner a.icon-qq{ background:url(/img/icon_qq.png?tenantId=240633&viewType=1&v=000) center 7px no-repeat; } #flaosBox li .box-inner a.icon-tel{ background:url(/img/icon_tel.png?tenantId=240633&viewType=1&v=000) center 7px no-repeat; } #flaosBox li .box-inner a.icon-feedback{ background:url(/img/icon_mes.png?tenantId=240633&viewType=1&v=000) center 7px no-repeat; } #flaosBox li .box-inner a.icon-code{ background:url(/img/icon_code.png?tenantId=240633&viewType=1&v=000) center 7px no-repeat; } #flaosBox li .box-inner a:hover{ color:#fff; } #flaosBox li .box-inner a.icon-top{ background:url(/img/icon_top.png?tenantId=240633&viewType=1&v=000) center 7px no-repeat; } #flaosBox span.box-hide{ display:block; width:150px; float:left; text-align:center; font-size:16px; font-weight:bold; line-height:56px; color:#fff; } #flaosBox .querycode{ position:absolute; width:100px; height:100px; left:-120px; display:none; } #flaosBox .querycode img{ width:120px; }.c_portalResPublic_codeContainer-01001008 .f-cb{ zoom:1; } .c_portalResPublic_codeContainer-01001008 .f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } .c_portalResPublic_codeContainer-01001008 .about-num{margin-top:0px;padding-top: 0;padding-bottom: 0;background:none;padding-left:15%;padding-right: 0%;} .c_portalResPublic_codeContainer-01001008 .about-num li{float:left;width:50%;position:relative;padding-left: 0;margin-bottom: 50px;margin-top: 50px;text-align:left;} .c_portalResPublic_codeContainer-01001008 .about-num li:before{content:'';position:absolute;left:-1px;top:0;width:2px;height:50%;background:#da251c;z-index:1;opacity: 0;} .c_portalResPublic_codeContainer-01001008 .about-num li h2{font-family: arial;font-size: 60px;color: #333333cc;line-height:72px;font-weight: bold;display:inline-block;} .c_portalResPublic_codeContainer-01001008 .about-num li p{color: #666;font-size: 16px;line-height: 26px;} .c_portalResPublic_codeContainer-01001008 .about-num .count-unit{font-size: 22px;color: #333333cc;text-align:right;display:inline-block;font-style:normal;} .c_portalResPublic_codeContainer-01001008 .about-num li .bot p{ font-size:15px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001008 .about-num li h2{ font-size:40px; line-height: 46px; } .c_portalResPublic_codeContainer-01001008 .about-num{ margin-top:0px; padding-top:0px; padding-bottom:0px; padding-left:5%; } .c_portalResPublic_codeContainer-01001008 .about-num .count-unit{ font-size:14px!important; } .c_portalResPublic_codeContainer-01001008 .about-num li p{ font-size:14px; } .c_portalResPublic_codeContainer-01001008 .about-num li{ width:50%; margin-bottom:15px; margin-top:15px; border-bottom: none; } .c_portalResPublic_codeContainer-01001008 .about-num li:nth-child(1){ border-top: none; } .c_portalResPublic_codeContainer-01001008 .about-num li:nth-child(2){ border-top: none; border-right: none; } .c_portalResPublic_codeContainer-01001008 .about-num li:nth-child(4){ border-right: none; } .c_portalResPublic_codeContainer-01001008 .about-num li:last-child{ display:block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResPublic_codeContainer-01001008 .about-num li h2{ font-size:50px; } .c_portalResPublic_codeContainer-01001008 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } .c_portalResPublic_codeContainer-01001008 .about-num .count-unit{ font-size:14px; } .c_portalResPublic_codeContainer-01001008 .about-num li p{ font-size:14px; } }@media screen and (max-width: 768px){ .lantern { margin-left: 0px !important; margin-right: 0px !important; } .p_CommonSwitchBtnA,.p_CommonSwitchBtnB{ display:none!important; } #newslist2,#newslist3{display:none;} } .p_CommonSwitchBtnA:hover,.p_CommonSwitchBtnB:hover{ cursor: pointer; color: #e89513; } .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; line-height: 18px; 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; 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-15644773321166548 #NewsList_a3 li:nth-child(3n+2){ margin-left:0px; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .data{ display:none; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .newimg{ max-height:290px; overflow:hidden; height:15vw; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li a{ transition:0.3s ease 0s; background: #f7f7f7; display:block; width:100%; padding-bottom:8%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 img{ transition:0.5s linear 0s; width:100%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 ul{ font-size:0px; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li{ font-size:14px; display:inline-block; vertical-align:top; width:32%; margin-left:2%; padding: 20px; background: #FFF; margin-bottom:3%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 p{ transition:0.3s ease 0s; margin-top:5%; font-size:14px; line-height:1.7; color:#666; display:-webkit-box; -webkit-line-clamp: 2; overflow:hidden; -webkit-box-orient:vertical; max-height:65px; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .newnr{ margin:8% auto 0; width:90%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 b{ transition:0.3s ease 0s; color:#333; font-size:16px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child{ width:100%; margin-bottom:3%; margin-left:0%; padding:20px; background: #FFF; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child a{ font-size:0px; background:none; padding-bottom:0px; position:relative; z-index:0; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child b{ font-size:20px; font-weight:normal; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child b:before{ width:15px; height:3px; display:inline-block; vertical-align:middle; background: #e89513; margin-right:15px; content:''; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child p{ line-height:26px; max-height:84px; margin-left:30px; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child .newimg{ box-shadow:10px 10px 45px 0 rgba(0, 0, 0, 0); width:39%; height:auto; max-height:355px; display:inline-block; vertical-align:middle; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child .newnr{ width:54%; display:inline-block; vertical-align:middle; margin-left:5%; margin-top:0px; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child .newnr .i-a{ margin-left:30px; margin-top:6%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li a:before{ content:''; position:absolute; width:39%; height:100%; background:none; background-size:14px 14px; z-index:-1; top:10%; left:2.5%; display:none; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:not(:first-child) a:hover{ background: #da251d; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li a:hover img{ transform:scale(1.2); } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:not(:first-child) a:hover b{ color:#fff; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:not(:first-child) a:hover p{ color:#fff; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child a:hover b{ color: #da251d; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child a:hover .i-a{ background: #da251d; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a{ z-index:0; margin:0 auto; font-size:0px; position:relative; line-height:50px; width:165px; height:50px; display:block; color:#fff; background: #da251d; text-align:center; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a i{ position:relative; font-family:"宋体"; font-weight:bold; z-index:0; padding-left:7px; margin-left:36px; font-style:normal; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a i:before{ content:''; width:7px; height:1px; top:50%; margin-top:-1px; left:0px; position:absolute; background:#fff; z-index:0; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a>*{ transition:0.3s ease 0s; display:inline-block; vertical-align:top; font-size:14px; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a:hover>*{ transform:translate(0px, 0px); } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a:hover:after{ transform:translate(0px, 0px); } @media screen and (max-width: 1024px){ #c_portalResNews_list-15644773321166548 #NewsList_a3 li { width: 48%; margin-left: 2%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .newimg { height: 28vw; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:nth-child(3n+2) { margin-left: 2%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li a:hover img { transform: scale(1); } } @media screen and (max-width: 768px){ #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child b{ color:#333; font-size:16px; font-weight:bold; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child b:before{ display:none; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child{ padding:10px; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a { line-height: 9vw; width: 27.6vw; height: 9vw; display:none; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a:before { width: 100%; height: 100%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a:after { width: 100%; height: 100%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a>* { font-size: 3.3333vw; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a:hover:after { transform: translate(0); } #c_portalResNews_list-15644773321166548 #NewsList_a3 .i-a:hover>* { transform: translate(0); } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child .newimg { width: 100%; box-shadow: none; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child { width: 100%; margin-bottom: 5vw; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child a { background: #f5f5f5; padding-bottom: 5%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li a { padding-bottom: 5%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .newimg{ height: auto; max-height: none; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child .newimg { height: auto; max-height: none; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li { width: 100%; margin-left: 0; margin-bottom: 5vw; } #c_portalResNews_list-15644773321166548 #NewsList_a3 p{ font-size: 14; max-height: none; line-height: 1.6; margin-left: 0; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child p { font-size: 14px; max-height: none; line-height: 1.6; margin-left: 0; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child .newnr{ display: block; margin: 5% auto 0; width: 90%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 .newnr { display: block; margin: 5% auto 0; width: 90%; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child a:hover b{ color: #fff; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child a:hover p { color: #fff; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:first-child a:hover { background: #ac6918; } #c_portalResNews_list-15644773321166548 #NewsList_a3 li:nth-child(2n+2){ margin-left: 0; } } #c_portalResNews_list-15644773321166548 .stylebox_top{ height:auto; } #c_portalResNews_list-15644773321166548 .title_sub{ position:relative; color:#ac6918; font-size:28px; margin-left:0px; padding-left:15px; } #c_portalResNews_list-15644773321166548 .title_sub:before{ content:''; position:absolute; left:0px; top:8px; height:24px; width:2px; background:#ac6918; z-index:1; } #c_portalResNews_list-15644773321166548 .title_main{ font-size:30px; color:#eaa317; } #c_portalResNews_list-15644773321166548 .stylebox_content{ padding-top:30px; } #c_portalResNews_list-15644773321166548 .dialog{ background:none; } #c_portalResNews_list-15644773321166548 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15644773321166548 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15644773321166548 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15644773321166548 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834795472661057 .container{ width:100%;  } #c_portalResNews_list-15834795472661057 .row{ margin:0px; } #c_portalResNews_list-15834795472661057 .col{ padding:20px 10px; } #c_portalResNews_list-15834795472661057 .box{ display:block; width:100%; height:100%; position:relative; transition:all .5s ease; } #c_portalResNews_list-15834795472661057 .pic_box{ width:100%; height:0px; position:relative; padding-bottom: 66%; } #c_portalResNews_list-15834795472661057 .pic{ position:absolute; width:100%; height:100%; top:0px; left:0px; } #c_portalResNews_list-15834795472661057 .content{ width:100%; height: 40px; background: rgba(0, 0, 0, 0.7); display: block; overflow: hidden; position: absolute; bottom: 0px; } #c_portalResNews_list-15834795472661057 .title{ height:40px; line-height:40px; font-weight:200; color: #fff; font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; display: block; width: 100%; } #c_portalResNews_list-15834795472661057 .sunmry{ font-size:0.875rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2px; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:2em; color:#999; } @media only screen and (min-width: 769px){ #c_portalResNews_list-15834795472661057 .row{ width:80%; margin:auto; } #c_portalResNews_list-15834795472661057 .col:hover .box{ transform:translateY(-15px); box-shadow:0px 0px 8px 5px #e5ebff; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-15834795472661057 .col{ width: 50%; } .c_portalResNews_list-01001 .newLi{ padding: 10px!important; width: 50%!important; float: left!important; } } #c_portalResNews_list-15834795472661057 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834795472661057 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834795472661057 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834795472661057 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834795472661057 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15834795472661057 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001 .newBox{ width:100%; height:auto; overflow:hidden; } .c_portalResNews_list-01001 .newContainer{ width:100%; height:auto; overflow:hidden; margin:1rem auto; } .c_portalResNews_list-01001 .newLi{ position:relative; overflow:hidden; padding:20px; } .c_portalResNews_list-01001 .porTbox{ position:relative; overflow:hidden; width:100%; height: auto; padding-bottom: 68%; } .c_portalResNews_list-01001 .newImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; } .c_portalResNews_list-01001 .porBbox{ position:relative; overflow:hidden; width:100%; background: #fff; height: auto; padding:20px 20px 10px; border:1px solid #f2f2f2; } .c_portalResNews_list-01001 .newTitle{ font-size:1rem; color:#333; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; } .c_portalResNews_list-01001 .newSummry{ color:#777;  overflow:hidden; margin:10px 0;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .c_portalResNews_list-01001 .lookDetail{ position:relative; display:block; color:#777; height:38px; display: none; line-height:38px; border-top:1px solid #e5e5e5; } .c_portalResNews_list-01001 .arrowsR{ position:absolute; top:50%; right:0px; transform:translate(0, -50%); width:30px; } .c_portalResNews_list-01001 .arrowsR img{ position:absolute; transition:all .5s ease; } .c_portalResNews_list-01001 .harr{ opacity:0; } .c_portalResNews_list-01001 .showBox{ position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; background:rgba(0, 0, 0, .6); transition:all 0.5s ease; } .c_portalResNews_list-01001 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .c_portalResNews_list-01001 .showBoxLink::before{ content:''; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } .c_portalResNews_list-01001 .showBoxLink::after{ content:''; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } .c_portalResNews_list-01001 .lookDetail:hover .barr{ opacity:0; } .c_portalResNews_list-01001 .lookDetail:hover .harr{ opacity:1; } .c_portalResNews_list-01001 .newLi:hover .showBox{ opacity:1; } .c_portalResNews_list-01001 .newLi:hover .newImg{ transform:translate(-50%, -50%) scale(1.1); } .c_portalResNews_list-01001 .newLi:hover .showBoxLink::before{ width:1rem; } .c_portalResNews_list-01001 .newLi:hover .showBoxLink::after{ width:1rem; } @media only screen and (min-width: 769px){ .c_portalResNews_list-01001 .newContainer{  } .c_portalResNews_list-01001 .newLi{ width: calc(100% / 4); height: auto; float:left; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResNews_list-01001 .newContainer { max-width: 900px; } .c_portalResNews_list-01001 .newLi { width: 50%; height: auto; } } .c_portalResNews_list-01001 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15834959170436205 .container{ width:100%;  } #c_portalResNews_list-15834959170436205 .row{ margin:0px; } #c_portalResNews_list-15834959170436205 .col{ padding:20px 10px; } #c_portalResNews_list-15834959170436205 .box{ display:block; width:100%; height:100%; position:relative; transition:all .5s ease; } #c_portalResNews_list-15834959170436205 .pic_box{ width:100%; height:0px; position:relative; padding-bottom: 66%; } #c_portalResNews_list-15834959170436205 .pic{ position:absolute; width:100%; height:100%; top:0px; left:0px; } #c_portalResNews_list-15834959170436205 .content{ width:100%; height: 40px; background: rgba(0, 0, 0, 0.7); display: block; overflow: hidden; position: absolute; bottom: 0px; } #c_portalResNews_list-15834959170436205 .title{ height:40px; line-height:40px; font-weight:200; color: #fff; font-size: 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center; display: block; width: 100%; } #c_portalResNews_list-15834959170436205 .sunmry{ font-size:0.875rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2px; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:2em; color:#999; } @media only screen and (min-width: 769px){ #c_portalResNews_list-15834959170436205 .row{ width: 100%; margin:auto; } #c_portalResNews_list-15834959170436205 .col:hover .box{ transform:translateY(-15px); box-shadow:0px 0px 8px 5px #e5ebff; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-15834959170436205 .col{ width: 50%; } .c_portalResNews_list-01001 .newLi{ padding: 10px!important; width: 50%!important; float: left!important; } } #c_portalResNews_list-15834959170436205 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834959170436205 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834959170436205 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834959170436205 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15834959170436205 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15834959170436205 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15834959170436205 .col:hover .content{ background: rgba(232, 149, 19, 0.9);} #c_portalResNews_list-15834795472661057 .col:hover .content{ background: rgba(232, 149, 19, 0.9);} #c_portalResNews_list-15969727857810614 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-15969727857810614 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-15969727857810614 >div{ animation-fill-mode:both; } #c_portalResNews_list-15969727857810614 .newsBox{ padding:20px 0; } #c_portalResNews_list-15969727857810614 .item{ border:0px; } #c_portalResNews_list-15969727857810614 .content{ position:relative; display:block; height:100%; width: 100%!important; background-color: #fff; overflow:hidden; } #c_portalResNews_list-15969727857810614 .info-box{ position:relative; padding: 15px; } #c_portalResNews_list-15969727857810614 .titile{ margin-bottom:15px; font-size: 16px; color: #000; overflow-wrap:break-word; word-wrap:break-word; } #c_portalResNews_list-15969727857810614 .summary{ font-size: 14px; line-height:1.5; color: #666; } #c_portalResNews_list-15969727857810614 .look{ position:absolute; right:15px; bottom:15px; display: none; width:30px; height:30px; text-align:center; line-height:30px; font-size:20px; font-weight:bold; color:#2d373c; } #c_portalResNews_list-15969727857810614 .img{ object-fit:cover; width:100%; height:100%; transition:all 1s ease; } @media only screen and (min-width: 1024px){ #c_portalResNews_list-15969727857810614 .p_news { overflow: hidden; display: flex; flex-flow: row wrap; } #c_portalResNews_list-15969727857810614 .list { padding: 0 15px;  float: left; overflow: hidden; } #c_portalResNews_list-15969727857810614 .list:first-child { width: calc(100%/4 *2); } #c_portalResNews_list-15969727857810614 .list:not(:first-child) { width: calc(100%/4); } #c_portalResNews_list-15969727857810614 .overly { display: none; } #c_portalResNews_list-15969727857810614 .widthActive .overly {  height: 100%;  position: absolute; width: 100%; top: 0; display: block; } #c_portalResNews_list-15969727857810614 .widthActive .info-box { position: absolute; bottom: 0px; left: 0px; right: 0px; background: rgb(0 0 0 / 0.3); } #c_portalResNews_list-15969727857810614 .img-box { overflow: hidden; border: 15px solid #fff; } #c_portalResNews_list-15969727857810614 .widthActive .info-box .look { color: #fff; } #c_portalResNews_list-15969727857810614 .list:hover .img { transform: scale(1.05); } } @media only screen and (max-width: 1025px) and (min-width: 769px){ #c_portalResNews_list-15969727857810614 .p_productsSet{ position:relative; padding-bottom:50px; overflow:hidden; } #c_portalResNews_list-15969727857810614 .carousel-indicators li{ margin:0 3px; display:inline-block; width:15px; height:3px; border:0px; background-color:#becdd7; } #c_portalResNews_list-15969727857810614 .carousel-indicators li.active{ width:25px; background-color:#2387aa; } #c_portalResNews_list-15969727857810614 .carousel-indicators li:hover{ width:25px; background-color:#2387aa; } #c_portalResNews_list-15969727857810614 .widthActive .info-box{ position:absolute; left:0px; bottom:0px; right:0px; } #c_portalResNews_list-15969727857810614 .widthActive .titile{ color:#fff; } #c_portalResNews_list-15969727857810614 .widthActive .summary{ color:#fff; } #c_portalResNews_list-15969727857810614 .widthActive .look{ color:#fff; } #c_portalResNews_list-15969727857810614 .img-box img{ object-fit:cover; width:100%; height:100%; } #c_portalResNews_list-15969727857810614 .widthActive2{ width:50%; padding-right:15px; float:left; overflow:hidden; } #c_portalResNews_list-15969727857810614 .widthActive3{ width:50%; padding-left:15px; float:left; overflow:hidden; } #c_portalResNews_list-15969727857810614 .widthActive4{ width:50%; padding-right:15px; float:left; overflow:hidden; } #c_portalResNews_list-15969727857810614 .widthActive5{ width:50%; padding-left:15px; float:left; overflow:hidden; } #c_portalResNews_list-15969727857810614 .summary{ font-size:12px; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-15969727857810614 .p_productsSet { position: relative; padding-bottom: 50px; overflow: hidden; } #c_portalResNews_list-15969727857810614 .carousel-indicators li { margin: 0 3px; display: inline-block; width: 15px; height: 3px; border: 0; background-color: #becdd7; } #c_portalResNews_list-15969727857810614 .carousel-indicators li.active { width: 25px; background-color: #2387aa; } } #c_portalResNews_list-15969727857810614 .container { width: 100%; } .widthActive .p_summary,.widthActive .tt{display:none!important;} .tt{font-size:14px!important;margin-bottom: 20px;color: #999;} .widthActive .img-box{border:none!important;} .widthActive .titile{margin-bottom:0px!important;color:#fff!important;} #c_portalResNews_list-15977319354804322 .newContent{ width:100%; height:auto; overflow:hidden; } #c_portalResNews_list-15977319354804322 .newHeader{ padding:2rem 0 1rem; } #c_portalResNews_list-15977319354804322 .newBox{ width:100%; height:auto; overflow:hidden; padding: 0; } #c_portalResNews_list-15977319354804322 .newsWidth{ position:relative; float:left; height: 330px; padding:1rem; } #c_portalResNews_list-15977319354804322 .newsMargin{ position:relative; margin-top:20px; width:100%; height:calc((100% - 20px)/1); border-radius:5px; background: #fff; transition:all .5s ease; } #c_portalResNews_list-15977319354804322 .newsinfo{ position:relative; display:block; width:100%; height:100%; } #c_portalResNews_list-15977319354804322 .newsdate{ position:absolute; top:-14px; border-radius:5px; width:100px; margin:0 0 40px; background-color: #999; padding:40px 10px 20px; transition:all .5s ease; font-family: arial; } #c_portalResNews_list-15977319354804322 .md{ color:#FFF; font-size:30px; line-height:30px; text-align:right; width:100%; white-space:nowrap; font-family: arial; } #c_portalResNews_list-15977319354804322 .year{ color: #ddd; font-size:16px; text-align:right; transition:all .5s ease; font-family: arial; } #c_portalResNews_list-15977319354804322 .title{ height:20px; line-height:20px; font-size:1rem; color:#464646; margin-bottom:1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } #c_portalResNews_list-15977319354804322 .newsbody{ position:absolute; top:130px; transition:all .5s ease; } #c_portalResNews_list-15977319354804322 .ellipsis{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block; } #c_portalResNews_list-15977319354804322 .description{ width:100%; line-height:1.5; font-size:0.875rem; color:#6a6a6a; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp: 3; transition:all .5s ease; } #c_portalResNews_list-15977319354804322 .newIcon{ position:absolute; font-size:2.25rem; color:#fff; opacity:0; } #c_portalResNews_list-15977319354804322 .clear{ clear:both; } @media only screen and (max-width: 768px){ #c_portalResNews_list-15977319354804322 .newsWidth { width:100%;padding:1rem 0; } #c_portalResNews_list-15977319354804322 .newsinfo { padding: 0 30px; } #c_portalResNews_list-15977319354804322 .newsbody { width: calc(100% - 60px); } #c_portalResNews_list-15977319354804322 .newIcon { opacity:1; right: 15%; top: 60px; } } @media only screen and (min-width: 769px){ #c_portalResNews_list-15977319354804322 .newsinfo{ padding: 0 40px; } #c_portalResNews_list-15977319354804322 .newsbody{ width: calc(100% - 80px); } #c_portalResNews_list-15977319354804322 .newIcon{ right: 40px; top:60px; transition:all .5s ease; } #c_portalResNews_list-15977319354804322 .newsWidth:hover .newsMargin{  } #c_portalResNews_list-15977319354804322 .newsWidth:hover .newsdate{ background-color: #e71a19;  } #c_portalResNews_list-15977319354804322 .newsWidth:hover .year{ color:#fff; } #c_portalResNews_list-15977319354804322 .newsWidth:hover .newsbody{  } #c_portalResNews_list-15977319354804322 .newsWidth:hover .title{ color: #464646; } #c_portalResNews_list-15977319354804322 .newsWidth:hover .description{ color: #6a6a6a; } #c_portalResNews_list-15977319354804322 .newsWidth:hover .newIcon{ opacity:1; right:10%; top: 60px; color: #e71a19; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResNews_list-15977319354804322 .newsWidth { width:50% } } #c_portalResNews_list-15977319354804322 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15977319354804322 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15977319354804322 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15977319354804322 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15977319354804322 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15977319354804322 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001 .newListBox{ width:100%; height:auto; overflow:hidden; } .c_portalResNews_list-01001 .container{ width:100%; overflow:hidden; margin:1rem auto; padding:0 1rem; } .c_portalResNews_list-01001 .newList{ overflow:hidden; padding:1rem; height:auto; } .c_portalResNews_list-01001 .newPicBox{ position:relative; width:100%; height: auto; padding-bottom: 62.8%; overflow:hidden; border-radius: 0; margin:0 auto; } .c_portalResNews_list-01001 .newPic{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); width: 100%; height:auto; min-height: 100%; transition:all .5s ease; } .c_portalResNews_list-01001 .picLink{ position:absolute; top:0; left:0; width:100%; height:100%; } .c_portalResNews_list-01001 .contentBoxB{ padding: 20px; background: #fff; } .c_portalResNews_list-01001 .newTitle{ display:block; font-size: 18px; font-weight: bold; margin-bottom: 15px; transition:all .5s ease; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .c_portalResNews_list-01001 .lineBox{ position:relative; width:100%; height:1px; background:#ededed; margin:1rem 0; } .c_portalResNews_list-01001 .lineBox::before{ content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#afafaf; transition:all .5s ease; } .c_portalResNews_list-01001 .newMs{ position:relative; width:100%; line-height:1.5rem; clear:both; font-size: 15px; color: #999; margin: 0 0 10px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; } .c_portalResNews_list-01001 .bottomLink{ display:block; float:none; width:30px; min-width:auto; height:25px; color:#ccc; font-size:0.875rem; font-family:Raleway; padding:3px 5px; border:1px solid #d8d8d8; transition:all .5s ease; } .c_portalResNews_list-01001 .newList:hover .newPic{ transform:translate(-50%,-50%) scale(1.1); } .c_portalResNews_list-01001 .newList:hover .lineBox::before{ width:100%; background: #999; } .c_portalResNews_list-01001 .newList:hover .bottomLink{ color:#afafaf; border-color:#afafaf; } @media only screen and (max-width: 768px){ .c_portalResNews_list-01001 .newList { width: 100%; padding: 5px; } } @media only screen and (min-width: 769px){ .c_portalResNews_list-01001 .newMs{ height:48px; } .c_portalResNews_list-01001 .container { max-width: 100%; margin: 0; padding: 0; } .c_portalResNews_list-01001 .newList { float: left; width: calc((100% - 0px)/3); } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResNews_list-01001 .container {  } .c_portalResNews_list-01001 .newList { width: 50%; } } @media only screen and (min-width: 769px){ #c_portalResNews_list-16237618395107397 .newList{ width: calc((100% - 0px)/4); } #c_portalResNews_list-1623851735799 .newList{ width: calc((100% - 0px)/4); } #c_portalResNews_list-1623897593132 .newList{ width: calc((100% - 0px)/4); } }  #c_portalResNews_list-16238510190313003 .p_news{ width:100%; max-width: 100%; margin:0 auto; padding: 0; } #c_portalResNews_list-16238510190313003 .newPicBox{ width:165px; height:110px; padding: 0; } #c_portalResNews_list-16238510190313003 .newPicLink{ display:block; width:100%; height:100%; overflow:hidden; } #c_portalResNews_list-16238510190313003 .newPic{ width:100%; height:100%; transform:scale(1); transition:all .5s ease; left: 0; top: 0; } #c_portalResNews_list-16238510190313003 .newList{ display:flex; padding:30px 0; border-top:1px solid #DDD; } #c_portalResNews_list-16238510190313003 .leftTime{ width:100px; position:relative; } #c_portalResNews_list-16238510190313003 .newTime{ display:block; color:#999; font-size:1.5rem; font-weight:normal; margin:0px 0 30px; transition:all .5s ease; } #c_portalResNews_list-16238510190313003 .newIcon{ padding:6px 11px; border:1px solid transparent; transition:all .5s ease; color:#ccc; } #c_portalResNews_list-16238510190313003 .rightC{ position:relative; width:calc( 100% - 100px); transition:all .5s ease; } #c_portalResNews_list-16238510190313003 .newTitle{ margin-bottom:10px; margin-top: 8px; font-size: 20px; } #c_portalResNews_list-16238510190313003 .newTitleLink{ display:block; width:100%; font-size: 18px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_portalResNews_list-16238510190313003 .newMs{ line-height:24px; height:48px; font-size:0.875rem; overflow:hidden; color:#999; transition:600ms; } @media only screen and (min-width: 769px){ #c_portalResNews_list-16238510190313003 .content{ display:flex; width:calc( 100% - 165px ); } #c_portalResNews_list-16238510190313003 .newPicBox:hover .newPic{ transform: scale(1.1); } #c_portalResNews_list-16238510190313003 .rightC { padding:0 30px 0 60px; } #c_portalResNews_list-16238510190313003 .rightC::before { content:''; position:absolute; left:0; top:1rem; display:block; width: 40px; height: 1px; background: #aaa; transition:all .5s ease; } #c_portalResNews_list-16238510190313003 .newTitleLink { transition:all .5s ease; } #c_portalResNews_list-16238510190313003 .newList{ display:flex; padding: 30px; border-top: none; width: 100%; background: #fff; border-bottom: 1px solid #eee; } #c_portalResNews_list-16238510190313003 .newList:hover .rightC::before{ width:60px; } #c_portalResNews_list-16238510190313003 .newList:hover .rightC{ padding-left:80px; } #c_portalResNews_list-16238510190313003 .newList:hover .newTime { color: #cf1522; } #c_portalResNews_list-16238510190313003 .newList:hover .newIcon { border-color: #cf1522; margin-top: 10px; background: #cf1522; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-16238510190313003 .content { display:flex; padding-top: 20px; width:100%; } #c_portalResNews_list-16238510190313003 .newList { flex-wrap: wrap; flex-direction: column-reverse; } #c_portalResNews_list-16238510190313003 .newPicBox { position:relative; width:100%; height:0; padding-bottom:70%; } #c_portalResNews_list-16238510190313003 .newPicLink { position:absolute; top:0; left:0; width:100%; height:100%; } #c_portalResNews_list-16238510190313003 .newTitle { margin:10px 0; } } .look{display:none;} #c_portalResNews_list-16237613404173181 .contentBoxB{ background:#f7f7f7; } #c_portalResNews_list-16237618395107397 .contentBoxB{ background:#f7f7f7; } #c_portalResNews_list-1623897593132 .contentBoxB{ background:#f7f7f7; } #c_portalResNews_list-16247013079650258 .newBox{ width:100%; height:auto; overflow:hidden; } #c_portalResNews_list-16247013079650258 .newContainer{ width:100%; height:auto; overflow:hidden; font-size:0; margin: 0; } #c_portalResNews_list-16247013079650258 .newLi{ position:relative; font-size:14px; float:none; width: calc((100% - 80px)/4)!important; padding: 0; margin: 10px; } #c_portalResNews_list-16247013079650258 .newLi:hover .porBbox{background:rgb(207,21,34,0.6)} #c_portalResNews_list-16247013079650258 .porTbox{ position:relative; overflow:hidden; width:100%; height: auto; padding-bottom: 75%; } #c_portalResNews_list-16247013079650258 .newImg{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; transition:all .5s ease; } #c_portalResNews_list-16247013079650258 .porBbox{ position:relative; overflow:hidden; width:100%; padding: 10px; background: rgba(0,0,0,0.5); border: none; position: absolute; bottom: 0; } #c_portalResNews_list-16247013079650258 .newTitle{ font-size: 14px; color: #fff; overflow:hidden; text-overflow:ellipsis; position:relative; white-space:nowrap; width:100%; margin: 0; } #c_portalResNews_list-16247013079650258 .newSummry{ color:#777; white-space:nowrap; overflow:hidden; margin:10px 0; text-overflow:ellipsis; } #c_portalResNews_list-16247013079650258 .lookDetail{ position:relative; display:block; color:#777; height:38px; line-height:38px; border-top:1px solid #e5e5e5; } #c_portalResNews_list-16247013079650258 .lookDetail .details{ float:none; } #c_portalResNews_list-16247013079650258 .arrowsR{ position:absolute; top:50%; right:0; transform:translate(0, -50%); width:30px; } #c_portalResNews_list-16247013079650258 .arrowsR img{ position:absolute; transition:all .5s ease; } #c_portalResNews_list-16247013079650258 .harr{ opacity:0; } #c_portalResNews_list-16247013079650258 .showBox{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:rgba(0, 0, 0, .6); transition:all 0.5s ease; } #c_portalResNews_list-16247013079650258 .showBoxLink{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:60%; color:#fff; text-align:center; font-size:1rem; padding:0.5rem 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_portalResNews_list-16247013079650258 .showBoxLink::before{ content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResNews_list-16247013079650258 .showBoxLink::after{ content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:60%; height:1px; background:#fff; transition:all .5s ease; } #c_portalResNews_list-16247013079650258 .lookDetail:hover .barr{ opacity:0; } #c_portalResNews_list-16247013079650258 .lookDetail:hover .harr{ opacity:1; } #c_portalResNews_list-16247013079650258 .newLi:hover .showBox{ opacity:1; } #c_portalResNews_list-16247013079650258 .newLi:hover .newImg{ transform:translate(-50%, -50%) scale(1.1); } #c_portalResNews_list-16247013079650258 .newLi:hover .showBoxLink::before{ width:1rem; } #c_portalResNews_list-16247013079650258 .newLi:hover .showBoxLink::after{ width:1rem; } @media only screen and (min-width: 769px){ #c_portalResNews_list-16247013079650258 .newContainer { max-width: 1400px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResNews_list-16247013079650258 .newContainer { max-width: 100%; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-16247013079650258 .newLi{ width: calc((100% - 20px)/2)!important; margin: 5px; padding: 0!important; } }  #c_portalResNews_list-16247026548494114 .newListBox{ width:100%; height:auto; overflow:hidden; } #c_portalResNews_list-16247026548494114 .container{ width:100%; overflow:hidden; margin:1rem auto; padding: 0; } #c_portalResNews_list-16247026548494114 .newList{ overflow:hidden; padding: 25px 0; width:100%; height:140px; margin-bottom:25px; border-bottom:1px solid #eaeaea; transition:all .5s ease; } #c_portalResNews_list-16247026548494114 .newList1{ padding: 30px 0;  margin-bottom: 20PX; border-bottom: 1px solid #eee; } #c_portalResNews_list-16247026548494114 .newList1 .title1{ font-size:1.125rem; font-weight:bold; color:#cf1522; margin-bottom:5px; } #c_portalResNews_list-16247026548494114 .newList1 .newSummry{ margin-bottom:15px; } #c_portalResNews_list-16247026548494114 .readMore{ display:block; float:none; width:130px; height:30px; padding:0px; color: #cf1522; line-height:30px; border: 1px solid #cf1522; transition:all 0.3s ease; } #c_portalResNews_list-16247026548494114 .readMore:hover{ background: #cf1522; color:#fff; } #c_portalResNews_list-16247026548494114 .newList1 .newLinkBox{ padding:0px; } #c_portalResNews_list-16247026548494114 .newLinkBox{ position:relative; display:flex; flex-wrap:nowrap; width:100%; height:100%; padding-right:10%; overflow:hidden; } #c_portalResNews_list-16247026548494114 .leftTimeBox{ width:80px; height:98px; background:#f5f5f5; text-align:center; font-family:arial; transition:all .5s ease; DISPLAY: NONE; } #c_portalResNews_list-16247026548494114 .centerContentBox{ width:calc((100% - 80px)/1); padding-left: 0; } #c_portalResNews_list-16247026548494114 .rightIcon{ position:absolute; top:50%; right:0px; transform:translateY(-50%); width:40px; height:40px; border-radius:20px; overflow:hidden; } #c_portalResNews_list-16247026548494114 .newData{ font-size:2.75rem; line-height:46px; color:#cf1522; padding-top:15px; } #c_portalResNews_list-16247026548494114 .newTitle{ font-size:1rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:all .5s ease; } #c_portalResNews_list-16247026548494114 .newToolBox{ margin:5px 0; color:#b4b4b4; DISPLAY: NONE; } #c_portalResNews_list-16247026548494114 .newSummry{ line-height:24px; height:48px; overflow:hidden; color:#565656; } #c_portalResNews_list-16247026548494114 .rIcon{ position:absolute; top:0px; left:0px; display:block; width:auto; height:98%; transition:all .5s ease; } #c_portalResNews_list-16247026548494114 .redIcon{ opacity:0; } #c_portalResNews_list-16247026548494114 .whiteIcon{ opacity:1; } #c_portalResNews_list-16247026548494114 .newList:hover{ height:150px; } #c_portalResNews_list-16247026548494114 .newList:hover .leftTimeBox{ background:#cf1522; color:#fff; } #c_portalResNews_list-16247026548494114 .newList:hover .newData{ color:#fff; } #c_portalResNews_list-16247026548494114 .newList .newYearMon{ color:#cf1522; } #c_portalResNews_list-16247026548494114 .newList:hover .newYearMon{ color:#fff; } #c_portalResNews_list-16247026548494114 .newList:hover .newTitle{ color:#cf1522; } #c_portalResNews_list-16247026548494114 .newList:hover .redIcon{ opacity:1; } #c_portalResNews_list-16247026548494114 .newList:hover .whiteIcon{ opacity:0; } #c_portalResNews_list-16247026548494114 .data1{ margin-right:5px; } @media only screen and (min-width: 769px){ #c_portalResNews_list-16247026548494114 .container{ max-width: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResNews_list-16247026548494114 .container { max-width: 900px; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-16247026548494114 .leftTimeBox{ display:none; } #c_portalResNews_list-16247026548494114 .rightIcon{ display:none; } #c_portalResNews_list-16247026548494114 .newList1{ margin-bottom: 30px; PADDING: 20PX 0PX; } #c_portalResNews_list-16247026548494114 .newList { height:110px; padding: 0 0 5px 0; } #c_portalResNews_list-16247026548494114 .newLinkBox{ padding:0; } #c_portalResNews_list-16247026548494114 .centerContentBox{ width:100%; } }.c_portalResFriendlink_list-01001002{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 192px; width: 100%; } @media only screen and (max-width: 768px){ .c_portalResFriendlink_list-01001002 .p_summary{ color:rgba(102,102,102,1); font-size:14px; line-height:26px; text-align:left; vertical-align:top; word-break:break-all; } .c_portalResFriendlink_list-01001002 .p_nameB{ display:inline-block; margin:0; padding:0; vertical-align:middle; color:#969696; font-size:14px; text-align:left; } .c_portalResFriendlink_list-01001002 .p_nameB .font{ vertical-align:middle; line-height: 19px; } .c_portalResFriendlink_list-01001002 .p_nameB .iconfont:before{ display: inline-block; content:""; } .c_portalResFriendlink_list-01001002 .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; } .c_portalResFriendlink_list-01001002 .p_title .font{ vertical-align:middle; line-height: 21px; } .c_portalResFriendlink_list-01001002 .p_title:hover{ color:rgba(87,177,173,1); } .c_portalResFriendlink_list-01001002 .p_title:active{ color:rgba(69,165,161,1); } .c_portalResFriendlink_list-01001002 .p_title .iconfont:before{ display: inline-block; content:""; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkB{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkB{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkB:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkB:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkB:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkB .iconfont:before{ display: inline-block; content:""; } .c_portalResFriendlink_list-01001002 .p_nameA{ display:inline-block; margin:0; padding:0; vertical-align:middle; color:#969696; font-size:14px; text-align:left; } .c_portalResFriendlink_list-01001002 .p_nameA .font{ vertical-align:middle; line-height: 19px; } .c_portalResFriendlink_list-01001002 .p_nameA .iconfont:before{ display: inline-block; content:""; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkA{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkA{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkA:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkA:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkA:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkA .iconfont:before{ display: inline-block; content:""; } .c_portalResFriendlink_list-01001002 .p_CommonLanternBox{ margin:0; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; width: 100%; height: auto; } .c_portalResFriendlink_list-01001002 .p_Linkslist{ } .c_portalResFriendlink_list-01001002 .p_Linkslist{ width: 100%; height: auto; overflow: visible; white-space: normal; background: transparent; } .c_portalResFriendlink_list-01001002 .p_links{ width: auto; height: auto; border-color: transparent; padding: 0; overflow: hidden; margin-bottom: 10px; } .c_portalResFriendlink_list-01001002 .p_articles{margin:10px;height: auto;width: calc((100% - 30px)/3)!important;display: block;vertical-align: top;text-align: left;overflow: visible;margin: 5px!important;float: left;margin-top:10px;margin-right:10px;margin-bottom:10px;margin-left:10px;background: #fff;border: 1px solid #eee;} .c_portalResFriendlink_list-01001002 .p_LinkA{ position: static; display: inline-block; width: 100%; height: auto; } .c_portalResFriendlink_list-01001002 .p_images{ display: block; width: 100%; height: auto; position: relative; vertical-align: middle; overflow: visible; margin:0 auto; padding-bottom: 50%!important; } .c_portalResFriendlink_list-01001002 .p_thumbnail{ width: 100%; height: auto; vertical-align: middle; text-align: center; } .c_portalResFriendlink_list-01001002 .higher .p_thumbnail{ position: absolute; height: 100%; } .c_portalResFriendlink_list-01001002 .widther .p_thumbnail{ position: absolute; height: 100%; } .c_portalResFriendlink_list-01001002 .smaller .p_thumbnail{ position: absolute; height: 100%; } .c_portalResFriendlink_list-01001002 .p_thumbnail img{ width: 100%; } .c_portalResFriendlink_list-01001002 .p_content{ width: 100%; height: auto; border-width: 0; background-color: transparent; text-align: center; display: none; } .c_portalResFriendlink_list-01001002 .p_TitleBox{ width: auto; height: auto; } .c_portalResFriendlink_list-01001002 .p_nameA{ vertical-align: bottom; float: left; } .c_portalResFriendlink_list-01001002 .p_nameA .font{ line-height: 21px; } .c_portalResFriendlink_list-01001002 .p_nameA .iconfont:before{ content: '\e6ae'; } .c_portalResFriendlink_list-01001002 .p_title{ vertical-align: bottom; display: block; text-align: justify; } .c_portalResFriendlink_list-01001002 .p_nameA.item_hide+.p_LinkB .p_title { text-align: center; } .c_portalResFriendlink_list-01001002 .p_SummaryBox{ width: auto; height: auto; margin-top: 5px; } .c_portalResFriendlink_list-01001002 .p_nameB{ float:left; } .c_portalResFriendlink_list-01001002 .p_nameB .font{ line-height: 20px; } .c_portalResFriendlink_list-01001002 .p_nameB .iconfont:before{ content: ''; } .c_portalResFriendlink_list-01001002 .p_summary{ line-height: 20px; } .c_portalResFriendlink_list-01001002 .p_nameB.item_hide+.p_summary { text-align: center; } .c_portalResFriendlink_list-01001002 .p_classificationBox{ width: 100%; height: auto; border-bottom: 1px solid #ccc; padding: 20px 15px; display: none!important; } .c_portalResFriendlink_list-01001002 .p_classificationBox:first-child{ display: block; } .c_portalResFriendlink_list-01001002 .p_classificationA{ width: auto; height: auto; display: inline-block; vertical-align: middle; float: left; } .c_portalResFriendlink_list-01001002 .p_classificationB{ width: auto; height: auto; display: block; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_fail{ width: 580px; height: 360px; background-color:rgba(255, 255, 255, 0.8); position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 0; z-index: 999999999; } .c_portalResFriendlink_list-01001002 .p_fail .iconfont{ display: inline-block; margin-left: 40px; color: #de7676; font-size: 64px; height: auto; vertical-align: -20px; } .c_portalResFriendlink_list-01001002 .p_fail .iconfont:before{ content: "\e641"; } .c_portalResFriendlink_list-01001002 .p_fail .fontbox{ display: table-cell; vertical-align: middle; text-align: center; } .c_portalResFriendlink_list-01001002 .p_fail .promptbox{ display: table; width: inherit; height: 360px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 10px 10px 10px 10px; } .c_portalResFriendlink_list-01001002 .p_fail .font{ width: auto; height: auto; font-size: 43px; display: inline-block; vertical-align: middle; margin-left: 20px; color: #000; } .c_portalResFriendlink_list-01001002 .p_fail .assistfont{ width: auto; height: auto; font-size: 32px; display: block; margin-top: 20px; margin-bottom: 10px; } .c_portalResFriendlink_list-01001002 .p_fail .Confirm{ display: inline-block; width: 290px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 0px 10px; border-right-width: 0; position: absolute; bottom: 0; left: 0; display: none; } .c_portalResFriendlink_list-01001002 .p_fail .Confirm:active{ background-color: #d1ecea; } .c_portalResFriendlink_list-01001002 .p_fail .cancel { display: inline-block; width: 290px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 10px 0px; position: absolute; bottom: 0; right: 0; display: none; } .c_portalResFriendlink_list-01001002 .p_fail .cancel:active{ background-color: #d1ecea; } .c_portalResFriendlink_list-01001002 .p_fail .close{ display: block; width: 580px; height: 80px; line-height: 80px; text-align: center; font-size: 32px; border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 0px 0px 10px 10px; position: absolute; bottom: 0; left: 0; } .c_portalResFriendlink_list-01001002 .p_fail .close:active{ background-color: #d1ecea; } .c_portalResFriendlink_list-01001002 .p_succ{ width: 580px; height: 360px; background-color:rgba(255, 255, 255, 0.8); border-width: 1px; border-style: solid; border-color: rgba(228,228,228,1); border-radius: 10px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 64px; z-index: 999999999999; } .c_portalResFriendlink_list-01001002 .p_succ .iconfont{ display: inline-block; margin-left: 40px; color: #09bb07; font-size: 64px; height: auto; vertical-align: -20px; } .c_portalResFriendlink_list-01001002 .p_succ .iconfont:before{ content: "\e648"; } .c_portalResFriendlink_list-01001002 .p_succ .fontbox{ display: table-cell; vertical-align: middle; text-align: center; } .c_portalResFriendlink_list-01001002 .p_succ .promptbox{ display: table; width: inherit; height: inherit; } .c_portalResFriendlink_list-01001002 .p_succ .font{ width: auto; height: auto; font-size: 43px; display: inline-block; vertical-align: middle; margin-left: 20px; color: #000; } .c_portalResFriendlink_list-01001002 .p_succ .assistfont{ width: auto; height: auto; font-size: 32px; display: block; margin-top: 20px; margin-bottom: 10px; } .c_portalResFriendlink_list-01001002 .p_succ .Confirm{ display: none; } .c_portalResFriendlink_list-01001002 .p_succ .cancel { display: none; } .c_portalResFriendlink_list-01001002 .p_succ .close{ display: none; }.c_portalResFriendlink_list-01001002 .p_prompt{ width: auto; height: auto; text-align: center; background-color: inherit; font-size: 16px; border:1px solid #E4E4E4; } .c_portalResFriendlink_list-01001002 .p_prompt .prompt_title{ display: inline-table; padding: 0 30px; height: 100%; min-height: 260px; } .c_portalResFriendlink_list-01001002 .p_prompt .prompt_title .iconfont:before { content: ""; } .c_portalResFriendlink_list-01001002 .p_prompt .prompt_title .first{ height: auto; display: table-cell; font-size: 36px; margin-right: 10px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 10px 0; } .c_portalResFriendlink_list-01001002 .p_prompt .prompt_title .first:before{ content: "\e6b4"; } .c_portalResFriendlink_list-01001002 .p_prompt .prompt_title{ font-size: 24px; text-align: left; color: rgba(51,51,51,1); font-weight: bold; } .c_portalResFriendlink_list-01001002 .p_prompt .prompt_title .font{ display: table-cell; line-height: normal; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_prompt .promptbox{ width: auto; height: 100%; } .c_portalResFriendlink_list-01001002 .p_prompt .prompt_content { font-size: 18px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_portalResFriendlink_list-01001002 .p_more{ margin:0 auto; position: static; } @-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; border: 3px solid #65beba; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_loading{ width: 100%; height: 100px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 100px; text-align: center; color: #A7A7A7; font-size: 30px; } .c_portalResFriendlink_list-01001002 .p_loading .iconfont:before{content: "";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResFriendlink_list-01001002 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 100px; height: inherit; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_more{ background-color: rgba(242,242,242,1); display: block; height: 70px; width: 100%; position: relative; border-radius: 0px; font-size: 24px; color: rgba(0,0,0,1); } .c_portalResFriendlink_list-01001002 .p_more:active{ background-color:rgba(248,248,248,0.8); } .c_portalResFriendlink_list-01001002 .p_more .font{ display: block; } .c_portalResFriendlink_list-01001002 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_portalResFriendlink_list-01001002 .p_more .iconfont:before{content: "\e6d1";line-height: 70px;font-size: 70px;vertical-align: middle;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResFriendlink_list-01001002 .p_moreBox{ width: 100%; height: auto; background-color: transparent; overflow: hidden; } .c_portalResFriendlink_list-01001002 .p_OccupyBox{ margin: 0; width: 100%; height: auto; padding: 0; border: none; } .c_portalResFriendlink_list-01001002 .p_pagebox{ margin: 0 auto; width: 100%; height: auto; clear: both; position: relative; font-size: 0; white-space: nowrap; } .c_portalResFriendlink_list-01001002 .p_pagebox .pre{ display:inline-table; } .c_portalResFriendlink_list-01001002 .p_pagebox .next{ display:inline-table; } .c_portalResFriendlink_list-01001002 .p_pagebox .pre{ height:90px; width: 35%; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding:0; position:relative; left:0; top:0; box-sizing:content-box; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_pagebox .pre:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .c_portalResFriendlink_list-01001002 .p_pagebox .pre:active{ background-color:rgba(90, 170, 167, 1); } .c_portalResFriendlink_list-01001002 .p_pagebox .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_portalResFriendlink_list-01001002 .p_pagebox .pre .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align: middle; width: auto; height: auto; font-size: 32px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .c_portalResFriendlink_list-01001002 .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_portalResFriendlink_list-01001002 .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_portalResFriendlink_list-01001002 .p_pagebox .pre .iconfont:before{ content: "\e6b0"; } .c_portalResFriendlink_list-01001002 .p_pagebox .next{ height:90px; width: 35%; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding:0; position:relative; left:0; top:0; box-sizing:content-box; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .c_portalResFriendlink_list-01001002 .p_pagebox .next:active{ background-color:rgba(90, 170, 167, 1); } .c_portalResFriendlink_list-01001002 .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_portalResFriendlink_list-01001002 .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align: middle; width: auto; height: auto; font-size: 32px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .c_portalResFriendlink_list-01001002 .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_portalResFriendlink_list-01001002 .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .c_portalResFriendlink_list-01001002 .p_pagebox .next .iconfont:before{ content: "\e6af"; } .c_portalResFriendlink_list-01001002 .p_pagebox .NumBox{ width: 30%; height: 88px; border: 1px solid #CDD5D5; display: inline-table; position: relative; cursor: pointer; box-sizing:content-box; background: #e6e6e6; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_pagebox .num{ display: table; vertical-align: middle; font-size: 32px; text-align: center; width: auto; margin: 0 auto; position: absolute; overflow: hidden; left: 50%; top: 50%; transform: translate(-50%,-50%); } .c_portalResFriendlink_list-01001002 .p_pagebox .ItemBox{ position: absolute; width: 100%; height: auto; border: 1px solid #D3D4D4; bottom: 90px; left: 0; max-height: 300px; overflow-y:auto; z-index: 99; border-bottom: none; } .c_portalResFriendlink_list-01001002 .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: static; } .c_portalResFriendlink_list-01001002 .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .c_portalResFriendlink_list-01001002 .p_pagebox .NumBox ul li{ width: inherit; height: 80px; line-height: 80px; text-align: center; background-color: #FFFFFE; color: #323332; font-size: 32px; } .c_portalResFriendlink_list-01001002 .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .c_portalResFriendlink_list-01001002 .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; } .c_portalResFriendlink_list-01001002 .p_CommonSummaryBoxA {width: auto;height: auto;position: relative;text-align:center; margin-bottom: 20px;} .c_portalResFriendlink_list-01001002 .p_CommonThumbnailBox { width: auto; height: auto; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn { margin-left: 10px; background-color: rgba(191,191,191,1); width: 15px; height: 15px; display: inline-table; color: rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; position: relative; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn.active { background-color: #005bac; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn .shape { background-color: inherit; width: inherit; height: inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn img{ display: none; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn:active { background-color:rgba(105,192,188,1); } .c_portalResFriendlink_list-01001002 .p_CommonInteraction { width: 100%; height: 100%; height: calc(100% - 15px); vertical-align: middle; position: absolute; overflow: visible; pointer-events: none; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA .iconfont { color: rgba(191,191,191,1); } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA .iconfont:before { content: "\e687"; font-size: 56px; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; width: 60px; position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; left: 0; text-align: center; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA .iconfont{ } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 0px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; display: inline-block; vertical-align: middle; cursor: pointer; font-size: 56px; color: #e2e2e2; width: 60px; text-align: center; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB .iconfont { color: rgba(191,191,191,1); } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB .iconfont:before { content: "\e6ae"; font-size: 56px; } .c_portalResFriendlink_list-01001002 .p_LinkF{ font-size: 14px; line-height: 36px; } } @media only screen and (min-width: 769px){ .c_portalResFriendlink_list-01001002 .p_summary{ color:rgba(102,102,102,1); font-size:14px; line-height:26px; text-align:left; vertical-align:top; word-break:break-all; } .c_portalResFriendlink_list-01001002 .p_nameB{ display:inline-block; margin:0; padding:0; vertical-align:middle; color:#969696; font-size:14px; text-align:left; } .c_portalResFriendlink_list-01001002 .p_nameB .font{ vertical-align:middle; line-height: 19px; } .c_portalResFriendlink_list-01001002 .p_nameB .iconfont:before{ display: inline-block; content:""; } .c_portalResFriendlink_list-01001002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-weight:400; cursor:pointer; } .c_portalResFriendlink_list-01001002 .p_title .font{ vertical-align:middle; line-height: 21px; } .c_portalResFriendlink_list-01001002 .p_title:hover{ color:rgba(87,177,173,1); } .c_portalResFriendlink_list-01001002 .p_title:active{ color:rgba(69,165,161,1); } .c_portalResFriendlink_list-01001002 .p_title .iconfont:before{ display: inline-block; content:""; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkB{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkB{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkB:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkB:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkB:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkB .iconfont:before{ display: inline-block; content:""; } .c_portalResFriendlink_list-01001002 .p_nameA{ display:inline-block; margin:0; padding:0; vertical-align:middle; color:#969696; font-size:14px; text-align:left; } .c_portalResFriendlink_list-01001002 .p_nameA .font{ vertical-align:middle; line-height: 19px; } .c_portalResFriendlink_list-01001002 .p_nameA .iconfont:before{ display: inline-block; content:""; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkA{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkA{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkA:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkA:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_portalResFriendlink_list-01001002 .p_LinkA:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResFriendlink_list-01001002 .p_LinkA .iconfont:before{ display: inline-block; content:""; } .c_portalResFriendlink_list-01001002 .p_CommonLanternBox{ margin:0; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; width: 100%; height: auto; } .c_portalResFriendlink_list-01001002 .p_Linkslist{ margin:0; width: 880px; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); background-color:transparent; white-space:nowrap; } .c_portalResFriendlink_list-01001002 .p_Linkslist{ width: 100%; height: auto; overflow: hidden; white-space: normal; background: transparent; } .c_portalResFriendlink_list-01001002 .p_links{ width: auto; height: auto; border-color: transparent; overflow: visible; font-size: 0; } .c_portalResFriendlink_list-01001002 .p_articles{ margin: 10px!important; height: auto; width: calc((100% - 120px)/6)!important; display: inline-block; vertical-align: top; text-align: left; overflow: visible; border: 1px solid #f2f2f2; border: 1px solid #eee;  } .c_portalResFriendlink_list-01001002 .p_LinkA{ position: static; display: inline-block; width: 100%; height: auto; } .c_portalResFriendlink_list-01001002 .p_images{ display: block; width: 100%; height: auto; position: relative; vertical-align: middle; overflow: hidden; margin:0 auto; padding-bottom: 56%!important; background: #fff; } .c_portalResFriendlink_list-01001002 .p_thumbnail{ width: 100%; height: auto; vertical-align: middle; text-align: center; } .c_portalResFriendlink_list-01001002 .higher .p_thumbnail{ position: absolute; height: 100%; } .c_portalResFriendlink_list-01001002 .widther .p_thumbnail{ position: absolute; height: 100%; } .c_portalResFriendlink_list-01001002 .smaller .p_thumbnail{ position: absolute; height: 100%; } .c_portalResFriendlink_list-01001002 .p_thumbnail img{ width: 100%; } .c_portalResFriendlink_list-01001002 .p_content{ width: 100%; height: auto; border-width: 0; background-color: transparent; display: none; } .c_portalResFriendlink_list-01001002 .p_TitleBox{ width: auto; height: auto; margin-top: 5px; } .c_portalResFriendlink_list-01001002 .p_nameA{ vertical-align: bottom; float: left; } .c_portalResFriendlink_list-01001002 .p_nameA .font{ line-height: 21px; } .c_portalResFriendlink_list-01001002 .p_nameA .iconfont:before{ content: '\e6ae'; } .c_portalResFriendlink_list-01001002 .p_title{ vertical-align: bottom; display: block; text-align: justify; } .c_portalResFriendlink_list-01001002 .p_nameA.item_hide+.p_LinkB .p_title { text-align: center; } .c_portalResFriendlink_list-01001002 .p_SummaryBox{ width: auto; height: auto; margin-top: 5px; } .c_portalResFriendlink_list-01001002 .p_nameB{ float:left; } .c_portalResFriendlink_list-01001002 .p_nameB .font{ line-height: 20px; } .c_portalResFriendlink_list-01001002 .p_nameB .iconfont:before{ content: ''; } .c_portalResFriendlink_list-01001002 .p_summary{ line-height: 20px; } .c_portalResFriendlink_list-01001002 .p_nameB.item_hide+.p_summary { text-align: center; } .c_portalResFriendlink_list-01001002 .p_classificationBox{ width: 100%; height: auto; border-bottom: 1px solid #ccc; padding: 20px; display: none!important; } .c_portalResFriendlink_list-01001002 .p_classificationBox:first-child{ display: block; } .c_portalResFriendlink_list-01001002 .p_classificationA{ width: auto; height: auto; display: inline-block; vertical-align: middle; float: left; } .c_portalResFriendlink_list-01001002 .p_classificationB{ width: auto; height: auto; display: block; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_succ{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#F7FBFB; border: 2px solid #65beba; font-size: 22px; position: absolute; z-index: 9999999999; } .c_portalResFriendlink_list-01001002 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_portalResFriendlink_list-01001002 .p_succ .iconfont:before{ content: "\e648"; } .c_portalResFriendlink_list-01001002 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_portalResFriendlink_list-01001002 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_portalResFriendlink_list-01001002 .p_succ .assistfont{ display: none; } .c_portalResFriendlink_list-01001002 .p_succ .closebtn { display: none; } .c_portalResFriendlink_list-01001002 .p_fail{ width: auto; height: auto; min-width: 255px; min-height: 113px; max-width: 500px; background-color:#FDFCF3; border: 2px solid #FFDC90; font-size: 22px; position: absolute; z-index: 99999999999; } .c_portalResFriendlink_list-01001002 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_portalResFriendlink_list-01001002 .p_fail .iconfont:before{ content: "\e641"; } .c_portalResFriendlink_list-01001002 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_portalResFriendlink_list-01001002 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_portalResFriendlink_list-01001002 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_portalResFriendlink_list-01001002 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_portalResFriendlink_list-01001002 .p_fail .closebtn:hover{ cursor: pointer; }.c_portalResFriendlink_list-01001002 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResFriendlink_list-01001002 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResFriendlink_list-01001002 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResFriendlink_list-01001002 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResFriendlink_list-01001002 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResFriendlink_list-01001002 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResFriendlink_list-01001002 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResFriendlink_list-01001002 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .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; border: 3px solid #737282; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle; } .c_portalResFriendlink_list-01001002 .p_loading{ width: 890px; height: 70px; background-color: #FBFBFC; line-height: 70px; text-align: center; color: #666666; font-size: 18px; } .c_portalResFriendlink_list-01001002 .p_loading .iconfont:before{ content: ""; } .c_portalResFriendlink_list-01001002 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 70px; height: inherit; }.c_portalResFriendlink_list-01001002 .p_more{ width: 890px; text-align:center; padding-right:20px; padding-left:20px; height: 70px; background-color:#F6F7F8; position: relative; border-radius: 0; border-width: 0; color: rgba(115,115,131,1); font-size: 18px; } .c_portalResFriendlink_list-01001002 .p_more:active{ background-color:#F6F7F8; } .c_portalResFriendlink_list-01001002 .p_more .font{ vertical-align:middle; text-align: inherit; } .c_portalResFriendlink_list-01001002 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_portalResFriendlink_list-01001002 .p_more .iconfont:before{ content: "\e6d1"; } .c_portalResFriendlink_list-01001002 .p_moreBox{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResFriendlink_list-01001002 .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; overflow: hidden; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn{ display:inline-block; height:10px; width:100px; padding:0; background-color:rgba(228,228,228,1); border-width:1px; border-color:transparent; color:rgba(153,153,153,1); font-size: 12px; font-family:"Microsoft YaHei"; text-align:center; cursor:pointer; border-radius: 50%; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn img{ display:none; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn:hover, .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn.active{ background-color: rgb(23 129 176); color:rgba(255,255,255,1); } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn.j-nav-active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_portalResFriendlink_list-01001002 .p_CommonThumbnailBox{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResFriendlink_list-01001002 .p_CommonSummaryBoxA{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; display: inline-block; font-size: 56px; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB:hover{ color:rgba(105,192,188,1); } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB:hover{ cursor:pointer; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; display: inline-block; font-size: 56px; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA:hover{ color:rgba(105,192,188,1); } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA:hover{ cursor:pointer; } .c_portalResFriendlink_list-01001002 .p_CommonInteraction{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 45px; color: #e5e5e5; } .c_portalResFriendlink_list-01001002 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; } .c_portalResFriendlink_list-01001002 .p_CommonSummaryBoxA{ width: auto; height: auto; text-align: center; margin-bottom: 20px; margin-top: 10px; } .c_portalResFriendlink_list-01001002 .p_CommonThumbnailBox{ width: auto; height: auto; } .c_portalResFriendlink_list-01001002 .d_CommonInteractionA{ left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_portalResFriendlink_list-01001002 .d_CommonInteractionB{ right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_portalResFriendlink_list-01001002 .p_CommonSquareNumBtn{ width: 80px!important; border-radius: 0px!important; height: 3px!important; margin: 0px 8px; } .c_portalResFriendlink_list-01001002 .p_page { width: auto; height: auto; float: right; right: 30px; margin-bottom: 10px; } .c_portalResFriendlink_list-01001002 .p_moreBox { width: 100%; height: auto; } .c_portalResFriendlink_list-01001002 .p_more { width: 100% } .c_portalResFriendlink_list-01001002 .p_loading { width: 100% } .p_articles .higher img, .higher video { width: auto!important; height: auto !important; left: 50%!important; width: 100% !important; top: 50%!important; -webkit-transform: translate(-50%,-50%)!important; -ms-transform: translate(-50%,-50%)!important; transform: translate(-50%,-50%)!important; position: absolute!important; } .c_portalResFriendlink_list-01001002 .p_title .font { vertical-align: middle; line-height: 21px; text-align: center; } .c_portalResFriendlink_list-01001002 .p_LinkF{ font-size: 14px; line-height: 36px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .c_portalResFriendlink_list-01001002 .p_MatteIcon .iconfont:before{content:'\e602'; } .c_portalResFriendlink_list-01001002 >div{animation-fill-mode:both; } .c_portalResFriendlink_list-01001002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResFriendlink_list-01001002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResFriendlink_list-01001002 .p_articles{ pointer-events: none; } .c_portalResFriendlink_list-01001002 .smaller img, .smaller video{ height: auto!important; width: 100%!important; } .c_portalResFriendlink_list-01001002 .higher img, .higher video{ height: auto!important; width: 100%!important; } .c_portalResFriendlink_list-01001002 .lantern { margin-left: 0px!important; margin-right: 0px!important; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 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){ } @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: 1025px) and (min-width: 769px){ } @media only screen and (max-width: 1025px) and (min-width: 769px){ } @media only screen and (max-width: 1025px) 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_portalResPublic_codeContainer-16233285055619803{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:20px; 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){ } #c_portalResNews_list-16233928731847406 .p_articles{ width:calc((100% - 0px)/3); } #c_portalResNews_list-16233928731847406 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16233928731847406 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16233928731847406 >div{ animation-fill-mode:both; } #c_portalResNews_list-16233928731847406 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16233928731847406 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16233928731847406 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16233928731847406 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16233928731847406 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16233928731847406 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-16233930244768324 .p_articles{ width:calc((100% - 0px)/3); } #c_portalResNews_list-16233930244768324 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16233930244768324 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16233930244768324 >div{ animation-fill-mode:both; } #c_portalResNews_list-16233930244768324 .p_hot .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16233930244768324 .p_new .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16233930244768324 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16233930244768324 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16233930244768324 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16233930244768324 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16233928731847406{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResNews_list-16233930244768324{ width:auto; max-width:none; min-width:320px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16233945962897567{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:300px; 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_portalResMessage_form-16233946577760674 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResMessage_form-16233946577760674 >div{ animation-fill-mode:both; } #c_portalResMessage_form-16233946577760674{ width:94%; max-width:1600px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-16233953279089319 .p_Product{ width:calc((100% - 0px)/6); } #c_portalResProduct_list-16233953279089319 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16233953279089319 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16233953279089319 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16233953279089319 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16233953279089319 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16233953279089319 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16233953279089319 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1{ width:100%; transition:0.3s ease 0s; font-size:14px; } #c_portalResProduct_list-16233953279089319 .lineBlock{position:relative; overflow:hidden; height:100%; width:100%; top:0; float:left; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 .ul{ font-size:0px; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li{ font-size:16px; transition:0.3s ease 0s; margin-bottom:2.5%; width:23%; margin-left:2.6%; background:#f0f0f0; padding:10px; display:inline-block; vertical-align:top; box-sizing:border-box; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li a{ font-size:0px; overflow:hidden; text-align:center; background:#fff; width:100%; margin:0 auto; height:260px; display:block; border:1px solid #f2f2f2; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li a:before{ content:''; display:inline-block; vertical-align:middle; height:100%; width:0px; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 img{ display:inline-block; vertical-align:middle; transition:all .5s ease; width:90%; height:auto; margin-left:0px; transform:translate(-50%,-50%)!important; left:50%!important; top:50%!important; -webkit-transform:translate(-50%,-50%)!important; -ms-transform:translate(-50%,-50%)!important; position:absolute; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 h4{ display:none; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li span{ white-space:nowrap; transition:0.3s ease 0s; display:block; width:100%; text-align:center; overflow:hidden; text-overflow:ellipsis; font-size:14px; padding:3% 10px; box-sizing:border-box; border:none; } @media screen and (min-width: 769px){ #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li:hover img{ transform:scale(1.1); } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li:hover span{ color:#d50a1d; background: #fff; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li{ width: 14.6%; margin: 1%; padding: 0; background: transparent; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li:nth-child(4n+1){ } } @media screen and (max-width: 1100px){ #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li a { height: 21.2vw; } } @media screen and (max-width: 768px){ #c_portalResProduct_list-16233953279089319 .PhotoList_k1 { padding: 0px; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li { width: 31.33%; margin: 1%; padding: 0; background: transparent; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li a { height: 34vw; padding: 0; background: transparent; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li span { padding: 2vw; font-size: 14px; } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li:nth-child(2n+1) { } #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li:nth-child(2n+0) { } } @media screen and (max-width: 1500px){ #c_portalResProduct_list-16233953279089319 .PhotoList_k1 li span { font-size: 14px; } } #c_portalResProduct_list-16233953279089319 .lantern{ margin-left:0px!important; margin-right:0px!important; } #c_portalResProduct_list-16233953279089319{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:1px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-16252996548906819{ 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_portalResProduct_list-15977525073490535 .p_Product{ width:calc((100% - 0px)/2); } #c_portalResProduct_list-15977525073490535 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-15977525073490535 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-15977525073490535 >div{ animation-fill-mode:both; } #c_portalResProduct_list-15977525073490535 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15977525073490535 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15977525073490535 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15977525073490535 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15977525073490535{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:-120px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:1px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResFriendlink_list-16233952823027052 .p_articles{ width:calc((100% - 120px)/6); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } #c_portalResFriendlink_list-16233952823027052 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResFriendlink_list-16233952823027052 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResFriendlink_list-16233952823027052 >div{ animation-fill-mode:both; } #c_portalResFriendlink_list-16233952823027052 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-16233952823027052 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-16233952823027052 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-16233952823027052 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResFriendlink_list-16233952823027052 .listImgCover{ max-width:100%; position:absolute; width:100%; } #c_portalResFriendlink_list-16233952823027052{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResEbizads_banner-17157444495149024 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-17157444495149024 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-17157444495149024{ width:auto; max-width:none; min-width:300px; height:797px; 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-1597634009804 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1597634009804 > div > .p_gridbox > .p_gridCell>.w_grid-000:nth-child(2){ min-height: 80px; margin-top: 0px; } }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1597634058765 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); } #w_grid-1597634058765 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597634058765 >div{ animation-fill-mode:both; } #w_grid-1597634058765 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1597634058765> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1597634058765> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597634058765> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1597752651821 > 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-1689662184710 > 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-1689662309290 > 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-1597634067012 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597634067012 >div{ animation-fill-mode:both; } #w_grid-1597634067012 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1597634067012> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1597634067012> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1597634067012> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597634067012> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1597634067012> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597634067012> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1597634067012 .p_gridbox{ background-image:url(/img/hzcp.jpg?tenantId=240633&viewType=1&v=000); background-image-part-image:url(/img/hzcp.jpg?tenantId=240633&viewType=1&v=000); background-repeat:no-repeat; background-position:bottom -20px center; background-color:#f4f4f4; } #w_grid-1597740988721 > 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-1597740988735 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597740988735 >div{ animation-fill-mode:both; } #w_grid-1597740988735 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1597740988735> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1597740988735> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597740988735> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1597740988735> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1597740988735> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597740988735> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1597740988735> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597740988735 > div > .p_gridbox{ padding-left:0%; } #w_grid-1597740988735 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:28px !important; } #w_grid-1597740988735 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } } #w_common_text-1597740988747 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1597740988747 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1597740988747 .p_link001{ height:calc(100%); } #w_common_text-1597740988754 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1597740988754 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1597740988754 .p_link001{ height:calc(100%); } #w_fline-1623319094075 .p_FLine{ border-top-color:#cf1522; border-top-width:3px; } #w_fline-1623319094075 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1623319094075 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1623319094075 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_fimg-1597741390350 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1597741390350 >div{ animation-fill-mode:both; } #w_grid-1597634092515 > div > .p_gridbox{ background-image:url(/img/hkb1.jpg?tenantId=240633&viewType=1&v=000); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-color:#33a49e; } #w_grid-1597634092515 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597634092515 >div{ animation-fill-mode:both; } #w_grid-1597634092515 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1597634092515 .p_gridbox {background-repeat:no-repeat; background-position:center center; background-attachment:fixed; } } @media only screen and (min-width: 769px){ #w_grid-1597634092515> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1597634092515> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1597634092515> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597634092515> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1597634092515> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597634092515> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623317890845 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623317890845 >div{ animation-fill-mode:both; } #w_grid-1623317890845 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623317890845> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:33.33333333333333%; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1623317890845> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+0){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+1){ margin-left:0; clear:left; margin-right:0; width:20%; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+2){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+3){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+4){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623317890845> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+0){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+1){ margin-left:0; clear:left; margin-right:0; width:20%; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+2){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+3){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n+4){ width:20%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623317890845> div > .p_gridbox > .p_gridCell:nth-child(5n){ margin-right:0; } } #w_grid-1623318668550 > 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-1623318676719 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623318676719 >div{ animation-fill-mode:both; } #w_grid-1623318772433 > 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-1623318772445 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623318772445 >div{ animation-fill-mode:both; } #w_grid-1623318775383 > 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-1623318775388 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623318775388 >div{ animation-fill-mode:both; } #w_grid-1623318777885 > 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-1623318777893 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623318777893 >div{ animation-fill-mode:both; } #w_grid-1623318780560 > 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-1623318780569 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623318780569 >div{ animation-fill-mode:both; } #w_grid-1597634086050 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); } #w_grid-1597634086050 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597634086050 >div{ animation-fill-mode:both; } #w_grid-1597634086050 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1597634086050> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1597634086050> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597634086050> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1597634086050> div > .p_gridbox > .p_gridCell{ margin-bottom:6rem; margin-top:6rem; margin-left:0px; } #w_grid-1597634086050> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1597634086050> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597634086050> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1597634086050> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597634086050> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623328332027 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); } #w_grid-1623328332027 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623328332027 >div{ animation-fill-mode:both; } #w_grid-1623328332027 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623328332027 > div > .p_gridbox{ display: flex; align-items: center; } #w_grid-1623328332027> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1623328332027> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:48.5%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1623328332027> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:48.5%; } #w_grid-1623328332027> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623328332027> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623328332027> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623328332027> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1623328332027> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1623329439708 > div > .p_gridbox{ background-image:url(/img/hkb2.jpg?tenantId=240633&viewType=1&v=000); } #w_grid-1623329439708 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623329439708 >div{ animation-fill-mode:both; } #w_grid-1623329439708 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623329439708> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623329439708> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623329439708> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1623391723639 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391723639 >div{ animation-fill-mode:both; } #w_grid-1623391723639 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623391723639 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:24px !important; } #w_grid-1623391723639 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } #w_grid-1623391723639 > div > .p_gridbox > .p_gridCell>.w_fbtn-001:nth-child(4){ max-width:100%; } } @media only screen and (min-width: 769px){ #w_grid-1623391723639> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623391723639> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391723639> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391723639 > div > .p_gridbox{ padding-left:0%; } #w_grid-1623391723639 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:28px !important; } #w_grid-1623391723639 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } } #w_common_text-1623391723648 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1623391723648 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1623391723648 .p_link001{ height:calc(100%); } #w_common_text-1623391723652 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1623391723652 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1623391723652 .p_link001{ height:calc(100%); } #w_fline-1623391723655 .p_FLine{ border-top-color:#cf1522; border-top-width:3px; } #w_fline-1623391723655 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1623391723655 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1623391723655 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_grid-1623391723658 > 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-1623391834053 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834053 >div{ animation-fill-mode:both; } #w_grid-1623391834053 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623391834053> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1623391834053> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834053> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1623391834053> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:0; } #w_grid-1623391834053> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834053> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834053> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:0px; } #w_grid-1623391834053> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1623391834053> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_grid-1623391834083 > div > .p_gridbox{ background-image:url(/img/hl10.png?tenantId=240633&viewType=1&v=000); } #w_grid-1623391834083 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834083 >div{ animation-fill-mode:both; } #w_grid-1623391834083 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623391834083> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:33.33333333333333%; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:33.33333333333333%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1623391834083> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:1%; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+0){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+1){ margin-left:0; clear:left; margin-right:0; width:15.833333333333332%; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+2){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+3){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+4){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+5){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834083> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:1%; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+0){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+1){ margin-left:0; clear:left; margin-right:0; width:15.833333333333332%; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+2){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+3){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+4){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n+5){ width:15.833333333333332%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1623391834083> div > .p_gridbox > .p_gridCell:nth-child(6n){ margin-right:0; } } #w_grid-1623391834083 .p_gridbox{ background-repeat:repeat-x; background-position:bottom center; } #w_grid-1623391834108 > div > .p_gridbox{ background-image:url(/img/hl9.png?tenantId=240633&viewType=1&v=000); } #w_grid-1623391834108 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834108 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.2s; animation-fill-mode:both; } #w_grid-1623391834108 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623391834108> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1623391834108> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1623391834108> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834108> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623391834108> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834108> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623391834108 > div > .p_gridbox{ background-repeat:no-repeat; background-position:bottom center; } #w_fimg-1623391834160 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623391834160 >div{ animation-fill-mode:both; } #w_grid-1623391834115 > div > .p_gridbox{ background-image:url(/img/hl9.png?tenantId=240633&viewType=1&v=000); } #w_grid-1623391834115 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834115 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.4s; animation-fill-mode:both; } #w_grid-1623391834115 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623391834115> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1623391834115> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1623391834115> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834115> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623391834115> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834115> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623391834115 > div > .p_gridbox{ background-repeat:no-repeat; background-position:bottom center; } #w_fimg-1623391834167 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623391834167 >div{ animation-fill-mode:both; } #w_grid-1623391834121 > div > .p_gridbox{ background-image:url(/img/hl9.png?tenantId=240633&viewType=1&v=000); } #w_grid-1623391834121 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834121 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.6s; animation-fill-mode:both; } #w_grid-1623391834121 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623391834121> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1623391834121> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1623391834121> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834121> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623391834121> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834121> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623391834121 > div > .p_gridbox{ background-repeat:no-repeat; background-position:bottom center; } #w_fimg-1623391834174 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623391834174 >div{ animation-fill-mode:both; } #w_grid-1623391834127 > div > .p_gridbox{ background-image:url(/img/hl9.png?tenantId=240633&viewType=1&v=000); } #w_grid-1623391834127 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834127 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_grid-1623391834127 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623391834127> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1623391834127> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1623391834127> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834127> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623391834127> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834127> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623391834127 > div > .p_gridbox{ background-repeat:no-repeat; background-position:bottom center; } #w_fimg-1623391834180 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623391834180 >div{ animation-fill-mode:both; } #w_grid-1623391834134 > div > .p_gridbox{ background-image:url(/img/hl9.png?tenantId=240633&viewType=1&v=000); } #w_grid-1623391834134 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834134 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_grid-1623391834134 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623391834134> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1623391834134> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1623391834134> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834134> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623391834134> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834134> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623391834134 > div > .p_gridbox{ background-repeat:no-repeat; background-position:bottom center; } #w_fimg-1623391834186 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623391834186 >div{ animation-fill-mode:both; } #w_grid-1623391834142 > div > .p_gridbox{ background-image:url(/img/hl9.png?tenantId=240633&viewType=1&v=000); } #w_grid-1623391834142 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623391834142 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1.2s; animation-fill-mode:both; } #w_grid-1623391834142 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623391834142> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1623391834142> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1623391834142> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623391834142> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623391834142> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623391834142> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1623391834142 > div > .p_gridbox{ background-repeat:no-repeat; background-position:bottom center; } #w_fimg-1623391834192 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623391834192 >div{ animation-fill-mode:both; } #w_fimg-1623391834091 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623391834091 >div{ animation-name:flipInY; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; } #w_grid-1597634078036 > div > .p_gridbox{ background-image:url(/img/newsbj.jpg?tenantId=240633&viewType=1&v=000); } #w_grid-1597634078036 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597634078036 >div{ animation-fill-mode:both; } #w_grid-1597634078036 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1597634078036> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1597634078036> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597634078036> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1597634078036 .p_gridbox{ background-repeat:no-repeat; background-position:top center; } #w_grid-1597730893017 > 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-1597731016111 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597731016111 >div{ animation-fill-mode:both; } #w_grid-1597731016111 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1597731016111> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1597731016111> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597731016111> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1597731016111> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1597731016111> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597731016111> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597731016111> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1597731016111> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597731016111> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1597731035390 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597731035390 >div{ animation-fill-mode:both; } #w_grid-1597731035390 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1597731035390 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:24px !important; } #w_grid-1597731035390 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } #w_grid-1597731035390 > div > .p_gridbox > .p_gridCell>.w_fbtn-001:nth-child(4){ max-width:100%; } } @media only screen and (min-width: 769px){ #w_grid-1597731035390> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1597731035390> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597731035390> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597731035390 > div > .p_gridbox{ padding-left:0%; } #w_grid-1597731035390 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:28px !important; } #w_grid-1597731035390 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } } #w_common_text-1597731035398 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1597731035398 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1597731035398 .p_link001{ height:calc(100%); } #w_common_text-1597731035402 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1597731035402 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1597731035402 .p_link001{ height:calc(100%); } #w_fline-1623329422519 .p_FLine{ border-top-color:rgba(200, 22, 35, 1); border-top-width:3px; } #w_fline-1623329422519 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1623329422519 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1623329422519 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_grid-1597731928291 > 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_tabswitchbox-1623392416696 > .layout_1 > div > .e_link-000{ width:calc((100% - 0px)/2); } #w_tabswitchbox-1623392416696 > .layout_1 .p_box002{ height:calc(100% - 50px); } #w_tabswitchbox-1623392416696 > .layout_1 .p_box001{ height:50px; } #w_tabswitchbox-1623392416696 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_tabswitchbox-1623392416696 >div{ animation-fill-mode:both; } #w_tabswitchbox-1623392416696 .iconfont12356:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_tabswitchbox-1623392416696 .iconfont12356789:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_grid-1623392394322 > div > .p_gridbox{ background-image:url(/img/hkb4.jpg?tenantId=240633&viewType=1&v=000); } #w_grid-1623392394322 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623392394322 >div{ animation-fill-mode:both; } #w_grid-1623392394322 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623392394322> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623392394322> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623392394322> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1623393232284 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623393232284 >div{ animation-fill-mode:both; } #w_grid-1623393232284 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623393232284 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:24px !important; } #w_grid-1623393232284 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } #w_grid-1623393232284 > div > .p_gridbox > .p_gridCell>.w_fbtn-001:nth-child(4){ max-width:100%; } } @media only screen and (min-width: 769px){ #w_grid-1623393232284> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623393232284> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623393232284> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623393232284 > div > .p_gridbox{ padding-left:0%; } #w_grid-1623393232284 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:28px !important; } #w_grid-1623393232284 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } } #w_common_text-1623393232294 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1623393232294 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1623393232294 .p_link001{ height:calc(100%); } #w_common_text-1623393232299 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1623393232299 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1623393232299 .p_link001{ height:calc(100%); } #w_fline-1623393232305 .p_FLine{ border-top-color:#cf1522; border-top-width:3px; } #w_fline-1623393232305 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1623393232305 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1623393232305 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_grid-1623393232313 > 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_tabswitchbox-1623393281167 > .layout_1 > div > .e_link-000{ width:calc((100% - 0px)/2); } #w_tabswitchbox-1623393281167 > .layout_1 .p_box002{ height:calc(100% - 50px); } #w_tabswitchbox-1623393281167 > .layout_1 .p_box001{ height:50px; } #w_tabswitchbox-1623393281167 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_tabswitchbox-1623393281167 >div{ animation-fill-mode:both; } #w_tabswitchbox-1623393281167 .iconfont12356:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_tabswitchbox-1623393281167 .iconfont12356789:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_grid-1623395325130 > 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-1623392387439 > div > .p_gridbox{ background-image:url(/img/hkb3.jpg?tenantId=240633&viewType=1&v=000); } #w_grid-1623392387439 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623392387439 >div{ animation-fill-mode:both; } #w_grid-1623392387439 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623392387439> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623392387439> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623392387439> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1623393516770 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623393516770 >div{ animation-fill-mode:both; } #w_grid-1623393516770 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623393516770 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:24px !important; } #w_grid-1623393516770 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } #w_grid-1623393516770 > div > .p_gridbox > .p_gridCell>.w_fbtn-001:nth-child(4){ max-width:100%; } } @media only screen and (min-width: 769px){ #w_grid-1623393516770> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623393516770> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623393516770> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623393516770 > div > .p_gridbox{ padding-left:0%; } #w_grid-1623393516770 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span{ font-size:28px !important; } #w_grid-1623393516770 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(3) span{ font-size:14px !important; } } #w_common_text-1623393516774 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1623393516774 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1623393516774 .p_link001{ height:calc(100%); } #w_common_text-1623393516777 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1623393516777 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1623393516777 .p_link001{ height:calc(100%); } #w_fline-1623393516779 .p_FLine{ border-top-color:#cf1522; border-top-width:3px; } #w_fline-1623393516779 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1623393516779 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1623393516779 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_grid-1623393516781 > 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-1623393564134 > 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-1623393591156 > div > .p_gridbox{ background-color:#cf1522; } #w_grid-1623393591156 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623393591156 >div{ animation-name:fadeInLeft; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_grid-1623393591156 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623393591156> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:4%; } #w_grid-1623393591156> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:4%; margin-right:0; clear:none; } #w_grid-1623393591156> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1623393591156> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:6%; } #w_grid-1623393591156> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:88%; margin-left:6%; margin-right:0px; clear:none; } #w_grid-1623393591156> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:6%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623393591156> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:10%; } #w_grid-1623393591156> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:80%; margin-left:10%; margin-right:0px; clear:none; } #w_grid-1623393591156> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:10%; } } #w_grid-1623393690479 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623393690479 >div{ animation-fill-mode:both; } #w_grid-1623393690479 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1623393690479> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1623393690479> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623393690479> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1623393690479> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1623393703090 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623393703090 >div{ animation-fill-mode:both; } #w_fimg-1623394034259 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1623394034259 >div{ animation-fill-mode:both; } #w_grid-1623394251041 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); } #w_grid-1623394251041 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1623394251041 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_grid-1623394251041 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1623394251041> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:1%; } #w_grid-1623394251041> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:48.5%; margin-left:1%; margin-right:0px; clear:none; } #w_grid-1623394251041> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ clear:left; margin-left:1%; margin-right:0px; width:48.5%; } #w_grid-1623394251041> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:1%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1623394251041> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1623394251041> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1623394251041> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1597634009804{ 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-1597634058765{ 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-1597752651821{ 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-1689662184710{ 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-1689662309290{ 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-1597634067012{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:80px; 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-1597740988721{ width:96%; max-width:1520px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597740988735{ 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-1597740988747{ 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_common_text-1597740988754{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1623319094075{ width:100%; max-width:40px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:5px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1597741390350{ width:100%; max-width:110px; min-width:0px; height:auto; max-height:none; min-height:60px; margin-top:5px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597634092515{ 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-1623317890845{ width:100%; max-width:1520px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623318668550{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:120px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623318676719{ width:65%; max-width:100px; 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-1623318678371{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623318772433{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:120px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623318772445{ width:65%; max-width:100px; 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-1623318772452{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623318775383{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:120px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623318775388{ width:65%; max-width:100px; 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-1623318775391{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623318777885{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:120px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623318777893{ width:65%; max-width:100px; 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-1623318777897{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623318780560{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:120px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623318780569{ width:65%; max-width:100px; 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-1623318780577{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597634086050{ 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-1623328332027{ width:94%; max-width:1440px; min-width:0px; height:auto; max-height:none; min-height:300px; 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-1623329439708{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:500px; 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-1623391723639{ width:100%; max-width:1520px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:60px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1623391723648{ 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_common_text-1623391723652{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1623391723655{ width:100%; max-width:40px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:5px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623391723658{ 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-1623391834053{ 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-1623391834083{ width:94%; max-width:1280px; min-width:0px; height:auto; max-height:none; min-height:220px; 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-1623391834108{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:250px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623391834160{ width:65%; max-width:102px; 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-1623391834164{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623391834115{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:250px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623391834167{ width:65%; max-width:102px; 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-1623392154699{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623391834121{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:250px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623391834174{ width:65%; max-width:102px; 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-1623392177014{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623391834127{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:250px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623391834180{ width:65%; max-width:102px; 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-1623392195513{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623391834134{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:250px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623391834186{ width:65%; max-width:102px; 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-1623392212050{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623391834142{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:250px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623391834192{ width:65%; max-width:102px; 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-1623392223827{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623391834091{ width:90%; max-width:401px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:-30px; margin-left:auto; margin-right:auto; margin-bottom:30px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597634078036{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:300px; 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-1597730893017{ width:94%; max-width:1550px; min-width:0px; height:auto; max-height:none; min-height:300px; margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:40px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597731016111{ width:100%; max-width:1520px; min-width:0px; height:auto; max-height:none; min-height:80px; 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-1597731035390{ 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-1597731035398{ 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_common_text-1597731035402{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1623329422519{ width:100%; max-width:40px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:5px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597731928291{ 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_tabswitchbox-1623392416696{ width:100%; max-width:1320px; min-width:0px; height:auto; max-height:none; min-height:200px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623392394322{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:700px; 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-1623393232284{ width:100%; max-width:1520px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:60px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1623393232294{ 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_common_text-1623393232299{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1623393232305{ width:100%; max-width:40px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:5px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623393232313{ 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_tabswitchbox-1623393281167{ width:94%; max-width:1320px; min-width:0px; height:auto; max-height:none; min-height:200px; margin-top:50px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623395325130{ 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-1623392387439{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:400px; 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-1623393516770{ width:100%; max-width:1520px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:60px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1623393516774{ 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_common_text-1623393516777{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1623393516779{ width:100%; max-width:40px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:5px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623393516781{ 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-1623393564134{ width:94%; max-width:1500px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:60px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623393591156{ width:100%; max-width:40%; min-width:0px; height:auto; max-height:none; min-height:400px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1623393681168{ 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-1623393690479{ width:100%; max-width:320px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623393703090{ width:100%; max-width:130px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1623393705642{ width:auto; max-width:130px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1623394034259{ width:100%; max-width:130px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1623394057268{ width:auto; max-width:130px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1623394251041{ width:100%; max-width:72%; min-width:0px; height:auto; max-height:none; min-height:300px; margin-top:-380px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1623394586906{ 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:20px; padding-left:20px; padding-right:20px; padding-bottom:0px; }