@media (min-width: 1024px){ .headerwork-center li:hover a, .headerwork-center li.on a{ color: #e7161a; transition:all 0.3s; } #swiper2 .swiper-button-next:hover{ background: url(../img/img_13.png) no-repeat right center; right: 2px; transition:all 0.3s; } #swiper2 .swiper-button-prev:hover{ background: url(../img/img_14.png) no-repeat right center; left: 0; transition:all 0.3s; } .wel-two-text:hover img{ transform:scale(1.2); transition:transform 0.8s; } .wel-three-first:hover img{ transform:scale(1.2); transition:transform 0.8s; } .wel-bt-center:hover img{ transform:scale(1.2); transition:transform 0.8s; } #swiper1 .swiper-button-prev:hover{ background: url(../img/img_29.png) no-repeat -20px bottom; transition:all 0.3s; } #swiper1 .swiper-button-next:hover{ background: url(../img/img_30.png) no-repeat 20px bottom; transition:all 0.3s; } } /*animate*/ .about-top-bg img{ top: 422px; left: -700px; } .about-center-bg .center-imng-one{ position: relative; bottom:-100%; left: -100%; } .about-center-bg .center-bg{ bottom: -112px; left: -165px; } .about-banner-poa li{ opacity: 0; filter: alpha(opacity=0); } .about-top.on{ top: 100px; opacity: 0; filter: alpha(opacity=0); position: relative; } .mat67 li{ opacity: 0; filter: alpha(opacity=0); position: relative; right: -100px; } .mat67 li:first-child{ opacity: 0; filter: alpha(opacity=0); position: relative; left: -100px; right: auto; } .about-one img{ position: relative; top: 100px; opacity: 0; filter: alpha(opacity=0); } .about-two li{ position: relative; top: 100px; opacity: 0; filter: alpha(opacity=0); } .about-three li{ opacity: 0; filter: alpha(opacity=0); } .honor-top{ position: relative; top: 100px; opacity: 0; filter: alpha(opacity=0); } .honor li{ position: relative; top: 100px; opacity: 0; filter: alpha(opacity=0); } .honor-poa-bg-one .honnor-img-three{ top: 200px; left: 200px; opacity: 0; filter: alpha(opacity=0); } .honor-poa-bg-one .honnor-img-one{ right: -200px; opacity: 0; filter: alpha(opacity=0); } .honor-poa-bg-one .honnor-img-two{ left: -300px; opacity: 0; filter: alpha(opacity=0); } .course li{ position: relative; top: 100px; opacity: 0; filter: alpha(opacity=0); } .course-poa-bg .course-img-poa{ left: -300px; opacity: 0; filter: alpha(opacity=0); } .course-poa-bg .course-img-poa-two{ position: relative; top: 300px; left: 300px; opacity: 0; filter: alpha(opacity=0); } .event-poa-bg img{ bottom: -300px; left: -800px; opacity: 0; filter: alpha(opacity=0); } .events li{ position: relative; top: 100px; opacity: 0; filter: alpha(opacity=0); } .send-poa-bg img{ right:-500px; opacity: 0; filter: alpha(opacity=0); } .about-q,.about-w,.about-e,.cult-four{ position: relative; top: 100px; opacity: 0; filter: alpha(opacity=0); } .cult-bg-two{ opacity: 0; filter: alpha(opacity=0); right: -200px; } .cult-bg-three{ position: relative; top: 200px; opacity: 0; filter: alpha(opacity=0); } .cult-bg-one{ opacity: 0; filter: alpha(opacity=0); left: -300px; } .bg-one-top{ top: 100px; opacity: 0; filter: alpha(opacity=0); position: relative; } .wel-bg-one .bg-one-left{ left: -400px; opacity: 0; filter: alpha(opacity=0); } .wel-bg-one .bg-one-right{ right:-400px; opacity: 0; filter: alpha(opacity=0); } .wel-one-nav,.wel-one-ce,.wel-one-work-bottom,#swiper2,.wel-two-text,.SubTitle ul ,.wel-three-second,.wel-bt-center,.pro-three-por,.pro-two,.pro-three,.weft-nav,.weft li,.bus-one li,.bus-two,.bus-three li,.invest-one li,.invest-two li,.tourism-onesa,.tourism-two-bottom,.tourism-three li,.party-one,.party-two,.party-four li,.party-five,.affair-nav,.affair-one,.affair-work li,.affair-work,.grass li,.demeanour li,.organ-nav,.organ-one,.organ-two,.woc li{ position: relative; top: 200px; opacity: 0; filter: alpha(opacity=0); } .wel-one-work-left,.wel-three-first,.wel-bt-left,.two-bg-two,.invest-one-bott,.tourism-two-left,.party-one-tp,.aff-bg-por{ position: relative; left:-400px; opacity: 0; filter: alpha(opacity=0); } .wel-one-work-right,.wel-bt-right,.tourism-two-top{ position: relative; right: -400px; opacity: 0; filter: alpha(opacity=0); } .pro-bg-one,.invest-one-top,.party-bg-one .party-one-bt,.affsir-bg-one .aff-bg-poa{ left: -400px; opacity: 0; filter: alpha(opacity=0); } .pro-three-poa{ right: -400px; opacity: 0; filter: alpha(opacity=0); } .weft-bg-one,.weft-bg-two{ left: -1920px; opacity: 0; filter: alpha(opacity=0); } .invest-bg-two{ left: -1920px; opacity: 0; filter: alpha(opacity=0); } .tourism-two i{ top: 100px; opacity: 0; filter: alpha(opacity=0); } .party-three li{ opacity: 0; filter: alpha(opacity=0); }