/* temp */
body {
    background: #fff !important;
}

html{
    max-width: 430px;
    margin: 0 auto;
}


/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, img { padding: 0; margin: 0; font-weight: 400; }

p { margin: 0px; padding: 0px; }

body, button, input, select, textarea { font: 14px/1.5 'PingFang SC', 'HarmonyOS Sans SC','Source Han Sans','Microsoft YaHei','Hiragino Sans GB', sans-serif,Arial; color: #333; }

img { border: 0px; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; -webkit-transition: .4s; transition: .4s; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { zoom: 1; }


/* base */
body {
    font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
}

img {
    display: block;
    width: 100%;
}

.title {
    margin-top: 10px;
    margin-bottom: 10px;
    /* height: 30px; */
    line-height: 30px;
    width: 100%;
    /* background: rgba(228, 228, 228, 1); */
    overflow: hidden;

}

.title h3 {
    font-size: 16px;
    border-left: 8px solid #0139b4;
    color: #333;
    padding-left: 4px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-left: 8px;
    margin-bottom: 8px;
    margin-top: 0px;
    display: inline-block;
}

.title .more {
    float: right;
    margin-top: 25px;
    color: #999999;
    text-decoration: none;
    font-size: 12px;
}

.title .more img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-bottom: 2px;
}

.point-title {
    border-bottom: 1px solid #959595;
    margin-bottom: 15px;
}

.point-title h3 {
    font-size: 16px;
    color: #0139b4;
    font-weight: 700;
    letter-spacing: 1px;
    padding-left: 18px;
    margin-bottom: 8px;
    display: inline-block;
    background-image: url("../images/point-bg.png");
    background-position: left;
    background-repeat: no-repeat;
}

.toTop {
    position: fixed;
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 35px;
    display: none;
}

.context p {
    font-size: 14px;
    text-indent: 26px;
    font-weight: 700;
    text-align: justify;
    margin: 5px 0;
    /*letter-spacing: 1px;*/
}

.context ul {
    padding-left: 10px;
}

.context li {
    font-size: 12px;
    font-weight: 700;
    list-style: none;
    letter-spacing: 1px;
    text-align: justify;
    margin: 2px 0;
}

.context-img {
    width: 180px;
    float: left;
    margin: 0 10px 5px 0;
}

.context .row {
    margin: -3px;
    margin-bottom: 10px;
}

.context .row .col-xs-4 {
    padding: 3px;
}

.context .row .col-xs-6 {
    padding: 5px;
}

.context-img-border {
    border: 1px solid #737373;
}

.context .row .col-xs-6 img {
    display: inline-block;
}

.btn-more {
    padding: 5px 14px;
    border: 1px solid #333;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    color: #333;
    border-radius: 20px;
}

.btn-blue {
    background-image: linear-gradient(to bottom, #0573e4, #003cb6);
    color: #FFF;
    text-align: center;
    border-radius: 20px;
    padding: 3px 10px;
    font-weight: 700;
    display: inline-block;
    width: 130px;
}

.btn-block {
    display: block;
    margin: 10px auto;
    width: 90%;
    padding: 3px 10px;
}

.blue-text {
    color: #0037b5;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 8px;
}

.margin-btn {
    margin: 10px 0;
}

.margin-btn-center {
    margin: 10px auto;
    display: block;
}

table {
    border: 1px solid #333;
    margin-bottom: 10px;
}

table td {
    border: 1px solid #333;
    padding: 5px;
    vertical-align: top;
}

table div p {
    text-indent: 0px !important;
}

table div .table-title {
    font-weight: 700;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 6px;
}

/* base end*/
/* links */
#links {
    padding: 10px 20px;
    background: #e4e4e4;
    font-size: 10px;
    margin-top: 20px;
}

#links h4 {
    font-size: 16px;
    border-left: 3px solid #0139b4;
    color: #0139b4;
    font-weight: 700;
    padding: 0 10px;
    margin: 0px 0 5px 4px
}

#links .link {
    display: inline-block;
    color: #333333;
    border-right: 1px solid #333333;
    padding-right: 4px;
    margin: 2px 0;
    text-decoration: none;
    font-weight: 700;
}

/* links end*/

/* nav */
#nav {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
}

.nav-bar {
    height: 30px;
    padding: 5px;
    box-sizing: border-box;
    background: #f5f5f5;
    box-shadow: 0 0 5px #333;
}

