* { margin: 0; padding: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: border-box; } .lxwm { padding: 0 80px; } .lxwm .address { padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: center; } .lxwm .address .add_box { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .lxwm .address p { cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; margin-right: 80px; margin-bottom: 20px; } .lxwm .address p img { width: 70px; object-fit: cover; } .lxwm .address p span { transition: 0.4s; margin-left: 14px; font-size: 22px; color: #333; } .lxwm .address p.active span { color: #fa4617; } .lxwm .address p:hover span { color: #fa4617; } .lxwm .address p:last-child { margin-right: 0; } .lxwm .introduce { margin-bottom: 70px; } .lxwm .introduce .item { display: none; flex-wrap: wrap; } .lxwm .introduce .item .left { width: 50%; } .lxwm .introduce .item .left img { width: 100%; vertical-align: bottom; object-fit: cover; } .lxwm .introduce .item .right { width: 50%; /*display: flex;*/ /*flex-wrap: wrap;*/ /*align-items: center;*/ } .lxwm .introduce .item .right .right_box { width: 100%; padding: 140px 200px 0 85px; } .lxwm .introduce .item .right .right_box .contont1 { font-size: 32px; color: #333; margin-bottom: 75px; } .lxwm .introduce .item .right .right_box .contont2 { border-top: 1px solid #cfcfd0; padding-top: 90px; display: grid; grid-row-gap: 14px; } .lxwm .introduce .item .right .right_box .contont2 p { display: flex; flex-wrap: wrap; align-items: center; } .lxwm .introduce .item .right .right_box .contont2 p span { margin-left: 20px; flex: 1; color: #666; font-size: 20px; } .lxwm .introduce .item.active { display: flex; } .lxwm .mymap { width: 100%; } .lxwm .mymap .allmap { width: 100%; height: 642px; } .lxwm .mymap .allmap .bmaplabel { display: none !important; } .lxwm .media { padding: 60px 0; position: relative; text-align: center; } .lxwm .media .me_img img { width: 207px; } .lxwm .media .me_about { position: absolute; top: 42%; left: 50%; transform: translatex(-50%); } .lxwm .media .me_about .b1 { font-size: 32px; color: #333; font-weight: bold; } .lxwm .media .me_about .b2 { margin-top: 10px; font-size: 20px; color: #999; } @media (max-width: 1700px) { .lxwm .introduce .item .right .right_box { padding: 80px 200px 0 85px; } } @media (max-width: 1500px) { .lxwm .introduce .item .right .right_box { padding: 100px 160px 0 50px; } .lxwm .introduce .item .right .right_box .contont2 { padding-top: 50px; } .lxwm .introduce .item .right .right_box .contont1 { margin-bottom: 40px; font-size: 22px; } .lxwm .media .me_about .b1 { font-size: 22px; } .lxwm .mymap .allmap { height: 600px; } .lxwm .introduce .item .right .right_box .contont2 p span, .lxwm .media .me_about .b2 { font-size: 16px; } .lxwm .address p span { font-size: 18px; } .lxwm .media .me_img img { width: 188px; } .lxwm .address p img { width: 60px; } } @media (max-width: 1300px) { .lxwm .introduce .item .right .right_box { padding: 60px 200px 0 85px; } } @media (max-width: 1200px) { .lxwm { padding: 0 15px; } .lxwm .introduce .item .right .right_box { padding: 100px 160px 100px 50px; } .lxwm .introduce .item .left, .lxwm .introduce .item .right { width: 100%; } .lxwm .mymap .allmap { height: 500px; } .lxwm .media { padding: 40px 0; } } @media (max-width: 750px) { .lxwm .address p { width: 50%; margin-right: 0 !important; } .lxwm .address .add_box { justify-content: space-between; } .lxwm .address p img { width: 40px; } .lxwm .introduce .item .right .right_box { padding: 60px 20px; } }