.contact_wrap{width: 100%;}
.cont_list{width: 1200px;margin:0 auto;overflow: hidden;padding:60px 0;}
.cont_item{float: left;width: 300px;height:300px;margin:0 4%;text-align: center;overflow: hidden; }
.ct-sub{height:100%;width:100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.ct-sub>p{width: 40px;height: 40px;text-align: center;line-height: 40px;margin:0 auto 30px;}
.ct-sub>p>img{vertical-align: middle;}
.ct-sub>span{color:#333;font-size: 18px;text-transform: uppercase;}
.cont_item:hover .ct-sub{margin-top:-100%;opacity: 0;}
.ct-detial {background-color:#eea029; height: 100%;width:100%;display: flex;overflow: hidden;color:#fff;flex-wrap: wrap;justify-content: center;flex-direction: column;}
.ct-detial>span{font-size: 16px;font-weight: bold;margin-bottom: 26px;}
.ct-detail>p{font-size: 12px;}

.position{width: 100%;overflow: hidden;height: 608px;}
.map_box,.way_box{width: 50%;float: left;}
.map_box>img{width: 100%;display: block;height: 100%;}
.way_box{background-color: #f4f4f4;height: 100%;padding:80px;box-sizing: border-box;}
.way_box>h5{color:#222;font-size: 18px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;position: relative;margin-bottom: 50px;}
.way_box>h5:after{content:"";position: absolute;bottom:-20px;left:0;height: 3px;width: 30px;background-color: #eea029;}
.way_box>label{display: inline-block;width: 270px;margin-right:30px;margin-bottom: 30px;}
.way_box span{color:#222;font-size: 14px;font-weight: bold;text-transform: uppercase;margin-bottom: 20px;display: block;}
.way_box input{width: 100%;border:none;border:1px solid #ddd;height: 50px;line-height: 50px;padding-left: 38px;box-sizing: border-box;font-size: 14px;outline: none;}
.way_box textarea{width: 570px;height:130px;border:none;border:1px solid #ddd;outline: none;resize: none;padding-left: 38px;box-sizing: border-box;padding-top:25px;font-size: 14px;margin-bottom: 50px;}
.way_box>a{box-sizing: border-box;border:1px solid transparent;display: block;width: 220px;height: 50px;background-color: #eea029;color:#fff;text-align: center;line-height: 50px;text-transform: uppercase;letter-spacing: 2px;font-size: 14px;font-weight: bold;position: relative;}
/*.way_box>a:after {content: "";width: 0; height: 100%;position: absolute;top: 0;right: 0;transition: all .6s ease;z-index: 0;}*/
/*.way_box>a:hover{color:#eea029;}*/
/*.way_box>a:hover:after{background-color: #fff;width: 100%;border:1px solid #eea029;box-sizing: border-box;}*/

@media only screen and (max-width:1550px){
	.position{height: 510px;}
	.map_box, .way_box{height: 100%;}
	.map_box>img{height: 100%;}
	.way_box{padding:40px 0 0 40px;}
	.way_box>h5:after{bottom:-6px;}
	.way_box>h5{margin-bottom: 30px;}
	.way_box span{margin-bottom: 6px;}
	.way_box input{height: 40px;line-height: 40px;}
	.way_box textarea{margin-bottom: 30px;}
	.way_box>a{margin-bottom: 20px;}
}

@media only screen and (max-width:1400px){
	.cont_list{width:1000px; }
	.cont_item {margin: 0 1.64%;}
}

@media only screen and (max-width:1310px){
	.way_box{padding:22px 0 0 40px;}
	.way_box>label{margin-bottom: 22px;}
	.way_box textarea{margin-bottom: 10px;}
}