.main{
	width:100%;
	background:#fff url(../../images/bgy/bg.jpg) no-repeat center top;
	color:#3a3a3a;
	font-size:16px;
}
.main img{
	display:block;
}
.main a{
	text-decoration:none;
}
section{
	width:1000px;
	margin:0 auto;
}

h1{
	padding-top:150px;
	line-height:50px;
	font-size:40px;
	font-weight:normal;
	text-align:center;
}
h3{
	line-height:40px;
	font-size:30px;
	font-weight:normal;
	text-align:center;
}

/*顶部海报*/
.poster{
	text-align:center;
}
.poster span{
	display:block;
	padding-top:16px;
	line-height:30px;
	font-size:20px;
	text-align:center;
}
.poster .btn{
	display:inline-block;
	overflow:hidden;
	padding:55px 0 175px;
}
.poster a{
	float:left;
	width:180px;
	height:40px;
	border-radius:5px;
	line-height:40px;
	color:#fff;
	background-color:#2abc98;
	font-size:16px;
	text-align:center;
}
.poster a:hover{
	background-color:#25AD8B;
}
.poster .second{
	margin-left:80px;
}

/*考勤机介绍*/
.intro p{
	padding:0 61px;
	line-height:30px;
	text-indent:2em;
}
.intro p.first{
	padding:40px 61px 15px;
}
.intro ul{
	overflow:hidden;
}
.intro li{
	float:left;
	width:300px;
	margin:0 50px;
	text-align:center;
}
.intro li.first,.intro li.last{
	margin:0;
}
.intro img{
	height:263px;
	margin:0 auto;
}
.intro li span{
	display:block;
	padding:15px 0 160px;
	color:#333;
	font-size:20px;
}

/*产品功能*/
.func ul{
	overflow:hidden;
	padding-top:65px;
}
.func li{
	float:left;
	width:235px;
	height:235px;
	margin:0 20px 20px 0;
}
.func li a{
	display:block;
	height:217px;
	padding-top:18px;
}
.func .fourfold{
	margin-right:0;
}
.func img{
	width:81px;
	height:81px;
	border:2px solid #fff;
	border-radius:50%;
	margin:0 auto;
}
.func span{
	display:block;
	line-height:50px;
	font-size:20px;
	text-align:center;
}
.func p{
	padding:0 20px;
	line-height:24px;
	font-size:14px;
	text-align:center;
}
.func a:hover{
	color:#fff;
}
.kqjv:hover{
	background-color:#34ac37;
}
.sjqd:hover{
	background-color:#7ebe31;
}
.wqgl:hover{
	background-color:#7ebe31;
}
.sjhz:hover{
	background-color:#2abc98;
}
.pbgl:hover{
	background-color:#ec6e47;
}
.gzrb:hover{
	background-color:#2fa280;
}
.gzt:hover{
	background-color:#f1b927;
}
.txl:hover{
	background-color:#57c0d1;
}
.dkhb:hover{
	background-color:#ec6e47;
}
.qjsp:hover{
	background-color:#7ebe31;
}
.bx:hover{
	background-color:#f1b927;
}
.tzgg:hover{
	background-color:#ec6e47;
}
.func ul+a{
	display:block;
	width:198px;
	height:38px;
	border:1px solid #2abc98;
	border-radius:5px;
	margin:20px auto 0;
	line-height:40px;
	background-color:#fff;
	color:#2abc98;
	text-align:center;
}
.func ul+a:hover{
	background-color:#2abc98;
	color:#fff;
}

/*适用企业*/
.range{
	width:100%;
	height:950px;
	margin:60px 0 80px;
	background:url(../../images/bgy/range_bg.jpg) no-repeat center;
	color:#fff;
}
.range h3{
	padding:60px 0 0;
}
.range h3+span{
	display:block;
	padding:15px 0 0;
	font-size:20px;
	text-align:center;
}
.range ul{
	position:relative;
	width:1000px;
	margin:50px auto 0;
}
.range li{
	position:absolute;
	bottom:10px;
	right:10px;
	width:200px;
	height:121px;
	padding:0 2px 2px 0;
	background:url(../../images/bgy/rangeDiv.png) no-repeat;
	text-align:center;
	cursor:pointer;
}
.range .range1{
	top:4px;
    left:125px;
}
.range .range2{
	top:-4px;
    left:670px;
}
.range li a{
	padding:0 0 0 18px;
	background:url(../../images/bgy/arrow.png) no-repeat left center;
	color:#fff100;
	font-size:14px;
}
.range .range3{
	top:190px;
    left:20px;
}
.range .range4{
	top:166px;
    left:793px;
}
.range .range5{
	top:360px;
    left:49px;
}
.range .range6{
	top:347px;
    left:805px;
}
.range .range7{
	top:530px;
    left:158px;
}
.range .range8{
	top:532px;
    left:666px;
}
.range li span{
	display:block;
	padding:10px 0 5px;
	line-height:30px;
	font-size:20px;
}
.range p{
	line-height:22px;
	font-size:14px;
}
.range li:hover{

}

