* { padding: 0; margin: 0; box-sizing: border-box; list-style: none; } *::-webkit-scrollbar { display: none; } .set-flex, .set-flex * { display: flex; flex-flow: row wrap; } .recode-module-item { text-align: center; } .recode-module-item .recode-module-head { font-size: 3.2vw; } .recode-module-item .recode-module-icon { width: 7vw; height: 7vw; } .recode-weui-media-box__hd { margin-right: 0; } .recode-index-profile { margin-top: 2vw; padding: 5vw 0; width: 100vw; height: auto; background: #ffffff; float: left; } .recode-index-profile * { float: left; } .recode-index-profile .box-shadow { box-shadow: 1vw 1vw 1vw #aaaaaa; } .recode-index-profile1 { padding-bottom: 5vw; width: 100vw; height: auto; background: #ffffff; float: left; } .recode-index-profile1 * { float: left; } .recode-index-profile1 .box-shadow { box-shadow: 1vw 1vw 1vw #aaaaaa; } .recode-index-profile-head { width: 100%; } .recode-index-profile-head-title { width: 100%; font-size: 5vw; text-align: center; } .recode-index-profile-head span { width: 100%; font-size: 3vw; text-align: center; } .recode-index-profile-content { padding: 0 3%; font-size: 3.6vw; } .recode-index-profile-content p * { float: none; } .recode-index-profile-illustration, .recode-index-profile-illustration * { display: flex; flex-flow: row wrap; } .recode-index-profile-illustration { position: relative; margin: 5vw 3% 0 3%; width: 94%; height: 64vw; } .recode-index-profile-illustration-msg { align-content: space-between; width: 100%; } .recode-index-profile-illustration-msg p { align-items: center; width: 100%; height: 21vw; font-size: 2.6vw; } .recode-index-profile-illustration-msg p:nth-child(1) { justify-content: flex-start; } .recode-index-profile-illustration-msg p:nth-child(2) { justify-content: flex-end; } .recode-index-profile-illustration-img { position: absolute; padding: 1vw; background: #ffffff; border-radius: 6vw; width: 60vw; height: 42vw; } .recode-index-profile-illustration-left { left: 0; bottom: 0; z-index: 1; } .recode-index-profile-illustration-right { right: 0; top: 0; z-index: 2; } .recode-index-profile-achievement { margin-top: 5vw; width: 100vw; } .recode-index-profile .recode-index-pro, .recode-index-profile .recode-index-pro * { display: flex; flex-flow: row wrap; } .recode-index-profile .recode-index-pro { padding: 2vw 2.5vw; justify-content: space-between; width: 100%; } .recode-index-profile .recode-index-pro-item { margin-top: 3vw; padding: 2vw; width: 46vw; height: 42vw; background: #F2F2F2; } .recode-index-profile .recode-index-pro-item li { align-content: space-between; justify-content: center; width: 100%; height: 100%; } .recode-index-profile .recode-index-pro-item li .recode-index-pro-item-img { max-width: 100%; max-height: 75%; } .recode-index-profile .recode-index-pro-item li span { font-size: 3vw; justify-content: center; width: 100%; } .recode-index-profile .recode-index-advantage-item { position: relative; z-index: 1; padding: 4vw 0 4vw 4vw; margin-top: 3vw; width: 46vw; height: 27.5vw; color: #ffffff; align-content: flex-start; overflow: visible; } .recode-index-profile .recode-index-advantage-item .recode-index-advantage-item-title { margin-bottom: 1vw; width: 100%; font-size: 4vw; line-height: 4vw; } .recode-index-profile .recode-index-advantage-item .recode-index-advantage-item-msg { margin-top: 1vw; width: 100%; font-size: 3vw; line-height: 3vw; } .recode-index-profile .recode-index-advantage-item .recode-index-advantage-item-img { position: absolute; top: 0; left: 0; z-index: -1; width: 46vw; height: 27.5vw; } .recode-index-profile .recode-index-advantage .full-width { width: 100%; } .recode-index-profile .recode-index-advantage .full-width-img { width: 100%; height: auto; } .recode-index-profile .recode-index-news { padding: 0 2.5vw; width: 100%; } .recode-index-profile .recode-index-news-item { padding: 3.5vw 0; width: 100%; border-bottom: solid 1px #eeeeee; } .recode-index-profile .recode-index-news-item li { width: 100%; } .recode-index-profile .recode-index-news-item li .recode-index-news-item-date span { width: 100%; } .recode-index-profile .recode-index-news-item li .recode-index-news-item-date span:nth-child(1) { font-size: 3.5vw; color: #666666; padding-left: 2vw; } .recode-index-profile .recode-index-news-item li .recode-index-news-item-date span:nth-child(2) { font-size: 3vw; color: #666666; } .recode-index-profile .recode-index-news-item li .index-news-box { width: 100%; } .recode-index-profile .recode-index-news-item li .index-news-box .index-news-content { width: 70vw; padding: 1vw; } .recode-index-profile .recode-index-news-item li .index-news-box .index-news-photo { width: 25vw; height: 25vw; overflow: hidden; border-radius: 2vw; } .recode-index-profile .recode-index-news-item li .recode-index-news-item-title { padding: 1vw 2vw 0; width: 100%; font-size: 4vw; } .recode-index-profile .recode-index-news-item li .recode-index-news-item-title span { padding: 0.6vw 2.5vw; font-size: 3vw; line-height: 3vw; font-weight: normal; border-radius: 2.5vw; color: #ffffff; background: #008ed6; float: right; } .recode-index-profile .recode-index-news-item li .recode-index-news-item-content { font-size: 3.5vw; } .recode-index-profile .recode-index-partners { margin: 7vw 0; padding: 0 5vw; width: 100%; } .recode-index-profile .recode-index-swiper-news { margin: 5vw 2.5vw 0 2.5vw; width: 95vw; height: 55vw; overflow: hidden; } .recode-index-profile .recode-index-swiper-news .swiper-wrapper { height: 55vw; } .recode-index-profile .recode-index-swiper-news .swiper-wrapper .swiper-slide { position: relative; width: 95vw; height: 55vw; } .recode-index-profile .recode-index-swiper-news .swiper-wrapper .swiper-slide .recode-index-swiper-img { width: 100%; height: 50vw; border-radius: 3vw; } .recode-index-profile .recode-index-swiper-news .swiper-wrapper .swiper-slide .recode-index-swiper-title { margin: 0 2.5vw; padding: 0 2.5vw; position: absolute; bottom: 0; z-index: 1; background: #008ed6; color: #ffffff; width: 90vw; border-radius: 3vw; height: 10vw; line-height: 10vw; font-size: 3.6vw; font-weight: 400; } .recode-index-profile-more { margin: 0 3%; width: 94%; height: 10vw; line-height: 10vw; border-radius: 1.5vw; color: #ffffff; text-align: center; font-size: 4vw; font-weight: 400; background: #008ed6; } .recode-index-card { padding: 5vw 4vw; width: 100%; background: #008ed6; border-top-left-radius: 3vw; border-top-right-radius: 3vw; } .recode-index-card-contact { width: 100%; color: #FFFFFF; } .recode-index-card-contact-chinese { width: 100%; font-size: 5.5vw; font-weight: 600; justify-content: center; } .recode-index-card-contact-english { width: 100%; font-size: 3.5vw; justify-content: center; } .recode-index-card-QR { width: 100%; padding: 5vw; } .recode-index-card-QR-img { width: 100%; justify-content: center; } .recode-index-card-QR-name { width: 100%; padding: 1vw; color: #FFFFFF; font-size: 2.7vw; justify-content: center; } .recode-index-card-phone { width: 100%; justify-content: center; color: #FFFFFF; font-size: 3vw; } .recode-index-card-phone a { color: #ffffff; } .recode-index-card-phone .recode-index-card-phone-li { display: inline; width: 50%; height: 8.5vw; padding: 0 2vw; justify-content: flex-start; align-content: flex-end; } .recode-index-card-phone .recode-index-card-phone-li .recode-index-card-phone-li-img { width: 8.5vw; height: 8.5vw; margin: 0 2vw; float: left; } .recode-index-card-phone .recode-index-card-phone-li span { width: 25vw; float: left; text-align: center; } .recode-index-our-advantage { background-image: url("../img/advantage.bg.jpg"); } .recode-index-foot { margin-top: 0; background: #008ed6; color: #ffffff; } .swaip-news-box { width: 100vw; height: 9.6vw; float: left; position: relative; padding: 5px; background-color: #ffffff; border: 1rpx solid #eeeeee; } .swaip-news-box-title { padding: 0 1vw; width: 20%; display: inline; border:#008ed6 2px solid; border-radius:3px; } .swaip-news-box-pad_right { padding-left: 2vw; margin-right: 7vw; } .swaip-news-box-pad_left { padding-left: 7vw; margin-right: 2vw; } .swaip-news-box #scroll_div, .swaip-news-box #scroll_div_top { margin-left: 5px; position: absolute; height: 26px; overflow: hidden; white-space: nowrap; width: 70%; display: inline; } .swaip-news-box #scroll_div div, .swaip-news-box #scroll_div_top div { display: inline; } .swaip-news-box #scroll_div div a, .swaip-news-box #scroll_div_top div a { color: #cc0000; } .yh-content { width: 100vw; background-color: #FFFFFF; padding-bottom: 0; } .yh-content .home-cover { position: relative; width: 100vw; background-color: #FFFFFF; } .yh-content .home-cover .cover-img { width: 100vw; height: 38vw; } .yh-content .home-cover .home-cover-text { position: absolute; left: 10vw; top: 10vw; width: 90vw; color: #ffffff; } .yh-content .home-cover .home-cover-text .home-cover-title { width: 100%; font-size: 5.5vw; letter-spacing: 0.3vw; } .yh-content .home-cover .home-cover-text .home-cover-msg { margin-top: 2vw; width: 100%; font-size: 3vw; } .yh-content .perduce { width: 100vw; padding: 3vw; background-color: #ffffff; } .yh-content .perduce .perduce-title { margin-top: 4vw; width: 100vw; align-items: center; } .yh-content .perduce .perduce-title #title-strip { width: 1vw; height: 5vw; border-radius: 1vw; margin: 0 2vw; background-color: #008ed6; } .yh-content .perduce .perduce-title #title-text { font-size: 5vw; font-weight: 600; } .yh-content .perduce .perduce-choose { width: 100%; overflow: scroll; display: block; } .yh-content .perduce .perduce-choose .choose-item { flex-shrink: 0; /* width: 100%; */ } .yh-content .perduce .perduce-choose .choose-item .item-one { margin: 1vw 2vw 1vw 2vw; /* width: 49%; */ height: 9vw; padding: 0 2vw; background-color: #f8f8f8; border-radius: 2.57142857vw; color: #000000; font-size: 3.5vw; letter-spacing: 0.2vw; justify-content: center; align-items: center; } .yh-content .perduce .perduce-choose .choose-item .item-clickOne { background-color: #008ed6; color: #FFFFFF; } .yh-content .perduce .perduce-choose1 { width: 100%; overflow: scroll; display: block; } .yh-content .perduce .perduce-choose1 .choose-item1 { flex-shrink: 0; /* width: 100%; */ } .yh-content .perduce .perduce-choose1 .choose-item1 .item-one { margin: 0vw 1vw 1vw 1vw; /* width: 49%; */ height: 6vw; padding: 0 1vw; background-color: #f8f8f8; border-radius: 1.5vw; color: #000000; font-size: 2.5vw; letter-spacing: 0.2vw; justify-content: center; align-items: center; } .yh-content .perduce .perduce-choose1 .choose-item1 .item-clickOne { background-color: #cccccc; color: #FFFFFF; } .yh-content .perduce .perduce-img-name { width: 100%; padding: 5vw 0; justify-content: space-between; } .yh-content .perduce .perduce-img-name .perduce-one { height: 46vw; width: 46vw; margin: 1vw 0; justify-content: center; align-items: center; background-color: #f2f2f2; border-radius: 2vw; padding-bottom: 8vw; } .yh-content .perduce .perduce-img-name .perduce-one .perduce-img { padding: 2vw; width: 100%; height: 100%; } .yh-content .perduce .perduce-img-name .perduce-one .perduce-name { padding: 0 2vw; justify-content: center; width: 100%; font-size: 3.5vw; } .yh-content .news-img-time-name { padding: 2vw; width: 100%; } .yh-content .news-img-time-name .news-one { margin-top: 6vw; width: 100%; border-radius: 2vw; overflow-x: hidden; overflow-y: hidden; } .yh-content .news-img-time-name .news-one .news-time-img { position: relative; width: 100%; } .yh-content .news-img-time-name .news-one .news-time-img .news-time { position: absolute; top: 0; right: 0; width: 18vw; height: 14vw; background-color: #008ed6; border-radius: 0 2vw; padding: 2vw; } .yh-content .news-img-time-name .news-one .news-time-img .news-time .time-mouth-day { width: 100%; font-weight: 600; font-size: 3.5vw; color: #FFFFFF; justify-content: center; align-items: center; } .yh-content .news-img-time-name .news-one .news-time-img .news-time .time-year { width: 100%; justify-content: center; font-size: 3.5vw; color: #FFFFFF; align-items: center; } .yh-content .news-img-time-name .news-one .news-time-img .news-img { width: 100%; height: 45vw; } .yh-content .news-img-time-name .news-one .news-name { width: 100%; padding: 3vw 2vw; border-radius: 0 0 2vw 2vw; border: 1px solid #e9e9e9; border-top: none; } .yh-content .news-img-time-name .news-one .news-name .news-title { width: 100%; font-size: 3.6vw; } .yh-content .news-img-time-name .news-one .news-name .news-content { width: 100%; padding: 1vw 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-size: 3.3vw; line-height: 4.3vw; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .yh-content .recode-page-content, .yh-content .recode-page-content * { display: revert; overflow: hidden; } .yh-content .recode-page-content { margin-top: 8vw; width: 100%; } .yh-content .recode-page-content img { margin: auto; width: 100%; height: 100%; } .Page-box { width: 100%; justify-content: center; align-items: center; } .Page-box li { padding: 0 2.5vw; } .Page-box .page-active { background: #008ed6; } .Page-box .page-active a { color: #ffffff; } .Page-next { padding: 1.2vw 2.5vw; margin: 0 1vw; justify-content: center; align-items: center; border-radius: 1vw; } .Page-now { background-color: #008ed6; color: #FFFFFF; } .news-share { padding: 2vw; justify-content: space-between; width: 100%; font-size: 5vw; color: #999999; } .news-share-share { /* padding: 2vw; */ justify-content: center; font-size: 5vw; } .news-share-agree { /* padding: 2vw; */ margin-left: 3vw; justify-content: center; font-size: 5vw; } .news-share * span { padding: 0; margin-left: 1vw; align-items: center; justify-content: center; width: 100%; font-size: 4vw; } .news-comments { width: 100%; margin-top: 2vw; background-color: #ededed; } .news-comments-is { width: 100%; } .news-comments-is-comments-button { flex: 1; color: #ededed; } .news-comments-is-write-button { padding: 2vw; } .news-comments-box { width: 100%; height: 40vw; margin: 2vw; justify-content: center; display: none; background-color: #55AA7F; } .news-comments-box-textarea { justify-content: center; border: 0.2vw solid #FFFFFF; } .news-comments-list { width: 100%; background-color: #FFFFFF; } .news-comments-list-item { width: 100%; padding: 2vw; margin-top: 4vw; } .news-comments-list-item-head { padding: 1vw; } .news-comments-list-item-head-img { width: 10vw; height: 10vw; border-radius: 1vw; } .news-comments-list-item-body { flex: 1; padding-left: 2vw; } .news-comments-list-item-body-about { width: 100%; } .news-comments-list-item-body-about-id { flex: 1; /* padding: 0 1vw 1vw 0; */ color: #999999; } .news-comments-list-item-body-about-agree { /* padding: 0 1vw 1vw 0; */ } .news-comments-list-item-body-comment { width: 100%; } .comment-button { border: 0.2vw solid #FFFFFF; background-color: #FFFFFF; color: #116d8b; } .recode-rich { float: left; } .recode-rich * { float: left; } .preview-picture { display: flex; flex-direction: column; position: fixed; top: 0; z-index: 99999; width: 100vw; height: 100vh; background: #000; } .preview-picture .preview-picture-top, .preview-picture .preview-picture-bottom { min-height: 14vw; line-height: 14vw; color: #fff; text-align: center; } .preview-picture .preview-picture-album { position: relative; background: #000; flex: 1; overflow: hidden; } .preview-picture .preview-picture-album .preview-picture-album-list { position: absolute; top: 0; left: 0; transition: left 0.3s; height: 100%; } .preview-picture .preview-picture-album .preview-picture-album-list .preview-picture-album-img { display: flex; flex-direction: column; justify-content: center; width: 100vw; height: 100%; float: left; } .preview-picture .preview-picture-album .preview-picture-album-list .preview-picture-album-img img { max-width: 100vw; max-height: 100%; } /* 鍥炬爣瀵艰埅 */ .iconLink{width:100%;} .iconLink li{width:23.9%;display:inline-table;text-align:center;} .iconLink li img{width:70%;display:block;border:none;max-width: 100%;margin:0 auto;text-align:center;} .iconLink li span{width:80%;height:30px;line-height:30px;font-size:15px;} /*鍥剧墖鍒楄〃*/ .news-img-time-name-index { margin:10px auto; width: 100%; } .news-img-time-name-index .news-one { margin:0 auto 6vw; display:block; width: 96%; border-radius: 2vw; overflow-x: hidden; overflow-y: hidden; } .news-img-time-name-index .news-one .news-time-img { position: relative; width: 100%; } .news-img-time-name-index .news-one .news-time-img .news-time { position: absolute; top: 0; right: 0; width: 18vw; height: 14vw; background-color: #00B9EF; border-radius: 0 2vw; padding: 2vw; display:none; } .news-img-time-name-index .news-one .news-time-img .news-time .time-mouth-day { width: 100%; height:7vw; display:flex; font-weight: 600; font-size: 3.5vw; color: #FFFFFF; justify-content: center; align-items: center; } .news-img-time-name-index .news-one .news-time-img .news-time .time-year { width: 100%; height:7vw; display:flex; justify-content: center; font-size: 3.5vw; color: #FFFFFF; align-items: center; } .news-img-time-name-index .news-one .news-time-img .news-img { width: 100%; height: 45vw; } .news-img-time-name-index .news-one .news-name { padding: 3vw 2vw; border-radius: 0 0 2vw 2vw; border: 1px solid #e9e9e9; border-top: none; } .news-img-time-name-index .news-one .news-name .news-title { width: 100%; font-size: 3.6vw; font-weight:600; line-height:4vw; } .news-img-time-name-index .news-one .news-name .news-content { width: 100%; padding: 1vw 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; font-size: 3.3vw; line-height: 4.3vw; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .img { width: 100%; height: 100%; padding-bottom: 4vw; } .k12-gl-gslb-3nf1-1-01-left dl { width: 48%; float: left; background: #f0f0f0; margin: 0 1.3% 1% 0 } .k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n) { margin-right: 0; } .k12-gl-gslb-3nf1-1-01-left dt { border: 1px solid #e5e5e5; padding: 2% 2%; background: #fff; } .k12-gl-gslb-3nf1-1-01-left dt img { display: block; width: 100%; height: 100%; } .k12-gl-gslb-3nf1-1-01-left dd { height: 8vw; font-size: 3vw; line-height: 8vw; text-align: center; padding: 0 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0; margin: auto; } .k12-gl-gslb-3nf1-1-01-left dd a { color: #4b4a4a; } .m_ctt { margin:0 auto;float:left;width:96%;height:auto;overflow:hidden;line-height:28px;padding:2%;} .newsshow_title { margin:0 auto;width:100%;min-height:30px; HEIGHT: auto !important; height:30px; overflow:visible;padding-top:10px;font-size:18px;font-weight:bold;text-align:center;display: block;} .newsshow_sm { margin:0 auto;width:100%;height:30px;line-height:30px;text-align:center;border-bottom:1px #1594D6 dashed;font-size:12px;display: block;} .newsshow_sm2 { margin:0 auto;width:100%;height:10px;line-height:10px;text-align:center;border-bottom:1px #1594D6 dashed;font-size:12px;display: block;} .newsshow_ctt { margin:0 auto;padding:5px 0;width:100%;height:auto;overflow:hidden;line-height:28px;font-size:14px;display: block;} .newsshow_ctt iframe{width:95%;display: block;} .newsshow_xg,.newsshow_fx { margin:0 auto;width:100%;height:auto;overflow:hidden;text-align:left;border-top:1px #e2e2e2 solid;line-height:20px;padding-top:5px;font-size:12px;display: block;} .newsshow_fx { float:right;width:auto;padding-top:5px;padding-bottom:10px;text-align:right;border:0;display: block;} .slidectr { margin:0 auto;float:left;width:100%;height:auto;display: block;} .newsshow_ctt .product_sort{text-align:center;display: block;} .newsshow_ctt .product_sort li {display:block;} .newsshow_ctt .product_sort li a{display:inline-block;width:70%;height:30px;overflow:hidden;line-height:30px;text-align:center;border:1px solid #1594D6;-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;font-size:14px;font-weight:bold;color:#1594D6;margin-top:5px;} /* 瑙嗛鏍忕洰 */ .home-video { width: 100vw; height: auto; overflow: hidden; float: left; background: #fff; } .home-video .home-video-player { margin: 2vw 0.5vw; width: 99vw; height: 55vw; overflow: hidden; /* background-image: url(../img/cover.2.jpgg"); */ border-radius: 0.4vw; } .home-video .home-video-title { background: #fff; width: 100%; padding: 1vw 0 5vw; margin: auto; font-size: 4vw; text-align: center; border-radius: 0 0 2vw 2vw; border: 1px solid #e9e9e9; border-top: none; display: block; } .home-video .home-video-title1 { width: 100%; padding: 1vw 0 5vw; margin: auto; font-size: 4vw; text-align: center; border-radius: 0 0 2vw 2vw; border: 1px solid #e9e9e9; border-top: none; display: block; } .home-video .home-video-player video { height: 100%; width: 100vw; } .home-video .home-video-scroll { position: relative; margin: 2vw 0; height: 14vw; } .home-video .home-video-scroll .home-video-scroll-list { height: 100%; } .home-video .home-video-scroll .home-video-scroll-list .home-video-scroll-item { margin: 0 0.5vw; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; height: 14vw; width: 19vw; background: #000000; border-radius: 0.4vw; float: left; } .home-video .home-video-scroll .home-video-scroll-list .home-video-scroll-item img { height: 100%; max-width: 100vw; } .home-video .home-video-scroll .home-video-prev, .home-video .home-video-scroll .home-video-next { display: none; padding: 2vw 1vw; position: absolute; top: 4vw; background: #000; opacity: 0.5; } .home-video .home-video-scroll .home-video-prev .home-video-page, .home-video .home-video-scroll .home-video-next .home-video-page { width: 2vw; height: 2vw; } .home-video .home-video-scroll .home-video-prev { left: 0; } .home-video .home-video-scroll .home-video-next { right: 0; } .home-video .home-video-classification .home-video-classification-item { position: relative; width: 33.33%; height: 33.33333333vw; overflow: hidden; float: left; } .home-video .home-video-classification .home-video-classification-item a { justify-content: center; align-items: center; align-content: center; } .home-video .home-video-classification .home-video-classification-item .home-video-classification-item-cover { width: 33.33333333vw; height: 33.33333333vw; } .home-video .home-video-classification .home-video-classification-item .home-video-classification-item-label { position: absolute; bottom: 0; z-index: 2; align-content: flex-end; height: 33.33333333vw; text-align: center; color: #ffffff; letter-spacing: 0.3vw; } .home-video .home-video-classification .home-video-classification-item .home-video-classification-item-label .home-video-classification-item-label-title { padding: 1.5vw 0; font-size: 1.1vw; font-weight: bold; background: #008ed6; } .home-video .home-video-classification .home-video-classification-item .home-video-classification-item-label .home-video-classification-item-label-more { background: #008ed6; transition: height 0.2s; height: 0; float: left; } .home-video .home-video-classification .home-video-classification-item .home-video-classification-item-label .home-video-classification-item-label-more .home-video-classification-item-label-info { font-size: 0.9vw; float: left; } .home-video .home-video-classification .home-video-classification-item .home-video-classification-item-label .home-video-classification-item-label-more .home-video-classification-item-label-logo { padding: 1.5vw 0; margin: 0 14vw; width: 6vw; float: left; } .home-video .home-video-classification .home-video-classification-item .home-video-classification-item-label .home-video-classification-item-label-more .home-video-classification-item-label-logo img { width: 100%; height: 100%; } .home-video .home-video-classification .home-video-classification-item:hover .home-video-classification-item-label { background: none; } .home-video .home-video-classification .home-video-classification-item:hover .home-video-classification-item-label .home-video-classification-item-label-more { height: 6.6vw; } .home-video .home-video-classification .home-video-classification-item:hover .home-video-classification-item-cover { width: 40vw; height: 40vw; transition-property: width , height; transition-duration: 0.2s, 0.2s; } .full-width { width: 100%; } .home-video .playerlt{ width: 31vw; margin: 1vw; float: left; } /* 鍏ㄥ睆鎾斁鍣 */ .common-full-player { display: none; position: fixed; z-index: 99999; top: 0; left: -100vw; width: 100vw; height: 100%; background: #000000; } .common-full-player video { position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100vw; } .common-full-player .common-full-player-control { position: absolute; right: 1vw; top: 1vw; z-index: 2; } .common-full-player .common-full-player-control .common-full-player-control-item { margin: 0.5vw; padding: 0.5vw; border-radius: 1.25vw; font-size: 1.5vw; color: #ffffff; background: rgba(0, 0, 0, 0.4); float: left; } .common-head .common-head-line .navbar_nav { position: relative; align-items: center; flex-wrap: nowrap; flex: 1; font-size: 1vw; } .common-head .common-head-line .navbar_nav li { position: relative; display: block; } .common-head .common-head-line .navbar_nav li:after { content: ""; width: 0; height: 0.1vw; background: #008ed6; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .common-head .common-head-line .navbar_nav li:hover:after { width: 100%; } .common-head .common-head-line .navbar_nav li a { text-decoration: none; height: 100%; padding: 0 1.4vw; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #333; font-size: 1.1vw; line-height: 5.3vw; } .common-head .common-head-line .navbar_nav li:hover a { color: #008ed6; } .common-head .common-head-line .navbar_nav li.dropdown { display: inline-block; position: relative; } .common-head .common-head-line .navbar_nav li.dropdown .dropdown_menu { display: none; position: absolute; top: 5.2vw; width: 100%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); left: 0%; } .common-head .common-head-line .navbar_nav li.dropdown .dropdown_menu a { font-size: 1vw; color: #666; padding: 0 10px; line-height: 40px; text-align: center; background: #fff; margin-bottom: 1px; float: none; } .common-head .common-head-line .navbar_nav li.dropdown:hover .dropdown_menu { display: block; background: #f3f3f3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .common-head .common-head-line .navbar_nav li.dropdown:hover .dropdown_menu a { color: #666; } .common-head .common-head-line .navbar_nav li.dropdown:hover .dropdown_menu a:hover { color: #008ed6; background: #f6f6f6; } .common-head .common-head-line #navToggle { display: none; } .common-head .common-head-line .navbar_nav li.click >a { color: #008ed6; font-weight: 600; } .common-head .common-head-line .navbar_nav li.click > a:after { content: ""; width: 100%; height: 2px; background: #008ed6; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .clearfix:after,.clearfix:before,.pager:after,.pager:before{ display: table; content: " "; } .clearfix:after,.pager:after{ clear: both; }