@media screen and (max-width: 768px) { #publishHomeTop .lb-d2{ align-items: start; } #publishHomeTop .langImg{ display: none!important; } #publishHomeTop .lb-d2-right{ margin-left: 5px; width: auto; height: auto; padding: 1px 6px; } /* ??? */ #publishHomeTop .list-search{ height: 300px; } #publishHomeTop .list-search .logoBox{ padding: 20px 20px 0 20px; } #publishHomeTop .list-search .logoBox .imgLogo1{ width: 170px; height: auto; } #publishHomeTop .list-search .logoBox .imgLogo2{ width: 100px; height: 26px; } #publishHomeTop .list-search .ls-out .ls-d1{ height: 40px; } #publishHomeTop .list-search .ls-d2{ height: 35px; } #publishHomeTop .single-num{ font-size: 24px; } #publishHomeTop .list-search .ls-out .totalBox{ margin-top: 10px; font-size: 14px; } #publishHomeTop .single-num{ font-size: 18px; } #publishHomeTop .zmBox{ overflow: auto; padding: 0 20px; } } /* PC? */ body .list-search-out-en{ font-family: "Arial"; } body .list-search-out-zn{ font-family: 'Arial', 'Microsoft YaHei', '????', sans-serif; } .firstHeader{ display: none; } #topMiddleBox{ display: none; } #publishHomeTop{ width: 100%; } #publishHomeTop .lb-d2{ display: flex; align-items: center; justify-content: space-between; } #publishHomeTop .lbd2-pub{ color: #fff; margin-left: 40px; cursor: pointer; } #publishHomeTop .lbd2-pub-box{ display: flex; align-items: center; justify-content: center; } #publishHomeTop .lbd2-pub-box img{ width: 16px; height: 16px; margin-right: 10px; } #publishHomeTop .st-out{ display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 8px; height: 34px; } #publishHomeTop .st-out img{ margin-right: 0; } #publishHomeTop .st-out .el-input__inner{ width: 168px; border: none; outline: none; height: 34px; padding-right: 6px; } #publishHomeTop .st-out .sto-d1{ width: 46px; height: 32px; margin-right: 1px; background: #425CB3 !important; display: flex; align-items: center; justify-content: center; border-radius: 8px; } #publishHomeTop .logoBox-Xd .st-out{ } #publishHomeTop .logoBox-Xd .st-out .sto-input{ } #publishHomeTop .logoBox-Xd .st-out .el-input__inner{ border:1px solid #ccc; } #publishHomeTop .logoBox-Xd .st-out .sto-d1{ height: 34px; } #publishHomeTop .lb-d2-right{ width: 110px; height: 40px; border: 1px solid #FFF; border-radius: 20px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #fff; font-size: 16px; margin-left: 50px; } #publishHomeTop .lb-d2-right .langImg{ width: 18px; height: 18px; margin-right: 10px; } #publishHomeTop .list-search-out{ position: relative; width: 100%; height: 420px; } #publishHomeTop .list-search-out .swiper-wrapper .swiper-slide img{ width: 100%; height: 100%; } #publishHomeTop .swiperTop{ position: relative; width: 100%; height: 420px; } #publishHomeTop .list-search { position: absolute; width: 100%; background-size: cover; background-position: center; height: 420px; top: 0; z-index: 9; } #publishHomeTop .list-search .logoBox{ display: flex; justify-content: space-between; align-items: center; padding: 20px 50px 0; } #publishHomeTop .list-search .logoBox-Xd{ display: flex; justify-content: space-between; align-items: center; padding: 0px 50px; position: fixed; top: 0; z-index: 50; background: #ffffffe6; width: 100%; height: 70px; } #publishHomeTop .list-search .logoBox-Xd .lbd2-pub{ background:transparent; color: #000; } #publishHomeTop .list-search .logoBox .imgLogo1{ width: 183px; height: 50px; cursor: pointer; } #publishHomeTop .list-search .logoBox .imgLogo2{ height: 50px; cursor: pointer; } #publishHomeTop .zmBox { position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; } .zmBox .zmList div:hover { color: #F9CD77!important; } #publishHomeTop .zmBox .zmList{ display: flex; align-items: center; justify-content: space-between; width: 1400px; margin: 0 auto; } #publishHomeTop .zmBox .zmList div { font-weight: 400; font-size: 20px; color: #FFFFFF; cursor: pointer; } /* #publishHomeTop .zmBox .zmList div:hover { color: #F9CD77; } */ #publishHomeTop .list-search .key-title{ font-weight: 400; font-size: 50px; color: #FFFFFF; position: absolute; top: 27%; left: 0; right: 0; display: flex; justify-content: center; } #publishHomeTop .list-search .key-title-zn{ letter-spacing: 10px; } #publishHomeTop .list-search .key-title-en{ font-family: "Georgia"; } #publishHomeTop .list-search .ls-out { max-width: 1250px; display: flex; justify-content: center; margin: auto; flex-direction: column; position: absolute; left: 0; right: 0; top: 65%; /* transform: translateY(-50%); */ } #publishHomeTop .list-search .ls-out .totalBox{ font-weight: 500; font-size: 18px; color: #FFFFFF; line-height: 24px; margin-top: 20px; display: flex; align-items: baseline; letter-spacing: 2px; } #publishHomeTop .list-search .ls-out .totalBox .num{ font-weight: bold; font-size: 48px; color: #F9CD77; line-height: 24px; padding: 0 10px; margin-top: 15px; } #publishHomeTop .list-search .ls-out .ls-d0 { color: #fff; display: flex; align-items: center; margin-bottom: 10px; } #publishHomeTop .list-search .ls-out .ls-d0 .lsd0-pub{ display: flex; align-items: center; justify-content: center; height: 46px; margin-right: 10px; border: 2px solid #ffffff45; padding: 0 20px; border-radius: 5px; cursor: pointer; } #publishHomeTop .list-search .ls-out .ls-d0 .lsd0-pub:hover{ background: rgb(255 255 255 / 60%); border: 2px solid transparent; } #publishHomeTop .list-search .ls-out .ls-d0 .searchActive{ background: rgb(255 255 255 / 30%); border: 2px solid transparent; } #publishHomeTop .list-search .ls-out .ls-d0 .lsd0-search{ } #publishHomeTop .list-search .ls-out .ls-d0 .lsd0-search img{ width: 16px; height: 16px; margin-right: 10px; } #publishHomeTop .list-search .ls-out .ls-d1 { width: 100%; height: 56px; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 8px; display: flex; justify-content: flex-start; align-items: center; } #publishHomeTop .list-search .ls-out .ls-d1-ts-radius{ border-radius: 8px 8px 8px 0px; } #publishHomeTop .list-search .ls-out .ls-d1 .typeSel{ height: 50px; line-height: 50px; cursor: pointer; } #publishHomeTop .list-search .ls-out .ls-d1 .typeSelEnUS{ /* max-width: 192px; */ max-width: 160px; min-width:130px; } #publishHomeTop .list-search .ls-out .ls-d1 .typeSelZhCN{ /* max-width: 159px; */ max-width: 160px; min-width: 105px; } #publishHomeTop .list-search .ls-out .ls-d1 .contentSel{ width: 100%; } #publishHomeTop .list-search .ls-d1 input { width: 100%; height: 100%; border: 0; outline: none; padding-left: 20px; border-radius: 8px; font-weight: 500; font-size: 16px; color: #333; padding-right: 5px; } #publishHomeTop .el-select .el-input .el-select__caret{ color: #333; } #publishHomeTop .list-search .ls-d2 { flex-shrink: 0; width: 80px; height: 54px; background-color: #AE0C2A !important; border-radius: 0px 8px 8px 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; display: inline-block; background: url(https://files.sciengine.com/template/img/SJNCAS/25.png) no-repeat; background-size: 20px 20px; background-position: center; vertical-align: bottom; cursor: pointer; margin-right: 1px; } #publishHomeTop .swiper-button-prev-top{ background: url(https://files.sciengine.com/template/img/Sciengine/15.png) no-repeat; width: 19px; height: 14px; background-size: 100% 100%; z-index:15!important; } #publishHomeTop .swiper-button-prev-top:hover { background: url(https://files.sciengine.com/template/img/Sciengine/15.png) no-repeat; width: 19px; height: 14px; background-size: 100% 100%; } #publishHomeTop .swiper-button-prev-top.swiper-button-disabled { background: url(https://files.sciengine.com/template/img/Sciengine/15.png) no-repeat; width: 19px; height: 14px; background-size: 100% 100%; } #publishHomeTop .swiper-button-next-top{ background: url(https://files.sciengine.com/template/img/Sciengine/13.png) no-repeat; width: 19px; height: 14px; background-size: 100% 100%; z-index: 15!important; } #publishHomeTop .swiper-button-next-top:hover { background: url(https://files.sciengine.com/template/img/Sciengine/13.png) no-repeat; width: 19px; height: 14px; background-size: 100% 100%; } #publishHomeTop .swiper-button-next-top.swiper-button-disabled { background: url(https://files.sciengine.com/template/img/Sciengine/13.png) no-repeat; width: 19px; height: 14px; background-size: 100% 100%; } #publishHomeTop .list-search .ls-out .ls-d1 .el-input__icon{ line-height: 50px!important; } .el-popper[x-placement^=bottom]{ margin-top: 10px!important; } /* ???????? */ input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999!important; } input::-moz-placeholder { /* Firefox 19+ */ color: #999!important; opacity: 1; } input:-ms-input-placeholder { /* IE 10+ */ color: #999!important; } input:-moz-placeholder { /* Firefox 18- */ color: #999!important; opacity: 1; } .userMenus{ display: flex; margin-left: 40px; align-items: center; cursor: pointer; position: relative; } .userMenus img{ width: 16px; height: 16px; margin-right: 10px; } .userMenus .text-d1{ display: flex; align-items: center; color: #fff; } .logoBox-Xd .userMenus .text-d1{ color: #000; } .userMenus #dropdownMenu1{ color: #fff; max-width: 120px; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .logoBox-Xd .userMenus #dropdownMenu1{ color: #000; } .userMenus .dropdown-menu a{ color: #000; } .dropdown-en{ top: 110%; left: -20px; } .dropdown-cn{ top: 110%; left: 30px; } .xbb-hd1-d1{ display: none; } .el-select-dropdown__item.selected{ color: #425CB3!important; } @media (min-width: 768px) and (max-width: 1430px){ #publishHomeTop .list-search .ls-out{ width: 100%; padding: 0 20px; } #publishHomeTop .zmBox .zmList{ width: 100%; padding: 0 20px; } } @media screen and (max-width: 900px){ .xlaSel-out{ width: 100%!important; max-width: calc(100% - 160px)!important; } #publishHomeTop .list-search .logoBox-Xd-en{ padding: 0px 5px; } #publishHomeTop .list-search .logoBox-Xd-cn{ padding: 0px 0px; } .userMenus #dropdownMenu1{ max-width: 85px; } #publishHomeTop .list-search .logoBox-Xd-en .lbd2-pub{ margin-left: 15px; } #publishHomeTop .list-search .ls-out .ls-d1-en .typeSelEnUS{ max-width: 192px; min-width:118px; } #publishHomeTop .list-search .ls-d1-en input{ padding-left: 6px; } #publishHomeTop .list-search .ls-d2-ts { width: 30px; background-color: #fff!important; background: url(https://files.sciengine.com/template/img/SJNCAS/25r.png) no-repeat; background-size: 20px 20px; background-position: center; } } @media screen and (max-width: 840px) { #publishHomeTop .list-search .key-title-en{ font-size: 40px; } } @media screen and (max-width: 820px) { #publishHomeTop .list-search .logoBox-Jd-en{ padding: 20px 5px 0; } } @media screen and (max-width: 768px){ .xbb-hd1-d1{ display: block; } } @media screen and (max-width: 768px){ #publishHomeTop .list-search .logoBox{ display: none; } #publishHomeTop .list-search-out{ /* margin-top: 100px; */ } #publishHomeTop .list-search-out{ height: 300px; } #publishHomeTop .swiperTop{ height: 300px; } #publishHomeTop .list-search{ height: 300px; } #publishHomeTop .list-search .key-title{ font-size: 20px; top: 10%; } #publishHomeTop .list-search .ls-out{ width: 100%; padding: 0 10px; height: 140px; justify-content: space-between; top: 48%; } #publishHomeTop .list-search .ls-out .ls-d0{ justify-content: space-between; } #publishHomeTop .list-search .ls-out .ls-d0 .lsd0-pub{ margin-right: 0; text-align: center; } .el-popper[x-placement^=bottom]{ width: 90%; left: 20px !important; } } .select2-container--default .select2-selection--single{ border: none!important; outline: none!important; } .xlaSel-out{ width: 100%!important; max-width: calc(100% - 241px); } .xlaSel-c{ width: 100%!important; } .xlaSel2-c{ width: 160px!important; } select{ outline: none; } .select2-container--open .select2-dropdown { top:14px } .xlaSel-out .select2-container .select2-selection--single .select2-selection__rendered{ padding-left: 20px!important; } .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar { display: none; /* ????? */ } .select2-container--default .select2-selection--single .select2-selection__arrow{ right: 5px!important; } .el-scrollbar .el-scrollbar__bar { opacity: 1 !important; } .textGx{ padding: 10px 50px; background: #7D371C; color: #fff; font-size: 20px; text-align: center; } @media screen and (max-width: 768px){ .textGx{ padding: 10px; background: #7D371C; color: #fff; font-size: 16px; text-align: center; margin-top: 100px; } }