.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_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); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }@media only screen and (max-width: 768px){ .c_portalResVideo_list-01001 .borderB_dividers ,.c_portalResVideo_list-01001 .border_default{ border: none; } .c_portalResVideo_list-01001 .h5{ margin: 0 } .c_portalResVideo_list-01001 .p_categorySummaryBox { padding: 15px 20px; border-bottom: 1px solid rgba(240, 240, 240, 1); } .c_portalResVideo_list-01001 .p_categoryTitle { } .c_portalResVideo_list-01001 .p_categorySummary { line-height: 20px; text-align: left; vertical-align: top; word-break: break-all; padding-bottom: 10px; margin-bottom: 5px; padding: 0 10px; } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_portalResVideo_list-01001 .p_succ .iconfont:before{ content: "\e648"; } .c_portalResVideo_list-01001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_portalResVideo_list-01001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_portalResVideo_list-01001 .p_succ .assistfont{ display: none; } .c_portalResVideo_list-01001 .p_succ .closebtn { display: none; } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_portalResVideo_list-01001 .p_fail .iconfont:before{ content: "\e641"; } .c_portalResVideo_list-01001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_portalResVideo_list-01001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_portalResVideo_list-01001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_portalResVideo_list-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_portalResVideo_list-01001 .p_fail .closebtn:hover{ cursor: pointer; }.c_portalResVideo_list-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResVideo_list-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_portalResVideo_list-01001 .p_scroll{ width: 100%; height: auto; position: relative; } .c_portalResVideo_list-01001 .p_scroll .vline{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResVideo_list-01001 .p_scroll .scrolling{ width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff , #F2F2F3); background: -o-linear-gradient(#fff , #F2F2F3); background: -moz-linear-gradient(#fff , #F2F2F3); background: linear-gradient(#fff , #F2F2F3); border-radius: 6px; position:relative; left:50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset,0 1px 1px rgba(0,0,0,0.1); color: #AAAAAA; cursor: pointer; } .c_portalResVideo_list-01001 .p_scroll .scrolling:hover{ border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff , #F7F7F8); background: -o-linear-gradient(#fff , #F7F7F8); background: -moz-linear-gradient(#fff , #F7F7F8); background: linear-gradient(#fff , #F7F7F8); } .c_portalResVideo_list-01001 .p_scroll .scrolling:active{ border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff , #E4E4E4); background: -o-linear-gradient(#fff , #E4E4E4); background: -moz-linear-gradient(#fff , #E4E4E4); background: linear-gradient(#fff , #E4E4E4); box-shadow: 0 0 10px #fff inset,0 1px 2px rgba(0,0,0,0.1); }  .c_portalResVideo_list-01001 .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; overflow: hidden; }  .c_portalResVideo_list-01001 .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; } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn img{ display:none; } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn:hover, .c_portalResVideo_list-01001 .p_CommonSquareNumBtn.active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn.j-nav-active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB:hover{ color:rgba(105,192,188,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB:hover{ cursor:pointer; }  .c_portalResVideo_list-01001 .p_KeywordContent{ 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_portalResVideo_list-01001 .p_AssistNameD{ display:inline-block; margin:0; padding:0; text-align:right; } .c_portalResVideo_list-01001 .p_AssistNameD .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_portalResVideo_list-01001 .p_AssistNameD .iconfont { margin:0 5px 0 0;}  .c_portalResVideo_list-01001 .p_KeywordBox{ 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; }  .e_title.c_portalResVideo_list-01001 .p_sort{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResVideo_list-01001 .p_sort{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResVideo_list-01001 .p_sort:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResVideo_list-01001 .p_sort:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResVideo_list-01001 .p_sort:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResVideo_list-01001 .p_sort .iconfont:before{ display: inline-block; content:""; }  .e_title.c_portalResVideo_list-01001 .p_linkB{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_portalResVideo_list-01001 .p_linkB{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResVideo_list-01001 .p_linkB:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_portalResVideo_list-01001 .p_linkB:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_portalResVideo_list-01001 .p_linkB:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResVideo_list-01001 .p_linkB .iconfont:before{ display: inline-block; content:""; }  .c_portalResVideo_list-01001 .p_AssistNameE{ display:inline-block; margin:0; padding:0; text-align:right; } .c_portalResVideo_list-01001 .p_AssistNameE .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_portalResVideo_list-01001 .p_AssistNameE .iconfont { margin:0 5px 0 0;}  .c_portalResVideo_list-01001 .p_FromBox{ 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_portalResVideo_list-01001 .p_summary{ text-align:left; vertical-align:top; word-break:break-all; } .c_portalResVideo_list-01001 .p_nameB{ display:inline-block; margin:0; padding:0; color:#666666; font-size:14px; text-align:right; } .c_portalResVideo_list-01001 .p_nameB .font{ white-space:nowrap; vertical-align:middle; line-height: 19px; } .c_portalResVideo_list-01001 .p_nameB .iconfont:before{ content:""; } .c_portalResVideo_list-01001 .p_SummaryBox{ margin:0; width: 236px; height:317px; padding:0; background-color:transparent; overflow: hidden; }  .c_portalResVideo_list-01001 .p_linkC{ display:block; height:auto; width:auto; margin:0; padding:0; min-width:150px; word-break:break-all; white-space:normal; font-weight: normal; cursor:pointer; line-height: 18px; text-align: center; font-size: 14px; } .c_portalResVideo_list-01001 .p_linkC:hover{ } .c_portalResVideo_list-01001 .p_linkC:active{ }  .c_portalResVideo_list-01001 .p_header{ width:100%; height:auto; margin: 2px 0 8px; padding:0 5px; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; min-height: 38px; background: #fff; }  .c_portalResVideo_list-01001 .p_num{ border-width:0; display:inline-table; float:left; margin:0; padding-bottom:2px; padding-left:5px; padding-right:5px; padding-top:2px; color:#fff; font-size:14px; text-align:center; width:auto; z-index:2; white-space: nowrap; }  .c_portalResVideo_list-01001 .p_NumBox{ background: rgba(0, 0, 0 ,.7); border-width:0; display:inline-table; text-align:center; float:left; margin:0; padding-bottom:2px; padding-left:5px; padding-right:5px; padding-top:2px; }  .c_portalResVideo_list-01001 .p_thumbnail{ padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResVideo_list-01001 .p_thumbnail:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResVideo_list-01001 .p_thumbnail:active{ border-width:1px; border-style:none; border-color:transparent; }.c_portalResVideo_list-01001 .p_MatteIcon{ margin:0; width:inherit; height:inherit; color:rgba(102,102,102,1); } .c_portalResVideo_list-01001 .p_MatteIcon .iconfont:before{ content: '\e6bd'; font-size: 50px; } .c_portalResVideo_list-01001 .p_Position{ width: inherit; height: auto; display: table-cell; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-duration: 0.5s; animation-delay: 0s; text-align: left; vertical-align: middle; display: none; }  .c_portalResVideo_list-01001 .p_images{ 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_portalResVideo_list-01001 .p_articles{ width:230px; height:320px; }  .c_portalResVideo_list-01001 .p_Video{ 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_portalResVideo_list-01001 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA:hover{ color:rgba(105,192,188,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA:hover{ cursor:pointer; } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_CommonLanternBox{ 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_portalResVideo_list-01001 .p_VideoList{ margin:0; width: 880px; height:auto; padding:0; border-width:1px; border-style:none; border-color:rgba(255, 255, 255,1); white-space:nowrap; background: #fff; }  .c_portalResVideo_list-01001{ overflow:hidden; }  .c_portalResVideo_list-01001 .p_Video{ width:auto; height:auto; padding: 0 8px; } .c_portalResVideo_list-01001 .p_VideoList{ width:auto; height:auto; white-space: normal; font-size: 0; overflow: hidden; }  .c_portalResVideo_list-01001 .p_articles{ position:relative; height:auto; width:calc((100% - 20px)/2)!important; margin: 5px; display: inline-block; vertical-align: top; }  .c_portalResVideo_list-04001 .p_imageBox{ overflow: hidden; width: 100%; height: 100%; margin-bottom: 5px; cursor: pointer; } .c_portalResVideo_list-01001 .p_images{ width:100%; height: 0; padding-bottom: 100%; overflow:hidden; overflow: visible !important; } .c_portalResVideo_list-01001 .p_images:hover{ background-color: rgba(186, 213, 211,.3); } .c_portalResVideo_list-01001 .p_thumbnail{ display:block; height:100%; width:100%; text-align: center; position: absolute; } .c_portalResVideo_list-01001 .p_thumbnail img{ width:inherit; height:inherit; }  .c_portalResVideo_list-01001 .p_articles:hover .p_thumbnail:after{ display:block; } .c_portalResVideo_list-01001 .p_CommonBtn{ display:none; height:46px; width:46px; margin-left:-23px; margin-top:-23px; left:50%; top:50%; z-index:50; } .c_portalResVideo_list-01001 .p_articles:hover .p_CommonBtn{ display:block; }  .c_portalResVideo_list-01001 .p_NumBox{ display:table; position:absolute; bottom:12px; right:12px; height:auto; width:auto; }  .c_portalResVideo_list-01001 .p_SummaryBox{ height:auto; margin-bottom:5px; padding-left:5px; padding-right:5px; width:100%; word-break:break-all; white-space:normal; overflow:hidden; display: none; } .c_portalResVideo_list-01001 .p_summary{ width:auto; min-height: 26px; margin-bottom: 10px; line-height: 20px; padding-bottom: 10px; } .c_portalResVideo_list-01001 .p_summary .js-adapMobile p{ line-height: 19px; }  .c_portalResVideo_list-01001 .p_TimeBox{ margin:0 5px 10px; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; display: none; overflow: hidden; } .c_portalResVideo_list-01001 .p_AssistNameC{ display:inline-block; vertical-align: middle; margin:0; padding:0; text-align:right; } .c_portalResVideo_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; } .c_portalResVideo_list-01001 .p_AssistNameC .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_portalResVideo_list-01001 .p_AssistNameC .iconfont{margin-right: 5px;}  .c_portalResVideo_list-01001 .p_KeywordBox{ display:inline-block; height:auto; width:100%; padding-left:5px; padding-right:5px; word-break:break-all; white-space:normal; margin-bottom: 10px; display: none; } .c_portalResVideo_list-01001 .p_AssistNameD{ display:inline-block; float:left; line-height:20px; } .c_portalResVideo_list-01001 .p_tag{ display:inline-block; margin:0; padding-bottom:0px; padding-left:0px; padding-right:5px; padding-top:0px; text-align:left; cursor: default; white-space:nowrap; vertical-align:middle; line-height: 19px; }  .c_portalResVideo_list-01001 .p_FromBox{ margin-bottom:10px; width:auto; height:auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 0 5px; display: none; } .c_portalResVideo_list-01001 .p_FromBox .p_sort .font{ line-height: normal; overflow: hidden; text-overflow: ellipsis; } .c_portalResVideo_list-01001 .p_FromBox .p_sort{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; display: block; font-size: 12px; overflow:hidden; } .c_portalResVideo_list-01001 .p_FromBox .p_linkB{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; width: auto; overflow: hidden; } .c_portalResVideo_list-01001 .p_page { display: inline-block !important; right: 30px; } .c_portalResVideo_list-01001 .p_KeywordContent{ width: auto; height: auto; }  .c_portalResVideo_list-01001 .p_articles:hover .p_matteA{ display: block; } .c_portalResVideo_list-01001 .p_articles:hover .p_Position{ display: inline-block; } .c_portalResVideo_list-01001 .p_articles:hover .p_matte{ display: block; } .c_portalResVideo_list-01001 .p_MatteIcon{ width: auto; display: inline-block; } .c_portalResVideo_list-01001 .p_MatteIcon:before{ content: ""; } .c_portalResVideo_list-01001 .p_MatteIcon .iconfont{ font-size: 20px; color: rgba(255,255,255,.8); } .c_portalResVideo_list-01001 .p_MatteIcon .iconfont:before{ content: "\e602"; } .c_portalResVideo_list-01001 .p_articles .p_matte:before { content: "\200B"; display: inline-block; width: 0; height: 100%; vertical-align: middle; }  .c_portalResVideo_list-01001 .p_CommonLanternBox{ width: auto; height: auto; position: relative; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 45px; color: #e5e5e5; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; } .c_portalResVideo_list-01001 .p_CommonSummaryBoxA{ width: auto; height: auto;  text-align: center; margin-bottom: 20px; } .c_portalResVideo_list-01001 .p_CommonThumbnailBox{ width: auto; height: auto; } .c_portalResVideo_list-01001 .d_CommonInteractionA{ left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_portalResVideo_list-01001 .d_CommonInteractionB{ right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn{ width: 100px; height: 10px; margin: 0px 8px; }   .c_portalResVideo_list-01001 .p_more { position: static; width: 100%; margin: 0 auto; 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_portalResVideo_list-01001 .p_scroll { width: 100%; height: auto; position: relative } .c_portalResVideo_list-01001 .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .c_portalResVideo_list-01001 .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color: #AAA; cursor: pointer } .c_portalResVideo_list-01001 .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8) } .c_portalResVideo_list-01001 .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1) }  } @media only screen and (min-width: 769px){ .c_portalResVideo_list-01001 .background_form{ background: #fff; } .c_portalResVideo_list-01001 .h5{ margin: 0 } .c_portalResVideo_list-01001 .p_categorySummaryBox { padding: 15px 20px; border-bottom: 1px solid rgba(240, 240, 240, 1); } .c_portalResVideo_list-01001 .p_categoryTitle { } .c_portalResVideo_list-01001 .p_categorySummary { line-height: 20px; text-align: left; vertical-align: top; word-break: break-all; margin-left: 10px; padding-bottom: 10px; margin-bottom: 5px; } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_succ .iconfont{ height: auto; color: #A2D465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_portalResVideo_list-01001 .p_succ .iconfont:before{ content: "\e648"; } .c_portalResVideo_list-01001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_portalResVideo_list-01001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_portalResVideo_list-01001 .p_succ .assistfont{ display: none; } .c_portalResVideo_list-01001 .p_succ .closebtn { display: none; } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_fail .iconfont{ height: auto; color: #FF0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_portalResVideo_list-01001 .p_fail .iconfont:before{ content: "\e641"; } .c_portalResVideo_list-01001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_portalResVideo_list-01001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_portalResVideo_list-01001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_portalResVideo_list-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_portalResVideo_list-01001 .p_fail .closebtn:hover{ cursor: pointer; }.c_portalResVideo_list-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #5abd00; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResVideo_list-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResVideo_list-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_portalResVideo_list-01001 .p_scroll{ width: 100%; height: auto; position: relative; } .c_portalResVideo_list-01001 .p_scroll .vline{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .c_portalResVideo_list-01001 .p_scroll .scrolling{ width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff , #F2F2F3); background: -o-linear-gradient(#fff , #F2F2F3); background: -moz-linear-gradient(#fff , #F2F2F3); background: linear-gradient(#fff , #F2F2F3); border-radius: 6px; position:relative; left:50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset,0 1px 1px rgba(0,0,0,0.1); color: #AAAAAA; cursor: pointer; } .c_portalResVideo_list-01001 .p_scroll .scrolling:hover{ border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff , #F7F7F8); background: -o-linear-gradient(#fff , #F7F7F8); background: -moz-linear-gradient(#fff , #F7F7F8); background: linear-gradient(#fff , #F7F7F8); } .c_portalResVideo_list-01001 .p_scroll .scrolling:active{ border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff , #E4E4E4); background: -o-linear-gradient(#fff , #E4E4E4); background: -moz-linear-gradient(#fff , #E4E4E4); background: linear-gradient(#fff , #E4E4E4); box-shadow: 0 0 10px #fff inset,0 1px 2px rgba(0,0,0,0.1); }  .c_portalResVideo_list-01001 .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; overflow: hidden; }  .c_portalResVideo_list-01001 .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; } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn img{ display:none; } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn:hover, .c_portalResVideo_list-01001 .p_CommonSquareNumBtn.active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn.j-nav-active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB:hover{ color:rgba(105,192,188,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB:hover{ cursor:pointer; }  .c_portalResVideo_list-01001 .p_KeywordContent{ 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_portalResVideo_list-01001 .p_AssistNameD{ display:inline-block; margin:0; padding:0; text-align:right; } .c_portalResVideo_list-01001 .p_AssistNameD .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_portalResVideo_list-01001 .p_AssistNameD .iconfont { margin:0 5px 0 0;}  .c_portalResVideo_list-01001 .p_KeywordBox{ 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; }  .e_title.c_portalResVideo_list-01001 .p_sort{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResVideo_list-01001 .p_sort{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResVideo_list-01001 .p_sort:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResVideo_list-01001 .p_sort:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResVideo_list-01001 .p_sort:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResVideo_list-01001 .p_sort .iconfont:before{ display: inline-block; content:""; }  .e_title.c_portalResVideo_list-01001 .p_linkB{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_portalResVideo_list-01001 .p_linkB{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResVideo_list-01001 .p_linkB:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_portalResVideo_list-01001 .p_linkB:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_portalResVideo_list-01001 .p_linkB:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResVideo_list-01001 .p_linkB .iconfont:before{ display: inline-block; content:""; }  .c_portalResVideo_list-01001 .p_AssistNameE{ display:inline-block; margin:0; padding:0; text-align:right; } .c_portalResVideo_list-01001 .p_AssistNameE .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_portalResVideo_list-01001 .p_AssistNameE .iconfont { margin:0 5px 0 0;}  .c_portalResVideo_list-01001 .p_FromBox{ 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_portalResVideo_list-01001 .p_summary{ text-align:left; vertical-align:top; word-break:break-all; } .c_portalResVideo_list-01001 .p_nameB{ display:inline-block; margin:0; padding:0; color:#666666; font-size:14px; text-align:right; } .c_portalResVideo_list-01001 .p_nameB .font{ white-space:nowrap; vertical-align:middle; line-height: 19px; } .c_portalResVideo_list-01001 .p_nameB .iconfont:before{ content:""; } .c_portalResVideo_list-01001 .p_SummaryBox{ margin:0; width: 236px; height:317px; padding:0; background-color:transparent; overflow: hidden; }  .c_portalResVideo_list-01001 .p_linkC{ display:block; height:auto; width:auto; margin:0; padding:0; min-width:150px; word-break:break-all; white-space:normal; font-weight: bold; cursor:pointer; line-height: 1.2em; font-size: 16px; font-weight: normal; text-align: center; min-height: 56px; } .c_portalResVideo_list-01001 .p_linkC:hover{ } .c_portalResVideo_list-01001 .p_linkC:active{ }  .c_portalResVideo_list-01001 .p_header{ width:100%; height:auto; margin: 16px 0 8px; padding: 0 20px; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; }  .c_portalResVideo_list-01001 .p_num{ border-width:0; display: block; float:left; margin:0; padding-bottom:2px; padding-left:5px; padding-right:5px; padding-top:2px; color:#fff; font-size:14px; text-align:center; width:auto; z-index:2; white-space: nowrap; line-height: 20px; }  .c_portalResVideo_list-01001 .p_NumBox{ background: rgba(0, 0, 0 ,.57); border-width:0; display:inline-table; text-align:center; float:left; margin:0; padding-bottom:2px; padding-left:5px; padding-right:5px; padding-top:2px; }  .c_portalResVideo_list-01001 .p_thumbnail{ padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResVideo_list-01001 .p_thumbnail:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResVideo_list-01001 .p_thumbnail:active{ border-width:1px; border-style:none; border-color:transparent; }.c_portalResVideo_list-01001 .p_MatteIcon{ margin:0; width:inherit; height:inherit; color:rgba(102,102,102,1); } .c_portalResVideo_list-01001 .p_MatteIcon .iconfont:before{ content: '\e6bd'; font-size: 50px; } .c_portalResVideo_list-01001 .p_Position{ width: inherit; height: auto; display: table-cell; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-duration: 0.5s; animation-delay: 0s; text-align: left; vertical-align: middle; display: none; }  .c_portalResVideo_list-01001 .p_images{ 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_portalResVideo_list-01001 .p_articles{ width:230px; height:320px; }  .c_portalResVideo_list-01001 .p_Video{ 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_portalResVideo_list-01001 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:28px; color:rgba(154,155,155,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e6b0"; display: inline-block; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA:hover{ color:rgba(105,192,188,1); } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA:hover{ cursor:pointer; } .c_portalResVideo_list-01001 .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_portalResVideo_list-01001 .p_CommonLanternBox{ 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_portalResVideo_list-01001 .p_VideoList{ 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_portalResVideo_list-01001{ overflow:hidden; }  .c_portalResVideo_list-01001 .p_Video{ width:auto; height:auto; } .c_portalResVideo_list-01001 .p_VideoList{ width:auto; height:auto; padding:10px; white-space: normal; font-size: 0; overflow: hidden; background: transparent; }  .c_portalResVideo_list-01001 .p_articles{ position:relative; height:auto; width:calc((100% - 60px)/3); margin: 10px; display: inline-block; vertical-align: top; background: #f9f9f9; border: none; }  .c_portalResVideo_list-04001 .p_imageBox{ overflow: hidden; width: 100%; height: 100%; margin-bottom: 5px; cursor: pointer; } .c_portalResVideo_list-01001 .p_images{ width:100%; height: 0; padding-bottom: 100%; overflow:hidden; position: relative; } .c_portalResVideo_list-01001 .p_images:hover{ background-color: rgba(186, 213, 211,.3); } .c_portalResVideo_list-01001 .p_thumbnail{ display:block; height:100%; width:100%; text-align: center; position: absolute; } .c_portalResVideo_list-01001 .p_thumbnail img{ width:inherit; height:inherit; }  .c_portalResVideo_list-01001 .p_articles:hover .p_thumbnail:after{ display:block; } .c_portalResVideo_list-01001 .p_CommonBtn{ display:none; height:46px; width:46px; margin-left:-23px; margin-top:-23px; left:50%; top:50%; z-index:50; } .c_portalResVideo_list-01001 .p_articles:hover .p_CommonBtn{ display:block; }  .c_portalResVideo_list-01001 .p_NumBox{ display:table; position:absolute; bottom: 8px; right: 10px; height:auto; width:auto; }  .c_portalResVideo_list-01001 .p_SummaryBox{ height:auto; margin-bottom: 3px; padding-left: 20px; padding-right: 20px; width:100%; word-break:break-all; white-space:normal; overflow:hidden; min-height: 46px; display: none; } .c_portalResVideo_list-01001 .p_summary{ width:auto; min-height: 12px; margin-bottom: 10px; line-height: 20px; padding-bottom: 16px; border-bottom: none; color: #898989; } .c_portalResVideo_list-01001 .p_summary .js-adapMobile p{ line-height: 19px; }  .c_portalResVideo_list-01001 .p_TimeBox{ margin:0 14px 10px; 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_portalResVideo_list-01001 .p_AssistNameC{ display:inline-block; vertical-align: middle; margin:0; padding:0; text-align:right; } .c_portalResVideo_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; } .c_portalResVideo_list-01001 .p_AssistNameC .font{ vertical-align:middle; white-space:nowrap; width:inherit; line-height: 16px; } .c_portalResVideo_list-01001 .p_AssistNameC .iconfont{margin-right: 5px;}  .c_portalResVideo_list-01001 .p_KeywordBox{ display:inline-block; height:auto; width:100%; padding-left:14px; padding-right:14px; word-break:break-all; white-space:normal; margin-bottom: 10px; display: none; } .c_portalResVideo_list-01001 .p_AssistNameD{ display:inline-block; float:left; line-height:20px; } .c_portalResVideo_list-01001 .p_tag{ display:inline-block; margin:0; padding-bottom:0px; padding-left:0px; padding-right:5px; padding-top:0px; text-align:left; cursor: default; white-space:nowrap; vertical-align:middle; line-height: 19px; }  .c_portalResVideo_list-01001 .p_FromBox{ margin-bottom:10px; margin-left:14px; width:auto; height:auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: none; } .c_portalResVideo_list-01001 .p_FromBox .p_sort .font{ line-height: normal; overflow: hidden; text-overflow: ellipsis; } .c_portalResVideo_list-01001 .p_FromBox .p_sort{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; display: block; font-size: 12px; overflow:hidden; } .c_portalResVideo_list-01001 .p_FromBox .p_linkB{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex: 1; width: auto; overflow: hidden; } .c_portalResVideo_list-01001 .p_page { display: inline-block !important; right: 30px; } .c_portalResVideo_list-01001 .p_KeywordContent{ width: auto; height: auto; }  .c_portalResVideo_list-01001 .p_articles:hover .p_matteA{ display: block; } .c_portalResVideo_list-01001 .p_articles:hover .p_Position{ display: inline-block; } .c_portalResVideo_list-01001 .p_articles:hover .p_matte{ display: block; } .c_portalResVideo_list-01001 .p_MatteIcon{ width: auto; display: inline-block; } .c_portalResVideo_list-01001 .p_MatteIcon:before{ content: ""; } .c_portalResVideo_list-01001 .p_MatteIcon .iconfont{ font-size: 20px; color: rgba(255,255,255,.8); } .c_portalResVideo_list-01001 .p_MatteIcon .iconfont:before{ content: "\e602"; } .c_portalResVideo_list-01001 .p_articles .p_matte:before { content: "\200B"; display: inline-block; width: 0; height: 100%; vertical-align: middle; }  .c_portalResVideo_list-01001 .p_CommonLanternBox{ width: auto; height: auto; position: relative; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 45px; color: #e5e5e5; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; } .c_portalResVideo_list-01001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; } .c_portalResVideo_list-01001 .p_CommonSummaryBoxA{ width: auto; height: auto;  text-align: center; margin-bottom: 20px; } .c_portalResVideo_list-01001 .p_CommonThumbnailBox{ width: auto; height: auto; } .c_portalResVideo_list-01001 .d_CommonInteractionA{ left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_portalResVideo_list-01001 .d_CommonInteractionB{ right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_portalResVideo_list-01001 .p_CommonSquareNumBtn{ width: 100px; height: 10px; margin: 0px 8px; }   .c_portalResVideo_list-01001 .p_more { position: static; width: 100%; margin: 0 auto; 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_portalResVideo_list-01001 .p_scroll { width: 100%; height: auto; position: relative } .c_portalResVideo_list-01001 .p_scroll .vline { width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #F0F0F0; opacity: 1; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } .c_portalResVideo_list-01001 .p_scroll .scrolling { width: 77px; height: 25px; border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F2F2F3); background: -o-linear-gradient(#fff, #F2F2F3); background: -moz-linear-gradient(#fff, #F2F2F3); background: linear-gradient(#fff, #F2F2F3); border-radius: 6px; position: relative; left: 50%; text-align: center; font-size: 15px; box-shadow: 0 0 10px #fff inset, 0 1px 1px rgba(0, 0, 0, .1); color: #AAA; cursor: pointer } .c_portalResVideo_list-01001 .p_scroll .scrolling:hover { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #F7F7F8); background: -o-linear-gradient(#fff, #F7F7F8); background: -moz-linear-gradient(#fff, #F7F7F8); background: linear-gradient(#fff, #F7F7F8) } .c_portalResVideo_list-01001 .p_scroll .scrolling:active { border: 1px solid #BABABB; background: -webkit-linear-gradient(#fff, #E4E4E4); background: -o-linear-gradient(#fff, #E4E4E4); background: -moz-linear-gradient(#fff, #E4E4E4); background: linear-gradient(#fff, #E4E4E4); box-shadow: 0 0 10px #fff inset, 0 1px 2px rgba(0, 0, 0, .1) }  } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .c_portalResVideo_list-01001 .p_images{ position: relative; } .c_portalResVideo_list-01001 .p_images:after{ content:""; position:absolute; width: 58px; height: 58px; background: url(/img/vplayer.png?tenantId=234713&viewType=1&v=000) no-repeat; top: 50%; left: 50%; margin: -28px 0 0 -28px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; z-index: -99; } .c_portalResVideo_list-01001 .p_articles:hover .p_images:after{transform: scale(1.08);} #vd_tj{ padding: 15px 10px; } #vd_tj .p_VideoList{} #vd_tj .p_header{ position: absolute; z-index: 9; bottom: 2px; left: 96px; padding: 0 8px; margin: 0 0 10px 0; width: calc(100% - 94px); pointer-events: none; } #vd_tj .p_header a{ font-size: 10px; color: #fff; font-size: 15px; min-height: 22px; text-align: left; } #vd_tj .p_header a *{} #vd_tj .p_SummaryBox{display:none;} #vd_tj .p_articles{} #vd_tj .p_Video{} #vd_tj .p_NumBox{ background: none; left: 13px; border-radius: 13px; border: 2px solid #fff; bottom: 12px; } #vd_tj .p_NumBox *{ padding: 0 2px 0 16px; font-family: iconfont!important; position: relative; } #vd_tj .p_NumBox *:after{content:"\e65f";font-size: 12px;position: absolute;left: 2px;top: 0px;} @media only screen and (max-width: 768px){ #vd_tj .p_header{ position: relative; left: auto; bottom: auto; WIDTH: 100%; margin: 0 auto; } #vd_tj .p_header a{color:#363636;text-align: center;line-height: 32px;} } #c_portalResVideo_list-16204596812955480 .video_list{ padding: 10px 10px; cursor: pointer; } #c_portalResVideo_list-16204596812955480 .video_info{ padding:5px; } #c_portalResVideo_list-16204596812955480 .p_TimeBox{ margin:10px 15px; } #c_portalResVideo_list-16204596812955480 .video_list>div{ overflow: hidden; position: relative; } #c_portalResVideo_list-16204596812955480 .video_list:hover .mask_layer{opacity:1;} #c_portalResVideo_list-16204596812955480 .mask_layer{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5); color:#fff; opacity:0; transition:opacity .5s; top: 0; } #c_portalResVideo_list-16204596812955480 .mask_layer i{ display:flex; justify-content:center; align-items:center; font-size:40px; } #c_portalResVideo_list-16204596812955480 .p_images{ cursor:pointer; } #c_portalResVideo_list-16204596812955480 .p_images:hover .mask_layer{ opacity:1; } #c_portalResVideo_list-16204596812955480 .masker{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999; } #c_portalResVideo_list-16204596812955480 .dialog{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:50%; } #c_portalResVideo_list-16204596812955480 .dialog video{ display:block; width:100%; } #c_portalResVideo_list-16204596812955480 .p_close{ position:absolute; right:0; top:0; transform:translate(50%,-50%); width:30px; height:30px; line-height:30px; background:#fff; z-index:9; text-align:center; border-radius:50%; cursor:pointer; } @media only screen and (max-width: 768px){ #c_portalResVideo_list-16204596812955480 .dialog { width:85%; } #c_portalResVideo_list-16204596812955480 .p_page{ display:none!important; } #c_portalResVideo_list-16204596812955480 .p_OccupyBox{ overflow: visible; } }@media only screen and (max-width: 768px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #000; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{ } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:#000; font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:#000; font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #000; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #000; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (min-width: 769px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #000; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{ } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:#000; font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:#000; font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; text-align: left; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #000; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #000; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .c_portalResBreadcrumb_nav-01001{ padding:8px 10px !important; height: auto !important; } .c_portalResBreadcrumb_nav-01001 div,.c_portalResBreadcrumb_nav-01001 a,.c_portalResBreadcrumb_nav-01001 span{ text-decoration: none !important; font-size: 14px !important; } .p_breadcrumbFirst{ padding-left:0px; }  .c_portalResBreadcrumb_nav-01001{ padding-top:0px !important; padding-bottom:0px !important; padding: 0 10px !important; background-color:transparent !important; } .p_breadcrumbList{padding: 12px 0px !important;border-bottom: 1px solid transparent !important;text-align: left;} .c_portalResBreadcrumb_nav-01001 span.k_bread_info{ font-size:22px !important; } .p_breadcrumbFirst{ position:relative !important;  padding-left: 28px !important;   text-align: left; display: inline-block; vertical-align: middle; } .p_breadcrumbFirst:before{ font-family: 'iconfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e697"; position: absolute; font-size: 20px; left: 0px; top: 9px; color: #888; } .p_breadcrumbFirst>span{ display:none; } @media only screen and (min-width: 769px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #888; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #888; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{ } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 0px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 0px solid #000; border-bottom: 0px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:#000; font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:#000; font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #000; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color: #888; font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #888; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 40px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: #888; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #000; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; text-align: left; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #000; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #000; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media screen and (max-width:768px){ .k_bread_info{ display:none; } .p_breadcrumbList{ text-align:left !important; } .p_breadcrumbFirst{ padding-left:0px; } } .p_breadcrumbList{  } @keyframes lhl{0%{ transform:rotate(0deg); } 50%{ transform:rotate(180deg); } 100%{ transform:rotate(360deg); } } .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; z-index:1; } .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=234713&viewType=1&v=000) no-repeat center; } #w_fimg-1558320076907 >div{ animation-fill-mode:both; animation:lhl 30s infinite linear; opacity:0.7; } @media only screen and (max-width: 768px) { .c_portalResVideo_category-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: ""; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font .iconfont{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: "\e6b4"; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; display: flex } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; margin: auto; display: flex; justify-content: center; align-items: center } .c_portalResVideo_category-01001 .p_Category { min-width: 320px; width: auto; height: auto; position: relative; } .c_portalResVideo_category-01001 .p_img { position: relative; } .c_portalResVideo_category-01001 .p_Show .p_imgItemBox { float: left; margin: 15px 15px; width: calc((100% - 60px) / 2)!important;  } .c_portalResVideo_category-01001 .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;  } .c_portalResVideo_category-01001 .p_scroll { position: absolute;  } .c_portalResVideo_category-01001 .p_Tile { padding: 0 10px; margin: 10px 0; } .c_portalResVideo_category-01001 .p_Atile { padding: 0 10px; margin-bottom: 10px; height: 30px; word-break: break-all; } .c_portalResVideo_category-01001 .p_titlecon{ height: 50px; display: flex; align-items: center; padding-left: 15px; border-bottom: 1px solid gray } }  @media only screen and (min-width:769px) { .c_portalResVideo_category-01001 .p_PromptNoneData { width: auto; background-color: inherit; text-align: center; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: ""; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font .iconfont{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font .iconfont:before { content: "\e6b4"; } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; display: flex } .c_portalResVideo_category-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; margin: auto; display: flex; justify-content: center; align-items: center } .c_portalResVideo_category-01001 .p_Category { min-width: 350px; width: auto; height: auto; position: relative; } .c_portalResVideo_category-01001 .p_img { position: relative; } .c_portalResVideo_category-01001 .p_Show .p_imgItemBox { float: left; margin: 15px 15px; width: calc((100% - 120px) / 4);  } .c_portalResVideo_category-01001 .clearfix:before, .clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;  } .c_portalResVideo_category-01001 .p_scroll { position: absolute;  } .c_portalResVideo_category-01001 .p_Tile { padding: 0 10px; margin: 10px 0; } .c_portalResVideo_category-01001 .p_Atile { padding: 0 10px; margin-bottom: 10px; height: 30px; } .c_portalResVideo_category-01001 .p_titlecon{ height: 50px; display: flex; align-items: center; padding-left: 15px; border-bottom: 1px solid gray } }  @media only screen and (min-width:769px) and (max-width: 1024px){} #cateBox .p_CommonSummaryBoxA{ text-align:center; } #cateBox >div{ animation-fill-mode:both; } #cateBox.cateBox{ width:100%; } #cateBox .cateName{ display:inline-block; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } @media only screen and (min-width: 768px){ #cateBox .cate1 { width: auto; height: auto; overflow: hidden; font-size: 0px; white-space: nowrap; display: table; margin: 0 auto; float: right; } #cateBox .li1 { display: inline-block; margin: 0 10px; } #cateBox .cateNameH3 { width: 100%;   margin: 0; border: none;  } body #cateBox .cateListBox:hover *{color: #1875b6;} body #cateBox .cateListBox:hover{ border-bottom: 0px solid #005bb6; border-right: 0px solid #005bb6; border-left: 0px solid #005bb6; border-top: 0px solid #005bb6;  } #cateBox .cateListBox { transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; position: relative; min-width: 120px; height: auto;  border-bottom: 0px solid #dcdcdc; border-right: 0px solid #dcdcdc; border-left: 0px solid #dcdcdc; border-top: 0px solid #dcdcdc; } #cateBox .cateName {  line-height: 38px; width: 100%;   color: #333; text-align: center; } #cateBox .cateName1 { font-size: 16px; line-height: 65px; color: #333; font-weight: 400; } .c_portalResVideo_category-01001 .li1:hover .cateNameH3:before{left:0%;width: 100%;} .c_portalResVideo_category-01001 .li1 .cateNameH3:before{content:"";left:50%;bottom:0px;width: 0%;height: 2px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;background: #1875b6;position: absolute;} .c_portalResVideo_category-01001 .li1 .cateNameH3 a:after{ content:""; position:absolute; left: 20px; top: 19px; height:10px; width: 8px; height: 8px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; opacity: 0; } .c_portalResVideo_category-01001 .li1:hover .cateNameH3 a:after{border-top: 1px solid #1875b6;border-right: 1px solid #1875b6;} #cateBox .li1:hover .cate2 { display: block; } #cateBox .cateName:hover {   } } @media only screen and (max-width: 768px){ #cateBox .cate1 { display: flex; align-items: center; flex-wrap: wrap; } #cateBox .cateListBox { flex-basis: 33%; margin-bottom: 5px; overflow: hidden; padding: 0 5px; } #cateBox .cateName { width:100%; background: #000; border-radius: 50px; line-height: 40px; text-align: center; font-size: 1rem; color: #fff; } } #cateBox .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #cateBox .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #v_type .moveBtn{ display:none; color:#fff; width:100px; height:35px; line-height:35px; text-align:center; background-color:#1890ff; border:1px solid #329cff; white-space:nowrap; border-radius:4px; margin:1.3em; } #v_type .contentBox ul{ width: auto; display: table; margin: 0 auto; } #v_type .contentBox ul li{ width: 186px; float: left; margin: 0 10px; } #v_type .contentBox{ width:100%; height:auto; overflow:visible;  z-index:999; background-color:#fff; } #v_type .link{ position:relative; display:inline-block; width:100%; height: 46px; line-height: 46px; } #v_type .yjLink{ position:relative; border: 1px solid #e8e8e8; padding-left: 0px; color: #333; font-size: 15px; transition:all .5s ease; text-align: center; font-weight: normal; padding: 0 10px; border-radius: 20px; } #v_type .yjLink::before{ content:''; display:block; width:3px; height:50px;  position:absolute; left:0px; top:0px; opacity:0; transition:all .5s ease; } #v_type .iconfont1{ position:absolute; right:45px; top:0px; bottom:0px; width:50px; color:#7b8a96; display:flex; align-items:center; justify-content:center; font-size:1rem; } #v_type .ejLi{ position:relative; } #v_type .ejTitle{ position:relative; background-color:#fff; border-bottom:1px solid #e8e8e8; padding-left:50px; transition:all .5s ease; } #v_type .ejLink{ color:#86939e; font-size:1rem; } #v_type .iconfont2{ position:absolute; right:20px; top:0px; bottom:0px; margin:auto; display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; color:#86939e; font-size:1rem; transition:all .5s ease; } #v_type .icf{ transform:rotate(180deg); } #v_type .sjTitle{ position:relative; background-color:#fff; border-bottom:1px solid #e8e8e8; } #v_type .sjLink{ color:#7b8a96; font-size:1rem; } #v_type .ejBox{ display:none; } #v_type .rotate{ transform:rotate(-90deg); } #v_type .ejTitle:hover{ background-color:#f5f8fa; } #v_type .backBtn{ display:none; } #v_type .yjLink:hover{ background-color: #1875b6; color: #fff; border: 1px solid #1875b6; } #v_type .yjLink:hover::before{ opacity:1; } #v_type .sjBox{ display:none; } #v_type .line_right{ display:none; } @media only screen and (min-width:769px){ #v_type .sjBox { position: absolute; top: 0; left: 100%; box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0.4); } #v_type .sjTitle { text-align: center; } #v_type .sjTitle::before { content: ''; position: absolute; display: block; width: 6px; height: 50px; background-color: #04abf4; } #v_type .sjBox li { width: 150px; } #v_type .sjTitle:hover .sjLink { color: #01a5ec; } #v_type .sjLi::before { content: ''; display: block; width: 0; height: 0; border-top: 6px solid #04abf4; border-right: 6px solid #fff; border-bottom: 6px solid #04abf4; position: absolute; left: 0; top: 22px; z-index: 1; } #v_type .ejLi:hover .sjLi::before { display: block; } } @media only screen and (max-width:768px){ #v_type .contentBox { position: fixed; top: 0; left: 100%; height: 100%; font-size: 0; } #v_type .backBtn { position: relative; display: inline-block; width: 45px; height: 100%; vertical-align: top; background: #f5f8fa; float: left; } #v_type .content { display: inline-block; width: calc(100% - 45px) !important; float: left; padding: 76px 0 0 0; } #v_type .moveBtn { display: block; background: #9f9f9f; border: none; width: calc(100% - 20px); margin: 0 10px; border-radius: 0; font-size: 16px; line-height: 38px; height: 38px; opacity: 1 !important; } #v_type .btn { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; font-size: 1.2rem; color: #7b8a96; padding: 0; } #v_type .yjLink { border: none; border-bottom: 1px solid #e8e8e8; border-radius: 0; } #v_type .contentBox ul li{width:100%;margin: 0 auto;} #v_type .sjTitle { padding-left: 80px; } #v_type .jsDeg { transform: rotate(-90deg); } #v_type .line_right { display: block; width: 8px; height: 50px; background-color: #04abf4; position: absolute; right: 0; top: 0; opacity: 0 } #v_type .line_show { opacity: 1; } #v_type .sjTitle::after { content: ''; display: block; width: 8px; height: 50px; background-color: #04abf4; position: absolute; right: 0; top: 0; } } @media only screen and (max-width: 768px) { .c_portalResCompanyFile_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; } .c_portalResCompanyFile_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: 6px; } .c_portalResCompanyFile_category-01001 .p_image>img { width: 100%; height: 100%; } }  @media only screen and (min-width: 769px) { .c_portalResCompanyFile_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title { width: 100%; } .c_portalResCompanyFile_category-01001 .p_btn-show,.c_portalResCompanyFile_category-01001 .p_btn-hide{display: none;} .c_portalResCompanyFile_category-01001 { height: auto; width: 280px; overflow: visible; max-width:1180px; min-height:192px; margin-left: 0; margin-right: 0; }  .c_portalResCompanyFile_category-01001 .p_category { height: 100%; width: 100%; position: relative; } .c_portalResCompanyFile_category-01001 .p_categoryBox{ line-height:24px; } .c_portalResCompanyFile_category-01001 .p_categoryBox >.p_parentBox >.p_linkBox { display: none; } .c_portalResCompanyFile_category-01001 .p_categoryBox .p_linkBox { width:100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; align-items:center; padding: 10px; } .c_portalResCompanyFile_category-01001 .p_categoryBox .p_title{ height: auto; width: auto; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .c_portalResCompanyFile_category-01001 .p_categoryBtn{ display:inline-block; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; height:auto; width:30px; padding:0; position:static; text-align: center; } .c_portalResCompanyFile_category-01001 .p_linkBox .iconfont:before{ content:''; } .c_portalResCompanyFile_category-01001 .p_linkBox .icon-arrow_up:before{ content:'\e6c9'; } .c_portalResCompanyFile_category-01001 .p_linkBox .icon-arrow_down:before{ content:'\e6c8'; } .mouse_bac:hover .p_categoryBtn { color: #60a9d7; } .c_portalResCompanyFile_category-01001 .p_categoryBox .p_childBox { display: block !important; } .c_portalResCompanyFile_category-01001 .p_categoryBox .p_parentBox{ position:relative; } .c_portalResCompanyFile_category-01001 .p_categoryBox .p_parentBox .p_parentBox { padding-left: 18px; } .c_portalResCompanyFile_category-01001 .p_parentBox:last-child .p_linkBox { border-bottom:0 none; } .c_portalResCompanyFile_category-01001 .p_categoryBox .slideOut{ position:absolute; left:100%; top:0; width:100%; height:auto; } .c_portalResCompanyFile_category-01001 .p_image { width: 30px; height: 30px; display: inline-block; vertical-align: middle; margin-right: 5px; display: none; } .c_portalResCompanyFile_category-01001 .p_image>img { width: 100%; height: 100%; } }  @media only screen and (min-width: 769px) and (max-width: 1024px) {} .k_cate>.js_categoryBox{ text-align:left; } .k_cate>.js_categoryBox>.p_parentBox{ display:inline-block; } .k_cate>.js_categoryBox>.p_parentBox .p_linkBox{ padding:0px !important; } .k_cate>.js_categoryBox>.p_parentBox>.p_linkBox>a{display:block;line-height: 64px;background-color:transparent;padding:0px 25px;border-bottom:1px solid transparent;margin-bottom: -1px;} .k_cate .p_linkBox a:hover{ border-color:#228bcb!important; color:#228bcb !important; } .k_cate .p_linkBox.click a{ border-color:#228bcb!important; color:#228bcb !important; } @media screen and (max-width:916px){ .k_cate>.js_categoryBox>.p_parentBox>.p_linkBox>a{ padding:0px 10px; } } @media screen and (max-width:768px){ .c_portalResBreadcrumb_nav-01001001{ display:none; } .k_cate>.js_categoryBox{ background-color:#228bcb!important; margin-left:-100%; margin-right:-100%; padding-left:100%; padding-right:100%; } .k_cate>.js_categoryBox>.p_parentBox{ width:25%; width: calc(100% / 4); width: auto; } .k_cate>.js_categoryBox>.p_parentBox>.p_linkBox>a{ width:100%; text-align:center; border-left:1px solid transparent; color:#fff !important; line-height: 26px; padding: 10px 10px; } .k_cate>.js_categoryBox>.p_parentBox:first-child>.p_linkBox>a{ border-left-color:transparent; } } .k_page_title{ height:55px; line-height:55px; background-color:#228bcb; color:#fff; font-size:14px; padding:0px 25px; display:none; } @media screen and (min-width:769px){ .k_page_title{ display:inline-block; display: none; } .k_cate .js_categoryBox{ display:inline-block; float: right; } }#c_portalResNews_list-16188040554657539{display:none;} #w_common_text-1618803627730{display:none;} html body[data-pageid="376a41be-4034-4926-97d6-a18659e9fa5d"]{background:#f2f2f2;} html body[data-pageid="376a41be-4034-4926-97d6-a18659e9fa5d"] div.pagebox{max-width: 1600px !important;box-shadow: 2px 0px 6px 4px rgba(2,5,7, 0.1) !important;} html body[data-pageid="480f2a49-c7e3-4be8-8eea-452821c71c22"]{background:#ffffff;} html body[data-pageid="480f2a49-c7e3-4be8-8eea-452821c71c22"] div.pagebox{max-width: 1600px !important;box-shadow: 2px 0px 6px 4px rgba(2,5,7, 0.1) !important;} body[data-pageid="376a41be-4034-4926-97d6-a18659e9fa5d"] #w_grid-1618563712133{max-width: 1280px;} body[data-pageid="376a41be-4034-4926-97d6-a18659e9fa5d"] #c_portalResPublic_codeContainer-16185660130124865{max-width: 1280px;} body[data-pageid="376a41be-4034-4926-97d6-a18659e9fa5d"] #w_grid-1621941622963{max-width: 1280px;} #w_grid-1621911478901 .w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(1){border-right: 1px solid #ccc;max-width: 23%;margin: 0 5% 0 0;min-height: 100px;} #w_grid-1617254150047 .p_gridCell .reset_style:nth-child(1)>div{padding: 0 0 0 16px;border-left: 3px solid #c51718;height: 22px;} #w_grid-1617254150047 .p_gridCell .reset_style:nth-child(1)>div *{color:#626366;font-size: 21px !important;line-height: 22px !important;} #w_grid-1617254150047 .p_gridCell .reset_style:nth-child(2)>div *{color:#626366;font-size: 13px !important;line-height: 24px;} body[data-pageid="376a41be-4034-4926-97d6-a18659e9fa5d"] #w_grid-1617254076638{min-height:200px;} body #w_grid-1617113771331>div>.p_gridbox{ max-width: 1580px; margin: 0 auto; padding: 0 10px; overflow:visible; } body #w_grid-1617113771331{ width: 100%; position: relative;    background: #fff;  z-index: 99999; } div[id^="w_common_text-"].reset_style *{} body .p_categoryBox .p_linkBox.click .color_assist,body .p_categoryBox .p_linkBox.click a {color: #fff;} body .p_categoryBox .p_linkBox.click{background:#2c8ce2;} .top_banner{ -webkit-animation-name: 'zcg'; -webkit-animation-duration: 10.8s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0s; } @keyframes zcg{ 0% {margin-top:-425px;} 15% {margin-top:-425px;} 30% {margin-top:-0px;} 80% {margin-top:-0px;} 100% {margin-top:-425px;} }   #w_grid-1600737363101 .w_grid-000 .w_grid{position:relative;}    a.ppt .ppt_list:nth-child(1) .p_TitleBox{display:block;} a.ppt .ppt_list:nth-child(2) .p_TitleBox{display:block;} a.ppt .ppt_list:nth-child(3) .p_TitleBox{display:block;} @media only screen and (min-width:769px) and (max-width:1366px){ body #content_box-1604400604730-0 {background:#edf6e5;} body #w_grid-1604475944759{height:497px;min-height: 497px;} } #w_grid-1603715179781{} body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] #w_grid-1603715179781{} body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] .w_grid-000 *:before,body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] .w_grid-000 *:after{z-index: -9999;} body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] #w_grid-1600737363101{margin-top:0;} #content_box-1604400604730-0{background:#edf6e5;} #w_grid-1603683206635 .w_grid:after,#w_grid-1603683206635 .w_grid:before, #w_grid-1604453655642 .w_grid:after,#w_grid-1604453655642 .w_grid:before {height:0;} body #content_box-1604475881147-1{width:48% !important;} body #content_box-1604475881147-0, body #content_box-1604475881147-2{width:26% !important;} @media only screen and (min-width: 768px){ body #w_grid-1603715179781 > div > .p_gridbox{ background: url(/img/bottom_line.jpg?tenantId=234713&viewType=1&v=000) no-repeat 52% top; } } #w_grid-1604393725736 > .w_grid > .p_gridbox > .p_gridCell > .w_grid-000 > .w_grid > .p_gridbox *{background:none;} #w_grid-1604393725736 > .w_grid > .p_gridbox > .p_gridCell > .w_grid-000 > .w_grid > .p_gridbox{border-bottom:1px solid #d0cfce;} #w_grid-1604393725736 > .w_grid > .p_gridbox > .p_gridCell:nth-child(odd) > .w_grid-000 > .w_grid > .p_gridbox {background:#f9f8f6;} #w_grid-1604393725736 > .w_grid > .p_gridbox > .p_gridCell:nth-child(even) > .w_grid-000 > .w_grid > .p_gridbox{background:#cde5be;}  body #w_grid-1604390328645{ position: fixed; top: 0 !important; left: 0; z-index: 99999999; background: #ffffff !important; box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.10); width: 100%; } body #w_grid-1604390328645>.w_grid .p_gridbox{background:none;} body #w_grid-1604390328645>.w_grid{ max-width: 1860px; margin: 0 auto; padding: 0 3px 0 10px; position:relative; } body #w_grid-1604390328645:after{content:"";position:absolute;left:0;bottom:0;height: 36px;display: block;width: 100%;z-index:-1;} body .pagebox .w_grid .p_gridbox #content_box-1604390328645-1{} body .pagebox .w_grid .p_gridbox #content_box-1604390328645-2{background: none;margin-left: 0;} body .pagebox #w_grid-1604390328645{min-height: 106px;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;top: 0px !important;} body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] .pagebox #w_grid-1604390328645{min-height: 106px;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;top: 0 !important;position: relative !important;} body .pagebox #w_grid-1604390328645.backs{margin-top: 0px;min-height: 76px;top: 0 !important;position: relative !important;} body #w_fimg-1604390426675{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; max-width: 238px; margin-top: 26px; } body .backs #w_fimg-1604390426675{max-width: 292px;margin-top: 5px;} body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] #w_grid-1553838589434 > .w_grid > .p_gridbox>.p_gridCell > .w_grid-000>.w_grid:before, body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] #w_grid-1553838589434 > .w_grid > .p_gridbox>.p_gridCell > .w_grid-000>.w_grid:after, body[data-pageid="5ef6151f-caac-461e-bd14-d4c2b5f23b5f"] #w_grid-1553838589434 > .w_grid > .p_gridbox>.p_gridCell > .w_grid-000>.w_grid>.p_gridbox:before{opacity:0;}  body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell{background: url(/img/contact_list_line1.png?tenantId=234713&viewType=1&v=000) no-repeat center center;} @media only screen and (min-width:769px) and (max-width:1366px){ body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell{background: url(/img/contact_list_line2.png?tenantId=234713&viewType=1&v=000) no-repeat center center;} body .main #w_grid-1587540272197{margin-top: 1.6%;} body .main #w_grid-1587541136491{margin-top: 12px;margin-bottom: 0px;margin-bottom: 7px;} body .main #w_common_text-1588937884311{ margin-top: 110px;} body #c_portalResPublic_codeContainer-15873854390208234{margin-top: 30px;} body #w_common_text-1587385106696 *{letter-spacing:0;} body #w_common_text-1587385238353{margin-top:20px;} body #w_grid-1572592130358> div > .p_gridbox > .p_gridCell:nth-child(2n+0){margin-left:4%;} body #w_fimg-1587385017891{ margin-bottom: 1px; margin-top: 110px; } body #w_grid-1553838589434{margin-top: 12px;} } @media only screen and (max-width:769px){ body #w_grid-1622182780012{max-width:100%;} body #w_grid-1621911478901 .w_grid-000> div > .p_gridbox > .p_gridCell:nth-child(1){ clear: none !important; float: left; margin: 0 1% 0 0; max-width: 22%; border-right: 0px solid #ccc; } body #w_grid-1621911478901 .w_grid-000{padding:0 0 16px 0;border-bottom: 1px solid #ddd;margin: 0 0 16px;} body #w_grid-1621911478901 .w_grid-000> div > .p_gridbox > .p_gridCell:nth-child(2){ max-width: 74%; clear: none; } body #w_grid-1621911478901 .w_fimg-000{margin:5px auto 0;} body .p_gridbox #content_box-1621933246470-0{width:26px;float:left;clear:none !important;} body .p_gridbox #content_box-1621933246470-1{width:calc(100% - 26px);float:left;clear:none !important;} #content_box-1618563677617-0 .reset_style *{text-align:center;display: block;} #content_box-1618563677617-0 .reset_style br{text-align:center;display:none;} #w_grid-1617113772251 .w_fimg-000{ margin: 0 -40%; width: 180%; max-width: 180%; } body #w_common_text-1618802957820, body #w_common_text-1618802957823, body #w_common_text-1618803211199, body #w_common_text-1618803211210{ padding:0; } body #w_common_text-1617257895589{ padding:0; } body #w_fbtn-1618818969869, body #w_fline-1618803086732{margin: 0 auto;} body #w_fline-1618803211207{margin:0 auto;padding: 0 20px;} body #w_common_text-1618803211199 *,body #w_common_text-1618802957820 *{ width: 100%; display: block; text-align:center; } body .pagebox .w_grid #content_box-1617113771331-0{ width: 80px; float: left; } body #content_box-1617113771331-1{ width: calc(100% - 180px); clear: none !important; } body #content_box-1617113771331-2{ width: calc(100% - 320px); clear: none !important; float:right; } body #content_box-1617113771331-3{display:none;} #w_grid-1600737363101 .w_fimg-000{ max-width: 180%; width: 180%; margin: 0 -40%; } body #w_common_text-1606197145832 *{font-size:12px !important; text-align:center;} body #w_common_text-1606197135708 *,body #w_common_text-1606197132718 *{text-align:center;} body #w_common_text-1606197135708 *{font-size: 28px !important;line-height:1.2em;} body #w_fbtn-1606197594442{margin:20px auto 12px;} body #w_common_text-1606197145832 *{font-size:12px !important; text-align:center;} body #w_common_text-1606188042962 *,body #w_common_text-1606188004349 *{text-align:center;} body #w_common_text-1606187954591 *{line-height:1.2em !important;text-align:center; font-size:28px;padding:0 0 6px 0;} body #content_box-1606188117228-0,body #content_box-1606188117228-1{width:50%;float:left;clear:none !important;} body #w_grid-1606188117228 .w_fbtn-002{margin:0 auto;} body #w_common_text-1606200197327 *,body #w_common_text-1606200248206 *{text-align:center;font-size: 28px !important;} body #w_fline-1606200586825,body #w_fbtn-1606200296846{margin:4px auto 10px;} body #w_common_text-1606201701649 *,body #w_common_text-1606201701661 *{text-align:center;font-size: 28px !important;} body #w_fline-1606201701670,body #w_fbtn-1606201701678{margin:4px auto 10px;} body #w_common_text-1606201237065 *{font-size: 28px;} body #w_common_text-1606201237065 *,body #w_common_text-1606201237088 *{text-align:center;} body #w_fbtn-1606201237107{margin:0 auto 32px;} body #w_fimg-1605081777580,body #w_fimg-1605080528110{ margin: 22px auto; } body #w_common_text-1605081715198 *,body #w_common_text-1605082692736 *{text-align:center;} body .pagebox #w_grid-1604390328645{ min-height: 76px; } body #w_fimg-1604390426675{ margin-top: 17px; max-width: 212px; } body #w_grid-1603692559669{display:none;} body #content_box-1604475881147-1{width: 100% !important;} body #content_box-1604475881147-0, body #content_box-1604475881147-2{width: 100% !important;} body #w_grid-1604393725736,body #w_grid-1604393399394{display:none;} body #w_grid-1604393399394 .w_grid-000 .p_gridCell *{font-size:20px;} body #w_grid-1604393399394 .w_grid-000 .p_gridCell{width:50%;float:left;clear: none !important;} body #w_grid-1604393725736 .w_grid-000 .p_gridCell{width:50%;float:left;clear: none !important;} body #w_common_text-1604393332260 *{ font-size: 26px; } body #content_box-1604390328645-0{width:80%;float:left;clear:none !important;} body #content_box-1604390328645-1{width:20%;float:left;clear:none !important;} body #content_box-1604390328645-2{display:none;} body *{} body #w_grid-1603692566585{ margin-bottom: 42px; } body #w_grid-1603692604564{ position: relative; left: 0; margin: 0 auto; max-width: 86%; } body #w_grid-1603692604564 .w_grid .p_gridbox *{text-align:center;} body #w_grid-1603692604564 .w_grid .p_gridbox .w_fimg-000,body #w_grid-1603692604564 .w_grid .p_gridbox .w_fbtn-002{margin:0px auto 10px auto;} body #w_fimg-1603693141559{max-width:100%;} body #w_fimg-1603699636310{ z-index: 99999; position: relative; border-radius: 15px; overflow: hidden; left: auto; bottom: auto; margin: -20px 10px -22px auto; max-width: 160px; } body #content_box-1578472502766-1{display:none;} body #w_grid-1553838589434{margin-top: 0px;} body #w_grid-1600737363101{ margin-top: 72px; } body #w_common_text-1588937884311{margin-top: 0px;} body #w_common_text-1588935130118{margin-top: 0px;} body #w_common_text-1587138518696 *{text-align:center;} body #w_fline-1587377752372{margin:0 auto;} body #w_grid-1587541136491{} body .main #w_grid-1587541136491> div > .p_gridbox > .p_gridCell{ clear: none !important; width: 48%; background-size: 100%; position: relative; max-width: 48%; margin: 0 1%; min-height: 168px; } #w_grid-1588938245402{display:none;} #w_grid-1587540272197{display:none;} body .main .p_gridbox #content_box-1587540272197-0{width: 100%;margin: 0 auto !important;} #content_box-1587541136491-0 .w_fimg-000{width:46%;float:left;margin: 0 2% 2%;min-height: 60px;} #w_grid-1587540272197 .p_gridCell{width:46%;float:left;margin: 0 2% 2% 2% !important;min-height: 60px;clear: none !important;} #w_grid-1587540272197 .p_gridCell .p_gridCell{width:100%;} #w_grid-1587540272197 .p_gridCell .w_fbtn-001{margin-top:12px;} #w_grid-1587540272197 .p_gridCell .p_gridbox{} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(1){margin:36px 10px 0;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(2){margin:0px 10px;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(1) *{font-size:20px !important;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style:nth-child(2) *{font-size: 15px !important;} #w_grid-1587540272197 .p_gridCell .p_gridCell .reset_style *{text-align:center;} body #w_fimg-1587384917336{max-width:100%; margin:0 auto;overflow:hidden;} body #w_fimg-1587384917336 .w_img{margin:-60px auto -160px;} body #w_fimg-1587385017891{display: none;margin:12px auto 10px;} #content_box-1572592130358-1 *{text-align:center !important;letter-spacing: 0;} body #w_fimg-1602471150225{ margin: 3px auto 10px; } body #w_common_text-1600248368346 *{color:#000;} body #w_common_text-1600248368346{max-width:88%;margin: 8px auto 1px;} body #w_common_text-1587385238353{margin: 8px auto 4px;} body #w_common_text-1587385238353 *{font-size: 24px !important;} body #w_common_text-1587384946860{margin-top:10px;} body #w_common_text-1587384946860 *{font-size:24px;} body #c_portalResPublic_codeContainer-15873854390208234{width: 94%;margin: 4% 0% 2% 6%;display:block;max-width: 96%;height: 100%;min-height: auto;clear: both;} body #w_fbtn-1587385322357{margin: 0px auto 0;clear: both;display: block;PADDING: 24PX 0 0 0;} body #w_common_text-1587538627871{margin: 46px auto 0;} body #w_common_text-1587541293946{margin-bottom:12px;} body #w_grid-1587541136491{margin: 20px auto -6px;} } body .main #w_grid-1588938245402 {position:absolute;top: 20px;right:0;width:420px;z-index:999;min-height: 220px;} body .main #w_grid-1588938245402 > div > .p_gridbox{padding:10px 38px; background: rgba(6,125,200,0.88); height:inherit; min-height: 220px; } body .main #w_grid-1588938245402 .w_fimg-001{margin:26px auto;} body .main #w_grid-1588938245402 .p_title{color:#fff; line-height:2em; padding:3px 0 0 0; font-size:14px;} table.pro{ border-collapse: separate; border-spacing: 1px 1px; border: none; background: #ddd; display: table-cell; } table.pro td{background:#fff;padding-top: 6px;padding-bottom: 6px;padding-left: 6px;padding-right: 6px;} table.pro td[bgcolor="#2982bd"],table.pro td[bgcolor="#2982bd"] *{color: #fff;} table.pro td[bgcolor="#2982bd"]{background:#2982bd;} table.pro td[bgcolor="#067dc8"],table.pro td[bgcolor="#067dc8"] *{color: #fff;} table.pro td[bgcolor="#067dc8"]{background:#067dc8;} .w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 1300px){ #w_grid-1554195410658{ padding-left:20px !important; padding-right:20px !important; } } .w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video{ height:100% !important; object-fit:cover !important; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } #w_common_text-1557890638159{ margin-top:25px !important; margin-left:0px !important; } } @media only screen and (min-width: 769px){ body #content_box-1604475881147-1{width:48% !important;} body #content_box-1604475881147-0, body #content_box-1604475881147-2{width:26% !important;} body #w_grid-1603692559669{ position:relative; } body #w_grid-1603692604564{ position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0px); } body #w_fimg-1603699636310{ z-index: 99999; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0px); margin-left: 392px; bottom: 20px; border-radius: 15px; overflow: hidden; } } @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){ } @media only screen and (max-width: 768px){ html body .p_problemCategory{background: none !important; border: none !important;} html body .p_problemCategory .btn-primary{background: #9f9f9f;border: none !important;width: 100%;line-height: 32px !important;font-size: 18px;border-radius: 0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;} html body .p_problemCategory .btn-primary:hover,html body .p_problemCategory .btn-primary:active{background:#1875b6;} body .p_categoryBox {padding: 120px 0 0 0 !important;background: #fff;width: auto !important;} body .p_category{background:#fff;} body .c_portalResnav_main-01001 .p_categoryBox {padding: 2px 0 0 0 !important;} #w_grid-1555409809275 .p_gridCell p{ text-align:center !important; } #w_grid-1565414397363{ display:none; } } @media screen and (max-width:1240px){ #w_grid-1557823873295{ padding-right:0px !important; } } #w_grid-1557913257542>.w_grid:before{ position:absolute; width:100%; content:" "; height:215px; top:0px; left:0px; background-color:#f8f8f8; } #content_box-1557825620408-0{ z-index:2; } #w_grid-1557887666160,#w_grid-1556610320681,#w_grid-1555554431772,#w_grid-1557912060843,#w_grid-1557912658021,#w_grid-1557888300062,#w_grid-1557905459393,#w_grid-1557916719219,#w_grid-1557916772308,#w_grid-1557916825965, #w_grid-1557916890393,#w_grid-1558278539333,#w_grid-1565417134814,#w_grid-1565418799278,#w_grid-1602644432539,#w_grid-1603767841011,#w_grid-1603770483480{ display:block; background-color:transparent !important; border-bottom:1px solid #e8e8e8; } #w_grid-1557887666160> div > .p_gridbox,#w_grid-1556610320681> div > .p_gridbox,#w_grid-1555554431772> div > .p_gridbox,#w_grid-1557912060843> div > .p_gridbox,#w_grid-1557912658021> div > .p_gridbox,#w_grid-1557888300062> div > .p_gridbox,#w_grid-1557905459393> div > .p_gridbox, #w_grid-1557916719219> div > .p_gridbox,#w_grid-1557916772308> div > .p_gridbox,#w_grid-1557916825965> div > .p_gridbox,#w_grid-1557916890393> div > .p_gridbox,#w_grid-1558278539333> div > .p_gridbox,#w_grid-1602644432539> div > .p_gridbox{ background-color: transparent !important; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @keyframes animate{ 0% { opacity: 1; } 100% { opacity: 1; } } @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: 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: 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: 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: 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: 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: 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: 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: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResBreadcrumb_nav-1618910262001 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResBreadcrumb_nav-1618910262001 >div{ animation-fill-mode:both; } #c_portalResBreadcrumb_nav-1618910262001{ 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:10px; padding-right:10px; padding-bottom:0px; } #c_portalResIntro_category-16204206891499613 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_category-16204206891499613 >div{ animation-fill-mode:both; } #c_portalResIntro_category-16204206891499613{ width:100%; max-width:1180px; min-width:10px; height:auto; max-height:none; min-height:52px; 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_portalResVideo_category-16214079280783146 .p_imgItemBox{ width:calc((100% - 0px)/10); } #c_portalResVideo_category-16214079280783146 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResVideo_category-16214079280783146 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResVideo_category-16214079280783146 >div{ animation-fill-mode:both; } #c_portalResVideo_category-16214079280783146 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_category-16214079280783146 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_category-16214079280783146 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_category-16214079280783146 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_category-16214079280783146{ width:auto; 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; } #w_fimg-1618910377182 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1618910377182 >div{ animation-fill-mode:both; } #w_grid-1618910261981 > div > .p_gridbox zcg{ background-color:rgba(248, 248, 248, 1); } #w_grid-1618910261981 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1618910261981 >div{ animation-fill-mode:both; } #w_grid-1618910261981 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1618910261981> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1618910261981> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1618910261981> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1618910261981>.w_grid>.p_gridbox{ border-bottom:1px solid #e8e8e8; } #w_grid-1618910261991 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1618910261991 >div{ animation-fill-mode:both; } #w_grid-1618910261991 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1618910261991> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1618910261991> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1618910261991> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50%; } #w_grid-1618910261991> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1618910377182{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:100px; 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-1618910261981{ 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-1618910261991{ width:100%; max-width:1600px; 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:10px; padding-right:10px; padding-bottom:0px; } #c_portalResVideo_list-1618910262011 .p_articles{ width:calc((100% - 80px)/4); } #c_portalResVideo_list-1618910262011 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResVideo_list-1618910262011 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResVideo_list-1618910262011 >div{ animation-fill-mode:both; } #c_portalResVideo_list-1618910262011 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_list-1618910262011 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_list-1618910262011 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_list-1618910262011 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResVideo_list-1618910262011{ max-height:none; padding-top:0px; padding-left:10px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:1600px; width:auto; margin-top:10px; margin-bottom:10px; min-width:0px; height:auto; padding-right:10px; }