body{

    font-family: "Microsoft Yahei","Arial",sans-serif;
}


















.disnone{
    
    display: none;
}
.tops{

    height: 36px;
    line-height: 36px;
    background-color: #3e3e3e;
    padding: 0 8%;
    font-size: 14px;
    color: #bbbbbb;
}
.tops img{

    vertical-align: middle;
}
.tops p{

    margin-bottom: 0;
}
.xy-head{

    position: static;
    height: 116px;
    line-height: 116px;
    padding: 0 8%;
    /*overflow: hidden;*/
    
}

.xy-menu .xy-sub-menu{
    
    width: 100%;
    top: 116px;
    z-index: 99;
    border-top:none;
    background-color: #009c77;
}
.xy-head-left .logo{

    padding-top: 0;
    padding-right: 0;
}
.xy-menu{

    padding-right: 0;
}
.xy-menu>li{
    
    position: relative;
}
.xy-menu>li>a{

    line-height: 116px;
    color: #333;
    font-size: 16px;
    position: relative;
}
.xy-menu>li >em{
    
    position: absolute;
    z-index: 9;
    top: -10px;
    left: 0;
    right: 0;
    height: 116px;
    opacity: 0;
    z-index: -1;
    background-color:#009c77;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    
}
.xy-menu>li:hover >em{
    
   opacity: 1;
   top: 0;
}
.xy-menu>li:hover a{
    
    color: #fff;
    
}





.xy-menu>li{

    width: 12.5%;
}
.xy-menu>li+li{

    background: none;
}
.xy-menu li:last-child a {
    
    font-weight: bold;
    font-size: 18px;
    transition: all 0.5s;
}
.xy-menu li:last-child a:hover{
    
    font-size: 20px;
}
.xy-menu li:last-child a .s1{

    color: #009c77;
}
.xy-menu li:last-child a .s2{

    color: #f99b2d;
}
.xy-menu li:last-child a .s3{

    color: #e4005d;
}
.xy-menu li:last-child a:hover .s1,
.xy-menu li:last-child a:hover .s2,
.xy-menu li:last-child a:hover .s3{
    
    transform: scale(1.1);
    
}
.xy-head:not(.login-head).scroll{

    position: static;
    background-color: #fff;
}
.slick-banner:hover .slick-arrow{
    
    opacity: 1;
}
.slick-banner .slick-arrow{
    
    border-radius: 0;
    opacity: 0;
}
.slick-banner .slick-arrow.slick-prev{

    left: 0;

}
.slick-banner .slick-arrow.slick-next{

    right: 0;
}
.slick-banner .slick-arrow:hover{

    background-color: rgba(23, 128, 101, .8);
}

