/*e_MajorStyleBox-001*/ .e_MajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_MajorStyleBox-001 .stylebox_top{ background-color: #65beba; height: 67px; } /*stylebox_title*/ .e_MajorStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_MajorStyleBox-001 .stylebox_link{ color: #EAF3F3; font-size: 30px; padding: 0 15px; margin: 0; float: right; vertical-align: middle; display: table; height: inherit; border-width: 0; } .e_MajorStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_MajorStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } /*stylebox_content*/ .e_MajorStyleBox-001 .stylebox_content{ height: calc(100% - 48px); width: 100%; border-style: solid; border-width: 1px; border-color:#f0f0f0; width-uint:%; } .e_MajorStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); font-weight: normal; } .e_MajorStyleBox-001 .title_sub{ font-size: 34px; color: #fff; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; } .e_MajorStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_MajorStyleBox-001 .stylebox_title .title_icon:before{ content: "\e63d"; font-size: 34px; color: #fff; } .e_MajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle; } .e_MajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }/*e_OrdinaryStyleBox-001*/ .e_OrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } /*stylebox_content*/ .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } /*stylebox_title*/ .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.w_rbox-001{position:absolute; width:263px; height:242px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }.w_rbox-001 .p_rbox{background-color:rgba(0, 0, 0, 0); }.w_rbox-001 .p_MatteIcon:before{content:'\e752'; }.c_video_list-02001{width:640px; height:606px; position:absolute; overflow: hidden;} .c_video_list-02001 .p_Productshowcase{ width: 100%; height: auto; font-size: 0px; } .c_video_list-02001 .p_videoBox{ width: 100%; height: 360px; left: 0; top: 0; z-index: 9999; background: #fff; } .c_video_list-02001 #vide_show { height: 224px; width: 100%; } .c_video_list-02001 .p_videoBox video{ width: 100%; height: 100%; position: absolute; } .c_video_list-02001 .p_Product{ width: auto; height: auto; margin: 0 10px; } .c_video_list-02001 .p_articlesBox{ width: auto; height: auto; } .c_video_list-02001 .p_articles{width:calc((100% - 40px)/2); height: auto;background: #fff;display: inline-block;margin:10px; vertical-align: top;margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; } .c_video_list-02001 .p_articles:nth-child(even){ margin-right: 0px; } .c_video_list-02001 .p_imageBox{ width: auto; height: auto; } .c_video_list-02001 .p_LinkA{ display: block; } .c_video_list-02001 .p_images{ width: auto; height: 217px; } .c_video_list-02001 .p_image{ width: 100%; height: 100%; } .c_video_list-02001 .p_image img{ width: 100%; height: 100%; } .c_video_list-02001 .p_length{ width: 100%; height: 100%; position: absolute; bottom: 0px; left: 0px; right: 0px; background: rgba(0,0,0,.5); } .c_video_list-02001 .p_ContentA{ overflow: hidden; width: auto; height: auto; padding: 0px 5px; } .c_video_list-02001 .p_headerBox{ width: auto; height: auto; } .c_video_list-02001 .p_headerA{ float: left; font-size: 24px; color: #8B8B8B; } .c_video_list-02001 .p_headerA .font{ line-height: 45px; } .c_video_list-02001 .p_headerB .font{ line-height: 45px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .c_video_list-02001 .p_LinkB{ display: block; } .c_video_list-02001 .p_headerB{ font-size: 30px; color: #323232; } .c_video_list-02001 .p_CustomBox{ width: auto; height: auto; } .c_video_list-02001 .p_CustomA{ float: left; font-size: 24px; color: #8B8B8B; } .c_video_list-02001 .p_CustomA .font{ line-height: 36px; } .c_video_list-02001 .p_CustomB .font{ line-height: 36px; } .c_video_list-02001 .p_CustomB{ font-size: 24px; color: #65BEBA; } .c_video_list-02001 .p_OutlineBox{ width: auto; height: auto; } .c_video_list-02001 .p_OutlineA .font{ line-height: 36px; } .c_video_list-02001 .p_OutlineA{ font-size: 24px; color: #8b8b8b; float: left; } .c_video_list-02001 .p_OutlineB{ font-size: 24px; color: #333333; line-height: 36px; margin-left: 30px; } .c_video_list-02001 .p_time{ width: auto; height: auto; } .c_video_list-02001 .p_timeA .font{ line-height: 36px; } .c_video_list-02001 .p_timeB .font{ line-height: 36px; } .c_video_list-02001 .p_timeA{ font-size: 24px; color: #8b8b8b; } .c_video_list-02001 .p_timeB{ font-size: 20px; color: #333333; margin-left: 30px; } .c_video_list-02001 .p_curriculum{ width: auto; height: auto; overflow: hidden; } .c_video_list-02001 .p_curriculumA{ float: left; font-size: 24px; color: #8b8b8b; } .c_video_list-02001 .p_curriculumA .font{ line-height: 36px; } .c_video_list-02001 .p_curriculumC .font{ line-height: 36px; } .c_video_list-02001 .p_curriculumB{ overflow: hidden; } .c_video_list-02001 .p_LinkC{ display: inline-block; margin-right: 10px; } .c_video_list-02001 .p_curriculumC{ font-size: 24px; color: #65BEBA; } .c_video_list-02001 .p_lengthA .iconfont:before{ content: "\e65d"; transform: translate(-50%,-50%); top: 50%; left: 50%; position: absolute; font-size: 56px; color: rgba(228,228,228,1); } .c_video_list-02001 .p_headerA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_CustomA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_OutlineA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_timeA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_curriculumA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_lengthA{ font-size: 24px; color: #fff; float: right; } .c_video_list-02001 .p_NumberBox{ width: auto; height: auto; } .c_video_list-02001 .p_NumberA .font{ line-height: 36px; } .c_video_list-02001 .p_NumberB .font{ line-height: 36px; } .c_video_list-02001 .p_NumberA{ float: left; font-size: 24px; color: #8B8B8B; } .c_video_list-02001 .p_NumberA .iconfont:before{content: "\e6b3";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_NumberB{ font-size: 24px; color: #333333; } .c_video_list-02001{ width: 640px; font-size: 0px; } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @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); } } .loading_animation{ -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; border: 3px solid #65beba; 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; } .c_video_list-02001 .p_loading{ width: 640px; height: 100px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 100px; text-align: center; color: #A7A7A7; font-size: 30px; } .c_video_list-02001 .p_loading .iconfont:before{content: "";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_loading .font{ display: inline-block; margin-left: 20px; line-height: 100px; height: inherit; vertical-align: middle; } .c_video_list-02001 .p_more{ background-color: rgba(242,242,242,1); display: block; height: 70px; width: 100%; position: relative; border-radius: 0px; font-size: 24px; color: rgba(0,0,0,1); } .c_video_list-02001 .p_more:active{ background-color:rgba(248,248,248,0.8); } .c_video_list-02001 .p_more .font { display: block; } .c_video_list-02001 .p_more .iconfont:before{content: "\e6d1";line-height: 70px;font-size: 70px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_more .iconfont{ display:inline; vertical-align:middle; } .c_video_list-02001 .p_moreBox{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_list-02001 .p_pagebox{ margin: 0 auto; margin-top: 20px; width: 640px; height: auto; clear: both; position: relative; font-size: 0; white-space: nowrap; } .c_video_list-02001 .p_pagebox .pre{ display:inline-table; } .c_video_list-02001 .p_pagebox .next{ display:inline-table; } .c_video_list-02001 .p_pagebox .pre{ height:90px; width: 183px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color: #296fb7; text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_video_list-02001 .p_pagebox .pre:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#296fb7; cursor:pointer; } .c_video_list-02001 .p_pagebox .pre:active{ background-color:#296fb7; } .c_video_list-02001 .p_pagebox .pre .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_video_list-02001 .p_pagebox .pre .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: left; font-size: 32px; } .c_video_list-02001 .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .pre .iconfont:before{content: "\e6b0";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_pagebox .next{ height:90px; width: 183px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color: #296fb7; text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:content-box; } .c_video_list-02001 .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#296fb7; cursor:pointer; } .c_video_list-02001 .p_pagebox .next:active{ background-color:#296fb7; } .c_video_list-02001 .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 32px; } .c_video_list-02001 .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 32px; } .c_video_list-02001 .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .c_video_list-02001 .p_pagebox .next .iconfont:before{content: "\e6af";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_video_list-02001 .p_pagebox .NumBox{ width: 212px; height: 88px; border: 1px solid #CDD5D5; display: inline-table; position: relative; cursor: pointer; box-sizing:content-box; background: #e6e6e6; vertical-align: top; } .c_video_list-02001 .p_pagebox .num{ display: table-cell; vertical-align: middle; font-size: 32px; text-align: center; width: inherit; } .c_video_list-02001 .p_pagebox .ItemBox{ position: absolute; width: 260px; height: auto; border: 1px solid #D3D4D4; bottom: 90px; left: -23px; max-height: 300px; overflow-y:auto; z-index: 99; border-bottom: none; } .c_video_list-02001 .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: absolute; right: 20px; } .c_video_list-02001 .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .c_video_list-02001 .p_pagebox .NumBox ul li{ width: inherit; height: 80px; line-height: 80px; text-align: center; background-color: #FFFFFE; color: #323332; font-size: 32px; } .c_video_list-02001 .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .c_video_list-02001 .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; } .c_video_list-02001 .p_CommonSummaryBoxA {width: auto;height: auto;text-align:center; margin-bottom: 20px;} .c_video_list-02001 .p_CommonThumbnailBox { width: auto; height: auto; } .c_video_list-02001 .p_CommonSquareNumBtn { margin-left: 10px; background-color: rgba(191,191,191,1); width: 15px; height: 15px; display: inline-table; color: rgba(153,153,153,1); font-size: 12px; border-radius: 10px; -moz-border-radius: 10px; text-align: center; position: relative; } .c_video_list-02001 .p_CommonSquareNumBtn.active { background-color: #67b8b4; } .c_video_list-02001 .p_CommonSquareNumBtn .shape { background-color: inherit; width: inherit; height: inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; } .c_video_list-02001 .p_CommonSquareNumBtn img{ display: none; } .c_video_list-02001 .p_CommonSquareNumBtn:active { background-color:rgba(105,192,188,1); } .c_video_list-02001 .p_CommonInteraction{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .c_video_list-02001 .p_CommonInteraction { width: 100%; height: 100%; height: calc(100% - 15px); vertical-align: middle; position: absolute; overflow: visible; top: 0px; pointer-events: none; } .c_video_list-02001 .p_CommonSwitchBtnA { position: absolute; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; left: 0px; } .c_video_list-02001 .p_CommonSwitchBtnA .iconfont { color: rgba(191,191,191,1); } .c_video_list-02001 .p_CommonSwitchBtnA .iconfont:before { content: "\e6b0"; } .c_video_list-02001 .p_CommonSwitchBtnA{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_video_list-02001 .p_CommonSwitchBtnA .iconfont{ } .c_video_list-02001 .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_video_list-02001 .p_CommonSwitchBtnB{ display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:#e2e2e2; } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont{ } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont:before{ display: inline-block; } .c_video_list-02001 .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .c_video_list-02001 .p_CommonSwitchBtnB { position: absolute; top: 50%; right: 0px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); pointer-events: all; } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont { color: rgba(191,191,191,1); } .c_video_list-02001 .p_CommonSwitchBtnB .iconfont:before { content: "\e6af"; } .c_video_list-02001 .p_OccupyBox{ margin: 0; width: auto; height: auto; padding: 0; border: none; } 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-02001 .p_MatteIcon:before{content:'\e752'; }.c_video_list-02001 >div{animation-fill-mode:both; }.w_video-000{ position: absolute; width: 480px; height: 270px; } .w_video-000 .w_video{ width: 100%; height: 100%; position: relative; overflow: hidden; } .w_video-000 .w_video .p_video{ position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .w_video-000 .w_video .p_video + div{ display: none; }.w_img-001{position:absolute; width:280px; height:280px; font-size: 30px;} .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; } .w_img-001 .e_image:hover:after { background: transparent; }.w_img-001 .p_MatteIcon:before{content:'\e752'; }.w_img-001 >div{animation-fill-mode:both; }.c_ads_banner-28002{position:absolute; width:400px; height:200px; overflow:hidden;} .lubo { width: 100%; min-width: 100%; clear: both; position: relative; height: 100%; } .lubo_box { position: relative; width: 100%; height: 100%; } .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:30px !important; } .cir_box li { float: left; width: 30px; height: 5px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 0.8; filter: alpha(opacity=80); } .cir_on { background: #d72400 !important; } .lubo_btn { position: absolute; width: 100%; top: 50%; margin-top: -37px; } .left_btn, .right_btn { transition: 1s all; top: 50%; padding: 20px 10px; font-size: 30px; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.498039); cursor: pointer; display: block; opacity: 0.5; } .left_btn:hover, .right_btn:hover { opacity: 1; } .left_btn { float: left; } .right_btn { float: right; }.c_ads_banner-28002 .p_MatteIcon:before{content:'\e752'; }.c_ads_banner-36002001{position:absolute; width:400px; height:200px; overflow:hidden;} .swipe { width: 100%; overflow: hidden; } .swipe ul { margin: 0; padding: 0; list-style-type: none; } .swipe li a{ width: 100%; } .swipe li div, .swipe div div div { background: #1db1ff; font-weight: bold; color: #fff; font-size: 20px; text-align: center; } .swipe li a img { width: 100%; } .swipe li { margin: 0px; } #slider4 { line-height: 0; text-align: center; } #slider4 ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; } #pagenavi { position: absolute; bottom: 25px; display: block; overflow: hidden; margin: auto; text-align: center; width: 100%; } #pagenavi .line { display: table; margin: 0 auto; height: 15px; text-align: center; padding: 0; } #pagenavi .line a { width: 15px; height: 15px; background: #515151; margin-right: 5px; border-radius: 50px; margin-left: 5px; float: left; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 0px; } #pagenavi .line a.active { background: #d90d19; }.c_ads_banner-36002001 .p_MatteIcon:before{content:'\e752'; }.w_btn-001{position:absolute; width:600px; height:70px; } .w_btn-001 .p_CommonBtn{width: 100%;height: inherit;padding:0;background-color:rgba(23, 182, 165, 1); color:rgba(255, 255, 255, 1); } .w_btn-001 .animated{ width:100%; height:100%; }.w_btn-001 .p_MatteIcon:before{content:'\e752'; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/.w_common_text-001{font-size:26px; }#c_ads_banner-15324896384248972 .p_MatteIcon:before{content:'\e752'; }#c_ads_banner-15324896384248972{ position:absolute; top:1200px; left:0px; z-index:105; width:640px; height:425px; }#c_ads_banner-15324899546484723 .p_MatteIcon:before{content:'\e752'; }#c_ads_banner-15324899546484723{ position:absolute; top:0px; left:0px; z-index:3; width:640px; height:360px; }#c_video_list-15338002894604555 .p_articles{width:calc((100% - 40px)/2); margin:10px; margin-top:10px; margin-right:10px; margin-bottom:10px; margin-left:10px; }#c_video_list-15338002894604555 .p_CommonSummaryBoxA{text-align:center; }#c_video_list-15338002894604555 .p_MatteIcon:before{content:'\e752'; }#c_video_list-15338002894604555 >div{animation-fill-mode:both; }#c_video_list-15338002894604555 .p_headerA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_OutlineA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_CustomA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_timeA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_curriculumA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_NumberA .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_pagebox .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_pagebox .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_video_list-15338002894604555{ position:absolute; top:3269px; left:-0.125px; z-index:112; width:640px; height:223px; }#w_rbox-1523811335255 .p_rbox{background-color:rgba(255, 255, 255, 1); }#w_rbox-1523811335255 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1523811335255 >div{animation-fill-mode:both; }#w_rbox-1523812293200 .p_rbox{background-image:url(/img/aboutbj.jpg); background-image-part-image:url(/img/aboutbj.jpg); }#w_rbox-1523812293200 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1523812293200 >div{animation-fill-mode:both; }#w_img-1532490639254 .p_link001{height:calc(100%); }#w_img-1532490639254 .p_MatteIcon:before{content:'\e752'; }#w_img-1532490639254 >div{animation-fill-mode:both; }#w_img-1532490658019 .p_link001{height:calc(100%); }#w_img-1532490658019 .p_MatteIcon:before{content:'\e752'; }#w_img-1532490658019 >div{animation-fill-mode:both; }#w_rbox-1532490697631 .p_rbox{background-color:rgba(0, 0, 0, 0.5); }#w_rbox-1532490697631 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1532490697631 >div{animation-fill-mode:both; }#w_rbox-1532490909201 .p_rbox{background-color:rgba(0, 0, 0, 0.5); }#w_rbox-1532490909201 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1532490909201 >div{animation-fill-mode:both; }#w_rbox-1532497605194 .p_rbox{border-left-color:rgba(255, 255, 255, 0.5); border-left-style:solid; border-left-width:1px; border-right-color:rgba(255, 255, 255, 0.5); border-right-style:solid; border-right-width:1px; border-bottom-color:rgba(255, 255, 255, 0.5); border-bottom-style:solid; border-bottom-width:1px; }#w_rbox-1532497605194 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1532497605194 >div{animation-fill-mode:both; }#w_rbox-1532497264866 .p_rbox{background-color:rgba(88, 133, 196, 1); }#w_rbox-1532497264866 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1532497264866 >div{animation-fill-mode:both; }#w_rbox-1532497446156 .p_rbox{border-top-color:rgba(255, 255, 255, 0.5); border-top-style:solid; border-top-width:1px; border-right-color:rgba(255, 255, 255, 0.5); border-right-style:solid; border-right-width:1px; border-bottom-color:rgba(255, 255, 255, 0.5); border-bottom-style:solid; border-bottom-width:1px; }#w_rbox-1532497446156 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1532497446156 >div{animation-fill-mode:both; }#w_rbox-1532497578462 .p_rbox{border-right-color:rgba(255, 255, 255, 0.5); border-right-style:solid; border-right-width:1px; border-bottom-color:rgba(255, 255, 255, 0.5); border-bottom-style:solid; border-bottom-width:1px; }#w_rbox-1532497578462 .p_MatteIcon:before{content:'\e752'; }#w_rbox-1532497578462 >div{animation-fill-mode:both; }#w_img-1532497605207 .p_link001{height:calc(100%); }#w_img-1532497605207 .p_MatteIcon:before{content:'\e752'; }#w_img-1532497605207 >div{animation-fill-mode:both; }#w_img-1532490576820 .p_link001{height:calc(100%); }#w_img-1532490576820 .p_MatteIcon:before{content:'\e752'; }#w_img-1532490576820 >div{animation-fill-mode:both; }#w_img-1532497472069 .p_link001{height:calc(100%); }#w_img-1532497472069 .p_MatteIcon:before{content:'\e752'; }#w_img-1532497472069 >div{animation-fill-mode:both; }#w_img-1532497578473 .p_link001{height:calc(100%); }#w_img-1532497578473 .p_MatteIcon:before{content:'\e752'; }#w_img-1532497578473 >div{animation-fill-mode:both; }#w_img-1532497300705 .p_link001{height:calc(100%); }#w_img-1532497300705 .p_MatteIcon:before{content:'\e752'; }#w_img-1532497300705 >div{animation-fill-mode:both; }#w_btn-1532490315681 .p_CommonBtn{background-color:rgba(255, 60, 6, 1); font-size:16px; }#w_btn-1532490315681 .p_CommonBtn:hover{background-color:rgba(1, 112, 100, 1); }#w_btn-1532490315681 .p_MatteIcon:before{content:'\e752'; }#w_btn-1532490909232 .p_CommonBtn{background-color:rgba(255, 255, 255, 1); font-size:14px; color:rgba(92, 92, 92, 1); }#w_btn-1532490909232 .p_CommonBtn:hover{background-color:rgba(255, 60, 6, 1); color:rgba(255, 255, 255, 1); }#w_btn-1532490909232 .p_MatteIcon:before{content:'\e752'; }#w_btn-1532490759658 .p_CommonBtn{background-color:rgba(255, 255, 255, 1); font-size:14px; color:rgba(92, 92, 92, 1); }#w_btn-1532490759658 .p_CommonBtn:hover{background-color:rgba(255, 60, 6, 1); color:rgba(255, 255, 255, 1); }#w_btn-1532490759658 .p_MatteIcon:before{content:'\e752'; }#w_img-1532489233871 .p_link001{height:calc(100%); }#w_img-1532489233871 .p_MatteIcon:before{content:'\e752'; }#w_img-1532489233871 >div{animation-fill-mode:both; }#w_rbox-1523810111154{ position:absolute; top:110px; left:0px; z-index:102; width:640px; height:360px; }#w_rbox-1523811335255{ position:absolute; top:470px; left:0px; z-index:103; width:640px; height:730px; }#w_rbox-1523812293200{ position:absolute; top:1625px; left:0px; z-index:104; width:640px; height:580px; }#w_rbox-1532490491600{ position:absolute; top:2243px; left:30px; z-index:106; width:580px; height:300px; }#w_img-1532490639254{ position:absolute; top:2590px; left:30px; z-index:107; width:265px; height:330px; }#w_img-1532490658019{ position:absolute; top:2590px; left:345px; z-index:108; width:265px; height:330px; }#w_rbox-1532490697631{ position:absolute; top:2791px; left:30px; z-index:109; width:265px; height:129px; }#w_rbox-1532490909201{ position:absolute; top:2791px; left:345px; z-index:110; width:265px; height:129px; }#w_video-1532491036155{ position:absolute; top:2969px; left:30px; z-index:111; width:580px; height:280px; }#w_rbox-1532497605194{ position:absolute; top:141px; left:237px; z-index:5; width:156px; height:110px; }#w_rbox-1532497264866{ position:absolute; top:31px; left:237px; z-index:2; width:156px; height:110px; }#w_rbox-1532497446156{ position:absolute; top:31px; left:393px; z-index:3; width:156px; height:110px; }#w_rbox-1532497578462{ position:absolute; top:141px; left:393px; z-index:4; width:156px; height:110px; }#w_common_text-1532497347391{ position:absolute; top:45px; left:55px; z-index:2; width:90px; height:19px; }#w_img-1532497605207{ position:absolute; top:31px; left:12px; z-index:1; width:36px; height:37px; }#w_common_text-1532497605218{ position:absolute; top:45px; left:55px; z-index:2; width:90px; height:19px; }#w_img-1532490576820{ position:absolute; top:0px; left:0px; z-index:1; width:580px; height:300px; }#w_img-1532497472069{ position:absolute; top:31px; left:12px; z-index:1; width:36px; height:37px; }#w_common_text-1532497472084{ position:absolute; top:45px; left:55px; z-index:2; width:90px; height:19px; }#w_img-1532497578473{ position:absolute; top:31px; left:12px; z-index:1; width:36px; height:37px; }#w_img-1532497300705{ position:absolute; top:31px; left:13px; z-index:1; width:36px; height:37px; }#w_common_text-1532490204797{ position:absolute; top:49px; left:221.5px; z-index:1; width:171px; height:40px; }#w_btn-1532490315681{ position:absolute; top:483px; left:250px; z-index:3; width:140px; height:45px; }#w_common_text-1532490909218{ position:absolute; top:28px; left:23px; z-index:1; width:97px; height:31px; }#w_btn-1532490909232{ position:absolute; top:87px; left:151px; z-index:2; width:101px; height:29px; }#w_common_text-1532490279513{ position:absolute; top:104px; left:42px; z-index:2; width:555px; height:352px; }#w_common_text-1532490727343{ position:absolute; top:28px; left:23px; z-index:1; width:97px; height:31px; }#w_btn-1532490759658{ position:absolute; top:87px; left:151px; z-index:3; width:101px; height:29px; }#w_img-1532489233871{ position:absolute; top:0px; left:0px; z-index:6; width:640px; height:730px; }#w_common_text-1532497578483{ position:absolute; top:45px; left:55px; z-index:2; width:90px; height:19px; }