*{
    padding: 0rem;
    margin: 0rem;

}
body{
    background: #efeff4
}
img{
    vertical-align: middle
}
a{
    text-decoration: none
}

.main-popover{
    background: #fff;
    position: fixed;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    top: 1.3333rem;
    z-index: 999;
    display: none
}
.main-popover ul{
    overflow: auto;
    height: 100%;
}
.main-popover a{
    font-size: 14px;
    color: #000;
    display: block;
    padding: 0.3333rem 0.4rem;
    border-bottom: 1px solid #eee;
}
.main-popover .active{
    color: #005ca1
}



.main-top{
    background: #fff;
    padding: 0rem 0.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    right: 0rem;
    left: 0rem;
    top: 0rem;
    height: 1.3333rem;
    z-index: 11
}
.main-top::after{
    content: "";
    position: absolute;
    background: #eeeeee;
    right: 0.4rem;
    left: 0.4rem;
    bottom: 0rem;
    height: 1px;
    z-index: 11;
}
.main-top .item-1 img{
    width: 2.6rem
}
.main-top .item-2 img{
    width: 0.6667rem
}
.header{
    height: 1.3333rem;
    position: relative;
}
.index-banner img{
    width: 100%
}
.swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
}
.swiper-pagination-bullet-active{
    background: #005ca1
}
.index-but{
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0.4667rem 0rem
}
.index-but .item{
    width: 25%;
    text-align: center;
}
.index-but .item img{
    width: 0.7333rem
}
.index-but .item p{
    font-size: 12px;
    color: #666666;
    margin-top: 0.1333rem;
}
.index-classify .item-1{
    background: url(../images/index-img_26.png) no-repeat;
    background-size: 100% 100%;
    width: 31.5%;
    text-align: center;
    padding: 0.3333rem 0rem
}
.index-classify .item-2{
    width: 40%;
    background: url(../images/index-img_34.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.2667rem;
    padding: 0.3333rem 0.4rem
}
.index-classify .item-2 a{
    display: flex;
    align-items: center;
}
.index-classify .item-2 p{
    margin-left: 0.2667rem
}
.index-classify{
    padding: 0.4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.index-classify img{
    width: 1.8rem
}
.index-classify p{
    font-size: 12px;
    color: #5b5959;
    margin-top: 0.4rem
}
.join-top{
    padding: 0.4rem;
    padding-top: 0.8rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: 0.2rem
}
.join-top::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 1.0667rem;
    background: #005ca1;
    left: 0.4rem;
    bottom: 20%
}
.join-top .top-left{
    padding-left: 0.4rem;
}
.join-top .top-left h5{
    font-size: 14px;
    color: #cccccc;
    font-weight: inherit
}
.join-top .top-left p{
    color: #666666;
    font-size: 14px;
    font-weight: bold
}
.join-top .top-right p{
    color: #005ca1;
    font-size: 12px;
    text-align: right;
    font-weight: bold
}
.join-top .top-right img{
    width: 0.5733rem
}
.index-join .join-con{
    position: relative
}
.index-join .join-con .join-img1{
    width: 100%;
}
.index-join .join-con .join-abs{
    position: absolute;
    bottom: 0.1333rem;
    left: 0.4rem;
    right: 0.4rem;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    padding: 0.2667rem 0rem
}
.index-join .join-con .join-abs p{
    color: #fff;
    font-size: 11px
}
.index-join .join-con .join-abs img{
    position: absolute;
    width: 0.2rem;
    bottom: 0.3rem
}
.index-join .join-con .join-abs .img-1{
    left: 0.25rem;
}
.index-join .join-con .join-abs .img-2{
    right: 0.25rem;
}
.index-join .join-img{
    width: 100%
}
.index-shows .shows-con .shows-li{
    overflow-x: auto;
    margin: 0.4rem;
    margin-right: 0rem;
    white-space: nowrap
}

.index-shows .shows-con .shows-li{
    overflow-x: auto;
    margin: 0.4rem;
    margin-right: 0rem;
    white-space: nowrap
}
.index-shows .shows-con .shows-li li{
    display: inline-block;
    width: 2.6667rem;
    background: #fff;
    color: #666666;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
    padding: 0.2rem 0px;
    margin-right: 0.2rem
}
.index-shows .shows-con .shows-li .active{
    border: 1px solid #183965;
    color: #183965
}
.index-shows .shows-con .shows-banner img{
    width: 100%
}
.index-shows .shows-con .shows-banner p{
    position: absolute;
    bottom: 0rem;
    left: 0rem;
    right: 0rem;
    padding: 0.2667rem 0rem;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5)
}
.index-shows .shows-con .shows-banner .swiper-button-next,.index-shows .shows-con .shows-banner .swiper-container-rtl .swiper-button-prev{
    right: 0rem;
}
.index-shows .shows-con .shows-banner .swiper-button-prev,.index-shows .shows-con .shows-banner .swiper-container-rtl .swiper-button-next{
    left: 0rem;
}
.index-shows .shows-con .shows-banner .swiper-img{
    width: 0.2667rem;
    height: 0.4rem;
    background-size: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.3rem 0.1333rem;
}
.index-vr{
    position: relative;
    margin: 0.3333rem 0rem
}
.index-vr img{
    width: 100%
}
.index-vr .vr-title{
    position: absolute;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
}
.index-vr .vr-title h5,.index-vr .vr-title p{
    color: #fff;
    font-weight: inherit
}
.index-vr .vr-title h5{
    font-size: 17px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding: 0.0667rem 1rem;

}
.index-vr .vr-title .title{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.index-vr .vr-title p{
    font-size: 14px;
    margin-top: 0.0667rem
}
.index-activity .activity-con{
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap
}
.index-activity .activity-con .item-1{
    width: 49.5%;
}
.index-activity .activity-con .item-1 img{
    width: 100%
}
.index-activity .activity-con .item-1 p{
    padding: 0.2rem 0rem;
    background: #fff;
    font-size: 12px;
}
.index-column{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
.index-column .index-vr{
    margin: 0rem;
    margin-bottom: 0.0667rem;
    width: 49.5%
}
.index-column .index-vr h4{
    font-size: 15px;
    font-weight: inherit;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.index-about .about-con{
    position: relative;
    background: #fff;
}
.index-about .about-con .con-pos{
    position: absolute;
    left: 0.4rem;
    right: 0.4rem;
    top: 0rem;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 0.5333rem 0rem;
    box-shadow: -1px -1px 5px #888888;
    -webkit-box-shadow:-1px -1px 5px #888888;
}
.index-about .about-con .con-pos h5{
    font-size: 17px;
    color: #5b5959
}
.index-about .about-con .con-pos p{
    color: #005ca1;
    font-size: 15px;
    border: 1px solid #005ca1;
    display: inline-block;
    padding: 0.1333rem 0.5333rem;
    border-radius: 0.1333rem;
    margin-top: 0.3333rem
}
.index-about .about-con .con-pos img{
    width: 0.4rem;
    margin-right: 0.2667rem;
    margin-top: -0.04rem
}
.index-about .about-con .index-about-img{
    margin-top: 2.3rem;
    width: 100%
}
.main-bottom{
    text-align: center;
    background: #f5f5f5;
    color: #999999;
    font-size: 10px;
    padding: 0.4rem 0rem
}

/* 产品 */
.product-nav{
    display: flex;
    text-align: center;
    background: #fff;
    position: relative;
}
.product-nav a{
    display: inline-block;
    width: 20%;
    font-size: 14px;
    color: #666666;
    padding: 0.2667rem 0rem;
    border-bottom: 1px solid #f4f4f4
}
.product-nav .active{
    color: #005ca1;
    border-bottom: 1px solid #005ca1
}
.product-fl{
    display: flex;
    flex-wrap: wrap;
    padding: 0rem 0.4rem 0.4rem 0rem;;
    background: #fff;
    text-align: center
}
.product-fl li{
    display: inline-block;
    width: 28.5%;
    padding: 0.2rem 0rem;
    border: 1px solid #eeeeee;
    margin-left: 0.4rem;
    margin-top: 0.4rem
}
.product-fl .active{
    color: #005ca1;
    border: 1px solid #005ca1
}
.product-list{
    display: flex;
    justify-content: space-between;
    padding: 0rem 0.2667rem;
    flex-wrap: wrap;
    text-align: center;
    background: #fff;
    padding-bottom: 0.4rem
}
.product-list .list-1{
    width: 4.6rem;
    margin-bottom: 0.2rem;
}
.product-list .list-1 img{
    width: 100%;
    height: 4.6rem;
    object-fit: cover;
    border: 1px solid #ccc
}
.product-list .list-1 p{
    font-size: 12px;
    padding: 0.2rem 0rem;
    color: #000
}
.main-but{
    display: flex;
    position: fixed;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    background: #fff;
    text-align: center;
    padding: 0.1333rem 0rem;
    box-shadow: -1px 1px 3px #888888;
    -webkit-box-shadow:-1px 1px 3px #888888;
}
.main-but .item-1{
    width: 25%
}
.main-but img{
    width: 0.7333rem
}
.main-but p{
    color: #999999;
    font-size: 12px;
    margin-top: 0.0667rem
}
.main-margin{
    margin-bottom: 1.3333rem
}
/* 产品详情 */
.pro-det-banner img{
    width: 100%
}
.pro-det-con{
    background: #fff;
    padding: 0rem 0.2667rem;
    padding-bottom: 0.7667rem
}
.pro-det-con h5{
    border-bottom: 1px solid #dddddd;
    font-size: 16px;
    font-weight: inherit;
    padding: 0.2667rem 0rem
}
.pro-det-con ul{
    padding: 0.1333rem 0rem
}
.pro-det-con ul li{
    font-size: 14px;
    color: #666666;
    line-height: 25px
}
.pro-det-con .pro-shop{
    margin-left: -0.2667rem;
    font-size: 0;
}
.pro-det-con .pro-shop img{
    width: 2.9733rem;
    margin-left: 0.2667rem;
    margin-top: 0.2rem
}
.pro-det-con .pro-det-title{
    border-bottom: 1px solid #eeeeee;
    margin-top: 0.3333rem
}
.pro-det-con .pro-det-title h5{
    background: #eeeeee;
    display: inline-block;
    padding: 0.2rem 0.5rem;
    border: none
}

/* 产品中心 */
.pro-title{
    text-align: center;
    position: relative;
    background: #fff;
    padding: 0.6667rem 0rem
}
.pro-title::after{
    position: absolute;
    content: "";
    background: #333333;
    height: 1px;
    width: 0.6667rem;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
}
.pro-title::before{
    position: absolute;
    content: "";
    background: #333333;
    height: 1px;
    width: 0.6667rem;
    top: 50%;
    right: 30%;
    transform: translateY(-50%)
}
.pro-title h5{
    font-size: 17px;
    padding: 0.0667rem 0rem
}
.pro-title p{
    font-size: 11px;
    color: #666666
}
.pro-con{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    text-align: center;
    padding-bottom: 0.7667rem
}
.pro-con .item-1{
    width: 4.9733rem;
    margin-top: 0.1333rem;
}
.pro-con .item-1 img{
    height: 3.5467rem;
    width: 100%;
    object-fit: cover
}
.pro-con .item-1 p{
    border: 1px solid #eeeeee;
    font-size: 12px;
    color: #666666;
    padding: 0.2rem 0rem
}


/* 产品案例 */
.case-list{
    background: #fff;
    padding: 0rem 0.2667rem;
    padding-bottom: 0.7333rem
}
.case-list h5{
    font-size: 14px;
    padding: 0.2667rem 0rem;
    font-weight: inherit;
    border-bottom: 1px solid #eeeeee
}
.case-list .case-img{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /* padding: 0.2667rem 0rem */
}
.case-list .case-img .item{
    width: 4.5333rem
}
.case-list .case-img .item img{
    width: 100%;
    height: 3.4rem;
    object-fit: cover;
    border-bottom: 1px solid #eeeeee;
    padding: 0.2667rem 0rem
}

.case-det-con{
    text-align: center;
    background: #fff;
    padding-bottom: 0.7333rem
}
.case-det-con h5{
    font-size: 16px;
    padding: 0.4rem 0rem;
    font-weight: inherit
}
.case-det-con img{
    width: 100%;
}


/* 检验报告 */
.pro-report{
    background: #fff;
    text-align: center;
    padding-bottom: 0.7rem;
    padding-top: 0.7rem
}
.pro-report img{
    width: 70%
}
.pro-report p{
    font-size: 14px;
    margin-top: 0.2rem
}
.pro-report .swiper-button-next,.pro-report  .swiper-button-prev{
    background-size: 50%
}

/* 防伪检测 */
.pro-check{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7333rem
}
.pro-check .check-input{
    border: 1px solid #eeeeee;
    text-align: center;
    padding: 0.5333rem 0.4rem;
    
}
.pro-check .check-input .check-nub{
    margin: 0.2rem 0rem;
    display: flex;
    justify-content: space-between
}
.pro-check .check-input .check-nub input{
    width: 20%;
    padding: 0.1333rem 0rem;
    text-align: center
}
.pro-check .check-input p{
    font-size: 14px;
    color: #666666
}
.pro-check .check-input .check-but{
    display: flex;
    justify-content: space-between;
    margin-top: 0.4rem
}
.pro-check .check-input .check-but button{
    width: 47%;
    border-radius: 25px;
    padding: 0.2rem 0rem
}
.pro-check .check-input .check-but .but-1{
    color: #183965;
    font-size: 14px;
    border: 1px solid #183965;
    background: none
}
.pro-check .check-input .check-but .but-2{
    color: #fff;
    font-size: 14px;
    border: 1px solid #064d81;
    background: #064d81
}
.pro-check img{
    width: 100%;
    margin-top: 0.7333rem
}
.erro-popover{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    background: #fff;
    text-align: center;
    width: 90%;
    z-index: 100;
    padding: 0.5333rem 0rem;
    box-shadow: -1px -1px 10px #888888;
    display: none
}
.erro-popover img{
    width: 1.2rem
}
.erro-popover p{
    margin: 0.2rem 0rem
}
.erro-popover .erro-p1{
    color: #666666;
    font-size: 14px;
}
.erro-popover .erro-p1 span{
    color: #ff9000
}
.erro-popover .erro-p2{
    color: #ff9000
}
.erro-popover button{
    color: #fff;
    border: none;
    padding: 0.2rem 0rem;
    width: 30%;
    font-size: 14px;
    margin-top: 0.2rem
}
.erro-popover .but-1{
    background: #ff9000;
    margin-right: 0.3333rem
}
.erro-popover .but-2{
    background: #999999
}

/* 关于我们 */
.int-content{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7rem
}
.int-content h5{
    color: #005ca1;
    font-size: 14px;
    line-height: 30px
}
.int-content .content-title{
    text-indent: 3em
}
.int-content img{
    width: 100%
}
.int-content p{
    color: #666666;
    font-size: 14px;
    line-height: 23px;
    text-indent: 2em;
    margin-top: 0.3333rem
}

.brand-content{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7rem
}
.brand-content .item{
    margin-bottom: 0.4rem
}
.brand-content h5{
    font-size: 14px;
    color: #005ca1
}
.brand-content p{
    text-align: center;
    font-size: 12px;
    color: #666666;
    line-height: 25px;
    margin: 0.2667rem 0rem
}
.brand-content img{
    width: 100%;
}

.honor-content{
    padding: 1.5rem 0rem
}

/* 发展历程 */
.history-content{
    background: #fff;
    padding: 0.4rem 0.5334rem
}
.history-content .item1{
    margin-bottom: 0.3333rem
}
.history-content .img-1{
    width: 0.2rem;
    margin-left: 0.1333rem
}
.history-content .img-2{
    width: 0.4rem;
    margin-right: 0.1333rem;
    vertical-align: text-top;
    margin-left: 0.2rem
}
.history-content h5{
    color: #005ca1;
    font-size: 14px;
}
.history-content .item-title{
    font-size: 16px;
    /* margin-bottom: 0.3333rem */
}
.history-content .content-title{
    margin-top: 0.3333rem
}
.history-content ul li{
    list-style: none;
    margin-left: 0.4667rem;
    font-size: 14px;
    color: #000;
    /* font-weight: bold; */
    margin-top: 0.2rem;
}


/* 宣传视频 */
.vedio-content{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7rem
}
.vedio-content .list{
    padding-bottom: 0.2667rem;
    border-bottom: 1px solid #dddddd
}
.vedio-content .list h5{
    color: #000;
    font-size: 16px;
    font-weight: inherit;
    padding-bottom: 0.2667rem
}
.vedio-content .list .list-vedio{
    text-align: center
}


/* 卡西米学院 */
.collega-nav.product-nav a{
    width: 33.33%
}
.collega-content{
    background: #fff;
    padding: 0rem 0.4rem;
    padding-bottom: 0.7rem
}
.collega-content .list{
    
    padding: 0.4rem 0rem;
    border-bottom: 1px solid #ddd
}
.collega-content .list a{
    display: flex;
}
.collega-content .list img{
    width: 2.6667rem;
    height: 2rem;
    object-fit: cover
}
.collega-content .list .item-2{
    margin-left: 0.3333rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between
}
.collega-content .list .item-2 h5{
    font-size: 14px;
    font-weight: inherit;
    color: #000
}
.collega-content .list .item-2 p{
    font-size: 11px;
    color: #999999
}

.collega-det-content{
    background: #fff;
    padding: 0.4rem
}
.collega-det-content .collega-det-title{
    text-align: center;
    padding-bottom: 0.2667rem;
    border-bottom: 1px solid #ddd
}
.collega-det-content .collega-det-title p{
    margin-top: 0.1333rem;
    color: #999999;
    font-size: 11px;
}
.collega-det-content h5{
    color: #000;
    font-size: 16px;
    font-weight: inherit
}
.collega-det-content .collega-det-written p{
    color: #666666;
    font-size: 14px;
    text-indent: 2em;
    margin-top: 0.2rem;
    line-height: 23px;
}
.collega-det-content .collega-det-written img{
    width: 100%;
    margin-top: 0.2rem
}

.call-nav.product-nav a{
    width: 25%
}

/* 联系我们 */
.call{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7rem
}
.call .call-con{
    background: url(../images/call-img_03.png) no-repeat;
    background-size: 100% 100%;
    padding: 1.7333rem 0rem;
    padding-left: 0.7333rem
}
.call .call-con>div{
    margin-top: 0.3rem;
    font-size: 12px;
    color: #666666
}
.call .call-con img{
    width: 0.4rem;
    margin-right: 0.2rem
}
.call .call-map{
    margin-top: 0.4667rem
}
#allmap{
    height: 6.6667rem
}


/* 店面查询 */
.call-query{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7rem
}
.call-query .call-query-p{
    text-align: center;
    font-size: 14px;
    color: #666666;
    padding: 0.2rem 0rem
}
.call-query .item-1{
    display: flex;
    justify-content: space-between;
    margin-top: 0.2rem
}
.call-query .item-1 select{
    width: 49%;
    padding: 0.2rem 0.2rem
}
.call-query .item-2{
    display: flex;
    margin-top: 0.2rem
}
.call-query .item-2 input{
    width: 75%;
    padding: 0.2rem
}
.call-query .item-2 button{
    width: 25%;
    color: #fff;
    background: #005ca1;
    padding: 0.2rem 0rem;
    border: none;
    font-size: 12px;
}
.call-query .call-query-con h5{
    font-size: 16px;
    color: #666666;
    background: #dddddd;
    padding: 0.3333rem 
}
.call-query .call-query-con .list{
    border: 1px solid #dddddd;
    padding-bottom: 0.3333rem;
    margin-top: 0.3333rem
}
.call-query .call-query-con .list p{
    font-size: 12px;
    color: #666666;
    padding: 0.2667rem 0.3333rem
}
.call-query .call-query-con .list a{
    color: #006eb2;
    font-size: 12px;
    text-decoration: underline;
    margin-left: 0.3333rem;
    
}
.call-query .call-query-con .list a img{
    width: 0.2933rem;
    margin-right: 0.1333rem
}

.call-message{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7rem
}
.call-message input,.call-message textarea{
    width: 100%;
    padding: 0.2667rem;
    box-sizing: border-box;
    margin-bottom: 0.2667rem
}
.call-message p{
    color: #005ca1;
    font-size: 10px;
    margin-bottom: 0.2667rem
}
.call-message button{
    background: #005ca1;
    color: #fff;
    width: 100%;
    border: none;
    padding: 0.2667rem 0rem
}

.call-recruit{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 3.7rem
}
.call-recruit a{
    display: block;
    border: 1px solid #ddd;
    padding: 0.2rem 0.3rem;
    color: #666;
    font-size: 14px;
    margin-bottom: 0.2667rem
}

.call-recruit-det{
    background: #fff;
    padding: 0.2667rem;
    padding-bottom: 0.7rem
}
.call-recruit-det .recruit-title{
    text-align: center;
    padding-bottom: 0.2667rem;
    border-bottom: 1px solid #eee
}
.call-recruit-det .recruit-title p{
    color: #999999;
    font-size: 11px;
    margin-top: 0.1333rem
}
.call-recruit-det h5{
    font-size: 16px;
    font-weight: inherit
}
.call-recruit-det ul{
    margin-top: 0.2667rem
}
.call-recruit-det ul li{
    list-style: none;
    line-height: 25px;
    font-size: 12px;
}

.index-focus{ position:relative; width:100%; overflow:hidden; padding:10px;margin:10px 0;}
.index-focus .tit{position:absolute;z-index: 1; left:10px;top:10px;font-size: 16px;background: rgba(0,0,0,0.5);color:#fff;width:100px;height: 30px;line-height: 30px;text-align: center;border-bottom-right-radius: 20px;}
.index-focus .prev,.index-focus .next{ position:absolute; left:30px; bottom:20px; display:block; width:40px; height:35px; line-height:8px; text-align:center;background: url(../images/focus_arrow.png) 0 center no-repeat;background-size: 45px 8px;z-index: 2;}
.index-focus .next{ left:auto; right:30px;background-position: right center;}
.index-focus .bd{ position:relative; z-index:0; }
.index-focus .bd li{ position:relative; }
.index-focus .bd li img{ width:100%; display:block;   }
.index-focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
.index-focus .bd li .title{ display:block; position:absolute;left:10px;right:10px; bottom:10px; text-align: center; height:35px; line-height:35px;  text-align:center;  color:#fff; background-color:rgba(0,0,0,0.5); 
}

.index-focus .bd li a{padding:30% 50%;display: block;}
.index-focus .bd li a img{height: 100%;position:absolute;left:0;top:0;}


/*案例展示*/
.index-case .slideGroup{position:relative; width:100%;}
.index-case .slideGroup .parHd{position:absolute;right:0;top:-30px;}
.index-case .slideGroup .parHd ul{ display: inline-block; color:#ccc;}
.index-case .slideGroup .parHd ul li{font-size:12px; padding:0 10px; cursor:pointer;display:inline-block;  height:16px; line-height:16px;color:#666; }
.index-case .slideGroup .parHd ul li.on{ color:#006eb2; }
.index-case .slideGroup .slideBox{overflow:hidden; zoom:1; position:relative;}
.index-case .slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.index-case .slideGroup .parBd ul li{position:relative;  float:left; _display:inline; overflow:hidden; text-align:center;width:100%;}
.index-case .slideGroup .parBd ul li img{ width:100%; display:block;   }
.index-case .slideGroup .parBd ul li .text{position:absolute;left:20px;right:20px;bottom:10px;height: 80px;box-shadow:0px 3px  5px #999; background:#fff;padding:0 10px;}
.index-case .slideGroup .parBd ul li .text .name{font-size:16px;color:#333;line-height:1;overflow: hidden;margin-top:22px;}
.index-case .slideGroup .parBd ul li .text .word{font-size:12px;color:#999;line-height:1;overflow: hidden;margin-top:10px;}
.index-case .slideGroup .parBd ul li:hover .text .name{color:#006eb2;}
.index-case .slideGroup .parBd ul li:hover .text .word{color:#006eb2;}
.index-case .slideGroup .parBd .slideBox .slihd{overflow: hidden;padding:10px;}
.index-case .slideGroup .parBd .slideBox .slihd li{border:1px solid #ccc;margin-bottom:10px;font-size:14px;width:31.33%;margin-right:3%; height: 34px;line-height:34px;text-align:center;cursor:pointer; background-color:#fff}
.index-case .slideGroup .parBd .slideBox .slihd li:nth-child(3n){margin-right: 0;}
.index-case .slideGroup .parBd .slideBox .slihd li.on{color:#006eb2;}
.index-case .slideGroup .parBd .slideBox .slibd{width:100%;padding:0 10px 10px;}
.index-case .slideGroup .parBd .slideBox .slibd .box{position:relative;}
.index-case .slideGroup .parBd .slideBox .slibd .vrbtn{position:absolute;right:10px;top:10px; width:79px;height: 35px;display:block;background:url(../images/vr_btn.png) no-repeat;background-size: 79px 35px;}
.index-case .slideGroup .parBd .slideBox .slibd .boxbd .name{position:absolute;left:0;right:0;bottom:0;height: 35px;line-height: 35px;background:rgba(0,0,0,0.6);color:#fff;font-size: 14px;}
.index-case .slideGroup .sPrev,.index-case .slideGroup .sNext{ position:absolute; left:0px; top:50%;margin-top:-18px; display:block; width:20px; height:37px;  background:url(../images/case_arrow.png) left 0 no-repeat; z-index:3;background-size: 65px 37px;}
.index-case .slideGroup .sNext{ left:auto; right:0px;background-position:right 0; }
.index-case .slideGroup .sPrev:hover,.index-case .slideGroup .sNext:hover{ border-color:#f60;  }

 .index-case .slideGroup .parBd ul {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .index-case .slideGroup .parBd .slideBox .slihd li {
        display: inline-block;
        float: none;
        width: 30%;
    }
/*案例展示end*/


/*footer*/
.copyright{background: #fafafa;text-align: center;color:#999;font-size: 10px;padding:8px 0;z-index: 99999}
.footer{position:fixed;z-index: 10;left:0;right:0;bottom:0; background: #fff; display: table;width:100%;height: 49px;table-layout: fixed;box-shadow: 0 0 5px #ddd;}
.footer .item{position:relative; display: table-cell;height: 50px;width:1%;text-align: center;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;}
.footer .item .icon ~ .word{font-size: 11px; display: block; overflow: hidden; text-overflow: ellipsis; color:#999; }
.footer .icon{top: 5px;position: relative; z-index: 20; width: 25px; height: 25px; display: inline-block; background: url(../images/footer.png) no-repeat; background-size: 25px 125px; }
.footer .on .icon{background-image: url(../images/footer_on.png);}
.footer .item .icon1{background-position:0px 0px; }
.footer .item .icon2{background-position:0px -25px; }
.footer .item .icon3{background-position:0px -50px; }
.footer .item .icon4{background-position:0px -75px; }
.footer .item.on .word{color:#183965;}
/*footer end*/