/* 首页css* --- */

.section {
    text-align: center;
}


.section {
    background-size: cover;
}
.slide {
    background-size: cover;
}


#section1, #section4 {
    background-image: url(../images/bg1.jpg);
    position: relative;
}
#slide1 {
    background-image: url(../images/banner1.jpg);
}
#slide2 {
    background-image: url(../images/banner2.jpg);
}
#slide3 {
    background-image: url(../images/banner3.jpg);
}
#slide4 {
    background-image: url(../images/banner4.jpg);
}
#slide5 {
    background-image: url(../images/banner5.jpg);
}
.s_slide {
    background-size: 102% 100% !important;
}
#section2 {
    display: flex;
    align-items: center;
}
#section2 .content {
    width: 1200px;
    margin: 0 auto;
}
#section2 .content .map img {
    width: 100%;
}
#section3 {
    background-image: url(../images/bg3.jpg);
}
#section0 .fp-slides {
    height: calc(100% - 126px);
}
.box {
    width: 100%;
    height: 65VH;
    display: flex;
    border: 10px solid #C72327;
}
.box > div {
    width: 10%;
    height: 100%;
    float: left;
    background: url("../images/bg3_1.jpg") no-repeat center;
    transition: all .5s ease 0s;
    position: relative;
    background-size: cover;
}
.box > div > a {
    display: block;
    height: 100%;
}
.box > div + div {
    border-left: 10px solid #C72327;
}
.box > div > a > h1 {
    position: absolute;
    bottom: 30px;
    left: 20px;
    width: 10px;
    font-size: 24px;
    color: #fff;
    line-height: 30px;
}
#section1 {
    display: flex;
    align-items: center;
}
#section3 {
    display: flex;
    align-items: flex-end;
}
#section4 {
    display: flex;
    align-items: center;
}
#section4 > .content {
    margin: 0 auto;
    width: 100%;
}
#section4 > .content > .top > h1 {
    margin-bottom: 10vh;
    font-size: 28px;
    border-bottom: 2px solid #fff;
    display: inline-block;
    padding-bottom: 11px;
    color: #fff;
}
#section1 > .content {
    margin: auto;
    width: 1300px;
    color: #fff;
    min-width: 1300px;
    z-index: 1;
}
#section3 > .content {
    margin: 0 150px 10vh;
    width: 100%;
}
#section3 > .content > .top > h1, #section5 .content > .top > h1 {
    margin-bottom: 7vh;
    font-size: 28px;
    border-bottom: 2px solid red;
    display: inline-block;
    padding-bottom: 11px;
    color: #4E4E4E;
}
#section1 > .content > .about {
    display: flex;
    z-index: 999;
}
#section1 > .content > .about > div {
    width: 25%;
    padding: 20px 30px 0;
    text-align: left;
    border-left: 2px solid;
}
#section1 > .content > .about > div > a > h2 {
    font-size: 24px;
    color: #fff;
}
#section1 > .content > .about > div > a > p:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: justify;
    margin: 30px auto 50px;
    color: #f0f0f0;
    height: 80px;
}
#section1 > .content > .about > div > a > span:nth-child(3) {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/youjiantou.png) no-repeat center;
    background-size: 100%;
}
#section1 > .content > .top {
    margin-bottom: 200px;
}
#section1 > .content > .top > p:first-child {
    width: 200px;
    display: inline-block;
    height: 3px;
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 40px;
}
#section1 > .content > .top > h1 {
    font-size: 28px;
    margin-bottom: 20px;
}
#section1 > .content > .top > p:nth-child(3) {
    font-size: 21px;
    color: #f0f0f0;
}
.swiper-container {
    width: 100%;
    margin: 20px auto;
    padding: 10px 0;
    position: relative;
    background-color: #fff;
    overflow: unset !important;

}
.swiper-button-next, .swiper-button-prev {
    background: none !important;
}
.swiper-button-prev {
    top: 110% !important;
    left: 50% !important;
    background: url(../images/zuojiantou.png) no-repeat -8px !important;
    background-size: 25% !important;
    width: auto !important;
    height: 20px !important;
    line-height: 20px;
}
.swiper-button-next {
    top: 110% !important;
    right: 50% !important;
    background: url(../images/youjiantou.png) no-repeat 82px !important;
    width: auto !important;
    height: 20px !important;
    background-size: 25% !important;
}
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.swiper-slide img {
    width: 100%;
}
.swiper-button-prev > span, .swiper-button-next > span {
    width: 100px;
    height: 1px;
    background-color: #fff;
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.swiper-button-prev {
    transform: translateX(-150px);
}
.swiper-button-next {
    transform: translateX(150px);
}
#section5 .child {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#section5 .child > div {
    width: 150px;
    height: 120px;
    margin-left: 20px;
    margin-bottom: 20px;
}
#section5 .child > div img {
    width: 100%;
}
#section5 .child > div:nth-child(15n+1) {
    margin-left: 105px;
}
#section5 .child > div:nth-child(15n+7) {
    margin-right: 105px;
}
#section5 .child > div:nth-child(15n) {
    margin-right: 20px;
}
#section5 .child > div:nth-last-child(5), #section5 .child > div:nth-last-child(4) {
    margin-left: 20px;
}
#section5 .content {
    width: 1380px;
    margin: 0 auto;
}
#section5 .child > div:last-child {
    margin-right: 20px;
}
#section5 .content > .top {
    margin-top: 10vh;
}
.fp-prev {
    background: url(../images/zuojiantou.png) center;
    background-size: 150%;
}
.fp-next {
    background: url(../images/youjiantou.png) center;
    background-size: 150%;
}
#section2 .top h1 {
    margin-bottom: 4vh;
}
#section2 .map {
    position: relative;
}
@keyframes myshow {
0% {
width: 50%;
}
100% {
width: 100%;
}
}
#section2 .map img {
    padding: 20px;
    border-radius: 10px;
    box-sizing: border-box;
}
#section2 .map .xinjiang {
    position: absolute;
    left: 394px;
    top: 145px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .gansu {
    position: absolute;
    left: 594px;
    top: 294px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .ningxia {
    position: absolute;
    left: 625px;
    top: 254px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .shanxi {
    position: absolute;
    left: 659px;
    top: 323px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .sichuan {
    position: absolute;
    left: 590px;
    top: 370px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .yunnan {
    position: absolute;
    left: 571px;
    top: 477px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .guangxi {
    position: absolute;
    left: 665px;
    top: 505px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .hainan {
    position: absolute;
    left: 696px;
    top: 566px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .liaoning {
    position: absolute;
    left: 838px;
    top: 183px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .beijing {
    position: absolute;
    left: 763px;
    top: 210px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .shandong {
    position: absolute;
    left: 769px;
    top: 275px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .jiangsu {
    position: absolute;
    left: 810px;
    top: 335px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .anhui {
    position: absolute;
    left: 768px;
    top: 360px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .anhui > .placeName {
    bottom: 60px;
    left: -30px;
}
#section2 .map .shanghai {
    position: absolute;
    left: 854px;
    top: 357px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .zhejiang {
    position: absolute;
    left: 822px;
    top: 396px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
#section2 .map .zhejiang > .placeName {
    bottom: 60px;
    left: -68px;
}
#section2 .map .yidali {
    position: absolute;
    left: 20px;
    top: 105px;
    width: 80px;
    height: 60px;
}
#section2 .map .meiguo {
    position: absolute;
    left: 1093px;
    top: 216px;
    width: 90px;
    height: 60px;
}
.section .top span {
    display: block;
    width: 35px;
    height: 30px;
    background: red;
    margin: 0 auto;
}
#section2 .top span {
    background: url(../images/map_icon.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
}
#section3 .top span {
    background: url(../images/chanye_icon.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
}
#section4 .top span {
    background: url(../images/zhuanti_icon.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
}
#section5 .top span {
    background: url(../images/qxqy_icon.png) no-repeat center;
    background-size: auto 100%;
    margin-bottom: 20px;
}
.sousuo {
    width: 30px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 50px;
}
.sousuo img {
    width: 100%;
}
#shanxi {
    opacity: 0;
}
#shanxi > div > div {
    text-align: left;
}
#shanxi > div > div > a {
    color: #fff;
    font-size: 18px;
    line-height: 1.5em;
}
#shanxi > div > div > a:hover {
    color: #bbb;
}
.shanbei {
    position: absolute;
    top: 166px;
    left: 60px;
    background: #CD282A;
}
.shannan {
    position: absolute;
    left: 60px;
    background: #CD282A;
    bottom: 226px;
}
.guanzhong {
    position: absolute;
    top: 166px;
    right: 20px;
    background: #CD282A;
}
.placeName > div > a {
    white-space: nowrap;
    color: #fff;
}
.placeName > div > a:hover {
    color: #C72327;
}
.placeName {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    border-radius: 5px;
    padding: 13px;
    text-align: left;
    bottom: 50px;
    display: none;
}
.placeName::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, .7);
}
.map > .xiangmu {
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
}
.xiangmu > a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.xiangmu:hover .placeName {
    display: block !important;
}
.totop {
    display: none !important;
}
#transparent {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2);
}
.box > div:first-child {
    background-position: left;
}
.swiper-container999 {
    height: calc(100% - 126px);
}
.button-next {
    transform: none !important;
    top: 50% !important;
    background: url(../images/youjiantou.png) no-repeat center !important;
    right: 30px !important;
    width: 27px !important;
    height: 44px !important;
    background-size: 220% !important;
}
.button-prev {
    transform: none !important;
    top: 50% !important;
    left: 30px !important;
    width: 27px !important;
    height: 44px !important;
    background: url(../images/zuojiantou.png) no-repeat center !important;
    background-size: 220% !important;
}
.swiper-pagination-bullet-active {
    background: #C72327;
}

@media screen and (max-width: 768px) {
.section:first-child {
    height: 300px !important;
}
.button-prev, .button-next {
    display: none;
}
.section:nth-child(2) {
    height: auth !important;
}
#section1 > .content {
    width: 100% !important;
    min-width: 100% !important;
}
#section1 > .content > .top > h1 {
    font-size: 16px;
}
#section1 > .content > .top > p:nth-child(3) {
    padding: 0px 10px 0px 10px;
    font-size: 14px;
}
#section1 > .content > .about > div > a > h2 {
    font-size: 14px;
}
#section1 > .content > .top {
    margin-bottom: 50px;
}
.section:nth-child(3) {
    height: auto !important;
}
.fp-scrollable {
    height: 100% !important;
}
#section2 .content {
    width: 100% !important;
}
.section:nth-child(4) {
    height: auto !important;
}
#section3 > .content {
    margin: 3vh 0 1vh;
}
#section3 {
    display: block;
}
#section3 > .content > .box {
    width: 95%;
    height: 35vh;
}
#section3 > .content > .box > div + div {
    border-left: 0 solid #C72327;
}
.top {
    padding: 10px 0;
}
.section:nth-child(5) {
    height: auto !important;
}
.swiper-container {
    margin: 0 auto;
}
#section4 > .content > .top > h1 {
    margin-bottom: 0vh;
}
.swiper-button-prev, .swiper-button-next {
    top: 142% !important;
}
.section:nth-child(6) {
    height: 100% !important;
}
#section5 .content {
    width: 100%;
}
#section5 .child > div:nth-child(15n+1) {
    margin-left: 0px;
}
#section5 .child > div:nth-child(15n+7) {
    margin-right: 0px;
}
.head {
    min-width: 100%;
    height: 134px;
}
.head-top {
    width: 100%;
    display: block;
}
.logo img {

}
.logo {

}
.head-nav-right {
    margin-top: -70px;
}
.head-nav {
    margin-top: 0px;
    margin-left: 0px;
}
.head-nav-content .head-first-nav > a {
   
}
}


