@charset "utf-8";

* {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 0;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*隐藏滚轮*/
::-webkit-scrollbar {
    display: none;
}

html {
    font-size: 50px;
    font-family: microsoft yahei, pingfang SC, helvetica neue, arial, microsoft yahei ui,  simsun, sans-serif !important;
}


/* iPhone 4/5 */

@media (min-width: 320px) {
    html {
        font-size: 50px;
    }
}


/* Android */

@media (min-width: 360px) {
    html {
        font-size: 56.25px;
    }
}


/* iPhone6 */

@media (min-width: 375px) {
    html {
        font-size: 58.59375px;
    }
}


/* iPhone6 Plus */

@media (min-width: 414px) {
    html {
        font-size: 64.6875px;
    }
}

html,
body {
    margin: 0;
    border: 0;
    padding: 0;
}

body {
    /* overflow-x: hidden !important; */
    color: #333333;
    font-size: .24rem;
  	background-color: #fff;
  	background-repeat: no-repeat;
  	background-size: 100% auto;
  	background-position: left bottom;
}

body.is-pc {
  	background-image: url(../images/pc-footer.png);
}
body.is-mobile {
  	background-image: url(../images/mobile-footer.png);
}

a {
    color: inherit;
    text-decoration: none;
  	cursor: pointer;
}

img {
    width: 100%;
    display: block;
    pointer-events: none;
    -webkit-user-select: none;
}

.hide {
    display: none;
}

.clearfix:after {
    display: table;
    content: '';
    clear: both;
    zoom: 1;
}

i,
b,
em {
    font-style: normal;
    font-weight: normal;
}

.tec {
    text-align: center;
}

.flexbox {
    display: flex;
}

.is-pc .pcshow {
    display: block;
}

.is-pc .mshow {
    display: none;
}

.is-mobile .pcshow {
    display: none;
}

.is-mobile .mshow {
    display: block;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    -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;
}


.swiper-button-next:focus,
.swiper-button-prev:focus {
    outline: 0;
}

.circle {
    animation: circle 0.5s linear infinite both;
}

@keyframes circle {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


.detail {
    width: calc(1260/1920*100vw);
}

.content {
    width: calc(495/960*100vw);
}
.is-mobile .content {
	width: 100%;
}


.m0a {
    margin: 0 auto;
}

.keep1line {
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.keep2line {
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.keep3line {
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.keep4line {
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.footer {
	text-align: center;
  	font-weight: 300;
    font-size: 14px;
    color: #104998;
    line-height: 26px;
    font-style: normal;
}

.footer.pcshow {
	margin-top: calc(95/960*100vw);
  	margin-bottom: calc(40/960*100vw);
}

.footer.mshow {
  	margin-top: calc(168/375*100vw);
  	margin-bottom: calc(53/375*100vw);
  	color: #2C47AB;
  	line-height：14px;
}

@media all and (max-width:767px) {
  	body {
        background-image: url(../images/mobile-footer.png);
    }
    .content {
        width: 100%;
    }
    .pcshow {
        display: none;
    }

    .mshow {
        display: block;
    }

    .detail {
        width: calc(349/375*100vw);
    }

    .content {
      	width: 100%;
        padding: 0 calc(18/375*100vw) ;
    }
}