SGGL_HBAZ/SGGL/FineUIPro.Web/res/indexv2/assets/css/index10.css

1247 lines
45 KiB
CSS

* {
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
}