/*!--首页------------------*/
.indexTitle {
  padding-top: 65px;
  margin-bottom: 45px;
  text-align: center;
  font-size: 18px;
  color: #999;
}
.indexTitle fieldset {
  width: 970px;
  height: 115px;
  padding: 0;
  margin: 0 auto;
  border: 4px solid #e0e0e0;
}
.indexTitle legend {
  margin: 0 auto 12px;
}
.indexTitle h2 {
  height: 44px;
  padding: 2px 28px 0;
  line-height: 44px;
  font-size: 36px;
  font-weight: normal;
  color: #3e3a39;
}
.indexTitle h2 .dot {
  padding: 0 6px;
  margin-top: -10px;
  font-size: 52px;
  line-height: 6px;
  vertical-align: middle;
}
.indexTitle2 {
  color: #f5f5f5;
}
.indexTitle2 fieldset {
  border-color: rgba(255, 255, 255, 0.12);
}
.indexTitle2 h2 {
  color: #fff;
}
.indexMore {
  display: block;
  width: 454px;
  height: 40px;
  margin: 35px auto;
  border: 1px solid #959595;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #2d2d2d;
}
.indexMore2 {
  border-color: rgba(245, 245, 245, 0.5);
  color: #f5f5f5;
}
.indexMore:hover {
  border-color: #c4261e;
  background: #c4261e;
  color: #fff;
}

