.box2{position: relative;background: rgb(240,240,240);padding-bottom: 100px}
.box2 .add{height: 360px;background: #fff;padding-top: 30px;position: relative;top: -180px;left: 0;margin: 0 auto;box-shadow: 0 0 10px #888888;}
.box2 .add .left_logo,
.box2 .add .left,
.box2 .add .right{width:33.33%;float:left;}
.box2 .add .left_logo{text-align:center;margin-top:105px;}
.box2 .add .left p{height: 60px;line-height: 60px;font-size: 24px;padding-left: 80px;background: url("../images/con04_03.png") no-repeat left center;margin-bottom: 15px}
.box2 .add .left p i{font-style: normal;display:inline-block;width:100px;white-space: nowrap;text-align: justify;text-align-last: justify;}
.box2 .add .left .p2{background: url("../images/con05_03.png") no-repeat left center}
.box2 .add .left .p3{background: url("../images/con06_03.png") no-repeat left center}
.box2 .add .left .p4{background: url("../images/con05_021.png") no-repeat left center}
.box2 .add .left p span{font-size: 16px;color: rgb(102,102,102);margin-left: 20px;}
.box2 .add .left{float: left}
.box2 .add .right{float: right;text-align: center;font-size: 18px;line-height: 40px}
.box2 .add .right .pic{padding: 0 50px;margin-top:35px;}
.box2 .map{margin-top: -100px}
.box2 .phone{padding: 55px 0 55px 55px;position: static;background: white;left: 0;right: 0;margin: 0 auto;box-shadow: 0 0 10px #ddd}
.box2 .phone .top{border-bottom: 1px solid rgb(229,229,229);padding-bottom: 35px}
.box2 .phone p{display: inline-block;margin-right: 40px;font-size: 22px;font-weight: bold;line-height: 22px;}
.box2 .phone a{display: inline-block;margin-right: 60px;font-size: 18px;font-weight: bold;color: rgb(102,102,102);margin-top: 33px;position: relative}
.box2 .phone a::after{
    content: '';
    height: 2px;
    width: 0;
    border-bottom: 2px solid rgb(68,68,68);
    position: absolute;
    bottom: -8px;
    left: 0;
}
.box2 .phone .link.actives{color: rgb(68,68,68)}
.box2 .phone .link.actives::after,.box2 .phone a:hover::after{
    width: calc(100%);
}
#baidumap{height:500px;width:100%;}
@media (max-width:768px){
    .box2{padding-bottom:0;}
    .box2 .add{height:auto;margin:0;position:static;background:#fff;padding:0;box-shadow: none;}
    .box2 .add .left p,
    .box2 .add .left .p2,.box2 .add .left .p3{background-size:30px !important;padding-left:40px;font-size:12px;}
    .box2 .add .left p span{font-size:14px}
    .box2 .add .left p{margin-bottom:0}
    .box2 .add .right{width:100%;}
    #baidumap{margin-top:10px;height:300px;}
    .box2 .phone .top{padding-bottom:15px}
    .box2 .phone p{font-size:14px}
    .box2 .phone{padding:15px}
    .box2 .phone a{margin-top:10px;font-size:14px}
    .box2 .add .left_logo, .box2 .add .left, .box2 .add .right{width:100%;}
    .box2 .add .left p i{width:55px;}
    .box2 .add .left_logo{margin-top:20px;}
}
@media (min-width:768px) and (max-width:992px){
    .box2 .add .right{width:auto;text-align:right;}
    .box2 .add .right .pic{padding:0 0;}
    .box2 .add .left p, .box2 .add .left .p2, .box2 .add .left .p3{font-size:22px;}
    /*  */
}
@media (min-width:1024px) and (max-width:1343px){
    /* .box2 .add{padding-left:30%} */
}
@media (min-width:1200px) and (max-width:1440px){
    .box2 .add .left{width:41%;}
    .box2 .add .right{width:25%;padding:0;text-align:center;}
    .box2 .add .right .pic{padding:0;}
}
@media (max-width:1199px) and (min-width:992px){
    .box2 .add{height:auto;top:-100px;}
    .box2 .add .right {width:20%}
    .box2 .add .right .pic{padding:0 30px;}
    .box2 .add .left{width:43.33%}
    .box2 .add .left p{background-size:40px !important;padding-left:60px;height:50px;line-height:50px;font-size:16px;}
    .box2 .add .left p i{font-weight:bold;width:80px;}
    .box2 .add .left_logo{margin-top:70px;}
}