@media screen and (max-width: 1366px){
  #c_nav_main-15784672119421091,#w_common_text-1578291447717{
 display:none;
  }
  #w_rbox-1578291623017{
transform:scale(0.7);
  left: -262px !important;
    top: 50%;
    margin-top: -38%;
}
#c_public_htmlCode-15783081122662680 {
    transform: scale(1);
    left: 915px !important;
}
  .h2box a {
    padding-top: 16% !important;
}
  #w_img-1578292268551{
  transform:scale(0.8);
    top: 89px !important;
  }
  #w_rbox-1578292121579{
  transform:scale(1);
  }
  #w_rbox-1578292121579{
  top: 180px !important;
  }
  #w_img-1578292427688{
  top: 0px !important;
  }
  #w_rbox-1581407012962{
  left: -25px !important;
    transform: scale(0.8);
    top: -152px !important;
  }
#w_common_text-1581411141442 {
    top: 165px;
    left: 261px !important;
    transform: scale(0.8);
  }
  #w_common_text-1581411206910 {
    top: 190px;
    left: 261px !important;
    transform: scale(0.8);
  }
  #c_public_htmlCode-15814073988874285 {
    top: 187px !important;
    left: 230px !important;;
    transform: scale(0.75);}
  #w_rbox-1578303662630 {
    top: -197px !important;
    left: -155px !important;
    transform: scale(0.7);
  }
#c_public_htmlCode-15783090763360166 {
    top: -90.5px !important;
    left: 395px !important;
  transform: scale(0.75);} 
  .h4box {
    width: 100%;
    height: 1015px !important
}
  #w_img-1578303794267 {
    top: 122px !important;
    left: 80px !important;
    transform: scale(0.75);
  }
  #c_news_list-15783038205363154 {
    top: 236.5px !important;
    left: 45px !important;
    transform: scale(0.9);}
#w_rbox-1578305189631 {
    top: -97px !important;
    left: -110px !important;
    transform: scale(0.8);
}
#c_public_htmlCode-15783064993389431 {
    position: absolute;
    top: -93px !important;
    left: 796px !important;
    transform: scale(0.77);
}
  #c_public_htmlCode-15783056447915754 {
    top: 501px !important;
    left: -111px !important;
    transform: scale(0.9);
  }
  #c_public_htmlCode-15783056447915754 {
    top: 521px !important;
    left: -111px !important;
    transform: scale(0.8);}
  
  #w_rbox-1578305260797 {
    position: absolute;
    top: 513px !important;
    z-index: 5 !important;
    width: 544px !important;
    left: 846px !important;
    transform: scale(0.9);
    height: 228px;
}
  #w_img-1578305280773 {
    left: 137px !important;
}
  #w_img-1578290451428 {
    top: 190px !important;
  }
  #w_img-1578290436854 {
    top: 320px !important;
  }
  #w_img-1578290466277 {
    top: 432px !important;
  }
  
  
}





/*loading*/
.loading {
    width: 100%;
    height: 100%;
background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);
    opacity: 1;
    position: fixed;
}

.loading > div {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
}


