.footer { width: 100%; height: auto; background: #303A48; padding-bottom: 26px; } #allmap img{ max-width:initial !important; } .flfgs a { display: block; } .footer_wrap { width: 1440px; margin: 0 auto; } .footer_box1 { border-bottom: 2px solid rgb(255, 255, 255, 0.2); padding-bottom: 22px; padding-top: 30px; } .footer_box1_l { float: left; } .footer_box1_r { float: right; width: auto; } .footer_box1_r ul li { float: left; margin-right: 20px; line-height: 47px; } .footer_box1_r ul li a { color:rgb(164, 167, 172); font-size: 14px; font-weight: 400; letter-spacing: 0px; } .footer_box1_r select { width: 380px; height: 35px; border: 1px solid #fff; background-color: transparent; } .flfgs { float: right; width: 140px; height: 50px; border-radius: 8px; line-height: 50px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; letter-spacing: 0px; text-align: left; background-size: 67%; background-color: rgb(255, 255, 255, 0.1); } .footer_box1_r ul { float: left; } .footer_box3_r { float: right; width: auto; height: auto; margin-top: 16px; text-align: center } .footer_box3_r img { width: 140px; margin-bottom: 9px; } .footer_box3_r p { color:rgb(152, 157, 164); font-size: 14px; font-weight: 400; line-height:35px; letter-spacing: 0px; text-align: center; } .footer_box2_l { float: left; margin-top: 72px; } .footer_box2_l p { color:rgb(149, 153, 159); font-size: 14px; font-weight: 400; line-height: 32px; letter-spacing: 0px; } .footer_box2_r { float: right; margin-top: 106px; margin-right: 46px; } .footer_box2_r p { color:rgb(152, 157, 164); text-align:right; font-size: 14px; font-weight: 400; line-height: 32px; letter-spacing: 0px; } @media screen and (max-width: 1440px) { .footer_wrap { width: 1240px !important; } } @media screen and (max-width: 1250px) { .footer_wrap { width: 100% !important; } .footer_box1 { padding: 30px 20px 22px; } .footer_box2 { padding: 0 20px; } } @media screen and (max-width: 950px) { .footer_wrap { width: 100% !important; } } @media screen and (max-width: 750px) { .footer { width: 100%; height: auto; background: #303A48; padding-bottom: 12px; } .footer_box1 { border-bottom: 2px solid rgb(255, 255, 255, 0.2); padding-bottom: 29px; padding-top: 40px; } .footer_box1_l { float: left; width: 261px; } .footer_box1_l img {} .footer_box1_r { float: right; width: auto; display: none; } .footer_box1_r ul li { float: left; margin-right: 20px; line-height: 47px; } .footer_box1_r ul li:last-child{ margin-right: 0; } .footer_box1_r ul li a { color: #fff; font-size: 16px; font-weight: 400; letter-spacing: 0px; } .footer_box1_r select { width: 380px; height: 35px; border: 1px solid #fff; background-color: transparent; } .flfgs { display: none; float: right; width: 140px; height: 50px; border-radius: 8px; line-height: 50px; color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; letter-spacing: 0px; text-align: left; background: url(../scheme/yqlj.png) no-repeat center; background-color: rgb(255, 255, 255, 0.1); } .footer_box1_r ul { float: none; } .footer_box3_r { float: none; width: 148px; height: 201px; margin: 0 auto; margin-top: 16px; } .footer_box3_r img { width: 100%; text-align: center; box-sizing: border-box; } .footer_box2_l { float: none; margin-top: 26px; } .footer_box2_l p { color: #fff; font-size: 16px; font-weight: 400; line-height: 28px; letter-spacing: 0px; } .footer_box2_r { float: none; margin-top: 15px; margin-right: 0; width: 100%; text-align: center; } .footer_box2_r p { color: #fff; font-size: 16px; font-weight: 400; line-height: 28px; text-align:center; letter-spacing: 0px; } .footer_wrap { width: 90% !important; } } .friendLink { position: relative; /* float: right; */ /* width: 200px; */ /* z-index: 50; */ } .friendLink span { display: block; border-radius: 52px; font-size: 16px; color: #ffffff; /* text-align: center; */ height: 50px; line-height: 50px; /* padding: 0 42px; */ /* background: #23324b url(../images/friendLinkIcon.png) no-repeat 18px center; */ width: 140px; /* border: 1px solid #424e61; */ background: url(../scheme/yqljdqiu.png) no-repeat 23px 13px; padding-left: 56px; box-sizing: border-box; } .friendLink span:after { content: ""; display: block; position: absolute; width: 12px; height: 12px; position: absolute; right: 21px; top: 19px; background: url(../images/iconUp.png) no-repeat center; } .friendLink .hid { position: absolute; padding-bottom: 0; left: -106px; bottom: 100%; width: 100%; z-index: 999; box-shadow: 0 0 29px 5px #0000000d; transition: all .4s; } .friendLink .box { display: none; background: #303a48; padding: 10px 15px; border-radius: 25px; width: 215px; overflow: hidden; } .friendLink .ul { max-height: 240px; overflow: hidden; overflow-y: auto; cursor: pointer; } .friendLink a { font-size: 14px; color: #fff; line-height: 28px; /* padding: 10px 20px; */ transition: all .4s; } .friendLink a:hover { color: rgb(27, 98, 206); } .friendLink .hid.on { padding-bottom: 6px; }