*
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
    outline: none;
    font-family: 'Microsoft Yahei';
}
html,body{
    width: 100%;
    background-image: url(../images/bg.png);
}
.center{
    width: 1200px;
    margin: 0 auto;
    zoom:1;
}
.center::after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.banner{
    width: 100%;
    height: 839px;
    background: url(../images/top.png) no-repeat center center;
}
.title_2{
    width: 471px;
    height: 64px;
    margin-top: 30px;
    background: url(../images/title_2.png) no-repeat center center;
}
.zhong_title_2{
    width: 100%;
    height: 61px;
    margin-top: 20px;
    background: url(../images/zhong_title_2.png) no-repeat center center;
}
.content_box2{
    width: 100%;
    height: 1087px;
    background-color:#ffffff;
    margin-top: 30px;
    padding: 30px;
    box-sizing: border-box;
}
.content_box2 li{
    width: 350px;
    /* height: 244px; */
    padding-right: 45px;
    margin-bottom: 20px;
    float: left;
}
.content_box2 li:nth-child(3n) {
    padding-right: 0;
}
.content_box2 li a {
    position: relative;
    display: block;
}
.content_box2 li a .bofang {
    position: absolute;
    top: 75px;
    left: 129px;
}
.school_text2{
    font-size: 20px;
    color: #7076f3;
    text-align: center;
    padding: 20px 0px 10px;
}
.school_text2_2 {
    font-size: 16px;
    color: #f05a5b;
    text-align: center;
}
.title_1{
    width: 471px;
    height: 64px;
    margin-top: 78px;
    background: url(../images/title_1.png) no-repeat center center;
}
.zhong_title_1{
    width: 100%;
    height: 61px;
    margin-top: 20px;
    background: url(../images/zhong_title_1.png) no-repeat center center;
}
.content_box3{
    width: 100%;
    height: 610px;
    background-color:#ffffff;
    margin-top: 30px;
    padding: 130px 30px 30px;
    box-sizing: border-box;
}
.content_box3 .list_box {
    float: left;
    position: relative;
    width: 350px;
}
.content_box3 .list_box img {
    width: 312px;
    margin: 0 auto;
    display: block;
}
.content_box3 .list_box img.bofang {
    display: none;
}
.school_text3 {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin: 21px 0px 14px;
}
.content_box3_ul {
    width: 1050px;
    height: 440px;
    margin: 0 auto;
}
.content_box3_ul li {
    display: none;
}
.content_box3_ul li.active {
    display: block;
}
.school_text3_3 {
    font-size: 14px;
    color: #f05a5b;
    opacity: .8;
    text-align: center;
}
.content_box3 .list_box.active {
    z-index: 1;
}
.content_box3 .list_box.active img {
    width: 400px;
    margin-left: -25px;
    margin-top: -68px;
}
.content_box3 .list_box.active img.bofang {
    width: 92px;
    height: 95px;
    position: absolute;
    left: 154px;
    top: 106px;
    display: block;
}
.content_box3 .list_box.active .school_text3 {
    font-size: 20px;
    color: #7076f3;
}
.content_box3 .list_box.active .school_text3_3 {
    font-size: 16px;
    opacity: 1;
}
.content_box3_ol {
    width: 192px;
    margin: 0 auto;
}
.content_box3_ol li {
    margin: 0px 10px;
    background-color: #ff666a;
    opacity: .2;
    width: 44px;
    height: 10px;
    float: left;
    cursor: pointer;
}
.content_box3_ol li.active {
    opacity: 1;
}
.footer{
    height: 169px;
    margin-top: 122px;
    background: url(../images/down.png) no-repeat;
    text-align: center;
    padding: 66px 0px;
    box-sizing: border-box;
    color: #ffffff;
}
.footer>ul>li {
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
}