@charset "UTF-8"; /* ========== 关于我们 start ========== */
.aboLookMore {
    display: block;
    height: 55px;
    border: 1px solid var(--themeColor);
    border-radius: 0 20px 0 20px;
    background: rgba(0, 117, 193, 0.05);
    width: max-content;
    margin: 0 auto;
    padding: 0 50px;
    position: relative;
    background: var(--themeColor);
    transition: all 0.3s;
}

.aboLookMore span {
    display: block;
    line-height: 55px;
    font-size: 16px;
    color: #fff;
    padding-right: 20px;
    background: url(../images/jiantou-icon3-w.png) no-repeat center right;
}

.aboLookMore::after {
    display: block;
    content: '';
    width: 0%;
    height: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s;
}

.aboLookMore:hover span {
    color: var(--themeColor);
    background-image: url(../images/jiantou-icon3.png);
}

.aboLookMore:hover {
    border-radius: 0;
}

.aboLookMore:hover::after {
    width: 100%;
    background-color: #fff;
}

/* 第一栏 start */
.aboCol1 {
    width: 100%;
    background: url(../images/aboCol1-bg.png) no-repeat center center / 100% 100%;
    padding: 100px 0 600px;
    position: relative;
    z-index: 1;
}

.aboCnTitle {
    font-size: 36px;
    color: #333333;
    line-height: 45px;
    text-align: center;
    font-weight: 700;
    font-family: 'Alibaba PuHuiTi 2.0 85';
}

.aboEnTitle {
    font-size: 24px;
    color: #c7c7c7;
    line-height: 40px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.aboCol1 .textC {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    text-align: center;
    padding: 0 216px;
    margin-bottom: 50px;
    text-indent: 2em;
    height: 150px;
}

/* 第一栏 end */
/* 第二栏 start */
.aboCol2 {
    overflow: hidden;
    margin-top: -270px;
    position: relative;
    z-index: 1;
}

.aboCon2 {
    overflow: hidden;
    background: url(../images/aboCol2-bg.png) no-repeat center center / 100% 100%;
    padding: 40px 0 45px 0;
}

.aboCon2 .aboCnTitle {
    text-align: left;
}

.aboCon2 .aboEnTitle {
    text-align: left;
    margin-bottom: 92px;
}

.aboCon2Scroll {
    position: relative;
    overflow: hidden;
    width: 74.1071%;
}

.aboCon2Scroll .slick-list {
    overflow: visible;
    margin-right: -30px;
}

.aboCon2Scroll .myslide {
    width: 100%;
}

.aboCon2Scroll .con {
    margin-right: 30px;
    display: block;
}

.aboCon2Scroll .con .list {
    overflow: hidden;
    margin-bottom: 50px;
}

.aboCon2Scroll .con .list dd {
    margin-bottom: 40px;
    overflow: hidden;
}

.aboCon2Scroll .con .list .con {
    padding-left: 42px;
    background: url(../images/aboCon2Scroll-icon.png) no-repeat center left;
    width: max-content;
}

.aboCon2Scroll .con .list dd:nth-of-type(1) .con {
    display: inline;
    float: right;
}

.aboCon2Scroll .con .list dd:nth-of-type(3) .con {
    margin-left: 25.6%;
}

.aboCon2Scroll .con .list dd:nth-of-type(4) .con {
    margin-left: 11%;
}

.aboCon2Scroll .con .list dd:nth-of-type(5) .con {
    margin-left: 3%;
}

.aboCon2Scroll .con .list .textC {
    overflow: hidden;
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    position: relative;
    padding-bottom: 10px;
}

.aboCon2Scroll .con .textC::after {
    display: block;
    content: '';
    width: 0;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #308fce;
    transition: all 0.3s;
}

.aboCon2Scroll .con .textC:hover {
    color: var(--themeColor);
}

.aboCon2Scroll .con .textC:hover::after {
    width: 100%;
}

.aboCon2Box {
    position: absolute;
    right: 0;
    bottom: 30px;
    overflow: hidden;
}

.aboCon2ScrollPrev {
    width: 50px;
    height: 50px;
    border: 1px solid var(--themeColor);
    background: url(../images/jiantou-icon2.png) no-repeat center center;
    display: inline;
    float: left;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 20px;
}

.aboCon2ScrollPrev:hover {
    background-image: url(../images/jiantou-icon2-w.png);
    background-color: var(--themeColor);
}

.aboCon2ScrollNext {
    width: 50px;
    height: 50px;
    border: 1px solid var(--themeColor);
    background: url(../images/jiantou-icon3.png) no-repeat center center;
    display: inline;
    float: left;
    border-radius: 50%;
    cursor: pointer;
}

.aboCon2ScrollNext:hover {
    background-image: url(../images/jiantou-icon3-w.png);
    background-color: var(--themeColor);
}

/* 第二栏 end */
/* 第三栏 start */
.aboCol3 {
    overflow: hidden;
    height: 800px;
    width: 100%;
    position: relative;
}

.aboCol3 dt {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: no-repeat center center / cover;
    z-index: 1;
    transition: all 0.3s;
}

.aboCol3 dd {
    display: inline;
    float: left;
    width: 33.3333%;
    position: relative;
    height: 100%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: transparent;
    position: relative;
    z-index: 2;
}

.aboCol3 dd~dd:after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
}

.aboCol3 dd .con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.aboCol3 dd .icon {
    width: 100%;
    height: 114px;
    background: no-repeat center center;
    position: relative;
}

.aboCol3 dd .icon:after {
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #f7ab00;
}

.aboCol3 dd .text {
    font-size: 30px;
    color: #ffffff;
    line-height: 68px;
    text-align: center;
    margin-bottom: 60px;
}

.aboCol3 .aboLookMore {
    border: 1px solid #fff;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.aboCol3 dd:hover {
    background: url(../images/aboCol3-list-bg.png) no-repeat center center / 100% 100%;
}

.aboCol3 dd:hover .con {
    margin-top: 30px;
}

.aboCol3 dd:hover .aboLookMore {
    opacity: 1;
    visibility: visible;
}

/* 第三栏 end */
/* ========== 关于我们 end ========== */
/* ========== 公司简介 start ========== */
.introduction {
    width: 100%;
    background: url(../images/introduction-bg.jpg) no-repeat center center / 100% 100%;
}

.introduction .locationBox {
    margin-bottom: 70px;
}

.intTopCon {
    overflow: hidden;
    margin-bottom: 100px;
}

.intTopCon .pic {
    display: inline;
    float: right;
    width: 695px;
    margin-left: 205px;
    cursor: pointer;
}

.intTopCon .pic::before {
    padding-top: 56.1151%;
}

.intTopCon .pic::after {
    display: block;
    content: '';
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5) url(../images/sanjiao.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 1;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
}

.intTopCon .pic:hover::after {
    opacity: 1;
    visibility: visible;
}

.intTopCon .text {
    overflow: hidden;
}

.intTopCon .text .title {
    font-size: 36px;
    color: #333333;
    line-height: 50px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    margin-bottom: 42px;
}

.intTopCon .text .info {
    font-size: 20px;
    color: #333333;
    line-height: 62px;
    margin-bottom: 62px;
    height: 62px;
}

.intTopCon .text .info span {
    font-size: 60px;
    font-family: 'apercu';
    font-weight: 700;
    background: url(../images/intTopCon-text-bg.jpg) no-repeat top right / 100% 100%;
    display: inline-block;
    color: transparent;
    -webkit-background-clip: text;
    vertical-align: middle;
    margin-left: 30px;
}

.intTopCon .text .textC {
    font-size: 22px;
    color: #555555;
    line-height: 36px;
}

.intList {
    overflow: hidden;
    padding-bottom: 70px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 88px;
}

.intList dd {
    display: inline;
    float: left;
    width: 25%;
}

.intList .con {
    overflow: hidden;
    width: max-content;
    margin: 0 auto;
}

.intList .con .numBox {
    font-size: 16px;
    color: #888888;
    line-height: 48px;
    font-family: 'apercu';
    margin-bottom: 15px;
}

.intList .con .numBox span {
    font-size: 48px;
    font-weight: bold;
    color: var(--themeColor);
    margin-right: 15px;
    font-family: 'Apercu Bold';
}

.intList .con .title {
    font-size: 18px;
    color: #666666;
    line-height: 36px;
}

.intCon {
    overflow: hidden;
    padding-bottom: 77px;
}

.intCon .pic {
    display: inline;
    float: left;
    width: 560px;
    margin-right: 208px;
}

.intCon .pic::before {
    padding-top: 125%;
}

.intCon .text {
    overflow: hidden;
    padding-top: 63px;
}

.intCon .text .textC {
    font-size: 20px;
    color: #555555;
    line-height: 36px;
}

/* ========== 公司简介 end ========== */
/* ========== 企业文化 start ========== */
.culture {
    overflow: hidden;
}

.culCol1 {
    overflow: hidden;
}

.culCol1 .textC {
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    width: 920px;
    text-align: center;
    margin: 0 auto 55px;
    height: 56px;
}

.culCon1 {
    overflow: hidden;
    margin-bottom: 100px;
}

.culCon1 .pic {
    overflow: hidden;
    width: 800px;
    display: inline;
    float: left;
}

.culCon1 .pic::before {
    padding-top: 70%;
}

.culCon1 .list {
    overflow: hidden;
}

.culCon1 .list dd {
    display: inline;
    float: left;
    width: 50%;
}

.culCon1 .list .con {
    overflow: hidden;
    height: 280px;
    background: #f3f6f9 no-repeat center center / cover;
}

.culCon1 .list dd:nth-of-type(2) .con {
    background-image: url(../images/culCol1-bg1.jpg);
}

.culCon1 .list dd:nth-of-type(2) .con .title, .culCon1 .list dd:nth-of-type(3) .con .title {
    color: #ffffff;
}

.culCon1 .list dd:nth-of-type(3) .con {
    background-image: url(../images/culCol1-bg2.jpg);
}

.culCon1 .list dd:nth-of-type(2) .con .title1 {
    color: #c7e3e2;
}

.culCon1 .list dd:nth-of-type(3) .con .title1 {
    color: #b0dcc4;
}

.culCon1 .list .con .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url(../images/culCol1-icon1.png) no-repeat center center;
    margin-top: 54px;
}

.culCon1 .list dd:nth-of-type(2) .icon {
    background-image: url(../images/culCol1-icon2.png);
}

.culCon1 .list dd:nth-of-type(3) .icon {
    background-image: url(../images/culCol1-icon3.png);
}

.culCon1 .list dd:nth-of-type(4) .icon {
    background-image: url(../images/culCol1-icon4.png);
}

.culCon1 .list .con .title {
    font-size: 24px;
    color: #333333;
    line-height: 54px;
    text-align: center;
}

.culCon1 .list .con .title1 {
    font-size: 15px;
    color: #999999;
    line-height: 26px;
    text-align: center;
    padding: 0 10px;
}

.culCol2 {
    overflow: hidden;
    margin-bottom: 100px;
}

.culCol2 dd {
    overflow: hidden;
}

.culCol2 .con {
    overflow: hidden;
}

.culCol2 .culScroll {
    display: inline;
    float: right;
    width: 50%;
    position: relative;
    margin-left: 120px;
}

.culCol2 dd:nth-of-type(even) .culScroll {
    float: left;
    margin-left: 0;
    margin-right: 120px;
}

.culCol2 .culScroll .pic::before {
    padding-top: 56%;
}

.cul1Dot {
    position: absolute;
    left: 23px;
    bottom: 16px;
}

.cul1Dot .slick-dots li {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    margin: 0px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
}

.cul1Dot .slick-dots li~li {
    margin-left: 10px;
}

.cul1Dot .slick-dots li.slick-active {
    background: var(--themeColor)
}

.culCol2 .text {
    overflow: hidden;
    padding-top: 70px;
}

.culCol2 .text .title {
    font-size: 30px;
    color: #333333;
    line-height: 45px;
    padding-bottom: 40px;
    position: relative;
    margin-bottom: 40px;
}

.culCol2 .text .title::after {
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    background: #f6a700;
    position: absolute;
    left: 0;
    bottom: 0
}

.culCol2 .text .textC {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
}

/* ========== 企业文化 end ========== */
/* ========== 发展历程 start ========== */
.history .cont .tit {
    text-align: center;
}

.history .cont .tit h3 {
    font-size: 70px;
    color: #222;
}

.history .cont .tit h4 {
    font-weight: 600;
    font-size: 30px;
    color: #222;
    margin: 26px 0 46px;
}

.history .cont .tit h4 span {
    color: #e60012;
}

.history .cont .tit p {
    font-weight: 300;
    font-size: 20px;
    color: #222;
    margin-bottom: 32px;
    line-height: 1.4;
}

.history .cont .tit p:last-of-type {
    margin-bottom: 0;
}

.history .cont .tab {
    position: sticky;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 130px;
    margin-bottom: 100px;
    z-index: 40;
}

