/**++********************************************
***+++data:2024.05.4++**************************
***+++athor:oupan******************************
*************************************************/
@charset "utf-8";
/*rest css*/
html{width:100%;min-height:100%;outline:0;font-size:20px;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
body,dd,div,dl,figure,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,textarea,ul{margin:0;padding:0;}
body{background-color:#f6f6f6;color:#333;font:12px/1.5 "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;font-family: "PingFangSC Regular";}
ol li,ul li,i{list-style:none;}
img{border:none;vertical-align:middle;}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333;}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\200B';}
.clearfix{zoom:1;}
html{min-width:320px; margin:0 auto; position:relative;overflow-x:hidden;}
body{min-width:320px;font-size:14px;overflow-x:hidden;}
em,i{font-style:normal;}
.l{float:left;}
.r{float:right;}
*{box-sizing: border-box;}
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}     
.tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.tra:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);filter:scale(1.15);filter:transform;transition:all .5s ease 0s;-webkit-transform:all .5s ease 0s}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.contanier{width: 95%;margin: 0 auto;max-width: 1680px;}
.animat{-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.animat_s{-webkit-transition:all 0.2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}
/*tablecell*/
.table{display: table;width:100%;height: 100%;margin: 0 auto;}
.cell{display: table-cell;vertical-align: middle;}
/*flex布局***/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex-wrap{display: flex;flex-wrap: wrap;align-content: flex-start;}
.flex-end{display: flex;justify-content: flex-end;align-items: center;}
/* flex垂直排列 */
.flex-col {display: flex;flex-direction: column;}
/* flex全居中 */
.flex-center {display: flex;align-items: center;justify-content: center;}
/* flex竖向全居中 */
.flex-center-col {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中 */
.flex-center-y {display: flex;align-items: center;}
/* flex水平居中 */
.flex-center-x {display: flex;justify-content: center;}
/* flex左右靠边、上下居中 */
.flex-between {display: flex;align-items: center;justify-content: space-between;}
/* flex左右靠边、向上对其 */
.flex-between-top {display: flex;justify-content: space-between; align-items: flex-start;}
/* flex左右靠边、向下对其 */
.flex-between-bottom {display: flex;align-items: flex-end;justify-content: space-between;}
/* flex向左向上对其 */
.flex-left-top{display: flex;align-items: flex-start; justify-content: flex-start;}
/* 水平均匀分布 */
.flex-around{display: flex;justify-content: space-around;align-items: center;}
/*水平居左-垂直居中*/
.flex-left{ display: flex;align-items: center; text-align: left;}
/*水平居右-垂直居中*/
.flex-right{ display: flex; align-items: center; text-align: right;justify-content: flex-end;}
/*切换元素位置*/
.flex-flow{ flex-flow: row-reverse;}
/*垂直均匀分布 */
.flex-column{display: flex;flex-direction: column;justify-content: space-between;}
.flex-ul{display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
/**图片自适应**/
.img-cover {width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
.pc-wp{padding:0 .35rem;}
/**字体跳动**/
.f-tel span i{font-weight: 700;display:inline-block;vertical-align:bottom;-webkit-animation-name:fontSizeUp1;animation-name:fontSizeUp1;-webkit-animation-duration:5.5s;animation-duration:5.5s;-webkit-animation-timing-function:steps(1,end);animation-timing-function:steps(1,end);-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transform-origin:50% 75%;transform-origin:50% 75%}
.f-tel span i:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}
.f-tel span i:nth-of-type(2){-webkit-animation-delay:.5s;animation-delay:.5s}
.f-tel span i:nth-of-type(3){-webkit-animation-delay:1s;animation-delay:1s}
.f-tel span i:nth-of-type(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}
.f-tel span i:nth-of-type(5){-webkit-animation-delay:2s;animation-delay:2s}
.f-tel span i:nth-of-type(6){-webkit-animation-delay:2.5s;animation-delay:2.5s}
.f-tel span i:nth-of-type(7){-webkit-animation-delay:3s;animation-delay:3s}
.f-tel span i:nth-of-type(8){-webkit-animation-delay:3.5s;animation-delay:3.5s}
.f-tel span i:nth-of-type(9){-webkit-animation-delay:4s;animation-delay:4s}
.f-tel span i:nth-of-type(10){-webkit-animation-delay:4.5s;animation-delay:4.5s}
.f-tel span i:nth-of-type(11){-webkit-animation-delay:5s;animation-delay:5s}
.f-tel span i:nth-of-type(12){-webkit-animation-delay:5.5s;animation-delay:5.5s}
.f-tel span i:nth-of-type(13){-webkit-animation-delay:6.5s;animation-delay:6.5s}

@-webkit-keyframes fontSizeUp1 {
  0% {
    -webkit-transform: scale(1.3) translateY(2%);
     transform: scale(1.3) translateY(2%);
  }
  7%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fontSizeUp1 {
  0% {
    -webkit-transform: scale(1.3) translateY(2%);
    transform: scale(1.3) translateY(2%);
  }
  7%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/**右边客服*/
.rightfixed{top:50%;right:0;position:fixed;z-index:999}
.rightfixed a{display:block;width:75px;height:80px;border:1px solid #E60B1E;border-bottom:1px solid #e81729;background:#E60B1E;box-sizing:border-box;position:relative}
.rightfixed a .mask{transition-duration:.3s;width:225px;height:80px;position:absolute;top:0;right:-228px;border:1px solid #E60B1E;z-index:2;background:#fff}
.rightfixed a .mask .wordsBox h2{font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:24px;color:#E60B1E;opacity:1;margin-top:10px;margin-left:20px}
.rightfixed a .mask .wordsBox p{display:block;width:100px;height:30px;text-align:center;line-height:30px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#E60B1E;border:1px solid #E60B1E;margin-top:5px;margin-left:25px}
.rightfixed a .mask img{display:block;position:absolute;right:23px;top:25px}
.rightfixed a:hover .mask,.rightfixed a:hover .mask2,.rightfixed a:hover .mask3{right:0}
.rightfixed a .mask2{width:185px;height:80px;position:absolute;border:1px solid #E60B1E;top:0;right:-186px;background:#fff;transition-duration:.3s}
.rightfixed a .mask2 .wordsBox{width:120px;margin-top:15px}
.rightfixed a .mask2 .wordsBox p{text-align:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#E60B1E}
.rightfixed a .mask2 img{display:block;position:absolute;right:24px;top:25px}
.rightfixed a .mask3{width:195px;height:140px;position:absolute;top:50%;transform:translateY(-50%);right:-196px;transition-duration:.3s}
.rightfixed a .mask3 .wordsBox{width:120px;height:140px;float:left;background:#fff}
.rightfixed a .mask3 .wordsBox img{width:80px;height:80px;margin:0 auto;display:block;margin-top:20px}
.rightfixed a .mask3 .wordsBox h2{text-align:center;margin-top:10px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#E60B1E}
.rightfixed a .mask3 .imgBox{width:75px;height:80px;background:#fff;position:relative;float:left;margin-top:30px}
.rightfixed a .mask3 .imgBox img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.rightfixed a:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}
.rightfixed a:nth-of-type(2){border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.rightfixed a:last-of-type{margin-top:10px;border-radius:5px;height:60px;border:none;border:1px solid #E60B1E}
.rightfixed a>.imgBox{width:100%;height:50px;position:relative}
.rightfixed a>.imgBox img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.rightfixed a>p{text-align:center;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:#fff}
.rightfixed a.gotop {display: none;}
.rightfixed a.gotop .imgBox{width:100%;height:100%;position:relative}
.rightfixed a .imgBox img:nth-of-type(2){display:none}
.rightfixed a:hover{background:#fff}
.rightfixed a:hover>.imgBox img{display:none}
.rightfixed a:hover>.imgBox img:nth-of-type(2){display:block}
.rightfixed a:hover>p{color:#E60B1E}
.rightfixed a.gotop.onshow{display: block!important;}
/****************页面公共样式*************************/