* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 16px;
    font-family: "Microsoft YaHei", Arial, sans-serif;
}

li {
    list-style: none
}

.clear:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
}

i,
em {
    display: block;
    font-style: normal
}

input,
button,
select,
textarea {
    outline: none;
    border: none
}

textarea {
    resize: none
}

.s-els {
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* 溢出隐藏 */

.t-els {
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.four-els {
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.f-els {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.browserupgrade {
    background: #eee;
    font-size: 24px;
    padding-top: 15%;
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 100%;
    color: #333;
}

.browserupgrade a {
    color: #e4393c;
    font-weight: bold;
    font-size: 26px
}

a {
    text-decoration: none;
}

.container {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

.contain {
    width: 1200px;
    margin: 0 auto;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.boxsizing {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5 {
    letter-spacing: 1px;
}

p {
    text-align: justify;
    line-height: 1.5em;
    word-break: break-word;
}

.wrap {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.wrap-line {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.part4con ul>li p,
.part5>.gold_teacher p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.part4con ul>li p>a {
    display: block;
}

.sliderbox>.viewbox>ul>li>div>p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.sliderp7 p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.bklist>li p,
.serch_result>li>p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.team>ul>li>p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.datebox+div>.mess>p {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}


/*华丽分割线华丽分割线华丽分割线华丽分割线华丽分割线华丽分割线华丽分割线华丽分割线*/

.img_map>div {
    width: 282px;
    height: 282px;
    margin-right: 19px
}

.img_map>div:nth-child(1) {
    background: #5495fa;
    padding-top: 78px;
    height: 200px;
}

.img_map>div:nth-child(2) {
    background: #4ad18c;
    padding-top: 78px;
    height: 200px;
}

.img_map>div>h2 {
    font-size: 45px;
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}

.img_map>div>h3 {
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.img_map>div:last-child {
    margin-right: 0
}

.main_nav {
    height: 106px;
    background: #fff;
    padding-top: 15px;
    line-height: 70px
}

.nav>li {
    float: left;
    margin-right: 40px;
    position: relative;
}

.nav>li>a {
    font-size: 16px;
    color: #444;
}

.navbox {
    position: relative;
}

.serbox {
    position: absolute;
    right: 0;
    top: 24px;
}

.serbox>img {
    float: left;
    margin-top: 4px;
    cursor: pointer;
}

.serbox>i {
    float: left;
    margin-right: 40px;
    border-left: 2px solid #999;
    height: 22px;
}

.banner>img {
    width: 100%;
}

.banner {
    position: relative;
}

.ljdz {
    width: 180px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: block;
    position: absolute;
    margin-top: -30px;
    top: 49%;
    margin-left: -90px;
    left: 50%;
    font-size: 14px;
    color: #fff;
    background: #d61b34;
}

.banmess {
    height: 130px;
    width: 960px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    background: #4587ec;
    padding: 55px 50px;
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -480px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 4px 18px rgba(0, 0, 0, .5);
}

.banmess>.title {
    border-right: 1px solid #fff;
    height: 110px;
    position: absolute;
    left: 50px;
    top: 46px;
}

.banmess>.title>img {
    float: left;
    margin-right: 20px;
    margin-top: 10px
}

.banmess>.title>h2 {
    float: left;
    font-size: 24px;
    color: #fff;
    margin-right: 40px
}

.banmess>p {
    height: 135px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    margin-left: 210px;
    width: 520px;
    line-height: 23px
}

.banmess>p+a {
    width: 160px;
    height: 50px;
    display: block;
    position: absolute;
    right: 50px;
    top: 50%;
    margin-top: -25px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #2174f5;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    background: #fff;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .4);
    text-decoration: none;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.banmess>p+a:hover {
    background: #ededed;
}

.serchbox {
    position: absolute;
    bottom: -100px;
    display: none;
    left: 0;
    height: 100px;
    width: 100%;
    background: #103057;
    z-index: 100;
}

.serchbox>form {
    width: 1040px;
    margin: 0 auto;
}

.serchbox .serch {
    width: 850px;
    height: 60px;
    line-height: 60px;
    float: left;
    margin-top: 22px;
    display: block;
    line-height: 55px;
    background: #fff;
    border-radius: 2px;
    padding-left: 30px;
    margin-right: 20px;
    font-size: 18px;
    color: #333;
}

.ser_btn {
    font-size: 18px;
    color: #103057;
    width: 140px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin-top: 22px;
}

.ser_btn:hover {
    background: #e7e7e7
}

.pt15px {
    padding-top: 150px;
}

.part1>img {
    margin-right: -50px;
}

.part1>div {
    width: 790px;
    margin-top: 80px;
}

.part1>div>p {
    font-size: 16px;
    color: #555;
    margin-bottom: 50px
}

.part1>div>p+ul>li {
    float: left;
    margin-right: 105px
}

.part1>div>p+ul>li>dl>dd {
    font-size: 16px;
    color: #555;
    width: 150px;
    line-height: 28px;
    margin-top: 20px
}

.part1>div>p+ul+a {
    display: block;
    width: 325px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #5495fa;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, .4);
    -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, .4);
    text-decoration: none;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    margin-top: 45px
}

.part1>div>p+ul+a:hover {
    background: #2174f5
}

.part {
    margin-top: 90px;
    overflow: hidden;
}

.part2>ul {
    margin-top: 150px;
    padding: 10px;
}

.part2 ul>li>a {
    font-size: 16px;
    color: #555;
    display: block;
    margin-top: 60px;
    text-align: center;
}

.part2 ul>li>a>img {
    display: block;
    margin: 0 auto;
    margin-top: 45px;
    margin-bottom: 30px;
}

.part2 ul>li {
    width: 250px;
    height: 280px;
    background: #fff;
    margin-right: 60px;
    box-shadow: 0 0 18px rgba(225, 225, 225, 0.5);
    -webkit-box-shadow: 0 0 18px rgba(225, 225, 225, 0.5);
    -moz-box-shadow: 0 0 18px rgba(225, 225, 225, 0.5);
    transition: box-shadow .5s;
    -webkit-transition: box-shadow .5s;
    -moz-transition: box-shadow .5s;
}

.part2 ul>li:nth-child(4) {
    margin-right: 0
}

.part2 ul>li:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.2);
}

.imgmess {
    margin-top: 120px;
    margin-left: 70px;
    position: relative;
}

.part4 {
    position: relative;
    margin-top: -4px;
}

.part4>.contain {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -600px
}

.imgmess>div {
    position: absolute;
}

.imgmess>div>dl>dt {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px
}

.imgmess>div>dl>dd {
    font-size: 14px;
    color: #333
}

.imgmess>div.img1 {
    left: 269px;
    top: 58px;
}

.imgmess>div.img2 {
    left: 243px;
    top: 252px;
}

.imgmess>div.img3 {
    left: 88px;
    top: 398px;
}

.imgmess>div.img4 {
    left: 675px;
    top: 33px;
}

.imgmess>div.img5 {
    left: 778px;
    top: 213px;
}

.imgmess>div.img6 {
    left: 821px;
    top: 402px;
}

.part4con>ul>li {
    margin-right: 20px
}

.part4>ul>li:nth-child(3) {
    margin-right: 0px
}

.part4con {
    margin-top: 70px
}

.part4con>img {
    margin-bottom: 55px
}

.part4con ul>li {
    width: 380px;
}

.part4con ul>li>dl>dd>a {
    font-size: 16px;
    color: #fff;
}

.part4con ul>li>dl>dd>p>a {
    font-size: 14px;
    color: #fff;
}

.part4con ul>li>dl>dt {
    margin-bottom: 20px
}

.part4con ul>li>dl>dd {
    margin-bottom: 25px
}

.part4con ul>li>dl>dt:hover {
    opacity: .6
}

.part4>a>img {
    display: inline-block;
    vertical-align: -2px;
    margin-left: 10px
}

.part4>a:hover {
    background: #ededed
}

.part4>a {
    width: 160px;
    height: 50px;
    text-decoration: none;
    display: block;
    background: #fff;
    color: #3678df;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 12px rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -80px;
    transition: background .4s;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
}

.part5>img {
    margin-bottom: 100px
}

.part5>.gold_teacher .teacher_li>h2 {
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px
}

.part5>.gold_teacher .teacher_li {
    /* width: 352px;
    margin-right: 70px */
    text-align: center;
}

.part5>.gold_teacher .teacher_li>p {
    font-size: 14px;
    color: #555;
}

.part5>.gold_teacher .teacher_li:nth-child(3) {
    margin-right: 0
}

.part5>.gold_teacher .teacher_li>a {
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 0 auto;
    background: #548ee8;
    color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    transition: background .5s;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
    text-decoration: none;
    margin-top: 30px
}

.part5>.gold_teacher .teacher_li>a:hover {
    background: #2174f5
}

.part6 {
    background: #fcfcfc;
    padding-bottom: 110px;
    border-top: 2px solid #f7f7f7;
}

.part6>div>div>img {
    margin-top: 65px
}

.sliderbox {
    margin-top: 120px;
    position: relative;
    width: 100%;
}

#slider_l {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}

#slider_r {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}

.sliderbox>.viewbox>ul>li>img {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.sliderbox>.viewbox>ul>li>div {
    width: 740px;
    margin-left: 30px
}

.sliderbox>.viewbox>ul>li>div>h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 25px
}

.sliderbox>.viewbox>ul>li>div>p {
    font-size: 14px;
    color: #888;
    line-height: 28px;
    margin-bottom: 25px
}

.sliderbox>.viewbox>ul>li>div>a {
    font-size: 14px;
    color: #548ee8;
}

.sliderbox>.viewbox>ul>li>div>a:hover {
    color: #2174f5;
}

.sliderbox>.viewbox>ul>li>div>a>img {
    display: inline-block;
    vertical-align: -3px;
    margin-left: 5px
}

.viewbox {
    overflow: hidden;
    width: 940px;
    margin: 0 auto;
    height: 170px;
    position: relative;
}

.sliderbox>.viewbox>ul {
    position: absolute;
    left: 0;
    top: 0;
}

.sliderbox {
    height: 170px;
}

.part7 {
    position: relative;
    height: 750px;
    background: url(../images/index2_46.png) no-repeat;
    background-size: cover
}

.part7>img {
    width: 100%;
}

.part7>div {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px
}

.part7>div>img {
    margin-top: 65px;
    display: block;
    margin-bottom: 80px;
}

.sliderp7>ul>li:last-child {
    margin-right: 0
}

.sliderp7>ul>li {
    width: 385px;
    float: left;
    margin-right: 20px;
}

.sliderp7>ul>li>img {
    width: 380px;
    height: 235px;
}

.sliderp7>ul>li>h2>a {
    font-size: 16px;
    color: #fff;
    margin: 25px 0;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word
}

.sliderp7>ul>li>p>a {
    font-size: 14px;
    color: #fff;
    display: block;
}

.art_mess>div {
    margin-right: 30px
}

.art_mess>div:nth-child(2) {
    margin-right: 0
}

.art_mess>div>img {
    display: inline-block;
    vertical-align: -3px;
    margin-right: 5px
}

.sliderp7>ul>li>.art_mess {
    margin-top: 20px;
}

.art_mess>div {
    font-size: 14px;
    color: #fff;
}

.part7>span {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    text-align: center;
}

.part7>span>i {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    border: 2px solid #fff;
    display: inline-block;
    cursor: pointer;
    margin: 0 10px;
}

.part7>span>i.on {
    background: #fff
}

.sliderp7 {
    overflow: hidden;
    width: 1200px;
    height: 424px;
    position: relative;
}

#newslist {
    position: absolute;
    left: 0;
    top: 0;
}

.footer {
    margin-top: 20px;
    padding-top: 30px;
    padding-bottom: 35px;
    background: #f6f6f6;
    height: 275px;
}

.our_nav>ul>li {
    font-size: 24px;
    font-weight: bold;
    color: #999;
    margin-bottom: 25px;
    cursor: pointer;
}

.our_nav>ul>li.on {
    color: #333;
}

.our_nav {
    margin-right: 150px
}

.nav_second {
    position: absolute;
    width: 140px;
    z-index: 2;
    background: #fff;
    padding: 0 10px;
    display: none;
    left: -26px;
}

.nav_top_li:hover .nav_second {
    display: block;
}

.nav_second li a {
    display: block;
    font-size: 16px;
    color: #444;
    line-height: 40px;
    text-align: center;
}

.nav_second li a:hover {
    color: #5495fa
}

.contact>h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 25px
}

.contact {
    width: 300px;
}

.contact>ul>li {
    font-size: 18px;
    color: #555;
    margin-bottom: 12px
}

.footer form>h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.contact>ul>li>img {
    margin-right: 8px
}

.footer form {
    width: 435px;
    margin-right: 40px
}

.inputbox>input {
    float: left;
    width: 210px;
    height: 35px;
    line-height: 45px;
    font-size: 14px;
    color: #555;
    background: #fff;
    border: 1px solid #ddd;
    text-indent: 10px
}

.inputbox>input:first-child {
    margin-right: 10px
}

.inputbox {
    margin-bottom: 12px
}

.footer form>textarea {
    width: 415px;
    height: 60px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    font-size: 14px;
    color: #555;
    margin-bottom: 12px
}

.foot_submit {
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #5495fa;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: background .4s;
    -webkit-transition: background .4s;
    -moz-transition: background .4s
}

.foot_submit:hover {
    background: #3e7cdc
}

body>p {
    font-size: 12px;
    text-align: center;
    color: #999;
    background: #333333;
    padding: 25px 0;
}

.nav>li.on>a {
    color: #5495fa;
    padding-bottom: 10px;
    border-bottom: 2px solid #5495fa
}

.nav>li>a:hover {
    text-decoration: none;
    color: #5495fa;
}

.oban {
    background: url(../images/F1_02.png) no-repeat;
    height: 200px;
    background-size: cover;
}

.oban h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px
}

.oban h5 {
    font-size: 18px;
    color: #fff;
}

.oban>div {
    padding-top: 60px
}

.curp>li {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.curp>li>a {
    display: inline-block;
    margin-right: 8px;
    font-size: 16px;
    color: #666;
}

.curp>li:nth-child(1) {
    margin-right: 15px;
    vertical-align: -4px
}

.curp {
    margin-top: 20px;
    margin-bottom: 30px
}

.aside {
    width: 240px;
}

.leftcon {
    width: 880px;
}

.nav_top {
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.nav_top>li {
    font-size: 16px;
    color: #555;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    padding: 0 5px 10px 5px;
}

.nav_top>li:hover {
    color: #5495fa;
}

.nav_top>li.on {
    color: #5495fa;
    font-size: 16px;
    border-bottom: 2px solid #5495fa
}

.nav_top {
    margin-bottom: 20px
}

.con_art {
    height: 220px;
    width: 100%;
    background: #f5f5f5;
    padding: 30px;
    overflow: hidden;
}

.con_art>img {
    width: 240px;
    height: 150px;
    float: left
}

.con_art>div {
    width: 515px;
    margin-left: 25px
}

.title {
    padding-top: 40px
}

.title>h2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px
}

.artmess {
    width: 200px;
}

.artmess>span {
    font-size: 14px;
    color: #666;
}

.artmess>span>img {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 5px
}

.down {
    background: url(../images/F1_31.png) no-repeat;
    width: 148px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}

.down:hover {
    text-decoration: underline;
}

.title+.fr {
    margin-top: 50px
}

.con_art {
    margin-bottom: 20px
}

.imgbox {
    border: 1px solid #ddd;
    padding: 20px;
}

.contact>ul {
    display: none
}

.aside>h2 {
    font-size: 16px;
    color: #666;
    margin-bottom: 25px
}

.aside>ul>li:nth-child(1) {
    background: url(../images/F1_09.png);
    height: 89px;
}

.aside>ul>li:nth-child(2) {
    background: url(../images/F1_24.png);
    height: 88px;
}

.aside>ul>li:nth-child(3) {
    background: url(../images/F1_26.png);
    height: 83px;
}

.aside>ul>li:nth-child(4) {
    background: url(../images/F1_28.png);
    height: 85px;
}

.aside>ul>li {
    margin-bottom: 20px;
    width: 240px;
    line-height: 100px;
    cursor: pointer;
    text-indent: 20px;
    transition: transform .4s;
    -moz-transition: transform .4s;
    -webkit-transition: transform .4s
}

.aside>ul>li:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.aside>ul>li>a {
    font-size: 18px;
    color: #fff;
    text-decoration: none
}

.bklist>li {
    overflow: hidden;
    margin-bottom: 40px
}

.bklist>li>a>img {
    width: 240px;
    height: 150px;
    float: left;
}

.listbox {
    border: none;
}

.bklist>li>div {
    width: 610px;
    margin-left: 25px
}

.bklist>li h2>a {
    font-size: 18px;
    color: #333;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word
}

.bklist>li p {
    font-size: 14px;
    color: #999;
}

.bklist>li .artmess {
    margin: 20px 0;
}

.bklist {
    margin-top: 40px
}

.pagelist>ul>li>a {
    font-size: 16px;
    color: #555;
}

.pagelist>ul>li.home {
    margin-right: 30px
}

.pagelist>ul>li.wei {
    margin-left: 30px
}

.pagelist>ul>li.pre {
    margin-right: 25px
}

.pagelist>ul>li.next {
    margin-left: 25px
}

.pagelist>ul>li.on {
    border-radius: 100%;
    background: #5495fa
}

.pagelist>ul>li.normal {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin-top: -6px
}

.pagelist {
    margin: 0px auto;
    position: relative;
    /*top:-70px;*/
}

.pagelist>ul>li.normal>a {
    color: #555;
    font-size: 16px;
}

.pagelist>ul>li.on>a {
    color: #fff;
    font-size: 16px;
}

.pagelist>ul {
    text-align: center;
}

.pagelist>ul>li {
    display: inline-block;
    margin-right: 10px
}

.pagelist>ul>li>a:hover {
    color: #5495fa;
    text-decoration: none
}

.listbox>h2.blog {
    font-size: 24px;
    color: #fff;
    background: url(../images/blog_03.png);
    background-position: center;
    height: 58px;
    line-height: 58px;
    text-align: left;
    text-indent: 70px;
    margin: 40px auto;
}

.jsxq {
    /* border:1px solid #ddd; */
    padding: 35px 70px;
    height: auto;
}

.jsxq>img {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    margin-bottom: 20px
}

.jsxq>.fl {
    margin-left: 55px
}

.jsxq .title>h2>em {
    display: block;
    font-size: 16px;
    color: #999;
    font-weight: normal;
}

.jsjs {
    clear: both;
    font-size: 16px;
    color: #333;
}

.navconkc {
    margin: 40px auto;
}

.navconkc>img {
    float: left;
    width: 380px;
    height: 250px;
    margin-right: 85px
}

.navconkc>.mess>h2 {
    font-size: 26px;
    color: #333;
    cursor: pointer;
    margin-bottom: 40px;
    text-indent: 22px;
}

.navconkc>.mess>h2>img {
    display: inline-block;
    vertical-align: 4px;
    margin-left: 20px;
    transition: transform .4s;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
}

.navconkc>.mess>h2>img.on {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.navconkc>.mess>p {
    font-size: 16px;
    color: #555;
}

.navconkc .btn>a:nth-child(1) {
    margin-right: 25px;
    background: #4ad18c
}

.navconkc .btn>a {
    float: left;
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #5495fa;
    transition: background .4s;
    -webkit-transition: background .4s;
    -moz-transition: background .4s;
}

.navconkc .btn>a:hover {
    background: #2174f5;
    text-decoration: none
}

.navconkc .btn>a:nth-child(1):hover {
    background: #09c263;
}

.navconkc>.mess>.btn {
    margin-top: 40px
}

.navconkc>.mess {
    position: relative;
    width: 710px;
}

.navconkc>.mess>.togglemenu {
    position: absolute;
    left: 0;
    top: 45px;
    display: none;
}

.navconkc>.mess>.togglemenu>a {
    width: 260px;
    height: 50px;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #999;
    background: #fff;
    border: 1px solid #ddd;
}

.navconkc>.mess>.togglemenu>a:nth-child(2) {
    border-top: none;
}

.navconkc>.mess>.togglemenu>a:hover {
    color: #555;
    text-decoration: none
}

.page_slider>.top_nav>span {
    height: 55px;
    width: 140px;
    line-height: 55px;
    text-align: center;
    font-size: 24px;
    color: #555;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer;
    border-bottom: none
}

.page_slider>.top_nav>span.on {
    color: #5495fa;
    border-top: 4px solid #5495fa;
    line-height: 50px;
}

.page_slider_con {
    margin-top: 40px
}

.page_slider_con>p {
    font-size: 16px;
    color: #555;
}

.page_slider>.top_nav {
    border-bottom: 1px solid #ddd
}

.page_slider>.top_nav>span:nth-child(1) {
    border-right: none;
}

.hotcur>h2 {
    font-size: 24px;
    color: #fff;
    margin: 40px 0;
    background: url(../images/xq_07.png) no-repeat;
    height: 57px;
}

.hot_slider,
.hotcurbox {
    overflow: hidden;
}

.hotcurbox {
    position: relative;
}

.hot_slider {
    position: absolute;
    top: 0;
    left: 0;
}

.hot_slider>li {
    float: left;
    margin-right: 20px
}

.hot_slider>li:last-child {
    margin-right: 0
}

.hot_slider>li>a>img {
    width: 380px;
    height: 250px;
}

.hotcurbox {
    height: 250px;
    position: relative;
    width: 1180px;
}

.hotcur {
    margin-bottom: 70px
}

#hot_l {
    position: absolute;
    top: 50%;
    margin-top: -45px;
    left: -45px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    cursor: pointer;
    -moz-border-radius: 100%;
    background: rgba(0, 0, 0, .4);
}

#hot_r {
    position: absolute;
    top: 50%;
    margin-top: -45px;
    right: -45px;
    width: 90px;
    height: 90px;
    cursor: pointer;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: rgba(0, 0, 0, .4);
}

#hot_r>img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 50px;
}

#hot_l>img {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50px;
}

.serchinput {
    position: relative;
}

.serchinput>input[type="text"] {
    border-bottom: 2px solid #eee;
    display: block;
    width: 100%;
    font-size: 20px;
    color: #555;
    text-indent: 20px;
    padding-bottom: 10px;
}

.serchinput>input[type="image"] {
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.serchinput {
    margin-bottom: 40px
}

.serch_result>li {
    display: block;
    height: 105px;
    padding: 20px 25px;
    margin-bottom: 25px
}

.serch_result>li>h2>a {
    font-size: 18px;
    color: #333;
}

.serch_result>li>h2 {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px
}

.serch_result>li>p {
    font-size: 16px;
    color: #999;
    line-height: 28px
}

.serch_result>li {
    box-shadow: 0 1px 6px rgba(214, 214, 214, .9);
    -webkit-box-shadow: 0 1px 6px rgba(214, 214, 214, .9);
    -moz-box-shadow: 0 1px 6px rgba(214, 214, 214, .9);
    /* //-webkit-transition: all .4s;
    //-moz-transition: all .4s;
    //transition: all .4s */
}

.serch_result>li:hover {
    box-shadow: 0 1px 12px rgba(164, 164, 164, .6);
    -webkit-box-shadow: 0 1px 12px rgba(164, 164, 164, .6);
    -moz-box-shadow: 0 1px 12px rgba(164, 164, 164, .6);
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
}

.detail>img {
    width: 150px;
    height: 150px;
    border: 2px solid #ddd;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.detail .title {
    padding-top: 0px;
}

.detail .title>dl {
    width: 288px;
}

.detail .title>dl>dt {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px
}

.detail .title>dl>dd {
    font-size: 16px;
    color: #666;
    margin-bottom: 12px
}

.img_map {
    margin: 30px 0;
}

.img_map>img {
    float: left;
    margin-right: 20px;
}

.img_map>div {
    width: 280px;
    height: 278px;
    /* //border:1px solid #ddd; */
}

.mxjj {
    background: url(../images/xx_09.png) no-repeat;
    height: 56px;
    width: 880px;
}

.listbox>.mxjj+p {
    font-size: 16px;
    color: #555;
    margin-top: 30px;
    line-height: 28px
}

.hotcur>.school_img {
    background: url(../images/school_img.png) no-repeat;
    height: 56px;
    width: 880px;
}

.school_img_slider>li>a>img {
    width: 280px;
    height: 175px;
}

.school_img+.hotcurbox {
    width: 880px;
    height: 175px;
}

.listbox>.xyxw {
    background: url(../images/xyxw.png) no-repeat;
    height: 56px;
    width: 880px;
}

.hot_school>ul>li {
    width: 240px;
    height: 80px;
    overflow: hidden;
    background: #f5f5f5;
    margin-bottom: 25px;
    /* //border:1px solid #ddd; */
    transition: transform .4s;
    -moz-transition: transform .4s;
    -webkit-transition: transform .4s;
}

.hot_school>ul>li>h2 {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 80px;
    height: 80px;
    text-align: center;
}

.hot_school>ul>li>img {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px
}

.hot_school {
    margin-top: 50px
}

.hot_school>h2 {
    font-size: 16px;
    color: #666;
    margin-bottom: 25px;
}

.hot_school>ul>li:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    cursor: pointer;
}

.zxtw {
    background: url(../images/8.png);
    height: 56px;
    width: 880px;
}

.onlineq {
    margin-bottom: 40px
}

.onlineq input {
    background: #fff;
    border: 1px solid #555;
    text-indent: 20px;
    font-size: 16px;
    color: #333;
}

.onlineq .line>input {
    width: 62%;
    height: 30px;
    float: left;
}

.onlineq .line>em {
    float: left;
    font-size: 14px;
    color: #333;
    height: 30px;
    line-height: 30px;
    width: 70px;
    text-align: left;
}

.onlineq>h2 {
    margin-bottom: 40px
}

.onlineq .line {
    float: left;
    margin-bottom: 20px
}


/* .onlineq>form>.line:nth-child(odd) {} */

.onlineq>form>.line:last-child {
    margin-right: 0
}

.codebox>input {
    float: left
}

.getCod {
    width: 135px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #5495fa;
    cursor: pointer;
    float: left;
    color: #fff;
    font-size: 14px
}

.onlineq textarea {
    width: 85%;
    height: 100px;
    background: #fff;
    border: 1px solid #555;
    float: left;
    text-indent: 20px;
    font-size: 16px;
    color: #333;
    padding-top: 10px;
}

.onlineq>form>input[type="button"] {
    width: 170px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #5495fa;
    border: none;
    text-indent: 0;
    cursor: pointer;
}

.onlineq>form>input[type="button"]:hover {
    background: #3b7bdf
}

.getCod:hover {
    background: #3b7bdf
}

.qabox>h2 {
    background: url(../images/qa.png);
    height: 56px;
    width: 880px;
    margin-bottom: 30px
}

.qabox {
    margin-top: 40px
}

.qabox>ul>li {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 12px rgba(215, 215, 215, .8)
}

.qabox>ul>li>.litop>img {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -6px;
    cursor: pointer;
    transition: transform .4s;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
}

.qabox>ul>li div.permess>span>em {
    font-size: 16px;
    color: #666;
}

.qabox>ul>li div.permess>span {
    margin-right: 70px
}

.qabox>ul>li>.litop>h2 {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    margin-bottom: 20px;
}

.qabox>ul>li.on>.litop {
    border-bottom: 1px solid #ddd
}

.qabox>ul>li>.litop {
    padding: 20px;
    position: relative;
}

.qabox>ul>li>.libotm>p {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.qabox>ul>li>.libotm {
    padding: 20px;
}

.qabox>ul>li {
    height: 105px;
    overflow: hidden;
}

.qabox>ul>li.on {
    height: auto;
}

.qabox>ul>li.on>div>img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg)
}

.curp>li>a:hover {
    color: #5495fa;
}

.video {
    background: #000;
    position: relative;
    width: 180px;
    height: 115px;
    margin-right: 20px
}

.video>img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.video>img:hover {
    opacity: .8
}

.ksnr_video>.mess {
    width: 670px;
}

.ksnr_video>.mess>h2>a {
    font-size: 24px;
    color: #333;
}

.ksnr_video>.mess>p {
    font-size: 16px;
    color: #666;
    margin-top: 18px
}

.ksnr_video {
    margin-top: 45px
}

.ksnr_video>.mess>h2>a:hover {
    color: #5495fa;
}

.tuilibox {
    margin-top: 45px;
    padding-top: 45px;
    margin-bottom: 90px;
    border-top: 1px solid #ddd;
}

.tuilibox>h2 {
    font-size: 24px;
    color: #333;
}

.tuilibox>h5 {
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 45px
}

.article {
    margin-top: 30px
}

.article>h1 {
    font-size: 32px;
    color: #333;
    text-align: center;
    margin-bottom: 30px
}

.videobox {
    width: 755px;
    height: 475px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 35px
}

.videobox>video {
    background: #000
}

.videobox>img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.videobox>img:hover {
    opacity: .8
}

.article>p {
    font-size: 16px;
    color: #555;
    line-height: 28px
}

.sban {
    margin: 70px 0;
    cursor: pointer;
}

.artbarnav>h2 {
    height: 57px;
    line-height: 57px;
    width: 880px;
    background: #5495fa;
    font-size: 22px;
    color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    text-indent: 30px;
    cursor: pointer;
    position: relative;
    margin-top: 40px
}

.artbarnav>h2.on {
    background: #2174f5;
}

.artbarnav>.article {
    display: none;
}

.artbarnav>h2>img {
    position: absolute;
    right: 28px;
    top: 50%;
    margin-top: -4px;
    transition: transform .4s;
    -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
}

.artbarnav>h2.on>img {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.articlebox>.wfte {
    height: 56px;
    width: 1180px;
    margin: 40px 0;
    padding: 0 60px;
    line-height: 56px;
    font-weight: normal;
    color: #fff;
    box-sizing: border-box;
    background: url(../images/fuwu.png) no-repeat center;
}

.wflist>li {
    width: 320px;
    height: 40px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    padding: 30px;
    cursor: pointer;
    box-shadow: 0 1px 14px #e1e9f5;
    -webkit-box-shadow: 0 1px 14px #e1e9f5;
    -moz-box-shadow: 0 1px 14px #e1e9f5;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}

.wflist>li:nth-child(3n) {
    margin-right: 0
}

.wflist>li img {
    float: left;
    margin-right: 20px
}

.wflist>li h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 12px
}

.wflist>li h4 {
    font-size: 14px;
    color: #666;
}

.wflist>li .mess {
    margin-top: -1px
}

.wflist>li:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    box-shadow: 0 1px 16px #aabbd3;
    -webkit-box-shadow: 0 1px 16px #aabbd3;
    -moz-box-shadow: 0 1px 16px #aabbd3;
}

.ksfa {
    height: 56px;
    width: 1180px;
    margin: 40px 0;
    background: url(../images/kecheng.png) no-repeat center;
    padding: 0 60px;
    box-sizing: border-box;
    font-weight: normal;
    line-height: 56px;
    color: #fff;
}

.part4con .kcfalist li dl dd.tt a {
    font-weight: bold
}

.part4con .kcfalist li dl dd a {
    color: #333;
}

.part4con .kcfalist li dl dd a:hover {
    color: #5495fa;
}

.part4con .kcfalist li {
    margin-bottom: 25px
}

.ydytop {
    margin: 40px 0;
}

.ydytop>img {
    float: left;
}

.ydytop>.mess {
    margin-left: 95px;
    width: 700px;
}

.ydytop>.mess>h2 {
    font-size: 30px;
    color: #333;
    margin-bottom: 45px;
}

.ydytop>.mess>p {
    font-size: 16px;
    color: #333;
    line-height: 28px
}

.ydytop>.mess>a {
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    background: #5495fa;
    margin-top: 30px
}

.ydytop>.mess>a:hover {
    background: #4583e2
}

.faxq {
    margin-bottom: 40px
}

.faxq>p {
    margin-top: 0px;
    font-size: 16px;
    color: #333;
    line-height: 28px
}

.team>ul>li {
    width: 240px;
    height: 180px;
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    float: left;
    margin-bottom: 150px;
    margin-right: 16px;
    padding: 120px 20px 0 20px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
}

.team>ul>li:hover {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    box-shadow: 0 1px 12px #c2c2c2;
    -webkit-box-shadow: 0 1px 12px #c2c2c2;
    -moz-box-shadow: 0 1px 12px #c2c2c2;
}

.team>ul>li>img {
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top: -75px;
}

.artcon>.team {
    margin-top: 150px
}

.team>ul>li>h2 {
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: bold
}

.team>ul>li>h2>em {
    font-weight: normal;
    color: #666;
}

.team>ul>li>p {
    font-size: 16px;
    color: #333;
    margin-top: 25px;
    line-height: 28px;
    text-align: justify;
}

.team>ul>li:nth-child(3n) {
    margin-right: 0
}

.team>ul>li>a {
    font-size: 14px;
    color: #fff;
    display: block;
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -74px;
    background: url(../images/F1_31.png);
    width: 148px;
    height: 48px;
    text-align: center;
    line-height: 48px;
}

.success>ul>li>span {
    font-size: 16px;
    color: #999;
    position: absolute;
    bottom: 16px;
    right: 25px;
}

.success>ul>li>span:hover {
    color: #5495fa;
    cursor: pointer;
}

.success>ul>li {
    padding: 20px;
    padding-bottom: 40px;
    background: #fff;
    margin-top: 25px;
    overflow: hidden;
    box-shadow: 0 1px 12px #d6e2f2;
    -webkit-box-shadow: 0 1px 12px #d6e2f2;
    -moz-box-shadow: 0 1px 12px #d6e2f2;
    position: relative;
}

.success {
    margin-top: 30px
}

.success>ul>li>img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
}

.success>ul>li>.mess {
    width: 700px;
    margin-left: 30px
}

.success>ul>li>.mess p {
    font-size: 16px;
    color: #555;
    height: 50px;
    overflow: hidden;
}

.success>ul>li>.mess span {
    font-size: 16px;
    color: #555;
    margin-left: 30px;
    margin-top: 3px
}

.success>ul>li>.mess div {
    margin-bottom: 20px
}

.success>ul>li>.mess h2 {
    font-size: 18px;
    color: #333;
}

.success>ul>li>.mess p.on {
    height: 146px;
    text-overflow: clip;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    /* // -webkit-box-orient: vertical; */
}

.f1>ul>li>img {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.oban>.contain>h2 {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    opacity: 0
}

.oban>.contain>h5 {
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    opacity: 0
}

.oban>.contain>h2.on,
.oban>.contain>h5.on {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1
}

.selectbox {
    margin-top: 40px
}

.selectbox select {
    width: 280px;
    height: 55px;
    float: left;
    background: #fff;
    font-size: 16px;
    color: #333;
    border: 1px solid #ddd;
    float: left;
    margin-right: 30px
}

.selectbox input[type="text"] {
    font-size: 16px;
    color: #333;
    text-indent: 20px;
    width: 500px;
    border: 1px solid #ddd;
    height: 54px;
    background: #fff;
    float: left
}

.selectbox input[type="image"] {
    float: left;
    border: 1px solid #ddd;
    border-left: none;
}

.kszxlist>li {
    overflow: hidden;
    height: 130px;
    padding: 25px 0;
    padding-left: 140px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.kszxlist>li:last-child {
    border-bottom: none
}

.datebox {
    height: 90px;
    width: 100px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 25px;
    border-right: 2px solid #5495fa;
}

.datebox>em,
.datebox>i {
    display: block;
}

.datebox>em {
    color: #5495fa;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 8px
}

.datebox>i {
    color: #999;
    font-size: 16px;
    text-align: center;
}

.datebox+div>.mess>h2>a {
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    display: block;
}

.datebox+div>.mess>p {
    font-size: 16px;
    color: #666;
    margin-top: 15px
}

.datebox+div>.mess {
    width: 500px;
}

.datebox+div>a>img {
    width: 205px;
    float: right;
    height: 130px;
}

.onlineq form .codebox+div {
    margin-right: 0!important;
    clear: both
}

.article>em.time {
    font-size: 14px;
    color: #555;
    display: block;
    margin: 35px 0 40px 0;
}

.article>em.time>i {
    display: inline-block;
    margin-left: 30px;
    color: #555;
}

.part_share>.fl {
    border: 1px solid #f77d81;
    width: 180px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 40px;
    background: #fff;
    cursor: pointer;
}

.part_share>.fl:hover {
    background: #fef0f1
}

.part_share>.fl>em {
    font-size: 18px;
    color: #f77d81;
    float: left;
}

.part_share>.fl>img {
    float: left;
    margin-top: 23px;
    margin-left: 30px;
    margin-right: 15px
}

.part_share>.fl>i {
    font-size: 18px;
    color: #f77d81;
    float: left;
    margin: 0 10px;
}

.part_share>.fr>a {
    float: left;
    width: 58px;
    height: 58px;
    margin-right: 20px
}

.part_share>.fr>a:nth-child(1) {
    background: url(../images/wx.png);
}

.part_share>.fr>a:nth-child(1):hover {
    background: url(../images/wxh.png);
}

.part_share>.fr>a:nth-child(2) {
    background: url(../images/wb.png);
}

.part_share>.fr>a:nth-child(2):hover {
    background: url(../images/wbh.png);
}

.part_share>.fr>a:nth-child(3) {
    background: url(../images/qq.png);
}

.part_share>.fr>a:nth-child(3):hover {
    background: url(../images/qqh.png);
}

.part_share {
    margin: 40px 0 20px 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}

.pre_art {
    clear: both;
    margin-top: 20px
}

.pre_art>span>em {
    display: inline-block;
    font-size: 16px;
    color: #333;
}

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

.pre_art>span>a {
    display: inline-block;
    font-size: 16px;
    color: #333;
}

.zjdy {
    background: url(../images/zjdy.png);
    height: 56px;
    margin-top: 45px
}

.onlineq>form>input[type="button"] {
    margin-left: 85px
}

.onlineq .line>em {
    line-height: normal;
    margin-top: 5px;
    margin-left: 15px;
}

.onlineq .selectBOX select {
    float: left;
    border: 1px solid #333;
    background: #fff;
    height: 55px;
    width: 145px;
    font-size: 14px;
    color: #333;
}

.onlineq .selectBOX em {
    clear: both
}

.onlineq form .codebox+div.yxgj {
    margin-right: 70px!important
}

.moreabout {
    height: 56px;
    background: url(../images/more.png);
    margin-bottom: 40px;
    margin-top: 40px
}

.ydph>h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 25px
}

.ydph>ul>li>a>i {
    display: inline-block;
    margin-right: 10px;
    vertical-align: -6px;
    font-size: 30px;
}

.ydph>ul>li>a>i.on {
    color: #f7444c;
}

.ydph>ul>li>a {
    color: #333;
    text-decoration: none;
    height: 30px;
    display: block;
    padding: 10px;
    line-height: 30px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ydph>ul>li>a:hover {
    background: #f6f6f6;
}

#yykc {
    cursor: pointer;
}

.zzbox {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    z-index: 300;
}

.tanchuangbox {
    position: fixed;
    width: 480px;
    height: 522px;
    left: 50%;
    top: 50%;
    margin-top: -232px;
    margin-left: -240px;
    background: #fff;
    z-index: 400;
}

.tanchuangbox>h2 {
    background: url(../images/downbg.png) no-repeat;
    width: 100%;
    height: 133px;
    line-height: 133px;
    font-size: 24px;
    color: #fff;
    text-align: center;
}

#close,
#close2 {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    background: #fff;
    position: absolute;
    right: -18px;
    top: -18px;
    cursor: pointer;
}

#close_aside {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    background: #fff;
    position: absolute;
    right: 2px;
    top: 3px;
    cursor: pointer;
}

