@charset "gb2312";
/* CSS Document */
body {font-family:"微软雅黑", Arial, Tahoma,"微软雅黑";margin:0;padding:0;font-size:12px;color:#000; background:#fff; } 
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;} 
ul,li{list-style-type:none;} 
img{border:0;} 
input,select,textarea{vertical-align:middle;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;} 
header, section, footer, aside, nav, main, article, figure { display: block; } 
/* Link */ 
a{color:#333333;text-decoration:none;} 
a:hover {text-decoration:none;-webkit-transition: .8s} 
/* Other */ 
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;} 
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */ 
.f_left{float:left;} 
.f_right{float:right;} 
.img{vertical-align:middle;} 

.banner{width:100%; text-align: center;margin:0 auto;overflow:hidden; min-width:1200px;} 
.banner01{width:100%; text-align: center;margin:0 auto;overflow:hidden; min-width:1200px;} 
.quality{ width:100%; height:auto; background:#f2f2f2; min-width:1200px;} 
.div_center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative;} 
.xiaju{ margin-bottom:16px;} 
.distance{ margin-left:12px;} 

#pageApp{
	
}

/*-----顶部广告-----*/
.adBox{
	width: 1200px;
	margin:0 auto;
}
.adBox img{
	width: 100%;
	border:0;display: block;
}
/*-----顶部广告-----*/

/*-----遮罩广告-----*/
.maskBox{
	position: fixed;
	top:0;
	left:0;
	z-index: 99999;
	width:100vw;
	height:100vh;
	background: rgba(0,0,0,0.3);
	transition:background .3s 0s; 
}
.maskBox.cur{
	background: rgba(0,0,0,0);
	z-index: -10;
}
.maskBox .inner{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	opacity: 1;
	transition: top .3s 0s,opacity .2s 0s; 
}
.maskBox .inner img{
	width:100%;
	border:0;display: block;
}
.maskBox .inner span.close{
	width:50px;
	height:50px;
	border:2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top:-40px;
	right:-40px;
	opacity: .5;
}
.maskBox .inner .close::before,.maskBox .inner .close::after{
    position: absolute;
    top:50%;
    left:50%;
    content: "";
    width:5px;
    height:30px;
    background:#fff; 
    border-radius: 4px;
    transform: translate(-50%,-50%) rotate(45deg);
}
.maskBox .inner .close::after{
    width:30px;
    height:5px;
}
.maskBox .inner span.close:hover{
	opacity: 1;
}

.maskBox .inner.cur{
	top: 0;
	opacity: 0;
}
/*-----遮罩广告-----*/

@charset "gb2312";
/* CSS Document */

.course_banner {
    background: url(../images/co01.jpg) center no-repeat;
    width: 100%;
    height: 330px;
}

.course_list_a {
    font-size: 34px;
    color: #fff;
    line-height: 60px;
    display: block;
    padding-top: 50px;
}

.course_list_b {
    font-size: 46px;
    color: #fff;
    line-height: 62px;
    padding-top: 4px;
}

.course_list_c {
    color: #2fdc81;
    font-weight: bold;
}

.course_list_d {
    color: #1dd7eb;
    font-weight: bold;
}

.course_list_e {
    font-size: 22px;
    color: #fff;
    display: block;
    width: 210px;
    height: 40px;
    line-height: 42px;
    border: 1px #fff solid;
    margin: 10px auto;
}

.course_list_f {
    font-size: 16px;
    color: #fff;
    padding-top: 22px;
    line-height: 26px;
}

    .course_list_f span {
        margin: 0 16px;
    }

.course_high {
    width: 100%;
    height: auto;
    background: #fff;
    min-width: 1200px;
}

.course_title {
    width: 100%;
    height: auto;
    padding-top: 52px;
    padding-bottom: 54px;
}

    .course_title p {
        font-size: 38px;
        color: #333;
        line-height: 54px;
        font-weight: bold;
    }

    .course_title span {
        font-size: 16px;
        color: #999;
    }

.vys01 {
    width: 80%;
    height: 360px;
    margin: 0 auto;
    margin-top: 0.2rem;
}

