/*顶部广告 start*/
.vtop_ad {
    width: 100%;
    height: 50px;
    min-width: 1200px;
    overflow: hidden;
    background: #FFC220;
    position: relative;
}

.vtop_ad a {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
}

.vtop_ad a img {
    display: block;
    height: 50px;
}

.vtop_ad .adclose {
    position: absolute;
    top: 15px;
    right: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/*顶部广告 end*/

/*pubic start*/
body {
    overflow-x: hidden;
    background: #F7F8FC;
}

.home {
    font-family: "思源黑体 CN";
}

.wrap {
    position: relative;
    padding-top: 20px;
    min-width: 1200px;
}

.wrap-ctx {
    width: 1200px;
    margin: 30px auto;
    position: relative;
}

.warp-m0 {
    margin: 0 auto;
}

.wTitle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.wtitType {
    color: #222;
    font-family: "思源黑体 CN";
    font-size: 18px;
    line-height: 18px;
    font-weight: 749;
    border-left: 4px solid #222;
    padding-left: 6px;
}

.titleNew {
    color: #222;
    font-size: 16px;
    font-weight: 749;
}

.wtitMore {
    color: #767F91;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
}

.wtitMore::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #767F91;
    border-bottom: 1px solid #767F91;
    transform: rotate(-45deg);
    margin-left: 3px;
}

/*pubic end*/

/*header单独设置 start*/
#pagebody #header {
    position: relative;
}

/*header单独设置 end*/

/*导航模块 start*/
.home .banner {
    display: flex;
    position: relative;
}

.home .banner .menu {
    width: 200px;
    height: 300px;
    border-radius: 6px;
    background: #FFF;
    padding: 6px 0;
    overflow: hidden;
    box-sizing: border-box;
}




.home .banner .menu .menu-item {
    padding: 0 6px;
    height: 32px;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
    font-size: 13px;
    color: #333;
    display: flex;
    align-items: center;
    margin: 0 6px;
}

.home .banner .menu .menu-item img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.home .banner .menu .menu-item p {
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 188px;
    height: 32px;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 6px;
    line-height: 32px;
}

.home .banner .menu .menu-item:hover {
    color: #0071DC;
    border-radius: 2px;
    background: #EFF7FF;
}

.home .banner .menu .menu-item:hover p{
    /* color: #0071DC;
    border-radius: 2px;
    background: #EFF7FF; */
}

.home .menu-list {
    position: absolute;
    top: 10px;
    left: 190px;
    z-index: 3;
}

.home .menu-list .list {
    width: 1010px;
    min-height: 300px;
    padding: 20px;
    display: none;
    transform: translateY(-10px);
    margin-left: 0;
    background: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    border: 1px solid #0071DC;
}

.home .menu .menu-item:hover .menu-list .list {
    display: block;
    overflow: auto;
}

.home .menu-list h2 {
    font-size: 13px;
    font-weight: 749;
    border-bottom: 1px solid #f4f4f5;
    margin-bottom: 14px;
    padding-bottom: 10px;
}

.home .menu-list h2 a:hover {
    color: #0071dc;
}

.home .menu-list a {
    color: #333;
    cursor: pointer;
}

.home .menu-list-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home .menu-list-link a {
    color: #333;
    font-size: 12px;
    margin-right: 30px;
    max-width: 160px;
    width: 160px;
    min-width: 160px;
    margin-bottom: 20px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home .menu-list-link a:hover {
    color: #0071DC;
}

.home .banner .swiper-container {
    width: 412px;
    height: 300px;
    border-radius: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

.home .banner .swiper-slide a {
    display: block;
}

.home .banner .swiper-slide a img {
    width: 412px;
    height: 300px;
}

.home .banner .swiper-pagination-bullet {
    width: 8px;
    height: 6px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.4);
}

.home .banner .swiper-pagination-bullet-active {
    width: 16px !important;
    border-radius: 3px !important;
    background: #fff !important;
}

.home .banner .swiper-button-prev {
    width: 30px;
    height: 30px;
    left: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background: rgba(100, 100, 100, 0.2);
}

.home .banner .swiper-button-next {
    width: 30px;
    height: 30px;
    right: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background: rgba(100, 100, 100, 0.2);
}

.home .banner .swiper-button-prev::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: 12px;
    top: 12px;
}

