@charset "utf-8";
.slide-biox {
    position: relative;
    width: 100%;
    height: 450px !important;
    background-color: #fff;
    overflow: hidden;
}
.slide-biox ul li {
    position: absolute;
}
.banner-container {
    position: relative;
    height: 450px;
    overflow: hidden;
}
.banner-container .banner-shadow {
    position: absolute;
    height: 120px;
    left: 0;
    right: 0;
}
.banner-container .banner-top-shadow {
    top: 0;
    background: url(../images/banner_top_shadow.png) no-repeat;
}
.banner-container .banner-bottom-shadow {
    bottom: 0;
    background: url(../images/banner_bottom_shadow.png) no-repeat;
}

/* news */
.news-container {
    padding: 60px 0;
    width: 100%;
    height: 350px; 
}
.news-container .news-content {
    margin: 0 auto;
    display: table;
    width: 1480px;
    height: 100%;
}
.news-container .news-content .column {
    display: table-cell;
    height: 100%;
    vertical-align: top;
}
.news-container .news-content .news-left {
    width: 534px;
}
.news-container .news-left .news-thumb-container {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.news-container .news-left .news-thumb-content {
    position: absolute;
    top: 0;left: 0;
    width: 2800px;
    height: 100%;
}
.news-container .news-left .news-thumb-content .news-thumb-item {
    float: left;
    width: 534px;
}
.news-container .news-left .news-thumb-content .news-top {
    height: 300px;
    width: 534px;
    overflow: hidden;
}
.news-container .news-left .news-thumb-content .news-thumb-img {
    transition: all .5s ease;
}
.news-container .news-left .news-thumb-content .news-thumb-item:hover .news-thumb-img{
    transform: scale(1.1);
}
.news-container .news-left .news-thumb-content .news-sub-title {
    margin-top: 2px;
    font-size: 18px;
    font-weight: bold;
    line-height: 48px;
    color: #fff;
    background-color: #1bab82;
    text-align: center;
}
/* news pagination */
.news-container .news-left .news-pagination {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 60px;
    font-size: 0;
    text-align: center;
}
.news-container .news-left .news-pagination-bullet {
    display: inline-block;
    margin: 0 3px;
    width: 10px;height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .6);
}
.news-container .news-left .news-pagination-bullet-active {
    background-color: #fff;
}

.news-container .news-center {
    padding-right: 48px;
    padding-left: 30px;
    font-size: 0;
}


.news-container .headertitle  {
    overflow: hidden;
    padding-bottom: 4px;
    border-bottom: 2px solid #1bab82;
}
.news-container .headertitle .cate-link {
    float: left;
    margin-right: 18px;
    font-size: 20px;
    line-height: 30px;
    color: #686868;
    font-weight: lighter;
    transition: all .12s ease;
}
.news-container .headertitle .cate-item-active {
    font-size: 28px;
    font-style: italic;
    color: #1bab82;
    font-weight: normal;
}

