.idx-banner .banner-icon{
	position: absolute;
	width: 1.71rem;
	height: 0.17rem;
	right: 0.8rem;
	bottom: 0.3rem;
	z-index: 100;

}
.idx-banner .banner-content{
	position: absolute;
	top: 38%;
	left: 7%;
	z-index: 100;
  font-size: .35rem;
  font-family: "graphik";
  color: rgb(255, 255, 255);
}
.idx-banner{
  height: 100vh;
}

.idx-banner .swiper-container {
    width: 100%;
    height: 100%;
}
.idx-banner .swiper-slide-active .banner-content{
      animation: fadeinup 0.5s 0.5s;
    /* -webkit-animation: bouncein 1s 1s; */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{
  width: 45px;
  height: 45px;
  top: 92%;
  position:absolute;
}
.idx-banner .swiper-button-next{
  background: ;
  left: 160px;
}
.idx-swiper-button{
  left: 0;
  bottom: 0;
  overflow: hidden;
}
.idx-banner .swiper-button-prev{
  background:;
   left: 100px;
}
.idx-one{
	background: #f4f4f4;
	padding: 1.4rem 0;
}

@media (max-width: 639px){
  .idx-banner .swiper-button-next{
    left: 100px;
  }
  .idx-banner .swiper-button-prev{
   left: 40px;
}
}

.idx-one .content-r{
	padding-left: .3rem;
}
.idx-one .content-r h2{
  font-size: .4rem;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin-top: .8rem;
  margin-bottom: .9rem;

}
.idx-one .content-r h2:after{
	position: absolute;
	content: '';
    display: block;
    width:0.7rem;
    height: 0.05rem;
    background: #940204;
    top: 50%;
    left: -1rem;
}
.idx-one .content-r p{
  font-size: 12px;
  font-family: "akzidenzgroteskbq";
  color: rgb(153, 153, 153);
  text-align: left;
    line-height: 1.917;
}
.headbg{
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}



.excellent-case{position: relative; padding-bottom: 1rem; background-image: ;background-size: cover;background-repeat: no-repeat;background-position: center;}
.excellent-case .weui-cell__bd{color: #fff;}
@media (min-width: 1200px){
.excellent-case{background-attachment: fixed;}	
}

.latest-information .weui-cell__bd{color: #9f0d09;}
.cases .weui-cell__bd h3{font-size: .52rem;}
.excellent-case .weui-cell__ft a{color: #fff;border:1px solid #fff;}
.latest-information .weui-cell__ft a{color: #282828;border:1px solid #2c2c2c;}
.excellent-case .title{margin-top: .77rem; margin-bottom: .87rem;}
.cases .weui-cell__ft a{display: inline-block;text-align: center;padding: 5px 15px;font-size: 14px;border-radius: 4px;-webkit-border-radius: 4px;line-height: 25px;width: 177px;position: relative;z-index: 1;}
.cases .weui-cell__ft a em{width: 0;height: 100%;top: 0;left: 0;z-index: -1;background-color: #9f0d09;}
.cases .weui-cell__ft a:hover{color: #fff;border:1px solid #9f0d09;}
.cases .weui-cell__ft a:hover em{width: 100%;}
@media (max-width: 639px){
.cases .weui-cell__ft a{width: 114px;}
.excellent-case .title{margin-top: .37rem; margin-bottom: .47rem;}
.cases .weui-cell__bd p{font-size: 14px;}
}



.idx-case{
	padding: .5rem 0;
}
.solution{
	padding: .6rem 0;
	background: #f4f4f4;
}


.solution-lists{
	margin-left: .6rem;
	height: 100%;
	padding: 3% 0;
}
.solution-lists ul{
	height: 100%;
	margin: 0;
	padding: 0;
}
.solution-list{
	cursor: pointer;
	position: relative;
	height: 31.33%;
	border-bottom: 1px solid #dedede;
}

.solution-list .content{
	position: absolute; left: 0;top: 26%;
}
.solution-list h3{
  font-size: 14px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  margin: 0;
  padding-bottom: 15px;
}

.solution-list p{
  font-size: 12px;
  font-family: "akzidenzgroteskbq";
  color: rgb(153, 153, 153);
  text-align: left;
   margin: 0;
}
@media (min-width: 992px){
.solution .col-md-5{
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
}

@media (min-width: 992px) and (max-width: 1199px){
	.solution-list .content{top:10%;}
  .idx-one .content-r h2{margin: 0;margin-bottom: .2rem}
}

@media (max-width: 1600px){
	.solution-list h3{padding-bottom: 3px;}
  .idx-one .content-r br{display: none;}
}

.idx-title{
  font-size: 35px;
  font-family: "graphik";
  color: rgb(51, 51, 51);
  text-align: center;
}

.fine-quality-items .col-md-3{background-color: #fff; padding: 0 2px;}
.fine-quality-items .box{position: relative;background: #f4f4f4;display: block;margin: .5rem 1px;}
.fine-quality-items .box h3{font-size: 12px;color: black;margin-top: 0;}
.fine-quality-items .box p{font-size: 16px;color: #999999;margin-bottom: 20px;}
.fine-quality-items .picbox img{
  margin: 0 auto;
   height:100%;
  width:100%;
}

.fine-quality-items .textbox{top: 0; z-index: 1; -webkit-transition: all .35s .1s; transition: all .35s .1s;display:none}
.fine-quality-items .after{display: none; position: absolute; left: -10px; top: -15px; bottom: -15px; right: -10px; background: no-repeat center; background-size: cover; -webkit-transform-origin: 50% 73%; transform-origin: 50% 73%; -webkit-transform: scale(0.8,0.62); transform: scale(0.8,0.62); -webkit-transition: all .7s cubic-bezier(0.23, 1, 0.38, 1); transition: all .7s cubic-bezier(0.23, 1, 0.38, 1);}
@media (min-width: 1200px){
.fine-quality-items .after{display: block; opacity: 0;}
.fine-quality-items .col-md-3:hover{z-index: 2;}
.fine-quality-items .col-md-3:hover .textbox{top: -20px;}
.fine-quality-items .col-md-3:hover h3, .fine-quality-items .col-md-3:hover p{color: #fff;}
.fine-quality-items .col-md-3:hover p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: pre-wrap;}
.fine-quality-items .col-md-3:hover .after{opacity: 1; -webkit-box-shadow: 0 3px .73rem rgba(0,0,0,.38); box-shadow: 0 3px .73rem rgba(0,0,0,.38); -webkit-transform: scale(1); transform: scale(1);}
}
@media (min-width: 1400px){.fine-quality-items .after{-webkit-transform: scale(0.82,0.65); transform: scale(0.82,0.65);}}
@media (min-width: 1660px){.fine-quality-items .after{-webkit-transform: scale(0.84,0.68); transform: scale(0.84,0.69);}}
@media (min-width: 1880px){.fine-quality-items .after{-webkit-transform: scale(0.84,0.72); transform: scale(0.86,0.72);}}
@media (max-width: 639px){
.fine-quality-items .col-md-3{margin-bottom: 0;}
.fine-quality-items .box{padding-top: 15px; padding-bottom: 15px;}
.fine-quality-items .box h3{font-size: 22px;}
}