@media screen and (max-width: 768px){.main{width:100%}}footer{width:100%;padding:0.3rem calc(320 / 1920 * 100%) 0;border-top:.1rem solid #ead41b;background:url(../images/foot-bg.jpg) no-repeat;background-position:center top;background-size:cover;position:relative}footer .ttt{display:flex;justify-content:space-between;align-items:flex-start;z-index:1}footer .ttt .f-left h3,footer .ttt .f-mid h3,footer .ttt .f-right h3{margin:.36rem 0 .35rem;font-size:.18rem;font-weight:600;color:#2c2c2c}footer .ttt .f-left{width:calc(375 / 1280 * 100%)}footer .ttt .f-left img{max-width:100%}footer .ttt .f-left p{margin:.2rem 0 .65rem;font-size:.14rem;line-height:.24rem;color:#606060}footer .ttt .f-mid ul li a{display:inline-block;font-size:.14rem;line-height:2.15;color:#606060;transition:.3s;position:relative}footer .ttt .f-mid3{width:calc(250 / 1280 * 100%)}footer .ttt .f-mid3 ul li{margin-bottom:.1rem;display:flex;align-items:flex-start;font-size:.14rem;line-height:1.3;color:#606060}footer .ttt .f-mid3 ul li::before{margin-right:.1rem;font-size:.16rem;color:#ead41b}footer .ttt .f-right{width:calc(175 / 1280 * 100%)}footer .ttt .f-right img{max-width:100%}footer .ttt .f-right p{margin-top:.3rem;font-size:.16rem;line-height:1.5;color:#fff}footer .bbb{width:100%;margin-top:.35rem;border-top:1px solid rgba(93,93,93,0.27);display:flex;justify-content:space-between;position:relative}footer .bbb p,footer .bbb a{font-size:.14rem;line-height:5.43;color:#727272;transition:.3s;z-index:1}footer .bbb .b-r{float:right}footer .bbb .b-r a:hover{color:#ead41b}.frindlink{width:100%;display:none;font-size:.14rem;background-color:#282828}.frindlink h3{font-size:.45rem;font-weight:bold;color:#fff;padding-left:.6rem;position:relative}.frindlink ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0;padding:0}.frindlink ul li{display:inline-block;margin:0;padding:0}.frindlink ul li:not(:last-of-type){padding-right:.4rem}.frindlink ul li a{display:inline-block;font-size:.16rem;line-height:3;color:#fff}.frindlink ul li a:hover{color:#fff}.frindlink h3::before{content:'';width:.45rem;height:3px;background-color:#c9c9c9;position:absolute;top:50%;transform:translateX(-0.6rem)}.online{position:fixed;right:0;bottom:10vh;z-index:30;font-size:0;box-shadow:0 0 .1rem #ccc}.online dl{padding:0;margin:0;position:relative}.online dl:hover dd{background:#ead41b}.online dl:hover dd span,.online dl:hover dd i{color:#fff}.online dl:hover p{opacity:1}.online dl.youxiang p{width:2.4rem}.online dl.ewm p{line-height:1}.online dl dd{width:.6rem;height:.6rem;padding:0;margin:0;display:block;line-height:.6rem;text-align:center;background:#fff;transition:.3s;border-bottom:1px solid #eee;cursor:pointer}.online dl dd span,.online dl dd i{width:.6rem;height:.6rem;font-size:.36rem;line-height:.6rem;color:#ead41b;transition:.3s}.online dl p{position:absolute;right:.6rem;top:0;width:2rem;margin:0;text-align:center;font-size:.16rem;line-height:.3rem;padding:.15rem;background:#ead41b;color:#fff;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 0 .01rem #ccc}.online dl p img{max-width:100%;border:1px solid #ccc}@media screen and (max-width: 1600px){footer{padding:0.5rem 10% 0}}@media screen and (max-width: 1440px){footer{padding:0.5rem 5% 0}footer .bbb{margin-top:.2rem}}@media screen and (max-width: 768px){.online{display:none}footer{padding:0 .2rem}footer .ttt{display:none}footer .bbb{margin-top:0;padding:.1rem 0;flex-direction:column}footer .bbb::after{background:#fff}footer .bbb p,footer .bbb .b-r,footer .bbb .b-r a{line-height:1.5}}