﻿body {
    background: #fff;
    font-family: \5FAE\8F6F\96C5\9ED1;
    color: #333;
    min-width: 1330px;
    font-size: 14px;
}

select {
    font-family: \5FAE\8F6F\96C5\9ED1;
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    /* IE9*/
    src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#iconfont') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

@-webkit-keyframes shine {
    from {
        background-position: 100%;
    }
    to {
        background-position: 0;
    }
}

@-webkit-keyframes bdd {
    0% {
        box-shadow: 0 0 1px #ccc;
    }
    50% {
        box-shadow: 0 0 20px #ccc;
    }
    100% {
        box-shadow: 0 0 1px #ccc;
    }
}

@-webkit-keyframes bdd2 {
    0% {
        box-shadow: 0 0 1px #fff;
    }
    50% {
        box-shadow: 0 0 20px #fff;
    }
    100% {
        box-shadow: 0 0 1px #fff;
    }
}

.clearf {
    width: 0;
    height: 0;
    clear: both;
}

.ful-scr {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.video-tk {
    display: none;
    position: absolute;
    width: 1100px;
    height: 617px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    margin-left: -550px;
}

.video-tk video {
    width: 1100px;
    height: 530px;
    background: #000;
}

.video-tk .tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #666464;
    color: #fff;
    text-indent: 2em;
    font-size: 18px;
}

.video-tk a.cls-tk {
    position: absolute;
    width: 28px;
    height: 28px;
    right: -14px;
    top: -14px;
    z-index: 9;
    text-decoration: none;
}

.video-tk a.cls-tk:hover i {
    background: #111;
    color: #fff;
}

.video-tk a.cls-tk i {
    display: block;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 28px;
    text-align: center;
    line-height: 28px;
    color: #767676;
}

.video-tk .replay {
    display: none;
    position: absolute;
    width: 1100px;
    height: 577px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.video-tk .replay a {
    text-decoration: none;
}

.video-tk .replay .lesson-info {
    position: absolute;
    width: 120px;
    height: 120px;
    text-align: center;
    top: 200px;
    left: 300px;
    color: #fff;
    font-size: 24px;
}

.video-tk .replay .lesson-info img {
    display: block;
    margin: 0 auto;
    width: 61px;
    height: 65px;
    margin-bottom: 10px;
}

.video-tk .replay .lesson-replay {
    position: absolute;
    width: 120px;
    height: 120px;
    text-align: center;
    top: 200px;
    right: 300px;
    color: #fff;
    font-size: 24px;
}

.video-tk .replay .lesson-replay img {
    margin: 0 auto;
    display: block;
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
}

.video-tk .video-btn {
    width: 1100px;
    height: 47px;
    margin-top: -4px;
    background: #d9ddde;
    line-height: 47px;
}

.video-tk .video-btn a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 20px;
    color: #666666;
    text-decoration: none;
}

.video-tk .video-btn a img {
    display: inline-block;
    width: 17px;
    height: auto;
    vertical-align: -4px;
    margin-right: 5px;
}

.header {
    width: 100%;
    position: relative;
    background: #f6f6f6;
    z-index: 99;
    transition: margin-top 0.5s;
    -moz-transition: margin-top 0.5s;
    -webkit-transition: margin-top 0.5s;
    -o-transition: margin-top 0.5s;
}

.header .header-box {
    position: relative;
    width: 1200px;
    height: 80px;
    margin: 0 auto;
    z-index: 2;
    background: #f6f6f6;
}

.header.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: -30px;
    z-index: 999;
    border: 1px solid #ddd;
}

.header .top-zo-links {
    position: absolute;
    top: 32px;
    right: 0px;
    text-align: right;
}

.header .top-zo-links span,
.header .top-zo-links a {
    display: inline-block;
    line-height: 20px;
    color: #737373;
}

.header .top-zo-links span img,
.header .top-zo-links a img {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 3px;
}

.header a.logo {
    position: absolute;
    /* width: 258px; */
    height: 48px;
    left: 0;
    bottom: 20px;
    font-size: 16px;
    color: #005587;
    text-decoration: none;
    line-height: 60px;
    padding-left: 225px;
    font-weight: bold;
}

.header a.logo img {
    position: absolute;
    top: -5px;
    left: 0;
    width: 190px;
  	height:70px;
}

.header .nav {
    position: absolute;
    width: 650px;
    height: 55px;
    bottom: 0;
    right: 160px;
}

.header .nav ul li {
    position: relative;
    display: inline-block;
    list-style: none;
    width: auto;
    height: 55px;
}

.header .nav ul li:hover .nav-a-list,
.header .nav ul li.cur .nav-a-list {
    display: block;
}

