@media screen and (max-width: 1800px) {
  .swiper-container_banner img {
    width: 100%!important;
  }
}
.swiper-container_banner img {
  display: block;
}
.swiper-pagination-bullet {
  padding: 6px!important;
}
.swiper-pagination-bullet-active {
  background: #fff !important;
}
.index-pro {
  margin-top: 30px;
  padding-bottom: 50px;
}
.index-pro .htTitle {
  margin-bottom: 30px;
}
.index-pro .index-pro-main {
  width: 1200px;
  margin: 0px auto;
}
.index-pro .index-pro-main .index-pro-container {
  display: flex;
  justify-content: space-between;
}
.index-pro .index-pro-main .index-pro-container .index-pro-left {
  width: 20%;
}
.index-pro .index-pro-main .index-pro-container .index-pro-left .index-pro-left-nav .index-pro-left-nav-title h3 {
  font-size: 20px;
  color: #fff;
  background: var(--themeColor);
  padding: 10px;
  display: flex;
  align-items: center;
}
.index-pro .index-pro-main .index-pro-container .index-pro-left .index-pro-left-nav .index-pro-left-nav-title h3 img {
  margin-right: 10px;
}
.index-pro .index-pro-main .index-pro-container .index-pro-left .index-pro-left-nav ul {
  margin-top: 15px;
}
.index-pro .index-pro-main .index-pro-container .index-pro-left .index-pro-left-nav ul li {
  margin-bottom: 10px;
}
.index-pro .index-pro-main .index-pro-container .index-pro-left .index-pro-left-nav ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  background: #f1f1f1;
  padding: 10px;
}
.index-pro .index-pro-main .index-pro-container .index-pro-left .index-pro-left-nav ul li a:hover {
  background: var(--themeColor);
  color: #fff;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right {
  width: 76%;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul {
  display: flex;
  flex-wrap: wrap;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li {
  width: 32%;
  margin-right: 18px;
  margin-bottom: 20px;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li:nth-child(3n) {
  margin-right: 0px;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li a {
  display: block;
  height: 220px;
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li a .index-pro-div {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 220px;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  transition: all 1s;
  opacity: 0;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li a .index-pro-div:hover {
  opacity: 1;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li a .index-pro-div p {
  margin: 0px;
  border: 1px solid #fff;
  padding: 5px 25px;
  font-size: 15px;
  animation: dong 2s infinite;
  color: #fff;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li a img {
  height: 220px;
}
.index-pro .index-pro-main .index-pro-container .index-pro-right .index-prolist ul li p {
  text-align: center;
  margin-top: 5px;
  color: #333;
}
@keyframes dong {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.itl_t1 {
  text-align: center;
  width: 100%;
  background: url(../image/d3.png) repeat-x left center;
  margin: 0 0 40px;
  height: 56px;
  padding: 0 0;
}
.itl_t1 .tff {
  float: left;
  background: url(../image/d2.png) left center no-repeat #fff;
  height: 56px;
  padding: 0 20px 0 20px;
}
.izao_amore1 {
  float: right;
  color: #2e3955 !important;
  font-family: 'Microsoft YaHei', Verdana, Arial, Sans-Serif;
  line-height: 56px;
  text-transform: uppercase;
  font-size: 20px;
  z-index: 22;
  margin: 0 20px 0 0;
}
.itl_t1 font {
  display: block;
  font-size: 38px;
  font-family: 'Microsoft YaHei', Verdana, Arial, Sans-Serif;
  color: #2e3955;
  text-transform: uppercase;
  line-height: 1;
}
.itl_t1 span {
  display: block;
  font-size: 20px;
  color: #2e3955;
  line-height: 1;
}
.youshi .yoush-main {
  width: 1200px;
  margin: 0px auto;
}
.youshi .yoush-main .youshi-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 120px;
}
.youshi .yoush-main .youshi-title h1 {
  font-size: 26px;
  color: #2ca2fb;
}
.youshi .yoush-main .youshi-title h1 span {
  font-size: 38px;
  color: var(--themeColor);
}
.youshi .yoush-main .youshi-title .youshi-subTitle {
  font-size: 18px;
  color: #666;
  font-weight: 400;
  margin: 8px 0px;
}
.youshi .yoush-main .youshi-title .youshi-hr {
  width: 60px;
  height: 4px;
  margin-top: 8px;
  background: var(--themeColor);
}
.youshi .yoush-main .youshilist {
  margin-top: 50px;
}
.youshi .yoush-main .youshilist ul {
  display: flex;
  flex-wrap: wrap;
}
.youshi .yoush-main .youshilist ul li {
  width: 298px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 1s;
  border-right: 1px solid #ddd;
  height: 256px;
}
.youshi .yoush-main .youshilist ul li:nth-child(4n) {
  border-right: 0px;
}
.youshi .yoush-main .youshilist ul li:nth-child(5),
.youshi .yoush-main .youshilist ul li:nth-child(6),
.youshi .yoush-main .youshilist ul li:nth-child(7),
.youshi .yoush-main .youshilist ul li:nth-child(8) {
  border-top: 1px solid #ddd;
}
.youshi .yoush-main .youshilist ul li:hover {
  box-shadow: 0 0 48px -12px #999;
  z-index: 9;
  position: relative;
}
.youshi .yoush-main .youshilist ul li h3 {
  font-size: 18px;
  margin: 15px 0px;
}
.youshi .yoush-main .youshilist ul li p {
  padding: 0px 30px;
  line-height: 25px;
  font-size: 14px;
  color: #888;
  text-align: center;
}
.htTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 15px;
}
.htTitle h3 {
  font-size: 28px;
  color: var(--themeColor);
}
.htTitle p {
  width: 50px;
  height: 4px;
  background: var(--themeColor);
  margin-top: 8px;
}
.index-about .index-about-main {
  width: 1200px;
  margin: 0px auto;
  position: relative;
}
.index-about .index-about-main .htTitle {
  position: absolute;
  top: -90px;
  width: 100%;
}
.index-about .index-about-main .index-about-container {
  display: flex;
  justify-content: space-between;
}
.index-about .index-about-main .index-about-container .index-about-we {
  width: 65%;
  display: flex;
  justify-content: space-between;
  border-right: 1px solid #ddd;
  padding-right: 15px;
}
.index-about .index-about-main .index-about-container .index-about-we .index-about-left {
  width: 50%;
}
.index-about .index-about-main .index-about-container .index-about-we .index-about-left h3 {
  font-size: 17px;
}
.index-about .index-about-main .index-about-container .index-about-we .index-about-left p {
  font-size: 14px;
  line-height: 26px;
  color: #444;
  margin-bottom: 15px;
  text-align: justify;
  margin-top: 8px;
}
.index-about .index-about-main .index-about-container .index-about-we .index-about-left a {
  background: var(--themeColor);
  color: #fff;
  padding: 8px 20px;
  font-size: 12px;
  border-radius: 4px;
}
.index-about .index-about-main .index-about-container .index-about-we .index-about-left a:hover {
  background: var(--subColor);
}
.index-about .index-about-main .index-about-container .index-about-we .index-about-right {
  width: 47%;
}
.index-about .index-about-main .index-about-container .index-about-news {
  width: 32%;
}
.index-about .index-about-main .index-about-container .index-about-news h3 {
  font-size: 17px;
}
.index-about .index-about-main .index-about-container .index-about-news ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 33px;
  border-bottom: 1px solid #ddd;
}
.index-about .index-about-main .index-about-container .index-about-news ul li:last-child {
  border-bottom: 0px;
}
.index-about .index-about-main .index-about-container .index-about-news ul li a {
  color: #222;
  font-size: 14px;
}
.index-about .index-about-main .index-about-container .index-about-news ul li a:hover {
  color: var(--themeColor);
}
.index-about .index-about-main .index-about-container .index-about-news ul li span {
  font-size: 12px;
  color: var(--themeColor);
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: -45px !important;
}
.yuanzi {
  background: #EFEFEF;
  padding: 60px 0px;
}
.yuanzi .yuanzi-main {
  width: 1200px;
  margin: 0px auto;
  display: flex;
}
.yuanzi .yuanzi-main .yuanzi-left {
  width: 197px;
  background: var(--themeColor);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 217px;
}
.yuanzi .yuanzi-main .yuanzi-left h3 {
  font-size: 35px;
  color: #fff;
}
.yuanzi .yuanzi-main .yuanzi-left p {
  font-size: 20px;
  color: #fff;
  margin-top: 3px;
}
.yuanzi .yuanzi-main .yuanzi-left a {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin-top: 20px;
  border: 1px solid #fff;
  padding: 8px 20px;
}
.yuanzi .yuanzi-main .yuanzi-left a:hover {
  background: #fff;
  color: var(--themeColor);
}
.yuanzi .yuanzi-main .yuanzi-right {
  width: 1003px;
}
.yuanzi .yuanzi-main .yuanzi-right ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}
.yuanzi .yuanzi-main .yuanzi-right ul li {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  height: 217px;
  box-sizing: border-box;
  border-right: 1px solid #ddd;
  border-bottom: 3px solid #ccc;
}
.yuanzi .yuanzi-main .yuanzi-right ul li:last-child {
  border-right: 0px;
}
.yuanzi .yuanzi-main .yuanzi-right ul li:hover {
  background: #F6F6F6;
  border-bottom: 3px solid var(--themeColor);
}
.yuanzi .yuanzi-main .yuanzi-right ul li a {
  display: block;
}
.yuanzi .yuanzi-main .yuanzi-right ul li a img {
  width: 150px;
  height: 119px;
  margin: 15px auto;
}
.index-case {
  margin-top: 60px;
  background: #eee;
  padding: 80px 0px;
}
.index-case .index-case-main {
  margin: 0px auto;
  margin-top: 30px;
  width: 1200px;
  position: relative;
}
.index-case .index-case-main a {
  display: block;
  overflow: hidden;
  border: 1px solid #999;
}
.index-case .index-case-main a img {
  transition: all 1s;
  display: block;
}
.index-case .index-case-main a img:hover {
  transform: scale(1.2);
}
.index-case .index-case-main p {
  text-align: center;
  font-size: 16px;
  color: #222;
  margin-top: 8px;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background: url(../image/leftBtn.png) no-repeat !important;
  left: -90px !important;
  z-index: 9999;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: -90px !important;
  background: url(../image/rightBtn.png) no-repeat !important;
  z-index: 9999;
}
.swiper-button-next,
.swiper-button-prev {
  width: 65px!important;
  height: 65px!important;
}
.index-news {
  background: #f1f1f1;
  padding: 60px 0px;
}
.index-news .index-news-main {
  width: 1200px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.index-news .index-news-left {
  background: #fff;
  width: 840px;
}
.index-news .index-news-left .index-news-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px 8px 15px;
  border-bottom: 1px solid #ddd;
}
.index-news .index-news-left .index-news-title .index-news-name {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-news .index-news-left .index-news-title .index-news-name a {
  font-weight: bold;
  color: #333;
  padding: 0px 15px;
  font-size: 18px;
  position: relative;
  margin-right: 20px;
}
.index-news .index-news-left .index-news-title .index-news-name a:first-child {
  color: var(--themeColor);
}
.index-news .index-news-left .index-news-title .index-news-name a:first-child::after {
  content: "";
  width: 100px;
  height: 4px;
  background: var(--themeColor);
  position: absolute;
  bottom: -10px;
  left: 0;
}
.index-news .index-news-left .index-news-title .index-news-name a:hover {
  color: var(--themeColor);
}
.index-news .index-news-left .index-news-title .index-news-name a:hover::after {
  content: "";
  width: 100px;
  height: 4px;
  background: var(--themeColor);
  position: absolute;
  bottom: -10px;
  left: 0;
}
.index-news .index-news-left .index-news-title .index-news-more a {
  color: #777;
  font-size: 15px;
}
.index-news .index-news-left .index-news-title .index-news-more a:hover {
  color: var(--themeColor);
}
.index-news .index-news-left .index-news-left-Top {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.index-news .index-news-left .index-news-left-Top .index-news-left-Top-left {
  width: 20%;
}
.index-news .index-news-left .index-news-left-Top .index-news-left-Top-left a {
  display: block;
  overflow: hidden;
}
.index-news .index-news-left .index-news-left-Top .index-news-left-Top-left a img {
  transition: all 1s;
}
.index-news .index-news-left .index-news-left-Top .index-news-left-Top-left a img:hover {
  transform: scale(1.2);
}
.index-news .index-news-left .index-news-left-Top .index-news-right-Top-right {
  width: 77%;
}
.index-news .index-news-left .index-news-left-Top .index-news-right-Top-right h2 {
  font-size: 18px;
  color: #333;
}
.index-news .index-news-left .index-news-left-Top .index-news-right-Top-right p {
  font-size: 14px;
  margin-top: 6px;
  line-height: 25px;
  color: #666;
}
.index-news .index-news-left .index-news-left-Top .index-news-right-Top-right a {
  display: inline-block;
  font-size: 14px;
  margin-top: 8px;
  color: #666;
}
.index-news .index-news-left .index-news-left-Top .index-news-right-Top-right a:hover {
  color: var(--themeColor);
}
.index-news .index-news-right {
  width: 320px;
  background: #fff;
}
.index-news .index-news-right .index-news-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px 8px 15px;
  border-bottom: 1px solid #ddd;
}
.index-news .index-news-right .index-news-title .index-news-name {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-news .index-news-right .index-news-title .index-news-name a {
  font-weight: bold;
  color: #333;
  padding: 0px 15px;
  font-size: 18px;
  position: relative;
  margin-right: 20px;
}
.index-news .index-news-right .index-news-title .index-news-name a:first-child {
  color: var(--themeColor);
}
.index-news .index-news-right .index-news-title .index-news-name a:first-child::after {
  content: "";
  width: 100px;
  height: 4px;
  background: var(--themeColor);
  position: absolute;
  bottom: -10px;
  left: 0;
}
.index-news .index-news-right .index-news-title .index-news-more a {
  color: #777;
  font-size: 15px;
}
.index-news .index-news-right .index-news-title .index-news-more a:hover {
  color: var(--themeColor);
}
.index-news .index-news-right .index-news-rightlist ul {
  margin-top: 15px;
}
.index-news .index-news-right .index-news-rightlist ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 15px;
}
.index-news .index-news-right .index-news-rightlist ul li a {
  display: flex;
  margin-bottom: 10px;
  color: #333;
  font-weight: 600;
}
.index-news .index-news-right .index-news-rightlist ul li a:hover {
  color: var(--themeColor);
}
.index-news .index-news-right .index-news-rightlist ul li a img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.index-news .index-news-right .index-news-rightlist ul li a p {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.index-news .index-news-right .index-news-rightlist ul li .index-news-da {
  display: flex;
}
.index-news .index-news-right .index-news-rightlist ul li .index-news-da img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.index-news .index-news-right .index-news-rightlist ul li .index-news-da p {
  width: 260px;
  text-align: justify;
  font-size: 14px;
  color: #666;
  line-height: 25px;
}