#lg {
    font-weight: 700;
    color: #0039b3;
    font-size: 12px;
    text-decoration: none;
}

.logo {
    width: auto;
    height: 20px;
    margin: 0 auto;
}

#nav-btn {
    width: 20px;
    height: 20px;
    display: block;
    float: right;
    margin-right: -3px;
}

.nav-list {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    right: 0;
    top: 30px;
    display: none;
}

.nav-list ul {
    display: block;
    list-style: none;
    padding: 0 18px;
}

.nav-list ul li {
    display: block;
}

.nav-list ul .active .mark-arraw {
    display: inline-block;
    transform: rotate(90deg);
}

.nav-list ul .active ul {
    display: block;
}

.nav-list ul .active ul {
    display: block;
}

.nav-list ul>li {
    margin-left: 0;
    width: 110px;
    text-align: right;
    display: block;
}

.nav-list ul>li a {
    display: block;
    color: #FFF;
    text-decoration: none;
    line-height: 34px;
    font-size: 14px;
    border-bottom: 1px solid #FFF;
}

.nav-list ul ul {
    padding: 0;
    display: none;
}

.nav-list ul ul>li a {
    font-size: 12px;
}

/* nav end */

/* footer */
#footer {
    padding-top: 25px;
    margin-top: 0px;
}

#footer,
#footer a {
    background: #1a1a1a;
    color: #eeeeee;
}

#footer div>ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer ul li a {
    display: block;
    border-bottom: 1px solid #4d4d4d;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    font-weight: lighter;
}

#footer ul li a .open {
    display: block;
    float: right;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    background-position: center;
    background-size: cover;
    background-image: url('../images/plus.png');
    margin-top: 11px;
}

#footer ul li.active a .open {
    background-image: url('../images/sub.png');
}

#footer ul li:nth-of-type(1) a {
    border-top: 1px solid #4d4d4d;
}

#footer ul li li:nth-of-type(1) a {
    border: none;
}

#footer ul li ul {
    display: none;
    list-style: none;
    padding-left: 18px;
}

#footer ul .active ul {
    display: block;
}

#footer ul li ul li {
    font-size: 13px;
    border-bottom: 1px dotted #4d4d4d
}

#footer ul li ul li a {
    height: 30px;
    line-height: 30px;
    border: none;
    background-image: url('../images/point.png');
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: 4px;
    background-size: 3.5%;
    font-size: 12px;
}

#footer .context {
    margin: 10px 20px 0;
}

#footer .context div {
    width: 25%;
    float: left;
    margin: 10px 0;
    padding: 0;
    line-height: 1;
    text-align: center;
    border-right: 1px solid #FFF;
    font-size: 12px;
}

#footer .context div:nth-last-of-type(1) {
    border: none;
}

.copy-right {
    /* border-top: 1px solid #4d4d4d; */
    padding-top: 10px;
}

.copy-right p {
    text-align: center;
    font-size: 10px;
    width: 100%;
}

.copy-right .text {
    padding: 0;
    margin: 0 auto;
}

.qr-codes {
    width: 70%;
    margin: 15px auto;
}

.qr-code {
    width: 50%;
    float: left;
}

.qr-code .img-box {
    width: 90px;
    padding: 8px;
    border: 1px solid #f5f5f5;
    margin: 0 auto;
}

.qr-code .text {
    width: 70px;
    text-align: center;
    font-size: 10px;
    background: #1a1a1a;
    letter-spacing: 1px;
    margin: -6px auto 0;
}

/* update 2026年2月10日08:51:54 by liyang */
#footer .flex {
    display: flex;
}

#footer .flex-j-sb {
    justify-content: space-between;
}

#footer .flex-a-b {
    align-items: flex-end;
}

#footer .linkMethod {
    margin-bottom: 15px;

}

#footer .linkMethod .linkLabel {
    font-weight: normal;
    font-size: 12px;
    color: #C7C7C7;
    line-height: 1.5;
}

#footer .linkMethod .linkNumber {
    font-weight: 500;
    font-size: 18px;
    color: #FFC000;
    line-height: 1.5;
    margin-bottom: 2px;
}

#footer .linkMethod .linkIconBox {
    position: relative;
    margin-right: 13px;
}

#footer .linkMethod .linkIconBox .linkIcon2 {
    position: absolute;
    left: -80px;
    top: -80px;
    width: 80px;
}

