锘?!DOCTYPE html> 缇?涓藉伐??--??宸?宸ュ??瀛﹂??/title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <link type="text/css" rel="stylesheet" href="/css/3d.css" /> <script type="text/javascript" src="/js/jquery.min.js"></script> <style type="text/css"> body { font-family: 寰?蒋??榛?; font-size: 14px; margin: 0; padding: 0; } a, a:hover{ text-decoration: none; color: #ffff; } .bg { position: fixed; z-index: 0; right: 0; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; background-image: url(img/bg1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } ul, li { margin: 0; padding: 0; list-style: none; } ul li a { color: #ffffff; } .header{ border-bottom: 3px solid #F08080; overflow: hidden; } .wrap{ margin: 0 auto; width: 98%; } .mask { position: fixed; background: rgba(92, 180, 142, 0.4) none repeat fixed 0% 0%; z-index: 1; right: 0; top: 0; left: 0; bottom: 0; right: 0; } .logo img{ float:left; margin-bottom: 8px; /*max-width: 25%;*/ height: 65px; margin-left: 2%; margin-top: 10px; z-index: 3; border: none; } .navbar { float: right; margin: 0; overflow: hidden; } .nav li { float: left; line-height: 86px; height: 86px; font-size: 18px; background: transparent; padding-left: 14px; padding-right: 14px; list-style: none; border: none; display: block; } .nav li.active { background: #F08080; color: #ffff; } .filter { margin: 0 auto; width: 968px; font-size: 14px; color: #ffffff; padding-top: 16px; } .footer { background: #721714; margin-top: 20px; border-top: 1px solid #E09A8A; padding: 30px 0px; z-index: 3; position: absolute; bottom: 0; left: 0; right: 0; height: 105px; text-align: center; } .footer-wap { display: inline-block; font-size: 14px; color: #ffff; overflow: hidden; } .footer-l { float: left; text-align: left; } .footer-r { float: right; margin-left: 32px; } .footer-r li { margin: 0 10px 0 10px; width: 100px; float: left; height: 100%; } .jssora05l, .jssora05r { display: block; position: absolute; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; background: url('img/a17.png') no-repeat; overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05l.jssora05ldn { background-position: -250px -40px; } .jssora05r.jssora05rdn { background-position: -310px -40px; } .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; } .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; } /* jssor slider thumbnail navigator skin 01 css *//*.jssort01-99-66 .p (normal).jssort01-99-66 .p:hover (normal mouseover).jssort01-99-66 .p.pav (active).jssort01-99-66 .p.pdn (mousedown)*/.jssort01-99-66 .p { position: absolute; top: 0; left: 0; width: 99px; height: 66px;}.jssort01-99-66 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}.jssort01-99-66 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}.jssort01-99-66 .c { position: absolute; top: 0px; left: 0px; width: 95px; height: 62px; border: #000 2px solid; box-sizing: content-box; background: url('201703141526/201703141526/img/t01.png') -800px -800px no-repeat; _background: none;}.jssort01-99-66 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 95px; height: 62px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%;}.jssort01-99-66 .p:hover .c { top: 0px; left: 0px; width: 97px; height: 64px; border: #fff 1px solid; background-position: 50% 50%;}.jssort01-99-66 .p.pdn .c { background-position: 50% 50%; width: 95px; height: 62px; border: #000 2px solid;}* html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c { /* ie quirks mode adjust */ width /**/: 99px; height /**/: 66px;} </style> </head> <body> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <h1><a href="http://www.oxygenglobal.net"_target="_blank">ManBetX万博全站app|【主页】</a></h1> <div class="bg"> </div> <div class="mask"> <div class="header"> <div class="wrap"> <div class="logo"> <a href="http://www.stbu.edu.cn"><img src="img/logo.png" alt=""></a> </div> </div> <div class="navbar"> <ul class="nav"> <li><a href="http://www.stbu.edu.cn">棣?椤?/a> </li> <li><a href="../yhgs/index.html">?崇?诲伐??</a></li> <li><a href="../hlgs/index.html">娲诲??宸ュ??</a></li> <li class="active"><a href="../mlgs/index.html">缇?涓藉伐??</a></li> <li><a href="../slgs/index.html">瀹???宸ュ??</a></li> <li><a href="../rygs/index.html">?h??宸ュ??</a></li> </ul> </div> </div> <div class="filter"> <ul> <li> <button class="btn-1" onclick="go('index.html')">???芥?″??/button> <button class="btn-3" onclick="go('index3.html')">??灞辨?″??/button> <button class="btn-2" onclick="go('index2.html')">?ヂ峰伐??</button> <button class="btn-7" onclick="go('index7.html')">澶?路宸ュ??</button> <button class="btn-5" onclick="go('index5.html')">绉?路宸ュ??</button> <button class="btn-4" onclick="go('index4.html')">楦??板伐??</button> <button class="btn-6" onclick="go('index6.html')">澶╅?婀?</button> <button class="btn-8" onclick="go('index8.html')">?磋?浜?/button> <button class="btn-9" onclick="go('index9.html')">?烘?浜?/button> </li> </ul> </div> <div id="jssor_1" style="position: relative; margin: 0 auto; top: 8px; left: 0px; width: 960px; height: 480px; overflow: hidden; visibility: hidden; background-color: #24262e;"> <!-- Loading Screen --> <div data-u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 240px; width: 720px; height: 480px; overflow: hidden;"> <div data-p="150.00"> <img data-u="image" src="img/001.jpg" /> <img data-u="thumb" src="img/001.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/002.jpg" /> <img data-u="thumb" src="img/002.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/003.jpg" /> <img data-u="thumb" src="img/003.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/004.jpg" /> <img data-u="thumb" src="img/004.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/005.jpg" /> <img data-u="thumb" src="img/005.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/006.jpg" /> <img data-u="thumb" src="img/006.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/007.jpg" /> <img data-u="thumb" src="img/007.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/008.jpg" /> <img data-u="thumb" src="img/008.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/009.jpg" /> <img data-u="thumb" src="img/009.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/010.jpg" /> <img data-u="thumb" src="img/010.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/011.jpg" /> <img data-u="thumb" src="img/011.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/012.jpg" /> <img data-u="thumb" src="img/012.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/013.jpg" /> <img data-u="thumb" src="img/013.jpg" /> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/014.jpg"/> <img data-u="thumb" src="img/014.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/015.jpg"/> <img data-u="thumb" src="img/015.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/016.jpg"/> <img data-u="thumb" src="img/016.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/017.jpg"/> <img data-u="thumb" src="img/017.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/018.jpg"/> <img data-u="thumb" src="img/018.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/019.jpg"/> <img data-u="thumb" src="img/019.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/020.jpg"/> <img data-u="thumb" src="img/020.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/021.jpg"/> <img data-u="thumb" src="img/021.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/022.jpg"/> <img data-u="thumb" src="img/022.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/023.jpg"/> <img data-u="thumb" src="img/023.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/024.jpg"/> <img data-u="thumb" src="img/024.jpg"/> </div> <div data-p="150.00" style="display: none;"> <img data-u="image" src="img/025.jpg" /> <img data-u="thumb" src="img/025.jpg" /> </div> <a data-u="any" href="#" style="display: none;"></a> </div> <!-- Thumbnail Navigator --> <div data-u="thumbnavigator" class="jssort01-99-66" style="position:absolute;left:0px;top:0px;width:240px;height:480px;" data-autocenter="2"> <!-- Thumbnail Item Skin Begin --> <div data-u="slides" style="cursor: default;"> <div data-u="prototype" class="p"> <div class="w"> <div data-u="thumbnailtemplate" class="t"></div> </div> <div class="c"></div> </div> </div> <!-- Thumbnail Item Skin End --> </div> <!-- Arrow Navigator --> <span data-u="arrowleft" class="jssora05l" style="top:0px;left:248px;width:40px;height:40px;" data-autocenter="2"></span> <span data-u="arrowright" class="jssora05r" style="top:0px;right:8px;width:40px;height:40px;" data-autocenter="2"></span> </div> <div class="footer"> <div class="footer-wap"> <div class="footer-l"> ???芥?″?猴???宸??????藉????藉?哄?㈢???瀛﹂?㈣?65? ???锛?611745<br> ??灞辨?″?猴???灞卞???宸?澶ч??宀蜂?娈?? ???锛?620000<br> ??绯荤?佃?    ????锛?(028)87953080 ?″??:(028)87953896 浜轰?澶?锛?(028)87953900 ???ゅ?锛?(028)87953092<br> Email锛?yb@stbu.edu.cn   <br> ????????锛???宸?宸ュ??瀛﹂??俊???缁?涓?? ??ICP澶?05001554? </div> <div class="footer-r"> <ul> <li> <span><img src="img/weixin.jpg" width="100%" height="100%"></span> <i>寰?俊</i> </li> <li> <span><img src="img/QQ.jpg" width="100%" height="100%"></span> <i>QQ?烘?ф?″??/i> </li> <li> <span><img src="img/weibo.jpg" width="100%" height="100%"></span> <i>寰???</i> </li> <li> <span><img src="img/vr.png" width="100%" height="100%"></span> <i>VR宸ュ??</i> </li> </ul> </div> </div> </div> </div> <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script> <script>window.jQuery || document.write('<script src="/js/jquery-1.11.0.min.js"><\/script>')</script> <script src="/js/jssor.slider-21.1.6.min.js" type="text/javascript"></script> <script type="text/javascript"> function go(a) { window.location.href = a; } jQuery(document).ready(function ($) { var jssor_1_SlideshowTransitions = [ { $Duration: 1200, $Zoom: 1, $Easing: { $Zoom: $Jease$.$InCubic, $Opacity: $Jease$.$OutQuad }, $Opacity: 2 }, { $Duration: 1000, $Zoom: 11, $SlideOut: true, $Easing: { $Zoom: $Jease$.$InExpo, $Opacity: $Jease$.$Linear }, $Opacity: 2 }, { $Duration: 1200, $Zoom: 1, $Rotate: 1, $During: { $Zoom: [0.2, 0.8], $Rotate: [0.2, 0.8] }, $Easing: { $Zoom: $Jease$.$Swing, $Opacity: $Jease$.$Linear, $Rotate: $Jease$.$Swing }, $Opacity: 2, $Round: { $Rotate: 0.5 } }, { $Duration: 1000, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Zoom: $Jease$.$InExpo, $Opacity: $Jease$.$Linear, $Rotate: $Jease$.$InExpo }, $Opacity: 2, $Round: { $Rotate: 0.8 } }, { $Duration: 1200, x: 0.5, $Cols: 2, $Zoom: 1, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $Jease$.$InCubic, $Zoom: $Jease$.$InCubic, $Opacity: $Jease$.$Linear }, $Opacity: 2 }, { $Duration: 1200, x: 4, $Cols: 2, $Zoom: 11, $SlideOut: true, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $Jease$.$InExpo, $Zoom: $Jease$.$InExpo, $Opacity: $Jease$.$Linear }, $Opacity: 2 }, { $Duration: 1200, x: 0.6, $Zoom: 1, $Rotate: 1, $During: { $Left: [0.2, 0.8], $Zoom: [0.2, 0.8], $Rotate: [0.2, 0.8] }, $Easing: { $Left: $Jease$.$Swing, $Zoom: $Jease$.$Swing, $Opacity: $Jease$.$Linear, $Rotate: $Jease$.$Swing }, $Opacity: 2, $Round: { $Rotate: 0.5 } }, { $Duration: 1000, x: -4, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Left: $Jease$.$InExpo, $Zoom: $Jease$.$InExpo, $Opacity: $Jease$.$Linear, $Rotate: $Jease$.$InExpo }, $Opacity: 2, $Round: { $Rotate: 0.8 } }, { $Duration: 1200, x: -0.6, $Zoom: 1, $Rotate: 1, $During: { $Left: [0.2, 0.8], $Zoom: [0.2, 0.8], $Rotate: [0.2, 0.8] }, $Easing: { $Left: $Jease$.$Swing, $Zoom: $Jease$.$Swing, $Opacity: $Jease$.$Linear, $Rotate: $Jease$.$Swing }, $Opacity: 2, $Round: { $Rotate: 0.5 } }, { $Duration: 1000, x: 4, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Left: $Jease$.$InExpo, $Zoom: $Jease$.$InExpo, $Opacity: $Jease$.$Linear, $Rotate: $Jease$.$InExpo }, $Opacity: 2, $Round: { $Rotate: 0.8 } }, { $Duration: 1200, x: 0.5, y: 0.3, $Cols: 2, $Zoom: 1, $Rotate: 1, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $Jease$.$InCubic, $Top: $Jease$.$InCubic, $Zoom: $Jease$.$InCubic, $Opacity: $Jease$.$OutQuad, $Rotate: $Jease$.$InCubic }, $Opacity: 2, $Round: { $Rotate: 0.7 } }, { $Duration: 1000, x: 0.5, y: 0.3, $Cols: 2, $Zoom: 1, $Rotate: 1, $SlideOut: true, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $Jease$.$InExpo, $Top: $Jease$.$InExpo, $Zoom: $Jease$.$InExpo, $Opacity: $Jease$.$Linear, $Rotate: $Jease$.$InExpo }, $Opacity: 2, $Round: { $Rotate: 0.7 } }, { $Duration: 1200, x: -4, y: 2, $Rows: 2, $Zoom: 11, $Rotate: 1, $Assembly: 2049, $ChessMode: { $Row: 28 }, $Easing: { $Left: $Jease$.$InCubic, $Top: $Jease$.$InCubic, $Zoom: $Jease$.$InCubic, $Opacity: $Jease$.$OutQuad, $Rotate: $Jease$.$InCubic }, $Opacity: 2, $Round: { $Rotate: 0.7 } }, { $Duration: 1200, x: 1, y: 2, $Cols: 2, $Zoom: 11, $Rotate: 1, $Assembly: 2049, $ChessMode: { $Column: 19 }, $Easing: { $Left: $Jease$.$InCubic, $Top: $Jease$.$InCubic, $Zoom: $Jease$.$InCubic, $Opacity: $Jease$.$OutQuad, $Rotate: $Jease$.$InCubic }, $Opacity: 2, $Round: { $Rotate: 0.8 } } ]; var jssor_1_options = { $AutoPlay: true, $SlideshowOptions: { $Class: $JssorSlideshowRunner$, $Transitions: jssor_1_SlideshowTransitions, $TransitionsOrder: 1 }, $ArrowNavigatorOptions: { $Class: $JssorArrowNavigator$ }, $ThumbnailNavigatorOptions: { $Class: $JssorThumbnailNavigator$, $Rows: 2, $Cols: 6, $SpacingX: 14, $SpacingY: 12, $Orientation: 2, $Align: 156 } }; var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options); /*responsive code begin*/ /*you can remove responsive code if you don't want the slider scales while window resizing*/ function ScaleSlider() { var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth; if (refSize) { refSize = Math.min(refSize, 960); refSize = Math.max(refSize, 300); jssor_1_slider.$ScaleWidth(refSize); } else { window.setTimeout(ScaleSlider, 30); } } ScaleSlider(); $(window).bind("load", ScaleSlider); $(window).bind("resize", ScaleSlider); $(window).bind("orientationchange", ScaleSlider); /*responsive code end*/ }); </script> </body> </html>