.header .nav ul li:hover a.nav-a,
.header .nav ul li.cur a.nav-a {
    background: #b70005;
    color: #fff;
    font-weight: bold;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.header .nav ul li a.nav-a {
    padding: 0 12px;
    display: inline-block;
    height: 55px;
    width: auto;
    line-height: 32px;
    font-size: 16px;
    color: #005587;
    font-weight: bold;
    text-decoration: none;
}

.header .nav ul li a.nav-a.cur {
    background: #b70005;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.header .nav ul li .nav-a-list {
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    width: 520px;
    height: auto;
    padding: 15px 20px 0 20px;
    background-color: rgba(0, 85, 135, 0.8);
}

.header .nav ul li .nav-a-list.pos-rt {
    right: 0;
    left: auto;
}

.header .nav ul li .nav-a-list .lts {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.header .nav ul li .nav-a-list .lts .flt {
    width: 170px;
    height: auto;
    float: left;
}

.header .nav ul li .nav-a-list .lts .flt.db-width {
    width: 260px;
}

.header .nav ul li .nav-a-list .lts .flt a {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px;
    padding: 0;
}

.header .nav ul li .nav-a-list .lts .flt a.l-tit {
    font-size: 16px;
    margin-bottom: 10px;
}

.header .nav ul li .nav-a-list .lts .flt a:hover {
    background: none;
    text-decoration: underline;
}

.header .nav ul li .nav-a-list .lts .flt a.nc {
    text-decoration: none;
    cursor: default;
}

.fullSlide{
    width:100%;
    position:relative;
    height: 520px;
    background:#000;
}

.fullSlide .bd{
    margin:0 auto;
    position:relative;
    z-index:0;
    overflow:hidden;
}

.fullSlide .bd ul{
    width:100% !important;
    height: 100%;
}

.fullSlide .bd li{
    width:100% !important;
    height: 520px;
    overflow:hidden;
    text-align:center;
}

.fullSlide .bd li img {
    display: block;
    width: 100%;
    height: 104px;
}

.hot-plan {
    width: 100%;
    background: url("../images/hot_bg.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.hot-plan .son-plan{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}

.hot-plan .tit {
    width:260px;
    border-bottom-left-radius: 5px;
    background: url("../images/hot_plan.png") no-repeat;
    background-size: 100% 100%;
    font-size: 24px;
    color: #333333;
    float: left;
    font-weight: bold;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.hot-plan .tit hr{
    width: 200px;
    height: 3px;
    background: #EDC270;
    border: 1px #EDC270 solid;
    margin-top: 20px;
    margin-left: 0;
}

.hot-plan .plan-list {
    width: 900px;
    overflow: hidden;
    float: left;
}

.hot-plan .plan-list a {
    display: block;
    width:300px;
    float: left;
    color: #333;
    height: 167px;
    margin-top: 13px;
}

.hot-plan .plan-list .plan-1{
    background: url("../images/plan_1.png") no-repeat;
    background-size: 100% 100%;
}

.hot-plan .plan-list .plan-1:hover{
    width: 300px;
    height: 194px;
    margin-top: 0;
    background: url("../images/plan1.png") no-repeat;
    background-size: 100% 100%;
}

.hot-plan .plan-list .plan-2{
    background: url("../images/plan_2.png") no-repeat;
    background-size: 100% 100%;
}

.hot-plan .plan-list .plan-2:hover{
    width: 300px;
    height: 194px;
    margin-top: 0;
    background: url("../images/plan2.png") no-repeat;
    background-size: 100% 100%;
}

.hot-plan .plan-list .plan-3{
    background: url("../images/plan_3.png") no-repeat;
    background-size: 100% 100%;
}

.hot-plan .plan-list .plan-3:hover{
    width: 300px;
    height: 194px;
    margin-top: 0;
    background: url("../images/plan3.png") no-repeat;
    background-size: 100% 100%;
}

.yuan{
    width:100%;
}

.son_yuan{
    width:1200px;
    margin:auto;
    position:relative;
}

.yuan .yuan_tit{
    width:790px;
    margin: 50px auto 30px;
    font-size:38px;
    font-weight:bold;
    text-align: center;
    line-height: 45px;
    color: #333333;
}

.yuan .yuan_tit p{
    width: 300px;
    margin: 0 auto;
    background: url("../images/yuan_titbg.png") no-repeat;
    background-size: 100% 50%;
    padding-top: 8px;
}

.yuan .yuan_tit hr{
    width: 140px;
    height: 3px;
    background: #EEC881;
    border: 1px #EEC881 solid;
    margin: 20px auto 0;
}

.yellow{
    color: #E9B655;
}

.yellowish{
    color: #EDC374;
}

.yuan .yuan_cont{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.yuan .yuan_cont a{
    display: block;
    width: 380px;
    float: left;
    margin-right: 30px;
}

.yuan .yuan_cont .yuan_rg{
    margin-right: 0;
}

.yuan .yuan_cont a:hover{
    text-decoration: none
}

.yuan .yuan_img{
    width: 300px;
    margin: 0 auto;
}

.yuan .yuan_word{
    margin-top: -30px;
    padding: 30px 0;
    background: url("../images/zu_word.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    color: #333333;
    font-weight: bold;
}

.yuan .yuan_word p{
    font-size: 26px;
    font-family:Source Han Sans CN;
    font-weight:500;
    line-height:40px;
    text-align: center;
}

.yuan .yuan_word span{
    display: block;
    font-size:20px;
    font-family:Source Han Sans CN;
    font-weight:500;
    color: #ECBD64;
    line-height:40px;
    text-align: center;
}

.yuan .yuan_fot{
    width: 790px;
    margin-top: 30px;
}

.yuan img{
    width: 100%;
}

.h3-tit {
    position: relative;
    width: 100%;
    line-height: 60px;
    font-size: 24px;
}

.h3-tit a {
    position: absolute;
    top: 18px;
    right: 20px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}

.copyright {
    width: 100%;
    text-align: center;
    height: 67px;
    line-height: 67px;
    color: #fff;
    background: #003863;
}

.last-online {
    width: 1200px;
    height: 470px;
    margin: 0 auto;
    margin-top: 50px;
}

.last-online .best-case {
    width: 217px;
    height: 403px;
    border-radius: 5px;
    float: right;
    margin-top: 60px;
    background: url("../images/sub_al_bg.png");
}

.last-online .best-case:hover {
    -webkit-animation: bdd 2s infinite;
}

.last-online .best-case h3 {
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    margin: 50px 0 20px;
}

.last-online .best-case h3 span {
    font-size: 16px;
}

.last-online .best-case a {
    position: relative;
    display: block;
    width: 115px;
    height: 30px;
    line-height: 30px;
    padding-left: 25px;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
}

.last-online .best-case a:hover {
    opacity: .9;
}

.last-online .best-case a img {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 6px;
    left: 2px;
}

.last-online .best-case a.btn {
    display: block;
    width: 110px;
    height: 26px;
    padding: 0;
    background: #fff;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    line-height: 26px;
    border-radius: 5px;
    color: #005587;
}

.last-online .lesson-sec {
    width: 982px;
    height: 470px;
    float: left;
}

.last-online .lesson-sec .lesson-sec-flt {
    width: 982px;
}

.last-online .lesson-sec .lesson-sec-flt .ul{
    width: 100%;
    overflow: hidden;
}

.last-online .lesson-sec .lesson-sec-flt .li{
    width:479px;
    height:205px;
    float: left;
    margin-right: 12px;
    position: relative;
}

.last-online .lesson-sec .lesson-sec-flt .li_fot{
    width: 316px;
    height: 189px;
    background: rgba(42,109,166,1);
    position:relative;
    float: left;
    margin-right: 11px;
    margin-top: 12px;
}

.in_core_box{
    width: 100%;
    background: url("../images/ke_bg.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin: 50px auto;
}

.in_core_box .w_1200{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.in_core_box .ke_tit{
    width: 100%;
    font-size: 38px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color: #FFFFFF;
}

.in_core_box img{
    width: 100%;
}

.in_core_box .ke_tit h2{
    width: 260px;
    margin: 30px auto 10px;
    position: relative;
    font-size: 38px;
    padding-top: 20px;
    text-align: center;

}

.in_core_box .ke_tit i{
    display: block;
    position: absolute;
    width: 140px;
    top: 0;
    left: 60px;
}

.in_core_box .ke_tit h2 span{
    color: #E9B655;
}

.in_core_box .ke_tit .p{
    width:100%;
    font-size:14px;
    font-family:Source Han Sans CN;
    font-weight:400;
    line-height:20px;
    text-align: center;
}

.in_core_box .in_core_ul {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.in_core_box .in_core_ul li{
    float: left;
    width: 150px;
    height: 170px;
    margin-right: 60px;
    background-size: 100% 100%;
    margin-top: 20px;
}

.in_core_box .in_core_ul .ke_li{
    margin-right: 0;
}

.ke_1{
    background: url("../images/ke_1.png") no-repeat;
}

.ke_1:hover{
    background: url("../images/ke1.png") no-repeat;
}

.ke_2{
    background: url("../images/ke_2.png") no-repeat;
}

.ke_2:hover{
    background: url("../images/ke2.png") no-repeat;
}


.ke_3{
    background: url("../images/ke_3.png") no-repeat;
}

.ke_3:hover{
    background: url("../images/ke3.png") no-repeat;
}

.ke_4{
    background: url("../images/ke_4.png") no-repeat;
}

.ke_4:hover{
    background: url("../images/ke4.png") no-repeat;
}

.ke_5{
    background: url("../images/ke_5.png") no-repeat;
}

.ke_5:hover{
    background: url("../images/ke5.png") no-repeat;
}

.ke_6{
    background: url("../images/ke_6.png") no-repeat;
}

.ke_6:hover{
    background: url("../images/ke6.png") no-repeat;
}


.ke_7{
    background: url("../images/ke_7.png") no-repeat;
}

.ke_7:hover{
    background: url("../images/ke7.png") no-repeat;
}


.ke_8{
    background: url("../images/ke_8.png") no-repeat;
}

.ke_8:hover{
    background: url("../images/ke8.png") no-repeat;
}

.ke_9{
     background: url("../images/ke_9.png") no-repeat;
}

.ke_9:hover{
    background: url("../images/ke9.png") no-repeat;
}

.ke_10{
    background: url("../images/ke_10.png") no-repeat;
}

.ke_10:hover{
    background: url("../images/ke10.png") no-repeat;
}

.ke_11{
    background: url("../images/ke_11.png") no-repeat;
}

.ke_11:hover{
    background: url("../images/ke11.png") no-repeat;
}

.ke_12{
    background: url("../images/ke_12.png") no-repeat;
}

.ke_12:hover{
    background: url("../images/ke12.png") no-repeat;
}

.w_1200 .ke_neck{
    width: 620px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    line-height: 60px;
    background: url("../images/kebg.png") no-repeat;
    background-size: 100% 100%;
    font-size: 20px;
}

.w_1200 .ke_bot{
    display: block;
    width: 200px;
    height: 60px;
    line-height: 50px;
    margin: 10px auto 30px;
    background: url("../images/kebg_but.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #005587;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
}

.jiao{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.jiao .ke_tit{
    width:460px;
    font-size:38px;
    font-family: Source Han Sans CN;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:40px;
    position: relative;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}

.jiao .ke_tit i{
    position: absolute;
    top: 0;
    left: 160px;
}

.jiao .ke_tit p{
    position: relative;
    z-index: 1;
}

.jiao .ke_tit hr{
    width: 100px;
    height: 3px;
    background: #EEC881;
    border: 1px #EEC881 solid;
    margin: 20px auto;
}

.jiao .jiao_cont{
    width: 100%;
    overflow: hidden;
}

.jiao .jiao_lf{
    width: 1100px;
    background: url("../images/jiao_bg.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    float: left;
}

.index-video {
    width: 800px;
    height: 400px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 50px;
    overflow: hidden;
}

.index-video .vdo-pos {
    width: 800px;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.index-video .vdo-pos .vdo-pos-lt {
    position: absolute;
    width: 800px;
    height: 400px;
    overflow: hidden;
    top: 0;
    left: 0;
}

.index-video .vdo-pos .vdo-pos-lt .pos {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    width: 800px!important;
    height: 400px;
}

.index-video .vdo-pos .vdo-pos-lt .pos .vdo-c {
    position: relative;
    width: 800px;
    height: 400px;
    float: left;
    cursor: pointer;
}

.index-video .vdo-pos .vdo-pos-lt .pos .vdo-c:hover a img {
    display: none;
}

.index-video .vdo-pos .vdo-pos-lt .pos .vdo-c:hover a img.hd {
    display: block;
}

.index-video .vdo-pos .vdo-pos-lt .pos .vdo-c img {
    width: 800px;
    height: 400px;
}

.index-video .vdo-pos .vdo-pos-lt .pos .vdo-c a img {
    position: absolute;
    width: 66px;
    height: 66px;
    left: 50%;
    top: 50%;
    margin-top: -33px;
    margin-left: -33px;
}

.index-video .vdo-pos .vdo-pos-lt .pos .vdo-c a img.hd {
    display: none;
}

.jiao .jiao_rg{
    float: right;
    width: 300px;
    margin-left: -200px;
    margin-top: 50px;
}

.jiao .jiao_rg img{
    width: 100%;
}

.jiao .jiao_click{
    display: block;
    width: 240px;
    height: 60px;
    line-height: 50px;
    background: url("../images/ting.png") no-repeat;
    background-size: 100% 100%;
    margin: 30px auto 0;
    text-align: center;
    font-size:20px;
    font-weight: bold;
    font-family:Source Han Sans CN;
    color:rgba(0,85,135,1);
    text-decoration: none;
}

.in_promote_h4_2 {
    color: #fff;
}

.in_program_box2 .in_program {
    height: 405px;
    margin-top: -202.5px;
}

.in_teach_box {
    padding: 75px 0 80px 0;
    overflow: hidden;
}

.in_teach_pic {
    padding: 50px 0 0 0;
}

.in_teach_pic .bd {
    width: 826px;
    height: 484px;
    float: left;
    position: relative;
}

.in_teach_div {
    width: 826px;
    height: 484px;
    background: url(../images/j17.jpg) center left no-repeat;
}

.in_teach_div span {
    float: left;
    position: relative;
    width: 278px;
    height: 377px;
    padding: 0 15px 15px 0;
    box-sizing: border-box;
    background: url(../images/j15.jpg) right bottom no-repeat;
    overflow: hidden;
    margin: 52px 0 0 120px;
}

.in_teach_div span img {
    position: absolute;
    height: 377px;
    left: 0;
    margin-left: -50px;
    width: 377px;
    max-width: initial;
}

.in_teach_left {
    width: 300px;
    float: left;
    margin-left: 54px;
}

.in_teach_left h2 {
    font-size: 30px;
    color: #000;
    margin-top: 68px;
}

.in_teach_left i {
    display: block;
    width: 39px;
    height: 2px;
    background-color: #d71921;
    margin: 27px 0;
}

.in_teach_left h3 {
    font-size: 14px;
    color: #727272;
    line-height: 28px;
}

.in_teach_left h4 {
    width: 126px;
    height: 47px;
    background-color: #d71921;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 47px;
    text-align: center;
    margin-top: 40px;
    cursor: pointer;
}

.in_teach_pic .hd {
    width: 320px;
    height: 484px;
    float: right;
    overflow: hidden;
}

.in_teach_pic .hd ul li {
    width: 154px;
    height: 154px;
    float: left;
    margin: 0 11px 11px 0;
}

.in_teach_pic .hd ul li:nth-child(2n) {
    margin-right: 0;
}

.in_teach_pic .hd ul li span {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.in_teach_pic .hd ul li.on span {
    border: 2px solid #d71921;
    box-sizing: border-box;
}

.in_teach_pic .prev {
    width: 44px;
    height: 44px;
    background: url(../images/p23.png) center no-repeat;
    left: -54px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 100;
}

.in_teach_pic .next {
    width: 44px;
    height: 44px;
    background: url(../images/p22.png) center no-repeat;
    right: 0px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 100;
}

.in_teach_pic .prev:hover {
    background-image: url(../images/p20.png);
}

.in_teach_pic .next:hover {
    background-image: url(../images/p21.png);
}

.index-news {
    width: 1200px;
    margin: 40px auto 0;
}

.index-news .jiang_tit{
    width: 300px;
    height:50px;
    font-size:38px;
    font-family:Source Han Sans CN;
    font-weight:bold;
    color: #333333;
    line-height:50px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    position: relative;

}

.index-news .jiang_tit i{
    position: absolute;
    top: 0;
    left: 50px;
    width: 180px;
}

.index-news .jiang_tit p{
    position: relative;
    z-index: 1;
}

.index-news img{
    width: 100%;
}

.index-news .jiang_tit hr{
    width: 140px;
    height: 3px;
    background: #EEC881;
    border: 1px #EEC881 solid;
    margin-top: 20px;
}

.index-news .jiang_cont{
    overflow: hidden;
}

.index-news .jiang_cont a{
    display: block;
    width: 380px;
    float: left;
    margin-right: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}
.index-news .jiang_cont .jiang_word{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    display: none;
}

.index-news .jiang_cont .word_jiang{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size:24px;
    font-family:Source Han Sans CN;
    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:30px;
    text-align: center;
    padding-top: 80px;
    z-index: 1;
}

.index-news .jiang_cont .jiang_word hr{
    width: 100px;
    background: #FFFFFF;
    height: 2px;
    margin: 10px auto 0;
}

.index-news .jiang_cont .bg_jiang{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #005587;
    opacity: 0.5;
}

.index-news .jiang_cont .jiang_img{
    margin-right: 0;
}

.index-news .jiang_fot{
    overflow: hidden;
    width: 600px;
    margin: 0 auto;
}

.index-news .jiang_fot a{
    float: left;
    display: block;
    width: 240px;
}

.index-news .jiang_fot .xinxi{
    float: right;
}

.index-video-lesson {
    width: 1200px;
    height: 285px;
    margin: 0 auto;
    margin-top: 40px;
}

.index-video-lesson .vd-pos {
    position: relative;
    width: 1200px;
    height: 223px;
}

.index-video-lesson .vd-pos a.vd-prev {
    position: absolute;
    width: 18px;
    height: 32px;
    background: -9px -169px url(../images/icons.png);
    top: 80px;
    left: 0;
}

.index-video-lesson .vd-pos a.vd-next {
    position: absolute;
    width: 18px;
    height: 32px;
    background: -9px -131px url(../images/icons.png);
    top: 80px;
    right: 0;
}

.index-video-lesson .vd-pos .vd-pos-lt {
    position: absolute;
    width: 1134px;
    height: 223px;
    overflow: hidden;
    top: 0;
    left: 34px;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 223px;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c {
    position: relative;
    width: 280px;
    height: 223px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c .bg {
    display: none;
    position: absolute;
    width: 280px;
    height: 188px;
    top: 0;
    left: 0;
    background: #000;
    opacity: .3;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c p {
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c:hover .bg {
    display: block;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c:hover a img {
    display: none;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c:hover a img.hd {
    display: block;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c img {
    width: 280px;
    height: 188px;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c a {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    height: 188px;
    /*background-color: rgba(0, 0, 0, 0.3);*/
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c a img {
    position: absolute;
    width: 66px;
    height: 66px;
    left: 50%;
    top: 50%;
    margin-top: -33px;
    margin-left: -33px;
}

.index-video-lesson .vd-pos .vd-pos-lt .pos .vd-c a img.hd {
    display: none;
}

.index-partners {
    position: relative;
    width: 100%;
    margin-top: 50px;
    background: url("../images/xylz_bg.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.index-partners h5 {
    width: 100%;
    font-weight: normal;
    margin-top: 30px;
    line-height: 80px;
    font-size: 34px;
    text-align: center;
    color: #fff;
}

.index-partners h5 span {
    color: #E9B655;
    font-size: 52px;
    vertical-align: -3px;
}

.index-partners .partners-table {
    position: relative;
    width: 1200px;
    margin: 30px auto 80px;
    height: auto;
    overflow: hidden;
}

.index-partners .xylz_img{
    display: block;
    width: 223px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}

.index-partners .xylz_lf{
    margin-left: 0;
}

.course-exp-main {
    width: 100%;
    height: auto;
    background: #fff;
}

.course-exp-main .page-tit {
    width: 1190px;
    margin: 0 auto;
    position: relative;
    font-size: 24px;
    color: #005587;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    border-left: 3px solid #005587;
    z-index: 9;
}

.course-exp-main .page-tit.nb {
    border: none;
}

.course-exp-main .page-tit .mobile-exp {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 30px;
    width: 150px;
    height: 30px;
    background: #005587;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}

.course-exp-main .page-tit .mobile-exp:hover img.code {
    display: block;
}

.course-exp-main .page-tit .mobile-exp img {
    display: inline-block;
    padding-right: 4px;
    vertical-align: -4px;
}

.course-exp-main .page-tit .mobile-exp img.code {
    position: absolute;
    top: 31px;
    left: 2px;
    display: none;
}

.course-exp-main .course-show {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
}

.course-exp-main .course-show .course-lt {
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5;
}

.course-exp-main .course-show .course-lt .course-img {
    position: relative;
    width: 375px;
    height: 228px;
    float: left;
}

.course-exp-main .course-show .course-lt .course-img img {
    width: 375px;
    height: 228px;
}

.course-exp-main .course-show .course-lt .course-img .bgs {
    position: absolute;
    width: 375px;
    height: 228px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    background-image: url("../images/vd_clk_icon.png");
    background-position: 50% center;
    background-repeat: no-repeat;
}

.course-exp-main .course-show .course-lt .course-img .bgs:hover {
    background-image: url("../images/vd_clk_iconc.png");
}

.course-exp-main .course-show .course-lt .course-txt {
    width: 760px;
    height: 208px;
    padding: 10px 0;
    float: right;
    position: relative;
}

.course-exp-main .course-show .course-lt .course-txt h4 {
    font-size: 18px;
    color: #005587;
    line-height: 30px;
    font-weight: normal;
}

.course-exp-main .course-show .course-lt .course-txt h4 a {
    color: #005587;
}

.course-exp-main .course-show .course-lt .course-txt .txt {
    color: #595757;
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    margin-top: 10px;
}

.course-exp-main .course-show .course-lt .course-txt .txt a {
    color: #595757;
    text-decoration: none;
}

.course-exp-main .course-show .course-lt .course-txt span {
    display: inline-block;
    padding: 0 25px;
    margin-top: 30px;
    line-height: 30px;
    height: 30px;
    background: #eee;
    color: #999;
    border-radius: 15px;
}

.course-exp-main .course-show .course-lt .course-txt span a {
    color: #999;
    text-decoration: none;
}

.course-exp-main .course-show .course-lt .course-txt a.sk {
    position: absolute;
    right: 0;
    bottom: 15px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.course-exp-main .course-show .course-lt .course-txt a.sk img {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 4px;
    vertical-align: -3px;
}

.ful-page-pos {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    line-height: 24px;
}

.ful-page-pos a {
    color: #005587;
    text-decoration: none;
}

.index-about-us {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.idx-about-main {
    position: relative;
    width: 1200px;
    height: 200px;
    margin: 0 auto;
}

.idx-about-main .cp-pp-a {
    position: absolute;
    top: 167px;
    left: 412px;
}

.idx-about-main .cp-pp-a a {
    color: #005587;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    margin-right: 20px;
}

.idx-about-main .social-share {
    margin-top: 42px;
    color: #005587;
    font-size: 16px;
    line-height: 30px;
    margin-left: 100px;
}

.idx-about-main .social-share a {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: -5px;
    margin-left: 20px;
}

.idx-about-main .social-share a:hover {
    opacity: .8;
}

.idx-about-main .social-share a img {
    vertical-align: -3px;
}

.idx-about-main .social-share a.wb img {
    width: 32px;
    height: 27px;
}

.idx-about-main .social-share a.wx {
    position: relative;
}

.idx-about-main .social-share a.wx img.wxcode {
    position: absolute;
    width: 101px;
    height: 111px;
    top: -115px;
    left: 50%;
    margin-left: -52px;
    display: none;
}

.idx-about-main .social-share a.wx:hover img.wxcode {
    display: block;
}

.idx-about-main .social-share a.wx img {
    width: 32px;
    height: 27px;
}

.idx-about-main .social-share a.tc img {
    width: 32px;
    height: 29px;
}

.idx-about-main .company-address {
    position: absolute;
    width: 448px;
    height: 145px;
    top: 0;
    right: 40px;
}

.idx-about-main .company-address h5 {
    font-weight: normal;
    color: #005587;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 5px;
}

.idx-about-main .company-address .tab a {
    display: block;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 112px;
    height: 20px;
    background: #cfcfcf;
    color: #333;
    text-align: center;
    line-height: 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.idx-about-main .company-address .tab a:hover,
.idx-about-main .company-address .tab a.cur {
    font-weight: bold;
    background: #ebebeb;
    text-decoration: none;
}

.idx-about-main .company-address .txt {
    display: none;
    clear: both;
    line-height: 24px;
    height: auto;
    padding: 25px 30px;
    color: #595757;
    background: #ebebeb;
    border-radius: 4px;
}

.idx-about-main .zol-app {
    position: absolute;
    width: 300px;
    bottom: 10px;
    color: #005587;
    line-height: 22px;
    right: 210px;
    text-align: right;
}

.idx-about-main .zol-app img {
    position: absolute;
    right: -90px;
    bottom: 0;
    width: 82px;
    height: 82px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
}

.idx-about-main .infos {
    width: 1100px;
    height: 120px;
    padding-left: 100px;
}

.idx-about-main .infos .flt-i {
    height: 120px;
    float: left;
}

.idx-about-main .infos .flt-i.f1 {
    width: 240px;
    margin-right: 70px;
    border-right: 1px solid #eee;
}

.idx-about-main .infos .flt-i.f1 a {
    display: inline-block;
    word-break: break-all;
    width: 30%;
    margin-right: 18%;
    color: #005587;
    line-height: 24px;
}

.idx-about-main .infos .flt-i.f1 a.tit {
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: default;
}

.idx-about-main .infos .flt-i.f2 {
    width: 390px;
    margin-right: 70px;
    border-right: 1px solid #eee;
}

.idx-about-main .infos .flt-i.f2 img {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: -2px;
    margin-right: 8px;
}

.idx-about-main .infos .flt-i.f2 a,
.idx-about-main .infos .flt-i.f2 p {
    display: inline-block;
    word-break: break-all;
    width: 95%;
    margin-right: 3%;
    color: #005587;
    line-height: 24px;
    margin-bottom: 0;
}

.idx-about-main .infos .flt-i.f2 a.tit,
.idx-about-main .infos .flt-i.f2 p.tit {
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: default;
}

.idx-about-main .infos .flt-i.f3 {
    width: 240px;
}

.idx-about-main .infos .flt-i.f3 a {
    display: inline-block;
    word-break: break-all;
    width: 45%;
    margin-right: 3%;
    color: #005587;
    line-height: 24px;
}

.idx-about-main .infos .flt-i.f3 a.tit {
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: default;
}

.idx-about-main .infos .flt-i.f3 p {
    width: 100%;
    font-size: 18px;
}

.idx-about-main .infos .flt-i.f3 p:last-child {
    font-size: 14px;
}

.idx-about-main .infos .flt-i p {
    color: #005587;
    line-height: 20px;
    margin-bottom: 5px;
}

.idx-about-main .infos .flt-i p img {
    display: inline-block;
    margin-right: 5px;
}

.idx-about-main .infos .flt-i p img.tel {
    width: 20px;
    height: 20px;
    vertical-align: -3px;
}

.idx-about-main .infos .flt-i p img.email {
    width: 20px;
    height: 13px;
    vertical-align: -3px;
}

.ful-width-nav {
    width: 100%;
    height: 30px;
    padding: 20px 0;
    text-align: center;
}

.ful-width-nav a {
    display: inline-block;
    padding: 0 20px;
    line-height: 30px;
    border-radius: 4px;
    margin: 0 80px;
    font-size: 16px;
    height: 30px;
    text-decoration: none;
    color: #333;
}

.ful-width-nav a.cur,
.ful-width-nav a:hover {
    background: #005587;
    color: #fff;
}

.mobile-cloud-box3 {
    width: 100%;
    height: 2005px;
    overflow: hidden;
    background: top center url("../images/bg2.jpg") no-repeat;
}

.mobile-cloud-box3 .main-box {
    width: 1200px;
    padding: 70px 0;
    margin: 0 auto;
    color: #fff;
}

.mobile-cloud-box3 .main-box h3 {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    line-height: 32px;
    margin-top: 40px;
}

.mobile-cloud-box3 .main-box h3 span {
    font-size: 18px;
}

.mobile-cloud-box3 .main-box p {
    text-align: center;
    font-size: 18px;
    margin-top: 50px;
    line-height: 24px;
}

.mobile-cloud-box3 .main-box .in-box {
    width: 1200px;
    background-color: #fafafa;
    height: 1615px;
    margin-top: 65px;
}

.mobile-cloud-box3 .main-box .in-box h4 {
    padding-top: 75px;
    text-align: center;
    font-size: 18px;
    color: #333;
    line-height: 32px;
}

.mobile-cloud-box3 .main-box .in-box h4 span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
}

.mobile-cloud-box3 .main-box .in-box .cc-flt {
    margin-top: 50px;
    text-align: center;
}

.mobile-cloud-box3 .main-box .in-box .cc-flt .cc-cl {
    position: relative;
    display: inline-block;
    width: 182px;
    height: 250px;
    margin: 0 20px;
}

.mobile-cloud-box3 .main-box .in-box .cc-flt .cc-cl .ic {
    position: absolute;
    top: 0;
    left: 9px;
    width: 160px;
    height: 160px;
    border-radius: 160px;
    border: 2px solid #005587;
}

.mobile-cloud-box3 .main-box .in-box .cc-flt .cc-cl .ic img {
    display: block;
    margin: 26px auto;
    margin-bottom: 20px;
}

.mobile-cloud-box3 .main-box .in-box .cc-flt .cc-cl .ic span {
    display: block;
    color: #005587;
    text-align: center;
    font-size: 16px;
}

.mobile-cloud-box3 .main-box .in-box .cc-flt .cc-cl p {
    position: absolute;
    width: 100%;
    background: #fafafa;
    text-align: center;
    left: 0;
    top: 136px;
    padding-top: 20px;
    margin: 0;
    font-size: 14px;
    color: #333;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct2 {
    width: 640px;
    height: auto;
    text-align: center;
    margin: 35px auto;
    margin-bottom: 0;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct2 .ct-cl {
    display: inline-block;
    width: 90px;
    height: 120px;
    margin: 0 28px 25px 28px;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct2 .ct-cl .pic {
    width: 78px;
    height: 78px;
    margin: 0 auto;
    border-radius: 78px;
    border: 2px solid #005587;
    text-align: center;
    line-height: 68px;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct2 .ct-cl p {
    text-align: center;
    color: #005587;
    margin-top: 10px;
    font-size: 14px;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct {
    height: auto;
    text-align: center;
    margin-top: 35px;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct .ct-cl {
    display: inline-block;
    width: 80px;
    height: 120px;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct .ct-cl .pic {
    width: 78px;
    height: 78px;
    border-radius: 78px;
    border: 2px solid #005587;
    text-align: center;
    line-height: 68px;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct .ct-cl p {
    text-align: center;
    color: #005587;
    margin-top: 10px;
    font-size: 14px;
}

.mobile-cloud-box3 .main-box .in-box .txt-ag-ct span {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 2px 60px 2px;
    border-radius: 5px;
    border: 1px solid #005587;
}

.mobile-cloud-box2 {
    width: 100%;
    height: 495px;
    overflow: hidden;
    background: top center url("../images/bg1.jpg") no-repeat;
}

.mobile-cloud-box2 .main-box {
    width: 1200px;
    padding: 70px 0;
    margin: 0 auto;
}

.mobile-cloud-box2 .main-box h3 {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    line-height: 32px;
    margin-top: 40px;
}

.mobile-cloud-box2 .main-box h3 span {
    font-size: 18px;
}

.mobile-cloud-box2 .main-box .bd-rt-ft {
    margin-top: 94px;
    color: #fff;
}

.mobile-cloud-box2 .main-box .bd-rt-ft .bd-rt-cl {
    width: 230px;
    height: 100px;
    float: left;
    border-right: 1px solid #fff;
    padding: 10px 30px;
}

.mobile-cloud-box2 .main-box .bd-rt-ft .bd-rt-cl.nr {
    border-right: none;
}

.mobile-cloud-box2 .main-box .bd-rt-ft .bd-rt-cl h4 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: normal;
}

.mobile-cloud-box2 .main-box .bd-rt-ft .bd-rt-cl p {
    font-size: 14px;
    line-height: 26px;
}

.mobile-cloud-box {
    width: 100%;
    background: #fff;
}

.mobile-cloud-box .apy-use {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #005587;
    text-decoration: underline;
    margin-top: 50px;
    font-weight: bold;
}

.mobile-cloud-box .main-box {
    width: 1200px;
    padding: 70px 0;
    margin: 0 auto;
}

.mobile-cloud-box .main-box img {
    display: block;
    margin: 50px auto;
}

.mobile-cloud-box .main-box h3 {
    font-size: 20px;
    color: #005587;
    text-align: center;
    line-height: 40px;
    margin-bottom: 16px;
    font-weight: normal;
}

.mobile-cloud-box .main-box h3.bl {
    text-align: left;
    padding-left: 10px;
    height: 25px;
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
    border-left: 3px solid #005587;
}

.mobile-cloud-box .main-box p {
    text-align: center;
    line-height: 26px;
    color: #333;
}

.mobile-cloud-box .main-box p.tl {
    text-align: left;
    margin-top: 10px;
}

.mobile-cloud-box .main-box p b {
    font-size: 18px;
}

.mobile-cloud-box .main-box .cc-flt {
    margin-top: 50px;
}

.mobile-cloud-box .main-box .cc-flt .cc-cl {
    position: relative;
    float: left;
    width: 260px;
    height: 300px;
    margin: 0 20px;
}

.mobile-cloud-box .main-box .cc-flt .cc-cl .ic {
    position: absolute;
    top: 0;
    left: 18px;
    width: 212px;
    height: 212px;
    border-radius: 212px;
    border: 2px solid #005587;
}

.mobile-cloud-box .main-box .cc-flt .cc-cl .ic img {
    display: block;
    margin: 26px auto;
}

.mobile-cloud-box .main-box .cc-flt .cc-cl .ic span {
    display: block;
    color: #005587;
    text-align: center;
    font-size: 16px;
}

.mobile-cloud-box .main-box .cc-flt .cc-cl p {
    position: absolute;
    width: 100%;
    background: #fff;
    text-align: center;
    left: 0;
    top: 166px;
    padding-top: 20px;
}

.container {
    width: 1145px;
    margin: 30px auto;
    height: auto;
}

.container .container-content {
    width: 840px;
    height: auto;
    float: right;
}

.container .container-content .tabs-content {
    display: none;
}

.container .container-content .tabs-content p {
    line-height: 26px;
}

.container .container-content .tabs-content .learn-step {
    margin: 20px 0;
}

.container .container-content .tabs-content .learn-step .steps {
    width: 100%;
    height: 38px;
}

.container .container-content .tabs-content .learn-step .steps img {
    display: block;
    float: left;
    width: 38px;
    height: 38px;
    margin: 0;
}

.container .container-content .tabs-content .learn-step .steps .stxt {
    width: 690px;
    height: 35px;
    float: right;
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
}

.container .container-content .tabs-content .learn-step .steps .stxt i {
    font-size: 14px;
    font-weight: normal;
}

.container .container-content .tabs-content .learn-step .stp-sw {
    position: relative;
    height: auto;
    padding-bottom: 37px;
    margin-top: 5px;
    padding-left: 52px;
}

.container .container-content .tabs-content .learn-step .stp-sw .lft-bd {
    position: absolute;
    width: 7px;
    height: 100%;
    top: 0;
    left: 16px;
    background: url("../images/steprpt.png") repeat-y;
}

.container .container-content .tabs-content .learn-step .stp-sw p {
    line-height: 26px;
}

.container .container-content .tabs-content p.tt {
    color: #005587;
}

.container .container-content .tabs-content .tutor-1-sw {
    width: 100%;
}

.container .container-content .tabs-content .tutor-1-sw .fl {
    width: 200px;
    height: 200px;
    padding-top: 50px;
    float: left;
}

.container .container-content .tabs-content .tutor-1-sw .fl img {
    display: inline;
}

.container .container-content .tabs-content .tutor-1-sw .fr {
    width: 510px;
    height: auto;
    float: right;
}

.container .container-content .tabs-content .tutor-1-sw .fr p {
    line-height: 26px;
    margin-bottom: 10px;
}

.container .container-content .tabs-content .tutor-4-sw {
    width: 100%;
    margin-top: -15px;
}

.container .container-content .tabs-content .tutor-4-sw .tutor-cl {
    width: 369px;
    height: 110px;
    float: left;
    margin: 30px 0;
}

.container .container-content .tabs-content .tutor-4-sw .tutor-cl .fl {
    width: 110px;
    height: 110px;
    float: left;
}

.container .container-content .tabs-content .tutor-4-sw .tutor-cl .fr {
    width: 240px;
    height: 75px;
    padding-top: 35px;
    float: right;
    line-height: 26px;
}

.container .container-content .tabs-content img {
    display: block;
    margin: 10px auto;
    max-width: 740px;
}

.container .container-content .tabs-content .lesson-set-info {
    line-height: 30px;
}

.container .container-content .tabs-content .lesson-set-info span {
    display: inline-block;
    margin-right: 25px;
}

.container .container-content .tabs-content .lesson-set-content {
    margin-top: 15px;
}

.container .container-content .tabs-content .lesson-set-content .l-tit {
    width: 740px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #eee;
    border-bottom: 1px solid #e5e5e5;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p {
    position: relative;
    width: 100%;
    height: 59px;
    line-height: 59px;
    background: #fff;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p.al {
    font-weight: bold;
    cursor: auto;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p.al span {
    display: inline-block;
    width: 55px;
    text-align: center;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p.al span img {
    display: inline;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p:hover {
    background: #f7f7f7;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p em {
    display: inline-block;
    width: 50px;
    padding-left: 5px;
    font-size: 26px;
    font-weight: normal;
    color: #999;
    vertical-align: -5px;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p b {
    position: absolute;
    top: 0;
    height: 100%;
    right: 15px;
    line-height: 59px;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p b img {
    display: inline;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p a.sk {
    position: absolute;
    top: 0;
    right: 86px;
    color: #333;
    font-weight: normal;
    text-decoration: none;
}

.container .container-content .tabs-content .lesson-set-content .l-lt p a.sk img {
    vertical-align: -13px;
    display: inline;
    padding-right: 10px;
}

.container .container-content .tabs-content .lesson-set-content .l-lt .l-lt-show {
    display: none;
}

.container .container-content .tabs-content .lesson-set-content .l-lt .l-lt-show p {
    cursor: auto;
    font-weight: normal;
}

.container .container-content .tabs-content .lesson-set-content .l-lt .l-lt-show p.al {
    font-weight: bold;
}

.container .container-content .tabs-content .lesson-set-content .l-lt .l-lt-show p.al span {
    display: inline-block;
    width: 40px;
    text-align: center;
}

.container .container-content .tabs-content .lesson-set-content .l-lt .l-lt-show p.al span img {
    display: inline;
}

.container .container-content .tabs-content .lesson-set-content .l-lt .l-lt-show p em {
    width: 40px;
    text-align: center;
    padding: 0;
    font-size: 12px;
    vertical-align: middle;
}

.container .container-content .tabs-content .lesson-set-content .l-lt .l-lt-show p a.sk {
    right: 46px;
}

.container .container-content .mini-mba {
    margin-top: 20px;
}

.container .container-content .mini-mba .sw2 {
    width: 100%;
    height: 200px;
}

.container .container-content .mini-mba .sw2 .fr {
    width: 390px;
    height: 190px;
    float: right;
}

.container .container-content .mini-mba .sw2 .fl {
    width: 340px;
    height: 150px;
    padding-top: 40px;
    float: left;
}

.container .container-content .mini-mba .sw2 .fl p {
    line-height: 26px;
}

.container .container-content .mini-mba .sw1 {
    width: 100%;
    height: 200px;
}

.container .container-content .mini-mba .sw1 .fl {
    width: 390px;
    height: 190px;
    float: left;
}

.container .container-content .mini-mba .sw1 .fr {
    width: 340px;
    height: 150px;
    padding-top: 40px;
    float: right;
}

.container .container-content .mini-mba .sw1 .fr p {
    line-height: 26px;
}

.container .container-content .mini-mba .sw1 .fr p.tt {
    color: #005587;
}

.container .container-content .page-pos {
    height: 48px;
    line-height: 48px;
}

.container .container-content .page-pos a {
    color: #005587;
}

.container .container-content .container-txt {
    background: #fff;
    border-radius: 5px;
    height: auto;
    width: 740px;
    padding: 35px 50px 20px 50px;
    max-width: 740px;
    overflow-x: hidden;
}

.container .container-content .container-txt p.align-ct {
    text-align: center;
    line-height: 32px;
}

.container .container-content .container-txt .case-lts {
    width: 780px;
    margin-top: 20px;
    margin-left: -20px;
}

.container .container-content .container-txt .case-lts .case-cl {
    position: relative;
    width: 348px;
    height: 320px;
    padding: 10px;
    background: #f7f7f7;
    margin: 15px 10px;
    float: left;
    overflow: hidden;
}

.container .container-content .container-txt .case-lts .case-cl:hover .txt {
    top: 0;
    height: 280px;
    padding-top: 50px;
}

.container .container-content .container-txt .case-lts .case-cl:hover .txt p {
    height: 120px;
    -webkit-line-clamp: 6;
}

.container .container-content .container-txt .case-lts .case-cl img {
    width: 348px;
    height: 204px;
}

.container .container-content .container-txt .case-lts .case-cl .txt {
    position: absolute;
    width: 348px;
    height: 84px;
    overflow: hidden;
    background: #f7f7f7;
    top: 215px;
    left: 10px;
    padding-top: 15px;
    transition: top .8s, height .8s;
    -moz-transition: top .8s, height .8s;
    -webkit-transition: top .8s, height .8s;
    -o-transition: top .8s, height .8s;
}

.container .container-content .container-txt .case-lts .case-cl .txt a {
    position: absolute;
    top: 245px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #005587;
    color: #fff;
    text-decoration: none;
    left: 50%;
    margin-left: -60px;
    border-radius: 5px;
}

.container .container-content .container-txt .case-lts .case-cl .txt h5 {
    width: 300px;
    margin: 0 auto;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    padding: 0;
    border: 0;
    color: #333;
}

.container .container-content .container-txt .case-lts .case-cl .txt p {
    width: 300px;
    margin: 0 auto;
    height: 40px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 5px;
    font-size: 12px;
    white-space: normal;
}

.container .container-content .container-txt .vd-box {
    position: relative;
    margin: 20px auto;
    width: 460px;
}

.container .container-content .container-txt .vd-box video {
    display: block;
    margin: 0 auto;
    width: 460px;
    height: auto;
}

.container .container-content .container-txt .vd-box a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.container .container-content .container-txt .vd-box a img {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.container .container-content .container-txt .vd-box a img.hd {
    display: none;
}

.container .container-content .container-txt .vd-box a:hover img {
    display: none;
}

.container .container-content .container-txt .vd-box a:hover img.hd {
    display: block;
}

.container .container-content .container-txt .curricula-navs {
    display: none;
    width: 740px;
    height: 40px;
    margin: 76px auto;
}

.container .container-content .container-txt .curricula-navs a {
    display: block;
    width: 33%;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #333;
    float: left;
    margin-right: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #eee;
}

.container .container-content .container-txt .curricula-navs a:hover,
.container .container-content .container-txt .curricula-navs a.cur {
    background: #005587;
    text-decoration: none;
    color: #fff;
}

.container .container-content .container-txt .curricula-navs4 {
    width: 740px;
    height: 40px;
    margin: 76px auto;
    margin-bottom: 0;
}

.container .container-content .container-txt .curricula-navs4 a {
    display: block;
    width: 183px;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #333;
    float: left;
    margin-right: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.container .container-content .container-txt .curricula-navs4 a:hover,
.container .container-content .container-txt .curricula-navs4 a.cur {
    background: #005587;
    text-decoration: none;
    color: #fff;
}

.container .container-content .container-txt .get-info-txt {
    width: 740px;
    text-align: right;
    font-size: 12px;
    line-height: 20px;
}

.container .container-content .container-txt .table-style-01 {
    width: 740px;
    height: auto;
    margin: 20px auto;
    border-top: 1px solid #e5e5e5;
}

.container .container-content .container-txt .table-style-01 .tr {
    width: 100%;
    height: 58px;
    border-bottom: 1px solid #e5e5e5;
}

.container .container-content .container-txt .table-style-01 .tr .td1 {
    float: left;
    width: 170px;
    height: 58px;
    background: #eee;
    text-align: center;
    line-height: 58px;
    color: #333;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}

.container .container-content .container-txt .table-style-01 .tr .td2 {
    width: 180px;
    height: 58px;
    text-align: left;
    text-indent: 3em;
    line-height: 58px;
    float: left;
    color: #777;
}

.container .container-content .container-txt .table-style-01 .tr .td2 span {
    padding-right: 5px;
}

.container .container-content .container-txt .curricula-navs5 {
    width: 740px;
    height: 40px;
    margin: 76px auto;
    margin-bottom: 0;
}

.container .container-content .container-txt .curricula-navs5 a {
    display: block;
    width: 147px;
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #333;
    float: left;
    margin-right: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.container .container-content .container-txt .curricula-navs5 a:hover,
.container .container-content .container-txt .curricula-navs5 a.cur {
    background: #005587;
    text-decoration: none;
    color: #fff;
}

.container .container-content .container-txt .float-box-sty-03 {
    width: 730px;
    height: auto;
    margin-top: 40px;
}

.container .container-content .container-txt .float-box-sty-03 .fl {
    width: 180px;
    height: 190px;
    float: left;
    padding-left: 10px;
}

.container .container-content .container-txt .float-box-sty-03 .fr {
    width: 490px;
    height: auto;
    line-height: 26px;
}

.container .container-content .container-txt .float-box-sty-08 {
    width: 730px;
    height: auto;
    margin-top: 20px;
}

.container .container-content .container-txt .float-box-sty-08 .fl {
    width: 370px;
    height: auto;
    float: left;
}

.container .container-content .container-txt .float-box-sty-08 .fl p {
    line-height: 26px;
}

.container .container-content .container-txt .float-box-sty-08 .fl p.tit {
    color: #005587;
    margin-top: 7px;
}

.container .container-content .container-txt .float-box-sty-08 .fl p.tit span {
    font-size: 12px;
    padding-right: 5px;
}

.container .container-content .container-txt .float-box-sty-08 .fr {
    width: 340px;
    height: auto;
    float: right;
}

.container .container-content .container-txt .float-box-sty-06 {
    width: 730px;
    height: auto;
    margin-top: 20px;
}

.container .container-content .container-txt .float-box-sty-06 .fl {
    width: 445px;
    height: auto;
    float: left;
    line-height: 26px;
}

.container .container-content .container-txt .float-box-sty-06 .fl p {
    margin-bottom: 10px;
}

.container .container-content .container-txt .float-box-sty-06 .fr {
    width: 220px;
    height: auto;
    float: right;
    margin-top: -25px;
}

.container .container-content .container-txt .float-box-sty-06 .fr .circle-tx {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 140px;
    border: 7px solid #99c4e2;
}

.container .container-content .container-txt .float-box-sty-06 .fr .circle-tx:hover a {
    transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
}

.container .container-content .container-txt .float-box-sty-06 .fr .circle-tx:hover a:first-child {
    transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transition: transform .5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
}

.container .container-content .container-txt .float-box-sty-06 .fr .circle-tx:hover a:last-child {
    transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    -webkit-transform: translate(10px, 0);
    -o-transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    transition: transform .5s .4s;
    -moz-transition: -moz-transform 0.5s 0.4s;
    -webkit-transition: -webkit-transform 0.5s 0.4s;
    -o-transition: -o-transform 0.5s 0.4s;
}

.container .container-content .container-txt .float-box-sty-06 .fr .circle-tx a {
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 68px;
    background: #2797c9;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 68px;
    border: 2px solid #fff;
    top: 60px;
    transition: transform .5s .2s;
    -moz-transition: -moz-transform 0.5s 0.2s;
    -webkit-transition: -webkit-transform 0.5s 0.2s;
    -o-transition: -o-transform 0.5s 0.2s;
    left: 105px;
}

.container .container-content .container-txt .float-box-sty-06 .fr .circle-tx a:first-child {
    top: -35px;
    left: 50%;
    margin-left: -35px;
}

.container .container-content .container-txt .float-box-sty-06 .fr .circle-tx a:last-child {
    top: 60px;
    left: -35px;
}

.container .container-content .container-txt .float-box-sty-01 {
    width: 730px;
    height: auto;
    margin-top: 40px;
}

.container .container-content .container-txt .float-box-sty-01 .fl {
    width: 425px;
    height: auto;
    float: left;
    line-height: 26px;
}

.container .container-content .container-txt .float-box-sty-01 .fl span.list-sty {
    color: #666;
    padding: 0 3px;
}

.container .container-content .container-txt .float-box-sty-01 .fr {
    width: 210px;
    height: 210px;
    float: right;
    padding-top: 20px;
}

.container .container-content .container-txt .float-box-sty-01 .fr .circle-tx {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 140px;
    border: 7px solid #99c4e2;
}

.container .container-content .container-txt .float-box-sty-01 .fr .circle-tx:hover a {
    transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
}

.container .container-content .container-txt .float-box-sty-01 .fr .circle-tx:hover a:first-child {
    transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -webkit-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    transition: transform .5s;
    -moz-transition: -moz-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
}

.container .container-content .container-txt .float-box-sty-01 .fr .circle-tx:hover a:last-child {
    transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    -webkit-transform: translate(10px, 0);
    -o-transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    transition: transform .5s .4s;
    -moz-transition: -moz-transform 0.5s 0.4s;
    -webkit-transition: -webkit-transform 0.5s 0.4s;
    -o-transition: -o-transform 0.5s 0.4s;
}

.container .container-content .container-txt .float-box-sty-01 .fr .circle-tx a {
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 68px;
    background: #2797c9;
    color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 68px;
    border: 2px solid #fff;
    top: 60px;
    transition: transform .5s .2s;
    -moz-transition: -moz-transform 0.5s 0.2s;
    -webkit-transition: -webkit-transform 0.5s 0.2s;
    -o-transition: -o-transform 0.5s 0.2s;
    left: 105px;
}

.container .container-content .container-txt .float-box-sty-01 .fr .circle-tx a:first-child {
    top: -35px;
    left: 50%;
    margin-left: -35px;
}

.container .container-content .container-txt .float-box-sty-01 .fr .circle-tx a:last-child {
    top: 60px;
    left: -35px;
}

.container .container-content .container-txt .clp-3 .cl {
    width: 740px;
    height: 90px;
}

.container .container-content .container-txt .clp-3 .cl .fl {
    width: 100px;
    height: 70px;
    float: left;
}

.container .container-content .container-txt .clp-3 .cl .fl img {
    width: 70px;
    height: 70px;
    display: inline;
}

.container .container-content .container-txt .clp-3 .cl .fr {
    width: 639px;
    height: 60px;
    padding-top: 10px;
    float: right;
    line-height: 24px;
}

.container .container-content .container-txt .float-box-sty-05 {
    width: 740px;
    margin: 20px 0;
}

.container .container-content .container-txt .float-box-sty-05 .fr {
    width: 300px;
    height: auto;
    float: right;
}

.container .container-content .container-txt .float-box-sty-05 .fr img {
    display: block;
}

.container .container-content .container-txt .float-box-sty-05 .fl {
    width: 420px;
    float: left;
    padding-top: 100px;
}

.container .container-content .container-txt .float-box-sty-05 .fl img {
    width: 28px;
    height: 30px;
    float: left;
    margin-top: -3px;
}

.container .container-content .container-txt .float-box-sty-05 .fl p {
    width: 380px;
    line-height: 26px;
    float: right;
    word-break: break-all;
}

.container .container-content .container-txt .float-box-sty-05 .fl p.cl {
    color: #005587;
}

.container .container-content .container-txt .float-box-sty-02 {
    width: 740px;
    margin: 20px 0;
}

.container .container-content .container-txt .float-box-sty-02 .fl {
    width: 398px;
    float: left;
    position: relative;
}

.container .container-content .container-txt .float-box-sty-02 .fl p {
    width: 350px;
    line-height: 26px;
    word-break: break-all;
}

.container .container-content .container-txt .float-box-sty-02 .fl p.cl {
    color: #005587;
}

.container .container-content .container-txt .float-box-sty-02 .fl video {
    width: 398px;
    height: 250px;
    background: #999;
}

.container .container-content .container-txt .float-box-sty-02 .fl a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.container .container-content .container-txt .float-box-sty-02 .fl a img {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.container .container-content .container-txt .float-box-sty-02 .fl a img.hd {
    display: none;
}

.container .container-content .container-txt .float-box-sty-02 .fl a:hover img {
    display: none;
}

.container .container-content .container-txt .float-box-sty-02 .fl a:hover img.hd {
    display: block;
}

.container .container-content .container-txt .float-box-sty-02 .fr {
    width: 310px;
    height: auto;
    float: right;
}

.container .container-content .container-txt .float-box-sty-02 .fr img {
    display: block;
}

.container .container-content .container-txt .float-box-sty-02 .fr a {
    display: block;
    width: 120px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #005587;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 30px;
}

.container .container-content .container-txt .float-box-sty-02 .fr p {
    padding-left: 20px;
    line-height: 22px;
}

.container .container-content .container-txt .float-box-sty-02 .fr p.ic {
    position: relative;
    color: #005587;
    margin-top: 15px;
}

.container .container-content .container-txt .float-box-sty-02 .fr p.ic i {
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
}

.container .container-content .container-txt .float-box-sty-02 .fr p.ic i.pp {
    background: -131px -122px url("../images/icons.png");
}

.container .container-content .container-txt .float-box-sty-02 .fr p.ic i.pt {
    background: -131px -145px url("../images/icons.png");
}

.container .container-content .container-txt .float-box-sty-02 .fr p.ic i.tm {
    background: -154px -121px url("../images/icons.png");
}

.container .container-content .container-txt .float-box-sty-07 {
    width: 740px;
    margin: 20px 0;
}

.container .container-content .container-txt .float-box-sty-07 .fl {
    width: 410px;
    height: auto;
    float: left;
}

.container .container-content .container-txt .float-box-sty-07 .fr {
    width: 310px;
    height: auto;
    float: right;
    margin-top: -20px;
}

.container .container-content .container-txt .float-box-sty-07 .fr img {
    display: inline-block;
}

.container .container-content .container-txt .float-box-sty-022 {
    width: 740px;
    margin: 20px 0;
}

.container .container-content .container-txt .float-box-sty-022 .fl {
    width: 450px;
    float: left;
}

.container .container-content .container-txt .float-box-sty-022 .fl p {
    line-height: 26px;
    margin-bottom: 10px;
    word-break: break-all;
}

.container .container-content .container-txt .float-box-sty-022 .fl p.cl {
    color: #005587;
}

.container .container-content .container-txt .float-box-sty-022 .fr {
    width: 255px;
    height: auto;
    float: right;
}

.container .container-content .container-txt .float-box-sty-022 .fr img {
    display: block;
}

.container .container-content .container-txt h6 {
    font-size: 15px;
}

.container .container-content .container-txt a.apy-case {
    display: block;
    width: 175px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    background: #005587;
    color: #fff;
    text-decoration: none;
    margin: 50px auto;
    border-radius: 5px;
}

.container .container-content .container-txt h3 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    color: #005587;
    line-height: 40px;
    margin-top: 20px;
}

.container .container-content .container-txt h3.align-lf {
    position: relative;
    text-align: left;
}

.container .container-content .container-txt h3.align-lf b {
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
}

.container .container-content .container-txt h3.align-lf span.rt-btns {
    position: absolute;
    width: 60px;
    height: 25px;
    right: 0;
    top: 0;
    display: none;
}

.container .container-content .container-txt h3.align-lf span.rt-btns i {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    padding-top: 5px;
}

.container .container-content .container-txt h3.align-lf span.rt-btns i:hover a {
    display: block;
}

.container .container-content .container-txt h3.align-lf span.rt-btns i.dld {
    background: -125px -82px url("../images/icons.png");
}

.container .container-content .container-txt h3.align-lf span.rt-btns i.share {
    background: -163px -82px url("../images/icons.png");
}

.container .container-content .container-txt h3.align-lf span.rt-btns i a {
    display: none;
    position: absolute;
    width: 70px;
    height: 23px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 8px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: -132px -171px url(../images/icons.png);
    top: -30px;
    left: 50%;
    margin-left: -35px;
}

.container .container-content .container-txt h3.align-ct {
    margin-bottom: 25px;
}

.container .container-content .container-txt h3 em {
    font-size: 20px;
}

.container .container-content .container-txt h5 {
    font-size: 14px;
    color: #005587;
    font-weight: normal;
    border-left: 2px solid #005587;
    padding-left: 8px;
    line-height: 18px;
    margin-bottom: 16px;
    margin-top: 30px;
}

.container .container-content .container-txt h5.bg {
    font-size: 16px;
    border-left: 3px solid #005587;
}

.container .container-content .container-txt h5.bg2 {
    font-size: 18px;
    border-left: 3px solid #005587;
}

.container .container-content .container-txt h5.bg3 {
    font-size: 18px;
    border-left: 3px solid #005587;
    margin-top: 50px;
}

.container .container-content .container-txt h5 span {
    color: #333;
}

.container .container-content .container-txt h4 {
    position: relative;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    color: #005587;
    line-height: 30px;
    margin-bottom: 26px;
    margin-top: 40px;
}

.container .container-content .container-txt h4 a.more {
    position: absolute;
    right: 0;
    color: #005587;
    line-height: 30px;
    top: 0;
    font-size: 14px;
}

.container .container-content .container-txt h4.bl {
    border-left: 3px solid #005587;
    padding-left: 8px;
    line-height: 20px;
}

.container .container-content .container-txt h4.ic i {
    display: inline-block;
    width: 27px;
    height: 30px;
    vertical-align: -9px;
    margin-right: 4px;
    background: -196px -46px url(../images/icons.png);
}

.container .container-content .container-txt .contact-p-fl {
    width: 740px;
    margin: 0 auto;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 40px;
    border-top: 1px solid #ddd;
}

.container .container-content .container-txt .contact-p-fl .fl {
    width: 360px;
    height: auto;
    float: left;
}

.container .container-content .container-txt .contact-p-fl .fr {
    width: 360px;
    height: auto;
    float: right;
}

.container .container-content .container-txt .contact-p-fl p {
    line-height: 30px;
}

.container .container-content .container-txt .contact-p-fl p.pos {
    padding-left: 25px;
    position: relative;
}

.container .container-content .container-txt .contact-p-fl p.pos img {
    position: absolute;
    top: 5px;
    left: 0;
}

.container .container-content .container-txt .contact-p-fl p img {
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    padding-right: 5px;
}

.container .container-content .container-txt .contact-p {
    margin-bottom: 30px;
}

.container .container-content .container-txt .contact-p p {
    line-height: 30px;
}

.container .container-content .container-txt .contact-p p img {
    width: 20px;
    height: 20px;
    vertical-align: -5px;
    padding-right: 5px;
}

.container .container-content .container-txt .market-pg-lt {
    margin: 20px 0 60px 0;
}

.container .container-content .container-txt .market-pg-lt .market-cl {
    width: 238px;
    height: 235px;
    float: left;
    margin: 0 8px 45px 0;
    background: #eee;
    border-radius: 5px;
    overflow: hidden;
}

.container .container-content .container-txt .market-pg-lt .market-cl a {
    text-decoration: none;
}

.container .container-content .container-txt .market-pg-lt .market-cl img {
    width: 238px;
    height: 132px;
}

.container .container-content .container-txt .market-pg-lt .market-cl h6 {
    width: 215px;
    margin: 0 auto;
    font-weight: normal;
    color: #005587;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 10px;
    font-size: 14px;
}

.container .container-content .container-txt .market-pg-lt .market-cl p {
    width: 215px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
}

.container .container-content .container-txt .market-pg-lt .market-cl p i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 5px;
    margin-left: 2px;
}

.container .container-content .container-txt .market-pg-lt .market-cl p i.dt {
    background: -3px -87px url(../images/icons.png);
}

.container .container-content .container-txt .market-pg-lt .market-cl p i.pos {
    background: -3px -107px url(../images/icons.png);
    margin-left: 10px;
}

.container .container-content .container-txt .news-gotopage {
    text-align: right;
    margin: 50px 0;
}

.container .container-content .container-txt .news-gotopage span {
    line-height: 38px;
    color: #999;
}

.container .container-content .container-txt .news-gotopage a {
    display: inline-block;
    height: 38px;
    padding: 0 15px;
    background: #eee;
    line-height: 38px;
    color: #666;
    text-decoration: none;
}

.container .container-content .container-txt .news-gotopage a img {
    display: inline;
}

.container .container-content .container-txt .news-gotopage a:hover,
.container .container-content .container-txt .news-gotopage a.cur {
    background: #005587;
    color: #fff;
}

.container .container-content .container-txt .news-pg-lt {
    width: 740px;
    margin: 30px auto;
}

.container .container-content .container-txt .news-pg-lt .news-lst {
    width: 100%;
    height: 163px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.container .container-content .container-txt .news-pg-lt .news-lst .fl {
    width: 282px;
    height: 140px;
    float: left;
}

.container .container-content .container-txt .news-pg-lt .news-lst .fl img {
    width: 282px;
    height: 140px;
}

.container .container-content .container-txt .news-pg-lt .news-lst .fr {
    width: 440px;
    height: 140px;
    overflow: hidden;
    float: right;
}

.container .container-content .container-txt .news-pg-lt .news-lst .fr h4 {
    color: #005587;
    line-height: 30px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

.container .container-content .container-txt .news-pg-lt .news-lst .fr span {
    display: block;
    line-height: 24px;
    color: #999;
}

.container .container-content .container-txt .news-pg-lt .news-lst .fr p {
    margin-top: 5px;
    line-height: 24px;
    color: #666;
}

.container .container-content .container-txt .news-slt {
    text-align: right;
    width: 740px;
    margin: 20px auto;
    height: 30px;
}

.container .container-content .container-txt .news-slt span {
    display: inline-block;
    font-size: 16px;
    color: #111;
    line-height: 30px;
    margin-right: 10px;
}

.container .container-content .container-txt .news-slt select {
    display: inline-block;
    width: 100px;
    padding: 0 10px;
    height: 28px;
    margin: 0;
    line-height: 28px;
    border: 1px solid #bbb;
    border-radius: 5px;
    outline: none;
    resize: none;
    color: #666;
}

.container .container-content .container-txt .job-tab,
.container .container-content .container-txt .news-tab {
    width: 740px;
    height: 32px;
    margin-top: 20px;
    border-bottom: 2px solid #005587;
}

.container .container-content .container-txt .job-tab a,
.container .container-content .container-txt .news-tab a {
    display: block;
    width: 150px;
    height: 32px;
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #eee;
    text-align: center;
    line-height: 32px;
    color: #333;
    font-size: 16px;
    text-decoration: none;
}

.container .container-content .container-txt .job-tab a.cur,
.container .container-content .container-txt .news-tab a.cur,
.container .container-content .container-txt .job-tab a:hover,
.container .container-content .container-txt .news-tab a:hover {
    background: #005587;
    color: #fff;
}

.container .container-content .container-txt .job-table {
    width: 740px;
    margin: 45px auto;
}

.container .container-content .container-txt .job-table .tit {
    height: 52px;
    line-height: 52px;
    background: #005587;
    color: #fff;
}

.container .container-content .container-txt .job-table .tit .td1 {
    width: 310px;
    height: 52px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.container .container-content .container-txt .job-table .tit .td2 {
    width: 125px;
    height: 52px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.container .container-content .container-txt .job-table .tr {
    height: 52px;
    line-height: 52px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.container .container-content .container-txt .job-table .tr:hover {
    background: #efefef;
}

.container .container-content .container-txt .job-table .tr:hover .td2 a {
    color: #005587;
}

.container .container-content .container-txt .job-table .tr .td1 {
    width: 310px;
    height: 52px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.container .container-content .container-txt .job-table .tr .td2 {
    width: 125px;
    height: 52px;
    float: left;
    text-align: center;
    overflow: hidden;
}

.container .container-content .container-txt .job-table .tr .td2 a {
    color: #333;
    text-decoration: none;
}

.container .container-content .container-txt .float-box-sty-04 {
    width: 740px;
    margin: 20px 0;
}

.container .container-content .container-txt .float-box-sty-04 .fl {
    width: 280px;
    float: left;
}

.container .container-content .container-txt .float-box-sty-04 .fr {
    width: 435px;
    float: right;
    line-height: 26px;
}

.container .container-content .container-txt .float-box-sty-04 .fr p.cl {
    color: #005587;
    margin-top: 15px;
}

.container .container-content .container-txt .float-box-sty-04 .fr p {
    margin-bottom: 10px;
}

.container .container-content .container-txt .float-box-sty-04 .fr span {
    color: #999;
    font-size: 12px;
    padding-left: 25px;
}

.container .container-content .container-txt .float-box-sty-04 .fr span:nth-child(1) {
    padding-left: 0;
}

.container .container-content .container-txt .float-box-sty-04 .fr span:nth-child(5) {
    padding-left: 0;
}

.container .container-content .container-txt .float-box-sty-04 .fr span:nth-child(9) {
    padding-left: 0;
}

.container .container-content .container-txt .description,
.container .container-content .container-txt .set {
    margin-bottom: 10px;
    line-height: 26px;
}

.container .container-content .container-txt .description a.get-more,
.container .container-content .container-txt .set a.get-more {
    display: block;
    width: 164px;
    height: 34px;
    margin: 60px auto;
    border-radius: 5px;
    text-align: center;
    line-height: 34px;
    color: #fff;
    background: #005587;
    font-size: 16px;
    text-decoration: none;
}

.container .container-content .container-txt .description a,
.container .container-content .container-txt .set a {
    color: #005587;
}

.container .container-content .container-txt .description p,
.container .container-content .container-txt .set p {
    color: #444;
    margin-bottom: 16px;
}

.container .container-content .container-txt .description p.dt,
.container .container-content .container-txt .set p.dt {
    padding-left: 0;
}

.container .container-content .container-txt .description p.dt span,
.container .container-content .container-txt .set p.dt span {
    color: #999;
    padding-right: 5px;
}

.container .container-content .container-txt .description p.bk,
.container .container-content .container-txt .set p.bk {
    color: #111;
    font-weight: bold;
    margin-top: 15px;
}

.container .container-content .container-txt .description p.bk span,
.container .container-content .container-txt .set p.bk span {
    color: #999;
    padding-right: 5px;
}

.container .container-content .container-txt .description p.tt,
.container .container-content .container-txt .set p.tt {
    color: #005587;
    font-size: 16px;
}

.container .container-content .container-txt .description p.tt span,
.container .container-content .container-txt .set p.tt span {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
}

.container .container-content .container-txt .description p.tt2,
.container .container-content .container-txt .set p.tt2 {
    color: #005587;
    font-size: 14px;
    margin-bottom: 5px;
}

.container .container-content .container-txt .description p.tt2 span,
.container .container-content .container-txt .set p.tt2 span {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
}

.container .container-content .container-txt .description p.tt3,
.container .container-content .container-txt .set p.tt3 {
    color: #005587;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.container .container-content .container-txt .description p.tt3 span,
.container .container-content .container-txt .set p.tt3 span {
    font-weight: normal;
}

.container .container-content .container-txt .description em,
.container .container-content .container-txt .set em {
    color: #005587;
}

.container .container-content .container-txt .description img,
.container .container-content .container-txt .set img {
    max-width: 740px;
    display: block;
    margin: 20px auto;
}

.container .container-content .container-txt .description img.width-730,
.container .container-content .container-txt .set img.width-730 {
    width: 731px;
    max-width: 731px;
    margin: 20px 0;
}

.container .container-content .container-txt .description img.width-727,
.container .container-content .container-txt .set img.width-727 {
    width: 727px;
    max-width: 731px;
    margin: 5px 0;
}

.container .container-content .container-txt .description img.width-738,
.container .container-content .container-txt .set img.width-738 {
    width: 738px;
    max-width: 741px;
}

.container .container-content .container-txt .professor-sw {
    width: 795px;
    height: auto;
    margin: 30px 0 20px -30px;
}

.container .container-content .container-txt .professor-sw .pf-cl {
    display: inline-block;
    width: 110px;
    height: 150px;
    text-align: center;
    margin-bottom: 10px;
}

.container .container-content .container-txt .professor-sw .pf-cl img.fc {
    width: 67px;
    height: 67px;
    transition: border-radius 0.3s;
    -moz-transition: border-radius 0.3s;
    -webkit-transition: border-radius 0.3s;
    -o-transition: border-radius 0.3s;
}

.container .container-content .container-txt .professor-sw .pf-cl p {
    margin: 5px 0 0 0;
    font-size: 12px;
    line-height: 16px;
}

.container .container-content .container-txt .professor-sw .pf-cl p span {
    color: #949494;
}

.container .container-content .container-txt .professor-sw .pf-cl .frm {
    width: 100%;
    height: 30px;
    line-height: 30px;
}

.container .container-content .container-txt .curricula-icon-sw {
    width: 700px;
    height: auto;
    margin: 20px auto;
}

.container .container-content .container-txt .curricula-icon-sw .sw {
    width: 170px;
    height: 100px;
    float: left;
    text-align: center;
}

.container .container-content .container-txt .curricula-icon-sw .sw a {
    display: block;
    width: 170px;
    height: 80px;
    padding: 10px 0;
    color: #333;
    text-decoration: none;
}

.container .container-content .container-txt .curricula-icon-sw .sw a:hover {
    font-weight: bold;
    background-color: rgba(0, 85, 135, 0.1);
}

.container .container-content .container-txt .curricula-icon-sw .sw img {
    max-height: 50px;
}

.container .container-content .container-txt .curricula-icon-sw .sw p {
    text-align: center;
    line-height: 30px;
}

.container .container-content .container-txt .targets span {
    display: inline-block;
    margin-right: 49px;
}

.container .container-content .container-txt .targets span i {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -3px;
    background-image: url("../images/icons.png");
    background-position: -67px -149px;
    background-size: auto;
}

.container .container-content .container-txt .targets span i.cur {
    background-image: url(../images/select_cur.png);
    background-size: 100% 100%;
    background-position: 0 0;
}

.container .container-content .container-txt .preview {
    position: relative;
    text-align: center;
}

.container .container-content .container-txt .preview img {
    display: block;
    margin: 20px auto;
    max-width: 740px;
}

.container .container-content .container-txt .preview a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

.container .container-content .container-txt .preview a img {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.container .container-content .container-txt .preview a img.hd {
    display: none;
}

.container .container-content .container-txt .preview a:hover img {
    display: none;
}

.container .container-content .container-txt .preview a:hover img.hd {
    display: block;
}

.container .container-content .container-txt .preview video {
    display: block;
    width: 740px;
    margin: 0 auto;
}

.container .container-content .container-txt .adviser-lt {
    width: 740px;
    margin-top: 30px;
    padding-bottom: 50px;
    height: auto;
}

.container .container-content .container-txt .adviser-lt .adviser-cl {
    width: 170px;
    height: 240px;
    float: left;
    text-align: center;
    margin: 0 38px;
}

.container .container-content .container-txt .adviser-lt .adviser-cl img {
    width: 128px;
    height: 128px;
}

.container .container-content .container-txt .adviser-lt .adviser-cl p {
    margin-top: 10px;
    line-height: 24px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}

.container .container-content .container-txt .adviser-lt .adviser-cl span {
    display: block;
    margin-top: 10px;
    line-height: 22px;
}

.container .container-content .container-txt .ptn-lt {
    width: 740px;
    margin: 30px auto;
}

.container .container-content .container-txt .ptn-lt .rd {
    width: 10px;
    height: 150px;
    float: left;
    background: url("../images/com.png") no-repeat;
    margin-left: -40px;
}

.container .container-content .container-txt .ptn-lt .fl {
    width: 360px;
    height: 150px;
    float: left;
}

.container .container-content .container-txt .ptn-lt .fl p {
    line-height: 25px;
}

.container .container-content .container-txt .ptn-lt .fl p strong {
    padding-right: 20px;
}

.container .customer-tab-ctt {
    width: 740px;
    height: auto;
    margin: 20px auto;
    margin-top: 40px;
}

.container .customer-tab-ctt.nomt {
    margin-top: -25px;
}

.container .customer-tab-ctt .cstm-logo-lt {
    position: relative;
    width: 740px;
    height: 100px;
    margin: 30px auto;
    margin-bottom: 40px;
}

.container .customer-tab-ctt .cstm-logo-lt .cstm-logo-pos {
    position: absolute;
    width: 680px;
    height: 100px;
    top: 0;
    left: 30px;
    overflow: hidden;
}

.container .customer-tab-ctt .cstm-logo-lt .cstm-logo-pos .cstm-logos {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
}

.container .customer-tab-ctt .cstm-logo-lt .cstm-logo-pos .cstm-logos .cstm-logo-cl {
    width: 170px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    float: left;
}

.container .customer-tab-ctt .cstm-logo-lt .cstm-logo-pos .cstm-logos .cstm-logo-cl img {
    max-width: 170px;
    min-width: 105px;
    max-height: 100px;
    display: inline;
}

.container .customer-tab-ctt .cstm-logo-lt a.prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}

.container .customer-tab-ctt .cstm-logo-lt a.prev:active {
    background: #f0f0f0;
}

.container .customer-tab-ctt .cstm-logo-lt a.prev img {
    display: inline;
}

.container .customer-tab-ctt .cstm-logo-lt a.next {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}

.container .customer-tab-ctt .cstm-logo-lt a.next:active {
    background: #f0f0f0;
}

.container .customer-tab-ctt .cstm-logo-lt a.next img {
    display: inline;
}

.container .customer-tab-ctt .cstm-sw {
    cursor: pointer;
    margin-bottom: 30px;
    margin-top: -10px;
}

.container .customer-tab-ctt .cstm-sw .fl {
    width: 160px;
    height: 104px;
    float: left;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 104px;
    border-radius: 4px;
}

.container .customer-tab-ctt .cstm-sw .fl img {
    max-width: 160px;
    max-height: 104px;
    display: inline;
}

.container .customer-tab-ctt .cstm-sw .fr {
    width: 555px;
    height: 48px;
    padding: 28px 0;
    float: right;
    color: #2f120c;
    line-height: 24px;
}

.container .customer-tab-ctt .cstm-sw .fr .tit {
    height: 24px;
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container .customer-tab-ctt .cstm-sw .fr p {
    height: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.container .ad-judge-box {
    position: relative;
    width: 700px;
    margin-bottom: 70px;
    margin-top: 30px;
    padding: 40px 20px 90px 20px;
    background: #f6f6f6;
}

.container .ad-judge-box .judge-cl {
    display: none;
    width: 700px;
    height: 140px;
}

.container .ad-judge-box .judge-cl .fl {
    width: 110px;
    height: 140px;
    float: left;
}

.container .ad-judge-box .judge-cl .fl img {
    width: 110px;
    height: 110px;
}

.container .ad-judge-box .judge-cl .fr {
    position: relative;
    width: 540px;
    height: 140px;
    padding-top: 0;
    float: right;
    padding-left: 30px;
}

.container .ad-judge-box .judge-cl .fr img {
    position: absolute;
    top: 2px;
    left: 0;
}

.container .ad-judge-box .judge-cl .fr .txt {
    line-height: 24px;
    width: 100%;
    overflow: hidden;
}

.container .ad-judge-box .judge-cl .fr p {
    margin-top: 10px;
    line-height: 24px;
}

.container .ad-judge-box .judge-cl .fr p span {
    color: #005587;
}

.container .ad-judge-box .judge-tab {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
}

.container .ad-judge-box .judge-tab span {
    cursor: pointer;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ccc;
}

.container .ad-judge-box .judge-tab span.cur,
.container .ad-judge-box .judge-tab span:hover {
    background: #005587;
}

.container .container-nav {
    width: 236px;
    height: auto;
    float: left;
    background: #fff;
    border-right: 5px;
    padding-bottom: 100px;
}

.container .container-nav.nopadding {
    padding-bottom: 0;
}

.container .container-nav .tit {
    height: 47px;
    line-height: 47px;
    background: #005587;
    font-size: 18px;
    color: #fff;
    padding-left: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.container .container-nav .nav-list {
    margin-bottom: 30px;
}

.container .container-nav .nav-list.nomagin {
    margin-bottom: 0;
}

.container .container-nav .nav-list .nav-lt {
    position: relative;
    width: 236px;
    border-bottom: 1px solid #fff;
}

.container .container-nav .nav-list .nav-lt:last-child {
    border-bottom: none;
}

.container .container-nav .nav-list .nav-lt b,
.container .container-nav .nav-list .nav-lt a {
    font-weight: normal;
    cursor: pointer;
    color: #333;
    display: block;
    width: 206px;
    padding-left: 30px;
    height: 48px;
    line-height: 48px;
    background: #eee;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
}

.container .container-nav .nav-list .nav-lt b.cur,
.container .container-nav .nav-list .nav-lt a.cur {
    color: #005587;
}

.container .container-nav .nav-list .nav-lt i {
    position: absolute;
    width: 16px;
    height: 9px;
    top: 19px;
    right: 12px;
    background: -64px -110px url(../images/icons.png);
    pointer-events: none;
}

.container .container-nav .nav-list .nav-lt .nav-sw {
    display: none;
}

.container .container-nav .nav-list .nav-lt .nav-sw a {
    display: block;
    width: 206px;
    padding-left: 30px;
    text-align: left;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
    background: #fff;
    font-size: 14px;
    color: #333;
}

.container .container-nav .nav-list .nav-lt .nav-sw a:hover,
.container .container-nav .nav-list .nav-lt .nav-sw a.cur {
    color: #005587;
    text-decoration: none;
    font-weight: bold;
}

.container .container-nav p {
    margin-top: 10px;
    line-height: 26px;
    color: #005587;
    padding-left: 30px;
}

.container .container-nav p a {
    text-decoration: none;
    color: #005587;
}

.container .container-nav p a:hover {
    color: #333;
}

.container .container-nav p img {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 13px;
    vertical-align: -5px;
}

.container .container-nav p img.hd {
    display: none;
}

.container .container-nav p img.app {
    width: 30px;
    height: 21px;
    margin-left: -8px;
}

.container .container-nav p img.sv {
    width: 26px;
    height: 26px;
    margin-left: -5px;
}

.container .container-nav p img.alj {
    width: 20px;
    height: 21px;
    margin-left: -1px;
}

.container .container-nav p span {
    display: inline-block;
    color: #333;
    padding-left: 25px;
}

.container .container-nav .nav-list .nav-a {
    position: relative;
    width: 206px;
    border-bottom: 1px solid #fff;
    height: 48px;
    line-height: 48px;
    background: #eee;
    padding-left: 30px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
}

.container .container-nav .nav-list .nav-a:hover {
    background-color: rgba(3, 87, 136, .85);
    color: #fff;
}

.container .container-nav .nav-list .nav-a .nav-a-hv {
    position: absolute;
    width: 530px;
    height: auto;
    padding: 25px 20px 30px 70px;
    background-color: rgba(3, 87, 136, .85);
    top: 0;
    left: 236px;
    display: none;
    font-size: 12px;
    color: #fff;
    z-index: 2;
    cursor: default;
}

.container .container-nav .nav-list .nav-a .nav-a-hv .c2 {
    padding-left: 12px;
    line-height: 34px;
    position: relative;
    font-size: 14px;
}

.container .container-nav .nav-list .nav-a .nav-a-hv .c2:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background: #fff;
    margin-top: -3px;
}

.container .container-nav .nav-list .nav-a .nav-a-hv .c3 {
    line-height: 21px;
}

.container .container-nav .nav-list .nav-a .nav-a-hv a {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    padding: 0 10px;
    background: #fff;
    border-radius: 20px;
    color: #005587;
    margin-right: 12px;
    margin-bottom: 10px;
    text-decoration: none;
}

.container .container-nav .nav-list .nav-a .nav-a-hv a:hover {
    font-weight: bold;
}

.container .container-nav .nav-list .nav-a:hover .nav-a-hv {
    display: block;
}
