.heroPlanets-d3elWrap {
    height: 260px;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
}

.heroPlanets-d3el {
    background: #1c2752 none repeat scroll 0 0;/*#1c2752 #273464 #505A81*/
    transform: translateZ(0px);
    width: 100%;
	min-height:530px
}


.heroPlanets-container{position:absolute;z-index:2;top:0%;left:0%;width:100%;-ms-transform:translate(0%, 15%);transform:translate(0%, 15%);text-align:center;padding:0px 25px;}

.heroPlanets-titleWrap{position:absolute;bottom:100%;left:50%;-ms-transform:translate(-50%, -30%);transform:translate(-50%, -30%);color:#fff;text-align:center;font-size:calc(21px + (45 - 21) * ((100vw - 374px) / (1920 - 374)));line-height:calc(27.3px + (58.5 - 27.3) * ((100vw - 374px) / (1920 - 374)))}@media (max-width: 374px){.heroPlanets-titleWrap{font-size:21px;line-height:27.3px}}

.heroPlanets-title{display:inline-block;margin:0;font-weight:300;color:#fff;white-space:nowrap}.heroPlanets-title h1{display:inline}.heroPlanets-title *{font-size:inherit;font-weight:inherit;color:inherit}.heroPlanets-subtitle{overflow:hidden;display:block;height:calc(27.3px + (58.5 - 27.3) * ((100vw - 374px) / (1920 - 374)));margin:0;font-weight:600;white-space:nowrap}

.heroPlanets-subtitle *{display:none;will-change:transform}
.heroPlanets-subtitle *:first-child{display:block}
.heroPlanets-btn{font-size:18px !important;min-width:160px !important;margin:0;display:inline-block;box-sizing:border-box;text-align:center;text-decoration:none;border-radius:3px;transition:box-shadow 0.2s ease-in-out,
 color 0.2s ease-in-out,
 border-color 0.2s ease-in-out,
 background-color 0.2s ease-in-out;line-height:1.3;border:0;padding:8px 16px 9px;color:#fff;background-color:#ff8700;line-height:1.3;border:0;padding:13px 16px 14px;border-radius:6px;line-height:1.25}.heroPlanets-btn:hover{text-decoration:none}.heroPlanets-btn:hover,.heroPlanets-btn:focus{background-color:#ffa11a}.heroPlanets-btn:focus{outline:none}.heroPlanets-btn[disabled],.heroPlanets-btn[disabled]:active,.heroPlanets-btn[disabled]:focus,.heroPlanets-btn[disabled]:hover,.heroPlanets-btn.disabled,.heroPlanets-btn.disabled:active,.heroPlanets-btn.disabled:focus,.heroPlanets-btn.disabled:hover{color:#dedede;cursor:default;border:none;background-color:#f4f4f4;box-shadow:none}

.heroPlanets-btn:hover,.heroPlanets-btn:focus{background-color:#ff8700}
 
@keyframes hero-planets-el-appear{to{opacity:1;transform:translateY(0)}}.heroPlanets-title{opacity:0;-ms-transform:translateY(-25px);transform:translateY(-25px);/*animation-name:hero-planets-el-appear;animation-duration:.4s;animation-delay:1.9s;animation-fill-mode:forwards;will-change:opacity, transform}.heroPlanets-subtitle{opacity:0;-ms-transform:translateY(-25px);transform:translateY(-25px);animation-name:hero-planets-el-appear;animation-duration:.4s;animation-delay:2.2s;animation-fill-mode:forwards;will-change:opacity, transform*/}
.heroPlanets-btn{/*opacity:0;-ms-transform:translateY(-25px);transform:translateY(-25px);animation-name:hero-planets-el-appear;animation-duration:.4s;animation-delay:2.5s;animation-fill-mode:forwards;will-change:opacity, transform*/}
.text{cursor:pointer;}

.newhk .thumbnailbox:hover {
    box-shadow: 0 0 9px #aaa;
    -webkit-box-shadow: 0 0 9px #aaa;
    -moz-box-shadow: 0 0 9px #aaa;
    -ms-box-shadow: 0 0 9px #aaa;
    -o-box-shadow: 0 0 9px #aaa;
}

a.newhk_a:hover{
    color: #3071a9 !important;
}
.layui-card-header .othermore{
	position: absolute;
	right:20px;
	top:10px;
	padding: 3px;
	width:auto;
}

.othermore ,.othermore:active{
    color: #0fbbe9;
    border: 1px solid #0fbbe9;
    background-color: transparent;
	width: 130px;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 3px;
	font-size: 12px;
	line-height: 1.42857;
	border-radius: 0;
	text-decoration: none;
}
.othermore:hover ,.othermore.focus{
	 background-color: #0fbbe9;
	 color:#fff;
}


.newhk .thumbnailbox{width:100%;height:270px;}
.newhk .caption h3{
	width: 100%;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
}
.newhk .caption h3 a{
	font-size: 17px;
	color: #444;
	display: inline-block;
	float: left;
	white-space: normal;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	height: 44px;
	line-height: 22px;
}
.newhk .caption p{
	font-size: 14px;
	color: #999;
	margin-top:6px;
}
.clear{clear:both;}
.row{
	clear:both;
}
.second_wrap,.three_wrap{
	overflow: hidden;
	margin: 0 auto;
}
.three_wrap{margin-top:20px;}
.sec-title {
    font-size: 24px;
    font-weight: normal;
    color: #444;
    padding: 40px 0;
    text-align: center;
    letter-spacing: 3px;
    line-height: 26px;
	width:100%;
}
.thumbnail{
	padding:0px;
}
.thumbnailbox{
    border-radius: 1px;
    margin: auto;
	min-width:250px;
}
.clear{clear:both;}
.row{
	clear:both;
}

.sec-title {
    font-size: 24px;
    font-weight: normal;
    color: #444;
    padding: 40px 0;
    text-align: center;
    letter-spacing: 3px;
    line-height: 26px;
	width:100%;
}
.thumbnail{
	padding:0px;
}
.second_wrap h3{
    height: 22px;
    overflow: hidden;
	font-size: 14px;
	margin-bottom:6px;
	text-align: center;
}
.second_wrap h3 a{
	color:#444;
}
.second_wrap h3 a:hover{
	color:#0099e9
}
.second_wrap  .caption p{color:#999;width: 198px;
	margin-left: auto;
	margin-right: auto;}

.col-lg-2dot4{width: 266px;margin-left: 0px;margin-right: 20px;}
.col-lg-2dot4 .thumbnail {border:0px;}
.col-lg-2dot4.thumbnailbox:hover{box-shadow: 0 0 9px #aaa;-webkit-box-shadow: 0 0 9px #aaa;-moz-box-shadow: 0 0 9px #aaa;-ms-box-shadow: 0 0 9px #aaa;-o-box-shadow: 0 0 9px #aaa;}
.review{
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.4) 25%,rgba(0,0,0,0.9) 100%);
height: 40px !important;
color: #fff !important;
line-height: 46px;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: -40px;
position: relative;
width:198px;
}
/*.planet-wrap{display:none}*/
.planet-wrap{opacity:1}
.planet-wrap .text-wrap{display:none;opacity:0}
.banner_search_top li{
	list-style: none;
	float: left;
	margin: 10px 0px;
	margin-right: 0px;
	line-height: 16px;
	padding: 5px 8px;
	color: #f9f9f9;
	border-radius: 2px;
	font-size: 16px;
	margin-right: 5px;
	border: 1px solid transparent;
	cursor: pointer;

}
.banner_search_top li.active ,.banner_search_top li:hover{
	color: #5a5a5a;
	background-color: #fff;
	position: relative;
}
.banner_search_top li.active::before,.banner_search_top li:hover:before {
	content: " ";
	width: 0;
	height: 0;
	border-width: 6px 6px 0px;
	border-style: solid;
	position: absolute;
	bottom: -7px;
	border-color: #fff transparent transparent;
	left: 50%;
	margin-left: -6px;

}
.banner_search_content{clear:both;}
.banner_search_content .searchbar-main{margin-left:0px}
.banner_search_div{width:100%;margin-top:20px;}
.banner_search_div .zjSearch-input{font-weight:normal}
.common-tab-box h3 {
	height: 45px;
	position: relative;
}
.common-tab-box h3 span.cur {
	color: #0fbbe9;
}
.common-tab-box h3 span {
	float: left;
	display: inline-block;
	margin-right: 40px;
	line-height: 45px;
	color: #8d92a1;
	cursor: pointer;
	font-size: 16px;
	font-weight: 400;
}
.common-tab-box ul.cur {
	font-weight: 400;
	display: block;
}
.company-tab-box ul {
	height: 416px;
}
.common-tab-box ul {
	width: 100%;
	top: 47px;
	left: 0;
	background: #fff;
	display: none;
	border-top: solid 2px #0fbbe9;
}
.company-tab-box ul li {
	height: 138px;
	width: 25%;
	float: left;
}
.company-tab-box li .sub-li {
	display: block;
	border-left: solid 2px #f6f6f8;
	border-bottom: solid 2px #f6f6f8;
	height: 100%;
	margin-left: -2px;
}
.company-tab-box li .company-info {
	height: 95px;
	margin:0px 20px;
	padding-top: 20px;
	border-bottom: dashed 1px #ededed;
}
.company-tab-box li a {
	color: #414a60;
	display: block;
}
.company-tab-box li .company-info img {
	height: 55px;
	width: 55px;
	float: left;
	border-radius: 10px;
	border: solid 1px #f2f5fa;
}
.company-tab-box li .conpany-text {
	margin-left: 65px;
	text-align: right;
	overflow: auto;
	text-overflow: unset;
}
.company-tab-box li .conpany-text h4 {
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.company-tab-box li .conpany-text p {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}
.company-tab-box li .conpany-text p {
	height: 40px;
	line-height: 41px;
	color: #898e9d;
	font-size: 12px;
	display: inline-block;
	white-space: nowrap;
}
.vline {
	display: inline-block;
	width: 1px;
	height: 12px;
	vertical-align: middle;
	background: #e0e0e0;
	margin: 0 10px;
}
.company-tab-box{
	margin:10px;
}
/*====delete*/
.company-tab-box li .about-info {
	color: #8d92a1;
	height: 42px;
	line-height: 42px;
}
.company-tab-box li .about-info p {
	margin:0 20px;
}
.company-tab-box li .pull-right {
	text-align: right;
	float: right;
}
.text-blue {
	color: #0fbbe9;
}.index-hot {
	 font-size: 14px !important;
	 color: #f9f9f9;
	 margin-top: 20px;
 }
#hot_data_label {
	display: block;
	float: left;
	margin-top: 9px;
	font-size:14px !important;
}
#hot_data {
	float: left;
	max-width: 85%;
	height: 50px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#hot_data a {
	display: block;
	float: left;
	color: #eee;
	padding: 10px;
	font-size: 14px;
	display: inline-block;
}
.index-hot a:hover{
	color:#fffff;
	text-decoration: underline;
}
#hot_data_label,.index-hot-company{
	font:initial
}
.index-hot{display:none}
.index-hot.active{display:block;}
.heroPlanets-btn-hot{width:99%;background: transparent;margin-top: 10px;height: 70px;padding: 0px;}
.heroPlanets-btn-hot:hover{background:transparent;}
.hothk ul li {
	display: inline;
	float: left;
	width: 23%;
	height: 242px;
	margin: 10px;
	box-shadow: 1px 1px 3px rgba(34,25,25,0.1);
	background-color: #FFF;
	overflow: hidden;
	position:relative;
}
.hothk  .img-wrap {
	float: none;
	width: 100%;
	height: 150px;
	position: relative;
	overflow: hidden;
	text-align:center;
}
.hothk .img-wrap img {
	vertical-align: baseline;
}
.hothk .stb-detail {
	margin-left: 0;
	padding: 10px;
	_margin-top: 0;
}
.hothk  .title {
	font-weight: bold;
	font-size: 15px;
	color: #444;
}
.hothk  .title:hover{color: #0099e9;}
.hothk .info {
	overflow: hidden;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 4px 0px 8px 0px;
	font-size:14px;
	bottom:95px;
	margin:0px 23px;
}
.stb-detail a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:block;
}
.hothk .geo{font-size:12px;}
.hothk .route {
	padding: 0;
	border: 0;
	background-color: transparent;
	border-radius: 2px;
	cursor: pointer;
	font-size:12px;
}
.hothk .route a {
	color: #666;
}
.hothk .stb-detail .item {
	padding-top: 10px;
	overflow: hidden;
}
.hothk .day {
	position: relative;
	width: 38px;
	height: 14px;
	line-height: 14px;
	margin-top: 0;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	border-radius: 1px;
	background-color: #F76F0F;
	-webkit-text-size-adjust: none;
}
.hothk .day i {
	position: absolute;
	top: 3px;
	right: -7px;
	height: 0;
	line-height: 0;
	font-size: 0;
	border-width: 4px;
	border-style: solid;
	border-color: #FFF #FFF #FFF #F76F0F;
}
.hothk .stb-detail .pois {
	margin-left: 46px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width:calc(100% - 46px);
}
.hothk  .route a{color:#999}
.hothk  .route a:hover{color:#0099e9}
.stb-detail .day {
	float: left;
	font-weight: bold;
}
.hothk .glyphicon-addr{
	width: 16px;
	height: 12px;
	background-size: 75%;
	background-position-y: unset;
}
#list li.list-group-item {
	padding: 10px 20px;
}
#list div.media-object1.bg_img {
	height: 44px !important;
	width: 44px !important;
	line-height: 44px !important;
}
.com-main-right {
	width: 50% !important;
}
.listhangright {
	position: absolute;
	z-index: 9;
	right: 20px;
	top: 20px;
}
.listhangright .media-list {
	display: inline-block !important;
	margin: 3px 20px 0px 20px;
}
.listhangright .media-list em{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.ul-roll a h4 {
	float: left;
	max-width: 90%;
	font-size: 18px;
	color: #394043;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.notice-swiper{
	height:22px;
	line-height:22px;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	width:calc(100% - 240px);
}
.news-notice{
	border-radius: 2px;
	padding: 21px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background:#fff;
	color:#333;
}
.news-notice a{
	color:#333;
}
.swiper-slide{
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	-webkit-transition-property:-webkit-transform;
	transition-property:-webkit-transform;
	-o-transition-property:transform;
	transition-property:transform;
	transition-property:transform,-webkit-transform
}
.swiper-slide .newtitle{
	margin-left: 20px;
	font-size: 14px;
	max-width: calc(100% - 200px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	display:inline-block;
}
.swiper-slide .newtitle:hover{
	color:#ff9700
}
.swiper-slide .newtime{
	margin-left: 20px;
	color: #aaa;
	display: inline-block;
	vertical-align: super;
}
.swiper-container{
	width: 100%;
	height: 18px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}
.news-notice .news_more{
	font-size: 12px;
	line-height: 18px;
	color: #ff9700;
	cursor: pointer;
	white-space: nowrap;
}
.news-notice .news_more a{
	color: #ff9700;
}
.news-img{
	height:22px;
	line-height:22px;
}