.man{width:100%;height:100vh;}
.container{
	width:1200px;
	margin:0 auto;
}
.mainHead{
	width:100%;
	height:120px;
	background-color:#ffffff;
}
.logn{
	height:120px;
	padding-top:20px;
	display: inline-block;
}
.logn img{width:84%;}
.logoTitle{display:none;}
.headList{width:60%;height:120px;}
.headList ul li{
	width:16%;
	height:120px;
	line-height:120px;
	display:block;
	float:left;
	text-align:center;
	font-size:18px;
}
.headList ul li a{
	height:120px;
	display:inline-block;
}
.present{border-bottom:3px solid #38d890;}
.rotateBox{background-color:#5AA3D0;margin-bottom:60px;}
.rotateIgm{width:100%;}
.rotateIgm img{width:100%;}
.projectOpen .openTitle{
	width:100%;
	text-align:center;
	margin-bottom:55px;
}
.projectOpen .openTitle .h3{
	font-size: 23px;
	font-weight: 500;
	color: #333;
	line-height:35px;
}
.projectOpen .openTitle span{
	color:#999999;
	line-height:47px;
}
.titleLine{
	width:50px;
	height:2px;
	margin:0 auto;
	background-color:#2483EA;
}
.mainBody{position:relative;}
/*开发流程*/
.openProcess{
	width:100%;
}
.openProcess ul .openList{
	width:16.6%;
	height:225px;
	display:block;
	text-align: center;
	float:left;
}
.openList span{display: block;}
.current.openList span{color: #38d890}
.openImg{
	width:85px;
	height:85px;
	margin:0 auto;
	margin-bottom:20px;
	background-image:url(../img/index/open.png);
	background-position:0.5%;
}
.current .openImg{background-image:url(../img/index/open1.png);
	background-position:0.5%;}
.openList:nth-of-type(2) .openImg{background-position:20.5%;}
.openList:nth-of-type(3) .openImg{background-position:40.5%;}
.openList:nth-of-type(4) .openImg{background-position:60.5%;}
.openList:nth-of-type(5) .openImg{background-position:80.5%;}
.openList:nth-of-type(6) .openImg{background-position:100.5%;}
.openLine{
	width:100%;
	height:2px;
	margin:20px 0;
	background-color:#DDDDDD;
	position:relative;
}
.openDot{
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:#DDDDDD;
	box-shadow:0px 0px 0px 5px #FFFFFF;
	position:absolute;
	top:-3px;
	left:48%;
}
.current .openDot{
	width:12px;
	height:12px;
	background-color:#29D687;
	top:-5px;
	left:48%;
}
.allLine{
	width:100%;
	height:2px;
	background-color:#DDDDDD;
	position:absolute;
	left:0;
	right:0;
	top:280px;
}

/*客户案例*/
.caseShow{
	width:100%;
	height:400px;
	margin-bottom:40px;
}
.caseShow .showBox{
	width:1050px;
	height:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.showBox ul{
	width:1750px;
	position:absolute;
}
.caseShow .caseList{
	width:350px;
	display:block;
	float:left;
	padding:0 10px;
	height:400px;
}
.caseList .caseImg{
	width:100%;
	height:194px;
	background-image:url(../img/index/case1.png);
	background-position-y:0%;
	background-size: 100%;
	background-repeat:no-repeat;
}
.caseList:nth-of-type(2) .caseImg{background-position-y:35%;}
/*.caseList:nth-of-type(3) .caseImg{background-position-y:51%;}*/
.caseList:nth-of-type(3) .caseImg{background-position-y:68.5%;}
.caseList:nth-of-type(4) .caseImg{background-position-y:100.5%;}
.caseText .titleLine{
	margin:11px 0 20px 0;
	background-color:#464D50;
}
.caseText{
	height:200px;
	padding:25px 10px;
	position:relative;
	background-color:#F6F6F6;
}
.caseTitle{
	line-height:44px;
	font-size: 20px;
	font-weight: 600;
}
.caseText .more{
	width:40px;
	height:40px;
	line-height:36px;
	text-align: center;
	display:block;
	border-radius:50%;
	color:#FFFFFF;
	background-color:#5AA4FF;
	font-size:25px;
	cursor:pointer;
	position:absolute;
	top:35px;
	right:37px;
}
.caseText .more:hover,.productList .listText span:hover{
	background-color:#2CD689;
}

.caseText p{
	/*text-indent:2rem;*/
	line-height:1.5;
}
/*产品*/
.proStrip{
	width:100%;
	height:140px;
	background-color:#2CD689;
	position:absolute;
	top: 943px;
	left:0;
	right:0;
}
.openTitle.product{
	height:140px;
	background-color:#2CD689;
	padding-top:25px;
	position: relative;
}
.openTitle.product:after{
	position: absolute;
	bottom:-10px;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -10px;
	content: " ";
	border-top: 10px solid #2CD689;
	border-left: 10px solid transparent ;
	border-right: 10px solid transparent ;
}
.caseText .more{display:none;}
.product div,.product span{color:#FFFFFF !important;}
.product .titleLine{background-color:#FFFFFF;}
.productShow{
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;
}
.productShow .productList{
	width:272px;
	height:400px;
	margin:0 16px;
	display:block;
	float:left;
	border:1px solid #DDDDDD;
	z-index: 100;
}
.productShow ul{
	width:2200px;
	height:287px;
	position:absolute;
	left:0px;
	z-index:10;

}
.productList .listimg{
	height:280px;
	border-bottom:1px solid #DDDDDD;
}
.productList .listimg img{width:100%;}
.productList .listText{
	padding:13px;
	text-align:center;
}
.productList .listText p{
	line-height:20px;
	height:40px;
}
.productList a{z-index:1000;}
.productList .listText span{
	width:150px;
	height:40px;
	line-height:38px;
	display: block;
	margin:10px auto;
	color:#FFFFFF;
	text-align: center;
	background-color:#5AA4FF;
	border-radius:20px;
	cursor:pointer;
}
.m-b-40{margin-bottom:40px !important;}
/*关于我们*/
.projectOpen.aboutUs{
	width:100%;
	height:500px;
	background-color:#5AA4FF;
	padding-top:20px;
}
.projectOpen .container{background-color:#5AA4FF;}
.aboutUs div,.aboutUs span{color:#FFFFFF !important;}
.aboutUs .titleLine{background-color:#FFFFFF;}
.aboutUs .openTitle{margin-top:30px;}
.aboutShow{width:100%;}
.aboutList{
	width:203px;
	display:block;
	float:left;
	margin:0 48px;
	text-align:center;
}
.aboutList a{color:#fff;}
.aboutList .listImg{
	width:90%;
	height:136px;
	border-radius:20px;
	background-color:#FFFFFF;
	background-image:url(../img/index/about.jpg);
	background-repeat:no-repeat;
	position:relative;
	margin:0 auto 25px auto;
}
.aboutList .listImg:after{
	position: absolute;
	bottom:-13px;
	width: 0;
	height: 0;
	left: 50%;
	margin-left: -15px;
	content: " ";
	border-top: 15px solid #FFFFFF;
	border-left: 15px solid transparent ;
	border-right:15px solid transparent ;
}
.aboutList:nth-of-type(1) .listImg{background-position:-13%;}
.aboutList:nth-of-type(2) .listImg{background-position:27%;}
.aboutList:nth-of-type(3) .listImg{background-position:67%;}
.aboutList:nth-of-type(4) .listImg{background-position:109%;}
.aboutList p{line-height:2;}

/*底部*/
.footer{
	width:100%;
	height:350px;
	padding-top:50px;
	background-color:#464D50;
	color:#FFFFFF;
}
.footTop{
	width:100%;
	height:250px;
	border-bottom:1px solid #646566;
}
.offAc,.infoBox{
	height:100%;
	float:left;
}
.offAc{width:17%;text-align: center;}
.offAc span{margin-left:8px;}
.infoBox .infoList{
	width:190px;
	height:180px;
	display: block;
	float:left;
	border-right:1px solid #646566;
	padding: 0 30px;
}
.infoBox .infoList .listBox{margin:0 auto;}
.infoBox .infoList:nth-last-of-type(1){
	width:330px;
	text-align: left;
	border-right:none;
}
.infoBox .infoList:nth-of-type(1) .listBox{width:132px;}
.infoBox .infoList:nth-of-type(2) .listBox{width:137px;}
.infoBox .infoList:nth-of-type(3) .listBox{width:80px;}
.infoBox .infoList:nth-last-of-type(1) .listBox{width:313px;}
.infoList a{color:#FFFFFF;}
.infoList a:hover{color: #3EA6FB}
.infoListHead{
	font-size: 20px;
	margin-bottom: 15px;
}
.listBox ul li{line-height:2;}
.footBottom p{
	font-size:14px;
	text-align: center;
	margin-top:10px;
	line-height:1.5;
}
.caseLeft,.caseRight{
	display:inline-block;
	width:50px;
	height:50px;
	line-height:45px;
	font-size:30px;
	color:#FFFFFF;
	background-color:#DDDDDD;
	border-radius:50%;
	text-align:center;
	margin-top:176px;
	cursor:pointer;
}
.caseLeft{
	float:left;
	margin-left:15px;
}
.caseRight{
	float:right;
	margin-right:15px;
}

.menuList{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height:180px;
	background-color:#5AA4FF;
	z-index: 1000;
	display:none;
}
.menuList .list{
	width:18%;
	display:inline-block;
	float:left;
	margin:20px 1%;
	text-align:center;
}
.menuList .list a{color:#FFFFFF;font-size:30px;}
.menuList .active a{font-weight:900;font-size:40px;}
.menuList .list img{
	width:90px;
	height:90px;
	margin-bottom:10px;
}
/*2019-2-28*/
.offAc img{width: 100px;}
.offAc p{margin-top: 10px;font-size: 13px;}



@media(max-width:980px) {
	*{font-size:20px;}
	.main{padding-bottom:180px;}
	.main,.container{width:100vw;}
	.mainHead{height:82px;
		text-align: left;
	}
	.headList{display:none;}
	.logn{
		height:82px;
		margin-left:20px;
		float:none;
		margin: 0 auto;
	/*	padding-top:6px;*/
		padding-left: 30px;
	}
	.logn img{width:64%;}
	.logoTitle{
		display: inline-block;
		margin: 0 auto;
		width:500px;
		font-size:40px;
		font-weight:900;
		padding-top: 8px;
	}
	.urlTitle{font-size:34px;margin-left: 20px;}
	.menuList{display:inline-block;}

	.footer{height:100px;padding:0;margin-top: -10px;}
	.footTop{display: none;}
	.footBottom p{line-height:99px;font-size:20px;}
	.menuList .list{
		width:14%;
	}
	.menuList .active a{font-weight:900;font-size:34px!important;}
	/*.projectOpen{padding:3px;}*/
	.projectOpen .openTitle .h3{font-size:40px;}
	.projectOpen .openTitle span{font-size:40px;}
	.openList span{font-size:24px;}
	.allLine,.proStrip,.caseLeft,.caseRight{display:none;}
	/*客户案例*/
	.caseShow{height:1314px;}
	.caseShow .showBox{width:100vw;}
	.caseShow .caseList{
		width:100vw;
		height:250px;
		margin-bottom:20px;
		float:none;
		z-index:10;
	}
	.caseList .caseText{height:234px;}
	.caseShow .caseImg{width:350px;height:234px;float:left;background-size:113%;}
	.caseShow .caseText{margin-left:346px;padding:10px;}
	.caseShow .caseText p{font-size:35px;}
	/*产品中心*/
	.productShow .productList{
		width: 220px;
	}

	/*关于我们*/
	.projectOpen.aboutUs{height:auto !important;}
	.aboutList{width:45%;margin:20px 2.5%;}
	.aboutList .listImg {width:182px;}
	.aboutList p{font-size:30px;}
	/*2019-2-28*/
	.caseShow{height:1043px;}
	.productShow .swiper-container {
		width: 100%;
		height: 100%;
	}
	.productShow{padding: 0 15px;}

}