html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{
	sans-serif;font-size:1em;
	}button,input,optgroup,select,textarea{
		color:inherit;font:inherit;margin:0
	}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

@font-face {
	font-family:思源黑体简_Light;
    src:url('../font/SourceHanSansCN-Light.ttf'); 
}
@font-face {
	font-family:兰亭黑;
    src:url('../font/方正兰亭纤黑_GBK.ttf'); 
}
@font-face {
	font-family:本悦宋;
    src:url('../font/方正清刻本悦宋简体.ttf'); 
}
body{
	background: #000 !important;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: transparent;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: transparent;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #c9c9c9;
}
body {font-family:兰亭黑;color: #222328; font-size:16px; line-height:1.2; padding: 0; background: #000; margin: 0 auto;}
body, nav, header, section, footer{width:100%;position:relative;}
a, a:focus {color:#d01400;text-decoration:none;cursor:pointer;outline:none;}
a:hover{text-decoration:none;}
strong{font-weight:bold;}
b {font-weight:700;}
i{font-style:italic;font-family:兰亭黑;}
h1,h2,h3,h4,h5,h6{line-height:1;margin:0 auto;text-align:center;font-weight: normal;}
ul{margin:0;padding:0;list-style:none;}
p{margin: 0;}
*{
	-webkit-tap-highlight-color: transparent;
	-webkit-qppearance: none;
}
/* header */
header{
	width: 100%;
	height: 900px;
}
header nav{
	width: 100%;
	height: 50px;
	background: #050505;
}
header .navBox{
	margin: 0 auto;
	width: 1235px;
	height: 50px;
}
.ipsLogo{
	float: left;
	padding-left: 65px;
	height: 100%;
	width: 144px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	font-family: 思源黑体简_Light;
	background: transparent url(../img/icon.png) no-repeat left center /auto;
}
.navBox button{
	margin-top: 13px;
	float: right;
	width: 65px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	outline: none;
	background: #2caed9;
	color: #000;
	font-family: 兰亭黑;
	font-size: 14px;
	border: 0;
}

header section{
	height: 850px;
	width: 100%;
	background: transparent url(../img/bg_sec2_4.png) no-repeat center center /cover;
	position: relative;
	left: 0;
	top: 0;
}
header .cover{
	width: 100%;
	height: 100%;
	background: #1d1d20;
	background-position: 100% 100%;
	opacity: 0.8;
}
header .contentBox{
	margin: 0 auto;
	position: absolute;
	left: 0 ;
	top: 0;
	z-index: 1;
	color: #fff;
	width: 100%;
}
header .contentBox h1{
	font-size: 36px;
	font-family: 本悦宋;
	padding-top: 256px;
	line-height: 1;
}
header .contentBox p.text1{
	font-size: 18px;
	font-family: 兰亭黑;
	padding-top: 62px;
	text-align: center;
}
header .contentBox p.text2{
	font-size: 18px;
	color: #929292;
	text-align: center;
	padding-top: 200px;
}
header .contentBox ul{
	padding-top: 166px;
	margin: 0 auto;
	width: 150px;
	height: 30px;
}
header .contentBox ul li{
	width: 50px;
	height: 30px;
	float: left;
}
header .contentBox li:nth-child(1){
	background: url(../img/apple.png) no-repeat center center;
}
header .contentBox li:nth-child(2){
	background: url(../img/Android.png) no-repeat center center;
}
header .contentBox li:nth-child(3){
	background: url(../img/H5.png) no-repeat center center;
}
/* section */
section{
	width: 100%;
	height: 900px;
	overflow: hidden;
}
.bigVideoBox{
	width: 100%;
	height: 100%;
}
.sectionVideo{
	width: 100%;
	height: auto;
	position: relative;
} 
.sectionVideo .coverPic{
	width: 100%;
	height: 100%;
	background: url(../img/cover1.png) no-repeat center center /cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.sectionVideo .cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
	z-index: 10;
}
.sectionVideo video{
	width: 100%;
	float: left;
}
.sectionVideo .btnBox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 20;
	cursor: pointer;
}
.sectionVideo .startBtn{
	width: 196px;
	height: 196px;
	border-radius: 50%;
	background: #2caed9;
	opacity: 0.4;
}
.sectionVideo .btnInner{
	border: none;
	border-left: 47px solid #fff;
	border-bottom: 36px solid transparent;
	border-top: 36px solid transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-30%,-50%);
	-webkit-transform: translate(-30%,-50%);
	z-index: 30;
}
.progressWrap{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: #b8bec3;
	cursor: pointer;
	z-index: 100;
	visibility: hidden;
}
.playProgress{
	height: 20px;
	width: 0;
	background: #8c8c8c;
	position: relative;
}
.dragBox{
	width: 45px;
	height: 20px;
	background: #10c4ff;
	position: absolute;
	top: 0;
	right: -45px;
}
.management{
	background: #1d1d20;
}
.management h2{
	font-size: 24px;
	font-family: 本悦宋;
	padding-top: 104px;
	padding-bottom: 144px;
	line-height: 1;
	color: #fff;
}
.management .contentBox{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	flex-grow: 1;
	justify-content: space-between;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-o-justify-content: space-around;
}
.management .contentBox dl{
	width: 300px;
}
.management dd{
	margin: 0 auto;
}
.management dd p:nth-child(1){
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-bottom: 53px;
}
.management dd p:nth-child(2){
	font-size: 14px;
	color: #9d9292;
	text-align: center;
	padding-bottom: 53px;
	white-space: nowrap;

}
.management dt{
	width: 130px;
	height: 130px;
	padding-bottom: 65px;
	margin: 0 auto;
}
.management dl:nth-child(1) dt{
	background: url(../img/channel.png) no-repeat;
}
.management dl:nth-child(2) dt{
	background: url(../img/product.png) no-repeat;
}
.management dl:nth-child(3) dt{
	background: url(../img/order.png) no-repeat;
}
.management dl:nth-child(4) dt{
	background: url(../img/data.png) no-repeat;
}
.sectionIframe{
	background: #c4d5da;
}
.sectionIframe h2{
	margin-top: 150px;
	margin-bottom: 150px;
	font-size: 24px;
	font-family: 本悦宋;
}
.sectionIframe p{
	margin: 30px auto;
	text-align: center;
	font-size: 24px;
	font-family: 兰亭黑;
}

