*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

.banner{
	width: 100%;
	min-width: 1200px;
}

.banner img{
	width: 100%;
}

.banner iframe{
	width: 100%;
	height:720px;
	border: 0;
}
.banner-text{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	font-size: 38px;
	text-align: center;
	line-height: 50px;
	color: white;
}
.nav-title{
  width:100%;
  /*height: 65px;*/
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  position: relative;
}

/*.nav-title >.bounceInDown{
  position: absolute;
  top: 100%;
}*/

.nav-title .bounceInUp{
   animation: moveTop 1s;
   position: relative;
}


@keyframes moveTop
{
  0%{
    top: 100%;
  }

  100%{
    top: 0%;
  }

}

.nav-headline{
  font-size: 28px;
  color: #333333;
  display: inline-block;
  position: relative;
}

.nav-headline p{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0454F6;
  position: relative;
  margin-left: 5px;
  position: absolute;
  top: 8px;
  right: -13px;
}

.nav-brief{
  font-size: 13px;
  color: #666666;
  margin-top: 10px;
}


/*售后*/
#after{
	width: 1040px;
	margin: 0 auto;
	margin-top: 150px;
}

.after-container{
	height: 300px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 70px;
}

.after-item{
	width: 300px;
	box-shadow: 0 5px 10px rgba(226,226,226,1);
	cursor: pointer;
}

.after-item >div{
	height: 215px;
	text-align: center;
	line-height: 215px;
}

.after-item >div p{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	font-size:20px;
	font-weight:500;
	color:rgba(255,255,255,1);
}
.after-item >p{
	height: 85px;
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:22px;
	box-sizing: border-box;
	padding: 0 30px;
	margin-top: 7px;
	display: flex;
	align-items: center;
}

.after-item:hover{
	border-bottom: 5px solid rgba(4,84,246,1);
	transition: 0.5s;
	transform: translateY(-20px);
}

/*@keyframes movetop{
	0%{
		transform: translateY(0px);
	}
	100%{

	}
}*/

/*优势*/
#advantage{
	width: 100%;
	margin-top: 116px;
	padding-top: 32px;
	padding-bottom: 75px;
	background:rgba(245,246,250,1);
}

.advantage-container{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.ad-item{
	width:340px;
	height: 140px;
	display: flex;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 18px 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

.ad-item:hover{
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 10px 0px rgba(179,197,231,0.4);
	border-radius:10px;
}

.ad-item >img{
	margin-right: 10px;
}

.ad-name{
	font-size:20px;
	font-weight:500;
	color:rgba(41,41,41,1);
	line-height:28px;
	padding: 10px 0;
}

.ad-title{
	font-size:12px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:17px;
}

.more-btn{
	width: 155px;
	height: 40px;
	display: block;
	background:rgba(0,103,237,1);
	border-radius:25px;
	font-size:18px;
	font-weight:500;
	text-align: center;
	color:rgba(255,255,255,1);
	line-height:40px;
	margin: 0 auto;
	margin-top: 50px;

}

/*服务*/
#server{
	width: 100%;
	padding: 70px 0 100px 0;
	border:1px solid rgba(226,226,226,1);
}


.server-container{
	width: 1100px;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	align-items: center;
}

.server-list{
  width: 410px;
  height: 650px;
  box-shadow:0px 1px 24px 0px rgba(138,144,153,0.19);
}

.server-item{
	width: 410px;
	height: 65px;
	font-size:18px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:65px;
	float: right;
	box-sizing: border-box;
	border-bottom:1px dashed rgba(226,226,226,1);
}

.server-item span{
	padding-left: 35px;
}

.server-item:hover{
   width: 420px;
   background: url(../images/system/active.png);
   color:rgba(255,255,255,1);
   border: 0;
}

.server-item:hover span{
   padding-left: 45px;
}

.server-video{
	width: 624px;
	min-height: 250px;
	box-shadow:0px 2px 55px 0px rgba(138,144,153,0.7);
	border-radius:5px;
	margin: 0px 0 0 100px;
}

.server-video video{
	width: 100%;
	height: 100%;
}

/*客户*/

#client{
	width: 1100px;
	margin: 0 auto;
	margin-top: 70px;
}

.client-container{
   width: 1100px;
   height: 400px;
   background: url(../images/system/client.png);
   margin-top: 30px;
}

/*平台*/
#point{
	width: 1060px;
	margin: 0 auto;
	margin-top: 150px;
	margin-bottom: 150px;
}

.point-container{
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.point-item{
	width: 500px;
	height: 210px;
	font-size:28px;
	font-weight:500;
}

.point-item a{
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 210px;
	display: block;
	color:rgba(255,255,255,1);
}

.point-item:hover a{
	background:rgba(255,255,255,0.2);
}



/*招商*/


/*功能*/
#function{
	margin-top: 120px;
	background-color: #fafbfd;
}

