﻿.public-site-footer {color: #9fa1a3;background-color: #242424; }

.public-site-footer-top{}


.public-site-footer-bottom{}
.advantage {border-bottom: 1px solid #4d4e50;}
.advantage .line{width: 1px; height: 42px; background: #4d4e50;}
.advantage dl{}
.advantage dl dt{margin-right: 15px; width: 56px; height: 56px; border-radius: 50%; border: 1px solid #e5e5e5;display: flex; align-items: center; justify-content: center;}
.advantage dl dt img{max-height: 36px; max-width: 36px;}
.advantage dl dd{}
.advantage dl dd p{font-size: 20px; color: #c9c9c9; margin-bottom: 3px;}
.advantage dl dd span{font-size: 15px; color: #a0a0a0;}

.public-site-footer .footer-contact {}
.public-site-footer .footer-contact dl dt{color: #c9c9c9;}
.public-site-footer .footer-contact dl dd p{color: #9fa1a3; line-height: 2.2}
.public-site-footer .footer-contact dl dd span{display: block; line-height: 1.5; color: #dbdcde;letter-spacing: 1px;}



.public-site-footer .footer-link{display: flex;}
.public-site-footer .footer-link dl{flex: 1;}
.public-site-footer .footer-link dl dt{font-size: 18px; color: #c9c9c9; margin-bottom: 16px;}
.public-site-footer .footer-link dl dd{font-size: 14px; }
.public-site-footer .footer-link dl dd a{color: #a0a0a0; display: block; line-height: 2.5;}

.public-site-footer .footer-qrcode{text-align: center;}
.public-site-footer .footer-qrcode p{color: #9fa1a3;}
.public-site-footer .footer-qrcode .qrcode{background: #fff; width: 138px; height: 138px; margin: 0px auto;}

.public-site-footer .friendlink{border-top: 1px solid #4d4e50;border-bottom: 1px solid #4d4e50; padding: 20px 0;}
.public-site-footer .friendlink span{color: #b8babc;}
.public-site-footer .friendlink a{color: #b8babc; padding: 0 35px; display: inline-block; line-height: 1;}
.public-site-footer .friendlink a+a{border-left: 2px solid #979a9e;}


.public-site-footer .copyright {color: #b8babc; text-align: center; line-height: 80px;}
.public-site-footer .copyright span{display: block; color: #b8babc;}
.public-site-footer .copyright a{color: #b8babc;}



.rtkef-box{ width: 80px;position: fixed; z-index: 92; right: 20px; margin-top: -205px; top: 50%;}
.rtkef-box li a{display: block; text-align: center; border: 1px #ececec solid; background: #fff; height: 80px; padding-top: 10px; line-height: 32px; position: relative;}
.rtkef-box li a .icon{color: #f9431e; line-height: 30px; height: 30px; display: block;}
.rtkef-box li a img{display: block; margin: 0 auto 3px;}
.rtkef-box li.rtkli_02 a{border-bottom: 1px #fff solid; border-radius: 5px 5px 0px 0px;}
.rtkef-box li.rtkli_02 a,.rtkef-box li.rtkli_03 a,.rtkef-box li.rtkli_04 a{ border-bottom: 1px #fff solid;}
.rtkef-box li.rtkli_05 a{border-radius: 0px 0px 5px 5px;}
.rtkef-box li.rtkli_02 a:hover,.rtkef-box li.rtkli_05 a:hover { border: 1px #f7431d solid;}
.rtkef-box li.rtkli_03 a:hover,.rtkef-box li.rtkli_04 a:hover{ border: 1px #f7431d solid;}
.telldiv{border: 1px #fff solid; border-right: 0px; height: 80px; position: absolute; z-index: 2; top:-1px; line-height: 80px; color: #f7431d; font-size: 20px; display: block; background: #fff; overflow: hidden; width: 0px; left: 0px; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;}
.rtkef-box li.rtkli_03:hover .telldiv{ left: -190px; z-index: 2; top:-1px; width: 190px; padding: 0px 20px; border: 1px #f7431d solid; border-right: 0px;}
.yjfkdiv{border: 1px #fff solid; border-right: 0px; height: 0px; position: absolute; z-index: 2; top:0px; color: #f7431d; font-size: 20px; display: block; background: #fff; overflow: hidden; width: 0px; left: 0px; -moz-transition:all .3s ease-in; -webkit-transition:all .3s ease-in; -o-transition:all .3s ease-in; -ms-transition:all .3s ease-in; transition:all .3s ease-in;}
.rtkef-box li.rtkli_04:hover .yjfkdiv{ left: -439px; z-index: 4; top:-200px; width: 440px; padding: 0px 20px; border: 1px #f7431d solid; height: 300px; }
.rtkef-box li.rtkli_04:hover i{height: 78px; display: block; position: absolute; left: 0px; width: 2px; z-index: 5; background: #fff; top:0px;} 
.text-yjbox{border:1px #ececec solid; height: 152px;}
.text-yjbox textarea{line-height: 22px; height: 100%; padding:10px 10px; border: 0px; width: 100%; outline: none;}
.btn_red_jb{background: -webkit-linear-gradient(#ff8c71, #ff5f4a); background: -o-linear-gradient(#ff8c71, #ff5f4a); background: -moz-linear-gradient(#ff8c71, #ff5f4a); background: linear-gradient(#ff8c71, #ff5f4a); color:#fff; font-size: 18px; height: 44px; line-height: 44px;border-radius: 5px;}
