footer{ width: 100%;}

.home-services{ width: 100%; height: auto; background: #FFFFFF; padding: 30px 0;}
.home-services dl{width: 25%; padding-right: 50px;}
.home-services dl dt{ width: 48px; height: 48px;}
.home-services dl dd{ width: calc(100% - 48px);  border-right: 2px solid #EEEEEE; font-weight: bold; color: #111111; font-size: 1rem; line-height: 20px; padding-left: 12px; padding-right: 50px;}
.home-services dl:last-child{ padding-right: 0;}
.home-services dl:last-child dd{ border: none; padding-right: 0;}


.footer-box{ width: 100%; height: auto; background: #008dd3; background-size:cover; color: #FFFFFF; padding: 50px 0;}
.footer-box-left{ width: 35%; padding-right: 120px;}
.footer-box-left .flogo{ width: 276px; height: 52px;}
.footer-box-left p{ line-height: 18px; margin-top: 15px;}
.footer-box-left .fshare{ width: 100%; margin-top: 15px;}
.footer-box-left .fshare a{ display: block; width: 41px; height: 41px; line-height: 41px; font-size: 1.2rem; text-align: center; color: #FFFFFF; margin-right: 10px; border: 1px solid #FFFFFF; border-radius: 6px;}
.footer-box-left .fshare a:hover{ background: #FFFFFF; color: #1b3a7d;}

.footer-box-right{ width: 65%; }
.footer-box-right dl dt{ font-weight: bold; font-size: 1.2rem; line-height: 26px; margin-bottom: 8px;}
.footer-box-right dl dd a{ display: block; color: #FFFFFF; line-height: 24px; background: url(../images/footerlink.png) no-repeat left center; padding-left: 15px;}
.footer-box-right dl:last-child{ max-width: 300px;}
.footer-box-right dl:last-child a{ background:none; padding-left: 5px;}
.footer-box-right dl p em{ display: block; width: 16px;}
.footer-box-right dl p a{ width: calc(100% - 16px);}


.footer-copy{ width: 100%; line-height: 28px; padding: 15px; background: #EEEEEE;}
.footer-copy em a{ margin-right:10px;  color:#fff; background:#008dd3; padding:0 15px; height:28px; border-radius:4px; display:inline-block;}
.footer-copy em a i{ margin-right:5px; font-size:1.1rem; color:#fff;}
.footer-copy span a{ }
.footer-copy span a:first-child:after{ content: "|"; padding: 0 10px; color: #CCCCCC;}
.fposi{ 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: #008dd3; border-radius: 6px  0px  0px  6px; }
.customerBox a:hover{ text-decoration:none; background:#2d6bc8;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:200px; background:#fff; color:#0359d8; font-size:1rem;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.customerBox a .eso_divinfo img{ width:120px; height:120px;}
.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) {

.home-services{ display: none;}
.footer-box{ display: none;}
.footer-copy{ padding: 10px 0; margin-bottom: 70px; text-align: center;}
.footer-copy span{ display: none;}
.footer-copy em{ display: block; text-align: center;}

.fposi{ width:100%; height:70px; background:#008dd3; 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;}





}