@media (max-width: 767px) { .footerBox .footerLeft .logoBox .img2{ width: 130px !important; } .footerBox .footerLeft .logoBox { height: 120px; margin-left: auto; margin-right: auto; justify-content: center; display: flex; } .footerBox .footerLeft .logoBox .text{ font-size: 30px; margin-left: 15px; } .footerBox .footerLeft .copyrightBox { display: none; } .footerBox .footerRight .sitemapColumn .top { display: flex; justify-content: space-between; margin-top: 27px; } .footerBox .footerRight .sitemapColumn .fa { color: #FFFFFF; } .backToTop .fa { padding-left: 8px; } .backToTop .top-text { display: block; } .cookieBox { height: 330px !important; } .cookieBox .cookie { height: 330px !important; } .cookieBox .cookie .btnsBox { margin-top: 15px; } .cookieBox .cookie .btnsBox .acceptBtn, .cookieBox .cookie .btnsBox .manageBtn { margin: 0 auto; } .cookieBox .cookie .desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; } } .fa{ display: block; color: #fff; } @media (min-width: 768px) { .fa{ display: none; color: #fff; } .footerBox .footerLeft .logoBox .text{ font-size: 30px; } .footerBox .footerRight .sitemapColumn { display: flex; justify-content: center; min-height: 205px; margin: 40px 0; /* padding-left: 40px; */ } .footerBox .footerRight .sitemapColumn .rlist { display: block !important; } .footerBox .footerRight .sitemapColumn .specialControl { margin-top: 27px; } .footerBox .footerRight .sitemapColumn .top { height: 27px; } .copyrightBoxH5 { display: none; } .cookieBox .cookie .containerBox { display: flex; justify-content: space-between; } .cookieBox .cookie .btnsBox { margin-left: 15px; } .cookieBox .cookie .desc{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } } @media (min-width: 992px) { .footerBox .footerLeft .logoBox .text{ font-size: 48px; } } @media (min-width: 1366px) { .footerLeft { /* padding-left: 75px; */ } html .footerRight{ padding: 0; } } @media (min-width: 1800px){ .footerBox .footerLeft .logoBox{ display: flex; } .footerBox .footerLeft .logoBox .text{ margin-left: 20px; } } .commonFooterBoxEnUS{ font-family: Arial, sans-serif; } .commonFooterBoxZhCN{ font-family: 'Arial', 'Microsoft YaHei', '????', sans-serif; } .footerLeft { /* padding-left: 75px; */ } html .footerRight{ padding: 0; } .footerBox { width: 100%; /* background: url(https://files.sciengine.com/template/img/SJNCAS/7.png) no-repeat; */ background:#425CB3; background-size: 100% 100%; overflow: hidden; padding: 0 0px 27px; } .footerBox .fb-content { /* max-width: 1400px !important; */ display: flex; justify-content: space-around; width: 100%; overflow: hidden; margin: 0 auto; } .footerBox .footerLeft .logoBox { display: flex; align-items: center; margin-top: 40px; } .footerBox .footerLeft .logoBox .img1 { width: 220px; height: 60px; cursor: pointer; } .footerBox .footerLeft .logoBox .line{ width: 1px; height: 40px; background: rgba(255, 255, 255, 0.3); margin: 0 30px; } .footerBox .footerLeft .logoBox .img2 { width: 145px; height: 36px; cursor: pointer; } .footerBox .footerLeft .logoBox .text{ color: #FFFFFF; font-weight: bold; } .footerBox .footerLeft .copyrightBox { font-weight: 500; font-size: 14px; color: #FFFFFF; line-height: 32px; opacity: 0.7; margin-top: 30px; } .footerBox .footerLeft .copyrightBox .text { font-size: 14px; color: #FFFFFF; line-height: 30px; } .footerBox .footerLeft .copyrightBox .text a{ color: #FFFFFF; cursor: pointer; text-decoration: none; } .footerBox .footerLeft .copyrightBox .address { margin: 18px 0; } .footerBox .footerLeft .copyrightBox .licence{ margin: 18px 0 0 0; /* cursor: pointer; */ } .footerBox .footerLeft .copyrightBox .licence a{ cursor: auto; } /* .footerBox .footerLeft .copyrightBox .licence:hover{ text-decoration: underline; } */ .footerBox .footerLeft .copyrightBox .img { margin: 0 3px; vertical-align: middle; } .footerBox .footerRight { overflow: hidden; display: flex; justify-content: space-between; } .footerBox .footerRight .sitemapColumn{ display: flex; justify-content: center; } .footerBox .footerRight .sitemapColumn2{ padding: 0 100px; border-left: 1px solid rgba(204, 204, 204, 0.3); border-right: 1px solid rgba(204, 204, 204, 0.3); } .footerBox .footerRightZhCN .sitemapColumn2{ padding: 0 187px; } .footerBox .footerRight .sitemapColumn .accordionControl { font-size: 14px; color: #fff; font-weight: bold; } .footerBox .footerRight .sitemapColumn .accordionControl .aboutLink{ color: #ffffff; text-decoration: none; } .footerBox .footerRight .sitemapColumn .accordionControl .aboutLink:hover{ text-decoration: underline; } .footerBox .footerRight .sitemapColumn .rlist { font-size: 14px; color: #FFFFFF; margin-top: 14px; cursor: pointer; } .footerBox .footerRight .sitemapColumn .rlist-ts { cursor: auto; } .footerBox .footerRight .sitemapColumn .rlist .list, .listText{ font-weight: 500; font-size: 14px; color: #FFFFFF; line-height: 32px; opacity: 0.7; } .footerBox .footerRight .sitemapColumn .rlist .list:hover,.listText:hover{ opacity: 1; } /* .footerBox .footerRight .sitemapColumn .rlist-ts:hover{ opacity: 0.7!important; } */ .footerBox .footerRight .sitemapColumn .rlist .list .link { color: #FFFFFF; font-size: 14px; cursor: pointer; } .footerBox .footerRight .sitemapColumn:last-of-type { border: none; } .footerBox .copyrightBoxH5 { margin-top: 15px; padding: 0 30px; font-weight: 500; font-size: 14px; color: #FFFFFF; line-height: 32px; opacity: 0.7; } .footerBox .copyrightBoxH5 .text { font-size: 14px; color: #FFFFFF; } .footerBox .copyrightBoxH5 .text a{ cursor: pointer; color: #FFFFFF; text-decoration: none; } .footerBox .copyrightBoxH5 .address { margin: 18px 0; } .footerBox .copyrightBoxH5 .img { margin: 0 3px; vertical-align: middle; } .footerBox .copyrightBoxH5 .licence{ margin: 18px 0 0 0; /* cursor: pointer; */ } .footerBox .seeMore:hover{ text-decoration: underline; } .clearfix:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } .backToTop { cursor: pointer; border-radius: 8px; box-shadow: 0 0 14px rgba(0, 0, 0, 0.24); font-weight: bold; padding: 14px; background: #fff; color: #1a1a1f; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-bottom: 10px; position: fixed; right: 0; bottom: 0; visibility: hidden; opacity: 0; z-index: 12; transition: opacity 0.3s 0s, visibility 0s 0.3s; } .backToTop .top-text { font-size: 12px; } .backToTop .fa { font-weight: bold; margin-right: 5px; } .backToTop:hover { opacity: 1; } .backToTop:hover .fa { animation: faTransform 0.8s infinite; -webkit-animation: faTransform 0.8s infinite; } .back-to-top__is-visible { visibility: visible; opacity: 1; } .back-to-top__fade-out { opacity: 0.5; } .cookieBox { height: 165px; } .cookieBox .cookie { width: 100%; height: 165px; position: fixed; bottom: 0; left: 0; right: 0; background: #333333; z-index: 11; padding: 35px 0 0; } .cookieBox .cookie .desc { font-size: 16px; color: #FFFFFF; line-height: 24px; } .cookieBox .cookie .btnsBox .acceptBtn { width: 200px; text-align: center; background: #ffffff; box-shadow: 2px 3px 5px rgba(215, 215, 215, 0.35); border-radius: 10px; font-size: 14px; color: #333333; font-weight: bold; padding: 10px 0; cursor: pointer; } .cookieBox .cookie .btnsBox .acceptBtn:hover { animation: shake 0.38s; -webkit-animation: shake 0.38s; } .cookieBox .cookie .btnsBox .manageBtn { width: 200px; text-align: center; background: #004480; box-shadow: 2px 3px 5px rgba(170, 170, 170, 0.35); border-radius: 10px; font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 10px 0; cursor: pointer; margin-top: 15px; } .cookieBox .cookie .btnsBox .manageBtn:hover { animation: shake 0.38s; -webkit-animation: shake 0.38s; } .cookieBox .cookie .desc .goPolicy{ color: #0763D3; text-decoration: underline; cursor: pointer; } .footerBox .footerRightEnUS .sitemapColumn .accordionControl { font-family:'Georgia', serif; font-weight: bold; font-size: 18px; } .footerBox .footerRightZhCN .sitemapColumn .accordionControl { /* font-family:'zdyzt2'; */ font-weight: bold; font-size: 16px; } .footerBox .footerRightEnUS .sitemapColumn .rlist .list .link { font-size: 16px; } .footerBox .footerRightZhCN .sitemapColumn .rlist .list .link { font-size: 14px; } @keyframes faTransform { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } } @media (min-width: 768px) and (max-width: 1360px){ .footerBox .footerLeft .logoBox{ flex-direction: column; align-items: flex-start; } .footerBox .footerLeft .logoBox .line{ width: 0px; height: 15px; } } @media (max-width: 768px){ .footerBox { padding: 0; } .footerBox .copyrightBoxH5{ padding: 0; width: 80%; margin: 0 auto; } .footerBox .footerLeft .logoBox { height: 80px!important; margin-top: 10px!important; } .footerBox .footerLeft .logoBox .line{ margin: 0 16px; } .footerBox .footerLeft .logoBox .img1{ height: 36px!important; width: auto!important; } .footerBox .footerRight .sitemapColumn{ width: 100%; padding: 0!important; } .footerBox .footerRight .sitemapColumn .sitemapData{ width: 80%; padding: 0!important; } .footerBox .fb-content{ flex-direction: column; } .footerBox .footerRight{ flex-direction: column; } } @media (max-width: 1550px){ .footerBox .footerRightEnUS .sitemapColumn2{ padding: 0 50px; } } @media (max-width: 1400px){ .footerBox .footerRightZhCN .sitemapColumn2{ padding: 0 125px; } } @media (max-width: 1360px){ .footerBox .footerRightZhCN .sitemapColumn2{ padding: 0 25px; } } @media (max-width: 1200px){ .footerBox .footerRightZhCN .sitemapColumn2{ padding: 0 80px; } } @media (max-width: 1000px){ .footerBox .footerRightZhCN .sitemapColumn2{ padding: 0 50px; } } @media (max-width: 850px){ .footerBox .footerRightZhCN .sitemapColumn2{ padding: 0 20px; } }