.jc-blog .b-hd i,
.jc-blog .sidebar .hd i,
.jc-blog .b-contact ul li i,
.jc-blog .ul-share li b i,
.jc-blog .item i {
    background: url(../img/icon-blog-all.png) no-repeat 0 0
}

.jc-blog .sidebar .hd i.i-hat {
    width: 25px;
    background-position: -76px -56px
}

.jc-blog .sidebar .hd i.i-tel {
    background-position: -49px -54px
}

.jc-blog .item .i-students {
    margin-right: 5px;
    background-position: -19px -57px
}

.jc-blog .b-hd a:hover {
    color: #FFC028
}

.jc-blog .blog-item .hd a:hover,
.b-video-list .item .title:hover,
.jc-blog .ul-page-tool li a:hover {
    color: #0577d1
}

.jc-blog {
    background: #f4f5f7;
}

.jc-blog .b-hd {
    color: #fff;
    padding: 40px 0 0 0;
    height: 500px;
    background-color: #525c6c;
    background-repeat: no-repeat;
    background-position: center top;
}

.jc-blog .b-hd .wrap {
    height: 500px;
}

.jc-blog .b-hd .h3 {
    padding: 40px 0 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold
}

.jc-blog .b-hd .h3 b {
    font-size: 30px;
    margin-right: 10px;
}

.jc-blog .b-hd .h3 span {
    color: #FFC028;
    font-size: 16px;
}

.jc-blog .b-hd p {
    margin-bottom: 20px;
    max-height: 126px;
    overflow: hidden;
    width: 730px;
    text-indent: 2em;
    color: #C4CFDB;
    font-size: 14px;
    line-height: 25px;
}

.jc-blog .b-hd a {
    color: #fff;
    font-weight: bold;
}

.jc-blog .b-hd .info {
    height: 200px;
    text-align: left
}

.jc-blog .b-hd .wechat {
    line-height: 29px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
}

.jc-blog .b-hd .wechat img {
    display: block;
    width: 140px;
    height: 140px;
    padding: 6px;
    background: #fff;
}

.jc-blog .b-hd .user-photo {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 60px;
    max-height: 490px;
    max-width: 408px;
}

.jc-blog .b-hd .bg-title {
    background-position: 0 -32px;
    background-size: 100% 200px;
    position: absolute;
    bottom: 87px;
    right: 0;
    z-index: 3;
    height: 23px;
    line-height: 23px;
    width: 120px;
    text-align: center;
    text-align: center;
    font-style: normal;
    padding: 0 10px;
    font-size: 14px;
}

.jc-blog .menus {
    text-align: center;
    height: 60px;
    background: rgba(233, 243, 251, .9);
}

.jc-blog .menus ul li {
    width: 14%;
    display: inline-block;
}

.jc-blog .menus ul li a {
    font-weight: bold;
    padding: 0 5px;
    color: #333;
    font-size: 18px;
    line-height: 56px;
    display: inline-block
}

.jc-blog .menus ul li a:hover,
.jc-blog .menus ul li a.current {
    color: var(--Colour);
    border-bottom: 3px solid var(--Colour)
}

.jc-blog .cont {
    width: 880px;
    min-height: 800px;
    position: relative;
    z-index: 11;
    top: -60px;
}

.jc-blog .cont .bd {
    background: #fff;
    min-height: 740px;
}

.jc-blog .blog-item {
    background: #fff;
}

.jc-blog .blog-item .hd {
    padding: 20px 20px;
    height: 20px;
    line-height: 20px;
}

.jc-blog .blog-item .hd i {
    margin-right: 7px;
    overflow: hidden;
    background: var(--Colour);
    width: 3px;
    height: 18px;
    border-radius: 30%;
    margin-top: -5px;
}

.jc-blog .blog-item .hd b {
    display: inline-block;
    font-size: 18px;
    color: #333;
    line-height: 20px;
}

.jc-blog .blog-item .hd a {
    float: right;
    font-size: 14px;
    color: #999;
}

.jc-blog .sidebar {
    width: 300px;
    position: absolute;
    z-index: 19;
    right: 0;
    top: -60px;
    background: url(../img/blog-sidebar-bg-1.png) no-repeat 0 0;
}

