*,*: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: 'almmT','微软雅黑', 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 .5s; -moz-transition: all .5s; transition: all .5s;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:#FC5F10;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:#FC5F10;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:1420px;width:85%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box2{max-width:1660px;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:1800px;width:95%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(0.43, 0.195, 0.02, 1); -moz-transition: all .4s cubic-bezier(0.43, 0.195, 0.02, 1); transition: all .4s cubic-bezier(0.43, 0.195, 0.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{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: #1172A9;
}

.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: fixed;z-index: 9;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

    .mhead .menum{height: 50px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;}

    .mhead .logo{display: block;position: absolute;top: 50%;left: 0;z-index: 3;transform: translateY(-50%);}

    .mhead .logo img{display: block;height: 30px;}

    .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: 3000;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;}

    .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);}

    .mhead .ss{display: block;width: 50px;height: 50px;float: right;background: url(../images/svg/7m.svg) center no-repeat;background-size: 20px;}

    .mnav .mbox .ul1{}

    .mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

    .mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

    .mnav .mbox .ul1 li .ltop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_hui2.png) center no-repeat ;background-size: 16px;}

    .mnav .mbox .ul1 li .ltop.act span {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

    .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.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: 15;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);}

  .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 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: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_hui2.png) center no-repeat ;background-size: 16px;}

  .mnav2 .mbox .dl1 dd .dtop.act span {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

  .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;}
}