/*首页*/
.index-header{
width:100%;
min-width: 1200px;
background:url("../images/lxhdbg.png") no-repeat center center;
position: relative;
z-index:9999;
}
.index-header>img{
width:379px;
margin-left:100px;
margin-top:100px;
}
/*.index-header>div{
width:60px;
height:186px;
position: absolute;
bottom:0;
left:50%;
margin-left:-30px;
/*border:1px solid red;
cursor: pointer;
}*/
/*.index-header>div>p{
color: #fff;
font-size: 14px;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer
-moz-transform:rotate(90deg); /* Firefox
-webkit-transform:rotate(90deg); /* Safari 和 Chrome
-o-transform:rotate(90deg); /* Opera
margin-top:20px;
}*/
/*.index-header>div>span{
width:1px;
height:65px;
background: #fff;
display: block;
margin: 0 auto;
position: relative;
top:80px;
animation:2.5s move linear infinite alternate;
-webkit-animation:2.5s move linear infinite alternate;
-o-animation:2.5s move linear infinite alternate;
-moz-animation:2.5s move linear infinite alternate;
}*/
@-webkit-keyframes move
{
0%{
height:65px;
}
50%
{
height: 0;
}
100%
{
height:65px;
}
}
.index-header>div.lx-slogan{
width:1440px;
margin: 0 auto;
padding-top:1rem;
color: #fff;
text-align:center;
font-size: 18px;
letter-spacing:28px;
opacity: .8;
}
.index-header>section{
width:80%;
margin: 0 auto;
padding-top:1rem;
height:52px;
}
.index-header>section>p{
width:120px;
height:52px;
float: left;
font-size: 18px;
color: #fff;
line-height: 52px;
}
.index-header>section>p>img{
width:52px;
height:52px;
margin-right:10px;
display: block;
float: left;
cursor: pointer;
}
.index-header>section>div{
width:255px;
float: right;
}
.index-header>section>div>img{
float: left;
width:38px;
margin-right:5px;
margin-top:8px;
}
.index-header>section>div>p{
font-size: 18px;
color: #fff;
line-height: 30px;
}
.index-header>section>div>p>span{
display: block;
font-size: 26px;
}
.index-header .head-logo{
width: 388px;
height: 120px;
position: absolute;
left: 0;
right: 0;
top:0;
bottom:0;
margin:auto;
}
.index-header>#downPage{
width: 60px;
height: 60px;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
bottom:30px;
left: 0;
right: 0;
margin:auto;
}
.index-title{
text-align: center;
margin:100px 0 50px;
}
.index-title h2{
font-size: 72px;
color: #080809;
font-weight: bold;
}
.index-title h2 span{
width: 280px;
height: 16px;
background-color: #e45291;
display: block;
margin: -20px auto 0;
}
.index-tab{
text-align: center;
margin: 30px 0;
}
.index-tab a{
color: #959595;
font-size: 18px;
padding:0 15px;
background-color: #d9d9d9;
color: #666;
line-height: 3;
display: inline-block;
}
.index-tab a.active,.index-tab a:hover{
color: #fff;
background-color: #e45291;
}
.index-score{
margin:50px 0 0;
}
.index-score li{
float: left;
width: 202px;
height: 360px;
margin-right: 46px;
margin-bottom: 50px;
}
.index-score img{
width: 200px;
height: 360px;
}
.index-score li:nth-child(5n){
margin-right: 0;
}
.index-class img{
width: 1200px;
height: 524px;
}
.index-class-join{
margin:30px 0;
}
.index-class-join a{
color: #fff;
}
.index-class-join>div{
position: relative;
display: block;
width: 385px;
height: 154px;
text-align: center;
float: left;
}
.index-class-join div:nth-child(1){
background: url('../images/join01.jpg');
margin-right:20px;
}
.index-class-join div:nth-child(2){
background: url('../images/join02.jpg');
margin-right:20px;
}
.index-class-join div:nth-child(3){
background: url('../images/join03.jpg');
}
.index-class-join div h3{
padding-top:50px;
font-size: 30px;
font-weight: bold;
margin-bottom:10px;
}
.index-class-join div p{
font-size: 18px;
}
.index-class-join>div>.show1{
display: none;
width: 385px;
height: 154px;
text-align: center;
float: left;
background: #9c365e;
position: absolute;
top:0;
left:0
}
.index-class-join>div:hover .show1{
display: block;
}
.index-class-join>div>.show2{
display: none;
width: 385px;
height: 154px;
text-align: center;
float: left;
background: #a67d01;
position: absolute;
top:0;
left:0
}
.index-class-join>div:hover .show2{
display: block;
}
.index-class-join>div>.show3{
display: none;
width: 385px;
height: 154px;
text-align: center;
float: left;
background: #43806e;
position: absolute;
top:0;
left:0
}
.index-class-join>div:hover .show3{
display: block;
}
.index-teacher{
width: 1200px;
height: 640px;
}
.index-teacher .swiper-container {
width: 100%;
height: 100%;
}
.index-teacher .swiper-slide {
text-align: center;
font-size: 18px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.index-teacher .swiper-button-prev,.index-teacher .swiper-button-next{
width: 64px;
height: 64px;
position: absolute;
top:auto;
bottom:0;
}
.index-teacher .swiper-button-prev{
background:url('../images/index-left.png');
left: auto;
right: 50%;
}
.index-teacher .swiper-button-next{
background:url('../images/index-right.png');
left: 50%;
}
.index-video{
margin-bottom:50px;
}
.index-video li{
width: 385px;
float: left;
position: relative;
margin-right: 20px;
}
.index-video li:last-child{
margin-right: 0;
}
.index-video li a{
display: block;
}
.index-video li img{
width: 385px;
height: 238px;
}
.index-video li span{
position: absolute;
display: block;
width: 60px;
height: 60px;
left: 0;
right: 0;
margin:auto;
top:90px;
background:url('../images/btn-play.png');
}
.index-video li h3{
font-size: 18px;
color: #333;
height: 24px;
overflow: hidden;
}
.index-works li{
width: 298px;
height: 226px;
border-right: 2px solid #fff;
border-bottom:2px solid #fff;
overflow: hidden;
float: left;
position: relative;
}
.index-works li div{
position: absolute;
left: 0;
top:0;
width: 100%;
height: 100%;
background-color: rgba(228,82,145,.8);
color: #fff;
}
.index-works li:nth-child(5) div{
background-color: rgba(244,195,0,.8);
}
.index-works li:nth-child(9) div{
background-color: rgba(96,187,160,.8);
}
.index-works li div h3{
font-size: 24px;
margin-left: 24px;
margin-top:24px;
}
.index-works li div p{
font-size: 48px;
margin-left: 24px;
font-weight: bold;
}
.index-works li img{
width: 100%;
height: 100%;
}
.index-news-left{
width:590px;
height: 366px;
position: relative;
overflow: hidden;
}
.index-news-left img{
width: 100%;
height: 100%;
}
.index-news-left>a>div{
position: absolute;
bottom:0;
left: 0;
background: rgba(0,0,0,.3);
color: #fff;
width: 100%;
padding:10px;
}
.index-news-left>a>div h3{
font-size: 18px;
margin-bottom:4px;
}
.index-news-left>a>div span{
font-size: 14px;
opacity: .7;
}
.index-news-right ul li{
margin-bottom:30px;
height: 100px;
overflow: hidden;
font-size: 14px;
}
.index-news-right ul li a{
color: #999;
}
.index-news-right ul li img{
float: left;
width: 160px;
height: 100px;
margin-right: 20px;
}
.index-news-right ul li h3{
font-size: 18px;
color: #333;
height: 24px;
overflow: hidden;
}
.index-news-right ul li span{
margin: 10px 0;
display: block;
}
.index-news-right ul li p{
height: 20px;
overflow: hidden;
}
.index-tlist{
border-bottom:5px solid #e45291;
background-color: #fff;
color: #e45291;
}
.index-tlist>a{
color: #e45291;
}
.index-tlist:hover{
background-color: #e45291;
color:#fff
}
.index-tlist:hover a{
color:#fff
}
.index-tlist img{
width: 268px;
height: 356px;
}
.index-tlist h3{
font-size: 30px;
font-weight: bold;
margin-top:30px;
}
.index-tlist p{
font-size: 18px;
margin-bottom:30px;
}
.index-ttbg{
background-color: #f2f2f2;
padding:10px 0 60px;
margin-top:80px;
}
.index-szbg{
background:url('../images/szbg.jpg');
padding:10px 0 60px;
margin-top:80px;
}