.jc-blog .sidebar .hd {
    height: 22px;
    padding: 20px 20px;
}

.jc-blog .sidebar .hd b {
    font-size: 18px;
}

.jc-blog .sidebar .hd i {
    height: 28px;
    margin-right: 10px;
}

.jc-blog .sidebar .form-box {
    margin-bottom: 0;
    border: none;
    background: none;
    padding-top: 5px;
}

.jc-blog .sidebar .form-box button {
    background: var(--Colour)
}

.jc-blog .jc-select .text i {
    background-position: 0 -57px;
}

.jc-blog .jc-select .text i.down {
    background-position: 0 -65px;
}

.jc-blog .b-contact {
    text-align: center;
}

.jc-blog .b-contact img {
    width: 148px;
    height: 148px;
    padding: 8px;
    margin-bottom: 6px;
    background: #fff;
}

.jc-blog .b-contact p {
    color: #616161;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.jc-blog .b-contact p b {
    color: var(--Colour)
}

.jc-blog .b-contact ul {
    margin-bottom: 20px;
}

.jc-blog .b-contact ul li {
    display: inline-block;
    text-align: center;
    width: 80px;
}

.jc-blog .b-contact ul li a {
    color: #666;
    line-height: 26px;
}

.jc-blog .b-contact ul li i {
    background-color: var(--Colour);
    border-radius: 50%;
    margin: 0 auto;
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
}

.jc-blog .b-contact ul li .i-qq {
    background-position: -51px -90px
}

.jc-blog .b-contact ul li .i-online {
    background-position: -84px -90px;
    background-color: #FF9900
}

.jc-blog .sidebar.fixed {
    position: fixed;
    left: 50%;
    margin-left: 300px;
    top: 0;
}

.b-video-list {
    padding: 0 0 0 20px
}

.b-video-list .item {
    width: 267px;
    margin-bottom: 20px;
    margin-right: 19px;
    float: left;
    display: inline-block
}

.b-video-list .item a.photo {
    display: block;
    position: relative;
    height: 151px;
    width: 100%;
}

.b-video-list .item a.photo img {
    width: 100%;
    height: 100%;
}

.b-video-list .item a.photo i {
    background-position: -2px -89px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0 0 -21px;
    z-index: 3;
    width: 44px;
    height: 44px;
}

.b-video-list .item a.photo span {
    color: #fff;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    position: absolute;
    z-index: 4;
    right: 6px;
    bottom: 6px;
    background: rgba(0, 0, 0, .4);
    border-radius: 3px;
}

.b-video-list .item .title {
    margin: 7px 0 1px;
    display: block;
    height: 22px;
    overflow: hidden;
    font-size: 16px;
    color: #333;
}

.b-video-list .item p {
    color: #999;
}

.b-video-list .item.item-big {
    width: 410px;
}

.b-video-list .item.item-big a.photo {
    height: 234px;
}

.b-hd .b-video-list {
    padding: 0;
}

.b-hd .b-video-list .item .title {
    color: #fff;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
}

.b-case-list {
    padding: 0 20px
}

.b-case-list .item {
    position: relative;
    padding: 0 0 35px 158px;
    height: 188px;
}

.b-case-list .item .photo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 140px;
    height: 188px;
}

.b-case-list .item .photo img {
    width: 100%;
    height: 100%;
}

.b-case-list .item .title {
    display: inline-block;
    margin-bottom: 8px;
    line-height: 40px;
    height: 40px;
    font-size: 24px;
    overflow: hidden
}

.b-case-list .item .title:hover {
    color: var(--Colour);
}

.b-case-list .item ul.label {
    padding: 0 0 15px;
}

.b-case-list .item ul.label li {
    display: inline-block
}

.b-case-list .item ul.label li a {
    color: var(--Colour);
    line-height: 20px;
    display: inline-block;
    padding: 0 10px;
    background: #E7F3FA;
    border-radius: 10px;
    font-size: 14px;
}

.b-case-list .item ul.ul-info{
    display: flex;
    flex-wrap: wrap;
}

.b-case-list .item ul.ul-info li{
    width: 50%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #999;
}
.b-case-list .item ul.ul-info li b{
    color: #666;
}

.b-case-list .item p {
    margin-bottom: 10px;
    max-height: 50px;
    overflow: hidden;
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 24px;
}