/* 关于我们css* --- */
/* ====================== 通用公共布局 ====================== */

.wapper {
   width: 1200px;
    margin: 0 auto;
}
.breadcrumb {
    width: 1200px;
    margin: 0 auto;
}

.list-wapper1 {
    display: none;
}

/* 左右分栏列表 核心（只保留1份，合并两处重复定义） */
.list {
    display: flex;
    padding: 30px 0;
}
.list_left {
    width: 299px;
    border-right: 1px solid #E2E2E2;
}
.list_left > div > h1 {
    line-height: 70px;
}
.list_left > div:first-child ul > li > a {
    display: inline-block;
    padding: 20px 90px;
    color: #898989;
    border-bottom: 1px solid #E2E2E2;
    font-size: 20px;
}
.list_left > div:first-child ul > li > a.active {
    background: #D22829;
    color: #fff;
}
.list_right {
    flex: 1;
}
.list_right > h1 {
    line-height: 70px;
    margin-left: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #D22829;
    display: inline-block;
    width: 170px;
}
.list_right > div:nth-child(2) {
    margin-left: 20px;
    color: #898989;
    font-size: 16px;
    text-align: justify;
}
.list_right > div:nth-child(2) p {
    padding: 0 30px;
}
.list_right > div img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

/* 顶部主导航菜单 */
#menu {
    width: 1300px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
