.edition-center { width: 75%; margin: 0 auto; } .clearfix { zoom: 1; } .clearfix:after, .clearfix:before { display: table; content: ""; } .clearfix:after { clear: both; } /* ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #d8d8d8; } ::-webkit-scrollbar-thumb { background-color: #b6b6b6; } ::-webkit-scrollbar-track { border-radius: 10px; } */ .line-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .overwb2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .overwb1 { /* overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ui-nowrap2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ui-nowrap1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } @media only screen and ( max-width:1400px) { .edition-center{ width: 90%; } .hb-content-box img{ /* width: 80%; */ } .topNav-ul li{ font-size: 0.8125rem; margin: 0 0.4rem; } .nav-ul li{ font-size: 1rem; margin: 0 0.4rem; } .mainNav-box .mainNav-item{ font-size: 0.8125rem; } .nav-ul li:last-child .nu-item { justify-content: flex-end; padding-right: 5%; } } @media only screen and (min-width: 1400px) and (max-width: 1800px) { .edition-center{ width: 84%; } .hb-content-box img{ /* width: 90%; */ } .topNav-ul li{ /* font-size: 1.125rem; */ } .nav-ul li{ font-size: 0.875rem; } } @media only screen and (max-width: 991px) { .phone{ /* display: block !important; */ } .displayNo { /* display: none; */ } .main-content-item{ width: 100%; text-align: center; } .selection-content .selection-item{ width: 100% !important; } .selection-item .selection-item-img{ width: 100% !important; } .item-bottom{ flex-direction: column-reverse; } .amer-content .amer-content-item{ width: 100%; } .amer-content-item .item-img{ width: 100%!important; } .news-left-box{ width: 100%; height: auto; margin-bottom: 1.25rem; } .news-left-box .pictrue img{ width: 100%; } .news-content{ flex-direction: column; } .news-content .menu-box{ width: 100%; } .content-item{ width: 100%; } .footer-box .fc-box{ margin: 0 auto; text-align: center; } .keep-record{ line-height: 1.4rem; padding: 1rem 0; } .main-two-content .main-content-item .pictrue{ margin: unset; } .main-one-content{ margin: 0; } } @media only screen and (min-width: 768px)and (max-width: 1100px) { .nav-ul li a { font-size: 0.9rem; color: #FFFFFF; } } @media only screen and (max-width: 767px) { } .overall-situation-big-title{ font-size: 2rem; font-weight: 700; text-align: center; color: #333333; letter-spacing: 0.28rem; margin-bottom: 20px; } .overall-situation-small-title{ font-size: 1.5rem; font-weight: 400; text-align: center; color: #999999; letter-spacing: 0.21rem; margin-bottom: 50px; }