body {
    margin: 0;
    font-size: 12px;
    line-height: 1;
    font-family: "Microsoft YaHei";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
}

p,
dl,
dd {
    margin: 0;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none !important;
    color: #333;
}

i,
em {
    font-style: normal;
}

/* strong,b{ font-weight:normal;} */

img {
    border: none;
    vertical-align: bottom;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    font-size: 0;
    line-height: 0;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

th,
td {
    padding: 0;
    text-align: left;
    vertical-align: top;
}

input {
    border: none;
    background: none;
    outline: none;
}

textarea {
    resize: none;
}



html {

    overflow-x: hidden;

    overflow-y: auto;

}

body {

    /* overflow: scroll;

    overflow-x: hidden; */

    min-width: 1200px;

    background: #ffffff;

    /* overflow: hidden; */

}

.content {

    width: 1200px;

    margin: 0 auto;

    min-width: 1200px;

}

.zg_header {

    height: 34px;

    width: 100%;

    border-bottom: 1px solid #eaeaea;

}

.zg_header .left {

    float: left;

}

.zg_header .left>span,
.zg_header .left>div,
.zg_header .left>em {

    float: left;

}

.zg_header .left a,
.zg_header .left p,
.zg_header .right a {

    font: 12px/34px "Microsoft YaHei";

    color: #888888;

}

.zg_header .left>em {

    margin: 0px 12px 0 12px;

    font: 12px/34px "Microsoft YaHei";

    color: #dcdcdc;

}

.zg_header .left .hdnav_more {

    width: 72px;

    cursor: pointer;

    height: 34px;

    position: relative;

}

.zg_header .left .hdnav_more p {

    height: 34px;

}

.zg_header .left .hdnav_more img {

    display: inline-block;

    width: 6px;

    height: 4px;

    /* float: right; */

    position: absolute;

    right: 0;

    top: 16px;

    /* margin:  16px 0 0 0; */

}

.zg_header .left .hdnav_more .more {

    display: none;

}

.zg_header .left .hdnav_more ul {

    width: 1140px;

    height: 44px;

    box-shadow: #cccccc 0 0 6px;

    margin: 1px 0 0 -160px;

    display: none;

    position: relative;

    z-index: 10;

    background: #ffffff;

}

.zg_header .left .hdnav_more li {

    float: left;

}

.zg_header .left .hdnav_more li a {

    margin: 0px 12px 0 12px;

    font: 12px/44px "Microsoft YaHei";

    color: #666666;

    margin: 0 15px 0 15px;

}

.zg_header .left .hdnav_more li em {



    font: 12px/44px "Microsoft YaHei";

    color: #dcdcdc;

}

.zg_header .left .hdnav_more li a:hover {

    color: #ff4800;
}

.zg_header .left .hdnav_more .on {

    color: #ff4800;

    height: 34px;

}



.zg_header .right {

    float: right;

}

.zg_header .right em {

    margin: 0 6px 0 6px;

    font: 12px/34px "Microsoft YaHei";

    color: #dcdcdc;

}

.zg_header a:hover {

    color: #ff4800;

}

.zg_top {

    height: 115px;

}

.zg_top .logo,
.zg_top .logo span,
.zg_top .logo h2 {

    float: left;

}

.zg_top .logo h2 {

    width: 244px;

    margin: 0 0 0 10px
}

.zg_top .logo h2 a {

    display: block;

}

.zg_top .logo h2 .s1 {

    display: block;

    font: 12px/12px "Microsoft YaHei";

    text-align: center;

    color: #000000;

    letter-spacing: 1.5px;



}

.zg_top .logo span a h1 {

    font: bold 12px/12px "Microsoft YaHei";

    text-align: center;

    color: #333333;

    letter-spacing: 3px;

    margin-top: 7px;

}

.zg_top .logo h2 .s2 {

    display: block;

    font: 16px/16px "Microsoft YaHei";

    letter-spacing: 1px;

    color: #000000;

    text-align: center;

    margin: 9px 0 11px 0
}

.zg_top .logo h2 .s3 {

    display: block;

    font: 8px/8px "Microsoft YaHei";

    letter-spacing: 1px;

    color: #000000;

    text-align: center;

}

.zg_top .logo h2 .s3 em {

    display: inline-block;

    width: 40px;

    height: 1px;

    background: #231815;

    vertical-align: middle;

    margin: auto 7px
}

.zg_top .logo {



    margin: 25px 0 0 0;

}

.zg_top .city_box {

    float: left;

    margin: 47px 0 10px 42px;

    cursor: pointer;

    position: relative;

    z-index: 310;

}

.zg_top .city_box p {

    font: 16px/16px "Microsoft YaHei";

    padding-bottom: 10px;

    color: #ff4800;

}

.zg_top .city_box p span {

    margin-right: 10px;

}

.zg_top .city_box em {

    background: url(../../images/list_jiaoxue_img/city_more.png) no-repeat;

    width: 10px;

    height: 6px;

    display: inline-block;

    /* _margin-top: 5px; */

    margin-left: 4px;

    vertical-align: middle;

    transition: .3s ease-in;

}

.zg_top .city_box .on em {
    transform: rotate(180deg);
}

.zg_top .city_box .citys {

    width: 540px;

    height: 125px;

    background: #ffffff;

    box-shadow: #f3f3f3 0 0 8px;

    margin-top: 10px;

    padding-left: 20px;

    z-index: 1000;

    display: none;

    position: absolute;

    top: 15px;

    left: 0px;

}

.zg_top .city_box .citys a {

    font: 14px/14px "Microsoft YaHei";

    color: #333333;

    float: left;

    padding: 20px 24px 0 0;

}

.zg_top .city_box .citys a:hover {

    color: #ff4800;

}

.zg_top .tel {

    padding-top: 10px;

    height: 34px;

    line-height: 34px;

    background: url(../../images/list_jiaoxue_img/top_tel.png) no-repeat left 11px;

    float: right;

    font-size: 28px;

    font-weight: initial;

    text-indent: 45px;

    color: #fb4f05;

    margin-top: 31px
}



.zg_nav .show_lnav {
    float: left;
    width: 280px;
}


.zg_nav h2 {

    width: 280px;

    /* height: 47px; */

    background: #ff4b00;



    position: relative;

    cursor: pointer;



}

.zg_nav h2>a {

    display: block;

    width: 200px;

    height: 47px;
    color: #ffffff;

    font: bold 16px/46px "Microsoft YaHei";

    letter-spacing: 1px;

    padding-left: 50px;

}

.zg_nav h2 img {

    /* float: right; */
    margin: 21px 0px 0 56px;
    vertical-align: top;

}

.zg_nav h2 .asidenav {



    display: none;

    z-index: 10;

}

.zg_nav .aside_on .asidenav {

    display: block
}


.zg_nav h2 .asidenav li a:hover {

    color: #ff4b00
}



.zg_nav .nav_top {

    float: left;
    height: 47px;
    position: relative;
    z-index: 755;

}

.nli {

    float: left;

    margin-left: 19px;

    position: relative;

    z-index: 500;

}

.nli h6 a {

    font: 18px/46px "Microsoft YaHei";

    color: #333333;



}

.nli .nli_in {

    width: 129px;

    border-radius: 3px;

    background: #ffffff;

    position: absolute;

    top: 46px;

    left: -25px;

    box-shadow: #999999 0 0 8px;

    display: none;

    z-index: 550;

}

.nli em {

    margin: 16px 0 0 3px;
    display: inline-block;
    vertical-align: top;

}

.nli .more {

    display: none;

}

.nli em img {

    vertical-align: middle;

}

.nli>.on a {

    color: #ff4a00;

}

.nli .nli_in .on {

    background: #f4f4f4;

}

.nli_in a {

    font: 14px/14px "Microsoft YaHei";

    text-align: center;

    display: block;

    padding: 13px 0 10px 0;

    color: #333333;

}

.nli .nli_in .on a {

    color: #ff4a00;

}

.zg_nav .content {
    position: relative;
    z-index: 300;
    height: 47px;
}



.left_nav {
    width: 1920px;
    display: none;
    padding: 33px 0 70px 0;
    height: 50px;
    background-color: #f8f8f8;
    position: absolute;
    top: 47px;
    left: -360px
}

.left_nav .cont {
    width: 1222px;
}

.left_nav .cont>div {
    float: left;
    width: 199px;
    height: 74px;
    border-right: 1px solid #f9dacd;

}

.left_nav .cont>div a {
    display: block;
    margin: -2px 0 17px 0;
    font-size: 14px;
    line-height: 16px;

}

.left_nav .cont>div a img {
    margin: 0 10px 0 50px;
    width: 17px;
}






/*---footer---*/


/* banner */
.dhbanner {
    width: 100%;
    height: 457px;
    background: url(../../images/list_jiaoxue_img/dhbannerbg.jpg) no-repeat center center;
}

.dhbanner .content {
    height: 457px;
    background: url(../../images/list_jiaoxue_img/dhbanner.jpg) no-repeat center center;
    position: relative;
}

#flag {
    position: absolute;
    left: 40%;
    top: 40%;
    animation: flag-reverse ease-in-out infinite;
}