#footer .linkMethod .linkIconBox:last-child {
    margin-right: 0;
}

#footer .linkMethod .linkIcon {
    width: 26px;
}
#footer .relationLinkTitle{
    padding-top: 15px;
     border-top: 1px solid #757575;
      font-weight: normal;
    font-size: 12px;
    color: #C7C7C7;
    margin-bottom: 4px;
}
#footer .funcList {
    /* border-top: 1px solid #757575; */
    border-bottom: 1px solid #757575;
    padding: 0 0 15px 0;
}

#footer .funcList .relationLinkItem {
    font-size: 12px;
    color: #FFFFFF;
}


/* footer end */

/* slide */
.carousel-indicators {
    bottom: 18px;
}

.carousel-indicators li,
.carousel-indicators li.active {
    border-radius: 0;
    width: 20px;
    height: 2px;
    border: none;
    background: rgba(255, 255, 255, 0.3);
    margin: 0;
}

.carousel-indicators li.active {
    background: #FFF;
}

/* slide end*/

/* index */
.context-text {
    padding: 6px 10px;
    margin: 15px 0 5px 0;
    background: #dcdcdc;
    font-size: 12px;
    text-indent: 24px;
    letter-spacing: 1px;
    text-align: justify;
    line-height: 20px;
}

.context-text p {
    margin: 0;
}

.business .item {
    margin: 15px 0 0;
    position: relative;
}

.business .item>div {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    height: 26px;
    color: #FFF;
    font-size: 12px;
    padding: 5px 10px;
}

.business .item>div h4 {
    margin: 0;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
}

.business .more-btn {
    float: right;
    padding: 1.5px 8px;
    border-radius: 12px;
    background: #FFF;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.business .more-btn img {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top: -1px;
}

.works .item {
    position: relative;
}

.works .item>div {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    margin: 0;
    background: rgba(0, 0, 0, 0.5);
    height: 26px;
}

.works .item>div h4 {
    margin: 0;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
}

.news-item {
    font-size: 10px;
    display: flex;
    justify-content: space-around
}

.news-item .see-more {
    float: right;
    background: #0039b3;
    color: #FFF;
    font-size: 10px;
    padding: 1px 3px;
    margin-top: -4px;
}

.news-item .media-left {
    width: 34%;
}

@media screen and (min-width: 510px) {
    .news-item .media-left {
        width: 18%;
    }
}

.news-item .media-left img {
    display: block;
    width: 100%;
    height: 70px;
}

.news-item .media-heading {
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-item p,
.news-item .time {
    margin: 5px 0;
    letter-spacing: 1px;
    color: #666666;
    font-weight: 700;
}

.news-item p a {
    color: #0039b3;
}

.news-item p a span {
    color: #666666;
}

.media-body {
    position: relative;
    width: 66%
}

.news-item .item-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.news-item .item-bottom a {
    float: right;
    background: #0039b3;
    color: #FFF;
    padding: 0 5px;
    border-radius: 2px;
}

.modal-win {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    padding-top: 45%;
}

.modal-back {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7)
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 450px;
    transform: translate(-50%, -50%);
    text-align: center;
}

.modal-content video {
    width: 100%;
    background: #000;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* scurity */
.sec_box {
    border: 1px solid #a0a0a0;
}

.sec_box span {
    display: block;
    width: 100%;
    background: #a0a0a0;
    color: #fefefe;
    text-align: center;
    font-size: 10px;
    padding: 2px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.sec_list .item {
    float: left;
    margin-bottom: 10px;
}

.sec_list .item .img {
    width: 33%;
    float: left;
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-top: 2px;
}

.sec_list .item .img img {
    width: 100%;
}

.sec_list .item .text {
    width: 67%;
    float: right;
    font-size: 12px;
    padding-left: 10px;
    font-weight: 700;
    max-height: 53px;
    overflow: hidden;
}

/* scurity end */

/* contact */
.contact-box {
    margin: 10px;
}

.contact-box .col-xs-4>div {
    color: #FFF;
    text-align: center;
    font-size: 0.7rem;
    padding: 5px;
}

.contact-box .col-xs-4 img {
    width: 40%;
    margin: 0 auto;
}

.box-xs-hide {
    display: block;
}

@media screen and (max-width: 696px) {
    .box-xs-hide {
        display: none;
    }
}

#allmap {
    width: 100%;
    height: 210px;
    border: 1px solid #333;
}

#carousel {
    width: 100%;
    height: 160px;
    display: relative;
    clear: both;
    overflow: hidden;
}

