.e_contentmajorstylebox-001{ height:auto; height-and-height-uint:auto; width:100%; width-and-width-uint:100%; width-uint:%; } .e_contentmajorstylebox-001 .stylebox_top{ height:45px; height-and-height-uint:45px; width:auto; width-and-height:custom; width-and-width-uint:auto; background-color:rgba(227, 232, 239, 1); } .e_contentmajorstylebox-001 .title_icon{ vertical-align:middle; margin-right:10px; line-height:40px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_contentmajorstylebox-001 .title_icon::before{ content:""; } .e_contentmajorstylebox-001 .title_main{ vertical-align:middle; line-height:45px; max-width:600px; color:rgba(45, 56, 69, 1); text-overflow:ellipsis; overflow:hidden; font-size:16px; white-space:nowrap; display:inline-block; font-weight:normal; } .e_contentmajorstylebox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_contentmajorstylebox-001 .stylebox_title{ vertical-align:bottom; padding-right:15px; padding-left:15px; height:inherit; height-and-height-uint:inherit; font-size:0px; width:auto; width-and-height:custom; width-and-width-uint:auto; white-space:nowrap; background-color:rgba(227, 232, 239, 1); display:inline-block; } .e_contentmajorstylebox-001 .stylebox_link{ vertical-align:middle; margin-right:15px; height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; padding:0 15px; float:right; } .e_contentmajorstylebox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_contentmajorstylebox-001 .link_icon{ margin-left:5px; display:inline-block; } .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{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; padding:20px; width-and-width-uint:100%; height-and-height-uint:calc(100% - 48px); } .e_contentmajorstylebox-001 .stylebox_bottom_line{ height:1px; background-color:rgba(240,240,240,1); } .e_indexordinarystylebox-001{  width: 100%; height: auto; width-uint:%; }  .e_indexordinarystylebox-001 .stylebox_top{ background-color: transparent; }  .e_indexordinarystylebox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_indexordinarystylebox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_indexordinarystylebox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_indexordinarystylebox-001 .stylebox_top{ width: auto; height: 40px; } .e_indexordinarystylebox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_indexordinarystylebox-001 .title_icon::before{ content: ""; } .e_indexordinarystylebox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_indexordinarystylebox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_indexordinarystylebox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_indexordinarystylebox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_indexordinarystylebox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_indexordinarystylebox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_indexordinarystylebox-001 .link_icon::before{ content: '\e6af'; } .e_indexordinarystylebox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_indexordinarystylebox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_indexordinarystylebox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.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; padding:0 15px; 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: none; 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; }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ 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_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_matteicon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }.e_allwbox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color:none; } .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: #666; 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: #0a65af; } .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{  color: #38ac36; } .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-bottom: 1px solid transparent; } .c_breadcrumb_nav-02001 .p_breadcrumb.contentbox .after{ margin-right: 5px; display: none; } .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{ } .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-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:rgba(51,51,51,1); 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: #1146ac; } .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{ } .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; border-bottom: 1px dashed #eee; padding-bottom: 7px; } .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: #666; } .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; display: none !important; } .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; }@charset "utf-8";.pagebox,#-remove--flag{}body,#-remove--flag{}#c_breadcrumb_nav-15217076159073993 .p_breadcrumbfirst{color:rgba(4, 138, 129, 1); }#c_breadcrumb_nav-15217076159073993 .p_breadcrumblist{border-width:0px; }#c_breadcrumb_nav-15217076159073993{ position:absolute; top:5px; left:316px; z-index:1; width:1280px; height:36px; }#c_video_list-15247121071500452 .p_articles{width:calc((100% - 60px)/3); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; }#c_video_list-15247121071500452 .p_commonsummaryboxa{text-align:center; }#c_video_list-15247121071500452 .p_matteicon .iconfont:before{content:'\e602'; }#c_video_list-15247121071500452 >div{animation-fill-mode:both; }#c_video_list-15247121071500452 .p_headera .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452 .p_outlinea .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452 .p_timea .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452 .p_customa .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452 .p_keyword .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452 .p_commenta .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofinset:0px; shadow-distance-ofinset:0px; }#c_video_list-15247121071500452{ position:absolute; top:524px; left:0px; z-index:100; width:1280px; height:462px; }#w_wbox-1515399614503 .p_wbox{background-image:; background-image-part-image:; background-repeat:no-repeat; background-position:center center; }#w_wbox-1515399614503 .p_matteicon .iconfont:before{content:'\e602'; }#w_wbox-1515399614503 >div{animation-fill-mode:both; }#w_wbox-1521708317853 .p_wbox{background-color:rgba(227, 232, 239, 1); }#w_wbox-1521708317853 .p_matteicon .iconfont:before{content:'\e602'; }#w_wbox-1521708317853 >div{animation-fill-mode:both; }#w_img-1521787788717 .p_matteicon .iconfont:before{content:'\e602'; }#w_img-1521787788717 >div{animation-name:fadeinup; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; }#w_common_text-1521787795955 .p_matteicon .iconfont:before{content:'\e602'; }#w_common_text-1521787795955 >div{animation-name:fadeindown; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; }#w_img-1521787845517 .p_matteicon .iconfont:before{content:'\e602'; }#w_img-1521787845517 >div{animation-name:fadeindown; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; }#w_common_text-1521787852308 .p_matteicon .iconfont:before{content:'\e602'; }#w_common_text-1521787852308 >div{animation-name:fadein; animation-duration:0.5s; animation-delay:1s; animation-fill-mode:both; }#w_wbox-1515399614503{ position:absolute; top:100px; left:-316px; z-index:102; width:1912px; height:352px; }#w_wbox-1521708317853{ position:absolute; top:450px; left:-316px; z-index:105; width:1912px; height:45px; }#w_img-1521787788717{ position:absolute; top:113.5px; left:727px; z-index:1; width:458px; height:89px; }#w_common_text-1521787795955{ position:absolute; top:100px; left:851px; z-index:2; width:212px; height:44px; }#w_img-1521787845517{ position:absolute; top:190.5px; left:939px; z-index:3; width:30px; height:20px; }#w_common_text-1521787852308{ position:absolute; top:145px; left:759px; z-index:4; width:390px; height:26px; }