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

@media screen and (max-width:1680px){
    .index-company-introduction .index-company-introduction-right .index-company-introduction-bt{
        height: 100px;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-content {
        margin-top: 20px;
        padding: 0 30px;
    }
    .index-news .index-news-content .index-news-content-left a .index-newslist-time {
        width: 15%;
    }
    .index-news .index-news-content .index-news-content-left a .index-newslist-content{
        width: 72.8%;
    }

}

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

}

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


}

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

@media screen and (max-width:1366px){
    .index-company-introduction{
        width: 80%;
    }
    .index-honor{
        width: 80%;
    }
    .index-cp-box .index-cp{
        width: 80%;
    }
    .index-news{
        width: 80%;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-content a{
        margin-top: 20px;
    }
}

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

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

}

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

}

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

}

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

}

@media screen and (max-width:1024px){
    .index-company-introduction{
        width: 95%;
    }
    .index-honor{
        width: 95%;
    }
    .index-cp-box .index-cp{
        width: 95%;
    }
    .index-news{
        width: 95%;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-bt {
        height: 65px;
    }
}

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

}

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

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

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

@media screen and (max-width:768px){
    .index-company-introduction {
        flex-direction: column-reverse;
    }
    .index-company-introduction .index-company-introduction-right{
        width: 100%;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-content img{
        display: block;
    }
    .index-company-introduction .index-company-introduction-left{
        display: none;
    }
    .swiper-container.index-swiper-container .index-pagination {
        bottom: 10px;
    }
    .index-cp-box .index-cp .index-cp-bt {
        flex-direction: column;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-pagination {
        top: 0;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-let a{
        height: 260px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-right h1{
        margin-top: 0;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-right i {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-right a{
        margin-top: 10px;
    }
    .index-news .index-news-content .index-news-content-right .index-news-container .index-news-slide {
        height: 213px;
    }
    .index-news .index-news-content .index-news-content-left a{
        height: 70px;
    }
    .index-news .index-news-content .index-news-content-left a .index-newslist-time h1 {
        font-size: 20px;
    }
    .index-news .index-news-content .index-news-content-left a .index-newslist-time {
        width: 20%;
    }
    .index-news .index-news-content .index-news-content-left a .index-newslist-content {
        width: 62.8%;
    }
    .index-news .index-news-content .index-news-content-right .index-news-container .index-news-slide .index-news-content-right-possition p {
        width: 70.8%;
    }
    .index-cp-box .index-cp .index-cp-bt .index-cp-bt-right div{
        padding: 0 10px;
        margin-right: 5px;
    }
}

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

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

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

@media screen and (max-width:486px){
    .index-company-introduction .index-company-introduction-right .index-company-introduction-bt h1 {
        font-size: 18px;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-bt p {
        font-size: 14px;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-bt {
        height: 52px;
        padding-left: 30px;
        width: 175px;
    }
    .index-company-introduction {
        margin: 15px auto 40px;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-content {
        padding: 0;
        margin-top: 10px;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-content a {
        width: 100%;
        height: 37px;
    }
    .index-honor .index-honor-bt{
        flex-direction: column;
    }
    .index-honor .index-honor-bt .index-honor-bt-let h1 {
        font-size: 18px;
    }
    .index-honor .index-honor-bt .index-honor-bt-let::before{
        width: 4px;
    }
    .index-honor .index-honor-bt .index-honor-bt-let {
        padding-left: 15px;
    }
    .index-honor .index-honor-bt .index-honor-bt-right {
         margin-left: 0;
    }
    .index-cp-box .index-cp .index-cp-bt .index-cp-bt-right {
        margin-left: 0;
        overflow-y: scroll;
        padding-bottom: 10px;
    }
    .index-cp-box .index-cp .index-cp-bt .index-cp-bt-right div{
        display: inline-block;
        line-height: 40px;
        padding: 0 20px;
    }
    .index-honor .index-honor-bt .index-honor-bt-right div{
        margin-right: 5px;
    }
    .index-honor .index-honor-swiper {
        margin-top: 15px;
        margin-bottom: 25px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide{
        flex-direction: column;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-let {
        width: 100%;
         padding-left: 0;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-let a {
        height: 200px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-let a img {
        max-width: 50%;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-right {
        width: 100%;
        padding: 0 5px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-pagination{
        display: none;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-button-next{
        top: 120px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-button-prev{
        top: 35px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-right h1 {
        font-size: 18px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-right p {
        font-size: 14px;
    }
    .index-cp-box .index-cp .index-cp-bd .index-cp-container .index-cp-slide .index-cp-slide-right a{
        width: 100%;
    }
    .index-cp-box {
        padding: 30px 0 35px 0;
    }
    .index-cp-box .index-cp .index-cp-bd {
         margin-top: 10px;
     }
    .index-cp-box .index-cp .index-cp-bt .index-cp-bt-let h1 {
        font-size: 18px;
    }
    .index-cp-box .index-cp .index-cp-bt .index-cp-bt-let::before {
        width: 4px;
    }
    .index-cp-box .index-cp .index-cp-bt .index-cp-bt-let {
        padding-left: 10px;
    }
    .index-news .index-news-bt .index-news-bt-let h1 {
        font-size: 18px;
    }
    .index-news .index-news-bt .index-news-bt-let::before {
        width: 4px;
    }
    .index-news .index-news-bt .index-news-bt-let {
        padding-left: 10px;
    }
    .index-news .index-news-bt .index-news-bt-right {
        padding-top: 19px;
        margin-left: 13px;
    }
    .index-news .index-news-content {
        flex-direction: column-reverse;
        margin-top: 15px;
    }
    .index-news .index-news-content .index-news-content-left {
        width: 100%;
    }
    .index-news .index-news-content .index-news-content-right {
        width: 100%;
    }
    .index-news {
        padding-top: 25px;
        padding-bottom: 40px;
    }
    .index-news .index-news-content .index-news-content-right .index-news-container .index-news-slide .index-news-content-right-possition p {
        font-size: 14px;
    }
    .index-news .index-news-content .index-news-content-left a .index-newslist-content h1 {
        font-size: 16px;
    }
    .swiper-container.index-swiper-container .index-pagination {
        bottom: 5px;
    }
    .index-swiper-container{
        display: none;
    }
    .index-swiper-container-phone{
        display: block;
    }
    .index-company-introduction .index-company-introduction-right .index-honor-bt-phone{
        display: block;
        padding-left: 15px;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }
    .index-company-introduction .index-company-introduction-right .index-honor-bt-phone p {
        font-size: 12px;
        color: #a4a4a4;
        text-transform: uppercase;
    }
    .index-company-introduction .index-company-introduction-right .index-honor-bt-phone h1 {
        display: flex;
        align-items: center;
        color: #00923f;
        overflow: hidden;
        white-space: nowrap;
        font-size: 18px;
    }
    .index-company-introduction .index-company-introduction-right .index-honor-bt-phone h1 img {
        height: 8px;
        margin-left: 13px;
    }
    .index-company-introduction .index-company-introduction-right .index-honor-bt-phone::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 4px;
        height: 47px;
        background-color: #00923f;
    }
    .index-company-introduction .index-company-introduction-right .index-company-introduction-bt{
        display: none;
    }
}

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

}

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