.inner_con .list_tab { margin-top: 20px; height: 49px; line-height: 49px; background-color: #ffffff; border-bottom: 1px solid #e74122; }
.inner_con .list_tab a { margin-right: 10px; width: 170px; font-size: 20px; color: #5a6066; text-align: center; }
.inner_con .list_tab a:hover { color: #e74122; }
.inner_con .list_tab a.cur { color: #ffffff; background-color: #e74122; }
.inner_con .search_res { margin-top: 14px; padding: 10px 22px; line-height: 34px; background-color: #fff; font-size: 16px; color: #23282d; }
.inner_con .search_res .key { color: #2c51c7; }
.inner_con .search_res .number { color: #e74122; }

.quality li { margin: 0 30px 0 0; border-bottom: 1px solid #e4e7e9; width: 100%; z-index: 1; position: relative; display: inline-block; padding: 25px 30px; box-sizing: border-box; height: 240px; background-color: #ffffff; transition: all 0.3s ease; }
.quality li:hover { box-shadow: 0 0 15px rgba(44, 81, 199, 0.15); z-index: 2; }
.quality li:hover h4 { color: #2c51c7; }
.quality li:nth-child(even) { margin-right: 0; }
.quality li .con_left { width: 520px; }
.quality li .con_left .mark { margin-top: 16px; width: 100%; background: #f7fafc; }
.quality li .con_left .mark div { color: #797e83; font-size: 14px; width: 155px; float: left; padding: 0 20px; box-sizing: border-box; height: 32px; line-height: 32px; }
.quality li .con_left .mark .red { color: #e74122; }
.quality li .con_right { margin-left: 138px; }
.quality li .con_right h3 { color: #3c4248; font-size: 16px; line-height: 20px; }
.quality li .con_right .r_case { margin-top: 10px; width: 482px; display: flex; justify-content: space-between; }
.quality li .con_right .r_case img { width: 231px; height: 150px; }
.quality li img { width: 72px; height: 72px; }
.quality li .txt { margin-left: 24px; width: 416px; }
.quality li h4 { margin-top: 2px; margin-bottom: 15px; font-size: 24px; color: #23282d; line-height: 24px; padding-top: 1px; transition: color .3s ease; }
.quality li .tag { height: 28px; overflow: hidden; }
.quality li .tag span { float: left; margin-right: 10px; padding: 0 10px; font-size: 12px; line-height: 28px; }
.quality li .tag .red { color: #f7836d; background-color: #fff5f3; }
.quality li .tag .orange { color: #fca204; background-color: #fef9ef; }
.quality li .tag .blue { color: #829ffb; background-color: #f1f4ff; }
.quality li .tag .green { color: #49b99b; background-color: #edf9f6; }
.quality li .intr { margin-top: 18px; font-size: 14px; color: #5a6066; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }

.library { margin-top: 20px; }
.library li { float: left; margin: 0 20px 20px 0; width: 590px; }
.library li:nth-child(even) { margin-right: 0; }
.library li:nth-last-child(-n+2) { margin-bottom: 0; }
.library li a { position: relative; display: block; padding: 30px; height: 170px; box-sizing: content-box; background-color: #ffffff; transition: all 0.3s ease; }
.library li a:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #2c51c7; transition: all .3s ease; opacity: 0; }
.library li a:hover { box-shadow: 0 0 15px rgba(44, 81, 199, 0.15); }
.library li a:hover:after { left: 0; width: 100%; opacity: 1; }
.library li a:hover h4 { color: #2c51c7; }
.library li img { width: 84px; height: 84px; }
.library li .txt { margin-left: 24px; width: 416px; }
.library li h4 { margin-bottom: 8px; font-size: 24px; color: #23282d; line-height: 40px; transition: color .3s ease; }
.library li .tag { height: 30px; overflow: hidden; }
.library li .tag span { float: left; margin-right: 10px; padding: 0 10px; font-size: 14px; line-height: 30px; }
.library li .tag .red { color: #f7836d; background-color: #fff5f3; }
.library li .tag .orange { color: #fca204; background-color: #fef9ef; }
.library li .tag .blue { color: #829ffb; background-color: #f1f4ff; }
.library li .tag .green { color: #49b99b; background-color: #edf9f6; }
.library li .intr { margin-top: 16px; font-size: 14px; color: #5a6066; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.library li .intr span { color: #2c51c7; }
.library li .intr i { font-family: simsun; }

.details_box .d_header { padding: 30px; background: #fff; }
.details_box .d_header .h_left img { width: 128px; height: 128px; }
.details_box .d_header .h_left .txt { margin-left: 24px; margin-top: 6px; }
.details_box .d_header .h_left .txt p { color: #989ca1; line-height: 20px; font-size: 16px; margin-top: 20px; width: 670px; }
.details_box .d_header .h_left h4 { margin-top: 3px; font-size: 28px; line-height: 28px; color: #23282d; margin-bottom: 16px; }
.details_box .d_header .h_left .tag { height: 28px; overflow: hidden; }
.details_box .d_header .h_left .tag span { float: left; margin-right: 10px; padding: 0 10px; font-size: 12px; line-height: 28px; }
.details_box .d_header .h_left .tag .red { color: #f7836d; background-color: #fff5f3; }
.details_box .d_header .h_left .tag .orange { color: #fca204; background-color: #fef9ef; }
.details_box .d_header .h_left .tag .blue { color: #829ffb; background-color: #f1f4ff; }
.details_box .d_header .h_left .tag .green { color: #49b99b; background-color: #edf9f6;max-width:500px; }
.details_box .d_header .h_right { width: 200px; margin-right: 65px; }
.details_box .d_header .h_right h4 { color: #23282d; font-size: 20px; line-height: 24px; margin-bottom: 4px; }
.details_box .d_header .h_right .mark_box { width: 100%; }
.details_box .d_header .h_right .mark_box .item:first-child { margin-top: 17px; }
.details_box .d_header .h_right .mark_box .item { width: 100%; margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
.details_box .d_header .h_right .mark_box .item ul li { width: 14px; height: 13px; background: url("../img/ability/score_sprites.png") no-repeat 0 0; float: left; margin: 0 3px; }
.details_box .d_header .h_right .mark_box .item ul .cur { background-position-y: -13px; }
.details_box .d_header .h_right .mark_box .item_name { color: #23282d; font-size: 16px; line-height: 24px; }
.details_box .d_header .h_right .mark_box .item_score { color: #fca204; font-size: 16px; line-height: 24px; }
.details_box .d_intro { padding: 30px 30px 18px 30px; margin-top: 10px; background: #fff; position: relative; }
.details_box .d_intro p { font-size: 16px; color: #23282d; line-height: 28px; margin-bottom: 12px; }
.details_box .d_intro .btn_box { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.details_box .d_intro .p_btn { position: absolute; width: 110px; text-align: left; background: white url("../img/ability/btn1.png") no-repeat center; right: 35px; bottom: 35px; cursor: pointer; }
.details_box .d_intro .p_btn span { color: #2c51c7; }
.details_box .d_intro .p_btn.btn2 { width: 60px; background: white url("../img/ability/btn2.png") no-repeat center; }
.details_box .d_product { margin-top: 30px; }
.details_box .d_product h3 { font-size: 22px; color: #23282d; line-height: 28px; position: relative; padding-left: 14px; margin-bottom: 15px; }
.details_box .d_product h3:before { content: ''; position: absolute; left: 0; top: 3px; width: 6px; height: 22px; border-radius: 3px; background-color: #e74122; }
.details_box .d_product .con li { float: left; margin: 0 20px 20px 0; width: 285px; }
.details_box .d_product .con li:nth-child(4n) { margin-right: 0; }
.details_box .d_product .con li a { position: relative; display: block; height: 280px; background-color: #ffffff; transition: all 0.3s ease; }
.details_box .d_product .con li a:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #2c51c7; transition: all .3s ease; opacity: 0; }
.details_box .d_product .con li a:hover { box-shadow: 0 0 15px rgba(44, 81, 199, 0.15); }
.details_box .d_product .con li a:hover:after { left: 0; width: 100%; opacity: 1; }
.details_box .d_product .con li a:hover h4 { color: #2c51c7; }
.details_box .d_product .con li .pic { height: 140px; line-height: 140px; text-align: center; border-bottom: 1px solid #e4e7e9; }
.details_box .d_product .con li img { height: 96px; vertical-align: middle; }
.details_box .d_product .con li h4 { margin: 18px 20px 10px; height: 60px; font-size: 20px; line-height: 30px; transition: color .3s ease; }
.details_box .d_product .con li .info { margin: 0 20px; font-size: 16px; color: #989ca1; line-height: 30px; }
.details_box .d_product .con li .info .red { color: #e74122; }
.details_box .d_product .con li .info span { font-family: DINR, 'Microsoft YaHei', Arial; }
.details_box .d_product .solution { background: url("../img/ability/solution_bg.png") no-repeat left; height: 400px; padding: 40px 0 40px 80px; box-sizing: border-box; }
.details_box .d_product .solution .s_left h5 { font-size: 22px; line-height: 28px; color: #ffffff; }
.details_box .d_product .solution .s_left p { font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.5); margin-top: 10px; width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.details_box .d_product .solution .s_left ul { width: 260px; margin-top: 27px; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.details_box .d_product .solution .s_left li { width: 100%; margin-bottom: 15px; }
.details_box .d_product .solution .s_left li a { display: block; width: 100%; font-size: 16px; height: 40px; line-height: 40px; color: #fff; padding-left: 19px; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, 0); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.details_box .d_product .solution .s_left li a.cur { background: rgba(255, 255, 255, 0.1); border-left-color: #fff; }
.details_box .d_product .solution .s_left li a:hover { background: rgba(255, 255, 255, 0.1); border-left-color: #fff; }
.details_box .d_product .solution .s_right { width: 800px; height: 320px; background: rgba(255, 255, 255, 0.95); padding: 40px; box-sizing: border-box; }
.details_box .d_product .solution .s_right h5 { font-size: 24px; line-height: 28px; color: #23282d; font-weight: 400; margin-bottom: 20px; }
.details_box .d_product .solution .s_right p { font-size: 16px; line-height: 28px; color: #5a6066; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-overflow: ellipsis; }
.details_box .d_product .solution .s_right .solution_btn { margin-top: 30px; }
.details_box .d_product .solution .s_right .solution_btn a { width: 110px; display: inline-block; height: 36px; line-height: 36px; text-align: center; color: #ffffff; font-size: 14px; border-radius: 4px; }
.details_box .d_product .solution .s_right .solution_btn .preview { background: #2c51c7; margin-right: 20px; }
.details_box .d_product .solution .s_right .solution_btn .download { background: #fca204; }
.details_box .d_case { margin: 30px 0; }
.details_box .d_case h3 { font-size: 22px; color: #23282d; line-height: 28px; position: relative; padding-left: 14px; margin-bottom: 15px; }
.details_box .d_case h3:before { content: ''; position: absolute; left: 0; top: 3px; width: 6px; height: 22px; border-radius: 3px; background-color: #e74122; }
.details_box .d_case .case_box li { float: left; margin: 0 24px 24px 0; width: 384px; }
.details_box .d_case .case_box li:nth-child(3n) { margin-right: 0; }
.details_box .d_case .case_box li a { position: relative; display: block; height: 400px; background-color: #ffffff; transition: all 0.3s ease; }
.details_box .d_case .case_box li a:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #2c51c7; transition: all .3s ease; opacity: 0; }
.details_box .d_case .case_box li a:hover { box-shadow: 0 0 15px rgba(44, 81, 199, 0.15); }
.details_box .d_case .case_box li a:hover:after { left: 0; width: 100%; opacity: 1; }
.details_box .d_case .case_box li a:hover h4 { color: #2c51c7; }
.details_box .d_case .case_box li img { width: 384px; height: 250px; }
.details_box .d_case .case_box li .txt { padding: 18px 24px; }
.details_box .d_case .case_box li h4 { margin-bottom: 6px; font-size: 22px; color: #23282d; line-height: 30px; transition: color .3s ease; }
.details_box .d_case .case_box li p { font-size: 16px; color: #5a6066; line-height: 24px; }

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