.joyo-header[data-v-767de860] {
	width:100%;
	height:80px
}

.btn-login[data-v-767de860] {
	color:#333;
	background-color:#fff;
	border:1px solid #e5e5e5
}

.btn-login[data-v-767de860]:hover {
	color:#fc8738;
	border-color:#fc8738
}

.btn-login[data-v-767de860]:active {
	color:#ff4800;
	border-color:#ff4800
}

.btn-register[data-v-767de860] {
	color:#fff;
	background-color:#f2054d;
	border:1px solid #f2054d
}

.btn-register[data-v-767de860]:hover {
	background-color:#fc8738;
	border-color:#fc8738
}

.btn-register[data-v-767de860]:active {
	background-color:#ff4800;
	border-color:#ff4800
}

.btn-default[data-v-767de860] {
	color:#666;
	background-color:#fff;
	border:1px solid #ccc
}

.btn-default[data-v-767de860]:hover {
	color:#fc8738;
	border-color:#fc8738
}

.btn-default[data-v-767de860]:active {
	color:#ff4800;
	border-color:#ff4800
}

a[data-v-767de860] {
	text-decoration:none
}

a[data-v-767de860],a[data-v-767de860]:focus {
	outline:none!important
}

.clearfix[data-v-767de860]:after {
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	height:0
}

.ivu-carousel .ivu-carousel-dots li button[data-v-767de860] {
	background:#fff
}

.ivu-carousel .ivu-carousel-dots li .radius[data-v-767de860] {
	width:10px;
	height:10px;
	opacity:.4
}

.ivu-carousel .ivu-carousel-dots .ivu-carousel-active .radius[data-v-767de860] {
	width:30px;
	border-radius:5px;
	opacity:1
}

.home-wrapper .ivu-carousel-dots[data-v-767de860] {
	bottom:20px
}

.home-wrapper .ivu-carousel-dots li[data-v-767de860] {
	margin:0 5px
}

.home-wrapper .ivu-carousel-arrow.left[data-v-767de860] {
	left:260px
}

.home-wrapper .ivu-carousel-arrow.right[data-v-767de860] {
	right:260px
}

.home-wrapper .ivu-carousel-arrow[data-v-767de860] {
	width:60px;
	height:60px;
	background-color:rgba(0,0,0,.3)
}

.home-wrapper .ivu-carousel-arrow .ivu-icon[data-v-767de860] {
	font-size:24px
}

.home-wrapper .ivu-carousel-arrow[data-v-767de860]:hover {
	background-color:rgba(0,0,0,.4)
}

.home-wrapper .ivu-carousel-arrow:hover .ivu-icon[data-v-767de860] {
	font-size:24px;
	color:#f2054d
}

.swiper-scrollbar-drag[data-v-767de860] {
	background:hsla(0,0%,60%,.4)
}

.ivu-select-item-selected[data-v-767de860],.ivu-select-item-selected[data-v-767de860]:hover {
	color:#f2054d
}

.ivu-cascader-menu[data-v-767de860] {
	background-color:#fff
}

.joyo-link[data-v-767de860] {
	min-width:1210px;
	width:100%;
	overflow-y:hidden;
	padding:40px 0;
	box-sizing:content-box;
	background-color:#242424;
	border-bottom:1px solid #201c1c
}

.joyo-link .joyo-link-small[data-v-767de860] {
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative;
	overflow-y:hidden
}

.joyo-link .joyo-link-small h5[data-v-767de860] {
	font-size:14px;
	color:#fff;
	line-height:14px;
	margin:0 auto 7px;
	text-align:left
}

.joyo-link .joyo-link-small .show-all[data-v-767de860] {
	position:absolute;
	right:0;
	bottom:0;
	font-size:12px;
	line-height:12px;
	color:#999;
	cursor:pointer
}

.joyo-link .joyo-link-small .show-all .icon-joyo[data-v-767de860] {
	font-size:10px;
	font-size:8px;
	margin-left:4px;
	-webkit-transform:scale(.6);
	display:inline-block
}

