/* nav */
.index-nav{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    margin: 2.6667vw 0;
    
}
.nav-item-icon{
    width: 13.8667vw;
    height: 13.8667vw;
    border-radius: 100%;
   
    
}
.dangjian{
    background: url(../images/indexzhihuidangjian.png) no-repeat;

}
.bianmin{
    background: url(../images/indexbinaminfuwu.png) no-repeat;
  
}
.nav-item-title{
    font-size: 4.8vw;
    color: #363636;
}
.index-nav-item{
    width: 45.3333vw;
    height: 17.3333vw;
    background: #fff;
    
    display: -webkit-flex;
    
    display: -moz-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
   border-radius: 1.3333vw;

}


/* 二级导航 */
.secondary{
    background: #fff;
    margin-bottom: 2.6667vw;
}
.secondary-title{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.3333vw 2.6667vw;
    border-bottom: 1px solid #eeeeee;


}
.recommend-wrap{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 7.4667vw;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  
   
}

.notice{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-items:center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 15.2vw;
    border-right: 2px dashed #eeeeee;
}
.recommend{
    margin:0 2.6667vw;
    background: #fee7c9;
    /* line-height: 7.4667vw; */
   color: #e9732a;
   padding: 0 0.2667vw;
   /* padding:0 0.6667vw */
   font-size: 3.2vw;
}
.recommend-title{
  max-width: 66.1333vw;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 3.2vw;
  line-height: 7.4667vw;
  color: #8e8e8e;
  height: 7.4667vw;
  /* overflow: hidden; */
  
}
.recommend-swiper{
    width: 100%;
    height: 100%;
}
.recommend-title .swiper-wrapper{
    width: 100%;
    height: 100%;
}
.recommend-title .swiper-slide {
    max-width:66.1333vw ;
    height: 100%;
    /* background: red; */
    color: #8e8e8e;
}
.secondary-nav{
   
    display: -webkit-flex;
   
    display: -moz-box;
   
    display: -ms-flexbox;
   
    display: flex; 
    -webkit-justify-content: space-around; 
        -ms-flex-pack: distribute; 
            justify-content: space-around;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: 100%;
    height: 24vw;
    padding: 2.6667vw;
}
.sn-item{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sn-item-title{
    font-size: 3.2vw;
    color: #363636;
    margin-top: 2vw;
}
.sn-item-icon{
    width: 12.2667vw;
    height: 12.2667vw;
   border-radius: 100%;

}
.jujia{
    background: url(../images/indexnav1.png) no-repeat;
    -o-background-size:100% 100%;
       background-size:100% 100%; 
}
.tuoyou{
   background: url(../images/indexnav2.png) no-repeat;

}


/* 轮播图 */
.swiper-wrap {
    position: relative;
    height: 42.6667vw;
    background: #fff;
    padding: 2.6667vw 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    /* font-size: 18px; */
    width: 73.3333vw !important;
    /* height: 36vw !important; */
    overflow: hidden;
    background: #fff;

    /* Center slide text vertically */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
         justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
         align-items: center;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
    transition: 300ms;
}

/* .swiper-slide img{
    border: 2px solid #fff;
    border-width:5px 5px 5px 5px;
    box-shadow:1px 1px 5px #333;
    -webkit-box-shadow:1px 1px 5px #333;
    -moz-box-shadow:1px 1px 5px #333;

} */
.swiper-slide:not(.swiper-slide-active) {
    -webkit-transform: scale(0.8) !important;
       -moz-transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
         -o-transform: scale(0.8) !important;
            transform: scale(0.8) !important;
 
}


.swiper-pagination-bullet-active{
    background: #f19437!important;
}
/* icon */
.dangjian,.jujia,.tuoyou,.bianmin,.wenti,.yiliao,.shangye,.notice{
    -o-background-size:100% 100% !important;
       background-size:100% 100% !important; 
}
.yiliao{
    background: url(../images/indexnav3.png) no-repeat;
}
.wenti{
    background: url(../images/indexnav4.png) no-repeat;
}
.shangye{
    background: url(../images/indexnav5.png) no-repeat;
}
.swiper-slide img{
    width: 100%;
    height: 100%;
}
.notice-icon{
  display: inline-block;
  width: 10.4vw;
    height: 3.7333vw;
    background: url(../images/notic.png) no-repeat;
    -o-background-size:100% 100% !important;
       background-size:100% 100% !important; 
       margin-left: 2vw;
}