@charset "utf-8";
html,body,div,ul,li{padding: 0;margin: 0;}
body{font-family: Arial, "微软雅黑";}
li{list-style: none;}

/* 输入框 placeholder 颜色修改 */
input::-webkit-input-placeholder{
    color: #999;
}
input::-ms-input-placeholder{
    color: #999;
}
input::-moz-placeholder{
    color: #999;
}
input[type=submit],input[type=button]{
    cursor: pointer;
}

textarea::-webkit-input-placeholder{
    color: #999;
}
textarea::-ms-input-placeholder{
    color: #999;
}
textarea::-moz-placeholder{
    color: #999;
}
textarea::placeholder{
    color: #999;
}

input{outline:none;}
textarea{outline:none;font-family: "Arial";}
.smalllogo{display: none;}
@media screen and (max-width:768px) {
	.biglogo{display: none;}
	.smalllogo{display: block;}
}

.f_55_box{width: 90%;margin: 0 auto;}
.footer_55{width: 100%;float: left;/* height: 650px; */padding-top: 50px;background: #383838;padding-bottom: 30px;}
.f_55_title{width: 100%;float: left;}
.f_55_title big{width: 100%;float: left;font-weight: 500;font-size: 24px;}
.f_55_title span{width: 100%;float: left;color: #C1C1C1;font-size: 12px;margin-top: 5px;margin-bottom: 20px;}
.f_55_title i{width: 30px;height: 1px;float: left;background-color: #333;}

.f55_left{width: 40%;float: left;margin-left: 5%;margin-top: 50px;}
.f55_left span{color: #fff;font-size: 20px;width: 100%;float: left;margin-bottom: 20px;}
.f55_left p{width: 100%;float: left;color: #989898;font-size: 13px;line-height: 24px;}
.f55_left a img{height: 50px;width: auto;}
.f_55_ins{width: 100%;float: left;}
.f_55_ins a{width: 30px;height: 30px;float: left;background-color: #989898;border-radius: 50%;line-height: 30px;text-align: center;margin-right: 8px;margin-top: 15px;color: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;}
.f_55_ins a:hover{background-color: #ccc;transition: all 0.3s;-webkit-transition: all 0.3s;}
.f_55_ins img{max-width: 18px;max-height: 18px;margin-top: 6px;}

.f55_right{width: 50%;float: left;}
.f55_right ul{width: 90%;float: left;margin: 70px 5% 50px;}
.f55_right li{width: 30%;float: left;border-bottom: 1px solid #606060;}
.f55_right li:nth-child(2){margin-left: 5%;margin-right: 5%;}
.f55_right li:nth-child(4){width: 100%;margin-top: 20px;}
.f55_right input{border: 0;line-height: 50px;height: 50px;width: 100%;float: left;color: #999;font-size: 16px;background: none;}
.f55_right textarea{border: 0;line-height: 25px;height: 120px;width: 100%;float: left;color: #999;font-size: 16px;padding: 3px 0px;background: none;}
.f55_right li:last-child{margin-top: 20px;border: 0;}
.f55_right li:last-child input{color: #989898;transition: all 0.3s;-webkit-transition: all 0.3s;box-shadow: none;border-radius: 0;border: 1px solid #606060;width: initial;padding: 0px 30px;}
.f55_right li:last-child input:hover{color: #fff;transition: all 0.3s;-webkit-transition: all 0.3s;background-color: #989898;border-radius: 3px;}

.f_55_copy{width: 100%;float: left;z-index: 99;bottom: 0;background-color: #191919;font-size: 12px;padding: 20px 0px;color: #fff;}
.f55_link{width: 75%;float: left;text-align: right;}
.f55_link a{padding-left: 15px;color: #fff;}
.f55_flink{width: 23%;float: right;text-align: right;padding-right: 2%;}
.f55_flink a{padding: 0px 5px;color: #fff;text-decoration: none;}
.f_55_copy a:hover{color: #FF072A;}


@media screen and (max-width:768px) {
	.footer_55{background: #383838;height: auto;padding-bottom: 30px;padding-top: 10px;}
	.f55_left{width: 100%;margin-left: 0;}
	.f55_right{display: none;}
	.f55_flink{display: none;}
	.f55_link {width: 90%;text-align: center;margin: 0px 5%;}
	.f_55_copy{position: initial;/*margin: 15px 0px;*/text-align: center;}
}
@media screen and (min-width:768px) and (max-width:1024px){
	.footer_55{width: 100%;float: left;/* height: 650px; */padding-top: 20px;background: #383838;padding-bottom: 10px;}
	.f55_link {width: 90%;text-align: center;margin: 0px 5%;}
	.f55_flink{display: none;}
	.f_55_copy{position: initial;/*margin: 15px 0px;*/text-align: center;}
	
	.f55_right li{width: 100%;}
	.f55_right li:nth-child(2){margin-left: 0;margin-right: 0;}
	.f55_right input{line-height: 40px;height: 40px;width: 100%;font-size: 14px;background: none;}
	.f55_right textarea{border: 0;line-height: 20px;height: 100px;width: 100%;float: left;font-size: 14px;background: none;}
	.f55_right li:nth-child(4){width: 100%;margin-top: 10px;}
}

@media screen and (min-width:1024px) and (max-width:1300px){
	.f55_link{width: 70%;}
	.f55_flink{width: 28%;}
}


.f55_email{cursor:pointer}