/*屏幕宽度 >=700px*/
@media only screen and (min-width: 700px){
	
	.index-banner-content-out {
		z-index: 1;
	}
	.index-other-secound-content {
		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-learn-more,
	.index-other-body-r-learn-more, 
	.index-other-secound-learn-more {
		color: #fff;
		background: #46b036;
	}
	.index-other-body-l-learn-more:hover,
	.index-other-body-r-learn-more:hover, 
	.index-other-secound-learn-more:hover {
		color: #f1f1f1;
	}
	
	.index-other-body-l-content,
	.index-other-body-r-content, 
	.index-other-secound-content {
		background: #fff;
	}
	
	/*固定左右边距*/
	.index-body-mg-lr {
		margin: 0 20px;
	}
	
	/*banner*/
	.index-banner {
		width: 100%;
	}
	.index-banner-content-out{
		position: absolute;
		bottom: 50px;
		left: 0;
		margin: 0 20px;
		width: calc(100% - 40px);
	}
	.index-banner-title,
	.index-banner-subtitle {
		margin-bottom: 20px;
		font-size: 24px;
	}
	.index-banner-tel-out {
		text-align: right;
	}
	.index-banner-tel {
		padding: 10px 22px;
	}
	.index-banner-tel > img {
		margin-right: 10px;
		width: 26px;
	}
	.index-banner-tel > span {
		font-size: 26px;
	}
	
	/*搜索*/
	
	.index-big-search-out {
		margin-top: -30px;
	}
	.index-big-search-out > div {
		height: 60px;
		line-height: 60px;
	}
	.index-big-search-btn  {
		font-size: 18px;
	}
	
	.index-big-search > img {
		margin-left: 10px;
		margin-right: 10px;
		width: 20px;
		height: 60px;
	}
	.index-big-search > input {
		width: calc(100% - 40px);
		height: 60px;
		font-size: 16px;
	}
	
	.index-big-search-contact > a > img {
		width: 18px;
		height: 18px;
	}
	.index-big-search-contact > a > span {
		font-weight: bold;
		font-size: 16px;
	}
	

	
	
	/*工程案例*/
	.index-gongcheng-out {
		margin-top: 30px;
	}
	.index-gongcheng-single-out {
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.index-gongcheng-pic-out,
	.index-gongcheng-content-out {
		width: 50%;
		height: 290px;
		
		overflow: hidden;
	}
	
	.index-gongcheng-pic {
		position: absolute;
		right: 0;
		width: auto;
		height: 100%;
	}
	
	.index-gongcheng-content-in {
		margin: 20px 40px 0 40px;
	}
	.index-gongcheng-content-title {
		font-size: 22px;
		font-weight: bold;
	}
	.index-gongcheng-content-abstract {
		margin-top: 10px;
		font-size: 12px;
		line-height: 28px;
	}
	
	.index-gongcheng-content-littles {
		margin-top: 40px;
	}
	.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: 14px;
	}
	
	
	/*方案 热水等*/
	.index-fangan-out {
		margin: 30px 0 30px 0;
	}
	.index-fangan-child-out {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 10px);
	}
	.index-fangan-left-out {
		margin-right: 20px;
	}
	
	/*联系人*/
	.index-contact-out {
		margin-top: 40px;
		padding: 15px 20px;
		width: calc(100% - 2px - 40px);
	}
	.index-contact-lr {
		display: inline-block;
		vertical-align: middle;
		width: calc(50% - 5px);
	}
	.index-contact-left {
		margin-right: 10px;
	}
	.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: 30px;
		height: 30px;
	}
	.index-contact-lr > span:nth-child(2) {
		font-size: 16px;
		font-weight: bold;
	}
	
	
	/*地图*/
	.index-map-bg-color {
		margin-top: -30px;
		margin-bottom: 90px;
	}
	.index-map-out {
		
	}
	
	.index-map-zhanwei {
		height: 70px;
	}
	.index-map {
		margin-bottom: -40px;
	}
	
	
	
	/*研发*/
	.index-yanfa-out {
		
	}
	.index-yanfa-bg {
		
	}
	.index-yanfa-content {
		
	}
	.index-yanfa-title {
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 24px;
		font-weight: bold;
	}
	.index-yanfa-abstract {
		font-size: 16px;
		line-height: 28px;
	}
	
	.index-yanfa-learn-more {
		margin-top: 20px;
		padding: 6px 16px;
		font-size: 14px;
	}
	
	/*您可能还对此感兴趣？*/
	.index-other-out {
		margin-top: 50px;
	}
	.index-other-content-title {
		margin-left: 40px;
		font-size: 24px;
		font-weight: bold;
	}
	.index-other-zhanwei {
		height: 120px;
	}
	.index-other-bg {
		
	}
	.index-other-body-out {
		padding: 0 40px 40px 40px;
	}
	.index-other-body-lr-out {
		
		width: 100%;
		display: flex;
		justify-content: space-between;
		
	}
	.index-other-body-lr {
		margin-top: -100px;
		position: relative;
		width: calc(50% - 20px);
	}
	.index-other-body-l {
		margin-right: 40px;
	}
	.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: relative;
		margin-top: -100px;
		padding: 20px 40px;
		width: calc(100% - 80px - 40px);
		height: 280px;
	}
	.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: 22px;
		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: 14px;
		line-height: 22px;
	}
	.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 {
		position: absolute;
		bottom: 30px;
		left: 40px;
	}
	.index-other-body-l-learn-more,
	.index-other-body-r-learn-more, 
	.index-other-secound-learn-more {
		display: inline-block;
		padding: 6px 14px;
		font-size: 14px;
	}
	.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: 80px;
		width: 120px;
	}
	
	
	
	.index-other-secound-out {
		position: relative;
		margin-top: 20px;
	}
	.index-other-secound-bg {
		width: 100%;
	}
	.index-other-secound-content {
		position: relative;
		margin-top: -100px;
		padding: 20px;
		width: 300px;
		padding: 20px 40px;
	}
	.index-other-secound-learn-more {
		display: inline-block;
		margin-top: 20px;
	}
}