@charset "utf-8";
/* CSS Document */
/*understanf*/
.our-team{
	width:100%;
	height:710px;
	padding-top:20px;
}    
.our-top{
	width:100%;
	height:30px;
	margin-bottom:30px;
}
.o1100{
	width:1100px;
	margin:0 auto;	
	position:relative;
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
} 
.r1100{
	width:1100px;
	margin:0 auto;	
	text-align:right;
} 
.our-bg{
	width:1260px;
	height:360px;
	background-color:#f2f2f2;
	position:absolute;
	top: -20px;
    left: -78px;
	-webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
    -o-transform: skew(-40deg);
    transform: skew(-40deg);
}
.o1100 p{
	width:586px;
	height:350px;
	position:absolute;
	bottom: -80px;
    left: -200px;
	background-image:url(../images/team-bg.png);
	background-repeat:no-repeat;
	background-size:100% 100%;	
}
.our-phf{
	width:386px;
	height:416px;	
	display:inline-block;
	overflow:hidden;
	margin-bottom: 178px;
    margin-left: 30px;
	background:transparent;
	-webkit-transform: skew(-12deg);
    -moz-transform: skew(-12deg);
    -o-transform: skew(-12deg);
    transform: skew(-12deg);
}
.our-phf img{
	width:502px;
	height:416px;
	margin-left:-58px;
	-webkit-transform: skew(12deg);
    -moz-transform: skew(12deg);
    -o-transform: skew(12deg);
    transform: skew(12deg);
}    
.our-phr{
	display:inline-block;
	width:606px;
	height:646px;	
	margin-right: 70px;
	background:transparent;
	-webkit-transform: skew(-12deg);
    -moz-transform: skew(-12deg);
    -o-transform: skew(-12deg);
    transform: skew(-12deg);
}   
.our-phr span{
	display:inline-block;
	margin-bottom: 2px;
	width:196px;
	height:212px;
	overflow:hidden;
	background:transpatent;	
}
.our-phr span img{
	width:240px;
	height:212px;	
	margin-left:-22px;
	-webkit-transform: skew(12deg);
    -moz-transform: skew(12deg);
    -o-transform: skew(12deg);
    transform: skew(12deg);
}  
.photo-imgcen{
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 3;	
	text-align: center;
	box-pack:center;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
	-moz-box-align: center;
    -moz-box-pack: center;
	-o-box-align: center;
    -o-box-pack: center;
} 
.photo-imgcen img{
	display:inline;
	max-height:100%;
	vertical-align: middle;
} 
.photo-ss{
	position:absolute;
	top:50%;
	left:50%;
}
/*office environment*/
body{
	font-family:"微软雅黑";}
.env{
	width:100%	
}
.e1100{
	width:1100px;
	margin:0 auto;
}
.e1100 h1{
	font-weight:normal;
	font-size:34px;
	color:#666666;
	margin:0;
	padding: 50px 0 20px 0;
	border-bottom:dashed 1px #cccccc;
	margin-bottom:20px;
	letter-spacing:3px;
}
.e1100 h1 span{
	color:#a1a0a0;
	font-size:24px;
	line-height:34px;
	letter-spacing:0px;
}
.env-li{
	margin-top:60px;
}
.env-li p{
	text-align:center;
	font-size:24px;
	color:#666666;
	letter-spacing:2px;
}
.env-li p span{
	font-size:18px;
	letter-spacing:0px;
}
.env-li-ph{
	margin-top:30px;
}
.env-li-ph span{
	display:inline-block;
	width:536px;
	height:390px;
}
.env-li-ph span:first-child{
	margin-right:28px;}
.env-li-ph span img{
	width:100%;
	height:100%;
}
/*login button*/
.Login-button{
	width:100%;
	padding:20px 0;
	border:dashed 1px #cccccc;
	text-align:center;
}
.lo-bt{
	width:160px;
	height:60px;
	background-image:url(../images/btn.png);
	background-repeat:no-repeat;
	background-size:cover;
	margin:0 auto;
}
.Login-button p{
	color:#f20101;
	font-size:20px;
	border-radius: 6px !important;
	border-radius: 6px !important;
}
/*login-to-view*/
p,img{
	margin:0;
}
.view-log{
	width:100%;
	height:180px;
	border:dashed 1px #cccccc;
	overflow:hidden;
	padding:10px 8px 0px 10px;
}
.view-log-f{
	width: 600px;
	float:left;
	margin-top: 20px;
}
.view-log-r{
	float:right;
}
.view-log-f p{
	width: 100%;
    overflow: hidden;
	font-size:16px;
	color:#808080;
	line-height: 40px;
}
.view-log-f p a{
	color:#0397e4;
}
.view-log-r{
	overflow:hidden;
	position:relative;
	padding-left:14px;
	padding-right:20px;
	margin-top:18px;
	border-left:solid 1px #cecece;
}
.view-log-r p{
	padding:15px 0px;
	padding-right: 16px;
	background-color:#74cf43; 
	border-radius: 6px;
}
.view-log-r p:first-child{
	margin-bottom:18px;
}
.view-log-r p:last-child{
	margin-bottom:12px;
}
.view-log-r p em{
	display:inline-block;
	position:relative;
	padding-right:15px;
	height: 24px;
	vertical-align: bottom;
	margin-right:18px;
	border-right:solid 1px #ffffff;
}
.view-log-r p em img{
	    vertical-align: middle;
}
.view-log-r p span{
	display:inline-block;
	line-height:24px;
	color:#ffffff;
}
.view-log i{
	position: relative;
	display:inline-block;
	width:160px;
	height:160px;
	float:right;
	border:solid 1px #cccccc;
/* 	background-image:url(../images/ewm.png); */
	background-repeat:no-repeat;
	background-position:top left;
}
.view-log i div{width:100%;height:100%;}
.view-log i:after{
	content: '';
    position: absolute;
	top: 45px;
    right: 153px;
	width: 12px;
    height: 12px;
    display: block;
	margin-right: -1px;
    background: #ffffff;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
} 
.view-log i.on{
	background-position:top right;
}
.view-log i.on:after{
	top:115px;
}
.view-log-r p.hover{
	background:#6bbb40;	
}