@media screen and (min-width:1920px) {

    html {

        font-size: 80px;

    }

}



@media screen and (min-width:320px) {

    html {

        font-size: 13.33px;

    }

}



img {

    width: 100%;

    display: block;

}



html {

    font-family: Microsoft YaHei;

}



.w {

    width: 19.5rem;

    margin: 0 auto;

}



.index-bannner .swiper {

    width: 100%;

    height: 100%;

}



.index-bannner .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    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;

}



.index-bannner .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.swiper-pagination-clickable,

.swiper-pagination-bullet {

    width: .24rem

    /* 18/75 */

    ;

    height: .24rem

    /* 18/75 */

    ;

}



.swiper2 .swiper-pagination-bullet {

    width: .186667rem

    /* 14/75 */

    ;

    height: .186667rem

    /* 14/75 */

    ;

}



.swiper-pagination-bullet {

    background: #FFFFFF;

    opacity: 0.3;

    margin-right: .25rem !important

    /* 30/75 */

    ;

}



.swiper-button-next .swiper-pagination-bullet {

    margin-right: .266667rem

    /* 20/75 */

    ;

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #FFFFFF;

}



.swiper1 .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 1.04rem !important

    /* 78/75 */

    ;

}



.swiper3 .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: .253333rem

    /* 19/75 */

    !important

    /* 78/75 */

    ;

}



.swiper2 .swiper-pagination-clickable {

    text-align: right;

}



.swiper2 .swiper-pagination-clickable span {

    vertical-align: top;

}



.map {

    background: url(../img/map.png) no-repeat center center;

    background-size: 100% 100%;

    padding-top: .9375rem;

    height: 11.375rem;

}



.map-tit {

    text-align: center;

    margin-bottom: 1.7375rem;

}



.map-tit p:nth-child(1) {

    font-size: .525rem;

    font-weight: bold;

    color: #000000;

    margin-bottom: .125rem;

}



.map-tit p:nth-child(2) {

    font-size: .3rem;

    color: #000000;

    text-transform: uppercase;

    letter-spacing: 2px;

}



.map-shu {

    padding: 0 1.725rem 0 1.725rem;

    display: flex;

    justify-content: space-between;

}



.timer {

    font-weight: bold;

    font-size: .75rem;

    color: #004BA0;

}



.jia {

    font-size: .3rem;

    color: #000000;

}



.jia1 {

    margin-top: .25rem;

    font-size: .225rem;

    color: #000000;

}



.map-txt p {

    margin-top: 1.875rem;

    font-size: .2rem;

    font-weight: 400;

    color: #000000;

    line-height: .6rem;

    text-indent: 2em;

}



.zhaoche {

    padding-bottom: .375rem;

    background: url(/Main/Modules/Web/Tpl/img/zhaoche.jpg) no-repeat center;

    background-size: cover;

    position: relative;

}



.buss {

    background: url(../img/business.png) no-repeat center center;

    padding-top: .5375rem;

    padding-bottom: 1.4375rem;

    background-size: cover;

    height: auto;

}



.tit-box {

    position: relative;

    background: url(../img/tit-box.png) no-repeat;

    width: 3.6875rem;

    height: 1.3125rem;

    background-size: 100%, 100%;

    font-size: .525rem;

    font-weight: bold;

    color: #000000;

    line-height: 1.3125rem;

    padding-left: .6125rem;

}



.chang {

    position: absolute;

    top: 50%;

    left: .3375rem;

    transform: translateY(-50%);

    width: .1rem;

    height: .5rem;

    background: #000000;

}



.buss-box {

    display: flex;

    justify-content: space-between;

    margin-top: .5875rem;

}



.buss-box-l {

    width: 32.37%;

    background: #FFFFFF;

    padding-top: .5625rem;

}



.buss-box-r {

    position: relative;

    margin-top: .5875rem;

}



.ww {

    width: 78%;

    margin: 0 auto;

    padding-bottom: 0.5rem;

}



.buss-l-tit {

    font-size: .375rem;

    font-weight: bold;

    color: #4C94F8;

}



.buss-box-r .swiper {

    width: 100%;

    height: 100%;

}



.buss-box-r .swiper-slide {

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    align-items: stretch;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

}



