@charset "utf-8";

/* CSS Document */

body {
    font-family: "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif;
    overflow-x: hidden;
    color: #333;
    /* background: #16165e; */
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
select,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

img {
    border: none;
    max-width: 100%;
}

a {
    color: #0d0d0d;
    text-decoration: none;
}

a,
area {
    blur: expression(this.onFocus=this.blur())
}

ul,
li {
    list-style: none;
}

.mr-top5 {
    margin-top: 5%;
}

.disp {
    display: flex;
    flex-direction: column;
}

.disp-r {
    display: flex;
    justify-content: space-around;
}


/* 通用头部 */

.ht_top {
    width: 100%;
    background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;
    line-height: 41px;
    overflow: hidden;
}

.Width {
    width: 80%;
    background: red;
    margin: 0 auto;
}

.ht_top .zt_top {
    width: 1070px;
    height: 41px;
    margin: 0 auto;
}

.ht_top h1 {
    float: left;
}

.ht_top h1 a {
    float: left;
    width: 131px;
    height: 40px;
    overflow: hidden;
    text-indent: -100em;
    background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat;
    font-size: 12px;
}

.ht_top .topnav {
    float: right;
    color: #0d0d0d;
    font-size: 12px;
}

.ht_top .topnav a {
    padding: 0 8px;
}

.ht_top .topnav a:hover {
    color: #e4393c;
    text-decoration: underline;
}


/* start */


/* end */


/* 通用底部 */

.footer {
    clear: both;
    position: relative;
    padding: 30px 0 0 0;
    text-align: center;
    /* padding-bottom: 40px; */
    margin-bottom: 2%;
}

.footer p {
    position: relative;
    z-index: 2;
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

.footer p span {
    padding: 0 5px;
}

.footer p a {
    color: #000;
}


/* banner */

.container {
    width: 1200px;
    margin: 0 auto;
}

.banner {
    background: url(../images/banner.png) no-repeat;
    background-size: 100% 100%;
    padding-bottom: 10%;
    position: relative;
    overflow: hidden;
}

.banner_light {
    position: absolute;
    left: 0;
    top: 0;
}

.banner_tit p {
    font-size: 48px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 6%;
}

.banner_list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_list span {
    display: inline-block;
    background-image: -moz-linear-gradient(152deg, rgb(231, 0, 0) 0%, rgb(182, 0, 0) 100%);
    background-image: -webkit-linear-gradient(152deg, rgb(231, 0, 0) 0%, rgb(182, 0, 0) 100%);
    background-image: -ms-linear-gradient(152deg, rgb(231, 0, 0) 0%, rgb(182, 0, 0) 100%);
    border: 1px solid #ffba00;
    color: #fff;
    font-size: 36px;
    border-radius: 30px;
    padding: 6px 2%;
    margin: 0 1%;
    margin-top: -2%;
}

.blink-2 {
    -webkit-animation: blink-2 0.6s infinite both;
    animation: blink-2 0.6s infinite both;
}

@-webkit-keyframes blink-2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}

@keyframes blink-2 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2;
    }
    100% {
        opacity: 1;
    }
}


/* con1 */

