.footer-service{ margin-top: 50px;}
.footer-service dl{ background: #FFFFFF; box-shadow: 0px 0px 16px 1px rgba(27,58,125,0.12); border-radius:8px; width: 24%; padding: 25px 30px;}
.footer-service dt{ width: 46px; height: 46px;}
.footer-service dd{ width: calc(100% - 46px); padding-left: 12px;}
.footer-service dd b{ display: block; font-size: 1.4rem;}
.footer-service dd em{ display: block;}


footer{ background: #FFFFFF;}


.footer-box{ padding: 55px 0; margin-top: 35px;}
.footer-box-left{}
.footer-box-left b{ display: block; font-size: 1.3rem; line-height: 34px; margin-bottom: 12px;}
.footer-box-left em{ display: block; line-height: 26px;}
.footer-box-left h2{ font-size: 1.9rem; color: #A10030; line-height: 52px;}

.footer-box-left-share{ margin-top: 15px;}
.footer-box-left-share a{transition: transform 0.5s ease;  display: block; margin-right: 8px;}
.footer-box-left-share a:hover{transform: translateY(-5px);}

.footer-box-mid{}
.footer-box-mid dl{ padding: 0 50px;}
.footer-box-mid dl dt{color: #111; font-size: 1.3rem; line-height: 34px; margin-bottom: 12px;  font-family: myFirstFont1;}
.footer-box-mid dl dd a{ display: block;  line-height: 26px; background: url(../images/flinka.png) no-repeat left center; padding-left: 15px;}
.footer-box-mid dl dd a:hover{ color: #A10030;}

.footer-box-right{ max-width: 440px;}
.footer-box-right b{ display: block; color: #111; font-size: 1.3rem; line-height: 34px; margin-bottom: 12px;}
.footer-box-right dl{ padding: 3px 0;}
.footer-box-right dl dt img{}
.footer-box-right dl dd{ width: calc(100% - 16px); padding-left: 12px; }

.footer-box-right-mail{ width:100%; margin-top:15px;}
.footer-box-right-mail1{ width:100%; margin-bottom:5px;}
.footer-box-right-mail1 input{ width:70%; height:42px; line-height:42px; border:1px solid #eee; border-radius:6px; padding:0 15px;}
.footer-box-right-mail1 a{ display:block; width:29%; height:42px; line-height:42px;  border-radius:6px; text-align:center; color:#fff; background:#A10030;}
.footer-box-right-mail1 a.gray{ background:#ccc;}

.optain-email{ display:none; background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999;}
.optain-email-main{width:100%; height:100%; }
.optain-email-main-box{ width:40%; margin:0 auto; border-radius:4px; background:#fff; border-radius:12px; padding:50px; position:relative;}
    .optain-email-main-box a {
        font-size: 1.1rem;
        position: absolute;
        right: 10px;
        top: 10px;
    }
.optain-email-main-box input{ width:100%; height:42px; line-height:42px; background:#fff; border:none; padding:0 15px; font-size:0.9rem; margin-bottom:3px; background:#eee;}
.optain-email-main-box button{ width:100%; height:42px; line-height:42px; background:#A10030;  color:#fff; font-size:1.2rem; border:none;}



.footer-copy{ width: 100%; background: #A10030; color: #FFFFFF; line-height: 38px; padding: 20px 0;}



.fposi{ display: none;}
.optain{ 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: #A10030; border-radius: 6px  0px  0px  6px; }
.customerBox a.fa-teams{background: #A10030 url(../images/teams.png) no-repeat; }
.customerBox a.fa-teams:hover{background: #A10030 url(../images/teams.png) no-repeat;}
.customerBox a:hover{ text-decoration:none; background:#A10030;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; background:#fff; color:#A10030; 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;}


@media (max-width: 768px) {

.footer-service{ display: none;}
.footer-box{ display: none;}
.footer-copy{ margin-bottom: 70px; width: 100%; background: #A10030;line-height: 26px; padding: 10px 0; text-align: center;}
.footer-copy em{ display: block;}
.footer-copy span{ display: none;}

.fposi{ width:100%; height:70px; background:#A10030; 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; background:#fff; border-radius:4px}
.optain-search-box-left{ width:40%;}
.optain-search-box-left select{ border:none; height:42px; line-height:42px; background:#fff; border-radius:4px 0 0 4px;  padding:0 15px;}
.optain-search-box-right{ width:60%;}
.optain-search-box input{ width:80%; height:42px; line-height:42px; background:#fff; border:none; padding:0 15px; font-size:0.9rem;}
.optain-search-box button{ width:20%; height:42px; line-height:42px; background:#A10030; border-radius:0 4px 4px 0; color:#fff; font-size:1.2rem; border:none;}



}