.slick-banner .wz{
    
    left: 20%;
    
}
.xy-menu .xy-sub-menu>li:last-child{
    
    border-bottom: none;
}
.xy-menu .xy-sub-menu>li:last-child>a{
    
    font-size: 14px;
    font-weight: normal;
}
.xy-menu .xy-sub-menu>li>a:hover {
    background: #007d5f;
    color: #fff;
}
.ewb-fade {
	opacity:0;
	filter:alpha(opacity=0);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.slick-active.ceshi  .banner_img1{

    transition: all 1.2s ease;
	transition-delay: 0.5s;
}


.slick-active.ceshi .ewb-fade{

    opacity:1;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.section{

    position: relative;
    padding: 0 8%;
    margin-top: -130px;
   z-index: 99;
}
/*.yw-list{*/

/*    margin-right: -1.3%;*/
/*}*/
.yw-list li .bg{

    /*width: 32%;*/
    /*float: left;*/
    /*margin-right: 1.3%;*/
    padding: 64px 34px 76px 30px;
    /*padding-top: 64px;*/
    text-align: center;
    height: 310px;
    box-sizing: box-sizing;
}
.yw-list li .bg0{

    background-color: #009c77;
    transition: all .5s ease;
}
.yw-list li .bg1{

    background-color: #f99b2d;
    transition: all .5s ease;
}
.yw-list li .bg2{

    background-color: #e4005d;
    transition: all .5s ease;
}
.yw-list li h4{

    font-size: 36px;
    color: #fff;
    font-weight: normal;
}
.yw-list li h3{

    margin: 24px 0;
    font-weight: bold;
}
.yw-list li h3 span{
    
    display:inline-block;
    margin-left: 26px;
}
.yw-list li h3,.yw-list li p{
    
    line-height: 24px;
    font-size: 14px;
    color: #fff;
}

.yw-list li .bg0:hover{

   
    box-shadow: 0px 17px 43px 0px rgba(0, 108, 82, 0.4);
}
.yw-list li .bg1:hover{

    
    box-shadow: 0px 17px 43px 0px rgba(249, 155, 45, 0.4);
}
.yw-list li .bg2:hover{

  box-shadow: 0px 17px 43px 0px rgba(228, 0, 93, 0.4);
}
.xymob-head{
    
    background-color: #009c77;
}
.xyin-title{

    text-align: left;
    font-size: 0;
    height: auto;
    line-height: 1;
}
.xyin-title h3{

   
    font-size: 48px;
    color: #009c77;
    text-align: left;
    
}
.xyin-about{

    margin: 136px 8% 120px;
    padding: 0;
    text-align: left;
    background-color: #fff;
}
.xyin-about .xyin-title{
    height: 148px;
    background:url(../image/A.png) top left no-repeat #fff;
}
.xyin-title p{

    font-size: 24px;
    color: #bbbbbb;
    margin-top: 14px;
    margin-bottom: 24px;
    font-family: Arial;
}
.xyin-title span{

    display: inline-block;
    width: 82px;
    height: 6px;
    background: url(../image/line.png) center no-repeat;
}
.xyin-about .wz{

    margin: 30px 0;
    text-align: left;
}
.xyin-about .wz p{
    
    line-height: 26px;
    margin-bottom:26px;
    text-indent: 35px;
}
.digital li{

    position: relative;
    float: left;
    width: 25%;
}
.digital li:nth-child(1){
    
    width: 20%;
}
.digital li:nth-child(2){
    
    width: 30%;
    padding-left: 50px;
}
.digital li:nth-child(3){
    
    width: 30%;
    padding-left: 25px;
}
.digital li:nth-child(4){
    
    width: 20%;
    padding-left: 50px;
}
.digital li p{
    
    text-indent: 0 !important;
}
.digital li:after{

    position: absolute;
    content: '';
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 80%;
    background-color: #dddddd;
}
.digital li:last-child:after{
    
    width: 0;
}
.timer{

    font-size: 60px;
    color: #009c77;
    float: left;
    font-weight: 200;
    margin-right: 8px;
}
.adorn{

    display: inline-block;
    margin-top:20px;
    font-size: 15px;
    color: #009c77;
}
.digital li p{

    font-size: 15px;
    color: #666666;
}
.imgInner{
    
    overflow: hidden;
}
.imgInner img{

    max-width: 100%;
    transition: all 0.5s;
}
.imgInner:hover img{
    
    transform: scale(1.2);
}
.xyin-case-title{

    padding: 58px 0 72px;
    background-color: #009c77;
}

.xyin-case-title .xyin-title{

     width: 270px;
     height: 148px;
     text-align: center;
     margin: 0 auto;
     background: url(../image/S.png) top left no-repeat;
}
.xyin-case-box{

    margin-top: 0;
}
.xyin-case-box .col-md-4,.xyin-case-box .col-md-8,
.xyin-case-box .col-xs-6{

    padding: 0;
}

.xyin-case-big{
    
    position: relative;
}
.xyin-case-big:after{
    
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
     opacity: 1;
    transition: all .5s;
}


.xyin-case-big .wz{
    
    position: absolute;
    z-index: 9;
    bottom: 50%;
    left: 0;
    right: 0;
    padding: 0 25px;
    webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.xyin-case-big .wz h3{
    font-size: 30px;
    color: #fff;
    text-align: center;
}

.xyin-case-big .wz p{
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.xyin-case-big:hover .wz{
    
    opacity: 0;
}

.xyin-case-big:hover:after{
    
    opacity: 0;
}

.xyin-case-item:after {
   
   position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
     opacity: 1;
    opacity:1;
    transition: all .5s;
}
.xyin-case-item:hover:after {
   
   opacity: 0;
    position: static;
   
}
.xyin-case-item a{
    
    display: block;
}
.xyin-case-item:before{

    background: transparent;
}
.xyin-case-item .wz{

    bottom: 50%;
    webkit-transition: all .7s ease;
    transition: all .7s ease;
}
.xyin-case-item:hover .wz{

     bottom: 50%;
}
.xyin-case-item:hover .wz{
    
    opacity: 0;
}
.xyin-case-item  p{

    font-size: 18px;
    color: #fff;
    text-align: center;
    font-family: Arial;
}
.xyin-case-item .wz h3{

    margin: 0;
    font-size: 30px;
}
.xyin-case-item{

    margin-bottom: 0;
}

.xyin-case-title .xyin-title h3{

    text-align: center;
    color: #fff;
    margin-top: 0;
    padding-top: 44px;
    padding-left: 70px;
}
.xyin-case-title .xyin-title p{

    text-align: center;
    color: #fff;
    padding-left: 70px;
}

.xyin-product .xyin-title{

    width: 338px;
    height: 145px;
    margin: 0 auto;
    background: url(../image/P.png) top left no-repeat;
    text-align: center;
}
.xyin-product .xyin-title h3{

    margin-top: 0;
    padding-top: 36px;
    font-size: 48px;
    color: #009c77;
    text-align: center;
}
.xyin-product-list{
    
    padding: 0 8%;
}
.product-list li{

    position: relative;
}
.product-list li .root{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    line-height: 60px;
}
.product-list li .root h3{

    text-align: center;
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    font-weight: normal;
}
.product-list li .root0,.product-list li .root4,.product-list li .root8{

    background-color: rgba(36, 158, 122, .9);
}
.product-list li .root1,.product-list li .root5,.product-list li .root9{

    background-color: rgba(242, 136, 40, .9);
}
.product-list li .root2,.product-list li .root6{

    background-color: rgba(229, 28, 104, .9);
}
.product-list li .root3,.product-list li .root7{

    background-color: rgba(141, 24, 131, .9);
}

.slick-dots li button{

    background: none;
    outline: none;
    border: none;
    font-size: 0
}

.product-list .slick-slide,.part-list .slick-slide{
    outline: none
}

.product-list .slick-slide img,.part-list .slick-slide img{
    display: inline-block;
    width: 100%
}

.product-list .slick-dots,.part-list .slick-dots{
    text-align: center;
    margin-top: 25px
}

.product-list .slick-dots li,.part-list .slick-dots li {
    display: inline-block;
    margin: 0 8px;
    width: 21px;
    height: 4px;
    border-radius: 10px;
    background: #dddddd;
    cursor: pointer
}
.product-list .slick-dots li.slick-active,.part-list .slick-dots li.slick-active {
    width: 28px;
    background: #009c77;
}
.slick-dots li{

     float:none;    
}
.xyin-product-list li{

    margin:0 38px 0 0;
    box-sizing: border-box;
}
.part-center{

    padding: 0 8%; 
    overflow: hidden;
    margin-top: 84px;
}
.part-center .xyin-title{

    width: 322px;
    height: 108px;
    margin: 0 auto 94px;
    background: url(../image/c.png) top left no-repeat;
}
.part-center .xyin-title h3{

    margin-top: 14px;
    text-align: center;
    margin-left: 86px;
}
.part-center .xyin-title p{

    text-align: center;
    margin-left: 60px;
}
.inter-list li{

    position: relative;
    float: left;
    margin-right: 34px;
}




/*#toolbar{*/
    
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 6px;*/
/*}*/
/*#toolbar li, #toolbar li a{*/

/*    width: 130px;*/
/*    height: 62px;*/
/*    padding: 14px 14px 0 0;*/
/*    margin-bottom: 20px;*/
/*    box-sizing: border-box;*/
/*    text-align: right;*/
/*    border-top-left-radius: 50px;*/
/*    border-bottom-left-radius: 50px;*/
/*    background-color: #616161;*/
/*}*/
/*#toolbar li a h4{*/

/*    font-weight: 600;*/
/*    font-size: 18px;*/
/*    color: #bdbdbd;*/
/*}*/
/*#toolbar li a p{*/

/*    font-size: 14px;*/
/*    color: #bdbdbd;*/
/*}*/
/*#toolbar li:hover a {*/
/*    width: 150px;*/
    background: -webkit-linear-gradient(right, #22916f , #42966e); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #22916f, #42966e); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #22916f, #42966e); /* Firefox 3.6 - 15 */
    background: linear-gradient(right, #22916f , #42966e); /* 标准的语法（必须放在最后） */

/*}*/
/*#toolbar li:hover a h4,#toolbar li:hover a p{*/

/*    font-weight: normal;*/
/*    color: #fff;*/
/*}*/













.inter-list li a{
    
    display: block;
}
.inter-list li.slick-slide h4{

   display: none;
}
.inter-list li.slick-center h4{

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    line-height: 60px;
    background: rgba(8, 144, 108, 0.8);
    font-size: 20px;
    color: #fff;
    text-align: center;
    display: block;
}
.inter-list li.slick-slide img{

    width: 100%;
}

.inter-list li.slick-slide a{

  
   position: relative;
}
.inter-list li.slick-slide a:after{
    
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
}

.inter-list li.slick-center a:after{
    
     background: rgba(255,255,255,0);
}
.inter-list li.slick-center a{

    opacity: 1;
}

.inter-list .slick-arrow{

    display: inline-block;
    width: 137px;
    height: 100px;
    border:none;
    font-size: 0;
    position: absolute;
    top: 36%;
    outline: none;
}
.inter-list .slick-prev{

    left: 0;
    background: url(../image/p_prev.png) center no-repeat;
    z-index: 99;
}
.inter-list .slick-next{

    right: 0;
    background: url(../image/p_next.png) center no-repeat;
}
.xyin-news{

    padding: 0 8% 100px;
    background-color: #f5f5f5;
}
.xyin-news .xyin-news-title .xyin-title,.xyin-news .xyin-news-title .xyin-title h3{

    text-align: center;
}
.xyin-news .xyin-news-title .xyin-title h3{

    margin-top: 0;
    padding-top: 38px;
}
.xyin-news .xyin-news-title{

    padding-top: 60px;
}
.xyin-news .xyin-news-title .xyin-title{

    width: 338px;
    height: 140px;
    margin: 0 auto;
    background: url(../image/N.png) top left no-repeat;
    text-align: center;
}
.date{

    text-align: center;
    font-size:16px;
    color: #999999; 
}
.xyin-news-slick .wz h3{

    font-size: 24px;
    color: #333;
    text-align: center;
    
}
.xyin-news-slick .slick-con .wz h3{
    
    font-size: 24px;
    color: #333;
    margin: 16px 0 30px 0;
}
.xyin-news-slick .wz span{

    display: block;
    width: 60px;
    height: 4px;
    margin: 24px auto 0;
    background: url(../image/line2.png) center no-repeat;
}
.xyin-news-slick .slick-slide{
    
    margin-bottom: 20px;
}
.xyin-news-slick .slick-con:hover {
   
    box-shadow: 0px 12px 43px 0px rgba(0, 0, 0, 0.2);
   
}


.xyin-news-slick .slick-con .wz .info{

    color: #666;
    line-height: 24px;
    text-align: left;
}
.xyin-news-slick .slick-con{
    
    margin: 0 20px;
    border:none;
    background: transparent;
}
.xyin-news-slick .slick-con:after{

    background:transparent;
}
.xyin-news-slick .slick-con:hover .wz h3 {
    color: #2f936e
}
.part-mods{

    padding: 0 8%;
    margin: 100px 0 46px;
}
.part-list li{

    float: left;
    margin-right: 32px;

}
.slick-dots li{

    float:none;    
}
.xy-tonglan{
    
    position: relative;
    padding: 62px 8% 60px;
}
.xy-tonglan{

    background-color: #3e3e3e;
}
.xyin-links{

    background-color: transparent;
    
}
.xy-tl-box a{

    font-size: 14px;
    color: #939393;
}
.xy-tl-box a:hover{
    
    color: #b8b8b8;
}
.xy-tonglan .xy-tl-title{

    font-size: 24px;
    color: #bdbdbd;
    font-weight: normal;
}
.xy-footer{

    padding: 0 8%;
    line-height: 46px;
    padding-bottom: 0;
    background-color: #3e3e3e;
    border-top: 1px solid #4e4e4e;
}
.xy-tonglan .xy-tl-title:before{

    height: 0;
}
.xy-footer:before{

    background: transparent;
}
.xy-footer .xy-ft-cpy{

    line-height: 3.5;
}
.xy-footer .xy-ft-rtcp,.xy-footer .xy-ft-rtcp a{

    padding-left: 0;
    color: #777;
}
.email{

    height: 34px;
    width: 314px;
    margin-top: 42px;
    border: 1px solid #626262;
}
.email input{

    float: left;
    width: 270px;   
    height: 34px;
    padding-left: 12px;
    border: none;
    outline: none;
    background: transparent;
}
.email button{

    display: inline-block;
    width: 42px;
    height: 33px;
    background: url(../image/email.png) center no-repeat #626262;
    border:none;
    outline: none;
}

.xypg-left-title{

    background-color: #009c77;
}
.xypg-left-nav>li .first-nav-btn.clicked {
    background: #009c77 url(../image/xypg-left-jt.png) 0 1px no-repeat
}

.xypg-left-nav>li.clicked>a,.xypg-left-nav>li:hover>a {
    color: #009c77
}
.xypg-left-nav>li.clicked .first-nav-btn,.xypg-left-nav>li:hover .first-nav-btn {
    background-color: #009c77
}

@media(min-width:990px){
    /* .timer{

        font-size: 45px;
    } */
    .imgnone{
        
        display:none;
    }
}

@media(max-width:1366px){
    
    .xy-menu li:last-child a {
    
        
        font-size: 14px;
        
    }
    .xy-menu li:last-child a:hover{
        
        font-size: 15px;
    }
}

@media(max-width:1280px){

    .timer{

        font-size: 30px;
    }
    .adorn{

        margin-top: 0;
    }
}

@media(max-width:1024px){
    .timer{

        font-size: 24px;
    }
    .digital li:nth-child(2),.digital li:nth-child(3){
        
        padding-left:18px;
    }
    .xy-head{
        
        padding:0;
    }
    
    .xy-menu li:last-child a{

        font-size: 14px;
        font-weight:normal;
    }
    .xy-menu li:last-child a:hover{
        
        font-size:14px;
    }
    .xy-head .col-md-4,.xy-head .col-md-8{
        
        padding:0;
    }
}
@media(max-width:450px){
    .yw-list li h4{

        font-size: 20px;
        font-weight: normal;
    }
    .yw-list li h3, .yw-list li p{

        /*display: none;*/
    }
    .yw-list li{

        padding: 0;
        margin-top: 20px;
    }
    .digital li:nth-child(2){
        
        padding-left:18px;
    }
    .digital li:nth-child(3){
        
        padding-left:5px;
    }
    .digital li:nth-child(4){
        
        padding-left:13px;
    }
    .xyin-title h3{

        font-size: 22px;
        font-weight:700;
        padding-bottom:15px;
    }
    .xyin-title p{

        font-size: 16px;
    }
    .xyin-about{

        margin: 36px 4% 20px;
    }
    .timer{

        font-size: 35px;
    }
    .xyin-case-item .wz{

        bottom:28%;
    }
    .xyin-case-title{

        padding: 20px 0;
    }
    
    .xyin-product-list li,.inter-list li,.part-list li{

        margin-right: 0;
        margin-left:0;
    }
    .part-center .xyin-title h3{

        padding-top: 30px;
    }
    .part-center .xyin-title{

        margin-bottom: 20px;
    }
    .inter-list li.slick-active:after{

        background: rgba(255, 255, 255, 0);
    }
    
    .inter-list li.slick-active h4{
        
        display:block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 40px;
        line-height: 40px;
        background: rgba(8, 144, 108, 0.8);
        font-size: 14px;
        color: #fff;
        text-align: center;
        opacity: 1;
    }
    .xyin-news-slick .slick-con .wz .info{
        
        max-height:68px;
    }
    
    .xyin-product .xyin-title h3{
        
        font-size:22px;
    }
    .xyin-news-slick .slick-con{
        
        margin:0;
    }
    .yw-list li .bg0,.yw-list li .bg1,.yw-list li .bg2{
        
        padding:20px 10px;
    }
    .xyin-title h3{
        
        margin-top:24px;
    }
    
    .xyin-about .xyin-title h3{
        
        padding-top:8px;
    }
    .xyin-about .xyin-title{
        background: url(../image/A.png) top left no-repeat #fff;
        background-size: 30%;
    }
    .xyin-case-title .xyin-title{
        
       
        height:90px;
        background: url(../image/S.png) top center no-repeat;
        background-size: 30%;
    }
    .xyin-product .xyin-title{
        
         background: url(../image/P.png) top center no-repeat;
        background-size: 30%;
    }
    .xyin-news .xyin-news-title .xyin-title{
         width:100%;
        background: url(../image/N.png) top center no-repeat;
        background-size: 30%;
    }
    .part-center .xyin-title{
        
        background: url(../image/c.png) top center no-repeat;
         background-size: 30%;
    }
    .part-center .xyin-title h3{
        
        margin-left:0;
    }
    .xy-tonglan .xy-tl-title{
        
        text-align:center;
    }
    
    .section{
        
        margin-top:0;
    }
    
    .digital li:nth-child(1),.digital li:nth-child(2){
        
        width:50%;
    }
    .digital li:nth-child(2):after{
        
        width:0;
    }
    .digital li:nth-child(3){
        
        width:50%;
    }
    .digital li:nth-child(4){
        
        width:50%;
    }
    
    .xyin-title p{
        
        margin-top:5px;
    }
    .xyin-case-item .wz h3,.xyin-case-big .wz h3{
        
        font-size:16px;
    }
    
    .yw-list li h3 span{
        
        margin-left:0;
    }
    .xyin-case-item p{
        
         font-size:12px;
         line-height:14px;
    }
    
    .xyin-case-title .xyin-title h3{
        
        padding-top:25px;
    }
    .xyin-case-title .xyin-title p{
        
       
        
        padding-left:0;
    }
    .xyin-case-title .xyin-title h3{
        
        padding-left:0;
        padding-bottom:0;
    }
    
    .xyin-title h3{
        
        padding-bottom:0;
    }
    .part-center .xyin-title p{
        
        margin-left:0;
    }
    .xyin-news{
        
        padding-bottom:20px;
    }
    .part-center,.part-mods{
        
        margin-top:20px;
    }
    .email input{
        
        width:254px;
    }
    .email{
        
        width:298px;
    }
    .xyin-news .xyin-news-title .xyin-title{
        
        height:77px;
    }
    
}






















/* footer css style*/

.distraction {
    height: 50px;
    width: 100%;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    text-align: center;
}

.footer {
    width: 100%;
    position: fixed;
    z-index: 110;
    bottom: 60px;
    left: 0;
}

.footer1 {
    max-width: 640px;
    margin: 0 auto;
  background:#08906c;
    display: -webkit-box;
}

.footer a {
    -webkit-box-flex: 1;
    display: -webkit-box;
    color: #fff;
}

.footer span {
    width: 74px;
    display: block;
    margin: 0 auto;
    text-align: right;
    font: 400 18px/60px "微软雅黑";
    color: #fff;
    height: 60px;
}

.footer span.span1 {
    background: url(../image/a1.png) 0 15px no-repeat;
    background-size: 28px 28px;
}

.footer span.span2 {
    background: url(../image/a2.png) 0 15px no-repeat;
    background-size: 28px 29px;
}

.footer span.span3 {
    background: url(../image/a3.png) 0 15px no-repeat;
    background-size: 26px 26px;
}

.footer span.span0 {
    background: url(/template/default/assets/images/icon.png) 10px -75px no-repeat;
    background-size: 110px 385px;
}