button{

outline:none;

}


img{border: none;}
ul{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.service-title{text-align: center;margin: 30px 0 0 0;}
.service-title h2{display: block;font-size: 36px;}
.service-title p{display: block;color: #888;font-size: 16px;}
.solution-box{background:#fff;}
.solution-cut{width: 1200px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden; padding-top:10px}
.solution-box button.fa{position: absolute;top: 0;bottom: 0;width: 50px;background: none;color: rgba(255, 255, 255, .5);cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;outline: none; border:0;margin-top:10px}
.solution-box button.fa:hover{background: #eee;color: #fff; margin-top:10px}
.solution-box .fa-back{right: 100%;}
.solution-box .fa-more{left: 100%;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{max-width:143px;width: .125%;float: left;text-align: center;color: #fff;position: relative; margin-right:8px}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li:nth-child(2) span,
.solution-box ul li:nth-child(4) span{transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{font-size: 50px;opacity: .85;position: absolute;width: 100%;left: 0;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 2px;background: #fff;border: none;position: absolute;left: 50%;top: 50%;margin: 0 0 0 -15px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li h3{position: absolute;width: 100%;left: 0;top: 12%;transition: .3s;}
.solution-box ul li h3 .ser_bt{font-size: 20px; padding:0px;color:#FFFFFF; width:80%; margin:0 auto; margin-top:30px; margin-bottom:30px}
.solution-box ul li h3 .ser_stxt{font-size:9px; padding:0px 10px; margin:0px;color:#FFFFFF; margin-bottom:30px; line-height:18px; font-weight:300;text-transform:uppercase;}

.solution-box ul li h3 .line{width:14px; height:2px; padding:0px; margin:0px; margin:0 auto; background:#fff}
.solution-box ul li:hover{ margin-top:-10px;transition: .3s;}

.solution-box ul li a{ display:inline}

.solution-box ul li a:hover{background: #fff;color: #373d41;}
.solution-box ul li img{display: block;width: 100%;}
.solution-box ul li:hover span{background: rgba(166, 204, 248, .4);}
.solution-box ul li:hover i{bottom: 63%;}
.solution-box ul li:hover hr{top: 40%;opacity: 0;}
.solution-box ul li:hover h3{top: 10%;}
.solution-box ul li:hover p{ background:#333333}
.solution-box ul li:hover a{top: 66%;opacity: 1;}
.solution-box ul li:hover h3 .ser_bt{ color:#333333}
.solution-box ul li:hover h3 .ser_stxt{ color:#333333}
/*响应式*/

@media(max-width:1440px){
.solution-cut{width: 1200px;}
.solution-box ul li i{font-size: 40px;}
.solution-box ul li h3 .ser_bt{font-size: 16px; width:94%;}
}

@media(max-width:767px){
.solution-box ul li h3 .ser_stxt{font-size:9px; padding:0px 2px; margin:0px;color:#FFFFFF; margin-bottom:30px; line-height:18px; font-weight:300;}


.solution-cut{width: 100%;padding: 0;}
.solution-box ul li{max-width:140px;width: .25%;}
.solution-box button.fa{ background:#eee; display: none}
.solution-box .fa-back{left: 0;right: auto;}
.solution-box .fa-more{left: auto;right: 0;}

.solution-box ul li h3 .ser_bt{font-size: 16px; padding:0px;color:#FFFFFF; width:90%; margin:0 auto; margin-top:15px; margin-bottom:15px}
.solution-box ul li h3 .ser_stxt{font-size:9px; padding:0px; margin:0px;color:#FFFFFF; margin-bottom:15px; line-height:14px}
}


.fa{font-family: "icon" !important;font-size: 16px;font-style: normal;}


.fa-back:before{content: "‹"; color:#999;}
.fa-more:before{content: "›";color:#999; }

.fa-wxbgongju:before{content: "\e61b";}


.fa-all:before{content: "\e696";}
.fa-security:before{content: "\e71c";}
.fa-huanhuobz:before{content: "\e67c";}
.fa-aniukefu2:before{content: "\e6ca";}
.fa-set1:before{content: "\e6dc";}
.fa-naozhong:before{content: "\e648";}
.fa-suo:before{content: "\e652";}