/**++********************************************
***+++data:2025.03.20++**************************
*************************************************/
@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:#F5F5F5;color:#333;font:12px/1.5 "Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",arial,helvetica,sans-serif;font-family: "PingFangSC Regular";overflow-x:hidden;}
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;}    
*:focus{outline: none;}
textarea{resize:none;}
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none; padding:0;}
input::-ms-clear{display:none;}
a:focus, *:focus{noFocusLine: expression(this.onFocus=this.blur());}
.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;}
ul li{list-style: none}
.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;}
.blockbox{max-width: 1580px;margin:0 auto;}

/**鼠标移入效果*/
.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;cursor:pointer;}
.anitop:hover{-webkit-transform: translate3d(0, -1%, 0);transform: translate3d(0, -1%, 0);cursor: pointer;}
.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}
/*》》》》》》》》》》返回顶部《《《《《《《《《《*/
#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, #2E7D81, #4C8A9F);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,#2E7D81, #4C8A9F);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, #2E7D81, #4C8A9F);
    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;
    }
}