#close>img,
#close2>img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#close_aside>img {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


/*.tanchuangbox input{
        width:420px;
        height:60px;
        display: block;
        line-height: 60px;
        text-indent: 20px;
        color:#333;
        font-size: 18px;
        border:1px solid #666;
        background: #fff;
        margin:0 auto;
        margin-top: 15px;
}*/

.tanchuangbox input {
    width: 420px;
    height: 45px;
    display: block;
    line-height: 45px;
    text-indent: 20px;
    color: #333;
    font-size: 18px;
    border: 1px solid #666;
    background: #fff;
    margin: 0 auto;
    margin-top: 15px;
}

.codebox {
    width: 405px;
    margin: 0 auto;
}

.codebox>input {
    /* //width:150px!important; */
    width: 240px;
    float: left;
}

.codebox>span {
    width: 140px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #548ee8;
    cursor: pointer;
    float: right;
}

.codebox>span:hover {
    background: #2174f5;
}

.tanchuangbox form>input:last-child {
    text-indent: 0;
    color: #fff;
    background: #548ee8;
    border: none;
}

.tanchuangbox,
.zzbox {
    display: none
}

.tanchuangbox form>input:last-child:hover {
    background: #2174f5;
    cursor: pointer;
}

.tanchuangbox textarea {
    height: 60px;
    display: block;
    width: 400px;
    margin: 0 auto;
    margin-top: 15px;
    border: 1px solid #666;
    background: #fff;
    font-size: 18px;
    color: #333;
    padding: 10px;
}


