@charset "utf-8"; .footer_public { width: 100%; height: 29.38776%; overflow: hidden; padding-top: 2.08333%; } .head_public { width: 100%; overflow: hidden; } .header_img{ width: 100%; } .section_headlines, .section_video, .section_newspapers, .section_living, .section_types, .section_pictures { width: 1100px !important; margin: 0 auto; } img { width: 100%; height: 100%; display: block; } body { height: 100vh; } .header_img { width: 100%; /*height: 8.43537%;*/ /*overflow: hidden;*/ } .section_headlines { width: 100%; min-height: 382px !important; overflow: hidden; position: relative; } .section_headlines .back_img { position: absolute; z-index: 1; } /*.section_headlines .back_top { position: absolute; z-index: 2;height:100%; left: 50%;*/ /* transform: translatex(-50%);display: flex;*/ /* flex-direction: column; }*/ .section_headlines h1 { padding-top: 3.22196%; font-size: 1.875em; font-weight: 800; text-shadow: 1px 1px 1px rgba(109, 11, 11, 0.5); text-align: center } .section_headlines .new_headlines .headlines_left p:hover, .section_headlines h1:hover { color: #d81d1d; } .section_headlines .new_headlines { margin-top: 1.5%; display: flex; flex-direction: row; justify-content: space-between; flex: 1; padding-bottom: 5px; padding: 0 5%; } .section_headlines .new_headlines .headlines_left { width: 100%; flex-shrink: 0; display: flex; flex-direction: column } .section_headlines .new_headlines .headlines_left .info_list { display: flex; justify-content: space-between; height: 100%; } .section_headlines .new_headlines .headlines_left p { font-size: 0.625em; color: #444444; font-weight: 400; line-height: 1.9; text-indent: 2em; display:block; /*white-space:nowrap\0;*/ display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; width: 80; margin: 0 auto; margin-bottom: 20px/*autoprefixer:on*/ } .section_headlines .new_headlines .headlines_left span { font-size: 0.625em; color: #444444; font-weight: 400; margin: 6px 0 2.7881% 0; display: block; } .section_headlines .new_headlines .headlines_left .headings_ul { width: 50%; padding-right: 8%; display: flex; flex-direction: column; justify-content: space-between } .section_headlines .new_headlines .headlines_left .headings_ul li { display:block; white-space:nowrap\0; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ margin-bottom: 3%; } .section_headlines .new_headlines .headlines_left .headings_ul li a { font-size: 0.8em; color: #222222; font-weight: 400; } .section_headlines .new_headlines .headlines_left .headings_ul li a:hover { color: #d81d1d; } .section_headlines .new_headlines .headlines_left .headings_ul li:before { content: ''; height: 6px; width: 6px; transform: rotate(45deg); background: #da261d; display: inline-block; margin: 0 6px; vertical-align: middle; } .section_headlines .new_headlines .headlines_right { width: 52.53222%; overflow: hidden; } .section_video { width: 100%; min-height: 895px !important; padding-top: 11px; } .section_video .image_top { margin-top: 1.23698%; } .section_video .img_top { width: 100%; height: 9.0776%; } .section_video h1 { font-size: 1.6875em; color: #222222; font-weight: 800; text-align: center; margin-bottom: 1.31265%; } .section_video .item_izedlist { width: 76.37232%; display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto 2.14797% auto; } .section_video .item_izedlist span { display:block; white-space:nowrap\0; display:-webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ font-size: 0.6875em; color: #222222; font-weight: 400; margin: 0 3px 0 0; } .section_video .video_body { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 646px !important; } .section_video .video_body .video_left { flex-shrink: 0; width: 66.34845%; display: flex; flex-direction: column; justify-content: space-between; } .section_video .video_body .video_left .video_swiper { height: 430px !important; overflow: hidden; } .section_video .video_body .video_left .video_swiper .swiper-container { height: 100%; } .section_video .video_body .video_left .video_swiper .swiper-slide a { position: relative; display: block; height: 100%; } .section_video .video_body .video_left .video_swiper .swiper-slide a p { position: absolute; padding-top: 2%; bottom: 0; width: 100%; height: 15.40698%; text-align: center; background: rgba(0, 0, 0, 0.5); font-size: 1em; color: #fff; font-weight: 400; } .section_video .video_body .video_left .video_swiper .swiper-button-prev { width: 2.5%; position: absolute; bottom: 0; background-image: ; background-repeat: no-repeat; background-size: 100%; } .section_video .video_body .video_left .video_swiper .swiper-button-next { background-image: ; background-repeat: no-repeat; background-size: 100%; width: 2.5%; position: absolute; bottom: 0; } .section_video .video_body .video_left .video_swiper .swiper-pagination { position: absolute; bottom: 1%; } .section_video .video_body .video_left .video_swiper .swiper-pagination span { width: 8.63309%; height: 3px; background-color: #fff; border-radius: 0; } .section_video .video_body .video_left .video_swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #f54236; } .section_video .video_body .video_left .video_list { margin-top: 1.97842%; background-color: #f1f1f1; display: flex; flex-direction: row; justify-content: space-between; flex: 1; } .section_video .video_body .video_left .video_list .video_title { flex-shrink: 0; width: 6.65468%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .section_video .video_body .video_left .video_list .video_title img { width: 18px; height: 18px; overflow: hidden; } .section_video .video_body .video_left .video_list .video_title span { margin-top: 5px; letter-spacing: 5px; writing-mode: vertical-lr; font-size: 0.875em; color: #222222; font-weight: 700; } .section_video .video_body .video_left .video_list .video_items { display: flex; flex-direction: row; justify-content: space-between; flex: 1; padding: 2%; } .section_video .video_body .video_left .video_list .video_items div { flex: 1; margin-right: 5px; } .section_video .video_body .video_left .video_list .video_items .img_bottom { width: 100%; height: 151px !important; overflow: hidden; position: relative; margin-bottom: 5px; } .section_video .video_body .video_left .video_list .video_items .img_bottom img { position: absolute; bottom: 22%; left: 10%; cursor: pointer; width: 15%; height: 20%; } .section_video .video_body .video_left .video_list .video_items .img_bottom img:nth-of-type(1) { width: 100%; height: 100%; position: relative; left: 0; bottom: 0; } .section_video .video_body .video_left .video_list .video_items span { font-size: 0.625em; color: #222222; font-weight: 400; display:block; white-space:nowrap\0; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ text-align: center; } .section_video .video_body .video_right { width: 30.0716%; display: flex; flex-direction: column; justify-content: space-between; } .section_video .video_body .video_right .video_nav_module { flex: 1; } .section_video .video_body .video_right .video_nav_module .video_nav_module_ul { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .section_video .video_body .video_right .video_nav_module .video_nav_module_ul li { display:block; white-space:nowrap\0; display:-webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ } .section_video .video_body .video_right .video_nav_module .video_nav_module_ul li a { font-size: 0.75em; color: #222222; font-weight: regular; } .section_video .video_body .video_right .video_nav_module .video_nav_module_ul li a:hover { color: #d81d1d; } .section_video .video_body .video_right .video_nav_module .video_nav_module_ul li:nth-child(1) a { font-size: 0.875em; color: #f44236; font-weight: 700; } .section_video .video_body .video_right .video_right_margin { margin-top: 7.14286%; } .section_newspapers .img_top { width: 100%; height: 6.76856%; } .section_newspapers .newspapers_body { display: flex; flex-direction: row; justify-content: space-between; } .section_newspapers .newspapers_left { width: 68.13842%; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; } .section_newspapers .newspapers_left .newspapers_item { flex: 1; margin-bottom: 2.8021%; } .section_newspapers .newspapers_left .newspapers_item header { margin: 0; padding: 0; border-bottom: 2px solid #f44135; width: 100% !important; } .section_newspapers .newspapers_left .newspapers_item header:after { content: ''; clear: both; display: block; } .section_newspapers .newspapers_left .newspapers_item .header_left { float: left; width: 16.81261%; height: auto; background-color: #f44135; display: flex; flex-direction: row; justify-content: center; align-items: center; } .section_newspapers .newspapers_left .newspapers_item .header_left img { width: 15.625%; margin-right: 5px; } .section_newspapers .newspapers_left .newspapers_item .header_left span { font-size: 0.875em; color: #fff; font-weight: 700; line-height: 2; } .section_newspapers .newspapers_left .newspapers_item .header_right { float: right; width: 2.45184%; padding-top: 1%; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content { margin-top: 2.27671%; display: flex; flex-direction: row; justify-content: end; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_left { flex-shrink: 0; width: 48.16112%; position: relative; overflow: hidden; margin-right: 4.72855%; height: 197px !important; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_right{ flex:1; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_left .img_title { position: absolute; bottom: 0; width: 100%; height: 16.66667%; background: #000000; opacity: 0.5; filter: alpha(opacity=0.5*100); text-align: center; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_left .img_title span { font-size: 0.75em; color: #fff; font-weight: 400; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_right .newspapers_content_ul { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_right .newspapers_content_ul li { display:block; white-space:nowrap\0; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ line-height: 1.7; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_right .newspapers_content_ul li a { font-size: 0.6875em; color: #444444; font-weight: 400; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_right .newspapers_content_ul li a:hover { color: #d81d1d; } .section_newspapers .newspapers_right { width: 30.54893%; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 1.90931%; } .section_newspapers .newspapers_right .paper_zone { background-color: #f1f1f1; padding-bottom: 5.46875%; } .section_newspapers .newspapers_right .paper_zone .paper_zone_title { padding: 5.07812% 0; text-align: center; display: flex; flex-direction: row; justify-content: center; } .section_newspapers .newspapers_right .paper_zone .paper_zone_title img { width: 7.42188%; margin-right: 3px; } .section_newspapers .newspapers_right .paper_zone .paper_zone_title span { font-size: 0.875em; color: #222222; font-weight: 700; } .section_newspapers .newspapers_right .paper_zone .paper_zone_img { height: 83.20413%; height:400px\0; width: 89.45312%; margin: 0 auto; overflow: hidden; } .section_newspapers .newspapers_right .hot_zone { background-color: #f1f1f1; } .section_newspapers .newspapers_right .hot_zone .hot_zone_title { padding: 5.07812% 0; text-align: center; display: flex; flex-direction: row; justify-content: center; } .section_newspapers .newspapers_right .hot_zone .hot_zone_title img { width: 7.42188%; margin-right: 3px; } .section_newspapers .newspapers_right .hot_zone .hot_zone_title span { font-size: 0.875em; color: #222222; font-weight: 700; } .section_newspapers .newspapers_right .hot_zone .hot_zone_img { width: 89.45312%; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; } .section_newspapers .newspapers_right .hot_zone .hot_zone_img div { width: 100%; flex-shrink: 0; overflow: hidden; margin-bottom: 4.36681%; height: 144px !important; } .living_swiper1 { width: 100%; /*max-height: 18vh;*/ margin-bottom: 1.5%; position: relative; overflow: hidden; } .living_swiper { width: 100%; max-height: 18vh; margin-bottom: 1.5%; position: relative; overflow: hidden; } .living_swiper .swiper-container { position: static; } .living_swiper .swiper-container .swiper-pagination { position: absolute; bottom: 0%; } .living_swiper .swiper-container .swiper-pagination span { width: 7px; height: 7px; } .section_living .living_body { display: flex; flex-direction: row; justify-content: space-between; } .section_living .living_body .living_left { width: 68.13842%; flex-shrink: 0; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .section_living .living_body .living_left .living_item { width: 48%; display: flex; flex-direction: column; justify-content: space-between; } .section_living .living_body .living_left .living_item .living_title { padding-bottom: 4px; border-bottom: 2px solid #f44135; } .section_living .living_body .living_left .living_item .living_title h1 { font-size: 1em; color: #f44135; font-weight: 700; float: left; } .section_living .living_body .living_left .living_item .living_title .living_title_img { width: 5.07246%; float: right; padding-top: 1.5%; } .section_living .living_body .living_left .living_item .living_title:after { content: ''; display: block; clear: both; } .section_living .living_body .living_left .living_item .living_show { padding-top: 3.26087%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .section_living .living_body .living_left .living_item .living_show a { flex-shrink: 0; width: 55.07246%; margin-right: 5.07246%; overflow: hidden; display:block; } .section_living .living_body .living_left .living_item .living_show a:nth-of-type(2) { flex-shrink: 1; } .section_living .living_body .living_left .living_item .living_show a .living_show_img { height: 120px !important; overflow: hidden; } .section_living .living_body .living_left .living_item .living_show span { font-size: 0.8125em; color: #444444; font-weight: 700; line-height: 1.5; margin-right: 5%; display:block; /*white-space:nowrap\0;*/ display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } .section_living .living_body .living_left .living_item .living_list { padding: 4.71014% 0; flex: 1; } /*.section_living .living_body .living_left .living_item .living_list .living_list_ul { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }*/ .section_living .living_body .living_left .living_item .living_list .living_list_ul li { display:block; white-space:nowrap\0; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ line-height: 1.7; } .section_living .living_body .living_left .living_item .living_list .living_list_ul li a { font-size: 0.6875em; color: #444444; font-weight: 400; } .section_living .living_body .living_left .living_item .living_list .living_list_ul li a:hover { color: #d81d1d; } .section_living .living_body .living_right { width: 30.54893%; display: flex; flex-direction: column; justify-content: space-between; } .section_living .living_body .living_right .right_item { background-color: #f1f1f1; padding: 4.29688% 5.46875%; margin-bottom: 5.07812%; } .section_living .living_body .living_right .right_item .item_title { text-align: center; margin-bottom: 5.75221%; display: flex; flex-direction: row; justify-content: center; align-items: center; } .section_living .living_body .living_right .right_item .item_title img { width: 8.33333%; margin-right: 5px; } .section_living .living_body .living_right .right_item .item_title span { font-size: 0.875em; color: #222222; font-weight: 700; } .section_living .living_body .living_right .right_item .item_show { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .section_living .living_body .living_right .right_item .item_show a { width: 46.46018%; overflow: hidden; margin-right: 5%; flex-shrink: 0; display:block ; } .section_living .living_body .living_right .right_item .item_show a .show_img { height: 83px !important; } .section_living .living_body .living_right .right_item .item_show span { font-size: 0.8125em; color: #444444; font-weight: 700; line-height: 1.5; display:block; /*white-space:nowrap\0;*/ display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; } .section_living .living_body .living_right .right_item .item_list { margin-top: 4.42478%; } .section_living .living_body .living_right .right_item .item_list .item_list_ul { display: flex; flex-direction: column; justify-content: space-between; } .section_living .living_body .living_right .right_item .item_list .item_list_ul li { display:block; white-space:nowrap\0; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ } .section_living .living_body .living_right .right_item .item_list .item_list_ul li a { font-size: 0.625em; color: #444444; font-weight: 400; } .section_living .living_body .living_right .right_item .item_list .item_list_ul li a:hover { color: #d81d1d; } .section_types .types_body { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .section_types .types_body .type_item { border: 1px solid #cccccc; width: 32%; padding: 1.67064% 2.38663%; margin-bottom: 1.90931%; } .section_types .types_body .type_item .item_title { padding-bottom: 4.7619%; border-bottom: 1px solid #cccccc; } .section_types .types_body .type_item .item_title span { font-size: 1em; color: #f44135; font-weight: 800; } .section_types .types_body .type_item .item_title span:hover { cursor: pointer; } .section_types .types_body .type_item .item_title .type_title_active { font-size: 0.875em; color: #f44135; font-weight: 800; } .section_types .types_body .type_item .item_child { display: none; } .section_types .types_body .type_item .active { display: block; } .section_types .types_body .type_item .item_title .types_title_img { display: none; width: 6.07246%; float: right; margin-top: 3%; } .section_types .types_body .type_item .item_title .types_title_img.active { width: 6.07246%; float: right; display: block; margin-top: 3%; display: block; } .section_types .types_body .type_item .item_img { width: 100%; height: 167px !important; padding-top: 3.80952%; overflow: hidden; } .section_types .types_body .type_item .item_list .item_list_ul { display: flex; flex-direction: column; justify-content: space-between; } .section_types .types_body .type_item .item_list .item_list_ul li { display:block; white-space:nowrap\0; display: -webkit-box; line-height: 1.8; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; /*!autoprefixer:off*/ -webkit-box-orient: vertical; /*autoprefixer:on*/ } .section_types .types_body .type_item .item_list .item_list_ul li a { font-size: 0.6875em; color: #444444; font-weight: 400; } .section_types .types_body .type_item .item_list .item_list_ul li a:hover { color: #d81d1d; } .section_pictures .pictures_main { background-color: #3d404b; padding: 1.90931%; padding-bottom: 0; } .section_pictures .pictures_title { margin-bottom: 1.73697%; text-align: center; } .section_pictures .pictures_title span { font-size: 0.875em; color: #fff; font-weight: 700; } .section_pictures .pictures_title span:nth-of-type(2) { margin: 0 1.24069%; } .section_pictures .pictures_body { display: flex; flex-direction: row; justify-content: space-between; } .section_pictures .pictures_body .pictures_left { flex-shrink: 0; width: 49.62779%; overflow: hidden; margin: 0 1.98511% 1.98511% 0; } .section_pictures .pictures_body .pictures_right { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .section_pictures .pictures_body .pictures_right a { width: 48%; overflow: hidden; margin-bottom: 4%; } .section_pictures .pictures_body .pictures_right a div { height: 100%; } @keyframes hoveranim { from { width: 100%; margin-left: 0; } to { width: 80px; margin-left: -25px; } } .aside { position: fixed; top: 40%; z-index: 1000; width: 2.60417%; right: 5vh; cursor: resize; opacity: 0; } .aside .hover { animation: hoveranim 1s forwards .3s; cursor: none; } .aside #top_button { cursor: pointer; } .section_newspapers { margin-top: 2%; } @keyframes op { 0% { opacity: 0; } 50% { opacity: .5; } 80% { opacity: .8; } 100% { opacity: 1; } } .show { animation: op 2s forwards .3s; } @media screen and (min-width: 1536px) { .header_img{ width: 100% !important; } .section_headlines .back_top, .section_video, .section_newspapers, .section_living, .section_types, .section_pictures { padding: 0 14.39583%; width: 100% !important; } .section_headlines { min-height: 50vh !important; } .section_headlines .back_top { padding: 0; } .section_video { height: auto !important; } .section_video .video_body { height: 74.67057% !important; height: 85vh\0 !important; } .section_video .video_body .video_left .video_swiper { height: 57vh !important; } .section_video .video_body .video_left .video_list .video_items .img_bottom { height: 20vh !important; } .section_newspapers .newspapers_left .newspapers_item .newspapers_content .content_left { height: 26vh !important; } .section_newspapers .newspapers_right .hot_zone .hot_zone_img div { height: 19vh !important; } .section_living .living_body .living_left .living_item .living_show a .living_show_img { height: 16vh !important; } .section_living .living_body .living_right .right_item .item_show a .show_img { height: 11vh !important; } .section_types .types_body .type_item .item_img { height: 22vh !important; } .section_newspapers { margin-top: 1.23698%; } /*.section_headlines .new_headlines .headlines_right {*/ /* height:43vh;*/ /*}*/ } /*# sourcemappingurl=index.css.map */