/*屏幕宽度 <= 700px*/
@media only screen and (max-width: 700px) {
	
	.index-banner-content-out {
		z-index: 1;
	}
	/*字体颜色*/
	.index-banner-title,
	.index-banner-subtitle {
		color: #fff;
		text-shadow: 0 0 8px #000;
	}
	
	.index-contact-out {
		border: 1px solid #ccc;
	}
	
	.index-other-body-l-content,
	.index-other-body-r-content,
	.index-other-secound-content {
		background: rgba(0, 0, 0, .4) !important;
	}
	.index-other-body-l-title,
	.index-other-body-r-title,
	.index-other-secound-title,
	.index-other-body-l-abstract,
	.index-other-body-r-abstract, 
	.index-other-secound-abstract {
		color: #fff !important;
	}
	
	.index-other-body-l-learn-more,
	.index-other-body-r-learn-more,
	.index-other-secound-learn-more {
		color: #fff !important;
		background: #46b036 !important;
	}
	
	
	/*固定左右边距*/
	.index-body-mg-lr {
		margin: 0 40px;
	}
	
	/*banner*/
	.index-banner-out {
		overflow: hidden !important;
		height: 280px !important;
	}
	.index-banner {
		position: absolute;
		left: 50%;
		margin-left: -350px;
		width: 700px !important;
		height: 280px !important;
	}
	.index-banner-content-out {
		position: absolute;
		left: 0;
		bottom: 50px;
		margin: 0 20px;
		width: calc(100% - 40px);
		text-align: center;
	}
	.index-banner-title,
	.index-banner-subtitle {
		margin-bottom: 20px;
		font-size: 18px;
	}
	
	.index-banner-tel-out {
		text-align: center;
	}
	.index-banner-tel {
		padding: 6px 16px;
	}
	.index-banner-tel > img {
		margin-right: 10px;
		width: 22px;
	}
	.index-banner-tel > span {
		font-size: 18px;
	}
	/*搜索*/
	
	.index-big-search-out {
		margin-top: -20px;
	}
	.index-big-search-out > div {
		height: 40px;
		line-height: 40px;
	}
	.index-big-search-btn  {
		font-size: 14px;
	}
	
	.index-big-search > img {
		margin-left: 6px;
		margin-right: 6px;
		width: 18px;
		height: 40px;
	}
	.index-big-search > input {
		width: calc(100% - 30px);
		height: 40px;
		font-size: 12px;
	}
	
	.index-big-search-contact > a > img {
		width: 16px;
		height: 16px;
	}
	.index-big-search-contact > a > span {
		font-weight: bold;
		font-size: 12px;
	}
	
	
	/*工程案例*/
	.index-gongcheng-out {
		margin-top: 20px;
	}
	.index-gongcheng-single-out {}
	
	.index-gongcheng-content-out {
		width: 100%;
	}
	.index-gongcheng-pic-out {
		width: 100%;
	}
	.index-gongcheng-pic {
		width: 100%;
		height: auto;
	}
	
	.index-gongcheng-content-in {
		margin: 20px;
	}
	.index-gongcheng-content-title {
		font-size: 18px;
		font-weight: bold;
	}
	.index-gongcheng-content-abstract {
		margin-top: 10px;
		font-size: 12px;
		line-height: 24px;
	}
	
	.index-gongcheng-content-littles {
		margin-top: 20px;
	}
	.index-gongcheng-more-little-name {
		display: inline-block;
		margin-bottom: 5px;
		margin-right: 10px;
		padding-right: 10px;
		font-size: 12px;
		line-height: 14px;
		border-right: 1px solid #ccc;
	}
	.index-gongcheng-more-little-name:last-child {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}
	
	.index-gongcheng-more-out {margin-top: 10px;}
	.index-gongcheng-more-a {
		padding: 4px 16px;
		font-size: 12px;
	}
	
	
	/*方案 热水等*/
	.index-fangan-out {
		
	}
	.index-fangan-child-out {
		margin-top: 20px;
		width: 100%;
	}
	
	
	/*联系人*/
	.index-contact-out {
		margin-top: 20px;
		padding: 15px 20px;
		width: calc(100% - 2px - 40px);
	}
	.index-contact-lr {
		
	}
	.index-contact-left {
		margin-bottom: 15px;
	}
	.index-contact-lr > span {
		display: inline-block;
		vertical-align: middle;
	}
	.index-contact-lr > span:nth-child(1) {
		margin-right: 10px;
	}
	.index-contact-lr > span:nth-child(1) > img {
		display: inline-block;
		vertical-align: middle;
		width: 20px;
		height: 20px;
	}
	.index-contact-lr > span:nth-child(2) {
		font-size: 14px;
		font-weight: bold;
	}
	
	
	/*地图*/
	.index-map-bg-color {
		margin-top: -45px;
		margin-bottom: 80px;
	}
	.index-map-out {
		
	}
	.index-map-zhanwei {
		height: 80px;
	}
	.index-map {
		margin-bottom: -40px;
	}
	
	/*研发*/
	.index-yanfa-out {
		
	}
	.index-yanfa-bg {
		
	}
	.index-yanfa-content {
		
	}
	.index-yanfa-title {
		margin-top: 30px;
		font-size: 18px;
		font-weight: bold;
	}
	.index-yanfa-abstract {
		font-size: 12px;
		line-height: 24px;
	}
	
	.index-yanfa-learn-more {
		margin-top: 10px;
		padding: 4px 12px;
		font-size: 14px;
	}
	

	/*您可能还对此感兴趣？*/
	.index-other-out {
		margin-top: 40px;
	}
	.index-other-content-title {
		font-size: 20px;
		font-weight: bold;
	}
	.index-other-zhanwei {
		height: 10px;
	}
	.index-other-bg {
		
	}
	.index-other-body-out {
		padding: 20px 0;
	}
	.index-other-body-lr-out {
		
	}
	.index-other-body-lr {
		position: relative;
		max-height: 300px;
		overflow: hidden;
	}
	.index-other-body-l {
		margin-bottom: 10px;
	}
	.index-other-body-r {
		
	}
	.index-other-body-l-bg,
	.index-other-body-r-bg {
		width: 100%;
	}
	.index-other-body-l-content,
	.index-other-body-r-content {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 20px;
		width: calc(100% - 40px - 40px);
	}
	.index-other-body-l-content {}
	.index-other-body-r-content {}
	
	.index-other-body-l-title,
	.index-other-body-r-title, 
	.index-other-secound-title {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.index-other-body-l-title {}
	.index-other-body-r-title {}
	.index-other-secound-title {}
	
	.index-other-body-l-abstract,
	.index-other-body-r-abstract, 
	.index-other-secound-abstract {
		font-size: 12px;
		line-height: 20px;
	}
	.index-other-body-l-abstract {}
	.index-other-body-r-abstract {}
	.index-other-secound-abstract {}
	
	.index-other-body-l-learn-more,
	.index-other-body-r-learn-more,
	.index-other-secound-learn-more {
		display: inline-block;
		margin-top: 20px;
		padding: 6px 14px;
		font-size: 12px;
	}
	.index-other-body-l-learn-more {}
	.index-other-body-r-learn-more {}
	.index-other-secound-learn-more {}
	
	.index-other-body-r-content-icon {
		position: absolute;
		right: -30px;
		bottom: 50px;
		width: 120px;
	}
	
	.index-other-secound-out {
		position: relative;
		margin-top: 10px;
	}
	.index-other-secound-content {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 20px;
		max-width: calc(100% - 40px - 40px);
	}
	.index-other-secound-bg {
		width: 100%;
	}
	
}



@media only screen and (max-width: 600px) {
	
	/*固定左右边距*/
	.index-body-mg-lr {
		margin: 0 20px;
	}
	
	/*研发*/
	.index-yanfa-title {
		margin-top: 20px;
		font-size: 16px;
	}
	/*您可能还对此感兴趣？*/
	.index-other-secound-content {
		margin-top: -50px;
		position: relative !important;
		max-width: calc(100% - 40px);
	}
	
	.index-big-search-contact {
		display: none !important;
	}
	.index-big-search {
		width: calc(100% - 100px) !important;
	}
	.index-big-search-btn {
		width: 100px;
	}
}
@media only screen and (max-width: 550px) {
	
	/*研发*/
	.index-yanfa-title {
		font-size: 14px;
	}
	.index-yanfa-abstract {
		font-size: 12px;
		line-height: 14px;
	}
	
	.index-yanfa-learn-more {
		padding: 2px 10px;
		font-size: 12px;
	}
	
	
}
@media only screen and (max-width: 500px) {
	
	/*固定左右边距*/
	.index-body-mg-lr {
		margin: 0 10px;
	}
	
	/*研发*/
	.index-yanfa-title {
		margin-top: 7px;
	}
	
	
	/*您可能还对此感兴趣？*/
	.index-other-content-title {
		font-size: 18px;
	}
	
	.index-other-body-out {
		padding: 10px 0;
	}
	
	.index-other-body-lr {
		max-height: 1000px !important;
	}
	.index-other-body-l-content,
	.index-other-body-r-content {
		
	}
	.index-other-body-l-content,
	.index-other-body-r-content, 
	.index-other-secound-content {
		padding: 10px;
		width: calc(100% - 20px);
		max-width: calc(100% - 20px);
	}
	.index-other-secound-content {margin-top: -40px;}
	.index-other-body-l-title,
	.index-other-body-r-title {
		font-size: 16px;
	}
	
	.index-other-body-l-learn-more,
	.index-other-body-r-learn-more,
	.index-other-secound-learn-more {
		padding: 4px 8px;
		font-size: 12px;
	}
	
	.index-other-body-r-content-icon {
		right: 0;
		bottom: 30px;
		width: 80px;
	}
}
@media only screen and (max-width: 350px) {
	.index-other-body-r-content-icon {
		z-index: 1;
	}
	.index-other-body-l-title,
	.index-other-body-r-title,
	.index-other-body-l-abstract,
	.index-other-body-r-abstract,
	.index-other-body-l-learn-more,
	.index-other-body-r-learn-more,
	.index-other-secound-learn-more	{
		z-index: 2;
	}
	/*您可能还对此感兴趣？*/
	.index-other-content-title {
		font-size: 16px;
	}
	.index-other-body-l-content,
	.index-other-body-r-content {
		position: relative !important;
		margin-top: -40px;
	}
	
	.index-other-body-l-title,
	.index-other-body-r-title {
		position: relative;
		font-size: 14px;
	}
	
	.index-other-body-l-abstract,
	.index-other-body-r-abstract {
		position: relative;
	}
	
	.index-other-body-l-learn-more,
	.index-other-body-r-learn-more,
	.index-other-secound-learn-more {
		position: relative;
	}
	
}