*{
    font-size: 16px;
}
body{
    background: #F8F9FA;
}


.banner .banner_flex .banner_class{
    color: #2A2F34;
}
.banner .banner_flex .banner_hr{
    background: #2A2F34;
}





.newContact{
    margin-top: 100px;
}
.newContact .map_class{
    text-align: center;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: bold;
}
.newContact>h2{text-align:center;margin-bottom:30px;}
#map{height: 460px;}
.map_con{position: relative;}
.map_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.map_txt .wrap_1440{height: 100%;}
.map_text img{margin: 0 auto;display: block;width: auto;height: 47px;}
.map_text{height: 80%;width: 470px;background: #fff;float: right;margin-top: 8%;padding: 50px 40px;box-sizing: border-box;overflow: hidden;border-bottom: 4px solid #006dbb;}
.map_div{margin-top: 30px;font-size: 16px;}
.map_div h2{font-weight: bold;margin-bottom: 10px;font-size: 24px;}
.map_div p{color: #707070;line-height: 26px;font-size: 16px;}
.map_div p a{color: #707070;width: auto;height: auto;display: inline;font-size: 16px;}
.map_div p a.tel_link{cursor: inherit;}
.contact_con{background: #f5f5f5;padding: 70px 0;box-sizing: border-box;overflow: hidden;}
.contact_list{margin-left: -20px;margin-right: -20px;}
.contact_list li{float: left;width: 50%;padding: 10px 20px;box-sizing: border-box;}
.contact_list li dl{background: #fff;padding: 54px 40px;box-sizing: border-box;position: relative;transition: all .3s;height:345px;}
.contact_list li dl dt{position: absolute;left: 0;bottom: 0;height: 4px;background: #006dbb;width: 0;transition: all .3s;}
.contact_list li dl dd h2{font-weight: bold;margin-bottom: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 24px;}
.contact_list li dl dd p{margin-bottom: 6px;font-size: 16px;}
.contact_list li dl dd p a{color: #707070;display: inline;font-size: 16px;}
.contact_list li dl dd p a.tel_link{cursor: inherit;}
.contact_txt{color: #707070;}
.contact_list li dl dd p em{margin-right:10px;}








@media only screen and (min-width:1560px) {
    .newContact{
        margin-top: 80px;
    }
}
@media only screen and (min-width:1025px) {


    .contact_list li dl:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .contact_list li dl:hover dt{width: 100%;}
    .map_div p a.tel_link:hover,.contact_list li dl dd p a.tel_link:hover{color: #707070!important;}
}
@media only screen and (max-width:1440px) {
    .contact_con{padding: 50px 0;}
}


@media only screen and (max-width:1042px) {
    .newContact{
        margin-top: 60px;
    }
    #map{height: 300px;}
    .map_txt{position: static;overflow: hidden;}
    .map_text{width: 100%;padding: 40px 20px;margin-top: 0;}
    .contact_list li{width: 100%;}
    .contact_list li dl{padding: 30px 20px;height:auto;}

}
@media only screen and (max-width:767px) {
    .newContact{
        margin-top: 40px;
    }
    #map{height: 200px;}
    .service_03{padding: 40px 0 0;}
    .contact_con{padding: 40px 0;}
    .contact_list li dl dd h2{white-space: inherit;}
    .contact_list li dl dd p{white-space: inherit;}
	
}