@charset "utf-8";
/*---------------------------------------------------*/
.wp1200{margin:0 auto;width:1200px;}
.no-pic.txt {margin: 0 !important;} /* 兼容无图模式 */
.show-list-1{padding:150px 0 20px;}
.show-list-1 .tit h1{font-size:42px;line-height:1;color:#000;font-weight:bold;text-align:center;}
.show-list-1 .tit .t{font-size:17px;color:#5a5a5a;line-height:24px;margin:25px 0 0;}
.show-list-1 .tit p~p{margin-top:5px;}
.show-list-1 .list{margin:20px 0 0;}
.show-list-1 .list ul{margin:0 -10px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.show-list-1 .list ul li{width:33.3333333%;text-align:center;padding:10px;cursor:pointer;box-sizing:border-box;}
.show-list-1 .list ul li .box{background:#fff;padding:5px 5px 15px;box-sizing:border-box;}
.show-list-1 .list ul li .pic{display:block;width:100%;overflow:hidden;box-sizing:border-box;border:1px solid #DBDBDB;}
.show-list-1 .list ul li .pic img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.show-list-1 .list ul li h6{margin-top:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.show-list-1 .list ul li h6 a{color:#333;font-size:17px;font-weight:500;}
.show-list-1 .list ul li h6 a:hover{color:#296798;}

.show-list-2{padding:70px 0;}
.show-list-2 > div{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.show-list-2 h5,.show-list-2 h2{color:#333;font-size:22px;font-weight:bold;line-height:1;}
.show-list-2 .more{width:300px;height:60px;line-height:54px;text-align:center;font-size:20px;font-weight:bold;color:#111;display:block;border:3px solid #111;-webkit-transition:0.5s;transition:0.5s;}
.show-list-2 .more:hover{background:#111;color:#fff;}


.show-list-3{padding:70px 0;background:#eaeaea;}
.show-list-3 .tit{text-align:center;}
.show-list-3 .tit h3,.show-list-3 .tit h2{font-size:42px;line-height:1;color:#000;font-weight:bold;text-align:center;}
.show-list-3 .tit p{font-size:17px;color:#5a5a5a;line-height:24px;margin:25px 0 0;}
.show-list-3 ul{margin:50px -15px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.show-list-3 ul li{width:50%;padding:15px;box-sizing:border-box;cursor:pointer;transition:all 0.3s ease 0s;}
.show-list-3 ul li .box{background:#E9E7DB;padding:60px 40px 40px;}
.show-list-3 ul li .ico{}
.show-list-3 ul li .ico img{height:40px;}
.show-list-3 ul li h6{font-size:18px;font-weight:700;color:#292929;margin:25px 0 0;}
.show-list-3 ul li p{font-size:17px;line-height:22px;color:#555;margin:20px 0 0;}
.show-list-3 ul li:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.show-list-3 ul li:hover .box{box-shadow:0 0 10px rgba(63,62,62,0.2);}

.show-list-4{padding:70px 0;background:#fff;}
.show-list-4 ul{}
.show-list-4 ul li{display:-webkit-flex;display:flex;}
.show-list-4 ul li+li{margin-top:60px;}
.show-list-4 ul li .pic{width:50%;}
.show-list-4 ul li .txt{-webkit-flex:1;flex:1;margin:0 0 0 40px;}
.show-list-4 ul li .txt h6,.show-list-4 ul li .txt h2{font-size:34px;color:#333;font-weight:700;}
.show-list-4 ul li .txt p{margin:20px 0 0;line-height:24px;font-size:17px;color:#555;}

.show-list-4 ul li:nth-child(2n){-webkit-flex-direction:row-reverse;flex-direction:row-reverse;}
.show-list-4 ul li:nth-child(2n) .txt{margin:0 40px 0 0;}


.show-list-5{padding:70px 0;background:#eaeaea;}
.show-list-5 h3,.show-list-5 h2{font-size:42px;line-height:1;color:#000;font-weight:bold;text-align:center;text-align:center;}
.show-list-5 ul{margin:50px -15px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;align-items: stretch;}
.show-list-5 ul li{width:50%;padding:15px;box-sizing:border-box;cursor:pointer;transition:all 0.3s ease 0s;}
.show-list-5 ul li .box{background:#eaeaea;height: 100%;padding:50px 30px;box-shadow:13px 15px 40px 0 rgba(50,26,9,.08);}
.show-list-5 ul li h6,.show-list-5 ul li h4{font-size:18px;font-weight:700;color:#292929;}
.show-list-5 ul li p{font-size:17px;line-height:22px;color:#555;margin:20px 0 0;}
.show-list-5 ul li p a{color:#111;text-decoration:underline;}
.show-list-5 ul li:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
.show-list-5 ul li:hover .box{box-shadow:0 0 10px rgba(63,62,62,0.2);}


.show-list-6{padding:70px 0;background:#fff;}
.show-list-6 h2,.show-list-6 h3{font-size:42px;line-height:1;color:#000;font-weight:bold;text-align:center;}
.show-list-6 h4.title{margin:30px 0 30px;line-height:20px;text-align:center;background-size:cover;color:#9f9f9f;font-size:22px;font-weight:700;}
.show-list-6 ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top: 30px;}
.show-list-6 ul li{width:25%;margin:7px 0;font-size:16px;box-sizing:border-box;}
.show-list-6 ul li a{font-size:16px;color:#292929;background:url("../images/show-dot1.png") no-repeat left 3px;padding:0 0 0 20px;display:block;}
.show-list-6 ul li a:hover{color:#875d3e;background-image:url("../images/show-dot2.png");}

.show-list-7{padding:70px 0;background:#eaeaea;}
.show-list-7 h3,.show-list-7 h2{font-size:30px;line-height:1;color:#000;}
.show-list-7 p{font-size:17px;color:#5a5a5a;line-height:24px;margin:25px 0 0;}

.show-list-7 dl{margin:30px 0 0;}
.show-list-7 dl dt{font-size:16px;color:#9c8d7c;font-weight:bold;}
.show-list-7 dl dt~dt{margin-top:20px;}
.show-list-7 dl dd{font-size:16px;line-height:24px;margin:10px 0 0;}
.show-list-7 dl dd a{color:#111;text-decoration:underline;}

.show-list-7 hr{width:100%;height:2px;border-top:1px solid #d9cfc7;border-bottom:1px solid #fff;overflow:hidden;margin:50px 0;}

.show-list-7 ul{}
.show-list-7 ul li{padding:40px 0;border-bottom:1px solid #d9cfc7;border-top:1px solid #fff;}
.show-list-7 ul li:first-child{border-top:none;}
.show-list-7 ul li:last-child{border-bottom:none;}
.show-list-7 ul li h4{color:#875d3e;font-size:22px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.show-list-7 ul li h4::before{content:'';margin:0 10px 3px 0;width:18px;height:18px;border-radius:50%;background-color:#875d3e;}
.show-list-7 ul li a{color:#111;text-decoration:underline;}
/*------------------------------------------------------------*/
@media screen and (max-width:768px){
.wp1200{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.show-list-1 .tit h1{font-size:30px;}
.show-list-1{padding:30px 0 10px;}
}
                     
                     
/*-------*/
                     
.rela-pro {
 padding: 0 0 60px 0;}
.rela-pro .tit {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center
}
.rela-pro .tit h5 {
  font-size: 22px;
  color: #333;
  font-weight: 700;
  line-height: 1
}
.rela-pro .tit .page {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}
.rela-pro .tit .page .swiper-button-prev,
.rela-pro .tit .page .swiper-button-next {
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: var(--swiper-btn-color);
  position: static;
  margin-top: 0
}
.rela-pro .tit .page .swiper-button-prev i,
.rela-pro .tit .page .swiper-button-next i {
  font-size: 13px;
  color: #fff;
  display: inline-block;
  margin-top: 2px
}
.rela-pro .tit .page .swiper-button-next {
  margin-left: 14px
}
.rela-pro .tit .page .swiper-button-prev:hover,
.rela-pro .tit .page .swiper-button-next:hover {
  background: var(--swiper-btn-color-hover);
}
.rela-pro .tit .page .swiper-button-prev::after,
.rela-pro .tit .page .swiper-button-next::after {
  color: white;
}
.rela-pro .swiper-button-prev:after,
.rela-pro .swiper-button-next:after {
  font-size: 20px;
}
.rela-pro .list {
  margin: 25px 0 0
}
.rela-pro .swiper-slide {}
.rela-pro .swiper-slide a {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden
}
.rela-pro .swiper-slide a > img {
  width: 100%;
  display: block;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s
}
.rela-pro .swiper-slide .t {
  position: absolute;
  background: var(--bg-color);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 40px;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0)
}
.rela-pro .swiper-slide .t::after {
  content: "";
  height: 2px;
  position: absolute;
  left: 15px;
  width: 0;
  bottom: 16px;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.3s ease 0.3s;
  -webkit-transition: all 0.3s ease 0.3s
}
.rela-pro .swiper-slide .t p {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.5px;
  padding: 0 0 0 30px;
  position: relative
}
.rela-pro .swiper-slide .t p::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  color: #fff;
  font-weight: 400
}
.rela-pro .swiper-slide .t2 {
  padding: 0 70px
}
.rela-pro .swiper-slide .t2 p {
  font-size: 17px;
  line-height: 36px
}
.rela-pro .swiper-slide:hover .t {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.rela-pro .swiper-slide:hover .t::after {
  width: calc(100% - 30px)
}
.rela-pro .swiper-pagination {
  display: none;
  position: static;
  width: 100%;
  margin-top: 20px
}
.rela-pro .swiper-pagination-bullet {
  height: 8px;
  width: 8px;
  margin: 0 3px;
  background: #40409c;
  border-radius: 10px;
  opacity: 1;
  box-sizing: border-box
}
.rela-pro .swiper-pagination-bullet-active {
  width: 12px;
  background: #00007b
}
                     
@media screen and (max-width:992px) {
  .wp1200{margin:0 15px;width:auto;}
  .show-list-2 .more{line-height: 24px;
  font-size: 16px;}
  .show-list-6 ul li {
    width: 33%;
  }
}