
.container {
        position: relative;
    }

/* 锚点定位跳转样式 */
html{
	scroll-behavior:smooth;
}


body {
	margin:0;
	padding:0;
	} 


.imain img{
	display:block;
}
	/* 浮层样式 */
	.iform-wrap,.phone{
		background:rgba(43, 35, 32, 0.9);
	}
	.phone a{
    font-size: 20px;
		display: inline-block;
		padding:5px 10px;
		border-radius: 6px;
		outline: none;
		border: none;
		margin: 4px auto;
		background:#fff;
		color:#000;
		width:160px;
		text-align: center;
		text-decoration: none;
	}

	.iform-wrap{
		position: fixed;
		z-index: 100;
		bottom: 0px;
		left: 0;
		width: 100%;
		height: 120px;
	}

	.form .close{
		display: none;
		width: 20px;
		height: 20px;
		cursor: pointer;
		text-align: center;
		line-height: 20px;
		position: absolute;
		right: 6px;
		top: 6px;
		z-index: 999;
	}
	.i-name,.i-phone,.i-submit{
		padding-bottom:20px;
	}
	
	.i-name,.i-phone{
		margin-left:3%;
	}

	.form-phone,.form-name{
		border:1px #fff solid;font-size:16px; height:26px; width:230px;background-color: #fff;vertical-align: middle;border-radius:4px;outline: none;
	}
	
	.i-submit {
		text-align: center;
	}
 
	.i-submit input {
		margin: 0 10px; /* 两个input框之间的间隔 */
	}
	.submit{
		-webkit-appearance: none;
		width:80px; height:28px;border-radius:25px; cursor:pointer; border:none;vertical-align: middle;color: #fff;background: #BA55D3;font-size: 14px;
	}
	.desubmit{
		-webkit-appearance: none;
		width:80px; height:28px;border-radius:25px; cursor:pointer; border:none;vertical-align: middle;color: #fff;background: #A52A2A;font-size: 14px;
	}
	.phone-num{
		line-height: 54px;font-size: 36px; margin-left:3%;
	}
	.phone-num .tel{
		font-size: 22px;
        white-space:nowrap;
	}
	.scroll-wrap{
		position:absolute;width:240px;right: 80px;top:16px;
	}
	.demo{
		overflow:hidden;height:80px;width:260px;color:#ffffff; font-size:14px;
	}
	
	
	
	
	
	@media screen and (max-width: 960px) {
		.container{width:100%;} 
		.imain{
			margin-bottom: 38px;
		}
		.phone-num .tel{
		font-size: 18px;

	}
	
		.phone{
			width: 100%;
			position: fixed;
			bottom: 0;
			text-align: center;
		}
		.phone a{
			width: 120px;
		}
		.form{
			font-size: 20px;
		}
		.iform-wrap{
			width: 100%;
			height: 130px;
			bottom: 38px;
			display: none;
		}
		.yyimg,.scroll-wrap,{
			display: none;
		}
		
		.i-submit{
			text-align: center;
		}
		.form-phone,.form-name{
			width: 55%;
		}
		
		.form{
		position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%, -50%);
        border-radius: 5px;
		margin: 0 auto;
		font-size: 18px;
		color: #fff;
	}
		
		.form .close{
			display: inline-block;
		}
	}
	
	
	
	
	@media screen and (min-width: 960px) {
		.phone{
			display: none;
		}
		#js-online{
		display: none;
	}
	
	.form-phone,.form-name{
			width: 60%;
		}
	.form{
		position: absolute;
        top: 50%;
        left: 30%;
        transform: translate(-50%, -50%);
        border-radius: 5px;
		margin: 0 auto;
		font-size: 20px;
		color: #fff;
	}
	.phone-num .tel{
        margin-bottom: 30px;
	}
	
	}
	
	
	
	
	