#carousel img {
    width: 60%;
    max-width: 230px;
    display: hidden;
    cursor: pointer;
}

.hot-news ul {
    list-style: none;
    padding: 2px 10px;
    border: 1px solid #333;
}

.hot-news ul li {
    background-image: url('../images/hot-lise-style.png');
    background-repeat: no-repeat;
    background-position: left;
    padding: 5px 0 5px 15px;
    background-size: 8px 12px;
    border-bottom: 1px dotted #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hot-news ul li:nth-last-of-type(1) {
    border: none;
}

.hot-news ul li a {
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    color: #4c4c4c;
    font-weight: 500;
    text-decoration: none;
}

.newest-news ul {
    list-style: none;
    padding: 0px 10px;
}

.newest-news ul li {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 0;
}

.newest-news ul li a {
    color: #4c4c4c;
    text-decoration: none;
}

.news-images {
    border: 1px solid #808080;
}

.width-50-image {
    width: 50%;
    float: left;
    padding: 4px;
}

.width-50-image img {
    border: 1px solid #808080;
}

.new-contexts {
    padding: 0 5px;
}

.new-contexts .news-title {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 18px;
    word-spacing: 1px;
}

.new-contexts p {
    text-indent: 28px;
    font-size: 14px;
    text-align: justify;
}

.new-contexts img {
    width: 90%;
    margin: 20px auto;
}

.pagecut li {
    display: inline-block;
}



/* updateBy liyang 2026年2月10日09:43:43 */
/* 首页开始 */
/* 业务领域 */
#shIndex .businessAreas {
    padding-top: 40px;
    text-align: center;
    width: 100%;

}

#shIndex .businessAreas .businesstitle .title-cn {
    font-weight: 500;
    font-size: 18px;
    color: #323232;
    line-height: 1;
    margin-bottom: 7px;

}

#shIndex .businessAreas .businesstitle .title-en {
    font-size: 12px;
    color: #787878;
    line-height: 1;
    margin-bottom: 15px;
}

#shIndex .businessAreas .desc {
    font-weight: 400;
    font-size: 13px;
    color: #323232;
    line-height: 17px;
    text-align: center;
    margin-bottom: 46px;
}

#shIndex .businessAreas2 .shengxue {
    background: url('./../images/home/shengxueBg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 88px;
    padding-bottom: 84px;
    text-align: center;
}

#shIndex .businessAreas2 .businessAreas2-title {
    font-weight: bold;
    font-size: 18px;
    color: #FEFEFE;
    line-height: 21px;
    margin-bottom: 15px;
}

#shIndex .businessAreas2 .businessAreas2-desc {
    font-weight: 400;
    font-size: 13px;
    color: #FEFEFE;
    line-height: 21px;
}

#shIndex .businessAreas2 .businessAreas2-desc.flex {
    display: flex;
    justify-content: space-around;
}

#shIndex .businessAreas2 .zhinengti {
    background: url('./../images/home/zhinengtiBg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top: 88px;
    padding-bottom: 84px;
    text-align: center;
}



#shIndex .businessAreas2 .tomore {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 77px;
    height: 24px;
    font-size: 8px;
    color: #FEFEFE;
    border-radius: 11px 11px 11px 11px;
    border: 1px solid #FFFFFF;
    margin: 0 auto;
    margin-top: 30px;
}

#shIndex .businessAreas2 .tomore img {
    width: 6px;
    margin-left: 2px;
    display: block;
}

/* 创新成果 */
#shIndex .achievement {
    padding-top: 23px;
    background-color: #F2F5FA;
    width: 100%;
}

#shIndex .achievement .achievement-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

#shIndex .achievement .achievement-top .achievement-title .achievement-title-cn {
    font-weight: bold;
    font-size: 18px;
    color: #323232;
    line-height: 21px;
}

#shIndex .achievement .achievement-top .achievement-title .achievement-title-en {
    font-weight: normal;
    font-size: 12px;
    color: #787878;
    line-height: 17px;
}

#shIndex .achievement .achievementImg {
    margin-bottom: 30px;
}

#shIndex .achievement .saying {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-start;
    font-size: 14px;
    color: #333333;
    margin-bottom: 15px;
    letter-spacing: 1px;
    padding-left: 16px;
}

