html{
    /*font-size: 80px;*/
}
body {
    font-size: 0.14rem;
}

.row {
    width: 100%;
}
.slider-text, .slider-widget{
    display: none;
}
.slider-img{
    padding-bottom: 0rem;
}
.site-header .row {
    flex-wrap: wrap;
}
.header-logo{
    flex: 1 1 auto;
}
.header-logo img {
    width: 1.3rem;
    height: auto;
}
.dropbtn{
    padding: 0;
}
.float-select-widget, .header-top, .slogan, .sec-about .sec-about-desc {
    display: none;
}

.header-mid {
    justify-content: space-between;
}

.header-inquiries {
    background-size: contain;
    background-position: left;
    margin: 0.05rem 0;
    padding: 0 0.05rem 0 0.35rem;
}

.header-inquiries strong {
    font-size: 0.18rem;
}

.nav {
    order: 3;
}

.nav ul {
    flex-wrap: wrap;
}

.nav ul li {
    flex: 0 0 33.3%;
    padding: 0;
}

.nav ul li:nth-child(4) {
    display: none;
}

.nav a {
    font-size: 0.14rem;
    line-height: 0.35rem;
    text-align: center;
}

.swiper {
    height: auto;
}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.sec-about {
    background-position: left top;
    display: flex;
    flex-direction: column;
}

.sec-about h2 {
    font-size: 0.2rem;
}

.sec-about h3 {
    padding: 0;
}

.sec-about .sec-about-text {
    width: 98%;
    margin: auto;
    font-size: 0.14rem;
}
.sec-product ul{
    flex-wrap: wrap;
}
.sec-product li{
    flex: 1 1 45%;
    margin: 1%;
}
.sec-product-text{
    padding: 0.1rem;
    top: 1.5rem;
}
.sec-product-text dt{
    /*font-size: 1;*/
 }
.sec-product li:hover .sec-product-text {
    transform: translateY(-1.5rem);
}
.sec-strength .row {
    flex-flow: column nowrap;
    height: auto;
}

.sec-info .row {
    flex-flow: column-reverse;
}

.sec-info .col-md-6 {
    margin: 0 0.1rem;
}

.sec-content .row, .content {
    width: 98%;
    margin: auto;
}

.side-nav {
    display: none;
}

.sec-content .row {
    flex-flow: column;
}

.sec-content h1 {
    position: relative;
    top: 0;
    color: #333;
}

.content-list {
    margin: 0;
}

.content-list ul li {
    flex-flow: column;
}

.item-group .item-img {
    width: 100%;
    text-align: center;
}

.item-group {
    flex-direction: column;
}

.item-group img {
    width: 100%;
    height: auto;
}

.content img {
    width: 100%;
    height: auto;
}

.content p img {
    width: 90%;
    height: auto;
}