html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
/* @font-face {
  font-family: "Truculenta28ptSemiExpanded";
   src: url("../font/Truculenta_28pt,SemiExpanded-Medium.ttf");    
  font-weight: normal;
  font-style: normal;
} */
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; }
img{border:0; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%;}
body{ font-family: "Truculenta28ptSemiExpanded";font-size:0px; color:#333333;-webkit-tap-highlight-color:rgba(255,255,255,0); width: 100%; overflow-x:hidden; background:#ffffff; }
pre{ font-family: "Truculenta28ptSemiExpanded"; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:0px;text-decoration:none;transition:ease .65s; color:#333333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none; font-family: "Truculenta28ptSemiExpanded";-webkit-appearance: none;border-radius: 0; font-size:0px; display:block; width:100%; border:none; background:none; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:0px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
input:focus {outline: 0;}
button:focus {outline: 0;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.alltime,.alltime *{-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);}
.flex{display: flex;flex-wrap: wrap;}
.container {margin: 0 auto;;max-width: 1500px; }
@media (max-width: 1580px) {
.container {width: 84%;}
}
@media (max-width: 1260px) {
.container {width: 90%;}
}
.info .tit{font-size:32px;font-weight: 500;color: #333333;line-height:26px; margin-bottom: ;}
.info .desc{font-size: 18px;font-weight: 400;color: #666666;line-height: 30px;}
@media screen and (max-width:980px){
.info .tit{ font-size: 18px; line-height: 24px;}
.info .desc{ font-size: 14px; line-height: 24px;}
}

/* 按钮 */
 
.public-btn5 {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 0.8rem;height: 0.8rem;border-radius: 50%;cursor: pointer;}
 .public-btn5::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;box-shadow: inset 0 0 0 0.47rem #37474f;transition: box-shadow 0.3s, transform 0.3s;}
 .public-btn5 img{position: relative;z-index: 5;width: 100px;height: 100px;}
 .public-btn5 img path{fill: #fff;}
 .public-btn5 .av{display: block;}
 .public-btn5 .hv{display: none;}
 .public-btn5:hover .av{display: none;}
 .public-btn5:hover .hv{display: block;}
 .public-btn5:hover:after {box-shadow: inset 0 0 0 2px #37474f;transform: scale(1.1);}
 .public-btn5::after {box-shadow: inset 0 0 0 0.47rem #23e87c;}
 .public-btn5:hover:after {box-shadow: inset 0 0 0 2px #23e87c;transform: scale(1.1);}
 .c-btn-box .c-btn-wrap {position: relative;z-index: 5;padding: 0 0.1rem;text-align: center;}
 .c-btn-box .c-btn-wrap p{font-size: 16px;margin-top:0.5%;}
 
@media (max-width: 767px) {
.ptb160 {padding-top: 1.2rem;padding-bottom: 1.2rem;}
.pt160 {padding-top: 1.2rem;}
.public-btn5{height: 40px;width: 40px;}
.public-btn5 img{width:40px;height: 40px;}
 .c-btn-box .c-btn-wrap p{font-size: 12px;margin-top:0.5%;}
}


/* 视频弹出 */
.z_tanchuang{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);-webkit-transform:scale(0);z-index:9999;}
.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: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}
.z_tanchuang .tbox .modal .out{position:absolute;width:40px;height:40px;line-height:40px;background:#fff url(../img/out.png) center no-repeat;background-size:20px;color:#000;font-size:30px;text-align:center;border-radius:50%;top:0;right:-50px;cursor:pointer}
.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;outline: none;}
.z_tanchuang .tbox .modal .img img{margin:0 auto}
.z_tanchuang .tbox .modal .out:hover{background:#fff url(../img/out2.png) 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:1200px}
.z_tanchuang.one{transform:scaleY(0.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scaleY(0.01) scaleX(0);-webkit-animation:unfoldIn 1s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-transform:scale(1);-webkit-animation:unfoldOut 1s .3s cubic-bezier(0.165,0.84,0.44,1) forwards}
.z_tanchuang.one.out .tbox .modal{animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards;-webkit-animation:zoomOut .5s cubic-bezier(0.165,0.84,0.44,1) forwards}
@keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}
@keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes zoomIn{
0%{transform:scale(0)}
100%{transform:scale(1)}
}
@-webkit-keyframes zoomOut{
0%{transform:scale(1)}
100%{transform:scale(0)}
}
@-webkit-keyframes unfoldOut{
0%{transform:scaleY(1) scaleX(1)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(0.005) scaleX(0)}
}
@-webkit-keyframes unfoldIn{
0%{transform:scaleY(0.005) scaleX(0)}
50%{transform:scaleY(0.005) scaleX(1)}
100%{transform:scaleY(1) scaleX(1)}
}