﻿@charset "UTF-8";
.swiper-slide img { width: 100%; }

.swiper-container-horizontal > .swiper-pagination-bullets { position: absolute; z-index: 20; bottom: 10px; width: 100%; text-align: center; }
@media screen and (max-width: 768px) { .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 2px; } }

.swiper-pagination-bullet { display: inline-block; width: 50px; height: 5px; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80FFFFFF', endColorstr='#80FFFFFF'); background-color: rgba(255, 255, 255, 0.5); margin: 0 5px; opacity: 0.8; cursor: pointer; border-radius: 0; }
@media screen and (max-width: 768px) { .swiper-pagination-bullet { width: 25px; } }

.swiper-pagination-bullet-active { background: #fff; }
.container-fluid {padding:0;}
.container {padding: 0;position:relative; }

@-webkit-keyframes shake { 0% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; }
  35% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: -10px; }
  70% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: +10px; }
  100% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; } }
@-moz-keyframes shake { 0% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; }
  35% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: -10px; }
  70% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: +10px; }
  100% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; } }
@-ms-keyframes shake { 0% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; }
  35% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: -10px; }
  70% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: +10px; }
  100% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; } }
@keyframes shake { 0% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; }
  35% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: -10px; }
  70% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: +10px; }
  100% { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; margin-bottom: 0px; } }