.indexSlide {
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
}
.indexSlide .slide {
  position: relative;
  height: 595px;
}
.indexSlide .slide .bd {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 595px;
  background: #eee;
}
.indexSlide .slide .bd li img {
  min-height: 595px;
}
.indexSlide .slide .hd {
  z-index: 3;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.indexSlide .slide .hd span {
  width: 65px;
  height: 20px;
  cursor: pointer;
}
.indexSlide .slide .hd span:after {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  margin: 8px auto;
  background: #353535;
}
.indexSlide .slide .hd span:hover:after,
.indexSlide .slide .hd span.active:after {
  background: #f5f5f5;
}
.indexSlide .slide .btn {
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  position: absolute;
  top: 50%;
  margin-top: -45px;
  width: 60px;
  height: 90px;
}
.indexSlide .slide .btn i {
  width: 60px;
  height: 90px;
  text-indent: -999em;
}
.indexSlide .slide .prev {
  margin-right: 130px;
  right: 100%;
}
.indexSlide .slide .prev i {
  background-position: 0 -60px;
}
.indexSlide .slide .next {
  margin-left: 130px;
  left: 100%;
}
.indexSlide .slide .next i {
  background-position: -120px -60px;
}
.indexSlide .slide .prev:hover i {
  background-position: -60px -60px;
}
.indexSlide .slide .next:hover i {
  background-position: -180px -60px;
}
.indexSlide .slide:hover .btn {
  opacity: 1;
  visibility: visible;
}
.indexSlide .slide:hover .prev {
  margin-right: 0;
}
.indexSlide .slide:hover .next {
  margin-left: 0;
}

.iBannerOrder {
  z-index: 4;
  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -453px;
  width: 906px;
  height: 95px;
  background: rgba(0, 0, 0, 0.2);
}
.iBannerOrder .ht {
  padding: 3px 0 0 16px;
  line-height: 34px;
  color: #fff;
}
.iBannerOrder .form {
  padding-left: 16px;
}
.iBannerOrder .table {
  clear: none;
  float: left;
  width: auto;
  margin-right: 10px;
}
.iBannerOrder .table .left {
  display: none;
}
.iBannerOrder .table .right .input-text {
  height: 44px;
  padding: 0 14px;
  border-color: #fff;
  border-radius: 4px;
}
.iBannerOrder .table .right .button {
  width: 228px;
  height: 46px;
  line-height: 46px;
  border-radius: 4px;
}

.indexModule {
  padding: 84px 0 20px;
  background: #fff;
}
.indexModule .h2 {
  padding-bottom: 75px;
  line-height: 36px;
  text-align: center;
  font-size: 36px;
  font-weight: normal;
  color: #3e3a39;
}
.indexModule ul {
  box-shadow: 0 0 4px rgba(21, 21, 21, 0.18);
}
.indexModule li {
  float: left;
  width: 244px;
  height: 222px;
}
.indexModule li.ht {
  width: 222px;
  background: #c13027;
}
.indexModule li.ht.hover {
  background: #cf4239;
}
.indexModule li .imga {
  height: 158px;
  padding: 32px 0;
  text-align: center;
}
.indexModule li .line {
  position: absolute;
  right: 0;
  top: 32px;
  bottom: 32px;
  width: 1px;
  background: #e1e1e1;
}
.indexModule li .ico {
  display: block;
  overflow: hidden;
  width: 44px;
  height: 44px;
  margin: 0 auto;
}
.indexModule li .title {
  padding: 20px 0 12px;
  font-size: 20px;
  font-weight: normal;
  color: #555;
}
.indexModule li .note {
  line-height: 18px;
  color: #797979;
}
.indexModule li .imga:hover .ico img {
  margin-top: -44px;
}
.indexModule li .imga:hover .title {
  color: #c03027;
}

/* .indexModule{padding: 48px 0;background: #E3E3E3;}
	.indexModule li{float: left;display: inline;width: 190px;height: 71px;margin-right: 12px;}
	.indexModule li .imga{padding: 17px 0;border: 1px solid #DEDEDE;border-radius: 4px;background: #FFF;line-height: 35px;text-align: center;cursor: pointer;}
	.indexModule li .imga .ico{overflow: hidden;width:35px;height:35px;transition: all .3s linear 0s}
	.indexModule li .imga .ico img{height: 70px;}
	.indexModule li .imga .tit{font-weight: normal;font-size: 18px;transition: margin .3s linear 0s}
	.indexModule li .imga:hover{border-color: #201E1D;background: #201E1D;color: #FFF;}
	.indexModule li .imga:hover .ico img{margin-top: -35px;} */

.indexCasesWrap {
  padding-bottom: 50px;
  background: #fff;
}
.indexTags {
  margin-bottom: 60px;
  line-height: 30px;
  font-size: 18px;
}
.indexTags a {
  padding: 0 35px;
  color: #2d2d2d;
}
.indexTags a:hover {
  color: #c4261e;
}
.indexTags .more {
  padding: 0;
  font-size: 14px;
  color: #888;
}
.indexTags .more i {
  width: 18px;
  margin-left: 3px;
  background-position: -60px 0;
}
.indexTags2 {
  margin-bottom: 35px;
}
.indexTags2 a {
  padding: 0;
  color: #fff;
}
.indexTags2 span {
  padding: 0 18px;
  color: #696969;
}
.indexTags2 .more {
  color: #fff;
}
.indexTags2 .more i {
  background-position: -90px 0;
}
.indexTags .more:hover {
  color: #c4261d;
}
.indexTags .more:hover i {
  background-position: -60px -30px;
}

.indexTeam {
  overflow: hidden;
  position: relative;
  height: 955px;
  background: #181818;
}
.indexTeam .indexTitle {
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -600px;
  padding-top: 55px;
}
.indexTeam .indexMore {
  z-index: 3;
  position: absolute;
  left: 50%;
  bottom: 60px;
  margin: 0 0 0 -228px;
}
.indexTeam .bd {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
  width: 1920px;
  height: 100%;
}
.indexTeam .bg {
  text-align: center;
}
.indexTeam .bg img {
  min-height: 100%;
}
.indexTeam .container {
  z-index: 2;
  position: relative;
  padding-top: 210px;
}
.indexTeam .works {
}
.indexTeam .works ul {
  width: 400px;
}
.indexTeam .works ul li .imga {
  height: 263px;
  border: 1px solid #fff;
}
.indexTeam .works ul li .imga img {
  min-height: 263px;
}
.indexTeam .works ul li .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 6px 27px;
  background: rgba(56, 52, 49, 0.9);
  color: #f5f5f5;
}
.indexTeam .works ul li .info .tit {
  font-weight: normal;
  font-size: 16px;
}
.indexTeam .works .rimg {
  overflow: hidden;
  width: 288px;
  height: 528px;
  border: 1px solid #fff;
}
.indexTeam .works .rimg img {
  max-width: none;
  min-width: 288px;
  min-height: 528px;
}
.indexTeam .works .rimg .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 228px;
  background: url(../images/index/index_team_works.png) no-repeat;
  color: #252525;
}
.indexTeam .works .rimg .txt .line {
  width: 25px;
  height: 2px;
  margin: 95px 20px 40px 243px;
  background: #464646;
}
.indexTeam .works .rimg .txt em {
  display: block;
  margin: 0 20px 5px 0;
  text-align: right;
  text-transform: uppercase;
}
.indexTeam .bases {
  width: 500px;
  color: #f5f5f5;
}
.indexTeam .bases .ht {
  padding-top: 15px;
  letter-spacing: 1px;
}
.indexTeam .bases .ht .plus {
  display: block;
  margin-bottom: 10px;
  font-size: 32px;
}
.indexTeam .bases .ht .cn {
  display: block;
  line-height: 30px;
  margin-bottom: 8px;
  font-size: 24px;
}
.indexTeam .bases .ht .en {
  display: block;
  line-height: 16px;
}
.indexTeam .bases .name {
  display: block;
  height: 40px;
  margin: 120px 0 4px;
  line-height: 40px;
  font-size: 30px;
  font-weight: normal;
}
.indexTeam .bases p {
  margin-bottom: 8px;
}
.indexTeam .bases .pos {
  margin-bottom: 18px;
  color: #b5b4b4;
}
.indexTeam .bases .btns {
  margin-top: 25px;
}
.indexTeam .bases .btns a {
  float: left;
  width: 140px;
  height: 45px;
  margin-right: 30px;
  border: 1px solid #fff;
  border-radius: 4px;
  line-height: 45px;
  text-align: center;
  font-size: 18px;
  color: #f5f5f5;
}
.indexTeam .bases .btns .order,
.indexTeam .bases .btns a:hover {
  border-color: #be2216;
  background: #be2216;
}
.indexTeam .hd {
  z-index: 4;
  position: absolute;
  bottom: 140px;
  left: 0;
  width: 100%;
  line-height: 18px;
  text-align: center;
}
.indexTeam .hd span {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 7px;
  border: 1px solid #fff;
  border-radius: 100%;
  cursor: pointer;
}
.indexTeam .hd span:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  width: 2px;
  height: 2px;
  margin: -1px;
  background: #fff;
  border-radius: 100%;
  transition: all 0.3s;
}
.indexTeam .hd span.active:after {
  opacity: 1;
  visibility: visible;
  width: 14px;
  height: 14px;
  margin: -7px;
}

