/**++********************************************
***+++data:2023.03.20++**************************
***+++athor:cdzhyq*******************************
*************************************************/
@charset "utf-8";
/*rest css*/
html{width:100%;min-height:100%;outline:0;font-size:20px;-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;font: 14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,'PingFang H',sans-serif;}
body{background-color:#fff;color:#252626;}
ol,ul{list-style:none;}
img{border:none;vertical-align:middle;}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#252626;-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;;}
a:hover{color:#FF0000}
.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;}
body{min-width:320px;font-size:14px;}
em,i{font-style:normal;}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}   
.table{display:table;width:100%;height:100%;}
.cell{display:table-cell;width:100%;height:100%;vertical-align:middle;}   
.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;}
.posi {position:relative;}
.blockbox{width: 95%;margin:0 auto;max-width: 1380px;}
.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;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap: wrap;align-content: flex-start;}
.flex-end{display: flex;justify-content: flex-end;align-items: center;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
/* flex垂直排列 */
.flex-col {display: flex;flex-direction: column;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
/* flex全居中 */
.flex-center {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: center;}
/* flex竖向全居中 */
.flex-center-col {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中 */
.flex-center-y {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;}
/* flex水平居中 */
.flex-center-x {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;justify-content: center;}
/* flex左右靠边、上下居中 */
.flex-between {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center;justify-content: space-between;}
/* flex左右靠边、向上对其 */
.flex-between-top {display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;justify-content: space-between; align-items: flex-start;}
/* flex左右靠边、向下对其 */
.flex-between-bottom {display: flex;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;align-items: flex-end;justify-content: space-between;}
/* flex向左向上对其 */
.flex-left-top{display: flex;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;align-items: flex-start; justify-content: flex-start;}
/* 水平均匀分布 */
.flex-around{display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;justify-content: space-around;align-items: center;}
/*水平居左-垂直居中*/
.flex-left{ display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;align-items: center; text-align: left;}
/*水平居右-垂直居中*/
.flex-right{ display: flex;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox; 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-box;display: -webkit-flex;display: -ms-flexbox;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;}
.iswindow{ display: block;}
.ismobile{ display: none;}
.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
a{text-decoration:none;border:none;outline:none;cursor:pointer;color:#333}
a:hover{-webkit-transition:all .2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}
.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
/*重置页面滚动条*/
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#EEEEEE;}
::-webkit-scrollbar-thumb{background-color:#D6D6D6;}
::-webkit-scrollbar-thumb:hover {background-color:#ccc}
::-webkit-scrollbar-thumb:active {background-color:#ccc}

/* 子元素超过父元素宽度可横向滚动 */
.full-x{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: 100%;}
/* 隐藏滚动条 */
.full-x::-webkit-scrollbar {display:none}
/*超过隐藏为*/
.oe{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.oe2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.oe3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/****************页面公共样式*************************/
/*图片变大*/.tra {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 filter:scale(1);
 filter:transform;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.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 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
/**呼吸效果**/
@keyframes huxi{
    0%{transform: translateY(3px);}
    100%{transform: translateY(-3px);}
}
/*旋转效果***/
@keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}

@-moz-keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}
@-webkit-keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}
@-o-keyframes turn{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}

@keyframes mylast {
    from {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
    to {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
}

@-moz-keyframes mylast {
    from {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
    to {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
}

@-webkit-keyframes mylast {
    from {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
    to {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
}

@-o-keyframes mylast {
    from {
        transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -moz-transform: rotate(360deg)
    }
    to {
        transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        -moz-transform: rotate(0)
    }
}

/**字体跳动**/
.f-tel span i{letter-spacing:2px;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);
  }
}

/*page分页*/
.pages{ text-align:center; padding:10px 0;width:100%;margin:60px auto 0 auto;}
.pages a,.pages span{ display:inline-block; padding:8px 15px; margin:0 6px; font-size:16px;border-radius: 3px;}
.pages a{ border:1px solid #ddd;}
.pages span,.pages a:hover{ border:1px solid #E50B1E!important; background:#E50B1E!important; color:#fff;}
.pages .pagination{display: flex;justify-content: center;}


/*》》》》》》》》》》返回顶部《《《《《《《《《《*/
#back_top{position:fixed;right:4vw;bottom:6vw;transform:translateY(100%);-webkit-transform:translateY(100%);z-index:888;transition:all .6s;}
#back_top.onshow{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;}
#back_top .master_backTop .master_aperture{background: linear-gradient(to bottom, #A6080E, #FF0000);position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;
opacity:0;-webkit-opacity:0;z-index:-1;}
#back_top .master_backTop .master_backTop_btn{color:#fff;width:48px;height:48px;border-radius:50%;-webkit-border-radius:50%;
align-items:center;justify-content:center;z-index:2;background: linear-gradient(to bottom,#A6080E, #FF0000);position: relative;}
#back_top .master_backTop .master_backTop_btn .master_backTop_txt>img{display: block;}
#back_top .master_backTop .master_aperture.circle01{animation:scalej01 2s .5s infinite;-webkit-animation:scalej01 2s .5s infinite;}
@keyframes scalej01{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej01{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
#back_top .master_backTop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;}
@keyframes scalej02{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej02{
    0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  

.bubble{width:100%;height:100%;position:absolute;left:0;top:0;} 
.bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; 
transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%;background: linear-gradient(to bottom, #A6080E, #FF0000);
bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;}
.bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;}
.bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite;
-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite;
-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite;}
.bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite;}
 @keyframes pao{
    0% {
        transform: translate(200%,-30px) rotate(360deg) scale(.5,.5);
        -webkit-transform: translate(200%,-30px) rotate(360deg) scale(.5,.5);
        opacity:1;-webkit-opacity:1;
    }
 
    50% {
        transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
        -webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
        opacity:.5;-webkit-opacity:.5;
    }
 
    100% {
        transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
        -webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
        opacity:0;-webkit-opacity:0;
    
    }
 }
 @keyframes pao2 {
    0% {
        transform:translate(-200%,0px) rotate(360deg) scale(1,1);
        -webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1);
        opacity:1;-webkit-opacity:1;
    }
 
    50% {
        transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
        -webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
        opacity:.5;-webkit-opacity:.5;
    }
 
    100% {
        transform: translate(100%,-100px) rotate(360deg) scale(.5,.5);
        -webkit-transform: translate(100%,-100px) rotate(360deg) scale(.5,.5);
        opacity:0;-webkit-opacity:0;
    
    }
 }
 @keyframes pao3 {
    0% {
        transform: translate(0%,0px) rotate(360deg) scale(1,1);
        -webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1);
        opacity:1;-webkit-opacity:1;
    }
 
    50% {
        transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8);
        -webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8);
        opacity:.5;-webkit-opacity:.5;
    }
 
    100% {
        transform: translate(-300%,-100px) rotate(360deg) scale(.5,.5);
        -webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.5,.5);
        opacity:0;-webkit-opacity:0;
    
    }
 }
@keyframes pao4 {
    0% {
        transform: translate(400%,0px) rotate(360deg) scale(1,1);
        -webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1);
        opacity:1;-webkit-opacity:1;
    }

    50% {
        transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
        -webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
        opacity:.5;-webkit-opacity:.5;
    }

    100% {
        transform: translate(-100%,-100px) rotate(360deg) scale(.5,.5);
        -webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.5,.5);
        opacity:0;-webkit-opacity:0;
    }
}
@keyframes pao5 {
    0% {
        transform: translate(-400%,0px) rotate(360deg) scale(.1,.1);
        -webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1);
        opacity:1;-webkit-opacity:1;
    }

    50% {
        transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
        -webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
        opacity:.5;-webkit-opacity:.5;
    }

    100% {
        transform: translate(0%,-100px) rotate(360deg) scale(1,1);
        -webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1);
        opacity:0;-webkit-opacity:0;
    }
}