.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: .18rem !important;
    height: .18rem;
    border-radius: 50%;
}

.swiper-pagination-bullet-active {
    background: #fff;
    width: .34rem !important
}
.head-banner{
    margin-top:1.52rem;
}
.head-banner .swiper-container {
    width: 100%;
    height: 100%
}

.head-banner .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.nav-msg {
    height: 1.2rem;
    line-height: 1.2rem;
    position: fixed;
    background: #317efe;
    padding-top:0rem;
    z-index: 9999;
    top: 0;
    width: 100%; /* margin-left:.533rem; */
}

.nav-msg #select-city {
    background: transparent;
    height: .993rem;
    color: #fff;
    font-size: .4rem
}

.nav-msg .iconfont.icon-search {
    width: .533rem
}

.nav-msg input {
    /*width: 6.773rem;*/
    height: 0.84rem;
    line-height: .993rem;
    border-radius: .533rem;
}

.logo-lists {
    border-bottom: .013rem solid #eaeaea;
    background: #fff;
    background-text-align: center
}

.logo-lists .logo-msg {
    width: 20%;
    float: left;
    margin: .267rem 0
}

.logo-lists .logo-msg .ship-logo-nav {
    width: 1.16rem;
    height: 1.16rem;
    margin: 0 auto
}

.logo-lists .logo-msg .logo-txt {
    text-align: center;
    margin: .267rem 0;
    font-size: .32rem
}

.news-lists {
    width: 100%;
    height: auto;
    line-height: .867rem;
    background: #fff;
    margin-bottom: .267rem
}

.news-lists .news-lf {
    /* width: 2rem; */
    float: left;
    text-align: center;
    padding: .333rem 0;
    padding: .267rem;
}

.news-lists .news-lf .new {
    font-size: .6rem;
    font-family: 榛戜綋;
}

.news-lists .news-lf .information {
    font-size: .507rem;
    width: 1.173rem;
    height: .667rem;
    line-height: .667rem;
    background: #e70c0c;
    -webkit-border-radius: .067rem;
    -moz-border-radius: .067rem;
    border-radius: .067rem;
    color: #fff;
    margin: 0 auto;
}

.news-lists .news-fr {
    width: calc(100% - 1.8rem);
    float: left;
    padding: .267rem 0;
}

.reference {
    width: 100%;
    height: auto;
    line-height: .867rem;
    background: #fff;
    margin-bottom: .267rem;
    padding: .267rem
}

.reference .mode-tit {
    height: .867rem;
    line-height: .467rem
}

.reference .mode-tit .shu-line {
    width: .067rem;
    height: .45rem;
    background: #3a8fff;
    float: left
}

.reference .mode-tit .tittle {
    float: left;
    font-size: .4rem;
    padding-left: .267rem;
    font-weight: 700
}

.reference .cankao-wrap {
    justify-content: space-around;
    align-items: center;
    display: flex
}

.reference .cankao-wrap .reference-content {
    width: calc(33.33333% - .2rem);
    height: 2.667rem;
    float: left;
    margin-right: .2rem;
}
.reference .cankao-wrap .reference-content:last-of-type{
    margin-right: 0;
}

.record {
    height: auto
}

.record .record-lists {
    text-align: center;
    color: #fff;
    justify-content: space-around;
    align-items: center;
    display: flex;
    margin: .177rem 0;
    font-size: .4rem;
}

.record .record-lists .sale-record {
    width: calc(50% - .2rem);
    height: 1.2rem;
    line-height: 1.2rem;
    background: #337eff;
    border-radius: .133rem;
    margin-right: .4rem;
}

.record .record-lists .rent-record {
    width: calc(50% - .2rem);
    height: 1.2rem;
    line-height: 1.2rem;
    background: #00ad66;
    border-radius: .133rem;
}

.look-ship {
    height: auto
}

.look-ship .mode-tit {
    float: left
}

.look-ship .more {
    float: right;
    font-size: .4rem;
    color: #a9a9a9
}

.look-ship .more .iconfont.icon-xiangyoushuangjiantou {
    font-size: .427rem
}

.intro {
    height: auto;
    background: #fff
}

#video .video-item {
    background: #000;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden;
    position: relative
}

#video .video-item img {
    opacity: .5;
    display: block
}

#video .video-item .icon-play {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: calc(50% - .5rem);
    left: calc(50% - .5rem)
}

#video .video-item .icon-play img {
    width: 100%;
    opacity: 1
}