body { font-family: microsoft yahei; font-size: 16px; margin: 0px; color: #000; overflow-x: hidden; }

/*rest*/
ul,li,i,em,p,input,textarea { padding: 0px; margin: 0px; list-style: none; font-style: normal; border: 0px; }
img { font-size: 0px; border: 0px; padding: 0px; margin: 0px; }
a,a:hover { text-decoration: none; color: #999; }
select::-ms-expand { display: none; }
select,input,textarea { background: transparent; border: none; outline: none; resize: none; font-family: microsoft yahei; }
.zt-wrapper { width: 1200px; height: auto; margin: auto; position: relative; }

/*zt-banner*/
.zt-banner { width: 100%; height: 680px; font-size: 0px; text-align: center; position: relative; overflow: hidden; font-size: 0px; }
.zt-banner:after { content: ""; width: 100%; height: 235px; background: url(../images/banner-bg.png) no-repeat bottom center; display: block; position: absolute; bottom: 0px; left: 0px; z-index: 2; }
.zt-banner img { position: absolute; margin: auto; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; }

/*zt-bm-column*/
.zt-bm-column { margin-top: -75px; position: relative; z-index: 5; }
.zt-bm-column .zt-bm-wrapper { width: 1200px; height: 235px; margin: auto; background: #ff1111; }
.zt-bm-column .zt-bm-box { font-size: 0px; }
.zt-bm-column .zt-bm-box .zt-bm-left { padding: 50px; }
.zt-bm-column .zt-bm-box .zt-bm-left .bm-small-text { font-size: 12px; }
.zt-bm-column .zt-bm-box .zt-bm-left .bm-small-text:before { content: ""; width: 160px; height: 1px; background: #000; display: inline-block; vertical-align: middle; margin-right: 15px; }
.zt-bm-column .zt-bm-box .zt-bm-left .bm-big-text { margin-top: 20px; font-size: 0px; }
.zt-bm-column .zt-bm-box .zt-bm-left .bm-big-title,.zt-bm-column .zt-bm-box .zt-bm-left .bm-people-list { display: inline-block; vertical-align: top; font-size: 16px; }
.zt-bm-column .zt-bm-box .zt-bm-left .bm-big-title { color: #fff; font-size: 29px; font-weight: bold; }
.zt-bm-column .zt-bm-box .zt-bm-left .bm-people-list { color: #fff; background: #d60f0f; height: 50px; overflow: hidden; line-height: 50px; padding: 0 20px; margin-left: 50px; position: relative; top: -5px; }
.zt-bm-column .zt-bm-box .zt-bm-left .bm-people-list ul li:before { content: ""; width: 5px; height: 5px; background: #ffdb55; display: inline-block; margin-right: 20px; vertical-align: middle; }
.zt-bm-column .zt-bm-box .bm-input-content { margin-top: 20px; font-size: 0px; }
.zt-bm-column .zt-bm-box .bm-input-content p { display: inline-block; margin-left: 25px; font-size: 16px; }
.zt-bm-column .zt-bm-box .bm-input-content p:first-child { margin-left: 0px; }
.zt-bm-column .zt-bm-box .bm-input-content p input { background: #fff; width: 405px; height: 55px; vertical-align: middle; padding: 0 15px; font-size: 16px; }
.zt-bm-column .zt-bm-box .zt-bm-left,.zt-bm-column .zt-bm-box .zt-bm-right { display: inline-block; vertical-align: top; font-size: 16px; }
.zt-bm-column .zt-bm-box .zt-bm-right { width: 205px; }
.zt-bm-column .zt-bm-box .zt-bm-right .zt-bm-top { color: #fff; background: #d60f0f; height: 95px; text-align: center; line-height: 95px; }
.zt-bm-column .zt-bm-box .zt-bm-right .zt-bm-top i { color: #ffdb55; margin: 0 5px; }
.zt-bm-column .zt-bm-box .zt-bm-right .zt-bm-btn a { height: 140px; line-height: 140px; text-align: center; color: #fff; background: #9e0b0b; display: block; font-size: 26px; font-weight: bold; }

/*zt-floor-01*/
.zt-floor-01 { height: 677px; margin-top: 100px; }
.zt-common-title { text-align: center; position: relative; margin-bottom: 100px; }
.zt-common-title span { font-size: 32px; font-weight: bold; position: relative; z-index: 2; }
.zt-common-title:before { content: ""; width: 75px; height: 139px; border: 1px solid #d9d9d9; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; z-index: 1; }
.zt-common-title:after { content: ""; width: 25px; height: 5px; background: #ff1111; display: block; position: absolute; top: 135px; right: 0px; bottom: 0px; left: 0px; margin: auto; z-index: 2; }
.zt-floor-01 .floor-01-zt { font-size: 0px; position: relative; }
.zt-floor-01 .floor-01-zt .floor-01-item { display: inline-block; vertical-align: top; font-size: 16px; position: relative; transition: all 0.5s ease; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-01:hover { transform: translateY(-25px); }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-02:hover { transform: translate(59px,-100px); }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-05:hover { transform: translateX(59px); }
.zt-floor-01 .floor-01-zt .floor-01-item .floor-01-text { margin: 0 0 20px 90px; padding-top: 20px; }
.zt-floor-01 .floor-01-zt .floor-01-item .floor-01-text:after { content: ""; width: 1px; height: 175px; background: #000; display: inline-block; vertical-align: top; position: absolute; top: 0px; left: 55px; }
.zt-floor-01 .floor-01-zt .floor-01-item .floor-01-text span { font-size: 25px; }
.zt-floor-01 .floor-01-zt .floor-01-item .floor-01-text p { font-size: 32px; font-weight: bold; color: #ff1111; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-01 { position: relative; z-index: 2; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-02 { position: absolute; top: 100px; left: 376px; z-index: 1; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-02 .floor-01-text { margin-left: 125px; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-02 .floor-01-text:after { left: 90px; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-05 { position: absolute; top: 0px; left: 755px; z-index: 0; }
.zt-floor-01 .floor-01-zt .floor-01-item .floor-01-pic { border: 15px solid #000; font-size: 0px; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-01 .floor-01-pic { border: 15px solid #ff1111; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-05 .floor-01-pic { border: 15px solid #f0f0f0; }
.zt-floor-01 .floor-01-zt .floor-01-item.zt-05 .floor-01-pic img { width: 405px; height: 290px; }

/*zt-floor-02*/
.zt-floor-02 { width: 100%; padding: 50px 0 115px; margin-top: 100px; background: #ff1111; background: url(../images/floor-02-bg.gif) no-repeat center center; }
.zt-common-title.r { margin-top: 100px; }
.zt-common-title.r span { color: #fff; }
.zt-common-title.r:before { border: 1px solid #ff9595; }
.zt-common-title.r:after { background: #000; }
.zt-floor-02 .floor-02-box { font-size: 0px; text-align: center; }
.zt-floor-02 .floor-02-item { width: 290px; background: #fff; display: inline-block; font-size: 16px; margin-left: 10px; transition: all 0.5s ease; }
.zt-floor-02 .floor-02-item:hover { transform: translateY(-25px); box-shadow: 0 15px 25px 0 rgba(0,0,0,0.25); }
.zt-floor-02 .floor-02-item:first-child { margin-left: 0px; }
.zt-floor-02 .floor-02-item .floor-02-item--top { padding: 20px 20px; }
.zt-floor-02 .floor-02-item .floor-02-item--top:before { content: ""; width: 25px; height: 5px; background: #ff1111; display: block; margin: 32px auto; }
.zt-floor-02 .floor-02-item .floor-02-item--top .floor-02-item--title { font-size: 32px; font-weight: bold; }
.zt-floor-02 .floor-02-item .floor-02-item--top .floor-02-item--descript { font-size: 20px; margin-top: 15px; }
.zt-floor-02 .floor-02-item .floor-02-item--top .floor-02-item--descript span { color: #ff1111; display: block; }
.zt-floor-02 .floor-02-item .floor-02-item--pic { width: 290px; height: 252px; overflow: hidden; font-size: 0px; margin-top: 72px; }
.zt-floor-02 .floor-02-item .floor-02-item--pic img { width: 290px; height: 252px; }
.zt-floor-02 .floor-02-item.fl-02 { position: relative; top: 60px; }

/*zt-floor-03*/
.zt-floor-03 { margin-top: 100px; }
.zt-floor-03 .zt-wrapper { width: 1232px; }
.zt-floor-03 .floor-03-box { font-size: 0px; }
.zt-floor-03 .floor-03-item { height: 235px; display: inline-block; font-size: 0px; vertical-align: top; background: #faf2dd; margin: 32px 32px 0 0; transition: all 0.5s ease; }
.zt-floor-03 .floor-03-item:hover { transform: scale(1.05); box-shadow: 0 15px 15px 0 rgba(0,0,0,0.02); }
.zt-floor-03 .floor-03-item .floor-03-left,.zt-floor-03 .floor-03-item .floor-03-right { display: inline-block; vertical-align: top; font-size: 16px; }
.zt-floor-03 .floor-03-item .floor-03-left { width: 156px; height: 171px; padding: 32px; }
.zt-floor-03 .floor-03-item .floor-03-left .floor-left-title span { font-size: 26px; }
.zt-floor-03 .floor-03-item .floor-03-left .floor-left-title p { font-size: 26px; font-weight: bold; }
.zt-floor-03 .floor-03-item .floor-03-left .floor-left-title:after { content: ""; width: 25px; height: 5px; background: #000; display: block; margin: 20px 0; }
.zt-floor-03 .floor-03-item .floor-03-right { width: 349px; height: 225px; overflow: hidden; font-size: 0px; border: 5px solid #faf2dd; }
.zt-floor-03 .floor-03-item .floor-03-right img { width: 349px; height: 225px; }

/*zt-floor-05*/
.zt-floor-05 { padding-top: 100px; margin-top: 100px; position: relative; }
.zt-floor-05:before { content: ""; width: 100%; height: 590px; background: #f7f7f7; display: block; position: absolute; top: 0px; left: 0px; }
.zt-floor-05 .floor-05-box { font-size: 0px; margin-top: 150px; }
.zt-floor-05 .floor-05-box .floor-05-item { width: 306px; height: 435px; display: inline-block; vertical-align: top; font-size: 16px; background: #fff; padding: 75px 25px 25px; text-align: center; margin-left: 66px; transition: all 0.5s ease; }
.zt-floor-05 .floor-05-box .floor-05-item:hover { transform: translateY(-25px); box-shadow: 0 15px 15px 0 rgba(0,0,0,0.05); }
.zt-floor-05 .floor-05-box .floor-05-item:first-child { margin-left: 0px; }
.zt-floor-05 .floor-05-box .floor-05-item .floor-05-update--name { font-size: 26px; margin: 0 20px; }
.zt-floor-05 .floor-05-box .floor-05-item .floor-05-update--brand { font-size: 26px; font-weight: bold; color: #ff1111; border-top: 1px solid #ebebeb; padding-top: 15px; margin: 15px 20px 0; }
.zt-floor-05 .floor-05-box .floor-05-item .floor-05-update--pic { width: 306px; height: 259px; overflow: hidden; margin-top: 75px; }

/*zt-floor-bm*/
.zt-floor-bm { margin-top: 100px; }
.zt-floor-bm .floor-bm-box { width: 1200px; height: 225px; background: url(../images/bm-banner.jpg) no-repeat top center; position: relative; }
.zt-floor-bm .floor-bm-box .floor-bm-input { padding-left: 535px; position: relative; top: 50px; }
.zt-floor-bm .floor-bm-box .floor-bm-input input { width: 305px; height: 50px; background: #fff; padding: 0 25px; font-size: 16px; vertical-align: middle; border-radius: 50px; }
.zt-floor-bm .floor-bm-box .floor-bm-input p { margin-top: 25px; }
.zt-floor-bm .floor-bm-box .floor-bm-btn { width: 125px; height: 125px; position: absolute; right: 125px; top: 50px; display: table; }
.zt-floor-bm .floor-bm-box .floor-bm-btn a { width: 125px; height: 125px; background: #fff55c; color: #ff1111; font-size: 25px; font-weight: bold; display: table-cell; text-align: center; vertical-align: middle; border-radius: 100px; animation: zoomIn 1.2s linear 1.2s infinite alternate; }

/*zt-floor-06*/
.zt-floor-06 { padding: 50px 0; margin-top: 100px; position: relative; background: #ff1111 url(../images/floor-06-bg.gif) no-repeat center center; }
.zt-floor-06 .zt-wrapper { width: 1220px; }
.zt-floor-06 .floor-06-content { margin-top: 125px; }
.zt-floor-06 .floor-06-content ul { font-size: 0px; }
.zt-floor-06 .floor-06-content ul li { width: 285px; height: 225px; text-align: center; background: #fff; display: inline-block; font-size: 16px; margin: 20px 20px 0 0; font-size: 25px; font-weight: bold; color: #ff1111; position: relative; transition: all 0.1s ease; }
.zt-floor-06 .floor-06-content ul li div { width: 285px; height: 225px; display: table; transition: all 0.5s ease; }
.zt-floor-06 .floor-06-content ul li div:after { content: ""; width: 0px; height: 0px; border: 1px solid #fff; display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; transition: all 0.5s ease; }
.zt-floor-06 .floor-06-content ul li div span { display: table-cell; vertical-align: middle; position: relative; }
.zt-floor-06 .floor-06-content ul li:after { content: ""; width: 100%; line-height: 225px; font-size: 100px; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; color: rgba(255,17,17,0.1); transition: all 0.5s ease; }
.zt-floor-06 .floor-06-content ul li.cn-01:after { content: "1"; }
.zt-floor-06 .floor-06-content ul li.cn-02:after { content: "2"; }
.zt-floor-06 .floor-06-content ul li.cn-03:after { content: "3"; }
.zt-floor-06 .floor-06-content ul li.cn-05:after { content: "4"; }
.zt-floor-06 .floor-06-content ul li.cn-06:after { content: "5"; }
.zt-floor-06 .floor-06-content ul li.cn-07:after { content: "6"; }
.zt-floor-06 .floor-06-content ul li.cn-08:after { content: "7"; }
.zt-floor-06 .floor-06-content ul li.cn-09:after { content: "8"; }
.zt-floor-06 .floor-06-content ul li:before { content: ""; width: 0px; height: 0px; position: absolute; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto; background: #ff1111; transition: all 0.5s ease; }
.zt-floor-06 .floor-06-content ul li:hover:after { color: rgba(255,255,255,0.1); }
.zt-floor-06 .floor-06-content ul li:hover:before { width: 100%; height: 100%; }
.zt-floor-06 .floor-06-content ul li:hover div:after { content: ""; width: 265px; height: 205px; }
.zt-floor-06 .floor-06-content ul li:hover { color: #fff; }

/*zt-floor-07*/
.zt-floor-07 { margin-top: 100px; }
.zt-common-descript { text-align: center; margin-top: -20px; font-size: 20px; }
.zt-floor-07 .floor-07-content { font-size: 0px; border: 15px solid #fff3f3; text-align: center; margin-top: 75px; }
.zt-floor-07 .floor-07-content .floor-07-box { border: 1px solid #ff1111; padding: 50px 25px; }

/*zt-floor-08*/
.zt-floor-08 { margin-top: 100px; text-align: center; position: relative; }
.zt-floor-08:after { content: ""; width: 100%; height: 505px; background: #ff1111; position: absolute; bottom: -350px; left: 0px; z-index: 1; }
.zt-floor-08 .floor-08-content { font-size: 0px; position: relative; z-index: 2; }
.zt-floor-08 .floor-08-content .floor-08-text { width: 417px; height: 268px; color: #fff; font-size: 42px; position: absolute; top: 179px; left: 490px; margin: 50px 20px; }
.zt-floor-08 .floor-08-content .floor-08-text .floor-08-bottom { font-weight: bold; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 15px; margin-top: 15px; }
.zt-floor-08 .floor-08-content .floor-08-text .floor-08-btn a { width: 165px; height: 50px; background: #f7ff11; display: block; font-size: 25px; line-height: 50px; color: #ff1111; font-weight: bold; text-align: center; padding: 0 20px; margin: 25px auto 0; border-radius: 50px; animation: zoomIn 1.2s linear 1.2s infinite alternate; }

/*zt-floor-text*/
.zt-floor-text { position: relative; z-index: 2; margin-top: 50px; }
.zt-floor-text .floor-text-content { font-size: 0px; }
.zt-floor-text .floor-text-left,.zt-floor-text .floor-text-right { display: inline-block; vertical-align: top; font-size: 20px; }
.zt-floor-text .floor-text-left { background: #fff; padding: 25px; }
.zt-floor-text .floor-text-left .floor-text-display { width: 755px; max-height: 225px; display: table; }
.zt-floor-text .floor-text-left .floor-text-table { display: table-cell; vertical-align: middle; line-height: 1.9; }
.zt-floor-text .floor-text-left .floor-text-table i { color: #ff1111; }
.zt-floor-text .floor-text-right { margin-left: 39.9px; text-align: center; }
.zt-floor-text .floor-text-right .floor-text-title { color: #fff; font-size: 32px; font-weight: bold; }
.zt-floor-text .floor-text-right .floor-text-input p { margin-top: 15px; }
.zt-floor-text .floor-text-right .floor-text-input p input { width: 325px; height: 50px; vertical-align: middle; font-size: 16px; background: #fff; padding: 0 15px; }
.zt-floor-text .floor-text-right .floor-text-input a { width: width: 325px; height: 50px; line-height: 50px; text-align: center; color: #ff1111; background: #f7ff11; display: block; font-size: 20px; font-weight: bold; }

/*zt-floor-09*/
.zt-floor-09 { margin-top: 150px; }
.zt-floor-09 .floor-09-content { font-size: 0px; margin-top: 75px; }

/*animation: zoomIn 0.75s linear 0.75s infinite alternate;*/
@keyframes zoomIn {
	0% { transform: scale(0.7); }
	50% { transform: scale(1); }
	100% { transform: scale(0.7); }
}


.move { animation:move 2s; animation-fill-mode:forwards; animation-direction:alternate; }
.move .ant1, .move .ant2, .move .ant3, .move .ant4, .move .ant5, .move .ant6, .move .ant7, .move .ant8, .move.ant1, .move.ant2, .move.ant3, .move.ant4, .move.ant5, .move.ant6, .move.ant7, .move.ant8 {
	transform: translate3d(0, 0px, 0);
    opacity: 1;
}
.ant1, .ant2, .ant3, .ant4, .ant5, .ant6, .ant7, .ant8 {
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    transition: all 1s ease;
}
.ant1 { transition-delay: 0.1s; }
.ant2 { transition-delay: 0.2s; }
.ant3 { transition-delay: 0.3s; }
.ant4 { transition-delay: 0.4s; }
.ant5 { transition-delay: 0.5s; }
.ant6 { transition-delay: 0.6s; }
.ant7 { transition-delay: 0.7s; }
.ant8 { transition-delay: 0.8s; }