#flag>li {
    height: 100%;
    float: left;
    background-image: url("../../images/list_jiaoxue_img/bannermain.png");
    background-size: auto 100%;
    animation: flag ease-in-out infinite;
}

.dhbanner .main {
    width: 1200px;
    height: 380px;
    padding-top: 95px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.dhbanner .main h4 {
    font: bold 22px/43px '΢���ź�';
    color: #f34747;
    width: 330px;
    height: 43px;
    background: url(../../images/list_jiaoxue_img/bannerh4.png) no-repeat center;
    margin: 0 auto 49px auto;
}

.dhbanner .main h5 {
    font-size: 26px;
    color: #fff;
    margin-top: 48px;
}

.dhbanner .main h5:after {
    content: '';
    display: block;
    width: 318px;
    height: 11px;
    background: #f34747;
    margin: -5px 0 0 440px;
}

.dhbanner .main h5 span {
    letter-spacing: 6px;
}

/* ��ѧ���� */
.dhjxln h3 {
    font-size: 26px;
    padding-top: 114px;
    font-weight: bold;
}

.dhjxln h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}

.dhjxln .content {
    position: relative;
}

.dhjxln .bottom .left {
    width: 602px;
    float: left;
    padding-top: 90px;
}

.dhjxln .bottom .right {
    width: 598px;
    float: left;
    padding-top: 27px;
    text-align: right;
    height: 424px;
    position: relative;
}

.dhjxlnbox {
    width: 602px;
    height: 210px;
}

.dhjxlnbox .swiper-slide h4 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 16px;
}