.indexCVrWrap {
  height: 1158px;
  background: url(../images/index/index_cvr_bg.jpg) center no-repeat;
}
.indexCVrWrap .indexTitle {
  padding-top: 55px;
}
.indexCVr ul {
  margin-bottom: 20px;
}
.indexCVr li {
  float: left;
  display: inline;
  width: 392px;
  margin: 0 12px 12px 0;
}
.indexCVr li .imgBox {
  overflow: hidden;
  position: relative;
  height: 250px;
  background: #ececec;
}
.indexCVr li .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 60px;
  margin: 3px 24px;
  background-position: -300px 0;
}
.indexCVr li .info {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 6px;
  background: rgba(45, 45, 45, 0.8);
  text-align: center;
  font-size: 16px;
  color: #f5f5f5;
}
.indexCVr .li_1 {
  width: 100%;
  margin-right: 0;
}
.indexCVr .li_1 .imgBox {
  height: 490px;
}
.indexCVr .li_1 .imgBox img {
  position: absolute;
  left: 0;
  top: 0;
  max-width: none;
  width: 2000px;
  height: 490px;
}
.indexCVr .li_1 .icon {
  margin-top: 16px;
  background-position: -420px 0;
}
.indexCVr .li_1 .info {
  padding: 16px 6px;
  font-size: 18px;
}

