*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0; width: 100%;color: #222;font-family: '微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

html{font-size: 100px;}

.ul,.ul .li,.ul li,.ul td,.ul dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;color: #222; outline: none;}

a{
  transition-timing-function: cubic-bezier(0.43, 0.195, 0.02, 1);
}

textarea,select{outline:none;color:#666;font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

.edit img,
.img_inline_block img{ display: inline-block;height: auto;}

:root{--color: #12479C;--webgdt: calc(100vw - 100%);}

.gdt::-webkit-scrollbar{width:6px;height: 1px;padding: 0 2px;}

.gdt::-webkit-scrollbar-thumb{ background:#19A7B3;border-radius: 20px;}

.gdt::-webkit-scrollbar-track{ background:rgba(255,255,255,0);border-radius: 20px;width: 2px; background: linear-gradient(to right, 
  transparent 0%, transparent 33.33%,
  #D9D9D9 33.33%, #D9D9D9 66.66%,
  transparent 66.66%, transparent 100%);}

.gdt2::-webkit-scrollbar{width:3px;height: 1px;padding: 0 2px;}

.gdt2::-webkit-scrollbar-thumb{ background:#19A7B3;border-radius: 20px;}

.gdt2::-webkit-scrollbar-track{ background:rgba(255,255,255,0);border-radius: 20px;width: 1px; background: linear-gradient(to right, 
  transparent 0%, transparent 33.33%,
  #D9D9D9 33.33%, #D9D9D9 66.66%,
  transparent 66.66%, transparent 100%);}

.fw_100{font-weight: 100;}

.img_cct{width: 100%;opacity: 0;}

.line10{line-height: calc(1em + 10px);}

.t_line1{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.t_line2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.t_line3{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.t_line4{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.t_line5{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

/*分页*/

.w1440{max-width:1440px;width:76%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box{max-width:1600px;width:90%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box2{max-width:1400px;width:88%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box3{max-width:1760px;width:95%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.alltime,.alltime *{ transition: all 1s cubic-bezier(.43,.195,.02,1); -webkit-transition: all 1s cubic-bezier(.43,.195,.02,1); -moz-transition: all 1s cubic-bezier(.43,.195,.02,1);}

.alltime2,.alltime2 *{-webkit-transition: all .6s cubic-bezier(0.43, 0.195, 0.02, 1); -moz-transition: all .6s cubic-bezier(0.43, 0.195, 0.02, 1); transition: all .6s cubic-bezier(0.43, 0.195, 0.02, 1);}

.alltime3,.alltime3 *{-webkit-transition: all .8s cubic-bezier(0.43, 0.195, 0.02, 1); -moz-transition: all .8s cubic-bezier(0.43, 0.195, 0.02, 1); transition: all .8s cubic-bezier(0.43, 0.195, 0.02, 1);}

.alltime4,.alltime4 *{-webkit-transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1); -moz-transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1); transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);}

.wow,.wow2{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

.fce{text-align: center;}

.iw100{width: 100%;}

.place::-webkit-input-placeholder{color:#DDDDDD;}

.place:-moz-placeholder{color:#DDDDDD;}

.place::-moz-placeholder{color:#DDDDDD;}

.place:-ms-input-placeholder{color:#DDDDDD;}

/* 视频弹框 */
.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;z-index: 1100;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

.z_tanchuang .tbox .modal {background: white;padding: 0px;display: block;border-radius: 5px;position: relative;width: 90%;width: 1000px;max-height: 90%;margin: 0 auto;transform: translateY(5%);opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/svg/out.svg) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: -20px;right: -20px;cursor: pointer;z-index: 5;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/svg/out2.svg) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1000px;}

.z_tanchuang.act{visibility: visible;pointer-events: visible;opacity: 1;}

.z_tanchuang.act .tbox .modal{transform: translateY(0); opacity: 1;}

/* 分页 */

.page{
  --color: #19A7B3;
}

.page1{ text-align:center; margin: 0;text-align: center;display: flex;justify-content: center;font-family: 'arial';}

.page1 span a{display: block;  color:#222;  width: 40px;height: 40px; text-decoration:none;font-size: 14px;border: 1px solid #E5E5E5;}

.page1 span a:hover ,.page1 span.current a{ background:var(--color) !important;color: #fff;border-color: var(--color);}

.page1 span.current a{background: var(--color);color: #fff;}

.page1 span{display: inline-block; line-height: 40px; color:#666666;}

.page1 span input{display: block;width: 72px;height: 40px;outline: none;text-align: center;border: 1px solid #E5E5E5;background-color: inherit;border-radius: 6px;}

.page1 span input:focus{
  border-color: var(--color);
}

.page1 span a.pre{width: 100px;display: flex;justify-content: center;align-items: center;align-content: center;border-radius: 6px 0 0 6px;}

.page1 span a.pre s{display: block;width: 21px;height: 21px;background: url(../images/svg/fy_jt.svg) center no-repeat;}

.page1 span a.pre:hover s{background: url(../images/svg/fy_jt2.svg) center no-repeat;}

.page1 span a.nex{width: 100px;display: flex;justify-content: center;align-items: center;align-content: center;border-radius: 0 6px 6px 0;}

.page1 span a.nex s{display: block;width: 21px;height: 21px;background: url(../images/svg/fy_jt.svg) center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.page1 span a.nex:hover s{background: url(../images/svg/fy_jt2.svg) center no-repeat;}

.page1 .qd{width: 72px;}

.page1 .qd a{
  width: 100%;
  background: transparent;
  color: #fff;
  border-color: var(--color);
  border-radius: 6px;
  color: var(--color);
}

.page1 .qd a:hover{
  background: var(--color);
  color: #fff;
}

.page1 .page-text{
  color: #999;
  margin: 0 10px;
}

.page2{
  display: none;
  width: 160px;
  background-color: var(--color);
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  color: #fff;
  border-radius: 50px;
}


@media screen and (min-width: 1051px) {
  .yd{display: none;}
  .mhead,.mnav{display: none;}
}

@media (max-width:1050px) {
  .header{
    display: none;
  }
  .fw_100{font-weight: normal;}
  .page .page1 {
    display: none;
  }
  .page .page2 {
    display: block;
  }
  .z_tanchuang .tbox .modal{width: 90%;padding: 5px;}

  .z_tanchuang .tbox .modal .out{right: 0;top: -50px;}
  /* ph nav */
    .mhead {
      display: block;
      width: 100%;
      height: 50px;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 9;
      top: 0;
      left: 0;
      background: #fff;
      border-bottom: 1px solid #eee;
    }
  
    .mhead .menu {
      height: 50px;
      padding-left: 35px;
      background: url(../images/m1.png) center no-repeat;
      background-size: 30px;
      float: right;
      cursor: pointer;
    }
  
    .mhead .logo {
      display: block;
      position: absolute;
      top: 10px;
      left: 0;
      z-index: 3;
      height: 30px;
    }
  
    .mhead .logo img {
      display: block;
      height: 100%;
    }
  
    .mhead .logo2 {
      display: block;
      position: absolute;
      top: 5px;
      height: 40px;
      left: 70px;
      z-index: 3;
      padding-left: 10px;
      border-left: 1px solid #ddd;
    }
  
    .mhead .logo2 img {
      display: block;
      height: 100%;
    }
  
    .mhead .ss {
      display: block;
      width: 50px;
      height: 50px;
      float: right;
      background: url(../images/svg/7m.svg) center no-repeat;
      background-size: 40% auto;
    }
  
    .mhead .hy2 {
      display: block;
      line-height: 50px;
      float: right;
      background-size: 16px;
      width: 70px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 10px;
    }
  
    .mhead.act {
      -moz-box-shadow: 0px 1px 5px #ddd;
      -webkit-box-shadow: 0px 1px 5px #ddd;
      box-shadow: 0px 1px 5px #ddd;
    }
  
    .mnav {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: -100%;
      z-index: 250;
      display: block;
      -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
  
    .mnav .hei {
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      cursor: pointer;
    }
  
    .mnav .mbox {
      width: 80%;
      height: 100%;
      overflow: auto;
      background: #fff;
      position: relative;
      z-index: 2;
      left: -100%;
      -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
  
    .mnav .mbox .ul1 li .ltop {
      position: relative;
      line-height: 50px;
      padding: 0 50px 0 15px;
      border-bottom: 1px solid #ddd;
      cursor: pointer;
    }
  
    .mnav .mbox .ul1 li .ltop a {
      display: block;
      width: 100%;
    }
  
    .mnav .mbox .ul1 li .ltop span {
      display: block;
      width: 100%;
      height: 50px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
    }
  
    .mnav .mbox .ul1 li .ltop span::after {
      width: 16px;
      height: 2px;
      background: #444444;
      content: "";
      position: absolute;
      right: 15px;
      top: calc(50% - 1px);
    }
  
    .mnav .mbox .ul1 li .ltop span::before {
      width: 2px;
      height: 16px;
      background: #444444;
      content: "";
      position: absolute;
      right: 22px;
      top: 17px;
    }
  
    .mnav .mbox .ul1 li .ltop span.act::before {
      opacity: 0;
    }
  
    .mnav .mbox .ul1 li .lbtm {
      display: none;
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
    }
  
    .mnav .mbox .ul1 li .lbtm a {
      display: block;
      width: 100%;
      padding: 0 15px;
      line-height: 30px;
      font-size: 12px;
      color: #666;
    }
  
    .mnav .mbox .ul1 .lang .ltop {
      font-weight: bold;
      background: #EEEEEE;
      height: 50px;
    }
  
    .mnav .mbox .ul1 .lang .yy {
      position: relative;
      width: 80px;
      line-height: 30px;
      top: 10px;
      left: 0px;
      z-index: 3;
      font-family: Arial, Helvetica, sans-serif;
    }
  
    .mnav .mbox .ul1 .lang .yy1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-content: center;
      padding-left: 30px;
      background: url(../images/svg/myy_1.svg) center left no-repeat;
      background-size: 20px;
    }
  
    .mnav .mbox .ul1 .lang .yy1 s {
      display: block;
      width: 20px;
      height: 20px;
      background: url(../images/svg/myy_3.svg) center no-repeat;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      background-size: 14px;
    }
  
    .mnav .mbox .ul1 .lang .yy2 {
      width: 110px;
      padding: 40px 10px 10px 40px;
      background: #fff;
      border-radius: 6px;
      position: absolute;
      top: -5px;
      left: -10px;
      z-index: -1;
      -moz-box-shadow: 0px 1px 5px #ddd;
      -webkit-box-shadow: 0px 1px 5px #ddd;
      box-shadow: 0px 1px 5px #ddd;
      display: none;
    }
  
    .mnav .mbox .ul1 .lang .yy.act .yy1 s {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      background: url(../images/svg/myy_2.svg) center no-repeat;
      background-size: 14px;
    }
  
    .mnav .mbox .ul1 .scxz .ltop {
      position: relative;
      display: flex;
      align-items: center;
      align-content: center;
    }
  
    .mnav .mbox .ul1 .scxz .ltop .i {
      height: 14px;
      margin-right: 10px;
    }
  
    .mnav.act {
      left: 0;
    }
  
    .mnav.act .mbox {
      left: 0;
      transition-delay: .15s;
      -webkit-transition-delay: .15s;
    }
  
    .mnav2 {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: -100%;
      z-index: 2000;
      display: block;
      -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      transition: all .4s cubic-bezier(.4, 0, .2, 1);
      display: block;
    }
  
    .mnav2 .hei {
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }
  
    .mnav2 .mbox {
      width: 80%;
      height: 100%;
      overflow: auto;
      background: #fff;
      position: relative;
      z-index: 2;
      left: -100%;
      -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
      transition: all .4s cubic-bezier(.4, 0, .2, 1);
    }
  
    .mnav2 .mbox .dl1 {}
  
    .mnav2 .mbox .dl1 dd {}
  
    .mnav2 .mbox .dl1 dd .dtop {
      position: relative;
      line-height: 50px;
      padding: 0 50px 0 15px;
      border-bottom: 1px solid #ddd;
    }
  
    .mnav2 .mbox .dl1 dd .dtop a {
      display: block;
      width: 100%;
    }
  
    .mnav2 .mbox .dl1 dd .dtop span {
      display: block;
      width: 100%;
      height: 50px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 2;
    }
  
    .mnav2 .mbox .dl1 dd .dtop span::after {
      width: 16px;
      height: 2px;
      background: #444444;
      content: "";
      position: absolute;
      right: 15px;
      top: calc(50% - 1px);
    }
  
    .mnav2 .mbox .dl1 dd .dtop span::before {
      width: 2px;
      height: 16px;
      background: #444444;
      content: "";
      position: absolute;
      right: 22px;
      top: 17px;
    }
  
    .mnav2 .mbox .dl1 dd .dtop span.act::before {
      opacity: 0;
    }
  
    .mnav2 .mbox .dl1 dd .dbtm {
      display: none;
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
    }
  
    .mnav2 .mbox .dl1 dd .dbtm a {
      display: block;
      width: 100%;
      padding: 0 15px;
      line-height: 30px;
      font-size: 12px;
      color: #666;
    }
  
    .mnav2.act {
      left: 0;
    }
  
    .mnav2.act .mbox {
      left: 0;
      transition-delay: .15s;
      -webkit-transition-delay: .15s;
    }


  .wow,.wow2{opacity: 1;}



}