.history .cont .tab.on {
    background: #222222;
    padding: 10px 0;
}

.history .cont .tab li {
    position: relative;
    height: 40px;
    border-radius: 20px;
    background: #e1e1e1;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 40px;
    margin-right: 40px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 20px;
}

.history .cont .tab li.on {
    background: var(--themeColor);
    color: #fff;
}

.history .cont .move_ctn {
    position: relative;
    overflow: hidden;
}

.history .cont .move_ctn .item {
    position: relative;
}

.history .cont .move_ctn .scroll_down {
    position: absolute;
    top: 70vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.history .cont .move_ctn .scroll_down::after {
    display: block;
    content: '';
    width: 16px;
    height: 24px;
    background: url(../images/jiantou-icon7.png) no-repeat center center /cover ;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    animation: modScroll 1s infinite alternate linear;
}

.history .cont .move_ctn .scroll_down .icon {
    animation: modScroll1 5s infinite linear;
    width: 156px;
    height: 156px;
    background: url(../images/col1Con-icon.png) no-repeat center center / cover;
}

@keyframes modScroll {
    0% {
        transform: translate(-50% ,-50%);
    }

    100% {
        transform: translate(-50% ,-30%);
    }
}

@keyframes modScroll1 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg);
    }
}

.history .cont .move_ctn .item {
    position: relative;
    background: #fff;
    margin-bottom: 50vh;
}

.history .cont .move_ctn .item:last-of-type {
    margin-bottom: 30vh;
}

.history .cont .move_ctn .top_box {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 75.66999474513925%;
    height: 360px;
    background: #000;
    z-index: 10;
}

.history .cont .move_ctn .item .top_box.bg01 {
    background: url(../images/history_main01.jpg) no-repeat center center/ cover;
}

.history .cont .move_ctn .top_box .txt {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.history .cont .move_ctn .top_box .txt h3 {
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    position: relative;
    line-height: 50px;
    padding-bottom: 34px;
}

.history .cont .move_ctn .top_box .txt h3::after {
    display: block;
    content: '';
    width: 25px;
    height: 25px;
    background: url(../images/history-icon.png) no-repeat center center / cover;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.history .cont .move_ctn .top_box .txt p {
    font-size: 20px;
    color: #ff0000;
    margin-top: 12px;
    font-weight: 500;
}

.history .cont .move_ctn .top_box .txt .year {
    font-size: 60px;
    color: #ffffff;
    line-height: 55px;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    font-weight: 700;
    color: #fff;
    margin-top: 0;
}

.history .cont .move_ctn .his_cont {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 36.36363636363636%;
    height: 100vh;
    margin-left: auto;
    opacity: 0;
}

.history .cont .move_ctn .his_cont .txt {
    padding-left: 120px;
    box-sizing: border-box;
    margin-top: 100px;
}

.history .cont .move_ctn .his_cont .txt h3 {
    font-weight: 600;
    font-size: 30px;
    color: var(--themeColor);
    line-height: 36px;
}

.history .cont .move_ctn .his_cont .txt p {
    font-size: 20px;
    color: #e60012;
    margin-top: 12px;
}

.history .cont .move_ctn .his_cont .txt p.year {
    font-weight: 700;
    font-size: 60px;
    color: #e1e1e1;
    font-family: 'apercu-bold';
}

.history .cont .move_ctn .his_cont .list_ctn {
    position: relative;
    margin-top: 200px;
}

.history .cont .move_ctn .his_cont .list_ctn .progress {
    position: absolute;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #aaa;
}

.history .cont .move_ctn .his_cont .list_ctn .progress span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--themeColor);
}

