.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); }.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  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_ads_banner-17002{ width:1420px; overflow: hidden; height:400px; position:absolute; } .lubo { width: 100%; min-width: 100%; clear: both; position: relative; height: 100%; } .lubo_box { position: relative; width: 100%; height: 100%; } #c_ads_banner-14943199982472136{ left:0 !important; } .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 100%; height: 100%; } .lubo_box li img { width: 100%; height: 100%; } .cir_box { overflow: hidden; position: absolute; z-index: 100; bottom: 50px!important; } .cir_box li { float: left; width: 15px; height: 15px; margin: 0 5px; border-radius: 50px; cursor: pointer; background: #ffffff; opacity: 1; filter: alpha(opacity=80); } .cir_on { background: #00913c !important; } .lubo_btn { position: absolute; width: 100%; top: 40%; z-index: 2;display: none; } .left_btn, .right_btn { transition: 1s all; top: 215px; padding: 20px 10px; font-size: 30px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.498039); cursor: pointer; font-family: "宋体"; display: block; opacity: 0.5; } .left_btn:hover, .right_btn:hover { opacity: 1; } .left_btn { float: left; } .right_btn { float: right; } .c_ads_banner-17002 .p_matteicon .iconfont:before{ content:'\e602'; }.c_intro_category-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; } .p_articlesa.current{ background-color:#004ea2!important; } .p_articlesa.current .font{ color:#ffffff!important; } .c_intro_category-01001 .p_succ .iconfont{ height: auto; color: #a2d465; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_category-01001 .p_succ .iconfont:before{ content: "\e648"; } .c_intro_category-01001 .p_succ .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_category-01001 .p_succ .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_category-01001 .p_succ .assistfont{ display: none; } .c_intro_category-01001 .p_succ .closebtn { display: none; } .c_intro_category-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_intro_category-01001 .p_fail .iconfont{ height: auto; color: #ff0000; margin-right:20px; display: inline-block; margin-left: 40px; } .c_intro_category-01001 .p_fail .iconfont:before{ content: "\e641"; } .c_intro_category-01001 .p_fail .fontbox{ display: inline-block; vertical-align:top; max-width: 386px; margin-right: 20px; } .c_intro_category-01001 .p_fail .promptbox{ width: auto; height: auto; margin-top: 35px; margin-bottom: 35px; } .c_intro_category-01001 .p_fail .assistfont{ font-size: 14px; color: #999999; margin-top: 5px; } .c_intro_category-01001 .p_fail .closebtn { font-size: 14px; color: #65beba; position: absolute; right: 15px; bottom: 15px; } .c_intro_category-01001 .p_fail .closebtn:hover{ cursor: pointer; } .c_intro_category-01001 .p_promptnonedata{ width: auto; background-color: inherit; text-align: center; } .c_intro_category-01001 .p_promptnonedata .prompt_title .iconfont:before { content: ""; } .c_intro_category-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_intro_category-01001 .p_promptnonedata .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_intro_category-01001 .p_promptnonedata .prompt_title .first:before{ content: "\e6b4"; } .c_intro_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; } .c_intro_category-01001 .p_promptnonedata .promptbox{ width: auto; height: 100%; } .c_intro_category-01001 .p_promptnonedata .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  .c_intro_category-01001 .p_categoryicon{ display:table-cell; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); height:auto; width: 0px; padding-left:0; padding-right:0; position:static; padding-top:0; text-align: center; font-size:14px; color:rgba(217,217,217,1); } .c_intro_category-01001 .p_categoryicon:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001 .p_categoryicon:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; }   .c_intro_category-01001 .p_categoryicon .iconfont{ display:inline-block; } .c_intro_category-01001 .p_categoryicon .iconfont:before{ content:"\e669"; }  .c_intro_category-01001 .p_listlinea{ 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); }  .c_intro_category-01001 .p_infoa{ display:inline-block; margin:0; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; color:rgba(0, 0, 0,1); font-size:14px; text-align:left; } .c_intro_category-01001 .p_infoa .font{  vertical-align:middle; line-height: 19px; } a>.c_intro_category-01001 .p_infoa:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_intro_category-01001 .p_infoa .iconfont:before{ content:""; }  .c_intro_category-01001 .p_articlesd{ 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_intro_category-01001 .p_categoryiconz{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_intro_category-01001 .p_categoryiconz:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001 .p_categoryiconz:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; }  .c_intro_category-01001 .p_categoryiconz .iconfont{ display:inline-block; } .c_intro_category-01001 .p_categoryiconz .iconfont:before{ content:"\e6b2"; } .c_intro_category-01001 .p_categoryiconz.active .iconfont:before{ content:"\e6b5"; }  .c_intro_category-01001 .p_articlesc{ 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_intro_category-01001 .p_listline{ 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); }  .c_intro_category-01001 .p_info{ display:inline-block; margin:0; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; color:rgba(0, 0, 0,1); font-size:14px; text-align:left; } .c_intro_category-01001 .p_info .font{  vertical-align:middle; line-height: 19px; } a>.c_intro_category-01001 .p_info:hover{ color:rgba(87, 178, 173,1); cursor:pointer; } .c_intro_category-01001 .p_info .iconfont:before{ content:""; }  .e_title.c_intro_category-01001 .p_link{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.c_intro_category-01001 .p_link{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_intro_category-01001 .p_link:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.c_intro_category-01001 .p_link:active{ color:#60a9d7; font-weight:400; } a>.e_title.c_intro_category-01001 .p_link:active{ text-decoration:none; margin-top:0; } .e_title.c_intro_category-01001 .p_link .iconfont:before{ display: inline-block; content:""; }  .c_intro_category-01001 .p_articlesb{ 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_intro_category-01001 .p_categoryicona{ display:table-cell; position:relative; z-index:3; vertical-align:middle; background-color:rgba(255,255,255,0); border-color:rgba(255,255,255,0); border-style: solid; border-width: 0; color:rgba(101, 190, 186,1); width:20px; height:auto; padding-left:0; padding-right:0px; padding-top:0; text-align: center; font-size:14px; } .c_intro_category-01001 .p_categoryicona:hover{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; } .c_intro_category-01001 .p_categoryicona:active{ border-width: 0; border-style: solid; color:rgba(101, 190, 186,1); border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); box-shadow:none; }  .c_intro_category-01001 .p_categoryicona .iconfont{ display:inline-block; } .c_intro_category-01001 .p_categoryicona .iconfont:before{ content:"\e6b2"; } .c_intro_category-01001 .p_categoryicona.active .iconfont:before{ content:"\e6b5"; }  .c_intro_category-01001 .p_articlesa{ 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_intro_category-01001 .p_articles{ 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_intro_category-01001 .p_category{ 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_intro_category-01001{ position:absolute; width:280px; height:360px; overflow: hidden; }  .c_intro_category-01001 .p_category{ width:auto; height:auto; background-color:#fff; }  .c_intro_category-01001 .p_articlesbox{ height:auto; width:auto; }  .c_intro_category-01001 .p_articles{ height:auto; width:auto; }  .c_intro_category-01001 .p_articlesa{ height:auto; width:100%; padding-bottom: 26px; padding-left: 14px; padding-right: 14px; padding-top: 27px; line-height:24px; display: -webkit-box; display: -webkit-flex; display: -moz-box; transition: 1s all ease; display: -moz-flex; display: -ms-flexbox; display: flex; align-items:center; } .c_intro_category-01001 .p_articlesa:hover{ background-color: #0d6db9; color:rgb(255, 255, 255); cursor:pointer; } .c_intro_category-01001 .p_articles:hover .font{ color:rgb(255, 255, 255); cursor:pointer; } .c_intro_category-01001 .p_articlesa.active{ background-color:#0d6db9; color:rgb(255, 255, 255); cursor:pointer; }  .c_intro_category-01001 .p_articlesc{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display:flex; height:auto; width:100%; padding-bottom:7px; padding-left:10px; padding-right:10px; padding-top:7px;  align-items:center; } .c_intro_category-01001 .p_articlesc:hover{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; } .c_intro_category-01001 .p_articlesc.active{ background-color:rgba(239, 248, 248,1); color:rgba(101,190,186,1); cursor:pointer; }  .c_intro_category-01001 .p_commonbtn{ display:table-cell; height:auto; width:14px; vertical-align:middle; margin-right:10px; }  .c_intro_category-01001 .p_image{  background:none; display:inline-block; width:27px; height:auto; }  .c_intro_category-01001 .p_imagea{  background:none; display:inline-block; width:27px; height:auto;  vertical-align:middle; }  .c_intro_category-01001 .p_articlesb{ display:block; height:auto; width:auto; -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; } .c_intro_category-01001 .p_articlesb .font{ white-space: normal; overflow: hidden; }  .c_intro_category-01001 .p_articlesd{ -moz-box-flex: 1; -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; flex:1; display:block; height:auto; width:auto; }  .c_intro_category-01001 .p_link{ color:inherit; display:block; vertical-align: middle; overflow:hidden; width:inherit; } .c_intro_category-01001 .p_linka{ color:inherit; display:table-cell; margin-top:5px; }  .c_intro_category-01001 .p_info{ display:block; height:auto; width: inherit; padding-top: 2px; } .c_intro_category-01001 .p_articles .p_info .font{ color: #666666; height:auto; overflow: hidden; text-align: center; white-space: normal; } .c_intro_category-01001 .p_articles:hover .p_info .font{ color:#ffffff; }  .c_intro_category-01001 .p_infoa{ display:block; height:auto; width: inherit; padding-top: 2px; } .c_intro_category-01001 .p_articles .p_infoa .font{ white-space: normal; overflow: hidden; } .c_intro_category-01001 .p_articles:hover .p_infoa .font{ color:inherit; }  .c_intro_category-01001 .p_num{ display:table-cell; height:auto; width:50px; vertical-align:middle;  }  .c_intro_category-01001 .p_numa{ display:table-cell; height:auto; width:50px; vertical-align:middle;  } .c_intro_category-01001 .p_articlesd .p_listline{ margin-left:-31px; } .c_intro_category-01001 .p_articlesd .p_articlesb{ padding-left:31px; } .c_intro_category-01001 .p_articlese{ height:auto; width:auto; } .c_intro_category-01001 .p_articlese .p_listline{ margin-left:-51px; } .c_intro_category-01001 .p_articlese .p_articlesb{ padding-left:42px; } .c_intro_category-01001 .p_categoryicona .iconfont:before{ content: '\e6b2'; } .c_intro_category-01001 .p_categoryiconz .iconfont:before{ content: '\e6b5'; } .c_intro_category-01001 .p_categoryicon .iconfont:before{ content: '\e669'; } .c_intro_category-01001 .p_categoryicon{ display: inline-block; } .c_intro_category-01001 .p_categoryicona{ display: inline-block; } .c_intro_category-01001 .p_categoryiconz{ display: inline-block; } .c_intro_category-01001 .p_category{ background-color:rgba(255,255,255,0); } .c_intro_category-01001 .p_categoryicon{ display:none; } .c_intro_category-01001 .p_articlesbox{ text-align:left; } .c_intro_category-01001 .p_articlesa{ padding:0; background-color:rgba(255,255,255,0.2); border-radius:0; } .c_intro_category-01001 .p_articlesa:hover, .c_intro_category-01001 .p_articlesa.clicked{ background-color:#00642a; transition: 2s all ease; } .c_intro_category-01001 .p_articles{ display:inline-block; } .c_intro_category-01001 .p_listline{ display:none; } .c_intro_category-01001 .p_info{ padding: 30px 45px; color:#000; } .p_info:hover{ background-color:#00642a; color:#fff; transition: 2s all ease; }.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; } #w_wbox-1540953763026{ top: 1338px !important;}@charset "utf-8";.pagebox,#-remove--flag{}body,#-remove--flag{} .p_titlebox{display:inline-block; margin-left:0px; margin-right:0px; vertical-align:top; } .p_titlebox{display:inline-block; margin-left:0px; margin-right:0px; vertical-align:top; } .p_titlebox{display:inline-block; margin-left:0px; margin-right:0px; vertical-align:top; } .p_titlebox{display:inline-block; margin-left:0px; margin-right:0px; vertical-align:top; } .p_titlebox{display:inline-block; margin-left:0px; margin-right:0px; vertical-align:top; }#c_intro_category-1542956268997 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }#c_intro_category-1542956268997 .p_matteicon .iconfont:before{content:'\e602'; }#c_intro_category-1542956268997 >div{animation-fill-mode:both; }#c_intro_category-1542956268997{ position:absolute; top:0px; left:356px; z-index:100; width:1200px; height:80px; }#c_video_list-15429563910976969 .p_articles{width:calc((100% - 60px)/3); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; }#c_video_list-15429563910976969 .p_commonsummaryboxa{text-align:center; }#c_video_list-15429563910976969 .p_matteicon .iconfont:before{content:'\e602'; }#c_video_list-15429563910976969 >div{animation-fill-mode:both; }#c_video_list-15429563910976969 .p_headera .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; content:''; }#c_video_list-15429563910976969 .p_outlinea .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15429563910976969 .p_timea .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15429563910976969 .p_customa .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15429563910976969 .p_keyword .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15429563910976969 .p_commenta .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15429563910976969 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15429563910976969 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15429563910976969{ position:absolute; top:588.688px; left:40px; z-index:105; width:1200px; height:554px; }#c_ads_banner-15444313075590123 .p_matteicon .iconfont:before{content:'\e602'; }#c_ads_banner-15444313075590123{ position:absolute; top:0px; left:-310.5px; z-index:100; width:1920px; height:500px; }#w_wbox-1542956268947 .p_wbox{ border-bottom-color:rgba(233, 233, 233, 1); border-bottom-style:solid; border-bottom-width:1px; } #w_wbox-1542956268947 .p_matteicon .iconfont:before{ content:'\e602'; } #w_wbox-1542956268947 >div{ animation-name:fadeinup; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1542956268977 .p_matteicon .iconfont:before{ content:'\e602'; } #w_common_text-1542956268977 >div{ animation-name:fadeinup; animation-duration:2s; animation-delay:1s; animation-fill-mode:both; } #w_wbox-1542956268947{ position:absolute; top:500px; left:-310.5px; z-index:102; width:1901px; height:80px; } #w_common_text-1542956268977{ position:absolute; top:20.5px; left:1326px; z-index:101; width:230px; height:39px; }