﻿.main .bgimg{
    background: #ff6900;
    height: 350px;
    /*padding-top: 68px;*/
	background: url(../images/office/bj-1.png) center top no-repeat;
    background-size: 120% 350px;
    
}

.bgimg-box{
	width: 1280px;
	margin:0 auto;
	height: 350px;
	overflow: hidden;
	/*position: relative;*/
}

.img-left{
	float: left;
	width: 56%;
	margin-left: 4%;
	height: 282px;
	padding-top: 68px;
}

.img-right{
	float: right;
	width: 40%;
	height: 350px;
	position: relative;
}

.img-right img{
	position: absolute;
	bottom: -24px;
	width: 100%;
}

.bgimg .imgtitle{
	margin-top: 20px;
	color: #fff;
	font-size:30px; 
	font-weight: 100px;
}

.bgimg .imgcontent1{
	color: #fff;
	font-size:13px; 
	margin-top: 30px;
}

.bgimg .imgcontent2{
	color: #fff;
	font-size:13px; 
	margin-top: 30px;
}

.bgimg .imga{
	text-align: center;
	display: block;
	margin-left: 150px;
	margin-top:50px;
	width:140px;
	height: 32px;
	border: 1px solid #FDB813;
	line-height: 32px;
	color: #fff;
	font-size:14px; 
	background-color: #FDB813;
	border-radius:5px;
}

/*li*4-------------------------------------------------------------------*/
.section1{
	width: 100%;
	height:200px;
	background-color: #F7F7F7;
}

.section1_content{
	width: 1280px;
	height:120px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 30px;
}

.section1_content ul {
	text-align: center;
	width: 100%;
	height: 120px;
}

.section1_content ul li{
	width: 21%;
	/*padding:0 2%;*/
	float: left;
}

.section1_li{
	border-right: 1px solid rgba(127,127,127,0.5);
}

.section1_content ul li div{
	width: 100%;
	padding-right: 26px;
	/*padding: 0 16px;*/
}

.section1_content ul li div .section1_num{
	font-size: 30px;
	font-weight: 300;
	color:#7F7F7F;
}

.section1_content ul li div .section1_icon{
	margin-left: 10px;
	font-size: 18px;
	color:#7F7F7F;
	/*font-weight: 300;*/
}

