.fooer-subscribe{ background: #1b1811; border: 4px solid #FFFFFF; padding: 30px 70px; margin-bottom: -68px; position: relative;z-index: 333;}
.fooer-subscribe-left{ width: 40%;}
.fooer-subscribe-left em{ display: block; color: #ccc; font-size: 1.1rem; line-height: 28px;}
.fooer-subscribe-left b{ display: block; color: #FFFFFF; font-size: 26px; line-height: 32px;}
.fooer-subscribe-right{ width: 50%; height: 60px; background: #FFFFFF; border-radius: 5px; padding: 2px;}
.fooer-subscribe-right input{ width: 85%; border: none; height: 56px; background: url(../images/fmail.png) no-repeat 20px center; padding: 0 20px 0 70px;}
.fooer-subscribe-right button{ width: 15%; height: 56px; background: #a80005; border-radius: 5px; border: none; font-size: 1rem; color: #FFFFFF; cursor: pointer;}

footer{ width: 100%; height: auto; background: url(../images/footer.png) no-repeat center; background-size:cover; padding: 150px 0 55px 0;}
footer .flogo{ width: 16%; height: auto;}
footer .flogo img{ width: 100%; height: auto;}

footer .fmenu{ width:55%; padding: 0 80px;}
footer .fmenu dl{ color: #FFFFFF;}
footer .fmenu dl dt{ font-size: 1.1rem; font-weight: bold; line-height: 32px; margin-bottom: 5px;}
footer .fmenu dl dd a{ display: block; color: #FFFFFF; font-size: 0.9rem; line-height: 30px;}


footer .fcontact{ width: 29%; color: #FFFFFF;}
footer .fcontact dl{ align-items: center;}
footer .fcontact dl dd{ padding-left: 10px;}
footer .fcontact dl dd em{ display: block; line-height: 24px;}
footer .fcontact dl dd b{ display: block; font-size: 28px; color: #FFFFFF;}
footer .fcontact p{ font-size: 0.9rem; line-height: 26px;}

.footerservice{ width: 100%; background: #FFFFFF; padding: 20px 0; height: 82px;}
.footerservice dl dd{ line-height: 24px; color: #111; font-size: 1rem; font-weight: bold; margin-left: 8px;  max-width:280px;}
.footercopy{ line-height: 28px; background: #000000; color: #FFFFFF; padding: 12px 0; text-align:center;}
.footercopy a{ display: block; 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: #a80005; border-radius: 6px  0px  0px  6px; }
.customerBox a:hover{ text-decoration:none; background:#a80005;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  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;}




@media (max-width: 768px) {
.fooer-subscribe{ display: none;}	
footer{ display: none;}
.footerservice{ display: none;}
.footercopy{ text-align: center; margin-bottom: 80px; }
.footercopy .flex{display: inherit !important;}
.fposi{ width:100%; height:70px; background:#a80005; 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;}



}