.loading > div > div {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #fff;
  top: 10px;
  left: 10px;
  transform-origin: 20px 20px;
  border-radius: 8px;
  animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

.loading > div > .c2 {
  top: 10px;
  left: auto;
  right: 10px;
  transform-origin: -4px 20px;
  animation: spin-b 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading > div > .c3 {
  top: auto;
  left: auto;
  right: 10px;
  bottom: 10px;
  transform-origin: -4px -4px;
  animation: spin-c 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
.loading > div > .c4 {
  top: auto;
  bottom: 10px;
  transform-origin: 20px -4px;
  animation: spin-d 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
}

@keyframes spin-a {
  0%   { transform: rotate(90deg); }
  0%  { transform: rotate(90deg); }
  50%  { transform: rotate(180deg); }
  75%  { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin-b {
  0%   { transform: rotate(90deg); }
  25%  { transform: rotate(90deg); }
  25%  { transform: rotate(180deg); }
  75%  { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin-c {
  0%   { transform: rotate(90deg); }
  25%  { transform: rotate(90deg); }
  50%  { transform: rotate(180deg); }
  50%  { transform: rotate(270deg); }
  100% { transform: rotate(360deg); }
}
@keyframes spin-d {
  0%   { transform: rotate(90deg); }
  25%  { transform: rotate(90deg); }
  50%  { transform: rotate(180deg); }
  75%  { transform: rotate(270deg); }
  75% { transform: rotate(360deg); }
  100% { transform: rotate(360deg); }
}
.loading > span {
  width: 100px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: 30px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}



/*模式*/
#w_img-1578292427688{
animation: Ytopdown2 5s linear 1s infinite normal;
    -moz-animation: Ytopdown2 5s linear 1s infinite normal;
    -o-animation: Ytopdown2 5s linear 1s infinite normal;
    -webkit-animation: Ytopdown2 5s linear 1s infinite normal;
}
#w_img-1578292446934{
animation: Ytopdown2 4s linear 1s infinite normal;
    -moz-animation: Ytopdown2 4s linear 1s infinite normal;
    -o-animation: Ytopdown2 4s linear 1s infinite normal;
    -webkit-animation: Ytopdown2 4s linear 1s infinite normal;
}
#w_img-1578292314270{
animation: fdsx 3s linear 0s infinite normal;
    -moz-animation: fdsx 3s linear 0s infinite normal;
    -o-animation: fdsx 3s linear 0s infinite normal;
    -webkit-animation: fdsx 3s linear 0s infinite normal;
}
#w_img-1578292343008{
animation: fdsx 2.5s linear 0s infinite normal;
    -moz-animation: fdsx 2.5s linear 0s infinite normal;
    -o-animation: fdsx 2.5s linear 0s infinite normal;
    -webkit-animation: fdsx 2.5s linear 0s infinite normal;
}
#w_img-1578292315431{
animation: fdsx 3.5s linear 0s infinite normal;
    -moz-animation: fdsx 3.5s linear 0s infinite normal;
    -o-animation: fdsx 3.5s linear 0s infinite normal;
    -webkit-animation: fdsx 3.4s linear 0s infinite normal;
}
#w_img-1578292315199{
animation: fdsx 4s linear 0s infinite normal;
    -moz-animation: fdsx 4s linear 0s infinite normal;
    -o-animation: fdsx 4s linear 0s infinite normal;
    -webkit-animation: fdsx 4s linear 0s infinite normal;
}
#w_img-1578292297168{
animation: fdsx 4.5s linear 0s infinite normal;
    -moz-animation: fdsx 4.5s linear 0s infinite normal;
    -o-animation: fdsx 4.5s linear 0s infinite normal;
    -webkit-animation: fdsx 4.5s linear 0s infinite normal;
}
@keyframes fdsx{
    0%{ transform:scale(1) }
	50%{ transform:scale(0.9) }
	100%{ transform:scale(1) }
}
@-moz-keyframes fdsx{
    0%{ transform:scale(1) }
	50%{ transform:scale(0.9) }
	100%{ transform:scale(1) }
}
@-o-keyframes fdsx{
    0%{ transform:scale(1) }
	50%{ transform:scale(0.9) }
	100%{ transform:scale(1) }
}
@-webkit-keyframes fdsx{
    0%{ transform:scale(1) }
	50%{ transform:scale(0.9) }
	100%{ transform:scale(1) }
}
@keyframes Ytopdown2{
    0%{ transform:translateY(0); }
	50%{ transform:translateY(-20px); }
	100%{ transform:translateY(0); }
}
@-moz-keyframes Ytopdown2{
    0%{ transform:translateY(0); }
	50%{ transform:translateY(-20px); }
	100%{ transform:translateY(0); }
}
@-o-keyframes Ytopdown2{
    0%{ transform:translateY(0); }
	50%{ transform:translateY(-20px); }
	100%{ transform:translateY(0); }
}
@-webkit-keyframes Ytopdown2{
    0%{ transform:translateY(0); }
	50%{ transform:translateY(-20px); }
	100%{ transform:translateY(0); }
}