.joyo-link .joyo-link-small .show-all[data-v-767de860]:active,.joyo-link .joyo-link-small .show-all[data-v-767de860]:hover {
	color:#e5e5e5
}

.joyo-link .joyo-link-small .link-list[data-v-767de860] {
	width:100%
}

.joyo-link .joyo-link-small .link-list ul li[data-v-767de860] {
	float:left;
	display:block;
	font-size:12px;
	line-height:12px!important;
	height:12px!important;
	color:#999;
	width:200px;
	text-align:left;
	margin-top:15px
}

.joyo-link .joyo-link-small .link-list ul li a[data-v-767de860] {
	color:#999
}

.joyo-link .joyo-link-small .link-list ul li a[data-v-767de860]:active,.joyo-link .joyo-link-small .link-list ul li a[data-v-767de860]:hover {
	color:#e5e5e5

}

.video-js .vjs-big-play-button[data-v-767de860] {
	font-size:.8rem;
	line-height:66px;
	height:70px;
	width:70px;
	position:absolute;
	top:calc(50% - 35px);
	left:calc(50% - 35px);
	padding:0;
	cursor:pointer;
	opacity:1;
	border:2px solid #fff;
	background-color:transparent;
	border-radius:50%;
	transition:all .4s;
	font-size:50px
}

.video-js .vjs-play-control[data-v-767de860]:focus {
	outline-color:transparent
}

.video-js:hover .vjs-big-play-button[data-v-767de860],.vjs-custom-skin>.video-js .vjs-big-play-button[data-v-767de860]:active,.vjs-custom-skin>.video-js .vjs-big-play-button[data-v-767de860]:focus {
	background-color:transparent
}

.about .info[data-v-767de860] {
	float:left;
	width:460px;
	margin-left:50px;
	margin-top:40px
}

.about .info h3[data-v-767de860] {
	line-height:1;
	margin-bottom:9px;
	font-size:18px;
	font-weight:700;
	color:#333
}

.about .info .info-title[data-v-767de860] {
	line-height:1;
	margin-bottom:30px
}

.about .info .info-title[data-v-767de860],.about .info p[data-v-767de860] {
	font-size:14px;
	font-weight:400;
	color:#666
}

.about .info p[data-v-767de860] {
	line-height:22px
}

.about .container[data-v-767de860] {
	float:left;
	width:707px;
	height:350px;
	padding:0 50px 0 80px;
	color:#333;
	box-sizing:border-box
}

.about .container p[data-v-767de860] {
	text-indent:2em;
	margin-bottom:20px
}

.about .container p[data-v-767de860]:last-child {
	margin-bottom:0
}

.swiper-container .swiper-button-prev[data-v-767de860] {
	display:none;
	background-image:none;
	width:60px;
	height:60px;
	font-size:16px;
	color:#fff;
	line-height:60px;
	border-radius:100%;
	background-color:rgba(0,0,0,.3);
	text-align:center
}

.swiper-container .swiper-button-prev[data-v-767de860]:hover {
	background-color:rgba(0,0,0,.4);
	color:#f2054d
}

.swiper-container .swiper-button-next[data-v-767de860] {
	display:none;
	background-image:none;
	width:60px;
	height:60px;
	font-size:16px;
	color:#fff;
	line-height:60px;
	border-radius:100%;
	background-color:rgba(0,0,0,.3);
	text-align:center
}

.swiper-container .swiper-button-next[data-v-767de860]:hover {
	background-color:rgba(0,0,0,.4);
	color:#f2054d
}

.swiper-container:hover .swiper-button-next[data-v-767de860],.swiper-container:hover .swiper-button-prev[data-v-767de860] {
	display:inline
}

.swiper-pagination-bullet[data-v-767de860] {
	width:10px;
	height:10px;
	display:inline-block;
	border-radius:100%;
	background:#fff;
	opacity:.4
}

