.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:none;left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:none;right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:none}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:none}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:none}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);transform:translatey(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translatex(-50%);-ms-transform:translatex(-50%);transform:translatex(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:none;background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:none}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next .swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .mcustomscrollbar{-ms-touch-action:none;touch-action:none}.mcustomscrollbar.mcs_no_scrollbar{-ms-touch-action:auto;touch-action:auto}.mcustomscrollbox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mcsb_container{overflow:hidden;width:auto;height:auto}.mcsb_inside>.mcsb_container{margin-right:0px}.mcsb_container.mcs_no_scrollbar_y.mcs_y_hidden{margin-right:0}.mcs-dir-rtl>.mcsb_inside>.mcsb_container{margin-right:0;margin-left:30px}.mcs-dir-rtl>.mcsb_inside>.mcsb_container.mcs_no_scrollbar_y.mcs_y_hidden{margin-left:0}.mcsb_scrolltools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}.mcsb_outside .mcsb_scrolltools{right:-26px}.mcs-dir-rtl>.mcsb_inside>.mcsb_scrolltools,.mcs-dir-rtl>.mcsb_outside .mcsb_scrolltools{right:auto;left:0}.mcs-dir-rtl>.mcsb_outside .mcsb_scrolltools{left:-26px}.mcsb_scrolltools .mcsb_draggercontainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mcsb_scrolltools a .mcsb_draggercontainer{margin:20px 0}.mcsb_scrolltools .mcsb_draggerrail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mcsb_scrolltools .mcsb_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_dragger_bar,.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_dragger .mcsb_dragger_bar{width:12px}.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail{width:8px}.mcsb_scrolltools .mcsb_buttondown,.mcsb_scrolltools .mcsb_buttonup{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mcsb_scrolltools .mcsb_buttondown{bottom:0}.mcsb_horizontal.mcsb_inside>.mcsb_container{margin-right:0;margin-bottom:30px}.mcsb_horizontal.mcsb_outside>.mcsb_container{min-height:100%}.mcsb_horizontal>.mcsb_container.mcs_no_scrollbar_x.mcs_x_hidden{margin-bottom:0}.mcsb_scrolltools.mcsb_scrolltools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mcustomscrollbox .mcsb_scrolltools .mcsb_scrolltools.mcsb_scrolltools_horizontal,.mcustomscrollbox .mcsb_scrolltools.mcsb_scrolltools_horizontal{bottom:-26px}.mcsb_scrolltools.mcsb_scrolltools_horizontal a .mcsb_draggercontainer{margin:0 20px}.mcsb_scrolltools.mcsb_scrolltools_horizontal .mcsb_draggerrail{width:100%;height:2px;margin:7px 0}.mcsb_scrolltools.mcsb_scrolltools_horizontal .mcsb_dragger{width:30px;height:100%;left:0}.mcsb_scrolltools.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{width:100%;height:4px;margin:6px auto}.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_dragger_bar,.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_dragger .mcsb_dragger_bar{height:12px;margin:2px auto}.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail{height:8px;margin:4px 0}.mcsb_scrolltools.mcsb_scrolltools_horizontal .mcsb_buttonleft,.mcsb_scrolltools.mcsb_scrolltools_horizontal .mcsb_buttonright{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mcsb_scrolltools.mcsb_scrolltools_horizontal .mcsb_buttonleft{left:0}.mcsb_scrolltools.mcsb_scrolltools_horizontal .mcsb_buttonright{right:0}.mcsb_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mcsb_container_wrapper>.mcsb_container{padding-right:30px;padding-bottom:30px}.mcsb_vertical_horizontal>.mcsb_scrolltools.mcsb_scrolltools_vertical{bottom:20px}.mcsb_vertical_horizontal>.mcsb_scrolltools.mcsb_scrolltools_horizontal{right:20px}.mcsb_container_wrapper.mcs_no_scrollbar_x.mcs_x_hidden .mcsb_scrolltools.mcsb_scrolltools_vertical{bottom:0}.mcs-dir-rtl>.mcustomscrollbox.mcsb_vertical_horizontal.mcsb_inside>.mcsb_scrolltools.mcsb_scrolltools_horizontal,.mcsb_container_wrapper.mcs_no_scrollbar_y.mcs_y_hidden .mcsb_scrolltools~.mcsb_scrolltools.mcsb_scrolltools_horizontal{right:0}.mcs-dir-rtl>.mcustomscrollbox.mcsb_vertical_horizontal.mcsb_inside>.mcsb_scrolltools.mcsb_scrolltools_horizontal{left:20px}.mcs-dir-rtl>.mcustomscrollbox.mcsb_vertical_horizontal.mcsb_inside>.mcsb_container_wrapper.mcs_no_scrollbar_y.mcs_y_hidden .mcsb_scrolltools~.mcsb_scrolltools.mcsb_scrolltools_horizontal{left:0}.mcs-dir-rtl>.mcsb_inside>.mcsb_container_wrapper{margin-right:0;margin-left:30px}.mcsb_container_wrapper.mcs_no_scrollbar_y.mcs_y_hidden>.mcsb_container{padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mcsb_container_wrapper.mcs_no_scrollbar_x.mcs_x_hidden>.mcsb_container{padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mcustomscrollbox.mcsb_vertical_horizontal.mcsb_inside>.mcsb_container_wrapper.mcs_no_scrollbar_y.mcs_y_hidden{margin-right:0;margin-left:0}.mcustomscrollbox.mcsb_vertical_horizontal.mcsb_inside>.mcsb_container_wrapper.mcs_no_scrollbar_x.mcs_x_hidden{margin-bottom:0}.mcsb_scrolltools,.mcsb_scrolltools .mcsb_buttondown,.mcsb_scrolltools .mcsb_buttonleft,.mcsb_scrolltools .mcsb_buttonright,.mcsb_scrolltools .mcsb_buttonup,.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggerrail,.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger_bar,.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggerrail,.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mcsb_scrolltools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mcs-autohide>.mcustomscrollbox>.mcsb_scrolltools,.mcs-autohide>.mcustomscrollbox~.mcsb_scrolltools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mcs-autohide:hover>.mcustomscrollbox>.mcsb_scrolltools,.mcs-autohide:hover>.mcustomscrollbox~.mcsb_scrolltools,.mcustomscrollbox:hover>.mcsb_scrolltools,.mcustomscrollbox:hover~.mcsb_scrolltools,.mcustomscrollbar>.mcustomscrollbox>.mcsb_scrolltools.mcsb_scrolltools_ondrag,.mcustomscrollbar>.mcustomscrollbox~.mcsb_scrolltools.mcsb_scrolltools_ondrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mcsb_scrolltools .mcsb_buttondown,.mcsb_scrolltools .mcsb_buttonleft,.mcsb_scrolltools .mcsb_buttonright,.mcsb_scrolltools .mcsb_buttonup{background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mcsb_scrolltools .mcsb_buttonup{background-position:0 0}.mcsb_scrolltools .mcsb_buttondown{background-position:0 -20px}.mcsb_scrolltools .mcsb_buttonleft{background-position:0 -40px}.mcsb_scrolltools .mcsb_buttonright{background-position:0 -56px}.mcsb_scrolltools .mcsb_buttondown:hover,.mcsb_scrolltools .mcsb_buttonleft:hover,.mcsb_scrolltools .mcsb_buttonright:hover,.mcsb_scrolltools .mcsb_buttonup:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mcsb_scrolltools .mcsb_buttondown:active,.mcsb_scrolltools .mcsb_buttonleft:active,.mcsb_scrolltools .mcsb_buttonright:active,.mcsb_scrolltools .mcsb_buttonup:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mcs-dark.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.15)}.mcs-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mcs-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:rgba(0,0,0,.85)}.mcs-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:rgba(0,0,0,.9)}.mcs-dark.mcsb_scrolltools .mcsb_buttonup{background-position:-80px 0}.mcs-dark.mcsb_scrolltools .mcsb_buttondown{background-position:-80px -20px}.mcs-dark.mcsb_scrolltools .mcsb_buttonleft{background-position:-80px -40px}.mcs-dark.mcsb_scrolltools .mcsb_buttonright{background-position:-80px -56px}.mcs-dark-2.mcsb_scrolltools .mcsb_draggerrail,.mcs-light-2.mcsb_scrolltools .mcsb_draggerrail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mcs-dark-2.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-light-2.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mcs-dark-2.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-dark-2.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-light-2.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-light-2.mcsb_scrolltools_horizontal .mcsb_draggerrail{width:100%;height:4px;margin:6px auto}.mcs-light-2.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mcs-light-2.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-light-2.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mcs-light-2.mcsb_scrolltools .mcsb_buttonup{background-position:-32px 0}.mcs-light-2.mcsb_scrolltools .mcsb_buttondown{background-position:-32px -20px}.mcs-light-2.mcsb_scrolltools .mcsb_buttonleft{background-position:-40px -40px}.mcs-light-2.mcsb_scrolltools .mcsb_buttonright{background-position:-40px -56px}.mcs-dark-2.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mcs-dark-2.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mcs-dark-2.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mcs-dark-2.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-dark-2.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mcs-dark-2.mcsb_scrolltools .mcsb_buttonup{background-position:-112px 0}.mcs-dark-2.mcsb_scrolltools .mcsb_buttondown{background-position:-112px -20px}.mcs-dark-2.mcsb_scrolltools .mcsb_buttonleft{background-position:-120px -40px}.mcs-dark-2.mcsb_scrolltools .mcsb_buttonright{background-position:-120px -56px}.mcs-dark-thick.mcsb_scrolltools .mcsb_draggerrail,.mcs-light-thick.mcsb_scrolltools .mcsb_draggerrail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mcs-dark-thick.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-light-thick.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mcs-dark-thick.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-light-thick.mcsb_scrolltools_horizontal .mcsb_draggerrail{width:100%;height:4px;margin:6px 0}.mcs-dark-thick.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-light-thick.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{width:100%;height:6px;margin:5px auto}.mcs-light-thick.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mcs-light-thick.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-light-thick.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mcs-light-thick.mcsb_scrolltools .mcsb_buttonup{background-position:-16px 0}.mcs-light-thick.mcsb_scrolltools .mcsb_buttondown{background-position:-16px -20px}.mcs-light-thick.mcsb_scrolltools .mcsb_buttonleft{background-position:-20px -40px}.mcs-light-thick.mcsb_scrolltools .mcsb_buttonright{background-position:-20px -56px}.mcs-dark-thick.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mcs-dark-thick.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mcs-dark-thick.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mcs-dark-thick.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-dark-thick.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mcs-dark-thick.mcsb_scrolltools .mcsb_buttonup{background-position:-96px 0}.mcs-dark-thick.mcsb_scrolltools .mcsb_buttondown{background-position:-96px -20px}.mcs-dark-thick.mcsb_scrolltools .mcsb_buttonleft{background-position:-100px -40px}.mcs-dark-thick.mcsb_scrolltools .mcsb_buttonright{background-position:-100px -56px}.mcs-light-thin.mcsb_scrolltools .mcsb_draggerrail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mcs-dark-thin.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-light-thin.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{width:2px}.mcs-dark-thin.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-light-thin.mcsb_scrolltools_horizontal .mcsb_draggerrail{width:100%}.mcs-dark-thin.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-light-thin.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{width:100%;height:2px;margin:7px auto}.mcs-dark-thin.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.15)}.mcs-dark-thin.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mcs-dark-thin.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mcs-dark-thin.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-dark-thin.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mcs-dark-thin.mcsb_scrolltools .mcsb_buttonup{background-position:-80px 0}.mcs-dark-thin.mcsb_scrolltools .mcsb_buttondown{background-position:-80px -20px}.mcs-dark-thin.mcsb_scrolltools .mcsb_buttonleft{background-position:-80px -40px}.mcs-dark-thin.mcsb_scrolltools .mcsb_buttonright{background-position:-80px -56px}.mcs-rounded.mcsb_scrolltools .mcsb_draggerrail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mcs-rounded-dark.mcsb_scrolltools .mcsb_dragger,.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_dragger,.mcs-rounded-dots.mcsb_scrolltools .mcsb_dragger,.mcs-rounded.mcsb_scrolltools .mcsb_dragger{height:14px}.mcs-rounded-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded-dots.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{width:14px;margin:0 1px}.mcs-rounded-dark.mcsb_scrolltools_horizontal .mcsb_dragger,.mcs-rounded-dots-dark.mcsb_scrolltools_horizontal .mcsb_dragger,.mcs-rounded-dots.mcsb_scrolltools_horizontal .mcsb_dragger,.mcs-rounded.mcsb_scrolltools_horizontal .mcsb_dragger{width:14px}.mcs-rounded-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded-dots-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded-dots.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{height:14px;margin:1px 0}.mcs-rounded-dark.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_dragger_bar,.mcs-rounded-dark.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_dragger_bar,.mcs-rounded.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_dragger .mcsb_dragger_bar{width:16px;height:16px;margin:-1px 0}.mcs-rounded-dark.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-rounded-dark.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail,.mcs-rounded.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-rounded.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail{width:4px}.mcs-rounded-dark.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_dragger_bar,.mcs-rounded-dark.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_dragger_bar,.mcs-rounded.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_dragger .mcsb_dragger_bar{height:16px;width:16px;margin:0 -1px}.mcs-rounded-dark.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-rounded-dark.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail,.mcs-rounded.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-rounded.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail{height:4px;margin:6px 0}.mcs-rounded.mcsb_scrolltools .mcsb_buttonup{background-position:0 -72px}.mcs-rounded.mcsb_scrolltools .mcsb_buttondown{background-position:0 -92px}.mcs-rounded.mcsb_scrolltools .mcsb_buttonleft{background-position:0 -112px}.mcs-rounded.mcsb_scrolltools .mcsb_buttonright{background-position:0 -128px}.mcs-rounded-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mcs-rounded-dark.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.15)}.mcs-rounded-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar,.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mcs-rounded-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-rounded-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar,.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mcs-rounded-dark.mcsb_scrolltools .mcsb_buttonup{background-position:-80px -72px}.mcs-rounded-dark.mcsb_scrolltools .mcsb_buttondown{background-position:-80px -92px}.mcs-rounded-dark.mcsb_scrolltools .mcsb_buttonleft{background-position:-80px -112px}.mcs-rounded-dark.mcsb_scrolltools .mcsb_buttonright{background-position:-80px -128px}.mcs-rounded-dots-dark.mcsb_scrolltools_vertical .mcsb_draggerrail,.mcs-rounded-dots.mcsb_scrolltools_vertical .mcsb_draggerrail{width:4px}.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-rounded-dots-dark.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-rounded-dots.mcsb_scrolltools .mcsb_draggerrail,.mcs-rounded-dots.mcsb_scrolltools_horizontal .mcsb_draggerrail{background-color:transparent;background-position:center}.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-rounded-dots.mcsb_scrolltools .mcsb_draggerrail{background-image:none;background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mcs-rounded-dots-dark.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-rounded-dots.mcsb_scrolltools_horizontal .mcsb_draggerrail{height:4px;margin:6px 0;background-repeat:repeat-x}.mcs-rounded-dots.mcsb_scrolltools .mcsb_buttonup{background-position:-16px -72px}.mcs-rounded-dots.mcsb_scrolltools .mcsb_buttondown{background-position:-16px -92px}.mcs-rounded-dots.mcsb_scrolltools .mcsb_buttonleft{background-position:-20px -112px}.mcs-rounded-dots.mcsb_scrolltools .mcsb_buttonright{background-position:-20px -128px}.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_draggerrail{background-image:none}.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_buttonup{background-position:-96px -72px}.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_buttondown{background-position:-96px -92px}.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_buttonleft{background-position:-100px -112px}.mcs-rounded-dots-dark.mcsb_scrolltools .mcsb_buttonright{background-position:-100px -128px}.mcs-3d-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to right,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mcs-3d-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)}.mcs-3d-dark.mcsb_scrolltools_vertical .mcsb_dragger,.mcs-3d.mcsb_scrolltools_vertical .mcsb_dragger{height:70px}.mcs-3d-dark.mcsb_scrolltools_horizontal .mcsb_dragger,.mcs-3d.mcsb_scrolltools_horizontal .mcsb_dragger{width:70px}.mcs-3d-dark.mcsb_scrolltools,.mcs-3d.mcsb_scrolltools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mcs-3d-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-3d.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools .mcsb_draggerrail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mcs-3d-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-3d.mcsb_scrolltools .mcsb_draggerrail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mcs-3d-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-3d-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar,.mcs-3d-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#555}.mcs-3d-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{width:8px}.mcs-3d-dark.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-3d.mcsb_scrolltools_horizontal .mcsb_draggerrail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mcs-3d-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-3d.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{width:100%;height:8px;margin:4px auto}.mcs-3d.mcsb_scrolltools .mcsb_buttonup{background-position:-32px -72px}.mcs-3d.mcsb_scrolltools .mcsb_buttondown{background-position:-32px -92px}.mcs-3d.mcsb_scrolltools .mcsb_buttonleft{background-position:-40px -112px}.mcs-3d.mcsb_scrolltools .mcsb_buttonright{background-position:-40px -128px}.mcs-3d-dark.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mcs-3d-dark.mcsb_scrolltools_horizontal .mcsb_draggerrail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mcs-3d-dark.mcsb_scrolltools .mcsb_buttonup{background-position:-112px -72px}.mcs-3d-dark.mcsb_scrolltools .mcsb_buttondown{background-position:-112px -92px}.mcs-3d-dark.mcsb_scrolltools .mcsb_buttonleft{background-position:-120px -112px}.mcs-3d-dark.mcsb_scrolltools .mcsb_buttonright{background-position:-120px -128px}.mcs-3d-thick-dark.mcsb_scrolltools,.mcs-3d-thick.mcsb_scrolltools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mcs-3d-thick-dark.mcsb_scrolltools,.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_draggercontainer,.mcs-3d-thick.mcsb_scrolltools,.mcs-3d-thick.mcsb_scrolltools .mcsb_draggercontainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mcsb_inside .mcs-3d-thick-dark.mcsb_scrolltools_vertical,.mcsb_inside .mcs-3d-thick.mcsb_scrolltools_vertical{right:1px}.mcs-3d-thick-dark.mcsb_scrolltools_vertical,.mcs-3d-thick.mcsb_scrolltools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mcs-3d-thick-dark.mcsb_scrolltools_horizontal,.mcs-3d-thick.mcsb_scrolltools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mcs-3d-thick-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mcs-3d-thick.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#555}.mcs-3d-thick-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{height:12px;width:auto}.mcs-3d-thick.mcsb_scrolltools .mcsb_draggercontainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mcs-3d-thick.mcsb_scrolltools .mcsb_draggerrail{background-color:transparent}.mcs-3d-thick.mcsb_scrolltools .mcsb_buttonup{background-position:-32px -72px}.mcs-3d-thick.mcsb_scrolltools .mcsb_buttondown{background-position:-32px -92px}.mcs-3d-thick.mcsb_scrolltools .mcsb_buttonleft{background-position:-40px -112px}.mcs-3d-thick.mcsb_scrolltools .mcsb_buttonright{background-position:-40px -128px}.mcs-3d-thick-dark.mcsb_scrolltools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mcs-3d-thick-dark.mcsb_scrolltools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mcs-3d-thick-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar,.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#777}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_draggercontainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_draggerrail{background-color:transparent}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_buttonup{background-position:-112px -72px}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_buttondown{background-position:-112px -92px}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_buttonleft{background-position:-120px -112px}.mcs-3d-thick-dark.mcsb_scrolltools .mcsb_buttonright{background-position:-120px -128px}.mcsb_outside .mcs-minimal-dark.mcsb_scrolltools_vertical,.mcsb_outside .mcs-minimal.mcsb_scrolltools_vertical{right:0;margin:12px 0}.mcustomscrollbox.mcs-minimal .mcsb_scrolltools .mcsb_scrolltools.mcsb_scrolltools_horizontal,.mcustomscrollbox.mcs-minimal .mcsb_scrolltools.mcsb_scrolltools_horizontal,.mcustomscrollbox.mcs-minimal-dark .mcsb_scrolltools .mcsb_scrolltools.mcsb_scrolltools_horizontal,.mcustomscrollbox.mcs-minimal-dark .mcsb_scrolltools.mcsb_scrolltools_horizontal{bottom:0;margin:0 12px}.mcs-dir-rtl>.mcsb_outside .mcs-minimal-dark.mcsb_scrolltools_vertical,.mcs-dir-rtl>.mcsb_outside .mcs-minimal.mcsb_scrolltools_vertical{left:0;right:auto}.mcs-minimal-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-minimal.mcsb_scrolltools .mcsb_draggerrail{background-color:transparent}.mcs-minimal-dark.mcsb_scrolltools_vertical .mcsb_dragger,.mcs-minimal.mcsb_scrolltools_vertical .mcsb_dragger{height:50px}.mcs-minimal-dark.mcsb_scrolltools_horizontal .mcsb_dragger,.mcs-minimal.mcsb_scrolltools_horizontal .mcsb_dragger{width:50px}.mcs-minimal.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mcs-minimal.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-minimal.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mcs-minimal-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mcs-minimal-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-minimal-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mcs-dark-3.mcsb_scrolltools .mcsb_draggerrail,.mcs-light-3.mcsb_scrolltools .mcsb_draggerrail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mcs-dark-3.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-light-3.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{width:6px}.mcs-dark-3.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-dark-3.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-light-3.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-light-3.mcsb_scrolltools_horizontal .mcsb_draggerrail{width:100%;height:6px;margin:5px 0}.mcs-dark-3.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-dark-3.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail,.mcs-light-3.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-light-3.mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail{width:12px}.mcs-dark-3.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-dark-3.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail,.mcs-light-3.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_dragger.mcsb_dragger_ondrag_expanded .mcsb_draggerrail,.mcs-light-3.mcsb_scrolltools_horizontal.mcsb_scrolltools_ondrag_expand .mcsb_draggercontainer:hover .mcsb_draggerrail{height:12px;margin:2px 0}.mcs-light-3.mcsb_scrolltools .mcsb_buttonup{background-position:-32px -72px}.mcs-light-3.mcsb_scrolltools .mcsb_buttondown{background-position:-32px -92px}.mcs-light-3.mcsb_scrolltools .mcsb_buttonleft{background-position:-40px -112px}.mcs-light-3.mcsb_scrolltools .mcsb_buttonright{background-position:-40px -128px}.mcs-dark-3.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mcs-dark-3.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mcs-dark-3.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-dark-3.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mcs-dark-3.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.1)}.mcs-dark-3.mcsb_scrolltools .mcsb_buttonup{background-position:-112px -72px}.mcs-dark-3.mcsb_scrolltools .mcsb_buttondown{background-position:-112px -92px}.mcs-dark-3.mcsb_scrolltools .mcsb_buttonleft{background-position:-120px -112px}.mcs-dark-3.mcsb_scrolltools .mcsb_buttonright{background-position:-120px -128px}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset-2.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset-3.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset.mcsb_scrolltools .mcsb_draggerrail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-2.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-3.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-inset.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mcs-inset-2-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-2.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-3-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-3.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-dark.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar,.mcs-inset.mcsb_scrolltools_horizontal .mcsb_dragger .mcsb_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mcs-inset-2-dark.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-inset-2.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-inset-3-dark.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-inset-3.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-inset-dark.mcsb_scrolltools_horizontal .mcsb_draggerrail,.mcs-inset.mcsb_scrolltools_horizontal .mcsb_draggerrail{width:100%;height:12px;margin:2px 0}.mcs-inset-2.mcsb_scrolltools .mcsb_buttonup,.mcs-inset-3.mcsb_scrolltools .mcsb_buttonup,.mcs-inset.mcsb_scrolltools .mcsb_buttonup{background-position:-32px -72px}.mcs-inset-2.mcsb_scrolltools .mcsb_buttondown,.mcs-inset-3.mcsb_scrolltools .mcsb_buttondown,.mcs-inset.mcsb_scrolltools .mcsb_buttondown{background-position:-32px -92px}.mcs-inset-2.mcsb_scrolltools .mcsb_buttonleft,.mcs-inset-3.mcsb_scrolltools .mcsb_buttonleft,.mcs-inset.mcsb_scrolltools .mcsb_buttonleft{background-position:-40px -112px}.mcs-inset-2.mcsb_scrolltools .mcsb_buttonright,.mcs-inset-3.mcsb_scrolltools .mcsb_buttonright,.mcs-inset.mcsb_scrolltools .mcsb_buttonright{background-position:-40px -128px}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar,.mcs-inset-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar,.mcs-inset-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-inset-2-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar,.mcs-inset-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-inset-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset-dark.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.1)}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_buttonup,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_buttonup,.mcs-inset-dark.mcsb_scrolltools .mcsb_buttonup{background-position:-112px -72px}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_buttondown,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_buttondown,.mcs-inset-dark.mcsb_scrolltools .mcsb_buttondown{background-position:-112px -92px}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_buttonleft,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_buttonleft,.mcs-inset-dark.mcsb_scrolltools .mcsb_buttonleft{background-position:-120px -112px}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_buttonright,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_buttonright,.mcs-inset-dark.mcsb_scrolltools .mcsb_buttonright{background-position:-120px -128px}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_draggerrail,.mcs-inset-2.mcsb_scrolltools .mcsb_draggerrail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mcs-inset-2-dark.mcsb_scrolltools .mcsb_draggerrail{border-color:#000;border-color:rgba(0,0,0,.2)}.mcs-inset-3.mcsb_scrolltools .mcsb_draggerrail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mcs-inset-3-dark.mcsb_scrolltools .mcsb_draggerrail{background-color:#000;background-color:rgba(0,0,0,.6)}.mcs-inset-3.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mcs-inset-3.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mcs-inset-3.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-inset-3.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger:hover .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger.mcsb_dragger_ondrag .mcsb_dragger_bar,.mcs-inset-3-dark.mcsb_scrolltools .mcsb_dragger:active .mcsb_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} .content{ width:100%; overflow:hidden; position:relative; z-index:22; background:#f3f2ef; margin-top:100vh} .body-hidden{ overflow: hidden; } /*news*/ .news{ width:100%; overflow:hidden} .news h3{ width:100%; text-align:center; overflow:hidden; font-size:30px; font-weight:bold; letter-spacing:4px; position:relative; margin-top:90px; padding-bottom:27px} .news h3 a{color:#333;} .news h3:before{ width:36px; height:6px; position:absolute;left:50%;bottom:0px; z-index:12; background:#b70031; content:"";margin-left:-18px} .news-content{ width:100%; margin:0px auto} .news-1{ float:left; width:42.3vw; overflow:hidden; height:18vw; margin-top:2vw; position:relative; cursor:pointer;transition:all 0.4s ease} .news-pic{ float:left; width:100%; overflow:hidden; height:100%;} .news-pic img{ width:100%; height:100%;object-fit: cover;transition:all 0.4s ease} .news-1:hover img{transform:scale(1.1)} .news-video{ width:32px; height:32px; overflow:hidden;box-sizing:border-box; background:url(/images/icon-2021-55.svg) no-repeat center; position:absolute;left:20px;top:20px; z-index:23; border:2px #fff solid;border-radius:50%} .news-bottom{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:0px; z-index:40; height:60%; background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1))} .news-bottom h4{width:100%;overflow:hidden;line-height:30px;height:30px;padding:0px 5%;box-sizing:border-box;position:absolute;left:0px;bottom:60px;z-index:23;} .news-bottom h4 a{font-size:16px;color:#fff;transition:all 0.4s ease;display: -webkit-box;text-overflow: ellipsis;white-space: pre-wrap;-o-text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .news-bottom h4 a:hover{ color:#b70031} .news-bottom span{width:50%; overflow:hidden; line-height:30px; height:30px; padding-left:5%;box-sizing:border-box; position:absolute;left:0px;bottom:20px; z-index:23; font-size:14px; color:#535450} .news-bottom span a{color:#b70031;margin: 0px 15px;} .news-bottom span a:nth-child(1){margin:0} .news-bottom span a:nth-child(2){margin-left:0;} .news-bottom span a:first-child{ margin-left:0px} .news-bottom p{width:50%; overflow:hidden; line-height:30px; height:30px; padding-right:5%;box-sizing:border-box; position:absolute;right:0px;bottom:20px; z-index:23; font-size:14px; color:#fff; text-align:right; cursor:auto;font-family:'euclidcirculara'} .news-2{ float:left; width:20.14vw; height:18vw; background:#fff; margin-left:2vw;margin-top:2vw; position:relative; overflow:hidden;transition:all 0.4s ease} .news-2-2 .news-other{background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));height: auto;bottom: 0;padding-top: 6.85vw;padding-bottom: 14px;} .news-2-2 .news-other em{ position: absolute; z-index: 12; color: #fff; } .news-2-2 .news-other span{ position: absolute; z-index: 12; bottom: 14px;} .news-2-2 .news-3pic span{ bottom: 60px; } .news-2pic{ float:left; width:100%; overflow:hidden; position:relative; height:11vw} .news-2pic samp{ float:left; width:100%; overflow:hidden; height:100%} .news-2pic samp img{ width:100%; height:100%;transition:all 0.4s ease;object-fit:cover} .news-2pic samp img:hover{transform:scale(1.1)} .news-info{ float:left; width:100%; overflow:hidden; padding:0px 10%;box-sizing:border-box; margin-top:1vw;} .news-info span{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} .news-info a:hover span{ color:#b70031} .news-info p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#808080; line-height:24px; height:120px; margin-top:18px; text-align:justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;} .news-other{width:100%;overflow:hidden;padding:0px 10%;box-sizing:border-box;position:absolute;left:0px;bottom:14px;z-index:12;} .news-other span{float:left;width:65%;overflow:hidden;line-height:30px; height:30px;font-size: 15px;color:#e7e7e7;} .news-other span a{color:#b70031;margin: 0px 8px;} .news-other span a:nth-child(1){margin:0;} .news-other span a:nth-child(2){margin-left:0;} .news-other span a:first-child{ margin-left:0px} .news-other em{ float:right;width:auto; overflow:hidden; line-height:30px; height:30px; font-size:14px; color:#808080;font-family:'euclidcirculara'; margin-top:2px } .news-3pic{ float:left; width:100%; overflow:hidden; height:100%; position:relative} .news-3pic samp{ float:left; width:100%; height:100%} .news-3pic samp img{ width:100%; height:100%;object-fit: cover;transition:all 0.4s ease} .news-3pic a:hover img{transform:scale(1.1)} .news-3pic span{width:100%; overflow:hidden; line-height:24px; padding:0px 10%;box-sizing:border-box; position:absolute;left:0px;bottom:38px; z-index:23; font-size:16px; color:#fff;transition:all 0.4s ease} .news-3pic a:hover span{ color:#b70031} .news-link{ width:32px; height:32px; overflow:hidden;box-sizing:border-box; background:url(/images/icon-2021-58.svg) no-repeat center; position:absolute;left:20px;top:20px; z-index:23; border:2px #fff solid;border-radius:50%} .news-audio{ width:32px; height:32px; overflow:hidden;box-sizing:border-box; background:url(/images/icon-2021-56.svg) no-repeat center; position:absolute;left:20px;top:20px; z-index:23; border:2px #fff solid;border-radius:50%} .fl{ margin-left:6.26vw} .fr{ float:right; margin-right:0px} .news-share{ width:100%; height:60px; position:absolute;left:0px;bottom:-60px; z-index:234; background:#b70031;border-radius:8px 8px 0px 0px;transition:all 0.4s ease} .bshare-custom{ float:left; width:auto; padding-left:40px} .bshare-custom span{ float:left; line-height:60px; width:auto; font-size:14px; color:#fff} .bshare-custom a{ margin:17px 6px; background:#fff !important; width:26px !important; height:26px !important;border-radius:50%; padding:0px !important;background-size:60% !important;display: inline-block;vertical-align: middle;cursor:pointer; position:relative} .bshare-custom a:before{width:100%; height:100%; line-height:26px; text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#44c983;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e648";font-size:13px;} .bshare-custom a:last-child{ margin:0px 6px 0px; background:#fff !important; width:26px !important; height:26px !important;border-radius:50%; padding:0px !important;background-size:60% !important} .bshare-custom a:last-child:before{ content:"\e63e";font-size:13px; color:#ff6d71} .news-sc{ float:right; width:24px; height:24px; background: url(/images/icon-2021-57.svg) no-repeat center; margin:18px 40px 0px 0px} .news-content .active .news-share,.news-3 .active .news-share,.news-4 .active .news-share{bottom:0px} .news-content .active,.news-3 .active,.news-4 .active{box-shadow:0px 0px 12px 5px rgba(0,0,0,0.1)} .news-3{ width:100%; display:none} .news-4{ width:100%; display:none} .news-more{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:40px} .news-more a.more{ width:180px; height:48px; overflow:hidden; display:block; margin:0px auto; background:url(/images/icon-2022-7.svg) no-repeat; line-height:48px; font-size:14px; color:#fff; cursor:pointer;transition:all 0.4s ease; position:relative} .news-more a.more:hover{transform:translatey(5px)} .more1{ display:block} .more2{ display:none} .more3{ display:none} /*meiti*/ .mt{ width:100%; overflow:hidden; background:#fafafa;margin-top:90px; padding-bottom:90px} .mt h3{ width:100%; text-align:center; overflow:hidden; font-size:30px; font-weight:bold;letter-spacing:4px; position:relative; margin-top:80px; padding-bottom:27px} .mt h3 a{ color:#333; } .mt h3:before{ width:36px; height:6px; position:absolute;left:50%;bottom:0px; z-index:12; background:#b70031; content:"";margin-left:-18px} .mt-content{ width:87.5%; margin:30px auto 0px; overflow:hidden; position:relative} .mt-content .swiper-slide{ background:#fff; height:31vw; position:relative;transition:all 0.4s ease} .mt-content .swiper-slide a{width:100%;height:100%;display:block} .mt-content samp{ float:left; width:100%; overflow:hidden; height:15.73vw} .mt-content samp img{ width:100%; height:auto;transition:all 1s linear; height:100%;object-fit: cover;} .mt-content h4{ float:left; width:100%; overflow:hidden; padding:0px 6%;box-sizing:border-box; font-size:16px; color:#333; margin-top:26px;transition:all 0.5s ease;line-height:28px; height:56px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .mt-content p{ float:left; width:100%; overflow:hidden; padding:0px 6%;box-sizing:border-box; font-size:14px; color:#808080 !important; margin-top:16px; line-height:30px;height:60px; text-align:justify;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;} .mt-content span{ width:auto; position:absolute;left:6%;bottom:40px; z-index:12} .mt-content span img{ width:auto; height:54px} .mt-content em{ width:auto; position:absolute;right:6%;bottom:38px; z-index:12; font-size:16px; color:#808080;font-family:'euclidcirculara'} .mt-content .swiper-slide:hover samp img{transform:scale(1.1)} .mt-content .swiper-slide a:hover h4{ color:#b70031} .mt-content .swiper-slide:hover{box-shadow:0px 0px 12px 4px rgba(0,0,0,0.08)} .mt-content .swiper-container{ padding-bottom:64px} .mt-content .swiper-container-horizontal > .swiper-scrollbar{ width:60%; left: 20%; background-color: #e1e1e1; height:6px} .mt-content .swiper-scrollbar-drag{background-color: #b70031; height: 6px; cursor: pointer} .genner-more{width:100%; overflow:hidden; text-align:center; margin-top:40px} .genner-more a{ width:180px; height:48px; overflow:hidden; display:block; margin:0px auto; background:url(/images/icon-2022-7.svg) no-repeat; line-height:48px; font-size:14px; color:#fff; cursor:pointer;transition:all 0.4s ease} .genner-more a:hover{transform:translatey(5px)} .content-2{ width:100%; overflow:hidden} .content-2 h3{ width:100%; text-align:center; overflow:hidden; font-size:30px; font-weight:bold;letter-spacing:4px; position:relative; margin-top:90px; padding-bottom:27px} .content-2 h3 a{color:#333;} .content-2 h3:before{ width:36px; height:6px; position:absolute;left:50%;bottom:0px; z-index:12; background:#b70031; content:"";margin-left:-18px} .content-sd{ width:100%; overflow:hidden; height:100%} .content-slide{ width:87.5%; overflow:hidden; margin:30px auto 0px; height:37.5vw; position:relative} .content-slide .swiper-container{ height:100%} .content-left{ width:67%; height:100%; position:absolute;left:0px;top:0px; z-index:12} .content-left img{width:100%;height: 100%;object-fit: cover;transition:all 0.4s ease;} .content-left img:hover{transform:scale(1.1)} .content-sd:hover .content-left img{transform:scale(1.1)} .content-right{ float:left; width:100%; height:100%; overflow:hidden; text-align:right; position:relative; z-index:22} .content-right:before{ height:100%; content:""; display:inline-block; vertical-align:middle} .content-rs{ width:43.45%; display:inline-block; vertical-align:middle; overflow:hidden; background:url(/images/icon-2021-12.png) no-repeat; background-size:100%; height:70%; position:relative} .content-rs em{ width:114px; height:40px; line-height:40px; text-align:center; overflow:hidden; background:url(/images/icon-2022-13.svg) no-repeat; font-size:14px; color:#fff; position:absolute;right:17%;top:68px; z-index:12;transition:all 0.4s ease 0.4s;transform:translatex(20px);opacity:0;} .content-rs h4{float:left;width:100%;overflow:hidden;padding:0px 16%;box-sizing:border-box;text-align: justify;margin-top:150px;font-size:22px;color:#333;font-weight:bold;line-height:38px;height:76px;transition:all 0.4s ease 0.5s;transform:translatex(20px);opacity:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .content-rs h4 a{ color:#333;transition:all 0.4s ease} .content-rs h4 a:hover{ color:#b70031} .content-rs p{float:left;width:100%;overflow:hidden;padding:0px 16%;box-sizing:border-box;text-align:left;margin-top:20px;font-size:16px;color: #808080 !important;line-height:32px;height:128px;transition:all 0.4s ease 0.6s;transform:translatex(20px);opacity:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .content-slide .swiper-slide-active .content-rs em,.content-slide .swiper-slide-active .content-rs h4,.content-slide .swiper-slide-active .content-rs p{transform:translatex(0px);opacity:1} .content-slide .swiper-pagination{ right:7.6%;bottom:23%} .content-slide .swiper-pagination-bullet{ width:6px; height:6px; background:#ccc;opacity:1; margin:4px 6px 0px; float:left} .content-slide .swiper-pagination-bullet-active{ width:12px; height:12px; background:#b70031; margin-top:0px} .content-pannel{ width:87.5%; margin:36px auto 0px} .content-item{ float:left; width:32%; overflow:hidden; background:#fff; padding:2% 2%; box-sizing:border-box; margin-right:2%;transition:all 0.4s ease} .content-item:nth-child(3){ margin-right:0px; float:right} .content-item em{ float:left; width:auto; line-height:40px; font-size:16px; color:#808080} .content-item span{float:right;width: 125px;height:40px;background:url(/images/icon-2022-13.svg) no-repeat left center;overflow:hidden;line-height:40px;text-align:center;font-size:14px;font-family:'euclidcirculara';} .content-item span a{ color:#fff} .content-item h4{ float:left; width:100%; overflow:hidden; font-size:16px; line-height:30px; height:60px; margin-top:26px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .content-item h4 a{ color:#333;transition:all 0.4s ease} .content-item h4 a:hover{ color:#b70031} .content-item:hover{transform:translatey(-5px);box-shadow:0px 0px 12px 4px rgba(0,0,0,0.08)} .content-3{ width:87.5%; overflow:hidden; margin:120px auto 0px} .content-3 img{ float:left; width:100%; height:auto;} .report{ width:100%;} .report h3{ width:100%; text-align:center; overflow:hidden; font-size:30px; font-weight:bold; letter-spacing:4px; position:relative; margin-top:90px; padding-bottom:27px} .report h3 a{color:#333;} .report h3:before{ width:36px; height:6px; position:absolute;left:50%;bottom:0px; z-index:12; background:#b70031; content:"";margin-left:-18px} .report-list{ width:87.5%; margin:40px auto 0px;overflow:hidden} .report-1{ float:left; width:50%; height:21.65vw; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;transition:all 0.5s ease} .report-1 em{ width:95px; height:40px; line-height:40px; text-align:center; font-size:14px; display:block; position:absolute;right:40px;top:40px; z-index:12;} .report-s{ width:100%; overflow:hidden; position:absolute;left:0px;bottom:40px; z-index:12; padding:0px 40px;box-sizing:border-box;transition:all 0.4s ease;} .report-s span{ float:left; width:100%; overflow:hidden; font-size:14px; color:#fff;font-family:'euclidcirculara'} .report-s h4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#fff; line-height:30px; margin-top:20px; height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;} .report-2,.report-3{ float:left; width:25%; height:21.65vw; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;transition:all 0.5s ease} .report-2 em,.report-3 em{ width:95px; height:40px; line-height:40px; text-align:center; font-size:14px; display:block; position:absolute;right:40px;top:40px; z-index:12} .report-list .active{box-shadow:0px 20px 40px 5px rgba(0,0,0,0.3); z-index:50} .hei .report-s span,.hei .report-s h4{ color:#333} .report-list .active .report-s{transform:translatey(-10px)} .report-4{ width:87.5%; margin:10px auto 0px; height:90px; overflow:hidden; background:#a31f34;box-shadow:0px 4px 12px 4px rgba(163,31,52,0.2); cursor:pointer; position:relative} .report-4 span{ width:auto; position:absolute;left:60px;top:0px; z-index:1; line-height:90px;padding-left:50px; font-size:20px; color:#fff; display:block; height:90px;} .report-4 span:before{width:100%; height:100%; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e63f";font-size:22px; } .report-4 samp{ width:40px; display:block; position:absolute;right:60px;top:0px; z-index:1; height:90px; line-height:90px;} .report-4 samp:before{width:100%; height:100%; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e643";font-size:6px; } .report-4 p{ width:100%; text-align:center; line-height:90px; font-size:20px; color:#fff;font-family:'euclidcirculara'} .report-1 .remask,.report-2 .remask,.report-3 .remask,.report-4 .remask{ width:100%; height:100%; position:absolute;left:0px;top:0px; z-index:11; background:rgba(0,0,0,0.3)} .stat1{ background:url(/images/icon-2022-14.svg) no-repeat left top;color:#a31f34;} .stat2{background:url(/images/icon-2022-13.svg) no-repeat left top;color:#fff;} .stat3{background:url(/images/icon-2022-15.svg) no-repeat left top; color:#fff } .cal{ width:100%; height:100vh; overflow:hidden; position:fixed;left:-100%;top:0px; background:#fff; z-index:44567;transition:all 0.6s ease} .cal-show{left:0px} .cal .swiper-container{ height:100%} .cal .swiper-cal1>.swiper-wrapper>.swiper-slide:nth-child(3n 1){ background:#fff} .cal .swiper-cal1>.swiper-wrapper>.swiper-slide:nth-child(3n 2){ background:#fafafa} .cal .swiper-cal1>.swiper-wrapper>.swiper-slide:nth-child(3n 3){ background:#f2f2f2} .cal-left{ float:left; width:18%; overflow:hidden; height:100%; text-align:center} .cal .swiper-slide:nth-child(3n 1) .cal-left{ background:#b70031} .cal .swiper-slide:nth-child(3n 2) .cal-left{ background:#9e002a} .cal .swiper-slide:nth-child(3n 3) .cal-left{ background:#850023} .cal-left:before{ height:100%; content:""; display: inline-block; vertical-align:middle} .cal-s{ width:98%; display:inline-block; vertical-align:middle} .cal-s span{ width:auto; position:relative; display:inline-block; font-size:72px; color:#fff;font-family:'euclidcirculara'} .cal-s span em{ width:32px; height:32px; position:absolute;right:0px;top:5px; z-index:12; overflow:hidden;border-radius:50%; background:#fff; line-height:32px; text-align:center; font-size:20px; color:#850023;font-family:'euclidcirculara'} .cal-s p{ font-size:36px; color:#fff; margin-top:5px;font-family:'euclidcirculara'} .cal .swiper-button-next{top:0px; width:18%; line-height:40px;height:40px; margin:0px;left:0px;opacity:1;transform:rotate(180deg);} .cal .swiper-button-next:before{width:100%; height:100%;text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:rgba(255,255,255,0.7);font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e64c";font-size:15px; } .cal .swiper-button-prev{top:auto;bottom:0px;left:0px;width:18%; height:40px; margin:0px;opacity:1;} .cal .swiper-button-prev:before{width:100%; height:100%;text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:rgba(255,255,255,0.7);font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e64c";font-size:15px; } .cal-right{ float:right; width:82%; overflow:hidden; height:100%; position:relative} .cal-right .swiper-slide{box-sizing:border-box;border-right:1px #e6e6e6 solid; padding:0px 3%; position:relative; cursor:pointer} .cal-right .swiper-slide:before{ height:100%; content:""; display:inline-block; vertical-align:middle} .cal-rs{ width:98%; display:inline-block; vertical-align:middle; position:relative; z-index:1} .cal-rs span{ float:left; width:100%; overflow:hidden; font-size:22px; color:#333} .cal-rs p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#808080; line-height:32px; margin-top:38px} .cal-right .swiper-slide samp{ width:100%; position:absolute;left:0px;bottom:-30px; z-index:0; text-align:center; font-size:300px; color:#f2f2f2;opacity:0;transition:all 0.5s ease} .cal .swiper-slide:nth-child(3n 3) .cal-right .swiper-slide samp{ color:#eee} .cal .swiper-slide:nth-child(3n 1) .cal-right .swiper-slide samp{ color:#f5f5f5} .cal-right .swiper-slide:hover samp{opacity:1} .cal-right>.swiper-container>.swiper-button-prev{ width:72px; height:100%; box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1);opacity:0;transition:all 0.4s ease; z-index:22; background:rgba(255,255,255,.8);} .cal-right>.swiper-container>.swiper-button-prev:before{width:100%;text-align:center; position:absolute; height:auto;left:0%;top:50%;transform:translatey(-50%); font-family:"iconfont"; color:#b70031;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e64a";font-size:26px; } .cal-right>.swiper-container>.swiper-button-next{ width:72px; height:100%; box-shadow:0px 0px 12px 4px rgba(0,0,0,0.1);right:0px;left:auto;opacity:0;transition:all 0.4s ease; z-index:22; background:rgba(255,255,255,.8);} .cal-right>.swiper-container>.swiper-button-next:before{width:100%;text-align:center; position:absolute; height:auto;left:0%;top:50%;transform:translatey(-50%); font-family:"iconfont"; color:#b70031;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e64a";font-size:26px; } .cal-right>.swiper-container:hover .swiper-button-prev,.cal-right>.swiper-container:hover .swiper-button-next{opacity:1; z-index:22} .cal-other{ width:60px; position:fixed;right:60px; z-index:123;top:50%; margin-top:-60px;opacity:0;transition:all 0.6s ease 0.4s} .cal-show .cal-other{opacity:1} .cal-other span{ float:left; width:60px; height:60px;border:2px #b70031 solid;border-radius:50%;overflow:hidden;box-sizing:border-box; line-height:60px; text-align:center; font-size:14px; color:#b70031; cursor:pointer;transition:all 0.4s ease} .cal-other span:hover{ background:#b70031; color:#fff} .cal-other p{ float:left; width:60px; height:60px; background:#b70031;border-radius:50%;overflow:hidden;box-sizing:border-box; line-height:60px; text-align:center; font-size:14px; color:#fff; cursor:pointer;transition:all 0.4s ease; margin-top:20px; box-shadow:3px 12px 12px 5px rgba(183,0,49,0.2)} .cal-other p a{ color:#fff; display:block} /*his*/ .his{ width:100%; overflow:hidden; margin-top:120px; position:relative} .his-head{width:auto;font-size:30px;font-weight:bold;position:absolute;padding-bottom:27px;z-index: 24;left:6.25%;top:10%;} .his-head a{color:#fff;} .his-head:before{ width:36px; height:6px; position:absolute;left:0%;bottom:0px; z-index:12; background:#fff; content:"";} .his-bg{ width:100%; overflow:hidden; position: absolute;left:0px;top:0px; z-index:12; height:100%} .his-pic{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; height:100%;opacity:0;transition:all 0.3s ease} .his-bg .active{opacity:1; z-index:13} .his-s{ width:100%; overflow:hidden; position:relative; z-index:15} .his-s img{ width:100%; height:auto} .his-slide{ width:100%; overflow:hidden; position:absolute;left:0px; bottom:23%; z-index:34; text-align:center} .his-slide .swiper-slide{ text-align:center} .his-slide .swiper-slide span{ display:inline-block; font-size:220px; color:#a31f34;transition:all 0.5s ease 0.6s;transform:translatey(-20px);opacity:0;font-family:'euclidcircularb'; font-style:normal} .his-slide .swiper-slide samp{ width:24%; display:inline-block;transition:all 0.5s ease 0.6s;transform:translatey(-20px);opacity:0;margin-left:-10px} .his-slide .swiper-slide samp img{width:100%;height:auto;transform: scale(1);} .his-slide .swiper-slide .his-ct{ width:460px; display:inline-block; overflow:hidden; margin-left:50px; text-align:left; vertical-align:top;transition:all 0.5s ease 0.6s;transform:translatey(-20px);opacity:0} .his-slide .swiper-slide .his-ct h3{ float:left; width:100%; overflow:hidden; font-size:22px; color:#fff; margin-top:80px} .his-slide .swiper-slide .his-ct p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#fff; margin-top:24px} .his-slide .swiper-slide-active span,.his-slide .swiper-slide-active samp,.his-slide .swiper-slide-active .his-ct{opacity:1;transform:translatey(0px)} /*.his-slide .swiper-button-prev{ width:120px; height:34px; line-height:34px; left: auto; right: 18%;top:auto; bottom:5%;outline: none; } .his-slide .swiper-button-prev:before{width:100%; height:100%; text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e641";font-size:29px; transform: rotatey(180deg);} .his-slide .swiper-button-next{ width:120px; height:34px; line-height:34px; right:6.25%;top:auto; bottom:5%;outline: none; } .his-slide .swiper-button-next:before{width:100%; height:100%; text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e641";font-size:29px; }*/ .his-slide .swiper-button-prev{ left: auto; right: calc(6.25% 58px); top:auto; bottom:5%; outline: none; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-image: ; background-size: 50% auto; transition: all .3s ease; transform: rotatey(180deg); } .his-slide .swiper-button-prev:hover{ background-color: #fff; background-image: ; } .his-slide .swiper-button-next{ right:6.25%; top:auto; bottom:5%; outline: none; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; background-position: center center; background-repeat: no-repeat; background-image: ; background-size: 50% auto; transition: all .3s ease; } .his-slide .swiper-button-next:hover{ background-color: #fff; background-image: ; } .his-ul{ width:100%; overflow:hidden; height:100%; position:absolute;left:0px;top:0px; z-index:23} .his-li{ width:120px; overflow:hidden; position:absolute; z-index:12;transition:all 0.4s ease;left:80%;bottom:100%; } .his-li span{ float:left; width:24px; height:24px; overflow:hidden;border-radius:50%; background:#a31f34; position:relative} .his-li span:before{width:12px; height:12px;border-radius:50%; overflow:hidden; background:#fff; position:absolute; content:"";left:6px;top:6px; z-index:1} .his-li p{ float:left; width:auto; line-height:24px; font-size:24px; color:#fff; margin-left:10px;font-family:'euclidcirculara'} .his-ul .active{left:31%;bottom:18%; display:block} .his-ul .active1{left:60.5%;bottom:68.5%; display:block} .his-ul .active2{left:64.5%;bottom:75.5%; display:block} .his-ul .active3{left:69.5%;bottom:84.5%;display:block} .his-ul .hide{ display:none} @keyframes rorates{ 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} } .shu{ width:68.7%; background:#fff; margin:-90px auto 0px; position:relative; z-index:456} .shu h3{ float:left; width:100%; text-align:center; overflow:hidden; font-size:30px; font-weight:bold; color:#333; letter-spacing:4px; position:relative; margin-top:60px; padding-bottom:24px} .shu h3:before{ width:36px; height:6px; position:absolute;left:50%;bottom:0px; z-index:12; background:#b70031; content:"";margin-left:-18px} .shu-content{ width:100%; overflow:hidden; position:relative; padding-bottom:40px} .shu-content.swiper-wrapper .shu-content .shu-pannel{ float:left; width:100%; overflow:hidden} .shu-content .shu-item{float:left;width:25%;overflow:hidden;text-align:center;height:180px;position:relative;cursor:pointer;z-index: 999;} .shu-content .shu-item samp{ width:160px; height:160px; overflow:hidden; position:absolute;left:50%;top:0px; z-index:12;margin-left:-80px; background:url(/images/icon-2021-64.svg) no-repeat center;opacity:0;transition:all 0.2s ease;animation:rorates 4s linear infinite; background-size:100%} .shu-content .shu-item span{ float:left; width:100%; overflow:hidden; font-size:36px; color:#b70031; margin-top:52px;font-family:'euclidcircularb'} .shu-content .shu-item p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#a6a6a6; line-height:20px; margin-top:12px} .shu-content .active samp{opacity:1} .shu-pag{ width:100%; overflow:hidden; text-align:center;margin-top:30px; text-align:center} .shu-content .swiper-pagination{ width:auto; display:inline-block; position:relative; } .shu-content .swiper-pagination .swiper-pagination-bullet{ float:left; width:6px; height:6px;opacity:1; background:#daa5ae; margin:3px 6px 0px;} .shu-content .swiper-pagination .swiper-pagination-bullet-active{ width:12px; height:12px;opacity:1; background:#a31f34; margin-top:0px} .shu-line{ width:120px; height:5px; background:#a31f34; position:absolute;left:60px;top:98px; z-index:23;transform:rotate(-37deg)} .shu-arr{width:232px;height:174px;position:absolute;right:-6px;bottom:-6px;z-index: -1;border-bottom:6px #ebdcdc solid;border-right:6px #ebdcdc solid;} /*school*/ .school{ width:100%; overflow:hidden; height:52.75vw; background:url(/images/index-2021-35.jpg) no-repeat center; background-size:cover; margin-top:120px; margin-bottom:0 ; position:relative} .school-1{ width:14%; overflow:hidden; position:absolute;left:6%;top:6%; z-index:12;} .school-1 h3{ float:left; width:100%; overflow:hidden; position:relative; font-size:30px; color:#333; font-weight:bold; letter-spacing:4px;padding-bottom:27px} .school-1 h3:before{ width:36px; height:6px; position:absolute;left:0%;bottom:0px; z-index:12; background:#b70031; content:"";} .school-1 p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#323232; line-height:24px; margin-top:26px} .school-left{ width:26.49%; overflow:hidden; position:absolute;left:20%;top:30%; z-index:234} .school-left img{ float:left; width:100%; height:auto} .school-left span{ width:46%; height:48px; overflow:hidden; position:absolute;left:0px;top:41.2%; z-index:12; background:url(/images/icon-2021-17-1.png) no-repeat; background-size:100%;text-align:center; font-size:14px; color:#363636;box-sizing:border-box; padding-right:10%; line-height:39px; cursor:pointer} .school-left span.active{background:url(/images/icon-2021-17.png) no-repeat;color:#fff;background-size:100%} .school-left p{ width:46%; height:64px; overflow:hidden; position:absolute;right:0px;top:72.8%; z-index:12; background:url(/images/icon-2021-18.png) no-repeat; background-size:100%; text-align:center; font-size:14px; color:#363636;box-sizing:border-box; padding-left:9%; line-height:0px;cursor:pointer;padding-top: 6%} .school-left p.active{background:url(/images/icon-2021-18-1.png) no-repeat; color:#fff;background-size:100%} .school-center{ width:26%; position:absolute;left:44%;top:9%;z-index: 235;} .school-map{ float:left; width:100%; position:relative; display:none} .school-map img{width:100%; height:auto} .school-center .active{ display:block} @keyframes cir{ 0%{opacity:0.4s;width:0px;height:0px;left:12px;top:12px} 100%{opacity:0;width:24px;height:24px;left:0px;top:0px} } .school-map .map1,.school-map .map2{ width:auto; position:absolute; z-index:23; cursor:pointer} .school-map .map1 span,.school-map .map2 span{ width:24px; height:24px; position:relative; display:block} .school-map .map1 span:before,.school-map .map2 span:before{ width:8px; height:8px; overflow:hidden;border-radius:50%;background:#a31f34; content:""; position:absolute;left:8px;top:8px; z-index:12} .school-map .map1 span:after,.school-map .map2 span:after{width:0%;height:0%;overflow:hidden;border-radius:50%;background:#a31f34;content:"";position:absolute;left:12px;top:12px;z-index:10;/* animation:cir 1.4s ease infinite */} .school-map .map1 p,.school-map .map2 p{ width:180px; height:32px; line-height:32px; text-align:center;border-radius: 20px 20px 20px 0; background:#a31f34; font-size:14px; color:#fff; position:absolute;left:21px;top:-30px; z-index:12;opacity:0; visibility:hidden;transition:all 0.4s ease} .school-map .map1.act p,.school-map .map2.act p{opacity:1; visibility:visible} .school-map .map11{left:3%;top:20%} .school-map .map12{left:24.3%;top:48.3%} .school-map .map13{left:25%;top:58%} .school-map .map14{left:38%;top:24%} .school-map .map15{left:48%;top:36%;z-index: 26;} .school-map .map16{left:54%;top:31%;z-index: 24;} .school-map .map17{left:75%;top:24%} .school-map .map18{left:70%;top:32%;z-index: 25;} .school-map .map19{left:92%;top:34.5%} .school-map .map20{left:85%;top:40%} .school-map .map21{left:67.2%;top:42.6%} .school-map .map22{left:57%;top:39%;z-index: 25} .school-map .map23{left:62%;top:46%} .school-map .map24{left:55%;top:50%} .school-map .map31{left:49%;top:22%} .school-map .map32{left:61%;top:31%} .school-map .map33{left:64%;top:33%} .school-map .map34{left:68%;top:34%} .school-map .map35{left:33%;top:49%} .school-map .map36{left:55%;top:47%} .school-map .map37{left:36%;top:58%} .school-map .map38{left:52%;top:67%} .school-map .map39{left:18%;top:88%} .school-map .map40{left:38%;top:89%} .school-map .map41{left: 52%;top: 90%;} /* .school-map .map21{left:52%;top:32%} .school-map .map22{left:42%;top:52%} .school-map .map23{left:32%;top:42%} */ .school-right{ width:25%; position:absolute;right:4.25%;bottom:6%; z-index:234;} .school-content{ float:left; width:100%; overflow:hidden; display:none} .school-item{ float:left; width:100%; display:none} .school-content .show{ display:block} .school-content h3{ float:left; width:100%; overflow:hidden; position:relative; font-size:26px; font-weight:bold; color:#333;padding-bottom:0} .school-content h3:before{ display:none; width:36px; height:6px; position:absolute;left:0%;bottom:0px; z-index:12; background:#b70031; content:""; } .school-content p{ float:left; width:100%; line-height:26px; font-size:14px; color:#333; margin-top:14px} .school-right .active{ display:block} .school-top {display: block; width: 50%; height: 60%; position: absolute; right: 0; top: 0;} .school-img{ width: 100%; height:100%; position: absolute; right: 0; top: 0;display: none;} .school-top .active {display:block} .school-img .school-img-item {display: none;} .school-img .show {display: block;} .school-img-left .school-img-item:nth-child(1) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(2) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(3) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(4) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(5) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(6) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(7) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(8) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(9) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(10) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(11) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(12) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(13) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-left .school-img-item:nth-child(14) { width: 100%;height: 100%;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(1) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/yinghua.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(2) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/daxuesheng.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(3) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xingfu.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(4) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/jingxin.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(5) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/yingtao.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(6) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/wenmailang.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(7) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/tushuguanm.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(8) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/fengqi.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(9) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/shangyiqiao.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(10) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/dashishi.jpg) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-img-right .school-img-item:nth-child(11) { width: 100%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/djfwzx2.png) no-repeat top;background-size: cover;box-shadow: 40px -40px 58px 9px #ffffff inset;} .school-top-m{display: none;} @keyframes picmove{ 0%{transform:scale(1)} 100%{transform:scale(1.2)} } .content-7{ width:100%; overflow:hidden; position:relative} .content-7 .gallery-top .swiper-slide{ position:relative} .content-7 .gallery-top .swiper-slide span{width:87.5%;left:7.5%;bottom: 24%;position:absolute;z-index:25;display:block;font-size:48px;font-weight:bold;color:#fff;opacity:0;transition:all 0.5s ease 0.4s;} .content-7 .gallery-top img{ width:100%; overflow:hidden; height:auto;transition:all 2s linear 0.5s} .content-7 .gallery-top .swiper-slide-active span{opacity:1;left:6.25%} .content-7 .gallery-top .swiper-slide-active img{animation:picmove 40s linear alternate infinite} .content-7 .gallery-thumbs{ position:absolute;left:0px;bottom:0px; z-index:12; width:100%; background:rgba(0,0,0,0.2); padding:40px 0px} .content-7 .gallery-thumbs img{ width:100%; height:5vw;object-fit:cover; border:4px #fff solid;box-sizing:border-box; cursor:pointer;transition:all 0.4s ease} .content-7 .gallery-thumbs .swiper-slide-thumb-active img{ border-color:#b70031} .content-7 .gallery-thumbs .swiper-slide{transition:all 0.4s ease} .content-7 .gallery-thumbs .swiper-slide:hover{transform:translatey(-8px)} .content-7 .gallery-thumbs .swiper-slide:hover img{transform:scale(1.1)} @media screen and (max-width:1660px){ .mt{ margin-top:80px; padding-bottom:80px} .news h3,.mt h3,.content-2 h3,.report h3,.shu h3,.school-1 h3,.content-7 .gallery-top .swiper-slide span{ font-size:26px; letter-spacing:4px; padding-bottom:25px} .news-info {margin-top: 10px;} .news-info p{ height:96px;-webkit-line-clamp:4;} .news-more a,.genner-more a {width:160px;height: 44px;line-height: 44px;} .mt-content .swiper-slide{ height:34vw} .content-rs p{ font-size:15px; line-height:30px; height:120px} .content-3{ margin-top:100px} .his-head{ font-size:26px} .his-slide .swiper-slide span{ font-size:210px} .content-rs h4{ font-size:20px} .school-left span{ line-height:0px; padding-top: 4.6%} .school-left p{ line-height:0px; padding-top: 6%} .shu h3{ font-size:26px;letter-spacing:3px;margin-top:42px; padding-bottom:22px} .shu h3:before{ width:36px; height:7px; margin-left:-18px} .shu-content{ padding-bottom:34px} .shu-content .shu-item{height:150px;} .shu-content .shu-item samp{ width:150px; height:150px;margin-left:-75px; } .shu-content .shu-item span{font-size:32px;margin-top:46px;} .shu-content .shu-item p{font-size:12px;margin-top:10px} .shu-pag{margin-top:20px;} .shu-line{ width:100px; height:4px; left:50px;top:80px;} .shu-arr{ width:210px; height:160px;right:-4px;bottom:-4px; border-bottom:4px #ebdcdc solid;border-right:4px #ebdcdc solid} .school-content h3{ font-size:22px} } @media screen and (max-width:1600px){ .news-other span,.news-2-2 .news-other span{font-size:13px} .news-other span a{margin:0px 4px} } @media screen and (max-width:1440px){ /*news*/ .mt{margin-top:75px; padding-bottom:75px} .news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{letter-spacing:2px;margin-top:75px; padding-bottom:22px} .news-video,.news-link,.news-audio{ width:28px; height:28px;left:18px;top:18px; background-size:40%} .news-bottom h4{bottom: 35px;} .news-bottom h4 a{ font-size:15px;} .news-bottom span{font-size:12px;bottom:6px;} .news-bottom span a{ margin:0px 12px} .news-bottom p{font-size:12px;bottom:6px;} .news-info{ margin-top:10px;} .news-info span{ font-size:14px;line-height:22px; height:44px} .news-info p{ font-size:12px; line-height:24px; height:96px; margin-top:14px} .news-other{bottom:0px;} .news-2-2 .news-other{padding-bottom:2px;} .news-other span,.news-2-2 .news-other span{line-height:24px;font-size:12px;} .news-other span a{ margin:0px 6px} .news-other em,.news-2-2 .news-other em{ line-height:24px; height:24px; font-size:12px; } .news-3pic span{ line-height:22px;bottom:70px; font-size:14px; } .news-share{ height:50px;bottom:-50px;} .bshare-custom{padding-left:34px} .bshare-custom span{ line-height:50px; } .news-sc{ width:22px; height:22px;margin:12px 34px 0px 0px} .news-2{ width:20.88vw; margin-left:1.3vw} .news-1{ width:43.1vw} .fl{ margin-left:6.26vw} .bshare-custom a{ margin-top:11px} .bshare-custom a:last-child{ margin-top:-5px} /*meiti*/ .mt-content{margin:29px auto 0px;} .mt-content .swiper-slide{ height:31vw;} .mt-content h4{ font-size:14px; line-height:26px; height:52px; margin-top:22px;} .mt-content p{font-size:12px; margin-top:15px; line-height:24px;height:48px; -webkit-line-clamp: 2} .mt-content span{bottom:24px;} .mt-content span img{ height:38px} .mt-content em{bottom:20px; font-size:12px; } .mt-content .swiper-container{ padding-bottom:63px} .content-rs em{top:40px} .content-rs h4{margin-top:120px;font-size:18px;line-height:28px;height:56px;} .content-rs p{ margin-top:15px; font-size:14px;line-height:30px; height:90px;-webkit-line-clamp: 3;} .content-pannel{ margin:33px auto 0px} .content-item em{ line-height:32px; font-size:12px;} .content-item span{width: 90px;height:28px;line-height:28px;font-size:12px;} .content-item h4{ font-size:14px; line-height:28px; height:56px; margin-top:20px} .content-3{ margin:80px auto 0px} .report-list{ margin:38px auto 0px} .report-1 em,.report-2 em,.report-3 em{ width:92px; height:36px; line-height:36px; text-align:center; font-size:12px; right:36px;top:36px; } .report-s{ bottom:36px; padding:0px 30px;} .report-s span{ font-size:12px;} .report-s h4{ font-size:14px; line-height:26px; margin-top:17px; height:78px} .report-4{ height:80px; } .report-4 span{ left:50px;line-height:80px; font-size:18px; height:80px} .report-4 samp{ right:50px;height:80px;} .report-4 p{ line-height:80px; font-size:18px;} .his{ margin-top:90px;} .his-slide .swiper-slide span {font-size: 160px;} .his-slide .swiper-slide .his-ct h3{ font-size:18px} .his-slide .swiper-slide .his-ct p{ font-size:12px; line-height:24px; height:48px} /*.his-slide .swiper-button-next, .his-slide .swiper-button-prev{ width:90px;background-size: 100%; height:30px}*/ .content-7 .gallery-top .swiper-slide span{ font-size:36px; } .content-7 .gallery-thumbs{ padding:30px 0px} .content-7 .gallery-thumbs img{ border:3px #fff solid;} /*school*/ .school{ margin-top:90px; margin-bottom: 0;} .school-1{ width:20%} .school-1 h3{ letter-spacing:2px;padding-bottom:24px} .school-1 p{font-size:12px;line-height:20px; margin-top:15px} .school-left span,.school-left p{ height:55px; font-size:12px; line-height:0px; } .school-left p{ line-height:0px} .school-content h3{ padding-bottom:0} .school-content p{line-height:23px; font-size:12px; margin-top:14px} .shu h3{ font-size:26px;letter-spacing:2px;margin-top:36px; padding-bottom:20px} .shu-content{ padding-bottom:30px} .shu-content .shu-item{height:140px;} .shu-content .shu-item samp{ width:140px; height:140px;margin-left:-70px; } .shu-content .shu-item span{font-size:30px;margin-top:42px;} .shu-content .shu-item p{margin-top:8px} .shu-pag{margin-top:19px;} .shu-line{ width:90px; height:4px; left:40px;top:70px;} /*.his-slide .swiper-button-next::before, .his-slide .swiper-button-prev::before{ font-size:22px}*/ .his-slide .swiper-button-prev, .his-slide .swiper-button-next{ width: 40px; height: 40px; } .his-slide .swiper-button-prev{ right: calc(6.25% 50px); } } @media screen and (max-width:1379px){ /*news*/ .mt{margin-top:68px; padding-bottom:68px} .news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{letter-spacing:2px;margin-top:68px; padding-bottom:20px; font-size:24px} .news h3::before,.mt h3::before,.content-2 h3::before,.report h3::before{ height:4px} .news-info { margin-top: 13px;} .news-more a, .genner-more a {width: 120px;height: 42px;line-height: 42px;} .mt-content .swiper-slide {height: 32.4vw;} .content-rs em{top:37px} .content-rs h4{ padding:0px 9% 0px 12%; margin-top:100px; font-size:17px;line-height:28px; height:56px;} .content-rs p{ margin-top:12px; font-size:12px;line-height:26px; height:78px;padding:0px 9% 0px 12%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;} .content-pannel{ margin:30px auto 0px} .content-3{ margin:70px auto 0px} .report-list{ margin:34px auto 0px} /*his*/ .his{ margin-top:70px;} .his-head{ font-size:24px; padding-bottom:20px; } .his-head::before {height:4px;} .his-slide .swiper-slide span{ font-size:120px; } .his-slide .swiper-slide .his-ct{ width:360px; margin-left:30px;} .his-slide .swiper-slide .his-ct h3{ font-size:17px; margin-top:40px} .his-slide .swiper-slide .his-ct p{ font-size:12px; margin-top:20px; line-height:22px; height:66px} /*.his-slide .swiper-button-next, .his-slide .swiper-button-prev{ width:70px; height:30px; background-size:100% }*/ .shu h3 {font-size: 24px;} .shu h3::before,.school-1 h3::before{ width:36px; height:4px; margin-left:-18px} .shu-content .shu-item span{ font-size:24px} .school-content h3{ font-size:19px} .cal-s span{ font-size:52px; } .cal-s span em{ width:24px; height:24px;top:2px; line-height:24px; font-size:12px; } .cal-s p{ font-size:30px; } .cal-rs span{font-size:20px; } .cal-rs p{ font-size:14px; line-height:30px; margin-top:32px} .school-1 h3{ font-size:24px} } @media screen and (max-width:1366px){ .school-left span{ line-height:0px} } @media screen and (max-width:1280px){ .mt{margin-top:62px; padding-bottom:62px} .news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{margin-top:62px; padding-bottom:18px; font-size:22px} .news-2,.news-1{height:17.8vw;} .news-2pic{height:9.8vw;} .news-info p{ height:72px;-webkit-line-clamp:3;} .his-slide .swiper-slide samp{ margin-left:-7px} .his-head{ font-size:22px; padding-bottom:18px} .mt-content .swiper-slide{ height:33vw} .mt-content span img{ height:32px} .cal-rs span{ font-size:14px} .cal-rs p{ font-size:12px; line-height:20px} .cal-right .swiper-slide samp{ font-size:140px} .cal-s span{ font-size:44px} .cal-s p{ font-size:20px} .cal-other{ width:40px; right:50px;top:50%; } .cal-other span{width:40px; height:40px;line-height:40px; font-size:12px;} .cal-other p{ width:40px; height:40px;line-height:40px; font-size:12px; margin-top:15px;} .report-4{ height:70px; } .report-4 span{ left:45px;line-height:70px; font-size:16px; height:70px; background-size:22px; padding-left:40px} .report-4 samp{ right:45px;height:70px; line-height:70px} .report-4 p{ line-height:70px; font-size:16px;} .content-rs h4 {padding: 0px 14% 0px 12%;margin-top: 100px;font-size: 16px;line-height: 30px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .content-item h4 {font-size: 14px;line-height: 22px;height: 44px;margin-top: 20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .content-rs p{padding: 0px 16% 0px 12%;} .report-1 em, .report-2 em, .report-3 em {width: 90px;height: 32px;line-height: 32px;right: 26px;top: 26px;} .report-s h4 {font-size: 14px;line-height: 22px;margin-top: 17px;height: 66px;} .his-slide .swiper-slide .his-ct h3 {font-size: 17px;margin-top: 40px;} .his-li p{ font-size:20px} .his-slide .swiper-slide span {font-size: 110px;} .his-head::before {width: 36px;height: 4px;position: absolute;left: 0%;bottom: 0px;z-index: 12;background: #fff;content: "";} .school-1 h3 {font-size: 22px;letter-spacing: 2px;padding-bottom: 24px;margin-top: 0} .school-content h3 {font-size: 16px;letter-spacing: 2px;padding-bottom: 0} .content-7 .gallery-top .swiper-slide span {font-size: 30px;} .shu{ margin-top:-60px; width:66%} .shu h3{ font-size:22px;margin-top:30px; padding-bottom:18px} .shu h3:before{ width:36px; height:4px; margin-left:-18px} .shu-content{ padding-bottom:30px} .shu-content .shu-item{height:120px;} .shu-content .shu-item samp{ width:120px; height:120px;margin-left:-60px; } .shu-content .shu-item span{font-size:28px;margin-top:34px;} .shu-content .shu-item p{margin-top:8px} .shu-line{ width:60px; height:2px; left:30px;top:50px;} .shu-arr{ width:180px; height:140px;right:-3px;bottom:-3px; border-bottom:3px #ebdcdc solid;border-right:3px #ebdcdc solid} } @media screen and (max-width:1250px){ .news-info span{height:22px;-webkit-line-clamp:1;} .news-other em{width:100%;/* float:left */} .news-2-2 .news-3pic span{line-height: 20px;max-height: 40px;display: -webkit-box;text-overflow: ellipsis;white-space: pre-wrap;-o-text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news-2-2 .news-other{height:auto;padding-bottom: 10px;padding-top: 5vw;} .news-2-2 .news-other span{position:relative;bottom:0px} .news-2-2 .news-other span{/* line-height:20px; */} .news-2-2 .news-other em{/* line-height:20px; */height: 24px;margin-top:0px;position:relative;/* float:left; */width: 100% !important;right:0px;bottom:0px;} .news-other span, .news-2-2 .news-other span{height:20px; line-height:20px;margin:0px} .news-other em, .news-2-2 .news-other em{height:20px; line-height:20px} .news-other{bottom:5px} .news-2-2 .news-other{padding-bottom:5px} } @media screen and (max-width:1150px){ .news-other{bottom: 2px;} } @media screen and (max-width:1024px){ /*news*/ .mt{margin-top:56px; padding-bottom:56px} .news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{margin-top:56px;padding-bottom:16px;font-size:20px;} .news-bottom h4 a{ font-size:14px;} .news-bottom span{line-height:20px; height:20px; } .news-bottom span a{ margin:0px 6px} .news-bottom p{ line-height:20px; height:20px;} .news-info{margin-top: 10px;padding:0px 5%;} .news-info span{font-size: 13px;line-height:22px;height:22px;} .news-info p{ height:44px;-webkit-line-clamp: 2;} .news-other{padding:0px 5%;bottom: 8px;} .news-other span a{ margin:0px} .news-other span{line-height:20px;display: block;width: 100%;} .news-other em{float:left;width:100%;line-height:20px;height:20px;margin:0px} .news-2-2 .news-other em{width: 100%;display: block;} /*meiti*/ .mt-content{margin:24px auto 0px;} .mt-content .swiper-slide{ height:475px;} .mt-content h4{ margin-top:16px;} .mt-content p{font-size:13px; margin-top:9px; line-height:27px;height:81px} .mt-content span img{display:inline-block} .mt-content em{bottom:28px; font-size:13px; } .mt-content .swiper-container{ padding-bottom:56px} .mt-content samp{ height:23.73vw} .news-3pic span{padding:0px 5%;font-size: 13px;} .content-rs em{top:32px} .content-rs h4{ padding:0px 9%; margin-top:80px; font-size:16px;} .content-rs p{ margin-top:7px;line-height:24px; height:48px;padding:0px 9%;} .content-pannel{ margin:28px auto 0px} .content-item em{ line-height:32px; } .content-3{ margin:50px auto 0px} .report-list{ margin:30px auto 0px} .report-1 em,.report-2 em,.report-3 em{ width:86px; height:30px; line-height:30px; right:30px;top:30px; } .report-s{ bottom:30px; padding:0px 25px;} .report-s h4{ line-height:26px; margin-top:10px; height:52px} .report-4{ height:90px; } .report-4 span{ left:42px;line-height:90px; font-size:16px; height:90px} .report-4 samp{ right:42px;height:90px;} .report-4 p{ line-height:90px; font-size:16px;} /*his*/ .his{ margin-top:50px;} .his-head{ font-size:20px; } .his-slide .swiper-slide span{ font-size:80px; } .his-slide .swiper-slide .his-ct{ width:320px; margin-left:20px;} .his-slide .swiper-slide .his-ct h3{ font-size:18px; margin-top:10px} .his-slide .swiper-slide .his-ct p{ margin-top:15px; height:40px} /*.his-slide .swiper-button-next, .his-slide .swiper-button-prev{ width:70px; height:26px; }*/ .his-li span{ width:20px; height:20px; } .his-li span:before{width:10px; height:10px;left:5px;top:5px; } .his-li p{ line-height:20px; font-size:16px; } .shu{ margin-top:-50px; width:78%} .shu h3{ font-size:20px} .content-7 .gallery-top .swiper-slide span{ font-size:32px; } .content-7 .gallery-thumbs{ padding:20px 0px} .content-7 .gallery-thumbs img{ border:2px #fff solid;} /*school*/ .school{ height:auto; margin-top:50px;margin-bottom: 0; padding-bottom:40px} .school-1{ float:left; width:100%;position: relative;left:0%;bottom:0%; margin:40px auto 0px; padding:0px 10%;box-sizing:border-box} .school-1 h3{ font-size:20px; } .school-1 p{ font-size:14px;line-height:24px; margin-top:15px; width:50%} .school-left{ width:40%; position:relative;left:0%;top:0%; margin-top:30px; float:left; margin-left:5%} .school-center{ width:40%; position:relative;left:0%;top:0%; float:left; margin-top:30px; margin-left:5%} .school-right{ width:100%; position:relative;right:0%;top:0%; margin-top:30px; padding:0px 10%;box-sizing:border-box} .school-content h3{font-size:16px;padding-bottom:0} .school-content h3:before{ display:none;width:30px; height:4px; } .school-content p{ font-size:14px; margin-top:14px} .cal-s{ width:90%} .cal-s span{ font-size:42px; } .cal-s span em{ width:20px; height:20px;top:0px; line-height:20px; } .cal-s p{ font-size:20px; } .cal-rs span{font-size:16px; } .cal-rs p{ font-size:14px; line-height:30px; margin-top:25px} } @media screen and (max-width:1000px){ .news-content .active .news-share, .news-3 .active .news-share{ display:none; } .content{margin-top:0px} } @media screen and (max-width:960px){ .news-other{ bottom:3px; } .news-2-2 .news-other{ padding-top: 6.8vw; } } @media screen and (max-width:860px){ .news-info{ margin-top:5px; } } @media screen and (max-width:800px){ .news-info{ margin-top:2px; } .news-other{ bottom:0px; } } @media screen and (max-width:768px){ .content{ margin-top:0px} /*news*/ .mt{margin-top:30px; padding-bottom:30px} .news{ width:90%; margin:0px auto} .news h3,.mt h3,.content-2 h3,.report h3,.shu h3{ font-size:20px;margin-top:30px; padding-bottom:20px} .news h3:before,.mt h3:before,.content-2 h3:before,.report h3:before,.shu h3:before{ width:30px; height:4px;margin-left:-15px} .news-1{ width:100%; height:auto; margin-top:15px; } .news-2{ width:100%; height:auto;margin-top:15px;padding-bottom:50px} .news-2-2 .news-other{background:none;position: static;padding-top: 15px;padding-bottom: 0;} .news-2-2 .news-other em{ color: #808080; margin-top:10px; } .news-2-2{ padding-bottom: 0px; } .news-2-2 .news-3pic span{bottom:36px;} .news-info{margin-top:14px;} .news-other{bottom:5px;} .news-info span{line-height:23px; height:auto} .news-info p{font-size:12px; line-height:22px; height:auto; margin-top:12px} .news-other span{line-height:22px; font-size:12px;} .news-other span a{ margin:0px 4px} .news-other em{ line-height:22px; height:22px; } .news-3pic span{ line-height:22px; padding:0px 5%;bottom:18px;font-size:15px;} .fl{ margin-left:0px} .news-2pic{ height:auto} .news-2{ margin-left:0px} /*meiti*/ .mt-content{ width:90%} .mt-content{margin:21px auto 0px;} .mt-content .swiper-slide{ height:87vw;} .mt-content h4{ margin-top:22px;} .mt-content p{font-size:12px; margin-top:11px; line-height:23px;height:69px} .mt-content span{bottom:30px;} .mt-content span img{ height:44px} .mt-content em{bottom:28px; font-size:12px; } .mt-content .swiper-container{ padding-bottom:52px} .mt-content samp{ height:52.73vw} .content-slide{ height:100%; width:90%} .content-left{ width:100%; position:relative; height:auto; float:left} .content-left img{height:60vw;} .content-right{ height:auto;} .content-rs{ width:100%; background:#fff ; height:auto; position:relative; padding-bottom:50px} .content-rs h4{ padding:0px 8%; margin-top:80px; font-size:16px;line-height:26px; height:56px;} .content-rs p{ padding:0px 8%; margin-top:10px; font-size:14px;line-height:24px; height:72px;} .content-slide .swiper-pagination{ right:50%;bottom:20px;transform: translatex(50%)} .content-pannel{ width:90%; margin:0px auto 0px} .content-item{ width:100%; padding:2% 4%; margin-right:0%; margin-top:15px; padding-bottom:20px} .content-item h4{ line-height:25px; height:auto; margin-top:14px} .content-rs em{ right:8%} .content-3{ margin:30px auto 0px; width:90%} .report-list{ margin:20px auto 0px; width:90%} .report-1{ width:100%; height:40vw; } .report-2,.report-3{ width:50%; height:40vw; } .report-1 em,.report-2 em,.report-3 em{ width:70px; height:30px; line-height:30px; right:20px;top:20px; } .report-s{ bottom:20px; padding:0px 16px;} .report-s h4{ font-size:14px; line-height:22px; margin-top:5px; height:22px} .report-4{ height:50px; width:90% } .report-4 span{ left:10px;line-height:50px; font-size:12px; height:50px; background-size:12px; padding-left:18px} .report-4 samp{ right:20px;height:50px;background-size:22px; width:24px} .report-4 p{ line-height:50px; font-size:12px; padding-left:10px} /*his*/ .his{ margin-top:30px;} .his-head{ font-size:20px; padding-bottom:14px; } .his-head::before{ width:30px; height:4px} .his-slide{ bottom:0px; padding-bottom:40px} .his-slide .swiper-slide span{ font-size:24px; } .his-slide .swiper-slide samp{margin-left:0px} .his-slide .swiper-slide .his-ct{ width:90%; margin-left:20px;} .his-slide .swiper-slide .his-ct h3{ font-size:16px; margin-top:10px} .his-slide .swiper-slide .his-ct p{ margin-top:6px; height:20px} /*.his-slide .swiper-button-next, .his-slide .swiper-button-prev{ width:30px; height:20px; bottom:10px }*/ .his-ul{ display:none} .school-1 h3::before{ width:30px; height:4px; } .shu{ margin:30px auto 0px; width:90%} .shu-content{ padding-bottom:30px;} .shu-content .shu-item{ height:80px; width:50%} .shu-content .shu-item samp{ width:80px; height:80px; margin-left:-40px;} .shu-content .shu-item span{ font-size:20px; margin-top:12px} .shu-content .shu-item p{ font-size:12px; margin-top:2px;box-sizing:border-box;padding:0px 10%} .shu-line{ width:60px; height:2px;left:10px;top:30px;} .content-7 .gallery-top .swiper-slide span{ font-size:16px; } .content-7 .gallery-thumbs{ padding:20px 0px} .content-7 .gallery-thumbs img{ border:1px #fff solid;} .content-7 .gallery-top .swiper-slide span{bottom: auto;margin: 0;top: 8%;padding: 0;font-size: 15px;} /*school*/ .school{ margin-top:30px;margin-bottom: 0; padding-bottom:30px} .school-1{ margin:30px auto 0px; } .school-1 h3{ font-size:20px; } .school-left{ width:80%; margin-top:30px; float:left; margin-left:10%} .school-center{ width:80%; margin-top:20px; margin-left:10%} .school-right{ margin-top:30px} .school-top{display: none;} .school-mask{display: none;width: 100vw;height: 100vh;position: fixed;top:0;left: 0;z-index: 999999;background: rgba(0,0,0,0.6);} .school-top-m{ width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;} .school-top-m .active {display:block} .school-img-m {display: none;width: 100%;} .school-img-m img {width: 100%;} .school-img-m .school-img-m-item {display: none; width: 100%;} .school-img-m .show {display: block;} .school-img-m-left .school-img-m-item:nth-child(1) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/zaoyanglu.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(2) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/likesanguan.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(3) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaoyouzhijia.png) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(4) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/liwahe.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(5) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/boquntang.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(6) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/tushuguan.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(7) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/qunxiantang.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(8) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/siquntang.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(9) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaomen.png) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(10) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/tiyuguan.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(11) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaoyuanlou.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(12) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/bangonglou.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(13) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaojiaolou.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(14) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/24h.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(1) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/yinghua.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(2) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/daxuesheng.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(3) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/jingxin.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(4) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/jingxin.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(5) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/yingtao.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(6) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/wenmailang.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(7) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/tushuguanm.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(8) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/fengqi.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(9) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/shangyiqiao.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(10) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/dashishi.jpg) no-repeat top;background-size: 100%;} .cal-left{width:25%;} .cal-right{ width:75%; } .cal-s span{ font-size:32px; } .cal-s span em{ width:20px; height:20px;top:0px; line-height:20px;} .cal-s p{ font-size:16px; } .cal-rs span{font-size:14px; } .cal-rs p{ font-size:12px; line-height:26px; margin-top:20px} .cal-other {width: 40px;right: 12px;top: 28%;} } @media screen and (max-width:640px){ .school-left p{ line-height:0px} .mt-content .swiper-slide{ height:94vw;} } @media screen and (max-width:510px){ .mt-content .swiper-slide{ height:100vw;} } @media screen and (max-width:460px){ .mt-content .swiper-slide{ height:108vw;} .school-left span {line-height: 0px;} .school-left p{ line-height:0px} } @media screen and (max-width:380px){ .mt-content .swiper-slide{ height:128vw;} .school-left span {line-height:0px;} .school-left p{ line-height:0px} } bkit-box;text-overflow: ellipsis;white-space: pre-wrap;-o-text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news-2-2 .news-other{height:auto;padding-bottom: 3px;padding-top: 5vw;} .news-2-2 .news-other span{position:relative;bottom:0px;} .news-2-2 .news-other span{ } .news-2-2 .news-other em{position:relative;width: auto;right:0px;bottom:0px;width: auto;} } @media screen and (max-width:1150px){ .news-other{bottom: 2px;} } @media screen and (max-width:1024px){ /*news*/ .mt{margin-top:56px; padding-bottom:56px} .news h3,.mt h3,.content-2 h3,.report h3,.content-7 .gallery-top .swiper-slide span{margin-top:56px;padding-bottom:16px;font-size:20px;} .news-bottom h4 a{ font-size:14px;} .news-bottom span{line-height:20px; height:20px; } .news-bottom span a{ margin:0px 6px} .news-bottom p{ line-height:20px; height:20px;} .news-info{margin-top: 10px;padding:0px 5%;} .news-info span{font-size: 13px;line-height:22px;height:22px;} .news-info p{ height:44px;-webkit-line-clamp: 2;} .news-other{padding:0px 5%;bottom: 8px;} .news-other span a{ margin:0px} .news-other span{line-height:20px;display: block;width: 100%;} .news-other em{float:left;width:100%;line-height:20px;height:20px;margin:0px} .news-2-2 .news-other em{width: 100%;display: block;} /*meiti*/ .mt-content{margin:24px auto 0px;} .mt-content .swiper-slide{ height:475px;} .mt-content h4{ margin-top:16px;} .mt-content p{font-size:13px; margin-top:9px; line-height:27px;height:81px} .mt-content span img{display:inline-block} .mt-content em{bottom:28px; font-size:13px; } .mt-content .swiper-container{ padding-bottom:56px} .mt-content samp{ height:23.73vw} .news-3pic span{padding:0px 5%;font-size: 13px;} .content-rs em{top:32px} .content-rs h4{ padding:0px 9%; margin-top:80px; font-size:16px;} .content-rs p{ margin-top:7px;line-height:24px; height:48px;padding:0px 9%;} .content-pannel{ margin:28px auto 0px} .content-item em{ line-height:32px; } .content-3{ margin:50px auto 0px} .report-list{ margin:30px auto 0px} .report-1 em,.report-2 em,.report-3 em{ width:86px; height:30px; line-height:30px; right:30px;top:30px; } .report-s{ bottom:30px; padding:0px 25px;} .report-s h4{ line-height:26px; margin-top:10px; height:52px} .report-4{ height:90px; } .report-4 span{ left:42px;line-height:90px; font-size:16px; height:90px} .report-4 samp{ right:42px;height:90px; line-height:90px} .report-4 p{ line-height:90px; font-size:16px;} .report-4 span::before{ font-size:20px} /*his*/ .his{ margin-top:50px;} .his-head{ font-size:20px; } .his-slide .swiper-slide span{ font-size:80px; } .his-slide .swiper-slide .his-ct{ width:320px; margin-left:20px;} .his-slide .swiper-slide .his-ct h3{ font-size:18px; margin-top:10px} .his-slide .swiper-slide .his-ct p{ margin-top:15px; height:40px} /*.his-slide .swiper-button-next, .his-slide .swiper-button-prev{ width:70px; height:26px; }*/ .his-li span{ width:20px; height:20px; } .his-li span:before{width:10px; height:10px;left:5px;top:5px; } .his-li p{ line-height:20px; font-size:16px; } .shu{ margin-top:-50px; width:78%} .shu h3{ font-size:20px} /*.his-slide .swiper-button-next::before, .his-slide .swiper-button-prev::before {font-size: 15px;}*/ .content-7 .gallery-top .swiper-slide span{ font-size:32px; } .content-7 .gallery-thumbs{ padding:20px 0px} .content-7 .gallery-thumbs img{ border:2px #fff solid;} /*school*/ .school{ height:auto; margin-top:50px;margin-bottom: 0; padding-bottom:40px} .school-1{ float:left; width:100%;position: relative;left:0%;bottom:0%; margin:40px auto 0px; padding:0px 10%;box-sizing:border-box} .school-1 h3{ font-size:20px; } .school-1 p{ font-size:14px;line-height:24px; margin-top:15px; width:50%} .school-left{ width:40%; position:relative;left:0%;top:0%; margin-top:30px; float:left; margin-left:5%} .school-center{ width:40%; position:relative;left:0%;top:0%; float:left; margin-top:30px; margin-left:5%} .school-right{ width:100%; position:relative;right:0%;top:0%; margin-top:30px; padding:0px 10%;box-sizing:border-box} .school-content h3{font-size:16px;padding-bottom:0} .school-content h3:before{ display:none;width:30px; height:4px; } .school-content p{ font-size:14px; margin-top:14px} .cal-s{ width:90%} .cal-s span{ font-size:42px; } .cal-s span em{ width:20px; height:20px;top:0px; line-height:20px; } .cal-s p{ font-size:20px; } .cal-rs span{font-size:16px; } .cal-rs p{ font-size:14px; line-height:30px; margin-top:25px} .content-7 .gallery-thumbs img{ height:9vw} } @media screen and (max-width:1000px){ .news-content .active .news-share, .news-3 .active .news-share{ display:none; } .content{margin-top:0px} } @media screen and (max-width:960px){ .news-other{ bottom:3px; } .news-2-2 .news-other{ padding-top: 6.8vw; } } @media screen and (max-width:860px){ .news-info{ margin-top:5px; } } @media screen and (max-width:800px){ .news-info{ margin-top:2px; } .news-other{ bottom:0px; } } @media screen and (max-width:768px){ .content{ margin-top:0px} /*news*/ .mt{margin-top:30px; padding-bottom:30px} .news{ width:90%; margin:0px auto} .news h3,.mt h3,.content-2 h3,.report h3,.shu h3{ font-size:20px;margin-top:30px; padding-bottom:20px} .news h3:before,.mt h3:before,.content-2 h3:before,.report h3:before,.shu h3:before{ width:30px; height:4px;margin-left:-15px} .news-1{ width:100%; height:auto; margin-top:15px; } .news-2{ width:100%; height:auto;margin-top:15px;padding-bottom:50px} .news-2-2 .news-other{background:none;position: static;padding-top: 15px;padding-bottom: 0;} .news-2-2 .news-other em{ color: #808080; margin-top:10px; } .news-2-2{ padding-bottom: 15px; } .news-2-2 .news-3pic span{bottom:22px;} .news-info{margin-top:14px;} .news-other{bottom:5px;} .news-info span{line-height:23px; height:auto} .news-info p{font-size:12px; line-height:22px; height:auto; margin-top:12px} .news-other span{line-height:22px; font-size:12px;} .news-other span a{ margin:0px 4px} .news-other em{ line-height:22px; height:22px; } .news-3pic span{ line-height:22px; padding:0px 5%;bottom:18px;font-size:15px;} .fl{ margin-left:0px} .news-2pic{ height:auto} .news-2{ margin-left:0px} /*meiti*/ .mt-content{ width:90%} .mt-content{margin:21px auto 0px;} .mt-content .swiper-slide{ height:87vw;} .mt-content h4{ margin-top:22px;} .mt-content p{font-size:12px; margin-top:11px; line-height:23px;height:69px} .mt-content span{bottom:30px;} .mt-content span img{ height:44px} .mt-content em{bottom:28px; font-size:12px; } .mt-content .swiper-container{ padding-bottom:52px} .mt-content samp{ height:52.73vw} .content-slide{ height:100%; width:90%} .content-left{ width:100%; position:relative; height:auto; float:left} .content-left img{height:60vw;} .content-right{ height:auto;} .content-rs{ width:100%; background:#fff ; height:auto; position:relative; padding-bottom:50px} .content-rs h4{ padding:0px 8%; margin-top:80px; font-size:16px;line-height:26px; height:56px;} .content-rs p{ padding:0px 8%; margin-top:10px; font-size:14px;line-height:24px; height:72px;} .content-slide .swiper-pagination{ right:50%;bottom:20px;} .content-pannel{ width:90%; margin:0px auto 0px} .content-item{ width:100%; padding:2% 4%; margin-right:0%; margin-top:15px; padding-bottom:20px} .content-item h4{ line-height:25px; height:auto; margin-top:14px} .content-rs em{ right:8%} .content-3{ margin:30px auto 0px; width:90%} .report-list{ margin:20px auto 0px; width:90%} .report-1{ width:100%; height:40vw; } .report-2,.report-3{ width:50%; height:40vw; } .report-1 em,.report-2 em,.report-3 em{ width:70px; height:30px; line-height:30px; right:20px;top:20px; } .report-s{ bottom:20px; padding:0px 16px;} .report-s h4{ font-size:14px; line-height:22px; margin-top:5px; height:22px} .report-4{ height:50px; width:90% } .report-4 span{ left:10px;line-height:50px; font-size:12px; height:50px; background-size:12px; padding-left:18px} .report-4 samp{ right:20px;height:50px;background-size:22px; width:24px; line-height:50px} .report-4 p{ line-height:50px; font-size:12px; padding-left:10px} /*his*/ .his{ margin-top:30px;} .his-head{ font-size:20px; padding-bottom:14px; } .his-head::before{ width:30px; height:4px} .his-slide{ bottom:0px; padding-bottom:0px;box-sizing:border-box;height:100%;padding-top:27px} .his-slide .swiper-slide span{ font-size:24px;margin-right:10px } .his-slide .swiper-slide samp{margin-left:0px} .his-slide .swiper-slide .his-ct{ width:90%; margin-left:20px;} .his-slide .swiper-slide .his-ct h3{ font-size:16px; margin-top:10px} .his-slide .swiper-slide .his-ct p{ margin-top:6px; height:20px;display:none} /*.his-slide .swiper-button-next, .his-slide .swiper-button-prev{ width:30px; height:20px; bottom:10px }*/ .his-ul{ display:none} .his-s{ width: 120%; margin-left: -10%; } .school-1 h3::before{ width:30px; height:4px; } .shu{ margin:30px auto 0px; width:90%} .shu-content{ padding-bottom:30px;} .shu-content .shu-item{ height:80px; width:50%} .shu-content .shu-item samp{ width:80px; height:80px; margin-left:-40px;} .shu-content .shu-item span{ font-size:20px; margin-top:12px} .shu-content .shu-item p{ font-size:12px; margin-top:2px;box-sizing:border-box;padding:0px 10%} .shu-line{ width:60px; height:2px;left:10px;top:30px;} .content-7 .gallery-top .swiper-slide span{ font-size:16px; } .content-7 .gallery-thumbs{ padding:20px 0px} .content-7 .gallery-thumbs img{ border:1px #fff solid;} .content-7 .gallery-top .swiper-slide span{bottom: auto;margin: 0;top: 8%;padding: 0;font-size: 15px;} /*school*/ .school{ margin-top:30px;margin-bottom: 0; padding-bottom:30px} .school-1{ margin:30px auto 0px; } .school-1 h3{ font-size:20px; } .school-left{ width:80%; margin-top:30px; float:left; margin-left:10%} .school-center{ width:80%; margin-top:20px; margin-left:10%} .school-right{ margin-top:30px} .school-top{display: none;} .school-mask{display: none;width: 100vw;height: 100vh;position: fixed;top:0;left: 0;z-index: 999999;background: rgba(0,0,0,0.6);} .school-top-m{ width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;} .school-top-m .active {display:block} .school-img-m {display: none;width: 100%;} .school-img-m img {width: 100%;} .school-img-m .school-img-m-item {display: none; width: 100%;} .school-img-m .show {display: block;} .school-img-m-left .school-img-m-item:nth-child(1) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/zaoyanglu.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(2) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/likesanguan.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(3) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaoyouzhijia.png) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(4) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/liwahe.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(5) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/boquntang.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(6) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/tushuguan.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(7) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/qunxiantang.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(8) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/siquntang.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(9) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaomen.png) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(10) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/tiyuguan.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(11) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaoyuanlou.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(12) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/bangonglou.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(13) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/xiaojiaolou.jpg) no-repeat top;background-size: 100%;} .school-img-m-left .school-img-m-item:nth-child(14) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/24h.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(1) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/yinghua.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(2) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/daxuesheng.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(3) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/jingxin.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(4) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/jingxin.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(5) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/yingtao.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(6) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/wenmailang.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(7) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/tushuguanm.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(8) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/fengqi.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(9) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/shangyiqiao.jpg) no-repeat top;background-size: 100%;} .school-img-m-right .school-img-m-item:nth-child(10) { width: 100%;background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0.7), rgba(0,0,0,0)), url(/images/dashishi.jpg) no-repeat top;background-size: 100%;} .cal-left{width:25%;} .cal-right{ width:75%; } .cal-s span{ font-size:32px; } .cal-s span em{ width:20px; height:20px;top:0px; line-height:20px;} .cal-s p{ font-size:16px; } .cal-rs span{font-size:14px; } .cal-rs p{ font-size:12px; line-height:26px; margin-top:20px} .cal-right>.swiper-container>.swiper-button-prev{ opacity:1; box-shadow:none;display:none} .cal-right>.swiper-container>.swiper-button-next{ opacity:1; box-shadow:none;display:none} .cal-other {width: 40px;right: 12px;top: 28%;} /*.his-slide .swiper-button-next::before, .his-slide .swiper-button-prev::before {font-size: 8px; line-height: 20px;}*/ .report-4 span::before {font-size: 14px;} .content-7 .gallery-thumbs img {height: 7vw;} .cal .swiper-button-prev,.cal .swiper-button-next {width: 24%;} } @media screen and (max-width:640px){ .school-left p{ line-height:0px} .mt-content .swiper-slide{ height:94vw;} } @media screen and (max-width:510px){ .mt-content .swiper-slide{ height:100vw;} } @media screen and (max-width:460px){ .mt-content .swiper-slide{ height:108vw;} .school-left span {line-height: 0px;} .school-left p{ line-height:0px} } @media screen and (max-width:380px){ .mt-content .swiper-slide{ height:128vw;} .school-left span {line-height:0px;} .school-left p{ line-height:0px} } @media screen and (max-width:768px){ .news-2-2 .news-other{bottom:0px; background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));height: 100px;} .news-2-2 .news-other span{width:100%;margin-top:34px;} .news-2-2 .news-other em{width: 100% !important;margin: 0px;text-align:left;float: right;color: #fff;} .news-2-2{padding-bottom:0px} .news-2-2 .news-other{ position:absolute} .news-2-2 .news-3pic span{bottom:60px} } #indexlen{transition: all 0.5s;position: relative;} #indexlen .lang{position: fixed;right: 20px;z-index: 999;padding: 0 20px;text-indent: 15px;height: 36px;cursor: pointer;background: url(/images/icon-2021-68.svg) no-repeat left 10px center;top:65px;} #indexlen .lang span { float: left; width: auto; line-height: 36px; background: url(/images/icon-2021-69.svg) no-repeat right center; padding-right: 15px; font-size: 14px; color: #ffffff; } #indexlen .lang p{width: 80%;left: 10%;z-index:12;text-align: center;height: auto;text-indent: 0;line-height: 30px;position: absolute;top: 100%;font-size: 14px; background: #ffffff; border-radius:3px; padding:5px 0; opacity: 0; visibility: hidden;} #indexlen .lang p:before{right: 15%;margin: auto;width: auto;height: auto;content: "";position: absolute;top: -5px;border-bottom: 5px #fff solid;border-left: 5px transparent solid;border-right: 5px transparent solid;} #indexlen .lang p a { width: 100%; display: block; color: #000000; transition: all .3s ease; } #indexlen .lang p a:nth-of-type(1):hover{ background-color: #7d48a4; color: #fff; } #indexlen .lang p a:nth-of-type(2):hover{ background-color: #f9b420; color: #fff; } #indexlen .lang p a:nth-of-type(3):hover{ background-color: #489a52; color: #fff; } #indexlen .lang:hover p{ opacity: 1; visibility: visible; transition: all .3s ease; }