* {
    padding: 0px;
    margin: 0px;
    font-size: 15px ;
}

a {
    text-decoration: none;
    color: #333;
}

ul,
ol {
    list-style: none;
}

input,
textarea {
    outline: none;
    border: none;
}

.sj-public {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    height: 100%;
}

.sj-nav {
    height: 110px;
    background: #FFF;
    width: 100%;
    position: sticky;
    top: 0px;
    left: 0px;
    z-index: 9999;
    box-shadow: 0px 0px 10px 1px #0000000e;
}

.sj-nav .sj-logo {
    display: flex;
    align-items: flex-end;
    padding-bottom: 20px;
}

.sj-nav .sj-logo img {
    height: 59px;
    display: block;
}

.sj-nav .sj-logo i {
    width: 1px;
    height: 44px;
    background: #AAAAAA;
    display: block;
    margin: 0px 32px 0px 25px;
}

.sj-nav .sj-logo p {
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    margin-bottom: 8px;
}

.sj-nav .sj-out {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1570px;
    margin: 0 auto;
    height: 100%;
}

.sj-nav .sj-out ul {
    height: 100%;
    display: flex;
}

.sj-nav .sj-out ul li {
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 75px;
}

.sj-nav .sj-out ul li:last-child {
    margin-right: 0px;
}

.sj-nav .sj-out ul li .sj-title {
    display: flex;
    align-items: flex-end;
    height: 100%;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    width: 100%;
    padding-bottom: 33px;
    box-sizing: border-box;
}

.sj-nav .sj-out ul li:hover .sj-title,
.sj-nav .sj-out ul li.sj-on .sj-title {
    color: #D70C19;
}

.sj-banner-pages img {
    width: 100%;
    display: block;
}

.sj-banner-sjslide {
    width: 100%;
}

.sj-banner-sjslide img {
    display: block;
    width: 100%;
}

.sj-banner-sjslide .sjslide-pagination {
    display: flex ;
    justify-content: center ;
    bottom: 20px ;
}

.sj-banner-sjslide .sjslide-pagination .sjslide-pagination-bullet {
    width: 12px ;
    height: 12px ;
    cursor: pointer;
}

.sj-banner-sjslide .sjslide-pagination .sjslide-pagination-bullet-active {
    opacity: 1 ;
    background: #CC3333 ;
}

/* public_title */
.sj-public-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.sj-public-title h5 {
    font-weight: 400;
    font-size: 40px;
    color: #000000;
    line-height: 100%;
    margin-bottom: 17px;
}

.sj-public-title i {
    width: 69px;
    height: 6px;
    background: #CC3333;
    display: block;
    margin-bottom: 26px;
}

.sj-public-title p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    width: 75%;
    text-align: center;
    line-height: 1.7em;
}

.sj-solution-home {
    margin-top: 70px;
}

.sj-solution-home .sj-out {
    margin-top: 45px;
}

.sj-solution-sjslide2 .sjslide-slide {
    height: 549px;
    position: relative;
    display: flex;
}

.sj-solution-sjslide2 .sjslide-slide .sj-box {
    width: 14.2%;
    margin-right: 5px;
    position: relative;
    transition: 0.4s ease-in-out;
    height: 100%;
    overflow: hidden;
}

.sj-solution-sjslide2 .sjslide-slide .sj-box:last-child {
    margin-right: 0px;
}

.sj-solution-sjslide2 .sjslide-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.sj-solution-sjslide2 .sjslide-slide .sj-box .sj-b {
    object-fit: cover;
    display: block;
    width: 100% ;
    height: 100% ;
}

.sj-solution-sjslide2 .sjslide-slide .sj-title {
    position: absolute;
    left: 0px;
    padding: 0px 27px;
    box-sizing: border-box;
    width: 100%;
    bottom: 10px;
    transition: 0.5s all;
}

.sj-solution-sjslide2 .sjslide-slide .sj-title h5 {
    font-weight: bold;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 2em;
}

.sj-solution-sjslide2 .sjslide-slide .sj-text {
    position: absolute;
    bottom: -100%;
    left: 0px;
    padding: 20px 15px;
    box-sizing: border-box;
    background: #0000003f;
    transition: 0.4s ease-in-out;
}

.sj-solution-sjslide2 .sjslide-slide .sj-text p {
    color: #fff;
    font-size: 16px;
}

.sj-solution-sjslide2 .sjslide-slide .sj-box:hover {
    width: 42.6%;
}

.sj-solution-sjslide2 .sjslide-slide .sj-box:hover .sj-text {
    bottom: 0px;
}

.sj-solution-sjslide2 .sjslide-slide .sj-box:hover .sj-title {
    left: -100%;
}

/* Products */
.sj-products {
    width: 100%;
    padding-top: 82px;
    padding-bottom: 49px;
    background: #f4f4f4;
}

.sj-products .sj-out {
    margin-top: 50px;
    height: 690px;
}

.sj-products .sj-out .sjslide {
    height: 100%;
}

.sj-products-item {
    width: 422px;
    height: auto;
    margin-bottom: 27px;
    position: relative;
    margin-right: 27px;
    box-shadow: 0px 1px 21px 0px rgba(0, 0, 0, 0.23);
    margin-top: 0px !important;
}

.sj-products .sj-products-item {
    height: 317px ;
}