.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    height: 1450px;
    width: 1200px;
    list-style: none;
    text-align: center;
}

    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 15px 1%;
        width: 567px;
        height: 317px;
        background: #3085a3;
        text-align: center;
    }

        .grid figure .course_img01 {
            position: relative;
            display: block;
            height: 317px;
            width: 567px;
        }

        .grid figure figcaption {
            width: 567px;
            height: 317px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

        .grid figure figcaption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .grid figure figcaption > a {
                z-index: 1000;
            }

        .grid figure .course_shi span {
            font-weight: 800;
        }

        .grid figure .course_shi,
        .grid figure a span {
            margin: 0;
        }

.grid_01 {
    position: relative;
    clear: both;
    margin: 0 auto;
    height: 1780px;
    width: 1200px;
    list-style: none;
    text-align: center;
}

    .grid_01 figure {
        position: relative;
        float: left;
        overflow: hidden;
        margin: 15px 1%;
        width: 567px;
        height: 317px;
        background: #3085a3;
        text-align: center;
    }

        .grid_01 figure .course_img01 {
            position: relative;
            display: block;
            height: 317px;
            width: 567px;
        }

        .grid_01 figure figcaption {
            width: 567px;
            height: 317px;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid_01 figure figcaption::before,
            .grid_01 figure figcaption::after {
                pointer-events: none;
            }

        .grid_01 figure figcaption {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .grid_01 figure figcaption > a {
                z-index: 1000;
            }

        .grid_01 figure .course_shi span {
            font-weight: 800;
        }

        .grid_01 figure .course_shi,
        .grid_01 figure a span {
            margin: 0;
        }

figure.effect-goliath {
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}

    figure.effect-goliath .course_img01,
    figure.effect-goliath .course_shi {
        -webkit-transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
    }

    figure.effect-goliath .course_img01 {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    figure.effect-goliath .course_link01 {
        position: absolute;
        bottom: 18px;
        left: 90px;
        width: 181px;
        height: 45px;
        background: #1691e4;
        border-radius: 5px;
        line-height: 45px;
        color: #fff;
    }

    figure.effect-goliath .course_link02 {
        position: absolute;
        bottom: 18px;
        right: 90px;
        width: 181px;
        height: 45px;
        border-radius: 5px;
        line-height: 45px;
        background: #1691e4;
        color: #fff;
    }

    figure.effect-goliath .course_link01:hover {
        background: none;
        border: 1px #1691e4 solid;
        color: #1691e4;
    }

    figure.effect-goliath .course_link02:hover {
        background: none;
        border: 1px #1691e4 solid;
        color: #1691e4;
    }

    figure.effect-goliath .course_link01, figure.effect-goliath .course_link02 {
        text-transform: none;
        font-size: 16px;
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0,50px,0);
        transform: translate3d(0,50px,0);
    }

    figure.effect-goliath:hover .course_img01 {
        -webkit-transform: translate3d(0,-80px,0);
        transform: translate3d(0,-80px,0);
    }

    figure.effect-goliath:hover .course_link01, figure.effect-goliath:hover .course_link02 {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

.course_shi {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    padding-top: 94px;
    padding-bottom: 2px;
}

    .course_shi span {
        color: #37d3f5;
    }

.course_da {
    font-size: 16px;
    color: #f2f2f2;
}

.course_da02 {
    color: #f9eb09;
    font-size: 16px;
}

.course_heng {
    width: 96px;
    height: 5px;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 17px;
    margin-bottom: 20px;
}

.course_lv span {
    color: #54e23d;
}

.course_img02 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.course_lv02 span {
    color: #39e01e;
}

.course_cheng span {
    color: #fbc00c;
}

.course_lan span {
    color: #04ffd3;
}

.course_fn span {
    color: #fa76c7;
}

.course_huang span {
    color: #f9eb09;
}

.course_lan02 span {
    color: #0cebff;
}

.course_juli {
    margin-right: 30px !important;
}


.course_short {
    width: 1200px;
    height: auto;
    display: table;
    padding-bottom: 40px;
}

    .course_short li {
        float: left;
        width: 380px;
        height: 440px;
        background: #fff;
        text-align: left;
        position: relative;
        margin-bottom: 30px;
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
    }

        .course_short li img {
            display: block;
            margin: 15px auto;
        }

.short {
    font-size: 28px;
    color: #343d42;
    border-bottom: 4px #009cbf solid;
    padding-bottom: 6px;
    display: inline-block;
    padding-top: 24px;
    margin-left: 35px;
    margin-bottom: 24px;
}

.short_heng {
    width: 82px;
    height: 8px;
    background: #009cbf;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 99;
}

.course_short li p {
    font-size: 16px;
    color: #343d42;
    margin-left: 35px;
    line-height: 28px;
}

    .course_short li p:hover {
        color: #219bed;
    }

.course_right {
    margin-right: 30px;
}

.short_heng02 {
    width: 82px;
    height: 8px;
    background: #ef9755;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 99;
}

.short_heng03 {
    width: 82px;
    height: 8px;
    background: #64ccb7;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 99;
}

.short02 {
    font-size: 28px;
    color: #343d42;
    border-bottom: 4px #ef9755 solid;
    padding-bottom: 6px;
    display: inline-block;
    padding-top: 24px;
    margin-left: 35px;
    margin-bottom: 24px;
}

.short03 {
    font-size: 28px;
    color: #343d42;
    border-bottom: 4px #64ccb7 solid;
    padding-bottom: 6px;
    display: inline-block;
    padding-top: 24px;
    margin-left: 35px;
    margin-bottom: 24px;
}

.short_qidai {
    font-size: 28px;
    color: #333;
    display: block;
    text-align: center;
    padding-top: 170px;
}

.short_qidai02 {
    font-size: 34px;
    color: #333;
    display: block;
    text-align: center;
}
/*师资培训课程*/
.course_tea {
    width: 536px;
    height: 278px;
    float: left;
}

.course_teacher {
    float: left;
    height: 278px;
    width: 650px;
    background: #f2f2f2;
    position: relative;
}

.teacher_title {
    border-bottom: 1px #dddddd solid;
    width: 573px;
    margin-left: 42px;
    text-align: left;
    padding-bottom: 24px;
}

    .teacher_title img {
        position: relative;
        top: 4px;
        margin-right: 5px;
    }

    .teacher_title p {
        font-size: 24px;
        color: #333;
        padding-top: 25px;
        padding-bottom: 10px;
    }

    .teacher_title span {
        font-size: 16px;
        color: #666;
    }

.tea_shu {
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #c7bebe;
    margin: 0 14px;
}

.teacher_down {
    width: 573px;
    margin-left: 42px;
    text-align: left;
    position: relative;
    padding-top: 20px;
}

    .teacher_down p {
        font-size: 14px;
        color: #777;
        line-height: 25px;
    }

        .teacher_down p:hover {
            color: #219bed;
        }

.teacher_title p:hover {
    color: #219bed;
}

.teacher_top {
    padding-bottom: 80px;
}

.container {
    width: 114px;
    # height: 37px;
    # position: absolute;
    bottom: 40px;
    right: 36px;
}

.btn {
    text-decoration: none;
    display: inline-block;
    height: 37px;
    width: 114px;
    background-color: #219bed;
    line-height: 37px;
    text-align: center;
    position: relative;
    color: #fff;
}

    .btn:before,
    .btn:after {
        -webkit-transition: .3s ease;
        transition: .3s ease;
    }
/* btn-4 */
.btn-4 {
    color: white;
    z-index: 3;
    background-color: transparent;
    box-sizing: border-box;
    border: 1px solid #219bed;
}

    .btn-4:before {
        content: '';
        width: 114px;
        height: 37px;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -2;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        background-color: #219bed;
    }

    .btn-4:hover:before {
        width: 100px;
        height: 0px;
    }

    .btn-4:hover {
        color: #219bed;
    }


.bread {
    width: 1200px;
    height: 74px;
    font-size: 14px;
    color: #777;
    line-height: 74px;
    text-align: left;
}

    .bread a {
        color: #777;
    }

        .bread a:hover {
            color: #219bed
        }

.shortcourse_list {
    width: 904px;
    height: auto;
    background: #fff;
    float: left;
    padding-bottom: 36px;
    box-shadow: 0 0 30px 2px rgba(0,0,0,0.1);
    margin-bottom: 50px;
}

.short_list_title {
    font-size: 28px;
    color: #333;
    line-height: 107px;
    display: block;
    height: 107px;
    overflow: hidden;
}

.short_star {
    width: 834px;
    height: auto;
    margin: 0 auto;
}

    .short_star li {
        width: 100%;
        height: auto;
        text-align: left;
        margin-bottom: 24px;
    }

.star_title {
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

    .star_title img {
        position: relative;
        top: 1px;
        margin-right: 4px;
    }

    .star_title span {
        font-size: 20px;
        color: #333;
    }

.short_star li p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.star_bottom {
    margin-bottom: 10px;
}

.short_star li p a {
    color: #fa3d3d;
}

.star_bottom02 {
    margin-bottom: 30px;
    width: 704px;
    float: left;
}

.star_right {
    width: 101px;
    height: 101px;
    float: right;
    text-align: center;
    font-size: 14px;
    color: #333;
}

    .star_right span {
        margin-top: 8px;
        display: block;
    }

.shortcourse_list_right {
    width: 282px;
    height: auto;
    float: right;
    margin-bottom: 50px;
}

.shortcourse_right_img {
    width: 282px;
    height: 250px;
    overflow: hidden;
    box-shadow: 0 0 16px 2px rgba(0,0,0,0.1);
}

    .shortcourse_right_img a:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: .8s;
        -webkit-transition: .8s
    }

    .shortcourse_right_img a img {
        -webkit-transition: .8s;
    }

.shortcourse_right_recommended {
    width: 282px;
    height: auto;
    background: #fff;
    margin-top: 16px;
    box-shadow: 0 0 16px 2px rgba(0,0,0,0.1);
    padding-bottom: 16px;
}

.recommended_shu {
    width: 3px;
    height: 22px;
    display: inline-block;
    background: #1e94f0;
    position: relative;
    top: 4px;
    margin-right: 8px;
}

.recommended_title {
    font-size: 18px;
    color: #333;
}

.shortcourse_right_recommended p {
    text-align: left;
    padding: 18px 0;
}

.recommended_ul {
    width: 260px;
    height: auto;
    display: table;
    margin: 0 auto;
}

    .recommended_ul li {
        float: left;
        width: 84px;
        height: auto;
        margin: 8px 0px;
    }

        .recommended_ul li span {
            font-size: 14px;
            color: #333;
            display: block;
            padding-top: 8px;
        }

        .recommended_ul li img {
            -webkit-transition: all 0.8s ease-in-out;
            -moz-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
        }

        .recommended_ul li:hover img {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }

        .recommended_ul li:hover span {
            color: #219bed;
            -webkit-transition: .8s
        }

.recommened_down {
    width: 264px;
    height: auto;
    background: url(../images/rem07.png) left 8px no-repeat;
    margin-left: 10px;
    overflow: hidden;
}

    .recommened_down li {
        width: 240px;
        font-size: 14px;
        color: #313131;
        text-align: left;
        margin-left: 26px;
        height: 34px;
        line-height: 34px;
        overflow: hidden;
    }

        .recommened_down li:hover {
            color: #219bed;
            -webkit-transition: .8s
        }


#bg {
    background: url(../images/rem089.jpg) bottom no-repeat;
}

.history_banner {
    width: 1200px;
    background: url(../images/rem08.jpg) bottom no-repeat;
    height: 130px;
    margin: 0 auto;
    padding-top: 18px;
}

.history_list, .down_list, .dynamic {
    width: 834px;
    height: auto;
    margin: 0 auto;
    padding-top: 44px;
}

    .history_list li {
        width: 834px;
        height: auto;
        border-bottom: 1px #ebeaea solid;
        padding-bottom: 22px;
        margin-bottom: 22px;
    }

        .history_list li a {
            width: 735px;
            height: 34px;
            font-size: 16px;
            color: #666;
            display: inline-block;
            text-align: left;
            float: left;
            overflow: hidden;
        }

        .history_list li span {
            font-size: 14px;
            color: #aaa;
            display: inline-block;
            float: right;
            margin-right: 10px;
            width: 80px;
            text-align: left;
        }

        .history_list li p {
            display: table;
            line-height: 34px;
            width: 834px;
            overflow: hidden;
        }

        .history_list li a:hover {
            color: #1e94f0;
            -webkit-transition: .8s
        }

.history_page, .history_page_title {
    width: 100%;
    height: auto;
    margin: 40px 0;
}

.near_seand {
    padding: 4px 8px !important;
}
/* .history_page_title a{ border:1px #ededed solid; font-size:14px; color:#777; display:inline-block;padding: 8px 14px;margin: 0 2px;}
.history_page_title a:hover{ background:#368be1; color:#fff;-webkit-transition: .8s}

.history_page_title a.thisclass {
background: #368be1;
color: #fff;
}
.thisclass {
background: #368be1;
color: #fff;
}
.history_page_title a.thisclass,.history_page_title a.thisclass hover{
background: transparent;
border-color: #09f;
background: #368be1;
color: #fff;
cursor: default;
} */

.history_page_title {
    width: auto;
    height: auto;
    margin: 0 auto;
    font-size: 20px;
    color: #666;
    display: table;
    padding-top: 54px;
    padding-bottom: 20px;
}

    .history_page_title a {
        display: inline-block;
        font-size: 20px;
        color: #666;
        line-height: inherit;
        border-radius: 6px;
    }

        .history_page_title a.list-chage, .history_page_title li.thisclass {
            color: #fff;
            background: #f86b57;
        }

    .history_page_title li {
        float: left;
        font-size: 20px;
        color: #666;
        line-height: inherit;
        padding: 5px 10px;
        margin: 0 3px;
        border-radius: 6px;
        border: 1px #e8e8e8 solid;
    }

.history_hover {
    background: #368be1;
    color: #fff !important;
    -webkit-transition: .8s;
}



.bookdetails_banner {
    width: 100%;
    height: 330px;
    background: url(../images/dea01.jpg) center no-repeat;
}

.bookdeails_banner_white {
    width: 640px;
    height: 200px;
    background: rgba(242,242,242,0.24);
    margin: 0 auto;
}

.book_stop {
    padding-top: 66px;
}

.book_deails01 {
    font-size: 32px;
    color: #fff;
    padding-top: 20px;
}

.book_deails02 {
    font-size: 46px;
    font-weight: bold;
    color: #fff;
}

    .book_deails02 span {
        color: #2fdc81;
    }

.book_deails03 {
    color: #1dd7eb !important;
}

.book_deails04 {
    font-size: 22px;
    color: #fff;
    border: 1px #fff solid;
    display: inline-block;
    width: 212px;
    height: 42px;
    line-height: 42px;
    margin-top: 10px;
}

.bookdetails_book {
    width: 755px;
    height: 275px;
    border: 1px #ddd solid;
    margin: 0 auto;
    margin-bottom: 60px;
}

.bookdetails_left {
    width: 197px;
    height: 275px;
    float: left;
    border-right: 1px #ddd solid;
    position: relative;
}

    .bookdetails_left img {
        width: 197px;
        height: 275px;
        vertical-align: top;
    }

.bookdetails_right {
    float: left;
    width: 475px;
    margin-left: 0px;
    text-align: left;
    padding: 28px 0;
    height: 220px;
}

.bookdetails_sp01 {
    font-size: 14px;
    color: #333;
    display: inline-block;
    text-align: right;
    width: 74px;
}

.bookdetails_sp02 {
    font-size: 16px;
    color: #1e94f0;
}

.bookdetails_sp03 {
    font-size: 14px;
    color: #777;
}

.bookdetails_right p {
    width: 475px;
    line-height: 30px;
    overflow: hidden;
    height: 30px;
}

.bookdetails_sp04 {
    color: #1e94f0;
}

.bookdetails_other {
    height: 40px !important;
}

    .bookdetails_other span {
        position: relative;
        top: -4px;
    }

    .bookdetails_other img {
        position: relative;
        top: 2px;
        margin-right: 4px;
    }

.book_dea_top {
    margin: 30px 0;
}

.book_dea_span {
    width: 355px;
    display: inline-block;
}

.c-s-more {
    position: absolute;
    left: 5px;
    bottom: 0px;
}

    .c-s-more a {
        color: #1e94f0;
        font-size: 14px;
    }

.book_list, .book_list02 {
    width: 100%;
    position: relative;
    padding-bottom: 30px;
    overflow: hidden;
}
/**/
.bookdetails_big {
    width: 235px;
    position: relative;
    height: 275px;
    float: left;
}

.showbox {
    display: none;
    position: absolute;
    left: 235px;
    top: 0;
    width: 400px;
    height: 275px;
    overflow: hidden;
    border: 1px solid #ccc;
    z-index: 99;
}
    /**/ .showbox img {
        position: absolute;
        height: 940px;
        width: 1100px;
    }

.hoverbox {
    display: none;
    position: absolute;
    top: 0;
    left: 10px;
    background: #09f;
    border: 1px solid #09f;
    height: 75px;
    width: 100px;
    cursor: move;
    z-index: 10;
}
/*资讯内容页面*/
.consulting {
    font-weight: bold;
    font-size: 24px;
    color: #333;
    display: block;
    padding-top: 30px;
    line-height: 60px;
}

.consult_cont {
    width: 834px;
    margin: 0 auto;
}

.consult_title {
    font-size: 14px;
    color: #bbbbbb;
    display: block;
}

.consult_cont p {
    font-size: 14px;
    color: #333;
    text-indent: 2em;
    text-align: left;
    margin: 20px 0;
    line-height: 26px;
}

.consult_cont img {
    margin: 10px 0;
}

.consult_fenxiang {
    width: 290px;
    text-align: right;
    font-size: 14px;
    color: #333;
    height: 44px;
    margin-top: 20px;
}

    .consult_fenxiang img {
        position: relative;
        top: 8px;
        margin: 0 2px;
    }

.consult_link {
    width: 834px;
    height: auto;
    text-align: left;
    border-bottom: 1px #e2e0e0 solid;
    padding-bottom: 20px;
    padding-top: 40px;
    margin-bottom: 26px;
}

    .consult_link a {
        font-size: 14px;
        color: #777;
        display: inline-block;
        width: 400px;
        line-height: 40px;
        margin: 0 6px;
        height: 40px;
        overflow: hidden;
    }

        .consult_link a:hover {
            color: #1e94f0;
        }

.consult_last {
    width: 834px;
    height: auto;
    text-align: left;
}

    .consult_last span {
        display: block;
        font-size: 18px;
        color: #333;
    }

    .consult_last ul {
        width: 100%;
        height: auto;
        padding: 14px 0;
        display: table;
    }

    .consult_last li {
        float: left;
        font-size: 14px;
        color: #777;
        width: 400px;
        margin: 2px 8px;
        line-height: 24px;
        height: 24px;
        overflow: hidden;
    }

        .consult_last li:hover {
            color: #1e94f0;
            -webkit-transition: .8s;
        }
/*资源下载页面*/
.down_list li {
    width: 834px;
    height: auto;
    border-bottom: 1px #ebeaea solid;
    padding-bottom: 22px;
    margin-bottom: 22px;
}

.down_hang {
    width: 834px;
    height: auto;
    line-height: 34px;
    overflow: hidden;
    display: table;
}

.down_title {
    width: 707px;
    height: 34px;
    font-size: 16px;
    color: #666;
    display: inline-block;
    text-align: left;
    float: left;
    overflow: hidden;
    background: url(../images/load01.jpg) left no-repeat;
    padding-left: 28px;
}

.down_load {
    font-size: 14px;
    color: #1e94f0;
    display: inline-block;
    float: right;
    margin-right: 10px;
    padding-left: 22px;
    text-align: left;
    background: url(../images/load02.png) left no-repeat;
}

.down_hang:hover .down_title {
    color: #1e94f0;
    -webkit-transition: .8s
}

.down_hang:hover .down_load {
    background: url(../images/load03.png) left no-repeat;
    color: #f1440e;
    -webkit-transition: .8s
}

.down_biao {
    width: 834px;
    height: auto;
    overflow: hidden;
    display: table;
    text-align: left;
    padding-bottom: 16px;
}

    .down_biao span {
        font-size: 20px;
        font-weight: bold;
        color: #444;
    }

    .down_biao a {
        font-size: 14px;
        width: 98px;
        height: 24px;
        border: 1px #368be1 solid;
        color: #368be1;
        display: inline-block;
        line-height: 24px;
        text-align: center;
        margin-left: 16px;
    }

        .down_biao a:hover {
            color: #fff;
            background: #368be1;
            -webkit-transition: .8s;
        }
/*资源下载页面第二弹*/
.resources {
    width: 834px;
    height: auto;
    margin: 0 auto;
    padding-top: 44px;
}

    .resources li {
        width: 834px;
        height: 72px;
        border-bottom: 1px #ebeaea solid;
        display: table;
    }

.resources_title {
    font-size: 16px;
    color: #333;
    display: inline-block;
    float: left;
    width: 508px;
    line-height: 72px;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
    height: 72px;
}

.resources li p {
    width: 315px;
    height: 72px;
    float: right;
    text-align: center;
}

    .resources li p a {
        width: 90px;
        display: inline-block;
        border: 1px #1e94f0 solid;
        border-radius: 5px;
        margin: 22px 5px;
        float: right;
    }

.resources_mouse {
    display: block;
    background: url(../images/yan01.png) 8px no-repeat;
    font-size: 14px;
    color: #1e94f0;
    line-height: 26px;
    padding-left: 20px;
}

.resources_mouse02 {
    display: block;
    background: url(../images/yan02.png) 7px no-repeat;
    font-size: 14px;
    color: #1e94f0;
    line-height: 26px;
    padding-left: 20px;
}

.resources_mouse03 {
    display: block;
    background: url(../images/yan03.png) 7px no-repeat;
    font-size: 14px;
    color: #1e94f0;
    line-height: 26px;
    padding-left: 20px;
}

.resources li:hover {
    background: #f8f8f8;
}

.resources li p a:hover {
    background: #1e94f0;
}

    .resources li p a:hover .resources_mouse {
        color: #fff;
        background: url(../images/yan04.png) 8px no-repeat;
    }

    .resources li p a:hover .resources_mouse02 {
        color: #fff;
        background: url(../images/yan05.png) 7px no-repeat;
    }

    .resources li p a:hover .resources_mouse03 {
        color: #fff;
        background: url(../images/yan06.png) 7px no-repeat;
    }
/*下载内容页*/
.content_down {
    font-size: 28px;
    color: #333;
    display: block;
    margin: 50px 0;
}

.content_top {
    width: 832px;
    border: 1px #eee solid;
    height: 96px;
    background: #fbfbfb;
    margin: 0 auto;
    margin-bottom: 40px;
}

    .content_top ul {
        width: 640px;
        height: auto;
        float: left;
        padding: 20px 0;
    }

    .content_top li {
        width: 190px;
        height: auto;
        float: left;
        text-align: left;
        font-size: 14px;
        color: #777;
        line-height: 28px;
        margin-left: 10px;
    }

.content_top02 {
    margin-left: 36px !important;
}

.content_link {
    width: 120px;
    height: 34px;
    float: left;
    background: #1e94f0;
    border-radius: 5px;
    margin: 31px 36px;
}

    .content_link a {
        background: url(../images/down03.png) 18px 7px no-repeat;
        font-size: 14px;
        color: #fff;
        width: 120px;
        height: 34px;
        line-height: 34px;
        display: block;
        padding-left: 16px;
    }
/*华清动态列表页面*/
.dynamic li {
    width: 834px;
    height: 130px;
    border-bottom: 1px #ebeaea solid;
    padding: 30px 0;
}

.dynamic_img {
    float: left;
    width: 230px;
    height: 130px;
}

.dynamic_title {
    width: 566px;
    height: 130px;
    float: right;
    text-align: left;
}

.dynamic_a {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    display: block;
    overflow: hidden;
    height: 28px;
}

.dynamic_title p {
    font-size: 14px;
    color: #7f7d7d;
    line-height: 22px;
    margin-top: 10px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .dynamic_title p a {
        color: #da0f28;
    }

.dynamic_a:hover {
    color: #1e94f0;
    -webkit-transition: .8s;
}

.dynamic_title span {
    font-size: 14px;
    color: #aaa;
}

.dynamic_title img {
    margin: 0 10px;
}

.dynamic_title_noimg {
    height: 130px;
    width: 100%;
    float: right;
    text-align: left;
}

.dynamic_a {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    display: block;
    overflow: hidden;
    height: 28px;
}

.dynamic_title_noimg p {
    font-size: 14px;
    color: #7f7d7d;
    line-height: 22px;
    margin-top: 10px;
    height: 44px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .dynamic_title_noimg p a {
        color: #da0f28;
    }

.dynamic_a:hover {
    color: #1e94f0;
    -webkit-transition: .8s;
}

.dynamic_title_noimg span {
    font-size: 14px;
    color: #aaa;
}

.dynamic_title_noimg img {
    margin: 0 10px;
}


.dynamic_link {
    color: #fff !important;
    background: #368be1;
    border-radius: 18px;
    border: none !important;
    font-size: 16px !important;
    padding: 5px 9px !important;
    margin-left: 30px !important;
}
/*技术文章*/
.technical {
    font-size: 14px;
    color: #aaa;
    line-height: 72px;
    display: inline-block;
}

.technical_list {
    width: 640px;
}

.resources li:hover .technical_list {
    color: #1e94f0;
    -webkit-transition: .8s;
}
/*联系我们*/
.contact_banner {
    width: 100%;
    background: url(../images/contact01.jpg) center no-repeat;
    height: 330px;
}

    .contact_banner p {
        font-size: 50px;
        color: #fff;
        line-height: 100px;
        padding-top: 90px;
    }

        .contact_banner p span {
            color: #219bed;
        }

.contact_totle {
    font-size: 22px;
    color: #ccc;
}

#wrapper {
    width: 1200px;
    height: auto;
    padding-top: 60px;
    overflow: hidden;
    margin-bottom: 50px;
}

/* 以下是主要的css样式 */
#content {
    width: 990px;
    float: right;
    background: #fff;
}

#sidebar {
    width: 210px;
    background: url(../images/contact02.jpg);
    float: left;
    height: 641px;
}

#portamento_container {
    float: left;
    position: relative;
}

    #portamento_container #sidebar {
        float: none;
        position: absolute;
    }

        #portamento_container #sidebar.fixed {
            position: fixed;
        }

