@CHARSET "UTF-8";
.mobile-content{position: relative;}
#header{width:100%;   text-align:center; padding-top:5px; background:#fff;
    font-weight:bold; padding-bottom:5px; line-height:44px; font:bold 20px/44px "微软雅黑";
    color:#434343; position:relative;
}
#header img{width: 96%}
.header_left{width:74px; height:34px; background:url(../../images/abc.png) center 10px no-repeat; background-size:26px 24px; position:absolute; left:0; top:0;  margin-top:5px;}
.header_right{width:74px; height:34px; background:url(../../images/13.png) center 10px no-repeat; position:absolute; right:0; top:0; background-size:26px 21px; margin-top:5px;}

/*header css style*/
.class-btn {
    font-size: 12px;
    line-height: 44px;
    cursor: pointer;
    background: url(../../images/btn.png) no-repeat 4%;
    background-size: 16px 16px;
    padding-left: 41px;
    color: #434343;
    width: 100%;
}
.bg-shaow{
    background: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: none;
}
/*分页样式*/
#list ul{overflow: hidden;}
#pagecount{text-align: center;margin-top: 15px;padding-bottom:10px;}
#pagecount span a{margin:0 2px;padding:3px 8px;background: #cfcfcf;color:#fff;font-size: 12px;}
#pagecount span.pageBtn-selected a{background: #02a5ec}
#pagecount span.prevpage,#pagecount span.nextpage{padding:3px 5px;background: #02a5ec;color:#fff;margin:0 2px;font-size: 12px;}
#pagecount span.prevpage a,#pagecount span.nextpage a{background: #02a5ec;color:#fff;margin: 0;padding: 0;font-size: 12px;}

.m_logo p{
    text-align: center;
}
.m_logo p img{
    max-width: 100%;
}

#nav{text-align: left;
    width: 100%;
    padding: 5px 0 5px 0px;
    background: #fff;
    display: -webkit-box;
}
#nav li{
    height: 28px;
    line-height: 28px;
    font:400 14px/28px '微软雅黑';
    -webkit-box-flex: 1;
}
#nav li a{display:block; color:#333; width:100%; font-weight:bold;}
#nav li {
    background: url(../../images/xian.png) left center no-repeat;
}

/*网站头部返回按钮样式*/
.header_return{position:absolute;right:15px;top:2px;}
.header_return img{width:43px;height: 40px;}

 /*banner css style*/
