@charset "utf-8";
/*新闻中心*/
.hezuo{
    width:100%;height:40%;background-color: #171717;position: relative;
}

.contactSwiper{
    width:74%;position: absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.contactSwiper .swiper-slide img{
    max-width: 120px;width:100%;
}
.contact .swiper-button-prev{
    background-image: url(../image/prev.png);
    left:8%;
}
.contact .swiper-button-next{
    background-image: url(../image/next.png);
    right:8%;
}
.contact .swiper-button-prev,.contact .swiper-button-next{
    width:26px;height:18px;top:53%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

/*联系我们*/
.contactBox{
    height:55%;width:100%;background-color: #111;
    position: relative;
}

.contact_left{
    width:18%;position: absolute;top:50%;left:18%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.contact_left .h3{
    font-size: 22px;color:#d3d3d3;margin-bottom:30px;font-weight: normal;
}
.contact_left li{
    color:#404040;font-size: 16px;line-height: 32px;
}
.contact_left>p{
    margin-top:30px;
}
.contact_left li a{
	color:#404040;
}
.contact_left p a{
	color:#fff;
    width:45px;height:45px;display: inline-block;border-radius: 100%;
    background-color: #5c5c5c;margin-right:20px;position: relative;
}
.contact_left p a img{
	max-width:100%;vertical-align:bottom;
}
.contact_left p a:hover{
	color:#8d4549;background-color:#111;
}
.contact_left p a i{
    position: absolute;top:50%;left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.contact_right{
    width:24%;position: absolute;top:50%;right:18%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.contact_right input,.contact_right textarea{
    background-color: transparent;color:#404040;
    width:100%;padding:20px;border:0;
    border-bottom:1px solid #494949;
    resize:none;font-size: 16px;
    box-sizing: border-box;
}
.contact_right input:focus{
    border:0;outline: none;
    border-bottom:1px solid #494949;
}

.submit{
    width:100%;display: block;height: 55px;line-height: 55px;font-size: 20px;text-align: center;margin-top:15px;
    background-color: #5c5c5c;
}
/*最底部*/
.foot{
    height:5%;width:100%;background-color: #000;position: relative;
}
.foot>div{
	position:absolute;left:18%;top:0;height:100%;width:100%;
}
.foot p{
	display:inline-block;
    position: relative;font-size: 14px;color:#404040;
    top:50%;left:8px;
    -webkit-transform: translate(0, -60%);
    -moz-transform: translate(0, -60%);
    transform: translate(0, -60%);
}
.foot a{
	position:relative;height:100%;top:20%;left:0;
}
.foot a img{
	height:60%;
}

@media screen and (min-device-width:1024px) and (max-device-width:1290px){  /*.6*/
    .contact_left h3{
        font-size: 22px;margin-bottom:30px;
    }
    .contact_left li{
       font-size: 12px;line-height: 24px;
    }
    .contact_left p{
        margin-top:18px;
    }
    .contact_left p span{
        width:29px;height:29px;margin-right:16px;
    }

    .contact_right input,.contact_right textarea{
        padding:13px;  font-size: 12px;
    }
    .submit{
        height: 36px;line-height: 36px;font-size: 14px;margin-top:15px;
    }
    .foot p{
        font-size: 12px;
    }
}
@media screen and (min-device-width:1290px) and (max-device-width:1580px){  /*.75*/
    .contact_left h3{
        font-size: 17px;margin-bottom:30px;
    }
    .contact_left li{
        font-size: 13px;line-height: 26px;
    }
    .contact_left p{
        margin-top:22px;
    }
    .contact_left p span{
        width:34px;height:34px;
    }

    .contact_right input,.contact_right textarea{
        padding:15px;  font-size: 12px;
    }
    .submit{
        height: 42px;line-height:42px;font-size: 15px;margin-top:15px;
    }
    .foot p{
        font-size: 12px;
    }
}
@media screen and (min-device-width:1580px) and (max-device-width:1680px){  /*.85*/
    .contact_left h3{
        font-size: 19px;margin-bottom:25px;
    }
    .contact_left li{
        font-size: 15px;line-height: 30px;
    }
    .contact_left p{
        margin-top:26px;
    }
    .contact_left p span{
        width:40px;height:40px;
    }

    .contact_right input,.contact_right textarea{
        padding:17px;  font-size: 15px;
    }
    .submit{
        height: 47px;line-height: 47px;font-size: 17px;margin-top:15px;
    }

}