.b-case-list .item .date {
    color: #999;
}

.b-blog-list {
    padding: 0 20px
}

.b-blog-list .item {
    position: relative;
    padding: 0 0 35px 220px;
    height: 130px;
}

.b-blog-list .item .photo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 200px;
    height: 130px;
}

.b-blog-list .item .photo img {
    width: 100%;
    height: 100%;
}

.b-blog-list .item .photo i {
    background-position: 0 0;
    color: #fff;
    width: 45px;
    padding-left: 4px;
    line-height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    font-style: normal;
}

.b-blog-list .item .title {
    display: inline-block;
    margin-bottom: 5px;
    line-height: 25px;
    height: 25px;
    font-size: 24px;
    overflow: hidden
}

.b-blog-list .item .title:hover {
    color: var(--Colour);
}

.b-blog-list .item p {
    margin-bottom: 5px;
    height: 70px;
    overflow: hidden;
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 24px;
}

.b-blog-list .item .date {
    color: #999;
}

.jc-blog .introduce {
    padding: 35px;
    font-size: 14px;
    line-height: 26px;
}

.jc-blog .introduce p {
    color: #777;
    font-size: 14px;
}

.jc-blog .introduce .list {
    margin-bottom: 20px;
    position: relative;
    padding-left: 90px;
    padding-top: 1px;
}

.jc-blog .introduce .list span {
    color: #333;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.jc-blog .introduce div .list {
    width: 35%;
}

.jc-blog .detail {
    padding: 0 35px 35px;
}

.jc-blog .detail p {
    padding: 5px 0;
    font-size: 15px;
    color: #666;
    line-height: 24px;
}

.jc-blog .detail img {
    max-width: 100%;
}

.jc-blog .ul-share {
    text-align: right;
    height: 60px;
    line-height: 60px;
}

.jc-blog .ul-share li {
    padding-left: 10px;
    font-size: 14px;
    color: #333;
    display: inline-block
}

.jc-blog .ul-share li b {
    text-align: center;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #F0F0F0
}

.jc-blog .ul-share li b i {
    border-radius: 50%;
    margin: 0 auto;
    width: 32px;
    height: 32px;
}

.jc-blog .ul-share li .i-qq i {
    background-position: 0px -137px;
}

.jc-blog .ul-share li .i-wechat i {
    background-position: -37px -137px;
}

.jc-blog .ul-share li .i-weibo i {
    background-position: -75px -137px;
}

.jc-blog .ul-share li:hover .i-qq {
    background: var(--Colour)
}

.jc-blog .ul-share li:hover .i-wechat {
    background: #1AAC19
}

.jc-blog .ul-share li:hover .i-weibo {
    background: #F73540
}

.jc-blog .ul-share li:hover .i-qq i {
    background-position: 0px -168px;
}

.jc-blog .ul-share li:hover .i-wechat i {
    background-position: -37px -168px;
}

.jc-blog .ul-share li:hover .i-weibo i {
    background-position: -75px -168px;
}

.jc-blog .ul-page-tool {
    padding: 0 0 0 40px;
    height: 60px;
    line-height: 60px;
    background: #eee;
    display: flex;
}

.jc-blog .ul-page-tool li {
    font-size: 14px;
    color: #333;
    display: inline-block;
    width: 49%;
    display: flex;
}

.jc-blog .ul-page-tool li a {
    color: #999;
    cursor: pointer;
    flex: 1;
}

.jc-blog .cont .bd{
    background: #fff;
}
.jc-blog .cont .bd .detail{
    padding: 20px 35px 35px;
}
.jc-blog .cont .bd .detail .title h1{
    padding: 10px 0 20px 0;
    line-height: 40px;
    font-weight: normal;
    font-size: 30px;
    color: #333;
}
.jc-blog .cont .bd .detail .article{
    padding-bottom: 20px;
}
.jc-blog .cont .bd .detail .article .content{
    margin-bottom: 0;
    padding: 10px 0;
}
.jc-blog .cont .bd .detail .article .content p{
    padding: 8px 0;
    font-size: 15px;
    color: #666;
    line-height: 30px;
}
.jc-blog .cont .bd .detail .article .content img{
    max-width: 100%;
}