:root {
    /*--bgcolor: #a71313*/
}

/*在线咨询*/
/*.online{*/
/*    width: 756rem;*/
/*    height: 602rem;*/
/*    border-radius: 5px;*/
/*    position: fixed;*/
/*    right: 100rem;*/
/*    bottom: 100rem;*/
/*    background-color: #f5f5f5;*/
/*    z-index: 5;*/
/*}*/
/*.online > header{*/
/*    background-color: #ad0101;*/
/*    height: 70rem;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    border-radius: 5px 5px 0 0;*/
/*}*/
/*.online > header > span:first-child{*/
/*    width: 32rem;*/
/*    height: 27rem;*/
/*    margin-left: 30rem;*/
/*}*/
/*.online > header > span:last-child{*/
/*    width: 31rem;*/
/*    height: 4rem;*/
/*    background-color: #fff;*/
/*    border-radius: 4rem;*/
/*    margin-right: 30rem;*/
/*    cursor: pointer;*/
/*}*/
/*.online > header > span > img{*/
/*    width: 100%;*/
/*}*/
/*!*在线客服*!*/
/*.online > header >.head{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    color: #fff;*/
/*}*/
/*!* 头像*!*/
/*.online > header >.head img{*/
/*    height: 35rem;*/
/*    margin-right:10rem;*/
/*    font-size: 22rem;*/

/*}*/
/*.online > .content{*/
/*    height: 378rem;*/
/*}*/
/*.online > .foot{*/
/*    height: 40rem;*/
/*    background-color: red;*/
/*}*/
/*!*输入框 *!*/
/*.online textarea{*/
/*    width: 100%;*/
/*    height: 122rem;*/
/*    outline: 0;*/
/*    border: 0;*/
/*    padding: 10rem;*/
/*    box-sizing: border-box;*/
/*    resize: none;*/
/*}*/

/* 视频 */
.container > .video {
    width: 100%;
    height: 800rem;
    color: #fff;
    text-align: center;
    position: fixed;
    z-index: 99;
    background: #6C0504;
}

.container > .video video {
    height: 800rem;
}

.container > .video .button {
    position: absolute;
    right: 10rem;
    top: 10rem;
    color: #FFFFFF;
    z-index: 100;
}

/* 轮播图样式 */
.container > .swiper-container {
    width: 100%;
    height: 800rem;
    color: #fff;
    text-align: center;
    position: relative;
}

.container > .swiper-container > img {
    height: 100%;
    width: 100%;
    max-width: 100%;
}

/*.red-slide {*/
/*    background: #ca4040;*/
/*}*/
/*.blue-slide {*/
/*    background: #4390ee;*/
/*}*/
/*.orange-slide {*/
/*    background: #ff8604;*/
/*}*/
/*.green-slide {*/
/*    background: #49a430;*/
/*}*/
/*.pink-slide {*/
/*    background: #973e76;*/
/*}*/
.container > .swiper-container > .swiper-slide .title {
    font-style: italic;
    font-size: 42rem;
    margin-top: 80rem;
    margin-bottom: 0;
    line-height: 45px;
}

.container > .swiper-container .swiper-wrapper > .swiper-slide {
    height: 800rem !important;
}

.container > .swiper-container .swiper-wrapper > .swiper-slide img,
.container > .swiper-container .swiper-wrapper > .swiper-slide video {
    height: 800rem;
}

.container > .swiper-container .pagination {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
}

/* 轮播索引 */
.container > .swiper-container .swiper-pagination-switch {
    display: inline-block;
    width: 66rem;
    height: 8rem;
    border-radius: 8rem;
    background: rgba(255, 255, 255, .5);
    margin-right: 12rem;
    margin-left: 12rem;
    opacity: 0.8;
    /*border: 1px solid #fff;*/
    cursor: pointer;
}

/* 当前显示的图片的索引 */
.container > .swiper-container .swiper-visible-switch {
    background: rgba(0, 0, 0, .3);
}

/* 当前显示的图片 */
.container > .swiper-container .swiper-active-switch {
    background: rgba(255, 255, 255);
}

/* 轮播样式结束*/
.cj-center {
    padding: 20rem 0;
    background-color: var(--bgcolor);
    display: flex;
    justify-content: flex-start;
    width: 1400rem;
    margin: 0 auto;
}

/*.cj-center:after{*/
/*width: 364rem;*/
/*height: 62rem;*/
/*display: inline-block;*/
/*content: "";*/
/*background-image: url(../images/changjiu.png) ;*/
/*background-repeat: no-repeat;*/
/*background-size: contain;*/
/*margin-left: 260rem;*/
/*}*/
.cj-center img {
    height: 52rem;
    margin-right: 42rem;
}

.cj-center > div {
    display: flex;
    justify-content: center;
    align-items: center;


}

.cj-center > div > span,
.cj-center > div a {
    font-size: 25rem;
    color: #fff;
    display: block;
}

.cj-center div > span {
    border: 1px solid #fff;
    margin-right: 30rem;
    padding: 5rem 8rem;
}

.cj-center > div > .list_lh {
    color: #fff;
    position: relative;
    display: block;
    width: 832rem;
    height: 32rem;
    overflow: hidden;
}

/*企业新闻*/
.cj-center div a span {
    position: relative;
    display: block;
    /*width: 610rem;*/
}

