@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
.case {width:100%;/*min-height:2150px;*/ position:relative; background:url(../image/case/bg_case.jpg) no-repeat;background-color: #C7BBA6; }
.case .casecontainer{max-width: 1250px;margin: 0 auto; padding: 30px 0;}
.case .l_pic {padding-bottom:60px;width:25%;float:left;max-width: 250px;position: relative;margin:5% 5% 0 0;}
.case .l_pic img { width:98%; }
.case .l_pic .lxwm {position:absolute; width:80%;top:12%;left:8%; border-top:solid #903 1px; padding-top:5%;}
.case .l_pic .lxwm img { width:100%;}
.case .l_pic .zxly {position:absolute; width:100%;top:30%;}
.case .l_pic .zxly  h5 {text-align: center; color:#B28247; font-family:"楷体"; font-size:1.5em;letter-spacing:0.3em;}
.case .l_pic .zxly  .tit { color:#B28247; font-family:"微软雅黑"; font-size:1.1em;letter-spacing:0.3em; padding:5%;}
.case .l_pic .zxly  .tit input{width:60%;border:1px solid #B28247;background-color:#C7BBA6;border:0;line-height:25px;}
.case .l_pic .zxly  .tit textarea {width:60%;border:1px solid #B28247;background-color:#C7BBA6; vertical-align:text-top;border:0;resize: none;line-height:25px;height:75px;}
.case .l_pic .zxly .tit_bt {text-align: center; position:absolute; width:75%;padding:5%; border-bottom:solid #903 1px;left:7%;}
.tit_bt .btnsub{background-color:#FFF;font-family:"微软雅黑"; font-weight:bold;font-size:1.3em;width:70px;margin:0 auto;color:#c9a063;display:block;margin-top:10px;cursor:pointer;}

.case .xcp {width: 60%;margin:0 auto;margin-top: -160px; margin-left:18.5%;}
.case .xcp img { width:100%;}
.case .xcp p { font-family:"微软雅黑"; font-size:1em; color:#000; text-align:center; }

.jmd {margin:15px auto;width: 200px;margin-top:6%;}
.jmd img {width:100%;}

.jmdzs {position:relative; width:73%;float: right;margin-left:2%;}
@media screen and (max-width: 1250px){
	.case{padding:0 3%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.jmdzs {position:relative; width:77%;float: left;margin-left:1%;}
	.case .l_pic {width:22%;}
}
@media screen and (max-width: 1080px){
	.jmdzs {position:relative; width:100%;float: none;margin-left:0;}
	.case .l_pic {display: none;}
}

.themap{
	width:100%;
	position: relative;
	clear: both;
	padding: 0 12px;background-color: #6C4426;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.themap .border-left{
	position: absolute;top:-1%;left:0;width: 10px;height: 102%;/*background-color: #240804;*/border-radius: 20px;
}
.themap .border-right{
	position: absolute;top:-1%;right:0;width: 10px;height: 102%;/*background-color: #240804;*/border-radius: 20px;
}
#map *{
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.themap .join_j_section{
	width: 100%;
}
.themap .join_j_section .join_j_section_div {
	max-width: 100%;
	overflow: hidden;
}
#allmap{
	height: 450px;
	overflow: hidden;
	max-height: 100%;
}

#mappanel{
	/*position: absolute;
	top: 0;
	right:0;*/
	max-width: 100%;
	max-height: 100%;
	overflow: auto;
	
}
#mappanel table{
	width: 100%;
}
#contact,#contact *{-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;font-size: 12px;}
#contact .contents{width:791px;max-width:100%;margin: 0 auto;}
#contact .contents{padding:40px}
#contact .contents .title{width:65px;height:40px;background-color:#7a0000;float:left;color:#c9a063;clear:both;margin-bottom:10px;text-align:center;line-height:40px}
#contact .contents input{height:40px;float:left;display:block;width:308px;border:1px solid #7a0000;background-color:transparent}
#contact .contents textarea{float:left;display:block;height:195px;width:373px;clear:both;background-color:transparent;border:1px solid #7a0000}
#contact .contents .title.big{width:373px;clear:both;text-align:left;padding-left:18px;height:60px;line-height:30px}
#contact .contents .tip{float:left;line-height:40px;height:40px;margin-left:40px;color:black}
#contact .contents .tip.big{padding:20px;line-height:20px;border:2px solid #c9a063;height:auto}
#contact .contents .tip.big .suggestitem{cursor:pointer;margin:5px 0}
#contact .contents .tip.big .suggestitem:hover{color:#7a0000;-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#contact .contents textarea{padding: 1em;}
#contact .contents .btnsubmit{margin-right: 20px;}
#contact .contents .btnsubmit,#contact .contents .btnreset{display:block;float:left;background-color:#7a0000;width:130px;color:#c9a063;display:block;margin-top:10px;cursor:pointer}
#contact .contents .btnsubmit:hover,#contact .contents .btnreset:hover{background-color:#c9a063;color:#7a0000;-webkit-transition:color .5s linear,background-color .5s linear;-moz-transition:color .5s linear,background-color .5s linear;-o-transition:color .5s linear,background-color .5s linear;-ms-transition:color .5s linear,background-color .5s linear}
.formoprdiv{
	width:280px;margin:0 auto;
}
.contactinfo{
	color:#40220F;line-height: 1.5em;font-size:1.1em;font-weight: bold;width: 300px;margin: 0 auto;display: none;letter-spacing: 0.5px;
}
@media screen and (max-width: 1000px){
	#contact .contents .tip{margin-left: 10px;}
	#contact .contents .tip.big{margin-left: 10px;}
	#contact .contents .title.big{width:273px;}
	#contact .contents textarea{width: 273px;}
	#contact .contents input{width: 208px;}
	#contact .contents{width: 620px;padding: 10px;}
}
@media screen and (max-width: 680px){
	#contact .contents .tip{display: none;}
	#contact .contents .title.big{width:373px;}
	#contact .contents textarea{width: 373px;}
	#contact .contents input{width: 308px;}
	#contact .contents{width: 400px;padding: 10px;}
}
@media screen and (max-width: 450px){
	.tipcanhide{display: none;}
	#contact .contents{width: 300px;padding: 5px;}
	#contact .contents .title.big{width:270px;}
	#contact .contents textarea{width: 270px;}
	#contact .contents input{width: 205px;}
}
@media screen and (max-width: 480px){
	.themap{display: none;}.contactinfo{display: block;}
}