@media screen and (min-width:1200px) {
	html{
		font-size: 75px;
	}
	.navbar-top-right{
		
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 0.13rem;
		height: 1.33rem;
		margin-left: 1.4rem;
		float: right;
	}
	/* .modal{
		display: none;
	} */
}
@media screen and (min-width:992px) {
	html{
		font-size: 50px;
	}
	.navbar-top-right{
		
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 0.13rem;
		height: 1.33rem;
		margin-left: 1.4rem;
		float: right;
	}
	.madal{
		display: none;
	}
}
/* @media screen and (min-width:768px) {
	html{
		font-size: 30px;
	}
} */
@media screen and (max-width:991px) {
	html{
		font-size: 35px;
	}
	.navbar-top-right{
		
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 0.13rem;
		height: 1.33rem;
		margin-left: 1.4rem;
		float: right;
	}
	.madal{
		display: none;
	}
}
@media screen and (max-width:670px) {
	.navbar-top-right{
		display: none;
	}
	.madal{
		color: #FFFFFF;
		background-color: #000000;
		margin-top: 0.23rem;
		height: 1rem;
		font-size: 15px;
		float: right;
		padding: 7px;
		margin-right: 21px;
		border-radius: 7px;
		display: block;
	}
}
body{
 /* 12÷10=1.2 */
padding: 0;
margin: 0;
}

