@media (max-width: 1440px) { .gp_con { /* font-size: 12px; */ } } @media (max-width: 1200px) { .header_right { display: none; } .head_navbg { display: none; } .header_b { height: 6.323vw; } .header_top { width: 100%; max-width: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbtn { display: inline-block; } } @media (max-width: 992px) { /* .group_profile_box { flex-direction: column; } .gp_right img { width: 100%; height: auto; margin-top: 30px; } */ } @media (max-width: 768px) { * { -webkit-overflow-scrolling: touch; } ::-webkit-scrollbar { width: 0; display: none; } .main1200, .main1650 { padding: 0 4vw; } .main1200 { max-width: 1200px; } .main1650 { max-width: 1650px; } /* 头部 */ .header_b, .header_fix, .header { height: 16vw; } .header_b { display: block !important; } .header_fix { border-bottom: 0.1vw solid #dedede; position: fixed; top: 0; left: 0; } .header_left img { width: 10vw; height: 10vw; } .sys_name { font-family: MicrosoftYaHei; font-size: 3.2vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #000000; } .sys_name_en { font-family: MicrosoftYaHei; font-size: 1.6vw; font-weight: normal; font-stretch: normal; letter-spacing: 0.267vw; color: #666666; margin-top: 2.13vw; } /* banner */ .bas { height: 53vw; } .bas .tempWrap .pic img { -o-object-fit: cover; object-fit: cover; } .bas .num { bottom: 3vw; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .bas_pc { display: none; } .bas_phone { display: block; } /* 速报 */ .notice { height: 11vw; -webkit-box-shadow: 0vw 5px 13px 0vw rgba(179, 186, 198, 0.29); -moz-box-shadow: 0vw 5px 13px 0vw rgba(179, 186, 198, 0.29); box-shadow: 0vw 5px 13px 0vw rgba(179, 186, 198, 0.29); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; margin-top: 3vw; padding-left: 5vw; padding-right: 3vw; } .notice_qr, .notice_nqr { display: none; } .notice_news { display: inline-block; } .notice_names { font-family: SourceHanSansCN-Regular; font-size: 3vw; font-weight: bold; font-stretch: normal; /* line-height: 48px; */ letter-spacing: 0vw; color: #434d5d; margin: 0; } .notice_dn { font-size: 3vw; } /* 文章轮播图 */ .slide { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 4vw; } .slidel, .slider { width: 100%; } .slidel .focusBox { height: auto; } .slidel .tempWrap .pic img { height: 49vw; } .slidel .focusBox .txt { position: relative; } .slidel .focusBox .txt, .slidel .focusBox .txt-bg { height: 17vw; } .slidel .focusBox .txt-bg { background-color: #8d0000; } .slidel .focusBox .txt li { width: 100%; } .slidel_pc { display: none; } .slidel_m { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .slidel .focusBox .txt ul, .slidel .focusBox .txt li, .slidel .focusBox .txt a, .slidel_m { height: 100%; line-height: normal; } .slidel .focusBox .num { bottom: 19vw; } .slidel .focusBox .num li { width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.5); margin-left: 9px; } .slidel .focusBox .num li.on, .focusBox .num li:hover { background-color: #ffffff; } .slider { margin-top: 4vw; } /* 文章列表 */ .two-tab { width: 100%; height: auto; /* height: 104.64vw; */ padding: 0 3vw; } .tit_tab { font-family: MicrosoftYaHei-Bold; font-size: 4vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #8d0000; padding: 5vw 0; height: auto; line-height: initial; border-bottom-width: 3px; background: url(../imgs/m/1index/nc.png) no-repeat left center; -webkit-background-size: 5px auto; -moz-background-size: 5px auto; -o-background-size: 5px auto; background-size: 5px auto; padding-left: 9px; } .tit_tab_en { display: inline; } .gp_btns { font-size: 3vw; } .more { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #8f959f; top: -23vw; } .layui-tab .layui-tab-title { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; overflow: auto !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; white-space: nowrap; margin-bottom: 2vw; } .two-tab .layui-tab-title li { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; /* flex */ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; /* overflow: hidden; */ margin: 0; padding: 0; height: 8vw; line-height: 8vw; text-align: center; padding: 0 2.67vw; } .index_list li { padding: 3vw 0; border-top: solid 0.1vw #dfe1e6; } .t2_box .index_list li { padding: 1vw 0; } .index_list li:first-of-type { border-top: none; } .index_list li:nth-of-type(n + 6) { display: none; } .index_list li:before { display: none; } .il_pc { display: none; } .il_m { display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; } /* 集团简介 */ .group_profile_pc { display: none; } .group_profile_m { display: block; } .img_cat, .ed_cat, .notices { display: none; } /* 快速导航 */ .qnav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* 安全生产/党建工作 */ /* 安全生产 */ /* 党建工作 */ .t2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .t2_box { height: auto; /* height: 82.13vw; */ margin-top: 3vw; } .t2_box .index_list li::before { display: block; width: 6px; height: 6px; background-color: #c30000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 1vw; margin-top: 1vw; } .t2_box .index_list li a { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #333333; } .t2_box .index_list li span { display: none; } /* 视频中心 */ .videos_pc { display: none; } .videos_m { display: block; } /* 脚部 */ .footer { background: none; } .footer_box { background: none; } .footer_box .main1650 { padding: 0; } .footcopy { display: none; } .footerfi { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-top: 0.1vw solid #dedede; padding: 0; } .index-slser-flex { width: 100%; padding: 0 4vw; margin: 2vw 0; display: none; } .index_slser { width: 44vw; height: 8vw; background-color: #fff5f5; margin: 2vw 0; margin-right: 3vw; padding: 0 3vw; } .index_slser:nth-of-type(2n) { margin-right: 0; } .index_slser text i { width: 4vw; height: 4vw; background-image: url(../imgs/m/1index/sel.png); } .inputselser { font-family: SourceHanSansCN-Regular; font-size: 3vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #901818; padding-right: 5.33vw; } .selsubdlser dt { font-size: 3vw; } .footerfi_right { width: 100%; background: #3a3a3a url(../imgs/m/1index/foot.png) no-repeat top center; padding: 6.9vw 6.7vw; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .qrcode { width: 18vw; height: 18vw; padding: 2vw; } .cat_cof { padding-left: 3vw; } .cat_cof .cat_c { font-family: SourceHanSansCN-Regular; font-size: 3vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; margin: 5vw 0; } .foorer_line { padding: 0; /* border-bottom: 0.1vw solid rgba(255, 255, 255, 0.2); */ border: none; height: 0.1vw; background: #3a3a3a; position: relative; } .foorer_line::before { display: inline-block; content: ""; width: 92vw; height: 0.1vw; background: rgba(255, 255, 255, 0.2); position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .foorercopy { padding: 7vw 0; background-color: #3a3a3a; } .foorercopy, .foorercopy a { font-family: MicrosoftYaHei; font-size: 3vw; font-weight: normal; font-stretch: normal; line-height: 5vw; letter-spacing: 0vw; color: #9b9b9b; } .foorercopy span { display: block; } /* 定位条 */ .pos_menu { display: none; } /* 首页 */ .gp_cons { overflow: hidden; max-height: 12em; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; } /* 列表页 */ .cl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } .cl_left, .cl_sub_m { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0; background-color: #f4f7fc; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; white-space: nowrap; overflow: auto; } .cl_tit { display: none; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; } .cl_item { display: block !important; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 2.67vw; text-align: center; font-size: 3.5vw; height: 12vw; line-height: 12vw; } .cl_sub { /* padding: 0; position: absolute; top: 12vw; left: 0; right: 0; z-index: 10000; */ display: none; } .cl_right { width: 100%; padding: 4vw; } .cl_top { display: none; } /* 图文单页 */ .pages { font-family: SourceHanSansCN-Regular; font-size: 3.5vw; font-weight: normal; font-stretch: normal; line-height: 6.4vw; letter-spacing: 0vw; color: #455164; } /* 文章列表 视频中心 */ .lista { margin: 0; } .lista_names { font-family: MicrosoftYaHei; font-size: 3.7vw; font-weight: normal; font-stretch: normal; /* line-height: 6.4vw; */ letter-spacing: 0vw; color: #333333; } /* 一行一个 */ .lista1s_item { padding: 1vw 0; } .lista1s_icon { width: 1vw; height: 1vw; -webkit-border-radius: 100vw; -moz-border-radius: 100vw; border-radius: 100vw; margin-right: 3.7vw; margin-bottom: 5vw; } .lista1s_names { height: 4em; line-height: 2em; white-space: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; /*英文强制换行*/ word-break: break-all; /*英文强制换行*/ } .lista1s_to, .lista1s_dn { display: none; } /* 一行一个和缩略图 */ .lista1img_item { padding: 4vw 0; } .lista1img_thumb { width: 32vw; height: 20vw; background-color: #eeeeee; margin-left: 2.5vw; } .lista1img_names { height: 4em; line-height: 2em; white-space: normal; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-wrap: break-word; /*英文强制换行*/ word-break: break-all; /*英文强制换行*/ } .lista1img_desc { display: none; } .lista1img_info>div { padding-top: 4.5vw; } .lista1img_sp * { display: none; } .lista1img_sp .lista_y4 { display: inline-block; } /* 一行两个 */ .lista2_item, .lista2_item:nth-of-type(2n) { width: 100%; margin: 0; background: none; } .lista2_thumb, .lista2_thumb img { width: 32vw; height: 20vw; } .lista2_thumb div { background-image: url(../imgs/m/3/video.png); -webkit-background-size: 8vw 8vw; -moz-background-size: 8vw; -o-background-size: 8vw; background-size: 8vw; } .lista2_sp * { display: none; } .lista2_sp .lista_y4 { display: inline-block; } /* 一行三个 */ .lista3_item { width: 28.7vw; margin-top: 0; margin-right: 2.9vw !important; margin-bottom: 8vw !important; } .lista3_item:nth-of-type(3n) { margin-right: 0 !important; } .lista3_thumb { height: 18.7vw; } .lista3_names { width: 28.8vw; height: 6.7vw; line-height: 6.7vw; text-align: center; background-color: #8d0000; font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; padding: 0; } /* 一行四个 */ .lista4_item { width: 22.6vw; height: auto; margin: 0 4vw !important; margin-bottom: 5.2vw !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .lista4_thumb { height: 26.667vw; } .lista4_info { width: 100%; height: 6.667vw; line-height: 6.667vw; text-align: center; background-color: #8d0000; position: relative; } .lista4_names { color: #fff; margin: 0; } .lista4_jobs { display: none; } /* 在线留言 */ .fom .layui-form-label { font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; line-height: 4.8vw; letter-spacing: 0vw; color: #333333; width: 100%; text-align: left; padding: 0; margin-bottom: 2.7vw; } .fom .layui-form-label img { display: inline-block; } .fom .layui-inline { width: 100%; margin-bottom: 4vw; } .fom .layui-form-item .layui-input-inline, .fom .layui-form-text .layui-input-block { width: 100%; margin-left: 0; } .fom .layui-form-item:after { clear: none; } .fom input, .fom textarea { font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; line-height: 4.8vw; letter-spacing: 0.2vw; color: #333; width: 100%; } .fom input::-webkit-input-placeholder, .fom textarea::-webkit-input-placeholder { color: #999999; } .fom input:-moz-placeholder, .fom textarea:-moz-placeholder { color: #999999; } .fom input::-moz-placeholder, .fom textarea::-moz-placeholder { color: #999999; } .fom input:-ms-input-placeholder, .fom textarea:-ms-input-placeholder { color: #999999; } .fom input::-ms-input-placeholder, .fom textarea::-ms-input-placeholder { color: #999999; } .fom input::placeholder, .fom textarea::placeholder { color: #999999; } .fom input { height: 10.7vw; line-height: 10.7vw; } .fom .layui-form-item { margin-bottom: 4vw; } .fom .layui-input-block { margin-left: 0; } .fom .subs { width: 53.3vw; height: 12vw; background-color: #8d0000; -webkit-border-radius: 1.3vw; -moz-border-radius: 1.3vw; border-radius: 1.3vw; font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; margin: 0 auto; display: block; } /* 联系方式 */ .tac { margin: -4vw; padding: 0; position: relative; } .tac_map { height: 112.5vw; margin: 0; padding: 0; } .tac_box { width: 92vw; height: 65.3vw; background-color: #ffffff; -webkit-box-shadow: 0vw 0vw 4.3vw 0vw rgba(215, 221, 231, 0.31); -moz-box-shadow: 0vw 0vw 4.3vw 0vw rgba(215, 221, 231, 0.31); box-shadow: 0vw 0vw 4.3vw 0vw rgba(215, 221, 231, 0.31); -webkit-border-radius: 2.7vw; -moz-border-radius: 2.7vw; border-radius: 2.7vw; position: absolute; left: 4vw; right: 4vw; bottom: 2.7vw; z-index: 1000; padding: 0 4vw; } .tac_tit { font-family: MicrosoftYaHei-Bold; font-size: 3.7vw; font-weight: normal; font-stretch: normal; line-height: 4.8vw; letter-spacing: 0.2vw; color: #961515; height: 12.3vw; line-height: 12.3vw; border-bottom: 0.1vw solid #f2f2f2; } .tac_item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 2.4vw 0; margin-left: 0.2vw; } .tac_icon { width: 3.7vw; height: 3.7vw; /* background-color: #8d0000; */ background-position: center; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; } .tac_item:nth-of-type(2) .tac_icon { background-image: url(../imgs/m/3/pos.png); } .tac_item:nth-of-type(3) .tac_icon { background-image: url(../imgs/m/3/phone.png); } .tac_item:nth-of-type(4) .tac_icon { background-image: url(../imgs/m/3/email.png); } .tac_item:nth-of-type(5) .tac_icon { background-image: url(../imgs/m/3/zipcode.png); } .tac_tits { font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; /* line-height: 4.8vw; */ letter-spacing: 0vw; color: #8d0000; padding-left: 2.5vw; } .tac_desc { font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; /* line-height: 4.8vw; */ letter-spacing: 0vw; color: #333333; padding-top: 1vw; padding-left: 6.6vw; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; overflow: hidden; width: 100%; } /* 详情 */ .arts_t { display: block; } .arts_video { display: none; } .arts_out { margin: 3vw 4vw; } .arts { margin: 0; } .arts_box { /* width: 82.7vw; */ /* margin: 0 auto; */ } .arts_names { font-family: SourceHanSansCN-Bold; font-size: 3.7vw; font-weight: normal; font-stretch: normal; line-height: 6.4vw; letter-spacing: 0vw; color: #333333; padding-top: 5.3vw; } .arts_line { padding-top: 4.3vw; border-bottom: 0.1vw solid #dedede; } .arts_sp { font-family: SourceHanSansCN-Regular; font-size: 3.2vw; font-weight: normal; font-stretch: normal; line-height: 3.2vw; letter-spacing: 0vw; color: #999999; /* flex */ -webkit-box-pack: start; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 3vw 0; } .arts_sp img { width: 4vw; } .arts_sp div { width: 6.3vw; } .arts_con { font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; line-height: 6.4vw; letter-spacing: 0vw; color: #333333; } /* 集团领导 */ .layui-layer-iframe { width: 100% !important; height: 100% !important; } } @media (max-device-width: 768px) { /* 集团领导 */ html, body { overflow: visible; } .header_b, .header_fix, .footer { display: block; } .gls, .gls_left, .gls_right { width: 100%; height: auto; overflow: visible; } .gls_left, .gls_right { width: 92vw; background-color: #ffffff; -webkit-border-radius: 2.7vw; -moz-border-radius: 2.7vw; border-radius: 2.7vw; margin: 5.3vw auto; float: none; position: relative; } .gls_left { -webkit-box-shadow: 0vw 0vw 4.3vw 0vw rgba(215, 221, 231, 0.42); -moz-box-shadow: 0vw 0vw 4.3vw 0vw rgba(215, 221, 231, 0.42); box-shadow: 0vw 0vw 4.3vw 0vw rgba(215, 221, 231, 0.42); padding: 0 4.55vw; padding-top: 13.5vw; padding-bottom: 5.7vw; margin-top: 20.7vw; text-align: center; } .gls_thumbs { width: 22.7vw; height: 22.7vw; background-color: #eeeeee; -webkit-border-radius: 11.3vw; -moz-border-radius: 11.3vw; border-radius: 11.3vw; border: solid 0.8vw #dee8f8; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 0; } .gls_tits { font-family: MicrosoftYaHei; font-size: 4vw; font-weight: bold; font-stretch: normal; letter-spacing: 0vw; color: #333333; padding: 0; } .gls_jobs { display: inline-block; padding: 0 3.3vw; /* width: 16vw; */ max-width: 100%; height: 6.7vw; line-height: 6.7vw; background-color: #8d0000; -webkit-border-radius: 3.3vw; -moz-border-radius: 3.3vw; border-radius: 3.3vw; font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; letter-spacing: 0vw; color: #ffffff; margin: 0 auto; margin-top: 1.7vw; padding-top: 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .gls_desc { font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; line-height: 2; letter-spacing: 0vw; color: #333333; text-align: center; padding-top: 5.2vw; } .gls_right { padding: 5.2vw 3.6vw; min-height: 100vh; } .gls_tits1 { display: none; } .gls_cons { font-family: MicrosoftYaHei; font-size: 3.5vw; font-weight: normal; font-stretch: normal; line-height: 2; letter-spacing: 0vw; color: #333333; padding: 0; } .layui-layer-setwin { display: none; } } @media (max-width: 480px) { .main1200, .main1650 { /* padding: 0 4vw; */ } } @media screen and (max-height: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), screen and (max-height: 768px) and (orientation: landscape) and (min--moz-device-pixel-ratio: 2), screen and (max-height: 768px) and (orientation: landscape) and (-o-min-device-pixel-ratio: 2/1), screen and (max-height: 768px) and (orientation: landscape) and (min-resolution: 2x) { .arts_t { display: block; } .arts_video { display: none; } } /* 字体大小设置 */ @media (min-width: 1601px) { html { font-size: 16px; } } @media (min-width: 1400px) and (max-width: 1600px) { html { font-size: 15px; } } @media (min-width: 640px) and (max-width: 1399px) { html { font-size: 14px; } } @media (min-width: 481px) and (max-width: 639px) { html { font-size: 13px; } } @media (min-width: 329px) and (max-width: 480px) { html { font-size: 12px; } }