@charset "utf-8";

*{margin: 0;padding: 0;font-family: Microsoft Yahei;box-sizing: border-box;outline: none;}
body{width: 100%;height: 100%;margin: 0;background: #fff;}
a{text-decoration: none;}
img{border: none;}
ul{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.service-title{text-align: center;margin: 10px 0 0 0;}
.service-title h2{display: block;font-size: 36px;}
.service-title p{display: block;color: #888;font-size: 16px;}
.solution-box{background: #ffffff;margin: 10px 0 0 0;}
.solution-cut{width: 1560px;margin: 0 auto;position: relative;}
.solution-swiper{width: 100%;overflow: hidden;}
.solution-box button.fa2{position: absolute;top: 0;bottom: 0;width: 50px;background: #ffffff;color: #2d3c82;cursor: pointer;border: none;font-size: 40px;padding: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box button.fa2:hover{background: #ffffff;color: #2d3c82;}
.solution-box .fa-back2{right: 100%;}
.solution-box .fa-more2{left: 100%;}
.solution-box ul{width: 10000%;}
.solution-box ul:after{display: block;clear: both;content: '';}
.solution-box ul li{width: .2%;float: left;text-align: center;color: #fff;position: relative;}
.solution-box ul li span{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .2);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{background: rgba(0, 0, 0, .75);transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li i{opacity: .85;position: absolute;width: 40px;text-align:center;bottom: 53%;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.solution-box ul li hr{width: 30px;height: 1px;background: #fff;border: none;position: absolute;left: 30%;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{font-size: 13px;position: absolute;width: 100%;left: 0;top: 38%;transition: .3s;}
.solution-box ul li p{width: 80%;position: absolute;font-size: 11px;left: 10%;top: 60%;opacity: 0;transition: .3s;}
.solution-box ul li a{position: relative;top: 75%;font-size: 10px;line-height: 25px;height:25px;width: 80px;padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; margin: 0 auto;color: #fff;border: 2px solid #fff;opacity: 0;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;}
.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(45, 60, 130, .65);}
.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: 38%;}
.solution-box ul li:hover p{top: 50%;opacity: 1;}
.solution-box ul li:hover a{top: 75%;opacity: 1;}
/*响应式*/
@media(max-width:1680px){
.solution-cut{width: 1480px;}
.solution-box ul li i{font-size: 46px;}
.solution-box ul li h3{font-size: 22px;}
.solution-box ul li p{font-size: 14px;}
.solution-box ul li a{font-size: 14px;line-height: 32px;height:32px;width: 120px;margin: 0 auto;}
}
@media(max-width:1600px){
.solution-cut{width: 1300px;}
}
@media(max-width:1440px){
.solution-cut{width: 1200px;}
.solution-box ul li i{font-size: 40px;}
.solution-box ul li h3{font-size: 18px;}
.solution-box ul li p{font-size: 12px;}
}
@media(max-width:767px){
.solution-cut{width: 100%;padding: 0;}
.solution-box ul li{width: 95px;}
.solution-box ul li h3{font-size: 12px;}
.solution-box ul li p{font-size: 10px;}
.solution-box button.fa2{display: none;}
.solution-box .fa-back2{left: 0;right: auto;}
.solution-box .fa-more2{left: auto;right: 0;}
}
/*字体标*/
@font-face{font-family: "icon";src: url('../font/iconfont.eot');src: url('../font/iconfont.eot') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg');}
.fa2{font-family: "icon" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.fa-back2:before{content: "\e697";}
.fa-more2:before{content: "\e6a7";}
.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";}