@charset "utf-8";

#atc02{position:relative;width:1200px;height:320px;margin:0 auto;text-align:center}
#atc02 ul{overflow:hidden}
#atc02 ul li{float:left;width:calc(100% / 4)}
#atc02 ul li a{display:block;height:100%;font-size:14px;line-height:22px;color:#777}
#atc02 ul li:hover a span{background:linear-gradient(360deg,rgba(118,76,162,1) 40%,rgba(102,126,234,1) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
#atc02 ul li a span{padding-bottom:10px;line-height:45px;-webkit-transition:all 0.3s;transition:all 0.3s;font-size:16px;letter-spacing:0;font-weight:700;color:#222;font-family:'POPPINS'}
#atc02 ul li a .img{height:150px;-webkit-transition:all 0.3s;transition:all 0.3s;background:no-repeat center 85px}

#atc02 ul li:nth-child(1) a .img{background-image:url(/sh_img/make24/include_02/img/icon01.png)}
#atc02 ul li:nth-child(2) a .img{background-image:url(/sh_img/make24/include_02/img/icon02.png)}
#atc02 ul li:nth-child(3) a .img{background-image:url(/sh_img/make24/include_02/img/icon03.png)}
#atc02 ul li:nth-child(4) a .img{background-image:url(/sh_img/make24/include_02/img/icon04.png)}
#atc02 ul li:nth-child(1):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon01_on.png)}
#atc02 ul li:nth-child(2):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon02_on.png)}
#atc02 ul li:nth-child(3):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon03_on.png)}
#atc02 ul li:nth-child(4):hover a .img{background-image:url(/sh_img/make24/include_02/img/icon04_on.png)}