.index-header { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; opacity: 1; }

.index-header.hide { top: -70px; opacity: 0; }

.index-header.hide:hover { top: 0; opacity: 1; }

#section2.active .index-title { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section2.active .index-pro-tit { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.0s; -moz-animation-duration: 1.0s; -o-animation-duration: 1.0s; animation-duration: 1.0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section2.active .index-pro-img { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section3 { background-position: center center; background-repeat: no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }

#section3.active .index-title { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section3.active .index-advantage-con .index-advantage-item:nth-child(1) { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section3.active .index-advantage-con .index-advantage-item:nth-child(2) { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section3.active .index-advantage-con .index-advantage-item:nth-child(3) { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section4 { background-position: center bottom; background-repeat: no-repeat; }

#section4.active .index-title { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section4.active .index-case-con { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section5 { background-position: center center; background-repeat: no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; }

#section5.active .index-title { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.8s; -moz-animation-duration: 0.8s; -o-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section5.active .index-join-tel { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

#section5.active .index-join-qrImg { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

.index-banner { max-height: 100vh; overflow: hidden; }

.index-banner .swiper-container { height: 100vh; }

.index-banner .swiper-container .swiper-wrapper { height: 100%; }

.index-banner .swiper-slide { height: 100%; }

.index-banner .swiper-slide.swiper-slide-active .mob-banner .banner-text { -webkit-animation: bounceInRight 1s linear; -moz-animation: bounceInRight 1s linear; -o-animation: bounceInRight 1s linear; animation: bounceInRight 1s linear; }

.index-banner .swiper-slide .mob-banner { position: relative; }

.index-banner .swiper-slide .mob-banner img { display: block; width: 100%; max-width: inherit; }

.index-banner .swiper-slide .mob-banner .banner-text { position: absolute; top: 34vh; left: 0; width: 100%; z-index: 5; }