#menu > div {
    width: 100%;
    padding: 22px;
    font-size: 18px;
    color: #8E8E8E;
    margin: 3px 0 60px;
    border-right: 2px solid #D22829;
    position: relative;
    display: flex;
    justify-content: center;
}
#menu > div:first-child {
    border-left: 2px solid #D22829;
}
#menu > div.active {
    background-color: #D22829;
    color: #fff;
}
#menu > div.active > span {
    display: block;
}
#menu > div > span {
    position: absolute;
    bottom: 0px;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 15px solid #fff;
    display: none;
}
#menu > div > a {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* 合作案例列表 linksContent */
#linksContent > li {
    padding: 60px;
    position: relative;
}
#linksContent > li > div:first-child {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
#linksContent > li > div:first-child > img {
    width: 100%;
}
#linksContent > li > div:nth-child(2) {
    width: 40%;
    position: absolute;
    bottom: 90px;
    right: 60px;
    background: #D22829;
    padding: 50px 40px 20px;
    color: #fff;
    text-align: justify;
    text-indent: 2em;
    line-height: 1.5em;
    font-size: 16px;
    box-sizing: border-box;
}
#linksContent > li > div:nth-child(2) > div:nth-child(2) {
    text-align: right;
    margin-top: 30px;
}
#linksContent > li > div:nth-child(2) > div:nth-child(2) > a {
    padding: 10px 20px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
}

