img{max-width:100%;}
.text-center{ text-align:center;}

.insidetit{max-width:1200px; margin:30px auto 18px auto; width:100%;}
.insidetitl{color:#333; font-size:30px; line-height:1em;}
.insidetitr{ padding-top:13px;color:#8a8a8a;}
.insidetitr a{color:#8a8a8a;}
.insidetitr a:hover,.insidetitr a.hover{color:#333;}

.insidecon{max-width:1200px; margin:0 auto 4% auto; width:100%; line-height:2.1em;color:#666; text-align:justify;}
.insidecon em{width:50%; margin-right:2%; float:left; display:block;}
.about em{width:15%; max-width:178px;}
.xtit{ padding-left:16px; background:url(aboutpic_06.gif) no-repeat; height:18px; line-height:1em; font-size:18px;color:#333; margin:2.5% 0 1.5% 0;}
.xtit bdo,.idea h2 bdo{font-size:16px;color:#666;}

.introduce em{width:50%;max-width:488px; margin-right:5%;}

.idea h2,.systemr h2{ font-size:24px; color:#333; margin:1% 0 1.5% 0;}
.idea em{max-width:253px;margin-right:5%;}
em.ideapic{max-width:469px; float:right;width:40%; margin:0 auto; text-align:center;}
.idea1{width:70%;max-width:610px; float:left;}
.idea1 p{ background:url(ideapic_10.gif) no-repeat 0 7px; padding-left:22px;}

.feature img{ margin:0 auto;}
.feature span{font-size:18px;color:#333;}
.feature li{width:109px; height:31px; float:left; margin-right:10px; border:2px solid #ef9034; text-align:center; line-height:31px;}
.feature li:hover,.feature li.hover{ background:#ef9034;}
.feature li:hover a,.feature li.hover a{color:#fff;}

.featuretit{ font-size:24px;background:url(aboutpic_06.gif) no-repeat 0 3px;padding-left:16px;line-height:1em;color:#333;margin:2% 0 1% 0;}
.insidecon s{ font-size:14px; text-decoration:none;color:#ef9034;}

.system{ margin-top:3%;}
.systeml{max-width:443px;width:37%;}
.systemr{max-width:736px;width:61%;}

.resources li{width:18%; margin:0 1% 1% 1%; text-align:center; float:left;}
.resources li img{ border:1px solid #e0e0e0;}

.authority em{max-width:371px;}
.authority .xtit{margin:2.5% 0 .5% 0;}
@media screen and (max-width:960px) {
	.insidetitl{font-size:18px;}
	.insidetitr{ padding-top:3px;font-size:12px;}
	.insidetit,.insidecon{width:96%;}
	.about em{width:28%;}
	.insidecon,.LifeBox{line-height:1.7em!important; text-align:justify;font-size:12px;}
	.xtit{font-size:16px;}
	.introduce em{width:47%;}
	.insidecon br{display:inline; line-height:10px; }
	.idea h2,.feature span,.featuretit,.systemr h2{font-size:16px;}
	.xtit bdo,.idea h2 bdo,.course i{font-size:14px!important;}
	.idea1,em.ideapic{width:100%; float:none;}
	.feature li{width:69px;height:24px;line-height:24px;}
	.featuretit{background:url(aboutpic_06.gif) no-repeat 0 0; line-height:1.2em;}
	.resources li{width:31.3333%;}
	.insidecon s{ font-size:8px;}
}
@media screen and (max-width:650px) {
	.systeml,.systemr{width:100%; margin-bottom:2%;float:none;}
}
/*about*/

.coursem{ background:#75bfec;}
.courseml{max-width:415px;}
.coursemr{max-width:730px; margin-left:30px;color:#fff;}
.coursemr h2{ font-size:20px; margin-top:30px;}
.coursemr hr{ border-top:1px solid #fff!important; border:none; height:1px;margin: 20px 0;}
.course li{width:25%; float:left;}
.course i{color:#ef9034;font-size:16px; font-style: normal; display:block; margin:1% 0 .5% 0;}
.coursem1{ background:#d67094;}
.coursem .coursemr ul{ margin-top:1.5%;}
.coursem .coursemr li{width:42%;}
.coursem .coursemr li s{color:#fff;}

.special{margin:2.5% 0 .2% 0;}

.teaml{ margin:114px 146px 0 80px;width:187px; background:url(teampic_08.jpg) no-repeat; height:38px; line-height:38px;color:#fff; text-align:center; font-size:18px; float:left;max-width:187px;}
.team ul{width:787px; float:left;}
.team li{width:267px; text-align:center;line-height:18px; float:left; margin-right:115px; margin-bottom:2%;}
.team li span{ background:url(teampic_03.jpg) no-repeat;width:267px; height:125px; display:block;color:#fff; padding-top:142px; font-size:16px; margin:0 auto;}
.team li span.teampic2{ background:url(teampic_05.jpg) no-repeat;}
.team li p{font-size:16px; margin:20px auto 8px auto;}
.team li bdo{font-size:14px;color:#666;}
@media screen and (max-width:960px) {
	.coursemr{ margin:0; width:96%; padding:2%;}
	.coursemr h2{ margin:0;font-size:16px; margin-bottom:.5%;}
	.coursemr hr{margin:2% 0;}
	.course li{width:auto; margin:0 4%; text-indent:-4%;}
	
}
@media screen and (max-width:1200px) {
	.teaml{ margin:3% 3% 3% 2%;}
	.team ul{width:570px;}
	.team li{margin-right:3%;}
}
@media screen and (max-width:600px) {
	.teaml,.team li,.team ul{width:100%; float:none;}
}