@font-face{
    font-family:'sea';
    src:url('../fonts/ziti.ttf');
}
@font-face{
    font-family:'teko';
    src:url('../fonts/TEKO-MEDIUM-3.ttf');
}
html {
    font-size: 100px;
}

body {
    font-family: 'teko';
    font-size: .18rem;
}

@media screen and (max-width:1680px) {
    html {
        font-size: 87.5px;
    }
}

@media screen and (max-width:1600px) {
    html {
        font-size: 84.2px;
    }
}

@media screen and (max-width:1440px) {
    html {
        font-size: 75px;
    }
}

@media screen and (max-width:1366px) {
    html {
        font-size: 71.1px;
    }
}

@media screen and (max-width:1200px) {
    html {
        font-size: 62.5px;
    }
}
.common_alert{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: fixed;
    z-index: 99999;
    width: 80%;
    border: 1px solid #999;
    max-width: 300px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 20px;
    text-align: center;
}
.common_alert .close{
    position: absolute;
    top: 5px;
    right: 10px;
}
p{
    margin-bottom: .1rem;
}
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
}
:root{
    --swiper-theme-color: #e7141a;
    --swiper-pagination-color: #e7141a;
}
.single-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multi-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header {
    height: .8rem;
    line-height: .8rem;
    background-color: #000000;
}
.mobile_header{
    display: none;
}

.header_logo img {
    height: .4rem;
    margin-left: .45rem;
}

.header_nav a {
    color: #FFFFFF;
    display: inline-block;
    line-height: .77rem;
    font-size: .25rem;
    box-sizing: content-box;
    border-bottom: .03rem solid #000000;
}

.header_nav a.active {
    color: #E7141A;
    border-bottom: .03rem solid #E7141A;
}

.header_search {
    text-align: right;
    padding-right: .55rem;
}

.header_search img {
    width: .19rem;
    height: .19rem;
}

.banner {
    position: relative;
    overflow: hidden;
}

.banner img {
    width: 100%;
    transition: all .5s;
}

.banner_title {
    position: absolute;
    top: 2.9rem;
    left: .6rem;
    font-size: .76rem;
    color: #FFFFFF;
}

.banner_desc {
    position: absolute;
    top: 3.9rem;
    left: .6rem;
    font-size: .64rem;
    color: #FFFFFF;
}

.section1 {
    width: 100%;
    padding: .5rem 1.35rem;
    background-color: #E5E5E5;
}

.section1_list {
    padding: 0 .15rem;
}

.section1_list>div {
    background-color: #FFFFFF;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
}

.section2_content {
    position: relative;
    margin: .3rem .6rem;
}

.section2_content>img {
    width: 100%;
    transition: all .5s;
}

.section2_title {
    position: absolute;
    left: 1.65rem;
    top: 1.8rem;
    font-size: 1.24rem;
    color: #E7141A;
    font-weight: bold;
}

.section2_desc {
    position: absolute;
    left: 1.7rem;
    top: 3.4rem;
    font-size: .28rem;
    color: #FFFFFF;
}

.section2_btn {
    position: absolute;
    left: 1.7rem;
    top: 4.5rem;
    display: inline-block;
    width: 1.6rem;
    height: .44rem;
    line-height: .44rem;
    background-color: #FFFFFF;
    font-size: .22rem;
    color: #000000 !important;
    text-align: center;
}

.section3 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: .5rem;
}

.section3_title {
    font-weight: bold;
    font-size: .4rem;
    color: #E7141A;
    padding-left: .15rem;
}

.section3_desc {
    margin-top: .1rem;
    margin-bottom: .6rem;
    font-size: .2rem;
    color: #F7F7F7;
    padding-left: .15rem;
}

.section3_list {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 119%;
    background-size: 100% 100%;
    background-image: url(../images/icon9.png);
}

.section3_list>img {
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    left: 50%;
    top: 50%;
    margin-left: -1.25rem;
    margin-top: -1.25rem;
    transition: all .5s;

}

.section3_list_title {
    position: absolute;
    bottom: .45rem;
    left: .28rem;
    font-weight: bold;
    font-size: .24rem;
    color: #FFFFFF;
}

