.clear{ clear: both;}
.clearfix:after {content:""; display: block; clear:both; }
html{font-size:100px;}
*{ margin: 0; padding: 0;}
a,a:hover{ color:#585858; text-decoration: none;}
body{ background: #DDDDDD; font-size: 12px; font-family: "微软雅黑";}
ul,li{ list-style: none;}
.main{ max-width: 6.4rem; width: 100%; margin: 0 auto; background: #fff;}
img{ max-width: 100%;}
@font-face {font-family: "iconfont";
	src: url('font/iconfont.eot'); /* IE9*/
	src: url('font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('font/iconfont.woff') format('woff'), /* chrome, firefox */
	url('font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
	}
.iconfont {
    font-family: "iconfont" !important;
    font-size: .16rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;
}
img{ margin: 0; padding: 0; border: none; outline: none;}
textarea {  -webkit-appearance: none;}
.bg{ background: #f2f2f2;}
.header{padding:.1rem; position: relative;}
.header h1{ display:block; float: left; }
.header h1 img{ max-width: 2rem; max-height: .62rem;}
.header .gohome{ display: none; float: right; font-size: .18rem; margin-right:.8rem; text-align: center;}
.header .gohome i{ display:inline-block; font-size: .34rem;}
.header .gohome span{ display: block;}

.company-info{ position: relative;}
.company-vip{position: absolute; right: .2rem; top:8%; z-index: 1; text-align:right; font-size: .22rem; text-align: center; color: #fff; /*width: 1.2rem;*/}
.company-text{ position: absolute; left: 0; right: 0; top: 20%; z-index: 1; text-align: center;}
.company-text h3{ font-size:.38rem; line-height:.4rem; color:#fff;text-shadow: 1px 1px 1px #000;}
.company-text .c-logo{ width:.8rem; height: .8rem; margin:.2rem auto; background:#fff;text-align: center; line-height:.8rem;border-radius: 50%; overflow: hidden;}
.company-text .c-logo.nologo{ background:transparent;}
.company-text .c-logo img{ background: #fff; max-width: .8rem; max-height: .8rem; vertical-align: middle;}
.company-nav{ position: absolute; left: 0; right: 0; bottom:.05rem; background: rgba(0,0,0,.4); padding: .2rem 0;}
.company-nav ul li{ width: 25%; text-align: center; float: left;}
.company-nav ul li a{ color: #fff; font-size: .24rem;}
.company-nav ul li a p{font-size: .2rem;}
.menu{ padding: .1rem 0 .1rem; background: url(../content/images/dm_nav_bg.jpg) repeat-x left bottom;}
.menu li{width: 33.3333%; float: left; text-align: center; line-height: .5rem;}
.menu li a{ font-size: .24rem; color: #000;}
.menu li a i{ display: inline-block; margin-right: .05rem;vertical-align: middle; font-size: .4rem; margin-right: .1rem;}
.menu li:first-child a i{ font-size: .28rem;}
.menu li.active a{ color: #ff7611;}
.index-share{ background:#f2f2f2; padding: .2rem 0; text-align: center;}
.index-share a{ display: inline-block; padding:0 .05rem}
.index-share a:nth-child(1){ color: #fff; margin-right: .1rem; padding:.1rem .25rem; vertical-align: top; border-radius: .3rem; background: #f7c755; font-size: .22rem;}
.index-share a:nth-child(1) i{ font-size: .22rem;}
.index-share a:nth-child(2) i{ font-size: .4rem;color: #e66868;}
.index-share a:nth-child(3) i{ font-size: .4rem;color: #4cc130;}
.index-share a:nth-child(4) i{ font-size: .44rem;color: #95e1ea;}
.index-share a:nth-child(5) i{ font-size: .4rem;color: #95a7ea;}
.index-product,.banner{ padding:.1rem; background: #f2f2f2;}
.banner .item{ padding: .1rem; background: #fff;}
.owl-pagination{ position: absolute; left: 0; right: 0; bottom: .1rem; text-align: center;}
.banner .owl-theme .owl-controls .owl-page span{ width: .2rem; height: .05rem; background: #fff;}
.list{background: #f2f2f2; padding: .1rem 0 0 0;}
.index-product-bd{ background: #fff; padding:.05rem .2rem .1rem; margin-bottom: .2rem;}
.index-product-bd:last-child{ margin-bottom: 0;}
.index-product-bd .title{ border-bottom: solid 1px #ddd; font-size: .24rem; padding:  0; line-height: .5rem;}
.index-product-bd .title i{ float: right; font-size: .24rem; color: #999;}
.hot-product{ padding: .2rem 0;}
.hot-product li{ width:1.8rem; margin-right: .2rem; float: left;}
.hot-product li:nth-child(3n){ margin-right: 0;}
.hot-product li p{ width: 100%; height: 1.08rem; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hot-product li h3{ font-size: .2rem; line-height: .4rem; font-weight:normal;white-space:nowrap; text-align: center;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; }
.hot-supply li{ border-bottom: dashed 1px #ddd; padding: .15rem 0;}
.hot-supply li h3{ font-size: .24rem; font-weight: normal; line-height: .5rem;}
.hot-supply li h3 span{ color: #ff7611;}
.hot-supply li:last-child{ border-bottom: none;}
.hot-supply li .desc{ font-size: .22rem; line-height: .35rem;}
.hot-spot{}
.hot-spot li{ border-bottom: dashed 1px #ddd; padding: .15rem 0;}
.hot-spot li:last-child{ border-bottom: none;}
.hot-spot li h3{ font-size: .3rem; color: #333; font-weight: normal; line-height: .6rem;}
.hot-spot li .spot-item-li{ width: 50%; float: left; font-size: .24rem; color: #999; line-height: .5rem;}
.hot-spot li .spot-item-li span{ color:#ff7611;}
.hot-photo { padding: .2rem 0;}
.hot-photo li{ width:1.3rem; margin-right: .2rem; float: left;}
.hot-photo li:last-child{ margin-right: 0;}
.hot-photo li p{ width: 100%; height: 1.3rem; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.contact{}
.contact li{ border-bottom:solid 1px #ddd; padding: .2rem 0 .2rem 1.35rem; position: relative; font-size: .24rem; line-height: .4rem; min-height: .4rem;}
.contact li:last-child{ border-bottom: none;}
.contact li span{ display: inline-block; position:absolute; left:0; top:.2rem;color: #717171;}
.contact li a.name i{ color:rgb(255, 189, 29);margin-left: .1rem; font-size:.24rem;}
.contact li a.url i{ color: #31B6E7; margin-left: .1rem; font-size:.24rem;}
.contact-bd{ margin-bottom: 0; background: url(../content/images/dm_nav_bg.jpg) repeat-x left bottom;padding: .2rem;}
.contact-bd.index-product-bd .title  i{ float: left; font-size: .34rem; color: #4cc130; margin-right: .05rem;}
.footer{ padding: .2rem; line-height: .4rem; background: #f2f2f2; font-size: .22rem; text-align: center; color: #747474;}
.footer a{ color: #747474;}
.footer span{ float: right;}
.footer span a{ display: inline-block; padding:0 .2rem; border: solid 1px #ddd; border-radius: .3rem;font-size: .2rem; overflow: hidden;}
h4.t{ text-align: center; line-height: .6rem; font-size: .3rem; font-weight: normal; margin-bottom: .1rem;}
h4.t a{ display: inline-block; float:left;width: 50%; text-align: center; font-size: .24rem; position: relative;}
h4.t a.span4{ width: 33.3333%;}
h4.t a.active{ color: #ff7611;}
h4.t a.active:after{ content: ''; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ff7611;}
.list-item,.pics-list{ background: #fff; /*margin-top: .12rem;*/}
.list-item li{ padding: .1rem .2rem;  border-bottom: solid 1px #4CC130; font-size: .24rem;}
.list-item li:last-child{ border-bottom: none;}
.list-item li h3{ font-weight: normal; color: #333; padding: .2rem 0; border-bottom: dashed 1px #ddd; margin-bottom: .2rem;}
.list-item li h3 span{ float: right; color: #999;}
.list-item li h4{ font-weight: normal; padding: .1rem 0; color: #333;}
.list-item li .desc{ line-height: .4rem;}
.list-item li .date{ padding: .1rem 0;}
.list-item li h4 span{ color:#ff7611;}
.list-item li .thumb{ width: 2.4rem; float: left;}
.list-item li .thumb p{ height: 2rem; color: #333; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.list-item li .info{ float: left; margin-left: .2rem; margin-top: 0rem; width: 3.2rem;}
.list-item li .info p{ line-height: .48rem;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; width: 100%;}
.list-item li .info p.name{white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis; }
.list-item li .info p span{ color: #666;}
.list-item .job h4{ color: #ff7611; font-size: .28rem;}
.list-item .job p{ line-height: .4rem; color: #666;}
.list-item .job li{ position: relative;}
.list-item .job li .add-job{ position: absolute; top: .5rem; right:.3rem ;}
.list-item .job li .add-job a{ display: inline-block; padding: .1rem .3rem; background: #4CC130; color: #fff; font-size: .28rem; line-height: .3rem; border-radius: .3rem; overflow: hidden;}
.list-item .job p span{ color: #000;}
.pics-list{ padding: .3rem .3rem;}
.pics-list li{ margin-bottom: .1rem;}
.pics-list li h3{ font-size: .24rem;}
.menu-li{ padding-bottom: .3rem;}
.menu-li ul{ background: #fff;}
.menu-li li{ border-bottom: solid 1px #ddd;}
.menu-li li:last-child{ border-bottom: none;}
.menu-li li a{ display: inline-block; padding: .3rem 0; width:90%; margin: 0 5%; font-size: .28rem;}
.menu-li li i{ float: right; position: relative; top:.1rem}
.menu-li li span{ float: right; vertical-align: middle; color: #999; margin-right: .1rem;}
.about-info{ padding: .2rem; line-height: .4rem; font-size: .24rem; color: #666;}
.index-product-bd .title.about-title{ padding: .2rem 0;}
.h10{ height: .15rem;}
.form{ background: #fff; padding: .2rem 0; font-size: .24rem;}
.form li{padding: .1rem .2rem; line-height: .4rem; border-bottom: solid 1px #ddd;}
.form li:last-child{ border-bottom: none;}
.form li span{ margin-left: .1rem; color: #ff7611;}
.form li input{ font-size: .3rem; line-height: .3rem; padding: .2rem 0; border-bottom:none; border-top: none;border-left: none; border-right: none;  outline: none; width: 100%;}
.form li textarea{font-size: .3rem; line-height: .3rem; padding: .1rem 0; border-top: none;border-left: none; border-right: none;  outline: none; width: 100%; min-height:1.8rem;}
.form p.t{ color:#333; font-size: .28rem; background: #f2f2f2; padding: .1rem .2rem; border-bottom: solid 1px #ddd;}
.form li input.s1{ width: 1.2rem;}
.form li input.s2{ width: 3rem;}
.form li input.s3{ width: 1.2rem;}
.form .job-list li input{ width: 70%;float: left;}
.form .job-list li label{font-size: .3rem; line-height: .3rem; padding: .2rem .3rem; display: inline-block; vertical-align: middle;}
.form .job-list li label input{ width: auto; float: none;}
.form .job-list li select{font-size: .3rem; line-height: .3rem; padding: .15rem 0; border-bottom:none; border-top: none;border-left: none; border-right: none;  outline: none;width: 70%;float: left;}
.form .job-list li span{float: left; display:ininline-block;font-size: .24rem;line-height: .3rem;padding: .2rem 0; color: #666;}
.form .job-list li textarea{ border: none;font-size: .24rem;line-height: .3rem;}
.form .job-list li .s-btn{ width: 40%; margin:.2rem 5% 0;}
.form .job-list li .resetBtn{width: 40%; margin:.2rem 5% 0;border-radius: .5rem; background: #ddd;}
.vp{ background: #f5f5f5; text-align: center;}
.s-btn{ margin: .2rem 0; background: #4CC130; color: #fff; font-size: .28rem; padding: .3rem 0; line-height: .4rem; border-radius: .5rem; overflow: hidden;}
.share-box{position:fixed;left: 50%; margin-left:-5rem;top:.32rem;padding:.1rem;}
.share-box li{ padding: .05rem 0; line-height: .3rem; cursor: pointer;}
.share-box li i{ font-size: .34rem; display:inline-block; position: relative; z-index: 2;}
.share-box li:hover i{ opacity: .6;}
/*.share-box li i:after{ content: ''; display: inline-block; position:absolute; left: .05rem;right: .05rem;top: .05rem;bottom: .05rem;background: #fff;  z-index: -1;}*/
/*.share-box li.wx i{color:rgb(82, 205, 62);}*/
.share-box li span{ color: #657180; font-size: .2rem; padding-left: .1rem; vertical-align: top; display: inline-block;}
.qr-code {border: 1px solid #d9dadc; margin-top:10px;background-color: #fff; word-wrap: break-word;word-break: break-all; text-align: center; padding: .05rem;}  
.qr-code .qr-code-img img{width: 1.20rem;}
.qr-code p{ font-size: .14rem; line-height: .2rem;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ display:block; line-height: .3rem !important; height:auto !important; width: 100% !important; float: none !important; /*width: 300px !important; border: solid 1px #ddd; position: relative; z-index: 2;*/}
.bdshare-button-style0-16 a i,.bdshare-button-style0-16 a span{ display: inline-block; position: relative; z-index: 0;}
.bdshare-button-style0-16 a{font-size: .2rem !important; margin: 0 !important; color: #657180; padding-left:0!important;vertical-align: top; display: inline-block; background:none !important;}
.bdshare-button-style0-16 a:before{ font-family: 'iconfont' !important;display:block; float: left; width: .34rem; content:''; font-size: .3rem; margin-right: .05rem;}
.bdshare-button-style0-16 a.bds_qzone:before{content:'\e62f'; color:#ddd; width:.30rem; height: .30rem; background-color:#ffa800; border-radius: 5px; overflow: hidden;font-size: .24rem;text-align:center;line-height:.30rem;text-indent: .005rem; margin-right: .1rem;}
.bdshare-button-style0-16 a.bds_tsina:before{content:'\e64b';color: rgb(255, 102, 49);}
.bdshare-button-style0-16 a.bds_wx:before{content:'\e611';color:rgb(82, 205, 62);}
.bdshare-button-style0-16 a.bds_more:before{content:'\e607';color:rgb(255, 255, 255);}
.car-share p{ margin:0 2.2rem; text-align:center;color: #fff;padding: .2rem .25rem;vertical-align: top;border-radius: .3rem;background: #f7c755;font-size: .22rem;}
.car-share .bdshare-button-style0-16 p a.bds_more{ color: #fff;font-size: .22rem !important;}
.card{ background: #fff; padding-bottom:.9rem;}
.card-header{ position: relative; padding:.2rem;}
.card-header::after{ content: ''; display: inline-block; position: absolute; left: 0; right: 0; top: 0; background:#9085bd;background-image: -webkit-linear-gradient(0deg, #9085bd, #6b5dac); bottom:.7rem; z-index: 0;}
.card-title { color: #fff; font-size: .22rem;position: relative; z-index: 1; line-height: .50rem; }
.card-title i{ font-size: .35rem; vertical-align: middle; margin-right: .2rem;}
.card-thumb{ text-align: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; overflow: hidden; background: #fff; margin-left: auto; margin-right: auto; margin-top: .40rem;position: relative; z-index: 1;}
.card-thumb img{ width: 2.10rem;}
.card-info{ text-align: center; padding-top: .49rem;}
.card-name{ font-size: .34rem; color: #666;}
.card-name-btn{ display: inline-block; width: 2.56rem; height:.64rem; line-height:.64rem; border-radius: .3rem; overflow: hidden; background: #b4be86; font-size: .28rem; color: #fff; margin-top: .26rem;}
.card-name-btn a{ color: #fff;}
.card-list{ padding: .69rem .5rem .30rem 2rem; position:relative;line-height: .65rem; font-size: .28rem; color: #666;}
.card-list span{ color: #ffa200; display: inline-block; width: 1.20rem; position: absolute; left: .6rem;}
.card-share-btn{ width: 2.00rem; height: .60rem; border-radius: .24rem; overflow: hidden; text-align: center; background: #f8bc2e; margin: 0 auto; font-size:.2rem; color: #fff; line-height: .6rem;}
.card-share-btn image{ width:.22rem; margin-right: .10rem; vertical-align: middle;}



/*---分页---*/
.col-xs-4 {
    width: 33.33333%;
    float: left;
}

.col-xs-6 {
    width: 50%;
    float: left;
}

.s_pageNav {
    display: block;
    padding: .3rem 0;
    background: rgb(246,246,246);
    line-height: .4rem;
}

    .s_pageNav .s_p_page.rotate {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .s_pageNav .s_p_page {
        line-height: .4rem;
        padding: .08rem 0 0 0;
        text-align: left;
    }

        .s_pageNav .s_p_page i {
            font-size: .3rem;
        }

        .s_pageNav .s_p_page a {
            display: inline-block;
            display: inline-block;
            vertical-align: middle;
        }

        .s_pageNav .s_p_page img {
            width: .3rem;
        }

    .s_pageNav .go-first {
        text-align: right;
    }

    .s_pageNav .p_pageText {
        font-size: .3rem;
        text-align: center;
    }

    .s_pageNav .p_pageBtn {
        border: solid 1px #f7f7f7;
        padding: .5rem 0;
        background: #f7f7f7 !important;
        width: 100%;
        text-align: center;
    }

}

.pageBox {
    padding: .4rem 0;
}
.no-data{ padding: 1rem 0; text-align: center; background: #fff; font-size: .28rem; margin: 0 0 0 0;}
.no-data p i{ font-size: .6rem;}
.no-data p { padding: .1rem 0;}


  .nav-toggle {
    display: block;
    position: absolute;
    width:.5rem;
    height:.5rem;
    border: none;
    top: .2rem;
    right: .2rem;
    background: transparent;
    border-radius: 10px;
    overflow: hidden;
    outline: none;
    -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  }
.nav-toggle .icon-bar {
  display: inline-block;
  width:.45rem;
  height:1px;
  position: absolute;
  left:.1rem;
  background-color: #10892d;
  border-radius: 5px;
}
.nav-toggle .icon-bar:first-child {
  top: .1rem;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transform: translateZ(0) rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  -webkit-transform: translateZ(0) rotate(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.nav-toggle .icon-bar:nth-child(2) {
  top: .2rem;
  transform: translateZ(0) rotate(0);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  -webkit-transform: translateZ(0) rotate(0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
}
.nav-toggle .icon-bar:last-child {
  top: .3rem;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
 .open-toggle {
    position: fixed;
    left: 0;
    right: 0;
  }
  .open-toggle .nav-toggle {
    top: .2rem
  }
  .open-toggle .nav-toggle .icon-bar:first-child {
    top: .2rem;
    transform: translateZ(0) rotate(45deg);
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
    -webkit-transform: translateZ(0) rotate(45deg);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
  }
  .open-toggle .nav-toggle .icon-bar:nth-child(2) {
    top: .2rem;
    transition: transform .2s ease 0s;
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.2s ease 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0) rotate(-45deg);
    -webkit-transform: translateZ(0) rotate(-45deg);
  }
  .open-toggle .nav-toggle .icon-bar:last-child {
    transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s;
    opacity: 0;
  }
  .open-toggle .header .header-bar .logo {
    margin-left: -2rem;
  }
  .open-toggle .header .nav {
    right: 0px;
    overflow: hidden;
  }
  .open-toggle .body-bg {
    display: block;
    position: fixed;
    top:.88rem;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    z-index: 999;
    max-width: 6.4rem;
    margin: 0 auto;
  }
  .open-toggle .side {
  	display: block;
    overflow: hidden;}
    
  .side {
  	display: none;
  	position:fixed;
    width:100%;
    max-width: 6.4rem;
    margin: 0 auto;
    background: #555;
    top:.88rem
    overflow-y: auto;
    z-index: 9999;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: .2rem 0;}
    .side h6{ font-size: .3rem; border-bottom: dashed 1px #cfcfcf; margin: 0 .3rem; padding: .1rem 0; color: #fff;} 
   .side li{ display: inline-block; width:25%; text-align: center; float: left;
    line-height: .6rem;
    text-align: center;}
    .side li a {
    font-size: .28rem;
    color: #bcbcbc;
  }
  
   .side li i{ font-size: .24rem; margin-right: .1rem;}
   .side li.login{ border-bottom: none;}
   .side li.login a{ display: block; width: 50%; float: left;}
   .side li.search{ margin: .2rem; padding: 0; border-bottom: none; background: transparent; position: relative;}
   .side li.search .inputA{ width: 70%; font-size: .24rem; float: left; background: #fff; padding: .1rem; border-radius: .1rem 0 0 .1rem;}
   .side li.search .search-btn{ width:22%;float: left;padding: .1rem; position:absolute; right: .3rem; top: 0; bottom: 0;}
   .side li.search i{ display:block; line-height: .5rem; background: #10892d; color: #fff; width:22%; top:0; font-size: .3rem; bottom: 0; border-radius:0 .1rem 0.1rem 0;}
   

/*--footer--*/
.footer-h{ height: .91rem;background: #f2f2f2;}
.footer-f{ width: 100%; max-width: 6.4rem; margin: 0 auto; position: fixed; left: 0; right: 0; background: #fff; bottom: 0; border-top: solid 1px #efefef; padding: .2rem 0 .05rem;}
.footer-f li{ width: 20%; float: left; text-align: center; font-size: .18rem;}
.footer-f li.active a p,.footer-f li.active a i{ color: #10892d;}
.footer-f li p{font-size: .18rem; color: #333;}
.footer-f li i{ background-repeat: no-repeat; background-position: center center; background-size: .36rem; display: inline-block; width: .36rem; height: .36rem;}
.footer-f li i.s1{ background-image: url(../images/shouyeshouye.png);}
.footer-f li.active i.s1{ background-image: url(../images/shouyeshouye-hover.png);}
.footer-f li i.s2{ background-image: url(../images/jianjie.png);}
.footer-f li i.s3{ background-image: url(../images/product.png);}
.footer-f li i.s4{ background-image: url(../images/lianxi.png);}
.footer-f li i.s5{ background-image: url(../images/wo.png);}
.footer-f li.active i.s2{ background-image: url(../images/jianjie-hover.png);}
.footer-f li.active i.s3{ background-image: url(../images/product-hover.png);}
.footer-f li.active i.s4{ background-image: url(../images/lianxi-hover.png);}
.footer-f li.active i.s5{ background-image: url(../images/wo-hover.png);}