.re{
    position: relative;
}
.ab{
    position: absolute;
}

li{
    list-style: none;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.container{
    font-family: Microsoft YaHei;
}
.container h2,h3{
    font-family: Microsoft YaHei;
}
.zt_nav {
    width: 100%;
    background-image: url(../img/zt_nav.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.zt_nav li{
    width: 16.66%;
    float: left;
}

.zt_nav li a{
    display: block;
    width: 100%;
    height: 50px;
}

.zt_top{
    width: 100%;
}
.zt_logo{
    width: 100%;
    margin-top: 5%;
}
.zt_logo_l{
    width: 50%;
    float: left;
}

.zt_logo_l p:nth-of-type(1){
    font-size: 32px;
    color: #000;
    font-family: Microsoft YaHei;
}
.zt_logo_l p{
    color: #000;
    font-size: 28px;
}
.zt_logo_r{
    width: 14%;
    margin-left: 36%;
    float: right;
}
.zt_logo_r img{margin-top: 0px;}
.zt_logo_r b{
    font-size: 55px;
    vertical-align: middle;
}
.zt_top_intr{
    width: 100%;
    margin: auto;
}
.zt_top_intr img{
    width: 100%;
}

.zt_bg{
    top: -150px;
    width: 100%;
    padding-top: 10%;
    background-color: #fff;
    box-shadow: 0px 0px 14px #929292;
}

.zt_wrap{
    width: 100%;
    margin: auto;
    padding-bottom: 680%;
}
.zt_1{
    width: 100%;
}
.zt_1 .zt_tit{
    margin-bottom: 0;
}

.zt_1_bg{
    background-image: url(../img/4.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 22%;
}

.zt_tit{
    width: 80%;
    text-align: center;
    padding: 3% 0;
    margin: auto;
    margin-bottom: 7%;
    border-bottom: 1px solid #000;
}

.zt_tit h2{
    font-weight: 600;
    margin-bottom: 1%;
    color: #000;
}

.zt_tit p{
    font-size: 27px;
    color: #000;
    margin-bottom: 0;
}

.zt_tit_nav{
    width: 50%;
    margin: auto;
    padding: 1% 0 7%;
}

.zt_tit_nav li {
    text-align: center;
    float: left;
    width: 25%;
    font-size: 20px;
}

.zt_p{
    width: 80%;
    margin: auto;
}

.zt_p p {
    color: #333333;
    text-indent: 2em;
    line-height: 40px;
    font-size: 22px;
    font-weight: 300;
}

.zt_tit_bg{
    background-image: url(../img/2019.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 0px;
}
.zt_img{
    width: 85%;
    margin: auto;
}
.zt_img img{
    width: 100%;
}

.zt_3_a{
    width: 20%;
    margin-left: 16%;
}

.zt_3_a img{
    width: 100%;
}

.zt_3_wrap{
    width: 912px;
    margin: 4% auto;
}

.zt_3_l{
    width: 410px;
}
.zt_3_l p{color: #333333;text-indent: 2em;line-height: 30px;margin-bottom: 25px;}
.zt_3_l h3{
    text-align: center;
    margin-bottom: 5%;
}
.zt_3_r{width: 232px;}
.zt_3_img{
    width: 100%;
}
.zt_3_img img{
    width: 100%;
}
.zt_formom{
    width: 100%;
    margin: 30px auto;
}
.zt_formom span{
    width: 120px;
    font-weight: 600;
    font-size: 20px;
}
.zt_formom span b{
    padding: 15px 15px 0 0;
    margin-left: 5px;
    background-color: #fbe7ce;
}

.zt_3_b{
    width: 912px;
    margin: 20px auto;
}
.zt_3_b img{
    width: 100%;
}
.zt_3_b_fl{
    width: 600px;
}
.zt_3_b_fr{
    width: 230px;
    margin-top: 37px;
}

.zt_3_li{
    width: 100%;
    margin: 5% auto 0;
}

.zt_3_li ul{
    width: 100%;
}
.zt_3_li ul li:nth-of-type(1){
    margin: 0 3% 3% 0;
}
.zt_3_li ul li:nth-of-type(5){
    margin: 0 0% 3% 3%;
}
.zt_3_li_cen {
    padding-top: 4.5% !important;
}

.zt_3_li li{
    margin: 0 3% 3%;
    float: left;
    padding: 6% 0 0 0;
    line-height: 30px;
    font-size: 22px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 50%;
    width: 138px;
    height: 138px;
    color: #333333;
}



.zt_3_li .zt_formom{
    margin: 10px auto 30px;
}
.zt_4_warp{
    width: 80%;
    margin: auto;
}

.zt_4_warp li {
    margin: 0 auto 40px;
}

.zt_4_li_cont{
    width: 35%;
    margin-right: 5%;
}

.zt_4_li_cont p{
    color: #333333;
    padding-top: 20px;
}

.zt_4_li_img{
    width: 60%;
}
.zt_4_li_cont_ml{
    padding-left: 6%;
    margin-right: unset;
}
.zt_4_lf_img{
    top: 1%;
    left: -9%;
}

.zt_4_professional{
    background-color: #f5c689;
    width: 290px;
    text-align: center;
    font-size: 32px;
    line-height: 0px;
    padding-bottom: 30px;
    float: right;
}
.zt_5,.zt_6{
    width: 80%;
    margin: 0px auto 60px;
}
.zt_5_slide,.zt_6_slide{
    text-align: center;
}
.zt_5_rt_img{
    bottom: 0%;
    z-index: 2;
    right: -34%;
    width: 76%;
}
.zt_bot_tit{
    text-align: center;
    margin: 140px;
}
.zt_bot_tit p{
    font-size: 50px;
    color: #000;
    font-style: italic;
}
.zt_bot_tit a{
    font-style: italic;
}
.zt_tiaojian{
    width: 100%;
    margin: auto;
    text-align: center;
}
.zt_tiaojian b{
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
}
.zt_tiaojian p{
    line-height: 15px;
    color: #333333;
    font-size: 18px;
    margin-bottom: 16px;
}
.zt_tiaojian img{
    width: 80%;
    padding: 4% 7% 10%;
}
.zt_6 .swiper-wrapper{
    height: 712px;
}


























@media screen and (min-device-width:320px) and (max-device-width:414px){
    .zt_logo_l p:nth-of-type(1){
    font-size: 16px;
    line-height: 1px;
}
.zt_logo_l p{
    font-size: 14px;
}
.zt_logo_r{
    width: 22%;
    margin-left: 28%;
    float: right;
}
.zt_logo_r img{
    width: 10px;
}
.zt_nav li a{
    height: 33px;
}
.zt_logo_r b{
    font-size: 20px;
    vertical-align: middle;
}
.zt_bg{
    top: -23px;
    }
.zt_tit{
    width: 98%;
}
.zt_tit h2{
    font-size: 18px;
}

.zt_tit p{
    font-size: 16px;
}
.zt_tit_nav{
    width: 80%;
    padding-bottom: 2%;
}
.zt_tit_nav li{
    font-size: 12px;
}
.zt_p p{
    font-size: 12px;
    line-height: 20px;
}
.zt_p{
    width: 98%;
}
.zt_1_bg{
    padding-bottom: 1%;
}
.zt_wrap{
    padding-bottom: 1071%;
}
.zt_3_a{
    width: 40%;
    margin: auto;
}
.zt_3_wrap{
    width: 100%;
}
.zt_3_l{
    width: 90%;
    margin: auto;
    float: unset;
}
.zt_3_r{
    display: none;
}
.zt_3_b{
    width: 100%;
    margin: 10px auto;
}
.zt_3_b_fl{
    width: 100%;
    float: unset;
}
.zt_3_b_fr{
    width: 40%;
    margin: auto;
    float: unset;
}
.zt_3_l h3{
    font-size: 16px;
}
.zt_3_l p{
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 10px;
}
.zt_3_li li{
    width: 18.4%;
    font-size: 12px;
    height: 1%;
    padding: 4.7% 0 4.7%;
    margin: 0 1% 1%;
}
.zt_3_li ul li:nth-of-type(1){
    margin: 0 1% 3% 0;
}
.zt_3_li ul li:nth-of-type(5){
    margin: 0 0 1% 1%;
}
.zt_3_li_cen{
    padding: 3.9% 0 3.5%!important;
    line-height: 17px !important;
}
.zt_4_lf_img{
    display: none;
}
.zt_4_warp{
    width: 98%;
}
.zt_4_li_cont{
    width: 45%;
}
.zt_4_li_img{
    width: 50%;
    margin-top: 10%;
}
.zt_4_li_cont p{
    font-size: 12px;
    padding-top: 0;
}
.zt_4_warp li{
    margin: 0 auto;
}
.zt_5{
    width: 98%;
    margin: 60px auto 0;
}
.zt_5_rt_img{
    right: -5%;
    display: none;
}
.zt_bot_tit{
    margin: 15% auto;
}
.zt_6{
    width: 98%;
    margin: 0 auto 30px;
}
.zt_6 .swiper-wrapper{
    height: 425px;
    margin: auto;
}
.zt_6 .swiper-wrapper img{
    width: 100%;
}
.zt_tiaojian p{
    font-size: 12px;
}
.zt_bot_tit p{
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 0px;
}
.zt_bot_tit a{
    font-size: 12px;
}
}
@media screen and (min-device-width:640px) and (max-device-width:800px){
    .zt_logo_l p:nth-of-type(1){
    font-size: 32px;
}
.zt_logo_l p{
    font-size: 28px;
}
.zt_logo_r{
    width: 22%;
    margin-left: 28%;
    float: right;
}
.zt_logo_r img{margin-top: 0px;}
.zt_logo_r b{
    font-size: 55px;
    vertical-align: middle;
}
.zt_bg{
    top: -66px;
    }
.zt_wrap{
    padding-bottom: 916%;
}
.zt_tit_nav{
    padding-bottom: 4%;
}
.zt_1_bg{
    padding-bottom: 4%;
}
.zt_3_wrap{
    width: 80%;
}
.zt_3_l{
    width: 49%;
}
.zt_3_r{
    width: 51%;
}
.zt_3_l h3{
    margin-bottom: 5%;
}
.zt_3_l p{
    margin-bottom: 7%;
}
.zt_3_b{
    width: 100%;
}
.zt_3_b_fl{
    width: 70%;
}
.zt_3_b_fr{
    width: 25%;
}
.zt_3_li li{
    width: 15%;
    height: 3%;
    padding: 5% 0;
    font-size: 16px;
}
.zt_3_li_cen{
    padding: 2% 0 2% !important;
}
.zt_5_rt_img{
    right: -4%;
}
.zt_6 .swiper-wrapper{
    height: 725px;
}
.zt_6{
    margin: 0 auto 60px;
}
}


@media screen and (min-device-width:801px) and (max-device-width:1100px){
.zt_wrap{
    padding-bottom: 786%;
}
.swiper-wrapper{
    height: 700px !important;
}
.zt_5_rt_img{
    right: -5%;
}
}