/*-------------contact start---------------------------------------------------------------*/
i{ color:#fff}
.contact-pc {
position: fixed;
top: 42%;
z-index: 999;
/* margin-right: 14px; */
right: 10px;
width: 39px;
}
.contact-pc li {
position: relative;
width: 39px;
height: 39px;
background: #666666;
border-radius: 5px;
transition: 0.5s;
margin-bottom: 2px;
list-style:none;
}
.contact-pc li a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
text-align: center;
margin: 0 auto;
cursor: pointer;
color:#FFFFFF;
font-size:23px;
text-decoration:none;
}
.contact-pc li .iconfontbig {
color: #FFFFFF;
font-size: 20px;
display: block;
}
.iconfontbigtop {
font-size: 20px;
color: #FFFFFF;
}
.iconfontbigweixn {
font-size: 20px;
color: #FFFFFF;
}
.contact-pc li .ewm {
position: absolute;
top: 0;
left: 125px;
max-width: 120px;
width: 120px;
height: 120px;
}
.contact-pc li.ewm-box:hover .ewm {
left: -125px;
}
.contact-pc li .ewm {
position: absolute;
top: 0;
left: 125px;
max-width: 120px;
width: 120px;
height: 120px;
}
.contact-pc li.ewm-box:hover .ewm {
left: -125px;
}
.contact-pc li :hover .iconfont,
.contact-pc li :hover {
background: #333333;
/* font-size: 38px; */
/* color: #FFFFFF; */
transition: 0.5s;
border-radius: 5px;
}
.contact-phone {
position: fixed;
bottom: 0;
height: 40px;
left: 0;
right: 0;
display: none;
z-index: 999;
}
.contact-phone li {
width: 20%;
height: 100%;
float: left;
position: relative;
background: #666;
list-style:none;
}
.contact-phone li:hover .iconfont {
/* color: #fff; */
color: #FFFFFF;
}
.contact-phone li a {
display: block;
heswiper-button-previght: 100%;
width: 100%;
text-align: center;
line-height: 40px;
cursor: pointer;
}
.contact-phone li .ewm {
position: absolute;
bottom: 40px;
right: 50%;
margin-right: -50px;
display: none;
max-width: 100px;
width: 100px;
height: 100px;
}
.small-phone {
display: none;
}
@media screen and (max-width:750px) {
.dibuzujian {
padding-bottom: 40px;
}
.small-phone>li>a>.iconfontbig {
font-size: 20px;
color: #FFFFFF;
}
.contact-pc {
/*display: none;*/
}
.footer-fxzj {
padding-top: 20px;
margin-bottom: 10px;
}
.footer-index {
padding-bottom: 50px;
}
.small-phone {
display: block;
position: fixed;
bottom: 0px;
width: 100%;
z-index: 200;
}
.small-phone>li {
display: block;
background-color: #BDBDBD;
width: 20%;
float: left;
text-align: center;
padding: 10px 0px;
}
.small-phone>li>a>.iconfontwesp {
font-size: 20px;
color: #FFFFFF;
}
.small-phone>li>a>.iconfontbigtop {
font-size: 20px;
color: #FFFFFF;
}
.weixin>a>.iconfontbigweixn {
font-size: 20px;
color: #FFFFFF;
}
.small-phone>li:hover {
background: #333333;
/* background-color: #00A0E9; */
}
.weixin>img {
position: absolute;
z-index: 100;
top: -120px;
left: auto;
display: none;
}
}
@media screen and (max-width:520px) {
.weixin>img{
right: 0px;
}
}
/* contact end */