﻿

/*
 .Floor000952 为demo编号
 */
.Floor000952{ padding:3.5% 0 4%;}
.Floor000952 .auto_1360{max-width: 1360px;}
.Floor000952 .title-intro{margin-bottom: 3%; color:#282828;position: relative}
.Floor000952 .title-intro h3{ margin:0; font-size:34px;}
.Floor000952 .title-intro a{ color:#282828;font-size: 22px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/Floor002655-icon.png)no-repeat right center;padding-right: 30px;border-bottom: 1px solid transparent;transition: all 0.3s}
.Floor000952 .title-intro a::after{content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 1px;background: #282828;transition: all 0.3s}
.Floor000952 .title-intro a:hover::after{width: 100%}
.Floor000952 h2{margin:0;font-weight: normal;padding: 1.5% 0; color:#4f76bb; font-size:32px;}
.Floor000952 h4{ color:#666; font-size:16px; margin:0;font-weight: lighter;}
.Floor000952 p{ color:#666; margin:0;font-size: 16px;font-weight: lighter;line-height: 30px;padding-top: 7%;height: 154px;overflow: hidden;letter-spacing: 2px}
.Floor000952 .text a{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10}
.Floor000952 .text span{ color:#333;font-size: 16px;font-weight: lighter;margin-top: 8%;display: inline-block;padding-right: 15px;position: relative;transition: all 0.3s;z-index: 1}
.Floor000952 .text span::after{content: ' + ';position: absolute;right: 0;top: 45%;transform: translateY(-50%);}
.Floor000952 li:hover span{padding-right: 30px;color: #4f76bb}
.Floor000952 .owl-carousel .owl-item { margin-bottom:15px; position:relative;}
.Floor000952 .owl-carousel li .text{ width:60%; max-width: 646px;max-height:450px; position:absolute; left:30px; top:50%;transform: translateY(-50%); background:#fff; padding:5% 6% 8%; overflow:hidden;z-index: 1;box-shadow: 0 0 24px rgba(0,0,0,0.15);border-radius: 5px 0 0 5px;}
.Floor000952 .owl-carousel li .pic{float: right;width: 50%;max-width: 615px;border-radius: 5px;overflow: hidden;z-index: 10;position: relative;margin-right: 20px;}
.Floor000952 .owl-carousel li .pic figure{padding-bottom: 94.3%;background-size: cover;background-repeat: no-repeat;background-position: center;transition: all 0.5s}
.Floor000952 li:hover .pic figure{transform: scale(1.1)}

.Floor000952 .owl-carousel{ position:relative; z-index:1;overflow:hidden;padding-right: 50px;padding-left: 30px}

.Floor000952 .owl-nav div{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; z-index:10;}
.Floor000952 .owl-nav .owl-prev{ left:0;margin-left:-40px;}
.Floor000952 .owl-nav .owl-next{right:0; margin-right:-40px; background-position: right top;}
.Floor000952 .owl-carousel{ padding:0 30px;}
.Floor000952 .owl-nav .owl-prev{margin-left:0;transform: scale(0.9)}
.Floor000952 .owl-nav .owl-next{margin-right:0;transform: scale(0.9)}

.Floor000952 .owl-nav div{ position:absolute; top:50%; margin-top:-18px; width:21px; height:36px;overflow:hidden; line-height:100px; z-index:10;}
.Floor000952 .owl-nav div:hover{ border-color:#e5352c;}
.Floor000952 .owl-nav div::before,
.Floor000952 .owl-nav div::after{ position:absolute; content:''; left:8px; top:0; width:4px; height:24px; background-color:#555;}
.Floor000952 .owl-nav div::before{ transform:rotate(-45deg);}
.Floor000952 .owl-nav div::after{transform:rotate(45deg); top:15px;}
.Floor000952 .owl-nav div:hover::before,
.Floor000952 .owl-nav div:hover::after{background-color:#4e76bb;}
.Floor000952 .owl-nav div.owl-prev::before{ transform:rotate(45deg);}
.Floor000952 .owl-nav div.owl-prev::after{transform:rotate(-45deg);}
@media(max-width:1366px){
.Floor000952 .owl-nav div.owl-prev{ left:2%;}
.Floor000952 .owl-nav div.owl-next{ right:1%;}
}
@media(max-width:768px){
.Floor000952 .title-intro{margin-bottom: 30px}
.Floor000952 .title-intro h3{ font-size:28px;}
.Floor000952 .title-intro p{ font-size:14px; line-height:20px;}
.Floor000952 .title-intro a{font-size: 18px;}
.Floor000952 .bx-wrapper{ padding: 0 2%}
.Floor000952 .owl-carousel li .text{position: relative;width: 100%;left: 0;transform: translateY(0);padding: 5% 8% 8%;box-shadow: none;max-height: 100%;}
.Floor000952 .owl-carousel li .pic{float: none;width: 100%}
.Floor000952 .owl-nav div{ transform: scale(0.8)}
.Floor000952 .owl-nav div.owl-prev{ left:3%;}
.Floor000952 .owl-nav div.owl-next{ right:3%;}
.Floor000952 .owl-carousel li .pic figure{padding-bottom:76%;}
}
@media(max-width:480px){
.Floor000952 h4{ font-size:14px;}
.Floor000952 h2{ font-size:26px;}
.Floor000952 p{font-size:14px;height: auto;line-height: 24px;color: #555;height: 72px;margin-top: 7%;padding-top: 0;overflow: hidden;}
.Floor000952 .owl-carousel li .pic figure{padding-bottom:60%;}
}
@media(max-width:375px){
.Floor000952 .owl-carousel li .pic figure{ padding-bottom:50%}
}

/*Floor002065 */
.Floor002065{background: #f9f9f9;padding: 3.5% 0 4%;overflow: hidden}
.Floor002065 .owl-stage-outer{overflow: unset!important}
.Floor002065 .title-intro{margin-bottom:3%; color:#282828;position: relative}
.Floor002065 .title-intro h3{ margin:0; font-size:34px;}
.Floor002065 .title-intro a{ color:#282828;font-size: 22px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: url(../images/Floor002655-icon.png)no-repeat right center;padding-right: 30px;border-bottom: 1px solid transparent;transition: all 0.3s}
.Floor002065 .title-intro a::after{content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 1px;background: #282828;transition: all 0.3s}
.Floor002065 .title-intro a:hover::after{width: 100%}
.Floor002065 .item{ position:relative;-webkit-transition: all .2s linear;transition: all .2s linear;}
.Floor002065 .item .pic{ overflow:hidden;position:relative;border-radius: 5px 5px 0 0;}
.Floor002065 .item .Ispic{ display:block; padding-bottom:56.55%; transition:0.3s; position:relative;}
.Floor002065 .item .pic span{ position:absolute; right:3%; bottom:3%; width:59px; line-height:59px;height:59px; color:#fff; font-size:16px; font-weight:bold; color:#fff; text-align:center; border-radius:50%;}
.Floor002065 .item .pic span.hot1{ background:#f04848;}
.Floor002065 .item .pic span.hot2{ background:#953896;}
.Floor002065 .item .Ispic img{ display:none;}
.Floor002065 .item:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);box-shadow: 0 15px 30px rgba(0,0,0,.1);-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);z-index: 3;}
.Floor002065 .item:hover .Ispic{}
.Floor002065 .item .txt{ padding:40px; background-color:#fff;font-size:16px;border-radius: 0 0 5px 5px;position: relative;box-shadow: 0 0 24px rgba(0,0,0,0.15);}
.Floor002065 .item .txt a{ position: absolute;width: 100%;top: 0;left: 0;height: 100%;z-index: 10}
.Floor002065 .item p{ font-size:16px; color:#999; line-height:24px; overflow:hidden;font-weight: lighter;margin: 0;}
.Floor002065 .item h3{ font-size:20px; color:#000; line-height:28px;font-weight: normal;margin: 0;padding-top: 8px;}
.Floor002065 .item span{ font-size:14px; color:#000; line-height:24px;font-weight: lighter;margin-top: 8%;position: relative;transition: all 0.3s;display: inline-block;padding-right: 15px;z-index: 1}
.Floor002065 .item span::after{content: ' + ';position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.Floor002065 .item:hover span{padding-right: 30px;color: #4f76bb}
.Floor002065 .owl-nav div{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; background:url(../images/Floor002065-btn.png) no-repeat left top; z-index:10;}
.Floor002065 .owl-nav .owl-prev{ left:0;margin-left:-40px;}
.Floor002065 .owl-nav .owl-next{right:0; margin-right:-40px; background-position: right top;}

@media(max-width:1100px){
.Floor002065 .owl-carousel{ padding:0 30px;}
.Floor002065 .owl-nav .owl-prev{margin-left:0;transform: scale(0.9)}
.Floor002065 .owl-nav .owl-next{margin-right:0;transform: scale(0.9)}
}
@media(max-width:640px){
.Floor002065 .title-intro{margin-bottom: 30px}
.Floor002065 .title-intro h3{ font-size:28px;}
.Floor002065 .title-intro p{ font-size:14px; line-height:20px;}
.Floor002065 .title-intro a{font-size: 18px;}
.Floor002065 .title span{ display:block;}
}
@media(max-width:640px) and (min-width:376px){
.Floor002065 .item dt,
.Floor002065 .item dd{ float:none; text-align:right;}
}


/*carousel 公共样式只留一份*/
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
