.domain-page .section-box .section:nth-child(even) { background-color: #f6f8fb; }
.domain-page .section-box .section:nth-child(odd) { background-color: #fff; }
.domain-page .section-box .section.sec-site-type { padding-bottom: 40px; }

.service-box { margin-bottom: 40px; }
.service-box .item { padding: 35px; width: 310px; height: 360px; background-color: #f6f8fb; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }
.service-box .item .item-wrap { position: relative; overflow: hidden; }
.service-box .item .item-ename { position: absolute; text-transform: uppercase; color: #e7e9ec; font-size: 24px; line-height: 36px; -webkit-transform: rotateZ(90deg) translate(0, -250px); -moz-transform: rotateZ(90deg) translate(0, -250px); -ms-transform: rotateZ(90deg) translate(0, -250px); -o-transform: rotateZ(90deg) translate(0, -250px); transform: rotateZ(90deg) translate(0, -250px); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; top: 0; width: 200px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.service-box .item .item-ename::before { content: ''; display: inline-block; vertical-align: middle; background: CurrentColor; height: 1px; width: 45px; margin-right: 10px; }
.service-box .item .item-icon { margin-top: 32px; width: 60px; height: 60px; background-color: #eceff3; border-radius: 50%; }
.service-box .item .item-icon .icon { width: 60px; height: 60px; -webkit-transform: translate(10px, -15px); -moz-transform: translate(10px, -15px); -ms-transform: translate(10px, -15px); -o-transform: translate(10px, -15px); transform: translate(10px, -15px); }
.service-box .item .item-name { margin-top: 20px; margin-bottom: 20px; color: #333333; font-size: 20px; position: relative; }
.service-box .item .item-name span { position: relative; z-index: 2; }
.service-box .item .item-name::after { content: ''; width: 80px; height: 5px; 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%); display: block; position: absolute; bottom: 4px; z-index: 0; }
.service-box .item .item-desc { line-height: 28px; font-size: 16px; color: #666666; margin-bottom: 25px; }
.service-box .item .btn { color: #999999; margin-left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-align: left; }
.service-box .item .btn svg { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; vertical-align: middle; margin-right: 10px; }
.service-box .item .btn svg path { fill: CurrentColor; }
.service-box .item:hover { -webkit-box-shadow: 0px 10px 20px 0px rgba(220, 225, 232, 0.6); -moz-box-shadow: 0px 10px 20px 0px rgba(220, 225, 232, 0.6); box-shadow: 0px 10px 20px 0px rgba(220, 225, 232, 0.6); }
.service-box .item:hover .item-ename { letter-spacing: 2px; }
.service-box .item:hover .btn { text-align: center; 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); color: #ffffff; }
.service-box .item:hover .btn svg { width: 0; height: 0; margin-right: 0; }

.safe-box { margin-top: 40px; margin-bottom: 20px; }
.safe-box .item { border: 1px solid #e8e8e9; padding: 30px; background-color: #ffffff; margin-bottom: 25px; flex: 0 0 420px; max-width: 420px; height: 160px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.safe-box .item .item-wrap .item-icon { width: 60px; height: 60px; text-align: center; line-height: 60px; border-radius: 50%; margin-right: 30px; 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: 6.128px 5.142px 16px 0px rgba(98, 98, 98, 0.26); color: #ffffff; font-size: 32px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.safe-box .item .item-wrap .item-info { flex: 1; max-width: 250px; }
.safe-box .item .item-wrap .item-name { margin: 8px 0; font-size: 20px; }
.safe-box .item .item-wrap .item-desc { color: #666666; font-size: 16px; line-height: 26px; }
.safe-box .item .item-wrap .item-desc a { color: #df3833; font-size: 16px; margin-left: 5px; }
.safe-box .item:hover { border-color: #ffffff; -webkit-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2); -moz-box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2); box-shadow: 0 14px 56px -15px rgba(10, 25, 48, 0.2); }
.safe-box .item:hover .item-icon { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }

.gxxq-box { margin-bottom: 40px; }
.gxxq-box .box-item { flex: 1; max-width: 25%; }
.gxxq-box .box-item .row-item { border-right: 1px solid #eeeeee; line-height: 60px; height: 60px; text-align: center; font-size: 14px; border-bottom: 1px solid #eeeeee; -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: 30px; color: #666666; }
.gxxq-box .box-item .row-item .price { font-size: 24px; color: #df3833; margin-right: 5px; }
.gxxq-box .box-item .row-item .btn { margin: 10px 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: #f7f8fa; line-height: 58px; font-size: 18px; text-align: center; border-right: 1px solid #eeeeee; }
.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:first-child .row-item { background-color: #f7f8fa; }
.gxxq-box .box-item:first-child .row-item:nth-child(1) { background-image: -moz-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%); background-image: -webkit-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%); background-image: -ms-linear-gradient(-170deg, #1e3c72 0%, #2a5298 100%); color: #ffffff; }
.gxxq-box .box-item:hover .row-item { background-color: #f7f8fa; }
.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); }

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