.sj-products-item .sj-text {
    width: 100%;
    height: 80px;
    background: #FFF;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sj-products-item .sj-text h5 {
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 100%;
    margin-bottom: 9px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sj-products-item .sj-text p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    width: 80%;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.sj-products-item .sj-img {
    width: 100%;
    height: 237px;
    overflow: hidden;
}

.sj-products-item .sj-img img {
    width: 100%;
    height: 100%;
    display: block;
}

.sj-products-item .sj-but {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
}

.sj-products-item .sj-but span {
    width: 146px;
    height: 45px;
    background: #D70C18;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 50%;
    transform: translateY(100px);
    transition: 0.5s ease-in-out;
}

.sj-products-item:hover .sj-but {
    opacity: 1;
}

.sj-products-item:hover .sj-but span {
    transform: translateY(0px);
}

/* Applications */
.sj-applications {
    margin-top: 72px;
    margin-bottom: 40px;
}

.sj-applications .sj-out {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.sj-applications .sj-out .sj-box {
    width: 24.243%;
    margin-right: 1%;
    margin-bottom: 30px;
}

.sj-applications .sj-out .sj-box .sj-img {
    width: 100%;
    height: 225px;
    position: relative;
    overflow: hidden;
}

.sj-applications .sj-out .sj-box .sj-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: 0.5s ease;
}

.sj-applications .sj-out .sj-box:nth-child(4n) {
    margin-right: 0px;
}

.sj-applications .sj-out .sj-box span {
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.sj-applications .sj-out .sj-box .sj-img .sj-ceng {
    position: absolute;
    right: 0px;
    width: 100%;
    top: 0px;
    height: 100%;
    background: rgba(204, 51, 51, 0.6);
    padding: 40px 30px;
    box-sizing: border-box;
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.sj-applications .sj-out .sj-box .sj-img .sj-ceng p {
    color: #FFF;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    /* 限制为两行 */
    overflow: hidden;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.7em;
}

.sj-applications .sj-out .sj-box:hover .sj-img .sj-ceng {
    opacity: 1;
}

.sj-applications .sj-out .sj-box:hover .sj-img img {
    transform: scale(1.2);
}

/* advantages */
.sj-advantages {
    width: 100%;
    background: #f4f4f4;
    padding: 48px 0px;
    box-sizing: border-box;
}

.sj-advantages .sj-adv-tap {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #A7A6A6;
    box-sizing: border-box;
}

.sj-advantages .sj-adv-tap a {
    width: 25%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
}

.sj-advantages .sj-adv-tap a.sj-on {
    background: #D70C19;
    color: #FFF;
}

.sj-advantages .sj-out {
    margin-top: 43px;
    height: 363px;
    position: relative;
}

.sj-advantages .sj-out .sj-box {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.sj-advantages .sj-out .sj-box .sj-left {
    width: 45%;
    height: 100%;
    padding-top: 44px;
    box-sizing: border-box;
    transform: translateX(-100%);
    transition: 0.5s ease-in-out;
}

.sj-advantages .sj-out .sj-box .sj-left h5 {
    font-weight: bold;
    font-size: 22px;
    color: #D70C18;
    margin-bottom: 50px;
}

.sj-advantages .sj-out .sj-box .sj-left p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.7em;
    color: #343434;
}

.sj-advantages .sj-out .sj-box .sj-right {
    width: 49%;
    height: 100%;
    transform: translateX(100%);
    transition: 0.5s ease-in-out;
}

.sj-advantages .sj-out .sj-box .sj-right video {
    width: 100%;
    display: block;
    height: 100%;
}

.sj-advantages .sj-out .sjslide-slide-active {
    z-index: 10;
}

.sj-advantages .sj-out .sjslide-slide-active .sj-left {
    transform: translateX(0px);
}

.sj-advantages .sj-out .sjslide-slide-active .sj-right {
    transform: translateX(0px);
}


/* service */
.sj-service {
    padding: 48px 0px 27px 0px;
    box-sizing: border-box;
}

.sj-service .sj-out {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    align-items: center;
}

.sj-service .sj-out .sj-box {
    width: 219px;
    cursor: pointer;
}

.sj-service .sj-out .sj-box .sj-img {
    height: 156px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E1E0E1;
}

.sj-service .sj-out .sj-box .sj-img .sj-q {
    width: 143px;
    height: 123px;
    background: #FFFFFF;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

}




.sj-service .sj-out .sj-box .sj-img .sj-q img {
    width: 66px;
    height: 54px;
    position: absolute;
    object-fit: contain;
    opacity: 0 ;
    transition: 0.5s ease ;
}

.sj-service .sj-out .sj-s-box-1 .sj-img .sj-q img {
    height: 66px;
    width: 78px;
}

.sj-service .sj-out .sj-s-box-2 .sj-img .sj-q img {
    height: 66px;
    width: 78px;
}

.sj-service .sj-out .sj-s-box-4 .sj-img .sj-q img {
    height: 66px;
    width: 78px;
}

.sj-service .sj-out .sj-box .sj-img .sj-q .sj-img-1 {
    opacity: 1 ;
}

.sj-service .sj-out .sj-box .sj-text {
    width: 100%;
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.sj-service .sj-out .sj-box .sj-text h5 {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 100%;
    margin-bottom: 8px;
}

.sj-service .sj-out .sj-box .sj-text span {
    font-weight: 400;
    font-size: 14px;
    color: #777777;
}

.sj-service .sj-out .sj-jiant {
    height: 43px;
    display: block;
    margin-top: -60px;
}

.sj-service .sj-out .sj-box .sj-img img {
    transition: 0.6s ease ;
}

.sj-service .sj-out .sj-box:hover .sj-img img  , .sj-service .sj-out .sj-box.sj-on .sj-img img {
    transform: scale(1.3);
}

.sj-service .sj-out .sj-box:hover  .sj-text h5 , .sj-service .sj-out .sj-box.sj-on  .sj-text h5 {
    color: #D70C19 ;
}

.sj-service .sj-out .sj-box:hover .sj-img , .sj-service .sj-out .sj-box.sj-on .sj-img {
    background: #D70C19;
}

.sj-service .sj-out .sj-box:hover .sj-img .sj-q .sj-img-2 , .sj-service .sj-out .sj-box.sj-on .sj-img .sj-q .sj-img-2 {
    opacity: 1 ;
}

.sj-service .sj-out .sj-box:hover .sj-img .sj-q .sj-img-1 , .sj-service .sj-out .sj-box.sj-on .sj-img .sj-q .sj-img-1 {
    opacity: 0 ;
}

/* About */
.sj-about {
    width: 100%;
    padding: 56px 0px;
    box-sizing: border-box;
    background: url(../images/About.png) no-repeat center;
    background-size: cover;
}

.sj-about .sj-public-title h5 {
    color: #FFF;
}

.sj-about .sj-public-title i {
    background: #FFF;
    margin-bottom: 0px;
}

.sj-about .sj-text {
    margin-top: 42px;
}

.sj-about .sj-text p {
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.7em;
    letter-spacing: 1px;
}

.sj-about .sj-out {
    display: flex;
    margin-top: 76px;
}

.sj-about .sj-out .sj-box {
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sj-about .sj-out .sj-box::after {
    width: 1px;
    height: 77px;
    background: #FFF;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
}

.sj-about .sj-out .sj-box:last-child::after {
    display: none;
}

.sj-about .sj-out .sj-box h5 {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 27px;
    color: #FFFFFF;
}

.sj-about .sj-out .sj-box h5 b {
    font-weight: bold;
    font-size: 54px;
    color: #FFFFFF;
    margin-right: 8px;
    line-height: 100%;
}

.sj-about .sj-out .sj-box span {
    font-weight: 400;
    font-size: 27px;
    color: #FFFFFF;
    margin-top: 14px;
    width: 100%;
    text-align: center;
    display: block;
}

/* News */
.sj-news {
    margin: 64px 0px 54px 0px;
}

.sj-news .sj-tap-box {
    width: 100%;
    border-bottom: 1px solid #DCDCDC;
    box-sizing: border-box;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.sj-news .sj-tap-box a {
    font-weight: 400;
    font-size: 26px;
    color: #000000;
    display: flex;
    align-items: center;
}

.sj-news .sj-tap-box a.sj-on {
    color: #D70C19;
}

.sj-news .sj-tap-box a::after {
    width: 1px;
    height: 30px;
    background: #DCDCDC;
    content: '';
    display: block;
    margin: 0px 26px;
}

.sj-news .sj-tap-box a:last-child::after {
    display: none;
}

.sj-news .sj-out {
    margin-top: 44px;
    display: flex;
    justify-content: space-between;
}

.sj-news .sj-out .sj-left {
    width: 46.3%;
}

.sj-news .sj-out .sj-left .sj-img {
    width: 100%;
    height: 343px;
    overflow: hidden;
}

.sj-news .sj-out .sj-left .sj-img img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.sj-news .sj-out .sj-left span {
    display: block;
    margin-top: 25px;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 16px;
    color: #555555;
}

.sj-news .sj-out .sj-left h5 {
    font-weight: 400;
    font-size: 24px;
    line-height: 1.7em;
    color: #000000;
    margin-bottom: 28px;
}

.sj-news .sj-out .sj-left p {
    font-weight: 400;
    font-size: 16px;
    color: #555555;
}

.sj-news .sj-out .sj-right {
    width: 49%;
}

.sj-news .sj-out .sj-right .sj-box {
    width: 100%;
    padding: 42px 0px 34px 0px;
    box-sizing: border-box;
    border-bottom: 3px solid #D2D2D2;
}

.sj-news .sj-out .sj-right .sj-box:first-child {
    padding-top: 0px;
}

.sj-news .sj-out .sj-right .sj-box:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

.sj-news .sj-out .sj-right .sj-box h5 {
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 1.6em;
    margin-bottom: 16px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 限制为两行 */
overflow: hidden;
}

.sj-news .sj-out .sj-right .sj-box span {
    display: block;

}

.sj-news .sj-out .sj-right .sj-box p {
    margin-top: 22px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 37px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 限制为两行 */
overflow: hidden;
}

.sj-news .sj-out .sj-right .sj-box:hover h5 , .sj-news .sj-out .sj-left:hover h5 {
    color: #d70c18 ;
}

.sj-footer {
    width: 100%;
    background: #333333;
    padding-top: 44px;
}

.sj-footer .sj-out {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1570px;
    margin: 0 auto;
    height: 100%;
    padding-bottom: 35px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.sj-footer .sj-out ul {
    width: 74.53%;
    display: flex;
    justify-content: space-between;
}

.sj-footer .sj-out ul .sj-title {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 29px;
}

.sj-footer .sj-out ul .sj-box a {
    display: block;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    opacity: 0.6;
    margin-bottom: 20px;
}

.sj-footer .sj-out ul .sj-box a:last-child {
    margin-bottom: 0px;
}

.sj-footer .sj-out .sj-right {
    width: 18%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sj-footer .sj-out .sj-right .sj-text {
    width: 100%;
}

.sj-footer .sj-out .sj-right .sj-text h5 {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    margin-bottom: 28px;
    line-height: 100%;
}

.sj-footer .sj-out .sj-right .sj-text p {
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    opacity: 0.6;
    margin-bottom: 19px;
}

.sj-footer .sj-out .sj-right .sj-text p:last-child {
    margin-bottom: 0px;
}

.sj-footer .sj-out .sj-right .sj-icon-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.sj-footer .sj-out .sj-right .sj-icon-box .sj-box {
    position: relative;
}

.sj-footer .sj-out .sj-right .sj-icon-box .sj-icon {
    cursor: pointer;
}

.sj-footer .sj-out .sj-right .sj-icon-box .sj-ceng {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    top: -130px;
    width: 100px;
    height: 100px;
    background: #FFF;
    padding: 5px;

    display: none;
}

.sj-footer .sj-out .sj-right .sj-icon-box .sj-ceng::after {
    width: 20px;
    height: 20px;
    background: #FFF;
    transform: rotate(45deg);
    position: absolute;
    bottom: -10px;
    z-index: -1;
    left: 50%;
    margin-left: -10px;
    content: '';
}

.sj-footer .sj-out .sj-right .sj-icon-box .sj-ceng img {
    width: 100%;
    height: 100%;
    display: block;
}

.sj-footer .sj-out .sj-right .sj-icon-box .sj-box:hover .sj-ceng {
    display: block;
}

.sj-copyright {
    padding: 17px 0px;
    box-sizing: border-box;
    width: 100%;
    max-width: 1570px;
    margin: 0 auto;
    display: flex ;
    align-items: center ;
    justify-content: space-between ;
}

.sj-copyright .sj-p-box {
    display: flex ;
    align-items: center ;
    flex-wrap: wrap ;
}

.sj-copyright .sj-p  {
    font-weight: 400;
    font-size: 14px;
    color: #FFFEFE;
    opacity: 0.6;
}

.sj-wizard {
    width: 100%;
    box-sizing: border-box;
}

.sj-wizard .sj-out {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E5E5E5;
    padding: 29px 0px 33px 0px;
}

.sj-wizard .sj-out::before {
    width: 9px;
    height: 16px;
    background: #D70C18;
    margin-right: 14px;
    content: '';
    display: block;
}

.sj-wizard .sj-out .sj-box {
    display: flex;
    align-items: center;
}

.sj-wizard .sj-out .sj-box a {
    font-weight: 400;
    font-size: 16px;
    color: #535353;
}

.sj-wizard .sj-out .sj-box span {
    font-weight: 400;
    font-size: 16px;
    color: #535353;
    display: block;
    margin: 0px 20px;
}

.sj-wizard .sj-out .sj-box:last-child span {
    display: none;
}

.sj-exh-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.sj-exh-title .sj-left span {
    color: #000000;
    font-size: 26px;
    display: block;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
}

.sj-exh-title .sj-left h5 {
    width: 370px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-size: 29px;
    font-weight: 500;
    background: #d70c18;
}

.sj-exh-title .sj-right {
    width: calc(100% - 370px - 27px);
    color: #000000;
    font-size: 16px;
    line-height: 1.7em;
}


.sj-exhibition .sj-exh-box {
    padding: 60px 0px 80px 0px;
    box-sizing: border-box;
    background: #FFF;
}

.sj-exhibition .sj-exh-box:nth-child(2n) {
    background: #f4f4f4;
}

.sj-exh-public-box {
    width: 49.8%;
    height: 370px;
    position: relative;
    overflow: hidden;
}

.sj-exh-public-box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sj-exh-public-box .sj-title {
    position: absolute;
    bottom: 30px;
    left: 22px;
    transition: 0.3s ease-in-out;
}

.sj-exh-public-box .sj-title h5 {
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    margin-bottom: 7px;
    color: #FFF;
}

.sj-exh-public-box .sj-title span {
    font-size: 14px;
    color: #FFF;
}

.sj-exh-public-box .sj-ceng {
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(215, 12, 26, 0.5);
    padding: 17px;
    box-sizing: border-box;
    transition: 0.3s ease-in-out;
}

.sj-exh-public-box .sj-ceng h5 {
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    margin-bottom: 7px;
    color: #FFF;
}

.sj-exh-public-box .sj-ceng i {
    width: 100%;
    height: 1px;
    background: #FFF;
    display: block;
    margin: 12px 0px 17px 0px;
}

.sj-exh-public-box .sj-ceng p {
    color: #FFF;
    font-size: 16px;
    line-height: 1.7em;
}

.sj-exh-public-box:hover .sj-ceng {
    left: 0px;
}

.sj-exh-public-box:hover .sj-title {
    transform: translateY(100px);
}

.sj-exhibition .sj-out {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.sj-exhibition .sj-out .sj-right {
    width: 49.8%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
    height: 370px;
}

.sj-exhibition .sj-out .sj-right .sj-exh-public-box {
    width: 49.5%;
    height: 49%;
    margin-bottom: 1%;
}

.sj-exhibition .sj-out .sj-right .sj-exh-public-box:last-child,
.sj-exhibition .sj-out .sj-right .sj-exh-public-box:nth-last-child(2) {
    margin-bottom: 0px;
}

.sj-exh-public-box-min .sj-title h5 {
    font-size: 18px;
}

.sj-exh-public-box-min .sj-title span {
    font-size: 12px;
}

.sj-exh-public-box-min .sj-ceng h5 {
    font-size: 18px;
}

.sj-exh-public-box-min .sj-ceng p {
    font-size: 14px;
}

.sj-exhibition .sj-out {
    margin-top: 60px;
    margin-bottom: 0.5%;
}

.sj-exhibition .sj-out2 {
    display: flex;
    justify-content: space-between;
}

.sj-exhibition .sj-out2 .sj-exh-public-box {
    width: 33%;
    height: 245px;
}

.sj-exhibition .sj-out .sj-middle {
    width: 49.8%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.sj-exhibition .sj-out .sj-middle .sj-exh-public-box-middle {
    width: 49.5%;
    height: 370px;
}

.sj-exhibition .sj-out .sj-middle .sj-right .sj-exh-public-box-min {
    width: 100%;
}

.sj-exhibition .sj-out .sj-middle .sj-right .sj-exh-public-box-min:first-child {
    margin-bottom: 2%;
}

/* Products_list_Pages */
.sj-products-list-pages {
    width: 100%;
    margin-bottom: 100px;
}

.sj-products-list-pages .sj-out {
    display: flex;
    justify-content: space-between;
}

.sj-products-list-pages .sj-out .sj-left .sj-box {
    background: #FFF;
    padding: 40px 30px;
    box-sizing: border-box;
    width: 100%;
    width: 277px;
}

.sj-products-list-pages .sj-out .sj-left a {
    display: block;
    width: 100%;
    color: #000000;
    font-size: 18px;
    margin-bottom: 17px;
}

.sj-products-list-pages .sj-out .sj-left a:last-child {
    margin-bottom: 0px;
}

.sj-products-list-pages .sj-out .sj-left a.sj-on,
.sj-products-list-pages .sj-out .sj-left a:hover {
    color: #D70C19;
}

.sj-products-list-pages .sj-out .sj-right {
    width: calc(100% - 277px - 48px);

}

.sj-products-list-pages .sj-out .sj-right .sj-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.sj-products-list-pages .sj-out .sj-right .sj-products-item {
    width: 48%;
    margin-right: 0px;
}

.sj-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sj-pagination a {
    padding: 10px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: 16px;
    font-size: #535353;
    margin: 0px 6px;
}

.sj-pagination a.sj-on,
.sj-pagination a:hover {
    background: #D70C18;
    color: #FFF;
}


/* solution */
.sj-solution {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 100px;
}

.sj-solution .sj-out {
    width: 100%;
    margin-bottom: 70px;
}

.sj-solution .sj-out .sj-box {
    width: 100%;
    background: #FFF;
    margin-top: 60px;
    overflow: hidden;
}

.sj-solution .sj-out .sj-box:first-child {
    margin-top: 0px;
}

.sj-solution .sj-out .sj-box:nth-child(2n) a {
    flex-direction: row-reverse;
}

.sj-solution .sj-out .sj-box a {
    display: flex;
}

.sj-solution .sj-out .sj-box .sj-left {
    width: 50%;
    padding: 45px 100px 45px 39px;
    box-sizing: border-box;
}

.sj-solution .sj-out .sj-box .sj-left h5 {
    color: #000000;
    font-size: 28px;
    margin-bottom: 25px;
    line-height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.sj-solution .sj-out .sj-box .sj-left p {
    color: #6f6f6f;
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 1px;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.sj-solution .sj-out .sj-box .sj-left span {
    color: #555555;
    font-size: 16px;
    margin-top: 54px;
    display: block;
}

.sj-solution .sj-out .sj-box .sj-right {
    width: 50%;
    overflow: hidden;
}

.sj-solution .sj-out .sj-box .sj-right img {
    width: 100%;
    display: block;
    height: 100%;
    transition: 0.4s ease-in-out;
}

.sj-solution .sj-out .sj-box:hover .sj-right img {
    transform: scale(1.2)
}

.sj-solution .sj-out .sj-box:hover .sj-left h5 {
    color: #D70C18;
}

/* Applications */
.sj-applications-pages {
    margin-top: 40px;
    margin-bottom: 100px;
}

.sj-applications-pages .sj-selectionbar {
    width: 100%;
    display: flex;
    justify-content: center;
}

.sj-applications-pages .sj-selectionbar .sj-box {
    width: 180px;
    margin-right: 45px;
    position: relative;
}

.sj-applications-pages .sj-selectionbar .sj-box .sj-title {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f5f5f4;
    padding: 0px 25px;
    box-sizing: border-box;
}

.sj-applications-pages .sj-selectionbar .sj-box .sj-title span {
    color: #000000;
    font-size: 16px;
}

.sj-applications-pages .sj-selectionbar .sj-box .sj-text {
    width: 100%;
    padding-bottom: 20px;
    background: #f5f5f4;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 45px;
    z-index: 30;
    height: auto ;
    max-height: 20vw ;
    overflow: scroll ;
}

.sj-applications-pages .sj-selectionbar .sj-box .sj-text a {
    width: 100%;
    padding: 8px 25px;
    box-sizing: border-box;
    color: #727171;
    font-size: 16px;
    display: block;
}

.sj-applications-pages .sj-selectionbar .sj-box .sj-text a:hover {
    color: #FFF;
    background: #D70C18;
}

.sj-applications-pages .sj-selectionbar .sj-box:hover .sj-text {
    display: block;
}

.sj-applications-pages .sj-out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
}

.sj-applications-pages .sj-out .sj-box {
    width: 32%;
    margin-right: 2%;
    margin-top: 50px;
}

.sj-applications-pages .sj-out .sj-box:nth-child(3n) {
    margin-right: 0px;
}

.sj-applications-pages .sj-out .sj-box .sj-img {
    width: 100%;
    height: 306px;
    overflow: hidden;
}

.sj-applications-pages .sj-out .sj-box .sj-img img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease-in-out;
}

.sj-applications-pages .sj-out .sj-box span {
    text-align: center;
    color: #000000;
    font-size: 18px;
    display: block;
    margin-top: 20px;
}

.sj-applications-pages .sj-out .sj-box:hover span {
    color: #D70C18;
}

.sj-applications-pages .sj-out .sj-box:hover .sj-img img {
    transform: scale(1.2);
}

.sj-service-pages {
    width: 100%;
    margin-top: 50px;
}

.sj-service-pages2 {
    margin-bottom: 80px;
}

.sj-service-pages .sj-out {
    display: flex;
    flex-wrap: wrap;
    background: #f4f4f4;
    padding: 20px;
    box-sizing: border-box;
    align-items: center;
}

.sj-service-pages .sj-out .sj-right {
    width: 50%;
}

.sj-service-pages .sj-out .sj-right img {
    width: 100%;
    object-fit: cover;
    height: 370px;
}

.sj-service-pages .sj-out .sj-left {
    width: 50%;
    padding-right: 120px;
    box-sizing: border-box;
    padding-left: 30px;
}

.sj-service-pages .sj-out .sj-left b {
    color: #d70c18;
    font-size: 35px;
    margin-bottom: 22px;
    display: block;
}

.sj-service-pages .sj-out .sj-left h5 {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    margin-bottom: 20px;
}

.sj-service-pages .sj-out .sj-left p {
    color: #000000;
    font-size: 14px;
    line-height: 1.5em;
}

/* Download */
.sj-download {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
}

.sj-download .sj-box {
    width: 100%;
    height: 80px;
    margin-bottom: 15px;
    background: #f4f4f4;
}

.sj-download .sj-box:last-child {
    margin-bottom: 0px;
}

.sj-download .sj-box a {
    display: flex;
    height: 100%;
}

.sj-download .sj-title {
    width: 100%;
    display: flex;
    background: #D70C18;
}

.sj-download .sj-title span {
    color: #FFF;
}

.sj-download .sj-box span {
    height: 100%;
    display: block;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.sj-download .sj-box span img {
    width: 40px;
    height: 40px;
    display: block;
}

.sj-download .sj-box span:nth-child(1) {
    width: 70%;
    padding-left: 43px;
    box-sizing: border-box;
}

.sj-download .sj-box span:nth-child(2) {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sj-download .sj-box span:nth-child(3) {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* INTRODUCTION */
.sj-introduction {
    width: 100%;
    margin-top: 50px;
}

.sj-introduction .sj-text {
    width: 100%;
}

.sj-introduction .sj-text p {
    font-size: 16px;
    line-height: 1.7em;
    color: #000000;
}

.sj-digital-scroll-compressors {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 78px;
    margin-bottom: 54px;
}

.sj-digital-scroll-compressors .sj-box {
    width: 23%;
    background: #f4f4f4;
    height: 190px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sj-digital-scroll-compressors .sj-box h5 {
    color: #606060;
    font-size: 27px;
    line-height: 100%;
}

.sj-digital-scroll-compressors .sj-box h5 b {
    font-size: 54px;
    color: #606060;
    margin-right: 10px;
    line-height: 100%;
}

.sj-digital-scroll-compressors .sj-box span {
    margin-top: 14px;
    font-size: 27px;
    color: #606060;
    display: block;
}

.sj-factory-show {
    width: 100%;
    background: #d70c18;
    display: block;
    height: 495px;
    position: relative;
}

.sj-factory-show .sj-out {
    width: 100%;
    max-width: 1620px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
}

.sj-factory-show .sj-factory-sjslide {
    width: 100%;
    height: 100%;
}

.sj-factory-show .sj-factory-sjslide .sjslide-slide {
    width: 100%;
    height: 100%;
    display: flex;
}

.sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-left {
    width: 42%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 90px;
    box-sizing: border-box;
    transform: translateX(-100%);
    transition: 0.5s ease-in-out;
}

.sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-left h5 {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 40px;
}

.sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-left p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.7em;
}

.sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-right {
    width: 58%;
    height: 100%;
}

.sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sj-factory-show .sj-factory-sjslide .sjslide-slide-active .sj-left {
    transform: translateX(0%);
}

/* 时间轴 */

.sjslide-container {
    overflow: hidden;
}

.sj-abolc {
    width: 100%;
    padding-top: 90px;
    position: relative;
}

.sj-abolc:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    left: 0;
    top: 146px;
    position: absolute;
    z-index: -1;
}

.sj-abolc-contain {
    width: 1200px;
    margin: 0 auto;
}

.sj-abolc-time {
    width: 100%;
    position: relative;
    padding: 0 210px;
    height: 114px;
    user-select: none;
    box-sizing: border-box;
}

.sj-abolc-timeme {
    width: 100%;
    text-align: center;
}

.sj-abolc-timeme h6,
.sj-abolc-timeme h1 {
    padding-left: 42px;
    height: 114px;
    line-height: 1.1em;
    font-size: 120px;
    transform: scale(0);
    font-family: 'COLFAX';
    transition: all 1.6s ease;
    color: #d70c18;
    position: relative;
    display: inline-block;
}

.sj-abolc-timeme h6:after， .sj-abolc-timeme h1:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 0%;
    margin-top: -5px;
    background: #d70c18;
    opacity: 1;
}

.sj-abolc-time .sjslide-slide-active .sj-abolc-timeme h6 {
    transform: scale(1);
}

.sj-abolc-time .sjslide-slide-active .sj-abolc-timeme h1 {
    transform: scale(1);
}

.sj-abolc-prev,
.sj-abolc-next {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    background: #D70C18;
    margin-top: -25px;
    cursor: pointer;
    transition: all .4s ease;
    border-radius: 50%;
}

.sj-abolc-prev {
    left: 0;
}

.sj-abolc-next {
    right: 0;
}

.sj-abolc-prev::after,
.sj-abolc-next::after {
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
}

.sj-abolc-prev:hover {
    transform: scale(0.9);
}

.sj-abolc-next:hover {
    transform: scale(0.9);
}

.sj-abolc-dot {
    position: absolute;
    width: 150px;
    overflow: hidden;
    height: 114px;
    top: 0;
}

.sj-abolc-ldot {
    left: 60px;
}

.sj-abolc-rdot {
    right: 60px;
}

.sj-abolc-dotline {
    font-size: 0;
    position: relative;
    width: 1000px;
    text-align-last: auto;
}

.sj-abolc-dotck {
    width: 50px;
    display: inline-block;
    text-align: center;
    margin-top: 52px;
    cursor: pointer;
}

.sj-abolc-dotck p {
    font-size: 14px;
    color: #c3c3c3;
    font-family: 'COLFAX';
    font-weight: 400;
    padding-top: 26px;
    position: relative;
    transition: all .4s ease;
}

.sj-abolc-dotck p:after {
    content: "";
    position: absolute;
    top: 0%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 50%;
    margin-left: -5px;
    background: #d70c18;
    opacity: .5;
    transition: all .4s ease;
}

.sj-abolc-dotck:hover p {
    color: #d70c18;
}

.sj-abolc-dotck:hover p:after {
    opacity: 1;
}

.sj-abolc-wdbox {
    width: 100%;
    overflow: hidden;
    margin: 88px 0 120px;
}

.sj-abolc-contain {
    width: 1480px;
    margin: 0 auto;
}

.sj-abolc-imgwords {
    width: 100%;
    overflow: hidden;
}

.sj-abolc-img {
    width: 50.5%;
    float: left;
}

.sj-abolc-img img {
    width: 100%;
    height: 427px;
    object-fit: cover;
}

.sj-abolc-words {
    width: 46%;
    float: right;
    height: 427px;
    overflow-y: auto;
    color: #5a4f4a;
    font-size: 16px;
    line-height: 1.7em;
}



/* Culture_pages */
.sj-culture-pages {
    margin-top: 50px;
}

.sj-culture-pages .sj-title {
    font-size: 30px;
    color: #000000;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 35px;
}

.sj-culture-pages .sj-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sj-culture-pages .sj-list .sj-item {
    width: 48%;
    height: 310px;
    background: #f4f4f4;
    padding: 56px 50px;
    box-sizing: border-box;
    margin-bottom: 50px;
    cursor: pointer;
    border-radius: 3px;
}

.sj-culture-pages .sj-list .sj-item .sj-img {
    position: relative;
    height: 60px;
    width: 60px;
    margin-bottom: 35px;
}

.sj-culture-pages .sj-list .sj-item .sj-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    object-fit: contain;
    display: block;
}

.sj-culture-pages .sj-list .sj-item .sj-img .sj-img-2 {
    display: none;
}

.sj-culture-pages .sj-list .sj-item h5 {
    font-size: 24px;
    color: #000000;
}

.sj-culture-pages .sj-list .sj-item i {
    width: 30px;
    height: 2px;
    display: block;
    background: #1b8bd7;
    margin-top: 18px;
    margin-bottom: 14px;
}

.sj-culture-pages .sj-list .sj-item p {
    color: #5a4f4a;
    font-size: 16px;
}

.sj-culture-pages .sj-list .sj-item:hover {
    background: #1b8bd7;
}

.sj-culture-pages .sj-list .sj-item:hover .sj-img .sj-img-1 {
    display: none;
}

.sj-culture-pages .sj-list .sj-item:hover .sj-img .sj-img-2 {
    display: block;
}

.sj-culture-pages .sj-list .sj-item:hover h5 {
    color: #FFFFFF;
}

.sj-culture-pages .sj-list .sj-item:hover p {
    color: #FFFFFF;
}

.sj-culture-pages .sj-list .sj-item:hover i {
    background: #FFFFFF;
}

.sj-social-responsibility {
    width: 100%;
    padding: 70px 0px 80px 0px;
    background: #f4f4f4;
}

.sj-social-responsibility .sj-title {
    font-size: 30px;
    color: #000000;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 35px;
}

.sj-social-responsibility .sjslide-slide {
    width: 100%;
    height: 382px;
    display: flex;
    background: #FFFFFF;
}

.sj-social-responsibility .sjslide-slide .sj-left {
    width: 45%;
    padding: 62px 57px 42px 50px;
    box-sizing: border-box;
    position: relative;
    transform: translateX(-100%);
    transition: 0.5s ease-in-out;
}

.sj-social-responsibility .sjslide-slide .sj-left h5 {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 40px;
}

.sj-social-responsibility .sjslide-slide .sj-left p {
    color: #5a4f4a;
    font-size: 14px;
    line-height: 1.6em;
}

.sj-social-responsibility .sjslide-slide .sj-left span {
    position: absolute;
    bottom: 41px;
    color: #5a4f4a;
    font-size: 16px;
    display: block;
}

.sj-social-responsibility .sjslide-slide .sj-right {
    width: 55%;
}

.sj-social-responsibility .sjslide-slide .sj-right img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
}

.sj-social-responsibility .sjslide-button-next,
.sj-social-responsibility .sjslide-button-prev {
    left: 34%;
    right: auto;
    top: auto;
    bottom: 30px;
    width: auto;
}

.sj-social-responsibility .sjslide-button-next {
    left: 26%;
}

.sj-social-responsibility .sjslide-button-next::after {
    content: '上一页';
    color: #5a4f4a;
    font-size: 16px;
}

.sj-social-responsibility .sjslide-button-prev::after {
    content: '下一页';
    color: #5a4f4a;
    font-size: 16px;
}

.sj-social-responsibility .sjslide-slide-active .sj-left {
    transform: translateX(0px);
}

.sj-honor-intro {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
}

.sj-honor-intro .sj-out {
    display: flex;
    justify-content: space-between;
}

.sj-honor-intro .sj-out .sj-left {
    width: 40%;
}

.sj-honor-intro .sj-out .sj-left p {
    line-height: 1.7em;
    color: #000000;
    font-size: 24px;
}

.sj-honor-intro .sj-out .sj-right {
    width: 50%;
}

.sj-honor-intro .sj-out .sj-right img {
    width: 100%;
    display: block;
}

.sj-honor-digital-scroll-compressors {
    margin-bottom: 50px;
}

.sj-honor-digital-scroll-compressors .sj-box {
    width: 32%;
    height: 284px;
}

.sj-honor-digital-scroll-compressors .sj-box h5 b,
.sj-honor-digital-scroll-compressors .sj-box h5 {
    color: #D70C18;
}


.sj-honor-out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sj-honor-out .sj-box {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 50px;
}

.sj-honor-out .sj-box:nth-child(4n) {
    margin-right: 0px;
}

.sj-honor-out .sj-box .sj-img {
    width: 100%;
    height: 400px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
        padding: 10px;
}

.sj-honor-out .sj-box .sj-img img {
    width: 100% ;
    height: 100% ;
    object-fit: contain ;
        display: block;
}

.sj-honor-out .sj-box span {
    font-size: 16px;
    color: #000000;
    display: block;
    text-align: center;
    margin-top: 22px;

}

.sj-cooperation-pages {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
}

.sj-cooperation-pages .sj-out {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 33px;
}

.sj-cooperation-pages .sj-out .sj-left {
    width: 50%;
}

.sj-cooperation-pages .sj-out .sj-left h5 {
    font-size: 24px;
    color: #D70C18;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 100%;
}

.sj-cooperation-pages .sj-out .sj-left p {
    color: #000000;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 40px;
}

.sj-cooperation-pages .sj-out .sj-left span {
    color: #D70C18;
    font-size: 18px;
    display: block;
}

.sj-cooperation-pages .sj-out .sj-right {
    width: 45%;
}

.sj-cooperation-pages .sj-out .sj-right .sjslide {
    width: 100%;
    height: 353px;
}

.sj-cooperation-pages .sj-out .sj-right .sjslide .sjslide-slide {
    width: 100%;
    height: 100%;
}

.sj-cooperation-pages .sj-out .sj-right .sjslide .sjslide-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.sj-strength-pages {
    width: 100%;
    padding: 62px 0px 72px 0px;
    box-sizing: border-box;
    background: #d70c18;

}

.sj-strength-pages .sj-public-title h5 {
    color: #FFFFFF;
}

.sj-strength-pages .sj-public-title i {
    background: #FFFFFF;
}

.sj-strength-pages .sj-out {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}

.sj-strength-pages .sj-out .sj-box {
    width: 32%;
    margin-right: 2%;
    background: #FFF;
    height: 260px;
    padding: 31px 23px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.sj-strength-pages .sj-out .sj-box:nth-child(3n) {
    margin-right: 0px;
}

.sj-strength-pages .sj-out .sj-box h1 {
    font-size: 60px;
    line-height: 100%;
    color: #d70c18;
    line-height: 100%;
    font-weight: 500;
}

.sj-strength-pages .sj-out .sj-box h5 {
    font-size: 30px;
    color: #000000;
    text-align: center;
    line-height: 100%;
}

.sj-strength-pages .sj-out .sj-box p {
    color: #000000;
    font-size: 18px;
    line-height: 1.7em;
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}

.sj-recruitment-pages {
    width: 100%;
    padding: 50px 0px 60px 0px;
    box-sizing: border-box;
    background: #f4f4f4;
}

.sj-recruitment-pages .sj-out {
    margin-top: 50px;
}



.sj-recruitment-pages .sj-out .sj-li {
    width: 100%;
    background: #FFFFFF;
    margin-bottom: 25px;
}

.sj-recruitment-pages .sj-out .sj-li:last-child {
    margin-bottom: 0px;
}

.sj-recruitment-pages .sj-out .sj-li a {
    width: 100%;
    height: 85px;
    display: flex;
    align-items: center;
    padding-left: 50px;
    box-sizing: border-box;

}

.sj-recruitment-pages .sj-out .sj-li span {
    font-size: 17px;
    color: #000000;
    display: block;
    width: 25%;
}

.sj-recruitment-pages .sj-out .sj-li span:nth-child(1) {
    width: 40%;
}

.sj-recruitment-pages .sj-out .sj-li span:nth-child(2) {
    width: 30%;
}

.sj-recruitment-pages .sj-out .sj-li span:nth-child(3) {
    width: 20%;
}

.sj-recruitment-pages .sj-out .sj-li span:nth-child(4) {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sj-recruitment-pages .sj-out .sj-li b {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d70c18;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 20px;
    position: relative;
}

.sj-recruitment-pages .sj-out .sj-li b i {
    width: 18px;
    height: 2px;
    background: #FFFFFF;
    display: block;
    position: absolute;
    transition: 0.5s ease-in-out;
}

.sj-recruitment-pages .sj-out .sj-li b i:nth-child(2) {
    transform: rotate(90deg);
}

.sj-recruitment-pages .sj-out .sj-title {
    background: #d70c18;
}



.sj-recruitment-pages .sj-out .sj-li .sj-box {
    padding: 57px 48px;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
    display: none;
}

.sj-recruitment-pages .sj-out .sj-li .sj-box h6 {
    font-size: 20px;
    color: #333;
    line-height: 100%;
    margin-bottom: 20px;
}

.sj-recruitment-pages .sj-out .sj-li .sj-box p {
    line-height: 1.8em;
    color: #535353;
    display: block;
}

.sj-recruitment-pages .sj-out .sj-li:hover span:nth-child(1) {
    color: #d70c18;
}

.sj-recruitment-pages .sj-out .sj-li.sj-on b i:nth-child(2) {
    transform: rotate(0);
}

.sj-recruitment-pages .sj-out .sj-title span {
    color: #FFFFFF;
}

.sj-recruitment-pages .sj-out .sj-title:hover span:nth-child(1){
     color: #FFFFFF;
}

/* News_pages */
.sj-news-pages {
    width: 100%;
    padding-bottom: 80px;
}

.sj-news-pages .sj-out {
    margin-bottom: 60px;
}

.sj-news-pages .sj-out .sj-box {
    width: 100%;
    padding: 45px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.sj-news-pages .sj-out .sj-box a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 305px;
    background: #FFFFFF;
}

.sj-news-pages .sj-out .sj-box .sj-left {
    width: 40%;
    height: 100%;
}

.sj-news-pages .sj-out .sj-box .sj-left img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.sj-news-pages .sj-out .sj-box .sj-right {
    width: 58%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sj-news-pages .sj-out .sj-box .sj-right h5 {
    color: #000000;
    font-size: 24px;
    margin-bottom: 21px;
    line-height: 100%;
    line-height: 1.8em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.sj-news-pages .sj-out .sj-box .sj-right span {
    color: #555555;
    font-size: 16px;
    display: block;
    margin-bottom: 30px;
}

.sj-news-pages .sj-out .sj-box .sj-right p {
    color: #000000;
    font-size: 16px;
    line-height: 1.7em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

}


.sj-news-pages .sj-out .sj-box .sj-right .sj-lianj {
    margin-bottom: 0px;
}

.sj-message-pages {
    margin-top: 50px;
}

.sj-message-pages .sj-title {
    width: 100%;
}

.sj-message-pages .sj-title h5 {
    color: #000000;
    font-size: 30px;
    margin-bottom: 5px;
}

.sj-message-pages .sj-title span {
    color: #000000;
    font-size: 20px;
}

.sj-message-pages .sj-out {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 80px 0px;
}

.sj-message-pages .sj-out .sj-box {
    width: 32%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sj-message-pages .sj-out .sj-box img {
    height: 55px;
    display: block;
    margin-bottom: 15px;
}

.sj-message-pages .sj-out .sj-box h5 {
    text-align: center;
    color: #535353;
    font-size: 22px;
    margin-bottom: 6px;
}

.sj-message-pages .sj-out .sj-box .sj-txt {
    width: 100%;
    width: 80%;
}

.sj-message-pages .sj-out .sj-box span {
    text-align: center;
    font-size: 16px;
    color: #535353;
    display: block;
}

.sj-company-list {
    padding: 36px 0px;
    background: #f6f6f6;
}

.sj-company-list .sj-out {
    display: flex;
    flex-wrap: wrap;
}

.sj-company-list .sj-out .sj-box {
    width: 32%;
    margin-right: 2%;
    padding: 45px;
    box-sizing: border-box;
    background: #FFF;
    margin-bottom: 24px;
    height: 227px;
}

.sj-company-list .sj-out .sj-box:nth-child(3n) {
    margin-right: 0px;
}

.sj-company-list .sj-out .sj-box h5 {
    color: #535353;
    font-size: 22px;
    margin-bottom: 15px;
}

.sj-company-list .sj-out .sj-box p {
    color: #535353;
    font-size: 16px;
    line-height: 1.6em;
}

/* News_xq */
.sj-news-xq {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 80px;
}

.sj-news-xq .sj-title {
    width: 100%;
}

.sj-news-xq .sj-title h5 {
    text-align: center;
    color: #000000;
    font-size: 24px;
    margin-bottom: 14px;
}

.sj-news-xq .sj-title span {
    font-size: 16px;
    color: #000000;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.sj-news-xq .sj-text {
    width: 100%;
    margin-top: 40px;
}

.sj-news-xq .sj-text img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: auto !important;
}

.sj-news-xq .sj-text p {
    color: #000000;
    font-size: 16px;
    line-height: 1.8em;
}

.sj-news-xq .sj-text table {
    max-width: 905px ;
    width: 100% ;
    margin: 5px auto ;
    border-collapse: collapse;
}

.sj-news-xq .sj-text p span {
    font-size: 16px ;
}

.sj-news-xq .sj-text p span strong {
   font-size: 16px ;
}

.sj-projecr-xq {
    margin-top: 50px;
}

.sj-projecr-xq .sj-item-box-1 {
    width: 100%;
    margin-bottom: 80px;
}

.sj-projecr-xq .sj-item-box-1 .sj-text {
    margin-top: 30px;
}

.sj-projecr-xq .sj-item-box-1 .sj-text p {
    color: #000000;
    font-size: 16px;
    line-height: 1.6em;
}

.sj-projecr-xq .sj-item-box-2 {
    width: 100%;
    background: #1a50af;
    padding: 35px 0px 75px 0px;
    box-sizing: border-box;
}

.sj-projecr-xq .sj-item-box-2 .sj-box {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.sj-projecr-xq .sj-item-box-2 .sj-box .sj-left {
    width: 50%;
}

.sj-projecr-xq .sj-item-box-2 .sj-public-title h5 {
    color: #FFFFFF;
}

.sj-projecr-xq .sj-item-box-2 .sj-public-title i {
    background: #FFFFFF;
}

.sj-projecr-xq .sj-item-box-2 .sj-box .sj-left p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.6em;
}

.sj-projecr-xq .sj-item-box-2 .sj-box .sj-right {
    width: 47%;
}

.sj-projecr-xq .sj-item-box-3 {
    background: #f6f6f6;
}

.sj-projecr-xq .sj-item-box-3 .sj-public-title h5 {
    color: #000000;
}

.sj-projecr-xq .sj-item-box-3 .sj-public-title i {
    background: #000000;
}

.sj-projecr-xq .sj-item-box-3 .sj-box {
    flex-direction: row-reverse;
}

.sj-projecr-xq .sj-item-box-3 .sj-box .sj-left p {
    color: #000000;
}

.sj-projecr-xq .sj-item-box-2 .sj-box .sj-right img {
    width: 100%;
    display: block;
}

.sj-item-box-4 {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 60px;
}

.sj-item-box-4 .sj-out {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.sj-item-box-4 .sj-out .sj-box {
    width: 32%;
    margin-right: 0px;
}

.sj-item-box-4 .sj-out .sj-box:nth-child(3n) {
    margin-right: 0px;
}

.sj-item-box-4 .sj-out .sj-box .sj-img {
    width: 100%;
    height: 305px;
    overflow: hidden;
}

.sj-item-box-4 .sj-out .sj-box .sj-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.sj-item-box-4 .sj-out .sj-box span {
    display: block;
    text-align: center;
    color: #000000;
    margin-top: 30px;
    font-size: 16px;
}

.sj-applications-xq {
    width: 100%;
    margin-bottom: 80px;
}

.sj-applications-xq .sj-text img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.sj-applications-xq .sj-text .sj-box {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.sj-applications-xq .sj-text .sj-box .sj-left {
    width: 35%;
}

.sj-applications-xq .sj-text .sj-box .sj-left h5 {
    color: #000000;
    font-size: 22px;
    margin-bottom: 7px;
}

.sj-applications-xq .sj-text .sj-box .sj-left span {
    color: #919191;
    font-size: 14px;
}

.sj-applications-xq .sj-text .sj-box .sj-right {
    width: 50%;
}

.sj-applications-xq .sj-text .sj-box .sj-right p {
    color: #515151;
    font-size: 14px;
    line-height: 1.6em;
}

.sj-showroom-xq .sj-video-box {
    width: 100%;
    padding: 46px 0px;
    background: #f6f6f6;
    display: flex;
    flex-wrap: wrap ;
    justify-content: center;
}

.sj-showroom-xq .sj-video-box video {
    width: 50%;
}

.sj-showroom-xq .sj-video-box .sj-text {
    width: 100% ;
    margin-top: 30px ;
}

.sj-showroom-xq .sj-item-box {
    padding: 90px 0px;
    background-size: cover !important;
}

.sj-showroom-xq .sj-item-box .sj-public {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.sj-showroom-xq .sj-item-box .sj-public .sj-left {
    width: 50%;
    padding-top: 60px;
    box-sizing: border-box;
}

.sj-showroom-xq .sj-item-box .sj-public .sj-left h5 {
    color: #f6f6f6;
    font-size: 32px;
    margin-bottom: 25px;
}

.sj-showroom-xq .sj-item-box2 .sj-public .sj-left .sj-text {
    text-align: right ;
}

.sj-showroom-xq .sj-item-box .sj-public .sj-left .sj-text {
    width: 70%;
    
}

.sj-showroom-xq .sj-item-box .sj-public .sj-left .sj-text p {
    font-size: 18px;
    color: #f6f6f6;
    line-height: 1.6em;
}

.sj-showroom-xq .sj-item-box .sj-public .sj-right {
    width: 50%;
    display: flex;
    justify-content: right;
}

.sj-showroom-xq .sj-item-box .sj-public .sj-right img {
    width: 80%;
    display: block;
}

.sj-showroom-xq .sj-item-box2 .sj-public {
    flex-direction: row-reverse;
}

.sj-showroom-xq .sj-item-box2 .sj-public .sj-right {
    justify-content: left;
}

.sj-showroom-xq .sj-item-box2 .sj-public .sj-left {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.sj-showroom-xq .sj-item-box2 .sj-public .sj-left h5 {
    color: #000000;
}

.sj-showroom-xq .sj-item-box2 .sj-public .sj-left .sj-text p {
    color: #000000;
}

.sj-showroom-xq .sj-video-imges {
    width: 100%;
    background: #f6f6f6;
    padding: 100px 0px 120px 0px;
}

.sj-showroom-xq .sj-video-imges .sj-out {
    display: flex;
    justify-content: space-between;
}

.sj-showroom-xq .sj-video-imges .sj-out .sj-left {
    width: 45%;
}

.sj-showroom-xq .sj-video-imges .sj-out .sj-left img {
    width: 100%;
    display: block;
}

.sj-showroom-xq .sj-video-imges .sj-out .sj-right {
    width: 50%;
    padding-top: 40px;
}

.sj-showroom-xq .sj-video-imges .sj-out .sj-right h5 {
    color: #000000;
    font-size: 36px;
    margin-bottom: 20px;
}

.sj-showroom-xq .sj-video-imges .sj-out .sj-right p {
    color: #535353;
    font-size: 18px;
    margin-bottom: 38px;
}

.sj-showroom-xq .sj-video-imges .sj-out .sj-right span {
    font-size: 14px;
    color: #535353;
    display: block;
}


/* 下拉 */
.sj-dow-dropdown {
    width: 100%;
    position: fixed;
    top: 110px;
    left: 0px;
    background: #FFFFFF;
    z-index: 100;
    padding: 60px 0px;
    border: 1px solid #51515123;
    box-sizing: border-box;
    box-shadow: 0px 10px 10px 1px #00000010;
    display: none;
}

.sj-dow-dropdown .sj-dow-list {
    display: flex;
    justify-content: right;
    width: 100%;
    margin: 0 auto;
    max-width: 1570px;
    height: 100%;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out {
    width: 100%;
    max-width: 1342px;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-text {
    display: flex;
    justify-content: space-between;
    width: 772px;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-left {
    width: 254px;
    border-right: 1px solid #ededed;
    padding-right: 55px;
    box-sizing: border-box;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-left a {
    display: block;
    font-size: 14px;
    color: #000000;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-left a:after {
    content: '→';
    transform: translateX(-20px);
    opacity: 0;
    transition: 0.5s ease-in-out;
    font-size: 17px;
    display: block;
    color: #000000;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-right {
    width: 417px;
    position: relative;
    overflow: hidden;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-right p {
    color: #000000;
    font-size: 14px;
    line-height: 1.7em;
    display: none;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-right p:first-child {
    display: block;
}


.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-right .sj-box {
    width: 100%;
    display: none;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-right .sj-box:first-child {
    display: block;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-right .sj-box a {
    display: block;
    color: #000000;
    font-size: 14px;
    margin-bottom: 15px;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-img {
    width: 317px;
    height: 194px;
    overflow: hidden;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-left a.sj-on {
    color: #d70c18;
}

.sj-dow-dropdown .sj-dow-list .sj-dow-out .sj-left a.sj-on::after {
    transform: translateX(0);
    opacity: 1;
}

.sj-nav .sj-out ul li:hover .sj-dow-dropdown {
    display: flex;
}


.sj-min-navcan {
    width: 0.4rem;
    height: 0.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.sj-min-navcan i {
    width: 100%;
    height: 2px;
    display: block;
    background: #333;
    margin-bottom: 5px;
    transition: 0.6s;
}

.sj-min-navcan i:last-child {
    margin-bottom: 0px;
}


.sj-min-navcan.sj-all i:nth-child(1) {
    transform: rotate(45deg) translateY(10px);
}


.sj-min-navcan.sj-all i:nth-child(2) {
    transform: scale(0);
    opacity: 0;
}

.sj-min-navcan.sj-all i:nth-child(3) {
    transform: rotate(-43deg) translateY(-10px);
}


.sj-min-nav-out {
    position: absolute;
    top: 1.1rem;
    left: 0px;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 0px 10px 1px #00000027;
    padding: 15px 20px;
    box-sizing: border-box;

    display: none;

}

.sj-min-nav-out .sj-box {
    border-bottom: 1px solid #eee;
}

.sj-min-nav-out .sj-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sj-min-nav-out .sj-title a {
    color: #333;
    font-size: 14px;
    width: 80%;
    padding: 10px 0px;
    box-sizing: border-box;
}

.sj-min-nav-out .sj-title img {
    height: 10px;
    display: block;
    transition: 0.5s;
}

.sj-min-nav-out .sj-title img.sj-on {
    transform: rotate(90deg);
}

.sj-min-pulldown {
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
    display: none;
}

.sj-min-pulldown a {
    color: #333;
    font-size: 13px;
    display: block;
    padding: 10px 0px;
    box-sizing: border-box;
}

.sj-dibu-p-box p{
    margin-bottom: 0px !important;
}

.sj-footer-nav {
    display: none ;
}

@media (max-width:768px) {
    .sj-sidebar {
        display: none ;
    }

    .sj-footer-nav{
        display: block ;
        position: fixed ;
        bottom: 0px ;
        left: 0px ;
        width: 100% ;
        background: #fcfcfc ;
        z-index: 999 ;
        height: 1.5rem;
    }

    .sj-footer-nav .sj-out {
        width: 100% ;
        display: flex ;
        justify-content: space-between ;
    }

    .sj-footer-nav .sj-out .sj-box {
        width: 33.333% ;
    }

    .sj-footer-nav .sj-out .sj-box a {
        padding: 0.2rem 0px ;
        box-sizing: border-box ;
        display: block ;
        position: relative;
    }

    .sj-footer-nav .sj-out .sj-box a::after {
        width: 1px ;
        position: absolute ;
        right: 0px;
        height: 70% ;
        display: block ;
        background: #eee ;
        content: '';
        top: 50% ;
        transform: translateY(-50% );
    }

    .sj-footer-nav .sj-out .sj-box img {
        width: 0.6rem ;
        height: 0.6rem ;
        display: block ;
        margin: 0 auto ;
        margin-bottom: 0.15rem ;
    }

    .sj-footer-nav .sj-out .sj-box span {
        display: block ;
        text-align: center ;
        font-size: 0.2rem ;
    }

    .sj-footer{
        margin-bottom: 1.5rem ;
    }
    
}


@media (max-width: 1200px) {

    .sj-service .sj-out .sj-s-box-1 .sj-img .sj-q img {
        height: 0.66rem ;
        width: 0.78rem ;
    }
    
    .sj-service .sj-out .sj-s-box-2 .sj-img .sj-q img {
        height: 0.66rem ;
        width: 0.78rem ;
    }
    
    .sj-service .sj-out .sj-s-box-4 .sj-img .sj-q img {
        height: 0.66rem ;
        width: 0.78rem ;
    }

    .sj-min-navcan  {
        display: flex ;
        margin-bottom: 0.2rem ;
    }

    
    
    .sj-public {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .sj-nav .sj-out ul {
        display: none;
    }

    .sj-nav {
        height: 1.1rem;
    }

    .sj-nav .sj-logo {
        padding-bottom: 0.2rem;
    }

    .sj-nav .sj-logo img {
        height: 0.59rem;
    }

    .sj-nav .sj-logo i {
        width: 1px;
        height: 0.44rem;
        margin: 0px 0.32rem 0px 0.25rem;
    }

    .sj-nav .sj-logo p {
        font-size: 0.2rem;
        margin-bottom: 0.08rem;
    }

    .sj-nav .sj-out {
        padding: 0px 2%;
        box-sizing: border-box;
        align-items: flex-end ;
    }

    .sj-solution-home {
        margin-top: 0.7rem;
    }

    .sj-public-title h5 {
        font-size: 0.4rem;
        margin-bottom: 0.17rem;
    }

    .sj-public-title i {
        width: 0.69rem;
        height: 0.06rem;
        margin-bottom: 0.26rem;
    }

    .sj-public-title p {
        font-size: 0.16rem;
    }

    .sj-solution-home .sj-out {
        margin-top: 0.45rem;
    }

    .sj-solution-sjslide2 .sjslide-slide {
        flex-wrap: wrap;
        height: auto;
        justify-content: space-between;
        padding: 0px 3%;
        box-sizing: border-box;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-box {
        width: 48%;
        margin-bottom: 0.2rem;
        height: 4rem;
        margin-right: 0px;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-box .sj-b {
        width: 100%;
        height: 100%;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-box:hover {
        width: 48%;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-title {
        padding: 0px 0.27rem;
        bottom: 0.10rem;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-title h5 {
        font-size: 0.35rem;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-text p {
        font-size: 0.16rem;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-text {
        padding: 0.2rem 0.15rem;
    }

    .sj-products {
        padding-top: 0.82rem;
        padding-bottom: 0.49rem;
    }

    .sj-products-item {
        width: 4.22rem;
        margin-bottom: 0.27rem;
        margin-right: 0.27rem;
        box-shadow: 0px 1px 0.21rem 0px rgba(0, 0, 0, 0.23);
    }

    .sj-products .sj-out {
        margin-top: 0.5rem;
        height: 6.9rem;
    }

    .sj-products-item .sj-text {
        height: 0.8rem;
    }

    .sj-products-item .sj-text h5 {
        font-size: 0.24rem;
        margin-bottom: 0.09rem;
    }

    .sj-products-item .sj-text p {
        font-size: 0.16rem;
    }

    .sj-products-item .sj-img {
        height: 2.37rem;
    }

    .sj-applications {
        margin-top: 0.72rem;
        margin-bottom: 0.4rem;
    }

    .sj-applications .sj-out {
        margin-top: 0.5rem;
    }

    .sj-applications .sj-out {
        justify-content: space-between;
    }

    .sj-applications .sj-out .sj-box {
        width: 48%;
        margin-right: 0px;
        margin-bottom: 0.3rem;
    }

    .sj-applications .sj-out .sj-box .sj-img {
        height: 2.25rem;
    }

    .sj-applications .sj-out .sj-box span {
        font-size: 0.18rem;
        margin-top: 0.2rem;
    }

    .sj-applications .sj-out .sj-box .sj-img .sj-ceng {
        padding: 0.4rem 0.3rem;
    }

    .sj-applications .sj-out .sj-box .sj-img .sj-ceng p {
        font-size: 0.14rem;
    }

    .sj-products-item .sj-but span {
        width: 1.46rem;
        height: 0.45rem;
        font-size: 0.18rem;
        transform: translateY(1rem);
    }

    .sj-advantages {
        padding: 0.48rem 0px;
    }

    .sj-advantages .sj-adv-tap a {
        width: 25%;
        height: 0.42rem;
        font-size: 0.16rem;
    }

    .sj-advantages .sj-out {
        margin-top: 0.43rem;
        height: auto;
    }

    .sj-advantages .sj-out .sj-box {
        flex-wrap: wrap;
    }

    .sj-advantages .sj-out .sj-box .sj-left {
        width: 100%;
        padding-top: 0px;
        overflow: hidden;
    }

    .sj-advantages .sj-out .sj-box .sj-right {
        width: 100%;
        margin-top: 0.3rem;
    }

    .sj-advantages .sj-out .sj-box .sj-left h5 {
        font-size: 0.22rem;
        margin-bottom: 0.5rem;
    }

    .sj-advantages .sj-out .sj-box .sj-left p {
        font-size: 0.16rem;
    }

    .sj-service {
        padding: 0.48rem 0px 0.27rem 0px;
    }

    .sj-service .sj-out {
        margin-top: 0.4rem;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .sj-service .sj-out .sj-jiant {
        display: none;
    }

    .sj-service .sj-out .sj-box {
        width: 48%;
        margin-bottom: 0.2rem;
    }

    .sj-service .sj-out .sj-box .sj-img {
        height: 1.56rem;
    }

    .sj-service .sj-out .sj-box .sj-img .sj-q {
        width: 1.43rem;
        height: 1.23rem;
    }

    .sj-service .sj-out .sj-box .sj-img .sj-q img {
        width: 0.66rem;
        height: 0.54rem;
    }

    .sj-service .sj-out .sj-box .sj-text {
        margin-top: 0.25rem;
    }

    .sj-service .sj-out .sj-box .sj-text h5 {
        font-size: 0.16rem;
        margin-bottom: 0.08rem;
    }

    .sj-service .sj-out .sj-box .sj-text span {
        font-size: 0.14rem;
    }

    .sj-about {
        padding: 0.56rem 0px;
    }

    .sj-about .sj-text {
        margin-top: 0.42rem;
    }

    .sj-about .sj-text p {
        font-size: 0.16rem;
    }

    .sj-about .sj-out {
        margin-top: 0.76rem;
        flex-wrap: wrap;
    }

    .sj-about .sj-out .sj-box {
        width: 50%;
        margin-bottom: 0.4rem;
    }

    .sj-about .sj-out .sj-box h5 {
        font-size: 0.27rem;
    }

    .sj-about .sj-out .sj-box h5 b {
        font-size: 0.5rem;
        margin-right: 0.08rem;
    }

    .sj-about .sj-out .sj-box span {
        margin-top: 0.14rem;
        font-size: 0.27rem;
    }

    .sj-about .sj-out .sj-box::after {
        height: 0.77rem;
    }

    .sj-about .sj-out .sj-box:nth-child(2n)::after {
        display: none;
    }

    .sj-news {
        margin: 0.64rem 0px 0.54rem 0px;
    }

    .sj-news .sj-tap-box {
        font-size: 0.15rem;
    }

    .sj-news .sj-tap-box a {
        font-size: 0.26rem;
    }

    .sj-news .sj-tap-box a::after {
        height: 0.3rem;
        margin: 0px 0.26rem;
    }

    .sj-news .sj-out {
        flex-wrap: wrap;
        margin-top: 0.44rem;
    }

    .sj-news .sj-out .sj-left {
        width: 100%;
    }

    .sj-news .sj-out .sj-right {
        width: 100%;
        margin-top: 0.3rem;
    }

    .sj-news .sj-out .sj-left .sj-img {
        height: 3.43rem;
    }

    .sj-news .sj-out .sj-left span {
        margin-top: 0.25rem;
        margin-bottom: 0.3rem;
        font-size: 0.16rem;
    }

    .sj-news .sj-out .sj-left h5 {
        font-size: 0.24rem;
        margin-bottom: 0.28rem;
    }

    .sj-news .sj-out .sj-left p {
        font-size: 0.16rem;
    }

    .sj-news .sj-out .sj-right .sj-box h5 {
        font-size: 0.24rem;
        margin-bottom: 0.16rem;
    }

    .sj-news .sj-out .sj-right .sj-box span {
        font-size: 0.15rem;
    }

    .sj-news .sj-out .sj-right .sj-box p {
        margin-top: 0.22rem;
        font-size: 0.16rem;
        margin-bottom: 0.37rem;
    }

    .sj-news .sj-out .sj-right .sj-box {
        padding: 0.42rem 0px 0.34rem 0px;
        border-bottom: 0.03rem solid #D2D2D2;
    }

    .sj-footer {
        padding-top: 0.44rem;
        
    }

    .sj-footer .sj-out {
        padding-bottom: 0.35rem;
        flex-wrap: wrap;
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .sj-footer .sj-out ul .sj-title {
        font-size: 0.18rem;
        margin-bottom: 0.29rem;
    }

    .sj-footer .sj-out ul .sj-box a {
        font-size: 0.15rem;
        margin-bottom: 0.2rem;
    }

    .sj-footer .sj-out ul {
        width: 100%;
    }

    .sj-footer .sj-out .sj-right {
        width: 100%;
        margin-top: 0.3rem;
    }

    .sj-footer .sj-out .sj-right .sj-text h5 {
        font-size: 0.18rem;
        margin-bottom: 0.28rem;
    }

    .sj-footer .sj-out .sj-right .sj-text p {
        font-size: 0.15rem;
        margin-bottom: 0.19rem;
    }

    .sj-footer .sj-out .sj-right .sj-icon-box {
        margin: 0.3rem auto;
        width: 60%;

    }



    .sj-footer .sj-out .sj-right .sj-icon-box .sj-icon {
        width: 0.23rem;
    }

    .sj-footer .sj-out .sj-right .sj-icon-box .sj-box:last-child  .sj-icon{
        width: 0.7rem;
    }

    .sj-footer .sj-out .sj-right .sj-icon-box .sj-ceng {
        top: -1.3rem;
        width: 1rem;
        height: 1rem;
        padding: 0.05rem;
    }

    .sj-footer .sj-out .sj-right .sj-icon-box .sj-ceng::after {
        width: 0.2rem;
        height: 0.2rem;
        bottom: -0.1rem;
        margin-left: -0.1rem;
    }

    .sj-copyright p {
        font-size: 0.14rem;
    }

    .sj-copyright {
        padding: 0.17rem 3%;
    }

    .sj-wizard .sj-out {
        padding: 0.29rem 0px 0.33rem 0px;
    }

    .sj-wizard .sj-out::before {
        width: 0.09rem;
        height: 0.16rem;
        margin-right: 0.14rem;
    }

    .sj-wizard .sj-out .sj-box a {
        font-size: 0.16rem;
    }

    .sj-wizard .sj-out .sj-box span {
        font-size: 0.16rem;
        margin: 0px 0.2rem;
    }

    .sj-exhibition .sj-exh-box {
        padding: 0.6rem 0px 0.8rem 0px;
    }

    .sj-exh-title .sj-left span {
        font-size: 0.26rem;
        margin-bottom: 0.15rem;
    }

    .sj-exh-title {
        flex-wrap: wrap;
    }

    .sj-exh-title .sj-left h5 {
        width: 3.7rem;
        height: 0.6rem;
        font-size: 0.29rem;
    }

    .sj-exh-title .sj-right {
        width: 100%;
        font-size: 0.16rem;
        margin-top: 0.3rem;
    }

    .sj-exh-title .sj-right p {
        font-size: 0.16rem;
    }

    .sj-exhibition .sj-out {
        margin-top: 0.6rem;
    }

    .sj-exh-public-box {
        width: 100%;
        height: 3.7rem;
    }

    .sj-exh-public-box .sj-title {
        bottom: 0.3rem;
        left: 0.22rem;
    }

    .sj-exh-public-box .sj-title h5 {
        font-size: 0.25rem;
        margin-bottom: 0.07rem;
    }

    .sj-exh-public-box .sj-title span {
        font-size: 0.14rem;
    }

    .sj-exh-public-box .sj-ceng {
        padding: 0.17rem;
    }

    .sj-exh-public-box .sj-ceng h5 {
        font-size: 0.25rem;
        margin-bottom: 0.07rem;
    }

    .sj-exh-public-box .sj-ceng i {
        margin: 0.12rem 0px 0.17rem 0px;
    }

    .sj-exh-public-box .sj-ceng p {
        font-size: 0.16rem;
    }

    .sj-exhibition .sj-out .sj-right {
        width: 100%;
        height: auto;
        margin-top: 0.1rem;
    }

    .sj-exhibition .sj-out2 {
        flex-wrap: wrap;
    }

    .sj-exhibition .sj-out2 .sj-exh-public-box {
        width: 100%;
        height: 3.7rem;
        margin-bottom: 0.1rem;
    }

    .sj-exh-public-box {
        margin-bottom: 0.1rem;
    }

    .sj-exhibition .sj-out .sj-middle {
        width: 100%;
        flex-wrap: wrap;
        margin-top: 0.1rem;
    }

    .sj-exhibition .sj-out .sj-middle .sj-exh-public-box-middle {
        width: 100%;
        height: 3.7rem;
    }

    .sj-exhibition .sj-out .sj-right .sj-exh-public-box {
        height: 3.7rem;
    }

    .sj-products-list-pages {
        margin-bottom: 1rem;
    }

    .sj-products-list-pages .sj-out {
        flex-wrap: wrap;
    }

    .sj-products-list-pages .sj-out .sj-right {
        width: 100%;
        margin-top: 0.3rem;

    }

    .sj-products-list-pages .sj-out .sj-left .sj-box {
        padding: 0px 0px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        background: none;
    }

    .sj-products-list-pages .sj-out .sj-left {
        width: 100%;
    }

    .sj-products-list-pages .sj-out .sj-left a {
        width: 32%;
        font-size: 0.18rem;
        margin-bottom: 0.17rem;
        background: #FFFFFF;
        margin-right: 2%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.15rem 0px;
    }

    .sj-products-list-pages .sj-out .sj-left a:last-child {
        margin-bottom: 0.17rem;
    }

    .sj-products-list-pages .sj-out .sj-left a:nth-child(3n) {
        margin-right: 0px;
    }

    .sj-products-list-pages .sj-out .sj-right .sj-box {
        margin-bottom: 0.4rem;
    }

    .sj-pagination a {
        padding: 0.1rem 0.15rem;
        font-size: 0.16rem;
        margin: 0px 0.06rem;
    }

    .sj-solution {
        width: 100%;
        margin-top: 0.6rem;
        margin-bottom: 1rem;
    }

    .sj-solution .sj-out {
        margin-bottom: 0.7rem;
    }

    .sj-solution .sj-out .sj-box {
        margin-top: 0.6rem;
    }

    .sj-solution .sj-out .sj-box a {
        flex-wrap: wrap;
    }

    .sj-solution .sj-out .sj-box .sj-left {
        width: 100%;
        padding: 0.45rem 1rem 0.45rem 0.39rem;
    }

    .sj-solution .sj-out .sj-box .sj-right {
        width: 100%;
    }

    .sj-solution .sj-out .sj-box .sj-left h5 {
        font-size: 0.28rem;
        margin-bottom: 0.25rem;
    }

    .sj-solution .sj-out .sj-box .sj-left p {
        font-size: 0.14rem;
    }

    .sj-solution .sj-out .sj-box .sj-left span {
        font-size: 0.16rem;
        margin-top: 0.54rem;
    }

    .sj-applications-pages .sj-selectionbar {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .sj-applications-pages .sj-selectionbar .sj-box {
        width: 48%;
        margin-right: 0px;
        margin-bottom: 0.2rem;
    }

    .sj-applications-pages .sj-selectionbar .sj-box .sj-title {
        height: 0.5rem;
        padding: 0px 0.25rem;
    }

    .sj-applications-pages .sj-selectionbar .sj-box .sj-title span {
        font-size: 0.16rem;
    }

    .sj-applications-pages .sj-selectionbar .sj-box .sj-text {
        padding-bottom: 0.2rem;
        top: 0.45rem;
    }

    .sj-applications-pages .sj-selectionbar .sj-box .sj-text a {
        padding: 0.08rem 0.25rem;
        font-size: 0.16rem;
    }

    .sj-applications-pages .sj-out {
        margin-bottom: 0.7rem;
        justify-content: space-between;
    }

    .sj-applications-pages .sj-out .sj-box span {
        font-size: 0.18rem;
        margin-top: 0.2rem;
    }

    .sj-applications-pages .sj-out .sj-box .sj-img {
        height: 3.08rem;
    }

    .sj-applications-pages .sj-out .sj-box {
        margin-top: 0.5rem;
        margin-right: 0px;
        width: 48%;
    }

    .sj-applications-pages {
        margin-top: 0.4rem;
        margin-bottom: 1rem;
    }

    .sj-service-pages {
        margin-top: 0.5rem;
    }

    .sj-service-pages .sj-out {
        font-size: 0.2rem;
        flex-wrap: wrap;
    }

    .sj-service-pages .sj-out .sj-left {
        width: 100%;
        padding-right: 0px;
        padding-left: 0rem;
    }

    .sj-service-pages .sj-out .sj-right {
        width: 100%;
        margin-top: 0.3rem;
    }

    .sj-service-pages .sj-out .sj-right img {
        height: 3.7rem;
    }

    .sj-service-pages .sj-out .sj-left b {
        font-size: 0.35rem;
        margin-bottom: 0.22rem;
    }

    .sj-service-pages .sj-out .sj-left h5 {
        font-size: 0.24rem;
        margin-bottom: 0.2rem;
    }

    .sj-service-pages .sj-out .sj-left p {
        font-size: 0.14rem;
    }

    .sj-service-pages2 {
        margin-bottom: 0.8rem;
    }

    .sj-download {
        margin-top: 0.5rem;
        margin-bottom: 0.8rem;
    }

    .sj-download .sj-box {
        height: 0.8rem;
    }

    .sj-download .sj-box span:nth-child(1) {
        padding-left: 0.43rem;
    }

    .sj-download .sj-box span {
        font-size: 0.18rem;
    }

    .sj-download .sj-box span img {
        width: 0.4rem;
        height: 0.4rem;
    }

    .sj-introduction {
        margin-top: 0.5rem;
    }

    .sj-introduction .sj-text p {
        font-size: 0.16rem;
    }

    .sj-digital-scroll-compressors {
        margin-top: 0.78rem;
        margin-bottom: 0.54rem;
        flex-wrap: wrap;
    }

    .sj-digital-scroll-compressors .sj-box {
        width: 48%;
        height: 1.9rem;
        margin-bottom: 0.3rem;
    }

    .sj-digital-scroll-compressors .sj-box h5 {
        font-size: 0.27rem;
    }

    .sj-digital-scroll-compressors .sj-box h5 b {
        font-size: 0.54rem;
        margin-right: 0.1rem;
    }

    .sj-digital-scroll-compressors .sj-box span {
        margin-top: 0.14rem;
        font-size: 0.27rem;
    }

    .sj-factory-show {
        height: auto;
    }

    .sj-factory-show .sj-factory-sjslide .sjslide-slide {
        flex-wrap: wrap;
    }

    .sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-left {
        width: 100%;
        padding-right: 0px;
        padding: 0.4rem 2% 0.3rem 2%;
        box-sizing: border-box;
    }

    .sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-right {
        width: 100%;
    }

    .sj-factory-show .sj-out {
        position: relative;
        width: 100%;
    }

    .sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-left h5 {
        font-size: 0.3rem;
        margin-bottom: 0.4rem;
    }

    .sj-factory-show .sj-factory-sjslide .sjslide-slide .sj-left p {
        font-size: 0.16rem;
    }

    .sj-abolc {
        padding-top: 0.9rem;
    }

    .sj-abolc-wdbox {
        margin: 0.8rem 0 1.2rem;
    }

    .sj-abolc-imgwords {
        display: flex;
        flex-wrap: wrap;
        padding: 0px 2% ;
        box-sizing: border-box ;
    }

    .sj-abolc-img {
        width: 100%;
        float: none;
    }

    .sj-abolc-img img {
        height: 4.27rem;
    }

    .sj-abolc-contain {
        width: 100%;
    }

    .sj-abolc-words {
        width: 100%;
        height: auto ;
        font-size: 0.16rem;
        margin-top: 0.3rem;
        float: none ;
    }

    .sj-abolc-words p{
        font-size: 0.16rem ;
        line-height: 1.6em ;
    }

    .sj-abolc-time {
        padding: 0px ;
        height: 1.14rem ;
    }

    .sj-abolc-timeme h6, .sj-abolc-timeme h1 {
        padding-left: 0.42rem ;
        height: 1.14rem ;
        font-size: 1.2rem ;
    }

    .sj-abolc-prev, .sj-abolc-next {
        width: 0.5rem ;
        height: 0.5rem ;
        margin-top: -0.25rem ;
    }

    .sj-abolc-prev::after, .sj-abolc-next::after {
        font-size: 0.2rem ;
    }

    .sj-abolc-dot {
        width: 1.5rem ;
        display: none ;
    }

    .sj-abolc-dotck {
        width: 0.5rem ;
        margin-top: 0.52rem ;
    }

    .sj-culture-pages {
        margin-top: 0.5rem ;
    }

    .sj-culture-pages .sj-title {
        font-size: 0.3rem ;
        margin-bottom: 0.35rem ;
    }

    .sj-culture-pages .sj-list .sj-item {
        height: 3.10rem ;
        padding: 0.5rem  0.5rem ;
        margin-bottom: 0.5rem ;
        border-radius: 0.03rem ;
    }

    .sj-culture-pages .sj-list .sj-item .sj-img {
        height: 0.6rem ;
        width: 0.6rem ;
        margin-bottom: 0.35rem ;
    }

    .sj-culture-pages .sj-list .sj-item h5{
        font-size: 0.25rem ;
    }

    .sj-culture-pages .sj-list .sj-item i {
        width: 0.3rem ;
        height: 0.02rem ;
        margin-top: 0.18rem ;
        margin-bottom: 0.14rem ;
    }

    .sj-culture-pages .sj-list .sj-item p {
        font-size: 0.16rem ;
    }

    .sj-social-responsibility {
        padding: 0.7rem 0px 0.8rem 0px;
    }

    .sj-social-responsibility .sj-title {
        font-size: 0.3rem ;
        margin-bottom: 0.35rem ;
    }

    .sj-social-responsibility .sjslide-slide {
        height: auto ;
        flex-wrap: wrap ;
    }

    .sj-social-responsibility .sjslide-slide .sj-left {
        width: 100%;
        padding: 0.62rem 0.57rem 0.42rem 0.5rem;
    }

    .sj-social-responsibility .sjslide-slide .sj-right {
        width: 100% ;
    }

    .sj-social-responsibility .sjslide-slide .sj-left h5 {
        font-size: 0.18rem ;
        margin-bottom: 0.4rem ;
    }

    .sj-social-responsibility .sjslide-slide .sj-left p {
        font-size: 0.14rem ;
    }

    .sj-social-responsibility .sjslide-slide .sj-left span {
        position: relative ;
        font-size: 0.16rem ;
        bottom: 0px ;
        margin-top: 0.4rem ;
    }

    .sj-social-responsibility .sjslide-button-next, .sj-social-responsibility .sjslide-button-prev {
        bottom: 3.8rem;
        left: auto;
        right: 10%;
        display: none ;
    }

    .sj-honor-intro {
        margin-top: 0.5rem ;
        margin-bottom: 0.8rem ;
        
    }

    .sj-honor-intro .sj-out {
        flex-wrap: wrap ;
    }

    .sj-honor-intro .sj-out .sj-left {
        width: 100% ;
    }

    .sj-honor-intro .sj-out .sj-right {
        width: 100% ;
        margin-top: 0.3rem ;
    }
    
    .sj-social-responsibility .sjslide-button-next{
        right: 20% ;
    }

    .sj-honor-intro .sj-out .sj-left p {
        font-size: 0.24rem;
    }

    .sj-social-responsibility .sjslide-button-next::after , .sj-social-responsibility .sjslide-button-prev::after {
        font-size: 0.16rem ;
    }

    .sj-honor-out {
        justify-content: space-between ;
    }

    .sj-honor-out .sj-box .sj-img {
        height: 4rem ;
    }

    .sj-honor-out .sj-box {
        width: 48% ;
        margin-right: 0px ;
        margin-bottom: 0.5rem ;
    }

    .sj-honor-out .sj-box span {
        font-size: 0.16rem ;
        margin-top: 0.22rem ;
    }

    .sj-news-xq {
        margin-top: 0.5rem ;
        margin-bottom: 0.8rem ;
    }

    .sj-news-xq .sj-title h5 {
        font-size: 0.34rem ;
        margin-bottom: 0.14rem ;
    }

    .sj-news-xq .sj-text {
        margin-top: 0.4rem ;
    }

    .sj-news-xq .sj-text p {
        line-height: 0.4rem !important;
        font-size: 0.2rem !important;
    }
    
    .sj-news-xq .sj-text p span {
        line-height: 0.4rem !important;
        font-size: 0.2rem !important;
    }
    
    .sj-news-xq .sj-text p span strong {
        font-size: 0.2rem !important;
    }

    /*.sj-news-xq .sj-text img {*/
    /*    max-width: 30% ;*/
    /*}*/

    .sj-cooperation-pages {
        margin-top: 0.5rem ;
        margin-bottom: 0.8rem ;
    }

    .sj-cooperation-pages .sj-out {
        margin-top: 0.33rem ;
        flex-wrap: wrap ;
    }

    .sj-cooperation-pages .sj-out .sj-left {
        width: 100% ;
    }

    .sj-cooperation-pages .sj-out .sj-right {
       width: 100% ;
       margin-top: 0.3rem ;
    }

    .sj-cooperation-pages .sj-out .sj-left h5 {
        font-size: 0.24rem ;
        margin-bottom: 0.3rem ;
    }

    .sj-cooperation-pages .sj-out .sj-left p {
        font-size: 0.16rem ;
        margin-bottom: 0.4rem ;
    }

    .sj-cooperation-pages .sj-out .sj-left span {
        font-size: 0.18rem ;
    }

    .sj-cooperation-pages .sj-out .sj-right .sjslide {
        height: 3.53rem ;
    }

    .sj-strength-pages {
        padding: 0.62rem  0px 0.72rem  0px;
    }

    .sj-strength-pages .sj-out {
        margin-top: 0.5rem ;
        justify-content: space-between ;
    }

    .sj-strength-pages .sj-out .sj-box {
        width: 48%;
        margin-right: 0%;
        height: 2.6rem ;
        padding: 0.31rem 0.23rem ;
        margin-bottom: 0.25rem ;
    }

    .sj-strength-pages .sj-out .sj-box h1 {
        font-size: 0.6rem ;
    }

    .sj-strength-pages .sj-out .sj-box h5 {
        font-size: 0.3rem ;
    }

    .sj-strength-pages .sj-out .sj-box p {
        font-size: 0.18rem ;
        margin-top: 0.3rem ;
    }

    .sj-recruitment-pages {
        padding: 0.5rem 0px 0.6rem 0px;
    }

    .sj-recruitment-pages .sj-out {
        margin-top: 0.5rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li {
        margin-bottom: 0.25rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li a {
        height: 0.85rem ;
        padding-left: 0.5rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li span {
        font-size: 0.16rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li b {
        width: 0.38rem ;
        height: 0.38rem ;
        font-size: 0.2rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li b i {
        width: 0.18rem ;
        height: 0.02rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li .sj-box {
        padding: 0.5rem  0.48rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li .sj-box h6 {
        font-size: 0.2rem ;
        margin-bottom: 0.2rem ;
    }

    .sj-recruitment-pages .sj-out .sj-li .sj-box p {
        font-size: 0.15rem ;
    }

    .sj-news-pages .sj-out {
        margin-bottom: 0.6rem ;
    }

    .sj-news-pages .sj-out .sj-box {
        padding: 0.45rem 0px ;
    }

    .sj-news-pages .sj-out .sj-box a {
        height: auto ;
        flex-wrap: wrap ;
    }

    .sj-news-pages .sj-out .sj-box .sj-left {
        width: 100% ;
    }

    .sj-news-pages .sj-out .sj-box .sj-right {
        width: 100% ;
        margin-top: 0.3rem ;
    }

    .sj-news-pages .sj-out .sj-box .sj-right h5 {
        font-size: 0.24rem ;
        margin-bottom: 0.2rem ;
    }

    .sj-news-pages .sj-out .sj-box .sj-right span {
        font-size: 0.16rem ;
        margin-bottom: 0.3rem ;
    }

    .sj-news-pages .sj-out .sj-box .sj-right p {
        font-size: 0.16rem ;
    }

    .sj-news-pages .sj-out .sj-box .sj-right .sj-lianj {
        margin-top: 0.3rem ;
    }

    .sj-news-pages {
        padding-bottom: 0.8rem ;
    }

    .sj-message-pages {
        margin-top: 0.5rem ;
    }

    .sj-message-pages .sj-title h5 {
        font-size: 0.3rem ;
        margin-bottom: 0.05rem ;
    } 

    .sj-message-pages .sj-title span {
        font-size: 0.2rem ;
    }

    .sj-message-pages .sj-out {
        margin: 0.8rem 0px;
    }

    .sj-message-pages .sj-out .sj-box img {
        height: 0.55rem ;
        margin-bottom: 0.15rem ;
    }

    .sj-message-pages .sj-out .sj-box h5 {
        font-size: 0.22rem ;
        margin-bottom: 0.06rem ;
    }

    .sj-message-pages .sj-out .sj-box span {
        font-size: 0.16rem ;
    }

    .sj-company-list  {
        padding: 0.36rem 0px ;
    }

    .sj-company-list .sj-out {
        justify-content: space-between ;
    }

    .sj-company-list .sj-out .sj-box {
        width: 48% ;
        padding: 0.45rem ;
        margin-right: 0px ;
        margin-bottom: 0.24rem ;
        height: 2.27rem ;
    }

    .sj-company-list .sj-out .sj-box h5 {
        font-size: 0.22rem ;
        margin-bottom: 0.15rem ;
    }

    .sj-company-list .sj-out .sj-box p {
        font-size: 0.16rem ;
    }
    
    .sj-applications-xq {
        margin-bottom: 0.8rem ;
    }

    .sj-applications-xq .sj-text .sj-box {
        margin-top: 0.4rem ;
        flex-wrap: wrap ;
    }

    .sj-applications-xq .sj-text .sj-box .sj-left h5 {
        font-size: 0.22rem ;
        margin-bottom: 0.07rem ;
    }

    .sj-applications-xq .sj-text .sj-box .sj-left span {
        font-size: 0.14rem ;
    }

    .sj-applications-xq .sj-text .sj-box .sj-left {
        width: 100% ;
    }

    .sj-applications-xq .sj-text .sj-box .sj-right {
        width: 100% ;
    }

    .sj-applications-xq .sj-text .sj-box .sj-right p {
        font-size: 0.14rem ;
    }

    .sj-projecr-xq {
        margin-top: 0.5rem ;
    }

    .sj-projecr-xq .sj-item-box-1 .sj-text {
        margin-top: 0.3rem ;
    }

    .sj-projecr-xq .sj-item-box-1 .sj-text p {
        font-size: 0.16rem ;
    }

    .sj-projecr-xq .sj-item-box-1 {
        margin-bottom: 0.8rem ;
    }

    .sj-projecr-xq .sj-item-box-2 {
        padding: 0.35rem 0px 0.75rem  0px;
    }

    .sj-projecr-xq .sj-item-box-2 .sj-box {
        margin-top: 0.3rem ;
        flex-wrap: wrap ;
    }

    .sj-projecr-xq .sj-item-box-2 .sj-box .sj-left {
        width: 100% ;
    }

    .sj-projecr-xq .sj-item-box-2 .sj-box .sj-left p {
        font-size: 0.16rem ;
    }

    .sj-projecr-xq .sj-item-box-2 .sj-box .sj-right {
        width: 100% ;
        margin-top: 0.3rem ;
    }

    .sj-item-box-4 {
        margin-top: 0.5rem ;
        margin-bottom: 0.6rem ;
    }

    .sj-item-box-4 .sj-out {
        margin-top: 0.3rem ;
    }

    .sj-item-box-4 .sj-out .sj-box .sj-img {
        height: 3.05rem;
    }

    .sj-item-box-4 .sj-out .sj-box span {
        font-size: 0.16rem ;
        margin-top: 0.3rem ;
    }
    
    .sj-showroom-xq .sj-video-imges {
        padding: 1rem 0px 1.2rem  0px;
    } 

    .sj-showroom-xq .sj-video-imges .sj-out {
        flex-wrap: wrap ;
    }
    
    .sj-showroom-xq .sj-video-imges .sj-out .sj-left {
        width: 100% ;
    }

    .sj-showroom-xq .sj-video-imges .sj-out .sj-right {
        width: 100% ;
        padding-top: 0.4rem ;
    }

    .sj-showroom-xq .sj-video-imges .sj-out .sj-right h5 {
        font-size: 0.36rem ;
        margin-bottom: 0.2rem ;
    }

    .sj-showroom-xq .sj-video-imges .sj-out .sj-right p {
        font-size: 0.18rem ;
        margin-bottom: 0.38rem ;
    }

    .sj-showroom-xq .sj-video-imges .sj-out .sj-right span {
        font-size: 0.14rem ;
    }
    
    .sj-showroom-xq .sj-item-box {
        padding: 0.9rem 0px;
    } 

    .sj-showroom-xq .sj-item-box .sj-public .sj-left {
        padding-top: 0px ;
        width: 100% ;
    }

    .sj-showroom-xq .sj-item-box .sj-public .sj-left h5 {
        font-size: 0.32rem ;
        margin-bottom: 0.25rem ;
    }

    .sj-showroom-xq .sj-item-box .sj-public .sj-left .sj-text p {
        font-size: 0.18rem ;
    }

    .sj-showroom-xq .sj-item-box .sj-public .sj-right {
        width: 100% ;
        justify-content: center ;
        margin-top: 0.3rem ;
    }

    .sj-showroom-xq .sj-video-box video {
        width: 95% ;
    }
    
    .sj-products .sj-products-item{
        height: 3.17rem ;
    }
    
}

@media (max-width: 768px) {
    .sj-solution-sjslide2 .sjslide-slide .sj-box {
        width: 100% !important;
    }

    .sj-copyright .sj-p-box{
        width: 100%;
    }

    .sj-copyright .sj-p-box .sj-p {
        width: 100% ;
        text-align: center ;
        font-size: 0.14rem ;
    }

    .sj-credit {
        position: absolute ;
        z-index: -9999 ;
    }
}


@media (min-width:1201px) and (max-width:1350px) {
    .sj-nav .sj-out {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .sj-public {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .sj-nav .sj-logo p {
        font-size: 16px;
    }

    .sj-nav .sj-out ul li {
        margin-right: 2vw;
    }

    .sj-dow-dropdown .sj-dow-list {
        padding: 0px 3%;
        box-sizing: border-box;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-title h5 {
        font-size: 14px;
    }

    .sj-footer .sj-out {
        padding: 0px 2% 35px 2%;
        box-sizing: border-box;
    }

    .sj-footer .sj-out ul {
        width: 60%;
    }

    .sj-footer .sj-out .sj-right {
        width: 28%;
    }
}

@media (min-width:1351px) and (max-width:1600px) {
    .sj-nav .sj-out {
        padding: 0px 2%;
        box-sizing: border-box;
    }

    .sj-footer .sj-out {
        padding: 0px 2% 35px 2%;
        box-sizing: border-box;
    }

    .sj-nav .sj-out ul li {
        margin-right: 2vw;
    }

    .sj-solution-sjslide2 .sjslide-slide .sj-title h5 {
        font-size: 16px;
    }

}