html{}
ul{padding: 0;}
li{list-style: none;}
footer{width: 100%;height: auto;background: #313131;padding-top: 50px;padding-bottom: 20px;}
.footTop{width:70%;height: auto ;display: flex;justify-content: space-between;margin: 0 auto;}

.footLeft{}
.footLeft>img{width: 240px;margin-bottom: 30px;}
.footLeft>div{width: 160px;margin: 0 auto;height: auto;text-align: center;}
.footLeft>div>span{display: block;font-size: 16px;color: #fff;text-align: center;}
.footLeft>div>img{width: 122px;height: 122px;margin-bottom: 8px;border-radius: 6px;}

.footCenter{display: flex;justify-content: space-between;;}
.footCenter>li:nth-child(2){margin: 0 120px;}
.footCenter>li>ul{width: 100%;height: auto;}
.footCenter>li>ul>li{color:#fff;font-size: 14px;margin-bottom: 27px;;}
.footCenter>li>ul>li>a{
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: #FFFFFF;
    opacity: 0.6;
    text-decoration: none;
}
.footCenter>li>ul>li:nth-child(1){opacity: 1;color:#fff;font-size: 16px;margin-bottom: 27px;font-weight: bold;}
.footCenter>li>ul>li:nth-child(1)>a{opacity: 1;color:#fff;font-size: 16px;margin-bottom: 27px;font-weight: bold;}
.footCenter>li>ul>li>a:hover{color:#05B9CF;text-decoration: none;}
.footCenter>li>ul>li:nth-child(1)>a:hover{color:#fff;text-decoration: none;}

.footRight{}
.footRight>h4{color:#fff;font-size: 16px;margin-bottom: 27px;font-weight: bold;}
.footRight>ul{display: flex;justify-content: flex-start;}
.footRight>ul>li{width: 35px;height: 35px;position: relative;}
.footRight>ul>li:nth-child(1){margin-right: 10px;}
.footRight>ul>li>img{width: 35px;height: 35px;cursor: pointer;}
.footRight>ul>li>div{width: 140px;height:140px;border: 1px solid black;border-radius: 6px;background: #fff;position: absolute;top:-155px;left:-55px ;display: none;}
.footRight>ul>li>div>img{width: 120px;height: 120px;margin: 10px;}
.footRight>ul>li>div>span{display: block;width: 16px;height: 16px;background: #fff;transform: rotate(45deg);position: absolute;bottom: -8px;left: 50%;margin-left: -8px;}
.footRight>ul>li>img:hover+div{display: block;}

.footBot{margin-top: 30px;}
.bottomImg{width: 250px;height: 35px;display: flex;justify-content: flex-start;margin: 0 auto;margin-top: 40px;margin-bottom: 30px;}
.bottomImg>a{display: block;width: 100%;height: 100%;}
.bottomImg>a:nth-child(1){margin-right: 50px;}
.bottomImg>a>img{display: block;width: 100%;height: 100%;}

.bottomText{display: flex;justify-content: center;opacity: 0.6;font-size: 14px;}
.bottomText>p{color:#fff !important;font-size: 12px;}
.bottomText>p a{color:#fff !important;font-size: 12px;}
.bottomText>p:nth-child(2){margin-left: 5px;}
.bottomText>span{display: inline-block;background: #fff;width: 1px;height: 16px;margin: 0 10px;margin-top: 0px;}



@media screen and (min-width:992px) and (max-width:1200px){
	.footTop{width: 89%;}
	
}

@media screen and (min-width:769px) and (max-width:991px){
	.footTop{width: 89%;flex-wrap: wrap;}
	.footLeft{margin-bottom: 45px;}
	
}

@media screen and (max-width:768px){
	footer{padding-top: 20px;}
	.footTop{flex-direction:column;width: 90%;}
	.footCenter{display: flex;justify-content: space-between;flex-direction: column;order:1}
	.footCenter>li>ul{flex-wrap: wrap;display: flex;justify-content: space-between;}
	.footCenter>li>ul>li:nth-child(1){width: 100%;margin-bottom: 10px;}
	.footCenter>li>ul>li:nth-child(1)>a{font-size: 14px;}
	.footCenter>li>ul>li{width: 45%;margin-bottom: 15px;font-size: 12px;}
	.footCenter>li:nth-child(2){margin: 0;margin-bottom: 20px;}
	.footCenter>li{margin-bottom: 20px;}
	
	.footRight{order: 2;display: flex;justify-content: flex-start;align-items: center;}
	.footRight>h4{font-size: 14px;margin-bottom: 0;margin-right: 15px;}
	.footRight>ul>li{width: unset;height: unset;}
	.footRight>ul>li>img{display: none;}
	.footRight>ul>li>div{display: block;width: 80px;height: 80px;background: transparent;border:none;position: static;}
	.footRight>ul>li>div>img{width: 60px;height: 60px;border-radius: 6px;}
	.footRight>ul>li>div>span{display: none;}
	
	.footLeft{display: flex;justify-content: center;align-items: center;margin-top: 30px;margin-bottom: 30px;}
	.footLeft>img{width: 100px;height: 30px;;}
	.footLeft>div>img{width: 65px;height: 65px;;}
	
	
	
	.bottomText{flex-wrap: wrap;}
	.bottomText>p{width: 100%;text-align: center;margin-bottom: 3px;}
	.bottomText>span{display: none;}
	.footLeft>div>span{font-size: 12px;}
}