*{
  outline:0 none !important; ;
}
html{font-size: 100px;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}

body {position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: var(--text-color);font-family: Microsoft YaHei,Arial,-apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 14px;line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;}
.ul,.ul .li,.ol .li,.tr .td,.dl,.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!important; cursor:pointer;color: var(--text-color);transition: color 0.4s var(--ease);}
textarea,select{ outline:none; color:#666; font-size:0.14rem; width:100%;font-family:Microsoft YaHei;}
textarea{resize:none;padding: 0;border: 0;font-family: Microsoft YaHei;}
img{border:none;max-width: 100%;display: block;width: 100%;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 编辑框样式清除 */
.edit * {
  all: revert;
}
.edit > *:not(ul):not(li):not(ol):not(dl) {
  margin: 0;
  padding: 0;
}

.edit img,.img_inline_block img {display:inline-block;height:auto;width: auto;max-width: 100%;}

/*.t_line1 {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
.t_line1 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:1;-moz-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:3;-moz-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line4 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:4;-moz-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;box-orient:vertical;}
.t_line5 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-moz-box;-webkit-line-clamp:5;-moz-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;box-orient:vertical;}
.place::-webkit-input-placeholder {color:var(--text-color3);}
.place:-moz-placeholder {color:var(--text-color3);}
.place::-moz-placeholder {color:var(--text-color3);}
.place:-ms-input-placeholder {color:var(--text-color3);}

.place2::-webkit-input-placeholder {color:#939393;}
.place2:-moz-placeholder {color:#939393;}
.place2::-moz-placeholder {color:#939393;}
.place2:-ms-input-placeholder {color:#939393;}

.swiper-button-disabled{cursor: not-allowed;}
.swiper-button-lock{opacity: 0;pointer-events: none;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justif {text-align:justify;}
.text-nowrap {white-space:nowrap;}
.text-lowercase {text-transform:lowercase;}
.text-uppercase {text-transform:uppercase;}
.text-capitalize {text-transform:capitalize;}
.text-bold {font-weight:bold;}
.imgTwo{position: relative;}
.imgTwo img:nth-child(2){position: absolute;inset: 0px;margin: auto;opacity: 0;}
.imghover:hover .imgTwo img:nth-child(1){opacity: 0;}
.imghover:hover .imgTwo img:nth-child(2){opacity: 1;}
.imgTwohover:hover img:nth-child(1){opacity: 0;}
.imgTwohover:hover img:nth-child(2){opacity: 1;}
.zId5 {z-index:5;}
.zId4 {z-index:4;}
.zId3 {z-index:3;}
.zId2 {z-index:2;}
.zId1 {z-index:1;}


/* 滚动条样式 */
.scroll{scrollbar-gutter: stable;}

.scroll1::-webkit-scrollbar {width:2px;height:1px;}
.scroll1::-webkit-scrollbar-thumb{ background:var(--theme-color);border-radius: 2px;}
.scroll1::-webkit-scrollbar-track{ background:transparent;}

/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: Microsoft YaHei;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }

@font-face {
  font-family: 'Poppins-Medium';
  src: url("../fonts/Poppins-Medium.ttf") format("opentype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
@font-face {
  font-family: 'Poppins-SemiBold';
  src: url("../fonts/Poppins-SemiBold.ttf") format("opentype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
@font-face {
  font-family: 'Montserrat-Medium';
  src: url("../fonts/Montserrat-Medium.otf") format("opentype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url("../fonts/Montserrat-Regular.otf") format("opentype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  unicode-range: U+0020-FFFF;
}
.fw700{font-weight: 700;}
.fw600{font-weight: 600;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 290;}
.popb{font-family: 'Poppins-Medium';font-weight: 500;}
.pops{font-family: 'Poppins-SemiBold';font-weight: 600;}
.msr{font-family: 'Montserrat-Regular';font-weight: 400;}
.msm{font-family: 'Montserrat-Medium';font-weight: 500;}

:root{
  --theme-color: rgba(213, 40, 25, 1);
  --text-color: rgba(51, 44, 43, 1);
  --text-color2: rgba(101, 96, 96, 1);
  --text-color3: rgba(152, 149, 149, 1);
  --imgwhite: brightness(0) invert(1);
  --imgblack: brightness(0);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

.alltime,.alltime:before,.alltime:after,.alltime *,.alltime *:before,.alltime *:after{-webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}

.progress-div {
  will-change: transform, opacity;
  transform: translateZ(0);
}
.phbox{display: none;}

input[type=text]:focus::placeholder {
  opacity: 0;
}

/* common */
.webbtn{display: flex;align-items: center;justify-content: center;width: fit-content;padding: 0.15rem 0.39rem;border-radius: 0.51rem;line-height: calc(19 / 16);}

.webbtn img{width: calc(11 / 16 * 1em);margin-left: calc(10 / 16 * 1em);}

.webbtn.white{border: 1px solid #fff;color: #fff;}

.hover:hover .webbtn,
.webbtn.hover:hover{background: var(--theme-color);color: #fff;border-color: var(--text-color);}

.webbtn2::before{content: "";position: absolute;left: calc(100% - 0.09rem);top: 0;width: auto;height: 100%;background: url(../images/svg/btn_hover.svg) no-repeat right center;background-size: 100% 100%;aspect-ratio: 26 / 52;opacity: 0;}
.webbtn2.hover:hover::before{opacity: 1;}

.webbtn3::before{content: "";position: absolute;left: calc(100% - 0.06rem);top: 0;width: auto;height: 100%;background: url(../images/svg/btn_hover.svg) no-repeat right center;background-size: 100% 100%;aspect-ratio: 21 / 42;opacity: 0;}
.webbtn3.hover:hover::before{opacity: 1;}

.swpbtn1 a{width: 0.5rem;height: 0.5rem;position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;border-radius: 50%;z-index: 10;background: rgba(255, 255, 255, 0.10);}

.swpbtn1 a img{width: 0.24rem;}

.swpbtn1 a:hover{background: var(--theme-color);}

.swpbtn2 a{width: 0.5rem;height: 0.5rem;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;}

.swpbtn2 a::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1.5px solid rgba(255,255,255,0.31);}

.swpbtn2 a img{width: 0.5rem;position: relative;z-index: 3;}

.swpbtn2 a:hover::before{background: var(--theme-color);border-color: var(--theme-color);}

.swpbtn3 a{width: 0.5rem;height: 0.5rem;position: absolute;z-index: 10;border: 1px solid #D3D3D3;border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.swpbtn3 a img{width: 0.24rem;}

.swpbtn3 a:hover{background: var(--theme-color);border-color: var(--theme-color);}

.swpbtn3 a:hover img{filter: var(--imgwhite);}

.swpbtn4 a{width: 0.5rem;height: 0.5rem;position: absolute;z-index: 10;border: 1px solid #E3E3E3;border-radius: 50%;display: flex;align-items: center;justify-content: center;top: 50%;transform: translateY(-50%);background: #fff;}

.swpbtn4 a img{width: 0.24rem;}

.swpbtn4 a:hover{background: var(--theme-color);border-color: var(--theme-color);}

.swpbtn4 a:hover img{filter: var(--imgwhite);}

.phimg{display: none;}

.maodian{position: relative;top: -0.8rem;}

.maodian2{position: relative;top: -2rem;}

.mg80{margin-top: 0.8rem;}

.mg100{margin-top: 1rem;}

.page{display: flex;align-items: center;justify-content: center;}

.page .prevbtn{margin-right: 0.09rem;}

.page .nextbtn{margin-left: 0.09rem;}

.page .num{min-width: calc(42 / 16 * 1em);line-height: calc(42 / 16);border-radius: 0.42rem;text-align: center;color: #333;cursor: default;margin: 0 0.03rem;}

.page .num[href]{cursor: pointer;}

.page .num.act,
.page .num[href]:hover{background: var(--theme-color);color: #fff;}








.zz_tanchuang{
    display: table;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    width: 100%;
    z-index: 999;
}
.zz_tanchuang.one {
    animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    -webkit-animation: unfoldIn 1s cubic-bezier(.165, .84, .44, 1) forwards;
    transform: scaleY(.01) scaleX(0);
    -webkit-transform: scaleY(.01) scaleX(0);
}
.zz_tanchuang .tbox {
    background: #000c;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.zz_tanchuang .tbox .modal {
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    max-height: 90%;
    max-width: 1200px;
    padding: 0;
    position: relative;
    width: 80%;
}
.zz_tanchuang.one .tbox .modal {
    animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    -webkit-animation: zoomIn .5s cubic-bezier(.165, .84, .44, 1) .8s forwards;
    transform: scale(0);
    -webkit-transform: scale(0);
}
.zz_tanchuang .tbox .modal .out{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.824' height='8.824' viewBox='0 0 8.824 8.824'%3E%3Cg data-name='组 21240'%3E%3Cg fill='none' stroke='%23fff' data-name='组 20569'%3E%3Cpath d='M.353.353 8.47 8.47' data-name='直线 13431'/%3E%3Cpath d='M8.47.353.355 8.47' data-name='直线 13432'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;background-size:20px;border-radius:50%;color:#000;cursor:pointer;font-size:30px;height:40px;line-height:40px;opacity:.75;position:absolute;right:-55px;text-align:center;top:-40px;transition:all .5s;width:40px;}

.zz_tanchuang .tbox .modal .out:hover {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.zz_tanchuang .tbox .modal .img {
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    max-width: 1200px;
}
.zz_tanchuang .tbox .modal .img video {
    background-color: #000;
    display: block;
    max-height: 67vh;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(.005) scaleX(0)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(1) scaleX(1)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes zoomOut {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1)
    }

    50% {
        transform: scaleY(.005) scaleX(1)
    }

    to {
        transform: scaleY(.005) scaleX(0)
    }
}


/*@media (min-width: 1900px) {*/
  .f_12 {
    font-size: 0.12rem;
  }
  .f_14 {
    font-size: 0.14rem;
  }
  .f_16 {
    font-size: 0.16rem;
  }
  .f_18 {
    font-size: 0.18rem;
  }
  .f_20 {
    font-size: 0.20rem;
  }
  .f_22 {
    font-size: 0.22rem;
  }
  .f_24 {
    font-size: 0.24rem;
  }
  .f_26 {
    font-size: 0.26rem;
  }
  .f_28 {
    font-size: 0.28rem;
  }
  .f_29 {
    font-size: 0.29rem;
  }
  .f_30 {
    font-size: 0.30rem;
  }
  .f_32 {
    font-size: 0.32rem;
  }
  .f_34 {
    font-size: 0.34rem;
  }
  .f_36 {
    font-size: 0.36rem;
  }
  .f_38 {
    font-size: 0.38rem;
  }
  .f_40 {
    font-size: 0.40rem;
  }
  .f_42 {
    font-size: 0.42rem;
  }
  .f_44 {
    font-size: 0.44rem;
  }
  .f_46 {
    font-size: 0.46rem;
  }
  .f_48 {
    font-size: 0.46rem;
  }
  .f_50 {
    font-size: 0.50rem;
  }
  .f_52 {
    font-size: 0.52rem;
  }
  .f_54 {
    font-size: 0.54rem;
  }
  .f_56 {
    font-size: 0.56rem;
  }
  .f_58 {
    font-size: 0.58rem;
  }
  .f_60 {
    font-size: 0.60rem;
  }
  .f_62 {
    font-size: 0.62rem;
  }
  .f_64 {
    font-size: 0.64rem;
  }
  .f_66 {
    font-size: 0.64rem;
  }
  .f_68 {
    font-size: 0.68rem;
  }
  .f_70 {
    font-size: 0.70rem;
  }
  .f_72 {
    font-size: 0.72rem;
  }
  .f_74 {
    font-size: 0.74rem;
  }
  .f_76 {
    font-size: 0.76rem;
  }
  .f_78 {
    font-size: 0.78rem;
  }
  .f_80 {
    font-size: 0.80rem;
  }
/*}*/
@media (max-width: 1680px) {
.f_16 {
    font-size: 14px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 17px;
  }
.f_22 {
    font-size: 19px;
  }
.f_24 {
    font-size: 22px;
  }
.f_26 {
    font-size: 24px;
  }
.f_28 {
    font-size: 26px;
  }
.f_29 {
    font-size: 27px;
  }
.f_30 {
    font-size: 28px;
  }
.f_32 {
    font-size: 28px;
  }
.f_34 {
    font-size: 32px;
  }
.f_36 {
    font-size: 34px;
  }
.f_38 {
    font-size: 36px;
  }
.f_40 {
    font-size: 32px;
  }
.f_42,
.f_44 {
    font-size: 36px;
  }
.f_46 {
    font-size: 36px;
  }
.f_48 {
    font-size: 36px;
  }
.f_50 {
    font-size: 40px;
  }
.f_52 {
    font-size: 40px;
  }
.f_54 {
    font-size: 46px;
  }
.f_56 {
    font-size: 48px;
  }
.f_58 {
    font-size: 48px;
  }
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_70,
.f_72,
.f_74,
.f_76,
.f_78,
.f_80 {
    font-size: 52px;
  }
}
@media (max-width: 1560px) {
  .f_14 {font-size: 13px;}
  .f_58,
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_70,
  .f_72,
  .f_74,
  .f_76,
  .f_80 {
      font-size: 48px;
  }
}
@media (max-width: 1440px) {
  .f_16 {
      font-size: 15px;
    }
  .f_18 {
      font-size: 14px;
    }
  .f_20 {
      font-size: 16px;
    }
  .f_22 {
      font-size: 18px;
    }
  .f_24 {
      font-size: 18px;
    }
  .f_26 {
      font-size: 22px;
    }
  .f_28 {
      font-size: 22px;
    }
  .f_29 {
      font-size: 23px;
    }
  .f_30 {
      font-size: 24px;
    }
  .f_32 {
      font-size: 24px;
    }
  .f_34 {
      font-size: 26px;
    }
  .f_36 {
      font-size: 28px;
    }
  .f_38 {
      font-size: 28px;
    }
  .f_40 {
      font-size: 30px;
    }
  .f_42,
  .f_44 {
      font-size: 32px;
    }
  .f_46 {
      font-size: 32px;
    }
  .f_48 {
      font-size: 34px;
    }
  .f_50 {
      font-size: 36px;
    }
  .f_52 {
      font-size: 34px;
    }
  .f_54 {
      font-size: 38px;
    }
  .f_56 {
      font-size: 40px;
    }
  .f_58 {
      font-size: 40px;
    }
  .f_60,
  .f_62,
  .f_64,
  .f_66,
  .f_68,
  .f_70,
  .f_72,
  .f_74,
  .f_76,
  .f_78,
  .f_80 {
      font-size: 44px;
    }
}
@media (max-width: 1280px) {
  .f_14 {
    font-size: 12px;
  }
  .f_16 {
    font-size: 13px;
  }
.f_18 {
    font-size: 14px;
  }
.f_20 {
    font-size: 15px;
  }
.f_22 {
    font-size: 16px;
  }
.f_24 {
    font-size: 16px;
  }
.f_26 {
    font-size: 20px;
  }
.f_28 {
    font-size: 20px;
  }
.f_29 {
    font-size: 20px;
  }
.f_30 {
    font-size: 20px;
  }
.f_32 {
    font-size: 22px;
  }
.f_34 {
    font-size: 23px;
  }
.f_36 {
    font-size: 25px;
  }
.f_38 {
    font-size: 26px;
  }
.f_40 {
    font-size: 30px;
  }
.f_42,
.f_44 {
    font-size: 32px;
  }
.f_46 {
    font-size: 30px;
  }
.f_48,
.f_50 {
    font-size: 34px;
  }
.f_52{
  font-size: 32px;
}
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_66,
.f_68,
.f_70,
.f_72,
.f_74,
.f_76,
.f_78,
.f_80 {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
.f_14,
.f_16 {
    font-size: 0.28rem;
  }
.f_18,
.f_20 {
    font-size: 0.3rem;
  }
.f_22,
.f_24,
.f_26,
.f_27 {
    font-size: 0.32rem;
  }
.f_28 {
    font-size: 0.36rem;
  }
.f_29 {
    font-size: 0.36rem;
  }
.f_30,
.f_32,
.f_34 {
    font-size: 0.4rem;
  }
.f_36,
.f_38,
.f_40,
.f_42,
.f_44,
.f_46 {
    font-size: 0.46rem;
  }
.f_48,
.f_50,
.f_52,
.f_54,
.f_56,
.f_58,
.f_60,
.f_62,
.f_64,
.f_68,
.f_70,
.f_72,
.f_74,
.f_76,
.f_78,
.f_80 {
    font-size: 0.58rem;
}
}

html {
  font-size: calc(100vw/19.2);
}

@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }

  .zz_tanchuang .tbox .modal{width: 90%;}

  .zz_tanchuang .tbox .modal .out{width: 30px;right: 0;}
}