@charset "UTF-8";
.yxxwz-page .section-box .section:nth-child(even) { background-color: #f6f8fb; }
.yxxwz-page .section-box .section:nth-child(odd) { background-color: #fff; }

.dz-adv-box .dz-center { width: 420px; height: 420px; margin: 80px auto; padding: 65px; position: relative; border-radius: 50%; border: 1px dashed #efefef; }
.dz-adv-box .dz-center .center-wrap { width: 100%; height: 100%; border-radius: 50%; background-color: #e7f5f4; padding: 35px; color: #666666; line-height: 24px; text-align: center; }
.dz-adv-box .dz-center .center-wrap p:nth-child(1) { font-size: 30px; color: #333333; line-height: 2; margin-bottom: 10px; }
.dz-adv-box .dz-center .dz-adv-lists { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }
.dz-adv-box .dz-center .dz-item { position: absolute; }
.dz-adv-box .dz-center .dz-item .item-num { width: 115px; height: 115px; background-color: #5384c7; border-radius: 50%; color: #ffffff; position: relative; }
.dz-adv-box .dz-center .dz-item .item-num em { font-family: Arial; font-style: normal; font-size: 72px; margin: auto; position: absolute; top: 0; right: 0; left: 0; width: 40px; line-height: 1; text-align: center; opacity: .2; }
.dz-adv-box .dz-center .dz-item .item-num span { font-size: 20px; position: absolute; height: 30px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; text-align: center; }
.dz-adv-box .dz-center .dz-item .item-content { flex: 1; max-width: 510px; color: #666666; }
.dz-adv-box .dz-center .dz-item:nth-child(1) { top: -20px; left: 180px; }
.dz-adv-box .dz-center .dz-item:nth-child(1) .item-content { width: 510px; margin-left: 15px; }
.dz-adv-box .dz-center .dz-item:nth-child(2) { top: 140px; left: 370px; }
.dz-adv-box .dz-center .dz-item:nth-child(2) .item-num { width: 100px; height: 100px; background-color: #61cdce; }
.dz-adv-box .dz-center .dz-item:nth-child(2) .item-content { width: 380px; margin-left: 15px; }
.dz-adv-box .dz-center .dz-item:nth-child(3) { top: 345px; left: 230px; }
.dz-adv-box .dz-center .dz-item:nth-child(3) .item-num { background-color: #57a9ea; }
.dz-adv-box .dz-center .dz-item:nth-child(3) .item-num span { height: 60px; padding: 0 15px; }
.dz-adv-box .dz-center .dz-item:nth-child(3) .item-content { width: 500px; margin-left: 15px; }
.dz-adv-box .dz-center .dz-item:nth-child(4) { bottom: 0; left: -250px; }
.dz-adv-box .dz-center .dz-item:nth-child(4) .item-num { width: 95px; height: 95px; background-color: #8ccc76; }
.dz-adv-box .dz-center .dz-item:nth-child(4) .item-content { width: 250px; text-align: right; margin-right: 15px; }
.dz-adv-box .dz-center .dz-item:nth-child(5) { top: 125px; left: -406px; }
.dz-adv-box .dz-center .dz-item:nth-child(5) .item-content { width: 330px; text-align: right; margin-right: 15px; }
.dz-adv-box .dz-center .dz-item:nth-child(5) .item-num { width: 138px; height: 138px; background-color: #ffa752; }
.dz-adv-box .dz-center .dz-item:nth-child(6) { top: 10px; left: -300px; }
.dz-adv-box .dz-center .dz-item:nth-child(6) .item-num { width: 76px; height: 76px; background-color: #b8b8b8; }
.dz-adv-box .dz-center .dz-item:nth-child(6) .item-content { width: 320px; text-align: right; margin-right: 15px; }

.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: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-yxxwz-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; }

/*产品案例结束*/
.site-adv-list { margin-top: 50px; }
.site-adv-list .adv-item { max-width: 50%; flex: 0 0 50%; margin-bottom: 56px; }
.site-adv-list .adv-item .item-icon { margin-right: 26px; width: 65px; height: 65px; line-height: 65px; }
.site-adv-list .adv-item .item-info h3 { font-size: 18px; font-weight: bold; }
.site-adv-list .adv-item .item-info p { color: #999999; font-size: 14px; }

.section.sec-site-process { background: url("../Image/lc-bg.png") center/cover no-repeat; color: #ffffff; padding-bottom: 44px; }
.section.sec-site-process .sec-head .sec-title, .section.sec-site-process .sec-head .sec-desc { color: #ffffff; }

.process-lists { margin-top: 50px; padding-bottom: 30px; position: relative; }
.process-lists::after { content: ''; border-bottom: 1px solid #284e91; position: absolute; left: 0; right: 0; bottom: 95px; z-index: 1; }
.process-lists .process-item { width: 180px; position: relative; z-index: 2; }
.process-lists .process-item .item-icon { width: 120px; height: 120px; margin: 0 auto 42px; position: relative; background-color: rgba(40, 78, 145, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.process-lists .process-item .item-icon img { position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.process-lists .process-item .item-foot { text-align: center; position: relative; }
.process-lists .process-item .item-foot .item-dot { width: 26px; height: 26px; background-color: #25428e; position: absolute; margin: auto; left: 0; right: 0; top: -13px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #4e61a0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.process-lists .process-item .item-foot .item-dot:before { content: ''; display: block; position: absolute; margin: auto; width: 11px; height: 11px; background-color: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; top: 0; bottom: 0; left: 0; right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; }
.process-lists .process-item .item-foot .item-name { padding-top: 29px; font-size: 16px; line-height: 36px; }
.process-lists .process-item:hover .item-icon { background-color: #054ea5; }
.process-lists .process-item:hover .item-icon img { animation: rubberBand 1s 1 linear; }
.process-lists .process-item:hover .item-dot::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; }

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