footer{margin-top:30px;width:100%}
footer .top-btn{display:none;border-radius:50%;width:40px;height:40px;background:#FFF;z-index:1;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease}
footer .top-btn:hover{cursor:pointer;background:#CCC}
footer .top-btn i{position:relative;transform:scale(1.4)}
footer .footer-top{margin:0 260px;height:140px;background:var(--primary-color);display:flex;align-items:center;padding:0 43px;justify-content:space-between}
footer .footer-top .contact-left{display:flex}
footer .footer-top .contact-left .contact-logo img{position:relative;top:-20px}
footer .footer-top .contact-left .contact-content{position:relative;padding-top:20px;width:600px;height:100%;margin-left:50px}
footer .footer-top .contact-left .contact-content p:first-child{line-height:58px;position:relative;top:8px;font-size:16px;font-weight:700;color:#FFF}
footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:26px;font-weight:700;color:#FFF}
footer .footer-top .contact-left .contact-content:before{content:"";position:absolute;left:-20px;width:3px;height:34px;background:#FFF;opacity:.5;top:60px}
footer .footer-top .contact-btn{width:206px;height:60px;border:2px solid #FFF;justify-content:flex-end;display:flex;justify-content:center;align-items:center;transition:all .3s ease}
footer .footer-top .contact-btn a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#FFF;font-size:18px;font-weight:700}
footer .footer-top .contact-btn:hover{background:#FFF}
footer .footer-top .contact-btn:hover a{color:var(--primary-color)}
footer .footer-container{overflow:hidden;height:600px;background:var(--secondary-color)}
footer .footer-container>ul{display:flex;height:140px;background:var(--third-color);margin:0 260px}
footer .footer-container>ul>li{height:100%;flex:1;display:flex;justify-content:center;align-items:center}
footer .footer-container>ul>li .logo{position:relative;height:100%;width:140px;background:url(/index/img/footer-contact.png) no-repeat}
footer .footer-container>ul>li .content{padding-top:25px;height:100%;display:flex;flex-direction:column;padding-left:30px;flex:1}
footer .footer-container>ul>li .content .content-title{color:#FFF;font-weight:700;line-height:50px}
footer .footer-container>ul>li .content .content-title:after{content:"";background:#FFF;width:3px;height:30px}
footer .footer-container>ul>li .content .content-text{font-weight:700}
footer .footer-container>ul>li .content .content-text,footer .footer-container>ul>li .content .content-text a{color:#707070;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
footer .footer-container>ul>li.map .logo{background-position:50px 40px}
footer .footer-container>ul>li.email .logo{background-position:-70px 40px}
footer .footer-container>ul>li.tel .logo{background-position:-190px 40px}
footer .footer-container>ul>li span{height:26px;width:2px;background:#FFF}
footer .footer-container .bottom-info{margin-top:50px;height:340px;display:flex;background:var(--secondary-color)}
footer .footer-container .bottom-info>li{height:100%;display:block;margin:0 15px}
footer .footer-container .bottom-info>li .title{color:#FFF;font-size:20px;font-weight:700;line-height:70px}
footer .footer-container .bottom-info>li:last-child{margin-right:0}
footer .footer-container .bottom-info .intro{flex:1.4}
footer .footer-container .bottom-info .intro .intro-text{color:#707070;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .intro .contact-list{margin-top:60px;display:flex}
footer .footer-container .bottom-info .intro .contact-list li{width:32px;height:32px;background:#5c5c5c;border-radius:50%;display:flex;margin-right:10px;transition:all .5s;justify-content:center;align-items:center;box-sizing:border-box;padding:5px}
footer .footer-container .bottom-info .intro .contact-list li img{display:block}
footer .footer-container .bottom-info .intro .contact-list li:hover{background:#FFF}
footer .footer-container .bottom-info .nav{flex:1}
footer .footer-container .bottom-info .nav ul li a{position:relative;color:#707070;line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .nav ul li a:hover{color:#FFF}
footer .footer-container .bottom-info .nav ul li a:after{content:">";position:absolute;top:0;left:0}
footer .footer-container .bottom-info .cate{flex:1}
footer .footer-container .bottom-info .cate ul li a{position:relative;color:#707070;line-height:28px;padding-left:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
footer .footer-container .bottom-info .cate ul li a:hover{color:#FFF}
footer .footer-container .bottom-info .cate ul li a:after{content:">";position:absolute;top:0;left:0}
footer .footer-container .bottom-info .code{flex:1}
footer .footer-container .bottom-info .code img{width:135px;height:135px;min-width:135px;background:#000;opacity:.7;transition:all .5s;display:block;margin:0 auto}
footer .footer-container .bottom-info .code img:hover{opacity:1;cursor:pointer}
footer .footer-container .bottom-info .code .title{text-align:center}
footer .footer-container .bottom-info .contact-list{display:none}
footer .footer-container .right-text a{color:#707070}
footer .footer-container .right-text{color:#707070;padding:0 260px;font-size:14px}
@media(min-width:1281px)and (max-width:1520px){
  footer .footer-container>ul,footer .footer-top{margin:0 100px}
  footer .footer-container .right-text{padding:0 100px}}
@media(min-width:1081px)and (max-width:1280px){
  footer .footer-container>ul,footer .footer-top{margin:0 50px}
  footer .footer-container .right-text{padding:0 50px}}
@media(min-width:769px)and (max-width:1080px){
  footer .footer-top{margin:0 25px}
  footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:20px}
  footer .footer-container>ul{margin:0 25px}
  footer .footer-container .right-text{padding:0 25px}}
@media screen and (max-width:768px){
  footer{margin-top:6.6666666667vw}
  footer .footer-top{height:18.6666666667vw;margin:0px;padding:0 6.6666666667vw}
  footer .footer-top .contact-left .contact-logo{display:none}
  footer .footer-top .contact-left .contact-content{display:flex;flex-direction:column;justify-content:space-evenly;padding-top:0;margin-left:0;width:60vw;height:18.6666666667vw}
  footer .footer-top .contact-left .contact-content p:first-child{font-size:4vw;line-height:4vw;top:0;left:-5.3vw;transform:scale(.8)}
  footer .footer-top .contact-left .contact-content p:nth-child(2){position:relative;left:-5.3vw;font-size:4vw;line-height:4vw;padding-right:.6666666667vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transform:scale(.8)}
  footer .footer-top .contact-left .contact-content:before{display:none}
  footer .footer-top .contact-btn{width:27.4666666667vw;height:8vw;border:.2666666667vw solid #FFF}
  footer .footer-top .contact-btn a{font-size:3.2vw}
  footer .footer-container{padding-bottom:16vw;height:auto}
  footer .footer-container>ul{margin:0px;height:auto;flex-wrap:wrap}
  footer .footer-container>ul>li{flex:none;padding:1.3vw 0}
  footer .footer-container>ul>li .content{padding-top:0;padding-left:0;font-size:4vw}
  footer .footer-container>ul>li .content .content-title{font-size:4vw;line-height:6.6666666667vw}
  footer .footer-container>ul>li .content .content-text{font-size:3.4vw;line-height:2em}
  footer .footer-container>ul>li .content .content-text a{color:#707070}
  footer .footer-container>ul>li .logo{width:70px;height:70px;overflow:hidden;background-size:200px 37px}
  footer .footer-container>ul>li:first-child{width:100%}
  footer .footer-container>ul>li:nth-child(2),footer .footer-container>ul>li:nth-child(3){width:50%}
  footer .footer-container>ul>li span{margin-top:2.6666666667vw;height:5.3vw;position:relative;right:4vw;top:-.6666666667vw}
  footer .footer-container>ul>li.map .logo{background-position:10px 20px}
  footer .footer-container>ul>li.email .logo{background-position:-70px 20px}
  footer .footer-container>ul>li.tel .logo{background-position:-150px 20px}
  footer .footer-container .bottom-info{height:auto;padding-left:6.6666666667vw;margin-top:.6666666667vw}
  footer .footer-container .bottom-info li .title{line-height:10.6666666667vw}
  footer .footer-container .bottom-info .intro .title,footer .footer-container .bottom-info .intro .intro-text{display:none}
  footer .footer-container .bottom-info{display:block;}
  footer .footer-container .bottom-info .intro .contact-list{margin-top:20px;}
  footer .footer-container .bottom-info>li{width:100% !important;margin:0px;}
  footer .footer-container .bottom-info .nav{margin:0}
  footer .footer-container .bottom-info .nav .title{display:none}
  footer .footer-container .bottom-info .nav ul{display:flex;flex-wrap:wrap}
  footer .footer-container .bottom-info .nav ul li{margin-right:2.6666666667vw;min-width:30%}
  footer .footer-container .bottom-info .nav ul li a{font-size:4vw;line-height:6.6666666667vw}
  footer .footer-container .bottom-info .code{display:none}
  footer .footer-container .bottom-info .code .title{font-size:4vw}
  footer .footer-container .bottom-info .code img{width:18vw;height:18vw;min-width:18vw;opacity:1}
  footer .footer-container .bottom-info .contact-list{width:100%;margin-top:4vw;display:flex}
  footer .footer-container .bottom-info .contact-list li{width:6.6666666667vw;height:6.6666666667vw;display:flex;justify-content:center;align-items:center;margin-right:1.3vw}
  footer .footer-container .bottom-info .contact-list li img{width:100%}
  footer .footer-container .right-text{padding:0 6.6666666667vw;font-size:3.4vw;line-height:9.3vw}
  footer .mobile-bottom{z-index:9;height:16vw;background:var(--primary-color);width:100%;display:flex;align-items:center;justify-content:space-evenly}
  footer .mobile-bottom .mobile-bottom-item{background:var(--primary-color);padding:.6666666667vw 0;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:16vw;width:16vw;font-size:4vw}
  footer .mobile-bottom .mobile-bottom-item a{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;color:#FFF}
  footer .mobile-bottom .mobile-bottom-item i{transform:scale(1.6);margin-bottom:.6666666667vw}
  #toast-container{padding-top:150px}}
@media screen and (min-width:751px)and (max-width:768px){
  footer .footer-top .contact-left .contact-content p:first-child,footer .footer-top .contact-left .contact-content p:nth-child(2){font-size:28px}
  footer .footer-top .contact-btn a{font-size:20px}
  footer .footer-container>ul>li .content,footer .footer-container>ul>li .content .content-title{font-size:24px}
  footer .footer-container>ul>li .content .content-text{font-size:20px}
  footer .footer-container>ul>li .content .content-text a{color:#707070}
  footer .footer-container>ul>li .logo{width:90px;height:90px}
  footer .footer-container>ul>li.map .logo{background-position:10px 30px}
  footer .footer-container>ul>li.email .logo{background-position:-70px 30px}
  footer .footer-container>ul>li.tel .logo{background-position:-150px 30px}
  footer .footer-container .bottom-info .nav .title,footer .footer-container .bottom-info .nav ul li a{font-size:24px}
  footer .footer-container .right-text{font-size:20px}
  footer .mobile-bottom .mobile-bottom-item{font-size:24px}}
