body{
	font-size: 14px;
 }
	.blockquote {
	    margin-bottom: 0rem;
	    font-size: 1.25rem;
	}
	.navbar-light .navbar-toggler {
		background: white;
		width: 3.3rem;
		}
		.hebing{
		padding: 15px 25px 5px 25px;
		}
 .bg-light{
			background-color: #282828 !important;
	  }
	  .nav-link{
			color: white !important;
	   
	  }
	  .nav-item a:hover{
			background-color: #329DFF;
			border-radius: 5px;
	  }
	  .nav-item{
			width: 90px;
			text-align: center;
			margin: 5px;
	  }
	  .navbar{
			padding: 0rem 1rem;
	  }
	  .navbar-expand-lg .navbar-collapse {
			flex-direction: column-reverse;
	  }
	  .row{
		  text-align: center;
		  justify-content: space-around;
	  }
	  h1{
		    line-height: 0.3 !important;
		    margin-top: 125px !important;
	  }
	  .rounded{
		  border-radius: 30px;
	  }
	  h1 { font-size: calc(0.7em + 1.5vw); }
	  .blockquote-footer{ font-size: calc(0.1em + 1.2vw); padding-bottom: 35px;}
	  .col{
		  font-size: calc(0.01em + 1.15vw); 
		  padding: 0 1px;
	  }
	#development{
		
	}
	#call{
		background: url(../img/Bg@1x.jpeg)  ;
	}
	/* 梯形 */
	.tixing{
	height: 630px;
	width: 68%;
	/* 固定的盒子必须有宽度 */
     background: url(../img/tixing.png) no-repeat;
	 background-size:100%;
	 margin:15px auto;
	}
	.content{
      width:600px;
	padding: 30px 45px;
	 font-size: 30px;
	 /* border: 1px solid red; */
	 float: right;

	}
	.content .d360{
     color: #bcbcbc;
	 font-size:100px;
	  text-align: end;
	  float: right;
     margin-top: 200px;	  
	}

	/* 大型移动设备 */
	@media screen and (max-width:425px){
/* 梯形 */
.content{
	width:270px;
  padding: 9px 16px;
   font-size: 7px;
   /* border: 1px solid red; */
   float: right;

  }
  .content .d360{
   color: #bcbcbc;
   font-size:50px;
	text-align: end;
	float: right;
   margin-top: 50px;	  
  }
    

	}


	@media screen and (max-width:768px){
		/* 梯形 */
		.content{
			width:270px;
		  padding: 9px 16px;
		   font-size: 7px;
		   /* border: 1px solid red; */
		   float: right;
	  
		  }
		  .content .d360{
		   color: #bcbcbc;
		   font-size:50px;
			text-align: end;
			float: right;
		   margin-top: 50px;	  
		  }
}

/* 联系我们 */
.di1{
			 display: block;
			 text-align: center;
			 
		}
.contactus{
  width: 100%;
 /* height: 500px; */
  background: url(../img/Bg@1x.jpeg) no-repeat;
  background-size: 100%;
}

.contactus .title{
   color: aliceblue;
   font-size: 30px;
   padding-top: 20px;
padding-left: 120px; 
margin-bottom: 5px;  
}

.contactus .contents{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: aliceblue;
  width: 85%;
  margin: auto;
}

.contactus  #container1{
  width: 400px;
  height: 200px;
  border-radius: 6px;
  display: flex;
}
.didian{
	margin-top: 10px;
	font-size: 15px;
}

.contactus div{
	/* font-size: 25px; */
}
.contactus .name{
	font-size: 30px;
}
.contactus .text{
   font-size: 15px;
}
.box{
	text-align: center;
	height: 135px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  padding-right: 50px;
}
.imgssss{
/* border: 1px solid red; */
}
.imgssss .img{
width: 50px;
height: 50px;
}
/* 联系我们 */
@media screen and (min-width:768px) and (max-width:960px){
		.contactus .contents{
		  width: 88%;
		}
		.contactus .name{
			font-size: 20px;
		}
		.contactus  #container1{
		  width: 270px;
		  height: 145px;
		  border-radius: 7px;
		  display: flex;
		}
		.contactus .title{
		    color: aliceblue;
		    font-size: 25px;
		    padding-top: 6px;
		    padding-left: 50px;
		    margin-bottom: 2px;
		}
