/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */.common-wrapper,.banner-outer-container {
	position: relative
}


.expo-box {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center
}

.expo-box__content {
	width: 612px;
	height: 306px;
	box-shadow: 0 10px 60px 0 rgba(42,109,239,.15);
    border-radius: 6px;
    position: absolute;
    top: 20%;
    left: 48%;
}

.expo-box__image {
	box-shadow: 0 20px 60px 0 rgba(0,37,101,.1)
}

.expo-box__textwrapper h3 {
	font-size: 24px;
    font-weight: 500;
    margin: 10px 0;
}

.expo-box__textwrapper p {
    font-size: 16px;
    line-height: 30px;
}

.expo-box--search {
	margin-top: 140px
}

.expo-box--search__content {
	padding-top: 56px
}

.expo-box--search__image {
	width: 564px;
	height: 492px;
	margin-top: -93px;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.expo-box--search__image0 {
	background-image: url(https://p1.ssl.qhimg.com/t0196d0f5cf2b804307.png);
	border-radius: 20px 20px 0 0
}

.expo-box--search__image1 {
	background-image: url(https://p3.ssl.qhimg.com/t01ba3b7c893a19a14d.png);
	border-radius: 60px 60px 0 0
}

.expo-box--search__textwrapper {
	padding-left: 58px
}

.expo-box--search__textwrapper h3 {
	margin-top: 56px;
	margin-bottom: 24px
}

.expo-box--infoflow--pc {
	padding-bottom: 100px
}

.expo-box--infoflow--pc .expo-box__content {
	height: 276px;
	margin-top: 51px
}
.expo-box__textwrapper {
	padding: 64px 71px
}

.expo-box--infoflow--pc .expo-box__textwrapper h3 {
	margin-bottom: 24px
}

.expo-box--infoflow--mobile__image {
	border-radius: 60px 60px 0 0
}

.expo-box--infoflow--mobile__content {
	box-shadow: none
}

.expo-box--infoflow--mobile__content h3 {
	margin-top: 20px;
	margin-bottom: 24px
}

.expo-box--infoflow--style {
	flex-direction: row
}

.expo-box--infoflow--style__content {
	width: 384px;
	padding-left: 0;

	box-shadow: none
}

.expo-box--infoflow--style__content h3 {
	margin-bottom: 24px
}

.expo-box--infoflow--style__content.mobile-station__content {

}

.expo-box--infoflow--style__image {
	border-radius: 60px
}

.expo-box--infoflow--dmp__image,.expo-box--infoflow--pc__image {
	position: relative;
	width: 563px;
	height: 379px;
	border-radius: 20px;
	box-shadow: 0 96px 84px 0 rgba(0,37,101,.2)
}

.expo-box--infoflow--dmp__image img,.expo-box--infoflow--pc__image img {
	position: absolute;
	width: 702px;
	height: 394px;
	z-index: 1;
	top: 0;
	left: -70px;
	max-width: unset
}

.expo-box--infoflow--dmp {
	padding-bottom: 150px
}

.expo-box--infoflow--dmp__content {
	margin-top: 50px
}

.expo-box--infoflow--dmp .expo-box__textwrapper {
	padding: 55px 72px
}

.expo-box--infoflow--dmp .expo-box__textwrapper a {
	display: inline-block;
	margin-top: 48px;
	width: 240px;
	line-height: 48px;
	border-radius: 24px;
	text-align: center;
	font-size: 18px
}

.expo-box--infoflow--dmp .expo-box__textwrapper a:hover {
	color: #fff
}

.expo-box--infoflow--pc__image .image-cover {
	position: absolute;
	width: 544px;
	height: 338px;
	top: 20px;
	left: 10px;
	z-index: 1;
	background-color: #fff;
	opacity: 0
}

.expo-box--infoflow--pc__image .animated-cover {
	position: absolute;
	width: 0;
	height: 0;
	border: 1px dashed #2a6def;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 2
}

.expo-box--infoflow--pc__image .animated-cover1 {
	top: 203px;
	left: 93px
}

.expo-box--infoflow--pc__image .animated-cover2 {
	left: 20px;
	top: 218px
}

.expo-box--infoflow--pc__image .animated-cover3 {
	top: 247px;
	left: 69px
}

@-webkit-keyframes pcCover1ZoomIn {
	0%,25%,50%,60% {
		top: 203px;
		left: 93px
	}

	0% {
		width: 0;
		height: 0;
		outline: 4px solid transparent;
		outline-offset: -4px
	}

	25%,50%,60% {
		width: 326px;
		height: 50px;
		outline: 4px solid transparent;
		outline-offset: -4px;
		background: rgba(42,109,239,.3)
	}

	61% {
		background: url(https://p5.ssl.qhimg.com/t0142cfa01ef06b3870.png) 0 0 no-repeat;
		background-size: 100% 100%
	}

	to {
		opacity: 1;
		width: 508px;
		height: 84px;
		left: 28px;
		top: 147px;
		outline: 4px solid rgba(42,109,239,.3);
		outline-offset: -4px;
		background: url(https://p5.ssl.qhimg.com/t0142cfa01ef06b3870.png) 0 0 no-repeat;
		background-size: 100% 100%
	}
}

@keyframes pcCover1ZoomIn {
	0%,25%,50%,60% {
		top: 203px;
		left: 93px
	}

	0% {
		width: 0;
		height: 0;
		outline: 4px solid transparent;
		outline-offset: -4px
	}

	25%,50%,60% {
		width: 326px;
		height: 50px;
		outline: 4px solid transparent;
		outline-offset: -4px;
		background: rgba(42,109,239,.3)
	}

	61% {
		background: url(https://p5.ssl.qhimg.com/t0142cfa01ef06b3870.png) 0 0 no-repeat;
		background-size: 100% 100%
	}

	to {
		opacity: 1;
		width: 508px;
		height: 84px;
		left: 28px;
		top: 147px;
		outline: 4px solid rgba(42,109,239,.3);
		outline-offset: -4px;
		background: url(https://p5.ssl.qhimg.com/t0142cfa01ef06b3870.png) 0 0 no-repeat;
		background-size: 100% 100%
	}
}

.pcCover1ZoomIn {
	-webkit-animation-name: pcCover1ZoomIn;
	animation-name: pcCover1ZoomIn;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

@-webkit-keyframes pcCover2ZoomIn {
	0%,25%,50%,60% {
		left: 20px;
		top: 218px
	}

	0% {
		width: 0;
		height: 0;
		outline: 4px solid transparent;
		outline-offset: -4px
	}

	25%,50%,60% {
		width: 100px;
		height: 122px;
		outline: 4px solid transparent;
		outline-offset: -4px;
		background: rgba(42,109,239,.3)
	}

	61% {
		background: url(https://p1.ssl.qhimg.com/t019090670806128aef.png) 0 0 no-repeat;
		background-size: 100% 100%
	}

	to {
		opacity: 1;
		width: 208px;
		height: 254px;
		left: 178px;
		top: 62px;
		outline: 4px solid rgba(42,109,239,.3);
		outline-offset: -4px;
		background: url(https://p1.ssl.qhimg.com/t019090670806128aef.png) 0 0 no-repeat;
		background-size: 100% 100%
	}
}

@keyframes pcCover2ZoomIn {
	0%,25%,50%,60% {
		left: 20px;
		top: 218px
	}

	0% {
		width: 0;
		height: 0;
		outline: 4px solid transparent;
		outline-offset: -4px
	}

	25%,50%,60% {
		width: 100px;
		height: 122px;
		outline: 4px solid transparent;
		outline-offset: -4px;
		background: rgba(42,109,239,.3)
	}

	61% {
		background: url(https://p1.ssl.qhimg.com/t019090670806128aef.png) 0 0 no-repeat;
		background-size: 100% 100%
	}

	to {
		opacity: 1;
		width: 208px;
		height: 254px;
		left: 178px;
		top: 62px;
		outline: 4px solid rgba(42,109,239,.3);
		outline-offset: -4px;
		background: url(https://p1.ssl.qhimg.com/t019090670806128aef.png) 0 0 no-repeat;
		background-size: 100% 100%
	}
}

.pcCover2ZoomIn {
	-webkit-animation-name: pcCover2ZoomIn;
	animation-name: pcCover2ZoomIn;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

@-webkit-keyframes pcCover3ZoomIn {
	0%,25%,50%,60% {
		top: 247px;
		left: 69px
	}

	0% {
		width: 0;
		height: 0;
		outline: 4px solid transparent;
		outline-offset: -4px
	}

	25%,50%,60% {
		width: 95px;
		height: 48px;
		outline: 4px solid transparent;
		outline-offset: -4px;
		background: rgba(42,109,239,.3)
	}

	61% {
		background: url(https://p1.ssl.qhimg.com/t016c220e213e72831e.png) 0 0 no-repeat;
		background-size: 100% 100%
	}

	to {
		opacity: 1;
		width: 258px;
		height: 128px;
		left: 160px;
		top: 125px;
		outline: 4px solid rgba(42,109,239,.3);
		outline-offset: -4px;
		background: url(https://p1.ssl.qhimg.com/t016c220e213e72831e.png) 0 0 no-repeat;
		background-size: 100% 100%
	}
}

@keyframes pcCover3ZoomIn {
	0%,25%,50%,60% {
		top: 247px;
		left: 69px
	}

	0% {
		width: 0;
		height: 0;
		outline: 4px solid transparent;
		outline-offset: -4px
	}

	25%,50%,60% {
		width: 95px;
		height: 48px;
		outline: 4px solid transparent;
		outline-offset: -4px;
		background: rgba(42,109,239,.3)
	}

	61% {
		background: url(https://p1.ssl.qhimg.com/t016c220e213e72831e.png) 0 0 no-repeat;
		background-size: 100% 100%
	}

	to {
		opacity: 1;
		width: 258px;
		height: 128px;
		left: 160px;
		top: 125px;
		outline: 4px solid rgba(42,109,239,.3);
		outline-offset: -4px;
		background: url(https://p1.ssl.qhimg.com/t016c220e213e72831e.png) 0 0 no-repeat;
		background-size: 100% 100%
	}
}

.pcCover3ZoomIn {
	-webkit-animation-name: pcCover3ZoomIn;
	animation-name: pcCover3ZoomIn;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

@-webkit-keyframes pcOriginImgBlur {
	0%,61% {
		opacity: 0
	}

	to {
		opacity: .85
	}
}

@keyframes pcOriginImgBlur {
	0%,61% {
		opacity: 0
	}

	to {
		opacity: .85
	}
}

.pcOriginImgBlur {
	-webkit-animation-name: pcOriginImgBlur;
	animation-name: pcOriginImgBlur
}

.expo-box--brand--nonstop__textwrapper {
	width: 440px;
	padding-left: 35px
}

.expo-box--brand--nonstop__content {
	width: auto;
	box-shadow: none
}

.expo-box--brand--nonstop__image {
	width: 730px;
	height: 484px;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 50%
}

.expo-box--brand--nonstop__image0 {
	background-image: url(https://p1.ssl.qhimg.com/t01bf439d4fd2bfb8bc.png)
}

.expo-box--brand--nonstop__image1 {
	background-image: url(https://p4.ssl.qhimg.com/t01429fccd71fb94318.png)
}

.expo-box--brand--nonstop__image2 {
	background-image: url(https://p1.ssl.qhimg.com/t0197259874bf0c99da.png)
}

.expo-box--brand--nonstop__image3 {
	background-image: url(https://p3.ssl.qhimg.com/t01f50ae4be150cbf81.png)
}

.expo-box--brand--nonstop__image4 {
	background-image: url(https://p5.ssl.qhimg.com/t01b71302a70ac752a6.png)
}

.expo-box--brand--universal {
	flex-direction: row;
	margin-top: 64px
}

.expo-box--brand--universal__content {
	width: 330px;
	margin-right: 116px;
	box-shadow: none;
	padding-top: 171px
}

.expo-box--brand--firstplace__image,.expo-box--brand--gold__image,.expo-box--brand--universal__image {
	width: 730px;
	height: 484px;
	border-radius: 20px
}

.expo-box--brand--firstplace__content,.expo-box--brand--gold__content {
	flex: 1 1;
	box-shadow: none;
	padding-top: 171px;
	padding-left: 94px
}

.expo-box--baike {
	padding-bottom: 90px
}

.expo-box--baike__content {
	margin-top: 45px;
	padding: 56px 72px
}

.expo-box--baike__image {
	position: relative;
	width: 563px;
	height: 379px;
	border-radius: 20px;
	box-shadow: 0 96px 84px 0 rgba(0,37,101,.2)
}

.expo-box--citycard__content {
	padding: 72px
}

.expo-box--liaowangtai__content {
	margin-top: 45px;
	padding: 44px 72px;
	font-size: 16px
}

.expo-box--baike__image img {
	position: absolute;
	width: 702px;
	height: 394px;
	z-index: 1;
	top: 0;
	left: -70px;
	max-width: unset
}

.expo-box--citycard__content p {
	font-size: 16px
}

.expo-box--citycard__content p span {
	color: #26b461
}

.expo-box--brand--nonstop__content .react-tabs__tab-list {
	text-align: left;
	margin: 80px 0 80px 35px
}


.ocpc-list {
	display: flex;
	justify-content: center
}

.ocpc-list__item,.ocpc-list__item2 {
	width: 370px;
	padding-top: 162px;
	text-align: center;
	box-shadow: 0 10px 30px 0 rgba(42,109,239,.1);
	border-radius: 6px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top 56px center;
	background-size: auto 68px
}


.ocpc-list__item:not(:last-child),.ocpc-list__item2:not(:last-child) {
	margin-right: 33px
}

.ocpc-list__item h4,.ocpc-list__item2 h4 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 24px
}

.ocpc-list__item p,.ocpc-list__item2 p {
    font-size: 14px;
    margin-bottom: 40px;
}

.subpage-infoflow-container__mobile .react-tabs__tab-list {
	margin-bottom: 64px
}



.ocpc-list__item:first-child {
	background-image: url(https://p1.ssl.qhimg.com/t0176a5e6999fe0e770.png)
}

.ocpc-list__item:nth-child(2) {
	background-image: url(https://p1.ssl.qhimg.com/t01e1cd1d0a30b15ba2.png)
}

.ocpc-list__item:nth-child(3) {
	background-image: url(https://p3.ssl.qhimg.com/t011b449648d0b65c6f.png)
}


.ocpc-list__item2:first-child {
	background-image: url(https://p5.ssl.qhimg.com/t016f11698ef39157c8.png);
	background-size: auto;
}

.ocpc-list__item2:nth-child(2) {
	background-image: url(https://p2.ssl.qhimg.com/t0118c5f8c215a2bd93.png);
	background-size: auto;
}

.ocpc-list__item2:nth-child(3) {
	background-image: url(https://p0.ssl.qhimg.com/t018052e54dced06462.png);
	background-size: auto;
}
.ocpc-list__item2:nth-child(4) {
	background-image: url(https://p0.ssl.qhimg.com/t015b273a7527e812b2.png);
	background-size: auto;
}

 .subpage-infoflow-container__mobile {
     float: left;

}

.product-formation-list__item:first-child {
    background-image: url(https://p0.ssl.qhimg.com/t01b514e1dfdcedb5fe.png);
}
.product-formation-list__item:nth-child(2) {
    background-image: url(https://p1.ssl.qhimg.com/t017cf36cb91fb38378.png);
}
.product-formation-list__item:nth-child(3) {
    background-image: url(https://p2.ssl.qhimg.com/t010ebd44114a0a826e.png);
}
.product-formation-list__item h4{
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 24px;
}
.product-formation-list__item p {
    padding: 0 45px;
    font-size: 14px;
}

.product-formation-list__item{
    width: 30%;
    padding-top: 162px;
    text-align: center;
    box-shadow: 0 10px 30px 0 rgba(42,109,239,.1);
    border-radius: 6px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top 56px center;
    background-size: auto 68px;
    float: left;
}


.media-mobile-list {
    display: flex;
    flex-wrap: wrap;
}
.media-mobile-list__item:not(:nth-child(10n)) {
    margin-right: 32px;
}
.media-mobile-list__item {
    position: relative;
    width: 88px;
    height: 118px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    margin-bottom: 40px;
}
.media-mobile-list__item img {
    width: 88px;
    height: 88px;
    border-radius: 20px;
    border: 1px solid #ddd;
    margin-bottom: 16px;
}

.business-type__text {
    text-align: center;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 24px;
}

.business-type__image {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 48px;
}
.business-type__image img:first-child {
    width: 846px;
    height: 560px;
    border-radius: 20px;
    box-shadow: 0 20px 60px 0 rgba(0,37,101,.1), 0 0 20px 0 #e2e4e9;
}
.business-type__image img:last-child {
    width: 260px;
    height: 518px;
    border-radius: 20px;
    box-shadow: 0 -20px 60px 0 rgba(0,37,101,.1), 0 0 20px 0 #e2e4e9;
}


.citycard-table {
	width: 800px;
	margin: auto
}
.citycard-table table {
	width: 100%;
}

.citycard-table__remark {
	margin: 22px 0 118px
}

.citycard-table table,.citycard-table tbody,.citycard-table td,.citycard-table thead {
	border: 1px solid #fff
}

.citycard-table td {
	height: 60px;
	text-align: center;
	padding: unset;
	color: #222;
	font-size: 16px
}

.citycard-table thead {
	background-color: #d3d8df
}

.citycard-table__remark p {
	color: #555;
	font-size: 14px
}

.citycard-table thead td {
	font-size: 18px;
	color: #555
}

.citycard-table .bg-grey1 {
	background-color: #f5f4f3
}

.citycard-table .bg-grey2 {
	background-color: #ebebed
}