/*---------------------- 公司简介---------------------- */
.about-content{
    max-width: 1550px;
    margin: 0 auto;
    /* border: 1px solid red; */
}
    .about-left{
       display: inline-block;
       width: 42.5%; 
       vertical-align: top;
       float: left;
    }

    /* 轮播 */
    .picScroll-left{ overflow:hidden; position:relative;}
    .picScroll-left .hd{
        position: absolute; 
        z-index: 10000;
        overflow:hidden;
        bottom: 0;
        right: 0;
        background: rgba(0, 0, 0, .7);
        width: 140px;
        height: 60px;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .picScroll-left .hd .prev,.picScroll-left .hd .next{ 
        display:inline-block;  
        width:12px; 
        height:27px;
        overflow:hidden;
        cursor:pointer; 
        background:url("../img/prev.png") no-repeat;
        background-size: 100% 100%;
        transform: rotate(0) !important;
        -webkit-transform: rotate(0) !important;
        -moz-transform: rotate(0) !important;
        -ms-transform: rotate(0) !important;
        -o-transform: rotate(0) !important;
    }
    /* .picScroll-left .hd .prev{
        margin-left: 20px;
    } */
   
    .picScroll-left .hd .next{
        background:url("../img/prev.png") no-repeat;
        background-size: 100% 100%;
        transform: rotate(180deg) !important;
        -webkit-transform: rotate(180deg) !important;
        -moz-transform: rotate(180deg) !important;
        -ms-transform: rotate(180deg) !important;
        -o-transform: rotate(180deg) !important;
    }
    .pageState{
        font-size: 24px;
        color: #efefef;
       letter-spacing: 10px;
       font-family: Arial, Helvetica, sans-serif;
    }
    .pageState span{
        display: inline-block;
        padding: 0 5px;
        font-size: 30px;
        color: #efefef;
        font-family: Arial, Helvetica, sans-serif;
    }
    .picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display: none;}
    .picScroll-left .hd ul li{ 
        float:left;  
        width: 100%;
        overflow:hidden; 
        margin-right:5px; 
        cursor:pointer; 
        background:url("../images/icoCircle.gif") 0 -9px no-repeat; 
    }
    .picScroll-left .hd ul li.on{ background-position:0 0; }
    .picScroll-left .bd{ padding: 0 0 0 3%;   }
    .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
    .picScroll-left .bd ul li{ width:100%; _display:inline; overflow:hidden; text-align:center;  }
    .pic a img{
        border: none;
        padding: 0;
    }
    .pic:hover img{
        background: none;
        border: none;
    }
    .picScroll-left .bd ul li .pic{ 
        text-align:center; 
        width: 100%;
        padding-bottom: 80.3%;
        position: relative;
    }
    .picScroll-left .bd ul li .pic a{ 
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .picScroll-left .bd ul li .pic a img{
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
    .picScroll-left .bd ul li .pic a img:hover{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
}

    .about-right{
        display: inline-block;
        width: 54.2%;
        margin-left: 3%;
    }
    .about-right>h2{
        font-size: 30px;
        color: #333;
        font-weight: normal;
        margin-bottom: 4%;
    }
    .about-text p{
        font-size: 16px;
        line-height: 38px;
        color: #666;

    }

@media(max-width:1600px){
.main .main-container .main-title h1 {
    font-size: 26px;
}
main .main-container .main-title p {
    display: inline-block;
    font-size: 26px;
}
.about-right>h2 {
    font-size: 26px;
}
.about-text p {
    font-size: 14px;
    line-height: 28px;
}
}

@media(max-width:1200px){
    .about-left{
        float: none;
        width: 100%;
    }
    .picScroll-left .bd{
        padding: 0;
    }
    .about-right {
        width: 100%;
        margin-left: 0;
    }
}

@media(max-width:760px){
    .about-right>h2{
        font-size: 22px;
    }
}



/*---------------------- 企业文化---------------------- */
.about-culture-content{
    /* border: 1px solid red; */
}
    .culture-top{
        height: 385px;
        box-shadow: 0 0 20px rgba(102, 102, 102, .15);
        margin-bottom: 4%;
    }
    .culture-top .culture-img{
        display: inline-block;
        width: 540px;
        height: 385px;
        position: relative;
        margin-right: 6%;
    }
    .culture-top .culture-img a{
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .culture-top .culture-img a img{
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .culture-top:hover .culture-img a img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
}
    .culture-top .culture-text{
        display: inline-block;
        width: calc(78% - 385px);
        vertical-align: top;
        text-align: left;
    }
    .culture-top .culture-text h1 a{
        display: block;
        font-size: 28px;
        line-height: 28px;
        color: #963437;
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .culture-top .culture-text p{
        font-size: 24px;
        color: #000;
        margin-bottom: 35px;
    }
    .culture-top .culture-text span{
        display: block;
        font-size: 16px;
        line-height: 36px;
        color: #666;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-bottom: 35px;
    }
    .culture-top .culture-text>a{
        font-size: 18px;
        color: #963437;
    }

    .culture-list{

    }
    .culture-list ul{
        
    }
    .culture-list ul li{
        display: inline-block;
        width: 31.875%;
        margin-right: 1.9%;
        margin-bottom: 2%;
    }
    .culture-list ul li:nth-child(3N){
        margin-right: 0;
    }
    .culture-list ul li .list-imgbg{
        position: relative;
        width: 100%;
        padding-bottom: 103.33%;
        overflow: hidden;
    }
    .culture-list ul li .list-imgbg>img{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .culture-list ul li .list-imgbg .list-box{
        position: absolute;
        top: 0;
        left: 0;
        width: 72%;
        height: 100%;
        padding: 0 14%;
        text-align: center;
        background: rgba(0, 0, 0, .7);
    }
    .culture-list ul li .list-imgbg .list-box h1{
        font-size: 30px;
        margin-top: 68%;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        margin-bottom: 2%;
        color: #fff;
        font-weight: normal;
    }
    .culture-list ul li .list-imgbg .list-box .list-entitle{
        font-size: 14px;
        color: #cfcece;
        margin-bottom: 11.5%;
    }
    .culture-list ul li .list-imgbg .list-box .list-text{
        display: none;
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        margin-bottom: 11.5%;
    }
    .culture-list ul li .list-imgbg .list-box .list-icon em{
        display: inline-block;
        background: url(../img/top.png) no-repeat;
        background-size: 100% 100%;
        background-size: cover;
        width: 30px;
        height: 30px;
    }
    .culture-list ul li:hover .list-imgbg .list-box h1{
        margin-top: 44%;
    }
    .culture-list ul li:hover .list-imgbg .list-box .list-text{
        display: inline-block;
    }
    .culture-list ul li:hover .list-imgbg .list-box .list-icon em{
        background: url(../img/bottom.png) no-repeat;
        width: 30px;
        height: 30px;
        background-size: 100% 100%;
    }

    @media(max-width:1600px){
        .culture-list ul li{
            width: 31.7%;
        }
    }

    @media(max-width:1100px){
        .culture-top{
            height: auto;
            text-align: center;
            padding-bottom: 4%;
        }
        .culture-top .culture-text{
            width: 82%;
            padding: 0 9%;
        }
        .culture-top .culture-img{
            margin-right: 0;
        }

        .culture-list ul li .list-imgbg .list-box h1{
            font-size: 24px;
            margin-top: 60%;
        }
        .culture-list ul li .list-imgbg .list-box .list-entitle{
            font-size: 12px;
        }
        .culture-list ul li .list-imgbg .list-box .list-text{
            font-size: 14px;
            line-height: 24px;
        }
        .culture-list ul li .list-imgbg .list-box .list-icon em{
            width: 25px;
            height: 25px;
        }
        .culture-list ul li:hover .list-imgbg .list-box .list-icon em{
            width: 25px;
            height: 25px;
        }
        .culture-list ul li:hover .list-imgbg .list-box h1{
            margin-top: 12%;
        }
    }
    @media(max-width:820px){
        .culture-list ul li{
            width: 48.5%;
        }
        .culture-list ul li:nth-child(3n){
            margin-right:1.9%
        }
        .culture-list ul li:nth-child(2n){
            margin-right: 0;
        }
        .culture-list ul li .list-imgbg .list-box h1{
            margin-bottom: 5%;
        }
        .culture-list ul li:hover .list-imgbg .list-box h1{
            margin-top: 20%;
        }
    }

    @media(max-width:590px){
        .culture-top{
            margin-bottom: 10%;
        }
        .culture-top .culture-img{
           width: 100%;
           padding-bottom: 72.2%;
           height: auto;
        }
        .culture-top .culture-text{
            width: 90%;
            padding: 0 5%;
        }
         .culture-top .culture-text h1 a{
            margin-top: 6%;
            margin-bottom: 4%;
            font-size: 24px;
        }
        .culture-top .culture-text p{
            margin-bottom: 4%;
            font-size: 18px;
        }
        .culture-top .culture-text span{
            font-size: 14px;
            line-height: 30px;
            margin-bottom: 5%;
        }

        .culture-list ul li{
            width: 100%;
            margin-right: 0;
            margin-bottom: 5%;
        }
        .culture-list ul li:nth-child(3n){
            margin-right: 0;
        }
        .culture-list ul li:hover .list-imgbg .list-box h1{
            margin-top: 30%;
        }
    }


/*---------------------- 董事长寄语---------------------- */
.about-boss-content{
    max-width: 1550px;
    margin: 0 auto; 
}
    .about-boss-content>div:nth-child(1){
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 5%;
    }

    .about-boss-left{
        display: inline-block;
        width: 33.55%;
        padding-bottom: 38.71%;
        position: relative;
    }
    .about-boss-left a{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .about-boss-left a img{
        display: inline-block;
        width: 100%;
        height: 100%;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
    .about-boss-left:hover a img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
}
    .about-boss-left2{
        display: none;
        width: 80%;
        margin: 0 auto;
        padding-bottom: 92%;
        position: relative;
    }
    .about-boss-left2 a{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
    }
    .about-boss-left2 a img{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .about-boss-right{
        display: inline-block;
        width: 62%;
        vertical-align: top;
    }
    .about-boss-right .about-boss-right-text>h2{
        font-size: 30px;
        color: #333;
        margin-bottom: 3%;
        margin-top: 5%;
    }
    .about-boss-right .about-boss-right-text>p{
        font-size: 23px;
        line-height: 50px;
        color: #333;
    }
    .about-boss-content .about-boss-bottom{
        padding: 0 2%;
        font-size: 20px;
        line-height: 50px;
        color: #666;
    }

@media(max-width:1200px){
    .about-boss-right .about-boss-right-text>h2{
        font-size: 26px;
    }
    .about-boss-right .about-boss-right-text>p,
    .about-boss-content .about-boss-bottom{
        font-size: 18px;
        line-height: 36px;
    }

}

@media(max-width:760px){
    .about-boss-left{
        display: none;
    }
    .about-boss-left2{
        display: block;
        margin-top: 5%;
    }
    .about-boss-content>div:nth-child(1){
        display: block;
    }
    .about-boss-right{
        width: 100%;
    }

    .about-boss-right .about-boss-right-text>p,
    .about-boss-content .about-boss-bottom{
        font-size: 16px;
        line-height: 30px;
    }
}


/*---------------------- 发展历程---------------------- */

  
.button {
    position: absolute;
    cursor: pointer;
    top: 48px;
    font-size: 40px;
    color: #333;
    width: 50px;
    height: 50px;
    border-right: 100%;
}
.prev {
    left: 0%;
    background: url(../img/about-dev-arrow01.png) no-repeat;
    background-size: 100% 100%;
}
.next {
    right: 0%;
    background: url(../img/about-dev-arrow01.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.prev:hover{
    background: url(../img/about-dev-arrow02.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.next:hover{
    background: url(../img/about-dev-arrow02.png) no-repeat;
    background-size: 100% 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.container {
    max-width: 1450px;
    margin: 0 auto;
    position: relative;
    padding: 0 6%;
}
    .slide_wrap  {
        overflow: hidden;
        position: relative;
    }
    .slide_wrap ul {
        position: relative;
        left: 0px;
        overflow: hidden;
        width: 100000000% !important;
        padding-bottom: 35px;
    }
    .slide_wrap::after {
        width: 100%;
        height: 1px ;
        background-color: #ccc;
        content: '';
        position: absolute;
        top: 75px;
        left: 0px;
    }
    .slide_items li{
        float: left;
        font-size: 20px;
        width: 240px;
        text-align: center;    
    }
    .slide_items li a {
        display: block;
    }
    .slide_items li.on {
        color: yellow;
        border-radius: 30px;
    }
    .slide_items li span {
        color: #999;
        font-size: 30px;
        display: block;
        font-weight: bold;
        position: relative;
    }
    .slide_items li.on span{
        color: #963437;
    }
    .slide_items li div {
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 1px solid #9c9c9c; ;
        border-radius: 13px;
        padding: 2px;
        box-sizing: border-box;
        margin-top: 28px;
        background: white;
        position: relative;
        z-index: 1000;
    }

    .slide_items li.on div {
        display: inline-block;
        width: 27px;
        height: 27px;
        border-radius: 13px;
        padding: 8px;
        box-sizing: border-box;
        margin-top: 22px;
        border: 1px solid #963437;
        text-align: center;
    }
    .slide_items li.on i {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #963437;
        border-radius: 13px;
        box-sizing: border-box;
        margin-left: -3px;
        margin-top: -3px;
    }

    .slide-content {
    max-width: 1240px;
    margin: 0 auto;
    background: #eceaed;
    margin-top: 3%;
    }

    .slide-content ul {
        display: none;
    }
    .slide-content ul.on {
        display: block;
    }
    .slide-content ul li>div{
        padding: 2.5% 6% 4%;
    }
    .slide-content ul li>div h1{
        font-size: 36px;
        color: #963437;
        font-family: 'Bold', sans-serif;
        margin-bottom: 2%;
    } 
    .slide-content ul li>div p{
        font-size: 16px;
        line-height: 30px;
        color: #666;
        margin-bottom: 2%;
        padding: 0 45px;
        background: url(../img/about-dev.png) no-repeat left top;
    }
    .slide-content ul li>div img{
        display: inline-block;
        margin: 0 45px;
        margin-bottom: 2%;
    }

@media(max-width:1200px){
    .slide_items li span{
        font-size: 20px;
    }
    .slide_wrap::after{
        top: 61.5px;
    }
    .button{
        top: 34px;
    }
    .slide-content ul li>div h1{
        font-size: 28px;
    }
    .slide_items li{
        width: 180px;
    }
}

@media(max-width:760px){
    .slide_wrap::after{
        top: 59.5px;
    }
    .button{
        width: 35px;
        height: 35px;
    }
    .slide_items li{
        width: 150px;
    }
    .slide_items li.on div{
        width: 22px;
        height: 22px;
    }
    .slide_items li.on i {
        margin-left: -4px;
        margin-top: -4px;
        width: 12px;
        height: 12px;
    }
    .slide_items li div{
        width: 12px;
        height: 12px;
    }
    .button{
        top: 42px;
    }
    .prev{
        left: -10px;
    }
    .next{
        right: -10px;
    }
    .slide-content ul li>div h1{
        font-size: 24px;
    }
    .slide-content ul li>div {
        padding: 5% 6% 6%;
    }
    .slide-content ul li>div h1{
        margin-bottom: 5%;
    }
    .slide-content ul li>div p{
        padding: 0 30px;
        background: url(../img/about-dev.png) no-repeat left 6px;
        background-size: 18px 18px;
    }
    .slide-content ul li>div img{
        width: 90%;
        margin: 5% 5%;
    }
}






/*---------------------- 荣誉资质---------------------- */
.about-honor-content{
    /* border: 1px solid red; */
}
    .about-honor-content ul{
        
    }
    .about-honor-content ul li{
        border: 1px solid #d8d8d8;
        display: inline-block;
        width: 30.1%;
        text-align: center;
        margin-right: 4.2%;
        padding-bottom: 3%;
        margin-bottom: 4%;
        position: relative;
    }
    .about-honor-content ul li::after{
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 6px;
        background: #963437;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
}
    .about-honor-content ul li:nth-child(3n){
        margin-right: 0;
    }
    .about-honor-content ul li .honor-img{
        display: inline-block;
        width: 100%;
        padding-bottom: 81.6%;
        position: relative;
        overflow: hidden;
    }
    .about-honor-content ul li .honor-img>div{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .about-honor-content ul li .honor-img img{
        display: block;
        width: auto;
        max-width: 80%;
        max-height: 80%;
        margin: 0 auto;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }   
    .about-honor-content ul li p{
        font-size: 24px;
        color: #666;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
    }
    .about-honor-content ul li:hover .honor-img img{
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
    .about-honor-content ul li:hover p{
        color: #963437;
    }
    .about-honor-content ul li:hover{
        border: 1px solid #963437;
    }
    .about-honor-content ul li:hover::after{
        width: 100%;
    }

@media(max-width:1600px)
{
.about-honor-content ul li p {
    font-size: 20px;
}

}
@media(max-width:1200px){
    .about-honor-content ul li{
        width: 30%;
    }
}
@media(max-width:990px){
    .about-honor-content ul li{
        width: 29.5%;
    }
    .about-honor-content ul li p{
        font-size: 16px;
    }
}
@media(max-width:770px){
    .about-honor-content ul li{
        width: 46.8%;
    }
    .about-honor-content ul li:nth-child(3n){
        margin-right: 4.5%;
    }
    .about-honor-content ul li:nth-child(2n){
        margin-right: 0;
    }
}
@media(max-width:470px){
    .about-honor-content ul li{
        width: 100%;
        padding-bottom: 5%;
        margin-right: 4.5%;
    }
    .about-honor-content ul li:nth-child(3n){
        margin-right: 0;
    }
}

/*---------------------- 荣誉资质详情---------------------- */
.about-honord-content{
    /* border: 1px solid red; */
}
    .pc-slide{
        position: relative;
    }
    /* 缩略轮播图 */
    .preview { 
        width: 100%;
        margin-top: 3%;
        position: relative;
        overflow: hidden;
        /* border: 1px solid black; */
    }
    .preview .swiper-container{
        max-width: 1600px;
        margin: 0 auto;
    }
    .preview .swiper-slide {
        width: 13.2% !important;
        margin: 0 0.5%;
        overflow: hidden;
        border: 1px solid #d8d8d8;
        text-align: center;
    }
    .preview .swiper-slide .honord-minimg{
        display: inline-block;
        width: 45.23%;
        padding-bottom: 68%;
        position: relative;
        margin: 10% 0;
    }
    .preview .swiper-slide .honord-minimg img{
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
    .preview .swiper-slide:hover .honord-minimg img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
}

    .preview .swiper-slide p{
        text-align: center;
        font-size: 10px;
        color: #666;
        cursor: pointer;
        margin-bottom: 10%;
    }

    #honor>.arrow{
        position: absolute;
        top: 58%;
        z-index: 10;
    }
    #honor>.honor-arrow-left {
        width: 4.28%;
        height: 6%;
        background: url("../img/case-arrow01.png") no-repeat center;
        left: 10%;
        cursor: pointer;
        background-size: 100% 100%;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transition: 0s;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -ms-transition: 0s;
        -o-transition: 0s;
    }
    #honor>.honor-arrow-right {
        width: 4.28%;
        height: 6%;
        background: url("../img/case-arrow01.png") no-repeat center;
        right: 10%;
        cursor: pointer;
        background-size: 100% 100%;
        transition: 0s;
        -webkit-transition: 0s;
        -moz-transition: 0s;
        -ms-transition: 0s;
        -o-transition: 0s;
    }
    #honor>.honor-arrow-left:hover{
        background: url("../img/case-arrow02.png") no-repeat center;
        transform: rotate(0);
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        background-size: 100% 100%;
    }
    #honor>.honor-arrow-right:hover{
        background: url("../img/case-arrow02.png") no-repeat center;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        background-size: 100% 100%;
}
    .preview .active-nav{
        border: 1px solid #963437;
    }
    .border_ccc{
        border: none;
    }

    /* 大地图轮播 */
    .view{
        overflow: hidden;
        margin-top: 5%;
        /* border: 1px solid black; */
        text-align: center;
        background: #f8f8f8;
    }
    .view .swiper-container {width: 100%;position: relative;}
    .view .swiper-slide{
        width: 100%;
    }
    .view .swiper-slide .honord-maximg{
       display: inline-block;
       width: 24.68%;
       padding-bottom: 38.5%;
       position: relative;
       margin-top: 5%;
       margin-bottom: 2%;
    }
    .view .swiper-slide .honord-maximg img{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
     .view .swiper-slide .honord-maximg img:hover{
         transform: scale(1.05);
         -webkit-transform: scale(1.05);
         -moz-transform: scale(1.05);
         -ms-transform: scale(1.05);
         -o-transform: scale(1.05);
}
     .view .swiper-slide>p{
         font-size: 24px;
         color: #963437;
         margin-bottom: 5%;
     }
   
    @media(max-width:1300px){
        .preview .swiper-slide{
            width: 18.8% !important;
        }
    }
    @media(max-width:760px){
        .preview .swiper-slide{
            width: 32% !important;
        }
        .view .swiper-slide>p{
            font-size: 20px;
        }
        #honor>.honor-arrow-left,#honor>.honor-arrow-right{
            width: 8%;
            height: 7%;
        }
        #honor>.arrow{
            top: 62%;
        }
        .view .swiper-slide .honord-maximg {
            margin-top: 8%;
            margin-bottom: 5%;
            width: 44%;
            padding-bottom: 64.5%;
        }  
    }


/*---------------------- 技术团队---------------------- */
.about-team-content{
    /* border: 1px solid red; */
}
    .about-team-content .team-box{
        margin-bottom: 4%;
    }
    .about-team-content .team-box .team-title{
        background: #963437;
        font-size: 24px;
        line-height: 60px;
        color: white;
        padding-left: 20px;
        margin-bottom: 20px;
    }
    .about-team-content .team-box .team-people {
   
}
    .team-people .people-img{
        display: inline-block;
        width: 510px;
        height: 360px;
        position: relative;
        margin-right: 4%;
text-align: center;
    }
    
    .team-people .people-img img{
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        /*position: absolute;*/
        top: 0;
        left: 0;
        overflow: hidden;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
}
    .team-people .people-img:hover a img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
}
    .team-people .people-text{
        display: inline-block;
        width:calc(93% - 510px);
        vertical-align: top;
        text-align: left;
    }
    .team-people .people-text h1{
        font-size: 26px;
        color: #963437;
        margin-bottom: 20px;
    }
    .team-people .people-text p{
        font-size: 20px;
        color: #666;
        margin-bottom: 30px;
    }
    .team-people .people-text span{
        font-size: 16px;
        color: #666;
        line-height: 26px;
    }
@media(max-width:1600px){
.team-people .people-text h1{
	font-size:24px;
}
.team-people .people-text p {
    font-size: 19px;
}
.team-people .people-text span {
    font-size: 15px;
    color: #666;
    line-height: 25px;
}
}

@media(max-width:1200px){
.about-team-content .team-box .team-people{
	display: block;
}
    .team-people{
        text-align: center;
    }
    .team-people .people-img{
        display: inline-block;
        margin-right: 0;
    }
    .team-people .people-text{
        display: block;
        width: 100%;
    }
    .about-team-content .team-box{
        margin-bottom: 10%;
    }
.team-people .people-text h1{
	font-size:24px;
}
.team-people .people-text p {
    font-size: 17px;
}
}
@media(max-width:560px){
    .team-people .people-img{
        width: 100%;
        height: auto;
    }
    .team-people .people-text h1 {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .team-people .people-text p {
        font-size: 18px;
    margin-bottom: 24px;
    }
    .team-people .people-text span {
        font-size: 14px;
        line-height: 25px;
    }
}




/* ----------------鲁班传奇------------------ */
.newsd-content{
    /* border: 1px solid red; */
}
    .newsd-content>h1{
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
        text-align: center;
        padding: 0 2%;
        padding-bottom: 30px;
        border-bottom: 1px dashed #d5d5d5;
        margin-bottom: 30px;
    }
    .newsd-content .newsd-edit{
        padding-bottom: 5%;
        margin-bottom: 3%;
        border-bottom: 1px dashed #d5d5d5;
    }
    .newsd-content .newsd-edit p{
        font-size: 16px;
        line-height: 36px;
        color: #666;
        padding: 0 2%;
    }

    /* 上下条 */
    .newsd-back{
        text-align: center;
    }
    .newsd-back a{
        display: inline-block;
        vertical-align: middle;
        margin: 0 25px;
    }
    .newsd-back a:nth-child(2) img{
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .newsd-back a:nth-child(1) img:nth-child(2),
    .newsd-back a:nth-child(3) img:nth-child(2){
        display: none;
        position: relative;
        top: 0;
     
    }
    .newsd-back a:nth-child(1):hover img:nth-child(1),
    .newsd-back a:nth-child(3):hover img:nth-child(1){
        display: none;
    }

    .newsd-back a:nth-child(3):hover img:nth-child(2),
    .newsd-back a:nth-child(1):hover img:nth-child(2){
        display: inline-block;
        position: relative;
        top: -2px;
    }
    .newsd-back a:nth-child(2):hover img{
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
    }

@media(max-width:760px){
    .newsd-content>h1{
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 3%;
        margin-bottom: 5%;
    }
    .newsd-content .newsd-edit p {
        font-size: 14px;
        line-height: 30px;
    }
    .newsd-content .newsd-edit{
        margin-bottom: 10%;
    }
}

@media(max-width:860px){
.about-text img{
display: inline-block;
max-width:100% !important;
height: auto !important;
}
}


@media(max-width:760px){
    .about-right h2{
font-size: 26px !important;
}
    .about-right p{
font-size: 14px !important;
    line-height: 28px !important;
}
 .about-text h2{
font-size: 22px !important;
text-align:center;
font-weight:500;
}
    .about-text span{
font-size: 14px !important;
    line-height: 28px !important;
}
.about-team-content .team-box .team-title {
    background: #963437;
    font-size: 18px;
    line-height: 45px;
    color: white;
    padding-left: 10px;
    margin-bottom: 10px;
}
}