/*.imgopp{
        height:630px;
        margin-top: -315px;
}*/

.imgopp {
    height: 580px;
    margin-top: -290px;
}

.aside_cion {
    position: fixed;
    right: 10px;
    bottom: 35%;
}

.aside_cion li {
    width: 56px;
    height: 56px;
    background: #fff;
    position: relative;
    margin-bottom: 15px;
    border-radius: 100%;
    box-shadow: 0 2px 14px #ddd
}

.aside_cion li a>img,
.aside_cion li>img {
    position: absolute;
    top: 0;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
}

.aside_cion li:hover {
    background: #ddeafe
}

.tell_icon:hover span {
    display: block
}

.tell_icon span {
    background: #ddeafe;
    width: 205px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 24px;
    color: #5998fa;
    border-radius: 40px;
    box-shadow: 0 2px 14px #ddd;
    position: absolute;
    top: 0;
    left: -216px;
    display: none;
}

.aside_cion li>a {
    cursor: pointer;
}

.aside_cion {
    display: block
}


/*
文章详情顶部加跳转客服
*/

.source_cate {
    text-align: center;
    height: 80px;
    background: #f8f8f8;
    margin-bottom: 30px;
}

.source_cate .rar {
    display: inline-block;
    padding-left: 30px;
    font-size: 16px;
    color: #868ea0;
    margin-right: 60px;
    background: url('/resources/style/index/images/1_06.png') no-repeat 0 center;
    line-height: 80px;
}

