/*****************
 * la.css
 *****************/
html,
body {
    /*height: auto;*/
}

.forseo {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    display: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    overflow: hidden;
}

.clear5 {
    clear: both;
    overflow: hidden;
    height: 5px;
}

.clear10 {
    clear: both;
    overflow: hidden;
    height: 10px;
}

.clear15 {
    clear: both;
    overflow: hidden;
    height: 15px;
}

.clear20 {
    clear: both;
    overflow: hidden;
    height: 20px;
}

.clear30 {
    clear: both;
    overflow: hidden;
    height: 30px;
}

.clear100 {
    clear: both;
    overflow: hidden;
    height: 100px;
}

/*.frame-body {height: auto;}*/
/* page yzzt */
.yyztBg {
    width: 100%;
    height: auto;
    background: #fff url("../images/bg.png") no-repeat center 1160px/100% auto;
}

.yyzt_cent {
    width: 100%;
    max-width: 1106px;
    margin: -160px auto 0;
    overflow: hidden;
    position: relative;
}

.title01 {
    text-align: center;
    overflow: hidden;
}

.title01 h3 {
    font-size: 48px;
    color: #fff;
    margin-top: 2%;
}

.title01 span {
    font-size: 20px;
    color: #fff;
    letter-spacing: 8px;
}

.yyzt_page01 {
    background: #fff;
    padding: 53px 53px 0;
}

.yyzt_cent01 {
    height: 353px; /* border:1px solid yellow; */
    position: relative;
    overflow: hidden;
}

.yyzt_cent01 .p11 {
    width: 26%;
    height: 50%;
    position: absolute;
    left: 0;
    top: 16%;
    background: url("../images/yy101.jpg") no-repeat center top/100% auto;
}

.yyzt_cent01 .p12 {
    width: 40%;
    height: 90%;
    position: absolute;
    left: 29%;
    top: 5%;
    /*background: url("../images/yy102.png") no-repeat center top/100% auto;*/
}

.yyzt_cent01 .p13 {
    width: 25%;
    height: 99%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../images/yy103.png") no-repeat center top/100% auto;
}

.yyzt01 {
}

.yyzt_line {
    height: 2px;
    background: #000;
    width: 70%;
}

.yyzt-banner {
    position: relative;
}

.yyztnext {
    /*animation: yyztnext 2200ms infinite linear;*/
    /*-webkit-animation: yyztnext 2200ms infinite linear;*/
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 57%;
    margin-left: -18px;
    width: 35px;
    height: 64px;
    background: url("../images/next.png") no-repeat center top/100% auto;
}

/*@keyframes yyztnext {*/
/*    0% {*/
/*        transform: translate(0, 0);*/
/*        opacity: 0;*/
/*    }*/
/*    50% {*/
/*        transform: translate(0, 12px);*/
/*        opacity: 1;*/
/*    }*/
/*    100% {*/
/*        transform: translate(0, 15px);*/
/*        opacity: 0;*/
/*    }*/
/*}*/

/*@-webkit-keyframes yyztnext {*/
/*    0% {*/
/*        -webkit-transform: translate(0, 0);*/
/*        opacity: 0;*/
/*    }*/
/*    50% {*/
/*        -webkit-transform: translate(0, 12px);*/
/*        opacity: 1;*/
/*    }*/
/*    100% {*/
/*        -webkit-transform: translate(0, 15px);*/
/*        opacity: 0;*/
/*    }*/
/*}*/

.yyzt01small {
    width: 146px;
    height: 50px;
    left: 50%;
    z-index: 8;
    margin-left: 74.6%;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    display: none;
}

.yyztInfo_pc {
    position: absolute;
    width: 20%;
    height: 14%;
    bottom: 0;
    left: 30%;
    z-index: 2;
    font-size: 0;
}

.yyzt_page02 {
    padding: 0 53px;
}

.yyzt_cent02 {
    height: 550px; /* border:1px solid blue; */
    position: relative;
    overflow: hidden;
}

.yyzt_cent02 .p11 {
    width: 46%;
    height: 59%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/yy021.png") no-repeat center top/100% auto;
}

.yyzt_cent02 .p12 {
    /*transform: perspective(2500px) rotateX(-100deg);*/
    width: 48%;
    height: 51%;
    position: absolute;
    right: 0;
    top: 1%;
    background: url("../images/yy022.jpg") no-repeat center top/100% auto;
}

