.w{
	width:1200px;
	margin:0px auto;
}
.navWrap{
	width:100%;
	height:90px;
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.6);
	z-index: 1000;

}
.nav-div{
	width:1200px;
	height:90px;
	margin:0 auto;
}
.nav-logo{
	width:220px;
	height: 90px;
	float: left;
} 
.nav-div ul{
	width:735px;
	float:left;

}
.nav-div li{
	float: left;
}
.nav-div li .border-bottom{
	color:#ffffff;
	font-size:18px;
	padding:0 5px;
	margin:40px 35px 20px;
	height:30px;
	display: inline-block;	
}
.nav-div li  .border-bottom:hover{
	border-bottom: 4px solid #0977fe;
}
.nav-div li .current{
	border-bottom: 4px solid #2d8bff;
}

.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    background:rgba(0,0,0,.5);
}

/*以上为nav*/

.banner{
	width:100%;
	height:530px;
	overflow: hidden;
	background:url(../img/index/banner.png) no-repeat center center;
}
.banner p{
	text-align: center;
	color:#ffffff;
	font:normal 48px "微软雅黑";
	margin:300px 0 130px 0;

}
.banner p span{
	color:#0977FE;
}
.banner .but{
	width:100%;
	height:90px;
	position: relative;
}
.banner button{
	width:230px;
	height: 90px;
	border:2px solid #fff;
	border-radius:45px;
	background:#0ff00000;
/* 	background:url(../img/index/zixun.png) no-repeat 0 0; */
	position: absolute;
	left:50%;
	top:0;
	margin-left:-115px;
	color:#fff;
	font-size:30px;
/* 	border:0; */
/* 	cursor: pointer; */
/* 	transition:all .4s; */
	outline: none;
	cursor:pointer;
}

.banner button:hover{
/* 	background:url(../img/index/zixun-hover.png) no-repeat 50% 0; */
/* 	margin-right:115px; */
	background:#2CE4FF;
	border-color:#2CE4FF;
}

/*以上为banner*/

.title{
	width:100%;
	height:340px;
	
}
.service .title{
	background: url(../img/index/service-title.png) no-repeat center;
	min-width:1200px;
}
.service .title-two{
	background:url(../img/index/prouducts-title.png) no-repeat center 135px;
	min-width:1200px;
}
.service{
	/* background-color: #F8F8F8; */
	background: url(../img/index/home-service-bg.png) no-repeat;
	overflow: hidden;
}
.service .content{
	width:1200px;
	height:534px;
	margin:0 auto;
	position: relative;
	background:url(../img/index/service-pic1.png) no-repeat center 30px;
}

.content .serviceOne{
	width:310px;
	height:575px;
	/*float: left;*/
	position:absolute;
	top:0;
	left:-860px;
	transition: all 1s;
}

.serviceOne h3{
	font:normal 26px "微软雅黑";
	height:55px;
}

.serviceOne span{
	width:40px;
	height: 3px;
	border-radius: 1.5px;
	background:#e5e5e5;
	display: block;
}

.serviceOne p{
	width:310px;
	margin-top:8px;
	color:#666;
	font:normal 14px/40px "微软雅黑";
}

.serviceOne .but{
	width:120px;
	color:#f9f9f9;
	margin:10px 0 70px 95px;
	font:normal 14px/36px "微软雅黑";
	text-align: center;
	border-radius: 3px;
	background:#0b7dfc;
	cursor: pointer;

}          

.serviceOne .but:hover{
	background:#0a75f0;
}

.service .content .right{
	/*float:right;*/
	height:575px;
	width:310px;
	position: absolute;
	top:0;
	left:1605px;
}

/*我们的产品*/
.products-title{
	text-align:center;
	font-size:30px;
	color:#222;
	padding:20px 0px;
}
.products-title-two{
	text-align:center;
	font-size:22px;
	color:#555;
	padding-bottom:40px;
}
.products{
	background:#f6f6f6;
	padding-bottom:80px;
	padding-top:25px;
}

.icon-preo:before { content: "\e649"; }
.iconfont{
    font-family:"iconfont"!important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    cursor:pointer;
}
@font-face {
  font-family: 'iconfont';  /* project id 1031699 */
  src: url('//at.alicdn.com/t/font_1031699_ce4gcglu3e.eot');
  src: url('//at.alicdn.com/t/font_1031699_ce4gcglu3e.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1031699_ce4gcglu3e.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1031699_ce4gcglu3e.woff') format('woff'),
  url('//at.alicdn.com/t/font_1031699_ce4gcglu3e.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1031699_ce4gcglu3e.svg#iconfont') format('svg');
}
.products .fh-content dl dd{
	padding: 20px 0px;
   
    font-size: 20px;
    font-weight: 600;
    color: #333;
}
	

