/*Content CSS*/
#c1_wrap {background:#fff;}
.con {width:1280px; margin:0 auto;}

.c1 { position: relative; text-align: center;}
.c1_title {position: absolute; top:0; background: #fff; left:50%; transform:translateX(-50%); padding:90px 0 55px 0; width:638px; min-height:250px;}
.c1_title > span {display: block; width:50px; height:4px; margin:0 auto 30px; background: #a2c323;}
.c1_title > h1 {font-size:48px; font-weight: 500; color:#2a2a2a; }
.c1 ul {display:flex; width:100%; }
.c1 ul li {padding:250px 0 80px 0; border-left:1px solid #e5e5e5; width:320px; transition: all .3s ease;}
.c1 ul li:last-child {border-right: 1px solid #e5e5e5;}
.c1 ul li > div {overflow: hidden; margin-left:-1px;}
.c1 ul li > div img {transition: all .3s ease;}
.c1 ul li h2 {font-size:20px; font-weight: 500; color:#000c2e; }
.c1 ul li h2::before {content: ''; display: block; position: relative; margin:0 auto 10px; width:25px; height:2px; background: #00356f; margin-top:40px;}
.c1 ul li a {display: block; font-size:15px; font-weight: 400; color:#acacac; transition: all .3s ease; width:200px; height:50px; line-height: 50px; border:1px solid #e4e4e4;
margin:30px auto 0; background: #fff;}
.c1 ul li a:hover {background: #a2c323; border:1px solid #a2c323; color:#fff;}

.c1 ul li:hover {}
.c1 ul li:hover > div img {transform: scale(1.15);}


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

}

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

}

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

}