/*
@charset "utf-8";

#footer {
    position: relative;
    padding: 15px;
    text-align: center;
    background-color: #2c2c2c;
}
#footer span{
    display: inline-block;
    font-size: 13px;
    color: #FFF;
}
#footer .num{
    margin-left: 20px;
}
#links{
    padding: 40px 0;
   !* display: flex;*!
    color: #FFF;
    background-color: #323232;

}
#links>div{
    display: inline-table;
}
#links a{
    color: rgba(255,255,255,0.7);
    font-size: 14px;
}
#links>.friendlyLinks{
    font-size: 0;
    box-sizing: border-box;
}
#links h5{
    font-size: 16px;
    margin-bottom: 15px;
}
#links .nav .content{
    padding-left: 59%;
    box-sizing: border-box;
}
#links .nav a{
    display: block;
    line-height: 2.5;
}
#links>.friendlyLinks>.content>.links>a{
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,.7);
    padding: 0 6px;
    margin: 5px 0 ;
    font-size: 14px;
}
#links>.friendlyLinks>.content>.contact{
    padding: 5px 0;
}
#links>.friendlyLinks>.content>.links>.borderNone{
    border: none;
}
#links>.friendlyLinks>.content>.links>.paddingLeftNone{
    padding-left: 0;
}
#links>.friendlyLinks>.content>.contact img{
    vertical-align: baseline;
}
#links>.friendlyLinks>.content>.contact a{
    margin-left: 8px;
    display: inline-block;
}
#links>.friendlyLinks>.content>.contact>.telNum{
    display: inline-block;
}
#links>.friendlyLinks>.content>.contact>.address {
    display: inline-block;
    padding-left: 14%;
}
#links>.QRcodeWrapper>img{
    display: inline-block;
    padding:9% 0 20px 22%;
}
#links>.QRcodeWrapper>div{
    padding-left: 18%;
}
*/
@charset "utf-8";

*{
    font-family: "Microsoft YaHei";
}

a:hover,a:active,a:focus{
    text-decoration: none!important;
}

#footer {
    width:100%;
    height:250px;
    background-color:#323232;
    padding:40px 15%;
}

#footer span {
    margin-right: 10px;
    cursor: default;
}

#footer #qrcodeImg {
    position: absolute;
    top: -185px;
    left: 42%;
    border: 2px solid #0064BB;
}

#navLink{
    width:6%;
    height:100%;
    display: inline-table;
    margin-right: 20%;
}

.footerHead{
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
}

#navLink a{
    display: block;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    line-height: 2.5;
    opacity: 0.8;
}
#navLink a:hover{
    opacity: 1;
}
#otherLink{
    width:520px;
    height:100%;
    display: inline-table;
}

#otherLink a{
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    opacity: 0.8;
}
#otherLink a:hover{
    opacity: 1;
}
#otherLink span:not(:first-child){
    font-size: 12px;
    color: #ffffff;
}

.mailIcon{
    width:16px;
    height:13px;
}

.telIcon{
    width:15px;
    height:16px;
}

.addressIcon{
    width:12px;
    height:17px;
}

#connectUs{
    margin-top: 16px;
}

#connectUs div:nth-child(3){
    float: left;
    margin-right: 70px;
}

#connectUs div:nth-child(2){
    margin: 8px 0;
}

#connectUs div span{
    opacity: 0.8;
}

#codeDiv{
    float: right;
    width:160px;
    height:200px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

#codeImg{
    margin:10px auto;
    width:110px;
    height:110px;
    background:#fff url("/images/index/web/code.png") no-repeat 5px 5px;
}

#footerOne{
    width:100%;
    height:46px;
    line-height: 46px;
    background-color: #2c2c2c;
    text-align: center;
    font-size: 13px;
    color: #ffffff;
    position: relative;
    z-index: 9;
}

#footerOne a{
	color: #fff;
	margin: 0 20px;
}
#footerOne a:focus,
#footerOne a:hover{
	color: #fff;
}