.out_b{overflow:hidden; margin:0 auto; width:320px; padding-top:10px; padding-bottom:10px;}
.slide {position : relative; height:150px; overflow:hidden; width:320px; overflow:hidden; margin:0 auto;}
.slide .content{height:320px; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.slide a {display:inline-block; float:left; width:320px; height:150px; }
.slide a img{width:320px;}
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;}
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
.slide .mark li.active { background-color:#25a4bb;}

.scroll{width:320px;height:auto;margin:0 auto 0 auto; position:relative;overflow:hidden;}
.mod_01{float:left;width:320px;}
.mod_01 img{display:block;width:100%;height:auto;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:50%;z-index:11;width:80px;margin-right:-40px;}
#slide_01_dot{text-align:center;margin:1px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 2px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}

 /*product css style*/

.products{position:relative; width:99.5%; margin:0 auto; background:#fff;}

.products1{position:relative; width:99.5%; margin:0 auto; background:#545864;}
.le0{
    background: url(../../images/left4.png) top center no-repeat;
    text-align: center;
}

.contentss{padding:10px; line-height:25px; text-align:left; text-indent:25px;}
.ee{padding-left:20px; font-family:"微软雅黑";color: #fff}
.products_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;color:#000;}

.products ul{padding-bottom:5px; text-align:left !important;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:32.0%; padding:5px;}
.products ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;width:100%;border: #aeb1b6 1px solid;color: #636772;}
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;border-bottom: #aeb1b6 1px solid;}
.products ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;}


 /* news css style*/
.news{position:relative; width:99.5%; margin:0 auto; background:#fff;color:#000;}
.news_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.news ul{}
.news ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/left3.png) 3% center no-repeat;
 background-size:10px 10px;position: relative;}
.news ul li a{font:400 12px/35px "微软雅黑"; padding-left:28px; text-align:left; display:block;}
.news ul li span{position: absolute;top:0px;right: 2%;}

/* product_cate css style*/
.product_cate {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 999;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    height: auto;
    padding: 5px 0;
    display: none;
    background: #fff;
}

.product_cate_title {
    background: url(../../images/eef.jpg) 18px center no-repeat #fff;
    background-size: 2px 22px;
    text-align: left;
    padding-left: 30px;
    border-bottom: 1px solid #d5d5d5;
    font:400 16px/40px "微软雅黑";
    height: 40px;
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
}

.product_cate ul {}

.product_cate ul li {
    line-height: 35px;
    position: relative;
}

.product_cate ul li.yiji {
    border-bottom: 1px solid #d3d3d3;
}

.product_cate ul li a {
    font:400 12px/35px "微软雅黑";
    padding-left: 20px;
    text-align: left;
    display: block;
    width: 88%;
}

.product_cate ul li .class-down {
    position: absolute;
    top: 0;
    right: 0;
    width: 12%;
    display: block;
    line-height: 35px;
    cursor: pointer;
    background: url(../../images/abcd.png) center no-repeat;
    height: 35px;
    background-size: 20px 20px;
}

.product_cate ul li .layer2 li a {
    padding-left: 28px;
}

.product_cate ul li .layer2 .layer3 li a {
    padding-left: 36px;
}

.product_cate ul li .class-up {
    background: url(../../images/abcde.png) center no-repeat;
    background-size: 20px 20px;
}


.job_cate{width:99.5%; margin:0 auto;margin-top:20px;}
.job_cate ul{}
.job_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/abcd.png) 95% center no-repeat; background-size:20px 20px;}
.job_cate ul li a{font:400 12px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}

/* footer css style*/
.distraction{height:58px; width:100%;}
/* .footer{background:#000; display:-webkit-box; width:100%; margin-top:6px; background-size:9px 128px; position: fixed; z-index: 110;bottom: 0;left: 0;} */
/* .footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{width:64px; display:block; margin:0 auto; text-align:right; font:400 16px/35px "微软雅黑"; color:#fff; height:35px;}
.footer span.span1{background:url(../../images/a1.png) 5px 6px no-repeat; background-size:23px 27px;}
.footer span.span2{background:url(../../images/a2.png) 5px 4px no-repeat; background-size:23px 27px;}
.footer span.span3{background:url(../../images/a3.png) 5px 6px no-repeat; background-size:23px 23px;}
.footer span.span4{background:url(../../images/a4.png) 5px 6px no-repeat; background-size:23px 27px;} */



.footer{
    background: #0d0d0d;
}

.icon-home:before{
    background: url(../images/f1.png) no-repeat center center;
    content: "";
    width: 31px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}
.icon-phone:before{
    background: url(../images/f2.png) no-repeat center center;
    content: "";
    width: 25px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}

.icon-contact:before{
    background: url(../images/f3.png) no-repeat center center;
    content: "";
    width: 25px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}

.icon-share:before{
    background: url(../images/f4.png) no-repeat center center;
    content: "";
    width: 25px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}
.footer ul li.active{
    /* background: #0d0d0d; */
    color: #b92221;
}
.footer ul li.active span{
    color: #0c6bd0;
}



