.contact{padding-top:4.3%;}
.contact .clearfix li{cursor:pointer;box-sizing:border-box;float:left;border:1px solid #e4e4e4;width:24.5%;border: 1px solid #1c2975;
min-height: 415px;}
.contact li:nth-child(2n){/*float:right;*/}
.contact li .box{width:81.3%;margin:auto;padding:43px 0;}
.contact .box .tit img{height:100px;vertical-align:baseline;}
.contact .box .tit{font-size:36px;font-weight:bold;color:#5e5e5e;text-transform:uppercase;}
.contact .box h3{margin:10px 0;font-size:20px;color:#393939;}
.contact .box p{}
.contact .box p a{color:#646464;}
.contact .box p a:hover{color:#1c2975;text-decoration:underline;}
.contact .box .add{margin-bottom:15px;}
.contact .box .text{}
.contact li.cur{border:1px solid #1c2975;}

.contact .clearfix li:hover {
    box-shadow: 5px 5px 10px #1c2975;
    border: 1px solid #1c2975;
    transform: scale(1.25);
    transition: all .3s ease-in-out .2s !important;
    background: rgba(255, 255, 255, 0.8);
}
.contact .box p {
    line-height: 25px;
}

@media (max-width:1440px) {
    .contact .box .tit{font-size:32px;}
    .contact .box .tit img{height:70px;}
    .contact li .box{padding:30px 0;}
}
@media (max-width:1100px) {
    .contact .box h3{font-size:20px;}
    iframe{height:500px;}
    .ditu .box{top:40px;}.contact .clearfix li{width:49.5%;}
}
@media (max-width:960px) {
    .contact li{width:100%;float:none;margin-bottom:15px;}.contact .clearfix li{width:49.5%;}
    .ditu .box{display:none;}
    .contact .box .text{height:auto;}
}
@media (max-width:640px) {
    iframe{height:350px;}
    .contact li .box{padding:20px 0;}
}
@media (max-width:440px) {
    .contact .box .tit img{height:40px;}
    .contact .box .tit{font-size:24px;}
    .contact .box h3{font-size:18px;}
    iframe{height:300px;}.contact .clearfix li{width:100%;}
}