@charset "utf-8";  
@import url("fonts.css");
h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;}
*{
	margin:0;
	padding:0;
	font-family:'HelveticaLight', Serif;
	color:#000;
	direction:rtl;
	text-align:right;
}
a{text-decoration:none}
input[type=text],textarea{outline: none;outline-offset: 0;}
.table-row{display:table;table-layout:fixed;width:100%;margin:0 auto;padding:0px;}
.table-column{display:table-cell;vertical-align:middle;overflow:hidden;}
.table-column.top{vertical-align:top;}
.table-column.dowrap{white-space:normal;}
.table-column.center{text-align:center;}
.table-column.right{text-align:right;}
.center{text-align:center;}
/* ----------------- */
/* ----------------- */
/* ----------------- */
/* ----------------- */
/* ---------------- */
.ratio-50{width: 100%;padding-top: 50%;position: relative;}
.ratio-52{width: 100%;padding-top: 52%;position: relative;}
.ratio-60{width: 100%;padding-top: 60%;position: relative;}
.ratio-70{width: 100%;padding-top: 70%;position: relative;}
.ratio-72{width: 100%;padding-top: 72%;position: relative;}
.ratio-75{width: 100%;padding-top: 75%;position: relative;}
.ratio-50 div,.ratio-52 div,.ratio-60 div,.ratio-70 div,.ratio-72 div,.ratio-75 div{
	position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}
