/* CSS Document */
.nav li .nav2{color:#328358;}
/*ab_col_01*/
.ab_col_01 .con{width:100%;height: auto;}
.ab_col_01 .con .m_left{width:580px;height: auto;}
.m_left .img {width:580px;height: 320px;overflow: hidden;}
.m_left .img img{width:580px;height: 320px;transition: .3s all;}
.m_left .img img:hover{transform:scale(1.1);}

.m_right{width:586px;height: auto;}
.m_right p{font-size:14px;line-height: 30px;color:#333;text-indent: 2em;}

/*ab_col_02*/
.ab_col_02{background:#328258;padding: 50px 0;}
.ab_col_02 ul{width：100%;height: auto;}
.ab_col_02 ul li{width:278.6px;height: auto;border-left: 1px solid #4a9f72;padding: 0 60px;float: left;cursor: pointer;}
.ab_col_02 ul li:last-child{border-right:1px solid #4a9f72;}
.ab_col_02 ul li .icn{width:100%;height: auto;transition: .6s all;}
.icn{width:100%;height: 100%;}
.ab_col_02 ul li .font18px{width:100%;height: 70px;line-height: 25px;display: block;text-align: center;font-size: 18px;color:#fff;display: flex;align-items: center;font-weight: bold;justify-content: center;}
.ab_col_02 ul li .font14px{width:100%;height: auto;line-height: 22px;display: block;font-size: 14px;color:#fff;text-indent: 2em;}
.ab_col_02 ul li:hover>.icn{transform:rotatey(180deg) scale(1.3);}

/*ab_col_03*/
.ab_col_03 .con{width:100%;height: auto;}
.ab_col_03 .con ul{width:100%;height: auto;}
.ab_col_03 .con ul li{width:270px;height: auto;float: left;margin-left: 40px;}
.ab_col_03 .con ul li:first-child{margin-left: 0;}
.ab_col_03 .con ul li .font14px{width:100%;line-height: 26px;font-size: 14px;text-align: center;display: block;}
.ab_col_03 .con ul li .img{width:270px;height: 270px;cursor: pointer;overflow: hidden;}
.ab_col_03 .con ul li .img img{width:270px;height: 270px;transition: .3s all;}
.ab_col_03 .con ul li:hover>.img img{transform:scale(1.1);}
.ab_col_03 .con ul li:hover>.font14px{color:#328258;}

/*ab_col_04*/
.ab_col_04{padding-top:0;}
.ab_col_04 .conul{width: 1200px;height: auto;margin: 0 auto;}
.ab_col_04 .conul a{float:left;cursor: pointer;}
.ab_col_04 .conul a{width:270px;height: 380px;overflow: hidden;margin-left: 40px;display: block;position: relative;margin-top: 10px;}
.ab_col_04 .conul a:first-child{margin-left:0;}
.ab_col_04 .conul a li img{width:270px;height: 380px;transition: .3s all;}
.mask{width:270px;height: 75px;background: #338359;position: absolute;left: 0;bottom: 0;display: flex; align-items: center;justify-content: center;color:#fff;font-size: 13px;transition: .3s all;text-align: center;line-height: 75px;}
.ab_col_04 .conul li:hover>img{transform:scale(1.2);}
.ab_col_04 .conul li:hover>.mask{height: 380px;background: rgba(51,131,89,0.5);}