.fmail{ width: 100%; height: auto; background: url(../images/fmailbg.jpg) no-repeat center; background-size:cover; padding: 30px 0; }
.fmail-left{ width: 53%;}
.fmail-left h2{ color: #FFFFFF; font-size: 1.4rem; line-height: 32px;}
.fmail-left p{ color: #FFFFFF; font-size: 1rem;}

.fmail-right{ width: 45%;} 
.fmail-right input{ background: #FFFFFF; height: 49px; line-height: 49px; width: 73%; border-radius: 4px; border: none; padding: 0 25px;}
.fmail-right a{ display: block; width: 25%; height: 49px; line-height: 49px; text-align: center; font-size: 1rem; background: #54c7ff; border-radius:30px; color: #FFFFFF; border-radius: 22px;}
.fmail-right a:hover{ background: #111111;}
footer{ background: #FFFFFF;}


.footer-box{ padding: 65px 0; width: 100%; border-bottom:2px solid #e5e5e5;}
.footer-box-left{ width: 260px;}
.footer-logo{}
.footer-box-left ul{ margin-top: 20px;}
.footer-box-left ul li{ margin-bottom: 5px;}
.footer-box-left ul li em{ display: block; width: 16px;}
.footer-box-left ul li a{ display: block; width: calc(100% - 16px); padding-left: 10px; }


.footer-box-menu{}
.footer-box-menu dl{ margin: 0 55px;}
.footer-box-menu dl dt{ font-size: 1.2rem; line-height: 36px; margin-bottom: 15px; font-family: myFirstFont1; color: #111111;}
.footer-box-menu dl dd a{ display: block;  line-height: 28px;}
.footer-box-menu dl dd a:hover{ text-decoration: underline;}


.footer-box-right{ width:270px; text-align: right;}
.footer-box-right h2{  font-size: 1.2rem; line-height: 36px; margin-bottom: 15px;}

.footer-box-right-share{}
.footer-box-right-share a{ width: 38px;height: 38px;background: #CCCCCC;border-radius: 3px; }
.footer-box-right-share a:hover{ background: #004294;}

.footer-box-right-contact{ margin-top: 70px;}
.footer-box-right-contact a{ display: inline-block; border-radius:25px; background: #004294; color: #FFFFFF; height: 43px; line-height: 43px; font-size: 1rem; padding: 0 40px;}
.footer-box-right-contact a i{ margin-left: 20px;}
.footer-box-right-contact a:hover{ background: #111111;}


.footer-copy{ padding: 15px 0;}
.footer-copy-left{}
.footer-copy-right{}
.footer-copy-right a{ display: block;}
.footer-copy-right a:after{ content: '•'; font-size: 1.2rem; padding: 0 15px;}
.footer-copy-right a:last-child:after{ content: '';  padding: 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: #004294; border-radius: 6px  0px  0px  6px; }
.customerBox a.fa-teams{background: #004294 url(../images/teams.png) no-repeat; }
.customerBox a.fa-teams:hover{background: #004294 url(../images/teams.png) no-repeat;}
.customerBox a:hover{ text-decoration:none; background:#004294;}
.customerBox a .eso_divinfo{ display:none; position:absolute;  right:60px; top:0; min-width:260px; 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;}
.customerBox a:hover .eso_divinfo img{ width:150px; height:150px;}


@media (max-width: 768px) {
.fmail{ display: none;}
.footer-box{ display: none;}
.footer-copy{ margin-bottom: 60px; text-align: center;}
.footer-copy-left{ width: 100%;}
.footer-copy-right{display: none;}

.fposi{ width:100%; height:60px; background:#004294; 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:25px; height:auto; padding-top:6px;}
.fposi a p{ line-height:24px; font-size:0.8rem}
.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:#004294; border-radius:0 4px 4px 0; color:#fff; font-size:1.2rem; border:none;}



}