footer{}

.footer-box{ width: 100%; height: auto; background: url(../images/footer.jpg) no-repeat center; background-size:cover; padding: 80px 0;}

.footer-box-left{ max-width: 350px;}
.footer-box-left .flogo{ width: 219px; height: 38px;}
.footer-box-left .flogo a{ display: block; width: 219px; height: 38px; background: url(../images/flogo.png) no-repeat;}
.footer-box-left p{ font-size: 1rem; line-height: 24px; margin-top: 15px;}

.footer-box-left-share{ margin-top: 35px;}
.footer-box-left-share a{ margin-right: 12px;}
.footer-box-left-share a:hover{transform: translateY(-6px); transition: transform 0.5s ease;}

.footer-box-menu{ width: auto;}
.footer-box-menu dl{ padding: 0 40px;}
.footer-box-menu dl dt{ font-family: myFirstFont1; font-size: 1.7rem; line-height: 44px; margin-bottom: 15px; color: #111111; }
.footer-box-menu dl dd a{ display: block; line-height: 30px; height: 30px; overflow: hidden; background: url(../images/flinks.png) no-repeat left center; padding-left: 23px;}

.footer-box-right{ max-width: 410px;}
.footer-box-right h2{ font-size: 1.7rem; line-height: 44px; margin-bottom: 15px;}
.footer-box-right li{ margin-bottom: 5px;}
.footer-box-right li em{ display: block; width: 16px; height: 16px;}
.footer-box-right li a{ display: block; width: calc(100% - 16px); padding-left: 10px;}
.footer-box-right li:last-child img{ margin-top: 5px;}

.footer-copy{ text-align: center; width: 100%; line-height: 58px; font-size: 1rem;}

.custmerlist{ position: fixed; right: 0; top: 30%; z-index: 999; background: #FFFFFF; text-align: center; width: 68px; border-radius: 10px 0px 0px 10px;}
.custmerlist a{ display: block; width: 36px; height: 36px; margin: 20px auto;}

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



@media (max-width: 768px) {

.footer-box{ display: none;}
.footer-copy{ margin-bottom: 70px; line-height: 26px; padding: 10px 0;}

.fposi{ width:100%; height:70px; background:#00876D; 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 #EEEEEE;  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:26px; font-size:0.9rem}


.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:#00876D; border-radius:0 4px 4px 0; color:#fff; font-size:1rem; border:none;}


.custmerlist{ display:none; }


}