#shIndex .achievement .sayingdesc {
    font-weight: 400;
    font-size: 13px;
    color: #323232;
    line-height: 16px;
    margin-bottom: 4px;
}

#shIndex .achievement .sayingdescItem {
    display: flex;
    align-items: top;
}

#shIndex .achievement .sayingtitle {
    font-weight: bold;
    font-size: 16px;
    color: #323232;
    line-height: 18px;
    margin-bottom: 2px;
}

#shIndex .achievement .saying .icon {
    width: 25px;
    margin-right: 14px;
    display: block;
}

/* 新闻中心 */
#shIndex .newsList {
    padding-top: 23px;
    background-color: #FFFFFF;
    width: 100%;
}

#shIndex .newsList .newsList-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

#shIndex .newsList .newsList-top .newsList-title .newsList-title-cn {
    font-weight: bold;
    font-size: 18px;
    color: #323232;
    line-height: 21px;
}

#shIndex .newsList .newsList-top .newsList-title .newsList-title-en {
    font-weight: normal;
    font-size: 12px;
    color: #787878;
    line-height: 17px;
}

#shIndex .newsList .newsList-tabbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 1px solid #9C9C9C;
}

#shIndex .newsList .newsList-tabbar .newsList-tabbar-item {
    font-size: 16px;
    color: #505050;
    line-height: 1;
    padding: 10px 0;
}

#shIndex .newsList .newsList-tabbar .newsList-tabbar-item.active {
    color: #0032B2;
    font-weight: bold;
    border-bottom: 1px solid #0032B2;
}

#shIndex .newsList.list .newsListItem {
    margin-bottom: 13px;

}

#shIndex .newsList.list .newsListItem a {
    display: block;
    position: relative;
    margin-bottom: 13px;
}

#shIndex .newsList.list .newsListItem img {
    border-radius: 10px;
}

#shIndex .newsList.list .newsListItem .newsListItem-title {
       position: absolute;
    width: 100%;
    padding: 4px 13px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 10px 10px;
    /* left: 13px; */
    font-size: 13px;
    color: #FFFFFF;
    line-height: 19px;
}

/* 生态合作 */
#shIndex .cooperation, #shAbout .cooperation {
    padding-top: 23px;
    background-color: #F2F5FA;
    padding-bottom: 36px;
}

#shIndex .cooperation .cooperation-top, #shAbout .cooperation .cooperation-top {
    margin-bottom: 15px;
    text-align: center;
}

#shIndex .cooperation .cooperation-top .cooperation-title .cooperation-title-cn, #shAbout .cooperation .cooperation-top .cooperation-title .cooperation-title-cn {
    font-weight: bold;
    font-size: 18px;
    color: #323232;
    line-height: 28px;
}

#shIndex .cooperation .cooperation-top .cooperation-title .cooperation-title-en, #shAbout .cooperation .cooperation-top .cooperation-title .cooperation-title-en {
    font-weight: normal;
    font-size: 12px;
    color: #787878;
    line-height: 17px;
}

/* 容器样式：限定展示区域，超出隐藏 */
#shIndex .cooperation .long-img-container, #shAbout .cooperation .long-img-container {
    width: 100%;
    max-width: 800px;
    /* 可根据需求调整 */
    height: 183px;
    /* 展示区域高度 */
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    /* border: 1px solid #eee; */
}

/* 图片容器：用于滚动动画 */
#shIndex .cooperation .img-wrapper , #shAbout .cooperation .img-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    animation: scrollHorizontal 90s linear infinite;
    /* 30s 是轮播一圈的时间，可调整 */
    white-space: nowrap;
    /* 防止图片换行 */
}

/* 长图样式：高度自适应，宽度自动 */
#shIndex .cooperation .long-img , #shAbout .cooperation .long-img{
    height: 100%;
    width: auto;
    display: block;
}

/* 水平滚动动画 */
@keyframes scrollHorizontal {
    0% {
        transform: translateX(0);
        /* 初始位置 */
    }

    100% {
        transform: translateX(-100%);
        /* 滚动到最左侧（图片宽度 - 容器宽度） */
    }
}

/* 鼠标悬停暂停轮播 */
#shIndex .cooperation .long-img-container:hover .img-wrapper,#shAbout .cooperation .long-img-container:hover .img-wrapper {
    animation-play-state: paused;
}




