


a{
	text-decoration: none;

}

@media screen and (max-width: 2000px){
    /* 首页 */
    *{
        margin: 0;
        padding: 0;
    }
    li{
        list-style: none;
    }
    a{
        text-decoration: none;
    }
    html,
    body {
      position: relative;
      height: 100%;
    }
    
    body {

      margin: 0;
      padding: 0;
    }
    
    .swiper {
      width: 100%;
      height: 100%;
    }
    
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    /* 第一个轮播 */
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .sw-one .swiper-pagination-bullet {
        background: white !important;
        width: 10px;
        height: 10px;
    }
    .sw-one .swiper-container {
        position: relative;
      }
    .sw-one .swiper-pagination {
        position: absolute;
        /* bottom: 50%; */
        margin-left: -45%;
        margin-bottom: 20px;
        /* transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%); */
    }
    
    /* 第二个轮播文字系列 */
    .swiper-container{
        width: 100%;
        height: 100%;
    }
    .sw-two .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        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;
    }
    .sw-two span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 150px;
        height: 60px;
        border-radius:10px;
        text-align: center;
        background: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
        overflow: hidden;
    }
    .sw-two span.swiper-pagination-bullet {
        width: 150px;
        height: 60px;
        /* margin-left: 5%; */
        background-color: transparent;
        border: 2px solid#ffffff;
        border-radius:10px;
        text-align: center;
        line-height: 60px;
        color: rgb(255, 255, 255);
        opacity: 1;
        overflow: hidden;
    }
    .sw-two .swiper-pagination-bullets {
        /* position: fixed; */
        width:80%!important;
        bottom: 100px;
        margin-left: 10%;
        display: flex;
        justify-content: space-around;
        /* background: white !important; */
        height: 40px !important;
    }
    .sw-two .swiper-slide {
        background-color: white;
    }
    .sw-two .swiper-wrapper {
    color: green;
    }
    .sw-two{
        position: relative;
    }
    .tsyj{
        position: absolute;
        z-index: 100;
        margin-top: 20%;
        margin-left: 5%;
    }
    .tsyj img{
        width: 20px;
        height: 20px;
        transform: rotate(-45deg);
        margin-top: 8px;
    }
    .tsyj span{
        font-size: 24px;
        color: white;
        margin-top: -250px;
    }
    .tsyj span:hover{
        cursor: pointer;
        color: #b5403a;
    }
    
    /* 新闻轮播 */
    .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .four .swiper-pagination-bullet {
          background: white !important;
          width: 10px;
          height: 10px;
      }
      .four .swiper-container {
          position: relative;
        }
      .four .swiper-pagination {
          position: absolute;
          /* bottom: 50%; */
          margin-left: 40%;
          margin-bottom: 10px;
          /* transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%); */
      }
    
    /* 导航 */
    .logo{
        position: fixed;
        z-index:99;
        top:-10%;
        left: 8%;
    }
    .nav1{
        display: flex;
        /* width: 300px; */
        width: auto;
        height: 80px;
        /* background-color: black; */
        position: fixed;
        top:3%;
        /* margin-top:-900px; */
        right: 5%;
        justify-content: space-around; 
        z-index: 99;
    }
    .nav1 .circle{
        width: 63px;
        height: 63px;
        border-radius: 50%;
        background-color: #c14636;
        margin-top: 8px;
        margin-left: 35px;
    }
    .nav1 .circle:nth-child(1){
        margin-right: 20px;
        /* position: absolute; */
    }
    .nav1 .circle p{
        color:white;
        margin-left: 15px;
    }
    .nav1 .circle p:nth-child(1){
        margin-top:10px;
    }
    .nav .circle .rec{
        width: 27px;
        height: 3px;
        background-color: white;
        margin-top: 6px;
        margin-left: 15px;
    }
    .nav .circle .rec:nth-child(1){
        margin-top: 22px;
    }
    .nav .circle .rec:nth-child(2){
        width: 20px;
    }
    .nav span{
        color:white;
        line-height: 80px;
    }
    
    /* 立即探索 */
    .text{
        position: absolute;
        font-size: 62px;
        /* top:53%;
        left: 36%; */
        margin: 0 auto;
        z-index: 99;
        font-weight: 700;
    }
    .rec-cir{
        position: absolute;
        width: 150px;
        height: 50px;
        border:2px solid black;
        border-radius: 10px;
        /* top: 67%;
        left: 47%; */
        margin: 20% 0 auto;
        display: flex;
        z-index: 99;
    }
    .rec-cir:hover{
        cursor: pointer;
    }
    .rec-cir p{
        font-size: 22px;
        /* line-height: 65px; */
        margin-top: 10px;
        margin-left: 25px;
        color:black !important;
    
    }
    .rec-cir p:hover{
        animation-name: up-down ;
        animation-duration: 1s;
        animation-iteration-count:infinite;
    }
    @keyframes up-down {
        0%{
            transform:scale(1) ;
        }
        /* 25%{
            transform:scale(1.5) ;
        } */
        50%{
            transform:scale(1.25) ;
        }
        /* 75%{
            transform:scale(0.5) ;
        } */
        100%{
            transform:scale(1) ;
        }
    }
    .rec-cir img{
        width: 20px;
        height: 15px;
        transform: rotate(-45deg);
        margin-left: 5px;
        margin-top: 20px;
    }
    
    /* 第二页 */
    .all{
        position: relative;
        width: 100%;
        height: 90%;
        /* overflow: hidden; */
    }
    .all span{
        position: absolute;
        font-size: 36px;
        margin-left:-87% ;
        margin-top: 18%;
        z-index: 3;
    }
    .all img:nth-child(1){
        position: absolute;
        width: 500px;
        height: 333px;
        margin-top: 22%;
        margin-left: 10%;
        z-index: 2;
    }
    .all img:nth-child(2){
        position: absolute;
        width: 400px;
        height: 600px;
        margin-left: 30%;
        margin-top: 4%;
        z-index: 1;
        opacity: 0.5;
    }
    .all img:nth-child(3){
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0.15;
    }
    .introduce{    
        position: absolute;
        width: 40%;
        height: auto;
        font-size: 16px;
        /* margin-top:-40% ;
        margin-left: 55%; */
        top: 13%;
        left: 55%;
        z-index: 3;
    }
    .introduce p:nth-child(1){
        font-size: 48px;
    }
    .introduce p:nth-child(2){
        font-size: 36px;
    }
    .introduce p:nth-child(3){
        font-size: 16px;
        text-indent: 2em;
        line-height: 36px;
        margin-top: 5%;
        color: #777777;
    }
    .introduce p:nth-child(4){
        font-size: 16px;
        text-indent: 2em;
        line-height: 36px;
        color: #777777;
    }
    .t-l{
        position: absolute;
        width: 75px;
        height: 35px;
        border:2px solid #b5403a;
        border-radius: 10px;
        font-size: 14px;
        text-align: center;
        line-height: 35px;
        /* margin-left: -45%;
        margin-top: 35%; */
        top: 75%;
        left: 55%;
    }
    
    /* 导航按钮 */
    .m_nav{
        position: fixed;
        top: 0px;
        box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
        width: 100%;
        height: 130%;
        border-bottom-left-radius: 100%;
        background: #fff;
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        z-index: 997;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        /* margin-left: 300px; */
        overflow-y: auto;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        top: 0;
        transform: translateX(100%);
        margin-left: -250px;
    }
    .m_nav.open{
        transform: translateX(0);
    }
    .m_nav .top{
        height: 60px;
        padding: 20px;
        box-sizing: border-box;
    }
    .m_nav .top .closed{
        position: fixed;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        /* float:right; */
        cursor: pointer;
        margin-left: 48%;
        margin-top: 2%;
        z-index: 999;
    }
    .m_nav .logo{
        /* width: 100%; */
        margin:0 auto;
    }
    .m_nav .logo img{
        height: 50px;
        display: block;
        margin:30px auto;
    }
    .m_nav .ul{
        margin-top: 30px;
        margin-left: 49%;
    }
    .m_nav .ul li{
        padding: 0 20px;
        border-bottom: 1px solid #f5f5f5;
        transform: translateY(0);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        opacity: 0;
        margin-top:7%;
    }
    .m_nav .ul li:nth-child(1){
        margin-top: 5%;
    }
    .m_nav.open .ul li{
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .m_nav .ul li:nth-child(1) {
        -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(2) {
        -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(3) {
        -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(4) {
        -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(5) {
        -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li:nth-child(6) {
        -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
        transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    }
    .m_nav .ul li a{
        display: block;
        text-decoration: none;
        color: #333;
        font-size: 30px;
        height: 50px;
        line-height: 50px;
        width: 100%;
    }
	    .m_nav .ul li span a{
        display: block;
        text-decoration: none;
        color: #333;
        font-size: 18px;
        height: 50px;
        line-height: 50px;
        width: 100%;
    }
    .m_nav .ul li div{
        /* position: absolute; */
        width: 80%;
        height:20% ;
        /* background-color: #000; */
        /* position: absolute; */
        margin-top: 1%;
        margin-left: -66%;
        display: flex;
        justify-content: space-between;
    }
    .m_nav .ul li:nth-child(3) div{
        width: 50%;
        margin-left: -36%;
    }
    .m_nav .ul li:nth-child(4) div{
        width: 50%;
        margin-left: -36%;
    }
    .m_nav .ul li:nth-child(5) div{
        width: 50%;
        margin-left: -36%;
    }
    .m_nav .ul li span{
        /* width: 20%; */
        font-size: 18px;
        /* margin-left: 9%; */
    }
    .m_nav .ul li .dropdown_menu{
        display: none;
    }
    .m_nav .ul li.dropdown.active .dropdown_menu{
        display: block;
    }
    .m_nav .ul li .dropdown_menu a{
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0 40px;
        box-sizing: border-box;
        border-bottom: 1px solid #f5f5f5;
    }
    .m_nav .ul li .dropdown_menu a:last-child{
        border: none;
    }
    .header{
        position: fixed;
        /* z-index: 998; */
        margin-left: -15%;
    }
    #navToggle{
        display: flex;
        z-index: 998;
    }
    .header:active span{
        display: none;
    }
    .banner{
        width: 100%;
    }
    .banner img{
        width: 100%;
    }
    
    @media screen and (max-width: 2000px){
        .header{
            padding: 0 10px;
        }
        .header #navToggle {
            width: 63px;
            height: 63px;
            /* padding: 9px 15px; */
            background-color: #c14636;
            border-radius: 50%;
            margin-left: 25px;
            margin-top:10px ;
            display: inline-block;
            /* float: right; */
        }
        .header #navToggle span {
            position: relative;
            width: 25px;
            height: 2px;
            margin: 0 auto;
            margin-top: 50%;
        }
        .header #navToggle span:before,
        .header #navToggle span:after {
            content: '';
            position: relative;
            width: 100%;
            height: 2px;
            left: 0;
        }
        .header #navToggle span,
        .header #navToggle span:before,
        .header #navToggle span:after {
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            display: block;
            background: #ffffff;
        }
        .header #navToggle span:before {
            top: 8px;
        }
        .header #navToggle span:after {
            bottom: 10px;
        }

    }
    .daoh{
        font-size: 20px;
        color: #000000;

        margin-left: -50px;
        margin-top: 25px;
        position: fixed;
        z-index: 10000000;
    }
    
    /* 第四页 */
    .swiper-slide :hover{
        cursor: pointer;
    }
    .four{
        width: 100%;
        height: auto;
        display: flex;
        background-color: #d5d5d5;
        position: relative;
		overflow: hidden;
    }
    .lunbo{
        width: 645px;
        height: 485px;
        border-radius: 10px;
        margin-top: 10%;
        margin-left: 13%;
    }
    .lunbo .swiper-slide{
        border-radius: 10px;
    }
    .lunbo img{
        border-radius: 10px;
    }
    .four .xw{
        margin-top: 5%;
        margin-left: 13%;
        position: absolute;
        font-size: 36px;
    }
    .time p:nth-child(1){
        font-size: 28px;
    }
    .time p:nth-child(2){
        font-size: 18px;
    }
    .shijia{
		width:55%;
        font-size: 18px;
        line-height: 75px;
        margin-left: 7%;
		display: -webkit-box; /* 创建一个弹性容器盒子模型 */
            -webkit-box-orient: vertical; /* 设置盒子的排列方向为垂直 */
            -webkit-line-clamp: 1; /* 限制在3行内 */
            word-break: break-all; /* 允许在单词内换行 */
            overflow: hidden; /* 隐藏溢出的文本 */
            text-overflow: ellipsis; /* 溢出部分用省略号表示 */
    }
    .allnews{
        width: 40%;
        height: auto;
		padding-bottom:5%;
    }
    a:hover{
        cursor: pointer;
    }
    .more:hover{
        color: #b5403a;
        cursor: pointer;
    }
    .news{
        /* width: 100%; */
        height: auto;
        display: flex;
        /* position: absolute; */
        margin:5% 0 0 20%;
        color: #484848;
    }
    .allnews .news:nth-child(1){
        margin:22% 0 0 20%
    }
    .news :hover.time{
        color: #b5403a;
    }
    .news :hover .button div:nth-child(1){
        display: block;
    }
    .news :hover.n-img{
        border: 1px solid #b5403a;
        border-radius: 50%;
    }
    .n-img{
        width: 30px;
        height: 30px;
    
        margin-top: 20px;
        margin-left: 20px;
    }
    .n-img img{
        width: 50%;
        height: 40%;
        margin-top: 10px ;
        margin-left: 20%;
        object-fit: cover;
    }
    .button{
        /* position: absolute; */
        margin-left: 20%;
    }
    .button div:nth-child(1){
        position: absolute;
        width: 100px;
        height: 3px;
        display: none;
        background-color: #b5403a;
    }
    .button div:nth-child(2){
        width: 500px;
        height: 3px;
        background-color: #484848;
    }
    .more{
        position: absolute;
        margin-top: 5%;
        margin-left: 80%;
        display: flex;
        width: 10%;
        height: 10%;
    }
    .more img{
        width: 10%;
        height: 13%;
        margin-top: 7px;
        transform: rotate(-45deg);
    }
    .more p{
        margin-left: 3%;
        font-size: 18px;
        color: #484848;
    }
    .more:hover p{
        color: #b5403a;
    }
    
    .five{
        width: 100%;
        height: auto;
        /* background-color: #8f8f8f; */
        position: relative;
        display: flex;
        margin-top: 50px;
        padding-bottom: 100px;
    }
    .five span{
        width: 2px;
        height: 650px;
        background-color: black;
        position: absolute;
        margin-top: 3%;
        margin-left: 50%;
        opacity: 0.2;
    }
    .five .Partner{
        width: 50%;
        padding-left: 5%;
    }
    .five .case{
        width: 50%;
        overflow: hidden;
        margin-left: 5%;
    }
    .five .hezuo{
        width: 350px;
        height: 193px;
        direction: rtl;
    }
    .five .hezuo p:nth-child(1){
        font-size: 36px;
        margin-left: 57%;
    }
    .five .hezuo p:nth-child(2){
        font-size: 18px;
        margin-left: 50%;  
    }
    .five .jiameng{
        width: 350px;
        height: 193px;
        margin-left: 10%;
    }
    .jiameng p:nth-child(1){
        font-size: 36px;
    }
    .jiameng p:nth-child(2){
        font-size: 18px;
    }

    .Partner ul:nth-child(3){
        width: 90%;
        height: auto;
        margin-left: 15%;

    }
    .case ul:nth-child(3){
        width: 90%;
        height: auto;
        margin-left: 5%;
    
    }
    .five ul li{
        width: 90%;
        display: flex;
        margin-top: 5%;
    }
    .five ul li img{
        width: 45%;
        height: 100%;
        object-fit: cover;
    }
    .five ul li img:nth-child(2){
        margin-left: 10%;
    }


    }
    
    
    
    
    
    @media screen and (max-width: 1200px){
        /* 导航 */
        .m_nav{
            position: fixed;
            top: 0px;
            box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
            width: 100%;
            height: 100%;
            border-bottom-left-radius: 0%;
            background: #fff;
            transition: all ease 0.5s;
            -webkit-transition: all ease 0.5s;
            z-index: 997;
            opacity: 1;
            visibility: visible;
            margin-top: 0;
            /* margin-left: 300px; */
            overflow-y: auto;
            transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
            top: 0;
            transform: translateX(100%);
            margin-left: -90%;
        }
        .m_nav .top{
            height: 60px;
            padding: 20px;
            box-sizing: border-box;
        }
        .m_nav .top .closed{
            position: fixed;
            width: 30px;
            height: 30px;
            vertical-align: middle;
            /* float:right; */
            cursor: pointer;
            margin-left: 72%;
            margin-top: 2%;
            z-index: 999;
        }
        .m_nav .ul{
            margin-top: 30px;
            margin-left: 49%;
        }
        .m_nav .ul li{
            padding: 0 20px;
            border-bottom: 1px solid #f5f5f5;
            opacity: 0;
            margin-top:7%;
        }
        .m_nav .ul li:nth-child(1){
            margin-top: 5%;
        }
    
        .m_nav .ul li:nth-child(3) div{
            width: 200%;
            margin-left: -125%;
            flex-wrap: nowrap;
        }
        .m_nav .ul li:nth-child(4) div{
            width: 200%;
            margin-left: -125%;
            flex-wrap: nowrap;
        }
        .m_nav .ul li:nth-child(5) div{
            width: 200%;
            margin-left: -125%;
        }
    
        .m_nav .ul li a{
            display: block;
            text-decoration: none;
            color: #333;
            font-size: 24px;
            height: 50px;
            line-height: 50px;
            width: 75%;
            text-align: end;
        }
        .m_nav .ul li div{
            width: 200%;
            height:20% ;
            margin-top: 1%;
            margin-left: -130%;
            display: flex;
            justify-content: flex-end;
            flex-wrap: wrap;
            flex-direction: row
        }
        .m_nav .ul li span{
            font-size: 16px;
            margin-left: 10%;
        }
    
        .logo{
            width: 20%;
            height: auto;
            top:0
        }
        .logo img{
            width:100% ;
            object-fit: cover;
        }
        .header #navToggle{
            width: 35px;
            height: 35px;
            top:10% ;
        }
        body{
            width: 100%;
            height: 100%;
            /* background-color: #000; */
        }
        /* 首页 */
        .sw-one{
            width: 100%;
            height: 500px;
        }
        .text{
            font-size: 24px;
            /* margin-left: -10%; */
            margin: 0 auto;
        }
        .rec-cir{
            width: 100px;
            height: 40px;
            /* margin-left: -7%; */
            margin: 25% 0 auto;
        }
        .rec-cir p{
            font-size: 14px;

            margin: auto auto;
        }

        .daoh{
            display: none;
        }
    
        /* 第二页 */
        .all{
            width: 100%;
            height: 500px;
            overflow: hidden;
        }
        .all span{
            font-size: 24px;
            margin-top: 0%;
            margin-left: -63%;
            top: 2%;

        }
        .all img:nth-child(1){
            width: 75%;
            height: 40%;
            object-fit: cover;
            margin-top: 0;
            margin-left: 0;
            top: 10%;
            left:12.5% ;
        }
        .all img:nth-child(2){

            display: none;
        }
        .introduce{
            width: 100%;
            height: 200px;
            top: 51%;
            left: 13%;
        }
        .all .introduce p{
            line-height: 20px;
            font-size: 14px;
            color: #000;
            display: -webkit-box; /* 创建一个弹性容器盒子模型 */
            -webkit-box-orient: vertical; /* 设置盒子的排列方向为垂直 */
            -webkit-line-clamp: 3; /* 限制在3行内 */
            word-break: break-all; /* 允许在单词内换行 */
            width: 75%; /* 设置容器宽度 */
            overflow: hidden; /* 隐藏溢出的文本 */
            text-overflow: ellipsis; /* 溢出部分用省略号表示 */
        }
        .all .introduce p:nth-child(1){
            /* width: 75%; */
            font-size: 24px;
            display: -webkit-box; /* 创建一个弹性容器盒子模型 */
            -webkit-box-orient: vertical; /* 设置盒子的排列方向为垂直 */
            -webkit-line-clamp: 1; /* 限制在3行内 */
            word-break: break-all; /* 允许在单词内换行 */
            width: 75%; /* 设置容器宽度 */
            overflow: hidden; /* 隐藏溢出的文本 */
            text-overflow: ellipsis; /* 溢出部分用省略号表示 */
        }
        .all .introduce p:nth-child(2){
            font-size: 20px;
        }
        .introduce p:nth-child(3) {
            margin-top: 0;
        }
        .t-l{
            margin-top: 0;
            margin-left: 0;
            top: 85%;
            left: 40%;
            z-index: 5;
        }
    
        /* 第三页 */
        .sw-two{
            width: 100%;
            height: 500px;
            position: relative;
        }
        .sw-two .swiper-pagination-bullets {
            width: 80% !important;
            bottom: 0;
            margin-left: 0%;
            height: 500px !important;
            display: flex;
            flex-direction: column;
        }
        .tsyj{
            position: absolute;
            margin-top: 20%;
            margin-left: 70%;
            font-size: 24px;
        }
    
        /* 第四页 */
        .four{
            width: 100%;
            height: 60%;
            display: grid;
            grid-template-columns: 100%;
            grid-auto-rows: auto;
            overflow: hidden;
        }
        .four .lunbo{
            width: 75%;
            height: 30%;
            top: 20%;
        }
        .four .allnews{
            position: absolute;
            width: 100%;
            top: 30%;
            left: -5%;
        }
        .four .lunbo img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .four .xw{
            margin-top: 0;
            margin-left: 0;
            top: 2%;
            left: 12.5%;
            font-size: 24px;
        }
        .allnews .news:nth-child(1){
            margin-top: 15%;
        }
        .allnews .news:nth-child(7){
            display: none;
        }
        .allnews .news:nth-child(9){
            display: none;
        }
        .allnews .button:nth-child(8){
            display: none;
        }
        .allnews .button:nth-child(10){
            display: none;
        }
        .time p:nth-child(1){
            font-size: 18px;
        }
        .time p:nth-child(2){
            font-size: 16px;
        }
        .shijia{
            font-size: 16px;
        }
        .button div:nth-child(2){
            margin-top: -20px;
            width: 87%;
        }
        .more p{
            font-size: 14px;
            position: absolute;
            top: -10%;
        }
    
        /* 第五页 */
        .five{

            margin-top: 25px;
            padding-bottom: 25px;
            flex-direction: column;
        }
        .five span{
            width: 80%;
            height: 2px;
            margin-left: 10%;
            position: static;
        }
        .five .Partner {
            width: 90%;
            padding-left: 5%;
        }
        .five .hezuo{
            width: 45%;
            height: 100%;
        }
        .five .hezuo p:nth-child(1){
            margin-left: 15%;
            font-size: 18px;
            display: flex;
        }
        .five .hezuo p:nth-child(2){
            display: none;
        }
        .five .case {
            width: 90%;
            overflow: hidden;
            margin-left: 5%;
        }
        .five .jiameng{
            width: 45%;
            height: 100%;
        }
        .five .jiameng p:nth-child(1){
            position: absolute;
            /* left: 55%; */
            font-size: 18px;
        }
        .five .jiameng p:nth-child(2){
            display: none;
        }
    
        
    }

    /* aboutus */
    li{
        list-style: none;
    }
    .banner{
        width: 100%;
        height: 40%;
    }
    .banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .section-content{ 
        /* height: 80%; */
        /* background: #eee;  */
        width: 100%; 
        margin: auto; 
    }



    #section2{
        width: 100%;
        height: 750px;
        background: url(../img/wenhua.jpg) no-repeat;
        background-size:cover;
        overflow: hidden;
    }
    #section2 ul p{
        font-size: 30px;
        padding-top: 5%;
        margin-left: 10%;
    }
    #section2 ul {
        display: flex;
        margin-top: 5%;
        margin-left: 7%
    }
    #section2 ul li{
        width:300px ;
        height: 300px;
        border-radius: 10px;
        background-color: rgba(173,173,173, 0.4);
    }
    #section2 ul li{
        margin-left: 5%;
    }
    #section2 ul li div{
        width: 100px;
        height: 100px;
        margin-top: 10%;
        margin-left: 10%;
        background-color: white;
        border-radius: 50%;
    }
    #section2 ul li div img{
        width: 70%;
        height: 70%;
        margin: 15% 15%;
        object-fit: contain;
    }
    #section2 ul li p:nth-child(2){
        font-size:24px ;
    }
    #section2 ul li p:nth-child(3){
        font-size:18px ;
    }

    #section2 ul:nth-child(2) li:nth-child(2) p:nth-child(3){
        width: 80%;
    }



    .title {
        text-align: center;
        font-size: 48px;
        margin-left: 0;
        margin-top: 5%;
    }
    .title p:nth-child(2){
        text-align: center;
        font-size: 24px;
        margin-left: 0;
        margin-top: 0%;
        color: #c14636;
    }
    .nav-height{ 
        position:relative; 
        height: 50px;
    }
    .nav-wrap { 
        width: 100%;
        height: 50px;
        background: #fff;
    }
    .nav-wrap.navFix{
        /* position: fixed; */
        top: 0;left: 0;  
        box-shadow: 0 0 5px rgba(0,0,0, 0.2);
        border-bottom:1px solid #e3e3e3; 
        z-index: 99999;
    } 
    .nav-wrap ul {
        padding: 0;
        margin: 0 auto; 
        width: 80%; 
        /* display: flex; 
        justify-content: space-around; */
        border-bottom: 2px solid #eee;
    }
    .nav-wrap.navFix ul{ 
        border-bottom: 0;
    }
    .nav-wrap li { 
        display: block; 
        text-align: left;
        height: 50px; 
        line-height: 50px; 
        float: left;
    }
    .nav-wrap li a {
        display: block;
        padding: 0 20px;
        font-size:20px; 
        color: #333; 
        text-decoration: none;
    }
    .nav-wrap li a:hover{
        color: #4680d1;
    }
    .nav-wrap li a.active {
        border-bottom:2px solid #4680d1;
        color: #4680d1;
    }
    .nav-mobile {
        display: none;
        font-weight: bold;
        width: 100%;
    }
    .click-me {
        width: 150px;
        height: 30px; 
        background: #4680d1;
        color: white; 
        text-align: center;
        line-height: 30px;
    }
    .click-me a {
        display: block;
        color: white;
    }

    #section1{
        height: 60%;
        display: flex;
        overflow: hidden;
        background-color: #e3e3e3;
    }
    #section1 .s-one{
        width: 70%;
    }
    .s-one p{
        width: 60%;
        margin-top: 3%;
        margin-left: 10%;
        font-size: 18px;
        color: rgb(0, 0, 0);
        line-height: 32px;
    }
    .s-one p:nth-child(2){
        font-size: 36px;
        margin-top: 1%;
        font-weight: 700;        
        color: #c14636;
    }
    .s-one p:nth-child(1){
        font-size: 48px;
        margin-top: 5%;
    }
    #section1 .img{
        width:25% ;
        height: 50%;
        margin-top: 10%;
        margin-left: 15%;
    }
    #section1 .img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

	   .video{
        width: 30%;
        margin-top: 3%;
        margin-left: 15%;
    }

    #section3 {
        height: auto;
    }
    #section3 .swiper-wrapper{
        padding-bottom: 3%;
    }
    .swiper-wrapper img{
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    #section3 p {
        font-size: 30px;
        text-align: center;
        padding-top: 7%;
        margin-bottom: 5%;
    }

    #section3 ul{
        width: 80%;
        margin-left: 10%;
        display: flex;
        flex-wrap: wrap;
    }
    #section3 ul li{
        width: 30%;
        height: 500px;
        margin-left: 3%;
    }

    #section4 {
        width: 100%;
        padding-top: 5%;
    }
    .last{
        width: 100%;
        padding-bottom: 5%;
        background: url(../../images/last.png) no-repeat bottom;
    }
    .last p{
        text-align: center;
    }
    .last p:nth-child(1){
		padding-top: 3%;
        font-size: 48px;
    }
    .last p:nth-child(2){
        font-size: 30px;
    }
    .last ul{
        width: 80%;
        margin-left: 10%;
        display: flex;
        flex-wrap: wrap
    }
    .last ul li{
        margin-left: 5%;
        width: 15%;
        margin-top: 5%;
    }
    .last ul li img{
        width: 100%;
        display: block;
    }

    .hezuo ul li{
        width: 30%;
        margin-left: 3%;
    }
    .hezuo ul li img{
        width: 50%;
        margin-left: 25%;
        display: block;
    }
    .hezuo ul li p{
        width: 100%;
        margin-top: 5%;
        margin-left: 0;
        text-align: center;
    }

    .prduct-nav{
        width: 100%;
        background-color: #000;
        opacity: 0.3;
    }
    .prduct-nav ul{
        width: 50%;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-left: 25%;
        display: flex;
        color: white;
        justify-content: space-around;
    }
    .product ul{
        width: 80%;
        margin-left: 10%;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 10%;
    }
    .product ul li{
        width: 45%;
        height: 380px;
        margin-top: 5%;
        border-radius: 20px;
        display: flex;
        background-color: #b9b9b9;
    }
    .product ul li div{
        width: 60%;        
        margin-left: 10%;
    }
    .product ul li div p:nth-child(1){
        margin-top: 10%;
        font-size: 32px;
    }
    .product ul li div p:nth-child(2){
        width: 30%;
        height: 2px;
        margin-top: 5%;
        margin-bottom: 5%;
        background-color: #b5403a;
    }
    .product ul li div p:nth-child(3){
        font-size: 18px;
    }
    .product ul li div p:nth-child(4){
        font-size: 16px;
        margin-top: 50%;
    }
    .product ul li  img{
        width: 40%;
        object-fit: cover;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    .product ul li:nth-child(even){
        width: 45%;
        margin-left: 10%;
        display: flex;
    }

    .product-js{
        margin-top: 5%;
        margin-left: 10%;
    }
    .product-js li:nth-child(1){
        font-size: 36px;
        
    }
    .product-js p{
        width: 150px;
        height: 5px;
        margin-top: 3%;
        background-color: #1d2088;;
    }
    .product-js li:nth-child(3){
		width:70%;
        font-size: 18px;
        margin-top: 5%;
    }
	.product-js .p-j{
		display:flex;
	}
    .product-js .p-j li:nth-child(1){
        width: 150px;
        height: 50px;
        margin-top: 20%;
        background-color: #1d2088;;
        border-radius: 30px;
        font-size: 20px;
        text-align: center;
        line-height: 50px;
    }
	    .product-js .p-j li:nth-child(2){
        width: 150px;
        height: 50px;
        margin-top: 20%;
		margin-left: 10%;
        background-color: #1d2088;;
        border-radius: 30px;
        font-size: 20px;
        text-align: center;
        line-height: 50px;
    }
    .product-int .p-i-t{
        width: 100%;
        height: 50px;
        margin-top: 5%;
        font-size: 36px;
        line-height: 50px;
        text-align: center;
    }
    .product-int .p-i{
        margin-top: 3%;
        font-size: 18px;
    }





    
    
