.ourInfos { width: 1200px; margin: 50px auto 50px; }
.ourInfos .contact {overflow: hidden;width: 100%;height: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ourInfos .contact li {width: 25%;border-radius: 4px;text-align: center;}
.ourInfos .contact li i { display: block; width: 95px; height: 95px; background: url(../images/contactIcon.png?v=0) no-repeat; background-position: 0 0; margin: 0 auto }
.ourInfos .contact li .faxIcon { background-position: -95px 0 }
.ourInfos .contact li .emailIcon { background-position: -190px 0 }
.ourInfos .contact li .addressIcon { background-position: -285px 0 }
.ourInfos .contact li .addressIcon ~ p { font-size: 14px; line-height: 24px; }
.ourInfos .contact li span { display: block; font-size: 20px; color: #565966; line-height: 1; padding: 26px 0 14px; }
.ourInfos .contact li p { font-size: 18px; color: #808080 }
.ourInfos .media { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 52px; }
.ourInfos .media li { width: 20%; text-align: center; font-size: 16px; }
.ourInfos .media li .pic { margin-bottom: 20px; }
.ourInfos .media li .pic img { display: block; margin: 0 auto; }
.ourInfos .media li h6 { font-size: 20px; color: #565966; }
.ourInfos .media li .t { color: #808080; margin: 12px 0; }
.ourInfos .media li .c { color: #cccdd1; }

@media (min-width:1200px) {
    .ourInfos .contact li:hover i { background-position-y: -95px }
}

@media (min-width:1200px) and (max-width:480px) {
    .ourInfos .contact li:hover i { background-position-y: -52px }
}

@media (max-width:1199px) {
    .ourInfos { width: 98%; margin: 6% auto; }
    .ourInfos .contact { width: 98%; padding-bottom: 2%; }
    .ourInfos .contact li p { font-size: 16px; }
    .ourInfos .media { margin-top: 6%; }
}

@media (max-width:980px) {
    .ourInfos .media li .pic { margin-bottom: 5%; }
    .ourInfos .media li .t { margin: 4% 0; }
}

@media (max-width:768px) {
    .ourInfos .contact { width: 100%; }
    .ourInfos .contact li { width: 50%; margin-bottom: 2%; padding-bottom: 2%; }
    .ourInfos .media li { font-size: 14px; width: 33%; margin-bottom: 2%; }
    .ourInfos .media li .pic img { width: 64%; }
    .ourInfos .media li h6 { font-size: 18px; }
}

@media (max-width:480px) {
    .contactbanner .c { display: none; }
    .ourInfos .contact li i { width: 52px; height: 52px; background-size: 208px 104px }
    .ourInfos .contact li .faxIcon { background-position: -52px 0 }
    .ourInfos .contact li .emailIcon { background-position: -104px 0 }
    .ourInfos .contact li .addressIcon { margin-bottom: 14px; background-position: -156px 0 }
    .ourInfos .contact li .addressIcon ~ p { font-size: 12px; line-height: 20px; }
    .ourInfos .contact li span { font-size: 14px; padding: 8px 0 }
    .ourInfos .contact li p { font-size: 12px }
    .ourInfos .media li { width: 50%; margin-bottom: 3%; }
    .ourInfos .media li .pic img { width: 50%; }
    .ourInfos .media li:nth-child(5) { width: 100%; }
    .ourInfos .media li:nth-child(5) .pic img { width: 34%; }
}

@media (max-width:320px) {
}

.maps { width: 100%; height: 510px; overflow: hidden; position: relative }
.maps .floatLayer { position: absolute; width: 50%; height: 100%; z-index: 11; top: 0; left: 0; background: rgba(0,71,157,0.9) }
.maps .floatLayer p { width: 460px; font-size: 32px; line-height: 44px; text-align: center; color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 75px }
.maps .mapCont { width: 100%; height: 100% }

@media (max-width:1199px) {
    .maps .floatLayer p { left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
}

@media (max-width:768px) {
    .maps { height: 720px }
    .maps .floatLayer { width: 100%; height: 30% }
    .maps .mapCont { width: 100% }
}

@media (max-width:480px) {
    .maps { display: none; }
}