@-webkit-keyframes animate_line {
	0%,to {
		transform:scale(1,1);
		transform-origin:50% 100%;
		opacity:1
	}

	20% {
		transform:scale(1,.01);
		transform-origin:50% 100%;
		opacity:1
	}

	30% {
		transform:scale(1,.01);
		transform-origin:50% 100%;
		opacity:0
	}

	31% {
		transform:scale(1,.01);
		transform-origin:50% 0;
		opacity:0
	}

	50% {
		transform:scale(1,1);
		transform-origin:50% 0;
		opacity:1
	}
}

@keyframes animate_line {
	0%,to {
		transform:scale(1,1);
		transform-origin:50% 100%;
		opacity:1
	}

	20% {
		transform:scale(1,.01);
		transform-origin:50% 100%;
		opacity:1
	}

	30% {
		transform:scale(1,.01);
		transform-origin:50% 100%;
		opacity:0
	}

	31% {
		transform:scale(1,.01);
		transform-origin:50% 0;
		opacity:0
	}

	50% {
		transform:scale(1,1);
		transform-origin:50% 0;
		opacity:1
	}
}

.about_megvii-banner-container {
	padding-top:44px;
	text-align:center;
	color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#000
}

.about_megvii-banner-container>.title {
	font-size:32px;
	font-weight:600;
	line-height:60px;
	margin-bottom:24px
}

.about_megvii-banner-container>.desc {
	font-size:16px;
	line-height:28px;
	margin-bottom:48px
}

.about_megvii-banner-container .button {
	margin:0 auto 72px;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer
}

.about_megvii-banner-container .button .icon {
	background-position:center;
	width:18px;
	height:18px;
	background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/about_megvii/button_play.7141db62.png);
	display:inline-block;
	background-size:contain;
	margin-right:12px
}

.about_megvii-banner-container .slogan-container {
	display:flex;
	min-height:132px;
	justify-content:space-between
}

.about_megvii-banner-container .slogan-container .slogan-item {
	margin-right:25px;
	height:auto;
	background:rgba(14,87,162,.3);
	padding:22px 36px;
	flex:1;
	transition:all .3s linear;
	position:relative;
	top:0
}

.about_megvii-ability,.about_megvii-banner-container .slogan-container .slogan-item .title {
	position:relative
}

.about_megvii-banner-container .slogan-container .slogan-item .title:after,.about_megvii-banner-container .slogan-container .slogan-item .title:before {
	content:"";
	position:absolute;
	width:6px;
	height:17px;
	transform:skew(-10deg);
	background-color:#349bf1
}

.about_megvii-banner-container .slogan-container .slogan-item .title:before {
	top:-10px;
	left:-14px;
	opacity:0;
	transition:all .3s linear
}

.about_megvii-banner-container .slogan-container .slogan-item .title:after {
	top:10px;
	right:-14px;
	opacity:0;
	transition:all .3s linear
}

.about_megvii-banner-container .slogan-container .slogan-item:last-child {
	margin-right:0
}

.about_megvii-banner-container .slogan-container .slogan-item .title {
	font-size:22px;
	line-height:22px;
	margin-bottom:12px;
	display:inline
}

.about_megvii-banner-container .slogan-container .slogan-item .desc {
	margin-top:10px
}

.about_megvii-banner-container .slogan-container .slogan-item:first-child .desc {
	margin-top:12px
}

.about_megvii-banner-container .slogan-container .slogan-item:first-child,.about_megvii-banner-container .slogan-container .slogan-item:last-child {
	padding-top:36px
}

.about_megvii-banner-container .slogan-container .slogan-item .desc {
	font-size:16px;
	font-weight:100;
	color:#fff;
	line-height:28px
}

.about_megvii-brainpp .main {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1160px
}

.about_megvii-brainpp .brainpp-img {
	width:700px;
	margin-right:4px;
	flex-shrink:0
}

.about_megvii-brainpp .content .title {
	font-size:32px;
	font-weight:bolder;
	color:#333;
	line-height:50px;
	margin-bottom:20px
}

.about_megvii-brainpp .content .desc {
	font-size:14px;
	color:#333;
	line-height:28px;
	margin-bottom:32px;
	text-align:left
}

.about_megvii-brainpp .content .desc p {
	margin-bottom:20px
}

.about_megvii-brainpp .content .button {
	margin-right:32px;
	justify-content:center;
	align-items:center
}

