@charset "UTF-8";

[v-cloak] {
	display: none;
}

/* swiper */
.swiper-container {
	width: 100%; height: 100%; margin-left: auto; margin-right: auto;
}

.swiper-slide {
	text-align: center;
	/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;
	-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

/* new */
#index_firstPart {
	height: 300px;
}

#index_firstPart img {
	height: 100%; max-width: 100%;
}

.cimg {
	width: auto; height: 100%;
}

.bannercenterbox {
	width: 960px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -480px;
}

.index-search {
	width: 340px; height: 70px; position: absolute; border-radius: 3px; bottom: 52px; left: 50%; margin-left: -170px; background: rgba(51, 51, 51, .8); z-index: 99;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #d11b3c;
}

.inpuArea {
	width: 259px; height: 28px; border-radius: 3px 0 0 3px; border: 1px solid #1460a0; background: rgba(51, 51, 51, 0);
}

.index-searchAuto span {
	width: 39px; height: 28px; border-radius: 0 3px 3px 0; background: #1460a0 url("https://hsoss.runnar.com/runnar/webImg/fangdajing.png") no-repeat center;
}

.index-searchAuto {
	width: 300px; height: 30px; margin: 0 auto; margin-top: 20px;
}

.index-searchAuto span, .index-searchAuto input {
	float: left; padding-left: 10px; color: #fff;
}

.inpuArea:focus {
	outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#bannerl {
	background: url("https://hsoss.runnar.com/runnar/webImg/bannerl.png") no-repeat center;
}

#bannerr {
	background: url("https://hsoss.runnar.com/runnar/webImg/bannerr.png") no-repeat center;
}

.whitebarwrapper {
	width: 100%; border-bottom: 1px solid #d4d4d4; box-shadow: 0 1px 1px #e5e5e5; background: #fff;
}

.whitebar {
	width: 960px; height: 67px; color: #d11b3c; margin: 0 auto; font-size: 24px; font-weight: bold; overflow: hidden; line-height: 66px;
}

.topicalicon {
	width: 30px; height: 23px; display: block; float: left; background: url("https://hsoss.runnar.com/runnar/webImg/topicalicon.jpg") no-repeat center; margin-top: 22px;
}

.reicon {
	width: 29px; height: 23px; display: block; float: left; background: url("https://hsoss.runnar.com/runnar/webImg/reicon.png") no-repeat center; margin-top: 22px;
}

.recount {
	float: right;
}

.bk {
	width: 100%; background: #eee; overflow: hidden;
}

.rebox {
	width: 960px; max-height: 1133px; margin: 0 auto; padding-top: 10px; overflow: hidden; margin-bottom: 15px;
}

.matchWrapper {
	width: 231px; height: 319px; float: left; border: 1px solid #d4d4d4; border-top: 0; margin-top: 15px; box-shadow: -1px 0 1px #e5e5e5, /*宸﹁竟闃村奖*/
    1px 0 1px #e5e5e5, /*鍙宠竟闃村奖*/
    0 1px 1px #e5e5e5;
	/*搴曡竟闃村奖*/ background: #fff; margin-right: 12px; border-radius: 3px 3px 0 0; position: relative;
}
.matchWrapper:nth-of-type(4n + 4){
	margin-right:0;
}
#topicalSwiper .swiper-slide .matchWrapper{
	margin-right:0;
	width: 228px;
}
#topicalSwiper .coverbox{
	width:227px;
}
#searchBtn {
	cursor: pointer;
}

.matchimg {
	width: 100%; height: 171px; border-radius: 3px; cursor: pointer;
}

.matchimg img {
	width: 100%; height: 100%; border-radius: 3px;
}

.matchname {
	width: 100%; 
	cursor: pointer; 
	height: 62px;
	line-height:31px;
	font-weight: bold; 
	font-size: 20px;
	text-align: left;
	padding: 0 15px;	
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis; 	 
}

.pricebox {
	width: 100%; height: 18px; padding: 0 15px;
}

.price {
	float: left; font-weight: bold; line-height: 1;
}

.pricenum {
	font-size: 18px; color: #d11b3c;
}

