*{margin: 0; padding: 0}
ul,li{list-style-type: none;}
a{text-decoration: none; color: #4b4b4b;}
a:hover, a:active,a:hover i{ outline: 0; color: #f00;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.wrap{width: 1200px;margin: 0 auto;}
.wraper{min-width: 1200px;}
.none{display: none;}
.fl{float: left;}
.fr{float: right;}
html{min-width:1200px}
body{background:#541880 url(../images/pic_02.png) center top repeat-y; padding-top: 50px;min-width:1200px}
.top span{color: #fff;font-size: 14px;margin-top: 35px}
.title{text-align: center;}
.tit01{margin-top: 70px}
.tit02{margin-top: 40px}
.tit05{margin:0 auto 40px auto;display: block;}
.tit29{margin:40px auto 20px auto;display: block;}
.mesg{width: 1120px;margin-bottom: 40px;background:rgba(0,0,0,.2);padding: 40px;font-size: 18px;line-height: 32px;color: #fff;text-align: left;line-height: 2;border-radius: 3px;}

#swiper01 .swiper-slide{padding: 26px 34px;box-sizing: border-box;}
.pic{width: 580px;height: 320px}
.txt{width: 514px}
.txt h2{color: #000;font-size: 28px;line-height: 80px}
.txt p{font-size: 14px;color: #454545;line-height: 28px;text-indent: 2em;margin-bottom: 10px}
.list01 li{width: 360px;height: 245px; margin-bottom: 20px; margin-right: 20px;position: relative;background-color:rgb(255, 255, 255,.8);padding: 8px;border-radius: 3px; overflow: hidden;}
.list01 li img{width: 360px;border-radius: 3px;}
.list01 li a{display: block;width: 380px;height: 270px;}
.list01 li:last-child{margin-right: 0px}
.play{position: absolute;left: 166px;top:90px; display: none;}
.imgtit{position: absolute;left: 0;bottom: 0;width: 360px;padding: 20px 10px;height: 40px;background:rgba(0,0,0,.3); display: none;}
.imgtit h3{font-size: 18px;color: #fff;font-weight: normal;}
.imgtit p{font-size: 15px;color: #cbcbcb;margin-top: 5px}
.list01 li:hover{left: 0;top:-6px;box-shadow: 0px 6px 8px 0px rgba(1,69,202,0.1)}
.list01 li:hover .imgtit{background:#fff}
.list01 li:hover .imgtit h3{color: #000}
.list01 li:hover .imgtit p{color: #000;}



.menu{margin:0 auto;width: 488px}
.menu li{width: 162px;height: 45px;line-height: 45px; text-align: center;color: #fff;font-size: 26px;background-color :#1a2561;cursor: pointer;}
.menu li:hover{background-color :#435bdb;}
.menu li.active{background-color:#435bdb;}
.menu li:first-child{background:#1a2561  url(../images/left.png)  left top no-repeat ;}
.menu li:first-child:hover{background:#435bdb  url(../images/left.png) left top no-repeat ;}
.menu li:first-child.active{background:#435bdb  url(../images/left.png) left top no-repeat ;}
.menu li:last-child{background:#1a2561  url(../images/right.png)  right bottom no-repeat ;}
.menu li:last-child:hover{background:#435bdb  url(../images/right.png)  right bottom no-repeat ;}
.menu li:last-child.active{background:#435bdb  url(../images/right.png) right bottom no-repeat ;}
.line{border-bottom: 1px solid #e8e8e8;line-height: 24px;margin-bottom: 10px}
.line a{color: #999999;font-size: 12px;margin-right: 5px}
.menubox{height: 300px}
.bot{height: 900px;margin-top: 60px;padding-top: 40px;background-size: cover;}
.icp p{text-align: center;line-height: 36px;font-size: 14px; color: #eaebee}
.icp{border-top: 1px solid #7c37aa;padding-top: 45px}
.img-wall{position: relative; height: 620px;}
.img-wall img{border: 2px solid #fff;position: absolute;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.img-wall img:hover{transform: scale(1.1);box-shadow: 0px 6px 8px 0px rgba(1,69,202,0.3);z-index: 99}

#swiper02{width: 1200px}

.titles{ font-size: 26px;position: relative;color: #fff;
    height: 78px;
    line-height: 78px;
    margin: 10px auto 20px auto;
    text-align: center;}

 .linebox {
		width: 220px;
		position: absolute;
		top: 77px;
		height: 1px;
		left: 50%;
		margin-left: -110px;
		background: #e5cafc;
	}
	.lineinner {
		width: 36px;
		height: 3px;
		background: white;
		position: absolute;
		top: -1px;
		left: 50%;
		margin-left: -18px;
	}
.indrus{color:#fff;line-height: 2;padding: 25px 40px;background-color: #fff;background-color:rgb(0, 0, 0,.3);font-size: 16px;border-radius: 15px;margin-top: 20px;}
.intrus-text{padding-left: 2em;}
.teaschers li{width: 330px; text-align: center; border:1px solid rgba(0,0,0,0.4); background-color:rgb(0, 0, 0,.2);margin: 10px;padding: 20px;border-radius: 15px;position: relative;}
.teaschers li img{width: 100%;}
.teaschers li p{color: #fff; margin-top: 10px;font-size: 14px;}
.marks{position: absolute;background-color:#fee5b3;color: #744f3c;font-size: 17px; width: 80px;padding: 5px 0;font-weight: 700;border-radius: 15px 15px 5px 5px;left: 30px;top: 20px;}