@charset "utf-8";

body{background: #f7f7f7;}
.main-list-items{margin:30px;overflow: hidden;}
.main-list-items .item-left{padding:20px 30px;width:920px;}
.main-list-items .item-right{padding:10px;width:260px;}
.item-right img{width: 100%;}
.item-right .item-ad-img{position: relative;}
.item-right .item-ad-img span{position: absolute;top:0;right:0;background: rgb(0,0,0,.5);font-size: 12px;color:#fff;width: 42px;height: 22px;line-height: 22px;text-align: center;}
.item-right .item-ad-text{margin-top:8px;}
.item-right .item-ad-text p{color: #666;}




.main-banner {
    height: 314px;
    position: relative;
}

.main-banner .main-wrap {
    height: 100%;
}

.main-banner .swiper-container {
    height: 100%;
}

.main-banner .swiper-slide {
    box-sizing: border-box;
}

.main-banner .swiper-pagination-bullet {
    width: 30px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    background: none;
}

.main-banner .swiper-pagination-bullets {
    bottom: 150px;
}

.main-banner .branch-banner-title {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
}

.main-banner .branch-banner-subtitle {
    font-size: 24px;
    color: #fff;
    margin-top: 16px;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    border: 1px solid #20B09F;
    padding: 0 60px;
    background: linear-gradient(to right, rgba(32, 176, 159, 0) 0%, rgba(32, 176, 159, .6) 50%, rgba(32, 176, 159, 0) 100%);
}

.main-banner .branch-banner-p {
    margin-top: 16px;
    font-size: 18px;
    color: #13e2c9;
    letter-spacing: 28px;
    text-align: center;
}
.main-banner .main-nav{width:100%;overflow: hidden;position: absolute;bottom:0;background: rgba(0,0,0,.3);z-index: 1;}
.main-banner .main-nav ul{width: 1200px;margin:auto;}
.main-banner .main-nav li{width:200px;float:left;color:#fff;text-align: center;line-height: 50px;}
.main-banner .main-nav li.current{background: #20b09f;}




.flex-container {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
}
.left-list-top{
	display: -webkit-flex;
	display: flex;
	justify-content:  space-between;
}
.left-list-title{font-size: 16px;color:#333;padding-right: 40px;line-height: 34px;width: 400px;word-break: break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.left-list-time{line-height: 34px;color:#999;font-size: 12px;}
.left-list-time span{min-width:66px;display:inline-block;}
.flex-item-img{margin-left: 10px;max-width: 210px;max-height: 98px;overflow: hidden;}
.flex-item-img img{width:210px;min-height: 98px;}
.left-list-con{font-size:12px;color:#999;line-height: 22px;text-align: justify;max-height: 64px;overflow: hidden;}
.item-left-list li{border-bottom: 1px dashed #e5e5e5;padding:14px 0 18px 0;overflow: hidden;}
.item-left-list li:hover{background: #f7f7f7;}
.item-left .pagination{padding-top:36px;}
.item-left-list a:hover div.left-list-title{color:#20b09f;}


.active-left-list .flex-item{width:100%;}
.active-left-list .left-list-top{position: relative;}
.active-left-list .left-list-time{position: absolute;right:0;top:0;}
.active-left-list .left-list-con{display: -webkit-flex;
    display: flex;}
.active-left-list .left-list-trade{width: 160px;}


.company-left-list .company-item-img{margin-right: 20px;width: 160px;max-height: 114px;overflow: hidden;margin-top:8px;}
.company-left-list .company-item-img img{width: 100%;}
.company-left-list .company-item-con{width:680px;}
.company-left-list .left-list-mid{display: -webkit-flex;
    display: flex;color:#666;font-size: 14px;line-height: 20px;}
.company-left-list .job{width:180px;padding-bottom: 4px;}
.company-left-list .left-list-con{height: 64px;overflow: hidden;}


.main-expert .item-left-list{display: -webkit-flex;display: flex;-webkit-flex-wrap:wrap;flex-wrap: wrap;justify-content: flex-start;}
.main-expert .item-left-list li{width: 580px;height: 190px;padding: 20px;border:1px solid #e5e5e5;margin: 0 30px 30px 0;transition: all .3s ease;-webkit-transition: all .3s ease;background:#fff;}
.main-expert .item-left-list a:nth-child(2n) li{margin-right:0;}
.main-expert .item-left-list li:hover{background: #fff;box-shadow: 3px 2px 5px #d8d6d6;}
.main-expert .item-left-list li .img-item{width: 160px;max-height: 160px;overflow: hidden;}
.main-expert .item-left-list li .img-item img{width:100%;min-height: 160px;}
.main-expert .item-left{width: 100%;}
.main-expert .left-list-name{font-size: 18px;color:#333;font-weight: bold;position: relative;height: 48px;line-height: 36px;margin-bottom: 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main-expert .left-list-name:after{
	content:"";background:#20b09f;width:20px;height: 2px;position: absolute;bottom:5px;left: 0;
}
.main-expert .active-item{margin-left: 20px;width: 0;overflow: hidden;text-align: justify;flex: 1;}
.main-expert .left-list-time{font-size: 14px;color:#333;}
.main-expert .left-list-job{font-size: 14px;color:#333;line-height: 1.6em;}

.right-advertisement .gg .swiper-slide img{position: relative;width:100%;}



.subnav-banners {
    height: 314px;
}

.items-zuopin {
    box-sizing: border-box;
    height: 750px;
 
}

}
.items-zuopin .items-title {
    font-size: 30px;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
    line-height: normal;
}

.items-zuopin .main-wrap{
    position: relative;
}
.items-zuopin .btn-b-deep{display: block;
    width: 176px;
    height: 46px;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
    margin: 4px auto 0 auto;}


.items-zuopin .item-block {
    font-size: 0;
}

.items-zuopin .item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    transition: all .3s ease;
    display: inline-block;
    margin: 0 30px 30px 0;
}

.items-zuopin .item:nth-child(4n) {
    margin-right: 0;
}

.items-zuopin .item .img-block {
    width: 277px;
    height: 208px;
}

.items-zuopin .item .img-block img {
    max-height: 100%;
}

.items-zuopin .item-p {
    line-height: 40px;
    left: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px 20px;
    transform: translateY(100%);
    transition: all .3s ease;
}

.items-zuopin .item-p .item-title {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.items-zuopin .item:hover {
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.6);
}

.items-zuopin .item:hover .item-p {
    transform: translateY(0);
}

.items-zuopin .swiper-button-prev {
    height: 87px;
    background: url(../image/icon-left.png) no-repeat center;
    top: 280px;
    left:-4%;
}

.items-zuopin .swiper-button-prev:hover {
    background-color: #fff;
}

.items-zuopin .swiper-button-next {
    height: 87px;
    background: url(../image/icon-right.png) no-repeat center;
    top: 280px;
    right:-4%;
}

.items-zuopin .swiper-button-next:hover {
    background-color: #fff;
}