

.gr_fl{

    width:100%;

    height: 500px;

    overflow: hidden;

    box-sizing: border-box;

}

.gr_top a,.gr_bot a{

	display: block;

	position: relative;

	height: 100%;

}

.g_bg{

	background-size: cover;

	display: block;

	background-position: center;

}

.gr_top{

    height: 50%;

    overflow: hidden;

}

.gr_bot{

    height:50%;

    padding-top: 30px;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

}

.g_ab{

	float: left;

	width:50%;

	height: 100%;

	box-sizing:border-box;

	padding-right: 15px;

}

.g_ac{

	float: right;

	width:50%;

	height: 100%;

	box-sizing: border-box;

	padding-left: 15px;

}

.g_miao{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background-color: rgba(0,0,0,0.6);

	box-sizing: border-box;

	padding: 15px;

	overflow: hidden;

    height: 89px;

	-webkit-transition: all 0.8s;

	-moz-transition: all 0.8s;

	-ms-transition: all 0.8s;

	-o-transition: all 0.8s;

	transition: all 0.8s;

}

.g_miao h4 {

    font-size: 20px;

    color: #94ca00;

    line-height: 2;

}

.g_miao p {

    color: #94ca00;

    line-height: 1.8;

    font-size: 15px;

    height: 75px;

    overflow: hidden;

}

.g_miao span {

    display: block;

    color: #fff;

    margin-top: 20px;

    line-height: 1.8;

    font-size: 12px;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

/* .g_su{

	left: 0;

	width:48%;

	height: 100%;

}  */

.m_gra a:hover .g_miao{

	height:180px;

	

}

.cbyan{

	margin-top: 80px; 

}

.cbyan .m_gra .gr_top a:hover .g_miao{

	height: 100%;

}

.tel_xz{

	text-align: right;

	margin-top: 7px;

	color: #777;

	font-size: 14px;

	padding-right: 5px;

}

.tel_xz span,.tel_xz a{

	display: inline-block;

	margin-left: 10px;

}

/*建议*/

.tousu{

	width: 800px;

	margin: 0 auto 40px;

}

.tousu input{

	display: block;

    box-sizing: border-box;

    width: 100%;

    padding:0 15px;

    -webkit-appearance: none;

    appearance: none;

    outline: none;

    border: none;

    height: 35px;

    margin-bottom: 15px;

    background-color: #fff;

}



.tousu input.t-tj{

	background-color:#658130;

	color: #fff;

}

textarea{

	display: block;

    box-sizing: border-box;

    width: 100%;

    padding:15px;

     height: 135px;

    margin-bottom: 15px;

    outline: none;

    border: none;

    resize:none;

}

.ynma{

	position: relative;

	padding-right: 160px;

}

.ynma img{position: absolute;right: 0;top:0;width: 150px;height: 35px;}

@media (min-width: 1681px){

	.gr_fl{

	    height: 700px;

	}

}

@media (max-width: 1680px){

	.gr_fl{

	    height: 580px;

	}

}

@media (max-width: 1430px){

	.gr_fl{

	    height: 480px;

	}

}

@media (max-width: 1080px){

	.gr_fl{

	    height: 400px;

	}

	.g_miao{

		height: 78px;

	}

	.m_gra a:hover .g_miao.g_su{

		height: 100%;

	}

	.g_miao h4{

		font-size: 18px;

	}

	/*投诉建议*/

	 .tousu{

	 	width: 100%;

	 }

}

@media (max-width:768px){

	.gr_fl{

		width: 100%;

		padding-right: 0;

	}

	.gr_fr{

		width: 100%;

		height: 200px;

		margin-top: 15px;

	}

	.gr_bot{

		padding-top: 15px;

	}

	.g_miao{

		height: 100%;

	}

	.g_ab{

		padding-right: 7.5px;

	}

	.g_ac{

		padding-left: 7.5px;

	}

}

@media (max-width:640px){

	.g_ab,.g_ac{

		width: 100%;

		padding: 0;

		height: 130px;

	}

	.g_ac{

		margin-top: 10px;       

	}
	.gr_bot {
		padding-top: 0px;
		margin-top: 10px;  
	}

	.gr_top,.gr_fl{

		height: auto;

	}

	.gr_bot,.gr_fr{    

		height: 130px;

	}

	.g_miao h4{

		font-size: 16px;

	}

	.g_miao span{

		margin-top: 10px;

	}

	.g_miao p{

		font-size: 14px;

		line-height: 1.5;

		height: 43px; 

	}
	.ptit {
		padding: 0px 0; 
	}
	#main .section {
		padding-top: 30px;
	}

}

