 .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{ } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.w_relationbtntab-001 .p_relationbtntab{ width: auto; height:35px; font-family:"Microsoft Yahei"; font-size:16px; color: #959595; border-width: 0; border-style: solid; border-bottom:solid 1px #dfdfdf; text-align:center; padding-top:0; display: inline-table; } .w_relationbtntab-001 .p_relationbtntab:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid;  border-color:rgba(225,225,225,0); } .w_relationbtntab-001 .p_relationbtntab.active{ color:rgba(255,255,255,1); border-width: 0; border-style: solid;  border-color:rgba(225,225,225,0); } .w_relationbtntab-001 .p_relationbtntab .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab:hover .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab.active .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab .iconfont:before{ content: ""; } i[class~="inonfont"]:empty, i[class*="inonfont"]:empty{ display:block; background-color:#FF0000; width:20px; height:20px; } .w_relationbtntab-001 .p_box003{ 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; } .w_relationbtntab-001 .p_box003{ 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; } .w_relationbtntab-001 .p_box003{ 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; } .w_relationbtntab-001 .p_box002{margin:0;width: 236px;height:calc(100% - 50px); padding:0;border-width:1px;border-style: none;border-color:rgba(228,228,228,0);background-color:transparent;overflow: hidden;} .e_Vline-001{ background-color: transparent; width:0; height: 35px; border-left-width: 100px; border-left-style: solid; border-left-color: rgba(228,228,228,1); opacity:1; filter:alpha(opacity:100); } .w_relationbtntab-001 .p_relationbtntab{ width: auto; height:45px; font-family:"Microsoft Yahei"; font-size:16px; color: #959595; border-width: 0; border-style: solid; border-color:rgba(255,255,255,0);  text-align:center; padding-top:0; display: inline-table; } .w_relationbtntab-001 .p_relationbtntab:hover{ color:rgba(255,255,255,1);  } .w_relationbtntab-001 .p_relationbtntab.active{ color:rgba(255,255,255,1); border-width: 0; border-style: solid;  border-color:rgba(225,225,225,0); } .w_relationbtntab-001 .p_relationbtntab .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab:hover .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab.active .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab .iconfont:before{ content: ""; } i[class~="inonfont"]:empty, i[class*="inonfont"]:empty{ display:block; background-color:#FF0000; width:20px; height:20px; } .e_title.w_relationbtntab-001 .p_link-000000{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;width:calc((100% - 0px)/3); } .e_title.w_relationbtntab-001 .p_link-000000{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_relationbtntab-001 .p_link-000000:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_relationbtntab-001 .p_link-000000:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_relationbtntab-001 .p_link-000000:active{ text-decoration:none; margin-top:0; } .e_title.w_relationbtntab-001 .p_link-000000 .iconfont:before{ display: inline-block; content:""; } .w_relationbtntab-001 .p_vline{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-bottom: solid 1px #ccc; opacity:1; filter:alpha(opacity:100); } .w_relationbtntab-001 .p_relationbtntab{ width: auto; height:45px; font-family:"Microsoft Yahei"; font-size:16px; color: #959595; border-width: 0; border-style: solid; border-bottom: solid 1px #ccc; background-color:none; text-align:center; padding-top:0; display: inline-table; } .w_relationbtntab-001 .p_relationbtntab:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid;  } .w_relationbtntab-001 .p_relationbtntab.active{ color:rgba(255,255,255,1); border-width: 0; border-style: solid;  } .w_relationbtntab-001 .p_relationbtntab .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab:hover .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab.active .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab .iconfont:before{ content: ""; } i[class~="inonfont"]:empty, i[class*="inonfont"]:empty{ display:block; background-color:#FF0000; width:20px; height:20px; } .e_title.w_relationbtntab-001 .p_link-000000{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_relationbtntab-001 .p_link-000000{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_relationbtntab-001 .p_link-000000:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_relationbtntab-001 .p_link-000000:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_relationbtntab-001 .p_link-000000:active{ text-decoration:none; margin-top:0; } .e_title.w_relationbtntab-001 .p_link-000000 .iconfont:before{ display: inline-block; content:""; } .w_relationbtntab-001 .p_vline{ height:0; width:100%; border-top-width: 1px; border-top-style: solid; border-top-color:rgba(240,240,240,1); opacity:1; filter:alpha(opacity:100); } .w_relationbtntab-001 .p_relationbtntab{ width: auto; height: 45px; font-family: "Microsoft Yahei"; font-size: 18px; color: #7b7b7b; border-width: 0; border-style: solid; border-color: rgba(255,255,255,0);  text-align: left; padding-top: 0; cursor: pointer; display: inline-table; line-height: 25px; color: #999; font-weight: bold; } .w_relationbtntab-001 .p_relationbtntab:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid;  border-color:rgba(225,225,225,0); } .w_relationbtntab-001 .p_relationbtntab.active{ color:rgba(255,255,255,1); border-width: 0; border-style: solid;  border-color:rgba(225,225,225,0); } .w_relationbtntab-001 .p_relationbtntab .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab:hover .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab.active .iconfont{ color: inherit; } .w_relationbtntab-001 .p_relationbtntab .iconfont:before{ content: ""; } i[class~="inonfont"]:empty, i[class*="inonfont"]:empty{ display:block; background-color:#FF0000; width:20px; height:20px; } .e_title.w_relationbtntab-001 .p_link-000000{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_relationbtntab-001 .p_link-000000{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_relationbtntab-001 .p_link-000000:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_relationbtntab-001 .p_link-000000:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_relationbtntab-001 .p_link-000000:active{ text-decoration:none; margin-top:0; } .e_title.w_relationbtntab-001 .p_link-000000 .iconfont:before{ display: inline-block; content:""; } .w_relationbtntab-001 .p_box-001{ 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; } .w_relationbtntab-001{position:absolute; width:500px; height:300px; } .w_relationbtntab-001 .w_relationbtntab{ height:100%; width:100%; } .w_relationbtntab-001 .p_link-000000{ display: inline-block; float: left; height: inherit; } .w_relationbtntab-001 .p_box001{padding:0; border-bottom: solid 1px #dfdfdf;background-color:rgba(255,255,255,0);width:inherit;height:35px; position:absolute;top:0;left:0;} .w_relationbtntab-001 .p_box002{ position:absolute; bottom:0; left:0; padding:0; border-width: 0; width: 100%; height:calc(100% - 50px); border-width:1px; border-color:rgba(228, 228, 228, 1); background-color:rgba(255,255,255,0); } .w_relationbtntab-001 .p_box003{ padding:0; border-width: 0; width:100%; height:100%; border-width:0px; position:absolute; left:0; top:0; display:none; overflow: auto; } .w_relationbtntab-001 .p_box003{ background-color:rgba(255,255,255,0); } .w_relationbtntab-001 .p_box003.active{ display: block; } .w_relationbtntab-001 .e_relationbtntab-001{ white-space:nowrap; width: 100%; height: inherit; } .w_relationbtntab-001 .e_relationbtntab-001.active .font{ color: #006db8; font-size: 18px; font-family: "微软雅黑"; line-height:25px; color: #999; font-size: 18px; font-weight: bold; } .w_relationbtntab-001 .e_relationbtntab-001:hover .font{ color: #006db8; font-size: 18px; font-family: "微软雅黑"; line-height:25px; color: #999; font-size: 18px; font-weight: bold; } .w_relationbtntab-001 .e_relationbtntab-001.active .font{ color:#006db8; cursor: pointer; } .w_relationbtntab-001 .e_relationbtntab-001 .iconfont{ color: #006db8; font-size: 18px; font-family: "微软雅黑"; line-height: 25px; cursor: pointer; } .w_relationbtntab-001 .e_relationbtntab-001:hover .iconfont{ color: #006db8; font-size: 18px; font-family: "微软雅黑"; line-height:25px; cursor: pointer; } .w_relationbtntab-001 .e_relationbtntab-001.active .iconfont{ color: #006db8; font-size: 18px; font-family: "微软雅黑"; line-height:25px; cursor: pointer; } .w_relationbtntab-001 .e_relationbtntab-001 .iconfont:before{ content: ''; } .w_relationbtntab-001 .p_vline{ float: left; width:0px; margin-left:0px; margin:-right:0px; border-color:rgba(225,225,225,1); }.w_relationbtntab-001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_relationbtntab-001 >div{animation-fill-mode:both; }.w_relationbtntab-001 .iconfont12356:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.w_relationbtntab-001 .iconfont12356789:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.w_relationbtntab-001 .iconfont12356987645: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_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: 24px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; } .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; } .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=260225&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; }.c_news_list-11001{position:absolute;width:400px;height:200px;overflow:hidden} .ming_news{ width:350px; } .ming_news li{ font-size:14px; line-height:30px; float: left; } .ming_news li img{width:5px; height:5px;margin-right:8px; } .ming_news li a{ color:#858585; text-decoration:none;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float:right; width:330px; cursor: pointer; font-size:14px; } .ming_news li a:hover{ color:#006db8; text-decoration:underline;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float:right; width:330px; cursor: pointer; font-size:14px; }.w_rbox-001{position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; }.w_rbox-001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001 >div{animation-fill-mode:both; }@CHARSET "UTF-8";#c_news_list-1563323561333 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_news_list-1563323561333 .p_CommonSummaryBoxA{text-align:center; }#c_news_list-1563323561333 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_news_list-1563323561333 >div{animation-fill-mode:both; }#c_news_list-1563323561333 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-1563323561333 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-1563323561333 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-1563323561333 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_news_list-1563323561333{ position:absolute; top:-18988px; left:140px; z-index:104; width:351px; height:236px; }#c_news_list-1563323561338{ position:absolute; top:-18986px; left:140px; z-index:103; width:351px; height:236px; }.pagebox,#-remove--flag{}body,#-remove--flag{} #w_relationbtntab-1563323561218 .p_box001{ height:35px; } #w_relationbtntab-1563323561218 .p_link-000000{ width:95px; } #w_relationbtntab-1563323561218 .p_box002{ height:calc(100% - 35px); } #w_relationbtntab-1563323561218 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_relationbtntab-1563323561218 >div{ animation-fill-mode:both; } #w_relationbtntab-1563323561218 .iconfont12356:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_relationbtntab-1563323561218 .iconfont12356789:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_relationbtntab-1563323561218 .iconfont12356987645:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #w_rbox-1563323561228 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1563323561228 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1563323561228 >div{ animation-fill-mode:both; } #w_common_text-1563323561313 .p_link001{ height:calc(100%); } #w_relationbtntab-1563323561218{ position:absolute; top:-18134px; left:979px; z-index:102; width:351px; height:284px; } #w_rbox-1563323561228{ position:absolute; top:752px; left:0px; z-index:127; width:1160px; height:789px; } #w_wbox-1563323561298{ position:absolute; top:1541px; left:-376px; z-index:105; width:1912px; height:34px; } #w_common_text-1563323561313{ position:absolute; top:36px; left:0px; z-index:2; width:1160px; height:40px; } #c_video_list-15633236642049284 .p_articles{ width:calc((100% - 80px)/4); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } #c_video_list-15633236642049284 .p_CommonSummaryBoxA{ text-align:center; } #c_video_list-15633236642049284 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_video_list-15633236642049284 >div{ animation-fill-mode:both; } #c_video_list-15633236642049284 .p_ToDetail{ background-color:rgba(32, 109, 197, 1); } #c_video_list-15633236642049284{ z-index:5; top:113px; left:33px; width:1093px; position:absolute; height:429px; }