@charset "UTF-8";
/* header */
.header{position:relative;height:56px;/*background:url(../images/m-tel.png) no-repeat 200px 26px;*/}
.header .logo{display:block;width:130px;height:56px;padding:10px 0 0 10px;}
.header .logo img{display:block;/*width:100%; */height:83%;overflow:hidden}

@media (min-width:641px){body{width:640px;margin:auto;}}

/*index*/
.banner{ width:100%; /*height:300px; background: url(../images/banner.jpg) no-repeat center center;*/}
.part1{ width:100%; /*height:460px;*/ background:#f0f0f0;}
.title{ width:100%;/*height:52px;*/ margin:0 auto; padding-top:14px; background:url(../images/m-title.png) no-repeat center 22px; text-align:center; color:#196aa3; font-size:24px;}
.title span{ display:block; font-size:20px;}
.m-part1 a{ color:#161111;width: 33%;float: left;text-align: center;}
.m-c{  margin:12px 20px;}
.m-c img{ margin-left: auto;margin-right: auto;}
.m-c img:hover{ box-shadow:2px 2px 8px rgba(0,0,0,0.50)}

.part2{ width:100%;/* height:388px;*/}
.part2-t{ width:100%;/* height:284px; */margin:20px auto;}
.part2-t li{     margin-top: 10px;/* display: inline-block; */width: 30% !important;float: left;margin-left: 2%;}

.part3{ width:100%; height:290px; background:#f0f0f0;margin-top: 25px;}
.part3-nwes{ width:100%; margin:20px auto;}
.part3-nwes li{ width:100%; height:30px; margin:20px auto; border-bottom:1px solid #89af48; font-size:14px;  cursor:pointer;}
.part3-nwes li span{ float:right;}
.part3-nwes li:hover{ color:#147cff;}

.m-foot{ width:100%; background:#414141; text-align:center; color:#fff;padding-bottom: 15px;}
.m-foot p{ font-size:20px; line-height:60px;}

/*class*/
.c-part2{ width:100%; }
.c-part2 p{  margin:20px auto; line-height:29px; font-size:18px;}

.c-part3{ width:100%; height:486px;}
.c1{ float:left; width:290px; height:180px; background:url(../images/2_01.jpg); overflow:hidden; margin:20px 10px 0 20px;}
.c2{ float:left; width:290px; height:180px; background:url(../images/2_02.jpg); overflow:hidden; margin:20px 10px 0 20px;}
.c3{ float:left; width:290px; height:180px; background:url(../images/2_03.jpg); overflow:hidden; margin:20px 10px 0 20px;}
.c4{ float:left; width:290px; height:180px; background:url(../images/2_04.jpg); overflow:hidden; margin:20px 10px 0 20px;}

.c1-box{ width:290px; height:180px; background:rgba(0,0,0,0.60); margin-top:124px; cursor:pointer; transition: 0.8s; color:#fff;}
.c1-box:hover{ margin-top:0 ;}
.c1-box h3{ font-size:18px; margin-left:40px; padding-top:6px;}
.c1-box span{ font-size:16px; margin-left:40px;}
.c1-box p{ font-size:14px; margin-left:40px; width:210px;}
.c1-box4{ width:290px; height:180px; background:rgba(0,0,0,0.60); margin-top:124px; cursor:pointer; transition: 0.8s; color:#fff;}
.c1-box4:hover{ margin-top:0 ;}
.c1-box4 h3{ font-size:18px; margin-left:40px; padding-top:14px; line-height:38px}
.c1-box4 p{ font-size:14px; margin-left:40px; width:210px;}

.c-part4{ width:100%; /*height:448px; background:url(../images/level.jpg) center center;*/}

.c-part5{ width:100%; height:372px;}
.c-part5 p{ float:left; margin:46px 0 0 20px; font-size:20px; line-height:52px;}
.c-part5 img{ float:right; margin:20px 0px;}

/*active*/
.a-part1{ width:100%; height:500px; background:#f0f0f0;}
.a-part1-img ul{ margin:20px 0 0 20px;}
.a-part1-img ul li{ float:left;margin: 20px 30px;}
.a-part1-img ul li img:hover{ box-shadow:2px 3px 8px rgba(0,0,0,0.50)}

.a-part2{ width:100%; /*height:554px; background:url(../images/3_13.jpg) no-repeat center center;*/}
.a-part3{ width:100%; /* height:400px;background:url(../images/3_14.jpg) no-repeat center center;*/}

/*a-page*/
.a-part4{ width:100%; /*height:400px;*/ background:#f0f0f0;}
.a-p4-img{ width:100%;  /*background:url(../images/active-img.jpg) no-repeat center center;*/}
.a-p4-text{ font-size:20px;}
.renshu{ width:190px; height:24px; line-height:24px; margin:14px 0 0 20px; background:url(../images/renshu.jpg) no-repeat 0 center; padding-left:30px;}
.shijian{ width:310px; height:24px; line-height:24px; margin:14px 0 0 20px; background:url(../images/shijian.jpg) no-repeat 0 center; padding-left:30px;}
.dao{ width:240px; height:24px; line-height:24px; margin:22px 0 0 20px; background:url(../images/dao.jpg) no-repeat 0 center; padding-left:30px;}
.a-p4-but{ width:140px; height:42px;line-height:42px; text-align:center; margin:5px auto; background:#196aa3; color:#fff; cursor:pointer;}
.a-p4-but:hover{ background:#149cff;}

.a-part5{ width:100%;}
.a-p5box{ width:100%; margin:0 auto;}
.a-p5title{margin:20px auto; font-size:24px; color:#370b1b; text-align:center;}
.a-p5box span{ font-size:20px;}
.a-p5box p{ font-size:16px; line-height:26px;}
.a-p5box ul{/* height:122px; */margin-top:20px;}
.a-p5li1{ /*width:182px; height:122px;float:left;*/ border-right:1px solid #370b1b; }
.a-p5li2{ /*width:176px; height:122px;*/ border-right:1px solid #370b1b; float:left; margin-left:12px;}
.a-p5li3{ /*width:164px; height:122px;*/float: left;margin-left: 15px;}

.a-p5-but{ clear:both; width:200px; height:50px; margin:20px auto; border:1px solid #196aa3; border-radius:50px; font-size:20px; color:#196aa3; text-align:center; line-height:50px; cursor:pointer;}
.a-p5-but a{ display:block; color:#196aa3;}
.a-p5-but:hover{ background:#89af48; color:#fff;}
.a-p5-but a:hover{ color:#fff;}

/*teacher*/
.small-nav{ width:100%; height:40px; line-height:40px; text-align:center; background:#f0f0f0; position:relative;}
/*nav-main*/
ul.nav-main{
    width: 100%;
    height: 100%;
    list-style-type: none;
}
ul.nav-main span{
    display: inline-block;
    margin-left: 18px;
    width: 7px;
    height: 7px;
    background:url(../images/down-icon.png) no-repeat;
}
/*图标向上旋转*/
.hover-up{
    transition-duration: .5s;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/*图标向下旋转*/
.hover-down{
    transition-duration: .5s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
/*导航条设置*/
ul.nav-main>li{
    width: 30%;
    height: 100%;
    display: block;
    float: left;
    margin-right: 3%;
    cursor: pointer;
}
ul.nav-main>li:hover{
    background: #196aa3; color:#fff;
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 210px;
    border: 1px solid #777575;
    border-top: 0;
    position: absolute;
    display:none;
	background:#f0f0f0;
    top: 40px; left:0px;
}
.hidden-box>ul{
    list-style-type: none;
    cursor: pointer;
}
.hidden-box li:hover{
    background: #149cff;
    color: #fff;
}

.t-main{ width:100%; /*height:710px;*/}
.t-main ul{ width:100%; margin:10px auto;}
.t-main ul li{ display:inline-table; margin:10px 5px 10px 5px; width:46%; height:330px; background:#f0f0f0; cursor:pointer; text-align:center;}
.t-main ul li:hover{ background:#B2DBF8;}

.t-main ul li span{ display:block; line-height:30px; font-size:16px;}
/*.tm-left{ float:left; width:50%; height:22px; background:url(../images/t-ad.png) no-repeat 0px 0px; padding-left:18px; margin-left:25%;}
.tm-right{ float:left; width:50%; height:22px; background:url(../images/t-peo.png) no-repeat 0px 0px; padding-left:10px; margin-left: 25%;}*/
.tm-left {
    float: left;
    width: 100%;
    height: 22px;
    background: url(../images/t-ad.png) no-repeat 0px 0px;
    font-size: 16px;
    text-align: center;
}
.tm-right {
    float: left;
    width: 100%;
    height: 22px;
    background: url(../images/t-peo.png) no-repeat 0px 0px;
    margin-top: 5px;
    font-size: 16px;
}

.f16-1{
	padding-top: 5px;
	font-size: 16px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.f16{
	font-size: 16px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.t-main ul li p{ clear:both; line-height:26px;text-align: left;}
.tm-but{ width:100px; height:32px; line-height:32px; border:1px solid #196aa3; margin:15px auto;}
.tm-but a{ display:block; color:#131313;}
.tm-but:hover{ background:#196aa3;}
.tm-but a:hover{ color:#fff;}

.tpage{ width:284px; height:26px; margin:20px auto;}
.tpage li{ display:inline-block; text-align:center; line-height:26px;}
.tprev{ width:54px; height:26px; border:1px solid #A7A7A7; margin:0 20px;}
.tnamber{ width:8px; height:26px; margin:0 8px;}
.tpage li a{ color:#292929; display:block;}
.tpage li a:hover{ color:#149cff;}
/*t-page*/
.t-img{ width:100%; /*height:344px; background:url(../images/t-img_02.jpg) no-repeat center center;*/}
.t-box{ width:100%; height:360px;}
.t-text{ width: 49%;float: left;margin-left: 1%;position: relative}
.t-box img{ float:left; margin-top:30px;}
.t-text h2{ display:block; text-align:center; line-height:50px; border-bottom:1px solid rgba(0,0,0,1.00);}
.t-text p{ line-height:32px; margin-top:20px;}
.like{ width:70px; height:22px; border-radius:20px; font-size:12px; color:#fff; background: #ff5858 url(../images/like.png) no-repeat 6px 6px; line-height:22px; text-align:center; position:absolute; top:302px; right:0px; cursor:pointer;}
.like:hover{ background:#FF2121 url(../images/like.png) no-repeat 6px 6px;}
.t-tbut{ width:170px; height:36px; background:#196aa3; color:#fff; font-size:18px; text-align:center; line-height:36px; margin-top:30px; cursor:pointer;}
.t-tbut:hover{ background:#147cff;}

/*school*/
.s-part1{ width:100%;margin-bottom: 20px;/* height:980px;*/}
.s-part2{ width:100%; height:310px; background:#f0f0f0;}
/* marqueeleft */
.marqueeleft{height:260px;width:100%;overflow:hidden;margin:20px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 6px;display:inline;width:284px;height:190px;overflow:hidden;}
	
	
.ban-name {
    width: 66%;
    height: 31px;
    border: none;
    border-radius: 6px;
    margin-left: 30px;
    font-size: 16px;
    color: #999999;
    padding-left: 60px;
}
.ban-form-text {
    font-size: 16px;
    color: #fff;
    margin: 5px 30px;
}
.ban-form {
    width: 100%;
    height: 150px;
    background: rgba(0,0,0,0.50);
    border-radius: 16px;
    position: absolute;
}
.tel-icon {
    background: url(/layout/images/input-2.png) no-repeat;
    width: 20px;
    height: 22px;
    position: absolute;
    left: 56px;
    top: 9px;
}
.ban-form-bot {
    width: 140px;
    height: 40px;
    background: #7dc8ff;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.name-icon {
    background: url(/layout/images/input-1.jpg) no-repeat;
    width: 20px;
    height: 22px;
    position: absolute;
    left: 55px;
    top: 38px;
}
.tel-icon {
    background: url(/layout/images/input-2.png) no-repeat;
    width: 20px;
    height: 22px;
    position: absolute;
    left: 56px;
    top: 74px;
}


.foot-right {

    border-radius: 20px;
    background: #fcfcfc;
    margin: auto;
}
.foot-right p {
    width: 272px;
    height: 44px;
    margin: 30px auto;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    background: #196aa3;
}
.foot-input {
    width: 246px;
    margin: 0 auto;
    font-size: 18px;
}
.foot-input input {
    width: 165px;
    height: 32px;
    padding-left: 8px;
    border: 1px solid #868686;
    background: #f6f6f6;
    margin-bottom: 20px;
}
.foot-input select {
    width: 176px;
    height: 32px;
    padding-left: 8px;
    border: 1px solid #868686;
    background: #f6f6f6;
    margin-bottom: 20px;
}
.foot-bot {
    width: 120px;
    height: 30px;
    margin: 10px auto;
    background: #196aa3;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.img{
	width:100%;
}
.img li{
	display:inline-block;
	    width: 12%;
    margin-left: 3%;
	margin-top: 5px;
}
.box_right h2{
	font-size:18px;
	margin-left: 30px;
    color: #196aa3;
	margin-top: 10px;
}
.box_right p{
	margin-left: 30px;
}
.mui-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 50px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    backface-visibility: hidden;
	position: fixed;
	background-color: #f7f7f7;
    z-index: 10;
    right: 0;
    left: 0;
}
  
.mui-bar-tab .mui-tab-item {
    display: table-cell;
    overflow: hidden;
    width: 1%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
	font-size: 14px;
}
.mui-icon-extra {
    font-family: MuiiconSpread;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
}
#zixunBtn{
	font-size: 20px;
    font-weight: 400;
    line-height: 28px;
	display: inline-block;
    margin-bottom: 0;
    padding: 6px 0px;
    cursor: pointer;
	transition: all;
	text-align: center;
	position: fixed;
    bottom: 50px;
    width: 100%;
    height: 25px;
    background-color: #CF0908;
    color: #ffffff;
}
.fudong{
	height:89px;
}
.mui-bar img{
	display: initial !important;
}