/*产品服务*/
.service_bg{ background:#f5f5f5; overflow:hidden;
    }
   .gray{
   	width: 1440px;
   	margin: 0 auto;
   }
.service_bg .service_ul{  margin-bottom:100px; overflow:hidden;}
.service_bg .service_ul ul li{ float:left; background:#fff; overflow:hidden; width:23%; margin-right:2%;margin-top: 2%;}
.service_bg .service_ul ul li:nth-child(3n+0){ margin-right:0;}
.service_bg .service_ul ul li .imgs{ overflow:hidden; position:relative; text-align:center; color:#fff; }
.service_bg .service_ul ul li .mask{
position: absolute;
    top: 0;
    left: 0;
    width: 461px;
    height: 298px;
    background: #000000b3;
    z-index: 1;
}
.service_bg .service_ul ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.service_bg .service_ul ul li .txts{ position:absolute; top:0; left:0; width:100%; height:100%;font-size:24px;    z-index: 2;}
.service_bg .service_ul ul li i{ display:block; margin:0 auto; margin-top:54px; width:140px; height:140px; background-repeat:no-repeat; background-size:100% 100%; margin-bottom:20px;border-radius: 50%;}
.service_bg .service_ul ul li h3{ font-weight:normal; font-size:24px; line-height:40px;margin-bottom: 10px;}
.service_bg .service_ul ul li.bgs1 i{ background-image:url(../images/20181112/service_pic1.png);}
.service_bg .service_ul ul li.bgs2 i{ background-image:url(../images/20181112/service_pic2.png);}
.service_bg .service_ul ul li.bgs3 i{ background-image:url(../images/20181112/service_pic3.png);}
.service_bg .service_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.service_bg .service_ul ul li .cons{ margin: 0 auto;
    padding: 20px;}
.service_bg .service_ul ul li .cons p{ line-height:30px; margin-bottom: 3px; font-size:16px; color:#666666;}
.service_bg .service_ul ul li .service_ul_a{ overflow:hidden; height:60
px;}
.service_bg .service_ul ul li .service_ul_a a{ float:left; margin-bottom:10px; margin-right:15px; border:1px solid #c3c3c3; width:85px; text-align:center; height:48px; line-height:48px; font-size:14px; color:#666;transition:all 0.3s;}
.service_bg .service_ul ul li .service_ul_a a:nth-child(3n+0){ margin-right:0;}
.service_bg .service_ul ul li .service_ul_a a:hover{ color:#fff; background-color:#f67524; border:1px solid #f67524;}
.service_bg .service_ul ul li.bgs2 .service_ul_a a:hover{ color:#fff; background-color:#248cf6; border:1px solid #248cf6;}
.service_bg .service_ul ul li.bgs3 .service_ul_a a:hover{ color:#fff; background-color:#1ecc85; border:1px solid #1ecc85;}