.coverAndPopOut{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0 ;
	left: 0;
	background: rgba(0,0,0,0.3);
	font-family: 兰亭黑;
	display: none;
	z-index: 110;
}
.coverAndPopOut .closePopOut{
	width: 30px;
	height: 30px;
	background: #fff;
	color: #000;
	position: absolute;
	border-radius: 50%;
	top: 15px;
	right: 15px;
	cursor: pointer;
	line-height: 30px;
	text-align: center;
}
.coverAndPopOut .popOutBox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 606px;
	height: 657px;
	border-radius: 20px;
	background: #eef4f5;
}
.ipadTitle{
	width: 100%;
	height: 100px;
	font-size: 24px;
	line-height: 100px;
	border-bottom: 1px solid #a0a0a0;
}
.coverAndPopOut .context{
	width: 85%;
	margin: 70px auto 60px;
	line-height: 60px;
	font-size: 24px;
}
.coverAndPopOut .webLink{
	width: 100%;
	margin-bottom: 50px;
	font-size: 24px;
}
.coverAndPopOut img{
	display: block;
	width: 123px;
	height: 124px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.coverAndPopOut .promptText{
	text-align: center;
	font-size: 14px;
}

.sectionPlatform{
	position: relative;
	height: auto;
}
.sectionPlatform p{
	height: 190px;
	width: 100%;
	text-align: center;
	line-height: 190px;
	background: #eef4f5;
	font-size: 24px;
	color: #000;
}
.sectionPlatform ul{
	display: flex;
	display: -webkit-flex;
}
.sectionPlatform li{
	height: 340px;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	position: relative;
	overflow: hidden;
}
.sectionPlatform .car{
	cursor: pointer;
	height: 340px;
	background: transparent url(../img/car.png) no-repeat center center /cover;
}
.sectionPlatform .women{
	cursor: pointer;
	height: 340px;
	background: transparent url(../img/women.png) no-repeat center center /cover;
	background-position: 0% 0%;
}
.sectionPlatform .code{
	cursor: pointer;
	height: 340px;
	background: transparent url(../img/code.png) no-repeat center center /cover;
}
.carCover,.codeCover,.womenCover{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.carCover div,.codeCover div{
	width: 100%;
	height: 100%;
	background: #1d1d20;
	opacity: 0.95;
	position: absolute;
	top: 0;
	left: 0;
}
.womenCover div{
	width: 100%;
	height: 100%;
	background: #dcdede;
	opacity: 0.95;
	position: absolute;
	top: 0;
	left: 0;
}
.sectionPlatform h3{
	width: 100%;
	font-size: 30px;
	/* font-family: 本悦宋; */
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.sectionPlatform .womenCover h3{
	color: #000;
}
.sectionPlatform .videoBox{
	width: 100%;
	height: 370px;
	position: relative;
}
.sectionPlatform .coverPic2{
	width: 100%;
	height: 100%;
	background: url(../img/cover2.png) no-repeat center center /cover;
	position: absolute;
	top: 0;
	left: 0;
}
.videoBox video{
	width: 100%;
}
.videoBox .cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f4edec;
	opacity: 0.4;
}
.videoBox .btnBox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	cursor: pointer;
}
.videoBox .startBtn{
	width: 136px;
	height: 136px;
	border-radius: 50%;
	background: #2caed9;
	opacity: 0.4;
}
.videoBox .btnInner{
	border: none;
	border-left: 32px solid #fff;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-30%,-50%);
	-webkit-transform: translate(-30%,-50%);
}
.asideVideo{
	/* position: relative;
	left: 0;
	top: 0; */
	/* left: 50%;
	top: 190px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%); 
	height: 900px;
	width: 1200px;*/
	width: 100%;
	display: none;
}
.asideVideo .closeVideo{
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 30;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #000;
	background: rgba(255,255,255,0.9);
	cursor: pointer;
}
.asideVideo video{
	width: 70%;
	float: left;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.asideVideo video:before{
	display: block;
	content: "";
	width: 0;
	height: 0;
	clear: both;
}
.asideVideo .cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #f4edec;
	opacity: 0.4;
	display: none;
	z-index: 20;
}
.asideVideo .btnBox{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	display: none;
	z-index: 25;
	cursor: pointer;
}
.asideVideo .startBtn{
	width: 136px;
	height: 136px;
	border-radius: 50%;
	background: #2caed9;
	opacity: 0.4;
}
.asideVideo .btnInner{
	border: none;
	border-left: 32px solid #fff;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-30%,-50%);
	-webkit-transform: translate(-30%,-50%);
}
.improveEff{
	background: #1d1d20;
}
.improveEff h2{
	padding-top: 68px;
	padding-bottom: 82px;
	font-family: 本悦宋;
	font-size: 24px;
	color: #fff;
}
.improveEff table{
	display: block;
	color: #fff;
	font-size: 20px;
	width: 1126px;
	height: 593px;
	box-sizing: border-box;
	margin: 0 auto;
	border: 1px solid #0fc5ff;
	border-top: 46px solid #0fc5ff;
	border-radius: 18px;
	font-weight: normal;
}
.improveEff table tr{
	height: 91px;
	width: 100%;
	border-bottom: 1px solid #0fc5ff;
}
.improveEff table tr:nth-last-child(1){
	border-bottom:none;
}
.improveEff table th{
	width: 284px;
	border-right: 1px solid #0fc5ff;
	font-weight: normal;
}
.improveEff table th:nth-last-child(1){
	border-right: none;
}
.springPlan{
	background: #c4d5da url(../img/Cup.png) no-repeat right center; 
}
.springPlan article{
	width: 1235px;
	height: 900px;
	margin: 0 auto;
}
.springPlan h2{
	padding-top: 200px;
	padding-bottom: 49px;
	font-family: 本悦宋;
	font-size: 50px;
	color: #222328;
	text-align: left;
}
.springPlan p.text{
	width: 485px;
	font-size: 24px;
	line-height: 39px;
	color: 323337;
	padding-bottom: 88px;
}
.springPlan div{
	height: 145px;
	width: auto;
	color: #8c8f94;
	font-size: 18px;
	line-height: 28px;
}
.sectionCoo{
	background:#1d1d20 url(../img/Photo.png) no-repeat left center /auto; 
	position: relative;
}
.sectionCoo .CooBox{
	width: 1040px;
	height: auto;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-o-justify-content: space-around;
}
.sectionCoo h2{
	font-size: 24px;
	font-family: 本悦宋;
	color: #fff;
	padding-top: 85px;
	padding-bottom: 106px;
}
.partner{
	width: 470px;
	height: 525px;
	background: rgba(196,213,218,0.45); 
	border-radius: 10px;

}
.partner h3{
	font-size: 24px;
	color: #fff;
	padding-left: 56px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
}
.partner dl{
	margin: 0 ;
	padding-left: 56px;
	height: 70px;
}
.partner dt{
	width: 24px;
	height: 25px;
	background: url(../img/Check-Icon-4.png) no-repeat;
	float: left;
}
.partner dd{
	line-height: 25px;
	color: #fff;
	font-size: 16px;
	width: 352px;
}
.partner dl:nth-last-child(1) dd{
	line-height: 70px;
	transform: translateY(-23px);
	-webkit-transform: translateY(-23px);
}
.joinUs{
	width: 470px;
	height: 525px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 2px solid;
	border-color: rgba(255,255,255,0.2);
	
}
.joinUs h3{
	font-size: 24px;
	color: #fff;
	padding-left: 56px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
}
.joinUs dl{
	height: 43px;
	margin: 0 ;
	padding-left: 56px;
	color: #fff;
	font-size: 16px;
}
.joinUs dt{
	width: 24px;
	height: 25px;
	background: url(../img/Check-Icon-3.png) no-repeat;
	float: left;
}
.joinUs dd{
	width: 352px;
	line-height: 25px;
}
.joinUs dl:nth-last-child(1) dd{
	line-height: 43px;
	transform: translateY(-7px);
	-webkit-transform: translateY(-7px);
}
footer{
	width: 100%;
	height: 158px;
	background: #000;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-o-justify-content: space-around;

}
.contactUs{
	width: 370px;
	height: 100%;
	font-size: 14px;
	color: #fff;
}
.contactUs h3{
	padding-top: 46px;
	padding-bottom: 19px;
}
.contactUs p{
	display: inline-block;
	padding-left: 36px;
	height: 23px;
	width: 182px;
	line-height: 23px;
	box-sizing: border-box;
	color: #fff;
}
.contactUs .phoneNum{
	margin-right: 5px;
}
.contactUs p:nth-child(2){
	background: url(../img/phone.png) no-repeat left center;
}
.contactUs p:nth-child(3){
	background: url(../img/mail.png) no-repeat left center;
}
.inputBox{
	width: 660px;
	height: 100%;
}
.inputBox aside{
	height: 94px;
	overflow: hidden;
	position: relative;
}
.inputBox input{
	height: 38px;
	font-size: 12px;
	color: #808080;
	outline: none;
	/* border: 1px solid #e9e9e9; */
	border: 0;
	box-sizing: border-box;
	margin-top: 56px;
	font-family: 黑体;
	letter-spacing: 1px;
}
.inputBox .mailText{
	padding-left: 43px;
	width: 155px;
	position: relative;
	float: left;
	border-radius:3px 0 0 3px;
	border-right: 0;
}
.inputBox aside:after{
	display: block;
	content: "";
	width: 1px;
	height: 20px;
	background: #808080;
	position: absolute;
	left: 155px;
	top: 64px;
}
.inputBox .tellUs{
	padding-left: 43px;
	float: left;
	width: 397px;
	border-radius: 0 3px 3px 0;
	border-left: 0;
}
.inputBox button{
	display: block;
	border: 0;
	margin-top: 56px;
	width: 85px;
	height: 38px;
	line-height: 38px;
	letter-spacing: 4px;
	background: #2caed9;
	font-size: 14px;
	color: #000;
	float: right;
	border-radius: 3px;
	font-family: 兰亭黑;
}

.inputBox p{
	text-align: center;
	font-size: 10px;
	color: #666;
	padding-top: 14px;
}
.inputBox p span{
	margin-right: 5px;
	margin-left: 5px;
	font-size: 24px;
	position: relative;
	top: 5px;
}
.endLogo{
	width: 240px;
	height: 100%;
}
.endLogo p{
	display: inline-block;
	margin-top: 71px;
}
.endLogo .linkP{
	display: none;
}
.endLogo p:nth-child(2){
	width: 85px;
	height: 18px;
	background: url(../img/cellz.png) no-repeat center center;	
}
.endLogo p:nth-child(3){
	width: 100px;
	height: 24px;
	background: url(../img/light.png) no-repeat center center;
	padding-left: 46px;	
}
.cellzPic{
	cursor: pointer;
}



/* 展示特效 */
.picShow{
	width: 500px;
	height: 330px;
	position: absolute;
	top: 310px;
	left: 330px;
}
.picShow img{
	width: 100%;
	height: 100%;
}
.contaxtBox{
	width: 500px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 53%;
}
@keyframes pic1move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(156px, -100px, 0);
  		transform: translate3d(156px, -100px, 0);
  	}
}
@-webkit-keyframes pic1move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(156px, -100px, 0);
  		transform: translate3d(156px, -100px, 0);
  	}
}
@keyframes pic2move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(78px, -50px, 0);
  		transform: translate3d(78px, -50px, 0);
  	}
}
@-webkit-keyframes pic2move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(78px, -50px, 0);
  		transform: translate3d(78px, -50px, 0);
  	}
}
@keyframes pic4move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(-78px, 50px, 0);
  		transform: translate3d(-78px, 50px, 0);
  	}
}
@-webkit-keyframes pic4move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(-78px, 50px, 0);
  		transform: translate3d(-78px, 50px, 0);
  	}
}
@keyframes pic5move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(-156px, 100px, 0);
  		transform: translate3d(-156px, 100px, 0);
  	}
}
@-webkit-keyframes pic5move{
	0% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
  	100%{
  		-webkit-transform: translate3d(-156px, 100px, 0);
  		transform: translate3d(-156px, 100px, 0);
  	}
}
.imgCont5{
	animation: pic1move 1s ease-in-out;
	-webkit-animation: pic1move 1s ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.imgCont4{
	animation: pic2move 1s ease-in-out;
	-webkit-animation: pic2move 1s ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.imgCont2{
	animation: pic4move 1s ease-in-out;
	-webkit-animation: pic4move 1s ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
.imgCont1{
	animation: pic5move 1s ease-in-out;
	-webkit-animation: pic5move 1s ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}