body { font-family: microsoft yahei; font-size: 16px; margin: 0px; color: #333; background: url(../images/floor-bg.jpg) repeat-y top center; 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; }
.topic-floor-wrapper { width: 1200px; margin: auto; } { width: 1200px; margin: 0 auto; position: relative; }
.floor-common-btn { font-size: 0px; vertical-align: top; }
.floor-common-btn a { width: 215px; height: 55px; line-height: 52px; display: inline-block; text-align: center; font-size: 25px; font-weight: bold; }
.floor-common-btn a.btn-appointment { color: #fff; background: #a120fc; border-radius: 50px; margin-right: 100px; }
.floor-common-btn a.btn-consultation { color: #fff; background: #e956d2; border-radius: 50px; }

/*topic-wrapper*/
.topic-wrapper { width: 100%; height: auto; background: url(../images/index_bg.jpg) repeat center center; }

/*topic-kf-btn*/
.topic-kf-btn { text-align: center; margin-top: 72px; animation: zoomIn 1.2s linear 1.2s infinite alternate; }

/*topic-banner*/
.topic-banner { width: 100%; height:50vw; min-height: 700px;position: relative; overflow: hidden; }
.topic-banner img { position: absolute; margin: auto; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; }

/*topic-floor-01*/
.topic-floor-01 { width: 100%; }
.topic-floor-01 .topic-floor-wrapper { width: 1200px; height: 590px; background: url(../images/floor-01-content.png) no-repeat top center; margin: -232px auto 0; position: relative; z-index: 2; box-shadow: 0px 15px 15px 0 rgba(192,1,1,1); border-radius: 100px; }
.topic-floor-01 .floor-01-title { font-size: 50px; font-weight: bold; text-align: center; color: #fff; padding-top: 39px; }
.floor-01-content { font-size: 0px; text-align: center; margin-top: 72px; }
.floor-01-content .floor-01-item { width: 33.33%; display: inline-block; font-size: 16px; position: relative; }
.floor-01-content .floor-01-item p { font-size: 32px; font-weight: bold; color: #cf0505; }
.floor-01-content .floor-01-item span { display: block; font-size: 19px; margin-top: 20px; color: #999; }
.floor-01-content .floor-01-item img { margin-top: 75px; }
.floor-01-content .floor-01-item.f1:after,.floor-01-content .floor-01-item.f2:after { content: ""; width: 1px; height: 100%; border-right: 1px dashed #d50505; position: absolute; top: 0px; right: 0px; }

/*topic-floor-02*/
.topic-floor-02 { width: 100%; }
.topic-floor-02 .topic-floor-wrapper { width: 1200px; height: 586px; background: url(../images/floor-02-content.png) no-repeat top center; margin: 75px auto 0; position: relative; z-index: 2; box-shadow: 0px 15px 15px 0 rgba(192,1,1,1); border-radius: 100px; }
.topic-floor-02 .floor-02-title { font-size: 50px; font-weight: bold; text-align: center; color: #fff; padding-top: 39px; }
.floor-02-content { margin-top: 85px; padding: 0 72px; font-size: 0px; }
.floor-02-content .floor-02-item { margin-top: 32px; }
.floor-02-content .floor-02-item ul { font-size: 0px; }
.floor-02-content .floor-02-item ul li { width: 50%; font-size: 20px; display: inline-block; vertical-align: top; line-height: 2; position: relative; }
.floor-02-content .floor-02-item ul li:before { content: "·"; font-size: 65px; line-height: 15px; color: #ea0505; display: inline-block; vertical-align: top; position: relative; top: 10px; margin-right: 15px; }
.floor-02-content .floor-02-left,.floor-02-content .floor-02-right { width: 50%; display: inline-block; vertical-align: top; position: relative; }
.floor-02-content .floor-02-left:after { content: ""; width: 1px; height: 100%; border-right: 1px dashed #e0e0e0; position: absolute; top: 0px; right: 25px; }
.floor-02-content p { font-size: 32px; font-weight: bold; padding: 15px 50px; color: #fff; background: #ea0505; display: inline-block; }
.floor-02-content span { width: 420px; display: block; font-size: 25px; margin-top: 32px; }
.floor-02-content span b { color: #ea0505; }
.floor-02-content .floor-02-right img { width: 100%; }

/*topic-floor-03*/
.topic-floor-03 { position: relative; margin-top: 100px; }
.topic-floor-03 .topic-floor-wrapper { width: 1200px; margin: 0 auto; }
.floor-common-title { width: 860px; height: 150px; margin: auto; background: url(../images/floor-title-bg.png) no-repeat center center; font-size: 50px; line-height: 150px; color: #fff; font-weight: bold; text-align: center; margin-top: 50px; }
.topic-floor-03 .floor-03-content { text-align: center; font-size: 0px; margin-top: 72px; }
.topic-floor-03 .floor-03-content .floor-03-item { width: 25%; height: 425px; background: url(../images/floor-03-list.png) no-repeat top center; display: inline-block; font-size: 16px; padding-top: 32px; }
.topic-floor-03 .floor-03-content .floor-03-item span { font-size: 25px; color: #ea0505; display: block; }
.topic-floor-03 .floor-03-content .floor-03-item p { font-size: 32px; color: #ea0505; font-weight: bold; display: block; }
.topic-floor-03 .floor-03-content .floor-03-item .floor-03-text { width: 230px; padding: 0 20px; margin: 60px auto 0; }

/*topic-floor-05*/
.topic-floor-05
.floor-05-content { font-size: 0px; padding: 15px; background: #ff0000; box-shadow: 0 15px 15px 0 rgba(190,5,5,1); margin-top: 50px; }
.floor-05-content span { font-size: 0px; }

/*topic-floor-06*/
.topic-floor-06 { margin: 100px auto; }
.topic-floor-06 .floor-06-content { width: 1200px; height: 206px; background: url(../images/yuyue_bg.png) no-repeat center center; position: relative; }
.topic-floor-06 .floor-06-content .floor-06-input { position: absolute; right: 255px; top: 30.5px; }
.topic-floor-06 .floor-06-content .floor-06-input input { width: 355px; height: 50px; vertical-align: middle; background: #fff; border-radius: 50px; padding: 0 20px; font-size: 16px; }
.topic-floor-06 .floor-06-content .floor-06-input p { margin: 15px 0; }
.topic-floor-06 .floor-06-content .floor-06-btn { position: absolute; top: 33.5px; right: 100px; }

/*topic-floor-07*/
.topic-floor-07 .floor-07-content { width: 100%; height: 1209px; background: url(../images/kefu_bbg.jpg) no-repeat center center; margin-top: 100px; }
.floor-07-content .floor-07-top { padding-top: 100px; overflow: hidden; }
.floor-07-content .floor-07-top ul { font-size: 0px; text-align: center; }
.floor-07-content .floor-07-top ul li { width: 25%; height: 196px; display: inline-block; font-size: 25px; color: #fff; font-weight: bold; vertical-align: top; background: url(../images/num_01.png) no-repeat; margin-top: 15px; display: table; float: left; }
.floor-07-content .floor-07-top ul li span { display: table-cell; vertical-align: middle; }
.floor-07-content .floor-07-top ul li.f2 { background: url(../images/num_02.png) no-repeat; }
.floor-07-content .floor-07-top ul li.f3 { background: url(../images/num_03.png) no-repeat; }
.floor-07-content .floor-07-top ul li.f5 { background: url(../images/num_04.png) no-repeat; }
.floor-07-content .floor-07-top ul li.f6 { background: url(../images/num_05.png) no-repeat; }
.floor-07-content .floor-07-top ul li.f7 { background: url(../images/num_06.png) no-repeat; }
.floor-07-content .floor-07-top ul li.f8 { background: url(../images/num_07.png) no-repeat; }
.floor-07-content .floor-07-top ul li.f9 { background: url(../images/num_08.png) no-repeat; }
.floor-07-bottom { margin-top: 245px; }
.floor-07-bottom .floor-07-bottom--content { padding: 15px; background: #ff0000; box-shadow: 0 15px 15px 0 rgba(190,5,5,1); position: relative; display: table; }
.floor-07-bottom .floor-07-text { width: 70%; background: #fff; padding: 25px; height: 290px; margin-right: 360px; font-size: 25px; line-height: 2; display: table-cell; vertical-align: middle; }
.floor-07-bottom .floor-07-text p span { color: #ea0505; }
.floor-07-bottom .floor-07-bottom--btn { position: absolute; right: 0px; top: 0px; }
.floor-07-bottom .floor-07-bottom--btn img { width: 360px; height: 370px; animation: zoomIn 1.2s linear 1.2s infinite alternate; }

/*topic-floor-08*/
.topic-floor-08 { width: 100%; height: 685px; background: url(../images/last_bg.jpg) no-repeat center center; }
.topic-floor-08 .topic-floor-wrapper { height: 685px; display: table; position: relative; top: -15px; }
.topic-floor-08 .floor-08-content { display: table-cell; vertical-align: middle; text-align: center; font-size: 32px; line-height: 1.5; }
.topic-floor-08 .floor-08-content p { font-size: 32px; color: #fff; }
.topic-floor-08 .floor-08-content p span,.topic-floor-08 .floor-08-content p em { font-size: 50px; font-weight: bold; }

@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; }