.yuncang-bg {
    width: 100%;
    height: 23.26389vw;
    left: 0;
    top: 0;
    background-image: url(../images/home-page-background.5a9cf60c.png);
    background-size: 100% 100%
}
.yc-tit { font-size:46px; color:#FFFFFF; line-height:80px; height:80px; text-align:center; margin-top:60px; padding-top:110px; padding-bottom:30px;}

.yunso{ width:700px; text-align:left; margin-left:auto; margin-right:auto; margin-top:100px; }
.yunso .hd{ height:40px; line-height:40px; position:relative; }
.yunso .hd ul{ float:left;  position:absolute; height:42px;   }
.yunso .hd ul li{ float:left; padding:0 25px; cursor:pointer; font-size:16px; color:#FFFFFF; }
.yunso .hd ul li.on{ height:40px; width:100px; background:#fff; color:#02396b; line-height:40px; margin-top:0px;  }

.yunso .bd ul{ padding:0;  zoom:1;}


.input-box {
  position: relative;
  height: 50px;
  max-width: 700px;
  width: 100%;
  background: #fff;
}

.input-box i,
.input-box .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.input-box i {
	left: 20px;
	font-size: 20px;
	color: #707070;
}

.input-box input {
  height: 100%;
  width: 100%;
  outline: none;
  font-size: 18px;
  font-weight: 400;
  border: none;
  padding: 0 100px 0 55px;
  background-color: transparent;
}

.input-box .button {
  right: 0px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border: none;
  background-color: #4070f4;
  cursor: pointer; width:100px; height:50px;
}
.yc-bg { background-color:#f6f6f6}
.gsk-l { float:left; width:174px; height:310px; background-color:#FFFFFF; margin-top:20px; margin-bottom:20px;}
.gsk-l ul{ text-align:center; margin-top:20px; margin-bottom:20px; padding-bottom:10px; padding-top:10px; margin-left:20px; margin-right:20px;}
.x-yc{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eaeaea;
}
.gsk-l ul img { width:80px;}
.gsk-l ul p {
	font-size:16px;
	font-weight: bold;
}
.gsk-r { float:right; width:1000px; background-color:#FFFFFF; margin-top:20px; margin-bottom:20px;}

.hmFocus-yc {width:1000px; overflow:hidden;}
.hmFocus-yc .swiper-pagination {left: auto;right: 0;top: 0;bottom: auto;width:100%;    text-align: right;padding: 5px 10px;}
.hmFocus-yc .swiper-pagination-bullet {opacity:.5;background:#ffffff;margin-right:6px!important;width:8px;height:8px;display:inline-block;background:#fff;opacity:.7; border-radius: 10px;}
.hmFocus-yc .swiper-pagination-bullet-active {background:#3e69f7;width:25px;}
.autoImg-yc a img {width:1000px;height:auto;display:block}

.swiper-slide,.swiper-wrapper {height:100%;position:relative;transform-style:preserve-3d;width:100%}
.swiper-container-yc {margin:0 auto;position:relative;overflow:hidden;z-index:1;}
.swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper {z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-slide {-webkit-flex-shrink:0;flex-shrink:0}
.swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden {opacity:0}
.swiper-pagination-bullet {display:inline-block;background:#000;opacity:.2}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet {background:#fff}
.swiper-pagination-bullet-active {opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000}
.swiper-button-next,.swiper-button-prev {background: rgba(0,0,0,.6);border-radius: 50%;opacity: 0;transition: all .3s;text-align: center;color: #fff;font-size:26px;position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;}
.swiper-button-prev{left:-16px;right:auto;}
.swiper-button-next{right:-16px;left:auto;}
.swiper-container-yc:hover .swiper-button-next, .swiper-container-yc:hover .swiper-button-prev {opacity: 1;}
.swiper-container-yc:hover .swiper-button-prev {left: 10px}
.swiper-container-yc:hover .swiper-button-next {right: 10px}

.yc-gq { float:left; width:174px; height:154px;}

.multipleLine{ overflow:hidden; position:relative; width:1022px;  float:right; background-color:#FFFFFF;  }
.multipleLine .hd{ overflow:hidden;  height:30px; line-height:30px; text-align:right; padding-right:10px; padding-top:4px; color:#666666}

.multipleLine .bd{
	height:124px;
	overflow:hidden;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.multipleLine .bd ul{ overflow:hidden; zoom:1; margin-bottom:10px;  }
.multipleLine .bd ul li:nth-of-type(odd){
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eaeaea; margin-right:30px;
}
.multipleLine .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; width:450px; }
.multipleLine .bd ul li p{ line-height:36px; font-size:16px; color:#333333;}
.cpk-tit {height:60px; width:1200px; background-color:#FFFFFF; margin-bottom:20px;}
.cpk-tit p{ float:left; line-height:60px; height:60px; font-size:18px; margin-left:20px; }
.cpk-tit p:nth-child(2){ float: right; margin-right:20px; font-size:14px; color:#999999}
.gs-top {background-color:#fff;}

.company-detail-header[data-v-7823f7d4] {
    background-color: #fff;
    text-align: left
}

.company-detail-header .edit-btn[data-v-7823f7d4] {
    min-width: 41px;
    height: 58px;
    background: #fff;
    padding-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #999;
    font-size: 12px;
    cursor: pointer
}

.company-detail-header .edit-btn .edit-icon[data-v-7823f7d4] {
    width: 12px;
    height: 12px;
    margin-right: 4px
}

.company-detail-header .basic-info[data-v-7823f7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 30px 24px 0px 24px;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.company-detail-header .basic-info .logo[data-v-7823f7d4] {
    width: 240px;
    height: 140px;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.company-detail-header .basic-info .action-statistic[data-v-7823f7d4] {
    position: absolute;
    top: 30px;
    right: 24px
}

.company-detail-header .basic-info .action-statistic .count-container[data-v-7823f7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
    line-height: 20px
}

.company-detail-header .basic-info .action-statistic .count-container .view-count[data-v-7823f7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 24px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.company-detail-header .basic-info .action-statistic .count-container .view-count img[data-v-7823f7d4] {
    margin-right: 4px
}

.company-detail-header .basic-info .action-statistic .count-container .view-count span[data-v-7823f7d4] {
    color: #999
}

.company-detail-header .basic-info .action-statistic .action-btn[data-v-7823f7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.company-detail-header .basic-info .action-statistic .action-btn .follow-btn[data-v-7823f7d4] {
    margin-right: 24px;
    cursor: pointer;
    width: 82px
}

.company-detail-header .basic-info .action-statistic .action-btn .share-btn[data-v-7823f7d4] {
    cursor: pointer;
    width: 82px
}

.company-detail-header .basic-info .other-info[data-v-7823f7d4] {
    margin-left: 24px
}

.company-detail-header .basic-info .other-info .rank-part[data-v-7823f7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 670px;
    margin-top: 6px;
    overflow: hidden
}

.company-detail-header .basic-info .other-info .rank-part .rankinglist[data-v-7823f7d4] {
    display: inline-block;
    height: 26px;
    padding: 3px 8px;
    margin-right: 8px;
    margin-top: 8px;
    line-height: 18px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 2px
}

.company-detail-header .basic-info .other-info .rank-part .rankinglist a[data-v-7823f7d4] {
    display: inline-block;
    height: 30px;
    line-height: 18px;
    font-size: 14px;
    color: #737373;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.gwurl{ font-size:14px; color:#999999; margin-left:8px; line-height:30px;}
.gwurl a { font-size:14px;}
.company-detail-header .basic-info .other-info .info-part .basic .title[data-v-7823f7d4] {
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.company-detail-header .basic-info .other-info .info-part .basic .title .vip[data-v-7823f7d4] {
    width: 30px
}

.company-detail-header .basic-info .other-info .info-part .basic .tags[data-v-7823f7d4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 850px
}

.company-detail-header .basic-info .other-info .info-part .basic .tags .tag-item[data-v-7823f7d4] {
    margin-right: 8px;
    margin-bottom: 5px
}

.company-detail-header .basic-info .other-info .info-part .basic .tags .tag-item .tag-name[data-v-7823f7d4] {
    border-radius: 2px;
    border: 1px solid #1da0cc;
    padding: 3px 8px;
    font-size: 14px;
    color: #1da0cc
}

.company-detail-header .basic-info .other-info .info-part .basic .tags .tag-item .zero-level[data-v-7823f7d4] {
    background-color: #2b7ac1;
    color: #fff;
    border: 1px solid #2b7ac1
}

.company-detail-header .basic-info .other-info .employees[data-v-7823f7d4] {
    width: 100%;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.company-detail-header .basic-info .other-info .employees .employees-avatar[data-v-7823f7d4] {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.company-detail-header .basic-info .other-info .employees .employees-avatar .avatar-placeholder[data-v-7823f7d4] {
    width: 22px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.company-detail-header .basic-info .other-info .employees .employees-avatar .avatar-placeholder[data-v-7823f7d4]:first-child {
    z-index: 3
}

.company-detail-header .basic-info .other-info .employees .employees-avatar .avatar-placeholder[data-v-7823f7d4]:nth-child(2) {
    z-index: 2
}

.company-detail-header .basic-info .other-info .employees .employees-avatar .avatar-placeholder[data-v-7823f7d4]:nth-child(3) {
    z-index: 1
}

.company-detail-header .basic-info .other-info .employees .employees-avatar .avatar[data-v-7823f7d4] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    padding: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.company-detail-header .basic-info .other-info .employees .text-blue[data-v-7823f7d4] {
    color: #2b7ac1
}

.company-detail-header .basic-info .other-info .employees .text-gray[data-v-7823f7d4] {
    color: #999
}

.company-detail-header .basic-info .other-info .employees .employees-arrow-right[data-v-7823f7d4] {
    display: inline-block;
    height: 10px;
    width: 10px;
    position: relative;
    top: 1px
}

.company-detail-header .tab-container[data-v-7823f7d4] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 55px 0 10px;
    margin-top: 16px;
    border-top: 1px solid #f3f3f3
}

.company-detail-header .tab-container[data-v-7823f7d4] ::-webkit-scrollbar {
    height: 6px
}

.company-detail-header .tab-container[data-v-7823f7d4] ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #c4c4c4
}

.company-detail-header .tab-container[data-v-7823f7d4]:after {
    content: "";
    position: absolute;
    top: 0;
    right: 51px;
    width: 24px;
    height: calc(100% - 5px);
    background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(70%,#fff));
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 70%)
}

.company-detail-header .tab-container .tabs[data-v-7823f7d4] {
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.company-detail-header .tab-container .tabs .selected-tab .tab-item[data-v-7823f7d4] {
    font-weight: 700;
    color: #02396b
}

.company-detail-header .tab-container .tabs .selected-tab .tab-item[data-v-7823f7d4]:after {
    opacity: 1
}

.company-detail-header .tab-container .tabs .tab-item[data-v-7823f7d4] {
    width: auto;
    padding: 16px 26px;
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    position: relative;
    text-align: center;
    cursor: pointer
}

.company-detail-header .tab-container .tabs .tab-item[data-v-7823f7d4]:after {
    content: "";
    display: block;
    height: 4px;
    background: #01396a;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.company-detail-header .tab-container .edit-btn[data-v-7823f7d4] {
    position: absolute;
    right: 10px;
    padding-left: 0
}

.company-detail-header .tab-container[data-v-7823f7d4] .el-dialog__wrapper {
    position: absolute;
    overflow: visible;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.company-detail-header .tab-container.no-edit-btn[data-v-7823f7d4] {
    padding: 0 10px
}

.company-detail-header .tab-container.no-edit-btn[data-v-7823f7d4]:after {
    display: none
}


.share-btn {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #1890ff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.share-btn:hover {
    background-color: #40a9ff;
}

.share-container {
    position: relative; clear:both;
}

.overlay {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
    z-index: 1000;
}

.popup {
    background: white;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    min-width: 200px;  height:300px;
}

.popup h2 {
    text-align: center;
    margin-bottom: 30px;
    color: #333;
    font-size: 18px;
}

.share-options {
	display: flex;
	justify-content: space-around;
	margin: 20px 0;
	padding: 0 20px;
	background-image: url(../images/ewm-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
}

.share-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 15px;
}

.share-item img {
    width: 120px;
    height: 120px;
    margin-bottom: 12px;
}

.share-item span {
    font-size: 14px;
    color: #666; margin-top:20px;
} 
.gs-nav {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f6f6f6; line-height:60px; font-size:20px; color:#333333; margin-top:20px;
}
.gs-nav a{
	width:100px;
	height:60px;
	display: block; float:left; text-align:center; margin-right:20px; 
}
.gs-nav a:hover{
	font-weight: bold;
	color: #2b7ac1;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #2b7ac1;
}
.gs-nav .sy{
	font-weight: bold;
	color: #2b7ac1;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #2b7ac1;
}
/*grid-cp*/
.grid-item-cp { padding-top:20px;}
.grid-item-cp li {width: 23.1%;margin:0 20px 20px 0;float:left;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.075);position:relative; background-size:cover;background-position:center;background-repeat:no-repeat;transition:all .3s ease 0s;}
.grid-item-cp li:nth-child(4n) {margin-right: 0px;}
.grid-item-cp li .img {overflow:hidden; position:relative;height:150px;}
.grid-item-cp li .img a {display:block;height:100%;}
.grid-item-cp li .thumb {width:100%;height:100%; transition:all .3s ease-out 0s;object-fit:cover;background:#fff;display:block;font-size:0;}
.grid-item-cp li .thumb:hover {-webkit-transform:scale(1.03);transform:scale(1.03);transition:all .3s ease-out 0s;}
.grid-item-cp li h3 {font-size:18px;font-weight:normal;margin:15px 10px 10px;position:relative;}
.grid-item-cp li h3 a {color:#333;line-height:30px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:60px;}
.grid-item-cp li h3 a:hover {color:#ff5f33}

/*筛选*/         
.filter-cpsx{width:600px; margin:0 auto;border-radius:4px;box-sizing:border-box;background:#fff;padding:15px 40px 0px 40px;position:relative;overflow:hidden;}
.filter-cpsx .items{position:relative;width:100%;height:auto;overflow:hidden}
.filter-cpsx .items.more{padding-right:110px;}
.filter-cpsx .items span{display:inline-block;position:absolute;left:0;top:0;line-height:28px}
.filter-cpsx .items dl{height:auto;overflow:hidden;width:100%;padding-bottom:15px;padding-left:50px}
.filter-cpsx .items dt{display:inline-block;position:absolute;left:68px;top:0;color:rgba(0,0,0,0.65);margin-right:26px}
.filter-cpsx .items dt,.filter-cpsx .items dd{display:inline-block;float:left;line-height:28px;color:rgba(0,0,0,0.65);margin-right:26px;border-radius:4px;margin-bottom:4px;}
.filter-cpsx .items dt{color:#000;letter-spacing:2px}
.filter-cpsx .items dd{white-space:nowrap; margin-left:9.9px; margin-right:9.9px; }
.filter-cpsx .items dt a,.filter-cpsx .items dd a{display:block;width:100%;height:28px;line-height:28px;color:inherit;padding:0px 6px}
.filter-cpsx .items dt:hover a,.filter-cpsx .items dd:hover a,.filter-cpsx .items dt.active,.filter-cpsx .items dd.active{color:#fff;background-color:#17A1FF;border-radius:4px;}
.filter-cpsx .items.more dd{margin-bottom:10px;}
.filter-cpsx .items.more{height:42px;overflow: hidden;}
.filter-cpsx .items h2 {
    font-weight: normal;
    font-size: 14px;
}

.filter-cpsx .items.line{height:15px;position:relative;border-top:1px solid rgba(0,0,0,0.05);overflow:visible}
.filter-cpsx .items.line a{position:absolute;display:block;width:100px;height:30px;line-height:30px;background:#f2f2f2;right:0;top:-30px;text-align:center;color:rgba(0,0,0,0.65);font-size:12px}
.filter-cpsx .items.line a i{font-size:8px}
.filter-cpsx .items.line a i.up{transform:rotate(180deg);display:inline-block}
.filter-cpsx .items h3{
	font-size:22px;
	text-align: center; margin-bottom:20px; line-height:40px;
}
.filter-cpsx .items h3 a{font-size:18px; color:#FF9900;line-height:40px; padding-top:-10px;}
.filter-cpsx .items h3 a:hover{ color:#FF3300}

#copyButton {
	cursor: pointer;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC; color:#666666; line-height:40px; width:140px; margin-top:20px; font-size:14px;
}
#copyText {
   position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;
}