.contact{padding-bottom:180px;}
.contact h3{font-size:44px;text-align:center;margin:80px 0 40px}
.contact #baidumap{height:600px;border:1px solid #CCCCCC}
.contact .list{padding:35px 0;border-top:1px solid #E5E5E5;margin-top:40px;}
.contact .list .item{float:left;margin-right:55px;font-size:18px;color:#666666;font-weight:bold;border-bottom:1px solid transparent;cursor: pointer;}
.contact .list .item.on,.contact .list .item:hover{border-color:#EA2C43;color:#EA2C43}
.contact .icon{margin:50px 0 70px; }
.contact .icon .item{float:left;width:25%;text-align:center;}
.contact .icon .bg{background-repeat: no-repeat;background-position: center;width:100px;height:100px;border-radius:50%;background-color:#fff;transition: ease-in-out 0.3s;border:1px solid #ddd;margin:0 auto 30px;box-shadow: 0 0 15px #ddd;}
.contact .icon .bg1{background-image:url(../images/contact_03.png)}
.contact .icon .bg2{background-image:url(../images/contact_06.png)}
.contact .icon .bg3{background-image:url(../images/contact_03.png)}
.contact .icon .bg4{background-image:url(../images/contact_12.png)}
.contact .icon .item:hover .bg1{background-image:url(../images/contact_03_ac.png);background-color:#EA2C43}
.contact .icon .item:hover .bg2{background-image:url(../images/contact_06_ac.png);background-color:#EA2C43}
.contact .icon .item:hover .bg3{background-image:url(../images/contact_03_ac.png);background-color:#EA2C43}
.contact .icon .item:hover .bg4{background-image:url(../images/contact_12_ac.png);background-color:#EA2C43}
.contact .icon .title{font-size:30px;color:#333;margin-bottom:15px;}
.contact .icon .info{font-family: Arial;font-size:16px;color:#666}
/*  */
.area_title{font-size:30px;color:#EA2C43;text-align:center;font-weight:bold;}
@media (max-width:767px){
    .contact{padding-bottom:80px;}
    .contact h3{font-size:28px;margin:15px 0;font-weight:bold;}
    .contact #baidumap{height:200px;border:none;}
    .contact .list{padding:15px;margin-top:15px;}
    .contact .list .item{font-size:14px;margin-right:10px;}
    /*  */
    .contact .icon{margin-top:30px;}
    .contact .icon .item{width:50%;margin-bottom:20px;height:170px;}
    .contact .icon .bg{width:80px;height:80px;margin-bottom:20px;}
    .contact .icon .title{font-size:18px;font-weight:bold;margin-bottom:10px;}
    .contact .icon .info{font-size:11px;}
    /*  */
    .area_title{font-size:20px;}
}
@media (min-width:768px) and (max-width:991px){
    .contact #baidumap{height:500px;}
    .contact .icon .title{font-size:25px;}
    .contact .icon .info{font-size:14px;}
    .contact .list{padding:35px;}

}
@media (min-width:992px) and (max-width:1100px){
    .contact .list{padding:35px;}
    .contact .icon .info{font-size:14px;}
}
@media (min-width:1101px) and (max-width:1440px){
    .contact #baidumap{height:500px}
}