.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_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); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ font-size: 0; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #fff; height: 30px; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb{ font-size: 14px; color: #ffffff; } .c_breadcrumb_nav-02001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumb>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumb .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumb .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_breadcrumb_nav-02001 .p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_breadcrumb_nav-02001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_breadcrumb_nav-02001 .p_sortLink .iconfont:before{ display: inline-block; content:""; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgb(255, 255, 255); font-size:14px; font-weight:400; } .c_breadcrumb_nav-02001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_breadcrumb_nav-02001 .p_end .iconfont:before{display: inline-block;content:"";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ font-size: 14px; color: #fff; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a{ color: inherit; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_breadcrumb_nav-02001 .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_breadcrumb_nav-02001{position:absolute; width:1180px; height:30px; overflow: visible;font-size: 0;} .c_breadcrumb_nav-02001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_breadcrumb_nav-02001 .p_breadcrumbList>a{ display: inline-block; } .c_breadcrumb_nav-02001 .p_CurrentBox{ color: #fff; } .c_breadcrumb_nav-02001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_breadcrumb_nav-02001 .p_content{ width: 240px; position: absolute; border: 1px solid #65beba; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_breadcrumb_nav-02001 .contentBox:hover .p_content{ display: block; } .c_breadcrumb_nav-02001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_breadcrumb_nav-02001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current{ color: #bcbcbc; } .c_breadcrumb_nav-02001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_breadcrumb_nav-02001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_breadcrumb_nav-02001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } .c_breadcrumb_nav-02001 .p_breadcrumbCurrent{ }.c_breadcrumb_nav-02001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_breadcrumb_nav-02001 >div{animation-fill-mode:both; }.c_breadcrumb_nav-02001 .p_breadcrumbFirst .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.c_video_list-04001{width:890px; height:1387px; overflow: hidden;position:absolute; } .c_video_list-04001 .p_Atlas{ height:auto } .c_video_list-04001 .p_Productshowcase{ width: auto; height: auto; padding: 20px; border: 1px solid #E4E4E4; font-size: 0px; } .c_video_list-04001 .p_Product { width: auto; height: auto; font-size: 0px; } .c_video_list-04001 .p_articles{width:calc((100% - 60px)/3); height: auto;border: 1px solid #E4E4E4;display: inline-block;margin:10px; vertical-align: top;margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } .c_video_list-04001 .p_content{ width: auto; height: auto; overflow: auto; font-size: 0px; } .c_video_list-04001 .p_headerBox{ margin: 5px 0; display: block; overflow: hidden; } .c_video_list-04001 .p_headerA{ float: left; font-size: 14px; color: #999999; vertical-align: middle; } .c_video_list-04001 .p_headerA .font{ line-height: 24px; } .c_video_list-04001 .p_LinkB{ display: block; color: #333333; } .c_video_list-04001 .p_LinkA{ width: 100%; height:300px; display: block; float: left; overflow: hidden; } .c_video_list-04001 .p_headerB{ color: #333333; font-size: 16px; vertical-align: middle; display: block; overflow: hidden; } .c_video_list-04001 .p_headerB .font{ line-height:30px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; text-align: center; } .c_video_list-04001 .p_CustomBox{ display: block; vertical-align: middle; margin: 5px 0; overflow: hidden; } .c_video_list-04001 .p_CustomA{ font-size: 12px; color: #999999; vertical-align: middle; float: left; } .c_video_list-04001 .p_CustomB{ font-size: 12px; color: #65BEBA; vertical-align: middle; overflow: hidden; cursor: pointer; } .c_video_list-04001 .p_CustomA .font{ line-height: 21px; } .c_video_list-04001 .p_CustomB .font{ line-height: 21px; } .c_video_list-04001 .p_CommentBox{ display: block; vertical-align: middle; margin: 5px 0; overflow: hidden; } .c_video_list-04001 .p_CommentA{ font-size: 12px; color: #999999; vertical-align: middle; float: left; } .c_video_list-04001 .p_CommentB{ font-size: 12px; color: #65BEBA; vertical-align: middle; overflow: hidden; cursor: pointer; } .c_video_list-04001 .p_CommentA .font{ line-height: 21px; } .c_video_list-04001 .p_CommentB .font{ line-height: 21px; } .c_video_list-04001 .p_OutlineBox{ display: block; margin: 5px 0; overflow: hidden; } .c_video_list-04001 .p_OutlineA{ font-size: 14px; color: #999999; vertical-align: middle; float: left; } .c_video_list-04001 .p_OutlineB{ font-size: 14px; color: #666666; vertical-align: middle; overflow: hidden; line-height: 21px; } .c_video_list-04001 .p_OutlineA .font{ line-height: 21px; } .c_video_list-04001 .p_ItemsBox{ margin-bottom: 5px; } .c_video_list-04001 .p_ItemsA{ font-size: 14px; color: #999999; vertical-align: middle; float: left; } .c_video_list-04001 .p_ItemsA .font{ line-height: 21px; } .c_video_list-04001 .p_ItemsB{ font-size: 16px; color: #333333; vertical-align: middle; overflow: hidden; line-height: 21px; } .c_video_list-04001 .p_KeywordBox{ display: block; overflow: hidden; } .c_video_list-04001 .p_Keyword{ font-size: 12px; color: #999999; float: left; vertical-align: middle; margin: 5px 0; } .c_video_list-04001 .p_Keyword .font{ line-height: 21px; } .c_video_list-04001 .p_LinkC{ display: inline-block; margin: 5px 5px; } .c_video_list-04001 .p_tag{ font-size: 12px; color: #666666; } .c_video_list-04001 .p_tag .font{ line-height: 21px; } .c_video_list-04001 .p_tag:hover{ color: rgb(87,178,173); } .c_video_list-04001 .p_image:hover:after{ display: none; } .c_video_list-04001 .p_image img{ width: 100%; height: 100%; } .c_video_list-04001 .p_image{ width:100%; height: 100%; } .c_video_list-04001 .p_KeywordA{ display: block; overflow: hidden; vertical-align: middle; } .c_video_list-04001 .p_headerA .iconfont:before{content: '\e6af';margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_OutlineA .iconfont:before{content: '\e6b1';margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_CustomA .iconfont:before{content: '\e6cc';margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_CommentA .iconfont:before{content: '\e695';margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_Keyword .iconfont:before{content: '\e6b3';margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_ToDetail .iconfont:before{ content: '\e6b3'; margin-right: 5px; } .c_video_list-04001 .p_time{ margin: 5px 0; display: block; vertical-align: middle; overflow: hidden; } .c_video_list-04001 .p_timeA .iconfont:before{content: '\e68c';margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_timeA{ float: left; font-size: 12px; color: #999999; vertical-align: middle; } .c_video_list-04001 .p_timeB{ font-size: 12px; color: #65beba; vertical-align: middle; overflow: hidden; } .c_video_list-04001 .p_timeA .font{ line-height: 21px; } .c_video_list-04001 .p_timeB .font{ line-height: 21px; } .c_video_list-04001 .p_LinkE{ display: block; width: auto; height: auto; overflow: auto; zoom: 1; margin: 5px 0; display: none; } .c_video_list-04001 .p_ToDetail{ width: auto; height: auto; text-align: center; padding: 6px 10px; background: #65BEBA; color: #fff; float: right; border-radius: 5px; font-size: 14px; } .c_video_list-04001 .p_length{ position: absolute; width: auto; height: auto; bottom: 10px; right: 10px; padding: 5px 0px; background: rgba(0,0,0,.5); display: inline-block; z-index: 1; } .c_video_list-04001 .p_lengthA{ font-size: 14px; color: #fff; float: right; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.5); opacity: 0; } .c_video_list-04001 .p_lengthA .iconfont:before{ content: '\e65d'; margin-right: 5px; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); font-size: 40px; } .c_video_list-04001 .p_lengthB{ font-size: 14px; color: #fff; margin: 0 10px; width: auto; } .c_video_list-04001 .p_imageBox{ overflow: hidden; width: 100%; height: 100%; margin-bottom: 5px; cursor: pointer; } .c_video_list-04001 .p_imageBox:hover .p_lengthA{ animation-name: opacity; -moz-animation-name: opacity; -webkit-animation-name: opacity; -ms-animation-name: opacity; animation-duration: 0.6s; -moz-animation-duration: 0.6s; -webkit-animation-duration: 0.6s; -ms-animation-duration: 0.6s; animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; } .c_video_list-04001 .p_imageBox:hover .p_length{ background: none; } @keyframes opacity{ 0%{ opacity: 0; } 100%{ opacity: 1; } } .c_video_list-04001 .masker-wp{ z-index: 99999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display:none; } .c_video_list-04001 .masker{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0.55; z-index: 999; } .c_video_list-04001 .dialog{ width: 51%; height: auto; position: absolute; top: 50%; left: 50%; z-index: 999999; animation: scale 1s; animation-fill-mode: both; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); } .c_video_list-04001 .dialog video{ width: 100%; height: auto; } .c_video_list-04001 .dlg-header { height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; text-indent: 55px; background: #f7f7f7 url(img/bd_logo.png?tenantId=170529&viewType=1&v=000) 20px center no-repeat; position: relative; } .c_video_list-04001 .p_CloseBtn{ position: absolute; vertical-align: middle; width: 32px; height: 38px; cursor: pointer; right: -30px; top: 0px; z-index: 999999; text-align: center; } .c_video_list-04001 .p_CloseBtn .iconfont{ display: inline-block; vertical-align: top; color: rgba(255, 255, 255, 1.0); } .c_video_list-04001 .p_CloseBtn .iconfont:before{ content: "\e640"; font-size: 32px; } .c_video_list-04001 .p_CloseBtn:hover .iconfont{ color: #65beba; } .c_video_list-04001 .p_OccupyBox{ margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .c_video_list-04001 .p_page{width:auto;height:auto;overflow:auto;zoom:1;float:right;margin:20px 0;font-size:initial;} .c_video_list-04001 .e_pagebox{width:auto;height:auto;clear:both;position:relative;} .c_video_list-04001 .p_page .pre{display:inline-table;float:left;margin-left:18px;margin-right:5px;} .c_video_list-04001 .p_page .pageNum{display:inline-block;position:static;float:left;margin-right:5px;line-height:30px;} .c_video_list-04001 .p_page .next{display:inline-table;float:left;} .c_video_list-04001 .p_page .PageInterval{display:inline-block;position:static;float:left;margin-right:5px;line-height:38px;font-size:12px;} .c_video_list-04001 .p_page .p_PageInterval{display:inline-block;position:static;float:left;margin-right:5px;line-height:38px;font-size:12px;} .c_video_list-04001 .p_page .pre:after{content:"";display:none;position:absolute;top:5px;left:-14px;width:27px;height:27px;background-color:rgba(242, 242, 242, 1);font-size:0;line-height:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:-1;} .c_video_list-04001 .p_page .pre:hover:after{top:4px;left:-12px;background-color:rgba(101, 190, 186, 1);border-radius:4px 0 0 0;-webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8);-moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8);box-shadow:0 3px 0px rgba(90, 90, 90, 0.8);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:-1;} .c_video_list-04001 .p_page .pre:active:after{top:8px;left:-12px;width:28px;height:25px;background-color:rgba(90, 170, 167, 1);border-radius:0 3px 0 0 ;-webkit-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8);-moz-box-shadow:0 3px 0px rgba(90, 90, 90, 0.8);box-shadow:0 3px 0px rgba(90, 90, 90, 0.8);-webkit-transform:rotate(-226deg);-moz-transform:rotate(-226deg);-o-transform:rotate(-226deg);-ms-transform:rotate(-226deg);transform:rotate(-226deg);z-index:-1;} .c_video_list-04001 .p_page .pre{height:30px;color:rgba(102, 102, 102, 1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(242, 242, 242, 1);text-align:center;padding-top:0;padding-right:20px;padding-left:20px;position:relative;left:0;top:0;} .c_video_list-04001 .p_page .pre:hover{color:rgba(255,255,255,1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(101,190,186,1);cursor:pointer;} .c_video_list-04001 .p_page .pre:active{background-color:rgba(90, 170, 167, 1);} .c_video_list-04001 .p_page .pre .font{display:table-cell;vertical-align:middle;bottom:0;font-size:12px;} .c_video_list-04001 .p_page .pre:hover .iconfont{color:rgba(255,255,255,1);} .c_video_list-04001 .p_page .pre:active .iconfont{color:rgba(255,255,255,1);} .c_video_list-04001 .p_page .pre .iconfont:before{content:"";margin-right:5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_page .next:after{content:"";display:none;position:absolute;top:5px;right:-14px;width:27px;height:27px;background-color:rgba(101, 190, 186, 1);font-size:0;line-height:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:-1;} .c_video_list-04001 .p_page .next:hover:after{top:5px;right:-12px;background-color:rgba(101, 190, 186, 1);border-radius:4px 0 0 0;-webkit-box-shadow:0 3px 0px #777;-moz-box-shadow:0 3px 0px #777;box-shadow:0 3px 0px #777;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);z-index:-1;width:26px;height:26px;} .c_video_list-04001 .p_page .next:active:after{top:8px;right:-12px;width:27px;height:24px;background-color:rgba(90, 170, 167, 1);border-radius:0 3px 0 0 ;-webkit-box-shadow:0 3px 0px #777;-moz-box-shadow:0 3px 0px #777;box-shadow:0 3px 0px #777;-webkit-transform:rotate(226deg);-moz-transform:rotate(226deg);-o-transform:rotate(226deg);-ms-transform:rotate(226deg);transform:rotate(226deg);z-index:-1;} .c_video_list-04001 .p_page .next{height:30px;color:rgba(255, 255, 255, 1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(101, 190, 186, 1);text-align:center;padding-top:0;padding-right:20px;padding-left:20px;position:relative;left:0;top:0;} .c_video_list-04001 .p_page .next:hover{color:rgba(255,255,255,1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(101,190,186,1);cursor:pointer;} .c_video_list-04001 .p_page .next:active{background-color:rgba(90, 170, 167, 1);} .c_video_list-04001 .p_page .next .font{display:table-cell;vertical-align:middle;bottom:0;font-size:12px;} .c_video_list-04001 .p_page .next:hover .iconfont{color:rgba(255,255,255,1);} .c_video_list-04001 .p_page .next:active .iconfont{color:rgba(255,255,255,1);} .c_video_list-04001 .p_page .next .iconfont:before{content:"";margin-top:3px;float:right;margin-left:5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-04001 .p_page .pageNum{position:relative;background-size:100% 100%;color:inherit;cursor:pointer;display:table;font-family:inherit;font-size:14px;font-weight:inherit;height:inherit;position:absolute;text-decoration:none;width:inherit;} .c_video_list-04001 .p_page .pageNum{height:30px;width:30px;color:rgba(102, 102, 102, 1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);background-color:rgba(242, 242, 242, 1);text-align:center;position:relative;} .c_video_list-04001 .p_page .pageNum:hover{color:rgba(255,255,255,1);border-width:0;border-style:solid;border-color:rgba(255,255,255,0);cursor:pointer;text-decoration:none;background-color:rgba(101,190,186,1);} .c_video_list-04001 .p_page .pageNum:active{text-decoration:none;background-color:rgba(90, 170, 167, 1);} .c_video_list-04001 .p_page .pageNum.active{text-decoration:none;background-color:rgba(90, 170, 167, 1);color:rgba(255,255,255,1);} .c_video_list-04001 .p_page .pageNum .font{display:table-cell;vertical-align:middle;bottom:0;} .c_video_list-04001 .p_page .pageNum .iconfont{display:inline;color:rgba(255,255,255,1);vertical-align:middle;} .c_video_list-04001 .p_page .pageNum:hover .iconfont{color:rgba(255,255,255,1);} .c_video_list-04001 .p_page .pageNum:active .iconfont{color:rgba(255,255,255,1);} .c_video_list-04001 .p_page .pageNum .iconfont:before{content:"";} .c_video_list-04001 .p_page .PageInterval{line-height:30px;cursor:text;color:rgba(102,102,102,1);} .c_video_list-04001 .p_page .p_PageInterval{line-height:30px;cursor:text;color:rgba(102,102,102,1);} .c_video_list-04001 .p_moreBox{ width: auto; height: auto; } .c_video_list-04001 .p_more{ width: 100%; 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_video_list-04001 .p_loading{ width: auto; line-height: 70px; text-align: center; color: #666666; font-size: 18px; } .c_video_list-04001 .loading_animation{ animation: three-quarters-loader 850ms infinite linear; border: 3px solid #737282; border-right-color: transparent; border-radius: 16px; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle; } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .c_video_list-04001 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 70px; height: inherit; } .c_video_list-04001 .p_CommonSummaryBoxA{margin:0;width: auto;height: auto;padding:0;border-width:1px;border-style: none;border-color:rgba(228,228,228,0);background-color:transparent;overflow: hidden;text-align:center; margin-bottom: 20px;} .c_video_list-04001 .p_CommonThumbnailBox{ margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_video_list-04001 .p_CommonSquareNumBtn:hover, .c_video_list-04001 .p_CommonSquareNumBtn.active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_video_list-04001 .p_CommonSquareNumBtn.j-nav-active{ background-color:rgba(103,184,180,1); color:rgba(255,255,255,1); } .c_video_list-04001 .p_CommonSquareNumBtn .shape{ text-indent:-9999em; width:inherit; height:inherit; vertical-align:middle; } .c_video_list-04001 .p_CommonSquareNumBtn img{ display:none; } .c_video_list-04001 .p_CommonSquareNumBtn{ display:inline-block; height:10px; width:100px; padding:0; border-width:1px; border-color: transparent; font-size: 12px; font-family:"Microsoft YaHei"; text-align:center; cursor:pointer; margin: 0px 8px; background-color: rgba(228,228,228,1); } .c_video_list-04001 .p_CommonLanternBox{ width: auto; height: auto; position: relative; } .c_video_list-04001 .p_CommonSwitchBtnA{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 45px; color: #e5e5e5; } .c_video_list-04001 .p_CommonSwitchBtnA .iconfont:before{ content: "\e687"; } .c_video_list-04001 .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; transform: translate(50%,-50%); font-size: 45px; color: #e5e5e5; } .c_video_list-04001 .p_CommonSwitchBtnB .iconfont:before{ content: "\e6ae"; } .c_video_list-04001 .d_CommonInteractionA{ left: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } .c_video_list-04001 .d_CommonInteractionB{ right: 0px; width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; transform: translate(0,-50%); } video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } .c_video_list-04001 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_video_list-04001 >div{animation-fill-mode:both; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }.pagebox,#-remove--flag{width:1300px;margin:0px auto;}body,#-remove--flag{} #c_breadcrumb_nav-1605058606764{ position:absolute; top:6px; left:306px; z-index:1; width:1180px; height:30px; } #c_video_list-16050615467437573 .p_articles{ width:calc((100% - 60px)/3); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } #c_video_list-16050615467437573 .p_CommonSummaryBoxA{ text-align:center; } #c_video_list-16050615467437573 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_video_list-16050615467437573 >div{ animation-fill-mode:both; } #c_video_list-16050615467437573 .p_headerA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573 .p_OutlineA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573 .p_timeA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573 .p_CustomA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573 .p_Keyword .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573 .p_CommentA .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_video_list-16050615467437573{ position:absolute; top:62px; left:8px; z-index:4; width:1284px; height:823px; } #w_wbox-1605058606734 .p_wbox{ background-image:url(/img/ban_video.jpg?tenantId=170529&viewType=1&v=000); background-image-part-image:url(/img/ban_video.jpg?tenantId=170529&viewType=1&v=000); } #w_wbox-1605058606734 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1605058606734 >div{ animation-fill-mode:both; } #w_wbox-1605058606744 .p_wbox{ background-color:#0569cf; } #w_wbox-1605058606744 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1605058606744 >div{ animation-fill-mode:both; } #w_wbox-1605058606734{ position:absolute; top:100px; left:-306px; z-index:4; width:1912px; height:400px; } #w_wbox-1605058606744{ position:absolute; top:500px; left:-306px; z-index:5; width:1912px; height:45px; } #w_rbox-1605058606754{ position:absolute; top:545px; left:0px; z-index:6; width:1300px; height:794px; }