.buss-box-r .swiper-slide img {

    display: block;

    width: 100%;

    height: 100%;

    /* object-fit: cover; */

}



.buss-box-r .swiper-scrollbar-drag {

    height: 5px;

    background: #4C94F8

}



.buss-box-r .swiper-scrollbar {

    bottom: -0.7rem;

    width: 53%;

    right: -40%;

}



.buss-box-r .swiper-button-prev,

.buss-box-r .swiper-button-next {

    top: 109%;

}



.buss-box-r .swiper-button-next,

.buss-box-r .swiper-rtl .swiper-button-prev {

    right: 4%;

    background: url(../img/r.png) no-repeat;

    background-size: contain;

    width: .3875rem;

    height: .3875rem;

    min-width: 20px;

    min-height: 20px;

}



.buss-box-r .swiper-button-prev,

.buss-box-r .swiper-rtl .swiper-button-next {

    left: 37%;

    background: url(../img/l.png) no-repeat;

    background-size: contain;

    width: .3875rem;

    height: .3875rem;

    min-width: 20px;

    min-height: 20px;

}



.ww>p {

    font-size: .2rem;

    color: #000000;

    line-height: .45rem;

    margin-top: .2rem;

}



.ww>h3 {

    margin-top: .1625rem;

    margin-bottom: .1625rem;

    font-size: .225rem;

    font-weight: bold;

}



.ww>ul li {

    font-size: .2rem;

    line-height: .45rem;

}



.ww>ul li span {

    color: #4C96F7;

    margin-right: 12px;

    font-size: .15rem !important;

}



.buss-btn a {

    font-size: .2rem;

    color: #FFFFFF;

    line-height: .625rem;

}



.buss-btn span {

    font-size: .175rem;

    margin-left: 10px;

}



.buss-btn {

    margin-top: .3125rem;

    text-align: center;

    width: 2rem;

    height: .625rem;

    background: #4C94F8;

    border: 1px solid #1B7AFF;

    border-radius: 10px;

}



.news {

    background: url(../img/NEWS.jpg) no-repeat;

    background-size: 100%, 100%;

    height: 11.375rem;

    padding-top: .5375rem;

}



.news-img {

    width: 100%;

}



.news h3 {

    font-size: .225rem;

    color: #FFFFFF;

    line-height: .6rem;

}



.news-tit {

    margin-top: .2875rem;

}



.news-l {

    width: 43.39%;

}



