﻿body, div, span, p, em, ul, li, h1, h2, h3, dl, dt, dd, img, header, footer, nav, section, article, video, aside, dialog, figure, figcaption, time {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: none;
}

header, footer, nav, section, article, video, aside, dialog, figure, time {
    display: block;
}

ul, li {
    list-style: none;
}

a {
    display: block;
}

.zt_an {
    animation: fadeIn-t 2s linear infinite;
}

.zt_an1 {
    animation: fadeIn-t 2s linear infinite;
    width: 340px;
    margin: 0 auto;
    margin-top: -7rem;
    padding-bottom: 2rem;
}

.zt_fade {
    animation: fadeIn-t 2s linear infinite;
}

.zt_box {
    width: 1100px;
    margin: 0 auto;
}

.banner_box img, .zt1_box .zt1_main, .zt_bt, .zt7_main img {
    display: block;
    margin: 0 auto;
}

.zt_banner {
    height: 700px;
    background: url(../images/bj_01.jpg) no-repeat top center;
}

.banner_box {
    width: 677px;
    padding-top: 230px;
}

    .banner_box a {
        margin-top: 55px;
    }


.zt_top {
    height: 129px;
    background: url(../images/zt_top.jpg) no-repeat top center;
}

    .zt_top .list {
        overflow: hidden;
    }

        .zt_top .list li {
            width: 275px;
            height: 129px;
            line-height: 129px;
            font-size: 24px;
            text-align: center;
            cursor: pointer;
            float: left;
            color: #fff;
        }

.zt1_box {
    height: 1540px;
    background: url(../images/bj_02.jpg) no-repeat top center;
}

    .zt1_box .zt1_main {
        padding-top: 40px;
    }

    .zt1_box .zt1_main2 {
        padding-top: 40px;
        width: 40%;
        margin-left: 630px;
    }

    .zt1_box .zt1_main3 {
        margin-top: -195px;
        margin-left: 80px;
        position: absolute;
    }

    .zt1_box .zt1_main4 {
        margin-left: 350px;
        margin-top: 60px;
    }

.zt1_main1 {
    width: 18%;
    margin-left: 745px;
    position: absolute;
    margin-top: -380px;
    padding-top: 30px;
}

.zt1_box2 {
    height: 1000px;
    background: url(../images/bj_03.jpg) no-repeat top center;
    padding-top: 60px;
}

    .zt1_box2 ul {
        overflow: hidden;
        width: 400px;
        margin: 160px auto 50px;
        padding-top: 10px;
        margin-left: 720px;
    }

        .zt1_box2 ul li {
            float: left;
            margin: 0 15px;
            padding-bottom: 10px;
        }

    .zt1_box2 a {
        width: 430px;
        margin: 0 auto;
    }

.zt2_main .zt_box {
    width: 1250px;
    margin-top: -1.5rem;
}

.zt2_main {
    height: 1220px;
    background: url(../images/bj_04.jpg) no-repeat top center;
    padding-top: 20px;
}

.zt2_list {
    width: 721px;
}

.zt2_main ul {
    float: left;
}

    .zt2_main ul li {
        display: inline-block;
        position: relative;
        width: 35%;
    }

        .zt2_main ul li a {
            position: absolute;
            bottom: 40px;
            left: 54%;
            margin-left: -90px;
        }

.zt3_bt {
    height: 115px;
    background: url(../images/zt3_bt_bj.jpg) no-repeat top center;
    padding-top: 35px;
}

.zt3_main {
    height: 850px;
    background: url(../images/zt3_bj.jpg) no-repeat top center;
    padding-top: 20px;
}

    .zt3_main ul {
        overflow: hidden;
        width: 1100px;
        margin: 0 auto;
    }

        .zt3_main ul li {
            float: left;
            position: relative;
        }

            .zt3_main ul li a {
                position: absolute;
            }

    .zt3_main .zt3_list1 li a {
        bottom: 60px;
        right: 50%;
        margin-right: -235px;
    }

    .zt3_main .zt3_list2 li a {
        bottom: 35px;
        left: 46%;
        margin-left: -95px;
    }