.yyzt_cent02 .p13 {
    /*transform: perspective(2500px) rotateX(-100deg);*/
    width: 33%;
    height: 40%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../images/yy024.jpg") no-repeat center top/100% auto;
}

.yyzt_cent02 .p14 {
    /*transform: perspective(2500px) rotateX(-100deg);*/
    width: 31%;
    height: 40%;
    position: absolute;
    right: 38%;
    bottom: 0;
    background: url("../images/yy023.jpg") no-repeat center top/100% auto;
}

.yyzt_page03 {
    padding: 0 53px;
}

.yyzt_cent03 {
    height: 670px; /* border:1px solid yellowgreen; */
    position: relative;
    overflow: hidden;
}

.yyzt_cent03 .p11 {
    width: 32%;
    height: 52%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/yy031.png") no-repeat center top/100% auto;
}

.yyzt_cent03 .p12 {
    width: 54%;
    height: 43%;
    position: absolute;
    right: 0;
    top: 2%; /*background: url("yy032.gif")no-repeat center top/100% auto;*/
    background: url("../images/yy0346.jpg") no-repeat center top/100% auto;
}

.yyzt_cent03 .p13 {
    width: 24%;
    height: 49%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../images/yy033.jpg") no-repeat center top/100% auto;
}

.yyzt_cent03 .p14 {
    width: 41%;
    height: 49%;
    position: absolute;
    right: 28%;
    bottom: 0;
    background: url("../images/yy034.jpg") no-repeat center top/100% auto;
}

.yyzt_cent03 .video {
    height: 100%;
}

.yyzt_cent03 .video img {
    height: 100%;
}

.yyzt_page04 {
    padding: 0 53px;
}

.yyzt_cent04 {
    height: 660px; /* border:1px solid darkgreen; */
    position: relative;
    overflow: hidden;
}

.yyzt_cent04 .p11 {
    width: 31%;
    height: 67%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("../images/yy041.png") no-repeat center top/100% auto;
}

.yyzt_cent04 .p12 {
    width: 47%;
    height: 41%;
    position: absolute;
    right: 0;
    top: 2%;
    background: url("../images/yy042.gif") no-repeat center top/100% auto;
}

.yyzt_cent04 .p13 {
    width: 38%;
    height: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("../images/yy043.gif") no-repeat center top/100% auto;
}

.yyzt_cent04 .p14 {
    width: 23%;
    height: 50%;
    position: absolute;
    right: 43%;
    bottom: 0;
    background: url("../images/yy044.png") no-repeat center top/100% auto;
}

.yyzt_page05 {
    padding: 0 53px;
}

.yyzt_cent05 {
    height: 530px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.yyzt_cent05 .yyzt08Left {
    width: 54%;
    height: 520px;
    float: left;
    overflow: hidden;
    position: relative;
}

.yyzt_cent05 .yyzt08Right {
    width: 36%;
    height: 520px;
    float: left;
    margin-left: 5%;
}

.yyzt_cent05 .yyzt08Right .t {
    margin: 5% auto;
    text-align: left;
}

.yyzt_cent05 .yyzt08Right .t h3 {
    font-weight: bold;
    font-size: 20px;
}

.yyzt_cent05 .yyzt08Right .t p {
    font-size: 18px;
}

.yyzt_cent05 .yyzt08Right li {
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    line-height: 50px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.yyzt_cent05 .yyzt08Right li sup {
    font-size: 16px;
}

.yyzt_cent05 .yyzt08Right li.active {
    -webkit-transform: scale(1.1);
}

.yyzt_cent05 .swiper-button-next,
.yyzt_cent05 .swiper-container-rtl .swiper-button-prev {
    /*-webkit-animation: ButterflyL 1.5s linear infinite alternate;*/
    width: 30px;
    height: 30px;
    background-size: 10px auto;
    background-color: #e1e1e1;
    right: 26%;
    bottom: 0%;
    top: auto;
    left: auto;
}

.yyzt_cent05 .swiper-button-prev,
.yyzt_cent05 .swiper-container-rtl .swiper-button-next {
    /*-webkit-animation: ButterflyR 1.5s linear infinite alternate;*/
    width: 30px;
    height: 30px;
    background-size: 10px auto;
    background-color: #e1e1e1;
    right: 30%;
    bottom: 0%;
    top: auto;
    left: auto;
}

@-webkit-keyframes ButterflyL {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(10px);
    }
}

@-webkit-keyframes ButterflyR {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-10px);
    }
}

