.rollmore{ width:2.5vw; height:2.5vw; border-radius:50%;   line-height:3vw; position:absolute;left:50%;  margin-left:-1.25vw; z-index:99; text-align:center;bottom:6%;}
 .rollmore i{color:#df0716;  font-size:1.8vw;transition:all .5s; }
	 a .rollmore{ opacity: 1;  visibility: visible;  border: rgba(255, 255, 255, .5) solid 2px;background: rgba(255, 255, 255, .3) ; color:#d4a70f;-webkit-animation: bounce-down 1.5s linear infinite;   animation: bounce-down 1.5s linear infinite; transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}
	a:hover .rollmore {-webkit-box-shadow: 0px 1px 20px #cacaca;	-moz-box-shadow: 0px 1px 20px #cacaca;	box-shadow: 0px 1px 20px #cacaca;-webkit-transform: translateY(0);background: rgba(223, 7, 22, 0.5) ; color:#fff;transition:all .8s;}
	a:hover .rollmore i{color:#fff;transition:all .5s; }
	/*-杩愮敤<div class="animate-bounce-up"></div>*/
.animate-bounce-down{
 -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}	
 .rollmore.is-visible{opacity: 0; visibility: hidden; transition: all .3s; -webkit-transition: all .3s;  -moz-transition: all .3s;}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(10px);
    }
}
 
@keyframes bounce-down {
    25% {
        transform: translateY(-10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(10px);
    }
}
 

 
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(10px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-10px);
    }
}
 
@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}
 
.animate-bounce-up{
    -webkit-animation: bounce-up 1.4s linear infinite;
    animation: bounce-up 1.4s linear infinite;
}
/*--CSS3 鍏冪礌涓婁笅鍔�--*/
 #mainCon{position: relative; background: url(../images/20191218/f01.jpg) #fff repeat;}
 .pbanner{ width:100%; height:auto; overflow:hidden; position:relative}
.pbanner img{width:100%; height:auto;}
.teamItem{width: 80%;height:auto; text-align:center; margin:0 auto; position:relative}
.teamItem .txtpostion{ display:none; width:100%; position:absolute; left:0; top:50%;transform: translate(0, -50%);}

.floor01{ width:100%; height:auto; }

