@charset "utf-8";
.sideNav{padding-top:170px;}

.baiduMap{float:left; width:60%; height:500px;} 
.baiduMap iframe{border:none; width:100% !important; height:100% !important; box-sizing:border-box;}

.Contact{float:right; width:40%; min-height:500px; background:#08a; color:#fff; box-sizing:border-box; padding:50px 30px; position:relative; line-height:2.5; border-left:2px solid #fff;}
.Contact a{color:inherit;}
.Contact:before{content:" "; display:block; width:170px; height:27px; position:absolute; right:20px; bottom:15px; background:url(../../Images/logo.png) no-repeat 0 0/170px 54px; opacity:.7;}

.client_list{list-style:none; padding:20px 0;}
.client_list li{float:left; width:33.33%; box-sizing:border-box; padding:20px 10px;}
.client_list li a{
	box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;
	box-shadow:0 0 5px rgba(0,0,0,.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,.2);-moz-box-shadow:0 0 5px rgba(0,0,0,.2);
}
.client_list li a img{max-width:100%;}

/***************反馈*************** /
.msg_box{float:right; width:50%;}
.msgTitle{font-size:20px; font-weight:bold; padding:15px 0; border-bottom:1px solid #ccc;}

.msg_form{padding:15px 0 0 0; list-style:none; overflow:auto;}
.msg_form li{position:relative; margin:0 0 15px 0; background:#fff; border:1px solid #ddd; clear:both; box-sizing:border-box;
/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; width:100%;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;* /}
.msg_form li:hover{border-color:#c78e66;}
.msg_form li.lft{float:left; width:49%; overflow:hidden;}
.msg_form li.rgt{float:right; width:49%; overflow:hidden; clear:none;}

.msg_form li b{position:absolute; left:0px; top:12px; font-size:.875rem; color:#c00; display:none;}
.msg_form li em{font-style:normal; font-size:14px; display:inline-block; padding:0 5px; color:#999; position:absolute; left:10px; top:0px; pointer-events:none;/*点击穿透* /}
.msg_form li .ipt,
.msg_form li .aipt,
.msg_form li .msg_doc,
.msg_form li .msg_select,
.msg_form li select{width:100%; padding:0px 15px; box-sizing:border-box; background:none; border:none;  font-size:.875rem; display:inline-block; color:#666;}
.msg_form li .msg_select, .msg_form li select{padding:0 10px;}
.msg_form li .msg_doc{width:300px; max-width:100%; border:1px solid #ddd; padding:0 10px;}

.msg_form li .ipt,
.msg_form li em,
.msg_form li .msg_select,
.msg_form li select{height:40px; line-height:40px;}
.msg_form li .aipt{height:120px; padding:12px 15px; line-height:1.2;}

.msg_form li.full{float:none; clear:both; width:100%; display:block; padding:0;}
.msg_form li.full em, 
.msg_form li.static em{position:static; display:inline-block; padding:0px 10px 0px 16px;}

.msg_form li .msg_regions{padding:0 5px; margin-right:1em; width:auto !important; max-width:30%; vertical-align:middle;}

.msg_form li .msg_radio, 
.msg_form li .msg_checkbox{display:inline-block;}
.msg_form li .msg_radio label, 
.msg_form li .msg_checkbox label{display:inline-block; font-size:.875rem; height:30px; line-height:30px; padding:0 15px; border:1px solid #ddd; margin:3px 10px 3px 0; cursor:pointer; box-sizing:border-box;}
.msg_form li .msg_radio label:hover, 
.msg_form li .msg_checkbox label:hover{border-color:#026daf; background:;}
.msg_form li .msg_radio label.sel,
.msg_form li .msg_checkbox label.sel{background:url(../../Images/select.gif) no-repeat right bottom;}
.msg_form li .msg_radio label input, 
.msg_form li .msg_checkbox label input{display:none;}

.msg_key{padding:0px 0 0 0; text-align:center;}
input.msg_skey, input.msg_reset{font-size:18px; font-weight:normal; height:50px; border:none; background:#c78e66; color:#fff; cursor:pointer; width:100%; text-align:center; letter-spacing:1em;
/*border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;* /
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
input.msg_skey:hover{background:#a16633;}
input.msg_reset{background:#999; width:100px; font-size:16px; display:none;}
input.msg_reset:hover{background:#666;}
/************************************/

/*招聘*/
.jobs_list dl{float:left; width:48%; border:1px solid #ccc; box-sizing:border-box; margin:20px 1%; position:relative;}
.jobs_list dt{padding:15px 20px; overflow:visible;}
.jobs_list dt strong, .jobs_list dt b, 
.jobs_list dt u, .jobs_list dt i{diaplay:block; float:left; height:35px; line-height:35px; overflow:hidden; box-sizing:border-box;}
.jobs_list dt strong, .jobs_list dt b{font-size:16px; font-weight:bold;}
.jobs_list dt u, .jobs_list dt i{font-size:12px; text-decoration:none; font-style:normal;}
.jobs_list dt strong, .jobs_list dt u{width:70%; white-space:nowrap; text-overflow:ellipsis;}
.jobs_list dt b, .jobs_list dt i{width:30%; text-align:right; padding-left:20px;}
.jobs_list dt b{color:#08a; font-weight:normal;}
.jobs_txt{font-size:14px; line-height:1.5; padding:20px; border-top:1px dashed #ccc; display:none;}

.jobs_list dl:hover:before{content:" "; display:block; width:7px; height:7px; border:solid #08a; border-width:0 2px 2px 0; position:absolute; left:50%; bottom:10px; margin-left:-5px;
transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); 
	-webkit-transition-duration:0ms;
	-webkit-animation-name:ClickDown;
	-webkit-animation-duration:.7s;
	-webkit-animation-iteration-count:infinite;	/*循环*/
	-webkit-animation-timing-function:linear;
}
.jobs_list dl.open .jobs_txt{display:block;}
.jobs_list dl.open:hover:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -webkit-animation-name:ClickUp;}
@-webkit-keyframes ClickDown {
	0% {bottom:10px;}
	50% {bottom:2px;}
	100%{bottom:10px}
}
@keyframes ClickDown {
	0% {bottom:10px;}
	50% {bottom:2px;}
	100%{bottom:10px}
}
@-webkit-keyframes ClickUp {
	0% {bottom:0px;}
	50% {bottom:10px;}
	100%{bottom:0px}
}
@keyframes ClickUp {
	0% {bottom:0px;}
	50% {bottom:10px;}
	100%{bottom:0px}
}

/*手机*/
@media (max-width:1024px){
	.sideNav{padding:20px 0;}
}
@media(max-width:800px){
	.baiduMap{float:none; width:100%; height:300px;} 
	.Contact{float:none; width:100%; min-height:inherit; padding:20px 30px 50px 30px; margin-bottom:2px; border:none}
	
	.jobs_list dl{float:none; width:100%; margin:20px 0;}
}
@media(max-width:640px){
	.client_list li{width:50%;}
}