/* ====================== 表格统一样式（合并两套重复table） ====================== */
table {
    width: 100%;
    text-align: center;
    font-size: 16px;
}
table th span {
    padding: 10px 30px;
    background: #D22829;
    border-radius: 10px;
    color: #fff;
    font-size: 22px;
    position: relative;
}
table tr {
    display: flex;
}
table tr, table td, table th {
    width: 100%;
}
table tr:nth-child(2) > td > span {
    width: calc(90% + 2px);
    height: 2px;
    background: #D22829;
    display: block;
    margin: 0 auto;
}
table tr:nth-child(3) > td {
    display: none;
}
table tr:nth-child(3) > td > span {
    position: relative;
    padding: 10px;
    background: #D22829;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 20px;
}
table tr:nth-child(4) a {
    border: 2px solid #D22829;
    width: 85px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    border-radius: 7px;
    color: #6B6B6B;
}
tbody > tr:nth-child(4) > td {
    position: relative;
}
table tr:nth-child(5) td {
    display: flex;
    justify-content: center;
    position: relative;
}
table tr:nth-child(5) td a {
    position: relative;
}
table tr:nth-child(5) td a + a {
    margin-left: 5px;
}
table tr:nth-child(5) td > a > span {
    width: calc(2rem + 3px);
    height: 240px;
    border: 2px solid #D22829;
    background: #D22829;
    display: flex;
    padding: 8px 6px;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
}
table tr:nth-child(5) td > a > span > em + em {
    margin-left: 3px;
}
table tr:nth-child(5) .span {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 36px;
    height: 2px;
    background: #D22829;
}
table tr:nth-child(5) .span1 {
    width: 70px;
}
.width {
    padding: 8px 1rem !important;
    width: 1rem !important;
}

