@charset "utf-8";
/* CSS Document */



/*解决方案*/
.solution-wrap { background: url(../jjfa_img/bg1.jpg) no-repeat center top;}
.solution { padding: 55px 0; background: url(../jjfa_img/bg1.jpg) no-repeat center top;}
.solution[data-bg = 'bg1'] { background: url(../jjfa_img/bg1.jpg) no-repeat center top;}
.solution[data-bg = 'bg2'] { background: url(../jjfa_img/bg2.jpg) no-repeat center top;}
.solution[data-bg = 'bg3'] { background: url(../jjfa_img/bg3.png) no-repeat center top;}
.solution[data-bg = 'bg4'] { background: url(../jjfa_img/bg4.png) no-repeat center top;}
.solution[data-bg = 'bg5'] { background: url(../jjfa_img/bg5.png) no-repeat center top;}
.solution[data-bg = 'bg6'] { background: url(../jjfa_img/bg6.png) no-repeat center top;}
.solution[data-bg = 'bg7'] { background: url(../jjfa_img/bg7.png) no-repeat center top;}
.solution[data-bg = 'bg8'] { background: url(../jjfa_img/bg8.jpg) no-repeat center top;}
.solution-tab { width: 150px; padding: 0 35px 0 0; border-right: 2px solid #5c6069;}
.solution-tab li { margin-top: 20px; font-size: 16px; line-height: 40px; color: #fff; text-align: center; cursor: pointer; border-radius: 0; transition: background .2s;}
.solution-tab li:first-child { margin-top: 10px;}
.solution-tab .active { background: #1069f5;}
.solution-tab li .iconfont { position: absolute; top: 15px; left: 10px; font-size: 35px; opacity: .7; filter: alpha(opacity=70);}
.solution-tab .active .iconfont { left: 25px; opacity: 1; filter: alpha(opacity=100);}
.solution-tab li h3 { font-size: 18px;}
.solution-tab li p { font-size: 14px; opacity: .7; filter: alpha(opacity=70);}
.solution-content { width: 850px; padding: 0;}
.solution-content .solution-title { margin-bottom: 10px; font-size: 26px; font-weight: normal; line-height: 48px; color: #fff; overflow: hidden;}
.solution-content .solution-title .btn { float: right; width: 100px; height: 35px; font-size: 14px; line-height: 36px; color: #fff; text-align: center; background: #1069f5; border: none; border-radius: 0;}
.solution-content .solution-desc { height: 90px; padding-top: 20px; font-size: 16px; line-height: 30px; color: #fff;}
.solution-content .solution-icon { padding-top: 30px; overflow: hidden;}
.solution-content .solution-icon li { float: left; width: 12.5%; color: #fff; text-align: center;}
.solution-content .solution-icon li .iconfont { display: block; font-size: 60px; line-height: 90px;}
.solution-content .solution-icon li span { display: block; font-size: 14px;}
.solution-content .solution-case { padding-top: 30px; margin-top: 45px; border-top: 1px dashed #eee; border-top: 1px dashed rgba(255,255,255,.2);}
.solution-content .solution-case li { float: left; width: 150px; height: 60px; margin-left: 25px; overflow: hidden; background: #fff; border-radius: 3px;}
.solution-content .solution-case li img { display: block;  }