.swiper-pagination-bullet-active[data-v-767de860] {
	background:#fff;
	width:30px;
	border-radius:5px;
	opacity:1
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet[data-v-767de860] {
	margin:0 5px
}

.swiper-container-horizontal>.swiper-pagination-bullets[data-v-767de860],.swiper-pagination-custom[data-v-767de860],.swiper-pagination-fraction[data-v-767de860] {
	bottom:20px
}

.social[data-v-767de860] {
	width:100%;
	height:100%;
}

.social .section[data-v-767de860] {
	padding-top:0px;
	position:relative
}

.social .section .title[data-v-767de860] {
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	color:#333;
	line-height:1;
	font-size:36px;
	font-weight:400;
	background-repeat:no-repeat;
	background-position:top;
	background-size:auto 45px
}

.social .section .title.production .section-title[data-v-767de860] {
	position:relative
}

.social .section .title.production .section-title[data-v-767de860]:after {
	content:"";
	width:70px;
	height:5px;
	background-color:#f2054d;
	position:absolute;
	bottom:-25px;
	border-radius:2px;
	left:50%;
	margin-left:-35px
}

.social .section .title.scene .section-title[data-v-767de860] {
	position:relative
}

.social .section .title.scene .section-title[data-v-767de860]:after {
	content:"";
	width:70px;
	height:5px;
	background-color:#fff;
	position:absolute;
	bottom:-25px;
	border-radius:2px;
	left:50%;
	margin-left:-35px
}

.social .section .title.advantages .section-title[data-v-767de860] {
	position:relative
}

.social .section .title.advantages .section-title[data-v-767de860]:after {
	content:"";
	width:70px;
	height:5px;
	background-color:#f2054d;
	position:absolute;
	bottom:-25px;
	border-radius:2px;
	left:50%;
	margin-left:-35px
}

.social .section .cont[data-v-767de860] {
	width:100%;
	margin:14px auto 0
}


@media screen and (min-width: 1024px) {.social .section .cont ul li[data-v-767de860] {
	float:left;
	width:29.44%;
	height:380px;
	text-align:center;
	padding:30px 0;
	background-color:#fff;
	border-radius:3px;
	margin-left:55px;
	position:relative
}}
@media screen and (max-width: 1024px) {.social .section .cont ul li[data-v-767de860] {
	float:left;
	width:100%;
	height:380px;
	text-align:center;
	padding:30px 0;
	background-color:#fff;
	border-radius:3px;
	margin-top:34px;
	position:relative
}}
.social .section .cont ul li[data-v-767de860]:first-child {
	margin-left:0!important
}

.social .section .cont ul li h5[data-v-767de860] {
	font-size:24px;
	color:#333;
	margin-bottom:17px
}

.social .section .cont ul li h2[data-v-767de860],.social .section .cont ul li h5[data-v-767de860] {
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s
}

.social .section .cont ul li h2[data-v-767de860] {
	font-size:14px;
	color:#999;
	margin-bottom:35px
}

.social .section .cont ul li h3[data-v-767de860] {
	font-size:14px; padding:0px 44px 0px 44px;
	color:#666;line-height: 220%;
	margin-top:30px
}

.social .section .cont ul li h4[data-v-767de860] {
	font-size:14px;
	color:#666;
	margin-top:18px
}

.social .section .cont ul li .colorRed[data-v-767de860] {
	font-size:18px;
	color:#f2054d;
	margin-top:5px;
	font-weight:700
}

.social .section .cont ul li .plus[data-v-767de860] {
	font-size:14px;
	color:#666;
	margin-top:19px
}

.social .section .cont ul li .social-pro[data-v-767de860] {
	width:104px;
	height:98px;
	margin:0 auto
}

.social .section .cont ul li .btn-ask-login[data-v-767de860],.social .section .cont ul li .btn-ask[data-v-767de860] {
	width:140px;
	height:50px;
	display:block;
	line-height:48px;
	border:1px solid #f2054d;
	border-radius:25px;
	text-align:center;
	font-size:18px;
	color:#f2054d;
	position:absolute;
	transition:-webkit-transform .3s;
	transition:transform .3s;
	transition:transform .3s,-webkit-transform .3s;
	bottom:30px;
	left:50%;
	margin-left:-70px;
	cursor:pointer
}

.social .section .cont ul li[data-v-767de860]:hover {
	color:#fff;
	background-color:#f2054d
}

.social .section .cont ul li:hover h2[data-v-767de860],.social .section .cont ul li:hover h5[data-v-767de860] {
	-webkit-transform:translateY(60px);
	transform:translateY(60px);
	color:#fff;
	font-weight:400
}

.social .section .cont ul li:hover h5[data-v-767de860] {
	font-size:30px;
	width:160px;
	margin:0 auto;
	line-height:44px
}

.social .section .cont ul li:hover h2[data-v-767de860] {
	font-size:18px;
	margin-top:19px
}

.social .section .cont ul li:hover .colorRed[data-v-767de860],.social .section .cont ul li:hover .plus[data-v-767de860],.social .section .cont ul li:hover .social-pro[data-v-767de860],.social .section .cont ul li:hover h3[data-v-767de860],.social .section .cont ul li:hover h4[data-v-767de860] {
	opacity:0
}

.social .section .cont ul li:hover .btn-ask-login[data-v-767de860],.social .section .cont ul li:hover .btn-ask[data-v-767de860] {
	opacity:1;
	-webkit-transform:translateY(-20px);
	transform:translateY(-20px);
	background-color:#f2054d;
	border-color:#fff;
	color:#fff
}

.social .section .cont ul li:hover .btn-ask-login[data-v-767de860]:hover,.social .section .cont ul li:hover .btn-ask[data-v-767de860]:hover {
	background-color:#fff;
	border-color:#f2054d;
	color:#f2054d
}

.social .section .cont ul .normal .btn-ask-login[data-v-767de860],.social .section .cont ul .normal .btn-ask[data-v-767de860] {
	opacity:0
}

.social .section .waveContent[data-v-767de860] {
	position:relative;
	height:170px
}

.social .scene-section[data-v-767de860] {
	height:985px;
	background-color:#fff
}

.social .scene-section .title[data-v-767de860] {
	color:#333
}

.social .scene-section .scene-tree[data-v-767de860] {
	width:683px;
	height:490px;
	margin:160px auto;
	position:relative
}

.social .scene-section .scene-tree .scene-fade-left[data-v-767de860] {
	color:#333;
	font-size:16px;
	line-height:30px;
	text-align:center;
	position:absolute
}

.social .scene-section .scene-tree .scene-fade-left .circle[data-v-767de860] {
	background:#fff;
	border-radius:100%;
	width:20px;
	height:20px;
	z-index:9;
	position:absolute
}

.social .scene-section .scene-tree .scene-fade-left .circle_bottom[data-v-767de860] {
	background:rgba(255,255,225,.3);
	border-radius:100%;
	width:46px;
	height:46px;
	z-index:1;
	position:absolute
}

.social .scene-section .scene-tree .scene-fade-left .animation[data-v-767de860] {
	-webkit-animation:twinkling-data-v-767de860 1.2s ease-in-out infinite;
	animation:twinkling-data-v-767de860 1.2s ease-in-out infinite;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}

.social .scene-section .scene-tree .scene-fade-left.scene-top[data-v-767de860] {
	top:-70px;
	left:52%;
	margin-left:-125px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top .circle[data-v-767de860] {
	top:70px;
	left:50%;
	margin-left:-14px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top .circle_bottom[data-v-767de860] {
	top:57px;
	left:50%;
	margin-left:-27px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top-right[data-v-767de860] {
	top:145px;
	right:-135px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top-right .circle[data-v-767de860] {
	top:-34px;
	right:50%;
	margin-right:-10px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top-right .circle_bottom[data-v-767de860] {
	top:-47px;
	right:50%;
	margin-right:-23px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom-right[data-v-767de860] {
	top:300px;
	right:-80px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom-right .circle[data-v-767de860] {
	top:-31px;
	right:50%;
	margin-right:-5px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom-right .circle_bottom[data-v-767de860] {
	top:-44px;
	right:50%;
	margin-right:-18px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom[data-v-767de860] {
	top:494px;
	left:50.5%;
	margin-left:-82px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom .circle[data-v-767de860] {
	top:-35px;
	right:50%;
	margin-right:-2px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom .circle_bottom[data-v-767de860] {
	top:-47px;
	right:50%;
	margin-right:-15px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom-left[data-v-767de860] {
	top:347px;
	left:-124px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom-left .circle[data-v-767de860] {
	top:-31px;
	right:50%;
	margin-right:-4px
}

.social .scene-section .scene-tree .scene-fade-left.scene-bottom-left .circle_bottom[data-v-767de860] {
	top:-43px;
	right:50%;
	margin-right:-17px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top-left[data-v-767de860] {
	top:150px;
	left:-83px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top-left .circle[data-v-767de860] {
	top:-33px;
	right:50%;
	margin-right:-8px
}

.social .scene-section .scene-tree .scene-fade-left.scene-top-left .circle_bottom[data-v-767de860] {
	top:-45px;
	right:50%;
	margin-right:-21px
}

.social .model-section[data-v-767de860] {
	height:554px;
	background-color:#fff
}

.social .model-section .model-tree[data-v-767de860] {
	width:1200px;
	margin:0 auto;
	padding:100px 0 154px
}

.social .model-section .model-tree .model-item[data-v-767de860] {
	width:124px;
	height:124px;
	float:left;
	position:relative;
	margin-right:91px
}

.social .model-section .model-tree .model-item[data-v-767de860]:after {
	content:"";
	width:91px;
	border:2px dashed #f2054d;
	position:absolute;
	top:50%;
	margin-top:-1px;
	right:-91px
}

.social .model-section .model-tree .model-item[data-v-767de860]:last-child {
	margin-right:0
}

.social .model-section .model-tree .model-item[data-v-767de860]:last-child:after {
	visibility:hidden
}

.social .model-section .model-tree .model-item .model-num[data-v-767de860] {
	width:22px;
	height:22px;
	line-height:22px;
	margin:32px auto 0;
	border-radius:100%;
	background-color:#fff;
	text-align:center;
	font-size:15px;
	color:#f2054d;
	font-weight:900;
	font-family:Swiss721BT-BlackCondensed
}

.social .model-section .model-tree .model-item .model-title[data-v-767de860] {
	width:58px;
	margin:3px auto 0;
	text-align:left;
	line-height:19px;
	font-size:14px;
	color:#fff;
	font-weight:400
}

.social .advantages-section .advantages-item[data-v-767de860] {
	width:1211px;
	margin:0 auto 40px
}

.social .advantages-section .advantages-item ul[data-v-767de860] {
	margin-top:126px
}

.social .advantages-section .advantages-item ul li[data-v-767de860] {
	width:400px;
	height:310px;
	float:left;
	text-align:center;
	margin-bottom:20px
}

.social .advantages-section .advantages-item ul li .item-img[data-v-767de860] {
	width:200px;
	height:172px;
	margin:0 auto
}

.social .advantages-section .advantages-item ul li h5[data-v-767de860] {
	font-size:24px;
	color:#333
}

.social .advantages-section .advantages-item ul li .item-content[data-v-767de860] {
	width:100%;
	font-size:14px;
	line-height:30px;
	margin-top:28px;
	color:#999
}

@keyframes twinkling-data-v-767de860 {
	0% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}

	50% {
		opacity:1;
		-webkit-transform:scale(.8);
		transform:scale(.8)
	}

	to {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}

@-webkit-keyframes twinkling-data-v-767de860 {
	0% {
		opacity:1;
		-webkit-transform:scale(1)
	}

	50% {
		opacity:1;
		-webkit-transform:scale(.8)
	}

	to {
		opacity:1;
		-webkit-transform:scale(1)
	}
}