.swiper-container_banner .swiper-pagination-bullet {
  border-radius: 0px;
  padding: 8px 15px;
}
.swiper-container_banner .swiper-pagination-bullet-active {
  background: #fff;
}
body {
  --themeColor: #222;
  --subColor: #C40A0B;
  background: #fff;
}
.index-about {
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 100px;
}
.index-about .index-about-left {
  width: 68%;
}
.index-about .index-about-right {
  width: 45%;
  background: var(--subColor);
  position: absolute;
  right: 0px;
  top: 90px;
  padding: 30px;
  border-radius: 0px;
}
.index-about .index-about-right p {
  color: #eee;
  line-height: 35px;
  font-size: 15px;
}
.index-about .index-about-right a {
  display: inline-block;
  background: #fff;
  color: #222;
  margin-top: 30px;
  padding: 8px 20px;
  font-size: 14px;
  border: 1px solid #fff;
  transition: all 0.5s;
}
.index-about .index-about-right a:hover {
  background: none;
  color: #fff;
  border: 1px solid #fff;
}
.navbar-collapse li a {
  line-height: 40px;
}
.navbar-nav {
  padding-bottom: 20px;
}
header {
  position: relative;
  z-index: 999999;
}
.htpage {
  margin: 30px 0px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 0px;
}
.htpage a,
.htpage .page-status {
  font-size: 13px;
  border: 1px solid #ddd;
  color: #999;
  margin: 0px 5px;
  padding: 8px 20px;
}
.htpage a:hover {
  background: var(--subColor);
  color: #fff;
  border: 1px solid var(--subColor);
}
.procont {
  font-size: 15px;
  color: #222;
  line-height: 2;
  padding-top: 20px;
}
.procont img {
  max-width: 100%!important;
}
.index-news-top {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.index-news-top .index-news-left {
  width: 28%;
}
.index-news-top .index-news-left a {
  display: block;
  overflow: hidden;
}
.index-news-top .index-news-left a img {
  transition: all 0.5s;
  display: block;
}
.index-news-top .index-news-left a img:hover {
  transform: scale(1.2);
}
.index-news-top .index-news-right {
  width: 69%;
}
.index-news-top .index-news-right h3 {
  font-size: 18px;
  color: #222;
}
.index-news-top .index-news-right p {
  font-size: 14px;
  margin-top: 10px;
  line-height: 25px;
}
.index-news-top .index-news-right a {
  font-size: 12px;
  display: inline-block;
  margin-top: 15px;
  border: 1px solid #999;
  color: #666;
  padding: 8px 25px;
}
.index-news-top .index-news-right a:hover {
  background: var(--subColor);
  color: #fff;
  border: 1px solid var(--subColor);
}
.tab-pane ul {
  margin-top: 20px;
}
.tab-pane ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 50px;
  border-bottom: 1px solid #d4d4d4;
}
.tab-pane ul li a {
  font-size: 15px;
}
.tab-pane ul li span {
  font-size: 14px;
  color: var(--subColor);
}
.p_title h2 {
  color: var(--subColor);
}
.qiye {
  padding-bottom: 60px;
}
.qiye ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.qiye ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.qiye ul li p {
  margin-top: 10px;
  color: #707070;
  font-size: 18px;
}
.guanggao {
  background: #f9f9f9;
  padding: 30px 0px;
}
.guanggao .guanggao-main {
  width: 1200px;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.guanggao .guanggao-main h3 {
  font-size: 28px;
  color: var(--subColor);
}
.guanggao .guanggao-main p {
  font-size: 18px;
  margin-top: 15px;
  color: #666;
}
.index_news {
  background: #f9f9f9;
}
.lc2 {
  background: #f9f9f9;
}
.dropdown-menu li {
  margin-left: 0px;
  width: 100%;
}
.dropdown-menu li a {
  font-size: 14px;
}
.shejilist ul {
  display: flex;
  flex-wrap: wrap;
}
.shejilist ul li {
  width: 32.5%;
  margin-right: 15px;
  margin-bottom: 30px;
}
.shejilist ul li:nth-child(3n) {
  margin-right: 0px;
}
.shejilist ul li a {
  display: block;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
}
.shejilist ul li a img {
  transition: all 0.5s;
}
.shejilist ul li a img:hover {
  transform: scale(1.4);
}
.shejilist ul li a p {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 10px 0px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.prolist2 {
  margin-bottom: 30px;
}
.prolist2 a {
  display: block;
  overflow: hidden;
  border: 1px solid #ddd;
  padding: 0px;
}
.prolist2 a img {
  display: block;
}
.prolist2 p {
  color: #333;
  margin-top: 10px;
}
.daline {
  color: #707070;
}
.caseTop {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.caseTop .caseleft {
  width: 30%;
}
.caseTop .caseright {
  width: 65%;
}
.caseTop .caseright h3 {
  font-size: 26px;
  color: var(--subColor);
}
.caseTop .caseright > p {
  font-size: 16px;
  line-height: 35px;
  padding: 10px 0px;
  margin: 10px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.caseTop .caseright .content-shuxing {
  font-size: 15px;
  line-height: 35px;
}
.caseTop .caseright b {
  font-size: 17px;
  color: var(--subColor);
  font-weight: 400;
}
.caseTop .caseright .content-shuxing a {
  color: #222;
}
.caseTop .caseright .content-shuxing a:hover {
  color: var(--subColor);
}
.caseActive {
  background: #fff !important;
  color: #222 !important;
}
.caseActive::after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--subColor);
  position: absolute;
  top: 0px;
  left: 0px;
}
.casecontent {
  margin-top: 60px;
}
.casecontent ul {
  display: flex;
}
.casecontent ul li {
  width: 1200 / 3px;
}
.casecontent ul li a {
  display: block;
  text-align: center;
  background: #F2F2F3;
  color: #707070;
  padding: 20px 0px;
  font-size: 16px;
  position: relative;
}
.casecontent .case-cont .casecont-item {
  display: none;
  width: 100%;
  font-size: 15px;
  line-height: 2;
  color: #222;
  padding-top: 20px;
}
.casecontent .case-cont .casecont-item img {
  max-width: 100%!important;
}
.casecontent .case-cont #tab1 {
  display: block;
}
.case_a_cont a span {
  text-align: center;
}
.swiper-container_case {
  padding-bottom: 50px;
}
.swiper-container_case .swiper-slide > a {
  display: block;
  overflow: hidden;
  border: 1px solid #ddd;
}
.swiper-container_case .swiper-slide > a img {
  height: 321px;
  display: block;
  transition: all 0.5s;
}
.swiper-container_case .swiper-slide > a img:hover {
  transform: scale(1.2);
}
.swiper-container_case .swiper-slide p {
  text-align: center;
  margin-top: 8px;
}
.swiper-container_case .swiper-slide p a {
  font-size: 15px;
}
.swiper-container_case .swiper-slide p a:hover {
  color: var(--subColor);
}
.caseNav {
  margin-bottom: 35px;
}
.caseNav ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.caseNav ul li {
  margin: 0px 15px;
}
.caseNav ul li a {
  display: inline-block;
  background: var(--subColor);
  color: #fff;
  padding: 12px 25px;
  border-radius: 4px;
  border: 1px solid var(--subColor);
  transition: all 0.5s;
}
.caseNav ul li a:hover {
  background: none;
  color: var(--subColor);
}
.navbar-collapse li {
  font-size: 16px;
}
.navbar-collapse {
  width: 78%;
}
.logo h1 img {
  width: auto;
}
.logo {
  width: 22%;
}
.kefu {
  position: absolute;
  right: 20px;
  width: 110px;
  z-index: 9999;
}
.kefu .con {
  overflow: hidden;
  background: url(../images/middle.gif);
  text-align: center;
}
.kefu .con .qq {
  margin: 10px auto;
}
.kefu .con .phone {
  font-family: '宋体';
  font-size: 16px;
  color: #666;
  font-weight: bold;
  padding: 5px;
}
.kefu .con .wx img {
  width: 100px;
}
.kefu .con .wx p {
  font-family: '宋体';
  font-size: 12px;
  color: #666;
  line-height: 30px;
  padding-bottom: 5px;
}