.about_megvii-brainpp .btns-container {
	display:flex
}

.about_megvii-ability>.desc,.about_megvii-ability>.title {
	position:absolute;
	top:48px;
	left:0;
	right:0;
	text-align:center;
	font-size:32px;
	font-weight:bolder;
	color:#fff;
	line-height:60px;
	z-index:2
}

.about_megvii-ability>.desc {
	top:128px;
	font-size:16px;
	line-height:28px;
	font-weight:normal;
}

.about_megvii-ability .abilities-contianer {
	display:flex;
	justify-content:center
}

.about_megvii-ability .abilities-contianer .ability-item {
	flex:1;
	height:643px;
	position:relative;
	overflow:hidden;
	display:block;
	transition:all .5s linear
}

.about_megvii-ability .abilities-contianer .ability-item .bg {
	height:100%;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	transition:all .3s
}

.about_megvii-ability .abilities-contianer .ability-item .content {
	position:absolute;
	width:100%;
	top:483px;
	padding:40px 50px;
	text-align:center;
	transition:all .3s
}

.about_megvii-ability .abilities-contianer .ability-item .content .title {
	font-size:24px;
	font-weight:bolder;
	color:#fff;
	line-height:40px;
	margin-bottom:16px
}

@media screen and (min-width: 1024px) {.about_megvii-ability .abilities-contianer .ability-item .content .desc {
	font-size:14px;width:70%; margin:0px auto;
	color:#fff;
	line-height:28px;
	margin-bottom:16px;
	text-align:left;
	opacity:0;
	transition:all .3s;
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical
}}
@media screen and (max-width: 1024px) {.about_megvii-ability .abilities-contianer .ability-item .content .desc {
	font-size:14px;
	color:#fff; 
	line-height:28px;
	margin-bottom:16px;
	text-align:left;
	opacity:0;
	transition:all .3s;
	display:-webkit-box;
	overflow:hidden;
	white-space:normal;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical
}}


.about_megvii-ability .abilities-contianer .ability-item .content .learn-more {
	font-size:14px;
	font-weight:bolder;
	color:#349bf1;
	line-height:28px
}

.about_megvii-declaration {
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	padding-bottom:147px;
	position:relative
}