.source_cate .course {
    display: inline-block;
    padding-left: 30px;
    font-size: 16px;
    color: #868ea0;
    margin-right: 60px;
    background: url('/resources/style/index/images/t_book.gif') no-repeat 0 center;
    line-height: 80px;
}

.source_cate .tea {
    display: inline-block;
    padding-left: 30px;
    font-size: 16px;
    color: #868ea0;
    margin-right: 60px;
    background: url('/resources/style/index/images/t_clock.gif') no-repeat 0 center;
    line-height: 80px;
}

.source_cate .free {
    display: inline-block;
    padding-left: 30px;
    font-size: 16px;
    color: #868ea0;
    margin-right: 60px;
    background: url('/resources/style/index/images/t_computer.gif') no-repeat 0 center;
    line-height: 80px;
}

.cusbtn:hover {
    color: rgb(105, 159, 250);
}

#dloge {
    position: relative;
}

#dloge:hover .two_er {
    display: flex
}

.two_er {
    display: none;
    width: 300px;
    height: 200px;
    background: #fff;
    position: absolute;
    box-shadow: 0px 4px 15px #eee;
    right: 57px;
    bottom: 10px
}

.er_son {
    text-align: center;
    padding: 25px;
    box-sizing: border-box;
}

.er_son img {
    width: 100px;
}

