@charset "utf-8";
/* CSS Document */
html {
	-webkit-text-size-adjust: 100%;
	font-size: 100px;
}/*设定基础rem*/
* {
	margin: 0px;
	padding: 0px;
}
img {
	max-width: 100%;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;  
  	outline-width:0px;  
  	vertical-align:top;   
}
a {
	text-decoration: none;
	color: #333333;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
span, input, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, td, i {
	margin: 0;
	padding: 0;
	list-style: none;
	/* [disabled]border: 0;
*/
}
ul {
	list-style: none;
}
i {
	font-style: normal;
}
.wrap {
	min-width: 320px;
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	font-family: '微软雅黑', 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'san francisco', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
	font-size: 12px;
	/*background: #f6f6f6;*/
}/*em，1em=16px,640*/
.clearfix:after, .bw_menu::after, .zsjjupic_ul li::after, .zsjjupicthre li::after {
	content: "";
	height: 0;
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
header {
	height:2.5rem;
	width:100%;
	-moz-box-shadow:5px 5px 10px #e7e7e7; 
	-webkit-box-shadow:5px 5px 10px #e7e7e7; 
	box-shadow:5px 5px 10px #e7e7e7;
	margin-bottom:1rem;
	overflow:hidden;
}
header p:first-child {
	width:7.5rem;
	height:1.25rem;
	float:left;
	margin-top:0.625rem;
	margin-left:0.5rem;
}
header p:nth-child(2) {
	width:1.25rem;
	height:1.25rem;
	float:right;
	margin-right:1rem;
	margin-top:0.625rem;
}
.Indexnavbox ul {
	width:17.5rem;
	margin:1rem auto;
	overflow:hidden;
}
.Indexnavbox ul li {
	width:3.25rem;
	float:left;
	margin-right:0.3125rem;
}
.Indexnavbox ul li p:first-child {
	border-radius:0.25rem;
}
.Indexnavbox ul li:first-child p:first-child {
	background: -webkit-linear-gradient(to bottom, #dd311d , #fc8856); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #dd311d, #fc8856); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(to bottom, #dd311d, #fc8856); /* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom, #dd311d , #fc8856); /* 标准的语法 */
}
.Indexnavbox ul li:nth-child(2) p:first-child {
	background: -webkit-linear-gradient(to bottom, #9034b5 , #f7c9fc); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #9034b5, #f7c9fc); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(to bottom, #9034b5, #f7c9fc); /* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom, #9034b5 , #f7c9fc); /* 标准的语法 */
}
.Indexnavbox ul li:nth-child(3) p:first-child {
	background: -webkit-linear-gradient(to bottom, #454bca , #8291f4); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #454bca, #8291f4); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(to bottom, #454bca, #8291f4); /* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom, #454bca , #8291f4); /* 标准的语法 */
}
.Indexnavbox ul li:nth-child(4) p:first-child {
	background: -webkit-linear-gradient(to bottom, #0f84ec , #45cdfa); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #0f84ec, #45cdfa); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(to bottom, #0f84ec, #45cdfa); /* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom, #0f84ec , #45cdfa); /* 标准的语法 */
}
.Indexnavbox ul li:nth-child(5) p:first-child {
	background: -webkit-linear-gradient(to bottom, #12b093 , #54d8ad); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(to bottom, #12b093, #54d8ad); /* Opera 11.1 - 12.0 */
  	background: -moz-linear-gradient(to bottom, #12b093, #54d8ad); /* Firefox 3.6 - 15 */
 	background: linear-gradient(to bottom, #12b093 , #54d8ad); /* 标准的语法 */
}
.Indexnavbox ul li p:first-child img {
	width:2rem;
	height:2rem;
	margin:0.625rem;
}
.Indexnavbox ul li p:nth-child(2) {
	font-size:0.65rem;
	text-align:center;
	color:#828382;
	margin-top:0.25rem;
}
.Indexnavbox ul li p:nth-child(3) {
	font-size:0.45rem;
	text-align:center;
	color:#828382;
}
.line {
	height:0.5rem;
	width:100%;
	background-color:#eee;
}
.title {
	height:2.25rem;
	width:100%;
}
.title p:first-child {
	height:1rem;
	width:0.25rem;
	background-color:#0172ff;
	margin-top:0.625rem;
	float:left;
}
.title p:nth-child(2) {
	font-size:0.75rem;
	color:#333;
	line-height:2.25rem;
	float:left;
	margin-left:0.5rem;
	font-weight:700;
}
.title p:nth-child(3) a {
	font-size:0.6rem;
	color:#828382;
	line-height:2.25rem;
	float:right;
	margin-right:0.5rem;
}
.Ihotclass, .Ihotclass ul {
	width:17.5rem;
	margin:0 auto;
	overflow:hidden;
}
.Ihotclass ul li {
	width:8.5rem;
	margin-right:0.5rem;
	float:left;
	background-color:#f7f7f7;
	border-radius:0.25rem;
}
.Ihotclass ul li:nth-child(n+3) {
	margin-top:0.5rem;
}
.Ihotclass ul li div:first-child {
	width:2.5rem;
	float:left;
	padding:1rem 0.5rem 1rem 0.5rem;
}
.Ihotclass ul li div:nth-child(2) {
	padding-right:0.5rem;
}
.Ihotclass ul li div:nth-child(2) p:first-child {
	font-size:0.65rem;
	font-weight:700;
	color:#333;
	padding-top:1rem;
}
.Ihotclass ul li div:nth-child(2) p:nth-child(2) {
	font-size:0.45rem;
	color:#666;
}
.Imore {
	width:17.5rem;
	height:1.5rem;
	border-radius:0.25rem;
	background-color:#0172ff;
	color:#fff;
	font-size:0.65rem;
	text-align:center;
	line-height:1.5rem;
	margin:0.5rem auto;
}
.Iopen, .Iopenps {
	width:17.5rem;
	margin:0 auto;
	overflow:hidden;
}
.Iopen {
	margin-bottom:0.5rem;
}
.Iopenlist {
	width:15.2rem;
	margin:0 auto;
	overflow:hidden;
}
.Iopenlist li {
	height:1.5rem;
	overflow:hidden;
	line-height:1.5rem;
}
.Iopenlist li p {
	font-size:0.4rem;
	color:#333;
	float:left;
	text-align:center;
}
.Iopenlist li p:first-child {
	width:3.8rem;
}
.Iopenlist li p:nth-child(2) {
	width:3rem;
}
.Iopenlist li p:nth-child(3) {
	width:5.9rem;
}
.Iopenlist li p:nth-child(4) {
	width:2.5rem;
}
.Iopenlist li p span {
	padding:0.05rem 0.1rem;
	background-color:#ed3820;
	color:#fff;
	margin:0px 1px;
}
.Iopenlist li p:nth-child(4) a {
	color:#ed3820;
	text-decoration:underline;
}
.Iopenps li {
	width:5.5rem;
	height:2rem;
	border-radius:0.25rem;
	float:left;
	margin-top:0.5rem;
	margin-right:0.5rem;
	font-size:0.65rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:2rem;
}
.Iopenps li:first-child {
	background-color:#42bdcf;
}
.Iopenps li:nth-child(2) {
	background-color:#0685c4;
}
.Iopenps li:nth-child(3) {
	background-color:#a4c455;
}
.Ipeople, .Ipeople ul {
	width:17.5rem;
	margin:0 auto;
	overflow:hidden;
}
.Ipeople ul li {
	width: 8.5rem;
	height:3.5rem;
    margin-right: 0.5rem;
    float: left;
	border:1px solid #eee;
	box-sizing:border-box;
}
.Ipeople ul li:nth-child(n+3) {
	margin-top:0.5rem;
}
.Iabout {
	width:17.5rem;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:0.5rem;
}
.Iaboutcont {
	overflow:hidden;
}
.Iaboutcont_left {
	width:8.5rem;
	height:12.25rem;
	margin-right:0.5rem;
	float:left;
	overflow:hidden;
}
.Iaboutcont_right {
	width:8.5rem;
	height:12.25rem;
	float:left;
}
.Iaboutcont_right p, .Iaboutcont_right ul {
	height:5.875rem;
	width:100%;
}
.Iaboutcont_right p {
	margin-bottom:0.5rem;
}
.Iaboutcont_right ul li {
	width:4rem;
	height:5.875rem;
	float:left;
	margin-right:0.5rem;
}
.IQandA, .IQandA ul {
	width:17.5rem;
	margin:0 auto;
	overflow:hidden;
}
.IQandA ul li {
	width:8.5rem;
	float:left;
	height:1.5rem;
	border-radius:0.25rem;
	border:1px solid #eee;
	box-sizing:border-box;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	text-align:center;
	line-height:1.5rem;
	color:#333;
	font-size:0.65rem;
}
.Iform {
	width:17.5rem;
	margin:0 auto;
}
.Iformtit {
	font-size:0.75rem;
	height:3rem;
	line-height:3rem;
	font-weight:bold;
	text-align:center;
	color:#ff1e00;
}
.Iform ul li {
	width:8.5rem;
	margin-right:0.5rem;
	float:left;
	height:1.5rem;
	color:#333;
}
.Iform ul li input {
	width:8rem;
	padding-left:0.5rem;
	border:1px solid #eee;
	box-sizing:border-box;
	height:1.5rem;
	line-height:1.5rem;
}
.Iformtel input {
	width:17.5rem;
	padding-left:0.5rem;
	border:1px solid #eee;
	box-sizing:border-box;
	height:1.5rem;
	line-height:1.5rem;
	margin-top:0.5rem;
}
.Iformclass select {
	width:17.5rem;
	padding-left:0.5rem;
	border:1px solid #eee;
	box-sizing:border-box;
	height:1.5rem;
	line-height:1.5rem;
	margin-top:0.5rem;
	color:#333;
}
.Iformsub {
	width:17.5rem;
	height:1.5rem;
	background-color:#0172ff;
	margin-top:0.5rem;
	color:#fff;
	font-size:0.45rem;
	text-align:center;
	line-height:1.5rem;
}
.Iformsub input {
	width:17.5rem;
	height:1.5rem;
	background-color:#0172ff;
	border:none;
	color:#fff;
}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.mHeader {
	height: 2.5rem;
	z-index: 100;
	width: 13rem;
	top: 0px;
}
.mIcon {
	width: 2.5rem;
	height: 2.5rem;
	padding: 3px 0px;
	position: absolute;
	z-index: 100;
	right:0;
}
.controlIcon {
	display:block;
	width:1.5rem;
	height:3px;
	margin-top:8px;
	margin-bottom:8px;
	transition:all 0.4s ease;
	background:#dde1e4;
}
.mIconActive .controlIcon:nth-child(1){
	animation: 0.5s ease-out forwards animate1;
	-webkit-animation: 0.5s ease-out forwards animate1;
}
.mIconActive .controlIcon:nth-child(2){
	opacity: 0;
}
.mIconActive .controlIcon:nth-child(3){
	animation: 0.5s ease-out forwards animate2;
	-webkit-animation: 0.5s ease-out forwards animate2;
}
.mIconClose .controlIcon:nth-child(1){
	animation: 0.5s ease-out forwards animate3;
	-webkit-animation: 0.5s ease-out forwards animate3;
}
.mIconClose .controlIcon:nth-child(2){
	opacity: 1;
}
.mIconClose .controlIcon:nth-child(3){
	animation: 0.5s ease-out forwards animate4;
	-webkit-animation: 0.5s ease-out forwards animate4;
}
@-webkit-keyframes animate1{
0%{
	-webkit-transform:rotate(0deg) translateY(0px);
}
100%{
	-webkit-transform:rotate(45deg) translateY(8px) translateX(8px);
}
}
@keyframes animate1{
0%{
	transform:rotate(0deg) translateY(0px);
}
100%{
	transform:rotate(45deg) translateY(8px) translateX(8px);
}
}
@-webkit-keyframes animate2{
0%{
	-webkit-transform:rotate(0deg) translateY(0px);
}
100%{
	-webkit-transform:rotate(-45deg) translateY(-8px) translateX(8px);
}
}
@keyframes animate2{
0%{
	transform:rotate(0deg) translateY(0px);
}
100%{
	transform:rotate(-45deg) translateY(-8px) translateX(8px);
}
}
@-webkit-keyframes animate3{
0%{
	-webkit-transform:rotate(45deg) translateY(8px) translateX(8px);
}
100%{
	-webkit-transform:rotate(0deg) translateY(0px);
}
}
@keyframes animate3{
0%{
	transform:rotate(45deg) translateY(8px) translateX(8px);
}
100%{
	transform:rotate(0deg) translateY(0px);
}
}
@-webkit-keyframes animate4{
0%{
	-webkit-transform:rotate(-45deg) translateY(-8px) translateX(8px);
}
100%{
	-webkit-transform:rotate(0deg) translateY(0px);
}
}
@keyframes animate4{
0%{
	transform:rotate(-45deg) translateY(-8px) translateX(8px);
}
100%{
	transform:rotate(0deg) translateY(0px);
}
}
.mMenu{
	position: fixed;
	top: 0px;
	padding-top: 50px;
	background: #0172ff;
	z-index: 9;
	width: 100%;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	padding-bottom:50px;
}
.mMenu ul{
	padding-left: 0px;
}
.mMenu ul li {
	text-align:center;
}
.mMenu ul li a{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #dde1e4;
	text-decoration: none;
	font-size:16px;
}
.teacher {
	width:17.5rem;
	margin:0 auto;
	overflow:hidden;
}
.teacher ul li {
	padding:0.5rem 0rem;
	overflow:hidden;
}
.teacher ul li div:first-child {
	width:6rem;
	margin-right:0.5rem;
	float:left;
}
.teacher ul li div:nth-child(2) {
	width:11rem;
	float:left;
}
.teacher ul li div:nth-child(2) p:first-child {
	font-size:0.75rem;
	font-weight:bold;
	color:#333;
	padding-top:0.25rem;
}
.teacher ul li div:nth-child(2) p:nth-child(2) {
	font-size:0.45rem;
	color:#666;
	line-height:1rem;
	margin-top:0.25rem;
}
.teacher ul li div:nth-child(2) p:nth-child(3) {
	font-size:0.45rem;
	width:4rem;
	height:1rem;
	border:1px solid #F60;
	margin-top:0.25rem;
	line-height:1rem;
	text-align:center;
}
.teacher ul li div:nth-child(2) p:nth-child(3) a {
	color:#F60;
}
.footer, .footer ul {
	height:3rem;
	width:18.75rem;
	position: fixed;
    bottom: 0;
	margin:0 auto;
	z-index:999;
}
.footer ul li {
	height:3rem;
	width:33.33%;
	float:left;
}
.footer ul a:first-child li {
	background-color:#5b4ff2;
}
.footer ul a:nth-child(2) li {
	background-color:#4c41d1;
}
.footer ul a:nth-child(3) li {
	background-color:#5b4ff2;
}
.footer ul li p:first-child {
	width:1.25rem;
	height:1.25rem;
	float:left;
	background-size:100% 100%;
	margin-left:15%;
	margin-top:0.875rem;
}
.footer ul a:first-child li p:first-child {
	background-image:url(../images/ft1.png);
}
.footer ul a:nth-child(2) li p:first-child {
	background-image:url(../images/ft2.png);
}
.footer ul a:nth-child(3) li p:first-child {
	background-image:url(../images/ft3.png);
}
.footer p:nth-child(2), .footer p:nth-child(3) {
	color:#fff;
	font-size:0.75rem;
	line-height:3rem;
}
.footdiv {
	font-size:0.65rem; 
	text-align:center;
	color:#666; 
	margin-bottom:3.5rem; 
	line-height:2rem;
}
.headtel {
	font-size:0.7rem !important;
	width: auto !important;
    height: 2.5rem !important;
    margin-right: 3rem !important;
    margin-top: 0rem !important;
	line-height:2.5rem;
}
.headtel span {
	color:#0172ff !important;
	padding-right:3px !important;
}
@media(min-width: 600px) {

}
@media ( max-width: 600px ) and (min-width: 410px) {	

}
@media ( max-width: 410px ) and (min-width: 355px) {	

}
@media(max-width:355px) { 

}