body {
    font-size: 14px;
    font-family: Pingfang SC, Microsoft Yahei;
}

address,
cite,
code,
em,
th,
i,
strong {
    font-weight: normal;
    font-style: normal;
}

.head .head_top {
    background-color: #F6F6F6;
}

.head .head_top .fl a {
    height: 36px;
    line-height: 36px;
    color: #686868;
    font-size: 12px;
}

.head .head_top .fr span {
    height: 36px;
    line-height: 36px;
    color: #686868;
    font-size: 12px;
    margin-right: 15px;
}


/* logo 搜索 */

.head .head_bottom {
    padding: 20px 150px 30px 50px;
    padding: 20px 0 30px 0;
}

.head .head_bottom>div {
    /* padding-left: 45px; */
}

.head .head_bottom .head_logo {
    width: 570px;
}

.head .head_bottom .head_logo img {
    max-width: 200px;
    vertical-align: text-bottom;
    margin-right: 15px;
}

.head .head_bottom .head_logo span {
    color: #9F9C9B;
}

.head .head_bottom .head_search {
    width: 330px;
    border: 2px solid #3D99C4;
    padding-left: 8px;
    padding: 13px 5px;
}

.head .head_bottom .head_btn {
    background-color: #6DE1D4;
    color: #fff;
    padding: 12px 20px;
    border: 2px solid #3D99C4;
    border-left: none;
}

.head .head_bottom .head_btn i {
    margin-right: 5px;
}

.head .head_bottom .head_search strong {
    color: #686868;
    font-weight: 400;
    height: 100%;
    display: inline-block;
}

.head .head_bottom .head_search i {
    font-style: normal;
}

.head .head_bottom .head_search input {
    border: none;
}

.head .head_bottom .head_lx {
    background-color: #00A6CA;
    color: #fff;
    padding: 15px 15px 15px 18px;
}


/* nav  */

.nav {
    background-color: #3C9EC8;
}

.nav ul li {
    padding: 15px 30px 15px 30px;
    float: left;
    margin-right: 10px;
}

.nav ul li.cur {
    background-color: #6DE2D4;
}

.nav ul li:hover {
    background-color: #6DE2D4;
}

.nav ul li a {
    color: #FCFCFC;
    display: inline-block;
}

.nav ul li i {
    color: #FCFCFC;
}


/* content  */


/* box1 */

.box1 {
    margin-top: 20px;
}

.box1 .box1_l .box1_l_t .count {
    padding: 20px 15px;
    border: 1px solid #E2E2E2;
    width: 280px;
}

.box1 .box1_l .box1_l_t .count h4 {
    font-size: 20px;
    text-align: center;
}

.box1 .box1_l .box1_l_t .count .time {
    padding: 15px 25px 25px 25px;
    border: 1px solid #E2E2E2;
    margin-top: 20px;
}

.box1 .box1_l .box1_l_t .count .time div {
    text-align: center;
}

.box1 .box1_l .box1_l_t .count .time p {
    text-align: center;
    color: #878685;
    padding-bottom: 20px;
}

.box1 .box1_l .box1_l_t .count .time div span {
    color: #fff;
    padding: 8px 6px 8px 10px;;
    margin-right: 10px;
    /*background: url(/static/skin/img/time_bg.png) no-repeat;*/
    background-size: 100%;
    cursor: pointer;
    line-height: 15px;
    font-size: 24px;
    background-color: #f35f55;
    border-radius: 3px;
}

.box1 .box1_l .box1_l_t .count .list {}

.box1 .box1_l .box1_l_t .count .list ul li {
    width: 48%;
    display: inline-block;
    border: 1px solid #E2E2E2;
    margin-right: 4px;
    text-align: center;
    padding: 15px 15px;
    margin-top: 15px;
    cursor: pointer;
}

.box1 .box1_l .box1_l_t .count .list ul li:nth-child(2n) {
    margin-right: 0;
}

.box1 .box1_l .box1_l_t .count .list ul li img {
    max-width: 40%;
}

.box1 .box1_l .box1_l_t .count .list ul li p {
    font-size: 12px;
    margin-top: 5px;
}


/* 行业资讯 */