.section3_btn {
    display: inline-block;
    width: 1.6rem;
    height: .44rem;
    background: #E7141A;
    margin-left: .15rem;
    margin-top: .2rem;
    text-align: center;
    font-size: .22rem;
    color: #FFFFFF !important;
    line-height: .44rem;
}

.swiper {
    --swiper-theme-color: #E7141A;
    --swiper-pagination-color: #E7141A;
}

.section4_content {
    position: relative;
    padding-bottom: .3rem;
}

.section4_content img {
    width: 100%;
    transition: all .5s;
}

.section4_title,
.section5_title {
    padding-left: .65rem;
    padding-top: .6rem;
    font-weight: bold;
    font-size: .4rem;
    color: #E7141A;
}

.section4_desc,
.section5_desc {
    padding-left: .65rem;
    padding-bottom: .3rem;
    font-weight: 400;
    font-size: .2rem;
    color: #000000;
}

.section4_list_title {
    font-size: .22rem;
    color: #000000;
    text-align: center;
    padding: .2rem;
}

.section5_content {
    padding-left: .6rem;
    padding-right: .6rem;
}

.section5_list {
    position: relative;
    display: block;
    width: 100%;
    background-size: 100% 100%;
    background-color: #E5E5E5;
}


.section5_list_title {
    padding-top: .1rem;
    padding-bottom: .2rem;
    font-weight: bold;
    font-size: .24rem;
    padding-left: .2rem;
    color: #010101;
}

.section5_list_desc {
    padding-bottom: .1rem;
    font-size: .19rem;
    padding-left: .2rem;
    color: #000000;

}
.section5_list_img{
    padding-top:.1rem;
    padding-bottom: .15rem;
}
.section5_list_img>div{
    float: left;
    width: 24%;
    height: 0;
    padding-bottom: 24%;
    background-color: #FFFFFF;
    margin-left: .15rem;
    text-align: center;

}
.section5_list_img>div>img,
.section5_list_img .big_img{
    width: 80%;
    margin-top: 10%;
}

.section5_btn {
    display: inline-block;
    width: 1.6rem;
    height: .44rem;
    background: #E7141A;
    margin-top: .2rem;
    text-align: center;
    font-size: .22rem;
    color: #FFFFFF !important;
    line-height: .44rem;
}

.section6_content {
    padding: 1rem .6rem .6rem;
}

.section6_content .row {
    margin-right: -0.24rem;
    margin-left: -0.24rem;
}

.section6_content .col-sm-6 {
    padding-left: .24rem;
    padding-right: .24rem;
}

.section6_content img {
    width: 100%;
    transition: all .5s;
}

footer {
    background-color: #000000;
    padding-top: .75rem;
    color: #FFFFFF;
}

.footer_nav_title {
    font-weight: 500;
    font-size: .24rem;
    padding-bottom: .2rem;
}

.footer_nav_list {
    display: block;
    font-size: .19rem;
    opacity: .7;
    line-height: .36rem;
}

.footer_qrcode {
    text-align: right;
}

.footer_qrcode>img {
    width: 1.56rem;
    margin-right: .15rem;
}

.footer_qrcode_title {
    text-align: right;
    line-height: .36rem;
}

.footer_hr {
    margin-top: .3rem;
    margin-bottom: .3rem;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .3);
}

.beian {
    padding-bottom: .45rem;
}

.share_box {
    text-align: right;
}

.share_box img {
    display: inline-block;
    width: .33rem;
    height: .33rem;
    margin-left: .07rem;
}
.nodata{
    text-align: center;
    font-size: .4rem;
    padding: 1rem 0    ;
}

.contact_title {
    font-weight: 500;
    font-size: .4rem;
    margin-top: .4rem;
    color: #000000;
    text-align: center;
}

.contact_title_hr {
    width: .55rem;
    margin: .28rem auto;
    height: 2px;
    background-color: #000000;
}

.contact_desc>p {
    margin-bottom: 0;
    text-align: center;
    line-height: .3rem;
}

.contact_box {
    width: 14rem;
    margin: .5rem auto;
}

