@charset "utf-8";
@font-face {
  font-family: 'hanyi';
  src: url('../fonts/hyjk.ttf');
}
.bar {height: 1457px;margin: 0 auto;position: relative;}
.xtl_logo_lk,.xtl_logo_bg {position: absolute;top: 20px;left: 72px;z-index: 100;width: 286px;height: 134px;}
.xtl_logo_lk a {display: block;z-index: 999;width: 286px;height: 134px;}
.xtl_logo_bg {background: url(../img/logo.png) center no-repeat;}
.head {height: 1140px;z-index: 1;position: relative}
.slotxt {left: 50%;top: 563px;margin-left: -728px;z-index: 1}
.slotxt-time{line-height: 35px;position: absolute;font-size: 19px;letter-spacing: -1px;color: #fffce3;top: 58px;text-align: center;width: 320px;left: 628px;line-height: 35px;box-sizing: border-box;margin-block: 0;font-family: 'hanyi';}
.slotxt-time span{color: #f6dda5;}
.slotxt-desc{width: 734px;position: absolute;left: 200px;line-height: 46px;font-family: 'hanyi';font-size: 26px;color: #ffffff;top: 238px;text-align: center;box-sizing: border-box;display: flex;justify-content: center;align-items: center;height: 46px;margin-block: 0;}
.slotxt-desc span{color: #fede87;}
.slotxtm {display: none;}
.login {z-index: 4;right: 0;width: 100%;text-align: center;color: #6f1a14;font-size: 18px;line-height: 51px;top: 970px;height: 51px;}
.login a {color: #ffed8b}
.wrap {color: #23313a;font-size: 16px;}
.active .slotxt {-webkit-animation: sloganAni .4s 0s linear both}
.active .qqqun,.active .daqu,.active .login {-webkit-animation: fadeInUp 1s .2s ease both}
.active .daqu {-webkit-animation-delay: .4s}
.active .login {-webkit-animation-delay: .6s}
.active .qqqun {-webkit-animation-delay: .8s}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px)}100% {opacity: 1;-webkit-transform: translateY(0)}}
@-webkit-keyframes sloganAni {0% {-webkit-transform: scale(1.8);opacity: 0}60% {-webkit-transform: scale(1);opacity: 1}65% {-webkit-transform: translate(-4px, -4px)}70% {-webkit-transform: translate(0, 0)}75% {-webkit-transform: translate(4px, 4px)}80% {-webkit-transform: translate(0, 0)}85% {-webkit-transform: translate(-4px, 4px)}90% {-webkit-transform: translate(0, 0)}95% {-webkit-transform: translate(4px, -4px)}100% {-webkit-transform: translate(0, 0);opacity: 1}}
.addnavbox {position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);height: 272px;z-index: 1;overflow: visible;}
.daohangbox {width: 100%;height: 272px;margin: 0 auto;position: relative;overflow: visible;}
.daohangbox .nav-link {position: absolute;top: 0;left: 50%;margin-left: -650px;width: 1300px;height: 100%;overflow: visible;}
.daohangbox a {width: 215px;height: 207px;text-indent: -9999em;display: block;position: absolute;box-sizing: border-box;color: #fff6d9;text-align: center;line-height: 20px;font-size: 13px;overflow: visible;}
.daohangbox a::after{content: '';display: block;position: absolute;top: 50%;left: 50%;width: 228px;height: 228px;margin: -117px 0 0 -116px;pointer-events: none;background-size: 100% auto;}
.daohangbox a span{background: #e35a2d;color: #fff6d9;height: 22px;line-height: 22px;padding: 0 5px;border-radius: 999px;}
.daohangbox a.addlink1 {top: 0px;left: 0px;}
.daohangbox a.addlink1::after {background: url(../img/nav1.png) no-repeat;}
.daohangbox a.addlink2 {top: 128px;left: 175px;}
.daohangbox a.addlink2::after {background: url(../img/nav2.png) no-repeat;}
.daohangbox a.addlink3 {left: 358px;top: 0px;}
.daohangbox a.addlink3::after {background: url(../img/nav3.png) no-repeat;}
.daohangbox a.addlink4 {top: 128px;left: 539px;}
.daohangbox a.addlink4::after {background: url(../img/nav4.png) no-repeat;}
.daohangbox a.addlink5 {top: 0px;left: 720px;}
.daohangbox a.addlink5::after {background: url(../img/nav5.png) no-repeat;}
.daohangbox a.addlink6 {top: 128px;left: 905px;}
.daohangbox a.addlink6::after {background: url(../img/nav6.png) no-repeat;}
.daohangbox a.addlink7 {top: 0px;left: 1089px;}
.daohangbox a.addlink7::after {background: url(../img/nav7.png) no-repeat;}
.daohangbox a.addlink1:hover::after,.pg1 .daohangbox a.addlink1::after {background: url(../img/nav1-h.png) no-repeat;}
.daohangbox a.addlink2:hover::after,.pg2 .daohangbox a.addlink2::after {background: url(../img/nav2-h.png) no-repeat;}
.daohangbox a.addlink3:hover::after,.pg7 .daohangbox a.addlink3::after {background: url(../img/nav3-h.png) no-repeat;}
.daohangbox a.addlink4:hover::after,.pg3 .daohangbox a.addlink4::after {background: url(../img/nav4-h.png) no-repeat;}
.daohangbox a.addlink5:hover::after,.pg6 .daohangbox a.addlink5::after {background: url(../img/nav5-h.png) no-repeat;}
.daohangbox a.addlink6:hover::after,.pg5 .daohangbox a.addlink6::after {background: url(../img/nav6-h.png) no-repeat;}
.daohangbox a.addlink7:hover::after,.pg8 .daohangbox a.addlink7::after {background: url(../img/nav7-h.png) no-repeat;}
.head .qrcode-box {position: absolute;width: 261px;height: 261px;top: 374px;right: 80px;background: url(../img/qrcode-bg.png) no-repeat center;background-size: 100% auto;}
.head .qrcode-box .qrcode{position: absolute;width: 128px;height: 128px;top: 53px;left: 66px;}
.head .qrcode-box .qrcode img{display: block;width: 100%;height: auto;}