.layui-table { margin-bottom: 100px; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09); }

.layui-table th { background-color: #293a4a; color: #ffffff; }

.layui-table td, .layui-table th { text-align: center; line-height: 26px; border-left-width: 0; border-bottom-width: 0; }
.layui-table td:last-child, .layui-table th:last-child { border-right-width: 0; }

.inner-sec-title { font-size: 32px; color: #333333; line-height: 2; }

.in-box .box-head { position: relative; display: inline-block; font-size: 24px; margin-top: 18px; margin-bottom: 30px; }
.in-box .box-head::before { content: ''; width: 50px; 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; }
.in-box .box-head span { position: relative; z-index: 2; }

.safe-box .item { width: 417px; border: 1px solid #e7e7e7; padding: 30px; margin-left: 24px; margin-bottom: 18px; height: 120px; }
.safe-box .item:nth-child(3n+1) { margin-left: 0; }
.safe-box .item .item-name { color: #333333; font-size: 16px; margin-bottom: 10px; }
.safe-box .item .item-icon { width: 55px; height: 55px; border-radius: 50%; background-color: #e03833; color: #ffffff; font-size: 30px; text-align: center; line-height: 55px; }
.safe-box .item .item-info { margin-left: 20px; }
.safe-box .item span { font-size: 12px; display: inline-block; color: #999999; border: 1px solid #999999; line-height: 24px; padding: 0 10px; border-radius: 14px; margin-right: 10px; }

.zn-box { margin-top: 50px; }
.zn-box .zn-item { float: left; margin-left: 85px; position: relative; }
.zn-box .zn-item:nth-child(1) { margin-left: 0; }
.zn-box .zn-item .item-wrap { position: relative; z-index: 3; width: 256px; height: 210px; border-radius: 20px; border: 1px solid #efefef; text-align: center; padding: 45px; }
.zn-box .zn-item .item-wrap .item-icon { width: 68px; height: 68px; border-radius: 50%; background-color: #e03833; color: #ffffff; position: absolute; z-index: 2; margin: auto; top: -18%; left: 0; right: 0; box-shadow: 0 0 0 10px rgba(224, 56, 51, 0.1); }
.zn-box .zn-item .item-wrap .item-name { color: #333333; font-weight: bold; font-size: 20px; margin-top: 20px; }
.zn-box .zn-item .item-wrap .item-name::after { content: ''; display: block; width: 35px; height: 2px; background: #e03833; margin: 10px auto 15px; }
.zn-box .zn-item .item-wrap .item-desc { color: #999999; font-size: 16px; line-height: 28px; }
.zn-box .zn-item:nth-child(1) .item-wrap .item-icon { background-image: url("../Image/yxxwzgn/zhineng-1.png"); background-repeat: no-repeat; background-position: center center; }
.zn-box .zn-item:nth-child(2) .item-wrap .item-icon { background-image: url("../Image/yxxwzgn/zhineng-2.png"); background-repeat: no-repeat; background-position: center center; }
.zn-box .zn-item:nth-child(3) .item-wrap .item-icon { background-image: url("../Image/yxxwzgn/zhineng-3.png"); background-repeat: no-repeat; background-position: center center; }
.zn-box .zn-item:nth-child(4) .item-wrap .item-icon { background-image: url("../Image/yxxwzgn/zhineng-4.png"); background-repeat: no-repeat; background-position: center center; }

.gx-box .gx-item { width: 300px; height: 260px; border-radius: 5px; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.09); text-align: center; }
.gx-box .gx-item .item-icon { width: 106px; margin: 10px auto; position: relative; }
.gx-box .gx-item .item-icon .icon-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; margin: auto; width: 100%; height: 100%; }
.gx-box .gx-item .item-name { color: #454545; font-size: 18px; font-weight: bold; line-height: 32px; }
.gx-box .gx-item .item-desc { padding: 10px 0; color: #999999; }
.gx-box .gx-item:nth-child(1) .item-icon .icon-wrap { background: url("../Image/yxxwzgn/gx-1.png") center no-repeat; }
.gx-box .gx-item:nth-child(2) .item-icon .icon-wrap { background: url("../Image/yxxwzgn/gx-2.png") center no-repeat; }
.gx-box .gx-item:nth-child(3) .item-icon .icon-wrap { background: url("../Image/yxxwzgn/gx-3.png") center no-repeat; }
.gx-box .gx-item:nth-child(4) .item-icon .icon-wrap { background: url("../Image/yxxwzgn/gx-4.png") center no-repeat; }