.yyzt_cent05 .swiper-container {
    width: 100%;
    height: 100%;
}

.yyzt_cent05 .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #fff;
    text-align: center;
    font-size: 18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.yyzt_cent05 .yyzt05Box {
    width: 100%;
    height: 100%;
}

.yyzt_cent05 .yyzti01 {
    width: 52%;
    height: 48%;
    position: absolute;
    left: 6%;
    bottom: 0;
    background: url("../images/yy51.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti02 {
    width: 54%;
    height: 54%;
    position: absolute;
    left: 40%;
    top: 40%;
    background: url("../images/yy52.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti03 {
    width: 53%;
    height: 57%;
    position: absolute;
    left: 5%;
    top: 10%;
    background: url("../images/yy53.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti04 {
    width: 45%;
    height: 60%;
    position: absolute;
    right: 0;
    top: 15%;
    background: url("../images/yy54.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti05 {
    width: 52%;
    height: 48%;
    position: absolute;
    left: 0;
    bottom: 25%;
    background: url("../images/yy55.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti06 {
    width: 54%;
    height: 54%;
    position: absolute;
    right: 2%;
    top: 20%;
    background: url("../images/yy56.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti07 {
    width: 50%;
    height: 56%;
    position: absolute;
    left: 0;
    top: 24%;
    background: url("../images/yy57.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti08 {
    width: 46%;
    height: 56%;
    position: absolute;
    left: 0;
    top: 8%;
    background: url("../images/yy58.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti068 {
    width: 46%;
    height: 56%;
    position: absolute;
    left: 0;
    top: 8%;
    background: url("../images/yy588.jpg") no-repeat center top/100% auto;
}

/* 20201020  新增展厅 */
.yyzt_cent05 .yyzti09 {
    width: 46%;
    height: 56%;
    position: absolute;
    right: 2%;
    top: 45%;
    background: url("../images/yy59.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti10 {
    width: 46%;
    height: 56%;
    position: absolute;
    right: 8%;
    top: 38%;
    background: url("../images/yy60.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti106 {
    width: 46%;
    height: 56%;
    position: absolute;
    right: 8%;
    top: 38%;
    background: url("../images/yy601.jpg") no-repeat center top/100% auto;
}

/* 20220107  新增沈阳、温州展厅 */
.yyzt_cent05 .yyzti11 {
    width: 56%;
    height: 66%;
    position: absolute;
    right: 38%;
    top: 8%;
    background: url("../images/yy61.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti12 {
    width: 56%;
    height: 66%;
    position: absolute;
    right: 8%;
    top: 58%;
    background: url("../images/yy62.jpg") no-repeat center top/100% auto;
}

.yyzt_cent05 .yyzti611 {
    width: 56%;
    height: 66%;
    position: absolute;
    right: 8%;
    top: 19%;
    background: url("../images/yy611.jpg") no-repeat center top/100% auto;
}


.yyzt_cent05 .yyzti612 {
    width: 56%;
    height: 66%;
    position: absolute;
    right: 32%;
    top: 43%;
    background: url("../images/yy612.jpg") no-repeat center top/100% auto;
}


.input_left {
    width: 49%;
}

.input_right {
    width: 49%;
}

.yyzt_page06 {
    padding: 0 15px;
    width: 90%;
    margin: 0 auto;
}

.yyzt_page06 .form .checkbox-tab-gender label input:checked + i {
    background: #008dd5;
}

.yyzt_page06 .form .checkbox-tab-ampm label input:checked + i {
    background: #008dd5;
}

.yyzt_page06 .form .select {
    background: none;
    padding: 6.5px 10px;
    font-size: 16px; /* width: 86%; */
}

.yyzt_page06 .form .select-time select {
    width: 216px;
}

.yyzt_page06 .form .textarea {
    width: 99%;
    background: none;
    padding: 10px;
    min-height: 88px;
    font-size: 16px;
}

.yyzt_page06 .form .city a {
    margin-right: 0.85em;
    margin-bottom: 0.5em;
}

.yyzt_page06 .form .city a.active {
    background: #f8b62d !important;
    border: 1px #f8b62d solid;
    color: #fff;
}

.yyzt_page06 .form .input {
    background: none;
    width: 57%;
    margin-right: 10px;
    padding: 0px 10px;
    font-size: 16px;
    box-sizing: border-box;
    height: 40px;
}

/*.yyzt_page06 .form .input.inputName {width: 56%;}*/
.yyzt_page06 .form .input.inputTel {
    width: 43%;
}

.yyzt_page06 .form .input.inputCode {
    width: 32%;
    margin-right: 0;
    transform: translateX(10px);
}

.yyzt_page06 .in_btn {
    width: 210px;
    margin: 0 auto;
    height: 40px;
}

.yyzt_page06 .in_btn a {
    font-size: 16px;
}

.yyzt_page06 .in_li {
    margin-bottom: 15px; /* display: flex; */
    position: relative;
    height: 40px;
}

.yyzt_page06 .in_li .box {
    display: inline-block;
}

/* #ampm{margin-left: 30px;} */
/* #ampm{position: absolute;right: 20px;} */
#ampm {
    float: right;
    margin-right: 20px;
}

.yyzt_page06 .in_li.in_li50 {
    width: 48%;
    float: left;
    margin-right: 10px;
}

.yyzt_page06 .in_li.in_li50.mar0 {
    margin-right: 0;
    width: 48%;
}

.yyzt_page06 .btn-x1 {
    background-color: #008dd5;
    color: #fff;
    border-radius: 0 0.3em 0.3em 0;
    padding: 0 15px;
    border: 1px solid #008dd5;
    line-height: 38px;
    font-size: 16px;
    position: absolute;
    right: 23px;
    top: 0;
}

/* #btnVcode{padding: 1px 15px;} */

.yyzt_page06 .checkbox-tab {
    vertical-align: bottom;
    height: 41px;
    box-sizing: border-box;
}

.yyzt_page06 .checkbox-tab label i {
    line-height: 40px;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
}

.yyzt_page06 .select-block select {
    width: 100%;
    margin: 0;
    padding: 0;
}

.yyzt_page06 .select-block select#shopid {
    font-weight: bold;
}

.yyzt_page06 select::-ms-expand {
    display: none;
}

.yyzt_page06 select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("../images/arrow.png") no-repeat scroll right center transparent;
}

.yyzt_page06 .select:after {
    display: none;
}

.yyzt_page06 .agree-box {
    margin: 10px auto 0;
    position: relative;
    text-align: center;
    width: 30%;
}

.agree-box .selfecheckbox_label:before {
    border-radius: 0;
}

.yyzt_page06 .fontwz {
    color: #5482c7;
    border-bottom: 1px solid #5482c7;
}

.yyzt_page06 .btn_rulesTopBox_nls {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 52%;
    height: 100%;
    cursor: pointer;
}

.yyzt_page06 .btn_rzcs {
    left: 0;
    right: auto;
    z-index: 2;
    border-radius: 0.3em 0.3em;
}

.yyzt_page06 .form .select.btn_rzcsch {
    /* padding-left: 52%; */
    width: 46%;
    float: right;
}

.yyzt_page06 .ztcent ul li {
    display: none;
}

.yyzt_page06 .ztcent ul li p {
    color: #333333;
    font-size: 16px;
    line-height: 17px;
    width: 100%;
    display: inline-block;
    font-weight: bold;
}

.yyzt_page06 .ztcent ul li p em {
    color: #333333;
    font-style: normal;
    font-weight: bold;
    width: 108px;
    display: inherit;
    float: left;
}

.yyzt_page06 .ztcent ul li p b {
    color: #333333;
    width: 75%;
    display: inherit;
}

.yyzt_page06 .ztcent ul li.active {
    display: block;
}

.yyzt_page07 {
    background: url("../images/yy071.jpg") no-repeat center top/cover;
    height: 458px;
}

.yyzt_page07 .service-list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.yyzt_page07 .service-list .service-list-item {
    /*float: left;*/
    overflow: hidden;
    margin-right: 0;
    /*width: 33%;*/
    padding-top: 3%;
}

.yyzt_page07 .service-list .service-list-item:last-of-type {
    margin-right: 0;
}

.yyzt_page07 .service-title {
    width: 140px;
    height: 140px;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -o-transition: -o-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
}

.yyzt_page07 .service-title:hover {
    -webkit-transform: scale(1.15);
}

.yyzt_page07 .service-bj1 .service-title {
    background: url("../images/ys01.png") no-repeat center top/100% auto;
}

.yyzt_page07 .service-bj2 .service-title {
    background: url("../images/ys02.png") no-repeat center top/100% auto;
}

.yyzt_page07 .service-bj3 .service-title {
    background: url("../images/ys03.png") no-repeat center top/100% auto;
}
.yyzt_page07 .service-bj4 .service-title {
    background: url("../static/ys05.png") no-repeat center top/100% auto;
}
.yyzt_page07 .service-bj5 .service-title {
    background: url("../static/ys04.png") no-repeat center top/100% auto;
}

.yyzt_page07 .service-content h3 {
    color: #1c1e22;
    text-align: center;
    font-size: 24px;
    padding: 20px 0;
}

.yyzt_page07 .service-content {
    border-top: 0;
}

.yyzt_page07 .service-content p {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 9% 0 0;
    line-height: 28px;
    font-weight: bolder;
}

.yyzt_page08 {
    width: 100%;
    height: 420px;
    position: relative;
}

.yyzt_page08 .page08Cent {
    width: 280px;
    height: 101%;
    position: absolute;
    z-index: 2;
    background: #fff;
    left: 50%;
    margin-left: -140px;
    margin-top: -0.1%;
    text-align: center;
}

.yyzt_page08 .page08Cent img {
    margin: 40% auto 0;
}

.swiper_yyzt08 {
    width: 100%;
    height: 100%;
}

.swiper_yyzt08 .swiper-container {
    width: 100%;
    height: 100%;
}

.swiper_yyzt08 .swiper-slide {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: #fff;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.tip_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* overflow-y: scroll; */
    z-index: 999;
    display: none;
}

.tip {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 540px;
    background: #d6f2fe;
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    padding: 30px;
    display: none;
}

.tip img {
    width: 70px;
    height: 60px;
    margin: 0 auto;
}

.tip h3 {
    font-size: 28px;
    color: #313131;
    margin: 10px 0;
}

.tip p {
    font-size: 18px;
    color: #313131;
    margin: 10px 0;
}

.tip .tip_close {
    right: 10px;
    top: 10px;
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url("https://www.daikin-china.com.cn/newha/image/search/ico04.png");
    cursor: pointer;
    cursor: pointer;
}

#zt_date_p {
    position: absolute;
    border: 1px solid #aaaaaa;
    display: inline-block;
    height: auto;
    top: 0;
    left: 0;
    height: 40px;
    line-height: 40px;
}

.anim {
    /*opacity: 0;*/
    /*transition: all 0.5s ease-in-out;*/
    /*-moz-transition: all 0.5s ease-in-out;*/
    /*-ms-transition: all 0.5s ease-in-out;*/
    /*-o-transition: all 0.5s ease-in-out;*/
    /*-webkit-transition: all 0.5s ease-in-out;*/
}

@media (max-width: 1920px) {
}

/******************************--ipad--******************************/

/* ipad pro********æ¨ªç‰ˆ */
@media (min-width: 768px) and (max-width: 1024px) {
    /* page yzzt */
    .yyzt_cent {
        width: 96%;
        margin-top: -90px;
    }

    .yyzt_cent01 {
        height: 330px;
    }

    .yyzt_cent05 .yyzt08Right {
    }

    .yyzt_cent05 .yyzt08Right li {
        font-size: 28px;
    }

    .yyzt_page06 {
        width: 91%;
        padding: 0;
    }

    .yyzt_page06 .agree-box {
        width: 40%;
    }

    .yyzt_page07 .service-list {
        width: 80%;
    }
}

/* ipad********åšç‰ˆ */
@media (min-width: 768px) and (max-width: 1000px) {
    /* page yzzt */
    .yyzt_cent {
        margin-top: -50px;
    }

    .yyzt_cent01 {
        height: 240px;
    }

    .yyzt_cent02 {
        height: 390px;
    }

    .yyzt_cent03 {
        height: 450px;
    }

    .yyzt_cent04 {
        height: 450px;
    }

    .yyzt_page06 {
        width: 100%;
    }

    .yyzt_page06 .form .input {
        width: 48%;
    }

    .yyzt_page06 .ztcent ul li p,
    .yyzt_page06 .select-block select,
    .yyzt_page06 .form .input,
    .yyzt_page06 .btn-x1 {
        font-size: 14px;
    }

    .yyzt_page06 .form .select.btn_rzcsch {
        width: 43%;
    }
}

@media (min-width: 1001px) and (max-width: 1024px) {
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .yyztnext {
        top: 40%;
    }
}

/******************************--Moblie--******************************/
@media (max-width: 767px) {
    /* page yzzt */
    .clear30 {
        clear: both;
        overflow: hidden;
        height: 15px;
    }

    .clear100 {
        clear: both;
        overflow: hidden;
        height: 20px;
    }

    .DXDCYY {
        position: fixed;
        bottom: 0;
        display: none;
    }

    .yyztnext {
        width: 20px;
        margin-left: -10px;
        top: 50%;
    }

    .yyzt01small {
        width: 19%;
        height: auto;
        left: auto;
        z-index: 8;
        right: 1%;
        margin-left: 0;
        position: fixed;
        top: 10%;
        display: none;
    }

    .yyzt01small img {
        width: 100%;
        height: auto;
    }

    .yyztInfo_pc {
        width: 40%;
    }

    .frame-yyzt .frame-scroll {
        height: auto;
        overflow: hidden;
    }

    .yyzt_cent {
        width: 96%;
        padding: 2%;
        max-width: 96%;
        margin-top: -55px;
    }

    .yyztBg {
        background: #fff url("../images/mbg.png") no-repeat center 690px/100% auto;
    }

    .yyzt01.right {
        text-align: center;
        float: inherit;
    }

    .yyzt_line {
        width: 100%;
    }

    .yyzt_page01,
    .yyzt_page02,
    .yyzt_page03,
    .yyzt_page04,
    .yyzt_page05,
    .yyzt_page06 {
        padding: 0;
    }

    .yyzt_page01 {
        padding: 3% 1% 0;
    }

    .yyzt_cent01 {
        height: 240px;
    }

    .yyzt_cent01 .p11 {
        width: 21%;
        height: 32%;
        position: absolute;
        left: 1%;
        top: 6%;
    }

    .yyzt_cent01 .p12 {
        width: 70%;
        height: 100%;
        position: absolute;
        left: inherit;
        top: 5%;
        right: 1%;
    }

    .yyzt_cent01 .p13 {
        width: 22%;
        height: 55%;
        position: absolute;
        right: 0;
        top: inherit;
        left: 1%;
        bottom: 0;
    }

    .yyzt_cent02 {
        height: 340px;
    }

    .yyzt_cent02 .p11 {
        width: 43%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url("../images/myy021.png") no-repeat center top/100% auto;
    }

    .yyzt_cent02 .p12 {
        width: 50%;
        height: 38%;
        right: 0;
        top: 25%;
    }

    .yyzt_cent02 .p13 {
        width: 41%;
        height: 35%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .yyzt_cent02 .p14 {
        width: 38%;
        height: 35%;
        position: absolute;
        right: 45%;
        bottom: 0;
    }

    .yyzt_cent03 {
        height: 390px;
    }

    .yyzt_cent03 .p11 {
        width: 43%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url("../images/myy031.png") no-repeat center top/100% auto;
    }

    .yyzt_cent03 .p12 {
        width: 50%;
        height: 38%;
        right: 0;
        top: 22%;
    }

    .yyzt_cent03 .p13 {
        width: 30%;
        height: 44%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .yyzt_cent03 .p14 {
        width: 38%;
        height: 44%;
        position: absolute;
        right: 33%;
        bottom: 0;
    }

    .yyzt_cent04 {
        height: 420px;
    }

    .yyzt_cent04 .p11 {
        width: 43%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url("../images/myy041.png") no-repeat center top/100% auto;
    }

    .yyzt_cent04 .p12 {
        width: 53%;
        height: 38%;
        right: 0;
        top: 27%;
    }

    .yyzt_cent04 .p13 {
        width: 46%;
        height: 37%;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .yyzt_cent04 .p14 {
        width: 28%;
        height: 37%;
        position: absolute;
        right: 53%;
        bottom: 0;
    }

    .yyzt_cent05 {
        height: 240px;
    }

    .yyzt_cent05 .swiper-button-next,
    .yyzt_cent05 .swiper-container-rtl .swiper-button-prev {
        right: 20%;
        bottom: 0;
    }

    .yyzt_cent05 .swiper-button-prev,
    .yyzt_cent05 .swiper-container-rtl .swiper-button-next {
        right: 30%;
        bottom: 0;
    }

    .yyzt_page06 {
        width: 100%;
    }

    .input_left {
        width: 100%;
    }

    .input_right {
        width: 100%;
        float: inherit;
    }

    /* .yyzt_page06 .form .input{width: 57%;height: 36px;} */
    .yyzt_page06 .form .input {
        height: 36px;
    }

    .yyzt_page06 .form .input.inputTel {
        width: 54%;
    }

    .yyzt_page06 .checkbox-tab label i {
        padding: 0 17px;
        line-height: 36px;
        height: 36px;
    }

    .yyzt_page06 .in_li {
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        height: 36px;
        width: 100%;
    }

    .yyzt_page06 .form .in_li .input:nth-child(1) {
        flex: 1;
    }

    .yyzt_page06 .in_li.in_li50 {
        width: 48%;
        margin-right: 8px;
        display: initial;
    }

    .yyzt_page06 .btn-x1 {
        padding: 0 10px;
        line-height: 34px;
    }

    .yyzt_page06 .form .select,
    .yyzt_page06 .form .textarea,
    .yyzt_page06 .btn-x1,
    .yyzt_page06 .checkbox-tab label i,
    .yyzt_page06 .form .input {
        font-size: 12px;
    }

    .yyzt_page06 .select {
        padding: 0;
    }

    .yyzt_page06 .form .textarea {
        width: 100%;
    }

    .yyzt_page06 .agree-box {
        width: 60%;
    }

    .yyzt_page06 .ztcent ul li p b {
        width: 78%;
    }

    .yyzt_page06 .ztcent {
        margin-bottom: 10px;
    }

    .yyzt_page06 .ztcent ul li p,
    .yyzt_page06 .select-block select,
    .yyzt_page06 .form .input,
    .yyzt_page06 .btn-x1 {
        font-size: 12px;
    }

    .yyzt_page06 .form .select.btn_rzcsch {
        width: 48%;
    }

    .yyzt_page06 .btn_rzcs {
        line-height: 32px;
    }

    .yyzt_page06 .ztcent ul li p {
        line-height: normal;
    }

    .yyzt_page06 .ztcent ul li p em {
        width: 22%;
    }

    .title01 h3 {
        font-size: 26px;
        margin-top: 9%;
    }

    .title01 span {
        font-size: 12px;
        letter-spacing: 1px;
    }

    .yyzt_page07 {
        height: 300px;
    }

    .yyzt_page07 .service-list {
        width: 97%;
    }

    .yyzt_page07 .service-title {
        width: 70%;
        height: 90px;
    }

    .yyzt_page07 .service-content {
        width: 97%;
    }

    .yyzt_page07 .service-content p {
        font-size: 12px;
        /* width: 78%; */
        margin: 0 auto;
        line-height: 20px;
        font-weight: normal;
    }

    .yyzt_page08 {
        width: 100%;
        height: 260px;
    }

    .yyzt_page08 .page08Cent {
        width: 40%;
        margin-left: -20%;
    }

    .yyzt_page08 .page08Cent img {
        margin: 50% auto 0;
        width: 80%;
        height: auto;
    }

    .tip {
        width: 90%;
    }

    .tip h3 {
        font-size: 20px;
    }

    .tip p {
        font-size: 14px;
    }

    .yyzt_page06 .form .checkbox-tab-gender label input:checked + i {
        background: #008dd5;
        height: 36px;
        line-height: 36px;
    }

    .yyzt_page06 .form .checkbox-tab-ampm label input:checked + i {
        background: #008dd5;
        height: 36px;
    }

    /* #zt_date_p{padding:0px 7px;height: 36px;line-height: 36px;width: 64%;} */
    .yyzt_page06 .form .in_li .box {
        padding-right: 20px;
        box-sizing: border-box;
        flex: 1;
        position: relative;
        overflow: hidden;
        margin-right: 5px;
    }

    #zt_date_p {
        padding-left: 7px;
        height: 36px;
        line-height: 36px;
        margin-right: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .yyzt_page06 .checkbox-tab {
        vertical-align: bottom;
        height: 36px;
        box-sizing: border-box;
    }

    .yyzt_page06 .form .in_li:nth-child(1) .input {
        margin-right: 5px;
    }

    .yyzt_page06 .in_li:nth-child(2) .btn-x1 {
        height: 36px;
        box-sizing: border-box;
        right: 0;
    }

    /* .yyzt_page06 .in_li:nth-child(3) .input:nth-child(2){flex: 2;} */
    .yyzt_page06 .form .input.inputCode {
        transform: translateX(-29px);
        width: 27%;
        margin-left: 23px;
    }

    .checkbox-tab label {
        box-sizing: border-box;
    }

    .yyzt_page06 #ampm {
        margin: 0;
    }
}

@media (max-width: 320px) {
}

/*------------------------------------- 19:9（刘海屏/水滴屏/打孔屏+虚拟系统按键的微信）------------------*/
@media screen and (device-width: 360px) and (max-height: 650px), screen and (device-width: 393px) and (max-height: 710px), screen and (device-width: 400px) and (max-height: 725px), screen and (device-width: 412px) and (max-height: 745px) {
}

/*------------------------------------- 18:9（全面屏安卓手机的微信 、iphoneX的微信底部有历史工具条/浏览器）------------------*/
@media screen and (device-width: 360px) and (max-height: 615px), screen and (device-width: 375px) and (max-height: 645px), screen and (device-width: 393px) and (max-height: 670px), screen and (device-width: 400px) and (max-height: 690px), screen and (device-width: 412px) and (max-height: 710px), screen and (device-width: 414px) and (max-height: 730px) {
}

/* ------------------------------------------------------ 16:9(标准屏安卓手机、18:9的浏览器、iphone5/6/7/8，默认css) ------------------------------------------------------*/
@media screen and (device-width: 360px) and (max-height: 580px), screen and (device-width: 375px) and (max-height: 605px), screen and (device-width: 393px) and (max-height: 630px), screen and (device-width: 400px) and (max-height: 650px), screen and (device-width: 412px) and (max-height: 660px), screen and (device-width: 414px) and (max-height: 675px) {
}

/*------------------------------------ 15:9（标准屏+虚拟SYSTEM BAR安卓手机（华为P9）的微信、16:9的浏览器 、iphone5/6/7/8的微信底部有历史工具条/浏览器）--------------------*/
@media screen and (device-width: 360px) and (max-height: 540px), screen and (device-width: 375px) and (max-height: 560px), screen and (device-width: 393px) and (max-height: 590px), screen and (device-width: 400px) and (max-height: 605px), screen and (device-width: 412px) and (max-height: 620px), screen and (device-width: 414px) and (max-height: 630px) {
}

/*---------------------------------------- 14:9(15:9（华为P9）的浏览器)----------------------*/
@media screen and (device-width: 360px) and (max-height: 500px) {
}

/******************************--针对华为手机--******************************/
@media screen and (device-width: 360px) and (max-height: 560px), screen and (device-width: 393px) and (min-height: 600px) and (max-height: 620px) {
}

@media screen and (device-width: 412px) and (max-height: 640px), screen and (device-width: 393px) and (min-height: 600px) and (max-height: 620px) {
}

@media screen and (device-width: 360px), screen and (device-width: 393px) {
    /* page la */
    /* .yyzt_page06 .form .input{width: 55%;} */
}

@media screen and (device-width: 393px) {
}

/******************************--iphone--******************************/
@media screen and (device-width: 414px) {
}

/******************************--iphoneX 浏览器--******************************/
/*---------------------------------------- ----------------------------------------------*/
@media screen and (device-width: 375px) and (min-height: 630px) and (max-height: 724px) {
}

/*---------------------------------------- android vivo----------------------*/
@media screen and (device-width: 360px) and (device-height: 568px) {
}

/*---------------------------------------- android vivo----------------------*/
@media screen and (device-width: 360px) and (device-height: 760px) {
}

/*---------------------------------------- android oppo----------------------*/
@media screen and (device-width: 360px) and (device-height: 720px) {
}

/*---------------------------------------- android oppo----------------------*/
@media screen and (device-width: 360px) and (device-height: 640px) {
}

/*--------------------iphone 11 pro Max------------------*/
@media screen and (device-width: 414px) and (min-height: 808px) {
    /* .yyzt_page06 .form .select.btn_rzcsch{width: 53%;} */
}