.er_tit {
    color: #999;
    font-size: 14px
}

#MEIQIA-BTN-HOLDER {
    position: fixed;
    bottom: 0;
    right: 0px;
    z-index: 2147483647;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    background-color: transparent;
}

#MEIQIA-BTN,
#MEIQIA-BTN span,
#MEIQIA-BTN div,
#MEIQIA-BTN img {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

#MEIQIA-BTN {
    display: block;
    height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    cursor: pointer;
    text-decoration: none;
    background-color: #007aff;
}

#MEIQIA-BTN #MEIQIA-BTN-ICON {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 10px 10px 0;
}

#MEIQIA-BTN #MEIQIA-BTN-LINE {
    display: block;
    float: left;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, .08);
    vertical-align: middle;
}

#MEIQIA-BTN #MEIQIA-BTN-TEXT {
    display: block;
    float: left;
    height: 40px;
    margin: 0 10px;
    line-height: 40px;
    overflow-y: hidden;
    font-size: 16px;
    color: #fff;
}

#MEIQIA-BTN #MEIQIA-CIRCLE {
    position: absolute;
    top: -13px;
    left: -13px;
    display: none;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #fff;
    border-radius: 15px;
    background-color: #ff3b30;
}

#MEIQIA-BTN #MEIQIA-BUBBLE {
    position: absolute;
    bottom: 64px;
    display: none;
    width: 260px;
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    color: #000;
    text-align: left;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .16);
    line-height: 1.428571429;
    background-color: #fff;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW1 {
    position: absolute;
    z-index: 2;
    font-size: 0;
    line-height: 0;
    border-width: 8px 7px 0px;
    border-color: #fff transparent;
    border-style: solid dashed dashed;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW2 {
    position: absolute;
    z-index: 1;
    font-size: 0;
    line-height: 0;
    border-width: 10px 8px 0px;
    border-color: #f7f7f7 transparent;
    border-style: solid dashed dashed;
}