@-webkit-keyframes roll { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes roll { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes roll { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes roll { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes transaway { 0% { margin-left: 0px; }
  35% { margin-left: -10px; }
  70% { margin-left: 10px; }
  100% { margin-left: 0; } }
@-moz-keyframes transaway { 0% { margin-left: 0px; }
  35% { margin-left: -10px; }
  70% { margin-left: 10px; }
  100% { margin-left: 0; } }
@-ms-keyframes transaway { 0% { margin-left: 0px; }
  35% { margin-left: -10px; }
  70% { margin-left: 10px; }
  100% { margin-left: 0; } }
@keyframes transaway { 0% { margin-left: 0px; }
  35% { margin-left: -10px; }
  70% { margin-left: 10px; }
  100% { margin-left: 0; } }
@-webkit-keyframes rotatey { 0% { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }
@-moz-keyframes rotatey { 0% { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }
@-ms-keyframes rotatey { 0% { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }
@keyframes rotatey { 0% { -moz-transform: rotateY(0); -ms-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); }
  100% { -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } }
@-webkit-keyframes leftright { 0% { margin-left: -24px; }
  35% { margin-left: -40%; }
  70% { margin-left: 40%; }
  100% { margin-left: -24px; } }
@-moz-keyframes leftright { 0% { margin-left: -24px; }
  35% { margin-left: -40%; }
  70% { margin-left: 40%; }
  100% { margin-left: -24px; } }
@-ms-keyframes leftright { 0% { margin-left: -24px; }
  35% { margin-left: -40%; }
  70% { margin-left: 40%; }
  100% { margin-left: -24px; } }
@keyframes leftright { 0% { margin-left: -24px; }
  35% { margin-left: -40%; }
  70% { margin-left: 40%; }
  100% { margin-left: -24px; } }
@-webkit-keyframes shakesing { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-moz-keyframes shakesing { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-ms-keyframes shakesing { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@keyframes shakesing { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
  10%,
  20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } }
@-webkit-keyframes bigreverse { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  50% { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-moz-keyframes bigreverse { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  50% { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-ms-keyframes bigreverse { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  50% { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bigreverse { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
  50% { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes widthlong { 0% { width: 0%; }
  100% { width: 100%; } }
@-moz-keyframes widthlong { 0% { width: 0%; }
  100% { width: 100%; } }
@-ms-keyframes widthlong { 0% { width: 0%; }
  100% { width: 100%; } }
@keyframes widthlong { 0% { width: 0%; }
  100% { width: 100%; } }
@-webkit-keyframes moveup { 0% { bottom: 20px;opacity:0; }
  100% { bottom: 60px;opacity:1; } }
@-moz-keyframes moveup { 0% { bottom: 20px;opacity:0; }
  100% { bottom: 60px;opacity:1; } }
@-ms-keyframes moveup { 0% { bottom: 20px;opacity:0; }
  100% { bottom: 60px;opacity:1; } }
@keyframes moveup { 0% { bottom: 20px;opacity:0; }
  100% { bottom: 110px;opacity:1; } }
/* 主页css */
.index-banner { position: relative; }
.index-search { position: absolute; bottom: 60px; z-index: 10; width: 100%; text-align: center;opacity:0;animation: moveup .8s 1s;animation-fill-mode:forwards; }
.index-search-wrap { width: 80%; margin: 0 auto;font-size:0; }
.index-search-wrap button { width: 20%; font-size: 26px; line-height: 2.49em; background-color: #ff6363; border: 0; color: #fff; vertical-align: middle; }
.index-search-tabs { text-align: left; }
.index-search-tabs span { display: inline-block; font-size: 20px; color: #fff; padding: 1em; position: relative; cursor: pointer; }
.index-search-tabs .active::after { content: ''; position: absolute; bottom: 0; left: 40%; border-bottom: 12px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.index-search-searchbox { display:inline-block;width:80%;border-radius: 0.4em; overflow: hidden; }
.index-search-searchbox input { width: 100%; font-size: 16px!important; height: 4em!important; line-height: 4em!important; padding-left: 1.5em!important; border: 0; vertical-align: middle; }
@media screen and (max-width: 768px) { .index-search { position: relative; bottom: 0;opacity:1;animation:none; }
  .index-search-wrap { width: 95%; padding: 0 1em; }
  .index-search-tabs span { color: #262626; font-size: 14px; padding: 0.5em; }
  .index-search-tabs .active::after { border-bottom: 6px solid #262626; }
  .index-search-searchbox { border: 1px solid #262626;width:75%; }
  .index-search-searchbox input{ width: 100%!important; height: inherit!important; font-size: 12px!important; line-height: 2.7em!important;padding:1px; }
  .index-search-wrap button { width: 25%; font-size: 14px;height:3.45em; } }
.index-content { padding: 4em 0 3em; background-color: #f8f8f8; }
.index-content-title { text-align: center; }
.index-content-title h2 { font-size: 30px; line-height: 2em; max-width: 400px; margin: 0 auto; color: #262626; font-family: '宋体',Arial, Helvetica, sans-serif; border-bottom: 1px solid #dfdfdf; position: relative; }
.index-content-title h2::after { content: ''; display: block; position: absolute; bottom: -2px; width: 24%; height: 5px; background-color: #555; left: 38%; }
@media screen and (max-width: 768px) { .index-content { padding: 1em 0; } }
.index-recommend { padding: 3em 0; }
@media screen and (max-width: 768px) { .index-recommend { padding: 2em 0 0; } }
.index-recommend li { float: left; position: relative; width: 25%; list-style: none; padding: 0 2em; }
.index-recommend-img { width: 100%; overflow: hidden; }
.index-recommend-img img { width: 100%; -moz-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; }
.index-recommend-intro { width: 80%; height: 45%; position: absolute; right: 1em; bottom: -1em; background: url(../images/entrance-bg1.png) no-repeat right bottom; background-size: 100% 100%; -moz-transition: background 0.6s ease; -o-transition: background 0.6s ease; -webkit-transition: background 0.6s ease; transition: background 0.6s ease; }
.index-recommend-intro span { float: right; margin-top: 2em; margin-right: 1.5em; font-size: 18px; color: #262626; padding-left: 2em; line-height: 1.7em; -moz-transition: background 0.6s ease; -o-transition: background 0.6s ease; -webkit-transition: background 0.6s ease; transition: background 0.6s ease; background: url(../images/entrance-ico1.png) no-repeat; background-size: 1.5em 1.5em; }
.index-recommend-intro p { font-size: 14px; color: #000; position: absolute; left: 1.5em; bottom: 1.6em; }
@media screen and (min-width: 992px) and (max-width: 1200px) { .index-recommend-intro span { font-size: 14px; }
  .index-recommend-intro p { font-size: 12px; } }
.index-recommend a:hover .index-recommend-img img { -moz-transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); }
.index-recommend a:hover .index-recommend-intro { background: url(../images/entrance-bg2.png) no-repeat right bottom; background-size: 100% 100%; -moz-animation: shake 1s; -webkit-animation: shake 1s; animation: shake 1s; }
.index-recommend a:hover .index-recommend-intro span { color: #fff; background: url(../images/entrance-ico2.png) no-repeat; background-size: 1.5em 1.5em; }
.index-recommend a:hover .index-recommend-intro p { color: #fff; }
@media screen and (max-width: 992px) { .index-recommend li { width: 25%; padding: 0 1em; }
  .index-recommend-intro { right: 1em; }
  .index-recommend-intro span { font-size: 12px; margin-right: 0.5em; }
  .index-recommend-intro p { font-size: 11px; } }
@media screen and (max-width: 992px) and (max-width: 768px) { .index-recommend li { width: 50%; padding: 0 1em; margin-bottom: 1em; }
  .index-recommend li:nth-child(2n+1) { padding: 0 0.5em 0 1em; }
  .index-recommend li:nth-child(2n+1) .index-recommend-intro { right: 0.5em; }
  .index-recommend li:nth-child(2n) { padding: 0 1em 0 0.5em; }
  .index-recommend-intro { right: 1em; bottom: 0; }
  .index-recommend-intro span { font-size: 22px; margin-right: 0.5em; }
  .index-recommend-intro p { margin-bottom: 0; bottom: 1em;font-size: 18px; } }
@media screen and (max-width: 764px) { .index-recommend-intro span { font-size: 12px; margin-right: 0.5em; }
  .index-recommend-intro p { font-size: 11px; }
}


.index-news { padding: 8em 0; }
.index-news-top { margin-bottom: 0.6em; }
.index-news-left { width: 58%; float: left; }
.index-news-right { width: 42%; padding: 2.05em 4em; float: left; border: 1px solid #e3e3e3; background: url(../images/newico1.png) no-repeat 12px 12px; }
.index-news-right a h2 { color: #515151; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; margin-top: 0; font-weight: bold; }
.index-news-right a p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #828282; font-size: 12px; height: 2.6em; margin-bottom: 0; }
.index-news-right a:hover { text-decoration: none; }
.index-news-right a:hover h2 { color: #060606; }
.index-news-right a:hover p { color: #333; }
.index-news-list { width: 26.6%; float: left; }
.index-news-list img { width: 100%; }
.index-news-listimg { width: 73.4%; float: left; }
.index-news-listimg img { width: 100%; }
.index-news-infos { position: relative; border: 1px solid #e3e3e3; margin-bottom: 0.6em; }
.index-news-infos:last-child { margin-bottom: 0; }
@media screen and (max-width:768px) {.index-news-infos:last-child{margin-bottom:1em;}}
.index-news-info { width: 65%; padding: 2em 1em 1em; float: left; }
.index-news-info a h2 { color: #515151; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bolder; }
.index-news-info a p { color: #828282; font-size: 12px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;height:4em; }
.index-news-info a:hover { text-decoration: none; }
.index-news-info a:hover h2 { color: #060606; }
.index-news-info a:hover p { color: #333; }
.index-news-infoimg { width: 35%; float: left; height: 100%; }
.index-news-infoimg img { width: 100%; height: 100%; }
@media screen and (max-width: 768px) { .index-news-infoimg { padding-top: 3.5em; } }
.index-news i { position: absolute; left: 0; top: 0; padding: 0.2em 1em; color: #fff; background-color: #ff7373; cursor: default; }
.index-news-swiper { width: 42%; float: left; padding-left: 5px; }
@media screen and (max-width: 768px) { .index-news-swiper { width: 100%; } }
.index-news-swiper .swiper-slide p { position: absolute; bottom: -2.5em; width: 100%; line-height: 2.5em; margin-bottom: 0; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000'); background-color: rgba(0, 0, 0, 0.4); padding-left: 1em; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.index-news-swiper .swiper-new-prev { width: 35px; height: 75px; background: url(../images/leftbut.png) no-repeat 0px 0px; left: -35px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.index-news-swiper .swiper-new-next { width: 35px; height: 75px; background: url(../images/leftbut.png) no-repeat -35px 0px; right: -35px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.index-news-swiper .swiper-container:hover .swiper-new-prev { left: 0; }
.index-news-swiper .swiper-container:hover .swiper-new-next { right: 0; }
.index-news-swiper .swiper-container:hover .swiper-slide p { bottom: 0; }
.index-news .tips-default { background-color: #5ba8ff; }
@media screen and (max-width: 1200px) { .index-news-left { height: 9.1em; }
  .index-news-right { padding-right: 1.5em; }
  .index-news-list { height: 100%; }
  .index-news-list img { height: 100%; }
  .index-news-listimg { height: 100%; }
  .index-news-listimg img { height: 100%; } }
@media screen and (max-width: 1200px) and (max-width: 768px) { .index-news { padding: 1.5em 0; }
  .index-news-left { width: 100%; height: unset; }
  .index-news-right { width: 100%; height: unset; padding: 1em 1em 1em 4em; }
  .index-news-right h2 { font-size: 14px; }
  .index-news-right p { font-size: 12px; } }

.index-navbar { background-color: #efefef; border-bottom: 1px solid #dfdfdf; position: relative; text-align: left; }
.index-navbar li { background-color: #efefef; line-height: 4em; display: inline-block; cursor: pointer; padding: 0 2.1em; border-bottom: 0; -moz-transition-property: background-color, color; -o-transition-property: background-color, color; -webkit-transition-property: background-color, color; transition-property: background-color color; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.index-navbar li.active { color: #fff; background-color: #ff9696; border-bottom: 3px solid #ff2222; }
.index-navbar a { display: inline-block; position: absolute; right: 1em; line-height: 4em; color: #232323; cursor: pointer; }
.index-navbar a:hover { text-decoration: none; }
@media screen and (max-width: 768px) { .index-navbar li { font-size: 12px; line-height: 3em; padding: 0 1em; }
  .index-navbar a { position: static; line-height: 3em; font-size: 12px; padding: 0 1em; } }
.index-knowledge { margin-bottom: 2em; }
.index-knowledge-list { width: 25%; float: left; padding: 20px 20px 0; }
.index-knowledge a:hover { text-decoration: none; }
.index-knowledge a:hover .index-knowledge-img img { -moz-transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); }
.index-knowledge-img { width: 100%; position: relative; overflow: hidden; }
.index-knowledge-img img { width: 100%; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.index-knowledge-imginfo { position: absolute; line-height: 2.5em; height:2.5em; width: 100%; bottom: 0; left: 0; color: #fff; font-weight: bolder; margin-bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000'); background-color: rgba(0, 0, 0, 0.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.index-knowledge-info { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #555555; line-height: 1.6em; margin-top: 0.6em;height:3.2em; }
@media screen and (max-width: 768px) { .index-knowledge { margin-bottom: 1em; }
  .index-knowledge-list { width: 50%; padding: 0.5em 0.5em 0; }
  .index-knowledge-imginfo { font-size: 12px; line-height: 1.5em; }
  .index-knowledge-info { font-size: 12px; } }
.index-housenav { color: #cfcfcf; }
.index-housenav li { color: #131313; margin-right: 4px; }
.index-house { margin-bottom: 2em; }
.index-house-list { width: 25%; float: left; padding: 20px 20px 0; }
.index-house a:hover { text-decoration: none; }
.index-house a:hover .index-house-img img { -moz-transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); }
.index-house-img { width: 100%; position: relative; overflow: hidden; }
.index-house-img img { width: 100%; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.index-house-imginfo { position: absolute; line-height: 2.5em; width: 100%; bottom: 0; left: 0; color: #fff; font-weight: bolder; margin-bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000'); background-color: rgba(0, 0, 0, 0.5); }
.index-house-info { color: #333; font-size: 14px; margin-bottom: 1em; }
.index-house-info p { line-height: 2.5em; margin-bottom: 0;height:2.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.index-house-price { float: left; width: 80%; font-weight: bolder; }
.index-house-price span { color: #cc0000; font-size: 18px; }
.index-house-address { float: left; text-align: right; width: 20%; color: #333; }
.index-house-address span { color: #ccc; }
@media screen and (max-width: 768px) { .index-house-list { width: 50%; padding: 0.5em 0.5em 0; }
  .index-house-info p { line-height: 2em; font-size: 12px; }
  .index-house-price { width: 65%; font-size: 12px; }
  .index-house-price span { font-size: 16px; }
  .index-house-address { width: 35%; font-size: 12px; } }
.index-market { background: url(../images/demo.jpg) no-repeat top center; color: #fff; }
    .index-market h2 { padding: 2em 0 2em; color: #fff; text-align: center; }
.index-market-left, .index-market-right { width: 50%; float: left; text-align: center; }
.index-market-left p, .index-market-right p { font-size: 18px; margin-bottom: 0; }
.index-market-left p img, .index-market-right p img { vertical-align: text-top; }
.index-market-left p:first-child, .index-market-right p:first-child { font-size: 55px; font-weight: bolder; }
.index-market-sales { margin-bottom: 4em; }
.index-market-nums { width: 33.33333%; float: left; padding-bottom: 7em; }
.index-market-nums p { font-size: 18px; font-weight: bold; text-align: center; }
.index-market-roll { position: relative; background: url(../images/shapelink.png) no-repeat center center; }
.index-market-roll i { position: absolute; left: 8.8em; top: 0; transform-origin: center center; }
.index-market-roll .roll-2 { -moz-animation: roll 20s infinite; -webkit-animation: roll 20s infinite; animation: roll 20s infinite; }
.index-market-roll .roll-3 { -moz-animation: roll 30s infinite; -webkit-animation: roll 30s infinite; animation: roll 30s infinite; }
.index-market-roll p { font-size: 30px; padding: 1.5em 0; text-align: center; }
@media screen and (max-width: 1200px) { .index-market-roll i { left: 6.5em; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .index-market-roll i { left: 3.9em; }
  .index-market-roll p { padding: 1.5em 0; } }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) { .index-market h2 { font-size: 20px; padding: 2em 0 1em; }
  .index-market-sales { margin-bottom: 2em; }
  .index-market-left p, .index-market-right p { font-size: 14px; }
  .index-market-left p:first-child, .index-market-right p:first-child { font-size: 40px; }
  .index-market-nums { width: 100%; padding-bottom: 2em; }
  .index-market-roll i { left: calc(50% - 67px); }
  .index-market-roll p { padding: 1.5em 0; } }

/* 底部滚动图标 */
.hovers { background: url(../images/footbg.jpg) no-repeat bottom center; padding: 4em 0 12em; }
.hovers-list { width: 25%; float: left; text-align: center; }
.hovers-list a { display: inline-block; }
.hovers-list a span { display: block; width: 125px; height: 125px; margin: 0 auto; overflow: hidden; border: 1px solid #6C6C6C; border-radius: 50%; position: relative; -moz-transition: all 0.9s cubic-bezier(0.95, 0.01, 0.22, 0.65); -o-transition: all 0.9s cubic-bezier(0.95, 0.01, 0.22, 0.65); -webkit-transition: all 0.9s cubic-bezier(0.95, 0.01, 0.22, 0.65); transition: all 0.9s cubic-bezier(0.95, 0.01, 0.22, 0.65); }
.hovers-list a span img { -moz-transition: top 1.1s; -o-transition: top 1.1s; -webkit-transition: top 1.1s; transition: top 1.1s; }
.hovers-list a p { color: #969696; font-size: 14px; line-height: 1.5em; margin-bottom: 0; }
.hovers-list a .hovers-font-big { font-size: 16px; line-height: 2em; color: #333; margin-top: 10px; }
.hovers-list a:hover { text-decoration: none; }
.hovers-list a:hover span { border-color: #ee7700; -moz-box-shadow: inset 0 0 0 125px #ee7700; -webkit-box-shadow: inset 0 0 0 125px #ee7700; box-shadow: inset 0 0 0 125px #ee7700; }
@media screen and (max-width: 768px) { .hovers-list { width: 50%; }
    .hovers-list a span {-moz-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);}
    .hovers-list a .hovers-font-big {font-size:14px;}
    .hovers-list a p {font-size:12px;}
}
.hovers-first span img { position: absolute; top: 19px; left: 19px; }
.hovers-first:hover img { top: -455px; }
.hovers-second span img { position: absolute; top: -95px; left: 19px; }
.hovers-second:hover img { top: -568px; }
.hovers-third span img { position: absolute; top: -217px; left: 19px; }
.hovers-third:hover img { top: -701px; }
.hovers-forth span img { position: absolute; top: -350px; left: 19px; }
.hovers-forth:hover img { top: -828px; }
@media screen and (max-width: 768px) { .hovers { padding: 2em 0 4em; } }

/* 二手房首页 */
.second { background: url(../images/sosobg.jpg) no-repeat; padding: 1em 0; }
.second-search, .new-search { padding: 1em; }
.second-search-left { float: left; width: 75%; padding: 1em; padding-left: 5em; }
@media screen and (max-width: 992px) { .second-search-left { float: unset; width: 100%; padding-left: 1em; } }
.second-search-right { float: left; width: 25%; }
@media screen and (max-width: 992px) { .second-search-right { float: unset; width: 100%; } }
.second-search-toolhead span { display: inline-block; padding: 1em; border-bottom: 1px solid #cc0000; }
.second-search-toolhead a {margin-top:1em;margin-right:4px;color:#e3e3e3;font-size:14px;}
.second-search-toolhead a:hover {text-decoration:none;}
.second-search-button a { display: inline-block; width: 45%; margin: .5em 2%; text-align: center; line-height: 3em; color: #fff; background-color: #ff8880; }
.second-search-button a:hover { text-decoration: none; }
@media screen and (max-width: 768px) { .second-search-button a { font-size: 12px; } }
.second-search-chosebox, .new-search-chosebox { display: inline-block; border: 1px solid #c4c4c4; position: relative; margin-right: 0.7em; border-radius: 4px; }
.second-search-chosebox:hover, .new-search-chosebox:hover {background-color:#fff;-moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.second-search-chosebox span, .new-search-chosebox span { display: inline-block; font-size: 14px; padding: 0 1.5em; line-height: 2.5em; cursor: default; }
.second-search-chosebox i, .new-search-chosebox i,.second-search-price i,.second-search-square i {margin-right:0.5em;}
.second-search-chosebox i img, .new-search-chosebox i img,.second-search-price i img,.second-search-square i img {width:16px;}
.second-search-chosebox ul, .new-search-chosebox ul { position: absolute; width: 100%; background-color: #fff; top: 2.5em; top: calc(2.5em + 1px); height: 0; margin-bottom: 0; overflow: hidden; -moz-transition: height 0.3s; -o-transition: height 0.3s; -webkit-transition: height 0.3s; transition: height 0.3s; -moz-box-shadow: 0 0 10px #e3e3e3; -webkit-box-shadow: 0 0 10px #e3e3e3; box-shadow: 0 0 10px #e3e3e3; z-index: 5; border-radius: 3px; }
.second-search-chosebox ul li, .new-search-chosebox ul li { padding: 0 .5em 0 .5em; line-height: 3em; border-bottom: 1px solid #e3e3e3; cursor: pointer; }
.second-search-chosebox ul li:hover, .new-search-chosebox ul li:hover { color: #da251c; border-bottom: 1px solid #da251c; }
.second-search-chosebox:hover ul, .new-search-chosebox:hover ul { height: unset; }
@media screen and (max-width: 768px) { .second-search-chosebox, .new-search-chosebox { margin-bottom: 0.7em; } }
.second-search-price span { padding: 0 1.5em; background-position: -60px -3px; }
.second-search-square span { padding: 0 1.5em; background-position: -54px -3px; }
@media screen and (max-width: 1200px) { .second-search-decorate span, .second-search-way span, .second-search-area span { padding: 0 1.5em; }}
.second-search-onmap { display: inline-block; float: right; color: #ff6861; border-radius: 1em; padding: 0 1.5em 0 2em; background: #f1f1f1 url(../images/all.png) no-repeat -166px -7px; line-height: 2em; margin: 0.5em 0;-moz-transition:.2s all;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all; }
.second-search-onmap:hover { text-decoration: none; /*color: #74777b;*/color:#ff6861;background-color:#fff; }
.second-search-box { margin: 1.5em 0; padding: 1em; background-color: #ebebeb; }
.second-search-box input { width: 100%; padding: 0.1em 0.1em 0.1em 4em; line-height: 3em!important;height:3em!important; background: #fff url(../images/all.png) no-repeat -120px -46px; border: 1px solid #ccc; vertical-align: middle; }
.second-search-box button { width: 18%; height: 3.3em; margin-left: 1%; vertical-align: middle; background: #ff6861 url(../images/all.png) no-repeat -266px 1px; border: 0; }
.second-search-box button:hover { background: #FF5149 url(../images/all.png) no-repeat -266px 1px; }
.second-search-input {width:80%;display:inline-block;vertical-align:middle;}
@media screen and (max-width: 1200px) { .second-search-input { width: 75%; }
  .second-search-box button { width: 22%; } }
@media screen and (max-width: 1200px) and (max-width: 768px) { .second-search-box { margin: 0.5em 0; text-align: center; }
  .second-search-input { width: 100%; font-size: 12px; margin-bottom: 1em; background: #fff url(../images/all.png) no-repeat -126px -50px; }
  .second-search-box button { width: 140px; } }

.second-search-link, .new-search-link { color: #9e9e9e; }
.second-search-link a, .new-search-link a { color: #9e9e9e; padding: 0 0.5em; }
.second-search-link a:hover, .new-search-link a:hover { color: #da251c; text-decoration: none; }
.second-trade { background: url(../images/sharbg.jpg) no-repeat fixed; background-size: 100% 100%; }
.second-trade ul.container { padding: 7em 0; }
.second-trade ul.container li { width: 20%; float: left; text-align: center; }
.second-trade ul.container li p { color: #fff; font-size: 18px; line-height: 3em; cursor: default; }
.second-trade ul.container li p span { color: #ff8888; padding: 0 0.2em; }
.second-trade ul.container li img { -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }
.second-trade ul.container li:hover img { -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.second-trade ul.container li img.second-trade-rotate { -moz-animation: rotatey linear 3s infinite; -webkit-animation: rotatey linear 3s infinite; animation: rotatey linear 3s infinite; }
@media screen and (max-width: 768px) { .second-trade ul.container { padding: 2em 0; }
  .second-trade ul.container li { width: 50%; } }
.second-recommend { padding-top: 5em; }
.second-recommend-title { text-align: center; }
@media screen and (max-width: 768px) { .second-recommend { padding-left: 0; padding-right: 0; padding-top: 1em; }
  .second-recommend-title img { width: 100%; } }
.second-recommend-tabs { text-align: center; margin: 2em 0; }
.second-recommend-tabs div { display: inline-block; padding: 0.5em 3em; margin: 0 0.6em; background-color: #fff; color: #131316; border: 1px solid #121215; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; cursor: pointer; }
.second-recommend-tabs div:hover, .second-recommend-tabs div.active { background-color: #ff6861; color: #fff; border: 1px solid #FF443B; }
@media screen and (max-width: 768px) { .second-recommend-tabs div { margin: 0.4em 0.5em; } }
.second-recommend-list li { width: 33.33333%; padding: 0 1em; list-style: none; margin-bottom: 2em; float: left; }
.second-recommend-list li:hover .second-recommend-urgent { -moz-animation: transaway 0.9s; -webkit-animation: transaway 0.9s; animation: transaway 0.9s; }
.second-recommend-list li a:hover { text-decoration: none; }
@media screen and (max-width: 768px) { .second-recommend-list li { width: 50%; padding: 0 0.5em; margin-bottom: 0.5em; } }
.second-recommend-img { position: relative; }
.second-recommend-img img { width: 100%; }
.second-recommend-imginfo { position: absolute; bottom: 0; width: 100%; padding: 1em; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); margin-bottom: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
@media screen and (max-width: 768px) { .second-recommend-imginfo { padding: 0.5em; font-size: 12px; } }
.second-recommend-urgent { position: absolute; top: 1.5em; left: -5px; background: #ff6861; color: #fff; padding: 0.5em 2em; }
.second-recommend-urgent::after { content: ''; border-top: 5px solid #ff6861; border-left: 5px solid transparent; position: absolute; bottom: -5px; left: 0; }
@media screen and (max-width: 768px) { .second-recommend-urgent { padding: 0.2em 1em; top: 0.5em; } }
.second-recommend-infotitle p { color: #676767; font-size: 14px; margin-bottom: 0; line-height: 3em; }
.second-recommend-infotitle p.pull-left { width: 70%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.second-recommend-infotitle p.pull-right { color: #999; padding-right: 1em; }
@media screen and (max-width: 768px) { .second-recommend-infotitle p.pull-right { padding-right: 0; } }
.second-recommend-infodetail { color: #999; }
.second-recommend-infodetail span { font-size: 14px; color: #cc0000; }
.second-recommend-lists { padding-top: 3em; }
.second-recommend-listsleft { width: 40%; float: left; position: relative; padding-top: 1em; }
.second-recommend-listsleft img { width: 100%; }
.second-recommend-listsright { width: 60%; float: left; }
.second-recommend-listsright li { width: 32%; margin-left: .5em; margin-top: 1em; float: left; position: relative; overflow: hidden; }
.second-recommend-listsright li img { width: 100%; }
.second-recommend-listsright li a:hover .second-recommend-listshover { top: 0; }
.second-recommend-listsright li a:hover .second-recommend-liststitle p { font-size: 20px; line-height: 2em; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.second-recommend-listsright li a:hover .second-recommend-liststitle p.pull-right { font-size: 16px; line-height: 2.5em; }
@media screen and (max-width: 992px) { .second-recommend-listsleft { width: 100%; }
  .second-recommend-listsright { width: 100%; } }
@media screen and (max-width: 992px) and (max-width: 768px) { .second-recommend-listsright li { width: 46%; } }

.second-recommend-listshover { position: absolute; width: 100%; height: 100%; top: 75%; left: 0; padding: 0 0.8em; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.second-recommend-listshover>p { margin-bottom: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;line-height:1.5em;height:3em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.second-recommend-listshover>p:nth-child(2) {height:unset;}
.second-recommend-listshover>p:last-child {height:1.5em;}
@media screen and (max-width: 768px) { .second-recommend-listshover { position: static; }
  .second-recommend-listshover p { font-size: 12px; } }
.second-recommend-liststitle p { width: 50%; overflow: hidden; line-height: 3em; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
@media screen and (max-width: 768px) { .second-recommend-liststitle p { font-size: 12px; } }
.second-recommend-listsfont { color: #999; }
.second-recommend-inner { width: 18em; height: 7em; padding: 1em; position: absolute; top: 4em; top: calc(50% - 3.5em); left: 4em; left: calc(50% - 9em); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B3FFFFFF', endColorstr='#B3FFFFFF'); background-color: rgba(255, 255, 255, 0.7); }
.second-recommend-inner span { color: #333; display: block; text-align: center; font-size: 18px; padding-bottom: 0.5em; }
.second-recommend-inner p { color: #333; border-top: #353432 solid 1px; font-size: 24px; font-weight: 700; text-align: center; }
.second-more, .new-allhouse-more { text-align: center; }
    .second-more a, .new-allhouse-more a { border-radius: 4px; display: inline-block; padding: 0.7em 5em; font-size: 14px; z-index: 10; color: #fff; background: #D0D0D0; position: relative; overflow: hidden; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
.second-more a::after, .new-allhouse-more a::after { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 100%; height: 0; background-color: #f57171; -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.second-more a:hover, .new-allhouse-more a:hover { background: #f57171; text-decoration: none; }
.second-more a:hover::after, .new-allhouse-more a:hover::after { height: 300%; }
.second-broker { padding-top: 5em; background: url(../images/jjrbg.png) no-repeat center 290px; }
@media screen and (max-width: 768px) { .second-broker { padding-top: 1em; background: unset; } }
.second-broker-head { text-align: center; }
@media screen and (max-width: 768px) { .second-broker-head img { width: 100%; } }
.second-broker .second-broker-swiper { padding: 3em 0 4em; }
@media screen and (max-width: 768px) { .second-broker .second-broker-swiper { padding: 1em 0 2em; } }
.second-broker .second-broker-swiper .swiper-slide { width: 20%; overflow: hidden; }
.second-broker .second-broker-swiper .swiper-slide .second-broker-slide { width: 80%; margin-top: 10%; margin-left: 10%; border-radius: 50%; overflow: hidden; }
.second-broker .second-broker-swiper .second-broker-pagination > span { width: 10px; height: 10px; border-radius: 50%; background-color: #666; }
.second-broker .second-broker-swiper .second-broker-pagination > .swiper-pagination-bullet-active { background-color: #F44336; }
.second-broker-slide { position: relative; width: 80%; margin-top: 10%; margin-left: 10%; border-radius: 50%; overflow: hidden; }
.second-broker-slide a:hover { text-decoration: none; }
.second-broker-slide p { position: absolute; bottom: 1em; line-height: 2em; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); text-align: center; width: 100%; color: #fff; }
.second-company { padding-top: 6em; }
@media screen and (max-width: 768px) { .second-company { padding-top: 2em; } }
.second-company-head { text-align: center; }
@media screen and (max-width: 768px) { .second-company-head img { width: 100%; } }
.second-company-swiper { padding: 3em 0 2em; margin-bottom: 2em; }
.second-company-swiper > .second-company-pagination > span { width: 10px; height: 10px; border-radius: 50%; background-color: #666; }
.second-company-swiper .second-company-pagination > .swiper-pagination-bullet-active { background-color: #F44336; }
.second-company-slide a:hover { text-decoration: none; }
.second-company-slide img { background: #000; }
.second-company-slide h2 { font-size: 18px; text-align: center; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; }
.second-company-slide p { color: #a0a0a0; }
.second-company-slide p span { display: inline-block; width: 32%; }
@media screen and (max-width: 768px) { .second-company-slide { padding: 0 0.7em; }
  .second-company-slide img { display: block; }
  .second-company-slide p span { width: inherit; padding: 0 0.2em; } }
.second-video { background: url(../images/bg-news.jpg); padding-top: 6em; margin-top: 5em; }
@media screen and (max-width: 768px) { .second-video { padding-top: 2em; } }
.second-video-head { text-align: center; }
@media screen and (max-width: 768px) { .second-video-head img { width: 100%; } }
.second-video-swiper { padding: 3em 0; margin-bottom: 1em;overflow: visible; }
.second-video-swiper .swiper-wrapper { overflow:hidden; }
.second-video-swiper .second-video-pagination > span { width: 40px; height: 10px; }
.second-video-swiper .second-video-pagination > .swiper-pagination-bullet-active { background-color: #f91; }
.second-video-slide { padding: 0 5px; }
.second-video-slide a { text-decoration: none; }
.second-video-slide a:hover .second-video-slideimg { -moz-transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); transform: scale(1.04); }
.second-video-slideimgs { position: relative; overflow: hidden; }
.second-video-slideimg { -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
.second-video-slidemask { position: absolute; bottom: 0; }
.second-video-slideinfo { background-color: #fff; width: 100%; padding: 0.6em; }
.second-video-slideinfo h2 { width: 60%; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; }
.second-video-slideinfo > p { color: #999; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.second-video-slideinfo > p span { padding-right: 1em; }
.second-video-slideprice { padding: 0.3em 1.5em; position: absolute; background: #fec65b; bottom: 1em; right: 0; }
.second-video-slideprice p { color: #fff; margin-bottom: 0; }
.second-video-slideprice p span { font-size: 20px; }
.second-video-slideprice::after { content: ''; position: absolute; right: 0; bottom: -5px; border-top: 5px solid #fec65b; border-right: 5px solid transparent; }
@media screen and (max-width: 768px) { .second-video-slideprice { padding: 0.3em 0.7em; }
  .second-video-slideprice p { font-size: 12px; }
  .second-video-slideprice p span { font-size: 14px; } }
.second-video-prev { background-image: url(../images/s60-but.png); width: 50px; height: 59px; background-position: -58px 0; background-size: inherit;left:-60px; }
.second-video-prev:hover { background-position: 0 0; }
.second-video-next { background-image: url(../images/s60-but.png); width: 50px; height: 59px; background-position: 0 -64px; background-size: inherit;right:-60px; }
.second-video-next:hover { background-position: -58px -64px; }
@media screen and (max-width: 768px) { .second-video-prev, .second-video-next { display: none; } }
.second-info { padding-top: 6em;margin-bottom:1em; }
@media screen and (max-width: 768px) { .second-info { padding-top: 2em; } }
.second-info-head { text-align: center; margin-bottom: 3em; }
@media screen and (max-width: 768px) { .second-info-head { margin-bottom: 1em; }
  .second-info-head img { width: 100%; } }
.second-info-contenthead { background: url(../images/tit2-line.jpg) repeat-x bottom; margin-bottom: 1.5em; }
.second-info-contenthead p { font-size: 16px; color: #333; line-height: 2em; padding: 0 1em; font-weight: bold; border-bottom: 1px solid #c00; margin-bottom: 0; }
.second-info-contenthead a { color: #e3e3e3; font-size: 14px; padding-right: 8px; margin-top: 4px; }
.second-info-contenthead a:hover { text-decoration: none; }
.second-info-content ul { width: 33.33333%; float: left; padding: 0 1em; }
.second-info-content ul img { width: 100%; }
@media screen and (max-width: 768px) { .second-info-content ul { width: 100%; padding: 0; } }
.second-info-first img { margin-bottom: 1em; }
.second-info-first li { list-style: square inside; line-height: 2.5em; color: #999; }
.second-info-first li a { width: 80%; display: inline-block; color: #333; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.second-info-first li a:hover { color: #c00; text-decoration: none; }
.second-info-second li { margin-bottom: 1.5em; }
.second-info-third a {text-decoration:none;}
.second-info-third p { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;color:#333; }
.second-info-third:hover p { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.second-info-secimg { width: 35%; float: left; }
.second-info-secimg img { width: 100%; }
.second-info-secnews { width: 62%; margin-left: 3%; float: left; }
.second-info-secnews h1 { font-size: 16px; margin-top: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #ce0000; font-weight: bold; }
.second-info-secnews p { color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.second-ad-table { width: 33.33333%; float: left; padding: 0 1em; }
.second-ad-table h1 { font-size: 18px; font-weight: 700; margin-top: 0; }
.second-ad-table table { width: 100%;table-layout: fixed; }
.second-ad-table table thead { background-color: #dcdcdc; padding: 2em 0; }
.second-ad-table table thead tr td { text-align: center; padding: 1em 0; }
.second-ad-table table tbody tr td { text-align: center; line-height: 3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
@media screen and (max-width: 768px) { .second-ad-table { width: 100%; padding: 0; }
  .second-ad-table td { font-size: 12px; } }
.second-ad-imgtable { width: 33.33333%; float: left; padding: 0 0.5em; }
@media screen and (max-width: 768px) { .second-ad-imgtable { width: 100%; } }
.second-ad-imgthead { border-bottom: 3px solid #e89410; }
.second-ad-imgthead a { font-size: 14px; line-height: 3em; color: #333; }
.second-ad-imgthead a:hover { text-decoration: none; }
.second-ad-chart { border: 1px solid #e3e3e3; width: 100%; height: 330px; }

/* 新房首页 */
.new-banner-chosen { position: absolute; top: 0; z-index: 10; width: 100%; height: 100%; }
.new-banner-chosen .container { height: 100%; }
@media screen and (max-width: 768px) { .new-banner-chosen { display: none; } }
.new-banner-chose { width: 200px; height: 100%;overflow:hidden; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#66000000', endColorstr='#66000000'); background-color: rgba(0, 0, 0, 0.4); }
.new-banner-chose div { height: 20%;overflow:hidden;padding:0 10px; }
.new-banner-chose div a { position:relative;display: inline-block; color: #fff; font-size: 16px; vertical-align: middle; padding-left: 80px; height: 100%; width: 100%;border-bottom:1px solid rgba(238, 238, 238, 0.2); -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.new-banner-chose div a.chose-1 { background: url(../images/1.png) no-repeat; background-position: 22px center; }
.new-banner-chose div a.chose-2 { background: url(../images/2.png) no-repeat; background-position: 22px center; }
.new-banner-chose div a.chose-3 { background: url(../images/3.png) no-repeat; background-position: 22px center; }
.new-banner-chose div a.chose-4 { background: url(../images/4.png) no-repeat; background-position: 22px center; }
.new-banner-chose div a.chose-5 { background: url(../images/5.png) no-repeat; background-position: 22px center; }
.new-banner-chose div a:hover { -moz-animation: transaway 1s; -webkit-animation: transaway 1s; animation: transaway 1s; text-decoration: none; }
.new-banner-chose div a:hover::before { content: ''; display: block; position: absolute; width: 140%; height: 140%; left: 0; top: 0; margin-left: -20%; margin-top: -10%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); text-decoration: none; z-index: -1; }.new-search { background: url(../images/sosobg.jpg) no-repeat; padding: 2.5em 1em; }
.new-search-box { margin: 1.5em 0; padding: 1em; background-color: #ebebeb; }
.new-search-box input { width: 100%; padding: 0.1em 0.1em 0.1em 4em; line-height: 3em!important;height:3em!important; background: #fff url(../images/all.png) no-repeat -120px -46px; border: 1px solid #ccc; vertical-align: middle; }
.new-search-box button { width: 12.5%; height: 3.3em; margin-left: 1%; vertical-align: middle; background: #ff6861 url(../images/all.png) no-repeat -266px 1px; border: 0; }
.new-search-input {width: 85%;display:inline-block;vertical-align:middle;}
@media screen and (max-width: 1200px) { .new-search-input { width: 82%; }
  .new-search-box button { width: 15.5%; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .new-search-input { width: 78%; }
  .new-search-box button { width: 19.5%; } }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) { .new-search-box { text-align: center; }
  .new-search-input { width: 100%; margin-bottom: 1em; }
  .new-search-box button { width: 140px; } }


.new-hot { padding: 3em 0 5em; }
.new-hot-head, .new-hothouse-head, .new-news-head, .new-hotbuild-head, .new-allhouse-head { text-align: center; border-bottom: 1px solid #e6e8ea; width: 35%; margin: 0 auto; position: relative;cursor:pointer; }
.new-hot-head h2, .new-hothouse-head h2, .new-news-head h2, .new-hotbuild-head h2, .new-allhouse-head h2 { color: #262626; font-size: 35px; position: relative; cursor: pointer; margin: auto; font-weight: bolder; }
.new-hot-head em, .new-hothouse-head em, .new-news-head em, .new-hotbuild-head em, .new-allhouse-head em { font-size: 20px; margin: 0 1em; }
.new-hot-head p, .new-hothouse-head p, .new-news-head p, .new-hotbuild-head p, .new-allhouse-head p { margin-top: 0.5em; color: #8f8f8f; font-size: 18px; margin-bottom: 1em; }
.new-hot-head span, .new-hothouse-head span, .new-news-head span, .new-hotbuild-head span, .new-allhouse-head span {color:#ff6861;}
.new-hot-head i, .new-hothouse-head i, .new-news-head i, .new-hotbuild-head i, .new-allhouse-head i { position: absolute; bottom: -3px; width: 91px; left: 45%; margin-left: -24px; height: 5px; background: #e6e8ea; display: inline-block; }
.new-hot-head:hover i, .new-hothouse-head:hover i, .new-news-head:hover i, .new-hotbuild-head:hover i, .new-allhouse-head:hover i { -moz-animation: leftright 1s; -webkit-animation: leftright 1s; animation: leftright 1s; }
@media screen and (max-width: 768px) { .new-hot-head, .new-hothouse-head, .new-news-head, .new-hotbuild-head, .new-allhouse-head { width: 100%; padding: 0 1em; } }
.new-hotbuild-lists {margin-top:2.5em;}
.new-hot-tabs, .new-hothouse-tabs, .new-allhouse-tabs { text-align: center; margin: 2.5em 0; }
.new-hot-tabs a, .new-hothouse-tabs a, .new-allhouse-tabs a { text-align: center; color: #131316; display: inline-block; padding: 0.5em 3em; margin: 0 0.5em 0.5em; border: 1px solid #121215; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.new-hot-tabs a:hover, .new-hothouse-tabs a:hover, .new-allhouse-tabs a:hover, .new-hot-tabs a.active, .new-hothouse-tabs a.active, .new-allhouse-tabs a.active { color: #fff; background: #ff6861; border: 1px solid #FF443B; text-decoration: none; }
@media screen and (max-width: 768px) { .new-hot-tabs, .new-hothouse-tabs, .new-allhouse-tabs { margin: 1.5em 0 0; }
  .new-hot-tabs a, .new-hothouse-tabs a, .new-allhouse-tabs a { margin-bottom: 1em; } }
.new-hot-list, .new-hothouse-list { width: 33.33333%; float: left; padding: 1em; }
.new-hot-listimage, .new-hothouse-listimage { width: 100%; }
.new-hot-listimg, .new-hothouse-listimg { position: relative; overflow: hidden; }
.new-hot-listinfo h2, .new-hothouse-listinfo h2 { margin: 0; font-size: 18px; line-height: 2em; color: #424242; }
.new-hot-listinfo p, .new-hothouse-listinfo p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin-top: 0.5em; margin-bottom: 0; font-size: 12px; line-height: 1.8em; color: #adadad; }
@media screen and (max-width: 768px) { .new-hot-list, .new-hothouse-list { width: 100%; } }
.new-hot-list a:hover, .new-hothouse-list a:hover { text-decoration: none; }
.new-hot-list a:hover .new-hot-view, .new-hothouse-list a:hover .new-hot-view, .new-hot-list a:hover .new-hothouse-view, .new-hothouse-list a:hover .new-hothouse-view { top: 30%; }
.new-hot-list a:hover .new-hot-viewbg, .new-hothouse-list a:hover .new-hot-viewbg, .new-hot-list a:hover .new-hothouse-viewbg, .new-hothouse-list a:hover .new-hothouse-viewbg { top: 0; }
.new-hot-list a:hover h2, .new-hothouse-list a:hover h2 { color: #da251c; }
.new-hot-list a:hover p, .new-hothouse-list a:hover p { color: #808080; }
@media screen and (max-width: 992px) { .new-hot-list a:hover .new-hot-view, .new-hothouse-list a:hover .new-hot-view, .new-hot-list a:hover .new-hothouse-view, .new-hothouse-list a:hover .new-hothouse-view { top: 30%; }
  .new-hot-list a:hover .new-hot-viewbg, .new-hothouse-list a:hover .new-hot-viewbg, .new-hot-list a:hover .new-hothouse-viewbg, .new-hothouse-list a:hover .new-hothouse-viewbg { top: 0; } }
.new-hot-view, .new-hothouse-view { position: absolute; z-index: 2; top: -30%; left: 45%; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
@media screen and (max-width: 992px) { .new-hot-view, .new-hothouse-view { width: 15%; left: 43%; } }
.new-hot-viewbg, .new-hothouse-viewbg { position: absolute; width: 100%; top: 100%; left: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.new-hothouse { padding-bottom: 5em; }
.new-news { padding-top: 5em; background: url(../images/bg-news.jpg) repeat; }
.new-news-head { margin-bottom: 1em; }
.new-news-swiper { width: 70%; float: left; clear: both; }
@media screen and (max-width: 768px) { .new-news-swiper { width: 100%; } }
.new-news-swiper .swiper-container { width: 70%; float: right; height: 338px; }
.new-news-swiper .swiper-container .swiper-slide { overflow: hidden; }
.new-news-swiper .swiper-container .swiper-slide img { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.new-news-swiper .swiper-container .swiper-slide img:hover { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }
@media screen and (max-width: 1200px) { .new-news-swiper .swiper-container { height: 280px; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .new-news-swiper .swiper-container { height: 215px; } }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) { .new-news-swiper .swiper-container { width: 100%; height: 190px; } }

.new-news-swiper .swiper-container-vertical > .swiper-pagination-bullets { width: 100%; top: inherit; right: inherit; bottom: 0; }
.new-news-swiper .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; width: 12px; height: 12px; margin: 5px; border-radius: 50%; background-color: #fff; border: 0; }
.new-news-swiper .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #c00; }
.new-news .swiper-imgpagination { width: 30%; float: left; height: 100%; }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) {.new-news-swiperquality .swiper-container { width: 100%; height: 190px; } }
.new-news-swiperquality .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { display: inline-block; width: 12px; height: 12px; margin: 5px; border-radius: 50%; background-color: #fff; border: 0; }
.new-news-swiperquality .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color:#ffaf41}

@media screen and (max-width: 768px) { .new-news .swiper-imgpagination { display: none; } }
.new-news .swiper-imgpagination li { background-color: #fff; padding: 0.5em 1em; padding-right: 0; line-height: 2em; margin-bottom: 1em; margin-right: 1em; list-style: none; position: relative; }
.new-news .swiper-imgpagination li a { color: #434343; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;font-size: 16px; }
.new-news .swiper-imgpagination li a:hover { text-decoration: none; }
.new-news .swiper-imgpagination li i { position: absolute; height: 29px; width: 9px; right: -9px; top: 31%; background: url(../images/all.png) no-repeat -195px -118px; }
.new-news .swiper-imgpagination li.active { background-color: #ff8d8d; }
.new-news .swiper-imgpagination li.active a { color: #fff; }
.new-news .swiper-imgpagination li.active i { background: url(../images/all.png) no-repeat -195px -175px; }
@media screen and (max-width: 1200px) { .new-news .swiper-imgpagination li { margin-bottom: 0.8em; line-height: 1.8em; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .new-news .swiper-imgpagination li { margin-bottom: 0.5em; line-height: 1.3em; }
  .new-news .swiper-imgpagination li i { top: 25%; } }

.new-news-recommend, .new-news-rightcont { width: 28%; margin-left: 20px; background-color: #fff; float: left; -moz-box-shadow: 0 0 10px #e3e3e3; -webkit-box-shadow: 0 0 10px #e3e3e3; box-shadow: 0 0 10px #e3e3e3; border: 1px solid #e3e3e3; height: 338px; }
.new-news-recommendhead, .new-news-righthead { border-bottom: 2px solid #e5e5e5; }
.new-news-recommendhead p, .new-news-righthead p { font-size: 18px; padding-left: 2.1em; line-height: 2.5em; background: url(../images/all.png) no-repeat -465px -615px; color: #2f2e2e; margin-bottom: 0; float: left; }
.new-news-recommendinfos { padding: 1em; }
.new-news-recommendinfos li { padding-left: 0.5em; list-style: inside square; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new-news-recommendinfos li a { color: #727272; line-height: 2.5em; }
.new-news-recommendinfos li a:hover { color: #c00; text-decoration: none; }
@media screen and (max-width: 992px) { .new-news-recommendinfos li a { line-height: 1.8em; } }
@media screen and (max-width: 1200px) { .new-news-recommend, .new-news-rightcont { width: 27%; height: 280px; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .new-news-recommend, .new-news-rightcont { height: 215px; } }

@media screen and (max-width: 768px) { .new-news-recommend, .new-news-rightcont { width: 95%; margin: 1em 2.5%; } }
.new-news-first { margin-bottom: 1em; }
.new-news-leftcont { width: 70%; float: left; padding: 1em; background: #fff; }
@media screen and (max-width: 768px) { .new-news-leftcont { width: 95%; margin-left: 2.5%; } }
.new-news-leftsection { width: 50%; float: left; }
@media screen and (max-width: 768px) { .new-news-leftsection { width: 100%; } }
.new-news-leftswiper .swiper-container { height: 280px; }
.new-news-leftswiper .swiper-container .swiper-pagination-bullets { bottom: 8px; right: 0; left: unset; text-align: right; padding-right: 1em; width: 35%; }
.new-news-leftswiper .swiper-container .swiper-pagination-bullet { width: 25px; height: 5px; background-color: #fff; border: 0; }
.new-news-leftswiper .swiper-container .swiper-pagination-bullet-active { background-color: #c00; }
.new-news-leftswiper .swiper-container .swiper-textscroll { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; padding: 0.5em 0; z-index: 15; height: 2.5em; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); }
.new-news-leftswiper .swiper-container .swiper-textscroll li { position: absolute; text-indent: 1em; width: 65%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #fff; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; bottom: -2em; }
.new-news-leftswiper .swiper-container .swiper-textscroll li.active { bottom: 0.55em; }
.new-news-leftswiper .swiper-container img { height: 100%; }
.new-news-lefthot { margin-top: 2em; padding-right: 1em; border-right: 1px solid #eee; }
.new-news-rightsection { width: 48%; float: left; margin-left: 2%; }
@media screen and (max-width: 768px) { .new-news-leftswiper .swiper-container {height:195px;}
    .new-news-rightsection { width: 100%; margin-left: 0; margin-top: 1.5em; }
    .new-news-leftswiper .swiper-container .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;}
}
.new-news-hothead { background: url(../images/tit2-line.jpg) repeat-x bottom left; }
.new-news-hothead .pull-left { color: #333; border-bottom: 1px solid #c00; font-size: 16px; font-weight: bold; padding: 0 1em; line-height: 2em; margin-bottom: 0; }
.new-news-hothead .pull-right { font-size: 14px; color: #c00; padding-right: 0.6em; margin-top: 0.2em; }
.new-news-hothead .pull-right:hover { text-decoration: none; }
.new-news-hotcontent { padding: 1em; padding-bottom: 0; }
.new-news-hotcontent li { color: #999; list-style: inside square; }
.new-news-hotcontent li a { display: inline-block; color: #333; font-size: 14px; line-height: 2.5em; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; text-decoration: none; }
.new-news-hotcontent li a:hover { color: #c00; }
.new-news-secretnews { border-bottom: 1px solid #eee; margin-bottom: 0.5em; }
.new-news-secrethead p, .new-news-cityhead p { font-size: 14px; width: 5.5em; line-height: 2em; text-align: center; background: #5edd8a; color: #fff; }
.new-news-secrethead a, .new-news-cityhead a { font-size: 14px; color: #c00; padding-right: 0.6em; margin-top: 0.2em; }
.new-news-secrethead a:hover, .new-news-cityhead a:hover { text-decoration: none; }
.new-news-secretcontent ul, .new-news-citycontent ul { padding: 1em; margin-bottom: 0; }
.new-news-secretcontent ul li, .new-news-citycontent ul li { list-style: inside square; color: #999; }
.new-news-secretcontent ul li a, .new-news-citycontent ul li a { display: inline-block; vertical-align: middle; line-height: 2em; font-size: 14px; color: #333; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.new-news-secretcontent ul li a:hover, .new-news-citycontent ul li a:hover { text-decoration: none; color: #c00; }
.new-news-secretimg, .new-news-cityimg { margin-top: 1.1em; }
.new-news-secretimg .pull-left, .new-news-cityimg .pull-left { width: 40%; }
.new-news-secretimg .pull-left img, .new-news-cityimg .pull-left img { width: 100%; }
.new-news-secretimg .pull-right, .new-news-cityimg .pull-right { width: 55%; margin-left: 5%; }
.new-news-secretimg .pull-right h2, .new-news-cityimg .pull-right h2 { margin-top: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #ce0000; font-weight: bold; }
.new-news-secretimg .pull-right p, .new-news-cityimg .pull-right p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; color: #999; line-height: 1.7em; margin-bottom: 0; }
.new-news-cityhead p { background: #fdc769; }
.new-news-rightcont { height: inherit; }
.new-news-righthead p { background: url(../images/all.png) no-repeat -219px -162px; }
.new-news-rightinfo { padding: 1em; }
.new-news-rightinfo p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.new-news-rightinfo ul { border-top: 1px dashed #e3e3e3; margin-bottom: 0; }
.new-news-rightinfo ul li { cursor: pointer; color: #333; line-height: 2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.new-news-rightinfo ul li a {color: #333;}
.new-news-rightinfo ul li a:hover {text-decoration:none;color: #ce0000;}
.new-news-rightchart { height: 260px; }
.new-news-third { margin-top: 1.5em; }
@media screen and (max-width: 768px) { .new-news-third { margin-top: .7em; } }
.new-news-lists { width: 33.33333%; float: left; padding: 0 1em; }
@media screen and (max-width: 768px) { .new-news-lists { width: 100%; margin-bottom: 1em; } }
.new-news-lists table { width: 100%; margin-top: 1em; table-layout: fixed; }
.new-news-lists table thead { background: #dcdcdc; }
.new-news-lists table tbody { background-color: #fff; }
.new-news-lists table tbody tr { border-bottom: 1px solid #e3e3e3; }
.new-news-lists table th { line-height: 3em; text-align: center; }
.new-news-lists table td { line-height: 3em; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.new-news-lists table td a { color: #333; }
.new-news-lists table td a:hover { text-decoration: none; }
.new-news-lists table td i { display: inline-block; width: 25px; height: 25px; line-height: 1.8em; border-radius: 50%; background-color: #ff6d6d; color: #fff; }
.new-news-lists table td.short { width: 150%; }
.new-news-forth { margin-top: 1em; padding-bottom: 4em; }
@media screen and (max-width: 768px) { .new-news-forth { padding-bottom: 2em; } }
.new-news-quality { width: 66.6667%; padding: 0 1em; float: left; }
.new-news-qualityright { width: 42%; float: left; padding: 0 1em; background-color: #fff; height: 255px; }
.new-news-qualityright a { display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 3em; color: #333; }
.new-news-qualityright a:hover { color: #f00;text-decoration:none; }
@media screen and (max-width: 1200px) { /*.new-news-qualityright { height: 210px; }*/
  .new-news-qualityright a { line-height: 2.5em; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { /*.new-news-qualityright { height: 160px; }*/
  .new-news-qualityright a { line-height: 2em; } }

.new-news-qualityhead { padding: 0.5em 0 1em; }
.new-news-qualityhead a { color: #333; }
.new-news-qualityhead a:hover { text-decoration: none; }
@media screen and (max-width: 768px) { .new-news-quality { width: 100%; }
  .new-news-quality .new-news-swiperquality { width: 100%; }
  .new-news-qualityright { width: 100%; } }
.new-news-help { width: 33.3333%; float: left; padding: 0 1em; }
.new-news-helphead { padding: 0.5em 0 1em; }
.new-news-helpinfo { height: 255px; background-color: #fff; padding: 1em; }
.new-news-helpinfo ul { margin-bottom: 0; }
.new-news-helpinfo li { cursor: pointer; border-bottom: 1px dashed #e3e3e3; }
.new-news-helpinfo li p { padding-top: 5px; }
.new-news-helpinfo li i { display: inline-block; width: 23px; height: 23px; background-color: #ffbe22; line-height: 23px; text-align: center; color: #fff; border-radius: 5px; vertical-align: middle; }
.new-news-helpinfo li i.answers { background-color: #18d657; }
.new-news-helpinfo li span { display: inline-block; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 23px; vertical-align: middle; padding-left: 5px; }
@media screen and (max-width: 1200px) { /*.new-news-helpinfo { height: 210px; }*/
  .new-news-helpinfo li span { width: 88%; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { /*.new-news-helpinfo { height: 160px; }*/
  .new-news-helpinfo li p { margin: 0; padding: .3em 0; }
  .new-news-helpinfo li span { width: 85%; } }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) { .new-news-helpinfo { height: inherit; } }

@media screen and (max-width: 768px) { .new-news-help { width: 100%; margin-top: 1em; } }
.new-news-swiperquality { width: 58%; float: left;height:255px; }
.new-news-swiperquality .swiper-container {height:100%;}
.new-news-swiperquality .swiper-container .swiper-slide img {height:100%;}
.new-hotbuild, .new-allhouse { padding-top: 5em; padding-bottom: 4em; border-bottom: 1px solid #e3e3e3; }
@media screen and (max-width: 768px) { .new-hotbuild, .new-allhouse { padding-top: 3em; } }
.new-hotbuild-list, .new-allhouse-list { width: 33.33333%; float: left; padding: 0 1em; }
.new-hotbuild-list a, .new-allhouse-list a {text-decoration:none;}
@media screen and (max-width: 768px) { .new-hotbuild-list, .new-allhouse-list { width: 100%; } }
.new-hotbuild-img, .new-allhouse-img { position: relative; overflow: hidden; margin-bottom: 0.5em; }
.new-hotbuild-img img, .new-allhouse-img img { width: 100%; }
.new-hotbuild-img em, .new-allhouse-img em { position: absolute; display: inline-block; width: 100%; padding-left: 1em;margin-bottom:0; line-height: 2.5em; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); bottom: 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.new-hotbuild-img:hover .new-hotbuild-hover, .new-allhouse-img:hover .new-hotbuild-hover, .new-hotbuild-img:hover .new-allhouse-hover, .new-allhouse-img:hover .new-allhouse-hover { left: 0; }
.new-hotbuild-hover, .new-allhouse-hover { width: 150px; height: 100%; position: absolute; padding-top: 20%; top: 0; left: -100%; -moz-transition: all 0.7s; -o-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s; background: url(../images/listbg.png); }
.new-hotbuild-hover p, .new-allhouse-hover p { background: url(../images/all.png) no-repeat -120px -387px; margin-bottom: 0; padding-top: 3.5em; color: #fff; text-align: center; }
.new-hotbuild-info p, .new-allhouse-info p { margin-bottom: 0; color: #999; }
.new-hotbuild-info p span, .new-allhouse-info p span { display: inline-block; color: #999; font-size: 14px; }
.new-hotbuild-info p span.pull-left, .new-allhouse-info p span.pull-left { width: 75%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 2em; }
.new-hotbuild-info p span.pull-right, .new-allhouse-info p span.pull-right { padding-left: 20px; background: url(../images/all.png) no-repeat -188px -222px; margin-right: 0.3em; line-height: 2em; }
.new-hotbuild-info p span.new-hotbuild-price, .new-allhouse-info p span.new-hotbuild-price, .new-hotbuild-info p span.new-allhouse-price, .new-allhouse-info p span.new-allhouse-price { line-height: 2em; color: #c00; }
.new-hotbuild-tabs { width: 20%; margin: 3em auto 0; text-align: center; height: 1px; background: #e3e3e3; position: relative; }
@media screen and (max-width: 768px) { .new-hotbuild-tabs { width: 100%; } }
.new-hotbuild-tabswrap { position: absolute; height: 16px; width: 100%; left: 0; top: -7px; }
.new-hotbuild-tabswrap span { display: inline-block; width: 15px; height: 15px; background-color: #e3e3e3; cursor: pointer; border-radius: 50%; line-height: 16px; margin: 0 5px; }
.new-hotbuild-tabswrap span:hover, .new-hotbuild-tabswrap span.active { background-color: #ff6868; }
.new-allhouse { border-bottom: 0; }
.new-allhouse-more { margin-top: 3em; }
.new-links { margin:2em auto;}
.new-links-wrap { border: 1px solid #e3e3e3; }
.new-links-wrap ul { padding: 1em 0.5em; margin-bottom: 0; }
.new-links-wrap ul li { width: 25%; padding: 0 0.5em; float: left; }
.new-links-wrap ul li img { width: 100%; }
.new-links-wrap ul li a { display: inline-block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #4d4d4d; line-height: 2em; }
.new-links-wrap ul li a:hover { color: #da251c; text-decoration: none; }
.new-links-wrap ul li a:hover img {-moz-animation: bigreverse 1s; -webkit-animation: bigreverse 1s; animation: bigreverse 1s;}
@media screen and (max-width: 768px) { .new-links-wrap ul li { width: 100%; } }
.new-links-lines { background-color: #e3e3e3; height: 2px; width: 100%; position: relative; margin: 20px 0; }
.new-links-lines p { position: absolute; top: -12px; font-size: 18px; font-weight: 700; left: 50%; background-color: #fff; padding: 0 20px;margin-left:-3em; }

/* 新闻资讯 */
.news-search { margin-top: 2em; margin-bottom: 3em; }
.news-search-left { width: 65%; float: left; background: url(../images/today-bg.jpg) no-repeat; }
.news-search-left .swiper-container { width: 70%; float: right; height: 63px; }
.news-search-left .swiper-container h2 { width: 100%; font-size: 30px; font-weight: 700; margin: 0; padding: 15px; height: 63px; }
.news-search-left .swiper-container h2 a { color: #464857; display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-search-left .swiper-container h2:hover a { text-decoration: none; -moz-animation: shakesing 1s; -webkit-animation: shakesing 1s; animation: shakesing 1s; }
.news-search-right { width: 35%; float: left; font-size: 0px; }
.news-search-right input { height: 54px; width: 75%; font-size: 18px; border: 2px solid #464857; text-indent: 1em; }
.news-search-right button { border: 0; height: 54px; width: 25%; font-size: 18px; color: #fff; background-color: #464857; }
@media screen and (max-width: 1200px) { .news-search-left .swiper-container { width: 65%; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .news-search-left .swiper-container { width: 54%; } }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) { .news-search { margin-top: 1em; margin-bottom: 1em; }
  .news-search-left { width: 100%; background-size: 250% 100%; margin-bottom: 0.5em; }
  .news-search-left .swiper-container { width: 55%; height: 45px; }
  .news-search-left .swiper-container h2 { font-size: 20px; padding: 12px; }
  .news-search-right { width: 100%; }
  .news-search-right input, .news-search-right button { font-size: 14px; height: 42px; } }

.news-column { background: #f9f9f9; padding: 1em 0.5em 0; }
.news-column-tabs { margin-bottom: 1em; }
.news-column-tabs div { width: 33.33333%; padding: 0 0.5em; float: left; }
.news-column-tabs div li { list-style: none; background: #ececec; border-top: 5px solid #d2d2d2; font-size: 22px; line-height: 2.4em; text-align: center; cursor: pointer; }
.news-column-tabs div li.active, .news-column-tabs div li:hover { border-top: 5px solid #f54545; color: #f54545; background: #fff; }
@media screen and (max-width: 768px) { .news-column-tabs div { padding: 0 0.2em; }
  .news-column-tabs div li { font-size: 14px; } }
.news-column-content { padding: 0 1em; }
@media screen and (max-width: 768px) { .news-column-content { padding: 0; } }
.news-column-leftcont { width: 48%; float: left; position: relative; }
.news-column-leftcont a { display: inline-block; overflow: hidden; width: 100%;}
.news-column-leftcont:hover img { -moz-animation: bigreverse 0.5s; -webkit-animation: bigreverse 0.5s; animation: bigreverse 0.5s; }
.news-column-leftcont img { width: 100%; }
    .news-column-leftcont p { margin-bottom: 0; width: 100%; position: absolute; bottom: 5px; font-size: 16px; line-height: 2.4em; text-align: center; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); padding: 0 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
@media screen and (max-width: 768px) { .news-column-leftcont { width: 100%; font-size: 0; } }
.news-column-rightcont { width: 52%; float: left; }
.news-column-rightcont div { width: 50%; height: 168px; padding-left: 1em; margin-bottom: 1em; float: left; }
.news-column-rightcont div a { display: inline-block; overflow: hidden; position: relative; height: 100%; }
.news-column-rightcont div:hover img { -moz-animation: bigreverse 0.5s; -webkit-animation: bigreverse 0.5s; animation: bigreverse 0.5s; }
.news-column-rightcont div img { width: 100%; }
.news-column-rightcont div p { position: absolute; margin-bottom: 0; width: 100%; bottom: 0; font-size: 13px; line-height: 2em; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); padding: 0 1em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
@media screen and (max-width: 1200px) { .news-column-rightcont div { height: 140px; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .news-column-rightcont div { height: 105px; } }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) { .news-column-rightcont { width: 100%; }
  .news-column-rightcont div { padding: 5px; margin-top: 5px; margin-bottom: 0; height: inherit; font-size: 0; } }

.news-lists { border: 1px solid #e3e3e3; border-top: 4px solid #ff8322; padding: 1em; }
.news-lists-list { width: 50%; padding: 1em; float: left; }
.news-lists-column { border-bottom: 1px solid #e3e3e3; list-style: none; padding: 1em 0; }
.news-lists-column:first-child { padding-top: 0; }
.news-lists-column a { text-decoration: none; }
.news-lists-column h1 { margin-top: 0; font-size: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 700; color: #333; }
.news-lists-column h1:hover { color: #d42020; }
.news-lists-column p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #666; margin-bottom: 0; }
.news-lists-column p:hover { color: #d42020; }
.news-lists-column li { line-height: 2em; padding-left: 20px; background: url(../images/news.png) no-repeat -1px 6px; color: #999; }
.news-lists-column li p { display: inline-block; width: 90%; vertical-align: middle; }
.news-lists-columnimg { width: 25%; float: left; }
.news-lists-columnimg img { width: 100%; }
.news-lists-columnimg img:hover { -moz-animation: bigreverse 0.8s; -webkit-animation: bigreverse 0.8s; animation: bigreverse 0.8s; }
.news-lists-columninfo { width: 75%; padding-left: 20px; float: left; }
@media screen and (max-width: 992px) { .news-lists-column { padding: 0.5em 0; } }
.news-lists-column .news-lists-htitle { padding-left: 0; background: inherit; margin-top: 0; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 700; color: #333; }
.news-lists-column .news-lists-htitle:hover { color: #d42020; }
.news-lists-swiper { width: 50%; float: left; }
.news-lists-swiper .swiper-container { height: 340px; }
.news-lists-swiper .swiper-container .swiper-pagination { text-align: right; bottom: 14px; padding-right: 15px; }
.news-lists-swiper .swiper-container .swiper-pagination-bullet { border-radius: 50%; width: 14px; height: 14px; border: 0; background: #b4b4b4; }
.news-lists-swiper .swiper-container .swiper-pagination-bullet-active { background: #ff6900; }
.news-lists-swiper .swiper-container .swiper-slide { position: relative; height: 340px; }
.news-lists-swiper .swiper-container .swiper-slide img:hover { -moz-animation: bigreverse 0.8s; -webkit-animation: bigreverse 0.8s; animation: bigreverse 0.8s; }
.news-lists-swiper .swiper-container .swiper-slide-active .news-lists-progress { -moz-animation: widthlong linear alternate 4.2s; -webkit-animation: widthlong linear alternate 4.2s; animation: widthlong linear alternate 4.2s; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.news-lists-swiperinfo { padding: .8em; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 0; width: 100%; z-index: 5; }
.news-lists-swiperinfo p { color: #fff; margin-bottom: 0; width: 70%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-lists-progress { position: absolute; bottom: 0; width: 0%; height: 5px; z-index: 6; background: #ff6900; }
@media screen and (max-width: 992px) { .news-lists { padding-bottom: 0; }
  .news-lists-swiper .swiper-container { height: 270px; }
  .news-lists-swiper .swiper-container .swiper-slide { height: 270px; } }
@media screen and (max-width: 992px) and (max-width: 768px) { .news-lists { padding-bottom: 1em; }
  .news-lists-list { width: 100%; padding: 0; padding-bottom: 1em; }
  .news-lists-columninfo h2 { margin-bottom: 0; }
  .news-lists-columnimg { margin-top: 12px; }
  .news-lists-swiper { width: 100%; height: inherit; }
  .news-lists-swiper .swiper-container { height: inherit; }
  .news-lists-swiper .swiper-container .swiper-slide { height: inherit; } }

.news-newhouse { padding: 2.5em 0; }
.news-newhouse-left, .news-second-left, .news-buildvideo-left { width: 20%; float: left; }
.news-newhouse-left h2, .news-second-left h2, .news-buildvideo-left h2 { background: url(../images/news.png) no-repeat -9px -107px; font-size: 33px; line-height: 1.2em; font-weight: 700; padding-left: 30px; margin-top: 0; color: #5e5d5d; }
.news-newhouse-left p, .news-second-left p, .news-buildvideo-left p { font-size: 18px; padding: 0.6em 0; }
@media screen and (max-width: 992px) { .news-newhouse-left h2, .news-second-left h2, .news-buildvideo-left h2 { font-size: 24px; }
  .news-newhouse-left p, .news-second-left p, .news-buildvideo-left p { font-size: 16px; } }
@media screen and (max-width: 992px) and (max-width: 768px) { .news-newhouse-left, .news-second-left, .news-buildvideo-left { width: 100%; padding: 0 1em; margin-bottom: 1em; } }

.news-newhouse-lists { height: 340px; overflow-y: scroll; overflow-x: hidden; width: 100%; }
.news-newhouse-lists li { list-style: none; }
.news-newhouse-lists li > p { font-size: 14px; margin-bottom: 0; padding-left: 25px; text-indent: 1em; }
.news-newhouse-lists li > p a {color:#333;}
.news-newhouse-lists li > p a:hover {color:#CD2727;text-decoration:none;}
.news-newhouse-lists li > p .pull-right { color: #d42020; padding-right: 5px; }
@media screen and (max-width: 992px) { .news-newhouse-lists li > p { text-indent: 0; } }
.news-newhouse-timeline { padding: 10px 0 0 25px; position: relative; }
.news-newhouse-timeline em { width: 7px; height: 7px; border-radius: 50%; background: #f0f0f0; display: inline-block; position: absolute; left: 5px; top: 19px; }
.news-newhouse-timeline span { display: block; line-height: 25px; margin-top: 5px; position: absolute; width: 1px !important; height: 100%; background-color: #e3e3e3; left: 8px; top: 0px; }
.news-newhouse-timeline p { background: url(../images/news.png) no-repeat -6px -448px; color: #636363; text-align: left; margin-bottom: 0; font-size: 14px; line-height: 14px; text-indent: 1em; }
.news-newhouse-right, .news-second-right, .news-buildvideo-right { width: 77%; margin-left: 3%; float: left; }
@media screen and (max-width: 768px) { .news-newhouse-right, .news-second-right, .news-buildvideo-right { width: 100%; margin-left: 0; padding: 0 1em; } }
.news-newhouse-rtab, .news-second-rtab, .news-buildvideo-rtab { background: #f0f0f0; margin-bottom: 10px; }
.news-newhouse-rtab div, .news-second-rtab div, .news-buildvideo-rtab div { float: left; font-size: 18px; padding: 0.7em 1.5em; cursor: pointer; color: #5e5d5d; }
.news-newhouse-rtab div.active, .news-second-rtab div.active, .news-buildvideo-rtab div.active { background: #ff5b5b; color: #fff; position: relative; }
.news-newhouse-rtab div.active::after, .news-second-rtab div.active::after, .news-buildvideo-rtab div.active::after { content: ''; position: absolute; left: 45%; bottom: -7px; border-top: 7px solid #ff5b5b; border-left: 9px solid transparent; border-right: 9px solid transparent; }
.news-newhouse-rtab div.more a, .news-second-rtab div.more a, .news-buildvideo-rtab div.more a { color: #5e5d5d; text-decoration: none; }
@media screen and (max-width: 1200px) { .news-newhouse-rtab div, .news-second-rtab div, .news-buildvideo-rtab div { padding: 0.7em 1.5em; } }
@media screen and (max-width: 1200px) and (max-width: 992px) { .news-newhouse-rtab div, .news-second-rtab div, .news-buildvideo-rtab div { font-size: 14px; padding: 0.7em 1em; } }

@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) { .news-newhouse-rtab div, .news-second-rtab div, .news-buildvideo-rtab div { font-size: 12px; padding: 0.5em; }
  .news-newhouse-rtab div.active::after, .news-second-rtab div.active::after, .news-buildvideo-rtab div.active::after { left: 35%; } }

.news-newhouse-rcontent .left, .news-second-rcontent .left { width: 66%; float: left; }
.news-newhouse-rcontent .left .changecontent li, .news-second-rcontent .left .changecontent li { list-style: none; border-bottom: 1px dashed #d8d8d8; padding: 1em 0; }
.news-newhouse-rcontent .left .changecontent-img, .news-second-rcontent .left .changecontent-img { width: 35%; float: left;position:relative;overflow:hidden; }
.news-newhouse-rcontent .left .changecontent-img img, .news-second-rcontent .left .changecontent-img img { width: 100%; }
.news-newhouse-rcontent .left .changecontent-img .public-rgba, .news-second-rcontent .left .changecontent-img .public-rgba {position: absolute;display:block; background-color: red; top: 0; left: -90px; width: 80px; height: 200px; z-index: 2; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#33FFFFFF', endColorstr='#33FFFFFF'); background-color: rgba(255, 255, 255, 0.2); -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; -moz-transform: skew(30deg, 5deg); -ms-transform: skew(30deg, 5deg); -webkit-transform: skew(30deg, 5deg); transform: skew(30deg, 5deg);}
.news-newhouse-rcontent .left .changecontent-img:hover .public-rgba, .news-second-rcontent .left .changecontent-img:hover .public-rgba {left:300px;}
@media screen and (max-width: 768px) { .news-newhouse-rcontent .left .changecontent-img img, .news-second-rcontent .left .changecontent-img img { margin-top: 1.6em; } }
.news-newhouse-rcontent .left .changecontent-info, .news-second-rcontent .left .changecontent-info { width: 65%; padding-left: 15px; float: left; }
.news-newhouse-rcontent .left .changecontent-info h2, .news-second-rcontent .left .changecontent-info h2 { font-size: 18px; font-weight: 700; margin-top: 10px; color: #474646; line-height: 1.3em;max-height:2.6em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.news-newhouse-rcontent .left .changecontent-info p, .news-second-rcontent .left .changecontent-info p { color: #999; line-height: 1.5em; margin-bottom: 0;height:3em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
@media screen and (max-width: 992px) { .news-newhouse-rcontent .left .changecontent-info h2, .news-second-rcontent .left .changecontent-info h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
  .news-newhouse-rcontent .left .changecontent-info p, .news-second-rcontent .left .changecontent-info p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; } }
.news-newhouse-rcontent .left .content-list, .news-second-rcontent .left .content-list { margin-top: 20px; }
.news-newhouse-rcontent .left .content-list li, .news-second-rcontent .left .content-list li { background: url(../images/news.png) no-repeat -6px -59px; width: 50%; float: left; padding-left: 17px; overflow: hidden; white-space: nowrap; line-height: 2em; }
.news-newhouse-rcontent .left .content-list li a, .news-second-rcontent .left .content-list li a { color: #4f4f4f; text-decoration: none; }
.news-newhouse-rcontent .left .content-list li a:hover, .news-second-rcontent .left .content-list li a:hover {color:#CD2727;}
@media screen and (max-width: 768px) { .news-newhouse-rcontent .left, .news-second-rcontent .left { width: 100%; } }
.news-newhouse-rcontent .right, .news-second-rcontent .right { float: right; width: 30%; }
.news-newhouse-rcontent .right-head, .news-second-rcontent .right-head { background: url(../images/tit2-line.jpg) repeat-x bottom left; }
.news-newhouse-rcontent .right-head p, .news-second-rcontent .right-head p { float: left; padding: 0.5em; border-bottom: 1px solid #cc0000; color: #333; font-weight: bold; margin-bottom: 0; font-size: 16px; }
.news-newhouse-rcontent .right-head a, .news-second-rcontent .right-head a { float: right; color: #c00; margin-top: 4px; }
.news-newhouse-rcontent .right-head a:hover, .news-second-rcontent .right-head a:hover {text-decoration:none;}
.news-newhouse-rcontent .right ul, .news-second-rcontent .right ul { margin-top: 10px; margin-bottom: 10px; }
.news-newhouse-rcontent .right ul li, .news-second-rcontent .right ul li { padding-left: 10px; list-style: inside square; color: #999; }
.news-newhouse-rcontent .right ul li a, .news-second-rcontent .right ul li a { display: inline-block; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; color: #333; line-height: 2em; }
.news-newhouse-rcontent .right ul li a:hover, .news-second-rcontent .right ul li a:hover { color: #d42020; text-decoration: none; }
.news-newhouse-rcontent .right img, .news-second-rcontent .right img {width:100%;}
.news-newhouse-rcontent .right-img, .news-second-rcontent .right-img {display:inline-block;width:100%;margin:10px 0;}
@media screen and (max-width: 992px) { .news-newhouse-rcontent .right ul li a, .news-second-rcontent .right ul li a { width: 88%; } }
@media screen and (max-width: 768px) { .news-newhouse-rcontent .right, .news-second-rcontent .right { width: 100%; } }
.news-second-lefttabs span { display: inline-block; width: 30%; margin: 1%; background: #e9e9e9; color: #696969; line-height: 2.4em; text-align: center; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.news-second-lefttabs span:hover, .news-second-lefttabs span.active { background: #ff5b5b; color: #fff; }
.news-second-leftlist { padding-top: 1em; }
.news-second-leftlist li { line-height: 2.4em; }
.news-second-leftlist li:hover {background:#fafafa;}
.news-second-leftlist li a { float: left; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #474646; text-decoration: none; }
.news-second-leftlist li span { float: left; width: 25%; color: #999; }
.news-second-leftlist li em { float: left; width: 25%; color: #cf0f0f; }
.news-buildvideo { margin-top: 2em; }
.news-buildvideo-left ul li { padding-left: 30px; background: url(../images/news.png) no-repeat -2px -170px; }
.news-buildvideo-left ul li a { display: inline-block; line-height: 2em; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #999; }
.news-buildvideo-left ul li a:hover { color: #ef2525;text-decoration:none; }
.news-buildvideo-left ul li a em { color: #333; }
.news-buildvideo-right .video-listleft { float: left; width: 50%; position: relative; overflow: hidden; }
.news-buildvideo-right .video-listleft img { width: 100%; }
.news-buildvideo-right .video-listleft p { position: absolute; width: 100%; height: 40px; line-height: 40px; font-size: 16px; bottom: 0; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); margin-bottom: 0; color: #fff; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }
.news-buildvideo-right .video-listleft i { width: 73px; height: 73px; position: absolute; background: url(../images/news.png) no-repeat -3px -318px; left: 50%; top: -91px; margin-left: -28px; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }
.news-buildvideo-right .video-listleft:hover p { height: 100%; line-height: 2500%; }
.news-buildvideo-right .video-listleft:hover i { top: 88px; }
@media screen and (max-width: 768px) { .news-buildvideo-right .video-listleft { width: 100%; margin-bottom: 1em; }
  .news-buildvideo-right .video-listleft p { font-size: 12px; }
  .news-buildvideo-right .video-listleft:hover i { top: 44px; } }
.news-buildvideo-right .video-listright { width: 50%; float: left; }
.news-buildvideo-right .video-listright li { width: 50%; float: left; padding: 1em; padding-top: 0; padding-right: 0; list-style: none; overflow: hidden; }
.news-buildvideo-right .video-listright li a { display: inline-block; position: relative; }
.news-buildvideo-right .video-listright li a img { width: 100%; }
.news-buildvideo-right .video-listright li a p { position: absolute; width: 100%; height: 40px; line-height: 40px; font-size: 16px; bottom: 0; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background-color: rgba(0, 0, 0, 0.6); margin-bottom: 0; color: #fff; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-buildvideo-right .video-listright li a i { width: 38px; height: 40px; background: url(../images/news.png) no-repeat -15px -406px; display: inline-block; position: absolute; top: -81px; left: 50%; margin-left: -19px; -moz-transition: all 0.8s; -o-transition: all 0.8s; -webkit-transition: all 0.8s; transition: all 0.8s; }
.news-buildvideo-right .video-listright li:hover p { height: 100%; line-height: 1300%; }
.news-buildvideo-right .video-listright li:hover i { top: 32px; }
@media screen and (max-width: 768px) { .news-buildvideo-right .video-listright { width: 100%; }
  .news-buildvideo-right .video-listright li { padding: 0 0.2em 0.2em; }
  .news-buildvideo-right .video-listright li a p { font-size: 12px; }
  .news-buildvideo-right .video-listright li:hover { top: 21px; } }
