footer{ width: 100%;}



.part-index{ height: auto; padding: 20px;  background: #FFFFFF; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1); border-radius:6px;}

.part-index a{ padding: 0 5px;}



.footer-service{ width: 100%; height: 106px; background: #FFFFFF; padding: 25px 0; margin-top:30px;}

.footer-service dl dt{ margin-right: 15px;}

.footer-service dl dd b{ display: block; color: #111111; font-size: 24px; line-height: 30px;}

.footer-service dl dd em{ display: block; color: #666666;}





.footer-box{ width: 100%; height: auto; background-color:#019961; background-image:url(../images/footer.webp); background-repeat:no-repeat; background-position:center; background-size:cover; background-blend-mode:luminosity; color: #FFFFFF; padding: 50px 0;}

.footer-box-right{ width: 100%; }

.footer-box-right dl dt{ font-weight: bold; font-size: 1.2rem; line-height: 26px; margin-bottom: 8px;}

.footer-box-right dl dd a{ display: block; color: #FFFFFF; line-height: 24px; background: url(../images/footerlink.webp) no-repeat left center; padding-left: 15px;}

.footer-box-right dl:last-child{ max-width: 300px;}

.footer-box-right dl:last-child a{ background:none; padding-left: 5px;}

.footer-box-right dl p em{ display: block; width: 16px;}

.footer-box-right dl p a{ width: calc(100% - 16px);}



.footer-box-right .fooer-subscribe-right{ width:100%; height:42px; background:#fff; border-radius:30px;}

.footer-box-right .fooer-subscribe-right input{ width:70%; background:none; border-radius:30px; border:none; line-height:42px; padding:0 15px;}

.footer-box-right .fooer-subscribe-right button{ width:30%; line-height:42px; border:none; background:#019961;  border-radius:30px; color:#fff; }

.footer-copy{ width: 100%; line-height: 38px; padding: 10px; background: #8a8989; color: #FFFFFF;}



.fposi{ display: none;}





.customerList{ width:50px; height:auto; position: fixed; right: 0; top: 30%; z-index:999; background:#fff;  border-radius: 6px  0px  0px  6px; box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);}

.customerList a b{ display: block; color: #FFFFFF !important; font-size: 14px; line-height: 21px; font-weight: normal;}



.customerBox{ width: 50px; height: auto;  }

.customerBox a{ display: block; text-align: center; position: relative; width: 50px; height: 50px; line-height:50px; color:#999; font-size:1.4rem; border-bottom:1px solid #eee;  }

.customerBox a:hover{ text-decoration:none; background:#019961; color:#fff;}

.customerBox a .eso_divinfo{ display:none; position:absolute; right:50px; top:0; background:#fff; min-width:240px; color:#0359d8; font-size:1rem; line-height:30px; white-space:nowrap; text-align:left; 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:first-child:hover{border-radius: 6px 0 0 0;}

.customerBox a:last-child:hover{border-radius:  0 0 0 6px;}

.customerBox a:last-child{ border-bottom:none;}

.customerBox a.custicon-rfq{ background: url(../images/custicon-rfq.webp) no-repeat center;}







@media (max-width: 768px) {



.part-index{ display:none;}

.footer-service{ display: none;}

.footer-box{ display: none;}

.footer-copy{ padding: 10px 0; margin-bottom: 70px; text-align: center;}

.footer-copy em{ display:block; width:100%;}




.fposi{width:100%;height: 50px;background:#019961;position:fixed;left:0;bottom:0;display:block;z-index:999;}

.fposi a{display:block;float:left;text-align:center;width:25%;height: 50px;color:#fff !important;border-right:1px solid #eee;box-sizing: border-box;}

.fposi a:last-child{ border:none}

.fposi a img{width: 20px;height:auto;padding-top:8px;}

.fposi a p{line-height: 23px;font-size: 0.7rem;}

.customerList{ display: none;}











}