/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../../images/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
.share-weixin {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-weixin i{background:url(../../images/share_icon2.png) no-repeat;background-size:32px 32px;
	width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-weixin span{display:inline-block;}
body{width:100%; height:100%; overflow-x:hidden; position:relative;}

/*job css style*/
.jobcontent h4{background-color:#fff;height: 26px;line-height: 26px;padding-left:15px;}
.jobcontent .text{padding:5px 15px;line-height:20px;}

/*search css style*/
.search{background:#545864;padding:8px 10% 8px;display: none;}
#formsearch{width:100%;}
#keyword{border:1px solid #959595;line-height:29px;height:29px;width:85%;text-align:left;text-indent:20px;float:left;border-radius:4px;}
#s_btn{width:15%;line-height:29px;height:29px;background:url(../../images/ss.png) center no-repeat;border-radius:6px;float:right;color:#fff;background-size: 100% 100%;}

 /*search news css style*/
.newslist{border-top:10px solid #fff;border-bottom:10px solid #fff;}
.newslist li{text-align:left;padding-left:10px;line-height:34px;height:34px;position:relative;margin-bottom:1px;background:#fff;font-family: "Microsoft YaHei"}
.newslist li span{position:absolute;right:10px;top:0;}


/*分页样式*/
.paging_num{padding:10px 0px;overflow: hidden;text-align: right;}
.paging_num a{width:25px;height:20px;line-height: 20px;text-align: center;display:inline-block;
    border: 1px dashed #e0e1dc;color:#666;margin-left:15px;}
.paging_num a:hover{text-decoration:none;color:#005a98;border: 1px dashed #005a98;}
.paging_num .paging_hover{text-decoration:none;color:#005a98;border: 1px dashed #005a98;}


/*简历提交*/
.job-title {padding-left:10px;line-height:40px;font-size:16px;margin-bottom:15px;}
.job-title .job-send{background:#476199;padding:5px 10px;border-radius:4px;color:#fff;}
.reveal-modal {position: relative;}
.send-title{border-bottom: 1px solid #ddd;margin-bottom:15px;padding-bottom:10px;font-size:16px;color:#060;}
.message-job{padding-bottom:10px;}
.message-job li{line-height:30px;margin-bottom:10px;text-align: left;}
.message-job li label{font-size:14px;width:20%;float:left;text-align:right;}
.message-job li span{color:red;}
.message-job li input[type='radio']{margin:0 10px;}
.message-job li input.jobinput{border:1px solid #ccc;width:70%;margin:0 5px;line-height:24px;height:24px;padding:0 5px;text-align: left;}
.message-job li select{line-height:24px;height:24px;padding:0 5px;border:1px solid #ccc !important;width: 70%;margin:0 5px;}
.message-job li #experience{width:70%;height:80px;border:1px solid #ccc !important;margin:0 5px;}
.message-job li input#file{margin-top:18px;margin-right:20px;}
.message-job input.jobbtn{width:80px;border:1px solid #f1f1f1;background:#476199;color:#fff;border-radius:4px;font-family:"Microsoft Yahei";line-height:30px;height:30px;margin:0 8px 0;cursor:pointer;padding:0 !important;}
.message-job input.jobbtn:hover{background:#476199;}
.message-job li.last{border-bottom: 1px solid #ddd;margin-bottom:8px;padding:5px 0;font-size:14px;color:#060;}
 .resume-prompt{line-height:36px;color:#999;font-size: 12px;}
.message-job span.last{color:red;display:inline-block;line-height:36px;font-size: 12px;}
.message-job li #checkcode{height: 32px;line-height: 32px;width: 20%;border: 1px solid #dedede;text-align: left;margin-bottom: 0;margin-left: 5px;}
.message-job li a{font-size: 12px;}
.message-job input{font-size: 12px !important;}
textarea{ -webkit-user-select: auto !important; border: 1px solid rgba(0,0,0,.2) !important;}


/*产品中心*/
.le{
    background: url(../../images/left1.png) top center no-repeat;
    text-align: center;
    padding-bottom: 5%;
}
.le1{
    font:200 18px/30px "微软雅黑";
    color: #0e0e0e;
    text-align: center;
    padding-top: 19px;
}
.le2{
    color: #464646;
    font:200 16px/30px "Arial";
    text-transform: uppercase;
    text-align: center;
}
.le3{
    background: url(../../images/more.png) top center no-repeat;
    width: 14px;
    height: 14px;
    margin:0 auto;
}
/*优势*/
.four_tt {
    width: 100%;
    text-align: center;
}
.four_tt img {
    max-width:100%;
}
.ab{
    /*background: url(../../images/left2.png) top center no-repeat;*/
    background-size: 100%;
    width: 100%;
    overflow: auto;
    padding-top:5%;
}
.ab1{
    float: left;
    width: 61%;
}
.ab2{
    float: right;
    width: 38%;
}
.ab2 img{
    width: 100%;
    height: auto;
}
.ab-sub1{
    font:400 15px/50px "微软雅黑";
    color: #333;
    margin-bottom: 1%;
    transform:scale(0.8);
    background: url(../../images/ss.jpg) no-repeat;
}
.ab-sub1 p{
    margin-left:10px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;

}

.ab-sub1:before {
    display: inline-block;
    width:63px;
    height:50px;
    vertical-align: middle;
    text-align: center;
    line-height:50px;
    color: #fff;
    font-style: italic;
    font-size:20px;
}

.ab-sub1:nth-child(1):before {
    content: "01";
}
.ab-sub1:nth-child(2):before {
    content: "02";
}
.ab-sub1:nth-child(3):before {
    content: "03";
}
.ab-sub1:nth-child(4):before {
    content: "04";
}

.ab-sub1 span{
    transform:scale(0.8);
    text-transform: uppercase;
    font:400 12px/15px "微软雅黑";
    color: #666;

}

@media (max-width: 420px) {
    .ab1{
        float: none;
        width: 100%;
    }
    .ab2{
        float: none;
        width: 100%;
        text-align: center;
    }
    .ab2 img {
        max-width:100%;
    }
}





/* 头部 */
.mob-head {
    background: #fff;
    padding: 10px 0;
    position: relative;
  }
  
  .mob-head .logo {
    padding: 0 110px 0 15px;
  }
  
  .mob-head .logo img {
    max-width: 100%;
  }
  
  .mob-head .head-btn {
    position: absolute;
    right: 15px;
    height: 26px;
    top: calc(50% - 13px);
    font-size: 0;
  }
  
  .mob-head .head-btn a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    line-height: 26px;
    text-align: center;
    height: 30px;;
    background: url(../../images/cai.png) center no-repeat;
  }
  
  .mob-head .head-btn a .iconfont {
    font-size: 20px;
    vertical-align: middle;

  }
  
  .mob-head .head-btn a .icon-sousuo {
    font-size: 25px;
  }
  
  .mob-head .head-btn .search-btn {
    border-right: 1px solid #aaaaaa;
    margin-right: 10px;
    width: 40px;
    background: url(../../images/ss1.png) center no-repeat;
  }
  


/* 导航样式 */
.mob-nav {
  z-index: 9999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #b92221;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.mob-nav .close-btn {
  text-align: right;
  padding: 15px 15px 0 0;
}

.mob-nav .close-btn .iconfont {
  font-size: 30px;
  color: #fff;
}

.mob-nav li a {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
}

.mob-nav li a:hover {
  background: #b60066;
}

.mob-nav li:not(:last-child) {
  border-bottom: 1px solid #fff;
}

.mob-nav.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}




.body1-index{
    width:96%;
    margin: 0 auto;
}
.a-title{
    font-size: 1.5em;
    color: #2072c6;
    font-weight: bold;
    margin-top: 5%;
}
.a-title span{
    display: block;
    width: 57px;
    height: 2px;
    background: #b4b4b4;
    margin-top: 5%;
}
.a-about{
    font-size: 13px;
    color: #333333;
    line-height: 22px;
    text-align: justify;
    margin-top: 5%;
}

.a-about a{
    color: #b92221;
}
.a-wen{
    margin-top: 5%;
}
.a-wen-list li{
    float: left;
    width: 30%;
    position: relative;
    margin: 0 1%;
}
.a-wen-list li h2{
    color: #b92221;
    text-align: center;
    font-size: 24px;
    margin: 0px;
}
.a-wen-list li b{
    position: absolute;
    top: 0;
    right: 6%;
    font-weight: normal;
    color: #666666;
}
.a-wen-list li span{
    border-top: 1px solid #b8b8b8;
    display: block;
    margin: 5px 0;
}
.a-wen-list li p{
    font-size:14px;
    color:#666666;
    text-align:center;
}





.service-index{
    margin-top: 5%;
}
.b-title{
    text-align: center;
    font-size: 1.5em;
    color: #2072c6;
    font-weight: bold;
}
.b-title p{
    font-size: 14px;
    color: #666666;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 10px;
    text-align: center;
}
.service-list{
    margin-top: 5%;
}
.service-list li{
    float: left;
    width:46%;
    margin: 0 2%;
    position: relative;
    margin-bottom: 3%;
}
.service-list li img{
    width:100%;
}
.service-list li h4{
    /* background: url(../../images/pm.png) no-repeat; */
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    bottom: 58px;
    z-index: 999;
}
.service-list li h3{
    color: #444444;
    font-size: 14px;
    line-height: 80px;
    text-align: center;
}


.ad-bg{
    background: url(../../images/bj1.jpg) no-repeat top center;
    background-size: cover;
    padding: 5% 0;
}
.banner_list1{
    
}
.banner_list1 li{
    float: left;
    margin: 0px 6%;
    width: 21%;
}
.banner_list1 li .img-banner{
    padding: 5px;
    border:1px dashed #d89999;
    border-radius: 50%;
}

.banner_list1 li a.img1 img{
    width:100%;
    height: auto;
}





.newx-index{
    margin-top: 5%;
}

.slick-wrap {margin-top: 5%;}
.slick-contanier { }
.slick-contanier .slick-slide { outline: none; }
.slick-contanier img { display: inline-block; width: 100%; }
.slick-contanier .slick-con { display: block; padding: 0 5%; font-size: 0; }

.tab-li { text-align: center;cursor: pointer;background: #e1e1e1}
.tab-li li {float: left;width:33.333%;color: #333333;line-height: 2em;font-size: 18px;}
.tab-li li:hover, .tab-li li.active { background:#2072c6;color: #fff;}

.tab-con { position: relative; }
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease;float: none;position: absolute;}
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }
.tab-con .tab-main p:nth-of-type(1){padding: 0;}
.tab-con .tab-main p img{max-width: 100%;}
.tab-con .tab-main p{padding: 0 5%;color: #777777;font-size: 1.1em;}
.tab-con .tab-main p:nth-of-type(2){font-weight: bold;color: #333333;font-size: 1.4em;padding-top: 2%;padding-bottom: 2%;}
.tab-con .tab-main p:nth-of-type(5){font-weight: bold;color: #3faf41;font-size: 1.2em;padding-top: 2%;}
.tab-list{margin:3% 0;}
.tab-list li{border-bottom: 1px dashed #dedede;padding-bottom: 10px;margin-bottom: 10px;padding-top: 10px;}
.tab-list li h3{line-height: 20px;}
.tab-list li h3 a{display:block;font-size: 16px;color: #333333;float: left;}
.tab-list li h3 span{float: right;color: #666666;font-size: 12px;}
.tab-list li h2{font-size: 14px;color: #666666;line-height: 22px;margin-top: 10px;font-weight: 400;}
.news-more{background: #2072c6;width:50%;border-radius: 20px;margin: 0 auto;height: 40px;line-height: 40px;}
.news-more a{display: block;text-align: center;color: #fff;}







.ct{
    margin-top: 5%;
}
.ct-left{
    float: left;
    width:30%;
}
.ct-left img{
    max-width: 100%;
}
.ct-right{
    float: left;
    width:66%;
    margin-top: 10px;
    line-height: 22px;
}
.ct2{
    margin-top: 2%;
}
.ct2 p{
    line-height: 45px;
}


.m_logo{
    width: 60%;
    margin:0 auto;
}
.m_logo p{
    text-align: center;
}
.m_logo p img{
    max-width: 100%;
}

.footer{
    background: #0d0d0d;
}

.icon-home:before{
    background: url(../../images/f1.png) no-repeat center center;
    content: "";
    width: 31px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}
.icon-phone:before{
    background: url(../../images/f2.png) no-repeat center center;
    content: "";
    width: 25px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}

.icon-contact:before{
    background: url(../../images/f3.png) no-repeat center center;
    content: "";
    width: 25px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}

.icon-share:before{
    background: url(../../images/f4.png) no-repeat center center;
    content: "";
    width: 25px;
    height: 27px;
    display: block;
    background-size: 80% 80%;
}
.footer ul li.active{
    /* background: #0d0d0d; */
    color: #b92221;
}



/* 页脚 */
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
  }
  
  .footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .footer ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
  }
  

  
  .footer ul li a {
    display: block;
  }
  
  .footer ul li .iconfont {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
  }
  
  .footer ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #636363;
  }