﻿/* 易优CMS（eyoucms.com）安全--简单--易用 */
body, p, h1, h2, h3, h4, h5, li, span, i, ul, img, a, strong, input, button, textarea, select, dl, dd, dt {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei", "Arial";
	font-size: 0.24rem;
	line-height: 1;
	color: #333;
	-webkit-user-select: none;
	-webkit-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important;
}
::-webkit-scrollbar {
width: 0;
height: 0;
}/*滚动条宽高设为0*/
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
[class|="ico"] {
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
display: inline-block;
vertical-align: middle;
}
[class|="icon-"] {
font-family:"iconfont" !important;
font-size:.24rem !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
li {
	list-style-type: none;
	float: left
}
a {
	text-decoration: none;
	color: #333;
}
img {
	border: none;
	vertical-align: middle;
	margin-top: 0;
}
i, var, em {
	font-style: normal;
}
button {
	font-family: "microsoft yahei", "Arial";
	outline: none;
	cursor: pointer;
	font-size: 0.24rem;
	border: none;
}
iframe {
	border: none;
}
input, select, textarea {
	outline: none;
	font-family: "microsoft yahei", "Arial";
	font-size: 0.24rem;
	border-radius: 0;
}
input:disabled {
	opacity: 1;
	color: #333;
}
input[type="submit"], input[type="reset"], input[type="text"], input[type="password"], input[type="number"], input[type="button"], button, input[type="date"], textarea {
	-webkit-appearance: none;
	border: none;
	background: none;
}
textarea {
	resize: none;
}
div {
	margin: 0 auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.dt {
	display: table;
	width: 100%;
}
.fl-w {
	float: left;
	width: 100%;
}
.clear {
	clear: both;
}
.fixed {
	z-index: 2;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}
.poa {
	z-index: 1;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.bgsz {
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.hide {
	display: none !important;
}
.bdn>:last-child {
	border-bottom: none;
}
.mt15 {
	margin-top: 10px
}
.mb15 {
	margin-bottom: 10px
}
body {
	background-color: #f1f1f1;
}
.mobile-wrap {
	position: relative;
	margin-bottom: 1.2rem;
}
header {
	width: 7.5rem;
	height: 1.15rem;
	position: fixed;
	left: 50%;
	top: 0;
	z-index: 100;
	margin-left: -3.75rem;
	z-index: 1000;
	background-color: #fff;
	box-shadow: 0 0.1rem 0.2rem rgba(0,0,0,.3);
}
header .logo {
 margin-left: .28rem;
}
header .logo h4 img.logos {
 height: .76rem;
 margin-top: .19rem;
	float: left;
}
header .logo h4 img.tits {
 height: .55rem;
 margin-top: .32rem;
	float: left;
 margin-left: .2rem;
}
header .phone {
 padding-right: .4rem;
}
header .phone h4 {
 padding-top: .36rem;
}
header .phone h4 span {
 height: .52rem;
	float: left;
	display: inline-block;
 border-right: .01rem solid #333333;
}
header .phone h4 span img {
 height: .52rem;
 margin-right: .15rem;
}
header .phone h4 strong {
	float: right;
 padding-left: .15rem;
}
header .phone h4 strong img {
 height: .52rem;
}
header span.menu {
	display: block;
	position: absolute;
 right: .35rem;
 top: .35rem;
 width: .60rem;
 height: .45rem;
	background: url(../images/menuhome.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
main {
	width: 100%;
	margin-top: 1.1rem;
	display: table;
}
main.main-mt {
	margin-top: 1.15rem;
}
.bannar {
	width: 100%;
	height: 5rem;
	position: relative;
}
.search {
	width: 100%;
	height: 1rem;
 padding-top: .2rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	transition: .5s;
}
.search.sea-acti {
	background: rgba(255,51,51,.8);
	position: fixed;
	left: 0;
	top: 0;
 padding-top: .1rem;
	z-index: 100;
}
.search span.menu {
	display: block;
	position: absolute;
 width: .56rem;
 height: .42rem;
	background: url(../images/menuhome.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float: left;
 margin: .14rem .18rem .14rem .4rem;
}
.tops span.menu {
	display: block;
	position: absolute;
 right: .4rem;
 top: .35rem;
 width: .6rem;
 height: .45rem;
	background: url(../images/menuhome.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.sea-inpt {
	width: 5.95rem;
 height: .7rem;
	margin-left: 0.6rem;
	background: rgba(255,255,255,.25);
 border-radius: .35rem;
}
.sea-inpt input[type="text"] {
 height: .4rem;
 line-height: .4rem;
	width: 4rem;
	float: left;
	background: none;
 margin: .15rem .38rem;
	border: none;
	color: #fff;
 font-size: .24rem;
}
.sea-inpt input[type="text"]::-webkit-input-placeholder {
 color: #fff;
}
.sea-inpt input[type="submit"] {
	height: 0.7rem;
	width: 1rem;
	float: right;
	background: url(../images/ic2.png) center no-repeat;
 -webkit-background-size: .38rem .38rem;
 background-size: .38rem .38rem;
	border: none;
	cursor: pointer;
}
.headlines {
	width: 6.7rem;
	height: 1.06rem;
	background-color: #fff;
 border-radius: .1rem;
 box-shadow: 0 .03rem .2rem rgba(0,0,0,.1);
	position: relative;
 top: -.52rem;
 margin-bottom: -.2rem;
	z-index: 99;
}
.headlines span.tits {
 height: .66rem;
 border-right: .01rem solid #bdbdbd;
 margin-top: .2rem;
	display: inline-block;
 padding: 0 .26rem;
	float: left;
}
.headlines span.tits img {
 height: .62rem;
 margin-top: .02rem;
}
.headlines-roll {
	width: 5rem;
 height: .66rem;
	float: left;
 margin-top: .2rem;
 margin-left: .3rem;
 line-height: .66rem;
	position: relative;
	overflow: hidden;
}
.headlines-roll ul {
	width: 5rem;
 height: .66rem;
	position: absolute;
	left: 0rem;
	top: 0rem;
}
.headlines-roll ul li {
	width: 100%;
	height: 100%;
 height: .66rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.headlines-roll ul li a {
 font-size: .24rem;
	color: #999999;
}
.menu-list {
	width: 100%;
	display: table;
	background-color: #fff;
	min-height: 2rem;
	display: inline-block;
 margin-top: -.1rem;
 padding-top: .28rem;
 padding-bottom: .1rem;
}
.menu-list ul {
	width: 100%;
	display: table;
	text-align: center;
}
.menu-list ul li {
	width: 1.12rem;
	height: 1.6rem;
 margin: .13rem .14rem;
	float: none;
	display: inline-block;
}
.menu-list ul li h4 {
	width: 1.1rem;
	height: 1.1rem;
	text-align: center;
	display: table;
}
.menu-list ul li h4 span {
	display: table-cell;
	vertical-align: middle;
}
.menu-list ul li h4 span img {
	height: 1rem;
border-radius: .1rem;
}
.menu-list ul li p {
 line-height: .48rem;
	color: #999999;
 font-size: .23rem;
}
.recommended {
	width: 100%;
	height: 4.8rem;
	background: url(../images/bg.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: relative;
}
h2.tits {
	text-align: center;
}
h2.tits b {
	display: block;
 line-height: .4rem;
 padding-top: .25rem;
 font-size: .3rem;
}
h2.tits i {
 font-size: .24rem;
	color: #999999;
	font-weight: normal;
 line-height: .5rem;
	display: inline-block;
}
.recom-roll {
	width: 6.7rem;
	height: 2.75rem;
 padding-top: .3rem !important;
	overflow: hidden;
}
.recom-roll ul {
	width: 100%;
	height: 100%;
}
.recom-roll ul li {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.recom-roll ul li h4 {
	width: 2.1rem;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.recom-roll ul li h4 img {
	width: 100%;
}
.recom-roll ul li h4 span {
	width: 100%;
	height: 100%;
 height: .6rem;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	bottom: 0;
 line-height: .6rem;
	text-align: center;
	color: #fff;
	font-weight: normal;
 font-size: .24rem;
}
.pageage {
	position: absolute;
 bottom:.32rem !important;
	width: 100%;
	text-align: center;
}
.pageage span {
 width: .15rem;
 height: .15rem;
	background-color: #fff;
	border-radius: 50%;
 margin: 0 .06rem !important;
	float: none;
	display: inline-block;
	opacity: 1 !important;
}
.pageage span.swiper-pagination-bullet-active {
	background-color: #333333;
}
.contact {
	width: 100%;
	height: 1.46rem;
	background-color: #fff;
	text-align: center;
}
.contact a {
	display: inline-block;
	width: 3.2rem;
 height: .8rem;
	background-color: #ff3333;
	color: #fff;
	font-weight: bold;
	text-align: center;
 line-height: .8rem;
 font-size: .26rem;
 border-radius: .1rem;
	float: none;
 margin: .32rem .14rem;
}
.case {
	width: 100%;
	display: table;
	background: #fff url() top center no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	min-height: 3rem;
}
.case h6 {
	text-align: center;
	color: #fff;
	margin: 0;
}
.case h6 b {
	display: block;
 line-height: .56rem;
 font-size: .3rem;
 margin-top: .18rem;
 color:#fff;
 b
}
.case h6 i {
 line-height: .36rem;
 font-size: .22rem;
	font-weight: normal;
}
.case-tag {
	width: 100%;
 height: .66rem;
 margin-top: .32rem;
}
.case-tag ul {
	width: 6.7rem;
 height: .66rem;
	text-align: center;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.case-tag ul li {
	width: 1.26rem;
 height: .66rem;
	background-color: #f2f2f2;
	text-align: center;
 line-height: .68rem;
	color: #333333;
 font-size: .24rem;
}
.case-tag ul li.acti {
	background-color: #ff3333;
	color: #fff;
}
.case-col {
	width: 100%;
	display: table;
}
.case-col ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
}
.case-col ul li {
	width: 3.25rem;
	height: 2.45rem;
 margin-top: .2rem;
 
}
.case-col ul li h4 {
	width: 3.23rem;
	height: 1.8rem;
	overflow: hidden;
}
.case-col ul li h4 img {
	width: 100%;
	 border: .01rem solid  #D3D1CF;
	border-bottom: none;
	padding:1px;
}
.case-col ul li p {
	width: 3.24rem;
 height: .64rem;
 border: .01rem solid #D3D1CF;
	border-top: none;
	text-align: center;
}
.case-col ul li p span {
 line-height: .64rem;
	color: #555;
 font-size: .24rem;
	position: relative;
 padding: 0 .4rem;
}
.case-col ul li p span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
 width: .1rem;
 height: .1rem;
 border: .03rem solid #cccccc;
	border-radius: 50%;
 margin-top: -.07rem;
}
.case-col ul li p span:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
 width: .1rem;
 height: .1rem;
 border: .03rem solid #cccccc;
	border-radius: 50%;
 margin-top: -.07rem;
}
.case-col ul li:nth-child(2n) {
	float: right;
}
.teacher {
	width: 100%;
	display: table;
	background-color: #fff;
}
.teacher-tag {
	width: 100%;
	margin: 0 auto;
	display: table;
}
.teacher-tag ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
 margin-top: .2rem;
}
.teacher-tag ul li {
	width: 1.52rem;
 height: .63rem;
 border: .01rem solid #cccccc;
 border-radius: .02rem;
	text-align: center;
 line-height: .63rem;
	color: #999999;
 font-size: .26rem;
}
.teacher-tag ul li.acti {
	background-color: #ff3333;
 border: .01rem solid #ff3333;
	color: #fff;
}
.teacher-col {
	height: 4rem;
	background-color: #e3e3e3;
 margin-top: .2rem;
	width: 100%;
	position: relative;
}
.teacher-col h4 {
	text-align: center;
}
.teacher-col h4 img {
	height: 3.5rem;
 margin: .5rem 0;
}
.teacher-money {
	width: 100%;
	height: 1.35rem;
}
.teacher-money h4 {
	width: 6.68rem;
 height: .73rem;
 border: .01rem solid #ff3333;
 border-radius: .05rem;
	margin: 0 auto;
 margin-top: .3rem;
}
.teacher-money h4 span {
	display: inline-block;
	width: 5.2rem;
 height: .4rem;
 line-height: .4rem;
 margin-top: .16rem;
	background: none;
 font-size: .22rem;
	float: left;
 text-indent: .26rem;
	overflow: hidden;
	color: #999;
	font-weight: normal;
}
.teacher-money h4 i {
	display: inline-block;
	width: 1.4rem;
	height: 100%;
	background-color: #ff3333;
 font-size: .2rem;
	float: right;
 border-radius: 0 .05rem .05rem 0;
	color: #fff;
 font-size: .26rem;
 line-height: .73rem;
	text-align: center;
	font-weight: normal;
}
.case-show {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.case-main {
	width: 6.7rem;
	height: 4.1rem;
	margin: 0 auto;
 margin-top: .2rem;
 
}
.case-fl-tag {
	width: 1.8rem;
	height: 100%;
}
.case-fl-tag ul {
	width: 100%;
	display: table;
}
.case-fl-tag ul li {
	width: 100%;
 height: .65rem;
	background-color: #e9e9e9;
 margin-top: .1rem;
	text-align: center;
	color: #666666;
 font-size: .24rem;
 line-height: .65rem;
}
.case-fl-tag ul li.acti {
	background-color: #ff3333;
	color: #fff;
}
.case-fr-col {
	width: 4.9rem;
	height: 100%;
}
.case-fr-col ul {
	width: 100%;
	display: table;
}
.case-fr-col ul li {
	width: 2.34rem;
	height: 1.4rem;
 margin-left: .1rem;
 margin-top: .1rem;
	overflow: hidden;
}
.case-fr-col ul li img {
	width: 100%;
}
.news {
	width: 100%;
	display: table;
	background-color: #fff;
}
.bans {
	width: 100%;
	display: table;
}
.bans img {
	width: 100%;
}
.news-tag {
	width: 100%;
	display: table;
}
.news-tag ul {
	width: 6.7rem;
	margin: 0 auto;
 height: .65rem;
 margin-top: .34rem;
	display: flex;
	justify-content: space-between;
}
.news-tag ul li {
	width: 1.6rem;
 height: .65rem;
	background-color: #e9e9e9;
	color: #666666;
 font-size: .24rem;
	text-align: center;
 line-height: .65rem;
}
.news-tag ul li.acti {
	background-color: #ff3333;
	color: #fff;
}
.news-col {
	width: 100%;
	display: table;
}
.news-col ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
 margin-top: .18rem;
}
.news-col ul li {
	width: 100%;
	height: 1.88rem;
	float: left;
 padding: .22rem 0;
 border-bottom: .01rem solid #cccccc;
}
.news-col ul li h4 {
	width: 2.15rem;
	height: 1.46rem;
	float: left;
	overflow: hidden;
}
.news-col ul li h4 img {
	width: 100%;
}
.news-col ul li div {
	width: 4.22rem;
	float: right;
	height: 1.46rem;
}
.news-col ul li div h3 {
	width: 100%;
 height: .48rem;
 line-height: .48rem;
 font-size: .24rem;
	color: #666666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-col ul li div p {
 line-height: .34rem;
 font-size: .22rem;
	text-align: justify;
	color: #999999;
	height: 1.02rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.news-col ul li:last-child {
	border-bottom: none;
}
.news h6 {
 margin: .2rem 0;
	text-align: center;
}
.news h6 a {
	display: inline-block;
	width: 6.7rem;
 height: .8rem;
	background-color: #ff3333;
	color: #fff;
 line-height: .8rem;
 font-size: .24rem;
 margin-bottom: .2rem;
}
.store {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
 padding-bottom: .2rem;
}
.store .store-col {
	height: 3.5rem;
	position: relative;
	width: 6.7rem;
	margin: 0 auto;
}
.store #certify2 {
	width: 6.7rem;
	margin: 0 auto;
	height: 3.5rem;
 margin-top: .15rem;
 margin-bottom: .3rem;
	overflow: hidden;
	position: absolute;
}
.store ul li {
	width: 6.7rem;
	display: table;
	background-color: #000;
	float: left;
 margin: 0 .1rem;
	overflow: hidden;
}
.store ul li h4, .store ul li h4 img {
	width: 100%;
}
.store ul li h4 {
	position: relative;
}
.store ul li h4 span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	display: inline-block;
 height: .65rem;
	background: rgba(0,0,0,.57);
	text-align: center;
 line-height: .65rem;
	color: #fff;
 font-size: .24rem;
	font-weight: normal;
 padding: 0 .2rem;
	overflow: hidden;
}
.store h6 {
 margin: .3rem 0;
	text-align: center;
}
.store h6 a {
	display: inline-block;
	width: 6.7rem;
 height: .8rem;
	background-color: #ff3333;
	color: #fff;
 line-height: .8rem;
 font-size: .24rem;
}
.store form {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
}
.store form div {
	width: 100%;
 height: .8rem;
	background-color: #e9e9e9;
 margin-bottom: .2rem;
}
.store form div span {
	display: inline-block;
	float: left;
 width: .8rem;
 height: .8rem;
	text-align: center;
}
.store form div span img {
 height: .4rem;
 margin-top: .2rem;
}
.store form div label {
 line-height: .8rem;
 font-size: .26rem;
	color: #333333;
 letter-spacing: .02rem;
	width: 1rem;
	display: inline-block;
	float: left;
 height: .8rem;
}
.store form div input[type="text"] {
	width: 4.1rem;
 height: .4rem;
	border: none;
 margin-top: .2rem;
	float: left;
 font-size: .26rem;
	color: #333;
}
.store form div:nth-child(2) span img {
 height: .32rem;
 margin-top: .24rem;
}
.store form div select {
	width: 6rem;
 height: .4rem;
 font-size: .26rem;
	border: none;
	background: none;
	text-align: center;
 margin-top: .2rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
 margin-left: .4rem;
	color: #333;
	padding: 0 .3%;
}
.store form div select option {
	color: #333;
	text-align: center;
	width: 100%;
}
.store form div.sele {
	position: relative;
 margin-bottom: .2rem;
}
.store form .sele-problem {
	height: auto;
	display: table;
	display: none;
}
.store form .sele-problem .sele-txt {
	width: 100%;
	height: 5.2rem;
	background: none;
 line-height: .5rem;
	color: #444;
 padding: .15rem;
 font-size: .26rem;
}
.store form div.sele:after {
	content: '';
	position: absolute;
 top: .17rem;
 right: .45rem;
 width: .45rem;
 height: .45rem;
	background: url(../images/ic15.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	pointer-events: none;
}
.store form div input[type='submit'] {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #ff3333;
	
	color: #fff;
	font-weight: bold;
 font-size: .26rem;
}
footer {
	width: 100%;
	height: 5rem;
	background: url(../images/footbg.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin-top: .4rem;
	position: relative;
	padding-top:.7rem;
}
footer h4 {
	text-align: center;
}
footer h4 img {
 height: .9rem;
 margin-top: .22rem;
}
footer h3 {
	text-align: center;
	color: #fff;
	 padding-bottom: .25rem;
}
footer h3 b {
	display: block;
 font-size: .48rem;

}
footer h3 i {
 font-size: .3rem;
	font-weight: normal;
	display: block;
 padding-top: .15rem;
}
footer p {
	text-align: center;
	width: 6.7rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
 padding-top: .2rem;
}
footer p a {
	display: inline-block;
	width: 2.15rem;
 height: .7rem;
	background-color: rgba(255,255,255,.6);
 border-radius: .05rem;
 line-height: .7rem;	
 font-size: .26rem;
}
footer h6 {
	text-align: center;
	width: 100%;
 height: .8rem;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,.7);
	margin: 0;
 line-height: .8rem;
	font-weight: bold;
 font-size: .3rem;
}
footer h6 a {
	color: #fff;
}
.fix-menu {
	width: 7.5rem;
	background-color: #3b3b6a;
	height: 1.2rem;
	position: fixed;
	left: 50%;
	bottom: 0;
	margin-left: -3.75rem;
	z-index: 99;
}
.fix-menu ul {
	width: 100%;
	height: 100%;
}
.fix-menu ul li {
	width: 25%;
	height: 100%;
	text-align: center;
}
.fix-menu ul li h4 {
	width: 100%;
 height: .52rem;
	text-align: center;
	display: table;
 margin-top: .18rem;
}
.fix-menu ul li h4 span {
	display: table-cell;
	vertical-align: middle;
}
.fix-menu ul li h4 span img {
 height: .52rem;
}
.fix-menu ul li p {
	color: #fff;
 font-size: .24rem;
 line-height: .4rem;
}
.fix-menu ul li.acti {
	background-color: #ff3333;
}
.null-tops {
	width: 100%;
	height: 1.1rem;
}
.tops {
	width: 7.5rem;
	height: 1.1rem;
	background-color: #fff;
 box-shadow: 0 .1rem .2rem rgba(0,0,0,.3);
	z-index: 999;
	position: fixed;
	left: 50%;
	top: 0;
	margin-left: -3.75rem;
}
.tops h2 {
	text-align: center;
	color: #fff;
	line-height: 1.1rem;
	font-weight: normal;
 font-size: .34rem;
 letter-spacing: .02rem;
	position: relative;
}
.tops h2 input.sea-sub {
 height: .5rem;
	position: absolute;
	right: 1.4rem;
 top: .3rem;
	cursor: pointer;
 width: .5rem;
	background: url(../images/sea-ico.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.tops h2 input.sea-txt {
	width: 5rem;
 height: .7rem;
	background-color: #fff;
 border-radius: .05rem;
	float: left;
	border: none;
	margin-left: 1.25rem;
 margin-top: .2rem;
 padding-left: .2rem;
 font-size: .26rem;
	color: #333;
}
.tops span.retu {
	display: block;
	position: absolute;
 left: .4rem;
 top: .3rem;
 width: .27rem;
 height: .46rem;
	background: url(../images/retu.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.tops span.cont {
	display: block;
	position: absolute;
 right: .4rem;
 top: .27rem;
 width: .52rem;
 height: .52rem;
	background: url(../images/cont.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.banr {
	width: 100%;
	display: table;
	position: relative;

}
.banr-mt {
	margin-top: 1.1rem;
}
.banr .location {
	position: absolute;
 left: .4rem;
	bottom: 0;
 height: .6rem;
 line-height: .6rem;
	padding: 0 0.2rem;
	
	color: #fff;
 line-height: .7rem;
	text-align: left;
 font-size: .24rem;
	z-index: 9;
	font-weight: normal;
	border-radius: 5px 5px 0 0;
}
.banr .location a {
	color: #fff
}
.banr img {
	/*width: 100%;*/
}
.case-list {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
 padding-bottom: .2rem;
}
.case-list ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
}
.case-list ul li {
	width: 100%;
	display: table;
 padding: .2rem 0;
}
.case-list ul li h5 {
	width: 100%;
 height: .8rem;
	background-color: #cccccc;
	text-align: center;
	position: relative;
}
.case-list ul li h5 span {
	display: inline-block;
	width: 1.8rem;
	height: 100%;
	background: #cccccc url(../images/ic16.png) center no-repeat;
 -webkit-background-size: 1.57rem .47rem;
 background-size: 1.57rem .47rem;
	text-align: center;
	margin: 0 auto;
	z-index: 99;
	position: relative;
}
.case-list ul li h5:after {
	content: '';
	position: absolute;
	left: 0;
 top: .37rem;
	width: 100%;
 height: .01rem;
	background-color: #fff;
}
.case-list ul li h5 span img {
 height: .4rem;
 margin-top: .2rem;
}
.case-inform {
	width: 100%;
	display: table;
 margin-top: .52rem;
}
.case-inform h4 {
	width: 2.38rem;
	height: 2.7rem;
 border: .01rem solid #cccccc;
	float: left;
	overflow: hidden;
}
.case-inform h4 img {
	width: 100%;
}
.case-intr {
	width: 4.06rem;
	height: 2.7rem;
}
.case-intr h3 {
	width: 100%;
 height: .88rem;
 line-height: .88rem;
}
.case-intr span {
 width: .7rem;
	height: 100%;
	float: left;
	display: inline-block;
}
.case-intr h3 span img {
 height: .36rem;
 margin-top: .26rem;
	float: left;
}
.case-intr h3 b {
 line-height: .88rem;
	color: #333333;
 font-size: .3rem;
}
.case-intr h6 {
	margin: 0;
	width: 100%;
	display: table;
}
.case-intr h6 span img {
 height: .35rem;
 margin-top: .05rem;
}
.case-intr h6 em {
 font-size: .24rem;
	font-weight: normal;
	color: #666666;
 line-height: .44rem;
	width: 3.34rem;
	display: inline-block;
	float: right;
}
.case-list ul li p {
	width: 100%;
	display: table;
 margin-top: .35rem;
 padding-bottom: .1rem;
}
.case-list ul li p span {
	display: block;
	width: 100%;
 height: .26rem;
	position: relative;
}
.case-list ul li p span:after {
	content: '';
	position: absolute;
	left: 0;
 top: .13rem;
	width: 100%;
 height: .01rem;
	background-color: #cccccc;
}
.case-list ul li p span em {
	display: inline-block;
	float: left;
	width: 1.45rem;
	height: 100%;
	background-color: #fff;
	position: relative;
	z-index: 9;
 padding-left: .35rem;
 font-size: .24rem;
	font-weight: bold;
}
.case-list ul li p span em:after {
	content: '';
	position: absolute;
	left: 0;
 top: .01rem;
 width: .14rem;
 height: .24rem;
	background-color: #333333;
 border-radius: .1rem;
}
.case-list ul li p b {
	display: block;
	width: 100%;
	font-weight: normal;
 font-size: .24rem;
 line-height: .44rem;
	color: #999999;
	text-align: justify;
 margin-top: .1rem;
}
.case-list span.more {
	display: block;
	text-align: center;
	cursor: pointer;
}
.case-list span.more img {
 height: .3rem;
}
.case-list span.more i {
	display: block;
	text-align: center;
	color: #666666;
 font-size: .24rem;
 line-height: .4rem;
}
.contact-bgn {
	background-color: #f8f8f8;
}
.contact-bgn a {
 border-radius: .02rem;
}
.service {
	width: 100%;
	display: table;
	background: url(../images/bg4.jpg) center top no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	min-height: 3rem;
 margin-top: .2rem;
 padding-bottom: .5rem;
}
.service h5 {
	width: 100%;
	height: 1.45rem;
	background: rgba(255,255,255,.2);
	text-align: center;
}
.service h5 b {
	color: #fff;
	display: block;
 font-size: .3rem;
 padding-top: .44rem;
}
.service h5 span {
	display: block;
	width: 6.7rem;
 height: .5rem;
	margin: 0 auto;
 line-height: .5rem;
	position: relative;
	font-weight: normal;
 font-size: .22rem;
	color: #fff;
}
.service h5 span i {
 width: .92rem;
 height: .01rem;
	background-color: #fff;
	display: block;
	position: absolute;
 top: .23rem;
}
.service h5 span i.fl {
	left: 0;
}
.service h5 span i.fr {
	right: 0;
}
.service h5 span i.fl:after {
	content: '';
	position: absolute;
 right: -.12rem;
 top: -.05rem;
 width: .08rem;
 height: .08rem;
 border: .02rem solid #fff;
	border-radius: 50%;
}
.service h5 span i.fr:after {
	content: '';
	position: absolute;
 left: -.12rem;
 top: -.05rem;
 width: .08rem;
 height: .08rem;
 border: .02rem solid #fff;
	border-radius: 50%;
}
.serv-list {
	width: 100%;
	display: table;
 margin-top: .1rem;
 padding-bottom: .3rem;
}
.serv-list ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
}
.serv-list ul li {
	width: 3.13rem;
 height: .68rem;
 border: .01rem solid #d9d9d9;
 border-radius: .02rem;
	background-color: #fbfbfb;
 margin-top: .2rem;
	text-align: left;
 line-height: .68rem;
 font-size: .23rem;
	color: #666666;
	padding-left:10px;
}
.serv-list ul li:nth-child(2n) {
	float: right;
}
.serv-receive {
	width: 6.7rem;
	display: table;
	min-height: 2rem;
	background-color: #fffeeb;
	position: relative;
 box-shadow: 0 .05rem .2rem rgba(0,0,0,.3);
 padding-bottom: .2rem;
}
.serv-receive h5 {
	width: 100%;
 height: .6rem;
	background: url(../images/bg5.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
 line-height: .6rem;
 font-size: .2rem;
}
.serv-receive table {
	width: 6.35rem;
	margin: 0 auto;
	display: table;
 margin-top: .2rem;
}
.serv-receive table tr td {
 font-size: .20rem;
	color: #333333;
	text-align: center;
 height: .5rem;
}
.serv-receive table tr {
	width: 100%;
}
.serv-receive table tr:nth-child(2n+1) {
	background-color: #f1efd3;
}
.serv-receive table tr td b {
	color: #ff3333;
}
.mobile-wrap-mbn {
	margin-bottom: 0;
}
.main {
	width: 100%;
 padding: 0 .4rem;
	display: table;
	background-color: #fff;
 padding-bottom: .3rem;
}
.about {
	width: 100%;
 padding: 0 .4rem;
	display: table;
	background-color: #fff;
 padding-bottom: .3rem;
}
.about p {
	color: #666666;
 line-height: .4rem;
 margin-top: .2rem;
	text-align: justify;
 font-size: .26rem;
}
.about img {
	width: 100%;
	margin: 5px auto;
	text-align: center
}
h2.tit {
	width: 6.7rem;
 height: .7rem;
	margin: 0 auto;
 margin-top: .35rem;
	position: relative;
}
h2.tit:after {
	content: '';
	position: absolute;
	left: 0;
 top: .35rem;
	width: 100%;
 height: .01rem;
	background-color: #cccccc;
}
h2.tit span {
	position: relative;
	z-index: 9;
	width: auto;
	background-color: #f6f6f6;
	height: 100%;
	display: block;
	float: left;
	padding-left: 0.2rem;
 padding-top: .05rem;
}
h2.tit span b {
	width: auto;
	height: 100%;
	float: right;
	display: block;
 padding-right: .2rem;
}
h2.tit span b i {
	font-weight: normal;
 font-size: .18rem;
	display: block;
	color: #999999;
	font-family: arial;
}
h2.tit span b em {
 font-size: .26rem;
	color: #444;
}
h2.tit span img {
	position: absolute;
 left: .42rem;
 top: -.13rem;
 height: .96rem;
}
.bans-mt {
 margin-top: .2rem;
}
.teac h2.tit span img {
	height: 1.02rem;
 top: -.24rem;
}
.process {
	width: 100%;
	display: table;
	background-color: #fff;
}
.process ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
 margin-top: .1rem;
}
.process ul li {
	width: 3.25rem;
	height: 3rem;
 margin-top: .2rem;
}
.process ul li h5 {
	width: 100%;
 height: .8rem;
 border-top: 0rem solid #ff3333;
	
	text-align: center;
	color: #000;
 font-size: .23rem;
 line-height: .54rem;
	position: relative;
}
.process ul li h5 span {
	display: inline-block;
 width: .6rem;
 height: .6rem;
	background-color: #ff9c01;
	border-radius: 50%;
	text-align: center;
	position: absolute;
 line-height: .6rem;
	left: 50%;
 bottom: -.35rem;
 margin-left: -.35rem;
}
.process ul li h5 span img {
 height: .26rem;
 margin-top: -.05rem;
}
.process ul li p {
	width: 3.25rem;
	height: 1.92rem;
 border: .01rem solid #e2e2e2;
 padding: .4rem .2rem 0 .2rem;
 line-height: .36rem;
 font-size: .24rem;
	text-align: justify;
	color: #555;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.process ul li:nth-child(2n) {
	float: right;
}
.about-honor {
	width: 100%;
	display: table;
	background-color: #fff;

 padding-bottom: .3rem;
}
.about-honor ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
 margin-top: .2rem;
}
.about-honor ul li {
	width: 3.14rem;
	height: 2.05rem;
 border: .02rem solid #ccc;
 margin-top: .2rem;
	overflow: hidden;
	border-radius:6px;
	padding:1px;
}
.about-honor ul li img {
	width: 100%; height:100%;border-radius:4px;
}
.about-honor ul li:nth-child(2n) {
	float: right;
}
.sales {
	width: 100%;
	display: table;
	background-color: #fff;
 padding-bottom: .3rem;
}
.sales ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
 margin-top: .2rem;
}
.sales ul li {
	width: 100%;
	height: 2.2rem;
 margin-top: .3rem;
}
.sales ul li h4 {
	width: 3rem;
	height: 2.2rem;
	float: left;
	overflow: hidden;
}
.sales ul li h4 img {
	width: 100%;
}
.sales ul li div {
	width: 3.68rem;
	height: 1.9rem;
 margin-top: .3rem;
	background-color: #f8f8f8;
	float: left;
 padding-left: .25rem;
}
.sales ul li div h3 {
	color: #666666;
 font-size: .24rem;
 line-height: .52rem;
 margin-top: .2rem;
}
.sales ul li div p {
 padding-right: .2rem;
 font-size: .2rem;
	color: #666666;
 line-height: .34rem;
	text-align: justify;
	height: 1.02rem;
	overflow: hidden;
}
.sales ul li:nth-child(2n) h4 {
	float: right;
}
.sales ul li:nth-child(2n) div h3 {
	text-align: right;
 padding-right: .2rem;
}
.envir-intr {
	background-color: #fff;
	width: 100%;
 padding-bottom: .2rem;
	display: table;
 margin-top: .2rem;
}
.envir-intr ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
 margin-top: .15rem;
}
.envir-intr ul li {
	width: 3.23rem;
	height: 1.03rem;
 border: .01rem solid #dfdfdf;
	background-color: #f5f5f5;
 margin-top: .4rem;
	position: relative;
}
.envir-intr ul li h4 {
	width: 1.8rem;
 height: .42rem;
	background-color: #666666;
	margin: 0 auto;
 top: -.22rem;
	position: relative;
	text-align: center;
 line-height: .42rem;
	color: #fff;
 font-size: .24rem;
}
.envir-intr ul li p {
	text-align: center;
 font-size: .22rem;
	color: #666666;
 padding: 0 .2rem;
 line-height: .3rem;
	position: relative;
 top: -.1rem;
}
.envir-intr ul li:nth-child(2n) {
	float: right;
}
.teac-envir {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
h5.titm {
	text-align: center;
}
h5.titm b {
 line-height: .5rem;
	display: block;
 font-size: .3rem;
	color: #333333;
 margin-top: .24rem;
}
h5.titm span {
	width: 6.7rem;
 height: .32rem;
	display: inline-block;
	position: relative;
}
h5.titm span:after {
	content: '';
	position: absolute;
	left: 0;
 top: .16rem;
	width: 100%;
 height: .01rem;
	background-color: #cccccc;
}
h5.titm span em {
	display: inline-block;
	background-color: #fff;
 padding: 0 .32rem;
 line-height: .3rem;
	font-weight: normal;
	color: #999999;
 font-size: .24rem;
	position: relative;
	z-index: 3;
}
h5.titm span em big {
	color: #555;
 font-size: .28rem;
	font-weight: bold;
}
h5.titm span em:after {
	content: '';
	position: absolute;
	left: 0;
 top: .1rem;
 width: .07rem;
 height: .07rem;
 border: .03rem solid #d2d2d2;
	border-radius: 50%;
}
h5.titm span em:before {
	content: '';
	position: absolute;
	right: 0;
 top: .1rem;
 width: .07rem;
 height: .07rem;
 border: .03rem solid #d2d2d2;
	border-radius: 50%;
}
.teac-roll {
	width: 6.7rem;
	height: 5.5rem;
	overflow: hidden;
	position: relative;
}
.teac-roll ul {
	width: 100%;
	height: 100%;
}
.teac-roll ul li {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
.teac-roll ul li h4 {
	width: 2.1rem;
	height: 2.3rem;
	position: relative;
 margin-bottom: .2rem;
	overflow: hidden;
}
.teac-roll ul li h4 img {
	width: 100%;
}
.teac-roll ul li h4 span {
	width: 100%;
	height: 100%;
 height: .6rem;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	bottom: 0;
 line-height: .6rem;
	text-align: center;
	color: #fff;
	font-weight: normal;
 font-size: .24rem;
}
.teac-roll .pageage {
	position: absolute;
	bottom: 0rem !important;
	width: 100%;
	text-align: center;
}
.teac-roll .pageage span {
 width: .15rem;
 height: .15rem;
	background-color: #cccccc;
	border-radius: 50%;
 margin: 0 .06rem !important;
	float: none;
	display: inline-block;
	opacity: 1 !important;
}
.teac-roll .pageage span.swiper-pagination-bullet-active {
	background-color: #ff3333;
}
.contact-tea a {
 border-radius: .02rem;
 margin: .3rem .27rem;
}
.scene {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
 padding-bottom: .2rem;
}
.scene h4 {
	width: 6.7rem;
	height: 2.7rem;
	margin: 0 auto;
 margin-top: .2rem;
	position: relative;
}
.scene h4 img {
	width: 100%;
}
.scene h4 span.play {
	display: inline-block;
 width: .75rem;
 height: .75rem;
	background: url(../images/ic32.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	top: 50%;
 margin-left: -.38rem;
 margin-top: -.38rem;
}
.student {
 padding-bottom: .3rem;
}
.advs {
	width: 100%;
	height: 1.45rem;
	background: url(../images/bannar6.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin-top: .2rem;
}
.advs h4 {
	text-align: center;
	color: #fff;
}
.advs h4 b {
 line-height: .9rem;
	display: block;
 font-size: .3rem;
}
.advs h4 i {
	font-weight: normal;
 font-size: .22rem;
}
.model-ban {
	width: 100%;
	height: 3.5rem;
	background: url(../images/bannar7.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	text-align: center;
}
.model-ban h4 {
	width: 4.02rem;
 height: .55rem;
	background: rgba(255,255,255,.28);
 border-radius: .1rem;
	margin: 0 auto;
	text-align: center;
	color: #fff;
 line-height: .55rem;
	display: inline-block;
 font-size: .3rem;
	margin-top: 2.3rem;
}
.model-list {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.model-list ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
 margin-top: .2rem;
}
.model-list ul li {
	width: 100%;
	display: table;
 margin-bottom: .4rem;
}
.model-list ul li h4 {
	width: 100%;
	height: 3.46rem;
	position: relative;
	overflow: hidden;
}
.model-list ul li h4 span {
	display: inline-block;
 width: .72rem;
 height: .72rem;
 border: .01rem solid #fff;
	border-radius: 50%;
	position: absolute;
 right: .2rem;
	text-align: center;
 top: .2rem;
}
.model-list ul li h4 span em {
	display: inline-block;
 width: .5rem;
 height: .5rem;
	background: url(../images/ic33.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin-top: .11rem;
 line-height: .5rem;
	color: #fff;
 font-size: .36rem;
	font-family: arial;
}
.model-list ul li h4 img {
	width: 100%;
}
.model-list ul li div {
	width: 6.7rem;
	height: 1.66rem;
 border: .01rem solid #ccc;
	border-top: none;
}
.model-list ul li div h3 {
	text-align: center;
 line-height: .78rem;
 font-size: .3rem;
}
.model-list ul li div h3 span {
	display: inline-block;
 padding: 0 .44rem;
	position: relative;
}
.model-list ul li div h3 span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
 width: .1rem;
 height: .1rem;
 border: .03rem solid #cccccc;
	border-radius: 50%;
 margin-top: -.07rem;
}
.model-list ul li div h3 span:before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
 width: .1rem;
 height: .1rem;
 border: .03rem solid #cccccc;
	border-radius: 50%;
 margin-top: -.07rem;
}
.model-list ul li div p {
	text-align: center;
	width: 100%;
	display: table;
}
.model-list ul li div p i {
	display: inline-block;
	width: 1.68rem;
 height: .58rem;
 border: .01rem solid #cccccc;
	background-color: #f6f6f6;
	text-align: center;
 line-height: .58rem;
 margin: 0 .2rem;
 border-radius: .04rem;
}
.model-list ul li:last-child {
	margin: 0;
}
.contact-m {
	height: 1.2rem;
}
.contact-m a {
 margin: .3rem .27rem;
	width: 2rem;
 height: .6rem;
 line-height: .6rem;
 border-radius: .05rem;
	font-weight: normal;
}
.problem {
	width: 100%;
	display: table;
	background-color: #fff;
}
.problem h6 {
	text-align: center;
 margin: .3rem 0;
}
.problem h6 img {
 height: .32rem;
}
.problem h6 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
.problem h4 {
 padding-left: .86rem;
 margin-top: .36rem;
 font-size: .26rem;
 position: relative;
 color:#F30;
}
.problem h4 b {
	display: block;
}
.problem h4 em {
	background-color: #666;
	color: #fff;
 line-height: .4rem;
	font-weight: normal;
 font-size: .24rem;
 padding: 0 .26rem;
 height: .4rem;
	display: inline-block;
 border-radius: .05rem;
 margin-top: .18rem;
	position: relative;
}
.problem ul {
 padding-left: .9rem;
 padding-right: .4rem;
	display: table;
 margin-top: .3rem;
	position: relative;
}
.problem ul li {
 margin-bottom: .2rem;
}
.problem ul li h3 {
    line-height: .36rem;
	color: #000;
	position: relative;
	font-size:.26rem;
}
.problem ul li p {
    font-size: .22rem;
	text-align: justify;
    line-height: .4rem;
    margin-top: .15rem;
}
.problem ul:after {
	content: '';
	position: absolute;
 left: .55rem;
	top: 0;
 width: .01rem;
	height: 100%;
 border-left: .01rem dashed #cccccc;
}
.problem h4:after {
	content: '';
	position: absolute;
 left: .55rem;
 top: .1rem;
 width: .01rem;
	height: 140%;
 border-left: .01rem dashed #cccccc;
}
.problem ul li h3 i {
	display: block;
	position: absolute;
 left: -.52rem;
	top: 0;
 width: .38rem;
 height: .38rem;
	background: #ff3333;
	color: #fff;
 font-size: .24rem;
	font-weight: normal;
	border-radius: 50%;
	text-align: center;
	font-family: arial;
	z-index: 9;
 line-height: .4rem;
}
.problem ul li:last-child {
	margin-bottom: 0;
}
.problem h4:before {
	content: '';
	position: absolute;
 left: .4rem;
 top: .02rem;
 width: .2rem;
 height: .2rem;
	background-color: #fff;
	border-radius: 50%;
 border: .05rem solid #ff3333;
	z-index: 9;
}
.problem h4 em:after {
	content: '';
	position: absolute;
 left: -.32rem;
	top: 50%;
 width: .32rem;
 height: .01rem;
	background-color: #cccccc;
}
.case-info {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.case-info h5 {
	text-align: center;
 height: .7rem;
 margin: .4rem 0;
	background: url(../images/bg6.png) center no-repeat;
 -webkit-background-size: 4.52rem .72rem;
 background-size: 4.52rem .72rem;
 line-height: .7rem;
	color: #fff;
 font-size: .3rem;
}
.case-info ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
 margin-bottom: .4rem;
}
.case-info ul li {
	width: 100%;
 height: .66rem;
	background-color: #f5f5f5;
	overflow: hidden;
}
.case-info ul li h4 {
 width: .66rem;
	height: 100%;
	float: left;
	background-color: #fff;
}
.case-info ul li h4 img {
 height: .66rem;
}
.case-info ul li p {
 line-height: .66rem;
 margin-left: .2rem;
	float: left;
	color: #666666;
 font-size: .24rem;
	width: 5.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.case-info ul li p em {
	color: #999999;
}
.case-info ul li:nth-child(2n) {
	background-color: #fff;
}
.case-info h6 {
	width: 100%;
	height: 1.08rem;
	background-color: #f1f1f1;
	text-align: center;
	margin: 0;
	line-height: 1.08rem;
 font-size: .3rem;
}
.case-info h6 b, .case-info h6 span, .case-info h6 em {
	display: inline-block;
	float: none;
 margin: 0 .05rem;
}
.case-info h6 b {
	color: #666666;
}
.case-info h6 em {
	color: #ff3333;
}
.case-info h6 span {
	width: 3.32rem;
 height: .3rem;
 border: .06rem solid #fff;
 border-radius: .3rem;
	background-color: #e5dada;
	position: relative;
 top: .05rem;
	overflow: hidden;
}
.case-info h6 span i {
	width: 100%;
	height: 100%;
	background-color: #cccc00;
	display: block;
}
.case-photo {
	width: 100%;
	display: table;
	background-color: #fff;
}
.case-photo h4 {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
 margin-top: .4rem;
	display: flex;
	justify-content: space-between;
}
.case-photo h4 img {
	height: 1.8rem;
}
.case-photo p {
 padding: .3rem .4rem;
 line-height: .4rem;
	color: #666666;
 font-size: .24rem;
	text-align: justify;
 text-indent: .48rem;
}
.case-menu {
	width: 100%;
	display: table;
 margin-top: .2rem;
	background-color: #fff;
}
.case-menu h5 {
	text-align: center;
	color: #333333;
 font-size: .3rem;
	line-height: 1rem;
}
.case-menu ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
.case-menu ul li {
	width: 2.1rem;
	height: 2.3rem;
 margin-bottom: .1rem;
}
.case-menu ul li h4 {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.case-menu ul li h4 img {
	width: 100%;
}
.case-menu ul li h4 span {
	width: 100%;
 height: .55rem;
	background: rgba(0,0,0,.5);
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	text-align: center;
 line-height: .55rem;
	color: #fff;
	font-weight: normal;
}
.case-teacher {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
 padding-bottom: .2rem;
}
.case-teacher h5 {
	text-align: center;
	line-height: 1rem;
 font-size: .3rem;
	color: #333333;
}
.case-teacher ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
	display: table;
}
.case-teacher ul li {
	width: 3.25rem;
	height: 2.1rem;
 margin-bottom: .2rem;
}
.case-teacher ul li h4 {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.case-teacher ul li h4 img {
	width: 100%;
}
.case-teacher ul li h4 span {
	width: 100%;
 height: .55rem;
	background: rgba(0,0,0,.5);
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	text-align: center;
 line-height: .55rem;
	color: #fff;
	font-weight: normal;
 font-size: .2rem;
}
.case-teacher ul li:nth-child(2n) {
	float: right;
}
.case-store {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
	height: 4.6rem;
	position: relative;
}
h5.tits {
	text-align: center;
}
h5.tits b {
 line-height: .5rem;
	display: block;
 font-size: .3rem;
	color: #333333;
 margin-top: .22rem;
}
h5.tits span {
	width: 6.7rem;
 height: .32rem;
	display: inline-block;
	position: relative;
 font-size: .24rem;
}
h5.tits span:after {
	content: '';
	position: absolute;
	left: 0;
 top: .16rem;
	width: 100%;
 height: .01rem;
	background-color: #cccccc;
}
h5.tits span em {
	display: inline-block;
	background-color: #fff;
 padding: 0 .32rem;
 line-height: .3rem;
	font-weight: normal;
	color: #999999;
 font-size: .24rem;
	position: relative;
	z-index: 9;
}
h5.tits span em:after {
	content: '';
	position: absolute;
	left: 0;
 top: .1rem;
 width: .07rem;
 height: .07rem;
 border: .03rem solid #d2d2d2;
	border-radius: 50%;
}
h5.tits span em:before {
	content: '';
	position: absolute;
	right: 0;
 top: .1rem;
 width: .07rem;
 height: .07rem;
 border: .03rem solid #d2d2d2;
	border-radius: 50%;
}
.case-store-roll {
	width: 6.7rem;
	height: 2.75rem;
 padding-top: .3rem !important;
	overflow: hidden;
}
.case-store-roll ul {
	width: 100%;
	height: 100%;
}
.case-store-roll ul li {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.case-store-roll ul li h4 {
	width: 2.1rem;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.case-store-roll ul li h4 img {
	width: 100%;
}
.case-store-roll ul li h4 span {
	width: 100%;
	height: 100%;
 height: .6rem;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	bottom: 0;
 line-height: .6rem;
	text-align: center;
	color: #fff;
	font-weight: normal;
 font-size: .24rem;
}
.case-store-roll .pageage {
	position: absolute;
 bottom:.32rem !important;
	width: 100%;
	text-align: center;
}
.case-store-roll .pageage span {
 width: .15rem;
 height: .15rem;
	background-color: #cccccc;
	border-radius: 50%;
 margin: 0 .06rem !important;
	float: none;
	display: inline-block;
	opacity: 1 !important;
}
.case-store-roll .pageage span.swiper-pagination-bullet-active {
	background-color: #ff3333;
}
.store-mt {
	margin-top: 0;
}
.school {
	width: 100%;
	height: 4.5rem;
	background-color: #fff;
	position: relative;
}
.school div {
 margin-left: .76rem;
 margin-top: .7rem;
	height: 3rem;
	float: left;
	position: relative;
	background-color: #fff;
	z-index: 9;
 padding:.2rem;
}
.school:after {
	content: '';
	position: absolute;
 left: .4rem;
 top: .3rem;
	width: 1.78rem;
	height: 2.88rem;
 border: .01rem solid #bababa;
}
.school div h3 {
 line-height: .62rem;
 font-size: .3rem;
	color: #333333;
	float: left;
 margin-right: .3rem;
}
.school div h3 i {
	display: inline-block;
	float: right;
 width: .72rem;
 height: .34rem;
	background-color: #ff3333;
	color: #fff;
 border-radius: .1rem;
 margin-top: .14rem;
 margin-left: .2rem;
	text-align: center;
 line-height: .34rem;
	font-weight: normal;
 font-size: .2rem;
	font-weight: bold;
}
.school div p {
 height: .44rem;
	float: left;
}
.school div p span {
 width: .56rem;
	float: left;
	height: 100%;
}
.school div p span img {
 height: .34rem;
 margin-top: .05rem;
	float: left;
}
.school div p em {
	float: left;
	display: inline-block;
	width: auto;
 line-height: .44rem;
	color: #999999;
 font-size: .2rem;
}
.school div p em b {
	color: #333333;
	font-weight: normal;
	width: 1.1rem;
	height: 100%;
	float: left;
	display: block;
}
.school div p em small {
 font-size: .2rem;
	color: #ff3333;
	font-weight: bold;
	font-family: arial
}
.school div img.sh {
	position: absolute;
 right: .5rem;
 top: -.4rem;
	height: 3.11rem;
}
.school-line {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
 padding-bottom: .3rem;
}
.school-line h5 span {
	display: block;
	width: 4.06rem;
 height: .6rem;
	background-color: #ff3333;
 line-height: .6rem;
	color: #fff;
	float: left;
 margin-left: .4rem;
 margin-top: .3rem;
 font-size: .24rem;
	text-align: center;
}
.school-line ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
}
.school-line ul li {
	width: 100%;
	display: table;
 border-bottom: .01rem solid #e4e4e4;
 padding: .25rem 0;
}
.school-line ul li h6 {
	margin: 0;
 padding-left: .25rem;
 font-size: .2rem;
	color: #333333;
 line-height: .44rem;
}
.school-line ul li h6 span {
	display: block;
	position: relative;
}
.school-line ul li h6 span:after {
	content: '';
	position: absolute;
 left: -.28rem;
 top: .14rem;
 width: .1rem;
 height: .2rem;
	background-color: #ff3333;
 border-radius: .05rem;
}
.school-line ul li p {
 padding: 0 .25rem;
	color: #666666;
 font-size: .2rem;
 line-height: .36rem;
	text-align: justify;
}
.school-line h4 {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
	overflow: hidden;
}
.school-line h4 img {
	width: 100%;
}
.combined {
	width: 100%;
	height: 6.57rem;
 margin-top: .2rem;
	background: url(../images/bg7.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.combined h5 {
	text-align: center;
	height: 1rem;
}
.combined h5 img {
 height: .35rem;
 margin-top: .3rem;
}
.combined-col {
	width: 6.7rem;
	height: 5.2rem;
	background-color: #fff;
	margin: 0 auto;
 padding-top: .3rem;
}
.comb-list:nth-child(2n) {
	background-color: #f2f2f2;
}
.comb-list {
	width: 6.16rem;
	margin: 0 auto;
 height: .56rem;
}
.combined-col ul {
	width: 100%;
	height: 100%;
}
.combined-col ul li {
	width: 25%;
 height: .56rem;
 line-height: .56rem;
	text-align: center;
	overflow: hidden;
	padding: 0 1%;
}
.combined-col ul li a {
 font-size: .24rem;
	color: #333333;
}
.combined-col ul li:hover a {
	color: #f00;
}
.all-list {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.all-list ul {
	padding-left: 1.7rem;
	display: table;
 padding-top: .6rem;
	position: relative;
}
.all-list ul li {
	width: 5.45rem;
	display: table;
	min-height: 1rem;
	position: relative;
	z-index: 9;
}
.all-list ul li h4 {
	width: 100%;
	height: 1.3rem;
	position: relative;
}
.all-list ul li h4 span {
	width: 1.08rem;
	height: 1.08rem;
 border: .01rem solid #cfcfcf;
	display: block;
	position: absolute;
	left: -1.26rem;
 top: -.18rem;
	z-index: 9;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
}
.all-list ul li h4 span em {
 width: .92rem;
 height: .92rem;
	display: inline-block;
	text-align: center;
	color: #fff;
 font-size: .34rem;
	background-color: #ff3333;
	border-radius: 50%;
	margin: 0 auto;
 margin-top: .08rem;
	font-family: arial;
 line-height: .92rem;
}
.all-list ul li h4 b {
 height: .5rem;
 line-height: .5rem;
	color: #fff;
 padding: 0 .2rem;
 font-size: .24rem;
	background-color: #ff3333;
	display: inline-block;
 margin-top: .1rem;
 border-radius: .03rem;
	position: relative;
}
.all-list ul li h4 b:after {
	content: '';
	position: absolute;
 left: -.12rem;
	top: 50%;
	width: 0;
	height: 0;
 margin-top: -.08rem;
 border-top: .08rem solid transparent;
 border-right: .12rem solid #ff3333;
 border-bottom: .08rem solid transparent;
}
.all-list ul li h4 i {
	display: inline-block;
	color: #666666;
 font-size: .2rem;
	font-weight: normal;
 line-height: .66rem;
}
.all-list ul li h3 {
	width: 100%;
	display: table;
	min-height: 2rem;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
.all-list ul li h3 img {
	width: 1.67rem;
	height: 1.8rem;
 margin-bottom: .2rem;
}
.all-list ul:after {
	content: '';
	position: absolute;
 left: .96rem;
	top: 0;
 width: .01rem;
	height: 100%;
 border-left:.01rem dashed #ff3333;
}
.all-list ul li:last-child {
 margin-bottom: -.2rem;
}
.all-list h6 {
	text-align: center;
 margin: .3rem 0;
}
.all-list h6 img {
 height: .32rem;
}
.all-list h6 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
.propaganda {
	width: 100%;
	height: 4.58rem;
 margin-top: .2rem;
	background: url(../images/bg8.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.propaganda h5 {
	text-align: center;
 line-height: .9rem;
}
.propaganda h5 img {
 height: .36rem;
}
.prog-col {
	width: 6.88rem;
	height: 3.37rem;
	background: url(../images/bg9.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 border-radius: .1rem;
	text-align: center;
}
.prog-col p {
 font-size: .24rem;
	color: #333333;
 line-height: .58rem;
 padding-top: .4rem;
}
.prog-col h6 {
	text-align: center;
	margin: 0;
}
.prog-col h6 a {
	display: inline-block;
	width: 1.98rem;
 height: .68rem;
 border: .01rem solid #cccccc;
	text-align: center;
 line-height: .68rem;
 font-size: .24rem;
	color: #ff3333;
 border-radius: .05rem;
 margin-top: .2rem;
}
.teacher-list {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.teac-tag {
	width: 100%;
	display: table;
}
.teac-tag ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
}
.teac-tag ul li {
	width: 3.23rem;
 height: .68rem;
 border: .01rem solid #dedede;
 border-radius: .05rem;
 margin-top: .2rem;
	text-align: center;
 line-height: .68rem;
	background-color: #f4f4f4;
}
.teac-tag ul li:nth-child(2n) {
	float: right;
}
.teac-tag ul li.acti {
	background-color: #ff3333;
 border: .01rem solid #ff3333;
	color: #fff;
}
.teac-tag ul li.acti a {
	color: #fff;
}
.teac-intr {
	width: 100%;
	display: table;
 margin-top: .2rem;
	display: none;
}
.teacher-list .show {
	display: block;
}
.teac-intr ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
}
.teac-intr ul li {
 padding: .32rem 0;
 border-bottom: .01rem solid #ccc;
	display: table;
	overflow: hidden;
	width: 100%;
}
.teac-intr ul li h4 {
	width: 2.86rem;
	height: 3.12rem;
	float: left;
	overflow: hidden;
}
.teac-intr ul li h4 img {
	width: 100%;
}
.teac-intr ul li div {
	width: 3.45rem;
	height: 3.12rem;
	float: right;
}
.teac-intr ul li div h3 {
 line-height: .48rem;
 font-size: .3rem;
	color: #333333;
}
.teac-intr ul li div h3 b {
	color: #ff3334;
}
.teac-intr ul li div h5 {
 line-height: .54rem;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.teac-intr ul li div h5 b {
 font-size: .24rem;
	color: #333333;
}
.teac-intr ul li div p {
 font-size: .2rem;
 line-height: .32rem;
	color: #666666;
	text-align: justify;
	height: 1.28rem;
	overflow: hidden;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.teac-intr ul li div h6 {
	width: 100%;
 height: .62rem;
	background-color: #f4f4f4;
	margin: 0;
 margin-top: .2rem;
 line-height: .62rem;
}
.teac-intr ul li div h6 span {
 margin-left: .05rem;
 font-size: .24rem;
	color: #333333;
	float: left;
}
.teac-intr ul li div h6 em {
	float: left;
}
.teac-intr ul li div h6 em i {
 width: .2rem;
 height: .2rem;
	background: url(../images/ico16.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin:.21rem .05rem;
	display: inline-block;
	float: left;
}
.teac-intr ul li:last-child {
	border-bottom: none;
}
.teac-intr h6 {
	text-align: center;
 margin: .2rem 0;
}
.teac-intr h6 img {
 height: .32rem;
}
.teac-intr h6 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
.teac-inform {
	width: 100%;
	display: table;
	background-color: #fff;
 padding-top: .42rem;
 padding-bottom: .3rem;
}
.teac-inform h4 {
	width: 2.98rem;
	height: 3.82rem;
	background-color: #fff;
 box-shadow: 0 0 .1rem rgba(0,0,0,.2);
 margin-left: .4rem;
	text-align: center;
	float: left;
}
.teac-inform h4 img {
	width: 2.88rem;
	height: 3.74rem;
 margin-top: .04rem;
}
.teac-inform div {
	width: 3.45rem;
	height: 3.82rem;
	float: right;
 margin-right: .4rem;
}
.teac-inform div h3 {
 height: .58rem;
 margin-top: .18rem;
 line-height: .58rem;
}
.teac-inform div h3 b {
	color: #ff3334;
 font-size: .36rem;
}
.teac-inform div h3 a {
	font-weight: normal;
	display: inline-block;
	float: right;
	width: 1.22rem;
 height: .58rem;
	background-color: #ff3334;
	color: #fff;
 border-radius: .05rem;
	text-align: center;
}
.teac-inform div h5 {
 line-height: .62rem;
 font-size: .24rem;
	color: #333333;
}
.teac-inform div p {
 line-height: .36rem;
 font-size: .2rem;
	color: #666666;
 height: .72rem;
	overflow: hidden;
 margin-bottom: .15rem;
	text-align: justify;
}
.teac-inform div p b {
 font-size: .24rem;
	color: #333333;
}
.teac-inform div h6 {
	width: 100%;
 height: .62rem;
	background-color: #f4f4f4;
	margin: 0;
 margin-top: .22rem;
 line-height: .62rem;
}
.teac-inform div h6 span {
 margin-left: .34rem;
 font-size: .24rem;
	color: #333333;
	float: left;
}
.teac-inform div h6 em {
	float: left;
}
.teac-inform div h6 em i {
 width: .2rem;
 height: .2rem;
	background: url(../images/ico16.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin:.21rem .05rem;
	display: inline-block;
	float: left;
}
.teac-inf-intr {
	width: 100%;
	display: table;
	background-color: #fff;
 padding-top: .2rem;
 padding-bottom: .3rem;
}
.teac-inf-intr h5 {
	width: 6.7rem;
	margin: 0 auto;
 height: .62rem;
	display: table;
	position: relative;
 line-height: .62rem;
}
.teac-inf-intr h5 span {
	float: left;
 padding-left: .25rem;
 padding-right: .2rem;
 font-size: .24rem;
	color: #333333;
	background-color: #fff;
	display: inline-block;
	float: left;
	position: relative;
	z-index: 9;
}
.teac-inf-intr h5:after {
	content: '';
	position: absolute;
	left: 0;
 top: .3rem;
	width: 100%;
 height: .01rem;
	background-color: #cccccc;
}
.teac-inf-intr h5 span:after {
	content: '';
	position: absolute;
	left: 0;
 top: .21rem;
 width: .1rem;
 height: .2rem;
	background-color: #ff3333;
 border-radius: .05rem;
}
.teac-inf-intr p {
 padding-left: .6rem;
 padding-right: .4rem;
 font-size: .22rem;
	color: #666666;
 line-height: .36rem;
	text-align: justify;
}
.video-banr {
	width: 100%;
	height: 3.5rem;
	background: url(../images/bannar15.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.video-banr h4 {
	text-align: center;
}
.video-banr h4 img {
 height: .6rem;
 margin-top: .88rem;
}
.video-banr h6 {
	text-align: center;
	margin: 0;
 margin-top: .4rem;
}
.video-banr h6 a {
	display: inline-block;
	width: 1.88rem;
 height: .64rem;
 border-radius: .05rem;
 border: .01rem solid #fff;
 line-height: .64rem;
	font-weight: normal;
 font-size: .24rem;
	color: #fff;
}
.video-col {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.video-col ul {
	width: 6.7rem;
	margin: 0 auto;
 margin-top: .2rem;
 margin-bottom: .3rem;
	display: table;
}
.video-col ul li {
	width: 3.25rem;
	height: 3rem;
}
.video-col ul li h4 {
	width: 100%;
	height: 2.1rem;
	position: relative;
	overflow: hidden;
}
.video-col ul li h4 img {
	width: 100%;
}
.video-col ul li p {
	width: 3.25rem;
 height: .89rem;
 border: .01rem solid #dfdfdf;
	border-top: none;
 padding: 0 .18rem;
}
.video-col ul li p b {
 line-height: .5rem;
	display: block;
	font-weight: normal;
 font-size: .24rem;
	color: #333333;
}
.video-col ul li p i {
	font-weight: normal;
 font-size: .2rem;
	color: #999999;
}
.video-col ul li:nth-child(2n) {
	float: right;
}
.video-col ul li h4 span.play {
	display: inline-block;
 width: .64rem;
 height: .64rem;
	background: url(../images/ic32.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	top: 50%;
 margin-left: -.32rem;
 margin-top: -.32rem;
}
.video-col h6 {
	text-align: center;
 margin: .2rem 0;
}
.video-col h6 img {
 height: .32rem;
}
.video-col h6 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
.project {
	background-color: #fff;
	display: table;
	width: 100%;
}
.project-tag {
	width: 100%;
	display: table;
}
.project-tag ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
.project-tag ul li {
	width: 1.5rem;
 height: .68rem;
 border: .01rem solid #e1e1e1;
	text-align: center;
 line-height: .68rem;
	color: #666666;
 font-size: .24rem;
 margin-top: .2rem;
 margin-right:.12rem
}
.project-tag ul li.acti {
	background-color: #ff3333;
	color: #fff;
 border: .01rem solid #ff3333;
}
.project-col {
	width: 100%;
	display: table;
}
.project-col ul {
	width: 6.8rem;
	margin: 0 auto;
	display: table;
}
.project-col ul li {
	width: 3.25rem;
	height: 3rem;
 margin-top: .2rem;
	position: relative;
	border: .01rem solid  #D8D8D8;
	padding:2px;
}
.project-col ul li h4 {
	width: 3.25rem;
	height: 2rem;
	overflow: hidden;
}
.project-col ul li h4 img {
	width: 3.15rem;
	
}
.project-col ul li p {
	width: 100%;
	height: 1rem;
 
	border-top: none;
 padding: 0 .18rem;
	position: relative;
}
.project-col ul li p b {
	display: block;
	color: #333333;
	font-weight: normal;
 line-height: .6rem;
}
.project-col ul li p span {
	display: block;
}
.project-col ul li p em {
	font-weight: normal;
	color: #999999;
 font-size: .2rem;
	float: left;
}
.project-col ul li p i {
	display: inline-block;
 width:.2rem;
 height: .2rem;
	background: url(../images/ico16.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float: left;
 margin: 0 .02rem;
}
.project-col ul li p a {
	display: inline-block;
 width: .6rem;
 height: .68rem;
	background: #ff3333;
 border-radius: .04rem;
	position: absolute;
 right: .1rem;
 top: .16rem;
	color: #fff;
	text-align: center;
 line-height: .28rem;
 padding-top: .06rem;
 font-size:.2rem;
}
.project-col ul li:after {
	content: '';
	position: absolute;
 left: -.05rem;
 top: -.05rem;
 width: .7rem;
 height: .73rem;
	background: url(../images/ico17.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.project-col ul li:nth-child(2n) {
	float: right;
}
.project-col h6 {
	text-align: center;
 margin: .2rem 0;
}
.project-col h6 img {
 height: .32rem;
}
.project-col h6 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
/* 学员 */
.xueyuan-col {
	width: 100%;
	display: table;
}
.xueyuan-col ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
}
.xueyuan-col ul li {
	width: 3.25rem;
	height: 3rem;
 margin-top: .2rem;
	position: relative;
}
.xueyuan-col ul li h4 {
	width: 3.25rem;
	height: 2rem;
}
.xueyuan-col ul li h4 img {
	width: 100%;
	height: 100%;
}
.xueyuan-col ul li p {
	width: 100%;
	height: 1rem;
 border: .01rem solid #ededed;
	border-top: none;
 padding: 0 .18rem;
	position: relative;
}
.xueyuan-col ul li p b {
	display: block;
	color: #333333;
	font-weight: normal;
 line-height: .6rem;
}
.xueyuan-col ul li p span {
	display: block;
}
.xueyuan-col ul li p em {
	font-weight: normal;
	color: #999999;
 font-size: .2rem;
	float: left;
}
.xueyuan-col ul li p i {
	display: inline-block;
 width:.2rem;
 height: .2rem;
	background: url(../images/ico16.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	float: left;
 margin: 0 .02rem;
}
.xueyuan-col ul li p a {
	display: inline-block;
 width: .68rem;
 height: .68rem;
	background: #ff3333;
 border-radius: .04rem;
	position: absolute;
 right: .1rem;
 top: .16rem;
	color: #fff;
	text-align: center;
 line-height: .28rem;
 padding-top: .06rem;
}
.xueyuan-col ul li:nth-child(2n) {
	float: right;
}
.xueyuan-col h5 {
	text-align: center;
 margin: .2rem 0;
}
.xueyuan-col h5 img {
 height: .32rem;
}
.xueyuan-col h5 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
.team-roll {
	width: 7.5rem;
	height: 3.1rem;
	overflow: hidden;
	position: relative;
}
.team-roll ul {
	width: 100%;
	height: 100%;
}
.team-roll ul li {
	width: 100%;
	height: 100%;
}
.team-roll ul li h4 {
	width: 100%;
	overflow: hidden;
	height: 100%;
	position: relative;
}
.team-roll ul li h4 img {
	width: 100%;
}
.team-roll ul li h4 p {
	width: 100%;
 height: .75rem;
	/*background: rgba(0,0,0,.6);*/
	position: absolute;
	left: 0;
	bottom: 0;
 line-height: .75rem;
	font-weight: normal;
 padding-left: .4rem;
	color: #fff;
}
.team-roll .pageage {
	position: absolute;
	bottom: inherit !important;
	right: 0;
	text-align: center;
 height: .75rem;
	z-index: 99;
}
.team-roll>.pageage.swiper-pagination-bullets {
	width: auto !important;
 right: .4rem !important;
	left: inherit !important;
	bottom: 0 !important;
	top: inherit !important;
}
.team-roll .pageage span {
 width: .15rem;
 height: .15rem;
	background-color: #ffffff;
	border-radius: 50%;
 margin: 0 .06rem !important;
	float: none;
	display: inline-block;
	opacity: 1 !important;
 margin-top: .3rem !important;
}
.team-roll .pageage span.swiper-pagination-bullet-active {
	background-color: #ff3333;
}
.team-news {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: 0rem;
}
.team-tag {
	width: 100%;
	display: table;
}
.team-tag ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-between;
}
.team-tag ul li {
	width: 1.5rem;
 height: .68rem;
 border: .01rem solid #e1e1e1;
 line-height: .68rem;
	text-align: center;
 margin: .2rem 0;
}
.team-tag ul li.acti {
	background-color: #ff3333;
 border: .01rem solid #ff3333;
	color: #fff;
}
.team-list {
	width: 100%;
	display: table;
	background-color: #fff;/*display: none;*/
}
/*.team-news .show{
	display: block;
} */
.team-list ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
 margin-top: -.1rem;
}
.team-list ul li {
	width: 100%;
	height: 2.16rem;
 padding: .28rem 0;
 border-bottom: .01rem solid #cccccc;
}
.team-list ul li h4 {
	width: 2.1rem;
	height: 1.6rem;
	float: left;
	overflow: hidden;
	border-radius:6px;
}
.team-list ul li h4 img {	width: 100%;
	
	
}
.team-list ul li div {
	width: 4.4rem;
	height: 1.6rem;
	float: right;
}
.team-list ul li div h3 {
 line-height: .5rem;
 font-size: .26rem;
	color: #333333;
	text-align: justify;
 height: .5rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.team-list ul li div p {
 line-height: .34rem;
 font-size: .23rem;
	color: #666666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.team-list ul li div h6 {
	margin: 0;
	font-weight: normal;
 line-height: .4rem;
	width: 100%;
 margin-top: .05rem;
	text-align: center;
}
.team-list ul li div h6 i {
	color: #999999;
 font-size: .2rem;
	float: left;
}
.team-list ul li div h6 span {
	float: left;
}
.team-list ul li div h6 a {
	color: #ff3333;
	float: right;
	font-size: .25rem;
}
.team-list ul li:last-child {
	border: none;
}
.team-list h5 {
	text-align: center;
 margin: .3rem 0;
}
.team-list h5 img {
 height: .32rem;
}
.team-list h5 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
/* PAGE */
.page {
	display: block;
	width: 100%;
	text-align: center;
	margin: 10px 0;
	padding: 0px;
}
.page a {
	font-family: '\5FAE\8F6F\96C5\9ED1';
	font-size: 14px;
	color: #666;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-right: 8px;
	background-color: #fff;
}
.page a:hover, .page a.this {
	background-color: #F00;
	color: #fff;
	text-decoration: none;
}
.page span.points {
	font-family: '\5FAE\8F6F\96C5\9ED1';
	font-size: 14px;
	color: #F00;
	margin-right: 8px;
}
.news-main {
	width: 100%;
	display: table;
	background-color: #fff;
 padding:.3rem;
}
.news-main h2 {
	font-weight: normal;
	color: #333333;
 font-size: .28rem;
 line-height: .46rem;
	text-align: justify;
}
.news-main h6 {
	font-weight: normal;
	margin: 0;
 line-height: .7rem;
 font-size: .24rem;
	color: #999;
	text-align:center;
}
.news-main h6 i {
 margin-left: .3rem;
}
.news-main h4 {
	width: 100%;
	display: table;
 margin: .2rem 0;
	overflow: hidden;
}
.news-main h4 img {
	width: 100%;
}
.news-main p {
 line-height: .46rem;
	color: #666666;
 font-size: .24rem;
	text-align: justify;
}
.news-main p img {
	width: 100%;
}
.news-main h6 a {
	display: inline-block;
	width: 1.48rem;
 height: .68rem;
 border: .01rem solid #cccccc;
 border-radius: .04rem;
	color: #999999;
	text-align: center;
 line-height: .68rem;
 margin: .3rem .9rem;
}
.student {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
	padding: 0;
}
.student ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
}
.student ul li {
	width: 3.25rem;
 margin-top: .2rem;
	position: relative;
}
.student ul li h4 {
	width: 3.25rem;
	overflow: hidden;
}
.student ul li h4 img {
	width: 100%;
}
.student ul li p {
	width: 100%;
	height: 1rem;
 line-height: .4rem;
 border: .01rem solid #ededed;
	border-top: none;
 padding: .15rem .18rem;
	position: relative;
}
.student ul li p b {
	display: block;
	color: #333333;
	font-weight: normal;
 line-height: .4rem;
}
.student ul li p span {
	display: block;
}
.student ul li p em {
	font-weight: normal;
	color: #999999;
 font-size: .2rem;
	float: left;
}
.student ul li p a {
	display: inline-block;
 width: .68rem;
 height: .68rem;
	background: #ff3333;
 border-radius: .04rem;
	position: absolute;
 right: .1rem;
 top: .16rem;
	color: #fff;
	text-align: center;
 line-height: .28rem;
 padding-top: .06rem;
}
.student ul li:nth-child(2n) {
	float: right;
}
.student h6 {
	text-align: center;
 margin: .3rem 0;
}
.student h6 img {
 height: .32rem;
}
.student h6 i {
	display: block;
	text-align: center;
 font-size: .2rem;
	color: #666666;
	font-weight: normal;
 line-height: .4rem;
}
.student-online {
	width: 100%;
	display: table;
 margin-top: .2rem;
 padding-bottom: .3rem;
	background-color: #fff;
}
.student-online h4 {
	margin: 0 auto;
	width: 6.7rem;
	display: table;
	overflow: hidden;
 margin-top: .2rem;
	position: relative;
}
.student-online h4 img {
	width: 100%;
}
.student-online h4 p {
	width: 100%;
 height: .8rem;
	background: rgba(0,0,0,.55);
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
 line-height: .8rem;
 font-size: .2rem;
}
.student-online h4 span {
	display: inline-block;
	position: absolute;
	left: 50%;
 margin-left: -.75rem;
	top: 1.02rem;
	width: 1.48rem;
	height: 1.48rem;
 border: .01rem solid #fff;
	border-radius: 50%;
	text-align: center;
}
.student-online h4 span a {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../images/ico18.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	margin: 0 auto;
	background-size: 100% 100%;
 margin-top: .14rem;
	color: #fff;
 font-size: .3rem;
 line-height: .38rem;
 padding-top: .2rem;
	font-weight: bold;
}
.package {
	width: 100%;
	display: table;
	background-color: #fff;
 margin-top: .2rem;
}
.package ul {
	width: 6.7rem;
	margin: 0 auto;
	display: table;
 margin-top: .2rem;
}
.package ul li {
	width: 100%;
	display: table;
	float: none;
}
.package ul li h4 {
	width: 100%;
	display: table;
	background-color: #f2f2f2;
 padding-bottom: .5rem;
 margin-top: .3rem;
}
.package ul li h4 span {
	display: inline-block;
	width: 1.96rem;
	height: 2rem;
	float: left;
 margin-top: .2rem;
 margin-left: .2rem;
	position: relative;
	overflow: hidden;
}
.package ul li h4 span img {
	width: 100%;
}
.package ul li h4 span i {
	width: 100%;
 height: .5rem;
	background: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	display: inline-block;
	bottom: 0;
	text-align: center;
 line-height: .5rem;
	color: #fff;
 font-size: .24rem;
	font-weight: normal;
}
.package ul li h4 span b {
	display: inline-block;
 width: .36rem;
 height: .36rem;
 border: .01rem solid #fff;
	position: absolute;
 right: .1rem;
 top: .1rem;
	font-weight: normal;
 font-size: .28rem;
	font-family: arial;
	background-image: -webkit-linear-gradient(to top, #ff2927, #ffbb3c);
	background-image: linear-gradient(to top, #ff2927, #ffbb3c);
	color: #fff;
	text-align: center;
	border-radius: 50%;
 line-height: .36rem;
}
.package ul li div {
	width: 100%;
	display: table;
	background-color: #fff;
	min-height: 1rem;
}
h3.titm {
	text-align: center;
	color: #333333;
	width: 100%;
 height: .62rem;
 font-size: .24rem;
 line-height: .62rem;
 margin-top: .2rem;
	background: url(../images/ico19.png) center no-repeat;
 -webkit-background-size: 3.91rem .62rem;
 background-size: 3.91rem .62rem;
}
.package ul li div p {
 padding: .2rem .25rem;
	color: #999999;
 font-size: .24rem;
}
.package ul li div h6 {
 margin: .3rem 0;
	width: 100%;
	text-align: center;
}
.package ul li div h6 a {
	display: inline-block;
	width: 2rem;
 height: .65rem;
	background-color: #ff3333;
	color: #fff;
 border-radius: .05rem;
	text-align: center;
 line-height: .65rem;
	font-weight: normal;
 font-size: .24rem;
	font-weight: bold;
 margin: 0 .27rem;
}
.teac-roll-img ul li {
	width: 100%;
	height: auto;
}
.teac-roll-img ul li h4 {
	width: 2.1rem;
	height: 2.3rem;
	position: relative;
 margin-bottom: .2rem;
}
.bannar-roll {
	width: 7.5rem;
	height: 5rem;
	padding-top: 0 !important;
	overflow: hidden;
}
.bannar-roll ul {
	width: 100%;
	height: 100%;
}
.bannar-roll ul li {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.bannar-roll ul li img {
	width: 100%;
}
.bannar-roll .pageage {
	position: absolute;
 bottom:.58rem !important;
	width: 100%;
	text-align: center;
	z-index: 9;
}
.bannar-roll .pageage span {
 width: .15rem;
 height: .15rem;
	background-color: #fff;
	border-radius: 50%;
 margin: 0 .06rem !important;
	float: none;
	display: inline-block;
	opacity: .6 !important;
}
.bannar-roll .pageage span.swiper-pagination-bullet-active {
	opacity: 1 !important;
}
.team-intr {
	width: 100%;
	display: table;
 margin-top: .2rem;
	background-color: #fff;
}
.team-intr h6 {
	margin: 0;
	width: 100%;
 height: .77rem;
	background: url(../images/bg10.jpg) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	text-align: center;
}
.team-intr h6 img {
 height: .28rem;
 margin-top: .25rem;
}
.team-intr ul {
	width: 6.7rem;
	display: table;
	margin: 0 auto;
 margin-top: .3rem;
 padding-bottom: .3rem;
}
.team-intr ul li {
	width: 50%;
 height: .9rem;
 line-height: .9rem;
}
.team-intr ul li p {
	float: left;
	color: #666666;
 padding: 0 .25rem;
	text-align: right;
	width: 2.2rem;
}
.team-intr ul li h4 {
 width: .63rem;
 height: .63rem;
 border: .01rem dashed #cccccc;
	float: left;
 margin-top: .12rem;
 margin-right: .4rem;
 border-radius: .05rem;
	text-align: center;
	margin-right: 0;
}
.team-intr ul li h4 img {
 height: .43rem;
 margin-top: -.38rem;
}
.team-intr ul li:nth-child(2n) p {
	text-align: left;
}
.alert-menu {
	width: 3.6rem;
	height: 100%;
	background: #23234d;
	position: fixed;
	right: -4.5rem;
	top: 1.1rem;
	z-index: 100;
 box-shadow: .05rem .02rem .3rem rgba(51,51,51,.6);
}
.menu-addr {
	width: 100%;
 height: .76rem;
	background-color: #ff3333;
 padding-left: .4rem;
}
.menu-addr h3 img.addr {
 height: .36rem;
 margin-top: .18rem;
 margin-right: .18rem;
	float: left;
}
.menu-addr h3 {
	color: #fff;
 line-height: .76rem;
	font-weight: normal;
 font-size: .26rem;
}
.menu-addr h3 a {
	color: #fff;
}
.menu-addr h3 img.men {
 height: .42rem;
 margin-top: .17rem;
 margin-right: .22rem;
	float: right;
}
.menu-li {
	width: 100%;
	display: table;
}
.menu-li ul {
	width: 100%;
	display: table;
}
.menu-li ul li {
	width: 100%;
	display: table;
}
.menu-li ul li h5 {
 height: .9rem;
	font-weight: normal;
 line-height: .9rem;
	color: #fff;
 font-size: .26rem;
 padding: 0 .4rem;
	width: 100%;
 border-bottom: .01rem solid #484848;
}
.menu-li ul li h5 i {
	display: inline-block;
 width: .25rem;
 height: .13rem;
	background: url(../images/ico53.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin-top: .31rem;
	float: right;
	transition: .5s;
}
.menu-li ul li.acti h5 i {
	transform: rotate(180deg);
}
.slide-menu {
	width: 100%;
	display: table;
	background-color: rgb(255,255,255);
	display: none;
}
.slide-menu p {
	width: 100%;
 height: .9rem;
	padding-left: 0.67rem;
	color: #666666;
 font-size: .26rem;
 line-height: .9rem;
 border-bottom: .01rem solid #f0f0f0;
	
}
.slide-menu p i {
	display: inline-block;
	float: right;
 width: .13rem;
 height: .25rem;
	background: url(../images/ico52.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
 margin-top: .25rem;
}
.main-mtn {
	margin-top: 0;
}
.record-roll {
	width: 100%;
	height: 2.5rem;
 border-radius: .1rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
 margin-top: .1rem;
}
.record-roll ul {
	width: 96%;
	margin: 0 auto;
	display: table;
	position: absolute;
	left: 2%;
 top: .2rem;
}
.record-roll ul li {
	width: 100%;
 height: .6rem;
	background-color: #f1efd3;
 margin-top: .12rem;
}
.record-roll ul li span {
	display: inline-block;
	float: left;
 font-size: .2rem;
 line-height: .6rem;
	text-align: left;
	padding-left:6px;
}
.record-roll ul li span:nth-child(1) {
 width: 70%;
}
.record-roll ul li span:nth-child(2) {
 width: 30%;
 float:right;
}
.record-roll ul li span:nth-child(3) {
	width: 30%;
}
.record-roll ul li span:nth-child(4) {
	width: 3rem;
}
.record-roll ul li span:nth-child(5) {
	width: 1.9rem;
}
.record-roll ul li span b {
	color: #ff3333;
}
.record-roll ul li:nth-child(2n) {
	background: none;
}
/*分页样式*/
.pglist {
	clear: both;
	margin: 20px;
	overflow: hidden;
	text-align: center;
	font-size: 12px
}
.pglist ul li {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px 12px;
	margin: 0 1px;
	line-height: 24px;
	background: #fff;
	color: #999;
	float: none
}
.pglist ul li:hover {
	background: #ff3333;
	color: #fff;
	border: 1px solid #ff3333
}
.pglist ul li:hover a {
	color: #fff;
}
.pglist ul li.thisclass {
	display: inline-block;
	border: 1px solid #ff3333;
	padding: 4px 12px;
	margin: 0 1px;
	background: #ff3333;
	color: #fff;
}
.pglist ul li.thisclass a {
	color: #fff;
}
.pglist ul li a {
	display: block;
	color: #999
}
.pglist ul li a:hover {
	color: #fff;
}



.titleline {width: 100%;}
.titleline h5 {
	width: 100%;
	height: 1.45rem;
	background: rgba(255,255,255,.2);
	text-align: center;
}
.titleline h5 b {
	color: #000;
	display: block;
 font-size: .26rem;
 padding-top: .4rem;
}
.titleline h5 span {
	display: block;
	width: 6.7rem;
 height: .5rem;
	margin: 0 auto;
 line-height: .7rem;
	position: relative;
	font-weight: normal;
 font-size: .22rem;
	color: #666;
}
.titleline h5 span i {
 width: .92rem;
 height: .01rem;
	background-color: #ccc;
	display: block;
	position: absolute;
 top: .33rem;
}
.titleline h5 span i.fl {
	left: 0;
}
.titleline h5 span i.fr {
	right: 0;
}
.titleline h5 span i.fl:after {
	content: '';
	position: absolute;
 right: -.12rem;
 top: -.05rem;
 width: .08rem;
 height: .08rem;
 border: .02rem solid #ccc;
	border-radius: 50%;
}
.titleline h5 span i.fr:after {
	content: '';
	position: absolute;
 left: -.12rem;
 top: -.05rem;
 width: .08rem;
 height: .08rem;
 border: .02rem solid #ccc;
	border-radius: 50%;
}