.contact_ziliao {
    width: 100%;
    height: 0;
    padding-bottom: 66%;
    background-image: url('../images/icon29.png');
    background-size: 100% 100%;
    text-align: center;

}

.contact_ziliao>img {
    margin-top: .55rem;
}

.contact_ziliao_title {
    font-size: .22rem;
    color: #000000;
    margin-top: .3rem;
}

.contact_ziliao_desc {
    font-size: .2rem;
    color: #000000;
    line-height: .3rem;
}

.contact_logo>img {
    width: 100%;
}

.contact_info {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(169, 169, 169, 0.5);
    border-radius: 15px;
    padding: .3rem .27rem;
}

.contact_info_title {
    font-weight: 500;
    font-size: .22rem;
    color: #000000;
}

.contact_info_input {
    padding-top: .16rem;
    padding-bottom: .16rem;
    border-bottom: 1px solid #E5E5E5;
}

.contact_info_input>input {
    border: 0;
    width: 100%;
    padding-left: .5rem;
}

.contact_info_input>input:focus,
.contact_info_textarea>textarea:focus {
    outline: none;
}

.contact_info_input>span {
    position: absolute;
}

.contact_info_textarea {
    margin: .2rem 0;
    border-bottom: 1px solid #E5E5E5;

}

.contact_info_textarea>textarea {
    width: 100%;
    border: 0;
    resize: none;
    font-size: .18rem;
    line-height: .42rem;
}

.contact_submit {
    width: 2.5rem;
    height: .42rem;
    line-height: .42rem;
    text-align: center;
    background-color: #000000;
    color: #FFFFFF;
    font-size: .2rem;
    border: 0;
}

.current_box {
    border-bottom: 1px solid #E5E5E5;
}

.contr {
    width: 14rem;
    margin: 0 auto;
}

