
/* 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-bottom: 4vw ;
   
    
}
.nav-item-icon{
    display: inline-block;
    /* background: rebeccapurple; */
    width: 9.3333vw;
    height: 9.0667vw;
   background-repeat: no-repeat;
   background-size:100% 100%; 
 
   
    
}

.nav-item-title{
    font-size: 4.8vw;
    color: #363636;
}
.nav{
    background: #fff;
    margin: 2.6667vw 0;
    padding-bottom: 2vw;
}
html{
    background: #f7f6f5;
}

/* 轮播图 */

.swiper-wrap{
    width: 100%;
    height: 42.6667vw;
    overflow: hidden;
}
.swiper-wrap img{
    width: 100%;
}




.org{
    position: absolute;
    right: 2.6667vw;
    bottom: 2.6667vw;
    font-size: 3.2vw;
    color: #999999;
}
.one{
    background-image: url(../images/index-item-1.png);
    margin-left: 2.6667vw;
   
}
  
.index-nav-item a{
    box-sizing: border-box;
    position: relative;
   width: 47vw;
    height: 16.8vw;
    background: #fff;
  
    
   
   display: flex;
   align-items: center;
   border-radius: 1.3333vw;
   box-shadow: 1.147px 1.638px 9px 0px rgba(30, 30, 30, 0.18);
   justify-content: space-between;

}
.one + .index-title{
    text-align: left;
}
.two{
    background-image: url(../images/index-item-2.png);
    margin-left: 2.6667vw;
}
.index-title{
    box-sizing: border-box;
    font-size: 3.7333vw;
    color: #363636;
    margin-left: 2.6667vw;
    line-height: 1em;
    margin-top: -2.6667vw;
    padding-right: 2.6667vw;
    width: 80%;
    text-align: right;
   
}
.announcement{
    height: 8.5333vw;
    width: 92%;
    margin: 0 auto;
    background: #ff4948;
    border-radius: 6.6667vw;
    color: #ffffff;
    display: flex;
   
}
.left{
    position: relative;
    width: 19%;
    height: 8.5333vw;
  
    display: flex;
    align-items: center;
    justify-content: center;

}
.left::after{
    position: absolute;
    right:1px;
    content: "";
    width: 1px;
    height: 6.4vw;
    background: #fff;

}
.right{
    width: 81%;
    height: 8.5333vw;
    display: flex;
    align-items: center;
    margin-left: 2.6667vw;
    overflow: hidden;
    
}
.trumpet{
    width: 2.6667vw;
    height: 2.9333vw;
    background: url(../images/trumpet.png) no-repeat;
    background-size:100% 100%; 
    margin-right: 1.3333vw;
}

.index-nav{
    display: flex;
    justify-content: space-around;
    margin-bottom: 2.6667vw;
}
/* 走马灯 */
.main-swiper{
    width: 100%;
    /* height: 75px; */
    display: flex;
    background: #fff;
}
.main-active{
    display: block !important;
}


.index_honor{  width: 85%; margin: 2.6667vw 0;margin-left: 5%;     overflow: hidden; }
.index_honor .widthauto{ position:relative;}
.index_honor ul{margin:0 auto;}
.index_honor ul li{ width: 29.8667vw; height: 21.0667vw; margin:0 1.3333vw; float:left; line-height:30px;background: #ff4948; text-align:center; position:relative;}
.index_honor ul li a{ color:#fff;}
.index_honor ul li:hover .text{ opacity:1;}
.index_honor ul li .text{ position:absolute; width:100%; height:145px; top:0px; left:0px; background:rgba(0,0,0,0.6); text-align:center; opacity:0;}
.index_honor ul li .text p{ font-size:12px; margin-top:35px; color:#fff; margin-bottom:10px; line-height:20px; padding:0 20px;}
.index_honor ul li .text button{ border-color:#fff; color:#fff; border-radius:100px; padding:4px 12px;}
/* .index_honor .honor_leftarr{display: block;width: 30px;height: 30px;background: url(../images/ico_arrowpre2.png) center no-repeat;position: absolute;left: -40px;top: 150px;}
.index_honor .honor_rightarr{display: block;width: 30px;height: 30px;background: url(../images/ico_arrownext2.png) center no-repeat;position: absolute;right: -40px;top: 150px;}
.index_honor .honor_leftarr:hover{left:-35px;}
.index_honor .honor_rightarr:hover{right:-35px;} */
#right_honor{
    box-sizing: border-box;
    padding: 0 1.3333vw;

    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 7%;
    background: #d63717;
    color: #fff;
    text-align: center;
    /* line-height: 26.6667vw; */
    font-size: 2.6667vw;
    
}
#right_honor span{
    margin-top: 7vw;
    display: inline-block;
}
.main-swiper{
    position: relative;

}



/* 轮播图 */
.swiper-slide{
    width: 100%;
   
}

.right .swiper-slide{
    height: 8.5333vw;
}
.right p{
    height: 8.5333vw;
    line-height: 8.5333vw;
}