.footer-service{ width: 100%; height: auto; background: #FFFFFF; padding: 20px 0;}
.footer-service dl dd{ padding-left: 20px;}
.footer-service dl dd b{ display: block; font-size: 1.4rem;}
.footer-service dl dd em{ display: block;}


footer{ width: 100%; height: auto; background: url(../images/footerbg.png) no-repeat center; background-size:cover; padding-top: 55px; color: #FFFFFF;}
.footer-box{ padding-bottom: 50px;}
.footer-box-left{ width: 40%; padding-right: 100px;}
.footer-box-left a{ display: block; width: 228px; height: 58px; background: url(../images/flogo.png) no-repeat;}
.footer-box-left p{ margin-top: 20px;}
.footer-box-left em{ display: block; margin-top: 20px;}

.footer-box-right{ width: 60%; }
.footer-box-right dl dt{ font-weight: bold; font-size: 1.3rem;}
.footer-box-right dl dd{ padding-top: 15px;}
.footer-box-right dl dd a{ display: block; background: url(../images/footer-alink.png) no-repeat left center; color: #FFFFFF; padding-left: 16px;}
.footer-box-right dl dd p img{ vertical-align: middle; margin-right: 8px;}

.footer-box-right dl dd .footer-share{ width: 100%; margin-top: 20px;}
.footer-box-right dl dd .footer-share a{ padding: 0; margin-right: 10px; display: block; text-align: center; width: 46px; height: 30px; line-height: 30px; font-size: 1.2rem; color: #FFFFFF; background: url(../images/footer-share.png) no-repeat;}
.footer-box-right dl dd .footer-share a:hover{ background: url(../images/footer-shares.png) no-repeat;}


.footer-copy{ width: 100%; height: auto; border-top: 2px solid #3a74c0; padding: 20px 0; line-height: 38px;}



.fposi{ display: none;}


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

.customerBox{ margin-top: 5px; width: 60px; height: auto; background: #f9f9f9; border-radius: 12px  0px  0px  12px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}
.customerBox a{ display: block; text-align: center; position: relative; width: 100%; height: 46px; padding: 10px 0;}
.customerBox a.custicon1{ background: url(../images/custicon1.png) no-repeat center;}
.customerBox a.custicon2{ background: url(../images/eso_cuicon7.png) no-repeat center;}
.customerBox a.custicon3{ background: url(../images/custicon3.png) no-repeat center;}
.customerBox a.custicon4{ background: url(../images/custicon4.png) no-repeat center;}
.customerBox a.custicon5{ background: url(../images/custicon5.png) no-repeat center;}
.customerBox a .eso_divinfo{ display:none; position:absolute; min-width:200px; right:60px; top:0; background:#fff;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:25px; border-radius:5px; }
.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;}




@media (max-width: 768px) {
.footer-service{ display: none;}
footer{ display: none;}
.fposi{ width:100%; height:70px; background:#00a2e9; 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;}


}