.anm {  transition: all .5s; -webkit-transition: all .5s;}
.head{ background-color: transparent;transition: background-color 0.5s ease;position: absolute;}
.head .nav>li>a {color:#FFF;}
.head .nav-menu>li>a {color:#333;font-size:16px;}
.head.active { background: #FFF; box-shadow:0 0 10px rgba(0,0,0,.1); position: fixed; }
footer{display:block;width: 100%;padding:50px 0;background: #1d1d1d;color: #e0e0e0;font-size: 16px;line-height: 36px;overflow: hidden;}
footer a,footer a:link{color: #e0e0e0;}
.qrcode{float:right;margin-top:40px;}
.footer{padding:0 30px;clear:both;}
.footer-info{float:left;}
.aboutus{height:450px;background: url("../img/about.jpg") center center no-repeat;background-size: cover;padding-top:170px;text-align: center;color:#FFF}
.contact{height:450px;background: url("../img/contact.png") center center no-repeat;background-size: cover;padding-top:170px;text-align: center;color:#FFF}
.case{height:450px;background: url("../img/case.webp") center center no-repeat;background-size: cover;padding-top:170px;text-align: center;color:#FFF}
.product{height:450px;background: url("../img/product.png") center center no-repeat;background-size: cover;padding-top:170px;text-align: center;color:#FFF}
.big-title{font-size: 60px;font-weight: 500;}
.middle-title{font-size: 48px;font-weight: 400;}
.small-title{font-size: 24px;font-weight: 400;}
.mini-title{font-size: 18px;font-weight: 400;}
.text{font-size: 18px;text-indent: 2em;}
.line{border-bottom: 1px dashed  #ddd;}
.intro{height:180px;background: url("../img/contbg.png") center center no-repeat;background-size: cover;padding-top:20px;text-align: center;color:#FFF}
.product-title { color: #141c2f; font-weight: bold; font-size: 36px; text-align: center; height: 48px; line-height: 48px;}
.product-title span { padding: 0 10px;  display: inline-block;}
.before {  display: inline-block; width: 80px; height: 10px; position: relative; top:-10px; background: url("../img/title.png") }
.after {  display: inline-block; width: 80px; height: 10px; position: relative; top:-10px; background: url("../img/title.png") }
.eng  { font-size: 20px; color: #999; text-align: center; height: 22px; line-height: 22px; margin-top: 20px;margin-bottom: 20px;}
#auto .flip-item{text-align: center}
.honor{padding:100px 0;}
.head{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
}
.banner img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.2,1.2);
}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
}

.swiper-button-prev {
    left: 20px;
}
.swiper-button-next {
    right: 20px;
}
.img-responsive{display: block;width:100%;height:auto;}
.product-logo{height:150px;background: url("../img/logobg2.png") right bottom no-repeat;}
.blue{background-color: #002785;}
.h150{height:150px;}
.bg1{background: url("../img/bg1.jpg") center center no-repeat;background-size: cover;}
.bg2{background: url("../img/bg2.jpg") center center no-repeat;background-size: cover;}
.product-index{
    padding: 50px 0 50px;background: url("../img/index-bg2.jpg") center center no-repeat;
    background-size: cover;
    text-align: center;
}
.text-down{position: relative;top:0.7rem;}
.p{padding-top:50px;padding-bottom: 50px;}


/*topback*/
.topback { width: 54px; height: 54px; position: fixed; transform: scale(0);  -webkit-transform: scale(0); bottom:80px; right:40px; z-index: 20; background: url("../img/back.png") #dddddd center center no-repeat; border-radius: 5px;  cursor: pointer; opacity: 0; visibility: hidden;}
.topback.show { opacity: .8;visibility: visible; transform: scale(1); -webkit-transform: scale(1);}
.topback.show:hover {  background-color: #f02d2d; opacity: 1}

/* wap */
@media (max-width:576px){
    footer{font-size: 14px;}
    .footer{text-align: center;}
    .qrcode{float:none;margin-top:0;margin-bottom:15px;}

    .navbar-logo img{
        height:45px;
    }
    .head .container{padding:0 !important;}
    .head .nav.nav-switch{color:#fff;}
    .head .navbar-body {
        position: fixed;
        top: 61px;
        left: 0;
        right:0;
        bottom:0;
        background: rgba(0,0,0,0.5);
        z-index: 2;
    }
    #wrap h2{text-align: center;}
    .intro{background:#2149bc;height:auto;color:#FFF;padding-bottom:50px;}
    .text{text-indent: 0;}
}