.home .banner .swiper-button-next::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 11px;
    top: 10px;
}

.home .banner .adv {
    width: 290px;
}

.home .banner .adv a {
    display: block;
    margin-bottom: 10px;
}

.home .banner .adv a img {
    display: block;
    width: 290px;
    height: 145px;
    border-radius: 6px;
}

.home .banner .adv a:last-child {
    margin-bottom: 0;
}

.home .banner .userInfo {
    width: 268px;
    height: 250px;
    border-radius: 6px;
    background: #fff;
    margin-left: 10px;
    padding: 14px 16px 29px 16px;
    box-sizing: border-box;
}

.home .banner .userInfo .user {
    display: flex;
}

.home .banner .userInfo .before-user {
    display: flex;
}

.home .banner .userInfo .after-user {
    display: none;
}

.home .banner .userInfo .user a {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin-right: 8px;
}

.home .banner .userInfo .user a .avatar {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.home .banner .userInfo .user .userType a {
    font-size: 14px;
    font-style: normal;
    font-weight: 749;
    line-height: 17px;
    color: #333;
    height: 17px;
}

.home .banner .userInfo .user .userType p {
    color: #999;
    font-family: "思源黑体 CN";
    font-size: 12px;
    line-height: 17px;
    margin-top: 4px;
    height: 22px;
}

.home .banner .userInfo .after-user .userType a.name{
    height: 17px;
    display: inline-block;
}

.home .banner .userInfo .after-user .userType h6{
    font-size: 14px;
    font-weight: 749;
    color: #333;
}

.home .banner .userInfo .user .userType .type1 {
    height: 22px;
    padding: 4px 6px;
    border-radius: 4px;
    background: linear-gradient(5deg, #C7E6FF 3.96%, #E1F8FF 96.04%);
    color: #0081E0;
    font-family: "思源黑体 CN";
    font-size: 12px;
    display: flex;
    align-items: center;
    display: none;
    box-sizing: border-box;
}

.home .banner .userInfo .user .userType .type2 {
    height: 22px;
    padding: 4px 6px;
    border-radius: 4px;
    background: #E5E9F4;
    color: #667597;
    font-family: "思源黑体 CN";
    font-size: 12px;
    display: flex;
    align-items: center;
    display: none;
    box-sizing: border-box;
}


.home .banner .userInfo .user .userType .type1 img {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    display: block;
}

.home .banner .userInfo .user .userType a.member-link{
    display: block;
    width: auto;
}

.home .banner .userInfo .user .userType .ineInformation-member{
    display: flex;
    margin-top: 6px;
    height: 19px;
    cursor: pointer;
}

.home .banner .userInfo .user .userType .ineInformation-member .member-icon{
    width: 48px;
    height: 14px;
    line-height: 14px;
    border-radius: 15px;
}

.home .banner .userInfo .user .userType .ineInformation-member .member-icon span{
    font-size: 11px;
    font-weight: 400;
}

.home .banner .userInfo .user .userType .ineInformation-member .member-icon img{
    width: 18px;
    height: 18px;
    margin: -2px 2px 0 -2px;
}

.home .banner .userInfo .user .userType .ineInformation-member .progress-box{
    width: 120px;
    margin-left: 10px;
    margin-right: 10px;
}

.home .banner .userInfo .user .userType .ineInformation-member .progress-box .progress-txt{
    font-size: 11px;
    height: 13px;
    line-height: 13px;
    margin-bottom: 3px;
    margin-top: 0;
    font-weight: 400;
}

.home .banner .userInfo .user .userType .ineInformation-member .growth-progress-bar{
    width: 102px;
    height: 3px;
    border-radius: 13px;
}

.home .banner .userInfo .user .userType .ineInformation-member .growth-progress-bar .growth-progress-fill{
    height: 3px;
    border-radius: 13px;
}

.home .banner .userInfo .user .userType .ineInformation-member.no-member .member-icon{
    border: 0.7px solid #EA9030;
    background-color: #FFF1E0;
    color: #EA9030;
    text-align: center;
    line-height: 10px;
}

.home .banner .userInfo .user .userType .ineInformation-member.no-member .progress-box .progress-txt{
    color: #EA9030;
}

.home .banner .userInfo .user .userType .ineInformation-member.no-member .growth-progress-bar{
    background: rgba(243, 158, 67, 0.20);
}

.home .banner .userInfo .user .userType .ineInformation-member.no-member .growth-progress-fill{
    background-color: #F39E43;
    width: 0;
}

.home .banner .userInfo .user .userType .ineInformation-member.bronze-member .member-icon{
    border: 0.7px solid #EFC997;
    background-color: #F3DEBF;
    color: #BF935C;
    display: inline-flex;
}

.home .banner .userInfo .user .userType .ineInformation-member.bronze-member .progress-box .progress-txt{
    color: #BF935C;
}

.home .banner .userInfo .user .userType .ineInformation-member.bronze-member .growth-progress-bar{
    background-color: #BF935C33;
}

.home .banner .userInfo .user .userType .ineInformation-member.bronze-member .growth-progress-fill{
    background-color: #BF935C;
    width: 0;
}

.home .banner .userInfo .user .userType .ineInformation-member.silver-member .member-icon{
    border: 0.7px solid #CDDCF2;
    background-color: #E1EAF8;
    color: #617FB2;
    display: inline-flex;
}

.home .banner .userInfo .user .userType .ineInformation-member.silver-member .progress-box .progress-txt{
    color: #617FB2;
}

.home .banner .userInfo .user .userType .ineInformation-member.silver-member .growth-progress-bar{
    background-color: rgba(109, 135, 180, 0.20);;
}

.home .banner .userInfo .user .userType .ineInformation-member.silver-member .growth-progress-fill{
    background-color: #8198C0;
    width: 0;
}

.home .banner .userInfo .user .userType .ineInformation-member.gold-member .member-icon{
    border: 0.7px solid #FFDF91;
    background-color: #FFECBD;
    color: #E49900;
    display: inline-flex;
}

.home .banner .userInfo .user .userType .ineInformation-member.gold-member .progress-box .progress-txt{
    color: #E49900;
}

.home .banner .userInfo .user .userType .ineInformation-member.gold-member .growth-progress-bar{
    background-color: #E4990033;
}

.home .banner .userInfo .user .userType .ineInformation-member.gold-member .growth-progress-fill{
    background-color: #E49900;
    width: 0;
}

.home .banner .userInfo .user .userType .ineInformation-member.platinum-member .member-icon{
    border: 0.7px solid #F2D7CD;
    background-color: #F8EBE1;
    color: #B27A67;
    display: inline-flex;
}

.home .banner .userInfo .user .userType .ineInformation-member.platinum-member .progress-box .progress-txt{
    color: #B27A67;
}

.home .banner .userInfo .user .userType .ineInformation-member.platinum-member .growth-progress-bar{
    background-color: #B27A6733;
}

.home .banner .userInfo .user .userType .ineInformation-member.platinum-member .growth-progress-fill{
    background-color: #B27A67;
    width: 0;
}

.home .banner .userInfo .user .userType .ineInformation-member.diamond-member .member-icon{
    border: 0.7px solid #D9DCF7;
    background-color: #E1E0FF;
    color: #756DB4;
    display: inline-flex;
}

.home .banner .userInfo .user .userType .ineInformation-member.diamond-member .progress-box .progress-txt{
    color: #756DB4;
}

.home .banner .userInfo .user .userType .ineInformation-member.diamond-member .growth-progress-bar{
    background-color: #756DB433;
}

.home .banner .userInfo .user .userType .ineInformation-member.diamond-member .growth-progress-fill{
    background-color: #756DB4;
    width: 0;
}

.home .banner .userInfo .user .userType .ineInformation-member.blackGold-member .member-icon{
    border: 0.7px solid #FFE38D;
    background-color: #2C3138;
    color: #FDE399;
    display: inline-flex;
}

.home .banner .userInfo .user .userType .ineInformation-member.blackGold-member .progress-box .progress-txt{
    color: #2C3138;
}

.home .banner .userInfo .user .userType .ineInformation-member.blackGold-member .growth-progress-bar{
    background-color: #E8BC5B33;
}

.home .banner .userInfo .user .userType .ineInformation-member.blackGold-member .growth-progress-fill{
    background-color: #E8BC5B;
    width: 0;
}

.home .banner .userInfo .status {
    padding: 10px 10px 11px 12px;
    width: 236px;
    height: 64px;
    border-radius: 6px;
    margin-top: 12px;
    box-sizing: border-box;
    background: url('../../img/home-status.png') no-repeat 0 0;
    background-color: #F2F6F9;
}


.home .banner .userInfo .status .title {
    display: flex;
    align-items: center;
    margin-bottom: 11px;
}

.home .banner .userInfo .status .title img{
    width: 22px;
    margin-right: 2px;
}

.home .banner .userInfo .status .status-text {
    color: #5A6A84;
    font-family: "思源黑体 CN";
    font-size: 12px;
}

.home .banner .userInfo .status .title p {
    color: #121214;
    font-family: "思源黑体 CN";
    font-size: 14px;
    font-weight: 749;
    line-height: 17px;
    margin-right: 66px;
    /* 121.429% */
}

.home .banner .userInfo .status .title .status-title-wtitMore {
    color: #0071DC;
    font-family: "思源黑体 CN";
    font-size: 12px;
    font-weight: 749;
    line-height: 140%;
    /* 16.8px */
    display: flex;
    align-items: center;
}

.home .banner .userInfo .status .title .status-title-wtitMore::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #0071DC;
    border-bottom: 1px solid #0071DC;
    transform: rotate(-45deg);
    margin-left: 4px;
}

.home .banner .userInfo .mine-page {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.home .banner .userInfo .mine-page a {
    min-width: 56px;
    width: 56px;
    display: block;
    font-size: 12px;
    color: #333;
    margin-top: 12px;
    margin-right: 32px;
    text-align: center;
}

.home .banner .userInfo .mine-page a:nth-of-type(3),
.home .banner .userInfo .mine-page a:nth-of-type(6) {
    margin-right: 0;
}

.home .banner .userInfo .mine-page a:hover {
    color: #0071DC;
}

.home .banner .userInfo .mine-page a span {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}

.home .banner .userInfo .mine-page a:nth-of-type(1) span {
    background: url('../../img/svg/home-order.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:hover:nth-of-type(1) span {
    background: url('../../img/svg/home-order-a.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:nth-of-type(2) span {
    background: url('../../img/svg/home-ad.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:hover:nth-of-type(2) span {
    background: url('../../img/svg/home-ad-a.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:nth-of-type(3) span {
    background: url('../../img/svg/home-at.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:hover:nth-of-type(3) span {
    background: url('../../img/svg/home-at-a.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:nth-of-type(4) span {
    background: url('../../img/svg/home-co.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:hover:nth-of-type(4) span {
    background: url('../../img/svg/home-co-a.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:nth-of-type(5) span {
    background: url('../../img/svg/home-fo.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:hover:nth-of-type(5) span {
    background: url('../../img/svg/home-fo-a.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:nth-of-type(6) span {
    background: url('../../img/svg/home-cou.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .userInfo .mine-page a:hover:nth-of-type(6) span {
    background: url('../../img/svg/home-cou-a.svg') no-repeat 0 0;
    background-size: 16px 16px;
}

.home .banner .user-notice .notice{
    display: inline-block;
    width: 268px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    border-radius: 4px;
    background: radial-gradient(44.59% 44.59% at 12.69% 50%, #FFE4C2 0%, #FFF 100%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #5C2D1C;
    margin: 10px 0 0 10px;
    padding: 0 10px 0 4px;
}
/*导航模块 end*/


/*底部广告  start*/

.footer-home {
    background-color: #fff;
    width: 100%;
    height: 96px;
    margin-top: 40px;
}

.footer-home ul {
    width: 1200px;
    height: 95px;
    border-bottom: 1px dashed #E1E5EE;
    margin: 0 auto;
    display: flex;
}

.footer-home ul li {
    display: flex;
    align-items: center;
    margin: 24px 104px 25px 0;
}

.footer-home ul li:last-of-type {
    margin-right: 0;
}

.footer-home ul li img {
    width: 48px;
    height: 48px;
    margin-right: 12px;
    display: block;
    box-sizing: border-box;
}

.footer-home ul li .right .title {
    color: #000;
    font-family: "思源黑体 CN";
    font-size: 16px;
}


/*底部广告  end*/

footer {
    margin-top: 0 !important;
    background: #fff !important;
}

/*底部广告 start*/
.home .bottomAdv {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 100%;
    display: none;
}

.home .bottomAdv .fbg {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    transform: scaleX(2000);
}

.home .bottomAdv .ebg {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 2000px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    transform: scaleX(2000);
    top: 0;
    z-index: 1;
}

.home .bottomAdv .banner {
    max-height: 120px;
    display: block;
    margin: 0 auto;
    z-index: 2;
}

.home .bottomAdv .close {
    position: absolute;
    right: 10px;
    top: 17px;
    cursor: pointer;
    z-index: 2;
    color: rgba(204, 204, 204, 1);
    font-size: 34px;
    line-height: 0;
}

/*底部广告 end*/


/* #region 新首页*/
.home-common-box{
    box-sizing: border-box;
    padding: 20px;
    border-radius: 6px;
    background: #FFF;
    width: 1200px;
    margin: auto;
    margin-top: 36px;
}

.home-common-box .home-common-box-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.home-common-box .home-common-box-head .title {
    color: #222;
    font-size: 24px;
    font-style: normal;
    font-weight: 749;
    line-height: normal;
    margin-right: 12px;
}

.home-common-box .home-common-box-head .tips {
    color: #394D73;
    font-size: 16px;
    line-height: normal;
}

.home-common-box .home-common-box-head .more-btn {
    color: #767F91;
    text-align: right;
    font-size: 14px;
    line-height: normal;
    border: none;
    background: transparent;
}

.home-common-box .home-common-box-head .more-btn:hover{
    color: #4B5363;
}

.home-common-box-body{
    display: flex;
    justify-content: space-between;
}

.home-common-box .home-common-white-btn{
    display: flex;
    width: 250px;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #fff;
    color: #0071DC;
    border: 1px solid #0071DC;
    font-size: 14px;
    line-height: normal;
    cursor: pointer;
}

.home-common-box .home-common-white-btn:hover{
    border: 1px solid #004F9A;
    color: #004F9A;
}

.home-common-box .home-common-blue-btn{
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #0071DC;
    color: #FFF;
    font-size: 14px;
    line-height: normal;
    border: none;
    cursor: pointer;
}

.home-common-box .home-common-blue-btn:hover{
    background: #004F9A;
}

.home-common-box .home-common-box-body .home-common-input,
.home-common-box .home-common-box-body .home-common-textarea{
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    border-radius: 4px;
    background: #F6F9FF;
    color: #242D3C;
    font-size: 14px;
    font-family: "思源黑体 CN";
    resize: none;
}

.home-common-box .home-common-box-body .home-common-input{
    height: 40px;
    line-height: 40px;
    margin-top: 16px;
}

.home-common-box .home-common-box-body .home-common-textarea{
    height: 153px;
    margin: 16px auto 36px;
}

.home-common-box .home-common-box-body .home-common-input::-webkit-input-placeholder,
.home-common-box .home-common-box-body .home-common-textarea::-webkit-input-placeholder{
    color: #BEBEBE;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    font-family: "思源黑体 CN";
}

.home-common-box .home-common-box-body .home-common-input.active,
.home-common-box .home-common-box-body .home-common-textarea.active,
.home-common-box .home-common-box-body .home-common-input:focus,
.home-common-box .home-common-box-body .home-common-textarea:focus{
    outline: none;
    background-color: #fff;
}

.home-common-box .home-common-nowrap{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* #region 新首页-传感器*/
.home-common-box .home-common-box-body .sensor-left {
    background: url("../../img/icon/sensor-bg.png") no-repeat;
    background-size: 100% 100%;
    flex: 0 0 850px;
    height: 271px;
    display: flex;
    align-items: center;
}

.home-common-box .home-common-box-body .sensor-left .senser-num{
    color: #FFF;
    font-size: 20px;
    line-height: normal;
    flex: 0 0 249px;
    box-sizing: border-box;
    text-align: center;
    padding-right: 60px;
}

.home-common-box .home-common-box-body .sensor-left .senser-num div + div{
    margin-top: 20px;
}

.home-common-box .home-common-box-body .sensor-left .senser-num b {
    font-size: 28px;
    margin-bottom: 4px;
}

.home-common-box .home-common-box-body .sensor-left .senser-scroll{
    position: relative;
    height: 271px;
    width: 560px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 14px 0;
    display: flex;
    flex-wrap: nowrap;
}

.home-common-box .home-common-box-body .sensor-left .senser-scroll .senser-mask{
    width: 36px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #E5F6FF 37.5%, rgba(229, 246, 255, 0.00) 100%);
}

.home-common-box .home-common-box-body .sensor-left .senser-brand{
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 auto;
}

/* 水平滚动动画 */
@keyframes brandScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.home-common-box .home-common-box-body .sensor-left .senser-brand .brand-img{
    width: 98px;
    height: 47px;
    background: #FFF;
    box-shadow: 4px 4px 30px 0 rgba(72, 84, 106, 0.08);
    margin: 7px;
    border-radius: 6px;
}

.home-common-box .home-common-box-body .sensor-left .senser-brand .brand-img:hover{
    transform: translateY(-4px);
    transition: all 0.15s linear;
}

.home-common-box .home-common-box-body .sensor-left .senser-brand .brand-img img {
    width: 100%;
    height: 100%;
    aspect-ratio: 98/47;
    border-radius: 6px;
}

.home-common-box .home-common-box-body .selection-box {
    background: url("../../img/icon/selection-bg.png") no-repeat;
    background-size: 100% 100%;
    width: 290px;
    height: 280px;
    box-sizing: border-box;
    transform: translateY(-10px);
    padding: 60px 20px 16px;
}

.home-common-box .home-common-box-body .selection-box .selection-tips{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #222;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 2px;
}

.home-common-box .home-common-box-body .selection-box .selection-tips img{
    width: 14px;
    height: 14px;
    margin-right: 3px;
    transform: translateY(2px);
}

/* #endregion 新首页-传感器*/

/* #region 新首页-技术方案*/
.home-common-box .home-common-box-body .stdsolution-box{
    display: flex;
    align-items: center;
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-item{
    text-align: center;
    padding: 8px 10px 10px;
    flex: 0 0 207px;
    width: 207px;
    height: 354px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 2px solid #FFF;
    background: #F7F8FA;
    box-shadow: 4px 4px 30px 0 rgba(72, 84, 106, 0.20);
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-title{
    height: 50px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-item + .stdsolution-item{
    margin-left: 16px;
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-item:hover{
    transform: translateY(-4px);
    transition: all 0.15s linear;
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-item h3{
    color: #222;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-item .stdsolution-img{
    width: 100%;
    border-radius: 4px;
    aspect-ratio: 187/188;
    margin: 3px auto 4px;
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-item .stdsolution-des{
    font-size: 12px;
    color: #5A6A84;
    width: 100%;
    height: 48px;
    text-align: left;
    line-height: 20px; /* 166.667% */
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 4px;
    background: #FFF;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}

.home-common-box .home-common-box-body .stdsolution-box .stdsolution-item .home-common-blue-btn{
    width: 175px;
    height: 29px;
    border: none;
}

.home-common-box .home-common-box-body .custom-box{
    background: url("../../img/icon/custom-bg.png") no-repeat;
    background-size: 100% 100%;
    width: 264px;
    height: 354px;
    box-sizing: border-box;
    padding: 36px 10px 16px;
}

/* #endregion 新首页-技术方案*/

/* #region 新首页-资讯中心*/
.home-common-box .home-common-box-body .tech-box{
    width: 364px;
    flex: 0 0 364px;
    border-radius: 6px;
    box-shadow: 4px 4px 30px 0 rgba(72, 84, 106, 0.12);
}

.home-common-box .home-common-box-body .tech-box .tech-title-img{
    position: relative;
    width: 364px;
    height: 218px;
    border-radius: 6px;
    margin-bottom: 12px;
    display: block;
}

.home-common-box .home-common-box-body .tech-box .tech-title-img .tech-img{
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.home-common-box .home-common-box-body .tech-box .tech-title-img .tech-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.08);
    opacity: 0;
}

.home-common-box .home-common-box-body .tech-box .tech-title-img .tech-mask:hover{
    opacity: 1;
}

.home-common-box .home-common-box-body .tech-box .tech-title-img .tech-title{
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 16px;
    display: inline-block;
    height: 32px;
    width: 64px;
    padding: 0 12px 0 9px;
    line-height: 32px;
    border-radius: 6px 0 16px 0;
    background: #0071DC;
}
.home-common-box .home-common-box-body .tech-box .tech-title-img .tech-mask-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 12px;
    box-sizing: border-box;
    border-radius: 0 0 6px 6px;
    background: rgba(0, 0, 0, 0.30);
    color: #FFF;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-common-box .home-common-box-body .tech-box .tech-other + .tech-other {
    /* margin-bottom: 16px;
    padding: 0 14px; */
}

.home-common-box .home-common-box-body .tech-box .tech-other a{
    color: #222;
    font-size: 14px;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding: 0 14px;
    margin-bottom: 16px;
}
.home-common-box .home-common-box-body .tech-box .tech-other:last-of-type a{
    margin-bottom: 14px;
}

.home-common-box .home-common-box-body .tech-box .tech-other a:hover{
    color: #4B5363;
}
/* #endregion 新首页-资讯中心*/

/* #region 新首页-技术服务*/
.home-common-box .home-common-box-body .technology-advertisement{
    width: 292px;
    height: 347px;
    flex: 0 0 292px;
    display: block;
    border-radius: 10px;
    margin-right: 14px;
}

.home-common-box .home-common-box-body .technology-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-common-box .home-common-box-body .technology-box .technology-item{
    display: block;
    width: 272px;
    flex: 0 0 272px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 4px 4px 30px 0 rgba(72, 84, 106, 0.18);
}

.home-common-box .home-common-box-body .technology-box .technology-item:hover{
    transform: translateY(-4px);
    transition: all 0.15s linear;
}

.home-common-box .home-common-box-body .technology-box .technology-item + .technology-item{
    margin-left: 16px;
}

.home-common-box .home-common-box-body .technology-box .technology-item .img-mask{
    position: relative;
}

.home-common-box .home-common-box-body .technology-box .technology-item:hover .img-mask .mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.08);
}

.home-common-box .home-common-box-body .technology-box .technology-item .technology-img{
    width: 272px;
    height: 184px;
    aspect-ratio: 142/95;
    border-radius: 10px;
    display: block;
}

.home-common-box .home-common-box-body .technology-box .technology-item h3{
    color: #333;
    text-align: center;
    font-size: 16px;
    font-weight: 749;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-common-box .home-common-box-body .technology-box .technology-item .technology-des{
    color: #333;
    font-size: 14px;
    line-height: 20px; /* 142.857% */
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    margin: 12px 0 16px;
}

.home-common-box .home-common-box-body .technology-box .technology-btn{
    display: flex;
    justify-content: space-between;
}

.home-common-box .home-common-box-body .technology-box .technology-btn .home-common-blue-btn,
.home-common-box .home-common-box-body .technology-box .technology-btn .home-common-white-btn{
    width: 116px;
    height: 36px;
    border-radius: 6px;
}

/* #endregion 新首页-技术服务*/

/* #endregion 新首页*/