.history .cont .move_ctn .his_cont .list_ctn .list {
    position: absolute;
    top: -79px;
    display: flex;
    white-space: nowrap;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li {
    margin-right: 160px;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li:first-of-type {
    padding-left: 210px;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li:last-of-type {
    margin-right: 0;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li > span {
    position: relative;
    font-weight: bold;
    font-size: 26px;
    color: #222;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li > span::after {
    content: '';
    position: absolute;
    top: 70px;
    left: 18px;
    border: 4px solid #fff;
    background: #222;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-sizing: border-box;
    transition: 0.3s;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li > span::before {
    content: '';
    position: absolute;
    top: 63px;
    left: 10px;
    width: 32px;
    height: 32px;
    background: var(--themeColor);
    opacity: 0.1;
    transform: scale(0);
    border-radius: 50%;
    transition: 0.3s;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li.on > span::after {
    background: var(--themeColor);
    border-color: var(--themeColor);
    transform: scale(0.8);
}

.history .cont .move_ctn .his_cont .list_ctn .list > li.on > span::before {
    transform: scale(1);
}

.history .cont .move_ctn .his_cont .list_ctn .list > li > ul {
    margin-top: 100px;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li > ul li {
    position: relative;
    font-size: 16px;
    color: #555555;
    line-height: 30px;
    width: 240px;
    text-wrap: wrap;
}

.history .cont .move_ctn .his_cont .list_ctn .list > li > ul li span {
    position: absolute;
    left: 0;
}

.history .cont .move_ctn .his_cont .list_ctn .img {
    position: absolute;
    width: 100%;
    top: 180px;
    left: 50%;
    display: flex;
    z-index: -1;
}

.history .cont .move_ctn .his_cont .list_ctn .img.img03 {
    left: 70%;
}

.history .cont .move_ctn .his_cont .list_ctn .img figure {
    margin-right: 420px;
}

.history .cont .move_ctn .his_cont .list_ctn .img.img01 figure:nth-of-type(2n) {
    transform: translateY(-80px);
}

.history .cont .move_ctn .his_cont .list_ctn .img.img02 figure:nth-of-type(5) {
    transform: translateY(-90px);
}

.history .cont .move_ctn .his_cont .list_ctn .img.img02 figure:nth-of-type(3), .history .cont .move_ctn .his_cont .list_ctn .img.img02 figure:nth-of-type(1) {
    transform: translateY(-80px);
}

/* ========== 发展历程 end ========== */
/* ========== 社会责任 start ========== */
.society {
    overflow: hidden;
    padding-top: 66px;
}

.socCol1 {
    overflow: hidden;
}

.socTitle {
    font-size: 36px;
    color: #333333;
    line-height: 60px;
    padding-bottom: 28px;
    position: relative;
}

.socTitle:after {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: rgba(0, 117, 194, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 50%;
}

.socTitle::before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: rgba(246, 167, 0, 0.8);
    position: absolute;
    left: 12px;
    bottom: 0;
    border-radius: 50%;
    z-index: 1;
}

.socCol1 {
    margin-bottom: 50px;
}

.socCol1 .socTitle {
    margin-bottom: 45px;
}

.socCol1 .pic {
    width: 680px;
    display: inline;
    float: right;
    border-radius: 0 0 0 60px;
    margin-left: 130px;
    overflow: hidden;
}

.socCol1 .pic::before {
    padding-top: 67.6471%;
}

.socCol1 .text {
    overflow: hidden;
}

.socCol1 .text .textC {
    font-size: 18px;
    color: #444444;
    line-height: 30px;
    height: 300px;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 10 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.socCol2 {
    background: no-repeat center center / cover;
    padding-bottom: 110px;
}

.socCol2::after {
    display: block;
    content: '';
    clear: both;
}

.socCol2 .wrap {
    position: relative;
}

.socCol2 .asideImg {
    position: absolute;
    left: 0;
    top: -80px;
    width: 283px;
    height: 160px;
    border-radius: 10px;
    background: no-repeat center center / cover;
}

.socCol2 .socTitle {
    margin-bottom: 40px;
    padding-top: 50px;
}

.socCol2 .socTitle {
    text-align: center;
    color: #fff;
}

.socCol2 .socTitle::after {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: rgba(239, 244, 249, 0.8);
}

.socCol2 .socTitle::before {
    left: calc(50% + 12px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    background: rgba(246, 236, 215, 0.8);
}

.socCol2 .textC {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    text-align: center;
    width: 1020px;
    margin: 0 auto;
    height: 90px;
    margin-bottom: 72px;
}

.socCol2 .list {
    margin-right: -40px;
}

.socCol2 .list dd {
    display: inline;
    float: left;
    width: 50%;
}

.socCol2 .list .pic {
    margin-right: 40px;
}

.socCol2 .list .pic::before {
    padding-top: 56.0109%;
}

.socCol3 {
    overflow: hidden;
    padding: 80px 0 15px;
}

.socCol3 .imgBox {
    display: inline;
    float: right;
    width: 710px;
    height: 610px;
    background: url(../images/socCol3-bg.png) no-repeat center center / cover;
    margin-left: 150px;
    position: relative;
}

.socCol3 .imgBox .pic1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 688px;
    clip-path: circle(37.2093% at 50%);
}

.socCol3 .imgBox .pic1::before {
    padding-top: 64.6802%;
}

.socCol3 .imgBox .pic2 {
    width: 340px;
    border-radius: 10px 50px 10px 10px;
    overflow: hidden;
    position: absolute;
    left: -5%;
    bottom: 80px;
}

.socCol3 .imgBox .pic2::before {
    padding-top: 65.8824%;
}
.socCol3 .imgBox .pic3 {
    width: 300px;
    border-radius: 50px 10px 10px 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 80px;
}
.socCol3 .text {
    overflow: hidden;
}

.socCol3 .text .socTitle {
    margin-bottom: 48px;
}

.socCol3 .text .socTitle::after {
    background: rgba(128, 194, 105, 0.8);
}

.socCol3 .text .textC {
    font-size: 18px;
    color: #444444;
    line-height: 30px;
}

/* ========== 社会责任 end ========== */
/* ========== 组织架构 start ========== */
.organize {
    overflow: hidden;
}

.organize .imgBox {
    width: 100%;
    margin-bottom: 80px;
}

.organize .imgBox img {
    width: 100%;
}

/* ========== 组织架构 end ========== */
/* ========== 新闻详情 start ========== */
.articleC {
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 10px;
}

.articleHeader {
    overflow: hidden;
    padding: 40px 0 0;
    margin-bottom: 30px;
}

.articleBody {
    overflow: hidden;
    padding: 0 40px 0;
}

.articleFooter {
    overflow: hidden;
    border-radius: 5px;
}

.articlePublish {
    overflow: hidden;
    border-bottom: 1px solid #cadbee;
    padding-bottom: 33px;
}

.articlePublish .item {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: center;
    overflow: hidden;
    margin: 0 10px;
}

.articlePublish .item span {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    font-size: 16px;
    line-height: 28px;
}

.articlePublish .leftBox {
    overflow: hidden;
    line-height: 30px;
    color: #666666;
    text-align: center;
}

.articlePublish .leftBox .item.articleAuthor span:nth-of-type(1) {
    padding-left: 27px;
    background: url(../images/articleAuthor-icon.png) no-repeat center left;
}

.articlePublish .leftBox .item.articleTime span:nth-of-type(1) {
    padding-left: 27px;
    background: url(../images/articleTime-icon.png) no-repeat center left;
}

.articlePublish .leftBox .item.articleSource span:nth-of-type(1) {
    padding-left: 27px;
    background: url(../images/articleSource-icon.png) no-repeat center left;
}

.articlePublish .leftBox .item.articleBrowse span:nth-of-type(1) {
    padding-left: 27px;
    background: url(../images/articleBrowse.png) no-repeat center left;
}

.articleAudio, .articleBigPicture, .articleVideo, #play, .articleBox, .articlePagination, .articleAnnex {
    margin-bottom: 20px;
}

/* 字体大小 */
.articleSize {
    font-size: 0;
    text-align: center;
}

.articleSize span {
    display: inline-block;
    vertical-align: middle;
    color: #666666;
    font-size: 14px;
    line-height: 35px;
    cursor: pointer;
    margin: 0 5px;
    padding: 0 5px;
    transition: .3s linear;
    -webkit-transition: .3s linear;
}

.articleSize span.hover, .articleSize span:hover {
    color: var(--themeColor);
}

/* 文章标题 start */
.articleTitle {
    line-height: 50px;
    font-size: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    color: #333333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 22px;
}

/* 文章标题 end */
/* 分割线 start */
.articleLine {
    width: 100%;
    height: 8px;
    background: url(../images/articleLine.jpg) no-repeat center center / 100% 100%;
}

/* 分割线 end */
/* 音频 start */
.newsView {
    overflow: hidden;
}

.locaBox {
    background: #f7f7f7;
    height: 50px;
    width: 100%;
    font-size: 16px;
}

.locaBox span {
    margin: 0 5px;
    color: rgba(0,0,0,0.6);
}

.locaBox a {
    color: #666666;
    line-height: 50px;
}

.locaBox a.hover, .locaBox a:hover {
    color: var(--themeColor);
}

.articleAudio {
    overflow: hidden;
}

.articleAudio .audiojs audio {
    position: absolute;
    left: -1px;
    opacity: 0;
}

.articleAudio .audiojs {
    z-index: 99999;
    background: #fff;
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
    width: 400px;
    margin: 0 auto;
    border: 1px solid #e5e5e5;
}

.articleAudio .audiojs .play-pause {
    width: 25px;
    height: 27px;
    padding: 4px 6px;
    margin: 0px;
    float: left;
    overflow: hidden;
    position: relative;
}

.articleAudio .audiojs .play-pause:before {
    content: '';
    display: block;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    transform: scaleX(0.3);
    -webkit-transform: scaleX(0.3);
}

.articleAudio .audiojs p {
    display: none;
    width: 25px;
    height: 27px;
    margin: 0px;
    cursor: pointer;
}

.articleAudio .audiojs .play {
    display: block;
}

.articleAudio .audiojs .scrubber {
    position: relative;
    float: left;
    width: 240px;
    background: #f5f5f5;
    height: 14px;
    margin: 10px;
    top: 1px;
    overflow: hidden;
}

.articleAudio .audiojs .progress {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 14px;
    width: 0px;
    background: #fbbc05;
    z-index: 1;
}

.articleAudio .audiojs .loaded {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 14px;
    width: 0px;
    background: #ffeebb;
    cursor: pointer;
}

.articleAudio .audiojs .time {
    overflow: hidden;
    height: 35px;
    line-height: 36px;
    margin: 0px 0px 0px 6px;
    padding: 0px 6px 0px 12px;
    position: relative;
    color: #666;
}

.articleAudio .audiojs .time:before {
    content: '';
    display: block;
    border-left: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    transform: scaleX(0.3);
    -webkit-transform: scaleX(0.3);
}

.articleAudio .audiojs .time em {
    padding: 0px 2px 0px 0px;
    color: #666;
    font-style: normal;
}

.articleAudio .audiojs .time strong {
    padding: 0px 0px 0px 2px;
    font-weight: normal;
}

.articleAudio .audiojs .error-message {
    display: none;
    padding: 0px 10px;
    height: 35px;
    overflow: hidden;
    line-height: 36px;
    white-space: nowrap;
    color: #666;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}

.articleAudio .audiojs .error-message a {
    color: #666;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #999;
    white-space: wrap;
}

.articleAudio .audiojs .play {
    background: url(../../common/components/audio/images/play.png) center center no-repeat;
    background-size: 14px;
}

.articleAudio .audiojs .loading {
    background: url(../../common/components/audio/images/loading.png) center center no-repeat;
    background-size: 14px;
    -webkit-animation: fa-rotating 2s infinite linear;
    animation: fa-rotating 2s infinite linear;
}

.articleAudio .audiojs .loading:before {
    content: '';
}

@keyframes fa-rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes fa-rotating {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.articleAudio .audiojs .error {
    background: url(../../common/components/audio/images/error.png) center center no-repeat;
    background-size: 14px;
}

.articleAudio .audiojs .pause {
    background: url(../../common/components/audio/images/pause.png) center center no-repeat;
    background-size: 16px;
}

.articleAudio .playing .play, .articleAudio .playing .loading, .articleAudio .playing .error , .articleAudio .loading .play, .articleAudio .loading .pause, .articleAudio .loading .error , .articleAudio .error .time, .articleAudio .error .play, .articleAudio .error .pause, .articleAudio .error .scrubber, .articleAudio .error .loading {
    display: none;
}

.articleAudio .playing .pause, .articleAudio .loading .loading, .articleAudio .error .error, .articleAudio .error .error-message {
    display: block;
}

.articleAudio .error .play-pause p {
    cursor: auto;
}

/* 音频 end */
/* 视频 start */
.articleVideo {
    width: 600px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-bg .ck-bar-progress-play, .articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left div, .articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left div {
    background: var(--themeColor);
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-bar-volume .ck-bar-volume-bg .ck-bar-volume-pp, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-list-bg-box .ck-list-bg .ck-list-p-focus, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playbackrate-box .ck-bar-playbackrate:hover, .articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-right, .articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-right {
    color: var(--themeColor);
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container:hover .ck-top-bar-zoom-left, .articleVideo .ckplayer-ckplayer .ck-main .ck-top-bar .ck-top-bar-zoom .ck-top-bar-zoom-container.ck-top-bar-zoom-container-focus .ck-top-bar-zoom-left {
    border-color: var(--themeColor);
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-fullandexit .ck-btn-full:hover, .articleVideo .ckplayer-ckplayer .ck-main.ck-main-full .ck-bar .ck-bar-fullandexit .ck-btn-exitfull:hover, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-muted:hover, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-play:hover, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-refresh:hover, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-volumebox .ck-btn-exitmuted:hover, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-playandpause .ck-btn-pause:hover {
    background-image: url('../images/common/ckplayer.png');
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-center-play {
    background-position: 63% center;
    background-size: 40% 40%;
    border: 4px solid rgba(255, 255, 255, .3);
    background-color: rgba(255, 255, 255, .15);
    width: 60px !important;
    height: 60px !important;
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-center-play:hover {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-bg, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-load, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-play, .articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress-mouseline {
    height: 6px !important;
}

.articleVideo .ckplayer-ckplayer .ck-main .ck-bar .ck-bar-progress .ck-bar-progress-slider {
    width: 10px;
    height: 10px;
    top: -8px;
}

/* 视频 end */
/* 大图 start */
.articleBigPicture {
    overflow: hidden;
}

#play {
    width: 600px;
    height: 400px;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e9e9e9;
    margin-left: auto;
    margin-right: auto;
}

#play .change_a {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

#play .prev_a {
    left: 0;
}

#play .next_a {
    right: 0;
    text-align: right;
}

#play .change_a span {
    width: 100%;
    height: 0;
    line-height: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
    font-size: 80px;
}

#play .prev_a span {
    left: 0;
}

#play .next_a span {
    right: 0;
    text-align: right;
}

#play .img_ul,.imgMove {
    width: 600px;
}

#play .img_ul {
    position: relative;
    z-index: 1;
    height: 400px;
}

#play .img_ul li {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #fff;
}

#play .img_ul li img, .img_hd ul li img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.imgMove {
    clear: both;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.img_hd {
    margin: 0 auto;
    overflow: hidden;
    height: 60px;
    position: relative;
}

.img_hd ul {
    z-index: 1;
    margin: 0 auto;
}

.img_hd ul li {
    float: left;
    height: 52px;
    width: 70px;
    padding: 3px;
    margin: 0 7px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d4d4d4;
    position: relative;
}

.img_hd ul li p {
    height: 100%;
    width: 100%;
    display: block;
    background: #fff;
    position: relative;
}

.img_hd ul li i {
    display: block;
    clear: both;
    line-height: 20px;
    padding: 0 5px;
    background: #000;
    color: #fff;
    position: absolute;
    right: 3px;
    bottom: 3px;
    z-index: 9;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
}

.img_hd ul li.on {
    border: 1px solid var(--themeColor);
    background: var(--themeColor);
}

.imgMove .bottom_a {
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 50px;
    display: block;
    cursor: pointer;
    float: left;
    top: 0;
    position: absolute;
    z-index: 9;
    color: var(--themeColor);
}

.imgMove .prev_a {
    left: 0;
}

.imgMove .next_a {
    right: 0;
    text-align: right;
}

/* 大图 end */
/* 内容区 start */
.articleBox {
    line-height: 32px;
    color: #666666;
    font-size: 18px;
    overflow: hidden;
}

.articleBox img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

/* 内容区 end */
/* 页码 start */
.articlePagination {
    clear: both;
    text-align: center;
    font-family: Arial;
    font-size: 0;
}

.articlePagination a {
    margin: 0 5px;
    background: #ccc;
    padding: 3px 12px;
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.articlePagination a:hover, .articlePagination a.hover {
    color: #fff;
    background: var(--themeColor);
}

/* 页码 end */
/* 附件 start */
.articleAnnex {
    clear: both;
    font-size: 16px;
    overflow: hidden;
}

.articleAnnex a {
    display: inline-block;
    line-height: 32px;
    padding: 0 20px 0px 30px;
    background-position: left -3px center;
    background-repeat: no-repeat;
    background-size: auto 32px;
    background-image: url('../images/common/file/file.png');
    color: #666;
    margin-bottom: 10px;
}

.articleAnnex a.word {
    background-image: url('../images/common/file/word.png');
    color: #37a6ff !important;
}

.articleAnnex a.ppt {
    background-image: url('../images/common/file/ppt.png');
    color: #ff7735 !important;
}

.articleAnnex a.excel {
    background-image: url('../images/common/file/excel.png');
    color: #15bf44 !important;
}

.articleAnnex a.pdf {
    background-image: url('../images/common/file/pdf.png');
    color: #1369c0 !important;
}

.articleAnnex a.zip {
    background-image: url('../images/common/file/zip.png');
    color: #ff9779 !important;
    background-size: auto 22px;
    background-position: left center;
}

.articleAnnex a:hover {
    text-decoration: underline;
}

/* 附件 end */
/* 上一篇/下一篇 start */
.articlePage {
    display: block;
    color: #999999;
    font-size: 16px;
    line-height: 78px;
    height: 78px;
    position: relative;
    border: 1px solid rgba(153, 153, 153, 0.2);
    border-left: 0;
    border-right: 0;
}

.articlePage .item {
    width: calc(50% - 39px);
    display: inline;
    float: left;
    text-align: left;
    font-size: 16px;
    color: #999999;
}

.articlePage a {
    font-size: 18px;
    color: #999999;
    position: relative;
    z-index: 10;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
}

.articlePage .item .pageNext {
    margin-left: 60px;
}

.articlePage .item:hover span {
    color: var(--themeColor);
}

.articlePage .item:hover a {
    color: var(--themeColor);
}

.articlePage .backBtn {
    width: 76px;
    height: 78px;
    border: 1px solid rgba(153, 153, 153, 0.2);
    display: inline;
    float: left;
    border-top: 0;
    border-bottom: 0;
    background: url(../images/newsView-backBtn.png) no-repeat center center;
}

/* 上一篇/下一篇 end */
/* ========== 新闻详情 end ========== */
/* ========== 化肥产业 start ========== */
/* 第一栏 start */
.industry {
    overflow: hidden;
}

.industry .aboEnTitle {
    color: rgba(153, 153, 153, 0.15);
}

.indCol1 {
    overflow: hidden;
    margin-bottom: 60px;
}

.indCTop1 {
    overflow: hidden;
    margin-bottom: 80px;
}

.industry .aboCnTitle {
    font-family: 'Alibaba PuHuiTi 2.0 55';
    text-align: left;
}

.industry .aboEnTitle {
    margin-bottom: 35px;
    color: #cadbee;
    text-align: left;
}

.indCTop1 .pic {
    width: 650px;
    display: inline;
    float: right;
    margin-left: 130px;
}

.indCTop1 .pic::before {
    padding-top: 66.6154%;
}

.indCTop1 .text {
    overflow: hidden;
}

.indCTop1 .textC {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    height: 240px;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 8 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.indCol1 .imgBox {
    width: 100%;
    position: relative;
    margin-bottom: 60px;
    height: 648px;
    background: no-repeat center center / cover;
    box-sizing: border-box;
    padding: 80px 0 0;
}

.indCol1 .imgBox::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.indCol1 .imgBox .wrap {
    position: relative;
    z-index: 3;
}

.indCol1 .imgBox .titleBox {
    display: inline;
    float: left;
    margin-right: 390px;
}

.indCol1 .titleBox .aboCnTitle {
    color: #fff;
}

.indCol1 .titleBox .aboEnTitle {
    color: #fff;
}

.indCol1 .imgBox .text1 {
    overflow: hidden;
}

.indCol1 .imgBox .text1 .text {
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 40px;
}

.indCol1 .imgBox .text1 .numBox {
    overflow: hidden;
    width: 100%;
    text-align: center;
	font-size: 0;
}

.indCol1 .imgBox .text1 .numBox dd {
    display: inline-block;
    /* float: left; */
    width: 50%;
    overflow: hidden;
}

.indCol1 .imgBox .text1 .numBox .num {
    font-size: 48px;
    overflow: hidden;
    color: #fff;
    line-height: 50px;
    margin-bottom: 16px;
    font-family: 'apercu';
    font-weight: 700;
    text-align: left;
}

.indCol1 .imgBox .text1 .numBox .num sup {
    font-size: 16px;
    line-height: 24px;
    vertical-align: text-top;
    margin-left: 20px;
    font-family: 'Alibaba PuHuiTi 2.0 55';
    color: rgba(255, 255, 255, 0.8);
}

.indCol1 .imgBox .text1 .numBox .info {
    font-size: 18px;
    margin-right: 10px;
    color: rgba(255, 255, 255, .8);
    line-height: 54px;
    float: left;
    display: inline;
}

.indCol1 .title {
    font-size: 24px;
    color: #333333;
    line-height: 50px;
    margin-bottom: 16px;
}

.indCol1 .imgList {
    overflow: hidden;
}

.indCol1 .imgList .aboCnTitle {
    font-size: 30px;
}

.indCol1 .imgList .aboEnTitle {
    font-size: 20px;
}

.indCol1 .imgList .rightBox {
    overflow: hidden;
    margin-right: -40px;
}

.indCol1 .imgList .rightBox dd {
    margin-bottom: 20px;
    display: inline;
    float: left;
    width: 50%;
    overflow: hidden;
}

.indCol1 .imgList .rightBox .con {
    margin-right: 40px;
    overflow: hidden;
}

.indCol1 .imgList .rightBox .pic {
    background: no-repeat center center / cover;
    display: block;
}

.indCol1 .imgList .rightBox .pic::before {
    padding-top: 41.0959%;
}

.indCol1 .imgList .textC {
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent,rgba(0,0,0,0.6));
    color: transparent;
    font-size: 18px;
    color: #ffffff;
    line-height: 125px;
    text-align: center;
}

/* 第一栏 end */
/* 第二栏 start */
.indCol2 {
    position: relative;
    overflow: hidden;
    padding: 45px 0 0;
}

.indCol2 .aboCnTitle {
    color: #333333;
    text-align: center;
}

.indCol2 .aboEnTitle {
    color: #cadbee;
    text-align: center;
}

.indCol2 .bg {
    height: 790px;
    background: no-repeat center center / cover;
}

.indCon2 {
    overflow: hidden;
    background: #fff;
    margin-top: -182px;
    padding-top: 60px;
}

.indCon2 .list {
    padding: 50px 30px 0 30px;
    overflow: hidden;
    margin-bottom: 40px;
}

.indCon2 .list dd {
    display: inline;
    float: left;
    width: 33.3333%;
    margin-bottom: 75px;
}

.indCon2 .list .con {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 26px;
}

.indCon2 .list .con::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 3px;
    background: #f6a700;
}

.indCon2 .list .con .title {
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}

.indCon2 .list .con .title1 {
    font-size: 16px;
    color: #999999;
    line-height: 24px;
}

/* 第二栏 end */
/* 第三栏 start */
.indCol3 {
    background: url(../images/indCol3-bg.jpg) no-repeat center center / cover;
    overflow: hidden;
    padding: 95px 0 110px;
}

.indCol3 .text {
    overflow: hidden;
}

.indCol3 .textC {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    margin-bottom: 50px;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 7 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.indCol3 .iconBox {
    overflow: hidden;
    margin-bottom: 25px;
}

.indCol3 .iconBox dd {
    display: inline;
    float: left;
    width: 33.3333%;
    position: relative;
    height: 117px;
}

.indCol3 .iconBox .con {
    position: absolute;
    width: 202px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    padding: 26px 0;
}

.indCol3 .iconBox .con:after {
    display: block;
    content: '';
    width: 68px;
    height: 117px;
    background: url(../images/indCon2-bg1.png) no-repeat center center / 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.indCol3 .iconBox .con::before {
    display: block;
    content: '';
    width: 68px;
    height: 117px;
    background: url(../images/indCon2-bg2.png) no-repeat center center / 100% 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.indCol3 .iconBox .con .title {
    width: 100%;
    font-size: 20px;
    color: #dfab5a;
    line-height: 30px;
    margin-bottom: 5px;
    text-align: center;
}

.indCol3 .iconBox .con .info {
    width: 100%;
    font-size: 16px;
    color: #dfab5a;
    line-height: 30px;
    text-align: center;
}

.indCol3 .pic {
    width: 650px;
    display: inline;
    float: right;
    margin-left: 136px;
    margin-top: 40px;
}

.indCol3 .pic::before {
    padding-top: 66.6154%;
}

.indCol3 .pic .title {
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to right,rgba(0, 117, 194, 0.8) ,transparent);
    width: 100%;
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    height: 60px;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 第三栏 end */
/* 第四栏 start */
.indBotBox {
    overflow: hidden;
    padding: 80px 0 0;
}

.indBotBox .textBox {
    overflow: hidden;
}

.indBotBox .aboCnTitle {
    text-align: center;
}

.indBotBox .aboEnTitle {
    text-align: center;
}

.indBotBox .textC {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    overflow-y: auto;
    /*text-align: center;*/
    margin: 0 auto 60px;
    width: 1300px;
}

.indBotBox .videoBox {
    overflow: hidden;
    height: 260px;
    position: relative;
    margin-bottom: 70px;
}

.indBotBox .videoBox::after {
    display: block;
    content: '';
    width: 113px;
    height: 113px;
    background: url(../images/indBotBox-icon.png) no-repeat center center / cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.indBotBox .videoBox img {
    width: 100%;
    height: 100%;
}

/* 第四栏 end */
/* ========== 化肥产业 end ========== */
/* ========== 磷矿采选 start ========== */
.rock .indCol1 {
    margin-bottom: 100px;
}

.rock .indCol1 .imgBox .titleBox {
    margin-right: 130px;
}

.rock .indCol1 .imgBox .text1 .text {
    font-size: 18px;
}

.rockCol3 {
    overflow: hidden;
}

.rockCol3 .textC {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    margin-bottom: 55px;
}

.rockCol3 .list1 {
    overflow: hidden;
    margin-right: -40px;
    margin-bottom: 80px;
}

.rockCol3 .list1 dd {
    display: inline;
    float: left;
    width: 50%;
}

.rockCol3 .list1 .con {
    margin-right: 40px;
    overflow: hidden;
}

.rockCol3 .list1 .pic::before {
    padding-top: 56.1644%;
}

.rockCol3 .textbox {
    overflow: hidden;
}

.rockCol3 .textbox .pic {
    display: inline;
    float: right;
    width: 50%;
}

.rockCol3 .textbox .text {
    overflow: hidden;
    padding-top: 87px;
}

.rockCol3 .textbox .con {
    margin-right: 40px;
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    padding-right: 50px;
}

/* ========== 磷矿采选 end ========== */
/* ========== 精细化工 start ========== */
.chemical .indCol1 .imgBox .textC {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
}

.cheCol2 {
    overflow: hidden;
}

.cheTop2 {
    overflow: hidden;
    margin-bottom: 60px;
}

.cheTop2 .text {
    overflow: hidden;
}

.cheTop2 .title {
    display: inline;
    float: left;
    width: 41.4667%;
}

.cheTop2 .textC {
    overflow: hidden;
    font-size: 18px;
    color: #444444;
    line-height: 30px;
}

.cheTop2 .textC em {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    font-style: normal;
}

.cheTop2 .textC strong {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    font-style: normal;
}

.cheCol3 {
    width: 100%;
    position: relative;
    margin-bottom: 80px;
}

.cheCol3::after {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #cadbee;
    position: absolute;
    left: 0;
    top: 66px;
    z-index: -1;
}

.cheCol3 .bd {
    padding: 0 30px;
}

.cheCol3 .slick-list {
    overflow: visible;
    margin-right: -78px;
}

.cheCol3 .myslide {
    width: 100%;
}

.cheCol3 .con {
    margin-right: 78px;
    display: block;
}

.cheCol3 .num {
    font-size: 20px;
    line-height: 132px;
    color: #666666;
    font-family: 'apercu';
    margin-bottom: 60px;
    background: #fff;
    width: max-content;
    padding: 0 4px;
    position: relative;
    text-align: center;
    border: 1px solid transparent;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    border-radius: 50%;
}

.cheCol3 .num::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    height: 114px;
    border-radius: 50%;
    background: var(--themeColor);
    z-index: -1;
    width: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.cheCol3 .textC {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.cheCol3 .myslide:hover .num {
    background: transparent;
    width: 132px;
    height: 132px;
    border: 1px solid #cadbee;
    font-size: 30px;
    color: #fff;
}

.cheCol3 .myslide:hover .num::after {
    width: 114px;
}

.cheCol3 .myslide:hover .textC {
    color: var(--themeColor);
}

.cheCol4 {
    overflow: hidden;
    margin-right: -40px;
    margin-bottom: 100px;
}

.cheCol4 dd {
    display: inline;
    float: left;
    width: 50%;
}

.cheCol4 .con {
    margin-right: 40px;
}
.cheCol4 .con .pic .textC{position: absolute;left: 0;bottom: 0;height: 80px;line-height: 80px;text-align: center;font-size: 18px;color: #fff;background-color: rgba(0,0,0,0.4);width: 100%;}
    /* ========== 精细化工 end ========== */
/* ========== 商贸及制造物流 start ========== */
.commerce .indCol1 {
    margin-bottom: 0;
}

.comeCol2 {
    width: 100%;
    position: relative;
}

.comeCol2 .bg {
    width: 100%;
    height: 650px;
    background: no-repeat center center / cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.comeCol2 .text {
    padding-top: 90px;
}

.comeCol2 .text .aboCnTitle {
    color: #fff;
}

.comeCol2 .text .aboEnTitle {
    color: #fff;
    line-height: 25px;
    margin-bottom: 85px;
}

.comeCol2 .text .textC {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    height: 210px;
    margin-bottom: 50px;
}

.comeCon2 {
    background: #fff;
    padding-top: 60px;
}

.comeCon2 .aboCnTitle {
    text-align: center;
}

.comeCon2 .aboEnTitle {
    text-align: center;
    margin-bottom: 50px;
}

.comeCon2 .list::after {
    display: block;
    content: '';
    clear: both;
}

.comeCon2 .list dd {
    display: inline;
    float: left;
    width: max-content;
    margin-left: 50px;
    margin-bottom: 60px;
}

.comeCon2 .list dd:nth-of-type(1) {
    margin-left: 70px;
}

.comeCon2 .list dd:nth-of-type(5) {
    margin-left: 157px;
}

.comeCon2 .list dd:nth-of-type(5) ~ dd {
    margin-left: 150px;
}


.comeCon2 .list .con {
    overflow: hidden;
}

.comeCon2 .list .con .icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #cce3f3;
    position: relative;
    display: inline;
    float: left;
    margin-right: 15px;
}

.comeCon2 .list .con .icon::after {
    display: block;
    content: '';
    width: 9px;
    height: 9px;
    background: var(--themeColor);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.comeCon2 .list .con .textC {
    overflow: hidden;
    font-size: 18px;
    color: #333333;
    line-height: 25px;
}

.comeCon3 {
    overflow: hidden;
    margin-bottom: 80px;
}

.comeCon3 .imgBox {
    display: inline;
    float: right;
    width: 377px;
    height: 391px;
    margin: 60px 100px 0 175px;
}

.comeCon3 .imgBox img {
    width: 100%;
    height: 100%;
}

.comeCon3 .textBox {
    overflow: hidden;
    font-size: 18px;
    color: #555555;
    line-height: 30px;
}

.comeCon3 .textBox em {
    font-size: 24px;
    color: #333333;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    font-style: normal;
}

.comeCon3 .textBox strong {
    font-size: 20px;
    color: #333333;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    font-style: normal;
}

.comeCon4 {
    overflow: hidden;
}

.comeCon4 .imgBox {
    width: 100%;
    height: 250px;
    background: no-repeat center center / cover;
    margin-bottom: 56px;
}

.comeCon4 .title1 {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    text-align: center;
}

.comeCon4 .title2 {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    text-align: center;
    margin-bottom: 60px;
}

.comeCon4 .title2 {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    text-align: center;
    margin-bottom: 60px;
}

.comeCon4 .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 120px;
    overflow: hidden;
}

.comeCon4 .list .con {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.comeCon4 .list .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #f5f5f5 no-repeat center center;
    margin-bottom: 17px;
}

.comeCon4 .list .textC {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
}

/* ========== 商贸及制造物流 end ========== */
/* ========== 国际化业务 start ========== */
.international .indCol1 {
    margin-bottom: 0;
}

.intCon2 {
    width: 100%;
    height: 650px;
    margin-bottom: 70px;
}

.intCon2 .bg {
    background: no-repeat center center / cover;
    width: 100%;
    height: 100%;
}

.intCon3 {
    overflow: hidden;
}

.intCon3 .aboCnTitle {
    text-align: center;
}

.intCon3 .aboEnTitle {
    text-align: center;
    margin-bottom: 40px;
}

.intCon3 .list {
    margin-right: -40px;
    overflow: hidden;
    margin-bottom: 36px;
}

.intCon3 .list dd {
    display: inline;
    float: left;
    width: 33.3333%;
}

.intCon3 .list .con {
    margin-right: 40px;
    display: block;
}

.intCon3 .list .pic {
    margin-bottom: 24px;
}

.intCon3 .list .pic::before {
    padding-top: 67.0213%;
}

.intCon3 .list .textC {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
}

.intCon3 .conBox {
    overflow: hidden;
    position: relative;
    margin-bottom: 40px;
}

.intCon3 .conBox .pic {
    display: inline;
    float: left;
    width: 730px;
}

.intCon3 .conBox .pic::before {
    padding-top: 56.1644%;
}

.intCon3 .conBox .text {
    overflow: hidden;
    background: #fafafa;
    position: absolute;
    right: 0;
    top: 0;
    width: 51.3333%;
    box-sizing: border-box;
    height: 100%;
}

.intCon3 .conBox .textC {
    font-size: 18px;
    color: #444444;
    line-height: 30px;
    position: absolute;
    left: 50px;
    top: 50%;
    right: 65px;
    transform: translateY(-50%);
}

.intCon3 .list1 {
    overflow: hidden;
    margin-right: -40px;
}

.intCon3 .list1 dd {
    display: inline;
    float: left;
    width: 25%;
    margin-bottom: 36px;
}

.intCon3 .list1 .con {
    margin-right: 40px;
}

.intCon3 .botText {
    font-size: 18px;
    color: #555555;
    line-height: 30px;
    margin-bottom: 82px;
}

/* ========== 国际化业务 end ========== */
/* ========== 绿色科技 start ========== */
.technology {
    overflow: hidden;
}

.tecCol1 {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tecCol1:after {
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f0f0f0;
    z-index: -1;
}

.tec1Top {
    padding: 92px 0 73px;
}

.tecCnTitle {
    font-size: 36px;
    color: #333333;
    line-height: 60px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
}

.tecEnTitle {
    font-size: 24px;
    color: #c7c7c7;
    line-height: 33px;
}

.tec1Top .titleBox {
    display: inline;
    float: left;
    margin-right: 350px;
}

.tec1Top .text {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    overflow: hidden;
    margin-top: 20px;
}

.tecCol1Scroll {
    width: 53.89%;
    display: inline;
    float: left;
}

.tecCol1Scroll .pic::before {
    padding-top: 67.767%;
}

.tec1Bot .text {
    overflow: hidden;
    padding: 0 210px 0 100px;
}

.tec1Bot .text .titleBox {
    margin-bottom: 46px;
    margin-top: 80px;
}

.tec1Bot .text .titleBox .num {
    font-size: 100px;
    color: #ebedeb;
    line-height: 26px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
}

.tec1Bot .text .titleBox .title {
    font-size: 30px;
    color: #333333;
    line-height: 36px;
    font-weight: 700;
    font-family: 'Alibaba PuHuiTi 2.0 85';
}

.tec1Bot .text .textC {
    font-size: 18px;
    color: #555555;
    line-height: 32px;
    margin-bottom: 55px;
    height: 160px;
    overflow: hidden;
}

.tec1Bot .text .aboLookMore {
    margin: unset;
    margin-bottom: 77px;
}

.tec1Bot .text .botBox {
    overflow: hidden;
}

.tec1Bot .text .botBox .btnBox {
    display: inline;
    float: left;
    overflow: hidden;
    margin-top: 44px;
}

.tec1Bot .text .botBox .smilImg {
    display: inline;
    float: right;
    width: 240px;
    height: 163px;
    background: no-repeat center center / cover;
}

.tec1Bot .text .botBox .btnPrev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--themeColor);
    background: url(../images/jiantou-icon2.png) no-repeat center center;
    transition: all 0.3s;
    cursor: pointer;
    display: inline;
    float: left;
    margin-right: 20px;
}

.tec1Bot .text .botBox .btnPrev:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon2-w.png);
}

.tec1Bot .text .botBox .btnNext {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--themeColor);
    background: url(../images/jiantou-icon3.png) no-repeat center center;
    transition: all 0.3s;
    cursor: pointer;
    display: inline;
    float: left;
}

.tec1Bot .text .botBox .btnNext:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon3-w.png);
}

.tecCol2 {
    overflow: hidden;
    position: relative;
}

.tecCol2 .pic {
    display: inline;
    float: right;
    width: 46.11%;
}

.tecCol2 .pic::before {
    padding-top: 81.7059%;
}

.tecCol2 .text {
    padding: 105px 0 0 210px;
}

.tecCol2 .text .tecEnTitle {
    margin-bottom: 47px;
}

.tecCol2 .text .title1 {
    font-size: 30px;
    color: #333333;
    line-height: 42px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
}

.tecCol2 .text .title2 {
    font-size: 18px;
    color: var(--themeColor);
    line-height: 40px;
    margin-bottom: 50px;
}

.tecCol2 .text dl {
    overflow: hidden;
}

.tecCol2 .text dl dt {
    font-size: 24px;
    color: #333333;
    line-height: 28px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px;
}

.tecCol2 .text dl dt::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 3px;
    height: 21px;
    background: var(--themeColor);
}

.tecCol2 .text dl dd {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    position: relative;
    padding-left: 20px;
}

.tecCol2 .text dl dd::after {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #f7ad06;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.tecCol2 .text dl dd:hover {
    color: #f7ad06;
}

.tecCol2 .btnBox {
    position: absolute;
    left: 40%;
    top: 120px;
    overflow: hidden;
}

.tecCol2 .smilImg {
    display: inline;
    float: right;
    width: 240px;
    height: 163px;
    background: no-repeat center center / cover;
}

.tecCol2 .btnPrev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--themeColor);
    background: url(../images/jiantou-icon2.png) no-repeat center center;
    transition: all 0.3s;
    cursor: pointer;
    display: inline;
    float: left;
    margin-right: 20px;
}

.tecCol2 .btnPrev:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon2-w.png);
}

.tecCol2 .btnNext {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--themeColor);
    background: url(../images/jiantou-icon3.png) no-repeat center center;
    transition: all 0.3s;
    cursor: pointer;
    display: inline;
    float: left;
}

.tecCol2 .btnNext:hover {
    background-color: var(--themeColor);
    background-image: url(../images/jiantou-icon3-w.png);
}

.tecCol3 {
    background: url(../images/tecCol3-img.jpg) no-repeat center center / cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.tecCol3 .tecCnTitle {
    text-align: center;
    color: #2b4736;
    margin-top: 120px;
}

.tecCol3 .tecEnTitle {
    text-align: center;
    color: #505e30;
    margin-bottom: 30px;
}

.tecCol3 .textC {
    font-size: 16px;
    color: #213814;
    line-height: 30px;
    text-align: center;
    width: 1168px;
    margin: 0 auto;
}

.tecCol3 .list {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 1500px;
    overflow: hidden;
    height: 480px;
}

.tecCol3 .list dd {
    display: inline;
    float: left;
    width: 16.6667%;
    position: relative;
    height: 100%;
}

.tecCol3 .list .con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    overflow: hidden;
    width: 100%;
    transition: all 0.3s;
}

.tecCol3 .list .con .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background: no-repeat center center;
}