.contact_ul {
    width: 210px;
    height: auto;
    position: relative;
    margin-top: 20px;
}

    .contact_ul li {
        font-size: 18px;
        color: #fff;
        text-align: left;
        margin-left: 30px;
        padding-left: 14px;
        line-height: 50px;
        cursor: pointer;
    }

        .contact_ul li.hover {
            background: url(../images/contact03.png) left no-repeat;
            position: relative;
            left: 0px;
            z-index: 99;
            width: 196px;
            font-weight: bold;
            color: #333;
        }

#content ul {
    width: 920px;
    height: auto;
    margin-left: 40px;
}

#content li {
    width: 100%;
    height: auto;
    padding-top: 40px;
    position: relative;
}

.contect_top {
    width: 100%;
    height: auto;
    display: table;
    padding-bottom: 60px;
}

.contect_top_left {
    float: left;
    width: 490px;
    height: auto;
    text-align: left;
}

    .contect_top_left span, .contect_top_right span, .contect_down_title {
        font-size: 18px;
        color: #fff;
        display: inline-block;
        padding: 0px 21px;
        line-height: 38px;
        background: #3483ca;
        margin-bottom: 10px;
    }

    .contect_top_left p, .contect_top_right p {
        font-size: 14px;
        color: #333;
        text-align: left;
        line-height: 26px;
    }

.contect_top_right {
    float: right;
    height: auto;
    width: 391px;
    text-align: left;
}

.contect_top_img {
    position: absolute;
    top: 60px;
    left: 498px;
}

.contect_down {
    width: 100%;
    height: auto;
    text-align: left;
    margin-top: 35px;
}
/**/
.works_all {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 15px 0;
    padding-bottom: 60px;
}

.topic_ten_kuang {
    float: left;
    width: 30px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    background: rgba(38,51,65,0.85);
    left: 0px;
    top: 70px;
    z-index: 121;
}

.topic_ten_kuang_q {
    float: left;
    width: 30px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    background: rgba(38,51,65,0.85);
    right: 0px;
    top: 70px;
    z-index: 121;
}

.channel_all_u {
    padding: 20px 0;
    display: block;
}

.works_next {
    margin-left: 0 !important;
    height: 240px !important;
    overflow: hidden;
}

    .works_next li {
        float: left;
        width: 292px !important;
        height: 240px !important;
        overflow: hidden;
        margin-right: 22px;
        padding-top: 0 !important;
        position: relative;
        margin-top: 0 !important;
    }

.work_s {
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 10px 0;
}
/*实训项目*/
.train_banner {
    width: 100%;
    height: 330px;
    background: url(../images/train01.jpg) center no-repeat;
}

.train_title {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
    padding-top: 90px;
    padding-bottom: 8px;
}

    .train_title span {
        color: #39a1e7;
    }

.train_title_a {
    font-size: 22px;
    color: #ccc;
    display: block;
    line-height: 36px;
}

.train_title_b {
    font-size: 24px;
}

#wrap {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

    #wrap ul li .a1 img {
        width: 288px;
        height: 203px;
    }

    #wrap ul li {
        width: 288px;
        height: 203px;
        list-style: none;
        position: relative;
        float: left;
        overflow: hidden;
        margin-right: 16px;
        margin-bottom: 20px;
        cursor: pointer;
    }

        #wrap ul li .a1 .divA {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 288px;
            height: 50px;
        }

            #wrap ul li .a1 .divA > .p1 {
                font-size: 14px;
                line-height: 50px;
                color: #777;
            }
        /*遮罩*/
        #wrap ul li .a2 {
            position: absolute;
            top: 0;
            left: -288PX;
            width: 288px;
            height: 203px;
            text-align: center;
            color: white;
            background: rgba(0,0,0,0.63);
            transition: all 0.2s;
        }

            #wrap ul li .a2 .p4 {
                width: 288px;
                text-align: center;
                position: absolute;
                top: 24px;
                left: -288px;
                color: #fff;
                font-size: 18px;
                transition: all 0.2s 0.1s ease-out;
            }

            #wrap ul li .a2 .wrap_title {
                width: 188px;
                text-align: center;
                line-height: 20px;
                position: absolute;
                top: 56px;
                left: -288px;
                margin: 0 auto;
                font-size: 14px;
                color: white;
                text-align: left;
                transition: all 0.2s 0.2s ease-out;
            }

            #wrap ul li .a2 .p7 {
                position: absolute;
                bottom: -50px;
                left: 89px;
                width: 110px;
                height: 30px;
                line-height: 30px;
                border-radius: 10px;
                margin: 10px auto;
                border: 1px solid #fff;
                font-size: 14px;
                color: white;
                transition: all 0.2s 0.5s;
            }

.wrap_marg {
    margin-right: 0 !important;
}

.banner_six {
    width: 1200px;
    height: 320px;
    position: relative;
    margin-top: 15px;
    text-align: center;
    padding-bottom: 110px;
}

    .banner_six .list_six {
        width: 1200px;
        height: auto;
        position: relative;
        z-index: 1;
    }

        .banner_six .list_six li {
            width: 1200px;
            height: 320px;
            position: absolute;
            left: 0px;
            top: 0px;
            display: none;
        }

    .banner_six .btn_six {
        position: absolute;
        bottom: 60px;
        left: 548px;
        z-index: 100;
    }

        .banner_six .btn_six li {
            margin-left: 6px;
            background: #bcc2c7;
            text-indent: -999em;
            float: left;
            width: 46px;
            height: 6px;
            cursor: pointer;
        }

            .banner_six .btn_six li.hover {
                background: #1e94f0;
            }

.train_video {
    width: 390px;
    height: 320px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
    background: none;
    position: relative;
    -webkit-transition: .8s;
}

.train_img {
    width: 390px;
    height: 254px;
    overflow: hidden;
    margin-right: 15px;
}

.train_video:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: .8s;
    -webkit-transition: .8s
}

.train_video img {
    -webkit-transition: .8s;
}

.train_video p {
    font-size: 16px;
    color: #333;
    width: 390px;
    height: 66px;
    line-height: 66px;
    background: #fff;
}

.train_video:hover {
    box-shadow: 0 0px 18px 4px rgba(0,0,0,0.2);
    margin-top: -6px;
    transition: .8s;
    -webkit-transition: .8s;
}

.train_lik {
    background: url(../images/train15.png) center no-repeat;
    width: 52px;
    height: 52px;
    position: absolute;
    left: 26px;
    bottom: 84px;
}

.train_video:hover .train_lik {
    background: url(../images/train16.png) center no-repeat;
    position: absolute;
    left: 26px;
    bottom: 78px;
}

.train_more {
    width: 1200px;
    height: auto;
    display: table;
}

    .train_more li {
        float: left;
    }

.train_yan:hover {
    box-shadow: 0 0px 10px 2px rgba(0,0,0,0.2);
    -webkit-transition: .8s
}

.train_yan {
    width: 467px;
    height: 512px;
    overflow: hidden;
    position: relative;
    margin-right: 14px;
}

    .train_yan:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: .8s;
        -webkit-transition: .8s
    }

    .train_yan img {
        -webkit-transition: .8s;
    }

.train_jokers {
    font-size: 19px;
    color: #fff;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 46px;
    line-height: 46px;
    background: rgba(8,5,5,0.6);
}

.train_hang {
    width: 349px;
    height: 290px;
}

.train_hang02 {
    width: 356px;
    height: 290px;
}

.train_shu {
    width: 230px;
    height: 207px;
    margin-top: 15px;
}

.train_jokers02 {
    font-size: 16px;
    color: #fff;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 46px;
    line-height: 46px;
    background: rgba(8,5,5,0.6);
}

.train_link {
    font-size: 18px;
    color: #fff;
    background: #1e94f0;
    border-radius: 8px;
    margin: 56px auto;
    display: inline-block;
    padding: 12px 21px;
}

    .train_link:hover {
        background: #0d80da;
        color: #f0efef;
    }

.cennel {
    width: 1200px;
    height: auto;
    display: table;
}

    .cennel li {
        float: left;
        width: 292px;
        height: auto;
        margin-right: 10px;
        -webkit-transition: .8s
    }

        .cennel li:hover {
            box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);
            -webkit-transition: .8s
        }

            .cennel li:hover .cennel_arc a {
                background: url(../images/cennel01.png) center no-repeat;
                -webkit-transition: .8s
            }

.cennel_img {
    width: 292px;
    height: 164px;
    overflow: hidden;
}

    .cennel_img:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: .8s;
        -webkit-transition: .8s
    }

    .cennel_img img {
        -webkit-transition: .8s;
    }

.cennel_arc {
    width: 292px;
    height: 62px;
    background: #fff;
    position: relative;
}

.bank {
    background: url(../images/cennel02.png) center -20px no-repeat;
}

.cennel_arc_size01 {
    font-size: 14px;
    color: #333;
    display: block;
    padding-top: 28px;
    width: 294px;
    overflow: hidden;
    height: 22px;
}

.cennel_arc a {
    background: url(../images/cennel02.png) center no-repeat;
    width: 54px;
    height: 54px;
    display: inline-block;
    position: absolute;
    top: -30px;
    left: 120px;
    z-index: 99;
}

    .cennel_arc a:hover {
        background: url(../images/cennel01.png) center no-repeat;
    }

.train_loko {
    margin: 38px 0;
}

.train_left {
    width: 600px;
    height: 323px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-bottom: 70px;
}

    .train_left p {
        background: rgba(0,0,0,0.6);
        font-size: 16px;
        color: #fff;
        position: absolute;
        bottom: 0px;
        left: 0px;
        z-index: 100;
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    .train_left:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: .8s;
        -webkit-transition: .8s
    }

    .train_left img {
        -webkit-transition: .8s;
    }

.train_right {
    width: 600px;
    height: 323px;
    background: #fff;
    float: left;
    font-weight: bold;
    margin-bottom: 70px;
}

.train_right_title {
    font-size: 20px;
    color: #333;
    border-bottom: 1px #e1e1e1 solid;
    width: 560px;
    margin: 0 auto;
    padding: 20px 0;
    margin-bottom: 10px;
}

.train_down {
    width: 550px;
    font-weight: normal;
    margin: 0 auto;
}

.train_down_title {
    width: 436px;
    font-size: 14px;
}

.train_load {
    font-size: 12px;
    margin-right: 2px;
}
/*我要报名*/
.sign_banner {
    background: url(../images/sign01.jpg) center no-repeat;
}

.sign_title {
    width: 100%;
    height: 40px;
    text-align: left;
}

    .sign_title img {
        position: relative;
        top: 6px;
    }

.sign_title_top {
    font-size: 20px;
    color: #4194d6;
    line-height: 33px;
    margin: 0 10px;
}

.sign_title_down {
    font-size: 16px;
    color: #333;
    line-height: 33px;
}

.sign_middle {
    width: 100%;
    height: auto;
    padding-top: 36px;
    padding-bottom: 56px;
}

.sign_star {
    font-size: 24px;
    color: #1691e4;
    font-weight: bold;
    border-bottom: 5px #1691e4 solid;
    padding-bottom: 10px;
    display: inline-block;
}

.sign_bak {
    width: 1200px;
    height: 338px;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
    margin-top: -2px;
}

.bm_tb {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    padding-top: 36px;
}

.bm_input {
    line-height: 38px;
    font-size: 16px;
    border: 1px solid #dfdede;
    width: 400px;
    font-family: "Microsoft YaHei";
    padding-left: 5px;
    margin-right: 16px
}

.bm_input02 {
    line-height: 38px;
    font-size: 16px;
    border: 1px solid #dfdede;
    width: 125px;
    font-family: "Microsoft YaHei";
    padding-left: 5px;
}

.bm-sel {
    width: 247px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #dfdede;
    font-size: 16px;
    color: #000;
    font-family: "Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";
    cursor: pointer;
    padding: 0 5px;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/sign04.png) no-repeat scroll 216px center transparent;
}

.hq_btn {
    width: 112px;
    line-height: 40px;
    border-radius: 5px;
    background: #24a7ea;
    color: #fff;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}

.bm-sel02 {
    width: 254px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #dfdede;
    font-size: 16px;
    color: #000;
    font-family: "Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";
    cursor: pointer;
    padding: 0 5px;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/sign04.png) no-repeat scroll 224px center transparent;
}

.zhuce_btn {
    width: 1140px;
    text-align: center;
    margin: 25px 0 50px 0
}

.z_btn {
    width: 230px;
    line-height: 46px;
    background: #24a7ea;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    cursor: pointer
}

.sign_teli {
    text-align: left;
}

