/*** 圆圈start ***/
.serviceIlist a:link, .serviceIlist a:visited { color: #787878; }
.serviceIlist a:active, .serviceIlist a:hover { color: #fff; }
.serviceIlist { width: 1290px; margin: 22px auto 0px;}
.serviceIlist dl{margin-left:10px;}
.serviceIlist dd { float: left; display: block; width: 16%;margin-left:4px;margin-right:4px;}
.serviceIlist .lin7 .code{
  position: absolute;
    top: -9rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7rem;
    height: 9rem;
    display: none;
    padding-bottom:2rem;
    
}
.serviceIlist .lin7{
    position:relative;
}
.serviceIlist .lin7 .code img{

    height:7rem;
    width:100%;
    background-size:100% 100%;
     object-fit: cover;
}
.serviceIlist .lin7:hover .code {
display:block;

}

.serviceIlist a { width: 200px; height: 40px; position: relative; margin: 0px auto; display: block; }
.serviceIlist .y1 { background: url(../images/y1.png) no-repeat; }
.serviceIlist .y2 { background: url(../images/y2.png) no-repeat; }
.serviceIlist .y1, .serviceIlist .y2 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.serviceIlist .y2 { opacity: 0; transform: scale(0.7); -webkit-transform: scale(0.7); visibility: hidden; }
.serviceIlist .txt { position: absolute; top: 15%; z-index: 2; left: 0px; width: 100%;font-size:16px;}
.serviceIlist .ico { width: 50px; height: 40px; margin: 0px auto; display: block; background: url(../images/ico2.png) no-repeat; z-index: 3; -webkit-transition: 0.4s; transition: 0.4s; float:left;}
.serviceIlist .lin1 .ico { background-position: 0px -7px; }
.serviceIlist .lin2 .ico { background-position: 0px -43px; }
.serviceIlist .lin3 .ico { background-position: 0px -80px; }
.serviceIlist .lin4 .ico { background-position: 0px -117px; }
.serviceIlist .lin5 .ico { background-position: 0px -153px; }
.serviceIlist .lin6 .ico { background-position: 0px -193px; }
.serviceIlist .lin7 .ico { background-position: 0px -232px; }
.serviceIlist .lin1 a:hover .ico { background-position: -40px -7px; }
.serviceIlist .lin2 a:hover .ico { background-position: -40px -43px; }
.serviceIlist .lin3 a:hover .ico { background-position: -40px -80px; }
.serviceIlist .lin4 a:hover .ico { background-position: -40px -117px; }
.serviceIlist .lin5 a:hover .ico { background-position: -40px -153px; }
.serviceIlist .lin6 a:hover .ico { background-position: -40px -193px; }
.serviceIlist .lin7 a:hover .ico { background-position: -45px -232px; }
.serviceIlist a:hover .y1 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.serviceIlist a:hover .y2 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }
.serviceIcon { width: 670px; margin: 0px auto; text-align: center; color: #969696; line-height: 1.5; padding-bottom: 36px; }
.serviceIcon a:link, .serviceIcon a:visited { color: #323232; }
.serviceIcon a:active, .serviceIcon a:hover { color: #E60012; }
.transbg { background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; }
/*** 圆圈end ***/