.tecCol3 .list .con .title {
    font-size: 18px;
    color: #ffffff;
    line-height: 54px;
    text-align: center;
}

.tecCol3 .list .con .textCon {
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    padding-top: 15px;
    position: relative;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.tecCol3 .list .con .imgBox {
    width: 100px;
    height: 100px;
    margin: 20px auto 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.tecCol3 .list .con .imgBox img {
    width: 100%;
    height: 100%;
}

.tecCol3 .list .con .textCon::after {
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    background: #f7ad06;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 0;
}

.tecCol3 .list dd::after {
    display: block;
    content: '';
    width: 100%;
    height: 0;
    background: linear-gradient(to bottom, transparent ,rgba(50, 177, 108, 0.8));
    transition: all 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.tecCol3 .list dd:hover::after {
    height: 100%;
}

.tecCol3 .list dd:hover .textCon {
    opacity: 1;
    visibility: visible;
}

.tecCol3 .list dd:hover .imgBox {
    opacity: 1;
    visibility: visible;
}

.tecCol3 .list dd:hover .con {
    top: 37.5%;
}

/* ========== 绿色科技 end ========== */
/* ========== 绿色科技详情 start ========== */
.technologyView {
    overflow: hidden;
}

.tecLine {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
}

.tecVCon1 {
    overflow: hidden;
    padding-bottom: 40px;
}
.tecVCon1.tecVCon1Con .pic{margin-top: 100px;}
.tecVCon1 .pic {
    display: inline;
    float: right;
    margin-left: 140px;
    width: 620px;
}

.tecVCon1 .pic::before {
    padding-top: 66.4516%;
}

.tecVCon1 .text {
    overflow: hidden;
    font-size: 18px;
    color: #444444;
    line-height: 30px;
    padding-top: 66px;
}

.technologyView .text .title1 {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    font-style: normal;
}

.tecVCon2 {
    padding: 40px 0 35px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}

.tecVCon2 .text {
    display: inline;
    float: left;
    width: 615px;
    margin-right: 155px;
}

.tecVCon2 .leftBox {
    overflow: hidden;
    font-size: 18px;
    color: #444444;
    line-height: 30px;
}

.tecVCon3 {
    padding: 40px 0;
}

.tecVCon3 .pic {
    float: left;
    margin: 0;
    margin-right: 140px;
}

.tecVCon4 {
    padding: 40px 0;
}

.tecVCon5 {
    margin-bottom: 46px;
}

.tecVCon6 {
    overflow: hidden;
    margin-bottom: 90px;
}

.tecVCon6 dd {
    display: inline;
    float: left;
    width: 33.3333%;
}

.tecVCon6 .con {
    overflow: hidden;
}

.tecVCon6 .con .title1 {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
}

.tecVCon6 .con .title2 {
    font-size: 18px;
    color: #444444;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
}

.tecVCon6 dd:nth-of-type(2) .con {
    display: inline;
    float: left;
    margin-left: 60px;
}

.tecVCon6 dd:nth-of-type(3) .con {
    display: inline;
    float: right;
}

/* ========== 绿色科技详情 end ========== */
/* ========== 云参观 start ========== */
.visitView {
    overflow: hidden;
    margin: 105px 0;
}

.visitView .wrap {
    overflow: hidden;
    position: relative;
}

.visitView .rightBox {
    width: 50%;
    cursor: pointer;
    position: relative;
}

.visitView .rightBox::after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) url(../images/videoList-icon.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}

.visitView .rightBox .pic::before {
    display: none;
}

.visitView .rightBox .pic {
    height: 100%;
}

.visitView .text {
    overflow: hidden;
    width: 50%;
    background: #f7f7f7;
    padding: 40px 45px 40px 45px;
    box-sizing: border-box;
}

.visitView .text .title {
    font-size: 30px;
    color: #333333;
    line-height: 50px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    margin-bottom: 18px;
}

.visitView .text .textC {
    font-size: 18px;
    color: #666666;
    line-height: 36px;
}

.massge {
    width: 100%;
    height: 360px;
    background: url(../images/massge-bg.jpg) no-repeat center center / cover;
    padding-top: 58px;
    box-sizing: border-box;
}

.massge .title {
    font-size: 30px;
    color: #ffffff;
    line-height: 70px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    text-align: center;
}

.massge .info {
    font-size: 16px;
    color: #ffffff;
    line-height: 35px;
    text-align: center;
    margin-bottom: 33px;
}

.massge .btnBox {
    width: max-content;
    margin: 0 auto;
    background: #fab71f;
    height: 55px;
    position: relative;
    padding: 0 42px;
    cursor: pointer;
    display: block;
}

.massge .btnBox::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}

.massge .btnBox:hover::after {
    width: 100%;
}

.massge .btnBox span {
    display: block;
    position: relative;
    z-index: 1;
    line-height: 55px;
    padding-left: 34px;
    background: url(../images/massge-icon.png) no-repeat center left;
    font-size: 16px;
    color: #ffffff;
}

/* ========== 云参观 end ========== */
/* 公司治理董事会 start */
.managers1 {
    overflow: hidden;
    padding: 50px 0;
    background: #f5f5f5;
}

.manAisde {
    display: inline;
    float: left;
    width: 300px;
    margin-right: 30px;
    background: #fff;
}

.cg .manAisde {
    background: rgba(0, 117, 193, 0.1);
}

.manAisde .title {
    font-size: 22px;
    color: #333333;
    line-height: 80px;
    padding: 0 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    border-bottom: 1px solid #e6e6e6;
}

.manAisde .list {
    overflow: hidden;
    padding: 10px 30px;
}

.manAisde .list .con {
    display: block;
    height: 60px;
    font-size: 18px;
    color: #333333;
    line-height: 60px;
    background: url(../images/jiantou-icon1-w.png) no-repeat center right;
    transition: all 0.3s;
}

.manAisde .list .con:hover, .manAisde .list dd.hover .con {
    background-image: url(../images/jiantou-icon3.png);
    color: var(--themeColor);
}

.manCon1 {
    overflow: hidden;
    padding: 40px 40px 10px 40px;
    background: #fff;
}

.manCon1 .box {
    width: 100%;
    margin-bottom: 40px;
    border: 1px dashed #1a80c8;
    background: url(../images/manCon1-bg.jpg) no-repeat right bottom
}

.manCon1 .box .title {
    font-size: 22px;
    color: #1a80c8;
    line-height: 60px;
    height: 60px;
    text-align: center;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    background: #e4f1f9;
}

.manCon1 .box .listCon {
    padding: 30px 30px 10px 30px;
}

.manCon1 .box .listCon .item {
    margin-bottom: 20px;
}

.manCon1 .box .listCon .itemC1 {
    font-size: 18px;
    color: #666666;
    line-height: 40px;
    height: 40px;
    background: url(../images/managers1-icon.png) no-repeat center left;
    padding-left: 60px;
    display: inline;
    float: left;
    width: 200px;
    margin-right: 20px;
}

.manCon1 .box .listCon .itemC2 {
    overflow: hidden;
    font-size: 18px;
    color: #444444;
    line-height: 40px;
}

.manCon1 .box .listCon .itemC2 span {
    display: inline-block;
}

.manCon1 .box .listCon .itemC2 span~span {
    margin-left: 55px;
}

/* 公司治理董事会 end */
/* 公司治理制度管理 start */
.managers2 {
    overflow: hidden;
    padding: 50px 0;
    background: #f5f5f5;
}

.manCon2 {
    padding: 23px 40px 50px 40px;
    background: #fff;
    overflow: hidden;
}

.manCon2 .list {
    overflow: hidden;
    margin-bottom: 32px;
}

.manCon2 .list dd {
    margin-bottom: 18px;
}

.manCon2 .list .con {
    overflow: hidden;
    font-size: 18px;
    color: #333333;
    line-height: 70px;
    height: 70px;
    border-bottom: 1px solid #ebebeb;
    display: block;
}

.manCon2 .list .con .time {
    display: inline;
    float: left;
    margin-right: 64px;
    color: #666666;
}

.manCon2 .list .con .textC {
    overflow: hidden;
    background: url(../images/jiantou-icon8.png) no-repeat center right;
}

.manCon2 .list .con:hover {
    color: var(--themeColor);
}

.manCon2 .list .con:hover .time {
    color: var(--themeColor);
}

.manCon2 .list .con:hover .textC {
    background-image: url(../images/jiantou-icon8-w.png);
}

/* 公司治理制度管理 end */
/* 公司治理ESG start */
.managers3 {
    overflow: hidden;
    padding: 50px 0;
    background: #f5f5f5;
}

.manCon3 {
    padding: 30px 40px 50px 40px;
    background: #fff;
    overflow: hidden;
}

/* 公司治理ESG end */
/* ========== 农业服务 start ========== */
.farming {
    overflow: hidden;
}

.farming .aboEnTitle {
    color: rgba(153, 153, 153, 0.15);
}

.farCol1 {
    overflow: hidden;
    padding: 120px 0 127px;
}

.farCol1 .aboCnTitle {
    text-align: left;
}

.farCol1 .aboEnTitle {
    text-align: left;
}

.farCol1 .pic {
    display: inline;
    float: right;
    width: 1040px;
    overflow: hidden;
}

.farCol1 .pic::before {
    padding-top: 56.25%;
}

.farCol1 .text {
    overflow: hidden;
    padding-top: 42px;
    padding-left: 176px;
}

.farCol1 .text .title1 {
    font-size: 24px;
    color: var(--themeColor);
    line-height: 30px;
    font-family: var(--themeStyle);
    margin-bottom: 10px;
}

.farCol1 .text .info {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-bottom: 47px;
}

.farCol1 .text .title2 {
    font-size: 24px;
    color: #333333;
    line-height: 35px;
    margin-bottom: 19px;
}

.farCol1 .text .list dd {
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    padding-left: 20px;
    background: url(../images/farCol1-icon.png) no-repeat center left;
}

.farCol1 .text .list dd:hover {
    background-image: url(../images/farCol1-icon1.png);
    color: #f6a700;
}

.farCol2 {
    width: 100%;
    height: 560px;
    overflow: hidden;
    background: no-repeat center center / 100% 100%;
}

.farCol2 dd {
    display: inline;
    float: left;
    width: 16.6667%;
    position: relative;
    height: 100%;
}

.farCol2 .con {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
    z-index: 2;
}

.farCol2 dd::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/farCol2-mask.png) no-repeat center center / 100% 100%;
    width: 100%;
    height: 0%;
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.farCol2 .con .textC {
    font-size: 24px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
}