/*以上为产品软件内容*/
.fh-cp{
	padding:60px 0px 80px;
}
.fh-cp .fh-content .content-top{
	overflow:hidden;
	padding:40px 90px 80px;
}

.fh-cp .fh-content .content-top .left{
	float:left;
}
.fh-cp .fh-content .content-top .right{
	float:right;
	vertical-align:middle;
}
.fh-cp .fh-content .content-bottom{
	overflow:hidden;
}
.fh-cp .fh-content .content-bottom .pc-img{
	float:left;
	width:390px;
	height:310px;
	overflow:hidden;
	
}
.fh-cp .fh-content .content-bottom .pc-img img{
	transition: all 0.6s;
}
.fh-cp .fh-content .content-bottom .pc-img img:hover{
	transform: scale(1.4);
}
.fh-cp .fh-content .content-bottom .pc-img+.pc-img{
	margin-left:15px;
}
.fh-cp .fh-content .content-top p{
	line-height:40px;
	font-size:18px;
}
.fh-cp-title{
	padding:90px 0px 20px;
	text-align:left;
	font-size:32px;
	color:#222;
}
.fh-cp-title .fh-title-border {
	text-align:left;
	margin-top:15px;
}
.fh-cp-title .fh-title-border span{
	display:inline-block;
	width:60px;
	height:4px;
	border-radius:10px;
	background:#ccc;
}
/***************************************/
.ys-title{
	height:250px;
	background:url(../img/index/why-tltle.png) no-repeat center 45px;
	min-width:1200px;
}
.youshi .content{
	width:1200px;
	margin:0 auto;
}
.content .left{
	float: left;
}
.content .jinyan{
	width:630px;
	margin-bottom: 38px;
	cursor: pointer;
}
.content .left li:nth-child(4){
	margin-bottom: 0;
}
.jinyan span{
	width:74px;
	height:74px;
	display:inline-block;
	float: left;
	background:url(../img/index/icon-jinyan.png) no-repeat 0 0;
}
.jinyan .txt{
	float: left;
	margin-left:10px;
}
.jinyan h3{
	color:#333333;
	font:normal 18px/48px "微软雅黑";
}

.txt p{
	font-size:14px;
}
.jinyan .dz{
	background:url(../img/index/icon-dinzhi.png) no-repeat 0 0;
}
.jinyan .td{
	background:url(../img/index/icon-tuandui.png) no-repeat 0 0;	
}
.jinyan .cx{
	background:url(../img/index/icon-cx.png) no-repeat 0 0;
}
.right-pic{
	float: right;
	width:570px;
	position:relative;
}
.right-pic img{
	position:absolute;
	right:0px;
	top:10px;
	/*opacity: 0;*/
	transition: all .5s;
}
.right-pic .out{
	opacity: 1;
}

/*以上为我们的优势部分*/

.cus-title{
	background:url(../img/index/customers-title.png) no-repeat center 135px;
	min-width:1200px;
}
.custmoers .content{
	width:1200px;
	margin:0 auto;
	overflow: hidden;
}
.custmoers .content img{
	width:100%;
}
.custmoers ul{
	width:540px;
	height:508px;
	float: left;
	margin:40px 60px 0 0;
	overflow: hidden;
}
.custmoers li{
	border-bottom: dashed 1px #E5E5E5;
	font:normal 16px/62px "微软雅黑";
	cursor: pointer;
}
.custmoers li:hover{
	color:#0977FE;
}
.custmoers li p{
	float: left;
}
.custmoers span{
	float: right;
	display: block;
}
.explain p{
	width:1200px;
	margin:30px auto 0;
	font:normal 16px "微软雅黑";
	text-align: center;
}

.advertise2{
	height:500px;
	float: right;
}
.advertise1{
	float: left;
	
}
.advertise-content ul li{
	height: 61px;
	line-height: 61px;;
}
.advertise-content{
	overflow: hidden;
	margin-top:80px;
}



/*以上为合作的客户部分*/

.process-title{
	background:url(../img/index/liucheng.png) no-repeat center 135px;
	min-width:1200px;
} 
.process .content{
	width:1200px;
	height:670px;
	margin:0 auto;
	position: relative;
	background:url(../img/index/liuchengxian.png) no-repeat center 60px
}

.process ul{
	position: absolute;
	left:310px;
	top:134px;
}
.process .bottom{
	top:420px;
	left:200px;
}
.process .bottom li{
	margin-right:76px;
}
.process li{
	float: left;
	width:124px;
	font-size:16px;
	line-height: 30px;
	text-align: center;
	margin-right:76px;
}

.process img{
	position: absolute;
	left:-400px;
	top:0;
	transition:all 1s;
	/*transform: rotateZ(3600deg);
	-ms-transform: rotateZ(3600deg);
	-moz-transform: rotateZ(3600deg);	
	-webkit-transform: rotateZ(3600deg);
	-o-transform: rotateZ(3600deg);*/
}