.about_megvii-declaration .goose-img {
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(https://cdnstatic.megvii.com/websiteFE/static/img/about_megvii/development_AI_goose.59f08e13.png);
	background-size:contain;
	position:absolute;
	right:100px;
	bottom:50px;
	width:540px;
	height:500px
}

.about_megvii-declaration .content {
	margin-top:80px;
	width:671px;
	font-size:14px;
	font-weight:700;
	color:#333;
	line-height:24px
}

.about_megvii-declaration .content p {
	margin-bottom:24px
}

.about_megvii-history {
	padding-bottom:100px
}

.about_megvii-history .card-title {
	color:#fff;
	z-index:1;
	position:relative
}

.about_megvii-history .swiper-slide .years {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:55px;
	padding:0 46px
}

.about_megvii-history .swiper-slide .years span {
	font-size:60px;
	font-weight:bolder;
	color:rgba(255,255,255,.5);
	line-height:84px;
	flex:1;
	cursor:pointer
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet span.end span,.about_megvii-history .swiper-slide .years span.end span {
	display:inline-block;
	width:10px;
	height:10px;
	background-color:rgba(255,255,255,.5);
	border-radius:100%;
	position:relative;
	top:-12px
}

.about_megvii-history .swiper-slide .years span.end span:after,.about_megvii-history .swiper-slide .years span.end span:before {
	content:"";
	position:absolute;
	width:10px;
	height:10px;
	background-color:rgba(255,255,255,.5);
	border-radius:100%
}

.about_megvii-history .swiper-slide .years span.end span:before {
	left:-15px
}

.about_megvii-history .swiper-slide .years span.end span:after {
	left:-30px
}

.about_megvii-history .swiper-slide .years span:nth-child(2) {
	color:#fff;
	text-align:center;
	cursor:auto;
	font-size:80px;
	line-height:112px
}

.about_megvii-history .swiper-slide .years span:last-child {
	text-align:right
}

.about_megvii-history .swiper-slide .animate {
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	bottom:0
}

.about_megvii-history .swiper-slide .animate .line {
	width:2px;
	height:20px;
	margin-bottom:8px;
	background-color:#fff;
	-webkit-animation:animate_line 3s .3s linear both infinite;
	animation:animate_line 3s .3s linear both infinite
}

.about_megvii-history .swiper-slide:last-child .years span:last-child {
	cursor:auto
}

.swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more {
	cursor:default;
	font-size:40px!important
}

.swiper-pagination-clickable .swiper-pagination-bullet.about_megvii-more:hover {
	color:rgba(255,255,255,.4)!important
}

.about_megvii-history .swiper-slide .animate .text {
	font-size:12px;
	color:#fff;
	line-height:17px
}

.about_megvii-history .swiper-slide {
	overflow:hidden;
	height:520px
}

.about_megvii-history .swiper-slide .main {
	height:268px;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-top:20px;
	position:absolute;
	left:-20px;
	right:-20px
}

.about_megvii-history .swiper-slide .content {
	font-size:16px;
	color:#fff;
	line-height:22px;
	margin-top:20px;
	width:490px;
	position:relative;
	left:50%
}

.about_megvii-history .swiper-slide .content .event {
	padding-bottom:35px;
	position:relative;
	padding-left:20px
}

.about_megvii-history .swiper-slide .content .desc {
	line-height:28px;
	font-size:16px
}

.about_megvii-history .swiper-slide .content .event .month {
	font-size:18px;
	font-weight:bolder;
	color:#fff;
	line-height:28px;
	margin-right:10px;
	position:absolute;
	left:-117px;
	top:-5px
}

.about_megvii-history .swiper-slide .content .event .line {
	width:14px;
	height:4px;
	background:#fff;
	display:inline-block;
	margin-right:16px;
	position:absolute;
	top:6px;
	left:-14px
}

.about_megvii-history .swiper-slide .content .event:after {
	content:"";
	position:absolute;
	top:11px;
	left:-1px;
	bottom:-11px;
	width:1px;
	background-color:#fff;
	text-align:right
}

.about_megvii-history .swiper-slide .content .event:last-child:after {
	display:none
}

.about_megvii-history .swiper-pagination {
	bottom:40px
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet {
	font-size:20px;
	color:rgba(255,255,255,.4);
	line-height:28px;
	margin-right:64px;
	width:auto;
	height:auto;
	opacity:1;
	background:0 0;
	transform:scale(1)
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet-active {
	color:#fff;
	position:relative
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet-active:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	height:2px;
	background-color:#fff;
	bottom:0
}

.about_megvii-history .parallax-bg {
	background-image:url(../images/history_bg.0e315e13.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	width:130%;
	height:100%;
	background-size:cover;
	background-position:center
}

.about_megvii-history .swiper-button-next,.about_megvii-history .swiper-button-prev {
	background:0 0;
	width:48px;
	height:48px;
	top:50%; margin:0; margin-top:-24px;
	
}

.about_megvii-history .swiper-button-prev {
	left:100px;
    background:url(../images/prev48.png) no-repeat center center;
}

.about_megvii-history .swiper-button-next {
	right:100px;
    background:url(../images/next48.png) no-repeat center center;
}

.about_megvii-video-modal,.about_megvii-video-modal .mask {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:102
}

.about_megvii-video-modal .mask {
	background:#000;
	opacity:.7
}

.about_megvii-video-modal .video-container {
	z-index:103;
	width:66.71875vw;
	min-width:615px;
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	bottom:0;
	display:flex;
	align-items:center;
	justify-content:center
}

.about_megvii-video-modal .video-player-box {
	position:relative
}

.about_megvii-video-modal .video-container .close {
	position:absolute;
	right:10px;
	top:10px;
	z-index:1;
	color:#fff;
	font-size:18px;
	cursor:pointer
}

.about_megvii-video-modal .video-player-box .video-js {
	font-size:10px;
	color:#fff;
	width:66.71875vw;
	min-width:615px;
	height:37.5vw;
	min-height:345.75px
}

.about_megvii-video-modal .video-player-box .video-js * {
	outline:0
}

.about_megvii-video-modal .video-player-box .video-js .vjs-big-play-button {
	text-align:center;
	font-size:8em;
	height:8em;
	width:8em;
	border:0;
	border-radius:50%;
	background-color:rgba(255,255,255,.5);
	left:0;
	right:0;
	margin:auto;
	top:28.75em;
	line-height:8em
}

.about_megvii-video-modal .video-player-box .video-js .vjs-control-bar {
	background-color:transparent
}

.about_megvii-video-modal .video-player-box .video-js .vjs-load-progress,.about_megvii-video-modal .video-player-box .video-js .vjs-slider,.about_megvii-video-modal .video-player-box .video-js .vjs-slider-bar,.about_megvii-video-modal .video-player-box .video-js .vjs-volume-level {
	height:2px;
	background:#fff
}

.about_megvii-video-modal .video-player-box .video-js .vjs-slider {
	opacity:.4
}

.about_megvii-video-modal .video-player-box .video-js .vjs-load-progress:before {
	font-size:.5em
}

.about_megvii-video-modal .video-player-box .video-js .vjs-slider:hover {
	opacity:.8
}

.about_megvii-history .swiper-pagination .swiper-pagination-bullet:hover {
	color:#fff
}

.about_megvii-banner-container .slogan-container .slogan-item:hover {
	top:-16px
}

.about_megvii-ability .abilities-contianer .ability-item:hover .content {
	transform:translateY(-110px)
}

.about_megvii-ability .abilities-contianer .ability-item:hover .bg {
	transform:scale(1.1,1.1)
}

.about_megvii-ability .abilities-contianer .ability-item:hover .content .desc {
	opacity:1
}

.about_megvii-banner-container .slogan-container .slogan-item:hover .title:after,.about_megvii-banner-container .slogan-container .slogan-item:hover .title:before {
	content:"";
	position:absolute;
	width:6px;
	height:17px;
	transform:skew(-10deg);
	background-color:#349bf1
}

.about_megvii-banner-container .slogan-container .slogan-item:hover .title:before {
	top:0;
	left:-14px;
	opacity:1
}

.about_megvii-banner-container .slogan-container .slogan-item:hover .title:after {
	top:0;
	right:-14px;
	opacity:1
}

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

    .about_megvii-history .swiper-button-prev {
	left:0;
}

.about_megvii-history .swiper-button-next {
	right:0;
}


	.card,.card-dark {
		padding:44px 0px 0px 0px;
	}

	.about_megvii-banner-container .button {
		margin:0 auto .24rem
	}

	.button {
		height:.32rem;
		width:1.2rem;
		font-size:.12rem;
		line-height:.32rem;
		text-align:center;
		margin:0 auto
	}

	.about_megvii-video-modal .video-player-box .video-js {
		font-size:.05rem;
		width:.32rem
	}

	.about_megvii-banner-container {
		padding-top:1.01rem;
		width:100vw;
		height:initial
	}

	.about_megvii-banner-container>.title {
		font-size:.2rem;
		line-height:.28rem;
		margin-bottom:.21rem;
		font-weight:700
	}

	.about_megvii-banner-container>.desc {
		padding:0 .48rem;
		font-size:.12rem;
		line-height:.2rem;
		margin-bottom:.24rem
	}

	.about_megvii-banner-container .button .icon {
		width:.14rem;
		height:.14rem
	}

	.about_megvii-banner-container .slogan-container {
		margin:0 auto;
		padding:0;
		width:3.55rem;
		height:.98rem;
		display:flex;
		justify-content:space-between
	}

	.about_megvii-banner-container .slogan-container .slogan-item:first-child,.about_megvii-banner-container .slogan-container .slogan-item:last-child {
		padding:0
	}

	.about_megvii-banner-container .slogan-container .slogan-item {
		margin:0;
		height:initial;
		background:rgba(14,87,162,.3);
		padding:0;
		flex:1;
		transition:all .3s linear;
		position:relative;
		top:0;
		display:flex;
		flex-direction:column;
		justify-content:center;
		flex-basis:.9rem
	}

	.about_megvii-banner-container .slogan-container .slogan-item:nth-of-type(2) {
		flex-basis:1.4rem
	}

	.about_megvii-banner-container .slogan-container .slogan-item .title {
		font-size:.15rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:500;
		color:#fff;
		line-height:.14rem;
		margin-bottom:.04rem
	}

	.about_megvii-banner-container .slogan-container .slogan-item .desc {
		margin:0;
		font-size:.12rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:400;
		color:#fff;
		line-height:.16rem
	}

	.about_megvii-brainpp .brainpp-img {
		display:none
	}

	.about_megvii-brainpp .main {
		width:100vw
	}

	.about_megvii-brainpp .content {
		padding:0 .24rem;
		width:100vw;
		text-align:justify
	}

	.about_megvii-brainpp .content .title {
		font-size:.24rem;
		line-height:.33rem;
		margin-bottom:.24rem;
		text-align:center;
		font-weight:700;
		font-family:PingFangSC-Medium,PingFang SC
	}

	.about_megvii-brainpp .content .desc p {
		font-size:.14rem;
		line-height:.24rem;
		margin-bottom:.24rem
	}

	.about_megvii-brainpp .content .button {
		margin-right:.24rem;
		height:.36rem
	}

	.btns-container {
		padding:0 .32rem;
		display:flex;
		justify-content:space-between
	}

	.about_megvii-brainpp .content .button:last-of-type {
		margin:0
	}

	.about_megvii-ability .abilities-contianer {
		display:block;
		flex-direction:column
	}

	.about_megvii-ability .abilities-contianer .ability-item {
		height:auto
	}

	.about_megvii-ability>.desc,
    .about_megvii-ability>.title {
		/*display:none*/
        position:initial;
        width:90%; margin:0 auto;
	}

    .about_megvii-ability > .title {
        font-size: .24rem;
line-height: .33rem;
color:#333;
    }

    .about_megvii-ability>.desc{
        font-size: 14px;
color: #666;
line-height: 30px;
margin-bottom:20px;
    }

	.about_megvii-ability .abilities-contianer .ability-item .content .desc {
		opacity:1;
		/*font-size:.1rem;
		line-height:.14rem*/
        margin-bottom:0; line-height:20px;
        display:block;
	}

	.about_megvii-ability .abilities-contianer .ability-item .content {
		position:initial;
		top:0;
		right:0;
		left:0;
		bottom:0;
		padding:.22rem .24rem;
		text-align:justify
	}

	.about_megvii-ability .abilities-contianer .ability-item .content .title {
		font-size:.16rem;
		line-height:.22rem;
		margin-bottom:.08rem;
		text-align:left;
		font-weight:700
	}

	.about_megvii-declaration {
		width:100vw;
		height:7.37rem
	}

	.about_megvii-declaration-en {
		height:10.37rem
	}

	.card .card-title,.card-dark .card-title {
		font-size:.24rem;
		line-height:.33rem;
		font-family:PingFangSC-Medium,PingFang SC;
		font-weight:700
	}

	.about_megvii-declaration .content,.about_megvii-history .swiper-slide .content .desc {
		font-size:.14rem;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		line-height:.24rem
	}

	.about_megvii-declaration .content {
		width:100vw;
		padding:.24rem;
		margin:0;
		color:#333
	}

	.about_megvii-declaration .goose-img {
		width:2rem;
		height:1.85rem;
		right:.1rem;
		bottom:-1rem
	}

	.about_megvii-history .swiper-slide .years {
		margin-top:.32rem
	}

	.about_megvii-history .swiper-slide .years span {
		line-height:.33rem;
		font-size:.24rem;
		font-weight:500
	}

	.about_megvii-history .swiper-slide .main {
		height:3.12rem;
		width:100vw;
		left:0
	}

	.about_megvii-history .swiper-slide .content {
		width:76vw;
		font-size:.14rem;
		line-height:.24rem;
		left:24vw
	}

	.about_megvii-history .swiper-slide .content .desc {
		display:inline-block;
		padding-right:.24rem;
		text-align:left;
		color:#fff
	}

	.about_megvii-banner-container .slogan-container .slogan-item .title:after,.about_megvii-banner-container .slogan-container .slogan-item .title:before {
		top:.02rem;
		opacity:1;
		width:.02rem;
		height:.08rem
	}

	.about_megvii-banner-container .slogan-container .slogan-item .title:before {
		left:-.05rem

	}

	.about_megvii-banner-container .slogan-container .slogan-item .title:after {
		right:-.05rem
	}

	.about_megvii-banner-container .slogan-container .slogan-item div {
		line-height:0;
		display:flex;
		justify-content:center;
		align-items:center
	}

	.about_megvii-history .swiper-slide {
		height:5.5rem
	}

	.about_megvii-history .swiper-slide .animate .line {
		height:.15rem
	}

	.about_megvii-history .swiper-slide .animate {
		bottom:.6rem
	}

	.about_megvii-history .swiper-pagination .swiper-pagination-bullet {
		margin-right:.3rem
	}

	.about_megvii-video-modal .video-container {
		width:100vw;
		min-width:initial
	}

	.about_megvii-video-modal .video-player-box .video-js {
		width:100vw;
		min-width:initial;
		height:2.5rem;
		min-height:initial
	}

	.about_megvii-video-modal .video-container .close {
		top:-.2rem;
		right:0
	}

	.about_megvii-banner-container .slogan-container .slogan-item:first-child .desc {
		margin:0
	}

	.about_megvii-history .swiper-pagination .swiper-pagination-bullet {
		font-size:.16rem;
		line-height:.28rem
	}
}


.modal-window{position:fixed;background:rgba(0,0,0,.6);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;transition:all .3s}

.modal-window-display{display:none}
.modal-window.active{visibility:visible;opacity:1;pointer-events:auto}
.modal-window>div{position:absolute;top:140px;left:50%;transform:translateX(-50%);width:615px;height:391px;background:#fff;border-radius:1px;padding:64px}
.modal-window .modal-header{display:inline-block;vertical-align:top}
.modal-window .modal-content{display:inline-block;width:360px;padding-left:48px}
.modal-window .modal-header img{width:120px;height:auto}
.modal-window .modal-content h2{height:45px;font-size:32px;font-weight:500;color:#333;line-height:45px}
.modal-window .modal-content .modal-desc{width:215px;margin-top:20px;height:56px;font-size:16px;font-weight:500;color:#666;line-height:28px}
.modal-window .modal-content .modal-tel a,
.modal-window .modal-tel span{display:inline-block;vertical-align:middle;margin-left:12px;height:28px;font-size:20px;font-weight:500;color:#333;line-height:28px}
.modal-window .modal-tel{margin-top:48px;margin-bottom:20px}
.modal-window .modal-tel-en{visibility:hidden}
.modal-window .modal-tel img{display:inline-block;vertical-align:top;margin-top:7px;width:13px;height:16px}
.modal-window .button-default{font-weight:500}
.modal-window .button-solid{width:auto;text-align:left;margin-left:27px}
@media screen and (max-width:767px){
    .modal-window>div{position:absolute;top:1.97rem;left:.24rem;width:calc(100vw - .48rem);height:3.07rem;background:#fff;border-radius:1px;padding:.4rem;transform:initial;display:flex}
    .modal-window .modal-header img{width:2rem;height:auto;margin-right:.19rem}
    .modal-window .modal-content{display:inline-block;width:initial;padding-left:0}
    .modal-window .modal-content .modal-tel a,
    .modal-window .modal-content h2{font-size:.16rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:.28rem;height:initial}
    .modal-window .modal-content .modal-desc{width:initial;height:initial;margin-top:.04rem;font-size:.12rem;font-weight:500;color:#666;line-height:.2rem}
    .modal-window .modal-tel{margin-top:.25rem;margin-bottom:0;display:flex;align-items:center}
    .modal-window .modal-content .modal-tel a{line-height:.22rem;margin-left:0}
    .modal-window .modal-tel img{display:inline-block;vertical-align:top;width:.13rem;height:.16rem;margin-right:.05rem;margin-top:-.05rem}
    .modal-window .modal-btns{display:flex;flex-direction:column;justify-content:center;align-items:center;width:1.36rem}
    .modal-window .button-default,.modal-window .button-solid{font-size:.14rem;font-weight:500;color:#0e57a2;text-shadow:initial}
    .modal-window .button-default{border:1px solid #0e57a2;margin:.32rem 0 .16rem}
    .modal-window .button-solid{width:auto;text-align:left;height:initial;margin:0;border:0;line-height:.2rem}
    .modal-window .modal-tel-en{margin-top:.16rem;visibility:hidden}
    .modal-window .modal-content .modal-tel .a-en{font-size:.16rem}
    .modal-window .button-dlg-en{margin:.2rem 0 .16rem}
}


@media screen and (min-width: 1024px) {.jiewen01{ width:800px; margin:0px auto}}
@media screen and (max-width: 1024px) {.jiewen01{  width:100%; margin:0px auto}}


.jiewen02{ font-size:28px; color:#fff; font-weight:400; padding-top:24px;}
.jiewen03{ font-size:12px; color:#fff; font-weight:100;}