.farCol2 .con .info {
    font-size: 18px;
    color: #ffffff;
    line-height: 30px;
    padding-top: 16px;
    position: relative;
    text-align: center;
    margin-top: 17px;
    display: none;
}

.farCol2 .con .info:after {
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    background: #f7ab00;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.farCol2 dd:hover::after {
    height: 100%;
}

.farCol2 dd:hover .info {
    display: block;
}

.farCol3 .aboCnTitle {
    text-align: left;
}

.farCol3 .aboEnTitle {
    text-align: left;
    font-size: 28px;
    margin-bottom: 0;
}

.farTop3 {
    overflow: hidden;
    padding: 90px 0 54px;
}

.farTop3 .title {
    overflow: hidden;
}

.farTop3 .textC {
    display: inline;
    float: right;
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    width: 51.7857%;
    margin-top: 36px;
}

.farCon3 {
    width: 100%;
    height: 650px;
    position: relative;
}

.farCon3:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.farCon3 dd {
    position: relative;
    height: 100%;
    width: 33.3333%;
    z-index: 2;
    display: inline;
    float: left;
}

.farCon3 .con {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.farCon3 .con .title {
    font-size: 30px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    padding-bottom: 11px;
    position: relative;
    margin-bottom: 14px;
}

.farCon3 .con .title:after {
    display: block;
    content: '';
    width: 30px;
    height: 3px;
    background: #f7ab00;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.farCon3 .con .textC {
    font-size: 14px;
    color: #ffffff;
    line-height: 26px;
    height: 78px;
    margin-bottom: 37px;
}

.farCon3 .con .imgBox {
    width: 102px;
    height: 102px;
    background: rgba(255, 255, 255, 0.5);
    padding: 6px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 auto;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.farCon3 .con .imgBox img {
    width: 100%;
    height: 100%;
}

.farCon3 .con:hover .imgBox {
    visibility: visible;
    opacity: 1;
}

.farCol4 {
    padding: 70px 0 0;
}

.farCol4 .info {
    text-align: center;
    padding: 0 140px;
    font: 16px;
    color: #999999;
    line-height: 28px;
    margin-bottom: 46px;
}

.farCol4Scroll {
    margin-bottom: 80px;
}

.farCol4Scroll .slick-list {
    overflow: visible;
    margin-right: -30px;
}

.farCol4Scroll .myslide {
    width: 100%;
}

.farCol4Scroll .list {
    margin-right: 30px;
    display: block;
    overflow: hidden;
}

.farCol4Scroll .list dd {
    display: inline;
    float: left;
    width: 33.3333%;
    overflow: hidden;
}

.farCol4Scroll .list dd~dd .con {
    border-left: 1px solid #e0e0e0;
}

.farCol4Scroll .list .con {
    overflow: hidden;
}

.farCol4Scroll .list .con .conBox {
    width: 390px;
    padding-bottom: 55px;
}

.farCol4Scroll .list dd:nth-of-type(1) .con .conBox {
    display: inline;
    float: left;
}

.farCol4Scroll .list dd:nth-of-type(2) .con .conBox {
    margin: 0 auto;
}

.farCol4Scroll .list dd:nth-of-type(3) .con .conBox {
    display: inline;
    float: right;
}

.farCol4Scroll .list .con .pic {
    margin-bottom: 32px;
}

.farCol4Scroll .list .con .pic:before {
    padding-top: 56.4103%;
}

.farCol4Scroll .list .con .title {
    font-size: 24px;
    color: #333333;
    line-height: 36px;
    margin-bottom: 17px;
}

.farCol4Scroll .list .con .textC {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
}

.farCol4Dot {
    text-align: center;
    margin-top: -6px;
}

.farCol4Dot .slick-dots li {
    display: inline-block;
    width: 20px;
    height: 5px;
    background: rgba(246,167,0,0.3);
    border-radius: 2.5px;
    margin: 0px;
    cursor: pointer;
    vertical-align: middle;
}

.farCol4Dot .slick-dots li~li {
    margin-left: 10px;
}

.farCol4Dot .slick-dots li.slick-active {
    width: 30px;
    background: rgba(246,167,0,1);
}

/* ========== 农业服务 end ========== */
/* ========== ESG start ========== */
.esgView {
    overflow: hidden;
}

.esgView .title {
    font-size: 30px;
    color: #000000;
    line-height: 45px;
    text-align: center;
    margin-bottom: 15px;
}

.esgView .textC {
    font-size: 18px;
    color: #999999;
    line-height: 30px;
    text-align: center;
    margin-bottom: 42px;
}

.esgView .imgBox {
    width: 100%;
    margin-bottom: 64px;
}

.esgView .imgBox img {
    width: 100%;
}

/* ========== ESG end ========== */
/* ========== 投资者留言 start ========== */
.message {
    overflow: hidden;
    background: #f9f9f9;
}

.message .locaBox {
    margin-bottom: 50px;
    background: #fff;
}

.message .topTitle {
    font-size: 30px;
    color: #595959;
    line-height: 45px;
    font-family: 700;
    text-align: center;
    font-family: var(--themeStyle);
    margin-bottom: 25px;
}

.message .formBox {
    overflow: hidden;
    padding: 50px 160px 60px;
    margin-right: -60px;
    margin-bottom: 80px;
    background: #fff
}

.message .formBox .item {
    width: 50%;
    display: inline;
    float: left;
    margin-bottom: 20px;
}

.message .formBox .item.textarea, .message .formBox .item.yzm {
    width: 100%;
}

.message .formBox .con {
    margin-right: 60px;
}

.message .formBox .item .title1 {
    font-size: 16px;
    color: #595959;
    line-height: 57px;
}

.message .formBox .item .title1 span {
    color: red;
    margin: 0 9px 0 6px;
}

.message .formBox .item .title1 i {
    color: #999999;
    font-style: normal;
}

.message .formBox .item .itemC {
    height: 60px;
    font-size: 15px;
    color: #b2b2b2;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #f7f7f7;
    padding: 0 23px;
    box-sizing: border-box;
}

.message .formBox .item.textarea .itemC {
    height: 223px;
}

.message .formBox .item .itemC input {
    border: 0;
    outline: none;
    width: 100%;
    background: unset;
    line-height: 60px;
}

.message .formBox .item .itemC textarea {
    width: 100%;
    height: 100%;
    border: 0;
    outline: none;
    resize: none;
    line-height: 60px;
}

.message .formBox .item .yzmBox {
    overflow: hidden;
}

.message .formBox .item .yzmBox .itemC {
    width: 390px;
    display: inline;
    float: left;
    margin-right: 20px;
}

.message .formBox .item .yzmBox .yzmImg {
    padding: 8px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    width: 140px;
    box-sizing: border-box;
    display: inline;
    float: left;
    margin-right: 30px;
    cursor: pointer;
}

.message .formBox .item .yzmBox .yzmImg img {
    width: 100%;
    height: 43px;
}

.message .formBox .item .yzmBox .changYzm {
    height: 60px;
    font-size: 16px;
    color: #b2b2b2;
    line-height: 60px;
    cursor: pointer;
    padding-right: 27px;
    background: url(../images/changYzm-icon.png) no-repeat center right;
    width: max-content;
    display: inline;
    float: left;
}

.message .formBox .item .yzmBox .btnBox {
    display: inline;
    float: right;
    overflow: hidden;
}

.message .formBox .item .yzmBox .submitBtn {
    display: inline;
    float: left;
    font-size: 18px;
    color: #ffffff;
    line-height: 60px;
    width: 150px;
    height: 60px;
    border-radius: 6px;
    background: #f7ab00;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
}

.message .formBox .item .yzmBox .resetBtn {
    display: inline;
    float: left;
    font-size: 18px;
    color: #b2b2b2;
    line-height: 60px;
    width: 150px;
    height: 60px;
    border-radius: 6px;
    background: #f0f0f0;
    text-align: center;
    cursor: pointer;
}

.message .contBox {
    padding: 35px 0 80px;
    background: #fff;
    margin-bottom: 60px;
}

.message .contBox .title {
    font-size: 30px;
    color: #333333;
    line-height: 70px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
}

.message .contBox .list {
    overflow: hidden;
}

.message .contBox .list dd {
    display: inline;
    float: left;
    width: 33.3333%;
    position: relative;
}

.message .contBox .list .con {
    overflow: hidden;
}

.message .contBox .list dd~dd::after {
    display: block;
    content: '';
    width: 1px;
    height: 150px;
    background: #e6e6e6;
    position: absolute;
    left: 0;
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.message .contBox .list .con {
    width: max-content;
    margin: 0 auto;
}

.message .contBox .list .title1 {
    font-size: 20px;
    color: var(--themeColor);
    line-height: 40px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    margin-bottom: 15px;
}

.message .contBox .list .title1 span {
    font-size: 16px;
    color: #666666;
    font-family: 'Alibaba PuHuiTi 2.0 55';
}

.message .contBox .list .item {
    font-size: 18px;
    color: #999999;
    line-height: 36px;
    padding-left: 40px;
    background: url(../images/dh.png) no-repeat center left;
}

.message .contBox .list .item span {
    color: #666666;
}

.message .contBox .list .item:nth-of-type(2) {
    background-image: url(../images/yx.png);
}

.message .contBox .list .item:nth-of-type(3) {
    background-image: url(../images/cz.png);
}

/* ========== 投资者留言 end ========== */
/* 联系我们start */
.contactUsList .title {
    color: #333333;
    font-size: 24px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 57px;
}

.contactUsList .row {
    overflow: hidden;
    margin: 0 -30px;
}

.contactUsList dd {
    width: 33.3333%;
    float: left;
    display: inline;
}

.contactUsList .con {
    padding: 62px 0 52px;
    border: 2px solid #f0f0f0;
    margin: 0 30px;
    cursor: pointer;
}

.contactUsList .contactPhone {
    color: #0075c2;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding-top: 50px;
    background: url(../images/contactUsPhoneIcon.png)top center no-repeat;
}

.contactUsList .contactMail {
    color: #0075c2;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding-top: 50px;
    background: url(../images/contactUsMailIcon.png)top center no-repeat;
}

.contactUsList .contactPrint {
    color: #0075c2;
    font-size: 24px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    padding-top: 50px;
    background: url(../images/contactUsPrintIcon.png)top center no-repeat;
}

.contactUsList .txt {
    color: #999999;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.contactUsList .con:hover {
    border: 2px solid #0075c2;
    transition: all 0.3;
    -webkit-transition: all 0.3;
}

/* 联系我们end */
/* ========== 投资者关系 start ========== */
.investor {
    overflow: hidden;
    background: url(../images/investor-bg.png) no-repeat center right;
}

.investor .aboEnTitle {
    color: rgba(153, 153, 153, .15);
}

.invCol1 {
    overflow: hidden;
    padding: 80px 0 100px;
}

.invCol1 .picBox {
    display: inline;
    float: right;
    width: 590px;
}

.invCol1 .picBox .tabTop {
    overflow: hidden;
}

.invCol1 .picBox .tabTop dd {
    display: inline;
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 68px;
    cursor: pointer;
}

.invCol1 .picBox .tabTop dd.hover, .invCol1 .picBox .tabTop dd:hover {
    color: #e60012;
}

.invCol1 .picBox .tabTop dd~dd {
    margin-left: 50px;
}

.invCol1 .picBox .tabCon {
    height: 310px;
    border: 10px solid rgba(0, 117, 194, 0.1);
}

.invCol1 .picBox img {
    width: 100%;
    height: 100%;
}

.invCol1 .textBox {
    overflow: hidden;
    width: 650px;
}

.invCol1 .textTop .title {
    font-size: 32px;
    color: #333333;
    line-height: 68px;
    font-weight: bold;
    margin-bottom: 6px;
    font-family: 'apercu-bold';
    margin-bottom: 60px;
}

.invCol1 .textTop .title em {
    margin-right: 68px;
    font-style: normal;
}

.invCol1 .topTitle {
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 30px;
}

.invCol1 .textBox .number {
    height: 65px;
    line-height: 65px;
    margin-bottom: 30px;
    color: #666;
}

.invCol1 .textBox .number span {
    height: 48px;
    line-height: 48px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    font-family: 'apercu-bold';
}

.invCol1 .textBox .number span i {
    font-size: 48px;
    color: #e60012;
}

.invCol1 .textBox .number span sub {
    vertical-align: baseline;
    margin-right: 23px;
    font-weight: 700;
}

.invCol1 .textBox .number span .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/upJt.png) no-repeat bottom right / 100% 100%;
    margin-left: 20px;
    margin-right: 45px;
}

.invCol1 .textBox .number span.nowPrice.hover .icon {
    background-image: url(../images/downJt.png);
}

.invCol1 .textBox .number span.nowPrice.hover i {
    color: #0ebe98;
}

.invCol1 .textBox .number em {
    font-style: normal;
    color: #e60012;
    font-size: 15px;
    margin-right: 10px;
}

.invCol1 .textBox .number em.myZdf.hover {
    color: #0ebe98;
}

.invCol1 .textBox .number em.myZdbfb.hover {
    color: #0ebe98;
}

.invCol1 .textBox .number i {
    font-style: normal;
    color: #666666;
    font-size: 15px;
    margin-right: 10px;
}

.invCol1 .textBox .numberBox {
    overflow: hidden;
    margin-bottom: 35px;
    border: 1px solid #e0e0e0;
    border-right: 0;
    border-left: 0;
    padding: 17px 0 14px;
}

.invCol1 .textBox .numberBox dd {
    display: inline;
    float: left;
    width: 25%;
}

.invCol1 .textBox .numberBox dd .ddTitle {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #333333;
}

.invCol1 .textBox .numberBox dd span {
    font-size: 24px;
    color: #333333;
    line-height: 40px;
    font-weight: 700;
    font-family: 'apercu-bold';
    color: #0ebe98;
}

.invCol1 .textBox .numberBox dd span.cje, .invCol1 .textBox .numberBox dd span.cjl {
    color: #e60012;
}

.invCol1 .textBox .info {
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}

.invCol2 {
    overflow: hidden;
    margin-bottom: 94px;
}

.invCol2 .pic {
    display: inline;
    float: left;
    width: 480px;
    margin-right: 30px;
}

.invCol2 .pic .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: max-content;
}