.current_info {
    font-size: .2rem;
    color: #000000;
    line-height: .55rem;
    padding-left: .3rem;
    background-image: url(../images/icon31.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .19rem .24rem;
}

.news_nav {
    background-color: #E5E5E5;
    line-height: .65rem;
    margin: .22rem auto;
}

.news_nav>a {
    display: inline-block;
    margin-left: .58rem;
    margin-right: .7rem;
    font-size: .24rem;
}

.news_nav>a.active {
    color: #E7141A;
    border-bottom: .03rem solid #E7141A;

}

.news_list {
    display: block;
    background: #F7F7F7;
    border-radius: .2rem;
    padding-bottom: .15rem;
    margin-bottom: .32rem;
}

.news_list_img {
    width: 100%;
    height: 0;
    padding-bottom: 56.47%;
    background-size: 100% 100%;
    transition: all .5s;
    background-position: center center;
}

.news_list_time {
    font-size: .22rem;
    padding: .16rem .2rem 0;
}

.news_list_title {
    font-size: .28rem;
    padding-left: .2rem;
    padding: .1rem .2rem 0;
}

.news_list_desc {
    padding: .2rem .2rem 0;
    font-size: .19rem;
    line-height: .3rem;
}

.news_list_btn {
    width: .64rem;
    height: .42rem;
    border-radius: .21rem;
    border: 1px solid #000000;
    margin: .2rem .2rem 0;
    background-image: url(../images/icon34.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .1rem .18rem;
}

.news_list:hover .news_list_btn {
    background-color: #E83236;
    background-image: url(../images/icon33.png);
    border: 1px solid #E83236;
}

.list_nav {
    text-align: center;
    margin-bottom: .3rem;
}

.list_nav a,
.list_nav span{
    display: inline-block;
    width: .3rem;
    height: .3rem;
    text-align: center;
    line-height: .3rem;
    font-size: .24rem;
}

.list_nav .current {
    background-color: #000000;
    color: #FFFFFF;
}

.faq_box {
    padding-bottom: 1.66rem;

}

.faq_list {
    cursor: pointer;
}

.faq_title {
    position: relative;
    height: .6rem;
    line-height: .6rem;
}

.faq_title_text {
    padding: 0 .72rem;
    background-color: #E5E5E5;
}

.faq_title_tip {
    position: absolute;
    width: .6rem;
    height: .6rem;
    left: 0;
    top: 0;
    background-color: #E83236;
    font-size: .28rem;
    color: #FFFFFF;
    text-align: center;
    line-height: .6rem;
}

.faq_title_icon {
    position: absolute;
    right: .2rem;
    top: .21rem;
    width: .1rem;
    height: .17rem;
    background-image: url(../images/icon35.png);
    background-size: 100% 100%;
}

.faq_content {
    position: relative;
    background-color: #f1f1f1;
    display: none;
}

.faq_content_tip {
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 0;
    font-size: .28rem;
    color: #E83236;
    text-align: center;
    line-height: 1rem;
}

.faq_content_text {
    padding: .36rem .8rem;
    font-size: .19rem;
    color: #000000;
    line-height: .36rem;
}

.faq_list.active .faq_content {
    display: block;
}

.faq_list.active .faq_title_icon {
    transform: rotate(90deg);
}

.news_content_title {
    font-weight: bold;
    font-size: .4rem;
    color: #000000;
    padding: .1rem 0;
}

.news_content_time {
    font-size: .22rem;
}

.news_content_hr {
    margin: .2rem 0;
}

.news_content_box {
    padding-bottom: .7rem;
}

.contrmax {
    width: 18rem;
    margin: 0 auto;
}

.gallery_nav {
    background-color: #E5E5E5;
    line-height: .65rem;
    margin: .22rem auto;
}

.gallery_nav>a {
    display: inline-block;
    margin-left: .58rem;
    margin-right: .7rem;
    font-size: .24rem;
}

.gallery_nav>a.active {
    color: #E7141A;
    border-bottom: .03rem solid #E7141A;
}

.gallery_list_img {
    width: 100%;
    height: 0;
    padding-bottom: 60%;
    overflow: hidden;
}

.gallery_list {
    display: block;
}
.empty{
    line-height: 4rem;
    text-align: center;
    font-size: .2rem;
    width: 100%;
}
.gallery_list_img>img {
    transition: all .5s;
    width: 100%;
}

.gallery_list_title {
    margin: .25rem auto .4rem;
    text-align: center;
    font-size: .22rem;
    color: #000000;
}

.galleryinfo_title {
    text-align: center;
    font-size: .4rem;
    color: #000000;
    padding: .2rem 0;
}

.galleryinfo_content {
    padding: 0 1.1rem;
}

#thumbs {
    margin-top: .32rem;
    margin-bottom: .9rem;
}

#thumbs img {
    width: 100%;
}

.galleryinfo_box {
    position: relative;
}

.galleryinfo_content_left,
.galleryinfo_content_right {
    width: .8rem;
    height: .8rem;
    border-radius: .8rem;
    border: 1px solid #434343;
    color: #434343;
    top: 100%;
    margin-top: -1rem;

}

.section5_list>img,
.section5_list .big_img {
    display: block;
    margin: 0 auto;
    padding-top: .5rem;
    width: 2.8rem;
    height: 2.8rem;
    box-sizing: content-box;
    transition: all .5s;
}

.section5_list {
    margin-bottom: .25rem;
}

.wheels_box .col-sm-10 {
    margin-top: .4rem;
}

.wheelsinfo_box {
    margin-top: .6rem;
}

.wheelsinfo_thumb1 {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    transition: all .5s;
}

.wheelsinfo_thumbs {
    display: flex;
    flex-wrap: wrap;
    margin-right: -4px;
    margin-left: -4px;
    margin-top: 8px;
}

.wheelsinfo_thumbs>div {
    width: 50%;
    float: left;
    padding-left: 4px;
    padding-right: 4px;
}

.wheelsinfo_thumbs>div>div {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    transition: all .5s;
}

.wheelsinfo_title {
    font-weight: bold;
    font-size: .52rem;
    color: #010101;
}

.wheelsinfo_hr {
    margin: .2rem 0;
}

.wheelsinfo_label {
    font-size: .22rem;
    line-height: .7rem;
}

.wheelsinfo_imgs {
    margin-bottom: .5rem;
}

.wheelsinfo_imgs>div {
    float: left;
    width: .9rem;
    height: .9rem;
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    background-color: #f2f2f2;
    margin-right: .1rem;
}

