@charset "UTF-8";
.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mt90 { margin-top: 90px; }

.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mr60 { margin-right: 60px; }

.mr70 { margin-right: 70px; }

.mr80 { margin-right: 80px; }

.mr90 { margin-right: 90px; }

.mr100 { margin-top: 100px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb70 { margin-bottom: 70px; }

.mb80 { margin-bottom: 80px; }

.mb90 { margin-bottom: 90px; }

.mb100 { margin-bottom: 100px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.ml60 { margin-left: 60px; }

.ml70 { margin-left: 70px; }

.ml80 { margin-left: 80px; }

.ml90 { margin-left: 90px; }

.ml100 { margin-left: 100px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pt60 { padding-top: 60px; }

.pt70 { padding-top: 70px; }

.pt80 { padding-top: 80px; }

.pt90 { padding-top: 90px; }

.pt100 { padding-top: 100px; }

.pr5 { padding-top: 5px; }

.pr10 { padding-top: 10px; }

.pr20 { padding-top: 20px; }

.pr30 { padding-top: 30px; }

.pr40 { padding-top: 40px; }

.pr50 { padding-top: 50px; }

.pr60 { padding-top: 60px; }

.pr70 { padding-top: 70px; }

.pr80 { padding-top: 80px; }

.pr90 { padding-top: 90px; }

.pr100 { padding-top: 100px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

.pb60 { padding-bottom: 60px; }

.pb70 { padding-bottom: 70px; }

.pb80 { padding-bottom: 80px; }

.pb90 { padding-bottom: 90px; }

.pb100 { padding-bottom: 100px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

.pl60 { padding-left: 60px; }

.pl70 { padding-left: 70px; }

.pl80 { padding-left: 80px; }

.pl90 { padding-left: 90px; }

.pl100 { padding-left: 100px; }

.fck_body h1 { font-size: 1.5em; }

.fck_body h2 { font-size: 1.4em; }

.fck_body h3 { font-size: 1.3em; }

.fck_body h4 { font-size: 1.2em; }

.fck_body h5 { font-size: 1.1em; }

.fck_body h6 { font-size: 1em; }

.fck_body em { font-style: italic; }

.fck_body h1, .fck_body h2, .fck_body h3, .fck_body h4, .fck_body h5, .fck_body h6 { margin: 10px 0; font-weight: 700; }

/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.kv_mask_body { background: url(../images/solution/kv_mask.png) center top no-repeat; background-size: cover; padding: 20px 0; overflow: hidden; position: relative; margin-top: -10px; text-align: center; color: #fff; }
.kv_mask_body h3 { font-size: 16px; margin-bottom: 5px; }
.kv_mask_body p { font-size: 12px; line-height: 17px; }
.kv_mask_body a.btn { display: inline-block; height: 32px; line-height: 32px; background-color: #4475f7; text-decoration: none; color: #fff; margin-top: 10px; width: 170px; font-size: 14px; }
.kv_mask_body a.btn i { float: right; height: 32px; line-height: 32px; width: 20px; text-align: center; }

.solution_body .solution_top_box { background-color: #f9fbfa; }
.solution_body .solution_top_box h3.tit { font-size: 20px; color: #333; text-align: center; padding: 15px 0; }
.solution_body .solution_top_box .w_100 { width: 100%; display: block; }
.solution_body .solution_list_box { background-color: #fff; }
.solution_body .solution_list_box h3.tit { text-align: center; color: #333; font-size: 20px; margin-bottom: 10px; }
.solution_body .solution_list_box .list_box { margin-bottom: 10px; }
.solution_body .solution_list_box .list_box h3 { height: 40px; line-height: 40px; background-color: #e9ecef; padding-left: 10px; font-size: 16px; color: #103655; position: relative; }
.solution_body .solution_list_box .list_box h3 i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #e72510; border-right: none; transition: all ease .3s; }
.solution_body .solution_list_box .list_box.cur h3 { background-color: #e9ecef; }
.solution_body .solution_list_box .list_box.cur h3 i { transform: rotate(90deg); margin-top: -5px; }
.solution_body .solution_list_box .list_box ul { width: 100%; margin: 10px 0 0; display: none; }
.solution_body .solution_list_box .list_box ul li { width: 49%; margin-right: 2%; margin-bottom: 10px; background-color: #fafafa; overflow: hidden; padding: 5px 10px; height: 130px; float: left; }
.solution_body .solution_list_box .list_box ul li:nth-child(2n) { margin-right: 0; }
.solution_body .solution_list_box .list_box ul li a { display: block; text-decoration: none; }
.solution_body .solution_list_box .list_box ul li img { width: 125px; display: block; margin: 0 auto 5px; }
.solution_body .solution_list_box .list_box ul li p { text-align: center; font-size: 12px; line-height: 16px; color: #3c3c3c; height: 36px; }
.solution_body .related_box { background-color: #f6f6f6; padding-bottom: 15px; padding-top: 0; }
.solution_body .related_box h3.tit { text-align: center; color: #333; font-size: 20px; padding: 15px 0; }
.solution_body .related_box .info_box { background-color: #fff; border: 1px solid #e4e4e4; padding: 5px 10px; margin-bottom: 10px; }
.solution_body .related_box .info_box h3 { font-size: 16px; color: #103655; margin-bottom: 5px; }
.solution_body .related_box .info_box ul { padding-left: 20px; }
.solution_body .related_box .info_box ul li { list-style: disc outside; margin-bottom: 5px; }
.solution_body .related_box .info_box ul li a { font-size: 10px; color: #999; line-height: 15px; word-wrap: break-word; overflow: hidden; }
.solution_body .related_info_box { background-color: #fff; }
.solution_body .related_info_box h3.tit { text-align: center; color: #333; font-size: 20px; padding: 10px 0; }
.solution_body .related_info_box .btn_1 { display: inline-block; border-radius: 4px; background-color: #e82c17; font-size: 14px; text-decoartion: none; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; }

/*# sourceMappingURL=solution.css.map */