/*banner*/
 .banner_box{
     width: 100%;
     height: 23.076923076923077rem;
}
 .banner_box img{
     width: 100%;
     height: 100%;
}
/*content_box*/
 .content_box{
     width: 100%;
     box-sizing: border-box;
     padding: 1.1538461538461537rem 0 1.9230769230769231rem 0;
     background-size: 100% 100%;
}
 .content{
     width: 42.30769230769231rem;
     margin: 0 auto;
}
 .nav_box{
     margin-bottom: 1.8076923076923077rem;
}
 .nav_box p{
     box-sizing: border-box;
     padding-left: 0.8461538461538461rem;
     background: url(../img/zuobiao_icon.png) left center no-repeat;
     background-size: 0.6153846153846154rem 0.7692307692307693rem;
     color: #888888;
     font-size: 0.5384615384615384rem;
}
 .nav_box p a{
     color: #888888;
     font-size: 0.5384615384615384rem;
}
 .nav_box p .now_position{
     color: #555555;
}
/*map_box*/
 .map_box{
     width: 100%;
     height: 13.653846153846153rem;
}
 .map_left{
     float: left;
     width: 13.461538461538462rem;
     height: 100%;
     background: url(../img/map_left.png) center center no-repeat;
     box-sizing: border-box;
     padding: 1.1538461538461537rem 1rem;
     position: relative;
     z-index: 88;
     position: relative;
}

