header{

    background: linear-gradient(to right, #6acfa9, #3da67e);

    height: 55px;

    line-height: 55px;

}

#top{

    padding: 5px 0px 15px 0;

    position: relative;

    margin-top: 60px;

}

.nav{

    position: relative;

    height: unset;

    border-bottom: unset;

    width: 92%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.nav-list{

    overflow: hidden;

    /*overflow-x: scroll;*/

    white-space: nowrap;

    display: flex;

    align-items: center;

}

.nav-a{

    text-decoration: none;

    margin:  0px;

    line-height: 28px;

    width: auto;

    font-size: 16px;

    padding: 0;

    margin-right: 5.5%;

}

.nav-a span{

    line-height: 40px;

}

.nav-a a{

    color: #7f7f7f;

}

.nav-list::-webkit-scrollbar{

    width: 0px;

    height: 0px;

}

.selected span a{

    font-size: 18px !important;

    color: #333 !important;

    font-weight: bold;

}

#nav .bar{

    width: 9.111%;

    height: 4px;

    position: absolute;

    bottom: 0px;

}

#nav .bar .color{

    width: 20px;

    margin: 0 auto;

    height: 4px;

    background: #2564d5;

    border-radius: 3px;

}

.cd-nav-trigger .cd-nav-icon{

    width: 16px;

}



.banner{

    width: 92%;

    margin: 0 auto;

    position: relative;

    /*overflow: hidden;*/

}

.banner .swiper{

    width: 100%;

    padding-bottom: 25px;

}

.banner .swiper-slide{

    transition: 300ms;

    transform: scale(0.8);

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.banner .swiper-slide-active, .banner .swiper-slide-duplicate-active{

    transform: scale(1);

}

.banner .swiper-pagination .swiper-pagination-bullet{

    width: 8px;

    height: 5px;

    border-radius: 20px;

    background: #ccc;

    opacity: unset;

}

.banner .swiper-pagination .swiper-pagination-bullet-active{

    width: 12px;

}

.banner .swiper-pagination .swiper-pagination-bullet-active{

    background: #3da67e;

}

.swiper-horizontal>.swiper-pagination-bullets{

    bottom: 0;

}

.banner .swiper-slide a img{

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}

.banner .swiper-slide li{

    padding: 8px 10px 10px 10px;

    box-sizing: border-box;

    box-shadow: 0px 1px 10px 1px #eee;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    margin: 0 1px;

}

.banner .swiper-slide li a{

    font-size: 16px;

    color: #333;

    font-weight: bold;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.banner .swiper-slide li p{

    font-size: 13px;

    color: #999;

    margin-top: 5px;

}



.tit{

    padding: 0 4%;

    margin-top: 25px;

}

.tit h4{

    float: left;

    font-size: 18px;

    color: #333;

    line-height: 20px;

}

.tit h4 a{

    color: #333;

}

.tit .more{

    float: right;

    font-size: 12px;

    color: #808080;

    padding-right: 12px;

    background: url(https://img.in-en.com/resfile/mobile/img/arrow-r.jpg) no-repeat right center;

    background-size: 8px auto;

    line-height: 19px;

}



.special{

    width: 92%;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.special .list-img{

    width: 48%;

    height: auto;

    float: unset;

    padding-left: 0;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    overflow: unset;

}

.special .list-img .speImg{

    height: auto;

}

.special .list-img .speImg img{

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

    height: auto;

    position: unset;

}

.special .list-img ul{

    padding: 6px 8px 8px 8px;

    box-sizing: border-box;

    box-shadow: 0px 1px 10px 1px #eee;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.special .list-img ul li strong{

    height: 40px;

    padding-top: 0;

    font-size: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.special .list-img ul li em{

    font-size: 13px;

    color: #999;

}



/*底部*/

footer{position: fixed;left:0;bottom:0;width:100%;height: 70px;background: #fff;border-top: 1px solid #f0f0f0;z-index: 99;}

footer a{width: 19.2%;display:inline-block;margin:0;padding: 37px 0 0;text-align:center;font-size: 1.5rem;color:#5f5f5f;}

footer a.on{background-position: center -92px;color:#00a67c;}

.hei100{height: 100px;}