﻿.contents {
  width: 1300px;
  margin: 0 auto;
}
.content11 {
  width: 1300px;
  margin: 40px auto;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.yc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tsy {
  transform: perspective(1px) translateZ(0);
  transition-duration: 0.3s ease-out;
}
.tsy:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.gd {
  transition: 0.5s linear;
}
.gm {
  transition: 0.2s ease-out;
}
.img100 {
  transform: scale(1);
  transition: 0.5s linear;
}
.img100:hover {
  transform: scale(1.1);
}
.w100 {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.flex {
  display: flex;
  justify-content: space-between;
}
html {
  font-size: 100px;
}
body {
  margin-bottom: 90px;
}
.pro {
  margin: 0.7rem 0 0;
  overflow: hidden;
}
.pro .top {
  background: url(../images/t1.png) no-repeat center top;
  background-size: 100% 0.85rem;
  padding: 0.29rem 0 0;
}
.pro .top h3 {
  padding: 0 0 0 36%;
  box-sizing: border-box;
}
.pro .top h3 a {
  display: block;
  font-size: 0.44rem;
  color: #333;
  line-height: 0.45rem;
  font-weight: bold;
}
.pro .top p {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.15rem;
  text-align: center;
  margin: 0.19rem 0 0;
}
.pro .listtit {
  width: 100%;
  height: 0.74rem;
  background: #f6f6f6;
  border-radius: 0.36rem;
  overflow: hidden;
  margin: 0.4rem 0 0;
  display: flex;
  justify-content: space-between;
}
.pro .listtit li {
  width: 10%;
  height: 0.74rem;
  background: #f6f6f6;
}
.pro .listtit li a {
  width: 100%;
  display: block;
  font-size: 0.15rem;
  color: #666;
  line-height: 0.74rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro .listtit li:hover {
  background: #9f0605;
  border-radius: 0.36rem;
}
.pro .listtit li:hover a {
  color: #fff;
}
.pro .listtit li:nth-child(1) {
  background: #9f0605;
  border-radius: 0.36rem;
}
.pro .listtit li:nth-child(1) a {
  color: #fff;
}
.pro .proslide {
  margin: 0.53rem 0 0;
}
.pro .proslide .bd li {
  display: flex;
  flex-wrap: wrap;
}
.pro .proslide .bd li .list {
  width: 30%;
  height: 3.5rem;
  border: 1px solid #e8e8e8;
  padding: 0.15rem 0.15rem 0;
  box-sizing: border-box;
  margin: 0 5% 0.5rem 0;
  transition: 0.5s linear;
}
.pro .proslide .bd li .list .img {
  display: block;
  width: 100%;
  height: 2.5rem;
  overflow: hidden;
}
.pro .proslide .bd li .list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.pro .proslide .bd li .list .img img:hover {
  transform: scale(1.1);
}
.pro .proslide .bd li .list .text {
  padding: 0.15rem 0.5rem 0 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.pro .proslide .bd li .list .text .cond {
  display: block;
  font-size: 0.16rem;
  color: #333;
  line-height: 0.35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pro .proslide .bd li .list .text p {
  font-family: Arial;
  font-size: 0.12rem;
  color: #999;
  line-height: 0.1rem;
}
.pro .proslide .bd li .list .text .more {
  display: block;
  width: 0.45rem;
  height: 0.45rem;
  border: 0.08rem solid #efefef;
  box-sizing: border-box;
  border-radius: 50%;
  background: url(../images/more1.png) no-repeat center;
  position: absolute;
  top: 0.2rem;
  right: 0;
  transition: 0.5s linear;
}
.pro .proslide .bd li .list:hover {
  box-shadow: 0px 4px 54px 0px rgba(0, 0, 0, 0.06);
  background: #fff;
}
.pro .proslide .bd li .list:hover .text .more {
  background: #9f0605 url(../images/more2.png) no-repeat center;
  border-color: #9f0605;
}
.pro .proslide .bd li .list:nth-child(3) {
  margin: 0 0 0.5rem 0;
}
.pro .proslide .bd li .list:nth-child(6) {
  margin: 0 0 0.5rem 0;
}
.reason {
  background: url(../images/reason.jpg) no-repeat center bottom;
  background-size: 100% 100%;
  margin: 0.2rem 0 0;
  padding: 0 0 0.41rem 0;
  overflow: hidden;
}
.reason .top {
  background: url(../images/t2.png) no-repeat center top;
  padding: 0.25rem 0 0;
}
.reason .top h3 {
  padding: 0 0 0 32%;
  box-sizing: border-box;
  display: block;
  font-size: 0.44rem;
  color: #333;
  line-height: 0.45rem;
  font-weight: bold;
}
.reason .top p {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.15rem;
  text-align: center;
  margin: 0.19rem 0 0;
}
.reason .slideTxtBox {
    margin-top: 30px;
	background:#ffffff;
	height:583px;
}

.reason .slideTxtBox .bd ul li .wz {
    width: 300px;
    height: 314px;
    background: #fff;
    padding: 20px;
    position: relative;
}

.reason .slideTxtBox .bd ul li .wz dd {
    font-size: 25px;
    color: #000000;
    line-height: 1.6;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    text-align: right;
}

.reason .slideTxtBox .bd ul li .wz dd::after {
    content: '';
    width: 21px;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    top: 20px;
}

.reason .slideTxtBox .bd ul li .wz h3 {
    font-size: 24px;
    color: #9f0605;
    font-weight: bold;
    line-height: 50px;
    margin-top: 10px;
}

.reason .slideTxtBox .bd ul li .wz .info {
    font-size: 16px;
    color: #000000;
    line-height: 1.5;
}

.reason .slideTxtBox .bd ul li .wz a {
    display: block;
    font-size: 20px;
    color: #b8b8b8;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.reason .slideTxtBox .bd ul li .img {
    width: 900px;
    height: 314px;
}

.reason .slideTxtBox .bd ul li .img img {
    width: 900px;
    height: 314px;
}

.reason .slideTxtBox .hd ul li {
    width: 265px;
    padding: 30px;
    position: relative;
    float: left;
    background: #fff;
}

.reason .slideTxtBox .hd ul li h3 {
    font-size: 18px;
    color: #000000;
    line-height: 50px;
    z-index: 9;
    position: relative;
    margin-bottom: 56px;
}

.reason .slideTxtBox .hd ul li dt {
    font-size: 148px;
    color: #fafafa;
    position: absolute;
    line-height: 228px;
    top: 0;
    right: 30px;
    z-index: 1;
    font-weight: normal
}

.reason .slideTxtBox .hd ul li a {
    display: block;
    z-index: 99;
    font-size: 14px;
    color: #000000;
  /*  position: absolute;
    left: 30px;
    bottom: 30px;*/
    transition: .3s;
}

.reason .slideTxtBox .hd ul li.on {
    background: url(../images/5cbec7786c9be69c38c0e0a9f208db34c552118c.png) no-repeat;
}

.reason .slideTxtBox .hd ul li.on dt {
    opacity: 0;
}

.reason .slideTxtBox .hd ul li.on h3 {
    color: #fff;
}

.reason .slideTxtBox .hd ul li.on a {
    color: #fff;
}

.reason .slideTxtBox .hd ul li.on img {
    filter: brightness(100);
}

.reason .slideTxtBox .hd ul li a:hover {
    left: 40px;
}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}


.case {
  margin: 0.58rem 0 0;
}
.case .top {
  background: url(../images/t3.png) no-repeat center top;
  padding: 0.28rem 0 0;
}
.case .top h3 {
  padding: 0 0 0 38%;
  box-sizing: border-box;
  display: block;
  font-size: 0.44rem;
  color: #333;
  line-height: 0.45rem;
  font-weight: bold;
}
.case .top p {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.15rem;
  text-align: center;
  margin: 0.19rem 0 0;
}
.case .list {
  margin: 0.45rem 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case .list li:nth-child(1) {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.48rem;
}
.case .list li:nth-child(1) .img {
  display: block;
  width: 50%;
  height: 3.6rem;
  overflow: hidden;
}
.case .list li:nth-child(1) .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.case .list li:nth-child(1) .img img:hover {
  transform: scale(1.1);
}
.case .list li:nth-child(1) .text {
  width: 50%;
  height: 3.6rem;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 5% 7% 0 6%;
}
.case .list li:nth-child(1) .text i {
  display: block;
  font-family: Arial;
  font-size: 0.18rem;
  color: #333;
  line-height: 0.15rem;
}
.case .list li:nth-child(1) .text .cond {
  display: block;
  font-size: 0.2rem;
  color: #333;
  line-height: 0.3rem;
  margin: 0.45rem 0 0;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.case .list li:nth-child(1) .text span {
  display: block;
  font-family: Arial;
  font-size: 0.12rem;
  color: #999;
  line-height: 0.1rem;
  margin: 0.14rem 0 0.45rem;
}
.case .list li:nth-child(1) .text p {
  display: block;
  font-size: 0.15rem;
  color: #666;
  line-height: 0.36rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 0.72rem;
}
.case .list li:nth-child(2) {
  width: 48.5%;
  height: 2.24rem;
  display: flex;
  justify-content: space-between;
}
.case .list li:nth-child(2) .img {
  display: block;
  width: 45%;
  height: 2.24rem;
  overflow: hidden;
}
.case .list li:nth-child(2) .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.case .list li:nth-child(2) .img img:hover {
  transform: scale(1.1);
}
.case .list li:nth-child(2) .text {
  width: 55%;
  height: 2.24rem;
  border: 1px solid #ebebeb;
  border-left: none;
  box-sizing: border-box;
  padding: 5% 13% 0 6%;
}
.case .list li:nth-child(2) .text i {
  display: block;
  font-family: Arial;
  font-size: 0.18rem;
  color: #333;
  line-height: 0.15rem;
}
.case .list li:nth-child(2) .text .cond {
  display: block;
  font-size: 0.2rem;
  color: #333;
  line-height: 0.3rem;
  margin: 0.31rem 0 0;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.case .list li:nth-child(2) .text span {
  display: block;
  font-family: Arial;
  font-size: 0.12rem;
  color: #999;
  line-height: 0.1rem;
  margin: 0.1rem 0 0.3rem;
}
.case .list li:nth-child(2) .text p {
  display: block;
  font-size: 0.15rem;
  color: #666;
  line-height: 0.36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case .list li:nth-child(3) {
  width: 48.5%;
  height: 2.24rem;
  display: flex;
  justify-content: space-between;
}
.case .list li:nth-child(3) .img {
  display: block;
  width: 45%;
  height: 2.24rem;
  overflow: hidden;
}
.case .list li:nth-child(3) .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.case .list li:nth-child(3) .img img:hover {
  transform: scale(1.1);
}
.case .list li:nth-child(3) .text {
  width: 55%;
  height: 2.24rem;
  border: 1px solid #ebebeb;
  border-left: none;
  box-sizing: border-box;
  padding: 5% 13% 0 6%;
}
.case .list li:nth-child(3) .text i {
  display: block;
  font-family: Arial;
  font-size: 0.18rem;
  color: #333;
  line-height: 0.15rem;
}
.case .list li:nth-child(3) .text .cond {
  display: block;
  font-size: 0.2rem;
  color: #333;
  line-height: 0.3rem;
  margin: 0.31rem 0 0;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.case .list li:nth-child(3) .text span {
  display: block;
  font-family: Arial;
  font-size: 0.12rem;
  color: #999;
  line-height: 0.1rem;
  margin: 0.1rem 0 0.3rem;
}
.case .list li:nth-child(3) .text p {
  display: block;
  font-size: 0.15rem;
  color: #666;
  line-height: 0.36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case .list li {
  overflow: hidden;
}
.case .list li .text {
  position: relative;
}
.case .list li .text .more {
  display: block;
  width: 0.6rem;
  height: 100%;
  background: #9f0605;
  position: absolute;
  top: 0;
  right: -0.7rem;
  font-family: Arial;
  font-size: 0.14rem;
  color: #fff;
  writing-mode: tb-rl;
  line-height: 0.6rem;
  text-align: center;
  transition: 0.5s linear;
}
.case .list .on .text .cond {
  color: #9f0605;
  letter-spacing: 1px;
}
.case .list .on .text .more {
  right: 0;
}

.left { float:left;}
.right { float:right;}
.abo {
  background-size: 100% 100%;
  padding: 0.63rem 0 0.55rem;
  margin: 0rem 0 0;
  overflow: hidden;
}
.abo .top {
  background: url(../images/t4.png) no-repeat center top;
  padding: 0.27rem 0 0;
}
.abo .top h3 {
  padding: 0 0 0 38%;
  box-sizing: border-box;
  display: block;
  font-size: 0.44rem;
  color: #333;
  line-height: 0.45rem;
  font-weight: bold;
}
.abo .top p {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.15rem;
  text-align: center;
  margin: 0.19rem 0 0;
}
/*公司简介*/
.abo .in_about{ width:100%; height:503px; margin:0 auto;background: url(../images/picture.jpg)  left top 40px no-repeat; padding-top:40px;}
.abo .in_about .main{ width:1300px; height:450px; margin:0px auto 0;}

.abo .in_about .main .righttxt{
	=border-left:none; padding:5px 30px 0; width:559px; height:403px; display:block; float:right
	}
.abo .in_about .main .righttxt h1{ font-size:30px; color:#333333; font-weight:bold; line-height:60px; margin-bottom:20px}
.abo .in_about .main .righttxt h1 span{ font-size:18px; line-height:60px; font-weight:500;}
.abo .in_about .main .righttxt .abline{ width:65px; height:3px; background:#9f0605;margin-bottom: 30px;}
.abo .in_about .main .righttxt .txt{
	font-size: 16px;
    line-height: 30px;
    color: #444;
    height: 240px;
    display: block;
    overflow: hidden;
    text-align: justify;
	}
.abo .in_about .main .righttxt .txt *{font-size:16px; line-height:30px; color:#444;}
.abo .in_about .main .righttxt .more{ margin-top:35px;}

.abo .in_about .main .righttxt .more ul li{ float: left; margin-right:30px}
.abo .in_about .main .righttxt .more ul li a{ width:130px; height:36px; display: block; text-align:center; line-height:36px; background:#9f0605; color:#fff; font-size:16px;}
.abo .in_about .main .righttxt .more ul li a:hover{ background:#ff9900}


.abo .ryzz{
	width: 1300px;
	margin: 50px auto 0;
}
.abo .ryzz ul{
	width: 575px;
	height: 90px;
	padding: 40px 30px;
	border: 1px solid #dddddd;
	background: #fff;
	transition: all 0.3s ease;
}


.abo .ryzz ul h2{
	font-size: 24px;
	font-weight: normal;
}
.abo .ryzz ul h2 a{
	float: right;
	margin-top: 10px;
}
.abo .ryzz ul p{
	margin-top: 15px;
	line-height: 26px;
}
.abo .ryzz ul:hover{
	background: #9f0605;
	border: 1px solid #9f0605;	
} 
.abo .ryzz ul:hover p , .ryzz ul:hover h2 , .ryzz ul:hover h2 a{
	color: #fff;
}
/*.abo .warp {
  margin: 0.58rem -3.1rem 0 0;
  display: flex;
  justify-content: space-between;
}
.abo .warp .aside {
  width: 5.56rem;
}
.abo .warp .aside h4 a {
  display: block;
  font-size: 0.22rem;
  color: #333;
  line-height: 0.25rem;
  font-weight: bold;
}
.abo .warp .aside em {
  display: block;
  font-family: Arial;
  font-size: 0.12rem;
  color: #999;
  line-height: 0.15rem;
  margin: 0.05rem 0 0;
}
.abo .warp .aside .text {
  font-size: 0.15rem;
  line-height: 0.36rem;
  color: #666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  height: 2.44rem;
  margin: 0.3rem 0 0;
}
.abo .warp .about {
  width: 9.57rem;
  height: 6.23rem;
  overflow: hidden;
  position: relative;
}
.abo .warp .about img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.abo .warp .about img:hover {
  transform: scale(1.1);
}
.abo .warp .about .rong {
  display: block;
  width: 3.22rem;
  height: 2.26rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.abo .warp .about .rong::before {
  content: "";
  display: block;
  width: 3.22rem;
  height: 2.26rem;
  position: absolute;
  background: url(../images/rong.png) no-repeat center;
  background-size: 3.22rem 2.26rem;
  top: 0;
  left: 0;
  z-index: 1;
}
.abo .warp .about .rong img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.abo .warp .about .rong img:hover {
  transform: scale(1.1);
}*/
.abo .abobox {
  position: relative;
}
.abo .abobox .swiperbd {
  margin: 0.62rem 0 0;
}
.abo .abobox .swiperbd .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.abo .abobox .swiperbd .swiper-slide .list {
  width: 23%;
}
.abo .abobox .swiperbd .swiper-slide .list .tu {
  width: 100%;
  height: 2.2rem;
  background: #fff;
  padding: 0.05rem;
  box-sizing: border-box;
}
.abo .abobox .swiperbd .swiper-slide .list .tu .img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.abo .abobox .swiperbd .swiper-slide .list .tu .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.abo .abobox .swiperbd .swiper-slide .list .tu .img img:hover {
  transform: scale(1.1);
}
.abo .abobox .swiperbd .swiper-slide .list .cond {
  display: block;
  height: 0.65rem;
  font-size: 0.16rem;
  line-height: 0.65rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.abo .abobox .swiperhd {
  position: absolute;
  top: -3.73rem;
  left: 0;
  z-index: 50;
  width: 47%;
}
.abo .abobox .swiperhd .swiper-container {
  height: 3.05rem;
}
.abo .abobox .swiperhd .swiper-slide .cond {
  display: block;
  width: 100%;
  height: 1.3rem;
  background: #fff;
  padding: 0 1.57rem 0 1.69rem;
  box-sizing: border-box;
  position: relative;
  border-radius: 0.64rem;
}
.abo .abobox .swiperhd .swiper-slide .cond i {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #f7f7f7;
  position: absolute;
  top: 50%;
  left: 0.37rem;
  transform: translateY(-50%);
  font-family: Arial;
  font-size: 0.22rem;
  color: #333;
  line-height: 0.8rem;
  text-align: center;
}
.abo .abobox .swiperhd .swiper-slide .cond span {
  display: inline-block;
  font-size: 0.18rem;
  line-height: 1.3rem;
  color: #333;
}
.abo .abobox .swiperhd .swiper-slide .cond span em {
  font-size: 0.12rem;
  color: #666;
}
.abo .abobox .swiperhd .swiper-slide-active .cond {
  background: #9f0605;
}
.abo .abobox .swiperhd .swiper-slide-active .cond i {
  background: #fff;
}
.abo .abobox .swiperhd .swiper-slide-active .cond span {
  color: #fff;
}
.abo .abobox .swiperhd .swiper-slide-active .cond span em {
  color: #fff;
}
.capital {
	background:#f6f6f6;
  background-size: 100% 2.82rem;
  padding: 0.43rem 0 0;
  box-sizing: border-box;
}
.capital .top {
  background: url(../images/t5.png) no-repeat center top;
  padding: 0.27rem 0 0;
}
.capital .top h3 {
  padding: 0 0 0 38%;
  box-sizing: border-box;
}
.capital .top h3 a {
  display: block;
  font-size: 0.44rem;
  color: #333;
  line-height: 0.45rem;
  font-weight: bold;
}
.capital .top p {
  font-size: 0.16rem;
  color: #999;
  line-height: 0.15rem;
  text-align: center;
  margin: 0.19rem 0 0;
}
.capital .capbox .caphd {
  margin: 0.4rem 0 0;
}
.capital .capbox .caphd .swiper-slide .cond {
  display: block;
  width: 1.59rem;
}
.capital .capbox .caphd .swiper-slide .cond em {
  display: block;
  width: 1.59rem;
  height: 1.59rem;
  background: #fff;
  border: 0.35rem solid #242837;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  transition: 0.5s linear;
}
.capital .capbox .caphd .swiper-slide .cond em img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: 0.5s linear;
}
.capital .capbox .caphd .swiper-slide .cond em img:nth-child(1) {
  top: 50%;
  opacity: 1;
}
.capital .capbox .caphd .swiper-slide .cond em img:nth-child(2) {
  top: 0;
  opacity: 0;
}
.capital .capbox .caphd .swiper-slide .cond span {
  display: block;
  font-size: 0.18rem;
  color: #333;
  line-height: 0.2rem;
  text-align: center;
  margin: 0.35rem 0 0;
}
.capital .capbox .caphd .swiper-slide-active .cond em {
  border-color: #9f0605;
}
.capital .capbox .caphd .swiper-slide-active .cond em img:nth-child(1) {
  top: 100%;
  opacity: 0;
}
.capital .capbox .caphd .swiper-slide-active .cond em img:nth-child(2) {
  top: 50%;
  opacity: 1;
}
.capital .capbox .capbd {
  margin: 0.6rem 0 0;
}
.capital .capbox .capbd .swiper-slide .art {
  display: flex;
  justify-content: space-between;
}
.capital .capbox .capbd .swiper-slide .art .list {
  width: 4rem;
  height: 5.6rem;
  border: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 0.5rem 0.34rem 0 0.34rem;
  background: #fff;
  transition: 0.5s linear;
}
.capital .capbox .capbd .swiper-slide .art .list .data {
  height: 0.45rem;
  font-family: Arial;
  font-size: 0.6rem;
  color: #333;
  line-height: 0.45rem;
}
.capital .capbox .capbd .swiper-slide .art .list .data i {
  font-family: Arial;
  font-size: 0.16rem;
  color: #333;
  line-height: 0.55rem;
}
.capital .capbox .capbd .swiper-slide .art .list .cond {
  display: block;
  font-size: 0.18rem;
  line-height: 0.3rem;
  margin: 0.2rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.capital .capbox .capbd .swiper-slide .art .list .img {
  width: 100%;
  height: 2.26rem;
  overflow: hidden;
  display: block;
}
.capital .capbox .capbd .swiper-slide .art .list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: 0.5s linear;
}
.capital .capbox .capbd .swiper-slide .art .list .img img:hover {
  transform: scale(1.1);
}
.capital .capbox .capbd .swiper-slide .art .list p {
  font-size: 0.15rem;
  color: #666;
  line-height: 0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 0.6rem;
  margin: 0.2rem 0 0;
}
.capital .capbox .capbd .swiper-slide .art .list .more {
  display: block;
  width: 0.25rem;
  height: 0.3rem;
  background: url(../images/more3.png) no-repeat center;
  background-size: 0.25rem auto;
  margin: 0.3rem 0 0;
}
.capital .capbox .capbd .swiper-slide .art .list:hover {
  background: url(../images/lb1.png) no-repeat center;
  background-size: 3.7rem auto;
}
.capital .capbox .capbd .swiper-slide .reg {
  width: 100%;
  height: 1.29rem;
  border: 1px solid #edeef2;
  box-sizing: border-box;
  padding: 0 0.4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0.5rem 0 0;
  position: relative;
}
.capital .capbox .capbd .swiper-slide .reg::before {
  content: "";
  display: block;
  width: 95%;
  height: 1px;
  position: absolute;
  background: #edeef2;
  top: 0.65rem;
  left: 0.4rem;
  z-index: 50;
}
.capital .capbox .capbd .swiper-slide .reg .list {
  width: 30%;
  padding: 0 0.7rem 0 0.17rem;
  box-sizing: border-box;
  position: relative;
}
.capital .capbox .capbd .swiper-slide .reg .list::before {
  content: "";
  display: block;
  width: 0.06rem;
  height: 0.06rem;
  position: absolute;
  background: #9f0605;
  border-radius: 50%;
  top: 50%;
  left: 0;
  margin-top: -0.03rem;
}
.capital .capbox .capbd .swiper-slide .reg .list .cond {
  display: block;
  font-size: 0.15rem;
  color: #333;
  line-height: 0.65rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.5s linear;
}
.capital .capbox .capbd .swiper-slide .reg .list .data {
  font-size: 0.12rem;
  color: #3a4053;
  line-height: 0.65rem;
  position: absolute;
  top: 0;
  right: 0;
}
.capital .capbox .capbd .swiper-slide .reg .list:hover .cond {
  color: #9f0605;
  letter-spacing: 1px;
}
.link {
  margin: 0.87rem 0 0;
  overflow: hidden;
}
.link .contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.link p {
  height: 0.32rem;
  background: url(../images/link.png) no-repeat center left;
  font-size: 0.16rem;
  color: #333;
  line-height: 0.15rem;
  padding: 0 0 0 0.17rem;
  box-sizing: border-box;
  flex: 1;
}
.link .lj {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 90%;
}
.link .lj a {
  display: block;
  font-size: 0.14rem;
  color: #999;
  line-height: 0.27rem;
  margin-right: 0.2rem;
  transition: 0.2s ease-out;
}
.link .lj a:hover {
  color: #9f0605;
  transform: translateY(-0.04rem);
}
@media (max-width: 1300px) {
  .contents {
    width: 100%;
    padding: 0 2%;
    box-sizing: border-box;
  }
  .capital .capbox .caphd .swiper-slide .cond {
    margin: 0 auto;
  }
}
@media (max-width: 1200px) {
  .pro {
    margin: 0.4rem 0 0;
  }
  .pro .top {
    background: none;
  }
  .pro .top h3 {
    padding: 0;
  }
  .pro .top h3 a {
    text-align: center;
  }
  .reason .top {
    background: none;
  }
  .reason .top h3 {
    padding: 0;
    text-align: center;
  }
  .case .top {
    background: none;
  }
  .case .top h3 {
    padding: 0;
    text-align: center;
  }
  .abo {
    padding: 0.5rem 0 0.55rem;
  }
  .abo .top {
    background: none;
  }
  .abo .top h3 {
    padding: 0;
    text-align: center;
  }
  .abo .abobox .swiperhd {
    width: 45%;
  }
  .capital .top {
    background: none;
  }
  .capital .top h3 {
    padding: 0;
  }
  .capital .top h3 a {
    text-align: center;
  }
  .capital .capbox .capbd .swiper-slide .art .list {
    width: 32%;
  }
  .capital .capbox .capbd .swiper-slide .art .list:hover {
    background: none;
  }
  .capital .capbox .capbd .swiper-slide .art .list:last-child {
    margin-right: 5px;
  }
  .capital .capbox .capbd .swiper-slide .reg {
    width: 99%;
  }
  .reason .reasonslide .bd li .ys {
    margin: 0 auto;
  }
  .reason .reasonslide .bd li .ys img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .pro .proslide .bd li .list {
    width: 31%;
    margin: 0 3% 0.5rem 0;
  }
  .link {
    display: none;
  }
  .abo .abobox .swiperhd .swiper-slide .cond {
    padding: 0 0 0 30%;
  }
}
@media (max-width: 980px) {
  .pro .listtit {
    flex-wrap: wrap;
    height: auto;
  }
  .pro .listtit li {
    width: 18%;
  }
  .capital .capbox .capbd .swiper-slide .art .list {
    width: 47%;
  }
  .capital .capbox .capbd .swiper-slide .art .list:last-child {
    display: none;
  }
  .topxunpan {
    display: none;
  }
  .reason .reasonslide .artg {
    top: 4.5rem;
  }
}
@media (max-width: 840px) {
  .contents {
    padding: 0 3%;
  }
  .abo .warp {
    display: block;
    width: 100%;
  }
  .abo .warp .aside {
    width: 100%;
  }
  .abo .warp .about {
    width: 100%;
    margin: 0.2rem 0 0;
  }
  .abo .abobox .swiperhd {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.7rem;
    margin: 0.4rem 0 0;
  }
  .abo .abobox .swiperhd .swiperbd {
    margin: 0.4rem 0 0;
  }
  .case .list li:nth-child(2) {
    width: 100%;
    margin-bottom: 0.48rem;
  }
  .case .list li:nth-child(2) .img {
    width: 50%;
  }
  .case .list li:nth-child(2) .text {
    width: 50%;
  }
  .case .list li:nth-child(3) {
    width: 100%;
    margin-bottom: 0.48rem;
  }
  .case .list li:nth-child(3) .img {
    width: 50%;
  }
  .case .list li:nth-child(3) .text {
    width: 50%;
  }
  .abo {
    margin: 0.3rem 0 0;
  }
  .abo .abobox .swiperhd .swiper-slide .cond {
    width: 85%;
    margin: 0 auto;
  }
  .abo .abobox .swiperbd .swiper-slide {
    flex-wrap: wrap;
  }
  .abo .abobox .swiperbd .swiper-slide .list {
    width: 49%;
  }
  .abo .abobox .swiperbd {
    margin: 0.4rem 0 0;
  }
  .capital .capbox .capbd .swiper-slide .reg .list {
    width: 48%;
    border-bottom: 1px solid #edeef2;
  }
  .capital .capbox .capbd .swiper-slide .reg .list:nth-child(5) {
    border: none;
  }
  .capital .capbox .capbd .swiper-slide .reg .list:nth-child(6) {
    border: none;
  }
  .capital .capbox .capbd .swiper-slide .reg {
    height: auto;
  }
  .capital .capbox .capbd .swiper-slide .reg::before {
    display: none;
  }
  .reason .reasonslide .hd li {
    width: 20%;
  }
  .reason .reasonslide .hd li i {
    width: 100%;
    border-radius: 0%;
    height: 1rem;
    border-radius: 0.1rem;
    border: 0.2rem solid #242837;
  }
  .reason .reasonslide .bd {
    height: 5.5rem !important;
  }
  .capital .capbox .caphd .swiper-slide .cond em {
    width: 90%;
    height: 1.3rem;
    border-radius: 0.1rem;
    border: 0.2rem solid #242837;
    margin: 0 auto;
  }
  .capital .capbox .caphd .swiper-slide-active .cond em {
    border-color: #9f0605;
  }
  .pro .proslide .bd li .list {
    width: 48%;
    margin: 0 0 0.5rem 0;
  }
  .pro .proslide .bd li {
    justify-content: space-between;
  }
  .abo .abobox .swiperhd .swiper-slide .cond {
    padding: 0 4%;
    height: 0.7rem;
  }
  .abo .abobox .swiperhd .swiper-slide .cond i {
    display: none;
    line-height: 0.7rem;
  }
  .abo .abobox .swiperhd .swiper-slide .cond span {
    text-align: center;
    width: 100%;
    line-height: 0.7rem;
  }
  .abo .abobox .swiperhd .swiper-slide .cond span em {
    display: none;
  }
  .reason .reasonslide .artg {
    display: none;
  }
  .reason .reasonslide .bd li .text {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .capital .capbox .capbd .swiper-slide .art .list {
    width: 49%;
    padding: 4% 2%;
    height: auto;
  }
  .capital .capbox .capbd .swiper-slide .reg .list {
    width: 100%;
  }
  .reason .reasonslide .bd li .text {
    width: 100%;
  }
}
@media (max-width: 580px) {
  .pro .listtit li {
    width: 30%;
  }
}
@media (max-width: 480px) {
  .capital .capbox .caphd .swiper-slide .cond em {
    width: 70%;
    border: 0.1rem solid #242837;
    height: 0.8rem;
  }
  .capital .capbox .caphd .swiper-slide-active .cond em {
    border-color: #9f0605;
  }
  .capital .capbox .capbd .swiper-slide .art {
    flex-wrap: wrap;
    height: auto;
  }
  .capital .capbox .capbd .swiper-slide .art .list {
    width: 100%;
    margin: 0 0 0.2rem 0;
  }
  .capital .capbox .capbd .swiper-slide .reg {
    margin: 0;
  }
  .capital .capbox .caphd .swiper-slide .cond {
    width: 100%;
  }
  .reason .reasonslide .hd li i {
    border: 0.1rem solid #242837;
    height: 0.7rem;
  }
  .reason .reasonslide .hd li span {
    font-size: 0.16rem;
  }
  .reason .reasonslide .bd {
    height: 4.5rem !important;
  }
  .case .list li:nth-child(1) {
    display: block;
    height: auto;
  }
  .case .list li:nth-child(1) .img {
    width: 100%;
  }
  .case .list li:nth-child(1) .text {
    width: 100%;
    height: 2.8rem;
  }
  .case .list li:nth-child(1) .text .more {
    display: none;
  }
  .case .list li:nth-child(2) {
    display: block;
    height: auto;
  }
  .case .list li:nth-child(2) .img {
    width: 100%;
  }
  .case .list li:nth-child(2) .text {
    width: 100%;
    border-left: 1px solid #ebebeb;
  }
  .case .list li:nth-child(2) .text .more {
    display: none;
  }
  .case .list li:nth-child(3) {
    display: block;
    height: auto;
  }
  .case .list li:nth-child(3) .img {
    width: 100%;
  }
  .case .list li:nth-child(3) .text {
    width: 100%;
    border-left: 1px solid #ebebeb;
  }
  .case .list li:nth-child(3) .text .more {
    display: none;
  }
  .pro .listtit li {
    width: 50%;
  }
  .banner .ding p {
    display: none;
  }
  .pro .proslide .bd li .list {
    width: 100%;
  }
}