/* 中心结束*/
/* 业务介绍*/
.business-introduction {
    background-color: #FFFFFF;
    height: 996rem;
    background-image: url(../images/qiu.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    padding-top: 68rem;
}

/*标题*/
.business-introduction .title {
    width: 1400rem;
    margin: 0 auto 56rem auto;
    font-size: 50rem;
    font-weight: 500;
    color: #12306c;
    font-family: "Microsoft YaHei";
}

/*图标*/
.business-introduction > .title:before {
    content: "";
    display: inline-block;
    width: 40rem;
    height: 41rem;
    margin-right: 20rem;
    background-image: url(../images/jieshao.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

/*1400 * 700 */
.business-introduction > .business-body {
    width: 1400rem;
    height: 700rem;
    margin: 0 auto;
    /*outline: 1px solid red;*/
    overflow: hidden;
}

.business-introduction > .business-body > ul {
    height: 100%;
    width: 1500rem;
}

/* 展开 778*/
.business-introduction > .business-body > ul li:first-child {
    width: 764rem;
}

.business-introduction > .business-body > ul li:first-child div {
    /*display: block;*/
}

/*图片父级容器*/
.business-introduction > .business-body > ul li {
    float: left;
    width: 324rem;
    /*background: black;*/
    height: 100%;
    overflow: hidden;
    position: relative;

}

/*手风琴图片*/
.business-introduction > .business-body > ul li > img {
    /*width: 100%;*/
    height: 100%;

}

/* 手风琴 蒙版*/
.business-introduction > .business-body > ul li div {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    /*background-color: rgba(133, 22, 15,.5);*/
    background-color: rgba(18, 48, 108, 0.78);
    color: #fff;
    font-size: 40rem;
    line-height: 700rem;
    padding-left: 20rem;
    font-family: "Microsoft YaHei";
    display: flex;

    align-items: center;
    text-align: center;
}

.business-introduction > .business-body > ul li > div > p {
    font-size: 25rem;
}

.business-introduction > .business-body > ul li > div > p > a {
    color: #FFFFFF;
}

/*下方横着*/
.business-introduction > .business-body > ul li > div.row {
    display: block;
    height: 241rem;
    line-height: 40rem;
}

.business-introduction > .business-body > ul li.one > div.row {
}

/* 第一个*/
/*.business-introduction > .business-body> ul li.one> div{*/
/*    height: 241rem;*/
/*    bottom: 0;*/
/*    left: 0;*/

/*}*/

.business-introduction > .business-body > ul li div p {
    color: #fff;
    margin-left: 61rem;
    line-height: 50rem;
}

/* 所有整车业务  /国际业务/ 新能源业务  */
.business-introduction > .business-body > ul li > div > p:first-child {
    margin-bottom: 31rem;
    margin-top: 64rem;
    line-height: 1;
    font-size: 40rem;
}

/* 手风琴第二个 和 第三个 */
/*.business-introduction > .business-body> ul li.two*/
/*.business-introduction > .business-body> ul li.three*/
.business-introduction > .business-body > ul li:nth-child(2),
.business-introduction > .business-body > ul li:nth-child(3),
.business-introduction > .business-body > ul li:nth-child(2) > div,
.business-introduction > .business-body > ul li:nth-child(3) > div {
    text-align: center;
    padding-left: 0;
}

.business-introduction > .business-body > ul li > div.row {
    text-align: left;
    /*padding-left: 0;*/
}

/* 业务下面的字 有row 显示 否则消失*/
.business-introduction > .business-body > ul li > div > p:last-child {
    display: none;
}

.business-introduction > .business-body > ul li > div.row p:last-child {
    display: block;
}

/*新闻动态*/
.news {
    background-color: #ffe8e8;
    height: 930rem;
    background-image: url(../images/news.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    padding-top: 68rem;
}

.news > .content {
    width: 1400rem;
    margin: 0 auto;
}

.news > .content > .title {
    margin: 0 auto 56rem auto;
    font-size: 50rem;
    font-weight: 400;
    color: #fff;
    font-family: "Microsoft YaHei";
}

.news > .content > .title a {
    float: right;
    color: #FFFFFF;
    font-size: 25rem;
    margin-top: 20rem;
}

.news > .content > .title a {
    float: right;
    color: #FFFFFF;
    font-size: 25rem;
    margin-top: 20rem;
}

.news > .content > .title a .arrow {
    /*color: #12306c;*/
}

/*图标*/
.news > .content > .title:before {
    content: "";
    display: inline-block;
    width: 40rem;
    height: 41rem;
    margin-right: 20rem;
    background-image: url(../images/new_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.news > .content > .new-body > ul {
    width: 100%;
}

/*图片父级容器 445 * 623 */
.news > .content > .new-body > ul li {
    float: left;
    width: 445rem;
    background: rgba(255, 255, 255, 0.5);
    height: 623rem;
    overflow: hidden;
    position: relative;

}

/*主体内容*/
.news > .content > .new-body > ul li {
    margin-right: 32rem;
    padding: 52rem 29rem;
    box-sizing: border-box;

}

.news > .content > .new-body > ul li:last-child {
    margin-right: 0;
}

.news > .content > .new-body > ul li > span {
    color: #2a2a2a;
    font-size: 33rem;
    display: flex;
    align-items: center;
}

.news > .content > .new-body > ul li > span:before {
    content: "";
    display: inline-block;
    width: 35rem;
    height: 35rem;
    margin-right: 23rem;
    background-image: url(../images/shijian.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news > .content > .new-body > ul li > p {
    margin-top: 20rem;
    margin-bottom: 20rem;
}

.news > .content > .new-body > ul li > div {
    line-height: 42rem;
    font-family: "Microsoft YaHei";
    height: 83rem;


    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /*重点，不能用block等其他*/
    -webkit-line-clamp: 2;
    /*重点IE和火狐不支持*/
    -webkit-box-orient: vertical;
    /*重点*/

}

.news > .content > .new-body > ul li > div,
.news > .content > .new-body > ul li > p {
    font-size: 25rem;
    font-family: "PingFang";
    color: rgb(35, 35, 35);
}

.news > .content > .new-body > ul li a {
    text-align: center;
    display: inline-block;
    border-radius: 30rem;
    color: #232323;
    font-size: 22rem;
    border: 1px solid var(--bgcolor);
    width: 128rem;
    height: 40rem;
    line-height: 40rem;
    margin-top: 20rem;
    font-family: "Microsoft YaHei";
}

/*鼠标悬停*/
.news > .content > .new-body > ul li a:hover {
    color: #fff;
    font-weight: 500;
    background-color: var(--bgcolor);
    cursor: pointer;
    transition: all 0.5s;
}

.news > .content > .new-body > ul li > img {
    /*width: 100%;*/
    height: 240rem;
    margin-top: 35rem;
}

/* 新闻动态*/
/* 首页样式结束*/
/* 关于我们 页面*/
.about-banner {
    /*width: 100%;*/
}

.about-banner img {
    height: 500rem;

}

/*banner区域结束*/
.company-introduction {
    background-color: #feffff;
}

.company-introduction > nav {
    width: 1400rem;
    margin: 0 auto;
    height: 107rem;

}

.company-introduction > nav ul {
    display: flex;
    justify-content: center;
}

.company-introduction > nav ul > li {
    font-size: 40rem;
    color: rgb(18, 48, 108);
    float: left;
    /*width: 466rem;*/
    height: 107rem;
    flex: 1;
    line-height: 107rem;
    text-align: center;
    background-color: #e9e9e9;
    cursor: pointer;
    margin-right: 1rem;
}

.company-introduction > nav ul > li:last-child {
    margin-right: 0;
}

.company-introduction > nav ul > li a {
    display: block;
}

/*选中的*/
.company-introduction > nav ul > li.active {
    background-color: #11326c;
}

.company-introduction > nav ul > li.active a {
    color: #fff;

}

/* 选项卡内容 645 * 417*/
.company-content {
    width: 1400rem;
    margin: 0 auto;
    margin-top: 99rem;
    padding-bottom: 92rem;
}

.company-content > .body-top > ul {
    display: flex;
    justify-content: space-between;

}

.company-content > .body-top > ul > li:first-child {
}

.company-content > .body-top > ul > li:first-child img,
.company-content > .body-top > ul > li:first-child video {
    width: 645rem;
    height: 417rem;
}

/*文字*/
.company-content > .body-top > ul > li:last-child {
    padding-left: 69rem;
}

.company-content > .body-top > ul > li:last-child p {
    font-size: 41rem;
    font-family: "Microsoft YaHei";
    color: rgb(18, 48, 108);
    font-weight: bold;
    position: relative;
    padding-bottom: 15rem;
    display: inline-block;
}

.company-content > .body-top > ul > li:last-child p:after {
    height: 11rem;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ff9000;
}

/* 文字 */
.company-content > .body-top > ul > li:last-child > div {
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    color: #2d2d2d;
    line-height: 64rem;
    padding-top: 30rem;
    height: 270rem;
    overflow: auto;

}

/**/
.company-content > .body-foot {
    margin-top: 35rem;

}

.company-content > .body-foot > ul {
}

.company-content > .body-foot > ul > li {
    float: left;
    width: 338rem;
    height: 209rem;
    background-color: #f5f5f5;
    margin-right: 14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.company-content > .body-foot > ul > li p {
    /*width: 108px;*/
    /*height: 32px;*/
    font-size: 32rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #12306C;
    line-height: 68rem;

}

/*最后一个*/
.company-content > .body-foot > ul > li:last-child {
    margin-right: 0;
}

.company-introduction > .company-culture > .company-content > img {
    height: 623rem;
}

/*公司发展历程*/
.evolve {
    height: 1080rem;
    background-image: url(../images/about_banner2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 154rem;

}

.evolve > p {
    text-align: center;
    font-size: 50rem;
    color: #fff;
    font-weight: bold;
}

.evolve > span {
    display: block;
    text-align: center;
    font-size: 338rem;
    color: #fff;
    margin-top: 157rem;
    height: 535rem;
}

.evolve > .evolve-info {
}

.evolve > .evolve-info > a {
    font-size: 38rem;
    color: #fff;
    display: none;
    align-items: center;
}

.evolve > .evolve-info > a:first-child {

    display: flex;
    align-items: center;
}

.evolve > .evolve-info > a:before {
    display: inline-block;
    content: "";
    width: 35rem;
    height: 35rem;
    background-color: #fff;
    border-radius: 35rem;
    margin-right: 17rem;
    margin-left: 261rem
}

.evolve-time {
    width: 1400rem;
    margin: 0 auto;
    position: relative;
    margin-top: 114rem
}

.evolve-time ul {
    border-bottom: 1rem solid #fff;
    display: flex;
    flex-direction: row;
}

.evolve-time ul li {
    width: 100rem;
    height: 60rem;
    line-height: 60rem;
    float: left;
    font-size: 30rem;
    text-align: center;
    color: #fff;
}

/*.evolve-time ul li:first-child {*/
/*    text-align: left;*/
/*}*/

.evolve-time > .progress {
    position: absolute;
    left: 0;
    bottom: 0;
    /*background-color: rgba(255,255,255,0.4);*/
    background-image: url(../images/jbt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    /*width: 31rem;*/
    height: 60rem;
    border-right: 1px solid #fff;
    z-index: 9;
}

.evolve-time > .progress-bottom {
    /*content: "";*/
    height: 8rem;
    width: 32rem;
    position: absolute;
    /*left: 14rem;*/
    left: 0;
    bottom: -3rem;
    background-color: #fff;
    z-index: 10;
}

.evolve-time > .progress:after {
    /*content: "";*/
    /*height: 60rem;*/
    /*width: 1rem;*/
    /*position: absolute;*/
    /*background-color: #fff;*/
}

/*公司年份结束*/

/*业务网络*/
.company-map {

    height: auto;
    background: #fff;
    background-image: url("../images/about_img2.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    margin: 0;
    padding: 0;
}

.company-map > .map-head {
    text-align: center;
    font-size: 50rem;
    color: #12306c;
    line-height: 1;
    padding-top: 135rem;
}

.company-map > .map-body {
    width: 1400rem;
    margin: 0 auto;
    margin-top: 99rem;
}

.company-map > .map-body > p {
    line-height: 69rem;
    font-size: 34rem;
    color: #2b2b2b;
    font-family: "Microsoft YaHei";
}

.company-map > .map-body > img {
    width: 100%;
    margin: 0 auto;
}

/*地图*/
.company-map > .map-body > div {
    margin-top: 70rem;
}

.company-map > .map-body > div img {
    height: 822rem;
    margin: 0 auto;
}

/* 业务网络结束*/
/*荣誉概览*/
.honor {
    height: 956rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/about_img4.png);

}

.honor > div {
    width: 1400rem;
    margin: 0 auto;
    padding-top: 119rem;
}

.honor > div > header {
    text-align: center;
    font-size: 50rem;
    color: #fff;
    line-height: 1;

}

.honor > div > header > a {
    float: right;
    color: #c3d4ff;
    font-size: 25rem;
    margin-top: 10rem;
}

.honor > div > header > a:after {
    display: inline-block;

}

/*轮播*/
.honor > div > .carousel-wrap {
    margin-top: 135rem;
    height: 630rem;
    width: 1400rem;

    overflow: hidden;

    /*border: 1px solid #fff;*/
}

.honor .carousel-wrap ul {
    position: relative;
    width: 10640rem;
    /*margin: 0 0 0 0;*/
    overflow: hidden;
}

.honor .carousel-wrap ul li {
    float: left;
    width: 1400rem;
    /*height: 495rem;*/
    margin-right: 20rem;

    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    /*border: 1px solid red;*/
}

.honor .carousel-wrap ul li img {
    height: 414rem;
    /*float: left;*/
    margin-right: 50rem;
    display: block;
    border: 28rem solid rgba(96, 121, 167, 0.8);
    /*margin-right: auto;*/
}

.honor .carousel-wrap ul li img:last-child {
    /*height: 454rem;*/
    /*float: left;*/
    /*margin-left: auto;*/
    margin-right: auto;
}

.honor .carousel-wrap .pagination {
    display: flex;
    justify-content: center;
    margin-top: 80rem;
}

.honor .carousel-wrap .pagination span {
    width: 16rem;
    height: 16rem;
    background-color: #fff;
    margin-right: 35rem;
    border-radius: 16rem;
}

.honor .carousel-wrap .pagination span:last-child {
    margin-right: 0;
}

/* 荣誉概览结束*/
/*======================================================================================*/
/*企业资质*/
.enterprise {
    /*height: 836rem;*/
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/about_img5.png);
    padding-bottom: 20rem;
}

.enterprise:before {
    content: "";
    display: block;
    border: 1rem solid transparent;
}

.enterprise > header {
    text-align: center;
    font-size: 50rem;
    color: #12306c;
    line-height: 1;
    margin-top: 97rem;
    border: 1rem solid transparent;
}

.enterprise > ul {
    width: 1500rem;
    margin: 86rem auto 50rem auto;
    /*display: flex;*/
    /*justify-content: flex-start;*/
    /*flex-wrap: wrap;*/
}

/* 第二排*/
.enterprise > ul:last-child {
    /*margin-top: 0;*/
}

/*企业资质*/
.enterprise > ul li {
    margin-right: 12rem;
    margin-bottom: 20rem;
    float: left;
    /*width: 25%;*/
}

.enterprise > ul li:nth-child(4),
.enterprise > ul li:nth-child(8) {
    margin-right: 0;
}

/* 图片边框*/
/*.enterprise > ul li figure {*/
/*    padding: 5rem;*/
/*}*/
/**/
.enterprise > ul li img {
    height: 216rem;
    margin-bottom: 25rem;
    border: 9rem solid #acc7ff;
}

/* 标题*/
.enterprise > ul li figcaption {
    font-size: 18rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* 公司简介 结束*/
/* 企业文化页面*/
.company-culture {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/about_bg.png);
    height: 789rem;
}

.company-culture .company-content > .body-top > p {
    font-size: 50rem;
    color: #12306c;
    width: 1400rem;
    height: 48rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-image: url(../images/about_img7.png);
    background-size: 100% 1rem;
    background-repeat: no-repeat;
    background-position: 0 25rem;

}

.company-culture .company-content img {
    height: 899rem;
}

/* 文化活动 */
.cultural-activity {
    height: 573rem;
    background-image: url(../images/about_banner5.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.cultural-activity p {
    width: 1400rem;
    margin: 0 auto;
    line-height: 573rem;
    font-size: 50rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-image: url(../images/about_img10.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 100% 1rem;
}

.cultural-activity a {
    width: 121rem;
    height: 24rem;
    font-size: 25rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #EBEBEB;
    line-height: 68rem;
    position: absolute;
    bottom: 50rem;
    right: 252rem;
}

.cultural-list {
    /*height: 900rem;*/
    background-color: #fff;
    background-image: url(../images/about_list_bg.png);
    background-repeat: repeat-y;
    background-position: 0 -310rem;
    background-size: cover;
    padding-bottom: 40rem;
}

.cultural-list ul {
    width: 1400rem;
    margin: 0 auto;
    padding-top: 110rem;
}

.cultural-list ul li.active {
    background-image: url(../images/about_img8.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.cultural-list ul li {
    height: 66rem;
    line-height: 66rem;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.cultural-list ul li:before {
    content: "";
    display: inline-block;
    width: 47rem;
    height: 46rem;
    margin-right: 99rem;
    background-image: url(../images/about_img9.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.cultural-list ul li span {
    margin-right: 85rem;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #333;
}

.cultural-list ul li a {

    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #2D95FF;
    line-height: 68rem;
}

/*企业文化结束*/

/*企业文化更多页面*/
.more-list-img img {
    height: 204rem;
    margin: 0 auto;
}

/* 背景色*/
.center-body-wrap {
    background-color: #feffff;
    padding-top: 89rem;
}

/* 文化列表*/
.center-body-wrap > .cultural-list {
}


/*业务介绍 页面*/
.business-wrap {
    background-color: #feffff;

}

.business-wrap > nav {
    width: 1400rem;
    margin: 0 auto;
    height: 107rem;
}

.business-wrap > nav ul > li {
    font-size: 40rem;

    float: left;
    width: 466rem;
    height: 107rem;
    line-height: 107rem;
    text-align: center;
    background-color: #e9e9e9;
    cursor: pointer;
    margin-right: 1rem;
}

/* 选中的字体颜色*/
.business-wrap > nav ul > li.active > a {
    color: #fff;
}

/*默认自己字体颜色*/
.business-wrap > nav ul > li > a {
    font-weight: 500;
    color: rgba(18, 48, 108, 1);
    display: block;
}

.business-wrap > nav ul > li:last-child {
    margin-right: 0;
}

.business-wrap > nav ul > li.active {
    color: #fff;
    background-color: #11326c;
}

/*背景色*/
.businessIntroduction-body {
    background-image: url(http://www.changjiulogistics.com.cn/statics/2023/images/business_bg.png);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    /*height: 1542rem;*/
}

.businessIntroduction-body:before {
    content: "";
    display: block;
    border: 1rem solid transparent;
}

/* 选项卡内容 645 * 417*/
.business-content {
    width: 1400rem;
    margin: 0 auto;
    margin-top: 99rem;
    padding-bottom: 92rem;
}

/*整车业务 图文 */
.business-content > .body-top > ul > li {
    border: 1rem solid #dcdcdc;
    padding: 72rem 0;
}

.business-content > .body-top > ul > li {
    display: flex;
    justify-content: space-between;
    margin-top: 89rem;
}

/* 图 */
.business-content > .body-top > ul > li img {
    width: 454rem;
    height: 261rem;
}

/* 文字盒子*/
.business-content > .body-top > ul > li div {
    padding-left: 25rem;
    padding-right: 55rem;
}

/*文字*/
.business-content > .body-top > ul > li div > span {
    display: inline-block;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    color: #2d2d2d;
    line-height: 50rem;
    padding-top: 15rem;
    /*overflow: auto;*/
    /*height: 150rem;*/
}

/* 标题 */
.business-content > .body-top > ul > li > div > p {
    font-size: 41rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    position: relative;
    padding-bottom: 3rem;
    line-height: 68rem;
    color: #FF9000;
    margin-bottom: 15rem;
    display: inline-block;
    /*display: flex;*/
    /*align-items: center;*/
}

/*图标*/
.business-content > .body-top > ul > li > div > p:before {
    content: "";
    display: inline-block;
    width: 39rem;
    height: 63rem;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-right: 26rem;
    vertical-align: middle;

}

/* 第一个*/
.business-content > .body-top > ul > li > div > p.icon_transport:before {
    background-image: url(../images/transport.png);
}

/* 多式联运 底线条*/
.business-content > .body-top > ul > li > div > p.icon_ship:after {
    width: calc(100% - 122rem);
    left: 122rem;
}

.business-content > .body-top > ul > li > div > p.icon_ship:before {
    background-image: url(../images/ship.png);
    width: 97rem;
    height: 61rem;

}

/*仓储*/
.business-content > .body-top > ul > li > div > p.icon_storage:after {
    width: calc(100% - 101rem);
    left: 101rem;
}

.business-content > .body-top > ul > li > div > p.icon_storage:before {
    background-image: url(../images/storage.png);
    width: 73rem;
    height: 61rem;
}

/*社会车辆*/
.business-content > .body-top > ul > li > div > p.icon_car:after {
    width: calc(100% - 118rem);
    left: 118rem;
}

.business-content > .body-top > ul > li > div > p.icon_car:before {
    background-image: url(../images/icon_car.png);
    width: 94rem;
    height: 48rem;
}

/*新能源综合服务部*/
.business-content > .body-top > ul > li > div > p.new-energy:before {
    background-image: url(../images/business_icon1.png);
    width: 47rem;
    height: 59rem;
}

/*新能源综合服务部 条色*/
.business-content > .body-top > ul > li > div > p.new-energy:after {
    width: calc(100% - 72rem);
    left: 72rem;
}

/*动力电池回收*/
.business-content > .body-top > ul > li > div > p.battery:before {
    background-image: url(../images/business_icon2.png);
    width: 67rem;
    height: 59rem;
}

/* 动力电池回收 business-content 条色*/
.business-content > .body-top > ul > li > div > p.battery:after {
    width: calc(100% - 93rem);
    left: 93rem;
}

/*储能*/
.business-content > .body-top > ul > li > div > p.stored:before {
    background-image: url(../images/business_icon3.png);
    width: 67rem;
    height: 59rem;
}

.business-content > .body-top > ul > li > div > p.stored:after {
    width: calc(100% - 67rem);
    left: 93rem;
}

/* 干线运输 下划线*/
.business-content > .body-top > ul > li > div > p:after {
    height: 6rem;
    width: calc(100% - 63rem);;
    content: "";
    position: absolute;
    bottom: 0;
    left: 64rem;
    background-color: #ff9000;
}

.business-content > .body-top > ul > li {
}

.business-content > .body-top > ul > li > div > div {
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    color: #2d2d2d;
    line-height: 64rem;
    padding-top: 30rem;
}

/**/
/*.business-content > .body-foot{*/
/*    margin-top: 35rem;*/

/*}*/
/*.business-content > .body-foot > ul{*/

/*}*/
/*.business-content > .body-foot > ul > li{*/
/*    float: left;*/
/*    width: 338rem;*/
/*    height: 209rem;*/
/*    background-color: #f5f5f5;*/
/*    margin-right: 14rem;*/
/*}*/
/*!*最后一个*!*/
/*.business-content > .body-foot > ul > li div{*/
/*    margin-right: 0;*/
/*}*/
.guoji {
    background-image: none;
    height: auto;
    /*height: 1378rem;*/
}

.guoji-wrap {
    height: 1280rem;
    background-color: #feffff;
    background-image: url(../images/business_bg2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

/*.guoji-wrap:before{*/
/*    content: "";*/
/*    display: block;*/
/*    border: 1rem solid transparent;*/
/*}*/
.guoji-content {
    /*background-color: #feffff;*/
    /*background-image: url(../images/business_bg.png);*/
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*height: 1272rem;*/
    margin-top: 91rem;
}

/*.guoji-content > .body-top {*/
/*    width: 1400rem;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*}*/
/*!* 标题 *!*/
/*.guoji-content > .body-top > span{*/
/*    !*width: 169rem;*!*/
/*    height: 39rem;*/
/*    font-size: 42rem;*/
/*    font-family: "Microsoft YaHei";*/
/*    font-weight: bold;*/
/*    color: #FF9000;*/
/*    line-height: 68rem;*/
/*    display: inline-block;*/
/*    letter-spacing: 2rem;*/
/*}*/
/*.guoji-content > .body-top > span:after{*/
/*    display: block;*/
/*    width: 285rem;*/
/*    height: 8rem;*/
/*    background-color: #FF9000;*/
/*    content: "";*/
/*}*/
/*.guoji-content > .body-top  > span:before {*/
/*    display: inline-block;*/
/*    content: "";*/
/*    height: 79rem;*/
/*    width: 81rem;*/
/*    background-color: #feffff;*/
/*    background-image: url(../images/guoji_icon.png);*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    vertical-align: -17rem;*/
/*    margin-right: 34rem;*/
/*}*/
/*!*介绍*!*/
/*.guoji-content > .body-top > p{*/
/*    font-size: 32rem;*/
/*    font-family: "Microsoft YaHei";*/
/*    font-weight: 500;*/
/*    color: #2C2C2C;*/
/*    line-height: 68rem;*/
/*    text-align: left;*/
/*    margin: 77rem 0;*/
/*}*/
/*.guoji-content > .body-top > figure{*/

/*}*/
/*.guoji-content > .body-top > figure img{*/
/*    height: 709rem;*/
/*}*/


.guoji-wrap {
    background-color: #feffff;

}

/*背景色*/
.guoji-wrap {
    background-image: url(../images/business_bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

/*.guoji-wrap:before{*/
/*    content:"";*/
/*    display:block;*/
/*    border: 1rem solid transparent;*/
/*}*/
.guoji-wrap > nav {
    width: 1400rem;
    margin: 0 auto;
    height: 107rem;
}

.guoji-wrap > nav ul > li {
    font-size: 40rem;

    float: left;
    width: 466rem;
    height: 107rem;
    line-height: 107rem;
    text-align: center;
    background-color: #e9e9e9;
    cursor: pointer;
    margin-right: 1rem;
}

/* 选中的字体颜色*/
.guoji-wrap > nav ul > li.active > a {
    color: #fff;
}

/*默认自己字体颜色*/
.guoji-wrap > nav ul > li > a {
    font-weight: 500;
    color: rgba(18, 48, 108, 1);
    display: block;
}

.guoji-wrap > nav ul > li:last-child {
    margin-right: 0;
}

.guoji-wrap > nav ul > li.active {
    color: #fff;
    background-color: #11326c;
}

/* 选项卡内容 645 * 417*/
.guoji-content {
    width: 1400rem;
    margin: 0 auto;
    margin-top: 99rem;
    padding-bottom: 92rem;
}

/* 图文 */
.guoji-content > .body-top > ul {
}

.guoji-content > .body-top > ul > li {
    display: flex;
    justify-content: space-between;
    margin-top: 89rem;
    border: 1rem solid #dcdcdc;
    padding: 72rem 0;
}

/* 图 */
.guoji-content > .body-top > ul > li img {
    width: 454rem;
    height: 261rem;
}

.guoji-content > .body-top > ul > li div {
    padding-left: 25rem;
    padding-right: 55rem;
}

/*文字*/
.guoji-content > .body-top > ul > li div > span {
    display: inline-block;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    color: #2d2d2d;
    line-height: 50rem;
    padding-top: 15rem;
    /*overflow: auto;*/
    /*height: 155rem;*/
}

/* 标题 */
.guoji-content > .body-top > ul > li > div > p {
    display: inline-block;
    font-size: 41rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    position: relative;
    padding-bottom: 3rem;
    line-height: 68rem;
    color: #FF9000;
    margin-bottom: 13rem;
}

/*图标*/
.guoji-content > .body-top > ul > li > div > p:before {
    content: "";
    display: inline-block;
    width: 39rem;
    height: 63rem;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-right: 26rem;
    vertical-align: middle;

}

/* 第一个 国际铁路*/
.guoji-content > .body-top > ul > li > div > p.icon_transport:before {
    background-image: url(../images/transport.png);
}

/* 第二个 国际海运 底部调色*/
.guoji-content > .body-top > ul > li > div > p.icon_ship:after {
    width: calc(100% - 123rem);
    left: 123rem;
}

.guoji-content > .body-top > ul > li > div > p.icon_ship:before {
    background-image: url(../images/ship.png);
    width: 97rem;
    height: 61rem;

}

/* 第三个 国际空运 底部调色*/
.guoji-content > .body-top > ul > li > div > p.icon_storage:after {
    width: calc(100% - 91rem);
    left: 91rem;
}

.guoji-content > .body-top > ul > li > div > p.icon_storage:before {
    background-image: url(../images/guoji_icon2.png);
    width: 65rem;
    height: 61rem;
}

/* 第四个 增值及其他业务  黄色bottom 及 图标 */
.guoji-content > .body-top > ul > li > div > p.icon_car:after {
    width: calc(100% - 97rem);
    left: 97rem;
}

.guoji-content > .body-top > ul > li > div > p.icon_car:before {
    background-image: url(../images/guoji_icon3.png);
    width: 70rem;
    height: 60rem;
}

/* 第五个 国际公路 */
.guoji-content > .body-top > ul > li > div > p.icon_road:after {
    width: calc(100% - 97rem);
    left: 97rem;
}

.guoji-content > .body-top > ul > li > div > p.icon_road:before {
    background-image: url(../images/guoji_icon4.png);
    width: 70rem;
    height: 60rem;
}

/*新能源综合服务部*/
.guoji-content > .body-top > ul > li > div > p.new-energy:before {
    background-image: url(../images/business_icon1.png);
    width: 47rem;
    height: 59rem;
}

/*新能源综合服务部 条色*/
.guoji-content > .body-top > ul > li > div > p.new-energy:after {
    width: 403rem;
}

/*动力电池回收*/
.guoji-content > .body-top > ul > li > div > p.battery:before {
    background-image: url(../images/business_icon2.png);
    width: 67rem;
    height: 59rem;
}

/*business-content 条色*/
.guoji-content > .body-top > ul > li > div > p.battery:after {
    width: 341rem;
}

.guoji-content > .body-top > ul > li > div > p:after {
    height: 6rem;
    width: calc(100% - 66rem);
    content: "";
    position: absolute;
    bottom: 0;
    left: 66rem;
    background-color: #ff9000;
}

.guoji-content > .body-top > ul > li {
}

.guoji-content > .body-top > ul > li > div > div {
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    color: #2d2d2d;
    line-height: 64rem;
    padding-top: 30rem;
}

/*国际业务结束*/
/*==============================================================================================*/
/* 新能源 页面*/
.new-energy-bg:before {
    content: "";
    border-top: 1rem solid transparent;
    display: block;
}

.new-energy-bg {
    background-image: url(http://www.changjiulogistics.com.cn/statics/2023/images/business_bg.png);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    /*height: 844rem;*/
}

/*新能源页面结束*/

/* ============================================================== */

/* 管理团队页面*/
.management-team-main {
    background-color: #feffff;
}

.management-team-main > nav {
    width: 1400rem;
    margin: 0 auto;
    height: 107rem;
}

.management-team-main > nav ul {
    display: flex;

}

.management-team-main > nav ul > li {
    font-size: 40rem;
    color: rgb(18, 48, 108);
    /*float: left;*/
    /*width: 466rem;*/
    flex: 1;
    height: 107rem;
    line-height: 107rem;
    text-align: center;
    background-color: #e9e9e9;
    cursor: pointer;
    margin-right: 1rem;
}

.management-team-main > nav ul > li:last-child {
    margin-right: 0;
}

/*选中的*/
.management-team-main > nav ul > li.active {
    background-color: #11326c;
}

.management-team-main > nav ul > li.active a {
    color: #fff;

}

/* 内容*/
.content-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 454rem;
    height: 108rem;
    background-image: url(../images/team_icon2.png);
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 38rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #12306C;
    line-height: 64rem;
    margin: 0 auto;
    margin-top: 95rem;
    /*margin-bottom: 80rem;*/
}

/*薪酬与考核委员会*/
.width-title {
    width: 570rem;
    height: 108rem;
}

.content-title:before {
    content: '';
    display: inline-block;
    width: 48rem;
    height: 47rem;
    background-image: url(../images/team_icon.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: 18rem;
}

/**/
.team-bd {
    background-image: url(../images/team_main_bg.png);
    background-size: 100%;
    background-position: 0 0;
    background-repeat: repeat-y;

}

.team-bd:before {
    content: "";
    display: block;
    border-top: 1rem solid transparent;
}

.team-bd > div {
    width: 1400rem;
    margin: 0 auto;

}

.team-bd > div > ul {
    margin-top: 80rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 49rem;

}

/* 人名 */
.team-bd > div > ul li {
    /* margin-right: 49rem; */
    /* margin-bottom: 54rem; */
    width: 433rem;
    height: 267rem;
    background: #E4EDFF;
    clear: both;
    font-size: 50rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #12306C;
    display: flex;
    align-items: center;
    position: relative;

}

/* 眼睛查看 */
.team-bd > div > ul li.member i {
    position: absolute;
    right: 10rem;
    top: 10rem;
    width: 40rem;
    height: 26rem;
    background-image: url(../images/look.png);
    background-repeat: no-repeat;
    background-size: 40rem 26rem;
    cursor: pointer;
    /* background-position: 370rem 30rem; */
}

.team-bd > div > ul li:nth-child(3),
.team-bd > div > ul li:nth-child(6) {
    margin-right: 0;
}

/*董事会成员 间距*/
.team-bd div:nth-child(1) ul li:nth-child(7),
.team-bd div.first ul li:nth-child(8),
    /* 监事会成员 间距*/
.team-bd div:nth-child(2) ul li,
    /*战略委员会 间距*/
.team-bd div:nth-child(3) ul li:nth-child(4),
.team-bd div:nth-child(3) ul li:nth-child(5),
    /*审计委员会 间距*/
.team-bd div:nth-child(4) ul li,
    /*薪酬与考核委员会 间距*/
.team-bd div:nth-child(5) ul li,
    /*报名委员会 间距*/
.team-bd div:nth-child(6) ul li {
    margin-bottom: 0;
}

.team-bd > div > ul li div {
    padding-left: 60rem;
}

.team-bd > div > ul li span {
    display: block;
    text-align: center;
    font-size: 33rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #656565;
    line-height: 68rem;
}

.team-bd > div:last-child {
    padding-bottom: 90rem;
}

/*管理团队页面结束*/

/* ======================================================================================*/

/*荣誉墙页面*/
.honor-main {
    background-color: #feffff;
    padding-top: 89rem;
    background-image: url(../images/team_main_bg.png);
    background-size: 100%;
    background-position: 0 0;
    background-repeat: repeat-y;
}

.honor-main > figure {
    width: 1400rem;
    margin: 0 auto;
}

.honor-main > figure img {
    height: 292rem;
    margin: 0 auto;
}

.honor-main > div > ul {
    display: flex;
    flex-wrap: wrap;
    width: 1400rem;
    margin: 0 auto;
    padding-top: 30rem;
    padding-bottom: 30rem;

}

.honor-main > div > ul > li {
    margin-right: 17rem;
    width: 32%;
}

/*.honor-main > div > ul > li:nth-child(even) {*/
/*    margin-right: 0;*/
/*}*/
/*.honor-main > div > ul > li:not(:first-child)  {*/
/*    margin-right: 0;*/
/*}*/
/*li:nth-child(n+2){*/
/*        */
/*}*/

/*li:nth-of-type(n+2){*/
/*        */
/*}*/
.honor-main > div > ul > li figcaption {
    padding: 0 20rem;
    font-size: 28rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #525252;
    line-height: 1;
    height: 30rem;
    text-align: center;
    margin-top: 27rem;
    margin-bottom: 33rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 83%;
}

.honor-main > div > ul > li > img {
    height: 230rem;
    margin: 0 auto;
    border: 20rem solid rgba(96, 121, 167, 0.2);
}

/* 荣誉墙结束*/
/*=========================================================================*
/
/* 新闻详情*/
.news-main {
    background-color: #feffff;
    padding-top: 120rem;
    background-image: url(../images/team_main_bg.png);
    background-size: 100%;
    background-position: 0 0;
    background-repeat: repeat-y;
    position: relative;
}

.news-main > .go-back {
    position: absolute;
    top: 25rem;
    left: 190rem;
    width: 70rem;
    height: 70rem;
    border-radius: 3rem;
    background-image: url(../images/news_back_icon.png);
    background-size: cover;
    background-position: 0 0;
    background-repeat: repeat-y;
}

.news-main > .center-content {

    width: 1400rem;
    margin: 0 auto;
}

.news-main > .center-content > figure {
    background-image: url(../images/news_img2.png);
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 286rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-main > .center-content > figure img {
}

/* 背景图片 标题 */
.news-main > .center-content > figure figcaption {
    font-size: 42rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #FFF;
    line-height: 68rem;
    text-align: center;
    padding: 0 68rem;
}

/**/
.news-main > .center-content p,
.news-main > .center-content div {
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    /*font-weight: 500;*/
    color: #3F3F3F;
    line-height: 60rem;

}

/*新闻详情新增样式*/
.news-main .center-content img {
    margin: 0 auto;
!important;
}

.news-main > .center-content > .news_all > p:first-child {
    padding: 47rem 0;
}

.news-main > .center-content > .news_all > p:nth-child(2),
.news-main > .center-content > .news_all > p:nth-child(3),
.news-main > .center-content > .news_all > p:nth-child(4),
.news-main > .center-content > .news_all > p:nth-child(5) {
    padding-bottom: 47rem;
}

.news-main > .center-content > img {
    height: 785rem;
    margin-bottom: 82rem;
}

/*上一篇/下一篇*/
.news_foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1400rem;
    margin: 0 auto;
    padding-bottom: 114rem;
    padding-top: 88rem;
}

.news_foot div span,
.news_foot div a {
    display: inline-block;
    margin-right: 25rem;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #FF9000;
    line-height: 1;

}

.news_foot div a {
    color: #333;
}

/*新闻详情页*/
/*新闻页*/
.news-list {
    background-color: #fff;
    background-image: url(../images/about_bg.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 100%;
    padding-bottom: 79rem;
}

.news-list:before {
    content: "";
    display: block;
    border-top: 1rem solid transparent;
}

/* 筛选 年份*/
.news-list > .screen-year {
    width: 1400rem;
    margin: 0 auto;
    display: flex;
    align-items: center;

}

.news-list > .screen-year {

    margin-top: 97rem;

    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #242424;
    line-height: 1;
    display: flex;
    align-items: center;
}

.news-list > .screen-year span {
    font-size: 33rem;
    display: inline-block;
    margin-right: 20rem;
}

.news-list > .screen-year > select {
    display: block;
    width: 330rem;
    padding: 10rem;
    border-radius: 5rem;
    font-size: 30rem;
}

.news-list > select option {
    font-size: 30rem;
}

.news-list ul {
    width: 1400rem;
    margin: 0 auto;
    padding-top: 80rem;
    padding-bottom: 70rem;
}

.news-list ul li.active {
    background-image: url(../images/about_img8.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.news-list ul li {
    height: 66rem;
    line-height: 66rem;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.news-list ul li:before {
    content: "";
    display: inline-block;
    width: 47rem;
    height: 46rem;
    margin-right: 99rem;
    background-image: url(../images/about_img9.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.news-list ul li span {
    margin-right: 85rem;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #333;
}

.news-list ul li a {

    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #2D95FF;
    line-height: 68rem;
}

.list-page {
    /* background-image: url(../images/page_bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    height: 70rem;
    width: 303rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; */

}

/* 分页 */
.page-center {
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: #858585;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -o-border-radius: 4rem;
}

.pagination a.active {
    background-color: #f2a039;
    color: white;
    border: 1px solid #f2a039;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.jump-pagination {
}

.jump-pagination a {
    color: #858585;
    /* float: left; */
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;

    margin: 0 4px;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -o-border-radius: 4rem;
    cursor: auto;
}

.jump-pagination input {
    width: 80rem;
    outline: 0;
    padding: 7rem 16rem;
    box-sizing: border-box;
    border-radius: 4rem;
    border: 1px solid #cfcfcf;

}

.jump-pagination button {
    padding: 7px 16px;
    background-color: #f2a039;
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 4rem;
    color: #fff;
}

/* .list-page > span {
    width: 234rem;
    display: inline-block;
    text-align: center;
    line-height: 70rem;
    letter-spacing: 4rem;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #464646;
    cursor: pointer;
} */
/* .list-page > div{
    width: 68rem;
    text-align: center;
    /*line-height: 70rem;*/
/* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; */
/* }  */
/* .list-page > div > span{
    display: inline-block;
    font-size: 20rem;
    font-weight: bold;
    cursor: pointer;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 16rem;
    height: 14rem;
} */
/* .list-page > div > span:first-child{
    background-image: url(../images/icon_up.png);
}
.list-page > div > span:last-child{
    background-image: url(../images/icon_down.png);
    margin-top: 13rem;
} */
/*新闻页结束*/


/*加入我们 banner 区下共三部分*/
/*招聘入口*/
.entrance {
    background-color: #fff;
    padding-bottom: 125rem;;
}

.entrance > .entrance-body {
    width: 1400rem;
    margin: 0 auto;
}

.entrance > .entrance-body:before {
    content: "";
    display: block;
    border-top: 1px solid transparent;
}

.entrance > .entrance-body > h3 {
    display: flex;
    align-items: center;
    font-size: 50rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #12306C;
    line-height: 1;
    margin-top: 123rem;
    margin-bottom: 77rem;
}

.entrance > .entrance-body > h3:before {
    content: "";
    display: inline-block;
    width: 94rem;
    height: 56rem;
    margin-right: 18rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/shou.png);
}

.entrance > .entrance-body > div {
    /*width: 1400px;*/
    /*height: 103px;*/
    background: #F5F5F5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 35rem 32rem;
}

.entrance > .entrance-body > div:before {
    content: "";
    display: inline-block;
    width: 56rem;
    height: 38rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/icon_us.png);
    margin-right: 32rem;
}

.entrance > .entrance-body > div span {
    display: inline-block;
    font-size: 33rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #323232;
    /*line-height: 68px;*/
    padding-right: 20rem;
}

.entrance > .entrance-body > div > a {
    font-size: 33rem;
    font-family: "PingFang";
    color: rgba(116, 162, 255, 1);
    font-weight: 400;
}

.body-item + .body-item {
    margin-top: 38rem;
}

/*公司福利*/
.welfare {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/us_img.png);
    height: 970rem;
}

.welfare:before {
    content: "";
    display: block;
    border-top: 1rem solid transparent;
}

.welfare > p {
    font-size: 50rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #FFF;
    line-height: 1;
    display: flex;
    align-items: self-end;
    width: 1400rem;
    margin: 0 auto;
    margin-top: 120rem;
}

.welfare > p:before {
    content: "";
    display: inline-block;
    width: 74rem;
    height: 74rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/us_icon2.png);
    margin-right: 35rem;
}

.welfare > ul {
    width: 1400rem;
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
    /*justify-content: flex-start;*/
    margin: 0 auto;
    margin-top: 78rem;

}

.welfare > ul > li {
    width: 310rem;
    height: 135rem;
    line-height: 135rem;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/us_img2.png);
    /*width: 156px;*/
    /*height: 36px;*/
    font-size: 38rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #12306C;
    margin-bottom: 70rem;
    float: left;
    margin-right: 40rem;
    /*justify-self: self-start;*/
}

.welfare > ul > li:nth-child(4),
.welfare > ul > li:nth-child(8),
.welfare > ul > li:nth-child(12),
.welfare > ul > li:nth-child(16),
.welfare > ul > li:nth-child(20),
.welfare > ul > li:nth-child(24),
.welfare > ul > li:nth-child(28) {
    margin-right: 0;
}

/**/
/*.welfare > ul > li:last-child{*/
/*    !*margin-right: auto*!*/
/*    !*background-image: none;*!*/
/*}*/
/*公司环境*/
.environment {
    height: 970rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/us_bg.png);
}

.environment:before {
    content: "";
    display: block;
    border-top: 1rem solid transparent;
}

.environment > p {
    font-size: 50rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #12306C;
    line-height: 1;
    display: flex;
    align-items: self-end;
    width: 1400rem;
    margin: 0 auto;
    margin-top: 120rem;
}

.environment > p:before {
    content: "";
    display: inline-block;
    width: 74rem;
    height: 74rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url(../images/us_icon3.png);
    margin-right: 35rem;
}


/*=====================================================*/

/*投资者关系页面*/

.investor-list {
    background-color: #fff;
    background-image: url(../images/about_bg.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 100%;
    padding-bottom: 79rem;
}

.investor-list:before {
    content: "";
    display: block;
    border-top: 1rem solid transparent;
}

.investor-list > figure {
    width: 1400rem;
    margin: 85rem auto 0 auto;
}

.investor-list > figure img {
    height: 126rem;
}

/* 筛选 年份*/
.investor-list > .screen-year {
    width: 1400rem;
    margin: 0 auto;
    display: flex;
    align-items: center;

}

.investor-list > .screen-year {

    margin-top: 97rem;

    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #242424;
    line-height: 1;
    display: flex;
    align-items: center;
}

.investor-list > .screen-year span {
    font-size: 33rem;
    display: inline-block;
    margin-right: 20rem;
}

.investor-list > .screen-year > select {
    display: block;
    width: 330rem;
    padding: 10rem;
    border-radius: 5rem;
    font-size: 30rem;
}

.investor-list > select option {
    font-size: 30rem;
}

/* 新闻列表*/
.investor-list ul {
    width: 1400rem;
    margin: 0 auto;
    padding-top: 80rem;
    padding-bottom: 70rem;
}

.investor-list ul li.active {
    background-image: url(../images/about_img8.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.investor-list ul li {
    height: 66rem;
    line-height: 66rem;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.investor-list ul li:before {
    content: "";
    display: inline-block;
    width: 47rem;
    height: 46rem;
    margin-right: 28rem;
    background-image: url(../images/about_img9.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.investor-list ul li span {

    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #333;
}

/*报告时间*/
.investor-list ul li span:nth-child(1) {
    width: 212rem;
}

/* 报告机构*/
.investor-list ul li span:nth-child(2) {
    width: 200rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 70rem;
}

.investor-list ul li a {

    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #2D95FF;
    line-height: 68rem;
    width: 840rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/*投资者教育结束*/


/*=================================================*/


/*投资者关系 -公司治理*/
.government-main {
    /*height: 970rem;*/
    background-color: #fff;
    background-image: url(../images/about_bg.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 100%;
}

.government-main > .center-main {
    width: 1400rem;
    margin: 0 auto;

}

.government-main > .center-main:before {
    display: block;
    content: "";
    border-top: 1rem solid transparent;
}

.government-main > .center-main > p {
    margin-top: 136rem;
    font-size: 49rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #12306C;
    line-height: 1;
    background-image: url(../images/r_img4.png);
    background-position: right 26rem;
    background-size: 1132rem 2rem;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.government-main > .center-main > p:before {
    content: "";
    display: inline-block;
    width: 27rem;
    height: 45rem;
    background-color: #FF9000;
    vertical-align: middle;
    margin-right: 14rem;
}

.government-main > .center-main > img {
    height: 738rem;
    margin: 95rem auto;
}

.government-main > .center-main > figure {
    height: 354rem;
    background-image: url(../images/r_img3.png);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0 58rem;
}

.government-main > .center-main > figure > p {
    margin-top: 136rem;
    font-size: 49rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #fff;
    line-height: 354rem;
    background-image: url(../images/r_img5.png);
    background-position: right 179rem;
    background-size: 580rem 2rem;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;

}

.government-main > .center-main > figure > p:before {
    content: "";
    display: inline-block;
    width: 27rem;
    height: 45rem;
    background-color: #FF9000;
    vertical-align: middle;
    margin-right: 15rem;
}

.government-body:before {
    content: "";
    display: block;
    border-top: 1rem solid transparent;
}

.government-body > div {
    width: 1400rem;
    margin: 0 auto;

}

.government-body > div > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 80rem;
}

.government-body > div > ul li {
    margin-right: 49rem;
    margin-bottom: 54rem;
    width: 433rem;
    height: 267rem;
    background: #E4EDFF;
    clear: both;
    font-size: 50rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #12306C;
    display: flex;
    align-items: center;

}

.government-body > div > ul li:nth-child(3),
.government-body > div > ul li:nth-child(6) {
    margin-right: 0;
}

/*董事会成员 间距*/
.government-body div:nth-child(1) ul li:nth-child(7),
.government-body div:nth-child(1) ul li:nth-child(8),
    /* 监事会成员 间距*/
.government-body div:nth-child(2) ul li,
    /*战略委员会 间距*/
.government-body div:nth-child(3) ul li:nth-child(4),
.government-body div:nth-child(3) ul li:nth-child(5),
    /*审计委员会 间距*/
.government-body div:nth-child(4) ul li,
    /*薪酬与考核委员会 间距*/
.government-body div:nth-child(5) ul li,
    /*报名委员会 间距*/
.government-body div:nth-child(6) ul li {
    margin-bottom: 0;
}

.government-body > div > ul li div {
    padding-left: 60rem;
}

.government-body > div > ul li span {
    display: block;
    /*text-align: center;*/
    font-size: 33rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #656565;
    line-height: 68rem;
}

.government-body > div:last-child {
    padding-bottom: 90rem;
}

.government-foot {
    display: flex;
    justify-content: center;
    padding-bottom: 128rem;
}

.government-foot a {
    width: 679rem;
    height: 345rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    line-height: 345rem;
    text-align: center;
    font-size: 50rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #FEFEFE;
    margin-right: 42rem;
}

.government-foot a:first-child {
    background-image: url(../images/r_img7.png);
}

.government-foot a:last-child {
    background-image: url(../images/r_img6.png);
    margin-right: 0;
}

.government-foot a > div {
    height: 90rem;
}

.government-foot a > p {
    height: 90rem;
    font-size: 30rem;
}

/*==============================================*/
/*法律声明页面*/
.law-wrap {

    background-color: #fff;
    font-size: 25rem;
}

.law-wrap:before {
    content: "";
    border: 1px solid transparent;
    display: block;
}

.law-wrap > header {
    width: 1400rem;
    margin: 40rem auto;
}

/* 法律声明*/
.law-wrap > header h1 {
    font-weight: bold;
    font-size: 30rem;
    text-align: center;
}

.law-wrap > .law-body {
    width: 1400rem;
    margin: 20rem auto;
    padding-bottom: 50rem;
}

.law-wrap > .law-body p {
    text-indent: 2em;
    margin-bottom: 0.5em;
}

.law-wrap > .law-body h4 {
    font-weight: bold;
    margin: 0.5em 0;
    color: #4b88da;
}


/* 社会责任页面*/
.society-content {
    background-color: #feffff;
    background-image: url(../images/shzr_bg.png);
    background-position: 0 0;
    background-size: contain;
    background-repeat: repeat-y;
    width: 100%;
    padding-top: 118rem;
    /*height: 600rem;*/
    padding-bottom: 125rem;
}

.society-content > .content-bg {
    width: 100%;
    /*height: 300rem;*/
    background-image: url(../images/item_bg.png);
    background-position: center;
    background-size: 100% 435rem;
    background-repeat: no-repeat;
}

.society-content > .last-box {
}

/*背景*/
.society-content > .content-bg > .center-box {
    width: 1400rem;
    /*height: 300rem;*/
    margin: 0 auto;
    display: grid;
    grid-template-columns: 460rem 2fr;
    gap: 60rem;
    align-items: center;
}

.society-content > .content-bg > .right-place {
    grid-template-columns: 2fr 460rem;
}

.society-content > .content-bg > .center-box figure img {
    width: 460rem;
    height: 650rem;
}

.society-content > .content-bg > .center-box div {
}

/* 标题*/
.society-content > .content-bg > .center-box div span {
    font-size: 33rem;
    color: #000;
    font-weight: bold;
    position: relative;
    display: block;
    padding-bottom: 18rem;
    margin-bottom: 33rem;
}

/* 标题下的黑条*/
.society-content > .content-bg > .center-box div span:before {
    display: inline-block;
    content: "";
    height: 6rem;
    width: 67rem;

    background-color: #646464;
    position: absolute;
    bottom: 0;
}

.society-content > .content-bg > .center-box div p {
    font-size: 25rem;
    color: #000;
    line-height: 44rem;
    font-family: "Microsoft YaHei";
}

/*=====================客户责任页面结束-============*/
/*社会公益*/
.welfare-wrap {

    background-color: #fff;
    /*padding-bottom: 20rem;*/
}

.welfare-wrap:before {
    content: "";
    display: block;
    border-top: 1px solid transparent;
}

.welfare-bd {
    width: 1400rem;
    margin: 66rem auto 0 auto;
    overflow: hidden;

}

.welfare-wrap .welfare-bd > ul {
    width: 20000rem;
    position: relative;
}

.welfare-wrap > .welfare-bd > ul li {
    width: 1400rem;
    float: left;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25rem;
    /*margin-right: 25rem;*/
}

/*图片*/
.welfare-wrap > .welfare-bd > ul > li > div > img {
    /*width: 450rem;*/
    height: 292rem;
}

.welfare-wrap > .welfare-bd > ul > li > div > figcaption {
    font-size: 22rem;
    font-family: "Microsoft YaHei";
    text-align: center;
    line-height: 1;
    padding-top: 18rem;
}

/* 轮播页码*/
.welfare-wrap > .welfare-bd > .pagination {
    display: flex;
    justify-content: center;
    margin-top: 72rem;
}

.welfare-wrap > .welfare-bd > .pagination span {
    width: 55rem;
    display: inline-block;
    height: 9rem;
    background-color: #ebebeb;
    margin: 0 17rem;
    border-radius: 9rem;
    cursor: pointer;
}

.welfare-wrap > .welfare-bd > .pagination span.active {
    background-color: #bed4ff;
}

/*公益新闻*/
.welfare-news-list {
    background-color: #fff;
    background-image: url(../images/about_bg.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    background-size: 100%;
    padding-bottom: 79rem;
}

.welfare-news-list:before {
    content: "";
    display: block;
    border-top: 1rem solid transparent;
}


.welfare-news-list ul {
    width: 1400rem;
    margin: 0 auto;
    padding-top: 80rem;
    padding-bottom: 47rem;
}

.welfare-news-list ul li.active {
    background-image: url(../images/about_img8.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.welfare-news-list ul li {
    height: 66rem;
    line-height: 66rem;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.welfare-news-list ul li:before {
    content: "";
    display: inline-block;
    width: 47rem;
    height: 46rem;
    margin-right: 99rem;
    background-image: url(../images/about_img9.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

.welfare-news-list ul li span {
    margin-right: 85rem;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: bold;
    color: #333;
}

.welfare-news-list ul li a {

    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: 500;
    color: #2D95FF;
    line-height: 68rem;
}

.welfare-news-list .list-page {
    background-image: url(../images/page_bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    height: 70rem;
    width: 303rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;

}

.welfare-news-list .list-page > span {
    width: 234rem;
    display: inline-block;
    text-align: center;
    line-height: 70rem;
    letter-spacing: 4rem;
    font-size: 25rem;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    color: #464646;
    cursor: pointer;

}

.welfare-news-list .list-page > div {
    width: 68rem;
    text-align: center;
    /*line-height: 70rem;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.welfare-news-list .list-page > div > span {
    display: inline-block;
    font-size: 20rem;
    font-weight: bold;
    cursor: pointer;
    font-family: "Microsoft YaHei";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 16rem;
    height: 14rem;
}

.welfare-news-list .list-page > div > span:first-child {
    background-image: url(../images/icon_up.png);
}

.welfare-news-list .list-page > div > span:last-child {
    background-image: url(../images/icon_down.png);
    margin-top: 13rem;
}

/* 管理团队 弹窗*/
.mask_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;

}

.mask_popup.visible {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mask_popup > div {
    width: 1135rem;
    height: 595rem;
    background-image: url('../images/team_wz_js.png');
    background-position: center center;
    background-size: 1135rem 595rem;
    background-repeat: no-repeat;
    padding: 55rem;
    box-sizing: border-box;
    position: relative;
}

/* 姓名 */
.mask_popup > div h3 {
    font-size: 42rem;
    line-height: 1;
}

/* 职位 */
.mask_popup > div p {
    margin-top: 30rem;
    margin-bottom: 30rem;
    display: block;
    font-size: 28rem;
}

/* 介绍 */
.mask_popup > div span {
    font-size: 28rem;
    font-family: "SimSun";
    color: rgb(115, 115, 115);
    line-height: 64rem;
    display: block;
    height: 320rem;
    overflow-y: auto;
}

/* 关闭按钮 */
.mask_popup > div i {
    width: 28rem;
    height: 28rem;
    position: absolute;
    top: -28rem;
    right: -28rem;
    cursor: pointer;
    border: .0625rem solid #cfcfcf;
    border-radius: 28rem;
    background-image: url('../images/close.png');
    background-position: center center;
    background-size: 28rem 28rem;
    background-repeat: no-repeat;
    -webkit-border-radius: 28rem;
    -moz-border-radius: 28rem;
    -ms-border-radius: 28rem;
    -o-border-radius: 28rem;
}

/* ===============商务合作=============== */
.cooperation-banner {
    width: 100%;
}

.cooperation-banner img {
    height: 500rem;
}

.content-main {
    background-color: #fff;
    background-image: url(../images/cooperation_img2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 80rem;
    padding-top: 80rem;
}

.main-bg {
    width: 1400rem;
    margin: 0 auto;

}

.main-bg header {
    display: grid;
    grid-template-columns: 400rem 2fr;
    gap: 0 20rem;

    align-items: center;
}

.main-bg header img {
    width: 100%;
}

/* */
.main-bg header {
}

.main-bg header figcaption {
    margin-left: 84rem;
    /* display: flex;
  flex-direction: column; */
}

/* 标题 */
.main-bg header figcaption span {
    /* color: #fff; */
    font-family: 'Microsoft YaHei';
    font-style: normal;
    font-weight: 500;
    font-size: 40rem;
    line-height: 56rem;


}

/* 邮箱 */
.main-bg header figcaption p {
    font-family: 'Microsoft YaHei';
    font-style: normal;
    font-size: 32rem;
    line-height: 1;
}

.main-bg header figcaption span::after {
    content: "";
    display: block;
    height: 10rem;
    width: 159rem;
    background-color: orange;
}

.main-bg header figcaption p {
    margin-top: 54rem;
}

.main-wrap {
    margin-top: 80rem;
    width: auto;
    position: relative;
}

/* 图片容器 */
.main-wrap .picture-wrap {
    overflow: hidden;
    height: 720rem;
}

.main-wrap .picture-wrap > figure {
    display: none;
}

/* 图片和文字的容器高度一致 */
.main-wrap .picture-wrap > figure img,
.main-wrap .picture-wrap figcaption {
    height: 720rem;
}

.main-wrap .picture-wrap > figure figcaption {
    width: 500rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-image: url(../images/cooperation_left_bg.png);
    background-position: -500rem 0;
    background-repeat: no-repeat;
    background-size: 500rem 720rem;
    transition: 0.5s linear;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
}

/* 文字 */
.main-wrap .picture-wrap > figure figcaption > span {
    font-family: 'Microsoft YaHei';
    font-style: normal;
    font-weight: 600;
    font-size: 48rem;
    line-height: 1;
    color: #FFF;
    display: inline-block;
    padding-bottom: 10rem;
    margin: 66rem 0 23rem 54rem;
    border-bottom: 1rem solid #fff;
    position: relative;
    left: -400rem;
}

/* 文字底部白条 */
.main-wrap .picture-wrap > figure figcaption > span:after {
    content: "";
    position: absolute;
    width: 53rem;
    height: 4rem;
    left: 0;
    bottom: -2rem;
    /* top: 75px; */
    background-color: #FFF;
}

.main-wrap .picture-wrap > figure figcaption > p {
    /* width: 258rem; */
    font-family: 'Microsoft YaHei';
    font-style: normal;
    font-weight: 400;
    font-size: 16rem;
    line-height: 40rem;
    padding-left: 54rem;
    padding-right: 40%;
    color: #FFF;
    left: -400rem;
    position: relative;
    /* overflow: hidden; */
}

/* 图片索引 包裹容器*/
.main-wrap .pagination {
    position: absolute;
    right: 10rem;
    top: 10rem;
    bottom: 0;
    margin: auto;
    width: 150rem;
    height: calc(720rem - 498rem);
    padding-right: 10rem;
    border-right: 6rem solid rgba(255, 255, 255, 0.5);
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -o-border-radius: 4rem;
    -webkit-border-radius: 4rem;
}

.main-wrap .pagination span {
    /* font-weight: 600; */
    font-size: 20rem;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    text-align: right;
    height: 40rem;
    line-height: 1;
    /* margin-bottom: 15rem; */
    position: relative;
    cursor: pointer;
}

/* 索引的最后一个去除下边距 */
.main-wrap .pagination span:last-child {
    margin-bottom: 0;
}

.main-wrap .pagination span.active {
    color: #fff;

}

.main-wrap .pagination p {
    background-color: #fff;
    height: 20rem;
    width: 6rem;
    position: absolute;
    right: -5rem;
    top: 0;
    border-radius: 4rem;
    -webkit-border-radius: 4rem;
    -moz-border-radius: 4rem;
    -ms-border-radius: 4rem;
    -o-border-radius: 4rem;
}