*{margin:0; padding:0;}
*, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;}
html{}
body{margin:0;color:#333; position: relative;font-family:Helvetica Neue,PingFang SC,Open Sans,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif";font-size: 12px;word-break: break-word;background-color: #fff;transition: all .4s ease;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;line-height: 1.2}
a{text-decoration:none;text-shadow:none;font-weight:normal;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;color:#333;text-decoration:none;line-height: 1.5}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none;/*font-family:Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif";*/}
img{border:none; display: block;max-width: 100%;}
span{margin:0; padding:0;}
span:focus,div:focus {outline: none;}
i{font-style: normal;}
button{border:none;background-color: transparent;cursor: pointer;}
input{background-color: transparent;border:none;}
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.overF{overflow: hidden;}
.triangle{width: 0;height: 0;border-top: 8px solid var(--whiteColor);border-right: 6px solid transparent;border-left: 6px solid transparent;}
.rotate180 {transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: all .3s;}
.overH{overflow:auto}
.overH::-webkit-scrollbar{width:3px;height:0;}/*滚动条整体样式*/
.overH::-webkit-scrollbar-thumb{background:#bbc9d5; border-radius:4px}/*滚动条里面小方块*/
.overH::-webkit-scrollbar-track{background:rgba(255,255,255,0.2);}/*滚动条里面轨道*/
.ward{margin: 0 auto;}

audio::-webkit-media-controls-timeline,video::-webkit-media-controls-timeline {display: none;}
audio::-webkit-media-controls,video::-webkit-media-controls {display: none;}
.section { position: relative; overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.section .bg { position:relative; left: 0; top: 0; width: 100%; height: 100%;}
.section  video{ width:100%; height:100%; position: absolute;display: block;object-fit: fill;transform: translate(-50%,-50%);left:50%;top:50%;}

/*修改input默认颜色文字*/
input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #969696;  
}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #969696;  
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #969696;  
}

/*修改默认滚动条样式*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}

.ani1{opacity: 0;left: 100%;transition: all 1s ease;}
.ani1.active{opacity: 1;left: 50%}
.ani2{opacity: 0;transition: all 1s ease;}
.ani2.active{opacity: 1;}
.ani22{opacity: 0;transition: all 1s ease;transform: translateX(100%);}
.ani22.active{opacity: 1;transform: none;}
.ani222{transform: translate3d(0, 50px, 0);opacity: 0;transition: all 1s ease;}
.ani222.active{opacity: 1;transform: none;}
.ani3{transform: translate3d(0, 50px, 0);opacity: 0;transition: all 1s ease;}
.ani3.active{opacity: 1;transform: none;}
.ani4{transform: translate3d(0, 50px, 0);opacity: 0;transition: all .7s ease;}
.ani4.active{opacity: 1;transform: none;}
.ani5{opacity: 0;transition: all .7s ease;transform: scale(0);}
.ani5.active{opacity: 1;transform: scale(1);}
.ani55{transform: translate3d(0, 50px, 0);opacity: 0;transition: all .7s ease;}
.ani55.active{opacity: 1;transform: none;}
@media  screen and ( min-width:1680px){

}
@media screen and (max-width:1680px ) and ( min-width:1440px){

}
@media screen and (max-width:1440px ) and ( min-width:1280px){

}
@media screen and (max-width:1280px ) and ( min-width:960px){

}
@media screen and (max-width:960px ) and ( min-width:640px){

}
@media only screen and (max-width:640px){

}




.enlarge img{transition:all 0.3s;}
.enlarge:hover img{-ms-transform:scale(.95);-moz-transform:scale(.95);-webkit-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);}
.enlarge1 img{transition:all 0.3s;}
.enlarge1:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-5px);-webkit-transform:translate(0,-5px);-moz-transform:translate(0,-5px);-o-transform:translate(0,-5px);-ms-transform:translate(0,-5px);}
.i1cw-item2 {-webkit-animation-name: i1cw2;animation-name: i1cw2;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;-webkit-animation-duration: 5s;animation-duration: 5s;}

html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}
@media screen and (min-width:480px) and (max-width:539px) and (orientation:portrait){html {font-size:940%;}}
@media screen and (min-width:540px) and (max-width:639px) and (orientation:portrait){html {font-size:1040.75%;}}
/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/