.dhjxlnbox .swiper-slide h4 img {
    vertical-align: top;
}

.dhjxlnbox .swiper-slide p {
    font-size: 16px;
    line-height: 28px;
}

.dhjxlnbox .swiper-pagination-bullet {
    width: 50px;
    height: 2px;
    background: #e9e9e9;
    opacity: 1;
    margin: 1px 0 0 0 !important;
    display: block;
    float: left;
    border-radius: 0;
}

.dhjxlnbox .swiper-pagination-bullet-active {
    background: #3883e8;
    height: 3px;
    margin: 0 !important;
}

.dhjxln .dhjxlnbg {
    position: absolute;
    top: 263px;
    left: -100px;
}

.dhjxln .ball {
    width: 506px;
    height: 300px;
    border-radius: 50%;
    position: absolute;
    top: 54px;
    right: 0;

}

.dhjxln .ball div {
    width: 20px;
    height: 20px;
    background: #0082f0;
    border-radius: 50%;
    position: absolute;
    top: 253px;
    left: -10px;
    animation: animX 10s cubic-bezier(0.36, 0, 0.64, 1) -5s infinite alternate,
        animY 10s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate,
        scale 20s cubic-bezier(0.36, 0, 0.64, 1) 0s infinite alternate;

}

@keyframes animX {
    0% {
        left: -5px;
    }

    100% {
        left: 495px;
    }
}

@keyframes animY {
    0% {
        top: 15px;
    }

    100% {
        top: 300px;
    }
}

@keyframes scale {

    0% {
        transform: scale(0.7)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.7)
    }
}

.dhjxln .dhjxlngj {
    padding-top: 55px;
}

.dhjxln .dhjxlnsl {
    position: absolute;
    top: 23px;
    left: 134px;
}

/* ��ѧ��ϵ */
.jxtx {
    background: #f3f3f3;
}

.jxtx .content {
    background: #f3f3f3;
    padding-bottom: 57px;
}

.jxtx h3 {
    font-size: 26px;
    padding: 64px 0 46px 0;
    font-weight: bold;
}

.jxtx h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}

.jxtx .top {
    margin-bottom: 70px;
}

.jxtx .top li {
    float: left;
    width: 380px;
    margin-right: 30px;
    height: 306px;
    padding-top: 61px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 50px 5px #e3e2e2;
    position: relative;
    text-align: center;
}

.jxtx .top li.last {
    margin-right: 0;
}

.jxtx .top li:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0px;
    height: 4px;
    background: #6489f7;
    border-radius: 2px;
    transition: 1s;
}

.jxtx .top li:hover:after {
    width: 380px;
}

.jxtx .top li h4 {
    font-size: 20px;
    line-height: 64px;
}