.invCol2 .pic .title {
    font-size: 30px;
    color: #ffffff;
    line-height: 60px;
    font-weight: 'Alibaba PuHuiTi 2.0 85';
    margin-bottom: 5px;
    text-align: center;
}

.invCol2 .pic .info {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
}

.invCol2 .pic::before {
    padding-top: 62.5%;
}

.invCol2 .list {
    overflow: hidden;
}

.invCol2 .list dd {
    display: inline;
    float: left;
    width: 33.3333%;
    position: relative;
    height: 300px;
}

.invCol2 .list .con {
    overflow: hidden;
}

.invCol2 .list dd::after {
    display: block;
    content: '';
    width: 1px;
    height: 100%;
    background: linear-gradient(to top, transparent , #e6e6e6);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.invCol2 .list .con {
    width: max-content;
    margin: 0 0 0 30px;
}

.invCol2 .list .title1 {
    font-size: 20px;
    color: var(--themeColor);
    line-height: 40px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    margin-bottom: 15px;
}

.invCol2 .list .title1 span {
    font-size: 16px;
    color: #666666;
    font-family: 'Alibaba PuHuiTi 2.0 55';
}

.invCol2 .list .item {
    font-size: 18px;
    color: #999999;
    line-height: 36px;
}

.invCol2 .list .item span {
    color: #666666;
}

.invCol3 {
    overflow: hidden;
    background: no-repeat center center / cover;
    padding: 88px 0 102px
}

.invCol3 .textBox {
    overflow: hidden;
    padding-top: 64px;
}

.invCol3 .textBox .title {
    font-size: 36px;
    color: #ffffff;
    line-height: 55px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
}

.invCol3 .textBox .title1 {
    font-size: 24px;
    color: #c7c7c7;
    line-height: 40px;
    margin-bottom: 44px;
}

.invCol3 .textBox .textC {
    font-size: 24px;
    color: #ffffff;
    line-height: 30px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
}

.invCol3 .list {
    display: inline;
    float: right;
    width: 800px;
}

.invCol3 .list::after {
    display: block;
    content: '';
    clear: both;
}

.invCol3 .list dd {
    display: inline;
    float: left;
    width: 25%;
    height: 200px;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    margin-right: 25%;
}

.invCol3 .list dd a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.invCol3 .list dd:nth-of-type(3), .invCol3 .list dd:nth-of-type(4) {
    margin-right: 0;
    margin-left: 25%;
}

.invCol3 .list dd::after {
    display: block;
    content: '';
    width: 100%;
    height: 0;
    background: var(--themeColor);
    opacity: 0.8;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 1;
}

.invCol3 .list dd:hover::after {
    height: 100%;
}

.invCol3 .list .con {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: max-content;
    z-index: 2;
}

.invCol3 .list .icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: no-repeat center center;
}