.news-r {

    width: 50.96%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.disf {

    margin-top: .675rem;

    display: flex;

    justify-content: space-between;

}



.news-txt {

    padding: .5rem .375rem .2875rem .5rem;

    background: rgba(0, 0, 0, .34);

}



.time-img {

    background: url(../img/time.png) no-repeat;

    background-size: 100%, 100%;

    width: 1.6625rem;

    height: 1.2625rem;

    text-align: center;

}



.time-img p:nth-child(1) {

    font-size: .45rem;

    font-weight: bold;

    color: #000;

}



.time-img p:nth-child(2) {

    font-size: .25rem;

    color: #000;

}



.news-txt {

    display: flex;

    justify-content: space-between;

    /* align-items: center; */

}



.news-txt:hover {

    background: rgba(0, 0, 0, .5);

    transition: all .4s;

}



.news-txt>div h4 {

    font-size: .25rem;

    color: #FFFFFF;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.news-txt .news-txt-l p {

    font-size: .175rem;

    color: #FFFFFF;

    line-height: .375rem;

    margin-top: 10px;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.news-txt-l {

    width: 80%;

}



.service-banner {

    width: 100%;

}



.fw1 {

    margin-top: 1.5rem;

}



.fw1 h1 {

    font-size: .525rem;

    text-align: center;

    font-weight: bold;

    line-height: .625rem;

    color: #000;

}



.fw1 h2 {
	
    font-size: .3rem;
    text-align: center;
    color: #000;
    margin-top: .2rem;
    margin-bottom: 1.5rem;

}



.fw-img {

    width: 100%;

    position: relative;

}



.fw-img1 {

    width: 72.65%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



@media screen and (max-width: 1200px) {

    .buss-box-r .swiper-slide {

        flex-direction: column;

    }

    .buss-box-l {

        width: 100%;

        padding-bottom: 35px;

        padding-top: 20px;

    }

    .buss-box-r .swiper-button-prev,

    .buss-box-r .swiper-button-next {

        top: 103%;

    }

    .buss-box-r .swiper-button-next,

    .buss-box-r .swiper-rtl .swiper-button-prev {

        right: 4%;

    }

    .buss-box-r .swiper-button-prev,

    .buss-box-r .swiper-rtl .swiper-button-next {

        left: 4%;

    }

    .buss-box-r .swiper-scrollbar {

        width: 80%;

        right: 0;

        margin: 0 auto;

    }

    .buss-btn {

        margin: 0 auto;

        width: 100px;

        height: 35px;

        background: #4C94F8;

        border: 1px solid #1B7AFF;

        border-radius: 10px;

    }

    .buss-btn a {

        display: block;

        font-size: 14px;

        line-height: 35px;

    }

}



@media screen and (max-width: 768px) {

    .w {

        width: 90%;

    }

    .map {

        background-size: cover;

        padding-top: .9375rem;

        padding-bottom: .9375rem;

        height: auto;

    }

    .map-tit p:nth-child(1) {

        font-size: 18px;

    }

    .map-tit p:nth-child(2) {

        font-size: 16px;

    }

    .map-shu {

        padding: 0 ;

        flex-wrap: wrap;

    }

    .map-tit {

        margin-bottom: 20px;

    }

    .map-txt  p{

        margin-top: 0;

        display: inline-block;

        font-size: 14px;

        line-height: 22px;

    }

    .jia1 {

        display: inline-block;

    }

    .mart {

        margin-bottom: 15px;

    }

    .jia {

        font-size: 14px;

    }

    .jia1 {

        font-size: 14px;

    }

    .timer {

        font-size: 18px;

    }

    .buss-l-tit {

        font-size: 16px;

        margin-bottom: 10px;

    }

    .tit-box {

        position: relative;

        background: url(../img/tit-box.png) no-repeat center center;

        width: 110px;

        height: auto;

        background-size: cover;

        font-size: 18px;

        font-weight: bold;

        color: #000000;

        line-height: normal;

        padding-left: .6125rem;

    }

    .ww {

        width: 90%;

    }

    .ww>p {

        font-size: 14px;

        color: #000000;

        line-height: normal;

        margin-top: .2rem;

    }

    .ww>h3 {

        margin-top: 10px;

        margin-bottom: 10px;

        font-size: 16px;

    }

    .ww>ul li {

        font-size: 14px;

        margin-bottom: 10px;

        line-height: normal;

    }

    .buss-btn span {

        font-size: 14px;

    }

    .news {

        background: url(../img/NEWS.jpg) no-repeat center center;

        background-size: cover;

        height: auto;

        padding-top: .5375rem;

    }

    .disf {

        display: block;

    }

    .news-l {

        width: 100%;

    }

    .news h3 {

        font-size: 14px;

        line-height: normal;

        color: #000;

        font-weight: bold;

    }

    .news-r {

        width: 100%;

        margin-top: 20px;

    }

    .time-img {

        background: url(../img/time.png) no-repeat center;

        background-size: cover;

        width: 16%;

        height: auto;

        text-align: center;

        padding-top: inherit;

    }

    .news-txt>div h4 {

        font-size: 18px;

    }

    .news-txt .news-txt-l p {

        font-size: 13px;

        line-height: 20px;

        margin-top: 10px;

    }

    .news-txt {

        margin-bottom: 20px;

    }

    .bj768 {

        background: #fff;

        padding: 5px;

        margin-bottom: 10px;

    }

    .fw1 h1 {

        font-size: 20px;

        line-height: 30px;

    }

    .fw1 h2 {

        font-size: 16px;

        line-height: 24px;

    }

    .time-img p {

        font-size: 14px !important;

    }

    .fw1 h2{

        width: 90%;

        margin: 10px auto;

    }

}

.sub_span{
	font-family: 微软雅黑; color: black; font-size: 16px;
}


@media screen and (max-width: 1200px) {
    .ww{
        min-height: 7.8rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}


@media screen and (min-width: 768px) {
    .buss-box-r .swiper-slide{
        min-height: 8.75rem;
    }
}
@media screen and (max-width: 768px) {
    .buss-box-l{
        min-height: 526px;
        display: flex;
    }
    .ww{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
}