.con1 {
    background: url(../images/con1_bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 10%;
    position: relative;
    z-index: 9;
    margin-top: -18%;
    padding-bottom: 10%;
}

.con_tit {
    margin-bottom: 4%;
    position: relative;
    z-index: 10;
}

@keyframes box2_move {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(4px, 0);
    }
    50% {
        transform: translate(0, 0);
    }
    75% {
        transform: translate(-4px, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

.con1_box {
    padding: 0 6%;
}

.con1_box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4%;
}

.con1_box ul:nth-child(2) {
    justify-content: center;
}

.con1_box ul li {
    background-image: -moz-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    background-image: -webkit-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    background-image: -ms-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    padding: 1% 4%;
    border-radius: 40px;
    color: #fff;
    font-size: 36px;
}

.puzzled1 {
    animation: box2_move 4s linear infinite reverse;
}

.puzzled2 {
    animation: box2_move 3s linear infinite reverse;
}

.puzzled3 {
    animation: box2_move 4s linear infinite reverse;
}

.puzzled4 {
    animation: box2_move 5s linear infinite reverse;
}

.puzzled5 {
    animation: box2_move 4s linear infinite reverse;
}

.puzzled6 {
    animation: box2_move 3s linear infinite reverse;
}

.con1_tit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.con1_tit p {
    font-size: 38px;
    color: #000;
    margin: 6% 2%;
}


/* con2 */

.con2 {
    background-color: #cb071a;
    padding-bottom: 4%;
    margin-top: -1%;
}

.con2 .con_tit {
    margin-top: -6%;
}

.con2_box table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}

.con2_table {
    width: 100%;
    overflow: hidden;
}

.con2_table thead {
    background-image: -moz-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    background-image: -webkit-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    background-image: -ms-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
}

.con2_table th {
    padding: 2% 0;
    color: #fff;
    font-size: 24px;
}

.con2_table th:first-child {
    border-radius: 20px 0 0 0;
}

.con2_table th:last-child {
    border-radius: 0 20px 0 0;
}

.con2_table tbody {
    background-color: #fff;
}

.con2_table tr td {
    padding: 1.4% 0;
    text-align: center;
    border-left: 1px solid #efb77b;
    border-bottom: 1px solid #efb77b;
}

.con2_table tr td:first-child {
    border-left: none;
}

.con2_table tr:last-child>td {
    border-bottom: none;
}

.con2_table tbody tr:last-child>:first-child {
    border-radius: 0 0 0 20px;
}

.con2_table tbody tr:last-child>:last-child {
    border-radius: 0 0 20px 0;
}


/* con3 */

.con3 {
    background-color: #f52d05;
    padding-top: 4%;
    padding-bottom: 4%;
}

.con3_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con3_card {
    text-align: center;
    width: 22%;
}

.con3_bot {
    background-color: #fff;
    border-radius: 20px;
    height: 200px;
    padding: 18% 0 2% 0;
}

.con3_bot h4 {
    font-size: 26px;
    background: linear-gradient(30deg, #da0016, #ff3600 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 6%;
}

.con3_card img {
    margin-bottom: -14%;
    position: relative;
}

.con3_bot p {
    font-size: 22px;
    color: #000;
    line-height: 1.8;
}


/* con4 */

.con4 {
    padding-top: 4%;
    padding-bottom: 4%;
    background-color: #cb071a;
}

.con4_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con4_box li {
    background-color: #fff;
    height: 500px;
    border-radius: 20px;
}

.con4_box li:nth-child(2) {
    width: 64%;
    margin: 0 4%;
}

.con4_box .con4_top {
    background-image: -moz-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    background-image: -webkit-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    background-image: -ms-linear-gradient(162deg, rgb(251, 126, 42) 0%, rgb(240, 63, 58) 100%);
    text-align: center;
    border-radius: 20px 20px 0 0;
    padding: 12px 0;
}

.con4_box .con4_top h4 {
    color: #fff;
    font-size: 30px;
}

.con4_bot {
    padding: 20px 20px 0 20px;
}

.con4_text h5 {
    font-size: 22px;
    background: linear-gradient(30deg, #da0016, #ff3600 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 18px;
}

.con4_text {
    margin-bottom: 20px;
}

.con4_text p {
    font-size: 18px;
}


/* con5 */

.con5 {
    background: url(../images/con5_bg.png) no-repeat;
    background-size: 100% 100%;
    padding-top: 8%;
    padding-bottom: 10%;
}

.con5_box {
    margin-top: 4%;
    margin-bottom: 6%;
}

.con5_box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con5_box ul li {
    border: 10px solid transparent;
    border-radius: 20px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #f03f3a, #fb7e2a);
}


/* con6 */

.con6 {
    background-color: #b50012;
    padding: 4% 0;
    margin-top: -1%;
}

.con6 .con_tit {
    margin-top: -8%;
}

.box-tab {
    width: 1000px;
    /* height: 600px; */
    margin: 0 auto;
}

.box-tab .tab_list {
    width: 975px;
    height: 40px;
    margin-left: 78px;
}

.box-tab .tab_list ul {
    list-style: none;
}

.box-tab .tab_list ul li {
    float: left;
    margin-right: 102px;
    background-color: #9f0000;
    line-height: 50px;
    width: 141px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    border-radius: 10px;
}

.box-tab .tab_list ul li:hover {
    border-radius: 12px;
    background-image: -moz-linear-gradient( -45deg, rgb(255, 238, 109) 0%, rgb(255, 160, 0) 100%);
    background-image: -webkit-linear-gradient( -45deg, rgb(255, 238, 109) 0%, rgb(255, 160, 0) 100%);
    background-image: -ms-linear-gradient( -45deg, rgb(255, 238, 109) 0%, rgb(255, 160, 0) 100%);
    color: #aa0000;
}

.tab_cont h2 {
    font-size: 1.45rem;
    font-family: FZLanTingHeiS-DB1-GB;
    font-weight: bold;
    color: rgb(255, 238, 109);
    line-height: 0.95rem;
}

.tab_cont p {
    float: left;
    color: #fff;
    font-size: 20px;
    margin-top: 24px;
    line-height: 2.3em;
}

.box-tab .tab_cont {
    width: 910px;
    height: 200px;
    margin-left: 50px;
    margin-top: 55px;
}

.box-tab .tab_cont .tab_item {
    display: none;
    padding-left: 30px;
    padding-top: 20px;
}

.pic img {
    width: 161px;
    float: right;
}

.region {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4%;
}

.region a {
    display: block;
    width: 11%;
    margin-right: 1%;
    padding: 1.4% 0;
    text-align: center;
    border-radius: 10px;
    background-color: #9f0000;
    cursor: pointer;
    margin-bottom: 2%;
    color: #fff;
    font-size: 20px;
}

.region a:hover {
    border-radius: 12px;
    background-image: -moz-linear-gradient( -45deg, rgb(255, 238, 109) 0%, rgb(255, 160, 0) 100%);
    background-image: -webkit-linear-gradient( -45deg, rgb(255, 238, 109) 0%, rgb(255, 160, 0) 100%);
    background-image: -ms-linear-gradient( -45deg, rgb(255, 238, 109) 0%, rgb(255, 160, 0) 100%);
    color: #aa0000;
}

.圆角矩形_562 {
    position: absolute;
    left: 360px;
    top: 5158px;
    width: 130px;
    height: 54px;
    z-index: 382;
}

.box04_bottom {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 4%;
}

.tab_container {
    display: flex;
    justify-content: space-between;
}

.zx-left {
    width: 70%;
    line-height: 40px;
}

.zx-right {
    width: 161px;
    height: 161px;
    margin-top: 3%;
}

.zx-right img {
    border-radius: 10px;
}

.zx-left h2 {
    color: #fff;
    padding-top: 3%;
    background: linear-gradient(60deg, #ffa000, #ffee6d 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.zx-left p {
    color: #fff;
}

.zx-left a {
    color: #fff;
}

.link_container p {
    color: #fff;
}

.link_container p a.service {
    color: #cb071a;
    padding: 2% 6%;
    border-radius: 30px;
    cursor: pointer;
    text-align: center;
    background-image: -moz-linear-gradient( 90deg, rgb(255, 202, 75) 0%, rgb(255, 236, 133) 70%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255, 202, 75) 0%, rgb(255, 236, 133) 70%);
    background-image: -ms-linear-gradient( 90deg, rgb(255, 202, 75) 0%, rgb(255, 236, 133) 70%);
    margin-left: 18%;
}

.zx-right {
    text-align: center;
}

.zx-right p {
    color: #fff;
}

.fc {
    position: relative;
    width: 10%;
    background: url(../images/fc-bg.png)no-repeat;
    background-size: 100% 100%;
    padding: 1%;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 1%;
    top: 20%;
    z-index: 999;
}

.fclogo {
    width: 80%;
    margin: 0 auto;
}

.fccode {
    width: 100%;
    margin-top: 4%;
}

.fcp {
    text-align: center;
    color: #e01d3c;
    font-size: 20px;
    font-weight: bold;
    padding-top: 4%;
}

.fcclose {
    width: 10%;
    position: absolute;
    right: 0;
    top: -8%;
}

@media screen and (max-width:1280px) {
    .Width {
        width: 100%;
    }
    .container {
        width: 98%;
        overflow: hidden;
    }
    .fc {
        width: 22%;
    }
    .fcp {
        font-size: 12px;
    }
    .fcclose {
        width: 20%;
        position: absolute;
        right: 0;
        top: -14%;
    }
    .banner_tit p {
        font-size: 20px;
    }
    .banner_list span,
    .con1_box ul li {
        font-size: 12px;
    }
    .con1_tit img {
        width: 16%;
    }
    .con1_tit p {
        font-size: 14px;
    }
    .con_tit {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 4%;
        position: relative;
        z-index: 10;
    }
    .con1 {
        padding-top: 19%;
        margin-top: -30%;
        padding-bottom: 20%;
    }
    .con2_table th {
        font-size: 14px;
    }
    .con3_box {
        flex-wrap: wrap;
    }
    .con3_card {
        width: 48%;
        margin-bottom: 6%;
    }
    .con3_bot h4 {
        font-size: 18px;
    }
    .con3_bot p {
        font-size: 14px;
    }
    .con3_bot {
        height: 140px;
    }
    .con3_card img {
        width: 36%;
        margin-bottom: -20%;
    }
    .con4_box .con4_top h4 {
        color: #fff;
        font-size: 18px;
    }
    .con4_text h5 {
        font-size: 16px;
        margin-bottom: 2%;
    }
    .con4_text p {
        font-size: 14px;
    }
    .con4_box li {
        width: 100% !important;
        margin: 2% 0 !important;
        height: auto;
    }
    .con4_box {
        flex-wrap: wrap;
    }
    .con5_box ul li {
        border: 2px solid transparent;
        border-radius: 6px;
    }
    .con5 {
        padding-top: 12%;
        padding-bottom: 14%;
        position: relative;
    }
    .con6 .con_tit {
        margin-top: 2%;
    }
    .region a {
        width: 19%;
        font-size: 14px;
    }
    .tab_container {
        flex-wrap: wrap;
    }
    .zx-left {
        width: 100%;
    }
    .link_container p a.service {
        margin-left: 2%;
    }
    .box04_bottom {
        padding-bottom: 12%;
    }
    .zx-right img {
        border-radius: 10px;
        width: 44%;
    }
    .zx-right {
        width: 100%;
    }
    .con2 .con_tit {
        margin-top: 0;
    }
    .con1_box {
        padding: 0 2%;
    }
}