.culture_title-img { width: 356px; height: 132px; }
.culture-content-box {  }
.culture-content-box2 { padding-bottom: 50px; background-color: #f2f2f2; }

.culture-content-tab-box { width: 100%; border-bottom: 1px solid #ededed; background-color: #fff; z-index: 99; }
.culture-content-tab { max-width: 1400px; margin: 0 auto; display: flex;  }
.culture-content-tab div { cursor: pointer; border-right: 1px solid #ededed; width: 33%; padding: 23px 0; text-align: center; font-size: 25px; color: #737373; }
.culture-content-tab-on { color: #31c4b8 !important; border-bottom: 2px solid #31c4b8; }
.tab-icon {    
    width: 39px;
    height: 39px;
	display: inline-block; 
    position: relative;
    top: 8px;  
    transform: scale(0.85);
}
.wenhua { 
    background: url("../images/icon/icon_wenhua_0.png") no-repeat; 
}
.shenghuo { 
    background: url("../images/icon/icon_shenghuo.png") no-repeat; 
}
.fuli {
    background: url("../images/icon/icon_fuli.png") no-repeat; 
}
.culture-column-title { text-align: center; padding: 65px 0; }
.culture-column1-list-box { display: flex; max-width: 1400px; margin: 0 auto; justify-content: space-between; align-items: center; } 
.culture-column1-list { width: 336px; cursor: pointer; }
.culture-column1-list-img { 
    width: 336px; 
    height: 210px; 
    border-radius: 30px; 
    text-align: center;
}
.culture-column1-list-img1 {
    background: url("../images/culture1.png");
}
.culture-column1-list-img2 {
    background: url("../images/culture2.png");
}
.culture-column1-list-img3 {
    background: url("../images/culture3.png");
}
.culture-column1-list-img4 {
    background: url("../images/culture4.png");
}

.culture-column1-list-img img{ 
    margin-top: 52px; 
}
.bottomLine{
    position: absolute;
    left: 1080px;
    bottom:0;
    height:4px;
    background-color: #fff;
    transition: all 0.3s ease;
    width: 42px;
    border-radius: 10px;
}
/* .culture-column1-list-img1 img {
    animation:tiantiao1 0.5s ease-in 1 forwards,
    tiantiao2 0.2s ease-out 0.5s 1 forwards,
    tiantiao3 0.2s ease-in 0.7s 1 forwards,
    tiantiao4 0.15s ease-out 0.9s 1 forwards,
    tiantiao5 0.15s ease-in 1.05s 1 forwards;
}
.culture-column1-list-img2 img {
    animation:tiantiao1 0.5s ease-in 0.5s 1 forwards,
    tiantiao2 0.2s ease-out 1s 1 forwards,
    tiantiao3 0.2s ease-in 1.2s 1 forwards,
    tiantiao4 0.15s ease-out 1.4s 1 forwards,
    tiantiao5 0.15s ease-in 1.55s 1 forwards;
}
.culture-column1-list-img3 img {
    animation:tiantiao1 0.5s ease-in 1s 1 forwards,
    tiantiao2 0.2s ease-out 1.5s 1 forwards,
    tiantiao3 0.2s ease-in 1.7s 1 forwards,
    tiantiao4 0.15s ease-out 1.9s 1 forwards,
    tiantiao5 0.15s ease-in 2.05s 1 forwards;
}
.culture-column1-list-img4 img {
    animation:tiantiao1 0.5s ease-in 1.5s 1 forwards,
    tiantiao2 0.2s ease-out 2s 1 forwards,
    tiantiao3 0.2s ease-in 2.2s 1 forwards,
    tiantiao4 0.15s ease-out 2.4s 1 forwards,
    tiantiao5 0.15s ease-in 2.55s 1 forwards;
} */
.culture-column1-list-img p { color: #fff; font-size: 24px; margin-top: 15px; }
.culture-column1-list-des { padding: 20px 12px; color: #606060; font-size: 14px; }
.culture-column1-list-img:hover >img{ 
    animation-name: rubberBand;
    -webkit-animation-name: rubberBand;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
      /*永久播放*/
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    /*动画曲线*/
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

@-webkit-keyframes rubberBand {
    from {
      -webkit-transform: scale3d(1, 1, 1);
    }
    30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
    }
    40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
    }
    50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
    }
    65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
    }
    75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
    }
    to {
      -webkit-transform: scale3d(1, 1, 1);
    }
  }

@keyframes tiantiao1{
    0%{
        transform:translateY(-50px);
        }
    100%{
        transform:translateY(0);}
    }
@keyframes tiantiao2{
    0%{
        transform:translateY(0);}
    100%{
        transform:translateY(-50px);}
    }
@keyframes tiantiao3{
    0%{
        transform:translateY(-50px);}
    100%{
        transform:translateY(0);}
    }
@keyframes tiantiao4{
    0%{
        transform:translateY(0px);}
    100%{
        transform:translateY(-50px);}
    }
@keyframes tiantiao5{
    0%{
        transform:translateY(-50px);}
    100%{
        transform:translateY(0);}
    }


.culture-column-center-box { max-width: 1400px; margin: 0 auto; }
.culture-column2-box { display: flex;  }
.culture-column2-left {
    width: 285px; 
    height: 229px;
    border-radius: 20px 0 0 20px;
    background-color: #fff;
 }
 .culture-column2-left img { 
    width: 14px; 
    height: 35px;
    float: right;
    position: relative; 
    right: -14px; 
    top: -47px;  
    z-index: 9;
}
.culture-column2-left { text-align: center; font-size: 40px; color: #515151; }
.culture-column2-left p { margin-top: 80px; }
.culture-column2-left span { color: #d7d7d7;  font-size: 14px; position: relative; top: -30px; left: 13px;}

.culture-column2-left2 { 
    width: 285px; 
    height: 229px;
    border-radius: 0px 20px 20px 0px;
    background-color: #fff; 
}
.culture-column2-left2 img { 
    width: 14px; 
    height: 35px;
    float: left;
    position: relative; 
    left: -13px; 
    top: -47px;  
    transform:rotate(180deg);
}
.culture-column2-left2 { text-align: center; font-size: 40px; color: #515151; }
.culture-column2-left2 p { margin-top: 80px; }
.culture-column2-left2 span { color: #d7d7d7;  font-size: 14px; position: relative; top: -30px; left: 0px;}

.wenhua-icon { margin-top: 53px; } 
.wenhua-txt { margin-left: 0 !important; margin-top: 13px; }
.culture-column2-right {background: url('../images/xingdian.png') no-repeat; background-position: right;  background-color: #42c6bb; width: calc(50% - 285px); height: 229px; border-radius: 0 20px 20px 0;}
.culture-column2-right p { margin-left: 55px; font-size: 24px; color: #fff; }
.culture-column2-right2 { border-radius: 0 20px 20px 0; width: calc(100% - 285px); height: 229px; display: flex; overflow: hidden; }
.culture-column2-right2 img:hover { transform:scale(1.1); transition:all 1s ease-out; }
.culture-column2-right2 div { width: 33%; }
.culture-column2-right2 div img{ width: 100%; }
.culture-column2-right3 {  border-radius: 20px 0px 0px 20px; width: calc(100% - 285px); height: 229px; display: flex; overflow: hidden; }
.culture-column2-right3 img:hover { transform:scale(1.1); transition:all 1s ease-out; }
.culture-column2-right3 div{ width: 33%; } 
.culture-column2-right3 div img{ width: 100%; }

.culture-shenghuo-list-box { width: 100%;}
.culture-shenghuo-list { margin-top: 0px; background-color: #f2f2f2; display: flex; justify-content: space-between; }
/* .culture-shenghuo-list2 { width: calc(100% - 110px); background-color: #f2f2f2; margin-top: 20px;} */
.culture-shenghuo-list-img { cursor: pointer; width: 814px; height:362px; overflow: hidden; }
.culture-shenghuo-list-img img:hover { transform:scale(1.1); transition:all 1s ease-out; }
.culture-shenghuo-list-des { width: 586px; height: 362px; }
.culture-shenghuo-list-bg { max-width: 1400px; display: flex; background-color: #f2f2f2; }
.culture-shenghuo-list-bai { width: calc((100% - 1400px)/2); height: 362px; background: #fff;}
.culture-shenghuo-list-hui { width: calc((100% - 1400px)/2); height: 362px; background-color: #f2f2f2; }
.culture-shenghuo-list-des-title{ text-align: center; color: #1d1d1d; font-size: 36px; font-weight: bold; margin-top: 80px; }
.culture-shenghuo-list-des p { padding: 28px 50px; height: 80px; font-size: 16px; color: #676767; }
.culture-shenghuo-list-des-but { cursor: pointer; margin: 0 auto; width: 160px; height: 60px; border: 1px solid #31c4b8; text-align: center; border-radius: 60px; line-height: 60px; font-size: 30px; color: #31c4b8; }

.culture-fuli-box { padding-bottom: 50px; max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
.culture-fuli-list { cursor: pointer; width: 266px; height: 212px; text-align: center; background-color: #f2f2f2; border-radius: 20px; }
.culture-fuli-list-img { position: relative; top: 37px; }
.culture-fuli-list p{ margin-top: 15px; font-size: 22px; color: #3b3b3b; position: relative; top: 20px; }
.culture-fuli-list:hover>img { 
    animation-name: rubberBand;
    -webkit-animation-name: rubberBand;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
      /*永久播放*/
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    /*动画曲线*/
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}



