@charset "utf-8";
*{padding:0;margin:0;}
html,body{width:100%;margin:0 auto;font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif;background: #f0efff;font-size: 14px;}
input{outline:none!important;}
ul{list-style:none;}
ol{list-style:none;}
a{ text-decoration:none;}
img{border:none;}
a{color:black}
a:link{text-decoration:none!important;}
a:visited{text-decoration:none!important; }
a:hover{text-decoration:none!important;}
a:active{text-decoration:none!important; }
.w-1200{width: 1200px;min-width: 1200px;margin: auto;}
/********************banner***********************/
.banner{
    width: 100%;
    min-width: 1200px;
    height:440px;
    background: url("../images/banner.png") no-repeat center center;
}
.floor-1-title{
    background: url("../images/pic_1.png") no-repeat;
    width: 415px;
    height: 76px;
    margin: auto;
}
.floor-1{
    padding-top: 60px;
}
.floor-2-title{
    background: url("../images/pic_2.png") no-repeat;
    width: 415px;
    height: 76px;
    margin: auto;
}
.floor-3-title{
    background: url("../images/pic_3.png") no-repeat;
    width: 415px;
    height: 76px;
    margin: auto;
}
.floor-4-title{
    background: url("../images/pic_4.png") no-repeat;
    width: 549px;
    height: 76px;
    margin: auto;
}
.floor-5-title{
    background: url("../images/pic_5.png") no-repeat;
    width: 415px;
    height: 76px;
    margin: auto;
}
.floor-2{
    padding-top: 60px;
}
.small-title{
    color: #4f3fc1;
    font-size: 24px;
    text-align: center;
    padding-top: 5px;
    letter-spacing: 1px;
}
.floor-1-box{
    border: 10px solid #4f3fc1;
    overflow: hidden;
    margin-top: 30px;
}
.floor-1-box-left{
    border-right: 5px solid #4f3fc1;
    float: left;
}
.floor-1-box-right{
    border-left: 5px solid #4f3fc1;
    float: right;
}
.floor-1-box-left,.floor-1-box-right{
    background: #ffffff;
    width: 585px;
    height: 300px;
}
.floor-1-box h3{
    background: #ded9fb;
    display: inline-block;
    color: #5c40ec;
    padding: 4px 10px;
    border-radius: 4px;
    margin-top: 25px;
    margin-left: 30px;
    letter-spacing: 1px;
}
.floor-1-box-left p{
    padding: 28px 30px;
    color: #5c40ec;
    line-height: 26px;
    letter-spacing: 1px;
    font-size: 15px;
}
.floor-1-box-left ul li{
    font-size: 15px;
    padding: 8px 30px;
    color: #5c40ec;
    line-height: 24px;
    letter-spacing: 1px;
}
.floor-1-box-left ul li span{
    font-weight: bold;
    padding-right: 10px;
    font-size: 15px;
}
.lc-list{
    overflow: hidden;
    padding: 0px 25px;
    padding-top: 20px;
}
.lc-list dl{
    float: left;
    text-align: center;
    height: 100px;
    width: 150px;
    padding-bottom: 15px;
}
.lc-list dl dd{
    color: #5c40ec;
    letter-spacing: 1px;
    padding-top: 3px;
    font-size: 15px;
}
.lc-list p{
    background: url("../images/pic_6.png") no-repeat center center;
    float: left;
    width: 32px;
    height: 55px;
    margin: 0px 5px;
}
.lc-list dl:last-child{
    width: auto;
    position: relative;
    left: -25px;
}
.course-list{

background: #5c40ec;

overflow: hidden;

padding: 20px;

margin-top: 25px;
}
.course-box{

background: #fff;

float: left;

margin-right: 20px;

padding: 10px;
}
.ov-h{

overflow: hidden;
}
.ov-h img{

/* width: 100%; */

/* height: 100%; */

width: 255px;

height: 170px;
}
.ov-h img:hover {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transition: ease-out 0.5s;
    -o-transition: ease-out 0.5s;
    -webkit-transition: ease-out 0.5s;
    transition: ease-out 0.5s;
}
.course-box h4{

color: #333333;

letter-spacing: 1px;

font-size: 16px;

font-weight: normal;

padding: 5px;
}
.opt{

overflow: hidden;

padding: 5px;
}
.opt .zx{

border: 1px solid #ed6a79;

width: 75px;

height: 30px;

display: inline-block;
border-radius: 30px;

text-align: right;

color: #ed6a79;

line-height: 30px;

padding-right: 15px;

margin-right: 10px;
}
.opt .zx i{

font-size: 20px;

padding-right: 9px;

position: relative;

top: 2px;
}
.opt .xq{

border: 1px solid #ed6a79;

width: 75px;

height: 30px;

display: inline-block;

background: #fff;

border-radius: 30px;

text-align: right;

color: #ed6a79;

line-height: 30px;

padding-right: 15px;
}
.course-box:last-child{
    margin-right: 0;
}
.opt a:hover{
    -moz-transition: ease-out 0.3s;
    -o-transition: ease-out 0.3s;
    -webkit-transition: ease-out 0.3s;
    transition: ease-out 0.3s;
    color: #fff;
    background: #ed6a79;
}
.floor-3{
    margin-top: 60px;
}
.floor-3-ul1{

overflow: hidden;

padding-top: 30px;
}
.floor-3-ul1 li{

float: left;
}
.floor-3-ul1 li span{

background: #7764f4;

color: #fff;

padding: 8px 19px;

display: inline-block;
}
.floor-3-ul1 li i{

color: #7764f4;

font-size: 16px;

display: inline-block;

padding: 0px 15px;
}
.floor-3-box h3{
    background: #cbc4ff;
    width: 1170px;
    margin: auto;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 5px;
    color: #2200b6;
    margin-top: 30px;
}
.floor-3-box .cjwt-box{
    height: 326px;
    background: url("../images/pic_17.png") no-repeat;
    padding-top: 53px;
    padding-left: 45px;
    padding-right: 45px;
}
.cjwt-box p{

font-size: 15px;

font-weight: bold;

color: #2200b6;

padding-bottom: 8px;
}
.cjwt-box span{

color: #2200b6;

padding-bottom: 22px;

display: block;

line-height: 24px;
}
.cjwt-box i{

display: inline-block;

background: #5c40ec;

color: #fff;

width: 120px;

text-align: center;

margin: auto;

display: block;

padding: 10px 0px;

font-style: normal;

cursor: pointer;
}
.cjwt-box i:hover{
    opacity: 0.85;
}
.city-list{
    /* height: 370px; */
    background: url("../images/pic_18.png") no-repeat;
    background-size: 100% 100%;
}
.city-list ul{
    overflow: hidden;
    padding: 48px 20px;
    /* padding: 0px 20px; */
    /* padding-top: 37px; */
    padding-bottom: 20px;
}
.city-list ul li{
    background: url("../images/pic_19.png") no-repeat;
    text-align: center;
    width: 125px;
    height: 56px;
    line-height: 56px;
    float: left;
    margin: 0px 10px;
    margin-bottom: 20px;
    color: #fff;
}
.floor-4 {
    margin-top: 60px;
}
.floor-4-box{
    background: #5c40ec;
    padding: 39px;
    margin-top: 40px;
}
.floor-4-box ul{
    overflow: hidden;
}
.floor-4-box ul li{
    float: left;
    background: #ffffff;
    margin-right: 40px;
}
.floor-4-box ul li img{
    padding: 25px;
    display: block;
}
.floor-4-box ul li:last-child{
    margin-right: 0;
}
.floor-5{
    margin-top: 60px;
}
.floor-5-box-1{
    background: #5c40ec;
    padding: 15px;
    padding-bottom: 0;
    padding-top: 20px;
    margin-top: 30px;
}
.floor-5-box-1 ul{
    overflow: hidden;
}
.floor-5-box-1 ul li{
    float: left;
    background: #fff;
    width: 280px;
    height: 220px;
    text-align: center;
    margin-bottom: 17px;
    margin-right: 15px;
}
.floor-5-box-1 ul li dl{
    padding-top: 35px;
}
.floor-5-box-1 ul li dl dd h3{
    color: #333333;
    font-size: 16px;
    padding-bottom: 10px;
}
.floor-5-box-1 ul li dl dd p{
    color: #333333;
    line-height: 22px;
}
.next ul li dl dt {
    color: #5c40ec;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
    letter-spacing: 1px;
}
.next ul li{
    height: 186px;
}
.next ul li dl dd p{
    color: #5c40ec;
    line-height: 26px;
}
.footer{
    background: #5c40ec;
    margin-top: 40px;
    min-width: 1200px;
}
.footer p{
    text-align: center;
    color: #fff;
    line-height: 30px;
}
.footer .w-1200{
    padding: 20px 0px;
}
.left-por{
    width: 90px;
    height: 400px;
    background: #ffffff;
    position: fixed;
    top: 50%;
    margin-top: -200px;
    right: 0;
}
.left-por ul{

padding-top: 20px;

text-align: center;

padding-bottom: 20px;
}
.left-por ul li{
    text-align: center;
    display: inline-block;
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 10px;
}
.left-por ul .list-1{

background: #fd8cbe;

}
.left-por ul .list-2{

background: #5d7af5;
}
.left-por ul .list-3{

background: #ff8400;
}
.left-por ul .list-4{

background: #80d5f5;
}
.left-por ul li:hover{
    opacity: 0.8;
}
.left-por ul li:last-child{
    margin-bottom: 0;
}
.left-por i{
    
display: block;
    
margin: auto;
    
width: 60px;
    
height: 1px;
    
background: #e1e1e1;
}
.left-por dl {

text-align: center;

color: #49b849;

padding: 10px 0px;

cursor: pointer;
}
.left-por dl dt em{

font-size: 30px;
}
.left-por dl dd{

padding-top: 5px;

position: relative;
}
.uo dt em{
    font-size: 19px!important;
    padding-top: 11px;
    color: black;
}
.left-por dl:hover{
    opacity: 0.85;
}
.left-por dl dd img{
    position: absolute;
    width: 90px;
    top: -48px;
    right: 90px;
    display: none;
}
.c-hide{
    display: none;
}
@media screen and (max-width: 480px) {
    .left-por{
        display: none;
    }
    .w-1200{
        width: 100%;
        min-width: 100%;
    }
    .banner{
        min-width: 100%;
        height: 2.75rem;
        background: url("../images/banner_m.png") no-repeat;
        background-size: 100% 100%;
    }
    .floor-1{
        padding-top: 0.4rem;
    }
    .floor-1-title{
        width: 4.15rem;
        height: 0.76rem;
        background-size: 100% 100%;
    }
    .small-title{
        
font-size: 0.26rem;
        
padding-top: 0.05rem;
    }
    .floor-1-box{
        
border: none;
        
margin-top: 0.3rem;
        
padding: 0 3%;
    }
    .floor-1-box-left, .floor-1-box-right{
        width: 100%;
        height: auto;
    }
    .floor-1-box-left{
        border-right: none;
    }
    .floor-1-box h3{
        
font-size: 0.28rem;
        
margin-left: 4%;
        
margin-top: 5%;
        
padding: 0.04rem 0.2rem;
    }
    .floor-1-box-left p{
        
padding: 2% 4%;
        
font-size: 0.24rem;
        
line-height: 0.35rem;
    }
    .floor-1-box-left ul li{
        
font-size: 0.24rem;
        
padding: 2% 4%;
        
line-height: 0.35rem;
    }
    .floor-1-box-left ul li span{
        
font-size: 0.26rem;
    }
    .floor-1-box-right{
        
border-left: none;
        
margin-top: 0.2rem;
    }
    .lc-list{
        
padding: 4% 2%;
    }
    .lc-list dl{
        
width: 100%;
        
float: none;
        
height: auto;
        
padding-bottom: 0.2rem;
        
/* float: left; */
        
/* height: 2rem; */
    }
    .lc-list p{
        background: url("../images/pic_32.png") no-repeat;
        background-size: 100% 100%;
        height: 0.5rem;
        width: 0.3rem;
        margin: auto;
        display: block;
        float: none;
        margin-top: 0.2rem;
        margin-bottom: 0.4rem;
    }
    .lc-list dl:last-child{
        
position: inherit;
    }
    .lc-list dl dd{
        font-size: 0.26rem;
    }
    .floor-2{
        padding-top:0.4rem ;
    }
    .floor-2-title{
        width: 4.15rem;
        height: 0.76rem;
        background-size: 100% 100%;
    }
    .course-list{
        padding: 4% 1%;
        margin-top: 0.25rem;
    }
    .course-box{
        
margin-right: 0;
        
width: 40%;
        
margin: 0 2%;
        
margin-bottom: 4%;
        
border-radius: 0.1rem;
    }
    .ov-h img{
        
width: 100%;
        
height: 100%;
    }
    .course-box h4{
        
font-size: 0.26rem;
        
padding: 0.05rem;
    }
    .opt{
        padding: 0.05rem;
    }
    .opt .zx{

width: 40%;

height: 0.4rem;

padding: 0;

text-align: center;

font-size: 0.24rem;

line-height: 0.4rem;

margin: 0;

float: left;
}
    .opt .xq{
        width: 48%;
        height: 0.4rem;
        padding: 0;
        text-align: center;
        line-height: 0.4rem;
        font-size: 0.24rem;
        float: right;
    }
    .opt .zx i{
        display: none;
    }
    .floor-3{
        
margin-top: 0.4rem;
    }
    .floor-3-title {
        width: 4.15rem;
        height: 0.76rem;
        background-size: 100% 100%;
    }
    .floor-3-ul1{
        padding-top: 0.3rem;
        padding: 4% 0.3rem;
    }
    .floor-3-ul1 li{

width: 44%;

margin: 2% 3%;

}
    .floor-3-ul1 li span{

font-size: 0.24rem;

padding: 3% 4%;

display: block;

text-align: center;

}
    .floor-3-ul1 li i{
        
display: none;
    }
    .floor-3-box h3{
        
width: 98%;
        
margin-top: 0.3rem;
        
font-size: 0.28rem;
        
padding-top: 0.2rem;
        
letter-spacing: 1px;
    }
    .floor-3-box .cjwt-box{
        background-size: 100% 100%;
        height: auto;
        padding-left: 4.5%;
        padding-right: 4.5%;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
    .cjwt-box p{
        
font-size: 0.28rem;
        
padding-bottom: 0.1rem;
    }
    .cjwt-box span{
        
line-height: 0.38rem;
        
font-size: 0.26rem;
        
padding-bottom: 0.2rem;
    }
    .cjwt-box i{
        
padding: 0;
        
width: 4rem;
        
font-size: 0.26rem;
        
padding-top: 0.2rem;
        
padding-bottom: 0.2rem;
        
border-radius: 0.06rem;
    }
    .city-list{
        
background-size: 100% 100%;
        
height: auto;
        
padding-left: 4.5%;
        
padding-right: 4.5%;
        
/* padding-top: 0.8rem; */
        
padding-bottom: 0.6rem;
    }
    .city-list ul{

padding: 0;

padding-top: 0.7rem;

}
    .city-list ul li{
        
width: 21%;
        
margin: 0;
        
margin: 2%;
        
height: 0.6rem;
        
line-height: 0.6rem;
        
background-size: 100% 100%;
    }
    .floor-4{
        
margin-top: 0.4rem;
    }
    .floor-4-title{
        width: 5.5rem;
        height: 0.76rem;
        background-size: 100% 100%;

    }
    .floor-5{
        margin-top: 0.4rem;
    }
    .floor-5-title{
        width: 4.15rem;
        height: 0.76rem;
        background-size: 100% 100%;
    }
    .floor-4-box{
        margin-top: 0.3rem;
        padding: 4%;
    }
    .floor-4-box ul li{
        margin: 0;
        margin-bottom: 4%;
        width: 100%;
    }
    .floor-4-box ul li img{
        padding: 5%;
        width: 90%;
    }
    .floor-5-box-1{
        
margin-top: 0.3rem;
        
padding: 4% 2%;
    }
    .floor-5-box-1 ul li{
        
width: 46%;
        
/* margin: 4%; */
        
margin-left: 2%;
        
margin-right: 2%;
        
height: 3.2rem;
    }
    .floor-5-box-1 ul li dl{
        padding-top: 0.3rem;
    }
    .floor-5-box-1 ul li dl dt img{

        width: 33%;
    }
    .floor-5-box-1 ul li dl dd h3{
        font-size: 0.28rem;
        padding-bottom: 0.07rem;
    }
    .floor-5-box-1 ul li dl dd p{
        font-size: 0.26rem;
    }
    .next ul li dl dt{
        font-size: 0.32rem;
        padding-bottom: 0.2rem;
    }
    .next ul li{

height: auto;

padding-bottom: 0.25rem;

}
    .footer{
        margin-top: 0.35rem;
        min-width: 100%;
    }
    .footer p{
        font-size: 0.26rem;
        padding: 0 5%;
        line-height: 0.36rem;
    }
}