.zt4_main {
    height: 1228px;
    background: url(../images/bj_05.jpg) no-repeat top center;
    padding-top: 20px;
}


.zt5_main {
    height: 993px;
    background: url(../images/bj_07.jpg) no-repeat top center;
    padding-top: 30px;
}

.zt5_al {
    width: 1110px;
    margin: 0 auto;
}

.zt5_bd {
    height: 733px !important;
}

.zt5_al .zt5_hd {
    width: 145px;
    margin: 0 auto;
    overflow: hidden;
}

    .zt5_al .zt5_hd li {
        width: 16px;
        height: 16px;
        background: #e5b5aa;
        margin: 0 10px;
        border-radius: 50%;
        float: left;
    }

        .zt5_al .zt5_hd li.on {
            background: #cc3e31;
        }

.jw {
    height: 1240px;
    background: url(../images/bj_09.jpg) no-repeat top center;
}

    .jw ul {
        width: 1100px;
        margin: 0 auto;
        padding-top: 100px;
    }

        .jw ul li {
            width: 50%;
            float: left;
        }

.zt6_main a {
    width: 360px;
    margin: 35px auto 0;
}


.zt_8 {
    height: 372px;
    background: url(../images/bj_08.jpg) no-repeat top center;
}

//animation: hover 3s linear infinite; @-webkit-keyframes hover {
    0%,100%;

{
    -webkit-transform: translateY(0);
}

20%, 70% {
    -webkit-transform: translateY(-5px);
}

40%, 60% {
    -webkit-transform: translateY(0);
}

}

@keyframes hover {
    0%,100% {
        transform: translateY(0);
    }

    20%,70% {
        transform: translateY(-5px);
    }

    40%,80% {
        transform: translateY(0);
    }
}


// animation: fadeIn-t 2s linear infinite; @keyframes fadeIn-t {
    0%;

{
    transform: scale(0.9);
    opacity: 1;
}

50% {
    transform: scale(1);
    opacity: 1;
}

100% {
    transform: scale(0.9);
    opacity: 1;
}

}

@-webkit-keyframes fadeIn-t {
    0% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
}



.hover {
    -webkit-animation: hove 2s linear infinite;
    animation: hove 2s linear infinite;
}

@-webkit-keyframes hove {
    0%,100% {
        -webkit-transform: translateY(0);
    }

    20%,70% {
        -webkit-transform: translateY(-5px);
    }

    40%,60% {
        -webkit-transform: translateY(0);
    }
}

@keyframes hove {
    0%,100% {
        transform: translateY(0);
    }

    20%,70% {
        transform: translateY(-5px);
    }

    40%,80% {
        transform: translateY(0);
    }
}

.zt_8 {
    width: 100%;
    height: 800px;
}

    .zt_8 .zt8_bt {
        text-align: center;
        padding-top: 20px;
        width: 410px;
        margin: 0 auto;
    }

        .zt_8 .zt8_bt img {
            display: inline-block;
        }

    .zt_8 #carrousel {
        position: relative;
        width: 1100px;
        margin: 0 auto;
    }

        .zt_8 #carrousel .carrousel_con {
            position: relative;
            width: 1100px;
        }

            .zt_8 #carrousel .carrousel_con ul {
                position: relative;
                z-index: 1;
                width: 1100px;
                height: 800px;
                margin: 0px auto;
                overflow: hidden;
                margin-top: -6.5rem;
            }

            .zt_8 #carrousel .carrousel_con li {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 557px;
            }

                .zt_8 #carrousel .carrousel_con li img {
                    width: 100%;
                    height: 100%;
                }

    .zt_8 #carrousel_prev, #carrousel_next {
        position: absolute;
        z-index: 9;
        width: 65px;
        height: 110px;
        top: 355px;
    }

.dztk {
    animation: sec_scale 3.5s both ease-in-out 0.4s infinite;
    position: absolute;
    z-index: 999999;
    bottom: 463px;
    right: 326px;
}

.zt_8 #carrousel_prev {
    background: url(../images/tp_100.png)no-repeat;
    left: -80px;
}

.zt_8 #carrousel_next {
    background: url(../images/tp_103.png)no-repeat;
    right: -110px;
}
