@media screen and (max-width: 768px){.main{width:100%}}footer{width:100%;padding:0.66rem calc(200 / 1920 * 100%) 0rem;background:url(../images/foot-bg.jpg) no-repeat;background-position:center top;background-size:cover;position:relative}footer .bg{max-width:100%;position:absolute;bottom:0;left:0;filter:brightness(0.7);z-index:-1}footer .ttt{display:flex;justify-content:space-between;align-items:flex-start;z-index:1}footer .ttt .f-left,footer .ttt .f-mid1,footer .ttt .f-mid2,footer .ttt .f-right{z-index:2}footer .ttt .f-left h3,footer .ttt .f-mid1 h3,footer .ttt .f-mid2 h3,footer .ttt .f-right h3{margin:.14rem 0 .55rem;font-size:.24rem;font-weight:600;line-height:1;color:#fff}footer .ttt .f-left{width:calc(415 / 1460 * 100%)}footer .ttt .f-left img{max-width:100%;margin-bottom:.3rem}footer .ttt .f-left p{font-size:.16rem;line-height:2;text-align:justify;word-break:break-all;color:#fff}footer .ttt .f-leften p{font-size:.14rem;word-break:normal}footer .ttt .f-mid div{display:flex}footer .ttt .f-mid div ul{margin-right:.35rem}footer .ttt .f-mid div ul li:hover a::after{width:100%}footer .ttt .f-mid div ul li a{font-size:.16rem;line-height:2.25;color:#fff;position:relative}footer .ttt .f-mid div ul li a::after{content:'';width:0;height:2px;background:#fff;position:absolute;top:100%;left:0;transition:.3s}footer .ttt .f-mid2 ul li:first-of-type{margin-bottom:.2rem}footer .ttt .f-mid2 ul li p{font-size:.14rem;line-height:1.8;color:#fff}footer .ttt .f-mid2 ul li p::before{margin-right:.12rem;font-size:.18rem}footer .ttt .f-mid2-en{width:calc(415 / 1460 * 100%)}footer .ttt .f-right{width:calc(260 / 1460 * 100%)}footer .ttt .f-right img{display:block}footer .ttt .f-right a{display:inline-block;width:100%;max-width:1.9rem;margin-top:.35rem;padding:0 .23rem;font-size:.18rem;line-height:2.2;font-weight:600;text-align:center;border-radius:.08rem;color:#043254;background:#fff;transition:.3s}footer .ttt .f-right a:hover{color:#2786e5}footer .bbb{width:100%;margin-top:.45rem;padding:.2rem 0;border-top:1px solid rgba(255,255,255,0.62);display:flex;justify-content:space-between;position:relative}footer .bbb p,footer .bbb span,footer .bbb a{color:#fff;z-index:1}footer .bbb p,footer .bbb a{font-size:.14rem}footer .bbb p span{margin-left:.1rem;font-size:.14rem}footer .bbb .b-r{float:right;display:none}.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;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;padding-inline-start:0px}.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.yx p{width:2.2rem}.online dl.vx p{width:2rem;height:2rem}.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:#043254;transition:.3s}.online dl p{position:absolute;right:.6rem;top:0;width:2.8rem;margin:0;text-align:center;font-size:.16rem;line-height:.3rem;padding:.15rem;background:#043254;color:#fff;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 0 .01rem #ccc}.online dl p img{max-width:100%;box-sizing:border-box;border:1px solid #ccc}.online dl.telen p{width:2.7rem}.online dl:hover dd{background:#043254}.online dl:hover dd span,.online dl:hover dd i{color:#fff}.online dl:hover p{opacity:1}@media screen and (max-width: 1600px){footer{padding:0.5rem 7% 0}footer .ttt .f-right{width:auto}}@media screen and (max-width: 1440px){footer{padding:0.5rem 5% 0}}@media screen and (max-width: 768px){.online{display:none}footer{padding:0 .2rem}footer .bg,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;color:#fff}footer .bbb p span{display:block;margin-left:0}}