/* 加入我们 */
.aboutVisionMain { padding: 40px 0px; background-image: url('../images/partner/rencaimubiao.png'); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; position: relative; }
.aboutVisionMain .container { position: relative; -webkit-transition: all 1s; transition: all 1s; }


.aboutVisionMain .title p:nth-child(1) { -webkit-text-stroke: 0.5px #fff; -webkit-text-fill-color: transparent; color: #fff; }

.aboutVisionMain .title p:nth-child(2) { background-image: -webkit-gradient(linear, left top, right top, from(#8e8e90), to(#fff)); background-image: linear-gradient(to right, #8e8e90, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: none; width: 300%; height: 2px; background: rgba(255, 255, 255, 0.5); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.aboutVisionMain .aboutVision .line span { width: 2px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 70px; display: block; height: 40px; background: rgba(255, 255, 255, 0.2); }

.aboutVisionMain .aboutVision .line::after { content: ''; position: absolute; left: -35px; top: 50%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; background: #fff; }

.aboutVisionMain .aboutVision { padding-right: 0px; position: relative; }

.aboutVisionMain .aboutVision .list { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; }

.aboutVisionMain .aboutVision .list .content2 { position: relative;display: flex;align-items: center;padding: 20px;border-bottom: 1px solid #FFFFFF; }

.aboutVisionMain .aboutVision .list .content2 .listTitle { margin-top: 20px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 0.5); }

.aboutVisionMain .aboutVision .list .content2 .listTitle::after { display: block; width: 15px; height: 2px; background: #ff0000; content: ''; margin-left: 10px; }

.aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 5px; font-size: 16px; line-height: 24px; color: #fff;min-width: 205px;position: absolute;right: 0; }

.aboutVisionMain .aboutVision .list .content2 .icon { position: relative; left: 0px; top: 0px; width: 100px; height: 100px; }

.aboutVisionMain .aboutVision .list .content2 .icon span { position: absolute; width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.3); }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(1) { width: 50%; height: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(2) { width: 65%; height: 65%; }

.aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(3) { width: 85%; height: 85%; }

/* .aboutVisionMain .aboutVision .list:nth-child(3) { padding-top: 60px; } */

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { width: 60px; height: 60px; }

.aboutVisionMain .aboutVision .list:nth-child(3) .listTitle { margin-top: 40px; }




/* 新增第四个 */
.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span { right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(4) { width: 50%; height: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(3) { width: 65%; height: 65%; }

.aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(2) { width: 85%; height: 85%; }
/* 新增结束 */

@-webkit-keyframes circleRight1 { 0% { right: 0%; }
  50% { right: 50%; }
  100% { right: 50%; } }

@keyframes circleRight1 { 0% { right: 0%; }
  50% { right: 50%; }
  100% { right: 50%; } }

@-webkit-keyframes circleRight2 { 0% { right: 0%; }
  50% { right: 35%; }
  100% { right: 35%; } }

@keyframes circleRight2 { 0% { right: 0%; }
  50% { right: 35%; }
  100% { right: 35%; } }

@-webkit-keyframes circleRight3 { 0% { right: 0%; }
  50% { right: 15%; }
  100% { right: 15%; } }

@keyframes circleRight3 { 0% { right: 0%; }
  50% { right: 15%; }
  100% { right: 15%; } }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(1) { left: 0%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(2) { left: 25%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(3) { left: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(4) { left: 75%; }

@-webkit-keyframes circleRight4 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 25%;
    opacity: 1; }
  100% { left: 25%;
    opacity: 1; } }

@keyframes circleRight4 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 25%;
    opacity: 1; }
  100% { left: 25%;
    opacity: 1; } }

@-webkit-keyframes circleRight5 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 50%;
    opacity: 1; }
  100% { left: 50%;
    opacity: 1; } }

@keyframes circleRight5 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 50%;
    opacity: 1; }
  100% { left: 50%;
    opacity: 1; } }

@-webkit-keyframes circleRight6 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 75%;
    opacity: 1; }
  100% { left: 75%;
    opacity: 1; } }

@keyframes circleRight6 { 0% { left: 0%;
    opacity: 0; }
  50% { left: 75%;
    opacity: 1; }
  100% { left: 75%;
    opacity: 1; } }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(1) { left: -50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(2) { left: 50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(3) { top: -50%; }

.aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(4) { top: 50%; }

@-webkit-keyframes circleRight7 { 0% { left: 0px; }
  50% { left: -50%; }
  100% { left: -50%; } }

@keyframes circleRight7 { 0% { left: 0px; }
  50% { left: -50%; }
  100% { left: -50%; } }

@-webkit-keyframes circleRight8 { 0% { left: 0px; }
  50% { left: 50%; }
  100% { left: 50%; } }

@keyframes circleRight8 { 0% { left: 0px; }
  50% { left: 50%; }
  100% { left: 50%; } }

@-webkit-keyframes circleRight9 { 0% { top: 0px; }
  50% { top: -50%; }
  100% { top: -50%; } }

@keyframes circleRight9 { 0% { top: 0px; }
  50% { top: -50%; }
  100% { top: -50%; } }

@-webkit-keyframes circleRight10 { 0% { top: 0px; }
  50% { top: 50%; }
  100% { top: 50%; } }

@keyframes circleRight10 { 0% { top: 0px; }
  50% { top: 50%; }
  100% { top: 50%; } }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(1) { -webkit-animation: circleRight1 2s linear infinite alternate-reverse; animation: circleRight1 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight2 2s linear infinite alternate-reverse; animation: circleRight2 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(1) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight3 2s linear infinite alternate-reverse; animation: circleRight3 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight4 2s infinite alternate-reverse; animation: circleRight4 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight5 2s infinite alternate-reverse; animation: circleRight5 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(2) .content2 .icon span:nth-child(4) { -webkit-animation: circleRight6 2s infinite alternate-reverse; animation: circleRight6 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(1) { -webkit-animation: circleRight7 2s infinite alternate-reverse; animation: circleRight7 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight8 2s infinite alternate-reverse; animation: circleRight8 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight9 2s infinite alternate-reverse; animation: circleRight9 2s infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(3) .content2 .icon span:nth-child(4) { -webkit-animation: circleRight10 2s infinite alternate-reverse; animation: circleRight10 2s infinite alternate-reverse; }

/* 新增的第四个 */
.aboutVisionMain.animat .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(1) { -webkit-animation: circleRight1 2s linear infinite alternate-reverse; animation: circleRight1 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(2) { -webkit-animation: circleRight2 2s linear infinite alternate-reverse; animation: circleRight2 2s linear infinite alternate-reverse; }

.aboutVisionMain.animat .aboutVision .list:nth-child(4) .content2 .icon span:nth-child(3) { -webkit-animation: circleRight3 2s linear infinite alternate-reverse; animation: circleRight3 2s linear infinite alternate-reverse; }



@media (min-width: 768px) {

  .aboutVisionMain { padding: 8.125vw 0vw; }
  .aboutVisionMain .container { padding-left: 52.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 300%; height: 0.125vw; background: rgba(255, 255, 255, 0.5); display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 0.125vw; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 4.375vw; height: 2.5vw; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -2.188vw; width: 2.5vw; height: 2.5vw; }
  .aboutVisionMain .aboutVision { padding-right: 21.875vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }
  .aboutVisionMain .aboutVision .list { padding-top: 0vw; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle { font-size: 1vw; margin-top: 0px; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle::after { width: 1.25vw; height: 0.188vw; margin-left: 0.625vw; }
  .aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 0.625vw; font-size: 1.875vw; line-height: 2.188vw;}
  .aboutVisionMain .aboutVision .list .content2 .icon { position: absolute; left: 0vw; top: 0vw; width: 11.875vw; height: 11.875vw; margin: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 12.5vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon { left: -13.75vw; top: -1.563vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-12.5vw); -ms-transform: translateX(-12.5vw); transform: translateX(-12.5vw); padding-left: 25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon { left: -24.375vw; top: -1.875vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-21.875vw); -ms-transform: translateX(-21.875vw); transform: translateX(-21.875vw); padding-top: 0vw; padding-left: 12.5vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { left: -13.75vw; top: -1.875vw; width: 6.25vw; height: 6.25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 18.75vw; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-50vw); -ms-transform: translateX(-50vw); transform: translateX(-50vw); }
  .aboutVisionMain.animat .container .title { opacity: 0; visibility: hidden; }

    /* 新增的第四个 */
      .aboutVisionMain .aboutVision .list:nth-child(4) { -webkit-transform: translateX(-12.5vw); -ms-transform: translateX(-12.5vw); transform: translateX(-12.5vw); padding-left: 25vw; }
  .aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon { left: -24.375vw; top: -1.875vw; }
  /* 新增结束 */
}
@media (min-width: 992px) { 
  .aboutVisionMain { padding: 6.771vw 0vw; }
  .aboutVisionMain .container { padding-left: 43.75vw; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 300%; height: 0.104vw; background: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 0.104vw; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 3.646vw; height: 2.083vw; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -1.823vw; width: 2.083vw; height: 2.083vw; }
  .aboutVisionMain .aboutVision { padding-right: 18.229vw; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle { font-size: 0.833vw; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle::after { width: 1.042vw; height: 0.156vw; margin-left: 0.521vw; }
  .aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 0.521vw; font-size: 1.563vw; line-height: 1.823vw; }
  .aboutVisionMain .aboutVision .list .content2 .icon { left: 0vw; top: 0vw; width: 9.896vw; height: 9.896vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 10.417vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon { left: -11.458vw; top: -1.302vw; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-10.417vw); -ms-transform: translateX(-10.417vw); transform: translateX(-10.417vw); padding-left: 10.833vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon { left: -20.313vw; top: -1.563vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-18.229vw); -ms-transform: translateX(-18.229vw); transform: translateX(-18.229vw); padding-left: 10.417vw; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { left: -11.458vw; top: -1.563vw; width: 5.208vw; height: 5.208vw; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 15.625vw; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-41.667vw); -ms-transform: translateX(-41.667vw); transform: translateX(-41.667vw); }

  /* 新增的第四个 */
  .aboutVisionMain .aboutVision .list:nth-child(4) { -webkit-transform: translateX(-10.417vw); -ms-transform: translateX(-10.417vw); transform: translateX(-22.417vw); padding-left: 10.833vw; }
  .aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon { left: -17.313vw; top: -1.563vw; }
  /* 新增结束 */
}

@media (min-width: 1600px) { 
  .aboutVisionMain { padding: 130px 0px;padding-top: 30px; }

  .aboutVisionMain .container { padding-left: 840px; }
  .aboutVisionMain .aboutVision .line { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 300%; height: 2px; background: rgba(255, 255, 255, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .aboutVisionMain .aboutVision .line span { width: 2px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 70px; height: 40px; background: rgba(255, 255, 255, 0.2); }
  .aboutVisionMain .aboutVision .line::after { left: -35px; width: 40px; height: 40px; }
  .aboutVisionMain .aboutVision { padding-right: 350px; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle { font-size: 16px; }
  .aboutVisionMain .aboutVision .list .content2 .listTitle::after { width: 20px; height: 3px; margin-left: 10px; }
  .aboutVisionMain .aboutVision .list .content2 .desc { padding-top: 10px; font-size: 24px; line-height: 35px; }
  .aboutVisionMain .aboutVision .list .content2 .icon { left: 0px; top: 0px; width: 120px; height: 120px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) { padding-left: 264px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon { left: -220px; top: -10px; }
  .aboutVisionMain .aboutVision .list:nth-child(1) .content2 .icon span { right: 0px; }
  .aboutVisionMain .aboutVision .list:nth-child(2) { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); padding-left: 86px; }
  .aboutVisionMain .aboutVision .list:nth-child(2) .content2 .icon { left: -230px; top: -30px; }
  .aboutVisionMain .aboutVision .list:nth-child(3) { -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); padding-left: 200px; }
  .aboutVisionMain .aboutVision .list:nth-child(3) .content2 .icon { left: -220px; top: -10px; width: 100px; height: 100px; }
  .aboutVisionMain .aboutVision .list:nth-child(2n) { padding-top: 300px; }
  .aboutVisionMain.animat .container { -webkit-transform: translateX(-800px); -ms-transform: translateX(-800px); transform: translateX(-800px); }

  /* 新增的第四个 */
  .aboutVisionMain .aboutVision .list:nth-child(4) { -webkit-transform: translateX(-350px); -ms-transform: translateX(-350px); transform: translateX(-350px); padding-left: 15px; }
  .aboutVisionMain .aboutVision .list:nth-child(4) .content2 .icon { left: -230px; top: -30px; }
  /* 新增结束 */
}
  .aboutVisionMain .aboutVisionMainTitle-zh{font-size: 36px;color: #FEFEFE;line-height: 74px;text-align: center;}
  .aboutVisionMain .aboutVisionMainTitle-en{font-size: 20px;color: #FFFFFF;line-height: 40px;text-align: center;}