@charset "UTF-8";
.banner{position: relative;overflow: hidden;margin-bottom: 40px;}
.banner img{width: 100%;max-width: 100%;display: block;}
.banner .swiper-pagination{text-align: right;padding-right: 3%;box-sizing: border-box;}
.banner .swiper-pagination-bullet{opacity: 0.8;background: rgba(255,255,255,0.8);}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #4e2925;}
.navigation>a{padding: 0 3%;display: inline-block;color: #808080;}
.navigation{text-align: center;padding: 225px 0;font-size: 24px;}
.navigation>a:hover{color: #4e2925;}

.main .group .txt{width: calc(100%/3);text-align: center;}
.main .group .pic{width: calc(200%/3);}
.main .group .txt .txtWrapper{width: 80%;margin-left: auto;margin-right: auto;}
.main .group .pic img{width: 100%;max-width: 100%;display: block;}
.main .group .name{font-size: 30px;font-size: 3.0rem;color: #4e2925;margin-bottom: 30px;text-align: center;}
.main .group .text{line-height: 36px;font-size: 16px;font-size: 1.6rem;}
.main .group .btn>a{display: block;width: 100px;height: 75px; line-height: 75px; border-radius: 3px;margin: 30px auto 0;text-align: center;color: #4e2925;}
.main .group .btn1>a{background: url("../img/index/btn7_2.png") no-repeat center;background-size: 100px;}
.main .group .btn2>a{background: url("../img/index/btn2_2.png") no-repeat center;background-size: 100px;}
.main .group .btn3>a{background: url("../img/index/btn3_2.png") no-repeat center;background-size: 100px;}
.main .group .btn4>a{background: url("../img/index/btn4_2.png") no-repeat center;background-size: 100px;}
.main .group .btn5>a{background: url("../img/index/btn5_2.png") no-repeat center;background-size: 100px;}

.main .group .btn1>a:hover{background-image: url("../img/index/btn7_1.png");}
.main .group .btn2>a:hover{background-image: url("../img/index/btn2_1.png");}
.main .group .btn3>a:hover{background-image: url("../img/index/btn3_1.png");}
.main .group .btn4>a:hover{background-image: url("../img/index/btn4_1.png");}
.main .group .btn5>a:hover{background-image: url("../img/index/btn5_1.png");}

.main .group .btn>a:hover{color: #fffcf7;}
.main .group .newsWrapper{width: 30%;margin: 0 auto;}
.main .group .date{float: left;color: #4e2925;line-height: 2;}
.main .group .news-item>a{ padding-left: 15px;line-height: 2; color: #808080;height: 56px; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;}
.main .group .news-item>a:hover{color: #4e2925;}
.main .group .news-item{padding: 25px 0;position: relative; }
.main .group .news-line{position: absolute;width: 100%;height: 3px;background: url("../images/public/line2.png") no-repeat center;background-size: cover; bottom: 0;left: 0;}
.main .group .line31{background-image: url("../img/public/line3_1.png");}
.main .group .line32{background-image: url("../img/public/line3_2.png");}
.main .group .line33{background-image: url("../img/public/line3_3.png");}

.main .newsGroup{padding: 60px 0;}
.main .img{text-align: center;margin-bottom: 60px;}

.group .logo2{text-align: center;margin: 20px 0 50px;}
.introduce .text{width: 43%;margin: 20px auto;text-align: center;color: #808080;}
.introduce{margin-bottom: 100px;}
.backTop{text-align: center;margin-bottom:100px;}

/*关我页面*/
.about .group1{width: 65.3%;margin: 0 auto;}
.about .group3{padding-top: 92px;}
.about .group1 .txt{width: 100%;}
.about .group1 .text1{width: 100%;padding-bottom:38px;}
.about .group1 .txt .txtWrapper{width: 100%;padding-bottom: 30px;padding-top: 70px;}
.about .backTop1{margin: 50px 0;}
.about .kaiti1{padding-bottom: 20px;}
.about .kaiti h2{position: relative;font-size: 3rem;}
.about .kaiti h2 span{font-size: 14px;position: relative;top:-6px;margin-left: 4px;}
.about .group .name{font-size: 30px;font-size: 3rem;}
.about .group .name .roman{font-size: 16px;font-size: 1.6rem;margin-top: 10px;}

@media screen and (max-width: 1200px){
  .navigation{font-size: 18px;padding: 100px 0;}
  .main .group .text{line-height: 2;}
  .main .group .txt .txtWrapper{width: 90%;}
  .introduce .text{width: 80%;}
  .main .group .newsWrapper{width: 60%;}
  .about .group1{width: 100%;}
  .about .introduce{width: 90%;}
  .about .group3{padding-top: 30px;}
  .about .kaiti h2{font-size: 22px;font-size: 2.2rem;}
  .about .kaiti h2 span{top:3px;}
}
@media screen and (max-width: 999px){
  .main .newsGroup{padding: 30px 0;}
  .main .img{margin-bottom: 30px;}
  .introduce,.backTop{margin-bottom: 50px;}
  .main .group .txt{float: none;width: 100%;}
  .main .group .pic{float: none;width: 100%;margin: 30px 0;}
  .main .group .txt .txtWrapper{padding-top: 0!important;}
  .main .group .name{font-size: 20px;font-size: 2rem;}
  .main .banner{margin-bottom: 30px;}
  .main .group .text{font-size: 14px;font-size: 1.4rem;}
  .backTop img{width: 40px;}
}
@media screen and (max-width: 769px){
  .about .group1{margin-top: 20px;}
  .main .group .name{margin-bottom: 20px;}
}
@media screen and (max-width: 480px){
  .main .group .newsWrapper{width: 90%;}
  .navigation>a{width: 15px;padding: 0 6%;}
  .navigation{font-size: 16px;padding: 20px 0;}
  .main .img img{width: 200px;}
}


.playVideo{
 
  
  margin: 30px auto;
  text-align: center;
  line-height: 67px;
  cursor: pointer;

}



.video{
  display: none;
  width: 90%;
  max-width: 1200px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10000;
}
.video video{
  display: block;
  width: 100%;
}
.mark{
  position: fixed;
  display: none;
  width: 100% ;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
}