.container { width: 100%; margin-right: auto; margin-left: auto; }
 @media (min-width: 576px) {
.container { max-width: 540px; }
.wapper{max-width:540px;margin: 0 auto;} 
}
 @media (min-width: 768px) {
.container { max-width: 720px; }
.wapper{max-width:720px;margin: 0 auto;} 
}
 @media (min-width: 992px) {
.container { max-width: 960px; }
.wapper{max-width:960px;margin: 0 auto;} 
}
 @media (min-width: 1200px) {
.container { max-width: 1140px; }
.wapper{max-width:1140px;margin: 0 auto;} 
}
 @media (min-width: 1600px) {
.container { max-width: 1440px; }
.wapper{max-width:1440px;margin: 0 auto;} 
}


 .foot{background:#222629  }
.foot .f1{padding: 2% 0 0 0;}
.foot .f1 .left{width: 25%;float: left;overflow: hidden;}
.foot .f1 .left .top{width: 100%;}
.foot .f1 .left .top ul{width: 92%;float: left;text-align: left; margin-right: 11%;}
.foot .f1 .left .top ul:last-child{border-right: none;}
.foot .f1 .left .top ul li{font-size:16px;color: #FFFFFF; line-height:1.5em;}
.foot .f1 .left .top ul li h1{font-size: 24px;color: #FFFFFF;font-weight: normal;line-height: 1.8em; letter-spacing: 2px;}
.foot .f1 .left .top ul li h2{font-size: 15px;color: #ffffff;font-weight: normal;line-height: 1.8em;margin:0 0 1% 0; letter-spacing: 0.8px;}
.foot .f1 .left .top ul li:hover h2{color: #FFFFFF;}
.foot .f1 .left .top ul li a{font-size: 18px;color: #FFFFFF; line-height: 2em;}
.foot .f1 .left .top ul li:hover a{color: #FFFFFF;}
.foot .f1 .yqlj{padding: 5% 0 0 0;}
.foot .f1 .yqlj span{font-size: 12px;color: #CACACA;line-height: 2em;}
.foot .f1 .yqlj a{font-size: 12px;color: #CACACA;line-height: 2em;padding: 0 2%;}

.foot .f1 .right{width: 75%;float: right;}
.foot .f1 .right .smewm{float: left;width:15%;text-align: center;margin: 1% 1%;}
.foot .f1 .right .smewm .img{ width: 100%;}
.foot .f1 .right .smewm .img img{ max-width: 100%;}
.foot .f1 .right .smewm .zi{ width: 100%;}
.foot .f1 .right .smewm .zi span{ font-size: 14px;color: #ffffff; line-height: 1.5em;display: block;padding-top:15px;}
.foot .f1 .right .ink{ float: right;width: 40%;}
.foot .f1 .right .ink p{font-size: 22px;color: #FFFFFF;font-weight: normal;line-height: 2em;}
.foot .f1 .right .ink .text1{ width: 100%;border: 1px solid #fff;height: 2.5em;line-height: 2.5em;background: none;font-size: 14px;color: #FFFFFF;margin-top: 3% ;padding-left:10px}
.foot .f1 .right .ink .textarea1{width: 100%;border: 1px  solid #fff;height: 2.5em;line-height: 2.5em;background: none;font-size: 14px;color: #FFFFFF !important; margin-top:3% ; padding:0px;padding-left:10px}
.foot .f1 .right .ink .btn1{ width: 100%; background: #fc5b4d;line-height: 3em;font-size: 16px;color: #ffffff;text-align: center;margin-top: 5%;border: 0px }


.foot .f1 .right .ink .text1::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
}

.foot .f1 .right .ink .text1::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
}

.foot .f1 .right .ink .text1:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
}   
.foot .f1 .right .ink .textarea1::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
}

.foot .f1 .right .ink .textarea1::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
}

.foot .f1 .right .ink .textarea1:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
}   
.foot .f2{ text-align: left; margin-top:30px;background:#000000;height:50px; line-height:50px;}
.foot .f2 p{font-size: 14px;color: #ffffff; line-height:50px;height:50px;}
.foot .f2 a{font-size: 14px;color: #ffffff;}

.navfoot{display: none;}

.footer{background: #000000;width: 100%;height: 62px;line-height: 62px;margin-top:30px;color: #ffffff !important;font-size: 16px;}
.footer .warp{display: flex;justify-content: space-between;color: #ffffff !important;font-size: 16px;}
.footer span{color: #ffffff;font-size: 16px;}
.footer a{color: #ffffff;font-size: 16px;}
.footer a:hover{color: var(--main-color);}
@media only screen and (max-width: 768px) {
.footer{height: auto;line-height: 35px;padding: 10px 0;}
.footer .warp{display: block;text-align: center;}
.foot { }
	.foot .f1{ padding: 20px 0 1% 0;}
	.foot .f1 .left{width: 100%;float: left;overflow: hidden;}
	.foot .f1 .right{width: 100%;float: right;}
	.foot .f1 .left .top ul{width: 100%;float: left;text-align: center;margin-right: 0%;}
	.foot .f1 .yqlj{padding: 1% 0 0 0;}
	
.foot .f1 .left .top ul li h1{font-size: 18px;color: #FFFFFF;font-weight: normal;line-height: 1.6em; letter-spacing: 2px;}
.foot .f1 .left .top ul li h2{font-size: 16px;color: #ffffff;font-weight: normal;line-height: 1.5em;margin:0 0 1% 0; letter-spacing: 0.6px;} 
.foot .f1 .left .top ul li {font-size: 14px;color: #FFFFFF; line-height:1.5em;}
	.foot .f1 .right .smewm{display: none;float: left;width: 50%;text-align: center;margin: 0 auto;margin-top: 2%;}
	.foot .f1 .right .smewm .img img{ max-width: 100%;}
	.foot .f1 .right .ink{ float: right;width: 60%;display: none;}
	.foot .f2{ text-align:center;padding: 2% 0;}
	.foot .f2 p{font-size: 12px;color: #ffffff;padding:0 0 1% 0;line-height: 1.6em;}
	.foot .f2 a{font-size: 12px;color: #ffffff;}
	
	.navfoot{display: block;background: #1B1B1B;position: fixed;bottom: 0px;width: 100%; z-index:999;}
	.navfoot ul{}
	.navfoot ul li{width: 24%;display: inline-block;text-align: center;}
	.navfoot ul li .img{width: 100%;}
	.navfoot ul li .img img{max-width: 100%;}
}
@media only screen and (max-width: 480px) {	
.foot .f1 .left .top ul li h2{ font-size:16px;}
	.foot { 
	}
}