@charset "utf-8";


.culture h1{font-size:36px;color:#0271b7;line-height:1;font-weight:bold;text-align:center;}

.culture .txt{margin:45px 0 0;font-size:16px;color:#484848;line-height:30px;}
.culture .txt p{margin-bottom:15px;}
.culture .txt h5{font-weight:600;font-size:24px;color:#333;margin-bottom:20px;}
.culture .txt h5~h5{padding-top:20px;}

.culture .txt ul{margin:40px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.culture .txt ul li{width:21.4%;padding:50px 35px 40px;background:#fff;box-sizing:border-box;cursor:pointer;box-shadow:0 7px 32px 0 rgba(236,238,240,0.9);}
.culture .txt ul li .ico{}
.culture .txt ul li .ico img{height:41px;transition:All 0.6s ease-in-out;}
.culture .txt ul li .ico img:last-child{display:none;}
.culture .txt ul li h5{font-size:20px;color:#212121;font-weight:bold;margin:38px 0 0;}
.culture .txt ul li p{font-size:15px;color:#bbb;font-weight:bold;line-height:28px;margin:15px 0 0;}

.culture .txt ul li:hover{background:#F6AA00;}
.culture .txt ul li:hover .ico img:first-child{display:none;}
.culture .txt ul li:hover .ico img:last-child{display:inline-block;}
.culture .txt ul li:hover h5,.culture .txt ul li:hover p{color:#fff;}

.culture-pic{position:relative;margin:50px 0 0;}
.culture-pic .swiper-slide a{display:block;width:100%;box-sizing:border-box;position:relative;}
.culture-pic .swiper-slide img{width:100%;}
.culture-pic .swiper-pagination-bullets{position:static;margin:40px 0 0;}
.culture-pic .swiper-pagination-bullet {height:12px;width:12px;margin:0 6px;background:#ccc;border-radius:50%;opacity:1;}
.culture-pic .swiper-pagination-bullet-active{background:#257db4;}



@media screen and (max-width:1550px) {
.culture h1{font-size:35px;}

}

@media screen and (max-width:1441px) {
.culture h1{font-size:34px;}
.culture .txt{line-height:28px;}
}

@media screen and (max-width:1367px) {
.culture h1{font-size:33px;}
.culture .txt{line-height:27px;}
}

@media screen and (max-width:1281px){
.culture h1{font-size:32px;}
.culture .txt{line-height:26px;}
}


@media screen and (max-width:768px) {

.culture h1{font-size:30px;}

.culture .txt{margin:20px 0 0;line-height:24px;}
.culture .txt p{margin-bottom:10px;}
.culture .txt h5{font-size:20px;margin-bottom:15px;}
.culture .txt h5~h5{padding-top:15px;}

.culture .txt ul{margin:10px 0 20px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.culture .txt ul li{width:48%;margin:20px 0 0;padding:30px 25px;}
.culture .txt ul li .ico img{height:35px;}
.culture .txt ul li h5{font-size:18px;margin:25px 0 0;}
.culture .txt ul li p{line-height:24px;}

.culture-pic{margin:30px 0 0;}
.culture-pic .swiper-pagination-bullets{margin:25px 0 0;}
.culture-pic .swiper-pagination-bullet {height:10px;width:10px;margin:0 5px;}

}

@media screen and (max-width:576px) {

.culture h1{font-size:27px;}

}


@media screen and (max-width:480px) {
.culture h1{font-size:24px;}
.culture .txt{font-size:15px;}
.culture .txt h5{font-size:18px;}
}

@media screen and (max-width:420px) {
.culture h1{font-size:22px;}

}




.culture .videopalay {
  overflow: hidden;
  position: relative;
  z-index: 3;
  border-radius: 10px;
  /* margin: -250px auto 0; */
  max-width: 1438px;
}
.culture .videopalay  img{width:100%}
.culture .videopalay .videobtn {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
  width: 108px;
  height: 108px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.culture .videopalay .videobtn .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 108px;
  height: 108px;
  animation: identifier 6s infinite linear
}

.culture .videopalay .videobtn i {
  position: relative;
  z-index: 5;
  font-size: 45px;
  color: #fff;
}
@charset "utf-8";


.culture h1{font-size:36px;color:#0271b7;line-height:1;font-weight:bold;text-align:center;}

.culture .txt{margin:45px 0 0;font-size:16px;color:#484848;line-height:30px;}
.culture .txt p{margin-bottom:15px;}
.culture .txt h5{font-weight:600;font-size:24px;color:#333;margin-bottom:20px;}
.culture .txt h5~h5{padding-top:20px;}

.culture .txt ul{margin:40px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.culture .txt ul li{width:21.4%;padding:50px 35px 40px;background:#fff;box-sizing:border-box;cursor:pointer;box-shadow:0 7px 32px 0 rgba(236,238,240,0.9);}
.culture .txt ul li .ico{}
.culture .txt ul li .ico img{height:41px;transition:All 0.6s ease-in-out;}
.culture .txt ul li .ico img:last-child{display:none;}
.culture .txt ul li h5{font-size:20px;color:#212121;font-weight:bold;margin:38px 0 0;}
.culture .txt ul li p{font-size:15px;color:#bbb;font-weight:bold;line-height:28px;margin:15px 0 0;}

.culture .txt ul li:hover{background:#F6AA00;}
.culture .txt ul li:hover .ico img:first-child{display:none;}
.culture .txt ul li:hover .ico img:last-child{display:inline-block;}
.culture .txt ul li:hover h5,.culture .txt ul li:hover p{color:#fff;}

.culture-pic{position:relative;margin:50px 0 0;}
.culture-pic .swiper-slide a{display:block;width:100%;box-sizing:border-box;position:relative;}
.culture-pic .swiper-slide img{width:100%;}
.culture-pic .swiper-pagination-bullets{position:static;margin:40px 0 0;}
.culture-pic .swiper-pagination-bullet {height:12px;width:12px;margin:0 6px;background:#ccc;border-radius:50%;opacity:1;}
.culture-pic .swiper-pagination-bullet-active{background:#257db4;}



@media screen and (max-width:1550px) {
.culture h1{font-size:35px;}

}

@media screen and (max-width:1441px) {
.culture h1{font-size:34px;}
.culture .txt{line-height:28px;}
}

@media screen and (max-width:1367px) {
.culture h1{font-size:33px;}
.culture .txt{line-height:27px;}
}

@media screen and (max-width:1281px){
.culture h1{font-size:32px;}
.culture .txt{line-height:26px;}
}


@media screen and (max-width:768px) {

.culture h1{font-size:30px;}

.culture .txt{margin:20px 0 0;line-height:24px;}
.culture .txt p{margin-bottom:10px;}
.culture .txt h5{font-size:20px;margin-bottom:15px;}
.culture .txt h5~h5{padding-top:15px;}

.culture .txt ul{margin:10px 0 20px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.culture .txt ul li{width:48%;margin:20px 0 0;padding:30px 25px;}
.culture .txt ul li .ico img{height:35px;}
.culture .txt ul li h5{font-size:18px;margin:25px 0 0;}
.culture .txt ul li p{line-height:24px;}

.culture-pic{margin:30px 0 0;}
.culture-pic .swiper-pagination-bullets{margin:25px 0 0;}
.culture-pic .swiper-pagination-bullet {height:10px;width:10px;margin:0 5px;}

}

@media screen and (max-width:576px) {

.culture h1{font-size:27px;}

}


@media screen and (max-width:480px) {
.culture h1{font-size:24px;}
.culture .txt{font-size:15px;}
.culture .txt h5{font-size:18px;}
}

@media screen and (max-width:420px) {
.culture h1{font-size:22px;}

}




.culture .videopalay {
  overflow: hidden;
  position: relative;
  z-index: 3;
  border-radius: 10px;
  /* margin: -250px auto 0; */
  max-width: 1438px;
}
.culture .videopalay  img{width:100%}
.culture .videopalay .videobtn {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
  width: 108px;
  height: 108px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.culture .videopalay .videobtn .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 108px;
  height: 108px;
  animation: identifier 6s infinite linear
}

.culture .videopalay .videobtn i {
  position: relative;
  z-index: 5;
  font-size: 45px;
  color: #fff;
}