.bm_sel04 {
    width: 350px;
    background: url(../images/sign04.png) no-repeat scroll 320px center transparent;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.sign_fangshi {
    width: 1177px;
    height: auto;
    text-align: left;
    margin: 0 auto;
    padding-bottom: 30px;
}

    .sign_fangshi span {
        font-size: 20px;
        color: #fff;
        display: inline-block;
        background: #1691e4;
        padding: 3px 10px;
        margin: 10px 0;
    }

    .sign_fangshi p {
        font-size: 16px;
        color: #464646;
        line-height: 26px;
        width: 1048px;
    }

.sign_middle_title {
    width: 1177px;
    height: 33px;
    background: #178ddc;
    margin: 0 auto;
}

    .sign_middle_title li {
        width: 92px;
        height: 42px;
        line-height: 33px;
        font-size: 16px;
        color: #fff;
        float: left;
        margin: 0 3px;
        cursor: pointer;
    }

        .sign_middle_title li.hover {
            background: url(../images/sign05.png) center no-repeat;
        }

.sign_middle_cour {
    width: 1173px;
    height: 256px;
    border-left: 2px #178ddc solid;
    border-right: 2px #178ddc solid;
    border-bottom: 2px #178ddc solid;
    margin: 0 auto;
    margin-bottom: 34px;
}

    .sign_middle_cour li {
        width: 940px;
        height: 256px;
        margin: 0 auto;
    }

.sign_middele_money {
    float: left;
    width: 380px;
    height: auto;
    margin: 0 45px;
    margin-top: 20px;
}

    .sign_middele_money img {
        margin: 16px 0;
    }

    .sign_middele_money p {
        font-size: 16px;
        color: #686868;
        text-align: left;
        line-height: 28px;
    }

.sign_money {
    margin-top: 42px;
}

.sign_tixing {
    font-size: 16px;
    color: #eb5054;
    width: 1177px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 50px;
}

.sign_num {
    width: 100%;
    height: auto;
}

    .sign_num span {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: #178ddc;
        font-size: 34px;
        color: #fff;
        font-weight: bold;
        line-height: 55px;
        display: inline-block;
    }

    .sign_num img {
        position: relative;
        top: -16px;
    }

.sign_liucheng {
    width: 1200px;
    height: auto;
    display: table;
    margin-top: -20px;
    padding-bottom: 80px;
}

    .sign_liucheng li {
        float: left;
        width: 282px;
        height: 380px;
        background: #fff;
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
        margin-right: 24px;
    }

        .sign_liucheng li img {
            display: block;
            margin: 0 auto;
            margin-bottom: 10px;
            margin-top: 40px;
        }

        .sign_liucheng li span {
            font-size: 16px;
            color: #fff;
            display: inline-block;
            background: #178ddc;
            padding: 5px 15px;
            border-radius: 16px;
        }

        .sign_liucheng li div {
            width: 254px;
            height: 144px;
            margin: 18px auto;
            background: #f2f2f2;
            border-radius: 16px;
            padding: 10px 0;
        }

        .sign_liucheng li p {
            font-size: 14px;
            color: #333;
            text-align: left;
            width: 224px;
            margin: 0 auto;
            line-height: 24px;
        }

.sign_mag01 {
    margin-top: 47px !important;
    margin-bottom: 20px !important;
}

.sign_mag02 {
    margin-top: 54px !important;
    margin-bottom: 20px !important;
}

.sign_mag03 {
    margin-top: 41px !important;
    margin-bottom: 20px !important;
}

.z_btn:hover {
    background: #108bdd;
    -webkit-transition: .8s;
}
/*学习资源页面*/
.learn_title {
    font-size: 24px;
    color: #333;
    text-align: left;
    height: 32px;
}

    .learn_title span {
        width: 5px;
        height: 27px;
        float: left;
        background: #3f86d6;
        margin-right: 20px;
        position: relative;
        top: 3px;
    }

    .learn_title a {
        font-size: 12px;
        color: #aaa;
        float: right;
        line-height: 32px;
    }

.learning {
    margin-top: 26px;
    margin-bottom: 25px;
}

    .learning li {
        margin-bottom: 15px;
        width: 290px;
        overflow: hidden;
        margin-right: 13px;
    }

.learn_middle {
    width: 1200px;
    height: auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 25px;
}

    .learn_middle li {
        float: left;
        width: 391px;
        height: 294px;
        background: #fff;
        margin-right: 13px;
        margin-bottom: 16px;
        -webkit-transition: .8s
    }

        .learn_middle li:hover {
            box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
            -webkit-transition: .8s
        }

.learn_title_img {
    width: 391px;
    height: 64px;
    background: url(../images/learn01.jpg) center no-repeat;
    text-align: left;
}

    .learn_title_img span {
        display: inline-block;
        font-size: 22px;
        color: #fff;
        line-height: 64px;
        height: 64px;
        overflow: hidden;
    }

.learn_zuo {
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 10px;
}

.learn_you {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

.learn_title_img .learn_you {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

    .learn_title_img .learn_you:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

.learn_txt {
    width: 355px;
    padding: 25px 18px;
}

    .learn_txt a {
        font-size: 14px;
        color: #333;
        text-align: left;
        width: 355px;
        line-height: 30px;
        height: 30px;
        overflow: hidden;
        display: inline-block;
    }

        .learn_txt a:hover, .learn_title a:hover, .learn_arctle a:hover {
            -webkit-transition: .8s;
            color: #3f86d6;
        }

.learn_back02 {
    background: url(../images/learn02.jpg) center no-repeat;
}

.learn_back03 {
    background: url(../images/learn03.jpg) center no-repeat;
}

.learn_back04 {
    background: url(../images/learn04.jpg) center no-repeat;
}

.learn_back05 {
    background: url(../images/learn05.jpg) center no-repeat;
}

.learn_back06 {
    background: url(../images/learn06.jpg) center no-repeat;
}

.learn_back07 {
    background: url(../images/learn07.jpg) center no-repeat;
}

.learn_back08 {
    background: url(../images/learn08.jpg) center no-repeat;
}

.learn_back09 {
    background: url(../images/learn09.jpg) center no-repeat;
}

.learn_back10 {
    background: url(../images/learn10.jpg) center no-repeat;
}

.learn_back11 {
    background: url(../images/learn11.jpg) center no-repeat;
}

.learn_back12 {
    background: url(../images/learn12.jpg) center no-repeat;
}

.learn_arctle {
    width: 1200px;
    height: auto;
    background: #fff;
    display: table;
    padding: 24px 0;
}

    .learn_arctle p {
        width: 575px;
        float: left;
        text-align: left;
        margin-left: 24px;
        line-height: 30px;
    }

    .learn_arctle a {
        display: inline-block;
        font-size: 14px;
        color: #333;
        width: 470px;
        height: 30px;
        overflow: hidden;
    }

    .learn_arctle span {
        font-size: 12px;
        color: #b3b3b3;
        width: 70px;
        margin-right: 20px;
        float: right;
    }

.learn_sown {
    width: 1200px;
    height: auto;
    margin-top: 20px;
    padding-bottom: 50px;
}
/*原创图书页面*/
.original_banner {
    background: url(../images/orig01.jpg) center no-repeat;
}

.original_book {
    width: 100%;
    height: 238px;
    padding: 10px 0;
}

    .original_book img {
        float: left;
        width: 170px;
        height: 238px;
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
    }

.original_right {
    width: 608px;
    height: 238px;
    float: right;
    text-align: left;
}

.original_title {
    font-size: 20px;
    color: #333;
    display: block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 20px;
}

.original_title02 {
    font-size: 14px;
    color: #777;
    display: inline-block;
    margin-bottom: 3px;
}

.original_right p {
    font-size: 14px;
    color: #777;
    text-indent: 2em;
    line-height: 24px;
    height: 100px;
    margin-bottom: 26px;
    overflow: hidden;
}

.original_time {
    font-size: 14px;
    color: #b8b6b6;
    margin-top: 20px;
    display: inline-block;
}

.original_right a {
    font-size: 14px;
    color: #219bed;
    display: inline-block;
    border: #219bed 1px solid;
    width: 114px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    float: right;
}

    .original_right a:hover {
        background: #219bed;
        color: #fff;
        -webkit-transition: .8s;
    }
/*师资团队*/
.team_banner {
    width: 100%;
    height: 330px;
    background: url(../images/teacher01.jpg) center no-repeat;
}

.team_title {
    font-size: 50px;
    color: #fff;
    line-height: 100px;
    padding-top: 44px;
}

    .team_title span {
        color: #219bed;
    }

.team_title_down {
    width: 750px;
    height: auto;
    background: rgba(255,255,255,0.16);
    margin: 0 auto;
    padding: 12px 0;
    margin-top: 34px;
}

    .team_title_down p {
        font-size: 14px;
        color: #ddd;
        line-height: 24px;
    }

.team_huang {
    font-weight: bold;
    font-size: 16px;
    color: #eeaf4b;
}

.team_lan {
    color: #38a2ea;
    font-weight: bold;
    font-size: 16px;
}

.team_shu {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin: 0 10px;
}

.team_lv {
    font-weight: bold;
    font-size: 16px;
    color: #31e682;
}

.team_show {
    width: 1200px;
    height: auto;
    display: table;
    padding-bottom: 65px;
}

    .team_show li {
        float: left;
        width: 213px;
        height: 229px;
        background: #fff;
        box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
        margin: 0 13px;
    }

.team_show_top {
    width: 100%;
    height: 68px;
    margin-top: 30px;
    margin-bottom: 26px;
}

.team_show span {
    font-size: 22px;
    color: #444;
    font-weight: bold;
    border-top: 4px #219bed solid;
    padding-top: 10px;
    padding-top: 10px;
    display: inline-block;
    padding-bottom: 4px;
}

.team_show p {
    font-size: 14px;
    color: #777;
}

.team_star {
    width: 1200px;
    height: 105px;
    display: table;
    border-bottom: 2px #f2f2f2 solid;
    margin-bottom: 50px;
    margin-top: 30px;
}

    .team_star li {
        float: left;
        height: 105px;
        width: 139px;
        padding: 0 5px;
        cursor: pointer;
    }

.team_star_img {
    background: url(../images/teacher08.png) center no-repeat;
    display: block;
    width: 49px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.team_star_p {
    font-size: 16px;
    color: #d0d0d0;
    padding-bottom: 33px;
}

.team_star li.hover .team_star_p {
    background: url(../images/teacher09.png) bottom no-repeat;
    color: #219bed;
}

.team_star_img02 {
    background: url(../images/teacher10.png) center no-repeat;
    display: block;
    width: 41px;
    height: 39px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 11px;
}

.team_star_img03 {
    background: url(../images/teacher12.png) center no-repeat;
    display: block;
    width: 45px;
    height: 52px;
    margin: 0 auto;
    margin-bottom: 8px;
}

.team_star_img04 {
    background: url(../images/teacher14.png) center no-repeat;
    display: block;
    width: 41px;
    height: 47px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.team_star_img05 {
    background: url(../images/teacher16.png) center no-repeat;
    display: block;
    width: 50px;
    height: 49px;
    margin: 0 auto;
    margin-bottom: 11px;
}

.team_star_img06 {
    background: url(../images/teacher18.png) center no-repeat;
    display: block;
    width: 43px;
    height: 47px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.team_star_img07 {
    background: url(../images/teacher20.png) center no-repeat;
    display: block;
    width: 41px;
    height: 52px;
    margin: 0 auto;
    margin-bottom: 8px;
}

.team_star_img08 {
    background: url(../images/teacher22.png) center no-repeat;
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    margin-bottom: 16px;
}

.team_star_shu {
    height: 82px;
    width: 139px;
    border-right: 1px #f2f2f2 solid;
}

.team_star li:hover .team_star_img {
    background: url(../images/teacher07.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_p {
    color: #219bed;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_img02 {
    background: url(../images/teacher11.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_img03 {
    background: url(../images/teacher13.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_img04 {
    background: url(../images/teacher15.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_img05 {
    background: url(../images/teacher17.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_img06 {
    background: url(../images/teacher19.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_img07 {
    background: url(../images/teacher21.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li:hover .team_star_img08 {
    background: url(../images/teacher23.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_teacher {
    width: 1200px;
    height: auto;
}

    .team_teacher li {
        width: 1200px;
        height: auto;
    }

.team_left {
    width: 222px;
    height: 265px;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
    border-radius: 5px;
    float: left;
    margin: 0px 40px;
}

    .team_left img {
        margin-top: 4px;
    }

.team_middle {
    width: 530px;
    float: left;
    height: 265px;
    text-align: left;
}

.team_middle_title {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    margin-bottom: 20px;
}

    .team_middle_title span {
        font-size: 16px;
        margin-left: 20px;
    }

.team_middle_note {
    font-size: 16px;
    color: #219bed;
    border-top: 3px #219bed solid;
    display: inline-block;
    padding-top: 10px;
    margin-bottom: 10px;
}

.team_arc {
    width: 530px;
    height: 168px;
    overflow: hidden;
}

    .team_arc p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
    }

.team_right {
    width: 352px;
    height: 257px;
    float: right;
}

.team_all {
    width: 1200px;
    height: auto;
    background: #f7f7f7;
    display: table;
    padding: 48px 0;
    margin-bottom: 40px;
    -webkit-transition: .8s;
}

    .team_all:hover {
        background: #fff;
        box-shadow: 0 0 20px 2px rgba(0,0,0,0.1);
        -webkit-transition: .8s;
    }

.team_link {
    display: block;
    font-size: 18px;
    color: #fff;
    width: 182px;
    height: 47px;
    background: #1e94f0;
    border-radius: 10px;
    margin: 50px auto;
    line-height: 47px;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img {
    background: url(../images/teacher07.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img02 {
    background: url(../images/teacher11.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img03 {
    background: url(../images/teacher13.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img04 {
    background: url(../images/teacher15.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img05 {
    background: url(../images/teacher17.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img06 {
    background: url(../images/teacher19.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img07 {
    background: url(../images/teacher21.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_star li.hover .team_star_img08 {
    background: url(../images/teacher23.png) center no-repeat;
    -webkit-transition: .8s;
}

.team_link:hover, .enter_cai_link a:hover {
    background: #0c82de;
    -webkit-transition: .8s;
}
/*企业内训*/
.enterprise_arctle {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}

    .enterprise_arctle p, .about_alon {
        font-size: 18px;
        color: #666;
        text-indent: 2em;
        line-height: 32px;
        margin-bottom: 14px;
        text-align: left;
    }

    .enterprise_arctle span {
        color: #219bed;
        font-weight: bold;
    }

.enter_prise {
    width: 1200px;
    height: auto;
    display: table;
}

    .enter_prise li {
        float: left;
        width: 269px;
        height: 313px;
        background: #fff;
        box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
        margin: 0 15px;
        margin-bottom: 60px;
    }

.enter_top {
    width: 269px;
    height: auto;
    border-top: #d2d2d2 7px solid;
}

    .enter_top img {
        margin-top: 24px;
        margin-bottom: 18px;
    }

    .enter_top span {
        font-size: 20px;
        color: #333;
        display: block;
        margin-bottom: 10px;
    }

    .enter_top p {
        font-size: 14px;
        color: #666;
        width: 236px;
        margin: 0 auto;
        text-align: left;
        line-height: 24px;
    }

.enter_huang {
    border-top: #f9d36b 7px solid;
}

.enter_lan {
    border-top: #67cdf2 7px solid;
}

.enter_cheng {
    border-top: #f9bd6f 7px solid;
}

.enter_liu {
    width: 1144px;
    height: auto;
    display: table;
    margin: 0 auto;
}

    .enter_liu li {
        float: left;
        width: 198px;
    }

.enter_kuang {
    width: 151px;
    height: 151px;
    border: 1px #d9d9d9 solid;
    float: left;
}

.enter_img {
    margin-bottom: 14px;
    margin-top: 34px;
}

.enter_kuang p {
    font-size: 16px;
    color: #333;
}

.enter_zhi {
    margin: 65px 0;
}

.enter_no {
    width: 153px !important;
}

.enter_img02 {
    margin-bottom: 16px;
    margin-top: 40px;
}

.enter_img03 {
    margin-bottom: 16px;
    margin-top: 38px;
}

.enter_img04 {
    margin-bottom: 16px;
    margin-top: 36px;
}

.enter_img05 {
    margin-bottom: 15px;
    margin-top: 40px;
}

.enter_fang {
    font-size: 18px;
    color: #666;
    text-align: left;
}

.enter_shi {
    width: 1200px;
    height: auto;
    display: table;
}

    .enter_shi li {
        float: left;
        width: 311px;
        height: 246px;
        background: #fff;
        box-shadow: 0 0 20px 2px rgba(0,0,0,0.1);
        margin: 0px 44px;
        margin-top: 44px;
        margin-bottom: 58px;
    }

.enter_shi_top {
    background: url(../images/shi01.png) center no-repeat;
    width: 311px;
    height: 58px;
    line-height: 58px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.enter_shi_down {
    width: 264px;
    height: auto;
    text-align: left;
    margin: 0 auto;
    padding-top: 28px;
}

    .enter_shi_down p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
    }

.enter_shi_link {
    font-size: 14px;
    color: #1296db;
    border: 1px #1296db solid;
    display: block;
    width: 142px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    margin-top: 26px;
}

    .enter_shi_link:hover {
        background: #1296db;
        color: #fff;
        -webkit-transition: .8s;
    }

.enter_dian {
    width: 1200px;
    height: auto;
    display: table;
    padding-bottom: 58px;
}

    .enter_dian li {
        float: left;
        width: 388px;
        height: 228px;
        margin-right: 18px;
        margin-bottom: 10px;
        -webkit-transition: .8s;
    }

.enter_dian_left {
    width: 388px;
    height: 228px;
    background: url(../images/shi02.jpg) center no-repeat;
}

    .enter_dian_left span {
        font-size: 26px;
        color: #fff;
        font-weight: bold;
        display: block;
        padding-top: 40px;
        margin-bottom: 10px;
    }

    .enter_dian_left p {
        text-align: left;
        margin-left: 110px;
        font-size: 13px;
        color: #fff;
        line-height: 22px;
    }

    .enter_dian_left a {
        font-size: 14px;
        color: #fff;
        border: 1px #fff solid;
        width: 143px;
        height: 35px;
        line-height: 35px;
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }

.enter_dian_middle {
    background: url(../images/shi03.jpg) center no-repeat;
}

.enter_dian_right {
    background: url(../images/shi04.jpg) center no-repeat;
}

.enter_dian_left a:hover {
    background: #fff;
    color: #346ec6;
}

.enter_dian li:hover, .enter_cai li:hover {
    box-shadow: 0px 4px 14px 4px rgba(0,0,0,0.2);
    -webkit-transition: .8s;
}

.enter_team {
    height: 280px;
    width: 1096px;
    margin: 0 auto;
}

    .enter_team li {
        width: 214px;
        float: left;
        height: 280px;
        margin: 0px 30px;
    }

.enter_tam_01 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 7px #fff solid;
    box-shadow: 0 2px 10px 2px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-top: 6px;
}

.enter_team li span {
    font-size: 18px;
    color: #333;
    display: block;
    padding-top: 10px;
    padding-bottom: 2px;
}

.enter_team li p {
    font-size: 14px;
    color: #777;
}

.enter_team li:hover span {
    color: #1e94f0;
}

.enter_team_down {
    width: 1096px;
    margin: 0 auto;
}

.enter_cai {
    width: 1200px;
    height: auto;
    display: table;
}

    .enter_cai li {
        float: left;
        width: 290px;
        height: auto;
        margin-right: 13px;
        margin-bottom: 15px;
    }

.enter_cai_img {
    width: 290px;
    height: 163px;
    overflow: hidden;
}

.enter_cai li p {
    font-size: 14px;
    color: #333;
    width: 290px;
    height: 54px;
    line-height: 54px;
    background: #fff;
}

.enter_cai li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: .8s;
    -webkit-transition: .8s
}

.enter_cai li img {
    -webkit-transition: .8s;
}

.enter_cai li:hover p {
    background: #1296db;
    color: #fff;
}

.enter_cai_link {
    width: 1200px;
    height: auto;
    margin-top: 20px;
    padding-bottom: 50px;
}

    .enter_cai_link a {
        font-size: 18px;
        color: #fff;
        width: 182px;
        height: 47px;
        background: #1e94f0;
        border-radius: 10px;
        margin: 0px auto;
        line-height: 47px;
        -webkit-transition: .8s;
        display: block;
    }

.enter_left {
    top: 82px;
    background: rgba(38,51,65,0.28);
}
/*关于我们页面*/
.about_banner {
    background: url(../images/about01.jpg) center no-repeat;
}

.about_arctle p, .about_alon {
    font-size: 16px;
    margin-bottom: 10px;
}

.about_arctle {
    padding-bottom: 10px;
}

.about_map {
    width: 710px;
    float: left;
    height: 587px;
    position: relative;
    margin: 0 56px;
}

.map_img {
    position: absolute;
    top: 160px;
    right: 90px;
}

.map_img02 {
    position: absolute;
    top: 200px;
    right: 168px;
}

.map_img03 {
    position: absolute;
    top: 250px;
    right: 150px;
}

.map_img04 {
    position: absolute;
    top: 318px;
    right: 110px;
}

.map_img05 {
    position: absolute;
    top: 338px;
    right: 83px;
}

.map_img06 {
    position: absolute;
    top: 300px;
    right: 258px;
}

.map_img07 {
    position: absolute;
    bottom: 216px;
    right: 180px;
}

.map_img08 {
    position: absolute;
    bottom: 208px;
    right: 308px;
}

.map_img09 {
    position: absolute;
    bottom: 190px;
    right: 276px;
}

.map_img10 {
    position: absolute;
    bottom: 170px;
    right: 206px;
}

.map_img11 {
    position: absolute;
    bottom: 77px;
    right: 173px;
}

.map_img12 {
    position: absolute;
    bottom: 84px;
    right: 190px;
}

.about_center {
    width: 300px;
    height: auto;
    float: left;
    margin-top: 12px;
    margin-left: 20px;
}

.about_title {
    font-size: 30px;
    color: #444;
}

    .about_title span {
        color: #1b8edb;
        font-weight: bold;
    }

.about_bac {
    width: 264px;
    height: 406px;
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 10px;
    background: #f2f2f2;
    margin: 0 auto;
    margin-top: 26px;
}

    .about_bac img {
        float: left;
        margin-left: 30px;
        margin-top: 58px;
        margin-right: 20px;
    }

.about_ou04 {
    float: left;
    text-align: left;
    margin-top: 26px;
}

.about_ou01 {
    font-size: 24px;
    color: #444;
}

.about_ou02 {
    font-size: 24px;
    color: #1b8edb;
}

.about_ou03 {
    display: inline-block;
    width: 47px;
    height: 3px;
    margin-left: 20px;
    background: #1b8edb;
    position: relative;
    top: -6px;
}

.about_ou04 p {
    font-size: 14px;
    color: #666;
    padding-top: 2px;
}

.about_lin {
    margin-top: 44px;
}

.about_middle {
    display: table;
    width: 1200px;
    height: auto;
    margin-top: 54px;
    margin-bottom: 40px;
    position: relative;
}

.about_zi {
    width: 100%;
    height: auto;
    display: table;
    padding-top: 45px;
}

.about_zi_left {
    float: left;
    width: 50%;
    background: #e4ebf6;
    height: 465px;
}

.about_six {
    width: 600px;
    float: right;
    position: relative;
}

.about_ab {
    position: absolute;
    left: -18px;
    top: 200px;
}

.about_left_img {
    width: 402px;
    height: auto;
    float: right;
    text-align: left;
}

.about_left_title {
    font-size: 24px;
    color: #444;
    padding-top: 60px;
    padding-bottom: 56px;
}

    .about_left_title span {
        font-size: 30px;
        font-weight: bold;
        color: #1886cf;
    }

.about_left_ul {
    width: 300px;
    height: auto;
    display: table;
    margin: 0 auto;
    padding-bottom: 70px;
}

    .about_left_ul li {
        float: left;
        width: 148px;
        height: 130px;
        text-align: center;
    }

.about_left_shu {
    border-right: 1px #bec3d1 solid;
    border-bottom: 1px #bec3d1 solid;
    width: 148px;
    height: 130px;
}

.about_left_ul li p {
    font-size: 18px;
    color: #333;
    margin-top: 16px;
    margin-bottom: 4px;
}

.about_left_ul li span {
    font-size: 14px;
    color: #666;
}

.about_left_ul li img {
    margin-top: 10px;
}

.about_left_shu02 {
    border-top: 1px #bec3d1 solid;
    border-left: 1px #bec3d1 solid;
    width: 148px;
    height: 130px;
}

.about_img01 {
    margin-bottom: 2px;
}

.about_img02 {
    margin-top: 20px !important;
}

.about_img03 {
    margin-top: 17px !important;
}

.about_zi_right {
    float: right;
    width: 50%;
    background: #dbdee9;
    height: 465px;
}

.about_six_02 {
    width: 600px;
    float: left;
    position: relative;
}

.about_ab02 {
    position: absolute;
    top: 178px;
    right: -50px;
}

.about_right_img {
    width: 430px;
    float: left;
    margin-left: 49px;
}

.about_right_zuo {
    float: left;
    border-right: 1px #bec3d1 solid;
    width: 170px;
    height: auto;
}

    .about_right_zuo a, .about_right_int a, .about_right_onl a {
        font-size: 14px;
        color: #333;
        display: block;
        line-height: 30px;
    }

.about_right_link {
    font-size: 18px !important;
    font-weight: bold;
    color: #1978b8 !important;
    padding-bottom: 2px;
}

.about_right_ul {
    width: 360px;
    height: auto;
    display: table;
    margin: 0 auto;
}

    .about_right_ul li {
        float: left;
        text-align: center;
    }

.about_right_zuo a:hover, .about_right_int a:hover, .about_right_onl a:hover {
    color: #1978b8;
}

.about_left_ul li:hover p, .about_left_ul li:hover span {
    color: #1978b8;
    -webkit-transition: .8s;
}

.about_right_int {
    border-bottom: 1px #bec3d1 solid;
    width: 170px;
    height: auto;
    padding-bottom: 10px;
    margin-left: 16px;
}

.about_right_onl {
    width: 170px;
    height: auto;
    padding-top: 12px;
    margin-left: 16px;
}

.about_lai {
    width: 1200px;
    height: auto;
    display: table;
    padding-bottom: 30px;
}

    .about_lai li {
        float: left;
        margin-right: 38px;
        margin-bottom: 38px;
    }

.about_lai_bac {
    width: 271px;
    height: 238px;
    background: #fff;
    position: relative;
}

.about_lai_top {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding-top: 40px;
    padding-bottom: 20px;
    width: 249px;
    margin-left: 22px;
}

.about_lai_middle {
    display: block;
    width: 61px;
    height: 5px;
    background: #219bed;
    margin: 0 auto;
}

.about_lai_down {
    font-size: 14px;
    color: #666;
    text-align: left;
    width: 234px;
    margin: 0 auto;
    line-height: 22px;
    padding-top: 24px;
}

.about_lai_pos {
    font-size: 24px;
    color: #fff;
    background: #219bed;
    font-weight: bold;
    font-weight: bold;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    line-height: 46px;
    display: inline-block;
    position: absolute;
    top: 33px;
    left: -24px;
}

.about_lan {
    width: 100%;
    height: 637px;
    background: url(../images/about_ba.jpg) center no-repeat;
}

.about_da p {
    color: #fff;
}

.about_zhuan {
    position: absolute;
    top: 12px;
    left: 0px;
    z-index: 99;
}

/*star*/
.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

#container {
    margin: 0 auto;
    margin-top: -16px;
}

#about {
    width: 1114px;
    height: 444px;
    background: url(../images/about_hei.png) left no-repeat;
}
/*-核心代码-*/
/* Menu style */
#timeline {
    width: 1114px;
    height: 444px;
    overflow: hidden;
    margin: 0px auto;
    position: relative;
    background: url('../images/dot.gif') 13px top repeat-y;
}

#dates {
    width: 102px;
    height: 444px;
    overflow: hidden;
    float: left;
}

    #dates li {
        list-style: none;
        width: 102px;
        height: 64px;
        background: url('../images/biggerdot.png') 10px center no-repeat;
    }

    #dates a {
        font-size: 18px;
        padding-bottom: 10px;
        color: #fff;
        line-height: 64px
    }

    #dates .selected {
        font-size: 24px;
        color: #ffcc99;
    }

#issues {
    width: 1012px;
    height: 444px;
    overflow: hidden;
    float: left;
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.2);
}

    #issues li {
        width: 1012px;
        height: 600px;
        list-style: none;
    }

        #issues li img {
            margin: 60px 0 0 70px;
        }

        #issues li h1 {
            color: #ffcc00;
            font-size: 48px;
            text-align: center;
            text-shadow: #000 1px 1px 2px;
        }

        #issues li p {
            font-size: 14px;
            line-height: 28px;
            height: 28px;
            overflow: hidden;
        }

.about_team {
    width: 500px;
    height: 336px;
    border-right: 1px #e4e4e9 solid;
    text-align: left;
    margin-left: 34px;
    float: left;
    margin-top: 54px;
    margin-bottom: 54px;
    overflow: hidden;
}

    .about_team p {
        font-size: 14px;
        color: #666;
    }

.about_time {
    width: 427px;
    border: none;
    margin-left: 24px;
}
/*end*/

.about_rong {
    width: 100%;
    height: auto;
    padding-bottom: 50px;
}

.lanrenzhijia {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

    .lanrenzhijia .tab_lan {
        width: 1200px;
        height: 90px;
        background: url(../images/land01.png) center no-repeat;
    }

    .lanrenzhijia .tab_lan02 {
        width: 1000px;
        height: 90px;
        margin: 0 auto;
        background: url(../images/land02.png) center 70px no-repeat;
        overflow: hidden;
    }

        .lanrenzhijia .tab_lan02 a {
            display: block;
            float: left;
            text-decoration: none;
            color: #fff;
            font-size: 15px;
            background: url(../images/land03.png) center 67px no-repeat;
            line-height: 90px;
            width: 64px;
            margin: 0 3px;
            height: 90px;
        }

            .lanrenzhijia .tab_lan02 a:hover {
                color: #ffcc99;
                text-decoration: none;
                font-size: 25px;
                font-weight: bold;
            }

            .lanrenzhijia .tab_lan02 a.on {
                color: #ffcc99;
                text-decoration: none;
                font-size: 25px;
                font-weight: bold;
            }

    .lanrenzhijia .content_is {
        width: 1200px;
        height: 377px;
        overflow: hidden;
        position: relative;
        background: url(../images/frn_back.jpg);
    }

        .lanrenzhijia .content_is ul {
            position: absolute;
            left: 0;
            top: 0;
            height: 376px;
        }

        .lanrenzhijia .content_is li {
            width: 1200px;
            height: 308px;
            overflow: hidden;
            margin: 34px 0;
            float: left;
        }

            .lanrenzhijia .content_is li div {
                width: 516px;
                height: 308px;
                float: left;
                margin-left: 82px;
                position: relative;
            }

                .lanrenzhijia .content_is li div p {
                    font-size: 14px;
                    color: #555;
                    height: 28px;
                    line-height: 28px;
                    overflow: hidden;
                    text-align: left;
                }

    .lanrenzhijia .content_os {
        border-right: 1px #e6e6e6 solid;
    }

.contact_mi {
    padding-top: 38px;
    padding-bottom: 28px;
}

.frn {
    position: absolute;
    right: 48px;
    top: 0px;
    z-index: 99;
}

/*高薪就业*/
.salary_banner {
    background: url(../images/salary01.jpg) center no-repeat;
}

.salary_title span {
    font-size: 60px;
    color: #ffa336;
}

.salary_da {
    color: #219bed;
}

.salary_shou p {
    font-size: 38px;
    font-weight: bold;
    color: #333;
    margin-bottom: 4px;
}

.salary_shou {
    width: 100%;
    height: auto;
    padding-top: 52px;
    padding-bottom: 54px;
}

.salary_xian {
    font-size: 16px;
    color: #777;
}

.salary_shu {
    font-size: 10px;
    color: #bfbcbc;
    display: inline-block;
    position: relative;
    top: -2px;
    margin: 0 3px;
}

.salary_adress {
    width: 1200px;
    height: 60px;
}

    .salary_adress ul {
        width: 1080px;
        height: 30px;
        margin: 0 auto;
        border-bottom: 1px #e5e5e5 solid;
    }

    .salary_adress li {
        float: left;
        width: 58px;
        height: 58px;
        border-radius: 50%;
        background: #bfbfbf;
        font-size: 16px;
        color: #fff;
        line-height: 58px;
        cursor: pointer;
        margin: 0 20px;
        -webkit-transition: .8s;
    }

        .salary_adress li.hover {
            background: #219bed;
            -webkit-transition: .8s;
        }

.salary_money {
    width: 100%;
    height: auto;
}

    .salary_money li {
        background: url(../images/salary03.png) center no-repeat;
        height: 411px;
        width: 100%;
    }

.salary_ge {
    background: url(../images/salary02.png) bottom no-repeat;
    width: 1200px;
    height: 411px;
    margin: 0 auto;
    position: relative;
}

.salary_first {
    float: left;
    width: 162px;
    height: auto;
    text-align: center;
}

    .salary_first p {
        font-size: 16px;
        color: #333;
        text-align: left;
        line-height: 22px;
    }

    .salary_first img {
        margin-top: 16px;
    }

    .salary_first span {
        font-weight: bold;
        color: #219bed;
    }

.salary_a {
    position: absolute;
    bottom: 110px;
    left: 28px;
}

.salary_b {
    position: absolute;
    bottom: 155px;
    left: 340px;
}

.salary_c {
    position: absolute;
    bottom: 132px;
    right: 380px;
    width: 210px;
}

.salary_d {
    position: absolute;
    bottom: 210px;
    right: 108px;
}
/*top*/
.salary_gao {
    width: 1200px;
    height: auto;
    background: #1e1e1e;
}

.stu_gaoxin_list {
    width: 1100px;
    height: auto;
    margin: 0 auto;
}

    .stu_gaoxin_list tr.stu_gaoxin_list_bt {
        line-height: 62px;
        width: 1100px;
        margin: 0 auto;
    }

        .stu_gaoxin_list tr.stu_gaoxin_list_bt td {
            color: #fff;
            text-align: center;
            font-size: 16px;
        }

#stu_work2 {
    width: 1200px;
    height: 560px;
    margin: 0 auto;
}

#stu_list li {
    background: #fff;
    line-height: 55px;
    float: left;
    height: 55px;
    border-bottom: 1px #d6dade solid;
    width: 1200px;
}

    #stu_list li.listlibg2 {
        background: #fff;
        line-height: 55px;
    }

    #stu_list li p {
        width: 95px;
        color: #343434;
        font-size: 16px;
        text-align: center;
        float: left;
    }

        #stu_list li p.w178 {
            width: 198px;
        }

        #stu_list li p.w298 {
            width: 330px;
        }

        #stu_list li p.w95 {
            width: 192px;
        }

.stu_gaoxin {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.salary_lei {
    width: 1100px;
    height: 55px;
    margin: 0 auto;
}

.salary_link {
    font-size: 18px;
    color: #fff;
    width: 370px;
    height: 48px;
    line-height: 48px;
    display: inline-block;
    border-radius: 8px;
    background: #1e94f0;
    margin: 46px 0;
    -webkit-transition: .8s;
}

    .salary_link:hover {
        background: #0c80db;
        -webkit-transition: .8s;
    }
/**/
.salary_img {
    width: 100%;
    height: auto;
}

.salary_lwft, .salary_lwft2, .salary_lwft3, .salary_lwft4 {
    width: 25%;
    height: auto;
    float: left;
    position: relative;
}

    .salary_lwft img, .salary_lwft2 img, .salary_lwft3 img, .salary_lwft4 img {
        max-width: 480px;
    }

.salary_mark, .salary_mark2, .salary_mark3, .salary_mark4 {
    width: 100%;
    height: 100%;
    background: rgba(25,24,23,0.57);
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    display: none;
}

    .salary_mark a, .salary_mark2 a, .salary_mark3 a, .salary_mark4 a {
        display: block;
        margin-top: 20%;
    }

    .salary_mark p, .salary_mark2 p, .salary_mark3 p, .salary_mark4 p {
        font-size: 18px;
        color: #fff;
        padding-top: 16px;
        height: 30px;
        overflow: hidden;
    }

.salary_stu {
    width: 1200px;
    height: auto;
    display: table;
    margin-top: 56px;
    margin-bottom: 26px;
}

    .salary_stu li {
        float: left;
        width: 600px;
        height: auto;
        margin-bottom: 30px;
    }

        .salary_stu li img {
            margin-left: 24px;
            float: left;
        }

.salary_dent {
    float: left;
    width: 416px;
    height: auto;
    text-align: left;
    padding: 22px 0;
    margin-left: 20px;
}

.salary_dent04 {
    font-size: 18px;
    color: #333;
    display: inline-block;
    width: 70px;
}

.salary_dent02 {
    font-size: 13px;
    color: #fff;
    background: #1e94f0;
    display: inline-block;
    width: 73px;
    height: 20px;
    line-height: 20px;
    border-radius: 18px;
    text-align: center;
    margin-left: 4px;
    margin-right: 26px;
}

.salary_dent03 {
    font-size: 14px;
    color: #777;
}

.salary_dent p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 16px;
    height: 48px;
    overflow: hidden;
}

.salary_com {
    width: 100%;
    height: 642px;
    background: url(../images/salary16.jpg) center no-repeat;
}

.salary_pur p {
    color: #fff;
}

.salary_ter {
    color: #f2f2f2;
}

.salary_note {
    width: 1046px;
    height: auto;
    display: table;
    margin: 0 auto;
}

    .salary_note li {
        float: left;
        background: url(../images/salary17.png) center no-repeat;
        width: 284px;
        height: 179px;
        margin: 0px 32px;
        margin-bottom: 40px;
    }

    .salary_note p {
        font-size: 14px;
        color: #f2f2f2;
        width: 230px;
        margin: 0 auto;
        text-align: left;
        line-height: 22px;
    }

    .salary_note span {
        font-size: 18px;
        font-weight: bold;
        color: #4cb1ff;
        padding-top: 30px;
        margin-bottom: 14px;
        display: block;
    }

.salary_flo {
    width: 1200px;
    height: auto;
    background: url(../images/salary18.png) bottom no-repeat;
    display: table;
    position: relative;
    padding-bottom: 50px;
    margin-top: 65px;
}

.salary_flo_left {
    width: 615px;
    height: 379px;
    overflow: hidden;
    float: left;
    margin-left: 20px;
    cursor: pointer;
    z-index: 99;
    position: relative;
}

.salary_flo_right {
    width: 602px;
    height: 443px;
    margin-right: 20px;
    background: #fff;
    position: absolute;
    right: 33px;
    bottom: 50px;
    z-index: 1;
}

.salary_lan {
    display: inline-block;
    width: 30px;
    height: 30px;
    float: right;
    background: #609ff1;
}

.salary_flo_titles {
    width: 450px;
    height: auto;
    margin-left: 120px;
    text-align: center;
    border-bottom: 1px #ddd solid;
    padding-bottom: 16px;
}

    .salary_flo_titles span {
        display: block;
        font-size: 20px;
        color: #34373c;
        font-weight: bold;
        padding-top: 46px;
        height: 26px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .salary_flo_titles p {
        text-align: left;
        font-size: 13px;
        color: #666;
        text-indent: 2em;
        line-height: 24px;
        margin-bottom: 5px;
    }

.salary_back {
    width: 450px;
    padding-top: 20px;
    height: 112px;
    overflow: hidden;
    margin-left: 120px;
    text-align: left;
}

    .salary_back a {
        font-size: 13px;
        color: #666;
        line-height: 28px;
        display: block;
        height: 28px;
        overflow: hidden;
    }

        .salary_back a:hover {
            color: #317cdd;
        }

.salary_dong {
    width: 1120px;
    height: 412px;
    display: table;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 80px;
}

    .salary_dong li {
        float: left;
        position: relative;
        z-index: 99;
        bottom: 0px;
        height: 412px;
        width: 229px;
    }

.salary_left {
    margin-left: -58px;
    width: 296px !important;
}

.salary_left02 {
    margin-left: -100px;
    width: 344px !important;
}

.salary_left03 {
    z-index: 55 !important;
    margin-left: -6px;
    width: 254px !important;
}

.salary_left04 {
    z-index: 44 !important;
    margin-left: -6px;
    width: 157px !important;
}

.salary_dong li img {
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.salary_loim {
    width: 1200px;
    height: auto;
}

    .salary_loim img {
        margin-right: 10px;
        margin-bottom: 10px;
    }

.salary_lod {
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 60px;
}

.salary_huan {
    background: url(../images/salary_li.jpg) center no-repeat !important;
}

.salary_huan02 {
    background: url(../images/salary_li02.jpg) center no-repeat !important;
}

/*合作*/
.teger {
    width: 100%;
    height: auto;
    display: table;
}

.teger_left {
    width: 545px;
    height: auto;
    float: left;
    margin-bottom: 60px;
}

.flexslider01 {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.flexslider01 .slides {
    zoom: 1;
    text-align: center;
    margin: 0 auto
}

.flex-direction-nav a {
    width: 60px;
    height: 90px;
    line-height: 99em;
    overflow: hidden;
    margin: -60px 0 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 5px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    background: #c6c8d0;
    ;
    display: block;
    height: 5px;
    overflow: hidden;
    text-indent: -99em;
    width: 36px;
    cursor: pointer;
}

    .flex-control-paging li a.flex-active {
        background: #1e94f0;
    }

.teger_right {
    width: 625px;
    float: left;
    height: auto;
    margin-left: 25px;
}

.teger_back {
    width: 100%;
    height: 306px;
    background: #f3f5f7;
    margin-top: 4px;
}

.teger_fir {
    width: 155px;
    float: left;
    height: auto;
    padding: 0 26px;
    position: relative;
}

    .teger_fir img {
        margin-top: 34px;
        margin-bottom: 12px;
    }

    .teger_fir span {
        font-size: 14px;
        color: #333;
        font-weight: bold;
        display: block;
    }

    .teger_fir p {
        font-size: 14px;
        color: #666;
        text-align: left;
        line-height: 24px;
        margin-top: 10px;
    }

    .teger_fir b {
        width: 1px;
        height: 234px;
        background: #d1cfcf;
        position: absolute;
        right: 0px;
        top: 40px;
    }

/*关于我们new*/
.about_bott {
    margin-bottom: 0px;
}

.about_aes {
    width: 100%;
    height: auto;
    background: #e4ebf6;
    text-align: center;
    margin-top: 50px;
}

.back_l {
    position: absolute;
    top: 320px;
    left: 5px;
    z-index: 1;
}
/*学习流程图*/
i, em {
    font-style: normal;
}

.con-flow .con-flow-box {
    @-webkit-keyframes sonarEffect
    @-moz-keyframes sonarEffect
    @keyframes sonarEffect
}

    .con-flow .con-flow-box .n-flowchart-con {
        width: 1200px;
        height: 440px;
        position: relative;
    }

        .con-flow .con-flow-box .n-flowchart-con a.n-fc-icon {
            display: block;
            width: 62px;
            height: 62px;
            position: absolute;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            position: relative;
            top: -32px;
            left: 415px;
        }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round .n-round-center {
                position: absolute;
                top: 122px;
                left: 122px;
                width: 172px;
                height: 172px;
                text-align: center;
                background-color: #18a2d7;
                border-radius: 50%;
                z-index: 3;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round .n-round-center em {
                    display: block;
                    font-size: 26px;
                    color: #fff;
                    padding-top: 88px;
                    background: url(../images/im07.png) center 40px no-repeat;
                }

                    .con-flow .con-flow-box .n-flowchart-con .n-fc-round .n-round-center em i {
                        font-size: 26px;
                    }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round .n-round-center:hover {
                    text-decoration: none;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-round-icon {
                position: absolute;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-round-icon em {
                    position: absolute;
                    background: url(../images/im11.png) 0 0 no-repeat;
                }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-round-icon i {
                    position: absolute;
                    font-size: 12px;
                    color: #fff;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-jyxy {
                width: 110px;
                height: 80px;
                top: -30px;
                left: 68px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-rzxy {
                width: 35px;
                height: 37px;
                top: 36px;
                left: 165px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-ksp {
                width: 96px;
                height: 80px;
                top: 99px;
                left: 198px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zrfd {
                width: 36px;
                height: 35px;
                top: 160px;
                left: 164px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-qtlx {
                width: 110px;
                height: 80px;
                top: 192px;
                left: 68px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-xmdp {
                width: 26px;
                height: 23px;
                top: 171px;
                left: 44px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zbfd {
                width: 96px;
                height: 24px;
                top: 103px;
                left: -48px;
            }

        .con-flow .con-flow-box .n-flowchart-con .im_one {
            left: 58px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zzhd {
            width: 28px;
            height: 28px;
            top: 39px;
            left: 34px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-jyxy em {
            width: 30px;
            height: 33px;
            background-position: 0 0px;
            left: 38px;
            top: -10px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-rzxy em {
            width: 35px;
            height: 37px;
            background-position: -36px -240px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-ksp em {
            width: 40px;
            height: 33px;
            background-position: -76px 0px;
            left: 20px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zrfd em {
            width: 36px;
            height: 35px;
            background-position: -116px -240px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-qtlx em {
            width: 40px;
            height: 33px;
            background-position: -118px 0px;
            left: 31px;
            top: 10px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-xmdp em {
            width: 26px;
            height: 23px;
            background-position: -37px -287px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zbfd em {
            width: 38px;
            height: 33px;
            background-position: -34px 0px;
            top: -2px;
            left: 28px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zzhd em {
            width: 28px;
            height: 28px;
            background-position: -114px -287px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-jyxy i {
            top: 28px;
            left: 0;
            width: 110px;
            text-align: center;
        }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-jyxy i span {
                font-size: 14px;
                font-weight: bold;
            }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-round-icon i span {
            font-size: 14px;
            font-weight: bold;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-rzxy i {
            top: -10px;
            left: 45px;
            width: 55px;
            text-align: left;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-ksp i {
            top: 34px;
            left: -7px;
            width: 96px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zrfd i {
            top: 16px;
            left: 40px;
            width: 55px;
            text-align: left;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-qtlx i {
            top: 50px;
            left: 0;
            width: 110px;
            text-align: center;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-xmdp i {
            top: 3px;
            right: 30px;
            width: 55px;
            text-align: right;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zbfd i {
            top: 34px;
            right: 0px;
            width: 96px;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round a.n-zzhd i {
            top: -12px;
            right: 32px;
            width: 70px;
            text-align: right;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-ring {
            position: absolute;
            top: 28px;
            left: 25px;
            z-index: 1;
            width: 357px;
            height: 357px;
            background-color: #18a2d7;
            border-radius: 50%;
            behavior: url(../images/iecss3.htc);
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: scale(0.1) rotate(-270deg);
            -moz-transform: scale(0.1) rotate(-270deg);
            -transform: scale(0.1) rotate(-270deg);
            -webkit-transition: all 0.4s ease-out;
            -moz-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out;
        }

        .con-flow .con-flow-box .n-flowchart-con .open .n-fc-ring {
            opacity: 1;
            filter: alpha(opacity=100);
            -webkit-transform: scale(1) rotate(0);
            -moz-transform: scale(1) rotate(0);
            -transform: scale(1) rotate(0);
        }

        .con-flow .con-flow-box .n-flowchart-con .open .n-round-center {
            background-color: #fff;
            width: 134px;
            height: 134px;
            top: 140px;
            left: 138px;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            transition: .5s;
        }

            .con-flow .con-flow-box .n-flowchart-con .open .n-round-center em {
                color: #1094c6;
                padding-top: 50px;
            }

        .con-flow .con-flow-box .n-flowchart-con .n-ring-con {
            width: 234px;
            height: 234px;
            position: relative;
            top: 60px;
            left: 60px;
        }
        /**/
        .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            position: relative;
            top: -142px;
            left: 390px;
        }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 .n-round-center01 {
                position: absolute;
                top: 122px;
                left: 122px;
                width: 172px;
                height: 172px;
                text-align: center;
                background-color: #596dd0;
                border-radius: 50%;
                z-index: 3;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 .n-round-center01 em {
                    display: block;
                    font-size: 26px;
                    color: #fff;
                    padding-top: 88px;
                    background: url(../images/im09.png) center 40px no-repeat;
                }

                    .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 .n-round-center01 em i {
                        font-size: 26px;
                    }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 .n-round-center01:hover {
                    text-decoration: none;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-round-icon {
                position: absolute;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-round-icon em {
                    position: absolute;
                    background: url(../images/im11.png) 0 0 no-repeat;
                }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-round-icon i {
                    position: absolute;
                    font-size: 12px;
                    color: #fff;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-jyxy {
                width: 110px;
                height: 80px;
                top: -30px;
                left: 65px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-rzxy {
                width: 104px;
                height: 58px;
                top: 36px;
                left: 190px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-ksp {
                width: 96px;
                height: 80px;
                top: 122px;
                left: 188px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zrfd {
                width: 126px;
                height: 80px;
                top: 200px;
                left: 64px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-qtlx {
                width: 110px;
                height: 80px;
                top: 192px;
                left: 68px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-xmdp {
                width: 120px;
                height: 80px;
                top: 122px;
                left: -70px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zbfd {
                width: 96px;
                height: 24px;
                top: 103px;
                left: -48px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zzhd {
                width: 92px;
                height: 62px;
                top: 36px;
                left: -38px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-jyxy em {
                width: 36px;
                height: 33px;
                background-position: -164px 0px;
                left: 38px;
                top: -10px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-rzxy em {
                width: 35px;
                height: 33px;
                background-position: -254px -0px;
                left: 20px;
                top: -10px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-ksp em {
                width: 40px;
                height: 33px;
                background-position: -340px 0px;
                left: 20px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zrfd em {
                width: 36px;
                height: 35px;
                background-position: -390px 0px;
                left: 44px;
                top: 0;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-qtlx em {
                width: 40px;
                height: 33px;
                background-position: -118px 0px;
                left: 31px;
                top: 10px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-xmdp em {
                width: 30px;
                height: 32px;
                background-position: -300px 0px;
                left: 64px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zbfd em {
                width: 38px;
                height: 33px;
                background-position: -34px 0px;
                top: -2px;
                left: 28px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zzhd em {
                width: 30px;
                height: 33px;
                background-position: -212px 0px;
                left: 24px;
                top: -10px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-jyxy i {
                top: 28px;
                left: 0;
                width: 120px;
                text-align: center;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-jyxy i span {
                    font-size: 14px;
                    font-weight: bold;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-round-icon i span {
                font-size: 14px;
                font-weight: bold;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-rzxy i {
                top: 24px;
                left: -10px;
                width: 104px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-ksp i {
                top: 34px;
                left: -10px;
                width: 104px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zrfd i {
                top: 39px;
                left: 0;
                width: 126px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-qtlx i {
                top: 50px;
                left: 0;
                width: 110px;
                text-align: center;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-xmdp i {
                top: 38px;
                right: -22px;
                width: 120px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zbfd i {
                top: 34px;
                right: 0px;
                width: 96px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-zzhd i {
                top: 26px;
                right: 6px;
                width: 92px;
            }

        .con-flow .con-flow-box .n-flowchart-con .open .n-round-center01 {
            background-color: #fff;
            width: 134px;
            height: 134px;
            top: 140px;
            left: 138px;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            transition: .5s;
        }

            .con-flow .con-flow-box .n-flowchart-con .open .n-round-center01 em {
                color: #fff;
                background: url(../images/0.png) center 56px no-repeat;
                padding-top: 80px;
                font-size: 12px;
                -webkit-transition: .1s;
            }

        .con-flow .con-flow-box .n-flowchart-con .im_two {
            background: #596dd0;
        }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round01 a.n-round-icon i b {
            color: #b8c3f6;
            font-weight: normal;
        }
        /**/
        .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            position: relative;
            top: -252px;
            left: 730px;
        }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 .n-round-center02 {
                position: absolute;
                top: 122px;
                left: 122px;
                width: 172px;
                height: 172px;
                text-align: center;
                background-color: #1886cf;
                border-radius: 50%;
                z-index: 3;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 .n-round-center02 em {
                    display: block;
                    font-size: 26px;
                    color: #fff;
                    padding-top: 88px;
                    background: url(../images/im10.png) center 40px no-repeat;
                }

                    .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 .n-round-center02 em i {
                        font-size: 26px;
                    }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 .n-round-center02:hover {
                    text-decoration: none;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-round-icon {
                position: absolute;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-round-icon em {
                    position: absolute;
                    background: url(../images/im11.png) 0 0 no-repeat;
                }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-round-icon i {
                    position: absolute;
                    font-size: 12px;
                    color: #fff;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-jyxy {
                width: 156px;
                height: 52px;
                top: -22px;
                left: 44px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-rzxy {
                width: 35px;
                height: 37px;
                top: 36px;
                left: 165px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-ksp {
                width: 100px;
                height: 56px;
                top: 82px;
                left: 192px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zrfd {
                width: 36px;
                height: 35px;
                top: 160px;
                left: 164px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-qtlx {
                width: 206px;
                height: 56px;
                top: 210px;
                left: 20px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-xmdp {
                width: 26px;
                height: 23px;
                top: 171px;
                left: 44px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zbfd {
                width: 98px;
                height: 56px;
                top: 82px;
                left: -52px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zzhd {
                width: 28px;
                height: 28px;
                top: 39px;
                left: 34px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-jyxy em {
                width: 30px;
                height: 33px;
                background-position: 0 0px;
                left: 38px;
                top: -10px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-rzxy em {
                width: 35px;
                height: 37px;
                background-position: -36px -240px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-ksp em {
                width: 40px;
                height: 33px;
                background-position: -76px 0px;
                left: 20px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zrfd em {
                width: 36px;
                height: 35px;
                background-position: -116px -240px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-qtlx em {
                width: 40px;
                height: 33px;
                background-position: -118px 0px;
                left: 31px;
                top: 10px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-xmdp em {
                width: 26px;
                height: 23px;
                background-position: -37px -287px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zbfd em {
                width: 38px;
                height: 33px;
                background-position: -34px 0px;
                top: -2px;
                left: 28px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zzhd em {
                width: 28px;
                height: 28px;
                background-position: -114px -287px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-jyxy i {
                top: 0px;
                left: 0;
                width: 156px;
                text-align: center;
            }

                .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-jyxy i span {
                    font-size: 14px;
                    font-weight: bold;
                }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-round-icon i span {
                font-size: 14px;
                font-weight: bold;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-rzxy i {
                top: -10px;
                left: 45px;
                width: 55px;
                text-align: left;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-ksp i {
                top: 0px;
                left: 0px;
                width: 100px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zrfd i {
                top: 16px;
                left: 40px;
                width: 55px;
                text-align: left;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-qtlx i {
                top: 0px;
                left: 0;
                width: 206px;
                text-align: center;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-xmdp i {
                top: 3px;
                right: 30px;
                width: 55px;
                text-align: right;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zbfd i {
                top: 0px;
                right: 0px;
                width: 98px;
            }

            .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-zzhd i {
                top: -12px;
                right: 32px;
                width: 70px;
                text-align: right;
            }

        .con-flow .con-flow-box .n-flowchart-con .open .n-round-center02 {
            background-color: #fff;
            width: 134px;
            height: 134px;
            top: 140px;
            left: 138px;
            -webkit-transition: .5s;
            -moz-transition: .5s;
            transition: .5s;
        }

            .con-flow .con-flow-box .n-flowchart-con .open .n-round-center02 em {
                color: #1886cf;
                padding-top: 50px;
            }

        .con-flow .con-flow-box .n-flowchart-con .n-fc-round02 a.n-round-icon i b {
            font-weight: normal;
            color: #bde3fc;
        }

        .con-flow .con-flow-box .n-flowchart-con .im_three {
            background: #1886cf;
        }

    .con-flow .con-flow-box 0 % {
        opacity: 0.3;
    }

    .con-flow .con-flow-box 40 % {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #2874a9, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    .con-flow .con-flow-box 100 % {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #2874a9, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1);
        opacity: 0;
    }

    .con-flow .con-flow-box 0 % {
        opacity: 0.3;
    }

    .con-flow .con-flow-box 40 % {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #2874a9, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    .con-flow .con-flow-box 100 % {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #2874a9, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1);
        opacity: 0;
    }

    .con-flow .con-flow-box 0 % {
        opacity: 0.3;
    }

    .con-flow .con-flow-box 40 % {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #2874a9, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }

    .con-flow .con-flow-box 100 % {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #2874a9, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1);
        opacity: 0;
    }

.about_bit {
    width: 100%;
    height: auto;
    display: table;
}

.bit_a {
    float: left;
    width: 348px;
    background: #e4ebf6;
    position: relative;
    text-align: center;
    height: 266px;
    overflow: hidden;
}

    .bit_a p {
        font-size: 22px;
        color: #1978b8;
        padding-top: 84px;
        padding-bottom: 14px;
    }

    .bit_a span {
        font-size: 16px;
        color: #333;
        display: block;
        line-height: 30px;
        -webkit-transition: .8s;
    }

        .bit_a span:hover {
            color: #1978b8;
            -webkit-transition: .8s;
        }

.bit_b {
    float: left;
    width: 502px;
    background: #dbdee9;
    position: relative;
    text-align: center;
    height: 266px;
    overflow: hidden;
}

    .bit_b p {
        font-size: 22px;
        color: #1978b8;
        padding-top: 36px;
        padding-bottom: 24px;
    }

    .bit_b span {
        font-size: 16px;
        color: #333;
        line-height: 30px;
        -webkit-transition: .8s;
        float: left;
        width: 172px;
        text-align: left;
        margin-left: 14px;
    }

        .bit_b span:hover {
            color: #1978b8;
            -webkit-transition: .8s;
        }
/*!*/ .im_four {
    margin-left: 30px !important;
}

.bit_a img {
    position: absolute;
    bottom: -20px;
    right: -10px;
    z-index: 1;
}

.bit_b img {
    position: absolute;
    bottom: -36px;
    right: -10px;
    z-index: 1;
}

.flexslider03 {
    margin: 0px auto;
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
    zoom: 1;
}

.about_run {
    float: left;
    width: 168px;
    height: auto;
    margin: 12px 16px;
}

    .about_run p {
        font-size: 14px;
        color: #333;
        padding-top: 16px;
    }

.about_nan3 p, .about_nan4 p {
    font-size: 14px;
    color: #333;
    padding-top: 16px;
}

.about_nan3 {
    float: left;
    width: 265px;
    height: auto;
}

.about_nan4 {
    float: left;
    width: 283px;
    height: auto;
}

.about_rea {
    margin: 4px 13px;
    height: 270px;
}

.about_bto {
    margin-top: 40px;
}

.about_sin {
    width: 100%;
    background: url(../images/im34.jpg) center no-repeat;
    height: 1053px;
}

.eye_imgs {
    display: table;
    width: 1113px;
    text-align: left;
    height: auto;
    margin-left: 42px;
    margin-top: 14px;
}

    .eye_imgs img {
        margin: 4px 4px;
        float: left;
    }

.eye_right {
    float: right !important;
}

.bit_color {
    width: 390px;
    background: #e4ebf6;
}

.bit_wid {
    width: 267px;
    background: #dbdee9;
}

.bit_th {
    width: 269px;
}

.bit_new {
    width: 271px;
    background: #dbdee9;
}

    .bit_new img {
        bottom: -8px;
        right: -26px;
    }

/*加入我们*/
.join_banner {
    background: url(../images/join01.jpg) center no-repeat;
}

.join_totle {
    font-size: 24px;
    display: block;
    padding-top: 96px;
}

.join_banner p {
    padding-top: 0px;
    line-height: 82px;
}

.join_quali {
    width: 100%;
    height: 385px;
    background: url(../images/join02.jpg) center no-repeat;
}

.join_a {
    font-size: 18px;
    color: #333;
    line-height: 32px;
    padding-top: 64px;
}

    .join_a span {
        color: #38a2ea;
        font-weight: bold;
    }

.join_b {
    width: 80px;
    height: 5px;
    background: #219bed;
    display: block;
    margin: 0 auto;
    margin-top: 24px;
}

.join_c {
    font-size: 22px;
    color: #434a54;
    display: block;
    border-bottom: 1px #e6e9ee solid;
    width: 210px;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 16px;
    margin-top: 30px;
}

.scrollbox {
    width: 264px;
    margin: 0 auto;
    overflow: hidden;
    float: left;
    box-shadow: 0 0 30px 2px rgba(14,5,10,0.11);
    background: #fff;
    height: 470px;
    margin-top: 40px;
}

#scrollDiv {
    width: 210px;
    height: 345px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
}
    /*这里的高度和超出隐藏是必须的*/
    #scrollDiv li {
        height: 54px;
        width: 210px;
        overflow: hidden;
        vertical-align: bottom;
        zoom: 1;
        border-bottom: #e6e9ee solid 1px;
    }

        #scrollDiv li a {
            color: #777;
            font-size: 16px;
            text-decoration: none;
            line-height: 54px;
        }

            #scrollDiv li a:hover {
                color: #219bed;
            }

#join_down li.cc a {
    color: #219bed !important;
}

.scroltit {
    height: 26px;
    line-height: 26px;
    padding-bottom: 4px;
    margin-bottom: 4px;
}

    .scroltit h3 {
        width: 100px;
        float: left;
    }

    .scroltit .updown {
        float: right;
        width: 32px;
        height: 28px;
    }

#but_down {
    background: url(../images/join03.png) no-repeat 0 0;
    text-indent: -9999px
}

#but_up {
    background: url(../images/join33.png) no-repeat 0 0;
    text-indent: -9999px
}

#but_down:hover {
    background: url(../images/join34.png) no-repeat 0 0;
}

#but_up:hover {
    background: url(../images/join04.png) no-repeat 0 0;
}

.join_d {
    width: 920px;
    height: 470px;
    background: #fff;
    float: right;
    position: relative;
    margin-top: 40px;
}

.job_e {
    width: 850px;
    height: 410px;
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
}

    .job_e b {
        font-size: 16px;
        color: #444;
        display: inline-block;
        padding-top: 30px;
    }

    .job_e span {
        display: block;
        width: 40px;
        height: 4px;
        background: #219bed;
        margin-top: 10px;
        margin-bottom: 18px;
    }

    .job_e p {
        font-size: 14px;
        color: #666;
        line-height: 24px;
    }

.join_w {
    position: absolute;
    bottom: 16px;
    right: 30px;
    font-size: 14px;
    color: #219bed;
    border: 1px #219bed solid;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 6px;
    padding-bottom: 7px;
}

    .join_w img {
        position: relative;
        top: 3px;
        margin-right: 5px;
    }


.job_city {
    width: 100%;
    height: auto;
    padding-bottom: 70px;
}

    .job_city p {
        font-size: 24px;
        color: #333;
        padding-top: 54px;
        padding-bottom: 30px;
    }

    .job_city a {
        font-size: 16px;
        color: #219bed;
        display: inline-block;
        width: 110px;
        height: 36px;
        line-height: 36px;
        border: 1px #219bed solid;
        -webkit-transition: .8s;
        margin: 0 2px;
    }

        .job_city a:hover {
            background: #219bed;
            color: #fff;
        }

.job_g span {
    color: #333;
}

.join_e {
    width: 1200px;
    height: auto;
    display: table;
    padding-bottom: 54px;
}

    .join_e li {
        float: left;
        width: 293px;
        height: 173px;
        overflow: hidden;
        position: relative;
        margin-right: 9px;
        margin-bottom: 9px;
    }

        .join_e li p {
            font-size: 18px;
            color: #fff;
            padding-top: 115px;
            position: relative;
            z-index: 99;
        }

        .join_e li img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

.join_f {
    width: 100%;
    height: auto;
    display: table;
}

    .join_f li, .join_k li {
        float: left;
        text-align: left;
    }

.join_g {
    float: left;
}

.join_f li img {
    margin-right: 10px;
    margin-bottom: 8px;
}

.join_f li div {
    width: 650px;
}

.join_h {
    margin-right: 0 !important;
}

.join_i {
    display: block;
}

.join_j {
    margin-left: -3px;
}

.join_l {
    float: right;
}

.join_k li div {
    width: 960px;
    height: auto;
    overflow: hidden;
}

.join_k li img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.join_m {
    margin-top: -3px;
}

.join_n {
    margin-left: 2px;
}

.join_k {
    width: 100%;
    height: auto;
    display: table;
    padding-bottom: 80px;
}

.join_o {
    width: 100%;
    height: auto;
    display: table;
    box-shadow: 0px 0px 114px 1px rgba(14,5,10,0.21);
}

    .join_o li {
        float: left;
        width: 200px;
        height: 187px;
    }

.join_q {
    background: #9bd0f3;
    box-shadow: 0px 0px 45px 0px rgba(14,5,10,0.21) inset;
}

.join_p:hover {
    transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    cursor: default;
}

.join_p {
    width: 200px;
    height: 187px;
    overflow: hidden;
    transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}

    .join_p p {
        color: #365382;
        font-size: 18px;
        line-height: 30px;
        padding-top: 60px;
    }

        .join_p p span {
            font-weight: bold;
            font-size: 24px;
            display: block;
        }

.join_r {
    background: #f1f9fe;
    box-shadow: 3px 0px 30px 0px rgba(14,5,10,0.21) inset;
}

.join_v {
    padding-bottom: 60px;
}

.join_s {
    width: 100%;
    height: 296px;
    background: url(../images/join32.jpg) center no-repeat;
}

.join_t {
    font-size: 22px;
    color: #fff;
    line-height: 34px;
    padding-top: 36px;
}

    .join_t span {
        font-size: 30px;
    }

.join_u {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    border: 1px #fff solid;
    width: 216px;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
}

    .join_u:hover {
        color: #333;
    }


/*成长之路*/
.growth_banner {
    background: url(../images/growth01.jpg) center no-repeat;
}

.growth_center {
    box-shadow: 0 0 36px 1px rgba(0,0,0,0.15);
    background: #fff;
    padding-bottom: 80px;
}

.growth_title {
    font-size: 38px;
    font-weight: bold;
    color: #333;
    display: block;
    padding-top: 68px;
    padding-bottom: 30px;
}

.growth_note {
    width: 1150px;
    margin: 0 auto;
    height: auto;
    border-top: 1px #ececec solid;
    margin-top: 50px;
    margin-bottom: 10px;
}

    .growth_note span {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        display: inline-block;
        line-height: 24px;
        margin-top: -12px;
        background: #fff;
        padding: 0 40px;
    }

.growth_center p {
    font-size: 14px;
    color: #555;
    line-height: 24px;
    text-align: left;
    text-indent: 2em;
    width: 1066px;
    margin: 0 auto;
    padding-top: 24px;
}

.growth_center img {
    margin-top: 54px;
    margin-bottom: 30px;
}

.growth_all {
    padding-bottom: 60px;
}

/*地图*/
.map_banner {
    background: url(../images/map01.jpg) center no-repeat;
}

    .map_banner span {
        display: block;
        font-size: 46px;
        color: #3baffd;
        font-weight: bold;
        padding-top: 102px;
        padding-bottom: 13px;
    }

    .map_banner p {
        font-size: 22px;
        color: #fff;
        line-height: 42px;
        padding: 0;
        width: 277px;
        height: 42px;
        margin: 0 auto;
        border: 1px #dcdcdc solid;
    }

.map-hot {
    width: 100%;
    height: 30px;
    text-align: left;
    font-size: 20px;
    color: #259eef;
    font-weight: bold;
    border-bottom: 1px #dedede solid;
    line-height: 30px;
    padding-bottom: 16px;
    margin-top: 10px;
}

.map-fri {
    width: 100%;
    height: auto;
    text-align: left;
}

    .map-fri a {
        font-size: 16px;
        color: #666;
        display: inline-block;
        margin-right: 37px;
        line-height: 80px;
        -webkit-transition: .4s;
    }

.map01 {
    margin-right: 0 !important;
}

.map-fri a:hover {
    color: #219bed
}

.map-fri p {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    margin-top: 26px;
    margin-bottom: 10px;
}

    .map-fri p img {
        float: left;
        margin-top: 3px;
        margin-right: 10px;
    }

.map-seand {
    width: 242px;
    border-right: 1px rgba(222,222,222,0.52) solid;
}

    .map-seand a {
        line-height: 34px;
        width: 64px;
    }

.map-float {
    float: left;
    width: auto;
    margin-bottom: 36px;
}

.map02 {
    margin-top: 5px !important;
}

.map-seand-middle {
    width: 266px;
    border-right: 1px rgba(222,222,222,0.52) solid;
}

    .map-seand-middle a {
        line-height: 34px;
        width: 124px;
        margin-right: 0;
    }

.map-margin {
    margin-left: 45px;
}

.map-seand-right {
    border-right: 1px rgba(222,222,222,0.52) solid;
    height: 170px;
}

    .map-seand-right a {
        line-height: 34px;
        margin-right: 47px;
    }

.map-margin02 {
    margin-left: 50px;
}

.map03 {
    margin-top: 7px !important;
}

.none-map {
    border: none !important;
}

.map-three a {
    width: 94px;
    margin-right: 104px;
}

.map-three {
    height: 102px;
}

.map-four {
    border-right: 1px rgba(222,222,222,0.52) solid;
    width: 559px;
}

    .map-four a {
        line-height: 34px;
        width: 130px;
        margin-right: 0;
    }

.map04 {
    width: auto !important;
}

.map-down a {
    width: 146px;
    margin-right: 36px;
}

.map05 {
    width: 166px !important;
}

.map-last a {
    margin-right: 36px;
}

.map-fast a {
    width: auto;
}

.map-high {
    padding-bottom: 34px;
}

.arctle-table {
    margin: 20px auto;
}

.arctle-tb {
    font-size: 14px;
    color: #666;
    line-height: 26px;
    text-align: center;
}

.news_video {
    width: 90%;
    height: 440px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}

    .news_video iframe {
        width: 640px !important;
        height: 440px !important;
    }

.right_ter {
    width: 280px;
    height: auto;
    padding-top: 10px;
}

    .right_ter h1 {
        font-size: 26px;
        color: #333;
        text-align: left;
        border-bottom: 1px #edebeb solid;
        padding-bottom: 14px;
    }

.right_ter_h {
    font-size: 18px;
    color: #333;
    text-align: left;
    padding-bottom: 14px;
}

.right_shu {
    width: 3px;
    height: 22px;
    display: inline-block;
    background: #1e94f0;
    position: relative;
    top: 4px;
    margin-right: 8px;
}

.right_more {
    font-size: 12px;
    color: #999797;
    float: right;
    font-family: "宋体";
    line-height: 40px;
    margin-right: 4px;
}

.right_kuang {
    width: 268px;
    height: auto;
    padding-top: 18px;
    display: table;
    margin: 0 auto;
}

.kuang_im {
    width: 268px;
    height: 180px;
    overflow: hidden;
    margin: 0 auto;
}

    .kuang_im:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: .8s;
        -webkit-transition: .8s
    }

    .kuang_im img {
        -webkit-transition: .8s;
    }

.kuang_dow {
    width: 268px;
    height: auto;
    margin: 0 auto;
}

.kuang_lef {
    width: 180px;
    height: auto;
    float: left;
    text-align: left;
}

.kuang_lef_h2 {
    font-size: 16px;
    color: #333;
    width: 240px;
    text-align: left;
    padding-top: 10px;
}

    .kuang_lef_h2:hover {
        color: #368be1;
    }

.kuang_lef h3 {
    font-size: 16px;
    color: #333;
    width: 240px;
    text-align: left;
    padding-top: 10px;
}

    .kuang_lef h3:hover {
        color: #368be1;
    }

.kuang_lef p {
    font-size: 12px;
    color: #999;
    text-align: left;
    padding: 6px 0px;
}

.kuang_shu {
    font-size: 9px;
    color: #999;
    margin: 0 6px;
}

.kuang_bo {
    color: #368be1;
}

.kuang_ting {
    width: 84px;
    height: 32px;
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    background: #2095f2;
    border-radius: 4px;
    margin-top: 22px;
}

.shortcourse_right_recommended_tuisong {
    width: 282px;
    height: auto;
    background: #fff;
    margin-top: 16px;
}

.shortcourse_right_img_tuisong {
    width: 282px;
    height: 200px;
    overflow: hidden;
    box-shadow: 0 0 16px 2px rgba(0,0,0,0.1);
}

    .shortcourse_right_img_tuisong a:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transition: .8s;
        -webkit-transition: .8s
    }

    .shortcourse_right_img_tuisong a img {
        -webkit-transition: .8s;
    }

.right_xun {
    width: 844px;
    height: auto;
}

.right_xun_h4 {
    font-family: "Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";
    font-size: 26px;
    color: #454343;
    text-align: left;
    border-bottom: 1px #ededed solid;
    padding-bottom: 12px;
    padding-left: 30px;
}

.right_xun_ad {
    width: 1200px;
    height: auto;
}

.right_xun_ad_h4 {
    font-family: "Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";
    font-size: 22px;
    color: #454343;
    text-align: left;
    border-bottom: 1px #ededed solid;
    padding-bottom: 12px;
    width: 90%;
}

.xun_xi_left {
    width: 46%;
    height: auto;
    text-align: left;
    display: inline-block;
    padding: 20px 0 20px 30px;
    float: left;
}

    .xun_xi_left li {
        float: left;
        width: 422px;
        height: auto;
        font-size: 14px;
        color: #454343;
        padding: 2px 0;
        line-height: 25px;
    }

.xun_xi_right {
    width: 50%;
    height: auto;
    text-align: left;
    display: inline-block;
    padding: 20px 0;
}

    .xun_xi_right li {
        float: left;
        width: 422px;
        height: auto;
        font-size: 14px;
        color: #454343;
        padding: 2px 0;
        line-height: 25px;
    }

.xun_xi {
    width: 100%;
    height: auto;
    text-align: left;
    display: inline-block;
    padding: 20px 0;
}

    .xun_xi li {
        float: left;
        width: 422px;
        height: auto;
        font-size: 14px;
        color: #454343;
        padding: 2px 0;
        line-height: 25px;
    }

.dian {
    margin-right: 10px;
}

.xun_xi li:hover {
    text-decoration: underline;
}

.vys01 {
    width: 80%;
    height: 360px;
    margin: 0 auto;
    margin-top: 0.2rem;
}

.kuang_vr {
    width: 240px;
    height: auto;
    float: left;
    text-align: center;
}

.new-about {
    margin-left: 17px;
    margin-right: 17px;
    margin-bottom: 20px;
}

/*-- 广告banne--*/
.android_ad {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}

.art_page {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.art_page_web {
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.listpage {
    font-size: 12px;
    padding: 30px 0;
    display: inline-block;
    margin: 0 auto;
}

    .listpage li {
        float: left;
        padding: 8px 14px;
        border: 1px solid #ededed;
        color: #666;
        margin-left: 5px;
    }

        .listpage li a {
            float: left;
            color: #666;
            text-decoration: none;
        }

            .listpage li a:hover {
                text-decoration: none;
            }

        .listpage li.thisclass,
        .listpage li.thisclass a, .pagebox ul li.thisclass a:hover {
            color: #fff;
            text-decoration: none;
            background: #2984e1;
        }

    .listpage .pageinfo {
        color: #666;
        text-decoration: none;
    }

        .listpage .pageinfo strong {
            color: #666;
            text-decoration: none;
        }