footer{ background: #FFFFFF;}


.footer-service{ width: 100%; height: auto; background: #FFFFFF; padding: 20px 0; border-bottom:1px solid #EEEEEE;}

.footer-service dd{ font-size: 1rem; line-height: 42px; padding-left: 12px; color: #111111; font-weight: bold;}

.footer-box{ padding: 35px 0;}


.footer-box-left{ width: calc(100% - 410px); padding-right: 70px;}
.footer-box-left dl dt{ color: #111111; font-weight: bold; font-size: 1.1rem; line-height: 26px; margin-bottom: 12px;}
.footer-box-left dl dd a{ display: block; line-height: 30px;}

.footer-box-right{ width: 410px; border-left:1px solid #EEEEEE; padding-left:70px;}
.footer-box-right h2{font-size: 1.1rem; line-height: 26px; margin-bottom: 12px;}

.footer-box-right-contact{}
.footer-box-right-contact dl{ line-height: 16px; margin-bottom: 10px;}
.footer-box-right-contact dl dt{ width: 16px;}
.footer-box-right-contact dl dt img{ vertical-align: middle; }
.footer-box-right-contact dl dd{ width: calc(100% - 16px); padding-left: 8px;}

.footer-box-right-share{ margin-top: 15px;}
.footer-box-right-share h3{ font-weight: normal; font-size: 0.9rem; line-height: 24px; margin-bottom: 10px;}
.footer-box-right-share a{ display: block; width: 36px; height: 36px; line-height: 36px; background: #0085DE; color: #FFFFFF; margin-right: 12px; position: relative; border-radius:50%; text-align: center;}
.footer-box-right-share a:hover{ background: #f43428; }
.footer-box-right-share a:hover .fwx{ display: block;}
.footer-box-right-share a .fwx{ display: none; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); background: #FFFFFF; border-radius:8px; width: 140px; height: 140px; text-align: center; position: absolute; z-index: 666; left: 0; bottom: 32px;}
.footer-box-right-share a .fwx img{ width: 120px; height: 120px; margin-top: 10px;}




.footer-copy{ width: 100%;  background: #0085DE; color:#FFFFFF; line-height: 26px; padding: 15px 0;}
.footer-copy a{ color: #FFFFFF; padding-left: 10px;}
.footer-copy a:hover{ text-decoration: underline;}

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


.footer-nav{ position: fixed; left: 30px; top: 30%; width: 52px; background: #FFFFFF; z-index:999;}
.footer-nav a{ display: block; width: 100%; height: auto; padding: 12px 0; text-align: center; font-size: 0.8rem; line-height: 16px; border-bottom:1px solid #EEEEEE;}
.footer-nav a:hover{ background: #0085DE; color: #FFFFFF;}

.customerList{ width:86px; padding: 19px; border-radius: 38px; background: #FFFFFF; height:auto; position: fixed; right: 30px; top: 30%; z-index:999; }
.customerList a{ margin-bottom: 12px; display: block; width: 50px; height: 50px; position: relative;}
.customerList a:last-child{ margin-bottom: 0;}

.customerList a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:170px; background:#fff; color:#CC1A4F; font-size:1rem;  box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); padding:10px; border-radius:6px; }
.customerList 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;
}
.customerList a:hover .eso_divinfo{ display: block;}
.customerList a:hover .eso_divinfo img{ width:150px; height:150px; display: block;}



@media (max-width: 768px) {

.footer-service{ display: none;}
.footer-box{ display: none;}


.footer-copy{ margin-bottom: 70px; text-align: center; }
.footer-copy .container{display: block;}
.footer-copy a{padding-left: 0; display: block;}


.fposi{ width:100%; height:70px; background:#0085DE; 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:#0085DE; border-radius:0 4px 4px 0; color:#fff; font-size:1.2rem; border:none;}

.footer-nav{ display: none;}

}