#contactUs{background: #fff; padding: 35px 15px;}.contactUs-shortcut{float: right; width: 40%; padding: 0 2.1%;}.contactUs-shortcut-item{display: table; width: 100%; height: 200px; color: #fff; background: #ccc; font-size: 24px; line-height: 1.5; margin-bottom: 20px;position:relative;overflow:hidden;}.contactUs-shortcut-item:last-child{margin-bottom: 0;}.contactUs-shortcut-item.address{background: url() no-repeat center; background-size: cover;}.contactUs-shortcut-item > img{display:block;position:absolute;width:100%;height:100%;transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}.contactUs-shortcut-item a{position:relative;z-index:1;}.contactUs-shortcut-item a img{display: block; margin: 0 auto 4%;display:block;}.contactUs-shortcut-item-wrap{display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: #fff;overflow:hidden;}.contactUs-shortcut-item:hover > img{-webkit-transform:scale(1.075);-ms-transform:scale(1.075);-o-transform:scale(1.075);transform:scale(1.075);}.contactUs-content{float: left; margin-bottom: 10px;}.contactUs-content .t{min-height: 110px; border-bottom: 1px dashed #e6e6e6; padding: 20px 25px;}.contactUs-content .t .name:before{display: block; content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%; background: #e60012;}.contactUs-content .t .name{padding-left: 36px; font-size: 28px; position: relative;}.contactUs-content .details dt,.contactUs-content .details dd{padding-left: 110px;}.contactUs-content .details dt{font-size: 28px; line-height: 2; background: url(../image/icons-024.png) no-repeat 60px center; margin-top: 20px;}.contactUs-content .details dd{line-height: 1.5; font-size: 18px;}.contactUs-content .details .tel{font-size: 28px; color: #e60012;}.contactUs-content .details .time{font-size: 16px; color: #999;}.contactUs-content .details p{margin-bottom: 10px;}.addrList-item{float: left; width: 33%; min-height: 100px; font-size: 16px; line-height: 1.6;}.addrList-item:nth-child(2n){padding-left: 25px; border-right: 0;}.addrList-item-company{font-size: 20px; color: #e60012; margin-bottom: 15px;}.addrList-item-infor p{margin-bottom: 5px;}.addrMap{background: #fff; padding: 40px 50px 50px;}#mapBox{width: 100%; height: 607px;}/*** 销售地图 ***/#salesMap{position: relative; background: #fff; padding: 30px 15px; overflow: hidden;}#salesMap-box{max-width: 911px; margin: 0 auto; overflow-y: hidden;}#salesMap-con{width: 911px; height: 708px; background: url(../image/sales-maps.png) no-repeat left top; position: relative; transform-origin: left top;}/*Mark动画*/@-o-keyframes markerMove{0%{margin-top:0;}50%{margin-top:-10px;}100%{margin-top:0;}}@-webkit-keyframes markerMove{0%{margin-top:0;}50%{margin-top:-10px;}100%{margin-top:0;}}@-moz-keyframes markerMove{0%{margin-top:0;}50%{margin-top:-10px;}100%{margin-top:0;}}@keyframes markerMove{0%{margin-top:0;}50%{margin-top:-10px;}100%{margin-top:0;}}.salesMap-mark:hover{-webkit-animation:markerMove .5s 1;-ms-animation:markerMove .5s 1;-moz-animation:markerMove .5s 1;-o-animation:markerMove .5s 1; animation:markerMove .5s 1;}.salesMap-mark{position: absolute; width: 25px; height: 31px; left: 150px; top: 200px; background: url(../image/sales-mark.png) no-repeat left top; cursor: pointer;}#salesMap-pop{position: absolute; top: 0; height: 100%; width: 60%; right: -100%; font-size: 16px; min-width: 600px; transition: all .4s ease;}#salesMap-pop.show{right: 0;}.salesMap-pop-sideBar{position: absolute; width: 12%; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, .5) url(../image/icons-025.png) no-repeat center center; background-size: 16% auto; cursor: pointer;transform: rotate(180deg);}.salesMap-pop-content{position: absolute; width: 88%; right: 0; top: 0; height: 100%; background: #fff; padding: 0 15px; overflow-y: scroll;}.salesMap-pop-infor{display: table; width: 100%; line-height: 1.8; border-bottom: 1px solid #e6e6e6; padding: 20px 0;}.salesMap-pop-infor-city, .salesMap-pop-infor-detail{display: table-cell; vertical-align: middle; text-align: left; padding: 0 5px;}.salesMap-pop-infor-city{font-size: 20px; width: 25%;}.salesMap-pop-infor-detail{font-size: 16px; width: 75%;}.salesMap-pop-form{padding: 30px 0;}.salesMap-pop-form .mForm-colLeft{width: 20%;}@media screen and (max-width:860px){.contactUs-shortcut{float: none; width: 100%;}}@media screen and (max-width:768px){#contactUs{padding: 10px;} .contactUs-content{margin-bottom: 25px;} .contactUs-content .t{min-height: 75px; padding: 20px 10px;} .contactUs-content .t .name{font-size: 24px; padding-left: 25px;} .contactUs-content .details dt, .contactUs-content .details dd{padding-left: 90px;} .contactUs-content .details dt{font-size: 24px; background-position: 43px center;} .contactUs-content .details .tel{font-size: 24px;} .contactUs-shortcut-item{font-size: 20px;} .addrMap{padding: 30px 40px 40px;} #mapBox{height: 300px;}}@media screen and (max-width:640px){/*** 销售地图 ***/ #salesMap-pop{display: none;} #salesMap-pop.show{display: block;} #salesMap-pop,.salesMap-pop-content{position: relative; width: 100%; min-width: 100%; height: auto; overflow-y: auto;} .salesMap-pop-sideBar{display: none;} .salesMap-pop-infor,.salesMap-pop-infor-city, .salesMap-pop-infor-detail{display: block; width: 100%;overflow: hidden;} .salesMap-pop-infor-city{margin-bottom: 10px;} .salesMap-pop-infor-city, .salesMap-pop-infor-detail{} .salesMap-pop-form{padding-bottom: 0;}}@media screen and (max-width:480px){.contactUs-content .t{min-height: 60px;} .contactUs-content .t .name{font-size: 20px; padding-left: 20px;} .contactUs-content .details dt, .contactUs-content .details dd{padding-left: 70px;} .contactUs-content .details dt{font-size: 20px; margin-top: 10px; background-size: 25px auto; background-position: 32px center;} .contactUs-content .details dd{font-size: 14px;} .contactUs-content .details .tel{font-size: 20px;} .contactUs-content .details .time{font-size: 12px;} .contactUs-shortcut-item{font-size: 18px;height:130px;} .addrMap{padding: 10px 15px 15px;} .addrList-item{float: none; width: 100%; border-right: 0; border-bottom: 1px solid #e6e6e6; padding: 10px; font-size: 14px;} .addrList-item:nth-child(2n){padding-left: 10px;} .addrList-item-company{font-size: 18px;} .addrList-item-infor{}}