.news-container .con-wrap {
    width: 100%;
    height: 314px;
}
/* 头条 */
.news-container .con-item .headline {
    display: table;
    padding: 0 20px;
    width: 448px;
    height: 92px;
    border-bottom: 1px dashed #c8c8c8;
}
.news-container .con-item .headline .headline-con {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.news-container .con-item .headline .news-link {
    font-size: 18px;
    color: #f00;
    line-height: 28px;
    font-weight: bold;
}
.news-container .con-item .headline .news-link:hover{
    border-bottom: 2px solid #ee5450;
}
.news-container .con-item .news-list-wrap {
    padding-top: 20px;
}
.news-container .con-item .news-list-item {
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}
.news-container .con-item .news-list-wrap .news-list-item-link {
    height: 30px;
    float: left;
    font-size: 16px;
    color: #686868;
    overflow: hidden;
}
.news-container .con-item .news-list-wrap .news-list-item-link:hover {
    color: #f00;
    border-bottom: 2px solid #e81113;
}
.news-container .con-item .news-list-wrap .release-date {
    float: right;
    font-size: 12px;
    font-family: georgia;
    color: #a1a0a0;
}
.news-container .news-right .news-list-wrap .news-list-item-link {
    font-size: 14px;
}

.news-container .news-right {
    width: 380px;
}
.news-container .news-right .special-container {
    position: relative;
    margin-top: 20px;
    height: 130px;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.news-container .news-right .special-content {
    position: absolute;
    left: 0;top: 0;
    width: 2400px;
}
.news-container .news-right .special-item {
    float: left;
    width: 380px;
    height: 100%;
    overflow: hidden;
}
.news-container .news-right .special-item img {
    transition: all .5s ease;
}
.news-container .news-right .special-item:hover img {
    transform: scale(1.1);
}
.news-container .news-right .special-pagination {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 0;
}
.news-container .news-right .special-pagination-bullet {
    display: inline-block;
    margin: 0 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .6);
}
.news-container .news-right .special-pagination-bullet-active {
    background-color: #fff;
}


/* office */
.office-container {
    padding: 50px 0;
    width: 100%;
    height: 220px;
    background: url(../images/export_bg.jpg) no-repeat;
}
.office-container .office-content {
    margin: 0 auto;
    width: 1480px;
    height: 220px;
}
.office-container .office-item {
    height: 100%;
    border-radius: 8px;
    background-color: #fff;
}
.office-container .left-con {
    float: left;
    width: 1050px;
}

.office-container .right-con {
    float: right;
    width: 380px;
}
/* left */
.office-container .left-con .left-nav {
    float: left;
    width: 150px;
}
.office-container .left-con .cate-name {
    margin-top: 58px;
    text-align: right;
    font-size: 36px;
    font-weight: lighter;
    font-style: italic;
}
.office-container .left-con .cate-name .cate-link {
    color: #1bab82;
}
.office-container .left-con .cate-name .sub {
    font-size: 24px;
}

.office-container .left-con .cate-wrap {
    margin-top: 15px;
    text-align: center;
}
.office-container .left-con .cate-item {
    margin-bottom: 2px;
    height: 35px;
    border-radius: 0 8px 8px 0;
    background-color: #1bab82;
}
.office-container .left-con .cate-item .cate-link {
    display: inline-block;
    width: 100%;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
}
.office-container .left-con .cate-item-active .cate-link {
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    transition: all .3s ease;
}

.office-container .left-con .department-content {
    float: left;
    position: relative;
    margin-top: 40px;
    margin-left: 27px;
    width: 870px;
    height: 142px;
    overflow: hidden;
}
.office-container .left-con .department-slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 284px;
}
.office-container .left-con .department-content .department-item {
    position: relative;
    width: 100%;
    height: 142px;
    font-size: 0;
    overflow: hidden;
}
.office-container .left-con .department-item .office-list {
    position: absolute;
    width: 850px;
    left: 0;
    top: 0;
    text-align: center;
}
.office-container .left-con .ks {
    display: inline-block;
    margin: 0 5px 10px;
    width: 160px;
    height: 40px;
    background-color: #f9f9f9;
    border-radius: 6px;
    overflow: hidden;
    transition: all .5s ease;
}
.office-container .left-con .ks-link {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: lighter;
    color: #686868;
    transition: all .5s ease;
}
.office-container .left-con .ks:hover {
    background-color: #1bab82;
}
.office-container .left-con .ks:hover .ks-link {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.office-container .left-con .office-pagination {
    position: absolute;
    display: table;
    right: 4px; top: 0;
    height: 100%;
    width: 10px; 
}
.office-container .left-con .office-pagination-content {
    display: table-cell;
    vertical-align: middle;
}
.office-container .left-con .office-pagination-bullet {
    display: inline-block;
    margin: 2px 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #d9d9d9;
}
.office-container .left-con .office-pagination-bullet-active {
    background-color: #1bab82;
}


/* right */
.office-container .right-con .phone-wrap {
    position: relative;
    width: 100%;
    height: 86px;
    background: url(../images/office_right_line.png) no-repeat;
    background-position-y: bottom;
}
.office-container .right-con .phonenum-content {
    position: absolute;
    width: 360px;
    height: 76px;
    right: 28px;
    bottom: -18px;
    text-align: center;
}
.office-container .right-con .phonenum-box {
    position: relative;
    margin-left: 10px;
    width: 370px;
    height: 100%;
    overflow: hidden;
}
.office-container .right-con .phonnum-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 350px;
}
.office-container .right-con .phonenum-item{
    margin-bottom: 14px;
}
.office-container .right-con .phone-indicator {
    position: absolute;
    right: 10px;
    bottom: 20px;
    width: 16px;
    height: 31px;
    cursor: pointer;
    background: url(../images/phone_switch_sprite.png) no-repeat;
}
.office-container .right-con .phone-indicator .indicator {
    display: inline-block;
    width: 100%;
    height: 15px;
}
/*  */
.office-container .right-con .cate-wrap {
    margin: 24px auto 0;
    width: 340px;
    font-size: 0;
    text-align: center;
}
.office-container .right-con .cate-wrap .cate-item {
    display: inline-block;
    margin: 0 5px 10px;
    width: 100px;
    height: 30px;
    border-radius: 4px;
    text-align: center;
    overflow: hidden;
}
.office-container .right-con .cate-wrap .cate-link {
    display: inline-block;
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    font-weight: lighter;
    background-color: #f9f9f9;
    transition: all .5s ease;
}
.office-container .right-con .cate-wrap .cate-link:hover {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #1bab82;

}


