footer{ width: 100%; height: auto; background: url(../images/footer.png) no-repeat center; background-size:cover;}


.footer-box{ padding: 45px 0 30px 0; border-bottom: 2px solid #5a87c6;}
.footer-box-left{ width: 28%;}

.footer-box-right{ width: 72%; color: #FFFFFF;}
.footer-box-right dl dt{ font-weight: bold; font-size: 1.3rem;}
.footer-box-right dl dd{ padding-top: 10px;}
.footer-box-right dl dd a{ display: block; color: #FFFFFF; line-height: 24px;}
.footer-box-right dl:nth-child(3){ width: 380px;}
.footer-box-right dl:nth-child(3) a{ display: flex; margin-bottom: 8px;}
.footer-box-right dl dd a i{ width: 16px; display: block;}
.footer-box-right dl dd a i img{ width: 16px; height: 16px; margin-top: 5px;}
.footer-box-right dl dd a em{ display: block; width: calc(100% - 16px); padding-left: 10px;}
.footer-box-right dl dd b{font-weight: bold; font-size: 1.3rem; color: #FFFFFF; line-height: 32px; margin-top: 15px; display: block;}

.footer-box-right dl dd .fmail{ margin-top: 10px; width: 100%; height: 46px; line-height: 46px; background: #FFFFFF; border-radius: 24px;}
.footer-box-right dl dd .fmail input{ border: none; background: none; width: 70%; padding:0 25px;}
.footer-box-right dl dd .fmail button{ border: none; text-align: center; width: 30%; background: linear-gradient( 90deg, #0088FF 0%, #00FFC2 100%);  border-radius: 24px;}
.footer-box-right dl dd .fmail button:hover{background: linear-gradient( 90deg, #00FFC2 0%,#0088FF  100%);}

.footer-copy{ width: 100%; padding: 18px 0;}
.footer-copy-left{}
.footer-copy-left a{ display: block; color:#fff; line-height:32px; }
.footer-copy-left a img{ margin-right:10px;}

.footer-copy-right{ text-align: right;}
.footer-copy-right-share{ width: 100%; height: 42px;}
.footer-copy-right-share a{ display: inline-block; color: #FFFFFF; font-size:1.2rem; margin-left:15px; height: 42px; width: 42px; line-height: 42px; border: 1px solid #00DBDE; border-radius: 9px; text-align: center;}
.footer-copy-right-share a:hover{background: linear-gradient( 90deg, #0088FF 0%, #00FFC2 100%); }
.footer-copy-right-txt{ line-height: 24px; margin-top: 10px; color: #FFFFFF;}


.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: #023493; border-radius: 6px  0px  0px  6px; }
.customerBox a:hover{ text-decoration:none; background:#023493;}
.customerBox a .eso_divinfo{ display:none; position:absolute; min-width:230px;  right:60px; top:0; 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: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;}
.optain{ display:none;}



@media (max-width: 768px) {

.footer-box{ display: none;}

.footer-copy{ padding: 15px 0;}
.footer-copy-left{ display: none;}


.footer-copy-right{ text-align: center;}
.footer-copy-right-share{display: none;}
.footer-copy-right-txt{  margin-top: 0;}



.fposi{width:100%;height: 48px;background:#023493;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: 19px;height:auto;padding-top:8px;}
.fposi a p{line-height: 19px;font-size: 0.7rem;}
.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:#023493; border-radius:0 4px 4px 0; color:#fff; font-size:1rem; border:none;}




}