@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    font-weight: 200;
    font-family: "PingFangSC-Regular", "Microsoft YaHei";
     /*color: #cccccc;*/
}
.clearfix{
    display: inline-block;
}
.clearfix:after{
    display: block;
    content: ' ';
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
    float: left;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}

::-webkit-scrollbar {
    width: 0;
}

.footer{
    background-color: #1b1b1b;
}

.footer-info{
    overflow: visible;
    padding: 45px 0 20px;
}

.menu-list{
    list-style: none;
    float: left;
}
.menu-list > li{
    float: left;
    margin-left: 100px;
}
.menu-list > li:first-child{
    margin-left: 0;
}
.menu-tit{
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: normal;
    color: rgba(255,255,255,0.9);
}
.sub-menu-list{
    list-style: none;
}
.sub-menu-list > li > a{
    text-decoration: none;
    font-size: 12px;
    line-height: 30px;
    display: block;

}

.sub-menu-list > li > a> span{
    /* opacity: 0.6; */
    color:rgba(255,255,255,0.5);
}
.sub-menu-list > li > a> span:hover{
    color:rgba(255,255,255,0.9);
}
.yunding:hover{
	/* opacity: 0.5; */
}
.weixin span {
    color: #ccc;
}
.consult-img{
    display: none;
    position: absolute;
    top: -269px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
}
.consult{
    position: relative;
}
.consult:hover > .consult-img{
    display: block;
}

.contact{
    float: right;
    text-align: right;
}
footer .service{
	position: relative;
	font-size: 12px;
	line-height: normal;
	margin-bottom: 10px;
    color: rgba(255,255,255,0.5);
}
footer .service>span{
	font-size: 12px;
	line-height: normal;
	color: rgba(255,255,255,0.5);
}
.tel{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 5px;
    color: #ffffff;
}
.time{
    font-size: 12px;
    color: #999;
    line-height: 24px;
}

.footer-icp{
    color: #999;
    font-size: 12px;
    line-height: 18px;
    padding: 18px 0;
    border-top: 1px solid #323232;
}
.footer-icp p {
    color: #ccc;
}
.container{
    width: 930px;
    margin: 0 auto;
    position: relative;
    *zoom: 1;
}
.container:before,
.container:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.container:after {
    clear: both;
}

.footer-wx {
    background: url(http://img.loock.cn/pc/common/app_weixin.png) no-repeat center;
    width: 80px;
    height: 80px;
    border: 1px solid;
}

footer{
	width: 100%;
	min-width: 930px;
	background: #1b1b1b;
	color: #FFFFFF;
	padding-bottom: 24px;
}
footer .container{
	width: 64%;
	margin: 0 auto;
	min-width:870px;
}
footer ul{
	width: 100%;
	font-size: 12px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
footer ul li{
	display: inline-block;
	vertical-align: top;
}
footer .container li .top{
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	color:rgba(255,255,255,0.9);
	margin-bottom: 14px
}
footer .container li .top div{
	display: inline-block
}
footer .container li .top div:nth-child(2){
	font-size: 14px;
}
footer ul li:nth-child(1){
	margin-left: 0;
}
footer ul li span{
	display: block;
	margin-bottom: 10px;
}
footer ul li span a{
	color:rgba(255,255,255,0.5);
}
footer ul li span a:hover {
	color:rgba(255,255,255,0.9);
}
footer .container p{
	clear: both;
	display: block;
}
footer i{
	width: 100%;
	display: block;
	border-top: 1px solid #ffffff;
	margin: 80px 0 20px;
	opacity: 0.15;
}
footer .download{
	float: right;
	margin-left: 0;
	/* opacity: 0.7; */
}
footer .download .div{
	display: inline-block;
}
footer .download .div div{
	padding: 6px;
	align-items: center;
	width: 110px;
	height: 110px;
	background: #ffffff;
	opacity: .7;
}
footer .download .div:hover div{
	background: rgba(255,255,255,.2);

}
footer .download div:nth-child(1){
	margin-right: 100px;
}
.wx-code{
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	margin-left: 10px;
	width: 150px;
	height: 150px;
	opacity: 1;
	z-index: 1;
}
.service{
	position: relative;
}
.service:hover > .wx-code{
	display: block;
}
.appDown .wx-code {
	margin-left: 50px;
	padding: 10px;
	background: #fff;
	box-sizing: border-box;
}
.footer-detail-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 36px;
	border-bottom: 1px solid #3e3d3d;
}
.footer-detail {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 100px;
}
.footer-detail > img {
	margin-right: 20px;
	height: 34px;
}
.footer-detail > span {
	font-size: 20px;
	color: white
}
li.footer-contact-li {
	margin-left: 4%;
}
li.footer-contact-li > img {
	width: 100px;
	height: 100px;
	display: block;
	margin-bottom: 6px;
}
.footer-contact-phone{
	font-size: 20px;
	color: #ff682b;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0;
}