* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
body {
    font-family: HYQiHei;
    font-size: 14px;
    color: #1B1B1B;
    background: #f8f8f8;
    overflow-x: hidden
}
a {
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
a:active, a:hover {
    outline: 0
}
input {
    font-family: 'PingFang SC';
    outline: 0
}
input::-ms-clear {
    display: none
}
.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}
.clearfix:after {
    clear: both
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.text-center {
    text-align: center
}
.text-center .layui-btn:last-child {
    margin-left: 40px
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.fl {
    float: left
}
.fr {
    float: right
}
.w1200 {
    width: 1200px;
    margin: auto
}
.bg-white {
    padding-bottom: 65px;
    background: #fff
}
.bg-white.pb0 {
    padding-bottom: 0
}
.bg-gray {
    padding-bottom: 75px;
    background: #F8F8F8
}
.bg-black {
    height: 614px;
    background: url(../img/black.png) no-repeat center center;
    background-size: cover
}
.layui-carousel {
    box-sizing: border-box
}
.layui-carousel>[carousel-item] {
    overflow: hidden
}
.layui-carousel>[carousel-item]>* {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.layui-carousel>[carousel-item]>* a {
    display: block;
    height: 100%
}
.layui-carousel-ind ul {
    background: 0 0
}
.layui-carousel-ind ul:hover {
    background: 0 0
}
.layui-carousel-ind ul li {
    width: 16px;
    height: 16px;
    margin: 0 15px
}
.layui-btn {
    min-width: 200px;
    height: 50px;
    line-height: 48px;
    padding: 0 20px;
    font-size: 20px;
    border-radius: 30px;
    letter-spacing: 2px
}
.layui-btn.layui-btn-primary {
    color: #ff454d;
    background: #fff;
    border-color: #ff454d
}
.layui-btn.layui-btn-primary:hover, .layui-btn.layui-btn-primary:focus {
    background: #ffd6d6
}
.layui-btn.layui-btn-danger {
    background: #ff454d
}
.layui-btn.layui-btn-danger:hover {
    background: #ff787e
}
.header {
    height: 500px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}
.header .w1200 {
    position: relative;
    height: 100%
}
.header .btn-cop {
    width: 505px;
    height: 62px;
    position: absolute;
    left: 0;
    bottom: 68px
}
.header .tit {
    padding: 23px 0 20px;
    font-size: 24px;
    font-weight: 700;
    color: #3F3F3F;
    text-align: center
}
.header .layui-form {
    width: 300px;
    padding: 0 15px 30px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    right: 0;
    bottom: 68px
}
.header .layui-form .layui-input-block {
    margin-left: 0;
    margin-bottom: 15px;
    position: relative
}
.header .layui-form .icon {
    width: 33px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    border-right: 1px solid #c2c2c2;
    position: absolute;
    top: 10px;
    left: 14px
}
.header .layui-form .icon.icon-name {
    background-image: url(../img/zy.png)
}
.header .layui-form .icon.icon-tel {
    background-image: url(../img/tel.png)
}
.header .layui-form .layui-input {
    height: 40px;
    line-height: 40px;
    padding-left: 60px;
    font-size: 16px;
    border-color: #c2c2c2;
    border-radius: 20px
}
.header .layui-form .layui-row .layui-input, .header .layui-form .layui-row .layui-btn {
    min-width: unset;
    height: 40px;
    line-height: 38px;
    padding: 0 14px;
    font-size: 16px
}
.header .layui-form .layui-row .layui-btn {
    background: #FFEFEF
}
.header .layui-form .layui-row .layui-input {
    width: 90%
}
.header .layui-form .btn-com {
    width: 100%;
    height: 46px;
    line-height: 44px;
    margin-top: 5px;
    font-size: 20px;
    background: linear-gradient(to bottom, #f12c30, rgba(237, 0, 22, .8));
    border: 0;
    border-radius: 23px;
    box-shadow: 0 8px 16px 0 rgba(237, 0, 22, .24)
}
.title {
    height: 165px;
    background-repeat: no-repeat;
    background-position: center 80px
}
.list {
    display: flex;
    justify-content: space-between
}
.list.count li {
    flex: 1;
    height: 126px;
    color: #000;
    text-align: center;
    border-right: 1px solid #E5E5E5;
    letter-spacing: 2px;
    position: relative
}
.list.count li:first-child {
    border-left: 1px solid #E5E5E5
}
.list.count li:after {
    content: '';
    width: 48px;
    height: 5px;
    margin-left: -24px;
    background: #EA3031;
    position: absolute;
    left: 50%;
    bottom: 0
}
.list.count .top {
    margin-top: -15px;
    font-size: 58px
}
.list.count .top span {
    padding-left: 5px;
    color: #676767;
    font-size: 30px
}
.list.count p {
    margin-top: 10px;
    font-size: 22px
}
.list.fit {
    padding-bottom: 10px
}
.list.fit li {
    width: 380px;
    height: 360px;
    background: #F8F8F8;
    text-align: center;
    transition: all .3s
}
.list.fit li:hover {
    margin-top: -20px;
    box-shadow: 0 0 43px 0 rgba(87, 87, 87, .28)
}
.list.fit .img {
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.list.fit .txt {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    line-height: 28px;
    margin: 20px 0;
    font-size: 20px;
    color: #3F3F3F
}
.list.why {
    margin-bottom: 70px;
    padding: 2px 0 0 203px;
    background: url(../img/b_bg.png) no-repeat center left
}
.list.why li {
    width: 190px;
    height: 267px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    overflow: hidden
}
.list.why li:hover .mask {
    bottom: 0
}
.list.why .mask {
    width: 190px;
    height: 267px;
    padding: 60px 10px 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    background: rgba(220, 31, 35, .9);
    transition: all .3s;
    position: absolute;
    left: 0;
    bottom: -267px
}
.list.why .mask p {
    line-height: 30px;
    padding: 20px 10px 0;
    font-size: 18px
}
.question {
    height: 385px;
    margin-bottom: 55px;
    padding: 50px 0 0 496px;
    line-height: 42px;
    font-size: 0;
    color: #212121;
    background: url(../img/ques1.png) no-repeat center left, url(../img/ques2.png) no-repeat bottom right
}
.question li {
    display: inline-block;
    width: 50%;
    font-size: 18px
}
.question span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 9px;
    font-size: 14px;
    background: #F5B869;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle
}
.specail {
    height: 617px;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center
}
.price .top {
    height: 150px;
    background-repeat: no-repeat;
    background-position: center
}
.price .bot {
    padding: 0 55px 40px;
    border: 1px solid #FB5B62;
    border-top: 0;
    border-radius: 0 0 20px 20px
}
.price .layui-table, .price .layui-table-view {
    margin-top: 0;
    margin-bottom: 43px
}
.price .layui-table th, .price .layui-table-view th, .price .layui-table td, .price .layui-table-view td {
    height: 75px;
    color: #333;
    font-size: 20px;
    font-family: SourceHanSansSC-Regular;
    border-color: #FCE4E4;
    text-align: center
}
.price .layui-table th, .price .layui-table-view th {
    background: #fff;
    border-bottom: 3px solid #FB5B62
}
.price .layui-table tr:nth-child(even), .price .layui-table-view tr:nth-child(even) {
    background: #FCF9F9
}
.price .layui-table tr:hover, .price .layui-table-view tr:hover {
    background: #FCF9F9
}
.price .layui-table .red1, .price .layui-table-view .red1 {
    color: #FE323B
}
.price .layui-table .red2, .price .layui-table-view .red2 {
    color: #FF454D
}
.price .layui-table .red2 span, .price .layui-table-view .red2 span {
    font-size: 24px
}
.price .layui-table-col-set, .price .layui-table-fixed-r, .price .layui-table-grid-down, .price .layui-table-header, .price .layui-table-page, .price .layui-table-tips-main, .price .layui-table-tool, .price .layui-table-total, .price .layui-table-view, .price .layui-table[lay-skin=line], .price .layui-table[lay-skin=row] {
    border: 0
}
.layui-btn-container {
    margin-right: -10px;
    padding-bottom: 30px
}
.layui-btn-container .layui-btn {
    min-width: 162px;
    margin-bottom: 30px
}
.layui-btn-container .layui-btn.on {
    color: #fff;
    background: #ff454d
}
.choice {
    height: 583px;
    background: url(../img/c_bg.png) no-repeat left bottom;
    padding-left: 528px;
    padding-top: 12px;
    letter-spacing: 2px
}
.choice .tit {
    padding: 9px 0 26px 158px;
    font-size: 30px;
    font-weight: 700;
    color: #333;
    background: url(../img/c_r.png) no-repeat top left
}
.choice ul {
    padding-left: 125px
}
.choice ul li {
    margin-bottom: 20px;
    padding-left: 34px;
    line-height: 40px;
    background: url(../img/arrow.jpg) no-repeat left 10px
}
.choice ul .top {
    font-size: 24px;
    color: #343434
}
.choice ul p {
    font-size: 20px;
    color: #666
}
.choice .layui-btn-danger {
    margin-top: 10px;
    margin-left: 125px
}
.condition {
    height: 373px;
    background: url(../img/cond.png) no-repeat center center;
    position: relative
}
.condition .t-tit {
    padding-top: 50px;
    font-size: 36px;
    color: #fff;
    text-align: center
}
.condition .layui-form {
    width: 1225px;
    margin: auto;
    padding: 60px 0 0;
    border-radius: 10px
}
.condition .layui-form .layui-input {
    width: 270px;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    font-size: 22px;
    border-color: #c2c2c2;
    border-radius: 5px
}
.condition .layui-form .layui-input.small {
    width: 167px
}
.condition .layui-form .layui-input-inline {
    margin-right: 20px
}
.condition .layui-form .layui-input-inline.mr0 {
    margin-right: 0
}
.condition .layui-form .layui-input-inline .layui-btn {
    min-width: 147px;
    padding: 0;
    height: 60px;
    line-height: 58px;
    font-size: 22px;
    background: #FFEFEF;
    border-radius: 5px
}
.condition .layui-form .layui-input-block {
    margin-left: 0;
    text-align: center
}
.condition .layui-form .btn-com {
    width: 390px;
    height: 60px;
    line-height: 58px;
    margin-top: 40px;
    font-size: 20px;
    background: #FF454D;
    border: 0;
    border-radius: 5px
}
.condition .circle {
    width: 309px;
    height: 309px;
    background: url(../img/circle.png) no-repeat center center;
    position: absolute;
    right: 90px;
    bottom: -190px;
    z-index: 10
}
.layui-tab .layui-tab-title {
    height: 113px;
    text-align: center;
    border: 0
}
.layui-tab .layui-tab-title .layui-btn {
    width: 288px;
    height: 60px;
    line-height: 20px;
    margin: 0 35px;
    padding: 8px 0 0;
    font-size: 20px;
    border-width: 2px
}
.layui-tab .layui-tab-title .layui-btn p {
    font-size: 16px
}
.layui-tab .layui-btn-primary {
    background: #FFF1F1
}
.layui-tab .layui-btn-primary.layui-this {
    color: #fff;
    background: #ff454d
}
.layui-tab .layui-btn-primary.layui-this:after {
    display: none
}
.layui-tab .layui-tab-content {
    height: 417px;
    padding: 25px;
    background: #FFF;
    box-shadow: 0 0 24px 0 rgba(123, 122, 120, .27);
    border-radius: 10px
}
.layui-tab img {
    margin-right: 30px
}
.layui-tab .right {
    flex: 1
}
.layui-tab .right ul {
    display: inline-block
}
.layui-tab .right li {
    white-space: nowrap
}
.layui-tab .right .text-center {
    padding-top: 5px
}
.layui-tab .right.center ul {
    margin-left: 15px;
    padding-top: 120px;
    height: 310px;
    line-height: 30px
}
.layui-tab .spe-list {
    width: 310px;
    color: #4C4C4C;
    font-size: 18px
}
.layui-tab .spe-list li {
    padding-left: 21px;
    padding-bottom: 20px;
    position: relative;
    letter-spacing: 1px
}
.layui-tab .spe-list li:before {
    content: "";
    width: 9px;
    height: 9px;
    border: 2px solid #ff454d;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0
}
.banner {
    width: 1500px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.banner .layui-carousel {
    height: 640px!important;
    background: 0 0
}
.banner .layui-carousel>[carousel-item]>* {
    background: 0 0
}
.banner .word {
    padding-top: 40px;
    text-align: center
}
.banner .word li {
    display: inline-block;
    width: 372px;
    height: 474px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}