.jxtx .top li p {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.jxtx .top li a {
    display: block;
    margin: 32px auto 0;
    font-size: 16px;
    color: #fff;
    width: 150px;
    line-height: 44px;
    border-radius: 5px;
    background: #f34747;
    transition: .5s;
}

.jxtx .top li a:hover {
    transform: scale(1.1);
}

.jxtx .top li a img {
    margin-left: 10px;
    vertical-align: middle;
}

/* ��ҵ������ʵѵ��Ŀ */
.jxtxb {
    background: #fff;
    box-shadow: 0 0 50px 5px #e3e2e2;
    border-radius: 5px;
    padding-bottom: 100px;
    position: relative;
}

.jxtxb h4 {
    width: 250px;
    font-size: 18px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    background: url(../../images/list_jiaoxue_img/jxtxbh4.png) no-repeat;
    margin: 0 auto;
}

.jxtxb ul {
    height: 385px;
    padding-top: 39px;
    padding-left: 50px;
    overflow: hidden;
    position: relative;
}

.jxtxb ul li {
    width: 539px;
    height: 58px;
    border: 1px solid #ececec;
    border-radius: 8px;
    margin-right: 19px;
    float: left;
    margin-bottom: 17px;

}

.jxtxb ul li .left {
    float: left;
    font-size: 18px;
    line-height: 58px;
    padding-left: 29px;
}

.jxtxb ul li:hover .left {
    color: #fff;
    font-weight: bold;
}

.jxtxb ul li .left span {
    font-size: 16px;
    color: #999;
}

.jxtxb ul li:hover .left span {
    opacity: 0.5;
    color: #fff;
}

.jxtxb ul li .right {
    float: right;
    margin-right: 17px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #999;
    margin-top: 13px;
    margin: 13px 17px 0 0;
    overflow: hidden;
    position: relative;
}

.jxtxb ul li .right .jxtxbjt9 {
    position: absolute;
    left: 8px;
    top: 10px;
}

.jxtxb ul li .right .jxtxbjtf {
    position: absolute;
    left: -17px;
    top: 10px;
}

.jxtxb ul li:hover {
    background: url(../../images/list_jiaoxue_img/jxtxbli.png) no-repeat;
}

.jxtxb ul li:hover .right {
    border-color: #fff;
}

.jxtxb ul li:hover .jxtxbjt9 {
    display: none;
}

.jxtxb ul li:hover .jxtxbjtf {
    left: 8px;
    transition: 0.5s;
}

.jxtxb ul .last {
    position: absolute;
    right: 30px;
    bottom: 0px;
    background: #fff url(../../images/list_jiaoxue_img/jxtxbli2.png) no-repeat;
    z-index: 10;
    font-weight: bold;
    border: none;
    width: 541px;
    height: 60px;
}

.jxtxb ul .last a {
    color: #f34747;
}

.jxtxb ul .last a span {
    color: #f34747;
    font-weight: normal;
}

.jxtxb ul .last .right {
    border: 1px solid #f34747;
}

.jxtxb .more {
    width: 1200px;
    height: 20px;
    position: absolute;
    top: 490px;
    left: 0;
    background: #fff;
    cursor: pointer;
}

.jxtxb .more img {
    position: absolute;
}

.jxtxb .more .jxtxbmore1 {
    top: 0;
    left: 50%;
    margin-left: -12px;
    animation: jxtxb 1s .5s linear infinite;
}

.jxtxb .more .jxtxbmore2 {
    top: 7px;
    left: 50%;
    margin-left: -12px;
    animation: jxtxb 1s linear infinite;
}

@keyframes jxtxb {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* ��ѧ���� */
.dhjxlc {
    padding-bottom: 120px;
}

.dhjxlc h3 {
    font-size: 26px;
    padding: 119px 0 61px 0;
    font-weight: bold;
}

.dhjxlc h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}

.dhjxlcbox .hd {
    width: 400px;
    float: left;
    margin-right: 25px;
}


.dhjxlcbox .hd li div {
    position: absolute;
    width: 400px;
    height: 174px;
    left: 0;
    transition: 1s;
    font-size: 22px;
    text-align: center;
}

.dhjxlcbox .hd li .top {
    color: #333;
    top: 0;
    border-radius: 8px;
}

.dhjxlcbox .hd li .bottom {

    color: #fff;
    top: 174px;
    border-radius: 8px;
}

.dhjxlcbox .hd ul li {
    cursor: pointer;
    height: 174px;
    line-height: 174px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px 1px #f3f2f2, 10px 0 20px -10px #f3f2f2, -10px 0 20px -10px #f3f2f2;
}

.dhjxlcbox .hd ul li.on .top {
    top: -174px;
}

.dhjxlcbox .hd ul li.on .bottom {
    top: 0;
}

.dhjxlcbox .hd li div img {
    vertical-align: middle;
    margin-right: 20px;
}

.dhjxlcbox .tempWrap {
    box-shadow: 0 0 20px 5px #f1f0f0;
}

.dhjxlcbox .hd li.xq .top {
    background: url(../../images/list_jiaoxue_img/xqbg.png) no-repeat center center;
}

.dhjxlcbox .hd li.xq .bottom {
    background: url(../../images/list_jiaoxue_img/xqbg2.png) no-repeat center center;
}

.dhjxlcbox .hd li.xz .top {
    background: url(../../images/list_jiaoxue_img/xzbg.png) no-repeat center center;
}

.dhjxlcbox .hd li.xz .bottom {
    background: url(../../images/list_jiaoxue_img/xzbg2.png) no-repeat center center;
}

.dhjxlcbox .hd li.xh .top {
    background: url(../../images/list_jiaoxue_img/xhbg.png) no-repeat center center;
}

.dhjxlcbox .hd li.xh .bottom {
    background: url(../../images/list_jiaoxue_img/xhbg2.png) no-repeat center center;
}

.dhjxlcbox .bd {
    width: 774px;
    float: left;

}

.dhjxlcbox .bd div {
    height: 450px;
    padding-top: 70px;
    background: url(../../images/list_jiaoxue_img/dhjxlchdbg.png) no-repeat center center;
}

.dhjxlcbox .bd div p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    padding: 0 55px
}

.dhjxlcbox .bd div p em {
    color: #f34747;
    font-weight: bold;
}

/* ��ѧ�з� */
.dhjxyf {
    padding-bottom: 120px;
}

.dhjxyf h3 {
    font-size: 26px;
    padding-bottom: 60px;
    font-weight: bold;
}

.dhjxyf h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}

.dhjxyf h4 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 3px;
}

.dhjxyf h5 {
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    color: #999;
}

.dhjxyf ul {
    padding-top: 100px;
    background: url(../../images/list_jiaoxue_img/dhjxyfbg.png) no-repeat 175px top;
}

.dhjxyf ul li {
    float: left;
    width: 380px;
    height: 282px;
    border-radius: 10px;
    margin-right: 30px;
    text-align: center;
    transform-style: preserve-3d;
}

.dhjxyf ul li.last {
    margin-right: 0;
}

.dhjxyf ul li h6 {
    font-size: 20px;
    font-weight: bold;
}

.dhjxyf ul li p {
    font-size: 16px;
    color: #999;
    line-height: 56px;
}

.dhjxyf ul li .con {
    font-size: 16px;
    color: #999;
    line-height: 30px;
    margin-top: 20px;
}

.dhjxyf ul li:hover img {
    transform: rotateY(180deg);
}

.dhjxyf ul li img {
    transition: 1s;
}

.cube {
    width: 300px;
    text-align: center;
    margin: 0 auto;
    height: 282px;

}


.toggle-button {
    display: inline-block;
    vertical-align: middle;
}