.wheelsinfo_desc_title {
    font-weight: bold;
    font-size: .22rem;
    color: #000000;
    padding-bottom: .3rem;
}

.wheelsinfo_desc_li>li {
    font-size: .19rem;
    line-height: .36rem;
}

.wheelsinfo_btn {
    display: inline-block;
    width: 2rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    font-size: .19rem;
    color: #FFFFFF !important;
    background-color: #000000;
}

.product_detail {
    font-weight: 500;
    font-size: .28rem;
    color: #000000;
    margin-top: .5rem;
}

.product_table {
    margin-bottom: .5rem;
}

.product_table>img {
    width: 100%;
}

.wheelsinfo_nav {
    display: block;
    font-size: .2rem;
    color: #000000;
    padding-bottom: .2rem;
}

.wheels_title {
    font-weight: bold;
    font-size: .4rem;
    color: #E7141A;
    margin-top: .3rem;
    margin-bottom: .2rem;
}

.wheels_nav {
    border-bottom: 1px solid #cccccc;
    padding-bottom: .1rem;
    margin-bottom: .2rem;
}

.wheels_nav_title {
    font-weight: 500;
    font-size: .24rem;
    color: #000000;
    padding-bottom: .2rem;
    position: relative;
}

.wheels_nav_title::before {
    position: absolute;
    display: block;
    content: " ";
    background-image: url('../images/icon35.png');
    width: .1rem;
    height: .17rem;
    right: .1rem;
    top: .11rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    transition: all 0.5s;
}

.wheels_nav_title.active::before {
    transform: rotate(90deg);
}

.wheels_nav_content>a {
    font-size: .19rem;
    color: #010101;
    line-height: .4rem;
    position: relative;
    display: block;
}
#swiper_phone{
    display: none;
}
.wheels_nav_content>a::before {
    position: absolute;
    display: block;
    content: " ";
    width: .17rem;
    height: .17rem;
    background: #FFFFFF;
    border-radius: 50%;
    border: 1px solid #000000;
    right: .1rem;
    top: .11rem;
}

.wheels_nav_content>a.active::before {
    background: #E7141A;
}
.section3_list:hover>img,.section5_list:hover>img,
.section3_list:hover .big_img,.section5_list:hover .big_img{
    transform: scale(1.2);
}
.wheelsinfo_thumbs>div:hover>div{
    background-size:95%;
}
.wheelsinfo_thumb1:hover{
    background-size:90%;
}
.gallery_list_img:hover>img{
    transform: scale(1.2);
}
.news_list_img:hover{
    background-size:120% 120%;

}
.modal-header,.modal-body{
    padding:.15rem
}

.modal-content{
    border-radius: .1rem;
}
.modal-header>h5{
    font-size: .2rem;
}
.close{
    font-size:.32rem
}
.form-control{
    font-size:.18rem;
    border-radius:5px;
    padding: 5px 15px;
    line-height: .2rem;
    height: auto;
}
.form-control:focus {
    box-shadow: 0 0 0 .02rem rgba(0,123,255,.25)
}
.form-group{
    margin-bottom: .2rem;
}

