/*规格参数*/
.main {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.banner-c{
	width:1200px;
	height: 100%;
	margin:0 auto;
	position: relative;
}
.banner-cont {
    width: 20.1%;
    overflow: hidden;
	position: absolute;
	top:20%;
	left:7.4%;
}
.banner-logo{
	width:58.4%;
	margin-left: 8%;
}
.banner-logo  img{
	width:100%;
}
.banner-t1 {
    width: 100%;
    font-size: 46px;
    margin-top: 7%;
    font-weight: 600;
	color: #000000;
}
.banner-t2{
	width:100%;
	margin-top: 16%;
}
.banner-t2 li{
	color:#666;
	font-size: 18px;
	margin-top: 8%;
}
.banner-t2 li span{
	color:#e60012;
}
.banner-t2 li:first-child{
	margin-top: 0%;
}
.cs-banner{
	height:780px;
	background-image: url(../images/cs-banner.jpg);
    background-size: cover;
    background-position: center;
}


.cs-box{
	width:100%;
	margin-top:10%;
	margin-bottom: 5%;
}
.cs-tit{
	width:100%;
	font-size:30px;
	margin-bottom:5%;
}
.cs-ul{
	width:100%;
	overflow: hidden;
}
.cs-ul>li{
	width:100%;
	overflow:hidden;
	padding:5% 0;
	border-bottom:1px solid #918f8f;
	display: inline-block;
}
.cs-ul>li:first-child{
	border-top:1px solid #918f8f;
}
.cs-left{
	width:20.7%;
	float:left;
	font-size:24px;
	font-weight:600;
}
.cs-right{
	width:79.3%;
	float:left;
}
.cs-right>li{
	width:100%;
	overflow:hidden;
	line-height: 1.8em;
	margin-top:3%;
}
.cs-right>li:first-child{
	margin-top:0;
}
.cs-name{
	width:20.6%;
	float:left;
	font-size:20px;
	color:#000000;
}
.cs-js{
	width:73.4%;
	float:left;
	font-size:20px;
	color:#999999;
}
.banner-btn {
    width: 16%;
    margin-top: 4%;
    background: #e60012;
    /* border-radius: 30px; */
    padding: 0.3% 0 0.3%;
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    text-align: center;
}
.banner-btn a{
	color: #fff;
}

.cs-btn{
	margin:7% auto;
}

@media (max-width:1400px){
	.banner{
		height:600px;
	}
	.cs-banner{
 height:500px;
}
.banner-t2 {
    margin-top: 7%;
}
    .main-c{
    	width:1000px;
    }
	.banner-t2 li {
		margin-top: 7%;
	}
	.banner-t1 {
		font-size: 37px;
	}
}
@media (max-width:1200px){
	.main,.top-c,.banner-c{
		width:960px;
	}
	
	/*规格参数*/
	.banner-logo {
		width: 38.4%;
		margin-left: 5%;
	}
	.banner-c,.cs-banner .banner-c{
		width:960px;
	}
	.banner-t1 {
		font-size: 52px;
		margin-top: 4%;
	}
	.banner-t2 li {
		margin-top: 5%;
	}
	.cs-banner .banner-t2{
	margin-top:2%;
	width:50%;
	text-align: center;
	}
	.cs-banner .banner-t3{
		margin-top:2%;
	}
	.cs-banner .banner-btn{
		margin-top:3%;
	}
	.banner-t2{
		font-size:32px;
	}
	.banner-t3{
		font-size:24px;
	}
	.banner-btn{
		font-size:20px;
	}
	.cs-banner{
		height:500px;
	}
	.cs-name{
		width:22.6%;
	}
	.cs-js{
		width:77.4%;
	}
	.cs-btn{
		font-size:20px;
	}
	.banner-cont {
		width: 54.1%;
	}
	
}
@media (max-width:960px){
	.main,.top-c,.banner-main{
		width:750px;
	}
	.banner-c, .cs-banner .banner-c {
		width: 750px;
	}
}

@media(max-width:750px){
	/*规格参数*/
	.banner {
		height: auto;
		background: none;
		position: relative;
	}
	.banner img{
		width:100%;
	}
	.main {
		width: 100%;
		margin: 0 auto;
	}
	.cs-banner .banner-c{
		width:100%;
	   }
	   .banner-c {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		margin-top: 0;
	}
	.banner-cont {
		width: 90%;
		overflow: hidden;
		position: absolute;
		top: 45%;
		left: 5%;
	}
	.banner-logo {
		width: 35%;
		margin-left: 0%;
		margin:0 auto;
	}
	.cs-banner .banner-t2 {
		margin-top: 2%;
		width: 100%;
		text-align: center;
	}
	.banner-t2 li {
		color: #666;
		font-size: 3.2vw;
		margin-top: 4%;
		width: 100%;
		text-align: center;
	}
	   .cs-banner .banner-t1{
		width: 100%;
		   text-align: center;
		   margin-top: 1%;
		   font-size: 8vw;
	   }
	   .cs-banner .banner-btn {
		   width: 22.5%;
		   margin: 105% auto 0;
		   font-size: 3.2vw;
		   padding: 2% 0 2.8%;
		   line-height: 3.2vw;
	   }
	   .cs-box{
		width:93%;
		margin:6% auto;
	   }
	   .cs-tit{
		font-size:3.2vw;
		text-indent:2vw;
		margin-bottom:6%;
		font-weight: bold;
	   }
	   .cs-ul>li{
		padding:6% 0;
	   }
	   .cs-left{
		font-size:3.2vw;
		text-indent:2vw;
		line-height:1.3em;
	   }
	   .cs-name{
		width:29.6%;
		font-size:2.8vw;
	   }
	   .cs-js{
		width:70.4%;
		font-size:2.8vw;
	   }
	   .cs-right>li{
		line-height:1.3em;
	   }
	   .banner-btn.cs-btn{
		margin: 10% auto;
	   }
	  
		  /*精彩视频*/
		  /* .jc-btn {
			  width: 11.7%;
			  position: absolute;
			  top: 34.3%;
			  left: 44.4%;
			  cursor: pointer;
		  } */
		  .video-c {
			  left: 0;
			  margin-left: 0;
			  width: 100%;
			  top: 0%;
			  overflow: visible;
		  }
		  #cloud-video,
		  #cloud-video-1 {
			  width: 90%;
			  margin: 0 auto;
			  z-index: 1000;
		  }
		  .close {
			  position: absolute;
			  top: 30%;
			  right: 5%;
			  float: none;
			  width: 5%;
		  }
	  
	  .close-1 {
			  position: absolute;
			  top: 24%;
			  right: 5%;
			  float: none;
			  width: 5%;
		  }
		  .bottom{
			  height:auto; 
			  line-height:1.7em;
			  padding:2% 0;
		  }
		  
		  /*p0*/
		  .txt-w {
			  width: 100%;
			  font-size: 4.6vw;
			  color: #333333;
			  font-weight: 600;
			  text-align: center;
		  }
		  .line-w {
			  width: 9%;
			  height: 4px;
			  margin: 2% auto 0;
			  background: #E50012;
		  }
		  .banner-btn {
			width: 22.5%;
			margin: 105% auto 0;
			font-size: 3.2vw;
			padding: 2% 0 2.8%;
			line-height: 3.2vw;
		}
			  
}