@charset "UTF-8";
.xq-box { background-image: url("../Image/jtxwz/xq-bg.png"); background-repeat: no-repeat; margin-top: 146px; background-position: center center; background-size: 1200px 500px; height: 546px; position: relative; }
.xq-box .ablity-card { width: 280px; height: 106px; position: absolute; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.12); }
.xq-box .ablity-card .ab-head { font-size: 16px; text-align: center; height: 40px; line-height: 40px; color: #fff; }
.xq-box .ablity-card .ab-con { text-align: center; vertical-align: middle; color: #868686; font-size: 14px; width: 240px; margin: 12px auto 0; line-height: 22px; }
.xq-box .ablity-card:nth-child(1) { top: -110px; left: 15px; }
.xq-box .ablity-card:nth-child(1) .ab-head { background-color: #fa9e00; }
.xq-box .ablity-card:nth-child(2) { left: 490px; top: -80px; }
.xq-box .ablity-card:nth-child(2) .ab-head { background-color: #fa6d1e; }
.xq-box .ablity-card:nth-child(3) { top: -100px; left: 990px; }
.xq-box .ablity-card:nth-child(3) .ab-head { background-color: #dda759; }
.xq-box .ablity-card:nth-child(4) { top: 95px; left: 160px; }
.xq-box .ablity-card:nth-child(4) .ab-head { background-color: #2baaec; }
.xq-box .ablity-card:nth-child(5) { top: 95px; left: 860px; }
.xq-box .ablity-card:nth-child(5) .ab-head { background-color: #52b579; }
.xq-box .ablity-card:nth-child(6) { top: 255px; left: 570px; }
.xq-box .ablity-card:nth-child(6) .ab-head { background-color: #53adc7; }
.xq-box .ablity-card:hover { animation-play-state: paused; }

.ablity-card:after { content: ''; width: 0; height: 0; left: 50%; bottom: -16px; position: absolute; border-top: 16px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; }

.ablity-card:before { content: ""; position: absolute; bottom: -18px; left: 50%; border-width: 18px 9px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.03) transparent transparent; }

.ablity-card .ab-theme-yellow { background-color: #fa6d1e; }

.ablity-card .ab-theme-orange { background-color: #fa9e00; }

.ablity-card .ab-theme-blue { background-color: #478cff; }

.ablity-card .ab-mess { text-align: center; vertical-align: middle; color: #868686; font-size: 14px; width: 240px; margin: 12px auto 0; line-height: 22px; }

.adv-box .item { width: 410px; height: 150px; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09); background-color: #fff; margin-bottom: 25px; padding: 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.adv-box .item .item-icon { width: 80px; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-image: -moz-linear-gradient(90deg, #c6e1ff 0%, #fafcff 100%); background-image: -webkit-linear-gradient(90deg, #c6e1ff 0%, #fafcff 100%); background-image: -ms-linear-gradient(90deg, #c6e1ff 0%, #fafcff 100%); -webkit-box-shadow: 0px 3px 8px 0px rgba(205, 225, 248, 0.58); -moz-box-shadow: 0px 3px 8px 0px rgba(205, 225, 248, 0.58); box-shadow: 0px 3px 8px 0px rgba(205, 225, 248, 0.58); position: relative; }
.adv-box .item .item-icon::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; }
.adv-box .item .item-inf { padding-right: 10px; }
.adv-box .item .item-inf .name { font-size: 18px; line-height: 2; }
.adv-box .item .item-inf p { color: #999999; }
.adv-box .item:nth-child(2) .item-icon { background-image: -moz-linear-gradient(90deg, #fceecb 0%, #fefcf5 100%); background-image: -webkit-linear-gradient(90deg, #fceecb 0%, #fefcf5 100%); background-image: -ms-linear-gradient(90deg, #fceecb 0%, #fefcf5 100%); }
.adv-box .item:nth-child(3) .item-icon { background-image: -moz-linear-gradient(90deg, #c4f1ee 0%, #f4fdfc 100%); background-image: -webkit-linear-gradient(90deg, #c4f1ee 0%, #f4fdfc 100%); background-image: -ms-linear-gradient(90deg, #c4f1ee 0%, #f4fdfc 100%); }
.adv-box .item:nth-child(4) .item-icon { background-image: -moz-linear-gradient(90deg, #e6e7ff 0%, #fafaff 100%); background-image: -webkit-linear-gradient(90deg, #e6e7ff 0%, #fafaff 100%); background-image: -ms-linear-gradient(90deg, #e6e7ff 0%, #fafaff 100%); }
.adv-box .item:nth-child(5) .item-icon { background-image: -moz-linear-gradient(90deg, #ffd7db 0%, #fff7f8 100%); background-image: -webkit-linear-gradient(90deg, #ffd7db 0%, #fff7f8 100%); background-image: -ms-linear-gradient(90deg, #ffd7db 0%, #fff7f8 100%); }
.adv-box .item:nth-child(6) .item-icon { background-image: -moz-linear-gradient(90deg, #f8d7ff 0%, #fef7ff 100%); background-image: -webkit-linear-gradient(90deg, #f8d7ff 0%, #fef7ff 100%); background-image: -ms-linear-gradient(90deg, #f8d7ff 0%, #fef7ff 100%); }
.adv-box .item:hover { -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.01); }
.adv-box .item:nth-child(1) .item-icon::before { background: url("../Image/jtxwz/jt-1.png") center no-repeat; }
.adv-box .item:nth-child(2) .item-icon::before { background: url("../Image/jtxwz/jt-2.png") center no-repeat; }
.adv-box .item:nth-child(3) .item-icon::before { background: url("../Image/jtxwz/jt-3.png") center no-repeat; }
.adv-box .item:nth-child(4) .item-icon::before { background: url("../Image/jtxwz/jt-4.png") center no-repeat; }
.adv-box .item:nth-child(5) .item-icon::before { background: url("../Image/jtxwz/jt-5.png") center no-repeat; }
.adv-box .item:nth-child(6) .item-icon::before { background: url("../Image/jtxwz/jt-6.png") center no-repeat; }

.fw-box { margin-top: 40px; }
.fw-box .fw-item { width: 420px; height: 420px; position: relative; }
.fw-box .fw-item .item-icon { flex: 0 0 50%; max-height: 50%; color: #ffffff; }
.fw-box .fw-item .item-icon::before { content: ''; position: absolute; width: 100%; height: 210px; background-color: #52b579; /*border-radius: 50%;
clip: rect(0% 50% 100% 0%);*/ border-radius: 410px 410px 0 0; }
.fw-box .fw-item .item-icon .icon-wrap { position: relative; z-index: 2; text-align: center; }
.fw-box .fw-item .item-icon .icon-wrap img { margin: 10px; }
.fw-box .fw-item .item-icon .icon-wrap p { margin: 10px; font-size: 24px; line-height: 2; }
.fw-box .fw-item .item-txt { flex: 0 0 50%; max-height: 50%; padding: 20px 40px; font-size: 16px; color: #666666; }
.fw-box .fw-item:nth-child(2) .item-icon::before { background-color: #dda759; border-radius: 0 0 420px 420px; }
.fw-box .fw-item:nth-child(2) .item-icon::before { background-color: #5384c7; }
.fw-box .fw-item:hover .item-icon img { animation: pulse 1s 1 linear; }

.gxxq-box { margin-bottom: 40px; }
.gxxq-box .box-item { flex: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.gxxq-box .box-item .row-item { border-right: 1px solid #eeeeee; line-height: 52px; height: 52px; text-align: center; font-size: 14px; border-bottom: 1px dashed #eee; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #666666; overflow: hidden; }
.gxxq-box .box-item .row-item p { line-height: 22px; color: #666666; margin-top: 5px; }
.gxxq-box .box-item .row-item .price { font-size: 24px; color: #df3833; margin-right: 5px; font-style: normal; }
.gxxq-box .box-item .row-item span { color: #999999; font-size: 14px; }
.gxxq-box .box-item .row-item .btn { margin: 6px auto; display: block; width: 150px; height: 40px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; line-height: 40px; text-align: center; background: transparent; }
.gxxq-box .box-item .row-item.box-head { height: 58px; background-color: #293a4a; color: #ffffff; line-height: 58px; font-size: 18px; text-align: center; border-right: 1px solid #eeeeee; border-bottom: none; }
.gxxq-box .box-item .row-item:last-child { border-bottom: none; }
.gxxq-box .box-item:first-child { width: 160px; max-width: 200px; font-size: 16px; border-left: 1px solid #eeeeee; color: #666666; }
.gxxq-box .box-item:hover { box-shadow: 0px 10px 17.46px 0.54px rgba(32, 63, 119, 0.14); }
.gxxq-box .box-item:hover .row-item.box-head { background-color: #de3833 !important; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%) !important; background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%) !important; background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%) !important; box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); }
.gxxq-box .box-item:hover .row-item .btn { color: #ffffff; background-image: -moz-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -webkit-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); background-image: -ms-linear-gradient(-170deg, #d7d7d7 0%, #dd3833 0%, #ec4945 100%); box-shadow: 0px 10px 20px 0px rgba(221, 56, 51, 0.26); }

.sec-jtxwz-tips { font-size: 14px; color: #666666; line-height: 30px; margin-bottom: 30px; }

/*产品案例开始*/
.section.sec-cases { padding-bottom: 50px; }
.section.sec-cases .cases-nav { text-align: center; margin-bottom: 20px; }
.section.sec-cases .cases-nav a { display: block; width: 220px; height: 50px; text-align: center; line-height: 50px; color: #666666; font-size: 16px; background-color: #edf0f5; border-radius: 3px; margin: 0 7.5px; }
.section.sec-cases .cases-nav a svg { width: 1.5em; height: 1.5em; vertical-align: middle; }
.section.sec-cases .cases-nav a svg path { fill: CurrentColor !important; }
.section.sec-cases .cases-nav a:hover { color: #ffffff; background-color: #dd3833; }
.section.sec-cases .case-lists { margin-top: 40px; }
.section.sec-cases .case-lists .cases-item { width: 410px; height: 400px; float: left; margin-left: 35px; margin-bottom: 30px; }
.section.sec-cases .case-lists .cases-item:nth-child(3n+1) { margin-left: 0; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption { border: 1px solid #f5f5f5; padding-left: 25px; padding-right: 25px; padding-top: 14px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-name { color: #333333; font-size: 16px; line-height: 28px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-brief { line-height: 20px; font-size: 12px; color: #999999; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool { border-top: 1px solid #ededed; padding-top: 8px; padding-bottom: 9px; line-height: 24px; width: 340px; margin-top: 20px; }
.section.sec-cases .case-lists .cases-item .item-wrap .item-caption .item-tool a { color: #999999; font-size: 12px; }

/*产品案例结束*/