.gobtn {
	float: right; width: 71px; height: 18px; cursor: pointer;
}

.areabox {
	width: 100%; height: 40px; border-bottom: 1px solid #d4d4d4; text-align: center; color: #909090; line-height: 36px;
}

.areabox p {
	margin: 0;
}

.bottombox {
	padding: 0 12px; line-height: 26px; height: 26px; color: #909090;
}

.bottompart {
	float: left;
	/* width:67px; */
}

.kanicon {
	width: 16px; height: 12px; display: block; background: transparent; background-image: url(https://hsoss.runnar.com/runnar/webImg/kan.png); background-size: 100%; background-repeat: no-repeat;
	margin-top: 6px; float: left;
}

.pingicon {
	width: 12px; height: 11px; display: block; background: url("https://hsoss.runnar.com/runnar/webImg/ping.png") no-repeat center; margin-top: 8px; float: left;
}

.zanicon {
	width: 20px; height: 18px; display: block; background: url("https://hsoss.runnar.com/runnar/webImg/zan.png") no-repeat center; margin-top: 3px; float: left;
}

.zanpart {
	
}

.checkall {
	color: #404040; font-size: 16px; font-weight: bold; text-align: center; height: 43px; border: 1px solid #d4d4d4; box-shadow: 0 1px 1px #e5e5e5; border-radius: 3px;
	background: #fff; line-height: 43px; margin-top: 15px; float: left; cursor: pointer; width: 960px;
}

.newsicon1 {
	width: 29px; height: 23px; display: block; float: left; background: url("https://hsoss.runnar.com/runnar/webImg/news1icon.png") no-repeat center; margin-top: 23px;
}

.rightbar {
	float: right; width: 330px; height: 42px; border-left: 1px solid #d11b3c; margin-top: 15px; line-height: 38px; padding-left: 26px;
}

.newsicon2 {
	width: 29px; height: 23px; display: block; float: left; background: url("https://hsoss.runnar.com/runnar/webImg/news2icon.png") no-repeat center; margin-top: 8px;
}

.checkmore {
	float: right;
}

.leftbar {
	float: left; width: 576px;
}

.service {
	width: 960px; height: 455px; border-bottom: 1px solid #d4d4d4; box-shadow: 0 1px 1px #e5e5e5; margin: 0 auto;
}

.leftPart {
	float: left; width: 630px; height: 100%;
}

.solidPart {
	width: 1px; height: 387px; border: 1px solid #c5c5c5; float: left; margin-top: 32px; border-left: 0;
}

.newswrapper {
	width: 576px; height: 120px; margin: 16px 0; margin-bottom: 34px; cursor: pointer;
}

.floleft {
	float: left;
}

.newsleft {
	width: 200px; height: 120px;
}

.newsleft img {
	width: 100%; height: 100%;
}

.newsright {
	width: 375px; height: 120px; border: 1px solid #c5c5c5; border-left: 0; padding: 10px; background: #fff;
}

.righttitle {
	width: 100%; font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; line-height: 36px; overflow: hidden; height: 36px; color: #333;
}

.rightcontent {
	height: 40px; word-wrap: break-word; line-height: 20px; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box;
	-webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; color: #333; font-size: 13px; -webkit-box-pack: center;
	/* -webkit-box-pack: center; */
}

.rightbottom {
	height: 20px; line-height: 26px; color: #b3b3b3; margin-top: 2px;
}

.linear {
	height: 220px; width: 100%; background: red;
	/* 涓�浜涗笉鏀寔鑳屾櫙娓愬彉鐨勬祻瑙堝櫒 */ background: -moz-linear-gradient(top, #d11b3c, #1560a0); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d11b3c), to(#1560a0));
	background: -o-linear-gradient(top, #d11b3c, #1560a0);
}

.linearcenter {
	width: 960px; height: 220px; margin: 0 auto; color: #fff; font-size: 24px; font-weight: bold; text-align: center; position: relative; box-sizing: border-box;
	padding-top: 44px;
}

.searchIn {
	border: 1px solid #fff; font-size: 12px; width: 378px; height: 42px;
}

.index-searchAuto .searchSp {
	background: #fff url("https://hsoss.runnar.com/runnar/webImg/searchbtn.png") no-repeat center; width: 57px; height: 42px; cursor: pointer;
}

.searchTop {
	margin-top: 25px;
}

.index-searchAuto2 {
	width: 437px;
}

.tagD {
	
}

.servicebox {
	height: 70.5px; border-top: 1px solid #d4d4d4; padding: 15px 0; padding-left: 16px; padding-right: 40px; font-size: 16px; color: #404040; cursor: pointer;
}

.rightPart {
	width: 329px; float: left;
}

.adver {
	height: 328px;
}

.topicalbox {
	width: 100%; height: 363px; background: #eee;
}

.topicalcenterbox {
	width: 960px; height: 363px; margin: 0 auto; position: relative;
}

.swiper-container2 {
	width: 960px; height: 363px; margin: 0 auto; overflow: hidden;
}

#topicalSwiper .swiper-slide {
	text-align: center;
	/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;
	-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

#topicalnext {
	background: url(https://hsoss.runnar.com/runnar/webImg/topicalr.png) no-repeat center; right: -52px;
}

#topicalprev {
	background: url(https://hsoss.runnar.com/runnar/webImg/topicall.png) no-repeat center; left: -52px;
}

.topname {
	float: right;
}

.topnameitem {
	float: right; height: 24px; border-right: 1px solid #d11b3c; font-size: 16px; text-align: center; line-height: 24px; margin-top: 20px; cursor: pointer; padding: 0 10px;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #fff;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #fff;
}

input:-ms-input-placeholder {
	color: #fff;
}

input::-webkit-input-placeholder {
	color: #fff;
}

.kanpart {
	float: left;
}

.zanpart {
	float: right;
}

.rcenterbox {
	width: 278px; height: 427px; border: 1px solid #d4d4d4; border-top: 0; box-shadow: -1px 0 1px #e5e5e5, /*宸﹁竟闃村奖*/
    1px 0 1px #e5e5e5, /*鍙宠竟闃村奖*/
    0 1px 1px #e5e5e5;
	/*搴曡竟闃村奖*/ float:right; margin-top: 16px; background: #fff;
}

.servicebox div {
	float: left; font-weight: bold;
}

.servicebox .sort {
	width: 23px; height: 36px; display: block; float: left; font-size: 24px; color: #d11b3c; margin-right: 20px;
}

.servicebox .name {
	height: 44px; width: 150px; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
	-webkit-line-clamp: 2; display: -webkit-box; -webkit-box-pack: center; margin-top: -4px;
}

.numsort {
	padding-left: 6px;
}

.makerbox {
	width: 80px; height: 30px; border-radius: 3px; position: absolute; top: -14px; left: 73px; z-index: 999;
	display:none;
}

.makerbox img {
	width: 80px; height: 30px;
}

.coverbox {
	width: 229px; height: 171px; background: rgba(10, 48, 80, .3); top: 0; position: absolute; display: none; color: #fff; font-size: 16px; text-align: center;
	line-height: 176px; cursor: pointer;
}

.topactive {
	color: #1460a0;
}

.checkmore {
	cursor: pointer; font-size: 16px; margin-top: 4px;
}

.adver img {
	width: 950px; height: 200px; margin-top: 54px; cursor: pointer;
}
/* 战略合作伙伴 */
.clearfix::after,
.clearfix::before{
    clear: both;
    content: '.';
    height: 0;
    line-height: 0;
    visibility: hidden;
    display: block;
}
ul, ol, li{ margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }

.partnerIcon{
	width: 29px;
    height: 23px;
    display: block;
    float: left;
    background: url(https://hsoss.runnar.com/runnar/webImg/partner.png) no-repeat center;
    margin-top: 23px;
}

.partnerContent{
	width: 960px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
}
.partnerBox{
    background-color: #eee;
}
.partnerBox ul{
	padding:40px;
	background-color:#fff;
	margin-bottom: 20px;
}
.partnerBox li{
	padding:24px;
	background-color:#fff;
	width:25%;
	float:left;
}
.partnerBox li img{
	width:100%;
}
/* 战略合作伙伴  结束*/