.function-container{
	width: 1040px;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fun-item{
	width: 210px;
	font-size:12px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:17px;
	text-align: center;
	margin-bottom: 110px;
}

.fun-item p {
	margin-top: 15px;
}


/*保障*/

.sgd-handle{
	width: 1100px;
	margin: 0 auto;
	display: flex;
	/*margin-top: 40px;*/
	margin-bottom: 105px;
}

.hde-image{
	width: 485px;
	height: 280px;
	/*background: #666666;*/
	margin-right: 95px;
}

.sgd-head{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.sgd-head h3{
	font-size:46px;
	font-weight:400;
	color:#6baeef;
	line-height:65px;
	margin-right: 20px;
}
.sgd-head  p{
	font-size:30px;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:42px;
}
.sgdian{
	font-size:30px;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:42px;
}
.sgd-head  span{
	color:#0454F6;
}
.sgd-head p p{
	  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0454F6;
  position: relative;
  margin-left: 5px;
  position: absolute;
  top: 8px;
  right: -13px;
}

.sgd-item{
	font-size:14px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:20px;
	display: flex;
	margin-bottom: 15px;
}


.sgd-item p{
	min-width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #0454F6;
    margin: 8px;
}

.sgd-generalize >div{
	width: 1100px;
	margin: 0 auto;
	padding: 80px 0 ;
}

.sgd-train{
	width: 1100px;
	margin: 0 auto;
	display: flex;
	margin-top: 120px;
}

.train-images{
	min-width: 580px;
	height: 370px;
	/*background: #666666;*/
	margin-right: 70px;
}

.sgd-sell{
	width: 1100px;
	margin: 0 auto;
	margin-top: 120px;
	display: flex;
}

.sell-images{
	min-width: 580px;
	height: 456px;
	/*background: #666666;*/
	margin-left: 80px;
}

/*我们实力*/

#living{
	width: 1200px;
	margin:0 auto;
	margin-top: 120px;
}
.living-list{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.living-list li{
	width: 280px;
	height: 400px;
}


/*联系我们*/

#about{
	margin-top: 265px;
	padding-bottom: 192px;
}

.formSubmit{
	margin-top: 58px;
}


.formData{
	width:1020px;
	margin: 0 auto;
	margin-top: 30px;
}
.formData >div{
	display: flex;
	justify-content: space-between;
}

.formData >div >div{
   width: 500px;
   height: 56px;
   border: 2px solid #DEE5EA;
   border-radius: 5px;
   overflow: hidden;
   box-sizing: border-box;
   display: flex;
   align-items: center;
}

.formData >div >div >img{
   margin: 0 10px;
}
.formData >div >div input{
	width: 90%;
	height: 100%;
	border:0;
	outline: none;
	font-size: 24px;
	color: #666666;
}

.formData textarea{
	width: 100%;
	height: 250px;
	margin-top: 20px;
	border: 2px solid #DEE5EA;
	border-radius: 5px;
	font-size: 24px;
	color: #666666;
	box-sizing: border-box;
	padding: 10px;
	outline: none;
}

.formData button{
	width: 200px;
	height: 56px;
	background: #F95166;
	border-radius: 5px;
	font-size: 24px;
	color: #FFFFFF;
	border:0;
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 30px;
}

.tell{
	font-size:28px;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:40px;
	text-align: center;
}

/*摄影*/

/*介绍*/
#letter{
	width: 1100px;
	margin: 0 auto;
	margin-top: 50px;
}
.letter-content{
	text-align: center;
	font-size:20px;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:28px;
	margin-top: 10px;
}

/*内容*/
#matter{
	width: 1200px;
	margin: 0 auto;
	margin-top: 70px;
}

.matter-container{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	padding-bottom: 80px;
}

.atr-item{
	width: 270px;
	height: 180px;
	font-size:20px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:28px;
	cursor: pointer;
}
.atr-item >div{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.atr-item:nth-of-type(n+5){
	margin-top: 30px;
}

.atr-item:hover >div{
	background:rgba(4,84,246,1);
}

/*案例*/

#pano{
	width: 1100px;
	margin: 0 auto;
}

.pano_show .swiper-slide{
	position: relative;
}

.pano_show p{
   width: 100%;
   height: 40px;
   line-height: 40px;
   text-align: center;
   position: absolute;
   background: rgba(0,0,0,0.4);
   bottom: 0;
   color: white;
}

/*视频*/
#video{
	width: 1200px;
	margin: 0 auto;
	margin-top: 80px;
}
.video-container{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}

.video-container video{
	width: 580px;
	height: 325px;
}

.moreDemand{
	width: 100%;
	height: 100px;
	display: block;
	font-size:24px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:100px;
	text-align: center;
	margin-top: 134px;
}

/*联系我们*/
#linkabout{
	background:rgba(247,247,247,1);
	padding:40px 0 100px 0;
}
.link-about-list{
	width: 1000px;
	margin:0 auto;
 	display: flex;
 	justify-content: space-between;
 	font-size:18px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:25px;
	margin-top: 90px;
}