/*
Css for PEL,	ver 1.0
CopyRight  Dongyi Network Technology CO.,Ltd Design Center
*/



/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
h3{font-family:"Microsoft YaHei",微软雅黑; }
/* Public */
html{ width:100%; height:100%; }
body{ width:100%; height:100%; color:#333;font:14px/24px "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif; text-align:center; background:#fff url(../img/wrap-bg.png) repeat-x 0 0; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
a{color:#333;text-decoration:none; outline:none;}
a:hover {color:#f60;}
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{height:15px;font-size:0px; line-height:0; }
.blank5{height:5px;font-size:0px; line-height:0; }
.hot,hot a{color:#f60 !important}
.nodata{color:#999;}
.fl{float:left; }
.fr{float:right; }
.hide{display:none; }
.border{border:1px solid #ddd;}
.wrap { background: url(/content/_common/contentmanage/jiaoyan/img/head.jpg) no-repeat center top; }


/* 通用盒子模型 */
.box{ overflow:hidden;  border: 1px solid #b0c9f1; border-radius:4px; }
.box .hd{ height:40px; line-height:40px; overflow:hidden; border-bottom: 1px solid #b0c9f1; border-radius:4px 4px 0 0; box-shadow: 0px 3px 2px 0px rgba(125, 129, 221, 0.2);
  background-image: -moz-linear-gradient( -90deg, rgb(255,255,253) 0%, rgb(239,248,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,255,253) 0%, rgb(239,248,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,255,253) 0%, rgb(239,248,255) 100%);
}
.box .hd .more{ float:right; margin-right:5px; font-weight:normal; font-size:14px; }
.box .hd h3{ float:left; margin-left:15px;line-height:36px;  border-radius:0 0 4px 4px;  font-size: 16px;
	background-image: -moz-linear-gradient( -90deg, rgb(30,150,210) 0%, rgb(26,105,172) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(30,150,210) 0%, rgb(26,105,172) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(30,150,210) 0%, rgb(26,105,172) 100%);
}
.box .hd h3 a,.box .hd h3 span {display:block; padding: 0 20px; color:#fff; text-decoration: none; }
.box .bd{ padding:8px 12px; }


/* sideBox */
.sideBox {background:#eff8fd url(../img/sideBg.jpg) no-repeat center 30px; -webkit-background-size: cover; background-size: cover; border: 1px solid #b0c9f1; border-radius:4px;}
.sideBox .hd{ height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #aeccec; border-radius:4px 4px 0 0; box-shadow: 0px 3px 2px 0px rgba(125, 129, 221, 0.2);
  background-image: -moz-linear-gradient( -90deg, rgb(255,255,253) 0%, rgb(239,248,255) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(255,255,253) 0%, rgb(239,248,255) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(255,255,253) 0%, rgb(239,248,255) 100%);
}
.sideBox .hd .more{ float:right; margin-right:5px; font-weight:normal; font-size:14px; }
.sideBox .hd h3{ float:left; margin-left:15px;line-height:36px;  border-radius:0 0 4px 4px; font-size: 16px;
	background-image: -moz-linear-gradient( -90deg, rgb(2,78,138) 0%, rgb(3,50,104) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(2,78,138) 0%, rgb(3,50,104) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(2,78,138) 0%, rgb(3,50,104) 100%);
}

.sideBox .hd h3 a,.sideBox .hd h3 span {display:block; padding: 0 20px; color:#fff; text-decoration: none; }
.sideBox .bd{ padding:8px 12px; border-top: none; }

.sideBox-top { height: 320px;}
.sideBox-bottom { height: 327px;}



/* frame */
.sub-logo { padding-top: 40px; height: 64px; line-height: 64px; margin-bottom: 50px;}
.sub-logo img { vertical-align: middle; }
.sub-logo .node-name { font-size: 30px; font-weight: bold; color: #033e76; padding-left: 20px; display: inline-block; vertical-align: middle; }

#header,.navBar,#content,#footer{width:1200px; text-align:left;margin:0 auto;position:relative;   }
#content{overflow:hidden; clear:both; margin-top:15px; margin-bottom: 15px;}


/* header */
#header{ position:relative; z-index:1; }
#header .logoBar{ position:relative; height:140px; }


/* userPanel */
.userPanel{ position:absolute; top:0; right:0; height:34px; line-height:34px; color:#fff;background:#11538f; border-top:none;border-radius:0 0 5px 5px; }
.userPanel li a {float:left; padding:0 20px; color: #fff; display: block; }

/* navBar */
.navBar{ height:50px; line-height:50px; text-align:center;z-index:9; border-radius:5px; position: relative; overflow: hidden;
  background-image: -moz-linear-gradient( -90deg, rgb(2,78,138) 0%, rgb(3,50,104) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(2,78,138) 0%, rgb(3,50,104) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(2,78,138) 0%, rgb(3,50,104) 100%);
}
.navBar:before { display: block; width: 1196px; height: 46px; border: 1px solid rgba(255,255,255,.3); content:''; position: absolute; top: 1px; left: 1px; border-radius:5px; }
.navBar .mainNav a{color:#fff; font-size:16px;}
.navBar .mainNav{margin-left:15px;}
.navBar .mainNav li{ float:left;position:relative; margin:0 26px;}
.navBar .mainNav li.on1 a.a1 { font-weight: bold; }
.mainNav .subNav{position:absolute;left:1px;top:37px; display:none;overflow:hidden; width:150px; height:auto;opacity:0.9;filter:alpha(opacity=90);  background:#09a3bc; border-radius:0 0 3px 3px;box-shadow: 0px 2px 2px #000;line-height:30px;z-index:9; padding-top:5px;}
.mainNav .subNav .li2{text-align:left; font-size:12px;border-bottom:1px solid #0CB0CB;}
.mainNav .subNav .li2 a{padding:0 10px;}
.mainNav .subNav .li2 a:hover{display:block;background:#0bc1de; }

/*content框架*/
.aside{float:right;width:28.5%; }
.box-main { float: left;  width: 70%;}

.side { float: left; width: 25%; margin-right: 1%;}
.mainContent { overflow: hidden;}

/* 多级菜单 */
#sideMenu { background: #fff;}
#sideMenu .menulists .li1 { border-bottom: 1px solid #ddd; }

#sideMenu .menulists .li1 .h1 { position:relative; line-height:24px;  }
#sideMenu .menulists .li1 .h1 .a1 { display: block; padding:10px 15% 10px 35px;  font-size: 15x; position: relative; z-index: 1; cursor: pointer; background: url(/content/_common/contentmanage/jiaoyan/img/folderopen.png) no-repeat 10px center;}
#sideMenu .menulists .on1 .h1,#sideMenu .menulists .li1:hover { background: #f4fbff;  font-weight: bold; }
#sideMenu .menulists .on1 .h1 .a1,#sideMenu .menulists .li1:hover a.a1 { color: #043c75; }
#sideMenu .menulists .li1 i { display: block; height: 20px;width: 20px;background: url(/content/_common/contentmanage/jiaoyan/img/arr.png) no-repeat center center;background-size:80% 80%;position: absolute;right: 12px;top: 50%;margin-top: -10px;transition: all 0.3s ease-out;transform: rotate(-90deg);}
#sideMenu .menulists .hasUl1 i { transition: all 0.3s ease-out; transform: rotate(0deg); }
#sideMenu .menulists .hasUl1.on1 i { transition: all 0.3s ease-out; transform: rotate(180deg); }
#sideMenu .menulists ul.ul1 { display: none; background: #f4fbff; overflow:hidden; padding-bottom: 10px;}
#sideMenu .menulists ul.ul1 .li2 { padding: 0 0 0 50px; line-height: 32px; font-size: 13px; cursor: pointer; }
#sideMenu .menulists ul.ul1 .on2 { color:#2F6EA4;  }
#sideMenu .menulists ul.ul1 .a2 { display: block;  font-size: 14px; position: relative; }
#sideMenu .menulists ul.ul1 .li2.on2 .a2,#sideMenu .menulists ul.ul1 .li2:hover .a2 { color: #c00;}

#sideMenu .menulists ul.ul1 .a2:after { display:block; content:" "; position:absolute; left: -12px; top:50%; margin-top: -3px; width: 0; height: 0; border: 4px solid transparent; border-left: 4px solid #666;}
#sideMenu .menulists ul.ul1 .li2.on2 .a2:after,#sideMenu .menulists ul.ul1 .li2:hover .a2:after { border-left-color: #c00;}

#sideMenu .menulists .on1 ul.ul1 { display: block; }

/* mainSide  */
.mainSide .box { width: 49%; background-color: #fff; height: 327px;} 

/* 通用信息列表 */
.infoList{ text-align:left; }
.infoList li {padding-left:15px; height:32px; line-height:32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  border-bottom:1px dotted #D8D8D8; background:url("/content/_common/contentmanage/jiaoyan/img/icon.gif") no-repeat 5px center ;}
.infoList li .date{ float:right; color:#999; padding-left: 15px; }
.dateRight{color:#999;margin:0 0 0 10px;}

/* 通用带图片的信息列表_普通式 */
.picList li{ text-align:center;  }
.picList li .pic img{ width:140px; height:105px; padding:2px; border:1px solid #ddd; background:#fff;   }
.picList li .pic a:hover img{ border-color:#7ea7eb;  }
.picList li .title{ padding-top:2px;  }



/* 焦点新闻*/
.focusGroups{overflow:hidden; background:#fff url(../img/mainBg.jpg) no-repeat left top; border:1px solid #aeccec; border-radius:4px; padding: 15px; height: 290px; }

.slideBox-news{ position:relative; zoom:1; float:left; width:360px; text-align:left; margin-right: 20px; }
.slideBox-news .hd{ position:absolute; height:20px; overflow:hidden; bottom:40px; right:5px; z-index:1;}
.slideBox-news .hd li {background-color:#fff;cursor:pointer;float:left;width:18px;height:18px;line-height:18px;margin-left:3px;text-align:center;}
.slideBox-news .hd  li a{ color:#333; font-size: 12px;} 
.slideBox .hd  li a:hover{ text-decoration:none; }
.slideBox-news .hd  li.on{ background-color:#f11f1f; color:#FFFFFF;}
.slideBox-news .hd  li.on a{ font-weight:bold; color:#fff; }
.slideBox-news .bd .title{text-align:center; background:#eee;line-height:40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.slideBox-news .bd .pic { width: 360px; height: 250px; }
.slideBox-news .bd .pic img { display: block; background-color: #f5f5f5; width: 360px; height: 250px;}
.slideBox-news .title{ height:25px; line-height:25px; text-align:center;background:#f3f3f3;   }

/* box-about */
.box-about { overflow: hidden;}
.box-about .title{ line-height:36px; height: 36px; border-radius:4px; font-size: 16px; float: left; margin-bottom: 15px;
	background-image: -moz-linear-gradient( -90deg, rgb(30,150,210) 0%, rgb(26,105,172) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(30,150,210) 0%, rgb(26,105,172) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(30,150,210) 0%, rgb(26,105,172) 100%);
}
.box-about .title a {display:block; padding: 0 20px; color:#fff; text-decoration: none; }
.box-about .intro { clear: both; font-size: 14px; color: #666; text-indent: 2em; max-height: 192px; margin-bottom: 10px; padding: 0 10px; text-align: justify; 
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.btn-more { color: #b11b1b; display: block; padding-left: 10px;  }

/* 热门图片 */
.box-photo { clear: both; }
.box-photo .bd { padding: 15px; overflow: hidden;}
.box-photo .picList li { float: left; width: 130px; text-align: center; padding: 0 18px;}
.box-photo .picList li img { width: 130px; height: 195px; display: block; background-color: #f5f5f5; }
.box-photo .picList .title { line-height: 30px; height: 30px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


/* footer */
#footer{padding: 20px 0; text-align:center; clear:both; line-height:28px; color:#fff;
  background-image: -moz-linear-gradient( -90deg, rgb(25,110,177) 0%, rgb(17,55,102) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(25,110,177) 0%, rgb(17,55,102) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(25,110,177) 0%, rgb(17,55,102) 100%);
}
#footer a { color: #fff;}
#footer .copyRight img { vertical-align: middle; }