.icontact{display:grid;grid-template-columns:24% 24% 24% 24%;grid-gap:15px}.icontact .i-col{border:1px solid #eee;border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s}.icontact .i-col:hover{-moz-box-shadow:0 1px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 1px 10px rgba(0,0,0,.15);box-shadow:0 1px 10px rgba(0,0,0,.15)}.icontact .b{text-align:center;padding:35px}.icontact .i-name{margin:10px 0 30px;font-size:18px;font-weight:600}.contact{position:relative;margin-top:100px}.contact:after{position:absolute;content:'';width:1px;height:100%;top:0;left:46%;background-color:#eee}.contact-form{float:right;width:48%}.contact-info{float:left;width:38%}.contact-info h2{font-size:24px;margin-bottom:50px;font-weight:500}.contact-info li{margin-bottom:25px}.contact-info .i-icon{float:left;width:50px}.contact-info .i-icon .if{width:30px;height:30px;line-height:30px;background-color:#070f43;color:#fff;text-align:center;border-radius:100%;-webkit-border-radius:100%}.contact-info .i-text{float:left;width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px);width:calc(100% - 50px)}.contact-more{padding:60px 0 30px}.contact-more .i-items{display:grid;grid-gap:60px;grid-template-columns:30% 30% 30%}.contact-more .i-h{border-bottom:1px solid #eee;font-weight:700;padding-bottom:5px;margin-bottom:20px}.contact-more .i-tr{display:flex;margin-bottom:8px}.contact-more .i-icon{width:35px}.contact-more .i-val{flex:1}.map{margin:110px 0;position:relative}.map img{width:100%}.map .i-pin{position:absolute;z-index:2;font-size:13px}.map .p-master{bottom:54%;right:10%}.map .p-foshan{bottom:56%;right:11%}.map .p-hk{bottom:52%;right:7%}.map .p-deguo{top:21%;left:48%}.map .i-dot{display:inline-block;background-color:#002d9b;width:10px;height:10px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}@media screen and (max-width:960px){.contact{margin:0}.contact:after{display:none}.contact-form,.contact-info{float:none;width:100%}.contact-info{margin-top:60px}.contact-more .i-items{grid-template-columns:45% 45%}}@media screen and (max-width:640px){.contact-more .i-items{display:block}.contact-more .i-tr{margin-bottom:25px}}