.indexHouseWrap {
  background: url(../images/index/index_house_bg.jpg) repeat;
  padding-bottom: 25px;
}
.indexHouseWrap .indexTitle {
  padding-top: 50px;
  margin-bottom: 35px;
}
.indexHouseWrap .indexMore {
  margin-top: 50px;
}
.indexHouseWrap .lArea {
  width: 720px;
  margin-right: 25px;
}
.indexHouseWrap .lArea .info {
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px;
  background: rgba(45, 45, 45, 0.8);
  line-height: 30px;
  text-align: center;
  color: #fefefe;
}
.indexHouseSlide {
  overflow: hidden;
  position: relative;
  height: 350px;
}
.indexHouseSlide .bd li .imga {
  height: 350px;
}
.indexHouseSlide .bd li .imga img {
  min-height: 350px;
}
.indexHouseSlide .bd li .info {
  padding: 9px;
}
.indexHouseSlide .bd li .info .icon {
  width: 22px;
  background-position: -480px -90px;
}
.indexHouseSlide .bd li .info .title {
  font-weight: normal;
  font-size: 20px;
}
.indexHouseSlide .bd li .info em {
  padding: 6px 0 0 10px;
  line-height: 24px;
}
.indexHouseSlide .btn {
  z-index: 2;
  position: absolute;
  left: 20px;
  top: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.2);
  line-height: 42px;
  text-align: center;
  font-size: 32px;
  color: #fff;
}
.indexHouseSlide .next {
  left: auto;
  right: 20px;
}
.indexHouseSlide .btn:hover {
  background: #c4261d;
  color: #fff;
}
.indexHouse {
}
.indexHouse li {
  float: left;
  display: inline;
  width: 234px;
  margin: 9px 9px 0 0;
}
.indexHouse li .imga {
  height: 158px;
}
.indexHouse li .imga img {
  min-height: 158px;
}
.indexHouse li .info .icon {
  width: 22px;
  background-position: -480px -60px;
}
.indexHouse li .info .title {
  height: 30px;
  font-weight: normal;
  font-size: 14px;
}
.indexReserva {
  width: 455px;
  height: 517px;
  background: #fff;
}
.indexReserva .ht {
  height: 128px;
  line-height: 30px;
  text-align: center;
  background: url(../images/index/index_reserva_ht.jpg);
}
.indexReserva .ht h3 {
  padding: 30px 0 17px;
  font-weight: normal;
  font-size: 26px;
  color: #f5f5f5;
}
.indexReserva .ht .order {
  display: block;
  width: 95px;
  height: 30px;
  margin: 0 auto;
  border-radius: 4px;
  background: #c4261d;
  font-size: 16px;
  color: #fff;
}
.indexReserva .ht .order:hover {
  background: #f44336;
}
.indexReserva em {
  float: left;
  width: 55px;
  text-align: center;
}
.indexReserva .e1 {
  width: 100px;
  text-indent: 15px;
  text-align: left;
}
.indexReserva .e2 {
  width: 80px;
}
.indexReserva .e3 {
  width: 120px;
}
.indexReserva .e4 {
  width: 85px;
}
.indexReserva .e5 {
  width: 15px;
}
.indexReserva .hd {
  padding: 0 30px 0 25px;
  background: #c5c5c5;
  line-height: 40px;
  font-size: 18px;
  color: #3e3a39;
}
.indexReserva .nano {
  overflow: hidden;
  position: relative;
  height: 349px;
}
.indexReserva .nano .scrollbar {
  z-index: 3;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 14px;
  background: #eaeaea;
  border-radius: 0;
}
.indexReserva .nano .scrollbar .swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 12px;
  height: 100%;
  margin: 0 1px;
  background: #b1b1b1;
}
.indexReserva .bd .hr20 {
  z-index: 4;
  position: absolute;
  left: 0;
  right: 14px;
  bottom: 0;
  background: #fff;
}
.indexReserva .bd {
  width: 441px;
  height: 329px;
  padding-right: 14px;
  padding-bottom: 20px;
}
.indexReserva .bd li {
  height: 47px;
}
.indexReserva .bd li .box {
  width: 100%;
  height: 47px;
  padding: 0 30px 0 25px;
  line-height: 30px;
}
.indexReserva .bd li em {
  padding: 8px 0;
  border-top: 1px solid #f0f0f0;
}
.indexReserva .bd li .e1 {
  text-indent: 3px;
}
.indexReserva .bd li .ellipsis {
  height: 30px;
}
.indexReserva .bd li .view {
  width: 15px;
  background-position: -510px -60px;
  text-indent: -999em;
}
.indexReserva .bd li .view:hover {
  background-position: -510px -90px;
}
.indexReserva .bd li.hover {
  background: #c4261d;
  color: #fff;
}
.indexReserva .bd li.hover em {
  border-top-color: #c4261d;
}
.indexReserva .bd li.hover a {
  color: #fff;
}