/* expert */
.expert-container {
    height: 520px;
    background-color: #fff;
}
.expert-container .cate-wrap {
    height: 54px;
    margin-top: 50px;
    margin-bottom: 70px;
    text-align: center;
    font-size: 0;
}
.expert-container .cate-wrap .cate-item {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    width: 150px;
    height: 50px;
    border-radius: 8px;
    transition: all .3s ease;
    border: 1px #1bab82 dashed;
}
.expert-container .cate-wrap .cate-item-active {
    background-color: #1bab82;
}
.expert-container .cate-wrap .cate-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    color: #1bab82;
    font-size: 28px;
    font-weight: lighter;
    font-style: italic;
}
.expert-container .cate-wrap .cate-item-active .cate-link {
    font-size: 30px;
    color: #fff;
}
.expert-container .title-subnav-wrap {
    left: -118px;
    width: 402px;
    text-align: center;
    font-size: 0;
    padding-top: 14px;
}
.expert-container .title-subnav-wrap .title-nav-item {
    display: inline-block;
}
.expert-container .title-subnav-wrap .title-nav-link {
    display: inline-block;
    padding: 12px 18px;
    margin: 0 13px;
    line-height: 1.2;
    font-size: 16px;
    color: #00523a;
    border-radius: 8px;
    transition: all .5s ease;
}
.expert-container .title-subnav-wrap .title-nav-link:hover {
    background-color: #1bab82;
    font-weight: bold;
    color: #fff;
}

.expert-container .expert-content {
    margin: 0 auto;
    width: 1480px;
    height: 330px;
    overflow: hidden;
}
.expert-container .expert-content .expert-con-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.expert-container .expert-content .main-content {
    position: relative;
    width: 1530px;
    height: 282px;
    overflow: hidden;
}
.expert-container .expert-content .mian-content-slide {
    position: absolute;
    left: 0; top: 0;
    text-align: center;
    font-size: 0;
}
.expert-container .expert-content .expert-item {
    display: inline-block;
    margin-right: 48px;
    width: 170px;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}
.expert-container .expert-content .thumb-box {
    position: relative;
    width: 170px;
    height: 212px;
    overflow: hidden;
}
.expert-container .expert-content .thumb-url {
    transition: all .5s ease;
}
.expert-container .expert-content .shadow-bg {
    position: absolute;
    left: 0;right: 0;
    bottom: 0;
    height: 64px;
    background: url(../images/shadow-bg.png) no-repeat;
    background-size: cover;
}
.expert-container .expert-content .expert-summary {
    margin-top: 1px;
    display: table-cell;
    height: 70px;
    width: 170px;
    vertical-align: middle;
    text-align: center;
    font-weight: lighter;
    background-color: #f6f6f6;
}
.expert-container .expert-summary .name {
    padding-bottom: 4px;
    font-size: 18px;
    color: #5b5b5b;
}
.expert-container .expert-summary .summary {
    display: block;
    width: 92%;
    margin: 0 auto;
    font-size: 14px;
    color: #949393;
    line-height: 1.2;
}

.expert-container .expert-content .expert-item:hover .expert-summary {
    background-color: #1bab82;
}
.expert-container .expert-content .expert-item:hover .hover-color {
    color: #fff;
}

.expert-container .expert-content .expert-item:hover .thumb-url {
    transform: scale(1.1);
}

/* pagination */
.expert-container .expert-pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 24px;
    text-align: center;
    font-size: 0;
}
.expert-container .expert-pagination .expert-pagination-bullet {
    display: inline-block;
    margin: 0 4px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    color: #1bab82;
    cursor: pointer;
    border: dashed 1px #1bab82
}
.expert-container .expert-pagination .expert-pagination-bullet-active {
    background-color: #1bab82;
    color: #fff;
}

/* knowledge */
.knowledge-container {
    padding: 60px 0;
    width: 100%;
    height: 300px;
    background-color: #f3f3f3; 
}
/* knowledge body */
.knowledge-container .knowledge-content {
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 1480px;
}
.knowledge-container .knowledge-content .con-item {
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.knowledge-container .knowledge-content .left-con {
    float: left;
    width: 1100px;
    background: url(../images/knowledge_bg.jpg) no-repeat;
    background-size: cover;
}
.knowledge-container .knowledge-content .right-con {
    position: relative;
    float: right;
    width: 380px;
    background-color: #fff;
}
.knowledge-container .knowledge-content .hole {
    position: absolute;
    width: 8px;
    right: 375px;
    top: 6px;
    bottom: 6px;
    background: url(../images/knowledge_hole.png) no-repeat;
    background-size: cover;
    z-index: 10;
}

/* equipment */
.knowledge-container .knowledge-content .cate-name {
    margin-top: 38px;
    margin-bottom: 16px;
    padding-right: 40px;
    text-align: right;
    font-size: 36px;
}
.knowledge-container .knowledge-content .cate-name-link {   
    color: #1bab82;
    font-weight: lighter;
    font-style: italic;
}
.knowledge-container .knowledge-content .equipment-wrap {
    position: relative;
    margin: 0 auto;
    width: 320px;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
}
.knowledge-content .equipment-wrap .equipment-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 1700px;
}
.knowledge-content .equipment-wrap .equipment-item {
    float: left;
    width: 320px;
    height: 100%;
    overflow: hidden;
}
.knowledge-container .equipment-wrap .equipment-thumb {
    transition: all .5s ease;
}
.knowledge-content .equipment-wrap .equipment-item:hover .equipment-thumb {
    transform: scale(1.1);
}

