.xs-contact-banner{background:url(/XStech/images/aboutus/contact_banner.jpg) center no-repeat;background-size:cover}.xs-contact-main{padding:33px 0 104px;background-color:#F7F7F7}.xs-contact-main .xs-contact-content{margin:0 auto}.xs-contact-main .xs-contact-content .maps-box{background-color:#FFF;min-height:483px;flex-wrap:wrap;padding:20px 0}.xs-contact-main .xs-contact-content .maps-box .map-item{margin-bottom:20px}.xs-contact-main .xs-contact-content .maps-box .map-item h3{margin:40px 0 20px;font-size:20px;color:#1A1A1A}.xs-contact-main .xs-contact-content .maps-box .map-item h3::before{display:block;width:17px;height:21px;float:left;margin-right:5px;content:" ";background:url(/XStech/images/aboutus/position.png) center no-repeat;background-size:contain}.xs-contact-main .xs-contact-content .maps-box .map-item p{font-size:14px;margin:0;color:#1A1A1A}.xs-contact-main .xs-contact-content .contacts-box{margin-top:20px}.xs-contact-main .xs-contact-content .contacts-box .contacts-item{margin-bottom:19px;padding:20px 0;background-color:#FFF}.xs-contact-main .xs-contact-content .contacts-box .contacts-item .email-addr{font-size:14px}.xs-contact-main .xs-contact-content .contacts-box .contacts-item .contacts-icon{width:50px;height:50px;margin-bottom:9px;border-radius:50px;background-color:#E1E1E1;color:#1A1A1A}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(1) .contacts-icon{background:url(/XStech/images/aboutus/bp_grey_icon1.png) center no-repeat;background-size:100%}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(1):hover .contacts-icon{background:url(/XStech/images/aboutus/bp_icon1.png)}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(2) .contacts-icon{background:url(/XStech/images/aboutus/bp_grey_icon4.png) center no-repeat;background-size:100%}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(2):hover .contacts-icon{background:url(/XStech/images/aboutus/bp_icon4.png)}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(3) .contacts-icon{background:url(/XStech/images/aboutus/bp_grey_icon3.png) center no-repeat;background-size:100%}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(3):hover .contacts-icon{background:url(/XStech/images/aboutus/bp_icon3.png)}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(4) .contacts-icon{background:url(/XStech/images/aboutus/bp_grey_icon2.png) center no-repeat;background-size:100%}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(4):hover .contacts-icon{background:url(/XStech/images/aboutus/bp_icon2.png)}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(5) .contacts-icon{background:url(/XStech/images/aboutus/bp_grey_icon2.png) center no-repeat;background-size:100%}.xs-contact-main .xs-contact-content .contacts-box .contacts-item:nth-child(5):hover .contacts-icon{background:url(/XStech/images/aboutus/bp_icon2.png)}@media screen and (min-width:1024px){.xs-contact-banner{height:3.5rem}.maps-box .map-item{width:4.5rem;margin:0 .1rem}.maps-box #bjMap,.maps-box #njMap,.maps-box #xaMap{width:4.5rem;height:2.98rem}.maps-box #bjMap{background:url(/XStech/images/aboutus/bj_map.png) center no-repeat;background-size:cover}.maps-box #njMap{background:url(/XStech/images/aboutus/nj_map.png) center no-repeat;background-size:cover}.maps-box #xaMap{background:url(/XStech/images/aboutus/xa_map.png) center no-repeat;background-size:cover}.contacts-box .contacts-item{width:32%}}@media screen and (max-width:1023px){.xs-contact-banner{height:180px;background:url(/XStech/images/aboutus/contact_banner_sm.png) center no-repeat}.xs-contact-banner h2{border-bottom:1px solid #eee;padding-bottom:20px}.maps-box .map-item{width:90%;padding-top:20px}.maps-box #bjMap,.maps-box #njMap,.maps-box #xaMap{width:90%;height:248px}.maps-box #bjMap{background:url(/XStech/images/aboutus/bj_map.png) center no-repeat;background-size:cover}.maps-box #njMap{background:url(/XStech/images/aboutus/nj_map.png) center no-repeat;background-size:cover}.maps-box #xaMap{background:url(/XStech/images/aboutus/xa_map.png) center no-repeat;background-size:cover}.contacts-box .contacts-item{width:100%}}