﻿
@font-face {
 font-family: 'HYQiHei';
 src:url('../fonts/HYQiHei-85s.otf');
 src:url('../fonts/HYQiHei-35S.otf');
}
@font-face {
 font-family: 'BROOK23';
 src:url('../fonts/BROOK23.ttf');

}
@font-face {
 font-family: 'ALLER';
 src:url('../fonts/ALLER.ttf');

}
@font-face {
 font-family: 'ARMATA-REGULAR';
 src:url('../fonts/ARMATA-REGULAR.tof');
}

@font-face {
 font-family: '方正正黑简体';
 src:url('../fonts/方正正黑简体.ttf');
}
@font-face {
 font-family: 'tt0283m_';
 src:url('../fonts/tt0283m_.ttf');
}

html { color: #000; background: #fff; height: 100%; margin-bottom: 1px; font-family: "微软雅黑"; }
body, div, ul, li { margin: 0; padding: 0; }
body{ overflow-x: hidden;}
img{border:0}
ul { list-style: none; }
a { color: #538c9f; }
a:hover { color: #84B263; text-decoration:none;  }
.fl{float:left;}
.fr{float:right;}
.img img{width:100%;}
#warp .wow { display: inline-block; vertical-align: top; *display: inline; zoom: 1;}
#warp{ width:100%; overflow:hidden; margin:0 auto; margin-top:100px;}
.incase{width:100%; margin-top:20px;}
.incase img{width:100%;}
.incasetit{text-align:center; font-size:26px; font-family: 'fonts/HYQiHei-35S.otf';}
.glyphicon{color:#49A032;}

	#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	
	
}
#menu li {
	

	z-index: 999;
	margin: 0px;
}
#menu li a {
	display: block;
	padding: 0;
	text-decoration: none;
	zoom: 1;

}
#menu li a:hover, #menu li a.hov {
	background-color: #fff;
	color: #576482;
}
/* @group subnav */
.web-top-50 #menu ul {
	position: absolute;
	left: 0px;
	display: none;
	text-align:center;
	margin: 0 auto;
	padding: 0;
	top:67px;
	list-style: none;
	background:#fff;

}
#menu ul {
	position: absolute;
	left: 0px;
	display: none;
	text-align:center;
	margin: 0 auto;
	padding: 0;
	top:104px;
	list-style: none;
	background:#fff;

}
#menu ul li {
	width: 100%;
	
	float: left;
	border-bottom: 1px solid #e4e4e4;
	text-align: center;
height:55px;
		line-height:20px;
		padding-top:15px;

}
#menu ul li:hover a {

	background: transparent;
	color:#Fff;
}
#menu ul a {
	display: block;
	
	padding: 0px 0px;
	color: #fff;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	text-transform:  uppercase;
	color: #797979;
	font-weight: normal;
}
#menu ul a:hover {
	text-decoration: none;

	background: transparent;
	color: #fff;
}
* html #menu ul {
	margin: 0 0 0 -2px;
}