/* 分页 */
.knowledge-content .equipment-pagination {
    position: absolute;
    top: 64px;
    left: 40px;
    text-align: left;
    z-index: 10;
    font-size: 0;
}
.knowledge-content .equipment-pagination .equipment-pagination-bullet {
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #d9d9d9;
}
.knowledge-content .equipment-pagination .equipment-pagination-bullet-active {
    background-color: #1bab82;
}

/* knowledge左边内容 */
.knowledge-content .left-con .left-con-item {
    float: left;
    width: 440px;
    margin-left: 70px;
}
.knowledge-content .left-con .headtitle {
    margin-top: 36px;
    border-bottom: 2px solid #1bab82;
    overflow: hidden;
}
.knowledge-content .left-con .headtitle-cate-link {
    float: left;
    margin-right: 18px;
    font-size: 20px;
    color: #686868;
    line-height: 36px;
    font-weight: lighter;
}
.knowledge-content .left-con .headtitle-cate-link-active{
    font-size: 28px;
    color: #1bab82;
    font-style: italic;
}
.knowledge-content .left-con-wrap {
    padding-top: 22px;
}
.knowledge-content .left-con-wrap .news-link {
    line-height: 36px;
    font-size: 16px;
    color: #686868;
    font-weight: lighter;
}
.knowledge-container .left-con-wrap .news-link:hover {
    color: #f00;
    border-bottom: 2px solid #e81113;
}
.knowledge-content .left-con-wrap .news-link .hits {
    float: right;
    font-size: 12px;
    font-family: Georgia;
}

/* show image */
.show-photo-container {
    padding-top: 60px;
    padding-bottom: 28px;
    background-color: #fff;
}
.show-photo-container .title-nav-wrap {
    text-align: center;
}
.show-photo-container .level-1-link {
    font-size: 36px;
    color: #1bab82;
    font-style: italic;
    font-weight: lighter;
}
.show-photo-container .title-subnav-wrap {
    text-align: center;
    font-size: 0;
    padding-top: 14px;
}
.show-photo-container .title-nav-wrap .title-nav-item {
    display: inline-block;
}
.show-photo-container .title-nav-wrap .title-nav-link {
    display: inline-block;
    padding: 12px 18px;
    margin: 0 13px;
    line-height: 1.2;
    font-size: 16px;
    color: #00523a;
    border-radius: 8px;
    transition: all .5s ease;
}
.show-photo-container .title-nav-wrap .title-nav-link:hover {
    background-color: #1bab82;
    font-weight: bold;
    color: #fff;
}
/* 视听主体内容 */
.show-photo-container .photo-content {
    width: 1480px;
    margin: 20px auto 0;
    font-size: 0;
    text-align: center;
}
.show-photo-container .photo-content .photo-item {
    position: relative;
    display: inline-block;
    margin-bottom: 42px;
    margin-right: 53px;
    width: 330px;
    height: 184px;
    overflow: hidden;
    border-radius: 10px;
}
.show-photo-container .photo-content .mr0 {
    margin-right: 0;
}
.show-photo-container .photo-content .thumb {
    transition: all 0.7s ease;
}
.show-photo-container .photo-content .title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #1bab82;
    transition: bottom .3s ease;
}
.show-photo-container .photo-content .photo-item:hover .title {
    bottom: 0;
}
.show-photo-container .photo-content .photo-item:hover .thumb {
    transform: scale(1.1);
}


/* links */
.link-container {
    padding-top: 50px;
    padding-bottom: 56px;
    width: 100%;
    background-color: #f1f1f1;
}
.link-container .link-content {
    margin: 0 auto;
    width: 1480px;
    text-align: center;
    font-size: 0;
}

.link-container .link-content .link-item {
    display: inline-block;
    margin-right: 14px;
    margin-bottom: 14px;
    width: 198px;
    height: 40px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    color: #686868;
}
.link-container .link-content .link-item:last-child {
    margin-right: 0;
}
.link-container .link-content .link-item:hover{
    color: #fff;
    background-color: #1bab82;
}
.link-container .link-content .mr0 {
    margin-right: 0;
}

.link-container .link-item a {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    color: inherit;
}