.index-banner .swiper-slide .mob-banner .banner-text h1 { font-size: 68px; color: #fff; }

.index-banner .swiper-slide .mob-banner .banner-text p { margin-top: 6vh; overflow: hidden; }

.index-banner .swiper-slide .mob-banner .banner-text p span { float: left; font-size: 32px; color: #fff; }

.index-banner .swiper-slide .mob-banner .banner-text p span:first-child { border-right: 2px solid #fff; margin-right: 60px; padding-right: 60px; }

.index-banner .swiper-pagination { bottom: 40px; }

.index-banner .swiper-pagination span { width: 8px; height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.index-banner .swiper-pagination span.swiper-pagination-bullet-active { width: 20px; background: white; }

.index-title { text-align: center; }

.index-title.text-left { text-align: left; }

.index-title.text-white .index-tit-ch { color: #fff; }

.index-title .index-tit-en { font-size: 28px; color: #dadada; }

.index-title .index-tit-ch { font-size: 38px; color: #333; font-weight: 600; }

.index-pro .index-pro-con .index-pro-tit { margin-top: 40px; }

.index-pro .index-pro-con .index-pro-tit ul li { float: left; width: 20%; text-align: center; }

.index-pro .index-pro-con .index-pro-tit ul li.active a { -webkit-box-shadow: 5px 5px 20px #dadada; -moz-box-shadow: 5px 5px 20px #dadada; box-shadow: 5px 5px 20px #dadada; }

.index-pro .index-pro-con .index-pro-tit ul li.active a img { display: none; }

.index-pro .index-pro-con .index-pro-tit ul li.active a img.icon-r { display: block; }

.index-pro .index-pro-con .index-pro-tit ul li.active a span { color: #c30d23; }

.index-pro .index-pro-con .index-pro-tit ul li.active a span:before { background: #c30d23; }

.index-pro .index-pro-con .index-pro-tit ul li a { display: block; padding: 20px 0; position: relative; }

.index-pro .index-pro-con .index-pro-tit ul li a img { display: block; width: 37%; margin: 0 auto; }

.index-pro .index-pro-con .index-pro-tit ul li a img.icon-r { display: none; }

.index-pro .index-pro-con .index-pro-tit ul li a span { display: block; font-size: 18px; font-weight: bold; color: #333; padding-top: 10px; margin-top: 20px; position: relative; }

.index-pro .index-pro-con .index-pro-tit ul li a span:before { content: ''; width: 20px; height: 1px; background: #000; position: absolute; top: 0; left: 50%; margin-left: -10px; }

.index-pro .index-pro-con .index-pro-img { margin-top: 20px; padding-top: 30px; padding-left: 50px; position: relative; }

.index-pro .index-pro-con .index-pro-img:before { content: ''; width: 90%; height: 90%; background: #f3d0d5; position: absolute; top: 0; left: 0; }

.index-pro .index-pro-con .index-pro-img img { display: block; width: 100%; position: relative; z-index: 2; }

.index-advantage .index-title { position: relative; }

.index-advantage .index-title .more { font-size: 16px; color: #dadada; position: absolute; bottom: 0; right: 0; padding-top: 15px; padding-right: 15px; background: url("../images/jt.png") no-repeat right top; }

.index-advantage .index-advantage-con { width: 101%; margin-left: -0.5%; margin-top: 50px; }

.index-advantage .index-advantage-con .index-advantage-item { float: left; width: 32.33%; margin: 0 0.5%; }

.index-advantage .index-advantage-con .index-advantage-item:hover .index-advantage-img:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

.index-advantage .index-advantage-con .index-advantage-item:hover .index-advantage-img dl { opacity: 1; }

.index-advantage .index-advantage-con .index-advantage-item:hover .index-advantage-tit { background: #fff; }

.index-advantage .index-advantage-con .index-advantage-item:hover .index-advantage-tit p { color: #333; }

.index-advantage .index-advantage-con .index-advantage-item:hover .index-advantage-tit a { background: url("../images/link-icon02.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.index-advantage .index-advantage-con .index-advantage-item:hover .index-advantage-tit a img { opacity: 0; }

.index-advantage .index-advantage-con .index-advantage-item:last-child .index-advantage-tit { margin-top: 0; margin-bottom: 20px; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-img { position: relative; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-img img { width: 100%; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-img dl { opacity: 0; position: absolute; top: 50%; left: 0; padding: 0 8%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-img dl dd { font-size: 16px; color: #fff; margin: 6px 0; padding-left: 10px; position: relative; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-img dl dd:before { content: ''; width: 5px; height: 5px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 9px; left: 0; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit { width: 100%; height: 140px; margin-top: 20px; padding: 0 30px; background: rgba(195, 13, 35, 0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit p { font-size: 24px; color: #fff; padding-top: 22px; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit a { display: block; width: 36px; height: 36px; margin-top: 30px; }

.index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit a img { width: 100%; }

.index-case .index-title { position: relative; top: 90px; }

.index-case .index-case-con { padding-left: 300px; position: relative; }

.index-case .index-case-con .index-title { position: absolute; top: 0; left: 0; }

.index-case .index-case-con ul { width: 150px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.index-case .index-case-con ul li { text-align: center; margin: 20px 0; }

.index-case .index-case-con ul li.active a { color: #fff; background: #c30d23; }

.index-case .index-case-con ul li a { display: block; font-size: 16px; color: #333; height: 46px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.index-case .index-case-con .index-case-swiper .index-case-swiper-item { height: 0; opacity: 0; overflow: hidden; }

.index-case .index-case-con .index-case-swiper .index-case-swiper-item.active { height: auto; opacity: 1; -webkit-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }

.index-case .index-case-con .index-case-swiper .index-case-swiper-item .swiper-slide img { width: 100%; }

.index-case .index-case-con .index-case-swiper .index-case-swiper-item .swiper-button-prev { width: 36px; height: 36px; background: url("../images/left-btn.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; left: 220px; top: inherit; bottom: 100px; }

.index-case .index-case-con .index-case-swiper .index-case-swiper-item .swiper-button-prev:hover { background: url("../images/left-btn-on.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.index-case .index-case-con .index-case-swiper .index-case-swiper-item .swiper-button-next { width: 36px; height: 36px; background: url("../images/right-btn.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; left: 220px; top: inherit; bottom: 50px; }

.index-case .index-case-con .index-case-swiper .index-case-swiper-item .swiper-button-next:hover { background: url("../images/right-btn-on.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }

.index-join { padding: 130px 0 150px; }

.index-join .index-join-con { margin-top: 150px; text-align: center; }

.index-join .index-join-con .index-join-tel { margin-top: 30px; display: inline-block; }

.index-join .index-join-con .index-join-tel p { float: left; padding-left: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 78px; text-align: left; }

.index-join .index-join-con .index-join-tel p span { display: block; font-size: 24px; color: #fff; margin: 10px 0; }

.index-join .index-join-con .index-join-tel p:first-child { background: url("../images/icon-tel.png") no-repeat left center; -moz-background-size: 78px; background-size: 78px; }

.index-join .index-join-con .index-join-tel p:last-child { background: url("../images/icon-ren.png") no-repeat left center; -moz-background-size: 78px; background-size: 78px; }

.index-join .index-join-con .index-join-qrImg { float: left; width: 25%; margin-left: 5%; text-align: right; }

.index-join .index-join-con .index-join-qrImg img { display: inline-block; max-width: 100%; }

@media screen and (max-width: 1440px) { .index-title .index-tit-en { font-size: 24px; }
  .index-title .index-tit-ch { font-size: 28px; }
  .index-banner .swiper-slide .mob-banner .banner-text .container { max-width: 960px; }
  .index-banner .swiper-slide .mob-banner .banner-text h1 { font-size: 46px; }
  .index-banner .swiper-slide .mob-banner .banner-text p span { font-size: 24px; }
  .index-pro .container { max-width: 960px; }
  .index-pro .index-pro-con .index-pro-tit { margin-top: 20px; }
  .index-pro .index-pro-con .index-pro-tit ul li a img { width: 60px; }
  .index-advantage .container { max-width: 960px; }
  .index-advantage .index-advantage-con { margin-top: 20px; }
  .index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit p { font-size: 18px; font-weight: bold; }
  .index-join { padding: 60px 0 60px; }
  .index-join .container { max-width: 960px; }
  .index-join .index-join-con { margin-top: 80px; }
  .index-join .index-join-con .index-join-tel p { padding-left: 66px; -moz-background-size: 52px !important; background-size: 52px !important; }
  .index-join .index-join-con .index-join-tel p span { font-size: 18px; }
  .index-join .index-join-con .index-join-qrImg img { width: 120px; } }

@media screen and (max-width: 1280px) { .index-title .index-tit-en { font-size: 22px; }
  .index-title .index-tit-ch { font-size: 24px; }
  .index-banner .swiper-slide .mob-banner .banner-text h1 { font-size: 36px; }
  .index-banner .swiper-slide .mob-banner .banner-text p span { font-size: 20px; }
  .index-pro .index-pro-con .index-pro-tit ul li a img { width: 46px; }
  .index-pro .index-pro-con .index-pro-tit ul li a span { font-size: 16px; } }

@media screen and (max-width: 1024px) { .index-title .index-tit-ch { font-size: 20px; }
  .index-banner { height: auto; max-height: inherit; }
  .index-banner .swiper-container { height: auto; }
  .index-banner .swiper-slide .mob-banner img { width: 100%; }
  .index-banner .swiper-slide .mob-banner .banner-text { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .index-banner .swiper-slide .mob-banner .banner-text h1 { font-size: 26px; }
  .index-banner .swiper-slide .mob-banner .banner-text p span { font-size: 18px; }
  .index-pro { padding: 40px 0; }
  .index-pro .index-pro-con .index-pro-tit ul li a img { width: 36%; }
  .index-pro .index-pro-con .index-pro-tit ul li a span { font-size: 14px; height: 38px; }
  .index-pro .index-pro-con .index-pro-img { padding-top: 15px; padding-left: 20px; }
  .index-advantage { padding: 40px 0; }
  .index-advantage .index-title .more { font-size: 14px; }
  .index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit p { font-size: 16px; }
  .index-advantage .index-advantage-con .index-advantage-item .index-advantage-img dl dd { font-size: 14px; }
  .index-case { padding: 40px 0; }
  .index-case .index-case-con { padding: 0 10px; }
  .index-case .index-case-con .index-title { position: inherit; }
  .index-case .index-case-con ul { width: 100%; position: inherit; top: inherit; left: inherit; -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; overflow: hidden; }
  .index-case .index-case-con ul li { float: left; width: 20%; }
  .index-case .index-case-con ul li a { font-size: 14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
  .index-case .index-case-con .index-case-swiper .index-case-swiper-item { position: relative; }
  .index-case .index-case-con .index-case-swiper .index-case-swiper-item .swiper-button-prev { top: 50%; left: 10px; margin-top: -18px; }
  .index-case .index-case-con .index-case-swiper .index-case-swiper-item .swiper-button-next { top: 50%; right: 10px; left: inherit; margin-top: -18px; } }

@media screen and (max-width: 768px) { .index-banner .swiper-slide { overflow: hidden; }
  .index-banner .swiper-slide .mob-banner img { width: 800px; position: relative; left: 50%; margin-left: -400px; }
  .index-advantage .index-advantage-con .index-advantage-item { float: none; width: 100%; margin: 0 0 20px; position: relative; }
  .index-advantage .index-advantage-con .index-advantage-item:last-child { padding-bottom: 140px; margin: 0; }
  .index-advantage .index-advantage-con .index-advantage-item:last-child .index-advantage-tit { position: absolute; left: 0; bottom: 0; }
  .index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit { height: 100px; }
  .index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit p { padding-top: 10px; }
  .index-advantage .index-advantage-con .index-advantage-item .index-advantage-tit a { margin-top: 20px; }
  .index-join .index-join-con { margin-top: 20px; }
  .index-join .index-join-con .index-join-tel { float: none; width: 100%; }
  .index-join .index-join-con .index-join-tel p { display: inline-block; float: none; min-height: 58px; -moz-background-size: 40px !important; background-size: 40px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 48px; padding-right: inherit !important; }
  .index-join .index-join-con .index-join-tel p:first-child { margin-right: 3%; }
  .index-join .index-join-con .index-join-tel p span { font-size: 16px; }
  .index-join .index-join-con .index-join-qrImg { width: 100%; margin-top: 20px; margin-left: 0; text-align: center; } 
  .index-advantage .index-advantage-con .index-advantage-item.hover .index-advantage-img:before { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; }

  .index-advantage .index-advantage-con .index-advantage-item.hover .index-advantage-img dl { opacity: 1; }
  
  .index-advantage .index-advantage-con .index-advantage-item.hover .index-advantage-tit { background: #fff; }
  
  .index-advantage .index-advantage-con .index-advantage-item.hover .index-advantage-tit p { color: #333; }
  
  .index-advantage .index-advantage-con .index-advantage-item.hover .index-advantage-tit a { background: url("../images/link-icon02.png") no-repeat center; -moz-background-size: 100%; background-size: 100%; }
  
  .index-advantage .index-advantage-con .index-advantage-item.hover .index-advantage-tit a img { opacity: 0; }

}