.invCol3 .list .title {
    font-size: 20px;
    color: #ffffff;
    line-height: 40px;
    text-align: center;
}

/* ========== 投资者关系 end ========== */
/* ========== 联系我们 start ========== */
.contactUs .conCol {
    overflow: hidden;
    margin-bottom: 63px;
}

.contactUs .aboCnTitle {
    font-family: 'Alibaba PuHuiTi 2.0 55';
    height: 48px;
}

.contactUs .list1 {
    overflow: hidden;
    margin-right: -40px;
}

.contactUs .list1 dd {
    display: inline;
    float: left;
    width: 33.3333%;
    margin-bottom: 40px;
}

.contactUs .list1 .con {
    background: #eff4f9;
    padding: 24px 20px 26px;
    margin-right: 40px;
}

.contactUs .list1 .con .title {
    font-size: 20px;
    color: #333333;
    line-height: 50px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    margin-bottom: 10px;
}

.contactUs .list1 .con .info {
    font-size: 16px;
    color: #666666;
    line-height: 45px;
    padding-left: 30px
}

.contactUs .list1 .con .info.dh {
    background: url(../images/contactUs-list1-icon1.png) no-repeat center left;
}

.contactUs .list1 .con .info.wz {
    background: url(../images/contactUs-list1-icon2.png) no-repeat center left;
}

.contactUs .conMapT {
    background: #eff4f9;
    padding: 30px 0 40px;
}

