* { padding: 0; margin: 0; box-sizing: border-box } li, ol { list-style: none } a { text-decoration: none } @font-face { font-family: "方正大黑_GBK"; src: url("../font/方正大黑_GBK.eot?") format("eot"); src: url("../font/方正大黑_GBK.woff") format("woff"),url("../font/方正大黑_GBK.ttf") } @font-face { font-family: "液晶数字"; src: url("../font/液晶数字.eot?") format("eot"); src: url("../font/液晶数字.woff") format("woff"),url("../font/液晶数字.ttf") } ::-webkit-scrollbar { width: 5px; height: 110px; background-color: transparent } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #010a2c } ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #071857 } ::-webkit-scrollbar-thumb:hover { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.4) } html { scrollbar-face-color: #071857; scrollbar-highlight-color: #010a2c; scrollbar-3dlight-color: #010a2c; scrollbar-darkshadow-color: #010a2c; scrollbar-shadow-color: #071857; scrollbar-arrow-color: rgba(1,10,44,0.4); scrollbar-track-color: #071857 } html { font-size: 10vw; width: 100%; height: 100%; min-width: 1200px; min-height: 768px; font-family: Microsoft YaHei; line-height: 1 } @media screen and (max-width: 1200px) { html { font-size: 120px } } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sd-index2-body { background: #0b5695 } .sd-header2 { position: relative; padding: 0 .10417rem; display: flex; height: .36458rem; background-color: #107f8b } .sd-header2 .sd-header2-left { display: flex; align-items: center; margin-right: .39583rem } .sd-header2 .sd-header2-left .sd-cname { position: relative; display: flex; color: #fff; height: .29167rem; line-height: .29167rem; padding-right: .05208rem; margin-right: .10417rem } .sd-header2 .sd-header2-left .sd-cname .sd-cname-tit { font-size: .15625rem; font-weight: 600; letter-spacing: .01042rem; padding: 0 0 0 .10417rem } .sd-header2 .sd-header2-left .sd-cname .sd-cname-img { height: .29167rem } .sd-header2 .sd-header2-left .sd-select-area { position: relative; cursor: pointer } .sd-header2 .sd-header2-left .sd-select-area .sd-select-area-inner { display: flex; align-items: center } .sd-header2 .sd-header2-left .sd-select-area .sd-select-name { font-size: .07292rem; color: #fff; margin-right: .05208rem; max-width: 1.04167rem; min-width: .52083rem } .sd-header2 .sd-header2-left .sd-select-area .sd-dropdown-icon { margin-top: .02083rem; width: .07292rem; height: .04688rem; background: url("../image/index2/dropdown.png") center center/100% auto no-repeat } .sd-header2 .sd-header2-left .sd-select-area .sd-select-box { position: absolute; top: .20833rem; left: 0; z-index: 2; width: .9375rem; height: 1.5625rem; overflow-y: auto; background: #0d1e4f } .sd-header2 .sd-header2-left .sd-select-area .sd-select-box .sd-select-box-item { padding: .10417rem; font-size: .08333rem; color: #fff } .sd-header2 .sd-header2-left .sd-select-area .sd-select-box .sd-select-box-item:hover { color: #fff } .sd-header2 .sd-header2-center { flex: 1; min-width: 0 } .sd-header2 .sd-header2-center ul { display: flex; align-items: center; height: 100% } .sd-header2 .sd-header2-center ul li { width: .51042rem; height: .19792rem } .sd-header2 .sd-header2-center ul li:not(:last-child) { margin-right: .08333rem } .sd-header2 .sd-header2-center ul li a { display: block; font-size: .07292rem; line-height: .19792rem; color: #f8f2f2; text-align: center } .sd-header2 .sd-header2-center ul li a.activeClick, .sd-header2 .sd-header2-center ul li a:hover { width: .5rem; height: .19792rem; border-radius: .02083rem; background-color: #ffffff !important; color: #107f8b } .sd-header2 .sd-header2-right ul { display: flex; align-items: center; height: 100%; white-space: nowrap } .sd-header2 .sd-header2-right ul li { font-size: .0625rem; line-height: .08333rem } .sd-header2 .sd-header2-right ul li a { color: #fff } .sd-header2 .sd-header2-right ul li:not(:last-child) { margin-right: .10417rem } .sd-header2 .sd-header2-right ul li span { position: relative; margin-right: .03646rem; vertical-align: middle } .sd-header2 .sd-header2-right ul li i { font-size: .07292rem } .sd-header2 .sd-header2-right ul li .sd-message-dot::after { content: ""; position: absolute; top: 0; right: 0; width: .03125rem; height: .03125rem; border-radius: 50%; background: #f39800 } .sd-body2 { display: flex; padding: .09375rem 0 } .sd-body2 .sd-body2-left .sd-section, .sd-body2 .sd-body2-right .sd-section { position: relative; width: 2.54167rem; height: 1.7rem; background: url(../images/04.png) center center/100% 100% no-repeat } .sd-body2 .sd-body2-left .sd-section .sd-section-title, .sd-body2 .sd-body2-right .sd-section .sd-section-title { left: 50%; transform: translateX(-50%) } .sd-body2 .sd-body2-center { flex: 1; min-width: 0; margin: 0 } .sd-body2 .sd-body2-center .sd-section { position: relative; width: 100%; height: 1.7rem; background: url("../images/04.png") center center/100% 100% no-repeat } .sd-body2 .sd-body2-center .sd-section .sd-section-title { left: 50%; transform: translateX(-50%) } .sd-body2 .sd-section .sd-section-title { position: absolute; top: .06rem; font-size: .08333rem; color: #ffffff; width: 1.01563rem; text-align: center; padding: 0 .05208rem } .sd-body2 .sd-section .sd-section1-inner { padding: .29167rem .15625rem 0 } .sd-body2 .sd-section .sd-section1-inner .sd-security .sd-security-label { font-size: .08333rem; color: #ffffff } .sd-body2 .sd-section .sd-section1-inner .sd-security .sd-security-value { height: .25521rem; margin: .09375rem auto 0; padding: 0 .02604rem; text-align: right; background: url("../image/index6/security-time-bg.png") center center/100% 100% no-repeat; font-size: .15625rem; color: #ffffff; font-family: "液晶数字"; letter-spacing: .09896rem; padding-top: .06771rem } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc { margin-top: .14583rem } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus-label { font-size: .08333rem; color: #ffffff } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus { display: flex; justify-content: space-around; margin-top: .125rem } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu .sd-security-menu-img { position: relative; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; width: .5rem; height: .43229rem } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu .sd-security-menu-img .sd-security-menu-value { position: absolute; top: -.03125rem; left: 50%; transform: translateX(-50%); font-size: .20833rem; font-family: "液晶数字" } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu .sd-security-menu-name { font-size: .07292rem; color: #fff; text-align: center } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(1) .sd-security-menu-img { background-image: url("../image/index6/s_1.png") } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(1) .sd-security-menu-img .sd-security-menu-value { color: #1a3ac3 } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(1) .sd-security-menu-name { color: #5d7ff4 } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(2) .sd-security-menu-img { background-image: url("../image/index6/s_2.png") } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(2) .sd-security-menu-img .sd-security-menu-value { color: #0db86f } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(2) .sd-security-menu-name { color: #0db86f } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(3) .sd-security-menu-img { background-image: url("../image/index6/s_3.png") } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(3) .sd-security-menu-img .sd-security-menu-value { color: #ce0a2a } .sd-body2 .sd-section .sd-section1-inner .sd-security-calc .sd-security-menus .sd-security-menu:nth-child(3) .sd-security-menu-name { color: #ee3d6f } .sd-body2 .sd-section .sd-section2-inner { padding: .34896rem .15625rem 0 } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list { width: 2.21354rem; height: 1.13542rem; background: url("../image/index6/a.png") center center/100% 100% no-repeat; font-size: 0 } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item { display: inline-block; width: 50%; height: .56771rem } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-item-inner { display: flex; align-items: center; justify-content: center; height: 100% } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-icon { width: .26563rem; height: .26042rem; margin-right: .05208rem } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-con .sd-warning-value { font-size: .125rem } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item .sd-warning-con .sd-warning-name { margin-top: .05208rem; font-size: .07292rem; color: white; } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(1) .sd-warning-icon { background: url("../image/index6/t_1.png") center center/100% 100% } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(1) .sd-warning-value { color: #0db86f } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(2) .sd-warning-icon { background: url("../image/index6/t_2.png") center center/100% 100% } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(2) .sd-warning-value { color: #5d7ff4 } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(3) .sd-warning-icon { background: url("../image/index6/t_3.png") center center/100% 100% } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(3) .sd-warning-value { color: #ee3d6f } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(4) .sd-warning-icon { background: url("../image/index6/t_4.png") center center/100% 100% } .sd-body2 .sd-section .sd-section2-inner .sd-warning-list .sd-warning-item:nth-child(4) .sd-warning-value { color: #f3780a } .sd-body2 .sd-section .sd-section3-inner { padding: .375rem .07813rem 0 } .sd-body2 .sd-section .sd-section3-inner .sd-output { position: relative; width: 100%; height: 1.23958rem } .sd-body2 .sd-section .sd-section4-inner { padding: .25521rem .15625rem 0 } .sd-body2 .sd-section .sd-section4-inner .sd-project { display: flex } .sd-body2 .sd-section .sd-section4-inner .sd-project-info { margin-top: .07813rem; /* flex:1; */ padding: 0 10px; width: 33%; } .sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item { display: flex; align-items: center; height: .17708rem; font-size: .07292rem; color: #ffffff; padding: 0 .07292rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item span { font-size: .07292rem; color: #ffffff; margin-right: .07813rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item span:last-child { margin-right: 0 } .sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item:nth-child(odd) { background: #0e69b570 } .sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item:not(:first-child) { margin-top: .03646rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item .tit-name { width: .3125rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-info .sd-project-info-item .tit-val { flex: 1; max-width: .9375rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-imgs { /* flex: 1; */ width: 33%; display: flex; justify-content: center; margin-top: .05729rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-imgs .sd-project-img { width: 1.5625rem; height: 1.30208rem; background: url("../image/index6/center-bg.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards { margin-top: .05729rem; /* flex: 1; */ width: 33%; padding: 0 10px; } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card { display: flex; align-items: center; width: 100%; height: .36458rem; font-size: .07292rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card .sd-project-card-unit { margin-top: .04688rem; margin-left: .05208rem; font-size: .07292rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:not(:first-child) { margin-top: .09375rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(1) { color: #5d7ff4; background: url("../image/index6/c_1.png") center center/100% 100% no-repeat; padding: 0 .07813rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(1) .sd-project-card-value { flex: 1; text-align: right; font-size: .14583rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(2) { color: #f3780a; background: url("../image/index6/c_2.png") center center/100% 100% no-repeat; padding: 0 .05208rem 0 .07813rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(2) .sd-project-card-value { flex: 1; text-align: right; font-size: 12px; } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(3) { color: #f24166; background: url("../image/index6/c_3.png") center center/100% 100% no-repeat; padding: 0 .07813rem } .sd-body2 .sd-section .sd-section4-inner .sd-project-cards .sd-project-card:nth-child(3) .sd-project-card-value { flex: 1; text-align: right; font-size: .14583rem } .sd-body2 .sd-section .sd-section5-inner { padding: .30208rem .10417rem 0 } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items { display: flex } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item { flex: 1 } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title { display: flex; align-items: center; justify-content: center; width: 1.4rem; height: .1875rem; font-size: .07292rem; color: white; } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title .sd-quality-value { min-width: .58333rem; font-size: .125rem; text-align: right } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-item-title .sd-quality-unit { margin-left: .03125rem; margin-top: .04167rem } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas { margin-top: .09375rem } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas .sd-quality-canvas-inner { position: relative; width: .80729rem; height: .80729rem; margin: 0 auto } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas .sd-quality-canvas-inner canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item .sd-quality-canvas .sd-quality-canvas-name { text-align: center; margin-top: .0625rem; font-size: .07292rem } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-item-title { background: url("../image/index6/q-title-bg-1.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-value { color: #4c6eff } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-canvas .sd-quality-canvas-inner { background: url("../image/index6/q_11.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(1) .sd-quality-canvas .sd-quality-canvas-name { color: #ff9204 } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-item-title { background: url("../image/index6/q-title-bg-2.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-value { color: #0db86f } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-canvas .sd-quality-canvas-inner { background: url("../image/index6/q_22.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(2) .sd-quality-canvas .sd-quality-canvas-name { color: #0db86f } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-item-title { background: url("../image/index6/q-title-bg-3.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-value { color: #f24166 } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-canvas .sd-quality-canvas-inner { background: url("../image/index6/q_33.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section5-inner .sd-quality-items .sd-quality-item:nth-child(3) .sd-quality-canvas .sd-quality-canvas-name { color: #4c6eff } .sd-body2 .sd-section .sd-section6-inner { padding: .40625rem .10417rem 0 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-delay { position: absolute; top: .17708rem; left: 50%; transform: translateX(-50%); width: 100%; height: .1875rem; display: flex; align-items: center; justify-content: center; font-size: .07292rem; color: #fff } .sd-body2 .sd-section .sd-section6-inner .sd-progress-delay span { color: #f24166 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-delay1 { position: absolute; top: .08854rem; right: .10417rem; width: 1.30729rem; height: .1875rem; display: flex; align-items: center; justify-content: center; background: url("../image/index2/p-top-bg.png") center center/100% 100% no-repeat; font-size: .07292rem; color: #fff } .sd-body2 .sd-section .sd-section6-inner .sd-progress-delay1 span { color: #f24166; min-width: .48958rem; text-align: right } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list { position: relative; display: flex; width: 100% } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item { position: relative; width: .66667rem; height: .97917rem; z-index: 2 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: .0625rem; height: .0625rem; background: #999999; border-radius: 50% } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-info { position: absolute; width: .53125rem; height: .22917rem; display: flex; align-items: flex-start; flex-direction: column; white-space: nowrap; font-size: .0625rem; color: #666666; left: 50%; transform: translateX(-50%); opacity: 0.5; line-height: 1.2 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-info .sd-progress-warn { color: #f24166 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-name { position: absolute; left: 50%; transform: translateX(-50%); font-size: .07292rem; color: #0db86f; white-space: nowrap } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item .sd-progress-img { position: absolute; left: 50%; transform: translateX(-50%); opacity: 0.5; width: .39063rem; height: .35938rem } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item.active .sd-progress-info, .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item.active .sd-progress-img { opacity: 1 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item.active::after { background: #0db86f } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(odd) .sd-progress-info { justify-content: flex-end; top: 0 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(odd) .sd-progress-name { top: .3125rem } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(odd) .sd-progress-img { bottom: 0 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(even) .sd-progress-info { justify-content: flex-start; bottom: 0 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(even) .sd-progress-name { bottom: .3125rem } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(even) .sd-progress-img { top: 0 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(1) .sd-progress-img { background: url(../image/index6/process_1.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(2) .sd-progress-img { background: url(../image/index6/process_2.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(3) .sd-progress-img { background: url(../image/index6/process_3.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(4) .sd-progress-img { background: url(../image/index6/process_4.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(5) .sd-progress-img { background: url(../image/index6/process_5.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(6) .sd-progress-img { background: url(../image/index6/process_6.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(7) .sd-progress-img { background: url(../image/index6/process_7.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(8) .sd-progress-img { background: url(../image/index6/process_8.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(9) .sd-progress-img { background: url(../image/index6/process_9.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(10) .sd-progress-img { background: url(../image/index6/process_10.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-item:nth-child(11) .sd-progress-img { background: url(../image/index6/process_11.png) center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-bar { position: absolute; top: 50%; transform: translateY(-50%); left: .33333rem; right: .33333rem; height: .03125rem; background: #dbdde0 } .sd-body2 .sd-section .sd-section6-inner .sd-progress-list .sd-progress-bar .sd-progress-bar-inner { position: absolute; top: 0; left: 0; height: 100%; transition: width 0.3s; background: linear-gradient(to right, #0db86f, #0db86f) } .sd-body2 .sd-section .sd-section7-inner { padding: .27083rem .15625rem 0 } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list { display: flex; align-items: center; justify-content: space-around } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item { padding-top: .02604rem; width: .63542rem; height: .32292rem; text-align: center } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item .sd-labor-name { position: relative; font-size: .07292rem; padding-bottom: .03125rem } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item .sd-labor-name::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: .00521rem; background: url("../image/index2/border-bg.png") bottom center/100% auto no-repeat } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item .sd-labor-value { margin-top: .02604rem; font-size: .125rem } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(1) { background: url("../image/index6/r_1.png") center center/100% 100% no-repeat; background-color: #f8f1e5 } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(1) .sd-labor-value { color: #f3780a } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(1) .sd-labor-name { color: #f3780a } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(2) { background: url("../image/index6/r_2.png") center center/100% 100% no-repeat; background-color: #dff3f0 } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(2) .sd-labor-value { color: #0db86f } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(2) .sd-labor-name { color: #0db86f } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(3) { background: url("../image/index6/r_3.png") center center/100% 100% no-repeat; background-color: #e6ecff } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(3) .sd-labor-value { color: #4c6eff } .sd-body2 .sd-section .sd-section7-inner .sd-labor-data-list .sd-labor-data-item:nth-child(3) .sd-labor-name { color: #4c6eff } .sd-body2 .sd-section .sd-section7-inner .sd-labor-echart { margin-top: .13021rem } .sd-body2 .sd-section .sd-section7-inner .sd-labor-echart .sd-labor-echart-box { width: 100%; height: .89583rem } .sd-body2 .sd-section .sd-section8-inner { padding-top: .32292rem; padding-left: .16667rem; display: flex } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 .10417rem; width: 100% } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; border: 1px solid #fff; border-radius: .04167rem; width: 46%; margin-right: 8%; height: .3125rem } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item:nth-child(2n) { margin-right: 0 } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item .box-item-num { margin-bottom: .05208rem; font-size: .08333rem } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item .box-item-desc { font-size: .07292rem } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-red { border-color: red; background-color: red } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-orange { border-color: orange; background-color: orange } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-yellow { color: #333; border-color: yellow; background-color: yellow } .sd-body2 .sd-section .sd-section8-inner .sd-box-wrap .box-item-blue { border-color: blue; background-color: blue } .sd-body2 .sd-section .sd-section8-inner .sd-video-play { position: relative; width: 1.53125rem; height: 1.29167rem; margin-right: .10417rem } .sd-body2 .sd-section .sd-section8-inner .sd-video-play .sd-video { width: 100%; height: 100%; background: #000; object-fit: fill } .sd-body2 .sd-section .sd-section8-inner .sd-video-play .sd-video-desc { position: absolute; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; height: .14063rem; padding: 0 .08854rem 0 .06771rem; font-size: .05208rem; color: #ffffff; background: rgba(170,170,170,0.6) } .sd-body2 .sd-section .sd-section8-inner .sd-video-items .sd-video-item { width: .49479rem; height: .28125rem } .sd-body2 .sd-section .sd-section8-inner .sd-video-items .sd-video-item video { width: 100%; height: 100%; background: #000; vertical-align: top } .sd-body2 .sd-section .sd-section8-inner .sd-video-items .sd-video-item:not(:first-child) { margin-top: .05208rem } .sd-body2 .sd-section .sd-section9-inner { padding-top: .27083rem } .sd-body2 .sd-section .sd-section9-inner .sd-environment { position: relative; width: 2.21354rem; height: 1.25rem; margin: 0 auto; background: url("../image/index6/e-bg.png") center center/100% 100% no-repeat } .sd-body2 .sd-section .sd-section9-inner .sd-environment ul li { position: absolute; font-size: .10417rem; color: white; } .sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(1) { top: .15625rem; left: .15625rem; width: .375rem; text-align: right } .sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(2) { top: .15625rem; right: .15625rem; text-align: left; width: .375rem } .sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(3) { top: .63542rem; left: .15625rem; text-align: right; width: .26042rem } .sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(4) { top: .63542rem; right: .15625rem; text-align: left; width: .26042rem } .sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(5) { top: 1.11458rem; left: .15625rem; width: .375rem; text-align: right } .sd-body2 .sd-section .sd-section9-inner .sd-environment ul li:nth-child(6) { top: 1.11458rem; right: .17708rem; width: .375rem; text-align: left } .sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-img--duoyun { width: .29167rem; height: .22396rem; background: url("../image/index6/weather/duoyun.png") center center/100% 100% no-repeat; margin: 0 auto } .sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-value { text-align: center; margin-top: .07292rem; font-size: .15625rem; color: #107f8b } .sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-value span { font-size: .07292rem; color: #107f8b; margin-top: .03646rem } .sd-body2 .sd-section .sd-section9-inner .sd-environment .sd-today-weather .sd-weather-name { text-align: center; margin-top: .07292rem; font-size: .07292rem; color: #16275d } .sd-table-content { padding: .19792rem .10417rem 0; display: flex } .sd-table-content .sd-table-item { flex: 1 } .table, .table * { margin: 0 auto; padding: 0; font-size: .07292rem } .table { display: table; width: 95%; border-collapse: collapse } .table-tr { display: table-row; height: .125rem } .table-th { display: table-cell; font-weight: bold; height: 100%; text-align: center; vertical-align: middle } .table-td { display: table-cell; height: 100%; text-align: center; vertical-align: middle } .table .table-tr { color: #666666 } .table .table-tr:nth-child(odd) { background: #ecf3fe } .table .table-tr:first-child { color: #16275d; background-color: #9bbdf5 } .swiper-container { width: 1.66667rem; height: 1.45833rem }