.xbsmc_foot_r{display: flex; justify-content: space-between;}
.xbsmc_foot_r_l{width: 38px; padding-top: 22px;}
.xbsmc_foot_r_r{width: 118px;}
.xbsmc_foot_r_qh img{margin-bottom: 5%;}
.xbsmc_foot_r_l ul li img:nth-child(2){display: none;}
.xbsmc_foot_r_qh{display: none;}
.xbsmc_foot_r_r .active{display: block;}
.xbsmc_foot_r_l li:nth-child(2){ margin:90px 0;}
.xbsmc_foot_r_l .active img:nth-child(1){display: none;}
.xbsmc_foot_r_l .active img:nth-child(2){display: inline-block;}
.topwx2 img{ margin-top:120px;}
.topwx3 img{ margin-top:120px;}

.jsxxbg1{background: url(../img/bg1.jpg); background-repeat: no-repeat; background-position: center top; padding: 5% 0;}
.pub_tit_l{text-align: left;}
.pub_tit_l p{text-align: left;}
.xbsmc_pub_tit h2 span{color: #006AB4;}
.jsxx_con1 h5{margin: 0 0 0 -60px;}
.jsxx_con1 .pub_tit_l{margin-top: -50px;}
.xbsmc_pub_tit h3{margin-top: 10px;}
.jsxx_con1_l{width: 580px;}
.jsxx_con1_t{width: 537px; display: flex; justify-content: space-between;}
.jsxx_con1_t dl dt img:nth-child(2){display: none;}
.jsxx_con1_t dl dd{font-size: 22px; margin-top: 10px; text-align: center;}
.jsxx_con1_t h2{width: 89px; height: 1px; background: #CBCEDC; margin-top: 55px;}
.jsxx_con1_t dl:hover dt img:nth-child(1){display: none;}
.jsxx_con1_t dl:hover dt img:nth-child(2){display: inline-block;}
.jsxx_con1_t dl:hover dd{color: #3388C3;}
.jsxx_con1_d p{font-size: 18px;color: #353535;line-height: 30px; margin-bottom: 5%;}
.jsxx_con1_d{margin: 4% 0 0 0;}
.gather-advant {
    width: 100%;
    position: relative;
}

.gather-advant-tit .std-tit3 {
    color: #333;
    line-height: 1.4;
}

.gather-advan-btm {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.gather-advan-btm-nav {
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    left: 0;
    padding-top: 70px;
    padding-bottom: 140px;
}

.gabn-li {
    width: 2px;
    height: 80px;
    background: #EBEBEB;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
    transition: all 0.36s;
}

.gabn-li::after {
    content: '';
    position: absolute;
    bottom: -6px;
    width: 2px;
    height: 2px;
    background: var(--color1);
    border-radius: 50%;
    opacity: 0.2;
}

.gabn-li:last-child::after {
    display: none;
}

.gabn-li.act {
    background: #006AB4;
}

.gather-advan-btm-ul {
    width: 100%;
    padding-left: 60px;
}

.gabu-li {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 10px 20px 0px #F1F1F1;
    padding: 20px;
    padding-left: 80px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    position: sticky;
    position: -webkit-sticky;
    top: 120px;
    align-items: self-start;
}

.gabu-ri {
    width: 46%;
    border-radius: 10px;
}

.gabu-le {
    width: 46%;
    padding-top: 20px;
    padding-right: 100px;
}

.gabu-le-tit .std-tit4 {
    color: #333; font-size: 33px; font-weight: bold;
    line-height: 1.4;
}

.gabu-le-tit {
    margin-bottom: 24px;
}
.gabu-le-info h2{font-size: 28px;color: #000; margin-bottom: 2%;}
.gabu-le-info p {
   font-size: 22px;
   color: #666666;
   line-height: 40px;
}
.gabu-li:hover .gabu-le-info h2{color:#006AB4;}
.gabu-le-info {
    margin-bottom: 74px;
}

.gabu-le-subtit p {
    color: var(--color1);
    line-height: 1.7;
}

.gabu-le-subtit {
    margin-bottom: 20px;
}

.gabu-le-ul-li {
    width: 50%;
    padding: 0 20px;
    margin-bottom: 20px;
}

.gabu-li:first-child .gabu-le-ul-li {
    width: 33.333333%;
}

.gabu-le-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.glul-wrap {
    width: 100%;
    position: relative;
    padding-left: 16px;
    border-left: 1px solid rgba(30, 48, 131, 0.20);
}

.glul-wrap-num .std-tit4 {
    color: var(--color);
    font-family: "Montserrat-Regular";
    font-weight: bold;
}

.glul-wrap-tit p {
    color: var(--color);
}

.glul-wrap-info p {
    color: #999;
    line-height: 1.8;
}

.glul-wrap-info {
    margin-top: 4px;
}

.ys-cont1600{width: 1600px; margin: 0 auto;}
.ys-imgbox-cover {
    position: relative;
    overflow: hidden;
    transform: rotate(0);
    -webkit-transform: rotate(0);
}
.std-tit4 img:nth-child(2){display: none;}
.std-tit4 img{vertical-align: middle; padding-right: 20px;}
.gabu-li:hover .std-tit4 img:nth-child(1){display: none;}
.gabu-li:hover .std-tit4 img:nth-child(2){display: inline-block;}
.gabu-li:hover .std-tit4{color: #006AB4;}

.jsxx_con3 p{font-size: 24px; text-align: center;color: #006AB4;}
.jsxx_con3n{width: 98%; margin: 3% auto 0;}
.jsxx_con3n dl{width: 287px;height: 594px;background: #F2F2F2;border-radius: 173px; text-align: center;  padding: 30px;}
.jsxx_con3n dl dd{font-size: 22px;line-height: 34px; text-align: center; padding: 5% 5% 0 5%;}
.jsxx_con3n dl:hover{background: #006AB4; color: #fff;}
.jsxx_con3n .swiper{padding-bottom: 7%;}
.jsxx_con3n .q1{right: 44%; top: auto;bottom: 0;}
.jsxx_con3n .q2{left: 44%;  top: auto; bottom: 0;}
.p5_c{width: 1286px; margin: 0 auto;}
.p5_c1{ width: 460px;background:#F0F0F0;}
.p5_c{ display: flex; justify-content: center; width: 1258px;}
.p5_c2{ width: 826px; position:relative;}
.p5_c2 ul li{ display: none;}
.p5_c2 ul li.active{ display: block;transition-delay: 1s;animation-delay: 0.2s;transition: all .6s;}
.p5_c1 ul li{ padding: 100px 60px 0 60px; display: none; position: relative; text-align: left;}
.p5_c1 .tzfx {
    font-size: 16px;
    position: absolute;
    left: 31px;
    bottom: -136px;
    color: #353535;
    line-height: 28px;
    opacity: 0.2;
}
.p5_c1 ul li.active{ display: block;transition-delay: 1s;animation-delay: 0.2s;transition: all .6s;}
.p5_c1 ul li h2{ font-size: 28px; text-align: left;  font-weight: bold;}
.p5_c1 ul li span{ font-size: 10px;text-transform: Uppercase;color:rgba(15, 15, 15, 0.5); }
.p5_c1 ul li p{font-size: 22px;
color: #252525;
line-height: 34px;text-align: justify; margin-top: 20px;}
.p5_c2 dl{ position: absolute; left: 0; top:0;display: flex;justify-content: space-between; width: 100%; height: 100%; }
.p5_c2 dl dd{ text-align: center; width: 25%; border-right: 1px solid #fff; box-sizing: border-box; padding-top: 25%;}
.p5_c2 dl dd:last-child{border: none;}
.p5_c1 ul li h3{text-align: left; margin-top: 70px;}

.p5_dyq{ display: none;}
.p5_c2 dl dd p{  color: #fff; font-size: 26px; margin-top:30px; line-height: 30px; padding: 0 20%; text-align: center;}
.p5_c2 dl dd.active .p5_dyq{ display: inline-block; margin-top: -35px;transition-delay: 1s;animation-delay: 0.2s;transition: all .6s;}
.p5_c2 dl dd.active .p5_xyq{ display: none;transition-delay: 1s;animation-delay: 0.2s;transition: all .6s;}
.p5_c2 dl dd.active p{color: #006AB4;}
.p5_c2 dl dd.active .deco:before{border-color: #006AB4;}
.p5_c2 dl dd.active .deco::after{border-color: #006AB4;}

/*deco*/

.deco {
    display: block;
    width: 6rem;
    height: 6rem;
    opacity: 1;
    transition: .1s;
    transform: translateZ(0);
    margin: 0 auto;
}

.deco:before {

    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
}

.deco i,
.deco em {
    background: hsla(0, 0%, 100%, .8);
   
    border-radius: 100%;
    height: 2.2rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.5);
    transition: .4s;
    width: 2.2rem;
}

.deco:after {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    height: 6rem;
    width: 6rem;
}

.p5_c2 dl dd.active .deco:before {
    animation: scalepulse 1.3s linear .3s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.p5_c2 dl dd.active .deco i,
.p5_c2 dl dd.active .deco em {
    background: #036CB5;
    animation: scalepulse 1.3s linear 0s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}

.p5_c2 dl dd.active .deco:after {
    animation: scalepulse 1.3s linear .15s infinite both;
    transform: translate3d(-50%, -50%, 0) scale(1);
}
.p5_c2 ul li img{vertical-align: bottom;}
.jsxxbg5{width: 1436px;padding: 3% 0;background: #006AB4; margin: 5% auto 0; color: #fff; position: relative;z-index: 11;}
.jsxx_con5{display: flex; justify-content: space-between;}
.jsxx_con5_l{font-weight: bold;font-size: 29px;}
.jsxx_con5_m{width: 255px;height: 51px;background: #EACC4D;border-radius: 26px; line-height: 51px;font-size: 20px;color: #FFFFFF; text-align: center;}
.jsxx_con5_m img{vertical-align: middle; padding-left: 10px;}
.jsxx_con5_r p{font-size: 18px;color: #FFFFFF;line-height: 30px;}
.jsxxbg6{padding: 100px 0 5% 0; background: url(../img/bg6.jpg); background-size: 100% 100%; margin-top: -90px;}
.jsxx_con6{ width: 1350px; margin: 0 auto;}
.jsxx_con6 dl{width: 420px;text-align: center;}
.jsxx_con6 dl dt img{border: 13px solid #FFFFFF; border-radius: 50%;}
.jsxx_con6 dl dd h2{font-size: 28px; margin: 2% 0; font-weight:bold; color: #2F2F2F;}
.jsxx_con6 dl dd p{font-size: 22px; text-align: center;color: #252525;line-height: 32px;}
.jsxx_con6 dl:hover dd h2{color: #006AB4;}
.jsxx_con6 dl:hover dt img{border-color: #006AB4;}
.jsxxbg7{padding:1px 0 5% 0; background: url(../img/bg7.jpg); background-size: 100% 100%; margin: 5% auto;}
.jsxx_con8{width: 92%; position: relative; margin: 0 auto;}
.jsxx_con8 .swiper{width: 85%;}
.jsxx_con9_d{position: relative;}
.jsxxbg91{ background: url(../img/p9_1.jpg); padding: 2% 0 230px 0; background-repeat: no-repeat; background-position: center top;}
.jsxxbg92{ background: url(../img/p9_2.jpg); padding: 2% 0 230px 0; background-repeat: no-repeat; background-position: center top;}
.jsxxbg93{ background: url(../img/p9_3.jpg); padding: 2% 0 230px 0; background-repeat: no-repeat; background-position: center top;}
.jsxxbg94{ background: url(../img/p9_4.jpg); padding: 2% 0 230px 0; background-repeat: no-repeat; background-position: center top;}
.jsxxbg95{ background: url(../img/p9_5.jpg); padding: 2% 0 230px 0; background-repeat: no-repeat; background-position: center top;}
.jsxx_con9x_t dl dt{font-size: 28px;
color: #2F2F2F; font-weight: bold; margin-bottom: 2%;}
.jsxx_con9x_t dl dd{font-size: 22px;color: #252525;line-height: 30px;}
.jsxx_con9x_t{margin: 40px 0 240px 0;}
.jsxx_con9_t{width: 950px; position: absolute; left: 18.5%; top:400px;z-index: 111111;}
.jsxx_con9{position: relative;}
.jsxx_con9_t dl{background: url(../img/qbg1.png); text-align: center; padding: 40px 0;}
.jsxx_con9_t dl dt{font-size: 22px;color: #2F2F2F; font-weight: bold; margin-bottom: 2%;}
.jsxx_con9_t dl dt p{font-size: 15px;color: #B8B8B8;}
.jsxx_con9_t .swiper-slide-thumb-active dl{background: url(../img/qbg2.png); background-size: 100% 100%;}
.jsxx_con9_t .swiper-slide-thumb-active dl dt{color: #fff;}
.jsxx_con9_t .swiper-slide-thumb-active dl dd{color: #fff;}
.jsxx_con9_d .q1{right: 34%; top:12%;}
.jsxx_con9_d .q2{left: 54%; top:12%;}
.drxz_con14{display: flex; justify-content: space-between; margin-bottom: 5%;}
.drxz_con14_l{width: 646px; margin-left: -90px;}
.drxz_con14_r{width: 592px;}
.drxz_con14_r dl a{display: flex; justify-content: space-between;}
.drxz_con14_r dl dt{width: 30px; margin-top: 30px;}
.drxz_con14_r dl dt img:nth-child(2){display: none;}
.drxz_con14_r dl dd{width: 525px;}
.drxz_con14_r dl dt h2{font-weight: bold;font-size: 51px; line-height: 40px;}
.drxz_con14_r dl dt p{font-weight: bold;font-size: 18px; margin-top: 10px;}
.drxz_con14_r dl dd h2{font-size: 18px;
color: #313131;
opacity: 0.5;
}
.drxz_con14_r dl dd p{font-size: 22px;
color: #313131;-webkit-line-clamp: 1; margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.drxz_con14_r dl{padding: 4% 0; border-bottom: 1px solid #D6D6D6; position: relative;}
.drxz_con14_r dl::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: #006AB4;transition: all 0.56s ease-in-out;}
.drxz_con14_r dl:hover::after{width: 100%;}
.drxz_con14_r dl:hover dt {color: #006AB4;}
.drxz_con14_qh{display: none;}
.drxz_con14_l .active{display: block;}
.drxz_con14_r dl:hover dt img:nth-child(1){display: none;}
.drxz_con14_r dl:hover dt img:nth-child(2){display: inline-block;}
.drxz_con14_r dl:hover dd p{color: #006AB4;}

 @media (max-width: 1680px) {
	 .jsxx_con9_t{left:14%}
 }
 @media (max-width: 1680px) {
	 .jsxx_con9_t{left:12%}
 }
 @media (max-width: 1440px) {
	 .jsxx_con9_t{left:8%}
 }
 @media (max-width: 1400px) {
	 .jsxx_con9_t{left:6.5%}
 }

 @media (max-width: 767px) {
.toplog ul dl dd{display: block; margin: 28px 0 0 10px;}
.jsxxbg1{background: url(../img/mbg1.jpg); background-size: 100% 100%; padding: 9% 0;}
.xbsmc_pub_tit p{margin: 5px 0 0 0; line-height: 20px;}
.xbsmc_pub_tit h3 img{width: 50px;}
.xbsmc_pub_tit h3 {margin-top: 5px;}
.jsxx_con1 h5{padding-left: 80%;}
.jsxx_con1 h5 img{width: 70px;}
.jsxx_con1 .pub_tit_l{margin-top: -30px;}
.jsxx_con1_l{width: 100%;}
.jsxx_con1_t{width: 100%;}
.jsxx_con1_d p{font-size: 14px;text-align: justify; line-height: 25px;}
.jsxx_con1_t dl dd{font-size: 18px;}
.jsxx_con1_t dl dt img{width: 60px;}
.jsxx_con1_t h2{margin-top: 30px; width: 20%;}
.jsxx_con1_d a img{width: 140px;}
.jsxx_con1_d { margin-bottom: 8%;}
.ys-cont1600{width: 95%; margin: 0 auto;}
.gather-advan-btm-nav{display: none;}
.gabu-li{flex-direction: row-reverse; flex-wrap: wrap-reverse; padding:5%; width: 90%; margin-bottom: 5%;position:unset}
.gabu-ri{width: 100%;}
.gabu-le{width: 100%; padding: 0;}
.gather-advan-btm-ul{padding: 0;}
.gabu-le-tit .std-tit4{font-size: 18px; margin-top: 5%;}
.gabu-le-info h2{font-size: 16px;}
.gabu-le-info p{font-size: 14px; line-height: 22px;}
.gabu-le-tit{margin-bottom: 0;}
.gabu-le-info{margin-bottom: 0;}
.gabu-le-info h2 span{display: inline-block; padding-right: 10px; width: 50px;}
.gabu-le-info h2 span img:nth-child(2){display: none;}
.gabu-le-info{margin-top: 5%;}
.gabu-li:hover .gabu-le-info h2 span img:nth-child(1){display: none;}
.gabu-li:hover .gabu-le-info h2 span img:nth-child(2){display: inline-block;}
.std-tit4 img{width: 40px;}
.jsxx_con3 p{font-size: 16px; line-height: 25px; padding: 0 5%; margin-bottom: 5%;}
.jsxx_con3n .swiper{width: 550px; padding-bottom: 15%;}
.jsxx_con3n dl{width: 250px; padding: 15px; height: auto;}
.jsxx_con3n dl dt img{border-width: 10px;}
.jsxx_con3n{width: 95%; margin: 0 auto;}
.jsxx_con3n dl dd{font-size: 14px; line-height: 20px; padding: 5% 15% 5% 15%;}
.jsxx_con3n .q1{right: 55%;}
.jsxx_con3n .q2{left: 30%;}
.p5_c{ width: 100%; flex-wrap: wrap; margin-bottom: 9%;}
.p5_c1{width: 100%;}
.p5_c1 ul li p{font-size: 14px; line-height: 22px; margin-top: 3%; text-align: center;}
.p5_c1 ul li h2{font-size: 18px; text-align: center;}
.p5_c2 dl dd p{font-size: 21px;}
.p5_c2 dl dd {padding-top: 14%;}
.p5_c1 ul li{padding:10%;}
.p5_c1 h3{display: none;}
.jsxxbg5{width: 95%; padding: 7% 0;}
.jsxx_con5{flex-wrap: wrap;}
.jsxx_con5_l{width: 100%; text-align: center; font-size: 18px;}
.jsxx_con5_m{width: 60%; margin: 3% auto; font-size: 16px; line-height: 40px; height: 40px;}
.jsxx_con5_r{width: 100%; text-align: center;}
.jsxx_con5_r p{font-size: 15px;text-align: center;}
.jsxx_con6{width: 100%;}
.jsxx_con6 .swiper{width: 600px; padding-bottom: 15%;}
.jsxx_con6  dl{width: 260px;}
.jsxx_con6 dl dd p{font-size: 14px; line-height: 25px;}
.jsxx_con6 dl dd h2{font-size: 18px;}
.jsxx_con6{position: relative;}
.jsxx_con6 .q1{top: auto; bottom: 0; right: 40%;}
.jsxx_con6 .q2{top: auto; bottom: 0; left: 40%;}
.jsxxbg6{background: url(../img/mbg6.jpg); background-size: 100% 100%; padding: 27% 0 9% 0;}
.jsxx_con7 ul{display: flex; justify-content: space-between; flex-wrap: wrap; width: 95%; margin: 0 auto;}
.jsxx_con7 ul li{width: 45%; margin-bottom: 4%;}
.jsxx_con7 ul li:nth-child(1){width: 100%;}
.jsxx_con7 ul li:nth-child(4){width: 100%;}
.jsxx_con7 ul li:nth-child(2){width: 52%;}
.jsxx_con7 ul li:nth-child(6){width: 52%;}
.jsxx_con8{width: 100%;}
.jsxx_con8 .swiper{width: 75%;}
.jsxxbg7{background: url(../img/mbg7.jpg); background-size: 100% 100%; padding: 2% 0 9% 0; margin: 9% auto;}
.jsxxbg91{background: unset; background: #EEF1F3;}
.jsxxbg92{background: unset; background: #EEF1F3;}
.jsxxbg93{background: unset; background: #EEF1F3;}
.jsxxbg94{background: unset; background: #EEF1F3;}
.jsxxbg95{background: unset; background: #EEF1F3;}
.jsxx_con9{background: #EEF1F3; padding:2% 3%  9% 3%;}
.jsxx_con9_t{position: unset;}
.jsxx_con9x .pub_tit_l{display: none;}
.jsxx_con9x_t{display: none;}
.jsxx_con9_md .active{display: block;}
.jsxx_con9_t{display: flex; justify-content: left; width: 100%; flex-wrap: wrap;}
.jsxx_con9_t dl{background-size: 100% 100%; width: 32%;background: url(../img/qbg1.png); margin-right: 2%; margin-bottom: 2%;}
.jsxx_con9_t dl dt{font-size: 18px;}
.jsxx_con9_t dl dd{font-size: 14px;}
.jsxx_con9_t .active{background: url(../img/qbg2.png);background-size: 100% 100%; }
.jsxx_con9_t .active dt{color: #fff;}
.jsxx_con9_t .active dd{color: #fff;}
.jsxx_con9_t dl:nth-child(3){margin-right: 0;}
.jsxx_con9x {width: 100%;}
.jsxx_con9x_t dl dt{font-size: 18px; margin-top: 5%;}
.jsxx_con9x_t dl dd{font-size: 14px; line-height: 25px;}
.jsxx_con9x_t{margin: 5% auto;}
.drxz_con14  {flex-wrap: wrap;}
.drxz_con14_l{width: 100%; margin: 0 auto }
.drxz_con14_r{width: 95%; margin: 0 auto 9%;}
.drxz_con14_r dl:nth-child(2){display: none;}
.drxz_con14_r dl:nth-child(3){display: none;}
.drxz_con14_r dl:nth-child(4){display: none;}
.drxz_con14_r dl dd h2{font-size: 14px;}
.drxz_con14_r dl dd p{font-size: 15px;}
.drxz_con14_r dl dd{width: 90%;}
.drxz_con14_r dl dt{width: 5%;}
.xbsmc_foot_m dd img{width: 30px;}
.xbsmc_footwx ul{width: 100%; display: flex; justify-content: space-between; }
.xbsmc_footwx ul li{width: 31%;text-align: center;}
.xbsmc_footwx ul li p{font-size: 14px; margin-top: 3%; text-align: center;}
.xbsmc_footwx{width: 100%; margin: 5% auto 9%}
.xtrxj_an p input{ -webkit-appearance : none ;border-radius: 0;}

.deco {
    display: block;
    width: 4rem;
    height: 4rem;
    opacity: 1;
    transition: .1s;
    transform: translateZ(0);
    margin: 0 auto;
}

.deco:before {

    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 100%;
    height: 2rem;
    width: 2rem;
}

.deco i,
.deco em {
    background: hsla(0, 0%, 100%, .8);
   
    border-radius: 100%;
    height: 1rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.5);
    transition: .4s;
    width: 1rem;
}

.deco:after {
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(.75);
    transition: .4s;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    height: 4rem;
    width: 4rem;
}



	 }