.map_box:hover .map_hide_box{
	right: 100%;
	opacity: 1;
}

 .map_left .map_hide_box{
 	position: absolute;
 	right: 0;
 	top: 0.05rem;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
 	text-align: center;
 	transition: all 0.5s;
 	z-index: 87;
 	opacity: 0;
 }
 
 .map_left .map_hide_box img{
 	width: 100%;
 	height: auto;
 	display: block;
 }
 .map_left h1{
     font-weight: 500;
     color: white;
     font-size: 0.6923076923076923rem;
     margin-bottom: 1.6153846153846154rem;
}
 .map_left h2{
     font-weight: 500;
     color: white;
     font-size: 0.6923076923076923rem;
     margin-bottom: 0.9615384615384616rem;
     box-sizing: border-box;
     padding-left: 1.1538461538461537rem;
     background: url(../img/small_phone.png) left center no-repeat;
     background-size: 0.6538461538461539rem 0.6538461538461539rem;
}
 .map_left h3{
     font-weight: 500;
     color: white;
     font-size: 0.5384615384615384rem;
     margin-bottom: 2.8846153846153846rem;
     box-sizing: border-box;
     line-height: 0.9230769230769231rem;
     padding-left: 1.1538461538461537rem;
     background: url(../img/small_dizhi.png) left top no-repeat;
     background-size: 0.6538461538461539rem 0.6538461538461539rem;
}
 .icon_box{
     width: 100%;
     box-sizing: border-box;
     padding-left: 1.1538461538461537rem;
}
 .icon{
     width: 1.3461538461538463rem;
     height: 1.3461538461538463rem;
     border-radius: 50%;
     background: rgba(255,255,255,0.2);
     margin-right: 1.1538461538461537rem;
     float: left;
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}
 .icon:nth-child(2):hover .hide_erwei{
     display: block;
}
 .icon:nth-child(4):hover .hide_youxiang{
     display: block;
}
 .hide_youxiang{
 	position: absolute;
 	line-height: 30px;
 	box-sizing: border-box;
 	background: white;
 	padding: 0 15px;
 	bottom: 1.9230769230769231rem;
 	z-index: 222;
 	font-size: 18px;
 	border-radius: 7px;
 	display: none;
 }
 .hide_erwei{
     position: absolute;
     width: 4.923076923076923rem;
     height: 4.923076923076923rem;
     box-sizing: border-box;
     background: white;
     bottom: 1.9230769230769231rem;
     left: -1.6538461538461537rem;
     z-index: 222;
     display: none;
}
 .hide_erwei .lianxi_erwei{
     width: 100% !important;
     height: 100% !important;
}
 .icon:hover{
     cursor: pointer;
     background: rgba(255,255,255,0.5);
}
 .icon:nth-child(1) img{
     width: 0.5769230769230769rem;
     height: 0.5769230769230769rem;
}
 .icon:nth-child(2) img{
     width: 0.7307692307692307rem;
     height: 0.5769230769230769rem;
}
 .icon:nth-child(3) img{
     width: 0.6923076923076923rem;
     height: 0.5769230769230769rem;
}
 #map_right{
     float: right;
     width: 28.846153846153847rem;
     height: 100%;
}
/*contant_box*/
 .contant_box{
     width: 100%;
}
 .contant_box h1{
     text-align: center;
     color: #555555;
     font-size: 0.7692307692307693rem;
     font-weight: 500;
}
 .contant_box h2{
     font-size: 0.46153846153846156rem;
     color: #555555;
     font-weight: 500;
     text-align: center;
     margin-bottom: 2.3076923076923075rem;
}
 .contant_box form{
     text-align: center;
}
 .contant_box .input_one{
     width: 11.923076923076923rem;
     height: 1.6153846153846154rem;
     line-height: 1.6153846153846154rem;
     border-left: none;
     border-right: none;
     border-top: none;
     border-bottom: 0.038461538461538464rem solid #DFDFDF;
     box-sizing: border-box;
     padding-left: 0.5769230769230769rem;
     color: #555555;
     font-size: 0.6153846153846154rem;
     margin-right: 2.6923076923076925rem;
     margin-bottom: 4.615384615384615rem;
}
 .contant_box .input_two{
     width: 99%;
     height: 1.6153846153846154rem;
     line-height: 1.6153846153846154rem;
     border-left: none;
     border-right: none;
     border-top: none;
     border-bottom: 0.038461538461538464rem solid #DFDFDF;
     box-sizing: border-box;
     padding-left: 0.5769230769230769rem;
     color: #555555;
     font-size: 0.6153846153846154rem;
     margin-right: 2.6923076923076925rem;
     margin-bottom: 2.3076923076923075rem;
}
 .contant_box .input_one:nth-child(3){
     margin-right: 0;
}
 .input_one::-webkit-input-placeholder{
     color: #555555;
     font-size: 0.6153846153846154rem;
}
 .input_two::-webkit-input-placeholder{
     color: #555555;
     font-size: 0.6153846153846154rem;
}
 .sub_btn{
     width: 6.153846153846154rem;
     height: 1.8461538461538463rem;
     line-height: 1.8461538461538463rem;
     border-radius: 1.8461538461538463rem;
     text-align: center;
     font-size: 0.6153846153846154rem;
     color: white;
     border: none;
     background: #e24045;
     margin-bottom: 0.7692307692307693rem;
}
 .sub_btn:hover{
     cursor: pointer;
}
 .gongsi_box{
     width: 100%;
     background: #808080;
     color: #ffffff;
     font-size: 0.5384615384615384rem;
     margin-bottom: 1.9230769230769231rem;
     box-sizing: border-box;
     padding: 0.5769230769230769rem 0.9615384615384616rem;
     display: inline-block;
}
 .gongsi_box ul{
}
 .gongsi_box ul li:hover{
     cursor: pointer;
}
 .gongsi_box ul li{
     float: left;
     width: 10%;
     margin-right: 2.5%;
     margin-bottom: 0.46153846153846156rem;
     font-size: 0.5384615384615384rem;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     -webkit-box-orient: vertical;
     overflow : hidden;
}
 .gongsi_box ul li span{
     display: none;
}
 .gongsi_box ul li i{
     display: none;
}
 .gongsi_box ul li em{
     display: none;
}
 .gongsi_box ul li strong{
     display: none;
}
 .gs-infor{
     display: none;
}

@media (max-width:980px){
	.nav_box p{
		padding-left: 1.5rem;
		background: url(../img/zuobiao_icon.png) 0.5rem center no-repeat;
	    background-size: 0.6153846153846154rem 0.7692307692307693rem;
	}
	
	.news_box{
		display: block;
	}
	
	.map_left{
		width: 100%;
		background-size: 100% 100%;
	}
	
	.gongsi_box ul li{
		width: 22%;
	}
	
	.contant_box h2{
		margin-bottom: 1rem;
	}
	
	.contant_box .input_one{
		margin-bottom: 1rem;
	}
	
	.contant_box .input_one:nth-child(3){
		margin-right: 2.6923076923076925rem;
	}
	
	.contant_box .input_two{
		width: 62%;
	}
}