.location{padding:65px 80px 150px;background:#f4f4f4;}
.location .map,.location .text{width:50%;height:430px;background:#fff;}
.location .title{font-size:30px;color:#333;text-align:center;}
.location .title span{display:inline-block;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:8px 0;}
.location .content{color:#333;padding-top:35px;}
.location .text .item{padding:0 35px;}
.location .text .item.tab{background:#e9e7da;height:50px;line-height:50px;padding:0;}
.location .text .item.tab span{display:block;float:left;width:50%;font-size:16px;cursor: pointer;}
.location .text .item.tab span i{font-style: normal;padding:0 35px;}
.location .text .item.tab span.hover{background:#e1cb8f;}
.location .text .item.radio{padding:38px 35px 5px;}
.location .text .item.radio label{background:url(../images/radio_icon01.gif) no-repeat 0 -47px;padding:0 40px 0 19px;font-size:16px;}
.location .text .item.radio label.hover{background-position:0 3px;}
.location .text .item.from{position:relative;}
.location .text .item.from a.but{width:40px;height:50px;background:#313131;color:#fff;position:absolute;right:35px;top:50%;margin-top:-25px;text-align:center;line-height:50px;}
.location .text .item.from a.but:hover{background:#222;}
.location .text .item.from i{background:url(../images/location_icon01.gif) no-repeat 0 0;width:16px;height:17px;position:absolute;lefT:35px;top:50%;margin-top:-9px;}
.location .text .item.from i.hover{background-position:0 bottom;}
.location .text .item.from .input{padding:0 80px 0 28px;}
.location .text .item.from .input .input01,.location .text .item.from .input .input02{border-bottom:1px solid #dcdcdc;background:url(../images/location_icon02.gif) no-repeat 0 33px;padding:20px 0 20px 20px;position:relative;}
.location .text .item.from .input input{position:relative;z-index:2;width:100%;height:30px;line-height:30px;border:0px;background:none;}
.location .text .item.from .input label{position:absolute;left:20px;top:20px;line-height:30px;color:#999;}
.location .text .item.from .input .input02{border-bottom:0;background-position:0 -22px;}
.location .text .item.contact ul{margin:0 -15px;color:#666;}
.location .text .item.contact li{width:32%;float:left;height:122px;}
.location .text .item.contact li .text01{margin:0 15px;height:100%;position:relative;padding-lefT:30px;}
.location .text .item.contact li .text01 i.iconfont{font-size:30px;position:absolute;lefT:0;top:50%;margin-top:-24px;}
.location .text .item.contact li .text01 span.in_mid{display:inline-block; vertical-align: middle;height:100%;width:0px;}
.location .text .item.contact li .text01 .texta01{display:inline-block; vertical-align: middle;text-align:left!important;width:auto;width:95%;word-wrap : break-word;word-break:break-all;}
.location .text .item.contact li.add{width:36%;}
.location .text .item.contact li.phone{text-align:center;}
.location .text .item.contact li.email{text-align:right;}
.location .text .item.contact li a{color:#666;}
.location .text .item.contact li a:hover{color:#e1cb8f;}
@media screen and (max-width:1240px) {
.location{padding:65px 20px 130px;}
}
@media screen and (max-width:1080px) {
.location{padding:55px 20px 110px;}
.location  .title{font-size:26px;}
.location .text .item.contact ul{padding-top:20px;}
.location .text .item.contact li{height:auto;width:33%!important;}
.location .text .item.contact li .text01{height:auto;padding-lefT:0;}
.location .text .item.contact li .text01 i.iconfont{font-size:30px;position:relative;display:block;top:0;margin:0 auto;text-align:center;}
.location .text .item.contact li .text01 span.in_mid{display:none;}
.location .text .item.contact li .text01 .texta01{display:block;width:100%;text-align:center!important;}	
.location .text .item.from .input{padding-right:60px;}
}
@media screen and (max-width:880px) {
.location{padding:55px 0 80px;}
.location .title{font-size:24px;}
.location .content{padding-top:30px;}
.location .map,.location .text{width:100%;height:240px;background:#fff;}
.location .text{height:auto;padding-bottom:30px;}
.location .text .item{padding:0 20px;}
.location .text .item.radio{padding:25px 20px 20px;}
.location .text .item.from .input .input01, .location .text .item.from .input .input02{padding:10px 0 10px 20px;background-position:0 23px;}
.location .text .item.from .input .input02{background-position:0 -32px;}
.location .text .item.from a.but{right:20px;}
.location .text .item.from i{lefT:20px;}
.location .text .item.from .input{padding:0 60px 0 28px;}
}
@media screen and (max-width:640px) {
.location{padding:40px 0;}
.location .title{font-size:22px;}
.location .content{padding-top:20px;}
}
@media screen and (max-width:480px) {
.location .text .item.contact ul{padding-top:0;}
.location .text .item.contact li{height:auto;width:100%!important;float:none;padding-top:20px;}
.location .text .item.contact li .text01 {padding-left:30px;}
.location .text .item.contact li .text01 i.iconfont{font-size:30px;position:absolute;lefT:0;top:50%;margin-top:-24px;}
.location .text .item.contact li .text01 span.in_mid{display:inline-block; vertical-align: middle;height:100%;width:0px;}
.location .text .item.contact li .text01 .texta01{display:inline-block; vertical-align: middle;text-align:left!important;width:auto;width:95%;word-wrap : break-word;word-break:break-all;}
}