/* Background */ .rsMinW { position: relative } .rsMinW, .rsMinW .rsOverflow, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { background-color: #fff; color: #000 } /*************** * * 1. Arrows * ****************/ .rsMinW .rsArrow { height: 80px; width: 40px; position: absolute; top: 50%; margin-top: -40px; display: block; cursor: pointer; z-index: 21; } .rsMinW .rsArrowLeft { left: 0 } .rsMinW .rsArrowRight { right: 0 } .rsMinW .rsArrowIcn { width: 40px; height: 80px; position: absolute; cursor: pointer; background: url(../images/kv-icon.png) transparent; } .rsMinW .rsArrowIcn { filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s } .rsMinW:hover .rsArrowIcn { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3 } .rsMinW.rsHor .rsArrowLeft .rsArrowIcn { background-position: 0 0; } .rsMinW.rsHor .rsArrowRight .rsArrowIcn { background-position: -45px 0; } .rsArrowLeft:hover .rsArrowIcn, .rsArrowRight:hover .rsArrowIcn { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1 } /*************** * * 2. Bullets * ****************/ .rsMinW .rsBullets { width: 100%; position: absolute; bottom: 20px; left: 0; z-index: 35; text-align: center; line-height: 7px; padding: 0; font-size:0; overflow: hidden } .rsMinW .rsBullet { display: inline-block; *display:inline; *zoom:1; width:7px; height:7px ; margin: 0 3px } .rsMinW .rsBullet span { display:inline-block; width:7px; height:7px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; background:#575757 } .rsMinW .rsBullet.rsNavSelected span { background:#32b32f } /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 100%; position: relative; direction: ltr } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; background:url(../images/loader.gif) center center no-repeat; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsPreloader { position: absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } img.rsImg { max-width: none; } .grab-cursor { cursor: url(grab.png) 8 8, move; } .grabbing-cursor { cursor: url(grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.gif); } /*-------------------鐒︾偣鍥炬鏋跺唴瀹?------------------------*/ #slider-with-blocks-1 { width: 100% } .slide-con { width: 100%; height: 100%; position: relative } .slide-txtbox { position: relative; left: auto; top: auto } /*-------------------棣栭〉kv-------------------*/ .in-kvbox { height:500px } .inkv-bg { width: 100%; height: 100%; position: relative; -webkit-transition: -webkit-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1); -moz-transition: -moz-transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1); transition: transform 2s cubic-bezier(.23, 1, .32, 1), -webkit-filter 2s cubic-bezier(.23, 1, .32, 1), filter 2s cubic-bezier(.23, 1, .32, 1); } .in-kvbox:hover .inkv-bg { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } .kv-may-bg { background: url(../images/index/kv-may-bg.jpg) center center no-repeat; background-size: cover } .kv-may-title { height: 50% } .inkv-ewm-bg { background: url(../images/index/inkv-ewm-bg.jpg?v01) center center no-repeat; background-size: cover } .inkv-ewm-txt02 { bottom: 15% } .inkv-k-bg { background: url(../images/index/inkv-k-bg.jpg?v01) center center no-repeat; background-size: cover } .inkv-k-text01 { height: 60%; top: 15% } .mo_inkv-e-txt, .mo_inkv-flj-txt { display: none } /* .inkv-xhs-bg { background: url(../images/index/inkv-xhs-bg.jpg) center center no-repeat; background-size: cover } .inkv-xhs-txt01, .inkv-xhs-txt02 { width: 50%; height: 100% } */ .inkv-xhs-bg { background: url(../images/index/2.jpg?v=3) 100% 20% no-repeat; background-size: cover } .inkv-xhs-txt01, .inkv-xhs-txt02 { width: 37%; height: 100% } .inkv-txx-bg { background: url(../images/index/inkv-txx-bg.jpg) center center no-repeat; background-size: cover } .inkv-txx-txt{ height: 60%; top: 20% } /* 鏂板勾 */ .inkv-newyear-bg { background: url(../images/index/inkv-newyear-bg.jpg?v01) center center no-repeat; background-size: cover } .inkv-newyear-text01 { width: 35%; top: 35% } .inkv2-bg { background: url(../images/index/inkv2-bg.jpg) center center no-repeat; background-size: cover } .inkv2-text01 { top: 120px; max-width: 1440px } .inkv-e-bg { background: url(../images/index/inkv-e-bg.jpg) center center no-repeat; background-size: cover } .inkv-e-text01 { width: 88%; max-width: 1564px; height: auto; right: 6% } .inkv-flj-bg { background: url(../images/index/inkv-flj-bg.jpg) center center no-repeat; background-size: cover } .inkv-flj-text01 { width: 88%; max-width: 1564px; height: auto; right: 6% } @media ( min-width:1260px ) and ( max-width:1599px ) { .inkv-ewm-txt02 { bottom: 20% } } @media ( min-width:1000px ) and ( max-width:1259px ) { .inkv-ewm-txt02 { bottom: 25% } .in-kvbox { height:300px } } @media ( min-width:801px ) and ( max-width:999px ) { .inkv-ewm-txt02 { bottom: 30% } } @media ( max-width:800px ) { .rsMinW .rsArrow, .rsMinW .rsArrowIcn { display:none } .rsMinW .rsBullets { left: 1rem } .in-kvbox { height:300px } .kv-may-bg { background: url(../images/index/kv-may-bg.jpg) 20% center no-repeat; background-size: cover } .inkv-ewm-txt01 { right: 0; bottom: -32%; top: auto } .inkv-xhs-txt01 { width: 100%; height: 40% } .inkv-xhs-txt02 { width: 100%; height: 60% } .inkv-xhs-txt01 img { width: 60%; left: 20%; top: 20% } .inkv-xhs-txt02 img { width: 80%; right: 10%; top: -10%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .inkv2-bg { background-size:auto 100%; } .inkv2-text01 { top: 8em } .inkv-k-text01 { height: 50% } .mo_inkv-e-txt, .mo_inkv-flj-txt { display: block!important } .inkv-e-text01 { width: 96%; right: 2% } .inkv-txx-bg { background: url(../images/index/inkv-txx-bg.jpg) right center no-repeat; background-size: cover } .inkv-txx-txt { height: 47%;top: 27%; left: 34%;} /* 鏂板勾 */ .inkv-newyear-text01 { width:70%;top: 25% } .inkv-newyear-bg { background: url(../images/index/mo_inkv-newyear-bg.jpg?v01) center center no-repeat; background-size: cover } .img1{left: 3%; width: 30%; top: 5%;} .img2{left: 3%; width: 20%; bottom: 5%;} }