@charset "utf-8";

.topM {z-index:9999!important;}
/* layout */
/*html, body {margin:0;padding:0;background-color: #fff;min-width:1280px;}*/
/*body{padding-top: 43px;font-size:12px;}*/
#wrap,.top{
  position:relative;width:100%;overflow:hidden;
  min-width:1200px;
  max-width:2560px;margin:0 auto;
}

.lock {overflow: hidden}
.lock .loading-wrap {width:100%;height:100%;background: #ffb900;position: fixed;top:0;left:0;right:0;bottom:0;z-index:9999;}
.lock .loading-wrap .loading-logo {top:350px;left:50%;margin-left:-94px;width:187px;height:141px;background:url(../images/logo-small.png) no-repeat 0 0}

.loader {
  overflow: hidden;
  font-size: 45px;
  font-family: "Comic Sans MS", sans-serif;
  font-weight: bold;
  color: #fff;
  top:500px;left:0;width:100%;text-align: center;
}
.loader span {
  -moz-animation: loading 1s linear infinite -0.8s;
  -webkit-animation: loading 1s linear infinite -0.8s;
  animation: loading 1s linear infinite -0.8s;
}
.loader .span2 {
  -moz-animation: loading 1s linear infinite -0.2s;
  -webkit-animation: loading 1s linear infinite -0.2s;
  animation: loading 1s linear infinite -0.2s;
}
.loader .span3 {
  -moz-animation: loading 1s linear infinite -0.5s;
  -webkit-animation: loading 1s linear infinite -0.5s;
  animation: loading 1s linear infinite -0.5s;
}
.loader .span4 {
  -moz-animation: loading 1s linear infinite -1.1s;
  -webkit-animation: loading 1s linear infinite -1.1s;
  animation: loading 1s linear infinite -1.1s;
}
.loader .span5 {
  -moz-animation: loading 1s linear infinite -0.36s;
  -webkit-animation: loading 1s linear infinite -0.36s;
  animation: loading 1s linear infinite -0.36s;
}
.loader .span6 {
  -moz-animation: loading 1s linear infinite -0.65s;
  -webkit-animation: loading 1s linear infinite -0.65s;
  animation: loading 1s linear infinite -0.65s;
}
.loader .span7 {
  -moz-animation: loading 1s linear infinite -0.93s;
  -webkit-animation: loading 1s linear infinite -0.93s;
  animation: loading 1s linear infinite -0.93s;
}

@-moz-keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@-webkit-keyframes loading {
  0%, 100% {
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}
@keyframes loading {
  0%, 100% {
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    -webkit-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
  }

  26% {
    -moz-transform: scale(1.1) rotateZ(12deg);
    -ms-transform: scale(1.1) rotateZ(12deg);
    -webkit-transform: scale(1.1) rotateZ(12deg);
    transform: scale(1.1) rotateZ(12deg);
    opacity: .2;
  }

  76% {
    -moz-transform: scale(0.8) rotateZ(-8deg);
    -ms-transform: scale(0.8) rotateZ(-8deg);
    -webkit-transform: scale(0.8) rotateZ(-8deg);
    transform: scale(0.8) rotateZ(-8deg);
    opacity: .6;
  }
}

body {
  background: #fafff9;
    position: relative;
    width: 100%;
    min-width:1200px;
    max-width: 2560px;
    margin: 0 auto;
}




.section {width: 100%; position: relative;}

.ft_white {color: #fff;}
.ft_yellow {color: #ffd800;}


@keyframes hm1 {
  0%   {transform: translateY(0);}
  100% {transform: translateY(-20px);}
}
@keyframes hm2 {
  0%   {transform: translateY(-20px);}
  100% {transform: translateY(0);}
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*border-radius: 10px;*/
    background-color: #fff;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #000;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.tc_1 .tab_div::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.tc_1 .tab_div::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*border-radius: 10px;*/
    background-color: #fff;
}
 
/*定义滑块 内阴影+圆角*/
.tc_1 .tab_div::-webkit-scrollbar-thumb
{
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #239fff;
}

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
  
    filter: gray;
}


.load {display: none; background: #fff; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
.load .load_s {
  position: absolute;
  width:100px;
  height: 50px;
  top:50%;
  left:50%;
  margin-left:-50px;
  margin-top:-25px;
  text-align: center;
}
.load .load_img {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs210311/images/load.gif) no-repeat; width: 32px; height: 32px; margin: 0 auto;}
.load .load_num_b {font-size: 20px; font-weight: bold; padding: 5px 0}

.stroke {text-shadow: #000 2px 0 0, #000 0 2px 0, #000 -2px 0 0, #000 0 -2px 0;}

/*.topVid {width:1920px; height: 1080px;display: block; position: absolute; top: 0px; left: 50%; margin-left: -960px; pointer-events: none;overflow: hidden; z-index: 2}*/




#roleSvg1 {width: 835px; height: 183px; position: absolute; top: 220px; left: 0; z-index: 16;}
/*.cls-1{stroke-dasharray:11057; stroke-dashoffset: 0; animation:  cls 5s ease-in-out; -webkit-animation:  cls 5s ease-in-out;}
  @keyframes cls{
      0%{stroke-dashoffset: 11057;}
      100%{stroke-dashoffset:0;}
  }*/
.sn{stroke-dasharray:5082; stroke-dashoffset: 0; animation: sn 5s ease-in-out; -webkit-animation: sn 5s ease-in-out;}
.als{stroke-dasharray:3856; stroke-dashoffset: 0; animation: als 5s ease-in-out; -webkit-animation: als 5s ease-in-out;}

@keyframes sn{
    0%{stroke-dashoffset: 5082;}
    100%{stroke-dashoffset:0;}
}
@keyframes als{
    0%{stroke-dashoffset: 3856;}
    100%{stroke-dashoffset:0;}
}




/*.slg {background: url(../images/slogan.png) no-repeat; width: 731px; height: 151px; z-index: 15; position: absolute; top: 30px; left: 270px;}
.slg i{display: block; width: 731px; height: 14px; background:url(../images/slogan.png); animation:xMove 1.5s infinite linear;}
.slg i.on{ animation:xMove 2s .5s infinite linear;}
@keyframes xMove{
  0%,100%{transform:translateX(0) scale(1); filter:brightness(1);}
  25%{transform:translateX(3px) scale(1); filter:brightness(1.2);}
  50%{transform:translateX(1px) scale(1); filter:brightness(1.1);}
  75%{transform:translateX(3px) scale(1); filter:brightness(1.2);}
}*/
.p_slogan {/*background: url(../images/slogan.png) no-repeat;*/ width: 900px; height: 500px; z-index: 15; margin-top: 60px;}
.p_slogan .slg{float: left; width:45px; height:20px; display: block; background:url(../images/slogan.png) no-repeat; transition:all .1s;}
.p_slogan .slg.active{transform:translate(0,0) rotate(0deg) scale(1) !important;}


/*.p_slogan a {display: block; width: 90px; height: 80px; position: absolute; top: 27px; left: 544px;}*/
/*.p_slogan2 {background: url(../images/slogan2.png) no-repeat; width: 522px; height: 131px; z-index: 15; position: absolute; top: 520px; left: 130px;}*/

/*.p_cloud1 {background: url(../images/cloud.png) repeat-x; width: 2083px; height: 237px; z-index: 15; position: absolute; bottom: -12px; left: 0; margin-left: -320px;}*/
/*.p_cloud2 {background: url(../images/cloud.png) no-repeat 0px 0px; width: 2083px; height: 237px; z-index: 15; position: absolute; bottom: -12px; right: 0; margin-right: -320px;}*/




@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}




@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}



@-webkit-keyframes flash {
  0%,13%,44%,100%{opacity: 0;}
  8%,26%{opacity: 1;}
}

@keyframes flash {
  0%,13%,44%,100%{opacity: 0;}
  8%,26%{opacity: 1;}
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}



.topVid {width:1920px; height: 1080px;display: block; position: absolute; top: 0; left: 50%; margin-left: -960px; pointer-events: none;overflow: hidden; z-index: 1}


.s_tc {display: none; z-index: 100;}

.none,.hide {display: none;}

/*.tc {width: 750px; height: 460px;}*/
/*.tc .close_btn {display: block;position: absolute;top: -60px;right: 15px;z-index: 102;color: #fff;font-size: 50px;}*/
/*#video {width: 750px; height: 460px; background: #000;}*/
.tc_video,.tc_video #video {width: 1280px; height: 720px;}
.tc_video .close_btn {display: block;width: 43px;height: 43px; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs201217cs/images/btn_close.jpg) no-repeat; position: absolute;top: 0;right: -45px;z-index: 101;}

.tc2 {width: 650px; height: 300px; background: #000;}
.tc2 .content_1 {width: 650px; height: 300px; display: flex; justify-content: center; align-items: center;}
.tc2 .close_btn {display: block;position: absolute;top: 10px;right: -35px;z-index: 102; background: url(../images/btn_close.png) no-repeat; width: 35px; height: 31px; transform: scale(1.05);}
.tc2 a {display: block; width: 74px; height: 74px; margin: 0 50px;}
.tc2 a.a-share-qq {background: url(../images/qq.png) no-repeat;}
.tc2 a.a-share-wx {background: url(../images/wx.png) no-repeat;}
.tc2 a.a-share-wb {background: url(../images/wb.png) no-repeat;}
.tc2 .img_wx {width: 200px;height: 200px;display: none;position: absolute;top: -100px;left: 225px;}


.tc3 {width: 518px; height: 328px; background: url(../images/tc.png) no-repeat;}
.tc3 .content_1 {width: 518px; height: 328px;}
.tc3 .content_1 .c1 {width: 500px;height: 200px;margin: 50px auto 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.tc3 .content_1 .c1 .c1_bt {font-size: 33px; color: #000;}
.tc3 .content_1 .c1 .c1_coupon {font-size: 33px; color: #e8b007;}
.tc3 .content_1 .c1 .c1_tips {font-size: 25px; color: #000;}
.tc3 .close_btn {display: block;position: absolute;top: 10px;right: -35px;z-index: 102; background: url(../images/btn_close.png) no-repeat; width: 35px; height: 31px; transform: scale(1.05);}
.tc3 .a-copy {display: block; font-size: 27px; font-weight: bold; text-align: center; color: #e8b007; border-bottom: 1px solid #e8b007; margin-bottom: 10px;}


.b_section {position:relative; z-index: 15;}
.b_section .section0 {background: url(../images/bg_head1.png) no-repeat; width: 1920px!important;height: 1080px!important;overflow: hidden;position: relative;z-index: 18; margin-top: -1080px;}
.b_section .section99 {background: url(../images/bg_head3.png) no-repeat; width: 1920px!important;height: 1080px!important;overflow: hidden;position: relative;z-index: 16;}
.b_section .section98 {background: url(../images/bg_head2.png) no-repeat; width: 1920px!important;height: 1080px!important;overflow: hidden;position: relative;z-index: 16; margin-top: -1080px;}
.b_section .section97 {background: url(../images/bg_head.jpg) no-repeat; width: 1920px!important;height: 1080px!important;overflow: hidden;position: relative;z-index: 15; margin-top: -1080px;}
.b_section .section1 {background: url(../images/bg_main1.jpg) no-repeat; width: 1920px!important;height: 2900px!important;overflow: hidden;position: relative;z-index: 15;}
.b_section .section2 {background: url(../images/bg_main2.jpg) no-repeat; width: 1920px!important;height: 1200px!important;overflow: hidden;position: relative;z-index: 15;}
.b_section .section3 {background: url(../images/bg_main3.jpg) no-repeat; width: 1920px!important;height: 1600px!important;overflow: hidden;position: relative;z-index: 15;}


.b_section .section1 .a_dllz {display: block; background: url(../images/btn_dllz.png) no-repeat;background-size: cover;object-fit: cover; width: 446px; height: 350px; position: absolute; top: 1385px; left: calc(50% - 350px/2); z-index: 15; animation: sc .8s infinite ease-out; overflow: hidden; object-fit: cover; transition: filter 0.3s;}

@keyframes sc{0%,100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.5);filter:brightness(1.5)}}


    /* 核心：a标签按钮样式 */
    .lightning-btn {
      /* 转为块级元素，方便设置宽高 */
      display: inline-block;
      position: relative;
      width: 280px;
      height: 80px;
      /* 背景图配置 */
      /* background: url("https://picsum.photos/280/80") no-repeat center; */
      background-size: cover;
      /* 按钮基础样式 */
      border-radius: 8px;
      overflow: hidden; /* 裁剪闪电轨迹超出部分 */
      text-decoration: none; /* 去掉a标签下划线 */
      color: #fff; /* 文字颜色 */
      text-align: center;
      line-height: 80px;
      font-size: 18px;
      font-weight: bold;
      cursor: pointer;
      /* 文字遮罩（提升可读性） */
      /* box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.4); */
      shape-outside: inherit; /* 让点击区域匹配clip-path形状（部分浏览器需加前缀） */
  pointer-events: auto;
    }

    /* 闪电划过轨迹（伪元素实现） */
    .lightning-btn::before {
      content: "";
      position: absolute;
      top: 0;
      left: -100%; /* 初始在左侧外 */
      width: 100%;
      height: 100%;
      /* 闪电渐变轨迹：透明→亮青→透明（模拟闪电光效） */
      background: linear-gradient(120deg,
        transparent,
        rgba(255, 255, 255, 0.8),
        transparent
      );
      /* 动画：1秒划2次 + 1秒休息 → 总周期2秒，无限循环 */
      animation: lightning-slide 2s infinite linear;
      /* 避免遮挡文字 */
      pointer-events: none;
    }
    /* 闪电划过动画关键帧：精准控制节奏 */
    @keyframes lightning-slide {
      /* 0-0.5秒：第一次从左到右划过（1秒2次 → 单次0.5秒） */
      0% { left: -100%; opacity: 1; }
      25% { left: 100%; opacity: 1; }
      /* 0.5-1秒：快速重置位置，准备第二次划过 */
      25.1% { left: -100%; opacity: 1; }
      50% { left: 100%; opacity: 1; }
      /* 1-2秒：休息1秒（隐藏闪电轨迹） */
      50.1% { left: -100%; opacity: 0; }
      100% { left: -100%; opacity: 0; }
    }

    /* 鼠标悬停增强效果 */
    .lightning-btn:hover {
      /* 背景图提亮 */
      filter: brightness(1.2);
      /* 遮罩变浅 */
      /* box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); */
    }

.b_section .section1 .a_ydllz {display: block; background: url(../images/btn_dllz.png) no-repeat 0 -350px!important;}
/* .b_section .section1 .a_dllz:hover {filter: brightness(1.2);} */

.b_section .section1 ul {
    overflow: hidden;
    width: 1210px;
    height: 1100px;
    position: absolute;
    top: 1790px;
    left: calc(50% - 850px / 2);
    z-index: 15;
  /* background: #000; */
}
.b_section .section1 ul li {float: left; width: 285px; height: 370px;}
.b_section .section1 ul li p.p_done_1 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_2 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_3 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_4 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_5 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_6 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_7 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_8 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_9 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_10 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_11 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}
.b_section .section1 ul li p.p_done_12 {width: 285px; height: 330px; background: url(../images/btn_done.png) no-repeat 175px 40px; margin-bottom: 40px; display: none;}

.b_section .section1 .p_jdt {background: url(../images/bg_jdt.png) no-repeat; width: 1362px; height: 800px; position: absolute; top: 1744px; left: calc(50% - 1104px/2); z-index: 15;}
.b_section .section1 .p_jdt_1 {background: url(../images/bg_jdt_1.png) no-repeat!important;}
.b_section .section1 .p_jdt_2 {background: url(../images/bg_jdt_2.png) no-repeat!important;}
.b_section .section1 .p_jdt_3 {background: url(../images/bg_jdt_3.png) no-repeat!important;}
.b_section .section1 .p_jdt_4 {background: url(../images/bg_jdt_4.png) no-repeat!important;}
.b_section .section1 .p_jdt_5 {background: url(../images/bg_jdt_5.png) no-repeat!important;}
.b_section .section1 .p_jdt_6 {background: url(../images/bg_jdt_6.png) no-repeat!important;}
.b_section .section1 .p_jdt_7 {background: url(../images/bg_jdt_7.png) no-repeat!important;}
.b_section .section1 .p_jdt_8 {background: url(../images/bg_jdt_8.png) no-repeat!important;}
.b_section .section1 .p_jdt_9 {background: url(../images/bg_jdt_9.png) no-repeat!important;}
.b_section .section1 .p_jdt_10 {background: url(../images/bg_jdt_10.png) no-repeat!important;}
.b_section .section1 .p_jdt_11 {background: url(../images/bg_jdt_11.png) no-repeat!important;}
.b_section .section1 .p_jdt_12 {background: url(../images/bg_jdt_12.png) no-repeat!important;}

.b_section .section1 .p_dl {background: url(../images/bg_dl.png) no-repeat; width: 443px; height: 249px; position: absolute; top: 1580px; left: calc(50% - 1810px/2); z-index: 19;}

.b_section .section2 ul {width: 1640px; overflow: hidden; height: 100px; position: absolute; top: 920px; left: calc(50% - 1640px/2); z-index: 15;}
.b_section .section2 ul li {float: left; margin: 0 80px;}
.b_section .section2 ul li a.a_lq {display: block; background: url(../images/btn_lq.png) no-repeat; width: 244px; height: 100px;}
.b_section .section2 ul li a.a_ylq {background-position: 0 -100px!important;}
.b_section .section2 ul li a:hover {filter: brightness(1.2);}

.b_section .section3 a {display: block; position: absolute; height: 80px;}
.b_section .section3 a.a_aq {width: 400px; top: 470px; left: calc(50% - 806px/2); z-index: 15;}
.b_section .section3 a.a_kf {width: 320px; top: 1160px; left: calc(50% - 970px/2); z-index: 15;}

.content1 .c99 {width: 935px; height: 800px; position: relative; margin: 0 auto;}
.content1 .c99 .cd_navs {width: 935px; height: 800px; position: absolute; top: 0; left: 0; z-index: 10; /*background: url(../images/bg_main.jpg) no-repeat;*/}
.content1 .c99 .cd_navb {width: 935px; height: 800px; position: absolute; top: 0; left: 0; z-index: 11; /*background: url(../images/bxbg.png) no-repeat;*/}
.cd_nav {
  width: 330px; height: 170px; position: absolute; top: 0; left: -30px; z-index: 60;
  display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.content1 .c99 .cd_main {margin-top: 80px; width: 935px; height: 720px; position: relative;}



.s_tc {display: none; z-index: 100; /*height: 800px;*/}
.s_tc .close_btn {display: block;width: 40px;height: 40px; position: absolute;top: 35px;right: 30px;z-index: 101;}

.tc_1 .content {background: url(../images/tc1.png) no-repeat; width: 682px; height: 699px;}
.tc_1 .tab_div { width: 510px; height: 521px; overflow-x: hidden; overflow-y: auto; margin-right: 10px; position: absolute; top: 140px; left: calc(50% - 500px/2);}
.tc_1 .tab_div table { width: 500px; height: auto; color: #ebebeb; font-size: 18px;}
.tc_1 .tab_div table tr th { border: 1px solid #239fff;text-align: center; height: 39px; line-height: 39px;color: #239fff;font-weight: bold;}
.tc_1 .tab_div table tr td { border: 1px solid #239fff;text-align: center; height: 39px; line-height: 39px;color: #666666;}
.tc_1 .p_tips {font-size: 16px; color: #879fb5; text-align: center;}




.logo {display: flex;background: url(../images/logo.png) no-repeat;width: 151px;height: 103px;
    filter: drop-shadow(2px 4px 6px #000);}

.login{width: 750px; height: 225px; position: absolute; top: 855px; left: calc(50% - -1305px/2); z-index: 15;}
.unlogin {width: 354px; height: 146px;}
.a_login {display: block; background: url(../images/btn_login.png) no-repeat; width: 354px; height: 146px;}
.logout {width: 750px; position: absolute; top: 140px; left: 60px; color: #000; font-size: 38px; font-weight: bold; display: flex; align-items: center;}
.a_logout {display: inline-block; color: #000; border-bottom: 1px solid #000; font-size: 38px; font-weight: bold;}
.a_wdjl {display: block; background: url(../images/btn_wdjl.png) no-repeat; width: 250px; height: 82px; margin-left: 20px;}
.a_login:hover,.a_wdjl:hover {transform: scale(1.04);}


/* nav */
.quick {position: fixed;z-index: 16;right: 0;top: 40%; width: 300px; height: 330px; background: url(../images/sNavbg.png) no-repeat; filter: drop-shadow(2px 4px 6px #000);}
.quick a {display: flex;justify-content: center;align-items: center;}
.quick a.q-a1 {height: 130px;}
.quick a.q-a2 {height: 120px;}
.quick a.top {height: 80px;}
.quick a.q-a1:hover,.quick a.q-a1.on {background: url(../images/sNavbg.png) no-repeat -300px 0;}
.quick a.q-a2:hover,.quick a.q-a2.on {background: url(../images/sNavbg.png) no-repeat -300px -130px;}
.quick a.top:hover,.quick a.top.on {background: url(../images/sNavbg.png) no-repeat -300px -250px; filter: brightness(1.2);}

.section2 p#evt2 {width: 100px; height: 10px; position: absolute; top: 180px; left: calc(50% - 100px/2);}



#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}