.section1_content ul li div > p{
	margin-top: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.section1_content ul li > p{
	margin-top: 15px;
	font-size: 12px;
	margin-left: 10px;
	color:#777777;
}

.section1_img1{
	display: block;
	background: #ff6900;
	width: 13px;
    height: 16px;
    position: relative;
    top:-20px;
    left:150px;
	background: url(../images/office/tb-1.png) center top no-repeat;
    background-size: 13px 16px;
}

.section1_img2{
	display: block;
	background: #ff6900;
	width: 13px;
    height: 16px;
    position: relative;
    top:-20px;
    left:150px;
	background: url(../images/office/tb-2.png) center top no-repeat;
    background-size: 13px 16px;
}

/*//多元化移动办公体验------------------------------------------------------------*/

.section2{
	width:1280px;
	margin:50px auto;
	height: 640px;
	/*border-bottom: 1px solid #ccc;*/
}

.section2_title{
	width: 1280px;
	text-align: center;
	padding:40px;
}
.section2_title h2{
	
	font-size:36px;
	color:#1E2330;
	}
.section2_title h2 a{
	width: 1280px;
	text-align: center;
	display:inline;
}

.section2_content{
	width: 1280px;
	height: auto;
	margin-top: 50px;
}

.section2_content > img{
	width: 392px;
	margin-left: 10px;
	float: left;
	margin-top:20px;
}

.section2_content ul{
	width: 584px;
	height:auto;
	margin-left: 112px;
	float: left;
	color:#5B5B5B;
}

.section2_content ul li{
	width: 500px;
	height:72px;
	margin:16px auto;
}

.section2_content ul li img{
	width: 50px;
	display: block;
	float: left;
}

.section2_content ul li div{
	padding-top: 0px;
	padding-left: 16px;
	float: left;
}
.section2_content ul li span{
	font-size:16px;
	color:#333;
}

.section2_content ul li div > p{
	font-size: 12px;
	padding-top: 8px;
	color:#7d7a7a;
}

/*//·提供企业移动办公的一切--------------------------------------------*/

.section3{
	width: 1280px;
	margin:80px auto 50px;
	overflow: hidden;
}

.section3_title{
	width: 1280px;
	text-align: center;
	/*font-size: 24px;*/
}

.section3_content{
	width: 1280px;
	height: 450px;
	margin: 50px 0 0;
}

.section3_content ul{
	text-align: center;
	width: 1280px;
	height: 450px;
}

.section3_content ul li{
	float: left;
	/*width: 150px;*/
	width: 25%;
	height: 170px;
	/*padding: 10px 0;*/
	text-align: center;
	margin:20px 0;
	position:relative;
}

.section3_content ul li >div{
	/*width: 70%;*/
	/*height: 150px;*/
	height:170px;
	padding: 10px 15%;
	position: absolute;  
    top: 10px; 
}
.section3_content ul li >div >div{
	height: 76px;
}

.section3_content ul li div > span{
	display: block;
	margin-top: 10px;
}

.section3_content ul li div > p{
	margin-top: 6px;
	font-size: 12px;
	color: #777777;
}

.section3_footer{
	text-align: center;
	width: 1280px;
	height: 40px;

	margin:20px auto;
}

.section3_footer a{
	color:#FFA421;
	line-height: 40px;
}

/*//支持多端数据同步----------------------------------------------------------------------*/


.section4{
	background: #E8E8E8;
    height: 502px;
    position: relative;
    overflow: hidden;
}

.section4_content{
	width: 1280px;
    padding-top: 40px;
	/*margin-top: 100px;*/
	height: 466px;
	margin:0 auto;
	/*background: url(../images/office/bj-2.jpg) center top no-repeat;
    background-size: 100% 360px;*/
}

.section4_content img{
	width: 1280px;
}

.section4_title{
	text-align: center;
}

.section4_title span{
	/*font-size: 24px;*/
}

.section4_title p{
	/*font-size: 13px;*/
	margin-top: 15px;
	color:#7F7F7F;
}

/*//主要功能展示----------------------------------------------------------*/

.section5{
	width: 1280px;
	margin:50px auto; 
}

.section5_title{
	width: 1280px;
	/*font-size: 24px;*/
	text-align: center;
}

.section5_content{
	width: 1280px;
	margin:50px auto 0px;
	position: relative;
	height: 712px;
	text-align: center;
}

.section5_content_show{
	width: 308px;
	height: 543px;
	position: absolute;
	top:84px;
	left: 402px;
	overflow: hidden;
}

.section5_content .section5_content_show ul{
	width: 1540px;
	height: 543px;
	position: absolute;
	left:0px;
	/*margin:0 auto;*/
	/*float: left;*/
}

.section5_content .section5_content_show ul li{
	width: 308px;
	height: 543px;
	float: left;
	text-align: center;
}
.section5_content .section5_content_show ul li img{
	width: 100%;
}

.section5_footer{
	width: 600px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}

.arrow{
	position: absolute;
    z-index: 999;
}
.left{
	left: 0px;
	top: 50%;
}
.right{
	right: 0px;
	top: 50%;
}

/*//移动考勤 + 移动审批 + CRM + 异地办公,更高效快捷--------------------------------------------*/

.section6{
	width: 100%;
	background: #ff6900;
    /*height: 168px;*/
    padding-top: 64px;
    /*margin-bottom: 50px;*/
    position: relative;
	background: url(../images/office/bj-3.png) center top no-repeat;
    background-size: 100% 100%;
}

.section6_title{
	width: 1280px;
	height: 148px;
	margin: 0 auto;
	text-align: center;
	/*font-size: 24px;*/
	color:#fff;
}

.section6_title a{
	text-align: center;
	display: block;
	margin:30px auto 0px;
	width:140px;
	height: 32px;
	border: 1px solid #fff;
	line-height: 32px;
	color: #fff;
	font-size:14px; 
}

/*//多平台,多终端支持-----------------------------------------------------------*/

.section7{
	width: 100%;
	background: #fff;
    height: 750px;
    padding-top: 30px;
    /*margin-bottom: 50px;*/
    position: relative;
	
}

.section7_title{
	text-align: center;
	width: 1280px;
	margin: 0 auto
}

.section7_title span{
	font-size: 36px;
	color:#1E2330;
}

.section7_title p{
	/*font-size: 13px;*/
	margin-top: 10px;
}

.section7_content{
	width: 664px;
	height: 377px;
	margin:0 auto;
	background: url(../images/office/bj-4.png) center top no-repeat;
    /* background-size: 664px 377px; */
}

.section7_footer{
	width: 1114px;
	position: relative;
	margin:80px auto 30px;
}

.section7_footer div{
	text-align: center;
	width: 12%;
	height: 120px;
	margin:0 auto;
	position: absolute;
	left:43%;
	top:-50px;
	/*padding-top: 352px;*/
}

.section7_footer div > img{
	display: block;
	margin:0 auto;
	width: 100px;
}

.section7_footer div span{
	font-size: 12px;
}

.section7_footer div a{
	text-align: center;
	display: block;
	width:120px;
	height: 32px;
	margin:15px auto 0;
	border: 1px solid #007fff;
	line-height: 32px;
	color: #fff;
	font-size:14px; 
	background-color: #007fff;
}