.box1 .box1_l .box1_l_t .hyzx {
    /* border: 2px solid #E2E2E2; */
    margin-left: 20px;
    padding: 15px 20px;
    padding: 18px 15px 0 15px;
    width: 600px;
}

.box1 .box1_l .box1_l_t .hyzx h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box1 .box1_l .box1_l_t .hyzx h4 span {
    font-size: 20px;
    /* background: url(/static/skin/img/line_bg.png) no-repeat bottom left; */
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
}

.box1 .box1_l .box1_l_t .hyzx .new_tj {
    margin-top: 20px;
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box1 .box1_l .box1_l_t .hyzx .new_tj h5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 18px;
}

.box1 .box1_l .box1_l_t .hyzx .new_tj p {
    text-overflow: -o-ellipsis-lastline;
    /* overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1.5;
    position: relative;
    line-height: 1.4em;
    /* 3 times the line-height to show 3 lines */
    height: 70px;
    overflow: hidden;
    text-indent: 2em;
    font-size: 14px;
    margin-top: 19px;
    line-height: 25px;
    color: #3E3D3D;
}

.box1 .box1_l .box1_l_t .hyzx .new_tj p::after {
    /* content: "...";
    font-weight: bold; */
    /* position: absolute;
    bottom: -3px;
    right: -8px;
    padding: 0 20px 1px 45px; */
    /* background: url(/newimg88/2014/09/ellipsis_bg.png) repeat-y; */
}

.box1 .box1_l .box1_l_t .hyzx .new_list ul li {
    padding: 7px 0;
}

.box1 .box1_l .box1_l_t .hyzx .new_list ul li a {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    color: #464545;
    font-size: 14px;
    width: 80%;
}

.box1 .box1_l .box1_l_t .hyzx .new_list ul li a:hover {
    color: #33ADDB;
}

.box1 .box1_l .box1_l_t .hyzx .new_list ul li span {
    float: right;
    margin-right: 12px;
    color: #AEADAD;
}


/* .考试资讯 */

.box1 .box1_l .box1_l_b {
    margin-top: 20px;
    width: 900px;
}

.box1 .box1_l .box1_l_b h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box1 .box1_l .box1_l_b h4 span {
    font-size: 20px;
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
}

.box1 .box1_l .box1_l_b h4 strong {
    float: right;
    font-size: 12px;
    padding-right: 20px;
    color: #757472;
}

.box1 .box1_l .box1_l_b h4 strong a {
    color: #757472;
}

.box1 .box1_l .box1_l_b .ht-tabs {
    margin-top: 24px;
    height: 37px;
}

.box1 .box1_l .box1_l_b .ht-tabs .ht-tab {
    border: 1px solid #E2E2E2;
    font-size: 14px;
    margin-right: 15px;
    padding: 5px 15px;
    cursor: pointer;
    color: #5E5C5A;
}