/* 导航栏 */
.alls{
	height: 100vh;
	background-color: #eee;
}
.navbar-banners{
	width: 100%;
	height: 9rem;
	
}
.navbars1{
	background-image: url(../img/index/banner1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.navbars2{
	background-image: url(../img/serves/banner.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.navbars3{
	background-image: url(../img/case/ban2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.navbars3-1{
	background-image: url(../img/case/ban1.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.navbars4{
	background-image: url(../img/contact/banner.png);
	background-repeat: no-repeat;
	background-size: 100% ;
}
.borders{
	width: 100%;
	border-bottom: 2px solid rgba(255,255,255,0.1);
}
.navbar-top{
	width: 70%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	
}
.navbar-default{
	border: none;
	background-color: rgba(255,255,255,0);
	margin-top: 10px;
}
.navbar-top-left{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	margin-top: 0.35rem;
}
.active-bor{
	border-bottom: 2px solid #FFFFFF !important;
}
.active{
	border-bottom: 2px solid #FFFFFF;
}
.navbar-top-left img{
	max-width: 0.4rem;
	/* height: 0.64rem; */
}
.navbar-top-left-right{
	margin-left: 10px;
}
.navbar-top-left-right-name2{
	font-size: 0.173rem;
	margin-top: 0.06rem;
}

.navbar-top-right a{
	height: 100%;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.266rem;
	float: right;
}
.navigit{
	height: 1.33rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.6rem;
	
}
.active a{
	border-bottom: 2px solid #FFFFFF;
	background-color: rgba(255,255,255,0);
}
.navbar-nav a{
	color: #FFFFFF !important;
}
.navbar-center{
	height: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* margin-top: 50%; */
}
.center-title1{
	font-size: 0.8rem;
	color: #FFFFFF;
	/* font-weight: bold; */
	letter-spacing:6px;
	margin: 1rem 0 0.3rem 0;
	text-align: center;
}
.center-title2{
	font-size: 0.226rem;
	color: #FFFFFF;
	margin-bottom: 0.7rem;
	text-align: center;
}
.center-title3{
	max-width: 7rem;
	font-size: 0.173rem;
	color: rgba(255,255,255,0.8);
	border: 2px solid #FFFFFF;
	padding: 5px 5px;
	text-align: center;
	
}

.bders1{
	padding: 0;
}

/* 横 */
.lines{
	width: 100%;
	height: 10px;
	background-color: #eee;
}


/* 案例 */
.case{
	/* margin-top: 15px; */
	background-color: #eee;
}
.case-line1{
	width: 60%;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FFFFFF;
	padding: 40px 10px 10px 10px;
	border-bottom: 1px solid #E1E1E1;
}
.case-title-right{
	display: flex;
	flex-wrap: wrap;
}
.line1-name{
	font-size: 20px;
	color: #000000;
	
}
.line1-des{
	font-size: 14px;
	color: #666666;
}
.options{
	font-size: 14px;
	color: #666666;
	padding: 5px 10px;
}
.alone{
	background-color: #000000;
	color: #FFFFFF;
}
.case-line2{
	width: 60%;
	margin: 0px auto;
	display: flex;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;
	justify-content: space-between;
	flex-wrap: wrap;
}
.case-line2 img{
	max-width: 100%;
	max-height: 100%;
}
.sea{
	width: 22%;
	background-color: #FFFFFF;
	/* margin-left: 10px; */
}
.line1-tex{
	
	/* width: 30%; */
	border: 1px solid #E1E1E1;
	margin-top: 30px;
}
.line2-des{
	height: 2rem;
	padding: 0.26rem 0.16rem 0.26rem 0.16rem;
	color: #333;
}
.arrow{
	max-width: 40px;
	max-height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #E1E1E1;
	margin: 0.14rem 0.1rem;
	padding: 2px;
	
}
.arrow img{
	max-width: 20px;
	/* height: 7px; */
}
.mess{
	width: 60%;
	background-color: #FFFFFF;
	margin: -25px auto;
	padding-top: 40px;
	padding-bottom: 40px;
}
.more{
	max-width: 2.4rem;
	line-height: 0.4rem;
	border: 1px solid #E1E1E1;
	text-align: center;
	margin: 1rem auto;
	font-size: 0.3rem;
	color: #000000;
	padding: 10px 10px;
}
/* 联系方式 */
.contact{
	width: 100%;
	
	background-color: #eee;
}
.usmode{
	width: 58%;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 13px 15px;
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
}

.mode-1{
	font-size: 0.346rem;
	color: #333333;
	/* margin: 10px 10px; */
}
.mode-2{
	font-size: 0.213rem;
	margin-top: 0.4rem;
	color: #666666;
	
}
.mode-3{
	font-size: 0.213rem;
	margin-top: 9px;
	color: #666666;
	
}
.mode-4{
	font-size: 0.213rem;
	margin-top: 9px;
	color: #666666;
	
}
.mode-lf{
	width: 100%;
	height: 3.2rem;
	background-color: #FFFFFF;
	margin-top: 10px;
	padding-top: 0.373rem;
	padding-left: 0.413rem;
}
.dress1{
	width: 100%;
	/* margin-top: 10px; */
	background-color: #eee;
}
.mode-ri{
	width: 100%;
	height: 3.2rem;
	margin-top: 10px;
	background-color: #FFFFFF;
	padding-top: 0.2rem;
	padding-right: 0.373rem;
	padding-bottom: 0.6rem;
}
.mode-ri img{
	width: 2.73rem;
	height: 2.73rem;
}
.blackbode{	
	width: 100%;
	height: 3.2rem;
	background-color: #FFFFFF; 
	margin-top: 10px;
}

.mstat{
	padding: 15px;
	font-size: 15px;
	display: flex;
	justify-content: space-between;
 
}
.mstat a{
	text-decoration: none;
	color: #000000;
}
.mst-name1{
	/* margin-right: 10px; */
}

.case-title{
	padding:5px;
	font-weight: bold;
 font-size: 15px;
}
.buybt{
	border-radius: 5px;
	background:#ff6666;
	color:#fff;
	width:80%;
	height:40px;
	line-height:40px;
	margin:5px 10%;
	text-align: center;
}

.nosale{
	background:#666666;
}

.case-des{
	padding:5px;
	font-size: 9px;
	color:#666;
}

.xcx{
	width:10px;
	height:10px;
}