.indexSpecWrap {
  background: url(../images/index/index_spec_bg.jpg) repeat;
  padding-bottom: 80px;
}
.indexSpec {
  border-bottom: 1px solid #cdcdcd;
}
.indexSpec .item {
  border-top: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}
.indexSpec .item_zf {
  border-top-color: #eaeaea;
}
.indexSpec .item .ht {
  width: 224px;
  height: 240px;
  background: #dc5757;
  line-height: 240px;
  text-align: center;
  font-size: 26px;
  color: #fff;
}
.indexSpec ul {
  margin-left: 260px;
}
.indexSpec ul li {
  float: left;
  width: 210px;
  margin: 20px 22px 0 0;
}
.indexSpec ul li .img {
  height: 176px;
  margin-bottom: 5px;
}
.indexSpec ul li .title {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}

.indexVideoWrap {
  background: url(../images/index/index_video_bg.jpg) center no-repeat;
  padding-bottom: 35px;
}
.indexVideo {
  padding: 40px 0;
}
.indexVideo .bd {
  overflow: hidden;
  width: 800px;
  height: 467px;
}
.indexVideo .bd li {
  position: relative;
  width: 800px;
  height: 470px;
}
.indexVideo .bd li .imga {
  z-index: 3;
  height: 470px;
}
.indexVideo .bd li .imga img {
  min-height: 470px;
}
.indexVideo .bd li .imga .bg {
  background: rgba(0, 0, 0, 0.2);
}
.indexVideo .bd li .imga .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  height: 90px;
  margin: -45px;
  background-position: -540px -60px;
}
.indexVideo .bd li iframe {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.indexVideo .hd {
  overflow: hidden;
  width: 400px;
  height: 467px;
  background: #fff;
}
.indexVideo .hd li {
  display: block;
  padding: 0 20px;
  cursor: pointer;
}
.indexVideo .hd li:last-child {
  border-bottom: none;
}
.indexVideo .hd li .box {
  padding: 22px 0;
  border-bottom: 1px dashed #cdcdcd;
}
.indexVideo .hd li .imga {
  overflow: hidden;
  width: 130px;
  height: 72px;
  margin-right: 18px;
}
.indexVideo .hd li .imga .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px;
  background-position: -480px -120px;
}
.indexVideo .hd li .info .title {
  margin-bottom: 10px;
  font-weight: normal;
  color: #2d2d2d;
}
.indexVideo .hd li .info .note {
  height: 36px;
  line-height: 18px;
  color: #888;
}
.indexVideo .hd li.hover,
.indexVideo .hd li.active {
  background: #f3f3f3;
}
.indexVideo .hd li.hover .info .title,
.indexVideo .hd li.active .info .title {
  color: #cc0a0a;
}
.indexVideo .hd li.hover .imga .icon,
.indexVideo .hd li.active .imga .icon {
  background-position: -510px -120px;
}