.process .img{
	position: absolute;
	left:310px;
	top:0px;
	transform: rotateZ(1440deg);
	-ms-transform: rotateZ(1440deg);
	-moz-transform: rotateZ(1440deg);	
	-webkit-transform: rotateZ(1440deg);
	-o-transform: rotateZ(1440deg);
}
	
.process .img1{
	left:510px;
	transform: rotateZ(2880deg);
	-ms-transform: rotateZ(2880deg);
	-moz-transform: rotateZ(2880deg);	
	-webkit-transform: rotateZ(2880deg);
	-o-transform: rotateZ(2880deg);
}
.process .img2{
	left:710px;
	transform: rotateZ(3600deg);
	-ms-transform: rotateZ(3600deg);
	-moz-transform: rotateZ(3600deg);	
	-webkit-transform: rotateZ(3600deg);
	-o-transform: rotateZ(3600deg);
}
.process .img3{
	left:910px;
	transform: rotateZ(4320deg);
	-ms-transform: rotateZ(4320deg);
	-moz-transform: rotateZ(4320deg);	
	-webkit-transform: rotateZ(4320deg);
	-o-transform: rotateZ(4320deg);
}
.process .img4{
	left:200px;
	top:280px;
	transform: rotateZ(3600deg);
	-ms-transform: rotateZ(3600deg);
	-moz-transform: rotateZ(3600deg);	
	-webkit-transform: rotateZ(3600deg);
	-o-transform: rotateZ(3600deg);
}
.process .img5{
	left:400px;
	top:280px;
	transform: rotateZ(3600deg);
	-ms-transform: rotateZ(3600deg);
	-moz-transform: rotateZ(3600deg);	
	-webkit-transform: rotateZ(3600deg);
	-o-transform: rotateZ(3600deg);
}
.process .img6{
	left:600px;
	top:280px;
	transform: rotateZ(3600deg);
	-ms-transform: rotateZ(3600deg);
	-moz-transform: rotateZ(3600deg);	
	-webkit-transform: rotateZ(3600deg);
	-o-transform: rotateZ(3600deg);
}
.process .img7{
	left:800px;
	top:280px;
	transform: rotateZ(3600deg);
	-ms-transform: rotateZ(3600deg);
	-moz-transform: rotateZ(3600deg);	
	-webkit-transform: rotateZ(3600deg);
	-o-transform: rotateZ(3600deg);
}
.process .img8{
	left:1000px;
	top:280px;
	transform: rotateZ(3600deg);
	-ms-transform: rotateZ(3600deg);
	-moz-transform: rotateZ(3600deg);	
	-webkit-transform: rotateZ(3600deg);
	-o-transform: rotateZ(3600deg);
}
.process img:hover{
	transform:rotateY(180deg);
}
/*以上为合作的流程内容*/

/*以下是底部内容*/
.footer{
	width:100%;
	height:150px;
	padding-top:10px;
	background:#232323;
}

.foot{
	width:1200px;
	margin:0 auto;
	margin-top:20px;
}
.foot ul{
	margin-left:185px;
    margin: 0 auto;
    width: 406px;
}
.foot li{
	float: left;
}
.foot li a{
	color:#666666;
	line-height:60px;
	padding:0 25px;
	font-size:14px;
}                                                  
.foot p{
	text-align: center;
	margin-bottom  : 20px;
}

.foot a:hover{
	color:#E5E5E5;
}
.fengta-logo{
	display: inline-block;
    height: 60px;
    margin-top: -5px;
    margin-right: 5px;
    margin-top: 13px;
    float: left;
}
.company-name{
	display: inline-block;
    font-size: 25px;
    font-weight: bold;
    margin-top: 35px;
    letter-spacing: 6px;
}
.nav-logo{
	color: white;
}
.company-site{
	font-size:13px;
}
.nav-contact{
	float: left;
	margin-top:15px;
}
.nav-contact span{
	color: white;
	font-size:18px;
	line-height:30px;
}


/************/
.qita{
	display:flex;
}
.qita a{
	flex:1;
	
}
.qita li.material-design{
	width:100%;
	overflow:hidden;
	position:relative;
	height:260px;
	cursor:pointer;
	color:#fff;
}
.qita a+a{
	margin-left:20px;
}
.material-design img{
	width:100%;
	height:100%;
}
.material-design .canvas {
	position:absolute;
	left:50%;
	top:50%;
	width:0px;
	height:0px;
	background:rgba(0,0,0,0.1);
	border-radius:50%;
}
.qita .material-design img{
	 transition: all 0.6s;
}
.qita .material-design:hover img{
	  transform: scale(1.05);
}
.qita .material-design:hover .canvas {
	width:200%;
	height:200%;
	border-radius:50%;
	left:-50%;
	top:-50%;
	transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.qita a h1{
	text-align:center;
	padding: 10px 0px;
    font-size: 20px;
    color:#000;
}