/*公共*/
@media (max-width: 768px) {
    .wrap {
        min-width: auto;width: 100% !important; max-width: 100%;
    }
    .main {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*fullPage*/
@media (max-width: 1200px) {
    .fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell {
        display: block !important;
        height: auto !important;
    }
}

/*顶部*/
@media (max-width: 1200px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 22;
    background-color: #fff !important;
  }
  body {
    padding-top: 90px;
  }
  .header .header_main {
    height: 90px;
    line-height: 90px;
  }
  .header .header_nav {
    display: none;
  }
  .header .icoBtn {
    display: block;
    margin-left: 10px;
  }
}

@media (max-width: 992px) {
  body {
    padding-top: 80px;
  }
  .header .header_main {
    height: 80px;
    line-height: 80px;
  }
  .header .logo img {
    max-height: 60%;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 65px;
  }
  .header .header_main {
    height: 65px;
    line-height: 65px;
  }
  .header_main .header_tel {
    display: none;
  }
  .top_line {
    height: 24px;
    line-height: 24px;
  }
  .top_line .welcome {
    float: none;
    text-align: center;
    font-size: 12px;
  }
  .top_line .topBtn {
    display: none;
  }
}

/*导航*/
@media (max-width: 992px) {
  .ao-slideNav {
    right: -30%;
    width: 30%;
  }
  .ao-navMask {
    width: 70%;
  }
}

@media (max-width: 768px) {
  .ao-slideNav {
    right: -50%;
    width: 50%;
  }
  .ao-navMask {
    width: 50%;
  }
}

/*index-title*/
@media (max-width: 768px) {
    .positionBox .titleBox {
        position: relative;
        margin-top: 50px;
    }
        .positionBox .cont {
        padding-top: 0;
        height: auto;
            
        }
    .index-title {
        margin-bottom: 20px;
    }
    .index-title .l {
        display: flex;
        flex-direction: row-reverse;
    }
        .index-title .l .en,
        .index-title .l .ch {
            font-size: 20px;
            line-height: 22px;
        }
        .index-title .l .ch {
            display: none;
        }
        .index-title .r a {
            width: 98px;
            height: 20px;
            line-height: 20px;
        }

}


/*about*/
@media (max-width: 768px) {
    .aboutBox2 .index-title {
        margin-top: 50px;
    }
    .aboutBox2 .aboutMain .imgList li .img {
        height: 65vw;
    }
    .aboutBox2 .aboutMain .btnList {
        margin-top: -56px;
        right: 15px;
    }
    .aboutBox2 .aboutMain .btnList li {
        margin: 15px 0;
    }
    .aboutBox2 .aboutMain .btnList li .bg {
        height: 30px;
        border-radius: 30px;
    }
    .aboutBox2 .aboutMain .btnList li .ico {
        width: 30px;
        border-width: 5px;
        margin-top: -5px;
    }
        .aboutBox2 .aboutMain .btnList li .ico img {
            width: 70%;
        }
        .aboutBox2 .aboutMain .btnList li .text {
            display: block;
            line-height: 30px;
            text-align: center;
        }
    .aboutBox2 .aboutMain .btnList li .text .ch {
        font-size: 13px;
    }
    .aboutBox2 .aboutMain .btnList li .text .en {
        font-size: 10px;
        display: none;
    }
    .aboutBox2 .aboutMain .imgList li .text {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        padding: 10px 15px;
        box-sizing: border-box;
        transform: translateY(0) translateX(0) !important;
    }
        .aboutBox2 .aboutMain .imgList li .text .text_c {
            line-height: 2em;
            height: 6em;
            overflow: hidden;
            font-size: 12px;
        }
        .aboutBox2 .aboutMain .imgList li .text .btn {
            display: none;
        }
        .aboutBox2 .aboutMain .imgList li .text .text_t {
            display: none;
        }
        .aboutBox2 .aboutMain .imgList li .text .more {
            opacity: 1;
        }
}

/*产品*/
@media (max-width: 768px) {
    .product .index-title {
        margin-top: 50px;
    }
    .product .cont {
        height: auto;
        width: 100%;
    }
    .product .cont .product-btn {
             float: none;
        width: 100%;
        height: 50px;
        padding: 0 25px;
        box-sizing: border-box;
    }
        .product .cont .product-btn li {
            float: left;
            line-height: 50px;
            padding: 0 20px;
            width: auto;
        }
            .product .cont .product-btn li span:before, .product .cont .product-btn li span:after {
                display: none;
            }
        .product .cont .product-btn .btn-top, .product .cont .product-btn .btn-bottom {
            height: 100%;
            width: 25px;
            top: 0;
            display: flex !important;
            align-items: center;
            justify-content: center;
        }
        .product .cont .product-btn .btn-top {
            left: 0;
            right: auto;
            transform: rotate(180deg);
        }
        .product .cont .product-btn .btn-bottom {
            right: 0;
            left: auto;
        }
        .product .cont .product-btn .btn-top img,
        .product .cont .product-btn .btn-bottom img{
            animation: none;
        }
    .product .cont .product-img {
        height: 48vw;
    }
        .product .cont .product-img li .right {
            width: 40%;
            padding: 15px;
            text-align: center;
        }
            .product .cont .product-img li .right .cell {
                margin-top: 0;
                
            }
            .product .cont .product-img li .right span {
                padding-top: 0;
                font-size: 18px;
            }
            .product .cont .product-img li .right .p {
                font-size: 10px;
            }
}



/**/
@media (max-width: 768px) {
    .advantageMain {
        padding: 50px 0 50px 0;
    }
    .advantage .cont {
        padding: 0;
        height: auto;
    }
        .advantage .cont .l,
        .advantage .cont .r {
            width: 100%;
            float: none;
        }
    .advantage .box {
        height: 50vw !important;
    }
    .advantage .box .text {
        padding: 0 10px;
        text-align: center;
    }
        .advantage .box .text .p {
            font-size: 10px;
            line-height: 1.8;
            display: none;
        }
}

/*news*/
@media (max-width: 768px) {

        .news .cont .left,
        .news .cont .right {
            width: 100%;
            height: auto;
            float: none;
        }
        .news .cont .left {
            padding-bottom: 20px;
        }
            .news .cont .left .img {
                height: 50vw;
            }
            .news .cont .left .nr {
                padding: 15px;
                height: auto;
            }
            .news .cont .left .more-btn {
                opacity: 1;
                font-size: 12px;
            }
            .news .cont .left .nr .t {
                line-height: 2em;
                height: 2em;
            }
            .news .cont .left .nr .p {
                margin: 10px 0 10px;
                font-size: 12px;
            }
            
            .news .cont .right .li {
                margin-top: 15px !important;
                height: auto;
                padding: 20px 0;
            }
                .news .cont .right .li a {
                    padding: 0 10px;
                }
                .news .cont .right .li .time {
                    width:70px;
                    height: 70px;
                    display: flex;
                    align-items: center;
            justify-content: center;
                }
                    .news .cont .right .li .time .day {
                        font-size: 22px;
                    }
                    .news .cont .right .li .time .year {
                        font-size: 12px;
                    }
                .news .cont .right .li .nr {
                    padding: 15px;
                    height: auto;
                }
                    .news .cont .right .li .nr .more-btn {
                        display: none;
                    }
                    .news .cont .right .li .nr .t {
                        line-height: 1em;
                        height: 1em;
                        padding-bottom: 10px;
                        margin-bottom: 10px;
                    }
                    .news .cont .right .li .nr .p {
                        line-height: 2em;
                        height: 4em;
                    }
}


/*footer*/
@media (max-width: 768px) {
    .footer {
        margin-top: 80px;
    }
    .footer .nav {
        height: auto;
        padding: 20px 0;
        background-color: #000;
    }
    .footer .nav a.btn {
        height: auto;
        width: 33.33%;
        float: left;
        padding: 0;
        line-height: 2em;
    }
        .footer .nav .home {
            width: 40px;
            height: 40px;
            left: 50%;
            top: 0;
            margin-left: -20px;
            margin-top: -40px;
            border-radius: 50%;
        background-color: #000;
        background-size: 60% 60%;
        }
        .footer .nav .top {
            position: fixed;
            right: 10px;
            top: auto;
            bottom: 10%;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            background-color: rgba(41,41,41,.8);
        }
        .footer .telephone {
            font-size: 30px;
        }
}