@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); }
}