/* 表格统一连接线伪元素（合并两处重复伪选择器） */
table th span::after,
table tr:nth-child(3) span::before,
table tr:nth-child(3) span::after,
table tr:nth-child(5) td > a > span::before,
table tr:nth-child(5) td:first-child::before,
table tr:nth-child(5) td:nth-child(8)::before,
table tr:nth-child(5) td:nth-child(9)::before,
tbody > tr:nth-child(4) > td::after {
    content: '';
    width: 2px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #D22829;
}
table th span::after {
    top: calc(50% + 24px);
    height: 66px;
}
table tr:nth-child(3) span::before {
    top: -65px;
    height: 50px;
}
table tr:nth-child(3) span::after {
    top: 40px;
    height: 20px;
}
table tr:nth-child(5) td > a > span::before {
    top: -50px;
    height: 50px;
}
table tr:nth-child(5) td:first-child::before,
table tr:nth-child(5) td:nth-child(8)::before,
table tr:nth-child(5) td:nth-child(9)::before {
    top: -50px;
    height: 20px;
}
tbody > tr:nth-child(4) > td::after {
    bottom: calc(50% + 20px);
    height: 65px;
}

/* ====================== 移动端 768px（合并两套重复媒体查询） ====================== */
@media screen and (max-width: 768px) {
	.wapper {
     width: 98% !important;
    margin: 0 auto;
}

    .breadcrumb {
        width: 98% !important;
    }
    .list {
        flex-wrap: wrap;
    }
    .list_left {
        width: 100%;
    }
    .list > .list_left > div > ul {
        display: flex;
        flex-wrap: wrap;
    }
    .list > .list_left > div > ul > li {
        margin: 7px;
    }
    .list_left > div:first-child ul > li > a {
        padding: 20px 72px;
    }
    .list_right {
        flex: auto;
    }
    .list_right > div:nth-child(2) {
        margin-left: 0;
        width: 96%;
        margin: 0 auto;
        
    }
    table tr:nth-child(4) a {
        width: auto;
    }
}





.list_right > div:nth-child(2) {
margin-left: 20px;
}
.list_right > div:nth-child(2) > div {
display: flex;
min-height: 45px;
margin-bottom: 20px;
}

.list_right > div:nth-child(2) > div > div:first-child {
width: 15%;
text-align: right;
}
.list_right > div:nth-child(2) > div > div:first-child > span {
padding: 7px 17px;
background: #D22829;
color: #fff;
display: inline-block;
border-radius: 5px;
margin-right: 20px;
font-size: 20px;
}
.list_right > div:nth-child(2) > div > div:nth-child(2) {
flex: 1;
position: relative;
color: #676767;
padding-bottom: 20px;
}
.list_right > div:nth-child(2) > div > div:nth-child(2) > p {
line-height: 2em;
}
.list_right > div:nth-child(2) > div > div:nth-child(2) > span {
width: 120px;
height: 2px;
background: #D22829;
position: absolute;
left: 0;
bottom: 0;
}
.aaa {
display: none;
}

#linksContent > li {
padding: 60px;
position: relative;
}
#linksContent > li > div:first-child {
width: 60%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
#linksContent > li > div:first-child > img {
width: 100%;
}
#linksContent > li > div:nth-child(2) {
width: 40%;
position: absolute;
bottom: 90px;
right: 60px;
background: #D22829;
padding: 50px 40px 20px;
color: #fff;
text-align: justify;
text-indent: 2em;
line-height: 1.5em;
font-size: 16px;
box-sizing: border-box;
}
#linksContent > li > div:nth-child(2) > div:nth-child(2) {
text-align: right;
margin-top: 30px;
}
#linksContent > li > div:nth-child(2) > div:nth-child(2) > a {
padding: 10px 20px;
background: #fff;
border-radius: 20px;
text-align: center;
}

@media screen and (max-width: 768px){

.list_right > div:nth-child(2) {
margin-left: 0;
}
.list {
display: flex;
padding: 30px 0;
flex-wrap: wrap;
}
.list>.list_left>div>ul{
display: flex;
flex-wrap: wrap;
}
.list>.list_left>div>ul>li{
margin: 7px;
}
.list_right {
flex: auto;
}
.list_left {
width: 100%;
}
.list_left > div:first-child ul > li > a {
padding: 20px 72px;
}
}