�?/* top bar and top bar nav elements*/

.topbar {
	/*border-bottom: 1px solid #eee;*/
	padding-top: 15px;
	line-height: 1.5;
	font-weight: 400;}
.topbar ul {
	float: right;}
.topbar ul li {
	padding-left: 10px;
	padding-right: 15px;
	border-right: solid 1px #d8d8d8;}
.topbar ul li:last-child {
	border: none;}
.topbar ul li a {
	padding: 3px 10px;}
.topbar ul li a:hover {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 3px 10px;
	font-family: inherit;
	color: #fff !important;
	font-weight: 600;
	border-color: #D47274 !important;
	background-color: #D47274 !important;}
.topbar ul li:last-child {
	padding-right: 0;}
.topbar .fa {
	margin-right: 4px;}
.top-logo-bg {
	position: relative;
	/* permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fb57b+0,258dc8+100 */
	padding-top: 15px;
	padding-bottom: 15px;
	background: #1fb57b;
	/* old browsers */
	/* ie9 svg, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMWZiNTdiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI1OGRjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(45deg, #1fb57b 0%, #258dc8 100%);
	/* ff3.6-15 */
	background: -webkit-linear-gradient(45deg, #1fb57b 0%, #258dc8 100%);
	/* chrome10-25,safari5.1-6 */
	background: linear-gradient(45deg, #1fb57b 0%, #258dc8 100%);
	/* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1fb57b', endColorstr='#258dc8', GradientType=1);}
.top-logo-shadow {
	-webkit-box-shadow: inset -1px -11px 21px -15px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset -1px -11px 21px -15px rgba(0, 0, 0, 0.75);
	box-shadow: inset -1px -11px 21px -15px rgba(0, 0, 0, 0.75);
	position: relative;}
/* search Start */
#search {
	float: right;
	margin-top: 20px;}
#search .block form .form-control {
	width: 250px;
	background: #fff;
	opacity: 0.9;
	border: none;
	height: 40px;
	border-radius: 0px;
	font-size: 15px;}
#search .block form .input-group-addon {
	padding: 0px;
	border: none;
	background: none;}
#search .block form .input-group-addon button {
	width: 50px;
	height: 40px;
	border: none;
	border-radius: 0px;
	background: #7EC3BB;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;}
#search .block form .input-group-addon button:hover {
	background: #69a8a1;}
/* intro (mian nav)*/
.intro {
	position: relative;}
.intro .main-nav {
	position:relative;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;}
.intro .main-nav ul.main-menu {
	float: right;
	margin-top: 20px;}
.intro .main-nav .sticky-wrapper.is-sticky ul.main-menu {
	margin-top: 0;}
.intro .main-nav ul.main-menu li {
	margin-right: 4px;
	position: relative;}
.intro .main-nav ul.main-menu li a {
	color: #5B5B5B;
	font-weight: 600;
	padding: 6px 15px;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 0px;}
.sticky-wrapper.is-sticky nav ul.main-menu li a {
	margin-bottom: 0
;}
.intro .main-nav ul.main-menu li ul li a {
	margin-bottom: 0
;}
.intro .main-nav ul.main-menu li.active a {
	color: #ff8724
;}
.intro .main-nav ul.main-menu li a:hover, .intro .main-nav ul.main-menu li a:focus {
	background: none;
	color: #ff8724;
	outline: none;}
.intro .main-nav ul.main-menu li a::before {
	background: transparent none repeat scroll 0 0;
	border-left: 1px solid #FF8724;
	border-top: 1px solid #FF8724;
	content: "";
	height: 10px;
	left: -70px;
	position: absolute;
	top: 0;
	width: 25px;
	visibility: hidden;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	opacity: 0;}
.intro .main-nav ul.main-menu li a::after {
	background: transparent none repeat scroll 0 0;
	border-right: 1px solid #FF8724;
	border-bottom: 1px solid #FF8724;
	content: "";
	height: 10px;
	right: 70px;
	position: absolute;
	bottom: 0;
	width: 25px;
	visibility: hidden;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	opacity: 0;}
.intro .main-nav ul.main-menu li a:hover::before {
	visibility: visible;
	opacity: 1;
	left: 0;}
.intro .main-nav ul.main-menu li a:hover::after {
	visibility: visible;
	opacity: 1;
	right: 0;}
.intro .main-nav ul.main-menu li.active a::before {
	background: transparent none repeat scroll 0 0;
	border-left: 1px solid #FF8724;
	border-top: 1px solid #FF8724;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;}
.intro .main-nav ul.main-menu li.active a::after {
	background: transparent none repeat scroll 0 0;
	border-right: 1px solid #FF8724;
	border-bottom: 1px solid #FF8724;
	content: "";
	height: 10px;
	right: 0;
	position: absolute;
	bottom: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;}
/* ===[ Sub Menu ]=== */
.intro .main-nav ul.main-menu li ul.dropdown-menu {
	background: rgba(3, 3, 3, 0.8) none repeat scroll 0 0;
	border-radius: 0;
	display: block;
	left: 0;
	position: absolute;
	top: 70px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 999;}
.main-nav .sticky-wrapper.is-sticky ul.main-menu li ul.dropdown-menu {
	top: 70px !important;
	box-shadow: none;
	z-index: -1;}
.intro .main-nav ul.main-menu li:hover ul.dropdown-menu {
	visibility: visible;
	opacity: 1;
	top: 50px;}
.intro .main-nav ul.main-menu li ul.dropdown-menu li a:before, .intro .main-nav ul.main-menu li ul.dropdown-menu li a:after {
	content: none
;}
.intro .main-nav ul li:hover ul li a {
	color: #fff
;}
.intro .main-nav ul li:hover ul li a:hover {
	text-decoration: none;
	background: transparent;
	color: #ff8724;}
.intro .main-nav ul li:hover a {
	color: #ff8724
;}
.intro .main-nav ul li.active:hover ul li a:hover {
	color: #fff
;}
.intro .main-nav ul li.active:hover ul li a:hover {
	color: #ff8724
;}
.intro .main-nav ul li.active:hover ul li a {
	color: #fff
;}
.intro .main-nav ul li:hover a:after {
	background: transparent none repeat scroll 0 0;
	border-right: 1px solid #FF8724;
	border-bottom: 1px solid #FF8724;
	content: "";
	height: 10px;
	right: 0;
	position: absolute;
	bottom: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;}
.intro .main-nav ul li:hover a:before {
	background: transparent none repeat scroll 0 0;
	border-left: 1px solid #FF8724;
	border-top: 1px solid #FF8724;
	content: "";
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
	width: 25px;
	visibility: visible;
	opacity: 1;}
.intro .main-nav ul li ul li ul {
	background: rgba(3, 3, 3, 0.8) none repeat scroll 0 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	left: 168px;
	list-style: outside none none;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 100px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	width: 160px;}
.intro .main-nav ul li ul li:hover ul {
	visibility: visible;
	opacity: 1;
	top: 0;}
.intro .main-nav ul li ul li ul li {
	padding-bottom: 10px
;}
.intro .main-nav ul li ul li ul li:last-child {
	padding-bottom: 0
;}
.intro .main-nav ul li ul li ul li a {
	padding: 0 !important;
	content: none;}
.intro .main-nav ul li ul li:hover ul li a {
	color: #fff
;}
.intro .main-nav ul li ul li:hover ul li a:hover {
	text-decoration: none;
	background: transparent;
	color: #ff8724;}
.intro .main-nav ul li ul li:hover a {
	color: #ff8724
;}
.intro .main-nav ul.main-menu li.search {
	color: #fff;
	margin-left: 15px;
	padding: 5px 0;
	position: relative;
	cursor: pointer;}
.intro .main-nav .sticky-wrapper.is-sticky ul.main-menu li.search {
	margin-top: 20px;}
.intro .main-nav ul.main-menu li.search:hover .search-box {
	visibility: visible;
	opacity: 1;}
.intro .main-nav ul.main-menu li.search .search-box {
	position: absolute;
	left: -115px;
	top: 40px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;}
.intro .main-nav ul.main-menu li.search .search-box .search-form {
	position: relative
;}
.intro .main-nav ul.main-menu li.search .search-box .search-form:before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 48%;
	position: absolute;
	top: -5px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 15px;}
.intro .main-nav ul.main-menu li.search .search-box .search-form input[type=text] {
	background: #000;
	border: 1px solid #000;
	border-radius: 100px;
	color: #fff;
	height: 40px;
	padding: 10px 40px 10px 15px;
	position: relative;}
.intro .main-nav ul.main-menu li.search .search-box .search-form input[type=text]:focus {
	background: #000;
	outline: none;}
.intro .main-nav ul.main-menu li.search .search-box .search-form button {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	border-radius: 100px;
	color: #fff;
	height: 40px;
	padding: 0 15px;
	position: absolute;
	top: 0;
	right: 0;}
.intro .main-nav ul li ul li a {
	color: #C7C7C7 !important
;}
.intro .main-nav ul li ul li a:hover {
	color: #ff8724 !important
;}
/* left-vertical-menu */
.sidenav-brand {
	background: #F5F5F6;
	border-top: 5px solid #488DD8;
	width: 100%;
	margin:0px;
	color: #182963;
	font-size: 14px;
	font-weight: 600;
	line-height: 32px;
	padding: 5px 0 5px 0;
	text-align: center
;}
.left-vertical-menu {
	width: 100%;
	height: 100%;
	margin:0px;
	background: #488DD8;
	transition: all .3s;
	padding-top: 1px;}
.left-vertical-menu ul {
	margin:0px;}
.left-vertical-menu ul li a {
	display: block;
	overflow: hidden;
	padding-left: 30px;
	line-height: 40px;
	/*max-height: 40px;*/
	color: #FFF;
	font-size: 15px;
	font-weight: 600;
	transition: all .3s;}
.left-vertical-menu ul li a:hover {
	/*background: #b4b2b2;*/
	background: #F5F5F6 none repeat scroll 0 0;
	color: #000
;}
.left-vertical-menu a span {
	margin-left: 30px;}
/* news */
.news {
	width: 100%;
	margin:0px;
	padding: 0 15px;}
.news .title {
	padding-top: 15px;
	padding-left: 20px;
	width: 100%;
	height: 40px;
	border-left: 10px solid #FFAE00;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;}
.news ul {
	padding-top: 15px;
	padding-left: 30px;}
.news ul li {
	/*margin-top: 20px;*/
	list-style: none;}
.news li {
	border-bottom: 1px dotted #bababa;
	padding: 5px 0 5px 0;}
.news time, .news .pv, .news .pc {
	margin-right: 20px;}
.news .meta {
	color: #999;
	font-size: 12px;
	margin-bottom: 10px;}
.news .meta .fa {
	margin-right: 4px;
	color: #E42B2E
;}
.news .meta a {
	color: #999;
	text-decoration: underline;}
.news .meta a:hover {
	color: #61B3E6;}
/* tabs */
.tabs {
	width: 100%;
	border-right: 2px #ddd solid;}
.tabs ul {
	font-size:0px;
	margin:0px;
	padding:0px;}
.tabs-list {
	background:#EEEEEE
;}
.tabs-list li {
	display: inline-block;
	*display:inline;
	*zoom:1;
	width:25%
;}
.tabs-list li a {
	display: block;
	height: 50px;
	line-height: 50px;
	background-color: #EEEEEE;
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight:600;
	transition: all 0.4s ease 0s;
	text-align:center;
	border-top: 2px solid #eeeeee;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.tabs-list li a:hover {
	background-color: #FFF;}
.tabs-list li.active a {
	background: #fff;
	color: #FF5722;
	border-top: 2px solid #FF5722;}
.tab-content {
	width: 100%;
	margin:0;
	background:#fff;
	font-size: 14px;
	line-height: 14px;
	padding-top: 10px;
	/*padding-left: 25px;*/
	/*padding-bottom: 14px;*/
	border-bottom: 1px solid #A4A4A4;
	height: auto;
	clear: left;}
.tab-content ul {
	padding-top: 12px;
	padding-bottom:12px;
	padding-left: 30px;
	margin:0px;}
.tab-content ul li {
	/*margin-top: 20px;*/
	list-style: none;
	padding: 5px 0 5px 0;
	font-size:14px;}
.tab-content time, .tab-content .pv, .tab-content .pc {
	margin-right: 20px;}
.tab-content .meta {
	color: #999;
	font-size: 12px;
	margin-bottom: 10px;}
.tab-content .meta .fa {
	margin-right: 4px;
	color: #E42B2E
;}
.tab-content .meta a {
	color: #999;
	text-decoration: underline;}
.tab-content .meta a:hover {
	color: #61B3E6;}

.tab-content .more {
	width: 100%;
	height: 30px;
	background: #F5F5F5;
	line-height:25px;
	padding-right: 30px;}
.tabs .accordion-handle {
	display: none;}
.accordion-handle {
	position: relative;
	margin-bottom: 10px;
	background-color: #ebebeb;
	text-decoration: none;
	color: #808080;
	cursor: pointer;
	transition: all 0.4s ease 0s;}
.accordion-handle:hover {
	background-color: #d9d9d9;}
.accordion-handle.active {
	background-color: #488DD8;
	color: #fff;}
.accordion-handle h4 {
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 600;}
.accordion-handle i {
	display: block;
	width: 38px;
	height: 38px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	background: url(/zlgc/dfiles/7611/templet/default/images/icon-accordion.jpg) no-repeat top center;}
.accordion-handle.active i {
	background-position: bottom center;}
.accordion-content {
	margin-bottom: 15px;
	display: none;}

@media only screen and (max-width:768px) {
.responsive-tabs .tabs-list {
	display: none;}
.responsive-tabs .accordion-handle {
	display: block;}
.responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container {
	width: 100%;
	float: none;}
.responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content {
	margin: 10px 0 15px;}
}

/* teaching Resources */
.res {
	margin: 0px 0 0 0;
	padding: 0px;
	width: 100%;
	background: #eeeeee;}
.res .title {
	padding-top: 17px;
	padding-left: 20px;
	width: 100%;
	height: 50px;
	border-right: 2px #ddd solid;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;}
.res .resgrid {
	background: #fff;
	padding: 10px 0;
	border-right: 2px #ddd solid;
	border-bottom: 1px solid #A4A4A4;}
.res .resgridfig {
	float: left;
	width: 30%;}
.res .resgridfig span {
	margin: 20px 0;
	padding-left: 18px;}
.restext {
	float: left;
	padding-left: 1em;
	border-left: 1px solid #EFEFEF;
	width: 70%;
	font-style: normal;}
.restext ul {
	margin: 0;
	padding-top: 0;
	padding-left: 10px;}
.restext ul li {
	margin: 5px 0;}
.restext ul li a {
	color: #000;}
.restext ul li a:hover {
	text-decoration: none;
	color: #F00
;}
/* online */
.online {
	margin: 0px 0 0;
	padding: 0px;
	width: 100%;
	background: #eeeeee;}
.online .title {
	padding-top: 17px;
	padding-left: 20px;
	width: 100%;
	height: 50px;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;}
.online .onlinegrid {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #A4A4A4;}
.online .onlinegridfig {
	float: left;
	width: 30%;}
.online .onlinegridfig span {
	margin: 20px 0;
	padding-left: 18px;}
.onlinetext {
	float: left;
	padding-left: 1em;
	border-left: 1px solid #EFEFEF;
	width: 70%;
	font-style: normal;}
.onlinetext ul {
	margin: 0;
	padding-top: 0;
	padding-left: 10px;}
.onlinetext ul li {
	margin: 5px 0;}
.onlinetext ul li a {
	color: #000;}
.onlinetext ul li a:hover {
	text-decoration: none;
	color: #F00
;}
/* quick link */
.quick {
	margin: 10px 0 0;
	padding: 0px;
	width: 100%;
	background: #eeeeee;}
.quick .title {
	padding-top: 17px;
	padding-left: 20px;
	width: 100%;
	height: 50px;
	border-right: 2px #ddd solid;
	font-size: 15px;
	font-weight: bold;
	line-height: 15px;}
.quick .quickgrid {
	background: #fff;
	padding: 10px 0;
	border-right: 2px #ddd solid;
	border-bottom: 1px solid #A4A4A4;}
.quick .quickgridfig {
	float: left;
	width: 15%;}
.quick .quickgridfig span {
	display: block;
	padding-top: 5px;
	padding-left: 18px;
	font-size: 14px;
	font-weight: bold;}
.quicktext {
	float: left;
	padding-left: 1em;
	border-left: 1px solid #EFEFEF;
	width: 85%;
	font-style: normal;}
.quicktext ul {
	margin: 0;
	padding-top: 0;
	padding-left: 0px;}
.quicktext ul li {
	margin: 5px 10px;
	float: left;}
.quicktext ul li a {
	color: #000;}
.quicktext ul li a:hover {
	text-decoration: none;
	color: #F00
;}
/* images quicklink */
.iquick {
	margin-top: 10px;
	background: #fff;
	padding: 5px 10px;
	border-right: 2px #ddd solid;
	border-bottom: 1px solid #A4A4A4;}
.iquickm {
	margin-top: 10px;
	background: #fff;
	padding: 5px 10px;
	border-bottom: 1px solid #A4A4A4;}

/* =========================
    Footer
   =========================
   ================================================== */
footer {
    margin:10px 0 0 0;
	padding: 0px 0 0 0;
    background: #F9F9F9;}
footer .footer-widget .logo-widget {
    margin:0 auto;
	padding-top:30px;
	text-align:center;}
footer .footer-widget h2.widget-title {
    color: #fff;
    margin: 0 0 20px 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;}
footer .footer-widget .about-us-widget ul li {
    color: #FFF;
    /*border-top: 1px solid #3f3f3f;*/
    padding: 5px;
    padding-left: 0;
    padding-right: 0;}
footer .footer-widget .about-us-widget ul li i {
    display: inline-block;
    width: 25px;
    float: left;}
footer .footer-widget .about-us-widget ul li p {
    display: inline;
    float: left;
    margin-bottom: 0;}
footer .footer-widget .twitter-feed ul li {
    color: #FFF;
    padding: 5px 0;}
footer .footer-widget .twitter-feed ul li:first-child { padding-top: 0 ;}
footer .footer-widget .twitter-feed ul li a { color: #FF8724 ;}
footer .footer-widget .twitter-feed ul li a:hover { text-decoration: none ;}
footer .footer-widget .twitter-feed ul li span {
    float: left;
    width: 90%;}
footer .footer-widget .twitter-feed ul li span:first-child {
    width: 5%;
    float: left;}
footer .footer-widget .twitter-feed ul li small.twitt-post-time { display: block ;}
footer .footer-widget .twitter-feed a.twitter-follow { color: #969595 ;}
footer .footer-widget .twitter-feed a.twitter-follow:hover { text-decoration: none ;}
footer .footer-widget .twitter-feed a.twitter-follow i { color: #FF8724 ;}
footer .footer-widget .subscribe form input[type=email] {
    background: #4C4C4C;
    border: 0 none;
    padding: 10px;
    color: #969595;
    margin: 15px 0;
    height: 40px;
    display: table-cell;
    width: 65%;}
footer .footer-widget .subscribe form button {
    background: #FF8724;
    border: 0 none;
    color: #fff;
    padding: 10px;
    height: 40px;
    margin-left: -4px;
    display: table-cell;
    width: 35%;}
footer .footer-widget .subscribe form p.privacy-alert { font-style: italic ;}
footer .footer-widget .footer-widget { margin-top: 50px ;}
footer .footer-widget .footer-widget .social-links ul li { padding-right: 15px ;}
footer .footer-widget .footer-widget .social-links ul li a {
    color: #fff;
    font-size: 20px;}
footer .footer-widget .flickr-stream ul li { color:#fff;margin-bottom: 5px ;}
footer .footer-widget .flickr-stream a.flickr-more {
    color: #fff;
    display: inline-block;
    margin: 20px 0 0 5px;}
footer .footer-widget .flickr-stream a.flickr-more:hover { text-decoration: none ;}
footer .footer-widget .flickr-stream a.flickr-more i { color: #FF8724 ;}
footer .footer-bottom {
    /*background: #2f2f2f;*/
    padding: 0;}
footer .footer-bottom .copyright p { color:#FFF;margin: 10px auto;text-align: center;}
footer .footer-bottom .copyright p a {color:#fff;}
footer .footer-bottom .scrool-to-top p {
    margin-bottom: 0;
    text-align: center;}
footer .footer-bottom .scrool-to-top p a {
    font-size: 20px;
    color: #FFF;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;}
footer .footer-bottom .scrool-to-top p a:hover,
footer .footer-bottom .scrool-to-top p a:focus {
    color: #FF8724;
    outline: none;}

/* list html */
.list-image-back {
	height:200px;
	background:url(/zlgc/dfiles/7611/templet/default/images/techbuild01.jpg) no-repeat 0 0;}
.list-v-ca-nav-title {
	/*width:100%;*/
	top:130px;
	height:70px;
	background:#3B485B;
	left:0;
	bottom:0px;}
.list-v-ca-nav-title span {
	margin:0px auto;
	display:block;
	color:#FFF;
	font-size:16px;
	font-weight:600;
	line-height:70px;
	text-align:center;}
/* list html left-vertical-menu */
.left-vertical-menu-02 {
	width: 100%;
	height: 100%;
	margin:0px;
	background: #488DD8;
	transition: all .3s;
	border-left:10px solid #3B485B;
	padding-bottom:10px;}
.left-vertical-menu-02 ul {
	margin:0px;}
.left-vertical-menu-02 ul li a {
	display: block;
	/*overflow: hidden;*/
	padding-left: 30px;
	line-height: 50px;
	/*max-height: 40px;*/
	color: #FFF;
	font-size: 15px;
	/*font-weight: 600;*/
	transition: all .3s;
	border-top: 1px solid #3F3F3F;}
.left-vertical-menu-02 ul li a:hover {
	/*background: #b4b2b2;*/
	background: #F3F3F3 none repeat scroll 0 0;
	color: #000
;}
.left-vertical-menu-02 a span {
	margin-left: 30px;}
/* article content show */
.com_zi {
  max-width: 1170px;
  width: 100%;
  margin: auto;}
.com_zi .left_zi {
  width: 217px;
  float: left;
  border-right: 1px solid #f5f5f5;}
.com_zi .left_zi .top_com {
  background: url(/zlgc/dfiles/7611/templet/default/images/left_top_bg.jpg) no-repeat;
  min-height: 180px;
  padding-top: 100px;
  position: relative;}
.com_zi .left_zi .top_com span {
  font-size: 24px;
  font-weight: 600;
  height: 35px;
  line-height: 35px;
  width: 100%;
  display: block;
  overflow: hidden;
  color: #fff;
  /*padding: 0px 20px;*/
  text-align:center
;}
.com_zi .left_zi .top_com:after {
  content: url(/zlgc/dfiles/7611/templet/default/images/after_top.jpg);
  position: absolute;
  left: 0px;
  top: -33px;
  width: 374px;
  height: 33px;
  z-index: 99;}
.com_zi .left_zi .nav_left {
  border-left: 8px solid #e5e5e5;
  padding: 0px 6px;
  position: relative;}
.com_zi .left_zi .nav_left li {
  border-bottom: 1px solid #e5e5e5;
  padding: 0px 30px;
  position: relative;}
.com_zi .left_zi .nav_left li a {
  font-size: 14px;
  color: #666666;
  display: block;
  width: 100%;
  padding-right: 12px;
  overflow: hidden;
  height: 54px;
  line-height: 54px;
  background: url(/zlgc/dfiles/7611/templet/default/images/li_san.jpg) right center no-repeat;}
.com_zi .left_zi .nav_left li:hover a {
  color: #0d6fb8;
  font-weight: 700;}
.com_zi .left_zi .nav_left li .er {
  padding: 0px 0px 10px;}
.com_zi .left_zi .nav_left li .er a {
  font-size: 12px;
  color: #999;
  line-height: 24px;
  height: 24px;
  background: none;
  font-weight: 500;}
.com_zi .left_zi .nav_left li .er a:hover {
  color: #0d6fb8;}
.com_zi .left_zi .nav_left .active a {
  color: #0d6fb8;
  font-weight: 500;}
.com_zi .left_zi .nav_left:before {
  content: "";
  position: absolute;
  height: 46px;
  width: 13px;
  top: 0px;
  left: -13px;
  background: #0d6fb8;}
.com_zi .left_zi .pro_lei {
  border: 1px solid #f5f5f5;
  margin-top: 40px;}
.com_zi .left_zi .pro_lei .top {
  background: #0d6fb8 url(../images/li_lei.jpg) no-repeat 20px center;
  padding-left: 40px;
  height: 38px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 38px;}
.com_zi .left_zi .pro_lei .pro_l_nei {
  padding: 20px 5px 10px;
  border-bottom: 1px solid #F5F5F5;}
.com_zi .left_zi .pro_lei .pro_l_nei .pic {
  width: 100%;
  position: relative;}
.com_zi .left_zi .pro_lei .pro_l_nei .pic i {
  display: block;
  padding-bottom: 69.12442396313364%;}
.com_zi .left_zi .pro_lei .pro_l_nei p {
  height: 30px;
  line-height: 30px;
  width: 100%;
  overflow: hidden;}
.com_zi .left_zi .pro_lei .left_g_new {
  padding: 20px;}
.com_zi .left_zi .pro_lei .left_g_new li a {
  color: #686868;
  font-size: 13px;
  line-height: 27px;
  height: 27px;
  overflow: hidden;
  widows: 100%;
  display: block;
  background: url(/zlgc/dfiles/7611/templet/default/images/li_dian1.jpg) no-repeat left center;
  padding-left: 10px;}
.com_zi .left_zi .pro_lei .left_g_new li a:hover {
  color: #3385c1;
  font-weight: 700;}
@media (max-width: 640px) {
  .com_zi .left_zi {
    display: none;}
}
.com_zi .right_zi {
  width: 80%;
  float: right;}
.com_zi .right_zi .bar {
  border-bottom: 1px solid #eaeaea;
  padding: 30px 0px 10px;}
.com_zi .right_zi .bar .b_tt {
  float: left;
  font-size: 16px;
  color: #1f1f1f;
  display: block;
  height: 30px;
  line-height: 30px;
  width: 20%;
  overflow: hidden;}
.com_zi .right_zi .bar .curbar {
  float: right;
  text-align: right;
  font-size: 12px;
  color: #6e6e6e;
  width: 78%;
  vertical-align: middle;
  margin-top: 12px;}
.com_zi .right_zi .bar .curbar a {
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;}
.com_zi .right_zi .bar .curbar a:hover {
  color: #0083c7;}
.com_zi .right_zi .bar .curbar i {
  font-style: normal;
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;}
.com_zi .right_zi .bar .curbar i:last-child {
  color: #0033a1;
  border-bottom: 1px solid #0033a1;}
@media (max-width: 640px) {
  .com_zi .right_zi .bar {
    padding: 15px 0px 10px 10px;}
  .com_zi .right_zi .bar .b_tt {
    width: 100%;}
  .com_zi .right_zi .bar .curbar {
    width: 100%;
    text-align: left;}
}
@media (max-width: 1024px) {
  .com_zi .right_zi {
    width: 75%;}
}
@media (max-width: 980px) {
  .com_zi .right_zi {
    width: 70%;}
}
@media (max-width: 786px) {
  .com_zi .right_zi {
    width: 65%;}
}
@media (max-width: 640px) {
  .com_zi .right_zi {
    width: 100%;
    padding-right: 0px;}
}
.xi_guan {
  background: url(/zlgc/dfiles/7611/templet/default/images/guan_xian.jpg) repeat-x top;
  margin-bottom: 4%;
  padding-top: 1px;}
.xi_guan .guan_c {
  width: 100%;
  max-width: 520px;
  margin: auto;
  background: #0d6fb8;
  height: 42px;
  line-height: 42px;}
.xi_guan .guan_c span {
  display: block;
  width: 33%;
  margin: auto;
  font-size: 16px;
  color: #fff;
  background: #0f80d4;
  font-weight: 700;
  text-align: center;}
.news_show_zi {
  padding: 4% 0px;}
.news_show_zi h4 {
  color: #333;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  margin-bottom: 10px;}
.news_show_zi p {
  color: #898989;
  font-size: 14px;
  line-height: 24px;}
.news_show_zi .sh_img {
  position: relative;
  padding: 8% 0px;
  margin: 35px 0px 25px;}
.news_show_zi .sh_img img {
  box-shadow: -25px -25px 0px #f2f2f2;}
.news_show_zi .sh_img i {
  display: block;
  padding-bottom: 35.714285714285715%;}
.news_show_zi .guan_ul {
  padding: 3% 0%;}
.news_show_zi .guan_ul li {
  line-height: 39px;
  height: 39px;}
.news_show_zi .guan_ul li a {
  width: 80%;
  float: left;
  display: block;
  color: #666;
  height: 39px;
  overflow: hidden;
  background: url(/zlgc/dfiles/7611/templet/default/images/jian_sian.jpg) no-repeat 6px center;
  padding-left: 18px;}
.news_show_zi .guan_ul li span {
  width: 20%;
  float: right;
  color: #999;
  display: block;
  height: 39px;
  overflow: hidden;
  text-align: right;
  padding-right: 6px;}
.news_show_zi .guan_ul li:hover a {
  color: #007bc8;}
@media (max-width: 480px) {
  .news_show_zi .guan_ul li a {
    width: 70%;}
  .news_show_zi .guan_ul li span {
    width: 26%;}
}
/* 2018.3.1 重编内容�?*/
.span2 {
    width: 194px;
	float:left;}
.span12 {
	width:975px;
	background:#fff;
	float:left;
	height:auto;}
.pixel-pattern {
    background-image: url(/zlgc/dfiles/7611/templet/default/images/pixel-pattern.jpg);
    background-repeat: repeat;
    background-size: 2px 2px;}

.job__top__date {
    height: 260px;
    margin-right: 1px;
    padding-left: 20px;}
.job__top__date__day {
    font-size: 100px;
    width: 100%;
    font-weight: 600;}
.pixel-text {
    position: relative;}
.pixel-text__text {
    font-family: Good Pro,sans-serif;
    font-weight: 600;
    position: relative;
    z-index: 1;
    -webkit-font-smoothing: antialiased;
    display: block;
    color: #cccccc;}
.job__top__date__month {
    color: #9a9a9a;
    font-family: Good Pro Condensed,sans-serif;
    font-size: 15px;
    text-transform: uppercase;}
.job__top__date__text {
    font-family: Good Pro Condensed,sans-serif;
    font-size: 15px;
    display: block;
    text-transform: uppercase;}
.span14-mobile.span14-mobile {
  width:538px;
  margin-left:0
 ;}
 .span14-mobile.span14-mobile-scroll {
  width:588px
 ;}
 .span14-mobile-plus.span14-mobile-plus {
  width:539px
 ;}
 .job__top__right {
    background-color: #fff;
    /*height: 260px;*/
    padding: 30px;}
.bar {
  border-bottom: 1px solid #eaeaea;
  height:auto;}
.bar .curbar {
  float: right;
  text-align: right;
  font-size: 12px;
  color: #6e6e6e;
  width: 78%;
  vertical-align: middle;
  margin-top: 12px;}
.bar .curbar a {
  max-width: 100px;
  overflow: hidden;
  height: 50px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;}
.bar .curbar a:hover {
  color: #0083c7;}
.bar .curbar i {
  font-style: normal;
  max-width: 100px;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  vertical-align: top;}
.bar .curbar i:last-child {
  color: #0033a1;
  border-bottom: 1px solid #0033a1;}
.bar .b_tt {
  float: left;
  font-size: 24px;
  color: #928F8F;
  display: block;
  font-weight:600;
  height: 50px;
  line-height: 50px;
  width: 20%;
  overflow: hidden;}
.job__content {
    background-color: #fff;
    float: left;
    margin-left: 1px;
    margin-top: 1px;
    padding: 0 30px 30px;}
@media (max-width: 786px) {
  .span12 {
    width: 100%;}
}
@media (max-width: 640px) {
  .span12 {
    width: 100%;
    padding-right: 0px;}
}
@media (max-width: 480px) {
  .span12 {
    width: 100%;}
}
/* 学院概况*/
.mainContent  .article.fullwidth
{
	margin-right:0;
	width:100%;}
.mainContent .subChannelList li {
	float: left;
	_display: inline;
	width: 33.3333%;
	margin-bottom: 30px;}
.mainContent .subChannelList figure {
	background: #f6f6f6;
	height: 275px;
	margin: 0 15px;}
.mainContent .subChannelList figure img {
	width: 100%;}
.mainContent .subChannelList figure figcaption {
	display: block;
	padding: 0px 30px 0 30px;}
.mainContent .subChannelList figure figcaption a {
	color: #22132d;
	font-size: 16px;
	line-height: 22px;
	padding: 0em 0 0.5em 0;
	display: block;}
.mainContent .subChannelList figure figcaption a:hover {
	color: #4F608C;}
.mainContent .subChannelList figure p {
	color: #777;
	padding: 0 30px 0 30px;
	font-size: 12px;
	line-height: 20px;}
.mainContent .multiChannel figure {
	height: 380px
;}
.mainContent .subChannelList figure ul {
	padding: 0 20px;}
.mainContent .subChannelList figure li {
	float: left;
	_display: inline;
	line-height: 18px;
	font-size: 12px;
	width: 50%;
	margin: 0;}
.mainContent .subChannelList figure li a {
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
	margin: 0 10px;}
.mainContent .subChannelList figure li a i {
	float: right;
	_display: inline;}
.mainContent {
	padding: 0 5px;}
.mainContent .contentNav {
	margin-right: 15px;
	margin-left: 15px;}
.mainContent .noNav {
	font-size:18px;
	font-weight:600;
	line-height:36px;
	border-bottom:1px solid #DDD;}