@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*主体*/
.is-main{background-color: #f0f0f0;background-image: url(../images/home/bg-big.png);background-repeat: no-repeat;background-position: bottom center;}
.banner .group{height: auto;}
.address{height:612px;background: #fff;padding: 20px;}
.address .left{width: 36%;height: 100%;background: url(../images/home/9045893465465.png)no-repeat center;}
.address .left img{margin: 30px 0 30px 15px;}
.address .left .tit{padding: 20px 35px;} 
.address .left .tit p{color: #ffffff;font-size: 15px;line-height: 26px;}
.address .right{width: 64%;height: 100%;}
#milkMap{width: 100%;height: 100%;}

.survey{height: 270px;background: #fff;padding: 20px;}
.survey h4{font-size: 20px;margin-bottom: 20px;}
.survey ul li{position: relative;float: left;width: 48.9%;height:187px;padding: 0 20px;background: #f5f5f5;}
.survey ul li h6{text-align: center;line-height: 60px;height: 60px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.survey ul li p{color: #666666;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.survey ul li+li{margin-left: 24px;}
.survey ul li a{display: block;position: absolute;width:107px;height: 30px;line-height: 30px;background: #2dae54;color: #fff;font-size:14px;text-align: center;right: 0;bottom: 0;}
.survey .stop{background: #c6c6c6;padding: 0!important;border-radius: 0;}

.form{height: 550px;background: #fff;padding: 20px;}
.form h4{font-size: 20px;margin-bottom: 20px;}
.form .form-group p{color: #999999;line-height: 30px;}
.form .form-group p span{color:#ff4242;}
.form button{width:150px;height: 50px;border-radius: 5px;color: #fff;background: #53514e;border: none;}
.form .sub{background: #2dae54;}
.form-control{background: #f9f9f9;border: 1px solid #ececec;}

/*主体结束*/

/*media query*/
/*large pcScreen*/
@media screen and (min-width:1280px) {
	
}

@media screen and (max-width:1280px) {
	
}

/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	.survey ul li {width: 48.6%;}
	.address .left img {margin: 30px 0 30px 0;width: 100%;}
}
/*pad md*/
@media screen and (max-width: 991px ){
	.address .left,.address .right,.survey ul li{width: 100%;}
	.address .left img{width: auto;}
	#milkMap{height: 400px;}
	.address,.survey,.form{height: auto;}
	.address .left {height: auto;background: #5989b4;text-align: center;}
	.survey ul li+li {margin-left: 0;margin-top: 10px;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 490px){
	.banner .group{width: auto;}
	.address .left img {width: 100%;}
}