.cube {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.first_cube {
    padding-top: 50px;
    height: 232px;
}

.first_cube,
.second_cube {
    background: #fff;

    width: 100%;
    position: relative;
}

.second_cube {
    height: 282px;
}

.second_cube img {
    margin-top: -40px;
}

.first_cube {
    -webkit-transform: translateZ(141px);
    transform: translateZ(141px);
    box-shadow: 0 0 20px 5px #f4f4f4;
}

.second_cube {
    margin-top: -2px;
    -webkit-transform: rotateX(-90deg) translateZ(-141px);
    transform: rotateX(-90deg) translateZ(-141px);
    box-shadow: 0 0 20px 5px #f4f4f4;
}

.cube:hover {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
}

/* ��ʦ�Ŷ� */
.dhtea {
    padding-bottom: 118px;
}

.dhtea .content {
    position: relative;
}

.dhtea h3 {
    font-size: 26px;
    text-align: center;
}

.dhtea .titp {
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    color: #999;
    margin-bottom: 45px;
}

.dhteatop {
    box-shadow: 0 0 50px 5px #f4f4f4;
    margin-bottom: 60px;
}

.dhteatop li {
    width: 400px;
    height: 150px;
    padding-top: 10px;
    float: left;
    position: relative;
}

.dhteatop li.active {
    box-shadow: 0 0 50px 5px #e3a7a7;
    border-radius: 6px;
    background: url(../../images/list_jiaoxue_img/dhteatop.jpg) no-repeat center center;
    z-index: 10;
}

.dhteatop li.active dt {
    color: #fff;
    text-shadow: 5px 5px 5px #ed373a;
}

.dhteatop li.active dd {
    color: #fac4c3;
}

.dhteatop li dl {
    height: 75px;
}

.dhteatop li dl dt {
    float: left;
    font-size: 26px;
    color: #f34747;
    padding-top: 26px;
    padding-left: 85px;
    font-weight: bold;
    margin-right: 20px;
}

.dhteatop li dl dd {
    float: left;
    width: 200px;
    font-size: 16px;
    color: #999;
    line-height: 24px;
    padding-top: 29px;
}

.dhteatop li dl dd.two {
    padding-top: 10px;
}

.dhtea .line {
    width: 2px;
    height: 83px;
    background: #e9ebf2;
    position: absolute;
    top: 153px;
}

.dhtea .line1 {
    left: 399px;
}

.dhtea .line2 {
    left: 799px;
}


.dhteabottom {
    box-shadow: 0 0 50px 5px #f4f4f4;
}

.dhteabottom .parHd {
    height: 100px;
    line-height: 30px;
    position: relative;
}

.dhteabottom .parHd ul {
    float: left;
    position: absolute;
    left: 48px;
    top: -1px;
    height: 100px;
}

.dhteabottom .parHd ul li {
    float: left;
    cursor: pointer;
    height: 100px;
    width: 120px;
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 46px;
    position: relative;
}

.dhteabottom .parHd ul li.on a {
    color: #f34747;
}

.dhteabottom .parHd ul li a {
    display: block;
    padding-top: 43px;
}

.dhteabottom .parHd ul li a.dhtea1 {
    background: url(../../images/list_jiaoxue_img/dhtea1.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea1 {
    background: url(../../images/list_jiaoxue_img/dhtea11.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea2 {
    background: url(../../images/list_jiaoxue_img/dhtea2.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea2 {
    background: url(../../images/list_jiaoxue_img/dhtea22.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea3 {
    background: url(../../images/list_jiaoxue_img/dhtea3.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea3 {
    background: url(../../images/list_jiaoxue_img/dhtea33.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea4 {
    background: url(../../images/list_jiaoxue_img/dhtea4.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea4 {
    background: url(../../images/list_jiaoxue_img/dhtea44.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea5 {
    background: url(../../images/list_jiaoxue_img/dhtea5.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea5 {
    background: url(../../images/list_jiaoxue_img/dhtea55.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea6 {
    background: url(../../images/list_jiaoxue_img/dhtea6.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea6 {
    background: url(../../images/list_jiaoxue_img/dhtea66.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea7 {
    background: url(../../images/list_jiaoxue_img/dhtea7.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea7 {
    background: url(../../images/list_jiaoxue_img/dhtea77.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea8 {
    background: url(../../images/list_jiaoxue_img/dhtea8.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea8 {
    background: url(../../images/list_jiaoxue_img/dhtea88.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea9 {
    background: url(../../images/list_jiaoxue_img/dhtea9.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea9 {
    background: url(../../images/list_jiaoxue_img/dhtea99.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li a.dhtea10 {
    background: url(../../images/list_jiaoxue_img/dhtea10.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on a.dhtea10 {
    background: url(../../images/list_jiaoxue_img/dhtea1010.png) no-repeat center 20px;
}

.dhteabottom .parHd ul li.on:after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #ef5353;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: 0;
}

.dhteabottom .slideBox {
    overflow: hidden;
    zoom: 1;
    position: relative;
}

.dhteabottom .sPrev,
.dhteabottom .sNext {
    position: absolute;
    left: 10px;
    top: 140px;
    display: block;
    z-index: 99;
}

.dhteabottom .sNext {
    left: auto;
    right: 10px;
}


.dhteabottom .parBd ul {
    overflow: hidden;
    zoom: 1;
}

.dhteabottom .parBd ul li {
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.dhteabottom .parBd ul li .pic {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.dhteabottom .parBd ul li .pic img {
    width: 240px;
    height: 335px;
    display: block;
}

.dhteabottom .parBd ul li .title {
    line-height: 60px;
    font-size: 18px;
    background: url(../../images/list_jiaoxue_img/dhteatit.jpg);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 240px;
}
.dhteabottom .parBd ul li .title a{
    margin-left:20px;
}



.dhteabottom .parBd ul li .title span {
    font-size: 14px;
    color: #666;
    margin-left: 15px;
}

.dhteabottom .jianj {
    position: absolute;
    height: 120px;
    width: 204px;
    background: rgba(255, 255, 255, 0.6);
    left: 0;
    bottom: -156px;
    padding: 18px;
    transition: 0.5s;
}

.dhteabottom .jianj div {
    line-height: 24px;
    text-align: left;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.dhteabottom .parBd ul li .pic:hover .jianj {
    bottom: 0;
}

.dhtea .more {
    display: block;
    margin: 32px auto 0;
    font-size: 16px;
    color: #fff;
    width: 170px;
    line-height: 44px;
    border-radius: 5px;
    background: #f34747;
    transition: .5s;
    text-align: center;
}

.dhtea .more:hover {
    transform: scale(1.1);
}

.dhtea .more img {
    margin-left: 10px;
    vertical-align: middle;
}

.dhteabottom .parHd ul li:before {
    content: '';
    display: block;
    width: 2px;
    height: 28px;
    background: #ededec;
    position: absolute;
    right: 0;
    top: 39px;
}

.dhteabottom .parHd ul .last:before {
    background: #fff;
}

/* ÃûÆóºÏ×÷ */
.dhmqhz {
    background: #fef2f2;
}

.dhmqhz .content {
    background: #fef2f2;
    padding: 50px 0 60px 0;
}

.dhmqhz h3 {
    font-size: 26px;
    padding-bottom: 63px;
    font-weight: bold;
}

.dhmqhz h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}

.dhmqhz .main {
    width: 1200px;
    height: 442px;
    padding-top: 48px;
    background: url(../../images/list_jiaoxue_img/dhmqhzbg.jpg) no-repeat center;
    box-shadow: 0 0 50px 5px #f4eaea;
}

.dhmqhz .top {
    margin-bottom: 54px;
}

.dhmqhz .top div {
    float: left;
    width: 600px;
    height: 32px;
}

.dhmqhz .top .left {
    border-right: 2px solid #f5f2f2;
}

.dhmqhz .top .right {
    width: 598px;
}

.dhmqhz .top div span,
.dhmqhz .top div em {
    vertical-align: middle;
}

.dhmqhz .top div img {
    vertical-align: -189%;
}

.dhmqhz .top .left img {
    margin-left: 110px;
}

.dhmqhz .top .right img {
    margin-left: 70px;
}

.dhmqhz .top div span {
    font-size: 16px;
    color: #999;
}

.dhmqhz .top div em {
    font-size: 18px;
    color: #333;
    margin: 0 16px 0 8px;
}

.dhmqhzbox {
    position: relative;
    width: 1133px;
    margin: 0 auto;
}

.dhmqhzbox .hd .prev,
.dhmqhzbox .hd .next {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 109px;
    left: -60px;
    cursor: pointer;
}

.dhmqhzbox .hd .next {
    background-position: 0 -50px;
    right: -60px;
    left: auto;
}


.dhmqhzbox .bd {
    padding: 10px;
}

.dhmqhzbox .bd ul {
    overflow: hidden;
    zoom: 1;
}

.dhmqhzbox .bd ul li {
    margin: 0 14px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.dhmqhzbox .bd ul li .pic {
    text-align: center;
}

.dhmqhzbox .bd ul li .pic img {
    width: 250px;
    height: 290px;
    display: block;
}

.dhmqhzbox .bd ul li a{
    display: block;
}
.dhmqhzbox .bd ul li p{
    width: 250px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    background: url(../../images/list_jiaoxue_img/mqhztm.png) no-repeat center;
}
/* ÆóÒµ¼¶´óÐÍʵѵÏîÄ¿ */
.dhsxxm{
    padding-bottom: 120px;
}
.dhsxxm h3{
    height: 50px;
    background: #fff3f3;
}
.dhsxxm h3 .content{
    height: 50px;
    background: #fff3f3 url(../../images/list_jiaoxue_img/dhxmsxh3.png) no-repeat center top;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
}

.dhsxxmbox .hd{ height:100px; position:relative; margin-bottom: 60px;}
.dhsxxmbox .hd ul {
    float: left;
    position: absolute;
    left: 120px;
    top: -1px;
    height: 100px;
}
.dhsxxmbox .hd ul li {
    float: left;
    cursor: pointer;
    height: 100px;
    width: 120px;
    font-size: 16px;
    color: #666;
    text-align: center;
    line-height: 46px;
    position: relative;
}

.dhsxxmbox .bd ul{  zoom:1;  }
.dhsxxmbox .bd li{ 
    float: left;
    width: 380px;
    background: #fff3f3;
    box-shadow: 0 0 50px 5px #f5e9e9;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 30px;
}



.dhsxxmbox .bd li.last{
    margin-right: 0;
}
.dhsxxmbox .bd li a{
    display: block;
}
.dhsxxmbox .bd li img{
    width: 380px;
    height: 272px;
    transition: .5s;
}
.dhsxxmbox .box{
    box-shadow: 0 10px 50px 0 #f4f4f4;
}
.dhsxxmbox .bd li:hover img{
    transform: scale(1.1);
}
.dhsxxmbox .bd li p{
    width: 380px;
    height: 60px;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
}
.dhsxxmbox .more {
    display: block;
    margin: 32px auto 0;
    font-size: 16px;
    color: #fff;
    width: 194px;
    line-height: 44px;
    border-radius: 5px;
    background: #f34747;
    transition: .5s;
    text-align: center;
}
.dhsxxmbox .more img {
    margin-left: 10px;
    vertical-align: middle;
}
.dhsxxmbox .more:hover {
    transform: scale(1.1);
}


.dhsxxmbox .hd ul li.on a {
    color: #f34747;
}

.dhsxxmbox .hd ul li a {
    display: block;
    padding-top: 43px;
}

.dhsxxmbox .hd ul li a.dhtea1 {
    background: url(../../images/list_jiaoxue_img/dhtea1.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea1 {
    background: url(../../images/list_jiaoxue_img/dhtea11.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea2 {
    background: url(../../images/list_jiaoxue_img/dhtea2.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea2 {
    background: url(../../images/list_jiaoxue_img/dhtea22.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea3 {
    background: url(../../images/list_jiaoxue_img/dhtea3.png) no-repeat center 20px;
}
.dhsxxmbox .hd ul li.on a.dhtea3 {
    background: url(../../images/list_jiaoxue_img/dhtea33.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea4 {
    background: url(../../images/list_jiaoxue_img/dhtea4.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea4 {
    background: url(../../images/list_jiaoxue_img/dhtea44.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea5 {
    background: url(../../images/list_jiaoxue_img/dhtea5.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea5 {
    background: url(../../images/list_jiaoxue_img/dhtea55.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea6 {
    background: url(../../images/list_jiaoxue_img/dhtea6.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea6 {
    background: url(../../images/list_jiaoxue_img/dhtea66.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea7 {
    background: url(../../images/list_jiaoxue_img/dhtea7.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea7 {
    background: url(../../images/list_jiaoxue_img/dhtea77.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea8 {
    background: url(../../images/list_jiaoxue_img/dhtea8.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea8 {
    background: url(../../images/list_jiaoxue_img/dhtea88.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea9 {
    background: url(../../images/list_jiaoxue_img/dhtea9.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea9 {
    background: url(../../images/list_jiaoxue_img/dhtea99.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li a.dhtea10 {
    background: url(../../images/list_jiaoxue_img/dhtea10.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on a.dhtea10 {
    background: url(../../images/list_jiaoxue_img/dhtea1010.png) no-repeat center 20px;
}

.dhsxxmbox .hd ul li.on:after {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: #ef5353;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: 0;
}

/* ½Ìѧƽ̨ */
.dhjxpt .content{
    padding-bottom: 60px;
}
.dhjxpt h3 {
    font-size: 26px;
    padding-bottom: 93px;
    font-weight: bold;
}
.dhjxpt h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}
.dhjxpt h4 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 12px;
}
.dhjxpt .computer{
    width: 769px;
    height: 459px;
    background: url(../../images/list_jiaoxue_img/jxpt.png) no-repeat center;
    margin: 0 auto;
    position: relative;
}

.dhjxptbox{ width:408px; height:230px;  position:absolute;top: 69px;
    left: 50%;
    margin-left: -206px;}
		.dhjxptbox .hd{ height:8px; position:absolute; left: 196px; bottom:-15px; z-index:1; }
		.dhjxptbox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.dhjxptbox .hd ul li{ float:left; margin-right:6px;  width:8px; height:8px; line-height:14px; text-align:center; background:#828282; cursor:pointer; border-radius: 50%;}
		.dhjxptbox .hd ul li.on{ background:#fff;  }
		.dhjxptbox .bd{ position:relative; height:100%; z-index:0;   }
		.dhjxptbox .bd li{ zoom:1; vertical-align:middle; }
		.dhjxptbox .bd img{ width:408px; height:230px; display:block;  }
.jxptred,.jxptblue{
    position: absolute;
}
.jxptred{
    left: 111px;
    top: 219px;
    animation: big 1s linear infinite alternate;
}
@keyframes big{
    0%{
        transform: scale(0.9);
    }
    100%{
        transform: scale(1.1);
    }
}
.jxptblue{
    right: 104px;
    top: 43px;
    animation: big 1s .3s linear infinite alternate;
}
.dhjxptbox2 li{
    width: 250px;
    padding: 0 27px;
    position: absolute;
    
}
.dhjxptbox2 li div{
    height: 0;
    overflow: hidden;
    transition: 0.5s;
    padding-top: 12px;
    font-size: 16px;
    line-height: 32px;
    color: #999;
}
.dhjxptbox2 li:hover{
    z-index: 10;
    box-shadow: 0 0 50px 5px #f4f4f4;
    background: #fff;
    border-radius: 6px;
}
.dhjxptbox2 li:hover div{
    height: 114px;
}
.dhjxptbox2 li.one:hover div,.dhjxptbox2 li.two:hover div{
    height: 177px;
}

.dhjxptbox2 h5{
    font-size: 20px;
    padding-top: 20px;
}
.dhjxptbox2 h5 img{
    margin-right: 17px;
}
.dhjxptbox2 h6{
    font-size: 20px;
    padding-top: 20px;
}
.dhjxptbox2 h6 img{
    margin-right: 17px;
}
.dhjxptbox2 li.one{
    left: -157px;
    top: 21px;
}
.dhjxptbox2 li.two{
    left: -157px;
    top: 150px;
}
.dhjxptbox2 li.three{
    left: -157px;
    top: 280px;
}
.dhjxptbox2 li.four{
    right: -168px;
    top: 21px;
    text-align: right;
}
.dhjxptbox2 li.five{
    right: -168px;
    top: 280px;
    text-align: right;
}









/* ½Ìѧ»·¾³ */
.dhjxhj{
    background: #f5f5f5;
}
.dhjxhj .content{
    padding-bottom: 120px;
    background: #f5f5f5;
    padding-top: 58px;
}
.dhjxhj h3 {
    font-size: 26px;
    padding-bottom: 47px;
    font-weight: bold;
}
.dhjxhj h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}
.dhjxhj h4{
    font-size: 20px;
    text-align: center;
    width: 234px;
    margin: 0 auto;
    border-left: 4px solid #f34747;
    font-weight: bold;
}
.dhjxhj .tit{
    font-size: 18px;
    color: #999;
    text-align: center;
    line-height: 54px;
    margin-bottom: 40px;
}
.dhjxhj .main{
    height: 400px;
    background: #fff;
    box-shadow: 0 0 50px 5px #e4e4e4;
    border-radius: 8px;
    padding: 50px 45px 0;
    position: relative;
}
.dhjxhj .main .left{
    width: 466px;
    height: 343px;
    border: 1px solid #f34c47;
    float: left;
    border-radius: 6px;
    overflow: hidden;
}
.dhjxhj .main .right{
    width: 612px;
    height: 345px;
    background: #ccc;
    float: right;
    border-radius: 6px;
    overflow: hidden;
}
.dhjxhj .main .left .add{
    height: 93px;
    background: #f35f47;
}
.dhjxhj .main .left h5{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding-left: 20px;
    line-height: 52px;
}
.dhjxhj .main .left p{
    font-size: 14px;
    color: #fff;
    padding-left: 18px;
}
.dhjxhj .main .left p img{
    margin-right: 6px;
}
.dhjxhj .main .left p .tel{
    margin-left: 34px;
}
.BMap_Marker{
    background:url(../../images/list_jiaoxue_img/ditu.png) no-repeat !important;
}



.dhjxhj .video_in{
    width: 612px;
    height: 345px;
    background: url(../../images/list_jiaoxue_img/video1.png) no-repeat center bottom;
    background-size: 100% 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0.1rem;
    overflow: hidden;
}

.dhjxhj .video{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
}
.dhjxhj .play{
    display: block;
    width: 88px;
    height: 88px;
    margin: 129px auto 0;
    position: relative;
    cursor: pointer;
}
.dhjxhj .play img{
    width: 88px;
    height:88px;
}

.dhjxhj .play div{
    width: 70px;
    height:70px;
    border-radius: 50%;
    border:1px solid rgba(255, 255, 255, 0.5);
    animation: play 1.25s 0s infinite cubic-bezier(.21, .53, .56, .8);
    position: absolute;
    top: 8px;
    left: 8px;
}
.dhjxhj .play .cir1{
    animation-delay: 0.0s;
}
.dhjxhj .play .cir2{
    animation-delay: 0.3s;
}
@keyframes play {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
      opacity: 1; }
  
    70% {
      -webkit-transform: scale(1.5);
              transform: scale(1.5);
      opacity: 0.7; }
  
    100% {
        -webkit-transform: scale(1.8);
              transform: scale(1.8);
      opacity: 0.0; } 
}
.dhjxhj .more{
    position: absolute;
    display: block;
    width: 204px;
    height: 52px;
    background: #fff;
    box-shadow: 0 0 50px 5px #ebebeb;
    bottom: 33px;
    right: -20px;
    z-index:10;
    border-radius: 6px;
    line-height: 52px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #f34747;
    transition: .5s;
}
.dhjxhj .more:hover {
    transform: scale(1.1);
}
.dhjxhj .more img{
    vertical-align: middle;
    margin-left: 11px;
}


/* ³£¼ûÎÊÌâ */
.dhqus{
    background: #f5f5f5;
}
.dhqus .content{
    padding-bottom: 120px;
    background: #f5f5f5;
}
.dhqus h3 {
    font-size: 26px;
    padding-bottom: 64px;
    font-weight: bold;
}
.dhqus h3 span {
    font-size: 18px;
    color: #999;
    margin-left: 16px;
    font-weight: normal;
}
.dhqus ul{
    float: left;
    width: 375px;
    height: 188px;
    border-right: 2px solid #f1f0f0;
}
.dhqus ul li{
    width: 318px;
    margin: 0 auto;
    height: 42px
}
.dhqus ul a{
    display: block;
    width: 318px;
    font-size: 16px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dhqus ul a img{
    vertical-align: middle;
    margin-right: 7px;
}
.dhqus ul a.nonum{
    padding-left: 36px;
}
.dhqus ul a:hover{
    color: #f34747;
}
.dhqus ul.two{
    width:405px;
}
.dhqus ul.three{
    width:412px;
}
.dhqus .more {
    display: block;
    margin: 58px auto 0;
    font-size: 16px;
    color: #fff;
    width: 194px;
    line-height: 44px;
    border-radius: 5px;
    background: #f34747;
    transition: .5s;
    text-align: center;
}
.dhqus .more img {
    margin-left: 10px;
    vertical-align: middle;
}
.dhqus .more:hover {
    transform: scale(1.1);
}