.search_btn{
    display: block;
    text-align: center;
    height: .4rem;
    line-height: .4rem;
    width: 40%;
    border-radius: 5px;
    background-color: #000000;
    color: #FFFFFF !important;
    margin: 0 auto;
}
.brand_item.active>div{
    background-color: #E7141A;
}
.brand_item img{
    height: 70%;
}
.brand_item .hover{
    display: none;
}
.brand_item.active .hover{
    display: inline-block;
}
.brand_item.active .base{
    display: none;
}
.featured_left,
.featured_right{
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 1rem;
    width: .5rem;
    height: .5rem;
}
.featured_left:hover,
.featured_right:hover{
    background-color: rgba(231, 20, 26, .7);
}
.featured_left:after, .featured_right:after{
    font-size: .24rem;
}
.featured_left{
    left: 1rem;
}
.featured_right{
    right: 1rem;
}
.section5_list .color_list{
    display: none;
}
.section5_list:hover .txt{
    opacity: 0;
}
.section5_list:hover .color_list{
    display: flex;
}
.color_list{
    position: absolute;
    bottom: .2rem;
    left: .1rem;
    right: 0;
    transition: 0.5s all;
}
.color_list .item{
    background: #fff;
    margin-right: .05rem;
}
.color_list .item img{
    width: .6rem;
}
@media screen and (max-width:1024px) {

    /*移动端*/
    html {
        font-size: 100px;
    }

    .sidenav {
        background: #212121;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
        display: block;
        font-size: .2rem;
        font-weight: 400;
        height: 100%;
        left: 0;
        position: fixed;
        overflow: auto;
        transform: translate(-262px, 0);
        transition: transform .3s;
        top: 0;
        width: 256px;
        z-index: 9999;
    }

    /*head*/
    .navbar-brand {
        margin-right: 40px;
    }

    .navbar-brand img {
        height: 40px;
    }

    .navbar-toggle {
        border: 1px solid #fff;
        margin-top: 25px;
        margin-right: 15px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000;
        background-color: #000;
        padding: 9px 10px;
        border-radius: 2px;
    }

    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .navbar-toggle .icon-bar {
        background: #fff;
        border: 1px solid #fff;
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

    .navbar-nav {
        margin-top: 25px;
        float: right;
        position: relative;
        margin-right: -20px;
    }

    .navbar-nav>li>a {
        line-height: 35px;
        color: #000;
        padding: 0 20px;
    }

    .navbar-nav>li>a:hover,
    .navbar-nav>li.active>a {
        background-color: transparent;
        color: #920910;
        background-image: url(../images/arrow.png);
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .navbar-nav>li:hover .dropdown-menu {
        display: block;

    }

    .dropdown-menu>li>a:hover,
    .dropdown>a:hover,
    .nav_list .active>a {
        background-color: #fff;
        color: #c3af8e;
        font-weight: 700;
    }

    .sidenav.show {
        transform: translate(0, 0)
    }

    .sidenav-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-top: 40px;
    }

    .sidenav-menu li {
        display: block;
        position: relative
    }

    .sidenav-menu a {
        background: 0 0;
        color: #BDBDBD;
        display: block;
        line-height: 24px;
        padding: 10px 20px;
        text-decoration: none
    }

    .sidenav-menu a:hover {
        background: #616161;
        color: #fff;
    }

    .sidenav-menu a.active,
    .sidenav-menu a.active .sidenav-dropdown-icon,
    .sidenav-menu a.active .sidenav-link-icon {
        color: #FAFAFA
    }

    .sidenav-dropdown-icon .material-icons,
    .sidenav-dropdown-icon .material-icons2 {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        vertical-align: top;
        margin-top: -3px;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .sidenav-dropdown-icon,
    .sidenav-link-icon {
        color: #757575;
        position: absolute;
        text-align: center;
        top: 8px
    }

    .sidenav-link-icon {
        display: block;
        height: 24px;
        left: 24px;
        width: 24px
    }

    .sidenav-link-title {
        display: block;
    }

    .sidenav-dropdown {
        display: none;
        list-style: none;
        padding: 0
    }

    .sidenav-dropdown a {
        background: #191919;
        padding-left: 32px
    }

    .sidenav-dropdown a:hover {
        background: #616161
    }

    .sidenav-dropdown li:first-child a {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
    }

    .sidenav-dropdown-icon {
        display: none;
        height: 16px;
        right: 16px;
        width: 16px
    }

    .sidenav-dropdown-icon.show {
        display: block
    }

    .navbar-toggle {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1000
    }

    .navbar-toggle .icon-bar {
        border: 1px solid #fff;
    }

    .sidenav-overlay {
        background: rgba(255, 255, 255, .8);
        display: none;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99
    }

    .xgal_img img:hover {
        opacity: .85;
    }

    .sidenav-no-scroll {
        overflow: hidden !important
    }

    .sidenav-dropdown-icon:after {
        content: ">";
        font-size: 22px;
    }

    .header_nav,
    .header_search {
        display: none;
    }
    .mobile_header{
        display: block;
    }
    .header_logo img{
        margin-left: 0;
    }
    .banner_title {
        top: .4rem;
        left: .2rem;
        font-size: .36rem;
    }

    .banner_desc {
        top: .9rem;
        left: .2rem;
        font-size: .28rem;
    }

    .section1 {
        padding: .2rem .15rem;
    }

    .section1_list {
        margin-top: .07rem;
        margin-bottom: .07rem;
    }

    .section2_content {
        margin: .1rem;
    }

    .section2_title {
        left: .2rem;
        top: .2rem;
        font-size: .36rem;
    }

    .section2_desc {
        position: absolute;
        left: .2rem;
        top: .7rem;
        font-size: .14rem;
    }

    .section2_btn {
        left: .2rem;
        top: 1rem;
        width: 1.2rem;
        height: .32rem;
        line-height: .32rem;
        font-size: .2rem;
    }

    .section3 {
        padding: .1rem;
        background-image: none !important;
        background-color: #E5E5E5;
    }

    .section3_desc {
        color: #000000;
        margin-bottom: .3rem
    }

    .section3_content>.col-sm-3 {
        margin-bottom: .15rem;
    }

    .section4_title,
    .section5_title {
        padding-left: .2rem;
        padding-top: .2rem;
        font-size: .32rem;
    }

    .section4_desc,
    .section5_desc {
        padding-left: .2rem;
        padding-bottom: .2rem;
        font-size: .2rem;
    }

    .section1_list img {
        max-width: 80%;
    }

    .section3_list>img {
        display: block;
        position: static;
        width: 80%;
        height: auto;
        padding-top: .3rem;
        margin: 0 auto;
    }

    .section3_list_title {
        position: static;
        font-size: .2rem;
        text-align: center;
    }
    .section5{
        padding: .15rem;
    }
    .section5_content {
        padding-left: .15rem;
        padding-right: .15rem;
    }

    .section5_list>img {
        display: block;
        position: static;
        width: 80%;
        height: auto;
        padding-top: .3rem;
        margin: 0 auto;
    }

    .section5_list_title {
        padding-top: .1rem;
        padding-bottom: .1rem;
    }
    .section5_list_desc {
        padding-bottom: .1rem;
        font-size: .18rem;
        padding-left: .2rem;
    }
    
    #swiper_phone{
        display: block;
    }
    .section6_content {
        padding: .15rem;
    }

    .section6_content .col-sm-6 {
        margin-bottom: .15rem;
    }

    .footer_qrcode {
        margin-top: .15rem;
        text-align: center;
    }

    .footer_qrcode>img {

        margin-right: 0;
    }

    .footer_qrcode_title {
        text-align: center;
    }

    .beian {
        padding: .15rem;
    }

    .share_box {
        text-align: center;
        padding-bottom: .15rem;
    }
    .contrmax{
        width: 100%;
        padding: 0 .15rem;
    }
    .wheels_list_box{
        padding-left: .3rem;
        padding-right: .3rem;
    } 
    .current_info{
        line-height: .3rem;
    }
    .contr{
        width: 100%;
        padding: 0 .15rem;
    }
    .wheelsinfo_btn{
        margin-top: .3rem;
    }
    .gallery_nav>a {
        margin-left: .3rem;
        margin-right: .3rem;
        font-size: .2rem;
    }
    .galleryinfo_title {
        font-size: .22rem;
    }
    .galleryinfo_content{
        padding: 0;
    }
    #gallery img{
        max-width: 100%;
    }
    #thumbs{
        margin-top: .1rem;
        margin-bottom: .3rem;
    }
    .galleryinfo_content_left, .galleryinfo_content_right{
        display: none;
    }
    .news_content_title{
        font-size: .22rem;
    }
    .contact_title {
        font-size: .22rem;
        margin-top: .2rem;
    }
    .contact_title_hr {
        margin: .14rem auto;
    }
    .contact_desc{
        padding: .15rem;
    }
    .contact_box {
        width: 100%;
        margin: 0 auto;
        padding: .15rem;
    }
    .contact_ziliao{
        margin-bottom: .15rem;
    }
    .contact_info{
        margin-bottom: .15rem;
    }
    .section6_content .row {
        margin-left: 0;
        margin-right: 0;
    }
}