/* ----------------- */
.IconVideoCamera i{float:left;color:#fff;font-size:30px;padding-top:10px;padding-left:10px;opacity: 0.5;}
/* col-md */
@media (max-width: 1199px) {
	.IconVideoCamera i{font-size:25px;}
}
/* col-sm */
@media (max-width: 991px) {}
/* col-xs */
@media (max-width: 767px) {
	.IconVideoCamera i{font-size:20px;}
}
/* buner */
.buner{background:#212334;border-bottom:5px #c8a12a solid}
.buner .box{background:#f9efce;background-image: url('../../../images/kof.png');background-repeat:no-repeat;background-position:right center;border-top-left-radius:15px;border-top-right-radius:15px;margin-top:20px;height:125px;}
.buner .box .logo{float:right;width:18%;height:100%;text-align:center;padding-top:5px;}
.buner .box .logo img{margin:0 auto;max-width:100%;}
.buner .box .search{float:left;width:5%;height:100%;}
.buner .box .search .search_icon i{border:2px #000 solid;padding:5px;border-radius: 3px;font-size:24px;cursor:pointer}
.buner .box .search .search_icon i:hover{color:#615407;border:2px #615407 solid;}
.buner .box .search button span{border:none;padding:3px;border-radius: 3px;font-size:20px;}
.buner .box .search .search_icon{float:left;width:100%;text-align:center;margin-top:45px;position: relative;}
.buner .box .search .search_icon .search_form{position:absolute;left:0;top:-2px;width:235px;height:40px;z-index:110;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.2s, opacity 0.2s linear;}
.buner .box .search .search_icon .search_form button{float:left;margin:0 3px;}
.buner .box .search .search_icon .search_form .close_search{float:left;margin-left:2px;color:#6e0d0d;font-size:20px;margin-top:10px;cursor:pointer;margin-right:3px}
.buner .box .search .search_icon .input{float:left;width:150px;height:40px;font-size:12px;padding:7px 10px;background:#fff;border:none;border-radius: 3px;}
.buner .box .search .menu_icon{float:left;width:100%;text-align:center;display:none;}
.buner .box .search .menu_icon label{border:2px #000 solid;padding:5px;border-radius: 3px;font-size:24px;margin:0;cursor:pointer}
.buner .box .search .menu_icon label:hover{color:#615407;border:2px #615407 solid;}
.buner .box .main_menu{float:left;width:70%;height:100%;position: relative;}
/* col-md */
@media (max-width: 1199px) {}
/* col-sm */
@media (max-width: 991px) {
	.buner .box .logo{width:100%;height:125px;}
	.buner .box .search{width:100%;height:auto;background:#e0cf96;padding:7px 5px 5px 5px;}
	.buner .box .search .search_icon{float:left;width:auto;margin:0;}
	.buner .box .search .search_icon .search_form button{margin:0 3px 0 0;}
	.buner .box .search .menu_icon{float:right;width:auto;display:block;}
	.buner .box .main_menu{width:100%;height:auto;}
}
/* col-xs */
@media (max-width: 767px) {
	
}

.buner .box .main_menu #btn-menu{
	display:none;
}
.main_menu .menu{
	height:100%;
}
.main_menu .menu ul{
	display:flex;
	list-style:none;
	margin:0;
	height:100%;
}
.main_menu .menu ul ul{
	display:none;
	position:absolute;
	background:#212334;
	z-index:100;
	height:auto;
	min-width:200px;
}
.main_menu .menu a{
	display:block;
	padding:0 10px;
	color:#000;
	text-decoration:none;
	font-family:HelveticaLight;
	font-weight:bold;
	font-size:18px;
	height:100%;
	line-height:125px;
}
.main_menu .menu li:hover > a{
	background:#212334;
	color:#efe28b;
}
.main_menu .menu li.submenu:hover > a > i{color:#efe28b}
.main_menu .menu a i{
	margin-right:5px;
}
.main_menu .menu ul li:hover ul{
	display:block;
}
.main_menu .menu ul ul a{
	padding:7px 15px 7px 15px;
	border-bottom:1px #2d3046 solid;
	color:#fff;
	font-size:18px;
	height:auto !important;
	line-height:20px !important;
}
.main_menu .menu ul ul a i{color:#fff;}
.main_menu .menu ul ul a:hover{
	border-bottom:1px #fff solid;
	color:#efe28b
}
.main_menu .menu ul ul a:hover i{color:#efe28b}
/* col-md */
@media (max-width: 1199px) {
	.main_menu .menu a{font-size:13px;}
	.main_menu .menu a{padding:0 7px;}
}
/* col-sm */
@media (max-width: 991px) {
	.main_menu .menu{
		position:absolute;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0.2s, opacity 0.2s linear;
		left:0;right:0;
		z-index:30;
		height:auto;
	}
	.main_menu .menu ul{display:block;background:#263944;height:auto;}
	.main_menu .menu a{color:#fff;border-bottom:1px #888 solid;padding:10px 10px 10px 5px;height:auto;line-height:20px;}
	.main_menu .menu a:hover{border-bottom:1px #e0b862 solid}
	.main_menu .menu a i{color:#fff;}
	.main_menu .menu ul ul{position:static;display:none;margin-top:2px;}
	.main_menu .menu ul li:hover ul{display:none;}
	.main_menu #btn-menu:checked ~ .menu{visibility: visible;opacity: 1;}
	
	.main_menu .menu ul ul a{padding:10px 30px 10px 5px;}
}
/* col-xs */
@media (max-width: 767px) {
	
}
/* ----------------- */
.style1 .item .text,
.style1 .item .text h2,
.style2 .item .img img,
.style3 .box .item .text,
.style3 .box .item .text h2,
.style3 .head .dept_name a,
.style4 ul li .img img,
.style4 ul li .text h3,
.style5 .col .head a,
.style5 .col .big .text,
.style5 .col .small,
.style6 .right,
.style6 .left .item .text,
.style6 .head .dept_name a,
.style7 .big,
.style7 .item,
.style7 .head .dept_name a,
.style8 .head,
.style8 .loop ul li,
.style9 .loop .item .text,
.style9 .loop .item .text h3,
.style9 .head .dept_name a,
.socail_menu ul li i
{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}
/* ----------------- */
/* main-block */
.main-block{
	background: #ebd17f; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ebd17f, #ffffff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ebd17f, #ffffff, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ebd17f, #ffffff, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ebd17f, #ffffff, #ffffff); /* Standard syntax */
	padding-top:10px;
}
/* Left and right col */
.col_right{float:right;width:65%;}
.col_left{float:left;width:33%;}
.details .col_right{padding:0px 10px}
/* col-md */
@media (max-width: 1199px) {}
/* col-sm */
@media (max-width: 991px) {
	.col_right{width:100%;padding:0;}
	.col_left{width:100%;}
	.details .col_left{display:none}
}
/* col-xs */
@media (max-width: 767px) {
	
}
/* Ajel */
.ajel{margin-bottom:10px;}
.ajel .word{float:right;width:10%;background:#c4595b;color:#fff;text-align:center;font-size:33px;height:70px;line-height:60px;font-weight:bold}
.ajel .text{float:right;width:90%;background:#202334;padding:0 10px;font-size:26px;line-height:57px;height:70px;padding:4px 10px;overflow:hidden;font-weight:bold}
.ajel .text ul{list-style-type: none;padding:0;margin:0;}
.ajel .text ul li{color:#f8ea91}
/* col-md */
@media (max-width: 1199px) {
	.ajel .word{font-size:28px;}
	.ajel .text{font-size:20px;}
}
/* col-sm */
@media (max-width: 991px) {
	.ajel .word{font-size:25px;height:45px;line-height:45px;}
	.ajel .text{font-size:20px;line-height:35px;min-height:45px;height:auto;overflow:auto}
	.ajel{position:fixed;bottom:0;right:0;left:0;top:auto;z-index:90;margin-bottom:0;}
}
/* col-xs */
@media (max-width: 767px) {
	.ajel .word{width:30%;font-size:20px;height:auto;line-height:30px;}
	.ajel .text{width:100%;font-size:18px;line-height:25px;min-height:auto;height:auto;overflow:auto}
}
/* shareet */
.shareet{margin-bottom: 10px;}
.shareet .cont{height:45px;background-color:#202334;font-weight:bold;}
.shareet .cont .marquee{direction:ltr;width:100%;height:100%;overflow:hidden}
.shareet .cont .marquee a{display:inline-block;margin-left:50px;line-height:40px;color:#f8ea91;text-decoration:none;}
.shareet .cont .marquee a.sep{color:#fff;}
/* Style1 */
.style1 {margin-bottom:20px}
.style1 .item{float:right;width:49.2%;}
.style1 .item:nth-child(2){margin-right:1.6%;}
.style1 .item .deptname{position:absolute;top:10px;right:0;left:auto;bottom:auto;background: rgba(130, 19, 19, 0.7);padding:5px 10px 10px;color:#fff;font-weight:bold;font-size:20px}
.style1 .item img{height:100%;width:100%;}
.style1 .item .text{position:absolute;bottom:20px;right:0;left:0;top:auto;padding:10px;min-height:110px;background: rgba(0, 0, 0, 0.7);font-family:HelveticaBold;}
.style1 .item .text h3{font-size:18px;color:#fff293;margin-bottom:4px;}
.style1 .item .text h1{font-size:22px;color:#fff;line-height:35px;text-align:justify}
.style1 .item:hover .text{background:#212334;}
.style1 .item:hover h1{color:#fff293;}
/* col-md */
@media (max-width: 1199px) {
	.style1 .item .text{min-height:100px;}
	.style1 .item .text h3{font-size:16px;}
	.style1 .item .text h1{font-size:22px;line-height:30px;}
}
/* col-sm */
@media (max-width: 991px) {
	.style1 .item .text{min-height:90px;bottom:0;}
	.style1 .item .text h3{font-size:15px;}
	.style1 .item .text h1{font-size:20px;line-height:27px;}
}
/* col-xs */
@media (max-width: 767px) {
	.style1 .item .text{min-height:auto;}
	.style1 .item{width:100%;}
	.style1 .item:nth-child(1){margin-bottom:10px;}
	.style1 .item:nth-child(2){margin-right:0%;}
}

/* style2 */
.style2{margin-bottom:20px;background:#7f4045;padding:15px 0;}
.style2 .deptHead{text-align:center;color:#fff;font-size:24px;font-weight:bold;margin-bottom:5px}
.style2 .deptHead a{color:#fff;text-decoration:none;font-size:24px;font-weight:bold;}
.style2 .deptHead a:hover{color:#f8ea91;}
.style2 .photo_gallery{margin-top:10px}

.style2 .photo_gallery .item{width:20%;float: left;}
.style2 .photo_gallery .item .img{width: 100%;padding-top: 90%;position: relative;}
.style2 .photo_gallery .item .img div{position: absolute;top: 0; bottom: 0; left: 0; right: 0;}
.style2 .photo_gallery .item .img .icon{top:10px;left:10px;right:auto;bottom:auto;z-index:500;opacity: 0.5;}
.style2 .photo_gallery .item .img .icon i{color:#fff;font-size:30px;}
.style2 .photo_gallery .item .img .text{position:absolute;bottom:0px;right:0;left:0;top:auto;padding:10px;background: rgba(0, 0, 0, 0.7);opacity: 0;-webkit-transition: opacity 0.5s;}
.style2 .photo_gallery .item .img .text h3{font-size:18px;color:#fff;line-height:25px;}
.style2 .photo_gallery .item.big{width:40%;}
.style2 .photo_gallery .item.big .img{padding-top: 45%;}

.style2 .item .img img{width:100%;height:100%;border:1px #7f4045 solid;position: relative;}
.style2 .item:hover .img .text{z-index:501;opacity: 1;}
.style2 .item:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	z-index:50;
}
/* col-md */
@media (max-width: 1199px) {
	.style2 .photo_gallery .item .img .text h3{font-size:16px;line-height:20px;}
}
/* col-sm */
@media (max-width: 991px) {
	.style2 .photo_gallery .item .img .text h3{font-size:13px;line-height:20px;}
}
/* col-xs */
@media (max-width: 767px) {
	.style2 .deptHead{font-size:20px;}
	.style2 .photo_gallery .item{width:100%;}
	.style2 .photo_gallery .item .img .text{opacity: 1;}

	.style2 .photo_gallery .item.big{width:100%;}
	.style2 .item:hover img{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
/* style 3 */
.style3{margin-bottom:20px;} 
.style3 .head{height:43px;} 
.style3 .head .dept_name{float:right;border-bottom:5px #000 solid;height:100%;padding:0 30px;font-size:24px;color:#000;font-weight:bold;} 
.style3 .head .dept_name a{display:inline-block;padding:0 30px;font-size:24px;color:#000;text-decoration:none;font-weight:bold;margin-bottom:3px;} 
.style3 .head .dept_name a:hover{color:#cda737} 
.style3 .head .remind{overflow: hidden;border-bottom:5px #e4d787 solid;height:100%;} 
.style3 .box{border-right:2px #e4d787 solid;border-left:2px #e4d787 solid;border-bottom:2px #e4d787 solid;background:#fff;padding:10px 10px 0px 10px;} 
.style3 .box .item{float:right;width:32%;margin-left:2%;margin-bottom:10px;} 
.style3 .box .item:nth-child(3n+0){margin-left:0;} 
.style3 .box .item img{height:100%;width:100%;} 
.style3 .box .item .text{height:98px;overflow: hidden;border-right:5px #fff solid;padding:5px;} 
.style3 .box .item .text h2{font-size:16px;line-height:22px; font-weight:bold;} 
.style3 .box .item:hover .text{border-right:5px #cda737 solid} 
.style3 .box .item:hover .text h2{color:#CDA737} 
.style3 .box .item a{text-decoration:none}
.style3 .box .more{text-align:center;margin-bottom:10px;color:#cda737;cursor:pointer}
.style3 .box .load{text-align:center;margin-bottom:10px;}
.style3 .box .load i{color:#cda737;}
/* col-md */
@media (max-width: 1199px) {
	.style3 .box .item .text{height:88px;} 
	.style3 .box .item .text h2{font-size:15px;line-height:20px;}
}
/* col-sm */
@media (max-width: 991px) {

}
/* col-xs */
@media (max-width: 767px) {
	.style3 .box .item{width:49%;margin-left:2%;} 
	.style3 .box .item:nth-child(3n+0){margin-left:2%;}
	.style3 .box .item:nth-child(2n+0){margin-left:0;}
	.style3 .box .item .text h2{font-size:13px;line-height:20px;}
}
/* style 4 */
.style4{margin-bottom:30px;border-bottom:2px #e4d787 solid;padding-bottom:20px}
.style4 ul{list-style-type: none;}
.style4 ul li{float: right;width:18%;margin-left:2.5%;}
.style4 ul li:nth-child(5n+0){margin-left:0;}
.style4 ul li:hover .text h3{color:#cda737}
.style4 ul li:hover .img img{width:100%;border:5px #cda737 solid}
.style4 ul li:hover .img img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	z-index:50;
}
.style4 ul li a{text-decoration:none}
.style4 ul li .img{margin-bottom:10px;}
.style4 ul li .img img{width:100%;border:5px #ede4c4 solid}
.style4 ul li .text h3{text-align:center;font-size:24px;font-weight:bold;}
/* Circle */
.style4 ul li .img {
	position: relative;
}
.style4 ul li .img::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(236,208,106,.5);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.style4 ul li .img:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 110%;
		height: 110%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 110%;
		height: 110%;
		opacity: 0;
	}
}
/* col-md */
@media (max-width: 1199px) {
	.style4 ul li .text h3{font-size:18px;line-height:20px;}
}
/* col-sm */
@media (max-width: 991px) {}
/* col-xs */
@media (max-width: 767px) {
	.style4 ul li{float: right;width:47%;margin-left:6%;margin-bottom:20px}
	.style4 ul li:nth-child(5n+0){margin-left:0;}
	.style4 ul li:nth-child(2n+0){margin-left:0;}
}
/* style5 */
.style5{margin-bottom:20px;}
.style5 a{text-decoration:none;}
.style5 .col{float:right;width:33%;margin-left:0.5%;}
.style5 .col:nth-child(3n+0){margin-left:0;}
.style5 .col .head{text-align:center;margin-bottom:10px;font-size:24px;font-weight:bold;}
.style5 .col .head a{color:#000;font-size:24px;font-weight:bold;}
.style5 .col .head a:hover{color:#8a6903}
.style5 .col .big:hover .text{background:#f8ecc3}
.style5 .col .big img{height:100%;width:100%;}
.style5 .col .big .text{height:95px;overflow: hidden;padding:5px 8px;background:#fff7d9;border-bottom:1px #f2e2a8 solid;} 
.style5 .col .big .text h2{font-size:16px;line-height:27px;font-weight:bold}
.style5 .col .small{border-bottom:1px #aaaaa9 dashed;background:#f4f5f4;height:82px;overflow: hidden;padding:5px 8px;} 
.style5 .col .small:hover {background:#e7e7e7} 
.style5 .col .small .table-row{height:100%;} 
.style5 .col .small h2{font-size:17px;line-height:24px;font-weight:bold;}
/* col-md */
@media (max-width: 1199px) {
	.style5 .col .big .text h2{font-size:15px;}
	.style5 .col .small h2{font-size:15px;}
}
/* col-sm */
@media (max-width: 991px) {
	.style5 .col .big .text h2{font-size:16px;}
	.style5 .col .small h2{font-size:16px;}
}
/* col-xs */
@media (max-width: 767px) {
	.style5 .col .head {margin-top:5px;}
	.style5 .col .head a{font-size:25px;}
	.style5 .col{width:100%;margin-left:0;margin-bottom:10px;border:1px #8a6903 solid}
	.style5 .col .big .text{height:auto;overflow: auto;padding:10px 8px} 
	.style5 .col .small{height:auto;overflow: auto;padding:10px 8px} 
}
/* style6 */
.style6{margin-bottom:20px;}
.style6 a{text-decoration:none;}
.style6 .head{height:43px;} 
.style6 .head .dept_name{float:right;border-bottom:5px #000 solid;height:100%;padding:0 30px;font-size:24px;color:#000;font-weight:bold;} 
.style6 .head .dept_name a{display:inline-block;padding:0 30px;font-size:24px;color:#000;text-decoration:none;font-weight:bold;margin-bottom:3px;} 
.style6 .head .dept_name a:hover{color:#cda737} 
.style6 .head .remind{overflow: hidden;border-bottom:5px #e4d787 solid;height:100%;} 
.style6 .box{border-right:2px #e4d787 solid;border-left:2px #e4d787 solid;border-bottom:2px #e4d787 solid;background:#fff;padding:10px 10px 0px 10px;} 
.style6 .box{border-right:2px #e4d787 solid;border-left:2px #e4d787 solid;border-bottom:2px #e4d787 solid;background:#fff;padding:10px 10px 0px 10px;} 
.style6 .box img{height:100%;width:100%;} 
.style6 .right{float:right;width:45%;margin-bottom:10px;padding:3px;}
.style6 .right:hover{background:#e4d787}
.style6 .right .text{height:95px;overflow: hidden;padding:5px 8px;}
.style6 .right .text .table-row{height:100%;}
.style6 .right .text h2{font-size:18px;line-height:28px;font-weight:bold;text-align:center}
.style6 .right p{margin-top:5px;font-size:14px;line-height:20px;height:100px;overflow: hidden;margin-bottom:5px;text-align: justify;}
.style6 .right .more{color:#ee1f25;font-size:14px;font-weight:bold}
.style6 .left{float:left;width:53.5%;padding:3px}
.style6 .left .item{float:right;width:49%;margin-left:2%;margin-bottom:10px;}
.style6 .left .item:nth-child(2n+0){margin-left:0;}
.style6 .left .item:hover .text{background:#e5e5e3;border-right:5px #c1c3c3 solid;}
.style6 .left .item .text{height:95px;overflow: hidden;padding:5px 8px;background:#f4f4f3;border-right:5px #e6e7e8 solid;}
.style6 .left .item .text .table-row{height:100%;}
.style6 .left .item .text h2{font-size:15px;line-height:22px;font-weight:bold;}
/* col-md */
@media (max-width: 1199px) {
	.style6 .right .text h2{font-size:16px;line-height:26px;}
	.style6 .left .item{width:100%;}
}
/* col-sm */
@media (max-width: 991px) {

}
/* col-xs */
@media (max-width: 767px) {
	.style6 .right{width:100%;}
	.style6 .left{width:100%;}
	.style6 .right .text{height:auto;overflow: auto;padding:10px 8px;}
	.style6 .right p{height:auto;overflow: auto;}
	.style6 .left .item .text h2{font-size:14px;line-height:20px;}
	.style6 .left .item .text{height:auto;overflow: auto;padding:10px 8px;}
}
/* style7 */
.style7{margin-bottom:20px;}
.style7 a{text-decoration:none;}
.style7 .head{height:43px;margin-bottom:10px;} 
.style7 .head .dept_name{float:right;border-bottom:5px #000 solid;height:100%;padding:0 30px;font-size:24px;color:#000;font-weight:bold;} 
.style7 .head .dept_name a{display:inline-block;padding:0 30px;font-size:24px;color:#000;text-decoration:none;font-weight:bold;margin-bottom:3px;} 
.style7 .head .dept_name a:hover{color:#cda737}
.style7 .head .remind{overflow: hidden;border-bottom:5px #e4d787 solid;height:100%;} 
.style7 img{height:100%;width:100%;}
.style7 .big {border-bottom:1px #dedfdf solid;margin-bottom:10px;}
.style7 .big:hover{background:#e1ca85}
.style7 .big a{color:#0000}
.style7 .big .text{padding:5px;}
.style7 .big .text h2{font-size:18px;line-height:27px;font-weight:bold}
.style7 .big .text p{margin-top:5px;font-size:14px;line-height:20px;margin-bottom:5px;}
.style7 .item{margin-bottom:10px;padding:3px;}
.style7 .item .top{width:30px;padding-top:2px;}
.style7 .item i{font-size:10px;color:#cda838}
.style7 .item a{color:#000}
.style7 .item:hover {background:#e1ca85}
.style7 .item h3{font-size:16px;line-height:25px;font-weight:bold}
/* style8 */
.style8{margin-bottom:20px;}
.style8 a{text-decoration:none;}
.style8 .head{background:#212334;color:#fff;padding:10px;font-size:24px;font-weight:bold;}
.style8 .head a{color:#fff796;display:inline-block;padding:10px;font-size:24px;width:100%;font-weight:bold;}
.style8 .head:hover{background:#423d01}
.style8 .loop{border-right:1px #000 solid;border-left:1px #000 solid;background:#fff;}
.style8 .loop ul{list-style-type: none;padding:0;margin:0;}
.style8 .loop ul li{padding:5px;background:#fff;border-bottom:1px #000 solid;}
.style8 .loop ul li h2{height:50px;overflow: hidden;font-size:17px;line-height:25px;color:#000;font-weight:bold;}
.style8 .loop ul li:hover{background:#fff7da;}
.style8 .option{background:#212334;padding:5px 10px;}
.style8 .option .arrow{float:left;}
.style8 .option .arrow i{font-size:30px;color:#fff;}
.style8 .option .arrow i:hover{color:#fff293;cursor:pointer}
/* style9 */
.style9{margin-bottom:20px;}
.style9 a{text-decoration:none;}
.style9 .head{height:43px;margin-bottom:10px;} 
.style9 .head .dept_name{float:right;border-bottom:5px #000 solid;height:100%;padding:0 30px;font-size:24px;color:#000;font-weight:bold;} 
.style9 .head .dept_name a{display:inline-block;padding:0 30px;font-size:24px;color:#000;text-decoration:none;font-weight:bold;margin-bottom:3px;} 
.style9 .head .dept_name a:hover{color:#cda737}
.style9 .head .remind{overflow: hidden;border-bottom:5px #e4d787 solid;height:100%;} 
.style9 img{height:100%;width:100%;}
.style9 .loop{background:#fff;}
.style9 .loop ul{list-style-type: none;padding:0;margin:0;}
.style9 .loop .item{height:100px;border-bottom:1px #fff solid;background:#fff}
.style9 .loop .item:hover .text{border-left:5px #e3d787 solid;}
.style9 .loop .item:hover .text h3{color:#ae8917}
.style9 .loop .item .img{float:right;width:140px;height:100%;}
.style9 .loop .item .text{overflow: hidden;height:100%;border-left:5px #fff solid;padding:10px;}
.style9 .loop .item .text h3{font-size:17px;line-height:25px;color:#000;font-weight:bold;}
.style9 .loop .item .text h4{font-size:14px;line-height:20px;color:#c89f22;}
.style9 .option{background:#212334;padding:5px 10px;}
.style9 .option .arrow{float:left;}
.style9 .option .arrow i{font-size:30px;color:#fff;}
.style9 .option .arrow i:hover{color:#fff293;cursor:pointer}
/* socail_menu */
.socail_menu{margin-bottom:20px;height:100px;}
.socail_menu ul{list-style-type: none;padding:0;margin:0;}
.socail_menu ul li{float:left;width:20%;height:100px;}
.socail_menu ul li:hover i{font-size:40px;}
.socail_menu ul li i{color:#fff;font-size:30px;line-height:100px;}
.socail_menu ul li a{display:inline-block;height:100%;width:100%;text-align:center}
.socail_menu .facebook{background:#587cbe}
.socail_menu .twitter{background:#27bef0}
.socail_menu .googleplus{background:#f05241}
.socail_menu .rss{background:#dbcb68}
.socail_menu .youtube{background:#ed1c24}
/* calendar */
.calendar{margin-bottom:20px;}
.calendar a{text-decoration:none;}
.calendar .head{height:43px;} 
.calendar .head .dept_name{float:right;border-bottom:5px #000 solid;height:100%;padding:0 30px;font-size:24px;color:#000;font-weight:bold;margin-bottom:3px;} 
.calendar .head .remind{overflow: hidden;border-bottom:5px #e4d787 solid;height:100%;} 
.calendar ul {list-style-type: none;}
.calendar .month {
    padding: 30px 25px;
    width: 100%;
    background: #cba533;
    text-align: center;
}

.calendar .month ul {
    margin: 0;
    padding: 0;
}

.calendar .month ul li {
    color: white;
    font-size: 20px;
	text-align:center
}
.calendar .month ul li span,.calendar .month ul li div {
	font-size:18px;color:#fff;text-align:center
}
.calendar .month .prev {
    float: left;
    padding-top: 10px;
	cursor:pointer
}

.calendar .month .next {
    float: right;
    padding-top: 10px;
	cursor:pointer
}

.calendar .weekdays {
    padding:10px 3px;
    background-color: #ddd;
}
.calendar .weekdays ul{
	margin: 0;
    padding:0;
}
.calendar .weekdays li {
    float:right;
    width: 14.28%;
    color: #666;
    text-align: center;
}
.calendar .days{
	padding:10px 3px;
	background: #eee;
}
.calendar .days ul{
    padding: 10px 0;
    margin: 0;
}

.calendar .days ul li {
    float:right;
    width: 14.28%;
    text-align: center;
    margin-bottom: 5px;
    font-size:12px;
    color: #777;
	padding: 5px;
}

.calendar .days ul li.active {
    background: #d1bf8b;
    color: white !important;
	cursor:pointer
}
.calendar .days ul li.active:hover{
	background:#bba25b
}
.calendar .days ul li.selected {
    background: #c4595b;
    color: white !important;
}
.calendar .text{
	background:#212334;
	padding:10px;
	min-height:153px;
	
}
.calendar .text p{
	height:113px;
	overflow: hidden;
	color:#fff;
	font-size:14px;
	line-height:22px;
	margin-bottom:5px;
}
.calendar .text .more{
	text-align:left;
	font-size:11px;
	color:#fab44e;
	cursor:pointer
}
.calendar .text .none{display:none;}
/* Add media queries for smaller screens */
@media screen and (max-width:720px) {
    /*.calendar .weekdays li, .days li {width: 13.1%;}*/
}

@media screen and (max-width: 420px) {
    /*.calendar .weekdays li, .days li {width: 12.5%;}*/
    .calendar .days li .active {padding: 2px;}
}

@media screen and (max-width: 290px) {
    /*.calendar .weekdays li, .days li {width: 12.2%;}*/
}
/* footer */
.footer {background:#212233;padding:20px 0;}
.footer .menu{float:right;width:750px; font-weight:bold;}
.footer .menu ul{list-style-type: none;padding:0;margin:0;}
.footer .menu ul li{display:inline-block;width:30%;margin-left:2%;margin-bottom:7px;}
.footer .menu ul li i{color:#eee18b;font-size:12px;margin-left:5px;}
.footer .menu ul li a{color:#fff;text-decoration:none;}
.footer .menu ul li a:hover{color:#eee18b;}
.footer .logo{float:left;width:350px;text-align:center;color:#fff;}
.footer .logo img{margin:0 auto;}
.footer .logo div{text-align:center;color:#fff;font-size:12px;margin-bottom:10px;}
.footer .logo div span{color:#eee18b}
.footer .logo div a{color:#eee18b}
/* col-md */
@media (max-width: 1199px) {
	.footer .menu{width:670px;}
	.footer .logo{width:250px;}
}
/* col-sm */
@media (max-width: 991px) {
	.footer .menu{width:100%;margin-bottom:10px;}
	.footer .logo{width:100%;}

}
/* col-xs */
@media (max-width: 767px) {
	.footer .menu {display:none}
	.footer .menu ul li{display:inline-block;width:100%;margin-left:0;text-align:center}
}
/* ---------------- */
/* ---  E3lan  ---- */
/* ---------------- */
.e3lan{margin-bottom:20px;}
.e3lan img{max-width:100%;min-height:70px;}