软件研发效能实验室

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /> <meta name="renderer" content="webkit" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> 软件研发效能实验室 </title> <meta name='SiteName' content='软件研发效能实验室'><meta name='SiteDomain' content='http://softeng.nju.edu.cn'><meta name='SiteIDCode' content=''><meta name="Generator" content="博杉集约化网站群内容管理云平台"><meta name="Author" content="南京博杉信息技术有限公司"> <script type="text/javascript" src="/njdx/front/ui/jquery/jquery.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/jquery/jquery.base64.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/boshan/ui.js" data-appurl="/njdx"></script><link type="text/css" rel="stylesheet" href="/njdx/front/ui/page/info.css?v=v4.0.2"/><link type="text/css" rel="stylesheet" href="/njdx/front/ui/page/channel.css?v=v4.0.2"/><script type="text/javascript" src="/njdx/front/ui/visit/visit.js?s=165&c=0&v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/jwplayer/jwplayer.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/jwplayer/bs.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/pdf/build/pdf.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/pdf/showpdf.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/layer/layer.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/layer/bs.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/template/es5-shim.min.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/template/es5-sham.min.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/template/template-web.js?v=v4.0.2"></script><script type="text/javascript" src="/njdx/front/ui/template/template-bs.js?v=v4.0.2"></script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='/DFS//template/3043/images/style.min.css?ver=5.1.8' type='text/css' media='all' /> <link rel='stylesheet' id='dgd-scrollbox-plugin-core-css' href='/DFS//template/3043/images/style2d3.css' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='/DFS//template/3043/images/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /> <link rel='stylesheet' id='enrollment-fonts-css' href='/DFS//template/3043/images/google-fonts.css' type='text/css' media='all' /> <link rel='stylesheet' id='lightslider-style-css' href='/DFS//template/3043/images/lightslider.min.css?ver=1.1.5' type='text/css' media='all' /> <link rel='stylesheet' id='enrollment-parent-style-css' href='/DFS//template/3043/images/style1d0.css' type='text/css' media='all' /> <link rel='stylesheet' id='enrollment-parent-responsive-css' href='/DFS//template/3043/images/enrollment-responsive.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='enrollment-lite-css' href='/DFS//template/3043/images/style1d00.css' type='text/css' media='all' /> <style id='enrollment-lite-inline-css' type='text/css'> a, a:hover, a:focus, a:active, .entry-footer a:hover, .header-elements-holder .top-info:after, .header-search-wrapper .search-main:hover, .widget a:hover, .widget a:hover:before, .widget li:hover:before, .enrollment_service .post-title a:hover, .team-title-wrapper .post-title a:hover, .testimonial-content:before, .enrollment_testimonials .client-name, .latest-posts-wrapper .byline a:hover, .latest-posts-wrapper .posted-on a:hover, .latest-posts-wrapper .news-title a:hover, .enrollment_latest_blog .news-more, .enrollment_latest_blog .news-more:hover, .search-results .entry-title a:hover, .archive .entry-title a:hover, .single .entry-title a:hover, .home.blog .archive-content-wrapper .entry-title a:hover, .archive-content-wrapper .entry-title a:hover, .entry-meta span a:hover, .post-readmore a:hover, #top-footer .widget_archive a:hover:before, #top-footer .widget_categories a:hover:before, #top-footer .widget_recent_entries a:hover:before, #top-footer .widget_meta a:hover:before, #top-footer .widget_recent_comments li:hover:before, #top-footer .widget_rss li:hover:before, #top-footer .widget_pages li a:hover:before, #top-footer .widget_nav_menu li a:hover:before, #top-footer .widget_archive a:hover, #top-footer .widget_categories a:hover, #top-footer .widget_recent_entries a:hover, #top-footer .widget_meta a:hover, #top-footer .widget_recent_comments li:hover, #top-footer .widget_rss li:hover, #top-footer .widget_pages li a:hover, #top-footer .widget_nav_menu li a:hover, .site-info a:hover, .grid-archive-layout .entry-title a:hover, .menu-toggle:hover, #cancel-comment-reply-link, #cancel-comment-reply-link:before, .logged-in-as a { color: #73116f } .navigation .nav-links a:hover, .bttn:hover, button, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, .edit-link .post-edit-link, #site-navigation ul li.current-menu-item>a, #site-navigation ul li.current-menu-ancestor>a, #site-navigation ul li:hover>a, #site-navigation ul li.current_page_ancestor>a, #site-navigation ul li.current_page_item>a, .header-search-wrapper .search-form-main .search-submit:hover, .slider-btn:hover, .enrollment-slider-wrapper .lSAction>a:hover, .widget_search .search-submit, .widget .widget-title:after, .widget_search .search-submit, .widget .enrollment-widget-wrapper .widget-title:before, .widget .enrollment-widget-wrapper .widget-title:after, .enrollment_service .grid-items-wrapper .single-post-wrapper, .cta-btn-wrap a, .cta-btn-wrap a:hover, .courses-block-wrapper .courses-link:hover, .entry-btn:hover, .team-wrapper .team-desc-wrapper, .enrollment_testimonials .lSSlideOuter .lSPager.lSpg>li:hover a, .enrollment_testimonials .lSSlideOuter .lSPager.lSpg>li.active a, #cv-scrollup:hover, #cv-scrollup { background: #73116f } .navigation .nav-links a, .bttn, button, input[type='button'], input[type='reset'], input[type='submit'], .header-elements-holder .top-info:after, .header-search-wrapper .search-form-main .search-submit:hover, .slider-btn, .widget_search .search-submit, .cta-btn-wrap a:hover, .courses-link, .entry-btn { border-color: #73116f } #colophon { border-top-color: #73116f } </style> <link rel='stylesheet' id='dtree.css-css' href='/DFS//template/3043/images/wp-dtree.min.css?ver=4.3.1' type='text/css' media='all' /> <script type='text/javascript' src='/DFS//template/3043/images/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='/DFS//template/3043/images/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='/DFS//template/3043/images/script.js?ver=2.3'></script> <script type='text/javascript' src='/DFS//template/3043/images/wp-dtree.min.js?ver=4.3.1'></script> <style type="text/css" id="custom-background-css"> body.custom-background { background-color: #73116f; } </style> </head> <body class="home page-template-default page page-id-397 custom-background wp-custom-logo boxed-layout no-sidebar elementor-default"> <div id="page" class="site"> <script src="/DFS//template/3043/images/public_head.js"></script>  <div id="content" class="site-content"> <div class="enrollment-slider-wrapper"></div>  <div class="cv-container"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <article id="post-397" class="post-397 page type-page status-publish hentry"> <div class="entry-content"> <h3> <div class="slider-parent"></div> <div class="slider_1 thumb_view" style="visibility: hidden;"> <div class="slider-loader-1"></div> <ul id="slider_1" class=" huge-it-slider" data-autoplay="0"> <li class="group" data-thumb="/DFS//file/2021/03/24/202103241655242263th245.jpg?iid=28396" data-title="Welcome Workshop" data-description="Professor He Zhang was giving brief description of Nanjing and Nanjing University to teachers and students from NTNU at Zhixing building."> <img src="/DFS//file/2021/03/24/202103241655242263th245.jpg?iid=28396" alt="Welcome Workshop" /> <div class="huge-it-caption slider-title"> <div>Welcome Workshop</div> </div> <div class="huge-it-caption slider-description"> <div>Professor He Zhang was giving brief description of Nanjing and Nanjing University to teachers and students from NTNU at Zhixing building.</div> </div> </li> <li class="group" data-thumb="/DFS//file/2021/03/24/20210324165605743u3xyeg.jpg?iid=28397" data-title="IDI Excursion China in Nanjing University" data-description="Group photo with teachers and students from NTNU at Duxia Library"> <img src="/DFS//file/2021/03/24/20210324165605743u3xyeg.jpg?iid=28397" alt="IDI Excursion China in Nanjing University" /> <div class="huge-it-caption slider-title"> <div>IDI Excursion China in Nanjing University</div> </div> <div class="huge-it-caption slider-description"> <div>Group photo with teachers and students from NTNU at Duxia Library</div> </div> </li> <li class="group" data-thumb="/DFS//file/2021/03/24/20210324165820262cajlvp.jpg?iid=28401" data-title="Joint Research Workshop" data-description="Group photo of Joint Research Workshop"> <img src="/DFS//file/2021/03/24/20210324165820262cajlvp.jpg?iid=28401" alt="Joint Research Workshop" /> <div class="huge-it-caption slider-title"> <div>Joint Research Workshop</div> </div> <div class="huge-it-caption slider-description"> <div>Group photo of Joint Research Workshop</div> </div> </li> <li class="group" data-thumb="/DFS//file/2021/03/24/20210324165729992n3d2f4.jpg?iid=28399" data-title="Joint Research Workshop" data-description="Xin Zhou was reporting his work at Joint Research Workshop"> <img src="/DFS//file/2021/03/24/20210324165729992n3d2f4.jpg?iid=28399" alt="Joint Research Workshop" /> <div class="huge-it-caption slider-title"> <div>Joint Research Workshop</div> </div> <div class="huge-it-caption slider-description"> <div>Xin Zhou was reporting his work at Joint Research Workshop</div> </div> </li> <li class="group" data-thumb="/DFS//file/2021/03/24/20210324165756665uthghx.jpg?iid=28400" data-title="Ali" data-description="The adjunct professor was giving lessons to the students."> <img src="/DFS//file/2021/03/24/20210324165756665uthghx.jpg?iid=28400" alt="Ali" /> <div class="huge-it-caption slider-title"> <div>Ali</div> </div> <div class="huge-it-caption slider-description"> <div>The adjunct professor was giving lessons to the students.</div> </div> </li> <li class="group" data-thumb="/DFS//file/2021/03/24/20210324165642286czpjik.jpg?iid=28398" data-title="Group photo" data-description="Group photo at Feiyimin Building."> <img src="/DFS//file/2021/03/24/20210324165642286czpjik.jpg?iid=28398" alt="Group photo" /> <div class="huge-it-caption slider-title"> <div>Group photo</div> </div> <div class="huge-it-caption slider-description"> <div>Group photo at Feiyimin Building.</div> </div> </li> </ul> </div> <script> var slider; jQuery(function() { switch (singleSlider_1.view) { case 'none': jQuery('#slider_1').sliderPlugin({ maxWidth: singleSlider_1.width, maxHeight: singleSlider_1.height, transition: singleSlider_1.effect, controls: singleSlider_1.navigate_by, cropImage: hugeitSliderObj.crop_image, navigation: hugeitSliderObj.show_arrows, delay: +singleSlider_1.pause_time, transitionDuration: +singleSlider_1.change_speed, pauseOnHover: singleSlider_1.pause_on_hover }); break; case 'carousel1': var $pager = false, $thumb = false; switch (singleSlider_1.navigate_by) { case 'dot': $pager = true; $thumb = false; break; case 'thumbnail': $pager = true; $thumb = false; break; case 'none': $pager = false; $thumb = false; break; } jQuery('#slider_1').RSlider({ item: +singleSlider_1.itemscount, pause: +singleSlider_1.pause_time, speed: +singleSlider_1.change_speed, pager: $pager, gallery: $thumb, pauseOnHover: +singleSlider_1.pause_on_hover, thumbItem: +hugeitSliderObj.thumb_count_slides, controls: +hugeitSliderObj.show_arrows, view: singleSlider_1.view, maxWidth: singleSlider_1.width, maxHeight: singleSlider_1.height }); break; case 'thumb_view': var $pager = false, $thumb = false; if (singleSlider_1.pager === '1') { $pager = true; $thumb = true; } slider = jQuery('#slider_1').RSlider({ item: 1, view: singleSlider_1.view, maxWidth: singleSlider_1.width, maxHeight: singleSlider_1.height, mode: singleSlider_1.mode, speed: +singleSlider_1.change_speed, pauseOnHover: singleSlider_1.pause_on_hover === '1', pause: +singleSlider_1.pause_time, controls: singleSlider_1.controls === '1', fullscreen: singleSlider_1.fullscreen === '1', vertical: singleSlider_1.vertical === '1', sliderHeight: +singleSlider_1.height, vThumbWidth: +singleSlider_1.vthumbwidth, hThumbHeight: +singleSlider_1.hthumbheight, thumbItem: 5, thumbMargin: +singleSlider_1.thumbmargin, thumbPosition: singleSlider_1.thumbposition === '1', thumbControls: singleSlider_1.thumbcontrols === '1', pager: $pager, gallery: $thumb, dragdrop: singleSlider_1.dragdrop === '1', swipe: singleSlider_1.swipe === '1', thumbdragdrop: singleSlider_1.thumbdragdrop === '1', thumbswipe: singleSlider_1.thumbswipe === '1', title: singleSlider_1.titleonoff === '1', description: singleSlider_1.desconoff === '1', titlesymbollimit: +singleSlider_1.titlesymbollimit, descsymbollimit: 96 }); break; } }); jQuery(window).load(function() { jQuery('.slider_lightbox_1').lightbox({ slideAnimationType: singleSlider_1.slide_effect, arrows: singleSlider_1.arrows_style, openCloseType: singleSlider_1.open_close_effect }); }); jQuery(document).ready(function($) { $(".slider_1").css("visibility", "visible"); }); $(".menu-item-home").addClass("current-menu-item"); </script> <style> .share_buttons_1 { width: auto; height: auto; margin-top: 10px } /* Share buttons hover styles */ .icon-link_1 { width: 50px; height: 50px; background-color: #666; line-height: 50px; text-align: center; vertical-align: middle; display: inline-block; cursor: pointer; outline: none; margin: 5px; box-sizing: content-box; } .icon-link_1.fill.share_buttons_facebook_1 { background-color: #fff; } .icon-link_1.fill.share_buttons_facebook_1 .fa-facebook { color: #3b5998; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1.fill.share_buttons_twitter_1 { background-color: #fff; } .icon-link_1.fill.share_buttons_twitter_1 .fa-twitter { color: #00aced; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1.fill.share_buttons_gp_1 { background-color: #fff; } .icon-link_1.fill.share_buttons_gp_1 .fa-google-plus { color: #dd4b39; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1.fill.share_buttons_pinterest_1 { background-color: #fff; } .icon-link_1.fill.share_buttons_pinterest_1 .fa-pinterest { color: #b81621; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1.fill.share_buttons_linkedin_1 { background-color: #fff; } .icon-link_1.fill.share_buttons_linkedin_1 .fa-linkedin { color: #007bb6; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1.fill.share_buttons_tumblr_1 { background-color: #fff; } .icon-link_1.fill.share_buttons_tumblr_1 .fa-tumblr { color: #32506d; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1.share_buttons_facebook_1 { border: 2px solid #3b5998; } .icon-link_1.share_buttons_twitter_1 { border: 2px solid #00aced; } .icon-link_1.share_buttons_gp_1 { border: 2px solid #dd4b39; } .icon-link_1.share_buttons_pinterest_1 { border: 2px solid #b81621; } .icon-link_1.share_buttons_linkedin_1 { border: 2px solid #007bb6; } .icon-link_1.share_buttons_tumblr_1 { border: 2px solid #32506d; } .icon-link_1 .fa-facebook { color: #3b5998; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1 .fa-twitter { color: #00aced; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1 .fa-google-plus { color: #dd4b39; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1 .fa-pinterest { color: #b81621; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1 .fa-linkedin { color: #007bb6; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1 .fa-tumblr { color: #32506d; -webkit-transition: color 150ms ease-in-out; transition: color 150ms ease-in-out; } .icon-link_1 .fa { color: #fff; line-height: 49px; font-size: 26px; } @media screen and (max-width: 768px) { .icon-link_1 { width: 30px; height: 30px; line-height: 30px; } .icon-link_1 .fa { line-height: 31px; font-size: 15px; } } /* Lightbox styles */ .lightbox_iframe_cover { position: absolute; width: 100%; height: 100%; z-index: 999 } a.slider_lightbox>div { width: 100% !important; height: 100% !important; padding: 0 !important } .rwd-object { border: 10px solid white } .rwd-icon { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .rwd-arrows .rwd-next, .rwd-arrows .rwd-prev { background-color: rgba(0, 0, 0, .9); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 8px 7px; position: absolute; z-index: 1080 } .rwd-arrows .rwd-next.disabled, .rwd-arrows .rwd-prev.disabled { pointer-events: none; opacity: .5 } .rwd-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100% } @media screen and (max-width:768px) { .rwd-toolbar { z-index: 9999999 } } .rwd-bar .rwd-icon, .rwd-toolbar .rwd-icon { cursor: pointer; color: #999; float: right; font-size: 24px; line-height: 27px; text-align: center; text-decoration: none!important; outline: 0; -webkit-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear } .rwd-bar .rwd-icon { position: absolute; bottom: 0; z-index: 1081 } .rwd-icon svg { cursor: pointer } .rwd-bar .rwd-icon:hover, .rwd-toolbar .rwd-icon:hover { color: #FFF } .rwd-bar .rwd-icon0:hover, .rwd-toolbar .rwd-icon0:hover, .rwd-arrows .rwd-icon0:hover { color: #000 } .rwd-arrows .rwd-prev, .rwd-arrows .rwd-next, .rwd-close { width: 46px; height: 46px; background: url(images/slightbox_arrows.png); } .rwd-arrows.arrows_1 .rwd-next { background-position: 227px 164px; } .rwd-arrows.arrows_1 .rwd-prev { background-position: 277px 164px; } .rwd-close.arrows_1 { width: 25px; height: 25px; background-position: 266px 194px; background-color: #fff; border-radius: 50%; } .rwd-arrows.arrows_2 .rwd-next { background-position: 227px 110px; } .rwd-arrows.arrows_2 .rwd-prev { background-position: 277px 110px; } .rwd-close.arrows_2 { width: 25px; height: 25px; background-position: 266px 194px; background-color: #fff; border-radius: 50%; } .rwd-arrows.arrows_3 .rwd-next { background-position: 227px 63px; } .rwd-arrows.arrows_3 .rwd-prev { background-position: 277px 63px; } .rwd-close.arrows_3 { width: 25px; height: 25px; background-position: 217px 195px; background-color: #fff; border-radius: 50%; } .rwd-arrows.arrows_4 .rwd-next { background-position: 90px 167px; } .rwd-arrows.arrows_4 .rwd-prev { background-position: 131px 167px; } .rwd-close.arrows_4 { width: 30px; height: 30px; background-position: 38px 158px; } .rwd-arrows.arrows_5 .rwd-next { background-position: 97px 108px; } .rwd-arrows.arrows_5 .rwd-prev { background-position: 140px 108px; } .rwd-close.arrows_5 { width: 25px; height: 25px; background-position: 43px 100px; } .rwd-arrows.arrows_6 .rwd-next { background-position: 95px 63px; } .rwd-arrows.arrows_6 .rwd-prev { background-position: 139px 63px; } .rwd-close.arrows_6 { width: 35px; height: 35px; background-position: 48px 57px; } .barCont { background: rgba(0, 0, 0, .9); width: 100%; height: 45px; position: absolute; bottom: 0; z-index: 1071 } #rwd-counter { color: #999; display: inline-block; font-size: 16px; padding-top: 12px; vertical-align: middle } .rwd-bar #rwd-counter { position: absolute; bottom: 11px; left: 50%; transform: translateX(-50%); z-index: 1090 } .rwd-next, .rwd-prev, .rwd-toolbar { opacity: 1; -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear } .rwd-cont .rwd-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; top: 50%; transform: translateY(-50%); position: relative } .rwd-cont .rwd-container, .rwd-cont .rwd-image { max-width: 100%; max-height: 100%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .rwd-cont .rwd-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative } .rwd-cont .rwd-video .rwd-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100%!important; height: 100%!important } .rwd-cont .rwd-video .rwd-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer } .rwd-cont .rwd-video-object { width: 100%!important; height: 100%!important; position: absolute; top: 0; left: 0 } .rwd-cont .rwd-has-video .rwd-video-object { visibility: hidden } .rwd-cont .rwd-has-video.rwd-video-playing .rwd-object, .rwd-cont .rwd-has-video.rwd-video-playing .rwd-video-play { display: none } .rwd-cont .rwd-has-video.rwd-video-playing .rwd-video-object { visibility: visible } .rwd-autoplay-button { left: 50px } .rwd-autoplay-button>.pause_bg { display: none } .rwd-cont .rwd-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0 } .rwd-cont { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999999; opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s } .rwd-cont * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .rwd-cont.rwd-visible { opacity: 1 } .rwd-cont.rwd-support .rwd-item.rwd-current, .rwd-cont.rwd-support .rwd-item.rwd-next-slide, .rwd-cont.rwd-support .rwd-item.rwd-prev-slide { -webkit-transition-duration: inherit!important; transition-duration: inherit!important; -webkit-transition-timing-function: inherit!important; transition-timing-function: inherit!important } .rwd-cont .rwd-container { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; top: 50%; overflow: inherit } .rwd-cont .cont-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap } .rwd-cont .contInner { width: 40%; height: 100%; position: absolute; left: 60%; white-space: nowrap; z-index: 1200; background: black } .rwd-cont.rwd-noSupport .rwd-current, .rwd-cont.rwd-support .rwd-current, .rwd-cont.rwd-support .rwd-next-slide, .rwd-cont.rwd-support .rwd-prev-slide { display: inline-block!important } .rwd-cont .rwd-img-wrap, .rwd-cont .rwd-item { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100% } .rwd-cont .rwd-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0 } .rwd-cont .rwd-item.rwd-complete { background-image: none } .rwd-cont .rwd-item.rwd-current { z-index: 1060 } .rwd-cont .rwd-image { display: inline-block; vertical-align: middle; width: auto !important; height: auto !important; top: 50%; position: relative } .rwd-cont.rwd-show-after-load .rwd-item .rwd-object, .rwd-cont.rwd-show-after-load .rwd-item .rwd-video-play { opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s } .rwd-cont.rwd-show-after-load .rwd-item.rwd-complete .rwd-object, .rwd-cont.rwd-show-after-load .rwd-item.rwd-complete .rwd-video-play { opacity: 1 } .rwd-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999997; background: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition: opacity .15s ease 0s; -o-transition: opacity .15s ease 0s; transition: opacity .15s ease 0s } .rwd-overlay.in { opacity: 1 } .rwd-container .rwd-thumb-cont { position: absolute; width: 100%; z-index: 1080 } .rwd-container .rwd-thumb { padding: 10px 0; height: 100% } .rwd-container .rwd-thumb-item { border-radius: 5px; float: left; overflow: hidden; cursor: pointer; height: 100%; margin-bottom: 5px; } @media (min-width: 768px) { .rwd-container .rwd-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .rwd-container .rwd-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .rwd-container .rwd-toggle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; left: 20px; text-align: center; top: -39px; width: 50px; } /* Open/Close effects */ .rwd-container.open_1 { animation: unfoldIn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_1 { animation: unfoldOut 1s .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes unfoldIn { 0% { transform: translateY(-50%) scaleY(.002); } 50% { transform: translateY(-50%) scaleY(.002); } 100% { transform: translateY(-50%) scaleY(1); } } @keyframes unfoldOut { 0% { transform: translateY(-50%) scaleY(1); } 50% { transform: translateY(-50%) scaleY(.002); } 100% { transform: translateY(-50%) scaleY(.002); } } .rwd-container.open_2 { animation: blowUpIn .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_2 { animation: blowUpOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes blowUpIn { 0% { transform: translateY(-50%) scale(0); } 100% { transform: translateY(-50%) scale(1); } } @keyframes blowUpOut { 0% { transform: translateY(-50%) scale(1); opacity: 1; } 100% { transform: translateY(-50%) scale(0); opacity: 0; } } .rwd-container.open_3 { animation: roadRunnerIn .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_3 { animation: roadRunnerOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes roadRunnerIn { 0% { transform: translate(-1500px, -50%) skewX(50deg) scaleX(1.3); } 70% { transform: translate(30px, -50%) skewX(-25deg) scaleX(.9); } 100% { transform: translate(0px, -50%) skewX(0deg) scaleX(1); } } @keyframes roadRunnerOut { 0% { transform: translate(0px, -50%) skewX(0deg) scaleX(1); } 30% { transform: translate(-30px, -50%) skewX(-25deg) scaleX(.9); } 100% { transform: translate(1500px, -50%) skewX(50deg) scaleX(1.3); } } .rwd-container.open_4 { animation: runnerIn .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_4 { animation: runnerOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes runnerIn { 0% { transform: translate(-1500px, -50%); } 70% { transform: translate(30px, -50%); } 100% { transform: translate(0px, -50%); } } @keyframes runnerOut { 0% { transform: translate(0px, -50%); } 30% { transform: translate(-30px, -50%); } 100% { transform: translate(1500px, -50%); } } .rwd-container.open_5 { animation: rotateIn .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_5 { animation: rotateOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @-ms-keyframes rotateIn { from { -ms-transform: translateY(-50%) rotate(0deg); } to { -ms-transform: translateY(-50%)rotate(360deg); } } @-moz-keyframes rotateIn { from { -moz-transform: translateY(-50%) rotate(0deg); } to { -moz-transform: translateY(-50%)rotate(360deg); } } @-webkit-keyframes rotateIn { from { -webkit-transform: translateY(-50%) rotate(0deg); } to { -webkit-transform: translateY(-50%)rotate(360deg); } } @keyframes rotateIn { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%)rotate(360deg); } } @-ms-keyframes rotateOut { from { -ms-transform: translateY(-50%) rotate(360deg); } to { -ms-transform: translateY(-50%)rotate(0deg); } } @-moz-keyframes rotateOut { from { -moz-transform: translateY(-50%) rotate(360deg); } to { -moz-transform: translateY(-50%)rotate(0deg); } } @-webkit-keyframes rotateOut { from { -webkit-transform: translateY(-50%) rotate(360deg); } to { -webkit-transform: translateY(-50%)rotate(0deg); } } @keyframes rotateOut { from { transform: translateY(-50%) rotate(360deg); } to { transform: translateY(-50%)rotate(0deg); } } .rwd-container.open_1_r { animation: unfold_In 1s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_1_r { animation: unfold_Out 1s .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes unfold_In { 0% { transform: translateY(-50%) scaleX(.002); } 50% { transform: translateY(-50%) scaleX(.002); } 100% { transform: translateY(-50%) scaleX(1); } } @keyframes unfold_Out { 0% { transform: translateY(-50%) scaleX(1); } 50% { transform: translateY(-50%) scaleX(.002); } 100% { transform: translateY(-50%) scaleX(.002); } } .rwd-container.open_2_r { animation: blowUp_In .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_2_r { animation: blowUp_Out .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes blowUp_In { 0% { transform: translateY(-50%) scale(2); } 100% { transform: translateY(-50%) scale(1); } } @keyframes blowUp_Out { 0% { transform: translateY(-50%) scale(1); opacity: 1; } 100% { transform: translateY(-50%) scale(2); opacity: 0; } } .rwd-container.open_3_r { animation: roadRunner_In .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_3_r { animation: roadRunner_Out .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes roadRunner_In { 0% { transform: translate(1500px, -50%) skewX(50deg) scaleX(1.3); } 70% { transform: translate(-30px, -50%) skewX(-25deg) scaleX(.9); } 100% { transform: translate(0px, -50%) skewX(0deg) scaleX(1); } } @keyframes roadRunner_Out { 0% { transform: translate(0px, -50%) skewX(0deg) scaleX(1); } 30% { transform: translate(30px, -50%) skewX(-25deg) scaleX(.9); } 100% { transform: translate(-1500px, -50%) skewX(50deg) scaleX(1.3); } } .rwd-container.open_4_r { animation: runner_In .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_4_r { animation: runner_Out .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @keyframes runner_In { 0% { transform: translate(1500px, -50%); } 70% { transform: translate(-30px, -50%); } 100% { transform: translate(0px, -50%); } } @keyframes runner_Out { 0% { transform: translate(0px, -50%); } 30% { transform: translate(30px, -50%); } 100% { transform: translate(-1500px, -50%); } } .rwd-container.open_5_r { animation: rotate_In .3s cubic-bezier(0.165, 0.840, 0.440, 1.000); } .rwd-container.close_5_r { animation: rotate_Out .5s cubic-bezier(0.165, 0.840, 0.440, 1.000); } @-ms-keyframes rotate_In { from { -ms-transform: translateY(-50%) rotate(360deg); } to { -ms-transform: translateY(-50%)rotate(0deg); } } @-moz-keyframes rotate_In { from { -moz-transform: translateY(-50%) rotate(360deg); } to { -moz-transform: translateY(-50%)rotate(0deg); } } @-webkit-keyframes rotate_In { from { -webkit-transform: translateY(-50%) rotate(360deg); } to { -webkit-transform: translateY(-50%)rotate(0deg); } } @keyframes rotate_In { from { transform: translateY(-50%) rotate(360deg); } to { transform: translateY(-50%)rotate(0deg); } } @-ms-keyframes rotate_Out { from { -ms-transform: translateY(-50%) rotate(0deg); } to { -ms-transform: translateY(-50%)rotate(360deg); } } @-moz-keyframes rotate_Out { from { -moz-transform: translateY(-50%) rotate(0deg); } to { -moz-transform: translateY(-50%)rotate(360deg); } } @-webkit-keyframes rotate_Out { from { -webkit-transform: translateY(-50%) rotate(0deg); } to { -webkit-transform: translateY(-50%)rotate(360deg); } } @keyframes rotate_Out { from { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%)rotate(360deg); } } /* Effects */ .rwd-support.rwd-no-trans .rwd-current, .rwd-support.rwd-no-trans .rwd-next-slide, .rwd-support.rwd-no-trans .rwd-prev-slide { -webkit-transition: none 0s ease 0s!important; -moz-transition: none 0s ease 0s!important; -o-transition: none 0s ease 0s!important; transition: none 0s ease 0s!important } .rwd-support.rwd-animation .rwd-item, .rwd-support.rwd-use .rwd-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden } .rwd-support.slider_effect_1 .rwd-item, .rwd-support.slider_effect_3 .rwd-item, .rwd-support.slider_effect_4 .rwd-item, .rwd-support.slider_effect_5 .rwd-item, .rwd-support.slider_effect_6 .rwd-item, .rwd-support.slider_effect_7 .rwd-item, .rwd-support.slider_effect_8 .rwd-item, .rwd-support.slider_effect_9 .rwd-item, .rwd-support.slider_effect_10 .rwd-item { opacity: 0 } .rwd-support.slider_effect_1 .rwd-item.rwd-current { opacity: 1 } .rwd-support.slider_effect_1 .rwd-item.rwd-current, .rwd-support.slider_effect_1 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_1 .rwd-item.rwd-prev-slide { -webkit-transition: opacity .1s ease 0s; -moz-transition: opacity .1s ease 0s; -o-transition: opacity .1s ease 0s; transition: opacity .1s ease 0s } .rwd-support.slider_effect_2.rwd-use .rwd-item { opacity: 0 } .rwd-support.slider_effect_2.rwd-use .rwd-item.rwd-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .rwd-support.slider_effect_2.rwd-use .rwd-item.rwd-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .rwd-support.slider_effect_2.rwd-use .rwd-item.rwd-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .rwd-support.slider_effect_2.rwd-use .rwd-item.rwd-current, .rwd-support.slider_effect_2.rwd-use .rwd-item.rwd-next-slide, .rwd-support.slider_effect_2.rwd-use .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_2.rwd-animation .rwd-item { opacity: 0; position: absolute; left: 0 } .rwd-support.slider_effect_2.rwd-animation .rwd-item.rwd-prev-slide { left: -100% } .rwd-support.slider_effect_2.rwd-animation .rwd-item.rwd-next-slide { left: 100% } .rwd-support.slider_effect_2.rwd-animation .rwd-item.rwd-current { left: 0; opacity: 1 } .rwd-support.slider_effect_2.rwd-animation .rwd-item.rwd-current, .rwd-support.slider_effect_2.rwd-animation .rwd-item.rwd-next-slide, .rwd-support.slider_effect_2.rwd-animation .rwd-item.rwd-prev-slide { -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_3 .rwd-item.rwd-prev-slide { -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0) } .rwd-support.slider_effect_3 .rwd-item.rwd-next-slide { -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); transform: scale3d(1, 0, 1) translate3d(100%, 0, 0) } .rwd-support.slider_effect_3 .rwd-item.rwd-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1 } .rwd-support.slider_effect_3 .rwd-item.rwd-current, .rwd-support.slider_effect_3 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_3 .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_4 .rwd-item.rwd-prev-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } .rwd-support.slider_effect_4 .rwd-item.rwd-next-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .rwd-support.slider_effect_4 .rwd-item.rwd-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1 } .rwd-support.slider_effect_4 .rwd-item.rwd-current, .rwd-support.slider_effect_4 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_4 .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_5 .rwd-item.rwd-prev-slide { -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } .rwd-support.slider_effect_5 .rwd-item.rwd-next-slide { -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg) } .rwd-support.slider_effect_5 .rwd-item.rwd-current { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1 } .rwd-support.slider_effect_5 .rwd-item.rwd-current, .rwd-support.slider_effect_5 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_5 .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_6 .rwd-item.rwd-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .rwd-support.slider_effect_6 .rwd-item.rwd-next-slide { -moz-transform: translate3d(0, 0, 0) scale(.5); -o-transform: translate3d(0, 0, 0) scale(.5); -ms-transform: translate3d(0, 0, 0) scale(.5); -webkit-transform: translate3d(0, 0, 0) scale(.5); transform: translate3d(0, 0, 0) scale(.5) } .rwd-support.slider_effect_6 .rwd-item.rwd-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .rwd-support.slider_effect_6 .rwd-item.rwd-current, .rwd-support.slider_effect_6 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_6 .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_7 .rwd-item.rwd-prev-slide { -moz-transform: translate3d(0, 0, 0) scale(.5); -o-transform: translate3d(0, 0, 0) scale(.5); -ms-transform: translate3d(0, 0, 0) scale(.5); -webkit-transform: translate3d(0, 0, 0) scale(.5); transform: translate3d(0, 0, 0) scale(.5) } .rwd-support.slider_effect_7 .rwd-item.rwd-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .rwd-support.slider_effect_7 .rwd-item.rwd-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .rwd-support.slider_effect_7 .rwd-item.rwd-current, .rwd-support.slider_effect_7 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_7 .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_8 .rwd-item.rwd-prev-slide { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } .rwd-support.slider_effect_8 .rwd-item.rwd-next-slide { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } .rwd-support.slider_effect_8 .rwd-item.rwd-current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1 } .rwd-support.slider_effect_8 .rwd-item.rwd-current, .rwd-support.slider_effect_8 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_8 .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity 1s ease 0s } .rwd-support.slider_effect_9 .rwd-item.rwd-prev-slide { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } .rwd-support.slider_effect_9 .rwd-item.rwd-next-slide { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } .rwd-support.slider_effect_9 .rwd-item.rwd-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .rwd-support.slider_effect_9 .rwd-item.rwd-current, .rwd-support.slider_effect_9 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_9 .rwd-item.rwd-prev-slide { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s } .rwd-support.slider_effect_10 .rwd-item.rwd-prev-slide { -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .rwd-support.slider_effect_10 .rwd-item.rwd-next-slide { -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .rwd-support.slider_effect_10 .rwd-item.rwd-current { -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .rwd-support.slider_effect_10 .rwd-item.rwd-prev-slide, .rwd-support.slider_effect_10 .rwd-item.rwd-next-slide, .rwd-support.slider_effect_10 .rwd-item.rwd-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; =moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } /* Lightbox styles end */ ul#slider_1 { margin: 0; width: 100%; height: 100%; max-width: 1200px; max-height: 600px; overflow: visible; padding: 0; } .slider_1 { width: 100%; height: 100%; max-width: 1200px; max-height: 600px; left: 0; } .huge-it-wrap:after, .huge-it-slider:after, .huge-it-thumb-wrap:after, .huge-it-arrows:after, .huge-it-caption:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; } .video_cover, .playSlider, .pauseSlider, div[class*=playButton] { display: none !important; } .huge-it-thumb-wrap .video_cover { display: block !important; } iframe.huge_it_vimeo_iframe { height: 600px; } div[class*=slider-loader-] { background: rgba(0, 0, 0, 0) url(/DFS//template/3043/images/loading1.gif) no-repeat center; height: 90px; overflow: hidden; position: absolute; top: 255px; ; width: 1200px; ; z-index: 3; } .huge-it-wrap { opacity: 0; position: relative; border: 0px solid #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; overflow: hidden; ; } .huge-it-slide-bg { background: rgba(255, 255, 255, 1); height: 100% } .huge-it-caption { position: absolute; display: block; } .huge-it-caption div { padding: 10px 20px; line-height: normal; } .slider-title { width: calc(30% - 20px); margin: 10px; font-size: 13px; color: #000000; text-align: right; background: rgba(255, 255, 255, 0.7); border: 0px solid #ffffff; border-radius: 4px; right: 0 !important; top: 0; } .slider-description { width: calc(70% - 20px); margin: 10px; font-size: 13px; color: #ffffff; text-align: justify; background: rgba(0, 0, 0, 0.7); border: 0px solid #ffffff; border-radius: 0px; right: 0 !important; bottom: 0; } .slider_1 .huge-it-slider>li { list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; float: left; position: relative; height: 600px; ; overflow: hidden; } .slider_1 .huge-it-slider>li>a { display: block; padding: 0; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; height: 100%; } .slider_1 .huge-it-slider>li img { max-width: 100%; max-height: 100%; margin: 0; cursor: pointer; } .slider_1 .huge-it-slide-bg, .slider_1 .huge-it-slider>li, .slider_1 .huge-it-slider>li>a, .slider_1 .huge-it-slider>li img { ; } .huge-it-dot-wrap { position: absolute; top: 5px; height: 20px; left: 50%; transform: translateX(-50%); z-index: 999; } .huge-it-dot-wrap a { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: block; float: left; height: 11px; margin: 2px !important; position: relative; text-align: left; text-indent: 9999px; width: 11px !important; background: #000000; box-shadow: none; } .huge-it-dot-wrap a.active:focus, .huge-it-dot-wrap a:focus, .huge-it-thumb-wrap>a:focus, .huge-it-thumb-wrap>a.active:focus { outline: none; } .huge-it-dot-wrap a:hover { background: #000000; box-shadow: none !important; } .huge-it-dot-wrap a.active { background: #ffffff; box-shadow: none; } .huge-it-thumb-wrap { background: #ffffff; height: 105px; margin-left: 0; ; } .huge-it-thumb-wrap a.active img { border-radius: 5px; opacity: 1; } .huge-it-thumb-wrap>a { height: 100px; display: block; float: left; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; } .huge-it-thumb-wrap a img { opacity: 1; height: 100px; width: 100%; display: block; -ms-interpolation-mode: bicubic; box-shadow: none !important; } a.thumb_arr { position: absolute; height: 20px; width: 15px; bottom: 40px; z-index: 100; box-shadow: none; } a.thumb_prev { left: 5px; width: 15px; height: 20px; background: url(/DFS//template/3043/images/arrows1.png) left top no-repeat; background-size: 200%; } a.thumb_next { right: 5px; width: 15px; height: 20px; background: url(/DFS//template/3043/images/arrows1.png) right top no-repeat; background-size: 200%; } .huge-it-grid { position: absolute; overflow: hidden; width: 100%; height: 100%; display: none; } .huge-it-gridlet { position: absolute; opacity: 1; } .huge-it-arrows .huge-it-next, .huge-it-arrows .huge-it-prev { z-index: 1; } .huge-it-arrows:hover .huge-it-next, .huge-it-arrows:hover .huge-it-prev { z-index: 2; } .huge-it-arrows { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; /*transform: translateY(-50%);*/ width: 40px; z-index: 2; color: rgba(0, 0, 0, 0); outline: none; box-shadow: none !important; } .huge-it-arrows:hover, .huge-it-arrows:active, .huge-it-arrows:focus, .huge-it-dot-wrap a:hover, .huge-it-dot-wrap a:active, .huge-it-dot-wrap a:focus { outline: none; box-shadow: none !important; } .ts-arrow:hover { opacity: .95; text-decoration: none; } .huge-it-prev { left: 0; margin-top: -21px; height: 43px; width: 29px; background: url(/DFS//template/3043/images/arrows1.png) left top no-repeat; background-size: 200%; } .huge-it-next { right: 0; margin-top: -21px; height: 43px; width: 29px; background: url(/DFS//template/3043/images/arrows1.png) right top no-repeat; background-size: 200%; } </style> </h3> <h3> </h3> <h3>There are four faculty in the group:</h3> <h3><a style="font-family: Roboto, serif; font-size: 26px; font-weight: bold;" href="http://softeng.nju.edu.cn/faculty/HeZhang/index.html">He Zhang</a></h3> <h3><a style="font-family: Roboto, serif; font-size: 26px; font-weight: bold;" href="http://softeng.nju.edu.cn/faculty/DongShao/index.html">Dong Shao</a></h3> <h3><a style="font-family: Roboto, serif; font-size: 26px; font-weight: bold;" href="http://softeng.nju.edu.cn/faculty/GuopingRong/index.html">Guoping Rong</a></h3> <h3><a href="https://software.nju.edu.cn/khy/index.html">Hongyu Kuang</a></h3> </div>  <footer class="entry-footer"> </footer>  </article>  </main>  </div>  </div>  </div>  <script src="/DFS//template/3043/images/public_foot.js"></script>  <div id="cv-scrollup" class="animated arrow-hide"><i class="fa fa-chevron-up"></i></div> </div>  <link rel='stylesheet' id='hugeit_slider_frontend_font_awesome-css' href='/DFS//template/3043/images/font-awesome.min.css?ver=5.1.8' type='text/css' media='all' /> <script type='text/javascript' src='/DFS//template/3043/images/wp-slimstat.js'></script> <script type='text/javascript' src='/DFS//template/3043/images/lightslider.min.js?ver=20180605'></script> <script type='text/javascript' src='/DFS//template/3043/images/jquery.sticky.js?ver=1.0.2'></script> <script type='text/javascript' src='/DFS//template/3043/images/sticky-setting.js?ver=1.0.0'></script> <script type='text/javascript' src='/DFS//template/3043/images/custom-script.js?ver=1.0.0'></script> <script type='text/javascript' src='/DFS//template/3043/images/wp-embed.min.js?ver=5.1.8'></script> <script type='text/javascript' src='/DFS//template/3043/images/froogaloop2.min.js?ver=5.1.8'></script> <script type='text/javascript'> /* <![CDATA[ */ var hugeitSliderUrl = "/DFS/\/template\/3043\/images"; var hugeitSliderObj = { "crop_image": "fill", "slider_background_color": "ffffff", "slideshow_border_size": "0", "slideshow_border_color": "ffffff", "slideshow_border_radius": "0", "loading_icon_type": "1", "title_width": "30", "title_has_margin": "1", "title_font_size": "13", "title_color": "000000", "title_text_align": "right", "title_background_transparency": "0.7", "title_background_color": "ffffff", "title_border_size": "0", "title_border_color": "ffffff", "title_border_radius": "4", "title_position": "33", "description_width": "70", "description_has_margin": "1", "description_font_size": "13", "description_color": "ffffff", "description_text_align": "justify", "description_background_transparency": "0.7", "description_background_color": "000000", "description_border_size": "0", "description_border_color": "ffffff", "description_border_radius": "0", "description_position": "31", "navigation_position": "top", "dots_color": "000000", "active_dot_color": "ffffff", "show_arrows": "1", "thumb_count_slides": "3", "thumb_height": "100", "thumb_background_color": "ffffff", "thumb_passive_color": "ffffff", "thumb_passive_color_transparency": "0", "navigation_type": "1", "share_buttons": "0", "share_buttons_facebook": "0", "share_buttons_twitter": "0", "share_buttons_gp": "0", "share_buttons_pinterest": "0", "share_buttons_linkedin": "0", "share_buttons_tumblr": "0", "share_buttons_style": "", "share_buttons_hover_style": "" }; var singleSlider_1 = { "width": "1200", "height": "600", "itemscount": "5", "view": "none", "pause_on_hover": "1", "navigate_by": "dot", "pause_time": "2000", "change_speed": "1000", "effect": "random", "slide_effect": "effect_1", "open_close_effect": "none", "arrows_style": "arrows_1", "controls": "1", "fullscreen": "1", "vertical": "1", "thumbposition": "1", "thumbcontrols": "1", "dragdrop": "1", "swipe": "1", "thumbdragdrop": "1", "thumbswipe": "1", "titleonoff": "1", "desconoff": "1", "titlesymbollimit": "20", "descsymbollimit": "70", "pager": "1", "mode": "slide", "vthumbwidth": "100", "hthumbheight": "80", "thumbitem": "10", "thumbmargin": "5" }; /* ]]> */ </script> <script type='text/javascript' src='/DFS//template/3043/images/main.js?ver=5.1.8'></script> <script type='text/javascript' src='/DFS//template/3043/images/slightbox.js?ver=5.1.8'></script>  <div class="dgd_overlay"></div>  </body> </html>

CINXE.COM

软件研发效能实验室