h1{
		line-height: 0.3 !important;
		margin-top: 60px !important;
		}
	.dizhi{
		visibility: hidden;
	
	}
		
	}
@media screen and (min-width:320px) and (max-width:767px){
	.di1{
	 padding-top: 8px;
	}
	/* .col{
		font-size: calc(0.01em + 1.15vw);
		padding: 0rem;
	} */
	.container2{
		padding-bottom: 20px !important;
	
	}
	h1{
	line-height: 0.3 !important;
	margin-top: 40px !important;
	}
	.blockquote-footer {
	    font-size: calc(0.1em + 1.2vw);
	    padding-bottom: 0px;
	}
		.contactus .contents{
		  width: 65%;
		}
		.contactus .name{
			font-size: 10px;
		}
		.contactus  #container1{
		  width: 270px;
		  height: 145px;
		  border-radius: 7px;
		  display: flex;
		}
		.contactus .title{
		color: aliceblue;
		font-size: 10px;
		padding-top: 10px;
		padding-left: 50px; 
		margin-bottom: -5px;  
		}
		.ditu{
			display: none;
		}
		.imgssss{
			display: none;
		}
		.b{
			display: none;
		}
		.box{
			text-align: center;
			height: 25px;
		  display: flex;
		  align-items: center;
		  flex-direction: column;
		  justify-content: space-around;
		  padding-right: 50px;
		}
		.contactus{
		  width: 100%;
		  height: 100px;
		 /* height: 500px; */
		  background: url(../img/Bg@1x.jpeg) no-repeat;
		  background-size: 100%;
		}
	}
	@media screen and (min-width:961px) and (max-width:2560px){
		.di{
			padding-bottom: 120px !important;
		}
		.dizhi{
			visibility: hidden;
		
		}
		.contactus .title {
		    color: aliceblue;
		    font-size: 30px;
		    padding-top: 12px;
		    padding-left: 120px;
		    margin-bottom: 5px;
		}
		
	}
	@media screen and (min-width:1440px) and (max-width:2560px){
		.contactus{
			height: 400px !important;
		}
		.contactus .title {
		    color: aliceblue;
		    font-size: 30px;
		    padding-top: 60px;
		    padding-left: 120px;
		    margin-bottom: 25px;
		}
		.dizhi{
			visibility: hidden;
		}
		
	}
	
	
	












	@media screen and (min-width:768px) and (max-width:960px){
		    	/* 梯形 */
				.content{
					width:300px;
				  padding: 30px 15px;
				   font-size: 15px;
				   /* border: 1px solid red; */
				   float: right;
				  }

				  .content .d360{
				   color: #bcbcbc;
				   font-size:50px;
					text-align: end;
					float: right;
				   margin-top: 50px;	  
				  }
				  .di{
					  padding-bottom: 65px !important;
				  }
				 
	}


	@media screen and (min-width:992px){
         	/* 梯形 */
		.content{
		  width:400px;
		padding: 30px 45px;
		 font-size: 17px;
		 /* border: 1px solid red; */
		 float: right;
	
		}
		.content .d360{
		 color: #bcbcbc;
		 font-size:60px;
		  text-align: end;
		  float: right;
		 margin-top: 50px;	  
		}
	}

	  @media screen and (min-width:1200px){
       	/* 梯形 */
		.content{
		  width:460px;
		padding: 30px 45px;
		 font-size: 20px;
		 /* border: 1px solid red; */
		 float: right;
	
		}
		.content .d360{
		 color: #bcbcbc;
		 font-size:80px;
		  text-align: end;
		  float: right;
		 margin-top: 50px;	  
		}

	  }
	
@media screen and(min-width:1620px){

}
/* 优势所在*/
  @media screen and (min-width:1440px){
		
		/* #advantage{
			 background: url(../img/nice.jpeg) no-repeat;
			 background-size: 100%;
			 height: 820px;
		} */
					#one{
						width: 200px;
						display: block;
					}
						
					#two{
						width: 200px;
						display: block;
					}
					.A{
						width: 210px;
					    padding-left: 50px;
					    padding-top: 15px;
					}
					#twos{
						display: flex;
						
						width: 420px;
						
					}
	}