@media screen and (min-width: 2400px) { .wrapper .inner { width: 1920px; } .main6 .inner { padding: 300px 0 380px; } .post-62 .news_list li.news .news_box { margin: 70px; } .post-21 .news_list li.news.n1 .news_imgs { padding-top: 58%; } .post-13 .news_list li.news .news_wz .news_con { padding: 23px 0; } } @media screen and (max-width: 1920px) { .wrapper .inner { width: 1600px; } } @media screen and (max-width: 1550px) { .wrapper .inner { padding-right: 28px; padding-left: 28px; width: auto } #banner .inner { padding: 0 } #nav_hover { background-position: center -25px; background-size: 118%; } .navTop { padding: 0 20px } .navLeft { width: 150px } .navRight .menu-item a { font-size: 20px } .navLeft .menu-item a { font-size: 18px } .navRight .sub-menu a { font-size: 16px } .navBottom { padding: 30px 20px 6vh; } .botlinks .links-wrap a.links-arrow { height: 58px; font-size: 18px; line-height: 58px } .botlinks .links-wrap .link-items { bottom: 58px } } @media screen and (max-width: 1366px) { .navRight .menu-item a { font-size: 18px } .navLeft .menu-item a { font-size: 16px } .navRight .sub-menu a { font-size: 14px } .botlinks .links-wrap a.links-arrow { width: auto; height: 48px; font-size: 16px; line-height: 48px } .botlinks .links-wrap .link-items { bottom: 48px } .convergenceMedia .title { padding-left: 60px; font-size: 15px; line-height: 50px } .convergenceMedia .title:before { width: 50px } .convergenceMedia .ml .item:nth-child(2) .img .title { padding: 20px 0; font-size: 24px } } @media screen and (max-width: 1200px) { .post-13 .news_list li.news .news_title { -webkit-line-clamp: 1; } .foot-link .list, .foot-school .list { flex-wrap: wrap; } .foot-link .list .item { margin: 0px 20px; } .foot-school .item { width: 260px; margin: 20px; } .post-22 .news_list li.news .news_title { -webkit-line-clamp: 1; } .main2 .inner { padding-bottom: 100px; } .convergenceMedia .dou .item:after { border-width: 18px 30px; } } @media screen and (max-width: 999px) { html { overflow-x: hidden; } .navi-aside-toggle { display: inline-block; } .header .head-right #openBtn { display: none; } .mbanner .news_title { padding: 20px; } .mbanner .slick-dots { padding: 20px; } #header { position: initial; } .mbanner .news_box.clearfix ,.mbanner .news_list li.news { min-height: auto; aspect-ratio: 1920/970; } .mbanner .news_title { font-size: 28px; } .main1 .ml, .main1 .mr, .main1 .modl, .main1 .modr, .main2 .ml, .main2 .mc, .main2 .mr { float: none; width: 100%; } .main2 .ml .post, .main2 .mc .post, .main2 .mr .post, .post-13 .news_list { margin: 0; } .post-11 .news_list li.news .news_wz .news_con { min-height: auto; } .post-13 .news_list li.news .news_title { -webkit-line-clamp: 1; } .main3 .inner { padding-bottom: 0px; } .post-31 .con { padding: 0; } .main4 .ml { width: 100%; margin: 0; float: none; } .post-41 .news_list>* { width: 50% !important; margin: 0; } .main4 .mr { float: none; padding-bottom: 50px; } .main4 .modr { margin-left: 0%; } .main4 .modr .news_imgs { height: auto; aspect-ratio: 2/1; } .post-41 .news_list li.news:nth-child(n+3) { margin: 0; } .main4 .main_logo, .main4 .main_logo_bg { left: 50%; top: 100%; display: none; } .main4 .main_logo_bg.n2 { top: 100%; left: 50%; } .post-41 .news_list li.news .news_box { text-shadow: 0px 0px 20px #fff; } .main4 .inner { padding-bottom: 50px; } .convergenceMedia { display: block; aspect-ratio: auto; } .convergenceMedia .ml { width: 100%; } .convergenceMedia .mr { width: 100%; } .convergenceMedia .ml .item .bilibili, .convergenceMedia .ml .item .img, .convergenceMedia .ml .item .weChart { width: 100% !important; } .convergenceMedia .ml .item .bilibili, .convergenceMedia .ml .item .img { aspect-ratio: 700/360; } .convergenceMedia .ml .item .weChart { aspect-ratio: 470/360; } .convergenceMedia .dou .item { aspect-ratio: 430/640; width: 100%; display: block; position: relative; } .convergenceMedia .ml .item { display: block; } .convergenceMedia .title:before { width: 30px; } .convergenceMedia .title { font-size: 12px; padding: 10px 10px 10px 40px; } .post-61 .news_list li.news .news_wz .news_con { margin: 0; padding: 0 20px; } .main6 .inner .main_box { margin: 0; } .post-62 .news_list li.news .news_box { margin: 0; } .post-62 .slick-prev, .post-62 .slick-next { left: 50%; bottom: -249px !important; right: inherit; } .post-62 .slick-prev { margin-left: -134px; } .post-62 .slick-next { margin-left: 90px; } .post-81 .news_list li.news.n1 .news_box { transform: translateX(-107%) translateY(-120%); } .post-81 .news_list li.news.n2 .news_box { transform: translateX(-145%) translateY(0%); } .post-81 .news_list li.news.n3 .news_box { transform: translateX(-107%) translateY(120%); } .post-81 .news_list li.news.n4 .news_box { transform: translateX(107%) translateY(-120%); } .post-81 .news_list li.news.n5 .news_box { transform: translateX(145%) translateY(0%); } .post-81 .news_list li.news.n6 .news_box { transform: translateX(107%) translateY(120%); } .post-13 .news_list li.news .news_title, .post-22 .news_list li.news .news_title { min-height: auto; height: auto; -webkit-line-clamp: 2; } } @media screen and (max-width: 767px) { body { overflow:hidden; } body { -webkit-text-size-adjust: none; } #header { position: relative; z-index: auto; } #header:before { display: none } #header .inner { height: auto; position: initial; width: auto; padding: 20px 10px } .foot-link .list { justify-content: flex-start; } .main .header .mod { position: initial } .main .header .sitelogo { float: none; margin-top: 0px; text-align: left; padding: 10px 0; position: absolute; bottom: 0; top: 0; height: auto; left: 0; padding: 15px 10px 0; width: 53%; background: #fff url('images/listLogo.png') no-repeat center center; z-index: 17; background-size: 85%; } .main .header .sitelogo a { width: 100%; height: 100%; } .main .header .sitelogo a img { max-width: 100%; display: none } .main .header .head-right .searchbox_btns { background: rgb(40 93 76) url(images/searchIcon.png) no-repeat center center; margin-right: 5px; background-size: 40%; } .main .header .head-right .nav_btns { background: rgb(40 93 76); } .nav_btns .lcbody .lcitem div { background-color: #fff; } .main1 .ml { margin-bottom: 30px; } .main2 .inner { padding-bottom: 40px; } .mbanner .news_title { font-size: 16px; } .main3 .main3_bg video { margin-top: -73px; margin-left: -60%; width: 220%; height: 130%; } .main3 .inner { padding-top: 124px; padding-bottom: 30px; } .post-30 { margin-bottom: 30px } .convergenceMedia .dou .item:after { border-width: 12px 20px; } .post-81 .news_list { min-height: auto; } .post-81 .news_list li.news, .post-81 .news_list li.news .news_box, .post3 .tt .tit, .post3 .tt .tit .title { position: initial; transform: initial !important; } .main8 .main8_bg { width: 1920px; display: none; } .main8 .main8_bg video { /* width: 100%; */ /* height:100%; */ /* transform: translateX(6px) translateY(50px) rotate(0deg); */ } .post-81 .con { min-height: auto; } .main8 .inner { padding: 0px 0 0; } .post-81 .news_list li.news { width: 22%; padding: 5.5%; } .post-81 .news_list li.news .news_wz { width: 100%; aspect-ratio: 1/1; min-height: auto; padding: 0; } } @media screen and (max-width: 500px) { body { -webkit-text-size-adjust: none; } body,html { overflow-x: hidden; } .slick-prev { left: 20px; } .slick-next { right: 20px; } .slick-next, .slick-prev { height: 34px; width: 34px; } .mbanner .news_box.clearfix, .mbanner .news_list li.news { aspect-ratio: 1920/1080; } .mbanner .news_title { display: none; } .mbanner .slick-dots li button:before { width: 20px; height: 20px; background-size: contain !important; } .wrapper .inner { padding-left: 14px; padding-right: 14px; } .header .sitelogo { float: none; text-align: center; } .header .sitelogo a { display: block; } .header .sitelogo a img { max-width: 70%; } .header .head-right { float: none; margin: 0; text-align: right; vertical-align: middle; } .header .head-right .searchbox_btns { float: none; display: inline-block; width: 35px; height: 35px; background-size: 40%; vertical-align: middle; } .navi-aside-toggle { vertical-align: middle; } .header .head-right .nav_btns { width: 35px; height: 35px; float: none; margin: 0; } #header .inner { /* padding: 0 14px; */ } .post .news_list li.news .news_title { font-size: 15px; } .news_list li.news .news_text { font-size: 13px; } .post-11 .news_list, .post-12 .news_list { margin: 0; } .post-11 .news_list li.news .news_box, .post-12 .news_list li.news .news_box { margin: 0 0 20px 0; } .post1 .tt .tit .title, .post3 .tt .tit .title { font-size: 24px; } .post1 .tt .tit .names { font-size: 13px; } .post-40 .more_btn { margin-top: 15px; } .post-41 .con { padding: 80px 0 0; } .post-41 .news_list li.news { width: 100% !important; margin: 0; float: none; } .main1 .inner { padding-top: 40px } .main3 { background-position: center 0%; background-size: auto; } .main3 .main3_bg { position: absolute; top: 50%; left: 50%; z-index: 1; width: 100%; height: 100%; transform: translate(-50%, -50%); -webkit-mask: url(images/main3_bg.png) no-repeat center top; -webkit-mask-size: 1020px } .main3 .main3_bg video { margin-top: -93px; margin-left: -118%; width: 340%; height: 115%; } .main3 .inner { padding-top: 80px; } .main4 .inner { padding-bottom: 0px; } .main6 .inner { padding-bottom: 200px; } .post-62 .slick-prev, .post-62 .slick-next { width: 34px; height: 34px; bottom: -163px !important; } .post-62 .news_list li.news { width: 25% } .post-81 .slick-next, .post-81 .slick-prev { top: 120%; } .post-81 .main_logobg { width: 530px; hgeight: 530px; } .post-81 .news_list li.news .news_time { padding-top: 10px; font-size: 30px; } .post-81 .news_list li.news .news_title { font-size: 12px; } .post-81 .news_list li.news .news_wz { border-radius: 0; } .post-81 .news_list li.news .news_wz:after { border-radius: 0; } .post-81 .news_list li.news { width: 30%; padding: 20px 0 0 0; } .post-81 .news_list { margin: 0; display: flex; flex-wrap: wrap; justify-content: space-around; } .post-81 .news_list:after { display: none; } .post-81 .news_list li.news .news_wz:after { background: linear-gradient(90deg, #980337 50%, transparent 0) repeat-x, linear-gradient(90deg, #980337 50%, transparent 0) repeat-x, linear-gradient(0deg, #980337 50%, transparent 0) repeat-y, linear-gradient(0deg, #980337 50%, transparent 0) repeat-y; background-size: 6px 2px, 6px 2px, 2px 6px, 2px 6px; ; background-position: 0 0, 0 100%, 0 0, 100% 0; border: 0 } .post-81 .news_list li.news .news_box:hover .news_wz:after { animation: linearGradientMove .3s infinite linear; } @keyframes linearGradientMove { 100% { background-position: 4px 0, -4px 100%, 0 -4px, 100% 4px; } } .foot-link .list .item { font-size: 16px; line-height: 80px; width: calc(50%); box-sizing: border-box; /* padding-left: 50px; */ background-size: 40px; white-space: nowrap; margin: 0px 0px; } .foot-link .list .item > div { font-size: 53px; padding-right: 15px; } #footer .inner { padding-top: 30px; } .foot-school { padding: 30px 0; } .foot-school .item { margin: 0 0 20px 0; width: calc(50% - 10px); aspect-ratio: 3/2.5; } .foot-school .list { justify-content: space-around; } .foot-school .title { font-size: 16px; } .foot-school .text { font-size: 12px; } .foot-bottom { padding: 20px 0; } .layer .searchbox { left: 5%; width: 90% } .layer .searchbox:after, .layer .searchbox:before { padding: 2.5em 0; font-size: 46px } .layer .wp_search .search { width: 50px; height: 50px } .layer .wp_search #keyword { font-size: 20px; line-height: 42px } }