.contactUs .conMapT .title {
    font-size: 20px;
    color: #333333;
    line-height: 36px;
    font-family: 'Alibaba PuHuiTi 2.0 85';
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.contactUs .list2 {
    overflow: hidden;
    text-align: center;
}

.contactUs .list2 dd {
    display: inline-block;
    width: 33.3333%;
    position: relative;
}

.contactUs .list2 .con {
    width: max-content;
    margin: 0 auto;
}

.contactUs .list2 .icon {
    width: 95px;
    height: 82px;
    background: url(../images/contactUs-icon1.png) no-repeat center center;
    margin: 0 auto;
}

.contactUs .list2 dd:nth-of-type(2) .icon {
    background-image: url(../images/contactUs-icon2.png);
}

.contactUs .list2 dd:nth-of-type(3) .icon {
    background-image: url(../images/contactUs-icon3.png);
}

.contactUs .list2 .info1 {
    font-size: 16px;
    color: #555555;
    line-height: 38px;
    text-align: center;
}

.contactUs .list2 .info2 {
    font-size: 18px;
    color: #444444;
    line-height: 38px;
    text-align: center;
}

.contactUs .list2 .num {
    font-size: 24px;
    color: var(--themeColor);
    line-height: 45px;
    text-align: center;
    font-family: 'apercu';
}

.contactUs .map {
    width: 100%;
    height: 560px;
}

/* ========== 联系我们 end ========== */
/* 全文列表 start */
.textList1 {
    overflow: hidden;
    margin-right: -40px;
    margin-bottom: 30px;
}

.textList1 dd {
    width: 50%;
    float: left;
    display: inline;
    margin-bottom: 40px;
}

.textList1 .con {
    border: 2px solid #f0f0f0;
    display: block;
    margin-right: 40px;
    padding: 30px 40px 44px;
}

.textList1 .time {
    color: #999999;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    font-family: 'apercu';
    margin-bottom: 17px;
}

.textList1 .txt {
    color: #444444;
    font-size: 18px;
    line-height: 36px;
    height: 72px;
}

.textList1 .con:hover {
    border: 2px solid var(--themeColor);
}

.textList1 .con:hover .time {
    color: var(--themeColor);
}

/* 全文列表 end*/
/* 图文类列表 start */
/* .imgTextCloumn1{background-color: #fff;}
.imgText1{overflow: hidden; }
.imgText1 .imgBox {position: relative;float: left;display: inline;overflow: hidden;width: 960px;margin-right: 30px;}
.imgText1 .pic{display: block;}
.imgText1 .pic:before{padding-top: 56.25%;}
.imgText1 .imgBox .txtBox{cursor: pointer;position: absolute;width: 100%;left: 0; bottom: 0; height: 160px;background-color: rgba(0, 117, 194, 0.9);display: block;}
.imgText1 .imgBox .txtBox .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 100%;}
.imgText1 .txtBox .textC{height: 60px;color: #ffffff;font-size: 24px;line-height: 30px;margin-left: 40px;}
.imgText1 .txtBox .more{width: 100%;height: 22px;margin-left: 40px; padding-top: 3px;background: url(../images/imgTextIconMore1.png)left center no-repeat;}
.imgText1 .textCon{overflow: hidden;background-color:#fff;border-top: 4px solid var(--themeColor);}
.imgText1 dd{padding: 0 40px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.imgText1 .con{padding: 29px 0 27px 0;border-bottom: 1px solid #e0e0e0;display: block;}
.imgText1 dd:nth-last-of-type(1) .con{border: 0;}
.imgText1 .con .title{display: block;font-size: 18px;color: #333333;line-height: 28px;margin-bottom: 6px;}
.imgText1 .con .text{font-size: 16px;color: #999999;line-height: 28px;height: 56px;margin-bottom: 4px;}
.imgText1 .con .time{font-size: 16px;color: #999999;line-height: 28px;}
.imgText1 dd:hover{padding: 0 50px 0 30px;}
.imgText1 dd:hover .con .title{color: var(--themeColor);}
.imgText1 .txtBox:hover .textC {color: #f7ab00;}
.imgText1 .txtBox:hover .more{background: url(../images/imgTextIconMore2.png)left center no-repeat;}
.imgText2 {margin: -15px;overflow: hidden;}
.imgText2 dd{width: 33.3333%;float: left;display: inline;}
.imgText2 .con{border: 3px solid transparent;margin:15px;display: block;}
.imgText2 .pic:before{padding-top: 56.4007%;}
.imgText2 .title{color: #333333;font-size: 22px;height: 74px;line-height: 37px;overflow: hidden;margin: 32px 40px 27px 27px;}
.imgText2 .time{color: #333333;font-size: 18px;height: 20px;line-height: 20px;background: url('../images/imgTextIconRight1.png')right center no-repeat;margin: 0 54px 32px 27px;}
.imgText2 .con:hover{border: 3px solid var(--themeColor);transition: all 0.3;-webkit-transition: all 0.3;}
.imgText2 .con:hover .time{color:var(--themeColor);background: url('../images/imgTextIconRight2.png')right center no-repeat;transition: all 0.3;-webkit-transition: all 0.3;} */
/* 图文类列表 end */
/* 视频列表 start */
.audioList {
    overflow: hidden;
    margin-right: -30px;
}

.audioList dd {
    width: 33.3333%;
    float: left;
    display: inline;
    margin-bottom: 30px;
}

.audioList .con {
    cursor: pointer;
    margin-right: 30px;
    border: 3px solid transparent;
}

.audioList .con .pic {
    position: relative;
}

.audioList .con .pic::after {
    display: block;
    content: '';
    width: 80px;
    height: 60px;
    background: url(../images/videoList-icon.png) no-repeat center center / 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.audioList .con .pic::before {
    padding-top: 56.2963%;
}

.audioList .txt {
    color: #333333;
    font-size: 24px;
    height: 80px;
    line-height: 40px;
    overflow: hidden;
    padding: 30px;
}

.audioList .con:hover {
    border: 3px solid var(--themeColor);
}

/* .audioList .con:hover .pic::after{background-image: url(../images/videoList-icon-w.png);} */
/* 视频列表 end */
/* 联系我们start */
.mapPage .map {
    width: 100%;
    height: 500px;
}

.mapPage .map .amap-marker-label {
    width: 516px;
    height: 500px;
    border: 0;
    background: unset;
    line-height: 25px;
    background: #0378C5;
    padding: 0 5px;
    color: #fff;
}

.mapPage .map dd {
    background-color: #2a94da;
    width: 440px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 30px;
}

.mapPage .map .con {
    padding: 0 30px;
}

.mapPage .map .title {
    font-size: 30px;
    height: 80px;
    line-height: 80px;
    margin: 0 30px;
}

.mapPage .map .name {
    font-size: 24px;
    height: 80px;
    line-height: 80px;
}

.mapPage .map .phone {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 12px;
}

.mapPage .map .address {
    font-size: 18px;
    height: 50px;
    line-height: 25px;
}

/* 联系我们end */
/* 媒体报道 start */
.textList2 {
    overflow: hidden;
}

.textList2 dd {
    margin-bottom: 20px;
}

.textList2 .con {
    display: block;
    overflow: hidden;
    height: 100px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 0 30px;
}

.textList2 .con .icon {
    display: inline;
    float: right;
    width: 40px;
    height: 100px;
    background: url(../images/jiantou-icon8.png) no-repeat center center;
}

.textList2 .con .text {
    overflow: hidden;
    font-size: 18px;
    color: #666666;
    line-height: 100px;
}

.textList2 .con .text> div {
    display: inline;
    float: left;
}

.textList2 .con .info {
    width: 165px;
    margin-right: 20px;
    font-family: 'apercu';
}

.textList2 .con .time {
    margin-right: 50px;
    font-family: 'apercu';
}

.textList2 .con .textC {
    color: #444444;
}

.textList2 .con:hover .icon {
    background-image: url(../images/jiantou-icon8-w.png);
}

.textList2 .con:hover .text {
    color: var(--themeColor);
}

.textList2 .con:hover .textC {
    color: var(--themeColor);
}

/* 媒体报道 end */
/* 要闻快讯 start */
.imgText1::after {
    display: block;
    content: '';
    clear: both;
}

.imgText1 dd {
    position: relative;
}

.imgText1 dd::after {
    display: block;
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #f7f7f7;
    transition: all 0.3s;
    z-index: -1;
}

.imgText1 .con {
    display: block;
    overflow: hidden;
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb;
}

.imgText1 dd:nth-last-of-type(1) .con {
    border: 0;
}

.imgText1 .con .pic {
    width: 450px;
    display: inline;
    float: left;
    margin-right: 72px;
}

.imgText1 .con .pic::before {
    padding-top: 56.4444%;
}

.imgText1 .con .text {
    overflow: hidden;
}

.imgText1 .con .title {
    font-size: 20px;
    color: #444444;
    line-height: 70px;
    margin-bottom: 8px;
}

.imgText1 .con .textC {
    font-size: 16px;
    color: #858585;
    line-height: 27px;
    height: 81px;
    margin-bottom: 33px;
}

.imgText1 .con .time {
    font-size: 20px;
    color: #666666;
    line-height: 30px;
}

.imgText1 dd:hover::after {
    width: 100%;
}

.imgText1 dd:hover .title {
    color: var(--themeColor);
}

.imgText1 dd:hover .time {
    color: var(--themeColor);
}

/* 要闻快讯 end */
/* 荣誉列表 start */
.honorView {
    overflow: hidden;
}

.honorList {
    overflow: hidden;
    padding-top: 10px;
    height: 760px;
    position: relative;
}

.honorList::after {
    display: block;
    content: '';
    width: 300px;
    height: 300px;
    background: url(../images/honorView-icon.png) no-repeat center center / cover;
    position: absolute;
    right: 0;
    bottom: -30px;
}

.honorList .swiper-wrapper {
    position: absolute;
    top: -180px;
}

.honorList .swiper-slide {
    min-height: 190px;
}

.honorList .con {
    position: relative;
    height: 100%;
    padding-bottom: 40px;
}

.honorList .con::after {
    display: block;
    content: '';
    position: absolute;
    left: 12px;
    top: 25px;
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    z-index: -1;
}

.honorList .con .icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: transparent;
    display: inline;
    float: left;
    position: relative;
    top: 15px;
}

.honorList .con .icon::after {
    display: block;
    content: '';
    width: 9px;
    height: 9px;
    background: url(../images/honorList-icon.png) no-repeat center center / cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    -webkit-transform: translate(-50% , -50%);
}

.honorList .con .timeBox {
    display: inline;
    float: left;
    width: 340px;
    margin-left: 50px;
    font-size: 36px;
    color: #cccccc;
    line-height: 50px;
    font-family: 'apercu-bold';
    font-weight: 700;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.honorList .con .timeBox:hover {
    color: var(--themeColor);
}

.honorList .con .list {
    overflow: hidden;
}

.honorList .con .list .con1 {
    display: block;
    font-size: 18px;
    color: #555555;
    line-height: 50px;
    position: relative;
    padding-left: 30px;
}

.honorList .con .list .con1::after {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cccccc;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.honorList .con .list .con1:hover {
    color: var(--themeColor);
}

.honorList .con .list .con1:hover::after {
    background: var(--themeColor);
}

.honorList .swiper-slide-active .con .icon {
    background: rgba(0, 117, 194, 0.2);
}

.honorList .swiper-slide-active .con .icon::after {
    background-image: url(../images/honorList-icon-w.png);
}

.honorList .swiper-slide-active .con .timeBox {
    font-size: 80px;
    color: #444444;
    line-height: 65px;
}

/* 荣誉列表 end */
/* 期刊 start */
.imgList1 {
    margin-right: -30px;
    margin-top: 40px;
}

.imgList1::after {
    display: block;
    content: '';
    clear: both;
}

.imgList1 dd {
    display: inline;
    float: left;
    width: 25%;
    margin-bottom: 30px;
}

.imgList1 .con {
    display: block;
    margin-right: 30px;
    overflow: hidden;
}

.imgList1 .con .pic {
    width: 100%;
}

.imgList1 .con .pic::before {
    padding-top: 148%;
}

/* 期刊 end */
/* 空白页 start */
.noContain {
    background: url(../images/noContain.png) no-repeat center center;
}

/* 空白页 end */
/* 企业文化优势 start */
.advantageBox{overflow: hidden;}
.advantageInfo{text-align: center;line-height: 30px;font-size: 20px;color: #333333;margin-bottom: 95px;}
.advantageBoxList dd{margin-bottom: 95px;}
.advantageBoxList dd.dd1{background-color: #f7f9fa;}
.advantageBoxList dd.dd1 .con .pic{float: left;display: inline;width: 50%;}
.advantageBoxList dd.dd1 .con .pic::before{padding-top: 60%;}
.advantageBoxList dd .con .pic img{object-fit: fill}
.advantageBoxList dd.dd1 .con .text{padding: 70px 4% 0;overflow: hidden;}
.advantageBoxList dd .con .text .title{line-height: 45px;margin-bottom: 30px;height: 45px;overflow: hidden;font-size: 30px;color: #333333;}
.advantageBoxList dd .con .text .info{line-height: 36px;font-size: 18px;color: #555555;}
.advantageBoxList dd.dd2{position: relative;}
.advantageBoxList dd.dd2 .bgLine{position: absolute;width: 1px;height: 120%;border-left: 1px dashed #0879c4;position: absolute;left: 50%;top: 35.5%;}
.advantageBoxList dd.dd2 .bgLine::before{display: block;content: "";width: 18px;height: 18px;border-radius: 50%;background-color: #0879c4;left: -9px;top: 0;position: absolute;}
.advantageBoxList dd.dd2 .bgLine::after{display: block;content: "";width: 18px;height: 18px;border-radius: 50%;background-color: #0879c4;left: -9px;bottom: 0;position: absolute;}
.advantageBoxList dd.dd2 .con .pic{float: right;display: inline;width: 32%;margin-right: 8.5%;}
.advantageBoxList dd.dd2 .con .pic::before{padding-top: 80%;}
.advantageBoxList dd.dd2 .con .text{padding: 80px 17% 0 0;overflow: hidden;}
.advantageBoxList dd.dd3 .con .pic{float: left;display: inline;width: 40%;}
.advantageBoxList dd.dd3 .con .pic::before{padding-top: 55.8333%;}
.advantageBoxList dd.dd3 .con .text{padding: 50px 0 0 17%;overflow: hidden;}
.advantageBoxList dd.dd4 .con .pic::before{padding-top: 28%;}
.advantageBoxList dd.dd4 .con .text{margin-bottom: 90px;}
.advantageBoxList dd.dd5 .con .text{width: 46%;float: right;display: inline;text-align: left;}
.advantageBoxList dd.dd6{background-color: #f1f4f7;}
.advantageBoxList dd.dd6 .con .pic{float: right;display: inline;width: 50.666%;}
.advantageBoxList dd.dd6 .con .pic::before{padding-top: 55.2631%;}
.advantageBoxList dd.dd6 .con .text{padding: 80px 5.3% 0 3.3333% ;overflow: hidden;}
.advantageBoxList dd.dd7 .con .pic{float: left;display: inline;width: 40%;margin-left: 10.6%;margin-right: 5.3333%;}
.advantageBoxList dd.dd7 .con .pic::before{padding-top: 78.1428%;}
.advantageBoxList dd.dd7 .con .text{padding: 120px 0 0;overflow: hidden;}
/* 企业文化优势 end */
.productDetailBox .pic{float: left;display: inline;width: 50%;margin-right: 50px;border-radius: 10px;overflow: hidden;}
.productDetailBox .pic::before{padding-top: 60%;}
.productDetailBox .text{overflow: hidden;}
.productDetailBox .text .titleC{padding: 0px 0 10px;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.productDetailBox .text .title{overflow: hidden;font-size: 36px;color: #061729;overflow: hidden;height: 50px;line-height: 50px;}
.productDetailBox .text .enTitle{overflow: hidden;height: 42px;line-height: 42px;font-size: 24px;color: #061729;}
.productDetailBox .text .infoC{font-size: 16px;color: #9c9c9c;line-height: 28px;height: 280px;overflow: hidden;overflow-y: auto; padding-right: 10px;}
.productDetailBox .text .infoC::-webkit-scrollbar{width:4px;background:#eaeff2;}
.productDetailBox .text .infoC::-webkit-scrollbar-thumb{width:4px;background:#0879c4;border-radius: 4px;}