#MEIQIA-BTN #MEIQIA-BUBBLE {
    right: 0;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW1 {
    right: 12px;
    bottom: -8px;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-ARROW2 {
    right: 11px;
    bottom: -10px;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-CLOSE {
    position: absolute;
    display: none;
    top: 12px;
    right: 12px;
    width: 10px;
    height: 10px;
    background-position: -5px -245px;
    cursor: pointer;
}

#MEIQIA-BTN #MEIQIA-BUBBLE:hover #MEIQIA-BUBBLE-CLOSE {
    display: block;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-INSIDE {
    margin: 12px 18px;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-AVATAR {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    margin-right: 6px;
    vertical-align: top;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
}

#MEIQIA-BTN #MEIQIA-BUBBLE-NAME {
    display: inline-block;
    margin-top: 3px;
    font-size: 16px;
    color: #000;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-MSG {
    *height: 40px;
    max-height: 40px;
    margin-top: 5px;
    font-size: 14px;
    overflow: hidden;
    color: #000;
}

#MEIQIA-BTN #MEIQIA-BUBBLE-MSG img {
    width: 16px;
    height: 16px;
}

.MEIQIA-ICON {
    background-size: 40px auto !important;
    background-repeat: no-repeat !important;
    background-image: url(https://resource.meiqia.com/dist/images/icon-mq.png?v=iehwfgo3bfa) !important;
}

.meiqia_tips {
    width: 320px;
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
}

.meiqia_tips_head {
    background-color: #007aff;
    color: #fff;
    height: 60px;
    padding: 7px 10px;
    font-size: 16px;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .06), 0 2px 0 0 rgba(0, 0, 0, .01);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.meiqia_tips_head_l {
    align-items: center;
    justify-content: flex-start;
}

.meiqia_tips_head_l>span {
    margin-left: 10px;
}

.meiqia_close {
    font-size: 16px;
    cursor: pointer;
}

.meiqia_main {
    padding: 14px 14px 50px;
    box-sizing: border-box;
    background: #ffffff;
}

.meiqia_main img {
    width: 150px;
    height: 150px;
}

.logo_box {
    display: flex;
    width: 360px;
    height: 77px;
    align-items: center;
    justify-content: flex-start;
}

.logo_box_r {
    margin-left: 15px;
}

.logo_box>img {
    height: 100%;
}

.logo_box_name {
    color: #da2027;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    align-items: center;
    justify-content: flex-start;
}

.logo_box_name>span:last-child {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 30px;
    background: #103057;
    box-sizing: border-box;
    color: #fff;
    font-weight: normal;
}

.logo_box_r .logo_box_tips {
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
    color: #333;
}

.foot {
    background: url(../images/footer.png) no-repeat center;
    background-size: cover;
    /* height: 229px; */
}
.allcs{
    height: 56px;
    width: 1180px;
    margin: 40px 0;
    padding: 0 60px;
    line-height: 56px;
    font-weight: normal;
    color: #fff;
    box-sizing: border-box;
    background: url(../images/fuwu.png) no-repeat center;
}