@charset "utf-8";
/* CSS Document */
html,body,ul,p,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd,input,span{margin:0;padding:0;font:100px/21px "Arial",sans-serif;font-size:16px;}
body,h1,h2,h3,h4,h5,p,ul,dl,dd,dt,input,div{margin:0;padding:0;font-weight:normal}
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{max-width:100%;}
input[type="button"], input[type="submit"], input[type="reset"] ,input[type="text"]{-webkit-appearance: none;}
textarea {  -webkit-appearance: none; resize : none;}
ul,li{list-style:none}
b,u{font-weight: 100;font-family: inherit;text-decoration: none;}
img{border:0;display:block}
*:focus {outline: none;}
a {
  text-decoration: none;
  color: #333;
}
span{display:block;}
ul li {
  list-style: none;
}
input{outline: none;border: none;}
button{border: none;outline: none;cursor: pointer;}
img{display:block;}
.show {
  display: block;
}
.hide {
  display: none;
}
.invisible {
  visibility: hidden;
}
.img{width:100%;height:100%; position:relative;overflow:hidden;}
.img::before{content: "";width: 50%;height: 100%;background:linear-gradient(to right, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 100%);
transform: skewX(-25deg);opacity: .25;pointer-events: none;position: absolute;top: 0;left: -110%;display: block;z-index: 3;}
.img:hover::before{animation:gx .8s;}
@keyframes gx {
    100% {
        left: 125%
    }
}

.fl{float: left}
.fr{float: right}
.db{display: block}
.dib{display: inline-block}
.tc{text-align: center}
.tl{text-align: left}
.tr{text-align: right}
.corw{color: #fff}
.w1200{width: 1200px;margin: 0 auto}
.w1600{width: 1600px;margin: 0 auto}
.w1920{width: 1900px;margin: 0 auto;overflow: hidden}
.posr{position: relative}
.posa{position: absolute}
.posf{position: fixed}
.clearfix {zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after {content: "";display: table; clear: both;}
.ds{display:flex;}
table{ margin: 0 auto !important; }
table tr{ width: min-content;word-break: break-word;}
table td p,table td span{ font-family: "微软雅黑" !important;font-size: 16px !important;}
strong p,strong span{ font-weight: bold }
.copyright{display: inline;position: relative;padding-left: 30px}
.copyright img{position: absolute;left: 0;top: 0;width: 20px;height: 20px}
@keyframes rotateImg{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}@keyframes rotateImg02{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
@keyframes shadowIcon{
  0%{box-shadow: 0 0 0rem 0rem #ffffff;}
  100%{box-shadow: 0 0 0.2rem 0.2rem rgba(255, 255, 255, 0.4);
  }
}
.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
  0%{transform:scale(1.1,1.1) translate(4.545%,4.545%); }
  100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}
@keyframes leftUp{
  0%{transform:scale(1.1,1.1) translate(4.545%,4.545%);}
  100%{transform:scale(1.1,1.1)  translate(-4.545%,-4.545%);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
  0%{transform:scale(1.1,1.1) translate(-4.545%,0); }
  100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}
@keyframes moveRight{
  0%{transform:scale(1.1,1.1) translate(-4.545%,0);}
  100%{transform:scale(1.1,1.1)  translate(4.545%,0);}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
  0%{transform:scale(1.1,1.1) translate(0,-4.545%); }
  100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}
@keyframes moveDown{
  0%{transform:scale(1.1,1.1) translate(0,-4.545%);}
  100%{transform:scale(1.1,1.1)  translate(0,4.545%);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
  100%{transform:scale(1.1,1.1);}}
@keyframes centerBig{
  100%{transform:scale(1.1,1.1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
  100%{transform:scale(1.1,1.1) translate(4%,4%);}}
@keyframes rightDownBig{
  100%{transform:scale(1.1,1.1) translate(4%,4%);}}
  
  
@keyframes jumpImg{
	0% {transform: translateY(0);}
	50% {transform: translateY(-10px) }
	100% {transform: translateY(0);}

}
@keyframes jumpImg2{
	0% {transform: translateY(0) rotate(90deg);}
	50% {transform: translateY(-10px) rotate(90deg)}
	100% {transform: translateY(0) rotate(90deg);}
}
@keyframes jumpImg3{
	0% {transform: translateY(0) rotate(-90deg);}
	50% {transform: translateY(-10px) rotate(-90deg)}
	100% {transform: translateY(0) rotate(-90deg);}
}
@keyframes closeBanner{
	from {height: 930px;}
	to {height: 460px;}
}

@keyframes scrollLeft{
    0%{left:0;}
    100%{left:-372px;}
}
@keyframes scrollLeftm{
    0%{left:0;}
    100%{left:-680vw;}
}
@keyframes scrollLeftm1{
    0%{left:0;}
    100%{left:-944vw;}
}