.box1 .box1_l .box1_l_b .ht-tabs .ht-tab.cur {
    border: 1px solid #00A6CA;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item {
    display: none;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item.show {
    display: block;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item ul li {
    width: 48%;
    float: left;
    border-bottom: 1px solid #E2E2E2;
    padding: 12px 0;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item ul li:nth-child(2n) {
    float: right;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item ul li a {
    display: block;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item ul li a p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: inline-block;
    width: 76%;
    /* margin-right: 20px; */
    font-size: 14px;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item ul li a p:hover {
    color: #33ADDB;
}

.box1 .box1_l .box1_l_b .ht-items .ht-item ul li a span {
    float: right;
    color: #AEADAD;
    font-size: 14px;
}


/* 右侧 */

.box1 .box1_r {
    width: 280px;
}

.box1 .box1_r .adver img {
    max-width: 100%;
}

.box1 .box1_r .bkzn {
    margin-top: 12px;
}

.box1 .box1_r .bkzn h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box1 .box1_r .bkzn h4 span {
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
    font-size: 20px;
}

.box1 .box1_r .bkzn h4 strong {
    float: right;
    font-size: 12px;
    color: #757472;
}

.box1 .box1_r .bkzn ul li {
    float: left;
    border: 1px solid #E2E2E2;
    width: 48%;
    text-align: center;
    margin-top: 10px;
}

.box1 .box1_r .bkzn ul li:hover {
    background-color: #6DE2D4;
}

.box1 .box1_r .bkzn ul li:hover a {
    color: #fff;
}

.box1 .box1_r .bkzn ul li:nth-child(2n) {
    float: right;
}

.box1 .box1_r .bkzn ul li a {
    display: block;
    padding: 10px 0;
    color: #101010;
    font-size: 12px;
}

.box1 .box1_r .tykc {
    background-color: #00A6CA;
    padding: 25px 15px 15px 15px;
    margin-top: 12px;
}

.box1 .box1_r .tykc h2 {
    text-align: center;
    color: #fff;
}

.box1 .box1_r .tykc h2 i {
    display: inline-block;
    background-color: #6DE2D4;
    border-radius: 50%;
    padding: 8px 10px;
}

.box1 .box1_r .tykc form input {
    background-color: #fff;
    border: none;
    padding: 8px 0 8px 16px;
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

.box1 .box1_r .tykc form input::-webkit-input-placeholder {
    color: #AEADAD;
    font-size: 14px;
}

.box1 .box1_r .tykc form input::-moz-placeholder {
    color: #AEADAD;
    font-size: 14px;
}

.box1 .box1_r .tykc form input::-moz-placeholder {
    color: #AEADAD;
    font-size: 14px;
}

.box1 .box1_r .tykc form input:-ms-input-placeholder {
    color: #AEADAD;
    font-size: 14px;
}

.box1 .box1_r .tykc form select {
    background-color: #fff;
    border: none;
    padding: 8px 0 8px 10px;
    width: 90%;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    color: #393939;
    font-size: 14px;
    color: #AEADAD;
}

.box1 .box1_r .tykc form .tj {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}

.box1 .box1_r .tykc form span {
    background-color: #6DE2D4;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 15px;
    cursor: pointer;
}

.box1 .box1_r .tykc form span:nth-child(2) {
    margin: 0;
}

.box1 .box1_r .wx {
    border: 2px solid #E2E2E2;
    margin-top: 10px;
    padding: 12px 0;
}

.box1 .box1_r .wx .wx_img {
    width: 50%;
    text-align: center;
}

.box1 .box1_r .wx .wx_img img {
    max-width: 80%;
}

.box1 .box1_r .wx .wx_img p {
    color: #060606;
    font-size: 12px;
}

.box1 .box1_r .wx .lx {
    width: 50%;
}

.box1 .box1_r .wx .lx p {
    color: #4B4B4B;
    padding: 15px 0;
    font-size: 14px;
}

.box1 .box1_r .wx .lx p:nth-child(1) {
    /* padding-bottom: 30px; */
}

.box1 .box1_r .wx .lx p i {
    font-size: 20px;
    padding-right: 10px;
    font-size: 16px;
}

.box1 .box1_r .wx .lx p i.icon-weixin {
    color: #8DC61F;
}

.box1 .box1_r .wx .lx p i.icon-qq {
    color: #FF5E54;
}


/* box2 */

.box2 {
    margin-top: 20px;
}

.box2 h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box2 h4 span {
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
    font-size: 20px;
}

.box2 ul {
    margin-top: 15px;
}

.box2 li:last-child {
    margin-right: 0;
}

.box2 li {
    width: 288px;
    background-color: #fff;
    display: block;
    float: left;
    margin-right: 16px;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.05);
    background: #fff url(/static/skin/img/tx_bg.png) no-repeat right bottom;
}

.box2 li .ty_hd_tit {
    width: 100%;
    height: 80px;
    background-color: #0384fc;
    /* border-radius: 0 0 20px 20px; */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px 0 0 45px;
    box-sizing: border-box;
}

.box2 li:nth-child(2) .ty_hd_tit {
    background-color: #3FB047;
}

.box2 li:nth-child(3) .ty_hd_tit {
    background-color: #AA5EE5;
}

.box2 li:nth-child(4) .ty_hd_tit {
    background-color: #F47D25;
}

.box2 li .ty_hd_tit h1 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    float: left;
}

.box2 li .ty_hd_tit em {
    float: left;
    font-size: 14px;
    text-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    background: #fff;
    color: #333;
    /* border-top-left-radius: 10px;
    border-bottom-right-radius: 10px; */
    border-radius: 3px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background: linear-gradient(to right, #fffdcd, #ffb7b7);
    padding: 3px 10px;
    margin: -5px 0 0 15px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.box2 .cont {
    padding: 0 15px;
}

.box2 .cont p {
    border-bottom: 1px dotted #e6e6e6;
    padding: 10px 0;
}

.box2 .cont .shxy {
    padding: 10px 0;
    border-bottom: 1px dotted #e6e6e6;
}

.box2 .cont .shxy span {
    height: 50px;
    width: 50px;
    display: flex;
    float: left;
    border-radius: 50px;
    border: 2px solid #3d85e8;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    color: #3d85e8;
    font-size: 14px;
    margin-right: 5px;
}

.box2 .cont .shxy label b {
    font-weight: normal;
    display: block;
}

.box2 .value {
    padding: 10px 0;
    display: block;
    border-bottom: 1px dotted #e6e6e6;
}

.box2 .value span {
    font-size: 14px;
    width: 90px;
    display: inline-block;
}

.box2 .value em {
    color: #f35f55;
    font-size: 16px;
    font-weight: bold;
}

.box2 .value a {
    float: right;
    line-height: 24px;
    background: #f35f55;
    padding: 0px 10px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
}

.box2 .Contains-courses {
    padding-top: 10px;
    height: 90px;
}

.box2 .Contains-courses a {
    display: inline-block;
    border: 1px solid #e6e6e6;
    padding: 2px 5px;
    margin-bottom: 5px;
    font-size: 13px;
}

.box2 .teachers_list {
    clear: both;
    overflow: hidden;
    padding: 15px;
}

.box2 .teachers_list span {
    background: #d3d3d3;
    display: block;
    float: left;
    margin-right: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
}

.box2 .teachers_list span img {
    display: block;
    width: 50px;
    margin: 5px auto 0 auto;
    transition: all 0.2s;
    height: auto;
}

.box2 .btn-tom {
    padding: 15px 15px 25px 15px;
    justify-content: space-between;
}

.box2 .btn-tom a {
    width: 45%;
    display: inline-block;
    border-radius: 30px;
    text-align: center;
    font-size: 16px;
    padding: 7px 0px 8px 0px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.box2 .btn-tom a.zx {
    border: 1px solid #0957be;
    color: #0957be;
}

.box2 .btn-tom a.st {
    color: #fff;
    background: linear-gradient(to right, #f06a4a, #da4638);
    float: right;
}


/* 
.box2 ul li:last-child {
    margin: 0;
}

.box2 ul li {
    display: inline-block;
    width: 23%;
    border: 1px solid #E2E2E2;
    margin-right: 27px;
    padding-bottom: 10px;
}

.box2 ul li div.zd p {
    font-size: 12px;
    padding: 10px 0;
    margin: 0 15px;
    border-bottom: 1px solid #E2E2E2;
}

.box2 ul li div.zd p i {
    font-size: 12px;
    padding-right: 5px;
}

.box2 ul li .js {
    padding: 8px 0;
    margin: 0 15px;
    border-bottom: 1px solid #E2E2E2;
}

.box2 ul li .js>div:nth-child(1) {
    width: 50px;
    margin-right: 15px;
}

.box2 ul li .js>div p {
    font-size: 12px;
    font-weight: 700;
}

.box2 ul li>p {
    margin: 0 15px;
    border-bottom: 1px solid #E2E2E2;
    padding: 8px 0;
}

.box2 ul li>p span {
    display: inline-block;
    line-height: 30px;
}

.box2 ul li>p span:nth-child(1) {
    color: #202020;
    font-size: 14px;
    width: 33.33333%;
}

.box2 ul li>p span:nth-child(2) {
    color: #F35F55;
    font-size: 16px;
    font-weight: 700;
    width: 29.33333%;
}

.box2 ul li>p span:nth-child(3) {
    color: #fff;
    font-size: 14px;
    background-color: #F35F55;
    font-weight: 700;
    padding: 0px 14px;
    text-align: center;
    border-radius: 15px;
    float: right;
}

.box2 ul li .ko {
    margin: 0 15px;
    padding: 10px 0;
    border-bottom: 1px solid #E2E2E2;
}

.box2 ul li .ko span {
    color: #000;
    font-size: 14px;
}

.box2 ul li .tx {
    margin: 10px 15px;
}

.box2 ul li .tx>div:nth-child(1) {
    height: 80px;
}

.box2 ul li .tx>div:nth-child(1) span {
    border: 1px solid #E2E2E2;
    font-size: 14px;
    padding: 2px 3px;
}

.box2 ul li .tx .tx_img img {
    max-width: 78px;
    border-radius: 50%;
    border: 1px solid #00A6CA;
}

.box2 ul li .tx .tx_zx {
    margin-top: 25px;
}

.box2 ul li .tx .tx_zx span {
    padding: 5px 23px;
}

.box2 ul li .tx .tx_zx span:nth-child(1) {
    color: #0384FC;
    border-radius: 15px;
    border: 1px solid #0384FC;
    margin-right: 15px;
}

.box2 ul li .tx .tx_zx span:nth-child(2) {
    color: #fff;
    background-color: #F35E54;
    border-radius: 15px;
} */


/* box3 */

.box3 {
    margin-top: 20px;
}

.box3 .box3_l {
    width: 900px;
}

.box3 .box3_l h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box3 .box3_l h4 span {
    font-size: 20px;
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
}

.box3 .box3_l h4 strong {
    float: right;
    font-size: 12px;
    padding-right: 20px;
}

.box3 .box3_l h4 strong a {
    color: #757472;
}

.box3 .box3_l ul li {
    display: inline-block;
    width: 23%;
    margin: 25px 19px 0 0;
    padding-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s;
    height: 183px;
}

.box3 .box3_l ul li p,
.box3 .box3_l ul li div {
    padding: 0 5px;
}

.box3 .box3_l ul li:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.box3 .box3_l ul li:nth-child(4n) {
    margin-right: 0;
}

.box3 .box3_l ul li p {
    color: #0A0A0A;
    padding: 5px 0 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.box3 .box3_l ul li div span {
    color: #6B6B6B;
    font-size: 12px;
}

.box3 .box3_l ul li div strong {
    color: #FF0303;
    font-size: 14px;
    float: right;
    cursor: pointer;
}

.box3 .box3_r {
    width: 280px;
}

.box3 .box3_r h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box3 .box3_r h4 span {
    font-size: 20px;
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
}

.box3 .box3_r h4 strong {
    float: right;
    font-size: 12px;
    padding-right: 20px;
    color: #757472;
}

.box3 .box3_r ul {
    margin-top: 16px;
}

.box3 .box3_r ul li {
    border-bottom: 1px solid #E2E2E2;
    padding: 10px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    cursor: pointer;
}

.box3 .box3_r ul li a:hover {
    color: #33ADDB;
}


/* box4 */

.box4 {
    margin-top: 20px;
}

.box4 .box4_l {
    width: 900px;
}

.box4 .box4_l h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box4 .box4_l h4 span {
    font-size: 20px;
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
}

.box4 .box4_l h4 strong {
    float: right;
    font-size: 12px;
    padding-right: 20px;
    color: #757472;
}

.box4 .box4_l .ht-tabs {
    margin-top: 20px;
}

.box4 .box4_l .ht-tabs span.ht-tab {
    border: 1px solid #E2E2E2;
    font-size: 14px;
    margin-right: 15px;
    padding: 5px 15px;
    cursor: pointer;
    color: #5E5C5A;
}

.box4 .box4_l .ht-tabs span.ht-tab.cur {
    border: 1px solid #00A6CA;
}

.box4 .box4_l .ht-items .ht-item {
    display: none;
}

.box4 .box4_l .ht-items .ht-item.show {
    display: block;
}

.box4 .box4_l .ht-items .ht-item ul {
    margin-top: 20px;
}

.box4 .box4_l .ht-items .ht-item ul li {
    width: 48%;
    float: left;
    border-bottom: 1px solid #E2E2E2;
    padding: 12px 0;
}

.box4 .box4_l .ht-items .ht-item ul li:nth-child(2n) {
    float: right;
}

.box4 .box4_l .ht-items .ht-item ul li a {
    display: block;
}

.box4 .box4_l .ht-items .ht-item ul li a p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: inline-block;
    width: 70%;
    margin-right: 20px;
    font-size: 14px;
}

.box4 .box4_l .ht-items .ht-item ul li a span {
    float: right;
    color: #AEADAD;
    font-size: 14px;
}

.box4 .box4_l .ht-items .ht-item ul li a p:hover {
    color: #33ADDB;
}

.box4 .box4_r {
    width: 280px;
}

.box4 .box4_r h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box4 .box4_r h4 span {
    font-size: 20px;
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
}

.box4 .box4_r h4 strong {
    float: right;
    font-size: 12px;
    padding-right: 20px;
    color: #757472;
}

.box4 .box4_r ul {
    margin-top: 23px;
}

.box4 .box4_r ul li {
    border-bottom: 1px solid #E2E2E2;
    padding: 11px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    cursor: pointer;
}

.box4 .box4_r ul li a:hover {
    color: #33ADDB;
}


/* box5 */

.box5 {
    margin-top: 20px;
}

.box5 h4 {
    border-bottom: 2px solid #E2E2E2;
    padding-bottom: 5px;
}

.box5 h4 span {
    font-size: 20px;
    border-bottom: 2px solid #00A6CA;
    padding-bottom: 5px;
}

.box5 ul {
    margin: 20px 0;
    padding: 0 55px;
}


/* 
.box5 ul li {
    border-top: 3px solid #3B9EC7;
    display: inline-block;
    border-right: 1px solid #3B9EC7;
    background-color: #3B9EC7;
    width: 18%;
    margin: 0 12px;
}

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

.box5 ul li:nth-child(2n) {
    border-top: 3px solid #6EE2D4;
    border-right: 1px solid #6EE2D4;
}

.box5 ul li .js_img {
    background-color: #fff;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.box5 ul li .js_img img {
    max-width: 70%;
} */

.box5 ul li {
    /* float: left; */
    width: 18%;
    display: inline-block;
    max-width: 220px;
    max-height: 321px;
    padding-top: 3px;
    padding-right: 1px;
    margin-right: 20px;
    border-radius: 5px;
    background-color: #00AFDD;
    box-shadow: 10px 5px 5px #eee;
    overflow: hidden;
    cursor: pointer;
}

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

.box5 ul li:nth-child(2n) {
    background-color: #68E0D3;
}

.box5 ul li>div {
    background-color: #fff;
    max-height: 100%;
    border-radius: 5px;
    text-align: center;
}

.box5 ul li:last-child {
    margin: 0;
}

.box5 ul li img {
    max-width: 100%;
    max-height: 100%;
    max-height: 321px;
    height: 321px;
    margin-top: 8px;
}

.box5 ul li .jszl {
    height: 160px;
    background: rgba(0, 0, 0, .4);
    padding: 0 12px 0 16px;
    transition: all .8s;
    -moz-transition: all .8s;
    -webkit-transition: all .8s;
    -o-transition: all .8s;
}

.box5 ul li .jszl h2 {
    color: #fff;
    font-size: 18px;
    /* padding-top: 18px; */
    padding: 18px 0 10px 0;
    text-align: left;
    border-bottom: 1px solid #fff;
    margin: 0;
    opacity: .9999;
}

.box5 ul li .jszl h2 span {
    font-size: 12px;
}

.box5 ul li .jszl p {
    font-size: 12px;
    color: #fff;
    padding-top: 14px;
    margin: 0;
    text-align: left;
}

.box5 ul li:hover {
    box-shadow: 10px 5px 15px #aaa;
    /* padding-top: 5px; */
    /* padding-right: 8px; */
    transition: all 0.5s;
}

.box5 ul li:hover img {
    /* transform: scale(1.1); */
    transition: all .5s;
    /* opacity: .9; */
}


/* .box5 ul li .jszl {
    margin-top: -164px;
    z-index: 9;
} */

.box5 ul li:hover .jszl {
    opacity: .999999;
    margin-top: -164px;
    z-index: 9;
}