新客专区
惊喜盲盒
奖品丰厚 100%中奖
*完成认证即可开启
立即前往
全部
吸收
成分分析
原位测试
显微成像
材料加工
物性分析
结构分析
第一性原理
<>
.bottom-footer .footer {
padding: 80px calc((100% - 1200px) /2);
background: #ffffff;
position: relative;
}
.bottom-footer .footer .Links {
visibility: hidden;
pointer-events: none;
position: absolute;
bottom: 0px;
}
.bottom-footer .footer .top {
display: flex;
justify-content: space-between;
}
.bottom-footer .footer .top .nav {
width: 290px;
display: flex;
flex-wrap: wrap;
gap: 26px 60px;
}
.bottom-footer .footer .top .nav>a {
font-weight: 350;
font-size: 14px;
color: #333333;
line-height: 14px;
cursor: pointer;
}
.bottom-footer .footer .top .nav>a:hover {
color: #0099AD;
}
.bottom-footer .footer .top .contact>p {
width: 100%;
height: 16px;
font-weight: 600;
font-size: 16px;
color: #333333;
line-height: 16px;
text-align: center;
margin-bottom: 21px;
}
.bottom-footer .footer .top .contact>div {
width: 100%;
font-weight: 600;
font-size: 14px;
color: #333333;
line-height: 14px;
text-align: center;
}
.bottom-footer .footer .top .contact>div:nth-of-type(n+2) {
margin-top: 30px;
}
.bottom-footer .footer .top .contact>div>p {
width: 100%;
margin-top: 6px;
font-family: DINDIN;
font-weight: 400;
font-size: 36px;
color: #333333;
line-height: 36px;
text-align: center;
}
.bottom-footer .footer .top .codes {
display: flex;
justify-content: space-between;
gap: 30px;
}
.bottom-footer .footer .top .codes>div>img {
margin: 0 auto;
display: block;
width: 100px;
height: 100px;
}
.bottom-footer .footer .top .codes>div>p {
margin-top: 24px;
font-weight: 400;
font-size: 14px;
color: #333333;
line-height: 14px;
text-align: center;
}
.bottom-footer .footer .bottom {
margin-top: 40px;
border-top: 2px solid #EBEBEB;
padding-top: 24px;
display: flex;
justify-content: space-between;
align-items: center;
}
.bottom-footer .footer .bottom .textBox {
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 12px;
color: #333333;
line-height: 12px;
gap: 25px;
}
.bottom-footer .footer .bottom .textBox>a {
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 12px;
color: #333333;
line-height: 12px;
}
.bottom-footer .footer .bottom .textBox .ion {
display: block;
margin-right: 8px;
width: 20px;
height: 20px;
}
.bottom-footer .footer .bottom .gap10 {
gap: 10px;
}
/*意见反馈 弹窗*/
#rightNav {
position: fixed;
right: 10px;
z-index: 100;
bottom: 20vh;
}
#rightNav>.contactInformation {
/* width: 50px;
height: 130px;
background: #FFFFFF;
/* border: 1px solid #FFFFFF; */
/* box-shadow: 0px 3px 10px #00000010;
padding: 0 16px;
padding-top: 18px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #999999; */
position: relative;
}
#rightNav>.rightNavItem {
width: 50px;
height: 70px;
background: #FFFFFF;
box-shadow: 0px 3px 10px rgba(0000.1);
cursor: pointer;
padding-top: 14px;
margin-bottom: 10px;
display: block;
text-align: center;
margin-left: auto;
}
#rightNav>.rightNavItem::before {
display: block;
content: "";
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
}
#rightNav>.rightNavItem:nth-of-type(1)::before {
background: url("/static/v2/img/rightNav1.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.rightNavItem:nth-of-type(1):hover::before {
background: url("/static/v2/img/rightNav1-1.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.rightNavItem:nth-of-type(2)::before {
background: url("/static/v2/img/rightNav2.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.rightNavItem:nth-of-type(2):hover::before {
background: url("/static/v2/img/rightNav2-1.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.rightNavItem:nth-of-type(3)::before {
background: url("/static/v2/img/rightNav3.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.rightNavItem:nth-of-type(3):hover::before {
background: url("/static/v2/img/rightNav3-1.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.rightNavItem:nth-of-type(4)::before {
background: url("/static/v2/img/rightNav4.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.rightNavItem:nth-of-type(4):hover::before {
background: url("/static/v2/img/rightNav4-1.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>.anniversary {
/*width: 62px;*/
/*height: 81px;*/
margin-bottom: 10px;
display: block;
cursor: pointer;
}
#rightNav>.anniversary>img {
display: block;
width: 100%;
height: 100%;
}
#rightNav .itemTips {
width: 606px;
height: 40px;
background: #FFFFFF;
border: 1px solid #DDDDDD;
line-height: 40px;
/* text-indent: 16px; */
text-align: center;
color: #AAAAAA;
font-size: 14px;
font-family: Source Han sans-serif;
}
#rightNav .upBox {
display: flex;
align-items: center;
justify-content: space-between;
width: 510px;
position: relative;
}
#rightNav .upBox .upImg {
width: 52px;
height: 25px;
position: relative;
/* cursor: pointer; */
}
#rightNav .upBox .upImg>input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
opacity: 0;
cursor: pointer;
z-index: -1;
/* background: red; */
}
#rightNav .upBox .upImg>img {
width: 100%;
height: 100%;
display: block;
cursor: pointer;
}
#rightNav .upBox .upImg>.img2 {
display: none;
}
#rightNav .upBox .upImg:hover>.img2 {
display: block;
}
#rightNav .upBox .upImg:hover>.img1 {
display: none;
}
#rightNav .upBox .uptext {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
background: #fff;
display: flex;
align-items: center;
justify-content: space-between;
display: none;
}
#rightNav .upBox .uptext #upTitle {
font-size: 14px;
font-family: Source Han sans-serif;
font-weight: 400;
color: #333333;
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#rightNav .upBox .uptext>img {
width: 16px;
display: block;
cursor: pointer;
}
#rightNav .typeTips {
color: #E65555;
font-size: 14px;
margin-left: auto;
}
#rightNav>.rightNavItem>p {
margin-top: 4px;
font-size: 14px;
font-family: Source Han sans-serif;
font-weight: 400;
line-height: 18px;
color: #333333;
line-height: 20px;
}
#rightNav>.rightNavItem:hover {
background: #0099AD;
}
#rightNav>.rightNavItem:hover>p {
color: #FFFFFF;
}
#rightNav p {
margin-block-start: 0px;
margin-block-end: 0px;
}
#rightNav>.contactInformation>p {
margin-top: 8px;
text-align: center;
}
#rightNav>.contactInformation .ciNumberBox {
position: absolute;
top: 0;
right: 50px;
height: 140px;
width: 0px;
overflow: hidden;
transition: all .2s ease;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber {
padding: 10px;
background: #FFFFFF;
height: 130px;
width: 350px;
box-shadow: 0px 3px 10px #00000010;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop {
display: flex;
/* justify-content: space-between; */
padding-bottom: 6px;
border-bottom: 1px solid #DDDDDD;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode {
display: flex;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode img {
display: block;
width: 80px;
height: 80px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text {
text-align: left;
margin-left: 11px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text p:nth-child(1) {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #999999;
margin-top: 8px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text p:nth-child(2) {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #0099AD;
margin-top: 8px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .QRcode .text p:nth-child(3) {
font-size: 14px;
line-height: 16px;
font-weight: 400;
color: #333333;
margin-top: 2px;
font-family: Agency FB;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section {
display: flex;
align-items: center;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time {
margin-left: 10px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section p:nth-of-type(1) {
margin-left: 8px;
font-size: 14px;
color: #999999;
font-weight: 400;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section p:nth-of-type(2) {
margin-left: 10px;
font-size: 14px;
color: #333333;
font-weight: bold;
/* font-family: Agency FB; */
/* font-weight: 400; */
font-family: Source Han sans-serif;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section::before {
display: block;
content: "";
width: 28px;
height: 28px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(1) {
margin-top: 4px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(2) {
margin-top: 16px;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(1)::before {
background: url("/static/v2/img/phoneImg.png?v1") no-repeat;
background-size: 100% 100%;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .ciNumberTop .phone_time>section:nth-child(2)::before {
background: url("/static/v2/img/work_time.png?v1") no-repeat;
background-size: 100% 100%;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .rightTips {
margin-top: 6px;
color: #999999;
font-size: 12px;
font-weight: 400;
line-height: 17px;
text-align: left;
}
#rightNav>.contactInformation .ciNumberBox .ciNumber .rightTips span {
color: #0099AD;
}
/* #rightNav>.contactInformation::before {
display: block;
content: "";
width: 18px;
height: 18px;
background: url("/static/v2/img/contactInformation1.png") no-repeat;
background-size: 100% 100%;
} */
#rightNav>.contactInformation:hover .ciNumberBox {
width: 360px;
padding-right: 10px;
}
#rightNav>.contactInformation:hover {
background: #0099AD;
color: #FFFFFF;
}
/* #rightNav>.contactInformation:hover::before {
background: url("/static/v2/img/contactInformation2.png") no-repeat;
background-size: 100% 100%;
} */
#rightNav .clickUp {
background: #FFFFFF;
/* border: 1px solid #FFFFFF; */
box-shadow: 0px 3px 10px #00000010;
width: 50px;
height: 50px;
display: block;
margin-top: 10px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: absolute;
right: -80px;
bottom: -50px;
transition: all .1s ease;
margin-left: auto;
}
#rightNav .clickUp::before {
display: block;
content: "";
width: 20px;
height: 16px;
background: url("/static/v2/img/clickUp1.png?v1") no-repeat;
background-size: 100% 100%;
}
#rightNav .clickUp:hover {
background: #0099AD;
}
#rightNav .clickUp:hover::before {
background: url("/static/v2/img/clickUp2.png?v1") no-repeat;
background-size: 100% 100%;
}
#rightNav .Feedback {
width: 50px;
height: 50px;
background: #FFFFFF;
box-shadow: 0px 3px 10px #00000010;
margin-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all .3s ease;
}
#rightNav .Feedback::before {
content: "";
display: block;
width: 24px;
height: 16px;
background: url("/static/v2/img/Feedback1.png") no-repeat;
background-size: 100% 100%;
}
#rightNav>section {
margin-left: auto;
}
#rightNav .Feedback>div {
font-size: 14px;
color: #fff;
margin-left: 0px;
width: 0px;
overflow: hidden;
transition: all .3s ease;
height: 20px;
}
#rightNav .Feedback:hover {
width: 120px;
animation: co .3s forwards;
}
@keyframes co {
0% {
background: #0099AD;
}
90% {
background: #0099AD;
}
100% {
background: #0099AD;
}
}
#rightNav .Feedback:hover>div {
margin-left: 10px;
width: 56px;
}
#rightNav .Feedback:hover::before {
background: url("/static/v2/img/Feedback2.png") no-repeat;
background-size: 100% 100%;
animation: imgs .3s forwards;
}
@font-face {
font-family: 'Aller';
src: url("/static/v2/img/ALLER_LT.TTF");
}
*::-webkit-input-placeholder {
color: #aaaaaa;
}
#rightNav .FeedbackModle {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #00000070;
z-index: 10000;
display: none;
}
#rightNav .FeedbackModle .FeedbackBOX {
position: absolute;
width: 666px;
height: 611px;
background: #ffffff;
border-radius: 4px;
left: 50%;
top: 50%;
transform: translate(-50%-50%);
padding-top: 20px;
}
#rightNav .FeedbackModle .FeedbackBOX .title {
padding: 0 30px;
padding-bottom: 12px;
border-bottom: 1px solid #dddddd;
}
#rightNav .FeedbackModle .FeedbackBOX .title .top {
display: flex;
justify-content: space-between;
}
#rightNav .FeedbackModle .FeedbackBOX .title .top .left {
display: flex;
align-items: flex-end;
}
#rightNav .FeedbackModle .FeedbackBOX .title .top .left>h3 {
font-size: 48px;
font-weight: bold;
line-height: 67px;
color: #333333;
font-family: Source Han sans-serif;
}
#rightNav .FeedbackModle .FeedbackBOX .title .top .left>P {
margin-bottom: 6px;
height: 28px;
font-size: 24px;
font-family: Aller;
font-weight: 300;
line-height: 28px;
color: #333333;
text-transform: uppercase;
margin-left: 20px;
display: flex;
align-items: center;
}
#rightNav .FeedbackModle .FeedbackBOX .title .top .left>P::before {
display: block;
content: '';
width: 22px;
height: 21px;
background: url("/static/v2/img/Feedback3.png") no-repeat;
background-size: 100% 100%;
margin-right: 4px;
}
#rightNav .FeedbackModle .FeedbackBOX .title .top .left>.phone::before {
background: url("/static/v2/img/righrPhone.png") no-repeat;
background-size: 100% 100%;
}
#rightNav .FeedbackModle .FeedbackBOX .title .top .del {
width: 48px;
height: 48px;
background: url("/static/v2/img/cansel5.png") no-repeat;
background-size: 100% 100%;
cursor: pointer;
}
#rightNav .FeedbackModle .FeedbackBOX .title>p {
font-size: 14px;
font-family: Source Han sans-serif;
font-weight: 400;
line-height: 20px;
color: #aaaaaa;
margin-top: 4px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent {
padding: 0 30px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item {
margin-top: 20px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .type {
color: #333333;
font-weight: bold;
font-size: 18px;
line-height: 25px;
font-family: Source Han sans-serif;
display: flex;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .Required::before {
content: '*';
display: block;
color: #e65555;
font-size: 18px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData {
margin-top: 16px;
position: relative;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList {
display: flex;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div {
width: 88px;
height: 40px;
border: 1px solid #dddddd;
font-size: 14px;
font-family: Source Han sans-serif;
font-weight: 400;
color: #333333;
text-align: center;
line-height: 40px;
margin-right: 16px;
cursor: pointer;
position: relative;
overflow: hidden;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div .other {
position: absolute;
width: 206px;
height: 40px;
border: 1px solid #dddddd;
border-left: none;
top: -1px;
left: 87px;
transition: all 0.3s ease;
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
display: none;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div .other>input {
width: 175px;
outline: none;
border: none;
font-size: 14px;
height: 14px;
font-weight: 400;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList .select {
overflow: initial;
background: #0099AD;
color: #fff;
border: 1px solid #0099AD;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList .select .other {
display: flex;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .selectList>div:last-child {
margin-right: 0px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea {
width: 606px;
height: 120px;
background: #ffffff;
border: 1px solid #dddddd;
resize: none;
padding: 16px;
font-size: 14px;
font-family: Source Han sans-serif;
font-weight: 400;
outline: none;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea::-webkit-scrollbar {
width: 2px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea::-webkit-scrollbar-track {
border-radius: 5px;
background: #eeeeee;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData>textarea::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #0099AD;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .num {
font-size: 12px;
font-family: Source Han sans-serif;
font-weight: 400;
line-height: 17px;
color: #aaaaaa;
position: absolute;
right: 10px;
bottom: 10px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation {
display: flex;
justify-content: space-between;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation>.itemInput {
display: flex;
width: 295px;
height: 40px;
background: #ffffff;
border: 1px solid #dddddd;
align-items: center;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation>.itemInput>div {
width: 67px;
height: 40px;
border-right: 1px solid #dddddd;
text-align: center;
line-height: 40px;
font-size: 14px;
font-weight: 400;
color: #333333;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent>.item .itemData .contactInformation>.itemInput>input {
width: 196px;
font-size: 14px;
outline: none;
border: none;
margin-left: 16px;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent .but {
width: 96px;
height: 40px;
background: #f7f7f7;
margin-top: 24px;
margin-left: auto;
font-size: 14px;
font-weight: 400;
color: #dddddd;
text-align: center;
line-height: 40px;
cursor: pointer;
}
#rightNav .FeedbackModle .FeedbackBOX .inputContent .but.selectBut {
background: #0099AD;
color: #fff;
}
水系电池实验室
水系电池实验室
水系电池实验室
水系电池实验室
水系电池实验室
水系电池实验室
显微成像
结构分析
成分分析
现场/云现场
物性分析
热学性能
同步辐射
声光电磁
材料加工
原位测试
力学性能
环境试验
显微成像
病理检测
细胞实验
微生物实验
动物实验
组学平台
临床前CRO
第一性原理
分子动力学
量子化学
机器学习与数据分析
超算机时租赁
相图计算
CAE仿真
金属
可靠性测试
玻璃
电池
高分子材料
无机材料
环境
产品
建材
未知成分分析
蜀公网安备51010602000648号
