@charset "utf-8";
.wenhuasection1{
    width:100%;
}
.wenhuas{
    position: relative;
    width: 100%;
    margin: 30px 0px;
    cursor: pointer;
}
.wenhuas img{
    width: 100%;
    transition: all .5s;
    border-radius: 20px;
}
.wenhuas img:hover{
    /**-webkit-animation:fa1 5s linear 1;**/
}
.wenzims{
    position: absolute;
}
.wenzims .title{
    position: relative;
    font-weight : bold;
    font-size : 50px;
    line-height : 72px;
    color : #FFFFFF;
    transition: all .5s;
}
.wenhuas:hover .wenzims .title{
    color : #063A80;
}
.wenzims .title::after{
    width: 120px;
    height: 2px;
    background-color: #FFFFFF;
    position: absolute;
    bottom:-20px;
    left:0px;
    content: '';
}
.wenzims .miaoshu{
    margin-top: 80px;
    font-size : 20px;
    line-height : 38.8px;
    color : #FFFFFF;
}
.youce{
    top:115px;
    right: 50px;
    width: 460px;
}
.zuoce{
    top:115px;
    left: 100px;
}

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


}

@media only screen and (max-width: 1680px){
  .wenzims .title {
        font-size: 40px;
        line-height: 65px;
    }
    .wenzims .miaoshu {
        margin-top: 60px;
        font-size: 18px;
    }

}
@media only screen and (max-width: 1440px){
   .wenzims .title {
        font-size: 35px;
        line-height: 55px;
    }
    .wenzims .miaoshu {
        margin-top: 50px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 1366px){
  .wenzims .title {
        font-size: 34px;
        line-height: 50px;
    }
    .wenzims .miaoshu {
        margin-top: 40px;
        font-size: 13px;
    }

}
@media only screen and (max-width: 1280px){
  .wenzims .title {
        font-size: 31px;
        line-height:45px;
    }
    .wenzims .miaoshu {
        margin-top: 30px;
        font-size: 12px;
    }

}
@media only screen and (max-width: 1200px){
	.zuoce {
        top: 15px;
        left: 10px;
    }
    .wenzims .title {
        font-size: 16px;
        line-height: 21px;
    }
    .wenzims .title::after {
        width: 30px;
        height: 2px;
        bottom: -10px;
    }
    .wenzims .miaoshu {
        margin-top: 20px;
        font-size: 12px;
        line-height: 21px;
    }
    .wenhuas:nth-child(2) .wenzims .title {
        font-size: 16px;
        line-height: 21px;
        text-align: right;
    }
    .wenhuas:nth-child(2) .wenzims .title::after {
        width: 30px;
        height: 2px;
        bottom: -10px;
        left: unset;
        right: 0px;
    }

    .youce {
        top: 15px;
        right: 10px;
        width: 70%;
    }

}

@-webkit-keyframes fa{
    0%{-webkit-transform:scale(1.1);}
    5%{-webkit-transform:scale(1.09);}
    10%{-webkit-transform:scale(1.08);}
    15%{-webkit-transform:scale(1.07);}
    20%{-webkit-transform:scale(1.06);}
    25%{-webkit-transform:scale(1.05);}
    30%{-webkit-transform:scale(1.04);}
    35%{-webkit-transform:scale(1.03);}
    40%{-webkit-transform:scale(1.02);}
    45%{-webkit-transform:scale(1.01);}
    50%{-webkit-transform:scale(1.0);}
    55%{-webkit-transform:scale(1.01);}
    60%{-webkit-transform:scale(1.02);}
    65%{-webkit-transform:scale(1.03);}
    70%{-webkit-transform:scale(1.04);}
    75%{-webkit-transform:scale(1.05);}
    80%{-webkit-transform:scale(1.06);}
    85%{-webkit-transform:scale(1.07);}
    90%{-webkit-transform:scale(1.08);}
    95%{-webkit-transform:scale(1.09);}
    100%{-webkit-transform:scale(1.1);}
}
@-webkit-keyframes fa1{
    0%{-webkit-transform:scale(1.0);}
    10%{-webkit-transform:scale(0.99);}
    20%{-webkit-transform:scale(0.98);}
    30%{-webkit-transform:scale(0.97);}
    40%{-webkit-transform:scale(0.96);}
    50%{-webkit-transform:scale(0.95);}
    60%{-webkit-transform:scale(0.96);}
    70%{-webkit-transform:scale(0.97);}
    80%{-webkit-transform:scale(0.98);}
    90%{-webkit-transform:scale(0.99);}
    100%{-webkit-transform:scale(1.0);}
}