/* banner */
.index-banner {width: 100%;max-width: 1920px;min-width: 320px; margin: 0 auto;height: 600px;position: relative;}
.index-banner .swiper-container {height: 100%;}
.index-banner .swiper-slide a {display: block;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.index-banner .swiper-slide a .container {display: flex;justify-content: center;align-items: center;height: 100%;}
.index-banner .swiper-slide a .container h1{font-size: 36px; color: #fff;font-weight: bold;}
.index-banner .swiper-slide a .container .banner-btn{font-size: 18px; color: #333;background: #f7b500;text-align: center;width: 140px;border: 1px solid #f7b500; margin-top: 40px;line-height: 54px;border-radius: 5px;transition: all .3s;}
.index-banner .swiper-slide a .container .banner-btn:hover{ background: transparent;color: #f7b500;}

.index-banner .swiper-container .swiper-pagination {bottom: 15px;}
.index-banner .swiper-container .swiper-pagination-bullet {width: 22px;height: 22px;display: inline-block;cursor: pointer;background: url(../images/page.png) no-repeat;opacity: 1;background-size: 22px;}

.index-banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
.index-banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {background: url(../images/page_on.png) no-repeat;margin: 0 8px;background-size: 22px;}

/* 公司荣誉国际证书 */
.index-honor{padding: 35px 0;}
.index-honor .honor-box{margin-top: 30px;padding-bottom: 15px;}
.index-honor .honor-box ul{width: 100%;display: flex;justify-content: center;}
.index-honor .honor-box ul li{float: left;}
.index-honor .honor-box ul li a{display: block;width: 100%;float: left;}

.index-honor a .pic-box{float: left;width: 100%;height: 0;padding-bottom: 117px;position: relative;overflow: hidden;}
.index-honor a .pic-box .pic{position: absolute;width: 100%;padding: 0;height: 100%;vertical-align: middle;display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;text-align: center;}
.index-honor a .pic img {max-width: 100%;max-height: 100%;display: block;margin: 0 auto;border-radius: 5px;}

.index-honor a .pic-txt h6{font-size: 16px;color: #fff;text-align: center;float: left;width: 100%;line-height: 40px;}
.index-honor a .pic-txt h6:hover{color: #f7b500;}

.index-honor .swiper-container .swiper-pagination-bullets {bottom: 0;}
.index-honor .swiper-pagination-bullet {background: #fff;opacity: 1;}
.index-honor .swiper-pagination-bullet-active {background: #f7b500;}

/* 首页视频 */
.index-intro{margin-bottom: 70px;}
.index-intro .intro-box{width: 100%;display: flex;}
.index-intro .intro-box .intro-v{width: 50%;position: relative;}
.index-intro .intro-box .intro-v .intro-img{width: 100%;display: block;}
.index-intro .intro-box .intro-v .play{position: absolute;width: 65px;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.index-intro .intro-box .intro-v .play img{display: block;width: 100%;}

.index-intro .intro-box .intro-txt{width: 50%;background: #f5f5f5;display: flex;justify-content: center;align-items: center;padding: 0 40px;}
.intro-txt .public p{text-align:justify;text-justify:inter-ideograph;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9;}

.video-bg {position: fixed;z-index: 1000;top: 0;left: 0;background: #000;opacity: 0.7;width: 100%;height: 100%;display: none;}
.inside-videobox {position: fixed;z-index: 1001;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.inside-videobox .video-close {z-index: 1002; position: absolute;right: -24px;top: -24px;width: 48px;height: 48px;background: rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size: 28px;border: #fff solid 2px;border-radius: 50%;cursor: pointer;opacity: 0.8;}

/* 合作指南 */
.handbook{margin: 80px 0;}
.handbook .handbook-box{margin: 50px 0 20px 0;}
.handbook-list li{float: left;width: 15%;margin-left: 2%;}
.handbook-list li:nth-child(6n+1){margin-left: 0;}
.handbook-list li a{display: block;width: 100%;cursor: auto;}
.handbook-list li a .handbool-img{width: 100px;margin: 0 auto;}
.handbook-list li a .handbool-img img{width: 100%;display: block;}
.handbook-list li:hover a .handbool-img img{transform: rotateY(-360deg);transition: all 0.6s;-webkit-transition: all 0.6s;}

.handbook-list li a h4{font-size: 18px;color: #333;line-height: 32px;text-align: center;font-weight: bold;margin-top: 20px;margin-bottom: 6px;}
.handbook-list li a h5{font-size: 16px;color: #666;line-height: 32px;font-weight: normal;text-align: center;height: 64px;width: 100%;}


@media(max-width:1440px){
  .index-banner .swiper-slide a .container h1 {font-size: 32px;}
  .index-banner {
    height: 450px;
}
  .index-banner .swiper-slide a .container .banner-btn {
    font-size: 16px;
    width: 120px;
    margin-top: 30px;
    line-height: 42px;
}
}

@media(max-width:1200px){
  .handbook-list li a .handbool-img {
    width: 80px;
}
.handbook-list li a h4 {
  font-size: 16px;
  margin-top: 12px;
  margin-bottom: 0px;
}
.handbook-list li a b {
  font-size: 14px;
  line-height: 30px;
  height: 60px;
}
  .index-intro .intro-box .intro-txt {
    padding: 0 30px;
}
  .intro-txt .public p {
    -webkit-line-clamp: 7;
}
.index-intro .intro-box .intro-v .play {
  width: 50px;
}
.inside-videobox .video-close {
  right: -18px;
  top: -18px;
  width: 36px;
  height: 36px;
  background: rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;
  background-size: 22px;
}
  .index-banner {
    height: 375px;
}
.index-banner .swiper-slide a .container h1 {
  font-size: 28px;
}
.index-banner .swiper-slide a .container .banner-btn {
  font-size: 14px;
  width: 100px;
  margin-top: 22px;
  line-height: 38px;
}
.index-banner .swiper-container .swiper-pagination-bullet {width: 18px;height: 18px;background: url(../images/page.png) no-repeat;background-size: 18px;}
.index-banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {background: url(../images/page_on.png) no-repeat;margin: 0 5px;background-size: 18px;}
.index-honor a .pic-box {
  padding-bottom: 100px;
}

}

@media (max-width: 991px){
  .intro-txt .public p {
    -webkit-line-clamp: 5;
}
  .index-banner {
    height: 310px;
}
.index-banner .swiper-slide a .container h1 {
  font-size: 24px;
}

.index-honor a .pic-txt h6 {
  font-size: 14px;
}
}


@media (max-width: 769px){
  .index-intro {
    margin-bottom: 50px;
}
  .index-intro .intro-box .intro-txt {
    padding: 40px 30px;
    width: 100%;
}
.intro-txt .public p {
  -webkit-line-clamp: unset;
}
  .index-intro .intro-box {
    display: block;
}
.index-intro .intro-box .intro-v {
  width: 100%;
}
  .index-banner {
    height: 210px;
}
.index-banner .swiper-slide a .container h1 {
  font-size: 20px;
}
.index-banner .swiper-slide a .container .banner-btn {
  font-size: 12px;
  width: 88px;
  margin-top: 12px;
  line-height: 31px;
}
.index-honor .swiper-pagination-bullet {
  width: 6px;height: 6px;
}
.handbook-list li a .handbool-img {
  width: 64px;
}
.handbook-list li a h4 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.handbook-list li a b {
  line-height: 24px;
  height: 48px;
}
.handbook {
  margin: 50px 0;
}
.handbook .handbook-box {
    margin: 30px 0 20px 0;
}
}

@media (max-width: 640px){
  .handbook .handbook-box {
    margin: 30px 0 0px 0;
}
  .handbook-list li:nth-child(6n+1) {margin-left: 5%;}
  .handbook-list li:nth-child(3n+1) {margin-left: 0;}
.handbook-list li {
    float: left;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 5%;
}
  .index-intro .intro-box .intro-txt {
    padding: 40px 20px;
}
.inside-videobox {
  width: 90%;
}
  .index-honor {
    padding: 25px 0;
}
  .index-banner {
    height: 210px;
}
.index-banner .swiper-slide a .container h1 {
  font-size: 18px;
}
.index-banner .swiper-slide a .container .banner-btn {
  width: 80px;
  line-height: 28px;
}
}

@media (max-width: 480px){
  .handbook-list li a .handbool-img {
    width: 48px;
}
  .handbook-list li a b {
    font-size: 12px;
    line-height: 22px;
    height: 44px;
}
  .handbook {
    margin: 30px 0;
}
  .index-intro {
    margin-bottom: 15px;
}
  .index-intro .intro-box .intro-v .play {
    width: 45px;
}
  .index-honor {
    padding: 20px 0;
}
  .index-honor a .pic-box {
    padding-bottom: 90px;
}
.index-honor a .pic-txt h6 {
  font-size: 12px;
  line-height: 30px;
}
.index-honor .honor-box {
  margin-top: 20px;
}
  .index-banner {
    height: 120px;
}
.index-banner .swiper-slide a .container h1 {
  font-size: 16px;
}
.swiper-container .swiper-pagination {
  bottom: 3px;
}
.index-banner .swiper-container .swiper-pagination-bullet {width: 12px;height: 12px;background: url(../images/page.png) no-repeat;background-size: 12px;}
.index-banner .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {background: url(../images/page_on.png) no-repeat;margin: 0 5px;background-size: 12px;}
}