.indexNewsWrap {
  overflow: hidden;
  background: url(../images/index/index_news_bg.jpg) center no-repeat;
  height: 866px;
}
.indexNewsWrap .indexTitle {
  padding-top: 90px;
}
.indexNewsWrap .indexTitle fieldset {
  border-color: rgba(0, 0, 0, 0.12);
}
.indexNews {
  padding: 25px 0;
  margin-top: 65px;
}
.indexNews .item {
  float: left;
  display: inline;
  width: 284px;
  height: 454px;
  margin-right: 21px;
}
.indexNews .itemct {
  overflow: hidden;
  height: 454px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.indexNews .item .ht {
  padding: 40px 0;
  text-align: center;
  font-weight: normal;
}
.indexNews .item .ht a {
  overflow: hidden;
  display: block;
  width: 114px;
  height: 114px;
  margin: 0 auto;
  border-radius: 100%;
  box-shadow: 0 0 10px rgba(14, 5, 10, 0.14);
  font-size: 24px;
  color: #626262;
}
.indexNews .item .ht .ico {
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin: 15px auto 2px;
}
.indexNews .item .ht .ico i {
  width: 40px;
  height: 80px;
}
.indexNews .item .arrow {
  margin: 15px 26px 15px 0;
}
.indexNews .item .arrow i {
  background-position: -510px -150px;
}
.indexNews .item .arrow:hover i {
  background-position: -480px -150px;
}
.indexNews .item_news1 .ht .ico i {
  background-position: 0 -150px;
}
.indexNews .item_news3 .ht .ico i {
  background-position: -60px -150px;
}
.indexNews .item_faq .ht .ico i {
  background-position: -120px -150px;
}
.indexNews .item_think .ht .ico i {
  background-position: -180px -150px;
}

.indexNews .item .li1 {
  padding: 0 26px;
}
.indexNews .item .li1 .imga {
  overflow: hidden;
  height: 60px;
  margin-top: 5px;
}
.indexNews .item .li1 .info {
  display: block;
}
.indexNews .item .li1 .icon {
  width: 20px;
  margin-top: 2px;
  background-position: -540px -150px;
}
.indexNews .item .li1 .title {
  height: 34px;
  line-height: 34px;
  font-weight: normal;
  font-size: 14px;
}
.indexNews .item .li1 .note {
  display: none;
  margin: -4px 0 12px;
  height: 54px;
  line-height: 18px;
  font-size: 13px;
  color: #888;
}

.indexNews .item .li2 {
  padding: 0 16px;
  margin-bottom: 32px;
}
.indexNews .item .li2#end {
  margin-bottom: 8px;
}
.indexNews .item .li2 .img {
  overflow: hidden;
  width: 104px;
  height: 80px;
  margin-right: 8px;
}
.indexNews .item .li2 .img img {
  min-height: 80px;
}
.indexNews .item .li2 .title {
  height: 22px;
  margin-bottom: 4px;
  line-height: 22px;
  font-weight: normal;
  font-size: 14px;
}
.indexNews .item .li2 .note {
  height: 54px;
  line-height: 18px;
  font-size: 13px;
  color: #888;
}

.indexNews .item.hover .itemct {
  height: 494px;
  padding: 5px 11px;
  margin: -25px -11px;
}
.indexNews .item.hover .ht {
  padding-bottom: 10px;
}
.indexNews .item.hover .ht a {
  color: #d90a0a;
}
.indexNews .item.hover .ht .ico i {
  margin-top: -40px;
}
.indexNews .item.hover .arrow i {
  background-position: -480px -150px;
}
.indexNews .item.hover .li1.on .note {
  display: block;
}