.tab1{width:85%;margin:0 auto; overflow:hidden; margin-top:5%; margin-bottom:5%; }
.menu{width:95%;float:left; margin-top:10px}
.menu ul li{margin-bottom:20px;}
.menu ul li img{width:100%;}
.one{float:left;text-align:center;cursor:pointer;border-left:#A8C29F solid 1px;color:#666;font-size:14px;overflow:hidden margin-bottom:10px;}
.one img{width:100%;}
.menudiv{float:left;width:74%;height:300px;background:#fefefe}
.menudiv div{}
.con_one{width:82%; float:right;}
.off{background:#E0E2EB;color:#336699;font-weight:bold}
.tabtit{height:50px; overflow:hidden; margin-bottom:10px;}
.tabtit h4{font-size:34px; color:#31970f; font-weight:bold; float:left; width:80%; padding:0;}
.tabtit a{ float:right; background:#31970f; color:#fff; text-align:center; padding:9px 20px; font-size:14px;}
.tab1con{line-height:24px; color:#7f7a7a; font-size:14px; font-family:"微软雅黑"}
.tab1con img{width:100%; margin-bottom:8px;}
.tab1con{line-height:24px;}
.menu ul li span{margin-top: -50px; margin-left:5px; text-align:left; color:#fff;
    overflow: hidden;
    display: inherit; font-size:40px;  font-family: 'BROOK23';
}
.tab101{float:left; font-size:9em; line-height:140px; color:#31970f; margin-right:20px; width:15%;  font-family: 'BROOK23';}
@media (max-width:1660px) {
	.menudiv div{}
  .tab101{float:left; font-size:7em ; line-height:140px; color:#31970f; margin-right:20px; width:15%;  font-family: 'BROOK23';}
  }
.classroom{ width:95%; margin-left:5%; background:url(../images/in_07.jpg) repeat-x; overflow:hidden;  margin-top:12%; margin-bottom:10%; }
.classroom .classroom_1{  padding:30px; padding:5% 50px; padding-left:50px;}
.classroom .classroom_2{position:absolute; right:0; margin-top:-10%;}
.classroom_1 h2{font-size:60px; color:#31970f; font-weight:bold;  text-transform:uppercase;}
.classroom_1 span{font-size:50px; color:#31970f; }
.classroom_1 p{font-size:14px; color:#7e7e7e; line-height:26px; margin:20px 0;}
.classroom_1 .more{ float:left; border:1px solid #31970f; color:#31970f; padding:10px 7%; margin-right:20px;}
.classroom_1 .cj{ float:left; border:1px solid #31970f; color:#fff; padding:10px 7%; margin-right:20px; background:#31970f}
.classroom_1 .cj:hover{ background:none; color:#31970f}
.classroom_1 .more:hover{background:#31970f; color:#fff;}

.involunteers{ margin-top:5%; background:#31970f; overflow:hidden;}
.involunteers_1{background:#31970f; text-align:center;  padding:5% 10%;  color:#Fff;}
.involunteers_1 h3{ color:#Fff; font-size:36px; font-weight:bold; line-height:40px;}
.involunteers_1 span{ color:#Fff; font-size:20px; line-height:26px; display:block; overflow:hidden; margin-bottom:50px;}
.involunteers_1 a{ color:#31970f; font-size:18px; background:#fff; padding:15px 15%; overflow:hidden; }
.involunteers_2 img{width:100%;}

.innews{width:75%; margin:0 auto; margin-top:5%; margin-bottom:5%; padding-top:52px; background:url(../images/in_news.png) no-repeat top right;}
.innewslist{background:#eeeded; padding-top:3%; padding-bottom:20px; width:45%; }
.innewslist2{background:url(../images/in_newsbg.png) repeat;}
.innewslist2 .innewsimg{}
.innewsimg{display:block;}
.innewsimg img{width:100%;}
.innewscon{display:block; padding:30px;}
.innewscon h3{font-size:20px; color:#31970f; font-weight:bold; float:left; padding:0; margin:0; line-height:40px;}
.innewscon span{ float:right; color:#31970f; font-weight:bold; font-size:14px; line-height:40px;}
.innewscon p{color:#6f6f6f; display:block; font-size:14px; line-height:25px; margin-top:10px;}

.footer{background:#656565; width:100%; padding:40px 0; }
.foot{background:#414141; color:#FFf; text-align:center; font-size:12px; line-height:25px; padding:15px 0;}
#footer{width:85%; margin:0 auto; overflow:hidden; color:#fff;}
.foots span{ font-size:20px; color:#fff; line-height:40px;}
.foots p{color:#fff; font-size:12px; font-family:"宋体"; line-height:23px;}
.footnav ul li{float:left; width:12%; color:#fff; margin-left:15px;}
.footnav ul li span{ font-size:16px; display:block; line-height:30px; }
.footnav ul li span a{ font-size:16px; display:block; line-height:30px; }
.footnav ul li a{color:#fff; font-size:12px; text-align:left; display:block; line-height:25px; font-family:"宋体"}


.newstitle{margin:4% 0;}
.newsnav{ text-align:center;   color:#fff; font-size:22px;}
.newsnav a{color:#fff; font-size:22px;}
.newsnav a div:hover{background:#d1e4ce;}
.newsnav0{background:#31970f; padding:3% 0;}
.newsnav1{background:#91b916; padding:3% 0;}
.newsnav2{background:#007834; padding:3% 0;}
.newsnav3{background:#67ac15; padding:3% 0;}
.newsnav0:hover{background:#31970f; padding:3% 0;}
.newsnav1:hover{background:#91b916; padding:3% 0;}
.newsnav2:hover{background:#007834; padding:3% 0;}
.newsnav3:hover{background:#67ac15; padding:3% 0;}
.newscon{margin:4% 0;}
.newscon ul li{ border-bottom:1px solid #bebebe; overflow:hidden; margin-bottom:50px; padding-bottom:50px;}
.newsconimg{padding-right:30px;}
.newsconlist{color:#757575;}
.newsconlist h3{ color:#31970f; font-size:30px; line-height:30px; font-weight:normal; margin:0;}
.newsconlist span{font-size:14px; margin-top:25px; overflow:hidden; display:block;}
.newsconlist p{font-size:14px; line-height:25px; margin:25px 0;}
.newsconlist a{ background:#31970f; color:#fff; font-size:12px; text-align:center; padding:9px 7%; margin-top:20px; overflow:hidden;}

.newsshowtit{text-align:center; border-bottom:1px solid #bebebe; margin-bottom:3%; padding-bottom:30px; color:#565656}
.newsshowtit h3{font-size:36px; line-height:50px; font-weight:normal;}
.newsshowcon{color:#565656; line-height:26px; margin-bottom:50px; padding:0 15px;}
.newsshowcon p{ word-wrap:break-word; word-break:normal; }

.school {overflow:hidden;}
.school ul li{margin-bottom:50px; background:#eeeeee;}
.schoollist{color:#757575; padding:4% 2%;}
.schoollist h3{ color:#31970f; font-size:24px; line-height:50px; margin:0; background:url(../images/school_13.jpg) no-repeat left; padding-left:50px; }
.schoollist span{font-size:14px; margin-top:25px; overflow:hidden; display:block;}
.schoollist p{font-size:14px; line-height:25px; margin:25px 0;}
.schoollist a{ background:#31970f; color:#fff; font-size:12px; text-align:center; padding:9px 10%; margin-top:20px; overflow:hidden;}
.schoolside1{ background:#e6e6e6; overflow:hidden; width:100%; margin-bottom:5%;}
.schoolside1con{background:#e6e6e6;}
.schoolside1con h3{color:#fff; background:url(../images/school_13.png) no-repeat 20px 0; padding-left:100px; margin-top:-70px; line-height:63px; position:relative;}
.schoolside1con span{background:#31970f; opacity:0.9; margin-left:-12%; height:80px; line-height:80px; color:#Fff; font-size:30px; text-align:left; width:112%; display:block; padding-left:30px; }
.schoolside1con p{ line-height:25px; color:#565656; font-size:16px; padding:3%;}
.schoolside2{margin-bottom:5%; overflow:hidden;}
.schoolside2img{padding-right:20px; padding-bottom:20px; overflow:hidden;}
.schoolside2 .col-md-3{padding-right:0;}
.schoolside2 span{background:#000000; opacity:0.6; text-align:Center; line-height:50px; display:block; position:relative; margin-top:-50px; font-size:20px;}
.schoolside2 a{ text-align:center; color:#fff; font-size:20px; display:block;}

.vl1{background:#31970f; padding:4% 0; line-height:60px;}
.vl2{background:#c7c738; padding:4% 0; line-height:60px;}
.volunteer{margin:5% 0;}
.form-group{ padding-right:20px;}
.form-control{height:50px;}
.checkbox{color:#31970f; font-size:16px; margin:30px 0;}
.btn-submit{background:#31970f; color:#fff; font-size:14px; padding:10px 4%; }
.btn-submit:hover{color:#31970f;  border:1px solid #b2b2b2; background:none;}
.btn-reset{ border:1px solid #b2b2b2; color:#31970f; font-size:14px; padding:10px 4%; background:none; margin-left:15px; }
.btn-reset:hover{background:#31970f; color:#fff;}
.volpanel-group{background:#e1e1e1; border:1px solid #b2b2b2; color:#545454; font-size:12px; overflow:hidden;}
.volpanel{ color:#545454; line-height:30px;padding-right:0; }
.volpanel p{ color:#545454; }
.volpanel h3{text-align:center; color:#277f09; font-size:18px;}
.zyz{background:url(../images/vol_07.jpg) no-repeat top; background-position:center; background-size:100%;}
.zyzcon{ width:100%; margin-top:3%; overflow:hidden; margin-bottom:3%;}
.zyzcon ul li{background:#fff; font-size:30px;  width:100%; text-align:center; margin-bottom:20px; overflow:hidden; }
.zyzcon ul li:nth-child(2) .zyztit{background:#31970f; width:50%;}
.zyzcon ul li:nth-child(3) .zyztit{background:#e4cc19; width:65%;}
.zyzcon ul li:nth-child(4) .zyztit{background:#96bf3b; width:45%;}
.zyzcon ul li:nth-child(5) .zyztit{background:#c4c44a; width:55%;}
.zyzcon ul li:nth-child(3) .zyzname{ width:30%;}
.zyztit{background:#e6b718; color:#Fff;text-align:left; padding:2% 0 2% 10%; width:40%;}
.zyzname{ padding:2% 0; text-align:Center; width:40%; color:#31970f; padding-left:30px;}
.processtit{background:#31970f; text-align:Center;  padding:1% 0; font-size:2.2em; color:#fff; margin-top:2%; margin-bottom:5%;}
.processcon{margin-bottom:5%; overflow:hidden; width:100%;}
.processcon ul li{ text-align:Center; width:25%; padding-right:5%; float:left;}
.processcon ul li h3{font-size:30px;}
.processcon ul li span{ padding:0 10%;}
.processcon ul li:nth-child(1){margin-top:7%;}
.processcon ul li:nth-child(2){}
.processcon ul li:nth-child(3){margin-top:10%;}
.processcon ul li:nth-child(4){ margin-top:3%;}
.processcon ul li:nth-child(1) h3{color:#e77f2b;}
.processcon ul li:nth-child(2) h3{color:#f4bf1d;}
.processcon ul li:nth-child(3) h3{color:#44ac29;}
.processcon ul li:nth-child(4) h3{color:#1190d0;}
.Lifelong{background:url(../images/vol_29.jpg) no-repeat; background-position:center; background-size:100%;}
.Lifelongcon{margin-bottom:5%;}
.Lifelongcon ul li{background:#95bb40; padding:3%; color:#fff; overflow:hidden;}
.Lifelongcon ul li:nth-child(2){background:#77a811;}
.Lifelongcon h3{ font-size:20px;}
.Lifelongcon p{ font-size:20px;}
.Lifelongcon span{font-size:72px; padding-right:20px;  font-family: 'ALLER'; font-style:italic;}

.core ul li{padding-right:2%; margin-bottom:40px;position: relative;overflow: hidden; }
.core ul{width:100%; overflow:hidden;}
.core .fr{ padding-left:2%;padding-right:0px;}
.core .coreinfo{position:absolute; top:16%; text-align:center; color:#Fff; z-index:4;}
.core .coreinfo h2{ font-size:34px; text-transform:uppercase;}
.core .coreinfo span{ font-size:30px;}
.core .coreinfo p{padding-left:15%; padding-right:15%; padding-top:50px; font-size:14px; line-height:25px;}
.mask{width:98%;height:100%; position: absolute;display: none; padding-right:2%;z-index:5;}
.core .fr .mask{margin-left:4%;}
.coreimg{opacity:0.5; background:#000; position: absolute; width:96%;height:100%; top:0;}
.parentinfo{ padding:3% 10%; background:#eeeded; font-size:16px; margin-top:20px; color:#575757; line-height:28px; margin-bottom:2%;}
.kctit{background:#31970f; color:#fff; font-size:34px; text-align:center; overflow:hidden; margin:3% 0;}
.kctit h3{ font-family: '方正正黑简体';text-transform:uppercase; font-size:34px; font-weight:normal;}
.kctit span{ font-family: 'ARMATA-REGULAR';  padding-right:20px; font-size:34px; font-weight:normal;}
.solutions{overflow: hidden; margin:0 auto;}
.solutions{background: #fff; width:1170px;position:relative;}
.solutit{display: block; margin:0 auto;}
.solutit a{}
.solutit a:hover {background: #656565;}
.solutit2{padding:0 40px;position:absolute;left:0px;top:0px;overflow: hidden;height:0px;background: #fff;z-index: 99;display: block;}
.solutit2 .form{padding:5%;}


.Course{margin-bottom:5%; overflow:hidden;}
.Course ul li{ background:#eeeded; margin-right:2%; width:48%; margin-bottom:50px; float:left;}
/*.Course ul li:nth-child(1){background:#eeeded url(../images/kctit1.png) no-repeat 6% 55px; padding:50px;}*/
/*.Course ul li{background:#eeeded url(../images/kctit2.png) no-repeat 6% 55px; padding:50px;}*/
/*.Course ul li:nth-child(5){ padding:0; margin:0; width:100%; background:#31970f; color:#fff;}*/
.Course .fr{margin-right:0; margin-left:2%;}
.Course ul li h3{padding-left:20%; line-height:70px; color:#31970f;}
.Course ul li p{ font-size:14px; color:#575757; line-height:28px; padding-top:3%;}
.Course ul li span{position:relative; margin-top:-50px;background:#000; opacity:0.5;    width: 100%; height: 50px; overflow: hidden; display: block;}
.Course ul li a{position: relative; margin-top: -50px; display: block; text-align: center; opacity: 1; color: #fff; line-height: 50px; font-size: 20px;}
/*.Course ul li:nth-child(5) h3{color:#Fff; background:url(../images/kctit3.png) no-repeat; line-height:95px; margin-left:40px; margin-top:8%;}
.Course ul li:nth-child(5) p{ color:#fff; padding:3% 10%; font-size:14px;}*/

.harvest{background:url(../images/kc_25.jpg) no-repeat; background-position:center; background-size:100%;}
.corebg{background:url(../images/corbg.png) repeat; padding:10% 0;}
.harvestlist{ padding:4% 3%; color:#fff; font-size:20px;}
.harvestlist h3{font-size:20px;}
.harvestlist span{ font-size:3em;  font-family: 'ALLER'; margin-right:20px; font-style:italic;}
.harvestlist p{ height:100px; text-indent:24px;}
.harvestlist1{background:#93c108;}
.harvestlist2{background:#349413;}
.harvestlist3{background:#2cb129;}

.flowtab{position:relative; overflow:hidden; width:100%; margin-bottom:5%;}
.flowinfo{position:absolute; top:10%; width:100%;}
.flowinfo a{font-size:20px; color:#349212; line-height:35px;}
.flowinfo a:hover{color:#399518; text-decoration:none;}
.flowinfo ul li p{font-size:14px; color:#fff;   margin-top: 10px;width:140px; margin-left:-30px; line-height:22px;}
.flowinfo ul li:nth-child(1){ text-align:left; padding-left:13%; margin-top:9%;}
.flowinfo ul li:nth-child(2){ text-align:left; padding-left:6%; margin-top:1%;}
.flowinfo ul li:nth-child(3){ text-align:left; padding-left:0%; margin-top:5%; line-height:40px;}
.flowinfo ul li:nth-child(4){ text-align:left; padding-left:0%; margin-top:28%; margin-left:-7%; line-height:40px;}
.flowinfo ul li:nth-child(5){ text-align:left; padding-left:0%; margin-top:27%; margin-left:-8%; line-height:40px;}
.flowinfo ul li:nth-child(4) p{ margin-top:-25%; }
.flowinfo ul li:nth-child(5) p{ margin-top:-25%;}

.information{background:url(../images/kc_24.jpg) no-repeat; background-size:100%; background-position:center; padding:3% 0;}
.information .kctit{margin:0;}
.informationcon{background:#Fff; width:100%; overflow:hidden; padding:30px;}
.informationcon img{ padding-right:30px;}
.informationcon p{ color:#575757; font-size:16px; line-height:40px;}
.informationcon a{ color:#fff; background:#31970f; padding:10px 40px; margin-top:20px; overflow:hidden;     display: inline-block; display: inline-table;display:-webkit-inline-box;}

.contact{line-height:60px; font-size:18px;}
.contact h3{font-size:30px; color:#31970f; font-weight:normal;}
.add{background:url(../images/add.png) no-repeat left; padding-left:50px;}
.tel{background:url(../images/tel.png) no-repeat left; padding-left:50px;}
.email{background:url(../images/email.png) no-repeat left; padding-left:50px;}
.qq{background:url(../images/qq.png) no-repeat left; padding-left:50px;}

.aboutnav{margin:5% 0;}
.aboutnav ul li{float:left; line-height:40px; padding-top:8%; padding-bottom:5%; width:20%; text-align:center; color:#fff}
.aboutnav ul li a{color:#Fff; padding-top:20px; font-size:16px;}
/* .aboutnav ul li:nth-child(1){background:#31970f url(../images/ab1.png)no-repeat center 30%;}
.aboutnav ul li:nth-child(2){background:#a6c32e  url(../images/ab2.png)no-repeat center 30%;;}
.aboutnav ul li:nth-child(3){background:#03831b  url(../images/ab3.png)no-repeat center 30%;;}
.aboutnav ul li:nth-child(4){background:#44a94d  url(../images/ab4.png)no-repeat center 30%;;}
.aboutnav ul li:nth-child(5){background:#6eb61a  url(../images/ab5.png)no-repeat center 30%;;}
.aboutnav ul li:nth-child(1):hover{background:#d1e4ce url(../images/ab11.png)no-repeat center 30%;}
.aboutnav ul li:nth-child(1):hover{background:#d1e4ce url(../images/ab11.png)no-repeat center 30%;}
.aboutnav ul li:nth-child(2):hover{background:#d1e4ce url(../images/ab22.png)no-repeat center 30%;}
.aboutnav ul li:nth-child(3):hover{background:#d1e4ce url(../images/ab33.png)no-repeat center 30%;}
.aboutnav ul li:nth-child(4):hover{background:#d1e4ce url(../images/ab44.png)no-repeat center 30%;}
.aboutnav ul li:nth-child(5):hover{background:#d1e4ce url(../images/ab55.png)no-repeat center 30%;} */
.aboutnav .about1 li{background:#31970f url(../images/ab1.png)no-repeat center 30%;}
.aboutnav .about2 li{background:#a6c32e  url(../images/ab2.png)no-repeat center 30%;;}
.aboutnav .about3 li{background:#03831b  url(../images/ab3.png)no-repeat center 30%;;}
.aboutnav .about4  li{background:#44a94d  url(../images/ab4.png)no-repeat center 30%;;}
.aboutnav .about5 li{background:#6eb61a  url(../images/ab5.png)no-repeat center 30%;;}
.aboutnav .about1 li:hover{background:#d1e4ce url(../images/ab11.png)no-repeat center 30%;}
.aboutnav .about2 li:hover{background:#d1e4ce url(../images/ab22.png)no-repeat center 30%;}
.aboutnav .about3 li:hover{background:#d1e4ce url(../images/ab33.png)no-repeat center 30%;}
.aboutnav .about4 li:hover{background:#d1e4ce url(../images/ab44.png)no-repeat center 30%;}
.aboutnav .about5 li:hover{background:#d1e4ce url(../images/ab55.png)no-repeat center 30%;}
.aboutnav ul li:hover a{color:#31970f;}
.aboutside1{background:#d6eacf; width:100%; overflow:hidden; margin:5% 0;}
.aboutside1bg{background:#31970f; opacity:0.2;}
.aboutside1con{ background:#31970f; margin-left:-30px; margin-right:30px; padding:13.8% 40px;color:#fff; line-height:35px; margin-top:30px; font-size:20px;}
.aboutside1con span{font-size:30px; font-weight:bold;}
.aboutside1info{background:#eeeded; padding:5%; color:#575757; font-size:16px; line-height:30px;}
.aboutside2{background:url(../images/about_27.jpg) no-repeat; background-position:center; background-size:100%; margin:5% 0;}
.aboutside2tit{overflow:hidden; margin-bottom:3%;}
.aboutside2con{background:#fff; width:100%; overflow:hidden; margin-bottom:5%; }
.aboutside2con ul li{padding:10%; color:#Fff; text-align:left; font-size:16px; line-height:26px;}
.aboutside2con h3{margin-top:0; margin-bottom:10px; padding:0; font-size:22px;}
.aboutside2conleft ul  li:nth-child(1){text-align:right; background:#017a37;}
.aboutside2conleft ul  li:nth-child(2){text-align:right; background:#a6c32e;}
.aboutside2conleft ul  li:nth-child(3){text-align:right; background:#77ad8f;}
.aboutside2conright ul  li:nth-child(1){text-align:left; background:#03831b;}
.aboutside2conright ul  li:nth-child(2){text-align:left; background:#42b287;}
.aboutside2conright ul  li:nth-child(3){text-align:left; background:#baba2f;}

.Culture{margin:5% 0; overflow:hidden; width:100%;}
.Culture ul li{float:left; text-align:center;}
.Culture ul li:nth-child(1){background:url(../images/abjian.png)no-repeat 100% 69% ; padding-right:100px; color:#9ec34c; }
.Culture ul li:nth-child(2){background:url(../images/abjian.png)no-repeat 100% 69% ; padding-right:100px; color:#439f25;}
.Culture ul li:nth-child(3){color:#188549;}
.Culture{margin:3% 0; overflow:hidden; width:100%;}
.Culturecon{background:#9ec34c; border:10px solid #ebebeb;   -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;text-align:center; padding:70px; margin-left:40px; font-size:30px; color:#fff;}
.Culture h3{font-size:30px; font-weight:normal; margin-bottom:20px;}
.Culture ul li:nth-child(2) .Culturecon{ padding:70px 100px; background:#439f25; }
.Culture ul li:nth-child(3) .Culturecon{background:#188549;}

.five{margin:5% 0; overflow:hidden;}
.five ul li{ color:#Fff; text-align:center; min-height:320px;}
.five h3{font-size:20px; padding-top:21%; color:#Fff;}
.five span{ font-family: 'ALLER'; font-size:4em; margin-right:20px; font-style:italic; color:#Fff; }
.five p{font-size:14px; line-height:27px; padding: 5.7% 9% 28% 9%; color:#Fff;}
.five ul li:nth-child(3) p{background:#96bf3b;  padding: 5.7% 9% 28% 9%}
.five ul li:nth-child(5) p{  padding: 5.7% 9% 28% 9%; line-height:28px;}
.five ul li:nth-child(5) h3{padding-top:15%;}
.five ul li:nth-child(1){background:#a1c023; display:block; overflow:hidden; position:relative; margin-top:-1px;}
.five ul li:nth-child(3){background:#96bf3b; }
.five ul li:nth-child(5){background:#68b16f; }
.fivelist img{width:100%; height:100%;}
.five ul li:nth-child(1):hover{padding:0;}

.five ul li:nth-child(4) div{background:#14a8aa;}
.five ul li:nth-child(6) div{background:#62bc99;}

.aboutside4{background:url(../images/about_28.jpg) no-repeat; background-position:center; background-size:100%;}
.aboutside4con{background:url(../images/abtime.png) no-repeat; background-position:center; background-size:100%;  width:100%; padding-bottom:26%; margin-top:36%;}
.aboutside4con ul li{float:left;  width:14%; color:#Fff;}
.aboutside4con ul li a{color:#fff; font-size:24px; font-weight:bold;}
.aboutside4con ul li:nth-child(1){margin-top:21px;}
.aboutside4con ul li:nth-child(2){margin-top:121px;}
.aboutside4con ul li:nth-child(4){margin-top:81px;}
.aboutside4con ul li:nth-child(6){margin-top:81px;}
.aboutside4con ul li:nth-child(7){margin-top:31px;}

 #main ul{list-style:none;}
 #main ul li{line-height:20px; float:left; }
 #main ul li a{color:#fff; text-decoration:none; position:relative; display:block;}
 #main ul li a div{display:none;}
 #main ul li a:hover{ visibility:visible; color:#FFF;}
 #main ul li a:hover div{position:absolute; left:0; top:-160px; padding:20px 10px; background:url(../images/abtimebg.png) no-repeat; display:block; width:350px; height:150px; font-weight:normal; color:#fff; overflow:hidden; z-index:99;}
 #main ul li a:hover div dd{float:right; width:330px; font-size:14px; height:auto; line-height:24px; padding:6px 20px;}

.aboutside5{margin-top:5%;}
.aboutside5list{background:#49a032; color:#fff; padding:30px; }
#content-1{margin:5% 0;}
#content-1 span{ position:absolute; top:0px; background:#434343; opacity:0.5; width:100%;  }
.aboutside5con{position:absolute; top:15%; padding:30px; color:#fff;}
.aboutside5con {font-size:18px; font-weight:bold;}
.aboutside5coninfo{width:100%; margin-left:20px; line-height:30px; margin-top:20px;}

.volunteerlist{margin:5% 0;}
.volunteerlist ul li{margin-right:2%; width:48%;}
.volunteerlist ul li:nth-child(2){margin-right:0%; margin-left:2%;}
.volunteerlist .volunteerlist-1{background:#49a032; padding:5%; color:#fff; overflow:hidden; font-size:20px; font-weight:bold; line-height:35px;}
.volunteerlist .volunteerlist-2{background:#e4e4e4; padding:5%; overflow:hidden;}
.volunteerlist .volunteerlist-2 h2{color:#4f4e4e; font-size:18px;}
.volunteerlist .volunteerlist-2  p{line-height:26px;font-size:12px; color:#666666;}
.volunteerlist .volunteerlist-2 .more{background:#49a032; color:#Fff;     height: 40px;
    text-align: center;
    color:#fff;
    line-height: 40px;
    float: right;
    width: 121px;}
	.volunteerlist .volunteerlist-2 .more a{color:#fff; font-size:14px;}
.volunteerlist .volunteerlist-2 .more:hover{background:#656565;}


.fenye{margin-top:30px; overflow:hidden; padding:3% 0;}
.fenye a{ border:1px solid #cbcbcb; padding:5px 10px; color:#5a5a5a;}
.fenye a:hover{background:#49a032; color:#fff;}
.fenye a.curr{background:#49a032; color:#fff;}

.toolbar-item,.toolbar-layer{}
.toolbar{position:fixed;left:0px;top:45%; z-index:999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:133px;height:139px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background:url(../images/school_08.jpg) no-repeat;}
.toolbar-item-weixin:hover{}
.toolbar-item-weixin .toolbar-layer{width:150px; padding:20px; background:#aeadad url(../images/toolbar.png) no-repeat left; }
.toolbar-item-weixin .toolbar-layer a{ color:#fff; border:1px solid #fff; display:block; margin-bottom:8px; text-align:center; padding:5px; font-size:18px;}
.toolbar-layer{position:absolute;left:143px;top:0px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}



/* 滚动条 sly */
.slyWrap .controls { margin: 20px 0 ; }

.controls { text-align: center; }

.sly { overflow: hidden; }
.sly > ul { list-style: none; margin: 0; padding: 0; }
.sly > ul li { position: relative; margin: 0; padding: 0; background: #4DBCE9; color: #fff; text-align: center; cursor: pointer; }
.sly > ul li.active { background: #fff; color: #4DBCE9;
	-webkit-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-moz-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-o-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
}

.pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; }
.pages li { display: inline-block; width: 11px; height: 11px; margin: 0 2px; text-indent: -999px; background: #fff; border-radius: 10px; cursor: pointer;
	overflow: hidden; border: 1px solid #aaa;
}
.pages li:hover { background: #eee; }
.pages li.active { background: #999; border-color: #888; box-shadow: inset 0 0 0 2px #eee; }

.scrollbar { background: #808080; border-radius: 4px; border: 2px solid #808080; border-top-color: #666; line-height: 0; }
.scrollbar .handle { border-radius: 4px; background: #fff; cursor: pointer; line-height: 0;
	-webkit-box-shadow: 0 1px 0 #555;
	-moz-box-shadow: 0 1px 0 #555;
	-o-box-shadow: 0 1px 0 #555;
	box-shadow: 0 1px 0 #555;
}

/* Horizontal examples */
#horizontal .slyWrap { margin: 3em 0; }

#horizontal .scrollbar { margin: 1em 0; height: 5px; }
#horizontal .scrollbar .handle { width: 100px; height: 100%; }

#horizontal .example1 .sly { height: 170px; }
#horizontal .example1 .sly ul { height: 100%; }
#horizontal .example1 .sly ul li { float: left; width: 187px; height: 100%; margin: 0 1px 0 0; font-size: 50px; line-height: 170px; }

#horizontal .example2 .sly { height: 200px; }
#horizontal .example2 .sly ul { height: 100%; }
#horizontal .example2 .sly ul li { float: left; width: 266px; height: 100%; margin: 0 1px 0 0; font-size: 50px; line-height: 200px; }

#horizontal .example3 .sly { height: 200px; }
#horizontal .example3 .sly ul { height: 100%; }
#horizontal .example3 .sly ul li { float: left; width: 465px; height: 100%; margin: 0 10px 0 0; font-size: 50px; line-height: 200px; cursor: default; }
#horizontal .example3 .sly ul li.active { background: #4DBCE9; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }

#horizontal .example4 .sly { height: 160px; }
#horizontal .example4 .sly ul { height: 100%; }
#horizontal .example4 .sly ul li { float: left; padding: 0 20px; width: 360px; height: 100%; font-size: 50px; opacity: 0.2; cursor: default;
	overflow: hidden; background: none; box-shadow: none; font-size: 14px; text-align: justify; color: #444;
	-webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear;
}
#horizontal .example4 .sly ul li.active { opacity: 1; }

/* Vertical examples */
#vertical .slyWrap { margin: 1em 0; width: 470px; float: left; }

#vertical .scrollbar { width: 5px; }
#vertical .scrollbar .handle { height: 100px; width: 100%; }

#vertical .example1 { position: relative; }
#vertical .example1 .sly { width: 445px; height: 500px; border: 1px solid #aaa; }
#vertical .example1 .sly ul { width: 100%; height: 100%; overflow: hidden; }
#vertical .example1 .sly ul li { height: 80px; margin: 0 0 1px 0; font-size: 40px; line-height: 80px; }
#vertical .example1 .scrollbar { position: absolute; top: 0; right: 10px; height: 500px; }

#vertical .example2 { position: relative; }
#vertical .example2 .sly { width: 445px; margin-left: 25px; height: 500px; border: 1px solid #aaa; background: #fff; }
#vertical .example2 .sly > div { padding: 1em 1.5em; }
#vertical .example2 .scrollbar { position: absolute; top: 0; left: 10px; height: 500px; }

/* Vertical example */
#infinite .controlbar { margin: 2em 0 1.5em; }
#infinite .frameWrap { position: relative; height: 500px; }
#infinite .frame { height: 500px; margin-right: 20px; overflow: hidden; border: 1px solid #888; }
#infinite .frame ul { width: 100%; margin: 0; padding: 0; list-style: none; }
#infinite .frame ul li { margin: 0 0 5px 0; padding: 0; height: 200px; line-height: 200px; font-size: 30px; border-bottom: 1px solid #aaa;
	background: #eee; color: #888; text-align: center;
}

#infinite .scrollbar { position: absolute; top: 0; right: 0; width: 5px; height: 498px; }
#infinite .scrollbar .handle { height: 100px; width: 100%; }



.microlist{overflow:hidden; width:100%; margin-bottom:50px;}
.microlist img{width:100%;}

.microlist div{ padding: 0 10px;}
.microlist .fl{padding:0;}
.microlist .fr{padding:0;}
.microlist .m4,.microlist .m3,.microlist .m6,.microlist .m7,.microlist .m8{margin-top:40px;}
.microlist span{ display:block; height:30px; line-height:30px; margin-top:-30px; text-align:center; width:100%; color:#fff; font-size:18px; background:#000; opacity:0.7}
.micro_wtimg {overflow:hidden; width:100%; background:#52a53c; }
.micro_wtimgl{ background:#52a53c; overflow:hidden; padding:8.9% 8%; color:#fff; font-size:100px;}
.micro_wtimgl span{ font-size:280px; text-align:center;  font-family: 'tt0283m_'; display:block; opacity:0.1}
.micro_wtimgl p{ font-size:36px; text-align:right; padding-top:36px;  font-weight:bold;}
.micro_wtcon{ color:#606060; background:url(../images/d3.png) repeat; overflow:hidden; position:relative; margin:0 auto; margin-top:-40px; width:90%; padding:0 20px; margin-bottom:5%;}
.micro_wtcon3{ color:#606060; background:url(../images/d3.png) repeat; overflow:hidden; position:relative; margin:0 auto; margin-top:-40px; width:90%; padding:0 20px; margin-bottom:5%;}
.micro_wtcon2{ color:#606060; background:url(../images/d3.png) repeat; overflow:hidden; position:relative; margin:0 auto; width:100%; padding: 5%; margin-bottom:5%;}
.micro_wtcontit{padding:10% 10%;}
.micro_wtcondan{ text-align:right; line-height:40px; font-size:14px;}
.micro_wtcondan span{ color:#49a032; font-size:16px; font-weight:bold;}
.radio{ margin-left:40px; font-size:18px; margin-bottom:0; margin-top:30px;}
.micro_wtcontit .title{font-size:18px !important; font-family:"微软雅黑"; overflow:hidden; line-height:30px; text-align:left; font-weight:normal;  color:#49a032;}
/* .micro_wtcontit .title span{ color:#49a032; font-size:150px; margin-right:20px;} */
.micro_wtcontit .title span{ color:#49a032; font-size:18px;}
.micro_wtcontit .radio p{ display:inherit}
.station{ margin:0 auto; width:300px;  margin-top:30px;}
.station .btn{background:#31970f; color:#fff; font-size:14px; padding:5px 0px; width:130px; margin:0 auto; border-radius:0; float:left; margin-right:20px;}
.micro_wtcon2 h3 { color:#2a8b00; font-size:38px; text-align:center;}
.micro_wtcon2 span{ background:#49a032; width:100%; text-align:center; color:#fff; line-height:40px; font-size:24px; display:block; margin-bottom:30px;}
.micro_wtcon2 p{ font-size:18px; line-height:30px; color:#666666;}
.xxing{text-align:center; margin:20px 0;}
.xxing i{ color:#bcbcbc; font-size:48px;}
.station .station1{float:left; margin-right:20px; background:#aaaaaa;}
.micro_wtcon3 .micro_wtcondan{ text-align:center; line-height:40px; font-size:14px;}
.micro_wtcon3 .micro_wtcondan span{ color:#49a032; font-size:16px; font-weight:bold;}
.micro_wtcon3 h3 { color:#2a8b00; font-size:38px; text-align:center; padding:5% 0;}
.glyphicon-star{width:55px;}

.usercz .form-control{height:30px;}
.usertit{background:#63a916; border-top:10px solid #31970f; width:100%; height:135px; margin-top:5%;}
.userlogo{float:left;}
.userlogo img{ border:5px solid #fff; border-radius:50%; margin-top:-30px; margin-left:5%;}
.username{ float:left; color:#fff; font-size:26px; padding-top:40px; padding-left:20px;}
.username img{ float:left;}
.username a{ display:block; color:#fff; font-size:12px; line-height:20px; margin-top:10px;}
.usernav{ overflow:hidden; float:right;}
.usernav ul li{float:left; width:24%; margin-left:1%; background:url(../images/d5.png) repeat; }
.usernav ul li span{display:block; color:#fff}
.usernav ul li a{display:block; color:#fff; text-align:center;  height:135px; padding:20% 0; font-size:14px; line-height:25px;}
.usercz{ background:#ececec;  padding:5% 0; width:100%; margin-bottom:5%;}
.userzhu{ font-size:12px; border:1px solid #31970f; color:#666666; width:80%; margin:0 auto; margin-bottom:20px; margin-top:30px; padding-left:20px; line-height:30px;}
.form-group{ margin:0 auto; margin-bottom:20px; width:50%; color:#666666;}
.form-group1{ margin:0 auto; margin-top:30px; padding-right:10px;color:#666666;}
.control-label{font-size:12px; color:#666; font-weight:normal;}
.control-label b{ color:red}
.zhulabel{ color:#31970f; font-weight:normal; padding-left:10px;}
.submit{background:#31970f; color:#fff; border-radius:0; padding:5px 30px;}
.form-horizontal{ text-align:center; margin:5% 0;}
.tx{border-radius:50%;}
.volpanel-group{ text-align:left;}
.user-group{ width:80%; margin:0 auto; background:none; border:1px solid #31970f;}
.checkbox{text-align:left; width:80%; margin:0 auto;}

.coretitle{background-color:rgba(0,0,0,0.5); position:relative; text-align:center; height:40px; margin-top:-40px; line-height:40px;}
.coretitle span{ color:#fff; text-align:center; font-size:24px; position:relative;}
.corelist ul li{width:48%; margin-right:4%; margin-bottom:30px;position: relative;overflow: hidden; }
.corelist ul{width:100%; overflow:hidden;}
.corelist ul li:nth-child(2n){ margin-right:0px;}

.kt1{background:#ececec; width:100%; padding:5%;  margin-bottom:5%;}
.kt2{background:#ececec; width:100%; padding:5%;  margin-bottom:5%;}
.kt1_com{overflow:hidden; padding-top:5%;}
.ktleft{ background:#31970f  url(../images/h3.jpg) no-repeat; background-size:100%; height:280px; padding-right:5px;  vertical-align:center; width:20%; float:left; text-align:right; }
.ktleft h3 { line-height:30px;  font-size:22px; font-weight:bold; color:#fff; margin:0; padding:0;}
.ktleft span{ display:block; opacity:0.6; line-height:20px; font-size:24px; text-transform:uppercase; padding-top:55%; color:#fff;}
.ktright{ background:#dae6d6; width:80%; float:left; min-height:300px; overflow:hidden;}
.ktright ul li{ float:left; width:20%; padding:2% 4% 2% 4%; text-align:center; color:#534741;}
.ktright ul li span{ text-align:center; font-weight:bold; font-size:14px;  line-height:50px; line-height:20px;}
.ktright .hui{color:#a2ad9f;}
.kt2 .ktright ul li span{ text-align:center; font-weight:bold; font-size:12px; line-height:50px; line-height:20px;}
.ktright img{width:100%;}
.ktright ul li p{ background:#50463c; color:#fff; border-radius:5px; text-align:center;  padding:5px 0; margin-bottom:10px; font-weight:bold;}
.kt2 .ktright .hui{ color:#a2ad9f;}
.kt2 .ktright .hui p{ background:#a2ad9f;}
.kt_con img{ width:100%;}
.kt_con ul li{margin-bottom:30px;}

.ktdown{background:#fff; text-align:center; padding:5% 10%; }
.ktdown img{width:100%;}
.down{ background:#31970f;  margin:0 auto; width:100px; text-align:center; color:#fff; display:block; font-size:12px; line-height:30px; margin-top:7%; margin-bottom:30px;}

.login1{ width:40% !important; margin:0 auto; background:#ececec;}
.login1  label a{ float:right; width:50%; text-align:right;}
.login1 .form-group{width:100%;}
.login1 input{ height:50px; width:100%; text-align:left;}
.login1 .checkbox input{height:5px; width:100px;}
.login1 .chee{width:30px !important; height:15px; margin-top:5px; }
.login1 label span{ font-size:12px; width:100%; text-align:left; float:left; margin:0; padding:0; width:50%;}
.dlu{ width:100%; background:#41b322; height:50px; line-height:50px; color:#fff; font-size:16px; text-align:center; border:1px solid #41b322; margin:30px 0;}
.logintit h3{ color:#41b322;}
.myclass{ margin-bottom:20px; width:100%; margin-top:30px; overflow:hidden;}
.myclass ul{ border-bottom:1px solid #999999;}
.myclass ul li{overflow:hidden; margin-bottom:50px; background:#fff;}
.myclasstit{ padding:2% 5%;}
.myclasstit h3{ color:#31970f; font-size:22px;}
.myclasstit p{ font-size:14px; margin-bottom:10px;}
.myclasstit span{ font-size:16px;}
.myclasstit a{ padding-left:30px; margin-right:30px; color:#31970f; font-weight:bold; font-size:14px;}
.muactive {overflow:hidden; width:100%; margin:5% 0; }
.myactive ul{border-bottom:1px solid #999999;}
.myactive ul li{ padding:20px 5%; background:#8cc152; width:100%; border-radius:5px; overflow:hidden; color:#fff;}
.myactive ul li a{ float:right; color:#ffcc00;}
.myactive span{ font-size:16px; overflow:hidden;}
.myactive span b{ padding-right:10%;}
.myactive p{ line-height:22px; text-indent:36px; padding-top:10px;}
.weixin{text-align:center; margin:0 auto; padding:3%; margin-top:8%; background:#efefef; width:50%; overflow:hidden;}
.weixinleft{ float:left; width:60%;}
.weixinright{ float:left; width:40%;}
.weixinright img{width:80%;}



@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .coretitle{
    background-color:#000000;
    filter:Alpha(opacity=50);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:111; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
    .coretitle span{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
  }

@media (min-width: 768px) and (max-width:990px) {
	.tabtit h4{font-size:16px; width:75%;}
.micro_wtimgl {
    background: #52a53c;
    overflow: hidden;
    padding: 13.9% 0%;
    color: #fff;
font-size: 81px;}
.micro_wtimgl span{font-size:200px;}
.form-group{width:85%;}
.username{padding-top:0px;}
}

/*  #Mobile (Portrait) - Note: Design for a width of 320px */
@media (min-width:320px) and (max-width: 768px){
	
body .pweixin{text-align:center; margin:0 auto; padding:10% 5%; margin-top:0%; background:#fff; width:90% !important;}
.pweixin .weixinright{display:none;}
.pweixin .weixinleft{ float:left; width:100%; background:url(../images/logo.jpg) no-repeat bottom; padding-bottom:200px;}
.pweixin .weixinleft h3{ font-size:20px;}
.form-group{width:100%;}
.control-label {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    float: left;
    width: 16%;
}
.userlogo img{width:48%;}	
.username{padding-top:5px; padding-left:5px;}
.username{font-size:14px;}
.micro_wtcon{ width:100%; padding:0 8px;}
.micro_wtcon .micro_wtcondan{ width:100%; font-size:10px; padding:0 0px; margin-bottom:20px;}
.micro_wtcondan span{ font-size:10px;} 
.micro_wtcontit{padding:0;}
.aboutside1 .aboutside1con{ margin-right:0px; margin-left:0px;}
.micro_wtcontit .title{font-size:14px; line-height:30px;}
.micro_wtcontit .radio label, .checkbox label{font-size:12px; margin-bottom:10px; }
.station .btn{margin-bottom:30px;}
.micro_wtimgl{font-size:58px;}
.micro_wtimgl span{font-size:180px; padding-top:20px;}
.micro_wtimgr img{width:100%;}
.Course ul li{margin-bottom:25px;}
.solutit2{padding:0px; position:fixed; top:0px;}
.form-control{height:35px;}
.informationcon a{margin-bottom:30px;}
.information{background:none !important;}
.form-group{padding-right:0px; }
.coretitle{background-color:rgba(0,0,0,0.5); position:relative; text-align:center; height:30px; margin-top:-30px; line-height:30px;}
.coretitle span{ color:#fff; text-align:center; font-size:14px; position:relative;}	

.kt1{background:#ececec; width:100%; overflow:hidden; padding:0%;}
.ktleft{ background:#31970f  url(../images/h3.jpg) no-repeat; background-size:100%; height:200px; padding-right:5px;  vertical-align:center; width:30%; float:left; text-align:right; }
.ktleft h3 { line-height:30px;  font-size:14px; font-weight:bold; color:#fff; margin:0; padding:0;}
.ktleft span{ display:block; opacity:0.6; line-height:20px; font-size:14px; text-transform:uppercase; padding-top:55%; color:#fff;}
.ktright{ background:#dae6d6; width:70%; float:left; min-height:300px; overflow:hidden;}
.ktright ul li{ float:left; width:33.333%; padding:2% 4% 2% 4%; text-align:center;}
.ktright ul li span{ text-align:center; font-weight:bold; font-size:12px; color:#534741; line-height:50px;}
.ktright ul li img{width:100%;}
.myclasstit a{ padding-left:0px; margin-right:30px; color:#31970f; font-weight:bold; font-size:14px; display:block; line-height:30px;}

.microlist div img{width:100%;}
.microlist div{ margin-bottom:20px;}
.microlist .fl{padding:0;}
.microlist .fr{padding:0; }
.microlist .m4, .microlist .m3, .microlist .m6, .microlist .m7, .microlist .m8{margin-top:0px;}
.microlist .m3, .microlist .m2,.microlist .m7, .microlist .m8{padding:0;}
.microlist .m3{margin-bottom:0;}

.block_home_slider{ margin-bottom:0 !important;}
.tabtit{height:34px;}
.tabtit h4{font-size:14px !important; width:73%; line-height:16px; margin:0px;}
.tabtit a{width:70px; padding: 4px 7px; font-size:12px;}

.menu ul li img{width:100%;}
#nav .nav li a span{padding:25px 9% !important;}
.aboutnav ul li{padding-top:17%; font-size:12px;}
.aboutnav ul li a{ font-size:12px;}
.Culture ul li{width:100%; padding-right:0px;}
.Culturecon{ padding:40px; font-size:20px; border-radius:1px !important; margin-left:0px;}
.Culture ul li:nth-child(1) .Culturecon{padding:40px; font-size:20px;  border-radius:1px;}
.Culture ul li:nth-child(2) .Culturecon{padding:50px; font-size:20px;  border-radius:1px;}
.Culture ul li:nth-child(1){background:none; padding-right:0px;}
.Culture ul li:nth-child(2){background:none; padding-right:0px;}
.aboutside4{display:none;}
.aboutside2 {
    background: url(../images/about_27.jpg) no-repeat;
    background-position: inherit !important;
    margin: 5% 0;
}
.login1 {width:100% !important;}
.login1 .control-label { width:100%;}
.user-group{ width:95%;}

.volunteerlist ul li{ width:100%; margin-right:0px; margin-bottom:20px;}
.volunteerlist ul li:nth-child(2){ margin-left:0px;}
.volunteerlist .volunteerlist-1{ font-size:14px;}
.form-group1{ margin-top:15px; }
.solutit2 { padding-left:10px;}
.form-horizontal{ margin-left:15px; margin-right:15px;}
.aboutside5con{ width:80%;}

#content-1 li{ width:350px !important;}
.aboutside5con{ top:5%; padding:20px;}
.aboutside5coninfo{ width:16%; font-size:14px; line-height:24px;}

.solutit2{}

/* #sidemenu{ padding-left:128px;}
#sidebox{ width:130px !important; margin: 4px 0 0 -128px !important;}
#sidebox .list{width:126px;}
#sidebox  .list ul li .inactive {
    background: url(../images/off.png) no-repeat 100px center;
}
.phone{display:block !important; visibility:visible}
.pcblock{display:none ; }
.pcblock #sidemenu{display:none; } */
}

/* .pcblock{display:block;}
.phone{display:none ;} */