@charset "utf-8";
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,span,th,td,img,a,em,i {
	margin:0;
	padding:0
}
body {
	font:14px '\5FAE\8F6F\96C5\9ED1',tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
	color:#1b1b1b;
	min-width:1400px;
	overflow-x:hidden
}
h1,h2,h3,h4,h5,h6,em,i {
	font-style:normal;
	font-weight:400;
	font-size:100%
}
table,img,button,input,textarea {
	border:0
}
ol,ul {
	list-style:none
}
a {
	color:#ffffff;
	text-decoration:none
}
a:hover,a:focus,a:visited {
	text-decoration:none;
	outline:0
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
.clearfix {
	*zoom:1
}
.clear {
	clear:both;
	height:0;
	width:0;
	line-height:0;
	visibility:hidden
}
.container {
	width:1400px;
	margin:0 auto
}
img {
	width:100%;
	display:block
}
img.inline {
	width:auto;
	display:inline-block
}
.positionR {
	position:relative
}
.fl {
	float:left
}
.fr {
	float:right
}
.align-ct {
	text-align:center
}
.align-lt {
	text-align:left
}
.align-rt {
	text-align:right
}
.Ndisplay {
	display:none
}
.mt10 {
	margin-top:10px
}
.mt20 {
	margin-top:20px
}
.mt30 {
	margin-top:30px
}
.mt40 {
	margin-top:40px
}
.mt50 {
	margin-top:50px
}
.mt60 {
	margin-top:60px
}
.mt85 {
	margin-top:85px
}
.mt100 {
	margin-top:100px
}
.mb10 {
	margin-bottom:10px
}
.mb20 {
	margin-bottom:20px
}
.mb30 {
	margin-bottom:30px
}
.mb40 {
	margin-bottom:40px
}
.mb50 {
	margin-bottom:50px
}
.mb80 {
	margin-bottom:80px
}
.pt60 {
	padding-top:60px
}
.pt100 {
	padding-top:100px
}
.pb100 {
	padding-bottom:100px
}
.pl10 {
	padding-left:10px
}
.pl20 {
	padding-left:20px
}
.pl63 {
	padding-left:63px
}
.ftred {
	color:#dd007b
}
.ftred-dark {
	color:#dd007b
}
.ft30 {
	font-size:30px
}
.tableBg {
	font-size:24px;
	color:#333;
	background:#d5d5d5
}
.tableBg th,.tableBg td {
	padding:10px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
.tableBg td {
	line-height:40px
}
.tableBg th {
	line-height:70px;
	font-weight:400
}
.tableBg tr th {
	color:#dd007b;
	font-size:36px
}
.tableBg tr {
	background:#FFF
}
.tableBg tr.bggrey,.tableBg td.bggrey {
	background:#fafafa
}
@font-face {
	font-family:Montserrat-Regular;
	src:url(fonts/Montserrat-Regular.ttf)
}
@font-face {
	font-family:Dry-Brush;
	src:url('fonts/Dry Brush.ttf')
}
@-webkit-keyframes transY {
	from {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	opacity:0
}
to {
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:1
}
}@-moz-keyframes actionText {
	from {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	opacity:0
}
to {
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:1
}
}@-ms-keyframes actionText {
	from {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	opacity:0
}
to {
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:1
}
}@keyframes actionText {
	from {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	opacity:0
}
to {
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:1
}
}.header {
	width:100%;
	min-width:1400px;
	height:100px;
	display:table;
	position:fixed;
	top:0;
	left:0;
	z-index:20;
}
.header .logo {
	width:auto;
	height:auto;
	display:inline-block;
	padding:26px 0 0 100px;
	cursor:pointer
}
.header .nav {
	padding-right:80px;
	float:right
}
.header li {
	width:114px;
	line-height:30px;
	padding-top:26px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	transition:ease .5s all;
	float:right
}
.header.small {
	height:60px;
	background:rgba(0,0,0,0.8)
}
.header.small .logo {
	height:28px;
	padding:12px 0 0 100px
}
.header.small li {
	width:100px;
	padding:12px 0;
}
.header li a {
	display:block;
	color:#fff;
}
.header li:hover a,.header li.active a {
	color:#FFf;
	border-bottom:3px solid #ffffff;
	display: inline-block
}
.header li:hover,.header li.active {
	-webkit-animation:tabHover 2s forwards;
	-moz-animation:tabHover 2s forwards;
	-ms-animation:tabHover 2s forwards;
	animation:tabHover 2s forwards
}
@-webkit-keyframes tabHover {
	from {
	background:#dd007b
}
to {
	background:#dd007b
}
}@-moz-keyframes tabHover {
	from {
	background:#dd007b
}
to {
	background:#dd007b
}
}@-ms-keyframes tabHover {
	from {
	background:#dd007b
}
to {
	background:#dd007b
}
}@keyframes tabHover {
	from {
	/*background:#dd007b;
	border-bottom:3px solid #fff ͸��Ч��*/
}
to {
	/*background:#dd007b;
	border-bottom:3px solid #dd007b;͸��*/
}
}.tab-nav {
	position:absolute;
	top:5px;
	right:0;
	z-index:10;
	text-align:right
}
.tab-nav.top-lg {
	top:650px
}
.tab-nav li {
	width:180px;
	line-height:58px;
	font-size:24px;
	text-align:center;
	border:solid 1px #d2d2d2;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:0 8px;
	cursor:pointer;
	display:inline-block;
	text-align:center
}
.tab-nav li.on {
	color:#FFF;
	background:#dd007b;
	border:solid 1px #dd007b;
	-webkit-box-shadow:0 10px 9px rgba(255,54,116,.1);
	box-shadow:0 10px 9px rgba(255,54,116,.1)
}
.tab-main {
	margin-top:180px
}
.tab-main.margin-none {
	margin-top:0
}
.banner {
	height:800px
}
.banner .img {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	height:100%
}
.banner .swiper-pagination-bullet {
	width:60px;
	height:6px;
	background:rgba(255,255,255,.5);
	-webkit-border-radius:5px;
	border-radius:5px
}
.banner .swiper-pagination-bullet-active {
	background:#dd007b
}
.banner .text-1,.banner .text-2 {
	position:absolute;
	left:50%;
	opacity:0
}
.banner .text-1 {
	height:63px;
	background:url(../img/ban_tt1.png) no-repeat top left;
	background-size:197px 63px
}
.banner .text-1.one,.banner .text-2.one {
	width:1005px;
	margin-left:-527px
}
.banner .text-1.one {
	top:180px
}
.banner .text-2.one {
	top:264px
}
.banner .text-1.two,.banner .text-2.two {
	width:1451px;
	margin-left:-725px
}
.banner .text-1.two {
	top:212px
}
.banner .text-2.two {
	top:284px
}
.banner .text-1.three,.banner .text-2.three {
	width:974px;
	margin-left:-487px
}
.banner .text-1.three {
	top:194px
}
.banner .text-2.three {
	top:269px
}
.banner .text-1.four,.banner .text-2.four {
	width:1279px;
	margin-left:-639px
}
.banner .text-1.four {
	top:193px
}
.banner .text-2.four {
	top:265px
}
.banner .swiper-slide.swiper-slide-active .text-1 {
	-webkit-animation:downImg .8s forwards .4s;
	-moz-animation:downImg .8s forwards .4s;
	-ms-animation:downImg .8s forwards .4s;
	animation:downImg .8s forwards .4s
}
.banner .swiper-slide.swiper-slide-active .text-2 {
	-webkit-animation:leftImg .8s forwards .2s;
	-moz-animation:leftImg .8s forwards .2s;
	-ms-animation:leftImg .8s forwards .2s;
	animation:leftImg .8s forwards .2s
}
@-webkit-keyframes downImg {
	from {
	-webkit-transform:translateY(-1.2em);
	transform:translateY(-1.2em);
	opacity:0
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
}@-moz-keyframes downImg {
	from {
	-webkit-transform:translateY(-500px);
	transform:translateY(-500px);
	opacity:0
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
}@-ms-keyframes downImg {
	from {
	-webkit-transform:translateY(-500px);
	transform:translateY(-500px);
	opacity:0
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
}@keyframes downImg {
	from {
	-webkit-transform:translateY(-500px);
	transform:translateY(-500px);
	opacity:0
}
to {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1
}
}@-webkit-keyframes leftImg {
	from {
	-webkit-transform:translateX(-1.2em);
	transform:translateX(-1.2em);
	opacity:0
}
to {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
}@-moz-keyframes leftImg {
	from {
	-webkit-transform:translateX(-500px);
	transform:translateX(-500px);
	opacity:0
}
to {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
}@-ms-keyframes leftImg {
	from {
	-webkit-transform:translateX(-500px);
	transform:translateX(-500px);
	opacity:0
}
to {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
}@keyframes leftImg {
	from {
	-webkit-transform:translateX(-500px);
	transform:translateX(-500px);
	opacity:0
}
to {
	-webkit-transform:translateX(0);
	transform:translateX(0);
	opacity:1
}
}.caption {
	margin-top:150px;
	text-align:center;
	position:relative
}
.caption .title {
	font-size:48px;
	line-height:55px
}
.caption.slantLine {
	width:auto;
	text-align:left
}
.caption.slantLine:before {
	width:22px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:0;
	margin-left:0
}
.caption.be-none:before {
	display:none
}
.caption:before {
	content:"";
	position:absolute;
	top:80px;
	left:50%;
	margin-left:-19px;
	width:38px;
	height:1px;
	background:#333333;
	display:block
}
.caption .subTitle {
	color:#999;
	font-size:24px;
	line-height:28px;
	padding-top:50px;
	font-family:Montserrat-Regular
}
.caption .subTitle.padding-sm {
	padding-top:20px
}
.caption .subTitle-text {
	font-size:36px;
	color:#999;
	line-height:40px;
	padding-top:20px
}
.advantage .list li .img,.advantage .list .title,.advantage .list li:before {
	-webkit-border-radius:10px;
	border-radius:10px
}
.advantage .list {
	width:1428px;
	display:table;
	margin:30px auto 0
}
.advantage .list li {
	width:454px;
	height:300px;
	margin:0 11px;
	position:relative;
	cursor:pointer;
	text-align:center;
	overflow:hidden;
	float:left
}
.advantage .list li .img {
	width:100%;
	display:block
}
.advantage .list .title {
	color:#FFF;
	font-size:36px;
	line-height:300px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	background:rgba(0,0,0,.6)
}
.advantage .list .title.lh-small {
	line-height:60px;
	padding:90px 0
}
.advantage .list li:before,.honor-img-list li:hover:before {
	content:"";
	display:inline-block;
	width:100%;
	height:100%;
	background:#dd007b;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	transition:all .3s ease-out 0s
}
.advantage .list li:hover .title {
	opacity:0
}
.advantage .list li:hover:before {
	-webkit-animation:liBefore .8s forwards;
	-moz-animation:liBefore .8s forwards;
	-ms-animation:liBefore .8s forwards;
	animation:liBefore .8s forwards
}
.honor-img-list li:hover:before {
	-webkit-animation:liBefore .6s forwards;
	-moz-animation:liBefore .6s forwards;
	-ms-animation:liBefore .6s forwards;
	animation:liBefore .6s forwards
}
@-webkit-keyframes liBefore {
	from {
	opacity:0
}
to {
	opacity:1
}
}@-moz-keyframes liBefore {
	from {
	opacity:0
}
to {
	opacity:1
}
}@-ms-keyframes liBefore {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes liBefore {
	from {
	opacity:0
}
to {
	opacity:1
}
}.advantage .list .item,.honor-img-list li .item {
	position:absolute;
	left:0;
	top:50%;
	z-index:3;
	width:100%;
	color:#FFF;
	font-size:24px;
	opacity:0;
	-webkit-box-shadow:10px 0 35px rgba(249,85,144,.5);
	box-shadow:10px 0 35px rgba(249,85,144,.5);
	transition:all .3s ease-out .5s
}
.advantage .list .item h2 {
	font-size:32px;
	padding:20px 0 22px
}
.advantage .list .item .msg {
	line-height:35px
}
.advantage .list .item .more {
	font-family:Montserrat-Regular;
	line-height:30px;
	padding-top:32px;
	display:inline-block;
	color:#FFF
}
.advantage .list li:hover .item {
	-webkit-animation:transY .8s forwards;
	-moz-animation:transY .8s forwards;
	-ms-animation:transY .8s forwards;
	animation:transY .8s forwards
}
.honor-img-list li:hover .item {
	-webkit-animation:transY .6s forwards;
	-moz-animation:transY .6s forwards;
	-ms-animation:transY .6s forwards;
	animation:transY .6s forwards
}
.advantage .list.other li {
	width:466px;
	margin:0 1px 0 0
}
.advantage .list.other li:before {
	z-index:1
}
.advantage .list.other li:nth-last-of-type(1) {
	margin:0
}
.advantage .list.other li:hover .title {
	opacity:1;
	z-index:2;
	background:0 0
}
.zy01 {
	height:480px;
	background:url(http://www.zhuangyangapp.com/img/zy/zy01.jpg) no-repeat 50%;
	background-size:auto 100%;
	overflow:hidden;
	color:#FFF
}
.zy02 {
	height:621px;
	background:url(http://www.zhuangyangapp.com/img/zy/zy02.jpg) no-repeat 50%;
	background-size:auto 100%;
	overflow:hidden;
	color:#FFF
}
.zy03 {
	height:697px;
	background:url(https://www.zhuangyangapp.com/img/zy/zy03.jpg) no-repeat 50%;
	background-size:auto 100%;
	overflow:hidden;
	color:#FFF
}
.zy04 {
	height:883px;
	background:url(http://www.zhuangyangapp.com/img/zy/zy04.jpg) no-repeat 50%;
	background-size:auto 100%;
	overflow:hidden;
	color:#FFF
}
.zy05 {
	height:796px;
	background:url(http://www.zhuangyangapp.com/img/zy/zy05.jpg) no-repeat 50%;
	background-size:auto 100%;
	color:#FFF
}
.zy06 {
	height:1126px;
	background:url(http://www.zhuangyangapp.com/img/zy/zy06.jpg) no-repeat 50%;
	background-size:auto 100%;
	overflow:hidden;
	color:#FFF
}
.zy07 {
	height:765px;
	background:url(http://www.zhuangyangapp.com/img/zy/WechatIMG537.jpeg) no-repeat 50%;
	background-size:auto 100%;
	overflow:hidden;
	color:#FFF
}
/*8
.zy08 {
	height:365px;
	background:url(https://www.zhuangyangapp.com/img/zy/zy08.jpg) no-repeat 50%;
	background-size:auto 100%;
	overflow:hidden;
	color:#FFF
}
*/8
@-webkit-keyframes company {
	from {
	top:-280px;
	opacity:0
}
to {
	top:160px;
	opacity:1
}
}@-moz-keyframes company {
	from {
	top:-280px;
	opacity:0
}
to {
	top:160px;
	opacity:1
}
}@-ms-keyframes company {
	from {
	top:-280px;
	opacity:0
}
to {
	top:160px;
	opacity:1
}
}@keyframes company {
	from {
	top:-280px;
	opacity:0
}
to {
	top:160px;
	opacity:1
}
}.companyProfile .msg {
	position:absolute;
	top:156px;
	left:400px;
	z-index:2;
	line-height:42px;
	opacity:0
}
.company-msg-animation {
	-webkit-animation:companyMsg 1s forwards 1.5s;
	-moz-animation:companyMsg 1s forwards 1.5s;
	-ms-animation:companyMsg 1s forwards 1.5s;
	animation:companyMsg 1s forwards 1.5s
}
.companyProfile .msg .text {
	padding-bottom:40px
}
@-webkit-keyframes companyMsg {
	from {
	opacity:0
}
to {
	opacity:1
}
}@-moz-keyframes companyMsg {
	from {
	opacity:0
}
to {
	opacity:1
}
}@-ms-keyframes companyMsg {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes companyMsg {
	from {
	opacity:0
}
to {
	opacity:1
}
}.companyProfile .more {
	height:30px;
	line-height:30px;
	cursor:pointer;
	position:relative;
	display:inline-block
}
.companyProfile .more span {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:inline-block;
	font-family:Montserrat-Regular
}
.companyProfile .more a {
	color:#FFF
}
.companyProfile .more:hover:before {
	content:"";
	width:0;
	height:8px;
	position:absolute;
	bottom:0;
	left:1px;
	z-index:1px;
	background:#dd007b;
	-webkit-animation:moreLine .4s forwards;
	-moz-animation:moreLine .4s forwards;
	-ms-animation:moreLine .4s forwards;
	animation:moreLine .4s forwards
}
@-webkit-keyframes moreLine {
	from {
	width:0
}
to {
	width:82px
}
}@-moz-keyframes moreLine {
	from {
	width:0
}
to {
	width:82px
}
}@-ms-keyframes moreLine {
	from {
	width:0
}
to {
	width:82px
}
}@keyframes moreLine {
	from {
	width:0
}
to {
	width:82px
}
}.vip-welfare .list {
	width:1200px;
	margin:75px auto 0;
	display:table
}
.vip-welfare.lg .list {
	width:1400px
}
.vip-welfare.lg .list li {
	width:25%;
	height:auto;
	padding:50px 0;
	border-bottom:0
}
.vip-welfare.lg .list li:before {
	height:80px;
	top:50%;
	margin-top:-40px
}
.vip-welfare.lg .list li:nth-last-of-type(1):before {
	display:none
}
.vip-welfare.lg .list li:nth-of-type(3n):before {
	display:block
}
.vip-welfare.lg .list li .icon {
	margin-top:0
}
.vip-welfare.lg.other .list {
	margin:40px auto
}
.vip-welfare.lg.other .list li {
	width:20%;
	height:283px;
	padding:100px 0 0
}
.vip-welfare.lg.other .list .title {
	padding:90px 0 0
}
.vip-welfare.lg.other .list .title.padding-sm {
	padding:67px 0 0
}
.vip-welfare.lg.other .list li:before {
	height:100%;
	top:0;
	margin-top:0
}
.vip-welfare .list li {
	width:33.33%;
	height:346px;
	text-align:center;
	border-bottom:solid 1px #e5e5e5;
	transition:all .5s ease-in;
	position:relative;
	float:left
}
.vip-welfare .list li:before {
	content:"";
	width:1px;
	height:100%;
	background:#e5e5e5;
	position:absolute;
	top:0;
	right:0
}
.vip-welfare .list li:nth-of-type(3n):before {
	display:none
}
.vip-welfare .list li:nth-child(n+4) {
	border-bottom:0
}
.vip-welfare .list li .icon,.plat-list .item:before,.help-time li .icon:before {
	width:60px;
	height:60px;
	background:url(../img/icon.png) no-repeat;
	background-size:360px 180px;
	display:inline-block;
	margin-top:70px
}
.vip-welfare .list li .icon.a {
	background-position:0 0
}
.vip-welfare .list li .icon.b {
	background-position:-60px 0
}
.vip-welfare .list li .icon.c {
	background-position:-120px 0
}
.vip-welfare .list li .icon.d {
	background-position:-180px 0
}
.vip-welfare .list li .icon.e {
	background-position:-240px 0
}
.vip-welfare .list li .icon.f {
	background-position:-300px 0
}
.vip-welfare .list li:hover .icon.a {
	background-position:0 -60px
}
.vip-welfare .list li:hover .icon.b {
	background-position:-60px -60px
}
.vip-welfare .list li:hover .icon.c {
	background-position:-120px -60px
}
.vip-welfare .list li:hover .icon.d {
	background-position:-180px -60px
}
.vip-welfare .list li:hover .icon.e {
	background-position:-240px -60px
}
.vip-welfare .list li:hover .icon.f {
	background-position:-300px -60px
}
.vip-welfare .list .item {
	padding-top:70px
}
.vip-welfare .list .title {
	line-height:44px;
	font-size:35px;
	padding:17px 0 20px
}
.vip-welfare .list .msg {
	font-size:24px;
	color:#999;
	line-height:38px
}
.vip-welfare .list li:hover {
	-webkit-box-shadow:10px 0 35px rgba(249,85,144,.5);
	box-shadow:0 10px 35px rgba(249,85,144,.5);
	background:#dd007b
}
.vip-welfare .list li:hover:before {
	display:none
}
.vip-welfare .list li:hover .title,.vip-welfare .list li:hover .msg {
	color:#FFF
}
.platform {
	height:500px;
	margin-top:150px;
	background:url(../img/bg2.jpg) no-repeat center center;
	background-size:cover;
	overflow:hidden;
	font-size:24px;
	color:#FFF
}
.platform .box {
	position:relative
}
.platform .img {
	position:absolute;
	top:118px;
	left:-260px;
	width:auto;
	height:262px;
	opacity:0
}
.platform-img-animation {
	-webkit-animation:platformImg .5s forwards .8s;
	-moz-animation:platformImg .5s forwards .8s;
	-ms-animation:platformImg .5s forwards .8s;
	animation:platformImg .5s forwards .8s
}
@-webkit-keyframes platformImg {
	from {
	opacity:0;
	left:-260px
}
to {
	opacity:1;
	left:0
}
}@-moz-keyframes platformImg {
	from {
	opacity:0;
	left:-260px
}
to {
	opacity:1;
	left:0
}
}@-ms-keyframes platformImg {
	from {
	opacity:0;
	left:-260px
}
to {
	opacity:1;
	left:0
}
}@keyframes platformImg {
	from {
	opacity:0;
	left:-260px
}
to {
	opacity:1;
	left:0
}
}.brand {
	width:1400px;
	min-height:480px;
	padding-bottom:200px;
	margin:0 auto
}
.brand .list {
	padding-top:50px
}
.brand li {
	width:180px;
	padding:0 50px 70px
}
.flip-container {
	perspective:1000;
	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	-ms-perspective:1000px;
	-o-perspective:1000px;
	perspective:1000px;
	width:180px;
	cursor:pointer;
	float:left
}
.flip-container:hover .back {
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg);
	z-index:2
}
.flip-container:hover .front {
	transform:rotateY(180deg);
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-ms-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	z-index:1
}
.flip-container,.front,.back {
	width:180px;
	height:60px
}
.flipper {
	transition:transform .6s ease-out;
	transition:transform .5s ease-in-out;
	-webkit-transition:transform .5s ease-in-out;
	-moz-transition:transform .5s ease-in-out;
	-ms-transition:transform .5s ease-in-out;
	-o-transition:transform .5s ease-in-out;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	display:block;
	position:relative
}
.front,.back {
	backface-visibility:hidden;
	transition:.6s ease-out;
	-webkit-transition:.6s ease-out;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	position:absolute;
	top:0;
	left:0
}
.front img,.back img {
	width:180px;
	height:80px
}
.front {
	z-index:2;
	transform:rotateY(0deg);
	transform:rotateY(0deg);
	-webkit-transform:rotateY(0deg);
	-moz-transform:rotateY(0deg);
	-ms-transform:rotateY(0deg);
	-o-transform:rotateY(0deg)
}
.back {
	z-index:1;
	transform:rotateY(-180deg);
	transform:rotateY(-180deg);
	-webkit-transform:rotateY(-180deg);
	-moz-transform:rotateY(-180deg);
	-ms-transform:rotateY(-180deg);
	-o-transform:rotateY(-180deg)
}
.coo-banner {
	background:url(../img/banZhaoshang.jpg) no-repeat center center;
	height:499px
}
.coo-notice .title {
	font-size:36px;
	line-height:50px;
	margin-bottom:80px;
	position:relative
}
.coo-notice .title:before {
	content:"";
	width:2px;
	height:44px;
	position:absolute;
	top:70px;
	left:50%;
	margin-left:-1px;
	display:inline-block;
	background:#da251e
}
.coo-notice .msg {
	font-size:24px;
	color:#444;
	line-height:35px
}
.coo-notice .msg.line {
	padding-top:70px;
	position:relative
}
.coo-notice .msg.line:before {
	content:"";
	width:550px;
	height:1px;
	background:#e5e5e5;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-275px
}
.enter-btn {
	width:360px;
	height:100px;
	line-height:100px;
	font-size:36px;
	color:#fffefe;
	text-align:center;
	margin:60px auto 80px;
	background:#dd007b;
	-webkit-box-shadow:0 14px 27px rgba(249,85,144,.5);
	box-shadow:0 14px 27px rgba(249,85,144,.5);
	border-radius:8px;
	display:block;
	cursor:pointer
}
.coo-flow-banner {
	background:url(../img/banFlow.jpg) no-repeat center center;
	height:310px
}
.mark-tt {
	font-size:30px;
	color:#333;
	line-height:38px;
	margin-bottom:35px
}
.mark-tt.other {
	line-height:52px;
	font-size:36px;
	color:#999;
	padding-bottom:60px
}
.mark-content {
	font-size:24px;
	color:#333;
	line-height:42px
}
.mark-content.other {
	font-size:36px;
	line-height:60px;
	padding-bottom:90px
}
.platform-banner1,.platform-banner2,.platform-banner3 {
	height:500px
}
.platform-banner1 {
	background:url(../img/banPt1.jpg) no-repeat center center
}
.platform-banner2 {
	background:url(../img/banPt2.jpg) no-repeat center center
}
.platform-banner3 {
	background:url(../img/banPt3.jpg) no-repeat center center
}
.platform-effect {
	color:#FFF;
	padding:106px 0 130px;
	background:#dd007b
}
.plat-box {
	width:1000px;
	margin:0 auto
}
.plat-img {
	width:300px;
	height:693px;
	padding:0 22px;
	background:url(../img/iosBg.png) no-repeat;
	background-size:100% 100%
}
.plat-img .item {
	width:300px;
	height:100%;
	position:relative;
	overflow:hidden
}
.plat-img .img {
	position:absolute;
	right:-300px;
	top:80px;
	width:300px;
	height:534px
}
.plat-img .img img {
	width:100%;
	height:100%
}
.plat-img .img.on {
	-webkit-animation:rightImg .5s forwards;
	-moz-animation:rightImg .5s forwards;
	-ms-animation:rightImg .5s forwards;
	animation:rightImg .5s forwards
}
@-webkit-keyframes rightImg {
	from {
	right:-300px
}
to {
	right:0
}
}@-moz-keyframes rightImg {
	from {
	right:-300px
}
to {
	right:0
}
}@-ms-keyframes rightImg {
	from {
	right:-300px
}
to {
	right:0
}
}@keyframes rightImg {
	from {
	right:-300px
}
to {
	right:0
}
}.plat-list li {
	width:490px;
	padding:18px;
	font-size:24px;
	cursor:pointer;
	position:relative
}
.plat-list li.on {
	cursor:pointer;
	color:#333333;
	background:#FFF;
	-webkit-box-shadow:0 10px 35px rgba(255,54,116,.1);
	box-shadow:0 10px 35px rgba(255,54,116,.1);
	-webkit-border-radius:4px;
	border-radius:4px
}
.plat-list .item {
	padding:40px 0 40px 179px;
	position:relative
}
.plat-list .item:before {
	content:"";
	position:absolute;
	top:50%;
	left:56px;
	margin-top:-30px
}
.plat-list .item.a:before {
	background-position:-120px -60px
}
.plat-list .item.b:before {
	background-position:-60px -60px
}
.plat-list .item.c:before {
	background-position:-240px -60px
}
.plat-list .item.d:before {
	background-position:-300px -60px
}
.plat-list li.on .item.a:before {
	background-position:-120px -120px
}
.plat-list li.on .item.b:before {
	background-position:-60px -120px
}
.plat-list li.on .item.c:before {
	background-position:-240px -120px
}
.plat-list li.on .item.d:before {
	background-position:-300px -120px
}
.advantage-list li {
	width:100%;
	height:500px;
	float:left;
	margin-bottom:40px;
	-webkit-border-radius:4px;
	border-radius:4px
}
.advantage-list li:hover {
	background:#dd007b;
	-webkit-box-shadow:0 10px 35px rgba(249,85,144,.5);
	box-shadow:0 10px 35px rgba(249,85,144,.5);
	-webkit-animation:liBg .5s forwards;
	-moz-animation:liBg .5s forwards;
	-ms-animation:liBg .5s forwards;
	animation:liBg .5s forwards
}
.advantage-list li:hover,.advantage-list li:hover .subTitle,.advantage-list li:hover .msg {
	color:#FFF
}
.advantage-list li:hover .item {
	border-top:solid 1px #dd007b;
	border-left:solid 1px #dd007b;
	border-bottom:solid 1px #dd007b
}
@-webkit-keyframes liBg {
	from {
	background:#dd007b
}
to {
	background:#dd007b
}
}@-moz-keyframes liBg {
	from {
	background:#dd007b
}
to {
	background:#dd007b
}
}@-ms-keyframes liBg {
	from {
	background:#dd007b
}
to {
	background:#dd007b
}
}@keyframes liBg {
	from {
	background:#dd007b
}
to {
	background:#dd007b
}
}.advantage-list .item {
	width:789px;
	height:498px;
	border-top:solid 1px #f0f0f0;
	border-left:solid 1px #f0f0f0;
	border-bottom:solid 1px #f0f0f0;
	-webkit-border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	float:left
}
.advantage-list .content {
	padding:114px 0 0 100px
}
.advantage-list .title {
	font-size:36px;
	display:inline-block;
	line-height:54px
}
.advantage-list .subTitle {
	line-height:20px;
	font-size:18px;
	font-family:Montserrat-Regular;
	color:#999;
	display:inline-block;
	padding-left:30px;
	vertical-align:sub
}
.advantage-list .msg {
	line-height:48px;
	font-size:24px;
	color:#999;
	padding-top:26px
}
.advantage-list .img {
	width:610px;
	height:500px;
	-webkit-border-radius:0 4px 4px 0;
	border-radius:0 4px 4px 0;
	float:right
}
.help-banner {
	background:url(../img/banHelp.jpg) no-repeat center center;
	height:500px
}
.help-time {
	padding-top:150px
}
.help-time li {
	padding-left:143px;
	position:relative;
	float:left
}
.help-time li:nth-of-type(1) {
	width:500px
}
.help-time li:nth-of-type(1):after {
	content:"";
	width:1px;
	height:66px;
	background:#999;
	position:absolute;
	top:50%;
	right:118px;
	margin-top:-33px
}
.help-time li .icon {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background:#dd007b;
	text-align:center;
	-webkit-box-shadow:0 10px 35px rgba(249,85,144,.5);
	box-shadow:0 10px 35px rgba(249,85,144,.5)
}
.help-time li .icon:before {
	content:"";
	margin-top:20px
}
.help-time li:nth-child(1) .icon:before {
	background-position:-240px -60px
}
.help-time li:nth-child(2) .icon:before {
	background-position:-60px -60px
}
.help-time .title {
	font-size:24px;
	color:#999;
	line-height:45px
}
.help-time .msg {
	font-size:36px;
	line-height:64px
}
.about-banner {
	background:url(../img/banAbout.jpg) no-repeat center center;
	height:499px
}
.company-content {
	padding:85px 0 100px
}
.company-content p {
	line-height:42px;
	font-size:24px;
	padding-bottom:40px
}
.about-course {
	background:url(../img/map.jpg) no-repeat center 550px;
	background-size:1429px auto;
	padding-bottom:190px
}
.about-logo {
	width:auto;
	margin:150px auto 0;
	display:inline-block
}
.about-item {
	padding-left:100px;
	font-size:36px;
	margin-top:150px;
	position:relative
}
.about-item:before {
	content:"";
	position:absolute;
	top:0;
	bottom:140px;
	left:150px;
	z-index:1;
	width:2px;
	background:#f29c9f
}
.about-item li {
	position:relative;
	z-index:2;
	padding-bottom:140px;
	width:100%;
	display:table
}
.about-item .year {
	width:210px;
	height:83px;
	line-height:83px;
	color:#c1281e;
	text-align:center;
	margin-right:60px;
	background:#f8e8e7;
	float:left
}
.about-item .content {
	max-width:730px;
	line-height:58px;
	padding-top:13px;
	color:#333;
	float:left
}
.honor-tab {
	text-align:center;
	padding:90px 0
}
.honor-tab a {
	width:300px;
	height:100px;
	line-height:100px;
	color:#333333;
	font-size:24px;
	display:inline-block;
	vertical-align:middle;
	margin:0 -2px;
	position:relative
}
.honor-tab a.on {
	font-size:99px;
	color:#dd007b;
	padding-top:20px;
	height:80px;
	line-height:80px;
	font-family:Dry-Brush
}
.honor-tab a.on:before {
	display:block;
	top:-92px
}
.honor-img-list {
	width:1452px;
	margin:0 auto;
	display:table;
	padding-bottom:100px
}
.honor-img-list li,.honor-img-list li img,.honor-img-list li:before {
	-webkit-border-radius:10px;
	border-radius:10px
}
.honor-img-list li {
	width:434px;
	margin:0 25px 50px;
	position:relative;
	cursor:pointer;
	float:left
}
.honor-img-list li img {
	width:100%;
	height:300px
}
.honor-img-list li .item {
	line-height:36px;
	text-align:center
}
.welfare-banner {
	background:url(../img/banAction.jpg) no-repeat center center;
	height:498px
}
.welfare-msg {
	line-height:36px;
	font-size:24px;
	padding:86px 0 134px
}
.action-box {
	margin:80px 0 160px;
	text-align:center
}
.action-box li {
	display:inline-block;
	margin:0 48px;
	position:relative
}
.action-box li:before,.honor-tab a:before {
	content:"";
	width:0;
	height:0;
	border-top:solid 30px #dd007b;
	border-left:solid 30px transparent;
	border-right:solid 30px transparent;
	position:absolute;
	top:-80px;
	left:50%;
	margin-left:-30px;
	display:none
}
.action-box li.on:before {
	display:block
}
.action-box .photo {
	width:180px;
	height:180px;
	-webkit-border-radius:50%;
	border-radius:50%
}
.action-box .name {
	line-height:54px;
	font-size:36px;
	text-align:center;
	padding-top:10px
}
.action-text .introduce {
	color:#FFF;
	font-size:28px;
	line-height:56px;
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	opacity:0
}
.action-text .introduce.on {
	-webkit-animation:transY .5s forwards;
	-moz-animation:transY .5s forwards;
	-ms-animation:transY .5s forwards;
	animation:transY .5s forwards
}
.action-msg {
	height:418px;
	background:#dd007b;
	position:relative
}
.action-text {
	height:100%;
	position:relative
}
.action-text:before,.action-text:after {
	content:"";
	width:37px;
	height:33px;
	background:url(../img/icon2.png) no-repeat;
	position:absolute
}
.action-text:before {
	top:45px;
	left:65px
}
.action-text:after {
	bottom:30px;
	right:88px;
	transform:rotateY(180deg)
}
.copyRight {
	font-size:14px;
	font-family: "Helvetica Neue",HelveticaNeue,"Pingfang SC","Hiragano Sans GB","MicroSoft YaHei","Microsoft Yahei UI","Segoe UI",Arial,sans-serif;
	color:#ffffff;
	padding:60px 0 90px;
	background:#1b1b1b
}
.copyRight ul {
	width:100%;
	/*padding-bottom:24px;*/
	display:table
}
.copyRight ul:nth-last-of-type(1) {
	padding:27px 0 0;
	border-top:solid 1px #333333;
}
.copyRight li {
	width:500px;
	line-height:26px;
	float:left
}
.copyRight li.padding-top {
	padding-top:10px
}
.copyRight li:nth-of-type(2) {
	width:400px
}
.copyRight .website {
	line-height:34px;
	font-size:33px;
	padding-bottom:5px;
}
.copyRight .img {
	width:71px;
	height:28px
}
.copyRight ul:nth-last-of-type(1) li:nth-of-type(1) {
	width:400px;
	margin-left: 500px
}
.popup {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	z-index:100
}
.popup-box {
	position:fixed;
	top:50%;
	left:50%;
	margin:-150px 0 0 -230px;
	background:#FFF;
	width:460px;
	padding:25px 0 0;
	font-size:16px;
	z-index:101
}
.popup .close {
	position:absolute;
	top:10px;
	right:10px;
	width:31px;
	height:31px;
	z-index:5;
	background:url(../img/close.png) no-repeat center center;
	cursor:pointer
}
.popup .msg {
	width:80%;
	margin:0 auto;
	padding-top:20px
}
.popup .enter-btn {
	width:200px;
	height:60px;
	line-height:60px;
	font-size:30px;
	margin:40px auto
}

.zy01{
	position: relative;
}
.video_opcity{
	width: 146px;
	height: 146px;
	background: #000;
	position: absolute;
	left: 400px;
	top: 400px;
}
/* 视频弹窗 */
.modal{
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}
.modal.display{
  display: none;
}
.modal .modal_dialog{
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
}
.modal_content{
  /* width: 588px;
  height: 596px;
  background: #FFFFFF;
  border-radius: 18px;
  padding: 40px 40px; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  animation: animate .3s ease;
}
.modal_header{
  /* padding: 30rpx 0 24rpx 0; */
  position: relative;
}
.modal_header .title{
  font-size: 36rpx;
  text-align: center;
  color: #333;
}
.modal_header .close{
  width: 34px;
  height: 34px;
  background: #fff url('https://images.oss.zhuangyangapp.com/images/icon_gb.png') no-repeat top left;
  background-size: 100% 100%;
  position: absolute;
  right: -34px;
  top: 0px;
}

.modal_body{
  margin-top: 30px;
  /* padding-bottom: 80rpx; */
}
.modal_body .title{
  font-size: 28rpx;
  color: #141414;
}



@keyframes animate{
    from {
   		left: 100%;
    }
    to {
    	left: 50%;
    }
}