.autoPage { width: 100%; height: 100%; }
html, body, main { position: relative; height: 100%; }
.swiper-container { width: 100%; height: 100%; }
.swiper-container .swiper-wrapper .slider5 { height: auto; }
/*Pagination*/
.mian_pagiation { display: flex; flex-direction: column; top: 50%; transform: translateY(-50%); width: 80px; left: 55px; position: fixed; z-index: 1000; }
.mian_pagiation .swiper-pagination-bullet { width: 15px; height: 15px; position: relative; top: 0px; background: transparent; margin: 0; margin-bottom: 25px!important; border-radius: 0; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); cursor: pointer; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_spot { background: url(../image/icon_lingxin_hover.png) no-repeat!important; }
.mian_pagiation .swiper-pagination-bullet:hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }
.indicator_spot { width: 15px; height: 15px; position: absolute; left: 0px; background: url(../image/icon_lingxing.png) no-repeat; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); opacity: 1; }
.indicator_shadow .indicator_spot { -webkit-filter: drop-shadow(1px 1px 2px Gray); filter: drop-shadow(1px 1px 2px Gray) }
.indicator_shadow .indicator_item_active_line { background-color: rgba(0, 0, 0, 0.2); }
.indicator_shadow .indicator_item_active_text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
.indicator_item_active { position: absolute; left: 25px; opacity: 0; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; pointer-events: none; -webkit-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); -ms-transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.8s 0s cubic-bezier(0.19, 1, 0.22, 1); }
.indicator_item--hover .indicator_item_active { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateX(10px) !important; -moz-transform: translateX(10px) !important; -o-transform: translateX(10px) !important; -ms-transform: translateX(10px) !important; transform: translateX(10px) !important; }
.indicator_item_active_line { width: 11px; height: 1px; background-color: #005bc3; margin-right: 9px; }
.indicator_item_active_text { font-size: 12px; margin-top: -4px; pointer-events: none; font-weight: bold; }
.mian_pagiation .swiper-pagination-bullet-active { transform: matrix(1, 0, 0, 1, -10, 0)!important; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_item_active { opacity: 1; left: 12px; }
.mian_pagiation .swiper-pagination-bullet-active .indicator_spot { opacity: 0; }
/*scroll_wrapper*/
.scroll_wrapper { position: fixed; top: auto; left: 0px; bottom: 0px; right: auto; width: 100%; height: 7.3%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; align-items: flex-start; justify-content: center; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; transition: opacity 0.5s; z-index: 99; }
.scroll_wrapper .scroll_img { width: 16px; height: 16px; background: url(../image/scoll_down.png) no-repeat top center; display: block; animation: turnCirle 5s infinite; -webkit-animation: turnCirle 5s infinite; }
.scroll_txt { font-weight: bold; font-size: 12px; margin-left: 10px; overflow: hidden; cursor: pointer; }
.scroll_txt span { display: inline-block; transform: translateY(-100%); animation: turnDown 3s infinite; -webkit-animation: turnDown 3s infinite; }
.scroll_wrapper:hover .scroll_txt span { color: #005bc3; }
.scroll_wrapper:hover .scroll_img, .scroll_wrapper.scroll_change .scroll_img { background: url(../image/scoll_downhover.png) no-repeat top center; background-size: 100% 100% }
.scroll_wrapper.scroll_white .scroll_img { background: url(../image/scoll_downw.png) no-repeat top center; background-size: 100% 100% }
.scroll_wrapper.scroll_white .scroll_txt { color: #FFF; }
/*slider1*/
.slider1 { width: 100%; height: 100%; position: relative; color: #FFF; }
.slider1 a, .slider1 a:hover { color: #FFF; }
.swiper-banner { width: 100%; height: 100%; background-color: rgb(179, 189, 196); transition: 1s background-color 1.3s; }
.swiper-banner .swiper-wrapper { transition-delay: 1s; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); }
.swiper-banner .swiper-slide { text-align: left; position: relative; }
.swiper-banner .title { transition-delay: 1s; z-index: 10; position: absolute; left: 0; top: 30%; }
.swiper-banner .ban_l { width: 70%; margin-left: 10%; }
.swiper-banner .img-box { width: 100%; height: 100%; position: absolute; transform: scale(0.6, 0.6); transition-duration: 1s; transition-property: transform; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); opacity: 0.9; overflow: hidden; }
.swiper-banner .img-box img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2, 1.2) translateX(50%); transition-timing-function: cubic-bezier(0.5, 0, 0, 1); transition-property: transform; }
.button-prev, .button-next { transition: 0.5s; outline: none; position: absolute; width: 140px; z-index: 100; bottom: 10%; transform: translateY(-34px); cursor: pointer; }
.button-prev { left: 4vw; }
.button-next { right: 4vw; }
.button.disabled { opacity: 0.2; cursor: default; }
#arrow-svg-home { transform: translateY(353px); }
.button-next #arrow-svg-home { transform: translateY(353px) rotateY(180deg); transform-origin: 80px 0px 0px; }
svg { transition: 0.5s; }
.cls-1 { transition: 0.5s; opacity: 0.4; transform-origin: -20px 40px; opacity: 1; }
.cls-4 { transition: 0.5s; stroke-width: 2px; stroke: #fff; fill: none; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0.4; transform-origin: 0px 0px 0px; }
#arrow-trg { transition: 0.5s; fill: #fff; transform: rotateY(180deg) translate(-53px, 39px); }
#line { transition: 0.5s; stroke: #fff; transform: translate(50px, 42px); }
.button-prev:not(.disabled):hover svg { transform: translateX(-25px); }
.button-next:not(.disabled):hover svg { transform: translateX(25px); }
.button:not(.disabled):hover .cls-1 { transform: scale(1.1); }
.button:not(.disabled):hover .cls-4 { stroke-dasharray: 2px; stroke-dashoffset: 2px; opacity: 1; }
.button:not(.disabled):hover #arrow-trg { transform: rotateY(180deg) translate(-37px, 39px); }
.button:not(.disabled):hover #line { transform: translate(35px, 42px) scaleX(0.33); }
/*slider2*/
.slider2 { width: 100%; height: 100%; }
.slider2 .main { position: relative; }
.about_l { width: 69.5%; overflow: hidden; background: url(../image/bg1.jpg) no-repeat top center; background-size: cover; margin-top: 4vw; }
.about_l .about_txt { width: 67%; overflow: hidden; }
.more { width: 9vw; height: 2.8vw; line-height: 2.8vw; display: block; background: #005bc3; color: #FFF; }
.more:hover { background: #696969; color: #FFF; }
.about_l .ab_lc dl:nth-of-type(1) { width: 24%; overflow: hidden; float: left; border-right: 1px #fff solid; }
.about_l .ab_lc dl:nth-of-type(2) { width: 36%; overflow: hidden; float: left; border-right: 1px #fff solid; }
.about_l .ab_lc dl:nth-of-type(2) dt, .about_l .ab_lc dl:nth-of-type(2) dd { margin-left: 18%; }
.about_l .ab_lc dl:nth-of-type(3) { width: auto; overflow: hidden; float: right; }
.about_r { width: 47.9%; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 10; box-shadow: 0 5px 15px 0px rgba(0, 64, 152, 0.1); }
.about_r .swiperabouts { width: 100%; overflow: hidden; position: relative; }
.about_r .swiperabouts .swiper-slide { width: 100%; }
.about_r .swiperabouts .swiper-pagination { width: auto; bottom: 1.76vw; right: 1vw; text-align: right; left: inherit; }
.about_r .swiperabouts .swiper-pagination .swiper-pagination-bullet { width: 14px; height: 14px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #626262; margin-right: 12px; float: left; display: block; opacity: 1; }
.about_r .swiperabouts .swiper-pagination .swiper-pagination-bullet-active { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #005bc3; opacity: 1; }
/*slider3*/
.slider3 { width: 100%; height: 100%; position: relative; }
.swipercase { width: 100%; height: 100%; background-color: rgb(179, 189, 196); transition: 1s background-color 1.3s; position: relative; }
.swipercase .swiper-wrapper { transition-delay: 1s; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); }
.swipercase .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position: relative; }
.swipercase .casenr { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.swipercase .casenr .main { position: relative; height: 100%; }
.swipercase .casenr .case_txt { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; color: #FFF; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swipercase .casenr .case_txt a, .swipercase .casenr .case_txt a:hover { color: #FFF; }
.swipercase .casenr .case_txt .case_tyn { width: 601px; margin: 0 auto; }
.swipercase .case_bry { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.swipercase .case_bg { width: 681px; height: 681px; position: relative; background: url(../image/pg_bg.png) no-repeat center; margin: 0 auto; border-radius: 50%; }
.swipercase .case_bg span { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: -20px; z-index: 5; border-radius: 50%; }
.swipercase .case_bg span.one { animation: inlinerbg 1.2s infinite linear; background: url(../image/wel23.png) no-repeat center; }
.swipercase .case_bg span.two { background: url(../image/wel24.png) no-repeat center; animation: inlinerbgo 1.2s infinite linear; }
.swipercase .img-box { width: 100%; height: 100%; position: absolute; transform: scale(0.6, 0.6); transition-duration: 1s; transition-property: transform; transition-timing-function: cubic-bezier(0.5, 0, 0, 1); opacity: 0.9; overflow: hidden; }
.swipercase .img-box img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.2, 1.2) translateX(50%); transition-timing-function: cubic-bezier(0.5, 0, 0, 1); transition-property: transform; }
.case_pagination { width: 100%; position: absolute; bottom: 20%; text-align: center; z-index: 100; left: 0; }
.case_pagination .swiper-pagination-bullet { width: 14px; height: 14px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #FFF; margin: 0 6px; display: inline-block; }
.case_pagination .swiper-pagination-bullet-active { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: #005bc3; opacity: 1; }
/*slider4*/
.slider4 { width: 100%; height: 100%; position: relative; z-index:1;}
.ys_ly { width: 23.6%; overflow: hidden; float: left; }
.ys_ry { width: 69.4%; overflow: hidden; float: right; background: url(../image/hy.png) no-repeat center; background-size: 100% 100%; }
.ys_ry .swiper-container-android .swiper-slide, .ys_ry .swiper-wrapper { transform: none; }
.ys_ry .swiper-slide-invisible-blank { visibility: hidden }
.ys_ry .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start }
.ys_ry .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory }
.ys_ry .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory }
.ys_ry :root { --swiper-navigation-size:44px
}
.ys_ry .swiper-button-lock { display: none }
.ys_ry .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }
.ys_ry .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative }
.ys_ry .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) }
.ys_ry .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) }
.ys_ry .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) }
.ys_ry .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) }
.ys_ry .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) }
.ys_ry .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) }
.ys_ry .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) }
.ys_ry .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) }
.ys_ry .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }
.ys_ry .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px }
.ys_ry .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top }
.ys_ry .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }
.ys_ry .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap }
.ys_ry .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left }
.ys_ry .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right }
.ys_ry .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute }
.ys_ry .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top }
.ys_ry .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top }
.ys_ry .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 }
.ys_ry .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 }
.ys_ry .swiper-pagination-white { --swiper-pagination-color:#ffffff
}
.ys_ry .swiper-pagination-black { --swiper-pagination-color:#000000
}
.ys_ry .swiper-pagination-lock { display: none }
.ys_ry .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) }
.ys_ry .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }
.ys_ry .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }
.ys_ry .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 }
.ys_ry .swiper-scrollbar-cursor-drag { cursor: move }
.ys_ry .swiper-scrollbar-lock { display: none }
.ys_ry .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center }
.ys_ry .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain }
.ys_ry .swiper-slide-zoomed { cursor: move }
.ys_ry .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent }
.ys_ry .swiper-lazy-preloader-white { --swiper-preloader-color:#fff
}
.ys_ry .swiper-lazy-preloader-black { --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin { 100% {
transform:rotate(360deg)
}
}
.ys_ry .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.ys_ry .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out }
.ys_ry .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity }
.ys_ry .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }
.ys_ry .swiper-container-fade .swiper-slide-active, .ys_ry .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.ys_ry .swiper-container-cube { overflow: visible }
.ys_ry .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% }
.ys_ry .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }
.ys_ry .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 }
.ys_ry .swiper-container-cube .swiper-slide-active, .ys_ry .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.ys_ry .swiper-container-cube .swiper-slide-active, .ys_ry .swiper-container-cube .swiper-slide-next, .ys_ry .swiper-container-cube .swiper-slide-next+.swiper-slide, .ys_ry .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }
.ys_ry .swiper-container-cube .swiper-slide-shadow-bottom, .ys_ry .swiper-container-cube .swiper-slide-shadow-left, .ys_ry .swiper-container-cube .swiper-slide-shadow-right, .ys_ry .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.ys_ry .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }
.ys_ry .swiper-container-flip { overflow: visible }
.ys_ry .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 }
.ys_ry .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none }
.ys_ry .swiper-container-flip .swiper-slide-active, .ys_ry .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto }
.ys_ry .swiper-container-flip .swiper-slide-shadow-bottom, .ys_ry .swiper-container-flip .swiper-slide-shadow-left, .ys_ry .swiper-container-flip .swiper-slide-shadow-right, .ys_ry .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.ys_ry .gallery-thumbs { width: 98.3%; height: auto; margin-left: auto; margin-right: 1.7%; background: url(../image/ln.png) repeat-x bottom; }
.ys_ry .gallery-thumbs .swiper-slide { width: 25%; height: auto; opacity: 1; cursor: pointer; }
.ys_ry .gallery-thumbs .swiper-slide .side_top { width: 100%; overflow: hidden; margin: 0 auto; position: relative; }
.ys_ry .gallery-thumbs .swiper-slide .side_top .qie_img img { height: 3vw; }
.ys_ry .gallery-thumbs .swiper-slide .side_top .qie_img span { display: block; overflow: hidden; }
.ys_ry .gallery-thumbs .swiper-slide .side_top .qie_img i { display: none; overflow: hidden; }
.ys_ry .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.ys_ry .gallery-thumbs .swiper-slide-thumb-active .side_top:after { content: ''; width: 50%; height: 3px; background: #005bc3; position: absolute; left: 25%; bottom: 0; }
.ys_ry .gallery-thumbs .swiper-slide-thumb-active .side_top .qie_img span { display: none; }
.ys_ry .gallery-thumbs .swiper-slide-thumb-active .side_top .qie_img i { display: block; }
.ys_ry .gallery-top { width: 100%; height: auto; }
.ys_ry .gallery-top .swiper-slide { width: 100%; position: relative; height: 17.2vw; }
.ys_ry .gallery-top .swiper-slide .ysnry { width: 86%; overflow: hidden; position: absolute; left: 6.8%; top: 0; z-index: 10; }
.ys_ry .gallery-top .swiper-slide .ysbo { width: 86%; overflow: hidden; position: absolute; left: 6.8%; bottom: 4%; }
.ys_ry .gallery-top .swiper-slide .ysbo .ysmg { position: relative; }
.ys_ry .gallery-top .swiper-slide .ysbo .sum { height: 7vw; display: block; position: absolute; left: 0; bottom: 0; overflow: hidden; }
.ys_ry .gallery-top .swiper-slide .ysbo .ysimg { height: 8.5vw; float: right; overflow: hidden; }
.ys_ry .gallery-top .swiper-slide .ysbo .ysimg img { height: 10.5vw; overflow: hidden; display: block; }
 @media screen and (max-width: 1024px) and (min-width:0) {
.scroll_wrapper, .mian_pagiation { display: none; }
.autoPage { height: auto; }
html, body, main { height: auto; }
.swiper-container { height: auto; overflow: hidden; }
.swiper-wrapper { width: 100%; height: auto; z-index: inherit; display: inherit; display: inherit; display: inherit; display: inherit; display: inherit; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; -ms-transition-property: none; transition-property: none; }
.swiper-container .swiper-wrapper .swiper-slide { height: auto; }
/*slider1*/

.swiper-banner { height: auto; }
.swiper-banner .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swiper-banner .swiper-slide { height: auto; overflow: hidden; }
.swiper-banner .title { left: 0; top: 30%; text-align: center; }
.swiper-banner .ban_l { width: 100%; margin-left: 0; }
.swiper-banner .img-box { height: auto; position: inherit; transform: none; transition-duration: 0; transition-property: none; transition-timing-function: none; }
.button-prev, .button-next { bottom: 30%; }
.button-prev { left: 5%; }
.button-next { right: 5%; }
/*slider2*/
.slider2 { height: auto; }
.slider2 .main { width: 100%; margin-left: 0; margin-right: 0; }
.about_l { width: 100%; margin-top: 0; }
.about_l .about_txt { width: 100%; }
.more { width: 2.4rem; height: 0.56rem; line-height: 0.56rem; }
.about_l .ab_lc dl:nth-of-type(1) { width: 40%; border-right: 1px #fff solid; padding-bottom: 0.2rem; }
.about_l .ab_lc dl:nth-of-type(2) { width: 60%; border-right: none; padding-bottom: 0.2rem; }
.about_l .ab_lc dl:nth-of-type(2) dt, .about_l .ab_lc dl:nth-of-type(2) dd { margin-left: 18%; }
.about_l .ab_lc dl:nth-of-type(3) { width: 100%; float: none; border-top: 1px #fff solid; padding-top: 0.2rem; }
.about_r { width: 100%; position: inherit; right: inherit; top: inherit; z-index: inherit; margin: 0 0 0.6rem 0; }
.about_r .swiperabouts .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.about_r .swiperabouts .swiper-pagination { bottom: 0.2rem; right: 0.1rem; }
.about_r .swiperabouts .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin-right: 8px; }
/*slider3*/
.slider3 { height: auto; }
.swipercase { height: auto; }
.swipercase .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.swipercase .swiper-slide { height: auto; overflow: hidden; }
.swipercase .casenr { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 100; }
.swipercase .casenr .case_txt .case_tyn { width: 100%; }
.swipercase .case_bry { display: none; }
.swipercase .img-box { height: auto; position: inherit; transform: none; transition-duration: 0s; transition-property: none; transition-timing-function: ease; opacity: 1; }
.swipercase .img-box img { height: auto; transform: none; transition-timing-function: ease; transition-property: none; }
.case_pagination { bottom: 5%; }
.case_pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; }
/*slider4*/
.slider4 { height: auto; overflow:hidden; padding-bottom:0.4rem; display:block;}
.ys_ly { width: 100%; float:none; text-align:center; padding-bottom:0.25rem;}
.ys_ry { width: 100%; float:none;}
.ys_ry .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
.ys_ry .swiper-slide { height: auto; overflow: hidden; }

.ys_ry .gallery-thumbs .swiper-slide .side_top .qie_img img{ height:0.6rem;}
.ys_ry .gallery-thumbs .swiper-slide-thumb-active .side_top:after { width: 70%; left: 15%;}


.ys_ry .gallery-top .swiper-slide{ height: auto;}
.ys_ry .gallery-top .swiper-slide .ysnry{ width: 90%; position:inherit; left:inherit; top:inherit; z-index:inherit; margin-left:5%; margin-right:5%;}
.ys_ry .gallery-top .swiper-slide .ysbo{ width: 90%; position:inherit; left:inherit; bottom:inherit; margin-left:5%; margin-right:5%; margin-top:0.1rem;}


.ys_ry .gallery-top .swiper-slide .ysbo .sum{ height:1.8rem;}
.ys_ry .gallery-top .swiper-slide .ysbo .ysimg{ height:1.8rem;}
.ys_ry .gallery-top .swiper-slide .ysbo .ysimg img{ height:2rem;}




}

/*keyframes*/
@keyframes turnCirle { 0% {
transform:rotateY(0);
}
 25% {
transform:rotateY(90deg);
}
 50% {
transform:rotateY(180deg);
}
 75% {
transform:rotateY(90deg);
}
 100% {
transform:rotateY(180deg);
}
}
 @-webkit-keyframes turnCirle { 0% {
transform:rotateY(0);
}
 25% {
transform:rotateY(90deg);
}
 50% {
transform:rotateY(180deg);
}
 75% {
transform:rotateY(90deg);
}
 100% {
transform:rotateY(180deg);
}
}
 @keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}
@-webkit-keyframes turnDown { 0% {
transform:translateY(-100%);
}
 75% {
transform:translateY(0%);
}
 100% {
transform:translateY(100%);
}
}
 @keyframes inlinerbg { 0% {
-webkit-transform:translate(5px, -9px);
transform: translate(5px, -9px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform:translate(5px, -9px);
transform: translate(5px, -9px);
}
}
@keyframes inlinerbgo { 0% {
-webkit-transform:translate(-5px, 9px);
transform: translate(-5px, 9px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform:translate(-5px, 9px);
transform: translate(-5px, 9px);
}
}