/*品牌接入*/
.access ul{
	padding:45px 0 70px;
	overflow:hidden;
}
.access .circle{
	position: relative;
	float:left;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin:0 35px;
}
.access .circle,.access .circle *,.access .circle *:before{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.access .circle a{
	color:#333;
}
.access .circle .img{
	opacity: 0;
	-webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    position: relative;
    width: 180px;
    height: 180px;
    border-radius: 50%;
}
.access .circle img{
	width:100%;
	height:100%;
	border-radius: 50%;
	vertical-align: middle;
}
.access .circle .info{
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background: #2abc98;
    opacity: 1;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.access .circle .info{
	line-height:180px;
	color:#fff;
	font-size:20px;
	text-align:center;
}

.access .circle a:hover .info{
	opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.access .circle a:hover .img{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*接入流程*/
.process ul{
	overflow:hidden;
	margin:55px 0 0;
	background:url(../../images/bgy/process.png) no-repeat center top;
}
.process li{
	float:left;
	width:235px;
	margin-right:20px;
}
.process .last{
	margin:0;
}
.process span{
	display:block;
	padding:200px 0 10px;
	font-size:20px;
	text-align:center;
}
.process p{
	height:120px;
	padding:0 40px;
	line-height:22px;
	color:#7d7d7d;
	font-size:14px;
	text-align:center;
}

/*典型客户*/
.customer{
	width:100%;
	padding:80px 0;
	background-color:#f9fbff;
}
.customer span{
	display:block;
	padding:15px 0 50px;
	line-height:30px;
	font-size:20px;
	text-align:center;
}
.customer div{
	width:1000px;
	overflow:hidden;
	margin:0 auto;
}
.customer ul{
	width:3570px;
	margin-left:0px;
	overflow:hidden;
}
.customer li{
	float:left;
	width:255px;
	height:120px;
}
.customer img{
	width:235px;
	height:120px;
	margin-left:20px;
}

/*联系我们*/
.contact{
	width:100%;
	height:250px;
	background:url(../../images/bgy/contact.jpg) no-repeat center;
}
.contact h3{
	padding:70px 0 30px;
	color:#434343;
}
.contact a{
	display:block;
	width:200px;
	height:40px;
	border-radius:5px;
	margin:0 auto;
	line-height:40px;
	color:#fff;
	background-color:#2abc98;
	font-size:20px;
	text-align:center;
}
.contact a:hover{
	background-color:#29B18F;;
}

/*弹窗form*/
.dialog-title{
	margin:10px 0 10px;
	line-height:20px;
	background:url(../../images/bgy/h2_bg.jpg) no-repeat center;
	color:#2abc98;
	font-size:20px;
	text-align:center;
}
.dialog-content .t{
	position:relative;
	width:450px;
	padding-bottom:15px;
	border-bottom:1px solid #e5e5e5;
	margin:40px auto 0;
}
.dialog-content .t span{
	float: left;
	width:115px; 
	line-height:16px; 
	color:#3a3a3a; 
	font-size:16px;
}
.dialog-content .t span i{
	color: #f00;
	margin-right: 3px;
}
.dialog-content .t input{
	width:310px; 
	padding:0 20px 0 5px; 
	border:0 none; 
	outline:none; 
	color:#3a3a3a; 
	font-size:16px;
}
.dialog-content .t input::-webkit-input-placeholder{
	color:#b5b5b5;
}
.dialog-content .t input::-moz-input-placeholder{
	color:#b5b5b5;
}
.dialog-content .t input::-ms-input-placeholder{
	color:#b5b5b5;
}



.dialog-content .t p{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	line-height:24px;
	background:url(../../images/bgy/i_warning.png) no-repeat right center;
	color:#f00;
	font-size:12px;
	text-indent:115px;
}
.dialog-content .t a{
	display:none;
	position:absolute;
	top:1px;
	right:0;
	width:16px;
	height:16px;
	background:url(../../images/bgy/i_delete.png) no-repeat;
}

.dialog-content .error{
	border-color:#f00;
}

.layui-layer-btn{
	text-align:center !important;	
}