.floor01 .min-height{ min-height:79px}
.floor01 .lefttitle{ float:left; width:182px; height:auto; position:relative}
.floor01 .lefttitle .bg img{ width:100%;  height:auto}
.floor01 .lefttitle .tcon{ width:auto; position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); }
.floor01 .lefttitle .tcon img{ width:69px; height:auto;}
.floor01 .lefttitle .tcon h2{ color:#FFF; font-weight:500; font-size:28px;white-space: nowrap; line-height:200%; letter-spacing:2px;}
.floor01 .rightTxt{ float:left; width:calc(100% - 182px); text-align:left; padding:0 0 0 4vw}
.floor01 .rightTxt h1{ font-weight:500; margin-bottom:2vh}
.floor01 .rightTxt p{ line-height:240%; font-size:1vw; color:#333}

.floor02{ width:100%; height:auto; min-height:610px; margin-bottom:3vh; background: url(../images/20191218/f02bg.jpg) #fff repeat-x; box-shadow:1px 1px 30px rgba(200, 200, 200, 1); text-align:center}
.floor02 .titleBox{ width:175px; height:auto; display:inline-block; margin-top:-22px;}
.floor02 .titleBox .tcon{ position:relative;}
.floor02 .titleBox .tcon img{width:100%; height:auto;}
.floor02 .titleBox .tcon h2{ font-weight:500; font-size:28px;white-space: nowrap; line-height:200%; letter-spacing:2px;color:#FFF;position:absolute; left:50%; top:50%;transform: translate(-50%, -50%);}

.floor03{ padding:4vh 0;}
.floor03 .titleBox .tcon h1{font-size:1.8vw; display:inline-block; float:left; font-weight:500; letter-spacing:2px;}
.floor03 .titleBox .tcon .moreBtn{ float:right;}
.floor03 .titleBox .tcon .moreBtn img{ width:1.2vw; height:auto}
.floor03 .titleBox .tcon .moreBtn span{ padding:0 .3vw;}
.floor03 .newsBox{ margin:3vh 0 0; position:relative}
.floor03 .newsBox li .firstCon{width:100%; background:#fff; border-top-left-radius:3px; border-bottom-left-radius:3px;border-top-right-radius:3px; border-bottom-right-radius:3px;overflow:hidden;transition: all .5s ; position:relative}

.floor03 .newsBox li .firstCon .picCon{ float:left;width:50%; height:auto;overflow:hidden; position:relative;transition: all .5s}
.floor03 .newsBox li .firstCon .picCon img{ width:100%; height:auto;}
.floor03 .newsBox li .firstCon .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.floor03 .newsBox li:hover .firstCon .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}


.floor03 .newsBox .firstCon .txtCon{ width:50%; height:100%; min-height:229px; float:left; text-align:left;padding:5vh 2vw;  }

.floor03 .newsBox .firstCon .txtCon h2{ text-align:left; font-weight:500; font-size:1.2vw;line-height:160%; }
.floor03 .newsBox .firstCon .txtCon p{ padding:1vh 0; line-height:200%;text-overflow:-o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display:-webkit-box;  -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.floor03 .newsBox .bottomCon{ width:100%; position:absolute;  bottom:1.5vh; left:0; padding:0 1vw;  }
.floor03 .newsBox .firstCon .bottomCon{left:50%;  }
.floor03 .newsBox .myID{ position:absolute; width:80px; height:3.5vh; top:2vh; left:0; line-height:3.5vh;border-top-right-radius:3px; border-bottom-right-radius:3px;color:#FFF; background: rgba(237, 28, 36, .8); z-index:9;box-shadow:1px 1px 20px rgba(0,0, 0, 0.8); }
.floor03 .newsBox .myID.media{ position:absolute; width:80px; height:3.5vh; top:3vh; left:0; line-height:3.5vh;border-top-right-radius:3px; border-bottom-right-radius:3px;color:#FFF; background: rgba(255, 180, 0, .8); z-index:9; box-shadow:1px 1px 20px rgba(0,0, 0, 0.8);}
.floor03 .newsBox .firstCon .myID{ width:100px;height:4vh;line-height:4vh; top:3vh; left:0; }
.floor03 .newsBox .timeBox{ padding:0;  float:left; display:inline-block; color:#999999 }
.floor03 .newsBox .timeBox b{ font-size:45px; line-height:100%; padding:0; margin:0; display:block;}
.floor03 .newsBox .timeBox span{ line-height:100%; padding:0; margin:0;}
.floor03 .newsBox .bottomCon .jiantuo{ float:right; margin-right:1vw; margin-top:2vh;transition: all .5s}
.floor03 .newsBox .bottomCon .jiantuo img{ width:1.5vw; height:auto}
.floor03 .newsBox .firstCon .bottomCon{padding:0 2vw; }
.floor03 .newsBox .firstCon a .txtCon p{ padding:1vh 0; line-height:200%;color:#686868 }
.floor03 .newsBox .firstCon:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor03 .newsBox .firstCon:hover .bottomCon .jiantuo{margin-right:0; transition: all .5s}
.floor03 .newsBox ul.newList{ margin:0 -.8vw;}
.floor03 .newsBox ul.newList li{ width:25%; padding:0 .8vw; float:left; position:relative;}
.floor03 .newsBox ul.newList li .newsBox{ border-top-left-radius:3px; border-top-right-radius:3px;background:#fff;overflow:hidden; transition: all .5s}
.floor03 .newsBox ul.newList li .newsBox .picCon{width:100%; height:auto;overflow:hidden; position:relative;transition: all .5s}
.floor03 .newsBox ul.newList li .newsBox .picCon img{ width:100%; height:auto;}
.floor03 .newsBox ul.newList li .newsBox .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.floor03 .newsBox ul.newList li .newsBox .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.floor03 .newsBox ul.newList li .newsBox .txt{ padding:0.8vw 1vw; min-height:170px;position:relative}
.floor03 .newsBox ul.newList li .newsBox .txt h3{ text-align:left; font-weight:500;font-size:1vw;line-height:160%; text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.floor03 .newsBox ul.newList li .newsBox:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor03 .newsBox ul.newList li .newsBox:hover .bottomCon .jiantuo{margin-right:0; transition: all .5s}


.floor04{padding:4vh 0 2vh 0;}
.floor04 .titleBox .tcon h1{font-size:1.8vw; display:inline-block; float:left; font-weight:500; letter-spacing:2px;}
.floor04 .titleBox .tcon .moreBtn{ float:right;}
.floor04 .titleBox .tcon .moreBtn img{ width:1.2vw; height:auto}
.floor04 .titleBox .tcon .moreBtn span{ padding:0 .3vw;}


.floor05{ padding:5vh 0 2vh 0;}
.floor05 .titleBox .tcon h1{font-size:1.8vw; display:inline-block; float:left; font-weight:500; letter-spacing:2px;}
.floor05 .titleBox .tcon .moreBtn{ float:right;}
.floor05 .titleBox .tcon .moreBtn img{ width:1.2vw; height:auto}
.floor05 .titleBox .tcon .moreBtn span{ padding:0 .3vw;}

.floor05 .firstBox{width:100%; height:auto; margin:4vh 0; border-radius:5px; overflow:hidden;position:relative;transition: all .5s}
.floor05 .firstBox:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor05 .firstBox img{width:100%; height:auto}
.floor05 .firstBox  a  img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.floor05 .firstBox a:hover  img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.floor05 .firstBox .titleTxt{position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); color:#FFF; z-index:2;}
.floor05 .firstBox .titleTxt h1{ font-weight:300; line-height:150%; text-decoration:underline}

.floor05 .firstBox .titleTxt p{ font-size:1vw; margin:2vh 0;display: flex;align-items: center;justify-content: center;}
.floor05 .firstBox .titleTxt p i{ padding:0 .5vw; font-size:3vw; }
.floor05 .firstBox  .popBg{background: rgba(0,0, 0, .3)  no-repeat ; background-position: center center; position:absolute; width:100%; height:100%; z-index:1;}

.floor05 .videoBox{margin:2vh -.8vw;}
.floor05 .videoBox ul li{ width:50%; padding:0 .8vw; float:left; }
.floor05 .videoBox ul li .picCon{ padding:0; position:relative; overflow:hidden;transition: all .5s}
.floor05 .videoBox ul li .picCon:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor05 .videoBox ul li .picCon img{ width:100%; height:auto}

.floor05 .videoBox ul li  a .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.floor05 .videoBox ul li a:hover .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.floor05 .videoBox ul li .picCon .popBg{background: url(../images/20191218/vodeo.png) rgba(0,0, 0, .3)  no-repeat ; background-position: center center; background-size:50px 50px; position:absolute; width:100%; height:100%; z-index:1;}
.floor05 .videoBox ul li p{ line-height:300%;}

.floor06{ padding:3vh 0;}
.floor06 .titleBox .tcon h1{font-size:1.8vw; display:inline-block; float:left; font-weight:500; letter-spacing:2px;}
.floor06 .titleBox .tcon .moreBtn{ float:right;}
.floor06 .titleBox .tcon .moreBtn img{ width:1.2vw; height:auto}
.floor06 .titleBox .tcon .moreBtn span{ padding:0 .3vw;}
.floor06 .massageBox{margin:4vh 0; position:relative}
.floor06 .massageBox .leftImg{  width:50%; height:auto; position:relative;transition: all .5s}
.floor06 .massageBox .leftImg .mainImg img{ width:100%; height:auto; }
.floor06 .massageBox .leftImg .trIcon{ width:21px; height:auto; position:absolute; top:0; left:100%;}
.floor06 .massageBox .leftImg .trIcon img{ width:100%; height:auto;}
.floor06 .massageBox .leftImg .tbIcon{ width:21px; height:auto; position:absolute; bottom:0; left:100%;}
.floor06 .massageBox .leftImg .tbIcon img{ width:100%; height:auto;}

.floor06 .massageBox .rightTxt{ width:50%; height:calc(100% - 48px); background:#fff; position:absolute; top:24px; left:50%; transition: all .5s  }
.floor06 .massageBox .rightTxt .txtCon{ width:100%; height:100%; min-height:229px; float:left; text-align:left;padding:2vw 2vw; position:relative  }
.floor06 .massageBox .rightTxt .txtCon h2{ font-size:1.2vw;line-height:160%;text-align:left; font-weight:500; }
.floor06 .massageBox .rightTxt .txtCon p{ padding:1vh 0; line-height:200%;text-overflow:-o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display:-webkit-box;  -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.floor06 .massageBox .rightTxt  .bottomCon{ width:100%; position:absolute; bottom:2vw; right:0; padding:0 2vw;  }
.floor06 .massageBox .rightTxt  .timeBox{ padding:0;  float:left; display:inline-block; color:#999999 }
.floor06 .massageBox .rightTxt  .timeBox b{ font-size:45px; line-height:100%; padding:0; margin:0; display:block;}
.floor06 .massageBox .rightTxt  .timeBox span{ line-height:100%; padding:0; margin:0;}
.floor06 .massageBox .rightTxt  .bottomCon .jiantuo{ float:right; margin-right:2vw; margin-top:2vh;transition: all .5s}
.floor06 .massageBox .rightTxt  .bottomCon .jiantuo img{ width:1.5vw; height:auto}
.floor06 .massageBox:hover .leftImg{  box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor06 .massageBox:hover .rightTxt{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor06 .massageBox:hover .rightTxt .bottomCon .jiantuo{margin-right:0; transition: all .5s}
.floor06 .massageBox a .rightTxt .txtCon p{ padding:1vh 0; line-height:200%;color:#686868 }
@media (min-width: 769px) and (max-width: 1520px){
	.floor02{ min-height:580px;}

.floor03 .newsBox .firstCon .txtCon h2{font-size:18px;line-height:160%; }

.floor03 .newsBox ul.newList li .newsBox .txt h3{font-size:16px;line-height:160%;}
.floor06 .massageBox .rightTxt .txtCon h2{ font-size:18px; }

}
@media (max-width: 768px) { 
 .rollmore{ display:none}
 #mainCon{ background: #fff;}

.teamItem{width: 100%;height:auto; text-align:center; margin:0 auto; position:relative}
.teamItem .txtpostion{ width:100%; position:static; left:0; top:50%;transform:none;}

.floor01{ display:none; width:100%; height:auto; background:  #fafafa; padding:40px 0;}

.floor01 .min-height{ min-height:inherit}
.floor01 .lefttitle{ float:none; width:100%; height:auto; position:relative}
.floor01 .lefttitle .bg img{ display:none; width:100%;  height:auto}
.floor01 .lefttitle .tcon{ width:auto; position:static; left:50%; top:50%;transform:none; }
.floor01 .lefttitle .tcon img{display:none; width:69px; height:auto;}
.floor01 .lefttitle .tcon h2{ color:#333; font-weight:700; font-size:24px;white-space: nowrap; line-height:100%; letter-spacing:1px;}
.floor01 .rightTxt{ float:none; width:100%; text-align:left; padding:20px;}
.floor01 .rightTxt h1{ font-weight:500; margin-bottom:10px; font-size:16px; text-align:center;}
.floor01 .rightTxt p{ line-height:200%; font-size:14px; color:#333}



.floor02{ width:100%; height:auto; min-height:inherit; background:none;  padding:40px 0;text-align:center}
.floor02 .titleBox{ width:175px; height:auto; display:inline-block; margin-top:-22px;}
.floor02 .titleBox .tcon{ position:relative;}
.floor02 .titleBox .tcon img{ display:none; width:100%; height:auto;}
.floor02 .titleBox .tcon h2{ font-weight:700; font-size:24px;white-space: nowrap; line-height:100%; letter-spacing:1px;color:#333;position:static; left:50%; top:50%;transform: none;}


.floor03{ background:#fff; padding:20px 0;}
.floor03 .titleBox .tcon h1{font-size:24px; display:inline-block; float:left; font-weight:500; letter-spacing:1px;}
.floor03 .titleBox .tcon .moreBtn{ float:right;}
.floor03 .titleBox .tcon .moreBtn img{ display:none; width:1.2vw; height:auto}
.floor03 .titleBox .tcon .moreBtn span{ padding:0 .3vw;}
.floor03 .newsBox{ margin:20px 0;}
.floor03 .newsBox li .firstCon{ padding:0 0; border-top-left-radius:0px; border-bottom-left-radius:0px;overflow:hidden;transition: all .5s}
.floor03 .newsBox li .firstCon .picCon{float:none; width:100%; height:auto;overflow:hidden; position:relative;transition: all .5s}
.floor03 .newsBox li .firstCon .picCon img{ width:100%; height:auto;}
.floor03 .newsBox li .firstCon .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.floor03 .newsBox li:hover .firstCon .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.floor03 .newsBox .firstCon .txtCon{ width:100%; height:100%; min-height:inherit; float:none; text-align:left;padding:20px; position:relative  }
.floor03 .newsBox .firstCon .txtCon h2{ text-align:left; font-weight:500; font-size:18px;}
.floor03 .newsBox .firstCon .txtCon p{ padding:20px 0; line-height:200%;text-overflow:-o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display:-webkit-box;  -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.floor03 .newsBox .myID{ position:absolute; width:70px; height:24px; top:10px; left:0; line-height:24px; font-size:12px;border-top-right-radius:3px; border-bottom-right-radius:3px;color:#FFF; background: rgba(237, 28, 36, .8); }
.floor03 .newsBox .firstCon .myID{ width:70px;height:24px;line-height:24px; top:20px; left:0; }
.floor03 .newsBox .bottomCon{ width:100%; position:static; bottom:0; right:0; padding:0 0; margin:10px 0 0; }
.floor03 .newsBox .firstCon .bottomCon{left:0;  }
.floor03 .newsBox .timeBox{ padding:0;  float:left; display:inline-block; color:#999999 }
.floor03 .newsBox .timeBox b{ font-size:40px; line-height:100%; padding:0; margin:0; display:block;}
.floor03 .newsBox .timeBox span{ line-height:100%; padding:0; margin:0; font-size:12px;}
.floor03 .newsBox .bottomCon .jiantuo{ float:right; margin-right:0; margin-top:20px;transition: all .5s}
.floor03 .newsBox .bottomCon .jiantuo img{ width:20px; height:auto}
.floor03 .newsBox .firstCon .bottomCon{padding:0 0; }

.floor03 .newsBox .firstCon a .txtCon p{ padding:10px 0; line-height:200%;color:#686868 }
.floor03 .newsBox .firstCon:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor03 .newsBox .firstCon:hover .bottomCon .jiantuo{margin-right:0; transition: all .5s}

.floor03 .newsBox ul.newList{ margin:10px -10px;}
.floor03 .newsBox ul.newList li{ width:50%; padding:0 10px; float:left;}

.floor03 .newsBox ul.newList li .newsBox .txt{ padding:10px 10px; min-height:150px;position:relative}
.floor03 .newsBox ul.newList li .newsBox .txt h3{ text-align:left; font-weight:500; font-size:16px; line-height:180%;text-overflow: -o-ellipsis-lastline;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.floor03 .newsBox ul.newList li .newsBox:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor03 .newsBox ul.newList li .newsBox:hover .bottomCon .jiantuo{margin-right:0; transition: all .5s}


.floor04{ background:#fafafa; padding:40px 0 20px 0;}
.floor04 .titleBox .tcon h1{font-size:24px; display:inline-block; float:left; font-weight:500; letter-spacing:1px;}
.floor04 .titleBox .tcon .moreBtn{ float:right;}
.floor04 .titleBox .tcon .moreBtn img{ display:none; width:1.2vw; height:auto}
.floor04 .titleBox .tcon .moreBtn span{ padding:0 3px;}


.floor05{ background:#fff; padding:30px 0 0;}
.floor05 .titleBox .tcon h1{font-size:24px; display:inline-block; float:left; font-weight:500; letter-spacing:2px;}
.floor05 .titleBox .tcon .moreBtn{ float:right;}
.floor05 .titleBox .tcon .moreBtn img{ display:none; width:1.2vw; height:auto}
.floor05 .titleBox .tcon .moreBtn span{ padding:0 .3vw;}

.floor05 .firstBox{width:100%; height:auto; margin:20px 0; overflow:hidden;position:relative;transition: all .5s}
.floor05 .firstBox:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor05 .firstBox img{width:100%; height:auto}
.floor05 .firstBox  a  img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.floor05 .firstBox a:hover  img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.floor05 .firstBox .titleTxt{position:absolute; width:90%; left:50%; top:50%;transform: translate(-50%, -50%); color:#FFF; z-index:2;}
.floor05 .firstBox .titleTxt h1{ font-size:18px; font-weight:300; line-height:150%; text-decoration:underline}

.floor05 .firstBox .titleTxt p{ font-size:14px; margin:5px 0;display: flex;align-items: center;justify-content: center;}
.floor05 .firstBox .titleTxt p i{ padding:0 5px; font-size:20px;}
.floor05 .firstBox  .popBg{background: rgba(0,0, 0, .3)  no-repeat ; background-position: center center; position:absolute; width:100%; height:100%; z-index:1;}

.floor05 .videoBox{margin:2vh -.8vw;}
.floor05 .videoBox ul li{ width:50%; padding:0 .8vw; float:left; }
.floor05 .videoBox ul li .picCon{ padding:0; position:relative; overflow:hidden;transition: all .5s}
.floor05 .videoBox ul li .picCon:hover{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor05 .videoBox ul li .picCon img{ width:100%; height:auto}

.floor05 .videoBox ul li  a .picCon img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.floor05 .videoBox ul li a:hover .picCon img{display:block;-webkit-transform:translateZ(0) scale(1.1);-moz-transform:translateZ(0) scale(1.1);-ms-transform:translateZ(0) scale(1.1);-o-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}

.floor05 .videoBox ul li .picCon .popBg{background: url(../images/20191218/vodeo.png) rgba(0,0, 0, .3)  no-repeat ; background-position: center center; background-size:50px 50px; position:absolute; width:100%; height:100%; z-index:1;}
.floor05 .videoBox ul li p{ line-height:300%;}

.floor06{ background:#fff; padding:20px 0;}
.floor06 .titleBox .tcon h1{font-size:24px; display:inline-block; float:left; font-weight:500; letter-spacing:1px;}
.floor06 .titleBox .tcon .moreBtn{ float:right;}
.floor06 .titleBox .tcon .moreBtn img{ display:none; width:1.2vw; height:auto}
.floor06 .titleBox .tcon .moreBtn span{ padding:0 .3vw; }
.floor06 .massageBox{margin:4vh 0; position:relative}
.floor06 .massageBox .leftImg{  width:100%; height:auto; position:relative;transition: all .5s}
.floor06 .massageBox .leftImg .mainImg img{ width:100%; height:auto; }
.floor06 .massageBox .leftImg .trIcon{display:none;  width:21px; height:auto; position:absolute; top:0; left:100%;}
.floor06 .massageBox .leftImg .trIcon img{ width:100%; height:auto;}
.floor06 .massageBox .leftImg .tbIcon{ display:none; width:21px; height:auto; position:absolute; bottom:0; left:100%;}
.floor06 .massageBox .leftImg .tbIcon img{ width:100%; height:auto;}

.floor06 .massageBox .rightTxt{ width:100%; height:auto; padding:15px 0; background:#fff; position:static; top:0; left:0; transition: all .5s  }
.floor06 .massageBox .rightTxt .txtCon{ width:100%; height:100%; min-height:inherit; float:left; text-align:left;padding:2vw 2vw; position:relative  }
.floor06 .massageBox .rightTxt .txtCon h2{ text-align:left; font-weight:500; font-size:18px; }
.floor06 .massageBox .rightTxt .txtCon p{ padding:1vh 0; line-height:200%;text-overflow:-o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis; display:-webkit-box;  -webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}

.floor06 .massageBox .rightTxt  .bottomCon{ width:100%; position:static; bottom:0; right:0; padding:0 0; margin:10px 0;  }
.floor06 .massageBox .rightTxt  .timeBox{ padding:0;  float:left; display:inline-block; color:#999999 }
.floor06 .massageBox .rightTxt  .timeBox b{ font-size:45px; line-height:100%; padding:0; margin:0; display:block;}
.floor06 .massageBox .rightTxt  .timeBox span{ line-height:100%; padding:0; margin:0;}
.floor06 .massageBox .rightTxt  .bottomCon .jiantuo{ float:right; margin-right:0; margin-top:20px;transition: all .5s}
.floor06 .massageBox .rightTxt  .bottomCon .jiantuo img{ width:20px; height:auto}
.floor06 .massageBox:hover .leftImg{  box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor06 .massageBox:hover .rightTxt{box-shadow:1px 1px 20px #cacaca;transition: all .5s}
.floor06 .massageBox:hover .rightTxt .bottomCon .jiantuo{margin-right:0; transition: all .5s}
.floor06 .massageBox a .rightTxt .txtCon p{ padding:1vh 0; line-height:200%;color:#686868 }
}