﻿
.footer-service{ padding: 40px 0;}
.footer-service h2{ font-size: 1.5rem; text-align: center; line-height: 42px; margin-bottom: 15px;}

.footer-service dl{ border-right:1px solid #DDDDDD; width: 25%;}
.footer-service dl:last-child{ border: none;}
.footer-service dl dd{ margin-left: 15px;}
.footer-service dl dd b{ display: block; font-size: 1.5rem; line-height: 32px;}

footer{ width: 100%; border-top:3px solid #E50012 ;}


.footer-box{ padding: 55px 0;}
.footer-box-left{ width: 320px; height: auto;}
.footer-box-left a.flinks1{}
.footer-box-left p{ line-height: 24px; margin-top: 15px;}

.footer-box-left a.flinks2{ margin-top: 60px; display: inline-block; height: 46px; line-height: 44px; font-size: 1rem; padding: 0 25px; border-radius: 24px;border: 1px solid #717070;}
.footer-box-left a.flinks2 i{ font-size: 1.2rem; color: #E50012; margin-left: 10px;}
.footer-box-left a.flinks2:hover{ background: #E50012; color: #FFFFFF; border-color:#E50012; transform: translateY(-4px);box-shadow: 0 12px 30px rgba(0,0,0,.08);}
.footer-box-left a.flinks2:hover i{ color: #FFFFFF;}


.footer-box-menu{}
.footer-box-menu dl{ padding: 0 60px;}
.footer-box-menu dl dt{font-size: 1.3rem; line-height: 26px; margin-bottom: 10px;  font-family: myFirstFont1; color: #111111;}
.footer-box-menu dl dd a{ display: block;  line-height: 28px;}
.footer-box-menu dl dd a i{ margin-right: 10px;}

.footer-box-right{ width: 250px; height: auto;}
.footer-box-right h2{ font-size: 1.3rem; line-height: 26px; margin-bottom: 10px;}
.footer-box-right ul li{ line-height: 28px;}
.footer-box-right ul li a{ display: inline-block; margin-left: 10px;}
.footer-box-right i{ display: block; line-height: 30px; margin-top: 20px; font-size: 1rem;}

.footer-box-right-share{ width: 100%; margin-top: 10px;}
.footer-box-right-share a{ display: block; width: 34px; height: 34px; line-height: 34px; margin-right: 10px; text-align: center; font-size: 1.2rem; border-radius:50%; color: #FFFFFF; background: #717070;}
.footer-box-right-share a:hover{ background: #E50012; transform: translateY(-2px);box-shadow: 0 12px 30px rgba(0,0,0,.08);}


.footer-iso{ width: 100%; padding: 25px 0; text-align: center; border-top:2px solid #e4e4e4;}

.footer-copy{ width: 100%; color: #FFFFFF; background: #E50012; padding: 15px 0;}
.footer-copy a{ color: #FFFFFF;}
.footer-copy a:after{ content: "•"; padding: 0 15px;}
.footer-copy a:last-child:after{content: "";}


.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: #e50012; border-radius: 6px  0px  0px  6px; }
.customerBox a:hover{ text-decoration:none; background:#000000;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#e50012; 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;}
.customerBox a:hover .eso_divinfo img{ width:150px; height:150px;}


