footer{ width: 100%; background: #FFFFFF; border-top:1px solid #eee; padding: 50px 0;}

.footer-left{ width:73.5%; border-right:1px solid #eee; padding-right: 100px;}
.footer-left dl dt{ color: #111111; font-weight: bold; font-size: 1.1rem; line-height: 30px; margin-bottom: 10px;}
.footer-left dl dd a{ display: block; font-size: 0.95rem; line-height: 32px;}

.footer-right{ width: 26.5%; padding-left: 100px;}
.footer-right h2{font-size: 1.1rem; line-height: 30px; margin-bottom: 10px;}
.footer-right p{font-size: 0.95rem; line-height: 32px;}

.footer-copy{ width: 100%; background:#053099; text-align: center; color: #FFFFFF; padding: 15px 0;}
.footer-copy a{ color: #FFFFFF; padding-left: 30px;}

.footer-pay{ margin-top: 15px;}
.footer-pay img{ margin: 0 10px;}

.fposi{ display: none;}
.optain{ display:none;}


.customerList{ width:60px; height:auto; position: fixed; right: 0; top: 30%; z-index:999; }
.customerList a b{ display: block; color: #FFFFFF !important; font-size: 14px; line-height: 21px; font-weight: normal;}

.customerBox{ width: 60px; height: auto;  }
.customerBox a{ display: block; text-align: center; position: relative; width: 60px; height: 60px; line-height:60px; color:#fff; margin-bottom:1px; font-size:1.8rem; background: #053099; border-radius: 6px  0px  0px  6px; }
.customerBox a:hover{ text-decoration:none; background:#ff6a00;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#053099; font-size:1rem;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.customerBox a .eso_divinfo:before{
    content:""; position:absolute; right:-12px; top:50%; margin-top:-12px; 
width:0;
height:0;
border-top:12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #fff;
}
.customerBox a:hover .eso_divinfo{ display: block;}


.posad{
    width:120px;
    position:fixed;
    left:10px;
    top:30%;
    z-index:9999;
}

.posad img{
    width:100%;
    height:auto;
    display:block;
}

.posad-close{
    position:absolute;
    right:-10px;
    top:-10px;
    width:24px;
    height:24px;
    line-height:22px;
    text-align:center;
    background:#333;
    color:#fff;
    font-size:18px;
    border-radius:50%;
    text-decoration:none;
    z-index:10;
    font-family:Arial, sans-serif;
}

.posad-close:hover{
    background:#053099;
    color:#fff;
}



@media (max-width: 768px) {

footer{ display: none;}
.footer-copy{ margin-bottom: 70px;}
.footer-pay{ display: none;}

.fposi{ width:100%; height:70px; background:#053099; position:fixed; left:0; bottom:0; display:block; z-index:999;}
.fposi a{ display:block; float:left; text-align:center; width:25%; height:70px; color:#fff !important; border-right:1px solid #eee;  box-sizing: border-box; }
.fposi a:last-child{ border:none}
.fposi a img{ width:30px; height:auto; padding-top:8px;}
.fposi a p{ line-height:32px; font-size:0.9rem}
.customerList{ display: none;}


.optain{ display:none; background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;}
.optain-close{ width:27px; height:27px; background:url(../images/close.png) no-repeat; cursor:pointer; position: absolute; right:20px; top:120px;}
.optain-search{width:100%; height:100%; }
.optain-search-box{ width:94%; margin:0 auto;}
.optain-search-box input{ width:80%; height:42px; line-height:42px; background:#fff; border-radius:4px 0 0 4px; border:none; padding:0 15px; font-size:0.9rem;}
.optain-search-box button{ width:20%; height:42px; line-height:42px; background:#053099; border-radius:0 4px 4px 0; color:#fff; font-size:1.2rem; border:none;}


.posad{ display:none;}


}